@charset "UTF-8";

/*
-------------------------------------------------
-------------------------------------------------
Main Style Sheet
Version : 1.0
Author : CME
First update : 2023. 02. 23.
Last update : 2023. 00. 00.
-------------------------------------------------
-------------------------------------------------
*/

/********** anchor **********/
.anchor{display:block;position:fixed;z-index:100;top: 50%;left: 4%;transform: translateY(-50%);border-top:2px solid rgba(255, 255, 255, 0.5);}
.anchor > ul{display: block;position:relative;width: 30px;}
.anchor > ul li{display:block;position:relative;}
.anchor > ul li a{display:block;position:relative;text-align: center;box-sizing:border-box;}
.anchor > ul li a:after{display:block;position:absolute;width: 100%;height: 2px;background:rgba(255, 255, 255, 0.5);content:"";bottom: 0;left: 50%;transform: translateX(-50%);}
.anchor > ul li:first-of-type a:before{display:block;position:absolute;width: 100%;height: 2px;background:rgba(255, 255, 255, 0.5);content:"";top: 0;left: 50%;transform: translateX(-50%);}
.anchor > ul li a span{display:block;position:relative;z-index:2;color: rgba(255,255,255,.5);text-align:center;font-size:14px;font-weight:500;letter-spacing:-0.25px;line-height:40px;}
.anchor > ul li.on a span{color: rgba(255,255,255,1);}
.anchor > ul li:hover a span{color: rgba(255,255,255,1);}
.anchor > ul li.on a span:before{transform:scaleX(1); transform-origin:left center;}
.anchor > ul li a:hover span:before{transform:scaleX(1); transform-origin:left center;}

.fp-viewing-section3 .anchor{border-top:2px solid rgba(0, 0, 0, 0.5);}
.fp-viewing-section3 .anchor > ul li a:after{background:rgba(0, 0, 0, 0.5);}
.fp-viewing-section3 .anchor > ul li a span{color:rgba(0,0,0,0.5);}
.fp-viewing-section3 .anchor > ul li.on a span{color: rgba(0,0,0,1);}
.fp-viewing-section3 .anchor > ul li:hover a span{color: rgba(0,0,0,1);}
/********** //anchor **********/


/********** section **********/
.section .img_area.tablet, .section .img_area.mobile{display:none;}
.section{display:block; position:relative; z-index:2; width:100%;}
.section > .fp-tableCell{z-index:2;}
.section:before, .section:after, .section > .fp-tableCell:before, .section > .fp-tableCell:after{z-index:-1;}
.section[data-anchor^="section"]{overflow:hidden;}
.section > .fp-tableCell{display:flex; flex-wrap:wrap; align-items:center;}
.section .inner{position:relative; opacity:0; transition:all 1s;}
.section[data-section="on"] .inner{opacity:1;}
footer.section{top:0 !important;overflow: auto !important;}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

/* .section[data-anchor="section1"]:before {content: "";display: block;width: 58px;margin-left: -29px;height: 63px;background: url(../images/ico/ico_btn_scroll.png) no-repeat center center / 100% auto;position: absolute;left: 50%;bottom: 3.5em;background-size: cover;opacity: 1;z-index: 9999;animation: scroll .8s infinite alternate;} */

.section[data-anchor="section1"]:before {content: "";display: block;width: 58px;margin-left: -29px;height: 63px;background: url(../images/ico/ico_btn_scroll.png) no-repeat center center / 100% auto;position: absolute;left: 50%;bottom: 3.5em;background-size: cover;opacity: 1;z-index: 9999;}

/* section1 */
/* .section[data-anchor="section1"]{background-color:var(--color-red5c);} */
.section .main_visual{text-align:center;}
.section .main_visual .slide-img{display:block;width:100vw;height:100vh;background-size:cover;background-position: center bottom;}
.section .main_visual .title{position:absolute;z-index:10; width:100%;text-align:center; top: 40vh;left: 50vw;transform: translate(-50% , -50%);}
.section .main_visual .title .mark{display:block; width:150px; margin:0 auto; opacity:0.8; }
.section .main_visual .title .mark img{width:100%;}
.section .main_visual .title .text{color:#fff;font-size:4.0625rem;letter-spacing: 0.5px;font-weight:400;line-height: 1.2;word-break: keep-all;text-shadow: 3px 3px 15px rgba(0,0,0,0.3);}


/* section2 */
.section[data-anchor="section2"]{background: url(../images/main/bg_section2.png) no-repeat center center / cover;}
.section[data-anchor="section2"] .inner{width:1160px;}

.graduate-life .title_area .title{ color:#fff;margin-bottom:44px; font-size:3rem; line-height:1; font-weight:300;}
.graduate-life .title_area .title strong{display:block; font-weight:700;}
.graduate-life .contents_wrap{display:flex;width: 100%;gap:24px;flex-wrap: nowrap;}
.graduate-life .link_box{display:flex;flex: 1 0 calc(50% - 12px);flex-wrap:wrap;gap:24px;}
.graduate-life .link_box a{display:block; padding:42px; background:#fff; box-sizing:border-box;}
.graduate-life .link_box .title{display:block; color:#fff; font-size:1.5rem; letter-spacing:-0.25px;}
.graduate-life .link_box .desc{display:block; color:rgba(255,255,255,.5); margin-top:24px; font-size:15px; line-height:1.6;}
.graduate-life .link_box .item01{ background:var(--color-red5c) url(../images/main/bg_link-box01.png) no-repeat right 42px bottom 42px;flex:0 0 100%;}
.graduate-life .link_box .item02{ background:var(--color-blue87) url(../images/main/ico_graduation-cap.png)  no-repeat right 42px bottom 42px;flex:1;}
.graduate-life .link_box .item03{ background:#fff url(../images/main/ico_book01.png)  no-repeat right 42px bottom 42px;flex:1;}
.graduate-life .link_box .item03 .title{color:var(--color-black00); }
.graduate-life .link_box .item03 .desc{color:rgba(0,0,0,.5);}
.graduate-life .notice{padding:42px;background:#fff;flex: 1 0 570px;max-width: 570px;box-sizing: border-box;}
.graduate-life .notice .title_area{display:flex;position:relative;gap:12px;margin-bottom: 20px;}
.graduate-life .notice .title_area .title{margin: 0;color:#000;font-size:1.25rem;font-weight: 700;letter-spacing:-0.75px;line-height: 1;}
.graduate-life .notice .title_area .desc{display:block;position: relative;color:#888;padding-left:12px;font-size:14px;letter-spacing:-0.75px;line-height: 1;align-self: center;}
.graduate-life .notice .title_area .desc:before{display:block;position:absolute;width:1px;height:10px;background:#ddd;top: 7px;left:0;}
.graduate-life .notice .title_area .btn{position:absolute; width:22px; height:22px; border:1px solid #ddd; top:0; right:0; box-sizing:border-box;}
.graduate-life .notice .title_area .ico_plus{display:block; position:relative; width:22px;height:22px; border: 0;  border:1px solid #ddd;background: transparent;overflow:hidden;cursor: pointer; box-sizing:border-box;}
.graduate-life .notice .title_area .ico_plus:before{display:block;position:absolute;width:60%;height:2px;background: #666;content:"";top:50%;left:50%;transform:translate(-50%, -50%) rotate(90deg);}
.graduate-life .notice .title_area .ico_plus:after{display:block;position:absolute;width:60%;height:2px;background: #666;content:"";top:50%;left:50%;transform:translate(-50%, -50%) rotate(-180deg);}
.graduate-life .notice_content{border-top:2px solid #000;}
.graduate-life .notice_list > li{border-bottom:1px solid #ddd;}
.graduate-life .notice_list > li > a{display:block;padding: 16px 0;color:#000;font-size:1.0625rem;line-height: 1;max-width: 570px;}
.graduate-life .notice_list .text{display: inline-block;position:relative;height:24px;color:#000;max-width: 100%;padding-right: 24px;font-size:1.0625rem;line-height: 24px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;box-sizing: border-box;}
.graduate-life .notice_list .date{display:block;color:#999;font-size:.9375rem;line-height: 1;margin-top: 5px;}
.graduate-life .notice_list .text.new{background: url(../images/common/ico_new.png) no-repeat right center;}

/* section3 : 입학안내*/
.section[data-anchor="section3"]{background-color:#ebebeb;}
.section[data-anchor="section3"] .inner{width:1160px;}

.adm-guide_top{display:flex;gap:24px;}
.adm-guide_top .title_box{background:url(../images/main/bg_adm-guide01.png) no-repeat right bottom;flex:1 0 calc(100% / 2 - 12px);min-height: 200px;}
.adm-guide_top .title_box .title{ color:#000;font-size:2.625rem; line-height:1; }
.adm-guide_top .title_box .title strong{color:var(--color-red5c);}
.adm-guide_top .title_box .desc{ color:#000;margin-top:8px; font-size:1.25rem; line-height:1.6; }
.adm-guide_top .contact_box{padding:40px;background: url(../images/main/bg_contact-box.png) no-repeat center center / cover;flex:1 0 calc(100% / 2 - 12px);box-sizing:border-box;}
.adm-guide_top .contact_box .title{ color:#fff;font-size:1.5rem; line-height:1; }
.adm-guide_top .contact_box .desc{color:#fff;margin-top: 18px;font-size:.875rem;line-height:1;}
.adm-guide_top .contact_box .phone-box{display:inline-flex;position:relative;height:48px;padding: 0 20px 0 68px;background:#fff url(../images/main/ico_phone-box.png) no-repeat 0 0;color:#000;margin-top: 20px;font-size:1.25rem;line-height: 1;font-weight: 500;align-items: center;}
.adm-guide_top .contact_box .phone-box a{color:#000;}
.adm-guide_menu{ display:flex;margin-top:24px; gap:24px; }
.adm-guide_menu > li{padding:38px 24px;flex:1;box-sizing: border-box;}
.adm-guide_menu > li .title{font-size:1.5rem; line-height:1;}
.adm-guide_menu > li .desc{display:block;color:#888;margin-top:16px;font-size:.875rem;line-height:1.6;}
.adm-guide_menu > li .btn{ display:block; height:34px; padding:0 24px; background:#003d87 url(../images/common/arw_sty01_white.png) no-repeat right 24px center; color:#fff;margin-top:30px; line-height:34px; font-size:.9375rem; letter-spacing:-0.25px; font-weight:500;}
.adm-guide_menu > li.sty01{background:#fff; }
.adm-guide_menu > li.sty01 .title{color:#000;}
.adm-guide_menu > li.sty01 .desc{color: rgba(0,0,0,0.8);}
.adm-guide_menu > li.sty01 .btn{background:#003d87 url(../images/common/arw_sty01_white.png) no-repeat right 24px center; color:#fff; font-size:.9375rem;}
.adm-guide_menu > li.sty02{background:#003d87; }
.adm-guide_menu > li.sty02 .title{color:#fff;}
.adm-guide_menu > li.sty02 .desc{color: rgba(255,255,255,.5);}
.adm-guide_menu > li.sty02 .btn{background:#fff url(../images/common/arw_sty01_blue.png) no-repeat right 24px center; color:#003d87; font-size:.9375rem;}
/********** //section **********/

/* 메인 팝업 */
.layer_wrap {display: block;position: fixed;z-index: 10000;top: 0;left: 0;width: 100%;height: 100%;}
.layer_wrap .layer_dim {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);}
.layer_wrap .layer_inner {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% - 50px);max-width: 640px; background: #fff;}
.layer_wrap .layer_inner .layer_top {display: table;position: relative;width: 100%;height: 60px;padding-left: 20px;box-sizing: border-box;background: #009d86 ;}
.layer_wrap .layer_inner .layer_top strong {display: table-cell;vertical-align: middle;color: #fff;font-size: 1.2rem;font-weight: 700;line-height: 1;}
.layer_close_btn {display: inline-block;position: absolute;top: 15px;right: 20px;width: 21px;height: 21px;color: transparent;background: url(../images/main/ico_close02.png)no-repeat center;}
.layer_wrap .layer_inner .layer_con {display: block;position: relative;max-height: 70vh;padding: 0;box-sizing: border-box;color: #000;font-size: 1rem;font-weight: 300;line-height: 1.5;}
.layer_wrap .layer_inner .layer_con a{display: block;overflow: auto;height: 100%;max-height: 70vh;}
.layer_wrap .layer_inner .layer_con a:focus{border:2px solid #000; box-sizing:border-box;}
.layer_wrap .layer_inner .layer_con img {width: 100%;}
.layer_wrap .input_check label{margin: 0;display: inline-block;}
.layer_wrap .layer_inner .layer_bott { display: table;position: relative; padding: 20px; border-top: 1px solid #eaeaea;box-sizing: border-box;width: 100%;}
.layer_check { box-sizing: border-box;position: relative;display: table-cell;line-height: 20px;text-align: left !important;padding: 0 !important;width: auto;}
.layer_check label {font-size: 1rem;}
.layer_close_txt {position: relative;color: #000;font-size: 1rem;font-weight: 400;line-height: 20px;text-align: right;display: table-cell;}

.layer_wrap .swiper-pagination{display: inline-block;position: relative;}
.layer_btn{z-index: 10;position: absolute;left: 50%;bottom: 10px;transform: translateX(-50%);}
.layer_btn .btns{ width: 9px;height: 8px;display: inline-block;}
.layer_btn .layer_start{display: none;position: absolute;height:8px;width: 9px;background: url(../images/main/ico_main_play.png)no-repeat center;color: transparent;border: 0;cursor:pointer;}
.layer_btn .layer_stop{position: absolute;width:9px;height:8px; background: url(../images/main/ico_main_pause.png)no-repeat center;color: transparent;border: 0;cursor:pointer;}
.layer_wrap .swiper-pagination .swiper-pagination-bullet{width: 28px;height: 6px;margin-left:5px;border-radius: 0;box-sizing:border-box;background: #5b6064;opacity:1;}
.layer_wrap .swiper-pagination .swiper-pagination-bullet:first-of-type{margin-left: 10px;}
.layer_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(255,255,255,0.5);opacity:1;}

.layer_wrap .input_check{font-size: 17px;font-weight: 500;color: #000000;letter-spacing: 0;line-height: 1;padding: 24px 0;text-align: center;}
.layer_wrap .input_check label{cursor: pointer;line-height: 1;word-break: keep-all;}
.layer_wrap .input_check input[type=checkbox]{background: url(../images/main/ico_check_off.png)no-repeat 0;width: 21px;height: 21px;vertical-align: sub;-webkit-appearance: none;-webkit-box-shadow: none;-moz-box-shadow: none;margin-right: 10px;cursor: pointer;border: 0;visibility: visible;position: relative;top: auto;left: auto;overflow: visible;}
.layer_wrap .input_check input[type=checkbox]:checked{background: url(../images/main/ico_check_on.png)no-repeat;}