/* CSS Document */
@charset "euc-kr";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* common */
html, body {margin:0; padding:0; }

div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top; }
li { list-style:none; float:left; display:inline;}


/* style */

*{margin:0;
  padding:0;
  border:0;}
  


html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;
	 width:100%;
	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
	 color:#1d0c01;
	 font-style:normal;
	 font-family: 'NanumSquare', sans-serif !important;
	 width:100%;
	 overflow:hidden;
	 }
	 
a { color:#1d0c01;
    text-decoration:none;}
	
	
a:hover{color:#bebebe;
        text-decoration:none;}
		
table{border:0;
      border-collapse:0;
	  border-spacing:0;}

td{vertical-align:middle;}
	  
ul, ol, li,{margin:0;
   padding:0;
   vertical-align:top;
   float:left;}
   
   
/* common */

#wrap{width:100%; max-width:1000px; min-width:280px; margin:0 auto;}
.center{width:96%;margin:0 auto;}
.mCenter{width:96%;margin:0 auto;}
.subImg{width:100%;}

#topWrap{width:100%; position:fixed; top:0; z-index:200; max-width:1000px; min-width:280px; background:#fff; border-bottom:1px solid #f1f1f1;}
#topWrap .logo{width:100%; float:left; padding:0; text-align:center;}
#topWrap .topMenu{width:100%; float:left; background:#fff; padding:15px 0; position:relative; z-index:9999;}
#topWrap .topMenu .logo{width:50%; position:absolute; left:0%; margin-left:2%; text-align:left;}
#topWrap .topMenu .logo img{height:45px;}
#topWrap .topMenu .menu{float:right; padding-right:2%;}
#topWrap .topMenu .menu .menuShow{display:block;}
#topWrap .topMenu .menu .menuClose{display:none;}

#topWrap .topMenu .topTel{float:right; padding-right:2%;}
#topWrap .topMenu .topTel a{display:inline-block;}
#topWrap .topMenu .topSns{float:right; padding-right:2%;}
#topWrap .topMenu .topSns a{padding-left:2px;}

#topWrap .topMenu .topLogin{float:right; padding-right:2%; padding-top:6px;}
#topWrap .topMenu .topLogin a{display:inline-block; padding:10px; color:#ffffff; background:#292929; border:1px solid #292929; font-size:12px;}


/* S : slide Menu*/
.slideMenu{width:100%; position:absolute; top:-100%; left:0; z-index:200; padding-bottom:10px; padding-top:70px; display:none;}

.slideTop{width:100%; float:left; padding:10px 0; background:#272727; border-bottom:1px solid #dbdbdb;}
.slideTop ul{width:100%; float:left;}
.slideTop ul li{padding:0 10px; float:left; text-align:center; height:40px;}
.slideTop a{display:inline-block; width:40px; height:40px; background-repeat:no-repeat; bacgkround-position:center center; border-radius:100%; text-indent:-99999;}
.slideTop a.zoom{background-image:url(../images/icon_link_zoom.jpg);}
.slideTop a.openChat{background-image:url(../images/icon_link_kakao.jpg);}
.slideTop a.blog{background-image:url(../images/icon_link_blog.jpg);}
.slideTop a.cafe{background-image:url(../images/icon_link_cafe.jpg);}


.slideMenu ul.menu{width:100%; float:left;}
.slideMenu ul.menu li{width:100%; float:left; border-bottom:none; background:#001970;}

.slideMenu ul.menu li a{width:100%; padding-left:20px; box-sizing:border-box; float:left; line-height:48px; font-size:18px; color:#fff; font-weight:bold;}
.slideMenu ul.menu li.on a{color:#fff; background:#001970;}
.slideMenu ul.menu li.on{color:#fff; background:#001970;}


.slideMenu ul.menu ul.sub{display:none;}
.slideMenu ul.menu ul.sub li{width:100%; float:left; background:#fff; border-bottom:none;}


.slideMenu ul.menu ul.sub li a{width:100%; box-sizing:border-box; padding-left:30px; line-height:36px; font-size:16px; color:#5d5d5d; font-weight:normal; border-bottom:1px solid #e4e4e4; background:#dbdbdb;}
.slideMenu ul.menu ul.sub li:last-child a{border-bottom:none;}


.slideMenu ul.menu ul.sub li .subStep3{width:100%; float:left;}
.slideMenu ul.menu ul.sub li .subStep3 li{width:100%; float:left; box-sizing:border-box; padding:0 0 0 30px;}
.slideMenu ul.menu ul.sub li .subStep3 li a{width:100%; box-sizing:border-box; padding-left:10px; line-height:30px; font-size:14px; color:#666; border-bottom:none; background:#ffffff;}



/* E : slide Menu*/




#footWrap{width:100%; float:left; background:#c9c9c9; padding:20px 0;}


.foot{width:100%; position:relative; float:left;}

.foot .fLogoWrap{width:100%; float:left; padding:10px 2%; box-sizing:border-box; border-bottom:1px solid #333333; margin-bottom:10px;}
.foot .fLogo{float:left;}

.foot .footLink{float:right; color:#000; font-size:15px; line-height:24px; padding:20px 0;}
.foot .footLink a{display:inline-block; padding:0 10px; color:#666666;}
.foot .footLink a:hover{color:#001970;}

.foot .copyWrap{width:100%; float:left; color:#323232; font-size:15px; line-height:24px;  box-sizing:border-box; padding:0 2%;}
.foot .copy{width:100%; float:left; padding-top:10px; color:#666666; font-size:14px; line-height:24px;}




@media screen and (max-width:640px){
	
	.foot .fLogo img{height:50px;}
		
    .foot .footLink{font-size:12px; letter-spacing:-1px; padding:15px 0;}
	.foot .footLink a{display:inline-block; padding:0 5px; color:#666666;}
	
	.foot .copyWrap{width:100%; float:left; color:#323232; font-size:13px; line-height:24px; letter-spacing:-1px;}
    .foot .copy{width:100%; float:left; padding-top:10px; color:#666666; font-size:12px; line-height:24px; letter-spacing:-1px;}
	
}





/* sub Page*/

#subWrap{width:100%; float:left; font-size:16px; background:#fff; position:relative; z-index:10;}
.subCont{width:100%; float:left; min-height:500px; padding-bottom:50px;}

.subTopWrap{width:100%; float:left; margin-top:71px;}
.subTopWrap .bradcrumWrap{width:100%; float:left; background:#001970; box-sizing:border-box; border-top:1px solid #001970; border-bottom:1px solid #001970; position:relative; z-index:20;}
.subTopWrap .bradcrum{width:100%; color:#2e2e2e; font-size:14px; line-height:20px; position:relative; z-index:20;}
.subTopWrap .bradcrum span.home{display:inline-block; width:40px; height:40px; background-image:url(../images/bletHome.png); background-repeat:no-repeat; background-position:center center; float:left; text-indent:-999999; border-right:1px solid #ffffff; border-left:1px solid #ffffff;}
.subTopWrap .bradcrum .mainBrad{display:inline-block; padding:10px; color:#ffffff; position:relative; z-index:2; border-right:1px solid #ffffff; box-sizing:border-box; float:left; line-height:20px; font-size:16px;}

.subTopWrap .bradcrum .subBrad{display:inline-block; padding:10px; color:#ffffff; position:relative; z-index:2; border-right:1px solid #ffffff; box-sizing:border-box; float:left;  line-height:20px; font-size:16px;}
.subTopWrap .bradcrum .subBrad span{display:inline-block; width:30px; height:20px; background-repeat:no-repeat; background-position:center center; float:right;  text-indent:-999999; margin-left:50px;}
.subTopWrap .bradcrum .subBrad .down{background-image:url(../images/bletDown.png);}
.subTopWrap .bradcrum .subBrad .up{display:none; background-image:url(../images/bletUp.png);}

.subTopWrap .bradcrum .subBrad ul.subBradLink{display:inline-block; width:calc(100% + 2px); position:absolute; top:40px; left:-1px; box-sizing:border-box; border:1px solid #292929; 
                                        background:#fff; display:none; z-index:200;}
.subTopWrap .bradcrum .subBrad ul.subBradLink li{width:100%; padding:3px 0px 3px 20px; box-sizing:border-box; font-size:13px; line-height:24px; color:#292929; background:#ffffff; text-align:left;}
.subTopWrap .bradcrum .subBrad ul.subBradLink li a{color:#292929;}
.subTopWrap .bradcrum .subBrad ul.subBradLink li a:hover{color:#001970;}
.subTopWrap .bradcrum .subBrad .subBradArea{width:110%; height:200px;position:absolute; top:50px; left:-5%; background:rgba(0,0,0,0); z-index:10; display:none;}

.subTopWrap .bradcrum .subBrad:hover ul.subBradLink{display:inline-block;}


.subCateStep03{width:100%; float:left; margin:10px 0; box-sizing:border-box; padding:10px;}
.subCateStep03 .subCateLink{width:100%; float:left;}
.subCateStep03 .subCateLink li{width:50%; float:left; box-sizing:border-box; padding:2px;}
.subCateStep03 .subCateLink li a{display:inline-block; width:100%; float:left; box-sizing:border-box; border:1px solid #001970; line-height:20px; font-size:16px; text-align:center; padding:8px 0;} 
.subCateStep03 .subCateLink li a.on{background:#001970; color:#ffffff;}
.subCateStep03 .subCateLink li.cate01{width:100%;}




.subTopWrap .subPageTit{width:100%; padding:50px 0 20px; float:left; font-weight:600; color:#292929; font-size:40px; line-height:40px; border-bottom:1px solid #dbdbdb; margin-bottom:50px; text-align:left; position:relative; z-index:1;}
.subTopWrap .subPageTit span{color:#666666; font-size:18px; font-weight:400;}
.subTopWrap .subBaord{width:100%; float:left; min-height:300px;}


@media screen and (max-width:850px){
	
	
  .subTopWrap .subPageTit{padding:30px 0 10px;font-size:30px; line-height:40px; margin-bottom:30px;}
  .subTopWrap .subPageTit span{color:#666666; font-size:18px;}
	
	
}


@media screen and (max-width:640px){
	
	
  .subTopWrap .subPageTit{padding:30px 0 10px;font-size:24px; line-height:30px; margin-bottom:30px;}
  .subTopWrap .subPageTit span{color:#666666; font-size:16px;}
	
  .subCateStep03 .subCateLink li a{font-size:14px; letter-spacing:-1px;}
  
  .subTopWrap .subPageTit{font-size:20px; line-height:30px; margin-bottom:20px; padding-top:10px;}
  .subTopWrap .subPageTit span{font-size:14px;}
  
  .subTopWrap .bradcrum .mainBrad{font-size:14px;}
  .subTopWrap .bradcrum .subBrad{font-size:14px;}
  .subTopWrap .bradcrum .subBrad span{display:inline-block; width:30px; height:20px; background-repeat:no-repeat; background-position:center center; float:right;  text-indent:-999999; margin-left:20px;}
	
}