@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* CSS Document */

/*content*/
#content{width:100%;}

#svisual{width:100%; position:relative;}
#svisual .ibox img{width:100%;}
#svisual .tbox{position:absolute; top:13%; left:18%; color:#fff; text-align:center;}
#svisual .tbox h2{font-size:1.500em; letter-spacing:-0.075em;}
#svisual .tbox p.tit{font-size:1.000em; line-height:1.375em; padding-top:2%; letter-spacing:-0.094em; font-weight:600; text-shadow:0.313em 0.313em 0.250em #292929;}

#cont01{width:100%;}
#cont01 .map{width:90%; padding:0 5%; background:#f7f7f7;}
#cont01 .map .root_daum_roughmap{width:100% !important;}
#cont01 .sub img{width:100%;}
#cont01 .board{overflow:hidden; margin:3% 2% 19% 2%;}

#smenu{width:100%; margin-bottom:3%;}
#smenu ul{background:#ddd; overflow:hidden;}
#smenu ul li{float:left; width:33.3%; text-align:center; font-size:1.000em; letter-spacing:-0.075em;}
#smenu ul li a{display:block; padding:11% 0; color:#666;}
#smenu ul li a:hover{background:#ccc;}
#smenu ul li.on{background:#ccc;}

#smenu ul.cs_menu li{width:50%;}
#smenu ul.cs_menu li a{padding: 7% 0;}

.sub02 .tbox{left:14% !important;}
.sub06 .tbox{top:23% !important; left:23% !important;}
.sub07 .tbox{top:25% !important; left:14% !important;}

#cont01 .privacy{padding:3%; line-height:1.500em; font-size:1.000em; letter-spacing:-0.075em;}
#cont01 .privacy ul{overflow:hidden; margin:2% 0;}
#cont01 .privacy ul li{font-size:0.938em; color:#666;}
#cont01 .privacy ul li span{display:block; letter-spacing:0; font-weight:600; color:#999;}
#cont01 .privacy ul li span a{color:#999;}
#cont01 .privacy .gray{color:#666;}

@media screen and (max-width:375px) {
#svisual .tbox{left:14%;}
.sub02 .tbox{left:10% !important;}
.sub06 .tbox{left:20% !important;}
}

@media screen and (max-width:320px) {
#svisual .tbox{top:8%; left:9%;}
.sub02 .tbox{left:4% !important;}
#smenu ul li{font-size:0.875em;}
.sub06 .tbox{left:13% !important;}
}