@charset "utf-8";

@font-face {
    font-family: 'HakgyoansimDunggeunmisoTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimDunggeunmisoTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'TTLaundryGothicB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Recipekorea';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('https://cdn.jsdelivr.net/gh/fonts-archive/Recipekorea/Recipekorea.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Recipekorea/Recipekorea.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Recipekorea/Recipekorea.otf') format('opentype'),
         url('https://cdn.jsdelivr.net/gh/fonts-archive/Recipekorea/Recipekorea.ttf') format('truetype');
}

@font-face {
    font-family: 'CookieRun-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}



html,body { font-family:'Pretendard', 'Noto Sans KR', "Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto; }
#doc {overflow:hidden;position:relative;min-width:360px; z-index:3999;min-width:360px;opacity:0;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-ovclick{position:fixed;z-index:3010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1201px){
		.header-ovclick{display:none !important}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1005; height:auto !important}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{position:absolute; left:0; top:0; width:100%; min-width:320px;}
/* #header-wrap:after{position:absolute; left:0; top:0; display:block; content:"";z-index:-1; width:100%;height:100%; z-index:-1;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;transition: background 0.3s ease-in-out;}
#header-wrap.fix:after{background:#fff;} */
#header{height:90px;}

#logo{position:absolute; left:40px; top:25px; width:309px; height:50px; z-index:2009;}
#logo a{display:block; height:50px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}

/* #header-wrap.fix #logo a{background-image:url(../img/logo-over.png)} */
	@media only screen and (max-width:1199px){
		#header{height:70px;}
		#logo{width:247px; height:40px; top:17px; left:20px;}
		#logo a{height:28px;}
	}
	@media only screen and (max-width:999px){
		#logo{width:200px; height:32px; top:20px; left:15px;}
		#logo a{height:32px;}
	}

#header .bt-mnall{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-17px; right:17px;}
#header .bt-mnall .bar{position:absolute;left:3px;width:24px;height:2px;background:#fff}
#header .bt-mnall .bar.no1{top:6px}
#header .bt-mnall .bar.no2{top:14px}
#header .bt-mnall .bar.no3{top:22px}
#header .bt-mnall .bar.no1, #header .bt-mnall .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-mnall .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-mnall.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-mnall.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-mnall.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

/* .fix #header .bt-mnall .bar{background:#111;}
.fix #header .bt-allmenu .bar{background:#111;} */


#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; top:30px; right:35px;}
#header .bt-allmenu .bar{position:absolute;left:3px;width:24px;height:2px;background:#fff}
#header .bt-allmenu .bar.no1{top:6px}
#header .bt-allmenu .bar.no2{top:14px}
#header .bt-allmenu .bar.no3{top:22px}
#header .bt-allmenu .bar.no1, #header .bt-allmenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-allmenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-allmenu.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-allmenu.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-allmenu.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}
	
#allmenu-wrap{position:fixed; top:0;left:0; display:none;;opacity:0; z-index:3005;background:url(../img/allmenu-bg.jpg) no-repeat center center; background-size:cover;background-attachment:fixed; width:100%;height:100%; box-sizing:border-box; overflow-y:auto; padding:70px 0 0 0 ;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}	
#allmenu-wrap.open{display:block;}
#allmenu-wrap.open.show{opacity:1}
#allmenu-wrap h2{background:url(../img/logo-over.png) no-repeat left center; background-size:100% auto; width:309px;height:50px; position:absolute; left:50%; margin-left:-148px;top:100px}	
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/bt-mnclose.png) no-repeat center center; background-size:26px auto;right:35px; top:32px;}
#allmenu-wrap .allmenu{padding:150px 0 70px 0}
#allmenu-wrap ul{max-width:1200px; margin:0 auto; font-size:0;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{display:inline-block;vertical-align:top; width:20%; box-sizing:border-box;padding-left:5%}
#allmenu-wrap li.mn_l1:nth-child(n+6){margin-top:70px;}
#allmenu-wrap li .mn_a1 {font-size:24px;font-weight:700; line-height:1.5em; color:#111; letter-spacing:-0.02em; font-family: 'HakgyoansimDunggeunmisoTTF-B';}
#allmenu-wrap li .depth2-wrap{padding-top:25px ;min-height:250px;}
#allmenu-wrap li .depth2{}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:7px;}
#allmenu-wrap li .mn_a2{font-size:15px;font-weight:400; line-height:1.2em; color:#111; letter-spacing:-0.02em; padding:4px 0 4px 14px; position:relative;}
#allmenu-wrap li .mn_a2:hover{color:#0062cb}
#allmenu-wrap li .mn_a2:before{width:5px;height:1px; background:#555; position:absolute; left:0; top:14px; display:block; content:""}
	@media only screen and (min-width:1200px){
		#header .bt-mnall{display:none;}
	}
	@media only screen and (max-width:1199px){
		#header .bt-mnall{display:block;}
		#header .bt-allmenu{display:none;}
		#allmenu-wrap{display:none !important;}
	}




	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1200px){
		#mainNavi-wrap {display:none !important;}
		
	}
	@media only screen and (max-width:1199px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-280px;min-width:280px;overflow-y:auto;overflow-x:hidden;top:0;width:280px;height:100%;/* height:calc(100% - 60px); */-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi-wrap.open #mainNavi{right:0;}
		
		.bt-mnclose {position:absolute;display:block;z-index:2599; width:60px; height:61px; background:url(../img/bt-mnclosew.png) no-repeat center center #111; background-size:24px auto;right:0; top:0;}

		.tm-top{position:relative; border-bottom:1px solid #ededed}
		.tm-top h2{ background:#fff url(../img/logo-over.png) no-repeat 18px center; background-size:185px auto; height:60px;}
	
		.topmenu {width:100%;display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:102;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:2px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:1px;top:50%;width:50%;height:1px;background:#252525;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:20px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before{background:#fff;left:2px;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after{background:#fff;right:2px;transform: rotate(45deg);}
	
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #ededed;padding:17px 30px 17px 20px;overflow:hidden;font-size:16px;font-weight:400;letter-spacing:-0.02em;white-space:normal;cursor:pointer;color:#000; z-index:101}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{background:#355691;color:#fff; font-weight:500;border-color:#355691;}


		.topmenu li > div {display:none;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;border-bottom:1px solid #ededed;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:4px 40px 4px 32px; position:relative;}
		.topmenu .depth2 .mn_a2:before{width:5px;height:1px; position:Absolute; left:20px; top:13px; background:#666; display:block; content:""}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:400;cursor:pointer;color:#111;}
		.topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#2674e3;text-decoration:underline}
		.topmenu .depth2 .mn_a2:hover:before{background:#2674e3;}

		.mn-bar {display:none;}

		.mn-other{position:relative; padding:15px 15px}
		.mn-other ul{ margin:0 -0.5%}
		.mn-other ul:after{display:block; content:"";clear:both}
		.mn-other li{float:left; width:32.33333%;text-align:center; margin:0 0.5%}
		.mn-other li a{font-size:12px; color:#fff; line-height:1.2em; letter-spacing:-0.03em; display:block; padding:52px 5px 0 5px;word-break: keep-all; height:80px; box-sizing:border-box;}
		.mn-other li:nth-child(1) a{background:#999 url(../img/mn-other01.png) no-repeat center 15px; background-size:32px auto;}
		.mn-other li:nth-child(2) a{background:#77a8d2 url(../img/mn-other02.png) no-repeat center 17px; background-size:28px auto;}
		.mn-other li:nth-child(3) a{background:#f4be01 url(../img/mn-other03.png) no-repeat center 17px; background-size:30px auto;}
		
		.mn-other li:nth-child(1) a:hover{background-color:#555}
		.mn-other li:nth-child(2) a:hover{background-color:#2f6b9f}
		.mn-other li:nth-child(3) a:hover{background-color:#f49001}
	}
	@media only screen and (max-width:680px){
		
	}
	












/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{position:relative; display:flex;align-items: center; justify-content: center; box-sizing:border-box; padding:50px 0;}
#container-wrap #contents{width:100%;}
	@media only screen and (max-width:1199px) {
		#container-wrap{padding:50px 0 80px 0;}
	}
	@media only screen and (max-width:999px){
		#container-wrap{padding:50px 0 60px 0; display:block}
	}
	@media only screen and (max-width:680px){
		#container-wrap{padding:70px 0 40px 0;}
	}
	@media only screen and (max-width:480px){

	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer{position:relative;text-align:left; }