.gnb_wrap ul,.gnb_wrap li {list-style:none;}

#gnb .gnb_wrap,.container,
#gnb .gnb_menu_btn,
#gnb .gnb_close_btn,
.div_lang,
#gnb #gnb_1dul > li.gnb_empty {
	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;
}

#hd,
#hd.scDown,
.scDown #gnb ,
#gnb #gnb_1dul > li,
#gnb #gnb_1dul > li > a > u,
#gnb #gnb_1dul > li > a:hover > u,
#gnb #gnb_1dul > li > .gnb_2dul,
#gnb #gnb_1dul > li > .gnb_2dul > ul > li,
#gnb #gnb_1dul > li > .gnb_2dul > ul > li > a,
#gnb #gnb_1dul > li > .gnb_2dul > ul > li > a:hover,
#snb > li > ul > li > a,
#snb > li > ul > li > a:hover {-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

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

#hd {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999;background-color:var(--topmenu-allgroup-bgcolor);}
#hd.scDown {margin-top:0;}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#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}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {top:0;width:100%;height:40px;font-size:12px;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 최상단 링크버튼 영역 ------------------------------------------------------------------------------*/
#tnb_wrap.tnb_wrap{position:relative;margin:0 auto;width:100%;height:35px;background:var(--toplink-bgcolor);z-index:2;}
#tnb_wrap.tnbDown {position:absolute;top:-35px;}

.topetcbox {position:relative;}
.topetcbox .tl_left {float:left;height:34px;overflow:hidden;padding-left:1px;}
.topetcbox .tl_right {float:right;}
.topetcbox .tl_left a,
.topetcbox .tl_right a  {display:inline-block;float:left;padding:0 1em;line-height:34px;}
.topetcbox .tl_left a {font-size:14px;}
.topetcbox .tl_left a {display:inline-block;padding:0 10px;height:35px; line-height:35px;font-size:14px;}
.topetcbox .tl_left a:focus, .topetcbox .tl_left a:hover {}

#tnb {position:relative;top:0px;right:0;width:100%;margin:0 auto;
	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 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 {padding:0 10px;height:35px; line-height:35px;font-size:12px;}
#tnb a,
#tnb a:visited {color:var(--toplink-basic-color);}
#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 .info_color {display:inline-block;line-height:35px;font-size:12px;letter-spacing:-0.05em;color:var(--toplink-info-color);}
.scDown #tnb {top:0px;}
.no_line { border-left:none !important; }
@media (min-width: 841px) {
	#tnb a:active, 
	#tnb a:focus,
	#tnb a:hover {color:var(--toplink-over-color);}
}

/* 상단로고 ------------------------------------------------------------------------------*/
#logo,
#logo2 {float:left;}
#logo {padding:0;}
#logo a,
#logo2 a {display:block;padding:0;overflow:hidden;text-indent:-5000px;}
#logo a {height:var(--topmenu-height);background-image:var(--logo-basic);background-repeat:no-repeat;background-position:center;}
@media (max-width: 840px) {
	#logo a {background-image:var(--logo-monil);}
}
#logo img{display:block;height:var(--topmenu-height);width:auto;}
#logo2 {}
#logo2 a{height:40px;background-image:var(--logo-allmenu);background-repeat:no-repeat;background-position:center;background-size:80%;}
#logo2 img{display:block;height:var(--topmenu-height);width:auto;}
#logo,
#logo a,
#logo2,
#logo2 a,
#logo img,
#logo2 img {
	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;
}

/******************************************************************************************************/

.scDown #gnb {border-bottom:1px solid #ddd;background-color:var(--topsubmenu-basic-color);}

/* 상단메뉴 ------------------------------------------------------------------------------*/
#gnb{position:relative;display:block;z-index:1;background-color:var(--topmenu-bgcolor);}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{
	display:flex;justify-content: space-between;
	margin:0 auto;
	width:100%;
	height:var(--topmenu-height);
	position:relative;
	border:none;
	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;
}
#gnb #gnb_1dul {display:flex;padding: 0;zoom:1;}
#gnb #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}

#gnb #gnb_1dul > li {position:relative;}
#gnb #gnb_1dul > li > a {display:inline-block;height:var(--topmenu-height);line-height:var(--topmenu-height);padding:0 20px;font-size:18px;font-weight:600; position:relative;word-break: keep-all;word-wrap: break-word;color:var(--topmenu-basic-color);}
.scDown #gnb #gnb_1dul > li > a {text-shadow:none;font-weight:600;height:var(--topdown-height);line-height:var(--topdown-height);color:var(--topmenu-down-color);}
#gnb #gnb_1dul > li:hover > a {text-decoration:none;color:var(--topmenu-select-color);font-weight:800;}
#gnb #gnb_1dul > li.active > a {color:var(--topmenu-select-color);font-weight:800;}
#gnb #gnb_1dul > li > a > u {display:block;width:1px;height:3px;position:absolute;left:50%;bottom:0px;}
#gnb #gnb_1dul > li:hover > a > u {width:50%;margin-left:-25%;background-color:var(--topmenu-select-color);}
#gnb #gnb_1dul > li > .bg {display:inline-block;width:0px;height:0px;overflow:hidden;text-indent:-999px}

#gnb #gnb_1dul > li > .gnb_2dul {display:none;position:absolute;top:var(--topmenu-height); left:50%; margin-left:-120px;width:240px;padding: 0; border-top:0px; overflow:hidden;background:var(--topsubmenu-bgcolor);}
#gnb #gnb_1dul > li:hover > .gnb_2dul {display:block;}
#gnb #gnb_1dul > li > .gnb_2dul > ul > li {width:100%; }
#gnb #gnb_1dul > li > .gnb_2dul > ul > li:first-child{border:0}
#gnb #gnb_1dul > li > .gnb_2dul > ul > li > a {display:block;padding:13px;line-height:1.4em;font-size:14px;font-weight:400; text-align:left;text-decoration:none;background:none;color:var(--topsubmenu-basic-color);}
#gnb #gnb_1dul > li > .gnb_2dul > ul > li > a:hover { padding-left:18px;text-decoration:none;background:var(--topsubmenu-over-bgcolor); color:var(--topsubmenu-basic-color);}
#gnb #gnb_1dul > li > .gnb_2dul > ul > li.active > a {color:var(--topsubmenu-select-color);font-weight:800;}
#gnb #gnb_1dul > li > .gnb_2dul > ul > li.active > a:hover {color:var(--topsubmenu-over-color);font-weight:400;}
@media (max-width: 1280px) {
	#gnb #gnb_1dul > li > a {font-size:1.5vw;padding: 0 1vw;}
}

/* 메뉴 준비 중입니다 */
#gnb #gnb_1dul > li.gnb_empty {height:var(--topmenu-height);line-height:var(--topmenu-height);color:var(--topmenu-basic-color);padding:0px 3rem;}
.scDown #gnb #gnb_1dul > li.gnb_empty {height: var(--topdown-height);line-height:var(--topdown-height);color: var(--topmenu-down-color);}
#gnb_all .gnb_al_ul li.gnb_empty {width:100%;padding:2rem 0px;text-align:center;}

/* 전체메뉴 ------------------------------------------------------------------------*/
#gnb .gnb_menu_btn {width:50px;height:var(--topmenu-height);border:0;vertical-align:top;font-size:18px;background:none;color:var(--topmenu-basic-color);}
#gnb .gnb_close_btn {background:var(--topall-close-btn-bgcolor);color:var(--topall-close-btn-color);width:50px;height:var(--topmenu-height);border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
.scDown #gnb .gnb_close_btn {height:var(--scrolldown-topall-close-btn-height);}
#gnb .gnb_mnal {display:inline-block;/*min-width:136px;*/}
@media (min-width: 841px) {
	#gnb .gnb_close_btn:hover {color:var(--main-color1);}
}

#gnb_all {background-color:var(--topallmenu-bgcolor);border:1px solid var(--topallmenu-border-color);}
#gnb_all h2 {border-bottom:1px solid var(--topallmenu-border-color)}
#gnb_all .gnb_al_li .gnb_al_a {color:var(--main-color1);}
#gnb_all .gnb_al_li li a {color:var(--topallmenu-basic-color);}
@media (min-width: 841px) {
	#gnb_all .gnb_al_li li a:hover {text-decoration: underline;}
}
#gnb_all .gnb_al_li li > ul > li a:hover {background-color:#f4f4f4;}

#gnb_all {display:none;position:absolute;width:100%;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {position:relative;display:inline-block;width:100%;font-size:18px;line-height:1.2em;padding:var(--topall-h2-padding);margin:0;text-align:left;}
.scDown #gnb_all h2 {padding:var(--scrolldown-topall-h2-padding);}
#gnb_all .gnb_al_ul {position:relative;display:flex;width:100%;height:100%;font-size:14px;text-align:left;overflow:hidden;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {width:100%;min-height:215px;padding:20px;}
#gnb_all .gnb_al_li:not(:last-child) {border-right:1px solid var(--topallmenu-border-color);}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;}
#gnb_all .gnb_al_li li {line-height:1.4em}
#gnb_all .gnb_al_li li a {font-size:.7rem;}
#gnb_all .gnb_al_li li a:hover {text-decoration: underline;}
#gnb_all_bg {display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

.gnb_2dul .gnb_2dul_box {border:none;}

/* .scDown #logo img{height:60px;} */
.scDown #logo a {height:var(--topdown-height);background-image:var(--logo-down);background-repeat:no-repeat;background-position:center;}
.scDown #gnb {border-bottom:1px solid var(--topdown-border_color);background-color:var(--topdown-bgcolor);}
.scDown #gnb {padding:0px 0;}
.scDown #gnb .gnb_wrap {height:var(--topdown-height);}
.scDown #gnb #gnb_1dul > li > .gnb_2dul {top:var(--topdown-height);}
.scDown #gnb .gnb_menu_btn {height:var(--topdown-height);color:var(--topmenu-down-color);}

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

#snb{width:100%; margin-top:-50px;}
#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{}
#snb > li > ul > li > a{overflow:hidden;}
#snb > li > ul > li > a i{float:right;}

.snbCS{ 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;}

.snbHome {position:relative;display:block;width:100%;padding:1em 0;background-color:#ddd;}
.snbHome > a {padding:0.5em 1em;border:1px solid #ddd;background:#fff;}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 쇼핑몰 */
.style_subimg10 { display:inline-block; width:100%; padding: 0 0 !important;background-image:url(../../../images/sub_topimg06.png);background-repeat:no-repeat;background-position:center;background-size:100%; }
.style_subimg10 .container h2 { text-align:center;  margin:0 0 0 0; font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;}
.style_subimg10 .container p { text-align:left;  font-size:1.5em; line-height:1.5em; margin:0 0 0 0; }
.stiz10 {display:inline-block;width:100%;padding:8em 0 3.5em 0;}

/****************************************************************************************************************************************
fullpage 페이지별 컬러변경
****************************************************************************************************************************************/
#gnb_1dul li.menuDan1,
#gnb_1dul li.menuDan2,
#gnb_1dul li.menuDan3,
#gnb_1dul li.menuDan4,
#gnb_1dul li.menuDan5,
#gnb_1dul li.menuDan6,
#gnb_1dul li.menuDan7,
#gnb_1dul li.menuDan8,
#gnb_1dul li.menuDan9,
#gnb_1dul li.menuDan10 {padding:0 0;}

#tnb .gsel-lang {position: relative;width:100px;z-index:2200}
#tnb .gsel-lang dl {height:30px;transition:height .25s ease;overflow:hidden;}
#tnb .gsel-lang dt a {display:block;line-height:1.5em;padding:5px 0px 12px; font-size:13px;font-weight:400;}
#tnb .gsel-lang dd {width:100%;overflow:hidden;}
#tnb .gsel-lang dd ul {width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:border-box}
#tnb .gsel-lang dd a {display:block;padding:0.5em 0.5em;font-size:1.5em;text-align:center;height:30px;;line-height:1.5em;}
#tnb .gsel-lang dd li:first-child a {border-top:0;font-size:1.5em;}
#tnb .gsel-lang dd a:link,
#tnb .gsel-lang dd a:focus, 
#tnb .gsel-lang dd a:active { text-decoration: none;font-weight:400;}
#tnb .gsel-lang dd li a:hover { text-decoration: none;}
#tnb ul li ul li {width:100%;margin-bottom:0;}

.fp-viewing-001 #logo a {background-image:url(../../../images/logo_white.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-002 #logo a {background-image:url(../../../images/logo_down.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-003 #logo a {background-image:url(../../../images/logo_down.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-004 #logo a {background-image:url(../../../images/logo_white.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-005 #logo a {background-image:url(../../../images/logo_down.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-006 #logo a {background-image:url(../../../images/logo_white.png);background-repeat:no-repeat;background-position:center;}
.fp-viewing-007 #logo a {background-image:url(../../../images/logo_white.png);background-repeat:no-repeat;background-position:center;}
@media (max-width: 840px){
	.fp-viewing-001 #logo a {background-image:url(../../../images/logo_color.png);}
}

.fp-viewing-001 #gnb .gnb_wrap {}
.fp-viewing-002 #gnb .gnb_wrap {}
.fp-viewing-003 #gnb .gnb_wrap {}
.fp-viewing-004 #gnb .gnb_wrap {}
.fp-viewing-005 #gnb .gnb_wrap {}
.fp-viewing-006 #gnb .gnb_wrap {}
.fp-viewing-007 #gnb .gnb_wrap {}

.fp-viewing-001 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-002 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-003 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-004 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-005 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-006 #gnb .gnb_1dli .gnb_1da {  }
.fp-viewing-007 #gnb .gnb_1dli .gnb_1da {  }

/******************************************************************************************************* 
반응형 설정
********************************************************************************************************/
@media (max-width:1680px) {
	.container {width:1200px !important;}
}
@media (max-width:1280px) {
	.container {width:1000px !important;}
	#gnb .gnb_1dli .gnb_1da {padding:0 10px;font-size:16px;}
}
@media (max-width:1016px) {
	.container {width:95% !important;}
}
@media (max-width:900px) {
	#gnb .gnb_1dli .gnb_1da {padding:0 5px;font-size:15px;}
}
@media (max-width: 840px){
	#gnb,
	#gnb .gnb_wrap {background-color:var(--mobil-topmenu-allgroup-bgcolor);}
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:5.5em 0 3em;}
	#ctt {padding:0;}
	#logo a,
	#gnb .gnb_wrap,
	.scDown #logo a,
	.scDown #gnb .gnb_wrap {height:var(--mobil-topmenu-height);}
	#logo a, .scDown #logo a, .fp-viewing-001 #logo a, .fp-viewing-002 #logo a, .fp-viewing-003 #logo a, .fp-viewing-004 #logo a, .fp-viewing-005 #logo a {background-size:100%;}
	#gnb_all,
	#gnb_all_bg,
	.lang_right,
	.gnb_wrap ul,
	#tnb_wrap.tnb_wrap,
	#gnb .gnb_mnal {display:none !important;}
}
@media (max-width: 500px){
	.stiz1,.stiz2,.stiz3,.stiz4,.stiz5,.stiz6,.stiz7,.stiz8,.stiz9 { padding:4.5em 0 2em;}
}