#top-layout{position:fixed;top: 0px;/* left: 50%; *//* transform: translateX(-50%); */width:100%;/* max-width: 1880px; */height: 110px;/* background: #fff; *//* border-radius: 20px; */transition: all .3s;z-index: 21;padding: 20px;}
#top-layout:hover .mo .allm-txt{color:#333;}
#top-layout #h_logo img+img{margin-left: 35px;}

.subWrap #top-layout{padding:0; border-radius:0;}
.subWrap #gnb-layout .depth1_ul > li .item{border-radius:0;}
.subWrap .mo .hamburger p{background:#fff;}

/* 상단 고정 */
#top-layout.scrollFx{width:100%;max-width: 100%;position:fixed;height:110px;top:0;padding: 0;}
#top-layout.scrollFx .navi{height:110px;box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);max-width: 100%;}
#top-layout.scrollFx:before{opacity:1;}
#top-layout.scrollFx #gnb-layout{height:110px; background: #fff;}
#top-layout.scrollFx #gnb-layout .depth1_ul > li > a span{color:#212121 !important;}
#top-layout.scrollFx .mo .hamburger p{background:#222 !important;}
#top-layout.scrollFx .mo .allm-txt{color:#333 !important;}

/* 서브일때-흰색 */
#top-layout.sub-hd{border-bottom:1px solid #d0d0d0;}
#top-layout.sub-hd #gnb-layout{height:110px;background: #fff;}
#top-layout.sub-hd #gnb-layout .depth1_ul > li > a span{color:#212121 !important;}
#top-layout.sub-hd .mo .hamburger p{background:#222 !important;}
#top-layout.sub-hd .mo .allm-txt{color:#333 !important;}


#top-layout .navi{position:relative;height:110px;/* max-width: 1880px; */border-radius: 20px;background: #fff;}
.subWrap #top-layout .navi{background:none;}
#top-layout .hd-wrap .utile-wrap{display: flex;align-items: center;gap: 10px;}
#top-layout .hd-wrap .utile-wrap .hLang a{display: inline-block; padding: 8px 14px; font-size: 16px; color: #fff; background: #000; border-radius: 100px;}
#top-layout .hd-wrap .utile-wrap .hLang a i{margin-right: 4px;}
/* #top-layout .hd-wrap .utile-wrap > li.sch-btn{display: none;}
#top-layout .hd-wrap .utile-wrap > li.sch-btn a img:nth-child(2){display: none;}
#top-layout.scrollFx .hd-wrap .utile-wrap > li.sch-btn a img:nth-child(1){display: none;}
#top-layout.scrollFx .hd-wrap .utile-wrap > li.sch-btn a img:nth-child(2){display: block;}
#top-layout.sub-hd .hd-wrap .utile-wrap > li.sch-btn a img:nth-child(1){display: none;}
#top-layout.sub-hd .hd-wrap .utile-wrap > li.sch-btn a img:nth-child(2){display: block;} */


/*햄버거메뉴*/
#top-layout .hd-wrap .utile-wrap > li.mo{display:none;}
.mo button.btn-allmenu{position:relative; display:flex; align-items:center; gap:5px; background:none; border:none;}
.mo .allm-txt{display:block; width:55px; font-size:12px;color:#fff;font-family:"Poppins";font-weight: normal;}
.mo button.btn-allmenu .hamburger{position:relative; display:inline-block; width:50px; height:50px; 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{position:absolute; top:50%; left:50%; width:4px; height:4px; background:#222; border-radius:50%; transition:.2s linear; animation:menu 2s infinite;}
.mo .hamburger p.i1 {margin:-12px 0 0 -12px;}
.mo .hamburger p.i2 {margin:-12px 0 0 -2px; animation-delay:.1s;}
.mo .hamburger p.i3 {margin:-12px 0 0 8px; animation-delay:.2s;}
.mo .hamburger p.i4 {margin:-2px 0 0 -12px; animation-delay:.3s;}
.mo .hamburger p.i5 {margin:-2px 0 0 -2px; animation-delay:.4s;}
.mo .hamburger p.i6 {margin:-2px 0 0 8px; animation-delay:.5s;}
.mo .hamburger p.i7 {margin:8px 0 0 -12px; animation-delay:.6s;}
.mo .hamburger p.i8 {margin:8px 0 0 -2px; animation-delay:.7s;}
.mo .hamburger p.i9 {margin:8px 0 0 8px; animation-delay:.8s;}

#gnb-layout{position:relative;height: 110px;transition:all 0.3s ease-out;overflow:hidden;width:100%;margin:0;z-index:9;}
/*#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: 110px;z-index:2;border-bottom:0;}
#gnb-layout #gnb:after,
#gnb-layout #gnb:before{content:""; position:absolute; top:110px; 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;width: 100%;height: 100%;margin: 0 auto;max-width: 1800px;display: flex;justify-content: space-between;align-items: center;}
#gnb-layout #h_logo{display:flex;gap: 20px;align-items: center;}
/* #gnb-layout #gnb .layout:after{content:""; position:absolute; top:110px; 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: 15;}
#gnb-layout .depth1_ul:after{display:block; content:""; clear:both;}
#gnb-layout .depth1_ul > li{display:inline-block;margin: 0 35px;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:110px; vertical-align:middle; letter-spacing:0; position:relative; color:#212121; font-size:18px; font-weight:600;}
#gnb-layout .depth1_ul > li > a span:before{position:absolute; left:0; bottom:0%; width:100%; height:4px; background-color: var(--main-color); content:""; opacity:0; transition:all 0.3s;}
#gnb-layout .depth1_ul > li > a:hover span,
#gnb-layout .depth1_ul > li > a:focus span{color: var(--main-color);}
#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: var(--main-color);}
#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{border-top: 1px solid #e5e5e5; opacity:1!important; position:absolute; top:110px; left:0; z-index:100; width:100%; min-height:210px; text-align:left; border-radius: 0 0 20px 20px; overflow: hidden;
    padding:35px 0 50px 350px; padding-left:calc(50% - 380px); padding-right:calc(50% - 730px); background: #fff url('../images/common/header_bg_emblem.png') bottom -100px right 100px no-repeat;}
#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; z-index:3;}
#gnb-layout .depth1_ul > li .item .gnb-title strong{display:block; position:relative; font-weight:700; color:  var(--main-color); font-size: 42px; z-index:1; white-space:normal; width:100%; word-break:break-all;}
#gnb-layout .depth1_ul > li .item .gnb-title p{position:relative; margin: 10px 0 0 2px; font-size: 22px; color: #333; font-weight: 500; 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: 1%; column-gap: 1%; flex-wrap:wrap;}
#gnb-layout .depth1_ul .depth2_ul > li{display:block; width:33.3333333333333333%; max-width:320px; margin:0 0 10px; text-align:left; line-height:18px;}
#gnb-layout .depth1_ul .depth2_ul > li > a{display: flex; justify-content: space-between; position:relative; min-width:100%; padding: 20px 25px 20px 20px; min-height:46px; background: #f9f9f9; 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;}
/* #gnb-layout .depth1_ul .depth2_ul > li > a:after{content:""; display:block; position:absolute; top: 24px; 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: var(--main-color); color:#fff; border:1px solid  var(--main-color); box-shadow:2px 2px 8px 0 rgba(65, 128, 135, 0.25);}
#gnb-layout .depth1_ul .depth2_ul > li > a.on i,
#gnb-layout .depth1_ul .depth2_ul > li > a:hover i,
#gnb-layout .depth1_ul .depth2_ul > li > a:focus i{color: #fff;}
#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 span{}
#gnb-layout .depth1_ul .depth2_ul > li > a i{color: #333; transition: all .3s;}
#gnb-layout .depth1_ul .depth3_ul{display:block; margin: 15px 20px 20px; 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: 7px 0 7px 12px; line-height:1.2;}
#gnb-layout .depth1_ul .depth3_ul li a:before{position:absolute; top: 15px; left: 0; width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; content:"";}
#gnb-layout .depth1_ul .depth3_ul li a:hover:before,
#gnb-layout .depth1_ul .depth3_ul li a:focus:before{background: var(--main-color);}
#gnb-layout .depth1_ul .depth3_ul li a span{display:inline-block; font-size:17px; font-weight: 500; color:#444; word-break:keep-all; word-wrap:break-word; position:relative;}
#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: var(--main-color);}
#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: var(--main-color);}

#top-layout.on .navi{border-radius: 20px 20px 0 0;}
#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: 10;top: 0;}
#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: 1880px){
	#top-layout{/* width: 100%; */}
}
@media (max-width: 1840px){
	#gnb-layout #gnb .layout{padding: 0 20px;}
}
@media (max-width: 1536px){
    #gnb-layout #gnb .layout #h_logo a img{/* height: 55px; */}
	#gnb-layout .depth1_ul > li{margin: 0 20px;}
	#gnb-layout .depth1_ul > li > a span{font-size: 18px;}
	#gnb-layout .depth1_ul > li .item .gnb-title strong{font-size: 32px;padding-left: 20px;}
	#gnb-layout .depth1_ul > li .item .gnb-title p{padding-left: 20px;}
}
@media (max-width: 1280px){
	/*#top-layout,
	#top-layout .navi,
	#gnb-layout,
	#gnb-layout #gnb{height:100px;}
    #gnb-layout #gnb .layout{height: 100px;align-items: center;}*/
	#gnb-layout .depth1_ul{display: none;}
	#top-layout .hd-wrap .utile-wrap > li.mo{display:block;}
}
@media (max-width: 767px){
    /*#top-layout{height: 80px;}
	#top-layout .navi{height:80px;}
	#top-layout.sub-hd #gnb-layout{height:80px;}
    #gnb-layout{height: 80px;}
	#gnb-layout #gnb{height: 80px;}
    #gnb-layout #gnb .layout{height: 80px;}*/
	#top-layout{padding:0; border-radius:0;}
	#top-layout .navi{border-radius:0}
	#gnb-layout #h_logo {gap: 10px; align-items: flex-start; flex-direction: column;}
    #gnb-layout #gnb .layout #h_logo .logo1 img{height: 15px;}
	#gnb-layout #gnb .layout #h_logo .logo2 img{height: 30px;}
	#top-layout .hd-wrap .utile-wrap .hLang a {padding: 7px 10px; font-size: 12px;}
    #top-layout.scrollFx{height: 80px;}
    #top-layout.scrollFx .navi{height: 80px;}
    
	.mo button.btn-allmenu .hamburger{width: 30px; height: 30px;}
}



/* mobile menu */
body.modal-open{height:100vh; overflow:hidden;}
.modal-open #top-layout .hd-wrap .utile-wrap li, .modal-open #top-layout .hd-wrap .utile-wrap li.box.mo{display:none;}
#mobile-menu{overflow:visible; /* height:100%; */ padding:0 !important;}
#mobile-menu .modal-dialog{transform:translate(25%, 0); margin:0; width:100%; max-width:420px; min-width:320px; float:right; height:100%;}
#mobile-menu.in .modal-dialog, #mobile-menu.show .modal-dialog{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{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: var(--main-color);}
#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: hidden;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  var(--main-color);}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov span{color: var(--main-color);}
#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: 5px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul > li > a.ov:after{content:"\ea78"; background: var(--main-color); 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: 10px;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: var(--main-color);}
#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: var(--main-color);}

#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: 10px;}
#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: var(--main-color);}
#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: var(--main-color); 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: var(--main-color);}

#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: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);}	
}