/* font */
.font-noto-sans{font-family:'Noto Sans KR', sans-serif} /* 100;300;400;500;700;900 */
.font-noto-serif{font-family:'Noto Serif KR', serif} /* 200;300;400;500;600;700;900 */
.font-nanum-sans{font-family:'Nanum Gothic', sans-serif} /* 400;700;800 */
.font-nanum-serif{font-family:'Nanum Myeongjo', serif} /* 400;700;800 */
.font-nanum-brush{font-family:'Nanum Brush Script', cursive}
.font-nanum-pen{font-family:'Nanum Pen Script', cursive}
.font-source-sans{font-family:'Source Sans Pro', sans-serif} /* 200;300;400;600;700 */
.font-source-code{font-family:'Source Code Pro', monospace} /* 200;300;400;500;600;700;900 */
.font-roboto-sans{font-family:'Roboto', sans-serif} /* 100;300;500;700;900 */
.font-nunito{font-family: 'Nunito', sans-serif} /* 200;300;400;600;700;800;900 */
.font-open-sans{font-family: 'Open Sans', sans-serif} /* 300,400,500,600,700,800 */
.font-dohyeon{font-family: "Do Hyeon", sans-serif;font-weight:400;font-style:normal}
.font-blackhan{font-family: "Black Han Sans", sans-serif;font-weight:400;font-style:normal}

.font-w-100{font-weight:100 !important}
.font-w-200{font-weight:200 !important}
.font-w-300{font-weight:300 !important}
.font-w-400{font-weight:400 !important}
.font-w-500{font-weight:500 !important}
.font-w-600{font-weight:600 !important}
.font-w-700{font-weight:700 !important}
.font-w-800{font-weight:800 !important}
.font-w-900{font-weight:900 !important}

.font-s-10{font-size:10px !important}
.font-s-11{font-size:11px !important}
.font-s-12{font-size:12px !important}
.font-s-13{font-size:13px !important}
.font-s-14{font-size:14px !important}
.font-s-15{font-size:15px !important}
.font-s-16{font-size:16px !important}
.font-s-18{font-size:18px !important}
.font-s-20{font-size:20px !important}
.font-s-24{font-size:24px !important}
.font-s-28{font-size:28px !important}
.font-s-30{font-size:30px !important}
.font-s-32{font-size:32px !important}
.font-s-36{font-size:36px !important}
.font-s-40{font-size:40px !important}
.font-s-48{font-size:48px !important}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	.sm-font-s-10{font-size:10px !important}
	.sm-font-s-11{font-size:11px !important}
	.sm-font-s-12{font-size:12px !important}
	.sm-font-s-13{font-size:13px !important}
	.sm-font-s-14{font-size:14px !important}
	.sm-font-s-15{font-size:15px !important}
	.sm-font-s-16{font-size:16px !important}
	.sm-font-s-18{font-size:18px !important}
	.sm-font-s-20{font-size:20px !important}
	.sm-font-s-24{font-size:24px !important}
	.sm-font-s-28{font-size:28px !important}
	.sm-font-s-30{font-size:30px !important}
	.sm-font-s-32{font-size:32px !important}
	.sm-font-s-36{font-size:36px !important}
	.sm-font-s-40{font-size:40px !important}
	.sm-font-s-48{font-size:48px !important}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}

/* text */
.text-blue{color:#2c8ef8 !important}
.text-indigo{color:#727cf5 !important}
.text-purple{color:#6b5eae !important}
.text-pink{color:#ff679b !important}
.text-orange{color:#fd7e14 !important}
.text-yellow{color:#ffbc00 !important}
.text-red{color:#fa5c7c !important}
.text-green{color:#0acf97 !important}
.text-cyan{color:#39afd1 !important}
.text-teal{color:#02a8b5 !important}
.text-gray{color:#98a6ad !important}
.text-darkgray{color:#343a40 !important}
.text-white{color:#fff !important}

.text-elementary{color:#5fae9e}
.text-middle{color:#0e63b3}
.text-high{color:#ff6b32}
.text-admission{color:#219EBC}

.text-gray100{color:#f8f9fa !important}
.text-gray200{color:#e9ecef !important}
.text-gray300{color:#dee2e6 !important}
.text-gray400{color:#ced4da !important}
.text-gray500{color:#adb5bd !important}
.text-gray600{color:#6c757d !important}
.text-gray700{color:#495057 !important}
.text-gray800{color:#343a40 !important}
.text-gray900{color:#212529 !important}

.bg-gray100{background:#f8f9fa !important}
.bg-gray200{background:#e9ecef !important}
.bg-gray300{background:#dee2e6 !important}
.bg-gray400{background:#ced4da !important}
.bg-gray500{background:#adb5bd !important}
.bg-gray600{background:#6c757d !important}
.bg-gray700{background:#495057 !important}
.bg-gray800{background:#343a40 !important}
.bg-gray900{background:#212529 !important}

.bg-light-beige{background: #f6f5f0 !important}
.bg-light-blue{background:#eaf4fe !important}
.bg-light-violet{background:#f1efff !important}
.bg-admission{background:#219EBC}
.bg-indigo{background:#727cf5 !important}
.bg-cyan{background:#39afd1 !important}
.bg-coffee{background:#3a2618 !important}
.bg-orange{background:#fd7e14 !important}
.bg-deep-navy{background:#052735 !important}


.btn-indigo{background:#727cf5 !important;color:#fff !important}


/* util */
.text-justify{text-align:justify !important}
.text-between{text-align:justify}
.text-between:after{content:'';display:inline-block;width:100%}
.text-keep{word-break:keep-all !important}
.box-shadow{box-shadow:0 0 35px 0 rgb(154 161 171 / 15%)}
.text-shadow{text-shadow:1px 1px 6px #000}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
colgroup{border:0 !important;border-spacing:0 !important;border-collapse:collapse}
.inner-w-100 img{width:100%;height:auto}

.letter-spacing-m1{letter-spacing:-0.5px !important}
.letter-spacing-m2{letter-spacing:-1px !important}

/* common */
.sm-show{display:none}
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	.sm-show{display:block !important}
	.sm-hide{display:none !important}
	.sm-text-justify{text-align:justify !important}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}


/* layout */
body{font-family:'Noto Sans KR', sans-serif}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {
	.container{max-width:1140px !important}
}


/* header */
.header-wrapper{position:absolute;width:100%;height:70px;transition:all .3s ease-in;z-index:1000;overflow:hidden}
.header-wrapper:hover{height:310px;background:#fff}

.header-wrapper .header-logo{position:absolute;display:flex;top:26px;left:30px;z-index:2000}
.header-wrapper .header-logo a{display:block;width:100%;height:100%;z-index:3000}
.header-wrapper .header-logo .srn-logo{margin-top:-5px;width:35px;height:30px;background-size:contain;background-repeat:no-repeat;background-image:url('/home/files/attach/images/2259517/010/287/002/f21c076e2614dd89a275bd30204085ad.png')}
.header-wrapper .header-logo .sub-logo{margin:-5px 0 0 10px;width:70px;height:30px;background-size:contain;background-repeat:no-repeat;background-image:url('/home/files/attach/images/2259517/059/286/002/90bf7505f0d954eaf126d428be47e690.png')}

.header-wrapper .gnb-wrapper{position:relative;display:flex;justify-content:center;overflow:hidden}
.header-wrapper .gnb-wrapper:before{position:absolute;content:'';height:1px;border-bottom:1px #ccc solid;top:70px;width:0;transition:width 1s ease}
.header-wrapper:hover .gnb-wrapper:before{width:100%}

.header-wrapper .gnb-wrapper nav{width:800px}
.header-wrapper .gnb-wrapper nav .main-menu{display:flex;justify-content:space-between;width:100%;margin:0;padding:0;list-style:none}
.header-wrapper .gnb-wrapper nav .main-menu>li{display:inline-block;position:relative;margin:0;padding:0;width:180px;line-height:70px;text-align:center;letter-spacing:-.5px}
.header-wrapper .gnb-wrapper nav .main-menu>li:after{content:'';position:absolute;top:68px;left:0;display:inline-block;width:0;height:2px;background:#219EBC;transition:width .3s ease}
.header-wrapper .gnb-wrapper nav .main-menu>li>a{display:block;text-decoration:none;text-align:center}
.header-wrapper .gnb-wrapper nav .main-menu>li:hover:after{width:100%}
.header-wrapper .gnb-wrapper nav .main-menu>li:hover>a{color:#219EBC !important}

.header-wrapper .gnb-wrapper nav .main-menu>li>ul{margin:0;padding:20px 0 0;list-style:none}
.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li{line-height:20px;letter-spacing:-1px}
.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li>a{display:block;padding:4px 0;text-align:center;color:#333;text-decoration:none}
.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li>a:hover{color:#219EBC}

.header-wrapper .gnb-top{position:absolute;display:flex;top:16px;right:30px;z-index:2000}
.header-wrapper .gnb-top ul{display:flex;margin:0;padding:0;list-style:none}
.header-wrapper .gnb-top ul li{padding-left:20px}
.header-wrapper .gnb-top ul li a{font-size:24px;text-decoration:none;color:#333}
.header-wrapper .gnb-top ul li a:hover{color:#219EBC}
.header-wrapper .gnb-top ul li span{font-size:24px;text-decoration:none;color:#333}
.header-wrapper .gnb-top ul li span:hover{color:#219EBC;cursor:pointer}
.header-wrapper .gnb-top .mobile-menu-bar{display:none}

@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
	.header-wrapper .gnb-wrapper nav{width:600px;margin-right:30px}
	.header-wrapper .gnb-wrapper{justify-content:end}
	.header-wrapper .gnb-wrapper nav .main-menu>li{width:100px}
	
	.header-wrapper{height:50px;overflow:visible}
	.header-wrapper:hover{height:50px;background:none}
	
	.header-wrapper .header-logo{top:5px;left:0;width:100%;padding:10px 0 0 15px}
	.header-wrapper .header-logo .srn-logo{width:32px;height:26px}
	.header-wrapper .header-logo .sub-logo{width:64px;height:26px}
	
	.header-wrapper .gnb-wrapper{display:none;width:100%;top:50px;z-index:9999}
	.header-wrapper:hover .gnb-wrapper:before{width:0}
	.header-wrapper .gnb-wrapper nav{width:100%;background:#464D53}
	.header-wrapper .gnb-wrapper nav .main-menu{display:block;margin:0}
	.header-wrapper .gnb-wrapper nav .main-menu>li{display:block;width:auto;line-height:18px}
	.header-wrapper .gnb-wrapper nav .main-menu>li>a{padding:14px 30px;text-align:left;color:#fff !important}
	.header-wrapper .gnb-wrapper nav .main-menu>li>a:hover{color:#fff !important}
	.header-wrapper .gnb-wrapper nav .main-menu>li:hover:after{width:0}
	.header-wrapper .gnb-wrapper nav .main-menu>li>ul{display:none;margin:0;padding:5px 0;background:#2f3941}
	
	.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li{position:relative}
	.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li:before{content:'L';position:absolute;top:3px;left:40px;color:#a4a4a4}
	.header-wrapper .gnb-wrapper nav .main-menu>li>ul>li>a{margin:0;padding:8px 30px 8px 55px;text-align:left;color:#fff !important}
	.header-wrapper .gnb-wrapper nav .main-menu>li:hover>a{color:#fff !important}
	
	.header-wrapper .gnb-top{position:absolute;display:flex;top:10px;right:15px}
	.header-wrapper .gnb-top ul li{padding-left:12px}
	.header-wrapper .gnb-top ul li a{font-size:18px}
	.header-wrapper .gnb-top .mobile-menu-bar{display:inline}
}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}


/* header default */
.header-wrapper .gnb-wrapper nav .main-menu>li>a{color:#333}

/* header black-style */
.header-wrapper.black-style .gnb-wrapper nav .main-menu>li>a{color:#333}
.header-wrapper.black-style .gnb-top ul li a{color:#333}
.header-wrapper.black-style:hover .gnb-top ul li a{color:#333}
.header-wrapper.black-style:hover .gnb-top ul li a:hover{color:#219EBC}

/* header white-style */
.header-wrapper.white-style .gnb-wrapper nav .main-menu>li>a{color:#fff}
.header-wrapper.white-style:hover .gnb-wrapper nav .main-menu>li>a{color:#333}
.header-wrapper.white-style .gnb-top ul li a{color:#fff}
.header-wrapper.white-style .gnb-top ul li span{color:#fff}
.header-wrapper.white-style:hover .gnb-top ul li a{color:#333}
.header-wrapper.white-style:hover .gnb-top ul li a:hover{color:#219EBC}
.header-wrapper.white-style:hover .gnb-top ul li span{color:#333}
.header-wrapper.white-style:hover .gnb-top ul li span:hover{color:#219EBC}

.header-wrapper.white-style .header-logo .srn-logo{background-image:url('/home/files/attach/images/2259517/010/287/002/b1513eab4705f3af0f5d8a5eac9707cf.png')}
.header-wrapper.white-style:hover .header-logo .srn-logo{background-image:url('/home/files/attach/images/2259517/010/287/002/f21c076e2614dd89a275bd30204085ad.png')}
.header-wrapper.white-style .header-logo .sub-logo{background-image:url('/home/files/attach/images/2259517/059/286/002/0b8c9bfb6b1ce3a99fe5b00459759e3d.png')}
.header-wrapper.white-style:hover .header-logo .sub-logo{background-image:url('/home/files/attach/images/2259517/059/286/002/90bf7505f0d954eaf126d428be47e690.png')}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
	.header-wrapper.white-style .gnb-wrapper nav .main-menu>li>a{color:#333}
	.header-wrapper.white-style:hover .gnb-wrapper nav .main-menu>li>a{color:#333}
	
	.header-wrapper.white-style .header-logo .srn-logo{background-image:url('/home/files/attach/images/2259517/010/287/002/f21c076e2614dd89a275bd30204085ad.png')}
	.header-wrapper.white-style .header-logo .sub-logo{background-image:url('/home/files/attach/images/2259517/059/286/002/90bf7505f0d954eaf126d428be47e690.png')}
	
	.header-wrapper.white-style .gnb-top ul li a{color:#333}
}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}


/* footer */
footer{padding:30px 0;background:#f1f2f3}
footer .footer-wrapper{position:relative}

footer .footer-menu{margin:0;padding:0}
footer .footer-menu ul{margin:0;padding:0}
footer .footer-menu ul li{float:left;position:relative;margin:0;padding:0 15px;list-style:none}
footer .footer-menu ul li:first-child{padding-left:0}
footer .footer-menu ul li:last-child{padding-right:0}
footer .footer-menu ul li:before{content:'';display:block;position:absolute;right:0;top:50%;width:1px;height:10px;background:#d9d9d9;transform:translate(0,-50%)}
footer .footer-menu ul li:last-child:before{content:'';width:0;height:0}

footer .footer-menu ul li a{padding:0;color:#333;text-decoration:none}
footer .footer-menu ul li a:hover{color:#999}

footer .footer-contactus{margin:0;padding:0;display:flex;color:#98a6ad}
footer .footer-contactus ul{margin:0;padding:0}
footer .footer-contactus ul li{float:left;padding:0 15px;list-style:none}
footer .footer-contactus ul li:first-child{padding-left:0}
footer .footer-contactus ul li:last-child{padding-right:0}
footer .footer-contactus ul li a{color:#98a6ad;text-decoration:none}

footer .footer-logo img{width:160px;height:auto}

footer .footer-copyright{display:flex;margin-top:20px;padding-top:16px;border-top:1px #ddd solid;justify-content:space-between}
footer .footer-copyright .copyright-sns{margin-top:-10px;padding:0}
footer .footer-copyright .copyright-sns a{color:#555;padding:0 5px}
footer .footer-copyright .copyright-sns a:hover{color:#0075c1}
footer .footer-copyright .copyright-sns a:first-child{padding-left:0}
footer .footer-copyright .copyright-sns a:last-child{padding-right:0}

footer .family-site{position:absolute;top:14px;right:0}
footer .family-site button{padding:6px 39px;border:2px #444 solid;border-radius:0}
footer .family-site button:hover{border:2px #333 solid;border-radius:0}
footer .family-site .dropdown-menu{padding:20px 0;background:#444;border-radius:0}
footer .family-site .dropdown-menu a{color:#fff}
footer .family-site .dropdown-menu a:hover{background:none;color:#0075c1}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
	footer .footer-menu{display:flex;justify-content:center;margin-bottom:10px}
	footer .footer-menu ul li:nth-last-child(2):before{content:'';width:0;height:0}
	
	footer .footer-contactus ul li{width:50%;text-align:right}
	footer .footer-contactus ul li:first-child{width:100%;text-align:center}
	footer .footer-contactus ul li:last-child{text-align:left}
	
	footer .footer-copyright{display:block;text-align:center}
	footer .footer-copyright .copyright-sns{margin-top:20px}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}


/* main */
.main{position:relative}
.main.main-padding-top{padding-top:70px}

.main-back{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}
.main-back.height-300{height:300px}
.main-back.height-400{height:400px}
.main-back.height-500{height:500px}
.main-back.height-700{height:700px}
.main-back.height-1000{height:1000px}
.main-back.black-style .main-back-title{color:#333;text-shadow:0 0 5px rgba(255,255,255,0.7)}
.main-back.white-style .main-back-title{color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.7)}

.main .snb-wrapper{margin:0;padding:0 0 2px 0;border-bottom:1px #e6e8ea solid}
.main .snb-wrapper ul{display:flex;justify-content:space-around;margin:0;padding:0;width:max-content;list-style:none}
.main .snb-wrapper ul li{height:50px;line-height:50px;padding-left:50px}
.main .snb-wrapper ul li:first-child{padding-left:0}
.main .snb-wrapper ul li a{display:block;position:relative;color:#888;text-decoration:none}
.main .snb-wrapper ul li a:before{content:'';position:absolute;top:50px;left:0;width:0;height:2px;border-bottom:2px #ccc solid;transition:width 0.3s ease}
.main .snb-wrapper ul li.active a,
.main .snb-wrapper ul li:hover a{color:#333}
.main .snb-wrapper ul li.active a:before{width:100%;border-bottom-color:#333}
.main .snb-wrapper ul li:hover a:before{width:100%}

.page-direction a{color:#fff;text-decoration:none}
.page-direction a:hover{color:#aeaeae}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
	.main{padding-top:50px !important}
	.main-back.height-300{height:150px}
	.main-back.height-400{height:200px}
	.main-back.height-500{height:250px}
	.main-back.height-700{height:350px}
	.main-back.height-1000{height:500px}
	
	.main .snb-wrapper{overflow-x:auto;white-space:nowrap}
	.main .snb-wrapper ul li:last-child{padding-right:20px}
}
@media (max-width: 1199.98px) {}
@media (max-width: 1399.98px) {}


/* scs player */
.scs-player{position:relative}
.scs-player .vjs-big-play-button{top:50% !important;left:50% !important;transform: translate(-50%, -50%)}
.scs-player-info{padding:10px;background:#ededed}
.scs-player-info ul{margin:0;padding:0;list-style:none}
.scs-player-info ul li{float:left;padding:0 6px}
.scs-player-info ul li:first-child{padding-left:0}
.scs-player-info ul li:last-child{padding-right:0}
.scs-player-modal span{cursor:pointer}
.scs-player-modal span:hover{color:#0d6efd}

.vppl-open{position:absolute;top:10px;left:10px;color:#fff}
.vppl-open i{cursor:pointer}

.vppl-close{float:right;cursor:pointer;font-weight:900}

.vppl-playlist{display:none;position:absolute;top:0;left:0;width:250px;height:100%;background:#282828;z-index:9999}
.vppl-playlist .vppl-wrapper{position:relative;width:100%;height:100%;padding:38px 0 0 0}
.vppl-playlist .vppl-header{position:absolute;top:0;left:0;width:100%;padding:0 10px;color:#fff;line-height:38px;background:#000}
.vppl-playlist .vppl-header strong{font-size:14px;font-weight:600}
.vppl-playlist .vppl-item-list{height:100%;overflow-y:auto}

.vppl-item-list{padding-bottom:30px}
.vppl-item-list ul{margin:0;padding:0;list-style:none}
.vppl-item-list ul li{position:relative;padding:10px 10px 10px 70px;border-bottom:1px #969696 solid;min-height:70px;cursor:pointer}
.vppl-item-list ul li .vppl-item{display:block;width:100%;height:100%}
.vppl-item-list ul li .vppl-thumb{position:absolute;top:10px;left:10px;width:50px;height:50px}
.vppl-item-list ul li .vppl-thumb img{position:absolute;top:0;left:0;transform:translate(50,50);width:100%;height:100%;object-fit:cover;margin:auto}
.vppl-item-list ul li .vppl-title{font-size:13px;font-weight:500;color:#c4c4c4}

.vppl-item-list ul li:hover .vppl-title{color:#fff}