@charset "utf-8";

/* ***** font ***** */
@font-face {
    font-family: 'NanumSquareRound';
    src: local('NanumSquareRoundL'), url('./font/NanumSquareRoundL.woff2') format('woff2'), url('./font/NanumSquareRoundL.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: local('NanumSquareRoundR'), url('./font/NanumSquareRoundR.woff2') format('woff2'), url('./font/NanumSquareRoundR.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: local('NanumSquareRoundB'), url('./font/NanumSquareRoundB.woff2') format('woff2'), url('./font/NanumSquareRoundB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    src: local('NanumSquareRoundEB'), url('./font/NanumSquareRoundEB.woff2') format('woff2'), url('./font/NanumSquareRoundEB.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ***** reset ***** */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-family:'NanumSquareRound', sans-serif;font-size:18px;font-weight:400;color:#383838;word-break:keep-all;word-wrap:break-word;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;overflow:visible;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#383838;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}
.han{font-family:'NanumSquareRound', sans-serif;}

/* ***** size ***** */
.w10{width:10px}.w15{width:15px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}
.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}
.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}
.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w265{width:265px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}
.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w450{width:450px}
.w1p{width:1%}.w2p{width:2%}.w3p{width:3%}.w4p{width:4%}.w5p{width:5%}.w6p{width:6%}.w7p{width:7%}.w8p{width:8%}.w9p{width:9%}.w10p{width:10%}
.w11p{width:11%}.w12p{width:12%}.w13p{width:13%}.w14p{width:14%}.w15p{width:15%}.w16p{width:16%}.w17p{width:17%}.w18p{width:18%}.w19p{width:19%}.w20p{width:20%}
.w21p{width:21%}.w22p{width:22%}.w23p{width:23%}.w24p{width:24%}.w25p{width:25%}.w26p{width:26%}.w27p{width:27%}.w28p{width:28%}.w29p{width:29%}.w30p{width:30%}
.w31p{width:31%}.w32p{width:32%}.w33p{width:33%}.w34p{width:34%}.w35p{width:35%}.w36p{width:36%}.w37p{width:37%}.w38p{width:38%}.w39p{width:39%}.w40p{width:40%}
.w41p{width:41%}.w42p{width:42%}.w43p{width:43%}.w44p{width:44%}.w45p{width:45%}.w46p{width:46%}.w47p{width:47%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}
.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h100{height:100px}.h150{height:150px}.h200{height:200px}.h250{height:250px}.h300{height:300px}.h350{height:350px}.h400{height:400px}.h450{height:450px}.h500{height:500px}

/* ***** common ***** */
.inner{position:relative;margin:0 auto;width:1500px;box-sizing:border-box;}
.sound-only{display:block !important;position:absolute !important;top:-9999px !important;}
.mobile-only{display:none;}
.txt-left{text-align:left !important;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right !important;}
.swiper-button-prev,
.swiper-button-next{margin-top:0;text-indent:-9999px;border:none;}
.swiper-button-start,
.swiper-button-stop{text-indent:-9999px;border:none;}
.txt-red{color:#cc0000 !important;}
.txt-blue{color:#0677cd !important;}
.txt-orange{color:#eb8a00 !important;}
.txt-yellow{color:#d79c04 !important;}
.va-top{vertical-align:top !important;}
.va-middle{vertical-align:middle !important;}
.va-bottom{vertical-align:bottom !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl100{padding-left:100px !important;}
.mt0{margin-top:0 !important;}
.mt10{margin-top:10px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mr20{margin-right:20px !important;}
.ml50{margin-left:50px !important;}
.ml70{margin-left:70px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.lh13{line-height:1.3em !important;}
.font-exbold{font-weight:800;}
.alink:hover{text-decoration:underline;}
.keep-all{word-break:keep-all !important;}

/* ***** form ***** */
input[type='text'],input[type='password'],input[type='number'],input[type='submit'], button, select, textarea{-webkit-appearance:none;appearance:none;font-family:'NanumSquareRound', sans-serif;font-size:17px;color:#383838;background:transparent;border:none;border-radius:0;box-sizing:border-box;}
input[type='text'],input[type='password'],input[type='number']{margin:2px;padding-left:5px;height:46px;max-width:100%;background:#fff;border:1px solid #cacaca;border-radius:7px;}
select{margin:2px;padding:0 30px 0 10px;min-width:80px;height:46px;max-width:100%;background:#fff url('/edu/images/common/ico_sel.png') no-repeat right 15px center;border:1px solid #cacaca;border-radius:7px;}
textarea{margin:2px;padding:5px;width:99.9%;background:#fff;border:1px solid #cacaca;resize:vertical;box-sizing:border-box;border-radius:7px;}
*:disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
*.disabled{color:#3a3a3a !important;background:#f8f8f8 !important;}
input.readonly{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:-moz-read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type='text']:read-only{color:#3a3a3a !important;background:#f8f8f8 !important;}
input[type="checkbox"],
input[type="radio"]{-webkit-user-select:initial;user-select:initial;-webkit-appearance:none;appearance:none;position:relative;width:24px;min-height:30px;background:transparent !important;border:transparent !important;}
input[type="checkbox"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:url('/edu/images/common/ico_chk.png') no-repeat center;}
input[type="radio"]:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:url('/edu/images/common/ico_rdo.png') no-repeat center;}
input[type="checkbox"]:checked:before{background:url('/edu/images/common/ico_chk_on.png') no-repeat center;}
input[type="radio"]:checked:before{background:url('/edu/images/common/ico_rdo_on.png') no-repeat center;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-left:7px;line-height:30px;}
input[type='file']{padding:9px 5px 10px;border:1px solid #cacaca;box-sizing:border-box;}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus{outline-color:#4067c8;}
label input[type="text"]{height:38px;}
input[type="checkbox"]:disabled:before,
input[type="radio"]:disabled:before{opacity:0.7;}
input[type="checkbox"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:#d9d9d9;opacity:0.4;border-radius:5px;}
input[type="radio"]:disabled:after{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-12px;width:24px;height:24px;background:#d9d9d9;opacity:0.4;border-radius:50%;}
-webkit-input-placeholder{font-size:17px;color:#868686;}
-moz-placeholder{font-size:17px;color:#868686;}
-ms-input-placeholder{font-size:17px;color:#868686;}
.inp-row li{margin:3px 0;}
.inp-row.push li label{display:inline-block;min-width:135px;}
.inp-file.w100p{width:calc(100% - 100px);}
.inp-file + .btn.inline{margin:0 0 0 4px !important;width:92px;}
.inp-flex{display:flex;flex-wrap:wrap;align-items:center;}
.inp-flex > li{margin:3px 0;padding-right:25px;}
.inp-flex .inp-flex{display:inline-flex;}
.inp-flex .inp-flex > li{padding-right:20px;}
.inp-flex .inp-flex > li:last-child{padding-right:0;}
.inp-flex > li span{margin-right:5px;}
.inp-col{display:inline-block;margin:2px 25px 2px 0;}

/* ***** datepicker ***** */
input[type='text'].use-datepicker{padding-right:40px;background:#fff url('/edu/images/common/ico_datepicker.png') no-repeat center right 14px !important;}
.ui-datepicker-trigger{margin-left:10px;}
#ui-datepicker-div{display:none;width:240px;background:#fff;border:1px solid #c7c7c7;border-radius:7px;z-index:102 !important;box-sizing:border-box;}
.ui-datepicker{position:relative;padding:5px;}
.ui-datepicker table{width:100%;font-size:12px;}
.ui-datepicker table thead th{height:24px;color:#777;line-height:24px;text-align:center;}
.ui-datepicker table tbody td{width:14.2857%;text-align:center;height:22px;}
.ui-datepicker table tbody td a{display:block;height:22px;color:#4b4b4b;line-height:22px;text-align:center;}
.ui-datepicker table tbody td span{color:#aaa;}
.ui-datepicker table tbody td.date-holiday a{color:#eb3c3c;}
.ui-datepicker tr td:first-child *{color:#eb3c3c;}
.ui-datepicker tr td:last-child *{color:#4084d2;}
.ui-datepicker th{padding:0;}
.ui-datepicker td a.ui-state-active{color:#fff;background:#4b4b4b;}
.ui-datepicker td a.ui-state-highlight{color:#4b4b4b;background:#dfdfdf;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:0;}
.ui-datepicker .ui-datepicker-title{margin:0;height:30px;line-height:30px;font-size:14px;font-weight:normal;color:#242424;letter-spacing:-1px;text-align:center;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:20px;height:20px;line-height:26px;text-indent:-9999em;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev{left:5px;background:url('/edu/images/common/ico_page_prev.png') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-next{right:5px;background:url('/edu/images/common/ico_page_next.png') no-repeat center;background-size:8px auto;}
.ui-datepicker .ui-datepicker-year{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:70px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}
.ui-datepicker .ui-datepicker-month{margin-top:-1px;padding:0 15px 0 2px;min-width:inherit;width:50px;height:22px;background-position:right 5px center;background-size:12px auto;border-radius:2px;}

/* ***** list-con ***** */
.list-con{margin:10px 0;}
.list-con > li{position:relative;margin-bottom:7px;line-height:1.5em;text-align:left;letter-spacing:-0.25px;}
.list-con > li:last-child{margin-bottom:0;}
.list-con.dot > li{padding-left:10px;}
.list-con.dot > li:before{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#383838;border-radius:50%;}
.list-con.sdot > li{margin-bottom:3px;padding-left:8px;}
.list-con.sdot > li:before{display:block;content:'';position:absolute;left:0;top:11px;width:2px;height:2px;background:#383838;border-radius:50%;}
.list-con.square > li{padding-left:10px;}
.list-con.square > li:before{display:block;content:'';position:absolute;left:0;top:9px;width:5px;height:5px;background:#383838;}
.list-con.num > li{margin-bottom:10px;padding-left:20px;}
.list-con.num > li em{position:absolute;left:0;top:0;}
.list-con.line > li{padding-left:10px;}
.list-con.line > li:before{display:block;content:'';position:absolute;left:0;top:11px;width:5px;height:1px;background:#383838;}
.list-con.gap > li{margin-bottom:20px !important;}
.list-con.star > li{padding-left:12px;}
.list-con.star > li:before{display:block;content:'*';position:absolute;left:0;top:0;}
.list-con.refer > li{padding-left:20px;}
.list-con.refer > li:before{display:block;content:'※';position:absolute;left:0;top:0;}
.list-con.small > li{margin-bottom:2px;font-size:17px;}
.list-con.refer.btm > li{font-size:17px;color:#666;}
.list-con .list-con{margin:5px 0 10px;}
.list-con .list-con > li{margin-bottom:0;}
.list-con.flex li{display:flex;}
.list-con.flex li span,
.list-con.flex li b{flex-shrink:0;margin-right:5px;}
.list-con > li.refer{padding-left:20px;}
.list-con > li.refer:before{display:block;content:'※';position:absolute;left:0;top:0;background:none;}

/* ***** layout ***** */
#skip a{display:block;position:fixed;left:0;top:-50px;width:200px;height:50px;line-height:50px;font-size:20px;color:#fff;text-align:center;background:#4067c8;}
#skip a:focus{top:0;z-index:9999;}

#wrap{min-width:1530px;overflow:hidden;}
#header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:100;}
#header .h-top > .inner{display:flex;}
#header .h-left{display:flex;}
#header .h-left a{display:flex;justify-content:center;align-items:center;position:relative;padding:0 10px;min-width:150px;height:42px;font-size:16px;color:#666;border:1px solid transparent;border-top:none;border-radius:0 0 20px 20px;box-sizing:border-box;}
#header .h-left a:first-child:before{display:block;content:'';position:absolute;left:0;top:50%;margin-top:-8px;width:1px;height:15px;background:#e0e0e0;z-index:-1;}
#header .h-left a:after{display:block;content:'';position:absolute;right:-1px;top:50%;margin-top:-8px;width:1px;height:15px;background:#e0e0e0;z-index:-1;}
#header .h-left a.active{font-weight:700;color:#fff;background:#0677cd;border-color:#0677cd;}
#header .h-right{display:flex;margin-left:auto;padding-top:7px;}
#header .h-right > a{position:relative;padding:0 20px;font-size:16px;color:#666;line-height:36px;}
#header .h-right > a:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-8.5px;width:1px;height:17px;background:#e0e0e0;}
#header .h-right .btn-srch{display:block;position:relative;padding:0 0 0 46px;background:url('/edu/images/common/ico_srch.png') no-repeat 20px center;}
#header .h-right .btn-srch:after{display:none;}
.top-srch{display:none;position:fixed;left:0;right:0;top:45px;padding:20px 0;background:#fafafa;box-shadow:0 10px 10px rgba(0,0,0,0.11);z-index:102;}
.top-srch.active{display:block;}
.top-srch .box{margin:0 auto;width:900px;box-sizing:border-box;}
.top-srch p{display:inline-block;position:relative;padding-right:54px;width:calc(100% - 70px);height:64px;border-bottom:2px solid #151515;box-sizing:border-box;}
.top-srch p input[type="text"]{padding:0 10px;width:100%;height:100%;background:transparent;border:none;}
.top-srch p .btn-search{display:inline-block;position:absolute;right:0;bottom:0;width:50px;height:100%;text-indent:-9999px;background:url('/edu/images/common/ico_search.png') center no-repeat;border:none;}
.top-srch .btn-search-close{display:inline-block;width:64px;height:64px;text-indent:-9999px;vertical-align:top;background:url('/edu/images/common/ico_close.png') center no-repeat;}
.top-srch ::-webkit-input-placeholder{font-size:24px;color:#151515;}
.top-srch ::-moz-placeholder{font-size:24px;color:#151515;}
.top-srch :-ms-input-placeholder{font-size:24px;color:#151515;}

#header .logo{position:absolute;left:calc(50% - 750px);display:flex;align-items:center;height:66px;}
#header .logo a{display:block;width:338px;text-indent:-9999px;background:url('/edu/images/common/logo.png') no-repeat left center / contain;}
#header #gnb{display:flex;justify-content:flex-end;padding-right:calc(50% - 750px);height:66px;}
#gnb .menu{display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
#gnb .menu > li > a{display:block;padding:5px 30px;font-weight:700;font-size:20px;color:#151515;text-align:center;}
#gnb .menu > li .sub-menu{display:none;position:absolute;left:0;right:0;top:108px;background:#fff;border-top:1px solid #ededed;box-shadow:10px 10px 10px rgba(0,0,0,0.05);z-index:101;}
#gnb .menu > li .sub-menu:before{display:block;content:'';position:absolute;left:0;top:0;bottom:0;width:50%;background:#ebf4fb;}
#gnb .menu > li .sub-menu > .inner{display:flex;}
#gnb .menu > li.active .sub-menu{display:block;}
#gnb .menu > li .sub-title{position:relative;padding:42px 10px 42px 0;width:338px;background:#ebf4fb url('/edu/images/common/bg_gnb.png') no-repeat right bottom;box-sizing:border-box;}
#gnb .menu > li .sub-title strong{display:block;margin-bottom:10px;font-family: 'yg-jalnan';font-weight:400;font-size:34px;color:#151515;}
#gnb .menu > li .sub-title p{font-size:17px;letter-spacing:-0.5px;line-height:1.5em;}
#gnb .menu > li .depth{padding:45px 75px 80px;width:calc(100% - 338px);min-height:500px;background:#fff;box-sizing:border-box;}
#gnb .menu > li .depth > ul{display:flex;flex-wrap:wrap;gap:38px 20px;}
#gnb .menu > li .depth > ul > li{width:calc(25% - 15px);}
#gnb .menu > li .depth > ul > li > a{display:flex;align-items:center;justify-content:center;padding:5px 10px;height:53px;line-height:1.2em;font-weight:700;font-size:19px;color:#0677cd;text-align:center;letter-spacing:-0.5px;border:1px solid #0677cd;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
#gnb .menu > li .depth > ul > li > a > span{padding-top:1px;}
#gnb .menu > li .depth > ul > li:hover > a{color:#fff;background:#0677cd;}
#gnb .menu > li .depth > ul > li > ul{padding:17px 15px 0;}
#gnb .menu > li .depth > ul > li > ul > li{position:relative;padding-left:12px;}
#gnb .menu > li .depth > ul > li > ul > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#383838;border-radius:50%;}
#gnb .menu > li .depth > ul > li > ul > li > a{display:inline-block;position:relative;padding:3px 0;line-height:1.4em;font-size:17px;color:#383838;letter-spacing:-0.5px;}
#gnb .menu > li .depth > ul > li > ul > li > a:before{display:block;content:'';position:absolute;left:0;width:0;bottom:5px;height:1px;background:#0677cd;transition-duration:0.3s;}
#gnb .menu > li .depth > ul > li > ul > li:hover:before{background:#0677cd;}
#gnb .menu > li .depth > ul > li > ul > li > a:hover{color:#0677cd;}
#gnb .menu > li .depth > ul > li > ul > li > a:hover:before{width:100%;}
#header .btn-menu{margin-left:50px;width:24px;height:100%;text-indent:-9999px;background:url('/edu/images/common/ico_menu.png') no-repeat center;}

.scroll #header{box-shadow:10px 10px 10px rgba(0,0,0,0.05);}
.scroll #header .h-top{display:none;}
.scroll #gnb .menu > li .sub-menu{top:66px;}

.all-menu{display:none;position:fixed;left:0;right:0;top:0;padding-bottom:100px;background:#fff;box-shadow:1px 1px 20px rgba(0,0,0,0.1);z-index:100;overflow-y:auto;}
.all-menu > .inner{position:relative;padding-top:43px;}
.all-menu-top{display:flex;align-items:center;height:67px;border-bottom:1px solid #e9e9e9;}
.all-menu-top .h-login{display:none;}
#allMenu .menu{display:flex;gap:24px;padding-top:20px;}
#allMenu .menu > li{flex:1;box-sizing:border-box;}
#allMenu .menu > li.m10,
#allMenu .menu > li.m11{display:none;}
#allMenu .menu > li > a{display:flex;align-items:center;justify-content:center;position:relative;padding:0;height:70px;font-weight:700;font-size:26px;color:#151515;text-align:center;border-bottom:2px solid #313131;}
#allMenu .menu > li > ul{padding:30px 0;}
#allMenu .menu > li > ul > li{margin-bottom:10px;}
#allMenu .menu > li > ul > li > a{display:block;padding:10px 10px 10px 20px;line-height:1.4em;font-size:18px;color:#151515;letter-spacing:-0.5px;border:1px solid #d8d8d8;border-radius:10px;box-sizing:border-box;}
#allMenu .menu > li > ul > li.has-child > a{padding-right:40px;background:url('/edu/images/common/ico_dep2_off.png') no-repeat right 12px center;}
#allMenu .menu > li > ul > li:hover > a{color:#0677cd;border-color:#0677cd;}
#allMenu .menu > li > ul > li > ul{display:none;padding:17px 7px 10px;}
#allMenu .menu > li > ul > li > ul > li{position:relative;padding-left:12px;}
#allMenu .menu > li > ul > li > ul > li:before{display:block;content:'';position:absolute;left:0;top:12px;width:3px;height:3px;background:#383838;border-radius:50%;}
#allMenu .menu > li > ul > li > ul > li > a{display:inline-block;position:relative;padding:4px 0;line-height:1.4em;font-size:17px;color:#383838;letter-spacing:-0.5px;}
#allMenu .menu > li > ul > li > ul > li > a:before{display:block;content:'';position:absolute;left:0;width:0;bottom:5px;height:1px;background:#0677cd;transition-duration:0.3s;}
#allMenu .menu > li > ul > li.active > ul{display:block;}
#allMenu .menu > li > ul > li.active > a{color:#fff;background-color:#0677cd;background-image:url('/edu/images/common/ico_dep2_on.png');border-color:#0677cd;}
#allMenu .menu > li > ul > li > ul > li:hover:before{background:#0677cd;}
#allMenu .menu > li > ul > li > ul > li > a:hover{color:#0677cd;}
#allMenu .menu > li > ul > li > ul > li > a:hover:before{width:100%;}
.all-menu .btn-close{display:block;position:absolute;top:52px;right:-12px;width:50px;height:50px;text-indent:-9999px;background:url('/edu/images/common/ico_search_close.png') no-repeat center;transition-duration:0.3s;overflow:hidden;}
.all-menu .btn-close:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

#container{padding-top:108px;}

#footer{padding:54px 0 100px;background:#232a30;}
#footer > .inner{display:flex;gap:75px;}
#footer p{font-weight:300;font-size:17px;color:rgba(255,255,255,0.55);line-height:1.5em;}
#footer p a{color:rgba(255,255,255,0.55);}
#footer .f-link{margin-bottom:14px;}
#footer .f-link li{display:inline-block;margin-right:30px;}
#footer .f-link li:last-child{margin-right:0;}
#footer .f-link li a{font-weight:700;font-size:17px;color:rgba(255,255,255,0.7);line-height:34px;}
#footer .f-link li.privacy a{color:rgba(83,191,241,0.7);}
#footer .f-link li a:hover{text-decoration:underline;}
#footer .f-address{margin-bottom:10px;}
#footer .f-address span + span{position:relative;margin-left:18px;padding-left:18px;}
#footer .f-address span + span:before{display:block;content:'';position:absolute;left:0;top:5px;width:1px;height:10px;background:rgba(255,255,255,0.55);}
#footer .f-sns{margin:7px 0 0 auto;display:flex;gap:10px;}
#footer .f-sns a{display:block;width:42px;height:42px;line-height:42px;text-align:center;background:rgba(255,255,255,0.7);border-radius:50%;transition-duration:0.3s;}
#footer .f-sns a:hover{background:#fff;}

.right-menu{position:fixed;right:0;top:30%;width:50px;z-index:100;}
.right-menu > a{display:block;padding:20px 10px;font-weight:700;font-size:17px;color:#0677cd;letter-spacing:-0.25px;text-align:center;background:#fff;border:1px solid #0677cd;border-radius:17px 0 0 17px;box-sizing:border-box;}
.right-menu > a.btn-quick{color:#fff;background:#27a6e2;border:1px solid #27a6e2;}
.right-menu > a + a{margin-top:6px;}
.right-menu > a i{display:block;margin-top:5px;}

.ready{padding:50px 0;text-align:center;}

.tab-page{display:none;}
.tab-page.active{display:block;} 

#overlay{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.2);z-index:100;}

#modalPopup{}
.modal-bg{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5);z-index:101;}
.modal-wrap{position:relative;padding:0 15px;max-width:1670px;width:100%;box-sizing:border-box;}
.modal-wrap .swiper-container{position:static;margin:0 90px;}
.modal-wrap li > a{display:block;box-sizing:border-box;margin:0 auto;text-align:center;max-width:460px;border-radius:20px;overflow:hidden;}
.modal-wrap .swiper-container > button{position:absolute;margin-top:-70px;width:70px;height:70px;text-indent:-9999px;background-color:transparent;border-radius:0;z-index:10;transition-duration:0.3s;}
.modal-wrap .swiper-button-prev{left:15px;background-image:url('/edu/images/main/ico_modal_prev.png');background-size:20px 34px;}
.modal-wrap .swiper-button-next{right:15px;background-image:url('/edu/images/main/ico_modal_next.png');background-size:20px 34px;}
.modal-wrap .swiper-button-next.swiper-button-disabled,
.modal-wrap .swiper-button-prev.swiper-button-disabled{opacity:.2;}
#modalSlider2{max-width:1180px;}
#modalSlider2 .swiper-container > button,
#modalSlider1 .swiper-container > button{display:none;}
#modalSlider2 .modal-title,
#modalSlider1 .modal-title{justify-content:center;}
#modalSlider2 .swiper-grp,
#modalSlider1 .swiper-grp{display:none;}
.modal-btn{margin-top:36px;}
.modal-btn a{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:0 60px 0 35px;height:52px;font-size:20px;color:#333;letter-spacing:-0.25px;text-align:center;background:#fff url('/edu/images/main/ico_modal_close.png') no-repeat right 35px center;border-radius:10px;box-sizing:border-box;}
.modal-btn .modal-num{display:inline-flex;justify-content:center;align-items:center;margin:2px;padding:0 35px;height:52px;font-weight:700;font-size:22px;color:#fff;letter-spacing:-0.25px;text-align:center;background:#0677cd;border-radius:10px;box-sizing:border-box;}
.modal-btn .swiper-pagination{display:inline-block;position:static;margin-left:5px;width:auto;font-size:0;}
.modal-btn .swiper-pagination-total{font-weight:800;font-size:22px;color:#c00000;}

.quick-list{display:flex;gap:58px;}
.quick-list li{flex:1;}
.quick-list li a{display:block;text-align:center;}
.quick-list li span{font-size:20px;color:#151515;line-height:1.5em;}
.quick-list li i{display:block;margin:0 auto 25px;width:142px;height:124px;line-height:124px;background:#fff;border:1px solid #f1f1f1;border-radius:20px;box-shadow:13px 13px 38px rgba(0,0,0,0.07);box-sizing:border-box;}
.quick-list li a:hover i{animation:quickMove 0.5s 0s both;}

@keyframes quickMove {
    from {transform:translate3d(0, 0, 0);}
    15% {transform: translateY(-8px);}
    35%,65% {transform: translateY(-5px) rotate(8deg);}
    50%,80% {transform: translateY(-5px) rotate(-8deg);}
    to {transform: translate3d(0, 0, 0);}
}

#quickMenu{}
.quick-bg{display:flex;justify-content:center;align-items:center;position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5);z-index:101;}
.quick-wrap{position:relative;padding:75px 100px 105px;max-width:1500px;width:100%;background:#eff5fa;border-radius:20px;box-sizing:border-box;}
.quick-wrap .title{display:block;margin-bottom:35px;font-family: 'yg-jalnan';font-weight:400;font-size:34px;color:#151515;letter-spacing:-0.25px;line-height:1.4em;text-align:center;}
.quick-wrap .title b{color:#0677cd;}
.quick-wrap .quick-list{gap:17px;}
.quick-wrap .quick-list li a{display:flex;flex-direction:column;justify-content:center;height:184px;background:#fff;border-radius:20px;box-shadow:5px 5px 13px rgba(0,0,0,0.05);}
.quick-wrap .quick-list li i{width:auto;height:auto;line-height:inherit;background:transparent;box-shadow:none;border:none;}
.quick-wrap #quickClose{display:block;position:absolute;right:-7px;top:-7px;width:60px;height:60px;text-indent:-9999px;background:#0677cd url('/edu/images/main/ico_quick_close.png') no-repeat center;border-radius:50%;box-sizing:border-box;}

/* ***** responsive ***** */
.all-menu-m{display:none;}

@media all and (min-width:1921px){

}