@charset "utf-8";
/*body,input,select,button,textarea,a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-weight:400;font-family:"Noto Sans CJK KR", "Noto Sans KR", 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;letter-spacing: -0.05em;}*/
html[class^='chrome_49'] body,
html[class^='chrome_49'] input,
html[class^='chrome_49'] select,
html[class^='chrome_49'] button,
html[class^='chrome_49'] textarea,
html[class^='chrome_5'] body,
html[class^='chrome_5'] input,
html[class^='chrome_5'] select,
html[class^='chrome_5'] button,
html[class^='chrome_5'] textarea{font-family:"Noto Sans CJK KR", "Noto Sans KR", 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}

body {position:relative;background:url(/template/B/images/bg.png)repeat;}
body:before {display:block; position:absolute;right:66px; top:0;  content:''; width:340px; height:216px; background:url(/template/B/images/obj1.png)no-repeat;}
body:after {display:block; position:absolute;left:1920px; bottom:250px;  content:''; width:862px; height:396px; background:url(/template/B/images/obj2.png)no-repeat;}


.more{display:block;overflow: hidden;position:absolute;top:0;right:0;width:50px;height:50px;border:0;font-size:0;}
.more:before,
.more:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.more:before {width: calc(100%/2);height: 1px;background: #b2b2b2;}
.more:after {width: 1px;height: calc(100%/2);background: #b2b2b2;}
button[data-control]{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

#body_layout {max-width: 1920px; min-height:100vh; padding-left: 254px;background:#fff; box-shadow:5px 5px 15px rgba(0,0,0,.1);}

.layout{position:relative;margin:0 auto;width:100%;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}
.ir_tmpl {background-image:url(/template/B/images/ir-tmpl.png); background-repeat: no-repeat;}



#top_layout{display:block;position: fixed;z-index: 10;width:254px;border-right: 1px solid #e5e5e5;background: #fff;text-align:center;}
#top_layout .top_wrap.tmp_a {display:none;}
#top_layout .top_wrap.tmp_b {display:inline-block;overflow: hidden;}
#top_layout .top_layout_inner {position:relative; width:100%; height:100%;}
#top_layout .top_wrap.tmp_b {position: absolute;top: 0;left: 0;width: 100%;height: 335px;padding:65px 0 0;background:#fff;}
#top_layout .top_wrap.tmp_b .logo_wrap {width:100%;}
#top_layout .top_wrap.tmp_b .logo_wrap a {display:block; width:158px; height:69px; margin:0 auto 60px; background:url(/template/B/images/logo_b.png)no-repeat; }
#top_layout .top_wrap.tmp_b .utile_wrap {}
#top_layout .top_wrap.tmp_b .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap.tmp_b .utile_wrap li {float:left;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
#top_layout .top_wrap.tmp_b .utile_wrap li:last-child {border-right:none;}
#top_layout .top_wrap.tmp_b .utile_wrap li.box.mo {display:none;}
#top_layout .top_wrap.tmp_b .utile_wrap li a {display:block;width:100%;height:100%;color:#474747;font-size: 13px;}

#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap1 li {width:50%;border-top:1px solid #e5e5e5;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap1 li a {line-height:38px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap1 li a span {display:inline-block;height:14px;margin: -2px 5px 0 0;vertical-align:middle;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap1 li.home a span {width:15px; background-position:-1px -322px; }
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap1 li.global a span {width:14px; background-position:-19px -322px; }

#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li {width:33.33%;height:88px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li a {padding:23px 0 0;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li a span {display:block; height:21px; margin:0 auto 10px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.home2 a span {width:21px; background-position:-1px -297px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.box.pc a span {width:17px; background-position:-25px -297px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login a span {width:16px; background-position:-45px -297px;}

#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login {}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login .box {position: absolute;left: 0;bottom: 147px;width: 100%;width: 254px;text-align: center;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login .box .member-time {display:inline-block;} 
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login .box .member-time .time {font-size: 14px;font-weight: 700;line-height: 25px;}
#top_layout .top_wrap.tmp_b .utile_wrap.utile_wrap2 li.login .box >button {display:inline-block;line-height: 25px;padding: 0 5px;margin-left: 5px;border-radius: 5px;background: #383754;color: #fff;font-size: 14px;}


#gnb_layout {display: block !important;padding: 350px 0 0;}
#gnb_layout #gnb {}
#gnb_layout #gnb .gnb_wrap {}
#gnb_layout #gnb .gnb_wrap .depth1_ul {position:relative;}
#gnb_layout.open #gnb .gnb_wrap .depth1_ul:after {display:block;position:absolute;top: 300px;left: 276px;content:'';width:178px;height:139px;background:url(/template/B/images/gnb_bg3.png)no-repeat;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li {position:relative;padding: 18px 0;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > a {display:block; width:100%; height:100%;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > a > span {display:inline-block;width:100%;height:100%;color: #282828;font-size: 17px;font-weight:600;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > a[target="_blank"] > span:after {display:inline-block; width:14px; height:14px;margin:-2px 0 0 5px; background:url(/template/A/images/target_blank.png)no-repeat; content:'';}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > a.current > span {color:#dd1014;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item {display:none;opacity:0;position:absolute;left:254px;top: 0;width:200px;min-height: 100vh;/* padding:145px 0 0; *//* background: #343441 url(/template/B/images/gnb_bg3.png)no-repeat right 675px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item:after {display:block; position:absolute; left:0; top:-1000px; bottom:0; z-index:-1; width:200px; height:auto; background: #343441; content:'';}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-title {display:none;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth {}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul {text-align:left;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li {position:relative; z-index:2;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a {display:block;position:relative;width:100%;height:100%;padding: 0 10px;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a > span {display: inline-block;width:100%;height:100%;padding: 10px 10px;border-bottom:1px solid #494954;color:#fff;font-size: 15px;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a[target="_blank"] > span:after {display:inline-block; width:14px; height:14px;margin:-2px 0 0 5px; background:url(/template/A/images/target_blank.png)no-repeat; content:'';}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li:last-child > a > span {border:none;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul {margin:0 15px; padding:10px 0;border-bottom:1px solid #494954;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li {position:relative; padding-left:25px;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li:after {display:block; position:absolute;left:10px; top:12px; width:5px; height:1px; background:#fff; content:'';}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li > a {display:block;width:100%;height:100%;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li > a > span{display: inline-block;width:100%;height:100%;color:#fff;font-size:15px;}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li > a[target="_blank"] > span:after {display:inline-block; width:14px; height:14px;margin:-2px 0 0 5px; background:url(/template/A/images/target_blank.png)no-repeat; content:'';}

#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a.on,
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a:hover
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a:focus {background:#202028; }
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a.on:after {display:block;position:absolute;right: 15px;top: 18px;width:8px;height:8px;border: solid #dd1014;border-width:2px 2px 0 0;content:'';transform:rotate(45deg);}
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a.on > span,
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a:hover > span
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li > a:focus > span {border-bottom:1px solid #202028; color:#dd1014;}

#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li > a:hover span,
#gnb_layout #gnb .gnb_wrap .depth1_ul > li > .item .gnb-depth .depth2_ul > li .depth3_ul > li > a:focus span {text-decoration:underline;}

.modal-open #top_layout .top_wrap #logo{z-index:-1;display: none;}
.modal-open #foot_layout {z-index: 1;}


@media screen and (max-width:1279px){
    #body_layout {padding-left:0;}

    #gnb_layout{display: none !important;}

    #top_layout{width:100%; height:100%;}
    #top_layout .top_layout_inner {position:relative; width:100%; height:100%;}
    #top_layout .top_wrap.tmp_b .logo_wrap {position: absolute;top:27.5px;left: 20px;}
    #top_layout .top_wrap.tmp_b .logo_wrap a {display:block;width: 100%;height:35px;margin:0;background-size: auto 100%;}

    #top_layout .top_wrap.tmp_b {position:relative;width: 100%;height:100%;padding: 0;}
    #top_layout .top_wrap.tmp_b .utile_wrap li {display:none;}
    #top_layout .top_wrap.tmp_b .utile_wrap li.mo{display:inline-block}
    #top_layout .top_wrap.tmp_b .utile_wrap li.box.mo{display: block;position: absolute;top: 0;right: 0; width:90px;height:100%; margin: 0;}
    #top_layout .top_wrap.tmp_b .utile_wrap li.box.mo button{display:inline-block;width:100%;height:100%;background: #363643;}
    #top_layout .top_wrap.tmp_b .utile_wrap li.box.mo button .allmenu{display:inline-block; width: 23px;height: 19px;background-position: -36px -1px;vertical-align: middle;}
    .modal-open #top_layout,
    .modal-open #top_layout .top_wrap.tmp_b {background:none;}

}
@media screen and (max-width:1023px){
    #top_layout .top_wrap.tmp_b .logo_wrap {top:17.5px;}
    #top_layout .top_wrap.tmp_b .utile_wrap li.box.mo {width:70px; }
}
@media screen and (max-width:767px){
    #top_layout .top_wrap.tmp_b .logo_wrap {top:23px;left: 15px;}
    #top_layout .top_wrap.tmp_b .logo_wrap a {height:24px;}
}


/* mobile menu */

#mobile-menu {overflow: hidden;z-index: 999;}
#mobile-menu .modal-dialog {position: relative;top:0;right:0;z-index: 99999;float:right;width:270px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0,0);transform: translate(0,0);}
#mobile-menu .modal-dialog .modal-content {position: relative;width:100%;height:100%;padding:95px 0 0;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;width: 100%;text-align: center;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_center {display:block;}
#mobile-menu .modal-dialog .modal-content .topUtile.tmp_kor {display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member {height:60px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul {display: inline-block;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li {float:left;position:relative;margin: 0 6px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n3:after {display:none;position:absolute;top: 23px;right: -10px;width:1px;height:18px;background:#dbdbdb;content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li a{display:block;font-size:14px; color:#4b4b4b; line-height:60px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n1 a span {display:inline-block; width:15px; height:14px; margin-top:-3px; background-position:-1px -178px; vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.n2 a span {display:inline-block; width:15px; height:14px; margin-top:-3px; background-position:-19px -178px; vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang {width:100%; height:35px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang a {display:block; width:100%; height:100%;background:#8e796d;color:#fff; font-size:15px; line-height:35px;}
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden; height:100%; background:#3f3f4b; text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;/* min-height: 55px; */border-bottom: 1px solid rgba(255,255,255,.2);background:#3f3f4b;color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {display:block;position:absolute;right: 20px;top: 17.5px;width: 12px;height: 12px;border-width:1px;border-style: solid;border-color: #fff;border-width: 1px 1px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov {background:#d72429;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {border-width:0 1px 1px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span {display:block;padding: 13px 45px 13px 25px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;position:relative;/* min-height: 55px; */border-bottom:1px solid #cbcbcb;background:#fff;color:#222;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {right:20px; width: 20px;height: 1px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:after {right:29px; width: 1px;height: 20px;background: #b2b2b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {color:#d72429;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display:block;padding: 13px 45px 13px 25px;f}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding:5px 0;background:#e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative; margin:15px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li:after {display:block; position:absolute; left:40px; top:12px;width:3px; height:3px; background:#222; content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;padding-left:55px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display:block; ont-size:15px; color:#222;}
#mobile-menu .mobile-close {position:absolute;top: -95px;left:-53px;}  
#mobile-menu .mobile-close span {display:block; position:relative; width:53px; height:53px; font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width: calc(100%/2);height: 1px;background: #fff;}
#mobile-menu .mobile-close span:after {width: 1px;height: calc(100%/2);background: #fff;}
.modal-backdrop.in{opacity: .8;z-index: 9;}


body {overflow:hidden; height:auto; }
#body #top_layout,
#body #gnb_layout,
.body #top_layout,
.body #gnb_layout{min-height: 100vh;}

@media screen and (max-width:1279px){
    #body #top_layout,
    .body #top_layout{position:relative;height:90px;min-height:auto;}
    #body #body_layout,
    .body #body_layout{height:auto;min-height:auto;}
}

@media screen and (max-width:1023px){
    #body #top_layout,
    .body #top_layout{height:70px;}
}



.panel {margin:0; border-radius:0; }