@charset "utf-8";


.ir-tmpl{background-image:url("/template/B1/images/ir-tmpl.png")}

a:focus, button:focus{outline: 1px dotted #000;}
@keyframes spinspin {
	0% {transform: rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.layout{position:relative;width:100%;max-width:1340px;margin:0 auto;/* border: 1px solid; */}
.layout:after {display:block;visibility:hidden;clear:both;content:""}

@media(max-width:1380px){
	.layout{width:calc(100% - 40px);max-width:100%;margin:0 auto;}
}

#top_layout{display:block;position:relative;z-index: 100;width:100%;height: 80px;}

/* popup */
#op_layout{position:relative;z-index: 999;width:100%;height:0;background: #324259;text-align:center;}
#op_layout.on{height: 120px;}
#op_layout .op_wrap{display:none;}
#op_layout.on .op_wrap{display: inline-block;position:relative;width:100%;max-width: 1300px;height:100%;padding: 25px 0;}
#op_layout .op_wrap .sliderBox{display:none;}
#op_layout.on .op_wrap .sliderBox{display:inline-block;overflow:hidden;width:100%;max-width:1000px;height:100%;}
#op_layout .op_wrap .sliderBox ul{overflow: hidden;position:relative;width:100%;height: 65px;}
#op_layout .op_wrap .sliderBox ul .item{float: left;position:relative;width: 50%;height: 65px;padding:0 30px 0 140px;text-align:left;}
#op_layout .op_wrap .sliderBox ul .item a{display:block;width:100%;height:100%;line-height:1.2;margin-top:9px;}
#op_layout .op_wrap .sliderBox ul .item .ico{display:block;position:absolute;top:0px;left:50px;width: 70px;height: 70px;}
#op_layout .op_wrap .sliderBox ul .item .ico01{background:url(/images/skin/toppopup_icon1.png)no-repeat;}/*학사*/
#op_layout .op_wrap .sliderBox ul .item .ico02{background:url(/images/skin/toppopup_icon2.png)no-repeat;}/*행사*/
#op_layout .op_wrap .sliderBox ul .item .ico03{background:url(/images/skin/toppopup_icon3.png)no-repeat;}/*공지*/
#op_layout .op_wrap .sliderBox ul .item .ico04{background:url(/images/skin/toppopup_icon5.png)no-repeat;}/*입시*/
#op_layout .op_wrap .sliderBox ul .item .ico05{background:url(/images/skin/toppopup_icon4.png)no-repeat;}/*기타*/
#op_layout .op_wrap .sliderBox ul .item strong{display:block;overflow:hidden;width:100%;margin:0 0 6px;color: #ffffff;font-size:21px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;font-weight:600;letter-spacing: -0.05em;}
#op_layout .op_wrap .sliderBox ul .item .txt{display:block;overflow:hidden;height:45px;color: #fff;font-size:14px;word-break:keep-all;margin-left:1px;}
#op_layout .op_wrap .controlBox{display:none;}
#op_layout.on .op_wrap .controlBox{display:block;width:100%;}
#op_layout.on .op_wrap .controlBox .paging{display:inline-block;}
#op_layout.on .op_wrap .controlBox .paging .btn_page{display:inline-block;width:26px;height:26px;background:;font-size:0;}
#op_layout.on .op_wrap .controlBox .paging .btn_page.on{background-position:0 0;}
#op_layout.on .op_wrap .controlBox button{text-shadow:0px 0px 5px rgba(0,0,0,0.3); color:#fff;}
#op_layout.on .op_wrap .controlBox button.btn_prev{display:block;position:absolute;z-index:100;top:50px;left:50%;width: 21px;height: 21px;margin-left:-610px;background: url(/images/skin/toppopup_ir.png) 0 0;font-size:0;opacity:0.5;}
#op_layout.on .op_wrap .controlBox button.btn_next{display:block;position:absolute;z-index:100;top:50px;right:50%;width: 21px;height: 21px;margin-right:-610px;background: url(/images/skin/toppopup_ir.png) -21px 0;font-size:0;opacity:0.5;}
#op_layout.on .op_wrap .controlBox button.btn_stop{position:absolute;right: 50%;top: 35px;margin-right: -530px;width: 60px;height: 60px;background: url(/images/skin/toppopup_ir.png) 0 -21px;font-size:0;}
#op_layout.on .op_wrap .controlBox button.btn_play{position:absolute;right: 50%;top: 30px;margin-right: -530px;width: 60px;height: 60px;background: url(/images/skin/toppopup_ir.png) -60px -21px;font-size:0;}
#op_layout .never{display:inline-block;position:absolute;bottom: 38px;right: -130px;border:none;background:transparent;vertical-align:middle;}
#op_layout .never #never_op{display:inline-block;position:absolute;top:-200px;vertical-align:middle;}
#op_layout .never #never_op:focus + label .icon { outline: 2px solid #00b1f3; }
#op_layout .never label{display:inline-block;color: #ffffff;font-size:14px;vertical-align:middle;letter-spacing:-0.065em;}
#op_layout .never label .icon{display:inline-block;width:13px;height:13px;margin:-2px 5px 0 0;background: url(/images/skin/checkbox.png) no-repeat -17px 0;vertical-align:middle;}
#op_layout .never #never_op:checked + label .icon{background-position:0 0;}
#op_layout .op_wrap .btn_close{position: absolute;right: -170px;bottom: 42px;}
#op_layout .op_wrap .btn_close a{width:21px;height:21px;background: url(/images/skin/toppopup_ir.png) -42px 0;font-size:0;}
#op_layout > .btn_close{display:none;position: absolute;bottom: -100px;right: 50%;z-index: 999;margin-right: -610px;}
#op_layout.on > .btn_close{display:block;}
#op_layout > .btn_close a{display: block;height: 25px;width: 74px;padding: 0;font-size: 0;color: #fff;font-weight: bold;opacity: 1;}
#op_layout .btn_open{position:absolute;z-index:200;right: 50%;bottom: -98px;margin-right: -610px;}
#op_layout .btn_open .bg,#op_layout .btn_open a{display:inline-block;width:100%;height:100%;padding-left: 20px;border-bottom: 2px solid #000;padding: 0;font-size: 14px;color: #000;font-weight: bold;}
#op_layout .btn_open a:before{position: absolute;left: -20px;top: 50%;vertical-align:middle;width:17px;height:17px;margin-top: -6.5px;background:url(/images/skin/toppopup_btn.png);content:'';}
#op_layout.on .btn_open a:before{transform: rotate(-180deg);}

#op_layout .btn_open .bg{display:inline-block;}

@media (max-width:1679px){
	#op_layout.on .op_wrap .controlBox button.btn_stop{top: auto;bottom: 10px;right: 50%;width: 20px;height: 20px;margin: 0 -30px 0 0;background-size: 198%;background-position: 0 -40px;}
	#op_layout.on .op_wrap .controlBox button.btn_play{top: auto;bottom: 15px;right: 50%;width: 20px;height: 20px;margin: 0 -30px 0 0;background-size: 198%;background-position: -20px -40px;}
	#op_layout.on .op_wrap .controlBox button.btn_prev{left: 30px;margin:0;}
	#op_layout.on .op_wrap .controlBox button.btn_next{right:30px;margin:0;}
	#op_layout .never{bottom:10px;right: 50px;}
	#op_layout .op_wrap .btn_close{bottom:14px;right:20px}
}
@media (max-width: 1399px){
	#op_layout .btn_open{right: 80px;margin-right: auto;}
	#op_layout.on .op_wrap{padding: 25px 70px;}
	#op_layout.on > .btn_close{right: 79px;bottom: -99px;margin-right: auto;}

}
@media (max-width: 1024px){
	.modal-open #op_layout{z-index: 99;}
	#op_layout .btn_open{right: 80px;bottom: -55px;}
	#op_layout.on > .btn_close{bottom:-55px}
}
@media (max-width:767px){
	.modal-open #op_layout{z-index: 99;}
	#op_layout.on .op_wrap{padding: 25px 40px;}
	#op_layout .op_wrap .sliderBox ul .item{padding:0}
	#op_layout .op_wrap .sliderBox ul .item .ico{display:none;}
	#op_layout .op_wrap .sliderBox ul .item strong{font-size:18px}
	#op_layout .op_wrap .sliderBox ul .item .txt{font-size:13px}
	#op_layout.on .op_wrap .controlBox button.btn_prev{left: 10px;}
	#op_layout.on .op_wrap .controlBox button.btn_next{right:10px;}
	#op_layout.on .op_wrap .controlBox button.btn_stop,#op_layout.on .op_wrap .controlBox button.btn_play{right: 195px;margin-right: auto;}
	#op_layout .btn_open{right: 75px;bottom: -44px;}
	#op_layout.on > .btn_close{bottom:-45px;right:70px}
}

/* 상단유틸관련메뉴 */
#lnb_hm{display:block;position: relative;height:42px;background-color: #244056;z-index:999;border-bottom: 1px solid #f1f2f2;top: 0;left: 0;width: 100%;}
#lnb_hm:after{display:block;clear:both;visibility:hidden;content:'';}
#lnb_hm .lnb_hm--links{float: left;width: 50%;height: 100%;text-align:left;overflow:hidden;}
#lnb_hm .lnb_hm--links:last-child{float:right;text-align: right;}
#lnb_hm .lnb_hm--links>li{display: inline-block;position:relative;margin:0 -2px;}
#lnb_hm .lnb_hm--links>li>a{padding:0 22px;line-height: 41px;min-width: 100px;text-align: center;color:#fff;font-size:14px;}
#lnb_hm .left>li:nth-child(1){background-color:#0f2e4a}
#lnb_hm .left>li:nth-child(2){background-color:#1e5188}
#lnb_hm .left>li:nth-child(3){background-color:#058ca9}
#lnb_hm .right li a{min-width: auto;padding: 0 15px;}
#lnb_hm .right li:nth-child(1) a:before{display:inline-block;position: relative;top: -2px;width:16px;height:15px;margin-right: 7px;background: url(/images/fund/common/util_home.png);vertical-align: middle;content:'';}
#lnb_hm .right li:after{position:absolute;right: 4px;top:50%;width:1px;height:8px;background:#4f606e;transform: translateY(-50%);content:'';}
#lnb_hm .right li:last-child:after{display:none;}

#top_layout{transition: all 0.2s;}
#top_layout .top_wrap{position:absolute;top: 0;left:0;right:0;transition: all 0.3s ease-out;z-index: 100;}
#top_layout .top_wrap #logo{display:inline-block;/* float:left; */position: absolute;top:0;z-index:999;left: 0;}
#top_layout .top_wrap #logo .ir-tmpl{display:inline-block;width:100%;height:100%;font-size:0;text-indent:-9999px;vertical-align:middle;}
#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;}
#top_layout .top_wrap .utile_wrap li.box{width: 44px;min-width:0;height: 44px;margin: -25px 0 0;}
#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%;background: url(/template/B1/images/sitemap.png);vertical-align:top;font-size: 0;text-align: left;font-weight: 600;}
.gnb_bg{display: none;position: fixed;top: 132px;left: 0;z-index: 11;width: 100%;height: 100%;background-color:#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;position:absolute;top: 0;left:0;width:100%;height:80px;/* overflow: hidden; */z-index: 99;box-shadow: 0 11px 10px -9px #666;}
#gnb_layout:before{position: absolute;top: 0;bottom: 0;right:0;width: 100%;height: 81px;background-color: rgba(255,255,255,0.9);content:"";z-index:1;overflow:hidden;/* box-shadow: 0 11px 10px -9px #666; */}
#gnb_layout:after{top:111px}
#gnb_layout.open{border-bottom:5px solid #1d4c81;}
#gnb_layout.open:after{position: absolute;top:80px;bottom: 0;right:0;width: 100%;height:auto;background:#fafafa;content:"";}
#gnb_layout{background-color: transparent;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;overflow:hidden;}
#gnb {width: 100%;height: 82px;z-index:2;/* border: 1px solid; */}
#gnb_layout.action{position:relative;background-color:#fff;}
#gnb_layout .layout{position:relative;padding:0 160px 0 273px;}
#gnb_layout .depth1_ul{display: block;float:right;height:100%;z-index:14;/* width: 100%; */}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;height:100%;margin:0 -2px;vertical-align:top;/* min-width: 100px; */max-width: 200px;/* width: 13%; */}
#gnb_layout .depth1_ul.n3>li,
#gnb_layout .depth1_ul.n4>li{width:24%}
#gnb_layout .depth1_ul.n5>li{width:19%}
#gnb_layout .depth1_ul.n6>li{width:15%}
#gnb_layout .depth1_ul.n7>li{width:13%}
#gnb_layout .depth1_ul>li>a{display:block;height:100%;padding: 6px 0;line-height: 59px;font-size:20px;color:#121212;/* font-family:"nsr",sans-serif; */font-weight:600;letter-spacing:-1px;transition: all .3s;text-align: center;}
#gnb_layout > ul > li.on > a {color: #0050c2;}
#gnb_layout .depth1_ul > li  .depth2_ul {height: 225px; border-left: 1px solid #d8e0e9; margin: 0 -2px 0 0; padding: 22px 0 0; transition: all 300ms cubic-bezier(1, 0, 0, 1); opacity: 0; transform: translateX(50px);}
#gnb_layout .depth1_ul > li  .depth2_ul > li {margin: 10px 0 0; padding: 0 0 0 15px; line-height: 18px; text-align: left;}
#gnb_layout .depth1_ul > li  .depth2_ul > li:first-child {margin-top: 0;}
#gnb_layout .depth1_ul > li  .depth2_ul > li > a {display: inline-block;position: relative;font-weight: 700;font-size: 13px;line-height: 1;color: #42444a;transition: all .3s;vertical-align: top;}
#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:hover,
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus {color: #0050c2;}
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus:after {right: 0; left: 0; width: 100%;}
#gnb_layout .depth1_ul > li:last-child > .depth2_ul {border-right: 1px solid #d8e0e9;}
#gnb_layout .depth1_ul > li  .depth2_ul > li > .depth3_ul{display:none;}
#gnb_layout.open{height:290px;}
#gnb_layout.open .depth1_ul > li .depth2_ul {opacity: 1; transform: translateX(0);}
#gnb_layout.open .depth1_ul > li:nth-child(2) .depth2_ul {transition-delay: .03s;}
#gnb_layout.open .depth1_ul > li:nth-child(3) .depth2_ul {transition-delay: .06s;}
#gnb_layout.open .depth1_ul > li:nth-child(4) .depth2_ul {transition-delay: .09s;}
#gnb_layout.open .depth1_ul > li:nth-child(5) .depth2_ul {transition-delay: .12s;}
#gnb_layout.open .depth1_ul > li:nth-child(6) .depth2_ul {transition-delay: .15s;}
#gnb_layout.open .depth1_ul > li:nth-child(7) .depth2_ul {transition-delay: .18s;}
#gnb_layout.open .depth1_ul > li:nth-child(8) .depth2_ul {transition-delay: .21s;}
#gnb_layout.open .depth1_ul > li:nth-child(9) .depth2_ul {transition-delay: .24s;}
#gnb_layout.open .depth1_ul > li:nth-child(10) .depth2_ul {transition-delay: .27s;}
#gnb_layout .line {display: block;position: absolute;top: 79px;right: 0;left: 0;width: 100%;height: 1px;background: #d8e0e9;opacity: .7;}
#gnb_layout.open #gnb_layout{border-bottom:1px solid #d8e0e9;}
#gnb_layout:after {display: block;content: '';position: absolute;top: 80px;left: 0;z-index: 1;width: 100%;height: 100%;background: #f0f2f8;transition: all .3s;opacity:0.5;}
#gnb {position: relative;top:0px;left: 0;right: 0;width: 100%;/* height: 80px; */z-index: 9999;/* border-bottom: 5px solid #2678cc; */}
#gnb_layout .layout{height:100%;/* padding:0; */text-align:center;}
#gnb_layout .depth1_ul{float:none;position:relative;}
#gnb_layout .depth1_ul > li{/* float:left; */margin:0;}
#gnb_layout .depth1_ul > li > a{position:relative;font-size: 18px;font-weight:normal;}
#gnb_layout .depth1_ul > li > a:before{display:none;position:absolute;bottom:0;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#a98364;content:'';}
#gnb_layout .depth1_ul > li > a:after{display:inline-block;height:100%;vertical-align:middle;content:'';}
#gnb_layout .depth1_ul > li > a span{display:inline-block;vertical-align:middle;}
#gnb_layout .depth1_ul > li > a:hover:before{display:block;}
#gnb_layout .depth1_ul > li .item{padding: 0;height:255px;}
#gnb_layout .depth1_ul > li .depth2_ul{margin:0 0 30px;padding:0;border:dashed #d8e0e9;border-width:0 1px 0 0;}
#gnb_layout .depth1_ul > li:first-child .depth2_ul{border-width:0 1px 0 1px;}
#gnb_layout .depth1_ul > li .depth2_ul > li{margin:0;padding:0;}
#gnb_layout .depth1_ul > li .depth2_ul > li a{display:block;font-weight:normal;transition:none;}
#gnb_layout .depth1_ul > li .depth2_ul > li a span{display: inline-block;padding: 5px 10px;font-size: 13px;overflow-wrap: break-word;word-wrap: break-word;word-break: break-all;line-height: 1.4;}
#gnb_layout .line{/* display:none; */}

#gnb_layout.open{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 11px 10px -9px #666}
#gnb_layout.open .depth1_ul > li > a{color:#000;}
#gnb_layout .depth1_ul > li.on > a{color:#a98364;}
#gnb_layout .depth1_ul > li.on > a:before{display:block;}
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus {background:#a98364;color:#fff;}
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:hover:after,
#gnb_layout .depth1_ul > li  .depth2_ul > li > a:focus:after {display:none;}

.shadow_gnb{display: none;position: fixed;top: 80px;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;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.open .shadow_gnb{display: block;}

@media screen and (max-width:1024px){
	#top_layout{height:80px;border-bottom: 1px solid #f1f2f2;}
	#lnb_hm{display:none;}
	#top_layout .top_wrap{top:0;}
	#gnb_layout{display:none;}
	#top_layout .top_wrap #logo{margin:17px auto;}
	#top_layout .top_wrap .utile_wrap{right:0;width:100%}
	#top_layout .top_wrap .utile_wrap li{float:right}
	#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: 20px;right: 0;width: 44px;height: 44px;}
	#top_layout .top_wrap .utile_wrap li.box.mo button{display:inline-block;width:100%;height:100%;background: url(/template/B1/images/sitemap.png);border-radius: 4px;vertical-align:top;font-size: 14px;color:#fff;line-height: 38px;text-align: left;font-weight: 600;border: 1px solid #a0a5aa;}
	#top_layout .top_wrap .utile_wrap li.box.mo button .ir{position:absolute;top: 50%;right:14px;transform: translate(0, -50%);}
	#top_layout .top_wrap .utile_wrap li.search #search_box{top:80px;}
	#top_layout .top_wrap .utile_wrap li.search #search_box:before{top:243px}
	/* 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 {float: right;-webkit-transform: translate(25%,0);transform: translate(25%,0);margin: 0;width: 260px;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: relative;height: 100%;padding: 0;background-color:#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;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-color:#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: 260px;border-radius: 0;border:  0 none;height: 100%;}
	#mobile-menu .modal-dialog .modal-content .topUtile{height: 65px;padding-top:17px;}
	#mobile-menu .modal-dialog .modal-content .topUtile .logo{display:block;margin:0 auto 12px auto;}
	#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/A1/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/A1/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/A1/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_lang{text-align: center;min-height:40px;background-color: #293844;}
	#mobile-menu .modal-dialog .modal-content .topUtile .m_lang.on{background-color:#303545;}
	#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/A1/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/A1/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;top: 0;width: 100%;height: calc(100% - 65px);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 60px 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: #149ab8;}
	#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/A1/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/A1/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;left: -50px;top: -45px;width: 31px;height: 31px;border: 0;background: url(/template/A1/images/mnav_close.png);font-size: 0;text-indent: -9999px;}
	.modal-backdrop.in{opacity: .8}
}
@media screen and (max-width:767px){
	#top_layout{height:60px;}
	#top_layout .top_wrap .utile_wrap li.box.mo{top: 14px;width:36px;height:35px;}
	#top_layout .top_wrap .utile_wrap li.box.mo button{background-size:100%}
}