@charset "UTF-8";/* 신규가입 이벤트 20241231 */
.joinEvent_2501 { position: relative; text-align: center; overflow: hidden; }
.joinEvent_2501 .inner { position: relative; width: 1200px; margin: 0 auto; padding: 120px 0; }
.joinEvent_2501 .quickBn { position: fixed; right: 0; bottom: 250px; z-index: 100; display: block; }
.joinEvent_2501 .quickBn a { display: block; }
.joinEvent_2501 .headShake { animation: headShake 1s infinite; }
.joinEvent_2501 .dungdung { animation: updown 0.6s ease-in-out infinite alternate; }
.joinEvent_2501 .mainTop { position: relative; width: 100%; height: 1574px; overflow: hidden; background: #b4e4fe url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/mainTop_bg.png) bottom center repeat-x; }
.joinEvent_2501 .mainTop .topBg_over img { mix-blend-mode: overlay; opacity: 0.5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.joinEvent_2501 .mainTop .topDeco { position: relative; }
.joinEvent_2501 .mainTop .topDeco li { position: absolute; }
.joinEvent_2501 .mainTop .topDeco li:nth-of-type(1) { left: 0; top: 85px; }
.joinEvent_2501 .mainTop .topDeco li:nth-of-type(2) { right: 0; top: 125px; }
.joinEvent_2501 .mainTop .inner { padding: 0; }
.joinEvent_2501 .mainTop .inner .topFloBn { position: absolute; top: 520px; left: 0; }
.joinEvent_2501 .mainTop .inner h2 { position: relative; }
.joinEvent_2501 .mainTop .inner h2 div:nth-of-type(1) { margin-top: 160px; animation: up02 0.4s 1.1s both; }
.joinEvent_2501 .mainTop .inner h2 div:nth-of-type(2) { margin-top: 80px; animation: scale02 0.3s 0.8s ease-out both; }
.joinEvent_2501 .mainTop .inner h2 div:nth-of-type(3) { margin-top: 74px; font-size: 22px; color: #333; }
.joinEvent_2501 .mainTop .inner h2 p { margin-top: 40px; display: inline-block; font-size: 24px; color: #003275; font-weight: 700; border-top: 2px solid #003275; border-bottom: 2px solid #003275; width: 584px; padding: 10px; }
.joinEvent_2501 .mainTop .inner p.topPresent { margin-top: 75px; animation: fadeIn 0.3s 2s both; }
.joinEvent_2501 .mainTop .inner i { position: absolute; top: 990px; right: -130px; }
.joinEvent_2501 .stn01 { background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/stn01_bg01.png) no-repeat center; background-size: cover; height: 1820px; width: 100%; }
.joinEvent_2501 .stn01 .bg_over { background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/stn01_bg02.png) repeat-x top center; height: 125px; }
.joinEvent_2501 .stn01 .inner h2 { margin-bottom: 80px; }
.joinEvent_2501 .stn01 .inner .stn01_way { display: flex; justify-content: space-between; width: 830px; }
.joinEvent_2501 .stn01 .inner .stn01_way li { position: relative; }
.joinEvent_2501 .stn01 .inner .stn01_way li a { position: absolute; top: 211px; left: 30px; line-height: 68px; display: block; width: 308px; height: 68px; background: #222; color: #fff; font-size: 22px; border-radius: 5px; transition: all 0.2s; }
.joinEvent_2501 .stn01 .inner .stn01_way li a:hover { background: #00861c; }
.joinEvent_2501 .stn01 .inner .event_section { position: relative; }
.joinEvent_2501 .stn01 .inner .event_section .luckyBag { position: relative; z-index: 2; width: 640px; margin: 0 auto; }
.joinEvent_2501 .stn01 .inner .event_section .luckyBag img { margin-top: 100px; cursor: pointer; }
.joinEvent_2501 .stn01 .inner .event_section .luckyBag img.rotate { animation: rotate 1s ease-in-out 1 forwards; }
.joinEvent_2501 .stn01 .inner .event_section .pop-target { position: absolute; top: 120px; left: 39.5%; z-index: 3; transition: all 2s ease-in-out; z-index: 1; }
.joinEvent_2501 .stn01 .inner .event_section .pop-target img { position: relative; scale: 0.7; }
.joinEvent_2501 .stn01 .inner .event_section .pop-target.is-active img { animation: transY 0.6s ease-in 1 both; }
.joinEvent_2501 .stn01 .inner .event_section span { position: absolute; right: 80px; top: 400px; }
.joinEvent_2501 .stn01 .inner .btn_section { position: relative; margin: 100px auto; width: 840px; z-index: 3; text-align: center; }
.joinEvent_2501 .stn01 .inner .btn_section li { float: left; padding-right: 20px; }
.joinEvent_2501 .stn01 .inner .btn_section li a { display: block; border-radius: 10px; width: 406px; height: 118px; background: #111; color: #fff; transition: all 0.2s; font-weight: 700; font-size: 26px; line-height: 118px; }
.joinEvent_2501 .stn01 .inner .btn_section li a:hover { background: #00219e; }
.joinEvent_2501 .stn01 .inner .btn_section li:nth-child(2) { padding-right: 0; }
.joinEvent_2501 .stn01 .inner .btn_section li:nth-child(2) a { background: #fff; color: #111; border: 3px solid #111; }
.joinEvent_2501 .stn01 .inner .btn_section li:nth-child(2) a:hover { background: #00219e; color: #fff; border: 3px solid #00219e; }
.joinEvent_2501 .stn01 .inner .btn_section .txt_small { font-size: 16px; text-align: right; clear: both; display: block; padding: 10px 10px 0 0; color: #111; }
.joinEvent_2501 .stn02 { background: #ffbcc1 url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/stn02_bg.jpg) no-repeat center top; }
.joinEvent_2501 .stn02 .inner h2 { margin-top: 80px; position: relative; }
.joinEvent_2501 .stn02 .inner h2 p { margin-top: 40px; display: inline-block; font-size: 24px; color: #fff; font-weight: 700; width: 584px; padding: 10px; }
.joinEvent_2501 .stn02 .inner h2 div:nth-of-type(2) { margin-top: 40px; }
.joinEvent_2501 .stn02 .inner h2 div:nth-of-type(3) { margin-top: 40px; font-size: 22px; color: #333; }
.joinEvent_2501 .stn02 .inner > p { position: absolute; top: 100px; left: 100px; display: inline-block; }
.joinEvent_2501 .welcome { background: #222; margin: 0 auto; text-align: center; display: block; position: relative; }
.joinEvent_2501 .board_hidden { background: #222; width: 100%; height: 720px; border-radius: 20px; margin-top: 30px; text-align: center; }
.joinEvent_2501 .board_hidden .inner div:nth-child(1) { margin-top: 150px; font-size: 40px; color: #fff; font-weight: 500; }
.joinEvent_2501 .board_hidden .inner div:nth-child(2) { font-size: 80px; color: #fdff2f; font-weight: 800; }
.joinEvent_2501 .board { border-radius: 20px; background: rgba(255, 255, 255, 0.9); margin-top: 30px; padding: 40px 40px 5px; }
.joinEvent_2501 .board .input_section { position: relative; background: #eee; border-radius: 5px; padding: 30px 30px 60px; }
.joinEvent_2501 .board .input_section textarea { border: 1px solid #111; width: 850px; height: 110px; border-radius: 10px 0 0 10px; vertical-align: middle; padding: 20px; font-size: 16px; resize: none; overflow: auto; }
.joinEvent_2501 .board .input_section textarea:focus { outline: none; }
.joinEvent_2501 .board .input_section button { width: 210px; height: 110px; border-radius: 0 10px 10px 0; background: #111; vertical-align: middle; font-size: 20px; color: #fff; transition: all 0.2s; }
.joinEvent_2501 .board .input_section button:hover { background: #00219e; }
.joinEvent_2501 .board .input_section p { position: absolute; left: 3em; bottom: 20px; color: #ff4747; }
.joinEvent_2501 .board .input_section span { position: absolute; right: 3em; bottom: 20px; color: #ff4747; text-align: right; }
.joinEvent_2501 .board .reply_list { margin-top: 30px; border-bottom: 1px solid #000; }
.joinEvent_2501 .board .reply_list li { display: flex; border-top: 1px solid #000; align-items: center; padding: 20px; }
.joinEvent_2501 .board .reply_list .name { width: 150px; border-right: 1px solid #888; margin-right: 30px; }
.joinEvent_2501 .board .reply_list .reply_txt { width: calc(100% - 150px); display: flex; align-items: center; text-align: left; gap: 30px; }
.joinEvent_2501 .guide { position: relative; width: 1200px; margin: 50px auto 0; border-radius: 10px; border: 1px solid #000; text-align: left; }
.joinEvent_2501 .guide summary { font-size: 22px; font-weight: 700; width: 1100px; margin: 0 auto; padding: 15px 0; cursor: pointer; list-style-type: none; text-align: center; color: #333; }
.joinEvent_2501 .guide summary::-webkit-details-marker { display: none; }
.joinEvent_2501 .guide summary .arrow { position: absolute; top: 13px; right: 455px; }
.joinEvent_2501 .guide summary .arrow::after { position: absolute; top: 5px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(135deg); }
.joinEvent_2501 .guide[open] summary { border-bottom: 1px solid #000; padding: 15px 0; }
.joinEvent_2501 .guide[open] summary .arrow::after { position: absolute; top: 12px; left: 10px; content: ""; width: 12px; height: 12px; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(-45deg); }
.joinEvent_2501 .guide div.inner { margin: 0 50px; padding: 10px; font-size: 18px; font-weight: 700; width: 1100px; padding: 40px; text-align: left; border-radius: 20px; }
.joinEvent_2501 .guide div.inner ol { margin: 20px 0 0 20px; }
.joinEvent_2501 .guide div.inner ol > li { list-style: decimal; margin-bottom: 20px; }
.joinEvent_2501 .guide div.inner ol > li > strong { display: block; font-size: 18px; font-weight: 600; padding-bottom: 5px; }
.joinEvent_2501 .guide div.inner ol > li ul li { margin-bottom: 5px; }
.joinEvent_2501 .guide div.inner ol > li ul li a { padding: 3px 20px; font-size: 14px; border: 1px solid #333; border-radius: 3px; margin-left: 5px; }
.joinEvent_2501 .guide div.inner ol > li ul li a:hover { background: #333; color: #fff; }
.joinEvent_2501 .guide div.inner ol > li ul li:before { content: "- "; }
.joinEvent_2501 .modal_layerBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; }
.joinEvent_2501 .layer_result, .layer_myPrize, .layer_remain { position: fixed; display: none; bottom: 410px; left: 48%; margin: 0 0 0 -240px; z-index: 1000; }
.joinEvent_2501 .layer_result h3, .layer_myPrize h3, .layer_remain h3 { background: #4b75ff; height: 55px; font-size: 25px; padding: 10px 0 0 20px; color: #fff; border-radius: 20px 20px 0 0; font-weight: 600; }
.joinEvent_2501 .layer_result { bottom: 220px; left: 50%; margin: 0 0 0 -420px; }
.joinEvent_2501 .layer_result .pop_conts { position: relative; background: url("https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/popup.png") no-repeat; width: 844px; height: 546px; margin: 0 auto; text-align: center; border-radius: 20px; border: 5px solid #4b75ff; }
.joinEvent_2501 .layer_result .pop_conts .popup_deco { position: absolute; top: -129px; left: -279px; }
.joinEvent_2501 .layer_result .pop_conts .pop_prize .pop_txt { font-size: 33px; text-align: center; font-weight: 700; padding-top: 160px; color: #000; line-height: 47px; }
.joinEvent_2501 .layer_result button { right: 30px; top: 30px; background: #333; border-radius: 50%; width: 50px; height: 50px; }
.joinEvent_2501 .layer_myPrize { width: 550px; }
.joinEvent_2501 .layer_myPrize ul { position: relative; background: #fff; box-sizing: border-box; padding: 5px 25px 10px; border-radius: 0 0 20px 20px; }
.joinEvent_2501 .layer_myPrize ul li { font-size: 18px; text-align: left; padding: 30px 0; border-bottom: 1px dashed #ccc; }
.joinEvent_2501 .layer_myPrize ul li:last-child { border-bottom: none; }
.joinEvent_2501 .layer_myPrize ul li > span { color: #888; padding-right: 10px; }
.joinEvent_2501 .layer_myPrize ul li strong { color: #4b75ff; font-weight: 700; }
.joinEvent_2501 .btn_layerClose { position: absolute; right: 5px; top: 5px; z-index: 110; animation: fadeIn 0.3s 0.3s ease-out both; }
.joinEvent_2501 .layer_remain { left: 56%; margin: 0 0 0 -400px; z-index: 1000; width: 600px; bottom: 25%; }
.joinEvent_2501 .layer_remain .layer_content { position: relative; width: 600px; background: url(https://s3.unistudy.co.kr/images/pc/event/2025/joinEvent_2501/layer_gift.png) no-repeat; padding: 0; border-radius: 0 0 20px 20px; }
.joinEvent_2501 .layer_remain .layer_content ul { display: flex; flex-wrap: wrap; position: relative; top: -11px; }
.joinEvent_2501 .layer_remain .layer_content ul li { width: 33.3333333333%; text-align: center; margin-top: 200px; }
.joinEvent_2501 .layer_remain .layer_content ul li strong { font-size: 28px; font-weight: 800; color: #4b75ff; }
.joinEvent_2501 .layer_remain .layer_content ul li strong small { font-size: 24px; vertical-align: 1px; color: #4b75ff; }
.joinEvent_2501 .layer_remain .layer_content ul::after { content: ""; display: block; clear: both; }

@keyframes up02 {
    0% { transform: translateY(50%); opacity: 0; }
    100% { transform: translateY(0%); opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes headShake {
    0% { transform: translateX(0); }
    6.5% { transform: translateX(-6px) rotateY(-9deg); }
    18.5% { transform: translateX(5px) rotateY(7deg); }
    31.5% { transform: translateX(-3px) rotateY(-5deg); }
    43.5% { transform: translateX(2px) rotateY(3deg); }
    50% { transform: translateX(0); }
}
@keyframes scale02 {
    0% { opacity: 0; transform: scale(2); }
    100% { opacity: 1; transform: scale(1); }
}
@keyframes updown {
    0% { transform: translateY(5px); }
    100% { transform: translateY(0); }
}
@keyframes transY {
    0% { transform: translateY(0); scale: 0.7; }
    100% { transform: translateY(350px); scale: 0.8; }
}
@keyframes rotate {
    0% { transform: rotate(0); }
    50% { transform: rotate(180deg) translateY(0); scale: 1; }
    100% { transform: rotate(180deg) translateY(200px); scale: 0.7; }
}

/*@media (max-width:1600px) {
    .joinEvent_2501 .quickBn { display: none; }
}*/


@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src:url("/common/font/PretendardVariable.woff2") format('woff2-variations');
}


/* skip navigation */
.skip_navi a { display:block; position:absolute; left:0; top:-100px; width:100%; padding:0px 0; text-align:center; z-index:1001; border:none; }
.skip_navi a:active, .skip_navi a:focus { top:0; font-weight:bold; padding:5px 0; background:#e1e1e1; line-height:1.5; border-bottom:1px solid #aaa; outline:transparent; }

body,html { text-size-adjust:none; }
/* html { scroll-behavior: smooth; } */
/* body { min-width:1600px; } */

/* base */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,a { margin:0; padding:0; font-weight:normal; word-break:keep-all; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#111; letter-spacing: -.03em; font-weight:500; font-size:15px; line-height:1.4; }
dl,ul,ol,menu,li { list-style:none; }
img { border:0; height:auto; line-height:100%; vertical-align:top; outline:none; text-decoration:none; }
iframe { border:0; margin:0; padding:0; }
button { border:none; background-color:transparent; cursor:pointer; border-radius:5px; transition:all .2s; }
input::placeholder,textarea::placeholder { color:#aaaaba; }
input,select,textarea { color:#111; }
input[type=text],input[type=password],input[type=file],input[type=tel],input[type=number],input[type=email], input[type=date] { box-sizing:border-box; border:1px solid #d5d5d5; height:40px; vertical-align:middle; background:#fff; padding:0 10px; border-radius:5px; }
input:disabled,textarea:disabled,input:read-only, textarea:read-only { background:#eee; border:1px solid #d5d5d5; }
input[type=number] { padding:0; text-align:center; padding-left:10px; }
textarea { border:1px solid #d5d5d5 ;padding:20px; box-sizing:border-box; background:#fbfbfb; width:100%; border-radius:5px; }
input[type=text]:focus,input[type=password]:focus,textarea:focus,input[type=tel]:focus,input[type=email]:focus,select:focus,input[type=number]:focus,input[type=date]:focus { border:1px solid #332fd0; outline:transparent; }
input:read-only:focus { border:1px solid #d5d5d5; }
table { border-collapse:collapse; border:0; border-spacing:0; width:100%; }
caption, legend { text-indent:-9999px; overflow:hidden; height:0; }
em,address { font-style:normal; }
a { text-decoration:none; transition:all .2s; }
#container:focus { outline:transparent; }
a:hover { color:#332fd0; }
* { box-sizing:border-box; }
.swiper-container { margin:0 !important; }

/* form 요소 디자인 */
select { height:40px; min-width:125px; padding:0 40px 0 15px; background:#fff url(../../images/common/select_arrow.png) no-repeat right center; border:1px solid #d5d5d5; cursor:pointer; appearance:none; border-radius:5px; vertical-align:middle; }
.select_gray { background:#f4f5f7 url(../../images/common/select_arrow.png) no-repeat right center; color:#111; }
.select_whiteLine { border:1px solid transparent; }
label { cursor:pointer; color:#6a6a77; transition:all .2s; }
label:hover { color:#332fd0; }
input[type=radio] { background:#fff; appearance:none; width:20px; height:20px; border:2px solid #aaaaba; border-radius:20px; transition:border .1s ease-in-out; cursor:pointer; margin-right:5px; vertical-align:text-top; }
input[type=radio]:hover { border:2px solid #555; }
input[type=radio]:checked { border:5px solid #332fd0; }
input[type=checkbox] { background:url(/images/common/icon_checkOff.png) no-repeat center; appearance:none; width:20px; height:20px; border:none; border-radius:3px; transition:all .1s ease-in-out; cursor:pointer; margin-right:5px; vertical-align:text-top; }
input[type=checkbox]:hover { border:1px solid #555; }
input[type=checkbox]:checked { border:2px solid #332fd0; background:url(/images/common/icon_checkOn.png) no-repeat center; }
input[type=checkbox]:disabled { border:2px solid #aaaaba; background:#d5d5d5; }
input.input_warning { border:1px solid #f1416c; background:url(/images/common/icon_inputError.png) calc(100% - 8px) center no-repeat; padding-right:35px; }
.input_message { display:none; font-size:12px; color:#f1416c; padding-top:10px; }
.input_warning + .input_message { display:block; }
input[type=file] { padding-top:5px; cursor:pointer; }
.file_number { position:absolute; top:15px; left:220px; }
.file_number dt, .file_number dd { display:inline-block; }
.file_number dt { color:#aaaaba; padding-right:5px; vertical-align:top; }
.file_number dd select { margin-top:-8px; }
.like_comment { position:absolute; top:15px; left:220px; }
.radio_section.line,.checkBox_section.line { display:flex; }
.radio_section.line li,.checkBox_section.line li { margin-right:20px; }
.radio_section.line li:last-child,.checkBox_section.line li:last-child { margin-right:0; }

/* 첨부파일 */
.file_search { position:relative; width:560px; display:inline-block; height:40px; }
.file_search input[type=text] { width:400px; height:40px; vertical-align:top; border:1px solid #d5d5d5; }
.file_search a { display:inline-block; box-sizing:border-box; background:#332fd0; width:120px; height:40px; line-height:38px; text-align:center; color:#fff; transition:all .2s; margin-left:-10px; font-size:16px; border:1px solid #332fd0; border-radius:0 5px 5px 0; }
.file_search a { display:inline-block; box-sizing:border-box; background:#332fd0; width:120px; height:40px; line-height:38px; text-align:center; color:#fff; transition:all .2s; margin-left:-10px; font-size:16px; border:1px solid #332fd0; border-radius:0 5px 5px 0; }
.file_search .fileInput_opacity { position:absolute; left:0; top:0; width:515px; height:40px; cursor:pointer; opacity:0; }

input.width100 { width:100%; }
input.width98 { width:98%; }
input.width90 { width:90%; }
input.width80 { width:80%; }
input.width50 { width:50% !important; }

.marginT0 { margin-top:0 !important; }
.marginT10 { margin-top:10px; }
.marginT20 { margin-top:20px; }
.marginT30 { margin-top:30px; }
.marginT40 { margin-top:40px; }
.marginT50 { margin-top:50px; }
.marginB0 { margin-bottom:0 !important; }
.marginL10 { margin-left:10px; }
.padding0 { padding:0 !important; }

.relative { position:relative; }
.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.alignC { text-align:center !important; }
.verticalT { vertical-align:top; }
.displayN { display:none; }
.displayB { display:block !important; }
input.input_red { border:1px solid #f1416c; }
input.input_red:focus { border:1px solid #332fd0; }

/* 텍스트 스타일 */
.txt_basicBlue { color:#332fd0; }
.txt_basicRed { color:#ed234b !important; }
.txt_redGuide { position:relative; color:#ed234b; padding-left:10px; font-size:14px; margin:20px 0; }
.txt_redGuide.alignR { float:right; }
.txt_redGuide.gray { color:#a1a5b7; font-size:14px; }
.txt_redGuide p { color:#a1a5b7; font-size:14px; }
.txt_redGuide:before { position:absolute; left:0; top:3px; content:"* "; display:inline-block; }

/* 텍스트 아이콘 */
.icon_blueBg { font-weight:600; background:#332fd0; color:#fff; font-size:11px; padding:3px 5px 2px; border-radius:3px; vertical-align:middle; }
.icon_lightBlueBg { font-weight:600; background:#332fd0; color:#fff; font-size:11px; padding:3px 5px 2px; border-radius:3px; vertical-align:middle; }
.icon_redBg { font-weight:600; background:#ed234b; color:#fff; font-size:11px; padding:3px 5px 2px; border-radius:3px; vertical-align:middle; }
.icon_guide { font-size:16px; font-weight:600; }
.icon_guide:after { content:"?"; display:inline-block; width:20px; height:20px; text-align:center; color:#fff; font-size:14px; font-weight:600; background:#b9b9b9; border-radius:10px; padding-top:1px; box-sizing:border-box; margin:0 0 0 6px; vertical-align:1px; transition:all .1s; }
.icon_guide:hover:after { background:#332fd0;  }
.icon_new { display:inline-block; background:#ed234b; color:#fff; padding-top:1px; width:18px; height:19px; font-weight:700; font-size:13px; text-align:center; border-radius:3px; margin-left:15px; vertical-align:top; }

/* 게시판 아이콘 */
.icon_section { display:flex; }
.icon_section span { font-size:13px; text-align:center; color:#fff; font-weight:700; background:#000; border-radius:5px; padding:4px 10px; }
.icon_section span.blue { background:#332fd0; }
.icon_section span.red { background:#ed234b; }
.icon_section li { margin-right:9px; }

/* 게시판 버튼 */
.btn_board { border:1px solid #332fd0; color:#332fd0; border-radius:5px; font-size:14px; padding:6px 11px; background:#fff; }
.btn_board:hover { border:1px solid #332fd0; color:#fff; background:#332fd0; text-decoration:none; }

/* 버튼 스타일 */
.btn_blueBg { display:block; min-width:140px; height:40px; padding:0 20px; background:#332fd0 !important; border:1px solid #332fd0 !important; color:#fff !important; text-align:center; border-radius:5px; }
.btn_blueBg strong { color:#fffa6e; }
.btn_blueBg:hover { background:#121b74 !important; }
.btn_blackBg { background:#333 !important; border:1px solid #333 !important; color:#fff !important; }
.btn_blackBg:hover { background:#000 !important; border:1px solid #000 !important; }
a.btn_blueBg { display:inline-block; padding-top:9px; }
.btn_blueBorder { display:inline-block; min-width:140px; height:40px; padding:9px 20px 0 20px; background:#fff; border:1px solid #332fd0; text-align:center; border-radius:5px; color:#332fd0; }
.btn_blueBorder:hover { background:#f5f6fb; }

/* 테이블 영역 */
.table_section { position:relative; margin-top:50px; }
.pop_wrap .table_section { margin-top:30px; }
.table_section .totalList_area { display:flex; margin-bottom:20px; }
.pop_wrap .totalList_area { display:flex; margin-bottom:20px; }
.table_section .totalList_area ul,.table_section .totalList_area { display:flex; align-items:center; }
.table_section .totalList_area .total { color:#444; }
.table_section .totalList_area .total strong,.table_section .totalList_area p strong { color:#332fd0; }
.table_section .totalList_area .table_btnArea { margin:0 0 0 auto; }

/* 테이블 오른쪽 위 버튼 */
.table_btnArea.rightTop { margin-bottom:20px; }
.table_btnArea.rightTop li a, .table_btnArea.rightTop li button { background:#eee; border:1px solid #afb2c1; color:#666; }
.table_btnArea.rightTop li a:hover, .table_btnArea.rightTop li button:hover { background:#e4e4e4; border:1px solid #afb2c1; color:#666; }
.table_btnArea.rightTop li a.check, .table_btnArea.rightTop li button.check { background:#e6f4ff url(../../images/common/check.png) no-repeat 15px 9px; border:1px solid #332fd0; padding-left:25px; color:#332fd0;  }


/* 테이블 버튼영역 */
.table_btnArea { justify-content:right; margin:30px 0 0 auto; }
.sortTables { justify-content:right; margin-left:auto; }
.table_btnArea,.sortTables { display:flex; }
.table_btnArea li,.sortTables li { margin-left:10px; }
.table_btnArea li a, .table_btnArea li button { display:block; min-width:140px; height:35px; background:#5f6368; border:1px solid #5f6368; color:#fff; text-align:center; border-radius:5px; padding-top:6px; }
.table_btnArea li a:hover, .table_btnArea li button:hover { background:#111; border-radius:1px solid #111; }
.table_btnArea li:first-child { margin-left:0; }
.sortTables button,.btn_line { display:inline-block; height:28px; line-height:26px; padding:0 15px 0; border:1px solid #332fd0; background:#fff; color:#332fd0; border-radius:30px; font-size:14px; font-weight:600; }
.sortTables button.on { background:#332fd0; color:#fff; }
.sortTables button:hover,.btn_line:hover { background:#f5f6fb; text-decoration:none; }
.sortTables button.on:hover { background:#121b74; color:#fff; }
.btn_line.gray {background:#fff; border:1px solid #a1a5b7; color:#a1a5b7; }

.btn_tableInner { display:inline-block; padding:5px 15px 0 15px; height:30px; background:#3399ff; border-radius:100px; color:#fff; box-sizing:border-box; }
.btn_tableInner.gray { background:#737895; }
.btn_tableInner.red,.btn_tableInner_square.red { background:#f1416c; }
.btn_tableInner.blue,.btn_tableInner_square.blue { background:#332fd0; }
.btn_tableInner:hover { background:#085db2; color:#fff; }
.btn_approval a { width:68px; }
.btn_approval li:last-child { margin-top:5px; }
.approval_txt { height:282px; padding-bottom:30px; overflow:auto; overflow-x:hidden; }
.sortList { width:50px; }
.btn_areaTable { display:flex; margin-top:50px; justify-content:center; }
.btn_areaTable li { margin-left:20px;}
.btn_areaTable li:first-child { margin-left:0; }
.btn_areaTable li:first-child a { display:inline-block; min-width:130px; text-align:center; height:34px; padding:0 10px 0; background:#fff; padding-top:5px; border-radius:5px; border:1px solid #121b74; transition:all .2s; box-sizing:border-box; }
.btn_areaTable li:first-child a:hover { border:1px solid #3399ff; color:#3399ff; }
.btn_areaTable button { display:inline-block; min-width:130px; height:34px; padding:0 10px 0; color:#fff; background:#121b74; vertical-align:middle; }
.btn_areaTable button:hover { background:#3399ff; }
.btn_tableInner_square { display:inline-block; padding:7px 20px 0 20px; height:35px; background:#444; border-radius:5px; color:#fff; box-sizing:border-box; }
.btn_tableInner_square:hover { color:#fff; background:#000; }

/* 기본테이블 */
table { border-top:1px solid #000; border-bottom:1px solid #d5d5d5; }
table th,table td { padding:15px; background:#fff; border-top:1px solid #d5d5d5; text-align:center; }
table th { font-size:16px; background:#eee; border-top:none; font-weight:600; }
.table_comment,.essential_comment { color:#f1416c; padding-left:2px; }
.table_topComment { text-align:right; color:#f1416c; padding-right:20px; }

/* 라인있는 테이블 */
.table_line { border-top:1px solid #000; }
.table_line th { background:#eee; border:1px solid #d5d5d5; border-top:none; }
.table_line td { border:1px solid #d5d5d5; }

/* 글쓰기 테이블 */
.table_write tr:last-child td { border-bottom:none; }
.table_write td,.table_write th { text-align:left; border:none; border-bottom:1px solid #d5d5d5; }
.table_write th { text-align:center; }
.table_write th.blue_bg { background:#e6f4ff;}
.table_write .table_content div { min-height:200px; padding:10px 0 70px; }
.table_write .table_content div * { line-height:1.6; font-weight:400; }
.table_write .table_content div strong { color:#332fd0; font-size:16px; font-weight:700; display:block; margin-bottom:20px;}
.table_write .table_content p.right { position:absolute; bottom:20px; right:0; color:#f1416c;font-size:14px; }

/* 중첩테이블 */
.table_overlay { border-top:1px solid #d5d5d5; margin:15px 0 }
.table_overlay td,.table_overlay th { border:1px solid #d5d5d5; text-align:center; }
.alignL td,.alignL th { text-align:left; }

.alignC td,.alignC th { text-align:center; }

/* pagination */
.board_pagination { display:flex;	justify-content:center; margin:40px auto 60px; }
.pop_wrap .board_pagination { margin-top:30px;  }
.board_pagination a { display:inline-block; width:30px; height:30px; border-radius:5px; text-align:center; padding-top:5px; vertical-align:middle; font-size:14px; font-weight:600; margin-left:10px; }
.board_pagination a:first-child { margin-left:0; }
.board_pagination a.active { background:#332fd0; color:#fff; }
.board_pagination a.num:not(.active):hover { background:#efefef; }

.board_pagination .btn_pagingStart,.board_pagination .btn_pagingPrev,.board_pagination .btn_pagingNext,.board_pagination .btn_pagingEnd { text-indent:-9999px; overflow:hidden; opacity:.4; }
.board_pagination .btn_pagingStart:hover,.board_pagination .btn_pagingPrev:hover,.board_pagination .btn_pagingNext:hover,.board_pagination .btn_pagingEnd:hover { opacity:1; }
.board_pagination .btn_pagingStart,.board_pagination .btn_pagingStart:hover { background:url(//s3.unistudy.co.kr/images/common/btn_pagingStart.png) no-repeat center; }
.board_pagination .btn_pagingPrev,.board_pagination .btn_pagingPrev:hover { background:url(//s3.unistudy.co.kr/images/common/btn_pagingPrev.png) no-repeat center; }
.board_pagination .btn_pagingNext,.board_pagination .btn_pagingNext:hover { background:url(//s3.unistudy.co.kr/images/common/btn_pagingNext.png) no-repeat center; }
.board_pagination .btn_pagingEnd,.board_pagination .btn_pagingEnd:hover { background:url(//s3.unistudy.co.kr/images/common/btn_pagingEnd.png) no-repeat center; }

/* 내용검색 */
.searchContent { display:flex; justify-content:space-between; background:#eee; padding:20px; border-radius:5px; gap:10px; }
.searchContent input[type=text] { width:615px; }
.searchContent button { width:120px; height:40px; background:#a1a5b7; font-size:16px; color:#fff; }
.searchContent button:hover { background:#332fd0; }

/* 모달 레이어 디자인 */
.pop_wrap { background:#fff; }
.pop_wrap h1,.modal_wrap h1 { background:#3399ff; min-height:60px; color:#fff; font-size:21px; font-weight:600; padding:15px 35px 15px 15px; box-sizing:border-box; }
.pop_wrap h1 strong { color:#fffa6e; }
.pop_wrap h1 small { font-weight:500; font-size:16px;color:#fffa6e; margin-left:5px; }
.pop_wrap h2 { font-size:20px; font-weight:700; margin:30px 0 15px; }
.pop_wrap h2:first-child { margin-top:0; }
.pop_wrap .pop_content,.modal_wrap .content { padding:30px 40px 40px; }
.pop_wrap .btn_area { margin:40px 0 30px; height:40px; display:flex; justify-content:center; }
.pop_wrap .pop_comment,.modal_wrap .pop_comment { display:block; color:#aaaaba; font-size:14px; padding-bottom:25px; text-align:center; }
.pop_wrap .write_guide { color:#aaaaba; font-size:14px; text-align:right; }
.pop_wrap .write_guide strong { color:#f1416c; }
.pop_wrap .write_input dt { font-size:16px; font-weight:700; padding-left:5px; }
.pop_wrap .write_input dt strong { color:#f1416c; }
.pop_wrap .write_input dd { margin:8px 0 30px; }
.pop_wrap .write_input dd select,.pop_wrap .write_input dd input[type=password] { width:100%; }
.pop_wrap .write_input .file_search { width:100%; }
.pop_wrap .write_input .file_search input { width:calc(100% - 114px); }
.pop_wrap .write_input .file_search .fileInput_opacity { left:0; top:0; width:100%; }
.pop_wrap .btn_popApply { display:block; width:100%; height:50px; background:#a1a5b7; color:#fff; font-size:16px; text-align:center; }
.pop_wrap .btn_popApply:hover { background:#222; }
.pop_wrap.black h1 { background:#333; height:40px; color:#fff; font-weight:600; padding:12px 0 0 15px; box-sizing:border-box; font-size:15px; }
.pop_wrap.black .pop_content { padding:20px 15px 20px; }
.modal_wrap .btn_area { margin-top:30px; }

.btn_area { display:flex; justify-content:center; }
.btn_area.margin { margin-top:60px;}
.btn_area.alignL { justify-content:start; }
.btn_area.alignR { justify-content:right; margin-left:auto; }
.btn_area li { margin-left:20px; }
.btn_area li:first-child { margin-left:0; }
.btn_area li button,.btn_area li a,.btn_area > a { display:block; text-align:center; height:40px; border-radius:5px; font-size:16px; }
.btn_area.width_50 li,.btn_area.width_50 li { width:50%; }
.btn_area.width_50 li button,.btn_area.width_50 li a { min-width:100%; }
.btn_area li a,.btn_area li button { padding:9px 30px 0; box-sizing:border-box; border:1px solid #332fd0; background:#fff;  color:#332fd0; }
.btn_area li button:hover,.btn_area li a:hover { border:1px solid #121b74; background:#eee; color:#121b74; }
.btn_area li:last-child button,.btn_area li:last-child a { background:#332fd0; color:#fff; }
.btn_area li:last-child button:hover,.btn_area li:last-child a:hover { background:#121b74; }
.btn_area > a { background:#332fd0; color:#fff; width:280px; height:50px; padding-top:15px; font-size:16px; margin:60px 0 0px; }
.btn_area > a:hover { background:#121b74; }
.pop_wrap .btn_area { border-top:1px solid #d5d5d5; padding-top:30px; }
.pop_wrap .btn_area.noBorder { border-top:none; padding-top:0; margin-bottom:0;}
.pop_wrap .comment { position:relative; color:#aaaaba; font-size:14px; border-top:1px solid #d5d5d5; padding:30px 0 0 10px; margin-top:30px; }
.pop_wrap .comment.noBorder { border-top:none; padding:0 0 0 10px; }
.pop_wrap .comment:before { content:"* "; position:absolute; left:0; }

/* 전공계열 아이콘 색 */
.icon_major { display:inline-block; border-radius:20px; background:#0b7fff; color:#fff; font-size:13px; padding:3px 10px 2px; } /* 기본 공학계열 */
.icon_major.math { background:#2cb421 !important; } /* 수학계열 */
.icon_major.it { background:#720bff !important; } /* it_자격증 */
.icon_major.nature { background:#ff46b7 !important; } /* 자연계열 */
.icon_major.nurse { background:#ff6666 !important; } /* 간호계열 */
.icon_major.business { background:#0c3d73 !important; } /* 상경계열 */

/* 애니메이션 */
.flash_ani { animation:flash_ani .8s ease infinite; }

@keyframes flash_ani {
    0% { opacity:0; }
    20% { opacity:1; }
    80% { opacity:1; }
    100% {  opacity:0; }
}

@keyframes fadeIn_up {
    0% { opacity:0; transform: translateY(30%); }
    100% { opacity:1; transform: translateY(0%); }
}

@keyframes fadeIn_up02 {
    0% { opacity:0; transform: translateY(-40); }
    100% { opacity:1; transform: translateY(-50%); }
}

@keyframes fadeIn_up03 {
    0% { opacity:0; transform: translateY(5%); }
    100% { opacity:1; transform: translateY(0%); }
}

@keyframes spin
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(180deg); }
}
@keyframes fadeIn
{
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadeOut
{
    0% { opacity:1; }
    100% { opacity:0; }
}

/* 모달팝업 */
.modalLayer { position:absolute; top:50%; left:50%; z-index:1001; }
.modal_layerBg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.83); z-index:-1; }
.modalLayer .btn_modalClose { position:absolute; right:-35px; top:10px; }

/*메인 */
#wrapper { position:relative; width:100%; height:100%; }
.container { position:relative; width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;justify-content:space-between; align-items:center; }
.main .content { width:1200px; margin:0 auto; overflow:hidden; }
.top_banner { position:relative; width:100%; height:80px; }
.top_banner li ul { display:flex; justify-content:center; }
.top_banner .swiper-slide > a { position:relative; display:block; width:1200px; height:80px; margin:0 auto; }
.top_banner .swiper-slide > a span { position:absolute; right:0; top:0; display:block; width:100px; height:80px;  font-size:32px; font-weight:800; text-align:center; line-height:80px; }
.top_banner a strong { animation:flash_ani 1s infinite; }
.topBanner_pagination { position:absolute; bottom:8px !important; z-index:5; line-height:0; text-align:center; }
.topBanner_pagination .swiper-pagination-bullet { margin:0 3px !important; width:8px; height:8px; border-radius:5px; opacity:1; background:rgba(255,255,255,.4); transition:all .5s; }
.topBanner_pagination .swiper-pagination-bullet-active { background: #fff; }
.gnb { position:relative; width:100%; z-index:1000; }
.logo_wrap { height:90px; border-bottom:1px solid #e0e0e0; }
.logo_wrap h1 { position:absolute; left:50%; margin-left:-115px; }
.logo_wrap .container,.logo_wrap .container,.menu_wrap .container { height:100%; }
.logo_wrap .container label { position:relative; }
.logo_wrap .container label input { width:251px; height:36px; border-radius:18px; padding:0 35px 0 20px; color:#332fd0; font-size:14px; }
.logo_wrap .container label button { position:absolute; right:15px; top:6px; height:32px; }
.logo_wrap .container > ul { display:flex; }
.logo_wrap .container > ul > li { position:relative; width:44px; height:44px; margin-left:10px; }
.logo_wrap .container > ul > li > a { position:relative; display:block; width:44px; height:44px; text-indent:-9999px; margin-left:12px; border-radius:30px; }
.logo_wrap .btn_bookmark { background:#fff url(../../images/common/icon_bookmark.png) no-repeat center 11px; }
.logo_wrap .btn_bookmark:hover { background:#e2eaf7 url(../../images/common/icon_bookmark_hover.png) no-repeat center 11px; }
.logo_wrap .btn_join { background:#fff url(../../images/common/icon_join.png) no-repeat 10px center; }
.logo_wrap .btn_join:hover { background:#e2eaf7 url(../../images/common/icon_join_hover.png) no-repeat 10px center; }
.logo_wrap .btn_login { background:#fff url(../../images/common/icon_login.png) no-repeat center; }
.logo_wrap .btn_login:hover { background:#e2eaf7 url(../../images/common/icon_login_hover.png) no-repeat center; }
.logo_wrap .btn_cart { background:#fff url(../../images/common/icon_cart.png) no-repeat center; }
.logo_wrap .btn_cart:hover { background:#e2eaf7 url(../../images/common/icon_cart_hover.png) no-repeat center; }
.logo_wrap .btn_logout { background:#fff url(../../images/common/icon_logOut.png) no-repeat center; }
.logo_wrap .btn_logout:hover { background:#e2eaf7 url(../../images/common/icon_logOut_hover.png) no-repeat center; }
.logo_wrap .btn_bookmark:hover:after,.logo_wrap .btn_join:hover:after,.logo_wrap .btn_login:hover:after,.logo_wrap .btn_logout:hover:after,.logo_wrap .btn_cart:hover:after { position:absolute; bottom:-30px; left:-8px; display:block; width:60px; height:20px; background:#000; content:"즐겨찾기"; color:#fff; font-weight:500; border-radius:3px; text-indent:0; font-size:12px; text-align:center; animation:fadeIn_up .25s ease-out both; padding-top:3px; }
.logo_wrap .btn_join:hover:after { content:"회원가입"; }
.logo_wrap .btn_login:hover:after { content:"로그인"; }
.logo_wrap .btn_logout:hover:after { content:"로그아웃"; }
.logo_wrap .btn_cart:hover:after { content:"장바구니"; }
.logo_wrap .name { padding:8px 15px 0 15px; width:auto !important; height:35px !important; background:#f2f2f2; text-align:center; border-radius:30px; margin-top:5px; }
.logo_wrap .name strong { color:#332fd0; }
.logo_wrap .number { position:absolute; top:2px; left:38px; min-width:20px; padding:0 3px; height:20px; background:#332fd0; color:#fff; font-size:11px; text-align:center; z-index:100; border-radius:10px; line-height:20px; border:1px solid #fff; }
.logo_wrap .favorite_menu { position:absolute; right:-115px; top:50px; width:230px; background:#fff; z-index:1000; border:1px solid #e5e5e5; border-radius:10px; box-shadow:3px 3px 3px rgba(0,0,0,.2); padding:15px 10px 20px; }
.logo_wrap .favorite_menu .btn_bookmark:hover:after { display:none; }
.logo_wrap .favorite_menu h2 { font-size:15px; margin:0; padding:0 0 10px 10px; border-bottom:1px solid #d5d5d5; }
.logo_wrap .favorite_update { position:absolute; right:20px; top:15px; display:block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:#332fd0 url(../../images/common/icon_addWhite.png) no-repeat center; border-radius:10px; }
.logo_wrap .btn_favoriteClose { position:absolute; right:20px; top:15px; display:block; text-indent:-9999px; overflow:hidden; width:20px; height:20px; background:url(../../images/common/btn_close.png) no-repeat center; border-radius:10px; }
.logo_wrap .favorite_update:hover { background:#332fd0 url(../../images/common/icon_addWhite.png) no-repeat center; }
.logo_wrap .btn_favoriteClose:hover { background:#332fd0 url(../../images/common/btn_closeWhite.png) no-repeat center; }
.logo_wrap .favorite_menu { opacity:0; visibility:hidden; height:0; }
.logo_wrap .favorite_menu.on { animation:fadeIn_up03 .25s ease-out both; visibility:visible; height:auto; }
.logo_wrap .favorite_menu button { padding:3px 20px; background:#332fd0; margin:10px auto 0; color:#fff; font-size:13px; display:block; }
.logo_wrap .favorite_menu button:hover { background:#121b74; }
.logo_wrap .menu_list { margin-top:10px; }
.logo_wrap .menu_list li { padding:5px 10px 5px 10px; }
.logo_wrap .menu_list a { position:relative; display:block; font-size:14px; width:100%; font-weight:500; }
.logo_wrap .menu_list a:after { position:absolute; right:0; display:inline-block; content:""; width:20px; height:20px; background:#a1a5b7 url(../../images/common/btn_plus.png) no-repeat center; border-radius:10px; transition:all .2s; }
.logo_wrap .menu_list a.minus:after { background:#a1a5b7 url(../../images/common/btn_minus.png) no-repeat center;  }
.logo_wrap .menu_list a:hover { text-decoration:underline; }
.logo_wrap .menu_list a:hover:after { background:#332fd0 url(../../images/common/btn_plus.png) no-repeat center; }
.logo_wrap .menu_list a.minus:hover:after { background:#332fd0 url(../../images/common/btn_minus.png) no-repeat center; }
.logo_wrap .menu_list.myBookmark a:after { background:#fff url(../../images/common/bullet_right.png) no-repeat 8px center; }
.logo_wrap .menu_list.myBookmark a:hover:after { background:#332fd0 url(../../images/common/bullet_rightWhite.png) no-repeat 8px center; }
.logo_wrap .login_required p { font-size:14px; text-align:center; padding-top:14px; }
.logo_wrap .login_required ul { display:flex; gap:10px; justify-content:center; margin-top:16px; }
.logo_wrap .login_required ul li { display:inline-block; width:90px; }
.logo_wrap .login_required a,.favorite_menu .btn_update { display:block; width:100%; height:35px; line-height:33px; background:#fff; color:#332fd0; border:1px solid #332fd0; font-size:14px; text-align:center; border-radius:3px; }
.logo_wrap .login_required a:hover,.favorite_menu .btn_update:hover { background:#332fd0; color:#fff; }
.favorite_menu .btn_update { width:90%; margin:15px auto 0; }
.menu_wrap { height:70px; box-shadow:3px 4px 3px rgba(0,0,0,.08); }
.menu_wrap .menu_hamburger { position: relative; display:inline-block; width:46px; height:46px; border:1px solid #c5c5c5; border-radius:30px; text-indent:-9999px; overflow:hidden; }
.menu_hamburger span { position:absolute; left:13px; width:18px; height:2px; background:#000; display:inline-block; transition:all .3s; }
.menu_hamburger span:nth-child(1) { top:15px; }
.menu_hamburger span:nth-child(2) { top:21px; }
.menu_hamburger span:nth-child(3) { top:27px; }
.menu_hamburger.active-1 span:nth-of-type(1) { transform:translateY(6px) rotate(-45deg); }
.menu_hamburger.active-1 span:nth-of-type(2) { opacity:0; }
.menu_hamburger.active-1 span:nth-of-type(3) { transform:translateY(-6px) rotate(45deg); }
.menu_wrap .container { justify-content:flex-start; }
.menu_wrap nav ul { display:flex; }
.menu_wrap nav ul li,.all_menu > li { position:relative; width:118px; }
.menu_wrap nav ul li:last-child,.all_menu > li:last-child { width:130px; }
.menu_wrap nav ul li:after { position:absolute; right:0; top:5px;  content:""; display:block; width:1px; height:20px; background:#bdbdbd; }
.menu_wrap nav ul li:last-child:after { display:none; }
.menu_wrap nav a { display:block; width:100%; text-align:center; font-size:20px; font-weight:700; }
.menu_wrap nav a.on { color:#332fd0; }
.menu_wrap .txt_banner { position:absolute; right:0; width:280px; height:38px; overflow:hidden; }
.menu_wrap .txt_banner li a { display:block; width:100%; height:100%; font-size:16px; font-weight:700; border-radius:30px; background:#fff; padding:7px 0 0 15px; border:1px solid #ff6a18; }
.menu_wrap .txt_banner li a:hover { color:#111; }
.menu_wrap .txt_banner li a:after { position:absolute; right:10px; top:7px; content:""; display:inline-block; width:23px; height:23px; border-radius:50px; background:#ff6a18 url(../../images/common/bullet_gnbBanner.png) no-repeat; }
.menu_wrap .txt_banner a small { font-size:14px; font-weight:400; padding-right:10px; }
.menu_wrap .txt_banner a strong { padding-right:3px; color:#ff6a18; }
.menu_detail { opacity:0; visibility:hidden; height:0; position:absolute; left:0; top:70px; width:1200px; padding:0 40px 0 45px; background:#fff; z-index:1000; border-radius:0 0 15px 15px; border-top:1px solid #eee; box-shadow:0px 5px 5px 2px rgba(0,0,0,.1); }
.menu_detail.on { animation:fadeIn .3s ease-out both; visibility:visible; height:auto; }
.menu_detail .all_menu { display:flex; }
.menu_detail .gnbBanner { position:absolute; right:40px; bottom:45px; }
.menu_detail .gnbBanner a { display:block; width:360px; height:95px; border-radius:10px; overflow:hidden; }
.menu_detail .gnbBanner li:first-child { margin-bottom:20px; }
.all_menu li a { display:block; text-align:center; padding:0 0 10px; font-weight:500; }
.all_menu > li { cursor:pointer; padding:37px 0 35px; transition:all .2s; }
.all_menu > li:hover { background:#f1faff; }

/* 메인 스와이퍼 */
.main_bigBanner { position:relative; overflow:hidden; width:100%; }
.main_bigBanner .mainSwiper { height:450px }
.main_bigBanner .mainSwiper a { position:relative; display:block; width:1200px; height:450px; margin:0 auto; border-radius:25px 25px 0 0; }
.main_bigBanner .mainSwiper dl,.main_bigBanner .mainSwiper a span { position:absolute; top:40px; left:0; background:rgba(0,0,0,.5); height:46px; border-radius:21px 21px 21px 0; padding:8px 30px 10px; font-size:16px; color:#fff; }
.main_bigBanner .mainSwiper a span { padding-top:13px; }
.main_bigBanner .mainSwiper dt { display:inline-block; color:#fff; padding-right:5px; }
.main_bigBanner .mainSwiper dd { display:inline-block; color:#fff; font-size:20px; font-weight:500; }
.main_bigBanner .mainTab { position:absolute; bottom:0; left:50%; padding:15px 20px; width:1200px; height:60px; margin-left:-600px; z-index:10; background:rgba(255,255,255,.7); border-radius:25px 25px 0 0; overflow:hidden; }
.main_bigBanner .mainTab .swiper-container { width:975px; overflow:hidden; }
.main_bigBanner .mainTab .swiper-button-next:after, .main_bigBanner .mainTab .swiper-button-prev:after { display:block; width:27px; height:44px; content:""; }
.main_bigBanner .mainTab .swiper-button-prev:after { background:url(../../images/common/icon_prev.png) no-repeat; }
.main_bigBanner .mainTab .swiper-button-next:after { background:url(../../images/common/icon_next.png) no-repeat; }
.mainTab .swiper-button-next { left:initial; right:27px; }
.mainTab .swiper-button-prev { left:initial; right:155px; }
.main_bigBanner .swiper-pagination { width:50px; left:1055px; top:18px; font-size:18px; font-weight:500; }
.main_bigBanner .mainTab .swiper-stop { position:absolute; right:67px; top:18px; display:inline-block; width:25px; height:26px; background:url(../../images/common/btn_stopPlay.png) no-repeat 0 0; cursor:pointer; }
.main_bigBanner .mainTab .swiper-stop.play { background:url(../../images/common/btn_stopPlay.png) no-repeat -25px 0; }
.main_bigBanner .mainTab .swiper-slide-thumb-active a { background:#000; border-radius:30px; color:#fff; }
.main_bigBanner .mainTab .swiper-slide-thumb-active a:hover { color:#fff; }
.mainTab .swiper-container { margin-left:0; }
.mainTab .swiper-wrapper li { width:195px; box-sizing:border-box; }
.mainTab .swiper-wrapper li:first-child { padding-left:0; }
.mainTab .swiper-wrapper li a { position:relative; display:block; height:30px; line-height:30px; color:rgba(0,0,0,.5); font-size:15px; text-align:center;  cursor:pointer; transition: initial;font-weight:600; }
.mainTab .swiper-wrapper li a:hover { color:#332fd0; }
.mainTab .swiper-wrapper li span:before { content:''; display:block; position:absolute; left:0; top:0; width:0; height:3px; background:#000; }
.main .event_section { padding-top:60px; }
.main .event_section .eventLeft { width:792px; }
.main .event_section .eventRight { width:384px; }
.main .event_section .swiper-container { border-radius:15px; }
.main .event_section .swiper-container a span { position:absolute; right:0; bottom:0; transition:all .2s; }
.main .event_section .swiper-container a { display:block; width:100%; height:100%; }
.main .event_section .swiper-container a:hover span { bottom:13px; }
.over_control .pagination { position:absolute; top:15px; left:initial !important; bottom:initial !important; right:20px; z-index:5; line-height:0; text-align:right; }
.over_control .pagination .swiper-pagination-bullet { margin:0 0 0 5px !important; width:12px; height:12px; border-radius:6px; opacity:1; border:1px solid #fff; background:transparent; transition:all .5s; }
.over_control .pagination .swiper-pagination-bullet-active { background:#fff; }
.over_control button { width:35px; height:45px; background:rgba(0,0,0,.5); opacity:0; }
.over_control button:after { color:#fff; font-size:16px; }
.swiper-container:hover .over_control button { opacity:1; }
.over_control .swiper-button-prev { left:0; border-radius:0 3px 3px 0; }
.over_control .swiper-button-next { right:0; border-radius:3px 0 0 3px; }

/* 왼쪽 ASIDE 배너 */
.aside_left { position:absolute; top:80px; width:50px; height:100vh; padding-top:15px; background:#fff; border-right:1px solid #ccc; box-shadow:2px 2px 2px rgba(0,0,0,.1); z-index:1001; }
.aside_left li { padding:10px 0; }
.aside_left li a { position:relative; display:block; height:40px; text-indent:-9999px; }
.aside_left li:nth-child(1) a { background:url(//s3.unistudy.co.kr/images/pc/common/aside_01.png) no-repeat; }
.aside_left li:nth-child(1) a:hover { background:url(//s3.unistudy.co.kr/images/pc/common/aside_01_hover.png) no-repeat; }
.aside_left li:nth-child(2) a { background:url(//s3.unistudy.co.kr/images/pc/common/aside_02.png) no-repeat; }
.aside_left li:nth-child(2) a:hover { background:url(//s3.unistudy.co.kr/images/pc/common/aside_02_hover.png) no-repeat; }
.aside_left li:nth-child(3) a { background:url(//s3.unistudy.co.kr/images/pc/common/aside_03.png) no-repeat; }
.aside_left li:nth-child(3) a:hover { background:url(//s3.unistudy.co.kr/images/pc/common/aside_03_hover.png) no-repeat; }
.aside_left li:nth-child(4) a { background:url(//s3.unistudy.co.kr/images/pc/common/aside_04.png) no-repeat; }
.aside_left li:nth-child(4) a:hover { background:url(//s3.unistudy.co.kr/images/pc/common/aside_04_hover.png) no-repeat; }
.aside_left li:nth-child(5) a { background:url(//s3.unistudy.co.kr/images/pc/common/aside_05.png) no-repeat; }
.aside_left li:nth-child(5) a:hover { background:url(//s3.unistudy.co.kr/images/pc/common/aside_05_hover.png) no-repeat; }
.aside_left li a:after { opacity:0; position:absolute; left:60px; top:50%; display:block; content:"기초학력증진"; width:75px; text-align:left; background:#fff; border-radius:3px; padding:3px 0 3px 10px; font-size:13px; text-indent:0; font-weight:500; color:#332fd0; border:1px solid #332fd0; }
.aside_left li a:hover:after { animation:fadeIn_up02 .25s ease-out both; }
.aside_left li:nth-child(2) a:hover:after { width:80px; content:"Big패키지 혜택"; }
.aside_left li:nth-child(3) a:hover:after { width:110px; content:"A+ 학점 성공스토리"; }
.aside_left li:nth-child(4) a:hover:after { width:65px; content:"이용가이드"; }
.aside_left li:nth-child(5) a:hover:after { width:90px; content:"기출족보 자료실"; }


.skyBanner { position:absolute; top:60px; left:50%; margin-left:-770px; width:110px; }
.skyBanner.right { left:initial; right:50%; margin-left:0; margin-right:-770px; }
.skyBanner > li { margin-bottom:21px; }
.skyBanner li a { display:block; width:100%; height:100%; }
.rollingSwiper .swiper-button-next:after, .rollingSwiper .swiper-button-prev:after { display:block; font-size:11px; font-weight:bold; color:#5f6368; }
.rollingSwiper { border:1px solid #cac9cf; border-radius:10px; box-sizing:border-box; padding:10px 0; }
.rollingSwiper a p { font-size:12px; text-align:center; }
.rollingSwiper a img {  padding:0 0 10px 11px;  }
.rollingSwiper a { margin-bottom:16px; }
.rollingSwiper_pagination { margin-bottom:5px; text-align:center; font-size:12px; color:#5f6368; font-weight:800; }
.rollingSwiper .swiper-button-prev,.rollingSwiper .swiper-button-next { top:initial; bottom:-7px; }

/* 신규 인기강좌 */
.main .uni_lecture { width:1200px; display:flex; justify-content:space-between; overflow:hidden; }
.main .lecture_section > div { position:relative; width:590px; height:360px; border-radius:15px; border:1px solid #d4d4d4; padding:24px; }
.main .lecture_section .lecture_detail { width:100%; height:110px; z-index:100; background:#fff; overflow:visible; }
.main .lecture_detail a { position:relative; display:block; width:100%; }
.main .lecture_detail a > div { position:absolute; left:170px; top:12px; background:#fff; }
.main .lecture_detail strong { display:block; width:370px; font-size:18px; padding:7px 0 10px; overflow:hidden;	white-space: nowrap; text-overflow:ellipsis; word-break:break-all; }
.main .lecture_detail a:hover strong { color:#332fd0; }
.main .lecture_detail li p { position:relative; width:150px; height:110px; border-radius:10px; background:#f2f2f2; margin-right:22px; transition:all .2s; overflow:hidden; }
.main .lecture_detail li:hover p { background:#0b7fff; }
.main .lecture_detail li p img { position:absolute; left:0; top:0; width:160px; height:auto; }
.main .uni_lecture dt, .main .uni_lecture dd { display:inline-block; }
.main .lecture_list { position:absolute; bottom:13px; height:250px; }
.main .lecture_list li a { display:flex; }
.main .lecture_list li { border-top:1px solid #d4d4d4; padding:12px 0 16px; }
.main .uni_lecture dd { vertical-align:-1px;}
.main .lecture_list li strong { width:365px; padding:4px 0 0 20px; overflow:hidden;	white-space: nowrap; text-overflow:ellipsis; word-break:break-all; font-weight:600; }
.main .uni_lecture .icon_major { margin:1px 5px 0 0; }
.uni_lecture .circle { top:-60px; }
.uni_lecture .swiper-button-next { right:-25px; transform:rotate(-90deg); }
.uni_lecture .swiper-button-prev { left:495px; transform:rotate(-90deg); }

/* 수강후기 */
.main .courseReview { margin-bottom:60px; }
.review_list { width:1200px; overflow:visible !important; }
.review_list li a { display:block; height:190px; background:#f2f2f2; border-radius:15px; padding:24px; }

.review_list li a:hover { background:#e1eaf6; }
.review_list li div { margin:17px 0 21px; overflow:hidden; white-space:normal;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;word-break:keep-all; }
.review_list li p { font-size:14px; color:#5f6368; }
.review_list .swiper-button-next,.movie_list .swiper-button-next { right:0px; }
.review_list .swiper-button-prev,.movie_list .swiper-button-prev { left:1130px; }

/* 무료체험 유니스터디tv */
.main .uniMovie { padding-bottom:50px; background:#f1faff; }
.movie_list { width:1200px; overflow:visible !important; }
.movie_list li a { position:relative; display:block; height:256px; }
.movie_list a p { border-radius:15px; overflow:hidden; height:160px; }
.movie_list a p:after { position:absolute; content:""; display:block; left:0; top:0; background:url(../../images/common/movieHover.png) no-repeat; width:285px; height:165px; opacity:0; }
.movie_list img { transition:all .2s; width:100%; }
.movie_list a:hover p img { transform:scale(1.08); }
.movie_list a:hover p:after { animation:fadeIn .2s ease-out both; }
.movie_list span { display:inline-block; border-radius:20px; background:#332fd0; color:#fff; font-size:13px; padding:3px 10px 2px; margin:15px 0 10px; }
.movie_list div { overflow:hidden; white-space:normal;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;word-break:keep-all; font-weight:600; }
.movie_list a:hover div { color:#332fd0; }

/* 대학생활 학습가이드 */
.main .guideEvent { margin-bottom:60px; }
.guideEvent .guideSwiper { height:240px; }
.guideEvent .guideSwiper .swiper-slide a { display:block; font-weight:500; font-size:16px; padding:0 20px 0 35px; line-height:48px; overflow:hidden;	white-space: nowrap; text-overflow:ellipsis; word-break:break-all; }
.guideEvent .guideSwiper .swiper-slide { width:440px;  }
.guideEvent .guide_list > div { position:relative; width:792px; height:300px; border:1px solid #d4d4d4; border-radius:15px; padding:30px; }
.guideEvent .guideSwiper_img { position:absolute; right:27px; top:30px; width:260px; overflow:visible; }
.guideEvent .guideSwiper_img .swiper-slide { background:#fff; }
.guideEvent .guideSwiper_img .swiper-slide img { border-radius:15px; overflow:hidden; }
.guideSwiper_img .swiper-button-next { top:-66px; right:-30px; transform:rotate(-90deg); }
.guideSwiper_img .swiper-button-prev { top:-66px; left:220px; transform:rotate(-90deg); }
.guideSwiper .swiper-slide-active { background:#e8e7ff; border:1px solid #332fd0; border-radius:8px; font-weight:700; color:#332fd0; }
.guideSwiper .swiper-slide-active a { font-weight:700 !important; color:#332fd0; }
.guideSwiper .swiper-slide-active a:before { position:absolute; left:15px; top:19px; content:""; display:inline-block; width:8px; height:8px; background:#332fd0; border-radius:4px; }
.guideEvent .event_list { width:384px; }
.event_list .swiper-container { display:block; border-radius:15px; overflow:hidden; }
.guideEvent .swiper-container:hover button { opacity:1; }

/* 유니스터디 회원들이 많이 보는 콘텐츠 */
.main .uniContent { background:#f1faff; }
.main .uniContent .content { position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; }
.main .uniContent h2 strong { font-size:30px; font-weight:800; }
.main .uniContent header p { font-size:16px; color:#5f6368; }
.main .uniContent header a { display:inline-block; font-size:16px; color:#332fd0; font-weight:500; border-bottom:1px solid #332fd0; margin-top:30px; }
.main .uniContent small { display:block; color:#5f6368; font-size:20px; font-weight:normal; padding-top:4px; }
.main .uniContent .content > div { padding:60px 0 56px; overflow:hidden; }
.main .uniContent .swiper-container { width:960px; overflow:visible; }
.main .uniContent .swiper-container li { text-align:center; }
.main .uniContent dt { font-size:20px; font-weight:700; margin:20px 0 12px; }
.main .uniContent a:hover dt { color:#332fd0; }
.main .uniContent dd { color:#5f6368; font-weight:500; }
.main .uniContent header a:after { content:""; display:inline-block; margin:0 0 2px 6px; width:8px; height:8px; background:url(../../images/common/icon_more.png) no-repeat; }
.main .uniContent header a:hover:after { animation:spin .3s ease-out both; }
.uniContent .swiper-slide p { width:175px; height:175px; overflow:hidden; border-radius:100px; margin:0 auto; }
.uniContent .swiper-slide p img { transition:all .2s; }
.uniContent .swiper-slide a:hover p img { transform:scale(1.1); }
.uniContent .swiper-button-next { top:335px; right:1128px; }
.uniContent .swiper-button-prev { top:335px; left:0px; }
.uniContent .swiper-slide-active { display:none; }

/* 유니 광고 배너 */
.main .uniAd { display:block; width:1200px; margin:60px auto 0; }
.uniAd .adList { display:flex; justify-content:space-between; align-items:center; margin-top:60px; }
.uniAd .adList li { position:relative; width:282px; height:80px; border-radius:8px; border:1px solid #d4d4d4; overflow:hidden; }
.uniAd .adList li a { display:block; width:100%; height:100%; padding:17px 0 0 20px; }
.uniAd .adList li a:hover { background:#f2f2f2; }
.uniAd .adList li span { position:absolute; right:0; top:0; }
.uniAd .adList li p { font-size:14px; color:#5f6368; font-weight:500; }
.uniAd .adList li strong { font-size:18px; }
.uniAd .brandBanner { display:block; width:1200px; height:135px; overflow:hidden; border-radius:15px; }
.uniAd .brandBanner video { transform:translate(0, 0); }

/* 유니스터디 고객센터_공지사항 */
.uniCustomer {  margin-bottom:50px; }
.uniCustomer .container { align-items:start; }
.uniCustomer .customer { width:792px; }
.uniCustomer .customer > div { height:240px; border:1px solid #c5c5c5; border-radius:15px; padding:29px 29px 9px 29px; }
.uniCustomer .customer_left { width:292px; }
.uniCustomer .customer_left > strong { font-size:36px; font-weight:900; display:block; margin-top:5px; }
.uniCustomer .customer_left h3 { position:relative; margin-top:-7px; padding-left:31px; }
.uniCustomer .customer_left h3:before { position:absolute; left:0; content:""; display:inline-block; width:21px; height:22px; background:url(../../images/common/icon_customer.png) no-repeat;  }
.uniCustomer .customer_left dl { margin-top:6px; width:170px; }
.uniCustomer .customer_left dt,.uniCustomer .customer_left dd { display:inline-block; text-align:left; }
.uniCustomer .customer_left dt { font-weight:500; width:75px; }
.uniCustomer .customer_left dd { color:#5f6368; }
.uniCustomer .customer_left span { position:absolute; left:210px; top:243px; font-weight:500; }
.uniCustomer .customer_left ul { display:flex; justify-content:space-between; margin-top:23px; }
.uniCustomer .customer_left li { width:140px; height:40px; }
.uniCustomer .customer_left li a { display:block; width:100%; height:100%; color:#fff; background:#5f6368 url(../../images/common/bullet_gnbBanner.png) no-repeat 112px 8px; border-radius:5px; line-height:40px; padding-left:16px; }
.uniCustomer .customer_left li a:hover { background:#222 url(../../images/common/bullet_gnbBanner.png) no-repeat 112px 8px; }
.uniCustomer .customer_left li:last-child a { background:#fce147 url(../../images/common/bullet_rightBlack.png) no-repeat 112px 8px; color:#000; }
.uniCustomer .customer_left li:last-child a:hover { background:#f3cf00 url(../../images/common/bullet_rightBlack.png) no-repeat 112px 8px; color:#000; }
.uniCustomer .customer > div { display:flex; justify-content:space-between; }
.uniCustomer .customer_link { width:408px; display:flex; justify-content:space-between; flex-wrap: wrap; }
.uniCustomer .customer_link li { width:195px; height:80px; }
.uniCustomer .customer_link a { position:relative; display:block; width:100%; height:100%; border-radius:10px; background:#f2f2f2; }
.uniCustomer .customer_link a:hover { background:#e1eaf6; }
.uniCustomer .customer_link a span { position:absolute; top:27px; left:24px; }
.uniCustomer .customer_link a dl { position:absolute; top:20px; right:0; width:145px; text-align:center; }
.uniCustomer .customer_link a dt { color:#5f6368; font-size:14px; }
.uniCustomer .customer_link a dd { font-size:16px; font-weight:600; }
.uniCustomer .uniNotice { width:384px; height:387px; }
.uniCustomer .uniNotice > ul { height:240px; border-top:1px solid #c5c5c5; padding-top:20px; }
.uniCustomer .uniNotice li { height:45px; }
.uniCustomer .uniNotice span { font-size:12px; display:inline-block; width:44px; height:23px; text-align:center; line-height:23px; background:#ffe5f2; color:#7f5a72; border-radius:20px; margin-left:10px; }

.uniCustomer .uniNotice .icon_event { background:#daeaf8; color:#597b9f; }
.uniCustomer .uniNotice .icon_winner { background:#f9ecd3; color:#635858; }
.uniCustomer .uniNotice .icon_info { background:#c5f4e2; color:#568f7d; }
.uniCustomer .uniNotice .icon_recruit { background:#e9e3f9; color:#8b658d; }
.uniCustomer .uniNotice p { display:inline-block; font-size:14px; color:#bcbcbc; margin-left:20px; }
.uniCustomer .uniNotice li a { font-size:14px; margin-left:15px; display:inline-block; width:220px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; word-break:break-all; font-weight:500; vertical-align:-8px; }

.footer .footer_top { border-top:1px solid #e5e5e5; height:60px; }
.footer .footer_top .container { justify-content:flex-start; height:60px; }
.footer_top .link li { display:inline-block; padding:0 7px; }
.footer_top .link li:after { content:"|"; padding-left:15px; color:#ddd; }
.footer_top .link li a,.sns_link h3 { font-size:14px; }
.footer_top .link li:nth-child(4) a { font-weight:700; color:#000; }
.sns_link h3 { margin:0 10px; }
.footer .sns_link { display:flex; }
.sns_link li { display:inline-block; padding-left:5px; }
.megaFamily > button { position:absolute; right:0; top:12px; display:inline-block; width:180px; height:36px; border: 1px solid #c5c5c5; padding-right:4px; }
.megaFamily > button:after { content:""; display:inline-block; width:10px; height:7px; background:url(../../images/common/icon_menuUp.png) no-repeat; opacity:.5; margin:0 0 2px 10px; }
.megaFamily > button.on:after { background:url(../../images/common/icon_menuDown.png) no-repeat;  }
.megaFamily .familySwiper { display:none; position:absolute; right:0; bottom:60px; width:1200px; height:80px; border:1px solid #333; z-index:100; background:#fff; padding:13px 20px 0 20px; box-shadow:3px 3px 5px rgba(0,0,0,.2) }
.megaFamily .familySwiper li { display:inline-block; text-align:center; }
.megaFamily .swiper-button-next:after, .megaFamily .swiper-button-prev:after { display:block; font-size:14px; font-weight:bold; color:#5f6368; }
.megaFamily .btn_close { position:absolute; right:0px; top:0; z-index:100; background:#000; border-radius:0; }
.footer .footer_bottom { border-top:1px solid #e5e5e5; background:#f2f2f2; }
.footer .footer_bottom .container { justify-content:flex-start; height:200px; }
.footer .footer_bottom h1 { width:220px; }
.footer .footer_info dt,.footer .footer_info dd,.footer .footer_info dd a { display:inline-block; font-size:12px; vertical-align:top; }
.footer .footer_info dt:after { content:" : " }
.footer .footer_info dl:last-of-type { margin-top:15px; }
.footer .footer_info dd:after { content:" | "; padding:0 5px; }
.footer .footer_info dd:last-child:after { display:none; }
.footer .footer_bottom p { color:#a7a7a7; margin-top:15px; font-size:12px; }

/* 회원가입 */
.member_join { width:100%; height:70px; border-bottom:1px solid #ebecf1; background:#fff; box-shadow:0px 4px 10px 0px rgba(0, 0, 0, 0.025); }
.member_join > div { display:flex; justify-content:space-between; align-items:center; width:600px; height:70px; margin:0 auto; }
.member_join h1 { font-size:20px; color:#6a6a77; }
.member_join h1 strong {  color:#0082ff; padding-right:5px; }
.member_join a { display:block; width:40px; height:40px; border:1px solid #d5d5d5; border-radius:20px; text-align:center; padding-top:9px; box-sizing:border-box; }
.member_join a img { width:auto; margin:0 auto; }
.member_join a:hover { border:1px solid #aaa; box-shadow:3px 3px 4px 0px rgba(0, 0, 0, 0.1); }
.join_container { margin:50px auto 110px; width:450px; }
.join_container .join_title { text-align:center; width:90%; margin:0 auto 40px; }
.join_container .join_title span { color:#6a6a77; display:inline-block; padding:25px 0 0; line-height:1.3; }
.join_container .join_title p { font-size:28px; margin-top:20px; font-weight:600; }
.join_container .join_title span+p { margin-top:0; }
.join_container .join_title p+span { padding-top:5px; }
.terms_agreement .all_agree { color:#000; }
.terms_agreement .all_agree span { font-weight:normal; color:#000; }
.join_container .terms_agreement ul { border-top:1px solid #d5d5d5;  border-bottom:1px solid #d5d5d5; margin-top:20px; padding-top:20px; }
.join_container .terms_agreement li { position:relative; display:block; margin-bottom:20px; }
.join_container .terms_agreement li a { position:absolute; right:0; top:2px; }
.join_container .terms_agreement li strong { color:#332fd0; }
.join_container .terms_agreement .mandatory { color:#000; }
.join_container .btn_next { display:inline-block; width:100%; margin-top:40px; line-height:50px; height:50px; padding:0 10px 0; color:#fff; background:#dadada; vertical-align:middle; border-radius:5px; text-align:center; font-size:18px; }
.join_container .btn_next.blue { background:#332fd0; }
.join_container .how_join { text-align:center; }
.join_container .how_join span { color:#6a6a77; }
.join_container .how_join div h3 { font-size:24px; font-weight:600; border-bottom:0; }
.join_container .how_join div h3 + .btn_login { margin-top:0; }
.join_container .btn_login { display:inline-block; width:100%; margin-top:40px; line-height:50px; height:50px; padding:0 10px 0; color:#fff; background:#332fd0; vertical-align:middle; border-radius:5px; text-align:center; font-size:18px; }
.join_container .btn_login:hover { background:#121b74; }
.how_join div:nth-child(2) { border-top:1px solid #d5d5d5; margin-top:40px; padding-top:40px; }
.join_container .sns_login { width:205px; display:flex; justify-content:space-between; margin:35px auto; }
.join_container .how_join p,.join_container > p { color:#6a6a77; text-align:center; }
.join_container .how_join p a,.join_container > p a { text-decoration:underline; color:#332fd0; }
.join_container h3 { font-weight:700; font-size:18px; border-bottom:1px solid #d5d5d5; padding:50px 0 12px 0; margin-bottom:15px; }
.join_container h3:first-of-type { padding-top:0; }
.join_container h3 strong { color:#332fd0; }
.join_container h4 { font-size:18px; margin:30px 0 10px; }
.join_container h4:before,.join_container h4:after { content:" | " }
.inputWrite_area { text-align:left; }
.inputWrite_area dt { position:relative; padding-bottom:10px; font-weight:700; }
.inputWrite_area dd { padding-bottom:35px; }
.inputWrite_area dd+dd { margin-top:-15px; }
.inputWrite_area dd:last-child { padding-bottom:0; }
.inputWrite_area dd input[type=text],.inputWrite_area dd input[type=password],.inputWrite_area dd input[type=email],.inputWrite_area dd input[type=date],.inputWrite_area dd input[type=tel],.inputWrite_area dd select { width:100%; }
.input_buttonBoth { position:relative; }
.input_buttonBoth span { position:absolute; top:12px; right:175px; font-size:12px; color:#f1416c; }
.input_buttonBoth input[type=email],.input_buttonBoth input[type=text] { width:calc(100% - 157px) !important; }
.input_buttonBoth input[type=tel] { width:calc(100% - 290px) !important; }
.input_buttonBoth select { width:129px !important; margin-right:3px; vertical-align:top; }
.input_buttonBoth button { position:absolute; width:31%; right:0; top:0; display:inline-block; min-width:130px; height:40px; padding:0 10px 0; color:#fff; background:#332fd0; vertical-align:middle; margin-left:18px; }
.input_buttonBoth button.blue { background:#121b74; }
.input_buttonBoth button:hover { background:#121b74; }
.input_buttonBoth button.icon_search { background:#332fd0 url(../../images/common/icon_searchWhite.png) no-repeat 80% center; padding:0 25px 0 10px; }
.input_buttonBoth button.icon_search:hover { background:#121b74 url(../../images/common/icon_searchWhite.png) no-repeat 80% center; padding:0 25px 0 10px; }
.inputWrite_area .btn_addSelect { position:absolute; right:0; background:url(../../images/common/icon_addCircle.png) no-repeat; color:#332fd0; padding:2px 0 0 30px; text-decoration:underline; }
.warning_message { display:none; font-size:12px; color:#f1416c; padding:2px 0 0 25px; background: url(../../images/common/icon_inputError.png) left 0 no-repeat; margin-top:20px; }
.ok_message { display:none; font-size:12px; color:#332fd0; padding:2px 0 0 25px; background: url(../../images/common/icon_inputOk.png) left 0 no-repeat; margin-top:20px; }
.join_container .level_info { display:flex; gap:10px; justify-content:space-between; margin-bottom:10px; }
.join_container .level_info:last-child { margin-bottom:0; }
.join_container .level_info li { width:50%; }
.join_container .level_info.addCheckbox li { display:flex; width:100%; }
.join_container .level_info.addCheckbox li select { display:flex; width:50%; }
.join_container .level_info.addCheckbox li.schoolArea1 { width:16%; padding-top:7px; }
.schoolArea2 input { width:305px !important; margin-right:5px; }
.join_container .level_info li select { width:100%; }
.join_container .add_select select { width:90%; }
.join_container .add_select button { width:7%; text-align:right; }
.join_container .add_select button:hover { width:7%; text-align:right; }
.join_container .join_navy { display:flex; justify-content:space-between; }
.join_container .join_navy li { width:49%; }
.join_container .btn_joinEnd { display:block; width:100%; margin-top:70px; line-height:50px; height:50px; padding:0 10px 0; color:#fff; background:#444; border-radius:5px; text-align:center; font-size:18px; cursor:pointer; }
.pop_univSearch .input_buttonBoth input[type=text]{ width:calc(100% - 155px); }
.pop_univSearch .univ_list { margin:20px 0; width:100%; height:250px; border:1px solid #d5d5d5; border-radius:5px; padding:20px; overflow:auto; overflow-x:hidden; }
.join_container .login_section > ul li:first-child { margin-bottom:20px; }
.join_container .login_section > ul li:last-child label { position:relative; }
.join_container .login_section > ul li:last-child label button { position:absolute; right:20px; top:-1px; }
.join_container .login_section > ul li input { width:100%; }
.join_container .login_section span { display:inline-block; width:100%; color:#6a6a77; font-size:14px; text-align:center; }
.login_section .login_info { font-size:14px; display:flex; justify-content:space-between; padding-top:20px;}
.login_section .login_info input[type=checkbox] { vertical-align:-5px; }
.login_section .login_info ul { display:flex; }
.login_section .login_info ul a { font-size:14px; }
.login_section .login_info li:first-child:after { content:" | "; display:inline-block; font-size:14px; padding:0 5px; }
.join_container .idPw_search { margin:40px 0 60px; }
.join_container .idPw_search li:first-child { margin-bottom:20px; }
.join_container .idPw_search a,.satisfaction_container button { display:inline-block; width:100%; line-height:50px; height:50px; padding:0 10px 0; color:#fff; background:#332fd0; vertical-align:middle; border-radius:5px; text-align:center; font-size:18px; }
.join_container .idPw_search a:hover,.satisfaction_container button:hover { background:#121b74; }
.join_container .idPw_search li:last-child a { border:1px solid #332fd0; background:#fff; color:#332fd0; }
.join_container .idPw_search li:last-child a:hover { border:1px solid #121b74; background:#121b74; color:#fff; }
.join_container .search_result,.join_container .join_info { border:1px solid #d5d5d5; background:#fbfbfb; padding:40px 0; text-align:center; border-radius:5px; }
.join_container .search_result strong { color:#332fd0; }
.comment_list { margin-top:15px; }
.comment_list li { position:relative; font-size:14px; color:#6a6a77; padding-left:12px; line-height:1.3; }
.comment_list li:before { position:absolute; left:0; display:block; content:"※"; }
.join_container .join_info dl { margin-top:20px; }
.join_container .join_info dl:first-child { margin-top:0; }
.join_container .join_info dt,.join_container .join_info dd { display:inline-block; }
.join_container .join_info dt { width:180px; text-align:right; padding-right:40px; }
.join_container .join_info dd { width:220px; text-align:left; }
.join_container .btn_area { margin:80px 0 60px; }
.join_container .btn_area button { height:50px; padding-top:5px; }
.join_container .layer_simple { width:calc(100% - 8.88vw); }
.join_container .layer_simple .btn_layerClose { width:26px; }
.join_container .layer_simple .btn_layerClose img { width:100%; }
.loginBanner li { margin-top:20px; }
.loginBanner li:first-child { margin-top:0; }
.footer_member { margin:80px auto 30px; text-align:center; }
.footer_member ul { display:flex; justify-content:center; }
.footer_member ul a { color:#aaaaba; font-size:14px; padding:0 5px; }
.footer_member ul li:after { content:" | "; color:#aaaaba; }
.footer_member ul li:last-child:after { content:""; }
.footer_member p { font-size:13px; color:#aaaaba; margin-top:5px; }
.modifyMember li:first-child { margin-bottom:20px; }
.modifyMember li a { display:block; width:450px; height:80px; border:1px solid #d9d9d9; border-radius:5px; padding:15px 0 0 25px; background:url(../../images/sub/btn_joinView.png) no-repeat calc(100% - 20px) center; }
.modifyMember li strong { display:block; font-size:18px; }
.modifyMember li span { color:#a1a5b7; }
.phoneNumberChange .btn_popApply { margin-top:40px; }
.advertisingAlert li { position:relative; border:1px solid #d5d5d5; border-radius:5px; height:90px; margin-bottom:10px; padding:15px 0 0 55px; }
.advertisingAlert li label { position:absolute; left:20px; top:30px; }
.advertisingAlert li span { display:block; color:#a1a5b7; font-size:14px; margin-top:3px;}

/* 모바일 분기 */
@media (max-width:767px) {
    .member_join > div, .join_container { width:90%; }
    .loginBanner li img { width:100%; }
}

/* 개인정보처리방침 및 이용약관 */
.personal_info span { padding:20px 0 10px; display:inline-block; }
.modal_wrap .privacy_section,.modal_wrap .marketing_section,.pop_wrap .privacy_content { height:400px; overflow:scroll; overflow-x:hidden; border-bottom:1px solid #d5d5d5; padding:0 20px 20px 0; }
.privacy_section p { margin-bottom:15px; }
.clause_page_list { background:#fff; }
.clause_page_list .heading { font-size:18px; background:#eee; padding:10px 0; text-align:center; line-height:1.1em; vertical-align:baseline; font-weight:bold; margin-bottom:20px; border-radius:5px; }
.clause_page_list > dl > dt { font-weight:bold; margin-bottom:15px; }
.clause_page_list > dl > dd { margin-bottom:30px; }
.clause_page_list > dl > dd > ol { margin-left:20px; }
.clause_page_list > dl > dd > ol > li,.clause_page_list ol.num > li { list-style:decimal; margin-top:6px; }
.clause_page_list > dl > dd > ol > li > ul { margin:5px 0 20px 15px; }
.clause_page_list > dl > dd > ol > li > ul > li { position:relative; }
.clause_page_list > dl > dd > ol > li > ul > li:before { position:absolute; left:-12px; content:"- "; display:block; }
.clause_page_list strong { color:#332fd0; }


/* 서브페이지 레이아웃 */
.subContainer { position:relative; width:1200px; margin:40px auto 80px; display:flex; flex-wrap:wrap;justify-content:space-between; }
.lnb { position:relative; width:200px; }
.lnb > ul { border:1px solid #e5e5e5; border-radius:0 0 10px 10px; overflow:hidden; }
.lnb > ul > li {  border-bottom:1px solid #e5e5e5; }
.lnb > ul > li:last-child {  border-bottom:none; }
.lnb > ul > li a { display:block; width:100%; height:100%; color:#444; }
.lnb > ul > li > a { font-size:16px; font-weight:700; padding:20px 30px; background:#fff; }
.lnb > ul > li a.on,.lnb > ul > li a:hover { color:#332fd0; }
.lnb > ul .depth_2 { border-top:1px solid #e5e5e5; padding:15px 0; }
.lnb > ul .depth_2 a { font-size:14px; font-weight:600; padding:3px 30px; }
.lnb > ul .depth_2 a:before { content:"- " }
.lnb > ul > li > a:has(~ul) { background:url(../../images/common/icon_lnbClose.png) no-repeat 170px center; }
.lnb > ul > li > a:has(~ul).close { background:url(../../images/common/icon_lnbOpen.png) no-repeat 170px center; }
.lnb h2 { background:#332fd0; text-align:center; width:200px; height:70px; color:#fff; font-size:20px; font-weight:700; border-radius:10px 10px 0 0; padding-top:20px; }
.subContent { width:960px; }
.subContent.full { width:1200px; }
.subContent > header { display:flex; border-bottom:2px solid #e5e5e5; height:70px; padding:12px 0 19px; margin-bottom:40px; align-items:center; }
.subContent > header h3 { font-size:24px; font-weight:700; padding-right:20px; }
.subContent > header p { padding-top:3px; }
.path {  margin:10px 0 0 auto; display:flex; }
.path li { position:relative; color:#858f9a; display:inline-block; font-size:13px; padding:0 10px; }
.path li a { vertical-align:-1px; }
.path li:after { position:absolute; top:4px; right:-10px; display:inline-block; width:12px; height:16px; content:""; background:url(../../images/common/icon_path.png) no-repeat;  }
.path li:last-child:after { background:none; }
.lnb > ul .depth_2.professor_lnb { display:flex; flex-wrap:wrap; }
.lnb > ul .depth_2.professor_lnb li { width:50%; }
.lnb > ul .depth_2.professor_lnb li a { padding:3px 0 1px 30px; }
.lnb > ul .depth_2.professor_lnb li:nth-child(even) a { padding:3px 14px 1px 16px; }
.lnb > ul .depth_2.professor_lnb li a:before { content:""; }

/* 수강후기 */
.subContent .subTitle { position:relative; background:#e6f6ff; padding:30px 30px 35px; font-size:16px; line-height:1.6; border-radius:5px; margin-bottom:40px; min-height:120px; }
.subContent .subTitle > span { display:block; position:absolute; right:0; top:0; }
.subContent .courseReview { background:#e6f6ff url(../../images/sub/titleImg_courseReview.png) right top no-repeat; }
.subContent .courseReview > div { border-bottom:1px solid #bccdd6; font-size:16px; line-height:1.6; margin-bottom:25px; padding:0 10px 40px 10px; }
.subContent .courseReview strong { display:block; font-size:18px; padding-top:20px; }
.subContent .courseReview strong em { color:#332fd0; }
.subContent .courseReview small { color:#a1a5b7; }
.subContent .courseReview a { position:absolute; right:60px; top:140px; display:block; width:240px; height:50px; background:#332fd0; color:#fff; font-weight:700; text-align:center; font-size:18px; border-radius:5px; padding-top:12px; }
.subContent .courseReview a:hover { background:#121b74; }
.subContent .subTitle .guide { padding:0 10px 0; }
.subContent .subTitle .guide dt { font-size:18px; font-weight:700; padding-bottom:8px; }
.subContent .subTitle .guide dd,.subContent .subTitle .guide p { position:relative; padding-left:8px; line-height:1.6; }
.subContent .subTitle .guide dd:before { position:absolute; left:0; top:0; content:"- "; display:block; }
.subContent .subTitle .guide strong { color:#332fd0; }
.subContent .search_section { position:relative; background:#eee; border-radius:5px; padding:40px 30px; }
.subContent .search_section dt { min-width:80px; font-weight:600; font-size:16px; padding-right:30px; text-align:right; }
.subContent .search_section dt,.subContent .search_section dd { display:inline-block; }
.subContent .input_list,.pop_wrap .input_list { display:flex; flex-wrap:wrap; align-items:center; }
.subContent .input_list li,.pop_wrap .input_list li { font-size:16px; padding-right:30px; }
.courseEvaluation .input_list li { margin-bottom:15px; }
.subContent .input_list li:last-child { padding-right:0; }
.subContent .input_list.block { display:block; }
.subContent .input_list.block li { margin-bottom:10px; }
.subContent .input_list.block li:last-child { margin-bottom:0; }
.subContent .search_section dl { margin-bottom:15px; }
.subContent .search_section dl:last-child { margin-bottom:0; }
.subContent .search_section dd + dt { margin-left:60px; }
.subContent .search_section .btn_search { position:absolute; right:30px; bottom:40px; display:block; width:120px; height:40px; background:#332fd0; color:#fff; text-align:center; font-size:16px; border-radius:5px; padding-top:2px; }
.subContent .search_section .btn_search:hover { background:#121b74; }
.courseReview_subject { position:relative; }
.courseReview_subject .short_words2line { padding:6px 0 2px; }
.courseReview_subject a { margin-bottom:8px; }
.courseReview_subject dt { padding-right:5px; }
.courseReview_subject p,.courseReview_subject dt,.courseReview_subject dd,.courseReview_subject a+span:not(.icon_new) { font-size:13px; color:#a1a5b7; }
.courseReview_subject strong { color:#332fd0; font-size:16px; }
.courseReview_subject span { margin-right:6px; }
.courseReview_subject dt,.courseReview_subject dd { display:inline-block; }
.courseReview_subject dd:nth-child(2):after { display:inline-block; content:""; width:1px; height:13px; background:#b3b5c1; margin:0 5px 0 9px; vertical-align:-2px; }
.courseReview_subject dd:last-child:after { display:none;}
.subContent .subTitle.courseReview_detail { display:flex; padding:0; height:180px; overflow:hidden; }
.subContent .courseReview_detail .icon_list { margin:15px 0 0 15px; }
.subContent .courseReview_detail p { width:210px; position:absolute; top:10px; left:0;  text-align:right; }
.subContent .courseReview_detail p img { width:210px; }
.courseReview_detail .courseInfo { width:460px; margin:30px 35px 0 190px;  }
.courseReview_detail .courseInfo > dl dt { font-size:20px; font-weight:600; margin-bottom:10px; }
.courseReview_detail .courseInfo > dl dd { font-size:15px; color:#a1a5b7; margin-bottom:15px; }
.courseReview_detail .courseInfo .profInfo { display:flex; height:55px; border-top:1px solid #5f6368; align-items:center; }
.courseReview_detail .profInfo dt, .courseReview_detail .profInfo dd { display:inline-block; }
.courseReview_detail .profInfo dt { font-weight:700; padding-right:8px;}
.courseReview_detail .profInfo dd { font-size:15px; padding-right:30px; }
.courseReview_detail .profInfo a,.btn_profHome { position:relative; display:block; height:26px; background:#a1a5b7 url(../../images/common/icon_profHome.png) no-repeat 9px 6px; border-radius:5px; background-size:13px auto; color:#fff; font-size:13px; padding:4px 20px 0 27px; margin-right:30px; }
.courseReview_detail .profInfo a:hover,.btn_profHome:hover { background:#666 url(../../images/common/icon_profHome.png) no-repeat 9px 6px; background-size:13px auto; color:#fff; }
.courseReview_detail .profInfo a:after,.btn_profHome:after { position:absolute; right:8px; top:9px; width:5px; height:8px; content:""; display:block; background:url(../../images/common/bullet_review.png) no-repeat center; }
.courseReview_detail .reviewLink ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:180px; margin-top:45px; }
.courseReview_detail .reviewLink li { width:85px; height:40px; }
.courseReview_detail .reviewLink li:last-child { width:180px; margin-top:10px; }
.courseReview_detail .reviewLink li:last-child a { background:#332fd0; }
.courseReview_detail .reviewLink li:last-child a:hover { background:#121b74; }
.courseReview_detail .reviewLink a { display:block; width:100%; height:100%; border-radius:5px; background:#5f6368; text-align:center; color:#fff; padding-top:10px; }
.courseReview_detail .reviewLink a:hover { background:#111; }
.courseReview_detail .reviewLink a.noLink { background:#c7d5e1; cursor:default; }

/* 설문조사 */
.courseEvaluation > ol > li { margin:15px 0; font-size:16px; font-weight:600; }
.courseEvaluation > ol > li > ol { margin-top:10px; }
.courseEvaluation > ol > li > ol input[type=text] { margin-left:10px; width:650px; }

/* 학습 qna */
.layer_simple { display:none; position:absolute; border-radius:10px; background:#fff; box-shadow:5px 5px 4px rgba(0,0,0,.1); overflow:hidden; text-align:left; z-index:100; }
.layer_simple .btn_layerClose { position:absolute; right:10px; top:10px; }
.layer_simple.layer_qna { width:290px; top:105px; right:-80px; }
.layer_simple .layer_content { border:1px solid #333; border-top:0; border-radius:0 0 10px 10px; padding:20px; }
.layer_qna .layer_content { font-size:13px; }
.layer_qna .layer_content > li { border-bottom:1px dashed #b9b9b9; padding:18px 0 18px; }
.layer_qna .layer_content > li:first-child { padding-top:0; }
.layer_qna .layer_content > li:last-child { border-bottom:0; padding-bottom:0; }
.layer_qna .layer_content ul li { position:relative; font-size:13px; color:#b9b9b9; padding-left:10px; }
.layer_qna .layer_content ul li:before { position:absolute; left:0; content:"* " }
.layer_simple h2 { background:#333; color:#fff; font-weight:600; padding:10px 15px; margin:0; }
.layer_simple h3 { font-weight:700; padding:3px 10px; border-radius:3px; background:#d8e3ed; margin:15px 0 10px; }
.layer_simple h2 span { color:#ddd; font-size:13px; font-weight:400; padding-left:10px;}
.layer_qna .icon_state { margin-bottom:8px; }
.icon_state { display:inline-block; background:#a1a5b7; color:#fff; font-size:13px; border-radius:20px; padding:3px 10px 2px; min-width:70px; text-align:center; }
.icon_state:hover { color:#fff; text-decoration:none;}
.icon_state.icon_wait { background:#646775; }
.icon_state.icon_end { background:#332fd0; }
.icon_state.icon_ing { background:#ed234b; }
.hot_section td { background:#e6f4ff; }
td .icon_state { margin-right:8px; }
.board_contentView { padding:30px 0; font-size:16px; }
.board_contentView img { max-width:100%; height:auto; }
.board_contentView .subContainer { overflow:hidden; }
.board_comment { display:flex; margin-top:30px; }
.comment_btnArea { width:100%; display:flex; justify-content:space-between; margin-bottom:20px; }
.comment_btnArea dt,.comment_btnArea dd { display:inline-block; color:#6a6a77; font-size:14px; }
.comment_btnArea dl { border:1px solid #d5d5d5; width:82px; height:32px; border-radius:5px; text-align:center; padding-top:5px; }
.comment_btnArea dt { background:url(../../images/common/icon_comment.png) no-repeat 0 2px; padding-left:23px;  }
.comment_btnArea ul { display:flex; border:1px solid #d5d5d5; border-radius:5px; }
.comment_btnArea ul li:first-child { border-right:1px solid #d5d5d5; }
.comment_btnArea ul li a { display:block; width:50px; height:100%; font-size:14px; text-align:center; padding-top:6px; }
.comment_guide { background:#e6f6ff; height:120px; text-align:center; margin-bottom:20px; font-size:14px; padding-top:25px; border-radius:5px; }
.comment_guide:before { content:""; display:block; width:20px; height:20px; background:url(../../images/common/icon_commontError.png) no-repeat; margin:0 auto 10px; }
.comment_adoption { position:relative; display:flex; justify-content:space-between; background:#e6f6ff; text-align:left; margin-bottom:20px; font-size:14px; padding:25px 30px; border-radius:5px; align-items:flex-end; }
.table_section .btn_moreLayer { position:absolute; right:16px; top:30px; }
.table_section .qnaComment_list .btn_moreLayer { right:-14px; }
.table_section .btn_moreLayer button { vertical-align:-4px; width:30px; }
.table_section .btn_moreLayer .layer_moreBtn { display:none; position:absolute; right:0; top:-15px; width:55px; height:70px; background:#fff; border:1px solid #222; border-radius:5px; box-shadow:2px 2px 3px rgba(0,0,0,.3); padding:5px; }
.table_section .btn_moreLayer .layer_moreBtn.on { display:block; }
.table_section .btn_moreLayer .layer_moreBtn a { display:block; width:100%; height:28px; text-align:center; font-size:14px; padding-top:5px; }
.table_section .btn_moreLayer .layer_moreBtn a:hover { background:#eee; border-radius:3px; }
.qnaComment_list { background:#f1f1f1; border-radius:5px; padding:0 30px 30px; }
.qnaComment_list > ul > li { position:relative; border-bottom:1px solid #888; width:100%; display:flex; justify-content:space-between; padding:25px 0; flex-wrap:wrap; align-items:flex-end; }
.qnaComment_list > ul > li:last-child { border-bottom:none; padding-bottom:0; }
.table_section .comment_info { font-size:14px; width:800px; }
.table_section .comment_info li { color:#888; display:inline-block; font-size:14px; margin-top:10px; }
.table_section .comment_info li:after { content:" | " }
.table_section .comment_info li:last-child:after { content:"" }
.table_section .comment_info strong { display:block; margin-bottom:15px; }
.table_section .comment_info strong span { font-size:12px; border-radius:15px; border:1px solid #888; padding:2px 8px; margin-left:8px; vertical-align:2px; }
.table_section .comment_info strong span.prof { border:1px solid #332fd0; color:#332fd0; }
.table_section .like { width:50px; height:26px; border:1px solid #222; border-radius:5px; font-size:14px; }
.table_section .like button { width:23px; text-align:center; padding-left:10px; margin-right:3px; line-height:1.3; }
.table_section .like button:after { content:"♡"; font-size:18px; vertical-align:-1px; }
.table_section .like.select { border:1px solid #332fd0; }
.table_section .like.inactive { border:1px solid #999; }
.table_section .like.inactive button { cursor:default; }
.table_section .like.select button:after { color:#332fd0; content:"♥" }
.table_section .like.inactive button:after { color:#999; content:"♥" }
.webEditor { width:100%; height:400px; background:#fff; }
.btnEditor { display:flex; margin-left:auto; margin-top:20px; }
.btnEditor li { margin-right:10px; }
.btnEditor a { display:block; width:50px; height:32px; text-align:center; font-size:14px; border-radius:5px; background:#332fd0; color:#fff; padding-top:7px; }
.btnEditor a:hover { background:#121b74; }
.btnEditor li:last-child { margin-right:0; }
.btnEditor li:last-child a { background:#dcdcdc; color:#6a6a77; }
.btnEditor li:last-child a:hover { background:#ccc; color:#555; }
.qnaComment_list .board_pagination { margin:10px auto 0; }
.beforeNext_list { margin-top:40px; border-top:1px solid #d5d5d5; }
.beforeNext_list li { height:40px; border-bottom:1px solid #d5d5d5; }

.beforeNext_list .beforeNext_text { display:inline-block; width:120px; height:40px; background:#eee url(../../images/common/icon_menuUp.png) no-repeat 25px 15px; padding:10px 0 0 48px; margin-right:20px; }
.beforeNext_list li .beforeNext_text { border-bottom:1px solid #d5d5d5; }
.beforeNext_list li:last-child .beforeNext_text { background:#eee url(../../images/common/icon_menuDown.png) no-repeat 25px 15px; }
.table_guide { display:flex; justify-content:space-between; margin-bottom:20px; }
.table_guide p { font-size:18px; font-weight:700; padding-top:10px; }
.table_guide p strong { color:#121b74; }
.pop_qnaGuide .pop_content * { font-size:13px; }
.pop_qnaGuide .pop_content > ul { border-bottom:1px dashed #b9b9b9; margin-bottom:20px; padding-bottom:20px; }
.pop_qnaGuide .pop_content > ul > li:before,.pop_qnaGuide .pop_content dt:before { content:"* " }
.pop_qnaGuide .pop_content dt { font-weight:700; }
.pop_qnaGuide .pop_content dd { background:#e6f6ff; border-radius:5px; padding:15px; margin:5px 0 20px; }
.pop_qnaGuide .pop_content dd li { position:relative; margin-bottom:10px; padding-left:10px; }
.pop_qnaGuide .pop_content dd li:last-child { margin-bottom:0; }
.pop_qnaGuide .pop_content dd li:before { position:absolute; left:0; content:"- " }
.pop_qnaGuide .pop_content dd small { color:#888; }

/* 제목 말줄임 */
.short_words { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:360px; vertical-align:middle;}
.short_words_boardList { display:inline-block; white-space:nowrap; overflow:hidden; vertical-align:middle; text-overflow:ellipsis; max-width:500px; }
.short_words_90 { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:620px; vertical-align:middle; }
.short_words_95 { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:95%; vertical-align:middle; }
.btn_download { display:inline-block; background:url(../../images/common/btn_download.png) no-repeat right center; padding:2px 30px 2px 0; margin-top:8px; }
.btn_download:hover { background:url(../../images/common/btn_download_hover.png) no-repeat right center; }
li:first-child .btn_download { margin-top:0; }

/* 유니스터디 tv */
.uniTv { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px; }
.uniTv > li { position:relative; width:310px; height:320px; margin-bottom:30px; }
.uniTv > li p { position:absolute; left:0px; top:0; }
.uniTv > li p img { border-radius:5px 5px 0 0; }
.uniTv > li div { height:150px; margin-top:170px; padding:26px 20px 0; }
.uniTv a { border:1px solid #dadada;  display:block; border-radius:5px; overflow:hidden; transition:all .1s;}
.uniTv a:hover { box-shadow:5px 5px 8px rgba(0,0,0,.15); }
.uniTv a dt { font-weight:600; font-size:16px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; padding:15px 0 19px; }
.uniTv a:hover dt { color:#332fd0; }
.uniTv a dd { display:flex; justify-content:space-between; font-size:14px; }

/* 족보자료실 */
.genealogy_num { position:absolute; right:100px; top:35px; text-align:center; }
.genealogy_num dt { color:#444; font-size:14px; }
.genealogy_num dd { font-weight:700; font-size:24px; }
.genealogy_num dd strong { color:#332fd0; font-size:28px; vertical-align:-1px; }


/* 탭 */
.subTab { display:flex; justify-content:space-between; border-radius:5px; gap:15px; margin-bottom:40px; }
.subTab li { display:block; width:100%; height:60px; }
.subTab li a { display:block; width:100%; height:100%; color:#fff; text-align:center; font-size:18px; background:#a1a5b7; border-radius:5px; padding-top:18px; }
.subTab li a.on { background:#332fd0; }

/* 팝업 탭 */
.pop_tabMenu { display:flex; justify-content:space-between; border-radius:5px; gap:15px; margin-bottom:30px; }
.pop_tabMenu li { display:block; width:100%; height:50px; }
.pop_tabMenu li a { display:block; width:100%; height:100%; color:#fff; text-align:center; font-size:18px; background:#a1a5b7; border-radius:5px; padding-top:12px; }
.pop_tabMenu li a.on { background:#332fd0; }

/* 팝업 탭 */
.pop_wrap .subTab { gap:10px; margin-bottom:20px; }
.pop_wrap .subTab li { height:40px; }
.pop_wrap .subTab li a { font-size:14px; padding-top:10px; }
.pop_wrap .subTab li a.on { background:#332fd0; }

/* 작은 라운드 탭 */
.subTab_small { display:flex; justify-content:space-between; border-radius:5px; gap:10px; margin-bottom:30px; }
.subTab_small li { display:block; width:100%; height:35px; }
.subTab_small li a { display:block; width:100%; height:100%; color:#332fd0; text-align:center; font-size:15px; background:#fff; border:1px solid #332fd0; border-radius:30px; padding:7px 12px 0; }
.subTab_small li a.on,.subTab_small li a:hover { background:#332fd0; color:#fff; }

/* 대학생활 가이드 */
.guideSwiper_section { display:flex; justify-content:space-between; margin-bottom:40px; }
.guideSwiper_section .swiper-container { width:470px; border-radius:15px; }
.guideSwiper_section .swiper-container:last-child span { color:#00ff60; }
.guideSwiper_section .swiper-container a span { position:absolute; left:8px; top:8px; transition:all .2s; padding:3px 15px 2px; background:rgba(0,0,0,.5); font-size:13px; font-weight:700; color:#00fcff; border-radius:20px; }
.guideSwiper_section .swiper-container a { display:block; width:100%; height:100%; }
.board_snsList { display:flex; }
.board_snsList .sns_list { display:flex; gap:10px; margin-top:35px; }

/* 장학제도 신청 팝업 */
.pop_guide { background:#eee; padding:20px; }
.pop_guide strong { color:#f1416c; }
.pop_guide .btn_layerOpen { background:#444 url(../../images/common/bullet_review.png) no-repeat calc(100% - 10px) 6px; border-radius:20px; color:#fff; padding:3px 20px 3px 12px; font-size:13px; }
.pop_scholarship .select_lectureList { border:1px solid #d5d5d5; border-radius:5px; padding:15px 20px; }
.pop_scholarship .select_lectureList li { border-bottom:1px dashed #d5d5d5; padding:8px 0; }
.pop_scholarship .select_lectureList li:last-child { border-bottom:none; padding-bottom:0; }
.pop_scholarship .select_lectureList li:first-child { padding-top:0; }
.pop_scholarship .font20 { font-size:20px; }
.pop_scholarship .scholarship_agree { display:block; margin-bottom:30px; }
.pop_scholarship .layer_scholarshipGuide { display:none; position:absolute; top:135px; width:580px; height:530px; border:1px solid #222; background:#fff; z-index:100; box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.3); }
.pop_scholarship .layer_scholarshipGuide h2 { background:#222; text-align:center; color:#fff; padding:10px 0; font-size:18px; font-weight:600; }
.pop_scholarship .layer_scholarshipGuide .layer_close { position:absolute; right:10px; top:10px; }
.pop_scholarship .layer_scholarshipGuide dl { padding:20px; }
.pop_scholarship .layer_scholarshipGuide dt { background:#eee; padding:5px 0 5px 10px; font-weight:600; margin:20px 0 10px; }
.pop_scholarship .layer_scholarshipGuide dt:first-child { margin-top:0; }
.pop_scholarship .layer_scholarshipGuide dd { position:relative; font-size:14px; padding-left:15px; }
.pop_scholarship .layer_scholarshipGuide dd:before { content:"- "; position:absolute; left:0; }
.pop_txtGuide { margin-bottom:30px; }
.pop_guide .pop_txtGuide { margin-bottom:0; }
.pop_txtGuide.border { margin-top:25px; padding-top:30px; border-top:1px solid #d5d5d5; }
.pop_txtGuide li { position:relative; padding-left:12px; font-size:13px; }
.pop_txtGuide li:before { position:absolute; content:"※ "; left:0; }

/* 이벤트 존 */
.eventZone { display:flex; gap:30px; flex-wrap:wrap; margin-top:30px; }
.eventZone > li { position:relative; width:380px; margin-bottom:30px; }
.eventZone > li p { position:absolute; left:0px; top:0; }
.eventZone > li p img { border-radius:5px 5px 0 0; }
.eventZone > li div { margin-top:225px; padding:0 20px 0; }
.eventZone a { border:1px solid #dadada; display:block; height:380px; border-radius:5px; overflow:hidden; transition:all .1s; }
.eventZone a:hover { box-shadow:5px 5px 8px rgba(0,0,0,.15); }
.eventZone a dt { font-weight:600; font-size:18px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; padding:20px 0 7px; }
.eventZone a:hover dt { color:#332fd0; }
.eventZone a dd { display:flex; justify-content:space-between; font-size:15px; }
.eventZone a dd span:last-child { position:absolute; bottom:20px; color:#a1a5b7; font-size:14px; }
.eventZone a .dday { position:absolute; right:20px; bottom:20px; width:50px; height:25px; font-size:12px; text-align:center; color:#fff; font-weight:700; background:#000; border-radius:5px; padding-top:5px; }
.eventZone a .imminent { background:#ed234b; }
.eventZone a.event_end { cursor:default;}
.eventZone a.event_end:before { position:absolute; left:0; top:0; content:""; display:block; width:380px; height:380px; background:url(../../images/sub/eventEnd.png); z-index:100; }

/* 쿠폰갤러리 */
.couponGallery { display:flex; justify-content:flex-start; gap:30px; flex-wrap:wrap; margin-top:50px; }
.couponGallery li { position:relative; width:380px; height:420px; margin-bottom:30px; background:#1b9c85; border-radius:10px; text-align:center; }
.couponGallery li:nth-child(2),.couponGallery li:nth-child(8) { background:#fd9602; }
.couponGallery li:nth-child(3),.couponGallery li:nth-child(9) { background:#19a7ce; }
.couponGallery li:nth-child(4),.couponGallery li:nth-child(10) { background:#d83f31; }
.couponGallery li:nth-child(5),.couponGallery li:nth-child(11) { background:#6528f7; }
.couponGallery li:nth-child(6),.couponGallery li:nth-child(12) { background:#aa77ff; }
.couponGallery li:after { position:absolute; bottom:0; left:0; content:""; display:block; width:380px; height:270px; background:url(../../images/sub/coupon_bg.png) no-repeat; }
.couponGallery li span { background:#333; display:block; width:50px; height:20px; border-radius:3px; font-size:12px; color:#fff; margin:15px 0 0 15px; padding-top:2px; }
.couponGallery li h2 { color:#fff; font-size:60px; font-weight:700; line-height:.9; }
.couponGallery li p { color:#fff; font-size:20px; font-weight:600; margin-top:12px; }
.couponGallery li dl { position:absolute; left:25px; top:180px; z-index:100; text-align:left; }
.couponGallery li dl:nth-of-type(2) { margin-top:40px;}
.couponGallery li dl:nth-of-type(3) { margin-top:80px;}
.couponGallery li dt { padding-right:20px; }
.couponGallery li dt,.couponGallery li dd { display:inline-block; }
.couponGallery li dd small { font-size:15px; color:#a1a5b7; }
.couponGallery li dd small:before { content:"(" }
.couponGallery li dd small:after { content:")" }
.couponGallery li a { position:absolute; bottom:33px; left:26px; width:328px; height:50px; border-radius:5px; display:block; background:#5f6368; text-align:center; color:#fff; font-size:16px; z-index:100; padding-top:14px; }
.couponGallery li a:hover { background:#111; }
.subContent .important_txt dt { font-size:16px; margin:20px 0 10px; }
.subContent .important_txt dd { position:relative; color:#a1a5b7; font-size:14px; padding:0 0 5px 20px; }
.subContent .important_txt dd:before { position:absolute; content:"- "; left:10px; }

/* faq */
.faq_list { border-top:1px solid #111; margin-top:24px; }
.faq_list dt a { display:flex; width:100%; height:60px; box-sizing:border-box; padding-top:20px; background:url(../../images/common/slide_up.png) no-repeat 97% 25px; padding-left:15px; }
.faq_list dt.visible a { background:url(../../images/common/slide_down.png) no-repeat 97% 25px; }
.faq_list dt span { display:inline-block; width:150px; text-align:center; margin-right:30px; }
.faq_list dt { position:relative; border-bottom:1px solid #d5d5d5; }
.faq_list dd { display:none; position:relative;background:#f2f2f2; padding:40px 40px 40px 70px; border-bottom:1px solid #d5d5d5; }
.faq_list dd img { max-width:100%; height:auto; }
.faq_list dt span:after,.faq_list dd:before { position:absolute; left:165px; top:13px; content:"Q."; font-weight:bold; color:#005df6; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:20px; padding-right:5px; }
.faq_list dd:last-child { border-bottom:none; }
.faq_list dd:before { position:absolute; left:40px; top:33px; content:"A."; color:#d10909; }
strong.search_txt { color:#352ed3; background:#fffc00; padding:0 2px; }
.table_section > h3 { padding:35px 0 15px; font-size:18px !important; border-bottom:0 !important; margin-bottom:5px !important; }
.table_section > h3:first-child,.table_section > h3.paddingT0 { padding:0 0 15px; }
.table_section > h3.border { border-bottom:1px solid #000 !important; margin-bottom:20px !important; }
.table_section > h3 strong { color:#332fd0; }

/* 원격지원 서비스 */
.remote_link { width:960px; height:400px; background:url(../../images/sub/remote_img.png) no-repeat; text-align:center; padding-top:240px; margin:25px 0; }
.remote_link a { display:block; width:260px; height:50px; color:#fff; text-align:center; background:#332fd0; border-radius:5px; margin:0 auto; padding-top:15px; font-size:16px; }
.remote_link a:hover { background:#121b74; }
.remote_link strong { display:block; color:#332fd0; font-size:18px; margin:25px 0 5px; }

/* 동영상 문제 해결 */
.internet_speed { display:flex; flex-wrap:wrap; width:960px; height:752px; background:url(../../images/sub/internetSpeed_img.png) no-repeat; gap:150px; margin-bottom:60px; }
.internet_speed li { width:380px; text-align:center; padding:310px 0 0 40px; }
.internet_speed li:nth-child(3),.internet_speed li:nth-child(4) {padding:200px 0 0 40px; }
.videoTrouble_guide { background:#eef3fd; border-radius:5px; padding:30px; }
.videoTrouble_guide dt { color:#332fd0; font-weight:700; font-size:16px; }
.videoTrouble_guide dd { margin:5px 0 15px; }
.videoTrouble_guide dd:before { content:"- " }
.bullet_list li { position:relative; padding-left:10px; margin-bottom:8px; }
.bullet_list li:before { position:absolute; left:0; content:"- " }

/* 수강신청 */
.courseDetail_select { display:flex; border-top:1px solid #444; border-bottom:1px solid #d5d5d5; }
.courseDetail_select dl { border-right:1px solid #d5d5d5; width:25%; }
.courseDetail_select dl:last-child { border-right:none; }
.courseDetail_select dt { padding:18px 0; background:#eee; border-bottom:1px solid #d5d5d5; text-align:center; }
.courseDetail_select dd { height:200px; padding:20px 25px 0; overflow:auto; overflow-x:hidden; }
.courseDetail_select dd li { margin-bottom:13px; }
.comment_rightBtn { display:flex; justify-content:space-between; margin-top:15px; }
.comment_rightBtn button { background:#a1a5b7; color:#fff; height:30px; border-radius:3px; font-size:14px; padding:0 20px; }
.comment_rightBtn button:hover { background:#666; }
.course_sorting li { margin-right:10px; }
.course_sorting li button { display:inline-block; height:28px; padding:0 20px 0; background:#fff; border:1px solid #111; border-radius:20px; font-size:14px; font-weight:600; }
.course_sorting li:nth-child(2) button { color:#ed234b; background:#fff; border:1px solid #ed234b; }
.course_sorting li:nth-child(3) button { color:#332fd0; background:#fff; border:1px solid #332fd0; }
.course_sorting li button:hover { background:#f5f6fb; }
.course_sorting li button.on { background:#332fd0; border:1px solid #332fd0; color:#fff; }
.course_sorting li:nth-child(1) button.on { background:#111; border:1px solid #111; color:#fff; }
.course_sorting li:nth-child(2) button.on { background:#ed234b; border:1px solid #ed234b; color:#fff; }
.courseReview_subject .short_words2line { width:98%; }
.short_words2line { text-overflow:ellipsis;	overflow:hidden; display:-webkit-box !important;-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.application_courseInfo { position:relative; display:flex; justify-content:space-between; }
.application_courseInfo > ul li { margin-bottom:5px; }
.application_courseInfo > ul li:last-child { margin-bottom:0; }
.application_courseInfo > ul li a,.btn_courseView { display:block; width:70px; height:24px; font-size:13px; color:#fff; text-align:center; border-radius:3px; background:#a1a5b7; padding-top:3px; margin:0 auto; }
.application_courseInfo > ul li a:hover,.btn_courseView:hover { background:#666; color:#fff; }
.application_courseInfo > ul li a.noTasting,.btn_courseView.noTasting { background:#d5d5d5; cursor:default; }
.application_courseInfo > dl { width:180px; margin-top:3px; }
.application_courseInfo > dl dt, .application_courseInfo > dl dd { display:inline-block; margin-bottom:5px; }
.application_courseInfo > dl dt { width:80px; }
.application_courseInfo > dl dd { width:80px; text-align:right; }
.pop_tasteLecture .tasteList li,.pop_bookSelect .bookList li { margin-bottom:10px; border:1px solid #d5d5d5; border-radius:5px; height:40px; }
.pop_tasteLecture .tasteList li a { display:block; width:100%; height:100%; background:url(../../images/sub/icon_play.png) no-repeat calc(100% - 15px) center; padding:10px 0 0 15px; }
.pop_tasteLecture .tasteList li a:hover { background:#eee url(../../images/sub/icon_play.png) no-repeat calc(100% - 15px) center; }
.pop_tasteLecture .tasteList dl,.pop_tasteLecture .tasteList dd { display:flex; }
.pop_tasteLecture .tasteList dl strong,.pop_bookSelect .bookList li a label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:400px; }
.pop_tasteLecture .tasteList dt { width:65px; }
.pop_tasteLecture .tasteList dd p { width:45px; }
.profHome .pop_bookSelect { left:4.44vw; }
.pop_bookSelect .bookList li a { display:flex; width:100%; height:100%; padding:10px 0 0 15px; }
.pop_bookSelect .bookList li a:hover { background:#eee; }
.pop_bookSelect .bookList li a:hover label { color:#332fd0; }
.pop_bookSelect .bookList li a strong { color:#f1416c; font-weight:normal; padding-right:10px; }
.pop_bookSelect .bookList li a strong:before { content:"[" }
.pop_bookSelect .bookList li a strong:after { content:"]" }
.pop_bookSelect .bookList li a label { width:400px; flex-shrink:0; }
.pop_bookSelect .bookList li a p { flex-grow:1; text-align:right; padding-right:15px; }
.pop_bookSelect .btn_area,.pop_wrap .btn_area.borderN { border-top:0; margin-top:0; }
.subTitle.allCourses_detail { display:flex; height:245px; padding:0 45px 0 0; }
.allCourses_detail > p { height:245px; width:245px; overflow:hidden; display:flex; align-items:end; }
.allCourses_detail > p > img { width:100%; margin:0 auto; }
.allCourses_detail > p.basic { width:235px; text-align:center; padding-top:80px; display:block; }
.allCourses_detail > p.basic > img { width:auto;  }
.allCourses_detail .courseInfo { padding:30px 0 0 30px;}
.allCourses_detail .icon_list { display:flex; gap:10px; }
.subContent .allCourses_detail h3 { width:680px; font-size:20px !important; font-weight:600 !important; margin:15px 0 20px !important; padding:0 !important; border-bottom:none !important; text-overflow:ellipsis;	overflow:hidden; display:-webkit-box !important;-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.allCourses_detail .profInfo { position:relative; width:680px; border-top:1px solid #5f6368; padding-top:25px; }
.allCourses_detail .profInfo .btn_profHome{ margin-top:-3px; }
.allCourses_detail .profInfo > ul { position:absolute; right:0; top:15px; }
.allCourses_detail .profInfo > ul > li { width:150px; height:35px; margin-bottom:10px; }
.allCourses_detail .profInfo > ul > li > a { font-size:16px; display:block; width:100%; height:100%; color:#fff; text-align:center; background:#a1a5b7; border-radius:3px; padding-top:7px; }
.allCourses_detail .profInfo li a:hover { background:#666; }
.allCourses_detail .profInfo > dl { display:flex; }
.allCourses_detail .profInfo > dl:nth-child(2) { margin-top:15px; }
.allCourses_detail .profInfo > dl dt { font-weight:700; padding-right:8px; }
.allCourses_detail .profInfo > dl  dd { padding-right:20px; }
.allCourses_detail .profInfo > dl  dd strong,.courseDetailed_price dd strong em { color:#ed234b; }
.allCourses_detail .profInfo > dl  dd strong:before,.courseDetailed_price > dl  dd strong em:before { content:"[" }
.allCourses_detail .profInfo > dl  dd strong:after,.courseDetailed_price > dl  dd strong em:after { content:"]" }
.courseDetailed_price { display:flex; height:283px; border:1px solid #eee; border-radius:5px; }
.courseDetailed_price > ul dl,.courseDetailed_price > ul dd { display:flex; }
.courseDetailed_price > ul { padding:10px 24px; flex-grow:1; }
.courseDetailed_price > ul li { position:relative; border-bottom:1px solid #d5d5d5; padding:13px 0; }
.courseDetailed_price > ul li:last-child { border-bottom:none; }
.courseDetailed_price > ul li dt { width:95px;}
.courseDetailed_price > ul dd strong { text-overflow:ellipsis;	overflow:hidden; display:-webkit-box !important;-webkit-box-orient:vertical; -webkit-line-clamp:2; width:390px; font-weight:500; }
.courseDetailed_price .price { position:absolute; right:0; display:flex; }
.courseDetailed_price .price del { color:#a1a5b7; padding:0 20px; }
.courseDetailed_price .price p { font-weight:700; }
.courseDetailed_price .total_amount { background:#e6f4ff; width:240px; flex-shrink:0; padding:25px 15px; }
.courseDetailed_price .stock dd,.courseDetailed_price .stock label, .courseDetailed_price .stock .price p{ color:#a1a5b7; }
.total_amount h4 { font-weight:700; font-size:20px; text-align:center; padding-bottom:10px; border-bottom:1px solid #d5d5d5; margin-bottom:17px; }
.total_amount dl { display:flex; padding:0 15px; margin-bottom:15px; }
.total_amount dt { font-weight:700; width:80px; }
.total_amount dd { width:140px; text-align:right; }
.total_amount strong { display:block; width:100%; border-top:1px solid #d5d5d5; font-size:24px; text-align:right; color:#332fd0; padding:10px 15px 25px 0; font-weight:900; }
.total_amount .btn_area button { width:100px; padding:2px 0 0; }
.total_amount .btn_area li { margin-left:10px; }
.total_amount .btn_area li:first-child { margin-left:0; }
.tableContents { height:180px; }
.hidden_content { position:relative; overflow:hidden; transition:all .2s; }
.visible_content { height:auto !important; padding-bottom:70px; }
.btn_lectrueMore { position:absolute; bottom:0; display:block; width:100%; height:40px; padding-top:8px; border:1px solid #a1a5b7; background:#fff; text-align:center; transition:all .2s;}
.btn_lectrueMore:after { display:inline-block; content:"목차 더보기"; background:url(../../images/common/slide_up.png) no-repeat right center; padding-right:20px; }
.btn_lectrueMore.close:after { display:inline-block; content:"목차 닫기"; background:url(../../images/common/slide_down.png) no-repeat right center; padding-right:20px; }
.btn_lectrueMore:before { position:absolute; top:-51px; content:""; display:block; width:100%; height:50px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
table .bookImg { vertical-align:top; padding-top:50px; }
#navbar { width:960px; }
.lecture_table { height:500px; margin-top:0; }
.lectureSelect { display:flex; align-items:center; border-radius:5px; background:#eee; padding:15px; }
.lectureSelect dt { width:162px; font-size:16px; font-weight:bold; padding:0 60px 0 45px; }
.lectureSelect dd { width:calc(100% - 165px) }
.lectureSelect dd select { width:100%; border:1px solid #eee; }
.subTab.sticky { position:fixed; top:0px; width:100%; margin-top:0px; box-shadow:0px 25px 20px -20px rgba(0,0,0,.2); z-index:100; padding:15px; background:#fff; }
.searchContent h3 { font-size:16px !important; font-weight:700; line-height:2.5; border-bottom:none !important; margin:0 30px 0 0 !important; padding-bottom:0 !important;}
.packageSearch select { width:300px }
.icon_discount { position:absolute; right:30px; top:-20px; animation:flash_ani .8s ease infinite; background:#ed234b; font-size:10px; color:#fff; padding:1px 8px 2px; border-radius:20px; }
.package_table td { border-top:none; padding:20px 15px 10px; }
.package_table table { border-bottom:none; }
.package_table .package_list ,.professor_lectureList .package_list { position:relative; padding:0; height:40px;  }
.package_list > ul > li { padding:10px 40px 10px 120px; background:#f6f6f6; line-height:1.8; border-bottom:1px solid #d5d5d5; transition:all .2s; }
.package_list > ul { display:none; border-top:1px solid #d5d5d5; }
.package_list.block { height:auto; }
.package_list.block .btn_lectrueMore { position:static; }
.package_list.block > ul { display:block; }
.package_list > ul > li:last-child { border-bottom:none; }
.package_list > ul > li > p { text-align:center; width:120px; margin-right:18px; line-height:1.8; }
.package_list > ul > li,.package_list > ul > li > ul { display:flex; }
.package_list > ul > li > ul > li { margin-left:10px; }
.package_list > ul li ul { margin-left:auto; }

.package_list .btn_lectrueMore:before { display:none; }
.package_list .btn_lectrueMore:after { content:"패키지 구성 더보기" }
.package_list .btn_lectrueMore.close:after { content:"패키지 구성 닫기" }

/* 맛보기, 교재선택 레이어 */
.layer_simple.layer_previewLecture { width:520px; top:28px; right:10px; }
.layer_simple.layer_bookSelect { width:520px; top:28px; right:-80px; }
.layer_previewLecture .tasteList li,.layer_bookSelect .bookList li { margin-bottom:10px; border:1px solid #d5d5d5; border-radius:5px; height:40px; }
.layer_previewLecture .tasteList li:last-child { margin-bottom:0; }
.layer_previewLecture .tasteList li a { display:block; width:100%; height:100%; background:url(../../images/sub/icon_play.png) no-repeat calc(100% - 15px) center; padding:10px 0 0 15px; }
.layer_previewLecture .tasteList li a:hover { background:#eee url(../../images/sub/icon_play.png) no-repeat calc(100% - 15px) center; }
.layer_previewLecture .tasteList dl,.layer_previewLecture .tasteList dd { display:flex; }
.layer_previewLecture .tasteList dl strong,.layer_bookSelect .bookList li a label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:300px; }
.layer_previewLecture .tasteList dt { width:65px; }
.layer_previewLecture .tasteList dd p { width:45px; }
.layer_bookSelect .bookList li a { display:flex; width:100%; height:100%; padding:10px 0 0 15px; }
.layer_bookSelect .bookList li a:hover { background:#eee; }
.layer_bookSelect .bookList li a:hover label { color:#332fd0; }
.layer_bookSelect .bookList li a strong { color:#f1416c; font-weight:normal; padding-right:10px; }
.layer_bookSelect .bookList li a em { color:#332fd0; font-weight:normal; padding-right:10px; }
.layer_bookSelect .bookList li a strong:before,.layer_bookSelect .bookList li a em:before { content:"[" }
.layer_bookSelect .bookList li a strong:after,.layer_bookSelect .bookList li a em:after { content:"]" }
.layer_bookSelect .bookList li a label { width:370px; flex-shrink:0; }
.layer_bookSelect .bookList li a p { flex-grow:1; text-align:right; padding-right:15px; }
.layer_bookSelect .btn_area { border-top:0; margin-top:20px; }

.buyBar_section .buyBar_close,.buyBar_section .buyBar_open { width:100%; background:rgba(0,0,0,0.8); position:fixed; bottom:0; left:0; z-index:101; font-size:20px; height:70px; color:#fff; transition:all .4s; }
.buyBar_section .buyBar_open { bottom:-260px; height:190px; }
.buyBar_close .content,.buyBar_open .content { position:relative; display:flex; justify-content:space-between; text-align:center; width:1200px; margin:0 auto; height:70px; padding-left:240px; align-items:center; }
.buyBar_open .content { height:190px; text-align:left; }
.buyBar_close .num { display:flex;  }
.buyBar_close .num li { color:#fff; font-size:20px; }
.buyBar_close .num li strong { text-decoration:underline;}
.buyBar_close .num li:first-child { border-right:2px solid #9c9c9c; padding-right:20px; margin-right:20px; }
.buyBar_close dl { display:flex;  margin-left:200px; }
.buyBar_close dl dt,div.buyBar_close dl dd {text-align:center; font-size:30px; font-weight:700; color:#fff000; }
.buyBar_close dl dt { padding-right:10px; }
.buyBar_close .btn_buyBar { display:flex; }
.buyBar_close .btn_buyBar a { display:block; border:1px solid #fff; font-weight:500; font-size:16px; width:120px; height:40px; text-align:center; border-radius:5px; color:#fff; transition:all .2s; padding-top:7px; }
.buyBar_close .btn_buyBar a:hover { background:#fff000; border:1px solid #fff000; color:#000;  }
.buyBar_close .btn_buyBar li:last-child { margin-left:10px; }
.buyBar_close .btn_buyBar li:last-child a { border:1px solid #fff000; background:#fff000; color:#000; }
.buyBar_close .btn_buyBar li:last-child a:hover { border:1px solid #fff; background:#fff;  }

.buyBar_section .btn_openClose { position:absolute; right:0; top:-32px; }
.buyBar_section .buy_tab { display:flex; }
.buyBar_section .buy_tab li:first-child { border-right:2px solid #9c9c9c; padding-right:15px; margin-right:15px; }
.buyBar_section .buy_tab dl { display:flex; }
.buyBar_section .buy_tab a dt,.buyBar_section .buy_tab a dd { color:#fff; font-size:18px; font-weight:500; }
.buyBar_section .buy_tab a dt { padding-right:5px; }
.buyBar_section .buy_tab a dd:before { content:" (" }
.buyBar_section .buy_tab a dd:after { content:") " }
.buyBar_section .buy_tab a.on dt,.buyBar_section .buy_tab a.on dd { color:#fff000; }
.buyBar_section .lecture_buy { display:flex; justify-content:space-between; width:960px; height:190px; padding-top:20px; }
.buyBar_section .buyTab_content { width:660px; }
.buyBar_section .buyTab_content dd { width:60px; text-align:right; }
.buyBar_section .buyTab_content ul { height:130px; overflow:auto; overflow-x:hidden; padding-right:15px; margin:10px 0 0px; }
.buyBar_section .buyTab_content ul::-webkit-scrollbar { width:8px; }
.buyBar_section .buyTab_content ul::-webkit-scrollbar-track-piece { background:#303030; }
.buyBar_section .buyTab_content ul::-webkit-scrollbar-thumb {border-radius:8px; background:#d6d6d6; }
.buyBar_section .buyTab_content ul::-webkit-scrollbar-button:start,.buyBar_section .select ul::-webkit-scrollbar-button:end { background:#303030; }
.buyBar_section .buyTab_content li { position:relative; padding:4px 10px 6px; border-bottom:1px solid #9c9c9c; color:#fff; }
.buyBar_section .buyTab_content li button { position:absolute; right:0; top:50%; margin-top:-11px; width:22px; height:22px; background:#585c64; border-radius:3px; padding-top:5px; transition:all .2s; }
.buyBar_section .buyTab_content li button:hover { background:#005df6; }
.buyBar_section .buyTab_content li strong { line-height:1.5; display:inline-block; padding-right:30px; font-weight:300; }
.buyBar_section .coursePrice { width:250px; margin-top:35px; }
.buyBar_section .coursePrice dl { display:flex; justify-content:space-between; margin-bottom:10px; }
.buyBar_section .coursePrice dt { color:#fff000; font-size:18px; }
.buyBar_section .coursePrice dd { color:#bbb; font-weight:normal; font-size:18px; text-align:right; }
.buyBar_section .coursePrice dd strong { color:#fff; font-size:21px; padding-right:5px; }

.buyBar_section .coursePrice .event { font-size:11px; color:#111; padding:3px 25px 3px 12px; border-radius:10px; background:#fff000 url(../../images/sub/bullet_buy.png) no-repeat 90% center; letter-spacing:0; font-weight:bold; vertical-align:4px; margin-right:8px; animation:flash_ani 1s infinite both; }
.buyBar_section .coursePrice .bookPrice { border-top:1px solid #474747; padding-top:15px; }
.buyBar_section .layer_PackageEvent { right:-30px; top:-300px; border:1px solid #333; }

/* 교수소개 */
.guideSwiper_section.professorSwiper .swiper-container:first-child { width:556px; }
.guideSwiper_section.professorSwiper .swiper-container:last-child { width:384px; }
.professor_list { display:flex; gap:13px; flex-wrap:wrap; }
.professor_list li { position:relative; width:230px; height:260px; border:1px solid #dadada; border-radius:5px; overflow:hidden; }
.professor_list li a { display:block; width:100%; height:100%; padding:25px 15px; }
.professor_list li a:hover { background:#332fd0; }
.professor_list li .prof_picture { position:absolute; right:-40px; bottom:0; }
.professor_list li .prof_picture img { width:190px; }
.subContent h3:not(.subContent > header h3),h3.courseArea,h3.packagesArea { font-weight:700; font-size:18px; border-bottom:1px solid #222; padding-bottom:15px; margin:44px 0 30px; padding-top:0; text-align:left; }
.subContent h3 strong { color:#332fd0; }
.subContent h3 span { color:#a1a5b7; font-size:14px; font-weight:400; padding-left:5px; }
.professor_list h4 { font-size:15px; font-weight:700; color:#332fd0; margin-bottom:10px; }
.professor_list .txt { font-size:14px; color:#a1a5b7; }
.professor_list .name { font-size:23px; line-height:1.1; margin-bottom:12px; }
.professor_list .name:before { content:""; display:block; width:30px; height:2px; background:#332fd0; margin:15px 0 15px; }
.professor_list li a:hover h4 { color:#fff; }
.professor_list a:hover .name:before { background:#fff; }
.professor_list a:hover .name { color:#fff; }
.professor_list .name strong { display:block; }
.professor_list span { display:inline-block; padding:2px 0; width:60px; text-align:center; font-size:12px; font-weight:700; background:#00ffe4; border-radius:20px; margin-top:6px; }
.professor_list span.event { background:#f6ff00; }
.lnb .lnbBanner { border:none; margin-top:20px; }
.lnb .lnbBanner li { border:none; border-radius:10px; overflow:hidden; margin-bottom:10px; }
.lnb .lnbBanner a { padding:0; }
.prof.lnb h2 { text-align:left; padding:20px; height:100px; font-size:24px; font-weight:500; }
.prof.lnb h2 span { display:block; font-size:15px; font-weight:500; padding-bottom:3px; }
.prof.lnb h2 a { vertical-align:-6px; padding-left:3px; }
.prof.lnb .profALL_view { position:absolute; left:-30px; top:20px; display:block; width:30px; height:160px; background:#141267 url(../../images/common/bullet_lnb.png) no-repeat center 14px; border-radius:10px 0 0 10px; font-size:14px; color:#fff; padding:35px 0 0 10px; word-break:normal; line-height:1; }
.prof.lnb .profALL_view span { display:inline-block; padding-top:8px; }
.profContainer { position:relative; width:100%; margin-bottom:30px; }
.profContainer .container { align-items:start; margin:0 auto; padding-top:40px; }
.profContainer .profContent { width:960px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.profContainer .subContent { margin-left:240px; }
.profContainer .profContent > p { padding:20px 0 0 0; height:690px; }
.profContent .profDetail { width:350px; }
.profContent .profDetail .path { justify-content:flex-end; }
.profContent .professorSwiper { width:960px; }
.profContent .profName { border-bottom:1px solid #a1a5b7; margin-top:25px; padding-bottom:8px; }
.profContent .profName > h2 { font-size:42px; font-weight:700; }
.profContent .profName > h2 small { font-size:42px; font-weight:400; }
.profContent .profName > ul { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.profContent .profName > ul > li > a { display:block; color:#fff; padding:4px 12px 2px; font-size:14px; background:#a1a5b7; border-radius:20px; }
.profContent .profName  > ul > li > a:hover { background:#5f6368; }
.profContent .txt p { font-weight:700; font-size:26px; line-height:1.3; padding-top:15px; }
.profContent .txt ul { display:flex; align-items:center; justify-content:center; width:350px; height:50px; border-radius:5px; background:#fff; margin-top:15px; }
.profContent .txt ul li { color:#332fd0; font-size:16px; font-weight:700; }
.profContent .txt ul li:after { content:", " }
.profContent .txt ul li:last-child:after { content:"" }
.profContent h3 a { font-size:16px; display:inline-block; padding:30px 0 10px; font-weight:700; }
.profContent h3 a:after { content:""; display:inline-block; margin-left:6px; width:12px; height:12px; background:url(../../images/common/icon_add.png) no-repeat; background-size:12px auto; }
.profContent h3 a:hover:after { animation:spin .3s ease-out both; }
.profContent .courseReviewSwiper_section { position:relative; }
.courseReviewSwiper_section .swiper-container,.profContent .board { background:rgba(255,255,255,.4); height:105px; border-radius:5px; }
.profContent .courseReviewSwiper_section strong { display:inline-block; padding-bottom:10px; margin:20px 25px 0; width:calc(100% - 55px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.profContent .courseReviewSwiper_section p { font-size:14px; width:calc(100% - 45px); overflow:hidden; white-space:normal;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;word-break:keep-all; margin:0 25px; }
.courseReviewSwiper_section span { margin-right:6px; }
.courseReviewSwiper_section .pagination { right:10px; top:10px; }
.profContent .courseReviewSwiper_section .swiper-pagination-bullet { border:1px solid #000; width:10px; height:10px; }
.profContent .courseReviewSwiper_section .swiper-pagination-bullet-active { background:#000; }
.profContent .courseReviewSwiper_section .over_control button { width:20px; }
.profContent .courseReviewSwiper_section .over_control button:after { font-size:12px; }
.profContent .board { padding:15px 25px 20px 20px; }
.profContent .board li a { display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; line-height:1.7; }
.profContent .board li a:before { content:"ㆍ"; font-weight:900; }
.profContent .board li a.hotTxt { font-weight:700; color:#332fd0; }
.profContent .profHome_swiper .swiper-container { width:960px; border-radius:30px 30px 0 0; }
.profContent .profHome_swiper { margin-bottom:0; }
.profContent .layer_career { width:300px; }
.profContent .layer_career li { position:relative; padding-left:12px;  }
.profContent .layer_career li:before { position:absolute; left:-3px; content:"ㆍ"; font-weight:900; }
.professor_lectureList { min-height:350px; }
.professor_lectureList .noLecture { color:#a1a5b7; font-size:14px; padding:15px 0; text-align:center; }
.professor_lectureList > li > a { display:block; height:55px; background:#eff2ff url(../../images/common/slide_upCircle.png) no-repeat calc(100% - 20px) center; font-size:16px; font-weight:600; padding:17px 0 0 20px; border-radius:7px 7px 0 0; }
.professor_lectureList > li > a.close { background:#eff2ff url(../../images/common/slide_downCircle.png) no-repeat calc(100% - 20px) center; border-radius:7px; }
.professor_lectureList > li { border:1px solid #d5d5d5; border-radius:8px; margin-bottom:20px; }
.professor_lectureList > li > a span { color:#332fd0; }
.professor_lectureList > li > a span:before { content:"[" }
.professor_lectureList > li > a span:after { content:"]" }
.professor_lectureList table { border-top:1px solid #d5d5d5; }
.professor_lectureList.package table { border-bottom:none; }
.professor_lectureList .hidden > .btn_area { background:#eff2ff; padding:30px 0; border-radius:0 0 7px 7px; }
.professor_lectureList .package_list > ul { border-top:none; }
.professor_lectureList.package td { border-top:none; }
.professor_lectureList.package th { border-bottom:1px solid #d5d5d5; }
.professor_lectureList .package_list { border-top:1px solid #d5d5d5; }
.professor_lectureList .btn_lectrueMore { width:calc( 100% + 2px ); margin-left:-1px; }
.professor_lectureList table dt span { font-size:13px; display:block; }
.professor_lectureList table dt span:before { content:"(" }
.professor_lectureList table dt span:after { content:")" }
.prof.lnb.move { position:absolute; top:215px; }
.profBanner { position:relative; height:100px; background:#ced5e8; border-radius:5px; margin-bottom:40px; }
.profBanner dl { display:flex; height:100px; align-items:center; justify-content:center; gap:30px; }
.profBanner dt { font-size:18px; }
.profBanner dd { font-size:30px; padding-right:75px; }
.profBanner .prof { position:absolute; right:0; top:0; text-align:center; }
.profBanner p { position:absolute; right:20px; top:-25px; width:160px; height:125px; overflow:hidden; }
.profBanner .prof img { width:100%; }

/* 마이페이지 */
.myPage .myPay_info { display:flex; gap:15px; border-bottom:1px solid #222; padding-bottom:15px; margin:45px 0 30px; }
.myPage .myPay_info li:after { content:"|"; padding-left:10px; vertical-align:1px; }
.myPage .myPay_info li:last-child:after { content:""; }
.myPage .myPay_info a { font-size:18px; }
.myPage .myPay_info a strong { color:#332fd0; }
.myPage .myStudy_info { position:relative; display:flex; gap:15px; height:338px;  background:#e6f4ff; border-radius:15px; padding:25px; }
.myStudy_info .myStudy_time { width:679px; height:175px; }
.myStudy_info .myStudy_time dt h4 { font-size:16px; margin:0 17px 0 10px; line-height:2.2; }
.myStudy_info .myStudy_time dl:first-child { display:flex; }
.myStudy_info .myStudy_time dl input[type="text"] { width:523px; height:36px; margin-right:9px; }
.myStudy_info .myStudy_time dl button { width:60px; height:35px; color:#fff; text-align:center; background:#332fd0; }
.myStudy_info .myStudy_time dl button:hover { background:#121b74; }
.myStudy_time .time { display:flex; align-items:center; background:#fff; height:122px; border-radius:10px; margin-top:19px; }
.myStudy_time .time dt,.myStudy_time .time dd { font-size:16px; text-align:center; }
.myStudy_time .time dl { position:relative; width:165px; }
.myStudy_time .time dl:after { position:absolute; right:0; top:50%; margin-top:-10px; content:"|"; color:#dfdfdf; }
.myStudy_time .time dl:last-child:after { content:""; }
.myStudy_time .time dt { padding-bottom:8px; }
.myStudy_time .time h4 { width:184px; text-align:center; }
.myStudy_time .time small { display:block; font-size:14px; color:#332fd0; font-weight:500; padding-top:2px; }
.myStudy_time .time small dt { display:block; font-size:14px; color:#332fd0; }
.myPage h4 { font-weight:700; font-size:18px; }
.myPage .myLecture_number { position:absolute; width:910px; bottom:25px; display:flex; gap:16px; height:94px; }
.myPage .myLecture_number li { border-radius:10px; width:100%; height:100%; text-align:center; padding-top:16px; }
.myPage .myLecture_number li a { display:block; width:100%; height:100%; }
.myPage .myLecture_number li:first-child { background:#0da4ac; }
.myPage .myLecture_number li:nth-child(2) { background:#009ac7; }
.myPage .myLecture_number li:nth-child(3) { background:#139fee; }
.myPage .myLecture_number li:nth-child(4) { background:#5877e5; }
.myPage .myLecture_number dt { font-size:16px; color:#fff; }
.myPage .myLecture_number dd { width:128px; height:30px; padding-top:2px; background:rgba(0,0,0,.3); border-radius:20px; color:#fff; font-size:18px; font-weight:700; margin:9px auto 0; }
.myPage .myLecture_number dt:after { display:inline-block; width:15px; height:10px; content:""; background:url(../../images/common/bullet_review.png) no-repeat right 0; }
.myPage .myWallet { border-radius:10px; width:100%; height:175px; background:#fff; padding:20px; }
.myPage .myWallet h4 { text-align:center; margin-bottom:26px; }
.myPage .myWallet dl { display:flex; height:29px; }
.myPage .myWallet dt { position:relative; width:76px; }
.myPage .myWallet dt span { position:absolute; right:0; margin-left:0; padding:0 3px 0; height:17px;  }
.myPage .myWallet dd { width:100px; text-align:right; }
.myPage .myWallet dd a { display:inline-block; width:100%; height:100%; }
.myPage .myWallet dd a:after { display:inline-block; width:8px; height:10px; content:""; background:url(../../images/common/bullet_right.png) no-repeat right 0; }
.myPage .myWallet dd a strong { color:#332fd0; }
.myPage .myLecture_banner { display:flex; gap:35px; margin:40px 0; }
.myLecture_banner .myLecture { position:relative; width:630px; height:220px; border:1px solid #d4d4d4; border-radius:15px; padding:25px; overflow:hidden; }
.myLecture_banner .myLecture .tab { display:flex; gap:40px; }
.myLecture_banner .myLecture .tab a { font-size:16px; padding-bottom:5px; border-bottom:2px solid #fff; }
.myLecture_banner .myLecture .tab a.on { font-weight:700; color:#332fd0; border-bottom:2px solid #332fd0; }
.myPage .myPage_swiper { width:295px; height:220px; }
.myPage .btn_more { position:absolute; right:24px; top:22px; border-bottom:1px solid #222; font-size:14px; }
.myPage .btn_more:after { content:""; display:inline-block; margin-left:5px; width:10px; height:10px; background:url(../../images/common/icon_add.png) no-repeat; background-size:10px auto; opacity:.6; }
.myPage .btn_more:hover:after { animation:spin .3s ease-out both; }
.myPage .myLecture_content { margin-top:21px; }
.myPage .myLecture_content li { border-bottom:1px solid #d5d5d5; padding:6px 8px; }
.myPage .myLecture_content li:last-child { border-bottom:none; }
.myPage .recentCourses { position:relative; height:340px; border:1px solid #d4d4d4; border-radius:15px; }
.myPage .recentCourses h4 { margin:20px 0 25px 30px; }
.myPage .recentCourses table { border-top:1px solid #d4d4d4; border-bottom:none }
.myPage .recentCourses table td { border-top:none; }
.myPage .recentCourses table td span { padding-right:8px; border-right:1px solid #222; margin-right:8px; }
.myPage .recentCourses table th { border-bottom:1px solid #d4d4d4; }
.myPage .recentCourses table td,.myPage .recentCourses table th { padding:8px 30px; }
.myPage .recentCourses table td:nth-child(2) .short_words { max-width:200px; }
.myPage .recentCourses table td:nth-child(3) .short_words { max-width:410px; }
.myPage .myPage_link { display:flex; flex-wrap:wrap; gap:25px; margin-top:40px; }
.myPage .myPage_link a { display:flex; align-items:center; width:303px; height:80px; border:1px solid #d4d4d4; border-radius:8px; font-size:18px; font-weight:600; }
.myPage .myPage_link a:hover { display:flex; align-items:center; width:303px; height:80px; border:1px solid #d5d5d5; border-radius:8px; font-size:18px; font-weight:600; background:#f2f2f2; }
.myPage .myPage_link a span { display:inline-block; width:120px; text-align:center; }
.myPage .noticeCustomer { display:flex; gap:34px; margin-top:40px; }
.myPage .noticeCustomer > div { position:relative; width:463px; height:200px; border:1px solid #d5d5d5; border-radius:15px; padding:20px 25px; overflow:hidden; }
.myPage .noticeCustomer .notice ul { margin-top:21px; }
.myPage .noticeCustomer .notice li { display:flex; margin-bottom:21px; }
.myPage .noticeCustomer .notice li span { width:40px; height:23px; padding-top:3px;text-align:center; font-size:12px; color:#7f5a72; border-radius:20px; background:#ffe5f2; }
.myPage .noticeCustomer .notice li span.icon_event { color:#2f6295; background:#daeaf8; }
.myPage .noticeCustomer .notice li a { display:block; width:277px; margin-left:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.myPage .noticeCustomer .notice li p { color:#bcbcbc; font-weight:400; font-size:14px; margin-left:20px; }
.myPage .customerSupport strong { font-size:36px; font-weight:800; line-height:1.2; }
.myPage .customerSupport dl { position:absolute; top:20px; right:30px; width:180px; }
.myPage .customerSupport dt { width:80px; }
.myPage .customerSupport dt,.myPage .customerSupport dd { display:inline-block; }
.myPage .customerSupport dd { width:96px; color:#5f6368; text-align:right; }
.myPage .customerSupport p { position:absolute; top:62px; right:100px; }
.myPage .customerSupport ul { display:flex; gap:19px; margin-top:14px; }
.myPage .customerSupport ul a { display:block; width:130px; height:76px; font-size:16px; text-align:center; padding-top:43px; font-weight:600; border-radius:10px; }
.myPage .customerSupport ul li:first-child a { background:#f2f2f2 url(../../images/sub/icon_customer06.png) no-repeat center 12px; }
.myPage .customerSupport ul li:first-child a:hover { background:#e1eaf6 url(../../images/sub/icon_customer06.png) no-repeat center 12px; }
.myPage .customerSupport ul li:nth-child(2) a { background:#f2f2f2 url(../../images/common/icon_customer02.png) no-repeat center 12px; }
.myPage .customerSupport ul li:nth-child(2) a:hover { background:#e1eaf6 url(../../images/common/icon_customer02.png) no-repeat center 12px; }
.myPage .customerSupport ul li:nth-child(3) a { background:#f2f2f2 url(../../images/common/icon_customer03.png) no-repeat center 12px; }
.myPage .customerSupport ul li:nth-child(3) a:hover { background:#e1eaf6 url(../../images/common/icon_customer03.png) no-repeat center 12px; }
.pop_coupon dl { display:flex; flex-wrap:wrap; align-items:center; margin-top:15px; }
.pop_coupon dl:first-child { margin-top:0; }
.pop_coupon dt { width:75px; font-weight:600; }
.couponApply input { width:400px; }
.myPage .searchContent select { min-width:140px; }
.myPage .icon_mark { display:flex; gap:15px; }
.myPage .icon_mark button { position:relative; display:block; width:24px; height:24px; text-indent:-9999px; }
.myPage .icon_mark li:first-child button { background: #fff url(../../images/sub/icon_bookmark_off.png) no-repeat; }
.myPage .icon_mark li:first-child button.current { background: #fff url(../../images/sub/icon_bookmark.png) no-repeat; }
.myPage .icon_mark li:last-child button { background: #fff url(../../images/sub/icon_visibility_off.png) no-repeat; }
.myPage .icon_mark li:last-child button.current { background: #fff url(../../images/sub/icon_visibility.png) no-repeat; }
.myPage .progressDetail { width:420px; }
.accountProductDara strong { font-weight:500; }
.myPage .progressDetail a { display:block; max-width:420px !important; font-weight:700; border-bottom:1px solid #d5d5d5; padding-bottom:10px; font-size:16px; }
.myPage .progressDetail > p { font-size:13px; margin-top:12px; }
.myPage .progressDetail > p strong { color:#332fd0; }
.myPage .progressDetail > p span:before { content:"(" }
.myPage .progressDetail > p span:after { content:")" }
.myPage .gray:not(.txt_redGuide) { background:#eee; }
.myPage .progressDetail div { display:flex; margin-top:6px; }
.myPage .progressDetail div ul { display:flex; }
.myPage .progressDetail div li:first-child { position:relative; padding-right:10px; margin-right:5px; }
.myPage .progressDetail div li:first-child:after { position:absolute; right:0; content:"/"; }
.myPage .progressDetail div p { position:relative; margin:5px 10px 0 15px; width:310px; height:10px; border-radius:10px; background:#e1eaf6; }
.myPage .progressDetail div p span { position:absolute; width:275px; height:10px; border-radius:10px; background:#332fd0; }
.myPage .progressDetail div span { font-size:13px; }
.myPage .btn_progress button { padding:0 20px; height:35px; background:#332fd0; color:#fff; }
.myPage .btn_progress li:first-child { margin-bottom:10px; }
.myPage .btn_progress button:hover { background:#121b74; }
.myPage .btn_progress button.off { background:#a1a5b7; cursor:default; }
.myPage .btn_progress button.ybm { background:#e93030; }
.myPage .btn_progress button.ybm:hover { background:#c20000; }
.myPage .layer_icon { width:330px; right:-30px; }
.myPage .layer_icon dl { display:flex; align-items:center; border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px; }
.myPage .layer_icon dl:last-child { border-bottom:none; margin-bottom:0; }
.myPage .layer_icon dt { width:50px; }
.myPage .layer_icon strong { display:block; color:#332fd0; }
.myPage .layer_icon dd { font-size:14px; }
.myPage .subGuide { background:#e6f6ff; padding:30px 30px 35px; font-size:16px; line-height:1.6; border-radius:5px; margin-top:40px; }
.myPage .subGuide .guide { margin-top:20px; }
.myPage .subGuide .guide dt { color:#332fd0; font-size:16px; font-weight:700; }
.myPage .subGuide .guide dd { position:relative; padding-left:8px; line-height:1.6; }
.myPage .subGuide .guide dd:before { position:absolute; left:0; top:0; display:block; content:"- ";  }
.myPage .skyBanner.right { top:186px; }
.coursesProgress_detail { background:#eee; border-radius:5px; padding:25px 30px 30px; }
.coursesProgress_detail header { position:relative; border-bottom:1px solid #a1a5b7; padding-bottom:22px; margin-bottom:25px; }
.coursesProgress_detail header span { font-weight:700; color:#332fd0; }
.coursesProgress_detail header h4 { font-weight:700; font-size:20px; }
.coursesProgress_detail header a { position:absolute; right:-30px; top:0; }
.coursesProgress_detail > ul { display:flex; gap:20px; }
.coursesProgress_detail > ul > li { background:#fff; border-radius:10px; width:210px; height:150px; text-align:center; }
.coursesProgress_detail > ul > li h5 { font-size:18px; font-weight:700; margin:15px 0 15px; }
.coursesProgress_detail > ul > li > strong { display:block; font-size:24px; font-weight:700; color:#332fd0; margin-bottom:8px; }
.coursesProgress_detail > ul > li > ul { display:flex; justify-content:center; margin-top:20px; }
.coursesProgress_detail > ul > li > ul li,.coursesProgress_detail > ul p { font-size:13px; }
.coursesProgress_detail > ul > li > p { margin-top:20px; }
.coursesProgress_detail > ul > li li:first-child:after { content:"/"; padding:0 5px; }
.coursesProgress_detail > ul > li button { width:80px; height:35px; background:#332fd0; color:#fff; }
.coursesProgress_detail > ul > li button:hover { background:#121b74; }
.coursesProgress_detail > ul > li button.off { background:#a1a5b7; cursor:default; }
.extension_banner { display:flex; align-items:center; background:#e6f6ff; height:130px; padding:0 30px 0px 30px; font-size:16px; line-height:1.6; border-radius:5px; margin-top:40px; text-align:center; }
.extension_banner > span { display:block; width:220px; font-size:20px; font-weight:700; background:url(../../images/sub/icon_courseBanner.png) no-repeat center 0; padding-top:55px; }
.extension_banner > span strong,.extension_banner > div p strong { color:#332fd0; }
.extension_banner > div p { font-size:20px; }
.extension_banner > div small { font-size:16px; }
.extension_banner > div span { display:block; font-size:14px; color:#a1a5b7; padding-top:8px; }
.extension_banner a { display:block; width:160px; height:50px; color:#fff; font-size:18px; background:#332fd0; border-radius:5px; padding-top:12px; margin-left:56px; }
.extension_banner a:hover { background:#121b74; }
.myPage .table_btnArea { position:absolute; right:0; top:-35px; }
.myPage .lecture_table .table_btnArea { top:15px; }
.myPage .table_btnArea + h3 { padding-top:0; margin-top:10px; }
.layer_progress { width:350px; }
.bullet li { position:relative; padding-left:12px; margin-bottom:6px; }
.bullet li:before { position:absolute; display:block; content:"-"; left:0; top:0; }
.bullet li strong { color:#ed234b; }
.pop_leaveAbsence .bullet { margin-bottom:20px; }
.pop_leaveAbsence select { margin-right:10px; }
.professor_lectureList .searchContent { margin:25px 20px 0; }
.myPage .totalList_area + table tr:first-child td { border-top:none; }
.myPage table { border-top:1px solid #000; }
.professor_lectureList .searchContent select { min-width:135px; }
.professor_lectureList .table_section { margin:40px 20px 25px; }
.professor_lectureList .table_section table { border-bottom:none; }
.professor_lectureList .package { display:flex; height:80px; align-items:center; padding:0 85px 0 20px; justify-content:space-between; border-bottom:1px solid #d5d5d5; }
.professor_lectureList .package.close { border-bottom:none; animation:borderN .2s both; }
.professor_lectureList .package strong { display:block; color:#332fd0; font-size:18px; font-weight:700; padding-bottom:3px; }
.professor_lectureList .package .btn_progress { display:flex; gap:10px; margin-top:10px; }
.professor_lectureList .btn_progress .btn_cancel { padding:0 10px; border:1px solid #332fd0; background:#fff; color:#332fd0; font-size:14px; }
.professor_lectureList .btn_progress .btn_cancel:hover { border:1px solid #332fd0; background:#332fd0; color:#fff; }
.professor_lectureList .package dt { display:inline-block; font-weight:700; padding-right:5px; }
.professor_lectureList .package dd { display:inline-block; padding-right:15px; }
.noData p { color:#a1a5b7; font-size:14px; padding:15px 0; text-align:center; }
.noData { color:#a1a5b7; font-size:14px; padding:15px 0; text-align:center; }
.noData a { display:inline-block; font-weight:600; height:35px; border:1px solid #332fd0; color:#332fd0; background:#fff url(../../images/common/bullet_rightBlue.png) no-repeat calc(100% - 18px) center; padding:7px 30px 8px 20px; border-radius:5px; }
.noData a:hover { background:#f5f6fb url(../../images/common/bullet_rightBlue.png) no-repeat calc(100% - 18px) center; }

#course td,#course,#packages td, #packages,#stopPackages, #stopPackages td,#courseFinishList, #courseFinishList td,#courseFinishListNo,#courseFinishListNo td,#packagesFinishList,#packagesFinishList td,#freePassFinishList,#freePassFinishList td { border-top:none; }
#course .noData,#packages .noData,#stopPackages .noData,#courseFinishList .noData,#courseFinishListNo .noData,#packagesFinishList .noData,#freePassFinishList .noData { padding-top:0; margin-top: -12px; }

@keyframes borderN {
    0% { border-bottom:1px solid #d5d5d5; }
    80% { border-bottom:1px solid #d5d5d5; }
    100% { border-bottom:1px solid transparent; }
}
.pop_applyFreepass { padding-bottom:80px; }
.pop_applyFreepass td > span { font-size:13px; }
.pop_applyFreepass td > span:before { content:"(" }
.pop_applyFreepass td > span:after { content:")" }
.pop_applyFreepass .applyFreepass { position:fixed; bottom:0; left:0; display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; background:rgba(0,0,0,.8); padding:0 30px; }
.pop_applyFreepass .applyFreepass ul { display:flex; }
.pop_applyFreepass .applyFreepass ul li { font-weight:700; color:#fff000; font-size:18px; padding-right:15px; }
.pop_applyFreepass .applyFreepass strong { color:#fff; }
.pop_applyFreepass .applyFreepass strong:after { content:" | "; font-weight:400; padding-left:15px; }
.pop_applyFreepass .applyFreepass button { display:inline-block; font-weight:600; height:40px; color:#000; background:#fff000 url(../../images/common/bullet_rightBlack.png) no-repeat calc(100% - 18px) 8px; padding:8px 40px 8px 30px; border-radius:5px; }
.pop_applyFreepass .applyFreepass button:hover { color:#000; background:#fff url(../../images/common/bullet_rightBlack.png) no-repeat calc(100% - 18px) 8px; }
.txtGuide { margin-top:20px; }
.txtGuide li, p.txtGuide { position:relative; padding-left:12px; font-size:14px; color:#a1a5b7; }
.txtGuide li:before, p.txtGuide:before { position:absolute; content:"※ "; left:0; }
.txtGuide.red { color:#ed234b; }
.txtGuide.black { color:#111; }

.myPage .btn_blueBg { width:130px; display:inline-block; }
.myPage .btn_blueBg.off { background:#a1a5b7 !important; border:1px solid #a1a5b7 !important; cursor:default; }
.myPage .courseReview_subject strong { color:#111; }
.myPage .paymentStep { display:flex; align-items:center; justify-content:center; background:#f9fafc; border-radius:5px; border:1px solid #eef3fd; height:120px; }
.myPage .paymentStep li { position:relative; width:215px; padding-left:30px; color:#a1a5b7; }
.myPage .paymentStep li strong { display:block; font-size:16px; font-weight:700; }
.myPage .paymentStep li.on span { color:#111; }
.myPage .paymentStep li.on strong { color:#332fd0; }
.myPage .paymentStep li:before { position:absolute; right:0; top:10px;content:""; opacity:.3; display:inline-block; width:23px; height:23px; background:url(../../images/common/bullet_right.png) no-repeat right center; }
.myPage .paymentStep li:last-child:before { background:none; }
.myPage .paymentStep li:after { position:absolute; right:44px; top:-8px; content:""; display:inline-block; width:60px; height:60px; }
.myPage .paymentStep li:nth-child(1):after { background:url(../../images/sub/paymentData_step01.png) no-repeat right center; }
.myPage .paymentStep li:nth-child(1).on:after { background:url(../../images/sub/paymentData_step01_on.png) no-repeat right center; }
.myPage .paymentStep li:nth-child(2):after { background:url(../../images/sub/paymentData_step02.png) no-repeat right center; }
.myPage .paymentStep li:nth-child(2).on:after { background:url(../../images/sub/paymentData_step02_on.png) no-repeat right center; }
.myPage .paymentStep li:nth-child(3):after { background:url(../../images/sub/paymentData_step03.png) no-repeat right center; }
.myPage .paymentStep li:nth-child(3).on:after { background:url(../../images/sub/paymentData_step03_on.png) no-repeat right center; }

/* 결제 */
.unablePurchase td { color:#a1a5b7; }
.unablePurchase td a { color:#a1a5b7; cursor:default; }
.unablePurchase td input[type=checkbox] { cursor:default; }
.unablePurchase td button { color:#a1a5b7; border:1px solid #a1a5b7; cursor:default; }
.unablePurchase td button:hover { color:#a1a5b7; border:1px solid #a1a5b7; background:#fff; }
.myPage .totalPrice td { font-size:20px; }
.myPage .totalPrice .symbol { display:inline-block; width:26px; height:26px; background:#e6f6ff; color:#111; border-radius:30px; font-size:25px; line-height:22px; }
.myPage .totalPrice td strong { color:#332fd0; }
.myPage .btn_delete { display:flex; gap:20px; margin-top:20px; }
.myPage .btn_delete button { height:30px; padding:0 25px; font-size:14px; color:#fff; background:#a1a5b7; }
.myPage .btn_payment { display:block; margin:50px auto ;width:200px; height:50px; border:1px solid #332fd0; background:#332fd0; color: #fff; font-size:16px; border-radius:5px; text-align:center; padding-top:13px; }
.myPage .btn_payment:hover { background:#121b74; }
.btn_delete button:hover { background:#555; }
.txtGuide dt { font-weight:700; padding-bottom:5px; }
.txtGuide dt:before { content:"* " }
.txtGuide dd { position:relative; padding-left:20px; margin-bottom:15px; }
.txtGuide dd a,.btn_militaryDelivery,.bullet_list li a { padding:5px 20px 5px 10px; background:#444 url(../../images/common/bullet_review.png) calc(100% - 10px) center no-repeat; color:#fff; font-size:13px; border-radius:3px; margin-left:10px; }
.txtGuide dd a:hover,.btn_militaryDelivery:hover,.bullet_list li a:hover { background:#000 url(../../images/common/bullet_review.png) calc(100% - 10px) center no-repeat; color:#fff; }
.txtGuide dd:before { content:"-"; position:absolute; left:10px; }
h3 .star { color:#f1416c; padding-left:5px; }
.myPage .startChoice { display:flex; align-items:center; border-top:1px solid #000; border-bottom:1px solid #d5d5d5; padding:20px; }
.myPage .startChoice dl { display:flex; padding-right:20px; }
.myPage .startChoice dl dt { font-size:16px; color:#f1416c; font-weight:700; }
.myPage .startChoice dl dt:after { content:":"; padding-right:15px; }
.myPage .startChoice dl dd { font-size:16px; }
.myPage .startChoice select { border:1px solid #f1416c; }
.myPage .deliveryInfo { display:flex; align-items:center; justify-content:space-between; }
.subContent .deliveryInfo h3 { font-size:18px; border-bottom:0 !important; padding-bottom:0 !important; margin-bottom:20px !important; }
.deliveryInfo ul { display:flex; margin-top:10px; }
.deliveryInfo ul li { margin-left:15px; }
.myPage .input_buttonBoth input:first-child { width:50% !important; }
.myPage .txt_redGuide { margin:10px 0 0; }
.myPage .coupon_table td,.myPage .coupon_table th { text-align:left; }
.myPage .coupon_table input[type=number] { width:20%; margin-right:10px; text-align:right }
.myPage .btn_tableInner_square { margin-left:20px; }
.btn_coupon,.btn_coupon li { display:inline-block; }
.btn_coupon li:last-child a { margin-left:10px; }
.btn_militaryDelivery { display:inline-block; margin-top:10px; }
.pop_recentDelivery .recentDelivery > li { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d5d5d5; padding:15px 0 15px; }
.pop_recentDelivery .recentDelivery { height:340px; overflow:auto; }
.pop_recentDelivery .recentDelivery > li:last-child { border-bottom:none; }
.pop_recentDelivery .recentDelivery .noData { margin:20px auto 0; }
.pop_recentDelivery .pop_content div { width:400px; }
.pop_recentDelivery .pop_content div span { background:#e6f6ff; font-size:14px; padding:3px 10px; border-radius:20px; }
.pop_recentDelivery .pop_content div strong { display:block; margin:10px 0 5px; }
.pop_recentDelivery .pop_content div ul { display:flex; }
.pop_recentDelivery .pop_content div li { color:#a1a5b7; font-size:14px; font-weight:400; }
.pop_recentDelivery .pop_content div li:after { content:" | "; padding-left:5px; margin-right:5px; }
.pop_recentDelivery .pop_content div li:last-child:after { content:"" }
.recentDelivery > li button { padding:2px 12px 1px; color:#332fd0; border-radius:30px; background:#fff; border:1px solid #332fd0; }
.recentDelivery > li button:hover { background:#f5f6fb; }
.pop_recentDelivery .btn_area { margin-top:0; }
.selectPayment .paymentList { display:flex; align-items:center; padding:0 20px; height:65px; border-bottom:1px solid #d5d5d5; gap:50px; }
.selectPayment .paymentList input[type=radio] { margin-top:-1px; }
.selectPayment .paymentList a { display:inline-block; background:#f1416c; color:#fff; font-size:13px; padding:4px 4px 2px 12px; border-radius:20px; margin-left:8px; }
.selectPayment .paymentList li:last-child a,.selectPayment.uniCash .paymentList li a { background:#a1a5b7; }
.selectPayment .paymentList a:hover { background:#d42953; }
.selectPayment .paymentList a:after { content:"?"; display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; color:#111; font-size:14px; font-weight:600; background:#fff; vertical-align:0px; border-radius:10px;  box-sizing:border-box; margin:0 0 0 8px;  transition:all .1s; }
.selectPayment .paymentList li:last-child a:after,.selectPayment.uniCash .paymentList li a:after { color:#888 }
.selectPayment .paymentList li:last-child a:hover,.selectPayment.uniCash .paymentList li a:hover { background:#898d9f; }
.selectPayment > div { display:flex; }
.selectPayment > div .guide { width:620px; padding-right:10px; }
.selectPayment > div .guide ul { margin:20px 0 20px 20px; }
.selectPayment > div .guide li { position:relative; font-size:14px; padding:0 0 5px 12px; }
.selectPayment > div .guide li:last-child { padding-bottom:0; }
.selectPayment > div .guide li:before { position:absolute; left:0; content:"※ "; }
.selectPayment > div .guide a { display:block; width:100%; height:32px; border:1px solid #a1a5b7; border-radius:5px; margin-bottom:8px; padding:5px 0 0 20px; background:url(../../images/common/bullet_right.png) no-repeat 97% center; }
.selectPayment > div .guide a:last-child { margin-bottom:0; }
.selectPayment > div .totalAmount { width:340px; height:230px; background:#e6f6ff; text-align:center; }
.selectPayment .totalAmount h4 { font-size:16px; margin:30px 0 5px 0; }
.selectPayment .totalAmount strong { display:block; font-size:36px; color:#332fd0; letter-spacing:-1px; margin-bottom:10px; }
.selectPayment .totalAmount strong small { font-size:24px; vertical-align:2px; }
.selectPayment .totalAmount label { font-size:13px; }
.selectPayment .totalAmount input[type=checkbox] { vertical-align:-5px; }
.selectPayment .totalAmount button { width:300px; height:52px; border-radius:5px; color:#fff; font-size:16px; background:#332fd0; margin-top:19px; }
.selectPayment .totalAmount button:hover { background:#121b74; }
.pop_totalDiscount { padding-bottom:80px; }
.pop_totalDiscount .totalDiscount { position:fixed; bottom:0; left:0; display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; background:rgba(0,0,0,.8); padding:0 30px; }
.pop_totalDiscount .totalDiscount dl,.pop_totalDiscount .totalDiscount ul { display:flex; }
.pop_totalDiscount .totalDiscount dt { font-weight:700; color:#fff; font-size:20px; padding-right:15px; }
.pop_totalDiscount .totalDiscount dd { font-weight:700; color:#fff000; font-size:20px; }
.pop_totalDiscount .totalDiscount button { display:inline-block; font-weight:600; height:40px; color:#000; background:#fff000 url(../../images/common/bullet_rightBlack.png) no-repeat calc(100% - 18px) 8px; padding:8px 40px 8px 30px; border-radius:5px; border:1px solid #fff000; }
.pop_totalDiscount .totalDiscount li:first-child button { color:#fff; background:transparent url(../../images/common/bullet_gnbBanner.png) no-repeat calc(100% - 18px) 8px; padding:8px 40px 8px 30px; border:1px solid #fff; margin-right:10px; }
.pop_totalDiscount td .txt_basicRed { padding:5px 0 0 30px; }
.pop_totalDiscount .table_section h3 { padding-bottom:0; }
.pop_totalDiscount table { margin-top:15px; }
.pop_totalDiscount table:first-child { margin-top:0; }
.myPage .completePayment_guide { height:70px; margin-top:60px;  padding:50px 0 60px; text-align:center; color:#332fd0; font-size:18px; font-weight:700; background:url(../../images/sub/icon_completePayment.png) no-repeat top center;}
.myPage .completePayment_guide.defeat { background:url(../../images/sub/icon_defeat.png) no-repeat top center; color:#ed234b; }
.myPage .completePayment_guide.defeat p { color:#111; margin-top:8px; }
.myPage .couponInfo { display:flex; margin-bottom:4px; }
.myPage .couponInfo:last-child { margin-bottom:0; }
.myPage .couponInfo dt { color:#332fd0; font-weight:700; width:50px; padding-right:20px; }
.myPage .couponInfo dd { padding-left:20px; border-left:1px solid #ccc; }
.myPage .paymentCheck .orderDate a,.myPage .trackingNumber { color:#332fd0; text-decoration:underline; }
.myPage .paymentCheck .orderDate a:before,.myPage .trackingNumber:before { content:"(" }
.myPage .paymentCheck .orderDate a:after,.myPage .trackingNumber:after { content:")" }
.myPage .paymentCheck .paymentProduct { display:flex; }
.myPage .paymentCheck .paymentProduct dt:before,.myPage .paymentCheck .paymentProduct dt:after { content:"|"; }
.myPage .paymentCheck .paymentProduct dt:before { padding-right:5px; }
.myPage .paymentCheck .paymentProduct dt:after { padding-left:5px; margin-right:5px; }
.myPage .refund { background:url(../../images/sub/icon_reply.png) no-repeat; padding-left:25px; color:#ed234b; }
.myPage .myWallet_list { display:flex; align-items:center; background:#e6f6ff; padding:30px 30px 35px; font-size:16px; line-height:1.6; border-radius:5px; height:100px; }
.myPage .myWallet_list dl { display:flex; align-items:center; width:50%; justify-content: center; }
.myPage .myWallet_list dl:first-child { border-right:1px solid #b7c7d0; }
.myPage .myWallet_list dt { font-size:16px; padding:5px 25px 0 0; }
.myPage .myWallet_list dd { font-size:24px; color:#332fd0; }
.myPage .myWallet_list dd a { display:block; width:90px; height:35px; background:#fff; color:#332fd0; border:1px solid #332fd0; font-size:14px; border-radius:5px; text-align:center; padding-top:7px; }
.myPage .myWallet_list dd a:hover { background:#f5f6fb; }
.selectPayment.uniCash > div .totalAmount { height:180px; }
.selectPayment.uniCash .totalAmount button { margin-top:0; }
.selectPayment .totalAmount h4 { margin:25px 0 0 0; }
.selectPayment > div .guide.border { border-bottom:1px solid #d5d5d5; }
.myPage .uniCash_charge { display:flex; gap:10px; }
.myPage .uniCash_charge li { position:relative; }
.myPage .uniCash_charge input[type=radio] { position:absolute; left:25px; top:20px; }
.myPage .uniCash_charge label { display:inline-block; width:232px; border:1px solid #a1a5b7; border-radius:5px; height:60px; text-align:center; padding:17px 0 0 25px; font-size:18px; color:#a1a5b7; font-weight:700; }
.myPage .uniCash_charge input[type=radio]:checked + label { border:1px solid #332fd0; color:#332fd0; background:#e6f6ff; color:#332fd0; }
.myPage .modifyPrivacy h4 { font-size:24px; font-weight:700; text-align:center; margin:70px 0 20px; }
.modifyPrivacy .withdrawalGuide { background:#f9fafc; border:1px solid #eef3fd; border-radius:5px; padding:30px; text-align:center; }
.modifyPrivacy .withdrawalGuide p { margin-bottom:20px;  }
.modifyPrivacy .withdrawalGuide input { width:350px; margin:10px 0 15px; }
.modifyPrivacy .withdrawalGuide span { display:block; font-size:14px; color:#a1a5b7; }
.modifyPrivacy .withdrawalGuide a { display:block; width:350px; height:60px; text-align:center; background:#fadf02 url(../../images/common/icon_kakao.png) no-repeat 35px 6px; border-radius:5px; font-size:18px; font-weight:700; margin:20px auto 15px; padding:17px 0 0 20px; }
.modifyPrivacy .withdrawalGuide a.naver { background:#04d100 url(../../images/common/icon_naver.png) no-repeat 35px 7px; }
.modifyPrivacy .withdrawalGuide a.google { background:#fff url(../../images/common/icon_google.png) no-repeat 35px 5px; border:1px solid #ccc; }
.myPage .modifyPrivacy.btn_area { margin-top:50px; }
.myPage .modifyPrivacy.btn_area a { width:150px; }
.myPage .directInput { display:inline-block; width:150px; margin-left:10px; height:35px; }
.withdrawal .input_list li { margin-top:5px; }
.withdrawal > .txt_basicRed { margin-bottom:10px; text-align:right; }

/* colorbox 모달창 */
#colorbox #cboxLoadedContent {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#cboxClose {
    margin: 18px 30px 0 0;
}

#cboxClose:hover {
    background-position: -25px 0!important;
}

#colorbox #cboxClose {
    top: 0px !important;
    right: 10px !important;
}

/* 회원탈퇴 레이어 */
.layer_withdrawal { margin:0px 0 0 -250px; }
.layer_withdrawal .btn_modalClose { right:15px; top:70px; }
.layer_withdrawal ul { display:flex; border-radius:0 0 10px 10px; overflow:hidden; }
.layer_withdrawal ul a { display:block; height:60px; font-size:18px; font-weight:700; text-align:center; background:#ddd; color:#a39797; padding-top:17px; }
.layer_withdrawal ul li { display:block; width:50%; }
.layer_withdrawal ul li:last-child a { background:#fffc00; color:#000; }

/* 기초학력증진 프로젝트 */
.basicEducation .content { position:relative; width:1200px; margin:0 auto; text-align:center; }
.basicEducation > header { position:relative; width:100%; height:200px; background:url(../../images/basicEducation/header_bg.png) no-repeat center; background-size:cover; margin:0 auto; border-bottom:1px solid #d5d5d5; }
.basicEducation > header .content > div {  width:100%; height:200px; display:flex; align-items:center; justify-content:center; }
.basicEducation > header h2 { font-size:50px; font-weight:800; padding-top:10px; }
.basicEducation > header p { padding-bottom:13px; }
.basicEducation > header select { position:absolute; right:0; top:30px; }
.basicEducation.index { background:#e1eaf6; }
.basicEducation nav { border-bottom:1px solid #d5d5d5; height:70px; background:#fff; }
.basicEducation nav.sticky { position:fixed; top:0px; width:100%; margin-top:0px; box-shadow:0px 25px 20px -20px rgba(0,0,0,.2); z-index:100; padding:15px; background:#fff; }
.basicEducation nav ul { display:flex; height:100%; align-items:center; justify-content:space-between; width:920px; margin:0 auto; }
.basicEducation nav ul a { font-weight:700; font-size:20px; }
.basicEducation nav ul a.on { color:#332fd0; }
.basicEducation nav ul li { position:relative; width:20%; text-align:center; }
.basicEducation nav ul li:after { position:absolute; top:4px; right:0; display:inline-block; content:""; width:1px; height:20px; background:#bdbdbd; }
.basicEducation nav ul li:last-child:after { display:none; }
.basicEducation .subContainer { display:block; margin:0 auto; padding:65px 0 100px; }
.basicEducation .name { font-size:24px; margin-bottom:27px; line-height:1.8; }
.basicEducation .name a { position:relative; display:inline-block; vertical-align:top; width:40px; height:40px; text-indent:-9999px; margin-left:10px; border-radius:30px; background:#c6cfdb url(../../images/basicEducation/icon_settings.png) no-repeat center 9px; }
.basicEducation .name a:hover { background:#adc8ec url(../../images/basicEducation/icon_settings_hover.png) no-repeat center 9px; }
.basicEducation .name a:hover:after { position:absolute; bottom:-30px; left:-8px; display:block; width:60px; height:20px; background:#000; content:"정보수정"; color:#fff; font-weight:500; border-radius:3px; text-indent:0; font-size:12px; text-align:center; animation:fadeIn_up .25s ease-out both; padding-top:3px; }
.basicEducation .projectProgress,.basicEducation .basicInfo .schedule,.basicEducation .basicInfo .testStatus,.basicEducation .basicInfo .notice,.basicEducation .courseProgress,.basicInfo .recentStudy { border-radius:15px; background:#fff; padding:20px 25px; }
.basicEducation .projectProgress h3 { font-size:28px; font-weight:800; }
.basicEducation .projectProgress p { font-size:16px; margin-top:4px; }
.basicEducation .projectProgress p strong { color:#332fd0; }
.basicEducation .progressBar { position:relative; display:flex; justify-content:space-between; width:1020px; height:69px; margin:50px auto 50px; }
.basicEducation .progressBar:before { position:absolute; left:0px; top:30px; content:""; width:1020px; height:8px; border-radius:5px; }
.basicEducation .progressBar.step_00 { background:url(../../images/basicEducation/progressBar_00.png) no-repeat center; }
.basicEducation .progressBar.step_01:before { background:#eee; }
.basicEducation .progressBar.step_02:before { background:linear-gradient(90deg, rgba(51,47,208,1) 34%, rgba(238,238,238,1) 34%, rgba(238,238,238,1) 100%); }
.basicEducation .progressBar.step_03:before { background:linear-gradient(90deg, rgba(51,47,208,1) 64%, rgba(238,238,238,1) 64%, rgba(238,238,238,1) 100%); }
.basicEducation .progressBar.step_04:before { background:#332fd0; }
.basicEducation .progressBar.step_04 { margin:30px auto 50px }
.basicEducation .progressBar li:after { position:absolute; top:17px; left:50%; margin-left:-17px; display:inline-block; width:35px; height:35px; content:""; background:url(../../images/basicEducation/icon_ready.png) no-repeat; }
.basicEducation .progressBar li.icon_play:after { background:url(../../images/basicEducation/icon_ing.png) no-repeat; }
.basicEducation .progressBar li.icon_end:after { background:url(../../images/basicEducation/icon_end.png) no-repeat; }
.basicEducation .progressBar li.icon_part:after { background:url(../../images/basicEducation/icon_part.png) no-repeat; }
.basicEducation .progressBar li.icon_absence:after { background:url(../../images/basicEducation/icon_absence.png) no-repeat; }
.basicEducation .progressBar li:last-child:after { top:-5px; left:50%; margin-left:-36px; width:72px; height:72px; background:url(../../images/basicEducation/icon_goalOff.png) no-repeat; }
.basicEducation .progressBar.step_04 li:last-child:after { background:url(../../images/basicEducation/icon_goalOn.png) no-repeat; }
.basicEducation .progressBar li { position:relative; display:block; width:60px; height:140px; padding-top:80px; font-weight:700; font-size:16px; color:#bcbcbc; text-align:center; }
.basicEducation .progressBar li.talkBubble,.basicEducation .progressBar.step_04 li { color:#111; }
.basicEducation .progressBar li.talkBubble:before { transition:all 0.6s ease; animation:circle 1s ease infinite; content:""; position:absolute; left:50%; margin-left:-12px; top:22px; width:14px; height:14px; border-radius:30px; border:5px solid #332fd0; }
.basicEducation .progressBar li span { position:absolute; left:50%; margin-left:-25px; top:-28px; min-width:50px; text-align:center; height:24px; color:#fff; font-size:13px; background:#ed234b; border-radius:5px; font-weight:400; padding:3px 8px 0; animation:upDown .7s ease-out infinite; }
.basicEducation .progressBar li.end span { animation:none; background:#332fd0; }
.basicEducation .progressBar li.end span:after { border-top:10px solid #332fd0; }
.basicEducation .progressBar li span:after { position:absolute; left:50%; margin-left:-8px; display:block; content:""; width:0; height:0; border-bottom:8px solid transparent; border-left:8px solid transparent; border-top:10px solid #ed234b; border-right:8px solid transparent; }

@keyframes circle {
    0% { opacity:.8; }
    100% { opacity:0; transform:scale(2.6); }
}
@keyframes upDown {
    0% { transform:translateY(0%); }
    50% { transform:translateY(-20%); }
    100% { transform:translateY(0%); }
}

.basicEducation .basicInfo { display:flex; gap:20px; margin-top:20px; }
.basicEducation .basicInfo > div { width:100%; display:flex; flex-wrap:wrap; gap:20px; }
.basicEducation .basicInfo .schedule,.basicInfo .testStatus,.basicInfo .notice,.basicInfo .recentStudy { flex-grow:1; }
.basicEducation .schedule .scheduleTxt { display:flex; align-items:center; height:42px; }
.basicEducation .scheduleTxt p strong { color:#ed234b; }
.basicEducation .basicInfo .schedule .dday { display:block; width:65px; height:28px;text-align:center; color:#fff; border-radius:30px; background:#ed234b; padding-top:4px; margin-right:20px; }
.basicEducation .basicInfo .header { position:relative; border-bottom:1px solid #c6cfdb; padding-bottom:10px; margin-bottom:15px; }
.basicEducation .basicInfo h4 { font-size:20px; font-weight:800; }
.basicEducation .basicInfo h5 { font-size:18px; font-weight:700; margin:27px 0 11px; }
.basicInfo .btn_more { position:absolute; right:0; top:5px; font-size:14px; }
.basicInfo .btn_more:after { content:""; display:inline-block; margin-left:5px; width:10px; height:10px; background:url(../../images/common/icon_add.png) no-repeat; background-size:10px auto; opacity:.6; }
.basicInfo .btn_more:hover:after { animation:spin .3s ease-out both; }
.basicInfo .testStatus .btn_movie { display:flex; gap:10px; justify-content:center; }
.basicEducation .btn_movieView {  display:inline-block; width:160px; height:38px; border-radius:5px; background:#5f6368; color:#fff; text-align:center; font-size:14px; padding-top:8px; vertical-align:middle; }
.basicEducation .btn_movieView:before { content:""; display:inline-block; width:23px; height:25px; background:url(../../images/basicEducation/icon_play.png) no-repeat 0 0; margin-right:6px; vertical-align:middle; }
.basicEducation .btn_movieView:hover { background-color:#111; }
.basicInfo .evaluationResults { height:95px; border-radius:8px; background:#eee; padding:20px; overflow:auto; overflow-x:hidden; }
.basicInfo .evaluationResults ul { display:flex; flex-wrap:wrap; gap:10px; }
.basicInfo .evaluationResults li strong:before { content:"[" }
.basicInfo .evaluationResults li strong:after { content:"]" }
.basicInfo .evaluationResults .nonAttendance { color:#ed234b; }
.basicInfo .board li { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.basicInfo .board .short_words_boardList { max-width:440px; line-height:2; }
.basicInfo .board p { position:absolute; right:0; color:#bcbcbc; }
.basicInfo .board span { margin-bottom:3px; }
.basicInfo .courseProgress,.basicInfo .recentStudy { position:relative; width:285px; height:410px; }
.basicInfo .courseProgress dl { margin-top:20px; }
.basicInfo .courseProgress dt { float:right; padding-bottom:20px; }
.basicInfo .courseProgress dt span { display:block; width:65px; height:28px;text-align:center; color:#fff; border-radius:30px; background:#ed234b; padding-top:4px; }
.basicInfo .courseProgress dd { position:absolute; bottom:40px; width:235px; text-align:center; }
.basicInfo .chart { position:relative; display:inline-block; margin:40px 0 10px 64px; width:105px; height:105px;border-radius:50%; }
.basicInfo .chart .center { position:absolute; top:50%; left:50%; background:#fff; display:block;
    width:80px; height:80px; border-radius:50%; text-align:center; line-height:80px; font-size:24px; color:#ed234b; font-weight:700; transform:translate(-50%, -50%); }
.basicInfo .recentStudy dl { display:flex; justify-content:center; }
.basicInfo .recentStudy dl strong { color:#ed234b; }
.basicInfo .recentStudy dt:after { content:" / "; padding-right:5px; }
.basicInfo .recentStudy .btn_takeItNow { display:block; width:100%; height:45px; border-radius:5px; background:#332fd0; font-size:18px; font-weight:600; color:#fff; text-align:center; padding-top:9px; margin-top:43px; }
.basicInfo .recentStudy .btn_takeItNow:hover,.basicEducation .nonTarget a:hover { background:#121b74; }
.pop_notice .short_words_boardList { max-width:400px; }
.pop_totalSchedule td dl { display:flex; align-items:center; }
.pop_totalSchedule td dl:first-child { margin-bottom:3px; }
.pop_totalSchedule dl dt { background:#e1eaf6; padding:5px 15px 3px; margin-right:10px; border-radius:30px; font-weight:700; }
.basicEducation .nonTarget { width:400px; font-size:16px; color:#aaaaba; text-align:center; background:#fff; padding:30px 0 10px; border-radius:15px; margin:80px auto 40px; }
.basicEducation .nonTarget strong { display:block; background:url(../../images/basicEducation/icon_customer.png) no-repeat 120px center; padding:20px 0 20px 60px; font-size:24px; color:#111; }
.basicEducation .nonTarget a { display:block; width:50%; height:45px; border-radius:5px; background:#332fd0; font-size:18px; font-weight:600; color:#fff; text-align:center; padding-top:9px; margin:20px auto; }
.pop_wrap .privacyAgreement { height:300px; border:1px solid #d5d5d5; padding:20px; overflow:scroll; overflow-x:hidden; }
.pop_wrap .privacyAgreement h2 { font-size:18px; }
.pop_wrap .privacyAgreement ul li { position:relative; padding-left:8px; line-height:1.6; }
.pop_wrap .privacyAgreement ul li:after { position:absolute; left:0; top:0; content:"- "; display:block; }
.pop_wrap .privacyAgreement ol { margin-left:15px; }
.pop_wrap .privacyAgreement ol li { list-style:decimal; }
.pop_wrap h2 strong { color:#332fd0; }

.basicEducation .subContainer header { display:flex; border-bottom:2px solid #e5e5e5; padding:0 0 19px; margin-bottom:40px; align-items:center; }
.basicEducation .subContainer header h4 { font-size:24px; font-weight:800; padding-right:20px; }
.basicEducation .subContainer header p { padding-top:3px; }
.basicEducation_guide { position:relative; background:#e6f6ff; padding:30px 30px 35px; font-size:16px; line-height:1.6; border-radius:5px; margin-bottom:40px; min-height:120px; }
.basicEducation_guide dt { font-size:18px; font-weight:700; padding-bottom:8px; }
.basicEducation_guide dd,.basicEducation_guide p,.basicEducation_guide li { position:relative; padding-left:12px; line-height:1.6; }
.basicEducation_guide dd:before,.basicEducation_guide li:before { position:absolute; left:0; top:0; content:"- "; display:block; }
.basicEducation_guide strong { color:#ed234b; }
.basicEducation_guide a { color:#332fd0; text-decoration:underline; }
.basicEducation .testSchedule { display:flex; gap:20px; flex-wrap:wrap; }
.basicEducation .testSchedule_detail { width:590px; margin-bottom:40px; }
.basicEducation .testSchedule_detail h5 { font-weight:700; font-size:18px; margin-bottom:11px; }
.basicEducation .testSchedule_detail div { background:#eee; border-radius:5px; padding:25px; }
.testSchedule_detail dl { display:flex; align-items:center; }
.testSchedule_detail dl:first-child { margin-bottom:10px; }
.testSchedule_detail dl dt { background:#d3d3d3; padding:5px 15px 3px; margin-right:10px; border-radius:30px; font-weight:700; }
.testSchedule td dt { font-weight:700; color:#332fd0; }
.testSchedule td dd { color:#aaaaba; }
.testSchedule td dd:before { content:"( " }
.testSchedule td dd:after { content:" )" }
.pop_startExam .logo { display:inline-block; padding:20px 0 0 30px; }
.pop_startExam .pop_content h2 { font-size:50px; text-align:center; font-weight:700; padding:40px 0 30px; margin:0; }
.pop_startExam .btn_exam,.pop_satisfaction a { display:block; background:#332fd0; color:#fff; border-radius:5px; width:300px; height:50px; padding-top:12px; font-size:18px; margin:80px auto 0; text-align:center; }
.pop_startExam .btn_exam:hover,.pop_satisfaction a:hover { background:#121b74; }
.pop_startExam .pop_content { padding:0 150px; }
.pop_startExam .table_line { margin-top:60px; }
.pop_exam header { display:flex; align-items:center; justify-content:space-between; height:53px; border-bottom:1px solid #d5d5d5; padding:0 30px; }
.pop_exam h2 { margin:0; width:650px; }
.pop_exam .examInfo,.pop_exam .examInfo dl { display:flex; }
.pop_exam .examInfo dl:first-child { margin-right:20px; padding-left:25px; background:url(../../images/basicEducation/icon_questions.png) no-repeat; }
.pop_exam .examInfo dl:last-child { padding-left:25px; background:url(../../images/basicEducation/icon_clock.png) no-repeat; }
.pop_exam .examInfo dt { font-weight:700; color:#332fd0; padding-right:3px; }
.pop_exam .examInfo dt:after { content:" : " }
.pop_exam .examContent { display:flex; }
.pop_exam .examContent .examPaper { position:relative; flex-shrink:0; width:850px; }
.pop_exam .paper { padding:30px 0 0; height:700px; text-align:center; overflow:auto; overflow-x:hidden; }
.pop_exam .paper::-webkit-scrollbar,.pop_exam .examContent .answerSheet > ol::-webkit-scrollbar { width:10px; }
.pop_exam .paper::-webkit-scrollbar-track-piece,.pop_exam .examContent .answerSheet > ol::-webkit-scrollbar-track-piece { background:#888; }
.pop_exam .paper::-webkit-scrollbar-thumb,.pop_exam .examContent .answerSheet > ol::-webkit-scrollbar-thumb {border-radius:10px; background:#ccc; }
.pop_exam .examContent .btn_examStep { display:flex; align-items:center; justify-content:space-between; width:850px; height:110px; padding:0 40px; border-top:1px solid #e5e5e5; }
.pop_exam .examContent .btn_examStep a { display:block; width:200px; height:50px; background:#fff url(../../images/basicEducation/icon_before.png) no-repeat 55px center; border:1px solid #332fd0; border-radius:5px; color:#332fd0; font-size:18px; text-align:center; padding-top:12px; padding-left:15px; font-weight:600; }
.pop_exam .examContent .btn_examStep a:hover { background:#e6f6ff url(../../images/basicEducation/icon_before.png) no-repeat 55px center; }
.pop_exam .examContent .btn_examStep li:last-child a { background:#fff url(../../images/basicEducation/icon_after.png) no-repeat 136px center; padding-left:0; padding-right:15px; }
.pop_exam .examContent .btn_examStep li:last-child a:hover { background:#e6f6ff url(../../images/basicEducation/icon_after.png) no-repeat 136px center; }
.pop_exam .examContent .answerSheet { height:100%; flex-grow:1; background:#eee; }
.pop_exam .examContent .answerSheet > ol { padding:15px 25px 0 25px; height:615px; overflow:auto; overflow-x:hidden; }
.pop_exam .examContent .answerSheet > ol > li { display:flex; align-items:center; height:40px; border:1px solid #d5d5d5; margin-top:10px; background:#fff; }
.pop_exam .examContent .answerSheet > ol > li.uncheck { animation:uncheck .6s ease infinite; }
.pop_exam .examContent .answerSheet > ol > li a { display:block; height:38px; width:40px; background:#dcdcdc; text-align:center; padding-top:10px; color:#000; }
.pop_exam .examContent .answerSheet > ol > li a:hover { background:#ababab; }
.pop_exam .choiceQuestion { display:flex; width:100%; justify-content:space-between; padding:0 20px; }
.pop_exam .choiceQuestion li { position:relative; }
.pop_exam .choiceQuestion input[type=radio]:after { position:absolute; left:10px; top:5px; content:"1"; }
.pop_exam .choiceQuestion li:nth-child(2) input[type=radio]:after { content:"2"; }
.pop_exam .choiceQuestion li:nth-child(3) input[type=radio]:after { content:"3"; }
.pop_exam .choiceQuestion li:nth-child(4) input[type=radio]:after { content:"4"; }
.pop_exam .choiceQuestion li:nth-child(5) input[type=radio]:after { content:"5"; }
.pop_exam input[type=radio] { background:#dcdcdc; border:none; width:28px; height:28px; transition:all .2s ease-in-out; }
.pop_exam input[type=radio]:hover,.pop_exam input[type=radio]:checked { border:none; background:#332fd0; }
.pop_exam input[type=radio]:hover:after,.pop_exam input[type=radio]:checked:after { color:#fff; }
.pop_exam .answerSheet .answerSubmission { border-top:1px solid #d5d5d5; height:180px; width:100%; padding:30px 20px; margin-top:20px; }
.pop_exam .answerSubmission strong { color:#ed234b; }
.pop_exam .answerSheet .answerSubmission button { display:block; width:200px; height:50px; background:#332fd0; border-radius:5px; text-align:center; color:#fff; font-size:18px; margin:23px auto 0; }
.pop_exam .answerSheet .answerSubmission button:hover { background:#121b74; }

@keyframes uncheck {
    0% { border:1px solid #d5d5d5; }
    20% { border:1px solid #ed234b; outline:1px solid #ed234b; }
    80% { border:1px solid #ed234b; outline:1px solid #ed234b; }
    100% { border:1px solid #d5d5d5; }
}

.pop_startExam .examCompleted p { text-align:center; font-size:16px; }
.pop_startExam .examCompleted p:first-child { margin-top:80px; }
.pop_startExam .examCompleted strong { display:block; text-align:center; font-size:24px; font-weight:700; color:#332fd0; margin:60px auto 10px; }
.gradeCheck .btn_movieView { float:right; margin-bottom:30px; }
.gradeCheck td .btn_blueBorder,.gradeCheck td .btn_blueBg { min-width:90px; padding:9px 10px 0 10px; }
.gradeCheck h5 { font-weight:700; padding:45px 0 15px; font-size:20px; }
.gradeCheck .changeGrades { display:flex; gap:20px; }
.gradeCheck .changeGrades div { width:50%; }
.gradeCheck .subTab { margin:120px 0 0; }
.gradeCheck .select { padding:50px 0 20px; border-bottom:1px solid #222; margin-bottom:30px; }
.gradeCheck .select select { min-width:300px; }
.gradeCheck .itemCategory { margin-top:50px; }
.icon_up:before { content:"▲"; color:#ed234b; padding-right:5px; }
.icon_down:before { content:"▼"; color:#332fd0; padding-right:5px; }
.gradeCheck .subTab_small { flex-wrap:wrap; justify-content:flex-start; margin-bottom:10px; }
.gradeCheck .subTab_small li { width:auto; }
.gradeCheck .subTab_small li a { padding:7px 35px 0; }
.gradeCheck .myScore { display:flex; gap:20px; margin:30px 0 20px; }
.gradeCheck .myScore dl { display:flex; width:100%; height:50px; border:1px solid #000; }
.gradeCheck .myScore dt,.gradeCheck .myScore dd { width:50%; text-align:center; padding-top:14px; font-size:16px; font-weight:700; }
.gradeCheck .myScore dt { background:#eee; border-right:1px solid #d5d5d5; }
.gradeCheck .myScore strong { color:#ed234b; }
.gradeCheck .myScore strong:after { content:"/"; color:#111; }
.layer_disabled { position:absolute; width:100%; height:100%; margin-top:30px; background:rgba(0, 0, 0, 0.83); border-radius:5px; z-index:10; }
.layer_disabled p { position:absolute; left:calc(50% - 250px); margin-top:calc(50% - 35px); width:500px; text-align:center; color:#fff000; font-weight:700; font-size:24px; z-index:10; }
.basicEducation .subContainer.myPage .progressDetail { width:630px; }
.basicEducation .subContainer.myPage .progressDetail a { max-width:630px !important; }
.basicEducation .subContainer.myPage .progressDetail div p { width:520px; }
.layer_satisfaction { margin:-225px 0 0 -230px; }
.layer_benefits { margin:-260px 0 0 -250px; }
.layer_satisfaction span { font-size:18px; }
.layer_satisfaction h2 { font-size:46px; font-weight:900; color:#332fd0; margin:0 0 20px; }
.layer_satisfaction .modalLayer_content { position:relative; text-align:center; width:460px; height:450px; background:url(../../images/basicEducation/satisfaction.png) no-repeat; padding:50px 30px 0; }
.layer_benefits .modalLayer_content { text-align:center; width:500px; height:520px; background:url(../../images/basicEducation/benefits.png) no-repeat; padding:50px 0 0; }
.layer_satisfaction .modalLayer_content strong { display:inline-block; background:#332fd0; color:#fff; font-size:18px; text-align:center; border-radius:20px; padding:5px 50px 6px; margin-bottom:40px; }
.layer_satisfaction p { font-size:16px; }
.layer_satisfaction .modalLayer_content a,.layer_benefits .modalLayer_content a { position:absolute; bottom:30px; left:30px; display:block; font-size:18px; width:400px; height:50px; background:#262626; color:#fff; padding-top:10px; border-radius:3px; }
.layer_benefits .modalLayer_content a { width:440px; }
.layer_satisfaction .modalLayer_content a:hover,.layer_benefits .modalLayer_content a:hover { background:#000; }
.satisfaction_container { width:450px; margin:80px auto 110px; }
.satisfaction_list { counter-reset: number 0;  }
.satisfaction_list > li { position:relative; padding-bottom:40px; }
.satisfaction_list > li strong {  display:block; padding:0 0 12px 30px; font-size:16px; }
.satisfaction_list > li strong:before { position:absolute; left:-5px; top:-4px; display:inline-block; box-sizing:border-box; width:28px; height:28px; counter-increment:number 1; text-align:center; padding-top:4px; content:'Q' counter(number); background:#332fd0; color:#fff; font-size:14px; font-weight:600; border-radius:20px; margin-right:6px; vertical-align:2px; }
.satisfaction_list input[type=text] { width:100%; }
.satisfaction_list .input_list { display:flex; gap:15px; flex-wrap:wrap; border-top:1px solid #d5d5d5; padding-top:15px;  }
.selectRight { float:right; margin-top:-50px; }

/* 검색결과 페이지 */
.searchSection { background:#f1faff; padding:50px 0; text-align:center; }
.searchSection label { position:relative; display:inline-block; }
.searchSection label input[type=text] { width:600px; height:50px; border-radius:30px; border:2px solid #332fd0; padding:1px 90px 0 30px; color:#332fd0; font-size:20px; font-weight:700; }
.searchSection label button { position:absolute; height: 32px; height:32px; }
.searchSection label .btn_search { right:30px; top:10px; }
.searchSection label .btn_delete { right:60px; top:9px; }
.searchResult { width:1200px; margin:56px auto 100px; }
.searchResult .result { position:relative; }
.searchResult .result p { font-size:24px; text-align:center; }
.searchResult .result select { position:absolute; right:0; top:0; }
.searchResult .result strong:first-child { font-size:24px; font-weight:700; color:#332fd0; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:600px; }
.searchResult .result strong { font-size:24px; font-weight:700; color:#332fd0; vertical-align:top; }
.searchResult .resultHeader { position:relative; }
.searchResult .resultHeader h3 { font-weight:700; font-size:18px; border-bottom:1px solid #222;    padding-bottom:15px; margin:80px 0 30px; }
.searchResult .resultHeader h3 strong { color:#332fd0; }
.searchResult .btn_more { position:absolute; right:0; top:7px; font-size:14px; }
.resultHeader select { position:absolute; right:0; top:-15px; font-size:14px; }
.searchResult .btn_more:after { content:""; display:inline-block; margin-left:5px; width:10px; height:10px; background:url(../../images/common/icon_add.png) no-repeat; background-size:10px auto; opacity:.6; }
.searchResult .btn_more:hover:after { animation:spin .3s ease-out both; }
.searchResult .resultTxt { border-bottom:1px solid #d5d5d5; padding-bottom:15px;}
.searchResult .resultTxt li:after { content:""; display:block; clear:both; }
.searchResult .resultTxt li { padding-bottom:10px; }
.searchResult .resultTxt a > dl,.searchResult .resultTxt a { float:left; }
.searchResult .resultTxt a > dl { margin-right:8px; display:flex; }
.searchResult .resultTxt span { margin-right:8px; display:inline-block; }
.searchResult .resultTxt a > dl:before,.searchResult .resultTxt span:before,.searchResult .resultTxt .noData p strong:before { content:"[ " }
.searchResult .resultTxt a > dl:after,.searchResult .resultTxt span:after,.searchResult .resultTxt .noData p strong:after { content:" ]" }
.searchResult .resultTxt a > dl dt:after { content:"|"; padding:0 5px; }
.searchResult .resultTxt a { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:1180px; }
.searchResult .resultTxt .noData strong { color:#332fd0; padding-right:8px; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:600px; vertical-align:middle; }
.searchResult .resultTxt .detail { display:flex; width:100%; border-bottom:1px solid #d5d5d5; padding-bottom:20px; margin-bottom:12px; }
.searchResult .resultTxt li:last-child .detail { border-bottom:none; padding-bottom:0; margin-bottom:0; }
.searchResult .resultTxt .detail dl { display:flex; padding-top:8px; }
.searchResult .resultTxt .detail dt,.searchResult .resultTxt .detail dd { color:#a1a5b7; font-size:13px; }
.searchResult .resultTxt .detail dl:after { content:"|"; color:#a1a5b7; font-size:13px; padding:0 5px; font-weight:300; }
.searchResult .resultTxt .detail dl:last-child:after { content:""; }
.searchResult .resultTxt .detail p { padding-top:8px; font-size:13px; color:#a1a5b7; text-overflow:ellipsis; overflow:hidden; display:-webkit-box !important;-webkit-box-orient:vertical; -webkit-line-clamp:2; }
.pop_contactUs .checkSection { border:1px solid #d5d5d5; padding:20px; margin-top:30px; }
.pop_contactUs .checkSection strong { font-size:16px; }
.pop_contactUs .checkSection ol { margin-top:5px; margin-left:15px; }
.pop_contactUs .checkSection ol li { list-style:decimal; }
.pop_contactUs .checkSection label { float:right; color:#332fd0; }
.pop_contactUs .checkSection:after { content:""; display:block; clear:both; }

/* 무료체험존 수강신청 영역 */
.freeCourse { width:1200px; padding:80px 0; margin:0 auto; }
.freeCourse .courseDetail_select dl { width:50%; }
.freeCourse .courseDetail_select dt { font-size:18px; }
.freeCourse .courseDetail_select dd { height:220px;}
.freeCourse .courseDetail_select dd li { margin-bottom:0;}
.freeCourse .courseDetail_select ul { display:flex; gap:20px; flex-wrap:wrap; }
.freeCourse .courseSearch { display:flex; margin-bottom:30px; }
.freeCourse .courseSearch input { width:calc(100% - 150px); margin-right:10px; }
.freeCourse .courseSearch button { display:block; width:140px; height:40px; background:#5f6368; border:1px solid #5f6368; color:#fff; text-align:center; border-radius:5px; }
.freeCourse .courseSearch button:hover { background:#111; }
.freeCourse .optionList { padding:20px 25px; background:#e6f6ff ; margin:30px 0; }
.freeCourse .optionList dl { display:flex; }
.freeCourse .optionList dl:first-child { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #b8cfdc; }
.freeCourse .optionList dt { display:inline-block; width:100px;font-size:16px; text-align:left; font-weight:600; padding-top:5px; }
.freeCourse .optionList dd { padding-top:5px; text-align:left; }
.freeCourse .optionList dl ul { display:flex; flex-wrap:wrap; gap:10px; margin-top:-5px; }
.freeCourse .optionList li { padding:5px 15px 0; background:#332fd0; color:#fff; border-radius:20px; font-size:13px; }
.freeCourse .optionList li button { margin-left:8px; vertical-align:-4px; }
.freeCourse table button { padding:0 20px; border:1px solid #332fd0; background:#fff; color:#332fd0;font-size:14px; height:35px; }
.freeCourse table button:hover { border:1px solid #332fd0; background:#332fd0; color:#fff; }
.freeCourse table button.completed { cursor:default; border:1px solid #a1a5b7; background:#a1a5b7; color:#fff; }
.freeCourse table button.completed:hover { border:1px solid #a1a5b7; background:#a1a5b7; color:#fff; }
.consentGuide { margin-top:40px; background:#e6f6ff; padding:30px 30px 50px; font-size:16px; border-radius:5px; margin-bottom:40px; min-height:120px; }
.consentGuide strong { display:block; margin-bottom:5px; }
.consentGuide p { margin-bottom:20px; }
.consentGuide a { display:inline-block; background:#a1a5b7; color:#fff; font-size:13px; border-radius:20px; padding:2px 15px 1px; text-align:center; vertical-align:3px; margin-left:8px; }
.consentGuide label { float:right; font-size:15px; }
.myPage .freePay.totalAmount { display:flex;  justify-content:flex-end; border-bottom:1px solid #222; padding-bottom:15px; }
.myPage .freePay.totalAmount h4 { padding-top:22px; }
.myPage .freePay.totalAmount strong { color:#332fd0; font-size:42px; letter-spacing:-2px; margin-left:15px; }
.myPage .freePay.totalAmount strong small { font-size:30px; vertical-align:2px; }

/* 개인정보처리방침, 이용약관 */
.privacy header {justify-content: space-between; }
.privacy .btn_print { display:block; color:#fff; padding:4px 25px 4px; font-size:14px; background:#a1a5b7; border-radius:20px; }
.privacy .btn_print:hover { background:#5f6368; }
.privacy_content p { margin-bottom:20px; }
.privacy_content strong { color:#332fd0; }
.privacy_content em { display:inline-block; padding-bottom:5px; font-size:16px; font-weight:700; vertical-align:top; }
.privacy_content .privacy_nav,.privacy_content .userAgreement_nav { display:flex; border:1px solid #d5d5d5; padding:20px 30px; margin-bottom:30px;  }
.privacy_content .privacy_nav ul { width:50%; }
.privacy_content .userAgreement_nav { gap:20px; }
.privacy_content .userAgreement_nav > div { width:33.3%; }
.privacy_content .privacy_nav a,.privacy_content .userAgreement_nav a { line-height:1.6; }
.privacy_content .privacy_iconNav strong { display:block; font-size:18px; border-top:1px solid #111; border-bottom:1px solid #111; padding:10px; text-align:center; }
.privacy_content .privacy_iconNav ul { display:flex; flex-wrap:wrap; border-bottom:1px solid #111; }
.privacy_content .privacy_iconNav ul li { border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; width:33.3%; }
.privacy_content .privacy_iconNav ul li:nth-child(3n) { border-right:none; }
.privacy_content .privacy_iconNav ul li:nth-child(4),.privacy_content .privacy_iconNav ul li:nth-child(5),.privacy_content .privacy_iconNav ul li:nth-child(6) { border-bottom:none; }
.privacy_content .privacy_iconNav li a { display:block; text-align:center; padding:90px 0 15px; }
.privacy_content .privacy_iconNav li:nth-child(1) a { background:url(../../images/sub/labeling_01.png) no-repeat center 18px ; }
.privacy_content .privacy_iconNav li:nth-child(2) a { background:url(../../images/sub/labeling_02.png) no-repeat center 18px ; }
.privacy_content .privacy_iconNav li:nth-child(3) a { background:url(../../images/sub/labeling_03.png) no-repeat center 18px ; }
.privacy_content .privacy_iconNav li:nth-child(4) a { background:url(../../images/sub/labeling_04.png) no-repeat center 18px ; }
.privacy_content .privacy_iconNav li:nth-child(5) a { background:url(../../images/sub/labeling_05.png) no-repeat center 18px ; }
.privacy_content .privacy_iconNav li:nth-child(6) a { background:url(../../images/sub/labeling_06.png) no-repeat center 18px ; }
.privacy_content h4 { margin:50px 0 20px; font-weight:700; font-size:24px; }
.privacy_content.scroll {height:400px; overflow-y:scroll; }
.join_container .layer_simple.layer_privacy { top:200px; width:500px; }

@media all and (max-width:767px){
    .join_container .layer_simple.layer_privacy { width: calc(100% - 8.88vw); }
    .privacy_content h4 { font-size:16px; }
    .privacy_content h4 img { width:70%; }
    .privacy_content h4 span { margin-right:0 !important; }
    .privacy_content td,.privacy_content th,.privacy_content li { font-size:13px; }
}
.layer_privacy .btn_print { display:inline-block; background:#d5d5d5; font-size:13px; padding:3px 10px 2px; border-radius:5px; border:1px solid #888; margin-bottom:10px; }

.privacy_content table { border-top:1px solid #d5d5d5; }
.privacy_content td { text-align:left; word-break:break-all; }
.privacy_content .hyphen li { position:relative; padding-left:12px; padding-bottom:5px; }
.privacy_content .hyphen li:before { position:absolute; left:0; content:"- "; }
.privacy_content h4 span { display:inline-block; vertical-align:15px; margin-right:10px; }
.privacy_content .decimal > li { list-style:decimal; margin-bottom:20px; }
.privacy_content .decimal.margin0 li { margin-bottom:0; }
.privacy_content .decimal.margin0 li:last-child { margin-bottom:20px; }
.privacy_content .decimal { margin-left:15px; }
.privacy_content .decimal ol { counter-reset: number 0; }
.privacy_content .decimal ol > li { position:relative; padding-left:22px; }
.privacy_content .decimal ol > li:before { position:absolute; left:0; counter-increment:number 1;content: counter(number)')'; }
.privacy_content .marginT15 { margin-top:15px; }
.privacy_content .previousItems li { position:relative; margin-bottom:5px; }
.privacy_content .previousItems li:before { content:""; display:inline-block; width:4px; height:4px; background:#a1a5b7; border-radius:2px; margin-right:2px; vertical-align:3px;}
.privacy_content .previousItems span { position:absolute; left:220px; bottom:0; display:inline-block; color:#fff; padding:2px 25px 1px; font-size:13px; background:#a1a5b7; border-radius:20px; transition:all .2s; }
.privacy_content .previousItems a:hover span { background:#5f6368; }
.privacy_content table.alignC td { text-align:center; }
.privacy_content .userAgreement_nav dt a { display:inline-block; font-size:18px; padding-bottom:3px; font-weight:700; color:#332fd0; }
.privacy_content .userAgreement_nav dd a { position:relative; display:inline-block; padding-left:56px; }
.privacy_content .userAgreement_nav dl:nth-child(2) { margin-top:20px; }
.privacy_content .userAgreement_nav a span { position:absolute; left:0; display:inline-block; width:56px;  }
.privacy_content h5 { font-size:18px; font-weight:700; margin-bottom:10px; color:#332fd0; }
.lec_list { width:1200px; margin:60px auto 100px; }

/*상단 css*/
.logo_wrap .btn_bookmark { background:#fff url(//s3.unistudy.co.kr/images/pc/common/icon_bookmark.png) no-repeat center 11px; }
.logo_wrap .btn_bookmark:hover { background:#e2eaf7 url(//s3.unistudy.co.kr/images/pc/common/icon_bookmark_hover.png) no-repeat center 11px; }
.logo_wrap .btn_join { background:#fff url(//s3.unistudy.co.kr/images/pc/common/icon_join.png) no-repeat 10px center; }
.logo_wrap .btn_join:hover { background:#e2eaf7 url(//s3.unistudy.co.kr/images/pc/common/icon_join_hover.png) no-repeat 10px center; }
.logo_wrap .btn_login { background:#fff url(//s3.unistudy.co.kr/images/pc/common/icon_login.png) no-repeat center; }
.logo_wrap .btn_login:hover { background:#e2eaf7 url(//s3.unistudy.co.kr/images/pc/common/icon_login_hover.png) no-repeat center; }
.logo_wrap .btn_cart { background:#fff url(//s3.unistudy.co.kr/images/pc/common/icon_cart.png) no-repeat center; }
.logo_wrap .btn_cart:hover { background:#e2eaf7 url(//s3.unistudy.co.kr/images/pc/common/icon_cart_hover.png) no-repeat center; }
.logo_wrap .btn_logout { background:#fff url(//s3.unistudy.co.kr/images/pc/common/icon_logOut.png) no-repeat center; }
.logo_wrap .btn_logout:hover { background:#e2eaf7 url(//s3.unistudy.co.kr/images/pc/common/icon_logOut_hover.png) no-repeat center; }
.logo_wrap .btn_bookmark:hover:after,.logo_wrap .btn_join:hover:after,.logo_wrap .btn_login:hover:after,.logo_wrap .btn_logout:hover:after,.logo_wrap .btn_cart:hover:after { position:absolute; bottom:-30px; left:-8px; display:block; width:60px; height:20px; background:#000; content:"즐겨찾기"; color:#fff; font-weight:500; border-radius:3px; text-indent:0; font-size:12px; text-align:center; animation:fadeIn_up .25s ease-out both; padding-top:3px; }
.logo_wrap .btn_join:hover:after { content:"회원가입"; }
.logo_wrap .btn_login:hover:after { content:"로그인"; }
.logo_wrap .btn_logout:hover:after { content:"로그아웃"; }
.logo_wrap .btn_cart:hover:after { content:"장바구니"; }

/* 기존 수강생 이용 버튼 */
.btn_currentStudent { position:absolute; right:0; top:110px; display:block; background:#332fd0; padding:5px 20px; color:#fff; border-radius:5px; }
.btn_currentStudent:hover,.currentStudent a:hover,.btn_currentStudent02:hover { background:#121b74; color:#fff; }
.currentStudent { display:flex; justify-content:space-between; background:#eee; margin-top:30px; border-radius:5px; padding:20px; align-items:center; }
.currentStudent a { display:block; background:#332fd0; padding:10px 20px; color:#fff; border-radius:5px; }
.btn_currentStudent02 { display:inline-block; background:#332fd0; padding:5px 12px; font-size:14px; margin-left:10px; color:#fff; border-radius:5px; }

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}