@charset "utf-8";
@import url('layout_base.css');
@import url('font.css');
@import url('bootstrap.min.css');

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, div, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, div {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
/* input:focus, button:focus, select:focus, textarea:focus {outline:0;} */
button::-moz-focus-inner {border:0 none; padding:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#333; text-decoration:none;}
a:focus {color:#333;}

*, ::after, ::before {box-sizing:initial;}

/* common */
* {-webkit-text-size-adjust:none; text-shadow:0 0 0 transparent;}
html, body {/* height:100%; */}
body {font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:14px; letter-spacing:-1px; color:#333; white-space:normal; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, select, textarea {box-sizing:border-box; border-radius:0; padding:0; font-size:14px; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; color:#273237; letter-spacing:-1px; -webkit-appearance:none; vertical-align:middle;}
/* img {width:100%;} */
p {line-height:1.4;}
.dp_none {display:none;}
.hidden, legend {font-size:0; width:0 !important; height:0 !important; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}/* wac 인증심사 받을 경우 visibility:hidden하지 말것. */
.hide{display:block; position:fixed;top:-9999999999999999999px; width:0; height:0;}
.clear:after {content:''; display:block; clear:both;}
.txt_color {color:#f6a81e !important;} /* 노랑 */
.no-js {display:none;}


/* input button design */
input:-ms-input-placeholder {color:#bbb;}
input::-webkit-input-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;} 
input[type=checkbox].css-checkbox {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=checkbox].css-checkbox + label {display:inline-block; height:17px; padding-left:20px !important; margin-right:30px; background:url('../img/bg_checkBox_off.png') no-repeat 0 0; background-size:17px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type=checkbox].css-checkbox:checked + label {background:url('../img/bg_checkBox_on.png') no-repeat; background-size:17px;}


/* radio button design */
input[type=radio].css-radio {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=radio].css-radio + label {display:inline-block; height:15px; padding-left:20px !important; margin-right:95px; background:url('../img/bg_radioBox_off.png') no-repeat 0 0; background-size:15px; cursor:pointer; vertical-align:middle; font-size:14px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
input[type=radio].css-radio:checked + label {background:url('../img/bg_radioBox_on.png') no-repeat; background-size:15px;}


input:-ms-input-placeholder {color:#939598;}
input::-webkit-input-placeholder {color:#939598;}
input::-moz-placeholder {color:#939598;}
textarea:-ms-input-placeholder {color:#939598;}
textarea::-webkit-input-placeholder {color:#939598;}
textarea::-moz-placeholder {color:#939598;}


/* input_style */
input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px;}
input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px;}
input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px;}
input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px;}
input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px;}
textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:10px; border:1px solid #cfd4d9; font-size:14px;}


/* select_style */
select {-moz-appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; height:34px; padding:0 10px; border:1px solid #d9d9d9; line-height:34px; font-size:14px; background:#fff url('../img/bg_select.png') no-repeat; background-position:calc(100% - 10px) 50%; background-size:7px 6px;}
select::-ms-expand {display:none;}


/* button-style */
button {height:34px; border:none; line-height:34px; text-align:center; box-sizing:border-box;}
.btn_area {text-align:center; font-size:0;}
.btn_area a {display:inline-block; min-width:130px; height:50px; margin-left:10px; padding:0 20px; text-align:center; font-size:18px; line-height:50px; box-sizing:border-box;}
.btn_area > a:first-child {margin-left:0;}
.btn_area .btn_style01 {background:#171717; border:1px solid #171717; color:#fff !important;}
.btn_area .btn_style02 {border:1px solid #b6b6b6; color:#333 !important;}
.btn_style03 {display:block; width:133px; height:45px; line-height:45px; margin:0 auto; text-align:center; background:#f6a81e; font-size:16px; color:#fff !important;}


/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1400; display:none;}
.common_pop {position:absolute;top:10vh;left:50%; width:1200px; /*height:80vh;*/ margin-left:-600px; background:#fff; box-sizing:border-box;}
.pop_con {overflow-y:auto; width:100%; height:100%; padding:85px 50px 50px 50px; border-top:6px solid #faaf28; box-sizing:border-box;}
.common_pop.full .pop_con img {width:100%;}
.pop_tit {position:absolute;top:6px;left:0; width:100%; height:65px; padding:0 35px; background:#fff; border-bottom:1px solid #dfdfe5; color:#faaf28; font-size:32px; font-weight:500; line-height:64px; box-sizing:border-box; z-index:10;}
.btn_closePop a {position:absolute;top:0;right:0; width:44px; height:44px; background:url('../img/btn_x.png') no-repeat; background-size:cover; text-indent:-9999px; z-index:20;}


/* 접근성 패널 */
ul#skipnavi {position:fixed; left:0px; top:0px; width:100%; z-index:9999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {display:block; position:absolute;left:0px;top:0px; width:100%; height:20px; padding:4px 0 0 0; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; text-indent:0px; line-height:1; z-index:1000;}


/* header */
/* 2023-05-29 수정 */
#header {position:fixed;top:0;left:0; width:100%; height:80px; background:#fff; z-index:1000; box-shadow:0 3px 15px rgba(0, 0, 0, 0.2);} 
.head {display:flex; align-items:center; position:relative; width:1200px; height:80px; margin:0 auto;}
h1.logo {display:inline-block; width:99px; height:36px;}
h1.logo a {display:inline-block; width:100%; height:100%; background:url(../img/logo.png) no-repeat; background-size:contain; text-indent:-9999px;}

#gnb {display:inline-flex; height:100%; margin-left:auto;}
#gnb > li {position:relative; height:100%; padding:0 20px;}
#gnb > li::after {content:''; display:inline-block; position:absolute; top:80px; left:50%; border:10px solid #fff; border-color: #fff transparent transparent transparent; transform:translate(-50%, -10px); opacity:0; transition:all .3s ease;}
#gnb > li > a {display:flex; align-items:center; height:100%; font-size:18px; font-weight:bold;}
#gnb div {position:fixed; top:80px; left:0; right:0; width:100%; background:#f6a81e; box-shadow:0 3px 15px rgba(0, 0, 0, 0.2); visibility:hidden; opacity:0; transition:all .5s ease;}

#gnb > li:hover::after {transform:translate(-50%, 0px); opacity:1;}
#gnb > li:hover > a {color:#f6a81e;}
#gnb > li:hover div {visibility:visible; opacity:1;}

#gnb div ul {display:flex; width:1200px; margin:0 auto; box-sizing:border-box;}
#gnb div li {display:flex; align-items:center; height:60px; margin-left:35px;}
#gnb div li:first-child {margin-left:auto;}
#gnb div li a {position:relative; color:#fff; font-size:18px;}
#gnb div li a::after {content:''; display:inline-block; position:absolute; left:50%; bottom:-8px; width:0%; height:1px; background:#fff; opacity:0; transition:all .2s ease;}
#gnb div li a:hover::after {left:0; width:100%; opacity:1;}

#gnb > li:first-child ul {padding-right:150px;}

.lang {margin-left:20px; font-size:0;}
.lang li {display:inline-block; width:39px; height:37px;}
.lang li a {display:inline-flex; justify-content:center; align-items:center; width:100%; height:100%; border:1px solid #d8d8d8; font-size:13px; font-weight:500; box-sizing:border-box; transition:all 0.3s ease;}
.lang li:hover a {background:#d8d8d8;}
.lang li.on a {background:#f6a81e; border:1px solid #f6a81e; color:#fff;}

.btn_gnb {display:inline-block; float:right; width:32px; height:27px; margin:34px 0 0 20px; background:url(../img/btn_gnb.png) no-repeat; text-indent:-9999px;}

#header .btn_menu {display:none;}
.menu {display:none;}


/* 전체메뉴 */
.allmenu_wrap {display:none; position:fixed;top:0;left:0; width:100%; height:100%; background:rgba(225,225,225,0.9); z-index:10000;}
.allmenu {position:relative; width:1200px; height:100%; margin:0 auto;}
.dep01 {overflow:hidden; height:100%; padding-top:95px; box-sizing:border-box;}
.dep01 > li {display:inline-block; float:left; width:200px; height:100%; margin-left:50px;}
.dep01 > li:first-child {margin-left:0;}
.dep01_tit {height:65px; background:#f6a81e; color:#fff; font-size:24px; text-align:center; line-height:65px;}
.dep02 {padding-left:10px; box-sizing:border-box;}
.dep02 > li {}
.dep02_tit {margin-top:20px; font-weight:700;}
.dep03 {}
.dep03 > li {margin-top:5px;}

.allmenu .btn_close {display:inline-block; position:absolute;top:25px;right:0; width:34px; height:35px; background:url(../img/btn_close_b.png) no-repeat; text-indent:-9990px;}


/* 공통 */
#container {position:relative; min-height:calc(100vh - 160px); padding-top:80px; padding-bottom:100px; box-sizing:border-box;} /* 2023-05-29 수정 */
.main #container {padding-bottom:0;}
.con_wrap {width:1200px; margin:0 auto;}
.web {display:block;}
.mob {display:none;}
.txt_alt {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}

.visual_title {height:145px;}
.visual_title.about {background:url(../img/bg_about.jpg) no-repeat center top / cover;}
.visual_title.platform {background:url(../img/bg_platform.jpg) no-repeat center top / cover;}
.visual_title.pipeline {background:url(../img/bg_pipeline.jpg) no-repeat center top / cover;}
.visual_title.irpr {background:url(../img/bg_irpr.jpg) no-repeat center top / cover;}
.visual_title.careers {background:url(../img/bg_careers.jpg) no-repeat center top / cover;}

.visual_title .title {line-height:145px; font-size:45px; font-weight:500; text-align:center; color:#fff;}

.page_top {padding:50px 0;}
.page_top:after {content:''; display:block; clear:both;}
.page_tit {float:left; display:inline-block; font-size:34px; font-weight:700; text-indent:-40px;}
.page_tit::before {content:''; display:inline-block; width:23px; height:2px; margin-right:20px; background:#4c4949; vertical-align:11px;}
.location {float:right; display:inline-block; padding-top:12px; font-size:18px;}
.location span {display:inline-block; margin-left:15px; padding-left:20px; background:url(../img/bg_location.png) no-repeat left center / auto auto;}
.location .home {background:none;}


/* TAB */
.page_tab {}
.page_tab .tab_web {width:100%; border-bottom:2px solid #050505; font-size:0; box-sizing:border-box;}
.tab_web li {display:inline-block; height:65px; box-sizing:border-box;}
.tab_web.two li {width:50%;}
.tab_web.three li {width:33.33%;}
.tab_web.five li {width:20%;}

.tab_web li a {position:relative; display:inline-block; width:100%; height:65px; background:#f1f1f4; border-top:2px solid #f1f1f4; border-left:2px solid #f1f1f4; border-right:2px solid #f1f1f4; font-size:20px; line-height:63px; box-sizing:border-box; text-align:center;}
.tab_web li a:before {content:''; position:absolute;top:23px;left:-3px; display:inline-block; width:1px; height:22px; background:rgba(0,0,0,0.2);}
.tab_web li:first-child a:before {display:none;}
.tab_web li.on a {background:#fff; height:67px; border-top:2px solid #050505; border-left:2px solid #050505; border-right:2px solid #050505; font-weight:700;}
.tab_web li.on a:before {display:none;}
/* .tab_web li a:hover {font-weight:700;} */

.page_tab .tab_mo {display:none;}


/* 메인 */
.main01 {min-width:1200px; height:calc(100vh - 97px); background:#f6f6f8;}

.main_slide {position:relative; overflow:hidden; width:100%; height:100%;}
.main_slide .gallery-top {width:100%; height:100%;}
.main_slide .gallery-top .swiper-slide {background:#000; text-align:center;}
.main_slide .gallery-top .swiper-slide img {}
/* .main_slide .gallery-top .swiper-slide:after {content:''; position:absolute;top:0;left:0; display:inline-block; width:100%; height:100%; background:rgba(0,0,0,0.2);} */
.main_slide .gallery-top .swiper-slide.swiper-slide-active {}
.main_slide .gallery-thumbs {overflow:visible; width:770px; height:auto; position:absolute !important; left:50%; bottom:0; top:0; margin-left:-600px; background:none; z-index:100 !important; /*-webkit-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.32); -moz-box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.32); box-shadow: 10px 10px 36px 0px rgba(0,0,0,0.32); border-top-left-radius:110px;*/}
.main_slide .gallery-thumbs .swiper-slide {width:100%; height:100%; /*background:rgba(249,162,52,0.8);*/ opacity:0 !important; /*border-top-left-radius:110px;*/ box-sizing:border-box;}
.main_slide .gallery-thumbs .swiper-slide.swiper-slide-active {display:inline-block; opacity:1 !important;}
.main_slide .gallery-thumbs .swiper-slide p {color:#fff;}
.main_slide .gallery-thumbs .swiper-slide .tit {display:inline-block; /*width:410px; height:100px;*/ margin:371px 0 0 0; font-size:26px; font-weight:700; /*border-bottom:1px solid #fff;*/}
.main_slide .gallery-thumbs .swiper-slide .tit span {font-size:50px;}
.main_slide .gallery-thumbs .swiper-slide .page {margin:44px 0 0 0; color:rgba(225,225,225,0.8); font-size:22px;}
.main_slide .gallery-thumbs .swiper-slide .page span {color:#fff; font-size:35px;}

.main_slide .gallery-thumbs .swiper-slide .sub {/*height:7em; margin-top:20px; padding:0 65px;*/ font-size:20px; line-height:1.4em; box-sizing:border-box; word-break:keep-all;}
.main_slide .gallery-thumbs .swiper-slide .more {position:relative; display:inline-block; width:115px; height:50px; margin:20px 0 0 65px; background:none; border:1px solid rgba(255,255,255,0.8); color:#fff; font-size:15px; font-weight:500;box-sizing:border-box; text-align:center; line-height:50px; letter-spacing:0; text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.main_slide .gallery-thumbs .swiper-slide .more::after {content:''; position:absolute; top:18px; right:-17px; display:inline-block; width:33px; height:7px; background:url(../img/btn_detail02.png) no-repeat;}
.main_slide .gallery-thumbs .swiper-slide .more:hover {background:#1b1b1b; border:1px solid #1b1b1b; color:#fff;}
.main_slide .gallery-thumbs .swiper-slide .more:hover::after {background:url(../img/btn_detail_on.png) no-repeat;}

.main_slide .swiper-container-horizontal>.swiper-pagination-bullets, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction {display:inline-block; color:rgba(225,225,225,0.8); font-size:22px; box-sizing:border-box;}
.main_slide .swiper-pagination-current {color:#fff; font-size:35px;}

.main_slide .gallery-thumbs .btn_arrows {position:absolute; left:0; top:267px; display:inline-block; width:121px; height:45px;}
.main_slide .gallery-thumbs .swiper-button-next {left:109px; top:11px; width:12px; height:22px; margin-top:0; background:url('../img/btn_ms_next.png') no-repeat center center/12px 21px;}
.main_slide .gallery-thumbs .swiper-button-prev {left:71px; top:11px; width:12px; height:22px; margin-top:0; background:url('../img/btn_ms_prev.png') no-repeat center center/12px 21px;}
/* .main_slide .gallery-thumbs .swiper-button-next:hover, .main_slide .gallery-thumbs .swiper-button-prev:hover {opacity:0.8;} */

.btn_arrows .btn_play, .btn_arrows .btn_stop {position:absolute; top:0; left:0; z-index:1;}
.btn_arrows .btn_play {display:none;}

.main02 {height:1010px; background:url(../img/bg_main02.jpg) no-repeat center top / auto 100%;}
.main_con {width:1200px; margin:0 auto;}
.main_tit {padding-top:150px;}
.main_tit .tit {margin-left:-25px; font-size:52px; font-weight:700; text-transform:uppercase;}
.main_tit .tit::before {content:''; display:inline-block; width:45px; height:15px; margin-right:-20px; background:#f6a81e; vertical-align:top;}
.main_tit .add {padding-top:10px; font-size:20px;}
.main_pipeline {margin-top:150px; font-size:0;}
/* 2022-03-28 수정 */
.main_pipeline li {display:inline-block; width:calc((100% - 75px) / 3); margin-left:35px; padding-top:200px; font-size:18px; text-align:center; vertical-align:top;}
/* .main_pipeline li:first-child {margin-left:0; background:url(../img/bg_pipeline01.png) no-repeat center top / auto auto;} */
.main_pipeline li:nth-child(1) {margin-left:0; background:url(../img/bg_pipeline04.png) no-repeat center top / auto auto;}
.main_pipeline li:nth-child(2) {background:url(../img/bg_pipeline02.png) no-repeat center 15px / auto auto;}
.main_pipeline li:nth-child(3) {background:url(../img/bg_pipeline03.png) no-repeat center 5px / auto auto;}
/* //2022-03-28 수정 */
.main_pipeline dt {margin-bottom:15px; font-size:26px; font-weight:700;}
.main_pipeline dd {line-height:1.4; word-break:keep-all;}
.main_pipeline li:first-child dd {margin-bottom:40px;}
.main_pipeline li:nth-child(2) dd {margin-bottom:30px;}
.main_pipeline li:nth-child(3) dd {margin-bottom:40px;}
.main_pipeline li:nth-child(4) dd {margin-bottom:35px;}
.btn_more {margin-top:25px; text-align:center;}
.btn_more a {display:inline-block; width:128px; height:41px; border:1px solid #c6c9cd; background:#fff; font-size:14px; text-align:center; line-height:41px; box-sizing:border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_more a::after {content:''; display:inline-block; width:21px; height:7px; margin-left:10px; background:url(../img/btn_more.png) no-repeat; vertical-align:3px;}
.btn_more a:hover {background:#f6a81e; border:1px solid #f6a81e; color:#fff;}
.btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat;}


.main03 {height:1010px; background:url(../img/bg_main03.jpg) no-repeat center top / auto 100%;}
.main03 .main_tit {color:#fff;}
.noti_slide {position:relative; margin:80px 0 10px; padding:0 65px;}
.noti_slide .swiper-container {/* width:1070px; */ }
.noti_slide .swiper-button-next {right:0px;}
.noti_slide .swiper-button-prev {left:0px;} 

.noti_box {height:165px; padding:30px; background:#fff; border:3px solid #fff; box-sizing:border-box;} /* 2022-03-28 수정 */
.noti_box .thumbs {position:relative; width:100%; height:185px;}
.thumbs .cate {position:absolute; top:0; left:0; display:inline-block; width:90px; height:50px; background:#4c4949; color:#fff; text-align:center; line-height:50px; letter-spacing:0; text-transform:uppercase;}
.thumbs img {width:100%; height:100%;}
.noti_box .tit {margin-top:15px; height:2.8em; font-size:22px; color:#454545;}
.noti_box .date {margin-top:5px; font-size:14px; color:#b1b1b1;}
.noti_box .con {display:-webkit-box; overflow:hidden; width:100%; height:4.2em; margin-top:5px; color:#666; font-size:18px; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis;}

/* .noti_slide .swiper-slide-active .noti_box {border:3px solid #f6a81e;}
.noti_slide .swiper-slide-active .thumbs .cate {background:#f6a81e;}
.noti_slide .swiper-slide-active .noti_box .btn_more a {border:1px solid #f6a81e;}
.noti_slide .swiper-slide-active .noti_box .btn_more a::after {background:url(../img/btn_more_on.png) no-repeat;}
.noti_slide .swiper-slide-active .noti_box .btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat;} */

.btn_more.wh a {border:1px solid #fff; background:none; color:#fff;}
.btn_more.wh a::after {background:url(../img/btn_more02.png) no-repeat;}
.btn_more.wh a:hover {background:#f6a81e; border:1px solid #f6a81e;}

.main04 {height:1900px;}
.main_ir {overflow:hidden; margin-top:30px;}
.main_ir .left, .main_ir .right {display:inline-block; box-sizing:border-box;}
.main_ir .left {float:left; width:313px;}
.main_stock {width:100%; margin-bottom:20px;}
.main_stock iframe {width:100%;}
.main_ir .go_stock {display:inline-block; width:100%; height:230px; padding-top:155px; background:rgba(237,237,237,1) url(../img/ico_stock.png) no-repeat center 65px / auto auto; text-align:center; border-radius:5px; box-sizing:border-box; font-size:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.main_ir .go_stock:hover {background:rgba(0,0,0,0.15) url(../img/ico_stock.png) no-repeat center 65px / auto auto;}
.main_ir .go_stock::after {content:''; display:inline-block; width:8px; height:11px; margin-left:15px; background:url(../img/bg_arrow04.png) no-repeat center center / 100% 100%;}
.main_ir .right {float:right; width:880px; text-align:center;}
.main_disclosure {overflow:hidden; position:relative; width:750px; height:850px; margin:0 auto;}
.main_disclosure iframe {}
.main_disclosure .go_disclosure {position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; text-indent:-9999px;}

.main05 {height:auto; min-height:976px; padding-bottom:50px; background:#f7f7f7; font-size:0; box-sizing:border-box;}
.main_recruit, .main_history {display:inline-block; width:50%; font-size:18px; box-sizing:border-box; vertical-align:top;}
.main_recruit {margin-top:90px; padding-top:330px; padding-left:5px; background:url(../img/bg_main05.png) no-repeat left top / auto auto;}
.main_recruit .go_recruit {display:inline-block; width:484px; height:150px; padding:45px 0 0 40px; background:#f6a81e url(../img/bg_arrow02.png) no-repeat 440px center / auto auto; box-sizing:border-box; vertical-align:top;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
} /* width:493px; */
.main_recruit .go_recruit span {display:block; margin-bottom:10px; font-size:30px;}
.main_recruit .go_recruit:hover {background:#333 url(../img/bg_arrow03.png) no-repeat 440px center / auto auto; color:#fff;}
.main_history {text-align:center;}
.main_history .tit {font-size:40px; font-weight:700;}
.main_history .add {margin-bottom:30px;}

.main_history .history_con {}
.main_history .history_con:after {bottom:-10px; width:10px; height:10px; margin-left:-5px;}
.main_history .history_con .term {width:100px; height:100px; padding-top:32px; font-size:18px;}
.main_history .history_con .term img {width:90%;}

.main_history .history_con .history_list {padding-top:50px;}
.main_history .history_con .history_list li {margin-bottom:10px;}
.main_history .history_list .date {}
.main_history .history_list .work {word-break:keep-all;}

.main_history .history_con .right, .main_history .history_con .left {width:100%; font-size:14px;}
.main_history .history_con .right .year, .main_history .history_con .left .year {font-size:22px;}

.main_history .history_con .right .year {top:20px; margin-left:-5px;} 
.main_history .history_con .right .year:before {width:10px; height:10px;}
.main_history .history_con .right .history_list {padding-left:15px;}

.main_history .history_con .left .year {top:20px; margin-right:-5px;}
.main_history .history_con .left .year:after {width:10px; height:10px;}
.main_history .history_con .left .history_list {padding-right:15px;}

.main_history .btn_more {padding-top:0; text-align:right;}
.btn_more.bl a {background:none;} /* border:1px solid #636363; */
.btn_more.bl a::after {background:url(../img/btn_more03.png) no-repeat;}
.btn_more.bl a:hover {background:#f6a81e; border:1px solid #f6a81e;}
.btn_more.bl a:hover::after {background:url(../img/btn_more02.png) no-repeat;}


/* Who we are */
.tit_big {font-size:36px; font-weight:700; color:#333;}
.tit_big span {color:#f6a81e;}
.txt_value {/*padding-bottom:100px;*/ padding-bottom:43px; font-size:18px; color:#333;}
.txt_box {margin:45px 0; padding:40px; background:#efefef; font-size:20px; text-align:center; box-sizing:border-box; word-break:keep-all;}

.img_core {padding-bottom:100px;}
.img_mission {padding-bottom:70px;}

.txt_hippocrates {padding-bottom:70px; border-bottom:1px dotted #d9dbde;}

.txt_chart {padding-top:100px;}


/* History */
.history_con {position:relative; background:url(../img/bg_history_line.jpg) repeat-y top center / 1px 1px;}
.history_con:after {position:absolute;left:50%;bottom:-14px; content:''; display:inline-block; width:14px; height:14px; margin-left:-7px; background:#333; border-radius:50%;}
.history_con .term {display:block; width:155px; height:155px; margin:0 auto; padding-top:52px; background:#333; color:#fff; font-size:26px; font-weight:700; border-radius:50%; text-align:center; line-height:1.1em; box-sizing:border-box;}
.history_con .term img {}

.history_con .history_list {width:50%; padding-top:40px; box-sizing:border-box;}
.history_con .history_list li {margin-bottom:20px;}
.history_list .date {font-weight:700;} /*display:none;*/ 
.history_list .work {}

.history_con .right, .history_con .left {position:relative; display:inline-block; width:1200px; margin:0 auto; font-size:18px; box-sizing:border-box;}
.history_con .right .year, .history_con .left .year {position:absolute; top:30px; color:#f6a81e; font-size:30px; font-weight:900;}

.history_con .right .year {left:50%; margin-left:-7px;} 
.history_con .right .year:before {content:''; display:inline-block; width:15px; height:15px; margin-right:15px; background:#f6a81e; border-radius:50%; vertical-align:4px;}
.history_con .right .history_list {float:right; padding-left:130px; text-align:left;}

.history_con .left .year {right:50%; margin-right:-8px;}
.history_con .left .year:after {content:''; display:inline-block; width:15px; height:15px; margin-left:15px; background:#f6a81e; border-radius:50%; vertical-align:4px;}
.history_con .left .history_list {float:left; padding-right:130px; text-align:right;}

/* 20210503 */
/* Leadership */
.ceo_list {box-sizing:border-box; height:472px;/*padding:35px 0 0 45px;*/ padding:0 0 0 420px; background:url('../img/bg_ceo.jpg') no-repeat left top; border:1px solid #e1e1e1;}
.ceo_list dt {padding:23px 0; font-size:20px; color:#333;}
.ceo_list dt span {display:block; padding-top:5px; font-size:30px; font-weight:700; color:#333;}
.ceo_list dd {padding-bottom:12px; font-size:18px; color:#333;}
.ceo_list dd:before {content:""; display:inline-block; width:4px; height:4px; margin-right:6px; vertical-align:super; background:#f6a81e; border-radius:100%;}
.ceo_list dd:last-child {padding-bottom:0;}

.management_list {overflow:hidden; margin-top:20px;}
.management_list > li {box-sizing:border-box; float:left; width:386px; height:613px; margin-right:20px; margin-bottom:20px; border:1px solid #e1e1e1;}
.management_list > li:nth-child(3n) {margin-right:0;}
.management_list .position {overflow:hidden; font-size:0;}
.management_list .position img {display:block; width:100%; height:302px;}

.management_list .position dl {padding:18px 0 0 23px;}
.management_list .position dt {margin-bottom:7px; font-size:24px; font-weight:400;}
.management_list .position dt span {font-size:20px;}
.management_list li:nth-child(6) .position dt span {font-size:18px;}
.management_list .position dd {font-size:28px; font-weight:700;}
.management_list .career {padding:25px 25px 0; }
.management_list .career > li {line-height:1.3em; margin-bottom:5px; padding-left:11px; text-indent:-11px; font-size:18px; color:#333;}
.management_list .career > li:before {content:""; display:inline-block; width:4px; height:4px; margin-right:5px; vertical-align:super; background:#f6a81e; border-radius:100%;}


/* 찾아오시는 길 */
#map_ma {width:100%; height:496px; clear:both;}

.address_box {box-sizing:border-box; margin:20px 0 50px; padding:30px 50px; border:1px solid #dddde3; background:#f6f6f6;}
.address_box ul {font-size:0;}
.address_box ul li {display:inline-block; margin-right:90px; padding-left:65px; padding-bottom:4px; background:url('../img/ico_address.png') no-repeat 0 0; background-size:49px 49px; font-size:16px; font-weight:700; color:#000; line-height:1.2em; vertical-align:top;}
.address_box ul li span {display:block; padding:5px 0; font-weight:400;}
.address_box ul .two {background:url('../img/ico_call.png') no-repeat 0 0;}
.address_box ul .three {margin-right:0; padding-left:0; padding-bottom:0;}
.address_box ul .three a {box-sizing:border-box; display:inline-block; width:273px; height:50px; line-height:50px; padding-left:18px; border:1px solid #dbdbe1; background:#fff url('../img/ico_link.png') no-repeat 238px center; font-weight:400;}
.address_box ul .three a .ic {content:""; display:inline-block; width:24px; height:24px; margin-right:10px; background:url('../img/ico_map.png') no-repeat 0 0; background-size:24px 24px; vertical-align:-5px; box-sizing:border-box;}
.address_box ul .three a .itr {content:""; display:inline-block; width:23px; height:23px; margin-right:10px; background:url('../img/ico_telegram.png') no-repeat 0 0; background-size:23px 23px; vertical-align:sub; box-sizing:border-box;} /* 20230707 추가 */
.address_box ul .three > div:last-child { margin-top: 10px;} /* 20230707 추가 */

.txt_contacts {font-size:24px; font-weight:700; color:#333;}

.tbl_style02 {width:100%; margin-top:15px;}
.tbl_style02 tbody tr:first-child th,
.tbl_style02 tbody tr:first-child td {border-top:2px solid #4c4949;}
.tbl_style02 tbody th {padding:10px 0 10px 20px; text-align:left; border-bottom:1px solid #b9b8b8; font-size:16px; font-weight:700;}
.tbl_style02 tbody td {line-height:1.2; padding:10px 0 10px 20px; text-align:left; border-bottom:1px solid #b9b8b8; font-size:16px;}


/* Platform */
.txt_dot {margin-bottom:20px; padding-left:25px; font-size:26px; font-weight:500; text-indent:-25px; word-break:keep-all;}
.txt_dot::before {content:''; display:inline-block; width:10px; height:10px; margin-right:15px; background:#f6a81e; vertical-align:4px;}
.txt_dot.f20 {margin-bottom:45px; font-size:20px;}
.txt_dot.f20::before {vertical-align:3px;}
.img_box {background:#fff; border:1px solid rgba(211,211,219,0.78); margin-bottom:30px; text-align:center; box-sizing:border-box;}
.img_box .web {}
.img_box .web img {width:100%;}
.img_box .mob {display:none;}

.scrollx {}
.scrollx .ico_scrollx {display:none;}


/* Oncology Strategy */
.txt_exp {margin-bottom:15px; font-size:22px; font-weight:500; word-break:keep-all;}
.txt_exp.f18 {font-size:18px; font-weight:400;}
.txt_exp .thin {font-weight:400;}


/* About */
.pipeline_link {margin-bottom:40px; font-size:0;}
.pipeline_link li {display:inline-block; width:calc((100% - 40px) / 5); height:50px; margin-left:10px; margin-bottom:10px; line-height:50px; text-align:center;} /* width:calc((100% - 40px) / 5); */ 
.pipeline_link li:first-child, .pipeline_link li:nth-child(6) {margin-left:0;}
.pipeline_link li a {display:inline-block; width:100%; height:100%; background:#a2a1a0; color:#fff; font-size:20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.pipeline_link li:hover a, .pipeline_link li.on a {background:#f6a81e;}
.pipeline_link li a::after {content:''; display:inline-block; width:18px; height:6px; margin-left:5px; background:url(../img/bg_arrow01.png) no-repeat center center/ 100% 100%;}
.pipeline_link li.on a {position:relative;}
.pipeline_link li.on a::after {display:none;}
.pipeline_link li.on a::before {content:''; position:absolute; top:50%; left:0; display:inline-block; width:50px; height:1px; background:#fff;}

.tbl_pipeline {width:100%;}
.col01 {width:134px;}
.col02 {width:231px;}
.col03 {width:122px;}
.col04 {width:117px;}
.col05 {width:134px;}
.col06 {width:136px;}
.col07 {width:136px;}
.col08 {width:137px;}
.col09 {width:53px;}
.tbl_pipeline thead {border-top:3px solid #f6a81e; border-bottom:1px solid #8e8e95;}
.tbl_pipeline th, .tbl_pipeline td {line-height:1.3em;}
.tbl_pipeline thead th, .tbl_pipeline thead td {height:60px; font-size:18px; background:url(../img/bg_tbl.jpg) no-repeat left bottom / auto auto; text-align:center;}
.tbl_pipeline thead th:first-child, .tbl_pipeline thead td:first-child {background:none;}
.fold {}
.fold th, .fold td {height:110px; border-bottom:1px solid #d3d3db;}
.fold th {font-size:18px; text-align:left;}
.fold td {font-size:18px; padding-left:10px;}
.fold .bar {padding-left:0px;}
.fold_con {background:#f6f6f8;}
.fold_con .open {display:none; padding:20px;}
.ico {background:url(../img/bg_fold_off.png) no-repeat center center / auto auto;}
.on .ico {background:url(../img/bg_fold_on.png) no-repeat center center / auto auto;}

.txt_red {color:#f53400 !important;} /* d0111b */ 
.txt_blue {color:#00a0e9 !important;}
.txt_green {color:#3eb134 !important;}

.btn_detail {text-align:center;}
.btn_detail a {position:relative; display:inline-block; width:130px; height:40px; border:1px solid #b4b4b8; font-size:18px; line-height:40px; box-sizing:border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_detail a::after {content:''; position:absolute; top:16px; right:-16px; display:inline-block; width:33px; height:7px; background:url(../img/btn_detail.png) no-repeat;}
.btn_detail a:hover {background:#252323; color:#fff;}
.btn_detail a:hover::after {background:url(../img/btn_detail_on.png) no-repeat;}

/* 툴팁 */
.tooltip_event {background:rgba(246,268,30,0.5); border-bottom:2px dashed rgba(0,0,0,0.5);}
.tooltip_event::after {content:''; display:inline-block; width:25px; height:25px; margin-left:3px; background:url(../img/ico_tooltip.png) no-repeat center center / 100% auto; vertical-align:top;}
.tooltip_event > span {font-size:18px !important;padding:15px !important; background-color:rgba(0, 0, 0, 1) !important; line-height:1.5 !important; color:#f6a81e !important; opacity:0.9 !important; letter-spacing:0px !important;}
/* bottom:35px !important; background-color:rgba(246, 168, 30, 0.93) !important; color:#f6a81e !important;
.tooltip-inner {background-color:rgba(0, 0, 0, 0.7);}
.bs-tooltip-top .arrow::before {border-top-color:rgba(0, 0, 0, 0.7);} */


/* ABL001 */
.note_box {margin-bottom:30px; padding:20px; background:#fff; border:1px dashed #cdcdcd; box-sizing:border-box;}
.note {min-height:26px; padding-left:35px; background:url(../img/ico_note.png) no-repeat left 4px / auto auto;}
.note dt {font-size:24px; font-weight:500; line-height:1.2em;}
.note dd {margin-top:5px; font-size:18px; line-height:1.4em;}

.download_area {margin-bottom:40px;}
.download_box {margin-bottom:10px; border:1px solid #dfdfe5; font-size:0;}
.download_box p, .download_box a {display:inline-block; font-size:16px; box-sizing:border-box; vertical-align:top;}
.download_txt {width:calc(100% - 170px); height:80px; padding:18px 30px; background:#ebebed; border-right:1px solid #dfdfe5; word-break:keep-all;}
.download_btn {width:170px; height:80px;}
.download_btn a {width:100%; height:100%; color:#f6a81e; font-size:17px; font-weight:bold; text-align:center; line-height:80px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.download_btn a::before {content:''; display:inline-block; width:19px; height:17px; margin-right:15px; background:url(../img/ico_download02.png) no-repeat; vertical-align:-2px;}
.download_btn a:hover {background:#f6a81e; color:#fff;}
.download_btn a:hover::before {background:url(../img/ico_download03.png) no-repeat;}
.download_btn.go a::before {background:url(../img/ico_go.png) no-repeat;}
.download_btn.go a:hover::before {background:url(../img/ico_go02.png) no-repeat;}


/* Immuno-Oncology */
.video {position:relative; height:0; margin-bottom:30px; padding-bottom:56.25%;}
.video iframe {position:absolute; width:100%; height:100%;}
.video img {width:100%;}


/* ABL301 */
/* .vitro {overflow:hidden; padding-bottom:20px;}
.vitro dt, .vitro dd {display:inline-block; font-size:22px; line-height:1.2em;}
.vitro dt {float:left; width:100px; color:#f6a81e; font-weight:500;}
.vitro dd {float:right; width:calc(100% - 100px);} */
.vitro {padding-bottom:20px;}
.vitro dt, .vitro dd {font-size:22px; line-height:1.3em;}
.vitro dt {}
.vitro dd {}


/* Talents */
.con_tit {margin-bottom:75px; text-align:center;}
.con_tit .tit {font-size:34px; font-weight:700;}
.con_tit .add {margin-top:10px; font-size:16px;}

.img_area {text-align:center;}
.img_area .web {}
.img_area .mob {display:none;}


/* Recruitment_목록 */
.txt_box.job {padding:25px 45px; font-size:0;}
.txt_box.job .btn_apply {height:50px; margin-left:20px; line-height:50px; box-shadow:none}
.txt_box.job .btn_apply:first-child {margin-left:0;}
/* .txt_box.job .add {padding-top:10px; font-size:16px;} */
.txt_box.job .add {margin-top:20px; padding-top:30px; padding-left:367px; font-size:18px; border-top:1px solid #d5d5d5; text-align:left; background:url('../img/ico_hire.png') no-repeat 274px bottom;}
.txt_box.job .add span {font-weight:700; text-decoration:underline; text-decoration-color:#b5b5b6;}

.tbl_board {width:100%; border-top:2px solid #4c4949; table-layout:fixed;}
.tbl_board th, .tbl_board td {border-bottom:1px solid #b9b8b8; text-align:center; font-size:16px;}
.tbl_board thead th, .tbl_board thead td {height:52px;}
.tbl_board tbody td {height:50px;}
.tbl_board tbody td.subject {padding-left:15px; text-align:left;}
.tbl_board tbody td.subject a {display:inline-block; max-width:93%; padding-bottom:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:-2px;}
.tbl_board tbody td.subject a:hover {text-decoration:underline;}

.ongoing {color:#f6a81e !important;}
.done {color:#9d9d9d !important;}


/* Recruitment_읽기 */
.view_content dd.date .ongoing::after, .view_content dd.date .done::after {display:none;}


/* Recruiting Process */
.apply_area {height:344px; margin-top:124px; background:url(../img/bg_apply.jpg) no-repeat right top / auto auto;}
.apply_area .txt {padding:115px 0 20px; font-size:20px;}
.btn_apply {display:inline-block; width:247px; height:68px; font-size:18px; color:#fff !important; background:#f6a81e; line-height:68px; text-align:center; box-shadow:5px 5px 10px 5px rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_apply:hover {background:#272a2f;}
.btn_apply::before {content:''; display:inline-block; width:24px; height:21px; margin-right:10px; color:#fff !important; background:url(../img/ico_download.png) no-repeat;}
.apply_add {padding-left:180px; margin-top:15px; font-size:16px; text-align:center; word-break:keep-all;}


/* Our Culture */
.silde_gallery {padding:0 150px;}
.silde_gallery .swiper-container.gallery-thumbs {height:83px; margin-top:10px;}
.silde_gallery .swiper-container.gallery-thumbs .swiper-slide {height:100%; box-sizing:border-box;}
.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {overflow:hidden; border:5px solid #f6a81e;}
.silde_gallery .swiper-container.gallery-thumbs .swiper-slide img {width:100%; height:100%;}
.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {width:calc(100% + 10px); height:calc(100% + 10px); margin:-5px 0 0 -5px;}
.silde_gallery .swiper-container.gallery-top {height:600px;}
.silde_gallery .swiper-container.gallery-top .swiper-slide {position:relative;}
.silde_gallery .swiper-container.gallery-top .swiper-slide img {width:100%; height:100%;}
.silde_gallery .swiper-container.gallery-top .swiper-slide .slide_info {position:absolute; left:0; bottom:0; width:100%; min-height:45px; padding:20px; background:rgba(0, 0, 0, 0.8); color:#fff; font-size:16px; box-sizing:border-box;}
.silde_gallery .swiper-button-next, .silde_gallery .swiper-button-prev {width:74px;
height:74px; margin-top:-37px; background-color:rgba(0,0,0,0.8); background-size:17px 30px;}
.silde_gallery .swiper-button-next {right:0;}
.silde_gallery .swiper-button-prev {left:0;}


/* public disclosure */
.pipeline_link.pd li {width:283px;}

table.disclosure {margin-left: 3px;}
table.disclosure tr td{font-size:9pt;font-family:"돋움";}
table.disclosure tr td a{text-decoration: none; color:#333333;}
table.disclosure tr td a:hover{color:#333333; font-weight: bold;}

TD.title_defult {background-color: #81ACC6;}
.FONT_title_defult{color: #FFFFFF; font-size:9pt; font-family:"돋움";}


/* stock */
.xroll{text-align:center;}
a.link.kosdaq {color:#7F7F7F; text-decoration:underline;}
a.active.kosdaq {color:#7F7F7F; text-decoration:none;}
a.visited.kosdaq {color:#7F7F7F; text-decoration:underline;}
a.hover.kosdaq {color:#7F7F7F; text-decoration:underline;}
TD.title_defult {background-color:#81ACC6;}
TD.body_a {background-color:#C3CACC;}
TD.body_b {background-color:#EEF9F9;}
TD.kdaqTitle2Bg {background-color:#F6F7E4;}
TD.body_1 {background-color:#EFEFEF; font-size:9pt;}
TD.body_0 {background-color:#FFFFFF; font-size:9pt;}
.FONT_title_defult{color:#FFFFFF; font-size:9pt; font-family:"돋움"}
.FONT_Title2Col{color:#000000; font-size:9pt; font-family:"돋움"}
.FONT_body_0{color:#000000; font-size:9pt; font-family:"돋움"}
.FONT_body_1{color:#000000; font-size:9pt; font-family:"돋움"}


/* Financial */
.txt_unit{padding-bottom:15px; text-align:right; font-size:16px; color:#454545;}

.tbl_style01 {width:100%; margin-bottom:50px;}
.tbl_style01 thead th {padding:20px 50px; border-top:2px solid #4c4949; border-bottom:1px solid #b9b8b8; font-size:16px; font-weight:700; color:#454545; text-align:center;}
.tbl_style01 tbody td {padding:20px 50px; text-align:center; border-bottom:1px solid #b9b8b8; font-size:16px; color:#454545;}
.tbl_style01 tbody td:first-child {padding:20px 40px; text-align:left;}
.tbl_style01 tbody .total td {background:#fef6e8; font-weight:700;}


/* paging */
.paging {padding-top:20px; font-size:0; text-align:center;}
.paging strong, .paging a {display:inline-block; margin-left:15px; font-size:16px; box-sizing:border-box;}
.paging strong {width:32px; height:32px; background:#f6a81e; border-radius:50px; color:#fff; line-height:32px;}
.paging a {padding:5px;}
.paging a:first-child {margin-left:0;}
.paging a:hover {color:#f6a81e;}/* padding-bottom:5px; border-bottom:1px solid #565656; */
.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_end {display:inline-block; height:16px; text-indent:-9999px; vertical-align:-9px;}
.paging .btn_first:hover, .paging .btn_prev:hover, .paging .btn_next:hover, .paging .btn_end:hover {border-bottom:none;} 
.paging .btn_first {width:17px; background:url(../img/btn_first.png) no-repeat center center / 17px 16px;}
.paging .btn_prev {width:9px; background:url(../img/btn_prev.png) no-repeat center center / 9px 16px;}
.paging .btn_next {width:9px; background:url(../img/btn_next.png) no-repeat center center / 9px 16px;}
.paging .btn_end {width:17px; background:url(../img/btn_end.png) no-repeat center center / 17px 16px;}


/* search form */
.search_form {width:440px; margin:0 auto; padding-bottom:50px;}
.search_form .search_select {display:inline-block; width:100px; border-bottom:2px solid #f6a81e;}
.search_form .search_select select {border:none;}
.search_form .search_input {box-sizing:border-box; display:inline-block; width:330px; margin-left:7px; padding:0 12px; border-bottom:2px solid #f6a81e;}
.search_form .search_input input {width:calc(100% - 34px); border:none;}
.search_form .search_input a {display:inline-block; width:20px; height:21px; margin-left:10px; background:url('../img/bg_search.png') no-repeat 0 0; background-size:20px 21px; text-indent:-9999px;}


/* notice */
.notice_list {}
.notice_list li {float:left; width:386px; height:325px; margin-bottom:20px; margin-right:20px; box-sizing:border-box;}
.notice_list li:nth-child(3n) {margin-right:0;}
.notice_list li a {display:block; width:100%; height:100%; padding:40px 50px; border:1px solid #dadae1; background:#f6f6f8; box-sizing:border-box;}
.notice_list li a:hover {padding:39px 49px; border:2px solid #f6a81e; background:#fff;}
.notice_list li a .tit {color:#454545; font-size:20px; letter-spacing:-2px; word-break:keep-all;}
/* .notice_list li a .content {overflow:hidden; height:7em; margin:30px 0 35px; color:#666; font-size:17px; line-height:1.4em; word-break:keep-all;}  */
.notice_list li a .content {display:-webkit-box; overflow:hidden; width:100%; height:119px; margin:30px 0 35px 0; color:#666; font-size:17px; line-height:1.4em; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.notice_list li a .info span {padding-left:10px; color:#b1b1b1; font-size:14px;}
.notice_list li a .info span + span {color:#333;}
.notice_list li a .info span + span:before {content:"|"; color:#b1b1b1; margin-right:10px; vertical-align:1px;}
.notice_list li a .info .ico_file {width:20px; vertical-align:-3px;}

.new {display:inline-block; width:21px; height:21px; margin-left:5px; background:#f6a81e; color:#fff; font-size:12px; text-align:center; border-radius:100%; line-height:21px; vertical-align:2px; box-sizing:border-box;}


/* notice view */
.view_content {padding-bottom:20px;}
.view_content dt {width:100%; padding:30px 50px 15px; border-top:2px solid #4c4949; font-size:19px; box-sizing:border-box; line-height:1.3em;}
.view_content dd.date {padding:0 50px 30px; border-bottom:1px solid #b9b8b8; font-size:16px; color:#333;}
.view_content dd.date span {color:#333;}
.view_content dd.date span:before {content:"|"; color:#b1b1b1; margin:0 10px; vertical-align:1px;}
.view_content dd.date .file {text-decoration:underline;}
.view_content dd.date .file:hover {color:#f6a81e;}
.view_content dd.date .ico_file {width:20px; margin-right:5px;}
.view_content dd.con {padding:40px 50px; border-bottom:2px solid #b9b8b8;}
.view_content dd.con div {line-height:1.4; word-break:keep-all; font-size:16px; color:#666;}

.prev_next {box-sizing:border-box; padding:25px 25px 25px 20px; border-bottom:1px solid #b9b8b8;}
.prev_next dt {box-sizing:border-box; display:inline-block; width:92px; font-size:16px; color:#333;}
.prev_next dd {box-sizing:border-box; display:inline-block; width:calc(100% - 95px); font-size:16px; color:#333;}
.prev_next dd a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.list_prev {margin-top:50px; border-top:1px solid #b9b8b8;}
.list_prev dt:before{content:""; display:inline-block; width:10px; height:8px; margin-right:20px; background:url('../img/ico_prev.png') no-repeat 0 0; background-size:10px 8px; vertical-align:2px;}

.list_next dt:before{content:""; display:inline-block; width:10px; height:8px; margin-right:20px; background:url('../img/ico_next.png') no-repeat 0 0; background-size:10px 8px; vertical-align:2px;}


/* 자료실_목록 */
.tag01, .tag02, .tag03, .tag04 {display:inline-block; width:84px; height:33px; border:1px solid #bebebe; font-size:14px; text-align:center; line-height:31px; border-radius:50px; box-sizing:border-box;}
.tag01 {color:#f35125;} /* IR자료 */
.tag02 {color:#5b95d7;} /* 사업보고서 */
.tag03 {color:#60aa2f;} /* 재무정보 */
.tag04 {color:#ed7b00;} /* 동영상 */

.list_board .ico_file {width:22px;}


/* 자료실_읽기 */
.video_wrap {width:750px; margin: 0 auto;}
.video_wrap .video{margin-bottom:0;}
.video_wrap .video iframe{width:100%; height:100%;}


/* 파이프라인_개요 */
.pipeline01 {position:relative;}
.btn_pop {position:absolute; left:11.8%; display:inline-block; width:8.1%; height:4.65%; text-indent:-9999px;} /* left:38px; width:127px; height:36px; */
/*20210504 추가*/
/* .btn_pop.popup01 {top:22%;} */
.btn_pop.popup02 {top:58.3%; /*top:65.7%;*/}
.btn_pop.popup03 {top:28.2%; /*top:31.9%;*/}
.btn_pop.popup04 {top:13.8%; /*top:15.6%;*/}
.btn_pop.popup05 {top:93.9%; /*top:93.4%;*/}
.btn_pop.popup06 {top:20.8%; /*top:23.3%;*/}
.btn_pop.popup07 {top:44.9%;}
.btn_pop.popup08 {top:43.4%; /*top:49.4%;*/}
.btn_pop.popup09 {top:36%; /*top:40.5%;*/}
.btn_pop.popup10 {top:50.8%; /*top:57.3%;*/}
.btn_pop.popup11 {top:84.8%;}
/* .btn_pop.popup07 {top:95%;} */

.btn_pop[class*="link"] { left: 62.5%; height: 2.1%;}
.btn_pop.link01 { top: 4.8%; left: 84.3%; /*top: 5.27%; left: 77.8%;*/ width: 10%;}
.btn_pop.link02 { top: 4.8%; /* top: 5.27%; */ width: 10%;}
.btn_pop.link03 { top: 7.0%; width: 26.5%;/*top: 7.79%; width: 29%;*/}
.btn_pop.link04 { top: 15.3%; width: 16%; /*top: 16.88%; width: 15%;*/}
.btn_pop.link05 { top: 22%; width: 16%; /*top: 24.77%; width: 23%;*/}
.btn_pop.link06 { top: 29.5%; width: 17.67%; /*top: 33.34%; width: 23.67%;*/}
.btn_pop.link07 { top: 59.7%; width: 14.67%; /*top: 67.16%; width: 16.67%;*/}
.btn_pop.link08 { top: 67.59%; width: 14.9%; /*top: 75.99%; width: 17.5%;*/}
.btn_pop.link09 { top: 95.1%; width: 14%; /*top: 94.66%; width: 10%;*/}

/*20230915 추가*/
.pipeline01-txt { margin-top: 15px; display: flex;}
.pipeline01-txt p:first-child { flex-shrink: 0; margin-right: 10px; width: 62px; height: 28px; background-color: #7a7a7a; border-radius: 4px; font-size: 14px; color: #fff; text-align: center; line-height: 28px;}
.pipeline01-txt p:last-child { flex-grow: 1; font-size: 16px; line-height: 24px; letter-spacing: -0.025em;}


/* 파이프라인_리뉴얼 */
.pipe_top {margin-bottom:30px; border:1px solid #dfdfe5; font-size:0; box-sizing:border-box;}
.pipe_top li {display:inline-block; width:23%; height:95px; border-left:1px solid #dfdfe5; box-sizing:border-box; vertical-align:top;}
.pipe_top li:first-child {width:20%; border-left:0;}
.pipe_top li:last-child {width:34%;}
.pipe_top dl {padding:25px 0 0 40px;}
.pipe_top dt {color:#f6a81e; font-size:16px;}
.pipe_top dd {padding-top:10px; font-size:20px;}

.pipe_sum {margin-bottom:30px; line-height:1.9; word-break:keep-all;}
.pipe_sum dt {color:#f6a81e; font-size:24px; font-weight:700;}
.pipe_sum dd {font-size:18px;}


/* 공시정보 */
.gongsi {position:relative; height:302px; padding:60px 0 0 444px; background:#fff; border:1px solid rgba(211,211,219,0.78); text-align:center; box-sizing:border-box;}
.gongsi .img {position:absolute; top:-1px; left:-1px;}
.gongsi .txt {box-sizing:border-box;}
.btn_gongsi {display:inline-block; width:177px; height:50px; margin-top:15px; font-size:18px; color:#fff !important; background:#f6a81e; line-height:50px; text-align:center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn_gongsi:hover {background:#272a2f;}


/* footer */
/* 2023-05-29 수정 */
#footer {height:175px; border-top:1px solid #d7d7d7; background:#fff; box-sizing:border-box;}
.foot_con {display:flex; flex-direction:column; justify-content:center; align-items:center; width:1200px; height:100%; margin:0 auto; box-sizing:border-box; text-align:center;}
.foot_con .logo {display:inline-block; width:99px; height:37px; background:url(../img/logo_gray.png) no-repeat center center / contain; font-size:0; text-indent:-9999px;} /* MO 57*21 */
.foot_con .addr {margin-top:20px;}
.foot_con .copy {margin-top:5px;}


/* popup */
.popup_base {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:200; display:none;}
.popup_base .pop_content {position:relative; width:580px; margin:200px auto 0; box-sizing:border-box; background:#fff;}
.pop_content .btn_xpop {position:absolute; right:0; top:0px; right:-55px;}
.pop_content .btn_xpop a {display:block; width:45px; height:45px; text-align:center; text-indent:-9999px; overflow:hidden; background:url(../img/btn_xpop.png) no-repeat; background-size:45px;}
.pop_content h2.tit_event {padding:46px 0 10px; text-align:center; font-size:45px; letter-spacing:-4px;}
.pop_content h2.tit_event span {display:block; padding-top:10px; font-weight:bold; font-size:65px;}
.pop_content .event_list {}
.pop_content .event_list li { text-align:center;}
.pop_content .event_list li img {width:100%;}
.pop_content .pop_list li {padding:36px; text-align:center;}
.pop_content .pop_list li + li {background:#f4f0e9;}
.pop_content .pop_list li + li + li {background:#fff;}
.pop_content .pop_list li h2.tit_pop {padding:10px 0 24px; font-weight:bold; font-size:30px; letter-spacing:-2px;}
.pop_content .pop_list li img.pop_img {width:100%;}
.pop_content .pop_list li .pop_txt {padding-top:15px}
.pop_content .pop_list li .pop_txt p {padding-top:10px; line-height:1.8; font-size:17px; width:95%; margin:0 auto; overflow:hidden; word-break:keep-all; letter-spacing:-2px;}
.popup_base.event_pop .pop_content {width:650px;}
.popup_base.event_pop .pop_content .swiper-slide {height:650px; overflow-y:scroll;}
.popup_base.event_pop .pop_content .swiper-slide img {width:100%;}




/* 20210503 추가 */
/* Who We are */
.video_box {padding:40px 0 70px; text-align:center;}
.video_box video {width:833px; height:469px;}

/* oncology */
.video_box2 {padding:25px 0 50px; text-align:center;}
.video_box2 iframe {width:750px; height:422px;}
.fw700 {font-weight:700 !important;}

.tbl_style03 {width:100%; margin-bottom:50px;}
.tbl_style03 thead th {padding:20px 15px; border-top:2px solid #4c4949; border-left:1px solid #b9b8b8; border-bottom:1px solid #b9b8b8; font-size:16px; font-weight:700; color:#454545; text-align:center;}
.tbl_style03 tbody td {padding:20px 15px; text-align:center; border-bottom:1px solid #b9b8b8; border-left:1px solid #b9b8b8; font-size:16px; color:#454545;}
.tbl_style03 thead th:first-child,
.tbl_style03 tbody td:first-child {border-left:none;}
.tbl_style03 tbody td.title {text-align:left;}

/* 20210531 추가 */
.pipe06_box {}
.pipe06_box .left {float:left; width:calc(50% - 5px);}
.pipe06_box .right {float:right; width:calc(50% - 5px);}

.pipe06_box2 .left {width:535px;}
.pipe06_box2 .right {width:535px;}

.br {display:block;}

/* 20210715 추가 */
/* 논문 & 학회발표 */
.brd_left {border-left:1px solid #b9b8b8 !important;}

/* 보유 자금 현황 */
.txt_relations {padding-bottom:30px; word-break:keep-all; font-size:18px; color:#333;}

/* 2022-03-28 추가 */
.intro_list {margin-bottom:70px;}
.intro_list li {box-sizing:border-box; float:left; width:253px; margin-left:62px;}
.intro_list li:first-child {margin-left:0;}
.intro_list li p {line-height:1; padding:20px 0; text-align:center; font-size:26px; font-weight:500; color:#333;}

/* .btn_pop.popup02,
.btn_pop.popup03,
.btn_pop.popup06,
.btn_pop.popup07,
.btn_pop.popup08 {height:5.88%;} */

.main_recruit {width:515px;}
.main_history {width:calc(100% - 515px);}

.main_history .history_con .right, 
.main_history .history_con .left {min-height:200px;}

.main_history .history_con .right .history_img {position:absolute; top:25px; left:20px; width:294px; height:174px; overflow:hidden;}
.main_history .history_con .right .history_img img {width:100%; height:100%; object-fit:contain;}
.main_history .history_con .left .history_img {position:absolute; top:25px; right:20px; width:294px; height:174px; overflow:hidden;}
.main_history .history_con .left .history_img img {width:100%; height:100%; object-fit:contain;}

.history_con .right, 
.history_con .left {min-height:268px;}

.history_con .right .history_img {position:absolute; top:40px; left:205px; width:368px; height:218px; overflow:hidden;}
.history_con .right .history_img img {width:100%; height:100%; object-fit:contain;}
.history_con .left .history_img {position:absolute; top:40px; right:205px; width:368px; height:218px; overflow:hidden;}
.history_con .left .history_img img {width:100%; height:100%; object-fit:contain;}

/* 2022-04-04 추가 */
video#bgvid {position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100;}

/* 2022-04-25 추가 */
.txt_exp .red {color:#ee4626;}

.pipe06_box .right .txt_exp {margin-bottom:40px;}

.talent_list {}
.talent_list li {position:relative; float:left; width:300px; height:550px;}
.talent_list li:nth-child(1) {background:url('../img/bg_talent01.jpg') no-repeat 0 0;}
.talent_list li:nth-child(2) {background:url('../img/bg_talent02.jpg') no-repeat 0 0;}
.talent_list li:nth-child(3) {background:url('../img/bg_talent03.jpg') no-repeat 0 0;}
.talent_list li:nth-child(4) {background:url('../img/bg_talent04.jpg') no-repeat 0 0;}
.talent_list li .txt01 {line-height:1; padding-top:248px; text-align:center; font-size:26px; font-weight:700; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.16);}
.talent_list li .txt02 {line-height:1; padding-top:7px; text-align:center; font-size:18px; color:#fff;}
.talent_list li .txt_box {display:none;}
.talent_list li:hover .txt_box {display:block; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0 60px; cursor:pointer;}
.talent_list li:nth-child(1):hover .txt_box {background:#008acb;}
.talent_list li:nth-child(2):hover .txt_box {background:#df9410;}
.talent_list li:nth-child(3):hover .txt_box {background:#34875d;}
.talent_list li:nth-child(4):hover .txt_box {background:#4d331f;}
.talent_list li:hover .txt_box .txt03 {line-height:1; padding-top:170px; font-size:26px; font-weight:700; color:#fff;}
.talent_list li:hover .txt_box .txt04 {line-height:1; padding:7px 0 30px; font-size:18px; color:#fff;}
.talent_list li:hover .txt_box .txt05 {font-size:16px; color:#fff;}

.benefits_list {}
.benefits_list > li {box-sizing:border-box; float:left; width:285px; height:285px; margin-right:20px; margin-top:20px; border:1px solid #ccc;}
.benefits_list > li:nth-child(1),
.benefits_list > li:nth-child(2),
.benefits_list > li:nth-child(3),
.benefits_list > li:nth-child(4) {margin-top:0;}
.benefits_list > li:nth-child(4n) {margin-right:0;}
.benefits_list > li:nth-child(1) {background:url('../img/bg_benefits01.png') no-repeat 198px 197px;}
.benefits_list > li:nth-child(2) {background:url('../img/bg_benefits02.png') no-repeat 174px 191px;}
.benefits_list > li:nth-child(3) {background:url('../img/bg_benefits03.png') no-repeat 175px 198px;}
.benefits_list > li:nth-child(4) {background:url('../img/bg_benefits04.png') no-repeat 157px 191px;}
.benefits_list > li:nth-child(5) {background:url('../img/bg_benefits05.png') no-repeat 210px 187px;}
.benefits_list > li:nth-child(6) {background:url('../img/bg_benefits06.png') no-repeat 173px 208px;}
.benefits_list > li:nth-child(7) {background:url('../img/bg_benefits07.png') no-repeat 179px 182px;}
.benefits_list > li:nth-child(8) {background:url('../img/bg_benefits08.png') no-repeat 185px 176px;}
.benefits_list > li:nth-child(9) {background:url('../img/bg_benefits09.png') no-repeat 185px 209px;}
.benefits_list > li:nth-child(10) {background:url('../img/bg_benefits10.png') no-repeat 189px 200px;}
.benefits_list > li:nth-child(11) {background:url('../img/bg_benefits11.png') no-repeat 214px 186px;}
.benefits_list > li:nth-child(12) {background:url('../img/bg_benefits12.png') no-repeat 189px 186px;}
.benefits_list > li dl {padding:30px 30px 0;}
.benefits_list > li dl dt {line-height:1.2; padding-bottom:15px; font-size:24px; font-weight:500; color:#333; word-break:keep-all;}
.benefits_list > li dl dd {line-height:1.2; font-size:18px; color:#333; word-break:keep-all;}
.benefits_list > li dl dd > ul {}
.benefits_list > li dl dd > ul > li {line-height:1.2; padding-top:10px; padding-left:15px; text-indent:-15px; font-size:18px; color:#333;}
.benefits_list > li dl dd > ul > li:first-child {padding-top:0;}
.benefits_list > li dl dd > ul > li:before {content:""; display:inline-block; width:5px; height:5px; margin:0 10px 5px 0; background:#f6a81e; border-radius:100%;}

.txt_exp.txt_exp02 {margin-bottom:30px;}

/* 2022-04-29 추가 */
.txt_seminar {height:62px; line-height:62px; margin:27px 0 0; text-align:center; border-radius:62px; background:#ececec; font-size:18px;}
.txt_seminar .ic {content:""; display:inline-block; width:23px; height:23px; margin:0 7px 0 0; background:url('../img/ico_mark.png') no-repeat 0 0 / contain; vertical-align:-4px;}

/* 2023-05-29 추가 */
/* 메인 */
.section {padding-top:80px;}
.section.sec05 {padding-top:0; height:auto !important;}
.section.sec05 .fp-tableCell {height:auto !important;}

/* 풀페이지 스크롤 */
.main #container {}
.main > #footer {display:none;}
#fp-nav.left {left:calc(50% + 600px);}
#fp-nav ul li {margin:20px 0;}
#fp-nav ul li a {display:none;}
#fp-nav ul li a span {visibility:hidden;}
#fp-nav ul li .fp-tooltip {overflow:visible; position:relative; display:inline-block; color:#999; font-size:16px; text-shadow:0 0 5px rgba(0, 0, 0, 0.2); opacity:1;}
#fp-nav ul li .fp-tooltip::after {content:''; display:inline-block; position:absolute; top:-2px; right:-10px; width:5px; height:5px; background:#f6a81e; border-radius:50%; visibility:hidden; opacity:0;}
#fp-nav.fp-show-active a.active + .fp-tooltip {color:#333; font-weight:bold;}
#fp-nav.fp-show-active a.active + .fp-tooltip::after {visibility:visible; opacity:1;}
#fp-nav ul li .fp-tooltip:hover {color:#333;}

.main .sec01 {}
.visual_wrap {height:100%;}
.visual_slide {position:relative; height:100%;}
.visual_slide .swiper-slide {position:relative;}
.visual_slide .visual_box {width:100%; height:100%;}
.visual_box video {width:100%; height:100%; object-fit:cover;}
.visual_slide .visual_txt {position:absolute; top:20%; left:calc(50% - 600px); max-width:600px; color:#fff;}
.visual_txt .tit {font-size:24px; transform:translateY(10px); opacity:0; transition:all .4s ease; text-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.visual_txt .tit > span {display:inline-block; font-size:60px; font-weight:bold; transform:translateY(-5px); text-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.visual_txt .sub {margin-top:20px; font-size:20px; word-break:keep-all; transform:translateY(10px); opacity:0; transition:all .4s ease .1s; text-shadow:0 0 10px rgba(0, 0, 0, 0.5);}

.swiper-slide-active .visual_txt .tit {transform:translateY(0); opacity:1;}
.swiper-slide-active .visual_txt .sub {transform:translateY(0); opacity:1;}

.visual_slide .swiper-pagination {width:auto; bottom:245px; left:calc(50% - 600px);}
.visual_slide .swiper-pagination .swiper-pagination-bullet {position:relative; width:120px; height:auto; margin:0 40px 0 0; padding-top:8px; background:none; border-radius:0; opacity:1; transition:all .3s ease;}
.visual_slide .swiper-pagination-bullet::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:2px; background:#fff; opacity:.3;}
.visual_slide .swiper-pagination-bullet::after {content:''; display:block; position:absolute; top:0; left:0; width:0; height:2px; background:#fff; opacity:0; transition:all .3s ease;}
.visual_slide .swiper-pagination-bullet-active::after {width:100%; opacity:1;}

.visual_slide .swiper-pagination-bullet .title {height:100%; color:#fff; font-size:18px; font-weight:bold; text-align:left; text-shadow:0 0 7px rgba(0, 0, 0, 0.5); opacity:.8;}
.visual_slide .swiper-pagination-bullet-active .title {opacity:1;}

.board_wrap {position:absolute; bottom:30px; left:calc(50% - 600px); width:1180px; z-index:1;}
.boards_box {display:flex;}
.boards_box .board {height:170px; padding:20px; background:#fff; border-radius:10px; box-sizing:border-box;}
.boards_box .board + .board {margin-left:10px;}
.boards_box .board .board_tit {margin-bottom:15px; font-size:20px; color:#333;}

.board.box01 {position:relative; width:500px; border:1px solid #ddd;} /* 2023-06-15 수정 */
.media_box > p {display:flex; align-items:center;}
.media_box > p + p {margin-top:10px;}
.media_box > p a {overflow:hidden; display:inline-block; max-width:calc(100% - 20px); font-size:16px; text-overflow:ellipsis; white-space:nowrap; transition:all .1s ease;}
.media_box > p a:hover {color:#f78908;}
.media_box .ico_new {margin-left:2px;}
.ico_new::before {content:'N'; display:inline-flex; justify-content:center; align-items:center; width:18px; height:18px; background:#6e6965; border-radius:50%; color:#fff; font-size:10px; font-style:normal;}

.view_more_plus {position:absolute; top:20px; right:20px; display:inline-block; width:20px; height:20px; text-indent:-9999px; font-size:0;}
.view_more_plus::before, .view_more_plus::after {content:''; display:inline-block; position:absolute; top:50%; left:50%; width:10px; height:10px; background:#000; transform:translate(-50%, -50%);}
.view_more_plus::before {width:10px; height:2px;}
.view_more_plus::after {width:2px; height:10px;}

.board.box02 {width:430px; border:1px solid #ddd;} /* 2023-06-15 수정 */
.career_box > p + p {margin-top:7px;}
.career_box > p > a {display:flex; align-items:center;}
.career_box > p .tit {overflow:hidden; display:inline-block; flex:1; font-size:16px; text-overflow:ellipsis; white-space:nowrap; transition:all .1s ease;}
.career_box > p .tag {display:inline-flex; justify-content:center; align-items:center; flex:0 0 auto; width:70px; height:24px; margin-left:5px; background:#fef1e1; border-radius:50px; color:#f78908; font-size:12px; transition:all .1s ease;}
.career_box > p > a:hover .tit {color:#f78908;}
.career_box > p > a:hover .tag {font-weight:bold;}

.board.box03 {position:relative; width:250px; background:#f78908; text-align:center;} /* 2023-06-15 수정 */
.board.box03 .board_tit {color:#fff;}
.board.box03 p {color:#fff; font-size:16px; -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden; text-overflow:ellipsis;}
.board.box03 .view_more {position:absolute; bottom:15px; left:50%; display:inline-flex; align-items:center; color:#fff; font-size:14px; transform:translateX(-50%);}
.view_more::after {content:''; display:inline-block; width:5px; height:5px; margin-top:1px; margin-left:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
.board.box03 .view_more:hover {font-weight:bold;}

.board_wrap .btn_hide {position:absolute; top:-42px; right:0; display:inline-flex; align-items:center; width:90px; height:32px; padding-left:15px; background:#000; border-radius:50px; color:#fff; font-size:14px; box-sizing:border-box; transition:all .3s ease;}
.btn_hide::before {content:''; display:inline-block; width:6px; height:6px; margin-top:-3px; margin-left:7px; margin-right:7px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg); transition:all .3s ease;}
.btn_hide.show {background:#f78908;}
.btn_hide.show::before {margin-top:4px; transform:rotate(-45deg);}

.main .sec02 {}
.sec_tit {margin-top:40px; font-size:65px; font-weight:bold; text-align:center;}
.sec_tit span {display:inline-block; position:relative; color:#333;}
.sec_tit span::after {content:''; display:inline-block; position:absolute; top:8px; right:-25px; width:16px; height:16px; background:#f78908; border-radius:50%;}
.sec_txt {margin-top:20px; font-size:18px; text-align:center;}

/* 공통 탭 */
/* .tab_con > .tab {display:none;}
.tab_con > .tab.on {display:block;} */
.tab_con {position:relative;}
.tab_con > .tab {position:absolute; top:0; left:0; width:100%; visibility:hidden; opacity:0; transition:all .3s ease;}
.tab_con > .tab.on {visibility:visible; opacity:1;}

.pipeline_box {overflow:hidden; display:flex; width:1200px; height:570px; margin:60px auto 0; border-radius:10px;}
.pipeline_box .left {position:relative; width:400px; height:100%; padding-left:70px; background:#f78908; box-sizing:border-box;}
.pipeline_box .tab_tit {margin-top:90px;}
.pipeline_box .tab_tit li {margin-bottom:30px;}
.pipeline_box .tab_tit li a {display:block; position:relative; color:#fff; font-size:20px; /* transition:all .3s ease; */}
.pipeline_box .tab_tit li a:hover {font-weight:bold;}
.pipeline_box .tab_tit li a::after {content:''; display:inline-block; position:absolute; top:50%; left:0; width:0; height:1px; background:#fff; opacity:0; transition:all .3s ease;}
.pipeline_box .tab_tit li.on a::after {width:100%; opacity:1;}
.pipeline_box .tab_tit li a span {display:inline-block; position:relative; padding-right:10px; background:#f78908; z-index:1;}

.pipeline_box .left .view_more.ty02 {position:absolute; left:70px; bottom:85px;}
.view_more.ty02::after {display:none;}
.view_more.ty02 span {display:inline-block; position:relative; color:#fff; font-size:14px; transition:right .3s ease; transform:scale(1);}
.view_more.ty02 span::before, .view_more.ty02 span::after {content:''; display:inline-block; position:absolute;}
.view_more.ty02 span::before {top:7px; right:-25px; width:17px; height:3px; background:#fff; transition:right .3s ease;}
.view_more.ty02 span::after {top:2px; right:-25px; width:10px; height:10px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); transition:right .3s ease;}
.view_more.ty02:hover {}
.view_more.ty02:hover span {transform:scale(1.1);}
.view_more.ty02:hover span::before, .view_more.ty02:hover span::after {right:-28px;}

.pipeline_box .right {position:relative; width:800px; height:100%;}
.pipeline_box .right::before {content:''; position:absolute; top:0; right:25px; display:inline-block; width:1px; height:395px; background:#c0c0c0; z-index:1;}
.pipeline_box .right::after {content:'PIPELINE'; display:inline-block; position:absolute; bottom:85px; right:-42px; color:#0b0b0b; font-size:12px; font-weight:bold; letter-spacing:10px; transform:rotate(90deg); z-index:1;}

.pipeline_box .tab {width:100%; height:100%; padding-left:75px; padding-right:160px; background-color:#f0f0f0; background-position:right bottom; background-repeat:no-repeat; box-sizing:border-box;}
.pipeline_box .tab:nth-child(1) {background-image:url('../img/bg_pipeline_g01.jpg');}
.pipeline_box .tab:nth-child(2) {background-image:url('../img/bg_pipeline_g02.jpg')}
.pipeline_box .tab:nth-child(3) {background-image:url('../img/bg_pipeline_g03.jpg')}
.pipeline_box .slide_tit {display:none;}
.pipeline_info .tit {position:relative; margin-top:270px; font-size:26px; font-weight:bold;}
.pipeline_info .tit > i {display:inline-block; position:absolute; top:-185px; left:0;}
.ico_pipeline01 {width:116px; height:131px; background:url('../img/ico_pipeline01.png') no-repeat center center / contain;} /* MO 89*101 */
.ico_pipeline02 {width:129px; height:130px; background:url('../img/ico_pipeline02.png') no-repeat center center / contain;} /* MO 93*94 */
.ico_pipeline03 {width:139px; height:120px; background:url('../img/ico_pipeline03.png') no-repeat center center / contain;} /* MO 102*88 */

.pipeline_info .sub {margin-top:30px; font-size:18px; font-weight:bold;}
.pipeline_info .txt {margin-top:20px; font-size:16px; word-break:keep-all;}

.pipeline_box .slide_arrow {display:none;}

.main .sec03 {background:#f2f2f2;}
.ir_info {display:flex; width:900px; margin:5% auto 3%;}
.ir_info dt {flex:0 0 auto; color:#f78908; font-size:30px; font-weight:bold; line-height:1.3;}
.ir_info dd {padding-left:15px; font-size:16px; word-break:keep-all; line-height:1.6;}

.ir_Box {width:1070px; margin:0 auto;}
.ir_Box .top {display:flex; align-items:center; height:80px; padding:0 50px; background:#dbdbdb; border-radius:10px;}
.ir_Box .top .years {display:flex; width:485px; margin-left:auto;}
.ir_Box .top .years > p {flex:1; font-size:24px; font-weight:bold; text-align:center;}

.ir_Box .con {margin-bottom:10px;}
.ir_Box .con .assets_box {display:flex; margin-top:10px; padding:0 50px; background:#fff; border-radius:10px;}
.assets_box .assets_tit {position:relative; display:inline-block; margin-top:27px; width:80px; color:#f78908; font-size:16px; font-weight:bold;}
.assets_box .assets_tit span {display:inline-block; padding-bottom:5px; border-bottom:1px solid #f78908;}
.assets_box .assets_con {flex:1;}
.assets {display:flex; align-items:center; flex:1; height:80px; font-size:20px;}
.assets + .assets {border-top:1px solid #eaeaea;}
.assets .cate {font-size:inherit;}
.assets .num {display:flex; align-items:center; flex:0 0 auto; width:485px; margin-left:auto;}
.assets .num > p {flex:1; font-size:inherit; line-height:1.1; text-align:center;}
.assets .num > p .add {font-size:16px; font-weight:normal;}

.ir_Box .bot {display:flex; align-items:center; height:100px; background:#f78908; border-radius:10px; padding:0 50px; color:#fff; font-size:24px; font-weight:bold;}
.assets.total {font-size:24px;}

.sec04 {background:#f78908 url('../img/bg_sec_history.jpg') no-repeat right bottom / 1070px 780px;}
.sec04 .sec_tit span, .sec04 .sec_txt {color:#fff;}
.sec04 .sec_tit span::after {background:#fff;}

.history_wrap {width:1040PX; margin:0 auto; padding-bottom:365px;}
.history_year {margin:70px 0 40px;}
.history_year .tab_tit {display:flex; justify-content:center;}
.history_year .tab_tit li {width:160px; text-align:center;}
.history_year .tab_tit a {display:inline-block; position:relative; padding-bottom:20px; color:#fff; font-size:50px; opacity:.4; transition:opacity .3s ease;}
.history_year .tab_tit li.on a {font-weight:bold; opacity:1;}
.history_year .tab_tit a::after {content:''; display:inline-block; position:absolute; bottom:0; left:50%; width:0%; height:3px; background:#fff; opacity:0; transform:translateX(0); transition:all .3s ease;}
.history_year .tab_tit li.on a::after {width:100%; transform:translateX(-50%); opacity:1;}
.history_box {display:flex; height:365px; padding:40px; background:#fff; border-radius:10px; box-sizing:border-box;}
.history_box .img {flex:1; text-align:right;}
.history_box .img img {width:370px; height:auto; margin:0 40px 0 auto;}
.history_box .list {overflow-y:auto; flex:1; height:100%;}
/* .history_box .list ul {overflow-y:auto; max-height:480px;} */
.history_box .list li {display:flex;}
.history_box .list li + li {margin-top:30px;}
.history_box .list li .date {display:inline-block; position:relative; flex:0 0 auto; padding:3px 15px 0 15px; color:#f98a08; font-size:16px; font-weight:bold;}
.history_box .list li .date::before {content:''; display:inline-block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#f98a08; border-radius:50%; opacity:.32;}
.history_box .list li .txt {font-size:16px; word-break:keep-all;}
.history_box .list::-webkit-scrollbar {
  width:8px;  /* 스크롤바의 너비 */
}
.history_box .list::-webkit-scrollbar-thumb {
  height:30%; /* 스크롤바의 길이 */
  background:#f98a08; /* 스크롤바의 색상 */ 
  border-radius:10px;
}
.history_box .list::-webkit-scrollbar-track {
  background: rgba(247, 137, 8, .2);  /*스크롤바 뒷 배경 색상*/
  border-radius:10px;
}
.sec04 .view_more_box {margin-top:30px; text-align:center;}

/* 메인 팝업 템플릿 4종 */
.popup_box_wrap {position:absolute; top:50%; left:50%; display:flex; flex-wrap:wrap; justify-content:center; width:960px; transform:translate(-50%,-50%);}
.popup_box {
	display:block;
	position:relative;
	width:420px;
	height:300px;
	margin:30px;
	padding:30px 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/bg_pop_box4.png');
	color:#fff;
	box-sizing:border-box;
}
.popup_box.type1 {
	background-image: url('../img/bg_pop_box1.png');
}
.popup_box.type2 {
	background-image: url('../img/bg_pop_box2.png');
}
.popup_box.type3 {
	background-image: url('../img/bg_pop_box3.png');
}
.popup_box.type5 {
	background-image: url('../img/bg_pop_box5.png');
}


.popup_box .pop_link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pop_noti {display:flex; flex-direction:column; height:100%;}
.noti_tit {margin-bottom:15px; color:#fff; font-size:50px; line-height:1.1;}
.noti_txt {overflow-y:auto; flex:1; padding:5px 0; color:#fff; font-size:18px; line-height:1.4;}
.noti_txt::-webkit-scrollbar {
  width:8px;  /* 스크롤바의 너비 */
}
.noti_txt::-webkit-scrollbar-thumb {
  height:30%; /* 스크롤바의 길이 */
  background:rgba(255, 255, 255, .9); /* 스크롤바의 색상 */ 
  border-radius:10px;
}
.noti_txt::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .4);  /*스크롤바 뒷 배경 색상*/
  border-radius:10px;
}

.noti_shortcut {padding-top:10px;}
.noti_shortcut a {display:inline-block; position:relative; color:#fff; font-size:18px;}
.noti_shortcut a::before, .noti_shortcut a::after {content:''; display:inline-block; position:absolute; height:2px; background:#fff;}
.noti_shortcut a::before {right:-25px; bottom:5px; width:18px;}
.noti_shortcut a::after {right:-27px; bottom:8px; width:10px; transform:rotate(45deg);}
.no_today {position:absolute; top:300px; left:0; width:100%; padding-top:5px; color:#fff; font-size:16px; text-align:right;}
.no_today input + label {position:relative; min-height:20px; padding-left:30px;}
.no_today input + label::before, .no_today input + label::after {content:''; display:inline-block; position:absolute; transition:all .3s ease;}
.no_today input + label::before {top:2px; left:0; width:20px; height:20px; background:#fff;}
.no_today input + label::after {top:6px; left:4px; width:12px; height:8px; border-left:2px solid #989898; border-bottom:2px solid #989898; box-sizing:border-box; transform:rotate(-45deg);}
.no_today input:checked + label::before {background:#f58909;}
.no_today input:checked + label::after {border-color:#fff;}

.btn_close_pop {display:inline-block; position:absolute; top:0; right:0; width:40px; height:40px; background:#000; font-size:0; text-indent:-9999px;}
.btn_close_pop::before, .btn_close_pop::after {content:''; display:inline-block; position:absolute; top:18px; left:9px;  width:22px; height:2px; background:#fff;}
.btn_close_pop::before {transform:rotate(45deg);}
.btn_close_pop::after {transform:rotate(-45deg);}


/* 2023-05-29 추가 */
/* 복지프로그램 */
.benefits_wrap {display:flex;}
.benefits_wrap .left {width:208px;}
.benefits_wrap .tab_tit {}
.benefits_wrap .tab_tit li {margin-bottom:70px;}
.benefits_wrap .tab_tit li a {position:relative; display:block; padding-bottom:10px; font-size:24px; border-bottom:1px solid #d6d6d6; transition:all .1s ease;}
.benefits_wrap .tab_tit li a::after {content:''; display:inline-block; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:#000; opacity:0; transition:all .3s ease;}
.benefits_wrap .tab_tit li a span {display:inline-block; position:relative;}
.benefits_wrap .tab_tit li a span::after {content:''; display:inline-block; position:absolute; top:2px; right:-15px; width:7px; height:7px; background:#000; border-radius:50%; opacity:0; transition:all .3s ease;}

.benefits_wrap .tab_tit li.on a {font-weight:bold;}
.benefits_wrap .tab_tit li.on a::after {width:100%; opacity:1;}
.benefits_wrap .tab_tit li.on a span::after {opacity:1; background:#f58909;}
.benefits_wrap .tab_tit li a:hover span::after {opacity:1;}

.benefits_wrap .tab_con > .tab {position:relative; display:none;}
.benefits_wrap .tab_con > .tab.on {display:block;}

.benefits_wrap .right {flex:1;}
.benefits_box {display:flex; flex-wrap:wrap;}
.benefits_box li {width:50%; margin-bottom:70px; padding-left:150px; box-sizing:border-box;}
.benefits_box li i {display:block; height:83px; background-repeat:no-repeat; background-position:center left;}
.ico_benefits1 {background-image:url('../img/ico_benefits1.png'); background-size:auto 74px;}
.ico_benefits2 {background-image:url('../img/ico_benefits2.png'); background-size:auto 72px;}
.ico_benefits3 {background-image:url('../img/ico_benefits3.png'); background-size:auto 75px;}
.ico_benefits4 {background-image:url('../img/ico_benefits4.png'); background-size:auto 79px;}
.ico_benefits5 {background-image:url('../img/ico_benefits5.png'); background-size:auto 67px;}
.ico_benefits6 {background-image:url('../img/ico_benefits6.png'); background-size:auto 57px;}
.ico_benefits7 {background-image:url('../img/ico_benefits7.png'); background-size:auto 71px;}
.ico_benefits8 {background-image:url('../img/ico_benefits8.png'); background-size:auto 60px;}
.ico_benefits9 {background-image:url('../img/ico_benefits9.png'); background-size:auto 83px;}
.ico_benefits10 {background-image:url('../img/ico_benefits10.png'); background-size:auto 75px;}
.ico_benefits11 {background-image:url('../img/ico_benefits11.png'); background-size:auto 77px;}
.ico_benefits12 {background-image:url('../img/ico_benefits12.png'); background-size:auto 69px;}
.ico_benefits13 {background-image:url('../img/ico_benefits13.png'); background-size:auto 56px;}
.ico_benefits14 {background-image:url('../img/ico_benefits14.png'); background-size:auto 79px;}
.ico_benefits15 {background-image:url('../img/ico_benefits15.png'); background-size:auto 76px;}
.ico_benefits16 {background-image:url('../img/ico_benefits16.png'); background-size:auto 69px;}
.ico_benefits17 {background-image:url('../img/ico_benefits17.png'); background-size:auto 56px;}
.ico_benefits18 {background-image:url('../img/ico_benefits18.png'); background-size:auto 63px;}
.ico_benefits19 {background-image:url('../img/ico_benefits19.png'); background-size:auto 63px;}
.ico_benefits20 {background-image:url('../img/ico_benefits20.png'); background-size:auto 61px;}
.ico_benefits21 {background-image:url('../img/ico_benefits21.png'); background-size:auto 38px;}
.benefits_box .bene_tit {margin-top:15px; font-size:22px; font-weight:bold; word-break:keep-all;}
.benefits_box .bene_txt {margin-top:10px;; font-size:18px; word-break:keep-all;}

/* 20230615 추가 */
.pop_con .btn_pop_more {display:inline-block; padding-bottom:5px; border-bottom:2px solid #999; font-size:18px; font-style:italic;}
.pipe_top dd span {color:#999;}
.address_box ul li + li p {font-size:14px; font-weight:400;}


/* 2023-06-26 수정 */

/* cyberNews */

.cyberNews-txt {
	font-size: 22px;
}

.cyberNews-list .cyberNews-item {
	display: flex;
	padding-bottom: 70px;
	border-bottom: 1px solid #e1e1e1;
}

.cyberNews-list .cyberNews-item:last-child {
	padding-top: 70px;
	padding-bottom: 120px;
	border-bottom: none;
}

.cyberNews-list .cyberNews-item h4 {
	width: 267px;
	font-size: 26px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: left bottom 5px;
}

.cyberNews-list .cyberNews-item:first-child h4 {
	background-image: url('../img/bg_cyberNews01.png');
}

.cyberNews-list .cyberNews-item:last-child h4 {
	background-image: url('../img/bg_cyberNews02.png');
}

.cyberNews-list .cyberNews-item h4 span {
	display: block;
}

.cyberNews-list .cyberNews-item li {
	position: relative;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1.4;
}
.cyberNews-list .cyberNews-item li:last-child {
	margin-bottom: 0px;
}

.cyberNews-list .cyberNews-item .txt_dot_sm {
	padding-left: 20px;
}

.cyberNews-list .cyberNews-item .txt_dot_sm::after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 6px;
	width: 5px;
	height: 5px;
	background-color: #f6a81e;
	border-radius: 100%;
}

.cyberNews-list .cyberNews-item .txt_num span:first-child {
	margin-right: 15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 37px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('../img/bg_txt_num.png');
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.cyberNews-list .cyberNews-item .txt_num span:last-child {
	text-indent: 53px;
}

.perInfo-con {
	margin: 30px 0;
	font-size: 16px;
	line-height: 1.6;
}

.perInfo-con .perInfo-box {
	margin-bottom: 20px;
	padding: 15px;
	padding-left: 20px;
	height: 220px;
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	overflow-y: hidden;
}

.perInfo-con .perInfo-box .perInfo-txt {
	padding-right: 100px;
	height: 100%;
	word-break: keep-all;
	overflow-y: scroll;
}

.perInfo-con .perInfo-box .perInfo-txt::-webkit-scrollbar-thumb {
	width: 4px;
	border-radius: 4px;
	background-color: #656565;
}

.perInfo-con .perInfo-box .perInfo-txt p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.perInfo-con .perInfo-check {
	text-align: right;
}

.perInfo-con .perInfo-check label {
	position: relative;
	line-height: 20px;
}

.perInfo-con .perInfo-check label::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background-color: #f6a81e;
	border-radius: 4px;
	vertical-align: sub;
}

.perInfo-con .perInfo-check label::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/i-perInfoCheck.png');
	opacity: 0;
}

.perInfo-con .perInfo-check input:checked + label::after {
	opacity: 1;
}

.cyberNews-form {
	border-top: 2px solid #4c4949;
	font-size: 16px;
	color: #454545;
}
.cyberNews-form li {
	display: flex;
	border-bottom: 1px solid #b9b8b8;
}

.cyberNews-form .cyberNews-form-head {
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	align-items: center;
	width: 150px;
	background-color: #f7f7f7;
	font-weight: 700;
}
.cyberNews-form .cyberNews-form-body {
	flex: 1 1 auto;
	padding: 10px 20px;
}

.cyberNews-form .cyberNews-form-body input,
.cyberNews-form .cyberNews-form-body textarea,
.cyberNews-form .cyberNews-form-body select {
	padding: 0 15px;
	width: 360px;
	height: 40px;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	color: #454545;
}

.cyberNews-form .cyberNews-form-body textarea {
	padding: 15px;
	height: 153px;
	resize: none;
}

.cyberNews-form .cyberNews-form-body select {
	padding-right: 35px;
	background-repeat: no-repeat;
	background-position: center right 15px;
	background-image: url('../img/i-select.png');
}

.cyberNews-form .cyberNews-form-body .flex-input {
	display: flex;
	align-items: center;
}

.cyberNews-form .cyberNews-form-body .flex-input > * {
	margin: 0 5px;
}

.cyberNews-form .cyberNews-form-body .flex-input > *:first-child {
	margin-left: 0;
}
.cyberNews-form .cyberNews-form-body .flex-input > *:last-child {
	margin-right: 0;
}

.cyberNews-form .cyberNews-form-body .flex-input input,
.cyberNews-form .cyberNews-form-body .flex-input select {
	min-width: 130px;
	width: auto;
}

.cyberNews-form .cyberNews-form-body .flex-input input {
	width: 130px;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-email p {
	margin: 0 15px;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-email select {
	width: 185px;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-file .cyberNews-upload {
	max-width: 360px;
	width: 100%;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-file label {
	cursor: pointer;
	width: 100px;
	border-radius: 4px;
	background-color: #656565;
	line-height: 40px;
	text-align: center;
	color: #fff;
	transition: 0.2s opacity;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-file label:hover,
.cyberNews-form .cyberNews-form-body .flex-input.form-file label:focus {
	opacity: 0.5;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-file input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.cyberNews-form .cyberNews-form-body .flex-input.form-spam input {
	width: 257px;
}

.cyberNews-btnBox button {
	display: block;
	margin: 30px auto 60px;
	width: 224px;
	height: 50px;
	background-color: #f6a81e;
	border-radius: 50px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: #fff;
}

/* ethical */
.ethical-txt {
	padding-top: 30px;
	letter-spacing: -0.025em;
	line-height: 1.5;
}

.ethical-txt span {
	display: block;
}

.ethical-list {
	margin-bottom: 90px;
	display: flex;
}
.ethical-list li {
	padding-top: 230px;
	padding-right: 30px;
	width: 25%;
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 18px;
	letter-spacing: -0.025em;
	line-height: 1.5;
	text-align: center;
	word-break: keep-all;
}

.ethical-list li:first-child {
	background-image: url('../img/bg_ethicalList01.png');
}
.ethical-list li:nth-child(2) {
	background-image: url('../img/bg_ethicalList02.png');
}
.ethical-list li:nth-child(3) {
	background-image: url('../img/bg_ethicalList03.png');
}
.ethical-list li:last-child {
	background-image: url('../img/bg_ethicalList04.png');
	padding-right: 0;
}

.ethical-img {
	margin: 30px 0;
}

.ethical-txt_box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 260px;
	background-image: url('../img/bg_ethicalbox.png');
	background-repeat: no-repeat;
	background-size: 193px auto;
	background-position: right 8px bottom -20px;
	font-size: 18px;
}

.ethical-txt_box strong {
	display: block;
	margin-bottom: 20px;
	font-size: 22px;
}

.ethical-txt_box span {
	display: block;
	line-height: 1.5;
}

.ethical-txt_box a {
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	width: 224px;
	background-color: #f6a81e;
	border-radius: 50px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	color: #fff;
}

/* 20240724 추가 */
.search_form.search_form02 {width:550px;}
.search_form.search_form02 fieldset {display:inline-block; width:440px;}
.search_select02 {margin-left:7px;}

/* 20240725 추가 */
/* 찾아오시는 길 */
#map_ma02 {width:100%; height:496px; clear:both;}
.address_box02 {position:relative;}
.address_box02 .three {position:absolute; right:20px; top:27px;}

/* 파이프라인 개요 */
.btn_pop.link10 { top: 44.7%; width: 11.5%;}

/* 파이프라인 ABL503 */
.txt_exp03 {margin-bottom:15px; padding-left:25px; font-size:18px; font-weight:400; word-break:keep-all;}
.txt_exp04 {padding:15px 0 20px; font-size:18px; font-weight:700;}

/* 20240805 추가 */
/* ABL111 */
.txt_exp05 {padding:15px 0 20px 25px; font-size:18px; font-weight:700;}

.pipeline_list {margin-bottom:20px; padding-left:25px;}
.pipeline_list li {padding-left:16px; line-height:1.4; text-indent:-16px; word-break:keep-all; font-size:18px;}
.pipeline_list li:before {content:""; display:inline-block; width:6px; height:6px; margin-right:10px; border-radius:6px; background:#333; vertical-align:4px;}

.pipeline_list.pipeline_list02 {margin-bottom:45px;}

@media all and (max-width:320px) {
}

@media only screen and (max-width : 399px) and (min-width: 360px) {
}

@media only screen and (max-width : 359px) {
}

@media all and (max-width:768px) {
	.main_disclosure .xroll{width:750px; overflow-x:auto;}
}

/* @media all and (max-width:575px) { */
@media all and (max-width:768px) {  
	body, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], textarea, select {font-size:14px;}
	
	/* button-style */
	.btn_area .btn_style01 {height:45px; padding:0 20px; font-size:15px; line-height:45px;}
	.btn_area .btn_style02 {height:45px; padding:0 20px; font-size:15px; line-height:45px;}
	.btn_style03 {width:100%; height:33px; line-height:33px; font-size:12px;}
	.btn_area.two a {width:calc((100% - 10px) / 2);}


	/* 레이어 팝업 */
	.pop_wrap {}
	.common_pop {position:absolute;top:10vh;left:5%; width:90%; height:80vh; margin-left:0;}
  .pop_con {padding:45px 15px 15px 15px;}
  .pop_tit {height:35px; padding:0 25px; font-size:16px; line-height:34px;}
  .btn_closePop a {width:22px; height:22px;}


	/* header */
  /* 2023-05-29 수정 */
	#header {height:50px !important; background:#fff; border-bottom:1px solid #ccc;}
	/* -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; */
	.head {position:relative; width:100%; height:100%; background:#fff;}
	h1.logo {display:block; float:none; width:67px; height:25px; margin:0 auto;}

	#gnb, .btn_gnb {display:none;}
	.lang {position:absolute; top:11px; right:10px; margin:0;}
	.lang li {width:36px; height:29px;}
	.lang li a {font-size:10px;}

	#header .btn_menu {display:inline-block; position:absolute;top:0;left:0; width:50px; height:50px; background:url(../img/btn_menu.png) no-repeat 15px center / 23px 19px; text-indent:-9999px;}
	
	.menu {display:none; position:fixed;left:0;top:0px; overflow-x:hidden; width:100%; height:100%; z-index:10000;}
	.menu .dim {display:block; position:absolute;bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
	.menu .menuzone {position:absolute;left:-78%;top:0; width:78%; height:100%; /* overflow-y:auto; */ background:#fff;}
	.menuzone .logo_wh {height:50px; background:#f7ae2e; text-align:center;}
	.logo_wh a {display:inline-block; width:67px; height:25px; margin-top:14px; background:url(../img/logo_m.png) no-repeat 0 0 / contain; text-indent:-9999px;}

	.menuzone .gnb_m_wrap {overflow-y:auto; height:calc(100% - 82px);}
	.gnb_m {}
	.gnb_m > li {border-bottom:1px solid #dadada;}
	.gnb_m > li > a {display:inline-block; width:100%; height:48px; background:url(../img/bg_gnb_m.png) no-repeat 90% center / 5px 8px; font-weight:500; line-height:48px; text-indent:30px;}

	.gnb_m > li ul {display:none; padding:5px 0; background:#f6f6f6; border-top: 1px solid #dadada;}
	.gnb_m > li li {padding-bottom:10px;}
	.gnb_m > li li:first-child {padding-top:10px;}
	.gnb_m > li li a {display:inline-block; margin-left:40px; padding:5px; font-weight:500;}
	.gnb_m > li li a::before {content:''; display:inline-block; width:7px; height:2px; margin-right:5px; background:#333; vertical-align:4px;}

	.menu .btn_close {display:inline-block; position:absolute;top:0;right:-50px; width:50px; height:50px; background:#000 url(../img/btn_close.png) no-repeat center center / 17px 17px; text-indent:-9999px;}

	
	/* 공통 */
	#container {position:relative; min-height:calc(100vh - 142px); padding-top:50px; padding-bottom:40px;}
	.con_wrap {width:100%; padding:0 15px; box-sizing:border-box;}
	.web {display:none;}
  .mob {display:block;}
  .mob img {width:100%;}

	.visual_title {height:63px;}
	.visual_title .title {line-height:63px; font-size:22px;}

	.visual_title.about {background:url(../img/bg_about_m.jpg) no-repeat center top / cover;}
	.visual_title.platform {background:url(../img/bg_platform_m.jpg) no-repeat center top / cover;}
	.visual_title.pipeline {background:url(../img/bg_pipeline_m.jpg) no-repeat center top / cover;}
	.visual_title.irpr {background:url(../img/bg_irpr_m.jpg) no-repeat center top / cover;}
	.visual_title.careers {background:url(../img/bg_career_m.jpg) no-repeat center top / cover;}

	.page_top {padding:25px 0;}
	.page_tit {font-size:19px; text-indent:-15px;}
	.page_tit::before {width:15px; margin-right:10px; vertical-align:5px;}	
	.location {display:none;}

	/* TAB */
	.page_tab {}
	.page_tab .tab_web {display:none;}

	.page_tab .tab_mo {display:block; position:relative;  width:100%; height:40px; z-index:50;}
	.tab_on {height:40px; background:#fff url(../img/bg_tab_m.png) no-repeat 96% center / 9px 6px; border:2px solid #050505; font-size:14px; line-height:36px; text-indent:15px; box-sizing:border-box; cursor:pointer;}
	.tab_on.on {background:#fff url(../img/bg_tab_m_c.png) no-repeat 96% center / 9px 6px;}
	.tab_list {display:none; position:absolute;top:38px;left:0; width:100%; background:#fff; border:2px solid #050505; box-sizing:border-box;}
	.tab_list li {height:38px; line-height:38px; border-bottom:1px solid #e9e9e9; box-sizing:border-box;}
	.tab_list li a {display:inline-block; width:100%; height:100%; color:#000; text-indent:15px;}


	/* 메인 */
	.main01 {min-width:100%; height:auto;} /* height:calc(100vh - 50px); */

	.main_slide {}
	.main_slide .gallery-top {}
	.main_slide .gallery-top .swiper-slide {background:#fff !important;}
	.main_slide .gallery-top .swiper-slide img {width:100%; height:auto;}
	.main_slide .gallery-top .swiper-slide.swiper-slide-active {}
	.main_slide .gallery-thumbs {width:240px; height:auto; left:15px; bottom:20px; margin-left:0px; /*border-top-left-radius:20px;*/}
	.main_slide .gallery-thumbs .swiper-slide {border-top-left-radius:20px;}
	.main_slide .gallery-thumbs .swiper-slide.swiper-slide-active {}
	.main_slide .gallery-thumbs .swiper-slide p {}
	.main_slide .gallery-thumbs .swiper-slide .tit {width:180px; height:50px; margin:72px 0 0 0; font-size:15px; line-height:1.4em;}
	.main_slide .gallery-thumbs .swiper-slide .tit span {font-size:27px;}
	.main_slide .gallery-thumbs .swiper-slide .page {margin:6px 0 0 30px; font-size:13px;}
	.main_slide .gallery-thumbs .swiper-slide .page span {font-size:19px;}

	.main_slide .gallery-thumbs .swiper-slide .sub {margin-top:5px; /*padding:0 30px;*/ font-size:12px;}
	.main_slide .gallery-thumbs .swiper-slide .more {width:40px; height:25px; margin:10px 0 0 30px; font-size:9px; line-height:25px;}
	.main_slide .gallery-thumbs .swiper-slide .more::after {top:9px; right:-8px; width:11px; height:3px; background:url(../img/btn_detail02.png) no-repeat right center / auto 100%;}
	.main_slide .gallery-thumbs .swiper-slide .more:hover {}
	.main_slide .gallery-thumbs .swiper-slide .more:hover::after {background:url(../img/btn_detail_on.png) no-repeat right center / auto 100%;}

	.main_slide .swiper-container-horizontal>.swiper-pagination-bullets, .main_slide .swiper-pagination-custom, .main_slide .swiper-pagination-fraction {display:inline-block; color:rgba(225,225,225,0.8); font-size:22px; box-sizing:border-box;}
	.main_slide .swiper-pagination-current {color:#fff; font-size:35px;}

	.main_slide .gallery-thumbs .btn_arrows {top:21px; width:70px; height:23px;}
	.main_slide .gallery-thumbs .swiper-button-next {left:55px; top:5px; width:6px; height:11px; margin-top:0; background:url('../img/btn_ms_next.png') no-repeat center center/6px auto;}
	.main_slide .gallery-thumbs .swiper-button-prev {left:35px; top:5px; width:6px; height:11px; margin-top:0; background:url('../img/btn_ms_prev.png') no-repeat center center/6px auto;} 
	.btn_arrows .btn_play, .btn_arrows .btn_stop {position:absolute; top:0; left:0; z-index:1; width:23px; height:23px;}
	.btn_arrows .btn_play img, .btn_arrows .btn_stop img {width:100%; height:100%;}
	.btn_arrows .btn_play {display:none;}

	.main02 {height:auto; padding-bottom:40px; background:#fff url(../img/bg_main02_m.jpg) no-repeat center top / 100% auto;}
	.main_con {width:100%; padding:0 15px; box-sizing:border-box;}
	.main_tit {padding-top:50px; padding-left:25px; padding-right:25px; word-break:keep-all;}
	.main_tit .tit {margin-left:-15px; font-size:28px;}
	.main_tit .tit::before {width:27px; height:7px; margin-right:-13px;}
	.main_tit .add {padding-top:5px; font-size:14px;}
	.main_pipeline {margin-top:50px;}
	.main_pipeline li {width:calc(50% - 5px); margin-left:10px; padding-top:90px; font-size:14px;}
	/* .main_pipeline li:first-child {background:url(../img/bg_pipeline01.png) no-repeat center top / 60px auto;} */
	.main_pipeline li:nth-child(1) {background:url(../img/bg_pipeline04.png) no-repeat center top / 60px auto;}
	.main_pipeline li:nth-child(2) {/*margin-top:20px;*/ margin-left:0; background:url(../img/bg_pipeline02.png) no-repeat center 7px / 50px auto;}
	.main_pipeline li:nth-child(3) {margin-top:20px; background:url(../img/bg_pipeline03.png) no-repeat center 5px / 70px auto;}
	.main_pipeline dt {margin-bottom:10px; font-size:18px;}
	.main_pipeline li:nth-child(2) dt {padding:0 10px; line-height:1.3em;}
	.main_pipeline dd {line-height:1.4; word-break:keep-all;}
	.main_pipeline li:first-child dd {margin-bottom:40px;}
	.main_pipeline li:nth-child(2) dd {margin-bottom:15px;}
	.main_pipeline li:nth-child(3) dd {margin-bottom:15px;}
	.main_pipeline li:nth-child(4) dd {margin-bottom:15px;}
	.btn_more {margin-top:15px;}
	.btn_more a {width:85px; height:35px; font-size:12px; line-height:35px;}
	.btn_more a::after {width:11px; height:4px; margin-left:5px; background:url(../img/btn_more.png) no-repeat right top / 100% auto;}
	.btn_more a:hover {}
	.btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}

	.main03 {height:auto; padding-bottom:40px; background:url(../img/bg_main03_m.jpg) no-repeat center top / cover;}
	.main03 .main_tit {}
	.noti_slide {margin:61px 0 5px; padding:0;}
	.noti_slide .swiper-container {}
	.noti_slide .swiper-container .swiper-slide:nth-child(2n) {margin-top:9px !important;}
	.noti_slide .swiper-button-next {top:-39px; margin-top:0; width:13px; height:23px; background-size:13px 23px;}
	.noti_slide .swiper-button-prev {left:initial; right:33px; top:-39px; margin-top:0; width:13px; height:23px; background-size:13px 23px;} 

	/*.noti_box {height:397px; padding:15px 10px;}*/
	.noti_box {/*height:240px;*/ height:auto; padding:15px 10px;}
	.noti_box .thumbs {height:auto;}
	.thumbs .cate {width:70px; height:35px; line-height:35px;}
	.thumbs img {height:auto;}
	.noti_box .tit {height:auto; margin-top:10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* height:4.2em; */ 
	.noti_box .date {margin-top:10px; font-size:12px;}
	.noti_box .con {margin-top:10px; font-size:14px; height:41px; -webkit-line-clamp:2} /* height:2.8em; */

	/* .noti_slide .swiper-slide-active .noti_box {border:3px solid #f6a81e;}
	.noti_slide .swiper-slide-active .thumbs .cate {background:#f6a81e;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a {border:1px solid #f6a81e;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a::after {background:url(../img/btn_more_on.png) no-repeat right top / 100% auto;}
	.noti_slide .swiper-slide-active .noti_box .btn_more a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;} */

	.btn_more.wh a {}
	.btn_more.wh a::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}
	.btn_more.wh a:hover {}

	.main04 {height:auto;}
	.main_ir {margin-top:25px;}
	.main_ir .left, .main_ir .right {}
	.main_ir .left {width:100%;}
	.main_stock {margin-bottom:10px; text-align:center;}
	.main_stock iframe {width:313px; margin:0 auto;}
	.main_ir .go_stock {height:70px; padding-top:0; padding-left:75px; background:rgba(237,237,237,1) url(../img/ico_stock.png) no-repeat 25px center / 33px 28px; text-align:left; font-size:18px; line-height:70px;}
	.main_ir .go_stock:hover {background:rgba(0,0,0,0.15) url(../img/ico_stock.png) no-repeat center 65px / auto auto;}
	.main_ir .go_stock::after {width:6px; height:9px; margin-left:calc(100% - 165px);}
	.main_ir .right {width:100%;}
	.main_disclosure {overflow:auto; width:100%; height:auto; margin:20px 0;}
	.main_disclosure iframe {width:100%;}
	.main_disclosure .go_disclosure {}

	.main05 {height:auto;}
	.main_recruit, .main_history {width:100%; font-size:12px;}
	.main_recruit {margin-top:25px; padding-top:61vw; padding-left:0; background:url(../img/bg_main05.png) no-repeat center top / 100% auto;}
	.main_recruit .go_recruit {width:100%; height:80px; padding:25px 0 0 30px; background:#f6a81e url(../img/bg_arrow02.png) no-repeat 90% center / 10px auto;}
	.main_recruit .go_recruit span {margin-bottom:5px; font-size:16px;}
	.main_recruit .go_recruit:hover {background:#333 url(../img/bg_arrow03.png) no-repeat 90% center / 10px auto;}
	.main_history {margin-top:25px; padding-bottom:45px;}
	.main_history .tit {font-size:24px;}
	.main_history .add {margin-bottom:15px;}
	.main_history img {width:100%;}

	.btn_more.bl a {}
	.btn_more.bl a::after {background:url(../img/btn_more03.png) no-repeat right top / 100% auto;}
	.btn_more.bl a:hover {}
	.btn_more.bl a:hover::after {background:url(../img/btn_more02.png) no-repeat right top / 100% auto;}


	/* Who we are */
  .tit_big {font-size:20px;}
	.txt_value {padding-bottom:15px; font-size:13px;}
	.txt_box {margin:15px 0; padding:25px; font-size:15px;}

  .img_core {padding-bottom:35px;}
  .img_mission {padding-bottom:35px;}

  .txt_hippocrates {padding-bottom:35px;}

	.txt_chart {padding-top:18px;}
	

	/* History */
	.history_con {}
	.history_con:after {bottom:-10px; width:10px; height:10px; margin-left:-5px;}
	.history_con .term {width:100px; height:100px; padding-top:32px; font-size:18px;}
	.history_con .term img {width:90%;}

	.history_con .history_list {padding-top:50px;}
	.history_con .history_list li {margin-bottom:10px;}
	.history_list .date {}
	.history_list .work {word-break:keep-all;}

	.history_con .right, .history_con .left {width:100%; font-size:14px;}
	.history_con .right .year, .history_con .left .year {font-size:22px;}

	.history_con .right .year {top:20px; margin-left:-5px;} 
	.history_con .right .year:before {width:10px; height:10px;}
	.history_con .right .history_list {padding-left:15px;}

	.history_con .left .year {top:20px; margin-right:-5px;}
	.history_con .left .year:after {width:10px; height:10px;}
	.history_con .left .history_list {padding-right:15px;}

	
  /* Leadership */
  .ceo_list {height:auto; padding:71.0937vw 10px 15px; background:url('../img/bg_m_ceo.jpg') no-repeat center top; background-size:100% auto;}
  .ceo_list dt {padding:12px 0 16px; font-size:15px; color:#333;}
  .ceo_list dt span {font-size:17px;}
  .ceo_list dd {padding-bottom:5px; padding-left:10px; text-indent:-10px; font-size:13px;}
  .ceo_list dd:before {width:3px; height:3px;}

  .management_list {}
	.management_list > li {width:100%; height:auto; margin-right:0; margin-bottom:20px; padding:0;}
	.management_list .position {}
	.management_list .position img {width:100%; height:100%;}
	.management_list .position dl {padding:12px 10px 0;}
	.management_list .position dt {font-size:16px;}
	.management_list .position dt span {font-size:14px;}
	.management_list li:nth-child(6) .position dt span {font-size:14px;}
	.management_list .position dd {font-size:20px;}
	.management_list .career {padding:15px 10px 10px;}
  .management_list .career > li {font-size:13px; padding-left:8px; text-indent:-8px;}
  .management_list .career > li:before {width:3px; height:3px;}


  /* 찾아오시는 길 */
  #map_ma {height:248px;}

  .address_box {margin:10px 0 25px; padding:15px 10px;}
  .address_box ul li {display:block; margin-right:0; margin-bottom:15px; padding-left:35px; padding-bottom:4px; background-size:27px 27px; font-size:14px;}
  .address_box ul li span {padding:0 0 3px; font-size:12px;}
  .address_box ul .two {background:url('../img/ico_call.png') no-repeat 0 0; background-size:27px 27px;}
  .address_box ul .three {margin-right:0; margin-bottom:0; padding-left:0; padding-bottom:0; vertical-align:bottom;}
  .address_box ul .three a {display:block; width:100%; height:36px; line-height:36px; padding-left:9px; background:#fff url('../img/ico_link.png') no-repeat 90% center; font-size:13px;}
  .address_box ul .three a .ic {width:20px; height:20px; background-size:20px 20px; vertical-align:-4px;}
  .address_box ul .three a .itr {width:20.5px; height:20px; background-size:cover; background-image: url('../img/ico_telegram_m.png');}

  .txt_contacts {font-size:15px;}

  .tbl_style02 {width:100%; margin-top:7px;}
  .tbl_style02 tbody th {padding:8px 12px; font-size:13px;}
  .tbl_style02 tbody td {padding:8px 12px; font-size:13px;}


	/* Platform */
	.txt_dot {margin-bottom:10px; padding-left:15px; font-size:16px; text-indent:-15px;}
	.txt_dot::before {width:5px; height:5px; margin-right:10px; vertical-align:3px;}
	.txt_dot.f20 {margin-bottom:20px; font-size:15px;}
	.txt_dot.f20::before {vertical-align:4px;}
	.img_box {margin-bottom:20px; text-align:center;}
	.img_box .web {display:none;}
	.img_box .mob {display:block;}
	.img_box.scrollx .mob {width:600px;} 
	.img_box .mob img {width:100%;}

	.scrollx {position:relative; width:100%; overflow-x:auto;}
	.scrollx .ico_scrollx {position:absolute; top:30px; left:50%; display:inline-block; width:60px !important; margin-left:-30px;}


	/* Oncology Strategy */
	.txt_exp {margin-bottom:10px; font-size:16px;}
	.txt_exp.f18 {font-size:14px;}


	/* About */
	.pipeline_link {margin-bottom:25px;}
	.pipeline_link li {display:inline-block; width:calc((100% - 10px) / 3) !important; height:30px; margin-top:5px; margin-right:5px; margin-left:0; margin-bottom:0; line-height:30px;}
	.pipeline_link li:nth-child(3n) {margin-right:0;}
	.pipeline_link li:first-child,
	.pipeline_link li:nth-child(2),
	.pipeline_link li:nth-child(3) {margin-top:0;}
	.pipeline_link li a {font-size:14px;}
	.pipeline_link li a::after {width:13px; height:5px;}
	.pipeline_link li.on a::before {width:25px;}

	.tbl_pipeline {width:600px;}
	.col01 {width:75px;} /* 67, 72->75 */
	.col02 {width:113px;} /* 116->113 */
	.col03 {width:80px;} /* 61->85 */
	.col04 {width:59px;}
	.col05 {width:67px;}
	.col06 {width:68px;}
	.col07 {width:68px;}
	.col08 {width:69px;}
	.col09 {width:1px;}
	.tbl_pipeline thead {}
	.tbl_pipeline th, .tbl_pipeline td {}
	.tbl_pipeline thead th, .tbl_pipeline thead td {height:39px; font-size:12px; background:url(../img/bg_tbl.jpg) no-repeat left bottom / auto auto;}
	.tbl_pipeline thead th:first-child, .tbl_pipeline thead td:first-child {background:none;}
	.fold {}
	.fold th, .fold td {height:75px;}
	.fold th {font-size:12px;}
	.fold td {font-size:13px; padding-left:5px;}
	.fold .bar {}
	.fold_con {}
	.fold_con .open {display:none !important; padding:20px;}
	.ico {background:none;}
	.on .ico {background:none;}
	.tbl_pipeline img.bar_red01 {width:305px;}
	.tbl_pipeline img.bar_blue01 {width:318px;}
	.tbl_pipeline img.bar_blue02 {width:308px;}
	.tbl_pipeline img.bar_blue03 {width:312px;}
	.tbl_pipeline img.bar_green01 {width:242px;}
	.tbl_pipeline img.bar_gray01 {width:185px;}

	/* 툴팁 */
	.tooltip_event {}
	.tooltip_event::after {width:20px; height:20px; margin-left:3px;}
	.tooltip_event > span {padding:10px !important; font-size:16px !important;}


	/* ABL001 */
	.note_box {margin-bottom:15px; padding:10px;}
	.note {min-height:15px; padding-left:20px; background:url(../img/ico_note.png) no-repeat left 4px / 11px auto;}
	.note dt {font-size:15px;}
	.note dd {margin-top:5px; font-size:13px;}

	.download_area {margin-bottom:20px;}
	.download_box {}
	.download_box p, .download_box a {display:inline-block; font-size:14px; box-sizing:border-box; vertical-align:top;}
	.download_txt {width:100%; height:auto; padding:10px 10px; border-right:none; border-bottom:1px solid #dfdfe5;}
	.download_btn {width:100%; height:40px;}
	.download_btn a {font-size:15px; line-height:40px;}
	.download_btn a::before {width:15px; height:13px; margin-right:10px; background:url(../img/ico_download02.png) no-repeat center center / 100% auto; vertical-align:-1px;}
	.download_btn a:hover {}
	.download_btn a:hover::before {background:url(../img/ico_download03.png) no-repeat center center / 100% auto;}
	.download_btn.go a::before {background:url(../img/ico_go.png) no-repeat center center / 100% auto;}
	.download_btn.go a:hover::before {background:url(../img/ico_go02.png) no-repeat center center / 100% auto;}


	/* Immuno-Oncology */
	.video {}
	.video iframe {}


	/* ABL301 */
	.vitro {padding-bottom:20px;}
	.vitro dt, .vitro dd {font-size:14px;}
	.vitro dt {} /* width:50px; */
	.vitro dd {} /* width:calc(100% - 50px); */


	/* Talents */
	.con_tit {margin-bottom:25px;}
	.con_tit .tit {font-size:19px;}
	.con_tit .add {margin-top:5px; font-size:14px;}

	.img_area {text-align:center;}
	.img_area .web {display:none;}
	.img_area .mob {display:block; padding:0 10px; box-sizing:border-box;}
	.img_area .mob img {width:100%;}


	/* Recruitment_목록 */
	.txt_box.job {display:none;}

	.list_board {border-top:3px solid #171717;}
	.list_board li {padding:10px 0; border-bottom:2px solid #e0dede;}
	.list_board .subject {padding-bottom:5px;}
	.list_board .subject a {display:inline-block; max-width:calc(100% - 20px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:-4px;}
	.list_board .date {font-size:12px;}

	.ongoing, .done {margin-left:10px;}
	.ongoing::before, .done::before {content:'/'; padding-right:5px;}


	/* Recruitment_읽기 */
	.view_content dd.date .ongoing, .view_content dd.date .done {margin-left:0;}
	.view_content dd.date .ongoing::after, .view_content dd.date .done::after {}
	.view_content dd.date .ongoing::before, .view_content dd.date .done::before {display:none;}


	/* Recruiting Process */
	.apply_area {height:230px; margin-top:35px; margin-right:-15px; background:url(../img/bg_apply_m.jpg) no-repeat right 25px / 75% auto;}
	.apply_area .txt {margin-right:15px; padding:90px 0 15px; border-top:1px solid #dddde3; font-size:14px;}
	.btn_apply {width:auto; height:34px; padding:0 15px; font-size:12px; line-height:34px;}
	.btn_apply::before {width:12px; height:10px; margin-right:5px; color:#fff !important; background:url(../img/ico_download.png) no-repeat center center / 100% auto;}
	.apply_add {padding-left:25%; margin-top:10px; font-size:12px; text-align:left;}


	/* Our Culture */
	.silde_gallery {padding:0;}
	.silde_gallery .swiper-container.gallery-thumbs {height:60px;}/* height:123px; */
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide {box-sizing:border-box;}/* height:60px; */
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {border:4px solid #f6a81e;}
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide img {}
	.silde_gallery .swiper-container.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img {width:calc(100% + 8px); height:calc(100% + 8px); margin:-4px 0 0 -4px;}
	.silde_gallery .swiper-container.gallery-top {height:auto;}
	.silde_gallery .swiper-container.gallery-top .swiper-slide {}
	.silde_gallery .swiper-container.gallery-top .swiper-slide img {}
	.silde_gallery .swiper-container.gallery-top .swiper-slide .slide_info {min-height:40px; padding:10px; font-size:13px;}
	.silde_gallery .swiper-button-next, .silde_gallery .swiper-button-prev {width:36px;
	height:36px; margin-top:-18px; background-size:9px 15px;}
	.silde_gallery .swiper-button-next {}
	.silde_gallery .swiper-button-prev {}


	/* stock */
	.xroll{overflow-x:auto;}
	

	/* Financial */
	.txt_unit{padding-bottom:7px; font-size:12px;}

	.tbl_style01 {width:100%; margin-bottom:25px; table-layout: fixed; word-break: break-word;}
	.tbl_style01 thead th {padding:10px 5px; font-size:13px;}
	.tbl_style01 tbody td {padding:10px 5px; font-size:13px;}
	.tbl_style01 tbody td:first-child {padding:10px 5px;}
	

	/* paging */
	.paging {padding-top:15px;}
	.paging strong, .paging a {margin-left:8px; font-size:13px;}
	.paging strong {width:24px; height:24px; line-height:24px;}
	.paging a {padding:3px;}
	.paging a:first-child {}
	.paging a:hover {}
	.paging .btn_first, .paging .btn_prev, .paging .btn_next, .paging .btn_end {height:13px;vertical-align:-6px;}
	.paging .btn_first:hover, .paging .btn_prev:hover, .paging .btn_next:hover, .paging .btn_end:hover {} 
	.paging .btn_first {width:15px; background:url(../img/btn_first.png) no-repeat center center / auto 100%;}
	.paging .btn_prev {width:7px; background:url(../img/btn_prev.png) no-repeat center center / auto 100%;}
	.paging .btn_next {width:7px; background:url(../img/btn_next.png) no-repeat center center / auto 100%;}
	.paging .btn_end {width:15px; background:url(../img/btn_end.png) no-repeat center center / auto 100%;}
	/* .btn_morepage {text-align:center; font-weight:700;}
    .btn_morepage .ic {content:""; display:inline-block; width:7px; height:7px; margin-right:5px; background:url('../img/btn_plus.png') no-repeat 0 0; background-size:7px 7px;}
    .btn_morepage span {font-weight:400;}
	.btn_morepage .on {color:#f6a81e;} */


  /* search form */
  .search_form {width:100%; padding-bottom:10px;}
  .search_form .search_select {display:block; width:100%; border-bottom:none;}
  .search_form .search_select select {height:26px; line-height:26px; border:1px solid #bebebe; background:url('../img/bg_m_select.png') no-repeat 0 0; background-position:right 50%; background-size:33px 26px;}
  .search_form .search_input {width:100%; margin-left:0; margin-top:5px; padding:0; border-bottom:none; font-size:0;}
  .search_form .search_input input {box-sizing:border-box; display:inline-block; width:calc(100% - 34px); height:26px; line-height:26px; border:1px solid #bebebe; border-right:0;}
  .search_form .search_input a {width:34px; height:26px; margin-left:0; background:url('../img/bg_m_search.png') no-repeat 0 0; background-size:34px 26px; vertical-align:bottom; font-size:0;}


  /* notice */
  .notice_list li {float:none; width:100%; height:auto; margin-bottom:10px; margin-right:0;}
	.notice_list li a {padding:20px 25px;}
	.notice_list li a:hover {padding:20px 25px; border:1px solid #f6a81e;}
    .notice_list li a .tit {font-size:14px;}
    .notice_list li a .content {height:80px; max-height:7em; margin:20px 0; font-size:12px;}
	.notice_list li a .info span {font-size:10px;}
	.notice_list li a .info .ico_file {width:15px; vertical-align:-2px;}
	
	.new {width:14px; height:14px; line-height:14px; font-size:10px; vertical-align:0;}


    /* notice view */
    .view_content {padding-bottom:10px;}
    .view_content dt {padding:15px 10px 5px; border-top:2px solid #f6a81e; font-size:14px;}
    .view_content dd.date {padding:0 10px 15px; font-size:12px;}
    .view_content dd.date span:before {margin:0 5px;}
	.view_content dd.date .ico_file {width:15px; margin-right:3px; vertical-align:-2px;}
    .view_content dd.con {padding:15px 10px;}
    .view_content dd.con div {font-size:13px;}

    .prev_next {padding:18px 10px; border:1px solid #dddde4; background:#f6f6f8;}
    .prev_next dt {display:block; width:100%; font-size:13px; color:#333;}
    .prev_next dd {display:block; width:100%; padding-top:15px; font-size:13px; color:#333;}

    .list_prev {margin-top:20px; margin-bottom:10px;}
    .list_prev dt:before{content:""; display:inline-block; width:14px; height:4px; margin-right:10px; background:url('../img/ico_prev2.png') no-repeat 0 0; background-size:14px 4px; vertical-align:4px;}

    .list_next dt:before{display:none;}
	.list_next dt:after{content:""; display:inline-block; width:14px; height:4px; margin-left:10px; background:url('../img/ico_next2.png') no-repeat 0 0; background-size:14px 4px; vertical-align:4px;}
	

	/* 자료실_목록 */
	.tag01, .tag02, .tag03, .tag04 {width:57px; height:20px; margin-right:7px; font-size:11px; line-height:18px; vertical-align:1px;}

	.list_board .ico_file {width:15px; margin-left:5px; vertical-align:-1px;}
	.video_wrap {width:100%;}
	.video_wrap .video{position:relative; width:100%; display:block; height:0; padding:0 0 56.25% 0; overflow:hidden;}
	.video_wrap .video iframe{position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; border:0;}


	/* 파이프라인_개요 */
	.pipeline01 .img_pipe01 {width:200%;}
	.btn_pop {left:23.9%; width:15.16%;}

	.btn_pop[class*="link"] { left: 125%;}
	.btn_pop.link01 { left: 169.2%; /*left: 155.6%;*/ width: 19.66%;}
	.btn_pop.link02 { width: 19.66%;}
	.btn_pop.link03 { width: 54%; /*width: 58%;*/}
	.btn_pop.link04 { width: 32%; /*width: 30%;*/}
	.btn_pop.link05 { width: 32%; /*width: 46%;*/}
	.btn_pop.link06 { width: 35.34%; /*width: 47.34%;*/}
	.btn_pop.link07 { width: 29.34%; /*width: 33.34%;*/}
	.btn_pop.link08 { width: 30%; /*width: 35%;*/}



	/* 파이프라인_리뉴얼 */
	.pipe_top {margin-bottom:20px; border-top:4px solid #f6a81e;}
	.pipe_top li {width:50%; height:auto; min-height:50px; padding-bottom:10px;}
	.pipe_top li:first-child {width:50%; border-bottom:1px solid #dfdfe5;}
	.pipe_top li:nth-child(2) {border-bottom:1px solid #dfdfe5;}
	.pipe_top li:nth-child(3) {border-left:0;}
	.pipe_top li:last-child {width:50%;}
	.pipe_top dl {padding:10px 0 0 15px;}
	.pipe_top dt {font-size:11px;}
	.pipe_top dd {padding-top:5px; font-size:13px; line-height:1.3;}

	.pipe_sum {margin-bottom:20px;}
	.pipe_sum dt {font-size:15px;}
	.pipe_sum dd {font-size:14px;}


	/* 공시정보 */
	.gongsi {height:auto; padding:0 0 0 0;}
	.gongsi .img {position:relative;}
	.gongsi .img img {width:calc(100% + 2px) ;}
	.gongsi .txt {padding:20px 10px 12px 10px;}
	.btn_gongsi {width:100%; height:35px; margin-top:5px; font-size:14px; line-height:35px;}


	/* footer */
  /* 2023-05-29 수정 */
  #footer {height:130px;}
  .foot_con {width:100%; height:100%; padding:15px;}
  .foot_con .logo {width:57px; height:21px;} /* MO 57*21 */
  .foot_con .addr {font-size:12px; margin-top:10px;} /* font-size:10px; */
  .foot_con .addr span {display:block;}
  .foot_con .copy {font-size:12px; margin-top:10px;} /* font-size:10px; */

	
	/* popup */
	.popup_base.event_pop .pop_content{position:relative; width:90%; margin:100px auto 0; box-sizing:border-box; background:#fff;}
	.pop_content .btn_xpop {top:-30px; right:0; z-index:10;}
	.pop_content .btn_xpop a {display:block; width:30px; height:30px; text-align:center; text-indent:-9999px; overflow:hidden; background:url(../img/btn_xpop.png) no-repeat; background-size:30px;}
	.pop_content h2.tit_event {padding:23px 0 5px; font-size:20px; letter-spacing:-1px;}
	.pop_content h2.tit_event span {padding-top:5px; font-weight:bold; font-size:27px;}
	.pop_content .event_list {padding:10px 20px 20px;}
	.pop_content .event_list li {padding-top:10px;}
	.pop_content .pop_list li {padding:20px;}
	.pop_content .pop_list li h2.tit_pop {padding:5px 0 12px; font-size:17px; letter-spacing:-1px;}
	.pop_content .pop_list li .pop_txt {padding-top:10px}
	.pop_content .pop_list li .pop_txt p {padding-top:5px; line-height:1.4; font-size:14px; letter-spacing:-1px;}
	.popup_base.event_pop .pop_content .swiper-slide {height:auto;}
	.popup_base .swiper-slide img{width:100%;}

	/* 20210503 추가 */
	/* Who We are */
	.video_box {padding:12px 0 35px;}
	.video_box video {width:100%; height:164px;}

	/* oncology */
	.video_box2 {padding:10px 0 27px}
	.video_box2 iframe {width:100%; height:164px;}
	.ti_br_fw500 {display:block; padding-left:15px; text-indent:-15px; font-weight:500;}

	.tbl_style03 {width:600px; margin-bottom:25px;}
    .tbl_style03 thead th {padding:10px 5px; font-size:13px;}
	.tbl_style03 tbody td {padding:10px 5px; font-size:13px;}
	.tbl_style03 tbody td a .link {width:12px;}
	.tbl_style03 tbody td a .pdf {width:34px;}

	/* 20210531 추가 */
	.pipe06_box2 .left {width:100%;}
	.pipe06_box2 .right {width:100%;}
	
	.br {display:inline;}

	/* 보유 자금 현황 */
	.txt_relations {padding-bottom:15px; font-size:14px;}

	/* 2022-03-28 추가 */
	.intro_list {margin-bottom:30px;}
	.intro_list li {width:calc(50% - 7px); margin-left:13px;}
	.intro_list li:nth-child(3) {margin-left:0;}
	/* .intro_list li:nth-child(3),
	.intro_list li:nth-child(4) {margin-top:8px;} */
	.intro_list li img {width:100%;}
	.intro_list li p {padding:12px 0 24px; font-size:14px;}

	.main_history .history_con .right, 
	.main_history .history_con .left {min-height:auto;}

	.main_history .history_con .right .history_img {top:30px; left:20px; width:123px; height:73px;}
	.main_history .history_con .left .history_img {top:30px; right:20px; width:123px; height:73px;}

	.history_con .right, 
	.history_con .left {min-height:auto;}

	.history_con .right .history_img {top:30px; left:20px; width:123px; height:73px;}
	.history_con .left .history_img {top:30px; right:20px; width:123px; height:73px;}
	
	/* 2022-04-25 추가 */
	.pipe06_box .left {width:100%;}
	.pipe06_box .right {width:100%;}
	.pipe06_box .right .txt_exp {margin-bottom:10px;}

	.talent_list {}
	.talent_list li {position:relative; float:none; width:100%; height:100%; margin-top:15px;}
	.talent_list li:nth-child(1) {margin-top:0; background:url('../img/bg_talent01_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(2) {background:url('../img/bg_talent02_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(3) {background:url('../img/bg_talent03_m.jpg') no-repeat 0 0;}
	.talent_list li:nth-child(4) {background:url('../img/bg_talent04_m.jpg') no-repeat 0 0;}
	.talent_list li .txt01 {padding-top:40px; font-size:18px;}
	.talent_list li .txt02 {padding:5px 0 100px; font-size:14px;}
	.talent_list li .txt_box {display:block; position:absolute; bottom:0 !important; left:0; width:100%; height:75px; margin:0 !important; padding:15px 35px 0;}
	.talent_list li:nth-child(1) .txt_box {background:#008acb; opacity:0.85;}
	.talent_list li:nth-child(2) .txt_box {background:#df9410; opacity:0.85;}
	.talent_list li:nth-child(3) .txt_box {background:#34875d; opacity:0.85;}
	.talent_list li:nth-child(4) .txt_box {background:#4d331f; opacity:0.85;}
	.talent_list li .txt_box .txt05 {font-size:12px; color:#fff;}

	.benefits_list > li {width:calc(50% - 3px); height:143px; margin-right:5px; margin-top:5px;}
	.benefits_list > li:nth-child(3),
	.benefits_list > li:nth-child(4) {margin-top:5px;}
	.benefits_list > li:nth-child(2n) {margin-right:0;}
	.benefits_list > li:nth-child(1) {background:url('../img/bg_benefits01.png') no-repeat 95% 95% / 32px 37px;}
	.benefits_list > li:nth-child(2) {background:url('../img/bg_benefits02.png') no-repeat 95% 95% / 46px 38px;}
	.benefits_list > li:nth-child(3) {background:url('../img/bg_benefits03.png') no-repeat 95% 95% / 47px 35px;}
	.benefits_list > li:nth-child(4) {background:url('../img/bg_benefits04.png') no-repeat 95% 95% / 54px 39px;}
	.benefits_list > li:nth-child(5) {background:url('../img/bg_benefits05.png') no-repeat 95% 95% / 20px 37px;}
	.benefits_list > li:nth-child(6) {background:url('../img/bg_benefits06.png') no-repeat 95% 95% / 49px 29px;}
	.benefits_list > li:nth-child(7) {background:url('../img/bg_benefits07.png') no-repeat 95% 95% / 40px 40px;}
	.benefits_list > li:nth-child(8) {background:url('../img/bg_benefits08.png') no-repeat 95% 95% / 44px 43px;}
	.benefits_list > li:nth-child(9) {background:url('../img/bg_benefits09.png') no-repeat 95% 95% / 37px 25px;}
	.benefits_list > li:nth-child(10) {background:url('../img/bg_benefits10.png') no-repeat 95% 95% / 38px 30px;}
	.benefits_list > li:nth-child(11) {background:url('../img/bg_benefits11.png') no-repeat 95% 95% / 27px 40px;}
	.benefits_list > li:nth-child(12) {background:url('../img/bg_benefits12.png') no-repeat 95% 95% / 34px 38px;}
	.benefits_list > li dl {padding:13px 15px 0;}
	.benefits_list > li dl dt {padding-bottom:8px; font-size:15px;}
	.benefits_list > li dl dd {font-size:12px;}
	.benefits_list > li dl dd > ul > li {padding-top:5px; padding-left:12px; text-indent:-12px; font-size:12px;}
	.benefits_list > li dl dd > ul > li:before {width:3px; height:3px; margin:0 5px 3px 0;}

	video#bgvid1 {width:100%; height:100%;}

	.txt_exp.txt_exp02 {margin-bottom:20px;}

	/* 2022-04-29 추가 */
	.txt_seminar {height:auto; line-height:1.4; margin:22px 0 0; padding:10px 0 15px; border-radius:7px; font-size:14px;}
	.txt_seminar .ic {width:12px; height:12px; margin:0 5px 0 0; vertical-align:1px;}


  /* 2023-05-16 추가 */
  .list_board .date.posters > span{vertical-align: middle;}
  .list_board .date.posters > a {margin-left:5px;}
  .list_board .date.posters a .link {width:12px;}
  .list_board .date.posters a .pdf {width:34px;}


  /* 2023-05-29 추가 */
  /* 메인 */
  .section {overflow:hidden; width:100%; padding-top:0;}

  /* 2024-01-22 추가 */
  #container.fullpage { padding-bottom: 0;}
  .section.sec05 {display: none;}

  .main .sec01 {}
  .visual_slide .visual_box {position:relative; height:0; padding-top:162.5%;}
  .visual_box video {position:absolute; top:0;}
  .visual_slide .visual_txt {top:10%; left:0; max-width:100%; padding:0 15px; box-sizing:border-box;} /* top:40px; */
  .visual_txt .tit {font-size:21px;}
  .visual_txt .tit > span {font-size:42px;}
  .visual_txt .sub {margin-top:15px; font-size:15px;} /* font-size:14px; */

  .visual_slide .swiper-pagination {display:flex; justify-content:space-between; width:100%; padding:0 15px; bottom:30px; left:0; box-sizing:border-box;}
  .visual_slide .swiper-pagination .swiper-pagination-bullet {width:calc((100% - 50px) / 3); margin:0; padding-top:5px;}

  .visual_slide .swiper-pagination-bullet .title {font-size:15px; text-shadow:0 0 7px rgba(0, 0, 0, 0.5);} /* font-size:13px; */

  .board_wrap {display:none;}


  .main .sec02 {padding-bottom:30px;}
  .sec_tit {margin-top:35px; font-size:30px;} /* font-size:28px; */
  .sec_tit span::after {top:6px; right:-10px; width:8px; height:8px;}
  .sec_txt {margin-top:10px; padding:0 15px; font-size:14px; word-break:keep-all; box-sizing:border-box;} /* font-size:12px; */

  .pipeline_box {display:block; position:relative; width:calc(100% - 30px); height:auto; margin:20px auto 0; border-radius:5px;}
  .pipeline_box .left {width:100%; height:82px; padding:0 15px;}
  .pipeline_box .left .tab_tit {display:none;}

  .pipeline_box .left .view_more.ty02 {left:50%; bottom:20px; transform:translateX(-50%);}
  .view_more.ty02 span {font-size:13px;}

  .view_more.ty02 span::before {top:7px; right:-23px; width:15px; height:2px; background:#fff; transition:right .3s ease;}
  .view_more.ty02 span::after {top:3px; right:-23px; width:8px; height:8px; border-top:2px solid #fff; border-right:2px solid #fff;}
  .view_more.ty02:hover {}
  .view_more.ty02:hover span {transform:scale(1.05);}
  .view_more.ty02:hover span::before, .view_more.ty02:hover span::after {right:-26px;}

  .pipeline_box .right {min-height:330px;}
  .pipeline_box .right::before {display:none;}
  .pipeline_box .right::after {display:none;}

  .pipeline_slide .swiper-slide.tab,
  .pipeline_slide .swiper-slide.tab.on {position:absolute; visibility:hidden; opacity:0; padding-bottom:15px;} 
  .pipeline_slide .swiper-slide.swiper-slide-active.tab,
  .pipeline_slide .swiper-slide.swiper-slide-active.tab.on {visibility:visible; opacity:1;} 

  .pipeline_box .tab {padding-left:15px; padding-right:15px; background-size:165px 165px;}
  .pipeline_box .tab:nth-child(1) {background-image:url('../img/bg_pipeline_g01_m.jpg');}
  .pipeline_box .tab:nth-child(2) {background-image:url('../img/bg_pipeline_g02_m.jpg')}
  .pipeline_box .tab:nth-child(3) {background-image:url('../img/bg_pipeline_g03_m.jpg')}

  .pipeline_box .slide_tit {display:block; position:absolute; top:-60px; left:50%; color:#fff; background:#f78908; font-size:16px; font-weight:bold; transform:translateX(-50%); opacity:0; transition:all .3s ease;}
  .pipeline_box .swiper-slide-active .slide_tit {opacity:1;}

  .pipeline_info .tit {margin-top:150px; font-size:18px;} /* font-size:16px; */
  .pipeline_info .tit > i {left:50%; transform:translateX(-50%);}
  .pipeline_info .tit > i.ico_pipeline01 {top:-121px; width:89px; height:101px;} /* MO 89*101 */
  .pipeline_info .tit > i.ico_pipeline02 {top:-126px; width:93px; height:94px;} /* MO 93*94 */
  .pipeline_info .tit > i.ico_pipeline03 {top:-113px; width:102px; height:88px;} /* MO 102*88 */

  .pipeline_info .sub {margin-top:15px; font-size:15px; word-break:keep-all;} /* font-size:13px; */
  .pipeline_info .txt {margin-top:15px; font-size:14px;} /* font-size:12px; */

  .pipeline_box .slide_arrow {display:block; position:absolute; top:50px; width:100%;}
  .pipeline_box .slide_arrow .swiper-button-prev, .pipeline_box .slide_arrow .swiper-button-next {top:0; width:0; height:0; background:none;} /* width:8px; height:14px; */
  .pipeline_box .slide_arrow .swiper-button-prev {left:70px;}
  .pipeline_box .slide_arrow .swiper-button-next {right:80px;}
  .pipeline_box .slide_arrow .swiper-button-prev::before, .pipeline_box .slide_arrow .swiper-button-next::before {content:''; display:inline-block; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff;}
  .pipeline_box .slide_arrow .swiper-button-prev::before {transform:rotate(-135deg);}
  .pipeline_box .slide_arrow .swiper-button-next::before {transform:rotate(45deg);}

  .main .sec03 {padding-bottom:30px;}
  .ir_info {flex-direction:column; width:100%; margin:15px auto 10px;}
  .ir_info dt {font-size:19px; text-align:center;} /* font-size:17px; */
  .ir_info dd {margin-top:5px; padding:0 35px; font-size:14px; text-align:center;} /* font-size:12px; */

  .ir_Box {width:calc(100% - 30px); margin:0 auto;}
  .ir_Box .top {height:40px; padding:0 10px; background:#dbdbdb; border-radius:5px;}
  .ir_Box .top .years {width:calc(100% - 110px);}
  .ir_Box .top .years > p {font-size:14px;} /* font-size:12px; */

  .ir_Box .con {margin-bottom:5px;}
  .ir_Box .con .assets_box {flex-wrap:wrap; margin-top:5px; padding:15px 10px 5px 10px; border-radius:5px;}
  .assets_box .assets_tit {margin-top:0; width:100%; color:#f78908; font-size:14px;} /* font-size:12px; */
  .assets_box .assets_tit span {padding-bottom:4px;}
  .assets_box .assets_con {flex:1;}
  .assets {height:auto; min-height:40px; padding:10px 0; font-size:14px; box-sizing:border-box;} /* font-size:12px; */
  .assets .cate {flex:0 0 auto; width:110px;}
  .assets .num {width:calc(100% - 110px);}
  .assets .num > p {flex:1; font-size:inherit; line-height:1.1; text-align:center;}
  .assets .num > p .add {font-size:10px; font-weight:normal;} /* font-size:8px; */

  .ir_Box .bot {height:62px; border-radius:5px; padding:5px 10px; font-size:14px;} /* font-size:12px; */
  .assets.total {font-size:16px;} /* font-size:14px; */

  .sec04 {padding-bottom:30px; background:#f78908}

  .history_wrap {width:calc(100% - 30px); padding-bottom:380px;}
  .history_year {margin:15px 0 10px;}
  .history_year .tab_tit li {width:70px;}
  .history_year .tab_tit a {padding-bottom:10px; font-size:25px;}
  .history_year .tab_tit a::after {height:2px;}

  .history_box {flex-direction:column; height:380px; padding:15px 20px; border-radius:5px;}
  .history_box .img {flex:none; margin-bottom:15px; text-align:center;}
  .history_box .img img {width:140px; margin:0;}
  .history_box .list li + li {margin-top:15px;}
  .history_box .list li .date {padding:2px 13px 0 10px; font-size:14px;} /* font-size:12px; */
  .history_box .list li .date::before {top:9px; width:2px; height:2px;}
  .history_box .list li .txt {font-size:14px;} /* font-size:12px; */
  .history_box .list::-webkit-scrollbar {
    width:5px;  /* 스크롤바의 너비 */
  }
  .sec04 .view_more_box {margin-top:20px;}

  /* 메인 팝업 템플릿 4종 */
	.popup_box_wrap {overflow-y:auto; flex-direction:column; max-width: 580px; width:calc(100% - 30px); height:100%;}
	.popup_box { flex:0 0 auto; width: 100%; height: 0; margin:15px auto 40px; padding-top: 68.1%; background-image: url('../img/bg_pop_box4_m.png');}
	.popup_box.type1 { background-image: url('../img/bg_pop_box1_m.png');}
	.popup_box.type2 { background-image: url('../img/bg_pop_box2_m.png');}
	.popup_box.type3 { background-image: url('../img/bg_pop_box3_m.png');}
	.popup_box.type5 { background-image: url('../img/bg_pop_box5_m.png');}

  .pop_noti { position: absolute; top:0; left: 0; width: 100%; padding:20px 30px; box-sizing: border-box;}
  .noti_tit {margin-bottom:10px; font-size:35px;}
  .noti_txt {padding:5px 0; font-size:14px;} /* font-size:13px; */
  .noti_txt::-webkit-scrollbar { 
    width:5px;  /* 스크롤바의 너비 */
  }

  .noti_shortcut {padding-top:8px;}
  .noti_shortcut a {font-size:14px;} /* font-size:13px; */
  .noti_shortcut a::before, .noti_shortcut a::after {height:1px;}
  .noti_shortcut a::before {right:-23px; bottom:6px; width:15px;}
  .noti_shortcut a::after {right:-23px; bottom:9px; width:7px;}
  .no_today {top:initial; bottom: -20px; font-size:13px;} /* font-size:12px; */
  .no_today input + label {min-height:15px; padding-left:20px;}
  .no_today input + label::before, .no_today input + label::after {}
  .no_today input + label::before {top:2px; left:0; width:15px; height:15px;}
  .no_today input + label::after {top:5px; left:3px; width:10px; height:6px;}

  .btn_close_pop {width:30px; height:30px;}
  .btn_close_pop::before, .btn_close_pop::after {top:14px; left:6px;  width:18px; height:2px;}


  /* 2023-05-29 추가 */
  /* 복지프로그램 */
  .benefits_wrap {flex-direction:column;}
  .benefits_wrap .left {}/* ie,파폭 */

  .slide_tab {width:100%; -ms-overflow-style:none; scrollbar-width:none;}/* ie,파폭 */
  .slide_tab ul.tab_tit {display:flex; overflow-x:auto;}
  .slide_tab ul.tab_tit::-webkit-scrollbar {display:none; z-index:5;}/* 크롬,사파리,오페라,엣지 */
  .slide_tab {position:relative; width:calc(100% + 30px) !important; margin-bottom:1rem; background:#fff; transform:translateX(-15px);} 
  .slide_tab::before, .slide_tab::after {content:''; display:none; width:15px; height:100%; position:absolute; top:0; z-index:1;}
  .slide_tab.before::before {display:inline-block; left:0; background: linear-gradient(to right, #fff, #fff 20%, transparent);}
  .slide_tab.after::after {display:inline-block; right:0; background: linear-gradient(to left, #fff, #fff 20%, transparent)}
  .slide_tab li:first-child {margin-left:15px;}
  .slide_tab li:last-child {margin-right:15px;}

  .benefits_wrap .tab_tit {}
  .benefits_wrap .tab_tit li {flex:0 0 auto; margin-bottom:0px;}
  .benefits_wrap .tab_tit li a {display:inline-block; min-width:120px; padding:10px 15px; font-size:15px; border-bottom:2px solid #d6d6d6; text-align:center; box-sizing:border-box;} /* font-size:13px; */
  .benefits_wrap .tab_tit li a::after {bottom:-2px; left:50%; width:0; height:2px;}
  .benefits_wrap .tab_tit li a span::after {top:1px; right:-10px; width:5px; height:5px;}

  .benefits_wrap .tab_tit li.on a::after {left:0%;}

  .benefits_box li {width:calc((100% - 20px) / 2); margin-bottom:35px; padding-left:0;}
  .benefits_box li:nth-child(2n) {margin-left:20px;}
  .benefits_box li i {height:47px;}
  .ico_benefits1 {background-size:auto 45px;}
  .ico_benefits2 {background-size:auto 42px;}
  .ico_benefits3 {background-size:auto 41px;}
  .ico_benefits4 {background-size:auto 44px;}
  .ico_benefits5 {background-size:auto 44px;}
  .ico_benefits6 {background-size:auto 36px;}
  .ico_benefits7 {background-size:auto 41px;}
  .ico_benefits8 {background-size:auto 37px;}
  .ico_benefits9 {background-size:auto 47px;}
  .ico_benefits10 {background-size:auto 39px;}
  .ico_benefits11 {background-size:auto 39px;}
  .ico_benefits12 {background-size:auto 40px;}
  .ico_benefits13 {background-size:auto 32px;}
  .ico_benefits14 {background-size:auto 47px;}
  .ico_benefits15 {background-size:auto 41px;}
  .ico_benefits16 {background-size:auto 43px;}
  .ico_benefits17 {background-size:auto 32px;}
  .ico_benefits18 {background-size:auto 39px;}
  .ico_benefits19 {background-size:auto 38px;}
  .ico_benefits20 {background-size:auto 39px;}
  .ico_benefits21 {background-size:auto 26px;}
  .benefits_box .bene_tit {margin-top:15px; font-size:16px;} /* font-size:13px; */
  .benefits_box .bene_txt {margin-top:10px;; font-size:14px;} /* font-size:10px; */

  /* 20230615 추가 */
  .pop_con .btn_pop_more {font-size:14px;}

  /* 2023-06-26 수정 */
	/* cyberNews */
	.cyberNews-txt {
		font-size: 15px;
	}

	.cyberNews-txt span {
		display: block;
	}

	.cyberNews-list .cyberNews-item {
		display: block;
		padding-bottom: 25px;
	}

	.cyberNews-list .cyberNews-item:last-child {
		padding-top: 25px;
		padding-bottom: 40px;
	}

	.cyberNews-list .cyberNews-item h4 {
		padding-left: 43px;
		height: 40px;
		background-position: left center;
		background-size: cover;
		font-size: 16px;
		line-height: 40px;
	}
	.cyberNews-list .cyberNews-item h4 span {
		display: inline;
	}

	.cyberNews-list .cyberNews-item:first-child h4 {
		background-size: 33px 28px;
	}
	.cyberNews-list .cyberNews-item:last-child h4 {
		margin-bottom: 15px;
		background-size: 35px 28px;
	}

	.cyberNews-list .cyberNews-item li {
		font-size: 14px;
	}

	.cyberNews-list .cyberNews-item .txt_num span:first-child {
		position: absolute;
		top: calc(50% - 11px);
		left: 0;
		width: 22px;
		height: 22px;
		font-size: 10px;
	}
	.cyberNews-list .cyberNews-item .txt_num span:last-child {
		display: block;
		padding-left: 30px;
		text-indent: 0;
	}

	.perInfo-con {
		margin: 10px 0 15px;
		font-size: 14px;
	}

	.perInfo-con .perInfo-box {
		margin-bottom: 7px;
	}

	.perInfo-con .perInfo-box .perInfo-txt {
		padding-right: 0;
	}

	.perInfo-con .perInfo-check {
		text-align: left;
	}

	.cyberNews-form {
		font-size: 14px;
	}

	.cyberNews-form li {
		display: block;
	}

	.cyberNews-form .cyberNews-form-head {
		display: block;
		padding: 10px 0 5px;
		width: auto;
		text-align: left;
		background-color: transparent;
	}

	.cyberNews-form .cyberNews-form-body {
		padding: 0;
		padding-bottom: 10px;
	}

	.cyberNews-form .cyberNews-form-body input,
	.cyberNews-form .cyberNews-form-body textarea,
	.cyberNews-form .cyberNews-form-body select {
		min-width: auto;
		width: 100%;
	}

	.cyberNews-form .cyberNews-form-body .flex-input > * {
		flex: 1 1 auto;
		margin: 0;
		margin-right: 5px;
	}
	.cyberNews-form .cyberNews-form-body .flex-input > *:last-child {
		margin-right: 0;
	}

	.cyberNews-form .cyberNews-form-body .flex-input > p {
		flex-grow: 0;
	}

	.cyberNews-form .cyberNews-form-body .flex-input input,
	.cyberNews-form .cyberNews-form-body .flex-input select {
		min-width: auto;
		width: calc(33% - 5px);
	}

	.cyberNews-form .cyberNews-form-body .flex-input.form-email input:first-child {
		max-width: 130px;
		width: 100%;
		min-width: 65px;
	}

	.cyberNews-form .cyberNews-form-body .flex-input.form-email p {
		margin: 0 3px;
	}

	.cyberNews-form .cyberNews-form-body .flex-input.form-file {
		width: 100%;
	}
	.cyberNews-form .cyberNews-form-body .flex-input.form-file .cyberNews-upload {
		max-width: calc(100% - 75px);
		width: calc(100% - 75px);
	}
	.cyberNews-form .cyberNews-form-body .flex-input.form-file label {
		flex: 0 0 auto;
		width: 75px;
	}
	.cyberNews-form .cyberNews-form-body .flex-input.form-spam {
		flex-wrap: wrap;
	}
	.cyberNews-form .cyberNews-form-body .flex-input.form-spam p:last-child {
		margin-top: 10px;
		width: 100%;
		text-align: center;
	}

	.cyberNews-btnBox button {
		width: 100%;
		font-size: 16px;
	}

	/* ethical */
	.ethical-txt {
		padding-top: 15px;
	}

	.ethical-list {
		margin-bottom: 0;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.ethical-list li {
		margin-bottom: 20px;
		padding-top: 35.94vw;
		padding-right: 0;
		background-size: 69.44% auto;
		width: calc(50% - 17px);
		font-size: 13px;
	}

	.ethical-img {
		margin: 15px 0;
	}

	.ethical-txt_box {
		padding-top: 30px;
		font-size: 13px;
		background-size: 102.5px auto;
		background-position: right -15px bottom -15px;
	}

	.ethical-txt_box strong {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.ethical-txt_box span {
		display: inline;
	}

	.ethical-txt_box a {
		min-width: 125px;
		line-height: 35px;
	}
	
	/* 20240724 추가 */
	.search_form.search_form02 {width:100%;}
	.search_form.search_form02 fieldset {width:100%;}
	.search_select02 {margin-left:0; margin-top:5px;}
	
	/* 20240725 추가 */
	/* 찾아오시는 길 */
	#map_ma02 {height:248px;}
	.address_box02 .three {position:static; right:0; top:0;}

	/* 파이프라인 개요 */
	.btn_pop.link09 {width:28%;}
	.btn_pop.link10 {width:23.5%;}

	/* 파이프라인 ABL503 */
	.txt_exp03 {margin-bottom:10px; padding-left:15px; font-size:14px;}
	.txt_exp04 {padding:10px 0 10px; font-size:14px;}
	
	/* 20240805 추가 */
	/* ABL111 */
	.txt_exp05 {padding:10px 0 10px; font-size:14px;}

	.pipeline_list {margin-bottom:10px; padding-left:0;}
	.pipeline_list li {padding-left:10px; text-indent:-10px; font-size:14px;}
	.pipeline_list li:before {width:3px; height:3px; margin-right:7px; border-radius:3px; vertical-align:4px;}

	.pipeline_list.pipeline_list02 {margin-bottom:15px;}
	
}