@charset "utf-8";



#pc_wrap_box {display:block;}
#mobie_wrap_box {display:none;}


/*메인비주얼*/

.main_visual {text-align:center; position:relative; width:100%; height:570px; min-width:1400px; overflow:hidden; z-index:1;}
.main_visual ul {height:750px; position:relative; z-index:1;}
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:570px; background-size:cover; }
.main_visual li.list a{display:block; height:100%;}

.main_visual .main_pager {position:absolute; left:0px; bottom:10px;  z-index:99999999 !important; width:100%; text-align:center; }
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 2px; border-radius:13px; border:1px #fff solid; border-radius:3px; ;}
.main_visual .main_pager .cycle-pager-active{background:#fff;}



.main_booking_wrap {padding:35px 0px; text-align:center; }
.main_booking_wrap .booking_btns {text-align:center;}
.main_booking_wrap .booking_btns a{display:inline-block; line-height:85px; padding:0 75px; font-size:30px; font-weight:bold; color:#fff;     background: linear-gradient(to right, #32d2f4, #21abdf); border-radius:10px;}
.main_booking_wrap .booking_btns a .icon {display:inline-block; line-height:85px;margin-right:10px; position:relative; top:-2px;}
.main_booking_wrap .booking_btns a .icon img{vertical-align:middle;}
.main_booking_wrap ul {text-align:center; margin-top:60px;}
.main_booking_wrap ul li{display:inline-block; width:95px;  margin:0 80px;}
.main_booking_wrap ul li a{display:block; color:#babdc0; font-size:16px;}
.main_booking_wrap ul li .icon_box { height:70px;}
.main_booking_wrap ul li .icon_box .icon {display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:left top; }
.main_booking_wrap ul li.m1 .icon {width:64px; height:58px; background-image:url(/images/main/main_booking_wrap_quick01.png)}
.main_booking_wrap ul li.m2 .icon {width:59px; height:64px; background-image:url(/images/main/main_booking_wrap_quick02.png)}
.main_booking_wrap ul li.m3 .icon {width:68px; height:54px; background-image:url(/images/main/main_booking_wrap_quick03.png)}
.main_booking_wrap ul li.m4 .icon {width:64px; height:64px; background-image:url(/images/main/main_booking_wrap_quick04.png)}
.main_booking_wrap ul li a:hover .icon {background-position:right top;}
.main_booking_wrap ul li a:hover {color:#1da3db; font-weight:bold;}

.main_worker {background:url(/images/main/main_worker_bg.gif) right bottom no-repeat; background-size:cover; padding:55px 0px;}
.main_worker .title .l_logo img {vertical-align:middle; }
.main_worker .title .t1{color:#fff; font-size:43px; font-weight:bold; margin-top:52px; line-height:43px;}
.main_worker .title .t2{margin-top:25px; color:#fff; font-size:22px;line-height:25px; }
.main_worker .title .t2 span {display:block;}

.main_worker .pic_box  {margin-top:40px;}
.main_worker .pic_box .pic {display:none;}
.main_worker .pic_box .pic img  {width:100%; vertical-align:middle; border-radius:20px;}

.main_worker .col_box {font-size:0px; margin-top:25px;}
.main_worker .col_box .col {display:inline-block; width:346px;  background:#253034; box-shadow: 3px 3px 15px rgb(0 0 0 / 42%);  background-size:cover;  border-radius:20px;vertical-align:middle; min-height:347px;}
.main_worker .col_box .col:nth-child(2) {margin:0 20px;}
.main_worker .col_box .col .box {padding:30px; cursor:pointer;}
.main_worker .col_box .col .box .t1 { color:#fff; position:relative;}
.main_worker .col_box .col .box .t1 span{display:inline-block; border-bottom:3px #fff solid; font-size:30px; font-weight:bold; line-height:45px;}
.main_worker .col_box .col .box .t2  {margin-top:30px; font-size:20px; color:#f2f3f4; line-height:25px;}
.main_worker .col_box .col .box .t2 span{display:block; line-height:30px;}
.main_worker .col_box .col .box.on .t1 {color:#1ea5dc;}
.main_worker .col_box .col .box.on .t1 span{border-color:#1ea5dc;}
.main_worker .col_box .col .box.on .t2{color:#fff;}
.main_worker .col_box .col .box .t1 .dot {position:absolute; }
.main_worker .col_box .col .box.m1 .t1 .dot {background:url(/images/main/main_worker_m1_dot.png) left top no-repeat;  width:22px; height:22px; left:50px; top:-6px;}
.main_worker .col_box .col .box.m2 .t1 .dot {background:url(/images/main/main_worker_m2_dot.png) left top no-repeat;  width:18px; height:19px; left:55px;  top:-3px;}
.main_worker .col_box .col .box.m3 .t1 .dot {background:url(/images/main/main_worker_m3_dot.png) left top no-repeat;  width:22px; height:21px; left:55px;  top:-3px;}

.main_worker .col_box .col .box.on .t1 .dot {background-position:right top;}



.main_together_wrap {background:#f5f7f9; padding:95px 0px; }
.main_together_wrap .title .t1{font-size:43px; color:#1f2021; line-height:43px;font-weight:bold; }
.main_together_wrap .title .t2{font-size:22px; font-weight:normal; color:#1f2021; margin-top:20px; opacity:0.6;}
.main_together_wrap ul {margin-top:35px; overflow:hidden;}
.main_together_wrap ul li {float:left; width:346px; height:155px; border-radius:20px; overflow:hidden; margin-top:10px; margin-bottom:10px; position:relative;}
.main_together_wrap ul li .photo {position:relative; z-index:0}
.main_together_wrap ul li .photo img {vertical-align:middle; max-width:100%;}
.main_together_wrap ul li .bg  {position:absolute; left:0px; top:0px; width:100%; height:100%;  z-index:1; }
.main_together_wrap ul li .bg img {vertical-align:middle; max-width:100%;}
.main_together_wrap ul li img {vertical-align:middle; max-width:100%;}
.main_together_wrap ul li.center {margin:10px 20px; }
.main_together_wrap ul li .more {position:absolute; left:25px; bottom:15px; z-index:2;  color:#fff; font-size:16px; font-weight:bold;}
.main_together_wrap ul li .more span {font-size:11px;}




/*메인서비스*/
.main_service_box {/*padding:100px 0px;*/ background:#f5f7f9; height:100%;}

/*.main_service_box .title {font-size:29px; font-weight:bold; color:#343839;}*/
.main_service_box .title {font-size:29px; font-weight:bold; color:#343839; padding-top:220px;}
.main_service_box ul {text-align:center; font-size:0px; margin:0 auto; margin-top:60px;    }


.main_service_box ul li {display:inline-block !important; width:346px !important; vertical-align:bottom;  margin:0 10px; }
.main_service_box ul li .list_box{position:relative;}

.main_service_box ul li .icon {position:absolute; left:0px; top:-78px; width:100%; text-align:center; }
.main_service_box ul li .icon .cycle {displAy:inline-block; width:162px; height:162px; border-radius:162px; background:#00b7f3; color:#fff;}
.main_service_box ul li .icon .con {height:102px; line-height:102px; margin-top:20px;}
.main_service_box ul li .icon .con img {vertical-align:middle;}
.main_service_box ul li .icon .text {font-size:20px; color:#fff;}

.main_service_box ul li .box {background:#fff; border:2px #00b7f3 solid;  min-height:350px; margin-top:78px;}
.main_service_box ul li .box .text  {padding:120px 10px 10px; color:#343839; font-size:20px; line-height:32px; }
.main_service_box ul li .box .text span {display:block;}
.main_service_box ul li .box .text span.jump {margin-top:20px;}

.main_service_box ul li .box .text_m  {display:none;}

.main_service_box .btns {display:none;}


.main_service_box .more {position:absolute; left:0px; bottom:120px; width:100%; text-align:center;}
.main_service_box .more div {width:1080px; margin:0 auto;  }
.main_service_box .more a{display:inline-block; color:#fff; background:#00b7f3; padding:10px 30px; margin:0px 15px; font-size:16px; font-weight:bold;}



/*메인서비스*/
.main_help_tip_box {/*padding:100px 0px;*/ background:#fff; height:100%;}
.main_help_tip_box .default_layout {background:url(/images/main/main_help_tip_box_bg.png) right 50% no-repeat;}

.main_help_tip_box .title {font-size:29px; font-weight:bold; color:#343839; padding-top:220px;}
.main_help_tip_box ul {text-align:center; font-size:0px;padding:88px 0px; display:inline-block; width:348px;}
.main_help_tip_box ul li { background:#fff; border:1px #b3b3b3 solid; margin-bottom:37px;  position:relative;  text-align:left;}
.main_help_tip_box ul li dl {padding:15px 25px;}
.main_help_tip_box ul li dl dt {font-size:23px; color:#2e3035; font-weight:bold; margin-bottom:10px;}
.main_help_tip_box ul li dl dd {font-size:18px; color:#6c6e71;}



.main_service_price {/*background:#3594b7; padding:210px 0px;*/ background:#3594b7; overflow-y: auto; text-align:center;font-weight:bold;}
.main_service_price .title{font-size:54px; color:#fff; line-height:54px; padding-top:20%;}
.main_service_price .price {font-size:203px; color:#fff;  line-height:203px; /*margin-top:76px;*/ font-weight:bold;}
.main_service_price .btn {position:relative; margin-top:60px; text-align:center; padding-bottom:90px;}
.main_service_price .btn div {width:1080px; margin:0 auto; }
.main_service_price .btn a{display:inline-block; color:#fff; color:#3795b9; background:#fff; padding:10px 30px; margin:0px 15px; font-size:16px; font-weight:bold;}

/*카피라이트*/
.main_service_price #footerGroup {background:#fff; padding:34px 0px;position:absolute; left:0px; bottom:0px; width:100%;  text-align:left;}
.main_service_price #footerGroup .default_layout{overflow:hidden; position:relative !important; width:1080px; margin:0 auto; border:1px #fff solid;}



/*메인고객센터*/
.main_cscenter_box {/*background:#f5f7f9; padding:115px 0px;*/ text-align:center; background:#f5f7f9; height:100%; }
.main_cscenter_box dl { padding-top:18%;}
.main_cscenter_box dl dt {font-size:37px; font-weight:bold; color:#2a363a;}
.main_cscenter_box dl dd {font-size:29px; padding-top:40px; color:#2a363a;}
.main_cscenter_box .btns {margin-top:90px;}
.main_cscenter_box .btns a {display:inline-block; line-height:78px; width:234px; text-align:center;background:#fff;margin:0 30px; font-size:25px; color:#00b7f3; font-weight:bold; vertical-align:middle; box-shadow:6px 6px 6px 0px rgb(0 0 0 / 10%);}
.main_cscenter_box .btns a .icon {display:inline-block; margin-right:10px;}
.main_cscenter_box .btns a .icon img {vertical-align:middle;}
.main_cscenter_box .btns a.kakao {color:#000;}










/*모바일전용*/


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

#pc_wrap_box {display:none;}
#mobie_wrap_box {display:block;}


#mobile_main_visual {text-align:center; position:relative; overflow:hidden; z-index:0; }
#mobile_main_visual ul {position:relative; z-index:1;}
#mobile_main_visual li {width:100%; text-align:center;}
#mobile_main_visual li img {width:100%; text-align:center; vertical-align:top;} 



#mobile_main_visual .m_main_pager {position:absolute; left:0px; bottom:50px;  z-index:99999999 !important; width:100%; text-align:center; }
#mobile_main_visual .m_main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 2px; border-radius:13px; border:1px #fff solid; border-radius:3px; ;}
#mobile_main_visual .m_main_pager .cycle-pager-active{background:#fff;}



.mobile_main_wrap {background:#fff; border-radius:40px 40px 0px 0px; position:relative; margin-top:-30px; z-index:1; padding:30px 15px;}

.m_booking_wrap {text-align:center; }
.m_booking_wrap .booking_btns {text-align:center; font-family: 'Pretendard';}
.m_booking_wrap .booking_btns a{display:inline-block; line-height:60px; padding:0 50px; font-size:19px; font-weight:bold; color:#fff;     background: linear-gradient(to right, #32d2f4, #21abdf); border-radius:10px;}
.m_booking_wrap .booking_btns a .icon {display:inline-block; line-height:60px;margin-right:10px; position:relative; top:-2px;}
.m_booking_wrap .booking_btns a .icon img{vertical-align:middle; width:30px;}
.m_booking_wrap ul {text-align:center; display:table; width:100%;  table-layout:fixed; margin-top:40px;}
.m_booking_wrap ul li{display:table-cell; vertical-align:top; position:relative; text-align:center;}
.m_booking_wrap ul li a{display:block; color:#666; font-size:13px;}
.m_booking_wrap ul li .cycle_box {position:absolute; left:0px; top:17px; text-align:center; width:100%; z-index:0;}
.m_booking_wrap ul li .cycle_box span{display:inline-block; width:70px; height:70px;border-radius:70px; background:#f2f2f2; display:none;}
.m_booking_wrap ul li .icon {z-index:1; position:relative; height:45px;  }
.m_booking_wrap ul li .text {z-index:1; position:relative;}
.m_booking_wrap ul li.m1 .icon {}
.m_booking_wrap ul li.m1 .icon img{width:40px;}

.m_booking_wrap ul li.m2 .icon {}
.m_booking_wrap ul li.m2 .icon img{width:36px;}

.m_booking_wrap ul li.m3 .icon {top:6px;}
.m_booking_wrap ul li.m3 .icon img{width:41px;}

.m_booking_wrap ul li.m4 .icon {}
.m_booking_wrap ul li.m4 .icon img{width:42px;}



.m_woker_wrap {margin-top:60px; padding-top:40px; border-top:1px #bfbfbf solid; }
.m_woker_wrap .title .t1 {font-size:24px; font-weight:bold; color:#1f2021; line-height:26px; font-family: 'Pretendard';}
.m_woker_wrap .title .t2 {margin-top:15px; font-size:16px; color:#1f2021;  line-height:20px;}



.m_woker_wrap .m_woker_wrap_slider {position:relative;}
.m_woker_wrap ul {margin-top:30px; z-index:0;}
.m_woker_wrap ul li {display:inline-block; width:100%; }
.m_woker_wrap ul li .box { background:#fff; box-shadow: 3px 3px 15px rgb(0 0 0 / 12%); border-radius:10px; overflow:hidden;}
.m_woker_wrap ul li .pic img{width:100%; vertical-align:middle; border-radius:0px 0px 10px 10px;} 
.m_woker_wrap ul li dl {padding:20px;} 
.m_woker_wrap ul li dl dt{font-size:19px; font-weight:bold; margin-bottom:20px; color:#1f2021; transition: all 0.2s;}  
.m_woker_wrap ul li dl dt .text{display:inline-block; position:relative; font-family: 'Pretendard';}  
.m_woker_wrap ul li dl dt .text .line{position:absolute; left:0px; bottom:-5px; width:100%; height:2px; background:#fff; transition: all 0.2s;}  
.m_woker_wrap ul li dl dt .text .dot{position:absolute; left:40px; top:0px; transition: all 0.2s; displaY:none; }  


.m_woker_wrap ul li dl dt .text.m1 .dot {left:35px; top:-12px;  }
.m_woker_wrap ul li dl dt .text.m1 .dot img {width:13px;}
.m_woker_wrap ul li dl dt .text.m2 .dot {left:35px; top:-12px;}
.m_woker_wrap ul li dl dt .text.m2 .dot img {width:10px;}
.m_woker_wrap ul li dl dt .text.m3 .dot {left:35px; top:-12px;}
.m_woker_wrap ul li dl dt .text.m3 .dot img {width:10px;}

 
.m_woker_wrap ul li dl dd{font-size:14px;  line-height:20px; height:60px;  color:#1f2021;} 

.m_woker_wrap ul li.cycle-slide-active dl dt {color:#48a0d8;}
.m_woker_wrap ul li.cycle-slide-active dl dt .text .line{ background:#48a0d8;}  
.m_woker_wrap ul li.cycle-slide-active dl dt .text .dot{display:block;}  


.m_woker_wrap .w_list_pager {position:absolute; left:0px; bottom:140px;  z-index:9; width:100%; text-align:center; }
.m_woker_wrap .w_list_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:10px; height:10px; margin:0 2px; border-radius:13px; border:1px #fff solid; border-radius:3px; ;}
.m_woker_wrap .w_list_pager .cycle-pager-active{background:#fff;}




.main_together_wrap {background:#fff; padding:0px; margin-top:50px; padding-top:40px; border-top:1px #bfbfbf solid; }
.main_together_wrap .title{ padding:0px;}
.main_together_wrap .title .t1{font-size:24px; line-height:24px;}
.main_together_wrap .title .t2{font-size:16px; margin-top:20px; line-height:20px; opacity:1}
.main_together_wrap ul {margin-top:15px; padding:0 0px;}
.main_together_wrap ul li {float:none; width:auto; height:110px; border-radius:10px; margin-top:10px; margin-bottom:10px;  overflow:hidden;}
.main_together_wrap ul li.center {margin:10px 0px; }
.main_together_wrap ul li.m5,
.main_together_wrap ul li.m6,
.main_together_wrap ul li.m7,
.main_together_wrap ul li.m8,
.main_together_wrap ul li.m9 {display:none;}
.main_together_wrap ul li .more {font-weight:normal; text-shadow:#000 1px 0 10px;}



}