@font-face {
    font-family: 'SBAggroB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PyeongChangPeace';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

 .inbox{width:1500px; margin:0 auto;}
 
 
 
 
 
 .header{ }
  .header .inbox{position:relative;padding: 25px 0 0;}
 .header h1{width:250px; margin: 0 auto;}
 .header h1 a{display:block; height:40px; background:url(/images/logo.png) no-repeat 50%;}
 
 .gnb{text-align:center;padding:25px 0 22px;}
 .gnb li{display:inline-block; margin:0 30px; color:#585858; font-size:18px;}
 
 
 .sns{position:absolute; top:50%; left:0; margin-top:-30px; font-size:0;}
 .sns a{display:inline-block; width:60px; height:60px; margin-right:12px;}
 
 .yt{background:url(/images/icon_y.png) no-repeat 50%;}
 .insta{background:url(/images/icon_i.png) no-repeat 50%;}
 .fb{background:url(/images/icon_f.png) no-repeat 50%;}
 
 .blog{position:absolute;top:50%;right:0;font-size:0;margin-top: -56px;text-align: right;}
 .blog a{display:inline-block;margin-left:5px;margin-bottom: 5px;}
 
 
 .visual{position:relative;z-index:1;background-color:#000;height: 1000px;overflow:hidden}
 .visual iframe{position:absolute;top: -40px;left: 50%;width: 2100px;height: 1080px;margin-left: -1050px}
 .visual>span{position:absolute;top: -40px;left: 50%;margin-left: -1050px;width:2100px;height:1080px;z-index:2; content:'';background:url(https://i.vimeocdn.com/video/1639623215-59941be050736a7aab9e636a2dff3d8bf773f3bcc120c6be94a10a45b5fc677f-d?mw=1920&mh=1080) no-repeat 50%; background-size:cover !important}
 .visual::before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;/* background-color:#000; */opacity: 0.2;content:''}
 .visual .inbox{height:800px;}
 .bg_list{position:absolute; top:0; left:0; height:100%; flex: 0 0 auto;     display: flex; flex-direction: row; align-items: center; white-space: nowrap; -webkit-animation: loop 250s infinite linear 1s both; animation: loop 250s infinite linear 1s both; }
 .bg_list span{ display: flex; height:100%; width:5000px; background:url(/images/visual_list.png) no-repeat 50%;}
 
 .v_con{position:relative; height:800px; background:url(/images/visual_1.png) no-repeat 50%;z-index:10}
 
 .contents{padding-top:150px;}
 .pass_list1 li{margin-bottom:50px;}
 
 .pass_list2{padding: 40px 0;background: url(/images/list_bg.png) repeat 0 0;}
 .pass_list2 li{position:relative;width:100%;padding-left: 235px;background: url(/images/pass_bg2.png) no-repeat 50%;cursor:pointer;margin-bottom:20px;}
 .pass_list2 li a{position:absolute; top:0; left:0; width:100%; height:100%;}
 .pass_list2 li h5{color: #000;font-size: 40px;height: 120px;line-height: 132px;width: 100%;font-family: 'SBAggroB', sans-serif;}
 .pass_list2 li h5 span{display:inline-block;text-align: center;vertical-align: top;font-size: 50px;}
 .pass_list2 li h5 .pass1{width:480px;font-family: 'PyeongChangPeace',sans-serif;color: #000;line-height: 120px;}
 .pass_list2 li h5 .pass2{width:490px;font-family: 'SBAggroB',sans-serif;color: #ff7951;line-height: 110px;margin-right: 15px;}
 .pass_list2 li h5 strong{color: #000;font-size:50px;}
 .pass_list2 li div{position:absolute;top: 3px;left: 73px;height: 120px;line-height: 120px;color: #000;font-size: 24px;font-weight: bold;font-family: 'SBAggroB', sans-serif;}
 .pass_list2 li div span{font-weight:bold;}
 
 
 .news{ padding-bottom:100px}
.news ul{margin: 0 -20px;}
.news li{position:relative;width: 730px;margin: 0 20px 50px;float:left; }
.news li a{display:block; overflow:hidden; width:730px; height:730px}
.news li:hover img{transform: scale(1.1);}

 
 .tc_int{position:relative; background:url(/images/con1.png) no-repeat 50%;}
 .tc_int>a{position:absolute; top:0; left:0; width:100%; height:100%;}
 .tc_int .inbox{position:relative; height:500px; padding-top:30px}
 .tc_int .inbox>span{position:relative; display:block; height:151px;}
 .tc_int .icon1{left:115px; width:493px; background:url(/images/con1_t1.png) no-repeat 50%;}
 .tc_int .icon2{left:0; width:493px; background:url(/images/con1_t2.png) no-repeat 50%;}
 .tc_int .icon3{left:20px; width:554px; background:url(/images/con1_t3.png) no-repeat 50%;}
 
 
 .teachers{padding-top:500px; background:url(/images/con2_bg.png) no-repeat 50% 0;}
 .teachers .inbox{position:relative;}
 .teachers .subs{position:absolute; top:-160px; right:0; display:block; width:70px; height:40px; line-height:42px; color:#fff; font-size:16px; text-align:center; background-color:#cc0000; color:#fff; border-radius:3px;}
 
 .teachers ul{margin:0 -15px;}
 .teachers li{float:left; width:480px; padding:30px; margin: 0 15px 30px; background-color:#efefee}
 .teachers li div{padding-left:149px;}
 .teachers li div>span{display:block; color:#181818; font-size:20px; font-family:'Vitro_core', sans-serif; padding-left:12px; height:40px; line-height:40px; border-bottom:1px solid #181818}
 .teachers li div h5{color:#1a7d94; font-size:28px; padding:15px 0 15px 15px; font-family:'Vitro_core', sans-serif; letter-spacing:0}
 .teachers li.t6 h5{font-size:23px}
 .teachers li div p{padding-left:15px; color:#181818; font-size:20px; margin-bottom:15px}
 .teachers li div a{display:block; width:259px; height:53px; background:url(/images/con2_go.png) no-repeat 50%; margin-left:15px}
 
 .teachers li.t1 div{background:url(/images/con2_t1.png) no-repeat 0 0;}
 .teachers li.t2 div{background:url(/images/con2_t2.png) no-repeat 0 0;}
 .teachers li.t3 div{background:url(/images/con2_t3.png) no-repeat 0 0;}
 .teachers li.t4 div{background:url(/images/con2_t4.png) no-repeat 0 0;}
 .teachers li.t5 div{background:url(/images/con2_t5.png) no-repeat 0 0;}
 .teachers li.t6 div{background:url(/images/con2_t6.png) no-repeat 0 0;}
 
 .tit1{color:#264252; font-size:60px; font-family:'Vitro_core',sans-serif; text-align:center}
 .tit1 span{color:#c61f26;}
 
 .tit2{color:#fff; font-size:60px; font-family:'Vitro_core',sans-serif; text-align:center;}
 
 .yt_list{padding:150px 0;}
 
 .sns_slide{margin-top:50px;}
 .sns_slide li{width:480px; height:270px; margin:0 25px; overflow:hidden}
 .sns_slide li a{display:block; height:270px;}
 .sns_slide li:hover a{transform: scale(1.1);}
 .sns_slide li .sns_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
 .blog_slide .swiper-pagination{margin-top:30px;}
 
 .jijum_list{padding:150px 0; background:url(/images/con3_bg.png) no-repeat 50%;}
 .jijum_list h3{margin-bottom:45px}
 
 .map {height:500px;}
 
 .jijum_cate{text-align:center;font-size:0;margin: 0 -12px;/* margin-bottom:20px; */}
 .jijum_cate span{display:inline-block;width: 231px;height:60px;line-height:60px;color:#fff;border:1px solid #fff;text-align:center;font-size:20px;margin: 0 12px 24px;cursor:pointer;vertical-align: middle;word-break: keep-all;}
 .jijum_cate span.active{background-color:#fff; color:#1a7d94}
 .jijum_cate span.line2{line-height: 1.2em; padding: 5px 0;}
 
 
 .mapbox{background-color:#fff;}
 .mapbox>div{float:left; height:500px; width:50%;}
 .map{}
 .jijum_con{overflow:hidden}
 .jijum_con>img{position:relative; width:100%;}
 .jijum_con div{position:relative; padding:40px 35px;}
 .jijum_con div>a{position:absolute; top:35px; right:35px;}
 .jijum_con h5{color:#181818; font-size:35px; font-family:'Vitro_core',sans-serif; margin-bottom:35px;}
 .jijum_con li{color:#181818; font-size:25px; margin-bottom:30px;}
 .jijum_con li img{ display:inline-block; vertical-align:middle;}
 .jijum_con li.last{margin-bottom:0;}
 
 .footer{background-color:#264252; padding:60px 0 140px;}
 .footer .inbox{position:relative;}
 .footer .f_link{color:#fff; font-weight:bold; margin-bottom:20px;}
 .footer .f_link a{font-size:17px;color:#fff;}
 .footer p{font-size:15px; line-height:1.5em; color:#fff; font-weight:300}
 
 
 
.popbg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);z-index: 10;}
.pop{position:fixed; top:0; left:0; width:100%; height:100%; z-index:10;  }
.popbox{position:absolute; top:50%; left:50%; width: 1000px; height:710px;z-index: 11;background: #fff;transform: translate(-50%,-50%);overflow-y: scroll;}
.popbox img{max-width: 1000px;width: 100%;}
.popbox>i{position:absolute; top: 30px; right: 30px; cursor:pointer; color: #000; font-size:30px;}
 

 .personal{height:100%; overflow-y:scroll;}
.personal,.personal p{font-size: 16px; color:#444; line-height:170%; text-align:left; word-break:keep-all;white-space: pre-line;}
.personal h3{font-weight:bold; font-size:17px; margin-bottom:20px;}


#top_btn2{position:absolute; top:0; right:0; width:55px; height:55px; background-color:#0e1a21; border-radius:50%; color:#fff; font-size:15px; text-align: center; border:0;line-height: 56px;}