@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(103,131,41,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:310px; margin-right:20px;}

.main_signup_wrap ul li:nth-child(4) {margin-right:0px}
.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:#486315;}
.main_signup_wrap ul li .text .t1 span {display:inline-block;  line-height:40px; padding:0 20px; background:#486315; 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:#486315;  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:40%; 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:30px; border:1px #ddd solid; }
.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;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t1{font-weight:bold; color:#000; font-size:18px; margin-top:5px; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; margin-bottom:20px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t2{font-size:16px; line-height:30px; margin:5px 0px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t2 span {display:inline-block; background:#444; color:#fff; padding:0 20px; margin-right:20px; border-radius:20px; font-size:15px;}

.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: #486315 !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_notice_wrap {margin-top:0px;   padding:120px 0px;   }
.main_notice_wrap .default_layout {overflow:hidden; }

.main_notice_wrap .notice{float:left; width:52%;}
.main_notice_wrap .notice .common_box{border:1px #ddd solid; padding:50px 50px 30px;; background:#fff; border-radius:30px; position:relative;}
.main_notice_wrap .notice .common_box .title {font-size:25px; font-weight:bold; letter-spacing:-2px; color:#000;}
.main_notice_wrap .notice .common_box .cate {position:absolute; right:50px; top:50px;}
.main_notice_wrap .notice .common_box .cate ul li{display:inline-block; margin:0 10px; font-size:17px; font-weight:bold; color:#666;}
.main_notice_wrap .notice .common_box .cate ul li a{display:block; color:#666l; border-bottom:3px #fff solid; padding-bottom:10px;}
.main_notice_wrap .notice .common_box .cate ul li a.on{color:#000; border-bottom-color:#486315}
.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; color:#000; line-height:40px; background:url(../images/main/main_notice_dot.jpg) left 15px no-repeat; padding-left:15px;}
.main_notice_wrap .notice .main_notice_common ul li a span {display:inline-block; padding:0 10px; font-size:14px; font-weight:bold; margin-right:10px;  background:#486315; border-radius:30px; color:#fff;}


.main_notice_wrap .quick {float:right; width:45%;}
.main_notice_wrap .quick .quick_box {overflow:hidden;}
.main_notice_wrap .quick .quick_box li {float:left; width:48%; margin-bottom:4%; }
.main_notice_wrap .quick .quick_box li:nth-child(even) {float:right;}
.main_notice_wrap .quick .quick_box li .box {bordeR:1px #ddd solid;  padding:30px; border-radius:30px; position:relative; padding-left:120px;background:#fff;}
.main_notice_wrap .quick .quick_box li .box .icon {position:absolute; left:30px; top:30px;}
.main_notice_wrap .quick .quick_box li .box .icon span {display:inline-block; width:60px; height:60px; background:#f4f6f8; border-radius:60px; line-height:60px; text-align:center;}

.main_notice_wrap .quick .quick_box li .box .icon span img {vertical-align:middle; }
.main_notice_wrap .quick .quick_box li .box .text {font-size:15px; font-weight:bold; color:#000; letter-spacing:-1px;}
.main_notice_wrap .quick .quick_box li .box .text span {display:block; font-size:14px; margin-top:5px; font-weight:normal; color:#666;}
.main_notice_wrap .quick .cscenter {background:#f4f6f8 url(../images/main/main_notice_wrap_cscenter_icon.png) 30px 50% no-repeat;; padding:30px; border-radius:30px; position:relative; padding-left:150px;}
.main_notice_wrap .quick .cscenter .t_text {font-size:20px; font-weight:bold; color:#000;}
.main_notice_wrap .quick .cscenter .t_tell {font-size:25px; color:#486315; font-weight:bold; letter-spacing:-2px; margin-top:10px; }
.main_notice_wrap .quick .cscenter .t_help {position:absolute; right:30px; top:31px; font-size:15px;  color:#333}




.main_curriculum {padding:120px 0px;}
.main_curriculum .default_layout {position:relative;}
.main_curriculum .title{text-align:center;}
.main_curriculum .title .t1{font-size:40px;  font-family: 'Pretendard'; font-weight:900; color:#000; letter-spacing:-2px; line-height:50px;}
.main_curriculum .title .t2{font-size:18px; margin-top:20px; line-height:25px;   color:#777; letter-spacing:-1px;}
.main_curriculum  ul {display:table; width:100%; table-layout:fixed; margin-top:60px;}
.main_curriculum  ul li {display:table-cell; vertical-align:top;}
.main_curriculum  ul li.jump {width:40px;}
.main_curriculum  ul li .photo img{vertical-align:middle; border-radius:20px; max-width:100%;}
.main_curriculum  ul li .t1 {font-size:25px; font-weight:bold; letter-spacing:-2px; color:#000;margin:20px 0px;}
.main_curriculum  ul li .t2 {font-size:16px;letter-spacing:-1px; color:#333;margin-bottom:20px;}
.main_curriculum  ul li .t3 span{display:inline-block; margin-right:10px; color:#000; margin-right:10px; background:#ddd; padding:0 10px; line-height:35px;  margin-bottom:10px; border-radius:5px;}




.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; width:49%; margin:0px; margin-bottom:30px; }
.main_signup_wrap ul li:nth-child(2n),
.main_signup_wrap ul li:nth-child(4n) {float:right;}
.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 {min-height:90px;}
.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;}



}


