@charset "utf-8";

/*
	서브페이지 css
*/
a:active,a:hover,button:hover,button:active{outline:none}
a:focus, button:focus{border:2px solid #000000 !important;outline:1px solid #ffffff;outline-offset:0px; }
.after:after {display: block; clear: both; content: "";}
div#header {height:180px; background:#ffffff; z-index:10;}

div.middle_in {margin: 42px auto 0px; width: 1000px; position: relative;}
div.sub_visual {background: rgb(244, 244, 244); /*left: 0px; top: 98px;*/ width: 100%; height: 207px; /*position: absolute;*/}

.sub_visual_new{background: rgb(244, 244, 244); width: 100%; height: 207px;}
div.sub_visual_new p.ter_coast{background: url("/kr/images/sub/sub_visual_new.jpg") no-repeat center top; width:100%; height: 207px;}

div.sub_visual p {background: url("/kr/images/sub/sub_visual.jpg") no-repeat left top; margin: 0px auto; width: 1000px; height: 207px;}
div.sub_visual p.info_bg {background: url("/kr/images/sub/sub_visual01.jpg") no-repeat left top;}
div.sub_visual p.service_bg {background: url("/kr/images/sub/sub_visual02.jpg") no-repeat left top;}
div.sub_visual p.port_bg {background: url("/kr/images/sub/sub_visual03.jpg") no-repeat left top;}
div.sub_visual p.talk_bg {background: url("/kr/images/sub/sub_visual04.jpg") no-repeat left top;}
div.sub_visual p.ygpa_bg {background: url("/kr/images/sub/sub_visual.jpg") no-repeat left top;}

div#leftMenu {margin: 0px 33px 0px 0px; width: 183px; float: left; display: inline-block;}

div#leftMenu h2 {background: url("/kr/images/sub/left_title.gif") no-repeat left top; padding:42px 0px 0px; width: 183px; height:134px; text-align: center; color: rgb(255, 255, 255); line-height:30px; font-family: "NanumGothicBold"; font-size: 24px; font-weight: normal;}
div#leftMenu ul.leftMenuList {width: 183px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;}
div#leftMenu ul.leftMenuList > li {border-top-color: rgb(214, 214, 214); border-right-color: rgb(214, 214, 214); border-left-color: rgb(214, 214, 214); border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;}
div#leftMenu ul.leftMenuList > li:first-child {border-top-color: currentColor; border-top-width: 0px; border-top-style: none;}
div#leftMenu ul.leftMenuList > li > a {padding: 17px 18px 10px 10px; width:100%; color: rgb(54, 56, 58); font-family: "NanumGothicBold"; font-size: 14px; font-weight: bold; display:inline-block; min-height: 17px;}
div#leftMenu ul.leftMenuList > li:hover > a {color: rgb(0, 173, 239);}
div#leftMenu ul.leftMenuList > li.on {border: 0px;}
div#leftMenu ul.leftMenuList > li.on > a {background: url("/kr/images/sub/left_menu_on.gif") no-repeat 164px #207ddd; width:100%; color: rgb(255, 255, 255);}
div#leftMenu ul.leftMenuList > li ul {padding: 17px 10px 5px; border-right-color: rgb(214, 214, 214); border-left-color: rgb(214, 214, 214); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;background: #efefef url(/kr/images/sub/left_bg.png) left top repeat-x;}
div#leftMenu ul.leftMenuList > li ul li {margin-bottom: 8px; position:relative;}
div#leftMenu ul.leftMenuList > li ul li a {font-size:13px; font-weight:bold; color: rgb(69, 77, 89); padding:0 0 0 6px; display:inline-block;}
/*div#leftMenu ul.leftMenuList > li ul li:before {width:3px; height:3px; background:#292929; content: ""; display:block; position:absolute; left:3px; top:6px;}*/
div#leftMenu ul.leftMenuList > li ul li a:hover {text-decoration: underline;}
div#leftMenu ul.leftMenuList > li ul li.on a {font-weight: bold;}

div#leftMenu ul.left_banner {margin: 12px 0px; display: inline-block;}
div#leftMenu ul.left_banner li {float: left;}
div#leftMenu ul.left_banner li a {display: block;}

div#contentgroup {margin: 0px 0px 45px; width: 784px; float: left; display: inline-block;}
ul.content_util {margin: 10px 0px 0px; float: right;}
ul.content_util li {float: left;}
ul.content_util li.content_text {margin-right: 12px;}
ul.content_util li p {float: left;}
ul.content_util li p a {display: block;}

div.content_top h3 {margin: 60px 0px 0px; height: 30px; color: rgb(69, 77, 89); font-family: "NanumGothicBold"; font-size:31px; font-weight:600;}
div.content_top p.title_text {color: rgb(131, 136, 144);}

span#pageLinkNav {width: 100%; text-align: right; display: inline-block;}
span#pageLinkNav a {color: rgb(125, 123, 126);}
span#pageLinkNav span {color: rgb(125, 123, 126);}
span#pageLinkNav span.menu-active {color:#0066b4; font-weight:bold;}
span#pageLinkNav a.menu-home {display: inline-block;}
span#pageLinkNav a.menu-home span {background: url("/kr/images/sub/navi_home.gif") no-repeat left top; padding: 10px 10px 0px 0px; width: 0px; height: 0px; overflow: hidden; display: inline-block;}
/* 좌측메뉴 별도 추가20211221 */
#leftSubImg0404 a {letter-spacing:-1px;}

/*하단 페이지 관리뷰*/
div.page_bottom01 {width: 100%; border-top-color: rgb(214, 214, 214); border-top-width: 1px; border-top-style: solid; display: inline-block;}
div#contentment {margin: 0px auto; padding: 0px 0px 0px 200px; width:1000px; position: relative;}
div.qrCode {margin-top: 25px;}
div.qrCode p.qr_title {background: url("/kr/images/common/qr_title_bg.gif") no-repeat left top; padding: 5px 0px 0px 27px; height: 22px; color: rgb(53, 64, 76); font-weight: bold;}
div.qrCode p.txtQrcode {margin: 3px 0px 0px 27px; color: rgb(79, 85, 92); line-height: 150%;}
div.qrCode p.txtQrcode strong {color: rgb(0, 101, 179);}
div.qrCode p.imgQrcode {top: 0px; right: 10px; position: absolute; z-index: 0;}
div.qrCode p.imgQrcode a {display: block;}
div.qrZoom {border: 1px solid rgb(221, 221, 221); top: 0px; right: 10px; position: absolute; z-index: 10;}

div.research {background: rgb(248, 248, 248); margin: 45px 0px 0px 6px; border: 1px solid rgb(214, 214, 214); width: 763px; min-height: 197px;}
div.research div.researchCount {margin: 22px 15px 0px; padding-bottom: 17px; border-bottom-color: rgb(165, 169, 175); border-bottom-width: 1px; border-bottom-style: dotted;}
div.research div.researchCount p.research_title {background: url("/kr/images/common/research_title.gif") no-repeat left top; padding: 1px 0px 0px 26px; height: 18px; color: rgb(53, 64, 76); font-weight: bold;}
div.research div.researchCount ol {margin: 20px auto 0px; width: 500px;}
div.research div.researchCount ol li {width: 100px; text-align: center; float: left;}
div.research div.researchCount ol li label {margin: 0px 0px 0px 8px; color: rgb(111, 115, 126);}
div.research div.researchCount ul {margin: 5px 0px 0px 22px; width: 697px; min-height: 33px; float: left;}
div.research div.researchCount ul li {float: left;}
div.research div.researchCount ul li input#mio {background: rgb(255, 255, 255); width: 623px; height: 29px; padding-left: 9px;}

div.research p.resultBtn {margin: 16px 0px 0px; width: 100%; text-align: center; display: inline-block;}
div.research p.resultBtn a {display: inline-block;}
div.adminArea {margin: 0px 15px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: dotted;}
div.adminArea dl.left {margin: 16px 0px; height: 15px; color: rgb(53, 64, 76);}
div.adminArea dl.left dt {font-weight: bold; float: left;}
div.adminArea dl.left dd {margin: 0px 10px 0px 5px; float: left;}
div.adminArea dl.left dt.content_master {background: url("/kr/images/common/content_master.gif") no-repeat left top; padding-left: 20px;}
div.adminArea dl.left dd.content_master_dd {width: 150px;}
div.adminArea dl.left dt.content_master_tel {background: url("/kr/images/common/content_master_tel.gif") no-repeat left top; padding-left: 16px;}
div.adminArea dl.left dt#boardInfoDT {background: url("/kr/images/common/board_info.gif") no-repeat left top; padding-left: 15px;}
div.adminArea dl.left dd#boardInfoDD {margin-right: 0px;}

div.page_bottom02 {background: rgb(245, 245, 245); height: 58px; margin-top: 32px;}
div.page_bottom02 div.page_bottom02_in {margin: 0px auto; padding: 15px 0px 0px 214px; width: 786px; position: relative;}
div.page_bottom02 div.page_bottom02_in a {float: left;}
div.page_bottom02 div.page_bottom02_in p {color: rgb(73, 82, 88); font-size: 11px; margin-left: 15px; float: left;}
div.page_bottom02 div.page_bottom02_in strong {color: rgb(46, 57, 72); font-size: 12px;}
#mwrap .m_middle div#contentgroup {width: 980px;}

.researchBtn:focus{border:1px dotted #666;}

div.research div.researchCount ul{float:left;margin:5px 0 0 22px;width:697px;height:33px;}
div.research div.researchCount ul li{float:left;}
div.research div.researchCount ul li input#memo{width: 590px;margin-right: 7px;height:29px;background:#fff;padding-left:9px;}

/* 김태산 20170302 css */
.content .business_conditions .element { width:48%; float:left; margin:0 1%; background:#fafafa; border-bottom:1px solid #d2d2d2}
.content .business_conditions .element03, .content .business_conditions .element04 {margin-top:40px;}
.content .business_conditions .element p {font-size:16px; text-align:center; padding:4px 0; background:#f6f6f6; border-top:2px solid #0070dc; border-bottom:1px solid #d2d2d2}
.content .business_conditions .element p strong {display:inline-block;margin-left:10px; padding:0; width:30px; border-radius:5px; background:#999; color:#333;}
.content .business_conditions .element01, .content .business_conditions .element02{min-height:230px;}
.content .business_conditions .element01 ul {padding:15px 25px 5px; } 
.content .business_conditions .element02 ul {padding:25px 25px 0px; }
.content .business_conditions .element03 ul, .content .business_conditions .element04 ul {padding:13px 25px 10px; }
.content .business_conditions .element ul li { letter-spacing:-0.5px; padding:6px 0 6px 8px; color:#6d7a82; font-weight:bold; text-align:justify; background:url(/kr/images/sub/dt_bg.gif) left 12px no-repeat;}
.content .business_conditions .element ul li .line_br{display:block;}

/* 김태산 항만 안내선 예약 20170510 css */
.marin_board {border:2px solid #0086ad; border-radius:4px; margin:5px 5px 25px 5px; }
.marin_board ul {margin:10px 10px 5px 14px;}
.marin_board ul li {letter-spacing:-0.5px;padding:0 0 0 8px; line-height:22px; font-weight:bold; background:url(/kr/images/sub/dt_bg.gif) left 7px no-repeat;}

/* 김태산 홍보관 예약 20170614 css */
.nlobbygo_box {border:2px solid #0086ad; border-radius:4px; margin:5px 5px 25px 5px;}
.nlobbygo_box h5 {font-weight:bold; color:#0066b4 !important; margin:15px 0 10px 20px;}
.nlobbygo_box ul {margin:10px 10px 15px 14px;}
.nlobbygo_box ul li {letter-spacing:-0.5px;padding:0 0 0 25px; line-height:25px; font-weight:bold; background:url(/kr/images/sub/dt_bg.gif) 15px 10px no-repeat;}
.nlobbygo_box ul li, .nlobbygo_box ul li a {font-weight:bold; color:#BF1D13;}
.nlobbygo_btn {margin-top:10px; background:none !important; }
.nlobbygo_btn a {color:#0076cb !important;  font-weight:normal !important; /*padding:7px; border-radius:5px; background:#0076cb;*/}

/* 홈페이지 설문조사 임시 css 20171221 종료시 삭제처리하기 */
.qa_br {letter-spacing:-0.5px; display:block;}
.qa_br b {color:red;}

/* 서브반응사이즈 */
@media (max-width:1000px){
	
div#header {height:auto; background:#ffffff; z-index:10;}

/* 서브페이지 */
div.content_top{padding:0 20px;}
div.content_top h3{line-height:100%;min-height:30px;height:auto;}
div.content_top p.title_text{display:none;}

div#leftMenu{display:none;}
div#contentgroup{width:100%;}
div.content{padding:0 20px;}
div.content table{margin-left:0;}

div#contentment{padding:0;width:100%;}
div.qrCode{display:none;}
div.research{width:98%;margin:45px auto 0;min-height:232px;height:auto;}
div.research div.researchCount ol{width:100%;}
div.research div.researchCount ol li{width:50%;text-align:left;margin:0 0 5px 0;}
div.research div.researchCount ul{width:100%;margin:5px 0 0 0;}
div.research div.researchCount ul li{width:100%;}
div.research div.researchCount ul li input#mio{width:100%;padding:0;}
div.research div.researchCount ul li:last-child{margin-top:16px;text-align: center;}
div.adminArea dl.left{display:inline-block;min-height:15px;height:auto;}
div.adminArea dl.left dd.content_master_dd{width:auto;}
div.page_bottom02 div.page_bottom02_in{padding-left:0;width:100%;}
div.page_bottom02 div.page_bottom02_in a{margin-left:20px;}

div.content .ygpa0101 .pad_w750 {padding-top:280px;}
div.middle_in div.notice div{left:0;width:100%;}

/*middle_in*/
div.middle_in{width:100%;margin:0 auto; padding:10px 0 20px 0; background:#ffffff;}
}

/* 여객터미널 콘텐츠 css */
.content .forum_box h4 {font-size:22px; padding:25px 0 0 25px; background: url(/kr/images/forum/forum_h4.png) left 30px no-repeat;}
.content .forum_box .top_h4 {font-size:22px; padding:0 0 0 25px; background: url(/kr/images/forum/forum_h4.png) left 5px no-repeat;}
.content .forum_box h4.first_h4 {border-top:1px solid #dddddd; font-family:'NanumSquare'; font-weight:bold; padding:35px 0 60px 0; margin:35px 0 0 0; text-align:center; background: url(/square/images/forum/ship_icon3.png) center 80px no-repeat;}
.content .forum_box h4.first_h4a {font-family:'NanumSquare'; font-weight:bold; padding:15px 0 44px 0; text-align:center; background: url(/kr/images/forum/tit_icon3.png) center 55px no-repeat;}
.content .forum_box h4.ship_h4 {font-size:22px; padding:45px 0 0 25px; background: url(/kr/images/forum/forum_h4.png) left 50px no-repeat;}
/* .content .forum_box h4.first_h4 {padding:15px 0 0 0; text-align:center; background: url(/kr/images/forum/ship_icon.png) left 51px no-repeat;} */
.content .forum_box h5 {color:#0052a4; font-size:17px; padding:15px 0 0 15px; margin:0 0 0 10px; background: url(/kr/images/forum/ter_h5c.png) left 22px no-repeat;}
.content .forum_box table { border-left:1px solid #ddd !important;}
.content .forum_box table thead th {padding:2% 0.5%;}
.content .forum_box table th, .content .forum_box table td {padding:1.5% 0.5%; font-family: 'NanumGothic'; font-size:14px; color:#333333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } 
.content .forum_box .main_img{border:1px solid #ddd; padding:1%; margin:0 0 0 0;}
.content .forum_box .main_img2 {border-bottom:1px solid #f1f1f1; padding:0; margin:0 0 0 0;}
.content .forum_box .main_span {font-family:'NanumGothic'; padding:10px 14px; border-top:0 !important; border:1px solid #dddddd; }
.content .forum_box .map_span1 {float:left;color:#d2d2d2;font-weight:bold;}
.content .forum_box .map_span2 {float:right;}
.content .forum_box .map_span2 a {color:#999999;}
.ter_about {margin:0 0 2px 0 !important; padding:1%; border:1px solid #ddd; border-bottom:1px solid #9c9c9c; border-top:0;}
.ter_p {margin:4px 0 4px 0 !important; color:#ff0000 !important;}
.ter_p1 {margin:0px 0 30px 0 !important; color:#ff0000 !important;}

.forum_box .bdlineimg {border:1px solid #d7d6d6; padding:10px;}
/*.forum_about table th{background:#f2f2f2 !important; }*/
.bg_ffffff {background:#ffffff !important;}
.bg_b1e356 {background:#b1e356 !important;}
.bg_eff9dd {background:#eff9dd !important;}
.bg_def1fb {background:#def1fb !important;}
.bg_e4f9f4 {background:#e4f9f4 !important;} 
.bg_f9f9f9 {background:#f9f9f9; }
.bg_f2f2f2 {background:#f2f2f2 !important;}
.bt_line999 {border-bottom:1px solid #999999 !important;}
.go_web {margin:10px; display:inline-block;}
.go_web a {font-weight:bold; border-radius:5px; border:1px solid #0052a4; border-bottom:2px solid #0052a4; border-right:2px solid #0052a4; background:#207ddd; font-size:11px; color:#ffffff; padding:4px 7px;}

.content .forum_box .com_ship {border-top:2px solid #2f67af}
.content .forum_box .com_ship ul {border-bottom:1px solid #e7e9e8; }
.content .forum_box .com_ship ul li:first-child {width:35%; }
.content .forum_box .com_ship ul li:first-child p {text-align:center; font-family:'NanumSquare'; font-size:20px; border:1px solid #eaeceb; width:213px; height:124px; line-height:124px; margin:0px auto; }
.content .forum_box .com_ship ul li {float:left; padding:25px 10px;}
.content .forum_box .com_ship ul li p {font-family:'NanumSquare'; font-size:15px; color:#333333; padding:2px 0;}
.content .forum_box .com_ship ul li p span.span_fr {display:inline-block; width:60px;}
.content .forum_box .com_ship ul li p span.span_la {padding:0 0 0 5px;}
.ter_intro {padding:5px 0 0;}
.ter_intro_box {padding:5px 0 0; }
.ter_intro p {background:url(/kr/images/sub/dt_bg.gif) left 12px no-repeat; padding:4px 0 4px 10px; line-height:145% !important; margin:0 0 10px 10px !important; color:#09459c !important;}

.ship_box {background:url(/kr/images/sub/terminal/ship_bg2.png) right 0px no-repeat;}

.p_img{display:block; width:50%; margin:0 auto;}

/* 통계 포트미스*/
.portmis_p {padding:10px 0;}


/* 20191112_개인정보동의서 콘텐츠 */
.agreement_wrap{font-family:Malgun Gothic; max-width:800px; margin:1% auto; padding:1.5%; border:1px solid #d2d2d2;}
.agreement_wrap h2,.agreement_wrap h4{font-family:Malgun Gothic;font-size:22px;text-align:center; border-bottom:2px solid #80bdfc; margin:0 0 10px 0; padding:0 0 20px 0;}
.agreement_wrap .text01_1{ font-size:15px; line-height:26px; text-align:justify;}
.agreement_wrap .blue{color:#1b71c8; font-weight:bold;}
.agreement_wrap .red {color:#da162a;}
.agreement_wrap .box_bg01 {border:1px solid #ebecec; background:#f9fafb; margin:0 0 20px 0;}
.agreement_wrap .box_bg01 li {padding:5px 0;text-align:justify; font-size:15px;}
.agreement_wrap h4 {padding:10px 0 20px 0;}
.agreement_wrap .txt_br strong{padding:0 0 4px 0;display:inline-block;}
.agreement_wrap .research_btngo {width: 25%; text-align: center;display:inline-block;}
.agreement_wrap .research_btngo a {background:#207ddd; padding:7px 9px; border-radius: 4px; border: 1px solid #1a6cc1; color:#ffffff; font-size: 16px; border-bottom:2px solid #0052a4; border-right:2px solid #0052a4; }
.agreement_wrap .agreement_btn{font-weight:bold;}


/* 20200416영어성적 콘텐츠 */
.toeic_box .box_list1{padding:10px; border:1px solid #d2d2d2;}
.toeic_box .box_list1 p {font-size:16px;}
.texticon {color:#0052a4; font-size:15px !important; padding:0px 0 8px 15px !important; margin:0 0 0 10px !important; background: url(/square/images/forum/ter_h5c.png) left 9px no-repeat;}


/* 20201006_ 인권경영 */
.human_rights_warp {}
.human_rights_warp .box_wrap {width:100%; padding:6% 6%; /*background: url(/kr/images/sub/sub_humanbg.jpg) center center no-repeat;*/ border:1px solid #d7d4cc;}
.human_rights_warp .box_wrap h5 {font-size:28px; color:#000000; text-align:center; margin:0; padding:24px 0 30px; background:none;}
.human_rights_warp .box_wrap p{font-size:15px; color:#000000;}
.human_rights_warp .box_wrap .human_top {margin:0 0 20px 0;}
.human_rights_warp .box_wrap .human_center {padding:0px 20px; border:1px solid #d2d2d2; background:#f8f8f8;}
.human_rights_warp .box_wrap .human_center p {margin:18px 0; text-align:justify;}
.human_rights_warp .box_wrap .human_center p b{display:block; float:left;}
.human_rights_warp .box_wrap .human_center p span {display:block; padding:0 0 0 50px; text-align:justify;}
.human_rights_warp .box_wrap .human_bottom {margin:15px 0 0 0;}
.human_rights_warp .box_wrap .human_bottom p {text-align:center; margin:0 0 6px 0;}
.human_rights_warp .box_wrap .human_bottom .tit_top {text-align:center;}
.human_rights_warp .box_wrap .human_bottom .tit_date {text-align:center; font-size:22px;}
.human_rights_warp .box_wrap .human_bottom .tit_bt {text-align:center; font-size:22px;}

/* 20201007_인권신고센터 */
.singo_list .singo_warp {border:1px solid #d2d2d2; border-bottom:none; }
.singo_list .singo_warp p {color:#292929;}
.singo_list .singo_warp01 {border-top:2px solid #00adef;}
.singo_list .singo_warp01 ul li:first-child{height:166px; }
.singo_list .singo_warp02 ul li:first-child{height:238px; }
.singo_list .singo_warp03 ul li:first-child{height:140px;}
.singo_list .singo_warp03 {border-bottom:1px solid #d2d2d2;}
.singo_list .singo_warp03 ul li {background:none !important;}
.singo_list .singo_warp ul li { padding:10px 20px;float:left; width:80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.singo_list .singo_warp ul li:first-child {width:20%; border:none; text-align:center; background: url(/kr/images/sub/arrow_down.jpg) center center no-repeat; border-right:1px solid #d2d2d2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.singo_list .singo_warp ul li:first-child p {font-size:18px;}
.singo_list .singo_warp ul li p {margin:3px 0;}
.singo_list .singo_warp ul li p.pb {padding:0 0 0 10px;}
.singo_list .singo_warp ul li p.pb b {display:block; float:left;}
.singo_list .singo_warp ul li p.pb span {display:block; padding:0 0 0 18px;}
.singo_list .singo_warp ul li p.pla{font-size:14px; color:#f60b0b; margin:6px 0 0 0; text-align:center;}
.singo_file { border-top:1px solid #d2d2d2; }
.singo_file p {color:#f60b0b !important; font-weight:bold;}

/* 20201117 기업성장응답센터 추가 */
.forum_box .ter_intro_box .step_box {float:left; margin:1% 1%; width:47.5%; height:auto; background:#fefefe; border:1px solid #d2d2d2;}
.forum_box .ter_intro_box .step_box span {display:block; background:#25377c;width:30px; height:30px; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; line-height:30px;}
.forum_box .ter_intro_box .step_box .text_box {padding:10px 30px 10px;}
.forum_box .ter_intro_box .step_box h6 {font-size:20px; background:none; margin:0; padding:3px 0;}
.forum_box .ter_intro_box .step_box p {font-size:16px; color:#666666; padding:3px 0;}
.forum_box .singo_box tr th {padding:0;}


.forum_box .fourm_human {width:100%; padding:6% 6%; border:1px solid #d7d4cc;}
.category_warp .fourm_human {width:100%; padding:4% 4%; border:1px solid #d7d4cc; border-top:2px solid #454d59;}
.forum_box .fourm_human h5 {font-size:28px; color:#000000; text-align:center; margin:0; padding:0 0 20px; background:none;}
.fourm_human p{font-size:15px; color:#000000;}
.fourm_human .human_top {margin:0 0 20px 0;}
.fourm_human  .human_center {padding:0px 20px; border:1px solid #d2d2d2; background:#f8f8f8;}
.fourm_human  .human_center p {margin:18px 0; text-align:justify;}
.fourm_human  .human_center p b{display:block; float:left;}
.fourm_human  .human_center p span {display:block; padding:0 0 0 50px; text-align:justify;}
.category_warp .human_center p span {display:block; padding:0 0 0 30px; text-align:justify;}
.category_warp .human_center p span.span2 { padding:0 0 0 15px;}
.category_warp .human_center p .b2 { font-weight:normal; display:block; float:left;}
.fourm_human  .human_bottom {margin:15px 0 0 0;}
.fourm_human  .human_bottom p {text-align:center; margin:0 0 6px 0;}
.fourm_human  .human_bottom .tit_top {text-align:center;}
.fourm_human  .human_bottom .tit_date {text-align:center; font-size:22px;}
.fourm_human  .human_bottom .tit_bt {text-align:center; font-size:22px;}

/* 20210426_인사채용 */
.recruit_box .recruit_box6 ul {margin:30px 0 0 0 ;}
.recruit_box .recruit_box2 ul li {float:left; width:33.333%; text-align:center; }
.recruit_box .recruit_box2 ul li p {color:#ffffff; font-size:25px;font-family:'NanumSquare'; font-weight:bold; background:#224286;}
.recruit_box .recruit_box2 ul .recruit_li02 p {background:#f39200; color:#033f7b}
.recruit_box .recruit_box2 ul li span {background:#f3f3f3; height:100px;font-size:18px; font-family:'NanumSquare'; padding:20px 0 0 0;display:block; line-height:30px;}
.color_ft000 {color:#000000 !important;}
.color_ft29 {color:#292929 !important;}
.font_normal {font-weight:normal !important;}
.recruit_box2 table.bbsList th.ext01 {width:15%;}
.recruit_box2 table.bbsList th.date01 {width:11% !important;}
.recruit_box2 table thead th {padding:0;}
.recruit_box2 table td {padding:9px 8px !important;}
.recruit_box2 span b {/*display:block;*/ height:2px; width:30px; margin:0 auto 20px; /*background:#292929;*/}
.recruit_box .recruit_board{padding:20px; background:#f6f6f6; border:1px solid #d2d2d2;}
.recruit_box .recruit_board li { font-size:14px; line-height:30px;}
.recruit_box .letter-spacing-1 {letter-spacing:-1px;}
.recruit_box .recruit_board span {padding:0 0 0 20px; display:block; font-size:13px;}
.recruit_box .recruit_board span b{padding:0 0 0 10px ;display:block; font-weight:normal;}


/* 20210628_10주념 창립기념일 이벤트 임시 콘텐츠 작업 */
.sub_visual p.ygpa10th { background:url("/kr/images/sub/sub_visual10th.jpg") no-repeat left top;}
.sub_visual p.ygpa10then{ background:url("/kr/images/sub/sub_visual10th_eng.jpg") no-repeat left top;}
.online_btn {width:47%; margin:0 auto; background:#207ddd; padding:10px 0; border-radius:5px; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;          box-sizing: border-box;}
.online_btn1 { border-bottom:2px solid #0f5ba7; border-right:2px solid #0f5ba7; border-top:1px solid #0f5ba7; border-left:1px solid #0f5ba7;}
.online_btn2 {background:#2b2d63;border-bottom:2px solid #13153e; border-right:2px solid #13153e; border-top:1px solid #13153e; border-left:1px solid #13153e;}
.online_btn3 {background:#800080;border-bottom:2px solid #500850; border-right:2px solid #500850; border-top:1px solid #500850; border-left:1px solid #500850;}
.online_btn a {font-family:Malgun Gothic; font-size:18px; text-align:center; display:block; color:#ffffff; line-height:30px; font-weight:bold;}
div.forum_box .speaker_box50 {position:relative; float:left; padding:25px 0 0 0; margin:10px 0 30px 0; width:49%; height:190px; border-bottom:1px solid #e9e9e9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
div.forum_box .ml2 {margin:10px 0 30px 2%;} 
div.forum_box .speaker_box50 .img_box {float:left; margin:0; width:120px; height:120px; background:#d2d2d2; border:1px solid #e9e9e9;}
div.forum_box .speaker_box50 .img_txt {float:right; width:66%;}
div.forum_box .speaker_box50 .img_txt h5 {margin:0;padding:0; font-size:16px; background:none !important;}
div.forum_box .speaker_box50 .img_txt h5 span {font-size:14px;  font-weight:bold;}
div.forum_box .speaker_box50 .img_txt p {margin:0; color:#292929;}
div.forum_box .speaker_box50 .img_txt .sp_p2 {padding:10px 0 0 0 ;}
div.forum_box .speaker_box50 .img_txt .sp_p2 span{display:block; color:#ff2b2b}
div.forum_box .speaker_box50 .sp_btn_box{position:absolute; bottom:5px; left:0px;}
div.forum_box .speaker_box50 .top_txt{font-family: "NanumGothicBold"; position:absolute; top:0px; left:0px; font-size:16px; }
div.forum_box .speaker_box50 .sp_btn_box .filedown{margin:0;}
#leftMenu h2 span {display:block;}
.leftMenuList li a span {display:block;}
div.forum_box .point_3{text-align:center;font-size:18px;font-family: "NanumGothic"; color:#ff2b2b; }
div.forum_box .point2{clear:both; text-align:center; padding-top:20px;font-size:20px; color:#ff2b2b;}
div.forum_box .point{clear:both; color:#ff2b2b; font-size:13px; font-weight:bold;}
div.forum_box .point span{padding:0 0 0 16px;}
div.forum_box .top_h4{font-size:18px !important; background:url(/kr/images/forum/forum_h4.png) left 3px no-repeat !important;}
div.forum_box .session_warp{ font-family: "NanumGothic"; font-size:15px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:10px; line-height:24px; margin:0 0 20px 0;}
.forum_online_txt {border:1px solid #dddddd; padding:1.5%; font-family: "NanumGothic"; color:#025196; line-height:26px; font-size:16px; font-weight:bold;}

/* 사전정보공표 리뉴얼20210825 */
.tabmenu_info {width:100%; margin:0 0 5px 0 !important; background:#eee; border-bottom:2px solid #d2d2d2;}
.tabmenu_info li {float:left; padding:8px 0 !important; margin:0 !important; background-image:none !important; border:1px solid #d2d2d2; width:50%; 
text-align:center; font-family: "NanumGothicBold";  font-weight: normal; color:#666666;  font-size:14px; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;          box-sizing: border-box;}
.tabmenu_info li a,.tabmenu_info2 li a {display:block; font-size:16px; font-weight:bold;}
.tabmenu_info li.on, .tabmenu_info2 li.on {background:#1c71c6; border:2px solid #292929; padding:7px !important; }
.tabmenu_info li.on a, .tabmenu_info2 li.on a{color:#ffffff;}

.tabmenu_info2 {margin:0 !important;}
.tabmenu_info2 li{float:left; padding:8px 0 !important; margin:0 !important; background-image:none !important; border:1px solid #d2d2d2; width:33.333%; height:100px;
text-align:center; font-family: "NanumGothicBold";  font-weight: normal; color:#666666;  font-size:14px; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;          box-sizing: border-box;}

.info_icon_box {}
.info_icon li {width:12.5%; height:98px; float:left;text-align:center; margin:14px 0;}
.info_icon li a {color:#666666; display:inline-block;}
.info_icon li a p{ margin:0 auto;  width:65px; height:65px; background:#eeeeee;border-radius:10px; }
.info_icon li a:hover {color:#000;}
.info_icon li a:hover p {background:#207ddd ;}
.info_icon li a span {display:block; padding:6px 0 0 0; font-size:13px; font-weight:bold;}
.info_icon .on a {color:#000;}
.info_icon .on a p{background:#207ddd ;}



/* 20211116_ESG */
.esg_org .org {margin:50px 0 50px 0;}
.esg_org .org .org_ul{position:relative}
.esg_org .org .org_p, .esg_org .org .org_ul3 {width:180px; margin:0 auto; text-align:center; border:2px solid #292929;}
.esg_org .org .org_p span:first-child {background:#26367a; color:#ffffff;}
.esg_org .org .org_p span {padding:5px 0; display:block;}
.esg_org .org .org_li2_01 {margin:30px 0 0 0 ;}
.esg_org .org .org_li2_01 .org_p {width:180px; margin:0 auto; text-align:center; border:2px solid #292929;}
.esg_org .org .org_li2_02 {position:absolute; right:41px; top:113px;}
.esg_org .org .org_li2_02-2 {position:absolute; left:45px; top:0;}
.esg_org .org .org_li2_egsli {float:left; width:33.333%; margin:60px 0 0 0 ;}
.esg_org .org .org_ul3 li {border-top:1px dashed #292929; padding:6px 0 ;font-family: 'NanumGothic';    font-size: 16px;}
.esg_org .org .org_ul3 li:first-child{border-top:none;}
.esg_org .org .org_ul2 .org_li2_03 .org_p span {background:#008449;}
.esg_org .org .org_ul2 .org_li2_04 .org_p span {background:#eb7800;}
.esg_org .org .org_ul2 .org_li2_05 .org_p span {background:#6356a0;}
.esg_org .org .org_li01:after {content: ""; display: block;  position: absolute; top:82px; left: 50%;   width: 1px; height:30px; margin-left: -0.5px; background: #666666;}
.esg_org .org .org_li2_01:after {content: ""; display: block;  position: absolute; top:193px; left: 50%;   width: 1px; height:60px; margin-left: -0.5px; background: #666666;}
.esg_org .org .org_li2_02:before{content: ""; display: block;  position: absolute; top:41px; right:100%; width:45%; height: 1px;  margin-left: -33%;  background: #666666;}
.esg_org .org .org_li2_03:after{content: ""; display: block;  position: absolute; top:223px; left:17%;   width: 1px; height:30px; margin-left:0px; background: #666666;}
.esg_org .org .org_li2_04:after{content: ""; display: block;  position: absolute; top:223px; left:17%;   width: 517px; height:1px; margin-left:0px; background: #666666;}
.esg_org .org .org_li2_05:after{content: ""; display: block;  position: absolute; top:223px; left:83%;   width: 1px; height:30px; margin-left:-1.5px; background: #666666;}

.esg_org .sub_org3:after {content: ""; display: block;  position: absolute; top:223px; left: 50%;   width: 1px; height:30px; margin-left: -0.5px; background: #dddddd;}
.esg_org .sub_org3:before{content: ""; display: block;  position: absolute; top: 338px; left: 50%; width: 60%; height: 1px;  margin-left: -30%;  background: #dddddd;}

.esg_org .sub_org4 .sub_orgA:after {content: ""; display: block;  position: absolute; top:338px; left:20%; width: 1px; height:15px; margin-left: -0.5px; background: #dddddd;}
.esg_org .sub_org4 .sub_orgB:after {content: ""; display: block;  position: absolute; top:323px; left:50%; width: 1px; height:30px; margin-left: -0.5px; background: #dddddd;}
.esg_org .sub_org4 .sub_orgC:after {content: ""; display: block;  position: absolute; top:338px; left:80%; width: 1px; height:15px; margin-left: -0.5px; background: #dddddd;}


.sub_role {border-top:1px dotted #d2d2d2; padding:20px 0 0 0;}
.text_box {border:1px solid #d2d2d2; padding:2%; margin:1%;}
.justify {text-align: justify;}
.esg_p {padding:1%; margin:1%;}

.esg_box .top_h4 {padding:0 0 0 26px; color:#0066b4; font-size:18px !important; background:url(/kr/images/forum/forum_h4.png) left 3px no-repeat !important; font-weight:600; font-family:NanumGothic;}
.esg_box .img_box{text-align:center;}
.content .esg_box h5 {position:relative; color:#292929; font-size:17px; padding:15px 0 0 15px; margin:0 0 0 10px; background:none; /* background: url(/kr/images/forum/ter_h5c.png) left 22px no-repeat; */font-weight:600; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.content .esg_box h5:before {top:22px; left:2px; width:8px; height:8px; border-radius:50%; background: #282828; position: absolute; display: inline-block; content: '';}
.esg_box h6 {padding:2% 1% 0 1% !important; margin:0% 1% 0 1% !important; background:none !important; }
.esg_box .sub_title {line-height:25px; border-radius:10px;padding:18px 14px; text-align:center; background:#ececec; color:#292929; font-size:18px; font-weight:800; font-family:NanumGothic;}
.esg_box .content_box {padding:10px 0;}
.esg_box .content_box h7 { text-align:center; display:block; line-height:30px;}
.esg_box .content_box h7 p {display:inline-block; font-size:18px; font-weight:600; font-family: "NotoSansKR", sans-serif,NanumGothic; padding:10px; border:1px solid #4c4a52; background:#f9f9f9; color:#292929;}
.esg_box .content_box h7 span {font-size:16px;}
.esg_box .content_box .bottom_arrow{margin:0 auto;width: 0; height: 0; border-left:100px solid transparent; border-right:100px solid transparent; border-top:30px solid #cccccc;}
.esg_box .content_box .text_box table{margin:0 !important; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .content_box table b{font-size:14px; font-weight:600; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .content_box .text_box h8 {margin:6px 0 12px;display:block;text-align:center;}
.esg_box .content_box .text_box h8 b{color:#ffffff;display:inline-block; padding:10px; background:#1f7ddc; font-size:16px; font-weight:600; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .content_box .text_box .ul_table li{ float:left; width:31%; padding:1%; box-sizing: border-box; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .content_box .text_box .ul_table li:last-child {width:38%;}
.esg_box .content_box .text_box .ul_table li div {border:1px solid #d2d2d2; min-height:200px; padding:2%;}
.esg_box .content_box .text_box .ul_table li div p {font-weight:600;margin:0 0 10px 0;font-family: "NotoSansKR", sans-serif,NanumGothic; width:100%; height:60px; line-height:60px; background:#deebf7; color:#292929; text-align:center;}
.esg_box .content_box .text_box .ul_table li div span {font-size:14px; display:inline-block; text-align:center;}
.esg_box .icon2 {text-align:left;position:relative; padding:4px 0 4px 14px; color:#4c4c4c;  display:block; font-size:13px; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .icon2:before {top:10px; left:3px; width:4px; height:4px; border-radius:50%; background: #282828; position: absolute; display: inline-block; content: '';}
.esg_box .icon3{padding:4px 0 4px 0px; color:#4c4c4c;  display:block; font-size:13px; font-family: "NotoSansKR", sans-serif,NanumGothic;}

.esg_box .icon1 {position:relative; padding:4px 0 4px 16px; color:#4c4c4c; display:block; font-weight:bold; font-size:16px; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .icon1:before {top:12px; left:6px; width:6px; height:2px; background: #282828; position: absolute; display: inline-block; content: '';}
.esg_box .icon12 {position:relative; padding:4px 0 4px 16px; color:#4c4c4c; display:block; font-weight:normal; font-size:14px; font-family: "NotoSansKR", sans-serif,NanumGothic;}
.esg_box .icon12:before {top:15px; left:7px; width:2px; height:2px; background: #282828; position: absolute; display: inline-block; content: '';}
.poolct{border-bottom:2px solid #54a082; padding:20px 0;}
.pool_box {float:left; width:24%; margin:0 0.5%; }
.pool_box .top_text{width:100%; height:30px; line-height:30px; background:#4f9d80; color:#ffffff; text-align:center;}
.pool_box .bottom_text {background:#f0f4f2; padding:6px;}
.pool_box .bottom_text img{width:50%; margin:10px auto; display:block;}
.pool_box .bottom_text p {font-size:13px;}
.pool_box02 .top_text {background:#7fc570;}
.pool_box03 .top_text {background:#00b6ad;}
.pool_box04 .top_text {background:#0490c4;}
.survey_box .top_text {width:100%; color:#ffffff; text-align:center; background:#54a082; height:34px; line-height:34px;}
.survey_box ul {margin:1% 0;}
.survey_box ul li {float:left; width:31%; margin:0 1%;  box-sizing: border-box;}
.survey_box .top_ul li {text-align:center; height:75px; border:1px solid #d2d2d2;}
.survey_box .ul_p{}
.survey_box p span {font-size:13px; line-height:20px;}
.bottom_ul .title_p {border-top:1px dashed #292929; padding:6px 0 0 0 ;}
.survey_results {margin:12px 0 0 0 ;}
.survey_results .results_list p{float:left; font-size:14px; }
.survey_results .results_list p.no1 {border-right:2px solid #292929; padding:0 6px 0 0; width:55%; box-sizing: border-box;}
.survey_results .results_list p.no1 span {float:right;}
.survey_results .results_list p.no2 {width:45%; box-sizing: border-box;}
.survey_results .results_list p.no2 span.img {background:#b9d1c4; width:26%; height:12px; margin:3px 0 0 0; display:inline-block;}
.survey_results .results_list p.no2 span.img02 {background:#54a082;width:44%;}
.survey_results .results_list p.no2 span.img03 {width:19%;}
.survey_results .results_list p.no2 span.img04 {width:7%;}
.survey_results .results_list p.no2 span.img05 {width:4%;}
.survey_results .results_list p.no2 span { display:inline-block; padding:0 0 0 6px;}
.tb_img ul {padding:5px;}
.tb_img p {text-align:center;}
.tb_img p img {width:40%;}
.tb_img p b {display:block; padding:0 0 5px 0; margin:0 0 5px 0;}
.poolct .icon {margin:3px 2px;padding:0 0 0 7px; background: url(/kr/images/main/new/main_dotted.gif) left 5px no-repeat;}
.bdbottom_dashed {border-bottom:1px dashed #ccc;}
.bdtop_dashed{border-top:1px dashed #ccc;}
.certification {width:50%; float:left; padding:20px 10px;}
.certification_img {margin:20px 0 0; border:1px solid #d2d2d2;}


/* 21211108_ESG관련 추가 -김태산 */
#contentintro .content_intro .esg_intro {min-height:800px; background: url(/kr/images/sub/esg/esg_introBG.jpg) center top repeat-x;}
.esg_intro .esg_list .esg_content {background: url(/kr/images/sub/esg/esg_introTIT2.png) center -33px no-repeat;margin:0 auto; width:1200px; min-height:752px; }
.esg_intro .esg_list .esg_listbox {padding:430px 0 150px 0 ;}
.esg_intro .esg_list .esg_box {width:24%; height:500px; background:#ffffff; float:left; margin:0 0.5% 0; font-family:'NanumGothicbold'; border-radius:12px;overflow:hidden; }
.esg_intro .esg_list .esg_box:hover .top_img img{transform: scale3d(1.2,1.2,1); transition : 0.8s; overflow:hidden;}
.esg_intro .esg_list .esg_box .top_img .mobile {display:none;}
.esg_intro .esg_list .esg_box .top_img img {transition : 0.8s;}
.esg_intro .esg_list .esg_box .top_img {width:100%; height:180px; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%);  overflow:hidden;}
.esg_intro .esg_list .esg_box .bottom_txt {padding:0 30px;}
.esg_intro .esg_list .esg_box .bottom_txt h3 {padding:0px 0 15px;font-size:22px; line-height:30px; font-weight:bold;}
.esg_intro .esg_list .esg_box .bottom_txt h3.txt_line{padding:5px 0 15px 0;}
.esg_intro .esg_list .esg_box .bottom_txt h3 .txt_E{color:#00894a;}
.esg_intro .esg_list .esg_box .bottom_txt h3 .txt_S{color:#e8892d;}
.esg_intro .esg_list .esg_box .bottom_txt h3 .txt_G{color:#625eaa;}
.esg_intro .esg_list .esg_box .line_bar {width:20px; height:3px; background:#292929; display:block;}
.esg_intro .esg_list .esg_box .bottom_txt ul {padding:5px 0 0 0;}
.esg_intro .esg_list .esg_box .bottom_txt ul li {padding:10px 0; font-size:14px; word-break:keep-all;}
.esg_intro .esg_list .esg_box .bottom_txt ul li:hover { background:#ddd;}
.esg_intro .esg_list .esg_box .bottom_txt ul li a {font-weight:bold;}
.esg_intro .esg_list .esg_box .bottom_txt ul li a span {float:right; margin:0 0 0 0;display:block; width:20px; height:20px; background:url(/kr/images/sub/esg/arrow.png) #ef9200 center center no-repeat;}

/* 20230104_신규 CI레이아웃 */
.cha_01 {margin:20px 0 100px 15px !important; padding:0 0 110px 0 ; background: url(/kr/images/content/ci/ci_cha_new1.png) center bottom no-repeat;}
.cha_left {text-align:center;}

.fc_ffea32 {color:#ffea32 !important}
.fc_207ddd{color:#207ddd !important;}
.fc_ff3030{color:#ff3030 !important;}
.fc_bf1d13{color:#bf1d13 !important}
.font_wt {font-weight:bold;}
.hanja_f {font-family:"맑은고딕";}
.fc_f18c37 {color:#f18c37;}

@media (max-width: 1000px){
.content .forum_btn {clear:both;}
.content .forum_btn li {width:100%;}
.content .program_list ul li b {width:auto;}

/*ESG추진 조직*/
.esg_org .org .org_li2_02 {right: 68px;top: 113px;}
.esg_org .org .org_li2_02-2 {left:63px;}
.esg_org .org .org_li2_02:before {right:100%;width: 55%;}
.esg_org .org .org_li2_04:after {width:66%;}
}


@media (max-width: 960px){
.content .forum_btn {clear:both;}
.content .forum_btn li {width:100%;}
.content .program_list ul li b {width:auto;}

/*ESG추진 조직*/
.esg_org .org .org_li2_02:before {width:0; height:0;}
}

@media (max-width: 480px){
.content .forum_btn {clear:both;}
.content .forum_btn li {width:100%;}
.content .forum_btn li a {width:80%;}

.content .forum_history .forum_list {width:100%;}
.content .forum_history .forum_img {width:92%;}
.forum_list ul {margin:0 10px 0 10px !important;}
.forum_btn {margin:0 10px !important;}

/*ESG추진 조직*/
.esg_org .org .org_li2_01 .org_p {width:100%;}
.esg_org .org .org_li2_02 {position:static; margin:30px 0 0 0;}
.esg_org .org .org_li2_02-2 {position:static; margin:30px 0 0 0;}
.esg_org .org .org_li01:after {width:0px; height:0px;}
.esg_org .org .org_li2_01:after {width:0px; height:0px;}
.esg_org .org .org_li2_03:after{width:0px; height:0px;}
.esg_org .org .org_li2_04:after{width:0px; height:0px;}
.esg_org .org .org_li2_05:after{width:0px; height:0px;}


}