@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
img {border:0px;}
*{font-family: 'Pretendard-Regular';}
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 right;}
.tbmbn .mbn01:hover {background:url(../images/mbn01_on.jpg) no-repeat top right;}
.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 right -20px; cursor:pointer;}
.tbmbn .mbn03:hover {background:url(../images/mbn03_on.jpg) no-repeat top right -20px;}
.tbmbn .mbn04 {background:url(../images/mbn04.jpg) no-repeat top center;}
.mbn04{cursor: pointer;}
.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:30px; 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: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;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 figure{margin-bottom:30px;}
.sub0101 .con01{padding-left:415px; background:url(../images/sub0101.jpg) no-repeat left center;}
.sub0101 .con01 center{background:#f8f8f8; border:1px solid #f8f8f8; padding:50px 20px;}
.sub0101 .con01 h3{font-size:25px; font-weight:normal; color:#333; font-family:'Nanum Square'; margin-bottom:40px;}
.sub0101 .con01 h3 b{display:block; font-size:30px; margin-top:10px;}
.sub0101 .con01 h4{margin-top:30px; font-size:19px; color:#333;}

.sub0101 .con02 h3{font-size:19px; color:#333; margin-bottom:15px; background:url(../images/sub_dot01.jpg) no-repeat left top 4px; padding-left:13px;}
.sub0101 .con02 li{float:left; width:49%; margin-right:5px; margin-bottom:15px; text-align: center;}
.sub0101 .con02 li img{padding-bottom: 10px;}
.sub0101 .con03{ padding-right: 415px; background: url(../images/sub0101_1.jpg) no-repeat right center; padding-left: 0}

.sub0101_1 h2{background:url(/gnuboard4/images/sub0101_1_2.jpg) no-repeat top center;}
.sub0101_1 h3{float:left; font-family:'Nanum Square'; font-size:22px; color:#76387c;}
.sub0101_1 h3 .bar{width:40px; height:3px; background:#ae82b2; margin-top:5px;}
.sub0101_1 ul{padding-left:250px;}
.sub0101_1 figure{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dfdfdf;}

.sub0101_1 h4{font-size:18px; color:#242424; margin-bottom:3px; font-family:'Nanum Square';}

.sub0101_1 .con03{border-bottom:none;}
.sub0101_1 table{border-top:1px solid #dfdfdf; border-collapse:collapse;}
.sub0101_1 th, .sub0101_1 td{font-size:16px; color:#666; letter-spacing:-1; padding:5px 0px; font-weight:normal; border-bottom:1px solid #dfdfdf;}
.sub0101_1 th{width:90px; background:#a271a6; color:#fff; border-right:3px solid #76387c;}
.sub0101_1 td{padding-left:10px;}

/* sub0102 */
.sub0102 li{margin-top:10px; background:#f8f8f8;}
.sub0102 li span{display:inline-block; padding:10px 30px; background:#a271a6; color:#fff; font-weight:bold; margin-right:30px;}

/* sub0201 */
.prd_top{padding:70px 0px 70px 45%; margin-bottom:70px;}
.sub0201 .prd_top{background:url(../images/sub0201.jpg) no-repeat left center;}
.sub0202 .prd_top{background:url(../images/sub0202.jpg) no-repeat left center;}
.sub0203 .prd_top{background:url(../images/sub0203.jpg) no-repeat left center;}
.sub0204 .prd_top{background:url(../images/sub0204.jpg) no-repeat left center;}
.sub0205 .prd_top{background:url(../images/sub0205.jpg) no-repeat left center;}

.prd_top ul{background:#fff; padding:50px;}
.prd_top li{margin-bottom:10px; background:url(../images/sub_dot02.jpg) no-repeat left top 8px; padding-left:15px;}
.prd_top h3{font-weight:normal; font-size:16px; color:#333;}
.prd_top h3 b{display:block; font-size:30px; margin-bottom:10px; font-family:'Nanum Square'; color:#a271a6;}

.prd_bt h4{text-align:center; font-weight:normal; font-size:18px; color:#333; border-top:1px solid #dfdfdf; padding-top:70px; margin-bottom:70px;}
.prd_bt h4 b{display:block; font-size:25px; font-family:'Nanum Square'; color:#a271a6; margin-bottom:10px;}
.prd_bt li{float:left; width:400px; margin-bottom:15px;}
.prd_bt li:nth-child(odd){margin-right:15px;}

  .t_none2{display: none;}

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

  #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;}

  /* 공통 */
  .normal{font-size:14px;}

  /* sub0101 */
  .sub0101 .con01{padding-left:0;}
  .sub0101 .con01 center{padding:50px 0px;}
  .sub0101 .con02 h3{margin-bottom:15px;}
  .sub0101 .con02 li{float:left; width:100%; margin-right:0; margin-bottom:15px;}
  .sub0101 .con03{padding: 0}

  .sub0101_1 h3{float:none; font-size:20px; background:#a271a6; color:#fff; text-align:center; padding:5px 0px; margin-bottom:20px;}
  .sub0101_1 h3 .bar{display:none;}
  .sub0101_1 ul{padding-left:0px;}
  .sub0101_1 li{width:98%; margin:0 auto; text-align:justify;}
  .sub0101_1 li br{display:none;}

  /* sub0102 */
  .sub0102 iframe{height:200px;}
  .sub0102 li span{padding:10px 20px; margin-right:20px;}

  /* sub0201 */
  .prd_top{padding:350px 0px 0px 0px; margin-bottom:70px; background-size:100%;}
  .sub0201 .prd_top{background:url(../images/sub0201.jpg) no-repeat top -100px center;}
  .sub0202 .prd_top{background:url(../images/sub0202.jpg) no-repeat top -100px center;}
  .sub0203 .prd_top{background:url(../images/sub0203.jpg) no-repeat top -100px center;}
  .sub0204 .prd_top{background:url(../images/sub0204.jpg) no-repeat top -100px center;}
  .sub0205 .prd_top{background:url(../images/sub0205.jpg) no-repeat top -100px center;}

  .prd_top{margin-bottom:50px;}
  .prd_top ul{background:#fff; padding:30px 15px 0px 15px;}
  .prd_top li{background:url(../images/sub_dot02.jpg) no-repeat left top 6px;}
  .prd_top li br{display:none;}
  .prd_top h3 b{font-size:25px;}

  .prd_bt h4{text-align:left; font-size:14px; padding-top:50px; margin-bottom:30px; padding-left:15px;}
  .prd_bt h4 b{display:block; font-size:25px; font-family:'Nanum Square'; color:#a271a6; margin-bottom:10px;}
  .prd_bt li{float:none; width:100%; margin-bottom:15px;}
  .prd_bt li:nth-child(odd){margin-right:0px;}
}

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

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

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

}