@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{position:absolute; left:0px; top:0px;}
.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 .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;}
.main_signup_wrap .col_box .col.first {padding-top:300px; padding-right:50px;}
.main_signup_wrap .col_box .col.last { padding-left:50px;}


.main_signup_wrap ul {overflow:hidden;}
.main_signup_wrap ul li { margin-bottom:30px;}
.main_signup_wrap ul li:first-child {clear:both; }
.main_signup_wrap ul li:nth-child(odd) {;margin-bottom:60px;}
.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:#0c3966;}
.main_signup_wrap ul li .text .t1 span {display:inline-block;  line-height:40px; padding:0 20px; background:#0c3966; font-size:14px; margin-top:10px; color:#fff; border-radius:40px;}
.main_signup_wrap ul li .text .t2{font-size:22px; font-weight:bold; margin-top:10px; 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:#0c3966;  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:40px;  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; }
.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: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; background:#f4f6f8;  }
.main_notice_wrap .default_layout {overflow:hidden;}

.main_notice_wrap .notice{float:left; width:58%;}
.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:#0c3966}
.main_notice_wrap .notice .main_notice_common {margin-top:30px; 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;}
.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:#0c3966; border-radius:30px; color:#fff;}


.main_notice_wrap .quick {float:right; width:40%;}
.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:17px; font-weight:bold; color:#000;}
.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:#0c3966; font-weight:bold; letter-spacing:-2px; margin-top:10px; }
.main_notice_wrap .quick .cscenter .t_help {position:absolute; right:30px; top:65px; 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_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 5%;}
.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:5%; bottom:80px;}




/*메인소개*/
.main_signup_wrap {padding:80px 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:30px; 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 .t2{font-size:16px; margin-top:5px;}

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






.main_notice_wrap {margin-top:0px;  ; padding:80px 5%; background:#f4f6f8;  }
.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:80px; 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:80px;}
.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;}



}