@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.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: 'NotoSansKR'; font-size:12px;}

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

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

/* ���������� */
#header01{background: #434343;}
.top_nav{width: 1100px; margin: 0 auto;}
#topbt a{font-size:8pt; color:#999; text-decoration:none; padding:0px 0px 0px 10px; line-height:25px;}
#topbt a:hover{color:#fff;}

#main_logo{text-align: center; padding:10px 0px;}

#header02{background: #83c4d6; height: 40px;}
.top_menu{width: 1100px; margin: 0 auto;}

#mainimg{}
#main_con{width: 1100px; margin: 0 auto;}
.galltit{font-size:34px; font-weight:bold; font-family: 'NotoSansKR'; color:#83c5d6; padding:50px 0px 20px 0px;}
.gallsub{font-size:14px; color:#a4a4a4; line-height:20px; padding-top:10px; padding-bottom:50px;}

#mainbn{background-color:#eeeeee; height:460px; clear:both; margin-top:70px;}

#copyadd div{padding:20px 0; line-height:20px; color:#fff; font-size:12px; text-align:center; margin-top: 40px;}
#copyadd{background-color:#83c5d6;}

.line{padding:39px 0; text-align:center;}
.bd{border:1px solid #c9c9c9;}

/* ���������� */
#sub_con{width: 1100px; margin: 0 auto;}
#sub_aside, #sub_page{float: left;}
#sub_aside{width: 207px; margin-right: 43px;}
#sub_page{width: 850px; padding:0px 0 90px 0;}
#subtop{background:#eeeeec; color:#3b3b3b; font-size:14px; letter-spacing:-1; margin-bottom:40px; text-align:center;}
#subtop img{width:1100px;}

.bigtitle{height:120px; background-color:#83c5d6; font-weight:bold; font-size:23px; color:#ffffff; line-height:120%;}
.bigtitle2{font-size:12px; padding-top:30px; color:#fff;}
.title{font-size:32px; height:80px; color:#83c5d6; letter-spacing:-1; font-weight:bold;}

#leftmenu{padding:15px 0; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
#leftmenu a{font-size:15px; line-height:30px; color:#696969; display:inline-block; width:205px; text-align:center;}
#leftmenu a:hover{font-weight:bold; color:#83c5d6;}
.subbanner {padding-top:20px;}

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

/* sub0101 */
.sub0101{padding:10px 0px 400px 420px; font-size:18px; background:url(../images/sub0101.jpg) no-repeat left center;}
.sub0101 h3{font-size:28px; color:#000; font-weight:normal;}
.sub0101 h5{font-size:24px; color:#000; font-weight:normal; margin:10px 0px 40px 0px;}
.sub0101 h4{font-size:20px; color:#333; margin-top:30px; margin-bottom:10px;}

/* sub0201 */
.sub0201 ul{margin-bottom:40px;}
.sub0201 center{width:300px; height:220px; float:left; background:#333;}
.sub0201 div{width:550px; float:left; padding-top:30px;}
.sub0201 h3{border-bottom:1px solid #685b53; padding:0px 0px 15px 40px; font-size:22px; color:#333;}
.sub0201 h3 b{display:block; color:#b17f65; font-size:40px; margin-bottom:20px;}
.sub0201 li{margin-left:40px; margin-top:10px; background:url(../images/sub_dot01.jpg) no-repeat left top 11px; padding-left:10px;}
.sub0201 h3 span{display:none;}

.sub0301 ul:nth-child(3) div{padding-top:10px;}
.sub0301 ul:nth-child(4) div{padding-top:10px;}
.sub0401 ul:nth-child(1) div{padding-top:15px;}

/* sub0701 */
.sub0701 figure{background:url(../images/sub0701.jpg) no-repeat center bottom; background-size:50%; height:450px;}
.sub0701 figure h5{float:left; font-size:25px; color:#000; font-weight:normal;}
.sub0701 figure h5 b{display:block; margin-top:5px;}
.sub0701 figure div{float:right; width:230px; background:#b17f65; text-align:center; padding:40px 0px; border-radius:5px; margin-top:130px;}
.sub0701 figure h3{font-size:20px; color:#ffffff; font-weight:normal;}
.sub0701 figure h4{font-size:20px; color:#ffffff; font-weight:normal; margin-top:5px;}
.sub0701 h6{background:url(../images/sub0701_11.png) no-repeat right bottom #f8f8f8; padding:50px; font-size:17px; color:#333; margin-top:50px; margin-bottom:50px;}
.sub0701 h6 b{display:block; font-size:25px; color:#b17f65; margin-bottom:15px;}
.sub0701 ul div{float:left; width:30px; height:150px; background:url(../images/sub0701_1.jpg) no-repeat center center;}
.sub0701 ul div img{display:none;}
.sub0701 ul div:nth-child(1){background:none;}
.sub0701 ul li{float:left; width:182px; text-align:center; margin-bottom:20px; font-size:16px; color:#333;}
.sub0701 ul li b{display:block; font-size:18px; color:#b17f65;}
.sub0701 ul li center{width:150px; height:150px; margin:0px auto 5px auto; box-shadow:5px 5px 5px #dfdfdf; border:1px solid #f1f1f1; background:#fff; box-sizing:border-box; padding-top:34px;}


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

  /*���� ������*/
  #mainimg{padding-top:20px;}
  .top_menu, #main_con, #sub_con, #sub_page{width: 100%;}
  #sub_aside{display:none;}
  #subtop{margin-bottom:0; padding-top:20px;}
  #subtop img{width:100%;}
  #sub_page{float:none;}
  .title{text-align: center; height:auto; border-bottom:1px solid #dfdfdf; padding:15px 0px; font-size:24px; margin-bottom:30px;}
  #main_con center div{display:none;}

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

  /* sub0101 */
  .sub0101{padding:0px; font-size:15px; background:none; text-align:center;}

  /* sub0201 */
  .sub0201 ul{margin-bottom:70px;}
  .sub0201 center{width:100%; height:auto; float:none;}
  .sub0201 div{width:100%; float:none; padding-top:30px;}
  .sub0201 h3{padding:0px 0px 15px 10px; font-size:18px; }
  .sub0201 h3 b{display:inline; font-size:18px; margin-bottom:0px;}
  .sub0201 li{margin-left:10px; background:url(../images/sub_dot01.jpg) no-repeat left top 8px;}
  .sub0201 li br{display:none;}
  .sub0201 h3 br{display:none;}
  .sub0201 h3 span{display:inline-block; width:50px;}

  .sub0301 ul:nth-child(3) div{padding-top:10px;}
  .sub0301 ul:nth-child(4) div{padding-top:10px;}
  .sub0401 ul:nth-child(1) div{padding-top:15px;}

  /* sub0701 */
  .sub0701 figure{background:url(../images/sub0701.jpg) no-repeat center top 100px; background-size:70%; height:550px; text-align:center; padding-bottom:50px;}
  .sub0701 figure h5{float:none; font-size:25px; color:#000; font-weight:normal;}
  .sub0701 figure h5 b{display:block; margin-top:5px;}
  .sub0701 figure div{float:none; width:100%; padding:30px 0px; margin-top:450px;}
  .sub0701 figure h3{font-size:20px; color:#ffffff; font-weight:normal;}
  .sub0701 figure h4{font-size:20px; color:#ffffff; font-weight:normal; margin-top:5px;}
  .sub0701 h6{background:#f8f8f8; padding:20px; font-size:15px; margin-top:50px; margin-bottom:50px; text-align:center;}
  .sub0701 h6 b{display:block; font-size:25px; color:#b17f65; margin-bottom:15px;}
  .sub0701 ul div{width:5%; height:110px; background-size:60%;}
  .sub0701 ul div img{display:none;}
  .sub0701 ul div:nth-child(1){display:none;}
  .sub0701 ul div:nth-child(7){display:none;}
  .sub0701 ul div:nth-child(13){display:none;}
  .sub0701 ul li{width:30%; font-size:12px;}
  .sub0701 ul li b{font-size:15px;}
  .sub0701 ul li center{width:100%; height:110px; padding-top:30px; box-shadow:none; border:1px solid #dfdfdf;}
  .sub0701 ul li center img{height:50px;}
}
@media (max-width:580px){

}