@charset "utf-8";


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-l';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-R';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-m';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Reset */
* {margin:0; padding:0;box-sizing: border-box;}
html {font-size:100%;}
body, input, select, textarea, button {font-size:16px; line-height:1.2; font-family:'S-CoreDream-R', 'ng', '나눔고딕','ng_sqr','ng_sqb','ng_ex','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; color:#333;}
body {word-wrap:break-word; -webkit-text-size-adjust:none;

/* font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased; */

}
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;  -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
input[type="text"]{-webkit-appearance:none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
input {-webkit-appearance: none; -webkit-border-radius: 0;}
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance: radio;}
input, select, textarea {vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

input::-ms-clear, input::-ms-reveal {display:none;}
input::-webkit-search-cancel-button {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
button {background:none; border:0; border-radius:0; overflow:visible; cursor:pointer;}
textarea {resize:none;}
label {vertical-align:middle; cursor:pointer;}
a {color:inherit; text-decoration:none;}
a:active, a:hover, a:focus {text-decoration:underline;} 
h1, h2, h3, h4, h5, h6 {font-size:100%;}
em, address {font-style:normal;}
ol, ul {list-style:none;}
img {max-width:100%;}
img, fieldset {border:0;}
table {border:0; border-spacing:0;}
legend {visibility:hidden; position:absolute; left:-5000px; font-size:0; line-height:0;}
caption {overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
hr {display:none;}
a:hover,a:focus,a:active{text-decoration:none;}
button {vertical-align:middle;}
/* Accessibility */
#skipnav {position:relative;}
#skipnav a {display:block; position:absolute; z-index:99999; top:0; left:-9999px; width:100%; padding:10px 0; background-color:rgba(0,0,0,0.8); text-align:center; color:#fff;}
#skipnav a:focus, #skipnav li a:active {left:0;}
.hidden {position:absolute !important; left:-99999px !important;}

.ellipsis{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* width 추가 */

/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {width:100%;position:relative;line-height:36px;height: 36px;float:left;}
.jqTransformSelectOpen:after {display:block; content:""; position:absolute; top:50%; right:16px; width:10px; height:5px; background: url('/academy/images/main/select.png') no-repeat; margin-top:-3px; cursor:pointer;}

/*
.jqTransformSelectWrapper:after {display:block; content:""; position:absolute; top:50%; right:16px; width:10px; height:5px; background: url('/academy/images/main/select.png') no-repeat; margin-top:-3px; cursor:pointer;}
*/
/*
.jqTransformSelectWrapper.select {	background:url('/academy/images/main/select.png') 108px 50% no-repeat;}
.jqTransformSelectWrapper.select:after {display:block; content:""; clear:both;}
.jqTransformSelectWrapper.select div span{color:#8c499e;}
*/
.jqTransformSelectWrapper div span {float:none; position:absolute; white-space:nowrap; height:36px; line-height:36px; vertical-align:middle; padding-left:10px; overflow:hidden; cursor:pointer; font-family:ng_bold;}
.jqTransformSelectWrapper  button.jqTransformSelectOpen {display: block;right: 0px;width: 100%;height: 36px;margin:0;}
.jqTransformSelectWrapper .container{margin-top:0px;}/*margin-top:36px;*/
.jqTransformSelectWrapper ul {border:solid 1px #ccc; left:0px; width:123px; height:auto; list-style:none; background-color:#FFF; display:none; margin-left:-1px; padding:0px; overflow:auto; z-index:10;}
.jqTransformSelectWrapper ul a {display: block; padding-left:10px; text-decoration: none;color:#333;font-size:0.923em; line-height:32px;}
.jqTransformSelectWrapper ul a.selected {color: #333;}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

/******* sub select *******/
.sub-select:after {display:block; content:""; clear:both;}
.sub-select .jqTransformSelectWrapper {float:none;}
.sub-select .jqTransformSelectWrapper .container{position:absolute; top:0; left:0; z-index:10; margin-top:26px; width:100%;} 
.sub-select {border: 1px solid #d2d2d2;}
.sub-select .jqTransformSelectOpen:after {width:14px; height:8px; right:7px; background: url('/academy/images/main/select.png') no-repeat; margin-top:-3px;}
/*
.sub-select .jqTransformSelectWrapper:after {right:7px; background: url('/academy/images/main/select.png') no-repeat; margin-top:-3px;}
*/
.sub-select {
    width: 80px;
    height: 48px;
    display: flex;
    float: left;
    justify-content: center;
    align-items: center;
   }
   .sub-select + .hyphen {float:left;margin-top:10px;}
.sub-select .jqTransformSelectWrapper {width:100%; height:46px; line-height:46px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.sub-select .jqTransformSelectWrapper a.jqTransformSelectOpen {height:26px; font-weight:normal; font-family:'ng';}
.sub-select .jqTransformSelectWrapper ul {width:100%; max-height: 160px;}
.sub-select .jqTransformSelectWrapper div span {height:46px; line-height:46px; font-size:17px;}

.sub-select.type02 {width:118px;}
.sub-select.type02 .jqTransformSelectWrapper {width:100%}
 .sub-select .jqTransformSelectWrapper ul li {padding:3px;}
.sub-select .jqTransformSelectWrapper ul a {padding-left:10px;}

/* checkbox */
.checks {position: relative;}
/* .checks input[type="checkbox"] {  화면숨김
 position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0} */
.checks input[type="checkbox"] {position: relative;width: 16px;height: 16px;right: 3px;padding: 0;margin: -1px;border: 0;}
.checks input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; font-size:1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
/* .checks input[type="checkbox"] + label:before {  가짜 체크박스content:''; display:inline-block;  width:15px; height:15px; line-height:15px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background:#fff; border: 1px solid #d2d2d2;} */

.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {}

.checks input[type="checkbox"]:checked + label:before {background:url('/academy/images/sub/chk2.png') no-repeat; background-size:15px auto;}

/* radio */
.checks input[type="radio"] {  /* 화면숨김 */
 position: absolute; width: 16px; height: 16px; padding: 0; margin: 4px; border: 0}

.checks input[type="radio"] + label {display: inline-block; position: relative; cursor: pointer; font-size:1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.checks input[type="radio"] + label:before {  /* 가짜 체크박스 */content:''; display:inline-block;  width:15px; height:15px; line-height:15px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle;}

.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {}

.checks input[type="radio"]:checked + label:before {background-size:15px auto;/* border: 1px solid #d2d2d2; border-radius: 50%; */}


/* 더보기 기능 */
.device-check {}
.device-check div {display:none;}
.edu-list > li {display:none;}
.edu-list > li.add-item-pc {display:none;}
.edu-list > li.add-item-tablet {display:none;}
.edu-list > li.add-item-mobile {display:none;}

.text-hidden {display: block; width: 0; text-indent: -9000px; overflow: hidden;} 


.tab_type_h1 {
    position: relative;
    margin-bottom : 20px;
}
.tab_type_h1:after {
    content: '';
    display: block;
    clear: both;
}
.tab_type_h1 > li:first-child {
    background: #e9e9e9;
}
.tab_type_h1 .w5 {
    width: 20%;
}
.tab_type_h1 > li {
    float: left;
    background: #e9e9e9 url('/academy/images/tab1_line1.gif') no-repeat left top;
}

.tab_type_h1 > li.on > a {
    background: #4755a1 url('/academy/images/tab_on.png') no-repeat center bottom;/*00aee7*/
}
.tab_type_h1 > li > a {
    display: block;
    height: 35px;
    padding: 10px 0 0 0;
    text-align: center;
}

.tab_type_h1 > li.on > a > span {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
}
.tab_type_h1 > li > a > span {
    display: inline-block;
    font-size: 15px;
    color: #666;
}

.tab_type_h1 .w5 {
    width: 20%;
}
.tab_type_h1 > li {
    float: left;
    background: #e9e9e9 url('/academy/images/tab1_line1.gif') no-repeat left top;
}