@charset "utf-8";



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

/*____________________________ Header ____________________________*/

/* header_top */
#header{width:100%;height:140px;background:#fff;position:absolute;top:0;left:0;z-index:12;transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25);border-bottom:1px solid rgba(0,0,0,0.1);box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.01);}
#header.fixed{height:70px;}
#header.scroll-fixed{position:fixed;}
#header.bgColor{border-bottom:0;box-shadow:none;}
#header.headerLayer{background:transparent;border-bottom:0;box-shadow:none;}
#header.headerLayer.fixed{background:#1f2022;} 

.headerSpace{margin:0;padding:0;font-size:0;height:140px;}


#header .header_container{position:relative;height:100%;margin:auto;padding:0;z-index:99;}

#header .logo_wrap{height:100%;position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;transition: all .2s ease-in-out;}
#header .logo_wrap a.logo{display:inline-block;opacity:1;transition: all .2s ease-in-out;}
#header .logo_wrap a.logo:hover{opacity:0.9;}
#header .logo_wrap a.logo img{max-width:180px;}

#header nav{height:inherit;font-family: 'NanumSquareRound', sans-serif;font-size:15px;font-weight:700;color:#1e1e1e;position:absolute;right:0;top:0;z-index:9;}
#header.headerLayer nav, #header.bgColor nav{color:#fff;}

#header .nav_ul{position:relative;height:inherit;color:inherit;display:flex;align-items:center;transition: all .15s ease-in-out;float:left;}
#header .nav_ul li{position:relative;display:inline-block;color:inherit;margin-left:1em;height:38px;line-height:39px;/*transition: all .15s ease-in-out;*/}
#header .nav_ul li a{padding:0 20px;display:inline-block;height:inherit;color:inherit;line-height:inherit;background:rgba(0,0,0,0);/*transition: all .15s ease-in-out;*/}

#header .nav_ul li.on:before{content:'';position:absolute;bottom:-51px;left:0;margin-left:20px;width:calc(100% - 40px);height:12px;background:rgba(0,0,0,0.02) url('img/menuActive.gif') repeat-x;opacity:0.7;transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25);}
#header.bgColor .nav_ul li.on:before{background:rgba(255,255,255,0.02) url('img/menuActive_white.gif') repeat-x;}
#header.fixed .nav_ul .nav_li.on:before{bottom:-16px !important;height:8px;}

#header .nav_ul li.site_manager{color:#fff;background:#3e3e3e;border:0;border-radius:2px;}
#header .nav_ul li.site_manager a:before{content:'\e0c1';font-family:'intaeFont';font-size:12px;display:inline-block;margin-right:6px;margin-top:-1px;}

#header .nav_ul li.lineBtn{line-height:36px;border:2px solid rgba(0,0,0,0.6);border-radius:3px;}
#header.headerLayer .nav_ul li.lineBtn, #header.bgColor .nav_ul li.lineBtn{border-color:rgba(255,255,255,0.9);}

#header .nav_ul li.gnbOpener{display:inline-block;margin-left:30px;cursor:pointer;width:45px;height:45px;line-height:39px;text-align:center;}
#header .nav_ul li.gnbOpener:before{display:inline-block;margin-top:-2px;content:'\e002';font-family:'intaeFont';font-size:28px;color:inherit;font-weight:normal;transition: all .06s ease-in-out;}

#header .nav_ul [class*='icon_'] a:after{content:'';font-family:'intaeFont';font-size:10px;margin-left:6px;}
#header .nav_ul .icon_right a:after{content:'\e004';margin-top:-1px;}
#header nav ul li ul{display: none;}





/* dropotron */
.dropotron{background:rgba(255, 255, 255, 1);border-radius: 0px;box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.16);border:1px solid rgba(0,0,0,0.1);list-style: none;margin-top: calc(-0.25em + 1px);min-width: 12em;padding: 17px 10px;}
.dropotron > li{position:relative;min-width:180px;padding: 0 30px;font-size:14px;font-weight:400;transition: all .2s ease-in-out;}
.dropotron > li.submenuLock:before{ content:'\e0c1';font-family:'intaeFont';font-size:12px;display:inline-block;position:absolute;top:calc(50% - 6px);left:9px;}
.dropotron > li:hover,
.dropotron > li.active{background:rgba(0,0,0,0.04);}
.dropotron > li.on{ background:#528afe;color:#fff;}
.dropotron > li.on a, .dropotron > li.on a:hover{color:inherit;}
.dropotron > li a{ color: #474747;display: block;padding: 0.9em 0;border-bottom:1px solid rgba(0,0,0,0.1);}
.dropotron > li.alert a, .dropotron > li.alert a:hover{color:rgba(53,57,69,0.5);}
.dropotron > li:last-child a{border-bottom:none;}
.dropotron > li > a:hover{color: #1d1d1d;}
.dropotron.level-0{margin-top: 1em;}
.dropotron.level-0:before{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	content: '';
	display: block;
	height: 1em;
	position: absolute;
	right: 36px;
	top: -0.5em;
	width: 1em;
	border-top:1px solid rgba(0,0,0,0.1);
	border-left:1px solid rgba(0,0,0,0.1);
	}



/* 로그인&로그아웃 */
#header nav ul li.navLogin{background:rgba(200,200,200,0.2);border:0;border-radius:2px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;/*margin-left:50px;*/}
#header nav ul li.navLogin:hover{background:rgba(200,200,200,0.35);}
#header nav ul li.navLogin a{position:relative;display:inline-block;width:66px;padding:0;text-align:center;font-size:14px;}
#header nav ul li.navMember{border:0;border-radius:2px;/*margin-left:50px;*/ overflow:hidden;position:relative;height:37px;}
#header nav ul li.navMember > a{font-size:14px;padding-left:0;padding-right:10px;}
#header nav ul li.navMember a img.mb_img{width:35px !important;height:35px !important;margin-right:10px;font-size:0;float:left;}
#header nav ul li.navMember a .no_mb_img:before{
	display:inline-block;
	width:32px;
	height:32px;
	line-height:42px;
	border-radius:50%;
	background:rgba(53,57,69,0.3);
	margin-right:10px;
	content:'\e0ab';
	font-family:'intaeFont';
	font-size:24px;
	color:rgba(255,255,255,0.8);
	font-weight:normal;
	text-align:center;
	}

.dropotron.subMember{ list-style: none;margin-top: 18px;width: auto;padding: 10px 10px;}
.dropotron.subMember li{ position:relative;min-width:auto;;padding: 0 20px;}
.dropotron.subMember li a{padding: 0.7em 0;font-size:14px;}
.dropotron.subMember li a:before{content:'';font-family:'intaeFont';font-weight:normal;color:rgba(0,0,0,0.5);display:inline-block;vertical-align:middle;width:18px;text-align:center;margin-right:5px;}
.dropotron.subMember li a.icon_logout:before{content:'\e0f6';font-size:13px;margin-top:-3px;}
.dropotron.subMember li a.icon_mypage:before{content:'\e0ab';font-size:11px;margin-top:-3px;}



#header nav .etc_wrap{height:inherit;color:inherit;display:flex;align-items:center;padding-left:10px;}
#header nav .gnbOpener{display:inline-block;margin-left:30px;cursor:pointer;text-align:center;}
#header nav .gnbOpener:before{display:inline-block;width:45px;height:45px;line-height:39px;margin-top:-2px;content:'\e002';font-family:'intaeFont';font-size:28px;color:inherit;font-weight:normal;transition: all .06s ease-in-out;}




/* hiddenGnb */
.hiddenGnb{position:relative;width:100%;background:#fff;border-bottom:1px solid rgba(0,0,0,0.1);z-index:15;}
.hiddenGnb .header_container{position:relative;width:100%;display:flex;align-items:center;}
.hiddenGnb .logo{position:relative;width:100%;text-align:center;}
.hiddenGnb .logo a{display:inline-block;}
.hiddenGnb .logo a .logo_w{display:none;}
.hiddenGnb .logo a .sub{}

.hiddenGnb .gnbCloser{position:absolute;top:48px;right:0;display:inline-block;padding:10px; margin-top:-5px;margin-left:30px;cursor:pointer;-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.hiddenGnb .gnbCloser:hover{transform: rotate(90deg);}
.hiddenGnb .gnbCloser:before{content:'\e007';font-family:'intaeFont';font-size:30px;color: #474747;font-weight:normal;-webkit-transition: all .15s ease-in-out;transition: all .15s ease-in-out;}
.hiddenGnb .gnbCloser:hover:before{color:#ff4141;}

.hiddenGnb #gnb{position:relative;font-family: 'NanumSquareRound', sans-serif;font-weight:600;margin-top:70px;text-align:center;}
.hiddenGnb #gnb > ul{font-size:0;}
.hiddenGnb #gnb > ul > li{display:inline-block;vertical-align:top;padding:20px;text-align:left;margin-right:25px;}
.hiddenGnb #gnb > ul > li:last-child{margin-right:0;}
.hiddenGnb #gnb > ul > li > a{font-size:17px;}

.hiddenGnb #gnb ul li ul{margin-top:30px;}
.hiddenGnb #gnb ul li ul li{display:block;text-align:left;}
.hiddenGnb #gnb ul li ul li a{display:inline-block;line-height:1.7em;padding:5px 0;font-size:14px;color:#6b6b6b;}
.hiddenGnb #gnb ul li ul li a:hover{color:#0777d7;text-decoration:underline;}
.hiddenGnb #gnb ul li ul li.on a{color:#0777d7;}



.hiddenGnb .includeInfo{position:absolute;bottom:15px;left:15px;z-index:19;font-size:0;color:#404040;position:relative;cursor:Help}
.hiddenGnb .includeInfo:before{content:'\e07a';font-family:'intaeFont';font-size:16px;color:inherit;display:inline-block;vertical-align:middle;}
.hiddenGnb .includeInfo:after{
		content:""attr(data-tip)"";
		font-family:'Nanum Gothic', sans-serif;
		font-size:10px;
		line-height:1.3em;
		color:#fff;
		display:inline-block;
		position:absolute;
		top:-50%;
		left:100%;
		margin-top:-1em;
		margin-left:7px;
		width:auto;
		padding:0.4em 1em;
		background:rgba(0,0,0,0.7);
		border-radius:4px;
		white-space: nowrap;
		transition: all .2s ease-in-out;
		opacity:0;
		visibility: hidden;
		z-index:39;
		}
.hiddenGnb .includeInfo span:before{
		content:'';
		width:0;
		height:0;
		border-left: 4px solid transparent;
		border-right: 4px solid rgba(0,0,0,0.65);
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		position:absolute;
		top:50%;
		left:100%;
		margin-left:-1px;
		margin-top:-4px;
		transition: all .2s ease-in-out;
		opacity:0;
		visibility: hidden;
		z-index:39;
		}
.hiddenGnb .includeInfo:hover:after,
.hiddenGnb .includeInfo:hover span:before{opacity:1;visibility: visible;}
.hiddenGnb .includeInfo.htmlOn:after{color:#212121;background:rgba(255,231,71,0.9);font-weight:bold;}
.hiddenGnb .includeInfo.htmlOn span:before{border-right-color:rgba(255,231,71,0.9);}





/* 해더 맥스값 고정 */
.header_container{min-width:900px;max-width:1520px;margin-left:auto;margin-right:auto;}

@media screen and (max-width: 1520px){
	#header{padding:0 40px;}
}


/* 관리자 전용 좌측 서브매뉴 */
#subMenu{position:fixed;top:0;left:0;z-index:20;}