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


html{height:100%;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; height:100%;}
body, td, p, input, button, textarea, select, .c1 {font-family: Nanum Gothic, sans-serif; font-size:10pt;}
*{margin:0px; padding:0px; list-style:none;}

/* ���������� */
.top{background:#1c293a;}
.top div{width:1100px; margin:0 auto; text-align:right; padding:3px 0px 5px 0px;}
.top a{color:#fff; text-decoration:none;}
.heard_line{clear:both;}

#main_section{padding:190px 0px 100px 0px; background:url(../images/mainbg.jpg) center bottom no-repeat;}
#main_section article{width:1100px; margin:0 auto;}

.main_text{text-align:center; color:#fff; font-size:26px; font-family:'Nanum Square'; font-weight:normal;}
.main_text span{display:block; font-size:50px; font-weight:bold; margin-top:10px;}
.main_bar{width:80px; height:4px; background:#fff; margin:25px auto;}

.main_banner li{float:left; width:33%; text-align:center;}
.main_banner li a{margin:0 auto; width:224px; height:258px; display:block;}

.bn01 a{background:url(../images/bn01.png) center top no-repeat;}
.bn02 a{background:url(../images/bn02.png) center top no-repeat;}
.bn03 a{background:url(../images/bn03.png) center top no-repeat;}

.bn01 a:hover{background:url(../images/bn_on01.png) center top no-repeat; transition: all 1s;}
.bn02 a:hover{background:url(../images/bn_on02.png) center top no-repeat; transition: all 1s;}
.bn03 a:hover{background:url(../images/bn_on03.png) center top no-repeat; transition: all 1s;}

#main_bottom{width:1100px; margin:0 auto; padding:30px 0px;}
#main_bottom li{width:330px; float:left; margin-right:55px;}
#main_bottom li:nth-child(3){margin-right:0px;}
#main_bottom h3{border-bottom:1px solid #dfdfdf; font-family:'Nanum Square'; font-size:18px; color:#1c293a; padding:5px 0px; margin-bottom:15px;
background:url(../images/main_dot.jpg) right 5px center no-repeat;}
#main_bottom .tel{font-size:36px; font-family:'Nanum Square'; color:#1c293a;}
#main_bottom .tel span{display:block; font-size:16px; font-weight:normal; color:#484848;}

.lst{font-size:13px;}
.lst li{margin-bottom:3px; color:#1c293a;}
.lst li a{text-decoration:none; display:inline-block; width:250px; color:#555;}

#footer{border-top:2px solid #ebebeb; padding:20px 0px;}
#footer article{width:1100px; margin:0 auto;}
.copy{text-align:left;}

/* ���������� */
#sub_section{padding-top:90px;}
.sub_top{background:url(../images/subtop.jpg) center top no-repeat; height:254px;}
.sub_text{width:1100px; margin:0 auto; font-family:'Nanum Square'; color:#fff; padding-top:90px;}
.sub_text span{display:block; font-size:30px;}

.sub_con{width:1100px; margin:20px auto 0px auto;}
.btl2{font-size:23px; padding-top:5px; }
.btl3{height:2px; background-color:#555555; margin:5px 0px 30px 0px;}
.btl4{height:2px; background-color:#1c293a; margin:5px 0px 8px 0px;}

#sub_menu a {color:#333333; font-size:14px; background-color:#fff; text-decoration:none;  height:40px;  line-height:40px; padding-left:18px; display:block;width:220px;}
#sub_menu a:hover {color:#333333; background:url(../images/sumubg.jpg) left top no-repeat; font-weight:bold;}
#bigtit{font-size:28px; color:#333;}

.con_left, .con_right{float:left;}
.con_left{width:220px; margin-right:70px;}
.con_right{width:810px; padding-bottom:50px;}

/* 공통 */
.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;}
.s_text01{font-size:30px; font-weight:normal; font-family:'Nanum Square'; font-size:30px;}
.s_text02{font-size:16px; font-weight:normal; color:#333; margin:10px 0px 0px 0px;}
.s_text03{font-size:19px; font-weight:normal; color:#333; text-transform:uppercase; margin:40px 0px; letter-spacing:3px;}

/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) center left no-repeat;}
.sub0101 h4{font-size:19px; font-weight:normal; margin-top:25px; color:#333;}

/* sub0102 */
.sub0102{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0102 h4{font-size:19px; width:120px; line-height:120px; border-radius:50%; background:#1c293a; color:#fff; text-transform:uppercase; text-align:center; margin-left:50px;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) center left 106px repeat-y;}
.sub0102 h5{float:left; font-size:19px; color:#1c293a;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) top 3px left 102px no-repeat;}
.sub0102 li{margin-left:180px; margin-bottom:10px; background:url(../images/sub0102_3.jpg) top 7px left no-repeat; padding-left:15px;}

/* sub0103 */
.sub0103{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0103 h4{font-size:19px; color:#000; text-transform:uppercase; margin-bottom:10px;}
.sub0103 ul{margin-bottom:15px;}
.sub0103 li{margin-top:5px;}
.sub0103 li b{display:inline-block; color:#333; margin-right:15px;}
#daumRoughmapContainer1714351583052{height:300px; width:100%;}

/* sub0104 */
.sub0104{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0104 ul{margin-bottom:30px;}
.sub0104 li{float:left; width:32%; text-align:center;}
.sub0104 li:nth-child(2){margin:0 2%;}
.sub0104 li center{border:1px solid #dfdfdf; margin-bottom:10px;}

/* sub0201 */
.sub0201 .big_tit{float:left; width:200px; border-top:3px solid #aaa; padding-top:30px; color:#7bc4d7; font-weight:normal;}
.sub0201 .big_tit b{display:block; font-size:60px; margin-bottom:15px;}
.sub0201 .big_tit2{padding-top:17px; line-height:30px;}
.sub0201 .big_tit2 b{font-size:26px;}
.sub0201 .big_tit3{padding-top:20px;}
.sub0201 .big_tit3 b{font-size:30px;}
.sub0201 .big_tit3 span{display:block; margin-top:10px;}
.sub0201 .line_con{margin-left:240px; border-top:3px solid #dfdfdf; padding-top:15px; text-align:justify; margin-bottom:70px;}
.sub0201 .line_con h4{font-size:17px; margin:30px 0px 5px 0px; color:#7bc4d7;}
.sub0201 .line_con h4:first-child{margin-top:0;}
.sub0201 .line_con center{margin-top:30px;}
.sub0201 .line_con li{font-size:15px; color:#555; word-spacing:-1px; line-height:150%;}
.sub0201 .line_con li span{display:inline-block; width:14px; color:#fff;}

.sub0201 .sub_tit{float:left; width:200px; text-align:right; font-size:18px; color:#555;}
.sub0201 .nor_con{margin-left:240px; margin-bottom:70px;}
.sub0201 .nor_con li{margin-top:30px; padding-left:60px;}
.sub0201 .nor_con li:first-child{margin-top:0;}
.sub0201 .nor_con h4{margin-bottom:5px; color:#7bc4d7;}
.sub0201 .nor_con li:nth-child(1){background:url(../images/sub0201ic_1.jpg) left center no-repeat;}
.sub0201 .nor_con li:nth-child(2){background:url(../images/sub0201ic_2.jpg) left center no-repeat;}
.sub0201 .nor_con li:nth-child(3){background:url(../images/sub0201ic_3.jpg) left center no-repeat;}
.sub0201 h5{font-size:16px; margin-bottom:15px; color:#333;}
.sub0201 h6{font-size:15px; margin-bottom:10px; font-weight:normal;}
.sub0201 h6 b{display:block; float:left; color:#7bc4d7; font-weight:normal;}
.sub0201 h6 div{margin-left:20px;}


/* sub0202 */
.sub0202{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0202 figure{margin-bottom:50px;}
.sub0202 h4{float:left; font-size:19px; color:#1c293a; border-top:2px solid #1c293a; width:200px; padding-top:10px;}
.sub0202 ul{margin-left:210px; border-top:2px solid #dfdfdf; padding-top:10px;}
.sub0202 li{width:32%; float:left; text-align:center; margin-bottom:20px;}
.sub0202 li center{border:1px solid #dfdfdf;}
.sub0202 li:nth-child(2), .sub0202 li:nth-child(5), .sub0202 li:nth-child(8){margin:0 2%;}

/* sub0203 */
.sub0203 .big_tit{color:#1c293a; font-weight:normal; border-left:8px solid #1c293a; font-size:40px; padding:5px 0px 15px 15px; margin-bottom:30px; margin-top:100px;}
.sub0203 .big_tit:first-child{margin-top:0;}
.sub0203 h4{font-size:17px; margin:30px 0px 5px 0px; color:#fff; background:#1c293a; padding:10px 15px; border-radius:3px;}
.sub0203 h4:first-child{margin-top:0;}
.sub0203 .con01 h5{margin-top:30px; font-size:19px; color:#1c293a; margin-bottom:15px; background:url(../images/sub_dot01.jpg) left top 4px no-repeat; padding-left:25px;}
.sub0203 .con01{text-align:justify; margin-bottom:20px; background:url(../images/sub0203.jpg) center bottom no-repeat; padding-bottom:100px;}
.sub0203 .con01 ul{float:left; width:48%; box-sizing:border-box; border:1px solid #dfdfdf; background:#fff; border-radius:3px; padding:20px 20px 10px 20px; height:240px;}
.sub0203 .con01 ul:nth-child(2){margin-right:4%;}
.sub0203 .con01 li{margin-bottom:10px; padding-left:18px; background:url(../images/sub_dot03.jpg) left 4px top 9px no-repeat;}
.sub0203 .con01 h6{font-size:17px; color:#333; background:url(../images/sub_dot02.jpg) left top 7px no-repeat; padding-left:18px; margin-bottom:10px;}
.sub0203 .con01 div{font-size:25px; color:#1c293a; margin-top:30px; font-weight:bold; text-align:center;}

.sub0203 .con02{margin-bottom:70px;}
.sub0203 .con02 center{border:1px solid #aaa; border-radius:3px;}
.sub0203 .con02 li{margin-top:20px;}
.sub0203 .con02 h5{float:left; width:80px; padding:5px 0px; text-align:center; color:#fff; background:#1c293a; border-radius:15px; text-transform:uppercase;}
.sub0203 .con02 div{margin-left:95px; padding-top:5px;}

.sub0203 .con03 center{border:1px solid #aaa; border-radius:3px; padding:30px;}
.sub0203 .con03 ul{background:#f8f8f8; margin-top:10px; padding:15px 15px 5px 15px;}
.sub0203 .con03 li{background:url(../images/sub_dot03.jpg) left 13px top 14px no-repeat #fff; padding:5px 15px 5px 25px; margin-bottom:10px;}

@media all and (max-width: 768px) {
  /* ���� ������ */
  .top{display:none;}
  #main_section{padding:110px 0px 50px 0px; background:url(../images/mainbg.jpg) center bottom no-repeat;}
  #main_section article{width:100%;}
  .main_text{font-size:18px;}
  .main_text span{font-size:25px;}

  .main_banner li a{width:80%; height:150px; background-size:contain;}
  .main_banner li a:hover{background-size:contain;}

  #main_bottom{width:98%; margin:0 auto;}
  #main_bottom li{width:100%; float:none; margin-right:0px; margin-bottom:50px;}
  #main_bottom li li{margin-bottom:5px;}

  #footer article{width:100%;}
  .copy{text-align:center;}

  /* ���� ������ */
  #sub_section{padding-top:60px;}
  .sub_top{height:auto;}
  .sub_text{width:100%; padding:50px 0px; text-align:center; text-shadow:3px 3px 3px rgba(0,0,0,0.4);}
  .sub_text span{font-size:20px;}

  .sub_con{width:100%; margin-top:0px;}
  .con_left, .con_right{float:none;}
  .con_left{display:none;}
  .con_right{width:98%; margin:0 auto;}
  .btl2{text-align:center; border-top:1px solid #1c293a; border-bottom:1px solid #1c293a; color:#1c293a; padding:5px 0px; margin-bottom:20px;}
  .btl3{display:none;}

  /* 공통 */
  .normal{font-size:14px;}
  .s_text01{font-size:25px; text-align:center;}
  .s_text02{font-size:13px; text-align:center; margin:10px 0px 0px 0px;}
  .s_text03{font-size:19px; text-align:center; margin:40px 0px; letter-spacing:3px;}

  /* sub0101 */
  .sub0101{padding:0px; background:none;}

  /* sub0102 */
  .sub0102{background:none;}
  .sub0102 h4{margin-left:20px;}
  .sub0102 figure{background:url(../images/sub0102_1.jpg) center left 76px repeat-y;}
  .sub0102 h5{font-size:17px;}
  .sub0102 ul{background:url(../images/sub0102_2.jpg) top 3px left 72px no-repeat;}
  .sub0102 li{margin-left:120px; margin-bottom:10px; background:url(../images/sub0102_3.jpg) top 7px left no-repeat; padding-left:15px;}

  /* sub0103 */
  .sub0103{background:none;}
  .sub0103 h4{margin-bottom:10px; text-align:center;}
  .sub0103 ul{margin-bottom:20px; text-align:center;}
  .sub0103 li{margin-top:10px;}
  .sub0103 li b{display:block; margin-right:0px;}
  #daumRoughmapContainer1714351583052{height:200px; width:100%;}

  /* sub0201 */
  .sub0201 .big_tit{float:none; width:100%; border-top:3px solid #aaa; padding:20px 0px 10px 0px; text-align:center;}
  .sub0201 .big_tit br{display:none;}
  .sub0201 .big_tit b{font-size:25px; margin-bottom:10px;}
  .sub0201 .big_tit2{padding:20px 0px 10px 0px;}
  .sub0201 .big_tit2 b{font-size:25px;}
  .sub0201 .big_tit3{padding:20px 0px 10px 0px;}
  .sub0201 .big_tit3 b{font-size:25px;}
  .sub0201 .big_tit3 span{display:inline-block; margin-top:0px;}
  .sub0201 .big_tit3 span br{display:none;}
  .sub0201 .line_con{margin-left:0px; border-top:3px solid #dfdfdf; padding-top:15px; text-align:justify; margin-bottom:70px;}
  .sub0201 .line_con h4{font-size:17px; margin:30px 0px 5px 0px; color:#7bc4d7;}
  .sub0201 .line_con h4:first-child{margin-top:0;}
  .sub0201 .line_con center{margin-top:30px;}
  .sub0201 .line_con li span{display:none;}
  .sub0201 .line_con br{display:none;}

  .sub0201 .sub_tit{float:none; width:100%; text-align:center; font-size:17px; background:#555; color:#fff; padding:10px 0px; margin-bottom:20px;}
  .sub0201 .sub_tit br{display:none;}
  .sub0201 .nor_con{margin-left:0px;}
  .sub0201 .nor_con br{display:none;}
  .sub0201 .nor_con li{margin-top:30px; padding-left:60px;}
  .sub0201 .nor_con li:first-child{margin-top:0;}
  .sub0201 .nor_con h4{margin-bottom:5px; color:#7bc4d7;}
  .sub0201 .nor_con li:nth-child(1){background:url(../images/sub0201ic_1.jpg) left center no-repeat;}
  .sub0201 .nor_con li:nth-child(2){background:url(../images/sub0201ic_2.jpg) left center no-repeat;}
  .sub0201 .nor_con li:nth-child(3){background:url(../images/sub0201ic_3.jpg) left center no-repeat;}
  .sub0201 h5{font-size:16px; margin-bottom:15px; color:#333;}
  .sub0201 h6{font-size:15px; margin-bottom:10px; font-weight:normal;}
  .sub0201 h6 b{display:block; float:left; color:#7bc4d7; font-weight:normal;}
  .sub0201 h6 div{margin-left:20px;}

  /* sub0202 */
  .sub0202{background:none;}
  .sub0202 ul{margin-bottom:30px;}
  .sub0202 h4{float:none; font-size:17px; background:#1c293a; color:#fff; border-top:none; width:100%; padding:5px 0px; margin-bottom:5px; text-align:center;}
  .sub0202 ul{margin-left:0px; border-top:none;}
  .sub0202 li{width:49%; margin-right:2%;}
  .sub0202 li:nth-child(even){margin-right:0;}
  .sub0202 li:nth-child(2), .sub0202 li:nth-child(8){margin:0px 0px 20px 0px;}
  .sub0202 li:nth-child(5){margin:0px 2% 20px 0px;}

  /* sub0203 */
  .sub0203 .con01 ul{float:none; width:100%; height:auto;}
  .sub0203 .con01 ul:nth-child(2){margin-right:0; margin-bottom:20px;}
}