@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
img {border:0px;}
*{margin: 0; padding: 0;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, sans-serif; font-size:10pt;}
ul, li{text-decoration: none; list-style: none;}

#main_set{padding-top:55px;}
.main_text_01{position:relative; height:510px;}
.main_text_02{width: 1100px; position:absolute; left:50%; margin-left:-550px; z-index:4;}
.main_text_03{padding:40px 0px 0px 40px;}

.main_img{position:absolute; width:1320px; height:510px; left:50%; margin-left:-660px; z-index:3;}

#main_bottom{width: 1100px; margin: 0 auto; padding:30px 0px 0px 0px;}

#mbn{cursor: pointer; text-align: center; width: 267px; float: left; margin-bottom: 30px;}
#mbn a{text-decoration:none;}
#mbn a:hover div.mnb01{color:#333333;}
#mbn a:hover div.mnb02{color:#47789b;}
#mbn a:hover div.mnb03{color:#adadad; text-decoration:underline;}
.mnb01{font-size:8pt; color:#666; font-weight:bold;}
.mnb02{font-size:15pt; color:#333; font-weight:bold; padding:5px 0px 5px 0px;}
.mnb03{font-size:8pt; color:#adadad; letter-spacing:0; line-height:140%; padding-bottom:10px;}
.mnb_right{margin-right: 10px;}

.mgallery{border:1px solid #e8e8e8; padding:15px 0px 15px 0px; background-color:#f5f5f5;}
.main_banner{padding-bottom: 25px;}
.main_banner_txt{height: 40px; clear: both;}

.copy{width: 1100px; margin: 0 auto; color:#999; padding:25px 0px 15px 0px;}

#sub_section{padding-top: 55px;}
#sub_top{width: 100%; height: 181px; background:url(/gnuboard4/images/subtop.jpg) center top no-repeat; padding-top: 15px;}
.sub_top_txt{width: 1100px; margin: 0 auto; padding-top:15px;}


#sub_con{width: 1100px; margin: 0 auto; margin-top: 20px;}
#sub_con #left_menu, #sub_page{float: left;}
#sub_page{width: 860px;}
#left_menu{width: 180px; margin-right: 60px;}
#submenu a{background:url(/gnuboard4/images/lbg-off.jpg) left top no-repeat; width:180px; height:30px; text-decoration:none; color:#666; font-size:10pt; padding-left:10px; padding-bottom:3px; line-height:30px; float:left;}
#submenu a:hover{background:url(/gnuboard4/images/lbg.jpg) left top no-repeat; color:#fff;}
.bigtitle{font-size:18px; color:#333; font-weight:bold; padding:5px 0px 10px 0px;}
.title{font-size:17pt; color:#333; font-weight:bold; border-bottom:1px solid #d5d5d5; padding-top: 30px; padding-bottom:5px;}
.title span{font-size:10pt; color:#666; font-weight:normal;}
.sub_page_con{padding:30px 0px 50px 0px;}

.lbn01{font-size:10pt; font-weight:bold; color:#333;}
.lbn01 b{color:#47789b; font-size:15pt; font-weight:bold; font-family:arial; letter-spacing:-1;}
.lbn02{font-size:9pt; color:#666;}
.lbn02 b{font-size:10pt; font-weight:bold; color:#333;}

 @media all and (max-width: 768px) {
   .main_text_02{width: 100%; left:0px; margin-left:0px;}
   .main_text_03{padding:60px 0px 0px 30px;}
   .main_img{width: 100%; left:0px; margin-left:0px;}

   #main_bottom{width: 100%;}
   #mbn{width: 50%; margin-top: 20px;}
   .mnb_right{margin: 0px;}
   .main_banner_txt{text-align: center; padding-top: 20px;}
   .copy{width: 100%; text-align: center;}

    #sub_top{height: 150px; padding-top: 50px;}
   .sub_top_txt{width: 100%;}
   .sub_top_txt img{width: 80%;}

   #sub_con{width: 100%; margin-top: 0px;}
   #sub_page{width: 100%;}
   .title{text-align: center; padding: 20px 0px;}
   .t_none{display:none;}
 }

 @media (max-width:580px){
   #main_bottom{padding-top: 10px;}
   #mbn{float: none; width: 95%; margin: 0 auto; border: 1px solid #d5d5d5; padding:20px 0px 20px 0px; margin-bottom: 10px;}
   .main_text_01{height:250px;}
   .main_text_03{padding-top: 120px 0px 0px 10px;}
   .main_text_03 div img{width: 80%;}
   .main_img{height:250px;}

   .main_banner{padding-bottom:0px;}
   .m_none{display: none;}
 }