@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;}
*{margin: 0; padding: 0;}
body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; position:relative;}
body, td, p, input, button, textarea, select, .c1 {font-family: 'NotoSansKR'; font-size:10pt;}
ul, li{text-decoration: none; list-style: none;}

.quickmenu{position:fixed; background:#91d0d5; z-index:10000; width:100%; box-sizing:border-box; transition-duration:1s; bottom:0;}
.quickmenu figure{padding:20px 0px 20px 0px; margin:0;}
.quickmenu div{width:1370px; margin:0 auto;}
.quickmenu h3{float:left; width:30%; box-sizing:border-box; font-size:20px; color:#333; line-height:150%; background:url(../images/quick.png) left center no-repeat; padding:20px 0px 20px 120px;}
.quickmenu center{float:left; width:45%;}
.quickmenu h4{float:left; width:25%; font-size:24px; box-sizing:border-box; padding:5px 0px 0px 80px;}
.quickmenu h4 b{display:block; font-size:38px; color:#333; margin-top:-5px;}
.quickmenu h4 span{display:block; font-size:16px; font-weight:normal; cursor:pointer; margin-top:-5px;}
.quickmenu ul{display:none;}

#main_set{padding-top:90px;}
.main_img{width:100%; height:650px;}

.sec{padding:80px 0px; text-align:center;}
.sec section{width:1370px; margin:0 auto;}
.sec h2{font-size:50px;}
.sec .sub_tit{text-align:left; font-size:27px; color:#333; margin:100px 0px 15px 0px;}
.sec .sub_tit img{margin-right:15px;}

.sec .con01 li{width:32%; float:left; box-sizing:border-box; border:1px solid #dfdfdf; background:#fff; border-radius:20px; position:relative;}
.sec .con01 li:nth-child(2){margin:0 2%;}
.sec .con01 li:hover{border:1px solid #555;}
.sec .con01 div{float:left; width:50%; box-sizing:border-box; padding:20px;}
.sec .con01 div:nth-child(2){border-right:1px solid #dfdfdf;}
.sec .con01 li:hover div:nth-child(2){border-right:1px solid #555;}
.sec .con01 h4{color:#3617ce; font-size:15px; margin-bottom:10px;}
.sec .con01 h5{font-size:16px; color:#333; margin-top:10px;}
.sec .con01 center{border-bottom:1px solid #dfdfdf; padding:30px 0px; color:#3617ce; font-size:15px; background:#e0dafc; border-top-left-radius:20px; border-top-right-radius:20px;}
.sec .con01 li:hover center{border-bottom:1px solid #555;}
.sec .con01 h3{font-size:30px; font-weight:normal; color:#333;}
.sec .con01 h3 b{color:#3617ce;}
.sec .con01 h3 span{display:block; font-weight:normal; color:#666; font-size:16px;}
.sec .con01 center a{display:block; width:140px; background:#3617ce; color:#fff; text-decoration:none; font-size:18px; margin:20px auto 0px auto; border-radius:15px; padding:5px 0px;}

.sec .con03 li{float:none; width:100%;}
.sec .con03 div{float:left; width:50%; padding-top:50px;}
.sec .con03 center{float:left; width:50%; border-bottom:none; border-left:1px solid #dfdfdf; box-sizing:border-box; background:none;  border-top-left-radius:0;}
.sec .con03 li:hover center{border-bottom:none; border-left:1px solid #555;}
.sec .con03 h4{font-size:18px;}
.sec .con03 h4 span{display:block; font-weight:normal; color:#666; font-size:16px;}
.sec .con03 li .dot03{top:94px;}

.sec .con04 li{width:660px; margin-top:50px;}
.sec .con04 li:nth-child(2), .sec .con04 li:nth-child(even){margin:50px 0px 0px 50px;}
.sec .con04 .con04_1 div{float:left; width:219px; box-sizing:border-box;}
.sec .con04 .con04_1 div:nth-child(2){border-right:1px solid #dfdfdf;}
.sec .con04 .con04_1:hover div:nth-child(2){border-right:1px solid #555;}
.sec .con04 .con04_1 div:nth-child(3){border-right:1px solid #dfdfdf;}
.sec .con04 .con04_1:hover div:nth-child(3){border-right:1px solid #555;}
.sec .con04 .con04_1 .dot02{top:54px; left:198px; margin-left:0px;}
.sec .con04 .con04_1 .dot04{font-size:26px; color:#555; font-weight:bold; border:1px solid #dfdfdf; border-radius:50%; width:40px; line-height:40px; position:absolute; top:54px; right:199px; margin-left:-21px; background:#fff;}
.sec .con04 .con04_1:hover .dot04{border:1px solid #555;}

.sec .con02 li{width:32%; float:left; box-sizing:border-box; border:1px solid #dfdfdf; background:#fff; border-radius:20px; position:relative; padding:40px 0px;}
.sec .con02 li:hover{border:1px solid #555;}
.sec .con02 li:nth-child(2){margin:0 2%;}
.sec .con02 a{display:block; width:140px; background:#3617ce; color:#fff; text-decoration:none; font-size:18px; margin:20px auto 0px auto; border-radius:15px; padding:5px 0px;}
.sec .con02 h3{font-size:18px; color:#333; font-weight:normal; margin:20px 0px;}
.sec .con02 h3 b{display:block; font-size:28px;}
.sec .con02 h3 span{display:block; color:#3617ce;}
.sec .con02 h4{font-size:26px; font-weight:normal; color:#333; background:#f8f8f8; padding:10px 0px; width:80%; margin:0 auto; border-radius:10px;}
.sec .con02 h4 b{color:#3617ce;}

.sec01{background:#f8f8f8;}
.sec01 ul{margin:50px 0px;}
.sec01 ul li{float:left; width:16%; text-align:center;}
.sec01 ul center{width:200px; height:200px; background:#fff; margin:0 auto; border-radius:50%; box-sizing:border-box; padding:15px; margin-bottom:20px; border:3px solid #eb5f00;}
.sec01 ul center figure{box-sizing:border-box; width:164px; height:164px; background:#ffc98b; border-radius:50%; padding-top:46px;}
.sec01 ul div{float:left; width:5%; height:200px; text-align:center; background:url(../images/sub0101_2.png) center center no-repeat;}
.sec01 ul div img{opacity:0;}
.sec01 ul h3{font-weight:normal; font-size:18px; color:#eb5f00;}
.sec01 ul h3 b{display:block; font-size:22px;}
.sec01 ul h4{font-weight:normal; color:#555; margin-top:5px; font-size:16px;}
.sec01 h5{background:#eb5f00; color:#fff; font-size:24px; border-radius:30px; padding:10px 0px; width:70%; margin:0 auto; font-weight:normal;}
.sec01 h5 b{color:#fff663;}
.sec01 h5 br{display:none;}

.sec02{background:#fffce9;}
.sec02 h2 b{color:#3617ce;}
.sec03{background:#ffe2e2;}
.sec03 h2 b{color:#ff5959;}
.sec04{background:#f9f0ff;}
.sec04 h2 b{color:#b54cdd;}
.sec05{background:#ffe2e2;}
.sec05 .sub_tit{margin-top:0;}
.sec06{background:#fffce9;}
.sec06 .sub_tit{margin-top:0;}
.sec07{background:#fff;}
.sec07 figure{border:2px solid #dfdfdf; text-align:left; border-radius:20px; margin-top:20px; padding:40px; font-size:16px; line-height:150%; color:#555; word-spacing:-1px;}
.sec07 figure h3{margin:30px 0px 10px 0px;}
.copy{text-align:center; padding:30px 0px 170px 0px; border-top:1px solid #dfdfdf;}

#sub_section{padding-top:90px;}
#sub_top{background:url(../images/subtop.jpg) center center no-repeat; text-align:center; padding:50px 0px; font-size:20px; color:#fff;}
#sub_top h3{font-size:30px;}
#sub_top p{width:50px; height:2px; background:#fff; margin:15px auto;}
#sub_con{width:1370px; margin:30px auto 100px auto;}

/* 공통 */
.normal{font-size:18px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 h3{text-align:center; font-weight:normal; color:#333; padding:50px 0px;}
.sub0101 h3 b{display:block; color:#f30f7c; font-size:26px; margin-bottom:10px;}


 @media all and (max-width: 768px) {
   .quickmenu{position:fixed; background:#91d0d5; z-index:10000; width:100%; box-sizing:border-box; transition-duration:1s; bottom:0;}
   .quickmenu figure{padding:15px; margin:0;}
   .quickmenu div{width:100%; margin:0 auto;}
   .quickmenu h3{display:none; float:none;}
   .quickmenu center{float:none; width:100%;}
   .quickmenu h4{display:none; float:none;}
   .quickmenu h4 b{display:block; font-size:38px; color:#333; margin-top:-5px;}
   .quickmenu h4 span{display:block; font-size:16px; font-weight:normal; cursor:pointer; margin-top:-5px;}
   .quickmenu ul{display:none;}

  .quimu{display:block; z-index:10000;}
  #main_set{padding-top:60px;}
  .main_img{height:530px;}

  .sec{padding:50px 0px;}
  .sec section{width:96%; padding:0 2%;}
  .sec h2{font-size:22px;}
  .sec .sub_tit{font-size:24px; margin:70px 0px 15px 0px; text-align:center;}
  .sec .sub_tit img{display:block; margin:0px auto 5px auto;}

  .sec .con01 li{width:100%; float:none; position:relative;}
  .sec .con01 li:nth-child(2){margin:30px 0px;}
  .sec .con01 li:hover{border:1px solid #555;}
  .sec .con01 li .dot02{top:51px;}
  .sec .con01 li .dot03{top:131px;}

  .sec .con03 li{float:none; width:100%;}
  .sec .con03 div{float:none; width:100%; padding:30px 0px;}
  .sec .con03 center{float:none; width:100%; border-top:1px solid #dfdfdf; border-left:none; border-top-right-radius:0;}
  .sec .con03 li:hover center{border-left:none; border-top:1px solid #555;}
  .sec .con03 li .dot03{top:147px;}

  .sec .con04 li{width:100%; margin-top:50px;}
  .sec .con04 li:nth-child(2), .sec .con04 li:nth-child(even){margin:50px 0px 0px 0px;}
  .sec .con04 .con04_1 div{width:33%;}
  .sec .con04 .con04_1 .dot02{top:54px; left:101px; margin-left:0px;}
  .sec .con04 .con04_1 .dot03{top:121px;}
  .sec .con04 .con04_1 .dot04{top:54px; right:102px;}
  .sec .con04 h4{font-size:13px;}
  .sec .con04 h5{font-size:13px; letter-spacing:-1px;}

  .sec .con02 li{width:100%; float:none; padding:40px 0px;}
  .sec .con02 li:nth-child(2){margin:30px 0px;}

  .sec01 ul li{width:30%;}
  .sec01 ul div{width:5%; height:auto; margin:20px 0px;}
  .sec01 ul div:nth-child(6){display:none;}
  .sec01 ul li:nth-child(7){display:none;}
  .sec01 ul div:nth-child(8){display:none;}
  .sec01 ul li:nth-child(9){display:none;}
  .sec01 ul h3{font-size:12px;}
  .sec01 ul h3 b{font-size:14px;}
  .sec01 ul h4{font-size:13px;}
  .sec01 h5{font-size:16px; width:90%;}
  .sec01 h5 br{display:block;}
  .sec01 ul center{width:100px; height:100px; padding:5px; margin-bottom:10px; border:2px solid #eb5f00;}
  .sec01 ul center figure{width:86px; height:86px; padding-top:24px;}
  .sec01 ul center figure img{height:40px;}
  .sec01 ul div{height:60px; background-size:60%;}

  .sec07 figure{padding:15px; font-size:14px; border-radius:10px;}

  .copy{text-align:center; padding:30px 0px; border-top:1px solid #dfdfdf;}

  #sub_section{padding-top:60px;}
  #sub_con{width:96%; padding:0 2%;}

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

  /* sub0101 */
  .sub0101 h3 b{font-size:22px;}
 }

 @media (max-width:580px){

 }