@charset "utf-8";

/*  Menu4 하위메뉴 */
.localNavi {width:80%; }
.localNavi > ul {display: flex;}
.localNavi > ul > li{  height: 100%; flex: 1 1 auto;}
.localNavi > ul > li > a{text-align:center;  color:#333;  text-decoration:none; letter-spacing:0px; display:block; padding:0 10px; line-height: 150px; height: 150px;  font-weight:500; font-size: 23px; position: relative; white-space:nowrap;}
.localNavi > ul > li:hover > a{color:#000;}
.localNavi > ul > li > a:before {content: ''; transition: all 0.2s ease-in-out; position: absolute; bottom:-3px; height:4px; left:50%; right:50%; z-index: 102; border-radius: 20px; background-color: var(--default_color);}
.localNavi > ul > li:hover > a:before { right:0; left:0}
.localNavi > ul > li > .depth2 {display:none;  position:absolute; width:100%;left:0; right:0; top:100%; min-height: 300px;  z-index: 101; }
.localNavi > ul > li > .depth2 .depth2_tit p{color:#73747e}
.localNavi > ul > li > .depth2 .depth2_tit strong{ font-weight: 700; font-size: 230%;  display: block; line-height: 80px; letter-spacing: -0.05em; }
.localNavi > ul > li > .depth2 .depth2_tit{  font-weight: 500; font-size: 16px;}
.localNavi > ul > li > .depth2 > .row { width:100%;  padding-top: 15px;}
.localNavi > ul > li > .depth2 .depth2_1 {display:flex; flex-wrap: wrap; min-width:100%; justify-content: flex-start;}
.localNavi > ul > li > .depth2 .depth2_1 > li{flex: 0 0 20%; min-width: 20%; padding:10px}
.localNavi > ul > li > .depth2 .depth2_1 > li > a{ display: block; line-height: 45px; height: 45px; border: 2px solid #eee; padding:0 20px; border-radius: 10px; background-color: #fff; font-weight: 500; white-space:nowrap; font-size: 18px; letter-spacing: -0.05em; color:#292929; transition: all 0.3s; }
.localNavi > ul > li > .depth2 .depth2_1 > li:hover > a{background:  var(--default_color);  border-color:  transparent; 
	box-shadow: 0px 0px 7px rgba(64, 86, 150, 0.3); color:#000;}
/*
.localNavi > ul > li > .depth2 .depth2_1 > li:hover > .depth3 {background-color: #dfe4ed;}
*/
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3{display: block; padding:5px 5px 5px 10px; border-radius: 10px; margin-top:0px; text-align: left;  transition: all 0.3s; }
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3 > li{ position: relative;}
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3 > li > a{display:block;font-family:var(--noto_font);  font-size:15px; color:rgba(0,0,0,0.7); line-height: 17px; padding:4px 0px 4px 20px; letter-spacing:-0.05em; transition: all 0.3s;  font-weight: 400; word-break: keep-all;}
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3 > li::before{content: ''; position: absolute; left:10px; top:10px; width:4px; height: 4px; border-radius: 50%; background-color: var(--blue); transition: all 0.5s;}
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3 > li:hover a {color:#000;}
.localNavi > ul > li > .depth2 .depth2_1 > li .depth3 > li:hover::before {background-color: rgba(0,0,0,.8);}




/* Menu3 하위메뉴 */
#Menu3.localNavi{width:60%}
#Menu3.localNavi > ul > li {position: relative; }
#Menu3.localNavi > ul > li > ul {width:100%; top:100%; padding:10px 0; position:absolute; display:none; z-index: 101; border-left: 1px solid rgba(255,255,255,.08);}
#Menu3.localNavi > ul > li > ul > li { position: relative; white-space:nowrap;text-align:left; margin-left: 10px;}
#Menu3.localNavi > ul > li > ul > li::before{content: ''; position: absolute; left:20%; top:16px; width:4px; height: 4px; border-radius: 50%; background-color: rgba(0,0,0,.3); transition: all 0.5s; z-index: 102; }
#Menu3.localNavi > ul > li > ul > li > a {display:block; font-size:16px; color:#666; line-height: 25px; padding:5px 0px 5px 24%; letter-spacing: -0.05em; transition: all 0.3s; font-weight: 500;}
#Menu3.localNavi > ul > li > ul > li > a span{display: inline-block;}
#Menu3.localNavi > ul > li > ul > li:hover > a {color:#000;}
#Menu3.localNavi > ul > li > ul > li:hover::before {background-color: rgba(0,0,0,.8);}




/* Menu2 하위메뉴 */
#Menu2.localNavi > ul > li {position: relative;}
#Menu2.localNavi > ul > li > ul {background:#fff}
#Menu2.localNavi > ul > li > ul {width:100%; top:100%;;padding:10px 0; position:absolute;z-index: 101; border-radius: 0 0 20px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.3); min-height: auto;}
#Menu2.localNavi > ul > li > ul > li { position: relative; font-weight:normal; white-space:nowrap;text-align:left; }
#Menu2.localNavi > ul > li > ul > li::before{content: ''; position: absolute; left:38px; top:16px; width:4px; height: 4px; border-radius: 50%; background-color: rgba(0,0,0,.3); transition: all 0.5s;}
#Menu2.localNavi > ul > li > ul > li > a {display:block; font-size:17px; color:#3c4255; line-height: 25px; padding:5px 0px 5px 50px; letter-spacing: -0.05em; transition: all 0.3s;}
#Menu2.localNavi > ul > li > ul > li > a > span{display: inline-block;}
#Menu2.localNavi > ul > li > ul > li:hover > a {color:#000;}
#Menu2.localNavi > ul > li > ul > li:hover::before {background-color: rgba(0,0,0,.6);}
#Menu2.localNavi > ul > li > ul > li > ul {display: block;}
#Menu2.localNavi > ul > li > ul > li > ul > li {position: relative;}
#Menu2.localNavi > ul > li > ul > li > ul > li::before{content: ''; position: absolute; left:50px; top:13px; width:4px; height: 1px; background-color: rgba(0,0,0,.3); transition: all 0.5s;}
#Menu2.localNavi > ul > li > ul > li > ul > li > a {display:block; font-size:15px; color:#777; line-height: 20px; padding:2px 0px 2px 60px; letter-spacing: -0.05em; transition: all 0.3s;}
#Menu2.localNavi > ul > li > ul > li > ul > li > a > span{display: inline-block;}
#Menu2.localNavi > ul > li > ul > li > ul > li:hover > a {color:#3e72fc}
#Menu2.localNavi > ul > li > ul > li > ul > li::before{content: ''; position: absolute; left:50px; top:13px; width:4px; height: 1px; background-color: rgba(0,0,0,.3); transition: all 0.5s;}
#Menu2.localNavi > ul > li > ul > li > ul > li:hover::before {background-color: rgba(0,0,0,.6); }


.newWin {position: relative; }
.newWin:after, .localNavi .newWin:after, .m_menu .newWin:after, .subMenu .newWin:after, .childMenu ul li a.newWin:after, a.newWin:after {content:'\f35d'; display: inline-block; font-size:10px; font-family: 'FontAwesomeS'; padding-left: 10px;  line-height: inherit; vertical-align:top;}
a.newWin:after {}
.top_nav > li .newWin:after {}


.menu_wrap {display:none;position:absolute;width:100%; padding:10px 0; background-color: #f6f6f6; box-shadow: 3px 3px 3px rgba(0,0,0,0.05); z-index:100; top:100%; left:0; border-top:1px solid  rgba(0,0,0,0.09);transition: all 0.3s; background-image: url(/common/images/menu_bg1.png); background-repeat: no-repeat; background-position: -80px -60px; background-size: 222px auto;}
/*
.menu_wrap {display:none;position:absolute;width:100%; padding:10px 0; background-color: #f6f6f6; box-shadow: 3px 3px 3px rgba(0,0,0,0.05); z-index:100; top:100%; left:0; border-top:1px solid  rgba(0,0,0,0.09);transition: all 0.3s; background-image: url(/_jnassem/images/common/menu_bg2.png), url(/_jnassem/images/common/menu_bg1.png); background-repeat: no-repeat, no-repeat; background-position: -50px calc(100% + 50px), -80px -60px; background-size: 250px auto, 222px auto;}
*/
.localNavi > ul > li > ul.depth2 > li > ul.depth3 {display:none;}
.m02 > ul > li > ul.depth3 {display:none;}


/*모바일메뉴*/
#opNav,#clNav,#opNav *,#clNav *, #clAll * {transition:all 0.2s ease;}
#opNav {display:none}
#opNav,#clNav, #clAll{position:absolute;top:5px;right:15px;width:30px;/* height:30px; */z-index:100}
#opNav span,#clNav span, #clAll span{font-size:0;line-height:0;text-indent:-999px;}
#opNav > em,#clNav > em, #clAll > em {position:absolute;width: 20px;height:2px;border-radius: 3px;background:rgba(0,0,0,0.7);left:7px}
#opNav {text-align: right;padding: 10px 5px;}
#opNav .bar1 {top:9px;}
#opNav .bar2 {top:18px}
#opNav .bar3 {top:27px}
#opNav:hover .bar1 {top:7px}
#opNav:hover .bar3 {top:29px}

#clNav, #clAll{margin:0;top:15px}
#clNav > em, #clAll > em {display:block;background:rgba(0,0,0,0.8);}
#clNav .bar1, #clAll .bar1 {top:13px;transform:rotate(225deg)}
#clNav .bar2, #clAll .bar2 {top:13px;transform:rotate(-225deg)}
#clNav:hover .bar1, #clAll:hover .bar1 {transform:rotate(-225deg)}
#clNav:hover .bar2, #clAll:hover .bar2 {transform:rotate(225deg)}




.mobile_menu{display:none;position:fixed;top:0px;right:-360px;width:360px;height:100dvh;overflow:auto;background:rgba(255,255,255,1);box-shadow:0 0 6px 0 rgba(0,0,0,.1);z-index:100003;}
/*.mobile_menu *{font-family:'Nanum Square'}*/
ul.m_menu{margin-top:5px;}
ul.m_menu>li{border-top:1px solid rgba(0,0,0,0.1);}
ul.m_menu>li>a{display:block;height:50px;line-height:50px;padding:0 0 0 30px;font-size:16px;font-weight:700;letter-spacing:-1px;color:#222; position:relative}
ul.m_menu>li.has_sub>a:before,ul.m_menu>li.open>a:before {content:'';position:absolute; display:block; width:2px;height:14px;right:31px; top:50%; margin-top:-7px;background:rgba(0,0,0,0.2); transition:all .3s ease}
ul.m_menu>li.has_sub>a:after {content:'';position:absolute; display:block; width:14px;height:2px;right:25px; top:50%; margin-top:-1px; background:rgba(0,0,0,0.2); padding-left:0}
ul.m_menu>li.open>a:before {transform:rotate(90deg)}
ul.m_menu>li:first-child{border-top:0}
ul.m_menu>li>ul.submn{background:#f0f2f5;display:none;}
ul.m_menu>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
ul.m_menu>li>ul>li>a{display:block;line-height:15px;font-size:15px;font-weight:normal; padding:8px 10px; padding-left:40px;position:relative; color:#777; }
ul.m_menu>li>ul>li>a:before{position:absolute;right:25px;font-family:FontAwesomeS;}
ul.m_menu>li>ul>li>a.off{font-weight:bold;}
ul.m_menu>li>ul>li>a.on:before{content:'\f078';}
ul.m_menu>li>ul>li>a.off:before{content:'\f077'}
ul.m_menu>li>ul>li>ul.childes{display:none;padding:10px 30px 10px 40px;background:#e7e9f1;border-top:1px dashed rgba(0,0,0,0.1)}
ul.m_menu>li>ul>li>ul>li>a{height:25px;line-height:25px;font-size:15px}
ul.m_menu>li>ul>li>ul>li>a:before{display:inline-block;content:''; width:5px; height:1px;vertical-align:middle;margin-right:5px;background:rgba(0,0,0,0.3)}

.mobile_menu .btnWrap{overflow:hidden;background:rgba(0,0,0,0.1);text-align:center;font-size:110%;line-height:46px;border:solid rgba(0,0,0,0.1);border-width:1px 0} 
.mobile_menu .btnWrap a{float:left;width:50%;position:relative;}
.mobile_menu .btnWrap a:nth-child(1):after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;display:block;background:rgba(0,0,0,0.1)}
.mobile_menu .btnWrap a:before{font-family:FontAwesomeS;display:inline-block;margin-right:5px;}
.mobile_menu .btnWrap a:nth-child(1):before{content:'\f07a'}
.mobile_menu .btnWrap a:nth-child(2):before{content:'\f002'}

#mask {position: fixed;top: 0;left: 0;width: 100%;height: 100dvh; background: #000;opacity: .8;z-index:1001;}



.council_m_menu{top: 0px; position:relative; display: flex;  flex-direction: column; }
.council_m_menu::before{content:''; position:absolute; left:0; top:0; bottom:-700px; width:35%;  background:var(--default_color);  }
.council_m_menu::after{content:''; position:absolute; left:35%; top:0; bottom:-700px; right:0;  background:#f0f0f0;  }
.council_m_menu>li{width:35%;  z-index:2; }
.council_m_menu>li>a{display: block; line-height: 70px; color:#000; font-weight: 700; padding: 0 20px; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); white-space: nowrap;}
.council_m_menu>li>.depth2{width:65%;  left:35%; position: absolute; top:0; bottom:0; display: none; letter-spacing: -0.05em; z-index:2;}
.council_m_menu>li.on>.depth2{display: block;}
.council_m_menu>li.on>a{background-color: var(--blue); color:#fff}
.council_m_menu>li>.depth2>ul>li{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.council_m_menu>li>.depth2>ul>li>a{display: block; line-height: 60px;  font-weight: 500; padding: 0 20px  0 28px; font-size: 17px; position: relative; letter-spacing: -0.08em; }
.council_m_menu>li>.depth2>ul>li>a::before{content: ''; position: absolute; left:18px; top:28px; width:5px; height: 5px; border-radius: 50%; background-color: #969eb4;}
.council_m_menu>li>.depth2>ul>li>ul{display: block; background-color: #fff;; margin-left: 13px; padding: 10px 0; border-radius: 7px 0 0 7px; margin-bottom: 10px;}
.council_m_menu>li>.depth2>ul>li>ul>li{margin:2px 0;}
.council_m_menu>li>.depth2>ul>li>ul>li>a{display: block;line-height: 20px;font-weight: 500;padding: 0 20px 0 25px;font-size: 13px;position: relative;color:#555}
.council_m_menu>li>.depth2>ul>li>ul>li>a::before{ content: ''; position: absolute; left:15px; top:6px; width:5px; height: 1px; background-color: #969eb4; }





#opNav.Left{right:auto;}
.mobile_menu.Left{right:auto;left:-250px;}

.subMenu, .childMenu, .schildMenu {  position: relative;}
.subMenu:after {  content: "";  display: block;}
.subMenu ul, .childMenu ul, .schildMenu ul {  margin: 0 auto;}
.subMenu ul li, .childMenu ul li, .schildMenu ul li {   position: relative;   max-width: 100%;}
.subMenu ul li a, .childMenu ul li a, .schildMenu ul li a {   display: block;   position: relative;  }
.subMenu .active, .childMenu .active, .schildMenu .active {}



/* .subMenu.Wide ul li,.childMenu ul li,.schildMenu ul li{float:left;} */
.subMenu.Wide {margin-top:-22px; position: relative;  height:45px}
.subMenu.Wide::before {content:''; background-color:rgba(6,29,80,0.5); position: absolute; left:0; bottom:0; right:0; top:10px;}
.subMenu.Wide ul {position: relative; display: flex; justify-content: center;}
.subMenu.Wide ul li {margin:0 3px}
.subMenu.Wide ul li a {color:#000; line-height: 48px; height: 45px; text-align: center; padding: 0 50px; background-color: #bac8d8;}
.subMenu.Wide ul li .active { background:var(--default_color); color:#000}

.subMenu.Mobile {display:none}
.subMenu.Mobile ul li a{ padding-left:20px}

.sub_nav {position:relative; }
.subMenu.Location{position:relative; display: flex !important; height:60px;  border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.subMenu:after, .subMenu:before, .sub_nav:before{content:'';  clear:both; display: none;}
.subMenu.Location > div{display:block; border-right:1px solid rgba(0,0,0,0.1);}
.subMenu.Location > div > a{display:block; padding:0 20px; line-height:60px;  height:60px; position:relative; color:rgba(0,0,0,.8);  letter-spacing: -0.05em; font-weight: 500;}
.subMenu.Location div:last-child > a:after {content: ''; position: absolute; bottom:0; left:0; right:0;  height:3px; z-index:99; }
.subMenu.Location div.home{border-right:1px solid rgba(0,0,0,.1) }
.subMenu.Location div.home > a{position: relative; display: block; width:60px;  line-height:60px; height:60px; font-size: 0;  padding:0 !important;  text-align: center;}
.subMenu.Location div.home > a:after{content:'\f015'; font-family:'FontAwesomeS';position:absolute; left:0; right:0px; top:0; bottom:0;  color:rgba(0,0,0,.8); font-size: 18px;}
.subMenu.Location div.depth {position: relative;min-width:200px; text-align:left;}
.subMenu.Location div > ul{width:100%; }
.subMenu.Location div.depth > a{padding-right:50px;}
.subMenu.Location div.depth > a:before{font-family:'FontAwesomeS';position:absolute;right:20px;content:'\f078';font-size:70%; line-height: 60px; transition:all ease-out 0.1s; }
.subMenu.Location div.depth > a.up:before{transform:rotate(-180deg);}
.subMenu.Location div > ul{position:absolute; border:solid rgba(0,0,0,0.1); border-width:0 1px 1px; background-color: #fff; top:60px; z-index:99999; display:none; box-shadow: 3px 3px 3px rgba(0,0,0,0.05); }
.subMenu.Location div > ul > li{display:block;text-align:left} 
.subMenu.Location div > ul > li + li a { border-top:1px solid rgba(0,0,0,0.1);}
.subMenu.Location div > ul > li > a{display:block;padding-left:20px; line-height: 40px; height:40px; font-size:14px;color:inherit; transition: all 0.3s; font-weight: 400;}
.subMenu.Location div > ul > li.active > a{font-weight:500; background-color:#f1f4f9}
.subMenu.Location div > ul > li > a:hover{background-color:rgba(0,0,0,0.05);}
.subMenu.Location .newWin:after {color:#333; vertical-align:top;  height:50px; line-height: 50px; }



/*

@media only screen and (max-width:1200px){

	.subMenu.Location div{display:none}
	.subMenu.Location{background-color:#0042af}
	.subMenu.Location div.depth > a {color:#fff}

	.subMenu.Location div:last-child{display:block; min-width:100%; border-right: none;}
	.subMenu.Location div:last-child > a:after {display: none;}
	
	.subMenu.Location{ height:50px;  }
	.subMenu.Location div > a{line-height:50px;  height:50px; font-size:16px; }
	.subMenu.Location div.home > a{ line-height:50px; height:50px; ;}
	.subMenu.Location div.depth {position: relative;min-width:100%; text-align:left;}
	.subMenu.Location div.depth > a{padding-right:30px;}
	.subMenu.Location div.depth > a:before{right:30px; line-height: 50px;; }
	.subMenu.Location div > ul{ top:50px;  }
	
	}
	
	*/
.subMenu.Mobile .parents {background-color: #f6f6f6; box-shadow: 3px 5px 5px rgba(0,0,0,0.1);}
.subMenu.Mobile .parents li a {color:#333}
.subMenu.Mobile .parents li .active {background: none;}


.subMenu.Left {}
.subMenu > ul > li {transition: all 0.3s; display: block; padding: 3px 0;} 
.subMenu > ul > li + li { }
.subMenu > ul > li::after {content: ''; font-family:'xeicon'; position: absolute;right:15px;top: 21px;font-size: 13px;color: #d6dde7;}
.subMenu > ul > li.active::after {content: '\e93f'; color:rgba(0, 0, 0, 0.8); top:25px}
.subMenu > ul > li.has_sub::after {content: '\e93f'; }
.subMenu > ul > li.has_sub.active::after {content: '\e942';}
.subMenu > ul > li > a {line-height: 20px;padding: 15px 25px 15px 25px;border-radius:0 13px 0 13px;font-size: 18px;color: rgba(0, 0, 0, 0.8);}
.subMenu > ul > li > a > i { margin-right: 5px;}
.subMenu .parents > li.active::after {}
.subMenu .parents > li.active > a{ font-weight: 600; color:#000; margin: 5px 0; }
.subMenu .parents > li.active > ul {margin-bottom: 5px;}
.subMenu .parents > li > ul { padding-left: 15px; display: block;  }
.subMenu .parents > li > ul > li > a { font-size: 15px; padding: 7px 2px 7px 35px; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.7); }
.subMenu .parents > li > ul > li > a:hover { color: rgba(0, 0, 0, 0.9); }
.subMenu .parents > li > ul > li.active > a{ color:#000; font-weight: 500; }
.subMenu .parents > li > ul > li.has_3depth::after {content: '\e93f'; color:rgba(0, 0, 0, 0.8); font-family: 'xeicon';position: absolute;right:15px;top: 8px;font-size: 12px;color: #d6dde7;}
.subMenu .parents > li > ul > li.has_3depth.active::after {content: '\e942'; color:rgba(0, 0, 0, 1); }

.subMenu .parents > li > ul > li::before {content: '\e932'; position: absolute; left:15px; top:10px; width:15px; height: 15px; font-size: 13px; font-family: 'xeicon'; color: rgba(0, 0, 0, 0.3);  transform: rotate(90deg);}
.subMenu .parents > li > ul > li.active::before {content: '\e931'; color:#000}
.subMenu.Left ul li {  float: none;}
.subMenu.Left .parents > li > ul > li > ul {border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.1); margin: 3px 15px 3px 20px;}
.subMenu.Left .parents > li > ul > li.active > ul {display: block;}
.subMenu.Left .parents > li > ul > li > ul > li > a { font-size: 13px; padding: 7px 2px 7px 30px; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.7);}
.subMenu.Left .parents > li > ul > li > ul > li:before {content: '\e91b'; position: absolute; left:17px; top:9px; width:15px; height: 15px; font-size: 10px; font-family: 'xeicon'; color: rgba(0, 0, 0, 0.3); }

.subMenu.Left .parents > li > ul > li > ul > li.active  > a { color: #000; font-weight: 500; }

.subMenu .newWin:after{vertical-align:middle;}

.subMenu.Mobile.Location{position:relative;text-align:center;font-size:115%;line-height:50px;}
.subMenu.Mobile.Location .prev,.subMenu.Mobile.Location .next{position:absolute;top:0;bottom:0;width:40px;font-size:0;line-height:0}
.subMenu.Mobile.Location .prev:before,.subMenu.Mobile.Location .next:before{font-family:FontAwesomeS;font-size:16px;line-height:3em;}
.subMenu.Mobile.Location .prev{left:0;}
.subMenu.Mobile.Location .prev:before{content:'\f060'}
.subMenu.Mobile.Location .next{right:0;}
.subMenu.Mobile.Location .next:before{content:'\f061'}
.subMenu.Mobile.Location > p{margin:0 40px;}


.childMenu + .schildMenu{margin-top: 20px;}
/* 3뎁스 카테고리 */
.childMenu { position: relative; 
	/*    border-left: 1px solid rgba(0, 0, 0, 0.1);    border-right: 1px solid rgba(0, 0, 0, 0.1);  */   }
.childMenu ul:after { content: ""; display: block; clear: both; min-height: 1px;}
.childMenu ul { display: flex; width: 100%;  flex-wrap:wrap; justify-content:flex-start; margin: 0 -2px;  }
.childMenu ul li { flex:0 1 auto; transition: all 0.3s ease-out; }
.childMenu ul li:before {display: none;}
.childMenu ul li,
.childMenu ul li a { display: block; white-space: nowrap;  position: relative;  line-height: 45px; height: 100%; text-align: center; background-color: #fff;   }
.childMenu ul li a {   vertical-align: middle;  padding:0 15px;  font-weight: 400; margin:0 2px; color:#666; font-weight: 500; font-size: 90%;background-color: #f3f3f4; transition: 0.3s;}
.childMenu ul li a:hover{color:#333}
.childMenu ul li a span {  line-height: 100%;}
.childMenu ul li.active a {  background:var(--blue); border-color:var(--blue); letter-spacing:-0.05em;  color:#fff; font-weight: 700; }
/*
@media only screen and (max-width:991px){

	.childMenu ul li {flex:1 0 auto}
	.childMenu ul li,
	.childMenu ul li a {line-height: 35px; padding:0 10px;}
	.childMenu ul li a{  }
	
}
*/

.schildMenu {border:1px solid #ddd; display: block; border-radius: 10px 10px 0 0; padding:10px 10px; }
.schildMenu ul:after{content:'';display:block;clear:both;min-height:1px;}
.schildMenu ul{display: flex;  flex-wrap: wrap;}
.schildMenu ul li:before{display: none;}
.schildMenu ul li{ flex: 0 1 auto;}
.schildMenu ul li:last-child{}
.schildMenu ul li, .schildMenu ul li a{height:100%;}
.schildMenu ul li a{font-size:85%;line-height:25px; padding: 0 20px 0 25px; position: relative; color:#666; letter-spacing: -0.05em;  }
.schildMenu ul li a:hover{text-decoration: underline; color:#333}
.schildMenu ul li a:before { content: ''; width:4px; height:4px; background-color: #aaa; position: absolute; border-radius: 50%; top:10px; left:13px;}
.schildMenu ul li.active a{color:#111;  font-weight: 600;}
.schildMenu ul li.active a:before {  background-color: #111;}

.gschildMenu {background-color: #f3f3f4; display: block; border-radius: 0 0 10px 10px; padding:10px 10px; }
.gschildMenu ul:after{content:'';display:block;clear:both;min-height:1px;}
.gschildMenu ul{display: flex; justify-content: center; flex-wrap: wrap;}
.gschildMenu ul li:before{display: none;}
.gschildMenu ul li{ flex: 0 1 auto;}
.gschildMenu ul li:last-child{}
.gschildMenu ul li, .gschildMenu ul li a{height:100%;}
.gschildMenu ul li a{font-size:80%;line-height:25px; padding: 0 20px 0 35px; position: relative; color:#666; letter-spacing: -0.05em; font-weight: 400; display: block;}
.gschildMenu ul li a:hover{color:#333}
.gschildMenu ul li a:before { content: ''; width:4px; height:4px; background-color: #aaa; position: absolute; border-radius: 50%; top:9px; left:23px;}
.gschildMenu ul li.active a{color:#111; background-color: #dfddd9; border-radius: 5px;}
.gschildMenu ul li.active a:before {  background-color: #111;}
/*
.schildMenu { overflow:hidden; border:1px solid #d5dae0; border-radius: 10px 10px 0 0;}
.schildMenu ul:after{content:'';display:block;clear:both;min-height:1px; }
.schildMenu ul{display:flex; width:100%;flex-wrap:wrap;}
.schildMenu ul li{flex: 1 0 auto; transition: all 0.3s ease-out; position: relative;}
.schildMenu ul li, .schildMenu ul li a{height:100%;}
.schildMenu ul li a{font-size:90%; font-weight: 400; padding:0 10px;line-height: 40px; text-align: center;  }
.schildMenu ul li a span{line-height: 100%;}
.schildMenu ul li a:before{content:'';width:0px;height:100%;vertical-align:middle;display:inline-block;}
.schildMenu ul li.active {background-color: #626a7f; color:#fff}
.schildMenu ul li a.newWin:after {vertical-align: middle;} 

.gschildMenu {background-color: #f3f3f4; display: block; border-radius: 0 0 10px 10px; padding:10px 10px; }
.gschildMenu ul:after{content:'';display:block;clear:both;min-height:1px;}
.gschildMenu ul{display: flex; justify-content: center; flex-wrap: wrap;}
.gschildMenu ul li:before{display: none;}
.gschildMenu ul li{ flex: 0 1 auto;}
.gschildMenu ul li:last-child{}
.gschildMenu ul li, .gschildMenu ul li a{height:100%;}
.gschildMenu ul li a{font-size:90%;line-height:25px; padding: 0 20px 0 35px; position: relative; color:#666; letter-spacing: -0.05em;}
.gschildMenu ul li a:before { content: ''; width:4px; height:4px; background-color: #aaa; position: absolute; border-radius: 50%; top:7px; left:23px;}
.gschildMenu ul li.active a{color:#111}
.gschildMenu ul li.active a:before {  background-color: #111;}
*/
/*
@media only screen and (max-width:1300px){
	
	.subMenu > #now{display:block;color:#fff;position:relative;z-index:1;font-size:130%;line-height:60px;height:60px;background:rgba(0,0,0,0.5);text-indent:20px;}
	.subMenu > #now:after{font-family:FontAwesomeS;content:'\f107';position:absolute;right:20px;transition:ALL 0.3s;}
	.subMenu > #now.off:after{transform:rotate(180deg);right:-5px}
	
	.subMenu ul li{float:none}

	.subMenu.Mobile {z-index: 999;}
	.subMenu.Mobile .newWin:after {color:#333; line-height: 55px; }


	
}
*/


.All_menu {display:none; position:absolute; background:rgba(255,255,255,1); top:50px; right:50px; left:50px;  z-index:9999;  border:1px solid #eee; overflow:hidden;}
.All_menu h3{text-align:center; font-size:40px; padding:2% 0; font-weight:700; display:block; background:#efefef}
.All_menu ul { display:flex;  flex:1; flex-wrap:wrap; margin:3% 0}
.All_menu ul .keep{ margin-bottom:20px; width:16.6666%; padding:0 15px}
.All_menu ul li.keep a.depth1{display:block;  padding:0 2px; font-size:20px;font-weight:700;line-height:50px;border-bottom:2px solid #000}
.All_menu ul li.keep ul{ }
.All_menu ul li.keep ul li{width:100%;border-bottom:1px solid #ddd}
.All_menu ul li.keep ul li a{font-size:15px;line-height:35px; padding-left:5px }
/*
@media only screen and (max-width:991px){

.All_menu {top:10px; right:10px; left:10px; }
.All_menu h3{font-size:25px; }
.All_menu ul .keep{ width:50%; }

}

*/




/* 메뉴 반응형 */
@media only screen and (max-width:991px){

	.childMenu ul li {flex:1 0 auto}
	.childMenu ul li,
	.childMenu ul li a {line-height: 35px; padding:0 10px;}
	.childMenu ul li a{  }
	
}