@charset "utf-8";

/* 200710(s) 저해상도 고려 */
body{min-width: 1903px; overflow: visible !important;}
#header {position: relative;}
/* 200710(e) 저해상도 고려 */
#header #top-ly {width:1100px; margin:0 auto; position: relative;}
#header #top-ly h1 {position: absolute; left:0; top:40px; z-index: 9000;}
/*191231 시즌로고추가(s)*/
#header #top-ly h1 a {display: block;position: absolute; left:0; top:0px; z-index: 9999; width:158px; height:20px; margin-left: 3px; background-image: url('../img/common/common.png'); background-repeat: no-repeat; background-position: 0 0;  background-repeat: no-repeat; text-indent: -9999px;}
/* #header #top-ly h1 a {display: block;position: absolute; left:10px; top:-20px; z-index: 9999; width:163px; height:50px; margin-left: 3px; background-image: url('../img/common/common3.png'); background-repeat: no-repeat; background-position: 0 0;  background-repeat: no-repeat; text-indent: -9999px;} */
#header #top-ly h1 a.normal {background-position: -168px 0;}
/* 200918 시즌로고추가(s) */
#header #top-ly h1 a.fall {display: block;position: absolute; left:-50px; top:-40px; z-index: 9999; width:228px; height:130px; margin-left: 3px; background-image: url('../img/common/season_logo1.png'); background-repeat: no-repeat; background-position: 0 0;  background-repeat: no-repeat; text-indent: -9999px;}
#header #top-ly h1 a.normal {background-position: -168px 0;}
#header #top-ly h1 a.xmas {left:-67px; top:-40px; width:277px; height:100px; background-image: url(../img/main/seasonlogo_xmas.png);}
#header #top-ly h1 a.newyear {left:-67px; top:-40px; width:277px; height:100px; background-image: url(../img/main/seasonlogo_newyear.png);}
/* 200918 시즌로고추가(e) */



#header #top-ly ul {position: absolute; right:0; top:44px; margin-right: -3px; z-index: 9000;}
#header #top-ly ul li {float: left;}
#header #top-ly ul li a {display: block; margin-left: 16px; font-size: 13px; color:#fff;}
#header #top-ly ul li a:hover span.subline {border-bottom: 1px solid #8600f8; color:#8600f8;}
/* 20181218 띠배너추가(s)*/
.event {text-align: center;   background:#d24205; transition: max-height 0.2s ease-out;}
.eventbanner { z-index:9999; text-align: center; width: 1100px;  background: no-repeat;}
.eventcansle { position: absolute; top: 33px;}
/* 20181218 띠배너추가(e)*/
/* #gnb {position: absolute;top:0;left:0;width: 100%; z-index: 2; background:#fff url('../img/common/gnb_bg.png') repeat-x; padding-bottom: 50px; border-bottom: 1px solid #d8d8d8} */
#gnb {position: absolute;left:0;width: 100%; z-index: 2; /*background:#fff url('../img/common/gnb_bg.png') repeat-x;*/ /*padding-bottom: 50px;*/ /*border-bottom: 1px solid #d8d8d8*/}
#gnb .gnbul {width: 720px; margin: 29px auto 0; padding-left: 100px;}
#gnb .gnbul .gnbli {float: left;}
#gnb .gnbul .gnbli a.gnba {display: block; font-family: NSEBold; font-size: 18px; line-height: 45px; color:#fff; /*color:#535353;*/}
#gnb .gnbul .gnbli a.gnba:hover span.line {padding-bottom: 3px; border-bottom:1px solid #6f28e4; color:#6f28e4}
#gnb .gnbul .gnbli.no1 {width:130px;}
#gnb .gnbul .gnbli.no2 {width:89px;}
#gnb .gnbul .gnbli.no3 {width:106px;}
#gnb .gnbul .gnbli.no4 {width:138px;}
#gnb .gnbul .gnbli.no5 {width:122px;}
#gnb .gnbul .gnbli.no6 {width:129px;}
#gnb .gnbul .gnbli .gnbsub {display: none;}
#gnb .gnbul .gnbli ul {padding-top: 48px;}
#gnb .gnbul .gnbli ul li a {display: block; font-family: NS; font-size: 15px; margin-bottom: 8px; line-height: 24px; color:#363636;}
#gnb .gnbul .gnbli ul li a:hover span.subline {border-bottom: 1px solid #8600f8; color:#8600f8;}
#header .gnb_bg {position: absolute; left: 0; width: 100%; height:336px; background-color: #fff; z-index:1; box-shadow: 0px 13px 30px -5px rgba(20,45,78,0.35); display: none;}
#header .gnb_bg:after {content:'';display:block;position: absolute;top:100px;left:0;z-index:5;width:100%;height:1px;background-color:#E9E9E9;}

#sub_box {background-color:#fff;}
.subpage_wrap {position: relative; width: 1100px; margin:0 auto;}
.subpage_wrap ul {position: absolute; bottom: 0; left: 0; right: 0;}
.subpage_wrap ul li a {display: block; width: 100%; font-size: 20px; font-family: NSBold; color:#fff; text-align: center; line-height: 70px;}
.subpage_wrap ul li.on {background-color: #fff;}
.subpage_wrap ul li.lasttab {border-right: none;}
.study li {float: left; width: calc((1100px - 1px*6)/7); border-right: 1px solid rgba(255,255,255,0.25); background-color: rgba(0,0,0,0.2);}
.study li.on a {color: rgb(13, 174, 219);}
.user li {float: left; width: calc((1100px - 1px)/2); border-right: 1px solid rgba(255,255,255,0.25); background-color: rgba(0,0,0,0.2);}
.user li.on a {color: rgb(98, 72, 230);}
.school li {float: left; width: calc((1100px - 1px)/2); border-right: 1px solid rgba(255,255,255,0.25); background-color: rgba(0,0,0,0.2);}
.school li.on a {color: rgb(204, 72, 183);}
.help li.on a {color: rgb(195, 65, 188);}
.help li {float: left; width: calc((1100px - 1px*4)/4); border-right: 1px solid rgba(255,255,255,0.25); background-color: rgba(0,0,0,0.2);}
.req li.on a {color: rgb(195, 65, 188);}
.req li {float: left; width: calc((1100px - 1px*4)/3); border-right: 1px solid rgba(255,255,255,0.25); background-color: rgba(0,0,0,0.2);}
.studybgcolor {background:rgb(0, 203, 212); background:linear-gradient(135deg, rgb(0, 95, 239) 0, rgb(0, 203, 212) 50%, rgb(0, 203, 212) 100%);}
.helpbgcolor {background:rgb(204, 72, 183); background:linear-gradient(135deg, rgb(120, 3, 232) 0, rgb(204, 72, 183) 50%, rgb(204, 72, 183) 100%);}
.librarybgcolor {background:rgb(120, 3, 232); background:linear-gradient(135deg, rgb(3, 222, 232) 0, rgb(120, 3, 232) 50%, rgb(120, 3, 232) 100%);}
.buybgcolor {background:rgb(30, 136, 229); background:linear-gradient(135deg, rgb(111, 40, 228) 0%, rgb(30, 136, 229) 50%, rgb(30, 136, 229) 100%);}
.userbgcolor {background:rgb(93, 72, 230); background:linear-gradient(135deg, rgb(226, 51, 213) 0, rgb(93, 72, 230) 50%, rgb(93, 72, 230) 100%);}
.sub_contentbox{width: 1100px; margin:0 auto; font-family: NS;}
.subpage_wrap .sub_tit {padding:175px 0 170px 0;}
.subpage_wrap .sub_tit h3 {font-size:36px; font-family: NSEBold; color:#fff; margin-bottom: 20px; text-align: center; line-height: 40px;}
.subpage_wrap .sub_tit p {font-size:18px; font-family: NS; color:#fff; text-align: center;}
.subpage_wrap .subhigh_tit {padding:170px 0 110px 0;}
.subpage_wrap .subhigh_tit h3 {font-size:36px; font-family: NSEBold; color:#fff; margin-bottom: 20px; text-align: center; line-height: 40px;}
.subpage_wrap .subhigh_tit p {font-size:18px; font-family: NS; color:#fff; text-align: center;}
.subpage_wrap .subhigh2_tit {padding:180px 0 120px 0;}
.subpage_wrap .subhigh2_tit h3 {font-size:36px; font-family: NSEBold; color:#fff; margin-bottom: 20px; text-align: center; line-height: 40px;}
.subpage_wrap .subhigh3_tit {padding:155px 0 110px 0;}
.subpage_wrap .subhigh3_tit h3 {font-size:36px; font-family: NSEBold; color:#fff; margin-bottom: 20px; text-align: center; line-height: 40px;}
.subpage_wrap .subhigh3_tit .faq_srchbox {position: relative; margin:0 auto; width: 600px; margin-top: 35px; height: 48px; background-color:#fff;}
.subpage_wrap .subhigh3_tit .faq_srchbox input {width: 520px; height: 30px; padding:9px 0 9px 19px; border: none; color:#adadad;}
.subpage_wrap .subhigh3_tit .faq_srchbox input::placeholder {color:#9c9c9c; font-size: 15px;}
.subpage_wrap .subhigh3_tit .faq_srchbox a {position: absolute; top: 0; right: 0; display:block; padding:14px;}
.subpage_wrap .subhigh3_tit .faq_srchbox span {width: 21px; height: 20px; display:block; background:url(../img/board/help.png) no-repeat; background-position: -140px -19px; text-indent: -9999px;}
.bar {display:inline-block; width: 1px; height:13px; background-color:#d9d9d9; vertical-align: -2px;} 


#footer {width: 100%; height: 300px; background-color:#fff;}
#footer .policy {border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
#footer .policy ul {width: 1100px; margin:0 auto; padding: 20px 0;}
#footer .policy ul li {float: left; background: url(../img/main/main.png) no-repeat; background-position:  -51px -132px; padding-left: 15px;}
#footer .policy ul li.company {background: none; background-position:  normal; padding-left: 0px;}
#footer .policy ul li a {display: block; margin-right: 15px; font-size:14px; color:#636363;}
#footer .footer_wrap {width: 1100px; margin:25px auto;}
#footer .footer_wrap h2 a {display: block; width: 102px; height: 40px; float: left; background: url(../img/common/common.png) no-repeat; background-position: 0 -26px; text-indent: -9999px;}
#footer .footer_wrap .address {float: left; margin-left:45px; margin-top: 3px; color:#949494; font-size:14px; letter-spacing: 0;}
#footer .footer_wrap .address p {line-height: 23px;}
#footer .footer_wrap .address p.copyright {margin-top: 10px; font-family: NBG; color:#636363; font-size:12px;}
#footer .footer_wrap .sns {float: right;}
#footer .footer_wrap .sns li {float: left;}
#footer .footer_wrap .sns li a {display:block; width: 22px; height: 22px; margin-left: 8px; background-image: url(../img/common/common.png); text-indent: -9999px;}
#footer .footer_wrap .sns li.fa a {background-position: 0 -74px;}
#footer .footer_wrap .sns li.fa a:hover {background-position: 0 -98px;}
#footer .footer_wrap .sns li.in a {background-position: -24px -74px;}
#footer .footer_wrap .sns li.in a:hover {background-position: -24px -98px;}
#footer .footer_wrap .sns li.tw a {background-position: -48px -74px;}
#footer .footer_wrap .sns li.tw a:hover {background-position: -48px -98px;}
#footer .footer_wrap .sns li.you a {background-position: -72px -74px;}
#footer .footer_wrap .sns li.you a:hover {background-position: -72px -98px;}
#footer .footer_wrap .sns li.ka a {background-position: -96px -74px;}
#footer .footer_wrap .sns li.ka a:hover {background-position: -96px -98px;}
#footer .footer_wrap .sns li.bl a {background-position: -120px -74px;}
#footer .footer_wrap .sns li.bl a:hover {background-position: -120px -98px;}

/*Paginate(s)*/
.paginate {text-align: center; padding-bottom: 100px;}
.paginate a {display: inline-block; line-height: 34px; margin:0 10px; font-size: 15px; font-family: tahoma; text-align: center; font-weight: bold; color:#5c5c5c;}
.paginate a:hover {color:#4a52ef;}
.paginate a.on {width: 34px; height: 34px; margin:0; color:#4a52ef; border: 1px solid #d9d9d9;}
.paginate span {width: 8px; height: 13px; display: inline-block; background-image: url(../img/common/common.png);}
.paginate span.arrow_l {background-position: 0 -124px; opacity: 0.4;}
.paginate span.arrow_r {background-position: -12px -124px;}


/*option*/
.custom-select {position: relative;}
.custom-select select {display: none;}
.select-selected {background-color: #fff; border: 1px solid #b7b7b7;}
.select-selected:after {position: absolute; content: ""; top: 16px; right: 15px; width: 15px; height: 9px; background: url(../img/common/common.png) no-repeat; background-position: -43px -124px;}
.select-selected.select-arrow-active:after {background-position: -24px -124px;}
.select-items div,.select-selected {color: #7c7c7c; padding: 12px 16px; cursor: pointer;}
.select-items {position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;}
.select-hide {display: none;}
.select-items div:hover, .same-as-selected {background-color: rgba(0, 0, 0, 0.03);}

/*tooltip*/
.ui-widget.ui-widget-content {border: 1px solid #c5c5c5;}
.ui-widget-content {border: 1px solid #dddddd; background: #ffffff;	color: #333333;}
.ui-tooltip {padding: 8px; position: absolute; z-index: 9000; max-width: 260px; font-size: 13px; line-height: 160%;}

/*error*/
.errorbg {background: #fff; width:100%; height:100vh;}
.errorwrap {margin:0 auto; padding-top: 180px; width: 928px; height:512px; background: url(../img/main/error.png) no-repeat; background-position: bottom right; }
.errorwrap p {font-family: NSBold; font-size: 107px; color:#4d74f3; text-transform: uppercase;}
.errorwrap strong {display: block; margin-top: 20px; font-weight: normal; font-size: 23px; color:#3c3c3c;}
.errorwrap em {display: block; margin-top:24px; font-style: normal; font-size: 15px; color: #7f7e7e; line-height: 21px;}
.errorwrap a {display: block; margin-top: 72px; width: 134px; line-height: 42px; border: 1px solid #4860f3; color:#4860f3; text-align: center; font-size: 14px;}
.errorwrap a.abc {color:#4860f3;}

/*prepare*/
.prepare {padding:240px 0; text-align: center; font-size: 24px; font-weight: bold; color: #868686;}
.prepare span {display: block; margin:0 auto 30px; width:41px; height:61px; background:url(../img/common/common.png) no-repeat; background-position: -146px -24px;}

/*animation*/
.yAnimate_1, .yAnimate_2, .yAnimate_3, .yAnimate_4, .yAnimate_5, .xAnimate_1, .xAnimate_2, .xAnimate_3, .xAnimate_4 {opacity:0;}
.yAnimate_1 {-webkit-animation: yAnimate .9s ease; -moz animation: yAnimate .9s ease; -o animation: yAnimate .9s ease; -ms animation: yAnimate .9s ease; animation: yAnimate .9s ease; opacity:1;}
.yAnimate_2 {-webkit-animation: yAnimate 1.1s ease; -moz animation: yAnimate 1.1s ease; -o animation: yAnimate 1.1s ease; -ms animation: yAnimate 1.1s ease; animation: yAnimate 1.1s ease; opacity:1;}
.yAnimate_3 {-webkit-animation: yAnimate 1.3s ease; -moz animation: yAnimate 1.3s ease; -o animation: yAnimate 1.3s ease; -ms animation: yAnimate 1.3s ease; animation: yAnimate 1.3s ease; opacity:1;}
.yAnimate_4 {-webkit-animation: yAnimate 1.5s ease; -moz animation: yAnimate 1.5s ease; -o animation: yAnimate 1.5s ease; -ms animation: yAnimate 1.5s ease; animation: yAnimate 1.5s ease; opacity:1;}
.yAnimate_5 {-webkit-animation: yAnimate .5s ease; -moz animation: yAnimate .5s ease; -o animation: yAnimate .5s ease; -ms animation: yAnimate .5s ease; animation: yAnimate .5s ease; opacity:1;}
.xAnimate_1 {-webkit-animation: xAnimate .9s ease; -moz animation: xAnimate .9s ease; -o animation: xAnimate .9s ease; -ms animation: xAnimate .9s ease; animation: xAnimate .9s ease; opacity:1;}
.xAnimate_2 {-webkit-animation: xAnimate 1.1s ease; -moz animation: xAnimate 1.1s ease; -o animation: xAnimate 1.1s ease; -ms animation: xAnimate 1.1s ease; animation: xAnimate 1.1s ease; opacity:1;}
.xAnimate_3 {-webkit-animation: xAnimate 1.3s ease; -moz animation: xAnimate 1.3s ease; -o animation: xAnimate 1.3s ease; -ms animation: xAnimate 1.3s ease; animation: xAnimate 1.3s ease; opacity:1;}
.xAnimate_4 {-webkit-animation: xAnimate 1.5s ease; -moz animation: xAnimate 1.5s ease; -o animation: xAnimate 1.5s ease; -ms animation: xAnimate 1.5s ease; animation: xAnimate 1.5s ease; opacity:1;}

@-webkit-keyframes yAnimate{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-moz-keyframes yAnimate{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-o-keyframes yAnimate{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-ms-keyframes yAnimate{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@keyframes yAnimate{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes xAnimate{
    0%{opacity:0; transform:translateX(50px);}
    100%{opacity:1; transform:translateX(0px);}
}
@-moz-keyframes xAnimate{
    0%{opacity:0; transform:translateX(50px);}
    100%{opacity:1; transform:translateX(0px);}
}
@-o-keyframes xAnimate{
    0%{opacity:0; transform:translateX(50px);}
    100%{opacity:1; transform:translateX(0px);}
}
@-ms-keyframes xAnimate{
    0%{opacity:0; transform:translateX(50px);}
    100%{opacity:1; transform:translateX(0px);}
}
@keyframes xAnimate{
    0%{opacity:0; transform:translateX(50px);}
    100%{opacity:1; transform:translateX(0px);}
}




.apply_form_box{
    
}
.disable{
    color:#cccccc;
}

.apply_form_box{
    display:none;
    z-index: 99999;
    width:1230px; height:682px;
    background-color: #ffffff;
    box-sizing: border-box;
    position: fixed;
    top:50%; left:50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.apply_form_box:after{
    clear:both;
    display: block;
    content:"";
}
.apply_form_box .complete{
    display:none;
    position: absolute;
    top:50%; left:50%;
    transform: translate(-50%,-50%);
    width:600px; height:300px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    border:1px solid #aaa;
}
.apply_form_box .complete h3{
    position: absolute;
    top:40%; left:50%;
    width:600px;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size:26px;
    line-height: 1.6;
}
.apply_form_box .complete a{
    display: block;
    padding:10px 40px;
    background-color: #7daf41;
    position: absolute;
    top:70%; left:50%;
    font-size:20px;
    color:#ffffff;   
    transform: translate(-50%,-50%);
}
.apply_form_box .tit_box{
    width:395px; height:100%;
    box-sizing: border-box;
    float:left;
    background-color: #4500a7;
    padding:14px;
}
.apply_form_box .tit_box .inner_box{
    box-sizing: border-box;
    width:100%; height:100%;
    border:1px solid #ffffff;
    position: relative;
}
.apply_form_box .tit_box .inner_box .txt{
    width:100%;
    position: absolute;
    top:50%; left:50%;
    transform: translate(-50%,-54%);
}
.apply_form_box .tit_box .inner_box .txt h2{
    text-align: center;
    font-family: 'NS', sans-serif;
    font-weight: bold;
    font-size:26px;
    color:#ffffff;
    margin-bottom:26px;
}
.apply_form_box .tit_box .inner_box .txt p{
    text-align: center;
    font-family: 'NS', sans-serif;
    font-weight: normal;
    font-size:16px;
    color:#ffffff;
    line-height: 1.7;
}

.apply_form_box .form_box{
    float: left;
    width:835px; height:100%;
    box-sizing: border-box;
    padding:50px 40px 40px 40px;
}
.apply_form_box .form_box h2.tit1{
    font-family: 'NS', sans-serif;
    font-weight: bold;
    font-size:24px;
    color:#000000;
    margin-bottom:40px;
    text-align: center;
}
.apply_form_box .form_box form h2{
    font-family: 'NS', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#000000;
    border-left:4px solid #6200ee;
    display: flex;
    flex-basis: 100%;
    align-items: center;
    margin-bottom:20px;
}
.apply_form_box .form_box form h2::after{
    content: "";
    flex-grow: 1;
    background: #dcdcdc;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0 0 0 16px;
}
.apply_form_box .form_box form h2 span.smll{
    font-size:12px;
    color:#aaaaaa;
    margin-left:5px;
    margin-top:3px;
}
.apply_form_box .form_box form .col{
    margin-bottom:50px;
}
.apply_form_box .form_box form label{
    cursor: pointer;
    margin-right:24px;
    font-family: 'NBG', sans-serif;
}

.apply_form_box .form_box form input[type="radio"] {
    display:none;
}

.apply_form_box .form_box form input[type="radio"] + label {
    font-family:Arial, sans-serif;
}

.apply_form_box .form_box form input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    background:url(../img/common/radio_btn.png) -20px top no-repeat;
    cursor:pointer;
}

.apply_form_box .form_box form input[type="radio"]:checked + label span {
    background:url(../img/common/radio_btn.png) 0px top no-repeat;
}
.apply_form_box .form_box form input[type="radio"]:disabled + label span {
    background:url(../img/common/radio_btn.png) -40px top no-repeat;
}
.apply_form_box .form_box form .etc div.fl{
    line-height: 38px;
    float:left;
}
.apply_form_box .form_box form .etc{
    margin-top:20px;
}
.apply_form_box .form_box form .etc label{
    color:#444444;
    margin-right:10px;
}
.apply_form_box .form_box form .etc input[type="text"]{
    width:300px; height:30px;
    margin-left:0px;
    border:1px solid #ccc;
    padding:3px;
    font-size:16px;
}
.apply_form_box .form_box .submit{
    position: absolute;
    right:40px; bottom:40px;
}
.apply_form_box .form_box .submit a{
    display:block; float: left;
    width:180px; text-align: center;
    margin-left:10px;
    font-family: 'NS', sans-serif;
    font-weight: bold;
    font-size:18px;
    color:#ffffff;
    padding:10px 0;
    text-decoration: none;
}
.apply_form_box .form_box .submit a.send{
    background-color: #7daf41;
}
.apply_form_box .form_box .submit a.close{
    background-color: #acb2a4;
}