@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

img {border:0px;}

body {background-color:#ffffff; 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:12px;}
*{margin:0px; padding:0px; list-style:none; text-decoration:none;}

a{text-decoration:none; margin:0; padding:0;}

ul{margin:0; padding:0; list-style:none;}

/*¸ÞÀÎ ÆäÀÌÁö*/
#main_header{width: 1100px; margin: 0 auto; border-bottom:1px solid #c9c9c9; height: 230px;}
.home_bt{width: 200px; padding-top: 20px;}
#topbt {text-align:right; width: 900px; padding-top: 25px;}
.home_bt, #topbt{height: 46px; float: left;}
.main_logo{text-align: center;}
#topbt a {padding-left:16px; color:#000000;}
#topbt a:hover {color:#a2a2a2;}

#main_section{width: 1100px; margin: 0 auto; margin-top: 37px;}
#main_img{height: 581px;}


#mainbg {background:url(/gnuboard4/images/main.jpg) repeat-x top center;}
#subbg {background:url(/gnuboard4/images/subbg.jpg) repeat-x top center;}
#subconbg {background-color:#ffffff;}
.line{text-align:center; margin: 39px 0px;}

#bottom_line{width: 1100px; margin: 0 auto;}
#bottom_line div{float: left;}

#bottommenu {padding:15px 0; background-color:#ffffff; width: 1100px; margin: 0 auto; text-align: center;}
#bottommenu a {font-size:15px; color:#757575; padding:0 40px;}
#bottommenu a:hover {color:#9d64a2;}

#main_footer{background:#dcdcdc; height: 100px;}
.copyadss{width: 1100px; margin: 0 auto;}
.copyadss div{float: left;}
.copyadd{padding:20px 0; line-height:20px; color:#535353; font-size:13px; width: 800px;}
.copylogo{text-align: right; width:300px; padding-top: 30px;}

.tbmbn{font-size:14px; line-height:23px; text-align:center; color:#5d5d5d;}
.m_roll{width: 550px;}
.mbn01, .mbn02, .mbn03, .mbn04, .mbn05, .mbn06{width:275px; height:275px;}
.m_roll, .mbn01, .mbn02, .mbn03, .mbn04, .mbn05, .mbn06{float: left;}
.tbmbn .mbn01 {background:url(/gnuboard4/images/mbn01.jpg) no-repeat top center;}
.tbmbn .mbn02 {background:url(/gnuboard4/images/mbn02.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn02:hover {background:url(/gnuboard4/images/mbn02_on.jpg) no-repeat top center;}
.tbmbn .mbn03 {background:url(/gnuboard4/images/mbn03.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn03:hover {background:url(/gnuboard4/images/mbn03_on.jpg) no-repeat top center;}
.tbmbn .mbn04 {background:url(/gnuboard4/images/mbn04.jpg) no-repeat top center;}
.tbmbn .mbn05 {background:url(/gnuboard4/images/mbn05.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn05:hover {background:url(/gnuboard4/images/mbn05_on.jpg) no-repeat top center;}
.tbmbn .mbn06 {background:url(/gnuboard4/images/mbn06.jpg) no-repeat top center;}
.mbn_t01 {color:#9d64a2; font-size:23px; font-weight:bold; padding:73px 0px 28px 0px;}
.mbn_t02 {color:#434343; font-size:23px; font-weight:bold; padding:73px 0px 28px 0px;}
.mbn_t03 {color:#ffffff; font-size:23px; font-weight:bold; padding:73px 0px 12px 0px;}
.mbn03_1 {color:#f7f6f6;}
.mbn03_2 {color:#ffffff; font-size:30px; font-weight:bold; padding:15px 0px 15px 0px;}
.mbn03_3 {color:#ffffff; font-size:18px; font-weight:bold;}

/*¼­ºê ÆäÀÌÁö*/
#sub_section{width: 1100px; margin: 0 auto; margin-top: 37px;}
#sub_con{background: #fff; height: 300px;}
#bigtitle{background-color:#a271a6; font-size:23px; color:#ffffff; font-weight:bold; text-align:center; padding: 40px 0px;}
#title{border-bottom:1px solid #939393; margin-bottom: 30px;}
.title01{font-size:22px; color:#000000; padding-bottom:7px;}
.title02{font-size:13px; color:#7f7f7f; padding-bottom:15px;}

#sub_menu, #sub_page{float: left;}
#sub_menu{width: 220px;}
#leftmenu a{text-decoration:none; color:#5d5d5d; font-size:14px; width:218px; height:41px; line-height:41px; float:left; text-align:center; border:1px solid #d5d5d5;}
#leftmenu a:hover{border:1px solid #a271a6; color:#a271a6;}

#sub_page{width: 815px; padding:25px 35px 100px 0px; margin-left: 30px; background:#fff;}

/* °øÅë */
.normal{font-size:15px; line-height:150%; color:#555; letter-spacing:-1px;}
.sp20{height: 20px; clear: both;}
.sp50{height: 50px; clear: both;}

/* sub0101 */
.sub0101{text-align:justify;}
.sub0101 figure{margin-bottom:100px;}
.sub0101 h2{float:left; width:32%; font-family: 'Nanum Myeongjo', serif; color:#333;}
.sub0101 center{margin-top:25px; font-size:22px;}
.sub0101 center span{display:block; font-size:26px; margin-top:10px;}
.sub0101 div{float:left; width:68%; box-sizing:border-box; padding-left:50px;}
.sub0101 h3{font-size:25px; font-family: 'Nanum Myeongjo', serif; margin-bottom:30px; color:#333;}
.sub0101 h3 span{display:block; margin-top:10px;}

/* sub0501 */
.sub0501{text-align:justify;}
.sub0501 h3{font-family:'Nanum Square'; font-size:18px; margin-bottom:10px; color:#a271a6; padding-left:12px; background:url(/gnuboard4/images/sub_dot01.jpg) no-repeat left center;}
.sub0501 h3 span{font-weight:normal; font-size:15px; color:#555; display:block; float:right;}
.sub0501 figure{margin-bottom:50px;}
.sub0501 table{margin-bottom:50px;}
.sub0501 .con01 span{display:block; margin-top:5px; font-size:14px; color:#666;}
.tb01{border-collapse:collapse;}
.tb01 td, .tb01 th{border:1px solid #dfdfdf; font-size:15px; font-weight:normal; padding:5px 15px;}
.tb01 td:nth-child(1){background:#f8f8f8; color:#333; text-align:center;}
.tb01 th{background:#ae82b3; color:#fff; border:1px solid #a271a6;}
.tb01 span{font-size:14px; display:block; margin-top:5px; color:#666;}
.tb01 br{display:none;}
.sub0501 .con02 li{background:url(/gnuboard4/images/sub_dot02.jpg) no-repeat left center; padding-left:12px;}

@media screen and (max-width: 768px) {
  /*¸ÞÀÎ ÆäÀÌÁö*/
  .t_none{display: none;}

  #main_header{width: 100%; height: 60px;}
  #main_section{width: 100%; margin-top:0px;}
  #main_img{height: auto;}
  .mbn01, .mbn02, .mbn03, .mbn04, .mbn05, .mbn06{width:50%;}
  .copyadss, .copyadd{width: 100%; text-align: center;}

  /*¼­ºê ÆäÀÌÁö*/
  #sub_section{width:100%; margin-top:0px;}
  #sub_page{width:98%; padding:0px 1% 50px 1%; margin-left: 0px; background:#fff;}
  .title01{font-size:22px; font-weight: bold; color:#000000; padding-bottom:15px; text-align: center;}

  /* °øÅë */
  .normal{font-size:14px; line-height:150%; color:#555; letter-spacing:-1px;}

  /* sub0101 */
  .sub0101 figure{margin-bottom:100px;}
  .sub0101 h2{float:none; width:100%;}
  .sub0101 center{font-size:20px; background:#333; color:#fff; margin:0px; padding:10px 0px;}
  .sub0101 center span{font-size:25px; margin-top:10px;}
  .sub0101 div{float:none; width:100%; padding-left:0px; margin-top:40px;}
  .sub0101 h3{font-size:18px; margin-bottom:30px; text-align:center;}
  .sub0101 h3 span{display:block; margin-top:5px;}


  /* sub0501 */
  .sub0501 h3{font-size:17px;}
  .sub0501 .con01 span{font-size:13px;}

  .tb01 td, .tb01 th{font-size:14px; padding:5px;}
  .tb01 td:nth-child(1){width:60px;}
  .tb01 th{background:#ae82b3; color:#fff; border:1px solid #a271a6;}
  .tb01 span{font-size:14px; display:block; margin-top:5px; color:#666;}
  .tb01 br{display:block;}
  .sub0501 .con02 li{background:url(/gnuboard4/images/sub_dot02.jpg) no-repeat left center; padding-left:12px;}
}

@media (max-width:580px){
  /*¸ÞÀÎ ÆäÀÌÁö*/
  .m_none{display: none;}

  .mbn01, .mbn02, .mbn03, .mbn04, .mbn05, .mbn06{width:100%; background-size:contain;}
  .tbmbn .mbn02{background:url(/gnuboard4/images/mbn02.jpg) no-repeat top center; background-size:cover;}
  .tbmbn .mbn02:hover {background:url(/gnuboard4/images/mbn02_on.jpg) no-repeat top center; background-size:cover;}
  .tbmbn .mbn03 {background:url(/gnuboard4/images/mbn03.jpg) no-repeat center center;  background-size:cover;}
  .tbmbn .mbn03:hover {background:url(/gnuboard4/images/mbn03_on.jpg) no-repeat center center;  background-size:cover;}
  .tbmbn .mbn05 {background:url(/gnuboard4/images/mbn05.jpg) no-repeat center center;  background-size:cover;}
  .tbmbn .mbn05:hover {background:url(/gnuboard4/images/mbn05_on.jpg) no-repeat center center;  background-size:cover;}
  #main_footer{height: 140px;}

  /*¼­ºê ÆäÀÌÁö*/

}