@charset "utf-8";
@font-face {
    font-family: 'NanumBarunGothicBold';
    src: url('/resources/font/NanumBarunGothicBold.eot');
    src: url('/resources/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/resources/font/NanumBarunGothicBold.woff') format('woff'),
         url('/resources/font/NanumBarunGothicBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/resources/font/NanumBarunGothic.eot');
    src: url('/resources/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
         url('/resources/font/NanumBarunGothic.woff') format('woff'),
         url('/resources/font/NanumBarunGothic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'NanumBarunGothicLight';
    src: url('/resources/font/NanumBarunGothicLight.eot');
    src: url('/resources/font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
         url('/resources/font/NanumBarunGothicLight.woff') format('woff'),
         url('/resources/font/NanumBarunGothicLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

/*---------- reset ----------*/
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html {margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden;}
body {margin: 0; padding: 0; position: relative; margin: 0; font-family: "NanumBarunGothic", 'Roboto', 'malgunGothic', 'dotum', sans-serif; font-size: 15px; line-height: 1.7; -webkit-text-size-adjust: none;}
html.open {overflow: hidden;}
html.bg-grey {background-color: #f4f4f4;}
header, h1, h2, h3, h4, h5, h6, section, p, ol, ul {margin: 0; padding: 0;}
button, select, input, textarea {font-family: "NanumBarunGothic", 'Roboto', sans-serif;}
button {-moz-appearance: none; -webkit-appearance: none; appearance: none;}
li {margin: 0; padding: 0; list-style: none;}
a {text-decoration: none; color: inherit;}
a[href^="tel"] {color: inherit;}
img {max-width: 100%; height: auto; vertical-align: top; border: 0;}
em, address {font-style: normal;}
hr {display: none;}
button {cursor: pointer; background: transparent; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; appearance: none;}
/* caption {overflow: hidden; width:100%; height: 1px; font-size: 0; line-height: 0; text-indent: -9999px; margin-top: -1px;} */ /* 20210607 주석 */ 
caption {position: absolute; width: 100%; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); color: rgba(0, 0, 0, 0);} /* 20210607 수정 */
table {max-width: 100%}


/*---------- layout ----------*/
#wrap {position: relative; overflow: hidden;}

/* header */
.header {position: relative; width: 100%; height: 80px; background: #fff; z-index: 9;}
.header .inner {max-width: 1200px; width: 100%; margin: 0 auto; padding-top: 20px;}
.header .logo {float: left; position: relative; z-index: 2;}
.header .util-menu {float: right; position: relative; padding-top: 8px; z-index: 2;}
.header .util-menu > a {font-size:0}
.header .list-global {display: none;}

.lnb {position: absolute; top: 0; left: 0; width: 100%; text-align: center; }
.lnb .innerLnb {position: relative; overflow: hidden; height: 80px;  z-index: 1; background: url(/resources/img/common/common/bg_header.png) 0 0 repeat-x; padding-left: 120px;} /* 201912 수정 */
.lnb .wrapSub {width: 100%;}
.lnb .wrapSub .inner {padding-top: 0;}
.lnb .wrapSub .inner:after {content:""; clear: both; display: table;}
.lnb .d-1 {display: inline-block; min-width: 130px; padding: 0 20px;} /* 202106 수정. */
.lnb .d-1 > a {position: relative; display: block; height: 80px; font-size: 19px; line-height: 82px; color: #111; font-family: 'NanumBarunGothicBold';}
.lnb .d-1:hover > a, .lnb .d-1:focus > a{color: #e51937;}
.lnb .d-1 > a:hover, .lnb .d-1 > a:focus{color: #e51937;}
.lnb .d-1 > a:hover:after, .lnb .d-1 > a:focus:after,
.lnb .d-1:hover > a:after, .lnb .d-1:focus > a:after{content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -7px; display: block; width: 14px; height: 7px; background: url(/resources/img/common/common/ico_header_arrow.png) no-repeat right 0;}
.lnb .d-1 > a span {position: relative; z-index: 2;}
.lnb .d-2 {float: left; width: 100%; padding: 30px 0;}
.lnb .d-2 > li > a {position: relative; font-size: 16px; line-height: 44px; color: #666; padding: 5px;}
.lnb .d-2 > li > a:hover, .lnb .d-2 > li > a:focus {color: #111; border-bottom: 1px solid #111; font-family: 'NanumBarunGothicBold';}

/* .lnb .d-1:nth-child(4) .d-2 > li:nth-child(2) > a:hover {color: #111; border-bottom: 1px solid #111; font-family: 'NanumBarunGothicBold';}
.lnb .d-1:nth-child(4) .d-2 > li:nth-child(2) > a:focus {color: #666; border-bottom: 0; font-family: 'NanumBarunGothic';} */

/* 모바일용 */
.header.open_m {position: fixed; top: 0; right: 0; width: 320px; height: 100%; background: #f8f8f8; z-index: 15;}
.header.open_m .inner_m {height: 100%; overflow-y: auto;}
.header.open_m .inner {position: relative; z-index: 10;}
.header.open_m > .inner_m > .inner {background: #dc2141; height: 65px;} /* 20240205 height 수정 */
.header.open_m .logo {display: none;}
.header.open_m .util-menu {position: absolute; padding: 0; top: 9px; left: 20px;}
.header.open_m .util-menu a {font-weight: normal;}
.header.open_m .util-menu li {float: left; position: relative;}
.header.open_m .util-menu li + li:not(:last-child) {padding-left: 10px; margin-left: 10px;} /* 20240205 속성 수정 */
.header.open_m .util-menu li + li:not(:last-child):before {content: ""; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 9px; margin-top: -5px; background-color: #fff;} /* 20240205 속성 수정 */

.header.open_m .list-global {display: block;}
.header.open_m .list-global a {color: #ffc3cd;}
.header.open_m .list-global .on a {color: #fff; font-weight: bold;}

.header.open_m .lnb {display: block;}

.header.open_m .btn-menu-m {display: none;}
.header.open_m .btn-menuClose-m {display: block;}


.lnb .d-1.open_m > a {color: #de2777;}
.lnb .d-1.open_m > a:before, .depth3_menu.open_m > a:before {background-color: #a1a1a1;}
.lnb .d-1.open_m > a:after {display: none;}
/* //모바일용 */

/* footer */
.footer {background: #f8f8f8; height: 105px !important; position: relative;}
.footer .inner {max-width: 1200px; padding: 45px 0 0 0 !important; display: block !important; width: 100%; margin: 0 auto; text-align: center; position: relative; vertical-align: middle;}
.footer .inner:after {display: block; clear: both; visibility: hidden; content: "";}

.footer .logo {position: absolute; top: 30px; left: 0;}
.footer .address {color: #666; font-size: 12px; margin: 0 0 0 -230px;} /* 20211117 수정 */
.footer .sk_ethics {border-right: 1px solid #888; padding: 0 7px 0 0; margin: 0 7px 0 0;} /* 20211117 추가 */
.footer .privacy {position: absolute; top: 42px; right: 305px; font-size: 13px; color: #666;}
.footer .privacy .end {font-weight: 700; color: #111;} /* 20211227 추가 */
.footer .mark {max-width: 100px; position: absolute; top: 24px; right: 170px;}
.footer .family {position: absolute; top: 36px; right: 0;}

.btn-familyView {position: relative;  display: block; border: 1px solid #adadad; font-size: 12px; text-align: left; color: #111; padding: 6px 15px; width: 130px;}
.btn-familyView.open {display: block; border: 1px solid #adadad; font-size: 12px; color: #111; padding: 6px 15px; width: 130px;}

.list-family {display: none; position: absolute; background: #fff; border: 1px solid #adadad;padding: 6px 15px; bottom: 33px; width: 130px;}
.list-family li {font-size: 12px; color: #888; line-height: 28px; text-align: left;}/* 230425 css 수정 */
.list-family li a:hover {color: #111; text-decoration: underline;}

/* spot */
.spot {display: table; width: 100%; height: 220px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.spot .inner {display: table-cell; text-align: center; vertical-align: middle;}
.spot .tit {display: inline-block; font-size: 46px; color: #fff; font-weight: normal;}
.spot .txt {padding: 0 20px; font-size: 16px; color: #fff;}

.spot.m_1 {background-image: url(/resources/img/common/common/img_spot_1.jpg);}
.spot.m_2 {background-image: url(/resources/img/common/common/img_spot_2.jpg);}
.spot.m_3 {background-image: url(/resources/img/common/common/img_spot_3.jpg);}
.spot.m_4 {background-image: url(/resources/img/common/common/img_spot_4.jpg);}
.spot.m_5 {background-image: url(/resources/img/common/common/img_spot_5.jpg);}
.spot.m_6 {background-image: url(/resources/img/common/common/img_spot_6.jpg);} /* 201912 추가 */
.spot.m_7 {background-image: url(/resources/img/common/common/img_spot_7.jpg); background-position: 0 0;} /* 202106 추가 */
.spot.m_8 {background-image: url(/resources/img/common/common/img_spot_8.jpg); background-position: 0 0;} /* 202106 추가 */

/* 동영상 자막 */
.scriptBtn button { display:block !important; position:relative; z-index:1; width:120px; height:40px; margin-top:20px; padding-right:15px; border:1px solid #ddd; font-size:14px; }
.scriptBtn button:after { content:''; position:absolute;top:16px;right:25px; width:6px; height:6px; border:1px solid #444; border-left:0; border-bottom:0; vertical-align:middle; transform:rotate(-45deg); transform-origin:50% 50%; transition:all 0.3s; }

.scriptBtn button.hide:after { transform:rotate(135deg); }

.scriptNote { display:none; overflow:hidden; position:relative; z-index:2; margin-top:-1px; background:#fafafa; border:1px solid #eeeeee; opacity:0; transition:opacity 0.5s; }
.scriptNote.show { display:block; opacity:1; }
.scriptNote.hide { display:none; opacity:0; }

.scriptNote .cont { overflow-y:auto; max-height:320px; padding:20px 25px; font-size:15px; line-height:28px; letter-spacing:-0.3px; }

.scriptNote .cont::-webkit-scrollbar { -webkit-appearance:none; }
.scriptNote .cont::-webkit-scrollbar-track-piece { background-color:#fafafa; }
.scriptNote .cont::-webkit-scrollbar:vertical { width:4px; }
.scriptNote .cont::-webkit-scrollbar-thumb { background-color:#aaaaaa; }
.scriptNote .cont::-webkit-scrollbar-button { -webkit-appearance:none; }

.scriptNote .cont p { font-size:15px !important; line-height:1.625 !important; }
.scriptNote p { margin-top:0; padding-top:15px; color:#4f4f4f; }

/* breadcrumb */
.breadcrumb {position: relative; width: 100%; text-align: right;  margin-top: 15px;}
.breadcrumb > .inner {position: relative; max-width: 1000px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.breadcrumb > .inner:after {content: ""; display: table; clear: both;}
.breadcrumb .list_bread:after {content: ""; display: table; clear: both;}
.breadcrumb .list_bread > li {position: relative; display: inline-block;}
.breadcrumb .list_bread > li + li {padding-left: 15px; margin-left: 10px; background: url(/resources/img/common/common/ico_bread_arrow.png) no-repeat left 45%; background-size: auto;}
.breadcrumb .d_home {text-align: center;}
.breadcrumb .d_home a{display: block; height: 22px; line-height: 22px;}
.breadcrumb .d_sub {height: 22px; font-size: 13px; line-height: 22px; color: #333;}

.content {min-height: 800px; padding-bottom: 130px;}

/* 202106 페이지 준비중 추가 */
.prepare {max-width: 90%; margin: 0 auto; text-align: center;}
.prepare i {background: #fff url(/resources/img/common/common/ico_warn.png) no-repeat center; display: block; width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 30px auto; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%;}
.prepare strong {color: #e51937 !important; font-size: 35px !important; background: none !important; padding: 0 !important;}
.prepare p {color: #333 !important; font-size: 35px !important; line-height: 32px !important; padding: 30px 3% !important;}
.prepare span {color: #666; font-size: 16px;}


/*---------- module ----------*/
/*accessibility */
/* .blind {position: absolute; left: -9999px; display: block; width: 1px; height: 1px; font-size: 0.1em; line-height: 0.01em; text-indent: -9999px; overflow: hidden;} */
.blind {overflow: hidden; position: absolute !important; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); line-height: 0;}

.btn-menu-m .blind {position: absolute !important; top: 0; width: 23px; height: 17px; color: transparent; line-height: 0;}
.btn-pageTop .blind {position: absolute !important; top: 1px; left:1px; width: 35px; height: 35px; color: transparent; line-height: 0;}

.w-hide, .ww-hide {display: none !important;}

.skipnavi {position: relative; max-width: 1000px; width: 100%; height: 0; margin: 0 auto; z-index: 10000;}
.skipnavi a {position: absolute; top: -500px; left: 0; display: block; font-size: 1px; text-indent: -10000px; overflow: hidden;}
.skipnavi a:active, .skipnavi a:focus {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 40px; padding: 5px 0; font-size: 14px; text-align: center; text-indent: 0; color: #fff; background-color: #dc2141; border: 1px solid #cecece;}

/* clear */
.clearFix:after {content: ""; clear :both; display: table;}

/* align */
.f-l {float: left !important;}
.f-c {float: center !important;}
.f-r {float: right !important;}
.a-l {text-align: left !important;}
.a-c {text-align: center !important;}
.a-r {text-align: right !important;}

/* icon */
.ico {display: inline-block; vertical-align: middle; color: transparent; line-height: 100%; background-image: url('/resources/img/kor/common/img_common.png'); background-repeat: no-repeat; -webkit-background-size: 500px 500px; background-size: 500px 500px;}

.ico._logoFoo {width: 115px; height: 47px; background-position: -110px 0;}
.ico._global {width: 21px; height: 21px; background-position: -260px -25px;}
.ico._fs-down {width: 7px; height: 4px; background-position: -240px 0;  position: absolute; right: 10px; top: 14px;}
.ico._fs-up {width: 7px; height: 4px; background-position: -240px -5px; position: absolute; right: 10px; top: 14px;}

.ico._home {width: 12px; height: 11px; background-image: url(/resources/img/common/common/icon_home.png); background-size: 12px 11px;}
.ico._q {width: 36px; height: 36px; background-position: -155px -100px;}
.ico._a {width: 36px; height: 36px; background-position: -200px -100px;}
.ico._down {width: 15px; height: 8px; background-position: -245px -100px;}

.ico._nerve {width: 44px; height: 38px; background-position: -250px -210px;}
.ico._cancer {width: 36px; height: 38px; background-position: -300px -210px;}

.ico._tumor {width: 55px; height: 55px; background-position: 0 -388px;}
.ico._lung {width: 55px; height: 55px; background-position: -55px -388px;}

.ico._value1 {width: 60px; height: 60px; background-position: 0 -326px;}
.ico._value2 {width: 60px; height: 60px; background-position: -60px -326px;}
.ico._value3 {width: 60px; height: 60px; background-position: -120px -326px;}
.ico._value4 {width: 60px; height: 60px; background-position: -180px -326px;}
.ico._value5 {width: 60px; height: 60px; background-position: -240px -326px;}
.ico._value6 {width: 60px; height: 60px; background-position: -300px -326px;}

.ico-capacity {display: inline-block; vertical-align: middle; background: url(/resources/img/common/rnd/ico-capacity.png) no-repeat 0 0;}
.ico-capacity._1 {width: 240px; height: 240px; background-position: 0 0;}
.ico-capacity._2 {width: 240px; height: 240px; background-position: -250px 0;}
.ico-capacity._3 {width: 240px; height: 240px; background-position: -500px 0;}
.ico-capacity._4 {width: 240px; height: 240px; background-position: -750px 0;}

.ico._recruit1{width: 32px; height: 36px; background-position: 0 -210px;}
.ico._recruit2{width: 30px; height: 36px; background-position: -40px -210px;}
.ico._recruit3{width: 32px; height: 36px; background-position: -80px -210px;}
.ico._recruit4{width: 30px; height: 36px; background-position: -120px -210px;}
.ico._recruit5{width: 32px; height: 36px; background-position: -160px -210px;}
.ico._recruit6{width: 25px; height: 36px; background-position: -200px -210px;}


/* button */
.btn1-m-normal {display: inline-block; width: 180px; height: 50px; font-size: 18px; line-height: 48px; text-align: center; vertical-align: middle; color: #fff; background-color: #555555; border: 1px solid #555555; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn1-m-weight {display: inline-block;  width: 180px; height: 50px;  font-size: 18px; line-height: 48px; text-align: center; vertical-align: middle; color: #fff; background-color: #e51937; border: 1px solid #e51937;-webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn2-xs-normal {display: inline-block; height: 20px; font-size: 13px; line-height: 22px; padding: 0 5px; text-align: center; vertical-align: middle; color: #535353; background-color: #d1d4dc; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'NanumBarunGothicLight'; font-weight: normal;}

.btn2-s-normal {display: inline-block; height: 30px; font-size: 14px; line-height: 30px; padding: 0 25px; text-align: center; vertical-align: middle; color: #fff; background-color: #666666; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn2-m-normal {display: inline-block; height: 45px; font-size: 16px; line-height: 45px; padding: 0 40px; text-align: center; vertical-align: middle; color: #fff; background-color: #38444f; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn2-m-normal2 {display: inline-block; height: 45px; font-size: 16px; line-height: 45px; padding: 0 40px; text-align: center; vertical-align: middle; color: #fff; background-color: #333; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn2-m-normal3 {display: inline-block; height: 45px; font-size: 16px; line-height: 45px; padding: 0 40px; text-align: center; vertical-align: middle; color: #fff; background-color: #414141; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn2-l-normal {display: inline-block; width: 260px; height: 55px; font-size: 20px; line-height: 53px; padding: 0 40px; text-align: center; vertical-align: middle; color: #fff; background-color: #414141; -webkit-appearance: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn-close {display: inline-block; width: 22px; height: 22px; vertical-align: middle; text-indent: -99999px; background: url('/resources/img/common/common/btn-close.png') no-repeat 0 0;}
.btn-menu-m {display: none;}
.btn-menuClose-m {display: none;}
.btn-search {display: inline-block; width: 56px; height: 42px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat -360px -15px;}
.btn-pageFirst {display: inline-block; width: 32px; height: 32px; vertical-align: middle; border: 1px solid #e4e4e4; background: url('/resources/img/kor/common/img_common.png') no-repeat -420px 0;}
.btn-pagePrev {display: inline-block; width: 32px; height: 32px; vertical-align: middle; border: 1px solid #e4e4e4; background: url('/resources/img/kor/common/img_common.png') no-repeat -460px 0;}
.btn-pageNext {display: inline-block; width: 32px; height: 32px; vertical-align: middle; border: 1px solid #e4e4e4; background: url('/resources/img/kor/common/img_common.png') no-repeat -420px -40px;}
.btn-pageLast {display: inline-block; width: 32px; height: 32px; vertical-align: middle; border: 1px solid #e4e4e4; background: url('/resources/img/kor/common/img_common.png') no-repeat  -460px -40px;}

.btn-facebook {display: inline-block; width: 41px; height: 41px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat 0 -100px; color: transparent; line-height: 0;}
.btn-facebook:hover, .btn-facebook:focus {background-position: 0 -150px;}
.btn-twitter {display: inline-block; width: 41px; height: 41px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat -50px -100px; color: transparent; line-height: 0;}
.btn-twitter:hover, .btn-twitter:focus {background-position: -50px -150px;}

.btn-home {display: inline-block; width: 27px; height: 26px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat -150px -150px; background-position: -150px -180px;}
.btn-home:hover,
.btn-home:focus {background-position: -150px -180px;}
.btn-in {display: inline-block; width: 27px; height: 26px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat -185px -150px; background-position: -185px -180px;}
.btn-in:hover,
.btn-in:focus {background-position: -185px -180px;}
.btn-twitter2 {display: inline-block; width: 27px; height: 26px; vertical-align: middle; background: url('/resources/img/kor/common/img_common.png') no-repeat -220px -150px; background-position: -220px -180px;}
.btn-twitter2:hover,
.btn-twitter2:focus {background-position: -220px -180px;}

/* input */
.input-search {position: relative; display: inline-block; padding-right: 56px; vertical-align: middle; background: #f8f8f8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.input-search .input {float: left; display: block; width: 220px; height: 42px; padding-left: 10px; font-size: 16px; line-height: 42px; vertical-align: middle; color: #777; background: #f8f8f8; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0;  -webkit-appearance: none;}
.input-search .btn-search {position: absolute; top: 0; right: 0;}

/* 202106 추가 select */
select::-ms-expand {display: none;}
.select-m {display: inline-block; width: 88px; padding: 10px; margin: 0 0 30px 0; font-size: 13px; vertical-align: middle; color: #8a8a8a; border: 1px solid #cecece; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/resources/img/common/common/bg_select.png) no-repeat right 10px center;}

.w1 {width: 1%;}
.w5 {width: 5%;}
.w6 {width: 6%;}
.w7 {width: 7%;}
.w8 {width: 8%;}
.w9 {width: 9%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w16 {width: 16%;}
.w20 {width: 20%;}
.w22 {width: 22%;}
.w25 {width: 25%;}
.w50 {width: 50%;}
.w100 {width: 100%;}

/* 202106 추가 */
.mb-40 {margin-bottom: 40px;}
.mt-60 {margin-top: 60px;}

/* 230801 추가 */
.mb-20 {margin-bottom: 20px;}

/* tit */
.h-t1 {font-size: 40px; color: #111; text-align: center; font-weight: normal; line-height: 100px; padding-bottom: 25px;}
.h-t2 {position: relative; font-size: 40px; color: #111; text-align: center; font-weight: normal; padding-bottom: 15px;}
.h-t2 span {color: #e51b38; font-weight: bold;}
.h-t2:after{content:""; position: absolute; bottom: 0; left: 50%; display: block; width: 28px; height: 2px; margin-left: -14px; background-color: #e51937;}
.h-t3 {font-family: 'NanumBarunGothicLight'; font-size: 34px; color: #111; text-align: center; font-weight: normal;}
.h-t4 {font-size: 18px; color: #111; font-weight: normal; padding-bottom: 10px;}
.h-t5 {font-family: 'NanumBarunGothicLight'; font-size: 28px; color: #111; font-weight: normal;}
.h-t5 span {color: #e51937; font-family: 'NanumBarunGothic'; font-weight: normal;}
.h-t6 {font-size: 30px; color: #111; font-weight: normal; text-align: center; margin-bottom: 40px;}
.h-t7 {font-size: 24px; color: #e51937; font-weight: normal; margin-bottom: 25px;}
.h-t8 {text-align: center; margin: 45px 0 50px 0;}

/* txt */
.txt-t1 {font-family: 'NanumBarunGothicLight'; font-size: 16px; line-height: 24px; color: #666; word-break:keep-all;}
.txt-t2 {font-family: 'NanumBarunGothicLight'; font-size: 13px; line-height: 20px; color: #666;}
.txt-t3 {font-family: 'NanumBarunGothicLight'; font-size: 13px; line-height: 20px; color: #999;}
.txt-t4 {font-family: 'NanumBarunGothicLight'; font-size: 16px; line-height: 26px; color: #666;} /* 20231026 css 수정 */
.txt-t5 {font-family: 'NanumBarunGothicLight'; font-size: 12px; line-height: 30px; color: #666; text-align: right;}
.txt-t6 {font-family: 'NanumBarunGothicLight'; font-size: 20px; color: #666;}
.letter { letter-spacing:-0.8px; }

.h-txt-t1 {text-align: center; font-size: 18px; color: #666; margin-top: 20px;}
.h-txt-t2 {text-align: center; font-size: 16px; line-height: 30px; color: #666; margin-top: 45px;}

.txt-guide {position: relative; font-family: 'NanumBarunGothicLight'; font-size: 13px; line-height: 30px; color: #727272; padding-left: 10px;}
.txt-guide:before {content: " "; position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #ababab;}

/* list */
.list-profile {margin-top: 30px;}
.list-profile li {position: relative; font-family: 'NanumBarunGothicLight'; font-size: 16px; color: #666; padding-left: 10px; margin-bottom: 3px;}
.list-profile li:before {content: " "; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background: #bebebe;}
.list-profile li span{display: block; font-size: 13px;}

.list-leader {text-align: center;}
.list-leader li {display: inline-block; width: 33%; margin-bottom: 35px;}
.list-leader li .img {margin-bottom: 5px;}
.list-leader li .tit {font-size: 26px; color: #111; font-weight: normal; margin-right: 10px; vertical-align: middle;}
.list-leader li p {font-family: 'NanumBarunGothicLight'; font-size: 18px; color: #666; }
.list-leader li p span {display: block; font-size: 13px;}

.list-value {margin-top: 25px;}
.list-value:after{content: ""; display: table; clear: both;}
.list-value li {float: left; text-align: center;}
.list-value li + li {margin-left: 28px;}
.list-value .cir {width: 130px; height: 130px; padding: 35px 0; margin-bottom: 20px; background: #fff; -webkit-border-radius: 140px; -moz-border-radius: 130px; border-radius: 130px; text-align: center; color: #666;}
.list-value .cir .tit {font-family: 'NanumBarunGothicBold'; font-size: 16px; color: #666; margin-top: 13px;}
.list-value .txt-t2 {font-family: 'NanumBarunGothicBold';}

.wrap-his {position: relative; padding-bottom: 60px;}
.wrap-his:before {content:""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background-color: #333;}
.wrap-his:after {content:""; position: absolute; bottom: 0; left: 50%; margin-left: -1px; display: block; width: 3px; height: 3px; background-color: #333; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.list-his {margin: 0;}
.list-his .year {position: relative; padding-top: 60px; font-size: 28px; line-height: 28px; color: #e51937; font-family: 'NanumBarunGothicBold';}
.list-his .year:before {content:" "; position: absolute; bottom: 13px; display: block; width: 42px; height: 1px; background-color: #f91616;}
.list-his .year:after {content:" "; position: absolute; bottom: 7px; width: 13px; height: 13px; background: #f91616; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px;}
.list-his .data {margin-left: 0; padding-top: 15px;}
.list-his .txt {font-size: 16px; line-height: 20px; color: #666; letter-spacing: -0.5px; word-break: keep-all; margin: 0 0 10px 5px;}
.list-his .txt:before {content: ""; display: inline-block; width: 3.2px; height: 3.2px; background: #666; position: relative; left: -5px; top: -3px;}
.list-his .txt + .txt {margin-top: 8px;}
.list-his .img {width: 100%; max-width: 365px; margin-top: 17px;}
.list-his .img img {display: inline-block;}

.list-his._right { padding-left: 50%; text-align: left;}
.list-his._right .year {padding-left: 55px;}
.list-his._right .year:before {left: 0;}
.list-his._right .year:after {left: -6px;}
.list-his._right .data {padding-left: 55px;}

.list-his._left {padding-right: 50%; text-align: right;}
.list-his._left .year {padding-right: 55px;}
.list-his._left .year:before {right: 0;}
.list-his._left .year:after {right: -7px;}
.list-his._left .data {padding-right: 55px;}
.list-his._left .img{margin-left: 80px;}

.history .inner-cont {max-width: 1018px;}
.history .list-his .txt strong {font-weight: normal; position: relative; top: -4px;}

.list-inquiry {margin-top: 16px;}
.list-inquiry li {position: relative; font-size: 16px; color: #fff;  padding-left: 10px;}
.list-inquiry li:before {content: " "; position: absolute; left: 0; top: 11px; width: 2px; height: 2px; background: #fff;}

.list-capacity {margin-top: 40px}
.list-capacity li {display: table; vertical-align: middle; width: 100%; margin-bottom: 10px;}
.list-capacity li:after{content: ""; display: table; clear: both;}
.list-capacity li .ico-capacity {float: left; margin-right: 30px;}
.list-capacity li .cont {width: 100%; padding: 40px 0;}
.list-capacity li .cont .tit{font-family: 'NanumBarunGothicBold'; font-size: 26px; line-height: 30px; margin-bottom: 20px;}
.list-capacity li:nth-child(even) {text-align: right;}
.list-capacity li:nth-child(even) .ico-capacity {float: right;  margin-right: 0; margin-left: 30px;}

.list-capacity li.wrap-capacity._1 .cont {width: 100%; padding: 55px 0;}
.list-capacity li.wrap-capacity._1 .tit {color: #7f5f5d;}
.list-capacity li.wrap-capacity._2 .tit {color: #667b49;}
.list-capacity li.wrap-capacity._3 .tit {color: #517a80;}
.list-capacity li.wrap-capacity._4 .tit {color: #5c6f92;}

.list-rnd {margin-top: 15px;}
.list-rnd li {position: relative; font-family: 'NanumBarunGothicLight';  font-size: 16px; color: #555; padding-left: 10px;}
.list-rnd li:before {content: " "; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #ababab;}
.list-rnd li + li {margin-top: 5px;}

.list-interest {margin-top: 7px;}
.list-interest li {position: relative; font-family: 'NanumBarunGothicLight';  font-size: 16px; color: #555; padding-left: 10px;}
.list-interest li:before {content: " "; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #ababab;}
.list-interest li + li {margin-top: 3px;}
.list-interest li ul li {padding-left: 0;}
.list-interest li ul li:before {display: none;}

.list-process {position: relative; margin-top: 55px; z-index: 1;}
.list-process:before {content:""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background-color: #b8b8b8; z-index: -1;}
.list-process:after {content: ""; display: table; clear: both;}
.list-process li {float: left; width: 180px; height: 180px; padding: 45px 0; background: #e97428; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; text-align: center; color: #fff;}
.list-process li + li {margin-left: 25px;}
.list-process li:last-child{background: #575757;}
.list-process li .num{display: block; font-size: 22px;}
.list-process li .txt{display: block; font-size: 16px; line-height: 26px;}
.list-process li .txt._2{margin-top: 10px;}

.list-data {}
.list-data li {position: relative; font-size: 14px; color: #666; padding-left: 10px;}
.list-data  li:before {content: " "; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background: #666;}

.list-news {border-top: 2px solid #505050;}
.list-news li {padding: 20px; border-bottom: 1px solid #e4e4e4;}
.list-news li a {display: block;}
.list-news li .img {display: inline-block; width: 26%; vertical-align: middle;}
.list-news li .img img {width: 100%;}
.list-news li .tit {padding-bottom: 5px; font-size: 20px; color: #111111; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list-news li .img + .cont {display: inline-block; width: 73%; padding-left: 30px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list-news li .cont {display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.list-news li .cont .tag {display: inline-block; width: 84px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-size: 13px; color: #737373; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 10px;}
.list-news li .cont .date {font-size: 13px;  color: #737373;}
.list-news li .cont .desc {font-family: 'NanumBarunGothicLight'; padding-top: 10px; font-size: 14px; line-height: 24px; color: #666666; overflow: hidden; text-overflow: ellipsis;}
.list-news li a:hover .tit, .list-news li a:focus .tit {color: #e51937;}
.list-news li a:hover .tag, .list-news li a:focus .tag {color: #fff; border: 1px solid #e51937; background: #e51937;}

.list-recruit {position: relative; margin-top: 25px;}
.list-recruit:before {content:""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background-color: #c7c7c7; z-index: -1;}
.list-recruit:after {content: ""; display: table; clear: both;}
.list-recruit li {float: left; width: 140px; height: 140px; padding: 35px 0; background: #ededed; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; text-align: center; color: #505050; display: table; vertical-align: middle;} /* 20231026 css 추가 */
.list-recruit li + li {margin-left: 32px;}
.list-recruit li:last-child{background: #e51937;  color: #fff;}
.list-recruit li .tit{display: block; font-family: 'NanumBarunGothicBold'; font-size: 16px; margin-top: 10px; display: table-cell; vertical-align: middle;} /* 20231026 css 추가 */

/* 20231026 css 추가 */
.list-recruit01 {position: relative; margin-top: 25px;}
.list-recruit01:before {content:""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background-color: #c7c7c7; z-index: -1;}
.list-recruit01:after {content: ""; display: table; clear: both;}
.list-recruit01 li {float: left; width: 140px; height: 140px; padding: 35px 0; background: #ededed; -webkit-border-radius: 140px; -moz-border-radius: 140px; border-radius: 140px; text-align: center; color: #505050; display: table; vertical-align: middle;}
.list-recruit01 li + li {margin-left: 75px;}
.list-recruit01 li:last-child{background: #e51937;  color: #fff;}
.list-recruit01 li .tit{display: block; font-family: 'NanumBarunGothicBold'; font-size: 16px; line-height: 20px; display: table-cell; vertical-align: middle;}
/* //20231026 css 추가 */

.list-qna {margin-top: 25px; border-top: 2px solid #505050;}
.list-qna .q {padding: 17px 30px 17px 20px; border-bottom: 1px solid #dadada;}
.list-qna .q .link {position: relative; display: block;}
.list-qna .q .ico._q {position: absolute; left: 0; top: 0;}
.list-qna .q .tit {font-size: 16px; color: #111; line-height: 36px; padding-left: 55px; padding-right: 25px;}
.list-qna .q .ico._down {position: absolute; top: 13px; right: 0px;}
.list-qna .q.open {border-bottom: none;}
.list-qna .q.open .ico._down {background-position: -245px -120px;}
.list-qna .a {margin: 0; padding: 17px 40px 20px 20px; background: #dfe2e7; border-bottom: 1px solid #dadada; display: none;}
.list-qna .a .desc {position: relative; padding-left: 55px; font-size: 16px; color: #111;}
.list-qna .a .ico._a {position: absolute; left: 0; top: 0;}

/* table */
.tbl-data {width: 100%; border-spacing: 0; border: 1px solid #ebebeb; border-collapse: collapse;}
.tbl-data th {padding: 7px 20px; font-size: 16px; font-weight: normal; line-height: 24px; text-align: left; vertical-align: middle; color: #666; border-bottom: 1px solid #ffffff; background-color: #ebebeb;}
.tbl-data tr:last-child th {border-bottom: 1px solid #ebebeb;}
.tbl-data td {font-family: 'NanumBarunGothicLight'; padding: 7px 20px; font-size: 16px; line-height: 24px; text-align: left; vertical-align: middle; color: #8f8f8f; border: 1px solid #ebebeb; background-color: #fff;}

.tbl-data2 {width: 100%; border-spacing: 0; border: 1px solid #e6e6e6; border-collapse: collapse;}
.tbl-data2 th {padding: 15px 10px; font-size: 11px; font-weight: normal; line-height: 16px; vertical-align: middle; color: #333; background-color: #f5f5f5;}
.tbl-data2 th + th {border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
.tbl-data2 td {padding: 0 5px; font-size: 14px; line-height: 15px; height: 52px; text-align: center; vertical-align: middle; color: #666; border-top: 1px solid #f5f5f5; background-color: #fff;}
.tbl-data2 td + td {border-left: 1px solid #f5f5f5;}
.tbl-data2 td a {text-decoration: underline; line-height: 18px;}
.tbl-data2 th.bg1{background-color: #e1e1e1;}
.tbl-data2 th.bg2{background-color: #cbcbcb;}
.tbl-data2 th.bg3{background-color: #b9b9b9;}
.tbl-data2 th.bg4{background-color: #a0a1a1;}
.tbl-data2 th.bg5{background-color: #96999a;}
.tbl-data2 th.bg6{background-color: #838a8c;}

.tbl-data2 th.th_first {border-left: 1px solid #ffffff;}

.tbl-data2 td.graph {padding: 0; text-align: left; line-height: 0px;}
.tbl-data2 tr.purple01 td.graph span {background-color: #933DE5;}
.tbl-data2 tr.purple02 td.graph span {background-color: #8155AC;}
.tbl-data2 tr.purple03 td.graph span {background-color: #A587C2;}
.tbl-data2 td.graph span {position: relative; display: inline-block; width: 103%; height: 25px; background-color:#461C6E;}
.tbl-data2 td.graph span.start {width: 93%; margin: 0 0 0 10%; border-top-left-radius: 57px; border-bottom-left-radius: 57px;}
.tbl-data2 td.graph span.end {width: 93%; margin: 0 7% 0 0; border-top-right-radius: 57px; border-bottom-right-radius: 57px;}
.tbl-data2 td.graph span.start.end {width: 80%; margin: 0 10%; border-radius: 57px; }
.tbl-data2 td.graph span.end.ninetyeight {width: 98%; margin: 0 2% 0 0; }
.tbl-data2 td.graph span.end.seventytwo {width: 72%; margin: 0 28% 0 0; }
.tbl-data2 td.graph span.end.fiftytwo {width: 52%; margin: 0 48% 0 0; }
.tbl-data2 td.graph span.end.ninetynine {width: 99%; margin: 0 1% 0 0; }
.tbl-data2 td.graph span.end.thirtyseven {width: 37%; margin: 0 63% 0 0; }
.tbl-data2 td.graph span.end.fiftynine {width: 59%; margin: 0 41% 0 0; }


.board-title {position: relative; border-top: 2px solid #505050;}
.board-title .data{padding: 25px 150px 25px 30px; border-bottom: 1px solid #e4e4e4;}
.board-title .tit {font-size: 26px; line-height: 36px; font-weight:normal; margin-bottom: 5px;}
.board-title .date {font-family: 'NanumBarunGothicLight'; font-size: 16px; color: #737373;}
.board-title .sns {display: table-cell; width: 50px; padding-right: 30px; text-align: right; vertical-align: middle;}

.board-cont {padding: 40px 30px; font-size: 16px; line-height: 32px; color: #666; word-break: break-word; border-bottom: 1px solid #e4e4e4;}
.board-cont img {max-width: 100%; width: auto; margin: 20px 0; vertical-align: top;}

/* box */
.box_ceo {background: url('/resources/img/common/company/img_leader_0.png') no-repeat right top; margin: 30px 0 20px; padding: 40px 0 140px;}
.box_ceo .tit {font-family: 'NanumBarunGothicBold'; font-size: 30px; color: #111;}
.box_ceo .tit span {font-family: 'NanumBarunGothicLight'; font-weight: normal; color: #333;}
.box_ceo .cont {margin-top: 5px; font-size: 26px; color: #333;}
.box_ceo .cont span {display: block; font-size: 16px; color: #666; margin-top: -7px;}

.box_vm {padding: 40px; min-height: 270px; margin-top: 60px;}
.box_vm .tit {font-family: 'NanumBarunGothicBold'; font-size: 29px; color: #333;}
.box_vm .txt-t1 {font-family: 'NanumBarunGothicBold'; margin-top: 25px;}
.box_vm._vision {background: #F8EFDF url('/resources/img/common/company/bg-vision.png') no-repeat right bottom; margin-bottom: 20px;}
.box_vm._mission {background: #EDE9F6 url('/resources/img/common/company/bg-mission.png') no-repeat right top; margin-bottom: 20px;}
.box_vm._value {background: #D7E3E8 url('/resources/img/common/company/bg-value.png') no-repeat right top; clear: both;}

.box_inquiry {position: relative; padding: 40px 45px; min-height: 300px;}
.box_inquiry .tit {font-size: 34px; line-height: 34px; color: #fff; font-weight: normal;}
.box_inquiry._1{background: url('/resources/img/common/company/bg-inquiry1.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;}
.box_inquiry._2{background: url('/resources/img/common/company/bg-inquiry2.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;}
.box_inquiry._3{background: #4f5d67 url('/resources/img/common/company/bg-inquiry3.png') no-repeat right center;}
.box_inquiry._4{background: url('/resources/img/common/company/bg-inquiry4.png') no-repeat right bottom; -webkit-background-size: cover; background-size: cover;}

.box_map {position: relative;}
.box_map img {vertical-align: top;}

.box-loc {position: relative; background: #f1f1f1; margin-top: 3px; padding: 17px 35px;}
.box-loc .link{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/resources/img/common/common/ic_arrow_down.png') 98% 26px no-repeat;}
.box-loc .cont .ico._down{position: absolute; top: 26px; right: 50px;}
.box-loc .cont {display: table; vertical-align: middle;}
.box-loc .cont .cont_left {width: 275px; display: table-cell; vertical-align: middle; font-family: 'NanumBarunGothicBold'; font-size: 16px; color: #111;}
.box-loc .cont .data {padding: 10px 0; display: none;}
.box-loc .cont .data .txt {font-size: 14px; color: #666; margin-bottom: 10px;}

.box-loc .cont.open .data {display: block;}
.box-loc.open .link{background: url('/resources/img/common/common/ic_arrow_up.png') 98% 26px no-repeat;}
.box-loc.open .cont .data {display: block;}
.box-loc.open .cont .tit.loc-3 {padding-bottom: 27px;}
.box-loc.open .cont .wrap-sns2 {position: absolute; padding: 0;}

.box-rnd {margin-top: 30px; padding: 25px 30px; background: #e0e4e5;}
.box-rnd .tit {font-size: 16px; color: #555555; font-family: 'NanumBarunGothicBold';}

.box-gray {background: #f8f8f8; padding: 40px;}
.box-gray .tit {font-size: 20px; color: #555; font-family: 'NanumBarunGothicBold';}

.box_portal {display: table; vertical-align: middle; width: 100%; text-align: center; height: 280px; background: #7a838a url('/resources/img/common/careers/bg_portal.png') no-repeat left center; margin-top: 0px;} /* 202106 수정 */
.box_portal .inner {display: table-cell;  vertical-align: middle;}
.box_portal p {font-family: 'NanumBarunGothicLight'; font-size: 18px; color: #fff; margin-bottom: 30px;}

/* layout */
.lay-t1 {float: left; width: 50%;}
.lay-t2 {max-width: 380px; width: 100%;}
.lay-t3 {float: left; width: 100%;}

.lay-l1 {float: left; max-width: 490px; width: 100%;}

.lay-r1 {float: left; max-width: 490px; width: 100%; margin-left: 20px;}

/* section */
.inner-cont {position: relative; max-width: 1000px; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inner-cont:after {content: ""; display: table; clear: both;}

.sect-ln1 {margin-bottom: 70px; padding-bottom: 70px; border-bottom: 1px solid #e2e2e2;}
.sect-ln1:after {content: ""; display: table; clear: both;}

/* paging */
.paging-t1 {text-align: center; margin-top: 50px;}
.paging-t1 .inner_num button{margin: 0 1px;}
.paging-t1 .inner_num a {box-sizing: border-box; display: inline-block; width: 32px; height: 32px; font-size: 14px; vertical-align: middle; border: 1px solid #e4e4e4; padding-top: 4px; color: #777; margin: 0 1px;}
.paging-t1 .inner_num a.on {font-weight: bold; color: #fff; background-color: #666; border: 1px solid #666;}

/* tab */
.tab-menu {}
.tab-menu .tab_inner {position: relative; max-width: 1000px; width: 100%; margin: 0 auto; padding-top: 20px; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.tab-menu .tab_inner:after {content:""; clear: both; display: block; height: 0; visibility: hidden;}
.tab-menu .tab_list {background: #ffffff;}
.tab-menu a {display: table; width: 100%; height: 53px; font-size: 16px; color: #666;}
.tab-menu a:hover, .tab-menu a:focus{color: #555;}
.tab-menu li > a > span {display: table-cell;  vertical-align: middle;}
.tab-menu li {float: left; width: 50%; text-align: center; border: 1px solid #d4d4d4;}
.tab-menu li + li {border-left: none;}
.tab-menu li.on {border: 1px solid #e51937; background: #e51937;}
.tab-menu li.on a {font-family: 'NanumBarunGothicBold'; color: #fff;}
.tab-menu.n2 li {width: 50%;} /* 202106 추가. */
.tab-menu.n3 li {width: 33.3%;}
.tab-menu.n4 li {width: 25%;}
.tab-menu.n5 li {width: 20%;} /* 230724 수정 */
.tab-menu.n6 li {width: calc(100% / 6);}

.ico-tab-menu {text-align: center;}
.ico-tab-menu .tab_inner {position: relative; max-width: 1000px; width: 100%; margin: 0 auto; padding-top: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ico-tab-menu .tab_inner:after {content:""; clear: both; display: block; height: 0; visibility: hidden;}
.ico-tab-menu li {position: relative; display: inline-block; margin: 0 20px;}
.ico-tab-menu .cir {width: 150px; height: 150px; padding: 40px 0; margin-bottom: 50px; background: #eee; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; text-align: center;}
.ico-tab-menu .cir .tit {font-family: 'NanumBarunGothicBold'; font-size: 16px; color: #505050; margin-top: 13px;}
.ico-tab-menu .on .cir {background: #737c83;}
.ico-tab-menu .on .cir .tit {color: #fff;}
.ico-tab-menu .on .ico._nerve {background-position: -250px -250px;}
.ico-tab-menu .on .ico._cancer {background-position: -300px -250px;}
.ico-tab-menu .on:after {content: ""; position: absolute; display: block; bottom: 0; left: 50%; margin-left: -16px; width: 33px; height: 12px;
background: url(/resources/img/common/common/bg_icoTab.png) no-repeat center;}

.unify .ico-tab-menu .cir {padding: 30px 0;}
.unify .ico-tab-menu .cir .tit {margin-top: 10px; padding: 0;}

.unify .ico-tab-menu .on .ico._tumor {background-position: 0 -444px;}
.unify .ico-tab-menu .on .ico._lung {background-position: -55px -444px;}

.his-tab-menu {}
.his-tab-menu .tab_inner {position: relative; max-width: 1000px; width: 100%; margin: 0 auto; padding-top: 55px; padding-bottom: 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.his-tab-menu .tab_inner:after {content: ""; clear: both; display: table;}
.his-tab-menu .tab_list {text-align: center;}
.his-tab-menu li {position: relative; display: inline-block; text-align: center;}
.his-tab-menu li + li:before {content: " "; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 3px; height: 3px; background: #c2c2c2;}
.his-tab-menu a {display: inline-block; width: 120px; height: 35px; line-height: 37px; margin: 0 15px; text-align: center; vertical-align: middle; font-family: 'NanumBarunGothicBold';  background-color: #fff; font-size: 16px; color: #111; -webkit-appearance: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.his-tab-menu li.on a {background: #e51937; color: #fff;}

.hisCont {width: 100%; display: none;}
.hisCont.on {display: block;}
.hisCont .cir {display: table; margin: 0 auto; width: 116px; height: 116px; background: #e51937 url(/resources/img/common/common/bg-line1.png) repeat; -webkit-border-radius: 116px; -moz-border-radius: 116px; border-radius: 116px; color: #fff; text-align: center;}
.hisCont .cir .cir_inner {display: table-cell;  vertical-align: middle;}
.hisCont .cir .tit {display: block; font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 14px; text-align: center; margin-bottom: 5px;}
.hisCont .cir .year {display: inline-block; font-size: 16px; line-height: 18px; text-align: left;}
.hisCont.sect_2018 {background: url(/resources/img/common/company/bg-his2018.png) no-repeat top left;}
.hisCont.sect_2016 {background: url(/resources/img/common/company/bg-his2016.png) no-repeat top left;}
/*.hisCont.sect_2011{background: url(/resources/img/common/company/bg-his2011.png) no-repeat top left;} */
.hisCont.sect_1999 {background: url(/resources/img/common/company/bg-his1999.png) no-repeat top left;}

/* wrap */
.wrap-search {margin-bottom: 25px; text-align: right;}
.wrap-search .inner {clear: both; display: inline-block; vertical-align: middle; overflow: hidden;}
.wrap-search .selec {float: left; display: block;}
.wrap-search .input-search {float: left; display: block;}

/* .wrap-pageTop {display: none; position: fixed; bottom: 120px; right: 20px; width: 50px; height: 50px; opacity: 0; z-index: 111118; outline: 1px solid black;} */
.wrap-pageTop {position: fixed; bottom: 0; width: 100%; opacity: 0; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: 8;}
.wrap-pageTop.show {display: block; opacity: 1;}
.wrap-pageTop .inner {width: 100%; max-width: 1100px; position: relative; margin: 0 auto;}
.wrap-pageTop .btn-pageTop {position: absolute; bottom: 60px; right: 75px;}  /*230119 top 위치 수정  */
.btn-pageTop {display: block; /* background: url('/resources/img/kor/common/img_common.png') no-repeat -300px 0; */ /* color: transparent; line-height: 0; */}
/* .btn-pageTop:focus {outline: 2px dotted #111;} */

.wrap-inquiry {margin-top: 60px;}

.wrap-sns{position: absolute; top: 39px; right: 30px;}
.wrap-sns button{margin-left: 5px;}

.wrap-sns2{}
.wrap-sns2 a{margin-right: 10px;}

.wrap_recruit {margin-top: 45px;}

.wrap-btn-c {position:relative; margin-top: 30px; text-align: center;}

/* popup */
.pop-global {position: fixed; top: 0; left: 0; display: none; width: 100%; z-index: 100;}
.pop-global .inner {position: relative; max-width: 1200px; width: 100%; margin: 0 auto;}
.pop-global .inner .pos {position: absolute; top: 51px; right: -70px; width: 160px; text-align: center; line-height: 32px;} /* 20240205 width,right 수정 */
.pop-global .btn-close {position: absolute; top: 29px; right: -22px;}
.pop-global .ly-inner {padding: 10px 0; background: #ffffff;}
.pop-global .list-global a {font-family: 'NanumBarunGothicBold'; color: #51555d;}
.pop-global .list-global .on a {color: #dc2141; text-decoration: underline;}
.pop-global .ico_arrow {display: block; width: 100%; height: 29px; background: url(/resources/img/common/common/ico_global_arrow.png) center center no-repeat;}

/* error */
.box-error {width: 100%; max-width: 1000px; margin: 150px auto 0; text-align: center;}
.box-error .h-t3{margin: 40px 0 10px;}
.box-follow {margin: 40px 0 50px 0; padding: 45px 65px; background: #f0f4f5; text-align: left;}
.box-follow h3 {font-size: 16px; color: #333; font-weight: normal; margin-bottom: 5px;}
.box-follow li {font-size: 14px; color: #666; font-family: 'NanumBarunGothicLight'; margin-bottom: 5px;}


/* dim */
.dim-pop, .dim-menu-m {position: fixed; background: #000; opacity: 0; z-index: 9; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.dim-pop.show {top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7;}

/* img */
.img-bg-m._l {position: absolute; top: 0; left: 0;}
.img-bg-m._r {position: absolute; top: 0; right: 0;}


/* 개인정보처리방침 */
#privacy-dialog {position: relative; width: 800px; margin: 0 auto; background: white; text-align: left;}
#privacy-dialog .privacy_wrap {overflow-y: scroll !important; height: 560px; padding: 40px 30px; -webkit-overflow-scrolling: touch;}
#privacy-dialog .h-t3 {letter-spacing: -0.2px;}
#privacy-dialog .box-t3 {margin: 20px 0 30px; padding: 20px 40px; background-color: #f8f8f8; color: #333;}

#privacy-dialog .h-t4 {margin: 20px 0; padding-bottom: 0;}
#privacy-dialog .txt-t1 {margin: 10px 0; font-size: 15px; color: #000;}

#privacy-dialog .list-number {margin: 10px 0 0; font-size: 15px; color: #666; line-height: 22px;}
#privacy-dialog .list-number > li {position: relative; padding: 4px 0 4px 20px; letter-spacing: -0.01em;}
#privacy-dialog .list-number > li:before {content: ''; display: block; position: absolute; top: 14px; left: 10px; width: 2px; height: 2px; margin-right: 20px; background-color: #999;}
#privacy-dialog .list-number > li.blank:before {display: none;}

.mfp-close-btn-in .mfp-close {top: -50px; font-size: 0; color: #fff; opacity: 1;}
.mfp-close-btn-in .mfp-close:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/resources/img/common/common/icon_close.png) no-repeat center center;background-size: 28px;-webkit-transition: -webkit-transform 300ms;transition: -webkit-transform 300ms;transition: transform 300ms;transition: transform 300ms, -webkit-transform 300ms;border-radius: 50%;}
button.mfp-close:hover:after {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}

/* 모바일 스크롤바 */
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}


/* 팝업 */

#warn_popup {width: 700px; height: 620px; background-color: #fff;}
#warn_popup1 {width: 560px; height: 540px; background-color: #fff;} /* 20201112 추가 */
.popup_logo {position: absolute; top: 15px; left: 15px;}
.popup_memo {display: inline-block; margin: 5px 0 0; padding: 6px 15px; border: 2px solid #f49a56; font-size: 24px; font-weight: 700; color: #f49a56; border-radius: 30px;}
.popup_close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #e51837 url(/resources/img/common/common/btn_popup_close.png) no-repeat 50% 50%; font-size:0;}

.modal_overlay {opacity: 0; filter:alpha(opacity=0); position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100% !important; background: #000 !important;} /* 20201112 수정 */
#warn_popup1.modal_box {display: none; position: fixed; top: 50%; left:50%; margin: -270px 0 0 -280px; z-index: 1100;} /* 20201112 추가 */
.modal_box {display: none; position: fixed; top: 50%; left:50%; z-index: 1100; transform: translate(-50%, -50%);}
.modal_box * {box-sizing:border-box;}

.modal_header {padding: 15px 0 10px; text-align: center;}
.modal_body {padding: 10px 34px; text-align: left;}
.modal_body.pc {display: block;}
.modal_body.mo {display: none;}
.modal_body strong.tit {display: block; margin: 0 0 20px; font-size: 30px; text-align: center; line-height: 34px;}
.modal_body strong.tit em {color: #e11936;}
.modal_body strong.tit span {font-weight: 300;}

.modal_body .btn_view {margin: 20px 0; padding: 15px 20px; background: #f4f4f4;}
.modal_body .btn_view ul {text-align: left;}

.modal_body .btn_view ul li {padding: 1px 0; font-size: 14px; color: #7f7f7f;}
.modal_body .btn_view ul li strong {font-weight: normal; color: #000;}
.modal_body .btn_view ul li span {padding-left: 64px;} /* 20201112 추가 */

.modal_body p.txt {font-size: 14px; line-height: 20px;}

/* .modal_body .btn_both {width: 100%; margin: 0 0 34px; padding: 0 50px;}
.modal_body .btn_both:after {display: block; clear: both; content: '';}
.modal_body .btn_both .fl {float: left; text-align: left; font-size: 14px; letter-spacing: -0.5px;}
.modal_body .btn_both .fr {float: right;} */

.close_option {position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #333; font-size: 12px; color: #fff; line-height: 33px;}
.close_option a {display: block; width: 13px; height: 13px; color: #fff; text-decoration: none;}
.close_option:after {content: '.'; display: block; clear: both; height: 0; line-height: 0; visibility: hidden;}
.close_option input {position: relative; top: 4px;}
.close_option label {padding-left: 3px;}
.close_option .lt {float: left; padding: 0 0 0 5px;}
.close_option .rt {float: right; padding: 10px 10px 0 0;}


/* 관리자 연동 팝업 */

#popup {width: 450px; background-color: #fff;}
#popup.modal_box {display: none; position: fixed; top: 100px; left: auto; left: 360px; z-index: 1100; margin: 0; /* border: 3px solid #2b2d2f; */}

.modal_box .box-Bnews .link {display: block;}
.modal_box .box-Bnews .img {position: relative; height: 250px; margin: 30px 30px 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.modal_box .box-Bnews .img:after {content:""; display: block; width: 100%; padding-bottom: 56%;}
.modal_box .box-Bnews .cont {background: #fff; padding: 22px 30px 40px;}
.modal_box .box-Bnews .tit {font-family: 'NanumBarunGothic'; font-size: 22px; font-weight: normal; line-height: 28px; color: #111; margin-bottom: 15px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.8px;}
.modal_box .box-Bnews .tag {display: inline-block; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-size: 14px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 10px;}

.modal_box .box-Bnews .link:hover .tit, 
.modal_box .box-Bnews .link:focus .tit {color: #e51937;}

.t_center {text-align: center;}

/*========== media screen == 1200 ==========*/
@media screen and (max-width: 1200px){
/*---------- layout ----------*/
/* header */
.header .logo {margin-left: 20px;}
.header .util-menu {margin-right: 20px;}

/* footer */
.footer .logo {margin-left: 20px;}
.footer .family {margin-right: 20px;}


/*---------- module ----------*/
/* popup */
.pop-global .inner .pos {right: -22px;}

}

/*========== 20211117 추가 media screen == 1100 ==========*/
@media screen and (max-width: 1100px){
/*---------- layout ----------*/
	/* footer */
	.footer .address {margin: 0 0 0 -280px;}
	.footer .privacy a {font-size: 12px;}
}


/*========== media screen == 1024 ==========*/
@media screen and (max-width: 1024px){
/*---------- layout ----------*/
/* header */
.header{position: absolute; height: 40px; top: 0;}
.header ._global {display: none;}
.header .list-global {display: none;}
.header .logo {position: absolute; top: 8px; left: 15px; margin-left: 0;}
.header .logo a {display: block;}
.header .logo img{display: block; width: 60px;}
.header .util-menu {margin-right: 0;}

.header .btn-menu-m {position: absolute; top: 12px; right: 15px;}
.header .btn-menuClose-m {display: none; position: absolute; top: 10px; right: 17px; z-index: 10;}

.lnb {position: relative; top: auto; left: auto; display: none; padding-bottom: 0; border-bottom: none;}
.lnb:before {content:""; display: block; clear: both;}
.lnb .innerLnb {height: auto !important; overflow: inherit; background: none; padding-left: 0;}
.lnb .wrapSub, .depth3_menu {position: relative; top: auto; left: auto; display: block; max-height: 0; overflow: hidden; border-bottom: 0; background-color: #fff; -webkit-transition: max-height 0.6s ease-in-out; -moz-transition: max-height 0.6s ease-in-out; -ms-transition: max-height 0.6s ease-in-out; -o-transition: max-height 0.6s ease-in-out; transition: max-height 0.6s ease-in-out; transform: translate3d(0px, 0px, 0px);}
.lnb .wrapSub .inner {width: auto;}
.lnb .d-1 {display: block; padding: 0;}
.lnb .d-1 > a {position: relative; width: auto; height: 60px; padding-left: 20px; font-size: 18px; line-height: 60px; text-align: left; color: #333; border-bottom: 1px solid #e4e4e4; font-weight: normal; font-family: 'NanumBarunGothic';}
.lnb .d-1 > a:before {content: ""; position: absolute; top: 50%; right: 20px; display: block; width: 15px; height: 1px; margin-top: -1px; background-color: #666;}
.gnb_depth3 > a:before {right: 20px; left: auto !important; width: 15px !important; height: 1px !important; background: #bcbcbc !important;}
.gnb_depth3 > a:after {content: ""; position: absolute; top: 50%; right: 27px; display: block; width: 1px; height: 15px; margin-top: -8px; background-color: #bcbcbc;}
.gnb_depth3.open_m > a:after {display: none;}
.gnb_depth3 > a:hover:before, .gnb_depth3 > a:active:before {background-color: #bcbcbc !important;}
.lnb .d-1 > a:after {content: ""; position: absolute; top: 50%; right: 27px; display: block; width: 1px; height: 15px; margin-top: -8px; background-color: #666;}
.lnb .d-1 > a:hover:after,
.lnb .d-1 > a:focus:after{content: ""; position: absolute; top: 50%; right: 27px; display: block; width: 1px; height: 15px; margin-top: -8px; background: #666;  bottom: inherit; left: inherit; margin-left: inherit;}
.lnb .d-1:hover > a:after,
.lnb .d-1:focus > a:after{content: ""; position: absolute; top: 50%; right: 27px; display: block; width: 1px; height: 15px; margin-top: -8px; background: #666;  bottom: inherit; left: inherit; margin-left: inherit;}

.lnb .d-1.open_m > a {color: #333;}
.lnb .d-1.open_m > a:before {background-color: #666;}
.lnb .d-1.open_m > a:after {display: none;}
.lnb .d-1.open_m .wrapSub, .gnb_depth3.open_m .depth3_menu {display: block; max-height: 300px;}

.lnb .d-2 {display: none; float: none; padding: 0; }

.lnb .d-1.open_m .d-2 {display: block;}

.lnb .d-2 > li {float: none; width: auto; border-bottom: 1px solid #eaeaea;}
.lnb .d-2 > li > a {position: relative; display: block; padding: 7px 20px 7px 30px; font-size: 14px; line-height: 24px; color: #666; text-align: left;}
.lnb .d-2 > li > a:before {content: ""; position: absolute; top: 50%; left: 20px; margin-top: -1px; display: block; width: 2px; height: 2px; background-color: #bcbcbc;}
.lnb .d-2 > li > a:hover, .lnb .d-2 > li > a:focus, .gnb_depth3.open_m a {color: #fff !important; background: #393939; border-bottom: none; font-family: 'NanumBarunGothic';}
.lnb .d-2 > li > a:hover:before, .lnb .d-2 > li > a:focus:before {background-color: #e51937;}
.depth3_menu {display: none; border-top: 1px solid #ccc; padding: 15px 0 5px 0;}
.gnb_depth3.open_m .depth3_menu li a {background: none !important; color: #333 !important;}

/* footer */
#footer {height: auto !important;}
#footer .inner {padding: 55px 0 15px 0 !important;}

.footer .logo {position: relative; top: 0; left: 0; margin-left: 0;}
.footer .address {font-size: 10px; margin: 10px 0 0 0;} /* 20211117 수정 */
.footer .privacy {position: relative; top: 0; right: 0; margin: 5px 0 0;}
.footer .mark {position: relative; top: 0; right: 0; margin: 5px auto 0 auto;}
.footer .mark a img {width:80px}
.footer .family {position: absolute; top: 0; left: 0; width: 100%; margin: 0;}

.btn-familyView {border: none; color: #fff; padding: 8px 20px; width: 100%; background: #949494;}
.btn-familyView.open {display: block; border: none; color: #fff; padding: 8px 20px; width: 100%;}

.list-family {display: none; position: absolute; background: #fff; border: 1px solid #adadad;padding: 6px 15px; bottom: 33px; width: 100%;}
.list-family li {font-size: 12px; color: #888; line-height: 28px; text-align: left;}/* 230425 css 수정 */
.list-family li a:hover {color: #111; text-decoration: underline;}

/* spot */
.spot {height: 145px;}
.spot .tit {font-size: 23px;}
.spot .txt {display: none;}

/* breadcrumb */
.breadcrumb {display: none;}

.content {padding-top: 40px; padding-bottom: 80px;}


/*---------- module ----------*/
/*accessibility */
.w-hide {display: block !important;}
.m-hide {display: none !important;}

/* icon */
.ico._logow { width: 61px; height: 25px; background: url(/resources/img/common/common/logow_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._logoFoo { width: 60px; height: 24px; background: url(/resources/img/kor/common/logoFoo_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._fs-down {width: 12px; height: 6px; right: 20px; top: 16px; background: url(/resources/img/common/common/fs-down_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._fs-up {width: 12px; height: 6px; right: 20px; top: 16px; background: url(/resources/img/common/common/fs-up_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

.ico._q {width: 27px; height: 27px; background: url(/resources/img/common/common/ico_q_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._a {width: 27px; height: 27px; background: url(/resources/img/common/common/ico_a_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._down {width: 11px; height: 6px; background: url(/resources/img/common/common/ico_down_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

.ico._nerve {width: 27px; height: 23px; background: url(/resources/img/common/common/ico_nerve_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._cancer {width: 22px; height: 23px; background: url(/resources/img/common/common/ico_cancer_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

/* .ico._value1 {width: 18px; height: 23px; background: url(/resources/img/common/common/ico__value1_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._value2 {width: 20px; height: 23px; background: url(/resources/img/common/common/ico__value2_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._value3 {width: 14px; height: 23px; background: url(/resources/img/common/common/ico__value3_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._value4 {width: 18px; height: 23px; background: url(/resources/img/common/common/ico__value4_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._value5 {width: 16px; height: 23px; background: url(/resources/img/common/common/ico__value5_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;} */

.ico-capacity._1 {width: 144px; height: 144px; background: url(/resources/img/common/rnd/ico_capacity1_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico-capacity._2 {width: 144px; height: 144px;  background: url(/resources/img/common/rnd/ico_capacity2_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico-capacity._3 {width: 144px; height: 144px;  background: url(/resources/img/common/rnd/ico_capacity3_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico-capacity._4 {width: 144px; height: 144px;  background: url(/resources/img/common/rnd/ico_capacity4_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

.ico._recruit1{background: url(/resources/img/common/common/ico_recruit1_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._recruit2{background: url(/resources/img/common/common/ico_recruit2_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._recruit3{background: url(/resources/img/common/common/ico_recruit3_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._recruit4{background: url(/resources/img/common/common/ico_recruit4_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._recruit5{background: url(/resources/img/common/common/ico_recruit5_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico._recruit6{background: url(/resources/img/common/common/ico_recruit6_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}


/* button */
.btn1-m-normal {font-size: 14px; height: 36px; line-height: 34px;}

.btn2-xs-normal {font-size: 10px;}
.btn2-s-normal {font-size: 12px;}
.btn2-m-normal {font-size: 12px; padding: 0 20px; height: 34px; line-height: 34px;}
.btn2-m-normal2 {font-size: 12px; padding: 0 20px; height: 34px; line-height: 34px;}
.btn2-m-normal3 {font-size: 12px; padding: 0 20px; height: 34px; line-height: 34px;}
.btn2-l-normal {font-size: 14px; padding: 0 40px; height: 38px; line-height: 38px; width: auto;}


.btn-menu-m {display: inline-block; width: 23px; height: 17px; background: url(/resources/img/common/common/btn_menu_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%; z-index: 2; color:transparent; line-height: 0;}
.btn-menuClose-m {display: block; width: 19px; height: 19px; background: url(/resources/img/common/common/btn_menuClose_m.png) no-repeat 0 0; -webkit-background-size: 19px; background-size: 19px; color:transparent; line-height: 0;}
.btn-search {width: 47px; height: 35px; background: url(/resources/img/common/common/btn-search_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

.btn-pageFirst {background: url(/resources/img/common/common/btn-pageFirst_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-pagePrev {background: url(/resources/img/common/common/btn-pagePrev_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-pageNext {background: url(/resources/img/common/common/btn-pageNext_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-pageLast {background: url(/resources/img/common/common/btn-pageLast_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}

.btn-facebook {width: 30px; height: 30px; background: url(/resources/img/common/common/btn-facebook_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-facebook:hover, .btn-facebook:focus {background: url(/resources/img/common/common/btn-facebook-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-twitter {width: 30px; height: 30px; background: url(/resources/img/common/common/btn-twitter_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-twitter:hover, .btn-twitter:focus {background: url(/resources/img/common/common/btn-twitter-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}

.btn-home {background: url(/resources/img/common/common/btn-home-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-home:hover,
.btn-home:focus {background: url(/resources/img/common/common/btn-home-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-in {background: url(/resources/img/common/common/btn-in-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-in:hover,
.btn-in:focus {background: url(/resources/img/common/common/btn-in-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-twitter2 {background: url(/resources/img/common/common/btn-twitter2-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.btn-twitter2:hover,
.btn-twitter2:focus {background: url(/resources/img/common/common/btn-twitter2-on_m.png) no-repeat 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}

/* input */
.input-search {padding-right: 47px;}
.input-search .input {width: 100%; font-size: 14px;  height: 35px; line-height: 35px;}

.m-w30 {width: 30%;}
.m-w35 {width: 35%;} /* 20200211 추가 */
.m-w50 {width: 50%;}
.m-w70 {width: 70%;}
.m-w100 {width: 100%;}

/* tit */
.h-t1{font-size: 20px; line-height: 75px; padding-bottom: 0;}
.h-t2 {font-size: 20px; line-height: 40px; padding-bottom: 5px;}
.h-t3 {font-size: 19px;}
.h-t4 {font-size: 15px; padding-bottom: 5px;}
.h-t5 {font-size: 15px;}
.h-t6 {font-size: 17px; margin-bottom: 30px;}
.h-t7 {font-size: 16px; margin-bottom: 15px;}
.h-t8 {margin: 15px 0 20px 0;}
.h-t8 img {width: 100px;}

/* txt */
.txt-t1 {font-size: 14px; line-height: 24px;}
.txt-t2 {font-size: 12px; line-height: 18px;}
.txt-t3 {font-size: 11px; line-height: 18px;}
.txt-t4 {font-size: 14px; line-height: 24px;}
.txt-t6 {font-size: 15px; line-height: 22px;}

.h-txt-t1 {display: none;}
.h-txt-t2 {font-family: 'NanumBarunGothicLight'; font-size: 15px; line-height: 21px; margin-top: 20px;}

.txt-guide {font-size: 12px; line-height: 17px;}
.txt-guide:before {top: 7px;}

/* list */
.list-profile {max-width: 580px; width: 100%; margin: 25px auto 0 auto; text-align: left;}
.list-profile li {font-size: 13px;}
.list-profile li span{font-size: 10px;}

.list-leader li .img img {width: 50%;}
.list-leader li .tit {font-size: 14px; margin-right: 5px;}
.list-leader li p {font-size: 12px;}
.list-leader li p span {font-size: 8px;}

.list-value {margin-top: 25px;}
.list-value:after{content: ""; display: table; clear: both;}
.list-value li {float: left; text-align: center; width: 16.66%; margin-bottom: 30px;}
.list-value li + li {margin-left: 0;}
.list-value .cir {display: inline-block; width: 90px; height: 90px; padding: 15px 0; margin-bottom: 10px; background: #fff; -webkit-border-radius: 85px; -moz-border-radius: 85px; border-radius: 85px; text-align: center; color: #666;}
.list-value .cir .tit {font-size: 13px; margin-top: 5px;}

.wrap-his {padding-top: 0; padding-bottom: 0;}
.wrap-his:before {display: none;}
.wrap-his:after {display: none;}
.list-his .data {padding-top: 5px;}
.list-his .year {font-size: 18px; padding-top: 30px;}
.list-his .year.year:before {display: none;}
.list-his .year:after {display: none;}
.list-his .txt {font-size: 14px; line-height: 20px; font-family: 'NanumBarunGothicLight';}
.list-his .txt br {display: none;}

.list-his._right {padding-left: 0;}
.list-his._right .year {padding-left: 0;}
.list-his._right .data {padding-left: 0;}

.list-his._left {padding-right: 0; text-align: left;}
.list-his._left .year {padding-right: 0;}
.list-his._left .data {padding-right: 0;}
.list-his._left .img{margin-left: 0;}

.history .list-his .txt strong {top: 0px;}
.list-inquiry {margin-top: 15px;}
.list-inquiry li {font-size: 12px;}

.list-capacity li  {text-align: center; margin-bottom: 30px;}
.list-capacity li .ico-capacity {float: none; margin-right: 0;}
.list-capacity li .cont {padding: 20px 0;}
.list-capacity li .cont .tit {font-size: 16px; line-height: 20px;}
.list-capacity li:nth-child(even) {text-align: center;}
.list-capacity li:nth-child(even) .ico-capacity {float: none;  margin-right: 0; margin-left: 0;}
.list-capacity li.wrap-capacity._4 {margin-bottom: 0;}
.list-capacity li.wrap-capacity._1 .cont {padding: 20px 0;}

.list-rnd {margin-top: 10px;}
.list-rnd li {font-size: 12px;}
.list-rnd li:before {top: 8px;}
.list-rnd li + li {margin-top: 0;}

.list-interest li {font-size: 13px; line-height: 16px;}
.list-interest li:before {top: 8px;}
.list-interest li + li {margin-top: 7px;}
.list-interest li ul {margin-top: 7px;}

.list-process {position: relative; margin-top: 25px; z-index: 1;}
.list-process:before {content:""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background-color: #b8b8b8; z-index: -1;}
.list-process li {float: none; margin: 0 auto; width: 125px; height: 125px; padding: 30px 0;}
.list-process li + li {margin: 30px auto 0 auto;}
.list-process li .num{font-size: 17px;}
.list-process li .txt{font-size: 13px; line-height: 17px;}

.list-data {}
.list-data li {font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 12px; line-height: 15px;}
.list-data li:before {top: 6px;}
.list-data li + li {margin-top: 4px;}

.list-graph {margin: 10px 0;}
.list-graph li {position: relative; display: inline-block; text-align: center; margin: 2px; width: 60px; height: 18px; line-height: 18px; font-size: 10px; color: #fff;  background: #959595; z-index: 0;}
.list-graph li span {display: block; width: 100%; z-index: 1;}
.list-graph li span.blind {/* display: none; */}
.list-graph li.on:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 18px; background-color: #ea7021;  z-index: -1;}
.list-graph li.half:before {width: 50%;}
.list-graph li.onethird:before {width: 33.3%;}
.list-graph li.twothird:before {width: 50%;}
.list-graph li.threethird:before {width: 75%;}

.list-news {}
.list-news li .tit {font-size: 15px;}
.list-news li .cont .tag {width: 60px; height: 17px; line-height: 17px; font-size: 10px; margin-right: 5px;}
.list-news li .cont .date {font-size: 10px;}
.list-news li .cont .desc {font-size: 12px; line-height: 22px;}

.list-recruit:before {content:""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background-color: #c7c7c7; z-index: -1;}
.list-recruit li {float: none; margin: 0 auto; width: 125px; height: 125px; padding: 30px 0;}
.list-recruit li + li {margin: 30px auto 0 auto;}
.list-recruit li .tit {font-size: 14px;}

.list-recruit01:before {content:""; position: absolute; top: 0; left: 50%; display: block; width: 1px; height: 100%; background-color: #c7c7c7; z-index: -1;}
.list-recruit01 li {float: none; margin: 0 auto; width: 125px; height: 125px; padding: 30px 0;}
.list-recruit01 li + li {margin: 30px auto 0 auto;}
.list-recruit01 li .tit {font-size: 14px;}

.list-qna .q {padding: 15px 10px;}
.list-qna .q .tit {font-size: 14px; color: #111; line-height: 27px; padding-left: 37px;}
.list-qna .q .ico._down {top: 9px;}
.list-qna .q.open .ico._down {background: url(/resources/img/common/common/ico_up_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.list-qna .a {padding: 15px 10px;}
.list-qna .a .desc {font-size: 14px; padding-left: 37px;}

/* table */
.tbl-data th {font-size: 13px;}
.tbl-data td {font-size: 13px}

.tbl-data2 th {font-size: 12px;}
.tbl-data2 td {font-size: 12px; padding: 15px; height: auto;}

.board-title .data{padding: 20px 10px; text-align: center; }
.board-title .tit {font-size: 15px; line-height: 25px; margin-bottom: 0;}
.board-title .date {font-size: 10px;}

.board-cont{padding: 25px 0 40px 0; font-size: 13px; line-height: 21px;}

/* box */
.box_ceo {background: none; margin: 30px 0 20px; padding: 0 0 30px; text-align: center;}
.box_ceo .tit {font-size: 17px;}
.box_ceo .cont {margin-top: 0; font-size: 17px;}
.box_ceo .cont span {font-size: 12px; margin-top: -2px;}

.box_vm {padding: 25px; min-height: auto; margin-top: 10px;}
.box_vm .tit {font-size: 18px;  text-align: center;}
.box_vm .txt-t1 {margin-top: 20px;  text-align: center;}

.box_inquiry {padding: 25px; min-height: 240px;}
.box_inquiry._3 {-webkit-background-size: cover; background-size: cover;}
.box_inquiry .tit {font-size: 20px;}

.box-loc {margin-top: 0px; padding: 15px 20px; height: 250px;}
.box-loc .tit {font-size: 14px;}
.box-loc .tit .wrap-sns2 {padding: 5px 0 0 0;}
.box-loc .data {padding: 10px 0; display: block;}
.box-loc .data .txt {font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 12px; margin-bottom: 10px;}

.box-rnd {margin-top: 15px; padding: 15px 20px;}
.box-rnd .tit {font-size: 12px;}

.box-gray {padding: 20px;}
.box-gray .tit {font-size: 15px;}

.box_portal {display: block; height: auto; background: #7a838a; margin-top: 20px;}
.box_portal .inner {display: block; padding: 30px;}
.box_portal p {font-size: 14px; margin-bottom: 20px;}

/* layout */
.lay-fix {overflow: hidden}

.lay-l1 {float: none; max-width: 100%;}

.lay-r1 {float: none;  max-width: 100%; margin-left: 0;}

/* section */
.inner-cont {padding-left: 40px; padding-right: 40px;}

/* paging */

/* tab */
.tab-menu {}
.tab-menu .tab_inner {padding-bottom: 25px; padding-left: 40px; padding-right: 40px;} /* 201912 수정 */
.tab-menu a {height: 34px; font-size: 12px;} 
.depth3 {padding-left: 40px; padding-right: 40px; margin-top: 0 !important;} /* 201912 추가 */
.depth3 a {font-size: 13px;} /* 201912 추가 */

.ico-tab-menu .cir {width: 90px; height: 90px; padding: 20px 0; margin-bottom: 30px;}
.ico-tab-menu .cir .tit {font-size: 11px; margin-top: 5px;}
.ico-tab-menu .on .ico._nerve {background: url(/resources/img/common/common/ico_nerve_on_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}
.ico-tab-menu .on .ico._cancer {background: url(/resources/img/common/common/ico_cancer_on_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%;}

.his-tab-menu {display: none;}
.hisCont {display: block; background: none;}
.hisCont .cir {display: none;}
.hisCont .cir-m {display: table; margin: 30px auto 0 auto; width: 116px; height: 116px; background: #e51937 url(/resources/img/common/common/bg-line1.png) repeat; -webkit-border-radius: 116px; -moz-border-radius: 116px; border-radius: 116px; color: #fff; text-align: center;}
.hisCont .cir-m .cir_inner {display: table-cell;  vertical-align: middle;}
.hisCont .cir-m .tit {display: block; font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 13px; text-align: center; margin-bottom: 5px;}
.hisCont .cir-m .year {display: inline-block; font-size: 15px; line-height: 18px; text-align: left;}
.hisCont.sect_2018,
.hisCont.sect_2016,
.hisCont.sect_2011,
.hisCont.sect_1999 {background: none;}


/* wrap */
.wrap-search {}
.wrap-search .inner {width: 50%;}

.wrap-pageTop {bottom: 60px; right: 0; width: 35px; height: 35px;}
.btn-pageTop { /* width: 35px; height: 35px; background: url(/resources/img/common/common/btn-pageTop_m.png) no-repeat 0 0; -webkit-background-size: 100%; background-size: 100%; */ line-height: 0;}

.wrap-inquiry {margin-top: 30px;}

.wrap-sns {position: relative; top: inherit; right: inherit; text-align: center; padding-top: 25px;}
.wrap-sns a{margin: 0 2px;}

.wrap_recruit {margin-top: 30px;}

/* error */
.box-error {margin: 40px auto;}
.box-error .logo img {width: 60px;}
.box-error .h-t3{margin: 30px 0 10px 0;}
.box-follow {margin: 25px 0; padding: 20px 30px;}
.box-follow h3 {font-size: 14px; margin-bottom: 5px;}
.box-follow li {font-size: 12px; margin-bottom: 5px;}

/* dim */
.dim-menu-m.show {top: 0; bottom: 0; left: 0; right: 0; opacity: 0.7;}

/* img */
.img-bg-m {max-width: 580px; width: 100%; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.img-bg-m:after {content: ""; display: block; padding-bottom: 56%;}
.img-bg-m._2:after {content: ""; display: block; padding-bottom: 110%;}
.img-bg-m img {display: none;}
.img-bg-m._l, .img-bg-m._r {position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 20px;}

/* 개인정보처리방침 */
#privacy-dialog {width: 95%;}
#privacy-dialog .privacy_wrap {width: 100%; height: 420px; padding: 40px 15px;}
#privacy-dialog .h-t3 {line-height: 22px;}
#privacy-dialog .box-t3 {padding: 20px 20px; font-size: 14px;}
#privacy-dialog .h-t4 {line-height: 18px;}

#privacy-dialog .txt-t1 {font-size: 13px; line-height: 20px;}
#privacy-dialog .list-number {font-size: 12px;}
#privacy-dialog .list-number > li {padding: 2px 0 2px 20px; line-height: 19px;}
#privacy-dialog .list-number > li:before {top: 10px;}

/* 20181001 고객문의 추가 */
.inquiry .h-txt-t1{display:block; font-size:16px;}

/* 팝업 */

#warn_popup1 {width: 310px; height: 510px;} /* 20201112 추가 */
#warn_popup1.modal_box {margin:-255px 0 0 -155px} /* 20201112 추가 */

.modal_body {padding: 10px 20px;}
.modal_body.pc {display: none;}
.modal_body.mo {display: block;}
.modal_body strong.tit {margin: 0 0 20px; font-size: 20px; line-height: 24px;}

.modal_body .btn_view {margin: 15px 0; padding: 5px 10px; background: #f4f4f4;}
.modal_body .btn_view ul li {font-size: 11px;}
.modal_body .btn_view ul li span {padding-left: 50px;} /* 20201112 추가 */

.modal_body p.txt {font-size: 11px; line-height: 18px;}
.modal_body p.txt a {color: -webkit-link;}

.close_option {font-size: 10px;}

/* 관리자 연동 팝업 */

#popup {width: 310px;}
#popup.modal_box {top: 50px; left: 50%; right: auto; margin-left: -155px;}

.modal_box .box-Bnews .img {margin: 10px 10px 0;}
.modal_box .box-Bnews .cont {padding: 15px 10px 35px;}

.modal_box .box-Bnews .tit {font-size: 18px; line-height: 22px;}

/* 201912 추가 */
.depth3 li {padding: 0 9px !important;}
.invest .tab-menu .tab_inner, .manage .tab-menu .tab_inner {padding-bottom: 25px !important;} /* 202106 수정 */
.invest iframe {margin-top: 25px !important;}

}


/*========== media screen == 640 ==========*/
@media screen and (max-width: 640px){
/*---------- layout ----------*/

/* spot */
.spot.m_1 {background-image: url(/resources/img/common/common/img_spot_1_m.jpg);}
.spot.m_2 {background-image: url(/resources/img/common/common/img_spot_2_m.jpg);}
.spot.m_3 {background-image: url(/resources/img/common/common/img_spot_3_m.jpg);}
.spot.m_4 {background-image: url(/resources/img/common/common/img_spot_4_m.jpg);}
.spot.m_5 {background-image: url(/resources/img/common/common/img_spot_5_m.jpg);}
.spot.m_7 {background-image: url(/resources/img/common/common/img_spot_7_m.jpg);} /* 202106 추가 */

/* breadcrumb */
.breadcrumb > .inner {padding-left: 20px; padding-right: 20px;}


/*---------- module ----------*/
/*accessibility */
.ww-hide {display: block !important;}
.mm-hide {display: none !important;}

/* button */
.btn-pageFirst {width: 28px; height: 28px;}
.btn-pagePrev {width: 28px; height: 28px;}
.btn-pageNext {width: 28px; height: 28px;}
.btn-pageLast {width: 28px; height: 28px;}

/* input */
.mm-w100 {width: 100%;}

/* tit */

/* txt */
.txt-t5 {line-height: 20px; margin-top: 10px; padding: 0 20px;text-align: center;}


/* list */
.list-leader li {width: 49%;}


.list-value li {width: 50%;}
.list-value li:last-child {/* width: 100%; */}

.list-news {}
.list-news li {padding: 20px 0;}
.list-news li .img {display: block; width: 100%;}
.list-news li .tit {line-height: 19px; white-space: inherit;}
.list-news li .img + .cont {display: block; width: 100%; padding-left: 0; padding-top: 15px;}
.list-news li .cont {display: block; width: 100%;}
.list-news li .cont .desc {display: none;}

.presentation .list-news li .tit strong {float: none !important;}

/* table */

/* box */
.box_vm._vision {background-size: 20%; margin-bottom: 0; margin-top: 30px; padding-bottom:50px; }
.box_vm._mission {background-size: 17%; margin-bottom: 0;}
.box_vm._value {background-size: 40%; margin-top: 10px;}

.box_inquiry._3 {background-position: center;}

/* layout */
.lay-t1 {width: 100%;}

/* section */
.inner-cont {padding-left: 20px; padding-right: 20px;}

/* paging */
.paging-t1 .inner_num a {box-sizing: border-box; display: inline-block; width: 28px; height: 28px; font-size: 12px; padding-top: 4px; margin: 0 1px;}

/* tab */
.tab-menu a {height: 38px; font-size: 11.3px;} /* 202106 추가 */
.tab-menu .tab_inner, .depth3 {padding-left: 20px; padding-right: 20px;} /* 201912 수정 */

/* wrap */
.wrap-search {}
.wrap-search .inner {width: 100%;}

/* 202106 페이지 준비중 추가 */
.prepare strong {font-size: 25px !important;}
.prepare p {font-size: 25px !important; padding: 5px 3% 10px 3% !important;}
.prepare span {font-size: 14px;}

}

/* 20200114 추가 */
.depth3_menu {display: none;}
.depth3_menu li {text-align: left; font-size: 13px; line-height: 23px; position: relative; left: 25px; margin: -5px 0 5px 0;}
.depth3_menu li:hover, .depth3_menu li:active, .depth3_menu li:focus {font-weight: 700; text-decoration: underline;}

/* 20200211 추가 */
sup {margin: 0 2px; font-size: 13px;}