@charset "utf-8";
/*==================================================
    Common Style
==================================================*/
* {
    -webkit-user-select:html;
    -khtml-user-select:html;
    -moz-user-select:html;
    -ms-user-select:html;
    user-select:html;
}
html { width:800px; max-width:800px; height:100%; }
.wrapper { position: relative; width:100%;  margin:0 auto;  border:0px solid #FF0000;  }      
.fsz11 { font-size: 11px; }
.fsz12 { font-size: 12px; }
.fsz13 { font-size: 13px; }
.fsz14 { font-size: 14px; }
.nav1 a:link , .nav1 a:visited , .nav1 a:active .nav1 a:hover { color: 000; text-decoration: none;  }
.nav2 a:hover { color: #bb162b;   }

h1 { font-size:48px; color:#272727; font-family:'calibri'; margin-top:70px; font-weight: normal;}
h2 { position:relative; font-size:16px; color:#272727; font-family:'calibri'; margin-top:-10px;  font-weight: normal; }
h2:after { position:absolute; left:0; top:55px;  width:69px; border-bottom:2px solid #789e07; content:''; font-weight: normal;}
h3 { font-size:35px; line-height:140%; color:#272727; font-family:'NanumGothic','나눔 고딕', '돋움', 'Dotum'; margin-top:70px; margin-bottom:20px; font-weight: 100; letter-spacing:-2px; }
h4 { font-size:32px; color:#272727; font-family:'calibri'; } 
h5 { width:100%; height:1px; border-bottom:1px solid #eeeeee; margin:30px 0;} /* line*/
/*==================================================
    article Style
==================================================*/
#contents { width:700px; padding:0 50px;  border:0px solid #000; font-size: 20px; background:#FFFFFF;}
#contents .cnt-wrap { width:100%; height:100%; min-height:100%; display:block; margin: 0px; padding:0 0 50px;  letter-spacing:-0.5px; }
#contents .cnt-wrap span.text { display:inline-block; margin:10px 0; font-size:30px; line-height:150%; color:#7c7c82;  }
#contents .cnt-wrap div.img {   text-align:center; vertical-align: top;}
#contents .cnt-wrap .sub-visual{   text-align:center; vertical-align: top;}
 
#popup { position: absolute; width:800px; height:100%; min-height:100%; left:0; top:0;  z-index: 9999;  display:none; }
#popup .bg { width:100%; height:100%;  background: #000; opacity:0.85; }
#popup .wrap { position: absolute; left:50px; top:50px;  z-index: 15; text-align:center; }
#popup .wrap .load { position:relative; display: inline-block; margin-top:5%;  }
#popup .wrap .load .title { color:#FFFFFF; font-size:35px;  text-align: left; }
#popup .wrap .load .close {position:absolute; top:30px; right:0; }
#popup .wrap .load .cnt { width:700px; margin:20px auto;}
#popup .wrap .load .cnt img { width:700px;}

/*==================================================
    mobile header footer Style
==================================================*/
#m-header { width:800px;  border:0px solid #FF0000;  text-align:center; }
#m-header .logo { display:inline-block; padding:20px 0; border-bottom:1px solid #e6e6e6; width:100%;}
#m-header .navi {   position:relative;  border-bottom: 1px solid #737373; }
#m-header dl { display:inline-block; width:155px; text-align:center; border:0px solid #ff0000; }
#m-header dl dt { display: inline-block; margin:0; text-align:center; }
#m-header dl dt a { color:#272727; font-size:23px; text-align:center; display:block; border:0px solid #ff0000; padding:25px; }
#m-header dl.active dt a , #m-header dl.on dt a { color:#789e07;  }
#m-header dl dd {  position:absolute; left:0; top:80px; ;  width:100%; text-align:center; z-index:100; display:none;}
#m-header dl dd ul {  width:800px; background:#31313b;}
#m-header dl dd ul li { position: relative; background:#31313b;  padding:20px; 0; border-bottom:1px solid #3f3f4b; }
#m-header dl dd ul li.last { border:0; }
#m-header dl dd ul li a { font-size:25px; color:#d7d7d7; display: block; padding:10px;}



#m-footer { clear:both; width:800px; background:#31313b; text-align:center;}
#m-footer .address { width:800px; color: #d7d7d7; font-size: 24px; margin:20px 0; padding-bottom:20px; border-bottom:1px solid #3f3f4b;  }
#m-footer >div , #m-footer >ul { display:inline-block;}
#m-footer .eng-address { width:100%; color: #7c7c82; font-size: 20px; margin:5px 0; padding-bottom:10px;  }
#m-footer >ul li { margin:0; color:#7c7c82; font-size:30px;  border:0px solid #ff0000; }

#m-footer .copyright { font-size:17px; margin-bottom:100px; padding:16px 0; }