@charset "utf-8";

a:focus, button:focus{outline: 1px dotted #000;}

@keyframes spinspin {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(360deg);}
}

.ellipsisAll{display:block;position:relative;height:40px;line-height:20px;overflow: hidden; white-space: normal; word-wrap: normal; text-align: left; background:none;}
.ellipsisAll:after{display:inline-block;content:'\2026';background:linear-gradient(to right, transparent, white 50%);position: absolute;bottom:0;right:0;}

.nodata{display: inline-block !important;width:100%;min-height: 170px !important;background: #fff url(/images/skin/noimages.png) 50% 50% no-repeat !important;font-size: 0;vertical-align: middle;max-height: 276px;}
.nadatas{position:relative;padding: 5px 0 4px 10px;border: 0 !important;}
.nadatas:before{position:absolute;left:0;top:50%;width:3px;height:3px;background: #000;border-radius:50%;margin-top:-1.5px;content:'';}

@media screen and (max-width:999px){
	.nodata{height: 180px !important;}
}

.layout{position:relative;margin:0 auto;width:100%;max-width:1170px;}
.layout:after {display:block;visibility:hidden;clear:both;content:""}
#top_layout{display:block;position: relative;z-index: 100;width:100%;height: 113px;text-align:center;border-bottom: 5px solid #2678cc;}
#top_layout .top_wrap{position:absolute;top: 11px;left:0;right:0;width:100%;max-width:1170px;}
#top_utilwrap{position:absolute;top: 0;left:0;right:0;z-index: 3;width:100%;height: 42px;background:#fff;text-align:center;z-index:999}
#top_utilwrap:after{display:block;clear:both;visibility:hidden;content:'';}
#top_utilwrap .top_util_right{float:right;height:100%;}
#top_utilwrap .top_util_right:after{display:block;clear:both;visibility:hidden;content:'';}
#top_utilwrap .top_util_right .site_link{height: 100%;}
#top_utilwrap .top_util_right .site_link > li{display: block;position: relative;float: left;padding: 0 12px;line-height: 42px;}
#top_utilwrap .top_util_right .site_link > li:before{position: absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background: #ccc;content:'';}
#top_utilwrap .top_util_right .site_link > li:first-child:before{display:none;}
/*#top_utilwrap .top_util_right .site_link > li:nth-child(2):before{display:none;}*/
#top_utilwrap .top_util_right .site_link > li:last-child{padding-right:0}
#top_utilwrap .top_util_right .site_link > li a{color: #252525;transition: all .3s;}
#top_utilwrap .top_util_right .site_link > li a:hover,
#top_utilwrap .top_util_right .site_link > li a:active,
#top_utilwrap .top_util_right .site_link > li a:focus{color:#236dc7;font-weight: bold;}
/*#top_utilwrap .top_util_right .site_link > li.login{display: none !important;}*/
/*#top_utilwrap .top_util_right .site_link > li.login:before{display:none;}*/
#top_utilwrap .top_util_right .site_link > li.login #timer-on{display:inline-block}
#top_utilwrap .top_util_right .site_link > li.login span{display:inline-block;}
#top_utilwrap .top_util_right .site_link > li.login span em{display:inline-block;font-weight: bold;}

#top_utilwrap .top_util_right .site_link > li.login span .divis{font-weight:bold;color:#236dc7;line-height: 1.6;display: inline-flex;} 
#top_utilwrap .top_util_right .site_link > li.login span .divis a{display:block;position:relative;padding-left:25px;height:100%;font-weight:bold;color:#236dc7;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;word-break: keep-all;max-width: 120px;} 
#top_utilwrap .top_util_right .site_link > li.login span .divis a:before{position:absolute;left:0;top: 3px;width:21px;height:21px;background: url(/images/home/ir-login.png);content:'';} 
#top_utilwrap .top_util_right .site_link > li.login span .divis.USR a:before {background-position:0 0} 
#top_utilwrap .top_util_right .site_link > li.login span .divis.REAL a:before {background-position:-21px 0} 

#top_utilwrap .top_util_right .site_link > li.login a.logout{display:inline-block;padding:2px 6px;background-color: #039be0;color:#fff;border-radius:5px;margin-left: 0;font-size:12px;font-weight: bold;}
#top_utilwrap .top_util_right .site_link > li.login .member-time{display:inline-block;position: relative;margin-left: 5px;}
#top_utilwrap .top_util_right .site_link > li.login .member-time:before{position: absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background: #ccc;content:'';}
#top_utilwrap .top_util_right .site_link > li.login .member-time #session-timer{font-weight: bold;font-size: 13px;padding: 2px 5px 2px 10px;line-height: 23px;color:#333;}
#top_utilwrap .top_util_right .site_link > li.login a#timeBtnExtend {display:inline-block;background: rgba(18,111,235,.9) !important;border: none;color:#fff;font-size:13px;font-weight: bold;border-radius: 5px;}
#top_utilwrap .top_util_right .site_link > li.login a#timeBtnExtend span{display:block;padding:2px 6px}
#top_utilwrap .top_util_right .site_link .dropdown{padding:8px 1px;line-height:0;}
#top_utilwrap .top_util_right .site_link .dropdown:before{display:none;}
#top_utilwrap .top_util_right .site_link .dropdown > button{position: relative;width: 100%;height: 100%;padding:5px 17px 3px 5px;border:1px solid #bfbfbf;border-radius: 3px;font-size:15px;transition: all .3s;}
#top_utilwrap .top_util_right .site_link .dropdown > button:focus{outline:1px dotted #000}
#top_utilwrap .top_util_right .site_link .dropdown > button:after{position: absolute;right: 5px;top: 10px;border-left: 3px solid transparent;border-right: 3px solid transparent;border-bottom: 3px solid #000;content: '';}
#top_utilwrap .top_util_right .site_link .dropdown.open{z-index:999}
#top_utilwrap .top_util_right .site_link .dropdown ul{position:absolute;top:35px;left:0;width: 100%;min-width:auto;}
#top_utilwrap .top_util_right .site_link .dropdown.open button{color:#236dc7;}
#top_utilwrap .top_util_right .site_link .dropdown.open ul{border-top:3px solid #236dc7;}
#top_utilwrap .top_util_right .site_link .dropdown ul li{display:block;padding:5px 0;border-top:1px solid #dadada;}
#top_utilwrap .top_util_right .site_link .dropdown ul li:first-child{border-top:none;}
#top_utilwrap .top_util_right .site_link .dropdown ul li a{font-size:15px;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a{padding: 3px 13px 3px;text-align: left;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a *{vertical-align: middle;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a:before{content:'';display:inline-block;width:20px;position: relative;height:15px;background:url(/template/A/images/ir-language.png) no-repeat;top: 4px;margin-right: 4px;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a.ko:before{background-position:0 0;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a.en:before{background-position:-20px 0;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a.jp:before{background-position:-40px 0;}
#top_utilwrap .top_util_right .site_link .dropdown .languages li a.cn:before{background-position:-60px 0;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li a{display:block;width:38px;height:38px;margin: 0 auto;padding: 0;background:url(/template/A/images/bul_sns01.png) no-repeat;background-size:auto;transition: all 2s ease;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li a:before{display:none;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li a:hover,
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li a:active,
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li a:focus{animation: spinspin 1s ease-out;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .fb{background-position:0 0;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .ba{background-position:0 -56px;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .tt{background-position:0 -281px;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .bl{background-position:0 -113px;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .po{background-position:0 -168px;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .in{background-position:0 -225px;}
#top_utilwrap .top_util_right .site_link .dropdown .btn_sns li .yt{background-position:0 -337px;}
#top_layout .top_wrap .utile_wrap{overflow: visible;position: absolute;top: 35px;right:0;bottom:auto;display:block;float:none;z-index: 998;height: 40px;}
#top_layout .top_wrap .utile_wrap li{display:inline-block;float:left;position:relative;top:50%;height: 100%;}
#top_layout .top_wrap .utile_wrap li > a{display:block;height:100%;text-align:center;}
#top_layout .top_wrap .utile_wrap li > a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#top_layout .top_wrap .utile_wrap li > a em{display:inline-block;vertical-align:middle;color:rgba(35,35,35,0.8);font-size:14px;}

.gnb_bg.no_open{display: none !important;}
#gnb_layout.no_open{height: 80px !important;}
#top_layout .top_wrap .utile_wrap li.search{height: 34px;margin: -17px 11px 0 0;}
#top_layout .top_wrap .utile_wrap li.search > a{position:relative;display: block;width: 34px;height: 34px;border-radius: 50%;}
#top_layout .top_wrap .utile_wrap li.search a#search-button{background:none;background-color: #039be0;}
#top_layout .top_wrap .utile_wrap li.search a#search-button svg{width:210% !important;height:210% !important;margin:-55% -105% 0;}
#top_layout .top_wrap .utile_wrap li.search a#search-button svg path{stroke:#fff;stroke-width:2;}
#top_layout .top_wrap .utile_wrap li.search #search_box{display:none;position:fixed;right: 0;top:120px;width: 100vw;height:163px;padding:35px 85px 30px 25px;background: #edf2ff;text-align:left;box-sizing: border-box;/* overflow:hidden; */}
#top_layout .top_wrap .utile_wrap li.search.on #search_box{display:block;}
#top_layout .top_wrap .utile_wrap li.search #search_box:after{content:'';}
#top_layout .top_wrap .utile_wrap li.search #search_box:before{position: fixed;top: 283px;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;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;content:'';}
#top_layout .top_wrap .utile_wrap li.search.on #search_box form{max-width:1170px;margin:0 auto;}
#top_layout .top_wrap .utile_wrap li.search #search_box:after{display:block;clear:both;visibility:hidden;content:'';}
#top_layout .top_wrap .utile_wrap li.search #search_box fieldset{position:relative;max-width: 300px;margin: 0 auto;padding-left: 100px;box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.search #search_box fieldset:before{position:absolute;left: -180px;bottom: -67px;width: 179px;height: 121px;background:url(/template/A/images/search_bg.png);content:'';}
#top_layout .top_wrap .utile_wrap li.search #search_box .tit{overflow: hidden;position: absolute;left: 0;z-index: 1;padding: 22px 38px 22px 23px;border-radius: 4px 0 0 4px;box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.search #search_box .tit:before{position: absolute;z-index: -1;display: block;content: "";width: 122px;height: 229px;left: 0;bottom: -60px;background: #002d68;transform: rotate(30deg);box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.search #search_box .tit strong{display:block;width:73px;height:16px;background:url(/template/A/images/search_title.png);font-size:0;text-indent:-9999px;}
#top_layout .top_wrap .utile_wrap li.search #search_box .select_wrap{float:left;position:absolute;top:35px;left:27px;width:105px;height:45px;border:1px solid #cbcbcb;}
#top_layout .top_wrap .utile_wrap li.search #search_box .select_wrap select{display:block;width:100%;height:100%;color:#252525;font-size:16px;}
#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap{float:left;position: relative;width: 492px;border-radius: 0px 4px 4px 0px;box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap input[type="text"]{display:block;width: 100%;height: 60px;padding: 0 0 0 35px;border: 2px solid #002340;box-sizing: border-box;}
#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap .submit{position:absolute;top: 7px;right: -15px;width: 45px;height:45px;background: #079fe0 url(/template/A/images/search_icon2.png) no-repeat center center;border-radius: 50%;font-size: 0;text-indent: -9999px;}
#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap .submit input[type="submit"],
#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap .submit input[type="button"]{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border: 0;padding:0 0 0 15px;background:transparent;color:#fff;}
#top_layout .top_wrap .utile_wrap li.search a.close{display: none;overflow: visible;position:absolute;top: 0;width: 72px;height: 34px;padding: 3px 0 0px 13px;background: #193155;border-radius: 30px;opacity: 1;color: #fff;font-size: 15px;text-shadow: none;line-height: 1.2;text-align: left;}
#top_layout .top_wrap .utile_wrap li.search a.close:before{display: block;position:absolute;right:-1px;top:50%;width: 25px;height: 22px;margin-top: -11px;background: url(/template/A/images/search_icon.png) no-repeat;content:'';}
#top_layout .top_wrap .utile_wrap li.search.on a.close{display: block;right: 0px;}
#top_layout .top_wrap .utile_wrap li.search.on a.open{display:none;}
#top_layout .top_wrap .utile_wrap li.search a.key{position:absolute;right: 40px;top: 20px;height: auto;width: auto;text-align: center;}
#virtualKeyboard {float:right;position: absolute;right: 50%;margin-right: -295px !important;box-sizing:content-box;}
#virtualKeyboard *{box-sizing:content-box;}
#virtualKeyboard select#kb_langselector, 
#virtualKeyboard select#kb_mappingselector {padding-right: 30px;background-image: url(/pcms/common/images/ir/arrow-select.png);background-repeat: no-repeat;background-position: 99% 50%;padding-left: 10px;box-sizing: border-box;width: 80px !important;}

#top_layout .top_wrap .utile_wrap li.box{width:102px;min-width:0;height:38px;margin: -19px 0 0;border-radius: 5px;}
#top_layout .top_wrap .utile_wrap li.box.pc .allmenu{display: none;}
#top_layout .top_wrap .utile_wrap li.box.mo{display: none;}
#top_layout .top_wrap .utile_wrap li.box:before{display: none;}
#top_layout .top_wrap .utile_wrap li.box a{display:inline-block;width:100%;height:100%;padding-left: 12px;background:#495562;border-radius: 4px;vertical-align:top;font-size: 14px;color:#fff;line-height: 38px;text-align: left;font-weight: 700;}
#top_layout .top_wrap .utile_wrap li.box a:after{position: absolute;top: 50%;right: 14px;width:15px;height:11px;margin-top: -5.5px;background: url(/template/A/images/common_ir.png) no-repeat -158px -35px;content: '';}
#top_layout .top_wrap #logo{display:inline-block;float:left;position:relative;top:0;z-index:999;}
#top_layout .top_wrap #logo .ir-tmpl{display:inline-block;width:100%;height:100%;font-size:0;text-indent:-9999px;vertical-align:middle;}

@media (max-width: 1279px){
	#top_layout{z-index: 1041;box-sizing:border-box;}
	#top_layout .top_wrap{max-width:100%;width: 100%}
	#top_layout .top_wrap .utile_wrap{right: 20px}
	#top_layout .top_wrap .utile_wrap li.box{width:38px;}
	#top_layout .top_wrap .utile_wrap li.box a:after{right:11px;}
	#top_layout .top_wrap .utile_wrap li.box a span{display: none;}
	#top_layout .top_wrap .utile_wrap li.search #search_box{padding: 35px 30px 30px 30px;}
	#top_utilwrap .top_util_right .site_link > li.login span .divis:before{top:0} 
}
@media (max-width:999px){
	#top_layout{height: 80px;border-bottom: 5px solid #0271bb;/*overflow:hidden*/}
    #top_layout .top_wrap{top: 0;height: 75px;}
    #top_utilwrap{display: none;}
	#top_layout .top_wrap .utile_wrap{top: 17px;left:30px;right: 30px;height: 45px;}
	#top_layout .top_wrap .utile_wrap li.box{float: none;width: 45px;height: 45px;margin:-25px 0 0;}
	#top_layout .top_wrap .utile_wrap li.box.pc{display: none;}
	#top_layout .top_wrap .utile_wrap li.box.mo{display: block;position: absolute;top: 0;left: 0;margin: 0;}
	#top_layout .top_wrap .utile_wrap li.box.mo button{display:inline-block;width:100%;height:100%;background: #404b57;border-radius: 4px;vertical-align:top;font-size: 14px;color:#fff;line-height: 38px;text-align: left;}
	#top_layout .top_wrap .utile_wrap li.box.mo button .allmenu{display:block;width:100%;height:100%;background:url(/template/A/images/common_ir.png) -176px -1px}
	#top_layout .top_wrap .utile_wrap li.search{display: block;float: none;position: absolute;right: 0;top: 0;height: 45px;margin: 0;}
	#top_layout .top_wrap .utile_wrap li.search > a{width:45px;height:45px;background: #0091db;border-radius: 4px;}
    #top_layout .top_wrap .utile_wrap li.search a:before{display: none;}
    #top_layout .top_wrap .utile_wrap li.search a.key,
    #searchVirtualKeyboardModal{display: none;}
    #top_layout .top_wrap #logo{float: none;margin: 10px auto;}
    #top_layout .top_wrap .utile_wrap li.search #search_box {top: 75px;padding: 35px 30px 30px;}
    #top_layout .top_wrap .utile_wrap li.search #search_box:before{top: 238px;}
    #top_layout .top_wrap .utile_wrap li.search #search_box fieldset{max-width: 500px;}
	#top_layout .top_wrap .utile_wrap li.search a.close{width: 65px;height: 45px;padding-left: 5px;border-radius: 5px;}
	#top_layout .top_wrap .utile_wrap li.search a.close:before{right: 2px;}
}
@media (max-width: 767px){
	#top_layout .top_wrap{height: 100%;}
    #top_layout .top_wrap .utile_wrap{left: 15px;right: 15px;}
	#top_layout .top_wrap .utile_wrap li.box{width: 50px;height: 50px;}
	#top_layout .top_wrap .utile_wrap li.box.mo{top: 0;width: 43px;height: 43px;margin: 0;}
	#top_layout .top_wrap .utile_wrap li.box.mo button{width: 43px;height: 43px;padding: 0;}
	#top_layout .top_wrap .utile_wrap li.search{display: block;position: absolute;top: 0;right: 0;margin: 0;}
	#top_layout .top_wrap .utile_wrap li.search a:before{width: 43px;height: 43px;margin: -21.5px 0 0 -21.5px;}
	#top_layout .top_wrap .utile_wrap li.search a#search-button svg{width: 160% !important}
	#top_layout .top_wrap .utile_wrap li.search #search_box{top: 78px;height: 100px;padding: 20px 40px 20px 20px;}
	#top_layout .top_wrap .utile_wrap li.search #search_box:before{top: 177px;}
    #top_layout .top_wrap .utile_wrap li.search #search_box fieldset{max-width: 100%;}
	#top_layout .top_wrap .utile_wrap li.search #search_box fieldset:before{display:none;}
	#top_layout .top_wrap .utile_wrap li.search #search_box .input_wrap{width:100%}
	#body_layout #txt{margin-bottom: 20px;}
}

.gnb_bg{display: none;position: fixed;top: 132px;left: 0;z-index: 11;width: 100%;height: 100%;background: #000;opacity: 0.3;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;}
#top_layout.on + .gnb_bg{display: block;}
#gnb_layout{display: block;overflow:hidden;position:absolute;top: 33px;left: 0;width: 100%;height: 113px;}
#gnb_layout:after{top:111px}
#gnb_layout.open{border-bottom:5px solid #2678cc;}
#gnb_layout.open:after{position: absolute;top: 75px;bottom: 0;right:0;width: 100%;height:auto;background: #fff;content:"";}
#gnb {position: absolute;top:0px;left: 0;right: 0;width: 100%;height: 80px;z-index:2;border-bottom: 5px solid #2678cc;}
#gnb_layout.open #gnb{border-bottom:1px solid #ccc;}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;max-width: 1170px;padding: 0px 120px 0 254px;}
#gnb_layout .depth1_ul{display:inline-block;float: none;/* position: relative; */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 25px 0;line-height:76px;font-size:18px;color: #2b2b2b;font-weight:700;letter-spacing:0;transition: all .3s;text-align:center;}
#gnb_layout .depth1_ul>li>a:before{position: absolute;left:0;top:50%;width:1px;height: 17px;margin-top: -6.5px;background: #ccc;content: '';}
#gnb_layout .depth1_ul>li:nth-child(1)>a:before{display: none;}
#gnb_layout > ul > li.on > a,
#gnb_layout .depth1_ul>li>a.current{color:#125fac;}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1 !important;display: block;}
#gnb_layout .depth1_ul>li>a span{display: inline-block;height: 100%;line-height: 76px;vertical-align: middle;letter-spacing: -1px;}
#gnb_layout > ul > li:hover > a:after,
#gnb_layout > ul > li:focus > a:after,
#gnb_layout .depth1_ul>li>a.current:after{display:block !important;position:absolute;left:0%;bottom: -7px;width:100%;height:6px;background:#0f83d1;border-radius:4px;content:'';}
#gnb_layout .depth1_ul>li .item{display: none;position:absolute;top: 80px;left: 0;z-index: 100;width: 100%;min-height: 225px;padding:30px 0;padding-left:283px;text-align: left;}
#gnb_layout .depth1_ul>li .item .gnb-title {position:absolute;top:0; left: 0;height:100%;width: 283px;padding: 0;text-align: left;}
#gnb_layout .depth1_ul>li .item .gnb-title:after{position: absolute;bottom: 15px;left:0;width: 161px;height: 108px;background: url(/template/A/images/gnb_bgB.png);content:'';}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;width:100%;margin:35px 0 0 0;padding-bottom: 10px;font-size: 24px;color: #0e3b88;line-height:24px;font-weight: 700;}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;width:100%;font-size:14px;color: #818386;line-height:20px;padding:0;margin:5px 0 0 0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul{float:  left;position: relative;top: 0;height: 100% !important;width: 100%;/* padding: 35px 0 0; */text-align:  left;margin:0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul > li{display: block;float: left;width: 20%;padding: 0 10px;margin: 0 0 20px;text-align: left;line-height: 18px;}
#gnb_layout.open .depth1_ul > li .depth2_ul{border:0}
#gnb_layout .depth1_ul > li .depth2_ul > li > a{display: inline-block;position: relative;min-width: 100%;padding:10px 25px 10px 10px;border:1px solid #c1c7cb;border-radius: 4px;line-height: 1.2;color: #313437;font-weight: 700;font-size: 15px;letter-spacing: -0.1em;box-sizing: border-box;word-break:keep-all; word-wrap:break-word}
#gnb_layout .depth1_ul > li .depth2_ul > li > a:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #0050c2; transition: all .3s;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a.on, 
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover, 
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus{background: #0e3b88;color:#fff;border:1px solid #0e3b88;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover:after, 
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus:after{bottom:13px;right:15px;left:auto;width: auto;height: auto;border-width: 5px 0 4px 5px;border-style: solid;border-color: transparent transparent transparent #fff;background: none;transform: rotate(90deg);}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]{padding-right:20px;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a[target="_blank"]:after{display:block;position:absolute;top: 50%;left: auto;right: 10px;width:14px;height:14px;margin-top: -7px;background:url(/template/A/images/target_blank.png) no-repeat;border: 0;transform: none;content:'';}
#gnb_layout .depth1_ul > li .depth2_ul > li > a.on[target="_blank"]:after, 
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover[target="_blank"]:after, 
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus[target="_blank"]:after{background:url(/template/A/images/target_blank_ov.png)}
#gnb_layout .depth1_ul > li .depth2_ul > li > a span{line-height:1.2}
#gnb_layout .depth3_ul {display:block !important;margin-top:8px;height: auto;transition: all .3s;}
#gnb_layout .depth3_ul li{display:block;}
#gnb_layout .depth3_ul li a {display:  block;position:relative;padding: 2px 0 2px 13px;line-height: 1.2;}
#gnb_layout .depth3_ul li a:before{position:absolute;top: 11px;left: 4px;width:3px;height:3px;background-color:#aeaeaf;content:"";}
#gnb_layout .depth3_ul li a:hover:before,
#gnb_layout .depth3_ul li a:focus:before{background: #253d86}
#gnb_layout .depth3_ul li a span{display:block;font-size: 14px;color:#6c6d6f;line-height: 1.5;word-break:keep-all; word-wrap:break-word}
#gnb_layout .depth3_ul li a:hover span,
#gnb_layout .depth3_ul li a:focus span,
#gnb_layout .depth3_ul li .on span{color: #253d86;text-decoration: underline;}
#gnb_layout .depth3_ul.open{display:block;}
#gnb_layout .depth1_ul>li .item>ul>li>a.on + .depth3_ul{display:block;}
#gnb_layout .line{display: none;}

@media screen and (max-width:1279px){
	#gnb_layout.open:before{right: auto;left: 0;margin-right: 0;width: 214px;}
	#gnb_layout .layout{max-width: 100%;padding: 0px 70px 0 145px;}
	/*#gnb_layout .depth1_ul>li>a{padding: 0 20px;font-size: 15px;}*/
	#gnb_layout .depth1_ul>li .item{padding-left: 180px;}
	#gnb_layout .depth1_ul>li .item .gnb-title{left: 20px;width: 175px;border:0;}
	#gnb_layout .depth1_ul > li .item .gnb-title strong{font-size: 20px;}
	
	#gnb_layout:before{right: 20px;margin-right: 0}
	#gnb_layout .depth1_ul{float:none;text-align:center}
	#gnb_layout .layout{padding-left: 234px;}
}
@media screen and (max-width:999px){
	#gnb_layout{display:none;}
	#top_layout .utile_wrap li.pc{display:none}
	#top_layout .utile_wrap li.mo{display:inline-block}
}

/* mobile menu */
.modal-open #top_layout .top_wrap .utile_wrap li,
.modal-open #top_layout .top_wrap .utile_wrap li.box.mo{display: none;}
#mobile-menu{overflow: visible;/* height: 100%; */padding:0 !important;}
#mobile-menu .modal-dialog {-webkit-transform: translate(-25%,0);transform: translate(-25%,0);margin: 0;width: 260px;max-width: 260px;float: left;height: 100%;}
#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 .modal-body {position: static;height: 100%;padding: 0;background:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile{ height:60px; background-color:#3f61b2; padding:0;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap{overflow: visible;height:60px; padding:15px 20px 12px 20px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap li{float: left;margin-right: 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap a{color: #fff;font-size: 14px;line-height: 18px;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li > a{color: #fff;font-size: 14px;line-height: 18px;vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap .gs a:before{display: inline-block;width: 25px;height: 25px;background: url(/images/atc/common/gnb_ir.png) -1px -18px;margin-right: 5px;vertical-align: middle;content: '';}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap .login a{padding:5px 10px;border:1px solid #7991c9;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li.lan{position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul{display:none;position:absolute;top:45px;left:0;width:100%;height:auto;z-index:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li.on > a + ul{display:block;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li{float:none;width:100%;margin:0;text-align:center;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a {display:block;padding:10px 0 8px;border-top:1px dashed #ddd;background:#1a3c6c;font-size:14px;line-height:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a:hover,
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul a:focus{background:#00a0e9;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul:first-child a{border-top-width:0;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a span{display:inline-block;position:relative;color:#fff;vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:hover span,
#mobile-menu .modal-dialog .modal-content .modal-body .topUtile .utile_wrap > li ul li a:focus span{text-decoration:underline;}
#mobile-menu .modal-dialog .modal-content {width: 310px;border-radius: 0;border:  0 none;height: 100%;}
#mobile-menu .modal-dialog .modal-content .topUtile .logo{display:block;height:91px;background-size: 120px 63px;background-position: center;background-repeat: no-repeat;background-image: url(/template/A/images/logo_hd.png);font-size: 0;text-indent: -9999px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member{position:relative;display:block;padding:0 30px;margin-bottom:20px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul{position: relative;width: 100%;border:1px solid rgba(0,0,0,.2);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li{display:inline-block;width: 48%;vertical-align:top;text-align:center;box-sizing: border-box;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.login{/*display: none !important;*/background-image:url(/template/A/images/mnav_icn1001.png);background-position:18px center;background-repeat: no-repeat;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.login.on{width:100%;background-position: 78px 54px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.login.on span{display:block;padding: 8px 0 8px;border-bottom: 1px solid rgba(0,0,0,.2);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.login span em{display:inline-block;font-weight:bold;padding-left: 20px;background-image: url(/template/A/images/mnav_icn1002.png);background-position: 0px center;background-repeat: no-repeat;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.join{border-left:1px solid rgba(0,0,0,.2);background-image:url(/template/A/images/mnav_icn1002.png);background-position:11px center;background-repeat: no-repeat;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li.sns{display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_member ul li > a{display:block;padding:9px 0 7px 19px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_etcsite {display:block;text-align: center;min-height: 40px;background: #124ea2;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_etcsite > a{display:inline-block;text-align: center;line-height: 40px;color: #fff;width:50%; float:left;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_etcsite > a:first-child{border-right:1px solid #23305c;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang{text-align: center;min-height: 40px;background-color: #23305c;background-repeat: no-repeat;background-position: top right;background-image: url(/template/A/images/m_lang_pat.png);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang.on{background-color: #303545;background-image: url(/template/A/images/m_lang_pat1.png);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang > a{display:block;color:#fff;line-height:40px}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang.on > a:after {background-image: url(/template/A/images/m_lang_close.png);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang > a:after {position: absolute;display: block;content: "";width: 7px;height: 7px;top: 17px;right: 28%;background-repeat: no-repeat;background-position: top center;background-image: url(/template/A/images/m_lang_down.png);}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang .m_langlist{padding:15px 0 22px}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang .m_langlist li{position: relative;display: inline-block;vertical-align: top;padding: 0 19px;letter-spacing: -.25px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang .m_langlist li > a{color:#fff;font-size:14px;}
#mobile-menu .modal-dialog .modal-content .topUtile .m_lang .m_langlist li > a:after{position: absolute;display: block;content: "";width: 1px;height: 13px;top: 50%;right: 0;background-color: rgba(255,255,255,.3);transform: translate(0,-50%);}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{display: inline-block;overflow-y: scroll;overflow-x: hidden;position: absolute;left: 0;right: 0;width: 100%;height: calc(100% - 194px);margin:0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul:after{display: block;visibility: hidden;clear: both;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul.show {display:block !important;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {float:left;width:100%;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{display: block;position: relative;width: 100%;padding: 22px 10px 22px 30px;background: #5e666f;font-size: 13px;line-height: 1.2;font-weight: bold;box-sizing: border-box;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov{background: #378be2;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after{position:absolute;top:50%;right:27px;width:26px;height:26px;margin-top:-13px;background-position: center;background-repeat: no-repeat;background-image:url(/template/A/images/mnav_st3.png);border:1px solid rgba(255,255,255,.3);border-radius:50%;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after{background-color:#fff;background-image: url('/template/A/images/mnav_st1.png');}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span{font-size: 16px;vertical-align: middle;line-height: 20px;color: #fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .on .a:before { transform: translate( 0,-74%) rotate(-136deg);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul {display: inline-block;width: 100%;padding: 0px 20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li {width: 100%;border-top: 1px dashed #e0e0e0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li:first-child{border:0}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a {display:block;position: relative;width: 100%;padding: 12px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a span{font-size: 16px;color: #333;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul{display: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li a.ov + .depth3_ul{display: block;border-top: crimson;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li{}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a{display: block;position: relative;padding: 2px 0 2px 10px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:before{position:absolute;left:0;top:50%;width: 3px;height: 3px;margin-top: -1.5px;background:#76808B;border-radius:50%;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:hover span,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:focus span{color: #3f61b2;}
#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close{position: absolute;right: -50px;top: 20px;width: 31px;height: 31px;border: 0;background: url(/template/A/images/mnav_close.png);font-size: 0;text-indent: -9999px;}
.modal-backdrop.in{opacity: .8}



/* timeout */
.ui-timeout{position: fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:9999;}
.ui-timeout .inner{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);padding:30px;max-width:430px;height:290px;border:3px solid #246cc4;background-color:#fff;}
.ui-timeout .inner .ir-logo{float:left;width:121px;height:74px;background: url(/images/ham/common/ir-logo.png) no-repeat}
.ui-timeout .inner .timeout__box{float:right;width:230px;padding-top:30px;}
.ui-timeout .inner .timeout__box.auto__out{padding-top:0;}
.ui-timeout .inner .timeout__box *{line-height:1.3;letter-spacing: -0.02em;}
.ui-timeout .inner .timeout__box p{margin:0;color:#333;font-size:23px;font-weight: bold;}
.ui-timeout .inner .time-remaining{font-size:18px;color:#666;font-weight: 600;}
.ui-timeout .inner .time-remaining span{color:#2f427f;font-weight: bold;font-size:30px;}
.ui-timeout .inner .timeout__info{clear:both;text-align:center;line-height:1.4;font-size:14px;margin:0 0 10px;padding-top:20px;}
.ui-timeout .inner .time-group__btn{text-align:center}
.ui-timeout .inner .time-group__btn a{display:inline-block;line-height:38px;min-width:120px;font-size:15px;}
.ui-timeout .inner .time-group__btn .timeBtnExtend{background-color:#246cc4;border-color:#246cc4;color:#fff}
.ui-timeout .inner .time-group__btn .timeBtnCancel{border-color:#ddd;color:#333;font-weight: 600;border:1px solid #ddd;}