@charset "utf-8";

.main_wrap{position: relative;width:100%;padding-top: 159px;;}

/* main visual */
.main_vs{position: relative;width:100%;height:779px;background:url(../../images/main/main_bg.png) no-repeat center;background-size:cover}

.main_slogan{position: absolute;top:50%;left:50%;margin-left: -230px;margin-top: -163px;width:460px;height:322px;padding:50px;background:rgba(255,255,255,0.85);box-shadow:15px 15px 30px rgba(0,0,0,0.3);box-sizing: border-box;z-index: 2;}
.main_slogan{text-align: center;}
.main_slogan h2{font-size:72px;line-height:75px;color: #008f70;font-weight: 700;}
.main_slogan p{font-size:19px;line-height:32px;color: #333333;margin:6px 0 16px}

.btn_darkmode{display: block;width:50px;;height: 49px;margin:auto;padding: 5px;background:url(../../images/main/btn_darkmode.png) no-repeat center;;border:0;cursor: pointer;border-radius:50%}
.btn_darkmode.pulse {box-shadow: 0 0 0 rgba(0, 143, 112, 0.4);animation: pulse 2s infinite;}
.btn_darkmode:hover {animation: none;}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 143, 112, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 143, 112, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 143, 112, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 143, 112, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 143, 112, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 143, 112, 0);
        box-shadow: 0 0 0 10px rgba(0, 143, 112, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 143, 112, 0);
        box-shadow: 0 0 0 0 rgba(0, 143, 112, 0);
    }
}

.darkmode .main_vs{background:#000 url(../../images/main/main_bg_dark.png) no-repeat center;}
.darkmode .main_slogan{background:#000;border:2px solid rgba(255,255,255,0.5);box-shadow:none}
.darkmode h2{color: #17bfe6;}
.darkmode p{color: #fff;}
.darkmode  .btn_darkmode{background:url(../../images/main/btn_darkmode_on.png) no-repeat center;}

.scroll{ position: absolute;left: 50%; margin-left: -14.5px;  z-index: 1; bottom: 41px;width: 29px; height: 48px;/* animation-direction: alternate;animation-iteration-count: infinite; animation-duration: .5s;  animation-name: bounc; */}
 @keyframes bounc {   from {bottom:42px;}  to {bottom: 52px} } 

.scroll:before{content: '';position: absolute;top:-140px;left:50%;margin-left:-1px;width: 2px;height: 140px;background:rgba(255,255,255,0.5);}
.scroll:after{content: '';position: absolute;bottom:-41px;left:50%;margin-left:-1px;width: 2px;height: 41px;background:rgba(255,255,255,0.5);}

/* main seciton2 */
.main_sec2{position: relative;padding-top:77px;padding-bottom:96px;background-color: #fff;}
.main_sec2:before{content: '';position: absolute;top:0px;left:50%;/* z-index: -1; */margin-left:-1px;width:2px;height: 290px;background-color: #ddd;}
.darkmode .main_sec2:before{background-color: #fff;opacity:0.5}
.mb_sec2_tit{position: relative;z-index: 1;width:408px;height:112px;margin:auto;font-size:41px;line-height: 112px;color: #fff;background-color: #008e70;text-align: center;}

.mn_sec2_list{position: relative;margin-top:86px;}
.mn_sec2_list:before{content: '';position: absolute;top:-30px;left:50%;width: 66.67%;height:2px;margin-left:-33.335%;background-color: #ddd;}
.darkmode .mn_sec2_list:before{background-color: #fff;opacity:0.5}
.mn_sec2_list li{position: relative;float: left;width:33.33%;padding-top:252px;/* border:1px solid;box-sizing:border-box  */}
.mn_sec2_list li:before{content: '';position: absolute;top:-30px;left:50%;margin-left: -1px;width:2px;height: 34px;background-color: #dddddd;}
.darkmode .mn_sec2_list li:before{background-color: #fff;opacity:0.5}
.mn_sec2_list li:nth-child(2):before{display: none;}
.mn_sec2_list li:nth-child(1){background: url(../../images/main/main_sec2_1.png) no-repeat center top;}
.mn_sec2_list li:nth-child(2){background: url(../../images/main/main_sec2_2.png) no-repeat center top;}
.mn_sec2_list li:nth-child(3){background: url(../../images/main/main_sec2_3.png) no-repeat center top;}

.darkmode .mn_sec2_list li:nth-child(1){background: url(../../images/main/main_sec2_1_h.png) no-repeat center top;}
.darkmode .mn_sec2_list li:nth-child(2){background: url(../../images/main/main_sec2_2_h.png) no-repeat center top;}
.darkmode .mn_sec2_list li:nth-child(3){background: url(../../images/main/main_sec2_3_h.png) no-repeat center top;}


.mn_sec2_list li span{display: block;font-size:21px;line-height: 1.8;color: #333333;text-align: center;}

.btn_move{width:261px;height: 69px;margin: 79px auto 0;font-size:24px;line-height: 64px;color: #008e70;text-align: center;border:2px solid #008e70;font-weight: 600;box-sizing:border-box;transition:all 0.4s}

.darkmode .main_sec2{background-color: #000000;}
.darkmode .mb_sec2_tit{background-color: #17bfe6;}
.darkmode .mn_sec2_list li span{color: #fff;opacity: 0.8;}
.darkmode .btn_move{background-color: #17bfe6;border: 2px solid #17bfe6;color: #fff;}


/* main seciton3 */
.main_sec3.effect_wrap{padding-top:104px;padding-bottom:120px;background-color: #fafafa;}
.s1_1 .effect_wrap{padding-top:99px;padding-bottom:120px;background-color: #fff;}
.effect_wrap_in{width:100%;height:805px;background-color: #fff;box-shadow:0px 0px 8px rgba(0,0,0,0.065)}
.effect_wrap_in .mn_sec3_box{position: relative;float: left;width:25%;height:100%;padding-top:214px;box-sizing:border-box;text-align: center;}
.effect_wrap_in .mn_sec3_box:before{content: '';position: absolute;top:45px;left:50%;height: 144px;background-size: 100%;}
.effect_wrap_in .mn_sec3_box:nth-child(1):before{margin-left:-68.5px;width:137px;background: url(../../images/main/main_sec3_1.png) no-repeat center}
.effect_wrap_in .mn_sec3_box:nth-child(2):before{margin-left:-62.5px;width:125px;background: url(../../images/main/main_sec3_2.png) no-repeat center}
.effect_wrap_in .mn_sec3_box:nth-child(3):before{margin-left:-54px;width:108px;background: url(../../images/main/main_sec3_3.png) no-repeat center}
.effect_wrap_in .mn_sec3_box:nth-child(4):before{margin-left:-57px;width:114px;background: url(../../images/main/main_sec3_4.png) no-repeat center}

.effect_wrap_in .mn_sec3_box:nth-child(1){background: url(../../images/main/main_sec3_1_bg.png) no-repeat center bottom;}
.effect_wrap_in .mn_sec3_box:nth-child(2){background: url(../../images/main/main_sec3_2_bg.png) no-repeat center bottom;}
.effect_wrap_in .mn_sec3_box:nth-child(3){background: url(../../images/main/main_sec3_3_bg.png) no-repeat center bottom;}
.effect_wrap_in .mn_sec3_box:nth-child(4){background: url(../../images/main/main_sec3_4_bg.png) no-repeat center bottom;}

.effect_wrap_in .mn_sec3_box h3{font-size:27px;line-height: 24.52px;font-weight: 500;}
.effect_wrap_in .mn_sec3_box:nth-child(1) h3{color: #1b9ea4;}
.effect_wrap_in .mn_sec3_box:nth-child(2) h3{color: #17bfe6;}
.effect_wrap_in .mn_sec3_box:nth-child(3) h3{color: #d8573d;}
.effect_wrap_in .mn_sec3_box:nth-child(4) h3{color: #de8748;}

.effect_wrap_in .mn_sec3_box .box_info{margin-top:20px;padding-top: 20px;}
.effect_wrap_in .mn_sec3_box .box_info .box_tit{position: relative;margin-bottom:4px;font-size:21px;line-height: 26px;color: #333333;font-weight: 500;letter-spacing: -0.01em;}
.effect_wrap_in .mn_sec3_box .box_info .box_tit:before{content: '';position: absolute;top:-19px;left:50%;margin-left:-15px;width:30px;height: 3px;}
.effect_wrap_in .mn_sec3_box:nth-child(1) .box_tit:before{background-color: #1b9ea4;}
.effect_wrap_in .mn_sec3_box:nth-child(2) .box_tit:before{background-color: #17bfe6;}
.effect_wrap_in .mn_sec3_box:nth-child(3) .box_tit:before{background-color: #d8573d;}
.effect_wrap_in .mn_sec3_box:nth-child(4) .box_tit:before{background-color: #de8748;}
.effect_wrap_in .mn_sec3_box .box_info .box_tit{position: relative;font-size:21px;line-height: 26px;color: #333333;font-weight: 500;letter-spacing: -0.01em;}
.effect_wrap_in .mn_sec3_box .box_info .box_txt{font-size:17px;line-height: 1.7;color: #666;letter-spacing: -0.01em;}

.effect_wrap_in .mn_sec3_box .mn_sec_more{display: block;width:145px;height:49px;margin:34px auto;line-height: 47px;font-size:19px;font-weight: 600;text-transform:uppercase;transition:all 0.4s;box-sizing: border-box;}
.effect_wrap_in .mn_sec3_box:nth-child(1) .mn_sec_more{color: #1b9ea3;border:1px solid #1b9ea3;}
.effect_wrap_in .mn_sec3_box:nth-child(2) .mn_sec_more{color: #17bfe6;border:1px solid #17bfe6;}
.effect_wrap_in .mn_sec3_box:nth-child(3) .mn_sec_more{color: #d8573d;border:1px solid #d8573d;}
.effect_wrap_in .mn_sec3_box:nth-child(4) .mn_sec_more{color: #de8748;border:1px solid #de8748;}

.darkmode .effect_wrap_in .mn_sec3_box:nth-child(1) .mn_sec_more{color: #fff;background-color: #1b9ea3;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(2) .mn_sec_more{color: #fff;background-color: #17bfe6;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(3) .mn_sec_more{color: #fff;background-color: #d8573d;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(4) .mn_sec_more{color: #fff;background-color: #de8748;}


.darkmode .main_sec3{background-color: #0d0d0d;}
.darkmode .effect_wrap_in {background-color: #000; box-shadow: 3px 3px 8px rgba(0,0,0,0.1);}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(1) .box_info .box_tit{color: #20a1a6;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(2) .box_info .box_tit{color: #17bfe6;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(3) .box_info .box_tit{color: #d8573d;}
.darkmode .effect_wrap_in .mn_sec3_box:nth-child(4) .box_info .box_tit{color: #f68c3f;}
.darkmode .effect_wrap_in .mn_sec3_box .box_info .box_txt{color: #ffffff;opacity:0.8}



 
 @media (min-width:800px){
	.btn_move:hover{background-color: #008e70;color: #fff;border:1px solid #008e70;}
	.darkmode.btn_move:hover{background-color: ##17bfe6;color: #fff;border:1px solid ##17bfe6;}

	.effect_wrap_in .mn_sec3_box:nth-child(1) .mn_sec_more:hover{background-color: #1b9ea3;color: #fff;}
	.effect_wrap_in .mn_sec3_box:nth-child(2) .mn_sec_more:hover{background-color: #17bfe6;color: #fff;}
	.effect_wrap_in .mn_sec3_box:nth-child(3) .mn_sec_more:hover{background-color: #d8573d;color: #fff;}
	.effect_wrap_in .mn_sec3_box:nth-child(4) .mn_sec_more:hover{background-color: #de8748;color: #fff;}
}

/* /
.sec_tit { font-size:35px; font-weight:700; line-height:1; color:#303030; }
.sec_txt { font-size:17px; line-height:30px; color:#505050; }


.main { position:relative; padding-top:95px; }

.mv_list { position:relative; }
.mv_list .main_visual li { height:825px; }
.mv_list .main_visual li.mv_1 { background:url(../../images/main/main_visual_01.jpg) no-repeat center top; background-size:auto 100%; }
.mv_list .main_visual li.mv_2 { background:url(../../images/main/main_visual_02.jpg) no-repeat center top; background-size:auto 100%; }
.mv_list .main_visual li.mv_3 { background:url(../../images/main/main_visual_03.jpg) no-repeat center top; background-size:auto 100%; }
.mv_list .main_visual li .wrap2 { position:relative; }
.mv_list .main_visual li .slogan { position:absolute; top:237px; left:0; color:#202020; text-shadow:0 0 1px rgb(187,150,130); }
.mv_list .main_visual li.mv_1 .slogan { color:#fff; }
.mv_list .main_visual li.mv_2 .slogan { text-shadow:0 0 0; }
.mv_list .main_visual li .slogan .t1 { font-family:'NanumSquare'; margin-bottom:25px; font-size:52px; font-weight:900; line-height:1; }
.mv_list .main_visual li .slogan .t2 { font-family:'NanumSquare'; font-size:21px; line-height:1.6; }
.mv_list .bx-wrapper { position:relative; margin-bottom:24px; }
.mv_list .bx-wrapper .bx-controls { position:absolute; bottom:380px; left:0; width:100%; z-index:50; }
.mv_list .bx-wrapper .bx-pager { position:relative; top:0; left:0; padding:0; max-width:1300px; height:12px; margin:0 auto; text-align:left; }
.mv_list .bx-wrapper .bx-pager.bx-default-pager a { width:12px; height:12px; box-sizing:border-box; margin:0 9px 0 0; background:rgba(255,255,255,0.37); transition:0.4s; border-radius:50%; }
.mv_list .bx-wrapper .bx-pager.bx-default-pager a:hover ,
.mv_list .bx-wrapper .bx-pager.bx-default-pager a.active { background:#fff; }
.mv_list .bx_auto { position:relative; z-index:50; width:100%; height:0; }
.mv_list .bx_auto .auto_btn_area { position:relative; top:-404px; margin:-24px auto 0; max-width:1300px; height:12px; text-align:left; }
.mv_list .bx_auto .auto_btn_area a { position:absolute; top:12px; left:65px; box-sizing:border-box; width:7px; height:12px; }
.mv_list .bx_auto .auto_btn_area .btn_play { display:none; box-sizing:border-box; width:7px; height:12px; border-top:6px solid transparent; border-right:0; border-left:7px solid #fff; border-bottom:6px solid transparent; background:none; transition:0.4s; }
.mv_list .bx_auto .auto_btn_area .btn_pause { box-sizing:border-box; width:7px; height:12px; border-left:2px solid #fff; border-right:2px solid #fff; background:none; transition:0.4s; }
.mv_list .mv_logo { position:absolute; bottom:70px; left:0; width:100%; }
.mv_list .mv_logo ul { display:inline-block; text-align:center; padding:23px 30px 21px; width:auto; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:3px; }
.mv_list .mv_logo ul li { display:inline-block; margin-right:40px; }
.mv_list .mv_logo ul li:last-child { margin-right:0; }


.msec01 { padding:130px 0; }
.msec01 .sec_tit { margin-bottom:40px; }
.msec01 ul {  }
.msec01 ul li { float:left; position:relative; width:24.92%; height:270px; box-sizing:border-box; margin-right:0.1%; text-align:center; }
.msec01 ul li:before {display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:rgba(0,0,0,0.5);transition:0.4s;}
.msec01 ul li:hover:before {bottom:auto;top:0;height:100%;}
.msec01 ul li.li1 { background:url(../../images/main/msec01_1.jpg) no-repeat center center; transition:0.4s; }
.msec01 ul li.li2 { background:url(../../images/main/msec01_2.jpg) no-repeat center center; transition:0.4s; }
.msec01 ul li.li3 { background:url(../../images/main/msec01_3.jpg) no-repeat center center; transition:0.4s; }
.msec01 ul li.li4 { background:url(../../images/main/msec01_4.jpg) no-repeat center center; transition:0.4s; margin-right:0; }

.msec01 ul li.li3 ,
.msec01 ul li.li4 { margin-top:-66px; }
.msec01 ul li .ah { position:relative; z-index:1; width:100%; height:100%; color:#fff; }
.msec01 ul li .ah p.t1 { padding-top:43px; font-size:20px; font-weight:500; }
.msec01 ul li .ah p.t2 { padding-top:5px; font-size:14px; font-weight:400; text-decoration:underline; text-transform:uppercase; }

.msec02 { padding:80px 0; background:#eaecec; }
.msec02 .fl { width:50%; }
.msec02 .fr { width:50%; }
.msec02 .sec_tit { padding-top:50px; margin-bottom:35px; }
.msec02 .sec_txt { margin-bottom:55px; }
.msec02_btn { position:relative; width:260px; margin-bottom:65px; font-size:15px; line-height:74px; text-align:center; color:#fff; background:#202020; }
.msec02_btn:before , .msec02_btn:after {display:block;content:'';position:absolute;top:0;width:0;height:100%;background:#fff;transition:0.4s;z-index:1;}
.msec02_btn:before {left:0;}
.msec02_btn:after {right:0;}
.msec02_btn:hover:before {left:50%;}
.msec02_btn:hover:after {right:50%;}
.msec02_btn:hover:before , .msec02_btn:hover:after {width:50%;}
.msec02_btn span {position:relative;z-index:2;}
.msec02_btn:hover span {font-weight:500;color:#333;}
.msec02_triangle { position:relative; }
.msec02_triangle > img {width:70%;padding-left:11%;}
.msec02_bg { position:absolute; top:0; left:12.77%; width:66.3%; }
.msec02_bg > img { margin-top:-10px; width:109.3%; }
.msec02_dl { position:absolute; top:51%; width:50%; text-align:center; }
.msec02_dl1 { width:100%; top:10%; left:0; }
.msec02_dl2 { left:0; }
.msec02_dl3 { right:0; }
.msec02_dl dt { font-family:'NanumSquare'; font-size:23px; font-weight:900; margin-bottom:10px; }
.msec02_dl dd { font-size:15px; }

.msec03 { position:relative; height:645px; }
.msec03 .main_loca {position:absolute;top:0;left:0;z-index:100;width:100%;;}
.msec03 .main_loca .wrap {position:relative;}
.msec03 .info {position:absolute;top:100px;right:0;width:253px;height:445px;box-sizing:border-box;padding:45px 0 0;background:url(../../images/main/msec03_1.jpg) no-repeat center center;text-align:center;color:#fff;}
.msec03 .info > h3 {font-size:20px;font-weight:500;margin-bottom:10px;}
.msec03 .info > p {font-size:15px;line-height:27px;margin-bottom:30px;}
.msec03 .info > p > span {font-weight:500;}
.msec03 .info > ul {margin-bottom:50px;}
.msec03 .info > ul > li {font-size:20px;font-weight:500;line-height:35px;margin-bottom:10px;}
.msec03 .info > ul > li > img {width:auto;height:35px;margin-right:15px;}
*/


/* 200723 메인페이지 BRAND 영역추가 : START */
.main_sec4 {padding: 150px 0 200px;}
.main_sec4 .ct2 {box-sizing:border-box;padding: 0 5.73%;}
.main_sec4 h3 {font-family:'Montserrat', sans-serif;font-size: 3.57em;font-weight: 700;line-height: 1;color: #333;margin-bottom: 100px;}
.main_sec4 dl {}
.main_sec4 dl:after {display: block;clear: both;content: '';}
.main_sec4 dl dt {float: left;width: 29%;}
.main_sec4 dl dt img {max-width: 100%;}
.main_sec4 dl dd {float: right;padding: 7px 0;width: 65.703%;}
.main_sec4 dl dd ul {}
.main_sec4 dl dd ul:after {display: block;clear: both;content: '';}
.main_sec4 dl dd ul li {float: left;box-shadow:0 0 13px rgba(0,0,0,0.1);margin-left: 20px;width: calc(33.33% - 14px);padding-bottom: 13%;position: relative;}
.main_sec4 dl dd ul li:first-child {margin-left: 0;}
.main_sec4 dl dd ul li img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: auto;height: auto;max-width: 100%;max-height: 100%;}

@media (max-width: 800px){
.main_sec4 {padding: 65px 0 90px;}
.main_sec4 h3 {margin-bottom: 50px;}
.main_sec4 dl dt {float: none;width: 100%;margin-bottom: 30px;}
.main_sec4 dl dd {float: none;width: 100%;clear: both;padding: 0;}
}
/* 200723 메인페이지 BRAND 영역추가 : END */