@charset "utf-8";
body {
	overflow-y:scroll;
}
.dim{display:hidden;}
/* dHead */
#dHead { position:absolute;z-index:1000001;width:100%;
background: url(../image/topmenu.png);
	
}
#dHeadArea {
	position:relative;
	width:100%;
	height:119px;
	margin:0 auto;
	overflow:hidden;
border-bottom: 1px solid #ccc;

	 
	
}
/* button */
button	{display:inline-block; padding:0; border:0; background:transparent; text-align:center; vertical-align:middle; cursor:pointer; white-space:nowrap}
.btn_nav	{display:none}

#topuntillarea{height:44px;width:100%;position:relative;margin:0 auto;}
#topuntillarea .top-utill {position:absolute; top:0px; right:100px; }
#topuntillarea .top-utill ul{float:left;}
#topuntillarea .top-utill li {float:left; margin-left:3px; padding:13px 8px; font-size:12px;   }
#topuntillarea .top-utill li.bekeub{background:#16216a;height:20px;}
#topuntillarea .top-utill li a{display:block;color:#fff;font-family:'Noto Sans KR';font-size:14px; padding:0px 6px 0px 10px; line-height:18px;}
#topuntillarea .top-utill li a:hover{color:#fff;}

#topuntillarea .top-utill li.toptel a{color:#ffff81; }
#topuntillarea .top-utill li.toptel a span{}
#topuntillarea .top-utill li.toptel a strong{font-size:19px;letter-spacing:-1px; padding-top:0;}
#topuntillarea .top-utill li.bekeub a{font-size:16px;letter-spacing:-1px;}
#topuntillarea .top-utill li.bekeub a.topicon{background:url(../image/topicon.png) no-repeat 0 0px;padding-left:35px;padding-top:0;height:25px}
 
#LogoMenu{clear:both;width:100%;max-width:1500px;position:relative;margin:0 auto;}


.mobiletel{display:none;}
/* gnb */
#LogoMenu .logo {position:absolute; padding-top:8px; left:10px;}
#LogoMenu .logo img{max-width:100%;}

#gnb {padding:25px 0 0  0px;margin-left:30%;position:absolute;width:70%; }
#gnb ul {overflow:hidden; zoom:1;}
#gnb ul > li {float:left;  padding:0 ;/*background:url("../image/line.png") no-repeat right 0;*/ text-align:left;padding:0 20px;min-width:110px;}
#gnb ul > li.gnb-depth06{padding-right:30px;}
#gnb ul > li > a{font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px;font-size:19px;font-weight:500;color:#333333;}
#gnb ul > li > ul > li {text-align:left;padding:0;word-break:break-all;max-width:110px;word-wrap:break-word;margin-bottom:5px;}
#gnb ul > li > ul > li a{color:#fff;font-weight:normal;font-size:14px;letter-spacing:-1px;word-break:break-all;word-wrap:break-word;line-height:1.1;}
#gnb ul > li > ul > li a:hover{color:#fff;font-weight:bold;}
 #gnb ul > li > ul > li a.ltxt{;letter-spacing:-2px;}
  
 
#gnb li.last{padding-right:0px;background:none;}
#gnb ul ul {display:none; padding:30px 0 0 0;}
#gnb ul > li.gnb-depth06 ul{padding-left:40px;}
#gnb ul.hover ul{display:block;}
  
#gnb li li { background:none; position:relative; float:none;  text-align:center;}
 


#gnb a{color:#333333;}
#gnb a:hover{color:#000;}
@media all and  (max-width:1450px){
	#gnb ul > li {padding:0 10px; }
}
@media all and  (max-width:1290px){
	#gnb ul > li { min-width:100px;}
	#gnb ul > li > ul > li {max-width:100px;}

}
@media all and  (max-width:1200px){
	#gnb {padding:25px 0 0  0px; }
	#gnb ul > li { padding:0 0px;} 
	#LogoMenu .logo {width:250px;padding-top:15px;}
 	#gnb ul > li > a{font-size:17px;}

}
 
@media all and  (max-width:1024px){
 	#topuntillarea .top-utill {right:10px; }
}


@media all and  (max-width:1000px){
#dHead {  
background: url(../image/topmenu_mobile.png);
	
}

#dHeadArea {
 	height:127px !important

 	
}
#topuntillarea{height:66px;}

#topuntillarea .top-utill {position:absolute; top:0px; right:0; width:100%;}
#topuntillarea .top-utill ul{float:none;width:100%;text-align:center;position:relative;margin:0 auto}
#topuntillarea .top-utill li {display:inline-block;margin-left:0px; padding:5px 0px;float:none;  }
#topuntillarea .top-utill li.pconly{display:none;}
#topuntillarea .top-utill li a{padding:13px 15px 0px 20px; line-height:1.4;font-size:18px; }
#topuntillarea .top-utill li.toptel{float:none;display:none; text-align:right;}
#topuntillarea .top-utill li.top_sch{float:none; }

#LogoMenu .logo {position:relative;  left:0%;text-align:center;width:60%;margin: 0 auto;padding-top:8px; }
#LogoMenu .logo img{width:100%;max-width:280px;}

	.mobiletel{
			display:block;
			position:absolute;
			right:10px;
			top:8px;
			 
			
			 
	}
	.mobiletel a{
	display:block;
	color:#555;
	padding-top:28px;
	font-size:12px;
	letter-spacing:-1px;
	
	background:url('../image/mobile_tel.png') no-repeat center 5px;
	
	}
	.mobiletel span{display:block;text-align:center;color:#555;}

	 .btn_nav	{display:block;outline: none;}
	 .btn_nav.open	{outline: none;z-index:100000;position:absolute; top:77px; left:10px; width:43px; height:50px; background:url('../image/mob_open.png') no-repeat center 0; }
	 .btn_nav.open span{font-family:'Noto Sans KR';display:block;font-size:11px;font-weight:400;	color:#555;letter-spacing:-0.03em;padding-top:20px;text-align:center;}
	 .on .btn_nav.open{display:none;}
 	 .btn_nav.closed	{position:fixed; top:25px; left:15px; width:30px; height:30px; background:url('../image/mob_close.png') no-repeat 0 0;z-index:10000001;text-indent:-100000px;opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}	 
	 .on .btn_nav.closed	{display:block;   opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} 

	 #dHead {position:fixed;  left:0;}
 

	 #gnb	{  position:fixed; z-index:10000; top:0px; left:-280px; bottom:0; margin-left:0; width:280px; background:#0056b8}
	 #gnb ul{position:relative;float:none;top:70px;width:280px; }
	 #gnb ul	{float:none;text-align: left;}
	 #gnb ul li{float:none; width:100%; text-align:left;margin:0 !important; border-bottom:1px solid #1a67bf;}
	 #gnb ul > li.gnb-depth06{padding-right:0px;}
	 #gnb ul li a{padding:0px 40px 0 20px; font-size:16px; text-align:left; line-height:40px;color:#fff;}
	 #gnb ul li a:hover{color:#a3ffff;}

	 #gnb ul li a:after		{content:""; display:block !important; position:absolute; top:10px; right:20px; width:17px; height:14px; background:url('../image/bg_gnb_arr.png') no-repeat 0 -16px}
	 #gnb ul li:hover a:after		{content:""; display:block !important; position:absolute; top:10px; right:20px; left:auto; width:17px; height:14px; background:url('../image/bg_gnb_arr.png') no-repeat 0 -16px}
	 #gnb ul li.on a:after	{top:16px; background-position:0 0px;}

	 #gnb ul li.on ul li a:after	{display:block !important;background:none;}	
	 #gnb ul li.on:hover a:after ul li a:after	{display:block;;background:none;}
	 #gnb ul li ul li a:after	{display:none !important}
	 #gnb ul li:hover ul li a:after	{display:none !important}



	 #gnb ul li ul{display: block;  position: relative; overflow: hidden; padding-top:0px;  padding-left:10px;top:0px;margin-top:0px }

	#gnb ul li ul.active {display: block;}
 
 
	 #gnb ul li ul	{position:static !important; display:block; margin:0 !important; padding:0px 0 !important; border:0; box-shadow:none;margin-top:0;}
	 #gnb ul li ul li{float:none !important; border:0;padding:0;text-align:left;margin:0;background:url(../image/icon.png) no-repeat 10px center;}
	 #gnb ul > li > ul > li {max-width:100%;}
	 #gnb ul li ul li a	{color:#fff;margin:0 !important; padding:0 30px; font-size:12px !important; line-height:20px !important;  text-transform:none;}
	 #gnb ul li ul li:first-child a:hover	{box-shadow:none}

	 

 	 .dim	{display:block; position:fixed; z-index:1099; top:0; right:-100%; bottom:0; left:100%; background:#000; opacity:0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}

	 .on #gnb{left:0}
	 #gnb ul li ul{overflow:hidden; max-height:0; padding:0 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
	 #gnb ul li.on ul	{max-height:1000px !important; padding:10px 0 !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease;}
	 #gnb ul li.on ul li ul	{padding:0 !important}

 

	 #gnb > ul > li		{-webkit-transform: translate3d(250px, 0, 0); -moz-transform: translate3d(250px, 0, 0); -o-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); -webkit-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); -o-transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);	}
	 .on #gnb > ul > li	{-webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	 .on .dim	{display:block; right:0; left:-2000%; opacity:0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} 

}
/*@media all and  (max-width:460px){
#topuntillarea .top-utill li a{ padding:0px 3px 0px 3px;  }
}*/
@media all and  (max-width:480px){
	#LogoMenu .logo {
	  padding-top:10px; 
	 }
}
@media all and  (max-width:380px){
	#topuntillarea .top-utill li a{padding:13px 10px 0px 10px; line-height:1.4;font-size:16px; }
	#LogoMenu .logo {
	  padding-top:12px;; 
	 }
}
 @media all and  (max-width:320px){
 #dHeadArea {height:80px;}
 .btn_nav.open{top:73px; }

  
 
}

/*오른쪽배너*/
#righrquick{background:#333;width:95px;position:fixed;right:0;z-index:1000000;height:100%; }
#righrquick h4{background:#fae100;text-align:center;font-size:20px;line-height:24px;padding:20px 0;}
#righrquick .right_quicklist{}
#righrquick .right_quicklist ul li{height:100px;color:#fff;text-align:center;border-bottom: 1px solid #484848;}
#righrquick .right_quicklist ul li.back_naver{background:#00c930;height:80px;}
#righrquick .right_quicklist ul li.back_daum{background:#fef100;height:180px;}
#righrquick .right_quicklist ul li.back_youtube{height:80px;background:#fff;}
#righrquick .right_quicklist ul li a{display:block;color:#fff;padding-top:70px;}
#righrquick .right_quicklist ul li a.right_youtubearea{padding-top:15px;}
#righrquick .right_quicklist ul li a.right_instar{padding-top:15px;padding-bottom:10px;}
#righrquick .right_quicklist ul li a.naverblog{background:url(../image/right_icon1.png) no-repeat center center;padding-top:50px;}
#righrquick .right_quicklist ul li a.daumkakao{background:url(../image/kakao.png) no-repeat center 10px;padding-top:10px;}
#righrquick .right_quicklist ul li.back_daum a .kakao_txtA{text-align:center;font-size:13px;font-weight:500;padding-top:40px;color:#000;line-height:15px;letter-spacing:-1px;}
#righrquick .right_quicklist ul li.back_daum a .kakao_txtB{text-align:center;font-size:12px;color:#3c1e1e;letter-spacing:-1px;line-height:13px;margin-top:5px;border-top: 1px dashed #e5d300;padding-top:5px;}
#righrquick .right_quicklist ul li.back_daum a .kakao_txtC{text-align:center;font-size:12px;color:#ff521e;letter-spacing:-1px;line-height:13px;padding-top:10px;}
#righrquick .right_quicklist ul li.back_daum a .kakao_txtD{text-align:center;font-size:14px;color:#2b85d2;font-weight:500;letter-spacing:-1px;line-height:14px;padding-top:3px;}
#righrquick .right_quicklist ul li a.R_quick_A{background:url(../image/right_icon2.png) no-repeat center center;}
#righrquick .right_quicklist ul li a.R_quick_B{background:url(../image/right_icon3.png) no-repeat center center;}
#righrquick .right_quicklist ul li a.R_quick_C{background:url(../image/right_icon4.png) no-repeat center center;}
#righrquick .right_quicklist ul li a.R_quick_D{background:url(../image/right_icon5.png) no-repeat center center;}
#righrquick .right_quicklist ul li a.R_quick_E{background:url(../image/right_icon6.png) no-repeat center center;}

@media all and  (max-width:1024px){
#righrquick { display:none;}

}


/*sns*/
.bottom_snslink{clear:both;display:none;}


@media all and  (max-width:1024px){
.bottom_snslink{display:block;}
.bottom_snslink .snsblock{float:left;width:33.3%;text-align:center;padding:15px 0px;}
.bottom_snslink .snsblock a{padding:10px 0px;margin: 0 auto;letter-spacing:-1px}
.bottom_snslink .naverblog{background:#00c930;}
.bottom_snslink .naverblog a{background:url(/image/right_icon1.png) no-repeat 0 center;padding-left:30px;}
.bottom_snslink .naverblog a,
.bottom_snslink .naverblog a:hover{color:#fff;}
.bottom_snslink .kakaoblog{background:#fef100;}
.bottom_snslink .kakaoblog a{background:url(/image/kakao.png) no-repeat 0 center;padding-left:40px;}
.bottom_snslink .youtube_bottom{background:#fff;}
.bottom_snslink .youtube_bottom a{background:url(/image/icon_youtube2.png) no-repeat 0 center;padding-left:40px;}
.bottom_snslink .instar_bottom{background:#fff;}
.bottom_snslink .instar_bottom a{background:url(/image/icon_instar.png) no-repeat 0 center;padding-left:40px;}

 
}

@media all and  (max-width:400px){
 .bottom_snslink .snsblock a{font-size:13px;}
 .bottom_snslink .naverblog a{background-size:18px;padding-left:25px;}
  .bottom_snslink .kakaoblog a{background-size:25px;padding-left:30px;}
   .bottom_snslink .youtube_bottom a{background-size:25px;padding-left:30px;}
}

/*footer*/
#footerarea{clear:both;position:relative;width:100%;background:#2b2b2b; letter-spacing:-0.03em;}
.bottomlink{width:100%; }
.bottomlink .bottomlinkbox{margin: 0 auto;padding-top:10px;}
.bottomlinkbox ul {padding-left:20%;}
.bottomlinkbox ul li{float:left;margin-right:10px;text-align:center; padding-bottom:10px; }
.bottomlinkbox ul li:first-child{border-left:0px}
.bottomlinkbox ul li a{color:#d7d7d7;padding:0 10px;font-size:13px;font-weight:300;}
.bottomlinkbox .blank{display:inline-block;width:0;height:0px;vertical-align:middle}
.bottomlinkbox ul li.personaltxt a{font-size:15px;font-weight:400;color:#fef100;}


.footerarea_in{clear:both;position:relative;margin: 0 auto;  padding-top:20px;border-top: 1px solid #414141;}
.footerarea_in .bottom_logo{float:left;margin-right:0px;width:20%;text-align:right;padding-left:0px;padding-top:10px;}
.footerarea_in .bottom_logo img{padding-right:20px;}
.footerarea_in .addr{float:left;width:75%;color:#959595;font-size:13px;line-height:150%;}
.footerarea_in .addr span{margin-right:2px;}
.footerarea_in .addr strong{color:#636363;}
.footerarea_in .addr span strong.telarea{color:#4473cf;margin-left:0px; }
.footerarea_in .addr p.cpyright{color:#636363;font-size:12px; letter-spacing:0px;}

 .blankclear{clear:both;height:10px;}

.partnerarea{clear:both;background:#fff;}
.partnerarea ul{position:relative;text-align:center;margin:  0px auto 0 auto;padding:10px 0;right:80px}
.partnerarea ul li{display:inline-block;text-align:center;margin-left:2%;margin-right:2%;}

 @media all and  (max-width:1364px){
.partnerarea ul li{margin-left:10px;margin-right:10px;}
 }

  @media all and  (max-width:1260px){
.partnerarea ul li img{height:35px}
 }
 @media all and  (max-width:1030px){
 .partnerarea ul{right:0px}
 }
 @media all and  (max-width:850px){

 .partnerarea ul li{width:45%;text-align:left;display:block;float:left;margin-bottom:10px;}
   }

 @media all and  (max-width:600px){
 .bottomlink{width:100%;position:relative;text-align:center;margin:  0px auto 0 auto; }
 .bottomlinkbox {position:relative;text-align:center;margin:  0px auto 0 auto;}
 .bottomlinkbox ul {padding-left:0;width:100%; position:relative;text-align:center;margin:  0px auto 0 auto;}
 .bottomlinkbox ul li{display:inline-block;text-align:center;float:none;padding-bottom:0px;}
 
 }

@media all and  (max-width:480px){
 .footerarea_in .addr span{display:inline-block;}

 }
 @media all and  (max-width:420px){
.bottomlinkbox ul li{margin-right:3px;}
.bottomlinkbox ul li a{padding:0 2px;}

 }

@media all and  (max-width:320px){
.bottomlinkbox ul li a{font-size:12px;}
.footerarea_in{padding-top:5px;}
.footerarea_in .bottom_logo{float:none;width:100%;text-align:center;padding-top:0px;}
.footerarea_in .addr{width:100%;}

 }