@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.02em;}
*/
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;}

.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;}

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

#top_layout{display:block;position: relative;z-index: 999;width:100%;height:90px;text-align:center;}
#top_layout .top_wrap.tmp_a {display:inline-block;}
#top_layout .top_wrap.tmp_b {display:none;}
#top_layout .top_wrap.tmp_a{position:absolute;top:0;left:0;right:0;/* z-index: 3; */width:100%;max-width:100%;height: 100%;}
#top_layout .top_wrap.tmp_a #logo{display:inline-block;float:left;position:relative;top:0;width:280px;height:35px;margin: 27.5px 0 0 20px;background:url(/template/A/images/logo.png)no-repeat;z-index: 10;}
#top_layout .top_wrap.tmp_a #logo .ir-tmpl{display:inline-block;width:100%;height:100%;font-size:0;text-indent:-9999px;vertical-align:middle;}
#top_layout .top_wrap.tmp_a .utile_wrap{display:inline-block;float:right;position: absolute;top: 0;right:0;bottom: 0;z-index: 10;width:290px;height:90px;/* padding-left: 13px; */background:#383754;text-align:center;}
#top_layout.on .top_wrap.tmp_a .utile_wrap {background:#d72429;}
#top_layout .top_wrap.tmp_a .utile_wrap li{display:inline-block;/* float: left; */position:relative;height: 100%;vertical-align: top;}
#top_layout .top_wrap.tmp_a .utile_wrap li:first-child:after {display:block;position:absolute;right:0;top: 40px;width:1px;height:12px;background: rgba(255,255,255,.5);content:'';}
#top_layout .top_wrap.tmp_a .utile_wrap li > button.btn-allmenu{display:none;}
#top_layout .top_wrap.tmp_a .utile_wrap li > a{display:block;width:100%;height:100%;padding: 0 7px;line-height:90px;color:#fff;font-size:13px;text-align:center;}
:lang(en) #top_layout .top_wrap.tmp_a .utile_wrap li > a {padding: 0 10px;}
#top_layout .top_wrap.tmp_a .utile_wrap li.global a,
#top_layout .top_wrap.tmp_a .utile_wrap li.pc a {padding: 35.5px 5px 0;}
:lang(en) #top_layout .top_wrap.tmp_a .utile_wrap li.global a,
:lang(en) #top_layout .top_wrap.tmp_a .utile_wrap li.pc a {padding: 35.5px 10px 0;}
#top_layout .top_wrap.tmp_a .utile_wrap li.global span {display:block; width:32px; height:19px;background-position:-1px -1px; vertical-align:middle;}
#top_layout .top_wrap.tmp_a .utile_wrap li.pc span{display:block;width:23px; height:19px; background-position:-36px -1px; vertical-align:middle;}

#top_layout.on + .gnb_bg {display: block;}
#top_layout + .gnb_bg{display: none;position: fixed;top: 90px;left: 0;z-index: 10;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}

#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;/* z-index: 2; */width: 100%;min-height:90px;height:90px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
#gnb_layout:after{top:90px}
#gnb_layout.open{}
#gnb_layout.open:after{position: absolute;top: 90px;bottom: 0;right:0;width: 100%;height:auto;border-top:1px solid #ddd; background: #fff;content:"";}
#gnb_layout.open:before{display:block;position:absolute;top: 90px;right: 50%;z-index: 1;width:100%;height:100%;margin-right: 375px;background: url(/template/A/images/gnb_bg2.jpg)repeat;content:'';}
#gnb {position: absolute;top:0px;left: 0;width: 100%;height: 90px;z-index:2;}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;max-width:1240px;height: 100%;}
#gnb_layout .depth1_ul{display:inline-block;float: none;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;float:left;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 20px;font-size: 18px;color: #141414;/* font-weight: 600; *//* letter-spacing:0; */transition: all .3s;text-align:center;letter-spacing: -0.03em;transition: all 0.35s;}
#gnb_layout > ul > li.on > a,
#gnb_layout .depth1_ul>li>a.current{color:#d72429; }
#gnb_layout .depth1_ul>li>a.current:after {display:block;position:absolute;left:50%;bottom: 10px;margin-left: -5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #d72429;content:'';}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;height: 100%;line-height: 86px;vertical-align: middle;font-weight: bold;}
#gnb_layout .depth1_ul>li>a:before{content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:3px; background-color:#d72429;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#gnb_layout .depth1_ul>li>a:hover:before,
#gnb_layout .depth1_ul>li>a.current:before{left:0; width:100%;}
#gnb_layout .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;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth1_ul > li .item{display: none;position:absolute;top: 90px;left: 0;z-index: 100;width: 100%;min-height: 243px;margin: 55px 0;padding-left:245px;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title {position:absolute;top:0; left: 0;height:100%;width: 245px;padding: 0;text-align: left;}
#gnb_layout .depth1_ul > li .item .gnb-title:after{position: absolute;bottom: 0;right:25px;width:156px;height:197px;background: url(/template/A/images/gnb_bg.png)no-repeat;content:'';}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;z-index: 1;width:100%;margin:0;padding-bottom:35px;font-size: 25px;color: #fff;font-weight:600;line-height: 1.3;}
#gnb_layout .depth1_ul > li .item .gnb-title strong:after {display:block;position:absolute;left:0;bottom: 17px;width:30px;height:2px;background: rgba(255,255,255,.8);content:'';}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;position: relative;z-index: 1;width:100%;padding:0;margin:0;font-size:14px;color: #fff;line-height:1.5;}
#gnb_layout .depth1_ul > li .item .gnb-depth {position:relative;height:100%;min-height: 243px;margin: 0 50px;}
#gnb_layout .depth1_ul > li .item .gnb-depth:before {display:block; position:absolute; top:0; right:25%; width:1px; height:100%; border-left:1px dashed #ddd; content:'';}
#gnb_layout .depth1_ul > li .item .depth2_ul{float:left;position: relative;top: 0;height: 100% !important;min-height: 243px;width: 100%;/* margin:0 50px; */text-align:  left;}
#gnb_layout .depth1_ul > li .item .depth2_ul:before {display:block; position:absolute; top:0; left:50%; width:1px; height:100%; border-left:1px dashed #ddd; content:'';}
#gnb_layout .depth1_ul > li .item .depth2_ul:after {display:block; position:absolute; top:0; left:25%; width:1px; height:100%; border-left:1px dashed #ddd; content:'';}
#gnb_layout .depth1_ul > li .item .depth2_ul > li{display: block;float: left;position:relative;width: 25%;padding: 0 10px 0 40px;margin: 0 0 10px;text-align: left;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a{display:block;position: relative;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {display:inline-block;border-bottom:1px solid transparent;color: #6c6d6f;font-size: 15px;}
:lang(en) #gnb_layout .depth1_ul > li .item .depth2_ul > li > a span {line-height: 1.3;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:after {display:block; position:absolute; left:-11px; top:11px;width:3px; height:3px; background:#afaeaf; content:'';}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover span,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus span{color:#ef292f; border-bottom:1px solid #ef292f;}
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li .item .depth2_ul > li > a:focus:after{background:#ef292f;}
#gnb_layout .depth1_ul > li .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;border: 0;transform: none;content:'';vertical-align:middle;}
#gnb_layout .depth3_ul {display: none;}
.modal-open #top_layout .top_wrap #logo{display: none;}

@media screen and (max-width:1279px){
	#gnb_layout{display:none !important;}
	#top_layout .top_wrap.tmp_a .utile_wrap {width:90px;padding: 0;}
	#top_layout .top_wrap.tmp_a .utile_wrap li {display:none;}
	#top_layout .top_wrap.tmp_a .utile_wrap li.mo{display:inline-block}
	#top_layout .top_wrap.tmp_a .utile_wrap li.box.mo{display: block;position: absolute;top: 0;right: 0; width:100%;height:100%; margin: 0;}
	#top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button{display:inline-block;width:100%;height:100%;background: #363643;}
	#top_layout .top_wrap.tmp_a .utile_wrap li.box.mo button .allmenu{display:inline-block; width: 23px;height: 19px;background-position: -36px -1px;vertical-align: middle;}

	#top_layout.on + .gnb_bg {display:none;}
}
@media screen and (max-width:1023px){
	#top_layout {height:70px;}
	#top_layout .top_wrap.tmp_a #logo{margin:17.5px 0 0 30px;}
	#top_layout .top_wrap.tmp_a .utile_wrap {width:70px; height:70px;}
}
@media screen and (max-width:767px){
    #top_layout .top_wrap.tmp_a #logo{width:180px;height:24px;margin: 23px 0 0 15px;background-size:180px 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{overflow: visible;/* height: 100%; */padding:0 !important;}
#mobile-menu .modal-dialog {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(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content{position: static;height: 100%;padding: 0;background:#fff;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: 22px;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;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 {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;width: 100%;position:relative;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; line-height:1.4;}
#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; font-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;}