@charset "utf-8";


#root{
	--header-height:100px;
	--height-scroll-start:-100px;	
	--header-scroll-height:60px;
	--header-open-height:85px;
	
	--menu-hover-color:#3782ff;
	
	--topSec-background:#fff;
	--topSec-color:#242424;
	--topSec-background-notscroll:rgba(255,255,255,0);
	--topSec-color-notscroll:#fff;
}



/*──────────────────────────────────────────────────────────────────────
													(PC) media min 781
──────────────────────────────────────────────────────────────────────*/

@media screen and (min-width:781px) {

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

	#wrapper, .boCover, .fixed{padding-top:var(--header-height);}

	/*____________________________ 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;background:var(--topSec-background);color:#1e1e1e;display:flex;align-items:center;justify-content:flex-start;gap:65px;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);top:var(--height-scroll-start);}
	#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{position:relative;flex:1;font-family:var(--font-family);font-size:var(--navSize);font-weight:var(--bold);color:var(--topSec-color);display:flex;align-items:center;height:100%;}
	#header .topSection .nav_ul{display:inline-flex;align-items:center;gap:2.5em;height:100%;}
	#header .topSection.open{}
	#header .topSection .nav_ul [class*='_link']{white-space:nowrap;}
	#header .topSection .nav_ul li{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-open-height);background:var(--topSec-background);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;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 .dep1_link{position:relative;padding:0 8px;height:var(--header-height);display:flex;align-items:center;justify-content:center;}
	#header .topSection .nav_ul .dep1_link:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--menu-hover-color);border-radius:1px;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(0.5,0,0,1.25);}
	#header .topSection .nav_ul .nav_li:hover .dep1_link:before{opacity:1;visibility:visible;height:4px;}
	#header .topSection.scroll .nav_ul .dep1_link{height:var(--header-scroll-height);}
	/*2차메뉴*/
	#header .topSection .nav_ul .sub2cha_ul{position:absolute;z-index:9;margin-top:-3px;padding-top:30px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:20px 50px;display:none;max-width:100%;}
	/*#header .topSection .nav_ul li:nth-last-child(-n+2) .sub2cha_ul{justify-content:flex-end;margin-left:100%;}
	#header .topSection .nav_ul li:last-child .sub2cha_ul{margin-left:15%;}*/
	#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 #nav._NAV_ALIGN_CENTER{justify-content:center;}
	#header .topSection #nav._NAV_ALIGN_CENTER .nav_ul .nav_li{display:flex;justify-content:center;}
	#header .topSection #nav._NAV_ALIGN_CENTER .sub2cha_ul{top:100%;}
	
	#header .topSection #nav._NAV_ALIGN_RIGHT{justify-content:flex-end;}
	#header .topSection #nav._NAV_ALIGN_RIGHT .nav_ul .nav_li{display:flex;justify-content:center;}
	#header .topSection #nav._NAV_ALIGN_RIGHT .sub2cha_ul{justify-content:flex-end;top:100%;right:0;}


	#header .topSection .topSec-right{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;gap:20px;flex-shrink:0;color:var(--topSec-color);}
	#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;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{}
	#header .navSecOpener ._gnbIcon{--gnbIconColor:var(--topSec-color);}
	#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;}
	#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:66px;line-height:1em;font-weight:normal;display:inline-flex;align-items:center;justify-content:center;font-family:var(--dohyeon) !important;}
	#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;}


}


@media screen and (max-width:1200px) {
	#header .topSection{padding:0 40px;}
	#header .topSection .top-header-logo img{max-height:45px;}
	#header .topSection #nav{display:none;}
}
@media screen and (min-width:1200px) {
  #header .topSection .pc-nouse{display:none;}
}


/* 배경과 레이어 겹침시 */
@media screen and (min-width:781px) {
	._HEADER_LAYER #header .topSection:not(.scroll):not(.open){--topSec-background:var(--topSec-background-notscroll);--topSec-color:var(--topSec-color-notscroll);}
	._HEADER_LAYER #header .topSection:not(.scroll):not(.open):after{display:none;}
	._HEADER_LAYER #wrapper{padding-top:0 !important;}
	._HEADER_LAYER #pageMake .blockContainer:first-child .latestContainer .latest_adm{top:120px;left:20px;}
	._HEADER_LAYER #mixblockSetting{top:var(--header-height);}
}




/*──────────────────────────────────────────────────────────────────────
													(mobile) media max 780
──────────────────────────────────────────────────────────────────────*/
@media screen and (max-width:780px) {


	#header{display:none}

	/* 풀메뉴 */
	#fullmenuSection{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;overflow-y:auto;background:#fff;display:flex;align-items:flex-start;display:none;}
	#fullmenuSection .navSecCloser:before{position:absolute;top:20px;right:20px;z-index:15;content:'\e905';font-family:'intaefont';font-size:20px;font-weight:normal;width:34px;height:34px;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%;padding:60px 20px;display:none;}
	#fullmenuSection .nav_ul{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:30px;height:100%;font-size:17px;font-weight:500;}
	#fullmenuSection .nav_ul .nav_li{position:relative;transition:all .2s ease-in-out;}
	#fullmenuSection .nav_ul .nav_li .opener.icon{font-size:0;margin-left:10px;}
	#fullmenuSection .nav_ul .nav_li .opener.icon:before{content:'\e95a';font-family:'myfont';font-size:22px;}
	#fullmenuSection .nav_ul .nav_li.open .opener.icon:before{content:'\e95b';}
	#fullmenuSection .nav_ul .nav_li .dep1_link{cursor:pointer;font-size:28px;font-weight:700;line-height:1em;display:inline-flex;align-items:center;justify-content:center;}
	#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;flex-direction:column;gap:10px;}
	#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;}


}