*     { margin:0; padding:0; letter-spacing:-0.5px;  font-family:"NotoSans KR";  }
body, html {height: 100%; margin: 0;}

#wrap { width:100%; z-index:1; padding-top:0px; -webkit-text-size-adjust:none; z-index:1; letter-spacing:-0.5pt;}

#main_vi {width:100%; float:left ;   box-sizing:border-box;  text-align:center;  }

#main_vi h1 {font-size:40px;  color:#333; font-weight:800;  line-height:1.1em;  letter-spacing:-1px;}
#main_vi h1 span {color:#dc0314; }
#main_vi p {font-size:20px;color:#333;  font-weight:600; letter-spacing:-1px; width:100%; float:left; margin:5px 0; }
#main_vi a {font-size:17px; font-weight:400; color:#fff !important; display:inline-block; padding:10px 30px;background-color:#5482c4; margin-top:20px; border-radius:5px; }


.in {width:100%; float:left; box-sizing:border-box; padding:2%;  }

.main_bn {width:100%; float:left; box-sizing:border-box; border:0px solid #ddd;}
.main_bn li {width:50%; font-size:15px; line-height:1.3em;color:#999; float:left; padding:15px 15px; border-right:1px solid #ddd; box-sizing:border-box;  }
.main_bn li  a {font-size:19px; width:100%; float:left; color:#444; margin-bottom:5px; font-weight:600;}
.main_bn li  a.btn {float:right; width:auto; line-height:30px; width:30px; padding:0; text-align:center; margin-top:-45px;  }


/* 메인 컨텐츠  */
.box1 {width:49%; max-width:560px; height:160px; background:#49c0ee;  padding:20px 0; display:inline-block; box-sizing:border-box; text-align:center; }
.box1 h3 {font-size:1em;  padding-bottom:10px; font-weight:400; color:#fff; width:100%; float:left; letter-spacing:0.5px; }
.box1 h3 a {float:right; font-size:0.9em; color:#999; font-weight:400;padding-top:10px;  }
.box1 b {font-size:1.35em; font-weight:700; color:#fff; line-height:1em; width:100%; float:left; letter-spacing:1px; }
.box1 span {color:rgba(255,255,255,.9) !important; font-size:0.9em; font-weight:400;   letter-spacing:0.5px;}

.box2 {width:49%; float:right; max-width:560px; height:160px; padding:20px 0; display:inline-block; box-sizing:border-box; text-align:center; background:url('/mobile/img/main/m_estimate_img.png') no-repeat center; }
.box2 h3 {font-size:1em;  padding-bottom:10px; font-weight:400; color:#fff; width:100%; float:left; letter-spacing:0.5px; }
.box2 h3 a {float:right; font-size:15px; color:#999; font-weight:400;padding-top:10px;  }
.box2 b {font-size:1.2em; font-weight:700; color:#fff; line-height:1em; width:100%; float:left;    }

.box2 .est_btn {width:50%; margin-left:25%; float:left; margin-top:15px; text-align:center; font-size:0.85em; padding:8px 12px; background:rgba(255,255,255,0.3); color:#fff; display:block; border:1px solid #ddd;}


/* 메인 */
#wrap .section_tit {font-size:1.65em; font-weight:500; margin-bottom:0px; color:#333; text-align:center; }
#wrap .section_tit_txt {font-size:0.88em; font-weight:300; color:#666; margin-bottom:50px; text-align:center;}

/* section1 slider */
#section1 {position:relative; width:100%; float:left; margin-top:30px; }


/*s1 아이콘*/
.s1_box {width:100%; float:left;  box-sizing:border-box; text-align:center;}
.s1_box ul li {float:left; width:33.3%;}
.s1_box ul li img {margin-bottom:15px;  width:62%;}
.s1_box ul li h3 { font-size:1em; font-weight:500; color:#333;}
.s1_box ul li p {font-size:0.88em; color:#777; line-height:1.2em;}




/* section2 NOTICE */
#section2 {position:relative; width:100%;  float:left; background:url('/common/img/main/s3_bg.png') no-repeat center 0; }
#section2 .section2_wrap { box-sizing:border-box; padding:3% 2%;}
/*공통*/
#section2 .section2_wrap .s2_box {width:100%; float:left; background:#fff;  box-sizing:border-box;#ddd;padding:20px; }
#section2 .section2_wrap .s2_box>h3{text-align:left; font-size:1.3em; font-weight:600;  width:30%;}
#section2 .section2_wrap .s2_box>span{float:right; font-size:2em; line-height:33px;}

#section2 .section2_wrap .s2_box ul {width:100%; float:left; margin-top:5px;}
#section2 .section2_wrap .s2_box ul li{width:100%;float:left;border-bottom:1px solid #ddd; padding:10px 0; text-align:left;}
#section2 .section2_wrap .s2_box ul li a{display:block; font-size:0.95em; font-weight:500;}
#section2 .section2_wrap .s2_box ul li .date{float:right; font-size:0.9em;   color:#666; font-weight:400 !important;}


#section2 .s2_box_wrap {position:relative; width:100%; float:left; text-align:center; vertical-align:middle; }
#section2 .s2_box_wrap ul li {float:left; width:100%;padding:65px 30px; box-sizing:border-box;}
#section2 .s2_box_wrap ul li span.s2_box_tit{font-size:28px; font-weight:600; color:#fff;}


#section2 .s2_box_text h3 {font-size:28px; font-weight:600; color:#ddd; margin-bottom:15px;}
#section2 .s2_box_text span{font-size:25px; font-weight:600; color:#fff; margin-bottom:15px; display:block;}

#section2 .s2_box_text p {  color: #fff;  font-size: 17px;   text-align: center; margin-top:15px; }


/* section2-2 동영상 */
#section2-2 {position:relative; width:100%;  float:left;}
#section2-2 .section2-2_wrap { box-sizing:border-box; padding:0% 2%;}
#section2-2 .section2-2_wrap .s2_box {width:100%; float:left; background:#fff;  box-sizing:border-box;#ddd; margin-bottom:2%; padding:0 20px; }


/* section3 NOTICE */
#section3 {position:relative; width:100%;  float:left; background:url('/common/img/main/s3_bg.png') no-repeat center 0; }
#section3 .section3_wrap { box-sizing:border-box; padding:3% 2%;}

#section3 .s3_arr {display:inline-block; }
#section3 .box_100 p {width:100%; float:left; padding:15px 0;background:#fff; color:#333; font-size:0.92em; text-align:center; line-height:1.3em}



.tab {  display:inline-block;  width:100%; float:left; border-top:1px solid #ddd; }
.tab li {float:left; background-color:#fff;   width:25%;   box-sizing:border-box;}
.tab li a {display:inline-block;  letter-spacing:0px;  text-align:center; width:100%; padding:0;  line-height:50px; font-size:17px; font-weight:400; color:#666 !important;}


.tab li.ov {font-weight:600; background-color:#333;}
.tab li.ov a {color:#fff !important; width:100%;}


a.btn {font-size:15px !important; color:#fff;  font-weight:300 !important; background: linear-gradient(to right, #dc0314, #dc0314);  color:#fff !important;display:inline-block; padding:4px 30px 6px 30px; margin-top:5px;  }

span.s_btn {display:inline-block; padding:3px 13px; border:1px solid #ddd; box-shadow:1px 1px 2px #ddd; font-size:14px; color:#666; }





.slider {
  width: 90%;  margin:0 auto;
  height: 300px;
}

.wrapper {
  overflow: hidden;
  position: relative;
  background: #222;
  z-index: 1;
}

#items {
  width: 10000px;
  position: relative;
  top: 0;
  left: -400px;
}

#items.shifting {
  transition: left .2s ease-out;
}

.slide {
  width: 400px;
  height: 300px;
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 1s;
  position: relative;
  background: #FFCF47;
}


.control {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 20px;
  margin-top: -20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.prev, .next {
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.prev {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronLeft-512.png);
  left: -20px;
}

.next {
  background-image: url(https://cdn0.iconfinder.com/data/icons/navigation-set-arrows-part-one/32/ChevronRight-512.png);
  right: -20px;
}

.prev:active,
.next:active {
  transform: scale(0.8);
}