@charset "UTF-8";
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
    url('../fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
    src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
    url('../fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
    font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
    src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
    url('../fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*컴퍼넌트*/
input[type=text],
input[type=number],
input[type=email],
input[type=password]{border:1px solid #acacac;height:32px;line-height:30px;padding:0 7px;color:#444;}
input[type=text]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=password]:disabled{background-color:#f7f7f7;}
input[type=text]:read-only,input[type=number]:read-only,input[type=email]:read-only,input[type=password]:read-only,input[type=text][readonly],input[type=number][readonly],input[type=email][readonly],input[type=password][readonly]{background-color:#f7f7f7;}
input[readonly=""]{background-color:#f7f7f7;}

input[type="checkbox"]{appearance:none;-webkit-appearance: none;display:none;}
input[type="checkbox"] + label{height:30px;}
input[type="checkbox"] + label .txt_lb{display:inline-block;font-size:13px;color:#444;vertical-align:middle;padding-right:4px;}
input[type="checkbox"] + label:before{content:'';display:inline-block;width:16px;height:16px;overflow:hidden;margin-right:6px;background:url(../img/common/checkbox.png) no-repeat center top;vertical-align:middle;}
input[type="checkbox"] + label.mr0:before{margin-right:0;}
input[type="checkbox"]:checked + label:before{background-position-y:bottom;}
input[type="checkbox"]:disabled + label:before{content:'';display:inline-block;width:16px;height:16px;overflow:hidden;margin-right:6px;background:url(../img/common/checkbox_dis.png) no-repeat center top;vertical-align:middle;}
input[type="checkbox"]:disabled:checked + label:before{background-position-y:bottom;}

input[type="radio"]{appearance:none;-webkit-appearance: none;display:none;}
input[type="radio"] + label{height:30px;}
input[type="radio"] + label .txt_lb{display:inline-block;font-size:13px;color:#444;vertical-align:middle;padding-right:4px;}
input[type="radio"] + label:before{content:'';display:inline-block;width:16px;height:16px;overflow:hidden;margin-right:6px;background:url(../img/common/radio.png) no-repeat center top;vertical-align:middle;}
input[type="radio"]:checked + label:before{background-position-y:bottom;}
input[type="radio"]:disabled + label:before{content:'';display:inline-block;width:16px;height:16px;overflow:hidden;margin-right:6px;background:url(../img/common/radio.png) no-repeat center top;vertical-align:middle;}
input[type="radio"]:disabled:checked + label:before{background-position-y:bottom;}


.tui-grid-row-header-checkbox input[type="checkbox"] {display:inline-block; -webkit-appearance: checkbox; appearance:auto; !important;}
.tui-grid-cell-row-header input[type="checkbox"] {display:inline-block; -webkit-appearance: checkbox; appearance:auto; !important;}
select{appearance:none; border:1px solid #d0d0d0;height:28px;line-height:26px;color:#333;padding:0 28px 0 7px;background:#fff url(../img/common/select.png) no-repeat right center;}
select::-ms-expand{display:none;}
select:disabled{background-color:#f6f7f8;}

input+label{cursor:pointer;}

textarea{padding:5px 10px;width:100%;border:1px solid #d0d0d0;box-sizing:border-box;min-height:130px;resize:none;}
textarea:disabled,textarea[readonly],textarea:read-only,textarea[readonly='']{background-color:#f6f7f8;}

/* popup */
.popup{display:none;}
.popup.open{display:block;}
.popup-dim {opacity: 1;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .4);z-index: 100;}
.popup-content {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); background: #fff;z-index:101; width:100%; max-width:1080px;}
.popup-header{position:relative;padding:0 15px;height:50px;}
.popup-header .popup-title{color:#333;font-size:15px;font-weight:500;line-height:50px;}
.popup-header .btn_pop_close{position:absolute;right:5px;top:0;width:35px;height:50px;background:url(../img/common/btn_pop_close.png) no-repeat center center;}
.popup-body{}
.popup-body .scroll-y{width:100%;padding:10px 20px 20px;max-height:700px;overflow-y:auto;min-height: 450px;}
.popup-body.nospace .scroll-y{padding:0;}
.popup-body.mHeight0 .scroll-y{min-height:0;}
.pop_button{margin-top:25px;text-align:center;}
.pop_button button,.pop_button a{margin:0 2px;}

.photo-popup-content{position:fixed;margin:auto;z-index:101;width:auto;height:auto;background:#222;}
.photo-popup-content .popup-header .popup-title{color:#fff;}
.photo-popup-content .popup-header .popup-sub-title{margin-left:32px; color:#fff;font-size:13px;font-weight:500;line-height:39px;}
.photo-popup-content .popup-header .popup-close-btn{position:absolute;right:5px;top:0;width:35px;height:40px;background:url(../img/common/btn_pop_close_wh.png) no-repeat center center;}
.photo-popup-content .popup-body .scroll-y{padding:0;overflow-y:hidden;}
.popup-body .searchbox .search_btn{padding:20px 0 0;border-bottom:none;}
.popup-body .widget{margin-top:15px!important;}

/*레이아웃*/
html,body{width:100%;height:100%;}
body{overflow-y:hidden;}
.minsize{position:relative;height:100%;width:100%;}
.wrap{position:relative;width:100%;height:100%;overflow:hidden;}
.widget{margin-top:10px;}
.widget+.widget{margin-top:30px;}
.line-widget{padding-top:20px; border-top:1px solid #ddd;}

.header{position:absolute;left:0;top:0;right:0;width:100%;background:#fff;z-index:999;}
.top_nav{margin:0 auto;position:relative;display:flex;max-width:1480px;width:100%;height:95px;padding:14px 20px;justify-content: flex-end;align-items: center; }
.top_nav .logo{position:relative;float:left;margin-right:auto;display:block;flex:none;width:198px;height:28px;text-align:center;vertical-align:middle;background:url(../img/common/ai.svg) no-repeat left center / contain;}
.top_nav .logo span{display:block;text-align:left;margin-top:10px;line-height:24px;font-size:17px;color:#222;font-weight:600;}
/*.top_nav .logo:after{content:'Beta';position:absolute;right:-42px;top:4px;width:46px;height:22px;line-height:22px;text-align:center;border-radius:5px;background:#f2522e;color:#fff;font-size:14px;font-weight:500;}*/
.header .btn_menu{display:none;}
.header .gnb_wrap{display:flex; gap:10px 35px; flex-wrap:wrap; justify-content:flex-end;}
.header .gnb{display:flex;flex-wrap:nowrap;justify-content: space-between;gap:50px;}
.header .gnb li{}
.header .gnb li a{font-size:19px;font-weight:700;color:#242526;}
.header .gnb li.on a,.header .gnb li a:hover{color:#f2522e}
.header .gnb li .ico_free{margin:4px 0 4px 3px;display:inline-block;padding:0 8px;font-size:13px;font-weight:400;text-align:center;line-height:22px;border-radius:5px;background:#f2522e;color:#fff;vertical-align:top;}
.header .gnb:lang(en){gap:30px;}
.header .gnb:lang(vi){gap:30px;}

.header .part{display:flex;flex-wrap:nowrap;gap:20px;align-items: center;}
.header .part .btn_login{display:inline-block;width:90px;height:32px;line-height:30px;text-align:center;font-size:15px;color:#242526;border:1px solid #242526;border-radius:16px;}
.header .part .btn_lang{display:inline-block;width:30px;height:30px;border-radius:50%;background:url(../img/common/btn_lang.png) no-repeat center top;overflow:hidden;}
.header .part .btn_lang:hover{background-color:#f5f5f5;}
.header .part .btn_lang.on{background-position:center bottom;}
.header .part select{display:inline-block;padding:0 28px 0 10px;height:32px;line-height:30px;font-size:14px;color:#242526;border:1px solid #242526;border-radius:16px;background:url(../img/common/btn_logout_sel.png) no-repeat right 5px top;overflow:hidden;}

.header .part .btn_mode{display:inline-block;width:30px;height:30px;border-radius:50%;background:url(../img/common/btn_mode.png) no-repeat center top;overflow:hidden;}
.header .part .btn_mode:hover{background-color:#f5f5f5;}
.header .part .btn_mode.on{background-position:center bottom;}
.header .part .btn_logout{position:relative;}
.header .part .btn_logout .btn_user{display:inline-block;padding:0 28px 0 10px;min-width:94px;height:32px;line-height:30px;text-align:center;font-size:15px;color:#242526;border:1px solid #242526;border-radius:16px;background:url(../img/common/btn_logout_sel.png) no-repeat right 5px top;}
.header .part .btn_logout .btn_user span{margin:4px 5px 4px 0;display:inline-block;width:22px;height:22px;border-radius:50%;background:url(../img/common/profile.png) no-repeat center center / contain;overflow:hidden;vertical-align:top;}
.header .part .btn_logout .btn_user span img{width:100%;object-fit: contain;}
.header .part .btn_logout .infolayer{display:none;position:absolute;left:0;right:0;top:38px;padding:10px;background:#fff;border:1px solid #f5f5f5;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.08)}
.header .part .btn_logout .infolayer a{display:block;font-size:14px;line-height:30px;color:#242526;}
.header .part .btn_logout .infolayer a:hover{color:#f2522e;}
.header .part .btn_logout.open .btn_user{background-position:right 5px bottom;}
.header .part .btn_logout.open .infolayer{display:block;}
.contents{position:absolute;top:95px;width:100%;height:calc(100dvh - 95px);overflow-y:auto;}
.contents::-webkit-scrollbar {display: none;}
.header .part .btn_logout .infolayer:lang(vi){width:130px;}

.footer{border-top:1px solid #ddd;width:100%;}
.footer .footwrap{margin:0 auto;max-width:1480px;width:100%;padding:50px 20px;}
.footer .footwrap div{display:flex;flex-wrap:nowrap;gap:20px;}
.footer .footwrap div a{position:relative;font-size:17px;color:#242526;}

.footer .footwrap div a:hover,.footer .footwrap div a.on{color:#f2522e;text-decoration: underline;}
.footer .footwrap .info{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;}
.footer .footwrap .info span{position:relative;font-size:15px;color:#666;}
.footer .footwrap .info + .info{margin-top:0;}
/*.footer .footwrap .info span + span:before{content:'';position:absolute;left:-15px;top:50%;margin-top:-6px;width:1px;height:12px;background:#ddd;}*/
.footer .footwrap .copy{margin-top:25px;font-size:12px;color:#999;}
.substance{margin:0 auto;width:100%;min-height:calc(100% - 198px);}
.sub_top_banner{position:relative;width:100%;height:300px;background:#2b2d4e;overflow:hidden;}
.sub_top_banner .img_wrap{margin:0 auto;max-width:1900px;width:100%;height:100%;}
.sub_top_banner .img_wrap .txtbox{position:relative;margin:0 auto;padding:0 20px;max-width:1420px;width:100%;height:100%;display:flex;flex-wrap:nowrap;justify-content: flex-start;align-items:center;}

.sub_top_banner .img_wrap .mocktype .bg_locate{position:absolute;right:0;bottom:0;}
.sub_top_banner .img_wrap .test .bg_locate{position:absolute;right:0;bottom:-116px;}
.sub_top_banner .img_wrap .previous .bg_locate{position:absolute;right:0;bottom:0;}
.hyphen{display:inline-block;width:20px;height:28px;line-height:28px!important;vertical-align:top;text-align:center;color:#666;}

.paging{margin:30px auto 0;text-align:center;}
.paging a{display:inline-block;margin:0 3px;min-width:24px;height:24px;line-height:24px;font-size:13px;color:#999;vertical-align: top;}
.paging a.on,.paging a:hover{color:#1b59b6;font-weight:500;}
.paging .first{background-color:#f1f1f1;background-image:url(../img/common/btn_first.png);background-position:center top;border-radius:2px;}
.paging .first.on,.paging .first:hover{background-color:#1b59b6;background-position:center bottom;}
.paging .prev{background-color:#f1f1f1;background-image:url(../img/common/btn_prev.png);background-position:center top;border-radius:2px;}
.paging .prev.on,.paging .prev:hover{background-color:#1b59b6;background-position:center bottom;}
.paging .next{background-color:#f1f1f1;background-image:url(../img/common/btn_next.png);background-position:center top;border-radius:2px;}
.paging .next.on,.paging .next:hover{background-color:#1b59b6;background-position:center bottom;}
.paging .last{background-color:#f1f1f1;background-image:url(../img/common/btn_last.png);background-position:center top;border-radius:2px;}
.paging .last.on,.paging .last:hover{background-color:#1b59b6;background-position:center bottom;}

.pagination{margin:80px auto 0;text-align:center;}
.pagination a{display:inline-block;margin:0 7px;min-width:45px;height:45px;line-height:45px;font-size:17px;color:#b1b1b1;font-weight:400;vertical-align: top;}
.pagination a.on,.pagination a:hover{color:#121212;}
.pagination .prev{margin-right:18px;background:#f1f1f1 url(../img/common/btn_prev2.png) no-repeat center center / 10px 17px; border-radius:50%;cursor:pointer;}
.pagination .next{margin-left:18px;background:#f1f1f1 url(../img/common/btn_next2.png) no-repeat center center / 10px 17px; border-radius:50%;cursor:pointer;}


/*버튼스타일*/
.btn_wrap{margin-top:50px;display:flex;flex-wrap:nowrap;gap:30px;}
.btn_wrap.center{justify-content: center;gap:15px;}

.btn_wrap button,.btn_wrap a{min-width:80px;height:40px;line-height:40px;font-size:16px;font-weight:500;}

[class^="btn_type"]{padding:0 10px; font-size:15px; font-weight:500; line-height:30px; min-width:70px;}
.btn{display:block;text-align:center;font-size:20px;font-weight:600;border-radius:8px;}
.btn.orange{background:#f3692d;color:#fff;}
.btn.navy{background:#011640;color:#fff;}
.btn.gray{background:#f1f1f1;color:#666;}
.btn.black{background:#121212;color:#fff;}
.btn.white{background:#fff;color:#333;border: 1px solid #9d9d9d;}
.btn_wrap.one{justify-content: flex-end;}
.btn_wrap.one button,.btn_wrap.one a{width:130px;height:44px;line-height:44px;}
.btn_wrap.two button,.btn_wrap.two a{width:130px;height:44px;line-height:44px;}
.btn_wrap .left button,.btn_wrap .left a{margin-right:5px;margin-left:0;}
.btn_wrap .more{display:block; width:150px; height:45px; font-size:15px; font-weight:500; line-height:45px; color:#fff; background:#2c68f3; border-radius:6px;}

.btn_img_del{display:inline-block;padding:0 10px;background:url(../img/common/btn_del.png) no-repeat;line-height:30px;color:#fff;font-size:13px;vertical-align:top;text-align:center;}


.join{margin:0 auto;padding:50px 20px 80px;max-width:700px;width:100%;}
.join ul{margin-top:50px;}
.join ul li + li{margin-top:45px;}
.join ul li p{font-size:17px;color:#555;line-height:1.4;}
.join_tit{font-size:34px;font-weight:700;color:#242526;text-align:center;}
.d_chk_1 input[type="checkbox"] + label{}
.d_chk_1 input[type="checkbox"] + label span {display:inline-block;font-size:18px;font-weight:700;color:#242526;vertical-align:middle;}
.d_chk_1 input[type="checkbox"] + label:before{content:'';display:inline-block;width:22px;height:22px;overflow:hidden;margin-right:12px;background:url(../img/common/ipt_check.png) no-repeat center top;vertical-align:middle;}
.d_chk_1 input[type="checkbox"]:checked + label:before{background-position-y:bottom;}

.join ul li .d_chk_1{display:block;margin-bottom:12px;}
.join ul li dl{display:flex;flex-wrap:wrap;flex-direction:column;gap:12px;}
.join ul li dl dt{font-size:18px;font-weight:700;color:#242526;}
.join ul li dl dd .ipt_mail{padding:0 20px 0 60px;width:100%;height:64px;font-size:17px;font-weight:500;color:#555;border-radius:10px;border:none;background-image:url(../img/common/ico_mail.png);background-repeat: no-repeat;background-position: left 20px center;}
.join ul li dl dd .ic_certify{margin:10px 0 0 20px;padding-left:25px;font-size:17px;line-height:24px;color:#f3692d;background:url(../img/common/ico_certify.png) no-repeat left 4px}
.join ul li dl dd input[type=password],.join ul li dl dd input[type=text]{padding:0 20px;width:100%;height:65px;border-radius:10px;font-size:17px;color:#242526;}
.join ul li select{padding:0 40px 0 20px;font-size:17px;color:#242526;width:100%;height:64px;border-radius:10px;border:1px solid #acacac;background:url(../img/common/select_2.png) no-repeat right 22px center;}
.join_alert{margin-top:15px;}
.join_alert p{display:inline-block;font-size:17px;line-height:24px;color:#f2522e;}
.join_alert .btn.white{margin-left:10px;display:inline-block;width:auto;padding:0 10px;line-height:28px;height:30px;font-size:14px;font-weight:400;border-radius:4px;}
.join .btn{width:100%;height:72px;line-height:72px;font-size:20px;}

.scr_term{height:140px;padding:15px 20px;overflow-y:auto;border:1px solid #acacac;border-radius:10px;}
.scr_term p{margin:1em 0;font-size:15px;line-height:1.6}
.scr_term strong{font-weight: bold;}
.scr_term em{font-style: italic;}
.scr_term *{font:inherit;color:inherit;line-height:1.4;}
.scr_term h1{font-size:2em;font-weight:bold}
.scr_term h2{font-size:1.5em;font-weight:bold}
.scr_term h3{font-size:1.17em;font-weight:bold}
.scr_term ol, .board li .bd_editor ul, .board li .bd_editor dl{padding:0 40px;}
.scr_term .marker{background-color:yellow;color:#333;}
.scr_term blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.scr_term blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
.scr_term .cke_contents_rtl blockquote {padding-left: 8px;padding-right: 20px;border-right-width: 5px;}
.scr_term samp {font-family: monospace;}
.scr_term big{font-size:larger;}
.scr_term *:before,.board li .bd_editor *:after{font:inherit;line-height:1.4;}
.scr_term q{quotes:initial;}
.scr_term q:before{content:open-quote;}
.scr_term q:after{content:close-quote;}


/*로그인*/
.login{margin:0 auto;padding:50px 20px 80px;max-width:600px;width:100%;}
.login ul{margin-top:30px;}
.login ul li + li{margin-top:15px;}
.login ul li p{font-size:17px;color:#555;line-height:1.4;}
.login_tit{font-size:34px;font-weight:700;color:#242526;text-align:center;}
.login ul li .d_chk_1{display:block;margin-bottom:12px;}
.login ul li .txt {font-size:18px;color:#242526;font-weight:600; word-break:keep-all;}
.login ul li .txt span {font:inherit;color:#f2522e;}
.login ul li dl{display:flex;flex-wrap:wrap;flex-direction:column;gap:12px;}
.login ul li dl dt{font-size:18px;font-weight:700;color:#242526;}
.login ul li .ipt_mail{padding:0 20px 0 60px;width:100%;height:60px;border-radius:10px;background:url(../img/common/ico_mail.png) no-repeat left 20px center;border:1px solid #acacac;}
.login ul li .ipt_mail input{padding:0;width:100%;height:58px;border:none;font-size:17px;font-weight:500;color:#555;}
.login ul li .ipt_pw{padding:0 20px 0 60px;width:100%;height:60px;font-size:17px;font-weight:500;color:#555;border-radius:10px;background:url(../img/common/ico_pw.png) no-repeat left 25px center;border:1px solid #acacac;}
.login ul li .ipt_pw input{padding:0;width:100%;height:58px;border:none;font-size:17px;font-weight:500;color:#555;}
.login ul li input::placeholder {font-weight:400;color:#999;}
.login ul li select{padding:0 40px 0 20px;font-size:17px;color:#242526;width:100%;height:64px;border-radius:10px;border:1px solid #acacac;background:url(../img/common/select_2.png) no-repeat right 22px center;}
.login .find_pw {float: right;margin-top:14px;font-size:17px;color:#999;font-weight:400;}
.login .btn_wrap {margin-top:70px;flex-direction: column;gap:20px;}
.login.find{padding:80px 20px;}
.login.find .btn_wrap {margin-top:40px;}
.login .btn{width:100%;height:64px;line-height:64px;font-size:20px;}

/*공통*/
.bg_gray {position:absolute;background-color:#f1f1f1;width:100%;height:268px;}
.main_tit {margin-bottom:38px;font-size:30px;font-weight:600;color:#242526;text-align:left;line-height: 1;}
.main_tit .title{font:inherit;color:inherit;}
.main_tit .ico_free{ margin: 5px 0;display: inline-block;padding: 0 8px;font-size: 13px;font-weight: 400;text-align: center;line-height: 22px;border-radius: 5px;background: #f2522e;color: #fff;vertical-align: top;}
.module{display:flex; gap:20px;margin:31px 0 36px 0;}
.module select{padding:0 46px 0 22px;width:140px;height:40px; border: 1px solid #f2f2f2;border-radius: 20px;background:#f2f2f2 url(../img/common/btn_logout_sel.png) no-repeat right 18px top 5px;}
.module select option{padding:0 22px;font-size:15px;color:#242526;font-weight:400;border-radius: 20px;}
.module select.wid300{min-width:300px;}
.module.filter{gap:15px;}
.module.filter .btnFilter{padding:0 22px;height:40px; border: 1px solid #f2f2f2;border-radius: 20px;background:#f2f2f2;font-size:15px;color:#242526;font-weight:400;}
.module.filter .btnFilter.on,.module .btnFilter:hover{background:#011640;color:#fff;}
.bl_n {border-left: none!important;}
.br_n {border-right: none!important;}


/*TOPIK 기출문제*/
.exam{margin:0 auto;padding:78px 20px 80px;max-width:1420px;width:100%;}
.exam .bgimg {position:absolute;right:0;top:35px;width:1001px;height:274px;background: url(../img/common/exam_bg.png) no-repeat center center / contain;z-index:-1;}
.exam .bgimg2 {position:absolute;right:0;top:60px;width:675px;height:320px;background: url(../img/common/test-bg.png) no-repeat center center / contain;z-index:-1;}
.exam_wrap{display:flex;flex-wrap:wrap;gap:28px;}
.exam_wrap .box{position:relative;display:flex;flex-direction:column;justify-content: space-between; width:calc(25% - 21px);min-height:341px; padding:40px 30px 30px 30px;background:#fff;border:1px solid #bfbfbf;border-radius: 14px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.exam_wrap .box .ico_free{position:absolute;left:25px;top:20px;padding:0 15px;font-size:15px;font-weight:400;text-align:center;line-height:26px;border-radius:20px;background:#f2522e;color:#fff;}
.exam_wrap .box .badge{display:flex;gap:10px;}
.exam_wrap .box .badge span{padding:0 15px;font-size:15px;font-weight:400;text-align:center;line-height:26px;border-radius:20px;}
.exam_wrap .box .badge .new {background:#f2522e;color:#fff;}
.exam_wrap .box .badge .year {background:#f2f2f2;color:#121212;}
.exam_wrap .box .tit{margin-top:20px;font-size:22px;color:#242526;font-weight:600;text-align:left;line-height:1.3;}
.exam_wrap .box .subtit{margin-top:auto;}
.exam_wrap .box .subtit p{font-size:17px;font-weight:400;color:#555; line-height:1.3; min-height:1.3em;}
.exam_wrap .box .subtit p + p {margin-top: 5px;}

.exam_wrap .box .btnwrap{margin-top:20px;}
.exam_wrap .box .btn{width:100%;min-width:262px;height:52px;font-size:17px;line-height:50px; font-weight:400;}
.exam_wrap .box .btn.btn_add {color:#121212;border: 1px solid #121212;}
.exam_wrap .box .btn.btn_add span {margin-right:11px;display:inline-block;width:18px;height:18px;background:url(../img/common/ico_add.png) no-repeat center center / contain;}
.exam_wrap .box .btn.btn_complete {color:#9d9fa5;background:#f2f2f2;}
.exam_wrap .box .btn_del{position:absolute; top:5px; right:5px; padding:5px;}
.exam_wrap .box .btn_del i{display:block; width:30px; height:30px; background:url('../img/common/ico_del.png') no-repeat center;}
.box.nodata{position:relative; width:100%;text-align:center; padding:40px 30px 30px 30px;background:#fff;border:none;border-radius: 14px;box-shadow:none;}
.box.nodata p{font-size:17px;color:#999;}
/*MY학습현황*/
.mystudy{position:relative;margin:0 auto;padding:50px 20px 80px;max-width:1420px;width:100%;}
.mystudy .profile {position:relative;display:flex;background:#fff;border:1px solid #bfbfbf;border-radius: 14px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.mystudy .profile .cont {position:relative; padding:35px 40px;display:flex;justify-content:space-between;align-items:center;flex:1;gap:60px;}
.mystudy .profile:after {content:'';position:absolute;right:50%;top:50%;transform:translateY(-50%);width:2px;height:140px;background:#eee;}
.mystudy .profile .cont .info .user {margin:0 0 10px 14px;font-size:30px;color:#222;font-weight:600;}
.mystudy .profile .cont .info .user span {font:inherit;}
.mystudy .profile .cont .info .mybtn {padding:5px 20px;font-size:15px;color:#787878;background:#fff;line-height:34px;border-radius: 20px;border: 1px solid #ededed;}
.mystudy .profile .cont .info .mybtn span {margin-left:26px;display:inline-block;width:7px;height:12px;background: url(../img/common/btn_next3.png) no-repeat center center / contain;}
.mystudy .profile .cont.line .visual {width:140px;height:140px;}
.mystudy .profile .cont.line .visual .profile_img{width:100%;height:100%;border-radius:50%;}
.mystudy .profile .cont.line .visual .profile_img img{width:100%;object-fit: cover;}
.mystudy .profile .cont .visual2 {flex:1;}
.mystudy .visual2 .level{position:relative;padding-top:87px;}
.mystudy .visual2 .level .mylevel{position:absolute;top:0;transform:translateX(-50%);left:20%;z-index:10;}
.mystudy .visual2 .level .mylevel span{position:relative;padding-bottom:30px;display:flex;align-items:center;justify-content: center; width:71px;height:104px;font-size:18px;color:#fff;font-weight:600;background: url('../img/common/ico_bubble.png') no-repeat center top/contain;}
.mystudy .visual2 .level .mylevel span:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:16px;height:16px;background:#fff;border:2px solid #f3692d;border-radius:50%;}
.mystudy .visual2 .level .flex {margin-top:10px;display: flex;justify-content: space-between;}
.mystudy .visual2 .level .flex span {min-width:20px;font-size:13px;font-weight:400;color:#787878;text-align:center;}
.mystudy .visual2 .level .flex span.on {color:#f3692d;}
.mystudy .visual2 .level_bar {margin-top:4px;position:relative;min-width:362px;height:8px;background:#efefef;border-radius:4px;}

.mystudy .visual2 .level_v2{position:relative;}
.mystudy .visual2 .level_v2 .gage{z-index:10;display:flex;flex-wrap:wrap;justify-content: space-between;padding-top:87px;}
.mystudy .visual2 .level_v2 .gage .my_lv{position:relative;}
.mystudy .visual2 .level_v2 .gage .my_lv .mylevel{display:none;position:absolute;top:0;transform:translate(-50%, -100%);left:50%;z-index:10;}
.mystudy .visual2 .level_v2 .gage .my_lv .mylevel span{position:relative;padding-bottom:30px;display:flex;align-items:center;justify-content: center; width:71px;height:104px;font-size:18px;color:#fff;font-weight:600;background: url('../img/common/ico_bubble.png') no-repeat center top/contain;}
.mystudy .visual2 .level_v2 .gage .my_lv .mylevel span:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:16px;height:16px;background:#fff;border:2px solid #f3692d;border-radius:50%;}
.mystudy .visual2 .level_v2 .gage .my_lv.on .mylevel{display:block;}
.mystudy .visual2 .level_v2 .gage .my_lv.on .mylevel span{color:#fff;}
.mystudy .visual2 .level_v2 .gage .my_lv {margin-top:10px;display: flex;justify-content: space-between;}
.mystudy .visual2 .level_v2 .gage .my_lv span {min-width:20px;font-size:13px;font-weight:400;color:#787878;text-align:center;}
.mystudy .visual2 .level_v2 .gage .my_lv.on span {color:#f3692d;}
.mystudy .visual2 .level_v2 .bg {position:absolute;left:0;right:0;bottom:28px;width:100%;height:8px;background:#efefef;border-radius:4px;z-index:-0;}

.mystudy .today_pick {margin-top:30px;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;background:#f8f4fa;border-radius:14px;}
.mystudy .today_pick .txt {position:relative;line-height:1;padding:32px 0 32px 120px;height:110px;}
.mystudy .today_pick .txt h3{position:relative;font-size:24px;color:#222;font-weight:600;}
/*.mystudy .today_pick .txt h3:after{content:'';position:absolute;left:0;top:0;display:inline-block;width:50px;height:54px;background:url(../img/common/ico_ai_2.png) no-repeat center center / contain;vertical-align: middle;}*/
.mystudy .today_pick .txt:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:110px;height:110px;background:url(../img/main/loading_3.gif) no-repeat center center / contain;vertical-align: middle;}
.mystudy .today_pick .txt p {margin-top:10px;font-size: 18px;color:#222;font-weight:500;}
.mystudy .today_pick .btn.orange{min-width:180px;height:50px;line-height:50px;font-size:20px;border-radius:25px;}
.mystudy .tab_menu{margin-top:70px;display: flex;text-align: center;}
.mystudy .tab_menu button{margin-left:-1px;padding:15px 0;flex:1;border-radius:12px 12px 0 0;background:#fff;border:1px solid #999;font-size:20px;color:#999;font-weight:500;line-height:1;}
.mystudy .tab_menu button.on{background:#202020;color:#fff;}
.mystudy .tab_conts {display: none;padding:20px 30px 10px;}
.mystudy .tab_conts.on {display: block;}

/*이용권*/
.bg_gray.ty2{height:300px;}
.goods{position:relative;margin:0 auto;padding:50px 20px 50px;max-width:1420px;width:100%;}
.goods .main_tit{margin-bottom:0;}
.goods .mygoods {position:relative;display:flex;background:#fff;border:2px solid #111;border-radius: 14px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.goods .mygoods .cont {position:relative;display:flex;justify-content:space-between;align-items:center;flex:1;}
.goods .mygoods .cont .info{padding:35px 62px;position:relative;border-right:1px solid #ddd;}
.goods .mygoods .cont .info .user {font-size:28px;color:#222;font-weight:600;}
.goods .mygoods .cont .info .user span {font:inherit;}
.goods .mygoods .cont .purchased_items_wrap{display:flex;flex:1;align-items:center;height:100%;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items{height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid #ddd;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items:last-child{border-right:none;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items .txt_item{margin-top:10px;display: flex;gap:10px;justify-content: center;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items h3{font-size:22px;color:#011640;font-weight:600;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items p{padding:0 20px;line-height:40px;font-size:16px;color:#222;font-weight:400;background:#f4f4f4;border-radius:20px;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items p span{font:inherit;font-weight:600;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items .txt_item.nodata{margin-top:0;}
.goods .mygoods .cont .purchased_items_wrap .purchased_items .txt_item.nodata p{background:transparent;}

.Pass_banner{margin-top:20px;max-height:183px;border-radius:10px;}
.Pass_banner .swiper-slide .img .v_pc{display:block;}
.Pass_banner .swiper-slide .img img{width:100%;}
.Pass_banner .swiper-slide .img .v_mob{display:none;}
.Pass_banner .swiper-pagination-bullet-active{background:#fff;}
.goods .goods_list_wrap{margin-top:60px;display:flex;gap:40px 0;flex-direction:column;}
.goods .goods_list{position:relative;display:flex;align-items:center;background:#fff;border-radius:14px;border:1px solid #bfbfbf;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.goods .goods_list + .goods_list{margin-top:20px;}
.goods .goods_list .goodsname{width:300px;padding:30px;height:100%;}
.goods .goods_list h3{font-size:24px;font-weight:600;text-align:center;color:#111;line-height:1;}
.goods .goods_list h3 span{font-size:16px;color:#888;}
.goods .goods_list .goodsname p{margin-top:10px;font-size:16px;color:#888;line-height:1.2;text-align:center;}
.goods .goods_list .item_wrap{flex:1;border-left:1px solid #eee;border-right:1px solid #eee;}
.goods .goods_list .item_wrap .items{padding:16px;display:flex;justify-content: space-between;border-bottom:1px solid #eee;}
.goods .goods_list .item_wrap .items:last-of-type{border-bottom:none;}
.goods .goods_list .item_wrap .items p{color:#555;font-size:17px;}
.goods .goods_list .item_wrap .items p .evtBedge{display:none;margin-left:10px;padding:0 14px;height:30px;line-height:30px;border-radius:15px 15px 15px 0;background:#011640;color:#fff;font-size:14px;}
.goods .goods_list .item_wrap .items.event p .evtBedge{display:inline-block;}
.goods .goods_list .item_wrap .items p.price{font-weight:600;color:#011640;}
.goods .goods_list .item_wrap .items p.price span{margin-right:4px;padding:0 10px;display:inline-block;font-size:14px;line-height:25px;background:#f63a1a;color:#fff;border-radius:30px;}
.goods .goods_list .btn_wrap{margin-top:0;padding:30px;}
.goods .goods_list .btn_buy{width:190px;font-size:18px;height:56px;line-height:56px;background:#f3692d;color:#fff;}
.goods .goods_list .good_add{position:absolute;bottom:-8px;left:20px;transform:translateY(100%);}
.goods .goods_list .good_add > *{font-size:16px;color:#011640;}
.goods .goods_list.on{border:2px solid #011640;}

.goods .txt_note{margin-top:60px;padding:30px 0;}
.goods .txt_note .txt_note_wrap{padding:0 20px;margin:0 auto;max-width:1420px;}
.goods .txt_note .txt_note_wrap h1{margin-bottom:10px;font-size:2em;color:#222;font-weight:600;}
.goods .txt_note .txt_note_wrap h2{margin-bottom:10px;font-size:22px;color:#222;font-weight:600;}
.goods .txt_note .txt_note_wrap h3{margin-bottom:10px;font-size:20px;color:#222;font-weight:600;}
.goods .txt_note .txt_note_wrap h4{margin-bottom:10px;font-size:18px;color:#222;font-weight:600;}
.goods .txt_note .txt_note_wrap div{}
.goods .txt_note .txt_note_wrap div + div {margin-top:10px;}
.goods .txt_note .txt_note_wrap strong{font-size:inherit;font-weight:500;}
.goods .txt_note .txt_note_wrap p{font-size:14px;color:#555;}
.goods .txt_note .txt_note_wrap .txtind15{display:block;text-indent: -10px;padding-left:20px;}


.pay {margin:0 auto;padding:78px 20px 80px;max-width:760px;width:100%;}
.pay .main_tit{text-align:center;}
.pay .order_item{margin-top:50px;}
.pay .order_item h4{font-size:20px;font-weight:600;color:#222;}
.pay .order_item .bdview{margin-top:20px;border:1px solid #ddd;}
.pay .order_item .bdview th{padding:10px 0;text-align:center;}
.pay .order_item .bdview th p{font-size:17px;color:#222;font-weight:600;}
.pay .order_item .bdview td{height:71px;padding:10px 15px;text-align:center;border-top:1px solid #f1f1f1;}
.pay .order_item .bdview td.slc_flex{display:flex;align-items:center;justify-content:center;gap:20px;}
.pay .order_item .bdview td.slc_flex select{height:40px;padding:0 42px 0 15px;line-height:38px;font-size:16px;border-radius:5px;border:1px solid #888;}
.pay .order_item .bdview td h3{font-size:17px;font-weight:600;}
.pay .order_item .bdview td p.t15{font-size:14px;color:#787878;}
.pay .order_item .bdview td p{font-size:17px;color:#222;}
.pay .order_item .bdview td p.price{font-size:20px;color:#011640;font-weight:600;}
.pay .order_item .bdview td .discount{margin-bottom:5px;padding:0 10px;display:inline-block;font-size:14px;line-height:22px;background:#f63a1a;color:#fff;border-radius:11px;}
.pay .order_item .bdview td.t_left{border-left:1px solid #f1f1f1;}
.pay .order_item .bdview tbody tr:last-child > td{border-top:1px solid #f1f1f1;}
.pay .order_item .bdview td input[type="radio"] + label{position:relative;font-size:17px;}
.pay .order_item .bdview td input[type="radio"] + label span {display:inline-block;font-size:17px;font-weight:700;color:#242526;vertical-align:middle;}
.pay .order_item .bdview td input[type="radio"] + label:before{content:'';display:inline-block;width:22px;height:22px;overflow:hidden;margin-right:7px;border:1px solid #ddd;border-radius:50%;background:none;vertical-align:middle;}
.pay .order_item .bdview td input[type="radio"] + label:after{content:'';position:absolute;left:4px;top:7px;display:none;width:16px;height:16px;overflow:hidden;border-radius:50%;background:#f3692d;vertical-align: middle;}
.pay .order_item .bdview td input[type="radio"]:checked + label:after{display:inline-block;}
.pay .order_item .bdview .event .evtBedge{display:inline-block;margin-left:10px;padding:0 14px;height:30px;line-height:30px;border-radius:15px 15px 15px 0;background:#011640;color:#fff;font-size:14px;}

.pay .pay_method{margin-top:50px;}
.pay .pay_method h4{font-size:20px;font-weight:600;color:#222;}
.pay .pay_method .pay_method_wrap{margin-top:20px;padding:24px 40px;border:1px solid #ddd;text-align:center;}
.pay .pay_method .pay_method_wrap input[type="radio"] + label{position:relative;font-size:17px;}
.pay .pay_method .pay_method_wrap input[type="radio"] + label span {display:inline-block;font-size:17px;font-weight:700;color:#242526;vertical-align:middle;}
.pay .pay_method .pay_method_wrap input[type="radio"] + label:before{content:'';display:inline-block;width:22px;height:22px;overflow:hidden;margin-right:7px;border:1px solid #ddd;border-radius:50%;background:none;vertical-align:middle;}
.pay .pay_method .pay_method_wrap input[type="radio"] + label:after{content:'';position:absolute;left:4px;top:50%;transform:translateY(calc(-50% + 2px));display:none;width:16px;height:16px;overflow:hidden;border-radius:50%;background:#f3692d;}
.pay .pay_method .pay_method_wrap input[type="radio"]:checked + label:after{display:inline-block;}
.pay .btn_wrap {justify-content: center;}
.pay .btn_wrap .btn_pay{width:100%;height:60px;line-height:60px;font-size:20px;}

#workbook .module {margin:30px 0;}
.exam_wrap.mydiy {display:flex;flex-direction:column;gap:20px;}
#exam_wrap.mydiy .box{width:100%;padding:30px 40px;display:flex;align-items: center; gap:38px;}
.exam_wrap.mydiy .box{width:100%;min-height:120px;padding:30px 40px;display:flex;align-items: center; gap:38px;flex-direction: row;}
.exam_wrap.mydiy .box .tit_wrap {flex:1;}
.exam_wrap.mydiy .box .tit_wrap .tit{margin: 0;font-size:20px;min-height:0;}
.exam_wrap.mydiy .box .tit_wrap .detail{margin-top:10px;display:flex;gap:20px;font-size:14px;color:#969696;font-weight:400;white-space:nowrap;}
.exam_wrap.mydiy .box .tit_wrap .detail > div:before{margin-right:10px;content:'';display:inline-block;width:21px;height:21px; background-repeat:no-repeat; background-position:center; background-size:contain; vertical-align: middle;}
.exam_wrap.mydiy .box .tit_wrap .detail .time:before {background:url(../img/common/ico_clock.png);}
.exam_wrap.mydiy .box .tit_wrap .detail .question:before {background:url(../img/common/ico_question.png);}
.exam_wrap.mydiy .box .tit_wrap .detail .progress:before {background:url(../img/common/ico_progress.png);}
.exam_wrap.mydiy .box .tit_wrap .detail .date:before {background:url(../img/common/ico_date.png);}
.exam_wrap.mydiy .box .tit_wrap .detail .score:before {background:url(../img/common/ico_score.png);}
.exam_wrap.mydiy .box .tit_wrap .detail span{font-size:inherit;color:#444444;font-weight:500;}
.exam_wrap.mydiy .box .tit_wrap .detail .progress{display:flex; align-items:center;}
.exam_wrap.mydiy .box .tit_wrap .detail .progress_bar{margin-left:10px; appearance: none; width:80px;height:4px;border-radius:2px; overflow:hidden;}
.exam_wrap.mydiy .box .tit_wrap .detail .progress_bar::-webkit-progress-bar{background:#f2f2f2;}
.exam_wrap.mydiy .box .tit_wrap .detail .progress_bar::-webkit-progress-value{background:#f3692d;}
.exam_wrap.mydiy .box .tit_wrap .detail .btn_del{position:relative;top:auto;right:auto;padding:0 10px;font-size:13px;line-height:20px;border-radius:10px;border:1px solid #666}
.exam_wrap.mydiy .box .subtit{margin:12px 0 0;}
.exam_wrap.mydiy .box .subtit p{font-size:15px;color:#707070;min-height:0;}
.exam_wrap.mydiy .box .btn_wrap {margin-top:0;display: flex;flex-direction:column;gap:8px;}
.exam_wrap.mydiy .box .btn{margin:0;min-width:140px;height:40px;font-size:15px;line-height:38px; font-weight:400;border: 1px solid #011640; color:#969696;}
.exam_wrap.mydiy .box .btn.white {color:#011640;}
.exam_wrap.mydiy .box .btn.navy {color:#fff;}
.exam_wrap.mydiy .box.nodata{justify-content:center;}

.exam_wrap#scrapList .box.nodata{width: 100%;min-height: 120px;padding: 30px 40px;display: flex;align-items: center;gap: 38px;justify-content:center;}

#analysis {padding:50px 30px 10px;height:100%;overflow-y:auto;}
#analysis .cont h3{display:inline-block;margin-bottom:20px;font-size:22px;color:#222;font-weight:600;line-height:1;}
#analysis .cont .date_range {display: flex;align-items:center;float:right;}
#analysis .cont .date_range span {margin:0 15px;font-size:17px;color:#787878;font-weight:400;}
#analysis .cont .date_range .ico_prev {display:inline-block;width:10px;height:17px;background:url(../img/common/btn_prev2.png) no-repeat center center / contain;vertical-align: baseline;}
#analysis .cont .date_range .ico_next {display:inline-block;width:10px;height:17px;background:url(../img/common/btn_next2.png) no-repeat center center / contain;vertical-align: baseline;}
#analysis .cont .today_study{margin-bottom:70px; background:#fff;border-radius:14px;border:1px solid #ddd;}
#analysis .cont .today_study .detail{display:flex;}
#analysis .cont .today_study .detail > div{padding:38px 40px;flex:1;font-size:17px;color:#787878;font-weight:400;}
#analysis .cont .today_study .detail span{float:right;font-size:20px;color:#f3692d;font-weight:600;}
#analysis .cont .today_study .detail.line{position:relative;}
#analysis .cont .today_study .detail.line:after{content:'';position:absolute;right:50%;top:50%; transform:translateY(-50%);display:inline-block;width:1px;height:50px;background:#eeeeee;}
#analysis .cont .today_study .detail .question:before{margin-right:12px;content:'';display:inline-block;width:25px;height:25px;background:url(../img/common/ico_question2.png) no-repeat center center / contain;vertical-align: middle;}
#analysis .cont .today_study .detail .time:before{margin-right:12px;content:'';display:inline-block;width:25px;height:25px;background:url(../img/common/ico_clock2.png) no-repeat center center / contain;vertical-align: middle;}
#analysis .cont .graph {margin-bottom:70px; padding:38px 40px;background:#fff;border-radius:14px;border:1px solid #ddd;}
#analysis .cont .graph .btn_wrap .btn.navy {width:100%;height:50px;line-height:50px;font-size:17px;font-weight:500;}
#scrap .exam_wrap {margin-top:50px;}
#scrap .exam_wrap .box {padding:30px;}
#scrap .exam_wrap .box .tit {margin-top:40px;}
#scrap .exam_wrap .box .subtit{}
#scrap .exam_wrap .box .btnwrap{}
#scrap .exam_wrap .box .btn.btn_solve {min-width:auto;display:block;color:#121212; border: 1px solid #121212;}
#scrap .exam_wrap .box .btn.btn_solve span {margin-right:11px;display:inline-block;vertical-align:top;width:20px;height:100%;background:url(../img/common/ico_pen.png) no-repeat center center / contain;}
.mygoods {margin-top:30px;position:relative;display:flex;background:#fff;border-radius: 14px;border:1px solid #ddd;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.mygoods .cont {position:relative;display:flex;justify-content:space-between;align-items:stretch;flex:1;}
.mygoods .cont .info{display:flex;padding:30px 62px;position:relative;background:#faece8;border-radius:14px 0 0 14px;}
.mygoods .cont .info .vcenter{margin:auto;}
.mygoods .cont .info .user {font-size:26px;color:#222;font-weight:600;}
.mygoods .cont .info .user span {font:inherit;}
.mygoods .cont .info .mybtn{margin-top:10px;padding: 5px 15px;display:inline-block;font-size: 15px;color: #787878;background: #fff;line-height: 24px;border-radius: 20px;border: 1px solid #ededed;}
.mygoods .cont .purchased_items_wrap{margin:auto;display:flex;flex-direction:column; flex:1;align-items: flex-start;justify-content:flex-start}
.mygoods .cont .purchased_items_wrap .purchased_items{display:flex;width:100%;padding:15px 20px;flex-wrap:nowrap;justify-content:space-between;align-items:center;text-align:center;border-bottom:1px solid #ddd;}
.mygoods .cont .purchased_items_wrap .purchased_items:last-child{border-bottom:none;}
.mygoods .cont .purchased_items_wrap .purchased_items .txt_item{display: flex;gap:10px;justify-content: center;}
.mygoods .cont .purchased_items_wrap .purchased_items h3{font-size:22px;color:#011640;font-weight:600;}
.mygoods .cont .purchased_items_wrap .purchased_items h3 span{margin-left:7px;font-size:20px;color:#555;font-weight:400;}
.mygoods .cont .purchased_items_wrap .purchased_items p{padding:0 20px;line-height:40px;font-size:16px;color:#222;font-weight:400;background:#f4f4f4;border-radius:20px;}
.mygoods .cont .purchased_items_wrap .purchased_items p span{font:inherit;font-weight:500;}
.mygoods .cont .purchased_items_wrap .purchased_items p span + span{position:relative;margin-left:10px;}
.mygoods .cont .purchased_items_wrap .purchased_items p span + span:before{content:'';margin-right:9px;display:inline-block;width:1px;height:14px;background:#555;vertical-align: middle}
.mygoods .cont .purchased_items_wrap .purchased_items .txt_item.nodata{margin-top:0;}
.mygoods .cont .purchased_items_wrap .purchased_items .txt_item.nodata p{background:transparent;}
.order_item{margin-top:30px;}
.order_item h4{font-size:20px;font-weight:600;color:#222;}
.order_item .bdview{margin-top:20px;border:1px solid #ddd;}
.order_item .bdview th{padding:20px 0;text-align:center;}
.order_item .bdview th p{font-size:18px;color:#222;font-weight:600;}
.order_item .bdview td{padding:20px 0;text-align:center;}
.order_item .bdview td p{font-size:18px;color:#222;}
.order_item .bdview td.nodata p{font-size:17px;color:#999;}
.order_item .bdview tbody tr:last-child th, .order_item .bdview tbody tr:last-child td, .order_item .bdview tbody tr td {border:none;}
.txt_note{margin-top:30px;padding:30px 0;}
.txt_note .txt_note_wrap{padding:0 20px;margin:0 auto;max-width:1420px;}
.txt_note .txt_note_wrap div{}
.txt_note .txt_note_wrap div + div {margin-top:10px;}
.txt_note .txt_note_wrap div strong{font-size:16px;font-weight:500;color:#222;}
.txt_note .txt_note_wrap p{font-size:14px;color:#666;text-indent: -10px;padding-left:15px;}
.txt_note .txt_note_wrap p .txtind15{display:block;text-indent: -15px;padding-left:15px;}




/*나의정보*/
.myinfo {position:relative;margin:0 auto;padding:78px 20px 80px;max-width:1420px;width:100%;}
.myinfo .cont {display:flex;justify-content:space-between;padding:35px 40px;background:#fff;border:1px solid #bfbfbf;border-radius: 14px;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.myinfo .cont.level_wrap{padding:35px 60px;gap:120px;}
.myinfo.mystudy .info {display: flex;align-items: center;gap:32px;}
.myinfo.mystudy .info .my_icon{position:relative;width:102px;height:102px;background:#f3692d;border-radius:50%;}
.myinfo.mystudy .info .my_icon:after{content:'';position:absolute;top:50%;right:50%;transform:translate(50% , -50%);display:inline-block;width:45px;height:46px;background:url('../img/common/ico_book.png')no-repeat center center/contain;}
.myinfo.mystudy .info .user{font-size:30px;font-weight: 600;color:#222;}
.myinfo.mystudy .visual2{flex:1;}
.myinfo.mystudy .visual .level_bar {width:100%;}
.myinfo .txt_wrap {margin:50px 0 60px 0;padding:38px;background: #fafafa;border:1px solid #e2e2e2; border-radius: 14px;}
.myinfo .txt_wrap h3 {margin-bottom:20px;font-size: 22px; font-weight:600; color: #121212;}
.myinfo .txt_wrap ul li {position:relative;text-indent:14px;font-size: 17px; font-weight:400; color: #555555;}
.myinfo .txt_wrap ul li:before {content:'';position:absolute;top:50%;left:0;display:inline-block;width:2px;height:2px;background:#555;}

.myinfo .response_table{width:100%;text-align:center;}
.myinfo .response_table .col_item{display:flex;}
.myinfo .response_table .col_item p{margin:-1px; flex:1;background:#fff;line-height:45px;border:1px solid #ddd;}
.myinfo .response_table .col_item p.row2{flex:2}
.myinfo .response_table .col_item p.row4{flex:4}
.myinfo .response_table .col_item p.th{background:#797979;color:#fff;font-size:17px;font-weight:400;}
.myinfo .response_table .col_item p.no_bl{border-left-color:transparent;}
.myinfo .response_table .col_item p.no_br{border-right-color:transparent;}
.myinfo .response_table .col_item p label {display:flex;flex-direction:column;align-items:center;justify-content:center;color:#787878;font-size:20px;font-weight:400;}
.myinfo .response_table .col_item p input[type="radio"] + label {height:140px;}
.myinfo .response_table .col_item p input[type="radio"] + label:before {content: '';display: inline-block; width: 32px; height: 32px; overflow: hidden; background: url('../img/common/radio2.png')no-repeat center bottom;vertical-align: middle;}
.myinfo .response_table .col_item p input[type="radio"]:checked + label:before{background-position-y:top;}

.myinfo .tb_level .btn_wrap {margin-top:80px;justify-content:center;gap:20px;}
.myinfo .tb_level .btn_wrap .btn {width:100%; max-width:203px;height:54px;line-height:54px;font-size:17px;font-weight:500;}



/*고객센터*/
.main_tit.faq{margin-top:100px;}
.cs{margin:0 auto;padding:78px 20px 80px;max-width:1420px;width:100%;}
.cs .fl {align-items: flex-end;justify-content: space-between;}
.cs .fl .module{margin:0;}
.cs .btn_more {font-size:17px;color:#666;font-weight: 400;line-height: 24px;}
.cs .btn_more span {margin-left:12px;font-size:24px;color:#666;font-weight: 400;vertical-align: top;}
.cs .board_wrap {margin-top: 38px;}
.cs .board_list li {padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #ddd;border-radius:14px;}
.cs .board_list li + li {margin-top: 20px;}
.cs .board_list li .title{flex:1;}
.cs .board_list li .title a {display:flex;align-items:center;gap:17px;font-size:20px;color:#222;font-weight:600;line-height:30px;}
.cs .board_list li .title a .badge {display: inline-block;padding: 0 15px;line-height: 30px;background: #011640;color: #fff;font-size: 15px;font-weight: 400;text-align: center;border-radius: 20px;}
.cs .board_list li .title a span {font:inherit;}
.cs .board_list li .date {font-size: 17px; color: #555; font-weight:400;}
.cs .tab_menu{display: flex;gap:14px;}
.cs .tab_menu li a{display:block;width:180px;height:50px;font-size:19px;background:#fff;color:#999;font-weight:500;text-align:center;line-height:48px;border: 1px solid #bfbfbf;border-radius:25px;}
.cs .tab_menu li.on a{background:#f2522e;color:#fff;border:none;}
.cs .faq_wrap {margin-top:30px;}
.cs .faq_list {border-top:1px solid #ddd;}
.cs .faq_list li{border-bottom:1px solid #ddd;}
.cs .faq_list li .faq_tit {background:#f9f9f9;}
.cs .faq_list li .faq_tit a {position: relative;display:block;padding:27px 80px 27px 40px;}
.cs .faq_list li .faq_tit a:after {content: '';position: absolute;right:40px;top:50%;width:18px;height:10px;margin-top:-5px;background:url(../img/common/select_2.png) no-repeat center center / contain;transition:all .5s;}
.cs .faq_list li .faq_tit.slide a:after {transform: rotate(180deg);}
.cs .faq_list li .faq_tit a p{font-size:20px;color:#222;font-weight:600;line-height:1.25;}
.cs .faq_list li .faq_detail {margin-top:0; padding:22px 40px;background:#fff; border-top:none;}
.cs .faq_list li .faq_detail p {font-size:17px;color:#222;font-weight:400;line-height:1.25;}
.cs .faq_list li .faq_detail p + p {margin-top:5px;}
.cs .faq_list li .faq_detail p em {margin-right:11px;display:inline-block;font-size: 12px;width:20px;line-height:20px;text-align:center;border:1px solid #222;border-radius:50%;}


.term_view{margin:30px auto 0;border-top:1px solid #d0d0d0;padding:30px 0;width:100%;height:auto;}
.term_view p{margin:1em 0;font-size:15px;line-height:1.6}
.term_view strong{font-weight: bold;}
.term_view em{font-style: italic;}
.term_view *{font:inherit;color:inherit;line-height:1.4;}
.term_view h1{font-size:2em;font-weight:bold}
.term_view h2{font-size:1.5em;font-weight:bold}
.term_view h3{font-size:1.17em;font-weight:bold}
.term_view ol, .term_view ul, .board li .bd_editor ul, .board li .bd_editor dl{padding:0 40px;}
.term_view .marker{background-color:yellow;color:#333;}
.term_view blockquote {font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding: 2px 0;border-style: solid;border-color: #ccc;border-width: 0;}
.term_view blockquote {padding-left: 20px;padding-right: 8px;border-left-width: 5px;}
.term_view .cke_contents_rtl blockquote {padding-left: 8px;padding-right: 20px;border-right-width: 5px;}
.term_view samp {font-family: monospace;}
.term_view big{font-size:larger;}
.term_view *:before,.board li .bd_editor *:after{font:inherit;line-height:1.4;}
.term_view q{quotes:initial;}
.term_view q:before{content:open-quote;}
.term_view q:after{content:close-quote;}

/*공지사항*/
.notice {margin:0 auto;padding:78px 0 80px;max-width:1380px;width:100%;}
.notice .notice_wrap table.list{width:100%;border-collapse:collapse;text-align: center;border-top:2px solid #9d9d9d;background:#fff;}
.notice .notice_wrap table.list th,.notice .notice_wrap table.list td {padding:12px 20px;border-bottom: 1px solid #ddd;color:#555;font-size:17px;vertical-align: middle;font-weight:400;word-break: break-all;}
.notice .notice_wrap table.list thead th {background:#f6f6f6;font-weight:500;}
.notice .notice_wrap table.list tbody td a {font:inherit;color:#555;}
.notice .notice_wrap table.list tbody tr:last-of-type{border-bottom:2px solid #9d9d9d;}
.notice.detail .title{display:flex;gap:15px;padding:20px 30px;background:#f9f9f9;font-size:20px;color:#222;font-weight:600;line-height:30px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.notice.detail .title p{flex:1;}
.notice.detail .title p span.badge{display: inline-block;padding: 0 15px;line-height: 30px;background: #011640;color: #fff;font-size: 15px;font-weight: 400;text-align: center;border-radius: 20px;}
.notice.detail .title p span{font-size:20px;color:#222;font-weight:600;line-height:30px;}
.notice.detail .title span.date{font-size:15px;color:#999;font-weight:400;}
.notice.detail .term_view{margin-top:0;border-top:none;border-bottom:1px solid #ddd;}
.notice.detail .edit {min-height: 500px;border-bottom: 1px solid #ddd;}
.notice.detail .edit p {padding:30px;font-size: 17px; color: #222; line-height: 1.5;white-space: pre-wrap;}
.notice.detail .btn_wrap {justify-content: center;}
.notice.detail .btn.white {min-width:140px;height:54px;line-height:54px;font-size:17px;}


.layer_popup {position: fixed; left:0; right:0; top:0; bottom:0; padding:0 25px;display: flex;align-items:center; justify-content: center; flex-wrap:wrap; background: rgba(0, 0, 0, .2);z-index:999;}
.layer_popup .popup_wrap{background:#fff; max-width:800px;}
.layer_popup .popup_header{position:relative; padding:10px 20px; background:#011640;}
.layer_popup .popup_header h3{font-size:17px; color:#fff; line-height:2;}
.layer_popup .popup_header .popup-close-btn{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../img/common/ico_close.png') no-repeat center;}
.layer_popup .popup_body{padding:20px;}



/*문제풀이 팝업*/
.exam_pop_wrap.exam_cover .pop_head {position:relative;padding:18px;background:#011640;}
.exam_pop_wrap.exam_cover .pop_head .btn_close{position:absolute;right:20px;top:20px;width:30px;height:30px;background:url(../img/common/ico_close.png) no-repeat center center;}
.exam_pop_wrap.exam_cover .pop_body {padding:40px;height:calc(100% - 62px);display: flex;align-items: center;}
.exam_pop_wrap.exam_cover .exam_info {padding:50px;margin: 0 auto;text-align:center;background:#fff;border-radius:20px;box-shadow:2px 2px 8px rgba(0, 0, 0, 0.09);}
.exam_pop_wrap.exam_cover .exam_info .tit {font-size:40px;font-weight:600;color:#242526;line-height:1.25;}
.exam_pop_wrap.exam_cover .exam_info .exam_info_wrap {margin-top:30px;}
.exam_pop_wrap.exam_cover .exam_info .exam_info_wrap p {font-size:20px;font-weight:500;color:#444;}
.exam_pop_wrap.exam_cover .exam_info .exam_info_wrap p:before {content:'';position:relative;top:-2px;margin-right:10px;display:inline-block;width:5px;height:5px;background:#444;border-radius:50%;vertical-align: middle;}
.exam_pop_wrap.exam_cover .exam_info .exam_time {margin-top:20px;font-size:20px;font-weight:500;color:#444;}
.exam_pop_wrap.exam_cover .exam_info .exam_time:before {content:'';margin-right:5px;display:inline-block;width:30px;height:30px;background:url(../img/common/ico_clock4.png) no-repeat center center / 24px 24px; vertical-align: middle;}
.exam_pop_wrap.exam_cover .exam_info .btn_wrap {margin-top:50px;justify-content: center;}
.exam_pop_wrap.exam_cover .exam_info .btn_wrap .btn.orange {min-width:500px;height:60px;line-height:60px;font-size:24px;}

.exam_pop_wrap{width:100%;height:100%;}
.exam_pop_wrap .layer_popup_wrap {position:relative;width:100%;height:100%;}
.exam_pop_wrap .pop_head .tit {padding:13px 18px; background:#011640;}
.exam_pop_wrap .pop_head .tit h3{color:#fff;font-size:18px;font-weight:500;}
.exam_pop_wrap .pop_head .tit .btn_toggle{display:none;}
.exam_pop_wrap .pop_head .exam_info {padding:13px 18px; display: flex;justify-content: space-between;background:#fff;border-bottom:1px solid #e9e9e9;}
.exam_pop_wrap .pop_head .exam_info span {font-size:15px;color:#999;font-weight:500;line-height:1;}
.exam_pop_wrap .pop_head .exam_info span em{font:inherit;color:#011640;}
.exam_pop_wrap .pop_head .exam_info .ico_time:before {content:'';margin-right:8px;display:inline-block;width:18px;height:18px;background:url('../img/common/ico_clock3.png')no-repeat center top;vertical-align: middle;}
.exam_pop_wrap .pop_head .exam_info .ico_question:before {content:'';margin-right:8px;display:inline-block;width:16px;height:18px;background:url('../img/common/ico_question3.png')no-repeat center top;vertical-align: middle;}
.exam_pop_wrap .pop_head .time_bar {margin-top:-3px;position: relative;width:100%;height:3px;background:#eaeaea;}
.exam_pop_wrap .pop_head .time_bar_gauge{position: absolute;top:0;left:0;height:3px;background:#ff6a29;animation-name:time_bar;animation-duration:16000ms;}
/*@keyframes time_bar { 0% {width:0;} 100% {width:100%;} }*/


.exam_pop_wrap .pop_body {display:flex;flex-wrap:nowrap;height:calc(100% - 100px);background:#f7f7f7;}
.exam_pop_wrap .pop_body .testview{flex:1;padding:40px;overflow-y:auto;}
.exam_pop_wrap .pop_body .testview::-webkit-scrollbar{width:5px;}
.exam_pop_wrap .pop_body .testview::-webkit-scrollbar-track{background:transparent;}
.exam_pop_wrap .pop_body .testview::-webkit-scrollbar-thumb{background:#999;border-radius: 2px; }
.exam_pop_wrap .conts {padding:16px 24px 24px; position:relative;background:#fff;border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.exam_pop_wrap .conts + .conts {margin-top: 20px;}
.exam_pop_wrap .conts .q_btns{position: absolute;top:0;right:0;}
.exam_pop_wrap .conts .q_btns button,.exam_pop_wrap .conts .q_btns a{margin-left:3px;}
.exam_pop_wrap .conts .btn_scrap {display:inline-block;padding:0 16px;line-height:32px;border: 1px solid #787878;border-radius: 17px;}
.exam_pop_wrap .conts .btn_scrap span{font-size:13px;color:#444;font-weight:400;}
.exam_pop_wrap .conts .btn_scrap span:after {content:'';margin-left:9px;display:inline-block;width:10px;height:12px;background: url('../img/common/btn_scrap.png')no-repeat center bottom;vertical-align: middle;}
.exam_pop_wrap .conts .btn_scrap.on span:after{background-position: center top;}
.btn_expAI {display:inline-block;padding:0 16px;line-height:32px;border: 1px solid #011640;/*background:#f3692d;*/ border-radius: 17px;}
.btn_expAI span{font-size:13px;color:#011640;font-weight:400;}
.btn_expAI:hover{border:1px solid #011640;}
.exam_pop_wrap .conts .question{position:relative;}
.exam_pop_wrap .conts .question h3 {padding-right:175px;margin-bottom:10px;font-size:18px;line-height:34px;color:#222;font-weight:600;}
.exam_pop_wrap .conts .question .pre{padding:14px 20px;border:1px solid #252525;}
.exam_pop_wrap .conts .question .pre p{font-size:17px;color:#222;line-height:1.4; white-space:pre-line;}
.exam_pop_wrap .conts .question .pre p ins{font:inherit; color:inherit;}
.exam_pop_wrap .conts .question .pre img{margin:10px auto 0;display:block;max-width:80%;object-fit: contain;}
.exam_pop_wrap .conts .question .tit_ask{margin-bottom:10px;}
.exam_pop_wrap .conts .question .tit_ask p{font-size:18px;font-weight:500;color:#222;}
.exam_pop_wrap .conts .question .summury {margin-top:5px;padding:14px 20px;border:1px solid #252525;}
.exam_pop_wrap .conts .question .summury p {font-size:17px;color:#222; white-space:pre-line;}
.exam_pop_wrap .conts .question .summury p span {font:inherit; border-bottom:1px solid #252525;}
.exam_pop_wrap .conts .question .summury img{margin:10px auto 0;display:block;max-width:80%;object-fit: contain;}
.exam_pop_wrap .conts .question ins{font:inherit; color:inherit;}
.exam_pop_wrap .conts .audio_wrap {margin:10px 0;max-width:350px;}
.exam_pop_wrap .conts .audio_wrap audio {margin:0 auto; display:block; width:100%; max-width:350px;}
.exam_pop_wrap .conts .answer + .audio_wrap{margin-top:24px;}
.exam_pop_wrap .conts .answer {margin-top:20px;display: flex;flex-wrap:wrap;gap:10px;}
.exam_pop_wrap .conts .answer .num {width:100%;}
.exam_pop_wrap .conts .answer.one {display: flex;flex-wrap:wrap;gap:5px;}
.exam_pop_wrap .conts .answer.one .num {width:calc(25% - 5px);}
.exam_pop_wrap .conts .answer.two {display: flex;flex-wrap:wrap;gap:10px;}
.exam_pop_wrap .conts .answer.two .num {width:calc(50% - 5px);}
.exam_pop_wrap .conts .answer input[type="radio"] + label {display:inline-block;height:auto;font-size:17px;color:#222;font-weight:400;}
.exam_pop_wrap .conts .answer input[type="radio"] + label:before {content: none;}
.exam_pop_wrap .conts .answer input[type="radio"] + label span{margin-right:5px;display:inline-block;width:28px;height:28px;line-height:26px;text-align:center;font-size:13px;color:#666;font-weight:400;border: 1px solid #666;border-radius: 50%;vertical-align:top;}
.exam_pop_wrap .conts .answer input[type="radio"] + label img{max-width:calc(100% - 50px);object-fit: contain;}
.exam_pop_wrap .conts .answer input[type="radio"]:checked + label span{font:inherit;background:#011640;border: 1px solid #011640;color:#fff;}
.exam_pop_wrap .conts .answer .num.wrong input[type="radio"] + label span{background:#f2522e;border-color:#f2522e;color:#fff;}
.exam_pop_wrap .conts .answer .num.myanswer input[type="radio"] + label span{background:#cecece;border-color:#cecece;color:#fff;}

.exam_pop_wrap .conts .answer + .question{margin-top:24px;}
.exam_pop_wrap .conts .answer ins{font:inherit; color:inherit;}
.exam_pop_wrap .conts .question + .question{margin-top:24px;}
.exam_pop_wrap aside {width:250px;background:#fff;transition:width ease-in;}
.exam_pop_wrap aside .omr_inner::-webkit-scrollbar {display: none;}
.exam_pop_wrap aside .omr_inner {position:relative;padding:43px 0 70px;height:100%;}
.exam_pop_wrap aside .omr_inner.result{padding:43px 0 0;}
.exam_pop_wrap aside .omr_inner .flex{position:absolute;top:0;left:0;right:0;display: flex;flex-direction:row-reverse;justify-content: flex-start;border-bottom:1px solid #e9e9e9;}
.exam_pop_wrap aside .omr_inner h3 {padding:0 16px;width:calc(100% - 45px);font-size:17px;color:#282828;font-weight:600;line-height:42px;}
.exam_pop_wrap aside .omr_inner .btn_toggle {position:relative;width:45px;height:42px;background:#484848;border-radius:0;}
.exam_pop_wrap aside .omr_inner .btn_toggle:after {content:'';position:absolute;top:0;right:50%;transform:translateX(50%);width:42px;height:42px;background:url(../img/common/btn_toggle.png) no-repeat center top;}
.exam_pop_wrap aside .omr_inner ul {height:100%;overflow-y:auto;}
.exam_pop_wrap aside .omr_inner ul::-webkit-scrollbar{width:5px;}
.exam_pop_wrap aside .omr_inner ul::-webkit-scrollbar-track{background:#fff;}
.exam_pop_wrap aside .omr_inner ul::-webkit-scrollbar-thumb{background:#999;border-radius: 2px; }
.exam_pop_wrap aside .omr_inner ul li {padding:16px;display: flex;justify-content: space-between; align-items: center;gap:10px;border-bottom:1px solid #e9e9e9;}
.exam_pop_wrap aside .omr_inner ul li .num {display:block;font-size:14px;color:#787878;font-weight:600;}
.exam_pop_wrap aside .omr_inner ul li .omr_answer {display:flex;gap:12px;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label {display:inline-block;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label:before {content: none;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label span{display:inline-block;width:32px;line-height:30px;text-align:center;font-size:13px;color:#b1b1b1;font-weight:400;border: 1px solid #d1d1d1;border-radius: 50%;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"]:checked + label span{background:#011640;border-color:#011640;color:#fff;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"]:checked.wrong + label span{background:#ff6a29;border-color:#ff6a29;color:#fff;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label.wrong span{background:#ff6a29;border-color:#ff6a29;color:#fff;}
.exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label.myanswer  span{background:#cecece;border-color:#cecece;color:#fff;}
.exam_pop_wrap aside .omr_inner .btn_wrap {margin-top:0;position:absolute;bottom:0;align-items:center;justify-content:center;gap:10px;width:100%;height:70px;background:#e6e6e6;}
.exam_pop_wrap aside .omr_inner .btn_wrap .btn {font-size:15px; font-weight:400;border-radius: 4px;}
.exam_pop_wrap aside .omr_inner .btn_wrap .btn.white {min-width:85px;color:#787878;border:none;}
.exam_pop_wrap aside .omr_inner .btn_wrap .btn.orange {min-width:135px;color:#fff;}
.exam_pop_wrap aside .omr_inner.result  ul li{padding:16px 16px 16px 8px;}

.exam_pop_wrap aside.close{width:45px;}
.exam_pop_wrap aside.close .omr_inner{padding-bottom:0;}
.exam_pop_wrap aside.close .omr_inner .btn_toggle:after{background:url(../img/common/btn_toggle.png) no-repeat center bottom;}
.exam_pop_wrap aside.close .omr_inner h3{display:none;}
.exam_pop_wrap aside.close .omr_inner ul li .omr_answer{display:none;}
.exam_pop_wrap aside.close .omr_inner .btn_wrap{display:none;}
.exam_pop_wrap aside.close .omr_inner ul li{padding:16px 0;justify-content: center;}
.exam_pop_wrap aside.close .omr_inner ul li.check{background:#c4e7ff;}

.exam_pop_wrap .q_num {display:inline-block;min-width:32px;height:32px; position:relative;text-align:center;line-height:32px;font-size:18px;color:#222;font-weight:600;}
.exam_pop_wrap .q_num:after{content:''; position:absolute; transform:translate(-50%, -50%);}
.exam_pop_wrap .q_num.correct:after{left:50%; top:50%; width:31px; height:34px;background:url('../img/common/correct.png') no-repeat center center / contain;}
.exam_pop_wrap .q_num.wrong:after{left:50%; top:50%; width:25px; height:25px;background:url('../img/common/wrong.png') no-repeat center center / contain;}

/*문제풀이 체점 결과*/

.exam_pop_wrap .pop_head .exam_info .candidate:after {content:'';margin:0 20px;display:inline-block;width:2px;height:12px;background:#cecece;}
.exam_pop_wrap .pop_body h2 {margin-bottom:18px;font-size:22px;color:#222;font-weight:600;line-height:1;}
.exam_pop_wrap .conts.flex {padding:38px 0;display: flex;justify-content: space-between;border:1px solid #cecece;}
.exam_pop_wrap .conts.flex .result{padding:0 34px;position:relative;flex:1;text-align: left; word-break:break-all;}
.exam_pop_wrap .conts.flex .result:after {content:'';position:absolute;right:0;bottom:50%;transform: translateY(50%); display:inline-block;width:1px;height:60px;background:#cecece;}
.exam_pop_wrap .conts.flex .result:last-of-type:after {content:none;}
.exam_pop_wrap .conts.flex .result .tit{font-size:15px;color:#444;font-weight:400;}
.exam_pop_wrap .conts.flex .result .score p{font-size:15px;color:#999;font-weight:400;}
.exam_pop_wrap .conts.flex .result .score p span{font-size:30px;color:#011640;font-weight:600;}
.exam_pop_wrap .tbl_result {margin:34px 0 40px 0;}
.exam_pop_wrap .tbl_result table{width:100%;text-align: center;border:1px solid #cecece; word-break:keep-all; word-wrap:break-word;}
.exam_pop_wrap .tbl_result table th, .layer_popup.marking .pop_body .tbl_result table td{padding:14px 5px;}
.exam_pop_wrap .tbl_result table thead{background:#eef2f5;border-bottom:1px solid #cecece;}
.exam_pop_wrap .tbl_result table thead tr th,.layer_popup.marking .pop_body .tbl_result table tbody tr td{font-size: 15px; color: #222222; font-weight: 500;}
.exam_pop_wrap .tbl_result table tbody tr {background:#fff;border-bottom:1px solid #cecece;}
.exam_pop_wrap .tbl_result table tbody tr th,
.exam_pop_wrap .tbl_result table tbody tr td{font-size: 15px; color: #787878; font-weight: 400;}
.exam_pop_wrap .conts.chart {padding:0; border:1px solid #cecece; box-shadow:none; border-radius:0;}
.exam_pop_wrap .conts.chart h3 {padding:17px 20px;font-size:17px;color:#222;font-weight:500;line-height:1; background:#eef2f5;}
.exam_pop_wrap .conts.chart .graph_wrap {padding:16px 20px;}

.exam_pop_wrap .pop_body.scrap{height:calc(100% - 53px);}
.exam_pop_wrap .pop_body.scrap .scrap_info {margin-bottom:20px;padding:20px 30px;display: flex;justify-content:flex-start;gap:30px;border:1px solid #cecece;background:#fff;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,0.05);}
.exam_pop_wrap .pop_body.scrap .scrap_info p{position:relative;font-size:15px;font-weight:500;color:#011640;}
.exam_pop_wrap .pop_body.scrap .scrap_info p span{font:inherit;color:#999;}
.exam_pop_wrap .pop_body.scrap .scrap_info p + p:before{content:'';position:absolute;left:-15px;top:50%;margin-top:-6px;width:1px;height:12px;background:#cecece;}

.openAi-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

/* 반투명 배경 마스크 */
.openAi-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}

/* 실제 팝업창 */
.openAiPop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #eef2f5;
    padding: 20px;
    border-radius: 8px;
    min-width: 300px;
    max-width: 600px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 10001;
}
.openAiPop h3{display:inline-block;padding:0 24px;border-radius:15px;height:30px;line-height:30px;background: #FF8C6C;
    background: linear-gradient(164deg, rgba(255, 140, 108, 1) 0%, rgba(205, 118, 200, 1) 100%);color:#fff;}
.openAiPop h3.tit_ai{height:62px;padding-left:65px;background:url(../img/common/ico_ai_2.png) no-repeat left top;}
.openAiPop .ai_exp{margin:10px auto 0;padding:12px;background:#fff;border:1px solid #cecece;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1);max-height:400px;overflow-y:auto;}
.openAiPop .ai_exp p{font-size:15px;color:#111;word-break: break-word;}
/* 닫기 버튼 */
.btn_openAi_close {
    margin-top: 20px;
    background: #444;
    color: white;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.openAi_footer {
    text-align: center;
}

.btn_openAi_close {
    background: #444;
    color: #fff;
    padding: 6px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.bdlist{width:100%;}
.bdlist li{display:flex;flex-wrap:nowrap;border-bottom:1px solid #f1f1f1;}
.bdlist li.head{background:#f1f1f1;border-bottom:none;border-radius:5px;}
.bdlist li.head span{font-weight:600!important;color:#444!important}
.bdlist li.head:hover{background:#f1f1f1;}
.bdlist li .num{width:5%;line-height:40px;text-align:center;color:#444;}
.bdlist li .title{flex:1;line-height:40px;text-align:left;color:#444;}
.bdlist li .date{width:10%;line-height:40px;text-align:center;color:#444;}
.bdlist li .writer{width:10%;line-height:40px;text-align:center;color:#444;}
.bdlist li.nodata{justify-content: center}
.bdlist li.nodata p{color:#999;line-height:40px;}
.bdlist li:hover{background:#fbfbfb;}
.bdlist li:hover .title{font-weight:500;color:#1b59b6;}

.searchbox{}
.searchbox table{width:100%;}
.searchbox table th{padding:5px 10px;background:#f8f8f8;text-align:left;font-size:12px;color:#444;border-bottom:1px solid #d0d0d0;vertical-align:middle;font-weight:700;}
.searchbox table td{padding:5px 10px;border-bottom:1px solid #d0d0d0;vertical-align:middle;height:39px;}
.searchbox table td input,.searchbox table td label,.searchbox table td span,.searchbox table td select{color:#444;}
.searchbox table tr:first-child th,.searchbox table tr:first-child td{border-top:1px solid #d0d0d0;}
.searchbox table tr th:first-child{border-left:1px solid #d0d0d0;}
.searchbox table tr td:last-child{border-right:1px solid #d0d0d0;}
.searchbox table tr td .btn_type3:hover{background:#999;color:#fff;}
.searchbox table select{height:32px;}
.searchbox .search_btn{/*margin-top:10px;*/text-align:center;border-bottom:1px solid #d0d0d0;padding:20px 0 30px;}

.bdview{width:100%;border:1px solid #f1f1f1;border-bottom:none;}
.bdview thead th{padding:10px 14px;line-height:22px;font-size:15px;font-weight:600;color:#333;border-bottom:1px solid #f1f1f1;background:#f1f1f1;text-align:left;}
.bdview thead th.date{text-align:center;color:#787878}
.bdview tbody th{padding:5px 10px;border-bottom:1px solid #ddd;background:#f1f1f1;text-align:left;line-height:24px;}
.bdview tbody td{padding:5px 10px;border-bottom:1px solid #f1f1f1;line-height:24px;}
.bdview tbody td p{font-size:14px;color:#666;line-height:24px;}
.bdview tbody td .editor_view{padding:10px 14px;min-height:360px;font-size:14px;}
.bdview tbody tr:last-child th,.bdview tbody tr:last-child td{border-bottom:1px solid #f1f1f1;}
.bdview .blline{border-left:1px solid #f1f1f1;}
.bdview .bold{color:#333;}
.bdview .thumb_img{height:165px;text-align:center;}
.bdview .thumb_img img{max-height:100%;}
.bdview .btn{margin:0 auto; padding:5px 20px; font-size:15px;}
.editor_view > *{font:inherit;line-height:1.4;}

.bdwrite{width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.bdwrite th{padding:5px 10px;background:#f1f1f1;border-bottom:1px solid #ddd;line-height:20px;text-align:left;color:#222;}
.bdwrite .required{position:relative;}
.bdwrite .required:after{content:'';margin-left:5px;display:inline-block;width:5px;height:20px;line-height:20px;vertical-align: middle;background:url(../img/common/required.png) no-repeat center center;}
.bdwrite td{padding:5px 10px;border-bottom:1px solid #ddd;}
.bdwrite tr td:last-child{border-right:1px solid #ddd;}
.bdwrite td input[type=text]{padding:0 10px;display:inline-block;width:100%;height:30px;border:1px solid #efefef;font-size:14px;color:#666;}
.bdwrite td textarea{width:100%;height:360px;border:1px solid #efefef;padding:10px;font-size:14px;color:#666;}
.bdwrite td .ipt_id{display:flex;flex-wrap:nowrap;gap:10px;max-width:318px;}
.bdwrite td .ipt_id input{flex:1;}
.bdwrite td .ipt_id .btn_g{height:30px;line-height:30px;}
.bdwrite td .filelist{margin:5px 0;}
.bdwrite tr td select{padding:0 10px;display:inline-block;height:30px;border:1px solid #efefef;font-size:14px;color:#666;}

.tbtype{width:100%;border-top:1px solid #c0c0c0;}
.tbtype+.tbtype{margin-top:15px;}
.tbtype thead th{background:#f0f0f0;text-align:center;color:#444;font-weight:500;font-size:14px;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
.tbtype th{background:#f0f0f0;text-align:left;padding:5px 10px;vertical-align:middle;border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;height:38px;color:#444;font-size:14px;font-weight:500;line-height:1.3;}
.tbtype th p{font:inherit; color:inherit;}
.tbtype th p span{font-weight:400;}
.tbtype tr td + th{border-left:1px solid #c0c0c0;}
.required span{display:inline-block;margin-left:3px;width:5px;height:11px;background:url(../img/common/required.png) no-repeat center top;vertical-align:top;}
.tbtype .brline{border-right:1px solid #c0c0c0;}
.tbtype .blline{border-left:1px solid #c0c0c0!important;}
.tbtype .nobrline{border-right:none !important;}
.tbtype .noblline{border-left:none !important;}
.tbtype td{padding:5px 10px;vertical-align:middle;border-bottom:1px solid #c0c0c0;height:38px;}
.tbtype td .tui-datepicker-input{height:32px; vertical-align:middle;}
.tbtype td p,.tbtype td span{color:#333;line-height:1.3;}
.tbtype td span + button,
.tbtype td button + span{margin-left:10px;}
.tbtype td textarea{font-size:14px;}
.tbtype td > *{vertical-align:middle;color:#333;}
.tbtype tr th:first-child{border-left:1px solid #c0c0c0;}
.tbtype tr td:last-child{border-right:1px solid #c0c0c0;}
.tbtype tr td label,.tbtype tr td span,.tbtype tr td p,.tbtype tr td select{font-size:14px;}
.tbtype tr td label{margin-right:12px;}
.tbtype tr td input[type="radio"] + label .txt_lb,.tbtype tr td input[type="checkbox"] + label .txt_lb{font-size:14px;}
.tbtype tr td .bd_edit{padding:5px; font-size:14px;}
.tbtype tr td .bd_edit strong{font-weight: bold;}
.tbtype tr td .bd_edit em{font-style: italic;}
.tbtype tr td .bd_edit *{font:inherit;color:inherit;line-height:1.4;}
.tbtype tr td .bd_edit h2{font-size:1.5em;font-weight:bold}
.tbtype tr td .bd_edit h3{font-size:1.17em;font-weight:bold}
.tbtype tr td .bd_edit ol, .tbtype tr td .bd_edit ul, .tbtype tr td .bd_edit dl{padding:0 40px;}
.tbtype tr td .bd_edit .marker{background-color:yellow;}
.tbtype tr td .bd_edit big{font-size:larger;}
.tbtype tr td .bd_edit *:before,.tbtype tr td .bd_edit *:after{font:inherit;line-height:1.4;}
.tbtype tr td .bd_edit q{quotes:initial;}
.tbtype tr td .bd_edit q:before{content:open-quote;}
.tbtype tr td .bd_edit q:after{content:close-quote;}
.tbtype tr td .pretxt{white-space:pre;}
.tbtype tr td .ipt_count{display:inline-block;padding:4px 7px;border-radius:4px;background:#f6f7f8;vertical-align: middle;}
.tbtype tr td .ipt_count em{display:inline-block;min-width:30px;text-align:center;}
.tbtype tfoot th{border-right:none; border-left:1px solid #c0c0c0;}

.tbtype.list thead tr th{border-left:1px solid #c0c0c0;border-right:none;}
.tbtype.list thead tr th:last-child{border-right:1px solid #c0c0c0;}
.tbtype.list .norline{border-right:none !important;}
.tbtype.list tbody tr{background:#fff;}
.tbtype.list tbody tr:nth-child(even){background:#f8f8f8;}
.tbtype.list tbody tr.selected{background:#fff0f0}
.tbtype.list tbody tr.today{background:#ecfaf0;}
.tbtype.list tbody td{border-left:1px solid #c0c0c0;}


.filewrap input[type=file]{position: absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border: 0;}
.filewrap label {display: inline-block;padding: 0 12px;color: #fff;font-size:14px;line-height:30px;background:#1b59b6;vertical-align: middle;}
.filewrap .filename {margin-left:3px;display: inline-block;width:35%;height:30px;padding: 0 10px;vertical-align: middle;color:#999;background-color: #f6f7f8;border: 1px solid #ddd;border-radius: 2px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filelist{margin:5px 10px;background:#f6f7f8;border-radius:4px;}
.filelist li{display:block;}
.filelist li a{display:inline-block;max-width:calc(100% - 39px);padding-left:30px;line-height:34px;color:#787878;font-size:14px;background:url(../img/common/file_file.png) no-repeat 7px center;}
.filelist li + li{border-top:1px solid #aaa;}
.filelist li .btn_del{margin-left:3px;display:inline-block;width:30px;height:30px;background:url(../img/common/btn_del.png) no-repeat center center;vertical-align:middle;}

.module_top{position:relative; margin:20px 0;}
.module_top:after{content:''; display:block; clear:both;}
.module_top .tit{margin-right:10px; display:inline-block; font-size:17px; color:#222; font-weight:700; line-height:32px;}
.module_top .list_cnt{display:inline-block; font-size:14px; color:#444; font-weight:500; line-height:32px;}
.module_top .list_cnt span{font:inherit; color:blue;}
.module_top .module_left{float:left;}
.module_top .module_right{float:right;}
.module_top .module_btns :is(button, a){font-size:14px;margin-left:6px; vertical-align:top;}
.module_top input[type=text],
.module_top input[type=number],
.module_top input[type=email],
.module_top input[type=password]{height:32px;line-height:30px;}
.module_top select{height:32px; line-height:30px;}


.fl_box_wrap{display:flex; gap:20px;}
.fl_box_wrap .fl_box{ background:#fff; border-radius: 10px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.18);}
.fl_box_wrap .fl_box.fl1{flex:1;}
.fl_box_wrap .fl_box.flno{flex:none;}
.fl_box_wrap .fl_box .fl_box_title{padding:20px; display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid #dbe1e9;}
.fl_box_wrap .fl_box .fl_box_title h3{font-size:17px; color:#222; font-weight:700; line-height:24px;}
.fl_box_wrap .fl_box .fl_box_title p{font-size:12px; color:#666;}
.fl_box_wrap .fl_box .fl_box_top{padding:20px; display:flex; justify-content:space-between; align-items:center;}
.fl_box_wrap .fl_box .fl_box_top h3{font-size:20px; color:#444; font-weight:700; line-height:24px;}
.fl_box_wrap .fl_box .fl_box_top .btn_more{font-size:20px; color:#444; font-weight:700;}
.fl_box_wrap .fl_box .fl_box_main_info{display:flex;justify-content:center;align-items:center;height:calc(100% - 65px);}
.fl_box_wrap .fl_box .fl_box_main_info p{font-size:24px; color:#1759f2; text-align:center;}
.fl_box_wrap .fl_box .fl_box_main_info p strong{font-size:50px;font-weight:700;color:inherit;}
.fl_box_wrap .fl_box_list{padding:20px; display:flex; gap:20px;}
.fl_box_wrap .fl_box_list > li{flex:0 1 25%; text-align:center;}
.fl_box_wrap .fl_box_list > li h4{font-size:15px;font-weight:600; line-height:24px; color:#505050;text-align:left;}
.fl_box_wrap .fl_box_list .stats_box{margin-top:15px; padding:15px; min-height:160px; border-radius: 8px; background: #f9f9f9;}
.fl_box_wrap .fl_box_list .stats_box p{font-size:32px;font-weight:700; line-height:64px; min-height:64px;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list{margin-top:15px;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li{display:flex; align-items:center; justify-content:space-between;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li+li{margin-top:3px;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li p{line-height:15px; min-height:0;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .label{font-size:14px; color:#222; font-weight:700;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txt{}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txt span{display:inline-block; font-size:14px; color:#222;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown{position:relative; margin-left:5px; padding-left:15px;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown:before{position:absolute; left:0;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown.txtUp{color:#ff5a74;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown.txtUp:before{content:'▲';font-size:10px;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown.txtDown{color:#09c0d7;}
.fl_box_wrap .fl_box_list .stats_box .sub_stats_info_list li .txtUpDown.txtDown:before{content:'▼';font-size:10px;}
.fl_box_wrap .fl_box .bar_list_wrap{padding:30px 20px;}
.fl_box_wrap .fl_box .bar_list_wrap ul li+li{margin-top:23px;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar_tit{margin-bottom:10px; display:flex; justify-content:space-between; align-items:center;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar_tit p{font-size:16px; line-height:28px;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar_tit span{font-size:16px; color:#6546ee; line-height:28px;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar_tit span em{font:inherit; color:inherit;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar{height:6px; background:#dbe1e9; border-radius:3px;}
.fl_box_wrap .fl_box .bar_list_wrap ul li .bar span{display:block; width:10%; height:100%; background:#6546ee; border-radius:3px;}

.fl_box_wrap.statis{}
.fl_box_wrap.statis .fl_box_list > li{flex:1;}
.fl_box_wrap.statis .fl_box_list .stats_box{padding:27px 15px;min-height:104px;}
.fl_box_wrap.statis .fl_box_list .stats_box .sub_stats_info_list{margin-top:0;}

.data_4 {}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info{justify-content:flex-start;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info p{color:#222;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .stats_box{padding:20px;width:100%;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li + li{margin-top:10px;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .label{font-size:14px;font-weight:700;line-height:1.4;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txt{font-size:14px;line-height:1.4;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown{position:relative; margin-left:5px; padding-left:15px;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown *{font-size:14px;line-height:1.4;color:#555;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown:before{position:absolute; left:0;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown.txtUp{color:#ff5a74;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown.txtUp:before{content:'▲';font-size:10px;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown.txtDown{color:#09c0d7;}
.data_4 .fl_box_wrap .fl_box .fl_box_main_info .sub_stats_info_list li .txtUpDown.txtDown:before{content:'▼';font-size:10px;}
.data_4 .fl_box_wrap .fl_box.cper3000 .stats_box .today{font-size:50px;font-weight:700;color:#1759f2;}
.data_4 .fl_box_wrap .fl_box.fl1 .fl_box_main_info{align-items:flex-start;}
.data_4 .fl_box_wrap .fl_box.fl1 .fl_box_main_info .sub_stats_info_list li .txt{display:flex;width:100%;flex-wrap:nowrap;justify-content:space-between;}
.data_4 .fl_box_wrap .fl_box.fl1 .fl_box_main_info .sub_stats_info_list li .txt .num em.count{margin-right:5px;font-weight:700;font-size:14px;color:#1759f2;}
.data_4 .fl_box_wrap .fl_box.fl1 .fl_box_main_info .sub_stats_info_list li .txt .num em.keyword{font-weight:700;font-size:14px;}


/*.login{width:100%; height:100vh; display:flex; align-items:center; justify-content:center; background:#f4f6f9;}*/
/*.loginbox{padding:20px; width:450px; background:#fff; border-radius:15px; box-shadow:0 3px 40px 0 rgba(0, 0, 0, .12);}*/
/*.loginbox .logo_tit{margin:0 auto 25px; width:164px; height:43px; background:url('../img/logo.png') no-repeat center top / 100% auto;}*/
/*.loginbox :is(input[type=text], input[type=password]){margin-top:15px; display:block; width:100%; height:50px; font-size:16px; border-radius:4px;}*/
/*.loginbox .bot_module{margin-top:15px;}*/
/*.loginbox .btn_login{padding:0 20px; display:block; width:100%; font-size:17px; color:#fff; font-weight:500; line-height:50px; text-align:center; background:#1d6dd4; border-radius:4px;}*/


.fl{display:flex;}
.fl [class^=btn_type]{flex:none;}
.f-wrap{flex-wrap:wrap;}
.g10{gap:10px;}

.thumb_list_box{padding-top:25px; display:flex; gap:10px 20px; flex-wrap:wrap;}
.thumb_list_box.pt0{padding-top:0;}
.thumb_list_box .thumb_item{position:relative; flex:none; width:150px;}
.thumb_list_box .thumb_item:after{content:''; display:block; padding-bottom:100%;}
.thumb_list_box .thumb_item .chk{position:absolute; left:0; top:-27px;}
.thumb_list_box .thumb_item .img{position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #ddd;}
.thumb_list_box .thumb_item .img label{position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.thumb_list_box .thumb_item .img img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit:cover; z-index:1;}
.thumb_list_box .thumb_item .btn_img_del{position:absolute; right:0; top:0; width:20px; height:20px; font-size:0; background-position:center; z-index:2;}

/* main */
section .inner{margin:0 auto; padding:0 20px;max-width:1420px;}
.main_visual{}
.main_visual .visual01,.main_visual .visual02{height:588px;}
.main_visual .swiper .swiper-slide .visual01{background:#021741 url('../img/main/bg_visual.png') no-repeat center / auto 100%;}

.main_visual .visual01 .visual_box{margin:0 auto;max-width:1420px;padding:75px 97px 63px 56px; display:flex; justify-content:space-between; align-items:center; gap:30px;}
.main_visual .visual_box .txt{flex:1; min-width:0;}
.main_visual .visual_box .txt h2{position:relative; max-width:490px; background:url('../img/main/top_tit.png') no-repeat center / contain;}
.main_visual .visual_box .txt h2:after{content:''; display:block; padding-top:23.4694%;}
.main_visual .visual_box .txt p{margin-top:37px; font-size:22px; color:#fff; font-weight:500; line-height:1.4; word-break:keep-all;}
.main_visual .visual_box .txt .btn_link{margin-top:35px; display:block; width:300px; font-size:22px; font-weight:700; color:#fff; line-height:60px; text-align:center; border-radius:30px; background:#f26938;}
.main_visual .visual_box .img{flex:1; text-align:right;}
.main_visual .visual_box .img img{max-width:100%;}
.main_visual .visual02{background:#1e0d2d url('../img/main/bg_visual4.png') no-repeat center / auto 100%;}
.main_visual .visual02 .visual_box{margin:0 auto;max-width:1420px;padding:65px 97px 63px 56px; display:flex; justify-content:space-between; align-items:center; gap:30px;}
.main_visual .visual02 .visual_box .txt h3{max-width:440px;font-size:32px;font-weight:700;color:#fff;}
.main_visual .visual02 .visual_box .txt h3 img{max-width:100%;object-fit: contain}
.main_visual .visual02 .visual_box .txt p{margin-top:20px;}
.main_visual .visual02 .visual_box .txt .btn_link{color:#1e0d2d;background:#FFF;}


.main_visual .swiper-button-next{right:calc(50% - 730px);}
.main_visual .swiper-button-prev{left:calc(50% - 730px);}
.main_visual .swiper-button-next, .main_visual  .swiper-button-prev{color:#fff;}
.main_visual .swiper-horizontal>.swiper-pagination-bullets, .main_visual .swiper-pagination-bullets.swiper-pagination-horizontal,.main_visual .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}
.main_visual .swiper-pagination-bullet-active{background:#f26938;}

.sec_tit{text-align:center;}
.sec_tit.left{text-align:left;}
.sec_tit h3{font-size:32px; color:#121212; font-weight:700; line-height:1.3;}
.sec_tit p{margin-top:15px; font-size:20px; color:#545454; font-weight:500; line-height:1.4;}

.sc1{padding:120px 0 130px;}
.sc1 .info_box{margin-top:35px; text-align:center;}
.sc1 .info_box img{max-width:100%;}

.sc2{padding:70px 0 70px; background:#f8f4fa;}
.sc2 .info_box{display:flex; align-items:center; gap:140px;}
.sc2 .info_box .img img{max-width:100%;}
.sc2 .info_box .sec_tit{flex:1;}
.sc2 .info_box .sec_tit .btn{margin-top:30px;width:300px;line-height:60px;border-radius:30px;text-align:center;font-size:22px;font-weight:700;}

.sc3{padding:60px 0;}
.sc3 .inner{padding:0;}
.sc3 .notice_list{display:flex;}
.sc3 .notice_list li{position:relative; padding:0 50px; flex:1;}
.sc3 .notice_list li:before{content:''; position:absolute; right:26px; bottom:0;  background-repeat:no-repeat; background-position:right bottom; background-size:100% auto; z-index:-1;}
.sc3 .notice_list li+li{border-left:1px solid #ddd;}
.sc3 .notice_list li h3{margin-bottom:30px; font-size:32px; color:#121212; font-weight:700; line-height:1;}
.sc3 .notice_list li p{font-size:20px; color:#545454; font-weight:500; line-height:1.4;}
.sc3 .notice_list li .btn_view{margin-top:40px; display:block; width:50px; height:50px; text-align:center; border-radius:25px; background:#eee url(../img/common/arr_link.png) no-repeat center center; }
.sc3 .notice_list li .txt{padding-left:35px; display:block; font-size:20px; color:#545454; font-weight:500;}
.sc3 .notice_list li .tel{background:url('../img/common/ico_tel.png') no-repeat left center;}
.sc3 .notice_list li .email{background:url('../img/common/ico_mail2.png') no-repeat left center;}
.sc3 .notice_list li.notice:before{width:139px; height:129px; background-image:url('../img/main/ico_notice.png');}
.sc3 .notice_list li.faq:before{width:151px; height:133px; background-image:url('../img/main/ico_faq.png');}
.sc3 .notice_list li.cs:before{width:155px; height:149px; background-image:url('../img/main/ico_cs.png');}

.sc4{padding:140px 0 144px; background:url('../img/main/bg_bnr1.png') no-repeat center / cover;}
.sc4 .btn_link{margin:40px auto 0; display:block; width:300px; font-size:22px; font-weight:700; color:#fff; line-height:70px; text-align:center; border-radius:35px; background:#f26938;}

.chart_box{width:100%; height:60vw; max-height:500px;}

.ai_quiz{display:flex;flex-wrap:wrap;align-items:center;justify-content: center; width:100%;min-height:calc(100% - 198px);background:#f7f7f7;}
.ai_quiz .testview{flex:1;max-width:1000px;padding:40px;overflow-y:auto;}
.ai_quiz .testview::-webkit-scrollbar{width:5px;}
.ai_quiz .testview::-webkit-scrollbar-track{background:transparent;}
.ai_quiz .testview::-webkit-scrollbar-thumb{background:#999;border-radius: 2px; }
.ai_quiz .testview .starter{text-align:center;}
.ai_quiz .testview .starter h2{padding-top:70px;font-size:32px;font-weight:600;color:#011640;background:url(../img/common/ico_ai_2.png) no-repeat center top;}
.ai_quiz .testview .starter h2 + p{margin-top:15px;}
.ai_quiz .testview .starter p{font-size:18px;color:#666;line-height:1.3; word-break:keep-all;}
.ai_quiz .testview .starter .d_radio{margin:30px auto 0;display:flex;gap:20px;justify-content: center;align-items: center;}
.ai_quiz .testview .starter .d_radio input[type=radio] + label{min-width:180px;height:50px;line-height:48px;text-align:center;border:1px solid #ddd;border-radius:8px;background:#fff;}
.ai_quiz .testview .starter .d_radio input[type=radio] + label:before{content:none;}
.ai_quiz .testview .starter .d_radio input[type=radio] + label span{padding-left:32px;font-size:15px;color:#666;background-repeat:no-repeat;background-position:left top;}
.ai_quiz .testview .starter .d_radio input[type=radio] + label span.ic_read{background-image:url(../img/common/ico_read.png);}
.ai_quiz .testview .starter .d_radio input[type=radio] + label span.ic_hear{background-image:url(../img/common/ico_hear.png);}
.ai_quiz .testview .starter .d_radio input[type=radio]:checked + label{border-color:#f2522e;}
.ai_quiz .testview .starter .d_radio input[type=radio]:checked + label span{color:#f2522e;background-position:left bottom;}
.ai_quiz .testview .starter .btn.navy{margin:25px auto 0;width:100%; max-width:380px;height:60px;line-height:60px;border-radius:10px;}

.ai_quiz .testview .conts {padding:30px; position:relative;background:#fff;border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.09);}
.ai_quiz .testview .conts .question .num_head{margin-bottom:16px;display:flex;justify-content: flex-start;align-items: center;}
.ai_quiz .testview .conts .question .num_head .q_num {display:inline-block;min-width:32px;height:32px; position:relative;text-align:center;line-height:32px;font-size:20px;color:#222;font-weight:600;}
.ai_quiz .testview .conts .question .num_head .q_num:after{content:''; position:absolute; transform:translate(0, -50%);}
.ai_quiz .testview .conts .question .num_head.correct .q_num:after{left:-4px; top:50%; width:46px; height:46px;background:url('../img/common/correct.png') no-repeat center center / contain;}
.ai_quiz .testview .conts .question .num_head.wrong .q_num:after{left:-1px; top:50%; width:36px; height:36px;background:url('../img/common/wrong.png') no-repeat center center / contain;}
.ai_quiz .testview .conts .question .num_head .btn_expAI{margin-left:auto;}
.ai_quiz .testview .conts .question .num_head .btn_expAI:hover{border:1px solid #011640;}
.ai_quiz .testview .conts .question{margin-top:20px;position:relative;}
.ai_quiz .testview .conts .question h3 {font-size:18px;line-height:34px;color:#222;font-weight:600;}
.ai_quiz .testview .conts .question .pre{margin-top:10px;padding:14px 20px;border:1px solid #252525;}
.ai_quiz .testview .conts .question .pre p{font-size:17px;color:#222;line-height:1.4; white-space:pre-line;}
.ai_quiz .testview .conts .question .pre p ins{font:inherit; color:inherit;}
.ai_quiz .testview .conts .question .pre img{margin:10px auto 0;display:block;max-width:80%;object-fit: contain;}
.ai_quiz .testview .conts .question .tit_ask{margin-bottom:10px;}
.ai_quiz .testview .conts .question .tit_ask p{font-size:18px;font-weight:500;color:#222;}
.ai_quiz .testview .conts .question .summury {margin-top:5px;padding:14px 20px;border:1px solid #252525;}
.ai_quiz .testview .conts .question .summury p {font-size:17px;color:#222; white-space:pre-line;}
.ai_quiz .testview .conts .question .summury p span {font:inherit; border-bottom:1px solid #252525;}
.ai_quiz .testview .conts .question .summury img{margin:10px auto 0;display:block;max-width:80%;object-fit: contain;}

.ai_quiz .testview .conts .ai_head_quiz{display:flex;justify-content: space-between;align-items: center;}
.ai_quiz .testview .conts .ai_head_quiz .ai_learning{width:160px;height:40px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,0.1);background:url(../img/common/ai_learning_bg.png) no-repeat center center;text-align:center;}
.ai_quiz .testview .conts .ai_head_quiz .ai_learning span{display:inline-block;padding-right:30px;background:url(../img/common/ai_learn_shin.png) no-repeat right center;color:#fff;font-size:17px;font-weight:700;line-height:40px;}
.ai_quiz .testview .conts .ai_head_quiz .similar{margin-left:auto;}
.ai_quiz .testview .conts .ai_head_quiz .similar p{padding-left:25px;font-size:15px;color:#787878;background:url(../img/common/ic_similar.png) no-repeat left center;}
.ai_quiz .testview .conts .ai_head_quiz#similarArea{margin:20px auto 0;justify-content: flex-start;max-width:830px;}
.ai_quiz .testview .conts .ai_head_quiz#similarArea .similar{margin:0 auto 0 0;}
.ai_quiz .testview .conts .ai_head_quiz#similarArea + .ai_result{margin-top:15px;}

.ai_quiz .testview .conts .audio_wrap {margin:5px 0 15px;}
.ai_quiz .testview .conts .audio_wrap audio {display:block; width:100%; max-width:350px;height:40px;}

.ai_quiz .testview .conts .answer + .audio_wrap{margin-top:24px;}
.ai_quiz .testview .conts .answer {margin-top:20px;display: flex;flex-wrap:wrap;gap:10px;}
.ai_quiz .testview .conts .answer .num {width:100%;}
.ai_quiz .testview .conts .answer.one {display: flex;flex-wrap:wrap;gap:5px;}
.ai_quiz .testview .conts .answer.one .num {width:calc(25% - 5px);}
.ai_quiz .testview .conts .answer.two {display: flex;flex-wrap:wrap;gap:10px;}
.ai_quiz .testview .conts .answer.two .num {width:calc(50% - 5px);}
.ai_quiz .testview .conts .answer input[type="radio"] + label {display:inline-block;height:auto;font-size:17px;line-height:28px;color:#222;font-weight:400;}
.ai_quiz .testview .conts .answer input[type="radio"] + label:before {content: none;}
.ai_quiz .testview .conts .answer input[type="radio"] + label span{margin-right:5px;display:inline-block;width:28px;height:28px;line-height:26px;text-align:center;font-size:13px;color:#666;font-weight:400;border: 1px solid #666;border-radius: 50%;vertical-align:top;}
.ai_quiz .testview .conts .answer input[type="radio"] + label img{max-width:calc(100% - 50px);object-fit: contain;}
.ai_quiz .testview .conts .answer input[type="radio"]:checked + label span{font:inherit;background:#011640;border-color:#011640;color:#fff;}
.ai_quiz .testview .conts .answer .num.wrong input[type="radio"] + label span{background:#f2522e;border-color:#f2522e;color:#fff;}
.ai_quiz .testview .conts .answer .num.myanswer input[type="radio"] + label span{background:#cecece;border-color:#cecece;color:#fff;}

.ai_quiz .testview .conts .answer + .question{margin-top:24px;}
.ai_quiz .testview .conts .question + .question{margin-top:24px;}

.ai_quiz .testview .conts.result h2{text-align:center;padding-top:70px;font-size:32px;font-weight:600;color:#011640;background:url(../img/common/ico_result.png) no-repeat center top;}
.ai_quiz .testview .conts.result h2 + p{margin-top:15px;}
.ai_quiz .testview .conts.result .ai_result{margin:20px auto 0;max-width:830px;display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.ai_quiz .testview .conts.result .ai_result dl{flex:1;display:flex;flex-wrap:nowrap;flex-direction:column;}
.ai_quiz .testview .conts.result .ai_result dl + dl{border-left:1px solid #ddd;}
.ai_quiz .testview .conts.result .ai_result dl dt{text-align:center;width:100%;background:#f6f7f8;}
.ai_quiz .testview .conts.result .ai_result dl dt p{font-size:16px;color:#787878;line-height:40px;}
.ai_quiz .testview .conts.result .ai_result dl dd{text-align:center;padding:20px 10px;}
.ai_quiz .testview .conts.result .ai_result dl dd span{display:inline-block;padding-top:25px;font-size:17px;}
.ai_quiz .testview .conts.result .ai_result dl dd .ic_correct{color:#2553e7;background:url(../img/common/score_o.png) no-repeat top center;}
.ai_quiz .testview .conts.result .ai_result dl dd .ic_wrong{color:#f34022;background:url(../img/common/score_x.png) no-repeat top center;}

.ai_quiz .testview .conts.result .simil_list{margin:30px auto 0;max-width:830px;}
.ai_quiz .testview .conts.result .simil_list h4{margin-bottom:15px;font-size:18px;color:#222;font-weight:700;}
.ai_quiz .testview .conts.result .simil_list dl{display:flex;flex-wrap:nowrap;align-items: center;justify-content: flex-start; border-top:1px solid #ddd;}
.ai_quiz .testview .conts.result .simil_list dl:last-child{ border-bottom:1px solid #ddd;}
.ai_quiz .testview .conts.result .simil_list dl dt{flex:1;padding:12px 14px;}
.ai_quiz .testview .conts.result .simil_list dl dt p{padding-left:25px;font-size:15px;color:#787878;background:url(../img/common/ic_similar.png) no-repeat left center;}
.ai_quiz .testview .conts.result .simil_list dl dt h4{position:relative;padding-left:10px;font-size:15px;line-height:30px;font-weight:500;color:#121212;margin-bottom:0;}
.ai_quiz .testview .conts.result .simil_list dl dt h4:before{content:'';position:absolute;margin-top:-1px;left:0;top:50%;width:2px;height:2px;background:#121212;}
.ai_quiz .testview .conts.result .simil_list dl dd{width:148px;padding:12px 14px;}
.ai_quiz .testview .conts.result .simil_list dl dd .btn{font-size:15px;font-weight:500;line-height:34px;}

.ai_quiz .btn_wrap.one{margin-top:30px;gap:14px;align-items: center;}
.ai_quiz .btn_wrap.one .score_check{position:relative; padding:4px 33px 4px 20px;width:165px;height:45px;background:#fff; box-shadow:1px 1px 6px 1px rgba(0,0,0,.1); border-radius:8px;}
.ai_quiz .btn_wrap.one .score_check:after{content:''; position:absolute; right:-5px; top:50%; transform:translateY(-50%) rotate(135deg); border:5px solid #fff; border-bottom-color:transparent; border-right-color:transparent; box-shadow:-3px -3px 4px 0px rgba(0,0,0,.1);}
.ai_quiz .btn_wrap.one .score_check span{display:inline-block;padding-left:28px;font-size:17px;font-weight:500;letter-spacing:-0.02em;line-height:37px;}
.ai_quiz .btn_wrap.one .score_check.wrong span{color:#f34022;background:url(../img/common/score_x.png) no-repeat left center;}
.ai_quiz .btn_wrap.one .score_check.correct span{color:#2553e7;background:url(../img/common/score_o.png) no-repeat left center;}

.ai_quiz .btn_wrap.two{margin-top:30px;gap:14px;justify-content: space-between;}
.ai_quiz .btn_wrap.two .score_check{display:inline-block;margin-right:14px;position:relative; padding:4px 33px 4px 20px;width:165px;height:45px;background:#fff; box-shadow:1px 1px 6px 1px rgba(0,0,0,.1); border-radius:8px;}
.ai_quiz .btn_wrap.two .score_check:after{content:''; position:absolute; right:-5px; top:50%; transform:translateY(-50%) rotate(135deg); border:5px solid #fff; border-bottom-color:transparent; border-right-color:transparent; box-shadow:-3px -3px 4px 0px rgba(0,0,0,.1);}
.ai_quiz .btn_wrap.two .score_check span{display:inline-block;padding-left:28px;font-size:17px;font-weight:500;letter-spacing:-0.02em;line-height:37px;}
.ai_quiz .btn_wrap.two .score_check.wrong span{color:#f34022;background:url(../img/common/score_x.png) no-repeat left center;}
.ai_quiz .btn_wrap.two .score_check.correct span{color:#2553e7;background:url(../img/common/score_o.png) no-repeat left center;}
.ai_quiz .btn_wrap.two div button{display:inline-block;}

.ai_quiz .testview .starter .ai_tip{margin-top:20px;}
.ai_quiz .testview .starter .ai_tip p{font-size:16px;color:#011640;font-weight:500;}

.refund_popup .widget_header{margin-bottom:10px;}
.refund_popup .widget_header .tit{font-size:16px; color:#222; font-weight:600;}
.refund_popup .product_info_box{padding:10px; border:1px solid #ddd;}
.refund_popup .product_info_box dl{display:flex; gap:10px;}
.refund_popup .product_info_box dl+dl{margin-top:10px;}
.refund_popup .product_info_box dl dt{flex:none; width:25%;}
.refund_popup .product_info_box dl dt p{font-size:16px; color:#222; font-weight:500;}
.refund_popup .product_info_box dl dd{flex:1;}
.refund_popup .product_info_box dl dd p{font-size:14px; color:#666;}

.scrap_filter{margin-top:20px;padding:24px;border:1px solid #ddd;border-radius:14px;}
.scrap_filter input[type="checkbox"] + label{display:inline-block;padding:0 14px;font-size:15px;height:40px;line-height:38px;color:#787878;border:1px solid #bfbfbf;border-radius:20px;}
.scrap_filter input[type="checkbox"] + label:before{width:20px;height:20px;background:url(../img/common/ic_scrapfilter.png) no-repeat center -40px ;background-size:20px auto;}
.scrap_filter input[type="checkbox"]:checked + label:before{background-position:center -20px;}
.scrap_filter input[type="checkbox"]:checked + label{border-color:#011640;color:#011640;}
.scrap_filter .check_all{padding:5px;text-align:center;}
.scrap_filter .check_all input[type="checkbox"] + label{display:block;font-size:17px;font-weight:500;height:44px;line-height:44px;border:none;background:#f2f2f2;border-radius:8px;}
.scrap_filter .check_all input[type="checkbox"]:checked + label{background:#011640;color:#fff;}
.scrap_filter .check_all input[type="checkbox"]:checked + label:before{background-position:center 0;}
.scrap_filter dl{margin-top:10px;display:flex;flex-wrap:nowrap;gap:20px;}
.scrap_filter dl dt{padding:0 14px;width:min(94px, 10vw);font-size:15px;font-weight:500;color:#222;line-height:40px;}
.scrap_filter dl dd{flex:1;display:flex;flex-wrap:wrap;gap:10px;}


.intro_banner{height:685px;background: #0A2E77 linear-gradient(0deg, rgba(10, 46, 119, 1) 0%, rgba(9, 41, 106, 1) 50%, rgba(6, 30, 77, 1) 100%);}
.intro_banner .img_wrap{margin:0 auto;padding:84px 80px;max-width: 1420px;width: 100%;height:100%;background:url(../img/common/intro_banner.png) no-repeat center bottom;}
.intro_banner .img_wrap h4{font-family: 'Gmarket Sans'; font-weight:700;margin-bottom:40px;color:#fff;font-size:45px;letter-spacing:-0.02em;line-height:1.2;}
.intro_banner .img_wrap h4 span{display:block;font-family: 'Gmarket Sans';font-size:24px;font-weight:300;color:#fff;line-height:30px;}

.intro_banner .img_wrap p{ font-family: 'Gmarket Sans'; font-weight:500;font-size:22px;color:#fff;letter-spacing:-0.02em;line-height:1.5;}
.intro_banner .img_wrap p span{font:inherit;color:#eeffa0;}
.intro_banner .img_wrap p i{display:inline-block;background:#fff;color:#082662;font-size:20px;font-weight:600;padding:0 5px;}
.intro_inner{margin:0 auto;padding:78px 20px 80px;max-width: 1420px;width: 100%;}
.intro_inner .tab_menu{display:flex;flex-wrap:nowrap;gap:15px;justify-content: flex-start;}
.intro_inner .tab_menu li a{display:block;width:180px;height:50px;border-radius:25px;text-align:center;line-height:48px;font-size:20px;font-weight:500;color:#999999;border:1px solid #999;}
.intro_inner .tab_menu li.on a{background:#011640;font-weight:700;color:#fff;border-color:#011640;}
.intro_conts .tab_conts{display:none;padding:55px 40px;}
.intro_conts .tab_conts.on{display:block;}
.outline dl dt p{font-size:22px;font-weight:700;color:#222;}
.outline dl dd{margin-top:15px;}
.outline dl dd p{padding-left:10px;text-indent:-10px;font-size:17px;color:#333;}
.outline dl dd p i{margin-top:10px;display:block;padding-left:20px;text-indent:-10px;font-size:15px;color:#555;}
.outline dl dd p b{font:inherit;color:inherit;font-weight:500;}
.outline dl dd p b.color_b{color:#185ad3;}
.outline dl + dl{margin-top:50px;}
.intro_conts .tab_conts h4{margin-top:50px;font-size:22px;font-weight:700;color:#222;}
.intro_conts .tab_conts table{margin-top:15px;width:100%;}
.intro_conts .tab_conts table th{padding:12px 10px;text-align:center;background:#f6f7f8;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.intro_conts .tab_conts table th p{font-size:17px;font-weight:400;color:#33363b;line-height:1.25}
.intro_conts .tab_conts table tr th:last-child{border-right:none;}
.intro_conts .tab_conts table .brline{border-right:1px solid #ddd!important;}
.intro_conts .tab_conts table tbody td{padding:12px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;}
.intro_conts .tab_conts table tbody tr td:last-child{border-right:none;}
.intro_conts .tab_conts table tbody td p{font-size:17px;font-weight:500;color:#333;letter-spacing:-0.03em;line-height:1.4}

.footnote{margin-top:20px;color:#555;font-size:17px;}
.footnote a{font-size:16px;color:#185ad3;text-decoration: underline;text-underline-offset: 3px;}
.flex-box{display:flex;flex-wrap:nowrap;gap:40px;}
.flex-box .leftSide{flex:1;}
.flex-box .rightSide{flex:1;}
.flex-box.amos64{}
.flex-box.amos64 .leftSide{width:56%;flex:none;}
.flex-box.amos3 .leftSide{width:30%;flex:none;}

.txtwrap{margin-top:15px;}
.txtwrap p {padding-left:12px;text-indent:-12px;font-size:17px;color:#333;}
.txtwrap p b{font:inherit;font-weight:500;color:inherit;}
.txtwrap p span{font:inherit;color:#f2522e;}
.txtwrap ol{margin-top:7px;}
.txtwrap ol li{padding-left:30px;text-indent:-19px;color:#444;font-size:17px;}

.eventBnr{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-wrap:nowrap;align-items: center;justify-content: center;z-index:1000;}
.eventBnr .eventPop{position:relative;width:550px;border-radius:20px;overflow:hidden;background:#fff;z-index:1100;}
.eventBnr .eventPop .mainEvt{min-height:525px;}
.eventBnr .eventPop .mainEvt .swiper-slide img{width:100%;height:100%;}
.eventBnr .eventPop .popup-swiper-pagination{position:absolute;left:auto;right:16px;top:15px;width:auto;min-width:45px;height:20px;border-radius:10px;text-align:center;background:rgba(0,0,0,0.3);font-size:12px;color:#fff;z-index:1001;}
.eventBnr .eventPop .popup-swiper-pagination span{font-size:12px;color:#fff;}
.eventBnr .eventPop .pop_footer{padding:10px 20px;display:flex;flex-wrap:nowrap;justify-content: space-between;}
.eventBnr .eventPop .pop_footer .btn_today{font-size:13px;color:#222;}
.eventBnr .eventPop .pop_footer .btn_close{font-size:13px;color:#222;}
.eventBnr .dimmed{position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5);z-index:1000;}



@media screen and (max-width:1366px){
  .header .gnb{gap:min(24px, 2.03vw);}
  .main_visual .visual_box{padding:60px 20px;}
  .main_visual .visual_box .txt p{font-size:20px;}
  .sc2 .info_box{gap:50px;}
  .sc3 .notice_list li{padding:0 30px;}
    .exam_wrap .box .btnwrap{width:100%;}
  .exam_wrap .box .btn{min-width:0;}
  .cs .tab_menu{flex-wrap:wrap;}
  .cs .tab_menu li a{width:136px; height:40px; font-size:17px; line-height:38px;}
    .main_visual .swiper-button-next{right:20px;}
    .main_visual .swiper-button-prev{left:20px;}
}

@media screen and (max-width:1200px){
  .exam_wrap{gap:24px;}
  .exam_wrap .box{width:calc(33.33% - 16px);}
    .sub_top_banner .img_wrap .txtbox.test{background-size:420px auto;background-position:right center;}
    .sub_top_banner .img_wrap .test .bg_locate{max-width:420px;bottom:50%;transform:translateY(50%);}
    .sub_top_banner .img_wrap .previous img{width:82%;}
    .sub_top_banner .img_wrap .previous .bg_locate{max-width:380px;bottom:50%;transform: translateY(50%);}
}

@media screen and (max-width:1024px){
	.top_nav{gap:10px 20px;flex-wrap:wrap;}
  .header .gnb_wrap{gap:10px 20px;flex-wrap:wrap;}
	.header .gnb{gap:24px;}
	.header .gnb li a{font-size:17px;}
  .header .part{margin-left:0;}
    .main_visual .visual01,.main_visual .visual02{height:50.19vw;}
    .main_visual .visual01 .visual_box{padding-top:8.98vw}
	.footer .footwrap{padding:30px 20px;}
	.footer .footwrap .info{gap:5px 30px;flex-wrap:wrap;}

	.exam {padding:50px 20px;}
	.cs {padding:50px 20px;}
	.notice {padding:50px 20px;}
	.notice .notice_wrap table.list colgroup col:first-of-type {width:12%;}
	.notice .notice_wrap table.list colgroup col:nth-child(2) {width:12%;}
	.notice .notice_wrap table.list colgroup col:last-of-type {width:20%;}

  .sc1{padding:80px 0;}
  .sc2{padding:80px 0;}
  .sc3{padding:40px 0;}
  .sc4{padding:80px 0;}
  .sec_tit h3{font-size:28px;}
  .sec_tit p{font-size:17px;}

  .main_visual .visual_box .txt p br{display:none;}
  .sc2 .info_box{gap:30px;}
  .sc2 .info_box .img{flex:1;}
  .sc3 .notice_list li{padding:0 20px;}
  .sc3 .notice_list li h3{font-size:28px;}
  .sc3 .notice_list li p{font-size:17px; word-break:keep-all;}
  .sc3 .notice_list li p br{display:none;}
  .sc3 .notice_list li .txt{font-size:17px;}
  .sc3 .notice_list li .btn_view{margin-top:40px;}
  .sc3 .notice_list li.notice:before{width:89px;}
  .sc3 .notice_list li.faq:before{width:101px;}
  .sc3 .notice_list li.cs:before{width:105px;}
  .sc4 .btn_link{width:250px; font-size:20px; line-height:54px;}

  .mystudy{padding:50px 20px;}
  .mystudy .profile .cont{padding:25px 30px; gap:30px;}
  .exam_wrap.mydiy .box .tit_wrap .detail{gap:10px 20px; flex-wrap:wrap;}
  .myinfo{padding:50px 20px;}
  .myinfo .cont{padding:25px 30px;}
  .myinfo .cont.level_wrap{padding:25px 30px;gap:60px;}

  .exam_pop_wrap .conts.flex {padding:25px 0;}
  .exam_pop_wrap .conts.flex .result{padding:0 17px;}
  .exam_pop_wrap .conts.flex .result .score p span{font-size:26px;}

    .sub_top_banner{height:386px;}
    .goods .mygoods .cont .info{width:min(287px, 28.02vw);padding:35px min(47px, 5.14vw);text-align:center;}
    .goods .goods_list h3{width:min(287px, 28.02vw);padding:min(24px, 2.34vw);}

    .sub_top_banner .img_wrap .mocktype{align-items: flex-start;}
    .sub_top_banner .img_wrap .mocktype img{width:74vw;margin-top:3vw;}
    .sub_top_banner .img_wrap .mocktype .bg_locate{max-width:36vw;}
    .sub_top_banner .img_wrap .previous{align-items: flex-start;}
    .sub_top_banner .img_wrap .previous img{margin-top:3vw;}
    .sub_top_banner .img_wrap .previous .bg_locate{max-width:36vw;bottom:0;transform: none;}
    .intro_banner{height:min(600px, 58.6vw);}
    .intro_banner .img_wrap{padding:min(30px, 2.93vw);background-size:100% auto;}
    .intro_banner .img_wrap h4{margin-bottom:min(24px, 2.34vw);font-size:min(30px, 2.93vw);}
    .intro_banner .img_wrap h4 span{font-size:min(22px, 2.15vw);}
    .intro_banner .img_wrap p{font-size:min(17px, 1.66vw);}
    .intro_banner .img_wrap p i{font-size:min(17px, 1.66vw);}
    .intro_inner{padding:50px 20px;}
    .intro_inner .tab_menu li a{width:min(160px, 15.625vw);}
    .intro_conts .tab_conts{padding:20px 15px;}
    .intro_conts .tab_conts table th p{font-size:min(17px, 1.66vw);}
    .intro_conts .tab_conts table td p{font-size:min(17px, 1.66vw);}
}

@media screen and (max-width:844px){
  .bg_gray{height:200px;}
  .top_nav{height:80px;}
  .contents{top:80px; height:calc(100dvh - 80px);}
  .btn_wrap{margin-top:30px; gap:20px;}

  .header .btn_menu{position:relative; display:block; height:30px;}
  .header .btn_menu span{display:block; width:36px; height:3px; background:#222;}
  .header .btn_menu span:first-child{position:absolute; top:0;}
  .header .btn_menu span:last-child{position:absolute; bottom:0;}
  .header .gnb_wrap{visibility:hidden; position:absolute; left:100%; top:100%; width:100%; height:calc(100vh - 80px); flex-direction:column-reverse; background:#fff; transition:.45s;}
  .header .gnb_wrap .gnb{display:block; border-top:1px solid #ddd;}
  .header .gnb_wrap .gnb li{border-bottom:1px solid #ddd;}
    .header .gnb_wrap .gnb li{padding:0 20px;}
    .header .gnb_wrap .gnb li a{padding:0;display:inline-block;font-size:18px; line-height:55px;}
    .header .gnb li .ico_free{margin:0 0 0 7px;vertical-align: middle;}
	.header .part{margin-top:20px; padding:0 20px; justify-content:flex-end;}
  .header .part .btn_logout{margin-right:auto; width:100%; max-width:400px;}
  .header .part .btn_logout .btn_user{display:block; width:100%; text-align:left;height:min(40px,9.66vw);line-height:min(38px, 9.17vw);background-position:right 5px top 6px;}
    .header .part .btn_logout.open .btn_user{background-position:right 5px bottom 3px;}
  .header.open .gnb_wrap{left:0; visibility:visible;}
  .header.open .btn_menu span:first-child{animation:btnMotion1 .45s 1 forwards;}
  .header.open .btn_menu span:nth-child(2){animation:btnFadeOut .45s 1 forwards;}
  .header.open .btn_menu span:last-child{animation:btnMotion2 .45s 1 forwards;}

  .header.close .btn_menu span:first-child{animation:btnMotion1-re .45s 1 forwards;}
  .header.close .btn_menu span:nth-child(2){animation:btnFadeOut-re .45s 1 forwards;}
  .header.close .btn_menu span:last-child{animation:btnMotion2-re .45s 1 forwards;}

  @keyframes btnFadeOut{
    0%{opacity:1}
    100%{opacity:0}
  }
  @keyframes btnFadeOut-re{
    0%{opacity:0}
    100%{opacity:1}
  }

  @keyframes btnMotion1{
    0%{top:0;}
    50%{top:50%; transform:translateY(-50%);}
    100%{top:50%; transform:translateY(-50%) rotate(45deg);}
  }

  @keyframes btnMotion2{
    0%{bottom:0;}
    50%{bottom:50%; transform:translateY(50%);}
    100%{bottom:50%; transform:translateY(50%) rotate(-45deg);}
  }

  @keyframes btnMotion1-re{
    0%{top:50%; transform:translateY(-50%) rotate(45deg);}
    50%{top:50%; transform:translateY(-50%);}
    100%{top:0;}
  }

  @keyframes btnMotion2-re{
    0%{bottom:50%; transform:translateY(50%) rotate(-45deg);}
    50%{bottom:50%; transform:translateY(50%);}
    100%{bottom:0;}
  }

  .main_visual .visual01 .visual_box{padding:min(70px,8.3vw) 30px;min-height:min(390px, 46.2vw);}
    .main_visual .visual02 .visual_box{padding:min(70px,8.3vw) 30px;min-height:min(390px, 46.2vw);}
  .main_visual .visual_box .txt p{font-size:17px;}
  .main_visual .visual_box .txt .btn_link{width:225px; font-size:18px; line-height:55px;}
    .main_visual .swiper-button-next{right:5px;}
    .main_visual .swiper-button-prev{left:5px;}
    .main_visual .swiper-button-next:after, .main_visual .swiper-button-prev:after{font-size:20px;}
  .main_tit{margin-bottom:28px; font-size:27px;}
    .main_visual .visual02 .visual_box .txt h3{max-width:49vw;}
    .sc2 .info_box .sec_tit .btn{width:225px; font-size:18px; line-height:55px;}

  .exam_wrap{gap:20px;}
  .exam_wrap .box{padding:30px 20px 20px; width:calc(50% - 10px);min-height:300px;}
  .exam_wrap .box .tit{margin-top:2.65vw; font-size:19px; min-height:4.73vw;}
  .exam_wrap .box .ico_free{left:20px;}
  .exam_wrap .box .subtit p{font-size:15px;}


  .main_tit.faq{margin-top:60px;}
    .cs .board_wrap{margin-top:min(24px, 5.79vw);}
  .cs .tab_menu{flex-wrap:nowrap; overflow-x:auto;}
  .cs .tab_menu li a{width: 120px; height: 36px; font-size: 15px; line-height: 34px;}
  .cs .board_list li{padding:15px 20px;}
    .cs .board_list li + li{margin-top:min(15px, 3.62vw);}
  .cs .board_list li .title a{font-size:17px;}
  .notice.detail .title{padding:15px 20px;}
    .cs .faq_wrap{margin-top:min(24px, 5.79vw);}
  .cs .faq_list li .faq_tit a{padding:min(15px, 3.62vw) 60px min(15px, 3.62vw) min(15px, 3.62vw);}
  .cs .faq_list li .faq_tit a:after{right:20px;}
  .cs .faq_list li .faq_tit a p{font-size:17px;}
  .cs .faq_list li .faq_detail{padding:min(15px, 3.62vw);}

  .pagination{margin-top:60px;}
  .pagination a{min-width:40px; height:40px; font-size:15px; line-height:40px;}

  .notice .notice_wrap table.list colgroup col:nth-child(2){width:15%;}
  .notice .notice_wrap table.list th,
  .notice .notice_wrap table.list td{padding:12px 10px; font-size:15px;}

  .footer .footwrap div a{font-size:16px;}
  .footer .footwrap .info span{font-size:14px;}

  .login ul li p{font-size:15px;}
  .login_tit{font-size:30px;}
  .login ul li .txt {font-size:16px;}
  .login ul li dl dt{font-size:16px;}
  .login ul li .ipt_mail input{font-size:15px;}
  .login ul li .ipt_pw{font-size:15px;}
  .login ul li .ipt_pw input{font-size:15px;}
  .login ul li select{font-size:15px;height:60px;}
  .login .find_pw{margin-top:14px;font-size:15px;}
  .login.find .btn_wrap {margin-top:30px;}
  .login .btn{height:60px;line-height:60px;font-size:17px;}

  .join_tit{font-size:30px;}
  .join ul{margin-top:30px;}
  .join ul li + li{margin-top:30px;}
  .join ul li dl dt{font-size:16px;}
  .join ul li dl dd input[type=password],
  .join ul li dl dd input[type=text]{height:60px; font-size:15px;}
  .join_alert p{font-size:15px;}
  .join .btn{height:60px; font-size:15px; line-height:60px;}

  .mystudy .profile{flex-direction:column;}
  .mystudy .profile:after {display:none;}
  .mystudy .profile .cont .info .user {font-size:27px;}
  .mystudy .profile .cont .info .mybtn{padding:5px 15px; font-size:14px;}
  .mystudy .profile .cont.line .visual {width:116px;height:116px;}
  .mystudy .profile .cont.line:after{content:''; position:absolute; left:25px; right:25px; bottom:0; height:2px; background:#eee;}

  .mystudy .visual2 .level_v2 .gage .my_lv .mylevel span{font-size:16px;}

  .mystudy .today_pick {padding:30px 25px;}
  .mystudy .today_pick .txt h3{font-size:22px;}
  .mystudy .today_pick .txt p {font-size: 16px;}
  .mystudy .today_pick .btn.navy{min-width:150px;height:48px;line-height:48px;font-size:17px;}
  .mystudy .tab_menu{margin-top:50px;}
  .mystudy .tab_menu button{font-size:17px;}

  .exam_wrap.mydiy .box{padding:25px 20px; gap:18px;}
  .exam_wrap.mydiy .box .tit_wrap .tit{font-size:18px;}
  .exam_wrap.mydiy .box .tit_wrap .detail{gap:10px; font-size:13px;}
  .exam_wrap.mydiy .box .tit_wrap .detail > div:before{margin-right:5px;}
  .exam_wrap.mydiy .box .subtit p{font-size:14px;}
  .exam_wrap.mydiy .box .btn{min-width:100px; height:35px; font-size:14px; line-height:33px;}

  #analysis .cont h3{font-size:19px;}
  #analysis .cont .date_range span {font-size:15px;}
  #analysis .cont .today_study{margin-bottom:50px;}
  #analysis .cont .today_study .detail > div{padding:25px 30px; font-size:15px;}
  #analysis .cont .today_study .detail span{font-size:18px;}
  #analysis .cont .graph {margin-bottom:50px; padding:25px;}

  #scrap .exam_wrap {margin-top:50px;}
  #scrap .exam_wrap .box {padding:30px 20px 20px;}
  #scrap .exam_wrap .box .tit {margin-top:0;}

  .myinfo .cont.level_wrap{gap:30px;}
  .myinfo.mystudy .info {gap:10px;}
  .myinfo.mystudy .info .my_icon{width:80px;height:80px;}
  .myinfo.mystudy .info .my_icon:after{width:35px;height:36px;}
  .myinfo.mystudy .info .user{font-size:26px;}

  .myinfo .txt_wrap {margin:30px 0 40px; padding:25px;}
  .myinfo .txt_wrap h3 {font-size:19px;}
  .myinfo .txt_wrap ul li {font-size: 15px;}

  .myinfo .response_table .col_item p{line-height:45px;}
  .myinfo .response_table .col_item p.th{font-size:15px;}
  .myinfo .response_table .col_item p label {font-size:17px;}
  .myinfo .response_table .col_item p input[type="radio"] + label {height:120px;}
  .myinfo .response_table .col_item p input[type="radio"] + label:before {width: 28px; height: 28px; background-size:100% auto;}
  .myinfo .tb_level .btn_wrap {margin-top:60px;}

  .exam_pop_wrap.exam_cover .pop_body {padding:20px;}
  .exam_pop_wrap.exam_cover .exam_info {padding:30px; width:100%; max-width:500px;}
  .exam_pop_wrap.exam_cover .exam_info .tit {font-size:32px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_info_wrap {margin-top:30px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_info_wrap p {font-size:17px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_time {margin-top:20px;font-size:17px;}
  .exam_pop_wrap.exam_cover .exam_info .btn_wrap {margin-top:35px;}
  .exam_pop_wrap.exam_cover .exam_info .btn_wrap .btn.orange {min-width:0;width:100%;height:56px;line-height:56px;font-size:20px;}

  .exam_pop_wrap .pop_body .testview{padding:20px;}
  .exam_pop_wrap aside{width:220px;}
  .exam_pop_wrap aside .omr_inner ul li{padding:12px 16px;}
  .exam_pop_wrap aside .omr_inner ul li .omr_answer{gap:8px;}
  .exam_pop_wrap aside .omr_inner ul li input[type="radio"] + label span{width:28px; line-height:26px;}
  .exam_pop_wrap aside .omr_inner .btn_wrap .btn.white{min-width:75px;}
  .exam_pop_wrap aside .omr_inner .btn_wrap .btn.orange{min-width:100px;}

  .exam_pop_wrap .conts.flex {flex-wrap:wrap; gap:10px 0;}
  .exam_pop_wrap .conts.flex .result{padding:0 25px; width:50%; flex:none;}
  .exam_pop_wrap .conts.flex .result:nth-child(even):after{display:none;}
  .exam_pop_wrap .tbl_result table thead tr th,.layer_popup.marking .pop_body .tbl_result table tbody tr td{font-size: 14px;}
  .exam_pop_wrap .tbl_result table tbody tr th,
  .exam_pop_wrap .tbl_result table tbody tr td{font-size: 14px;}

    .sub_top_banner{height:54vw;}
    .sub_top_banner .img_wrap .txtbox{padding:2.604vw;align-items: flex-start;}
    .sub_top_banner .img_wrap .txtbox img{width:95%;}
    .sub_top_banner .img_wrap .txtbox.test{background-size:60vw auto;background-position:45vw 26vw;}
    .sub_top_banner .img_wrap .mocktype img{margin-top:0;}
    .sub_top_banner .img_wrap .mocktype .bg_locate{max-width:min(480px, 48vw);bottom:-5vw;}
    .sub_top_banner .img_wrap .test .bg_locate{max-width:60vw;left:45vw;bottom:-18vw;transform:none;}
    .sub_top_banner .img_wrap .previous .bg_locate{max-width:min(380px,54vw);bottom:0;transform:none;}
    .mystudy .tab_conts{padding:0 0;}
    #analysis{padding:5.92vw 0 0}
    #workbook .module{margin:4.8vw 0 6.03vw}
    #payDetail .mygoods{overflow:hidden;}
    #payDetail .mygoods .cont{flex-direction: column;}
    #payDetail .mygoods .cont .info{flex:1;padding:1.77vw;width:100%;border-radius:0;}
    #payDetail .mygoods .cont .info .user{font-size:min(24px, 5.79vw);text-align:center;}
    #payDetail .mygoods .cont .purchased_items_wrap{padding:4.83vw;}
    #payDetail .order_item{overflow-x:auto;}
    #payDetail .order_item .bdview{width:200vw;max-width:initial;}
    #payDetail .order_item .bdview th{padding:1.77vw 0;}
    #payDetail .order_item .bdview th p{font-size:min(16px, 3.62vw);}
    #payDetail .order_item .bdview td{padding:1.77vw 0;}
    #payDetail .order_item .bdview td p{font-size:3.62vw;}
    #payDetail .txt_note .txt_note_wrap{padding:0;}
    .goods .mygoods .cont{flex-direction:column;}
    .goods .mygoods .cont .info{flex: 1;padding: 1.77vw;width: 100%;border-radius: 0;border-right:none;border-bottom:1px solid #ddd;}
    .goods .mygoods .cont .info .user{font-size: min(24px, 5.79vw);text-align: center;}
    .goods .mygoods .cont .purchased_items_wrap .purchased_items{padding: 4.83vw;}
    .goods .goods_list{flex-wrap:wrap;}
    .goods .goods_list .goodsname{width:100%;padding:4.83vw 0;}
    .goods .goods_list h3{padding: 0  4.83vw;width:100%;font-size: min(24px, 5.79vw);}
    .goods .goods_list .item_wrap{flex:none;width:100%;border-top:1px solid #ddd;}
    .goods .goods_list .btn_wrap{padding:min(24px, 2.89vw);width:100%;}
    .goods .goods_list .btn_buy{width:100%;height:min(50px,12.07vw);line-height:min(40px,9.66vw);font-size:min(20px, 4.83vw);}
    .goods .goods_list + .goods_list{margin-top:min(54px,13.1vw)}
    .goods .goods_list .good_add > *{line-height:1.2;}
    .scrap_filter{padding:min(24px, 2.89vw);}
    .scrap_filter input[type="checkbox"] + label{padding:0 min(10px,2.41vw);font-size:min(15px, 3.6vw);height:min(40px,8.21vw) ;line-height:min(38px,7.72vw);}
    .scrap_filter .check_all{padding:5px;text-align:center;}
    .scrap_filter .check_all input[type="checkbox"] + label{font-size:min(16px, 3.62vw);height:44px;line-height:44px;}
    .scrap_filter .check_all input[type="checkbox"]:checked + label{background:#011640;color:#fff;}
    .scrap_filter .check_all input[type="checkbox"]:checked + label:before{background-position:center 0;}
    .scrap_filter dl{margin-top:min(10px, 2.41vw);gap:min(20px, 4.83vw);}
    .scrap_filter dl dt{padding:0 min(14px, 3.38vw);width:min(94px, 10vw);font-size:min(15px, 3.62vw);line-height:min(40px,8.21vw);}
    .scrap_filter dl dd{gap:min(10px, 2.41vw);}

    .outline dl dt p{font-size:min(22px, 2.86vw);}
    .outline dl dd p{font-size:min(17px, 2.21vw);}
    .flex-box{flex-direction:column;}
    .flex-box.amos64 .leftSide,.flex-box.amos3 .leftSide{flex:1;width:auto;}
    .intro_conts .tab_conts table{width:200%;}
    .intro_conts .tab_conts table th p{font-size:min(17px, 2.21vw);}
    .intro_conts .tab_conts table tbody td p{font-size:min(17px, 2.21vw);}
    .intro_conts .tab_conts h4{font-size:min(22px, 2.86vw);}
    .flex-box{gap:min(20px, 5.13vw);}
    .txtwrap p{font-size:min(17px, 2.21vw);}
    .txtwrap ol li{font-size:min(17px, 2.21vw);}
    .footnote{font-size:min(17px, 2.21vw);}
    .mbscr{width:100%;padding-bottom:5px;overflow-x:auto;}
    .mbscr table{max-width:none;width:150%;}
    .mygoods .cont .info {padding:25px;}
    .Pass_banner .swiper-slide .img .v_pc{display:none;}
    .Pass_banner .swiper-slide .img .v_mob{display:block;}
    .goods .goods_list_wrap{margin-top:30px;}
    .goods .goods_list .item_wrap .items p.price span{display:block;}
    .goods .goods_list .item_wrap .items p .evtBedge{font-size:min(14px, 3.38vw);}
    .pay .order_item .bdview .event .evtBedge{margin:5px 0 0 5px;font-size:min(13px, 3.14vw);height:min(28px, 6.76vw);line-height:min(28px, 6.76vw);}
    .pay .order_item .bdview td input[type="radio"] + label{display:inline-block;font-size:min(15px, 3.62vw);line-height:24px;height:auto;}
    .pay .order_item .bdview td input[type="radio"] + label:after{top:6px;}
    .pay .order_item .bdview td p.price{font-size:min(18px, 4.34vw);}
    .pay .order_item .bdview td .discount{padding:0 5px;font-size:min(14px, 3.38vw);}
    .pay .order_item .bdview tbody tr td{padding:10px 6px;}
    .pay .order_item .bdview .cper2200{width:24vw;}

}
@media screen and (max-width:640px){
    .main_visual .visual01,.main_visual .visual02{height:min(630px, 146vw);}
    .main_visual .visual_box{flex-direction:column-reverse;gap:min(20px,4.65vw)}
    .main_visual .visual_box .txt h2{max-width:72vw;}
    .main_visual .visual02 .visual_box .txt h3{margin-top:-25px;max-width:72vw;}
    .main_visual .visual_box .img{max-width:72vw;}
    .intro_banner{height:min(450px, 115.39vw)}
    .intro_banner .img_wrap{padding:min(40px, 6.25vw) min(20px, 3.15vw);}
    .intro_banner .img_wrap h4{font-size:min(20px, 5.13vw)}
    .intro_banner .img_wrap h4 span{font-size:min(143px, 3.33vw);line-height:1.3;}
    .intro_banner .img_wrap p{font-size:min(13px, 3.33vw);word-break: keep-all;letter-spacing: -0.02rem;}
    .intro_banner .img_wrap p i{font-size:min(13px, 3.33vw);}
    .intro_banner .img_wrap p br{display:none;}
    .intro_inner .tab_menu{gap:min(10px, 2.56vw); white-space: nowrap;overflow-x:auto;padding-bottom:5px;}
    .intro_inner .tab_menu li a{width:min(120px, 30.76vw);height:min(40px, 10.25vw);font-size:min(17px, 4.35vw); border-radius:min(20px, 5.12vw);line-height:min(38px, 9.74vw);}
    .outline dl dt p{font-size:min(18px, 4.62vw);}
    .outline dl dd p{font-size:min(15px, 3.84vw);}
    .intro_conts .tab_conts table th p{font-size:min(15px, 3.84vw);}
    .intro_conts .tab_conts table tbody td p{font-size:min(15px, 3.84vw);}
    .intro_conts .tab_conts h4{font-size:min(18px, 4.62vw);}
    .flex-box{gap:min(20px, 5.13vw);}
    .txtwrap p{font-size:min(15px, 3.84vw);}
    .txtwrap ol li{font-size:min(15px, 3.84vw);}
    .footnote{font-size:min(15px, 3.84vw);}
    .mygoods .cont{flex-direction:column;}
    .mygoods .cont .info {padding:min(10px, 2.56vw);justify-content: center;border-radius:14px 14px 0 0;}
    .mygoods .cont .info .user{font-size:min(22px, 5.3vw);}
    .mygoods .cont .info .mybtn{margin-top:5px;}
    .mygoods .cont .purchased_items_wrap .purchased_items{flex-direction:column;}
    .eventBnr .eventPop{max-width:90vw;}
    .eventBnr .eventPop .mainEvt{min-height:102.79vw;}
    .eventBnr .eventPop .pop_footer .btn_today,.eventBnr .eventPop .pop_footer .btn_close{font-size:min(13px, 3.33vw);}
    .goods .goods_list .item_wrap .items{align-items: center;}
    .goods .goods_list .item_wrap .items.event p .evtBedge{display:block;margin-left:0;margin-top:3px;max-width:80px;text-align:center;border-radius:0 15px 15px 15px;}
    .pay .order_item .bdview .event .evtBedge{max-width:80px;text-align:center;border-radius:0 15px 15px 15px;}
    .exam_wrap .box .ico_free{position:relative;left:initial;top:initial;align-self:flex-start;font-size:13px;}
    .mystudy .today_pick {padding:4.83vw 3.62vw;flex-wrap:wrap;}
    .mystudy .today_pick .txt{padding:7.24vw 0 7.24vw 28.98vw;}
    .mystudy .today_pick .txt h3{font-size:22px;}
    .mystudy .today_pick .txt p {font-size: 16px;}
    .mystudy .today_pick .btn.orange{width:100%;height:9.66vw;line-height:9.66vw;border-radius:4.83vw;font-size:3.86vw;}
    .mystudy .today_pick .btn.navy{min-width:150px;height:48px;line-height:48px;font-size:17px;}
    .openAiPop {min-width: 92%;max-width: 94%;}
}
@media screen and (max-width:414px){
  .bg_gray{height:200px;}

  .top_nav{padding:10px 20px; height:60px;}
  .top_nav .logo{width:140px;}
  .contents{top:60px; height:calc(100dvh - 60px);}
  .btn_wrap{gap:15px;}
  .btn_wrap button, .btn_wrap a{font-size:14px;}

  .header .btn_menu{height:23px;}
  .header .btn_menu span{width:30px;}
  .header .gnb_wrap{height:calc(100vh - 60px);}
  .header .gnb_wrap .gnb li a{font-size:16px; line-height:50px;}

  .main_visual .visual_box{padding:40px 0;}

  .main_visual .visual_box .txt p{margin-top:20px; font-size:15px;}
  .main_visual .visual_box .txt .btn_link{margin-top:20px; width:180px; font-size:16px; line-height:40px;}


  .sec_tit h3{font-size:24px; word-break:keep-all;}
  .sec_tit p{font-size:15px; word-break:keep-all;}

  .sc1{padding:50px 0;}
  .sc2{padding:50px 0;}
  .sc2 .info_box{flex-direction:column; gap:20px;}
  .sc2 .info_box .img{max-width:300px;}
    .sc2 .info_box .sec_tit .btn{margin:20px 0 0;width:180px; font-size:16px; line-height:40px;}
  .sc3{padding:20px 0;}
  .sc3 .notice_list{display:block;}
  .sc3 .notice_list li{padding:20px;}
  .sc3 .notice_list li:before{right:10px; bottom:15px;}
  .sc3 .notice_list li h3{margin-bottom:20px; font-size:24px;}
  .sc3 .notice_list li p{font-size:15px;}
  .sc3 .notice_list li .btn_view{margin-top:25px; width:40px; height:40px; background-size:contain;}
  .sc3 .notice_list li+li{border-left:none; border-top:1px solid #ddd;}
  .sc4{padding:45px 0;}
  .sc4 .btn_link{margin-top:25px; width:180px; font-size:17px; line-height:42px;}

  .main_tit{margin-bottom:25px; font-size:22px;}
    .main_tit .ico_free{margin:0;}
  .exam_wrap{gap:20px;}
  .exam_wrap .box{padding:20px; width:100%;min-height:64vw;}
  .exam_wrap .box .tit{margin-bottom:min(20px, 4.83vw); font-size:17px;}
  .exam_wrap .box .subtit{width:100%; text-align:left;}
  .exam_wrap .box .subtit p{font-size:14px;}
    .exam_wrap .box .btnwrap{width:100%;}
  .exam_wrap .box .btn{height:38px; font-size:14px; line-height:36px;}

  .main_tit.faq{margin-top:45px;}
  .cs .btn_more{font-size:15px;}
  .cs .tab_menu{gap:8px;}
  .cs .tab_menu li{flex:none;}
  .cs .tab_menu li a{padding:0 15px; min-width:80px; width:auto; font-size: 14px;}
  .cs .board_list li{padding:min(15px, 3.62vw);}
  .cs .board_list li .title a{font-size:15px;gap:7px;}
  .cs .board_list li .title a .badge{flex:none;font-size:13px;}
    .cs .board_list li .title a span{flex:1;display:-webkit-box;line-height:1.2;text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;}
    .cs .board_list li .date p{font-size:13px;}

  .notice.detail .title{padding: min(15px, 3.62vw);}
  .notice.detail .title p span{font-size:15px;}
  .notice.detail .title p span.badge{font-size:13px;}
  .notice.detail .btn.white{height:45px; font-size:14px; line-height:43px;}
  .cs .faq_list li .faq_tit a p{font-size:15px;}
  .cs .faq_list li .faq_detail p{font-size:14px;}

  .term_view{margin-top:min(20px,4.83vw); padding:20px 0;}
  .term_view p{margin:min(10px,2.41vw) 0;font-size:14px;}
    .term_view ol, .term_view ul, .board li .bd_editor ul, .board li .bd_editor dl{padding:0 min(10px,2.41vw);}
  .module{margin:4.8vw 0 6.03vw; flex-wrap:wrap; gap:10px;}
  .module select{padding:0 25px 0 10px; width:auto; min-width:80px; font-size:13px; background-position:right 5px top 5px;}
    .module.filter{gap:10px;}
    .module.filter .btnFilter{padding:0 12px;}
  .pagination{margin-top:30px;}
  .pagination a{margin:0 3px; min-width:32px; height:32px; font-size:13px; line-height:32px;}
  .pagination .prev{margin-right:12px; background-size:5px auto;}
  .pagination .next{margin-left:12px; background-size:5px auto;}

  .notice .notice_wrap table.list colgroup col:first-of-type{width:55px;}
  .notice .notice_wrap table.list colgroup col:nth-child(2){width:76px;}
  .notice .notice_wrap table.list colgroup col:last-of-type{width:96px;}
  .notice .notice_wrap table.list th,
  .notice .notice_wrap table.list td{font-size:14px;}

  .footer .footwrap div a{font-size:14px;}
  .footer .footwrap .info{gap:5px 20px;}
  .footer .footwrap .info span{font-size:12px;}

  .login ul li p{font-size:13px;}
  .login_tit{font-size:24px;}
  .login ul li .txt {font-size:14px;}
  .login ul li dl dt{font-size:14px;}
  .login ul li .ipt_mail{height:45px; background-position:left 20px center;}
  .login ul li .ipt_mail input{font-size:14px; height:100%;}
  .login ul li .ipt_pw{font-size:14px; height:45px; background-position:left 15px center;}
  .login ul li .ipt_pw input{font-size:14px; height:100%;}
  .login ul li select{font-size:14px;height:45px;}
  .login .find_pw{margin-top:10px;font-size:14px;}
  .login.find .btn_wrap {margin-top:30px;}
  .login .btn_wrap{margin-top:50px; gap:15px;}
  .login .btn{height:45px;line-height:45px;font-size:14px;}

  .join_tit{font-size:24px;}
  .join ul li + li{margin-top:20px;}
  .join ul li dl dt{font-size:14px;}
  .join ul li dl dd input[type=password],
  .join ul li dl dd input[type=text]{height:45px; font-size:14px;}
  .join ul li select{height:45px; font-size:15px; background-position:right 12px center;}
  .join_alert p{font-size:13px;}
  .join .btn{height:45px; line-height:45px; font-size:14px;}

  .mystudy .profile{flex-direction:column;}
  .mystudy .profile .cont{padding:20px 15px; gap:20px; flex-wrap:wrap;}
  .mystudy .profile .cont .info .user {margin-left:3px; font-size:22px;}
  .mystudy .profile .cont .info .mybtn{font-size:12px;}
  .mystudy .profile .cont.line .visual {width:90px;height:90px;}
  .mystudy .visual2 .level_v2 .gage{min-width:150px;}
  .mystudy .visual2 .level_v2 .gage .my_lv .mylevel span{font-size:14px;width:60px;height:88px;}


  .mystudy .tab_menu{margin-top:30px;white-space: nowrap;overflow-x:auto;}
  .mystudy .tab_menu button{flex:none;padding:3.6vw 2.89vw; font-size:15px;}

  .exam_wrap.mydiy .box{padding:20px 15px; gap:15px; flex-direction:column;align-items: flex-start;}
  .exam_wrap.mydiy .box .tit_wrap .tit{font-size:16px;}
  .exam_wrap.mydiy .box .subtit p{font-size:13px;}
  .exam_wrap.mydiy .box .btn_wrap{width:100%; flex-direction:row;}
  .exam_wrap.mydiy .box .btn{flex:1;}

  #analysis .cont h3{font-size:17px;}
  #analysis .cont .date_range span {font-size:14px;}
  #analysis .cont .today_study{margin-bottom:40px;}
  #analysis .cont .today_study .detail > div{padding:15px; font-size:14px;}
  #analysis .cont .today_study .detail .question:before{margin-right:6px;}
  #analysis .cont .today_study .detail span{display:block; float:none; font-size:16px; text-align:right;}
  #analysis .cont .graph {margin-bottom:40px; padding:15px;}
  #analysis .cont .graph .btn_wrap .btn.navy{height:38px; font-size:14px; line-height:38px;}

  #scrap .exam_wrap {margin-top:30px;}
  #scrap .exam_wrap .box {padding:20px;min-height:29vw;}

  .myinfo .cont.level_wrap{padding:20px 15px; gap:25px; flex-direction:column;}
  .myinfo.mystudy .info{padding-bottom:20px; border-bottom:1px solid #ddd;}
  .myinfo.mystudy .info .my_icon{width:60px;height:60px;}
  .myinfo.mystudy .info .my_icon:after{width:26px;}
  .myinfo.mystudy .info .user{font-size:22px;}
  .myinfo.mystudy .visual2{padding:0 20px;}
  .myinfo .txt_wrap {margin:30px 0 30px; padding:15px;}
  .myinfo .txt_wrap h3 {font-size:17px;}
  .myinfo .txt_wrap ul li {font-size: 14px;}

  .myinfo .response_table{display:flex;}
  .myinfo .response_table .col_item{flex:1; flex-direction:column;}
  .myinfo .response_table .col_item.row2{flex:2;}
  .myinfo .response_table .col_item p.th{font-size:14px;}
  .myinfo .response_table .col_item p.no_bl{border-left-color:#ddd;}
  .myinfo .response_table .col_item p.no_br{border-right-color:#ddd;}
  .myinfo .response_table .col_item p label {font-size:15px;}
  .myinfo .response_table .col_item p input[type="radio"] + label {padding:11px 15px; display:block; height:auto; line-height:23px; text-align:left;}
  .myinfo .response_table .col_item p input[type="radio"] + label:before {width:23px; height:23px; vertical-align:top;}
  .myinfo .tb_level .btn_wrap {margin-top:30px;}
  .myinfo .tb_level .btn_wrap .btn{font-size:14px; height:45px; line-height:45px;}

  /*문제풀이 팝업*/
  .exam_pop_wrap.exam_cover .pop_head{padding:9px;}
  .exam_pop_wrap.exam_cover .pop_head .tit{position:static;}
  .exam_pop_wrap.exam_cover .pop_body{height:calc(100% - 62px);}
  .exam_pop_wrap.exam_cover .exam_info {padding:25px;}
  .exam_pop_wrap.exam_cover .exam_info .tit {font-size:24px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_info_wrap {margin-top:15px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_info_wrap p {font-size:15px;}
  .exam_pop_wrap.exam_cover .exam_info .exam_time {margin-top:15px;font-size:15px;}
  .exam_pop_wrap.exam_cover .exam_info .btn_wrap {margin-top:20px;}
  .exam_pop_wrap.exam_cover .exam_info .btn_wrap .btn.orange {height:45px;line-height:45px;font-size:14px;}

  .exam_pop_wrap .pop_head .tit {position:relative; padding:10px 48px 10px 16px; min-height:44px;}
  .exam_pop_wrap .pop_head .tit .btn_toggle {display:block;position:absolute;right:2px; top:4px; width:36px;height:36px; background:#fff;}
  .exam_pop_wrap .pop_head .tit .btn_toggle:after {content:'';position:absolute;right:50%;transform:translateX(50%);width:11px;height:1px;background:#011640;}
  .exam_pop_wrap .pop_head .tit h3{font-size:16px;}
  .exam_pop_wrap .pop_head .exam_info{padding:10px 16px;}
  .exam_pop_wrap .pop_head .exam_info span{font-size:13px;}
  .exam_pop_wrap .pop_head .exam_info .ico_time:before{margin-right:5px;}
  .exam_pop_wrap .pop_head .exam_info .ico_question:before{margin-right:5px;}
  .exam_pop_wrap .pop_body{position:relative; height:calc(100% - 86px);}
  .exam_pop_wrap .pop_body .testview{padding:20px 16px;}
  .exam_pop_wrap .conts {padding:16px 16px 20px;}
  .exam_pop_wrap .conts .btn_scrap {padding:0 8px;line-height:22px;}
  .exam_pop_wrap .conts .btn_scrap span{font-size:11px;}
  .exam_pop_wrap .conts .btn_scrap span:after {margin:-3px 0 0 5px;}
    .btn_expAI{padding:0 8px;line-height:22px;}
    .btn_expAI span{font-size:11px;}
  .exam_pop_wrap .conts .question h3 {padding-top:32px;padding-right:0;font-size:16px;line-height:24px;}
  .exam_pop_wrap .conts .question .pre{padding:10px 12px;}
  .exam_pop_wrap .conts .question .pre p{font-size:14px;}
  .exam_pop_wrap .conts .question .tit_ask p{font-size:16px;}
  .exam_pop_wrap .conts .question .summury {padding:12px;}
  .exam_pop_wrap .conts .question .summury p {font-size:14px;}
  .exam_pop_wrap .conts .answer input[type="radio"] + label {font-size:14px;}
  .exam_pop_wrap .conts .answer input[type="radio"] + label span{width:24px;height:24px;line-height:22px;font-size:12px;}

  .exam_pop_wrap aside {position:absolute; top:0; bottom:0; width:100%; display:none; overflow-y:auto;}

  .exam_pop_wrap aside .omr_inner {padding:43px 0 60px;}
  .exam_pop_wrap aside .omr_inner h3 {font-size:15px;}
  .exam_pop_wrap aside .omr_inner ul li{justify-content:flex-start; gap:20px;}
  .exam_pop_wrap aside .omr_inner .btn_toggle {display:none;}
  .exam_pop_wrap aside .omr_inner .btn_wrap {padding:0 16px; height:60px;}
  .exam_pop_wrap aside .omr_inner .btn_wrap .btn {font-size:14px;}
  .exam_pop_wrap aside .omr_inner .btn_wrap .btn.white {min-width:0; flex:1;}
  .exam_pop_wrap aside .omr_inner .btn_wrap .btn.orange {min-width:0; flex:1.5;}

  .exam_pop_wrap .pop_body.scrap{height:calc(100% - 44px);}
  .exam_pop_wrap .pop_body.scrap .scrap_info {padding:16px;gap:0;flex-direction:column;}
  .exam_pop_wrap .pop_body.scrap .scrap_info p{font-size:13px;}
  .exam_pop_wrap .pop_body.scrap .scrap_info p + p{margin-top:6px; padding-top:7px;}
  .exam_pop_wrap .pop_body.scrap .scrap_info p + p:before{left:10px; right:10px; top:0; margin-top:0; width:auto; height:1px;}

  /*문제풀이 체점 결과*/
  .exam_pop_wrap .conts.flex{padding:20px 0;}
  .exam_pop_wrap .conts.flex .result{padding:0 16px; width:100%; display:flex; align-items:center; justify-content:space-between;}
  .exam_pop_wrap .conts.flex .result:after{display:none;}
  .exam_pop_wrap .conts.flex .result .tit{font-size:14px;}
  .exam_pop_wrap .conts.flex .result .score p span{font-size:18px;}
  .exam_pop_wrap .tbl_result table th, .layer_popup.marking .pop_body .tbl_result table td{padding:10px 5px;}
  .exam_pop_wrap .tbl_result table thead tr th,.layer_popup.marking .pop_body .tbl_result table tbody tr td{font-size: 13px;}
  .exam_pop_wrap .tbl_result table tbody tr th,
  .exam_pop_wrap .tbl_result table tbody tr td{font-size: 13px;}
  .exam_pop_wrap .conts.chart h3{font-size:15px;}



  .ai_quiz .testview{padding:20px 16px;}
  .ai_quiz .testview .starter h2{font-size:24px;}
  .ai_quiz .testview .starter p{font-size:15px;}
  .ai_quiz .testview .starter .d_radio{margin:24px auto 0; gap:10px;}
  .ai_quiz .testview .starter .d_radio input[type=radio] + label{min-width:0;height:45px;line-height:43px; flex:1;}
  .ai_quiz .testview .starter .d_radio input[type=radio] + label span{padding-left:32px;font-size:13px;}
  .ai_quiz .testview .starter .btn.navy{height:45px;font-size:14px;line-height:45px;}

  .ai_quiz .testview .conts {padding:16px;}
  .ai_quiz .testview .conts .question .num_head{margin-bottom:10px;}
  .ai_quiz .testview .conts .question .num_head .q_num {height:auto; font-size:16px; line-height:1.4;}
  .ai_quiz .testview .conts .question h3 {font-size:16px; line-height:1.4;}
  .ai_quiz .testview .conts .question .pre{padding:10px 12px;}
  .ai_quiz .testview .conts .question .pre p{font-size:14px;}
  .ai_quiz .testview .conts .question .tit_ask p{font-size:15px;}
  .ai_quiz .testview .conts .question .summury {margin-top:5px;padding:10px 12px;}
  .ai_quiz .testview .conts .question .summury p {font-size:14px;}

  .ai_quiz .testview .conts .ai_head_quiz{display:block;}
  .ai_quiz .testview .conts .ai_head_quiz .ai_learning{width:144px; height:36px; background-size:auto 100%;}
  .ai_quiz .testview .conts .ai_head_quiz .ai_learning span{font-size:15px; line-height:36px;}
  .ai_quiz .testview .conts .ai_head_quiz .similar{margin:10px 0 0;}
  .ai_quiz .testview .conts .ai_head_quiz .similar p{padding-left:23px;font-size:13px;}

  .ai_quiz .testview .conts .answer input[type="radio"] + label {font-size:14px;line-height:24px;}
  .ai_quiz .testview .conts .answer input[type="radio"] + label span{width:24px;height:24px;line-height:22px;font-size:12px;}

  .ai_quiz .testview .conts.result h2{font-size:24px;}
  .ai_quiz .testview .conts.result .ai_result dl dt p{font-size:14px; line-height:36px;}
  .ai_quiz .testview .conts.result .ai_result dl dd{padding:10px;}
  .ai_quiz .testview .conts.result .ai_result dl dd span{font-size:14px;}

  .ai_quiz .testview .conts.result .simil_list h4{font-size:16px;}
  .ai_quiz .testview .conts.result .simil_list dl dt{padding:10px;}
  .ai_quiz .testview .conts.result .simil_list dl dt p{padding-left:22px;font-size:13px; line-height:16px; background-position-y:top;}
  .ai_quiz .testview .conts.result .simil_list dl dd{padding:10px; width:124px;}
  .ai_quiz .testview .conts.result .simil_list dl dd .btn{font-size:13px;}

  .ai_quiz .btn_wrap.one{margin-top:30px;gap:14px;align-items: center;}
  .ai_quiz .btn_wrap.one button,
  .ai_quiz .btn_wrap.one a{width:auto; min-width:80px; height:36px; line-height:36px;}
  .ai_quiz .btn_wrap.one .score_check{padding:4px 10px; width:auto;height:auto;}
  .ai_quiz .btn_wrap.one .score_check span{padding-left:20px; font-size:14px; line-height:24px;}
  .ai_quiz .btn_wrap.one .score_check.wrong span{background-size:14px auto;}
  .ai_quiz .btn_wrap.one .score_check.correct span{background-size:14px auto;}


    .ai_quiz .btn_wrap.two{margin-top:30px;gap:14px;align-items: center;}
    .ai_quiz .btn_wrap.two button,
    .ai_quiz .btn_wrap.two a{width:auto; min-width:80px; height:36px; line-height:36px;}
    .ai_quiz .btn_wrap.two .score_check{padding:4px 10px; width:auto;height:auto;}
    .ai_quiz .btn_wrap.two .score_check span{padding-left:20px; font-size:14px; line-height:24px;}
    .ai_quiz .btn_wrap.two .score_check.wrong span{background-size:14px auto;}
    .ai_quiz .btn_wrap.two .score_check.correct span{background-size:14px auto;}

    .scrap_filter dl dt{padding:0;}
    .header .part .btn_logout .btn_user{background-position:right 5px top 4px;}
    .cs .fl{align-items: center}

}
@media (orientation: landscape) and (max-width:844px){

    .header .gnb_wrap{overflow-y:auto;flex-wrap:wrap-reverse;flex-direction:initial;}
    .header .gnb_wrap .gnb{width:100%;}
    .header .part{width:100%;}
    .header .part .btn_logout .btn_user{background-position:right 5px top 6px;}
    .header .part .btn_logout.open .btn_user{background-position:right 5px bottom 3px;}

}