/* fullpage navigation */
/* #fp-nav{ right:auto; left:1.5rem !important;}
#fp-nav ul li{ width:auto; t}
#fp-nav ul li a.active span{ width:9px; height:9px; background:#fff; margin:0;}
#fp-nav ul li a span{ width:9px; height:9px; background:#c7d7e1; margin:0;} 
#fp-nav ul li a span:before{ content:""; position:absolute; left:} */

html, body { overflow:hidden;}

/* 메인비주얼 */
.MVisual { position: relative; height: 100%; overflow:hidden; z-index: 0;} 
.MVisual .slider{ position:absolute; width:100%; height:100%; left:0; top:0; z-index: 0;}
.MVisual .slider div{ height:100%; width: 100% !important;}
.MVisual .item{ overflow:hidden; width: 100% !important; line-height:0; background-size:cover; background-repeat: no-repeat; background-position:center center;}
.MVisual .item img{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.MVisual .control{position:absolute;left: calc(50% + 25rem);top: 20rem;width: 11.5rem;display: flex;align-items: center;height:2rem;margin-top: 5rem;z-index: 99;}
.MVisual .control .page strong{ position: relative; width:2rem; height:2rem; display:inline-block; text-align: center; line-height:2rem; color:#000; border-radius:50%; background:#fff;} 
.MVisual .control .page span{ position:relative; display: inline-block; vertical-align: middle;}
.MVisual .control .page span:before{ content:""; display: inline-block; margin:0 1rem; width:5px; height:5px; border-radius:50%; background:#fff; vertical-align: middle; }
.MVisual .control .progress { position:relative; width:10rem; height:2px; margin:0 1rem; background:rgba(255,255,255,0.5);}
.MVisual .control .progress span{ position:absolute; left:0; top:0; height:100%; background:#fff; transition: all 0.3s;}
.MVisual .control > a{display:inline-block;line-height:1;vertical-align: middle;text-align: center;transition:all 0.15s;font-size: 1.8rem;margin: 0 1rem;position: relative;color: #fff;}  
.MVisual .control > a::before { content: ''; display: block; width: 4.75rem; height: 4.75rem; background: url(/images/web/iphak/main/control_hover.png) no-repeat center / contain; position: absolute; left: calc(50% - 2.375rem); top: calc(50% - 2.575rem); opacity: 0; transition: all 0.3s;}
.MVisual .control > a.play{display:none;}
.MVisual .control .play:hover,
.MVisual .control .stop:hover{color: #969697;}
.MVisual .guide{ position:absolute; right:calc(50% - 40rem); top:4.5rem; width:5rem; height:5rem; color:#fff; border-radius:50%; background: linear-gradient(158deg, rgba(0,197,199,1) 0%, rgba(0,119,194,1) 100%); z-index: 2;}
.MVisual .guide:before{ content:""; position:absolute; left:-0.43rem; top:-0.43rem; width:5.85rem; height:5.85rem; background: linear-gradient(158deg, rgba(0,197,199,1) 0%, rgba(0,119,194,1) 100%); opacity: 0.4; border-radius: 50%; }
.MVisual .guide a{ position:relative; width:100%; height:100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; border-radius:50%;}
.MVisual .guide a p{ display: block; width:100%; text-align: center; font-weight: 600; margin-top:0.5rem;}
.MVisual .guide a em{ display: block;}
/* 메인비주얼 : active */
.MVisual .control > a:hover::before,
.MVisual .control > a:focus::before { opacity: 1; transform: rotate(360deg);}

@keyframes guideAni {
    100%{ transform: rotate(360deg);}
}
 
/* 바로가기1 */
.M_link1 { position:relative; display: flex; height:100%; align-items: center;  } 
.M_link1 ul{ width:100%; }
.M_link1 li { text-align: center;}
.M_link1 li a { position:relative; display:flex; flex-wrap: wrap; flex-flow:column; justify-content: center; align-items: center; font-weight: 500; color:#fff; border-radius: 0.3rem; }
.M_link1 li a .img { position: relative; display: flex; align-items: center; justify-content: center; width:5rem; height:5rem; border-radius:1.5rem; background:#fff; margin-bottom:1rem;}
.M_link1 li a span{ display: block; height: 2rem; line-height:1rem; font-size:0.8rem; padding:0 0.5rem; overflow:hidden; transition: all 0.15s; text-align: center; color: #111;} 
.M_link1 .control a {color:#395560; position: absolute; top: calc(50% - 20px); z-index: 99;}
.M_link1 .control a.prev { left: -0.7rem;}
.M_link1 .control a.next { right: -0.7rem;}
/* 바로가기1 : active */
.M_link1 li .img,
.M_link1 li a{ transition:all 0.15s; }
.M_link1 li a:hover,
.M_link1 li a:focus{ font-weight: 600;}
.M_link1 li a:hover .img,
.M_link1 li a:focus .img{ background: linear-gradient(158deg, rgba(0,197,199,1) 0%, rgba(0,119,194,1) 100%); box-shadow: 5px 5px 0 rgba(2,58,84,0.09); }
.M_link1 li a:hover .img img,
.M_link1 li a:focus .img img { filter: brightness(0) invert(1);}
.M_link1 li a:hover span,
.M_link1 li a:focus span{ color:#005090; font-weight: 700;}

.sec2_top { width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.sec2_top h3.tit { font-family: "GmarketSans";  font-weight: 300; color: #111; font-size: 1.8rem; position: relative; width: 53%; line-height: 2.5rem;}
.sec2_top h3.tit::before { content: ''; display: block; width: 5.05rem; height: 3.4rem; background: url(/images/web/iphak/main/section2_bg01.png) no-repeat center / contain; position: absolute; left: -3.7rem; top: -2rem; }
.sec2_top h3.tit strong { font-weight: 500;}
.sec2_top h3.tit strong em { color: transparent; background: linear-gradient(to right, #00d6d9, #006eb3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
/* 바로가기 모음 */ 
.coltn h3.tit { font-family: "GmarketSans";  font-weight: 300; color: #111; font-size: 1.8rem; position: relative; }
.coltn h3.tit::before { content: ''; display: block; width: 5.05rem; height: 3.4rem; background: url(/images/web/iphak/main/section2_bg01.png) no-repeat center / contain; position: absolute; left: -3.7rem; top: -2rem; z-index: -1;}
.coltn h3.tit strong { font-weight: 500;}
.coltn h3.tit strong em { color: transparent; background: linear-gradient(to right, #00d6d9, #006eb3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.coltn .list {display: flex; justify-content: space-between; flex-wrap: wrap; }
.coltn .list .item { width: 48.2%; height: 12.7rem; border: 1px solid #cfd2d8; border-radius: 1rem; padding: 1.5rem 1.4rem 0 1.4rem; background: #fff; }
.coltn .list .item:nth-child(n+3) { margin-top: 1.6rem;}
.coltn .list .item .sTit { color: #000; font-size: 1.1rem; font-weight: 500;}
.coltn .list .item1 ul{ margin-top: 0.9rem;}
.coltn .list .item1 ul li { display: flex; justify-content: space-between; padding: 0.75rem 0;align-items: center;}
.coltn .list .item1 ul li + li { border-top: 1px dashed #d9dbdf;}
.coltn .list .item1 ul li p { width: calc(100% - 11.5rem); font-size: 0.9rem; color: #111;}
.coltn .list .item1 ul li .btn_list { width: 11.5rem; display: flex; justify-content: space-between; }
.coltn .list .item1 ul li .btn_list a { width: 3.5rem; border-radius: 2rem; font-size: 0.75rem; color: #fff; text-align: center; line-height: 1.4rem; }
.coltn .list .item1 ul li .btn_list a.cl_bl { background: #0d5ed7;}
.coltn .list .item1 ul li .btn_list a.cl_sk { background: #009aea;}
.coltn .list .item1 ul li .btn_list a.cl_gr { background: #00ae5a;}
.coltn .list .item2 ul{ margin-top: 1.5rem;} 
.coltn .list .item2 ul li a { display: block; padding: 0.6rem 1.2rem; font-size: 0.9rem; color: #111; border-radius: 0.5rem; transition: all 0.2s; position: relative;}
.coltn .list .item2 ul li a i { position: absolute; right: 0.85rem; top:50%; transform: translateY(-50%); color: #abb5c8;}
.coltn .list .item2 ul li:nth-child(2) a i { color: #9ab2be;}
.coltn .list .item2 ul li:nth-child(1) a { background: #e6ecf8;}
.coltn .list .item2 ul li:nth-child(2) a { background: #e0f0f9; margin-top: 0.7rem;}
.coltn .list .item3 ul { margin-top: 0.7rem;}
.coltn .list .item3 ul li + li { border-top: 1px dashed #d9dbdf;}
.coltn .list .item3 ul li a{ display: block; padding: 0.85rem 0; font-size: 0.9rem; color: #333; position: relative;}
.coltn .list .item3 ul li a em{ font-weight: 600;}
.coltn .list .item3 ul li a i { font-size: 1.2rem; color: #a2adb2; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all 0.2s;}
.coltn .list .item4 ul { display: flex; justify-content: space-between; margin-top: 0.8rem; flex-wrap: wrap;}
.coltn .list .item4 ul li { width: 48.6%; }
.coltn .list .item4 ul li a { display: block; border-radius: 0.5rem; font-size: 0.85rem; color: #333; line-height: 1.2rem; display: flex; padding: 0.6rem 0.4rem;align-items: center; }
.coltn .list .item4 ul li:nth-child(1) a { background: #f4f4f4;}
.coltn .list .item4 ul li:nth-child(2) a { background: #ffefef;}
.coltn .list .item4 ul li:nth-child(3) a { background: #edfdf1; margin-top: 0.5rem;}
.coltn .list .item4 ul li:nth-child(4) a { background: #fffbda; margin-top: 0.5rem;}
.coltn .list .item4 ul li a img { display: block; width: 1.85rem; transition: all 0.4s;}
.coltn .list .item4 ul li a span { display: block; width: calc(100% - 1.85rem);padding-left: 0.3rem;}
/* 바로가기 모음:active */
.coltn .list .item2 ul li:nth-child(1) a:hover,
.coltn .list .item2 ul li:nth-child(1) a:focus { background: #bfc6d6;}
.coltn .list .item2 ul li:nth-child(2) a:hover,
.coltn .list .item2 ul li:nth-child(2) a:focus { background: #b8cad4;}
.coltn .list .item3 ul li a:hover i, 
.coltn .list .item3 ul li a:focus i { transform: translateX(5px) translateY(-50%);}
.coltn .list .item4 ul li a:hover img,
.coltn .list .item4 ul li a:focus img { transform: rotateY(360deg);}

/* 바로가기2 */ 
.link2 ul { display: flex; justify-content: space-between; padding-right: 4.5rem;}
.link2 ul li a { display: block; text-align: center;}
.link2 ul li a img { transition: all 0.4s;}
.link2 ul li a p { font-size: 0.9rem; color: #111; font-weight: 500; margin-top: 0.4rem;}
/* 바로가기2:active */
.link2 ul li a:hover img,
.link2 ul li a:focus img { transform: rotateY(360deg);}

/* 공지사항 */
.notice { position: relative; background: #005090; border-radius: 0.75rem; padding: 1.1rem 1.7rem 2rem; z-index: 2; } 
.notice h3.tit { font-size: 1.3rem; color: #fff; font-weight: 600; margin-bottom: 1.7rem;}
.notice .btn_more { font-size: 1.5rem; color: #Fff; position: absolute; top: 0.9rem; right: 1.7rem; transition: all 0.2s;}
.notice ul { min-height: 8.4rem;}
.notice ul li:nth-child(n+5) { display: none;}
.notice ul li + li { margin-top: 0.8rem;}
.notice ul li a { display: block; color: #fff; position: relative;}
.notice ul li a p { width: calc(100% - 5.5rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem;position: relative;} 
.notice ul li a.new p::before { content: 'N'; background: #ffa200; border-radius: 50%; line-height: 1.1rem; display: block; width: 1.1rem; height: 1.1rem; text-align: center; position: absolute; left: 3.85rem; top: calc(50% - 0.55rem); color: #fff; font-size: 0.7rem;}
.notice ul li a p span { display: inline-block; font-size: 0.75rem; line-height: 1.5rem; background: #fff; text-align: center; width: 3rem; border-radius: 2rem; margin-right: 0.9rem;}
.notice ul li a.new p span { margin-right: 2.1rem;}
.notice ul li a p span.cfn1 { color: #0d5ed7;}
.notice ul li a p span.cfn2 { color: #009aea;}
.notice ul li a p span.cfn3 { color: #005090;}
.notice ul li a em { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: "Montserrat";}
.notice ul li.no_data { text-align: center; color: #fff; line-height: 10rem;}
/* 공지사항:active */
.notice ul li a:hover p,
.notice ul li a:focus p { text-decoration: underline;}
.notice .btn_more:hover,
.notice .btn_more:focus { transform: rotate(90deg);}

/* 입시상담 251125 수정*/
.counsel { margin-top:1.6rem;  }
.counsel h3.tit { font-size: 1.3rem; color: #111; font-weight: 600; margin-bottom: 1.4rem;}
.counsel .cont{ position: relative; padding-left: 6.6rem;}
.counsel .cont .img { position: absolute; left: 0; top: 0;} 
.counsel .cont ul li + li { border-top: 1px dashed #d3d5da; margin-top: 0.85rem; padding-top: 1.3rem;}
.counsel .cont ul li.top { display: flex; align-items: center; padding-left: 0.5rem;}
.counsel .cont ul li.top p:nth-child(1) { font-size: 1.3rem; color: #006cb2; font-family: 'Montserrat'; font-weight: 700;}
.counsel .cont ul li.top p:nth-child(1) span { display: inline-block; width: 4.5rem; border-radius: 2rem; line-height: 1.6rem; text-align: center; color: #fff; background: linear-gradient(to right, #00a8b2, #0072aa); font-size: 0.9rem; font-weight: 600; vertical-align: bottom;}
.counsel .cont ul li.top p:nth-child(2) { position: relative; margin-left: 1.4rem; padding-left: 1.2rem; font-size: 0.9rem; color: #333; }
.counsel .cont ul li.top p:nth-child(2)::before { position: absolute; content: ''; display: block; width: 3px; height: 0.75rem; border-radius: 1rem; transform: rotate(20deg); left: -5px; top: calc(50% - 0.325rem); background-color: #cbced4;}
.counsel .cont ul li.bot p { position: relative; padding-left: 0.5rem;float: left; font-size: 0.9rem; color: #111;}
.counsel .cont ul li.bot p:nth-child(2n - 1) { margin-left: 0.8rem;}
.counsel .cont ul li.bot p:nth-child(n+3) {margin-top:0.5rem;}
.counsel .cont ul li.bot p::before { position: absolute; left: 0; top: calc(50% - 2.5px); content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #bec2c9;} 
.counsel .cont ul li.bot p span { display: inline-block; color: #666; font-size: 0.9rem; font-family: 'Montserrat'; margin-left: 1.2rem;}
.counsel .cont ul li.bot p + p { margin-left: 1.8rem;}
/* 입시상담:active */
 
/* 스쿨 */
.school { position:relative; width:100%; color: #fff; z-index: 0;}
.school h2{ width:calc(100% - 12rem); color:#fff; font-size: 1.6rem; font-weight: 600;}
.school h2 em { font-family: 'Montserrat'; font-weight: 300;}
.school h2 span { font-weight: 300; font-size: 0.9rem;}
/* .school .slider{ flex:1; min-width:0px;} */
.school .slider {margin-top: 3.5rem;width: calc(100% + 2rem);margin-left: -1rem;}
.school .item {position: relative;height: 13rem;padding: 0 1rem; transition: all 0.3s;}
.school .item a { display: block;padding-bottom: 1rem; height: calc(100% + 1rem);}
.school .slick-current + .slick-slide { transform: translateY(2rem);}
.school .slick-track  {padding-bottom: 3rem;}
.school .item .img { width: 16rem; height: 13rem; border-radius: 1rem; overflow: hidden; font-size: 0;}
.school .item .img img { width: 100%; height: 100%;} 
.school .item .txt .tit { display: inline-block; line-height: 2rem; padding: 0 1rem; color: #000; background: #bae6b3; border-radius: 2rem; font-size: 1rem; position: absolute; bottom: -1rem; left: 2rem;}
.school .item .txt .det { width: 100%; height: 5rem; overflow: hidden; color: #333; line-height: 1.25rem; display: none; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden;} 
.school .item a.co1 .txt .tit { background: #bae6b3;}
.school .item a.co2 .txt .tit { background: #ffd164;}
.school .item a.co3 .txt .tit { background: #00b9c9;}
.school .item a.co4 .txt .tit { background: #ffbcd4;}
.school .item a.co5 .txt .tit { background: #ebd4ff;}
.school .item a.co6 .txt .tit { background: #d4e9ef;}
.school .item a.co7 .txt .tit { background: #ffbe97;}
.school .item .txt em { color:#333; display: none; font-weight: 500;}
.school .item .txt em i { color: #6b6e70;}
.school .control { position: absolute; top: 0; right: 0; display: flex;}
.school .control a { display: block; margin:0 0.25rem; font-size: 1rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; text-align: center; line-height: 2.5rem; color: #000; transition: all 0.3s; }
.school .control a.play { display: none; }
.school .item a:hover p em,
.school .item a:focus p em{ background-size:100% 100%;}
.school .no_data{ flex:1; text-align: center; font-size:1rem; line-height:21rem;}
.school a.btn_more { display: flex; justify-content: space-between; width: 6.5rem; padding: 0 1rem; line-height: 2.5rem; background: #fff; font-size: 0.9rem; color: #000; border-radius: 2rem;align-items: center}
/* 스쿨:active */
.school .btn_more i { font-size: 1rem;}
.school a:hover,
.school a:focus { color: #005090;} 
.school .item .img,
.school .item .img img,
.school .item .txt,
.school .item .txt .tit,
.school .item .txt .det,
.school .item .txt em,
.school .item .txt em i { transition: all 0.35s;}  

.school .item a.co1:hover .img { background: #bae6b3;}
.school .item a.co2:hover .img { background: #ffd164;}
.school .item a.co3:hover .img { background: #00b9c9;}
.school .item a.co4:hover .img { background: #ffbcd4;}
.school .item a.co5:hover .img { background: #ebd4ff;}
.school .item a.co6:hover .img { background: #d4e9ef;}
.school .item a.co7:hover .img { background: #ffbe97;}

.school .item a:hover .img img { display: none;}
.school .item a:hover .txt { position: absolute; left: 1rem; top: 0; background: #fff; border-radius: 1rem 1rem 7rem 1rem; box-shadow: 6px 6px 9px rgba(8,64,94,0.15); width: calc(100% - 3rem); height: 100%; padding: 1.9rem 1.5rem;}
.school .item a:hover .txt .tit { position: relative; background: none !important; line-height: 1; padding: 0; font-size: 1.1rem; font-weight: 600; left: auto; bottom: auto;}
.school .item a:hover .txt .det { display: -webkit-box; margin: 1rem 0;}
.school .item a:hover .txt em { display: block;}
.school .item a .txt em:hover i { transform: translateX(5px);}

/* 홍보영상 */ 
.movie .top_btn { display: block; position: relative;}
.movie .top_btn .tit { font-family: 'Montserrat'; font-size: 1.1rem; color: #fff; width: 8.5rem; text-align: center; line-height: 2.5rem; background: linear-gradient(to right, #00b1b3, #0068a9); border-radius: 2rem; position: absolute; top: 1.35rem; right: -0.7rem; box-shadow: -1px 3px 6px rgba(0,0,0,0.26);}
.movie .top_btn .img {border-radius: 1.5rem;height: 12.4rem;overflow: hidden;font-size: 0;text-align: center;}
.movie .top_btn .img::before {content: '';display: block;width: 100%;height: calc(100% - 3.6rem);background: rgba(7,19,38,0.4) url(/images/web/iphak/main/movie_play.png) no-repeat center;position: absolute;left: 0;top: 0;border-radius: 1.5rem;transition: all 0.2s;}
.movie .top_btn .img img {transition: all 0.2s;width: auto;height: 100%;}
.movie .movie_btn {display: block;line-height: 3rem;text-align: center;font-size: 1rem;color: #111;background: #fff;border-radius: 3rem;border: 1px solid #cad2df;box-shadow: -1px 3px 6px rgba(74,91,99,0.15);font-weight: 500;margin-top: 0.5rem;transition: all 0.2s;}
.movie .link { position: relative; display: flex; background: #dcf2f2; border-radius: 1.5rem; padding: 2rem 1.4rem; margin-top: 1.9rem;}
.movie .link p { font-size: 1.2rem; font-weight: 600; color:#007c87; margin-left: 1rem;}
.movie .link p em { font-size: 0.9rem; font-weight: 500; color:#2e2e2e; }
.movie .link i { display: block; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #fff; text-align: center; line-height: 2.25rem; color: #007b86; font-size: 1.2rem; box-shadow: 0 0 8px rgba(129,224,222,0.4); position: absolute; top: calc(50% - 1.125rem); right: 1.5rem; transition: all 0.3s;}

/*홍보영상 2 250723 추가*/
.movie + .movie {margin-top:1rem}

/* 홍보영상:active */
.movie .top_btn:hover .img,
.movie .top_btn:focus .img { background: rgba(0,0,0,0.2);}
.movie .top_btn:hover .img img,
.movie .top_btn:focus .img img { transform: scale(1.1);}
.movie .top_btn:hover .img::before,
.movie .top_btn:focus .img::before { background-color: transparent;}
.movie .top_btn:hover .movie_btn,
.movie .top_btn:focus .movie_btn { background: #00a7b2; color: #fff;}
.movie .link:hover i,
.movie .link:focus i {background: #007b86; color: #fff;}

.video-popup.reveal {display: flex;position: fixed;top: 0;left: 0;right: 0;bottom: 0;justify-content: center;align-items: center;z-index:9999;}
.video-popup .video-wrapper {position: relative;width: 50%;padding-bottom: 28.125%;z-index: 10;}
.video-popup .video-wrapper iframe {position: absolute;width: 100%;height: 100%;}
.video-popup.reveal .video-popup-closer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);z-index: 9;}

/* anchors */
#anchors{ position:fixed; left:1.5rem; top:calc(50% - 4rem); z-index: 99; }
#anchors li + li{ margin-top:2rem;}
#anchors li a{ position:relative; display: block; width:9px; height:9px; border-radius:50%; background:#fff; box-shadow: 3px 3px 6px rgba(1,73,102,0.39); font-weight: 600;}
#anchors li a span {color: #fff;font-family: 'Montserrat';position: absolute;left: 16px;top: -6px;} 
#anchors li.active a{ background:linear-gradient(131deg, rgba(0, 239, 231, 1) 0%, rgba(0, 162, 255, 1) 100%);}
.fp-viewing-section1 #anchors li:nth-child(2) a span,
.fp-viewing-section1 #anchors li:nth-child(3) a span { display: none;}
.fp-viewing-section2 #anchors li:nth-child(1) a span,
.fp-viewing-section2 #anchors li:nth-child(3) a span { display: none;}
.fp-viewing-section3 #anchors li:nth-child(1) a span,
.fp-viewing-section3 #anchors li:nth-child(2) a span { display: none;}
.fp-viewing-section2 #anchors li a span{ color: #11212c; }
#anchors a, 
#anchors a:before{ transition: all 0.3s;}

/* 사용자별 메뉴  */
.b_bg { position: fixed; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4); z-index: 100; top: 0; left: 0; display: none; transition: all 0.3s;}
.b_bg.on { display: block;}
.user_menu { width: 49rem; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 2rem; z-index: 101; display: none; transition: all 0.3s;}  
.user_menu.on { display: block;}
.user_menu .user_close { position: absolute; top: -2rem; right: 2rem; display: block; width: 3.8rem; height: 4.2rem; background: url(/images/web/iphak/main/user_close.png) no-repeat center / contain; text-align: center; line-height: 4.25rem; color: #fff; font-size: 1.5rem;}
.user_menu .user_close i{ transition: all 0.3s;}
.user_menu .titWrap{ text-align: center; background: url(/images/web/iphak/main/user_bg.png) no-repeat center / cover; padding: 2rem 0; border-radius: 2rem 2rem 0 0;}
.user_menu .titWrap h2{ position: relative; display: inline-block; font-size: 2rem; color: #fff; margin-bottom: 1rem;} 
.user_menu .titWrap h2::before { content: ''; display: block; width: 2.5rem; height: 2.5rem; background: url(/images/web/iphak/main/user_light.png) no-repeat center / contain; position: absolute; left: -2.5rem; top: -2rem;}
.user_menu .titTab ul{ font-size:0; line-height:0;}
.user_menu .titTab li {position:relative; display:inline-block; width: 8.5rem; text-align: center; vertical-align: top; white-space:nowrap; }
.user_menu .titTab li a::before{ content: ''; display: block; width: 1px; height: 0.75rem; background: #5071b4; position: absolute; left: 0; top: calc(50% - 0.375rem);}
.user_menu .titTab li.next-hide a::before { display: none;}
.user_menu .titTab li:nth-child(1) a::before{ display: none;}
.user_menu .titTab a { position:relative; display:block; line-height:2.5rem; font-size: 1rem; color: #fff; line-height: 2.5rem;}  
.user_menu .tabWrap { width: 100%; padding: 1.5rem 2.5rem 2.5rem 2.5rem;}
.user_menu .list_box { display: none; width:100%; }    
.user_menu .list_box.on{ display: block;}
.user_menu .list_box ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.user_menu .list_box li{ position:relative; width: 23.5%;} 
.user_menu .list_box li:nth-child(n+5) { margin-top: 1rem;}
.user_menu .list_box li a{ position:relative; display: block; height:8.5rem; z-index: 1; border: 1px solid #ddd; border-radius: 0.75rem; text-align: center; padding-top: 1.2rem; transition: all 0.2s;} 
.user_menu .list_box li a::before { content: ''; display: block; width: 100%; height: 100%; border: 2px solid #063494; border-radius: 0.5rem 2rem; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.2s;}
.user_menu .list_box li a img { display: block; margin:0 auto;} 
.user_menu .list_box li a span{ display: block; font-size: 0.85rem; color:#111; margin-top: 0.3rem;}
/* 사용자별 메뉴 : active */
.user_menu .titTab li a.current::before { display: none;}
.user_menu .titTab li a:focus,
.user_menu .titTab li a:hover,
.user_menu .titTab a.current { border-radius: 1.5rem; background: #fff; color: #111; font-weight: 600; box-shadow:3px 3px 15px rgba(0,0,0,0.36); }
.user_menu .user_close:hover i,
.user_menu .user_close:focus i { transform: rotate(180deg);}
.user_menu .list_box li a:hover,
.user_menu .list_box li a:focus { border-color: transparent;}
.user_menu .list_box li a:hover::before,
.user_menu .list_box li a:focus::before { opacity: 1;}
.user_menu .list_box li a:hover span,
.user_menu .list_box li a:focus span { font-weight: 600;}

@media screen and (max-height: 800px) {
    #anchors{ display: none;}

}
 
@media screen and (max-width: 1820px){

    /* 메인비주얼 */
    .MVisual .guide{ right:3rem; }

}

@media screen and (max-width: 1660px){
    /* 메인비주얼 */
    .MVisual .control { right: 3rem; left: auto;}

    /* 스쿨 */
    .school .item .img {width: 100%; height: 100%; background: rgba(0,0,0,0.2);} 
    .school .item .img img { width: auto; height: 100%;position: relative;transform: translateX(-50%);left: 50%;}
    .school .item a:hover .txt {width: calc(100% - 2rem);height: 100%;padding: 1.5rem 1.2rem; left: 1rem;} 

    /* 바로가기2 */ 
    .link2 ul li a p { font-size: 0.85rem; padding: 0 0.1rem;}
}

@media screen and (min-width: 1281px) and (max-width: 1800px){
    .sec2_top h3.tit { width: 60%;}
    /* 바로가기 모음 */ 
    .coltn .list .item {width: 49%; padding: 1.5rem 1rem 0 1rem;height: 15rem; }
    .coltn .list .item:nth-child(n+3) {margin-top: 1rem;}
    .coltn .list .item1 ul li .btn_list {width: 10.7rem; }

    /* 바로가기2 */ 
    .link2 ul { padding-right: 0;} 

    /* 입시상담 */
    .counsel .cont ul li.top { align-items: flex-start; flex-direction: column;}
    .counsel .cont ul li.top p:nth-child(2) { margin-left: 0; padding-left: 0; margin-top: 0.5rem;}
    .counsel .cont ul li.top p:nth-child(2)::before { display: none;}
    .counsel .cont ul li.bot p { float: none;}
    .counsel .cont ul li.bot p:nth-child(1) { margin-left: 0;}  
    .counsel .cont ul li.bot p + p { margin-left: 0;}

    /* 스쿨 */
    .school .control {position: absolute;top: 2.4rem;right: 0;display: flex;}
}
@media screen and (min-height: 670px) and (max-height: 800px) {

    .MVisual .control {top: auto; bottom: 15rem;} 

    .sec2_top {padding-top: 1.5rem;}
    .MC_wrap2 .cont_wrap .content { margin-top: 1.3rem;}
    .coltn .list .item { padding: 0.6rem 1rem 0 1rem;height: 11.9rem;}
    .notice ul {min-height: 6.1rem;}
    .notice ul li:nth-child(n+4) { display: none;}
    .counsel {margin-top: 1.1rem;}
}

@media screen and (max-width: 1280px){
    #anchors{ display: none;} 

    /* 메인비주얼 */
    .MVisual{ height:30rem;}
    .MVisual .slogan{ left:0.5rem; max-width:calc(100% - 1rem);} 
    
    .notice h3.tit {font-size: 1.1rem; }
    .counsel h3.tit {font-size: 1.1rem; }
    
    /* 바로가기1 */
    .M_link1{ padding:0 1rem;} 
    .M_link1 ul { padding-top: 1rem;}
    .M_link1 li a .img { background: #f1f4f9;}
    .M_link1 li a span { color: #111;}
    .M_link1 .control a.prev {left: 0;}
    .M_link1 .control a.next { right:0;}

    /* 바로가기2 */ 
    .link2 ul {padding-right:0;}

    /* 스쿨 */
    .school h2 { font-size: 1.4rem;}
    .school h2 span { display: none;}
    .school .slider {margin-top: 1.5rem; } 
   .school .control a { margin: 0 0.1rem; width: 2rem; height: 2rem; font-size: 1rem; line-height: 2rem; }
    .school a.btn_more { width: 5.8rem; padding: 0 0.7rem; font-size: 0.8rem; }
 
    .sec2_top h3.tit::before { max-width: 3rem; left: -1rem;}
    .sec2_top h3.tit { width: 49%; font-size: 1.3rem; line-height: 2rem; padding-left: 1rem;}

    /* 바로가기 모음 */
    .coltn .list .item { width: 49.3%;}
    .coltn .list .item:nth-child(n+3) {margin-top: 0.8rem;}
 
    /* 입시상담 251125*/
    .counsel .cont { padding-left: 0;}
    .counsel .cont .img { display: none;}
    .counsel .cont ul li.bot { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .counsel .cont ul li.bot p { width: 48.5%; display: flex;justify-content: space-between;}
    .counsel .cont ul li.bot p:nth-child(2n - 1) { margin-left: 0rem;}
    .counsel .cont ul li.bot p:nth-child(n+3) { margin-top: 0.5rem; display: flex;}
    .counsel .cont ul li.bot p + p {margin-left: 0;}
    .counsel .cont ul li.bot p span { margin-left: 0; color: #111;}

    /* 홍보영상 */ 
    .movie .top_btn .img::before { height: calc(100% - 3.6rem); }
    .movie .link { padding: 1.4rem; margin-top: 1rem;}
    .movie .link p {font-size: 1rem; }
    .movie .link p em { font-size: 0.8rem; }
    .movie .movie_btn { line-height: 2.5rem; font-size: 0.9rem; margin-top: 1rem;}

    /* 사용자별 메뉴  */
    .user_menu { width: 97vw; border-radius: 1.5rem;}
    .user_menu .titWrap{ padding: 1rem 0;border-radius: 1.5rem 1.5rem 0 0;}
    .user_menu .titWrap h2{font-size: 1.5rem; margin-bottom: 0.5rem;} 
    .user_menu .titWrap h2::before { top: -1rem;}
    .user_menu .titTab li { width: 5.5rem; } 
    .user_menu .titTab a { font-size: 0.9rem; line-height: 1.9rem;} 
    .user_menu .tabWrap { padding: 1.5rem 1.5rem 2rem 1.5rem;}
    .user_menu .list_box li a::before {border-radius: 0.5rem 1rem; }
    .user_menu .list_box li a { padding-top: 0.5rem;}
} 
 
@media screen and (max-width: 1279px) and (min-width:1025px){
    /* 입시상담 */
    .counsel .cont ul li + li { margin-top: 0.45rem;padding-top: 0.5rem;}  
    .counsel .cont ul li.top p:nth-child(2) { margin-left: 1rem;padding-left: 0.6rem;}
    .counsel .cont ul li.bot { flex-direction: column;}
    .counsel .cont ul li.bot p { width: 100%;}
    .counsel .cont ul li.bot p:nth-child(n+2) { margin-top: 0.3rem;}
}
@media screen and (max-width: 1024px){

	.notice ul { min-height: auto;}

	.video-popup .video-wrapper { width: 90%;padding-bottom: 51.125%; }
} 

@media screen and (max-width: 920px){
    .sec2_top h3.tit { display: none;}
 
    /* 바로가기2 */
    .link2 { background: #edf2f8; border-radius: 0.5rem; padding: 0.6rem;}
    .link2 ul {display: flex;padding: 0 0.5rem;} 
    .link2 ul li { display: inline-block;} 
    .link2 ul li a { padding-left: 0.5rem; position: relative;}
    .link2 ul li a::before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: calc(50% - 2px); left: 0;}
    .link2 ul li:nth-child(1) a::before { background: #ffd054;}
    .link2 ul li:nth-child(2) a::before { background: #27c690;}
    .link2 ul li:nth-child(3) a::before { background: #7a60f7;}
    .link2 ul li:nth-child(4) a::before { background: #49a5ee;}
    .link2 ul li a img { display: none;}
    .link2 ul li a p { margin-top: 0; line-height: 1.5rem; text-align: left;}

    /* 스쿨 */
    .school .slick-current + .slick-slide { transform: none;}

    /* 홍보영상 */ 
    .movie .top { height: 14rem;}
    .movie .top .tit { font-size: 0.9rem; width: 7rem; line-height: 2rem; top: 1rem; }
    .movie .top .img {height: 100%;}
    .movie .top .img img { position: relative; left: 50%; transform: translateX(-50%); z-index: -1;height: 100%; width: auto;}
    .movie .top_btn .img {height:15.7rem;}

}

@media screen and (max-width: 860px){

  
}

@media screen and (max-width: 768px){
    .notice h3.tit,
    .counsel h3.tit {font-size: 1rem; margin-bottom: 0.7rem; font-weight: 700;}

    /* 메인비주얼 */
    .MVisual{ height:20rem;} 
    .MVisual .control{top: auto; bottom: 1rem; right: 0;}  
    .MVisual .control > a{ margin: 0 0.6rem; }  
    .MVisual .control > a > img { max-width: 2rem;}
    .MVisual .control > a::before { width: 3.75rem;height: 3.75rem; left: calc(50% - 1.875rem);top: calc(50% - 1.875rem); } 
    .MVisual .guide{ right:1rem; top:8.5rem; width:4rem; height:4rem; }
    .MVisual .guide:before{ width:4.85rem; height:4.85rem;  }
    
    /* 바로가기 모음 */
    .coltn .list { flex-direction: column;}
    .coltn .list .item { width: 100%; height: auto; padding: 1rem 1.2rem;}
    .coltn .list .item:nth-child(n+2) { margin-top: 1rem;}
    .coltn .list .item .sTit { font-size: 0.9rem; font-weight: 600;}
    .coltn .list .item1 ul { margin-top: 0.2rem;}
    .coltn .list .item1 ul li { padding: 0.35rem 0; } 
    .coltn .list .item1 ul li p { width: calc(100% - 10.9rem); font-size: 0.8rem; }
    .coltn .list .item1 ul li .btn_list { width: 10.9rem; }
    .coltn .list .item2 ul{margin-top: 0.8rem; display: flex; justify-content: space-between;} 
    .coltn .list .item2 ul li {width: 49%;} 
    .coltn .list .item2 ul li a { font-size: 0.8rem;}
    .coltn .list .item2 ul li:nth-child(2) a { margin-top: 0;}
    .coltn .list .item3 ul li a { font-size: 0.8rem; padding: 0.5rem 0;}
 
    /* 공지사항 */
    .notice {padding: 1.1rem 1rem;}
    .notice ul li a p { width: 100%;}
    .notice ul li a em { display: none;}
    .notice .btn_more { right: 1rem;}

    .school h2 { font-size: 1.2rem;}
    .school .item .txt .tit { font-size: 0.8rem; } 
    .school .item a:hover .txt p { font-size: 0.9rem; }

    /* 입시상담 */
    .counsel .cont ul li.top p:nth-child(1) {font-size: 1rem; }
    .counsel .cont ul li.top p:nth-child(1) span { font-size: 0.8rem; }

    /* 홍보영상 */ 
    .movie .link img { max-width: 3rem;}



}

@media screen and (max-width: 640px){
    /* 메인비주얼 */
    .MVisual .control{ right: 1rem;width: auto;}  
    .MVisual .control > a{margin: 0 0.3rem;}  
    .MVisual .control > a > img { max-width: 1.8rem;}
    .MVisual .control > a::before {width: 3rem;height: 3rem;left: calc(50% - 1.5rem);top: calc(50% - 1.5rem);}   
 
    /* 바로가기2 */ 
    .link2 ul { flex-wrap: wrap;}
    .link2 ul li { width: calc(100% / 3);}

    /* 홍보영상 */ 
    .movie .top_btn .tit { font-size: 1rem; width: 7rem; line-height: 2rem; top: 0.75rem; }

    /* 사용자별 메뉴  */
    .user_menu .list_box ul {justify-content: center;max-height: 50vh;overflow-y: auto;}
    .user_menu .list_box li{ width: 31%; margin: 0.2rem;} 
    .user_menu .list_box li:nth-child(n+5) { margin-top: 0;}
}

@media screen and (max-width: 540px){
    /* 입시상담 */
    .counsel .cont ul li + li { margin-top: 0.45rem;padding-top: 0.5rem;}  
    .counsel .cont ul li.bot { flex-direction: column;}
    .counsel .cont ul li.bot p { width: 100%;}
    .counsel .cont ul li.bot p:nth-child(n+2) { margin-top: 0.3rem;}
 
    /* 바로가기2 */ 
    .link2 ul li { width: calc(100% / 2);}

    .coltn .list .item2 ul{flex-wrap: wrap;} 
    .coltn .list .item2 ul li {width: 100%;}  
    .coltn .list .item2 ul li:nth-child(2) a { margin-top: 0.3rem;}
}


@media screen and (max-width: 420px){
 

    /* 바로가기 모음 */
    .coltn .list .item1 ul li {flex-direction: column; align-items: flex-start}
    .coltn .list .item1 ul li p { width: 100%;}
    .coltn .list .item1 ul li .btn_list { margin-top: 0.3rem;}
    .coltn .list .item4 ul { flex-direction: column;} 
    .coltn .list .item4 ul li {width: 100%;}
    .coltn .list .item4 ul li:nth-child(n+2) a { margin-top: 0.3rem;}

    /* 바로가기1 */
    .M_link1 li a .img { width: 4rem; height: 4rem; margin-bottom: 0.5rem;}
    .M_link1 li a .img img { max-width: 3rem; }

    /* 스쿨 */
    .school h2 { margin-bottom: 2.5rem; width: 100%;}
    .school .control { top: 1.5rem; }

    /* 입시상담 */
    .counsel .cont ul li.top { padding-left: 0; align-items: flex-start; flex-direction: column;}
    .counsel .cont ul li.top p:nth-child(2) {margin-left: 0; padding-left: 0; margin-top: 0.5rem;}    
    .counsel .cont ul li.top p:nth-child(2)::before { display: none;}

    /* 홍보영상 */ 
    .movie .top_btn .img img { width: 100%;height: auto;}

    /* 사용자별 메뉴  */
    .user_menu .tabWrap { padding: 1rem 1rem 1.5rem 1rem;}
    .user_menu .list_box ul {justify-content: space-between;}
    .user_menu .list_box li{width: 48.5%;margin: 0;} 
    .user_menu .list_box li:nth-child(n+3){margin-top: 0.5rem;} 
    .user_menu .user_close { right: 1rem; width: 2.5rem; font-size: 1rem; }
 
}

@media screen and (max-width: 380px){  
    .movie .top_btn .img {height: auto;}

}

@media screen and (max-width: 340px){  
    /* 바로가기2 */ 
    .link2 ul li { width: 100%;}
}