@charset "utf-8";






.main_sample_wrap  {margin-bottom:0px; overflow:hidden; text-align:Center; position:relative;}
.main_sample_wrap ul {text-align:center; font-size:0px; overflow:hidden; cursor:pointer;}
.main_sample_wrap ul li.list{font-family: 'Montserrat', sans-serif;  box-sizing: border-box;  overflow:hidden;    overflow: visible; }
.main_sample_wrap ul li.list img {max-width:100%; }
.main_sample_wrap ul li.slick-slide  { }






.main_sample_wrap .text_info {position:absolute; top:0px; left:0px; height:100%; width:100%;    z-index:0;}
.main_sample_wrap .text_info .default_layout {position:relative; height:100%;}
.main_sample_wrap .text_info .default_layout .text_box {position:absolute; left:0px; top:0px;   width:400px; height:100%; background:rgba(92,61,163,0.9)}
.main_sample_wrap .text_info .default_layout .text_box .box {padding:40px; text-align:left; color:#fff;}
.main_sample_wrap .text_info .default_layout .text_box .box .t1{font-size:16px;padding-top:70px;}
.main_sample_wrap .text_info .default_layout .text_box .box .t2{font-size:25px; margin-top:5px; font-weight:bold;}
.main_sample_wrap .text_info .default_layout .text_box .box .t3{font-size:16px; padding-top:50px;}

.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn {margin-top:40px;}
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a{display:inline-block; width:50px; height:50px; border-radius:50px; border:1px #fff solid;  color:#fff; font-size:16px; line-height:45px; transition: all 0.2s; text-align:center;}
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a.prevArrow{margin-right:10px;}
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a:hover{background:rgba(103,131,41,1);}




.main_sample_wrap .bg_back {position:absolute; top:0px; height:100%;width:50%; background:rgba(0,0,0,0.5);   z-index:0;}
.main_sample_wrap .bg_back.left{left:-650px;   }
.main_sample_wrap .bg_back.right{right:-650px; }





/*메인소개*/
.main_signup_wrap {padding:100px 0px 60px;}
.main_signup_wrap .default_layout {position:relative;}

.main_signup_wrap .title{}
.main_signup_wrap .title .t1{font-size:40px;  font-family: 'Pretendard'; font-weight:900; color:#000; letter-spacing:-2px; line-height:50px;}
.main_signup_wrap .title .t2{font-size:18px; margin-top:20px; line-height:25px;   color:#777; letter-spacing:-1px;}




.main_signup_wrap ul {overflow:hidden;  margin-top:30px;}
.main_signup_wrap ul li { margin-bottom:30px; float:left; width:48%;}

.main_signup_wrap ul li:nth-child(2) {float:right;}
.main_signup_wrap ul li .photo {}
.main_signup_wrap ul li .photo img {vertical-align:middle; max-width:100%; border-radius:20px;}
.main_signup_wrap ul li .text .t1{font-size:16px; margin-top:10px; color:#5c3da3;}
.main_signup_wrap ul li .text .t1 span {display:inline-block;  line-height:40px; padding:0 20px; background:#5c3da3; font-size:14px; margin-top:10px; color:#fff; border-radius:40px;}
.main_signup_wrap ul li .text .t2{font-size:25px; font-weight:bold; margin-top:30px; color:#000;}
.main_signup_wrap ul li .text .t3{font-size:16px; margin-top:10px; color:#777;}





/*메인센터소개*/
.main_center_about {text-align:left; margin-top:120px;}
.main_center_about .title {font-size:40px;   font-family: 'Pretendard'; font-weight:normal; color:#000; line-height:50px; letter-spacing:-2px;}
.main_center_about .title div {color:#5c3da3;  font-weight:900;}
.main_center_about .title_bg {margin-top:60px; background:url(../images/main/main_center_about_bg.jpg?1) center top no-repeat; background-size:cover; background-attachment:fixed; height:450px; }


/*메인포트폴리오*/
.main_portfolio {padding:150px 0px; background:#f4f6f8;}
.main_portfolio .default_layout {position:relative;}
.main_portfolio .title{position:absolute; left:0px; top:0px;}
.main_portfolio .title .t1{font-size:30px;  font-family: 'Pretendard'; font-weight:900; color:#000; letter-spacing:-2px; line-height:50px;}
.main_portfolio .title .t2{font-size:18px; margin-top:20px; line-height:25px;   color:#777; letter-spacing:-1px;}


.main_portfolio_list_box {margin-left:45%; position:relative; }
.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; border-radius:20px;  }
.main_portfolio_list_wrap .list_wrap .swiper-slide .photo img {width:100%;   -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; overflow:hidden; vertical-align:middle;}
.main_portfolio_list_wrap .list_wrap .swiper-slide:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.main_portfolio_list_wrap .list_wrap .swiper-slide .text{text-align:left; position:relative; margin-top:30px;  color:#000; font-size:18px;   overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  }


.main_portfolio_list_wrap .swiper-pagination {position:relative; top:0px; margin-top:90px; z-index:0; height:2px;}
.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: #5c3da3 !important;}

.main_portfolio .title .btns_li {display:inline-block;  padding-top:65px;}
.main_portfolio .title .swiper-button-next,
.main_portfolio .title .swiper-button-prev {position:relative !important; top:0px !important;; left:0px !important; right:0px !important; width:50px; line-height:50px; height:50px;background:#fff; border:1px #333 solid !important;  border-radius:50px;  float:left;  margin-right:12px; color:#000 !important; ; border:300px red solid; display:inline-block !important; text-align:Center;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:15px !important;}





.main_recognize {margin-top:80px; overflow:hidden;}
.main_recognize .lay_col {overflow:hidden;}
.main_recognize .lay_col .col_list {float:left; width:46%;}
.main_recognize .lay_col .col_list.right {float:right;}
.main_recognize .title { font-size:40px; font-weight:bold; color:#000; line-height:40px;  position:relative;}
.main_recognize .title .text {display:block; font-size:16px; font-weight:normal; margin-top:0px; line-height:25px; color:rgba(0,0,0,0.6); margin-top:5px;}
.main_recognize .title a.more {position:absolute; right:0px; top:0px; width:49px; height:49px; border-radius:49px; background:#5c3da3; text-align:center; line-height:49px;}

.main_recognize .title a.more span:before, 
.main_recognize .title a.more span:after {position: absolute;top:15px; left:23px;content:' ';height:15px;width:1px;background-color: #fff;}
.main_recognize .title a.more span:before {transform: rotate(0deg);}
.main_recognize .title a.more span:after {transform: rotate(-90deg);}



.main_recognize  .lay_col ul {text-align:left; margin-top:20px;border-top:1px #ededed solid; }
.main_recognize  .lay_col ul li{border-bottom:1px #ededed solid; position:relative; overflow:hidden; vertical-align:top; padding:20px 0px;}
.main_recognize  .lay_col ul li .t1 {font-size:20px; color:#000; }
.main_recognize  .lay_col ul li .col_box {margin-top:0px; font-size:15px; color:#777;}
.main_recognize  .lay_col ul li .col_box .col{display:inline-block; margin-right:20px; }
.main_recognize  .lay_col ul li .col_box .col span{color:#777}
.main_recognize  .lay_col ul li .col_box .col strong{display:inline-block;margin-left:3px;}


.center_quick_box_wrap {margin:80px 0px;}
.center_quick_box_wrap .col_box {font-size:0px; }
.center_quick_box_wrap .col_box .col{display:inline-block; width:267px; margin-right:20px;background:#fff;border-radius:10px; border:1px #ededed solid; transition: all .2s;     vertical-align:top; }
.center_quick_box_wrap .col_box .col.m3{margin-right:0px;}
.center_quick_box_wrap .col_box .col .box {/*box-shadow: 3px 3px 15px rgb(0 0 0 / 10%); border-radius:10px; border:1px #ededed solid;*/}
.center_quick_box_wrap .col_box .col .box .title{font-size:20px; font-weight:bold; color:#000; text-align:center; }
.center_quick_box_wrap .col_box .col .box .title span{font-size:14px; font-weight:normal; display:block; line-height:18px; margin-top:10px; color:#888; }
.center_quick_box_wrap .col_box .col .box {padding:40px 0px;  height:120px;}
.center_quick_box_wrap .col_box .col .box .icon{text-align:center; margin-top:15px;}
.center_quick_box_wrap .col_box .col .box .icon img {vertical-align:middle;}

.center_quick_box_wrap .col_box .col.cscenter .box  {padding:40px;}
.center_quick_box_wrap .col_box .col.cscenter .box .title{color:#000; text-align:left; }
.center_quick_box_wrap .col_box .col.cscenter .box .title span{color:#888; }
.center_quick_box_wrap .col_box .col.cscenter{width:430px; background:#fff  ; color:#fff;  }
.center_quick_box_wrap .col_box .col.cscenter .call{font-size:40px; font-weight:900; margin-top:15px; color:#5c3da3;  }
.center_quick_box_wrap .col_box .col.cscenter .time{font-size:14px; margin-top:15px; line-height:16px; color:#333;}







.sub_tail_info {display:none;}




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










.main_sample_wrap  {margin-bottom:0px; overflow:visible;}

.main_sample_wrap .text_info {position:absolute; top:40px; left:20px; height:auto; width:200px;    z-index:0;}
.main_sample_wrap .text_info .default_layout {position:relative; height:auto;}
.main_sample_wrap .text_info .default_layout .text_box {position:relative; left:0px; top:0px;   width:100%;}
.main_sample_wrap .text_info .default_layout .text_box .box {padding:20px;}
.main_sample_wrap .text_info .default_layout .text_box .box .t1{font-size:12px;padding-top:0px;}
.main_sample_wrap .text_info .default_layout .text_box .box .t2{font-size:18px; margin-top:5px; }
.main_sample_wrap .text_info .default_layout .text_box .box .t3{font-size:12px; line-height:16px; padding-top:20px;}

.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn {margin-top:20px; }
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a{ width:40px; height:40px; border-radius:40px;   font-size:16px; line-height:40px; }
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a.prevArrow{margin-right:10px;}
.main_sample_wrap .text_info .default_layout .text_box .box .btns_btn a:hover{background:rgba(103,131,41,1);}




.main_sample_wrap .bg_back {display:none;}







/*메인소개*/
.main_signup_wrap {padding:150px 5% 60px;}
.main_signup_wrap .default_layout {position:relative;}
.main_signup_wrap .title{position:relative;}
.main_signup_wrap .title .t1{font-size:30px;  line-height:35px;}
.main_signup_wrap .title .t2{font-size:16px; margin-top:10px; line-height:20px;}


.main_signup_wrap .col_box_wrap{margin-left:0px; margin-top:30px;}
.main_signup_wrap .col_box{display:block; overflow:hidden; margin-top:30px;}
.main_signup_wrap .col_box .col {display:block; float:left; width:47%; margin-bottom:3%;}
.main_signup_wrap .col_box .col:nth-child(even) {float:right;}
.main_signup_wrap .col_box .col.first {padding-top:0px; padding-right:0px;}
.main_signup_wrap .col_box .col.last { padding-left:0px;}

.main_signup_wrap ul li {margin-bottom:20px;}
.main_signup_wrap ul li:nth-child(odd) {;margin-bottom:60px;}
.main_signup_wrap ul li .photo {height:auto;}
.main_signup_wrap ul li .photo img {vertical-align:middle; max-width:100%;  border-radius:10px;}
.main_signup_wrap ul li .text .t1 span { line-height:35px; padding:0 10px;   border-radius:35px;}
.main_signup_wrap ul li .text .t2{font-size:18px; letter-spacing:-1px;}
.main_signup_wrap ul li .text .t3{font-size:14px; margin-top:5px; line-height:18px;}





/*메인센터소개*/
.main_center_about {margin-top:40px;}
.main_center_about .title {font-size:20px;  line-height:30px; padding:0 5%;}
.main_center_about .title div { font-size:25px;}
.main_center_about .title_bg {margin-top:40px;  height:150px; }


/*메인포트폴리오*/
.main_portfolio {padding:80px 5%; /*background:#f4f6f8;*/}
.main_portfolio .default_layout {position:relative;}
.main_portfolio .title{position:relative; left:0px; top:0px;}
.main_portfolio .title .t1{font-size:25px; line-height:35px;}
.main_portfolio .title .t2{font-size:16px; margin-top:10px; line-height:20px;}
.main_portfolio .title .t2 div{display:inline;}


.main_portfolio_list_box {margin-left:0%; margin-top:40px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide{font-size:18px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .photo{overflow:hidden; border-radius:20px; }

.main_portfolio_list_wrap .list_wrap .swiper-slide .t1{font-size:16px; margin-top:5px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t2{font-size:14px; line-height:22px; margin:5px 0px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t2 span {padding:0 10px; margin-right:10px;  font-size:12px;}


.main_portfolio_list_wrap .swiper-pagination { margin:0 2%; margin-top:50px;}






.main_notice_wrap {margin-top:0px;  ; padding:80px 5%;  }
.main_notice_wrap .default_layout {overflow:hidden;}

.main_notice_wrap .notice{float:none !important; width:auto !important;}
.main_notice_wrap .notice .common_box{border:1px #ddd solid; padding:30px;  border-radius:20px; }
.main_notice_wrap .notice .common_box .title {font-size:25px; }
.main_notice_wrap .notice .common_box .cate {position:absolute; right:auto; left:25px; top:80px;}
.main_notice_wrap .notice .common_box .cate ul li{margin:0 5px; font-size:15px;}


.main_notice_wrap .notice .main_notice_common {margin-top:20px; display:none;}
.main_notice_wrap .notice .main_notice_common ul li {margin:5px 0px; border-bottom:1px #ededed dashed; padding:10px 0px; }
.main_notice_wrap .notice .main_notice_common ul li a{display:block; font-size:17px;  line-height:25px; position:relative; padding-left:10px; background:url(../images/main/main_notice_dot.jpg) left 6px no-repeat;}
.main_notice_wrap .notice .main_notice_common ul li a span {position:absolute; left:0px; top:5px; display:inline-block; padding:0 10px; font-size:13px; font-weight:normal;; margin-right:0px; line-height:30px;}


.main_notice_wrap .quick {float:none; width:auto;; margin-top:10px;}

.main_notice_wrap .quick .quick_box li {float:left; width:48%; margin-bottom:4%; }

.main_notice_wrap .quick .quick_box li .box { border-radius:20px; padding:20px; text-align:center;}
.main_notice_wrap .quick .quick_box li .box .icon {position:relative; left:0px; top:0px;}

.main_notice_wrap .quick .quick_box li .box .text {font-size:16px;margin-top:15px;}
.main_notice_wrap .quick .quick_box li .box .text span {font-size:13px; margin-top:0px;}


.main_notice_wrap .quick .cscenter {background:#f4f6f8 url(../images/main/main_notice_wrap_cscenter_icon.png) left 50% no-repeat;; padding:20px; border-radius:20px; position:relative; padding-left:100px;}
.main_notice_wrap .quick .cscenter .t_help {position:relative; right:0px;  top:0px; font-size:12px; margin-top:10px; }




.main_curriculum {padding:80px 5%;}
.main_curriculum .title .t1{font-size:30px; line-height:35px;}
.main_curriculum .title .t2{font-size:16px; margin-top:10px; line-height:20px;}
.main_curriculum  ul {display:block;}
.main_curriculum  ul li {display:block; vertical-align:top; margin-bottom:40px; padding-bottom:40px; border-bottom:1px #ededed solid; }
.main_curriculum  ul li.jump {width:auto;display:none;}
.main_curriculum  ul li .photo img{ max-width:100%;}
.main_curriculum  ul li .t1 {font-size:20px; margin:20px 0px;}
.main_curriculum  ul li .t3 span{display:inline-block; margin-right:5px; line-height:30px;  margin-bottom:5px; border-radius:5px; font-size:12px;}







}


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






.main_visual ul#main_visual_wrap {height:750px;}
.main_visual li.list {height:750px; }


.main_visual .main_visual_text {height:750px;  }
.main_visual .main_visual_text .text {padding-top:200px;  margin:0 2%;}
.main_visual .main_visual_text .t1 {font-size:25px;}
.main_visual .main_visual_text .t2 {font-size:50px;  line-height:60px;}
.main_visual_pager {position:absolute; left:5%; bottom:100px; z-index:2; }




/*메인소개*/
.default_layout{margin:0 2%;}






/*메인포트폴리오*/



.main_portfolio_list_box {margin-left:50%;}




.main_notice_wrap .notice{float:none; width:auto;}
.main_notice_wrap .quick {float:none; margin-top:10px; width:auto;}
.main_notice_wrap .quick .quick_box li {float:left; width:49%; margin-bottom:1%; }


.main_curriculum  ul li.jump {width:20px;}
.main_curriculum  ul li .photo img{border-radius:10px;}



}