@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.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;}

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(../images/main.jpg) repeat-x top center;}
#subbg {background:url(../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(../images/mbn01.jpg) no-repeat top center;}
.tbmbn .mbn02 {background:url(../images/mbn02.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn02:hover {background:url(../images/mbn02_on.jpg) no-repeat top center;}
.tbmbn .mbn03 {background:url(../images/mbn03.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn03:hover {background:url(../images/mbn03_on.jpg) no-repeat top center;}
.tbmbn .mbn04 {background:url(../images/mbn04.jpg) no-repeat top center;}
.tbmbn .mbn05 {background:url(../images/mbn05.jpg) no-repeat top center; cursor:pointer;}
.tbmbn .mbn05:hover {background:url(../images/mbn05_on.jpg) no-repeat top center;}
.tbmbn .mbn06 {background:url(../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:18px; font-weight:bold; padding:15px 0px 15px 0px;}
.mbn03_3 {color:#ffffff; font-size:18px; font-weight:bold;}

.sp20{height: 20px; clear: both;}
.sp50{height: 50px; clear: both;}

/*���� ������*/
#sub_section{width: 1100px; margin: 0 auto; margin-top: 37px;}
#sub_con{background: #fff; height: 300px;}
#bigtitle{background-color:#a271a6; font-size:20px; 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;}

@media screen and (max-width: 768px) {
  /*���� ������*/
  .t_none{display: none;}

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

  /*���� ������*/
  #sub_section{width: 100%;}
  #sub_page{width: 100%; padding:0px 0px 50px 0px; margin-left: 0px;}
  .title01{font-size:22px; font-weight: bold; color:#000000; padding-bottom:15px; text-align: center;}
}

@media (max-width:580px){
  /*���� ������*/
  .m_none{display: none;}

  .mbn01, .mbn02, .mbn03, .mbn04, .mbn05, .mbn06{width:100%;}
  #main_footer{height: 140px;}

  /*���� ������*/

}