@charset "utf-8";
/* ¸ÞÀκñÁÖ¾ó */
#mainVisual{ overflow:hidden;}
.main-slider {position:relative;height:900px;min-width:1200px}
.main-slider-inner {position:relative;overflow:hidden;display:none}
.main-slider .main-slider-list {margin-bottom:0}
.main-slider .main-slider-item {position:relative;outline:none;height:900px;overflow:hidden}

/* À̹ÌÁö */
.main-slider .main-slider-image {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image {-webkit-transform:scale(1.1);transform:scale(1.1);;-webkit-transition: transform 10s linear;-moz-transition: transform 10s linear;-o-transition: transform 10s linear;-ms-transition: transform 10s linear;transition: transform 10s linear}
.main-slider .main-slider-image:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.main-slider .main-slider-image .mask-block {opacity:0;position:absolute;width:33.333%;height:100%;background:rgba(0,0,0,.6)}
.main-slider .main-slider-image .mask-block.mask-1 {top:0;left:0}
.main-slider .main-slider-image .mask-block.mask-2 {bottom:0;left:33.33%}
.main-slider .main-slider-image .mask-block.mask-3 {top:0;left:66.666%}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image .mask-block {opacity:1;height:0;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition: height 1s linear;-moz-transition: height 1s linear;-o-transition: height 1s linear;-ms-transition: height 1s linear;transition: height 1s linear}

/* ·Î°í */
#mainVisual .logo_area{position: absolute; left: 50%; top:60px; z-index:999; margin-left:-165px;}


/* »ó´ãÀüÈ­ */
#mainVisual .tel_area{position: absolute; background:#000; width:440px; height:60px; line-height:60px; left: 50%; bottom:350px; z-index:999; margin-left:-200px;}
#mainVisual .tel_area p{background:url("/img/main/quick_icon02.png")  no-repeat 30px 18px; font-size:30px; color:#fff; text-align:center;}
#mainVisual .tel_area p a{color:#fff;}

/* ³»¿ë */
.main-slider .main-slider-caption {position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1100px;text-align:center;letter-spacing:-0.03em;}
.main-slider .main-slider-caption h4 {position:relative;margin:0 0 30px;font-size:40px; color:#fff;font-family: 'Do Hyeon', sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}

/* ¹öÆ° */
.main-slider .main-slider-caption .btn-more a {color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a:hover {color:#333}
.main-slider .main-slider-caption .btn-more a:before {border-bottom:80px solid #fff}

/* Á¡,¼ýÀÚ-ÄÁÆ®·Ñ  */
.main-slider .slick-dots {bottom:40px}
.main-slider .slick-dots li {display:inline-block;margin:0 1px 0 0;width:40px;height:40px;line-height:40px;text-align:center;font-size:15px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.main-slider .slick-dots li:hover {background:rgba(200,200,200,.2)}
.main-slider .slick-dots li.slick-active {color:#fff;border-color:#fff}

/* Á¿ì-ÄÁÆ®·Ñ */
.main-slider .slick-next, .main-slider .slick-prev {width:60px;height:120px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.main-slider .slick-next {right:40px;z-index:1}
.main-slider .slick-prev {left:40px;z-index:1}
.main-slider .slick-next:before, .main-slider .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-slider .slick-next:before {right:17px;border-right:1px solid #fff;border-top:2px solid #ccc}
.main-slider .slick-prev:before {left:17px;border-left:2px solid #ccc;border-bottom:2px solid #ccc}
.main-slider .slick-next:after, .main-slider .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:2px;background:#ccc;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.main-slider .slick-next:after {right:2px}
.main-slider .slick-prev:after {left:2px}
.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:100px}

@media (max-width:1199px){
	.main-slider {min-width:inherit}
	.main-slider, .main-slider .main-slider-item {height:720px}
	.main-slider .main-slider-caption {max-width:800px}
	.main-slider .main-slider-caption h4 {font-size:36px}

	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{bottom:270px;}
	#mainVisual .tel_area p{background:url("/img/main/quick_icon02.png")  no-repeat 30px 18px; font-size:26px;}
}

@media (max-width:991px){
	.main-slider .main-slider-caption {max-width:700px}
	.main-slider .main-slider-caption h4 {font-size:28px}
	
	.main-slider .slick-next, .main-slider .slick-prev {width:30px;height:60px}
	.main-slider .slick-next {right:15px}
	.main-slider .slick-prev {left:15px}
	.main-slider .slick-next:before, .main-slider .slick-prev:before {width:40px;height:40px;margin-top:-20px}
	.main-slider .slick-next:before {right:10px}
	.main-slider .slick-prev:before {left:10px}
	.main-slider .slick-next:after {right:3px}
	.main-slider .slick-prev:after {left:3px}
	.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:40px}

	/* ·Î°í */
     #mainVisual .logo_area{margin-left:-150px;}
	 #mainVisual .logo_area img{width:300px; height:auto;}

	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{width:340px; height:50px; line-height:50px; bottom:280px; margin-left:-170px;}
	#mainVisual .tel_area p{background:url("/img/main/quick_icon02.png")  no-repeat 15px 12px; font-size:24px;}
}

@media (max-width:767px){
	.main-slider, .main-slider .main-slider-item {height:500px}
	.main-slider .main-slider-caption {max-width:inherit; top:53%;padding:0 40px}
	.main-slider .main-slider-caption h4 {font-size:20px}
	.main-slider .slick-dots {bottom:30px}

	/* ·Î°í */
     #mainVisual .logo_area{margin-left:-120px;}
	 #mainVisual .logo_area img{width:240px; height:auto;}
	
	/* »ó´ãÀüÈ­ */
	#mainVisual .tel_area{width:300px; height:40px; line-height:40px; bottom:150px; margin-left:-150px;}
	#mainVisual .tel_area p{background:url("/img/main/quick_icon02_mm.png")  no-repeat 30px 9px; font-size:18px;}
}

/** ½ºÅ©·Ñ **/
#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:40px; opacity:1; z-index:100; text-decoration:none;}
#scrollAni.hide{ opacity:0; z-index:-1}
#mainVisual i {cursor:pointer; } 

@media only screen and (max-width:1600px){
   #scrollAni {display:none;}
}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ ¹Ú½º */
@media only screen and (min-width: 1400px){
   .mainBox{width:1400px; margin:0 auto; overflow:hidden;}
}

@media only screen and (max-width:1399px){
   .mainBox{width:96%; margin:0 2%;}
}


/* ÄÁÅÙÃ÷ 1 */
.main_cnt1 { width:100%; overflow:hidden; position:relative; background:#ffa766; letter-spacing:-0.02em; text-align:center; padding:40px 20px;;}
.main_cnt1 .txt h2 {font-size:36px; color:#000;}
.main_cnt1 .txt p {font-size:24px; color:#222; margin-top:20px; line-height:40px;}

@media only screen and (max-width:1100px){
	/* ÄÁÅÙÃ÷ 1 */
	.main_cnt1 .txt h2 {font-size:26px;}
	.main_cnt1 .txt p {font-size:18px; line-height:34px;}
 }


@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 1 */
	.main_cnt1 {padding:40px 0;;}
    .main_cnt1 .txt h2{font-size:22px;}
	.main_cnt1 .txt p {font-size:16px; line-height:26px;}
}

/* ÄÁÅÙÃ÷ 2 */
.main_cnt2 { width:100%; overflow:hidden; position:relative; letter-spacing:-0.02em; margin-top:70px; }
.main_cnt2 .title {}
.main_cnt2 .title h2 {font-size:36px; color:#000; text-align:center;}
.main_cnt2 .cnt_list{width:100%; margin-top:50px;}
.main_cnt2 .cnt_list ul{margin:0 0 0 -40px;}
.main_cnt2 .cnt_list ul li{float:left; width: calc(20% - 40px); margin-left:40px; position: relative; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.06);}
.main_cnt2 .cnt_list ul li:after { content: ""; display: block; width:16px; height: 26px; background:url("/img/main/step_arrow01.png") no-repeat; position: absolute; top: 50%; right: -26px; margin-top:-13px; z-index:2; }
.main_cnt2 .cnt_list ul li:last-child:after{display:none;}
.main_cnt2 .cnt_list ul li img{width:100%; border-radius:10px;}
.main_cnt2 .cnt_list ul li p{width:100%; position:absolute; top:43%; left:0; color:#fff; font-size:22px; text-align:center; z-index:5; }

@media only screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 2 */
	.main_cnt2 .title h2{font-size:26px;}
    .main_cnt2 .cnt_list ul li{width: calc(33.333% - 40px); margin-bottom:30px;}
	.main_cnt2 .cnt_list ul li:nth-child(3):after{display:none;}
	.main_cnt2 .cnt_list ul li:nth-child(4), .main_cnt2 .cnt_list ul li:nth-child(5){margin-bottom:0;}
	
	.main_cnt2 .cnt_list ul li p{font-size:20px;}
}

@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 2 */
	.main_cnt2 {margin-top:50px; }
    .main_cnt2 .title h2{font-size:22px;}
	.main_cnt2 .cnt_list ul li {width: calc(50% - 40px); }
	.main_cnt2 .cnt_list ul li:nth-child(3):after{display:block;}
	.main_cnt2 .cnt_list ul li:nth-child(2):after, .main_cnt2 .cnt_list ul li:nth-child(4):after{display:none;}
	.main_cnt2 .cnt_list ul li:nth-child(4){margin-bottom:30px;}
	.main_cnt2 .cnt_list ul li p{font-size:16px;}
}


/* ÄÁÅÙÃ÷ 3 */
.main_cnt3 { overflow:hidden; background:#f4f4f4; letter-spacing:-0.02em; padding:60px 0; margin-top:90px; }
.main_cnt3 .title {}
.main_cnt3 .title h2 {font-size:36px; color:#000; text-align:center;}
.main_cnt3 .cnt_list{width:100%; margin-top:40px;}

@media only screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 3 */
	.main_cnt3 {padding:50px 0;}
	.main_cnt3 .title h2 {font-size:26px;}
	.main_cnt3 .cnt_list{margin-top:30px;}
}

@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 3 */
	.main_cnt3 {padding:40px 0; margin-top:60px;}
    .main_cnt3 .title h2{font-size:22px;}
}

/* ÄÁÅÙÃ÷4 */
.main_cnt4 { width:100%; overflow:hidden; letter-spacing:-0.02em; background:url("/img/main/cnt4_bg.jpg") no-repeat center; background-size:cover; background-attachment:fixed; padding:70px 0 90px 0; margin-top:70px;}
.main_cnt4 .title {}
.main_cnt4 .title h2 {font-size:36px; color:#000; text-align:center;}
.main_cnt4 .form_cnt {width:60%; overflow:hidden; background:rgba(255,255,255,.7); border:1px solid rgba(0,0,0,.3); padding:20px 40px 30px 40px; margin:30px auto 0 auto; }


@media screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 4*/
	.main_cnt4 .title h2 {font-size:36px;}
	.main_cnt4 .form_cnt {width:90%;}
}

@media screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 4*/
	.main_cnt4 { margin-top:50px;}
	.main_cnt4 .title h2 {font-size:22px;}
	.main_cnt4 .form_cnt {width:100%; padding:10px;}
}  

/* ÄÁÅÙÃ÷5 */
.main_cnt5 { width:100%; overflow:hidden; letter-spacing:-0.02em; margin-top:70px;}
.main_cnt5 .txt_cnt{width:100%;}
.main_cnt5 .txt_cnt p{ font-size:34px; color:#222; line-height:50px; text-align:center;}
.main_cnt5 .txt_cnt p span{color:#e75e48;}

@media screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 5*/
	.main_cnt5 .txt_cnt p{ font-size:28px; line-height:40px;}
}

@media screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 5*/
	.main_cnt5 { margin-top:50px;}
	.main_cnt5 .txt_cnt p{ font-size:20px; line-height:34px;}
} 

/* ÄÁÅÙÃ÷ 6 */
.main_cnt6 { overflow:hidden; background:#f4f4f4; letter-spacing:-0.02em; padding:60px 0; margin-top:70px; }
.main_cnt6 .title {}
.main_cnt6 .title h2 {font-size:36px; color:#000; text-align:center;}
.main_cnt6 .title p {font-size:18px; color:#666; text-align:center; margin-top:10px;}
.main_cnt6 .cnt_list{width:100%; margin-top:40px;}

@media only screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 3 */
	.main_cnt6 {padding:50px 0;}
	.main_cnt6 .title h2 {font-size:26px;}
	.main_cnt6 .cnt_list{margin-top:30px;}
}

@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 6 */
	.main_cnt6 {padding:40px 0; margin-top:50px;}
    .main_cnt6 .title h2{font-size:22px;}
}

/* ÄÁÅÙÃ÷7 */
.main_cnt7 { width:100%; overflow:hidden; letter-spacing:-0.02em; margin-top:70px;}
.main_cnt7 .txt_cnt{width:100%;}
.main_cnt7 .txt_cnt h2{ font-size:34px; color:#222; line-height:60px; text-align:center;}

@media screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 7*/
	.main_cnt7 .txt_cnt h2{ font-size:28px; line-height:45px;}
}

@media screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 7*/
	.main_cnt7 { margin-top:50px;}
	.main_cnt7 .txt_cnt h2{ font-size:20px; line-height:38px;}
} 

/* ÄÁÅÙÃ÷ 8 */
.main_cnt8 { width:100%; overflow:hidden; position:relative; letter-spacing:-0.02em; margin-top:70px; }
.main_cnt8 .cnt_list{width:100%;}
.main_cnt8 .cnt_list ul{margin:0 0 0 -4%;}
.main_cnt8 .cnt_list ul li{float:left; width: calc(25% - 4%); margin-left:4%; position: relative; border-radius:10px; box-shadow:3px 3px 7px rgba(0,0,0,0.06); border:1px solid #ddd;}
.main_cnt8 .cnt_list ul li img{width:100%; border-radius:10px;}
.main_cnt8 .cnt_list ul li p{width:100%; position:absolute; top:43%; left:0; color:#fff; font-size:24px; text-align:center; z-index:5; }

@media only screen and (max-width:1100px){
    /* ÄÁÅÙÃ÷ 2 */
	.main_cnt8 .cnt_list ul li{width: calc(50% - 4%); margin-bottom:30px;}
	.main_cnt8 .cnt_list ul li:nth-child(3), .main_cnt8 .cnt_list ul li:nth-child(4){margin-bottom:0;}
	.main_cnt8 .cnt_list ul li p{font-size:20px;}
}

@media only screen and (max-width:768px){
    /* ÄÁÅÙÃ÷ 2 */
	.main_cnt8 {margin-top:50px; }
    .main_cnt8 .cnt_list ul li p{font-size:16px;}
}


/*Äü¸Þ´º*/
#quickLink { position:absolute; right:25px; top:700px; z-index:995; letter-spacing:-0.3px;}
#quickLink ul li {position:relative;  margin-bottom:10px;}

.nav_btn {width:70px; height:60px;}
.nav_btn a{float:right; display:block; width:70px; height:80px; border-radius:10px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;  }
.nav_btn a .nav_txt{display:block; height:45px; width:100%; overflow:hidden;}
.nav_btn a .nav_txt p{opacity: 0; display:block; height:0px; line-height:26px; width:100%; }
.nav_btn a .tit_txt p{display:block;width:100%; color:#fff; font-size:14px; letter-spacing:-0.4px; text-align:center; margin-top:2px;}
.nav_btn.bg1 a{background-color:#eb7015;}
.nav_btn.bg1 a .nav_txt:before {display:block; float:left; width:70px; height:65px; line-height:60px;  content:" "; background:url("/img/main/quick_icon01.png")  no-repeat center 18px; font-size:1.5em; color:#fff;}
.nav_btn.bg1:hover a .nav_txt:before {width:45px;height:60px;background:url("/img/main/quick_icon01.png")  no-repeat 15px center; color:#fff;}
.nav_btn.bg1 a .nav_txt p{color:#fff; font-size:15px;}

.nav_btn.bg2 a{background-color:#409e46;}
.nav_btn.bg2 a .nav_txt:before {display:block; float:left; width:70px; height:65px; line-height:60px;  content:" "; background:url("/img/main/quick_icon02.png")  no-repeat center 18px; font-size:1.5em; color:#fff;}
.nav_btn.bg2:hover a .nav_txt:before {width:45px;height:60px;background:url("/img/main/quick_icon02.png")  no-repeat 15px center; color:#fff;}
.nav_btn.bg2 a .nav_txt p{color:#fff; font-size:17px;}

.nav_btn:hover: a .nav_txt:before {height:60px;}
.nav_btn.bg1 a .nav_txt p{color:#fff; font-size:15px;}
.nav_btn:hover a{width:170px; height:60px;}
.nav_btn:hover a .nav_txt p{line-height:60px; opacity: 1; transition: 0.5s all ease; transition-delay: 0.2s;}
.nav_btn:hover a .tit_txt p{opacity: 0;}

@media screen and (max-width:960px) {
	 #quickLink{display: none;}
}

/* ¸ð¹ÙÀÏ Äü¸Þ´º */
.mobile_tel {display:none;}

@media screen and (max-width:959px) {
    /* ¸ð¹ÙÀÏ Äü¸Þ´º(ÀüÈ­) */
	.mobile_tel{display:block; width:100%; background:#000; border-top:1px solid rgba(255,255,255,.2); bottom:0px; position:fixed; z-index:99999999; letter-spacing:-0.06em;  font-size:16px;}
	.mobile_tel li {float:left; overflow:hidden; height:50px; color:#fff; line-height:51px; letter-spacing:0.03em;}
	.mobile_tel li.left{width:45%;}
	.mobile_tel li.right{width:55%;}
	.mobile_tel li:first-child{border-right:1px solid rgba(255,255,255,.2); }
	.mobile_tel li a{color:#fff; font-size:16px;}
	.mobile_tel .bg1{background:url("/img/main/quick_icon01_m.png") no-repeat 14px center; padding-left:55px;}
	.mobile_tel .bg2{background:url("/img/main/quick_icon02_m.png") no-repeat 14px center; padding-left:55px;}
	body { margin-bottom:10px; }
}