@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;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:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0;cursor:pointer;}
#header .member-wrap .user-profile img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
#header .member-wrap .user-profile .no_mb_img{display:inline-block;width:28px;height:28px;border-radius:50%;background:rgba(170,170,170,0.6);overflow:hidden;}
#header .member-wrap .user-profile .no_mb_img:before{content:'\e4e2';font-family:'newfont';font-size:24px;color:#fff;text-align:center;}
#header .member-wrap .user-profile .name{font-size:12px;font-weight:var(--bold);white-space:nowrap;}
body[data-font-family='nanumSR'] #header .member-wrap .user-profile .name{font-weight:700;}
#header .member-wrap .user-menu{opacity:0;visibility:hidden;position:absolute;right:0;z-index:15;margin-top:20px;padding:8px 15px;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;transition:all .2s ease-in-out;white-space:nowrap;}
body[data-font-family='nanumSR'] #header .member-wrap .user-menu a{font-weight:700;}
#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 .btn_login{font-size:0;width:30px;height:30px;padding:0;border:1px solid #fff;color:#fff;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;}
#header .member-wrap .user-menu .btn_login:before{content:'\e4e2';font-family:'newfont';font-size:20px;}
#header .member-wrap .user-menu .btn_login:hover{background-color:#1bc8a6;color:#fff;}

#header .member-wrap .user-menu .btn_logout{font-size:13px;font-weight:var(--bold);color:#fff;background-color:rgba(53,57,69,0.3);padding:0 15px;height:29px;line-height:1em;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;}
body[data-font-family='nanumSR'] #header .member-wrap .btn_logout{font-size:12px;padding-top:1px;}
#header .member-wrap .user-menu .btn_logout:hover{background-color:rgba(53,57,69,0.4);}

/* 검색 오프너 */
#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;z-index:5;order:2;}
#header #hd-search-set + .btnSetting{}


/* 풀메뉴 */
#fullmenuSection{position:fixed;top:0;left:0;z-index:60;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:'Noto Sans KR', 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:'Do Hyeon', 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:15px;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;z-index:5;}




#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, .boCover{padding-top:100px;}

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