@charset "utf-8";
*{box-sizing: border-box; letter-spacing: -0.05em;}

html { scroll-behavior: smooth;}

body {
    font-size: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	color:#666;
	letter-spacing: -0.025em;
	word-spacing: -0.025em;
}

a{color: #666;}
sup{vertical-align: super;font-size: 10px;}

/*삭제예정 클레스*/
div.cont{border: 0px solid pink; }
span.ready{border: 0px solid blue; font-size: 50px;display: block; padding-top: 40px; font-weight: 600;}



legend, caption{font-size:0; overflow:hidden; text-indent:-9999px; height:0;}
button{border:0; outline:none; overflow:visible; background:none;}
.wrap{position:relative;}
.___br{display:none;}

/*header*/
#header {position:absolute;left:0;top:0;width:100%;z-index:10;box-sizing:border-box;padding:0 10px;}
#header .inner {max-width:1200px;height:100px;margin:0 auto;position:relative;z-index:10;}
#header .logo {position:absolute;left:0;top:30px; margin-top: 5px;}
#header .logo img.pc_logo{display: block;}
#header .logo img.mobile_logo{display: none;}

/*웹폰트*/
@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*tnb*/
#header .tnb {position:absolute;right:0;top:10px;}
#header .tnb .member {float:left;}
#header .tnb .member li {float:left;margin-left:4px;}
#header .tnb .member .equal {display:inline-block;box-sizing:border-box;height:28px;line-height:28px;border:1px solid #d6d6d6;border-radius:14px;font-size:14px;font-weight:400;}
#header .tnb .member .txt {background:#fff;text-indent:10px;}
#header .tnb .member .btn {color:#fff;text-align:center;border:none;font-weight:500;}
#header .tnb .member .btn1 {width:80px;/*background:#0f72db;*/ color: #000;}
#header .tnb .member .btn1::after{    content: '';position: absolute;top: 8px;right: 99px;width: 2px;height: 13px;background: #ddd;}
#header .tnb .member .btn2 {width:100px;/*background:#607489;*/ color: #000;}
#header .tnb .sns {float:left;font-size:0;margin-left:20px;}
#header .tnb .sns li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;margin-left:4px;}
#header .tnb .sns li img {width:28px;height:28px;}
#header .tnb .zoom {float:left;font-size:0;margin-left:20px;}
#header .tnb .zoom > * {display:inline-block;vertical-align:middle;}
#header .tnb .zoom span {font-size:13px;color:#555;padding-right:5px;}
#header .tnb .zoom button {width:26px;height:26px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px;}
#header .tnb .zoom button i {display:block;width:26px;text-align:center;vertical-align:middle;}
#header .tnb .zoom button:hover {background:#666;color:#fff;}
#header .tnb .zoom button {margin-left:-1px;}


/*gnb*/
#header .gnb {position:absolute;/*right:85px;*/right:0%;top:20px;}
#header .gnb * {font-family:'Noto Sans KR',sans-serif;letter-spacing:0;font-weight:500;}
#header .gnb > li {float:left;position:relative;width:140px;}
#header .gnb > li > a {display:block;height:62px;line-height:62px;/*padding:0 25px;*/padding:0;font-size:18px;color:#fff;text-align:center;}
#header .gnb > li:first-child > a {/*padding:0 40px;*/}
#header .gnb > li > a > span {display:block;position:relative;padding:0 10px;position:relative;line-height: 4.3;}
#header .gnb > li > a > span:before {content:"";display:block;width:0;height:4px;background:#eeac41;position:absolute;top:39%;left:50%;margin-top:46px;opacity:0;transition:0.3s;}
#header .gnb > li > ul {display:none;position:absolute;left:0;top:130%;width:100%;box-sizing:border-box;border-right:1px solid rgba(255,255,255,0.2);height:220px;padding-top:15px;}
#header .gnb > li > ul > li > a {display:block;font-size:13px;padding:7px 0 7px 13px;color:#fff;}
#header .gnb > li > ul > li > ul > li > a {display:block;font-size:13px;color:#fff;padding:3px 0 3px 13px;}
#header .gnb > li > ul > li > ul > li > a:before {content:"- ";}
#header .gnb > li:first-child > ul {border-left:1px solid rgba(255,255,255,0.2);}
#header .sch {box-sizing:border-box;width:38px;height:38px;box-sizing:border-box;position:absolute;right:0;top:61px;background:#fff;border:1px solid #ccc;font-size:18px;color:#000;border-radius:50%;}
#header .mnu {display:none;box-sizing:border-box;width:38px;height:38px;box-sizing:border-box;position:absolute;right:0;top:50%;margin-top:-19px;font-size:20px;color:#000;border-radius:50%;}
#header .mnu:before{content:""; background:url(../images/Hamburger_icon.svg.png)no-repeat; background-size:cover; position:absolute; left:4px; bottom:6px; width:20px; height:20px; text-align:center;}
#header .search {position:absolute;left:0;top:100%;box-sizing:border-box;padding-top:30px;width:100%;display:none;}
#header .search .wrap {max-width:500px;margin:0 auto;position:relative;}
#header .search input[type=text] {display:block;width:100%;height:50px;background:#fff;border:none;box-sizing:border-box;font-size:18px;padding-left:20px;}
#header .search button {position:absolute;right:0;top:0;width:50px;height:50px;color:#000;border:none;font-size:24px;}

.menu-on #header .mnu i:before {content:"\e937";}
.sch-on #header .sch i:before {content:"\e937";}

#header .gnb > li:hover > a,
#header .gnb > li.active > a {color:#eeac41;}
#header .gnb > li:hover > a > span:before,
#header .gnb > li.active > a > span:before {opacity:1;width:80%;left:0;margin-left:10%;}
#header .gnb > li > ul:hover {/*background:#464e5a;*/ /*background: rgba(0,0,0,0.1);*/background:#e29d2e;transition-duration: 0.5s;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {/*background:#00aeef;*/color: #e29d2e; font-weight: 500;}
#header .gnb > li > ul > li > ul > li:hover > a,
#header .gnb > li > ul > li > ul > li.active > a {color:#ffafb0;text-decoration:underline;}
#header .gnb > li > ul > li:hover > a{background: #fff;transition-duration: 0.5s;}

#header .go_to_fr{position: absolute;right: 50px;top: 48.5px;z-index: 10;font-weight: 500;font-size: 0px;}
#header .go_to_fr li{display: inline-block;margin-right: 40px;}
#header .go_to_fr li:last-child{margin-right: 0px;}
#header .go_to_fr li a{color: #ffffff;font-size: 17px;}

/*nav*/
#nav {position:fixed;left:0;top:0;width:100%;height:0;z-index:10000;overflow:hidden;transition-delay:0.3s;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);opacity:0;transition:0.5s;}
#nav .inner {position:relative;left:0;top:0;width:80%;height:100%;background:#fff;overflow:auto;z-index:10;opacity:0;transition:0.5s;}
#nav .tnb {text-align:center;font-size:0;overflow:hidden;background:#0f72db;}
#nav .tnb:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
#nav .tnb li {display:inline-block;text-align:center;box-sizing:border-box;vertical-align:middle;position:relative;}
#nav .tnb li ~ li:before {content:"";display:block;height:16px;background:#ddd;width:1px;top:50%;margin-top:-8px;position:absolute;opacity:0.5;}
#nav .tnb li a {display:block;height:50px;line-height:50px;font-size:15px;padding:0 15px;color:#fff;}
#nav .sns {text-align:center;margin-top:20px;}
#nav .sns li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;margin:0 5px;}
#nav .gnb > li {border-bottom:1px solid #ddd;}
#nav .gnb > li > a {display:block;font-size:16px;padding:0 10px;position:relative;color:#000;height:50px;line-height:50px;}
#nav .gnb > li > a:before {content:""; background:url(../images/dropmenu.png)no-repeat; background-size:cover; position:absolute; right:15px; bottom:20px; width:15px; height:10px; text-align:center;}
#nav .gnb > li > ul {background:#f3f3f3;padding:10px 0;border-top:1px solid #ddd;display:none;}
#nav .gnb > li > ul > li > a {display:block;padding:5px 10px;font-size:14px; color:#000;}
#nav .gnb > li > ul > li > ul > li > a {display:block;padding:3px 10px 3px 15px;font-size:16px;}
#nav .gnb > li > ul > li > ul > li > a:before {content:"- ";}
#nav .close {position:absolute;left:80%;top:0;z-index:10;width:50px;height:50px;border:none;background:#eee;color:#000;font-size:20px;opacity:0;transition:0.5s;}
#nav .close:before {content:""; background:url(../images/close.png)no-repeat; background-size:cover; position:absolute; left:12px; bottom:14px; width:20px; height:20px; text-align:center;}
#nav .gnb > li.active > a {color:orange;}
#nav .gnb > li.active > a:before {content:""; background:url(../images/dropmenu2.png)no-repeat; background-size:cover; position:absolute; right:15px; bottom:20px; width:15px; height:10px; text-align:center;}
#nav .gnb > li.active > ul {display:block;}

.mob_gt_fr{z-index: 10;font-weight: 500;font-size: 0px;text-align: right;padding-top: 20px;}
.mob_gt_fr li{display: inline-block;margin-right: 40px;}
.mob_gt_fr li a{color: #222222;font-size: 17px;}

/*개인정보처리방침*/
div.termsconditions_c01{ padding: 50px 0px;}
div.termsconditions_c01 h5.sub_subtitle{font-size: 20px; color: #000; font-weight: 500; letter-spacing: -0.05em;position:relative; margin-bottom: 10px; padding-top:20px;}
div.termsconditions_c01 h5.sub_subtitle::after{content:''; position:absolute; top:0px; left:0; width:40px; height: 4px; background-color: #f29600; display: block;}
div.termsconditions_c01 p.title_bottomtext{border: 0px solid yellow; position: relative; font-size: 17px; padding: 0 0 8px 15px; letter-spacing: -0.05em; line-height: 1.5; margin-top: 15px; color: #000;}
div.termsconditions_c01 p.title_bottomtext::before{content: ''; position: absolute; top: 13px; left: 0; width: 5px; height: 5px; background: #f29600;}
div.termsconditions_c01 p.title_bottomtext.nb::before{display: none;}
div.termsconditions_c01 span.margin_left10{margin-left: 10px;display: block;}
div.termsconditions_c01 span.margin_left25{margin-left: 25px;display: block;}
div.termsconditions_c01 p.title_bottomtext2{ position: relative;font-size: 17px; padding: 0 0 8px 15px; letter-spacing: -0.05em; line-height: 1.5; margin-left: 20px;}
div.termsconditions_c01 p.title_bottomtext2::before{content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; border-radius: 10px; border: 1px solid #09479d;}
div.termsconditions_c01 span.b{font-weight: 600; }
div.termsconditions_c01 div.textbox01{margin:15px 0; line-height:1.5;}
span.block{border: 0px solid red; display: block; padding-bottom: 10px;}

div.termsconditions_c01 p.sub-title{color: #000;font-size: 20px;word-break: keep-all;margin-bottom: 30px;line-height: 1.4;}




/*svis*/
#svis {background:url(../images/visual_img2.jpg) no-repeat 50% 50%; background-size:cover;}
#svis.svis01 {background:url(../images/visual_img3.jpg) no-repeat 50% 65%; background-size:cover;}
#svis.svis03 {background:url(../images/visual_img1.jpg) no-repeat 50% 50%; background-size:cover;}
#svis.svis04 {background:url(../images/visual_img3.jpg) no-repeat left 100%; background-size:cover;}
#svis.svis05 {background:url(../images/visual_img5.jpg) no-repeat center 49%; background-size:cover;}
#svis.svis06 {background:url(../images/visual_img4.jpg) no-repeat center 49%; background-size:cover;}
#svis.svis07 {background:url(../images/visual_img6.jpg) no-repeat center 45%; background-size:cover;}

#svis .inner {max-width:1200px;margin:0 auto;height:270px;position:relative;}
#svis h2 {text-align:center;color:#fff;font-size:42px;font-weight:bold;padding-top: 150px;}
#svis .inner p{text-align: center; margin: 30px; color: #ddd;}

#svis .navi {position:absolute;bottom:18px;right:0;color:#fff;font-size:14px;}
#svis .navi > * {display:inline-block;vertical-align:middle;}
#svis .navi em {padding:0 5px;}
#svis .snb + .navi {bottom:75px;}
#svis .snb {display:table;width:100%;table-layout:fixed;}
#svis .snb li {display:table-cell;}
#svis .snb li ~ li a:before {content:"";display:block;width:1px;height:30px;position:absolute;left:0;top:50%;margin-top:-15px;background:#ddd;}
#svis .snb li a {display:block;background:rgba(255,255,255,0.92);font-size:17px;color:#333;text-align:center;height:60px;line-height:60px;position:relative;}
#svis .snb li:hover a,
#svis .snb .active a {background:#09479d;color:#fff;}


/*메인 비주얼 부분*/
.swiper-pagination{border: 0px solid red;bottom: 50px !important;}
.swiper-pagination-clickable .swiper-pagination-bullet{background-color: #fff !important; opacity: 1; width:10px; height: 10px;transition-duration: 0.5s; display: inline-block;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px !important;border-radius: 10px;background-color: #eeac41 !important;}


div.swiper-slide.v_img1{background:url(../images/visual_img1.jpg) no-repeat center center; background-size: cover;}
div.swiper-slide.v_img2{background:url(../images/visual_img2.jpg) no-repeat center center; background-size: cover;}
div.swiper-slide.v_img3{background:url(../images/visual_img3.jpg) no-repeat center center; background-size: cover;}
div.swiper-slide.v_img4{background:url(../images/visual_img4.jpg) no-repeat center center; background-size: cover;}

div.visual_text{text-align: left; max-width:1280px; width:100%;height: 100%; margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}
div.visual_text h3{font-size: 35px; color:#fff; font-weight: 500; margin-bottom: 20px;text-shadow: 1px 1px 5px black; line-height: 1.2;width: 100vw;}
div.visual_text h2{color: #f29600; font-size: 80px; font-weight: 600;text-shadow: 1px 1px 5px black;}
div.visual_text p.visual_button{    
    width: 200px;
  background: rgba(0,0,0,0.5);
    text-align: center;
    line-height: 2.8;
    color: #fff;
    margin-top: 60px;
    border: 1px solid orange;
    border-radius: 30px;
}

div.visual_text h2.first-txt{font-size: 60px;}

@media (max-width: 1280px) {
	div.visual_text h2.first-txt{font-size: 30px;}
  }


div.visual_text p.visual_button a{color: #fff; display: block; border-radius: 30px; transition-duration: 0.5s;}
div.visual_text p.visual_button:hover a{color: orange;border-radius: 30px;background: rgba(255,255,255,0.2); }



/*메인 컨텐츠 부분*/

div.Notice{}
div.Notice ul a li{position: relative;}
/*
div.Notice ul a li.mainnotice_bg::before{transition-duration: 0.7s;content: ''; position:absolute; top: 0; left: 0; width:0%; height: 100%;}
div.Notice ul a li.mainnotice_bg:hover::before{content: ''; position:absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(241,243,245,0.9); z-index: -1; background-color: rgba(255,170,14,0.6);}
*/
div.Notice ul a li.mainnotice_bg::after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    inset: 0 0 0 0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform .8s ease;
    z-index: -1;
}

div.Notice ul a li.mainnotice_bg:after{
    background-color:rgba(255,170,14,0.4);
}

div.Notice ul a li.mainnotice_bg:hover:after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

/*top버튼*/
div.top_button {
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 48px;
    font-weight: 500;
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: rgba(255,255,255,0.6);
    box-shadow: 2px 2px 5px #ddd;
    font-size: 13px;
	z-index: 99999;		
	transition-duration: 0.5s;
}

div.top_button:hover{transform: translateY(-8px);}

/*__tit1*/



/*text*/



/*sub*/
#sub{width:100%; position: relative;}
div.outer{width:1280px;margin: 50px auto 0 auto; margin-bottom:70px;}
div.outer div.top_rightnav{text-align: right; font-size: 14px;border: 1px solid green; padding: 30px 0;}

div.outer div.contents_box{border: 10px solid red; overflow: hidden;}
div.outer div.contents_box div.leftbox{border: 10px solid orange; width:20%; float: left;}
div.outer div.contents_box div.rightbox{border: 10px solid green; width:80%; float: left}

@media (max-width: 1140px) {
	div.outer{padding: 0 2%;}
}

h3.subpage_title{font-size: 50px; font-weight: 600; color: #000; margin-bottom: 50px;line-height: 1.3;}
p.subpage_subtitle{font-size: 25px; font-weight: 400; line-height: 1.3;}
p.subpage_text{font-size: 17px; line-height: 1.3; margin-top:25px;}

img.arrow{border: 0px solid red;width: 13px;vertical-align:0px;margin-left: 10px;}

img.bord_aroowL{width: 10px; vertical-align: middle;}
img.bord_aroowLL{width: 7px; vertical-align: middle;}
img.bord_aroowR{width: 7px; vertical-align: middle;}
img.bord_aroowRR{width: 10px; vertical-align: middle;}
p.margintop_100{margin-top: 100px;}
span.point{color:#006fb7;font-weight: 600;}

/*2depth 메뉴*/
div.sub2depth{border-bottom: 1px solid #ddd;width:1280px; margin:0 auto;}   
div.sub2depth ul{display: table;table-layout: fixed; width: 100%;text-align: center;}   
div.sub2depth ul li{display: table-cell;position:relative;vertical-align: middle;}
div.sub2depth ul li a{display: block;padding: 15px;line-height: 1.5;}
div.sub2depth ul li::before{content: ''; position: absolute; top: 40%; left: 0; width:2px; height: 20px; background: #ddd;}
div.sub2depth ul li:last-child::after{content: ''; position: absolute; top: 40%; right: 0; width:2px; height: 20px; background: #ddd;}   
div.sub2depth ul li.active{background: orange;}
div.sub2depth ul li.active a{color: #fff;}



/*사이드바*/
#sub div.sidebar_wrap{position: fixed; top: 330px; left: 0;}
#sub div.sidebar_wrap div.sidebar{}
#sub div.sidebar_wrap div.sidebar ul{}
#sub div.sidebar_wrap div.sidebar ul li{ line-height: 1.9; border: 0px solid red; background: url(../images/lnb_plus_tans.png) no-repeat right center;padding-left: 60px;position: relative;}
#sub div.sidebar_wrap div.sidebar ul li:hover{background: url(../images/lnb_plus_orange.png) no-repeat right center;}
#sub div.sidebar_wrap div.sidebar ul li a{display: block; padding-right: 25px;}
#sub div.sidebar_wrap div.sidebar ul li a:hover{color: orange;}

#sub div.sidebar_wrap div.sidebar ul li.plus_icon.plus_active{background: url(../images/lnb_plus_orange.png) no-repeat right center;}
#sub div.sidebar_wrap div.sidebar ul li.plus_icon.plus_active a{display: block; color: orange; font-weight: 500;}
#sub div.sidebar_wrap div.sidebar ul li.plus_icon.plus_active a::before{content: '';position: absolute; top: 49%; left: 0; width:35px; height: 2px; background: orange;}

/*모바일 아코디언 서브메뉴*/
details{display: none;}
details{border: 0px solid red;}
details summary{ line-height: 3; padding:0 15px; border-bottom: 1px solid #ddd;}
details details > p{padding: 0px 30px; border-bottom: 1px solid #ddd; line-height: 3; background: #f7f7f7;}
details summary.main_title{border: 0px solid orange; background: orange; color: #fff;}
details details > p a{display: block;}



/*페이지네이션*//* pagination */
.pagination{text-align:center; margin:20px 0;}
.pagination > a{line-height:26px;}
.pagination span{font-size:0px;}
.pagination ol{display:inline-block; margin:0 5px;}
.pagination ol li{display:inline-block;}
.pagination a{font-size:14px; color:#000; display:inline-block; vertical-align:middle; min-width:30px; height:30px; line-height:29px; box-sizing:border-box; border:1px solid #e0e0e0; overflow:hidden; position:relative;}
.pagination ol li.on{background:#878585;}
.pagination ol li.on a{color:#fff;}




/*.__tbl-list*/
.__tbl-list {width:100%;border-top:2px solid #325aa4;table-layout:auto;}
.__tbl-list.fix {table-layout:fixed;}
.__tbl-list tr > * {border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:18px 10px;line-height:1.4em;}

.__tbl-list thead th {background:#f4f4f4;font-size:18px;font-weight:normal;color:#000;text-align:center;}
.__tbl-list tr td {text-align:center;font-size:16px;font-weight:300;line-height:1.4em; vertical-align:middle;}
.__tbl-list tr td b{font-weight:bold; color:#666; letter-spacing: -0.025em;}
.__tbl-list tr td a span{color:#0000d9; margin-right:5px;}
.__tbl-list tr td strong {font-weight:500;}
/* .__tbl-list tr .subject {text-align:left;} */
.__tbl-list tr .subject a {display:inline-block;max-width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; color:#666;}
.__tbl-list tr .file {font-size:24px;color:#4772c7;}

.downloadfile{width:30%;}
.tal {text-align: left !important;}



/*.mainvg*/
.mainvg {position:relative;}
.mainvg .vis {height:1080px;width:100%;box-sizing:border-box;padding:0 10px;position:relative;overflow:hidden;}
.mainvg .vis .inner {max-width:1200px;height:100%;position:relative;margin:0 auto;z-index:10;}
.mainvg .vis .img {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;}
.mainvg .vis .box {position:absolute;text-align:center;left:0;top:400px;width:100%;box-sizing:border-box;padding:0 10px;border:0;z-index:9998;}
.mainvg .vis .box * {font-family:'Poppins',sans-serif;letter-spacing:0;}
.mainvg .vis .box .txt1 {font-size:86px;color:#fff;font-weight:700;text-transform:uppercase;text-shadow: 2px 2px 3px rgba(0,0,0,0.5);}
.mainvg .vis .box .txt2 {font-size:32px;color:#fff;font-weight:300;letter-spacing:-0.075em;word-spacing:-0.075em; margin:10px auto 0px auto;text-shadow: 2px 2px 3px rgba(0,0,0,0.5);}
.mainvg .vis .box .txt3 {font-size:22px;color:#fff;font-weight:500;}
.video-fluid {width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


/*under_banner*/
.inner2{position:relative; width:1300px; margin:0 auto;}
.under_banner{width: 100%; height: 115px; line-height: 90px; border-top: 1px solid #ddd; background: #fff;}
.under_banner.medicine_under_banner{background:#f6f6f6;}
.mbanner_slide .slick-slide img{width: 100%; max-width: 223px; text-align: center; margin: 0 auto;}
.mba_box{width: 200px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle;}


/*#m_theme*/
#m_theme{padding:50px 10px 60px;}
#m_theme .inner{max-width:1300px; margin:0 auto; font-size:0;}
#m_theme .tit{text-align:center; margin-bottom:7%;}
#m_theme .tit h3{position:relative; line-height:1em; padding-bottom:2%; margin-bottom:1.5%; color:#0f72db; font-size:38px; font-weight:700; letter-spacing:0;}
#m_theme .tit h3:before{content:''; display:block; position:absolute; left:50%; bottom:0; margin-left:-15px; height:2px; width:30px; background:#222;}
#m_theme .tit p{color:#000; font-size:22px; font-weight:300;}


/*#footer*/
#footer {background:#e9e9e9;}
#footer .top {padding:0 10px;}
#footer .top .inner {max-width:1200px;margin:0 auto;position:relative;}
#footer .top .fnb {font-size:0;}
#footer .top .fnb > li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
#footer .top .fnb > li > a {display:block;height:54px;line-height:54px;font-size:14px;font-weight:500;color:#555;}
#footer .top .fnb > li ~ li {margin-left:22px;padding-left:23px;}
#footer .top .fnb > li ~ li:before {content:"";display:block;width:1px;height:12px;background:#cacaca;position:absolute;top:50%;margin-top:-6px;left:0;}
#footer .top .sns {position:absolute;right:0;top:50%;margin-top:-17.5px;z-index:100;}
#footer .top .sns > li {display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;}
#footer .top .sns > li > a {}

#footer .bot {border-top:1px solid #d1d1d1;padding:25px 10px;}
#footer .bot .inner {max-width:1200px;margin:0 auto;position:relative;box-sizing:border-box;/*padding-left:280px;*/}
#footer .bot h2 {position:absolute;left:0;top:0%;/*margin-top:-34.5px;*/margin-top:5px;}
#footer .bot .info .host {font-size:14px;color:#555;line-height:1.6em;}
#footer .bot .info address {font-size:14px;color:#555;line-height:1.6em;margin-top:12px;padding-left:280px;}
#footer .bot .info address span{display:inline-block;margin-right:20px; position: relative;}
#footer .bot .info address span::before{content: '';position: absolute;top: 5px;right: -12px;width: 1px;height: 13px;background: #666;}
#footer .bot .info address span:nth-child(4)::before{display: none;}
#footer .bot .info address span:nth-child(7)::before{display: none;}
#footer .bot .info .copy {font-size:13px;color:#888;margin-top:12px;padding-left:280px;}
#footer .bot .info .copy span a{margin-left: 6px;color:#888; color: #ee9c14;}

/*__login*/
.__login {max-width:700px;margin:0 auto;}
.__login .tit {text-align:center;margin-bottom:20px;}
.__login .tit h4 {font-size:48px;color:#0f72db;font-weight:700;font-family:'Poppins',sans-serif;text-transform:uppercase;}
.__login .tit p {font-size:15px;}
.__login .area {background:#f8f9fb;padding:40px;}
.__login .area .wrap {max-width:400px;margin:0 auto;}
.__login .area .inp li {position:relative;padding-left:48px;border:1px solid #ddd;}
.__login .area .inp li:before {font-family:axicon;position:absolute;left:0;top:0;width:48px;height:48px;line-height:48px;text-align:center;color:#6f7c9c;background:#f1fbfe;font-size:24px;}
.__login .area .inp li ~ li {margin-top:10px;}
.__login .area .inp li input {display:block;box-sizing:border-box;height:48px;box-sizing:border-box;border:none;width:100%;padding-left:10px;font-size:15px;}
.__login .area .inp .id:before {content:"\e975";}
.__login .area .inp .pass:before {content:"\e6d0";}
.__login .area .save {margin-top:15px;font-size:15px;}
.__login .area .submit {margin-top:15px;}
.__login .area .submit button {display:block;width:100%;height:50px;background:#006abf;border:none;color:#fff;font-weight:bold;font-size:16px;font-weight:500;text-transform:uppercase;}
.__login .area .btn {margin-top:30px;text-align:center;}
.__login .area .btn a {font-size:15px;color:#333;display:inline-block;margin:0 15px;text-decoration:underline;}

.__login {border-top:2px solid #325aa4;border-bottom:1px solid #ccc;padding:60px 10px;}
.__login .inner {max-width:600px;margin:0 auto;}
.__login .tit {text-align:center;margin-bottom:50px;}
.__login .tit h3 > * {display:inline-block;vertical-align:middle;}
.__login .tit h3 span {font-size:50px;font-weight:bold;color:#688dd4;}
.__login .tit h3 img {margin-right:15px;}
.__login .tit p {margin-top:35px;font-size:18px;color:#6a757d;line-height:1.7em;}
.__login .area {max-width:420px;margin:0 auto;position:relative;}
.__login .area .form {position:relative;padding-right:110px;}
.__login .area .form button {display:block;position:absolute;right:0;top:0;width:90px;height:100%;background:#5075b4;border:none;color:#fff;font-size:16px;}
.__login .area .form li {position:relative;}
.__login .area .form .text:before {content:""; background:url(../images/login.png)no-repeat; background-size:cover; position:absolute; left:5px; bottom:10px; width:24px; height:20px; text-align:center;}
.__login .area .form .pass:before {content:""; background:url(../images/lock.png)no-repeat; background-size:cover; position:absolute; left:5px; bottom:10px; width:24px; height:20px; text-align:center;}
.__login .area .form li ~ li {margin-top:10px;}
.__login .area .form li input {display:block;width:100%;box-sizing:border-box;border:none;border-bottom:1px solid #ccc;height:40px;text-indent:40px;font-size:16px;}
.__login .area .form li input::-webkit-input-placeholder {color:#ccc;}
.__login .area .form li input:-moz-placeholder {color:#ccc;}
.__login .area .form li input::-moz-placeholder {color:#ccc;}
.__login .area .form li input:-ms-input-placeholder {color:#ccc;}
.__login .area .link {margin-top:40px;font-size:0;}
.__login .area .link li {display:inline-block;position:relative;}
.__login .area .link li a {display:block;font-size:16px;font-weight:300;color:#333;}
.__login .area .link li ~ li {padding-left:21px;margin-left:20px;}
.__login .area .link li ~ li:before {content:"";display:block;position:absolute;left:0;top:50%;margin-top:-7px;height:14px;background:#ddd;width:1px;}


/*__topArea*/
.__topArea {display:table;width:100%;margin-bottom:20px;}
.__topArea > * {display:table-cell;vertical-align:middle;}
.__topArea .__search {text-align:right;}

.__search {font-size:0;}
.__search select,
.__search input[type=text],
.__search button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;font-size:14px;}
.__search select,
.__search input[type=text] {border:1px solid #ddd;background:#fff;padding-left:10px;}
.__search select {width:110px;margin-right:5px;}
.__search input[type=text] {width:220px;}
.__search button {width:70px;background:#435173;border:0;color:#fff;margin-left:5px;}


/*solutions_detail*/
.solutions_detail{position:relative; width:100%; padding: 50px 0;}
.solutions_detail .section{}


/*solutions_detail mv_box*/
.solutions_detail .section .view_box{padding:0; position:relative;}
.solutions_detail .section .view_box .mv_box{position:relative; width:60%; padding-right:0; margin-bottom:15px;}
.solutions_detail .section .view_box .mv_box .solution_thum{width:calc(100%);}
.solutions_detail .section .view_box .mv_box .movie{width:100%; padding-top:56.25%; position:relative; overflow:hidden; border-radius:10px;}
.solutions_detail .section .view_box .mv_box .movie iframe{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}


/*solutions_detail order_box*/
.solutions_detail .section .view_box .order_box{float:right; right:0; width:30%; position:sticky; top:130px; padding:24px; border-radius:10px; border:1px solid #e8ebee; background:#fff; margin-top:-420px; overflow:visible; /*margin-left:65%;*/}
.solutions_detail .section .view_box .order_box h2{letter-spacing:.5; font-size:23px; line-height:33px; word-break:keep-all; font-weight:bold; color:#5075b4; padding-bottom:15px; border-bottom:1px solid #e8ebee;}
.solutions_detail .section .view_box .order_box .option{padding:15px 0; border-bottom:1px solid #e8ebee;}


/* .solutions_detail .section .view_box .order_box .option dl{margin-top:10px;} */
.solutions_detail .section .view_box .order_box .option dt strong{font-size:18px; font-weight:bold; color:#5075b4;}
.solutions_detail .section .view_box .order_box .option dd{padding:15px;}
.solutions_detail .section .view_box .order_box .option dd .t1{font-size:16px; font-weight:400; color:#222;}
.solutions_detail .section .view_box .order_box .option dd .t1 .small{margin-left:5px; font-size:14px; font-weight:400; color:#222; letter-spacing:-.5;}
.solutions_detail .section .view_box .order_box .option dd .lightgray{font-size:16px; font-weight:400; color:#ccc;}
.solutions_detail .section .view_box .order_box .option dd .flex{display:flex; justify-content:space-between; align-items:center;}
.solutions_detail .section .view_box .order_box .option dd .flex p{}
.solutions_detail .section .view_box .order_box .option dd .flex small{font-size:14px; color:#555;}

.solutions_detail .section .view_box .order_box .relative{padding-top:15px;}
.solutions_detail .section .view_box .order_box .relative .btns{}
.solutions_detail .section .view_box .order_box .relative .btns .btns2{}
.solutions_detail .section .view_box .order_box .relative .btns .btns2 .solution-inquiry{cursor:pointer; transition:all .5s; width:100%; height:50px; line-height:49px; text-align:center; border-radius:10px; background:#5075b4; font-size:20px; font-weight:bold; color:#fff; display:inline-block;}
.solutions_detail .section .view_box .order_box .relative .btns .btns2 .solution-inquiry:hover{background:#e8ebee; color:#5075b4;}
.solutions_detail .section .view_box .order_box .relative .btns .btns1{margin:15px 0 30px 0;}
.solutions_detail .section .view_box .order_box .relative .btns .btns1 button{cursor:pointer; transition:all .5s; margin-left:5px; background:#5075b4; width:calc(100% / 3 - 5px); height:35px; line-height:34px; border-radius:10px; display:inline-block; color:#fff; font-size:14px; font-weight:bold;}
.solutions_detail .section .view_box .order_box .relative .btns .btns1 button:hover{background:#e8ebee; color:#5075b4;}
.solutions_detail .section .view_box .order_box .relative .btns .btns1 button:first-child{margin-left:0px;}


/*solutions_detail solution_tag*/
.solutions_detail .section .view_box .solution_tag{padding:0 5px 15px 15px; width:60%;}
.solutions_detail .section .view_box .solution_tag .tag{margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; /*display:-webkit-box;*/ word-break:break-all;}
.solutions_detail .section .view_box .solution_tag .tag span{margin-left:1%; display:inline-block; vertical-align:middle; cursor:pointer; padding:5px 10px; border-radius:20px; background:#17a0d3; font-size:11px; color:#fff; /*margin:0;*/ font-weight:600;}
.solutions_detail .section .view_box .solution_tag .tag span:first-child{margin-left:0px;}
.solutions_detail .section .view_box .solution_tag .key{margin-bottom:0;}
.solutions_detail .section .view_box .solution_tag .key span{margin-right:4px; display:inline-block;}
.solutions_detail .section .view_box .solution_tag .tag span a{color:#fff; font-weight:400;}
.solutions_detail .section .view_box .solution_tag .key span a{color:#222; font-weight:400;}


/*solutions_detail solution_comparison*/
.solutions_detail .section .view_box .solution_comparison{}
.solutions_detail .section .view_box .solution_comparison .solution_comparison_tit{margin-top:15px; margin-bottom:10px; font-size:24px; font-weight:bold; color:#222; display:block;}


/*solutions_detail detail_box*/
.solutions_detail .section .view_box .detail_box{margin:0; width:60%; margin-bottom:0; background:#f9f9f9; border-radius:10px; box-shadow:5px 5px 20px 0 rgba(0,0,0,5%);}
.solutions_detail .section .view_box .detail_box .tabs{display:flex; border-bottom:1px solid #e8ebee; height:50px; justify-content:space-around; margin-bottom:-2px;}
.solutions_detail .section .view_box .detail_box .tabs:first-child{margin-top:0;}
.solutions_detail .section .view_box .detail_box .tabs:first-child.active{border-top-left-radius:10px;}
.solutions_detail .section .view_box .detail_box .tabs > a{font-size:18px; color:#dddddd; width:100%; text-align:center; height:50px; line-height:50px; border:1px solid #e8ebee; margin-bottom:-1px; margin-right:-1px; background:#f9f9f9;}
.solutions_detail .section .view_box .detail_box .tabs > a.active{color: #00c09f; font-weight: 600; border: 1px solid #e8ebee; background-color: #ffffff; border-radius: 0; margin-bottom: -1px; border-bottom: 1px solid transparent; color: #000000; margin-right: -1px;}
.solutions_detail .section .view_box .detail_box .tabs > span{font-size:18px; border-radius:10px 10px 0 0; font-weight:600;}
.solutions_detail .section .view_box .detail_box .info{border:1px solid #e8ebee; background-color:#fff; padding:30px; border-radius:0 0 10px 10px;}


/*solutions_detail2*/
.solutions_detail2{width:100%; padding: 20px 0 50px;}
.solutions_detail2 .section2{overflow:hidden;}
.solutions_detail2 .section2 > h2{font-size:26px; font-weight:bold; color:#222;}
.solutions_detail2 .section2 > h2 > a{float:right; font-size:16px; color:#222; display:block;}


/*solutions_detail swiper*/
.solutions_detail2 .section2 .swiper {width: 100%; height: 100%; margin-top:20px;}
.solutions_detail2 .section2 .swiper-slide {text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.solutions_detail2 .section2 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.solutions_detail2 .section2 .swiper-slide > a{border:1px solid #e8ebee; border-radius:10px; overflow:hidden; position:relative; display:block;}

.solutions_detail2 .section2 .swiper-slide > a .__imgbox{overflow:hidden;}
.solutions_detail2 .section2 .swiper-slide > a .__imgbox img{width:100%; vertical-align:top; transition:all 1s ease; height:100%; max-width:100%; object-fit:cover;}
.solutions_detail2 .section2 .swiper-slide > a:hover .__imgbox img{transform:scale(1.05);}

.solutions_detail2 .section2 .swiper-slide > a .__infobox{text-align:justify; padding: 10px 15px;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox dl{padding-bottom:20px; border-bottom:1px solid #e8ebee;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox dl dt{color:#5075b4; font-size:14px; font-weight:bold; margin-bottom:5px;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox dl dd{color:#222; font-size:18px; font-weight:bold; letter-spacing:-.5;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox .tag{padding:20px 0;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox .tag > span{color:#222; display:inline-block; margin-left:5px; font-size:14px; font-weight:bold;}
.solutions_detail2 .section2 .swiper-slide > a .__infobox .tag > span:first-child{margin-left:0px;}


.notice_top{}
.notice_top > h3{font-size:18px; border-top:2px solid #5075b4; line-height:1.3em; display:block; padding:17px; background:#f4f4f4; color:#000;}
.notice_top > h3 span{color:#0000d9; margin-right:5px;}
.notice_top .info {padding:17px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:14px;line-height:1.3em;}
.notice_top .info:after {content:"";display:block;clear:both;}
.notice_top .info .file {float:left;padding-left:80px;position:relative;}
.notice_top .info .file strong {position:absolute;left:0;top:0;}
.notice_top .info .file a {display:inline-block;line-height:1em;font-weight:300;color:#999; vertical-align:top;}
.notice_top .info .file li {line-height:1em;}
.notice_top .info .file li ~ li {margin-top:5px;}
.notice_top .info .sum {float:right;}
.notice_top .info .sum li {display:inline-block;vertical-align:top;}
.notice_top .info .sum li ~ li {margin-left:45px;}
.notice_top .info strong {font-size:14px;font-weight:500;display:inline-block;position:relative;padding-right:15px;margin-right:15px;}
.notice_top .info strong:before {content:"";display:block;position:absolute;right:0;top:50%;margin-top:-6px;height:12px;width:1px;background:#ddd;}
.notice_top .info span {font-size:14px;color:#999;font-weight:300;display:inline-block;}

.notice_info{padding:50px 0; border-bottom:1px solid #ccc;}
.notice_info .__imginfo{text-align:center;}
.notice_info .__imginfo img{width:50%;}
.notice_info .__txtinfo{margin-top:20px;}
.notice_info .__txtinfo > p{font-size:18px; color:#000;}

.notice_bot{margin-top:20px; text-align:center;}
.notice_bot .notice_btn{}
.notice_bot .notice_btn > .list_btn{transition:all .4s; width:120px; height:35px; line-height:34px; background:#5075b4; color:#fff; font-size:14px; font-weight:400; display:inline-block;}
.notice_bot .notice_btn > .list_btn:hover{background:#e8ebee; color:#5075b4;}


/*maim_loading_page width_all*/
.width_all{width:100%; height:100vh; background:url(../images/right.png)no-repeat; background-position:0% 100%;}
.left{float:left; width:50%; height:100vh; background:rgba(98,198,241,.2); text-align:center;}
.right{float:right; width:50%; height:100vh; background:rgba(18,49,93,.2); text-align:center;}

.left_box{text-align:justify; margin:35% auto; width:484px; color:#fff;}
.right_box{text-align:justify; margin:35% auto; width:425px; color:#fff;}

/*
.title {transition:all .3s;}
.title:hover{color:rgba(98,198,241,100); text-shadow:1px 2px 3px rgba(0,0,0,.5);}
.title:hover .line{background:rgba(98,198,241,100);}

.title2:hover{color: rgba(18,49,93,100); text-shadow:1px 2px 3px rgba(0,0,0,.5);}
.title2:hover .line{background:rgba(18,49,93,100);}
*/

.text-area a {color:#fff; margin-bottom: 22px; animation: showText 1s; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);}
.text1{font-size:65px; font-weight:bold; text-transform:uppercase; padding-bottom:30px; letter-spacing:5px;}
.text2{margin:20px 0; font-size:40px; text-transform:uppercase; letter-spacing:13px;}
.text3{letter-spacing:2px;}
.line{transition:all .3s; width:100%; height:2px; background:#fff;}


/*메인 비주얼*/
  .swiper {
    width: 100%;
    height: 650px;
/*    margin-bottom: 70px;*/
    border: 0px solid red;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ddd;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper {
    margin-left: auto;
    margin-right: auto;
  }

    #main .outer {
/*        border:10px solid red;*/
        width: 1280px; 
        margin:70px auto;
        
    }








/*메인 콘텐츠1*/


p.floa_L{text-align: left; display: inline-block;border: 0px solid red; font-size: 17px; width:50%; font-size: 30px; font-weight: 600; color: #000;}
p.floa_L.margintop-20{margin-top: 20px;}
p.floa_R{text-align: right; display: inline-block;border: 0px solid red;font-size: 17px; width:49%; font-size: 17px;transition-duration: 0.5s;}
p.floa_R:hover{transform: translateY(-8px);}
p.floa_R a{border: 1px solid #666;display: inline-block; width:18px;line-height: 18px; text-align: center; padding-right: 3px;}
p.floa_R a:hover{color: orange;border: 1px solid orange;}

div.main_c01wrap{border: 0px solid red; overflow:hidden; letter-spacing: -0.05em;}
div.main_c01wrap div.IRinfomation_wrap{border: 0px solid orange; width:50%; float: left;padding-right: 35px;}

div.main_c01wrap div.IRinfomation{border:0px solid yellow;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
div.main_c01wrap div.IRinfomation a{width:48%;}
div.main_c01wrap div.IRinfomation div.IRinfomation_box{padding: 15px; color: #fff;}
div.main_c01wrap div.IRinfomation div.IRinfomation_box h5{font-size: 25px; font-weight: 600;font-family: 'MPlexSansKR-Regular';letter-spacing: -0.05em;}
div.main_c01wrap div.IRinfomation div.IRinfomation_box p.contact_text{line-height: 1.5;}
div.main_c01wrap div.IRinfomation div.IRinfomation_box p.contact_text.first{margin-top:100px;}
div.main_c01wrap div.IRinfomation div.bio{width:100%; background: url(../images/main_c01_box1.jpg) no-repeat center center; margin-bottom: 4%; height: 275px;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.bio:hover{ background: url(../images/main_c01_box1_hover.jpg) no-repeat center center; background-size: cover;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.bio:hover h5{color: #eeac41;transition-duration: 0.5s;}

div.main_c01wrap div.IRinfomation div.oled{width:100%;background: url(../images/main_c01_box2.jpg) no-repeat center center; background-size: cover; margin-bottom: 8%; height: 275px;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.oled:hover{background: url(../images/main_c01_box2_hover.jpg) no-repeat center center; background-size: cover;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.oled:hover h5{color: #eeac41;transition-duration: 0.5s;}

div.main_c01wrap div.IRinfomation div.investor{width:100%;background: url(../images/main_c01_box3.jpg) no-repeat center center; background-size: cover; height: 275px;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.investor:hover{background: url(../images/main_c01_box3_hover.jpg) no-repeat center center; background-size: cover;color: #eeac41;transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.investor:hover h5{color: #eeac41;transition-duration: 0.5s;}

div.main_c01wrap div.IRinfomation div.contact{width:100%;background: url(../images/main_c01_box4.jpg) no-repeat center center; background-size: cover; height: 275px;}
div.main_c01wrap div.IRinfomation div.contact h5{}
div.main_c01wrap div.IRinfomation div.contact:hover h5{text-shadow: 2px 2px 10px rgba(0,0,0,0.5);transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.contact:hover p{text-shadow: 2px 2px 10px rgba(0,0,0,0.5);transition-duration: 0.5s;}

div.main_c01wrap div.Notice_wrap{border: 0px solid yellow; width:50%;float: left; padding-left: 15px;}
div.main_c01wrap div.Notice_wrap div.Notice{border: 0px solid green;margin-top: 15px; height: 255px;/*display: table;*/width:100%; }

div.main_c01wrap div.Notice_wrap div.Notice ul{border-top: 2px solid #000; height: 100%}
div.main_c01wrap div.Notice_wrap div.Notice ul li{border-bottom: 1px solid #ddd; height: calc(100%/3); display: flex; align-items: center; padding-left: 10px;}
div.main_c01wrap div.Notice_wrap div.Notice ul li dl{font-size: 14px;width: 100%;}
div.main_c01wrap div.Notice_wrap div.Notice ul li dl dt{font-size: 20px; font-weight: 500;color: #000; line-height: 1.8;letter-spacing: -0.05em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.main_c01wrap div.Notice_wrap div.Notice ul li dl dd{margin-top: 5px;letter-spacing: -0.05em;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

div.main_c01wrap div.IRinfomation div.IRinfomation_box{background-size: 100%; transition-duration: 0.5s;}
div.main_c01wrap div.IRinfomation div.IRinfomation_box:hover{background-size: 110%; transition-duration: 0.5s;}


/*    메인 주가정보 박스*/
 .stock_information { overflow:hidden; position:relative; width:100%; height:70px; margin:50px 0px 0px; padding:15px 15px 0; border:1px solid #ddd; line-height:40px; border-radius:10px; box-sizing:border-box;}
 .stock_information .title { float:left; padding-right:30px; border-right:1px solid #ccc; font-size:110%; font-weight:500; }
 .stock_information ul { overflow:hidden; float:left; margin:0; padding:0; list-style:none; }
 .stock_information ul li { overflow:hidden; float:left; height:40px; padding:0 30px; }
 .stock_information ul li img{margin-top: 15px;margin-left: 5px;}  
 .stock_information ul li.today { border-right:1px solid #ccc; }
 .stock_information ul li.today span { float:left; display:block; width:30px; height:30px; margin:5px 20px 0 0; background:url('../images/m_stock_today.gif') no-repeat center center;background-size:  100%; text-indent:-9999px;}
 .stock_information ul li.today strong { margin-right:10px; font-size:130%; }
 .stock_information ul li span { margin-right:5px; }
 .stock_information a { float:right; width:35px; height:35px; background:url('../images/m_stock_link.gif') no-repeat center center; text-indent:-9999px;transition-duration: 0.5s;}   
.stock_information a:hover{transform: translateY(-5px);background:url('../images/m_stock_link_orange.gif') no-repeat center center;}

/*서브 레이아웃*/
h5.subpage_title{font-size: 30px; font-weight: 600; color: #000;line-height: 1.3;}
div.sublayout_wrap{border-top: 1px solid #ddd; overflow: hidden;padding-top: 30px;}
div.sublayout_wrap div.sublayout_L{width: 25%; float: left;}
div.sublayout_wrap div.sublayout_R{width: 75%; float: left;}
div.margintop_50{margin-top: 50px;}
div.sublayout_wrap.border-top-no{border-top: 0;}
div.sublayout_wrap div.sublayout_R p{font-size: 20px; line-height: 1.5;color: #333;}


/*서브 테이블 공통*/
div.board_wrap{}
div.board_wrap table.t_list{border: 0px solid orange; width:100%; text-align: center;}
div.board_wrap table.t_list tr th{border: 1px solid #ddd; padding: 15px 0; border-top: 2px solid #000; background: #f1f3f5; font-weight: 500; }
div.board_wrap table.t_list tr th:first-child{border-left: 0px; vertical-align: middle;}
div.board_wrap table.t_list tr th:last-child{border-right: 0px; }
div.board_wrap table.t_list tr th.inquiry{background: #f1f3f5; border-top:1px solid #ddd;}
div.board_wrap table.t_list tr{border: 0px solid green; }
div.board_wrap table.t_list tr td{border: 1px solid #ddd; padding: 0 15px; vertical-align: middle; line-height: 1.6; height: 65px;word-break: keep-all; font-size: 14px;}
div.board_wrap table.t_list tr td.text_L{text-align: left; padding: 15px 55px;}

div.board_wrap table.t_list tr td:first-child{border-left: 0px; }
div.board_wrap table.t_list tr td:last-child{border-right: 0px; }

div.board_wrap table.t_list tr td.input_L{text-align: left; border-right: 0px;}
div.board_wrap table.t_list tr td.input_L input.phone{width:100%;}
input {border: 1px solid #ddd;line-height: 2.5; outline: none;}
input.name{width: 100%;}
select option.select{border: 10px solid red;}
select.email{border: 1px solid #ddd; line-height:2.5;padding: 10px;width: 30%;}
select.bio_oled{border: 1px solid #ddd;width: 20%;padding: 10px;}
input.input_title{width: 100%;}
textarea{width:100%; border: 1px solid #ddd;height: 300px;}
span.text_bold{font-weight: 600;}


/*문의하기*/
.t_list{width:100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.t_list tr th{width: 10%; background: #f7f7f7;vertical-align: middle;padding: 20px 0;    border-bottom: 1px solid #ddd;}
.t_list tr td{/*width: 90%;*/padding: 20px;border-bottom: 1px solid #ddd;}

div.infobox_btn{width:1280px; margin: 0 auto;text-align: right;margin-bottom: 50px;}
div.infobox_btn input{width:150px; background: #ffa500; color: #fff; font-weight: 500;border-radius: 10px;}

@media (max-width: 1280px) {
	div.infobox_btn{padding: 0 2%;}
}


/*인사말 페이지*/
div.greeting_wrap{}
div.greeting_wrap div.greeting{overflow: hidden;}
div.greeting_wrap div.greeting div.greetingtext_left{float: left; width:70%; padding: 40px;padding-left: 0px; font-size: 20px; line-height: 1.6;}
div.greeting_wrap div.greeting div.greetingtext_left p span{font-size: 40px; font-weight: 600;color: #094594; }
div.greeting_wrap div.greeting div.greetingtext_left p span.subtitle{font-size: 30px;color: #094594;  }
div.greeting_wrap div.greeting div.greetingtext_left p span.text{color: #094594;font-size: 20px;}
div.greeting_wrap div.greeting div.greetingtext-right-wrap{background: url(../images/pattern.gif) no-repeat right center; overflow: hidden; width: 30%;float: left;}
div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.tech_bg{ height: 630px; background: url(../images/tech_ceo.png) no-repeat right 255px;background-size: 300px;}
div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.bio_bg{ height: 630px; background: url(../images/bio_ceo.png) no-repeat right 255px;background-size: 300px;}
div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.recycling{ height: 630px; background: url(../images/recycling_ceo.png) no-repeat right 215px;background-size: 300px;}
div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.medicine_bg{ height: 500px; background: url(../images/medicine_bg.png) no-repeat right 125px;background-size: 300px;}

div.greeting_wrap div.greeting div.greetingtext-right-wrap div.greetingtext_right.keepsbio-bg{height: 580px; background: url(../images/keepsbio_bg.png) no-repeat right 200px;background-size: 300px;}


/*
div.vr-wrap{border-top: 2px solid #000;border-bottom: 2px solid #000;}
div.vr-wrap div.vr-box{background: url(../images/vr-bg.jpg) right center; background-size:cover; padding: 20px;padding: 50px 500px 50px 50px; margin-top: 15px;margin-bottom: 15px;}
div.vr-wrap p{color: #fff;line-height: 1.6; text-shadow: 2px 2px 10px #000;}
div.vr-wrap p span.text{color: orange;}
*/
div.vr-wrap div.vr-box{background: url(../images/welcome-box-bg.jpg) no-repeat right bottom; padding: 30px 0px 20px; }
div.vr-wrap p{font-size: 17px; color: #000; line-height: 1.4; margin-bottom: 30px;letter-spacing: -0.05em;}
div.vr-wrap p span.text_bold{font-weight: 600;font-size: 20px;letter-spacing: -0.05em;color: orange;}

/*서브1에 서브1*/
div.sub01sub01_backgroundimg{background: url(../images/sub01sub1_backgrdoundimg.png) no-repeat right 1340px; overflow: hidden;}

div.KPSCorporation_wrap div.ourbusiness_wrap{border: 10px solid red;display: flex;justify-content: space-between; margin-top: 65px;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness{border: 0px solid orange; width:300px; height: 395px;display: flex;flex-direction: column;justify-content: flex-end;padding: 50px 20px;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness h4{font-size: 30px; font-weight: 600; color: #fff; margin-bottom: 20px;text-shadow: 1px 1px 5px #666;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness p{line-height: 1.4; color: #fff;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness1{background: orange;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness1 h4{margin-bottom: 220px; text-shadow: none;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness1 p a{color: #fff; font-weight: 400; background: url(../images/arrow.gif) no-repeat right center; background-size: 10px; padding-right: 30px;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness1 p a:hover{color: #000;background: url(../images/arrow_black.gif) no-repeat right center;background-size: 10px; }

div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness2{background: url(../images/ourbusiness2.jpg) no-repeat center center; background-size: cover;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness2:hover{background:url(../images/ourbusiness2_hover.jpg) no-repeat center center;background-size: cover; transition: 1s;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness3{background: url(../images/Challenge.jpg) no-repeat center center; background-size: cover;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness3:hover{background: url(../images/Challenge_hover.jpg) no-repeat center center;background-size: cover;transition: 1s;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness4{background: url(../images/harmony.jpg) no-repeat center center; background-size: cover;}
div.KPSCorporation_wrap div.ourbusiness_wrap div.ourbusiness.ourbusiness4:hover{background: url(../images/harmony_hover.jpg) no-repeat center center;background-size: cover;transition: 1s;}


div.global_Leader_wrap{border: 0px solid red;margin-top: 30px; height: 400px; background: url(../images/sub01sub01c02.jpg) no-repeat center center; padding: 50px;display: flex;flex-direction: column;justify-content: center;background-size: cover;background-attachment: fixed;}
div.global_Leader_wrap div.box-text-inner{border: 0px solid red; width:1280px; margin: 0 auto;}
div.global_Leader_wrap h4{border: 0px solid orange; font-size: 45px; color: #fff; font-weight: 600; line-height: 1.2; margin-bottom: 20px;}
div.global_Leader_wrap p{color: #fff; font-size: 20px; font-weight: 400;}

div.Possible_wrap{border: 0px solid red; padding: 110px 0 100px 0;}
p.sub_text{font-size: 17px; font-weight: 400; line-height: 1.5;}
p.margintop_50{margin-top: 50px;}

div.elementor-row {border: 0px solid silver;overflow: hidden;margin-top: 30px;margin-bottom:80px;width:100%;}
div.elementor-column-wrap {border: 0px solid red;width: calc(88%/4);float: left;margin-right: 4%;padding:10px;height: 300px;}
div.elementor-column-wrap a{color:#fff;transition-duration: 0.3s;}
div.elementor-column-wrap a:hover{color:orange;}
div.elementor-column-wrap.firstbox{border:0px solid gold;background-color: #242D3C; height: 300px; padding: 20px 30px; color:#fff; line-height:1.6;}
div.elementor-column-wrap.firstbox h2{border:0px solid red;font-family: "Rajdhani", Sans-serif;font-size: 32px;font-weight: 700;margin-bottom: 140px;}
div.elementor-column-wrap.lastbox04{border:0px solid yellow; margin-right:0px;height: 300px;}
figure.elementor-image-box-img{border:0px solid blue;text-align:center; margin-bottom:25px;transition-duration: 0.3s;}
figure.elementor-image-box-img:hover{transform: translateY(-8px);}
h3.elementor-image-box-title{border:0px solid purple; color: #303850;font-family: "Rajdhani", Sans-serif;font-size:27px;font-weight:700;margin-bottom: 10px;}
div.elementor-image-box-content p.elementor-image-box-description{border:0px solid pink;color: #565e76;font-size: 15px;font-weight: 400;line-height:1.4; letter-spacing:-0.05em;}




/*서브1에 서브2*/
div.board_wrap table.t_list2{width:100%; text-align: center; }
div.board_wrap table.t_list2 tbody tr.bordr_topline.first{border-top:2px solid #000;}
div.board_wrap table.t_list2 tbody tr.bordr_topline{border-top: 2px solid #ddd;}
div.board_wrap table.t_list2 tbody tr th{}
div.board_wrap table.t_list2 tbody tr td{border-bottom: 1px solid #ddd;font-size: 17px; border-right: 1px solid #ddd;}
div.board_wrap table.t_list2 tbody tr td:last-child{border-right: 0px;}
div.board_wrap table.t_list2 tbody tr td.t_textL{ padding: 15px; text-align: left;vertical-align: middle; font-size: 17px;}
div.board_wrap table.t_list2 tbody tr td.t_title{font-size: 25px;vertical-align:top;font-weight: 600; color: orange; padding: 20px;vertical-align: middle;}
div.board_wrap table.t_list2 tbody tr td.t_textB{font-weight: 600;vertical-align: middle;font-size: 17px;}

.history_bg{ width:100%; height:200px;background:url(../images/history_bg.jpg) no-repeat center center; background-size:cover;padding:40px 50px;}
.history_bg h4{font-size:30px; line-height:1.3; font-weight:500; color:#fff; text-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.sub01sub02_historybox {padding-left:50px;padding-right:30px;border-left:3px solid #ddd;margin-left:50px;padding-top:50px;}
.sub01sub02_historybox h3 {border: 0px solid red;font-size: 35px;letter-spacing: -0.05em;color: orange;font-family: 'NEXON Lv2 Gothic Bold';font-weight:600;margin-bottom: 10px;margin-top:50px;position:relative;}
.sub01sub02_historybox h3:first-child{margin-top:0px;}
.sub01sub02_historybox h3::before{content:''; position:absolute;top:9px; left:-65px;width:15px;height:15px; background:#fff; border:5px solid orange;border-radius:100%;}
.sub01sub02_historybox p{font-size: 18px;color: #666;font-weight: 400;line-height: 1.5;letter-spacing: -0.03em;}
.sub01sub02_historybox p span {font-weight: bold;color: #000;}
.history_box{margin-bottom:50px;}





/*서브1에 서브3*/
div.company-website-visual.kpt{margin-bottom: 20px;background: url(../images/algok_bio.jpg) no-repeat 240px center;background-size: cover;}
div.company-website-visual.segi{margin-bottom: 20px;background: url(../images/segi.jpg) no-repeat 240px center;background-size: cover;}
div.company-website-visual.kbbioed{margin-bottom: 20px;background: url(../images/kbbioed.jpg) no-repeat right center;background-size: 490px;}
div.depth2{border: 0px solid red; margin-bottom: 70px;}
div.depth2 div.depth_inner{border: 0px solid orange;}
div.depth2 div.depth_inner ul{border: 0px solid yellow; display: table;table-layout: fixed;width: 100%;text-align: center;}
div.depth2 div.depth_inner ul li{border: 1px solid rgba(211,211,211,0.5); display: table-cell;}
div.depth2 div.depth_inner ul li.active{background: orange;}
div.depth2 div.depth_inner ul li.active a{color: #fff;}
div.depth2 div.depth_inner ul li a{display: inline-block; padding: 20px 1%;vertical-align: middle;width: 100%;}
/*div.depth2 div.depth_inner ul li:hover a{background:orange;color:#fff;}*/

table.t_list3{border: 0px solid red;width:100%;}
table.t_list3 tbody{border: 0px solid orange;}
table.t_list3 tbody tr{border: 0px solid #ddd;}
table.t_list3 tbody tr th{text-align: left;padding: 20px;background: #f1f3f5; font-weight: 500;border: 1px solid #ddd; border-left: 0px;vertical-align: middle;}
table.t_list3 tbody tr td{padding: 20px;border: 1px solid #ddd; line-height: 1.5;border: 1px solid #ddd; border-right: 0px;}
table.t_list3 tbody tr td span{display: inline-block; padding-left: 7px;position: relative;}
table.t_list3 tbody tr td span::before{content: '·';position: absolute; left: 0;}

.tab_kpt.tab_segi {position: relative; height: 600px;} /*탭메뉴*/
.tab_kpt {position: relative; height: 785px;} /*탭메뉴*/
.tab_kpt .list {overflow: hidden;}
.tab_kpt .list li {float: left; width:calc(100%/4); border: 0px solid orange; text-align: center; }
.tab_kpt.tab_segi .list li {float: left; width:calc(100%/2); border: 0px solid orange; text-align: center; }
.tab_kpt .list .btn {font-size: 15px; display: block; line-height: 4; border: 1px solid #ddd;background: rgb(241 243 245 / 60%);}
.tab_kpt .list .cont {display: none;position: absolute;top: 61px;left: 0;color: #fff;width: 100%;height: auto;border: 1px solid #ddd; border-top: 0px; padding: 25px;}

.tab_kpt .list li:nth-child(1) .cont{}
.tab_kpt .list li:nth-child(2) .cont{}
.tab_kpt .list li:nth-child(3) .cont{}
.tab_kpt .list li:nth-child(4) .cont{}

.tab_kpt .list li.is_on .btn {color: orange; display: block; line-height: 4;border-bottom: 0px;background: #fff;}
.tab_kpt .list li.is_on .cont{display: block;}
.tab_kpt .list li.is_on .cont p{font-size: 17px; line-height: 1.7; }
.tab_kpt .list li div.p_wrap{border-bottom: 1px solid #ddd; padding-bottom: 30px }
.tab_kpt .list li div.p_wrap p{text-align: left; color: #666;font-size: 17px; line-height: 1.6; font-weight: 400;}
.tab_kpt .list li div.box_wrap{overflow: hidden; padding: 40px 0 0;}
.tab_kpt .list li div.box_wrap div.box{float: left;width: calc(100%/3); color: #666;}
.tab_kpt .list li div.box_wrap div.box.tab_center{float: left;width: calc(100%/1); color: #666;}
.tab_kpt .list li div.box_wrap div.box.tab_two{float: left;width: calc(100%/2); color: #666;}

.tab_kpt .list li div.box_wrap div.box dl dt{padding: 0 0 20px;font-weight: 600; font-size: 22px;color: orange;}
.tab_kpt .list li div.box_wrap div.box dl dt.text_title{ padding: 20px 20px 0 20px; text-align: left; line-height: 1.6; text-align: center;}
.tab_kpt .list li div.box_wrap div.box dl dd{word-break: break-all; padding:13px 20px; line-height: 1.5;word-break: keep-all;}
.tab_kpt .list li div.box_wrap div.box dl dd.text{text-align: left;}
.tab_kpt .list li div.box_wrap div.box dl dd img.segi{height:320px;border: 1px solid #eee;}

div.contact_wrap02{font-size: 14px;line-height: 1.7; margin-top: 30px;}
section.sub01_sub03_c03m{display: none;}

div.kpt-tab-mobile{border-bottom: 1px solid #ddd; margin-bottom: 30px;}	
div.kpt-tab-mobile h4{font-size: 20px; color: orange; letter-spacing: -0.05em; margin-bottom: 20px; font-weight: 500;}
div.kpt-tab-mobile div.text{line-height: 1.5;font-size: 14px;font-weight: 400;}
div.kpt-tab-mobile div.box_wrap{margin: 20px 0; text-align: center;}
div.kpt-tab-mobile div.box_wrap div.box{border: 1px solid #ddd; width:96%; margin: 0 auto; border-radius: 10px; padding: 10px 0;}
div.kpt-tab-mobile div.box_wrap div.box:nth-child(2){margin-top: 30px; margin-bottom: 30px;}
div.kpt-tab-mobile div.box_wrap div.box dl dt{font-weight: 600;margin-bottom: 20px;}
div.kpt-tab-mobile div.box_wrap div.box dl dd.text{line-height: 1.3; width:320px;margin: 0 auto;margin-top: 20px;word-break: keep-all;}




/*서브1에 서브3_2*/
div.company-website-visual.kmt{margin-bottom: 20px;background: url(../images/algok_bio.jpg) no-repeat 240px center;background-size: cover;}
div.technology_wrap{}
div.technology_wrap div.technology{}
div.technology_wrap div.technology h4{font-size: 30px;font-weight: 600;color: #000; margin-bottom: 20px;}
div.technology_wrap div.technology p{font-size: 17px; color: #666;}
div.technology_wrap div.technology div.technologybg-wrap div.technology_bg{background: url(../images/sub01sub03_Technology.png) no-repeat center center;background-size: 100%; height: 350px;margin-top: 20px;}
div.technology_wrap div.technology div.technology-bottombox{text-align: center;margin-top: 50px;}
div.technology_wrap div.technology div.technology-bottombox p{display: inline-block; width:200px; line-height: 3; background: #013d8e;font-size: 14px;color: #fff; border-radius: 7px;}

div.hybrid-Mask-wrap{overflow: auto;}
table.hybrid_Mask{width:960px;margin-top: 20px;}
table.hybrid_Mask tr{}
table.hybrid_Mask tr th{border: 1px solid #ddd; padding: 20px;font-size: 20px; font-weight: 600;color: #013d8e; background: #f1f3f5;}
table.hybrid_Mask tr td.title{font-size: 20px; font-weight: 600;}
table.hybrid_Mask tr td.title span{font-size: 17px; font-weight: 400;}
table.hybrid_Mask tr td{border: 1px solid #ddd; text-align: center; padding: 20px; vertical-align: middle;font-size: 17px;}
table.hybrid_Mask tr td p.FMM_bg{background: url(../images/FMM.png) no-repeat center center; height: 190px;background-size: 100%;}
table.hybrid_Mask tr td p.hybridMask_bg{background: url(../images/HybridMask.png) no-repeat center center; height: 190px;background-size: 100%;}
table.hybrid_Mask tr td p{text-align: left;padding: 5px 0;line-height: 1.2;}

div.HybridMask_wrapwrap{overflow: auto;}
div.HybridMask_wrap{margin-top: 30px;width: 960px;}
div.HybridMask_wrap div.hybrid-mask-infographic{background: url(../images/hybrid-mask-infographic.jpg) no-repeat center center; background-size: 100%; height: 1180px;}

/*서브1에 서브3_3*/
div.company-website-visual.bixink{margin-bottom: 20px;background: url(../images/running.jpg) no-repeat 240px center;background-size: cover;}
div.company-website-visual div.text_box{margin-bottom: 50px;}
div.company-website-visual div.text_box div.text_box{background: url(../images/company-website3.png) no-repeat left center;background-size: cover;color: #fff; padding: 40px 470px 70px 40px;}
div.company-website-visual div.text_box div.text_box h3{font-size: 30px; font-weight: 600;margin-bottom: 30px;line-height: 1.2;}
div.company-website-visual div.text_box div.text_box p{font-size: 17px;font-weight: 300;line-height: 1.4;}
div.company-website-visual div.text_box div.text_box p.button{width: 150px; line-height: 3;text-align: center;margin-top: 50px;}
div.company-website-visual div.text_box div.text_box p.button a{display: block;color: #fff; font-weight: 400;font-size: 14px;background: orange; border-radius: 10px;transition-duration: 0.5s;}
div.company-website-visual div.text_box div.text_box p.button a:hover{transform: translateY(-5px);border-radius: 10px; background: #fff; color: orange;font-weight: 500;}

/*서브1에 서브3_4*/
div.company-website-visual.algok_bio{margin-bottom: 20px;background: url(../images/algok_bio.jpg) no-repeat 240px center;background-size: cover;}

div.backgroundR-wrap{}
div.backgroundR-wrap h6{font-size: 25px; font-weight: 600;margin-bottom: 40px;}
div.backgroundR-wrap div.background-img-wrap{overflow: auto; margin-bottom: 30px;}
div.backgroundR-wrap p{border: 1px solid #ddd;text-align: left; padding: 20px 50px; border-radius: 20px; line-height: 1.5;}

div.mechanismR-wrap{}
div.mechanismR-wrap h6{font-size: 25px; font-weight: 600;margin-bottom: 40px;}
div.mechanismR-wrap div.mechanism-img-wrap{border: 0px solid orange;overflow: auto; margin-bottom: 30px;}
div.mechanismR-wrap p{border: 1px solid #ddd;text-align: left; padding: 20px 50px; border-radius: 20px; line-height: 1.5; }

div.sublayout_R p span{position: relative;padding-left: 15px;display: inline-block;}
div.sublayout_R p span::before{content: '';position: absolute; top:13px; left: 0; width: 2px; height: 2px; background: #666;}

div.background-img-wrap{text-align: center;}
div.background-img-wrap img{width: 100%;max-width: 700px;}


/*서브1에 서브5*/
.tab_menuG {position: relative; border: 0px solid red; height: 580px;}
.tab_menuG .list {overflow: hidden;border: 0px solid red;}
.tab_menuG .list li {float: left; width:calc(100%/7); border: 0px solid orange; border: 1px solid rgba(211,211,211,0.5); text-align: center; }
.tab_menuG .list .btn {font-size: 13px; display: block; line-height: 3;}
.tab_menuG .list .cont {display: none;position: absolute;top: 60px;left: 0;background: #ddd;color: #fff;text-align: center;width: 100%;height: 500px;}

.tab_menuG .list li:nth-child(1) .cont{background: red;}
.tab_menuG .list li:nth-child(2) .cont{background: orange;}
.tab_menuG .list li:nth-child(3) .cont{background: yellow;}
.tab_menuG .list li:nth-child(4) .cont{background: green;}
.tab_menuG .list li:nth-child(5) .cont{background: blue;}
.tab_menuG .list li:nth-child(6) .cont{background: purple;}
.tab_menuG .list li:nth-child(7) .cont{background: silver;}
.tab_menuG .list li.is_on .btn {font-weight: bold;color: orange; display: block; line-height: 3;}
.tab_menuG .list li.is_on .cont {display: block;}



/*서브1에 서브5*/
div.network-m{display: none;}

/*서브1에 서브5_2 oled*/
.tab_menuG2 {position: relative; border: 0px solid red; height: 916px;}
.tab_menuG2 .list {overflow: hidden;border: 0px solid red;}
.tab_menuG2 .list li {float: left; width:calc(100%/2); border: 0px solid orange; border: 0px solid rgba(211,211,211,0.5); text-align: center; }
.tab_menuG2 .list .btn {font-size: 13px; display: block; line-height: 4;letter-spacing: 0;background: #f1f3f5;border: 1px solid #ddd;}
.tab_menuG2 .list .cont {display: none;position: absolute;top: 55px;left: 0;background: #ddd;color: #fff;text-align: center;width: 100%;height: 860px;border: 1px solid #ddd;border-top: 0px;background: #ddd;}

.tab_menuG2 .list li:nth-child(1) .cont{background: url(../images/oled-inhouse.jpg) no-repeat center top; background-size: 100%;}
.tab_menuG2 .list li:nth-child(2) .cont{background: url(../images/oled-global.jpg) no-repeat center top; background-size: 100%;}

.tab_menuG2.tab_menuG3 .list li:nth-child(1) .cont{background: url(../images/recycling-innovation.jpg) no-repeat center top; background-size: 100%;}
.tab_menuG2.tab_menuG3 .list li:nth-child(2) .cont{background: url(../images/recycling-global.jpg) no-repeat center top; background-size: 100%;}

.tab_menuG2 .list li.is_on .btn {color: orange; display: block; line-height: 4;letter-spacing: 0;background: #fff;border: 1px solid #ddd; border-bottom: 0px;}
.tab_menuG2 .list li.is_on .cont {display: block;}

/*서브1에 서브5_2 oled-모바일*/


/*서브1에 서브5_1 bio*/
.tab_menuK {position: relative; height: 916px;}
.tab_menuK .list {overflow: hidden;border: 0px solid red;}
.tab_menuK .list li {float: left; width:calc(100%/2); border: 0px solid orange; text-align: center; border-bottom: 0px;}
.tab_menuK .list .btn {font-size: 13px; display: block; line-height: 4; letter-spacing: 0; background: #f1f3f5;border: 1px solid #ddd;}
.tab_menuK .list .cont {display: none;position: absolute;top: 55px;left: 0;background: #ddd;color: #fff;text-align: center;width: 100%;height: 860px;border: 1px solid #ddd;border-top: 0px;}

.tab_menuK .list li:nth-child(1) .cont{background:  url(../images/bio-innovation.jpg) no-repeat center top;background-size: 100%;}
.tab_menuK .list li:nth-child(2) .cont{background: url(../images/bio-global.jpg) no-repeat center top; background-size: 100%;}

.tab_menuK .list li.is_on .btn {color: orange; display: block; line-height: 4; letter-spacing: 0; background: #fff;border-bottom: 0px;}
.tab_menuK .list li.is_on .cont{display: block;}
.tab_menuK .list li.is_on .cont p{font-size: 25px;}

/*서브1에 서브5_1 bio-모바일*/
div.network-m{border: 0px solid red;}
div.network-m div.business-wrap{border: 0px solid orange;}
div.network-m div.business-wrap:first-child{margin-bottom: 50px;}
div.network-m div.business-wrap h4{font-size: 25px; font-weight: 500; letter-spacing: -0.05em;line-height: 1.4;color: #000; padding: 0 2%;}
div.network-m div.business-wrap div.kps-img{border: 0px solid yellow;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 20px;}
div.network-m div.business-wrap div.kps-img img{width:100%; }


/*서브1에 서브6*/
.kbbiomed-container .tab_kbbiomed {display: flex;}
.kbbiomed-container .tab_kbbiomed button {border: 1px solid #ddd;background-color: rgb(241 243 245 / 60%);cursor: pointer;width: calc(100% / 4);font-size: 15px;padding: 25px 0;color: #666;}
.kbbiomed-container .tab_kbbiomed button.active {background-color: #ffffff;border-bottom: none;color: orange;}
.kbbiomed-container .tab-content {border: 1px solid #ddd;padding: 20px;border-radius: 0 0 4px 4px;display: none;border-top: 0px;}
.kbbiomed-container .tab-content.active {display: block;}

.kbbiomed-container .tab-content .kbbiomed-title{padding: 70px 0 30px;}
.kbbiomed-container .tab-content .kbbiomed-title:first-child{padding-top: 0;}
.kbbiomed-container .tab-content .kbbiomed-title h5{font-size: 25px;font-weight: bold;line-height: 1.6;padding-left: 25px;position: relative;}
.kbbiomed-container .tab-content .kbbiomed-title h5::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-image: url('../images/arr_next_s1.png');background-size: contain;background-repeat: no-repeat;}
.kbbiomed-container .tab-content .kbbiomed-title h6{font-size: 16px;font-weight: 400;line-height: 1.4;}
.kbbiomed-container .tab-content .kbbiomed-cont{text-align: center;}
.kbbiomed-container .tab-content .kbbiomed-cont h5{text-align: center;font-size: 26px;line-height: 1.6;}
.kbbiomed-container .tab-content .kbbiomed-cont h5 span{color: orange;}
.kbbiomed-container .tab-content .kbbiomed-cont h6{text-align: center;font-size: 16px;line-height: 1.4;padding-bottom: 30px;}
.kbbiomed-container .tab-content .kbbiomed-cont img{width:100%;max-width: 700px;}
.kbbiomed-container .tab-content .kbbiomed-cont img.w100{width:100%;max-width: 1920px;}

.bio_content03_table{ border-top: 2px solid orange;}
.bio_content03_table tr{ border-bottom: 1px solid #d7d7d7;}
.bio_content03_table th{ background-color: #f2f2f2; padding: 25px 5px; font-size: 15px;vertical-align: middle;word-break: keep-all;font-weight: 500;}
.bio_content03_table td:nth-child(6){ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bio_content03_table tr td:nth-child(7){ text-align: left;}
.bio_content03_table td{ text-align: center; padding: 15px 5px;font-size: 15px;vertical-align: middle;line-height: 1.5;word-break: keep-all;}

@media (max-width: 780px) {
	.bio_content03_table{overflow:scroll;}
	.bio_content03_table table{width: 780px;}
}



.PlatformB_content01_img2{ background-color: #f2f2f2;}
.PlatformB_content01_img2 ul{overflow: hidden;}
.PlatformB_content01_img2 ul li:nth-child(1){ width: 70%;float: left;}
.PlatformB_content01_img2 ul li:nth-child(1) img{width: 100%;}
.PlatformB_content01_img2 ul li:nth-child(2){ width: 30%; padding: 60px 30px 0 30px; box-sizing: border-box;float: left;}
.PlatformB_content01_img2 dl{font-size: 16px;}
.PlatformB_content01_img2 dt{ box-sizing: border-box; font-size: 1.125rem; background-color: #f08200; color: #ffffff; text-align: center; width: 100%; padding: 25px; border-radius: 40px; margin-bottom: 40px;}
.PlatformB_content01_img2 dd{ font-size: 1rem; color: #666666; text-indent: 20px; line-height: 1.5;}

@media (max-width: 1000px) {
	.PlatformB_content01_img2 dt{margin-bottom: 30px;}
	.PlatformB_content01_img2 ul li:nth-child(1){width: 100%;}
	.PlatformB_content01_img2 ul li:nth-child(2){width: 100%;padding-bottom: 30px;padding-top: 30px;}
}


.Platformc_content01{width: 100%; height: 300px;background-size: 100%; background: #ccd9ea; border-radius: 150px;overflow: hidden; display: flex;align-items: center;}
.Platformc_content01 .fl{width: 50%;padding: 0 30px;}
.Platformc_content01 .fl dl{text-align: right;width: 240px; margin-left: auto;}
.Platformc_content01 .fl dl dt{text-align: center;background-color: #f08200;color: #ffffff;text-align: center;width: 100%;padding: 25px;border-radius: 40px;margin-bottom: 20px;}
.Platformc_content01 .fl dl dd{text-align: left;line-height: 1.5;padding: 0 25px;}
.Platformc_content01 .fl:nth-child(2){text-align: left;}
.Platformc_content01 .fl img{width: 180px !important;}

@media (max-width: 850px) {
	.Platformc_content01{border-radius: 0;}
}
@media (max-width: 580px) {
	.Platformc_content01 .fl{width:100%;}
	.Platformc_content01 .fl:nth-child(2){display: none;}
	.Platformc_content01 .fl dl{margin: 0 auto;width:100%;}
	.Platformc_content01 .fl dl dd{text-align: center;}
	
}

.kbbiomed-container .tab-content img.PlatformC_arrow{width: 100px;}
.kbbiomed-cont.PlatformC_content{height: 300px;background: url(../images/PlatformC_content_img02.png) no-repeat center center;border-radius: 150px;}

@media (max-width: 850px) {
	.kbbiomed-cont.PlatformC_content{border-radius: 0;}	
}



/*서브2에 서브2*/
div.oledbox_wrap{background-color:#f9f9f9;}
div.oledbox_wrap div.oled_box{height: 195px;background: url(../images/kps-logo-gray.png) no-repeat right bottom;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;
}
div.oledbox_wrap div.oled_box p{font-size: 35px;font-weight: 500; letter-spacing: -0.05em;}
div.infographic01{margin-top: 90px; overflow: auto;}
div.infographic02{margin-top: 90px; overflow: auto;}
div.infographic03{margin-top: 90px; overflow: auto;}



/*서브2에 서브4*/
h3.subpage_title.product_title{font-size: 50px; font-weight: 600; color: #000; margin-bottom: 0px; display: inline-block;margin-bottom: 50px;}
div.contact_wrap{text-align: left; display: inline-block; padding-left: 30px;}
div.contact_wrap p{line-height: 1.5; font-size: 14px;}

div.equipment_wrap {border: 0px solid red;}
div.equipment_wrap div.equipment{border: 0px solid orange;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
div.equipment_wrap div.equipment div.equipment_box{border: 1px solid #ddd; width:48%; margin-bottom: 30px;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg{background: #ddd; height: 300px;}

div.equipment_wrap div.equipment div.equipment_box div.equipment_boxtext{font-size: 17px; line-height: 1.5; padding: 40px 20px;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxtext h6{font-size: 25px; font-weight: 600; color: #000; margin-bottom: 15px;}

div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG1{background: url(../images/01.OLEDMASK.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG2{background: url(../images/02.PPA.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG3{background: url(../images/03.IncomingQualityControl.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG4{background: url(../images/04.AutomaticOpticalInspection.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG5{background: url(../images/05.MaskTrimmingMachine.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG6{background: url(../images/06.MaskRepairMachine.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG7{background: url(../images/07.MGV.jpg) no-repeat center center;background-size: cover;}


/*서브2에 서브4_2*/
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG2_1{background: url(../images/01.DigitalHolography.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG2_2{background: url(../images/02.ITO.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG2_3{background: url(../images/03.ITO.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG2_4{background: url(../images/04.Deflectmetry.jpg) no-repeat center center;background-size: cover;}

/*서브2에 서브4_3*/
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG3_1{background: url(../images/01.plastic.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG3_2{background: url(../images/02.ActiveAligner.jpg) no-repeat center center;background-size: cover;}

/*서브2에 서브4_4*/
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG4_1{background: url(../images/01.XY.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG4_2{background: url(../images/02.LMGUIDE.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG4_3{background: url(../images/03.Gentrystage.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG4_4{background: url(../images/04.KENTRYSTAGE.jpg) no-repeat center center;background-size: cover;}


/*서브2에 서브4_5*/
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG5_1{background: url(../images/01.Protectivefilm.jpg) no-repeat center center;background-size: cover;}
div.equipment_wrap div.equipment div.equipment_box div.equipment_boxbg.equipmentBG5_2{background: url(../images/02.SolarInkjetPrinter.jpg) no-repeat center center;background-size: cover;}



/*서브3에 서브2*/
div.pipeline_wrap{/*overflow-x: scroll;*/}
div.pipeline_wrap table{max-width: 1280px;}
div.pipeline_wrap table tr{}
div.pipeline_wrap table tr th{border: 1px solid #ddd;font-size: 12px;padding: 10px;text-align: left; background: #f1f3f5;color: #000;font-weight: 600;text-align: center;vertical-align: middle;}
div.pipeline_wrap table tr th:first-child{border-left: 0px;}
div.pipeline_wrap table tr th:last-child{border-right: 0px;}
div.pipeline_wrap table tr td{border: 1px solid #ddd; text-align: center; font-size: 12px;text-align: left;padding: 10px 0;vertical-align: middle;height: 60px;text-align: center;}
div.pipeline_wrap table tr td span.color-line1{background: green; display: block; color: green;}
div.pipeline_wrap table tr td span.color-line2{background: #ffa500; display: block; color: #ffa500;}
div.pipeline_wrap table tr td p{background: red;display: block;}
div.pipeline_wrap table tr td.title-color{background:green; color: #fff; text-align: center; font-weight: 600;}
div.pipeline_wrap table tr td.subtitle-color{background: #ffa500;color: #000; text-align: center; font-weight: 600;}
div.pipeline_wrap table tr td:first-child{border-left: 0px; }
div.pipeline_wrap table tr td:last-child{border-right: 0px; }
div.pipeline_wrap div.pipeline{overflow-x:scroll;}

div.guide-icon{border: 0px solid red; text-align: right;margin-top: 20px; font-size: 14px;}		
div.guide-icon p{border: 0px solid orange;position: relative; padding-right: 20px; margin-top: 10px;}
div.guide-icon p:first-child::before{content: ''; position: absolute; top: 3px; right: 0; width: 10px; height: 10px; border-radius: 50px; background:green; }
div.guide-icon p:last-child::before{content: ''; position: absolute; top: 3px; right: 0; width: 10px; height: 10px; border-radius: 50px; background:#ffa500; }

@mixin prefix ($property, $value,
                 $moz:    true,
                 $webkit: true,
                 $o:      false,
                 $ms:     true,
                 $spec:   true) {
    @if $moz    {    -moz-#{$property}: $value; }
    @if $webkit { -webkit-#{$property}: $value; }
    @if $o      {      -o-#{$property}: $value; }
    @if $ms     {     -ms-#{$property}: $value; }
    @if $spec   {         #{$property}: $value; }
}

// Animations

@keyframes bar-fill {
   0% { width: 0; }
}
@-webkit-keyframes bar-fill {
   0% { width: 0; }
}
@-moz-keyframes bar-fill {
   0% { width: 0; }
}
@-o-keyframes bar-fill {
   0% { width: 0; }
}

// Graph stuff

.bar-graph {
		list-style: none;
    margin: 50px 0px auto;
}

.bar-wrap {
  @include prefix(border-radius,10px 10px 10px 10px);
  background-color: #f1f3f5;          
  border: 1px solid rgba(9, 69, 148, 0.5);
}

.bar-fill { 
  @include prefix(border-radius,10px 10px 10px 10px);
  @include prefix(animation, bar-fill 1s);
  background-color: #094594;
  display: block;
  height: 15px;
  width: 0px;
}



/*	서브3에 서브3 Business Area*/
div.BusinessArea_wrap{margin-top: 50px;}
div.BusinessArea_wrap div.box_wrap{overflow: hidden;}
div.BusinessArea_wrap div.box_wrap div.box{border: 1px solid #ddd; width: calc(98%/3); float: left; padding: 40px 50px; position: relative; height: 480px; border-radius: 20px;}
div.BusinessArea_wrap div.box_wrap div.box:nth-child(2){margin: 0 1%;}
div.BusinessArea_wrap div.box_wrap div.box h4{font-size: 30px;font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px;color: #000; text-align: center;}	
div.BusinessArea_wrap div.box_wrap div.box p.title{font-size: 20px; font-weight: 500; margin-bottom: 10px;}
div.BusinessArea_wrap div.box_wrap div.box p{line-height: 1.8; font-size: 20px; padding: 0 10px;}
div.BusinessArea_wrap div.box_wrap div.box p span{ font-size: 15px;margin-left: 10px;}
div.BusinessArea_wrap div.box_wrap div.box div.button{text-align: center; position: absolute; bottom: 30px; left: 50%; width:200px; margin-left: -100px;}
div.BusinessArea_wrap div.box_wrap div.box div.button a{border: 1px solid #ddd; display: block; line-height: 2.9; margin-top: 40px;transition-duration: 0.3s; border-radius: 25px;font-weight: 500; font-size: 17px; color: orange;}
div.BusinessArea_wrap div.box_wrap div.box div.button a:hover{background: #fff;box-shadow: 2px 2px 7px rgba(0,0,0,0.2); transform: translateY(-5px);}

/*팝업css*/
.btn_open{}
.pop_wrap{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); font-size:0; text-align:center; z-index: 10;}
.pop_wrap:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
.pop_wrap .pop_inner{display:inline-block; padding:20px 10px; background:#fff; width:800px;height: 800px; vertical-align:middle; font-size:15px; position: relative; }
.pop_wrap .pop_inner div.pop_content{overflow: auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 650px;}
.pop_wrap .pop_inner div.pop_content img{width: 100%;}
.pop_wrap .pop_inner button{display: block; height: 50px; border: 1px solid #ddd; position: absolute; bottom: 40px; left:50%; width: 220px; line-height: 3; margin-left: -110px;transition-duration: 0.3s;border-radius: 25px;font-weight: 600; font-size: 17px;color: orange;}
.pop_wrap .pop_inner button:hover{background: #fff;box-shadow: 2px 2px 7px rgba(0,0,0,0.2); transform: translateY(-5px);}


/*서브3에 서브4*/
div.vision{border: 0px solid red;}
div.vision.second{border-top: 1px solid #ddd;}
div.vision div.box_wrap{overflow: hidden;}
div.vision div.box_wrap div.box_bg{border: 0px solid yellow; width: 50%; float: left; height: auto;}
div.vision div.box_wrap div.box_bg img{width: 100%;transition-duration: 0.5s;}
div.vision div.box_wrap div.box_bg img:hover{transform: translateY(-8px);}
div.vision div.box_wrap div.box_bg:nth-child(2){border: 0px solid yellow; width: 50%; float: left; height: auto;}
div.vision div.box_wrap div.box_text{border: 0px solid yellow; width: 50%; float: left; padding: 100px 30px 20px;}
div.vision div.box_wrap div.box_text h4{font-size: 30px; font-weight: 600;color: #000;}
div.vision div.box_wrap div.box_text p{font-size: 20px; padding-top: 30px; line-height: 2;}

div.vision.year_5{ margin-top: 100px;margin-bottom: 100px; background: #f1f2f4;}
div.vision.year_5 div.box_wrap div.box_bg{height: auto;}

div.Business_Areas{}
div.Business_Areas img{width:100%; transition-duration: 0.5s;}
div.Business_Areas img.hovder-effect:hover{box-shadow: 3px 3px 15px #ddd; transform: translateY(-8px);}

div.kps_bixink{margin-top: 100px; text-align: center;}

div.wrap_w100{background: url(../images/CK_psxtg0581661.jpg) no-repeat right bottom; background-attachment: fixed; height:auto; background-size: cover;}	
div.key_events{padding: 80px 50px; }
div.key_events h4{font-size: 50px; text-align: center; color: #fff; font-weight: 600;}
div.key_events div.content_text{border: 0px solid red; width:1280px; margin: 0 auto;overflow: hidden; margin-top: 60px;}
div.key_events div.content_text div.box{border: 0px solid orange; width:50%; float: left;}
div.key_events div.content_text div.box.box01{background: rgba(0,0,0,0.6);height: 300px;display: flex;align-items: center;justify-content: center;font-size: 25px;color: #fff; font-weight: 600;}
div.key_events div.content_text div.box.box01:hover{color: orange; transition: 1s;}
div.key_events div.content_text div.box.box01 span.orange{color: orange;}
div.key_events div.content_text div.box.box02{ padding: 90px 50px 20px; background: #fff;height: 300px;}
div.key_events div.content_text div.box.box02 p{ line-height: 2; font-weight: 500; font-size: 20px;}
div.key_events div.content_text div.box.box02 p:hover{color: orange; transition: 1s;}


/*서브3에 서브2 주가정보*/
.content_box {
  margin: 80px 0 0; font-size: 0;
}

.content_box:after {
  content: '';display: block;clear: both;
}

.content_box:first-child {
  margin: 0;
}

.content_box ul:after, .content_box dl:after {
  content: ''; display: block; clear: both;
}

.content_box .content_box_left {
  display: inline-block; vertical-align: top; width: 280px; font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #333; line-height: 28px; letter-spacing: -0.6px; padding-right: 20px; box-sizing: border-box; -webkit-box-sizing: border-box;
}

.content_box .content_box_left h3{font-weight: 600;}

.content_box .content_box_left > li:first-child {
  margin: 0 0 10px;
}

.content_box .content_box_left .select_box.small {
  margin-top: 16px;
}

.content_box .content_box_left .count {
  font-size: 14px;
}

.content_box .content_box_left .small_num {
  display: block; font-size: 12px; line-height: 24px;
}

.content_box .content_box_right {
  display: inline-block; vertical-align: top; width: 1000px; font-size: 15px; color: #606167;
}

.content_box .content_box_right dl:after {
  content: ''; display: block; clear: both;
}

.content_box .content_box_right .order_info_text {
  position: relative; padding: 0 0 0 28px; line-height: 1.8;
}

.content_box .content_box_right .order_info_text:before {
  content: ''; display: block; position: absolute; left: 0; top: 7px; width: 2px; height: 10px; background: url(../../img/ko/sprite.png) no-repeat; -webkit-background-size: 474px 1500px; background-size: 474px 1500px; background-position: -122px -45px;
}

.content_box .content_box_button {
  padding: 30px 0; border-bottom: 1px solid #212121; text-align: right; font-size: 0;
}

.content_box .content_box_button .btn_link_large {
  margin-left: 4px;
}

.content_box .content_box_button .btn_text {
  white-space: nowrap;
}

.content_box .content_box_text {
  margin: 15px 0 0; line-height: 1.8; letter-spacing: -0.2px;
}

.content_box .content_box_text:first-child {
  margin-top: 0;
}

.content_box .content_box_text ~ .btn_link {
  line-height: 1.8;
}

.content_box .content_box_img {
  margin: 24px 0 0;
}

.content_box .agree_box {
  margin: 17px 0 0 23.5%;
}

.content_box .content_box_inner {
  padding-top: 27px; line-height: 26px; word-break: keep-all;
}

.content_outer_text {
  line-height: 1.8; letter-spacing: -0.2px; font-size: 15px; color: #606167;
}

.table {
  width: 100%; table-layout: fixed;
}

.table tr:first-child {
  border-top: 2px solid #333;
}

.table th {
  height: 56px; border-bottom: 1px solid #efefef; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #333; text-align: left; vertical-align: middle !important;
}

.table td {
  height: 56px; border-bottom: 1px solid #efefef; font-size: 15px; color: #606167; letter-spacing: -0.1px; vertical-align: middle !important;
}

.table .input_text {
  display: block; position: relative; width: 100%; height: 55px; border-bottom: 1px solid #dce0e6; font-size: 15px; color: #333; line-height: 55px;
}

.table .require {
  margin: 0 0 0 4px;
}

.table .complete_message {
  padding: 20px 0; word-break: keep-all; word-wrap: normal;
}

.table .complete_message p {
  margin: 13px 0 0; font-size: 15px; line-height: 1.8;
}

.table .complete_message p:first-child {
  margin-top: 10px;
}

.table .complete_message p:last-child {
  margin-bottom: 52px;
}

.table .complete_message.check {
  line-height: 1.6;
}

.table .text_right {
  text-align: right;
}

.table .pl16 {
  padding-left: 16px;
}

.table .pr16 {
  padding-right: 16px;
}

.table .br {
  border-right: 1px solid #e4e4e4;
}

.table .blue {
  color: #2495e4;
}

.table .red {
  color: #e84747;
}

.table .border-0{border-right: 0px;}

.stock_info {
  overflow-x: auto;
/*	width:100%;*/
}

.stock_info_container {
  min-width: 857px;
}

.stock_info_container:after {
  content: ''; display: block; clear: both;
}

.stock_info_top {
  padding: 30px 0; border-top: 2px solid #333; border-bottom: 2px solid #333;
}

.stock_info_top:after {
  content: ''; display: block; clear: both;
}

.stock_info_top .top_left {
  float: left;
  width: 50%;
}

.stock_info_top .top_left:after {
  content: ''; display: block; clear: both;
}

.stock_info_top .top_left .price {
  float: left; width: 250px; font-family: 'Noto Sans KR', sans-serif; font-size: 33px; font-weight:bold; color: #212121;
}

.stock_info_top .top_left .price .figure {
  padding: 0 26px 0 0;
}

.stock_info_top .top_left .price .figure:before {
  left: auto; right: 0; width: 15px; height: 9px;
}

.stock_info_top .top_left .price .figure.type2:before {
  background-position: -299px -23px;
}

.stock_info_top .top_left .price .figure.type5:before {
  background-position: -299px -38px;
}

.stock_info_top .top_left .price .figure.type1:before, .stock_info_top .top_left .price .figure.type4:before {
  width: 13px; height: 17px; margin-top: -8px; background: url(../../img/ko/sprite.png) no-repeat; -webkit-background-size: 474px 1500px; background-size: 474px 1500px;
}

.stock_info_top .top_left .price .figure.type1:before {
  background-position: -342px -22px;
}

.stock_info_top .top_left .price .figure.type4:before {
  background-position: -358px -22px;
}

.stock_info_top .top_left .detail {
  float: left; position: relative; padding-left: 24px;
}

.stock_info_top .top_left .detail:before {
  content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #e4e4e4;
}

.stock_info_top .top_left .detail dl:first-child {
  margin-bottom: 16px;
}

.stock_info_top .top_left .detail dl:first-child dt {
  padding-right: 16px;
}

.stock_info_top .top_left dt, .stock_info_top .top_left dd {
  display: table-cell; line-height: 15px;
}

.stock_info_top .top_left dt {
  padding-right: 30px; font-family: 'Noto Sans KR', sans-serif; color: #333;
}

.stock_info_top .top_right {
  float: left; width: 50%;
}

.stock_info_top .top_right:after {
  content: ''; display: block; clear: both;
}

.stock_info_top .top_right .top_right_container {
  float: right; width: 100%;
}

.stock_info_top .top_right .top_right_container:after {
  content: ''; display: block; clear: both;
}

.stock_info_top .top_right dl {
  float: left; width: 25%; line-height: 15px; text-align: right;
}

.stock_info_top .top_right dt {
  margin-bottom: 16px; font-family: 'Noto Sans KR', sans-serif; color: #212121; text-align: right;
}

.stock_info_top .top_right dd {
  color: #606167;
}

.stock_info_left {
  float: left; width: calc(50% - 25px);
}

.stock_info_right {
  float: right; width: calc(50% - 25px);
}

.stock_info_right:after {
  content: ''; display: block; clear: both;
}

.stock_info_right .table.half {
  float: left; width: 50%;
}

.table.stock thead tr {
  border-top: 0; border-bottom: 1px solid #333;
}

.table.stock thead th, .table.stock thead td {
  border-bottom: 1px solid #333;
}

.table.stock tbody tr {
  border-top: 0;
}

.table.stock tbody th {
  font-family: 'Noto Sans KR', sans-serif; color: #606167;
}

.table.stock tfoot tr {
  border-top: 0;
}

.table.stock tfoot td {
  font-family: 'Noto Sans KR', sans-serif; color: #333;
}

.table.stock .bb {
  border-bottom: 1px solid #333;
}

.table_wrap.scroll {
  overflow: hidden; overflow-x: auto;
}

.table_wrap.scroll table {
  min-width: 76.5%;
  width:100px;
}


.investors_table {
  width: 100%; table-layout: fixed; text-align: left; line-height: 1.8;
}

.investors_table tbody tr:first-child td,
.investors_table tbody tr:first-child .body_hd {
  border-color: #333;
}

.investors_table th {
  padding: 14px 0; border-top: 2px solid #333; font-family: 'Noto Sans KR', sans-serif; color: #333; text-align: left;
}

.investors_table th.text_right {
  text-align: right;
}

.investors_table td {
  padding: 14px 1px; border-top: 1px solid #e8e8e8;
}

.investors_table .body_hd {
  border-top: 1px solid #e8e8e8; letter-spacing: -0.45px;
}

.investors_table tfoot td {
  border-top: 1px solid #333; font-family: 'Noto Sans KR', sans-serif; color: #333;
}

.investors_table .unit {
  font-family: 'Noto Sans KR', sans-serif; font-size: 11px;
}

.investors_table.bt0 th {
  border-top: 0;
	border-top: 1px solid #333;
}

.investors_table .util_box .util_item a {
  display: inline-block; padding-right: 0; padding-left: 25px;
}

.investors_table .util_box .util_item a:before {
  right: auto; left: 0; top: 4px;
}

.investors_table.mt20 {
  margin-top: 20px;
}

.investors_table .one_character {
  padding-right: 8px;
}

.investors_table.type2 .th_pl8, .investors_table.type2 .td_pl8 {
  padding-left: 8px;
}

.investors_table.type2 .name {
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
}

.investors_table.type2 .name, .investors_table.type2 .position {
  vertical-align: top;
}

.investors_table.type2 tbody tr:last-child th,
.investors_table.type2 tbody tr:last-child td {
  border-bottom: 1px solid #e8e8e8;
}

.investors_table.type2 .title {
  display: block; color: #212121;
}

.investors_table.type2 .date {
  font-size: 14px;
}

.investors_table.type2 .bg_blue {
  background-color: #f8f9fa;
}

.investors_table.type2 .pl30 {
  padding-left: 30px;
}

.investors_table.type2 .pl37 {
  padding-left: 37px;
}

.investors_table.type2 .pl50 {
  padding-left: 50px;
}

.investors_table.type2 .pl66 {
  padding-left: 66px;
}

.investors_table.type2 .pr20 {
  padding-right: 20px;
}

.investors_table.type2 .pr30 {
  padding-right: 30px;
}

.investors_table.type2 .pr40 {
  padding-right: 40px;
}

.text_right {
    text-align: right;
}

.stock_up .ico_corp{width:18px;height:14px;margin-top:11px;background-position:-40px -20px}
.stock_down .ico_corp {width: 18px; height: 14px; margin-top: 11px; background-position: -40px 0;}
.stock_up2 .ico_corp{width:11px;height:12px;margin-top:5px;background-position:-70px -20px;}
.stock_down2 .ico_corp {width: 11px; height: 12px; margin-top: 5px; background-position: -70px 0;}


.num_up .ico_corp {
    margin-top: 11px; background-position: -70px -20px 
}
.num_down .ico_corp {
    margin-top: 11px; background-position: -70px 0;
}
.ico_corp {
    width: 11px; height: 12px; margin-left: 4px;
}
.ico_corp {
    display: inline-block; overflow: hidden; font-size: 0; line-height: 0; background: url(../images/ico_corp_181031.png) no-repeat; text-indent: -9999px; vertical-align: top;
}

/*서브4에 서브4*/
div.board.overflow-auto{overflow: auto;} 
/*재무정보*/
div.select-wrap{width: 100%; text-align: right;}
div.select-wrap .select-box {
  position: relative;
  display: inline-block;
  width: 200px;
	text-align: right;
}

div.select-wrap .select-box select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  color: #333;
  appearance: none; /* 기본 브라우저 화살표 없애기 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  cursor: pointer;
}

/* 포커스 시 */
div.select-wrap .select-box select:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0,123,255,0.5);
  outline: none;
}




/*서브5에 서브1*/
div.register_wrap{border: 0px solid red;text-align: right; margin-top: 30px;}
div.register_wrap p.register{background: orange; width:120px;display: inline-block; text-align: center; border-radius: 10px; border:1px solid orange;transition-duration: 0.5s;}
div.register_wrap p.register:hover{background: #fff; border:1px solid orange; }
div.register_wrap p.register:hover a{ color: orange;}
div.register_wrap p.register a{display: block; line-height:2.7;color: #fff;font-weight: 500;}
label.bio{margin-left: 20px;}
label.bio:first-child{margin-left: 0px;}


 /*인풋 효과*/
input.bbx_off{height: 36px;/*font:bold 12px/1.2em verdana;*/ color:#a3a3a3; vertical-align:middle;}
input.bbx_on{font-size: 14px; color:#181818; vertical-align:middle;}
input.bbx_org{font-size: 14px; color:#181818; vertical-align:middle; background-color:#fdffe4;}
input.bbx_w{width: 100%; max-width: 100%; border: 1px solid #ccc;  color:#666;vertical-align:middle;background-color:#f1f3f5; box-sizing: border-box; font-weight: 500;}
input{background-color: #fff;}

input.bbx_w.email{width:20%;}


/*서브5에 서브2*/
div.map_wrap{border: 0px solid red; overflow: hidden; margin-bottom: 40px; margin-top:30px; display: flex; justify-content: space-between;}
div.map_wrap div.map1{border: 0px solid orange; width:32%;}
div.map_wrap div.map1 h4.map_title{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; font-size: 25px; font-weight: 700;letter-spacing: -0.05em;color:#000;}

div.map_wrap div.map1.mapL{}
div.map_wrap div.map1.mapR{border: 0px solid silver;}

div.map_wrap div.map1 div.map2{border: 0px solid yellow;}

.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap_landing{width:100% !important;}

div.map_bottomtext{border: 0px solid red; overflow: hidden; margin-top:30px;}
div.map_bottomtext p{border: 0px solid orange;float: left; margin-right: 20px;}
div.map_bottomtext dl{border: 0px solid yellow; float: left; line-height: 1.2;}
div.map_wrap dl dt{font-weight: 600; font-size: 20px; line-height: 1.5;}

div.contact-wrap{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
div.contact-wrap ul.contact{overflow: hidden; padding: 50px 0;}
div.contact-wrap ul.contact li{float: left; width: calc(100% / 3);text-align: center; border-right: 1px solid #ddd; font-size: 17px; line-height: 30px;position: relative;padding: 0 15px;padding-left: 135px;text-align: left;}
div.contact-wrap ul.contact li span{position: absolute; left: 15px; }
img.contact_icon{border: 0px solid red; width:30px;margin-right: 10px;}







/*서브5에 서브3*/

div.recruitment_wrap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; margin-top: 50px; margin-bottom: 50px;}
div.recruitment_wrap div.recruitment{border: 0px solid orange;overflow: hidden;display: flex;flex-direction: row;align-content: space-around;flex-wrap: wrap;}
div.recruitment_wrap div.recruitment div.recruitment_box{border: 0px solid yellow; width:50%; float: left; overflow: hidden; padding: 40px;}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxL{height: 100px; width:40%; float: left;border: 0px solid pink; text-align: center;transition-duration: 0.5s;}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxL:hover{transform: translateY(-8px);}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxR{width:60%; float: left;border: 0px solid aqua;}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxR dl{border: 0px solid red;}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxR dl dt{border: 0px solid orange; font-size: 25px; font-weight: 600; margin-bottom: 15px;}
div.recruitment_wrap div.recruitment div.recruitment_box div.recruitmentboxR dl dd{border: 0px solid yellow; font-size:17px; line-height: 1.3;}






/*서브5에 서브3_1 채용공고 게시판*/

table.employmentboard{border: 0px solid red; width: 100%; text-align: center; margin-top: 30px;}

table.employmentboard tr{border: 0px solid #ddd; line-height: 2.5;}
table.employmentboard tr th{border: 1px solid #ddd; font-weight: 600;}
table.employmentboard tr th:first-child{border-left: 0px;}
table.employmentboard tr td{border: 1px solid #ddd; }
table.employmentboard tr td:last-child{border-right: 0px; }

div.employmentboard div.employmentboard_text{border-bottom: 1px solid #ddd; padding:50px 0; line-height: 2;}
div.employmentboard div.employmentboard_text table{margin-bottom: 20px;}
div.employmentboard div.employmentboard_text tr th{background: #ddd;}
div.employmentboard div.employmentboard_text tr td{border: 1px solid #ddd; vertical-align: middle; padding: 10px 5px;line-height: 1.4;}

div.employmentboard div.employmentboard_text p{text-align: left !important; line-height: 2;}
div.employmentboard div.employmentboard_text ol{margin: 20px 0;}
div.employmentboard div.employmentboard_text ol li{line-height: 2;}

/**/
.gnb li a{color:red}

.gnb li{color:red}




/*리사이클링 > 비즈니스에어리어*/
div.segi-cont{}
div.segi-cont div.segi-info-img-wrap{text-align: center;}
div.segi-cont img.segi-info{max-width: 850px;width: 100%;}
div.segi-cont.segi-cont02{margin-top: 100px;}
div.segi-cont div.segi-box-wrap div.box-t{overflow: hidden; margin-top: 50px;}
div.segi-cont div.segi-box-wrap div.box-t div.box-left{float: left; width:48%;}
div.segi-cont div.segi-box-wrap div.box-t div.box-right{float: right; width:48%;}
div.segi-cont div.segi-box-wrap div.box-b{overflow: hidden; margin-top: 50px;}
div.segi-cont div.segi-box-wrap div.box-b div.box-left{float: left; width:48%;}
div.segi-cont div.segi-box-wrap div.box-b div.box-right{float: right; width:48%;}
div.segi-cont div.segi-box-wrap table tr th{font-weight: bold; color: #fff;}
div.segi-cont div.segi-box-wrap table tr th:first-child{width: 80%; position: relative;}
div.segi-cont div.segi-box-wrap table tr th:first-child::before{ content: '';position: absolute;top: 20px;right: 0;width: 1px;height: 20px;background: #fff;}
div.segi-cont div.segi-box-wrap table tr th:last-child{width: 20%;}
div.segi-cont div.segi-box-wrap table tr td{text-align: center;}
div.segi-cont div.segi-box-wrap table tr td:first-child{position: relative;}
div.segi-cont div.segi-box-wrap table tr td:first-child::before{ content: '';position: absolute;top: 20px;right: 0;width: 1px;height: 20px;background: #ddd;}
div.segi-cont div.segi-box-wrap p.subpage_subtitle2{font-size: 20px;font-weight: 500;margin-bottom: 10px;}

div.process-cont{}
div.process-cont img{width:100%;}
div.process-cont div.box_wrap{display: flex;flex-direction: row;flex-wrap: wrap;} 
div.process-cont div.box_wrap div.box{width: calc(98%/3);margin-right: 1%; margin-bottom: 30px;} 
div.process-cont div.box_wrap div.box:nth-child(3){margin-right: 0;}
div.process-cont div.box_wrap div.box:nth-child(6){margin-right: 0;}
div.process-cont div.box_wrap div.box dl dd{background: #eee;padding: 20px;}
div.process-cont p.boundary-line{border-top: 1px dashed #ddd; margin-bottom: 50px;}
div.process-cont div.box_wrap.process-map-img{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #eee; padding: 20px 0;}
div.process-cont div.box_wrap img.process-map-img{max-width: 870px; width:100%; margin: 0 auto;padding-right: 70px;}
div.process-cont table.productive{width: 100%;}
div.process-cont table.productive tr td{border: 1px solid #ddd; text-align: center; vertical-align: middle; padding: 20px 10px; line-height: 1.5;}
div.process-cont table.productive tr td p{text-align: left;}
div.process-cont table.productive tr td img{max-width:250px; width: 100%;}
div.process-cont table.productive tr td.bg-c01{background:#17304e; color: #fff;}
div.process-cont table.productive tr td.bg-c02{background:#1e6599; color: #fff;}
div.process-cont table.productive tr td.bg-c03{background:#2ba9cf; color: #fff;}

div.segi-cont div.segi-products{overflow: hidden;margin-bottom: 20px;}
div.segi-cont div.segi-products div.products-l{float: left; width: 35%;position: relative;}
div.segi-cont div.segi-products div.products-l img{width: 90%}
div.segi-cont div.segi-products div.products-l p.bottom-band{position: absolute;bottom: 0;left: 0;z-index: 2;color: #fff;background: #ffa50087;width: 90%;padding: 15px;}
div.segi-cont div.segi-products div.products-r{float: right; width: 65%;}
div.segi-cont div.segi-products div.products-r dt{font-weight: bold; font-weight: bold;border-bottom: 1px solid orange;padding: 15px 0;font-size: 20px;margin-bottom: 5px; color: orange;}
div.segi-cont div.segi-products div.products-r dd{padding: 5px 0;}

div.segi-cont div.certificate-wrap{display:flex;flex-wrap: wrap; justify-content: space-around;}
div.segi-cont div.certificate-wrap div.box{width: calc(97%/4);text-align: center;margin-bottom: 30px; position: relative;margin-right: 1%;}
div.segi-cont div.certificate-wrap div.box:nth-child(4){margin-right: 0;}
div.segi-cont div.certificate-wrap div.box:nth-child(8){margin-right: 0;}
div.segi-cont div.certificate-wrap div.box:nth-child(12){margin-right: 0;}
div.segi-cont div.certificate-wrap div.box img{width: 100%;border: 1px solid #eee;}
div.segi-cont div.certificate-wrap div.box p.bottom-band{position: absolute;bottom: 0;left: 0;z-index: 2;color: #fff;background: #ffa50087;width: 100%;padding: 15px;}

div.globalnetwork_wrap2.segi{display: block;}
div.globalnetwork_wrap2.segi-mobile{overflow: hidden; display: none;}
div.globalnetwork_wrap2.segi-mobile h4{ font-size: 20px;color: orange;letter-spacing: -0.05em;margin-top: 20px;font-weight: 500;}
div.globalnetwork_wrap2.segi-mobile div.box_wrap{overflow: hidden; display: flex;justify-content: space-between;border: 1px solid #ddd;border-radius: 10px; padding:3% 2%;}
div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile{width: calc(97%/3);}
div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile dl{text-align: center;}

div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile dl dt{font-weight: 600;font-size: 15px;color: orange; line-height: 2;}
div.globalnetwork_wrap2.segi-mobile div.box_wrap div.box.box-mobile img{width: 100%;border: 1px solid #eee;}


div.battery-wrap{overflow: hidden;}
div.battery-wrap div.battery-left{float: left;width:50%;}
div.battery-wrap div.battery-right{float: left;width:50%;}




/*의약품 게시판*/
div.medicine-wrap{}
div.medicine-wrap ul.medic-box{display: flex;justify-content: flex-start;flex-wrap: wrap;}
div.medicine-wrap ul.medic-box li{width: calc(97%/4);margin-right: 1%;border:1px solid #eee;margin-bottom: 15px;}
div.medicine-wrap ul.medic-box li:nth-child(4){margin-right: 0px;}
div.medicine-wrap ul.medic-box li:nth-child(8){margin-right: 0px;}
div.medicine-wrap ul.medic-box li:nth-child(12){margin-right: 0px;}
div.medicine-wrap ul.medic-box li:nth-child(16){margin-right: 0px;}
div.medicine-wrap ul.medic-box li div.img-wrap{overflow: hidden; height:200px;}
div.medicine-wrap ul.medic-box li div.img-wrap img{width: 100%;height: 100%;display: block;object-fit: cover;transition-duration: 0.2s;}
div.medicine-wrap ul.medic-box li div.text-wrap{padding: 20px 10px;}
div.medicine-wrap ul.medic-box li div.text-wrap h5{font-size: 15px;font-weight: 500;color: #5d595d;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
div.medicine-wrap ul.medic-box li:hover img{transform: translate(0) scale(1.03);}
div.medicine-wrap ul.medic-box li:hover div.text-wrap h5{color:orange;}
div.medicine-wrap ul.medic-box li p{font-size: 13px;color: #a1a1a1;}

div.bottom-search{width: 300px;margin: 0 auto;position: relative;}
div.bottom-search input.form-control{width: 100%;}
div.bottom-search a.sr-butt{position: absolute;right: 10px;top: 8px; }
div.bottom-search a.sr-butt img{width:20px;}

@media all and (max-width: 800px){
	div.medicine-wrap ul.medic-box li{width: calc(97%/3);}
}
@media all and (max-width: 450px){
	div.medicine-wrap ul.medic-box li{width: calc(97%/2);}
}

/*의약품 게시판 뷰페이지*/
.sub2depth.medicine{border-top: 1px solid #ddd;}
div.medicine-wrap{}
div.medicine-wrap h4{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
div.medicine-wrap h5{font-size: 15px;padding-bottom: 20px;}

div.medicine-wrap div.medicine-img-table{display: flex;justify-content: space-between;padding: 20px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
div.medicine-wrap div.medicine-img-table div.img{width: 38%;align-content: center;height:282px;}
div.medicine-wrap div.medicine-img-table div.img img{width:100%;height: 100%; object-fit: contain;}
div.medicine-wrap div.medicine-img-table div.table {width: 60%;}
div.medicine-wrap div.medicine-img-table div.table table{width: 100%;}
div.medicine-wrap div.medicine-img-table div.table table tr th{width: 19.34%; background-color: rgb(239, 239, 239);text-align: center;}
div.medicine-wrap div.medicine-img-table div.table table tr td{width: 80.52%; padding: 10px;}

div.medicine-wrap div.medicine-cont{padding: 30px 0;line-height: 1.6}
div.medicine-wrap div.medicine-cont h6{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
div.medicine-wrap div.medicine-cont h6::before{content: '■'; padding-right: 8px;}
div.medicine-wrap div.medicine-cont p{font-size: 15px;line-height: 1.5;}

div.medicine-wrap div.comment_section{margin-top: 50px;}
div.medicine-wrap div.comment_section div.list_tap{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
div.medicine-wrap div.comment_section div.list_tap a{display: block;padding: 15px 10px;}
div.medicine-wrap div.comment_section div.list_tap a:hover{background: #f6f6f6;}
div.medicine-wrap div.comment_section div.list_tap a:first-child{border-bottom: 1px solid #ddd;}
div.medicine-wrap div.comment_section div.list_tap a img{margin: 0 20px;width: 8px;}
div.medicine-wrap div.comment_section div.list_tap a img.bord_aroowL1{transform: rotate(90deg);}
div.medicine-wrap div.comment_section div.list_tap a img.bord_aroowL2{transform: rotate(-90deg);}
div.medicine-wrap div.comment_section div.medicine-list a.medicine-list-but{border: 1px solid #ddd;display: inline-block;padding: 10px 25px;border-radius: 20px;font-size: 15px;}
div.medicine-wrap div.comment_section div.medicine-list a.medicine-list-but:hover{background: #666; color: #fff;}

a.fileBtn{color: blue;font-weight: 500;}

@media all and (max-width: 750px){
	div.medicine-wrap{padding: 0 10px;}
	div.medicine-wrap div.medicine-img-table{flex-direction: column;}
	div.medicine-wrap div.medicine-img-table div.img{width: 100%;}
	div.medicine-wrap div.medicine-img-table div.table{width: 100%;}
}


/*의약부문 윤리강령*/
div.ethics-wrap{display: flex;flex-direction: row;justify-content: space-between;}
div.ethics-wrap div.ethics-left{width:35%;}
div.ethics-wrap div.ethics-left h3{font-size: 30px; font-weight: 400;color: #333;line-height: 45px;word-break: keep-all;position: sticky;top: 20px;}
div.ethics-wrap div.ethics-left h3 span{font-weight: bold;}
div.ethics-wrap div.ethics-right{width:60%;}

div.ethics-wrap div.ethics-right div.card-wrap{display: flex;justify-content: space-between;}
div.ethics-wrap div.ethics-right div.card-wrap div.card-left{width: 47%;}
div.ethics-wrap div.ethics-right div.card-wrap div.card-right{margin-top: 125px;width: 47%;}
div.ethics-wrap div.ethics-right div.card-wrap div.card{border: 1px solid #ddd;border-radius: 15px; padding: 37px 27px;margin-bottom: 80px;color: #333;height: 380px;position:relative;transition-duration: 0.3s;}
div.ethics-wrap div.ethics-right div.card-wrap div.card:hover{box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);transform: translateY(-8px);}
div.ethics-wrap div.ethics-right div.card-wrap div.card h6{color: orange; font-size: 20px; font-weight: 500;padding-bottom: 30px;}
div.ethics-wrap div.ethics-right div.card-wrap div.card h5{font-size: 30px; font-weight: bold;padding-bottom: 30px;}
div.ethics-wrap div.ethics-right div.card-wrap div.card p{font-size: 20px;line-height: 1.3;word-break: keep-all;}
div.ethics-wrap div.ethics-right div.card-wrap div.card img{position:absolute; bottom:40px; left: 27px;width:60px;}

@media all and (max-width: 1280px){
	div.ethics-wrap{flex-direction: column;}
	div.ethics-wrap div.ethics-left{width:100%; margin-bottom: 50px;}
	div.ethics-wrap div.ethics-right{width:100%;}
	div.ethics-wrap div.ethics-right div.card-wrap div.card{height: auto;margin-bottom: 30px;}
	div.ethics-wrap div.ethics-right div.card-wrap div.card p{margin-bottom: 100px;}
	div.ethics-wrap div.ethics-right div.card-wrap div.card-left{width: 49%;}
	div.ethics-wrap div.ethics-right div.card-wrap div.card-right{width: 49%;}
}





/*의약부문 부패방지 및 컴플라인언스 방침*/
div.prevention-wrap{}
div.prevention-wrap div.prevention-bg{background: #f5f5f5;padding: 66px 0;color: #333;word-break: keep-all;}
div.prevention-wrap div.prevention-bg div.outer{margin: 0 auto;}
div.prevention-wrap div.prevention-bg div.logo-title-banner{display: flex;}
div.prevention-wrap div.prevention-bg div.logo-title-banner div.logo-left{width: 40%;display: flex;}
div.prevention-wrap div.prevention-bg div.logo-title-banner div.logo-left img{width:390px;}
div.prevention-wrap div.prevention-bg div.logo-title-banner div.title-right{width:60%;font-size: 30px;line-height: 45px;}
div.prevention-wrap div.prevention-bg div.logo-title-banner div.title-right span{font-weight: bold;}

div.prevention-wrap div.prevention-cont{color: #333;}
div.prevention-wrap div.prevention-cont ul li{border-bottom: 1px dashed #ddd;padding: 18px 0;font-size: 20px; padding-left:25px;position: relative;line-height: 34px;font-weight: 500;letter-spacing: -0.05em;transition-duration: 0.5s;}
div.prevention-wrap div.prevention-cont ul li:hover{border-bottom: 1px dashed orange;}
div.prevention-wrap div.prevention-cont ul li:nth-child(1)::before{content: '1.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(2)::before{content: '2.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(3)::before{content: '3.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(4)::before{content: '4.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(5)::before{content: '5.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(6)::before{content: '6.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(7)::before{content: '7.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont ul li:nth-child(8)::before{content: '8.';position: absolute;left: 0;}
div.prevention-wrap div.prevention-cont div.prevention-botom_txt{margin-top: 78px;font-size: 20px; font-weight: bold;line-height: 34px;letter-spacing: -0.07em;word-break: keep-all;}
div.prevention-wrap div.prevention-cont div.prevention-botom_txt span{text-align: center;display: inline-block;width: 100%;}


@media (max-width: 1140px) {
	div.prevention-wrap div.prevention-bg div.logo-title-banner{flex-direction: column;padding: 0 10px;}
	div.prevention-wrap div.prevention-bg div.logo-title-banner div.logo-left{width: 100%;margin-bottom: 30px;}
	div.prevention-wrap div.prevention-bg div.logo-title-banner div.logo-left img{max-width: 500px;width: 100%;}
	div.prevention-wrap div.prevention-bg div.logo-title-banner div.title-right{width: 100%;}
}


/*리사이클링 > Business Area*/
div.battery-wrap{}
div.battery-wrap div.battery-bann{background: #f5f5f5;color: #333;overflow: hidden;}
div.battery-wrap div.battery-bann div.outer h3{font-size: 30px;font-weight: 600;margin-bottom: 30px;line-height: 1.2;padding-left: 50px;position: relative;}
div.battery-wrap div.battery-bann div.outer h3 img{width: 40px;position: absolute;left: 0;top: 50%;margin-top: -20px;}
div.battery-wrap div.battery-bann div.outer h6{font-size: 20px;font-weight: 500;line-height: 1.5;}
 
div.battery-wrap div.conBox{display: flex;justify-content: space-between;align-items: center;padding-top: 100px;}
div.battery-wrap div.conBox div.con-table{width:50%;text-align: center;}
div.battery-wrap div.conBox div.con-table table{max-width: 767px;width: 100%;border-top: 2px solid #959595;color: #333;}
div.battery-wrap div.conBox div.con-table table tr{border-bottom: 1px solid #d2d2d2;}
div.battery-wrap div.conBox div.con-table table tr th{width: 33.333%;min-height: 57px;padding: 14px 5px;font-size: 24px;font-weight: 700;color: #005088;text-align: center;}
div.battery-wrap div.conBox div.con-table table tr td{width: 33.333%;min-height: 57px;padding: 16px 5px 15px;font-size: 20px;text-align: center;line-height: 1.4;}
div.battery-wrap div.conBox div.con-table table tr td.center{background: #f5f5f5;font-weight: 700;vertical-align: middle;}


@media (max-width: 767px) {
  div.battery-wrap div.conBox {
    flex-wrap: wrap; /* 줄바꿈 가능하게 */
  }

  div.battery-wrap div.conBox div.img {
    width: 48%; /* 양쪽 이미지가 반반씩 */
  }
	div.battery-wrap div.conBox div.img:first-child{text-align: left;}
	div.battery-wrap div.conBox div.img:last-child{text-align: right;}


  div.battery-wrap div.conBox div.con-table {
    order: 2; /* 테이블을 밑으로 보내기 */
    width: 100%; /* 테이블은 한 줄 다 차지 */
    margin-top: 20px; /* 이미지랑 테이블 사이 간격 */
  }
}

@media (max-width: 440px) {
	div.battery-wrap div.conBox div.img:first-child{width:49%;}
	div.battery-wrap div.conBox div.img:last-child{width:49%;}
	div.battery-wrap div.conBox div.img img{width: 100%;}	
}


div.battery-wrap div.sublayout_wrap div.sublayout_R div.lib-battery ul li{background: #f5f5f5; border-radius: 100px;padding: 50px;padding-left: 130px; margin-bottom: 20px;font-size: 20px;color: #333;position:relative;line-height: 1.3;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.lib-battery ul li img{position: absolute;top: 50%;margin-top: -40px; left: 20px;}
div.battery-wrap div.sublayout_wrap div.sublayout_R img.expectation-img{width:100%;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table{margin-top: 50px;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table{width:100%;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table tr{border-bottom: 1px solid #d2d2d2;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table tr th{background: #f5f5f5;text-align: center;border-left: 1px solid #d2d2d2;font-weight: 600;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table tr th:first-of-type{border-left: none;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table tr td{border-left: 1px solid #d2d2d2;text-align: center;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.table table tr td:first-of-type{border-left: none;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.copper ul{display: flex;justify-content: space-between;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.copper ul li{width: 49%;border-radius: 20px;overflow: hidden;}
div.battery-wrap div.sublayout_wrap div.sublayout_R div.copper ul li img{width: 100%;}

@media (max-width: 767px) {
	div.battery-wrap div.sublayout_wrap div.sublayout_R div.lib-battery ul li{padding:30px;padding-left: 120px;}
	div.battery-wrap br.mobile-no{display: none;}
}



div.lead-battery{margin-top: 50px;display: flex;justify-content: space-between;}
div.lead-battery div.img-box{width:62%;}
div.lead-battery div.img-box ul{display: flex;justify-content: space-between;}
div.lead-battery div.img-box ul li{width: 49%;overflow: hidden;border-radius: 15px;}
div.lead-battery div.img-box ul li img{width: 100%;}
div.lead-battery div.tex-box{width:30%;display: flex;align-items: center;}
div.lead-battery div.tex-box table{width:100%;color: #333;}
div.lead-battery div.tex-box table tr{border-bottom: 1px solid #ddd;}
div.lead-battery div.tex-box table tr:first-child td{font-weight: bold;font-size: 30px;}
div.lead-battery div.tex-box table tr:nth-child(2) td{font-weight: bold;border-top: 2px solid #000;}
div.lead-battery div.tex-box table tr td{min-height: 57px;padding: 16px 5px 15px;font-size: 20px;line-height: 1.4;}

@media (max-width: 1050px) {
	div.lead-battery{flex-direction: column;}
	div.lead-battery div.img-box{width:100%;}
	div.lead-battery div.tex-box{width:100%;}
	div.lead-battery.lead-battery2{flex-direction: column-reverse;margin-top: 60px;}
}


div.battery-wrap div.battery-bann div.battery-process-wrap{display: flex;justify-content: space-between;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box{background: #fff;width: 32%;border-radius: 15px;box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);padding: 59px 50px 51px;display: flex;align-items: center;position: relative;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box::before{content: '';position: absolute;bottom: 25%;right: -44px;transform: translateY(-50%);z-index: 3;width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); background: url(../images/r-arrow2.png) no-repeat center center;background-size: 20%;background-color: #006934;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box:last-child::before{display: none;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box dl{padding-left: 30px;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box dl dt{font-size: 28px; font-weight: bold; margin-bottom:15px;position: relative;padding-left: 20px;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box dl dt::before{content: ''; position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 7px;height: 7px;background-color: #191919;}
div.battery-wrap div.battery-bann div.battery-process-wrap div.box dl dd{font-size: 20px;line-height: 1.5;}

div.battery-wrap h6.battery_subpage_title{font-size: 20px; font-weight: 700;margin-top: 40px;padding-left: 50px;position: relative;color: #333;}
div.battery-wrap h6.battery_subpage_title::before{content: '';position: absolute;top: 50%;left: 0px;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%; background: url(../images/r-arrow2.png) no-repeat center center;background-size: 20%;background-color: #006934;}


div.battery-wrap div.battery-cont div.production-img{position: relative;}
div.battery-wrap div.battery-cont div.production-img h6.battery_subpage_title{font-size: 20px; font-weight: 700;margin-top: 40px;padding-left: 50px;    position: absolute;top: 43%;}
div.battery-wrap div.battery-cont div.production-img img{width: 100%;margin-top: 50px;}

div.battery-wrap div.battery-bann div.authorization-wrap ul{display: flex;justify-content: space-between;}
div.battery-wrap div.battery-bann div.authorization-wrap ul li{width: calc(90%/6);}
div.battery-wrap div.battery-bann div.authorization-wrap ul li img{width: 100%;border-radius: 10px;}
div.battery-wrap div.battery-bann div.authorization-wrap ul li span{text-align: center;width: 100%;display: inline-block;margin-top: 10px;}

@media (max-width: 1110px) {
	div.battery-wrap div.battery-bann{padding: 0 5%;}
	div.battery-wrap div.battery-bann div.battery-process-wrap{flex-direction: column;}
	div.battery-wrap div.battery-bann div.battery-process-wrap div.box{width: 100%;margin-bottom: 30px;}
	
	div.battery-wrap div.battery-bann div.battery-process-wrap div.box::before{bottom: -30%;right: 50%;margin-right: -30px; transform: translateY(-50%) rotate(90deg);}
	div.battery-wrap div.battery-bann div.battery-process-wrap div.box dl dd{display: inline-block;padding-right: 20px;}
	div.battery-wrap div.battery-bann div.authorization-wrap ul{flex-wrap: wrap;}
	div.battery-wrap div.battery-bann div.authorization-wrap ul li{width: calc(90% / 3);margin-bottom: 30px;}
	
}



@media (max-width: 500px) {
	div.battery-wrap div.battery-bann div.authorization-wrap ul li{width: calc(90% / 2);}
}

.root_daum_roughmap .cont .section.lst{display: none;}