#sideBar,
#topSpacer{display:none;}

#hd {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#snbOpen,
#sideBarCover,
#snbMvAr,
#snbMvArBottom{display:none;}

#hd_wrapper {position:relative;margin:0 auto;padding:0px 0;width:100%;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#sbn_side{position:absolute;top:20px;right:0}

#tnb_wrap.tnb_wrap {background-color:var(--toplink-bgcolor);}
.topetcbox {display:flex;justify-content: space-between;position:relative;padding:.25em .5em;text-align:center;}
.topetcbox .tl_left {display:flex;align-items: center;height:34px;padding-left:1px;}
.topetcbox .tl_left ul {display:flex;align-items: center;}
.topetcbox .tl_left a {display:flex;align-items: center;padding:0px 10px;height:35px; line-height:35px;font-size:14px;}
.topetcbox .tl_left a:hover {}
.topetcbox .tl_left a i {display:inline-block;float:left;font-size:1.5em;}
.topetcbox .tl_left a span {display:inline-block;text-indent: -5000px;overflow:hidden;}

.topetcbox .tl_right {height:34px;}
.topetcbox .tl_right a {display:inline-block;float:left;padding:0 1em;line-height:34px;}

.topetcbox a {color:var(--toplink-basic-color);}
.topetcbox a:hover {color:var(--toplink-over-color);}

#header,
#hd,
#tnb ,
#tnb_wrap.tnb_wrap,
#tnb_wrap.tnbDown,
#logo, #logo a,
.navBox .subBox.on,
.navBox.on > .subBox,
.nav ul.depth1 ul.depth2.on,
.div_lang,
.navBox,
.scDown .navBox,
.nav_group,
.scDown .nav_group,
#logo img,
.depth1,
.nav,
.nav .gnb1 > a,
.nav .gnb1.active > a,
.nav .gnb1 > a.on:after,
.nav .gnb1:hover > a.on:after,
.nav .gnb1.active > a:after {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

#tnb {position:relative;top:0px;right:0;width:100%;margin:0 auto;}
.scDown #tnb {top:0px;}
#tnb_wrap.tnb_wrap{position:relative;margin:0 auto;width:100%;height:auto;z-index:2;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {position:relative;top:0;margin:0 auto;width:100%;zoom:1}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin-bottom:-1px;font-size:0.92em;margin:0;padding:0;}
#tnb a {display:inline-block;padding:0 10px;height:35px; line-height:35px;font-size:12px;}
#tnb a:focus, #tnb a:hover {}
#tnb .tnb_admin a{}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{}
#tnb .tnb_community{}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {border-bottom:0}
#tnb .tnb_community a{}
#tnb .tnbIco{font-size:12px;}
#tnb_wrap.tnbDown {position:absolute;top:-108px;}
#tnb .info_color {display:inline-block;line-height:35px;font-size:12px;letter-spacing:-0.05em;}

#tnb ul.hd_login li.icon_only i {font-size:20px;}
#tnb ul.hd_login li.icon_only span {display:none;}

.no_line { border-left:none !important; }

/* 상단메뉴 형태설정 *******************************************************************/
.toplinkZone .tzin,
.nav {position:relative;display:inline-block;/*width:100%;*/z-index:3;}
/* 상단메뉴 형태설정 *******************************************************************/

/* 상단 링크 */
.toplinkZone {position:relative;display:none;height:37px;}
.tzin {}
.top_link { position:relative;display:block;float:right;height:37px;clear:both; margin:0 !important;  }
.top_link li { float:left; line-height:36px; }
.top_link li a { font-size:0.8em; padding:0 0.6em; }
.top_link a:link, 
.top_link a:active, 
.top_link a:visited { text-decoration: none; }
.top_link a:hover,
.top_link .hover  { text-decoration: none !important;}
.no_line { background:none !important; }

.home_bt { display:none !important; }

/* 로고 설정 */
#header h1 {
	padding: 0 0 0 0;
	margin:0;
}
#header h1 a {
	float:left;
	font-size: 1.5em;
	letter-spacing: -0.025em;
	border: 0;
	text-indent: -5000px;
	overflow: hidden;
	background:url(../../../images/logo.png) no-repeat center;
}
#header h1, 
#header h1 a {position:relative;margin:0 auto;display:block;width:269px;height:68px;}

/* 메인메뉴 */
#logo,
#logo a {height: var(--topmenu-height);}
#logo {position:relative;padding:0;z-index:3;}
#logo a{display:block;padding:0;overflow:hidden;background:url(../../../images/logo_color.png) no-repeat center;text-indent:-5000px;}

#logo img{display:block;height: var(--topmenu-height);width:auto;}
/* .scDown #logo img{height:60px;} */
#logo2,
#logo2 a {height: var(--topmenu-height);}
#logo2 {display:none;}
.scDown #logo2 {position:relative;display:inline-block;float:left;}
.scDown #logo2 a {display:inline-block;padding:0;overflow:hidden;background:url(../../../images/logo_down.png) no-repeat center;text-indent: -5000px;}

/* 상단 fulldown 메뉴 컬러 ------------------------------------------------------------------------*/

/* cdp2004 [2026-09-14 12:49:00] : 로고|메뉴 flex space-between → 3열 그리드. 좌우 1fr 대칭이라 메뉴가 헤더 중앙에 옴(기존: 로고 너비만큼 우측 치우침) */
.nav_group {position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;width: 100%;margin:0 auto;padding:0 1rem;background-color:var(--topmenu-allgroup-bgcolor);z-index:5;}
.nav_group > #logo {justify-self:start;z-index:4;}
.nav_group > .nav {justify-self:center;max-width:100%;z-index:2;}
.nav_group > .gnb_mnal {justify-self:end;z-index:4;}

.nav .gnb1 a {color:#fff;}
.nav .gnb1.active > a {color:var(--main-color2);}
.nav .gnb1 .sub_nav_box > ul > #nav_2da.active > a {color:var(--main-color2);font-weight:bold !important;}
.nav .gnb1 .sub_nav_box > ul > #nav_2da > ul.depth3 > #nav_3da.active > a {color:var(--main-color2);font-weight:bold !important;}
.nav .gnb1 ul {/*border-left:1px solid var(--color-ddd);*/}
.nav .gnb1:last-child ul {/*border-right:1px solid var(--color-ddd);*/}

@media (min-width: 841px) {
	.nav a:focus.nav_1da, a.nav_1da:hover, a.nav_1da.hover, a.nav_1da.on {color:var(--main-color2);}
	.nav .gnb1 .sub_nav_box > ul > #nav_2da > a:hover,
	.nav .gnb1 .sub_nav_box > ul > #nav_2da > a:focus {background:var(--main-color2);color:var(--color-white);}
}

@media (max-width: 1470px) {
	.nav .nav_group {width:95%;}
}

.depth1 {/*width:var(--wrap-width);*/margin:0 auto;}

.nav ul.depth1 li.gnb1 {/*width:100%;*/}
.nav ul.depth1 ul.depth2,
.nav ul.depth1 ul.depth3,
.gnb1 a { width:100%; }

.navBox {position:relative;width:100%;height:var(--topmenu-height);border-bottom:1px solid #ddd; }
.navBox:after {display:block;visibility:hidden;clear:both;content:""}
.scDown .navBox {height:var(--topdown-height);}

.nav ul.depth1 {position:relative;display:flex;justify-content: center;zoom:1; }
.nav ul.depth1:after {display:block; visibility:hidden; content:""; }
.nav ul.depth1 li.gnb1 { position:relative;text-align:center; display:inline; }

.nav_group > .nav > ul.depth1 > li > ul {display:none !important;}
.nav_group > .nav > ul.depth1.on > li > ul {display:block !important;}

.navBox > .subBox {display:none !important;}
.navBox.on > .subBox {display:block !important;}

.nav_1da {line-height:var(--topmenu-height);}
/* cdp2004 [2026-09-14 12:35:00] : 1차 메뉴 너비 — 평소 글자폭(--gnb1-w), hover 시 최장 항목과 동일(--gnb1-hover-w). JS가 px 주입(auto↔고정px 트랜지션 불가) */
.nav ul.depth1 > li.gnb1 {flex: 0 0 auto;}
.nav ul.depth1 > li.gnb1 > a.nav_1da {
	width: var(--gnb1-w, auto);
	white-space: nowrap;
	box-sizing: border-box;
}
.nav ul.depth1:hover > li.gnb1 > a.nav_1da,
.nav ul.depth1.on > li.gnb1 > a.nav_1da {
	width: var(--gnb1-hover-w, var(--gnb1-w, auto));
}
.nav ul.depth1.is-measure > li.gnb1 > a.nav_1da {
	width: auto !important;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
}
@media (max-width: 1550px) {
	/* cdp2004 [2026-09-14 12:49:00] : 좁은 PC — 로고와 겹치지 않게 남은 영역에서 메뉴 중앙 */
	.nav_group {grid-template-columns:auto minmax(0, 1fr) auto;}
	.nav_group > .nav {justify-self:stretch;width:auto;max-width:100%;}
	.nav ul.depth1 {width:100%;}
	.nav ul.depth1 li.gnb1 {width:auto; flex: 1 1 auto;}
	.nav ul.depth1 > li.gnb1 > a.nav_1da {width:100%;}
	.nav ul.depth1:hover > li.gnb1 > a.nav_1da,
	.nav ul.depth1.on > li.gnb1 > a.nav_1da {width:100%;}
}

.subBox {top:var(--topmenu-height);}
.nav .gnb1 a {height: var(--topmenu-height);font-size:1rem;}
.nav ul.depth1 ul.depth2 { top:var(--topmenu-height);}
*+html body .nav ul.depth1 ul.depth2 {top:var(--topmenu-height);}/* IE7 & Opera 핵 */
:root  .nav ul.depth1 ul.depth2 {top:var(--topmenu-height);}/* IE9 핵 */

.nav .nav_1da {display:block; font-weight:bold; height:auto; padding:0 1.5rem; text-decoration:none; }
.nav .nav_1da:focus, .nav_1da:hover, .nav_1da.hover {text-decoration:none;  } 

.nav ul.depth1 ul.depth2 {position:absolute; left:0; display:none; padding-top:12px;  }
.nav ul.depth1 li:not(:first-child) ul.depth2 {/*border-left:1px solid #ddd;*/}
.nav .nav_2da {display:block; width:100%; height:auto; text-align:left; padding:0 10px; line-height:16px; text-decoration:none;  font-weight:bold;  }
.nav .nav_2da:focus, .nav_2da:hover {text-decoration:none; }
.nav ul.depth1 ul.depth2 li {display:inline-block !important; width:100%; height:auto; }
.nav ul.depth1 ul.depth2.on {display:block;}

/* [cdp2004: 3차 메뉴 추가] 3차 메뉴 스타일 - 2차 메뉴 아래에 표시 */
.nav ul.depth1 ul.depth2 ul.depth3 {position:relative; left:0; margin-top:0; padding-top:0; }
.nav ul.depth1 ul.depth2 li > ul.depth3 {display:block; position:relative; width:100%; padding:0; margin:0; }
.nav_3da {display:block; float:left; width:100%; height:auto; text-align:left; padding:5px 10px 5px 20px; line-height:1.5em; text-decoration:none; font-weight:normal; font-size:13px; }
.nav_3da:focus, .nav_3da:hover {text-decoration:none; background:var(--topsubmenu-over-bgcolor); color:var(--topsubmenu-over-color); }
.nav ul.depth1 ul.depth2 ul.depth3 li {display:block !important; float:left; width:100%; height:auto; clear:both; padding:0; margin:0; }
.nav ul.depth1 ul.depth2 li#nav_2da.active > ul.depth3 li.active > a,
.nav ul.depth1 ul.depth2 li#nav_2da.active > ul.depth3 li.active > a:hover {color:var(--main-color2);font-weight:bold !important;}

#nav.scrolled {position:fixed;width:100%;top:0;margin:0 auto;}
#nav.scrolled .navBox {width:100%;}

.nav .gnb1 #nav_2da a { width:100% !important; height:auto !important; text-align:left !important;  font-size:.8rem; font-weight:normal !important; padding:10px 10px !important; letter-spacing: -0.025em; text-decoration: none;}
.nav .gnb1 #nav_2da a:hover {  text-decoration: none !important;}

/* [cdp2004: 3차 메뉴 추가] 3차 메뉴 링크 스타일 */
.nav .gnb1 #nav_3da a {display:block; width:100% !important; height:auto !important; line-height:1.5em; text-align:left !important; font-size:13px; font-weight:normal !important; padding:5px 10px 5px 20px !important; letter-spacing: -0.025em;}
.nav .gnb1 #nav_3da a:link, 
.nav .gnb1 #nav_3da a:visited { text-decoration: none; color:var(--topsubmenu-basic-color); }
.nav .gnb1 #nav_3da a:hover,
.nav .gnb1 #nav_3da a.hover,
.nav .gnb1 #nav_3da.active > a,
.nav .gnb1 #nav_3da.active > a:hover { text-decoration: none !important; color:var(--main-color2); font-weight:bold !important; }

.nav .gnb1.active > a {position:relative;}
.nav .gnb1.active > a:after {content:"";position:absolute;left:50%;bottom:-1px;transform: translateX(-50%);display:inline-block;width:80%;height:3px;background-color:var(--main-color2);z-index:3;}

.nav .gnb1 > a:after {content:"";position:absolute;left:50%;bottom:-1px;transform: translateX(-50%);display:inline-block;width:0;height:3px;background-color:var(--main-color2);z-index:3;}
.nav .gnb1:hover > a.on:after,
.nav .gnb1 > a.on:after {content:"";position:absolute;left:50%;bottom:-1px;transform: translateX(-50%);display:inline-block;width:100%;height:3px;background-color:var(--main-color2);z-index:3;}

.nav .gnb1 > ul > #nav_2da.active > a {}
.nav .gnb1 > ul > #nav_2da.active > a:hover {}

.navBox .subBox {display:none;background:rgba(0,0,0,.5); /*border-top:1px solid var(--color-ddd); border-bottom:1px solid var(--color-ddd);*/}
.navBox .subBox {top:var(--topmenu-height);}
.navBox .subBox { position:absolute;left:0; width:100%; height:100%; display:none;/*border-bottom:1px solid #ddd;z-index:2;*/}
.navBox .subBox .subBox_img { position:absolute; width:263px; height:100%; left:50%; top:0px; margin-left:-500px; }
.navBox .subBox:after {display:block;visibility:hidden;clear:both;content:""}
.navBox .subBox.on {display:block;backdrop-filter: blur(5px);}
.subBox_back {position: fixed;display:none;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);z-index:1;
	/*-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);*/
}

/* 애니메이션 */
.nav ul.depth1 ul.depth2 {animation: mainovject1 1s 0.2s both;animation-delay:0.2s;}
@keyframes mainovject1 {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.navBox .subBox {animation: mainovject2 0.5s 0.2s both;animation-delay:0s;}
@keyframes mainovject2 {
	0% { opacity: 0;transform:translateY(-200px);}
	100% { opacity: 1;transform:translateY(0px);}
}

@media (max-width: 1500px) {
	.nav .gnb1 a {font-size:1.5vw;}
	.nav .gnb1 #nav_2da a {font-size:1.2vw;}
}

#bo_v_table { display:none; }

.top_link .lang_box {background:none !important;}
.top_link .lang_box a {padding:0.2em 0.5em; }
.top_link .lang_box a:link,                                                                                      
.top_link .lang_box a:active,                                                                                  
.top_link .lang_box a:visited {  text-decoration: none;  }          
.top_link .lang_box a:hover,                                                                                   
.top_link .lang_box .hover  {  text-decoration: none !important; } 

/**/
.scDown .nav .nav_group,
.scDown #logo, .scDown #logo a,
.scDown .nav .gnb1 a {height:var(--topdown-height);}
.scDown .subBox {top:var(--topdown-height);}
.scDown .nav_1da {line-height:var(--topdown-height);}

*+html body .scDown .nav ul.depth1 ul.depth2 {top:var(--topdown-height);}/* IE7 & Opera 핵 */
:root  .scDown .nav ul.depth1 ul.depth2 {top:var(--topdown-height);}/* IE9 핵 */

/* 상단메뉴 갯수 설정 */
/*
.nav ul.depth1 li.menuDan1 {width:100%;}
.nav ul.depth1 li.menuDan2 {width:50%;}
.nav ul.depth1 li.menuDan3 {width:33.3333%;}
.nav ul.depth1 li.menuDan4 {width:25%;}
.nav ul.depth1 li.menuDan5 {width:20%;}
.nav ul.depth1 li.menuDan6 {width:16.6666%;}
.nav ul.depth1 li.menuDan7 {width:14.2857%;}
.nav ul.depth1 li.menuDan8 {width:12.5%;}
.nav ul.depth1 li.menuDan9 {width:11.1111%;}
.nav ul.depth1 li.menuDan10 {width:10%;}
*/

/* 모바일 우측 펼침 메뉴 ------------------------------------------------------------------------*/
#sideBar {float:left;width:20%;}

#snb{width:100%; margin-top:-50px;}
#snb .snbHome {display:flex;justify-content: center;align-items: center;padding:1em .5em;background-color:#e9e9e9;}
#snb .snbHome a {font-size:.95em;background-color:#fff;border:1px solid #ddd;padding:0 1em;}
#snb .snbHome a:hover {color:var(--main-color2);}
#snb {width:100%;}
#snb > li.snb{width:100%;display:none;}
#snb > li.snb.active{display:block !important;}
#snb > li > h2{width:100%;}
#snb > li > h2 a{display:block; text-align:center; padding:80px 10px; }
#snb > li > h2 a b{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#snb > li > h2 a sub{display:block;padding-top:10px;font-family:vardana;font-size:12px;letter-spacing:0.05em;font-weight:normal;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#snb > li .snb2dDown{display:none;}

#snb > li > ul{}
#snb > li > ul > li{border-bottom: 1px solid #ddd;}
#snb > li > ul > li > a {display:block;padding:15px;}
#snb > li > ul > li > a b{font-size:13px;}
#snb > li > ul > li > a:hover {padding-left:20px;}
#snb > li > ul > li.snb2d.active a{color:var(--main-color2);}
#snb > li > ul > li > a{overflow:hidden;}
#snb > li > ul > li > a i{float:right;}

.snbCS{border:1px solid #ddd; padding:20px;}
.snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; }
.snbCS dd{font-size:11px;}
.snbCS dd strong{display:block;font-size:18px; padding-bottom:10px;}
.snbCS dd b{display:block;font-size:11px;}

@media (max-width: 1050px){
	/* 모바일 : 스타일 변경 */
	/* cdp2004 [2026-09-14 12:49:00] : 모바일은 로고 좌측 + 햄버거, 그리드 해제 */
	.nav_group {display:flex;justify-content:flex-start;align-items:center;grid-template-columns:none;}
	#tnb_wrap.tnb_wrap {display:none;}
	.gnb_mnal,
	.nav {display:none;}
	.navBox,
	.navBox .nav_group,
	.scDown .navBox,
	.scDown .navBox .nav_group,
	#hd, #hd #tnb,
	#hd #gnb,
	.topetcbox,
	#tnb_wrap.tnbDown,
	#logo,
	#logo a,
	.scDown #logo,
	.scDown .navBox .nav_group,
	.scDown #logo a {height:51px;}
	
	/* 모바일 사이드바 */
	#snbOpen{display:block;width:50px; height:51px; line-height:50px; text-align:center; color:#fff; font-size:20px; background:#000;position:fixed; right:0px; top:0px; z-index:9999;}

	#snbMvAr{display:block; position:absolute; left:0px;top:0px;right:0px; border-bottom:1px solid #f2f2f2;}
	#snbMvAr a#btnHome{display:block;background:#fff; padding:0 15px; font-weight:bold; font-size:14px;height:50px; line-height:50px;text-align:left;}
	#snbMvAr a#snbClose{background:#000;border-left:1px solid #f2f2f2;width:50px; height:50px; line-height:50px; text-align:center; color:#fff;font-size:18px; position:absolute;top:0px; right:0px;}

	#sideBarCover{display:none;background:rgba(0,0,0,0.6);position:fixed; left:0px; top:0px; bottom:0px;right:0px; z-index:999999;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBarCover.on{display:block;}

	#sideBar{display:block; position:fixed; right:-281px; top:0px; bottom:0px; z-index:9999999; width:280px; overflow:auto; background:#fff;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar.on{right:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#sideBar #snb {margin-top:50px;}
	#sideBar #snb .snb{display:block !important;border-bottom:1px solid #f2f2f2;position:relative;}
	#sideBar #snb .snb > h2 {position:relative;margin:0;padding:0;border:0;}
	#sideBar #snb .snb > h2 a {display:block;padding:0 15px; height:50px; line-height:50px; text-align:left; color:#000;background:#fff;}
	#sideBar #snb .snb.active > h2 a {color:var(--main-color2);}
	#sideBar #snb .snb > h2 a b{font-size:14px;padding-right:50px;}
	#sideBar #snb .snb > h2 a sub{display:none;}
	


	#sideBar #snb .snb .snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
	#sideBar #snb .snb .snb2dDown i,
	#sideBar #snb .snb .snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:14px; margin:10px;border-radius:50%;}
	#sideBar #snb .snb .snb2dDown i {display:block;background:#efefef;color:#999;}
	#sideBar #snb .snb .snb2dDown u{display:none; background:#efefef;color:#000;}
	#sideBar #snb .snb.show .snb2dDown i{display:none;}
	#sideBar #snb .snb.show .snb2dDown u{display:block;}

	#sideBar #snb .snb > ul{display:none;background:#f3f3f3;} 
	#sideBar #snb .snb > ul > li{border-top:1px dashed #ddd;border-bottom:0px;}
	#sideBar #snb .snb > ul > li a{display:block;padding:10px 10px 10px 30px;text-align:left;}
	#sideBar #snb .snb > ul > li a b{font-size:14px;font-weight:600;}
	#sideBar #snb .snb > ul > li a b i{display:none;}

	#sideBar #snb .snb > ul.snb2dul > li.active a{}
	#sideBar #snb .snb.active > ul.snb2dul{display:block;}
	
	/* [cdp2004: 3차 메뉴 추가] 모바일 사이드바 3차 메뉴 스타일 */
	#sideBar #snb .snb > ul.snb2dul > li > ul.snb3dul {display:none; background:#f9f9f9; padding-left:0; }
	#sideBar #snb .snb > ul.snb2dul > li.active > ul.snb3dul {display:block;}
	#sideBar #snb .snb > ul.snb2dul > li > ul.snb3dul > li {border-top:1px dashed #ddd; border-bottom:0px; }
	#sideBar #snb .snb > ul.snb2dul > li > ul.snb3dul > li a {display:block; padding:8px 10px 8px 40px; text-align:left; font-size:13px; font-weight:normal; }
	#sideBar #snb .snb > ul.snb2dul > li > ul.snb3dul > li.active a,
	#sideBar #snb .snb > ul.snb2dul > li > ul.snb3dul > li.active a:hover {color:var(--main-color2); font-weight:bold !important; }

	#sideBar #snb li.noInfoPageTit,
	#sideBar #snb li.noInfoPageTit.active{display:none !important;}
	.snbCS{border:0px;}

	.snbMvArBtn{position:absolute;right:50px; top:0px;display:flex;justify-content: center;align-items: center;height:50px;padding:10px;overflow:hidden;}
	.snbMvArBtn a {display:inline-block; padding:5px 7px;border:1px solid #ddd;border-radius:3px; font-size:11px;line-height:1.5em;}
	.snbMvArBtn a:hover {color:var(--main-color2);}
	#snbMvArBottom{border-top:1px dashed #efefef; padding:10px; text-align:center;}
	#snbMvArBottom a{display:inline-block; padding:5px 10px;border:1px solid #ddd;border-radius:3px;}
}
@media (max-width: 1280px){

}
@media (max-width: 1040px){
}
@media (max-width: 840px){
	#logo {display:inline-block;float:left;top:0;left:0;transform:translate(0,0);}
	#logo a, #gnb .gnb_wrap {background-size:100%;}
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:5.5em 0 3em;}
	#tnb_wrap.tnbDown {top:0;background: rgba(0,0,0,0.6);border:none;}
	#gnb {}
	.container {padding:0;}
}
@media (max-width: 500px){
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:4.5em 0 2em;}
}

.nav .gnb1 > a,
.nav .gnb1.active > a {position:relative;overflow:hidden;}

.nav .gnb1.active > a:after,
.nav .gnb1 > a:after,
.nav .gnb1:hover > a.on:after,
.nav .gnb1 > a.on:after {display:none;}

.nav .gnb1 > a:before {content: "\f06d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:2rem;position:absolute;bottom:-64%;left:50%;transform: translateX(-50%);z-index:10;opacity: 0;}
.nav .gnb1.active > a:before {content: "\f06d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:1rem;position:absolute;bottom:-46%;left:50%;transform: translateX(-50%);z-index:10;opacity: 1;}

.nav .gnb1:hover > a.on:before,
.nav .gnb1 > a.on:before {content: "\f06d";font-family: "Font Awesome 5 Free";font-weight: 900;font-size:2rem;position:absolute;bottom:-46%;left:50%;transform: translateX(-50%);z-index:10;opacity: 1;}

.nav .gnb1 > a:before,
.nav .gnb1:hover > a.on:before {
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}