@charset "utf-8";



#section01 .default_layout{max-width:1400px; transition: all 0.2s; }
#section01 .default_layout.on{max-width:1200px; }
.main_visiaul_wrap {position:relative;  padding:130px 120PX;  background:#f5faff; border-radius:80px; margin-top:40px; }
#section01 .default_layout.on .main_visiaul_wrap { padding:130px 120PX;}
.main_visiaul_wrap #main_visual_box{position:relative;  }
.main_visiaul_wrap #main_visual_box  li{  width:100%;}
.main_visiaul_wrap #main_visual_box  li .photo{position:absolute; right:0px; top:0px; animation-duration: 0.8s;	animation-iteration-count: infinite;	animation-direction: alternate;}
.main_visiaul_wrap #main_visual_box  li .photo{top:0px; animation-name:photo; animation-delay: 1.5s;}
@keyframes photo{from{top:0px;}to{top:-30px;}}


.main_visiaul_wrap #main_visual_box  li .photo img {vertical-align:middle; width:400px;}
.main_visiaul_wrap #main_visual_box  li .text {padding-top:0px;}
.main_visiaul_wrap #main_visual_box  li .text .t1{font-size:50px; letter-spacing:-3px; font-weight:900; color:#000; line-height:65px; /*font-family: 'Montserrat';*/}
.main_visiaul_wrap #main_visual_box  li .text .t1 div.s_1{position:relative; display:inline-block;}
.main_visiaul_wrap #main_visual_box  li .text .t1 div.s_1 strong{position:relative; z-index:1;}
.main_visiaul_wrap #main_visual_box  li .text .t1 div.s_1 span{position:absolute; width:100%; left:0px; bottom:0px; height:20px; background:#fcb03e; opacity:0.4;  z-index:0;}
.main_visiaul_wrap #main_visual_box  li .text .t2{margin-top:40px; font-size:18px; color:#000; line-height:30px; }
.main_visiaul_wrap #main_visual_box  li .text .t3{margin-top:40px;  }
.main_visiaul_wrap #main_visual_box  li .text .t3 a{display:inline-block; border:1px #fcb03e solid; padding:0 20px; line-height:55px; color:#fcb03e; border-radius:10px; font-size:15px; transition: all 0.2s;}
.main_visiaul_wrap #main_visual_box  li .text .t3 a:hover{background:#fcb03e; color:#fff; }






.main_function_wrap  {position:relative; padding-top:160px;    }
.main_function_wrap  .main_function_wrap_title {position:absolute; left:0px; top:30px; }
.main_function_wrap  .main_function_wrap_title .title_box {}
.main_function_wrap  .main_function_wrap_title .t1{font-size:50px; letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.main_function_wrap  .main_function_wrap_title .t2{font-size:18px; line-height:25px; margin-top:20px; color:#000; letter-spacing:-2px;}
.main_function_wrap  .main_function_wrap_title .t2 span {color:#fcb03e;}
.main_function_wrap  .main_function_wrap_title .t3{margin-top:30px; opacity:0.5; display:none; text-align:center; display:none;}
.main_function_wrap  .main_function_wrap_title .t3 .move_icon {width:250px; height:250px;}
.main_function_wrap  .main_function_wrap_title.on {position:fixed; left:50%; top:200px;}
.main_function_wrap  .main_function_wrap_title.on .title_box {margin-left:-600px; display:inline-block; }

.main_function_wrap  .main_function_wrap_title.on .t3{ display:none;}


.main_function_wrap  .info_wrap{margin-left:450px;   overflow:hidden; padding-top:20px;}

.main_function_wrap  .info_wrap {overflow:hidden;}
.main_function_wrap  .info_wrap ul {float:left; width:47%;}
.main_function_wrap  .info_wrap ul:last-child {float:right;margin-top:200px;}
.main_function_wrap  .info_wrap ul li { margin-bottom:50px; padding:40px; background:#fff; border-radius:20px; border:1px #ddd solid;}

.main_function_wrap  .info_wrap ul li .box {}
.main_function_wrap  .info_wrap ul li .box .t1 {font-size:18px; font-weight:900; color:#000; margin-bottom:15px;}
.main_function_wrap  .info_wrap ul li .box .t2 {font-size:14px;  line-height:20px; color:#777; }
.main_function_wrap  .info_wrap ul li .box .icon {margin-top:30px; text-align:center; }
.main_function_wrap  .info_wrap ul li .box .icon .lord-icon {width:150px; height:150px;  }
.main_function_wrap  .info_wrap ul li .box .icon img {vertical-align:middle; border-radius:20px;}


#section03 {margin-top:160px; padding-bottom:160px; padding:0 5%;}
.main_flan_wrap  {position:relative;  background:#f5faff; padding:120px 60px; border-radius:50px; }

.main_flan_wrap  .title {position:relative; text-align:center; }
.main_flan_wrap  .title .t1{font-size:50px; /*font-family: 'Montserrat';*/ letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.main_flan_wrap  .title .t2{font-size:20px; margin-top:20px; color:#000; letter-spacing:-2px;}


.main_flan_wrap  .info_box {overflow:hidden; margin-top:80px;}
.main_flan_wrap  .info_box ul {display:table; width:100%; table-layout:fixed;}
.main_flan_wrap  .info_box ul li {display:table-cell; vertical-align:top;}
.main_flan_wrap  .info_box ul li.jump {width:20px;}

.main_flan_wrap  .info_box ul li .box {padding:40px 20px; background:#fff; border-radius:20px; border:3px #fff solid; transition: all 0.2s;}
.main_flan_wrap  .info_box ul li .box .s_title {font-size:25px; line-height:30px; font-weight:900; color:#000; margin-bottom:25px; border-bottom:1px #ddd solid; padding-bottom:25px;}
.main_flan_wrap  .info_box ul li .box .s_title span {display:inline-block; margin-left:5px; font-weight:normal; font-size:15px; color:#333}
.main_flan_wrap  .info_box ul li .box .price {font-size:40px; font-weight:700; letter-spacing:-2px; line-height:40px; color:#fcb03e; font-family: "Montserrat", sans-serif;}
.main_flan_wrap  .info_box ul li .box .price span {display:inline-block; margin-left:2px; font-size:20px; color:#777; font-weight:normal; letter-spacing:0;}
.main_flan_wrap  .info_box ul li .box .seting {font-size:14px; color:#999; }
.main_flan_wrap  .info_box ul li .box .seting  span {display:inline-block; text-decoration: line-through; color:#999}
.main_flan_wrap  .info_box ul li .box .seting  .event {display:inline-block; margin-left:10px; background:#333; color:#fff; font-weight:normal; padding:0 10px; line-height:30px; border-radius:5px; }


.main_flan_wrap  .info_box ul li .box .list_box {margin-top:30px; color:#000;}
.main_flan_wrap  .info_box ul li .box .list_box .list {padding-left:110px; position:relative; font-size:14px; line-height:30px; margin:2px 0px; }
.main_flan_wrap  .info_box ul li .box .list_box .list .list_s {position:absolute; left:0px; top:0px; color:#000}
.main_flan_wrap  .info_box ul li .box .list_box .list .list_s .feather{width:15px; display:inline-block; margin-right:4px; vertical-align:middle; color:#fcb03e}
.main_flan_wrap  .info_box ul li .box .list_box .list .list_t {color:#000; }
.main_flan_wrap  .info_box ul li .box .list_box .list .list_t .etc{display:inline-block; margin-left:3px; font-size:12px; color:#999; line-height:18px;}

.main_flan_wrap  .info_box ul li .box .list_box .list.off .list_s .feather,
.main_flan_wrap  .info_box ul li .box .list_box .list.off .list_s,
.main_flan_wrap  .info_box ul li .box .list_box .list.off .list_t {color:#999;  }
.main_flan_wrap  .info_box ul li:hover .box {border-color:#fcb03e;}


.main_flan_wrap  .info_box ul li .box .icon {margin-top:30px; text-align:center;}
.main_flan_wrap  .info_box ul li .box .icon img {vertical-align:middle; border-radius:20px;}
.main_flan_wrap  .info_box ul li .btns {margin-top:10px; }
.main_flan_wrap  .info_box ul li .btns button{display:block; line-height:65px; text-align:center; background:#fcb03e; color:#fff; border-radius:20px; font-size:15px; border:0px; width:100%; cursor:pointer;}


#check_light_box {display:none; width:400px; background:#fff; border-radius:20px;}
#check_light_box .inquert_box {padding:30px;}
#check_light_box .inquert_box ul li {font-size:15px; color:#000; margin-bottom:10px;}
#check_light_box .inquert_box ul li .s_title {font-size:13px; color:#000; font-weight:bold;}
#check_light_box .inquert_box ul li select{line-height:50px; height:50px; padding:0 20px; border:1px #ddd solid; width:100%;  border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
#check_light_box .inquert_box ul li input[type="text"] {line-height:50px; height:50px; padding:0 20px; border:1px #ddd solid;  width:100%; border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
#check_light_box .inquert_box .btn {margin-top:30px;}
#check_light_box .inquert_box .btn input[type="submit"] {display:block; line-height:65px; text-align:center; background:#fcb03e; color:#fff;  font-size:15px; border:0px; width:100%; border-radius:10px;  -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }


#check_light_box .close_btn {position:absolute; right:0px; top:-60px;  cursor:pointer;}
#check_light_box .close_btn a{display:inline-block; width:40px;height: 40px;}



#check_light_box .close_btn:before, 
#check_light_box .close_btn:after {position: absolute;top:0px;right:20px;content:' ';height:40px;width:1px;background-color: #fff;}
#check_light_box .close_btn:before {transform: rotate(45deg);}
#check_light_box .close_btn:after {transform: rotate(-45deg);}




.main_flan_wrap  .info_box .tip_box {margin-top:60px; text-align:center;}
.main_flan_wrap  .info_box .tip_box .tip {display:inline-block;}
.main_flan_wrap  .info_box .tip_box .tip_icon {display:inline-block; width:100px;height:100px; vertical-align:middle;}
.main_flan_wrap  .info_box .tip_box .tip_text {display:inline-block; font-size:20px; color:#000; vertical-align:middle; letter-spacing:-2px;}
.main_flan_wrap  .info_box .tip_box .tip_text .color {color:#fcb03e; font-weight:bold; display:inline; position:relative;}
.main_flan_wrap  .info_box .tip_box .tip_text .color span {position:absolute; width:100%;  top:-5px; width:5px; height:5px; border-radius:5px; background:#fcb03e;}
.main_flan_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(1){left:5px;;}
.main_flan_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(2){left:23px;}
.main_flan_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(3){left:39px;}
.main_flan_wrap  .info_box .tip_box .tip_text .color span:nth-of-type(4){left:58px;}
.main_flan_wrap  .info_box .tip_box .tip_text .line {position:relative; display:inline;}
.main_flan_wrap  .info_box .tip_box .tip_text .line strong{position:relative; z-index:1; font-weight:normal;}
.main_flan_wrap  .info_box .tip_box .tip_text .line span{position:absolute; width:100%; left:0px; bottom:0px; height:15px; background:#fcb03e; opacity:0.4;  z-index:0;}





.main_ment_wrap {position:relative; margin:200px 0px;}

.main_ment_wrap .title {position:absolute; left:0px; top:0px; }
.main_ment_wrap .title .t1{font-size:50px; letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.main_ment_wrap .title .t1 span {color:#fcb03e;}
.main_ment_wrap .title .t2{font-size:16px; margin-top:20px; color:#000; letter-spacing:0px;}
.main_ment_wrap .title .t3{margin-top:40px; font-size:14px; color:#666; letter-spacing:-1px;  width:400px;  }
.main_ment_wrap .title .t3 a{display:inline-block; margin-right:5px; margin-bottom:5px; border:1px #ededed solid; padding:0 18px; line-height:35px; border-radius:35px; }
.main_ment_wrap .title .t3 a span {color:#fcb03e}
.main_ment_wrap .exm {margin-left:450px; border:1px #ddd solid; padding:60px; border-radius:60px;}






/*메인포트폴리오*/
.main_portfolio {padding:180px 0px 0px; margin:0 auto;  max-width:1500px;}
.main_portfolio .default_layout {position:relative;  }
.main_portfolio  .title { text-align:center;  }
.main_portfolio  .title .t1{font-size:50px; /*font-family: 'Montserrat';*/ letter-spacing:-4px; font-weight:900; color:#000; line-height:65px;}
.main_portfolio  .title .t1 span {color:#fcb03e;}
.main_portfolio  .title .t2{font-size:20px; margin-top:20px; color:#000; letter-spacing:-2px;}

.main_portfolio_list_box {position:relative; margin-top:60px; }
.main_portfolio_list_wrap .list_wrap  {width:100%; z-index:1; position:relative; }
.main_portfolio_list_wrap .list_wrap .swiper-slide{text-align: center;      font-size: 18px;      justify-content: center;      align-items: center;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .photo{overflow:hidden;  overflow:hidden; }
.main_portfolio_list_wrap .list_wrap .swiper-slide .photo img {width:100%;vertical-align:middle;}

.main_portfolio_list_wrap .list_wrap .swiper-slide .text{text-align:left; position:relative; margin-top:30px; text-align:center;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t1{ overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; margin-bottom:20px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t1 span {display:inline-block; background:#fcb03e; color:#fff; padding:0 20px;  line-height:40px; border-radius:20px; font-size:15px;}

.main_portfolio_list_wrap .swiper-pagination {position:relative; top:0px; margin-top:90px; z-index:0; height:2px; display:none;}
.main_portfolio_list_wrap .swiper-pagination-progressbar {background:#}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {    height: var(--swiper-pagination-progressbar-size,3px) !important;;}
:root {--swiper-theme-color: #fcb03e !important;}

.main_portfolio .btns_li {position:absolute; left:0px; top:50%; width:100%;  }
.main_portfolio .btns_li .common_btns_li { width:50px; line-height:50px; height:50px;background:#fff; border:1px #333 solid !important;  border-radius:50px;   color:#000 !important; ;  text-align:Center; position:relative; top:0px; left:0px; display:block; margin:0 -120px;}   
.main_portfolio .btns_li .common_btns_li:hover {background:#fcb03e; border:1px #fcb03e solid !important;    color:#fff !important;}   
.main_portfolio .btns_li .common_btns_li.swiper-button-next {float:right;}
.main_portfolio .btns_li .common_btns_li.swiper-button-prev {float:left;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:15px !important;}




.main_portfolio .SAMPLE_list {margin-top:100px;}
.main_portfolio .SAMPLE_list ul { text-align:center;}
.main_portfolio .SAMPLE_list ul li{display:inline-block; width:260px; margin:0 15px; position:relative; top:0px;  transition: all 0.2s; margin-bottom:60px;}
.main_portfolio .SAMPLE_list ul li:hover{top:-30px;}
.main_portfolio .SAMPLE_list ul li .photo img{width:100%; vertical-align:middle; }
.main_portfolio .SAMPLE_list ul li .text  .t1 {text-align:center; margin-top:20px;}
.main_portfolio .SAMPLE_list ul li .text  .t1 span {display:inline-block; background:#fcb03e; color:#fff; padding:0 20px;  line-height:40px; border-radius:20px; font-size:13px;}










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





#section01 .default_layout{max-width:auto; transition: all 0.2s; margin:10px; }
#section01 .default_layout.on{max-width:auto; }
.main_visiaul_wrap {position:relative;  padding:50px 20px;  border-radius:20px; margin-top:20px; }
#section01 .default_layout.on .main_visiaul_wrap { padding:50px 20px;}
.main_visiaul_wrap #main_visual_box  li .photo{position:relative; right:0px; top:0px; text-align:center; }

@keyframes photo{from{top:0px;}to{top:-10px;}}

.main_visiaul_wrap #main_visual_box  li .photo img {width:200px;}
.main_visiaul_wrap #main_visual_box  li .text {padding-top:0px; text-align:center; margin-top:40px;}
.main_visiaul_wrap #main_visual_box  li .text .t1{font-size:30px; letter-spacing:-2px;  line-height:45px;}
.main_visiaul_wrap #main_visual_box  li .text .t2{margin-top:40px; font-size:16px;  line-height:25px; }
.main_visiaul_wrap #main_visual_box  li .text .t3{margin-top:20px;  }







.main_function_wrap  {position:relative; padding-top:100px;   margin:10px;  }
.main_function_wrap  .main_function_wrap_title {position:relative; left:0px; top:0px; text-align:Center; }
.main_function_wrap  .main_function_wrap_title .t1{font-size:40px; letter-spacing:-2px;  line-height:45px;}
.main_function_wrap  .main_function_wrap_title .t2{font-size:16px; line-height:20px; margin-top:10px;  letter-spacing:-2px;}
.main_function_wrap  .main_function_wrap_title .t3{margin-top:30px; opacity:0.5; display:none; text-align:center; display:none;}
.main_function_wrap  .main_function_wrap_title .t3 .move_icon {width:250px; height:250px;}
.main_function_wrap  .main_function_wrap_title.on {position:relative; left:0%; top:0px;}
.main_function_wrap  .main_function_wrap_title.on .title_box {margin-left:0px;}
.main_function_wrap  .main_function_wrap_title.on .t3{ display:none;}


.main_function_wrap  .info_wrap{margin-left:0px;   overflow:hidden; padding-top:70px;}

.main_function_wrap  .info_wrap {overflow:hidden;}
.main_function_wrap  .info_wrap ul {float:left; width:48%;}
.main_function_wrap  .info_wrap ul:last-child {float:right;margin-top:200px;}
.main_function_wrap  .info_wrap ul li { margin-bottom:10px; padding:20px;  }

.main_function_wrap  .info_wrap ul li .box .t1 {font-size:17px;}
.main_function_wrap  .info_wrap ul li .box .t2 {font-size:13px; }
.main_function_wrap  .info_wrap ul li .box .icon {margin-top:20px; text-align:center; }
.main_function_wrap  .info_wrap ul li .box .icon .lord-icon {width:100px; height:100px;  }




#section03 {margin-top:100px; padding-bottom:100px;}
.main_flan_wrap  { padding:80px 20px; border-radius:0px; }
.main_flan_wrap  .title .t1{font-size:40px;   letter-spacing:2px; line-height:45px;}
.main_flan_wrap  .title .t2{font-size:16px; margin-top:10px;}


.main_flan_wrap  .info_box {overflow:hidden; margin-top:80px;}
.main_flan_wrap  .info_box ul {display:block; width:100%;}
.main_flan_wrap  .info_box ul li {display:block;  margin-bottom:40px; }
.main_flan_wrap  .info_box ul li.jump {width:20px; displaY:none;}
.main_flan_wrap .info_box ul li .box {padding:40px 20px;}


#check_light_box {display:none; width:98%; }


.main_ment_wrap {position:relative; margin:100px 0px;  }
.main_ment_wrap .title {position:relative; left:0px; top:0px; text-align:center; }
.main_ment_wrap .title .t1{font-size:40px; letter-spacing:-2px;  line-height:45px;}
.main_ment_wrap .title .t2{font-size:16px; margin-top:10px; }

.main_ment_wrap .exm {margin-left:0px; padding:20px; border-radius:20px;margin:0 10px; margin-top:30px; }



/*메인포트폴리오*/
.main_portfolio {padding:30px 0px; }
.main_portfolio  .title .t1{font-size:40px;  letter-spacing:-2px; line-height:45px;}
.main_portfolio  .title .t2{font-size:16px; margin-top:10px; letter-spacing:-1px;}

.main_portfolio .SAMPLE_list {margin-top:30px;}
.main_portfolio .SAMPLE_list ul { text-align:center; font-size:0px;}
.main_portfolio .SAMPLE_list ul li{display:inline-block; width:48%; margin:1%; margin-bottom:60px;}
.main_portfolio .SAMPLE_list ul li:hover{top:-30px;}





}






@media all and (min-width:1025px) and (max-width:1440px) {


#section02 {margin-left:20px; margin-right:20px;}
.main_function_wrap .main_function_wrap_title.on {left:20px;}
.main_function_wrap .main_function_wrap_title.on .title_box {margin-left:0px;}


.main_flan_wrap .info_box ul li .box {padding:40px 10px;}


.main_portfolio .SAMPLE_list ul li {width:230px; margin:0 15px;}


}