@charset "utf-8";

/* Noto Sans KR Web Font */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

:root { 
  --font-size: 18px;
  --inner-width: 90%;
  --inner-max-width: 1170px;
  --header-height: 110px;
  --font-family: 'Noto Sans KR','Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum',sans-serif;

  --primary-color: #005c9c;
  --secondary-color: #00b8ff;
  --dark-color: #4D4F4E;
  --light-color: #C6C5C2;
  --success-color: #00bf6f;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #25cff2;
  --light-color: #f8f9fa;
  --dark-color: #333;

  --font-color: #666;
  --font-sec-color: #333;
  --background-color: #fff;
  --background-sec-color: #000;
  --border-color: #d5d5d5;
}

/* CSS Reset */
html {font-size: 15px; line-height: 1;}
@media screen and (max-width: 1130px) {html {font-size: 14px;}} 
@media screen and (max-width: 960px) {html {font-size: 13px;}}
@media screen and (max-width: 350px) {html {font-size: 12px;}}
*, *::before, *::after {box-sizing: border-box; -webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;}
body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%;}
body, input, select, textarea, button {font-family: 'Noto Sans KR','Apple SD Gothic Neo','malgun gothic','맑은 고딕','돋움','dotum',sans-serif; color: #666;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}
ul {list-style: none;}
address {font-style: normal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content: none;}
a {vertical-align: baseline; margin: 0; padding: 0; background: transparent; text-decoration: none; color: inherit;}
b, strong, h1, h2, h3, h4, h5, h6 {font-weight: 700;}
ins {background-color: #ff9; text-decoration: none; color: #000;}
mark {background-color: #ff9; font-style: italic; font-weight: bold; color: #000;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
hr {display: block; height: 0; margin: 0; padding: 0; border: 0;}
input, select, textarea, button {vertical-align: middle; margin: 0; padding: 0; font: inherit; letter-spacing: inherit; color: inherit;}
input[type=text],input[type=password],input[type=url],textarea,input[type=submit] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-ms-clear {display: none;}
button {border: 0; background: transparent; cursor: pointer;}
img {max-width: 100%;}
.select,.has_clear {position: relative; display: inline-block;}
.select::after {content: ''; display: block; width: 12px; height: 7px; background: url('../images/common/ico.png') no-repeat -13px -162px; background-size: 25px auto;}
.select::after,.has_clear button {position: absolute; right: 1.3333rem; top: 0; bottom: 0; margin: auto;}
.select select {width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.select select::-ms-expand {display: none;}
.select select,.has_clear input {padding-left: 0.6667rem; padding-right: calc(2.3333rem + 12px) !important;}
.has_clear input {width: 100%;}
.has_clear button {display: none; height: 0.833rem; line-height: 0.5rem;}
.has_clear.on button {display: block;}
.has_clear button::before {content: 'X'; font-size: 0.8rem; color: #666; }

*:focus { outline: 1px dashed #000; outline-offset: 1px; }
.gnb li a { outline:none !important;}

/* 220210 추가 */
select {width: 250px;/* padding: .58em .5em; */padding-left: 15px;font-family: inherit;border: 1px solid #ccc;background: url(../images/form/select.png) no-repeat right center #fff;background-size: contain;vertical-align: middle;height: 45px;border-radius: 0px;-moz-appearance: none;-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width: 960px) { select { padding-left: 10px; height: 40px; } .ceo_selM {width:150px!important; } .ceo_selM > option {width:150px!important;}} /*ÇؼÛ*/
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] {line-height: 43px;height: 45px;text-indent: 20px;width: 400px;font-size: 20px;border: 1px solid #ccc;vertical-align: middle;padding-left: 5px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-appearance: none;-webkit-appearance: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

@media screen and (max-width: 960px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 38px; height: 40px; text-indent: 10px; font-size: 16px; } }
input[type="button"] { height: 30px; line-height: 30px; background: #005c9c; color: #fff; text-align: center; min-width: 130px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; -moz-appearance: none; -webkit-appearance: none; }
/* //220210 추가 */
/* common */
.hidden {display: inline-block !important; position: absolute; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px);}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.clearfix::after {content: ''; display: block; clear: both;}
@media screen and (max-width: 960px){.pc_only {display: none !important;}}
@media screen and (min-width: 961px){.mobile_only {display: none !important;}}
.horizontal {font-size: 0; letter-spacing: -4px; line-height: 0;}
.horizontal>* {display: inline-block; vertical-align: top; font-size: 1rem; line-height: 1; letter-spacing: 0;}
.align_center {text-align: center !important;}
.align_right {text-align: right;}
.align_left {text-align: left;}

/************   margin     *********************/

.mt100{margin-top:100px !important;}
.mt95{margin-top:95px !important;}
.mt90{margin-top:90px !important;}
.mt85{margin-top:85px !important;}
.mt80{margin-top:80px !important;}
.mt75{margin-top:75px !important;}
.mt70{margin-top:70px !important;}
.mt65{margin-top:65px !important;}
.mt60{margin-top:60px !important;}
.mt55{margin-top:55px !important;}
.mt50{margin-top:50px !important;}
.mt45{margin-top:45px !important;}
.mt40{margin-top:40px !important;}
.mt35{margin-top:35px !important;}
.mt30{margin-top:30px !important;}
.mt25{margin-top:25px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.mt0{margin-top:0px !important;}

@media screen and (max-width:960px){

.mt100{margin-top:50px !important;}
.mt90{margin-top:45px !important;}
.mt80{margin-top:40px !important;}
.mt70{margin-top:35px !important;}
.mt60{margin-top:30px !important;}
.mt50{margin-top:25px !important;}
.mt40{margin-top:20px !important;}
.mt30{margin-top:15px !important;}
.mt20{margin-top:10px !important;}
.mt10{margin-top:5px !important;}

}

.mr100{margin-right:100px !important;}
.mr95{margin-right:95px !important;}
.mr90{margin-right:90px !important;}
.mr85{margin-right:85px !important;}
.mr80{margin-right:80px !important;}
.mr75{margin-right:75px !important;}
.mr70{margin-right:70px !important;}
.mr65{margin-right:65px !important;}
.mr60{margin-right:60px !important;}
.mr55{margin-right:55px !important;}
.mr50{margin-right:50px !important;}
.mr45{margin-right:45px !important;}
.mr40{margin-right:40px !important;}
.mr35{margin-right:35px !important;}
.mr30{margin-right:30px !important;}
.mr25{margin-right:25px !important;}
.mr20{margin-right:20px !important;}
.mr15{margin-right:15px !important;}
.mr10{margin-right:10px !important;}
.mr5{margin-right:5px !important;}

.mb100{margin-bottom:100px !important;}
.mb95{margin-bottom:95px !important;}
.mb90{margin-bottom:90px !important;}
.mb85{margin-bottom:85px !important;}
.mb80{margin-bottom:80px !important;}
.mb75{margin-bottom:75px !important;}
.mb70{margin-bottom:70px !important;}
.mb65{margin-bottom:65px !important;}
.mb60{margin-bottom:60px !important;}
.mb55{margin-bottom:55px !important;}
.mb50{margin-bottom:50px !important;}
.mb45{margin-bottom:45px !important;}
.mb40{margin-bottom:40px !important;}
.mb35{margin-bottom:35px !important;}
.mb30{margin-bottom:30px !important;}
.mb25{margin-bottom:25px !important;}
.mb20{margin-bottom:20px !important;}
.mb15{margin-bottom:15px !important;}
.mb10{margin-bottom:10px !important;}
.mb5{margin-bottom:5px !important;}
.mb0{margin-bottom:0px !important;}

@media screen and (max-width:960px){

.mb20{margin-bottom:10px !important;}

}

.ml100{margin-left:100px !important;}
.ml95{margin-left:95px !important;}
.ml90{margin-left:90px !important;}
.ml85{margin-left:85px !important;}
.ml80{margin-left:80px !important;}
.ml75{margin-left:75px !important;}
.ml70{margin-left:70px !important;}
.ml65{margin-left:65px !important;}
.ml60{margin-left:60px !important;}
.ml55{margin-left:55px !important;}
.ml50{margin-left:50px !important;}
.ml45{margin-left:45px !important;}
.ml40{margin-left:40px !important;}
.ml35{margin-left:35px !important;}
.ml30{margin-left:30px !important;}
.ml25{margin-left:25px !important;}
.ml20{margin-left:20px !important;}
.ml15{margin-left:15px !important;}
.ml10{margin-left:10px !important;}
.ml5{margin-left:5px !important;}


/************   padding     *********************/

.pt100{padding-top:100px !important;}
.pt95{padding-top:95px !important;}
.pt90{padding-top:90px !important;}
.pt85{padding-top:85px !important;}
.pt80{padding-top:80px !important;}
.pt75{padding-top:75px !important;}
.pt70{padding-top:70px !important;}
.pt65{padding-top:65px !important;}
.pt60{padding-top:60px !important;}
.pt55{padding-top:55px !important;}
.pt50{padding-top:50px !important;}
.pt45{padding-top:45px !important;}
.pt40{padding-top:40px !important;}
.pt35{padding-top:35px !important;}
.pt30{padding-top:30px !important;}
.pt25{padding-top:25px !important;}
.pt20{padding-top:20px !important;}
.pt15{padding-top:15px !important;}
.pt10{padding-top:10px !important;}
.pt5{padding-top:5px !important;}
.pt0{padding-top:0px !important;}

.pr100{padding-right:100px !important;}
.pr95{padding-right:95px !important;}
.pr90{padding-right:90px !important;}
.pr85{padding-right:85px !important;}
.pr80{padding-right:80px !important;}
.pr75{padding-right:75px !important;}
.pr70{padding-right:70px !important;}
.pr65{padding-right:65px !important;}
.pr60{padding-right:60px !important;}
.pr55{padding-right:55px !important;}
.pr50{padding-right:50px !important;}
.pr45{padding-right:45px !important;}
.pr40{padding-right:40px !important;}
.pr35{padding-right:35px !important;}
.pr30{padding-right:30px !important;}
.pr25{padding-right:25px !important;}
.pr20{padding-right:20px !important;}
.pr15{padding-right:15px !important;}
.pr10{padding-right:10px !important;}
.pr5{padding-right:5px !important;}

.pb100{padding-bottom:100px !important;}
.pb95{padding-bottom:95px !important;}
.pb90{padding-bottom:90px !important;}
.pb85{padding-bottom:85px !important;}
.pb80{padding-bottom:80px !important;}
.pb75{padding-bottom:75px !important;}
.pb70{padding-bottom:70px !important;}
.pb65{padding-bottom:65px !important;}
.pb60{padding-bottom:60px !important;}
.pb55{padding-bottom:55px !important;}
.pb50{padding-bottom:50px !important;}
.pb45{padding-bottom:45px !important;}
.pb40{padding-bottom:40px !important;}
.pb35{padding-bottom:35px !important;}
.pb30{padding-bottom:30px !important;}
.pb25{padding-bottom:25px !important;}
.pb20{padding-bottom:20px !important;}
.pb15{padding-bottom:15px !important;}
.pb10{padding-bottom:10px !important;}
.pb5{padding-bottom:5px !important;}

.pl100{padding-left:100px !important;}
.pl95{padding-left:95px !important;}
.pl90{padding-left:90px !important;}
.pl85{padding-left:85px !important;}
.pl80{padding-left:80px !important;}
.pl75{padding-left:75px !important;}
.pl70{padding-left:70px !important;}
.pl65{padding-left:65px !important;}
.pl60{padding-left:60px !important;}
.pl55{padding-left:55px !important;}
.pl50{padding-left:50px !important;}
.pl45{padding-left:45px !important;}
.pl40{padding-left:40px !important;}
.pl35{padding-left:35px !important;}
.pl30{padding-left:30px !important;}
.pl25{padding-left:25px !important;}
.pl20{padding-left:20px !important;}
.pl15{padding-left:15px !important;}
.pl10{padding-left:10px !important;}
.pl5{padding-left:5px !important;}

.noMG{margin: 0 !important;}
.noPG{padding: 0 !important;}
.noBD{border:none !important;}

/* border */
.b_top { border-top: 1px solid #e5e5e5; }
.b_bottom { border-bottom: 1px solid #e5e5e5; }

/* headeing 추가  220127  */
h3 { color: #222; font-size: 45px; font-weight: 700; padding-top: 100px; }
h4 { font-size: 26px; color: #333; font-weight: 500; padding-top: 60px; }
h4 .right { float: right; margin-top: 0 !important; font-size: 15px; }
h5 { font-size: 20px; font-weight: 700; padding-top: 60px; }
h6 {  font-weight: 700; padding-top:60px; }
p { font-size: 16px; line-height: 24px;}


@media screen and (max-width: 960px) { 
h3 { font-size: 26px; padding-top: 50px; }
h4 { font-size: 20px; padding-top: 50px; line-height: 26px; }
h4 .right { float: right; margin-top: 0 !important; font-size: 12px; }
h5 { font-size: 15px; padding-top: 40px; }
h6 { padding-top: 40px;}
p { font-size: 1.0769rem; line-height: 1.7rem; } }

/* icons */
*[class^="ico_"] {display: inline-block; background-image: url('../images/common/ico.png'); background-repeat: no-repeat; background-size: 25px auto;}
.ico_menu {width: 20px; height: 14px; background-position: left top;}
.ico_close {width: 21px; height: 21px; background-position: left -115px;}
.ico_close_thin {width: 16px; height: 16px; background-position: 0.5px -135px;}
.ico_search,
.search .ico_search::before,
.search_atc .ico_search::before {width: 20px; height: 20px; background-position: left -15px;}
.ico_share {width: 16px; height: 17.5px; background-position: left -36px;}
.ico_refresh,
.search_atc .ico_refresh::before {width: 16px; height: 20px; background-position: left -55px;}
*[class^="share_"]::before {content: ''; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-image: url('../images/common/ico_share.png'); background-repeat: no-repeat; background-size: 30px auto;}
.share_url::before {background-position: left top;}
.share_facebook::before {background-position: left -31px;}
.share_twitter::before {background-position: left -62px;}
.share_kakao::before {background-position: left -93px;}
.share_google::before {background-position: left -124px;}
*[class^="link_"]::after {content: ''; display: inline-block; margin-left: 10px; background-image: url('../images/common/ico.png'); background-repeat: no-repeat; background-size: 25px auto;}
.link_jump::after {width: 11px; height: 11px; background-position: left -152px;}
.link_jump.case::after {opacity: .5;}
.link_jump.case2::after {background-position: left -191px; opacity: .7;}
.link_jump.case3::after {background:url('../images/common/ico2.png') no-repeat; background-size:contain; opacity:.7;}
.link_plus::after {width: 11px; height: 11px; background-position: left -164px;}
.link_download::after,
.btn_download::after {width: 14px; height: 12px; background-position: left -251px;}
.link_download:hover::after,
.link_download:focus::after {background-position: left -264px;}
.link_download:not(.btn_02):hover,
.link_download:not(.btn_02):focus {text-decoration: underline; color: #005c9c;}
.link_details {height: calc(1rem + 2px); font-size: 0.8666rem; line-height: 1rem; text-decoration: underline; color: #666;}
.link_details::after {width: 12px; height: 8px; margin-left: 5px; background-position: -13px -152px; vertical-align: middle;}
.link_details.fold::after {transform: rotate(180deg);}

/* buttons */
.btn_00,.btn_01 {display: inline-block; background: #25292c; color: #fff;}
.btn_00 {min-width: 6rem; height: 2.8rem; padding: 0 1rem; background: #25292c; font-size: 1.0666rem; text-align: center; line-height: 2.8rem;}
.btn_00.case {background: #005c9c;}
.btn_01 {position: relative; height: 2.6666rem; padding: 0 1.3333rem; font-size: 0.88rem; text-align: left; line-height: 2.6666rem;}
.btn_02 {display: inline-block; position: relative; padding: 0 0.6666rem; background: #fff; height: 2.1333rem; font-size: 0.88rem; letter-spacing: -0.05em; line-height: 2.1333rem; color: #666;}
.btn_03 {display: inline-block; padding: 0 2.4rem; background: #184e97; font-size: 1rem; line-height: 4.666rem; font-weight: 500; color: #fff;}
.btn_00:hover,.btn_00:focus,
.btn_01:hover,.btn_01:focus,
.btn_02:hover,.btn_02:focus {background: #005c9c; color: #fff !important;}
.btn_00.case:hover,.btn_00.case:focus {background: #184e97;}
.btn_00:hover,.btn_00:focus,
.btn_01:hover,.btn_01:focus {text-decoration: underline;}
.btn_03:hover,.btn_03:focus {background: #25292c; text-decoration: underline;}
.btn_01[class^="link_"] {padding-right: 4.6666rem}
.btn_02[class^="link_"] {padding-right: 2rem}
.btn_01[class^="link_"]::after,
.btn_02[class^="link_"]::after {position: absolute; top: 0; bottom: 0; margin: auto;}
.btn_01[class^="link_"]::after {right: 1.3333rem;}
.btn_02[class^="link_"]::after {right: 0.6666rem;}
.btn_01.link_download::after,
.btn_02.link_download:hover::after,
.btn_02.link_download:focus::after {background-position: left -238px;}

/* texts, boxes */
.darker {color: #333;}
.highlight {color: #0567eb !important;}
.point {color: #005c9c;}
.bigger {font-size: 1.2rem;}
.biggest {font-size: 1.3333rem; line-height: 2rem;}
.underline {text-decoration: underline;}
.txt_title { letter-spacing: -0.05em; color: #222;}
.txt_title strong { font-weight: 500; color:#005c9c;}
.txt_title.case {color: #25292c;}
.txt_title_point {font-weight: normal; color: #005c9c;}
.txt_headline {font-weight: 700; color: #184e97;}
.txt_num {font-weight: 300; letter-spacing: -0.05em; color: #666;}
.txt_date {letter-spacing: -0.05em; color: #666;}
.txt_numbers {font-size: 1rem; color: #666;}
.txt_numbers em {font-style: normal; font-weight: 500;}
/*.txt_numbers {font-size: 1.0666rem; font-weight: 300; color: #222;}
.txt_numbers em {font-style: normal; font-weight: 500; color: #184e97;}
.txt_numbers::before {content: '·'; padding-right: 3px;}*/
.txt_overview {font-size: 1.2rem; font-weight: 300; line-height: 1.6rem; color: #333;}
.txt_overview p+p {padding-top: 1.4666rem;}
.box_summary {background: #f0f0f0; font-size: 1.0666rem; line-height: 1.2em; letter-spacing: -0.05em; color: #222;}
.box_summary p+p,
.box_summary dd+dd {padding-top: 0.7rem;}
.box_summary li+li {margin-top: 0.7rem;}
.box_summary li {position: relative; padding-left: 0.7333rem;}
.box_summary li::before {content: ''; display: block; position: absolute; left: 0; top: 0.15rem; width: 3px; height: 0.9333rem; background: #222; border-style: solid; border-width: 0 1px; border-color: #b9b9b9;}
.box_summary dt {position: absolute; margin-top: 0.2rem; border-right: 1px solid #333; font-size: 1rem; line-height: 1rem; font-weight: 500; color: #333;}
.box_summary dd a {font-size: 1rem; text-decoration: underline; color: #333;}
.dash,
.dot {position: relative; padding-left: 0.5rem;}
.dash::before,
.dot::before {position: absolute; left: 0;}
.dash::before {content: '-'; top: 0;}
.dot::before {content: '•'; top: -0.15em;}

/* texts : pc */
@media screen and (min-width: 961px){
.txt_title {font-size: /* 2021.05 수정 1.24rem */ 1.35rem; line-height: 2rem;}
.txt_title.case {font-size: 1.3333rem; line-height: 1.7333rem;}
.txt_title_point {font-size: 3.2rem;}
.txt_contents { font-size: 1.35rem; line-height: 2.5rem;}
.txt_headline {font-size: 1.6rem;}
.txt_num {font-size: 1.2rem;}
.txt_date {font-size: 0.8666rem;}
.txt_date.case {font-size: 1rem;}
.box_summary {padding: 2.6rem 3rem;}
dl.box_summary {padding: 2rem 3rem;}
.box_summary dt {padding-right: 1.3333rem;}
.box_summary dd {padding-left: 4.4666rem;}
.box_padding_both {padding: 0 3.3333rem;}
.box_padding_both p+p {padding-top: 1.9rem;}
}

/* texts : mobile */
@media screen and (max-width: 960px){
.txt_title {font-size: 1.0769rem; line-height: /* 2021.05 1.3077rem */ 1.7rem;}
.txt_title_point {font-size: 2rem;}
.text_contents {font-size: 1.0769rem; line-height: 1.7rem;}
.txt_headline {font-size: 1.3077rem;}
.txt_num {font-size: 1rem;}
.txt_date {font-size: 0.6923rem;}
.txt_date.case {font-size: 0.8461rem;}
.box_summary {padding: 0.8666rem;}
.box_summary dt {padding-right: 1rem;}
.box_summary dd {padding-left: 4rem;}
.box_padding_both p+p {padding-top: 1.5rem;}
}

/* header */
.skip>a {z-index: -1; display: block; position: absolute; top: 0; left: -300%; width: 100%; padding: 10px; background: #555; font-size: 2em; font-weight: 700; line-height: 1.5; text-align:center; color: #fff;}
.skip>a:focus,.skip>a:hover {z-index: 99999; position: fixed; left: 0;}
#header {z-index: 900; position: fixed; top: 0; width: 100%; background: #fff;}
#header>div>h1 {font-weight: 700; letter-spacing: -0.05em; text-align: right; color: #135b89;}
#header>div>h1 a {display: inline-block;}
#header>div>h1 img {display: block; width: 100%; margin-bottom: -2px;}
#header .search {position: absolute; display: none;}
#header .search .ico_close_thin {position: absolute; bottom: 0; margin: auto;}
#header.search_selected .search {z-index: 800; display: block;}
.search .ico_search,
.search_atc .ico_search,
.search_atc .ico_refresh {position: relative; background: none;}
.search .ico_search::before,
.search_atc .ico_search::before,
.search_atc .ico_refresh::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-image: url('../images/common/ico.png'); background-repeat: no-repeat; background-size: 25px auto;}
#header .lang { height: 13px; z-index:3; position: relative; }
#header .lang a { height: 13px; color:#222; font-weight: 300; }
#header .lang a:hover { text-decoration:none; text-underline-position: under;}
#header .lang ul { position:relative; visibility: hidden; }
#header .lang ul li a { position: absolute; height: 15px; transition: .5s; top: 0px; display:inline-block; color:#fff; opacity:0; z-index:-10;}
#header .lang ul li a.on {opacity:1; top: 10px;  z-index:0; transition: .5s; color:#222222;}
.gnb { padding-left: 30px; }
.gnb>li.case>a {position:relative; border-left: 3px solid #f2f5f7; border-right: 3px solid #f2f5f7; background: #f2f5f7 url('../images/bg_loveletter.png') repeat-x left top; background-size: 20px auto; color: #353e4c;}
.gnb>li.case>a::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: url('../images/bg_loveletter.png') repeat-x 10px top; background-size: 20px auto; transform:rotate(180deg);}
.gnb>li.case>a::after {content: ''; display: block; position: absolute; width: 14px; height: 12px; background: url('../images/common/ico.png') no-repeat left -102px; background-size: 25px;}
/* 2020.05.08 추가 */
.gnb>li.case2 {width: 150px;}
.gnb>li.case2>a {position: relative; background-image: url('../images/poscofoundation_logo.png'); background-repeat: no-repeat; color: #006182;}
.gnb>li.current>a {font-weight: normal;}
.gnb>li.selected>button,
.gnb>li>button:hover,.gnb>li>button:focus,
.gnb>li.selected>a,
.gnb>li>a:hover,.gnb>li>a:focus,
.gnb>li li.current a,
.gnb>li li a:hover,.gnb>li li a:focus {color: #005c9c;}
.gnb>li>button:hover,.gnb>li>button:focus {text-decoration: underline;}
/* .gnb>li:nth-child(3) ul li:nth-child(1) a:not(selector){color:#333; font-weight:normal;}
.gnb>li:nth-child(3) ul li:nth-child(1) a:not(selector):hover {color:#005c9c; font-weight:500;} */
.gnb>li li a:hover::after {background:url('../images/common/ico3.png') no-repeat; background-size:contain; opacity:.9;}


@media screen and (min-width: 961px){
#header>div {max-width: 1170px; margin: 0 auto; padding: 0 1rem;display: flex;align-items: center;justify-content: space-between;}
#header>div>h1 {z-index: 3; position: relative; width: 96px; height: 80px; font-size:1.0667rem;}
#header>div>.ico_search{z-index: 3; position: relative; float: right; margin: 30px 0 0 1.2rem;}
#header .search {left: 147px; right: 0; width: calc(100% - 175px); height: 80px; max-width: 993px; margin: auto; padding: 13px 30px 0 0; background: #fff; text-align: center;}
#header .search input[type=text] {width: 470px; height: 58px; border-width: 0 0 2px; border-style: solid; border-color:#25292c; font-size: 1.2rem; letter-spacing: -0.05em; line-height: 56px; font-weight: 300;}
#header .search button:not(.ico_close_thin) {width: 30px; height: 58px; border-bottom: 2px solid #25292c;}
#header .search .ico_close_thin {top: 13px; right: 1rem;}
#header .lang a::after {content: " "; background: url(../images/common/lang_btn.png) no-repeat center; width: 8px; height: 10px; display: inline-block; clear: both; font-size: 2px; margin-left: 5px; }
#header .lang ul li a::after { display: none;}
#gnb { width: calc(100% - 200px - 2.4rem); /*width: calc(100% - 189px - 2.4rem); 202218 gnb 수정*/}
#gnb_eng { float: left; }
.gnb {height: 80px; font-size: 0; letter-spacing: -4px; line-height: 0; text-align: center;}
.gnb::after {z-index: 1; content: ''; display: block; position: absolute; top: 35px; left: 0; right: 0; height: 45px; background: #fff;}
/*.gnb::before {content: ''; display: block; position: absolute; top: 80px; left: 0; width: 100%; height: 45px; max-height: 0; background: #f1f1f1; opacity: 0; transition: max-height .3s;}
.gnb.showing::before {opacity: 1; max-height: 45px; transition: none;}*/
.gnb>li {display: inline-block; vertical-align: top; padding: 0 0.6rem; line-height: 1;}
.gnb>li>a {z-index: 5; display: block; position: relative; padding: 0 0.75rem; font-size: 16px; font-weight: 500; letter-spacing: -0.06em; line-height: 80px; color: #222;}
.gnb>li:not(.case)>a {}
.gnb>li.case {z-index: 2; position: absolute; left: 0; right: 0; width: 100%; max-width: /* 2020.05.08 수정 1170px */910px; margin: auto; padding: 0;/*padding: 0 0.769rem 0 1.333rem;*/}
.gnb>li.case>a {display: block; float: right; width: 83px; height: 61px; margin-right: calc(40px + 3rem); padding: 16px 0 0 4px; font-size: 1.0667rem; font-weight: 500; line-height: 1em; text-align: left;}
.gnb>li.case>a::after {top: 17px; right: 7px;}
.gnb>li.case>a span {display: block; font-size: 0.8667rem; font-weight: normal;}
/* gnb 기업시민 */ 
.gnb>li:nth-of-type(6):hover span.link_jump.case3::after {background:url('../images/common/ico3.png') no-repeat; background-size:contain; opacity: 1;}
/* 2020.05.08 추가 */
.gnb>li.case2{position: absolute; left: 0; right: 0; width: 100%; max-width: 1170px; margin: auto; padding: 0;}
.gnb>li.case2>a {display: block; float: right; width: 90px; height: 61px; margin-right: calc(40px + 3.7rem);}

.gnb li ul {z-index: -1; position: absolute; left: 0; right: 0; top: 35px; max-width: 1170px; width: 100%; margin: auto; padding-left: 1rem;}
.gnb li ul.showing {top: 80px;}
.gnb li ul::before {content: ''; display: block; position: absolute; left: -999999rem; right: -999999rem; height: 45px; background: #f1f1f1;}
.gnb li ul.showing::after {top: -45px;}
.gnb li li {position: relative; padding: 0 1.5rem; font-size: 1rem; letter-spacing: -0.05rem;}
.gnb li:first-child ul li:first-child {margin-left: -34rem;}
.gnb li:nth-child(2) ul li:first-child {margin-left: -24rem;}
.gnb.eng li:nth-child(2) ul li:first-child {margin-left:0;}
.gnb li ul.no_sub {display: none;}
.gnb li li a {display: block; padding: 0 0.6rem; line-height: 45px; color: #333;font-weight: 500;}
.gnb>li.selected>a,
.gnb>li:not(.case)>a:hover,.gnb>li:not(.case)>a:focus {border-bottom: 3px solid #005c9c;}

/* esg 
.gnb>li:nth-of-type(5)>a:focus {font-weight: 300; color: #222; border-bottom: none;}*/
/* 2020.05.08 추가 */
.gnb>li.case2>a:hover,.gnb>li.case2>a:focus {border-bottom: none;}
.gnb>li.case>a:hover,.gnb>li.casea:focus {text-decoration: underline;}
.gnb>li.selected>a,
.gnb>li>a:hover,.gnb>li>a:focus,
.gnb li li.current a,
.gnb li li a:hover,.gnb li li a:focus {font-weight: 500;}
.gnb li ul>li+li::before {content: ''; display: block; position: absolute; left: 0; top: 15px; width: 1px; height: 15px; background: #ccc;}
#header {transition: top .5s;}
#header.depth2_selected {top: -80px;}
#header.depth2_selected.header_selected {top: 0;}
#header.depth2_selected .gnb li ul::before {background: #005c9c;}
#header.depth2_selected .gnb>li ul {transition: top .3s; padding-left: 0;}
#header.depth2_selected .gnb>li li {margin-left: 0 !important;}
#header.depth2_selected .gnb>li li a {color: #aec9ee;}
#header.depth2_selected .gnb>li li.current a,
#header.depth2_selected .gnb>li li a:hover, #header.depth2_selected .gnb>li li a:focus {color: #fff;}  
#header.depth2_selected .gnb>li li a span.link_jump.case3::after {background:url('../images/common/ico4.png') no-repeat; background-size:contain; opacity:.7;}
#header.depth2_selected .gnb>li li a:hover span.link_jump.case3::after {background:url('../images/common/ico5.png') no-repeat; background-size:contain; opacity:.9;} 
/* 포스코그룹 주요활동 
#header.depth2_selected .gnb>li:nth-child(4) ul li:nth-child(1) a:not(selector) {color: #aec9ee;}
#header.depth2_selected .gnb>li:nth-child(4) ul li:nth-child(1) a:not(selector):hover {color:#fff;}*/

} /* header : pc 2020.05.08 이후 */

@media screen and (max-width: 1160px) and (min-width: 961px) {
.gnb li li {padding: 0 1rem;}
.gnb li li a {font-size: 0.85rem;}
}


@media screen and (max-width: 960px){
#header {min-width: 315px; box-shadow: 0 0 5px 0 rgba(0,0,0,.3);}
#header>div>h1 {width: 72px; height: 60px; margin:0 auto; font-size:0.923rem;}
#header .search {top:60px; left: 0; width: 100%; padding: 20px 1.6154rem; background: #f5f5f5;}
#header .search input[type=text] {width: calc(100% - 16px - 5.1538rem); height: 40px; padding-left: 1.1538rem; border: 0; background: #fff; font-size: 1.1538rem; letter-spacing: -0.05em; line-height: 40px; font-weight: 500;}
#header .search button[type=submit] {width: 3.4615rem; height: 40px; background: #fff;}
#header .search .ico_search::before {filter: opacity(.5) drop-shadow(0 0 0 #009bff);}
#header .search .ico_close_thin {top: 0; right: 1.7308rem;}
#header .lang { height: 45px; padding-left: 2.8538rem; padding-top:0; padding-right: 0; float:none; border-top: 1px solid #ccc; display:none; }
#header .lang a { line-height: 45px; font-size: 1.1538rem; margin-left: 13px; }
#header .lang a.selected { font-weight: 600; margin-left:0; }
#header .lang a.selected::after { content: " "; display:inline-block; width: 1px; height: 12px; border-right: 1px solid #666; margin-left: 15px; }
#gnb>button.mobile_only {position: absolute; left: 1.6154rem;}
#gnb .ico_menu {top: 23px;}
#gnb .ico_close {display: none; top: 20.5px;}
#gnb_eng>button.mobile_only {position: absolute; left: 1.6154rem;}
#gnb_eng .ico_menu {top: 23px;}
#gnb_eng .ico_close {display: none; top: 20.5px;}
#header>div>.ico_search,
#header>div>.ico_search {top: 20px;}

.gnb {display: none; position: absolute; top: 100px; width: 100%; height: calc(100vh - 100px); padding: 10px 1.6154rem 25px; border-top: 0; background: #fff; color: #333; /*  padding: 25px 1.6154rem; border-top: 1px solid #ccc; */ }
#header.mobile_menu_selected {height: 100vh;}
#header.mobile_menu_selected .gnb {overflow: auto;}
#header.mobile_menu_selected .gnb,
#header.mobile_menu_selected .ico_close {z-index: 900; display: block;}
#header.mobile_menu_selected .ico_menu,
#header.mobile_menu_selected .ico_search {display: none;}
.gnb li {width: 100%; border-top: 1px solid #dedede;}
.gnb>li>button,
.gnb>li.case a {display: block; padding-left: 1.1538rem; font-size: 1.1538rem; letter-spacing : -0.05em; line-height: 45px;}
.gnb>li>button {position: relative; width: 100%; font-weight: 700; text-align: left;}
.gnb>li>button::before,
.gnb>li>button::after {content: ''; display: block; position: absolute; top: 0; bottom: 0; margin: auto; background: #333;}
.gnb>li>button.no_depth::before, .gnb>li>button.no_depth::after {display:none;}
.gnb>li>button::before {right: 1.3461rem; width: 10px; height: 2px;}
.gnb>li>button::after {right: calc(1.3461rem + 4px); width: 2px; height: 10px;}
.gnb>li.selected>button::before,
.gnb>li>button:hover::before,.gnb>li>button:focus::before,
.gnb>li>button:hover::after,.gnb>li>button:focus::after {background: #005c9c;}
.gnb>li.selected>button::after {display: none;}
.gnb li ul {display: none; background: #f5f5f5;}
.gnb li.current ul {display: block;}
.gnb li li a {display: block; padding-left: 2.3077rem; font-size: 1rem; font-weight: 500; letter-spacing: -0.05rem; line-height: 40px;}
.gnb li li.current a,
.gnb li li a:hover,.gnb li li a:focus {font-weight: 700;}
.gnb>li.case {padding-top: 1.1538rem;}
.gnb>li.case>a::after {top: 17px; right: 12px;}
.gnb>li.case a span {font-weight: normal;}
.gnb>li.case2>a {display: block; width: 155px; height: 26px; margin-top: 15px; background-image: url('../images/m_poscofoundation_logo.png');}
/* esg
.gnb>li:nth-of-type(5):focus span.link_jump.case3::after {background:url('../images/common/ico3.png') no-repeat; background-size:contain; opacity: 1;}*/
} 
/* header : mobile 2020.05.08 이후 */

@media screen and (max-width: 1120px) and (min-width: 961px){
#gnb {right: 180px;}
#gnb_eng {right: 180px;}
.gnb>li {padding: 0 0rem;}
.gnb>li.case {right: 100px; width: inherit;}
.gnb>li.case2 {left: 10px;}
}

header #all-menu { position: relative; z-index: 3; margin-left: 20px; }
header #all-menu .btn-all-menu { width: 20px; height: 20px; display: block; background: url(../images/common/header_util_black.png) no-repeat 0 0; }


/* footer */
#footer {background: #1f282e;}
#footer>div:first-of-type {position: relative;}
#footer nav h1,
#footer aside {font-weight: 700; color: #fff;}
#footer aside {text-align: right;}
#footer aside .sns li+li {padding-left: 5px;}
#footer .copyright {background: #fff;position: relative;}
#footer .copyright span {position: absolute; left: 0; right: 0; margin: auto; max-width: 1170px; text-align: right;}
.jumpto_top {z-index: 700; width: 36px; height: 36px; border-radius: 50%; background: #c9c9c9; position: absolute; top: -67px; right: -3.8rem;bottom: 5%;}
.jumpto_top::before,.jumpto_top::after {content: ''; display: block; position: absolute; top: 15px; width: 16px; height: 2px; border-radius: 1px; background: #fff;}
.jumpto_top::before {transform: rotate(45deg); right: 5px;}
.jumpto_top::after {transform: rotate(-45deg); left: 5px;}

/*
.footer_ci_wrap {display:block; cursor:pointer; }
.footer_ci_img {width: 30%; margin-left: -2px; margin-right: 6px; position: relative; top:3px;}
*/
.footer_ci_img { width: 64px; position: relative; top: 4px; }
.groups {z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); text-align: left; color: #333;}
.groups>div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 880px; height: calc(100% - 12rem); min-height: 20rem; max-height: 45rem; margin: auto; padding: 2rem; border: 3px solid #333; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.5);}
.groups h1 {font-size: 1.7333rem;}
.groups p {padding: 1rem 0; font-size: 1rem; line-height: 1.6rem; font-weight: normal; color: #666;}
.groups ul {height: calc(100% - 6rem); padding: 1rem 0; overflow-y: auto;}
.groups li {width: 25%;}
.groups dt {padding-bottom:0.5rem; font-size: 1.0666rem; color: #005c9c;}
.groups dd {padding-top: 1rem;}
.groups dd a {padding: 0.2rem 0; font-weight: 500;}
.groups .ico_close {position: absolute; top: 1.5rem; right: 1.5rem;}

/* 영문 사업회사 바로가기*/
.groups.eng dt { height: 47px; line-height: 20px; }
.groups.eng dd a { line-height: 20px;}

#footer aside .sns {padding-top: 2px;}

/* footer : pc */
@media screen and (min-width: 961px){
#footer>div:first-of-type,
#footer>div>p {max-width: 1170px; margin: 0 auto; padding-right: 1rem; padding-left: 1rem;}
#footer>div:first-of-type {padding-top: 30px; padding-bottom: 30px; font-size: 1rem; letter-spacing: -0.05em;}
#footer nav ul {width: 14.75rem; padding-top: 5px; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; font-size:1rem; letter-spacing: -0.05em; color: #999;}
#footer nav ul li {padding-top: 14px;}
#footer nav ul li.footer_pdb {padding-bottom: 14px;}
#footer aside hr.pc_only {height: 19px;}
#footer aside .sns {padding-top: 19px;}
#footer .copyright {padding-top: 30px; padding-bottom: 30px; font-size: 0.9333rem; letter-spacing: -0.05em; color: #666;}
#footer .copyright p+p {padding-top: 8px;}
#footer .copyright br {display: none;}
#footer .copyright .spacer {padding-left:20px;}
#footer .copyright span {padding-right: 1rem; padding-left: 1rem; top: 15px;}
}
@media screen and (min-width: 961px) and (max-width: 1299px){.jumpto_top {right: 1rem;}}

/* footer : mobile */
@media screen and (max-width: 960px){
#footer {min-width: 315px;}
/*#footer aside {position: relative; width: 100%; padding: 50px 1.6154rem; font-size: 1.1538rem; letter-spacing: -0.05em;}
#footer aside>a {position: absolute; left: 1.6154rem; top: 0px; bottom: 0; height: 1.1538rem; margin: auto;}
#footer aside>a.addlink01 { top: /* 2020.05.08 수정 45px 35px }
#footer aside>a.addlink03 { width:85px; text-align: left; top: /* 2020.05.08 수정 -50px; -35px }  
*/
#footer aside { position: relative; width: 100%; padding: 50px 1.6154rem; font-size: 1.1538rem; letter-spacing: -0.05em; overflow: hidden;}
#footer aside nav { width: 100%; }
#footer aside nav:nth-child(1) { margin-bottom: 20px;}
#footer aside nav h1 { float: left;}
#footer aside nav ul { float: left; padding-left: 10rem; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; font-size: 1rem; letter-spacing: -0.05em; color: #999;}
#footer aside nav ul li { padding-top:14px; text-align: left; }
#footer aside nav ul li:nth-child(1) { padding-top:0;}
#footer aside nav span { text-align: left; display: block; }
/* 고객지원 */


/* #footer aside::after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 13px; background: #fff;} */
#footer .copyright {padding: 18px 1.6154rem; font-size:0.923rem; letter-spacing: -0.05em; color: #666;}
#footer .copyright p {line-height: 1.41;}
#footer .copyright p+p {padding-top: 6px;}
#footer .copyright span {top: 0; bottom: 0; height: 35.5px; padding-right: 1.6154rem;}
#footer .copyright span img {width: 50px; height: 35.5px;}
.jumpto_top {right: 1.6154rem; top: -50px; }
.groups {display: none !important;}
/*
.footer_ci_wrap { position:absolute; top:30px; left:1.6154rem; }
.footer_ci_img {margin-left:2px}
.footer_ci img {float:left;}   
*/
}
@media screen and (min-width: 1171px){#footer .copyright span {width: 1170px}}

/* Error */
#error {position: absolute; top: 0; bottom: 0; width: 100%; margin: auto; text-align: center;}
#error h1 {margin-bottom: 25px; font-size: 3.2rem; font-weight: 500; text-transform: uppercase; color: #184e97;}
#error h1::before {content: ''; display: inline-block; vertical-align: middle; background: url('../images/common/ico_error.png') no-repeat left top;}
#error p {margin-bottom: 26px; font-size: 1.3333rem; line-height: 1.8666rem;}
@media screen and (min-width: 961px){
#error {height: calc(161px + 8.2664rem);}
#error h1 {height: 110px; line-height: 110px;}
#error h1::before {width: 128px; height: 110px;}
}
@media screen and (max-width: 960px){
#error {height: calc(106px + 8.2664rem);}
#error h1 {height: 55px; line-height: 55px;}
#error h1::before {width: 64px; height: 55px; background-size: 64px auto;}
}

/* datepicker */
.ui-datepicker {background: #fff;}
.ui-datepicker-header {position: relative; border-bottom: 1px solid #ccc; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.05em; text-align: center; color: #333;}
.ui-datepicker-prev,.ui-datepicker-next {position: absolute; display: block; margin:auto; background-image: url('../images/common/ico.png'); background-repeat: no-repeat; cursor:pointer;}
.ui-datepicker-prev span,.ui-datepicker-next span {display: inline-block !important; position: absolute; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px);}
.ui-datepicker-prev {left: 1.3333rem; transform: rotate(90deg);}
.ui-datepicker-next {right: 1.3333rem; transform: rotate(-90deg);}
.ui-datepicker-year::after {content: '년';}
.ui-datepicker-calendar {table-layout: fixed; text-align: center;}
.ui-datepicker-calendar thead th {font-weight: 500; color: #666;}
.ui-datepicker-calendar tbody td {font-weight: 400;}
.ui-datepicker-calendar td a {display: block;}
.ui-state-default {color: #4c4c4c;}
.ui-state-default.ui-priority-secondary {color: #999;}
.ui-state-default.ui-state-highlight {font-weight: 700; color: #333;}
.ui-state-default.ui-state-active {font-weight: 400; background: #005c9c; color: #fff;}
.ui-state-disabled span {text-decoration: line-through; color: #999;}

/* datepicker : pc */
@media screen and (min-width: 961px){
.ui-datepicker {padding-bottom: 20px;}
.ui-datepicker-header {padding: 20px 0 11px;}
.ui-datepicker-prev,.ui-datepicker-next {top: 20px; bottom: 11px; width: 16px; height: 10px; background-size: 33px auto; background-position: -17px -214px;}
.ui-datepicker-calendar {width: calc(100% - 2.6666rem); margin: 14px 1.3333rem 0; font-size: 0.8667rem;}
.ui-datepicker-calendar thead th {padding-bottom: 13px;}
.ui-datepicker-calendar td {line-height: 30px;}
}

/* datepicker : mobile */
@media screen and (max-width: 960px){
.ui-datepicker {padding-bottom: 15px;}
.ui-datepicker-header {padding: 10px 0;}
.ui-datepicker-prev,.ui-datepicker-next {top: 1px; bottom: 0; width: 12px; height: 7px; background-size: 25px auto; background-position: -13px -162px;;}
.ui-datepicker-calendar {width: calc(100% - 2rem); margin: 10px 1rem 0; font-size: 1rem;}
.ui-datepicker-calendar thead th {padding-bottom: 7px;}
.ui-datepicker-calendar td {line-height: 25px;}
.ui-datepicker-calendar td a {max-width: 30px; margin: 0 auto;}
}

/* 220127 투자자정보 추가*/

/*     tab     */
.tab { margin-top: 60px; }
.tab .selected { display: none; }
.tab ul { display: table;  border: 1px solid #e5e5e5; width: 100% !important; }
.tab ul li { display: table-cell; width: 10%; border-right: 1px solid #e5e5e5; }
.tab ul li:last-child { border-right: none; }
.tab ul li a { display: block; line-height: 22px; text-align: center; font-size: 16px; padding: 15PX 0; height: 100%; }
.tab ul li.on a { background: #005c9c; color: #fff; }

.tab2 { margin-top: 40px; border-bottom: 2px solid #005c9c; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; height: 50px; }
.tab2 li { float: left; position: relative; }
.tab2 li a { display: block; line-height: 46px; text-align: center; font-size: 16px; padding: 0 30px; border-top: 2px solid #f5f5f5; border-bottom: 2px solid #005c9c; }
.tab2 li.on a { background: #fff; color: #fff; border: 2px solid #005c9c; border-bottom: 2px solid #fff; color: #333; font-weight: 700; }

@media screen and (max-width: 960px) { .tab { margin-top: 30px; position: relative; }
    .tab .selected { display: block; line-height: 40px; cursor: pointer; background: url(../images/common/tab_arrow.png) no-repeat right top #005c9c; background-size: 40px; font-size: 13px; color: #fff; text-indent: 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right: 40px; /*250314 혜련 padding-top 추가*/ padding-top: 0;}
    .tab .selected.on { background-position: right bottom; }
    .tab ul { display: none; border: 1px solid #e5e5e5; position: absolute; left: 0; top: 40px; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .tab ul li { display: block; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; }
    .tab ul li:last-child { border-bottom: none; }
    .tab ul li a { display: block; line-height: 40px; text-align: left; font-size: 13px; text-indent: 15px; background: #fff; padding: 0; }
    .tab ul li.on a { background: #f1f1f1; color: #005c9c; font-weight: 700; } 
    .tab2 { margin-top: 30px; height: 40px; }
    .tab2 li a { line-height: 36px; font-size: 13px; }  }

/* Board */
.board { margin-top: 50px; border-top: 2px solid #333; width: 100%; }
.board .list { display: table; width: 100%; border-bottom: 1px solid #e5e5e5; }
.board .list li { display: table-cell; line-height: 60px; }
.board .list li.subject { width: auto; font-size: 18px; font-weight: 500; padding-left: 30px; display: block; color: #333; }
.board .list li.subject a { font-size: 18px; font-weight: 500; display: block; color: #333; }
.board .list li.subject a:hover { text-decoration: underline; }
.board .list li.btns { text-align: right; }
.board .list li.btns a { display: inline-block; border: 1px solid #bbb; line-height: 38px; width: 105px; text-align: center; }
.board .list li.btns a.list-file:before { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: url('../images/common/ico_file2.png') no-repeat center; background-size: contain; content: ""; }
.board .list li.btns a.list-file.brochure { width: 300px; }
.board .list li.btns a.new-win:after { display: inline-block; width: 11px; height: 11px; margin-left: 10px; background: url('../images/common/ico_newwin.svg') no-repeat center; background-size: contain; content: ""; }
.board .list li.btns.col2 { width: 225px; position: relative; }
.board .list li.btns.col2 .list-file { position: absolute; top: 10px; }
.board .list li.btns.col2 .left { left: 0; }
.board .list li.btns.col2 .right { right: 0; }
.board .list li.btns.brochure { padding-right: 25px; }
.board .list li.btns.brochure a.list-file { width: 300px; margin: 0 2px; }
.board .list li.date { width: 140px; text-align: right; padding-right: 30px; }
.board .board-view-top { padding: 40px 0; border-bottom: 1px solid #e5e5e5; }
.board .board-view-top .title { font-size: 26px; color: #333; text-align: center; font-weight: 700; margin-bottom: 20px; }
.board .board-view-top .date { text-align: center; }
.board .board-view-con { padding: 40px; }
.board .board-view-con table { max-width: 100%; }
.board .board-view-con img { width: 100%; }
.board .file-wrap { border-top: 1px solid #e5e5e5; border-bottom: 2px solid #333; }
.board .file-wrap ul { display: table; line-height: 60px; width: 100%; }
.board .file-wrap ul li { display: table-cell; }
.board .file-wrap ul li.key { width: 15%; text-align: center; color: #333; font-weight: 700; }
.board .file-wrap ul li.value { width: 85%; }
.board .file-wrap ul li.value a.file { background: url('../images/common/btn_file.png') no-repeat 0 8px; color: #005c9c; line-height: 28px; padding-left: 20px; display: inline-block; }
.board .bottom { margin-top: 50px; border-top: 1px solid #e5e5e5; }
.board .bottom ul { border-bottom: 1px solid #e5e5e5; }
.board .bottom ul:after { content: ""; display: block; clear: both; }
.board .bottom ul li { line-height: 60px; float: left; }
.board .bottom ul li.key { width: 130px; font-weight: 700; padding-left: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .bottom ul li.link { width: calc(100% - 130px); }
.board .bottom ul li.link a { display: block; color: #333; width: 100%; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .bottom ul li.link a:hover { text-decoration: underline; }
.board .bottom ul.prev .key { background: url('../images/board/prev_arrow.png') no-repeat 0 0; background-size: contain; }
.board .bottom ul.next .key { background: url('../images/board/next_arrow.png') no-repeat 0 0; background-size: contain; }
.board .btn-wrap { text-align: right; }
.board .btn-wrap a { text-align: center; }

.board.thumb-list .list { padding: 30px 0; }
.board.thumb-list .list a { display: block; }
.board.thumb-list .list .thumb { width: 370px; line-height: 1; }
.board.thumb-list .list .thumb img { width: 370px; }
.board.thumb-list .list .thumb-text { padding: 0 40px; vertical-align: top; }
.board.thumb-list .list .thumb-text .title { font-size: 18px; color: #333; }
.board.thumb-list .list .thumb-text .text { margin-top: 30px; line-height: 24px; }

.board-media-view-con { display: table; border-bottom: 2px solid #333; }
.board-media-view-con .media-list { display: table-cell; width: 300px; padding: 40px 30px; background: #f5f5f5; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board-media-view-con .media-list dt { font-size: 18px; font-weight: 700; color: #005c9c; margin-bottom: 10px; }
.board-media-view-con .media-list dd { line-height: 30px; padding-left: 10px; text-align: left; background: url("../images/common/bu_line.png") no-repeat 0 15px; font-size: 15px; font-weight: normal; }
.board-media-view-con .media-list dd.on a { color: #333; font-weight: 700; }
.board-media-view-con .media-con { padding: 0 0; }
.board-media-view-con .media-con .subtitle { overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; height: 220px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* .board-search { text-align: center; margin-top: 50px; }
.board-search select { vertical-align: middle; width: 150px;}
.board-search .input-wrap { display: inline-block; border: 1px solid #ccc; margin-left: 6px; vertical-align: middle; }
.board-search .input-wrap:after { content: ""; display: block; clear: both; }
.board-search .input-wrap input[type="text"] { float: left; width: 295px; border: none; height: 43px; line-height: 43px; }
.board-search .input-wrap .btn-search { background: url(../images/board/btn_search.png) no-repeat 0 0; background-size: contain; width: 43px; height: 43px; float: right; text-indent: -9999px; } */

@media screen and (max-width: 960px) { .board { margin-top: 30px; display: block; }
.board .list { display: block; padding-top: 20px; padding-bottom: 20px; }
.board .list li { display: block; line-height: 20px; border-bottom: none; }
.board .list li.subject { width: 100%; padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.subject a { font-size: 15px; white-space: nowrap; word-break: break-all; overflow: hidden; text-overflow: ellipsis; }
.board .list li.btns { text-align: center; width: 100%; padding: 0 15px 10px; margin-top: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.board .list li.btns a { line-height: 33px; width: 100%; }
.board .list li.btns.col2 { height: 45px; width: 100%; }
.board .list li.btns.col2 a { width: calc((100% / 2) - 28px); }
.board .list li.btns.col2 a.left { left: 20px; top: 0; }
.board .list li.btns.col2 a.right { right: 20px; top: 0; }
.board .list li.btns.brochure { padding-right: 15px; }
.board .list li.btns.brochure a.list-file { width: 100%; margin: 0; }
.board .list li.btns.brochure a:nth-child(2) { margin-top: 5px; }
.board .list li.date { width: 100%; text-align: left; padding-left: 20px; }
.board .board-view-top { padding: 25px; }
.board .board-view-top .title { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
.board .board-view-con { padding: 20px; }
.board .file-wrap ul { line-height: 45px; }
.board .file-wrap ul li.key { width: 20%; font-size: 12px; }
.board .file-wrap ul li.value { width: 80%; }
.board .file-wrap ul li.value a.file { background-size: 11px; padding-left: 18px; }
.board .bottom { margin-top: 40px; }
.board .bottom ul li { line-height: 45px; }
.board .bottom ul li.key { width: 100px; padding-left: 40px; font-size: 12px; }
.board .bottom ul li.link { width: calc(100% - 100px); font-size: 12px; }
.board .bottom ul li.link a { font-size: 12px; }
.board .btn-wrap { margin-top: 40px; }
.board .btn-wrap a { width: 90px; min-width: 90px; }
.board.thumb-list .list { padding: 20px 0; }
.board.thumb-list .list .thumb { width: 100%; }
.board.thumb-list .list .thumb img { width: 100%; }
.board.thumb-list .list .thumb-text { padding: 20px 0 0 0; }
.board.thumb-list .list .thumb-text .title { font-size: 15px; }
.board.thumb-list .list .thumb-text .text { margin-top: 15px; line-height: 17px; font-size: 12px; }
.board-media-view-con { display: block; }
.board-media-view-con .media-list { display: block; width: 100%; padding: 30px 20px; }
.board-media-view-con .media-list dt { font-size: 15px; }
.board-media-view-con .media-list dd { line-height: 21px; padding-left: 10px; text-align: left; background: url("../images/common/bu_line.png") no-repeat 0 12px; }
.board-media-view-con .media-list dd a { font-size: 12px; }
.board-media-view-con .media-con { padding: 0; padding-bottom: 20px; }
.board-media-view-con .media-con .subtitle { padding-top: 20px; height: 180px; }
.board-search { margin-top: 25px; }
.board-search select { width: 100px; }
.board-search .input-wrap { margin-left: 0; }
.board-search .input-wrap input[type="text"] { width: 187px; height: 38px; line-height: 38px; }
.board-search .input-wrap .btn-search { width: 38px; height: 38px; } }

/* paging */
#paging { width: 100%; margin-top: 50px; text-align: center; }
#paging .wrap { display: inline-block; }
#paging a { display: inline-block; width: 40px; height: 40px; vertical-align: middle; line-height: 40px; text-align: center; font-size: 14px; }
#paging a.on { color: #005c9c; border: 1px solid #005c9c; font-weight: 700; border-radius: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#paging a.ll { background: url(../images/board/page_ll.png) no-repeat center center; text-indent: -9999px; }
#paging a.l { background: url(../images/board/page_l.png) no-repeat center center; text-indent: -9999px; }
#paging a.r { background: url(../images/board/page_r.png) no-repeat center center; text-indent: -9999px; }
#paging a.rr { background: url(../images/board/page_rr.png) no-repeat center center; text-indent: -9999px; }

@media screen and (max-width: 960px) { #paging { margin-top: 30px; }
#paging a { width: 35px; height: 35px; line-height: 35px; font-size: 12px; } }


/* table */
table { border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%; margin-top: 30px; }
table th { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px; color: #333; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 22px; }
table tbody th { background: none; }
table tbody th.bg { background: rgba(0, 88, 145, 0.08); }
table tbody th.left { text-align: left; width:100%; }
table td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 20px 15px; vertical-align: middle; text-align: center; line-height: 24px; }
table td .stroke { display: inline-block; line-height: 43px; border: 1px solid #005c9c; color: #005c9c; font-weight: 700; padding: 0 30px; float: right; }
table td.bg { background: rgba(0, 88, 145, 0.08); }
table td.title { text-align: left; font-weight: 700; color: #333; }
table td.left { text-align: left; padding: 20px 30px; }
table th:last-child, table td:last-child { border-right: none; }
table th.boR, table td.boR { border-right: 1px solid #e5e5e5; }
table td.bdright { border-right: 1px solid #e5e5e5; }
table tfoot td { background: rgba(0, 88, 145, 0.08); }
table caption { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

table.investor td { text-align: right; padding: 20px 20px; }
table.investor-meet {border : 1px solid #666666;}
table.investor-meet td {text-align: center; border : 1px solid #666666;}
table.investor-meet th {font-weight: 400; border : 1px solid #666666;}

table.row th { background: #f5f5f5; }
table.row td { text-align: left; padding: 20px 30px; }

/* 배당내역 텍스트 */
.table_inner_text { padding:5px; }
.table_inner_text span {display:block; padding:1px;}
.table_inner_text span:nth-child(1) {font-size:15px;}

@media screen and (max-width: 960px) { table { margin-top: 20px; }
table th { padding: 14px 20px; /*font-size: 12px;*/ }
table th.left { padding: 10px; }
table td { padding: 14px 20px; /*font-size: 12px;*/ line-height: 17px; }
table td strong { /*font-size: 12px;*/ }
table td .stroke { /*font-size: 12px;*/ line-height: 35px; }
table td.left { padding: 10px; }
table.row td { padding: 14px 20px; } 
.table_inner_text span:nth-child(1) {font-size:12px; }

}
/******************************     TABLE SCROLL     ******************************/
@media screen and (max-width: 960px) { .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table_inner.scroll table { width: 800px; }
.msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.msg_touch_help img { width: 80px; height: 80px; } }

/* 220218 추가 rule 추가 */
/* .rule { padding-top:70px;} */
.rule .rule-con { margin-left: -30px; }
.rule .rule-con:after { content: ""; display: block; clear: both; }
.rule .rule-con .text-wrap { margin-left: 30px; float: left; width: calc((100% - 120px) / 4); }
.rule .rule-con .text-wrap .title { font-size: 40px; color: #333; font-weight: 700; margin-bottom: 30px; line-height:inherit; }
.rule .rule-con .text-wrap .text { line-height: 24px; }
.rule .rule-con .text-wrap .btn { margin-top: 40px; }
.rule .rule-con .text-wrap .btn a { display: inline-block; line-height: 45px; border-radius: 55px; font-size: 15px; font-weight: 500; margin: 0 5px; color: #333; padding: 0 30px; border: 1px solid #999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rule .rule-con .link-wrap { width: calc((100% / 4) * 3); float: left; }
.rule .rule-con .link-wrap li { float: left; width: calc((100% - 90px) / 3); margin-left: 30px; }
.rule .rule-con .link-wrap li .image { width: 100%; height: 270px; overflow: hidden; }
.rule .rule-con .link-wrap li .image span { transition: .5s ease; width: 100%; height: 100%; display: block; }
.rule .rule-con .link-wrap li div { position: relative; width: 100%; height: 60px; background: #fff; margin: 0; }
.rule .rule-con .link-wrap li div .bg { background: #222; width: 0; height: 100%; transition: .5s ease; }
.rule .rule-con .link-wrap li div .text { position: absolute; left: 0; top: 0; width: 100%; line-height: 60px; text-indent: 20px; font-size: 18px; color: #222; }
.rule .rule-con .link-wrap li div .text:after { content: ""; display: block; clear: both; }
.rule .rule-con .link-wrap li div .text span { position: absolute; right: 0; top: 0; }
.rule .rule-con .link-wrap li a { display: block; }
.rule .rule-con .link-wrap li a:hover .image span { transform: scale(1.1); }
.rule .rule-con .link-wrap li a:hover div .bg { width: 100%; }
.rule .rule-con .link-wrap li a:hover div .text { color: #fff; }
.rule .rule-con .link-wrap li div .text span.movePage { color:transparent; overflow: hidden; display: inline-block; background: url(../images/common/intro_arrow.png) no-repeat right; font-size:1px;}
.rule .rule-con .link-wrap.four {width: calc((100% / 4) * 4);}
.rule .rule-con .link-wrap.four li {width: calc((100% - 120px) / 4);}

@media screen and (max-width: 1200px) {
.rule .rule-con { margin-left: 0; }
.rule .rule-con:after { content: ""; display: block; clear: both; }
.rule .rule-con .text-wrap { margin-left: 0; width: 100%; margin-bottom: 40px; }
.rule .rule-con .text-wrap .title { text-align: center; }
.rule .rule-con .text-wrap .text { text-align: center; width: 340px; margin: 0 auto; }
.rule .rule-con .text-wrap .btn { margin-top: 20px; text-align: center; }
.rule .rule-con .link-wrap { width: 100%; float: left; }
.rule .rule-con .link-wrap li { float: left; width: calc((100% - 40px) / 3); margin-left: 20px; }
.rule .rule-con .link-wrap li:nth-child(1) { margin-left: 0; }
.rule .rule-con .link-wrap li .image { height: 300px; } 
.rule .rule-con .link-wrap.four { width: 100%; }
.rule .rule-con .link-wrap.four li { width: calc((100% - 40px) / 3);}
.rule .rule-con .link-wrap.four li:nth-child(4) { margin-top:50px; margin-left:0;}}

@media screen and (max-width: 960px) {
.rule .rule-con .text-wrap { margin-bottom: 20px; }
.rule .rule-con .text-wrap .title { font-size: 25px; margin-bottom: 15px; }
.rule .rule-con .text-wrap .text { font-size: 12px; line-height: 17px; width: 265px; }
.rule .rule-con .text-wrap .btn a { line-height: 33px; font-size: 12px; }
.rule .rule-con .link-wrap li { width: calc((100% - 30px) / 3); margin-left: 15px; }
.rule .rule-con .link-wrap li .image { height: 101px; }
.rule .rule-con .link-wrap li div { height: 35px; }
.rule .rule-con .link-wrap li div .text { line-height: 35px; text-indent: 12px; font-size: 13px; height: 35px; }
.rule .rule-con .link-wrap li div .text span img { height: 35px; } 
.rule .rule-con .link-wrap.four li { width: calc((100% - 30px) / 3); }}

/* form */
select { width: 250px; /*padding: .58em .5em;  */ padding-left: 15px; font-family: inherit; border: 1px solid #ccc; background: url(../images/common/_form/select.png) no-repeat right center #fff; background-size: contain; vertical-align: middle; height: 45px; border-radius: 0px; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
select::-ms-expand { display: none; }

.investor {overflow: hidden;}

@media screen and (max-width: 960px) { select { padding-left: 10px; height: 40px; } .ceo_selM {width:150px!important; } .ceo_selM > option {width:150px!important;}} /*ÇؼÛ*/
input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 43px; height: 45px; text-indent: 20px; width: 400px; font-size: 20px; border: 1px solid #ccc; vertical-align: middle; padding-left: 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { input[type="text"], input[type="password"], input[type="tel"], input[type="email"] { line-height: 38px; height: 40px; text-indent: 10px; font-size: 16px; } }
input[type="button"] { height: 30px; line-height: 30px; background: #005891; color: #fff; text-align: center; min-width: 130px; border: none; font-size: 14px; cursor: pointer; margin: 0 2px; -moz-appearance: none; -webkit-appearance: none; }

a.file { background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 10px center; line-height: 28px; color: #005891; padding-left: 35px; padding-right: 10px; display: inline-block; }

a.flie-btn { background: url(/docs/kor6/jsp/_images/common/btn_file.png) no-repeat 10px center; min-width: 140px; line-height: 38px; font-size: 14px; padding-left: 35px; padding-right: 13px; display: inline-block; background-color:#014f7f; color:#fff;}

textarea { width: 100%; height: 350px; padding: 20px; border: 1px solid #e5e5e5; color: #666; margin-top: 40px; line-height: 24px; vertical-align: baseline; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { a.file { font-size: 12px; padding-left: 30px; }
textarea { height: 220px; padding: 15px; margin-top: 10px; line-height: 17px; font-size: 12px; } }
.checks input[type="radio"], .checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.checks input[type="radio"]:focus, .checks input[type="checkbox"]:focus { width: 20px; height: 20px; outline: solid; }
.checks input[type="radio"]:focus + label, .checks input[type="checkbox"]:focus + label { border: 1px dotted #000; }
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-right: 40px; position: relative; }
.checks input[type="radio"] + label:before { position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: middle; margin-right: 10px; background: url(../images/common/radio2.png) no-repeat left bottom; }
.checks input[type="radio"] + label:last-of-type { margin: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; color: #666; min-width: 0; line-height: 25px; text-align: left; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before { position: absolute; left: 0; top: 0; display: inline-block; content: ""; width: 25px; height: 25px; vertical-align: top; margin-right: 10px; background: url(../images/common/checkbox.png) no-repeat left bottom; }
.checks input[type="radio"]:checked + label:before, .checks input[type="checkbox"]:checked + label:before { background-position: left top; }

@media screen and (max-width: 960px) { .checks input[type="radio"] + label, .checks input[type="checkbox"] + label { padding-left: 30px; font-size: 12px; line-height: 20px; }
.checks input[type="radio"] + label:before, .checks input[type="checkbox"] + label:before { height: 20px; width: 20px; background-size: 20px; }
.checks input[type="radio"] + label { margin-right: 30px; }
.checks input[type="radio"] + label:last-of-type { margin: 0; } }
input[type="file"] { padding: 0; margin: 0px; background: #f5f5f5; border: 1px solid #e5e5e5; width: 400px; }
input[type="file"]::-webkit-file-upload-button { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; color: #fff; border: 0; background: #343f4e; line-height: 45px; margin: 0px; width: 100px; cursor: pointer; }
input[type="file"]::-ms-value { border: 0; height: 45px; }
input[type="file"]::-ms-browse { color: #fff; border: 0; background: #343f4e; width: 100px; }
a.btn_image_add { display: inline-block; width: 25px; height: 30px;  margin-left: 4px; overflow: hidden; font-size:1px; vertical-align: middle; color:transparent; background: url("../images/common/file_add.jpg") no-repeat center; }
a.btn_remove { display: inline-block; width: 25px; height: 30px; margin-left: 4px; overflow: hidden; font-size:1px; vertical-align: middle;; color:transparent; background: url("../images/common/file_del.jpg") no-repeat center; }
/* form end */

/* 250312 신고센터 수정 */

.wrap_textarea1 .textarea { width: 100%; height: 350px; padding: 20px; border: 1px solid #e5e5e5; color: #666; margin-top: 40px; line-height: 24px; vertical-align: baseline; -moz-appearance: none; -webkit-appearance: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 960px) { 
.wrap_textarea1 .textarea { height: 220px; padding: 15px; margin-top: 10px; line-height: 17px; font-size: 12px; } 
}       




/*     write input     */
.write-input { border-top: 2px solid #333; border-bottom: 1px solid #e5e5e5; margin-top: 30px; padding: 40px 0 10px; }
.write-input > ul { display: table; table-layout: fixed; width: 100%; margin-bottom: 30px; }
.write-input > ul > li { display: table-cell; font-size: 15px; font-weight: 700; vertical-align: middle; }
.write-input > ul > li:first-child { width: 23%; text-indent: 30px; color: #333; line-height: 45px; }
.write-input > ul > li:first-child label { color: inherit; }
.write-input > ul > li:last-child { width: 77%; line-height: 24px; }
.write-input > ul > li input[type="text"].fw { width: 100%; }
.write-input > ul > li input[type="text"].zip { width: 110px; }
.write-input > ul > li input[type="text"].wf { width: 100%; }
.write-input > ul > li input[type="tel"] { width: 110px; }
.write-input > ul > li input[type="email"] { width: 200px; }
.write-input > ul > li select { width: 110px; }
.write-input > ul > li select.fw { width: 400px; }
.write-input > ul > li select.email { width: 200px; margin-left: 10px; }
.write-input > ul > li select.nation { width: 400px; }
.write-input > ul > li .btn-form { width: 120px; line-height: 45px; color: #fff; font-weight: 500; background: #515f68; vertical-align: top; margin-left: 10px; display: inline-block; text-align: center; }
.write-input > ul > li p { font-weight: 400; margin-top: 15px; }
.write-input > ul > li p.inline { display: inline-block; width: 450px; }
.write-input > ul > li .name { line-height: 25px; display: inline-block; font-weight: 400; }
.write-input > ul > li .checks { margin-bottom: 10px; }
.write-input > ul > li .checks.name-radio { margin-left: 170px; margin-bottom: 0; display: inline-block; }
.write-input > ul > li .checks.bu { margin-left: 50px; display: inline; }
.write-input > ul > li .zip-wrap { margin-bottom: 10px; }
.write-input > ul > li .phone-line { margin: 0 10px; }
.write-input > ul > li.bg { background: #f5f5f5; padding-bottom: 30px; }

@media screen and (max-width: 960px) { .write-input { margin-top: 20px; padding: 5px 20px; }
.write-input ul { display: block; table-layout: fixed; margin-bottom: 10px; }
.write-input ul li { display: block; font-size: 13px; }
.write-input ul li:first-child { width: 100%; text-indent: 0; line-height: 20px; }
.write-input ul li:last-child { width: 100%; line-height: 20px; }
.write-input ul li input[type="text"] { width: calc(100% - 100px); }
.write-input ul li input[type="text"].fw { width: 100%; }
.write-input ul li input[type="password"] { width: 100%; }
.write-input ul li input[type="tel"] { width: calc((100% - 8px) / 3); }
.write-input ul li input[type="email"] { width: calc( 50% - 15px); }
.write-input ul li select { width: calc((100% - 8px) / 3); }
.write-input ul li select.fw { width: 100%; }
.write-input ul li select.email { display: block; width: 100%; margin-left: 0; margin-top: 10px; }
.write-input ul li select.nation { width: 100%; }
.write-input ul li .btn-form { width: 95px; line-height: 40px; margin-left: 5px; font-size: 12px; }
.write-input ul li p { margin-top: 10px; }
.write-input ul li p.inline { display: inline-block; width: 450px; }
.write-input ul li .checks { margin-bottom: 10px; }
.write-input ul li .checks.name-radio { margin-left: 100px; margin-bottom: 0; display: inline-block; }
.write-input ul li .checks.bu { margin-left: 0; display: block; margin-top: 10px; }
.write-input ul li .zip-wrap { margin-bottom: 5px; }
.write-input ul li .phone-line { margin: 0 5px; font-size: 12px; } }



/* Newsroom */
#newsroom_main_highlight { background-color: #f8f9fa; }
#newsroom_main_highlight .slick-arrow { position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0, 0, 0, .2); z-index: 2; margin-top: -30px; background-repeat: no-repeat; background-position: center; }
#newsroom_main_highlight .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.8); }
#newsroom_main_highlight .slick-prev { left: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M13.500,20.216 L12.917,20.804 L12.467,20.350 L12.017,20.804 L11.567,20.350 L11.117,20.804 L1.020,10.613 L1.137,10.494 L0.900,10.254 L10.965,0.096 L11.415,0.550 L11.865,0.096 L12.315,0.550 L12.765,0.096 L13.346,0.681 L3.746,10.371 L13.500,20.216 Z'/%3E%3C/svg%3E"); }
#newsroom_main_highlight .slick-next { right: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.863,10.494 L12.980,10.613 L2.882,20.804 L2.432,20.350 L1.983,20.804 L1.532,20.350 L1.082,20.804 L0.500,20.216 L10.254,10.371 L0.654,0.681 L1.235,0.096 L1.684,0.550 L2.135,0.096 L2.585,0.550 L3.035,0.096 L13.100,10.254 L12.863,10.494 Z'/%3E%3C/svg%3E"); }
#newsroom_main_highlight .article_item { height: 640px; display: block !important; position: relative; }
#newsroom_main_highlight .article_item > .inner { display: flex; flex-direction: column; max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 1rem; justify-content: flex-end; position: relative; z-index: 2; }
#newsroom_main_highlight .article_item > .inner:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); z-index: 1; }
#newsroom_main_highlight .article_item > .bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-position: center; background-repeat: no-repeat; background-size: cover; filter: blur(8px); -webkit-filter: blur(8px); }
#newsroom_main_highlight .article_item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); z-index: 1; }

#newsroom_main_highlight .article_item .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #000; }
#newsroom_main_highlight .article_item .img > div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
#newsroom_main_highlight .article_item .cont { position: relative; z-index: 2; padding: 30px 0; }
#newsroom_main_highlight .article_item .cont .cate { font-size: 14px; color: #fff; background-color: #005c9c; display: inline-block;  padding: 10px 20px; margin-bottom: 20px;}
#newsroom_main_highlight .article_item .cont .tit { font-size: 34px; color: #fff; font-weight: 600;; }
#newsroom_main_highlight .article_item .cont .date { font-size: 13px; color: rgba(255, 255, 255, .5); margin-top: 10px; }


#contents .newsroom_main_section { padding-bottom: 60px; position: relative; }
#contents .newsroom_main_section:last-child { padding-bottom: 190px; }
#contents .newsroom_main_section .moreBtn { position: absolute; top: 70px; right: 1rem; }
#contents .newsroom_main_section .moreBtn a { display: inline-flex; align-items: center; justify-content: space-between; font-size: 16px; color: #333; font-weight: 560; }
#contents .newsroom_main_section .moreBtn a:after { content: ''; width: 15px; height: 15px; margin-left: 7px; background-size: 70%; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(51, 51, 51)' d='M12.863,10.494 L12.980,10.613 L2.882,20.804 L2.432,20.350 L1.983,20.804 L1.532,20.350 L1.082,20.804 L0.500,20.216 L10.254,10.371 L0.654,0.681 L1.235,0.096 L1.684,0.550 L2.135,0.096 L2.585,0.550 L3.035,0.096 L13.100,10.254 L12.863,10.494 Z'/%3E%3C/svg%3E"); }

#newsroom_main_featured.newsroom_main_section { max-width: 100%; padding: 0; position: relative; padding: 60px 0; background-color: #f8f9fa; }
#newsroom_main_featured.newsroom_main_section > .inner { position: relative; max-width: 1170px; margin: 0 auto; }
#newsroom_main_featured.newsroom_main_section header > h1 { text-align: left; margin-bottom: 60px; font-size: 2.6667rem; font-weight: 700; letter-spacing: -0.05em; color: #000; }
#newsroom_main_featured.newsroom_main_section .moreBtn { top: 20px; }
#newsroom_main_featured .slider { background-color: #f8f9fa; margin: 0 -20px; }
#newsroom_main_featured .slider .slick-list { overflow: visible; }
#newsroom_main_featured .slider .slick-slide > div { margin: 0 20px; }
#newsroom_main_featured .slider .slick-arrow { position: absolute; top: 50%; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0, 0, 0, .2); z-index: 2; margin-top: -30px; background-repeat: no-repeat; background-position: center; }
#newsroom_main_featured .slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.8); }
#newsroom_main_featured .slider .slick-prev { left: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M13.500,20.216 L12.917,20.804 L12.467,20.350 L12.017,20.804 L11.567,20.350 L11.117,20.804 L1.020,10.613 L1.137,10.494 L0.900,10.254 L10.965,0.096 L11.415,0.550 L11.865,0.096 L12.315,0.550 L12.765,0.096 L13.346,0.681 L3.746,10.371 L13.500,20.216 Z'/%3E%3C/svg%3E"); }
#newsroom_main_featured .slider .slick-next { right: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.863,10.494 L12.980,10.613 L2.882,20.804 L2.432,20.350 L1.983,20.804 L1.532,20.350 L1.082,20.804 L0.500,20.216 L10.254,10.371 L0.654,0.681 L1.235,0.096 L1.684,0.550 L2.135,0.096 L2.585,0.550 L3.035,0.096 L13.100,10.254 L12.863,10.494 Z'/%3E%3C/svg%3E"); }
#newsroom_main_featured .slider .article_item { height: 640px; display: block !important; position: relative; }
#newsroom_main_featured .slider .article_item > .inner { display: flex; flex-direction: column; max-width: 1170px; height: 100%; margin: 0 auto; padding: 0 1rem; justify-content: flex-end; position: relative; z-index: 2; }
#newsroom_main_featured .slider .article_item > .inner:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); z-index: 1; }
#newsroom_main_featured .slider .article_item > .bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-position: center; background-repeat: no-repeat; background-size: cover; filter: blur(8px); -webkit-filter: blur(8px); }
#newsroom_main_featured .slider .article_item:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%); z-index: 1; }

#newsroom_main_featured .slider .article_item .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #000; }
#newsroom_main_featured .slider .article_item .img > div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
#newsroom_main_featured .slider .article_item .cont { position: relative; z-index: 2; padding: 30px 0; }
#newsroom_main_featured .slider .article_item .cont .cate { font-size: 14px; color: #fff; background-color: #005c9c; display: inline-block;  padding: 10px 20px; margin-bottom: 20px;}
#newsroom_main_featured .slider .article_item .cont .tit { font-size: 34px; color: #fff; font-weight: 600;; }
#newsroom_main_featured .slider .article_item .cont .date { font-size: 13px; color: rgba(255, 255, 255, .5); margin-top: 10px; }



.newsroom_article_list > .gallery  { border-top: 2px solid #333; padding-top: 60px; }


.tb_page { padding: 70px 0; display: flex; justify-content: center; align-items: center; }
.tb_page .prev { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-right: 10px; font-size: 0; }
.tb_page .prev:after { content: ''; width: 10px; height: 10px; border-bottom: 1px solid #ccd6e6; border-left: 1px solid #ccd6e6; transform: rotate(45deg); }
.tb_page .next { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: 10px;font-size: 0; }
.tb_page .next:after { content: ''; width: 10px; height: 10px; border-bottom: 1px solid #ccd6e6; border-right: 1px solid #ccd6e6; transform: rotate(-45deg); }
.tb_page > ul { display: flex; justify-content: center; align-items: center; }
.tb_page > ul > li + li { margin-left: 6px; }
.tb_page > ul > li > a { width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; font-size: 1em; color: #c0ccde; box-sizing: border-box; }
.tb_page > ul > li.active > a { font-weight: bold; color: #2b3138; }