@charset "utf-8";




#adminSet{margin-top:0px;top:10px;}
#mainToggleMenuWrap{margin-top:30px;}
#subMenu_wrap{margin-top:30px;}

#header{
	--font-family:'Noto Sans KR', sans-serif;
	--navSize:17px;
	--bold:500;
	--header-height:100px;
	--header-open-height:600px;
	--header-scroll-height:60px;
	--menu-hover-color:#3782ff;
}


/*____________________________ Header ____________________________*/

#header{font-size:12px;}
#header .fullCover{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;}
#header .fullCover .arrow-left{position:absolute;left:500px;top:50%;font-size:80px;margin-top:-0.5em;z-index:3;opacity:0;cursor:pointer;transition:all .2s ease-in-out;}
#header .fullCover:hover .arrow-left{opacity:1;}
#header .fullCover .arrow-left:before{content:'\e00f';font-family:'newfont';font-weight:normal;color:#fff;}

/* .topSection _______________________________ */
#header .topSection{position:absolute;top:0;left:0;z-index:50;width:100%;height:var(--header-height);padding:0 90px 0 90px;background:#fff;color:#1e1e1e;display:flex;align-items:center;justify-content:flex-start;gap:20px;transition:background .4s ease-in-out;}
#header .topSection:after{content:'';display:block;position:absolute;left:0;bottom:0;z-index:5;width:100%;height:1px;background:rgba(0,0,0,0.1);}
#header .topSection.scroll{position:fixed;--header-height:var(--header-scroll-height);}
#header .topSection .top-header-logo{margin-left:10px;position:relative;display:inline-flex;align-items:center;gap:12px;flex-shrink:0;}
#header .topSection .top-header-logo img{max-height:52px;}
#header .topSection .top-header-logo .tmp-logo{font-size:26px;}
#header .topSection .top-header-logo .top_logo_w{position:absolute;left:0;top:0;opacity:0;}
#header .topSection .top-header-logo .logoSub{font-family:'Noto Sans KR', sans-serif;font-weight:500;font-size:17px;opacity:0.9}

#header .topSection #nav{flex:1;font-family:var(--font-family);font-size:var(--navSize);font-weight:var(--bold);display:flex;align-items:center;justify-content:center;height:100%;}
@media screen and (max-width:1200px) {
  #header .topSection #nav{display: none;}
}
#header .topSection .nav_ul{position:relative;align-self:start;display:inline-flex;align-items:flex-start;justify-content:center;gap:3em;height:100%;color:inherit;}
#header .topSection.open{}
#header .topSection .nav_ul a{color:inherit;}
#header .topSection .nav_ul [class*='_link']{white-space:nowrap;}
#header .topSection .nav_ul li{position:relative;transition:all .2s ease-in-out;}
#header .topSection .nav_ul .active > [class*='_link'],
#header .topSection .nav_ul .hover > [class*='_link'],
#header .topSection .nav_ul [class*='_link']:hover{color:var(--menu-hover-color);opacity:1 !important;}
body[data-font-family='noto'] #header .topSection .nav_ul li{font-weight:400;}
#header #topSection-bg{position:absolute;top:var(--header-height);left:0;z-index:13;width:100%;height:var(--header-height);background:#fff;opacity:0;visibility:hidden;transition:all .3s ease-in-out;}
#header .topSection.scroll + #topSection-bg{position:fixed;top:var(--header-scroll-height);}
#header #topSection-bg.open{opacity:1;height:calc(var(--header-open-height) - 100px);opacity:1;visibility:visible;transition:all 0.6s cubic-bezier(0.5,0,0,1.25);}
/*1차메뉴*/
#header .topSection .nav_ul .nav_li{}
#header .topSection .nav_ul .nav_li.hover:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--menu-hover-color);}
#header .topSection .nav_ul .dep1_link{padding:0 8px;height:var(--header-height);display:flex;align-items:center;justify-content:center;}
#header .topSection.scroll .nav_ul .dep1_link{height:var(--header-scroll-height);}
/*2차메뉴*/
#header .topSection .nav_ul .sub2cha_ul{display:flex;justify-content:center;gap:50px;position:absolute;width:100%;left:0;z-index:9;margin-top:-3px;padding-top:30px;display:none;}
#header .topSection .nav_ul .sub2cha_ul li{font-size:0.88em;font-weight:var(--bold);padding:6px 0;}
#header .topSection .nav_ul .sub2cha_ul li [class*='_link']{display:inline-flex;align-items:center;justify-content:center;}
/*3차메뉴*/
#header .topSection .nav_ul .sub3cha_ul{padding-top:10px;}
#header .topSection .nav_ul .sub3cha_ul li{font-size:0.9em;font-weight:var(--bold);padding:4px 0;}
#header .topSection .nav_ul .sub3cha_ul li [class*='_link']{opacity:0.8;}


#header .topSection .topSec-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-shrink:0;}
#header .topSection .snsContainer{margin-left:auto;display:inline-flex;align-items:center;gap:10px}

#header .member-wrap{margin-left:auto;position:relative;}
#header .member-wrap .user-profile{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;cursor:pointer;}
#header .member-wrap .user-profile .name{font-size:12px;font-weight:bold;white-space:nowrap;}
body[data-font-family='nanumSR'] #header .member-wrap .user-profile .name{font-weight:800;}
#header .member-wrap .user-menu{opacity:0;visibility:hidden;position:absolute;right:0;z-index:15;margin-top:20px;padding:10px 13px;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 5px 6px rgba(0,0,0,0.05);
	display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.5,0,0,1.25);}
#header .member-wrap .user-menu.no-user{margin-right:-21px;}
#header .member-wrap .user-profile:hover + .user-menu,
#header .member-wrap .user-menu:hover{opacity:1;visibility:visible;margin-top:0;}
#header .member-wrap .user-menu:before{content:'';display:block;width:8px;height:8px;background:#fff;transform:rotate(45deg);border:1px solid rgba(0,0,0,0.1);border-bottom:0;border-right:0;position:absolute;top:-4px;left:50%;margin-left:-3px;}
#header .member-wrap .user-menu a{font-size:12px;font-weight:var(--bold);color:#1e1e1e !important;padding:8px 3px;display:flex;gap:15px;transition:all .2s ease-in-out;white-space:nowrap;}
body[data-font-family='nanumSR'] #header .member-wrap .user-menu a{font-weight:bold;}
#header .member-wrap .user-menu a:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.1);}
#header .member-wrap .user-menu a:hover{color:var(--blue) !important;}
#header .member-wrap .user-menu a .count{margin-left:auto;font-size:11px;color:var(--blue) !important;display:inline-flex;align-items:center;justify-content:center;}
#header .member-wrap .user-menu a.um-adm{min-width:64px;position:relative;height:28px;background:rgba(0,0,0,0.9);padding:0;color:#fff !important;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:2px;margin-bottom:5px;}
#header .member-wrap .user-menu a.um-adm:before{position:absolute;top:-7px;left:-7px;content:'';font-size:0;display:inline-block;width:19px !important;height:19px !important;padding:0;background:url('../../../css/img/adm.svg') no-repeat center / cover;transform:scale(0.75);}


/* 검색 오프너 */
#header #hd-search-opener{margin-left:auto;color:rgba(0,0,0,0.9);cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
#header #hd-search-opener:before{content:'\e94c';font-family:'intaefont';font-size:19px;font-weight:normal;transition:all 0.45s cubic-bezier(0.5,0,0,1.25);}
#header #hd-search-opener:hover:before{transform:rotate(90deg) scale(1.1);}

/* 풀메뉴 오프너 */
#header .navSecOpener, #Search-page-header .navSecOpener{}
#header .navSecOpener{}
	.navSecOpener{width:54px;height:50px;padding-left:5px;display:inline-flex;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;}
	.navSecOpener [class*='line-']{display:block;width:24px;height:2px;background:#232323;border-radius:2px;transition:all 0.45s cubic-bezier(0.5, 0, 0, 1.55);}
	.navSecOpener .line-2{position:relative;width:16px;}
	.navSecOpener .line-2:after{content:'';display:block;width:6px;height:6px;border:2px solid #232323;border-radius:50%;position:absolute;top:-2px;right:-10px;transition:all .2s ease-in-out;}
	.navSecOpener:hover .line-2{}
	.navSecOpener:hover .line-2:before{opacity:1;}
	.navSecOpener:hover .line-2:after{opacity:0;}
	.navSecOpener .line-2:after{right:-10px;}
	.navSecOpener:hover .line-1, .navSecOpener:hover .line-3{width:20px;margin-left:7px}
	.navSecOpener:hover .line-2{width:28px;}

#header .topSection .btnSetting{position:absolute;right:10px;order:2;}
#header #hd-search-set + .btnSetting{}


/* 풀메뉴 */
#fullmenuSection{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;padding:100px;overflow-y:auto;background:#5cc7b9;color:#fff;background-repeat:no-repeat;background-size:cover;
	display:flex;align-items:center;justify-content:center;display:none;}
#fullmenuSection:before{content:'';position:fixed;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0.35);}
#fullmenuSection .navSecCloser:before{position:absolute;top:100px;right:150px;z-index:15;content:'\e905';font-family:'intaefont';font-size:30px;color:#fff;font-weight:normal;width:54px;height:54px;cursor:pointer;
	display:flex;align-items:center;justify-content:center;}
#fullmenuSection a{color:inherit;}
#fullmenuSection [class*='_link']{white-space:nowrap;}
#fullmenuSection [class*='_link']:hover{opacity:1 !important;}

#fullmenuSection .inner{position:relative;z-index:5;width:100%;max-width:1200px;display:none;}
#fullmenuSection .nav_ul{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:50px;height:100%;font-size:17px;font-weight:500;font-family:'BMDoHyeon', sans-serif;}
#fullmenuSection .nav_ul .nav_li{position:relative;transition:all .2s ease-in-out;}
#fullmenuSection .nav_ul .nav_li .opener.icon{font-size:0;display:inline-flex;align-items:center;justify-content:center;width:60px;height:56px;position:relative;cursor:pointer;vertical-align:top;}
#fullmenuSection .nav_ul .nav_li .opener.icon:after{content:'';width:22px;height:6px;background:#fff;}
#fullmenuSection .nav_ul .nav_li .opener.icon:before{content:'';width:22px;height:6px;background:#fff;position:absolute;transform:rotate(90deg);transition:all .2s ease-in-out;}
#fullmenuSection .nav_ul .nav_li.open .opener.icon:before{transform:rotate(0deg);opacity:0;}
#fullmenuSection .nav_ul .nav_li .dep1_link{cursor:pointer;font-size:58px;line-height:1em;font-weight:normal;display:inline-flex;align-items:center;justify-content:center;font-family:'BMDoHyeon', sans-serif;}
#fullmenuSection .nav_ul li.active > [class*='_link'], #fullmenuSection .nav_ul li.hover > [class*='_link']{color:var(--menu-hover-color);}
#fullmenuSection .nav_ul li.hover:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--menu-hover-color);}
#fullmenuSection .nav_ul .sub2cha_ul{padding-left:20px;padding-top:25px;padding-bottom:30px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:40px 72px;max-width:1400px;}
#fullmenuSection .nav_ul .sub2cha_ul li{position:relative;padding:5px 0;}
#fullmenuSection .nav_ul .sub2cha_ul li a{display:inline-flex;align-items:center;justify-content:center;}
#fullmenuSection .nav_ul .sub3cha_ul{padding-top:10px;}
#fullmenuSection .nav_ul .sub3cha_ul li{padding:5px 0;font-size:0.85em;font-weight:300;}
#fullmenuSection .nav_ul .sub3cha_ul li [class*='_link']{opacity:0.8}
#fullmenuSection .btnSetting{position:absolute;bottom:50px;left:50px;}




#fullmenuSection::-webkit-scrollbar{width:8px;height:8px;}
#fullmenuSection::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(0,0,0,0.3);}
#fullmenuSection::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
#fullmenuSection-webkit-::selection{background-color:rgba(0,0,0,0.3);color:#fff;}
#fullmenuSection::-moz-selection{background-color:rgba(0,0,0,0.3);color:#fff;}





#header #quickMenuWrap{position:relative;width:100%;z-index:40;transition: all .2.5s ease-in-out;padding:0;margin-top:15px;}
#header #quickBannerWrap{margin-top:30px;}









/* 반응형 사이즈 관련 */
#wrapper{padding-top:100px;}

/* 최소 사이즈 //////////////////////////////////////////////////////////////////////////////////////////// */
body, #header .topSection{min-width:1000px;}