#top-layout{position:relative;width:100%;z-index:100;margin:0 auto;height:100px;position:fixed;/*background: rgb(0,0,0,.5);*/transition:.4s;}
#top-layout:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; opacity:0; backdrop-filter:blur(20px); transition:.4s;}
#top-layout:hover{background:#fff;}
/* #top-layout:hover #gnb-layout #gnb{border-bottom:1px solid #e5e5e5;} */
#top-layout:hover #gnb-layout .depth1_ul > li > a span{color:#212121;}
#top-layout:hover .sch-btn a{color:#474747 !important; border-color:#474747 !important;}
#top-layout:hover .sch-btn a:hover{color:#000 !important;}
#top-layout:hover .mo .hamburger p{background:#222;}

/* 상단 고정 */
#top-layout{width:100%; position:fixed; height:100px; top:0; z-index:100; transition:.4s;}
#top-layout.scrollFx{width:100%; position:fixed; height:100px; top:0;}
#top-layout.scrollFx .navi{height:100px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
#top-layout.scrollFx:before{opacity:1;}
#top-layout.scrollFx #gnb-layout{height:100px;background: rgba(255, 255, 255, .7);box-shadow:0 0 10px rgba(0,0,0,0.2);}
#top-layout.scrollFx #gnb-layout .depth1_ul > li > a span{color:#212121 !important;}
#top-layout.scrollFx .sch-btn a{color:#474747 !important; border-color:#474747 !important;}
#top-layout.scrollFx .sch-btn a:hover{color:#000 !important;}
#top-layout.scrollFx .mo .hamburger p{background:#222 !important;}

/* 서브일때-흰색 */
#top-layout.sub-hd{border-bottom:1px solid #d0d0d0;}
#top-layout.sub-hd #gnb-layout{height:100px;background: rgba(255, 255, 255, .7);}
#top-layout.sub-hd #gnb-layout .depth1_ul > li > a span{color:#212121 !important;}
#top-layout.sub-hd .sch-btn a{color:#474747 !important; border-color:#474747 !important;}
#top-layout.sub-hd .sch-btn a:hover{color:#000 !important;}
#top-layout.sub-hd .mo .hamburger p{background:#222 !important;}

#top-layout .navi{position:relative;height:100px;}
#top-layout .hd-wrap{}
#top-layout .hd-wrap #logo{display:flex; align-items:center; height:100%; transition:.4s; font-size:0; line-height:0;}
#top-layout .hd-wrap #logo a{/*margin-top:6px;*/ display:inline-block; width:323px; height:61px; overflow:hidden; background-image:url("/images/common/logo.png"); background-repeat:no-repeat; background-position:0 0; transition:all .1s; background-size:100%; transition:.4s;}
#top-layout .hd-wrap #logo a:hover{opacity:.8;}

#top-layout .hd-wrap .utile-wrap{z-index:10; display:flex; align-items:center;}
#top-layout .hd-wrap .utile-wrap > li{}
#top-layout .hd-wrap .utile-wrap > li.sch-btn{display:flex;align-items:center;justify-content:center;}
#top-layout .hd-wrap .utile-wrap > li.sch-btn a{transition:0.3s;position:relative;background: url("/images/common/ku_logo.png") no-repeat;background-size: 100%;width: 113px;height: 30px;font-size: 0;}
/*햄버거메뉴*/
#top-layout .hd-wrap .utile-wrap > li.mo{display:flex; justify-content: end; width:323px;}
.mo button.btn-allmenu{position:relative; display:flex; align-items:center; gap:5px; background:none; border:none;}
.mo button.btn-allmenu .hamburger{position:relative;display: flex; flex-direction: column; align-items:end; justify-content: space-between; width:32px; height:21px; transition:.3s;}
.mo .hamburger:before,
.mo .hamburger:after{content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#DAa5a7; border-radius:50%; opacity:.4; transform:translate(-50%,-50%); transition:0s;}
.mo .hamburger p{height: 3px; background-color: #085cf0;transition:.2s linear; animation:menu 2s infinite;}
.mo .hamburger p.i1 {width: 18px;}
.mo .hamburger p.i2 {width: 100%;}
.mo .hamburger p.i3 {width: 24px;}

#gnb-layout{position:relative;height: 100px;transition:all 0.3s ease-out;overflow:hidden;width:100%;margin:0;z-index:9;    border-bottom: 1px solid #f5f5f5;}
/*#gnb-layout:before{display:block; content:""; position:absolute; top:100px; right:0; left:0; width:100%; height:1px; background:#ddd; z-index:11;}*/
#gnb-layout:after{display:none; content:""; position:absolute; width:495px; height:172px; left:calc(50% - 1036px); bottom:0px; opacity:0; z-index:111; transition:all 0.3s; transition-delay:0.3s;}

#gnb-layout #gnb{position:absolute;top:0;left:0;width:100%;height: 100px;z-index:2;}
#gnb-layout #gnb:after,
#gnb-layout #gnb:before{content:""; position:absolute; top:100px; width:100%; height:100vh; z-index:1;}
#gnb-layout #gnb:before{left:-50%; background-color:#fff; min-height:300px; display:none;}
#gnb-layout #gnb:after{right:-50%; background-color:#fff; min-height:300px; z-index:2;}
#gnb-layout #gnb .layout{position:static;text-align:center;height:100%;width: 90%;margin: 0 auto;max-width:1590px;display: flex;justify-content: space-between;align-items: center;}
#gnb-layout #gnb .layout:after{content:""; position:absolute; top:100px; left:0; width:100%; height:100vh; background-color:#fff; min-height:300px; z-index:2; visibility:visible;}

#gnb-layout .depth1_ul{display:inline-flex; height:100%; float:none; z-index:14;}
#gnb-layout .depth1_ul:after{display:block; content:""; clear:both;}
#gnb-layout .depth1_ul > li{display:inline-block;margin: 0 40px;vertical-align:top;}
#gnb-layout .depth1_ul > li:last-child a:after{display:none;}

#gnb-layout .depth1_ul > li > a{position:relative; display:block; height:100%; transition:all 0.3s; text-align:center;}
#gnb-layout .depth1_ul > li > a span{display:inline-block; height:100%; line-height:100px; vertical-align:middle; letter-spacing:0; position:relative;font-size:19px; font-weight:500;}

#gnb-layout .depth1_ul > li > a span:before{position:absolute; left:0; bottom:0%; width:100%; height:4px; background-color:#085cf0 ; content:""; opacity:0; transition:all 0.4s;}
#gnb-layout .depth1_ul > li > a:hover span,
#gnb-layout .depth1_ul > li > a:focus span{color:#085cf0 ;}
#gnb-layout .depth1_ul > li > a:hover span:before,
#gnb-layout .depth1_ul > li > a:focus span:before{opacity:1;}
#gnb-layout .depth1_ul > li.on > a span,
#gnb-layout .depth1_ul > li.current > a span{color:#085cf0 ;}
#gnb-layout .depth1_ul > li.on > a span:before,
#gnb-layout .depth1_ul > li.current > a span:before{opacity:1;}
#gnb-layout .depth1_ul > li .item{opacity:1;  position:absolute;  top:100px; left:0; z-index:100; width:100%; min-height:210px; text-align:left; background-color:#fff; padding:35px 0 100px 380px; padding-left:calc(50% - 380px); padding-right:calc(50% - 730px); border-top:1px solid #e5e5e5;}
#gnb-layout .depth1_ul > li .item .gnb-title{position:absolute; top:0; left:0; bottom:0; width:calc(50% - 410px); padding: 50px 10px 80px 2100px; padding-left:calc(50% - 750px); text-align:left; background-color: #f7f7f7; z-index:3;}
#gnb-layout .depth1_ul > li .item .gnb-title strong{display:block; position:relative; line-height:1.2; font-weight:600; color: #212121; font-size:28px; z-index:1; margin-bottom:10px; white-space:normal; width:100%; word-break:break-all;}
#gnb-layout .depth1_ul > li .item .gnb-title p{position:relative;margin:0 0 10px 0;line-height: 1.2;font-size: 27px;color: #333;font-family: "Tenor Sans", sans-serif;font-weight: 400;letter-spacing: -1px;word-spacing: -5px;z-index:1;}
#gnb-layout .depth1_ul > li .item.on{background-color:#fff;}
#gnb-layout .depth1_ul > li.current + .item{display:block !important;}

#gnb-layout .depth1_ul .depth2_ul{position:relative; top:0; height:100% !important; width:100%; text-align:left; float:right; margin:0; z-index:3; display:flex; row-gap: 2%; column-gap: 2%; flex-wrap:wrap;}
#gnb-layout .depth1_ul .depth2_ul > li{display:block; width:33.3333333333333333%; max-width:320px; margin:0 0 20px; text-align:left; line-height:18px;}
#gnb-layout .depth1_ul .depth2_ul > li i{font-size: 20px;}
#gnb-layout .depth1_ul .depth2_ul > li i.ri-share-box-line{font-size: 16px;}
#gnb-layout .depth1_ul .depth2_ul > li > a{display:inline-block; position:relative; min-width:100%; padding: 12px 25px; min-height:46px; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; line-height:1.2; color:#212121; font-size:17px; letter-spacing:-0.05em; word-break:keep-all; word-wrap:break-word; font-weight:500; transition:all 0.3s;display: flex; align-items: center; justify-content: space-between;}
/* #gnb-layout .depth1_ul .depth2_ul > li > a:after{content:""; display:block; position:absolute; top:16px; right:19px; width:8px; height:8px; border: solid #555; border-width:0 2px 2px 0; transform:rotate(45deg); transition:all 0.3s;} */
#gnb-layout .depth1_ul .depth2_ul > li > a.on,
#gnb-layout .depth1_ul .depth2_ul > li > a:hover,
#gnb-layout .depth1_ul .depth2_ul > li > a:focus{background:#085cf0 ; color:#fff; border:1px solid #085cf0 ; box-shadow:2px 2px 8px 0 rgba(65, 128, 135, 0.25);}
#gnb-layout .depth1_ul .depth2_ul > li > a.on span em,
#gnb-layout .depth1_ul .depth2_ul > li > a:hover span em,
#gnb-layout .depth1_ul .depth2_ul > li > a:focus span em{color:rgb(255,255,255,.6);}
#gnb-layout .depth1_ul .depth2_ul > li > a[target=_blank]{padding-right:20px;}
#gnb-layout .depth1_ul .depth2_ul > li > a[target=_blank]:after{display:none;}
#gnb-layout .depth1_ul .depth2_ul > li > a[target=_blank]:before{
    display:block; position:absolute; top:20px; left:auto; right:14px; width:14px; height:14px; margin-top:-7px; border:0; transform:none; content:"";
    background:url(/template/assets/images/target_blank.png) no-repeat;
}
#gnb-layout .depth1_ul .depth2_ul > li > a.on[target=_blank]:before,
#gnb-layout .depth1_ul .depth2_ul > li > a:hover[target=_blank]:before,
#gnb-layout .depth1_ul .depth2_ul > li > a:focus[target=_blank]:before{
    background:url(/template/assets/images/target_blank_ov.png);
}
#gnb-layout .depth1_ul .depth2_ul > li > a.on:after,
#gnb-layout .depth1_ul .depth2_ul > li > a:hover:after,
#gnb-layout .depth1_ul .depth2_ul > li > a:focus:after{border:solid #fff; border-width:0 2px 2px 0;}
#gnb-layout .depth1_ul .depth2_ul > li > a span{}
#gnb-layout .depth1_ul .depth2_ul > li > a span em{font-style:normal;font-size: 13px;color: #a9a9a9;font-weight: 300;letter-spacing:.2px;margin-top: 5px;/* text-transform: uppercase; */display: block;line-height: 1.2;}
#gnb-layout .depth1_ul .depth3_ul{display:block; margin:10px 20px 0; height:auto; transition:all 0.3s;}
#gnb-layout .depth1_ul .depth3_ul li{display:block;}
#gnb-layout .depth1_ul .depth3_ul li a{display:block; position:relative; padding:2px 0 2px 13px; line-height:1.2;}
#gnb-layout .depth1_ul .depth3_ul li a:before{position:absolute;top:11px;left:4px;width: 3px;height: 3px;border-radius:50%;background-color: #222;content:"";}
#gnb-layout .depth1_ul .depth3_ul li a:hover:before,
#gnb-layout .depth1_ul .depth3_ul li a:focus:before{background:#085cf0 ;}
#gnb-layout .depth1_ul .depth3_ul li a span{display:inline-block; font-size:16px; color:#444; line-height:1.5; word-break:keep-all; word-wrap:break-word; font-weight:normal; position:relative; z-index:2; background:#fff; padding-right:6px;}
#gnb-layout .depth1_ul .depth3_ul li a:hover span,
#gnb-layout .depth1_ul .depth3_ul li a:focus span,
#gnb-layout .depth1_ul .depth3_ul li .on span{color:#085cf0 ;}
#gnb-layout .depth1_ul .depth3_ul.open{display:block;}
#gnb-layout .depth1_ul .depth3_ul li a:hover:after, #gnb-layout .depth1_ul .depth3_ul li a:focus:after{background:#085cf0 ;}
#top-layout.open #gnb-layout, #top-layout.on #gnb-layout{/* border-bottom:1px solid #d8e0e9; *//* background:#fff; */}
#top-layout.on #gnb-layout:after{opacity:1;}
#gnb-layout.open .depth1_ul > li .depth2_ul{opacity:1; height:180px; transform:translateX(0);}
#top-layout.on + .gnb-bg, #top-layout.open + .gnb-bg{display:block; z-index:99; top:47px;}
#top-layout + .gnb-bg{display:none; position:fixed; top:47px; left:0; z-index:2; width:100%; height:100%; background:#000; opacity:0.5; content:""; transition:all 0.3s ease-out;}

@media (max-width:1700px){
	#gnb-layout .depth1_ul > li {margin: 0 30px;}
}
@media (max-width:1600px){
	#gnb-layout #gnb .layout{width:95%;}
	#top-layout .hd-wrap #logo a{width:280px; margin:0; height:49px;}
	#top-layout .hd-wrap .utile-wrap {gap: 20px;}
	/*#top-layout .hd-wrap .utile-wrap > li.sch-btn{display:none;}*/	
	#gnb-layout .depth1_ul .depth2_ul{row-gap:10px; column-gap:10px;}
	#gnb-layout .depth1_ul .depth2_ul > li{margin:0;}
	#gnb-layout .depth1_ul > li{margin:0 20px;}
	#gnb-layout .depth1_ul > li > a span{font-size:17px;}
	#gnb-layout .depth1_ul > li .item .gnb-title strong,
	#gnb-layout .depth1_ul > li .item .gnb-title p{padding-left:4%;}
	#gnb-layout .depth1_ul .depth3_ul li a span{font-size:15px;}
	
}
@media (max-width:1300px){
	#gnb-layout .depth1_ul{gap:30px;}
	#gnb-layout .depth1_ul > li{margin:0 0px;}
	#gnb-layout .depth1_ul > li > a span{padding:0 0px;}
	#gnb-layout .depth1_ul:after{display:none;}
}
@media (max-width:1170px){
	#gnb-layout .depth1_ul{display:none;}
	#top-layout .hd-wrap .utile-wrap{gap:30px;}
	#top-layout .hd-wrap .utile-wrap > li.sch-btn{display:flex;}
}
@media (max-width:767px){
	#top-layout{height:80px !important;}
	#top-layout .navi{height:80px !important;}
	#top-layout.sub-hd #gnb-layout{height:80px !important;}
	#top-layout.scrollFx #gnb-layout{height:80px;}
	#gnb-layout #gnb{height:80px !important;}
	#top-layout .hd-wrap #logo a{width:220px; height:38px;}
	#top-layout .hd-wrap .utile-wrap > li.sch-btn{display:none;}
	#top-layout .hd-wrap .utile-wrap > li.mo{width:40px;}
	.mo button.btn-allmenu .hamburger{width:40px; height:40px;}
}



/* mobile menu */
body.modal-open{height:100vh; overflow:hidden;}
body.mobile-menu-open{overflow:hidden;}
.modal-open #top-layout .hd-wrap .utile-wrap li, .modal-open #top-layout .hd-wrap .utile-wrap li.box.mo{display:none;}

/* 모바일 메뉴 패널 (bootstrap modal 미사용 / .on 토글) */
#mobile-menu{position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000; overflow:visible; padding:0 !important; visibility:hidden; pointer-events:none;}
#mobile-menu.on{visibility:visible;}
#mobile-menu .modal-dialog{transform:translate(25%, 0); margin:0; width:100%; max-width:420px; min-width:320px; float:right; height:100%; pointer-events:auto; transition:transform .3s ease;}
#mobile-menu.in .modal-dialog, #mobile-menu.show .modal-dialog, #mobile-menu.on .modal-dialog{transform:translate(0px, 0);}

/* 오버레이(딤) */
#mobile-menu-overlay{display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:9999;}
#mobile-menu-overlay.on{display:block;}

/* 햄버거 활성화 표시(선택) */
.btn-allmenu.active .hamburger{opacity:.7;}
#mobile-menu .modal-dialog .modal-content .modal-body{position:static; height:100%; padding:0; background:#fff;}
#mobile-menu .modal-dialog .modal-content{width:100%; border-radius:0; border:0 none; height:100%; margin:0;}
#mobile-menu .modal-dialog .modal-content .topUtile{height:71px; padding:25px 15px; background:#3a5063;}
#mobile-menu .modal-dialog .modal-content .topUtile ul:after{display:block; clear:both; content:"";}
#mobile-menu .modal-dialog .modal-content .topUtile ul li{display:inline-block; float:left; position:relative;}
#mobile-menu .modal-dialog .modal-content .topUtile > ul > li > a,
#mobile-menu .modal-dialog .modal-content .topUtile ul li > button{display:block; height:100%; width:100%; padding:0 15px; font-size:15px; color:#fff; line-height:1.2;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li > a:after{display:inline-block; height:100%; vertical-align:middle; content:"";}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan button{padding-right:27px;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan button:after{position:absolute; right:11px; top:7px; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:7px solid #fff; transform:rotate(180deg); content:"";}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown{padding-bottom:20px;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown:before{display:none;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown.open{z-index:999;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul{position:absolute; top:35px; left:0; width:100%; min-width:auto;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li{display:block; width:100%; padding:5px 0; border-top:1px solid #dadada;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li:first-child{border-top:none;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a{font-size:15px;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a{padding:3px 13px 3px; text-align:left;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li a *{vertical-align:middle;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul 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;
}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.ko a:before{background-position:0 0;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.en a:before{background-position:-20px 0;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.jp a:before{background-position:-40px 0;}
#mobile-menu .modal-dialog .modal-content .topUtile ul li.lan.dropdown ul li.cn a:before{background-position:-60px 0;}

#mobile-menu .modal-dialog .modal-content .modal-body:after{display:block; content:""; position:absolute; z-index:0; width: 140px; background:#f5f6f8; height:100%; top:120px; left:0px; z-index:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul{ width:100%; height:calc(100% - 71px); display:inline-block; position:absolute; left:0; right:0; margin:0; z-index:2;}
#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: 140px;padding:15px 20px 10px 15px;background:#f5f6f8;font-size:16px;line-height:1.2;box-sizing:border-box;z-index:2;word-break:keep-all;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:first-child > a{padding-top:20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li:last-child > a{padding-bottom:20px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before{display:none; position:absolute; top:50%; bottom:0; right:33px; width:3px; height:17px; background:#3a5063; transform:translateY(-50%); content:"";}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after{display:none; position:absolute; top:50%; bottom:0; right:26px; height:3px; width:17px; background:#3a5063; transform:translateY(-50%); content:"";}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span{font-size: 18px;vertical-align:middle;line-height:20px;color: #212121;font-weight: 600;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov span{color:#085cf0 ;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span > em{display:block; letter-spacing:0.2px; color:#888; font-style:normal; font-size:13px; font-weight:300; line-height:1.2; margin-top:5px;}
#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 .depth1_ul > li .item{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li .item .gnb-title{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul{display:none;width: calc(100% - 140px);position:absolute;top:0px;right:0px;padding: 5px 0px;padding-bottom:100px;overflow-y:scroll;overflow-x:hidden;height:100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li{width:100%; border-top:1px solid #e5e5e5;}
#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:last-child{border-bottom:1px solid #e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a{display:block;position:relative;width:100%;padding: 12px 30px 12px 15px;word-break:keep-all;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov{color:#fff; border-bottom:2px solid #085cf0 ;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov span{color:#085cf0 ;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a:after{content:"\ea4e"; display:inline-flex; align-items:center; justify-content:center; color:#afafaf; position:absolute; top:11px; right:10px; width:22px; height:22px; background:#f8f8f8; font-family:'remixicon' !important; border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov:after{content:"\ea78"; background:#085cf0 ; color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a[target=_blank]:after,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov[target=_blank]:after{background:url(/template/assets/images/target_blank.png) center no-repeat;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a span{color: #444;font-weight: 500;font-size: 17px;line-height:23px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a span > em{letter-spacing:0.2px; display:block; color:#888; font-style:normal; font-size:13px; font-weight:300; line-height:1.2; margin-top:5px;}
#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;background: #fbfbfb;padding: 10px 20px;/* margin:10px 0; */}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li{padding: 4px 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a{display:block;position:relative;padding: 0px 0 0px 10px;font-size: 16px;font-weight: 400;line-height:1.4;color: #212121;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:before{position:absolute;left:0;top: 9px;width:3px;height:3px;margin-top:-1.5px;background:#b5b2b4;border-radius:50%;content:"";}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a.ov,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:hover,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:focus{color:#085cf0 ;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:hover:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a:focus:before{background:#085cf0 ;}

#mobile-menu .modal-dialog .modal-content .modal-body .gnb_info{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close{position:absolute;right:10px;top:12px;width:45px;height:45px;border:0;background:#fff;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .modal-body .mobile-close span{color: #656565;font-size:24px;}

.modal-backdrop.in{opacity:0.8;}

#mobile-menu .utile-wrap{display:flex; align-items:center; justify-content:flex-start; height:auto; padding:0 15px; position:relative; flex-wrap:wrap; background:#085cf0 ;}
#mobile-menu .utile-wrap li{position:relative; height:100%;}
#mobile-menu .utile-wrap li:last-child:after{display:none;}
#mobile-menu .utile-wrap li a{display:block; color:#fff; font-weight:normal; line-height:1; position:relative;}
#mobile-menu .utile-wrap .site-link{margin-right:12px;padding-right:12px;display:flex;align-items:center;height: 70px;}
#mobile-menu .utile-wrap .site-link a{font-size: 17px;}
#mobile-menu .utile-wrap .site-link:after{content:""; width:1px; height:15px; background:#fff; position:absolute; top:50%; transform:translateY(-50%); opacity:0.3; right:0;}

#mobile-menu .utile-wrap .login-link{margin-right:10px; padding-right:10px;}
#mobile-menu .utile-wrap .login-link a{font-size:13px;}
#mobile-menu .utile-wrap .login-link a i{opacity:.8;}
#mobile-menu .utile-wrap .login-link:after{content:""; width:3px; height:3px; border-radius:50%; background:#fff; position:absolute; top:50%; transform:translateY(-50%); opacity:0.3; right:-1.5px;}

#mobile-menu .utile-wrap .language-link{position:relative; width:60px; height:100px;}
#mobile-menu .utile-wrap .language-link button{display:flex; align-items:center; justify-content:center; height:100%; width:100%;}
#mobile-menu .utile-wrap .language-link button:after{content:""; width:0%; height:2px; background:#085cf0 ; position:absolute; bottom:-1px; left:50%; opacity:0; transition:all 0.3s;}
#mobile-menu .utile-wrap .language-link button span{display:block; font-size:15px; color:#fff; font-weight:500; line-height:1; text-align:center; padding-right:12px;}
#mobile-menu .utile-wrap .language-link button:hover:after{opacity:1; width:100%; left:0;}
#mobile-menu .utile-wrap .language-link button:hover span{color:#fff; font-weight:500;}
#mobile-menu .utile-wrap .language-link button em{font-size:0;}
#mobile-menu .utile-wrap .language-link button em i{font-size:0;}

#mobile-menu .utile-wrap .language-link > div{display:none; position:absolute; width:auto; padding:10px 20px; background:#fff; top:55px; left:50%; transform:translate(-50%, 0); z-index:999; border-radius:10px; box-shadow:2px 2px 8px 0 rgba(0, 0, 0, 0.2);}
#mobile-menu .utile-wrap .language-link > div li:last-child{border-bottom:0px solid #ccc;}
#mobile-menu .utile-wrap .language-link > div li a{font-size:14px; line-height:1; padding:5px 0; text-align:center;}
#mobile-menu .utile-wrap .language-link > div li a:hover,
#mobile-menu .utile-wrap .language-link > div li a:active,
#mobile-menu .utile-wrap .language-link > div li a:focus{color:#085cf0 ;}

#mobile-menu .utile-wrap .language-link.on > div{display:block;}

#mobile-menu .utile-wrap .covid-link{width:100%; height:50px; background:#fff; position:absolute; left:0px; bottom:0px; border-bottom:1px solid #dcdddf; display:flex; align-items:center; justify-content:center;}
#mobile-menu .utile-wrap .covid-link a{
    display:block; width:auto; height:35px; border-radius:18px; background-color:#f5f8f9; padding:0 25px 0 40px;
    background-image:url(/template/assets/images/siren.png), url(/template/assets/images/pl.png);
    background-position:15px center, calc(100% - 10px) center; background-repeat:no-repeat, no-repeat;
    display:flex; align-items:center; justify-content:center; font-size:15px; color:#232323; font-weight:500; padding-top:4px;
}
#mobile-menu .utile-wrap .covid-link a em{color:#cd413e; font-weight:normal;}

@media (max-width:1279.98px){
}
@media (max-width:1023.98px){
}
@media (max-width:767px){
	#mobile-menu .utile-wrap li{height:auto;}
}
@media (max-width:459.98px){
	#mobile-menu .modal-dialog{max-width:360px;}
    #mobile-menu .modal-dialog .modal-content .modal-body:after,
	#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a{width:120px;}
    #mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul{width:calc(100% - 120px);}	
}