@charset "utf-8";

/*공통_css*/

/*mainvisual_bxslider*/
#content .bx-wrapper{border:none; box-shadow:none; background:none; margin-bottom:0;}
#content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{display:none;}

/*MainVisual*/

/*img*/
.m1{background:url("../images/main/m1.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}
.m2{background:url("../images/main/m2.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}
.m3{background:url("../images/main/m4.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}
.m4{background:url("../images/main/m3.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}
/*.m5{background:url("../images/main/m5.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}*/
.m6{background:url("../images/main/m6.jpg") no-repeat center; background-size:cover; width:100%; height:900px;}

/*txt*/
.mv_txt_wrap{width:1200px; margin:0 auto; position:relative; }
.mv_txt{position:absolute; top:460px; left:-20px; text-align:left; }
.mv_txt span{display:block;}

.mv_txt h2{font-size:40px; top:10px; font-family: 'yg-jalnan', sans-serif; color:#fff; line-height:1.3; text-shadow:2px 2px 2px rgba(115,115,115,0.77); padding-left:0;}
.mv_txt h2:after{display:none;}
.mv_txt h2 strong{font-family:'s-core-dream-regular', sans-serif;}

.mv_txt p.txt{font-size:30px; color:#fff;font-family:'s-core-dream-regular', sans-serif;  line-height:1.5; padding-top:2%; text-shadow:1px 1px 1px rgba(115,115,115,0.88);}
.mv_txt p.txt span{display:block;}
.mv_txt button{position:relative; border:solid 1px #fff; width:33%; padding:3%; font-size:18px; font-family:'s-core-dream-regular', sans-serif; text-align:left; color:#fff; margin-top:5%; background-color:rgba(255,255,255,0.25);}
.mv_txt button::after{content:"+"; position:absolute; top:10px; right:21px; }


/*main-cont1*/
#mcont1{width:100%; height:550px; position:relative; overflow:hidden;}

#mcont1 .wrap .left{width:50%; position:relative; color:#fff;}
#mcont1 .wrap .left::after{content:""; background:url("../images/main/cont3-bg.jpg")no-repeat; width:960px; height:550px; position:absolute; top:0; left:-60%;}

#mcont1 .wrap .left .mservice-box{position:relative; z-index:3000;}

#mcont1 .wrap .left h4{padding-top:25%;}
#mcont1 .wrap .left p.eng-txt{padding:1% 0;}
#mcont1 .wrap .left p.txt-box{padding:3% 0 5% 0; transform:skew(-0.001deg);}
#mcont1 .wrap .left button{width:245px; height:65px; padding:3%; border:solid 1px #ddd; box-sizing:border-box; text-align:left; color:#fff; font-size:16px; /*background:rgba(255,255,255,0.14);*/ position:relative;}
#mcont1 .wrap .left button::after{content:"+"; position:absolute; top:20px; right:23px;}

#mcont1 .wrap .left button.btn{display:inline-block;  transition:all 0.7s ease-out; background: linear-gradient(270deg, rgba(150,96,171,0.8), rgba(138,85,158,0.8), rgba(34,34,34,0), rgba(34,34,34,0)); background-position:1% 50%; background-size:300% 300%; }
#mcont1 .wrap .left button.btn:hover {color: #fff; border: 1px solid rgba(150,96,171,0); background-position: 99% 50%;}

#mcont1 .wrap .right{width:50%; position:relative; z-index:3000;}

dl.service-ico{overflow:hidden; margin:85px 50px;}
dl.service-ico dd{position:relative; width:50%; box-sizing:border-box; float:left; font-size:18px; text-align:center; padding:5% 0; cursor:pointer;}

dl.service-ico dd:first-child,dl.service-ico dd:nth-child(3){border-right:solid 1px #ddd;}
dl.service-ico dd:nth-child(3), dl.service-ico dd:nth-child(4){border-top:solid 1px #ddd;}

dl.service-ico dd .txt{padding-top:6%; font-weight:700; color:#555; transform:skew(-0.001deg);}

.box-color{color: #8dc0d8;}
.line-box {display: block; position: relative; overflow: hidden; padding: 1.5rem; text-decoration: none;}
.line-box:before, .line-box:after, .line-box .inner:before, .line-box .inner:after{content: ''; position: absolute; top: 0; left: 0; width :0; height:0; background-color: currentColor;-webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.cw:after{top: auto; right: 0;bottom: 0;left: auto;}
.cw .inner:before{right: 0; left:auto;}
.cw .inner:after{top: auto; bottom: 0;}

.cw:before, .cw:after{width:0; height:2px;}

.cw .inner:before, .cw .inner:after {width: 2px; height: 0;}
.cw:hover:before, .cw:hover:after{width:100%;}
.cw:hover .inner:before, .cw:hover .inner:after{height:100%;}

/*intro-con100*/
.intro-con100{background:#fff; width:100%; height:1100px; margin-top:5%;}
.intro-con100 .tit{font-size:18px; line-height:2.0; transform:skew(-0.001deg); padding:2% 0 2% 0;}
.impor-txt{font-size:20px; font-family: 's-core-dream-medium', sans-serif; transform:skew(-0.001deg); letter-spacing:-1.2px; padding:3% 4% 2% 4%}

.intro-cont200{background:url("../images/main/cont13-bg.jpg")no-repeat #fff; width:100%; height:630px; overflow:hidden; color:#fff; transform:skew(-0.001deg);text-align:left; position:relative;}
.intro-cont200 h3{color:#fff; padding-left:3%; margin:7% 0 2% 0;}
.intro-cont200 h3:after{background:url("../images/common/w-bullet.png")no-repeat; width:26px; height:27px;}
.intro-cont200 .stit{font-size:22px; padding-bottom:3%; line-height:1.8;}
.intro-cont200 .stxt{font-size:17px; line-height:1.8;}


/*main-cont21*/
#mcont21{background:url("")no-repeat 30% 30% #fff; height:650px; background-size:cover; background-attachment:fixed;}
#mcont21 .wrap{text-align:center; position:relative;}
#mcont21 .wrap h4{color:#333; padding-top:7%;}


/*main-cont2*/
#mcont2{background:url("")no-repeat 50% 50% #83909b; height:650px; background-size:cover; background-attachment:fixed;}


#mcont2 .wrap{text-align:center; position:relative;}
#mcont2 .wrap h4{color:#fff; padding-top:8%;}

dl.help{position:relative; color:#fff; overflow:hidden; margin:6% 0; cursor:pointer;}
dl.help dd{float:left; width:25%; border-right:solid 1px #fff; box-sizing:border-box; padding:3% 0;}
dl.help dd:last-child{border-right:none;}
dl.help dd .txt{font-size:18px; padding-top:3%; padding-left:8px; display:inline-block;}

dl.help dd:hover{background:#677b89;  transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition: all 0.4s;-o-transition:all 0.4s;}
dl.help dd:hover p img{transform:scale(1.05);-o-transform:scale(1.05); -moz-transform:scale(1.05);-webkit-transform:scale(1.05); transition: transform .35s;  -o-transition: transform .35s;-moz-transition: transform .35s;-webkit-transition: transform .35s;}


/*.flower{background:url("../images/main/flower.png")no-repeat; width:382px; height:381px; position:absolute; top:-99px; right:-227px; animation: spin 40s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;}


@-moz-keyframes spin {100%{-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {100%{ -webkit-transform: rotate(360deg); } }
@keyframes spin {100% {-webkit-transform: rotate(360deg); transform:rotate(360deg); } }
*/
/*main-cont3*/
#mcont3{background:url("") no-repeat  #fff; height:550px; background-attachment:fixed;}
#mcont3 .left, #mcont3 .right{width:40%; margin:7% 5%; position:relative;}

#mcont3 .left h5{color:#8dc0d8;}
#mcont3 .left .more-btn{background:#8dc0d8; color:#fff; position:absolute; top:0; right:0;}

ul.notice{overflow:hidden; margin-top:5%;}
ul.notice li{position:relative; overflow:hidden; margin-bottom:2%; line-height:2.4;}
ul.notice li::before{content:"-"; position:absolute; top:18%; left:0;}
ul.notice li span{display:inline-block;}
ul.notice li span.txt{font-size:16px; font-weight:500; margin-left:10px; width:75%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.notice li span.data{background:#ffffff; font-size:14px; float:right; padding:0 2%; text-align:center; box-sizing:border-box; font-family: 's-core-dream-light', sans-serif; letter-spacing:0;}

/*hover*/
ul.notice li span::after{opacity: 0; transform: translate3d(-100%, 0, 0); transition: transform .3s ease-out, opacity .3s ease-out;}
ul.notice li span:hover::after{opacity: 1;transform: translate3d(0, 0, 0);}
ul.notice li span.txt{position:relative;}
/*ul.notice li span.txt::after{content:""; width:100%; height:3px; background-color:#8dc0d8; position:absolute; left:0; top:30px;}*/
ul.notice li span.txt:hover a:hover{color:#8dc0d8;}

#mcont3 .right{overflow:hidden;}
#mcont3 .right .tit{font-size:20px; color:#555555; font-family: 's-core-dream-regular', sans-serif; margin-top:2%;}
/*#mcont3 .right .tel{font-size:65px; font-family: 's-core-dream-bold', sans-serif; letter-spacing:0;  margin-top:3%;}
#mcont3 .right .tel a{color:#8dc0d8;}*/

/*#mcont3 .right .tel{overflow:hidden; margin-top:3%; border:solid 1px #ddd; background:#fff;}
#mcont3 .right .tel span{float:left; width:33.3%; font-family: 's-core-dream-bold', sans-serif; font-size:16px; box-sizing:border-box; border-right:solid 1px #ddd; padding:2%;}
#mcont3 .right .tel span:last-child{border-right:none;}
#mcont3 .right .tel span a{display:inline-block; font-size:20px; margin-top:2%; color:#8dc0d8;}*/

/*20-08-07*/
#mcont3 .right .tel-box{overflow:hidden; font-family: 's-core-dream-bold', sans-serif; font-size:22px;}
#mcont3 .right .tel-box dl dd{border-bottom:dashed 1px #bbb; overflow:hidden; padding:3% 2%; background-color:#fff;}
#mcont3 .right .tel-box dl dd div{float:left;}
#mcont3 .right .tel-box dl dd div i{font-size:17px;}
#mcont3 .right .tel-box dl dd div:nth-child(2){margin-left:2%; font-size:18px; color:#555555; font-family: 's-core-dream-regular', sans-serif; margin-top:1%;}
#mcont3 .right .tel-box dl dd div a{color:#8dc0d8;}



#mcont3 .right .bank{font-size:16px; margin:2% 0; font-family: 's-core-dream-regular', sans-serif; letter-spacing:0;}
#mcont3 .right .bank span.name{display:inline-block; padding-left:2%; font-size:14px;}

dl.cscenter{overflow:hidden; margin-top:5%;}
dl.cscenter dd{width:33.3%; float:left; border-right:solid 1px #ddd; box-sizing:border-box; text-align:center; cursor:pointer;}
dl.cscenter dd:last-child{border-right:none;}
dl.cscenter dd .txt{font-size:15px; font-weight:700; padding-top:6%; color:#555;}

#mcont3 .wrap .left .flower{top:inherit; right:inherit; left:-387px; bottom:-306px;}


/*main-cont4*/
#mcont4{width:100%; overflow:hidden;}
#mcont4 .left{width:44%; margin:5% 3%; box-sizing:border-box; position:relative;}
#mcont4 .left .more-btn{background:#f5f5f5; color:#555; border:solid 1px #555; position:absolute; top:0; right:0;}


ul.online{overflow:hidden; width:100%; margin-top:10%;}
ul.online li{overflow:hidden; border-bottom:solid 1px #ddd; padding-bottom:3%; margin-bottom:3%;}
ul.online li span{display:inline-block; font-size:15px;}
ul.online li span.data{background:#eaeaea; color:#555; padding:1% 2%; font-weight:500; font-family: 's-core-dream-light', sans-serif; letter-spacing:0; font-size:13px;}
ul.online li span.txt{font-size:16px; font-weight:500; width:66%; padding-left:3%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:sub;}
ul.online li span.txt a:hover{color:#8dc0d8;}
ul.online li span.answer{padding-left:5%; vertical-align:text-bottom;}
ul.online li span.on{color:#8dc0d8;}



dl.quick-box{overflow:hidden; margin-top:5%;}
dl.quick-box dd{width:33.3%; float:left; box-sizing:border-box; border:solid 1px #ddd; text-align:center; font-size:17px;}
dl.quick-box dd:first-child, dl.quick-box dd:nth-child(2){border-right:none;}
dl.quick-box dd:nth-child(3){background:url("../images/common/pattern.png")repeat #8dc0d8;}
dl.quick-box dd a{display:block; line-height:4.2;}
dl.quick-box dd:nth-child(3) a{color:#fff;}

dl.quick-box dd {cursor:pointer; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow;}
dl.quick-box dd:hover, dl.quick-box dd:focus, dl.quick-box dd:active {box-shadow: inset 0 0 0 4px #dddddd, 0 0 1px rgba(0, 0, 0, 0);}

#mcont4 .right{background-color:#7bb739; color:#fff; width:50%; padding:5% 3%; box-sizing:border-box; position:relative;}
#mcont4 .right::after{content:""; background:url("../images/main/cont4_bg.jpg")no-repeat; width:960px; height:574px; position:absolute; top:0; right:-60%;}
#mcont4 .right .review{position:relative; z-index:1;}
#mcont4 .right .more-btn{color:#fff; border:solid 1px #fff; position:absolute; top:0; right:0;}
 
#mcont4 .right ul.online li{border-bottom:solid 1px #689c2f;}
#mcont4 .right ul.online li span.data{background:#91cf4c; color:#fff;}
#mcont4 .right ul.online li span.txt{width:80%;}
#mcont4 .right ul.online li span.txt a{color:#fff;}
#mcont4 .right ul.online li span.txt a:hover{color:#ddd;}

/*media_mobile*/

@media all and (max-width:1024px) {
/*공통css*/

/*main_visual*/
.mv_txt_wrap{width:100%;}
.mv_txt{top:19rem; left:7%;}

/*background-images*/
.m1, .m2, .m3, .m4, .m5, .m6{height:800px;}

/*cont1*/
#mcont1{height:initial;}
#mcont1 .wrap .left{width:100%; float:none; height:410px;}
#mcont1 .wrap .left::after{width:100%; height:410px; left:0; background-size:cover; background-attachment:fixed; background-position:50% 50%;}
#mcont1 .wrap .left .mservice-box{padding:5%; z-index:3000;}
#mcont1 .wrap .left h4{padding-top:7%;}
#mcont1 .wrap .left p.txt-box{padding:0 0 3% 0;}

.txt-box span{display:inline;}

#mcont1 .wrap .right{width:100%; float:none;}


/*cont2*/
.flower{width:200px; height:200px; top:-14%; right:4%; background-size:cover;}


/*cont3*/
#mcont3{height:initial; background-position:95% 36%;}
#mcont3 .wrap{padding:5%; box-sizing:border-box;}
#mcont3 .wrap .left .flower{left:-16%; bottom:-124%;}
#mcont3 .left, #mcont3 .right{width:100%; margin:0; float:none;}

ul.notice{border-bottom:dashed 1px #a8a8a8;}
ul.notice li{margin-bottom:1%;}

#mcont3 .right{margin-top:5%;}
#mcont3 .right .tit{margin-top:1%;}
#mcont3 .right .tel{margin-top:1%;}

/*cont4*/
#mcont4 .left{width:90%; margin:5%;}
#mcont4 .right{width:100%; padding:5%;}
#mcont4 .right::after{width:100%; right:0; background-size:cover; }

ul.online{margin-top:3%;}
ul.online li{padding-bottom:1%; margin-bottom:2%;}
dl.quick-box{margin-top:0;}

#mcont21{background:url("")no-repeat 30% 30% #fff; height:500px; background-size:cover; background-attachment:fixed;}
#mcont21 .wrap{text-align:center; position:relative;}
#mcont21 .wrap h4{color:#333; padding-top:7%;}

}

@media all and (max-width:800px){

/*main_visual*/
.mv_txt{top:24rem;}
.mv_txt h2{font-size:38px;}
.mv_txt p.txt{font-size:25px;}

/*cont2*/
#mcont2{height:436px;}
dl.help dd{padding:0;}
.flower{right:6%;}

}

@media all and (max-width:650px){
/*main_visual*/
.mv_txt{left:5%; margin-top:90px; text-align:left; width:100%;  box-sizing:border-box;}
.mv_txt h2{font-size:24px; padding-left:0;}
.mv_txt p.txt{font-size:22px;}
.mv_txt button{width:50%; padding:3%;}

/*.m1{height:556px; background-position:12% 50%;}*/
.m1, .m2, .m3, .m4, .m5{height:590px;}
.m6{height:590px; background-position:80% 50%;}

/*cont1*/
#mcont1 .wrap .left{height:262px;}
#mcont1 .wrap .left::after{height:262px; background-attachment: inherit;}
#mcont1 .wrap .left h4{padding-top:6%;}
#mcont1 .wrap .left button{width:210px; height:60px;}

.eng-txt{font-size:16px;}
.txt-box{font-size:17px;}
.txt-box span{display:inline-block;}

dl.service-ico{margin:5%;}
dl.service-ico dd img{width:50%;}


/*cont2*/
#mcont2{height:initial; padding:0 0 3% 0; background-attachment:initial;}
.flower{width:90px; height:90px; top:-7%; right:4%; z-index:2;}

dl.help{width:90%; margin:5%; overflow:hidden;}
dl.help dd{width:50%; padding:6% 0;}
dl.help dd img{width:50%;}
dl.help dd:nth-child(2){border-right:none;}
dl.help dd:nth-child(3), dl.help dd:nth-child(4){border-top:solid 1px #ddd;}


/*cont3*/
#mcont3{background-attachment:initial; background-position:80% 100%; background:#eeeeee;}
#mcont3 .wrap{padding:10% 5%;}
#mcont3 .right{margin-top:10%; position:relative;}
#mcont3 .right .tel{font-size:34px; position:inherit; top:0; right:0;}
#mcont3 .right .bank{font-size:15px;}
#mcont3 .right .tit{font-size:16px;}

ul.notice{padding-bottom:3%;}
ul.notice li{line-height:1.8; margin-bottom:2%;}
ul.notice li span.txt{width:70%;}

.more-btn::after{top:0%;}
dl.cscenter{border:solid 1px #ddd; background:#fff; box-sizing:border-box;}
dl.cscenter dd .txt{font-size:13px;}


ul.online{margin-top:5%;}
ul.online li{padding-bottom:2%; margin-bottom:4%;}
ul.online li span.txt{width:56%;}

dl.quick-box dd{font-size:15px;}
dl.quick-box dd a{line-height:3.5;}

#mcont3 .right .tel-box dl dd{padding:3% 8%;}
#mcont3 .right .tel-box dl dd div:nth-child(2){margin-left:0;}
#mcont3 .right .tel-box dl dd div:nth-child(2) a{color:#555;}


/*cont4*/

#mcont4 .left{margin:8% 5%;}
#mcont4 .right ul.online li span.txt{width:75%;}
#mcont4 .right::after{height:283px;}

dl.quick-box{margin-top:5%;}

dl.cscenter dd{padding:4% 2%;}

}

@media all and (max-width:380px){
/*main_visual
.m1{height:460px; background-position:7% 50%;}*/
.m1, .m2, .m3, .m4, .m5{height:450px;}
.m6{height:450px; background-position:80% 50%;}

.mv_txt{padding-left:0; top:140px; left:4%;}
.mv_txt h2{font-size:22px; line-height:1.4; padding-left:0;}
.mv_txt p.txt{font-size:18px;}
.mv_txt p.txt span{word-break:keep-all;}


/*cont1*/
#mcont1 .wrap .left button{height:50px; font-size:15px;}
#mcont1 .wrap .left p.txt-box{padding:0 0 5% 0;} 

.txt-box{font-size:16px;}
dl.service-ico dd{font-size:16px;}

/*cont2*/
ul.notice li span.txt{width:66%;}

#mcont21{background:url("")no-repeat 30% 30% #fff; height:500px; background-size:cover; background-attachment:fixed;}
#mcont21 .wrap{text-align:center; position:relative;}
#mcont21 .wrap h4{color:#333; padding-top:10%;}

/*cont3*/
#mcont3 .wrap .left .flower{/*left:-22%;*/right:-3%; left:inherit; bottom:inherit; top:109%;}
#mcont3 .right .tit{font-size:16px; margin-top:3%;}
#mcont3 .right .tel{position:inherit; right:0;}
#mcont3 .right .bank span{display:block;}
#mcont3 .right .bank span.name{padding-left:0; padding-top:2%;}

dl.cscenter dd .txt{font-size:14px;}

ul.notice{padding-bottom:4%; margin-top:7%;}
ul.notice li{line-height:1.8;}
ul.notice li span.txt{font-size:15px;}
ul.notice li span.data{font-size:13px;}

dl.help dd .txt{font-size:16px;}
.more-btn::after{top:8%; font-size:19px;}

.line-box{padding:3%;}

/*cont4*/
#mcont4 .right ul.online li span.txt{width:69%;}

ul.online{margin-top:7%;}
ul.online li span.txt{width:49%; font-size:15px;}
ul.online li span.answer{padding-left:3%;}

dl.quick-box dd{font-size:16px;}

}
@media all and (max-width:320px){

#mcont3 .wrap .left .flower{top:103%;}
p.ico img{width:70%;}
.line-box{padding:5% 2%;}

ul.online li span.txt{width:48%;}

dl.cscenter dd .txt{font-size:13px;}


}