@charset "utf-8";





.main_visual {text-align:center; position:relative; width:100%; ;  z-index:1;}
.main_visual ul#main_visual_wrap {height:950px; position:relative; z-index:1; }
.main_visual li.list {background-repeat:no-repeat; background-position:center top; width:100%; height:950px; background-size:cover; }


.main_visual .main_visual_text {position:absolute; width:100%; height:950px; BOTTOM:0px;  color:#fff; z-index:2;    }
.main_visual .main_visual_text .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:0; }
.main_visual .main_visual_text .text {position:relative; z-index:1;  padding-top:300px; color:#fff; text-align:left; margin:0 10%;}
.main_visual .main_visual_text .t1 {font-size:30px; font-weight:bold; position:relative;      overflow:hidden; letter-spacing:-1px;}
.main_visual .main_visual_text .t1 span {position:absolute; left:250px; top:15px; width:100%; height:1px; background:#fff;}
.main_visual .main_visual_text .t2 {font-size:60px;  letter-spacing:-1px; line-height:70px; color:#fff;    font-family: 'Pretendard'; font-weight:900; margin-top:20px;}
.main_visual .main_visual_text .t3 {font-size:18px;  letter-spacing:-1px; line-height:25px; color:#fff;      margin-top:20px;}



.main_visual_pager {position:absolute; left:10%; bottom:100px; z-index:2; }
.main_visual_progress_wrap {display:inline-block; width:140px; vertical-align:middle;   background:#ddd; margin:0px 20px;}
.main_visual_progress_wrap #main_visual_progress{background:#0c3966; height:3px;}

.main_visual_pager .si_pager {display:inline-block;   font-weight:900;  font-size:13px; color:#999;font-weight:normal;  font-family: 'Pretendard';}
.main_visual_pager .si_pager span{color:#fff; font-weight:600;}
.main_visual_pager .si_pager span.last{position:absolute; left:190px;}

.main_visual_pager .s_btn_box {margin-left:30px; display:inline-block;}
.main_visual_pager .s_btn {display:inline-block; margin-left:5px; border:1px #fff solid; width:30px; height:30px; border-radius:30px; line-height:28px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}
.main_visual_pager .s_btn:hover {border-color:#fff; color:#fff} 




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

.main_signup_wrap .title{margin-bottom:40px;}
.main_signup_wrap .title .t1{font-size:61px;  font-family: 'GangwonEduPower'; font-weight:900; color:#000; letter-spacing:-2px; line-height:50px; display:inline-block; vertical-align:top;}
.main_signup_wrap .title .t2{position:absolute; left:650px; top:0px; font-size:18px; line-height:25px;   color:#777; letter-spacing:-1px;   vertical-align:top;}
.main_signup_wrap .title .btn {margin-top:60px; margin-left:650px;}
.main_signup_wrap .title .btn a{display:inline-block; padding:0 30px; border:1px #2e7cff solid; font-size:18px;; color:#000; line-height:44px; border-radius:44px;}


.main_signup_wrap .col_box_wrap{margin-left:0px;}
.main_signup_wrap .col_box{display:table; width:100%; table-layout:fixed; }
.main_signup_wrap .col_box .col {display:table-cell; vertical-align:top;  position:relative; }
.main_signup_wrap .col_box .col.jump {width:30px;}
.main_signup_wrap .col_box .col .photo {vertical-align:middle;overflow:hidden; border-radius:30px; position:relative;}
.main_signup_wrap .col_box .col .photo img{vertical-align:middle; width:100%;  overflow:hidden;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;  }
.main_signup_wrap .col_box .col:hover .photo img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.main_signup_wrap .col_box:last-child {margin-top:30px;}
.main_signup_wrap .col_box .text {width:100%; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.5); text-align:Center;}
.main_signup_wrap .col_box .text .t1 {padding:20px 0px; color:#fff; font-size:16px;}






/*메인포트폴리오*/
.main_portfolio {padding:150px 0px; /*background:#f4f6f8;*/}
.main_portfolio .default_layout {position:relative;}
.main_portfolio .title{margin-bottom:40px;}
.main_portfolio .title .t1{font-size:61px;  font-family: 'GangwonEduPower';font-weight:900; color:#000; letter-spacing:-2px; line-height:50px; display:inline-block; vertical-align:top;}
.main_portfolio .title .t2{position:absolute; left:650px; top:0px; font-size:18px; line-height:25px;   color:#777; letter-spacing:-1px;   vertical-align:top;}

.main_portfolio_list_box {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; }
.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;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t1 {margin-top:20px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t1 span{displaY:inline-block; padding:0 10px; line-height:30px; border-radius:30px; border:1px #0c3966 solid; color:#0c3966; font-size:13px;}
.main_portfolio_list_wrap .list_wrap .swiper-slide .t2{font-weight:bold; color:#000; font-size:18px; margin-top:5px; 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: #0c3966 !important;}

.main_portfolio .title .btns_li {display:inline-block;  padding-top:25px; margin-left:40px; overflow:hidden;}
.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; height:50px;background:#fff; border:1px #333 solid !important;  border-radius:50px;  float:left;  margin-right:12px; color:#000 !important;}
.swiper-button-next:after, .swiper-button-prev:after {font-size:15px !important;}





.main_curriculum {padding:120px 0px 0px;}
.main_curriculum_wrap {padding:60px 0px 225px;  background:url(../images/main/main_curriculum_bg.png) center top no-repeat;}
.main_curriculum .default_layout {position:relative;}
.main_curriculum .title{margin-bottom:40px;}
.main_curriculum .title .t1{font-size:61px; font-family: 'GangwonEduPower'; font-weight:900; color:#000; letter-spacing:-2px; line-height:50px; display:inline-block; vertical-align:top;}
.main_curriculum .title .t2{position:absolute; left:650px; top:0px; font-size:18px; line-height:25px;   color:#777; letter-spacing:-1px;   vertical-align:top;}

.main_curriculum  ul {overflow:hidden;}
.main_curriculum  ul li{float:left; margin-bottom:150px; width:1072px;}
.main_curriculum  ul li:last-child{margin-bottom:0px;}
.main_curriculum  ul li:nth-child(2n){float:right;}

.main_curriculum  ul li .photo img{vertical-align:middle; border-radius:20px; max-width:100%;}
.main_curriculum  ul li .t1 {font-size:40px; line-height:45px; font-weight:bold; letter-spacing:-2px; color:#000;margin-top:50px; font-family: 'Jalnan';}
.main_curriculum  ul li .t1 a {display:inline-block; line-height:41px; color:#2e3192; border:1px #2e3192 solid; font-size:20px; padding:0 20px; border-radius:41px; vertical-align:middle; position:relative; top:-3px; margin-left:20px; font-weight:normal; font-family:'Noto Sans KR',sans-serif;}
.main_curriculum  ul li .t2 {font-size:25px;letter-spacing:-1px; color:#333;margin-top:45px; line-height:30px;}
.main_curriculum  ul li .t2 div {display:block;}
.main_curriculum  ul li .t3 {background:url(../images/main/main_curriculum_tag.png) left top no-repeat;  color:rgba(0,0,0,0.7);  font-size:20px; margin-top:10px; line-height:36px; padding-left:40px;}



.main_map_wrap {position:relative; /*background:url(../images/common/main_map_wrap_bg.jpg) left top no-repeat;*/ background:#f2f2f2; position:relative;}
.main_map_wrap .daum_map_wrap{position:absolute; right:0px; top:0px; width:60%; height:400px;}
.main_map_wrap .daum_map_wrap #daum_map{width:100%; height:600px; }


.main_map_wrap .map_info{padding:80px 0px; display:inline-block; width:30%; margin-left:5%;}
.main_map_wrap .map_info .title {font-size:45px; color:#000;  font-family: 'Pretendard'; font-weight:bold; line-height:50px;}
.main_map_wrap .map_info .title span{font-size:25px;  font-weight:bold; display:block; color:#3d6bb1; margin-bottom:0px;;}
.main_map_wrap .map_info ul {margin-top:40px; }
.main_map_wrap .map_info ul li{position:relative; padding:10px 0px 10px 0px;  line-height:33px; color:#000;  border-bottom:1px rgba(0,0,0,0.1) solid;      font-size: 20px;}
.main_map_wrap .map_info ul li span {display:inline-block; margin-right:10px;}
.main_map_wrap .map_info ul li span img {vertical-align:middle;}





.sub_tail_info {display:none;}

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

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


.main_visual .main_visual_text {height:450px;   }
.main_visual .main_visual_text .text {padding-top:100px; margin:0 15px;}
.main_visual .main_visual_text .t1 {font-size:18px }

.main_visual .main_visual_text .t2 {font-size:30px; line-height:35px; margin-top:10px;}
.main_visual .main_visual_text .t3 {font-size:15px;   line-height:20px;   margin-top:20px;}



.main_visual_pager {left:15px; bottom:80px;}




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

.main_signup_wrap .title{margin-bottom:40px;}
.main_signup_wrap .title .t1{font-size:35px;  line-height:40px; }
.main_signup_wrap .title .t2{position:relative; left:0px; top:0px; font-size:16px; line-height:20px; margin-top:10px; }
.main_signup_wrap .title .btn {margin-top:30px; margin-left:0px;}
.main_signup_wrap .title .btn a{padding:0 20px;  font-size:16px;; line-height:40px; border-radius:40px;}



.main_signup_wrap .col_box{display:block; overflow:hidden;}
.main_signup_wrap .col_box .col {display:block;  float:left; width:49%; margin-bottom:1%;}
.main_signup_wrap .col_box .col.jump {display:none;}
.main_signup_wrap .col_box .col:nth-child(3n) {float:right;}
.main_signup_wrap .col_box .col:nth-child(7n) {float:right; }
.main_signup_wrap .col_box .col .photo {border-radius:10px;}

.main_signup_wrap .col_box .text .t1 {padding:20px 0px; color:#fff; font-size:12px; letter-spacing:-1px;}






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

.main_portfolio .title .btns_li {display:inline-block;  padding-top:25px; margin-left:20px; overflow:hidden;}
.main_portfolio .title .swiper-button-next,
.main_portfolio .title .swiper-button-prev {width:35px; height:35px;  border-radius:35px; }


.main_portfolio_list_wrap .list_wrap .swiper-slide{font-size: 14px;   }
.main_portfolio_list_wrap .list_wrap .swiper-slide .photo{overflow:hidden; border-radius:10px; }


.main_portfolio_list_wrap .list_wrap .swiper-slide .text{text-align:left; position:relative;}
.main_portfolio_list_wrap .swiper-pagination {margin-top:30px;}






.main_curriculum {padding:120px 0px 0px;}
.main_curriculum_wrap {padding:60px 15px 150px; background-size:cover;}
.main_curriculum .title{margin-bottom:40px;}
.main_curriculum .title .t1{font-size:35px;  line-height:40px; }
.main_curriculum .title .t2{position:relative; left:0px; top:0px; font-size:16px; line-height:20px; margin-top:10px; }


.main_curriculum  ul li{float:none !important; margin-bottom:50px; width:auto;}

.main_curriculum  ul li .photo img{border-radius:10px; }
.main_curriculum  ul li .t1 {font-size:30px; line-height:35px;  margin-top:20px; }
.main_curriculum  ul li .t1 a {line-height:35px;  font-size:16px; padding:0 15px; border-radius:35px;  top:-2px; margin-left:10px;}
.main_curriculum  ul li .t2 {font-size:18px; margin-top:25px; line-height:25px;}
.main_curriculum  ul li .t2 div {display:inline;}
.main_curriculum  ul li .t3 {background:url(../images/main/main_curriculum_tag.png) left 50% no-repeat;     font-size:15px; margin-top:10px; line-height:20px; padding:10px 0px; padding-left:40px;}







.main_map_wrap {margin-top:0px; position:relative;   position:relative;}
.main_map_wrap .daum_map_wrap{position:relative;x; width:auto; height:200px;}
.main_map_wrap .daum_map_wrap #daum_map{width:100%; height:200px; }


.main_map_wrap .map_info{padding:50px 20px; display:block; width:auto;}
.main_map_wrap .map_info .title {font-size:35px; line-height:30px;}
.main_map_wrap .map_info .title span{font-size:18px; margin-bottom:10px;;}
.main_map_wrap .map_info ul {margin-top:20px; }
.main_map_wrap .map_info ul li{  padding:10px 0px 10px 0px;; line-height:27px; font-size: 17px;}






}


@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; }





/*메인소개*/
.main_signup_wrap {padding:150px 0px 60px;}
.main_signup_wrap .title{margin-bottom:40px; overflow:hidden;}
.main_signup_wrap .title .t1{font-size:50px;}
.main_signup_wrap .title .t2 {left:auto; right:0px; top:0px; font-size:18px;}
.main_signup_wrap .title .btn {margin-top:120px; margin-left:0px; float:right;}


.main_signup_wrap .col_box .col.jump {width:20px;}
.main_signup_wrap .col_box .col .photo {border-radius:15px;}






/*메인포트폴리오*/
.main_portfolio {padding:150px 0px; /*background:#f4f6f8;*/}
.main_portfolio .title{margin-bottom:40px;}
.main_portfolio .title .t1{font-size:50px;}
.main_portfolio .title .t2{left:auto; right:0px; top:0px; font-size:18px;}
.main_portfolio .title .btns_li {display:inline-block;  padding-top:22px; ;}






.main_curriculum {padding:0px 0px 0px;}
.main_curriculum_wrap {padding:60px 0px 225px;  background-size:cover;}
.main_curriculum .default_layout {position:relative;}
.main_curriculum .title{margin-bottom:40px;}
.main_curriculum .title .t1{font-size:50px;}
.main_curriculum .title .t2{left:auto; right:0px; top:0px; font-size:18px;}


.main_curriculum  ul {overflow:hidden;}
.main_curriculum  ul li{float:none !important; margin-bottom:150px; width:auto;}




.main_map_wrap .daum_map_wrap{position:absolute; right:0px; top:0px; width:50%; height:300px;}
.main_map_wrap .daum_map_wrap #daum_map{width:100%; height:500px; }


.main_map_wrap .map_info{padding:50px 0px;  width:40%; margin-left:20px;}
.main_map_wrap .map_info ul {margin-top:15px;}
.main_map_wrap .map_info ul li{ font-size:18px;}







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









}