@charset "utf-8";
#examMain {margin : 0 10%; max-width: 80%; display: flex; justify-content: center; }
/* -------------------------- APP -------------------------- */
#examMain .app-view .wrap > .top_banner {display:none !important;}
#examMain .app-view .internal_site,
#examMain .app-view .internal_link {display:none !important;}
#examMain .app-view .nav-up {bottom:-120px !important; transition:all .5s ease;}
#examMain .app-view .nav-down {transition:all .3s ease;}
@media screen and (min-width:1023px) {
#examMain .app-view .mobile_gnb {display:flex !important; position:fixed; left:0; bottom:0; right:0; height:auto; padding:1.5rem 0 2.5rem 0; background-color:#fff; box-shadow:25px 5px 15px rgba(0,0,0,0.3); z-index:1000;}
#examMain .app-view .mobile_gnb .gnb_box {display:flex; justify-content:space-around; align-items:center; width:100%; margin:0 auto;}
#examMain .app-view .mobile_gnb .gnb_box > a {display:block; width:calc(100% / 5); height:6rem; padding:4.5rem 0 1.5rem 0; letter-spacing:-0.02em;}
#examMain .app-view .mobile_gnb .gnb_box > a > span {display:block; width:100%; text-align:center; font-weight:bold; font-size:2rem; color:#212121; padding:0.5rem 0;}
#examMain .app-view .mobile_gnb .gnb_box .all_menu {background: url('/user/img/exam/icon_myMenu05_m.svg') no-repeat center 0.4rem; background-size:4rem auto;}
#examMain .app-view .mobile_gnb .gnb_box .icon_search {background: url('/user/img/exam/icon_myMenu04_m.svg') no-repeat center top; background-size:3.8rem auto;}
#examMain .app-view .mobile_gnb .gnb_box .icon_play {background: url('/user/img/exam/icon_myMenu02_m.svg') no-repeat center 0.2rem; background-size:4.2rem auto;}
#examMain .app-view .mobile_gnb .gnb_box .icon_user {background: url('/user/img/exam/icon_myMenu03_m.svg') no-repeat center top; background-size:4.2rem auto;}
#examMain .app-view .btn_fl_danchoo {position:fixed; left:50%; right:auto; bottom:1rem; width:14rem; height:13rem; z-index:1000; margin-right:0; -webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}
#examMain .app-view .btn_fl_danchoo.nav-up {bottom:-120px;}
#examMain .app-view figure.floating figcaption {bottom:1.8rem;}
#examMain .app-view figure.floating .floating-text {top:36px}
#examMain .app-view .btn_fl_danchoo figure.floating h3 {font-size:1.8rem; line-height:1;}
#examMain .app-view .btn_fl_danchoo .menu-open-button {position:initial; margin-left:0;}
#examMain .app-view .btn_fl_danchoo .menu-open-button:hover { -webkit-transform: scale(0.8) translate3d(0, 0, 0); transform: scale(0.8) translate3d(0, 0, 0)}
#examMain .app-view .btn_fl_danchoo .menu-item {width:10rem; height:10rem; margin-left:-5rem;}
#examMain .app-view .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-1 {-webkit-transform: translate3d(0, -10rem, 0);transform: translate3d(0, -10rem, 0); margin-left: -17rem;}
#examMain .app-view .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-2 {-webkit-transform: translate3d(0, -12rem, 0);transform: translate3d(0, -12rem, 0); margin-left: -5rem;}
#examMain .app-view .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-3 {-webkit-transform: translate3d(0, -10rem, 0);transform: translate3d(0, -10rem, 0); margin-left: 7rem;}
#examMain .app-view .btn_fl_danchoo .menu-open:checked + .menu-open-button {-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-duration: 200ms;-o-transition-duration: 200ms;transition-duration: 200ms;-webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0);transform: scale(0.9, 0.9) translate3d(0, 0, 0);}
#examMain .app-view .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-1 {-webkit-transform: translate3d(0, 1rem, 0);transform: translate3d(0, 1rem, 0); transition-duration:200ms; margin-left: -5rem; transition:all .7s ease; opacity:0;}
#examMain .app-view .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-2 {-webkit-transform: translate3d(0, 2rem, 0);transform: translate3d(0, 2rem, 0); transition-duration:150ms; margin-left: -5rem; transition:all .5s ease; opacity:0;}
#examMain .app-view .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-3 {-webkit-transform: translate3d(0, 1rem, 0);transform: translate3d(0, 1rem, 0); transition-duration:100ms; margin-left: -5rem; transition:all .3s ease; opacity:0;}
#examMain .app-view .con_box .menu_area > ul li.dep01 > div {top:134px;}
#examMain .app-view .con_box .menu_area > ul li.dep01 > div > ul > li a {font-size:1.6rem; padding:1.3rem 0;}
#examMain .app-view .con_box .menu_area > ul li.dep01 a.dep01 {font-size:1.6rem; padding:2.5rem 4rem}
#examMain .app-view .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub:after {top:1.2rem;}
#examMain .app-view .mobile_menu .tab > ul li a {font-size:1.6rem;}
#examMain .app-view .mobile_menu .login_area {height:70px;}
#examMain .app-view .mobile_menu .login_area .logout {top:1.8rem;}
#examMain .app-view .mobile_menu .login_area .mobile_menu_home {right:8rem; top:2rem; width:3rem; height:3rem; background-size:2rem 2rem;}
#examMain .app-view .mobile_menu .login_area .mobile_menu_close {right:3rem; top:2rem; width:3rem; height:3rem; background-size:2rem 2rem;}
#examMain .app-view .mobile_menu .login_area .logout button {height:3.5rem; font-size:1.6rem; padding:0 2rem 0 4rem; border-radius:3.5rem; background-position:1.5rem center; background-size:auto 1.5rem}
#examMain .app-view .mobile_menu .login_area .logout span {font-size:1.6rem;}
#examMain .app-view .mobile_menu .etc_area {padding-top:0;}
#examMain .app-view .mobile_menu .etc_area .menu {padding:1rem 4rem;}
#examMain .app-view .mobile_menu .etc_area .menu li a {font-size:1.4rem;}
/* 검색 */
#examMain .app-view header {margin:0 auto 1rem;}
#examMain .app-view header .top_util_wrap {height:0; left:-9999px;}
#examMain .app-view header .top_util_wrap .search {z-index:1001;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap {left:-100%;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap.active {display:block !important; overflow-y:auto; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; padding:5rem 6rem; box-sizing:border-box; background-color:#fff; z-index:1001;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .btn_history_back {position:absolute; left:3rem; top:5rem; width:5rem; height:8rem; background: url('/user/img/exam/btn_histiry_back.svg') no-repeat center center; background-size:4.5rem auto; text-indent:-9999px;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .btn_search_close {display:flex !important; position:absolute; right:3rem; top:5rem; width:4rem; height:8rem; background: url('/user/img/exam/btn_all_menu_close.svg') no-repeat center center; background-size:3.5rem auto; text-indent:-9999px;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete {display:flex; flex-direction:column-reverse; justify-content:start;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m {display:flex !important; position:relative; width:100%; max-width:90%; height:8rem; display:flex; margin:0 5rem 5rem 0;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m input[type="text"] {display:inline-block; width:100%; height:100%; line-height:1.5; padding-left:2rem; padding-right:5.5rem; font-size:2.2rem; border:0; vertical-align:middle; border:2px solid #060E2D; border-radius:4.6rem; background:#fff; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m .btn_search_m {content:''; position:absolute; right:0.5rem; top:-0.1rem; width:8rem; height:8rem; background: url('/user/img/exam/icon_popup_search_m.svg') no-repeat center center; background-size:3.5rem auto; opacity:1; vertical-align:middle;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_title {display:none !important;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords {padding:3rem 0; margin-top:3rem;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button {width:100%; height:4rem; padding:1rem 2.5rem 1rem.2rem; color:#797979; font-size:2.4rem; font-weight:400;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords ul {max-height:20rem; overflow-y:auto;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords li.nodata {width:100%; text-align:center; padding:3rem 2.5rem; font-size:2.4rem; line-height:1;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords {display:block !important; position:relative; width:100%; margin-top:4rem;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords .tit {width:100%; font-weight:bold; font-size:3rem; color:#000; line-height:1; margin-bottom:4rem;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button {display:block; width:100%; height:5.5rem; margin:1rem 0; overflow:hidden; color:#797979; font-size:2.4rem; font-weight:400; text-align:left; line-height:1.2;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button > span::before {content:''; display:inline-block; width:32px; height:32px; line-height:30px; margin-right:2rem; text-align:center; font-weight:bold; font-size:2.4rem; color:#000; background:#ECECEC url('/user/img/exam/icon_popup_search_m.svg') no-repeat center center; background-size:2.5rem auto; border-radius:100%; opacity:0.5; vertical-align:middle;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings {padding:0;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings::before {content:''; left:0; top:0; right:0; display:block; height:0; background:transparent;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit {width:100%; font-weight:bold; font-size:3rem; color:#000; line-height:1; margin-bottom:4rem;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit > span {color:#F77E0B; padding-left:1rem;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit::before {content:''; top:0; width:0; height:0; margin-right:0; background:none;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button {display:block; width:100%; height:5.5rem; margin:1rem 0; overflow:hidden; color:#797979; font-size:2.4rem; font-weight:400; text-align:left; line-height:1.2;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button > span::before {content:''; display:inline-block; width:32px; height:32px; line-height:30px; margin-right:2rem; text-align:center; font-weight:bold; font-size:2.4rem; color:#000; background-color:#ECECEC; border-radius:100%;}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(1) button > span::before {content:'1'}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(2) button > span::before {content:'2'}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(3) button > span::before {content:'3'}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(4) button > span::before {content:'4'}
#examMain .app-view header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(5) button > span::before {content:'5'}
#examMain .app-view .tab [class^="con"] .menu_area > ul li.dep01.on a.dep01:before {content:''; display:block; position:absolute; top:50%; left:85%; width:0.6rem; height:0.6rem; margin-top:-0.3rem; background:#194188; border-radius:100%;}
#examMain .app-view .mobile_menu .etc_area .menu li a:after {content:''; display:block; float:right; width:2rem; height:3rem; background:url('/user/img/exam/ico_all_menu_arrow_new.svg') no-repeat right 0.2rem; background-size:1.5rem auto;}
#examMain .app-view .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub:after {content:''; position:absolute; right:1rem; top:1.2rem; width:3rem; height:3rem; transition:all .3s ease; background:url('/user/img/exam/ico_all_menu_arrow_new.svg') no-repeat 95% center; background-size:1.5rem auto; transform:rotate(90deg);}
}
/* -------------------------- PC -------------------------- */
#examMain .wrap {width:100%; height:100%;}
/* 2021-04-24 수정 탑배너 이벤트 */
#examMain .top_banner {text-align:center; height:auto;}
#examMain .top_banner a {display:block; max-width:128rem; width:100%; margin:auto; font-size:1.5rem; line-height:6.5rem; color:#fff;}
#examMain .top_banner a img {width:100%;}
#examMain .top_banner img {width:100%;}
#examMain .top_banner .top_banner_inner {position:relative; max-width:120rem; margin:0 auto;}
#examMain .top_banner a.T_link_all {display:block; max-width:auto; font-size:0; line-height:auto; position:absolute; /*background:rgba(255,0,0,0.5);*/}
#examMain .top_banner .T_link01 {bottom:24.5%; left:0; width:11.8%; height:19.1%;}
#examMain .top_banner .T_link02 {bottom:18.2%; left:20.4%; width:16.7%; height:30%;}
#examMain .top_banner .T_link03 {top:18.2%; left:20.4%; width:16.7%; height:30%;}
#examMain .top_banner .T_link04 {top:18.2%; right:26.8%; width:16.7%; height:30%;}
#examMain .top_banner .T_link05 {bottom:18.2%; right:26.8%; width:16.7%; height:30%;}
#examMain .top_banner .T_link06 {top:22.7%; right:4.7%; width:13.8%; height:19.1%;}
#examMain .top_banner .T_link07 {bottom:24.5%; right:1.7%; width:16.8%; height:19.1%;}
/* 탑배너 */
#examMain .top_banner {text-align:center; height:auto;}
#examMain .top_banner a {display:block; width:100%; max-width:128rem; margin:auto; color:#fff;}
#examMain .top_banner a img {width:100%;}
#examMain header {position:relative; width:100%; max-width:128rem; height:100%; margin:2.9rem auto 1rem;}
#examMain header.evHeader {position:relative; width:100%; max-width:100%; height:100%; margin:0;}
#examMain header .util:after,
#examMain header .util ul:after {content:''; display:block; clear:both;}
#examMain header .util .le_util {float:left; margin-left:2rem;}
#examMain header .util .ri_util {float:right; margin-right:2rem;}
#examMain header .util ul li {float:left;}
#examMain header .util ul li a {color:#707070; font-size:1.2rem; vertical-align:middle;}
#examMain header .util ul li:after {content:''; display:inline-block; margin:0 1rem; width:1px; height:1rem; vertical-align:middle; background:#a0a0a0;}
#examMain header .util ul li:last-child:after {display:none;}
#examMain header .util ul li a .ndnd {vertical-align:initial;}
#examMain header .util ul li.onair a {display:inline-block; min-height:1.8rem; line-height:1.8rem; padding:0 0.7rem; font-family:'Roboto'; border-radius:15px; color:#fff; background:#d93a3a;}
#examMain header .util ul li .user {font-size:1.2rem; vertical-align:middle; margin-right:1rem; position:relative;}/* 2021-04-25 수정 */
/* 2021-04-25 수정 모바일 sns로그인 수정 */
#examMain header .util ul.log_sns li .user:before {content:''; display:inline-block; vertical-align:middle; width:1.8rem; height:1.8rem; margin:-1px 3px 0 0; background:url('/user/img/exam/ico_login_sns_L.png') no-repeat 0 50%; background-size:auto 1.2rem; border-radius:50%; box-sizing:border-box;}
#examMain header .util ul.log_sns li .user.naver:before {background-color:#67bb6c; background-position:.3rem .3rem;}
#examMain header .util ul.log_sns li .user.facebook:before {background-color:#6081c4; background-position:-1.7rem .3rem;}
#examMain header .util ul.log_sns li .user.kakao:before {background-color:#ffd352; background-position:-3.9rem .3rem;}
#examMain header .util ul.log_sns li .user.apple:before {background-color:#000; background-position:-6rem .3rem;}
#examMain header .util ul.log_sns li .user.google:before {background-size:auto 1.4rem; background-color:#fff; border:1px solid #3d82f0; background-position:-9.6rem .1rem;}/* 2022-12-05 수정 */
/* //2021-04-25 수정 모바일 sns로그인 수정 */
#examMain header .top_util_wrap {position:relative; display:flex; justify-content:space-between; align-items:center;}
/* 로고 */
#examMain header .top_util_wrap .logo {display:flex; justify-content:center; align-items:center;}
#examMain header .top_util_wrap .logo h1 > a {display:block; width:16rem; height:5.6rem; margin-left:2.5rem; background: url('/user/img/exam/logo_ebsi.svg') no-repeat top center; background-size:contain;}
#examMain header .top_util_wrap .logo h1 > em {display:none;}
#examMain header .top_util_wrap .logo > p {display:inline-block; font-size:2rem; color:#d93a3a; font-weight:bold; vertical-align:middle; padding-top:1rem;}
#examMain header .top_util_wrap .logo > p:before {content: ''; display:inline-block; margin:0 1rem; width:0.2rem; height:1.4rem; background: url('/user/img/exam/ico_bar_p.png') no-repeat; background-size:0.2rem 1.4rem;}
/* 이벤트 로고 설정 | 2022-03-02 수정 */
#examMain header .top_util_wrap .logo.event_logo {display:inline-block;}
#examMain header .top_util_wrap .logo.event_logo h1 {position:relative; background:none;}
#examMain header .top_util_wrap .logo.event_logo img {width:100%;}
#examMain header .top_util_wrap .logo.event_logo a {background:none;}
#examMain header .top_util_wrap .logo.event_logo a.event_link {display:block; position:absolute; top:0; right:0; width:7.5rem; height:100%; /*background:rgba(255,0,0,0.5);*/ z-index:3;}
#examMain header .top_util_wrap .logo .event_logo {display:inline-block;}
#examMain header .top_util_wrap .logo .event_logo h1 {position:relative; background:none;}
#examMain header .top_util_wrap .logo .event_logo img {width:100%; }
#examMain header .top_util_wrap .logo .event_logo a {background:none;}
#examMain header .top_util_wrap .logo .event_logo a.event_link {display:block; position:absolute; top:0; right:0; width:7.5rem; height:100%; /*background:rgba(255,0,0,0.5);*/ z-index:3;}
/* //이벤트 로고 설정 */
/* 검색 */
#examMain header .top_util_wrap .search {position:absolute; left:50%; width:37.2rem; height:4.6rem; margin-left:-18.6rem; z-index:1001;}
#examMain header .top_util_wrap .search input {display:inline-block; width:100%; height:100%; line-height:1.5; padding-left:2rem; padding-right:5rem; font-size:1.6rem; border:0; vertical-align:middle; overflow:hidden; white-space:normal; text-overflow:ellipsis; border:0.2rem solid #060E2D; border-radius:4.6rem; background:#fff; -webkit-transition:-webkit-box-shadow 0.2s ease; transition:-webkit-box-shadow 0.2s ease; -o-transition:box-shadow 0.2s ease; transition:box-shadow 0.2s ease; transition:box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;}
#examMain header .top_util_wrap .search input:focus {outline:0; -webkit-box-shadow:0 0 0 1px rgb(82, 68, 68); box-shadow:0 0 0 1px rgb(82, 68, 68);}
#examMain header .top_util_wrap .search input:-ms-input-placeholder {color:#707070;}
#examMain header .top_util_wrap .search .btn_search {position:absolute; right:1.5rem; top:50%; display:inline-block; width:2rem; height:2rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('/user/img/exam/ico_head_search.png') no-repeat center center; background-size:2rem auto;}
#examMain header .top_util_wrap .search label > button {width:4.6rem;height:4.6rem;text-indent:-9999px;}
#examMain header .top_util_wrap .search .autoComplete_wrap {position:absolute; left:0; top:100%; z-index:100; width:100%; border:1px solid #e5e5e5; background-color:#fff;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .key {color:#d93a3a !important; font-weight:500 !important;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_title {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:2rem 2.5rem 1.3rem 2.5rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_title .tit {color:#232323; font-size:1.8rem; line-height:1;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_title .btn_ac_srch {height:2.8rem; padding:0 1rem; font-size:1.2rem; border:1px solid #e2e2e2; color:#6f6f6f; border-radius:2px; font-weight:400;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords {position:relative; padding:1.3rem 0;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords::before {content:''; position:absolute; left:2rem; top:0; right:2rem; display:block; height:1px; background:#eeeeee;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button {width:100%; height:3.6rem; padding:0 2.5rem 0.2rem; color:#797979; text-align:left; font-size:1.6rem; font-weight:400;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button span {position:relative; display:block; width:100%; line-height:1;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button:hover,
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button:focus {background-color:#f6f6f6;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button:hover span::after,
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button:focus span::after {content:''; position:absolute; right:0; top:0.2rem; display:inline-block; width:0.5rem; height:1.1rem; margin-left:auto; background:url(/user/img/exam/ico_arrow_srch.png) no-repeat right 50% / 100% 100%;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords ul {max-height:18rem; overflow:hidden; overflow-y:auto;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords li.nodata {padding:1rem 2.5rem; font-size:1.6rem; line-height:1;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings {position:relative; padding:2.4rem 2.5rem 2rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings::before {content:''; position:absolute; left:2rem; top:0; right:2rem; display:block; height:1px; background:#eeeeee;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:1.4rem; font-size:1.8rem; color:#232323; font-weight:500; line-height:1;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit::before {content:''; position:relative; top:0.2rem; -webkit-box-flex:0; -ms-flex:none; flex:none; display:inline-block; width:1.2rem; height:1.6rem; margin-right:0.8rem; background:url(/user/img/exam/ico_ac_tit.png) no-repeat 0 0 / 100% 100%;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button {display:block; width:100%; height:3.2rem; overflow:hidden; color:#797979; font-size:1.6rem; font-weight:400; text-align:left;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(1) button > span::before {content:'1.'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(2) button > span::before {content:'2.'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(3) button > span::before {content:'3.'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(4) button > span::before {content:'4.'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(5) button > span::before {content:'5.'}
/* evn_header 이벤트 해더 추가 | 2024-02-15 수정 */
#examMain .evn_header {display:flex; flex-wrap:wrap; align-items: center; justify-content: center; width:100%; padding:1.5rem 0; text-align:center; background:#000; font-size:2.2rem; font-weight:400; color:#fff; letter-spacing: -.5px;}
#examMain .evn_header p {display:flex; flex-wrap:wrap; width:100%; justify-content: center; text-align: center; font-size:1.6rem; color:#f5e39a; line-height:1.3; margin-bottom:.8rem; text-indent: -6rem;}
#examMain .evn_header .txt_end p {text-indent:-4.5rem;}
#examMain .evn_header a { display:inline-block; font-size:2.2rem; font-weight:400; color:#dcd9d9;}
#examMain .evn_header a .red {color:#ee1552;}
#examMain .evn_header a .btn {display:inline-block; width:6rem; height:2.2rem; line-height:2rem;; font-size:1.6rem; font-weight:bold; color:#1c1c1c; background:#ee1552; border-radius:10px; margin-left:1rem;}
#examMain .evn_header .icon_txt:before {content:''; display:inline-block; width:4.4rem; height:3.7rem; background:url('/user/img/exam/icon_balloon_evn.png') no-repeat; background-size:100% 100%; vertical-align: middle;}
/* 마이메뉴 */
#examMain .my_menu {display:flex;}
#examMain .my_menu li {padding-right:2rem;}
#examMain .my_menu li:last-child {padding-right:0;}
#examMain .my_menu li a {position:relative; width:auto; height:1.6rem; font-weight:bold; text-align:left; font-size:1.5rem; color:#212121; letter-spacing:-0.02em;}
#examMain .my_menu li a.icon_alarm:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.6rem; background: url('/user/img/exam/icon_myMenu01.svg') no-repeat left center; background-size:1.6rem auto; vertical-align: middle;}
#examMain .my_menu li a.icon_alarm.on:after {content:''; position:absolute; right:6.1rem; top:0; width:0.5rem; height:0.5rem; background:#FF5A00; border-radius:100%;}
#examMain .my_menu li a.icon_lecture:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.6rem; background: url('/user/img/exam/icon_myMenu02.svg') no-repeat left center; background-size:1.6rem auto; vertical-align: middle;}
#examMain .my_menu li a.icon_studyRoom:before {content:''; display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.6rem; background: url('/user/img/exam/icon_myMenu03.svg') no-repeat left center; background-size:1.6rem auto; vertical-align: middle;}
/* 메뉴 */
#examMain nav {position:relative; width:100%; margin-top:2.7rem; z-index:101;}
#examMain nav .grade_menu_new {display:flex; padding-bottom:5.5rem; z-index:99;}
#examMain nav .grade_menu_new > li > a {position:relative; display:block; min-width:10rem; padding:1.5rem 0; text-align:center; font-weight:500; font-size:1.5rem; letter-spacing:-0.05em;}
#examMain nav .grade_menu_new > li.on > a {font-weight:600;}
#examMain nav .grade_menu_new > li.on > a:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:4px; z-index:99999;}
#examMain nav .grade_menu_new > li .grade_selct {display:none;}
#examMain nav .grade_menu_new > li:nth-child(1) {background-color:#B0D7FF; border:1px solid #B0D7FF; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(1) > a {color:#194188;}
#examMain nav .grade_menu_new > li:nth-child(1).on {border:1px solid #2984D5; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(1).on > a:after {background-color:#B0D7FF;}
#examMain nav .grade_menu_new > li:nth-child(2) {background-color:#ABD965; border:1px solid #ABD965; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(2) > a {color:#238423;}
#examMain nav .grade_menu_new > li:nth-child(2).on {border:1px solid #238423; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(2).on > a:after {background-color:#ABD965;}
#examMain nav .grade_menu_new > li:nth-child(3) {background-color:#F0B469; border:1px solid #F0B469; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(3) > a {color:#9C5B18;}
#examMain nav .grade_menu_new > li:nth-child(3).on {border:1px solid #9C5B18; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(3).on > a:after {background-color:#F0B469;}
#examMain nav .grade_menu_new > li:nth-child(4) {background-color:#f1e5ff; border:1px solid #f1e5ff; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(4) > a {/*width:17.7rem;*/ width:15rem; color:#741be0;} /* 2024-07-미정 */
#examMain nav .grade_menu_new > li:nth-child(4).on {border:1px solid #741be0; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > a:after {background-color:#f1e5ff;}
#examMain nav .grade_menu_new > li:nth-child(5) {background-color:#fddddf; border:1px solid #fddddf; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(5) > a {/*width:17.7rem;*/ width:15rem; color:#eb2332; /*padding:1.2rem 0 1.5rem 0;*/}
#examMain nav .grade_menu_new > li:nth-child(5).on {border:1px solid #eb2332; border-bottom:0;} /* 2024-07-미정 */
#examMain nav .grade_menu_new > li:nth-child(5).on > a:after {bottom:0px; background-color:#fddddf;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new {display:none;}
#examMain nav .grade_menu_new > li.on > .gnb_wrap_new {display:block; position:absolute; left:0; top:4.5rem; width:100%; z-index:88;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav {width:77%; height:5.5rem; display:flex; justify-content:start; align-items:center; padding:0.3rem 0 0 2.2rem;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav > li {position:relative; width:auto; padding-right:7.5rem;/*width:calc(100% / 7);*/}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new .le_nav > li {padding-right:4rem;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav > li > a {position:relative; text-align:left; font-weight:500; font-size:1.8rem;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav > li > a:hover {position:relative; font-weight:500;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav > li > a:hover:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav > li > a.danchoo_logo:before {content:''; position:absolute; left:-0.2rem; top:-0.5rem; width:100%; height:8px; background: url('/user/img/exam/danchool_logo.svg') no-repeat 4px center; background-size:auto 8px;}
#examMain nav .grade_menu_new > li:nth-child(1) > .gnb_wrap_new > .fullMenu {position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background: url('/user/img/exam/btn_fullMenu_open_go3.svg') no-repeat center center; background-size:3.4rem auto; text-indent:-9999px;}
#examMain nav .grade_menu_new > li:nth-child(1) > .gnb_wrap_new > .fullMenu.active {background: url('/user/img/exam/btn_fullMenu_close_go3.svg') no-repeat center center; background-size:3.4rem auto;}
#examMain nav .grade_menu_new > li:nth-child(2) > .gnb_wrap_new > .fullMenu {position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background: url('/user/img/exam/btn_fullMenu_open_go2.svg') no-repeat center center; background-size:3.4rem auto; text-indent:-9999px;}
#examMain nav .grade_menu_new > li:nth-child(2) > .gnb_wrap_new > .fullMenu.active {background: url('/user/img/exam/btn_fullMenu_close_go2.svg') no-repeat center center; background-size:3.4rem auto;}
#examMain nav .grade_menu_new > li:nth-child(3) > .gnb_wrap_new > .fullMenu {position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background: url('/user/img/exam/btn_fullMenu_open_go1.svg') no-repeat center center; background-size:3.4rem auto; text-indent:-9999px;}
#examMain nav .grade_menu_new > li:nth-child(3) > .gnb_wrap_new > .fullMenu.active {background: url('/user/img/exam/btn_fullMenu_close_go1.svg') no-repeat center center; background-size:3.4rem auto;}
#examMain nav .grade_menu_new > li:nth-child(4) > .gnb_wrap_new > .fullMenu {position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background: url('/user/img/exam/btn_fullMenu_open_t.svg') no-repeat center center; background-size:3.4rem auto; text-indent:-9999px;}
#examMain nav .grade_menu_new > li:nth-child(4) > .gnb_wrap_new > .fullMenu.active {background: url('/user/img/exam/btn_fullMenu_close_t.svg') no-repeat center center; background-size:3.4rem auto;}
#examMain nav .grade_menu_new > li:nth-child(5) > .gnb_wrap_new > .fullMenu {position:absolute; right:0; top:0; width:5.8rem; height:5.8rem; background: url('/user/img/exam/btn_fullMenu_open_u.svg') no-repeat center center; background-size:3.4rem auto; text-indent:-9999px;}
#examMain nav .grade_menu_new > li:nth-child(5) > .gnb_wrap_new > .fullMenu.active {background: url('/user/img/exam/btn_fullMenu_close_u.svg') no-repeat center center; background-size:3.4rem auto;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:3rem; height:0; opacity:0; overflow:hidden; transition-duration:.3s; transition:all .3s ease;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth > li {width:100%; padding:0.5rem 0 0.8rem 0;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth > li > a {width:100%; text-align:left; font-weight:400; font-size:1.4rem; color:#898989;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth > li > a:hover,
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth > li.on > a {font-weight:500; color:#000;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:3rem; height:0; opacity:0; overflow:hidden; transition-duration:.3s; transition:all .3s ease;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth > li {width:100%; padding:0.5rem 0 0.8rem 0;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth > li > a {width:100%; text-align:left; font-weight:400; font-size:1.4rem; color:#898989;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth > li > a:hover,
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth > li.on > a {font-weight:500; color:#000;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:3rem; height:0; opacity:0; overflow:hidden; transition-duration:.3s; transition:all .3s ease;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth > li {width:100%; padding:0.5rem 0 0.8rem 0;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth > li > a {width:100%; text-align:left; font-weight:400; font-size:1.4rem; color:#898989;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth > li > a:hover,
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth > li.on > a {font-weight:500; color:#000;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:3rem; height:0; opacity:0; overflow:hidden; transition-duration:.3s; transition:all .3s ease;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth > li {width:100%; padding:0.5rem 0 0.8rem 0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth > li > a {width:100%; text-align:left; font-weight:400; font-size:1.4rem; color:#898989;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth > li > a:hover,
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth > li.on > a {font-weight:500; color:#000;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:3rem; height:0; opacity:0; overflow:hidden; transition-duration:.3s; transition:all .3s ease;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth > li {width:100%; padding:0.5rem 0 0.8rem 0;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth > li > a {width:100%; text-align:left; font-weight:400; font-size:1.4rem; color:#898989;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth > li > a:hover,
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth > li.on > a {font-weight:500; color:#000;}
#examMain nav .grade_menu_new > li.on > .gnb_wrap_new > .le_nav > li .bubble_type1 {display:block; position:absolute; top:-3.2rem; left:-1.2rem; color:#fff; font-size:1.2rem; line-height:1.4; background:#d93a3a; padding:.3rem 1rem; border-radius:25px;}
#examMain nav .grade_menu_new > li.on > .gnb_wrap_new > .le_nav > li .bubble_type1:before {content:''; display:block; position:absolute; bottom:-.5rem; left:50%; margin-left:-.6rem; border-top:6px solid #d93a3a; border-bottom:0px solid transparent; border-right:6px solid transparent; border-left:6px solid transparent;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new {background-color:#B0D7FF; border:1px solid #2984D5;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li > a {color:#194188;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li > a.on:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; background-color:#0B3667;}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li > a.active:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; /*background-color:transparent;*/}
#examMain nav .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li > a:hover:after {background-color:#0B3667;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new {background-color:#ABD965; border:1px solid #15a215;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li > a {color:#0a680a;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li > a.on:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; background-color:#0a680a;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li > a.active:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; /*background-color:#0a680a;*/}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li > a:hover:after {background-color:#0a680a;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new {background-color:#F0B469; border:1px solid #bc6306;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li > a {color:#653809;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li > a.on:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; background-color:#653809;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li > a.active:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; /*background-color:#653809;*/}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li > a:hover:after {background-color:#653809;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new {background-color:#f1e5ff; border:1px solid #741be0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li > a {color:#741be0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li > a.on:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; background-color:#741be0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li > a.active:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; /*background-color:#741be0;*/}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li > a:hover:after {background-color:#741be0;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new {background-color:#fddddf; border:1px solid #eb2332;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li > a {color:#eb2332;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li > a.on:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; background-color:#eb2332;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li > a.active:after {content:''; position:absolute; left:-5%; bottom:-0.5rem; width:110%; height:2px; /*background-color:#eb2332;*/}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li > a:hover:after {background-color:#eb2332;}
#examMain nav.on .grade_menu_new > li:nth-child(1).on > .gnb_wrap_new > .le_nav > li .depth,
#examMain nav.on .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new > .le_nav > li .depth,
#examMain nav.on .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new > .le_nav > li .depth,
#examMain nav.on .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new > .le_nav > li .depth,
#examMain nav.on .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new > .le_nav > li .depth {position:absolute; left:0; top:5.6rem; height:35rem; opacity:1; color:#898989;}
#examMain nav .ri_nav {position:absolute; right:0; top:0; display:flex; align-items:center;} /* 2024-07-미정 */
#examMain nav .ri_nav li {padding-right:0.5rem;}
#examMain nav .ri_nav li:last-child {padding-right:0;} /* 2024-07-미정 */
#examMain nav .ri_nav li a {display:block; width:10.4rem; height:3.6rem; color:transparent; text-indent:-9999px;}
#examMain nav .ri_nav li .admin {display:flex; justify-content:center; align-items:center; height:3.6rem; text-align:center; font-size:1.4rem; color:#000; text-indent:0;}
#examMain nav .ri_nav li .icon_ebook {background: url('/user/img/exam/icon_ebook.svg') no-repeat center center; background-size:cover;}
#examMain nav .ri_nav li .icon_5minute {background: url('/user/img/exam/icon_5minute.svg') no-repeat center center; background-size:cover;}
#examMain nav .ri_nav li .icon_dunya {background: url('/user/img/exam/icon_dunya.svg') no-repeat center center; background-size:cover;}
#examMain nav .ri_nav li .icon_go1 {background: url('/user/img/exam/icon_go1.svg') no-repeat center center; background-size:cover;}
@media screen and (max-width: 1124px) {
#examMain nav .ri_nav li .icon_5minute {display:none !important;}
}
#examMain nav .user_login {display:flex; align-items:center; /*padding-left:2rem;*/ padding-left:1rem;} /* 2024-07-미정 */
#examMain nav .user_login .user_name {text-align:left; font-weight:600; font-size:1.6rem; color:#000;}
#examMain nav .user_login .btn_login {width:auto; height:2.8rem; line-height:2.8rem; text-align:left; font-size:1.2rem; color:#000; padding:0 2rem 0 3.3rem; margin-left:0.6rem; border-radius:2.8rem; background:#EAEBEE url('/user/img/exam/icon_login.svg') no-repeat 2rem center; background-size:auto 1rem; text-indent:0;}
#examMain nav .user_login .btn_logout {width:auto; height:2.8rem; line-height:2.8rem; text-align:left; font-size:1.2rem; color:#000; padding:0 2rem 0 3.3rem; margin-left:0.6rem; border-radius:2.8rem; background:#EAEBEE url('/user/img/exam/icon_logout.svg') no-repeat 2rem center; background-size:auto 1rem; text-indent:0;}
#examMain nav .bg_depth {display:flex; justify-content:right; height:0; padding:2rem 2.4rem; overflow:hidden; position:absolute; left:0; top:5.5rem; width:100%; background-color:#F8F8F8; border:1px solid #D6D6D6; border-top:0; transition:all .4s ease;}
#examMain nav .bg_depth .banner {width:100%; max-width:26rem; height:0; transition:all .4s ease;}
#examMain nav .bg_depth .banner img {width:100%;}
#examMain nav .bg_depth.bg_depth_hover {height:38rem; padding:2rem 2.4rem; top:10rem; box-shadow:0px 20px 30px rgba(0,0,0,0.2);}
#examMain nav .bg_depth.bg_depth_hover .banner {width:100%; max-width:26rem; height:31.3rem;}
@media screen and (min-width:1023px) and (max-width:1200px){
#examMain nav .bg_depth .banner {display:none;}
}
/* popup_noti_type | 2024-03-20 수정 */
#examMain .popup_noti_type {width:100%; font-size:2.2rem; line-height:1.4; text-align: center;}
#examMain .popup_noti_type .tit {display:block; font-size:3.8rem; font-weight:bold; color:#ff5b5b; margin-bottom:3rem;}
#examMain .popup_noti_type .gray_box {display:block; background-color:#ececec; color:#000; padding:2.5rem 2rem; border-radius:2rem;}
#examMain .popup_noti_type .gray_box.box_inline {display:inline-block;}
#examMain .popup_noti_type .gray_box + .txt {margin-top:2rem;}
#examMain .popup_noti_type .txt + .gray_box {margin-top:2rem;}
#examMain .popup_noti_typewrap .btn_area button {min-width:24rem; width:100%; height:6.4rem; font-weight:400; font-size:2.4rem; color:#424242; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:3.5rem; border:1px solid #cccccc;}
#examMain .popup_noti_typewrap .btn_area button span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .popup_noti_typewrap .btn_area button span::after {content:''; display:inline-block; width:0.8rem; height:1.5rem; margin-left:1rem; background:url('/user/img/exam/ico_noti_arr.png') no-repeat 0 0 / 100% auto;}
#examMain .popup_noti_typewrap .btn_area button.primary {background:#ff5a5a; border-color:transparent; color:#fff;}
#examMain .popup_noti_typewrap .btn_area button.primary span::after {background-image:url('/user/img/exam/ico_noti_arr_w.png');}
@media screen and (max-width: 1023px) {
/* 로고 */
#examMain header .top_util_wrap .logo {flex-direction:column; width:100%; padding-bottom:0.5rem;}
#examMain header .top_util_wrap .logo h1 > a {margin:0 0 0 1rem;}
#examMain header .top_util_wrap .logo h1 > a > img {width:100%;}
#examMain header .top_util_wrap .logo > p {font-size:1.8rem; padding-top:1rem;}
#examMain header .top_util_wrap .logo > p:before {content:none;}
/* 헤더 */
#examMain header {max-width:100%; margin:2rem auto 0;}
#examMain .mobile_gnb {position:fixed; left:0; bottom:0; right:0; height:auto; padding:1.1rem 0 1.4rem 0; background-color:#fff; box-shadow:25px 5px 15px rgba(0,0,0,0.3); z-index:1000;}
#examMain .mobile_gnb .gnb_box {display:flex; justify-content:space-around; align-items:center; width:100%; margin:0 auto;}
#examMain .mobile_gnb .gnb_box > a {display:block; width:calc(100% / 5); height:5rem; padding:5.5rem 0 2rem 0; letter-spacing:-0.02em;}
#examMain .mobile_gnb .gnb_box > a > span {display:block; width:100%; text-align:center; font-weight:bold; font-size:2.2rem; color:#212121; padding:0.5rem 0;}
#examMain .mobile_gnb .gnb_box .all_menu {background: url('/user/img/exam/icon_myMenu05_m.svg') no-repeat center 0.7rem; background-size:4rem auto;}
#examMain .mobile_gnb .gnb_box .icon_search {background: url('/user/img/exam/icon_myMenu04_m.svg') no-repeat center 0.2rem; background-size:3.8rem auto;}
#examMain .mobile_gnb .gnb_box .icon_play {background: url('/user/img/exam/icon_myMenu02_m.svg') no-repeat center 0.5rem; background-size:4rem auto;}
#examMain .mobile_gnb .gnb_box .icon_user {background: url('/user/img/exam/icon_myMenu03_m.svg') no-repeat center top; background-size:4.2rem auto;}
/* mobile_gnb & btn_fl_danchoo */
#examMain .nav-up {bottom:-130px; transition:all .5s ease;}
#examMain .nav-down {transition:all .3s ease;}
#examMain .top_util_wrap {height:10rem;}
#examMain .app-view header .top_util_wrap {height:0; left:-9999px;}
/* 마이메뉴 */
#examMain .my_menu {position:absolute; right:2rem; top:3.2rem;}
#examMain .my_menu li {padding-right:2rem;}
#examMain .my_menu li a {height:3rem; font-size:0; color:transparent;}
#examMain .my_menu li a.icon_alarm {display:block; width:3.6rem; height:3.6rem; margin-right:0;}
#examMain .my_menu li a.icon_alarm.on:after {content:''; position:absolute; right:-0.2rem; top:-0.7rem; width:1rem; height:1rem; background:#FF5A00; border-radius:100%;}
#examMain .my_menu li a.icon_lecture {display:block; width:3.6rem; height:3.6rem; margin-right:0.5rem;}
#examMain .my_menu li a.icon_studyRoom {display:block; width:3.6rem; height:3.6rem; margin-right:0;}
#examMain .my_menu li a.icon_alarm:before {width:3.4rem; height:3.4rem; margin-right:0; background-size:3.4rem auto;}
#examMain .my_menu li a.icon_lecture:before {width:3.4rem; height:3.4rem; margin-right:0; background-size:3.4rem auto;}
#examMain .my_menu li a.icon_studyRoom:before {width:3.4rem; height:3.4rem; margin-right:0; background-size:3.4rem auto;}
/* 검색 */
#examMain header .top_util_wrap .search {width:0;height:0;}
#examMain header .top_util_wrap .search input {display:none;}
#examMain header .top_util_wrap .search .btn_search {display:none;}
#examMain header .top_util_wrap .search label > button {display:none;}
#examMain header .top_util_wrap .search .autoComplete_wrap {display:none;}
#examMain header .top_util_wrap .search .autoComplete_wrap.active {display:block !important; overflow-y:auto; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; padding:5rem 6rem; box-sizing:border-box; background-color:#fff; z-index:1001;}
#examMain header .top_util_wrap .search .autoComplete_wrap .btn_history_back {position:absolute; left:3rem; top:5rem; width:5rem; height:8rem; background: url('/user/img/exam/btn_histiry_back.svg') no-repeat center center; background-size:4.5rem auto; text-indent:-9999px;}
#examMain header .top_util_wrap .search .autoComplete_wrap .btn_search_close {position:absolute; right:3rem; top:5rem; width:4rem; height:8rem; background: url('/user/img/exam/btn_all_menu_close.svg') no-repeat center center; background-size:3.5rem auto; text-indent:-9999px;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete {display:flex; flex-direction:column-reverse; justify-content:start;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m {position:relative; width:100%; max-width:90%; height:8rem; display:flex; margin:0 5rem 5rem 0;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m input[type="text"] {display:inline-block; width:100%; height:100%; line-height:1.5; padding-left:2rem; padding-right:5.5rem; font-size:2.2rem; border:0; vertical-align:middle; border:2px solid #060E2D; border-radius:4.6rem; background:#fff; overflow:hidden; white-space:normal; text-overflow:ellipsis;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .popup_search_m .btn_search_m {content:''; position:absolute; right:0.5rem; top:-0.1rem; width:8rem; height:8rem; background: url('/user/img/exam/icon_popup_search_m.svg') no-repeat center center; background-size:3.5rem auto; opacity:1; vertical-align:middle;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords {padding:3rem 0; margin-top:3rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords button {width:100%; height:4rem; padding:1rem 2.5rem 1rem.2rem; color:#797979; font-size:2.4rem; font-weight:400;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords ul {max-height:20rem; overflow-y:auto;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_keywords li.nodata {width:100%; text-align:center; padding:3rem 2.5rem; font-size:2.4rem; line-height:1;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords {position:relative; width:100%; margin-top:4rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords .tit {width:100%; font-weight:bold; font-size:3rem; color:#000; line-height:1; margin-bottom:4rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button {display:block; width:100%; height:5.5rem; margin:1rem 0; overflow:hidden; color:#797979; font-size:2.4rem; font-weight:400; text-align:left; line-height:1.2;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_searchwords li button > span::before {content:''; display:inline-block; width:32px; height:32px; line-height:30px; margin-right:2rem; text-align:center; font-weight:bold; font-size:2.4rem; color:#000; background:#ECECEC url('/user/img/exam/icon_popup_search_m.svg') no-repeat center center; background-size:2.5rem auto; border-radius:100%; opacity:0.5; vertical-align:middle;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings {padding:0;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings::before {content:''; left:0; top:0; right:0; display:block; height:0; background:transparent;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit {width:100%; font-weight:bold; font-size:3rem; color:#000; line-height:1; margin-bottom:4rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit > span {color:#F77E0B; padding-left:1rem;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings .tit::before {content:''; top:0; width:0; height:0; margin-right:0; background:none;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button {display:block; width:100%; height:5.5rem; margin:1rem 0; overflow:hidden; color:#797979; font-size:2.4rem; font-weight:400; text-align:left; line-height:1.2;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li button > span::before {content:''; display:inline-block; width:32px; height:32px; line-height:30px; margin-right:2rem; text-align:center; font-weight:bold; font-size:2.4rem; color:#000; background-color:#ECECEC; border-radius:100%;}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(1) button > span::before {content:'1'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(2) button > span::before {content:'2'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(3) button > span::before {content:'3'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(4) button > span::before {content:'4'}
#examMain header .top_util_wrap .search .autoComplete_wrap .autoComplete .ac_rankings li:nth-child(5) button > span::before {content:'5'}
/* 메뉴 */
#examMain nav {margin-top:0;}
#examMain nav .bg_depth {display:none;}
#examMain nav .grade_menu_new {padding-bottom:0; border-top:1px solid #AFAFAF; border-bottom:1px solid #AFAFAF;}
#examMain nav.sticky .grade_menu_new {position:fixed; top:-1px; left:0; width:100%; height:8rem; background:#fff; border-top:0; z-index:9;}
#examMain nav .grade_menu_new > li {display:none;}
#examMain nav.sticky .grade_menu_new > li.on {border-bottom:1px solid #DDD !important;}
#examMain nav .grade_menu_new > li.on {display:flex; width:100%; height:8rem; border:0 !important;}
#examMain nav .grade_menu_new > li > a {display:flex; justify-content:center; align-items:center; width:27% !important; height:100%; font-size:2.4rem; padding:0;}
#examMain nav .grade_menu_new > li > a.head_link_m {display:block; position:absolute; left:3rem; top:-8rem; width:auto; min-width:auto; height:auto; padding:1rem 0 2rem 0; text-align:left; font-size:2.2rem; color:#212121; letter-spacing:-0.02em; background-color:transparent;}
#examMain nav .grade_menu_new > li > a.head_link_m:after {content:''; display:inline-block; width:2rem; height:2rem; margin:0.9rem 0 0 0.5rem; background: url('/user/img/exam/arrow_right_teacher.svg') no-repeat center center; background-size:1.6rem auto;}
#examMain nav .grade_menu_new > li:nth-child(1),
#examMain nav .grade_menu_new > li:nth-child(2),
#examMain nav .grade_menu_new > li:nth-child(3),
#examMain nav .grade_menu_new > li:nth-child(4),
#examMain nav .grade_menu_new > li:nth-child(5) {background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(1) a {background-color:#B0D7FF;}
#examMain nav .grade_menu_new > li:nth-child(2) a {background-color:#ABD965;}
#examMain nav .grade_menu_new > li:nth-child(3) a {background-color:#F0B469;}
#examMain nav .grade_menu_new > li:nth-child(4) a {background-color:#f1e5ff;}
#examMain nav .grade_menu_new > li:nth-child(4).on > a {background-color:#f1e5ff !important;} /* 2024-01-20 교사지원센터 및 듀냐공감 런칭시 삭제 */
#examMain nav .grade_menu_new > li:nth-child(5) a {background-color:#fddddf;}
#examMain nav .grade_menu_new > li:nth-child(1).on > a .arrow_bottom {position:absolute; right:1rem; top:3.1rem; width:2rem; height:2rem; background: url('/user/img/exam/arrow_grade_down_go3.svg') no-repeat center center; background-size:cover; transition:all .3s ease; z-index:1;}
#examMain nav .grade_menu_new > li:nth-child(1).on > a .grade_selct {display:none;}
#examMain nav .grade_menu_new > li:nth-child(1).on > a.on .arrow_bottom {transform:rotate(180deg);}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct {display:block; position:absolute; left:0; top:7.9rem; width:100%;}
#examMain nav.sticky .grade_menu_new > li.on > a.on .grade_selct {top:7.9rem;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button {display:block; width:100%; height:8rem; text-align:center; font-size:2.4rem; color:#194188; padding:2.5rem 0; background-color:#B0D7FF;}
#examMain nav .grade_menu_new > li.on > a .grade_selct {display:none;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button.grade_go1 {color:#9C5B18; background-color:#F0B469;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button.grade_go2 {color:#238423; background-color:#ABD965;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button.grade_go3 {color:#194188; background-color:#B0D7FF;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button.grade_t {color:#5909BB; background-color:#f1e5ff;}
#examMain nav .grade_menu_new > li.on > a.on .grade_selct > button.grade_u {color:#EB2332; background-color:#fddddf;}
#examMain nav .grade_menu_new > li:nth-child(2).on > a .arrow_bottom {position:absolute; right:1rem; top:3.1rem; width:2rem; height:2rem; background: url('/user/img/exam/arrow_grade_down_go2.svg') no-repeat center center; background-size:cover; transition:all .3s ease; z-index:1;}
#examMain nav .grade_menu_new > li:nth-child(2).on > a.on .arrow_bottom {transform:rotate(180deg);}
#examMain nav .grade_menu_new > li:nth-child(3).on > a .arrow_bottom {position:absolute; right:1rem; top:3.1rem; width:2rem; height:2rem; background: url('/user/img/exam/arrow_grade_down_go1.svg') no-repeat center center; background-size:cover; transition:all .3s ease; z-index:1;}
#examMain nav .grade_menu_new > li:nth-child(3).on > a.on .arrow_bottom {transform:rotate(180deg);}
#examMain nav .grade_menu_new > li:nth-child(4).on > a .arrow_bottom {position:absolute; right:1rem; top:3.1rem; width:2rem; height:2rem; background: url('/user/img/exam/arrow_grade_down_t.svg') no-repeat center center; background-size:cover; transition:all .3s ease; z-index:1;}
#examMain nav .grade_menu_new > li:nth-child(4).on > a.on .arrow_bottom {transform:rotate(180deg);}
@media screen and (max-width: 719px) {
#examMain nav .grade_menu_new > li:nth-child(4).on > a .arrow_bottom {display:none !important;}
}
#examMain nav .grade_menu_new > li:nth-child(5).on > a .arrow_bottom {position:absolute; right:1rem; top:3.1rem; width:2rem; height:2rem; background: url('/user/img/exam/arrow_grade_down_u.svg') no-repeat center center; background-size:cover; transition:all .3s ease; z-index:1;}
#examMain nav .grade_menu_new > li:nth-child(5).on > a.on .arrow_bottom {transform:rotate(180deg);}
#examMain nav .grade_menu_new > li:nth-child(2) > a:after {bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(2).on > a:before {bottom:0; height:0; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(2).on > a:after {border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(2).on > .gnb_wrap_new {background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(1).on > a:after {border-bottom:0; background-color:transparent;}
#examMain nav .grade_menu_new > li.on > .gnb_wrap_new {position:relative; left:0; top:0; width:73%; height:100%; border:0 !important; overflow:hidden;}
#examMain nav .grade_menu_new > li:nth-child(1).on {border:0;}
#examMain nav .grade_menu_new > li:nth-child(1).on .gnb_wrap_new {border:0; background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(3) > a:after {bottom:0; background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(3).on > a:before {bottom:0; height:0; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(3).on > a:after {border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(3).on > .gnb_wrap_new {background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(4) > a:after {bottom:0; background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(4).on > a:before {bottom:0; height:0; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > a:after {border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(4).on > .gnb_wrap_new {background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(5) > a:after {bottom:0; background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(5).on > a:before {bottom:0; height:0; border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(5).on > a:after {border-bottom:0;}
#examMain nav .grade_menu_new > li:nth-child(5).on > .gnb_wrap_new {background-color:transparent;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav {width:100%; height:100%; padding-left:0; background:#fff;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li {position:relative; text-align:center; margin:0 1rem;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li .slick-list.draggable .slick-track {display:flex;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li .bubble_type1 {display:block; position:absolute; top:0.6rem; left:50%; width:2.9rem; height:1.1rem; background:url('/user/img/exam/gnb_open.png') no-repeat 0 0; background-size:2.9rem 1.1rem; font-size:0; transform:translate(-155%, 0px);}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li a {display:flex; justify-content:center; align-items:center; height:100%; text-align:center; font-size:2.4rem; line-height:1; padding:2rem 0; background-color:transparent;}
#examMain nav .grade_menu_new > li:nth-child(1) > .gnb_wrap_new .le_nav li a.active {position:relative; font-weight:bold; color:#194188;}
#examMain nav .grade_menu_new > li:nth-child(1) > .gnb_wrap_new .le_nav li a.active:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#194188;}
#examMain nav .grade_menu_new > li:nth-child(2) > .gnb_wrap_new .le_nav li a.active {position:relative; font-weight:bold; color:#238423;}
#examMain nav .grade_menu_new > li:nth-child(2) > .gnb_wrap_new .le_nav li a.active:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#238423;}
#examMain nav .grade_menu_new > li:nth-child(3) > .gnb_wrap_new .le_nav li a.active {position:relative; font-weight:bold; color:#9C5B18;}
#examMain nav .grade_menu_new > li:nth-child(3) > .gnb_wrap_new .le_nav li a.active:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#9C5B18;}
#examMain nav .grade_menu_new > li:nth-child(4) > .gnb_wrap_new .le_nav li a.active {position:relative; font-weight:bold; color:#741be0;}
#examMain nav .grade_menu_new > li:nth-child(4) > .gnb_wrap_new .le_nav li a.active:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#741be0;}
#examMain nav .grade_menu_new > li:nth-child(5) > .gnb_wrap_new .le_nav li a.active {position:relative; font-weight:bold; color:#eb2332;}
#examMain nav .grade_menu_new > li:nth-child(5) > .gnb_wrap_new .le_nav li a.active:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#eb2332;}
#examMain nav.sticky .grade_menu_new > li > .gnb_wrap_new .le_nav li .bubble_type1 {top:0.3rem;}
#examMain nav.sticky .grade_menu_new > li > .gnb_wrap_new .le_nav li a {padding:1.5rem 0 2rem 0;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li a:hover:after {left:0; bottom:0; width:0; height:0;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li a.danchoo_logo {position:relative;}
#examMain nav .grade_menu_new > li > .gnb_wrap_new .le_nav li a.danchoo_logo:before {content:''; position:absolute; left:50%; top:0.7rem; width:7.5rem; height:1rem; background: url('/user/img/exam/danchool_logo.svg') no-repeat left center; background-size:auto 1.1rem; transform:translate(-75%, 0px);}
#examMain nav.sticky .grade_menu_new > li > .gnb_wrap_new .le_nav li a.danchoo_logo:before {top:0;}
#examMain nav .grade_menu_new > li .gnb_wrap_new > .fullMenu {display:none;}
#examMain nav .grade_menu_new > li:nth-child(1).on .gnb_wrap_new .le_nav li .depth,
#examMain nav .grade_menu_new > li:nth-child(2).on .gnb_wrap_new .le_nav li .depth,
#examMain nav .grade_menu_new > li:nth-child(3).on .gnb_wrap_new .le_nav li .depth,
#examMain nav .grade_menu_new > li:nth-child(4).on .gnb_wrap_new .le_nav li .depth,
#examMain nav .grade_menu_new > li:nth-child(5).on .gnb_wrap_new .le_nav li .depth {display:none;}
}
/* 외부사이트 링크 */
.internal_site {display:flex; flex-direction:column; position:absolute; top:0; left:-7.7rem; width:12rem; height:100%; margin-left:-6rem; z-index:10;}
.internal_site .sticky_box {position:sticky; top:0;}
.internal_site a {display:flex; align-items:center; width:12rem; height:14rem; margin-bottom:1rem; border-radius:1rem; text-indent:-9999px;}
.internal_site a:last-child {margin-bottom:0;}
.internal_site a > img {width:100%;}
/* 내부사이트 링크 */
#examMain .internal_site {display:flex; flex-direction:column; position:absolute; top:0; right:0; width:12rem; height:100%; margin-right:-14rem; z-index:10;}
#examMain .internal_site .sticky_box {position:sticky; top:0;}
#examMain .internal_site .sticky_box .togetherschool_banner_top {display:block; margin-bottom:1rem;}
#examMain .internal_site .btn_quick_menu {display:flex; justify-content:center; align-items:center; width:12rem; height:4.1rem; font-size:1.6rem; color:#fff; background-color:#35498B;}
#examMain .internal_site .btn_quick_menu span {display:block; width:2rem; height:2rem; margin-left:0.5rem; background: url('/user/img/exam/btn_quick_arrow.svg') no-repeat center center; background-size:80% auto; transform:rotate(90deg);}
#examMain .internal_site .btn_quick_menu.on span {display:block; width:2rem; height:2rem; transform:rotate(-90deg);}
#examMain .internal_site .qm_box {display:none;}
#examMain .internal_site .btn_quick_menu.on + .qm_box {display:flex; flex-direction:column;}
#examMain .internal_site .quick_menu01 {display:flex; justify-content:center; align-items:center; flex-direction:column; width:12rem; height:auto; padding:0 1.6rem; margin-bottom:1.2rem; border:1px solid #CDD3E2; background-color:#fff;}
#examMain .internal_site .quick_menu01 a {display:block; width:100%; text-align:center; font-weight:bold; font-size:1.4rem; color:#35498B; padding:1.5rem 0; border-bottom:1px solid #CDD3E2;}
#examMain .internal_site .quick_menu02 {display:flex; justify-content:center; align-items:center; flex-direction:column; width:12rem; height:auto; padding:0 1.9rem; border:1px solid #FF8C6F; background-color:#fff;}
#examMain .internal_site .quick_menu02 a {display:block; width:100%; text-align:center; font-weight:bold; font-size:1.4rem; color:#FF8C6F; padding:1.5rem 0; border-bottom:1px solid #F0C1B5;}
#examMain .internal_site .quick_menu01 a:last-child,
#examMain .internal_site .quick_menu02 a:last-child {border-bottom:0;}
/* 2024-07-미정 */
@media (min-width:1023px) and (max-width: 1280px) {
#examMain .internal_site,
#examMain .internal_link {display:none !important;}
}
/* evn_header 이벤트 해더 추가 | 2021-09-14 추가 */
/*.evn_header {display:flex; align-items: center; justify-content: center; width:100%; height:6rem; text-align:center; background:#000; font-size:2.2rem; font-weight:400; color:#fff; letter-spacing: -.5px;}
.evn_header a {display:inline-block; font-size:2.2rem; font-weight:400; color:#fff;}
.evn_header a .red {color:#ee1552;}
.evn_header a .btn {display:inline-block; width:6rem; height:2.2rem; line-height:2rem;; font-size:1.6rem; font-weight:bold; color:#1c1c1c; background:#ee1552; border-radius:10px; margin-left:1rem;}
.evn_header .icon_txt:before {content:''; display:inline-block; width:4.4rem; height:3.7rem; background:url('/user/img/exam/icon_balloon_evn.png') no-repeat; background-size:100% 100%; vertical-align: middle;}*/
#examMain .autoComplete .key {color:#d93a3a !important; font-weight:500 !important;}
#examMain .autoComplete .ac_title {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:2rem 2.5rem 1.3rem 2.5rem;}
#examMain .autoComplete .ac_title .tit {color:#232323; font-size:1.8rem; line-height:1;}
#examMain .autoComplete .ac_title .btn_ac_srch {height:2.8rem; padding:0 1rem; font-size:1.2rem; border:1px solid #e2e2e2; color:#6f6f6f; border-radius:2px; font-weight:400;}
#examMain .autoComplete .ac_keywords {position:relative; padding:1.3rem 0;}
#examMain .autoComplete .ac_keywords::before {content:''; position:absolute; left:2rem; top:0; right:2rem; display:block; height:1px; background:#eeeeee;}
#examMain .autoComplete .ac_keywords button {width:100%; height:3.6rem; padding:0 2.5rem 0.2rem; color:#797979; text-align:left; font-size:1.6rem; font-weight:400;}
#examMain .autoComplete .ac_keywords button span {position:relative; display:block; width:100%; line-height:1;}
#examMain .autoComplete .ac_keywords button:hover,
#examMain .autoComplete .ac_keywords button:focus {background-color:#f6f6f6;}
#examMain .autoComplete .ac_keywords button:hover span::after,
#examMain .autoComplete .ac_keywords button:focus span::after {content:''; position:absolute; right:0; top:0.2rem; display:inline-block; width:0.5rem; height:1.1rem; margin-left:auto; background:url(/user/img/exam/ico_arrow_srch.png) no-repeat right 50% / 100% 100%;}
#examMain .autoComplete .ac_keywords ul {max-height:18rem; overflow:hidden; overflow-y:auto;}
#examMain .autoComplete .ac_keywords li.nodata {padding:1rem 2.5rem; font-size:1.6rem; line-height:1;}
#examMain .autoComplete .ac_rankings {position:relative; padding:2.4rem 2.5rem 2rem;}
#examMain .autoComplete .ac_rankings::before {content:''; position:absolute; left:2rem; top:0; right:2rem; display:block; height:1px; background:#eeeeee;}
#examMain .autoComplete .ac_rankings .tit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:1.4rem; font-size:1.8rem; color:#232323; font-weight:500; line-height:1;}
#examMain .autoComplete .ac_rankings .tit::before {content:''; position:relative; top:0.2rem; -webkit-box-flex:0; -ms-flex:none; flex:none; display:inline-block; width:1.2rem; height:1.6rem; margin-right:0.8rem; background:url(/user/img/exam/ico_ac_tit.png) no-repeat 0 0 / 100% 100%;}
#examMain .autoComplete .ac_rankings li button {display:block; width:100%; height:3.2rem; overflow:hidden; color:#797979; font-size:1.6rem; font-weight:400; text-align:left;}
#examMain .autoComplete .ac_rankings li button span {display:block; line-height:1; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
#examMain .autoComplete .ac_rankings li button span::before {margin-right:0.4rem; color:#232323; font-weight:500;}
#examMain .autoComplete .ac_rankings li:nth-child(1) button > span::before {content:'1.'}
#examMain .autoComplete .ac_rankings li:nth-child(2) button > span::before {content:'2.'}
#examMain .autoComplete .ac_rankings li:nth-child(3) button > span::before {content:'3.'}
#examMain .autoComplete .ac_rankings li:nth-child(4) button > span::before {content:'4.'}
#examMain .autoComplete .ac_rankings li:nth-child(5) button > span::before {content:'5.'}
#examMain nav {position:relative; z-index:101;}
#examMain nav .grade_menu {width:128rem; margin:4rem auto 0;}
#examMain nav .grade_menu:after {content:''; display:block; clear:both;}
#examMain nav .grade_menu li {float:left; padding-right:3.5rem;}
#examMain nav .grade_menu li:first-child {padding-left:2rem;}
#examMain nav .grade_menu li a {display:block; padding-bottom:1.6rem; font-size:2.8rem; color:#707070;}
#examMain nav .grade_menu li a.on,
#examMain nav .grade_menu li a:focus,
#examMain nav .grade_menu li a:hover {font-weight:bold; color:#060e2d; border-bottom:3px solid #060e2d;}
#examMain nav .grade_menu li:nth-child(1) a.on,
#examMain nav .grade_menu li:nth-child(1) a:focus,
#examMain nav .grade_menu li:nth-child(1) a:hover {border-color:#f39800;}
#examMain nav .grade_menu li:nth-child(2) a.on,
#examMain nav .grade_menu li:nth-child(2) a:focus,
#examMain nav .grade_menu li:nth-child(2) a:hover {border-color:#a9cf52;}
#examMain nav .gnb_wrap {position:relative; border-top:1px solid #e5e5e5;}
#examMain nav .gnb_wrap .inner {width:128rem; margin:0 auto;}
#examMain nav .gnb_wrap .inner:after {content:''; display:block; clear:both;}
#examMain nav .gnb_wrap .le_nav > ul > li > a:focus,
#examMain nav .gnb_wrap .le_nav > ul > li > a:hover,
#examMain nav .gnb_wrap .le_nav > ul > li > a.on {color:#244798;}
#examMain nav .gnb_wrap .le_nav > ul > li:last-child > a {position:relative;}
#examMain nav .gnb_wrap .le_nav > ul > li:last-child > a p {position:absolute; left:0; background-image:url('/user/img/exam/text_danchoo.png');}
/* nav .gnb_wrap .le_nav li .depth {display:none; position:absolute; top:7rem; left:0; width:100%; z-index:95} */
#examMain nav .gnb_wrap .le_nav li .depth li a {display:inline-block; padding:0.6rem 0; color:#898989; font-size:1.4rem; line-height:1.8rem; text-align:center; vertical-align:top}
#examMain nav .gnb_wrap .le_nav li .depth li a:hover,
#examMain nav .gnb_wrap .le_nav li .depth li a:focus,
#examMain nav .gnb_wrap .le_nav li .depth li a.on{color:#3f529c; text-decoration:underline;}
#examMain nav .gnb_wrap .ri_nav {float:right; padding-top:2.2rem; padding-right:2rem;}
#examMain nav .gnb_wrap .ri_nav li {float:left; padding-right:1rem;}
#examMain nav .gnb_wrap .ri_nav li a {display:block; font-size:1.4rem; color:#2b2b2b;}
#examMain nav .gnb_wrap .ri_nav li a:before {content:''; position:relative; top:-1px; display:inline-block; width:1.6rem; height:1.6rem; margin-right:0.5rem; vertical-align:middle; background:url('/user/img/exam/ico_gnb_all.png') no-repeat; background-size:auto 1.6rem;}
#examMain nav .gnb_wrap .ri_nav li:nth-child(2) a:before {background-position:-2.2rem 0;}
#examMain nav .gnb_wrap .ri_nav li:nth-child(3) a:before {background-position:-4rem 0;}
#examMain nav .gnb_wrap .ri_nav li:last-child {padding-right:0;}
#examMain nav .gnb_wrap .le_nav > ul > li > .depth {display:none;}
#examMain nav .gnb_wrap .bg_depth {display:none; overflow:hidden;}/* 2021-04-13 수정 */
#examMain .container {position:relative;}
#examMain .container.no_line {border-top:0; border-bottom:0;}
#examMain .sub_container:after {content:''; display:block; clear:both;}
#examMain .win_container {height:100%; padding:4rem;}
#examMain .sub_container {position:relative; /*width:128rem;*/ width:100%; max-width:128rem;/* margin:2rem auto 10rem;*/} /* 2024-07-미정 */
#examMain .sub_container .lnb {float:left; /*width:24rem;*/ width:18.75%;} /* 2024-07-미정 */
#examMain .sub_container .lnb .lnbSise_box {display:none; position:absolute; right:-4rem; top:0; z-index:98;}
#examMain .sub_container .lnb .lnbSise_box .btn_lnbSide {display:block; position:sticky; top:0; opacity:0;} /* 2024-07-미정 */
#examMain .sub_container .lnb .title {padding:1.3rem 0; background:#062f67; text-align:center;}
#examMain .sub_container .lnb .title h2 {font-size:2.4rem; color:#fff;}
#examMain .sub_container .lnb .title h2:before {content:''; display:block; width:6.3rem; height:6.3rem; margin:0 auto 1rem; border-radius:50%; background:#0b408a url('/user/img/exam/ico_lnb_pc.png') no-repeat; background-size:auto 6.3rem;}
#examMain .sub_container .lnb .title h2 span {display:block; line-height:2.8rem;}
#examMain .sub_container .lnb .title h2.menu2:before {background-position:-6.3rem 0;}
#examMain .sub_container .lnb .title h2.menu3:before {background-position:-12.6rem 0;}
#examMain .sub_container .lnb .title h2.menu4:before {background-position:-18.9rem 0;}
#examMain .sub_container .lnb .title h2.menu5:before {background-position:-25.2rem 0;}
#examMain .sub_container .lnb .title h2.menu6:before {background-position:-31.5rem 0;}
#examMain .sub_container .lnb .title h2.menu7:before {background-position:-37.8rem 0;}
#examMain .sub_container .lnb .title h2.menu8:before {background-position:-44.1rem 0;}
#examMain .sub_container .lnb .menu_list {border-left:1px solid #ccc; border-right:1px solid #ccc;}
#examMain .sub_container .lnb .menu_list > ul > li {border-bottom:1px solid #ebebeb;}
#examMain .sub_container .lnb .menu_list > ul > li:last-child {border-bottom:1px solid #ccc;}
#examMain .sub_container .lnb .menu_list > ul > li a {display:block; padding:2rem 1.5rem 2rem 2rem; font-size:1.5rem; color:#000;}
#examMain .sub_container .lnb .menu_list > ul > li.on a {color:#062f67; font-weight:bold;}
#examMain .sub_container .lnb .menu_list > ul > li.depth > a:after {content:''; display:block; float:right; margin-top:0.4rem; width:1.1rem; height:0.6rem; background:url('/user/img/exam/ico_lnb_depth.png') no-repeat; background-size:1.1rem auto;}
#examMain .sub_container .lnb .menu_list > ul > li.depth > a.on:after {background-position:0 100%;}
#examMain .sub_container .lnb .menu_list > ul > li.depth ul {padding:0.7rem 0; background:#f6f6f6;}
#examMain .sub_container .lnb .menu_list > ul > li.depth ul li a {padding:0.8rem 1.9rem; font-size:1.4rem; font-weight:400; color:#898989;}
#examMain .sub_container .lnb .menu_list > ul > li.depth ul li a:hover,
#examMain .sub_container .lnb .menu_list > ul > li.depth ul li a.on {text-decoration:underline; color:#000;}
#examMain .sub_container .content {position:relative; float:right; /*width:calc(100% - 26rem);*/ width:calc(100% - 20.3125%);} /* 2024-07-미정 */
#examMain .sub_container .content h4 {padding-top:5rem; font-size:2.2rem; font-weight:400; color:#000; line-height:1;}
#examMain .sub_container .content.no_left_con {float:none; margin:0 auto;}
#examMain .sub_container .search {position:relative; left:auto; width:auto; height:auto; margin-left:0;}
#examMain .lnb .banner1 {margin:2rem 0 1rem;}
#examMain .lnb .banner2 {margin:2.5rem 0 0;}
#examMain .lnb .banner1 img,
#examMain .lnb .banner2 img {width:100%;}
#examMain .lnb .ban_curri {display:block; padding:1.5rem 1rem; font-size:1.2rem; font-weight:400; color:#787878; line-height:1.9rem;;background:#eae3e2 url('/user/img/exam/ico_curriculum.png') no-repeat right 1rem top 1.6rem;}
#examMain .lnb .ban_curri strong {display:block; font-size:1.4rem; font-weight:bold; color:#000;}
#examMain .lnb .search_sel {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .lnb .search_sel select {width:50%;}
#examMain .lnb .search_sel select + select {margin-left:1rem;}
#examMain .lnb .search_inp {height:4.2rem; margin-top:1rem; padding:0.8rem 0 0; border:1px solid #ddd;}
#examMain .lnb .search_inp input {display:inline-block; width:86%; height:2.2rem; line-height:2.2rem; font-size:1.4rem; font-weight:400; border:0; vertical-align:middle;}/* 2021-04-17 수정 */
#examMain .lnb .search_inp a {display:inline-block; width:1.7rem; height:1.5rem; vertical-align:middle; background:url('/user/img/exam/ico_lnb_search.png') no-repeat; background-size:1.7rem 1.5rem;}
/* 2024-07-미정 */
@media (min-width:1023px) and (max-width: 1280px) {
#examMain .sub_container {display:-webkit-box; width:100%; height:100%;}
#examMain .sub_container .lnb {position:relative; margin-left:-18.75% !important; transition:all .5s;}
#examMain .sub_container .lnb .lnbSise_box {display:block; right:-5.8rem; width:58px; height:100%;}
#examMain .sub_container .lnb .lnbSise_box .btn_lnbSide {width:58px; height:67px; margin-top:18.2rem; background: url('/user/img/exam/btn_lnbSide_open.png') no-repeat left top; opacity:1; transition:all .2s; cursor:pointer; z-index:99;}
#examMain .sub_container .content {float:left; width:100%; padding:0 2%; transition:all .5s;}
#examMain .main_news_tv .main_dunatv.main {padding:0;}
#examMain .sub_container.subAction {overflow-y:auto;}
#examMain .sub_container.subAction .lnb {width:24rem; margin-left:0 !important;}
#examMain .sub_container.subAction .lnb .lnbSise_box .btn_lnbSide {background: url('/user/img/exam/btn_lnbSide_close.png') no-repeat left top;}
#examMain .sub_container.subAction .lnb .menu_list {width:24rem;}
#examMain .sub_container.subAction .content {width:100rem; padding:0; margin-left:2rem;}
}
#examMain footer {/*width:128rem;*/ width:100%; max-width:128rem; margin:0 auto;} /* 2024-07-미정 */
#examMain footer.evFooter {width:100%;max-width:128rem;margin:0 auto;}
#examMain footer .sns_mob_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:3rem 2rem;}
#examMain footer .sns_mob_wrap .sns {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain footer .sns_mob_wrap .sns li a {display:block; margin-right:3rem; text-align:center;}
#examMain footer .sns_mob_wrap .sns li a:before {content:''; display:inline-block; width:5.4rem; height:5.4rem; margin:0 auto 1rem; vertical-align:middle; border-radius:50%; background:#334075 url('/user/img/exam/ico_sns_all.png') no-repeat 1.2rem 50%; background-size:auto 2.5rem;}
#examMain footer .sns_mob_wrap .sns li.twiter a:before {background-position:-2.7rem 50%;}
#examMain footer .sns_mob_wrap .sns li.insta a:before {background-position:-6.7rem 50%;}
#examMain footer .sns_mob_wrap .sns li.youtube a:before {background-position:-10.7rem 50%;}
#examMain footer .sns_mob_wrap .sns li.blog a:before {background-position:-14.7rem 50%;}
#examMain footer .sns_mob_wrap .sns li.band a:before {background-position:-18.8rem 50%;}
#examMain footer .sns_mob_wrap .sns li.post a:before {background-position:-22.8rem 50%;}
#examMain footer .sns_mob_wrap .sns li.kakaost a:before {background-position:-26.7rem 50%;}
#examMain footer .sns_mob_wrap .sns li a p {display:block; font-size:1.5rem; color:#334075; vertical-align:middle;}
#examMain footer .sns_mob_wrap .mobile {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain footer .sns_mob_wrap .mobile li {padding-left:3.5rem;}
#examMain footer .sns_mob_wrap .mobile li a {display:block; text-align:center;}
#examMain footer .sns_mob_wrap .mobile li a:before {content:''; display:block; width:4.4rem; height:4.4rem; margin:0 auto 0.7rem; background:url('/user/img/exam/ico_footer_mob_link.png') no-repeat 0 0; background-size:auto 4.4rem;}
#examMain footer .sns_mob_wrap .mobile li:nth-child(2) a:before {background-position:-5.4rem 0;}
#examMain footer .sns_mob_wrap .mobile li:nth-child(3) a:before {background-position:-10.8rem 0;}
#examMain footer .sns_mob_wrap .mobile li a p {font-size:1.4rem; color:#000;}
#examMain .slider_family {position:relative; padding:2rem 0; width:inherit; border-top:1px solid #d6d6d6; display:-webkit-box; display:-ms-flexbox; display:flex;}
#examMain .slider_family .slick-list {margin:0;}
#examMain .slider_family > div {opacity:0;}
#examMain .slider_family.is_slicked div {width:92%; margin:0 auto; opacity:1;}
#examMain [class^='footer_family_'] {
display: block;
max-width: 14rem;
height: 5rem;
margin: 0 auto;
background: url('/user/img/exam/family_banner_all.png') no-repeat;
background-size: auto 10rem;
}
#examMain [class^='footer_family_']:hover,
#examMain [class^='footer_family_']:focus {
background-position: 0 100%;
}
#examMain .footer_family_ebs {background-position:0 0;}
#examMain .footer_family_ebs:hover, .footer_family_coaching:focus {background-position:0 100%;}
#examMain .footer_family_coaching {background-position:-14rem 0;}
#examMain .footer_family_coaching:hover, .footer_family_coaching:focus {background-position:-14rem 100%;}
#examMain .footer_family_ercebs {background-position:-28rem 0;}
#examMain .footer_family_ercebs:hover, .footer_family_ercebs:focus {background-position:-28rem 100%;}
#examMain .footer_family_primary {background-position:-42rem 0;}
#examMain .footer_family_primary:hover, .footer_family_primary:focus {background-position:-42rem 100%;}
#examMain .footer_family_middle {background-position:-56rem 0;}
#examMain .footer_family_middle:hover, .footer_family_middle:focus {background-position:-56rem 100%;}
#examMain .footer_family_ebse {background-position:-70rem 0;}
#examMain .footer_family_ebse:hover, .footer_family_ebse:focus {background-position:-70rem 100%;}
#examMain .footer_family_ebsm {background-position:-84rem 0;}
#examMain .footer_family_ebsm:hover, .footer_family_ebsm:focus {background-position:-84rem 100%;}
#examMain .footer_family_ebssw {background-position:-98rem 0;}
#examMain .footer_family_ebssw:hover, .footer_family_ebssw:focus {background-position:-98rem 100%;}
#examMain .footer_family_ebslang {background-position:-112rem 0;}
#examMain .footer_family_ebslang:hover, .footer_family_ebslang:focus {background-position:-112rem 100%;}
#examMain .footer_family_space {background-position:-126rem 0;}
#examMain .footer_family_space:hover, .footer_family_space:focus {background-position:-126rem 100%;}
#examMain .footer_family_edif {background-position:-140rem 0;}
#examMain .footer_family_edif:hover {background-position:-140rem 100%;}
#examMain .footer_family_janghak {background-position:-154rem 0;}
#examMain .footer_family_janghak:hover, .footer_family_janghak:focus {background-position:-154rem 100%;}
#examMain .footer_family_public {background-position:-168rem 0;}
#examMain .footer_family_public:hover, .footer_family_public:focus {background-position:-168rem 100%;}
/* 2022-08-22 추가 */
#examMain .footer_family_bookstory {background-position:-181.5rem 0;}
#examMain .footer_family_bookstory:hover, .footer_family_bookstory:focus {background-position:-181.5rem 100%;}
#examMain .slider_family .slick-prev {position:absolute; z-index:9; top:50%; left:2.7rem; margin-top:-1.2rem; width:1.8rem; height:2.4rem; font-size:0; background:url('/user/img/exam/ico_fo_fam_slide.png') no-repeat; background-size:auto 2.4rem;}
#examMain .slider_family .slick-next {position:absolute; z-index:9; top:50%; right:2.7rem; margin-top:-1.2rem; width:1.8rem; height:2.4rem; font-size:0; background:url('/user/img/exam/ico_fo_fam_slide.png') no-repeat 100% 0; background-size:auto 2.4rem;}
#examMain footer .menu_etc {padding:4rem 2rem; line-height:2.1rem; border-top:1px solid #e5e5e5; overflow:hidden;}/* 2021-04-29 수정 */
#examMain footer .menu_etc:after {content:''; display:block; clear:both;}
#examMain footer .menu_etc ul {float:left;}
#examMain footer .menu_etc ul li {float:left;}
#examMain footer .menu_etc ul li a {display:block; font-size:1.5rem; color:#000; font-weight:bold;}
#examMain footer .menu_etc ul li:first-child a {color:#1f4eb8;}
#examMain footer .menu_etc ul li a:after {content:''; display:inline-block; margin:0 1rem; width:1px; height:1.4rem; vertical-align:middle; background:#000;}
#examMain footer .menu_etc ul li:last-child a:after {display:none;}
#examMain footer .menu_etc .helpdesk {float:right;position:relative; /*width:34.5rem;*/ width:32.5rem;} /* 2024-07-미정 */
#examMain footer .menu_etc .helpdesk strong {display:block; padding-bottom:2.5rem; font-size:1.5rem; color:#000;}
#examMain footer .menu_etc .helpdesk .info > p {display:inline-block; font-size:3.8rem; font-weight:400; color:#757575; vertical-align:middle;}
#examMain footer .menu_etc .helpdesk .info > a {display:inline-block; width:8rem; height:2.8rem; margin-left:1.2rem; font-size:1.2rem; font-weight:400; line-height:2.6rem; color:#fff; border-radius:2px; background:#7e848c;}
#examMain footer .menu_etc .helpdesk .info > a:before {content:''; display:inline-block; width:1.2rem; height:1.3rem; margin:-0.2rem 0.6rem 0 0.9rem; vertical-align:middle; background:url('/user/img/exam/ico_footer_remote.png') no-repeat; background-size:1.2rem 1.3rem;}
#examMain footer .menu_etc .helpdesk > a {display:block; padding-top:1rem; font-size:1.3rem; color:#757575;}
#examMain footer .menu_etc .helpdesk .ismsp {display:block; padding-top:1.6rem; font-size:1.1rem; color:#757575;}
#examMain footer .menu_etc .helpdesk .ismsp:before {content:''; display:inline-block; width:4.4rem; height:3.1rem; margin-right:0.8rem; vertical-align:middle; background:url('/user/img/exam/text_ismsp.png') no-repeat; background-size:4.4rem 3.1rem;}
#examMain footer .menu_etc .helpdesk .ismsp em {display:inline-block; font-weight:400; line-height:1.6rem; vertical-align:middle;}
#examMain footer .menu_etc .helpdesk .time {position:absolute;left:7rem;top:0;}
#examMain footer .menu_etc .helpdesk .time > p {height:2rem;text-align:left; font-size:1.4rem; color:#757575;}
#examMain footer .menu_etc .address_copy {float:left; width:80%; margin-top:-10.5rem; font-size:1.4rem; color:#757575; font-weight:400;}
#examMain footer .menu_etc .address_copy > p {display:inline-block; padding-right:1rem;}
#examMain footer .menu_etc .address_copy > p span {padding-right:1rem;}
#examMain footer .menu_etc .address_copy .copy {padding-top:3rem;}
#examMain footer .menu_etc .address_copy .copy p {display:block; padding-right:0rem;}
@media (min-width:1023px) and (max-width: 1280px) {
#examMain footer .menu_etc ul {float:none; width:70%;}
#examMain footer .menu_etc .address_copy > p:nth-child(2) {display:block;}
}
/* 긴급공지 */
#examMain .noti_layer_wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) ; z-index:1100; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#examMain .noti_layer_wrap.active {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .noti_layer {display:none; position:relative; width:34rem; background-color:#fff; border-radius:5rem; padding:5rem;}
#examMain .noti_layer.active {display:block;}
#examMain .noti_layer .msg_area {height:13.6rem;}
#examMain .noti_layer .msg_area .msg {font-size:2.4rem; color:#222222; line-height:1.3; font-weight:400; text-align:center; letter-spacing:-0.2rem;}
#examMain .noti_layer .msg_area .msg.tit {font-size:2.8rem; color:#ff5a5a; font-weight:bold; margin-bottom:1rem;}
#examMain .noti_layer .btn_area {margin-top:2rem;}
#examMain .noti_layer .btn_area button {width:100%; height:5rem; font-weight:400; font-size:1.8rem; color:#424242; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:2rem; border:1px solid #cccccc;}
#examMain .noti_layer .btn_area button span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .noti_layer .btn_area button span::after {content:''; display:inline-block; width:0.8rem; height:1.5rem; margin-left:1rem; background:url(/user/img/exam/ico_noti_arr.png) no-repeat 0 0 / 100% auto;}
#examMain .noti_layer .btn_area button.primary {background:#ff5a5a; border-color:transparent; color:#fff;}
#examMain .noti_layer .btn_area button.primary span::after {background-image:url(/user/img/exam/ico_noti_arr_w.png)}
#examMain .noti_layer .noti_close {position:absolute; right:0; top:0;}
#examMain .noti_layer .noti_close .btn_noti_close > span {display:block; width:3.6rem; height:3.6rem; background:url(/user/img/exam/ico_noti_close.png) no-repeat 0 0 / 100% auto;}
#examMain .noti_layer {margin:3rem;}
/* 2021-04-01 부가정보 설정 팝업 */
#examMain .start_layer_wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4) ; z-index:1100; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#examMain .start_layer_wrap.active {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .start_layer {display:none; position:relative; width:36rem; background-color:#fff; border-radius:5rem; padding:5rem;}
#examMain .start_layer.active {display:block;}
#examMain .start_layer .start_area .msg {font-size:1.8rem; color:#222222; line-height:1.3; font-weight:400; text-align:center; letter-spacing:-0.2rem;}
#examMain .start_layer .start_area .msg.tit {font-size:2.6rem; color:#222; font-weight:bold; margin-bottom:2.5rem;}
#examMain .start_layer .start_area .sub_txt {font-size:1.8rem; line-height:1.4; text-align:center;}
#examMain .start_layer .start_area .sub_txt span {color:#ff5a5a; font-weight:400;}
#examMain .start_layer .btn_area {margin-top:2rem;}
#examMain .start_layer .btn_area button {width:100%; height:5rem; font-weight:400; font-size:1.8rem; color:#424242; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:2rem; border:1px solid #cccccc;}
#examMain .start_layer .btn_area button span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .start_layer .btn_area button span::after {content:''; display:inline-block; width:0.8rem; height:1.5rem; margin-left:1rem; background:url(/user/img/exam/ico_noti_arr.png) no-repeat 0 0 / 100% auto;}
#examMain .start_layer .btn_area button.primary {background:#ff5a5a; border-color:transparent; color:#fff;}
#examMain .start_layer .btn_area button.primary span::after {background-image:url(/user/img/exam/ico_noti_arr_w.png)}
#examMain .start_layer .start_close {position:absolute; right:0; top:0;}
#examMain .start_layer .start_close .btn_start_close > span {display:block; width:3.6rem; height:3.6rem; background:url(/user/img/exam/ico_noti_close.png) no-repeat 0 0 / 100% auto;}
#examMain .start_layer {margin:3rem;}
/* 2021-04-15 부가정보 설정 팝업 */
#examMain .noti_layer_wrap.noti_layer_40r .noti_layer {width:40rem;}
#examMain .noti_layer_wrap.noti_layer_40r .noti_layer .msg_area {height:auto;}
/* 2021-05-01 | FAQ 팝업 */
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer {width:auto; max-width:100%; padding:3rem 5rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .msg_area {height:auto;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .btn_area button {max-width:24rem; margin:0 auto; display:block;}
#examMain .faq_noti_layer .noti_layer .msg_area .msg.tit {font-size:2.8rem;}
#examMain .faq_noti_layer .noti_layer .msg_area .msg {font-size:1.8rem;}
#examMain .faq_noti_layer .noti_layer .msg_area .msg .num {color:#ff5a5a;}
#examMain .noti_layer .num_table {width:100%; font-size:1.6rem; line-height:1.3; text-align:left; margin-top:1rem;}
#examMain .noti_layer .num_table th {vertical-align:top; font-weight:400; padding:.2rem 0; font-weight:bold;}
#examMain .noti_layer .num_table th .num {color:#ff5a5a;}
#examMain .noti_layer .num_table td {text-align:left; padding:.2rem 0; font-weight:400; }
#examMain .noti_layer .num_table td .num {color:#ff5a5a;}
#examMain .noti_layer .ex_txt {font-size:1.4rem; margin-top:1rem;}
/* 2022-12-01 팝업 닫기영역 */
#examMain .day_wrap_type1 {display:block; width:100%; position:absolute; left:0; bottom:-4rem; text-align:center;}
#examMain .day_wrap_type1.text_left {text-align:left; padding:0 3rem;}
#examMain .day_wrap_type1.text_right {text-align:right; padding:0 3rem;}/* 2023-05-10 수정 */
#examMain .day_wrap_type1.no_bottom {color:#333; position:relative; bottom:0; margin-top:4rem;}
#examMain .day_wrap_type1 input[type="checkbox"] {width:2.2rem; height:2.2rem; margin-right:.5rem;}
#examMain .day_wrap_type1 label {font-size:1.8rem; color:#fff;}
#examMain .day_wrap_type1.no_bottom label {color:#333;}
/* 팝업 닫기영역 | 2023-04-18 추가 */
#examMain .day_wrap_type2 {display:block; width:100%; text-align:right; margin-top:3rem;}
#examMain .day_wrap_type2.text_left {text-align:left; padding:0 3rem;}
#examMain .day_wrap_type2.text_right {text-align:right; padding:0 3rem;}/* 2023-05-10 수정 */
#examMain .day_wrap_type2.no_bottom {color:#333; position:relative; bottom:0; margin-top:4rem;}
#examMain .day_wrap_type2 input[type="checkbox"] {width:2.2rem; height:2.2rem; margin-right:.5rem;}
#examMain .day_wrap_type2 label {font-size:1.4rem; color:#222;}
#examMain .day_wrap_type2.no_bottom label {color:#333;}
/*.modal_wrap.day {display:flex !important;}*/
#examMain .day .day_wrap_type2 {display:none;}
/* 우측AD 2021-04-16 수정 */
#examMain .ad_layer_wrap {display:none; position:absolute; right:calc(50% - 640px - 110px); top:34.6rem; width:9rem; z-index:200;} /* 중앙 - 본문절반 - 여백 - 배너사이즈 */
#examMain .ad_layer_wrap.sticky_box {position:relative; width:9rem; right:auto; top:2rem !important; z-index:200;}
#examMain .sideQuickArea li {overflow:hidden; display:inline-block; margin-bottom:1rem; text-align:center;}
#examMain .ad_layer_wrap iframe {width:8.8rem;height:25rem}
/* AI플로팅배너 */
#examMain .btn_fl_danchoo {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position: fixed; bottom: 8rem; right: 3rem; width: 10rem; height: 9rem; text-align: center; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1000; }
#examMain .btn_fl_danchoo.nav-up {bottom:8rem;}
/* .btn_fl_danchoo a {display:block; width:9.5rem; height:6.9rem; background:url('/user/img/exam/ico_danchoo.png') no-repeat; background-size:9.5rem 6.9rem;} */
/* .btn_fl_danchoo {position:fixed; right:50%; bottom:11.8rem; z-index:200; margin-right:-76.8rem;} */
#examMain .btn_fl_danchoo.danchoo_Xmas {height:14rem;}/* 2022-11-20 수정 | 단추크리스마스 아이콘 */
#examMain .btn_fl_danchoo.danchoo_Xmas .menu-open-button {background:url("/user/img/exam/ico_ebsi_danchoo_xmas.png") no-repeat 0% 50% / 100% auto;}/* 2023-11-20 수정 | 단추크리스마스 아이콘 */
#examMain .btn_fl_danchoo .menu-open-button {-webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0); transform: scale(0.9, 0.9) translate3d(0, 0, 0);position: absolute; left: 50%; margin-left: -48px; display: block; width: 100%; height: 100%; font-size: 0; background: url("/user/img/exam/ico_danchoo.png") no-repeat 0% 50% / 100% auto; cursor: pointer; z-index: 4; -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; -o-transition: transform ease-out 200ms; transition: transform ease-out 200ms; transition: transform ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; }
#examMain .btn_fl_danchoo .menu-open-button > img { width: 96%; margin: 2%; }
#examMain .btn_fl_danchoo .menu-open-button:hover { -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0); transform: scale(1.2, 1.2) translate3d(0, 0, 0)}
#examMain .btn_fl_danchoo .menu-item { position: absolute; left: 50%; margin-left: -4rem; display: block; overflow: hidden; width: 8rem; height: 8rem; border-radius: 50%; -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); opacity: 0;-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0); transform: scale(1.1, 1.1) translate3d(0, 0, 0); -webkit-transition: -webkit-transform ease-out 200ms; transition: -webkit-transform ease-out 200ms; -webkit-transition: all ease-out 200ms; -o-transition: all ease-out 200ms; transition: all ease-out 200ms; transition: all ease-out 200ms, -webkit-transform ease-out 200ms; -webkit-transition-duration: 180ms; -o-transition-duration: 180ms; transition-duration: 180ms; cursor:pointer;}
#examMain .btn_fl_danchoo .menu-item.item-1 { background: url(/user/img/exam/floating_bg.png) 50% 50% / 100% no-repeat; z-index: 3; }
#examMain .btn_fl_danchoo .menu-item.item-2 { background: url(/user/img/exam/floating_bg.png) 50% 50% / 100% no-repeat; z-index: 2; }
#examMain .btn_fl_danchoo .menu-item.item-3 { background: url(/user/img/exam/floating_bg.png) 50% 50% / 100% no-repeat; z-index: 1; }
#examMain .btn_fl_danchoo .menu-open { display: none; }
#examMain .btn_fl_danchoo .menu-open:checked + .menu-open-button {-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-duration: 200ms;-o-transition-duration: 200ms;transition-duration: 200ms;-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item {-webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);-o-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);opacity: 1;}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-1 {-o-transition-duration: 180ms;transition-duration: 180ms;-webkit-transition-duration: 180ms;-webkit-transform: translate3d(0, -10rem, 0);transform: translate3d(0, -10rem, 0);}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-2 {-o-transition-duration: 280ms;transition-duration: 280ms;-webkit-transition-duration: 280ms;-webkit-transform: translate3d(0, -20rem, 0);transform: translate3d(0, -20rem, 0);}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-3 {-o-transition-duration: 380ms;transition-duration: 380ms;-webkit-transition-duration: 380ms;-webkit-transform: translate3d(0, -30rem, 0);transform: translate3d(0, -30rem, 0);}
#examMain .chatbot_window { position: fixed; right: -50rem; bottom: 2.5rem; display: block; overflow: hidden; width: 40rem; height: 96%; max-height: 76.8rem; border-radius: 2px; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; z-index: 10001; background: #fff; -webkit-transition:right 0.3s ease; -o-transition:right 0.3s ease; transition:right 0.3s ease;}
#examMain .chatbot_window.active {right:4rem;}
#examMain figure.floating { position: relative; overflow: hidden; width: 8rem; height: 8rem; -webkit-perspective: 50em; perspective: 50em; border-radius:50%;}
#examMain figure.floating * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
#examMain figure.floating img {opacity: 1;margin-top:1rem;-webkit-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;transform-origin: 50% 0%;}
#examMain figure.floating .floating-text {font-size:1.5rem;color:#e5a7ff;visibility:hidden;opacity:0;position:absolute;left:50%;top:22px;transform:translate(-50%, 100%);}
#examMain figure.floating figcaption {position: absolute;/* top: 0; */left: 0;bottom: 1.6rem;width: 100%; clip:initial; -webkit-clip-path:initial; clip-path:initial; overflow:visible; height:auto; font-size:1.4rem; -webkit-transform: rotateX(90deg);transform: rotateX(0deg);-webkit-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;z-index: 1;opacity: 1;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#examMain .dv_ie figure.floating figcaption {clip:auto; -webkit-clip-path:auto; clip-path:auto;}
#examMain figure.floating:hover figcaption{bottom: 3rem;-webkit-transform: rotateX(90deg);transform: rotateX(90deg);}
#examMain figure.floating:hover figcaption h3{font-size:1.6rem;font-weight: bold;}
#examMain figure.floating h3{width:100%;margin:0;text-align:center;font-size:1.3rem;color:#fff;font-weight: normal;margin: 0;text-transform: uppercase;}
#examMain figure.floating.menu-item.item-1 h3 {opacity:1}
#examMain figure.floating.menu-item.item-1 h3.hover-text {position:absolute;opacity:0}
#examMain figure.floating:hover .floating-text {opacity:1;visibility:visible;transform: translate(-50%,-50%);}
#examMain figure.floating:hover img{-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);opacity: 0;}
#examMain figure.floating:hover figcaption {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
#examMain figure.floating.menu-item.item-1:hover h3 {opacity:0}
#examMain figure.floating.menu-item.item-1:hover h3.hover-text {opacity:1}
@-webkit-keyframes danchooAni {
0% { background-position:0rem 50% }
100% { background-position:-120rem 50%}
}
@keyframes danchooAni {
0% { background-position:0rem 50% }
100% { background-position:-120rem 50%}
}
/* 2021-04-28 수정 pm / popup */
#examMain .main_layerWrap .layerInner {position:absolute;top:0;left:50%;right:auto; box-sizing:border-box;border:2px solid #000;background-color:#fff;box-shadow:2px 2px 3px rgba(0, 0, 0, .3);z-index:1111;}
#examMain .main_layerWrap h1 {height:55px;padding-left:22px;font-size:16px;font-weight:bold;color:#fff;line-height:55px;background-color:#2f4577;}
#examMain .main_layerWrap h1 em {font-size:14px;font-weight:inherit;color:#f34d51;}
#examMain .main_layerWrap .btnClose {position:absolute;top:17px;right:17px;width:20px;height:20px;font-size:0;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/common/btn_layer_close.png') no-repeat 3px 4px;}
#examMain .main_layerWrap .btnCloseBottom {position:absolute;right:-2px;bottom:-31px;width:70px;height:31px;padding:9px 31px 11px 16px;box-sizing:border-box;font-size:11px;font-weight:bold;color:#fff;text-align:left;line-height:1;background:#32374d url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/common/btn_layer_close_bottom.png') no-repeat 80% 10px;box-shadow:2px 2px 3px rgba(0, 0, 0, .3);}
#examMain .main_layerWrap .closeOneDay {position:absolute;right:65px;bottom:-31px;height:31px;padding:9px 16px 11px;box-sizing:border-box;background:#32374d;box-shadow:2px 2px 3px rgba(0, 0, 0, .3);}
#examMain .main_layerWrap .closeOneDay input {vertical-align:top;}
#examMain .main_layerWrap .closeOneDay label {margin-left:8px;font-size:11px;font-weight:bold;color:#fff;text-align:left;line-height:1;vertical-align:top;}
#examMain .main_layerWrap .notice {margin-bottom:10px;font-size:13px;font-weight:bold;color:#244798;}
#examMain .main_layerWrap .btns {position:relative;margin-top:10px;text-align:center;font-size:0;}
#examMain .main_layerWrap .btns .right {position:absolute;top:0;right:0;}
#examMain .main_layerWrap .btns button {display:inline-block;font-size:13px;min-width:87px;padding:5px 10px;box-sizing:border-box;font-size:15px;color:#fff;text-align:center;background-color:#2a50b1;}
/* 2021-05-04 수정 공통 플로팅 배너 */
#examMain .layerFloatBan {position:absolute; left:80%; top:0.6rem; z-index:30000;}/* top:0px;right:0px; 위치값은 inline으로 표기 */
#examMain .layerFloatBan .floatInner {position:relative;}
#examMain .layerFloatBan .floatInner .btn-floating-link {position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999px;}
#examMain .layerFloatBan .floatInner .btn-floating-close {position:absolute; right:0; top:0; width:6rem; height:5rem; text-indent:-9999px; z-index:9;}
#examMain .layerFloatBan .floatInner-Rectangle {position:relative;border:6px solid #fff;border-radius:15px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);}
#examMain .layerFloatBan .floatInner-Rectangle .btn-floating-close {position:absolute;right:-6px;top:-6px;}
#examMain .layerFloatBan.teacher_main {right:0px; top:0; z-index:210;}
@media screen and (max-width:1023px){
#examMain .layerFloatBan {left:76%;}
#examMain .layerFloatBan.teacher_main {left:76%; top:55rem;}
#examMain .layerFloatBan .floatInner .btn-floating-close {width:10rem; height:8rem;}
}
@media screen and (max-width:719px){
#examMain .layerFloatBan {left:auto; right:0;}
#examMain .layerFloatBan.teacher_main {left:auto; right:0;}
}
/* 2021-05-04 수정 | 플로팅 배너 닫기영역 */
#examMain .fl_day_wrap_type1 {display:block; width:100%; position:absolute; left:0; bottom:-3rem; text-align:center;}
#examMain .fl_day_wrap_type1 span {display:inline-block; padding:.5rem 1.5rem; background:#32374d; border-radius:20px;}
#examMain .fl_day_wrap_type1 input[type="checkbox"] {width:1.4rem; height:1.4rem; margin-right:.5rem;}
#examMain .fl_day_wrap_type1 label {font-size:1.2rem; color:#fff; line-height:1.4;}
/* 2021-08-03 | 이미지 레이어 팝업 */
/*.pm_popup_wrap { position:absolute; top:1rem; left:50%; margin-left:-160px; width:auto; z-index:220;} 2022-01-05 히든 */
#examMain .pm_popup_wrap { position:fixed; top:50%; left:50%; width:auto; -webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); z-index:220;}
#examMain .pm_popup_wrap .layerInner_wrap .layerInner .img_wrap > a {display:block;}
#examMain .pm_popup_wrap .layerInner_wrap {display:flex; justify-content: center;}
#examMain .pm_popup_wrap .layerInner {flex-direction:column; box-shadow:1px 3px 15px rgb(0 0 0 / 25%);}
#examMain .pm_popup_wrap .img_wrap {max-width:100%;}
#examMain .pm_popup_wrap .img_wrap img {max-width:100%;}
#examMain .pm_popup_wrap .img_wrap .mob_img {display:none;}
#examMain .pm_popup_wrap .btn_wrap {width:100%; display:flex; flex-wrap:nowrap;}
#examMain .pm_popup_wrap .btn_wrap button {display:inline-block; flex:1 1 auto; width:100%; height:4rem; line-height:4rem; justify-content:center; align-items:center; border-left:1px solid #000;}
#examMain .pm_popup_wrap .btn_wrap button span {font-size:1.4rem; font-weight:bold;}
#examMain .pm_popup_wrap .btn_wrap button:first-child {border-left:0;}
#examMain .pm_popup_wrap .btn_wrap button.btn_all_type01 {background:#2e3d61; color:#fff;}
#examMain .pm_popup_wrap .btn_wrap button.btn_all_type02 {background:#434343; color:#fff;}
/* 2021-05-01 | 단추 이용가이드 */
#examMain .modal_wrap.x_large.modal_wrap_v2 .modal {max-height:100%; height:100%; justify-content:center; background:none; box-shadow:none; padding:0;}
#examMain .modal_wrap.x_large.active.modal_wrap_v2 .modal .pop_h_scroll .modal_inner {width:100%;}
#examMain .ai_guide_popup .modal .modal_head.guide_title {font-size:2.8rem; font-weight:400; color:#000; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; justify-content: flex-start;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .modal_tit {display:inline-block; position:relative; font-size:2.8rem; font-weight:bold; color:#000;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .modal_tit:before {content:''; width:16rem; height:4rem; display:inline-block; margin-right:1rem; background:url(../images/alllecture/logo_danchoo.png) no-repeat left 50%;}
#examMain .ai_guide_popup .modal .modal_head.guide_title span {display:inline-block; margin:2.1rem 0 0 .5rem;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .btn_home {display:inline-block; font-size:1.6rem; color:#919191; background:#eee; height:2.8rem; line-height:2.8rem; padding:0 2rem; border-radius:2rem; margin:1.4rem 0 0 .5rem;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .btn_home:before {content:''; display:inline-block; width:1.2rem; height:1.2rem; background:url(../images/alllecture/icon_guide_home.png) no-repeat; margin:-.3rem .3rem 0 0; vertical-align: middle;}
#examMain .ai_guide_popup .modal .modal_container .guide_wrap {font-size:1.4rem; color:#333; line-height:1.4; height:100%;}
#examMain .ai_guide_popup .guide_info {width:100%; max-width:92rem; margin:0 auto; padding:10rem 0 15rem; overflow:hidden;}
#examMain .ai_guide_popup .guide_info .guide_list {float:left; width:24.25%; height:32rem; border:1px solid #eaeaea; margin-left:1%;}
#examMain .ai_guide_popup .guide_info .guide_list:first-child {margin-left:0;}
#examMain .ai_guide_popup .guide_info .guide_list:hover {border-color:#7290ef; background-color:#f9f9f9;}
#examMain .ai_guide_popup .guide_info .guide_list a {display:block; width:100%; height:100%; font-size:1.6rem; color:#666; line-height:1.4; font-weight:400; text-align:center; padding:4rem 1rem 0; }
#examMain .ai_guide_popup .guide_info .guide_list a .tit {display:block; margin:0 0 1.5rem;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit span {padding:0 2rem; height:3rem; line-height:3rem; font-size:1.8rem; font-weight:400; color:#fff; background:#7290ef; border-radius:2rem;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit:before {display:block; content:''; width:12rem; height:12rem; background:url(../images/alllecture/icon_guide_info.png) no-repeat; background-position:0 0; margin:0 auto 2rem;}
#examMain .ai_guide_popup .guide_info .guide_list.guide02 a .tit:before {background-position:-22.8rem 0;}
#examMain .ai_guide_popup .guide_info .guide_list.guide03 a .tit:before {background-position:-46.2rem 0;}
#examMain .ai_guide_popup .guide_info .guide_list.guide04 a .tit:before {background-position:-69.2rem 0;}
#examMain .ai_guide_popup .guide_view {width:100%; max-width:102rem; height:100%; margin:0 auto; text-align:left; height:100%;}
#examMain .ai_guide_popup .guide_view .guide_list_box {width:100%; font-size:1.8rem; font-weight:400; color:#424242; margin-top:3rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .title_box {display:block; margin-bottom:2.5rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .title_box.title_mt {margin-top:2rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .title_box .bg_line {display:inline-block; position:relative; padding:0 .5rem; font-size:2.8rem; line-height:3.6rem; font-weight:bold; color:#424242; z-index:2;}
#examMain .ai_guide_popup .guide_view .guide_list_box .title_box .bg_line:before {content:''; display:block; width:100%; height:1rem; position:absolute; bottom:0; left:0; background:#cdd9ff; z-index:-1;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list {width:100%; border:1px solid #eee; background:#f9f9f9; padding:4rem 3.8rem; font-size:1.8rem; font-weight:400; color:#424242;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .normal_txt li {margin-top:.5rem; line-height:1.3;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .normal_txt li:first-child {margin-top:0;}
#examMain .ai_guide_popup .guide_view .guide_list_box .m_t_1 {margin-top:1.5rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .m_t_2 {margin-top:3.5rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .img {margin-top:2rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .img img {max-width:100%;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li {position:relative; padding-left:1.3rem; margin-top:.5rem; font-size:1.6rem; color:#919191; line-height:1.3;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li:first-child {margin-top:0;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li:before {content:''; display:block; width:.5rem; height:.5rem; background:#919191; border-radius:50%; position:absolute; top:0.9rem; left:0;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li.no_but:before {display:none;}
#examMain .ai_guide_popup .guide_view .guide_list_box .color_blue {color:#577dd0 !important; font-weight:400;}
/* 2021-12-09 | 단추 이용가이드 */
/* 가이드 메인 */
#examMain .aiGuide_popup .modal .modal_head {position:relative; padding:20rem 3.5rem 12rem 3.5rem; border-bottom:0;}
#examMain .aiGuide_popup .modal .modal_head:before {content:''; position:absolute; right:-6rem; top:6rem; width:62rem;height:30rem; background:url('../images/alllecture/aiGuid_bigIcon.png') no-repeat right 0rem; background-size:100%; z-index:9;}
#examMain .aiGuide_popup .modal .modal_head.guide_title {float:left; width:100%; max-width:115rem; margin:0 auto; font-size:2.8rem; font-weight:400; color:#000; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; justify-content: flex-start;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit {display:inline-block; position:relative; font-size:4.3rem; font-weight:bold; color:#2c3343;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit:before {content:''; width:25rem; height:6rem; display:inline-block; margin-right:1rem; background:url('../images/alllecture/aiGuid_logo.png') no-repeat left 50%; background-size:auto 60px;}
#examMain .aiGuide_popup .modal .modal_top_close {position:absolute; width:3.2rem; height:3.2rem; top:5rem; right:13rem; z-index:10;}
#examMain .aiGuide_popup .modal .modal_top_close span {display:inline-block; width:3.2rem; height:3.2rem;background:url("../images/alllecture/aiGuid_close_b.png") no-repeat center center / 100% auto; text-indent:-9999px; background-size:100%; overflow:hidden;}
#examMain .aiGuide_popup .guide_info {display:flex; align-content:space-between; width:100%; max-width:110rem; margin:2rem auto 5rem;}
#examMain .aiGuide_popup .guide_info .guide_list {float:left; width:100%; max-width:40rem; border:3px dashed #fff; box-shadow:0px 0px 15px rgba(0,0,0,0.3); transition: all 0.3s;}
#examMain .aiGuide_popup .guide_info .guide_list:nth-child(2) {margin:0 5rem;}
#examMain .aiGuide_popup .guide_info .guide_list:hover {border:3px dashed #000; box-shadow:none;}
#examMain .aiGuide_popup .guide_info .guide_list.guide01 {background:url('../images/alllecture/aiGuid_info_01.png') no-repeat 4rem 5rem;}
#examMain .aiGuide_popup .guide_info .guide_list.guide02 {background:url('../images/alllecture/aiGuid_info_02.png') no-repeat 4rem 5rem;}
#examMain .aiGuide_popup .guide_info .guide_list.guide03 {background:url('../images/alllecture/aiGuid_info_03.png') no-repeat 4rem 5rem;}
#examMain .aiGuide_popup .guide_info .guide_list a {display:block; width:100%; height:100%; padding:16rem 2rem 0 4rem;}
#examMain .aiGuide_popup .guide_info .guide_list a strong.tit {display:block; text-align:left; font-weight:bold; font-size:3rem; color:#000; margin-bottom:0; line-height:1.2;}
#examMain .aiGuide_popup .guide_info .guide_list a p.txt {font-size:1.6rem; color:#000; margin:1.5rem 0 3rem 0;}
/* 가이드 서브 */
#examMain .aiGuide_popup .modal .modal_head.sub_logo {position:relative; padding:5rem 3.5rem; border-bottom:0;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo:before {content:''; position:absolute; right:-4rem; top:0; width:62rem;height:30rem; background:url('../images/alllecture/aiGuid_bigIcon.png') no-repeat right -10rem; background-size:100%; z-index:9;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title {display:block; width:100%; max-width:120rem; margin:0 auto; font-size:2.8rem; font-weight:400; color:#000;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit {display:inline-block; position:relative; font-size:4rem; font-weight:bold; color:#2c3343;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit:before {content:''; width:21rem; height:4.8rem; display:inline-block; margin-right:1rem; background:url('../images/alllecture/aiGuid_logo.png') no-repeat left 50%; background-size:auto 50px;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu {display:flex; width:100%; height:7rem; margin:3rem 0 0 0; background:url('../images/alllecture/aiGuide_meun_bg.png') no-repeat left top;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li {display:flex; align-items:center; margin-left:1.5rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li a {text-align:center; font-size:1.8rem; font-weight:500; color:#2c3343; margin-right:2rem; letter-spacing:-0.02em;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li a:hover ,
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li.active a {color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose {position:absolute; width:3.2rem; height:3.2rem; top:7rem; right:14rem; z-index:10;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose span {display:inline-block; width:3.2rem; height:3.2rem;background:url("../images/alllecture/aiGuid_close_w.png") no-repeat center center / 100% auto; text-indent:-9999px; background-size:100%; overflow:hidden;}
#examMain .aiGuide_popup .modal .modal_container .guide_wrap {font-size:1.4rem; color:#333; line-height:1.4; height:100%;}
#examMain .aiGuide_popup .modal .modal_container .guide_tit_01 {text-align:left; font-weight:bold; font-size:3.6rem; color:#000; margin-bottom:5rem;}
#examMain .aiGuide_popup .modal .modal_container .guideCon_box {overflow:hidden; margin-bottom:10rem;}
#examMain .aiGuide_popup .modal .modal_container .guide_tit_desc {text-align:left; font-weight:400; font-size:1.6rem; margin-bottom:5rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 {display:flex; margin:0 0 15rem -2%; width:115rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li {width:calc(100% / 3); padding:0 2%; box-sizing:border-box;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt {position:relative;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt:after {content:'';position:absolute;right:-40px;top:40%; width:3.6rem; height:2.2rem; background:url('../images/alllecture/aiGuid_arrow_right.png') no-repeat center center; background-size:100%;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li:nth-child(3) dl dt:after {content:'';right:0;top:0; width:0; height:0; background:none;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt img {width:100%; margin-bottom:2rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dd > strong {display:block; margin-bottom:1rem; text-align:center; font-weight:500; font-size:1.8rem; color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dd {text-align:center; font-weight:400; font-size:1.6rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 {position:relative; overflow:hidden; margin-bottom:7rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li {float:left; width:calc(96% / 2);}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li:first-child {margin-right:2%;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li:last-child {margin-left:2%;}
#examMain .aiGuide_popup .modal .modal_container .tit {text-align:left; font-weight:bold; font-size:2.5rem; color:#000; margin-bottom:5rem;}
#examMain .aiGuide_popup .modal .modal_container .tit > em {color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_container .colorBox {text-align:left; font-weight:400; font-size:1.6rem; padding:1.5rem 2rem; background-color:#f6f2f6; border:1px dashed #333; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .colorBox > em {color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_txtDesc {margin-bottom:2rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_txtDesc span {display:block; text-align:left; font-weight:400; font-size:1.6rem; margin-bottom:1rem; line-height:1.6;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_txtDesc > img {width:100%; max-width:30.8rem; margin-bottom:1rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_colorTxt {text-align:left; font-weight:400; font-size:1.6rem; color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li img {width:100%;}
#examMain .aiGuide_popup .modal .modal_container .img_step1 {position:relative; width:100%; margin-bottom:10rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step1 img {width:100%; max-width:110rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 {position:relative; width:100%; margin-bottom:10rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li {float:left; width:calc(98% / 2);}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li:first-child {margin-right:1%;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li:last-child {margin-left:1%;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dt img {width:100%; min-height:28.3rem; margin-bottom:2rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p {text-align:left; font-weight:400; font-size:1.6rem; margin-bottom:2rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p.borderBox {text-align:left; font-weight:400; font-size:1.6rem; padding:1rem; border:1px dashed #333; margin-bottom:3rem; line-height:1.6;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p.borderBox > em,
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p > em {color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p > em.fRed {color:red;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p > em.fBlue {color:#309fb9;}
#examMain .aiGuide_popup .guide_view {width:100%; max-width:110rem; height:100%; margin:0 auto; text-align:left; height:100%;}
/* 2021-12-09 | 단추 이용가이드 */
@media screen and (min-width:1023px) and (max-width:1280px){
#examMain .aiGuide_popup .modal .modal_top_close {position:absolute; width:3.2rem; height:3.2rem; top:5rem; right:8rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo:before {right:-3rem; top:0; width:48rem;height:30rem; background-position:right -5rem;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose {top:7rem; right:7.5rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 {width:104%; padding-left:0;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt:after {right:-38px; width:3rem; height:2rem; background-size:80%;}
}
@media screen and (min-width:1023px) {
/* .wrap {min-width:128rem;} 2024-07-미정 */
#examMain header .top_util_wrap .all_menu {display:none;}
#examMain header .util {width:128rem; margin:0 auto;}
#examMain header.evHeader .util {width:100%;max-width:128rem;}
#examMain header .util_wrap {background:#f7f7f7; padding:0.9rem 0;}
#examMain header .top_util_wrap {/*width:128rem;*/ width:100%; max-width:128rem; margin:0 auto;} /* 2024-07-미정 */
#examMain nav .gnb_wrap .le_nav {float:left; width:calc(100% - 31rem);}
#examMain nav .gnb_wrap .le_nav > ul {display:-webkit-box;display:-ms-flexbox;display:flex; padding-left:2rem;}
#examMain nav .gnb_wrap .le_nav > ul > li {position:relative; width:calc(100%/7);}
#examMain nav .gnb_wrap .le_nav > ul > li > a {display:block; padding:2.2rem 0 2.2rem 0; font-size:1.9rem; font-weight:600;}
#examMain nav .gnb_wrap.on .le_nav > ul > li > .depth {display:block; padding-top:2rem;}/* 2021-04-13 수정 */
#examMain nav .gnb_wrap .le_nav > ul > li:last-child > a p {top:1.1rem; width:4.9rem; height:0.7rem; background-size:4.9rem 0.7rem;}
#examMain nav .gnb_wrap {height:6rem;}
#examMain nav .gnb_wrap .inner {position:relative; height:100%; overflow:visible;}/* 2021-05-20 수정 */
#examMain nav .gnb_wrap .le_nav {position:absolute; z-index:11; overflow:visible;}/* 2021-05-24 수정 */
#examMain nav .gnb_wrap .bg_depth {display:block; position:absolute; top:100%; right:0; left:0; z-index:10; height:0; border-top:1px solid #d9d9d9; background:rgba(255,255,255,1);}
#examMain nav .gnb_wrap .bg_depth .banner{position:absolute; top:18rem; right:50%; margin-right:-62.2rem; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%)}
#examMain nav .gnb_wrap .inner,
#examMain nav .gnb_wrap .bg_depth {-webkit-transition:height 0.3s ease;-o-transition:height 0.3s ease;transition:height 0.3s ease;}
#examMain nav .gnb_wrap .bg_depth_hover {border-bottom:1px solid #2f3d62;}
#examMain .ad_layer_wrap {display:block;}
}
/* all menu tablet & mobile */
#examMain .mobile_menu {display:none; position:fixed; width:100%;height:100%; left:-100%; top:0 !important; padding-top:0; background:#EBEBEB; z-index:1001; -webkit-overflow-scrolling:touch }
#examMain html.mm-opened, html.mm-opened body .mobile_menu {display:block }
#examMain .mobile_menu .login_area {height:10rem; background:#fff;}
/*.mobile_menu .login_area:after {content:''; display:block; clear:both;}*/
/*.mobile_menu .login_area .login:before {content:''; display:inline-block; width:3rem; height:2.6rem; margin:-0.8rem 1.6rem 0 0; vertical-align:middle; background:url('/user/img/exam/ico_all_menu_login.png') no-repeat; background-size:3rem 2.6rem;}*/
#examMain .mobile_menu .login_area .login {display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:3rem;}
#examMain .mobile_menu .login_area .login a {display:flex; justify-content:center; align-items:center; width:auto; height:4.5rem; line-height:3rem; font-weight:500; text-align:left; font-size:2.4rem; color:#000; padding:0 3rem 0 5rem; margin-left: 1.5rem; border-radius:4.5rem; background: #EAEBEE url('/user/img/exam/icon_logout.svg') no-repeat 2.5rem center; background-size:auto 2rem; text-indent:0;}
#examMain .mobile_menu .login_area .login a:last-child {padding:0 1rem; background:none;}
#examMain .mobile_menu .login_area .logout {display:flex; justify-content:start; align-items:center; width:50%; position:absolute; left:3rem; top:3rem;}
#examMain .mobile_menu .login_area .logout span {text-align:left; font-size:2.4rem; color:#000;}
#examMain .mobile_menu .login_area .logout button {width:auto; height:4.5rem; line-height:3rem; font-weight:500; text-align:left; font-size:2.4rem; color:#000; padding:0 3rem 0 5rem; margin-left: 1.5rem; border-radius:4.5rem; background: #EAEBEE url('/user/img/exam/icon_logout.svg') no-repeat 2.5rem center; background-size:auto 2rem; text-indent:0;}
#examMain .mobile_menu .login_area .mobile_menu_home {position:absolute; right:9rem; top:3rem; width:4rem; height:4rem; background:url('/user/img/exam/btn_all_menu_home.svg') no-repeat 50% 50%; background-size:3rem 3rem;}
#examMain .mobile_menu .login_area .mobile_menu_close {position:absolute; right:3rem; top:3rem; width:4rem; height:4rem; background:url('/user/img/exam/btn_all_menu_close.svg') no-repeat 50% 50%; background-size:3rem 3rem;}
#examMain .mobile_menu .login_area .on_air {float:right; min-width:11.6rem; height:4rem; margin-right:3.2rem; font-size:2.4rem; line-height:3.6rem; text-align:center; color:#fff; border-radius:25px; background:#d93a3a;}
#examMain .dim {display:none; z-index:9998; position:fixed; left:0; right:0; top:0; width:100%; height:100%; background:#000; opacity:0.6 }
/* 2021-04-25 수정 모바일 sns로그인 수정 */
#examMain .mobile_menu .login_area.log_sns .log .user {position:relative;}
#examMain .mobile_menu .login_area.log_sns .log .user:before {content:''; display:inline-block; vertical-align:middle; width:3rem; height:3rem; margin:-.5rem .5rem 0 0; background:url('/user/img/exam/ico_login_sns_L.png') no-repeat 0 50%; background-size:auto 2.2rem; border-radius:50%; box-sizing:border-box;}
#examMain .mobile_menu .login_area.log_sns .log .user.naver:before {background-color:#67bb6c; background-position:.5rem .4rem}
#examMain .mobile_menu .login_area.log_sns .log .user.facebook:before {background-color:#6081c4; background-position:-3.3rem .4rem;}
#examMain .mobile_menu .login_area.log_sns .log .user.kakao:before {background-color:#ffd352; background-position:-7.3rem .4rem;}
#examMain .mobile_menu .login_area.log_sns .log .user.apple:before {background-color:#000; background-position:-8.8rem .6rem; background-size:auto 1.8rem;}
#examMain .mobile_menu .login_area.log_sns .log .user.google:before {background-color:#fff; border:1px solid #3d82f0; background-position:-16.3rem .2rem; background-size:auto 2.4rem;}/* 2022-12-05 수정 */
/* //2021-04-25 수정 모바일 sns로그인 수정 */
#examMain .ten_sppech {position:absolute; top:14.4rem; right:4.6rem; padding:0.2rem 0; font-size:2.6rem; color:#a0c8ff;}
#examMain .ten_sppech:after {content:''; display:inline-block; margin-left:2rem; width:1rem; height:1.8rem; background:url('/user/img/exam/ico_all_menu_arrow_sph.png') no-repeat; background-size:1rem 1.8rem;}
#examMain .mobile_menu .tab {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:calc(100% - 12rem);}
#examMain .mobile_menu .tab .slick-list {width:100%;}
#examMain .mobile_menu .tab .slick-list .slick-track {display:flex; width:100% !important;}
#examMain .mobile_menu .tab > ul {display:flex; justify-content:space-between; align-items:center; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#examMain .mobile_menu .tab > ul:after {content:''; display:block; clear:both;}
#examMain .mobile_menu .tab > ul li {width:100% !important;; height:100%; text-align:center; margin:0 auto;}
#examMain .mobile_menu .tab > ul li.on:nth-child(1) {border-bottom:2px solid #194188;}
#examMain .mobile_menu .tab > ul li.on:nth-child(2) {border-bottom:2px solid #238423;}
#examMain .mobile_menu .tab > ul li.on:nth-child(3) {border-bottom:2px solid #9C5B18;}
#examMain .mobile_menu .tab > ul li.on:nth-child(4) {border-bottom:2px solid #741be0;}
#examMain .mobile_menu .tab > ul li.on:nth-child(5) {border-bottom:2px solid #eb2332;}
#examMain .mobile_menu .tab > ul li a {display:flex; justify-content:center; align-items:center; width:100%; height:6rem; font-size:2.4rem; line-height:2.6rem; color:#194188;}
#examMain .mobile_menu .tab > ul li.on a {font-weight:bold;}
#examMain .mobile_menu .tab > ul li.on:nth-child(1) a {color:#194188;}
#examMain .mobile_menu .tab > ul li:nth-child(2) a,
#examMain .mobile_menu .tab > ul li.on:nth-child(2) a {color:#238423;}
#examMain .mobile_menu .tab > ul li:nth-child(3) a,
#examMain .mobile_menu .tab > ul li.on:nth-child(3) a {color:#9C5B18;}
#examMain .mobile_menu .tab > ul li:nth-child(4) a,
#examMain .mobile_menu .tab > ul li.on:nth-child(4) a {color:#741be0;}
#examMain .mobile_menu .tab > ul li:nth-child(5) a,
#examMain .mobile_menu .tab > ul li.on:nth-child(5) a {color:#eb2332;}
#examMain .mobile_menu .tab > .con_box {display:none; width:100%; height:100%; overflow:hidden; overflow-y:auto;}
#examMain .mobile_menu .tab > .con_box.on{display:block;}
#examMain .mobile_menu .tab > .con_box .menu_area {position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%;}
#examMain .menu_area .dep01 > div {padding-bottom:7rem}
#examMain .menu_area .dep01 > div.has_scroll {padding-top:2rem; padding-bottom:2rem;}
#examMain .menu_area .dep01 > div.has_scroll > a {position:absolute; top:0; left:0; width:100%; padding-top:2rem;}
#examMain .menu_area .dep01 > div.has_scroll > ul {min-height:100%; margin-bottom:0; padding-bottom:2rem;}
#examMain .tab [id^="con"] .menu_area > ul li.dep01.on a.dep01,
#examMain .tab [class^="con"] .menu_area > ul li.dep01.on a.dep01 {position:relative; color:#194188; font-weight:bold; background:#fff;}
#examMain .tab [id^="con"] .menu_area > ul li.dep01.on a.dep01:before,
#examMain .tab [class^="con"] .menu_area > ul li.dep01.on a.dep01:before {content:''; display:block; position:absolute; top:50%; left:85%; width:1rem; height:1rem; margin-top:-0.5rem; background:#194188; border-radius:100%;}
#examMain #con2 .menu_area > ul li.dep01.on a.dep01,
#examMain .con2 .menu_area > ul li.dep01.on a.dep01 {color:#238423 !important;;}
#examMain #con2 .menu_area > ul li.dep01.on a.dep01:before,
#examMain .con2 .menu_area > ul li.dep01.on a.dep01:before {background:#238423 !important;;}
#examMain #con3 .menu_area > ul li.dep01.on a.dep01,
#examMain .con3 .menu_area > ul li.dep01.on a.dep01 {color:#F77E0B !important;}
#examMain #con3 .menu_area > ul li.dep01.on a.dep01:before,
#examMain .con3 .menu_area > ul li.dep01.on a.dep01:before {background:#F77E0B !important;}
#examMain #con4 .menu_area > ul li.dep01.on a.dep01,
#examMain .con4 .menu_area > ul li.dep01.on a.dep01 {color:#741be0 !important;}
#examMain #con4 .menu_area > ul li.dep01.on a.dep01:before,
#examMain .con4 .menu_area > ul li.dep01.on a.dep01:before {background:#741be0 !important;}
#examMain #con5 .menu_area > ul li.dep01.on a.dep01,
#examMain .con5 .menu_area > ul li.dep01.on a.dep01 {color:#eb2332 !important;}
#examMain #con5 .menu_area > ul li.dep01.on a.dep01:before,
#examMain .con5 .menu_area > ul li.dep01.on a.dep01:before {background:#eb2332 !important;}
#examMain #con1 .menu_area > ul li.dep01 .on > a,
#examMain .con1 .menu_area > ul li.dep01 .on > a {color:#194188 !important;;}
#examMain #con2 .menu_area > ul li.dep01 .on > a,
#examMain .con2 .menu_area > ul li.dep01 .on > a {color:#238423 !important;;}
#examMain #con3 .menu_area > ul li.dep01 .on > a,
#examMain .con3 .menu_area > ul li.dep01 .on > a {color:#F77E0B !important;;}
#examMain #con1 .menu_area > ul li.my_class .on > a,
#examMain #con2 .menu_area > ul li.my_class .on > a,
#examMain #con3 .menu_area > ul li.my_class .on > a,
#examMain .con1 .menu_area > ul li.my_class .on > a,
#examMain .con2 .menu_area > ul li.my_class .on > a,
#examMain .con3 .menu_area > ul li.my_class .on > a {color:#d93a3a !important;;}
#examMain #con1 .menu_area > ul li.my_class.on a.dep01,
#examMain #con2 .menu_area > ul li.my_class.on a.dep01,
#examMain #con3 .menu_area > ul li.my_class.on a.dep01 {color:#d93a3a !important;}
#examMain #con1 .menu_area > ul li.my_class.on a.dep01:before,
#examMain #con2 .menu_area > ul li.my_class.on a.dep01:before,
#examMain #con3 .menu_area > ul li.my_class.on a.dep01:before {background:#d93a3a !important;}
#examMain .con_box .menu_area > ul {padding:0;}
#examMain .con_box .menu_area > ul li.dep01 {display:block; width:25rem; overflow:visible;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul {padding:0 5.4rem;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li {border-top:1px solid #efefef;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li:first-child {border-top:0;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a {display:block; padding:2rem 0; font-size:2.6rem; color:#000; line-height:4rem;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub {position:relative;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub:after {content:''; position:absolute; right:1rem; top:2.8rem; width:3rem; height:3rem; transition:all .3s ease; background:url('/user/img/exam/ico_all_menu_arrow_new.svg') no-repeat 95% center; background-size:2.3rem auto; transform:rotate(90deg);}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub.on:after {transform:rotate(-90deg); transition:all .3s ease;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub + ul {display:none; height:0; transition:all .3s ease;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li a.acc_sub.on + ul {display:block; height:100%;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li ul {padding:2rem 0; border-top:1px solid #efefef;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li ul li {padding:0.6rem 0;}
#examMain .con_box .menu_area > ul li.dep01 > div > ul > li ul li a {padding:0.6rem 0; font-size:2.4rem; font-weight:400; color:#666;}
#examMain .con_box .menu_area > ul li.dep01 a.dep01 {display:block; padding:4rem; font-weight:500; font-size:2.6rem; color:#212121;}
#examMain .con_box .menu_area > ul li.my_class a.dep01 {color:#d93a3a;}
#examMain .con_box .menu_area > ul li.dep01 > div {display:none; position:absolute; left:25rem; right:0; top:0; bottom:0; padding-top:0; padding-bottom:15rem; overflow-y:auto; z-index:16; background:#fff; -mzo-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-overflow-scrolling:touch;}
#examMain .con_box .menu_area > ul li.dep01.on > div {display:block;}
/* .mobile_menu .etc_area {position:absolute; left:0; bottom:0; width:36rem; max-height:50rem; padding-bottom:2.4rem; overflow-y:auto;} */
#examMain .mobile_menu .etc_area {width:25rem; height:100%; margin-top:0; padding-top:2rem; padding-bottom:10rem; background-color:#F5F5F5;}
#examMain .mobile_menu .etc_area .menu {width:25rem; padding:2rem 4rem;}
#examMain .mobile_menu .etc_area .menu li a {display:block; padding:1.5rem 0; font-weight:400; font-size:2.4rem; color:#212121; line-height:1.2;}
#examMain .mobile_menu .etc_area .menu li a:after {content:''; display:block; float:right; width:2rem; height:3rem; background:url('/user/img/exam/ico_all_menu_arrow_new.svg') no-repeat right center; background-size:2rem auto;}
#examMain .teacher_all {display:none; position:fixed; width:100%; height:100%; left:0; top:0 !important; padding-top:0; background:#4b4e60; z-index:999999; -webkit-overflow-scrolling:touch }
#examMain .teacher_all .title_area {padding:4rem 4.6rem; background:#0c1331;}
#examMain .teacher_all .title_area:after {content:''; display:block; clear:both;}
#examMain .teacher_all .title_area p {float:left; font-size:3rem; line-height:3.4rem; color:#7896ff;}
#examMain .teacher_all .title_area .teacher_all_close {float:right; width:4rem; height:4rem; background:url('/user/img/exam/btn_all_menu_close.png') no-repeat 50% 50%; background-size:3rem 3rem;}
#examMain .teacher_all .con_box .menu_area > ul li.dep01 > div {top:12rem;}
#examMain .teacher_all .con_box {display:block;}
#examMain .internal_site_m {position:absolute; left:0; bottom:0; right:0; width:100%; padding:2rem; display:flex; justify-content:center; align-items:center; background-color:#fff; border-top:1px solid #efefef; z-index:99;}
#examMain .internal_site_m > a {display:block; margin:0 0.5rem;}
#examMain .internal_site_m > a > img {width:100%;}
#examMain .dim {display:none; z-index:9998; position:fixed; left:0; right:0; top:0; width:100%; height:100%; background:#000; opacity:0.6 }
/* modal */
#examMain .modal_wrap {position:fixed; top:0; left:-100%; z-index:1001; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:0; height:0; padding:5rem 4rem; background-color:rgba(0, 0, 0, 0.5); overflow:hidden;}
/* 관리자등록용 팝업 - admin */
#examMain .modal_wrap.admin {opacity:0;}
#examMain .modal_wrap.admin.active {opacity:1; position:fixed; top:50%; left:50% !important; align-items:start !important; width:360px !important; height:400px !important; margin:-200px 0 0 -180px; padding:0 !important; background-color:inherit; overflow:hidden !important; box-shadow: 7px 8px 15px 8px rgba(0, 0, 0, 0.1);}
#examMain .modal_wrap.admin .modal {opacity:1; width:360px !important; height:400px !important; padding:0 !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; transform:translateY(0);}
#examMain .modal_wrap.admin .modal .modal_container {height:360px !important; overflow:hidden;}
#examMain .modal_wrap.admin.modalTextbook_wrap .day_wrap_type1 {bottom:0; height:40px;}
#examMain .modal_wrap.admin.modalTextbook_wrap .day_wrap_type1 label {font-size:1.6rem;}
#examMain .modal {position:relative; width:100%; max-height:100%; padding:3.7rem 0; background-color:#fff; opacity:0; -webkit-box-shadow:7px 8px 15px 8px rgba(0, 0, 0, 0.1); box-shadow:7px 8px 15px 8px rgba(0, 0, 0, 0.1); -webkit-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; -webkit-transform:translateY(-2rem); -ms-transform:translateY(-2rem); transform:translateY(-2rem);}
#examMain .modal_wrap.x_large .modal {max-width:128rem;}
#examMain .modal_wrap.large .modal {max-width:90rem;}
#examMain .modal_wrap.medium .modal {max-width:62.5rem;}
#examMain .dv_ie .modal_wrap.medium .modal {height:100%;}/* 2021-04-01 수정 */
#examMain .dv_ie #modalPlan.modal_wrap.medium .modal {height:auto; min-height:65%;}/* 2021-04-25 수정 IE 완강목표 계획하기 높이값 수정 */
#examMain .modal_wrap.small .modal {max-width:49.5rem;}
#examMain .modal_wrap.confirm .modal {max-width:46rem}
#examMain .modal .modal_head {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0 3.5rem; padding-right:4rem; padding-bottom:2rem; /*padding:0 3.5rem 2rem 3.5rem; padding-right:4rem;*/ border-bottom:1px solid #000; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .modal .modal_head.vertical_b {-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
#examMain .modal .modal_head.column {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
#examMain .modal .modal_head.f_start {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
#examMain .modal .modal_head.f_start .txt {display:inline-block; margin-left:1rem; font-size:1.6rem; color:#fe5c5a;}
#examMain .modal .modal_head .modal_tit {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; padding-top:0; font-size:2rem; font-weight:bold; color:#212121; line-height:1;}
#examMain .modal .modal_head .modal_tit .countNum {color:red; padding-left:0.5rem;}
#examMain .modal .modal_head .modal_tit.bullet_excMark {position:relative;}
#examMain .modal .modal_head .modal_tit.bullet_excMark:before {content:''; display:inline-block; width:2rem; height:2rem; margin-right:0.7rem; background:url('/user/img/exam/ico_feel_black.svg') no-repeat center center / 100% auto;}
#examMain .modal .modal_head .modal_explain {margin-top:1rem; font-size:1.4rem; font-weight:400; line-height:1;}
#examMain .modal .modal_head.no_line {border-bottom:0;}
#examMain .modal .modal_head.vertical_b .modal_tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}
#examMain .modal .modal_head.vertical_b .info_wrap {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}
#examMain .modal .modal_head .sub_txt {margin-left:1rem; font-size:1.4rem; font-weight:400; color:#212121;}
#examMain .modal .modal_head .btn_print {border:none;}
#examMain .modal .modal_head.btn_head {justify-content:flex-start;}/* 2022-11-15 수정 */
#examMain .modal .modal_head.btn_head button {margin-left:1rem;}/* 2022-11-15 수정 */
/* 2023-11-29 추가 */
#examMain .modal .modal_head .btn_teacher_profile {display:flex;}
#examMain .modal .modal_head .btn_teacher_profile .btn_profile_edit {width:6rem; height:3rem; line-height:2.9rem; text-align:center; font-size:1.6rem; color:#fff; background-color:#738196;}
#examMain .modal .modal_head .btn_teacher_profile .btn_profile_cancel {width:6rem; height:3rem; line-height:2.9rem; text-align:center; font-size:1.6rem; color:#919191; margin-left:0.5rem; background-color:#D9D9D9;}
#examMain .modal .modal_head_desc.dotted {position:relative; margin:0 3.5rem 1rem 3.5rem; padding:1.5rem 0 1.5rem 2rem; background-color:#fafafa;}
#examMain .modal .modal_head_desc.dotted li {position:relative; width:100%; text-align:left; font-size:1.4rem; line-height:1.4; padding:0.2rem 0 0.2rem 1.5rem;}
#examMain .modal .modal_head_desc.dotted li:before {content:'';position:absolute; left:0; top:1.1rem; width:4px; height:4px; background-color:#919191; border-radius:100%;}
#examMain .modal .modal_tit_desc {width:100%; font-size:1.6rem; font-weight:400; color:#212121; line-height:1.4; padding:0 3.5rem 3rem 3.5rem;}/* 2023-07-31 수정 */
/* 크롬, IE 조건 */
#examMain .modal,
#examMain .modal_container {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
/* .modal_container,
.modal_content {flex:1 1 auto;} IE 레이아웃 이슈, 늘어난상태에서 줄어들지 않음. */
#examMain .modal_head,
#examMain .modal_foot {-webkit-box-flex:0;-ms-flex:none;flex:none;}
#examMain .modal_container,
#examMain .modal_container .inner_scroll {overflow:hidden; overflow-y:auto;}
#examMain .modal_container .inner_scroll {min-height:20rem;}
#examMain .modal_container {height:100%;}
#examMain .dv_ie .modal_wrap.large .modal {height:100%;}/* 2021-04-01 수정 */
#examMain .modal_container.has_scroll {height:100%;}
/* 2023-06-15 교재 PDF 팝업 추가 */
#examMain .pdf_reader_info {position:relative; width:100%;}
#examMain .pdf_reader_info .rea_tit {text-align:left; font-size:1.4rem; font-weight:400; color:#212121; line-height:1.7; padding:2rem 0; letter-spacing:-0.03em;}
#examMain .pdf_reader_info .rea_tit > strong {color:#6c81ff;}
#examMain .pdf_reader_info .rea_desc {text-align:left; font-size:1.3rem; font-weight:400; color:#c00000; padding-bottom:3rem;}
#examMain .modal_content .pdf_view_info {display:flex; justify-content:space-between; align-items:center; padding:3rem 1rem 0 0; line-height:1.5;}
#examMain .modal_content .pdf_view_info > span {text-align:left; font-size:1.4rem; color:#707070;}
/* 2023-06-21 loading 팝업 추가 */
#examMain .pdf_loading {position:relative; width:100%; padding:3rem 0 1rem 0;}
#examMain .pdf_loading .loa_img {width:100%; text-align:center;}
#examMain .pdf_loading .loa_img > img {width:100%; max-width:6rem; -webkit-transform-origin:50% 50%; animation:pdf_loading 1.5s linear 0s infinite normal;}
@keyframes pdf_loading {
0% {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}
}
#examMain .pdf_loading .loa_tit {width:100%; text-align:center; font-weight:400; font-size:1.8rem; color:#2b2b2b; line-height:1.7; padding:2rem 0; letter-spacing:-0.02em;}
@media screen and (max-width: 1023px) {
#examMain .pdf_reader_info .rea_tit {font-size:2.5rem; padding:2rem 0;}
#examMain .pdf_reader_info .rea_desc {font-size:2.3rem;padding-bottom:3rem;}
#examMain .modal_content .pdf_view_info {padding:1rem 0;}
#examMain .modal_content .pdf_view_info > span {font-size:2.2rem;}
#examMain .pdf_loading .loa_tit {font-size:2.5rem; padding: 2rem 0;}
@media (orientation: landscape) {
/* .mobile_menu .login_area {height:6.4rem;}*/
/* .mobile_menu .tab > ul li a {height:4rem;}*/
/* .con_box .menu_area > ul li.dep01 > div {top:16.6rem;}*/
}
}
/* 2021-04-25 수정 교재안내 팝업 */
#examMain .modal_wrap.active.modal_wrap_v2 {overflow:hidden;}
#examMain .modal_wrap.large.modal_wrap_v2 .modal {max-width:94rem; max-height:100%; height:100%; justify-content:center; background:none; box-shadow:none; padding:0; }/* 2021-07-22 수정 | width */
#examMain .modal_wrap.active.modal_wrap_v2 .modal .pop_h_scroll {display:flex; width:100%; height:auto; max-height:100%; overflow:hidden;}
#examMain .modal_wrap.active.modal_wrap_v2 .modal .pop_h_scroll .modal_inner {display:flex; position:relative; overflow:hidden; background:#fff; padding:3.7rem 0;}
#examMain .modal_wrap.active.modal_wrap_v2 .modal .sub_inner_cont {position:relative; width:100%; padding:0; display:flex; flex-direction:column;}
#examMain .modal_wrap.active.modal_wrap_v2 .textbook_view .info ul li div.price span {display:inline-block;}
/*.dv_ie .modal_wrap.small .modal {height:100%;} 2021-04-25 수정 IE 높이값 못잡고 잘림 :: 2021-04-16 수정 IE 스크롤 수정 */
#examMain .dv_ie #modalLecturePlay.modal_wrap.small .modal {height:auto;}/* 2021-04-19 수정 IE 강의 재생 팝업 수정 */
#examMain .dv_ie #modalLectureDown.modal_wrap.small .modal {height:auto;}/* 2021-04-19 수정 IE 강의 재생 팝업 수정 */
#examMain .modal_wrap .modal_content.has_line {border-bottom:1px solid #ececec;}
#examMain .modal_wrap .modal_container.has_pad {margin-top:2rem;}
#examMain .modal_wrap .modal_content.has_pad {padding-top:2rem;}
#examMain .modal_top_close {position:absolute; width:4rem; height:4rem; top:3.2rem; right:3rem;}
#examMain .modal_top_close span {display:inline-block; width:2rem; height:2rem;background:url("/user/img/exam/ico_pop_close.png") no-repeat center center / 100% auto; text-indent:-9999px; background-size:100%; overflow:hidden;}
/* .modal_top_close:before {position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; cursor:default;} */
#examMain .modal_foot {display:-webkit-box;display:-ms-flexbox;display:flex; margin:0 3.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .modal_wrap .modal_container + .modal_foot {margin-top:3rem;}
#examMain .modal_foot.align_l {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
#examMain .modal_foot.align_r {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#examMain .modal_foot.align_bw {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}/* 버튼 양쪽 정렬(버튼 두개일때만)*/
#examMain .modal_foot.align_full button {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}/* 버튼 양쪽 정렬(버튼 두개일때만)*/
#examMain .modal_foot.align_full button:last-child {margin-right:0; margin-left:0.5rem;}
#examMain .wrap.wrap_fixed {position:fixed;}
#examMain .modal_wrap.active {width:100%; height:100%; left:0;}
#examMain .modal_wrap.active {overflow-y:initial;}
#examMain .modal_wrap.active .modal {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1;}
#examMain .modal_wrap.active .modal .modal_container {padding:0 3.5rem 3rem 3.5rem;}
#examMain .modal_wrap.active .modal_top_close:before {content:'';}
/* 2021-04-28 수정 윈도우팝업 안에 모달 팝업 */
#examMain .modal_wrap.active.window_in_modal {overflow-y:auto; background:none;}
#examMain .modal_wrap.active.window_in_modal .modal_container {overflow:hidden; overflow-y:hidden;}
/* Confirm Modal */
#examMain .modal_wrap.confirm .modal {padding:3rem;}
#examMain .modal_wrap.confirm .modal_head {padding-bottom:3rem;}
#examMain .modal_wrap.confirm .modal_container {padding:0 2rem;}
#examMain .modal_wrap.confirm .modal_content {padding:2rem 0; color:#44465c; font-size:1.8rem; line-height:1.6; font-weight:400; text-align:center;}
#examMain .main_section {position: relative; margin-bottom: 5rem; }
#examMain .main_section_more {position: absolute; top: 0.7rem; right:2rem; z-index: 9; font-size: 1.6rem; color: #707070; }
#examMain .main_section_more:after { content: "+"; margin-left: 0.5rem; font-size: 1.5rem; vertical-align: -0.12rem; }
#examMain .sub_container .main_contents {width:auto; padding-left:0; padding-right:0;}
#examMain .main_section > * {line-height:1.3;}
#examMain .main_board_inner { overflow: hidden; }
#examMain .main_section_title {margin-bottom: 1.5rem; font-size: 2.6rem; font-weight: bold; }
#examMain .main_board_item {float: left; width: 50%; padding: 0 2rem;}
#examMain .main_board h2 { padding: 0;}
#examMain .main_board_item ul { border-top: 2px solid #000; font-size: 1.6rem; font-weight:400; }
#examMain .main_board_item ul > li { position: relative; padding-left: 1.5rem; margin-top: 1.2rem; }
#examMain .main_board_item ul > li:before { content: ''; position: absolute; top: calc( 50% - 0.2rem); left: 0; width: 0.4rem; height: 0.4rem; border-radius: 1rem; background-color: #212121; }
#examMain .main_board_item ul > li > a { height: 2.5rem; display: table; width: 100%; table-layout: fixed; color: #666; }
#examMain .main_board_item ul > li > a > * { display: table-cell; vertical-align: middle; }
#examMain .main_board_item img { width: 100%; }
#examMain .main_board_notice { width: 6rem; padding-left: 1.5rem; border-radius: 10rem; background-image: url("/user/img/exam/ico_notice_large.png"); background-repeat: no-repeat; background-position: 1rem center; background-color: #212121; background-size: 0.8rem; font-size: 1.4rem; text-align: center; color: #FFF; }
#examMain .main_board_notice + .main_board_subject { padding-left: 1rem; }
#examMain .main_board_subject { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
#examMain .main_board_date { width: 8rem; text-align: right; }
#examMain .main_board {background-color: #f7f7f7;}
#examMain .NamoSE_editor_frame body {overflow-y:auto; -webkit-overflow-scrolling:touch;}/* 2021-06-01 | ios 에디터 영역 스크롤 수정 */
/* 2022-03-10 수정 모바일 AD배너 */
#examMain .mob_footer_ad {display:none; width:100%; position:relative; box-sizing:border-box; }
#examMain .mob_footer_ad .banner1 {position:relative; bottom:0; left:0; width:100%; max-width:100%; height:10rem; margin:0; padding:0; overflow:hidden; text-align:center;}
@media (orientation: landscape) {
#examMain .mob_footer_ad .banner1 {height:18rem;}
}
/*.mob_footer_ad .banner1 {position:fixed; bottom:0; left:0; width:100%; max-width:100%; height:10rem; margin:0; padding:0; overflow:hidden; text-align:center; z-index:100;} 2022-03-14 수정 */
#examMain .mob_footer_ad .banner1.sticky {position:relative;}
#examMain .mob_footer_ad .banner1 iframe {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0;}
/* 최종평가 팝업 | 2022-11-03 수정 */
#examMain .modal.modal_danchoofinal .modal_head .modal_tit {align-items:center;}
#examMain .modal_danchoofinal .danchoofinal_box {width:100%; border:1px solid #e4eded; background-color:#fafafa; padding:3rem; text-align:center; font-size:1.6rem; line-height:1.3; font-weight:400; color:#424242;}
#examMain .modal_danchoofinal .danchoofinal_img {margin-top:4rem;}
#examMain .modal_danchoofinal .danchoofinal_list + .danchoofinal_img {margin-top:6rem;}
#examMain .modal_danchoofinal .danchoofinal_img img {max-width:100%;}
#examMain .modal_danchoofinal .danchoofinal_list {margin-top:6rem; font-size:1.6rem; font-weight:400; line-height:1.3; color:#5A5A5A;}
#examMain .modal_danchoofinal .danchoofinal_img + .danchoofinal_list {margin-top:3rem;}
#examMain .modal_danchoofinal .danchoofinal_list dt {position: relative; padding-left:3rem; font-size:1.8rem; font-weight:400; color:#577DD0;}
#examMain .modal_danchoofinal .danchoofinal_list dt .num {position:absolute; top:.2rem; left:0; display:inline-block; width:2rem; height:2rem; line-height:2rem; font-size:1.3rem; font-weight:400; color:#fff; text-align:center; background-color:#577dd0; border-radius:50%;}
#examMain .modal_danchoofinal .danchoofinal_list dd {margin-top:1.5rem;}
#examMain .modal_danchoofinal .danchoofinal_list dd.mar_t_no {margin-top:0;}
#examMain .modal_danchoofinal .danchoofinal_list dd img {max-width:100%; margin:0 auto;}
#examMain .modal_danchoofinal .danchoofinal_list dd p {padding-left:3rem;}
#examMain .modal_danchoofinal .flex_box_type01 {display:flex; flex-wrap:wrap;}
#examMain .modal_danchoofinal .flex_box_type01 .img {display:inline-flex; flex:1;}
#examMain .modal_danchoofinal .flex_box_type01 .txt_box {display:inline-flex; flex:1; flex-wrap: wrap; padding-left:2rem;}
#examMain .modal_danchoofinal .flex_box_type01 li {margin-top:2.5rem;}
#examMain .modal_danchoofinal .flex_box_type01 li:first-child {margin-top:0;}
#examMain .modal_danchoofinal .flex_box_type01 li.ex_box {padding:2rem 1.5rem; background:#f2f2f2; color:#577DD0;}
#examMain .modal_danchoofinal .flex_box_type01 li .ex {position:relative; padding-left:1.5rem;}
#examMain .modal_danchoofinal .flex_box_type01 li .ex i {position:absolute; top:.4rem; left:0;}
#examMain .modal_danchoofinal .flex_box_type01 dt {padding-left:1.5rem;}
#examMain .modal_danchoofinal .flex_box_type01 dt:before {content:''; position:absolute; top:1.1rem; left:0; width:.4rem; height:.4rem; background:#577DD0; border-radius:50%;}
#examMain .modal_danchoofinal .flex_box_type01 dd {padding-left:1.5rem; margin-top:1rem;}
#examMain .modal_danchoofinal .flex_type01 {align-items: stretch;}
#examMain .modal_danchoofinal .flex_type01 .top_box {display:flex; flex-wrap:wrap; align-items:flex-start;}
#examMain .modal_danchoofinal .flex_type01 .bottom_box {display:flex; align-items:flex-end;}
#examMain .modal_danchoofinal .step_box2 .step_items > li .title {border-color:#f9674b; background-color:#f9674b;}
#examMain .modal_danchoofinal .step_box2 .step_items > li .title button {color:#fff;}
#examMain .modal_danchoofinal .step_box2 .step_items > li .title button span::after {width:.8rem; height:1.5rem; background:url('/user/img/exam/icon_r_arrow.png') no-repeat; background-size:100% 100%; border:0;}
#examMain .modal_danchoofinal .step_box2 + .btn_wrap {margin-top:5rem;}
#examMain .modal_danchoofinal .btn_wrap + .elective_course {margin-top:7rem;}
#examMain .modal_danchoofinal .board_list + .btn_wrap {margin-top:4rem;}
#examMain .modal_danchoofinal .pagination_wrap + .btn_wrap {margin-top:4rem;}
#examMain .modal_danchoofinal .danchoo_box_wrap + .table_scroll_wrap {margin-top:2rem;}
#examMain .modal_danchoofinal .danchoo_box_wrap {border-color:#E4EDED; background-color:#FAFAFA;}
#examMain .modal_danchoofinal .danchoo_box_wrap .col_btn {flex-direction:row; align-items:center;}/* 2022-11-15 수정 */
#examMain .modal_danchoofinal .ex_txt {margin-top:1rem;}
#examMain .modal_danchoofinal .ex_txt2 {margin-top:1rem; font-size:1.2rem; line-height:1.3;}
#examMain .modal_danchoofinal .chk_num {color:#f9674b;}
#examMain .modal_danchoofinal .head_mt {margin-top:3rem;}
#examMain .single_bar {width:100%; display:flex; flex-wrap:wrap; align-items: center;}
#examMain .single_bar dt {width:9rem; font-size:1.6rem; color:#808294; text-align:right; padding:0 3rem 0 1rem;}
#examMain .single_bar dd {display: inline-flex; flex:1; position:relative; width:100%; height:1.6rem; border-radius:20px; overflow:hidden;}
#examMain .single_bar dd span {display:inline-block; height:100%; background:#a861fd; border-radius:20px;}
#examMain .single_bar dd span.opacity90 {opacity:.9;}
#examMain .single_bar dd span.opacity80 {opacity:.8;}
#examMain .single_bar dd span.opacity70 {opacity:.7;}
#examMain .single_bar dd span.opacity60 {opacity:.6;}
#examMain .single_bar dd span.opacity50 {opacity:.5;}
#examMain .single_bar dd span.opacity40 {opacity:.4;}
#examMain .single_bar dd span.opacity30 {opacity:.3;}
#examMain .single_bar dd span.opacity20 {opacity:.2;}
#examMain .single_bar dd span.opacity10 {opacity:.1;}
#examMain .single_bar dd span.opacity0 {opacity:.08;}
#examMain .tab.reNew2109 .tabmenu {position:relative; display:flex; padding-left:1px; padding-top:1px;align-items:center; background-color:#fff; border-left:1px solid #dbdbdb; border-right:0; border-bottom:0; margin-top:3rem;}
#examMain .tab.reNew2109 .tabmenu::before {content:''; display:block; position:absolute; z-index:1; left:0; top:0; height:1px; width:100%; background-color:#dbdbdb;}
#examMain .tab.reNew2109 .tabmenu::after {content:''; display:block; position:absolute; z-index:1; left:0; bottom:0; height:2px; width:100%; background-color:#44465c;}
#examMain .tab.reNew2109 .tabbody {margin-top:3rem;}
#examMain .tab.reNew2109 .tabmenu li {position:relative; height:6rem; border-right:1px solid #dbdbdb; background-color: #fff;}
#examMain .tab.reNew2109 .tabmenu li a {display:flex; justify-content:center; align-items:center; height:6rem; border:0; border-right:1px solid #dbdbdb; padding:0 0 2px 0; font-size:1.8rem; font-weight:400; color:#bdbdbd; line-height:1.4;}
#examMain .tab.reNew2109 .tabmenu li.on {z-index:2; border-right:0;}
#examMain .tab.reNew2109 .tabmenu li.on::after {content:''; display:block; position:absolute; left:-2px; top:-1px; width:100%; height:calc(100% - 2px); border:2px solid #44465c; border-bottom:0;}
#examMain .tab.reNew2109 .tabmenu li:last-child.on::after {width:calc(100% - 2px)}
#examMain .tab.reNew2109 .tabmenu li.on a {color:#44465c; font-weight:bold;}
#examMain .tab.reNew2109 .tabmenu li:hover,
#examMain .tab.reNew2109 .tabmenu li:focus {z-index:1;}
#examMain .tab.reNew2109 .tabmenu li.on:hover,
#examMain .tab.reNew2109 .tabmenu li.on:focus {z-index:2;}
#examMain .tab.reNew2109 .tabbody .search_box + .elective_course {margin-top:7rem;}
#examMain .tab.reNew2109 .tabbody .elective_course {position:relative;width:100%;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title {text-align:left;padding-bottom:1.5rem; color:#787989;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title > strong {display:inline-block;font-weight:600;font-size:2rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title > span {display:inline-block;padding-left:1rem;font-weight:400;font-size:1.6rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title > span > i {font-style:normal;padding-left:0.5rem;color:#f9674b;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea {position:relative;width:100%;padding:2rem 2.5rem;border:1px solid #e8e8e8;box-sizing:border-box;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path {display:block;font-weight:400;text-align:left;font-size:1.6rem;letter-spacing:-0.05em;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path .addClose {display:inline-block;position:relative;width:25px;height:25px;margin-right:0;vertical-align:middle;cursor:pointer;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path .addClose:before {content:'';position:absolute;left:5px;top:11px;width:15px;height:1px;background:#000;transform: rotate( 45deg );}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path .addClose:after {content:'';position:absolute;right:5px;top:11px;width:15px;height:1px;background:#000;transform: rotate( -45deg );}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i {position:relative;padding-left:20px;margin-right:10px;color:#f9674b;font-style:normal;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i:before { position: absolute; left: -2px; top: 9px; content: ""; display:block; overflow:hidden; width:7px; height: 7px; border: 1px solid #cfcfcf; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i:first-child { padding-left: 0; }
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i:first-child:before {display:none;}
#examMain .tab.reNew2109 .tabbody .detail_search {position:relative;width:100%;margin-top:5rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_tit {display:block;padding-bottom:1.5rem;text-align:left;font-weight:600;font-size:2rem; color:#787989;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc {display:flex;position:relative;padding:2rem 3rem;border:1px solid #e8e8e8;box-sizing:border-box;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl {display:inline-block;width:50%;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dt {float:left;width:10rem;height:4.5rem;line-height:4.5rem;text-align:right;font-size:1.8rem;color:#44465c; padding-right:1rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd {float:left;display:flex;align-items:center;width:calc(100% - 10rem);height:4.5rem;line-height:4.5rem;text-align:left;vertical-align:middle;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box {min-width:12rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd.m_w8 .chk_box {min-width:80px;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box label { margin-right:1rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box label:before {top:0;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .select {font-size:1.8rem;min-width:16rem;vertical-align:middle;}
#examMain .tab.reNew2109 .tabbody .detail_search + .btn_wrap {margin-top:5rem;}
#examMain .tab.reNew2109 .board_head {margin-top:6rem;}
#examMain .tab.reNew2109 .board_head .count_area .chk_box {margin-right:0;}
#examMain .modal_wrap.medium .modal.modal_result {max-width:54rem;}
#examMain .modal_wrap.medium .modal.modal_result .top-tit-area {display:none;}
#examMain .modal_wrap.medium .modal.modal_result .btns {display:none;}
#examMain .modal_wrap.medium .modal.modal_result .wrap {overflow:hidden; overflow-x:auto;}
/* 2022-11-30 단원명/작품명 선택 추가 */
#examMain .modal_wrap .modal_content .modal_searchName {width:100%;margin:2rem auto;padding:1.2rem 0;text-align:center;font-size:1.8rem;color:#44465c;border:1px solid #e5e5e5;box-sizing:border-box;}
#examMain .modal_wrap .modal_content .modal_infoTxt {margin:4rem 0 3.5rem 0;text-align:left;font-size:1.8rem;color:#44465c;}
#examMain .modal_wrap .modal_content .modal_selectRoute {position:relative;width:100%;padding:0 0 2rem 0;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route {display:block;padding:3px 0;font-weight:400;text-align:left;font-size:1.6rem;letter-spacing:-0.05em;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route + .route {margin-top:1rem;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .addClose {display:inline-block;position:relative;width:25px;height:25px;margin-right:0;vertical-align:middle;cursor:pointer;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .addClose:before {content:'';position:absolute;left:5px;top:11px;width:15px;height:1px;background:#000;transform: rotate( 45deg );}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .addClose:after {content:'';position:absolute;right:5px;top:11px;width:15px;height:1px;background:#000;transform: rotate( -45deg );}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i {position:relative;padding-left:20px;margin-right:10px;font-style:normal;color:#808294; line-height:1.6;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i > span {color:#f9674b;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:before { position: absolute; left: -2px; top: 9px; content: ""; display:block; overflow:hidden; width:7px; height: 7px; border: 1px solid #cfcfcf; border-top: 0; border-right: 0; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:nth-child(2) {padding-left:5px;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:nth-child(2)::before { content: ""; width:0; height:0; border: 0px; padding-left: 0;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:first-child { padding-left: 0; }
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:first-child:before {display:none;}
#examMain .modal_wrap .modal_content.mh_scroll {max-height:30.6rem; overflow-y:auto;}
/* 고교강의앱 다운로드 팝업 | 2024-04-29 */
#examMain .app_download_wrap {width:100%; height:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; font-size:3.6rem; line-height:1.3; font-weight:400; color:#343434; text-align:center; padding:5rem 3rem; background-color:#e0e9f0;}
#examMain .app_download_wrap .inner_con {display:flex; flex-direction: column; align-items:center; min-width:80%; height:100%; background-color:#fff; padding:10rem 5rem; border-radius:3.5rem; box-shadow:7px 8px 15px 8px rgba(0, 0, 0, 0.1);}
#examMain .app_download_wrap .icon {width:25.1rem; height:25.1rem; margin-bottom:3rem;}
#examMain .app_download_wrap .icon img {width:100%;}
#examMain .app_download_wrap .btn_wrap {width:100%; margin-top:5rem;}
#examMain .app_download_wrap .btn_wrap .btn_XL_col4 {min-width:48rem; height:8rem; line-height:7.8rem; margin:0; font-size:3.6rem; border-radius:4rem;}
@media screen and (min-width:1023px) {
#examMain .main_contents {-webkit-box-flex:0;-ms-flex:none;flex:none; width:100%; max-width:128rem; margin:0 auto;}
#examMain .main_board {/*min-width:128rem;*/ padding:5rem 0 0; line-height: 1.3;} /* 2024-07-미정 */
}
@media print {
#examMain .main_contents {-webkit-box-flex:0;-ms-flex:none;flex:none; width:128rem; margin:0 auto;}
#examMain .main_board {/*min-width:128rem;*/ padding:5rem 0 0; line-height: 1.3;} /* 2024-07-미정 */
}
/* -------------------------- tablet -------------------------- */
@media screen and (max-width:1023px) {
#examMain header .util .le_util {margin:1rem 0 1rem 2rem;}
/* .top_banner {display:none;} 2021-04-24 수정 */
#examMain .top_banner {height:auto;}
#examMain .top_banner a.T_link_all.T_link01 {display:none;}
#examMain .top_banner a.T_link_all.T_link02 {display:none;}
#examMain .top_banner .T_link03 {top:15%; left:3.1%; width:45.3%; height:70%;}
#examMain .top_banner .T_link04 {top:auto; bottom:15%; right:26.6%; width:21.9%; height:35%;}
#examMain .top_banner .T_link05 {bottom:15%; right:3.1%; width:21.9%; height:35%;}
#examMain .top_banner a.T_link_all.T_link06 {display:none;}
#examMain .top_banner a.T_link_all.T_link07 {display:none;}
/* .wrap {min-width:60rem;} */
#examMain nav.sticky .gnb_wrap {position:fixed; top:0px; left:0; width:100%; background:#fff; z-index:9; height:8rem; overflow:hidden;}
#examMain nav .gnb_wrap .le_nav > ul > li .bubble_type1 {display:block; position:absolute; top:1rem; left:0; width:2.9rem; height:1.1rem; background:url('/user/img/exam/gnb_open.png') no-repeat 0 0; background-size:2.9rem 1.1rem; font-size:0; }/* 2021-05-27 수정 */
/* 긴급공지 */
#examMain .noti_layer_wrap {padding:0 5.6rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
#examMain .noti_layer {width:100%; height:46rem; background-color:#fff; border-radius:7rem; padding:5rem 6rem; margin:2rem 0;}
#examMain .noti_layer .msg_area {height:25rem;}
#examMain .noti_layer .msg_area .msg {font-size:4.2rem;}
#examMain .noti_layer .msg_area .msg.tit {font-size:4.6rem;}
#examMain .noti_layer .btn_area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-top:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .noti_layer .btn_area button {max-width:100%; width:36rem; height:8rem; font-size:3rem; color:#424242; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:2rem; border:1px solid #cccccc;}
#examMain .noti_layer .btn_area button span::after {position:relative; top:0.1rem; width:1.3rem; height:2.4rem; margin-left:2rem; background-image:url(/user/img/exam/ico_noti_arr_m.png);}
#examMain .noti_layer .btn_area button.primary span::after {background-image:url(/user/img/exam/ico_noti_arr_w_m.png)}
#examMain .noti_layer .noti_close .btn_noti_close > span {width:5.8rem; height:5.8rem;}
/* 2021-04-01 부가정보 설정 팝업 */
#examMain .start_layer_wrap {padding:0 5.6rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
#examMain .start_layer {width:49rem; background-color:#fff; border-radius:7rem; padding:5rem 6rem; margin:2rem 0;}
#examMain .start_layer .start_area .msg {font-size:2.6rem; }
#examMain .start_layer .start_area .msg.tit {font-size:4.6rem;}
#examMain .start_layer .start_area .sub_txt {font-size:2.6rem;}
#examMain .start_layer .btn_area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-top:2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .start_layer .btn_area button {max-width:100%; width:36rem; height:8rem; font-size:3rem; color:#424242; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:2rem; border:1px solid #cccccc;}
#examMain .start_layer .btn_area button span::after {position:relative; top:0.1rem; width:1.3rem; height:2.4rem; margin-left:2rem; background-image:url(/user/img/exam/ico_noti_arr_m.png);}
#examMain .start_layer .btn_area button.primary span::after {background-image:url(/user/img/exam/ico_noti_arr_w_m.png)}
#examMain .start_layer .start_close .btn_start_close > span {width:5.8rem; height:5.8rem;}
/* 2021-04-15 부가정보 설정 팝업 */
#examMain .noti_layer_wrap.noti_layer_40r .noti_layer {width:100%; height:auto;}
#examMain .noti_layer_wrap.noti_layer_40r .noti_layer .msg_area .msg {font-size:3.4rem; line-height:1.4;}
/* 2021-05-01 | FAQ 팝업 */
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer {height:auto; padding:3rem 4rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .msg_area .msg.tit {font-size:2.8rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .msg_area .msg {font-size:1.8rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .btn_area button {max-width:24rem; height:5rem; font-size:1.8rem; border-radius:2rem; margin:0;}
#examMain .noti_layer .num_table {font-size:1.8rem; }
#examMain .noti_layer .num_table th {padding:.1rem 0;}
#examMain .noti_layer .num_table td {padding:.1rem 0;}
#examMain .noti_layer .ex_txt {font-size:1.6rem; line-height:1.4;}
/* 2021-04-15 팝업 닫기영역 */
#examMain .day_wrap_type1 input[type="checkbox"] {width:2.8rem; height:2.8rem; opacity:1;}
#examMain .day_wrap_type1 label {font-size:2.2rem;}
/* 2023-04-18 팝업 닫기영역 */
#examMain .day_wrap_type2 {bottom:0;}
#examMain .day_wrap_type2 input[type="checkbox"] {width:2.8rem; height:2.8rem; opacity:1;}
#examMain .day_wrap_type2 label {font-size:2.2rem;}
/* 헤더 */
#examMain header {width:100%; /*min-height:22.4rem;*/ padding:0; margin:0;}
#examMain header .util {display:none;}
/* 북고잉 교재 구독 서비스 | 2021-07-19 추가 */
#examMain header .top_util_wrap > .bookgoing_banner {display:none;}
/* 이벤트 로고 설정 | 2022-03-02 수정 */
/*header .top_util_wrap .logo.event_logo a.event_link {display:none;}*/
/* //이벤트 로고 설정 */
/* evn_header | 2024-02-15 수정 */
#examMain .evn_header { font-size:2.4rem;}
#examMain .evn_header p {font-size:1.8rem;}
#examMain .evn_header a {font-size:2.4rem;}
#examMain .evn_header a .btn {width:6rem; height:2.6rem; line-height:2.4rem; font-size:2rem;}
#examMain nav .grade_menu {width:100%; padding:0.4rem 0 0 2rem; margin:0;}
#examMain nav .grade_menu li {float:left; padding-right:2.4rem;}
#examMain nav .grade_menu li:first-child {padding-left:0;}
#examMain nav .grade_menu li a {padding-bottom:1.2rem; font-size:2.8rem;}
#examMain nav .gnb_wrap .inner {width:100%; padding-left:2rem; padding-right:2rem; height:100% !important;}/* 2021-04-13 수정 */
/* nav .gnb_wrap .le_nav {width:inherit; overflow:hidden; overflow-x: scroll; white-space: nowrap;} */
#examMain nav .gnb_wrap .le_nav {width:100%; overflow:hidden;}
#examMain nav .gnb_wrap .le_nav ul {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain nav .gnb_wrap .le_nav li {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:auto; margin:0 2rem; height:8rem;}
#examMain nav .gnb_wrap .le_nav li a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:2.6rem; line-height:1; padding-bottom:0.2rem;}
#examMain nav .gnb_wrap .le_nav li:last-child {padding-right:0;}
#examMain nav .gnb_wrap .le_nav li:last-child a p {top:1rem; width:5rem; height:0.8rem; background-size:5rem 0.8rem;}
#examMain nav .gnb_wrap .ri_nav {display:none;}
#examMain .autoComplete .ac_title {padding:3.4rem 4rem 2.6rem 4rem;}
#examMain .autoComplete .ac_title .tit {font-size:2.6rem;}
#examMain .autoComplete .ac_title .btn_ac_srch {height:4rem; padding:0 1.4rem 2px; font-size:2.2rem;}
#examMain .autoComplete .ac_keywords {padding-top:2rem; padding-bottom:2rem;}
#examMain .autoComplete .ac_keywords::before {left:4rem; right:4rem;}
#examMain .autoComplete .ac_keywords button {height:5.4rem; padding:0 4rem; font-size:2.4rem;}
#examMain .autoComplete .ac_keywords button:hover span::after,
#examMain .autoComplete .ac_keywords button:focus span::after {top:0; width:1rem; height:2.1rem; background-image:url(/user/img/exam/ico_arrow_srch_m.png) no-repeat 0 0;}
#examMain .autoComplete .ac_keywords ul {max-height:27rem;}
#examMain .autoComplete .ac_keywords li.nodata {font-size:2.6rem; padding-left:4rem;}
#examMain .autoComplete .ac_rankings {padding:3rem 4rem;}
#examMain .autoComplete .ac_rankings::before {left:4rem; right:4rem;}
#examMain .autoComplete .ac_rankings .tit {font-size:2.6rem;}
#examMain .autoComplete .ac_rankings .tit::before {width:2rem; height:2.3rem; background-image:url(/user/img/exam/ico_ac_tit_m.png)}
#examMain .autoComplete .ac_rankings li button {height:5.4rem; font-size:2.4rem;}
#examMain .sub_container {width:100%; max-width:100%; margin:0;}
#examMain .sub_container .lnb {display:none;}
#examMain .sub_container .content {width:100%; padding:2rem 2rem; margin-right:0;}
#examMain .sub_container .content h4 {padding-top:5.6rem; font-size:2.8rem;}
#examMain .main_contents {width:100%;}
#examMain footer {width:100%; max-width:100%; margin:0;}
#examMain footer .sns_mob_wrap {padding:2rem 0; border-top:1px solid #e5e5e5;}
#examMain footer .sns_mob_wrap .sns li a {display:block; margin:0 0 0 2rem; text-align:center;}
#examMain footer .sns_mob_wrap .sns li a:before {content:''; display:block; width:5rem; height:5rem; margin:0 auto 0.7rem; border-radius:50%; background:#334075 url('/user/img/exam/ico_sns_all.png') no-repeat 1rem 50%; background-size:auto 2.6rem;}
#examMain footer .sns_mob_wrap .sns li.twiter a:before {background-position:-3.2rem 50%;}
#examMain footer .sns_mob_wrap .sns li.insta a:before {background-position:-7.4rem 50%;}
#examMain footer .sns_mob_wrap .sns li.youtube a:before {background-position:-11.4rem 50%;}
#examMain footer .sns_mob_wrap .sns li.blog a:before {background-position:-15.8rem 50%;}
#examMain footer .sns_mob_wrap .sns li.band a:before {background-position:-19.8rem 50%;}
#examMain footer .sns_mob_wrap .sns li.post a:before {background-position:-24rem 50%;}
#examMain footer .sns_mob_wrap .sns li.kakaost a:before {background-position:-28.2rem 50%;}
#examMain footer .sns_mob_wrap .sns li a p {display:none;}
#examMain footer .sns_mob_wrap .mobile li {padding:0 2rem 0 0;}
#examMain footer .sns_mob_wrap .mobile li:nth-child(3){display:none;}
#examMain footer .sns_mob_wrap .mobile li a:before {content:''; display:block; width:4.4rem; height:4.4rem; margin:0 auto 0.7rem; background:url('/user/img/exam/ico_footer_mob_link.png') no-repeat 0 0; background-size:auto 4.4rem;}
#examMain footer .sns_mob_wrap .mobile li:nth-child(2) a:before {background-position:-5.4rem 0;}
#examMain footer .sns_mob_wrap .mobile li:nth-child(3) a:before {background-position:-10.8rem 0;}
#examMain footer .sns_mob_wrap .mobile li a p {display:none;}
#examMain .slider_family {padding:1rem 6rem 1rem 6rem;}
#examMain .slider_family .slick-list {margin-right:0;}
#examMain [class^='footer_family_'] {width:auto; height:8rem; background-image:url('/user/img/exam/footer_family_ebs.png'); background-repeat:no-repeat; background-position:0 -25% !important; background-size:cover;}
#examMain [class^='footer_family_']:hover, [class^='footer_family_']:focus {background-position:0 110% !important;}
#examMain footer .footer_family_ebsi {background-position:0 0;}
#examMain footer .footer_family_ebs {background-position:0 0;}
#examMain footer .footer_family_coaching {background-image:url('/user/img/exam/footer_family_coaching.png');}
#examMain footer .footer_family_ercebs {background-image:url('/user/img/exam/footer_family_ercebs.png');}
#examMain footer .footer_family_primary {background-image:url('/user/img/exam/footer_family_primary.png');}
#examMain footer .footer_family_middle {background-image:url('/user/img/exam/footer_family_middle.png');}
#examMain footer .footer_family_ebse {background-image:url('/user/img/exam/footer_family_ebse.png');}
#examMain footer .footer_family_ebsm {background-image:url('/user/img/exam/footer_family_ebsm.png');}
#examMain footer .footer_family_ebssw {background-image:url('/user/img/exam/footer_family_ebssw.png');}
#examMain footer .footer_family_ebslang {background-image:url('/user/img/exam/footer_family_ebslang.png');}
#examMain footer .footer_family_space {background-image:url('/user/img/exam/footer_family_space.png');}
#examMain footer .footer_family_edif {background-image:url('/user/img/exam/footer_family_edif.png');}
#examMain footer .footer_family_janghak {background-image:url('/user/img/exam/footer_family_janghak.png');}
#examMain footer .footer_family_public {background-image:url('/user/img/exam/footer_family_public.png');}
#examMain footer .footer_family_bookstory {background-image:url('/user/img/exam/footer_family_bookstory.png');}
#examMain .slider_family .slick-prev {left:2rem; margin-top:-1.5rem; width:3rem; height:3.4rem; background-size:auto 3.4rem;}
#examMain .slider_family .slick-next {right:2rem; margin-top:-1.5rem; width:3rem; height:3.4rem; background-size:auto 3.4rem;}
#examMain .slider_family .slick-list {margin:0 1.8rem 0 0;}
#examMain .slider_family.is_slicked div {width:100%;}
#examMain footer .menu_etc {padding:2rem 0 4rem;}
#examMain footer .menu_etc ul {float:none; width:100%; padding:4rem 2rem; border-top:1px solid #e5e5e5;}
#examMain footer .menu_etc ul:after {content:''; display:block; clear:both;}
#examMain footer .menu_etc ul li {margin-top:1rem;}
#examMain footer .menu_etc ul li a {padding:1rem 0; font-size:2.4rem;}
#examMain footer .menu_etc .helpdesk {float:none; width:100%; padding:2rem 2rem 4rem;}
#examMain footer .menu_etc .helpdesk strong {padding-bottom:1.6rem; font-size:2.4rem; font-weight:bold;}
#examMain footer .menu_etc .helpdesk .info > p {font-size:5rem;}
#examMain footer .menu_etc .helpdesk .info > a {display:none;}
#examMain footer .menu_etc .helpdesk > a {padding-top:2rem; font-size:1.9rem;}
/*footer .menu_etc .helpdesk .ismsp {display:none;}*/
#examMain footer .menu_etc .helpdesk .ismsp {padding-top:2rem;font-size: 1.6rem;}
#examMain footer .menu_etc .helpdesk .ismsp:before {width:5.5rem;height:4.1rem;background-size:5.5rem 4.1rem;}
#examMain footer .menu_etc .helpdesk .ismsp em {line-height:2rem;}
#examMain footer .menu_etc .helpdesk .time {position:relative;left:0;margin:0 0 2rem;}
#examMain footer .menu_etc .helpdesk .time > p {height:3rem;font-size:2.4rem;}
#examMain footer .menu_etc .address_copy {float:none; width:100%; margin-top:0; padding:0 2rem 3rem; font-size:2.1rem; line-height:2.6rem; color:#757575; font-weight:400;}
#examMain footer .menu_etc .address_copy > p {display:block; padding-right:0;}
#examMain footer .menu_etc ul li a:after {height:2.1rem; margin:-0.4rem 2rem 0;}
#examMain .btn_fl_danchoo {position:fixed; left:50%; right:auto; bottom:2rem; width:14rem; height:13rem; margin-right:0; -webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);}
#examMain .btn_fl_danchoo.nav-up {bottom:-120px;}
#examMain figure.floating figcaption {bottom:1.8rem;}
#examMain figure.floating .floating-text {top:36px}
#examMain .btn_fl_danchoo figure.floating h3 {font-size:1.8rem; line-height:1;}
#examMain .btn_fl_danchoo .menu-open-button {position:initial; margin-left:0;}
#examMain .btn_fl_danchoo .menu-open-button:hover { -webkit-transform: scale(0.8) translate3d(0, 0, 0); transform: scale(0.8) translate3d(0, 0, 0)}
#examMain .btn_fl_danchoo .menu-item {width:10rem; height:10rem; margin-left:-5rem;}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-1 {-webkit-transform: translate3d(0, -10rem, 0);transform: translate3d(0, -10rem, 0); margin-left: -17rem;}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-2 {-webkit-transform: translate3d(0, -12rem, 0);transform: translate3d(0, -12rem, 0); margin-left: -5rem;}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-3 {-webkit-transform: translate3d(0, -10rem, 0);transform: translate3d(0, -10rem, 0); margin-left: 7rem;}
#examMain .btn_fl_danchoo .menu-open:checked + .menu-open-button {-webkit-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-duration: 200ms;-o-transition-duration: 200ms;transition-duration: 200ms;-webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0);transform: scale(0.9, 0.9) translate3d(0, 0, 0);}
#examMain .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-1 {-webkit-transform: translate3d(0, 1rem, 0);transform: translate3d(0, 1rem, 0); transition-duration:200ms; margin-left: -5rem; transition:all .7s ease; opacity:0;}
#examMain .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-2 {-webkit-transform: translate3d(0, 2rem, 0);transform: translate3d(0, 2rem, 0); transition-duration:150ms; margin-left: -5rem; transition:all .5s ease; opacity:0;}
#examMain .btn_fl_danchoo.nav-up .menu-open:checked ~ .menu-item.item-3 {-webkit-transform: translate3d(0, 1rem, 0);transform: translate3d(0, 1rem, 0); transition-duration:100ms; margin-left: -5rem; transition:all .3s ease; opacity:0;}
/* .btn_fl_danchoo a {display:block; width:9.6rem; height:7rem; background:url('/user/img/exam/ico_danchoo.png') no-repeat; background-size:100%;} */
#examMain .chatbot_window {-webkit-transition:none;-o-transition:none;transition:none; right:-120%;}
#examMain .chatbot_window.active {width:80rem; height:140rem; max-width:90%; max-height:90%;}
@-webkit-keyframes danchooAni {
0% { background-position:0rem 50% }
100% { background-position:-120rem 50%}
}
@keyframes danchooAni {
0% { background-position:0rem 50% }
100% { background-position:-120rem 50%}
}
/* modal */
#examMain .modal_wrap {padding:0;}
#examMain .modal_wrap .modal {margin:0;}
#examMain .modal_wrap.x_large .modal,
#examMain .modal_wrap.large .modal,
#examMain .modal_wrap.medium .modal{max-width:100%; max-height:100%;}
#examMain .modal_wrap.small .modal {max-width:calc(100% - 6rem); margin:auto;}
#examMain .dv_ie #modalLecturePlay.modal_wrap.small .modal {margin:0;}/* 2021-04-19 수정 */
#examMain .dv_ie #modalLectureDown.modal_wrap.small .modal {margin:0;}/* 2021-04-19 수정 */
#examMain .modal .modal_head {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding-bottom:3rem;}
#examMain .modal .modal_head.f_start {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
#examMain .modal .modal_head.f_start .txt {margin:1rem 0 0 0;}
#examMain .modal .modal_head .modal_tit {font-size:2.8rem;}
#examMain .modal .modal_head .modal_tit.bullet_excMark:before {width:3rem; height:3rem;}
#examMain .modal .modal_head .sub_txt {margin:2rem 0 0 0; font-size:1.6rem;}
#examMain .modal .modal_head .modal_explain {margin-top:2rem; font-size:2.4rem; line-height:1.4;}
#examMain .modal .modal_head.btn_head {flex-direction:unset; align-items:center; flex-wrap:wrap;}/* 2022-11-15 수정 */
#examMain .modal .modal_head_desc.dotted li { font-size:2.4rem;}
/* 2023-11-29 추가 */
#examMain .modal .modal_head .btn_teacher_profile {display:none;}
#examMain .modal .modal_tit_desc {font-size:2.4rem; line-height:1.4;}/* 2023-07-31 수정 */
#examMain .modal_top_close {width:5rem; height:5rem; top:2.6rem; right:3rem;}
#examMain .modal_top_close span {width:3rem; height:3rem;}
#examMain .main_section_title { padding: 0 0.8rem; }
#examMain .main_board_item { float:none; width:100%; }
#examMain .main_board_item ul { font-size: 2.4rem; }
#examMain .main_board_notice {width:8rem; font-size:2rem; }
#examMain .main_board {padding:3rem 2rem 0;}
#examMain .main_board .main_contents,
#examMain .main_board .main_board_item {padding:0;}
#examMain .main_contents {padding:0 0 3.2rem 0; overflow:hidden;}
#examMain .main_section_title {padding: 0 0.8rem; margin-bottom:3rem; font-size:3.4rem;}
#examMain .main_news_sort {width:10rem;}
#examMain .main_news_subject {padding-left:2rem;}
#examMain .main_section_more { right: 0.8rem; font-size: 2.4rem;}
#examMain .main_section_more::after {font-size: 3rem;}
/* 게시판 */
#examMain .main_board_date {width:12rem;}
/* 2021-04-17 수정 모바일 AD배너 */
#examMain .mob_footer_ad {display:block;}
/* 2021-05-01 | 단추 이용가이드 */
#examMain .ai_guide_popup .modal .modal_head.guide_title {font-size:3rem; line-height: 1.4; flex:none; display: block;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .modal_tit {font-size:3rem; margin-right:.5rem;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .modal_tit:before {background-size:100% 100%;}
#examMain .ai_guide_popup .modal .modal_head.guide_title span {margin:.6rem .5rem 0 0;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .btn_home {font-size:1.6rem; height:2.8rem; line-height:2.8rem; padding:0 2rem; border-radius:2rem; margin:1.4rem 0 0 0;}
#examMain .ai_guide_popup .modal .modal_head.guide_title .btn_home:before {background-size:100% 100%;}
#examMain .ai_guide_popup .modal .modal_container .guide_wrap {font-size:2.4rem; color:#333; line-height:1.4;}
#examMain .ai_guide_popup .guide_info {padding:5rem 0 8rem; max-width:100%;}
#examMain .ai_guide_popup .guide_info .guide_list {width:49.5%; margin-left:1%; margin-bottom:1%; height:36rem;}
#examMain .ai_guide_popup .guide_info .guide_list.guide01 {margin-left:0;}
#examMain .ai_guide_popup .guide_info .guide_list.guide03 {margin-left:0;}
#examMain .ai_guide_popup .guide_info .guide_list a {font-size:2.2rem; padding:4rem 1rem 0;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit span {height:5rem; line-height:1.3rem; font-size:2.2rem;}
#examMain .ai_guide_popup .guide_view {max-width:100%;}
#examMain .ai_guide_popup .guide_view .guide_list_box {font-size:2.6rem; margin-top:4rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .title_box .bg_line {font-size:3.4rem; line-height:4.6rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list {padding:4rem 3.8rem; font-size:2.4rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .m_t_1 {margin-top:2.5rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .m_t_2 {margin-top:4.5rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .img {margin-top:3rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li {padding-left:2rem; font-size:2.4rem;}
#examMain .ai_guide_popup .guide_view .guide_list_box .guide_list .but_list li:before {width:.8rem; height:.8rem;top:1.2rem;}
/* 2021-12-09 | 가이드 */
/* 가이드 메인 */
#examMain .aiGuide_popup .modal .modal_head {padding:20rem 3.5rem 3rem 3.5rem}
#examMain .aiGuide_popup .modal .modal_head:before {content:''; position:absolute; right:-20rem; top:-10rem; width:62rem;height:30rem; background-position: right 0rem; background-size:100%; z-index:9;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit {padding-top:6.5rem; font-size:3rem;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit:before {position:absolute; left:0; top:0; width:26rem; height:6rem; background-position: left top; background-size:auto 55px;}
#examMain .aiGuide_popup .modal .modal_top_close {position:absolute; width:3.2rem; height:3.2rem; top:2.8rem; right:3.3rem; z-index:10;}
#examMain .aiGuide_popup .guide_info {flex-direction:column;}
#examMain .aiGuide_popup .guide_info .guide_list {float:none; max-width:100%; margin:0 0 3rem 0;}
#examMain .aiGuide_popup .guide_info .guide_list:nth-child(2) {margin:0 0 3rem 0;}
#examMain .aiGuide_popup .guide_info .guide_list.guide01 {background-position:10rem center;}
#examMain .aiGuide_popup .guide_info .guide_list.guide02 {background-position:10rem center;}
#examMain .aiGuide_popup .guide_info .guide_list.guide03 {background-position:9rem center;}
#examMain .aiGuide_popup .guide_info .guide_list a { padding:6rem 2rem 4rem 25rem;}
#examMain .aiGuide_popup .guide_info .guide_list a strong.tit {margin-bottom:2rem; line-height:1.2;}
#examMain .aiGuide_popup .guide_info .guide_list a p.txt {font-size:2rem; margin:0 0 3rem 0;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo {padding:3rem 0 13rem 2rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo:before {right:-30rem; top:0; width:47rem;height:30rem; background-position:right -6rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title {font-size:2rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit {font-size:3rem;padding:0}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit:before {position:relative;padding:-2rem; width:17rem; height:3.8rem; display:inline-block; margin-right:1rem; background-position:left 50%; background-size:auto 40px; z-index:99;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu {position:absolute; justify-content:space-around; width:100%; height:6rem; margin:2rem 0 0 -2rem; background-size:150% 100%; z-index:99;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li {display:flex; align-items:center; margin-left:1.5rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li a {text-align:center; font-size:1.8rem; font-weight:500; color:#2c3343; margin-right:2rem; letter-spacing:-0.02em;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li a:hover ,
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li.active a {color:#b32bba;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose {width:6rem; height:6rem; top:2.5rem; right:2rem; background:#fff; border-radius:100%;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose span {width:3.2rem; height:3.2rem;background:url("../images/alllecture/aiGuid_close_b.png") no-repeat center center;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 {width:103%;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt:after {right:-32px; width:3rem; height:2rem; background-size:80%;}
/* 2021-07-22 수정 교재안내 팝업 */
#examMain .modal_wrap.active.modal_wrap_v2 .modal .pop_h_scroll .modal_inner {width:100%;}
/* 2021-08-03 | 이미지 레이어 팝업 */
/*.pm_popup_wrap .layerInner_wrap {padding:0 2rem;}*/
#examMain .pm_popup_wrap .img_wrap .pc_img {display:none;}
#examMain .pm_popup_wrap .img_wrap .mob_img {display:block;}
/* 최종평가 팝업 | 2022-11-03 수정 */
#examMain .modal_danchoofinal .danchoofinal_box {font-size:2.4rem;}
#examMain .modal_danchoofinal .danchoofinal_list {font-size:2.4rem;}
#examMain .modal_danchoofinal .danchoofinal_list dt {font-size:2.8rem; padding-left:4rem;}
#examMain .modal_danchoofinal .danchoofinal_list dt .num {width:3rem; height:3rem; line-height:2.8rem; font-size:2.2rem; margin-top:.4rem;}
#examMain .modal_danchoofinal .danchoofinal_list dd p {padding-left:4rem;}
#examMain .modal_danchoofinal .flex_box_type01 .img {flex:auto;}
#examMain .modal_danchoofinal .flex_box_type01 .img + .txt_box {margin-top:3rem;}
#examMain .modal_danchoofinal .flex_box_type01 .txt_box {flex:auto; padding:0;}
#examMain .modal_danchoofinal .flex_box_type01 dl + dl {margin-top:2rem;}
#examMain .modal_danchoofinal .flex_box_type01 dt {padding-left:1.5rem;}
#examMain .modal_danchoofinal .flex_box_type01 dt:before {top:1.7rem;}
#examMain .modal_danchoofinal .step_box2 .step_items > li .title button span::after {display:inline-block; position:relative; left:0; top:-0.2rem; width:1.4rem; height:1.4rem; margin-left:2rem; background:none; border:0.4rem solid #fff; border-width:0.4rem 0.4rem 0 0; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
#examMain .modal_danchoofinal .step_box2 .step_items > li.on .title button span::after {top:0.6rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#examMain .modal_danchoofinal .table_scroll table td.col_left {min-width:32rem;}
#examMain .modal_danchoofinal .danchoo_box_wrap .col_btn {flex-direction:column;}/* 2022-11-15 수정 */
#examMain .modal_danchoofinal .danchoo_box_wrap .col_btn button + button {margin-top:.5rem;}/* 2022-11-15 수정 */
#examMain .modal_danchoofinal .ex_txt2 {font-size:2.2rem;}
#examMain .tab.reNew2109 .tabmenu {width:100%;}
#examMain .tab.reNew2109 .tabmenu::after {height:1px;}
#examMain .tab.reNew2109 .tabmenu li {height:10rem; margin-right:0;}
#examMain .tab.reNew2109 .tabmenu li.on::after {border-width:1px; height:calc(100% - 1px); left:-1px;}
#examMain .tab.reNew2109 .tabmenu li a {height:10rem; font-size:2.8rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title > strong {font-size:2.8rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_title > span {display:block;padding:1.5rem 0 1rem 0;font-size:2.4rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path {font-size:2.4rem;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i {height:3rem;line-height:3rem;padding-left:2rem;margin:0.5rem 0.5rem 0.5rem 0;}
#examMain .tab.reNew2109 .tabbody .elective_course .ec_pathArea .path i:before {top:1.4rem; }
#examMain .tab.reNew2109 .tabbody .detail_search .ds_tit {padding-bottom:2rem;font-size:2.8rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc {overflow:hidden;display:block;padding:0;border:0;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl {clear:both;display:flex; flex-wrap:wrap;width:100%;height:auto;justify-content:space-between;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dt {float:none; position:relative;width:25%;height:auto;line-height:normal;padding:1rem 0 1rem 1.8rem;font-size:2.6rem; text-align:left;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dt::before {content:'';position:absolute;left:0.2rem;top:2.9rem;width:.5rem;height:.5rem;background-color:#808294;border-radius:50%;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd {float:none; width:75%;height:auto;line-height:normal;padding:1rem 0;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box {min-width:9rem;width:33%;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box label {margin-right:1rem;font-size:2.4rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .select {min-width:12rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd:last-child .chk_box {min-width:6rem;}
#examMain .tab.reNew2109 .tabbody .detail_search .ds_desc dl > dd .chk_box.w100 {min-width:100%;}
#examMain .single_bar dt {width:10rem; font-size:2.4rem; padding:0 3rem 0 0;}
#examMain .single_bar dd {height:2.4rem; border-radius:25px; }
#examMain .single_bar dd span {border-radius:25px;}
#examMain .board_list.board_textPaper .tbody div.col_1 {padding:1rem 0 0rem 5rem;}
#examMain .board_list.board_textPaper .tbody > div.col_left ~ div::before {display:none;}
#examMain .board_list.board_textPaper .tbody div.col_3 {padding:1rem 0 0rem 5rem;}
/* 2022-11-30 단원명/작품명 선택 추가 */
#examMain .modal_wrap .modal_content .modal_searchName {padding:2rem 0;font-size:2.8rem;}
#examMain .modal_wrap .modal_content .modal_infoTxt {font-size:2.4rem;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route {padding:3px 0;font-size:2.4rem;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i {position:relative;padding-left:15px;margin-right:5px;vertical-align:middle;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .addClose:before {top:13px;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .addClose:after {top:13px;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:before {top:14px;}
#examMain .modal_wrap .modal_content .modal_selectRoute .route .chk_box input[type="checkbox"] + label:before {margin-right:0; margin-top:.3rem;}
/* 고교강의앱 다운로드 팝업 | 2024-04-29 */
#examMain .app_download_wrap {letter-spacing:-.7px;}
#examMain .app_download_wrap .inner_con {min-width:100%; padding:10rem 3rem;}
#examMain .app_download_wrap .icon {margin-bottom:3.5rem;}
#examMain .app_download_wrap .btn_wrap {width:100%; margin-top:5.5rem;}
#examMain .app_download_wrap .btn_wrap .btn_XL_col4 {min-width:100%; height:9.6rem; line-height:9.4rem; border-radius:4.5rem;}
}
/* -------------------------- mobile -------------------------- */
@media screen and (max-width: 719px) {
#examMain header {/*padding-bottom:3rem;*/}
/* header .top_util_wrap .logo {margin-left:-13.5rem !important;} */
#examMain header .top_util_wrap .logo h1 em {display:inline-block; padding-left:18rem; margin-top:-7.1rem; font-size:2rem; font-weight:bold; color:#095081; vertical-align:middle;}
#examMain header .top_util_wrap .logo h1 em:before {content: ''; display:inline-block; margin:-0.3rem 0.6rem 0; width:1px; height:1.4rem; vertical-align:middle; background:#5f8dad;}
#examMain nav {/*height:8rem;*/}
#examMain nav .grade_menu {display: none;}
#examMain nav ::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
background: transparent; /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
#examMain nav ::-webkit-scrollbar-thumb {background: transparent;}
/* .mobile_menu .login_area {height:64px;}*/
.mobile_menu .tab .slick-list .slick-track {width:560px !important;}
/* .mobile_menu .tab > ul li a {height:40px;}*/
/* .con_box .menu_area > ul li.dep01 > div {top:108px;}*/
/* .btn_fl_danchoo {position:fixed; right:3rem; bottom:10rem; width:14rem; height:14rem; margin-right:0;}
figure.floating figcaption {bottom:3rem;}
#examMain .btn_fl_danchoo figure.floating h3 {font-size:2.4rem; line-height:1;}
#examMain .btn_fl_danchoo .menu-open-button {margin-left:-7rem;}
#examMain .btn_fl_danchoo .menu-item {width:14rem; height:14rem; margin-left:-7rem;}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-1 {-webkit-transform: translate3d(0, -15rem, 0);transform: translate3d(0, -15rem, 0);}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-2 {-webkit-transform: translate3d(0, -30rem, 0);transform: translate3d(0, -30rem, 0);}
#examMain .btn_fl_danchoo .menu-open:checked ~ .menu-item.item-3 {-webkit-transform: translate3d(0, -45rem, 0);transform: translate3d(0, -45rem, 0);} */
#examMain figure.floating img {width:60%}
#examMain figure.floating .floating-text {top:22px}
#examMain .nav-up,
#examMain .btn_fl_danchoo.nav-up {bottom:-69px;}
/* 2021-04-01 부가정보 설정 팝업 */
#examMain .start_layer {width:56rem;}
/* 2021-04-17 수정 모바일 AD배너 */
#examMain .mob_footer_ad .banner1 {height:0; padding:15.9% 0 0 0;}
#examMain .mob_footer_ad .banner2 {position:relative; max-width:100%; margin:0; padding:0; overflow:hidden; text-align:center;}
#examMain .mob_footer_ad .banner2 > a {display:block;}
#examMain .mob_footer_ad .banner2 > a > img {width:100%;max-width:100%;}
/* 2021-05-01 | 단추 이용가이드 */
#examMain .ai_guide_popup .guide_info {padding:2rem 1rem 3rem;}
#examMain .ai_guide_popup .guide_info .guide_list {width:100%; margin-left:0; margin-bottom:2%; height:auto;}
#examMain .ai_guide_popup .guide_info .guide_list a {padding:2rem 1.5rem 2rem 17rem; position:relative; min-height:16rem; text-align:left;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit {margin:0 0 1rem;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit span {display:block; padding:0 1rem; height:3rem; line-height:3rem; text-align:center;}
#examMain .ai_guide_popup .guide_info .guide_list a .tit:before {position:absolute; top:50%; left:1.5rem; margin:-6rem 0 0 0; width:12rem; height:12rem; background-size:auto 12rem;}
/* 2021-12-09 | 단추 이용가이드 */
/* 가이드 메인 */
#examMain .aiGuide_popup .modal .modal_head:before {content:''; position:absolute; right:-20rem; top:-10rem; width:62rem;height:30rem; background-position: right 0rem; background-size:100%; z-index:9;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit {font-size:4rem;}
#examMain .aiGuide_popup .modal .modal_head.guide_title .modal_tit:before {width:25rem; height:6rem; background-size:auto 35px;}
#examMain .aiGuide_popup .guide_info .guide_list.guide01 {background-position:5rem center;}
#examMain .aiGuide_popup .guide_info .guide_list.guide02 {background-position:5rem center;}
#examMain .aiGuide_popup .guide_info .guide_list.guide03 {background-position:4rem center;}
#examMain .aiGuide_popup .guide_info .guide_list a { padding:6rem 2rem 4rem 22rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo {padding:3rem 0 13rem 2rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo:before {right:-36rem; top:0; width:55rem;height:30rem; background-position:right -8rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title {font-size:2rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit {font-size:3rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo.guide_title .modal_tit:before {width:17.5rem; height:4rem; display:inline-block; margin-right:1rem; background-position:left 50%; background-size:auto 25px;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu {position:absolute; width:100%; height:45px; margin:2rem 0 0 -2rem; background-size:150% 45px; z-index:99;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li {display:flex; align-items:center; margin-left:1.5rem;}
#examMain .aiGuide_popup .modal .modal_head.sub_logo .guide_menu li a {font-size:2.2rem; margin-right:0; letter-spacing:-0.03em;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose {width:6.5rem; height:6.5rem; top:2rem; right:1.5rem; background:#fff; border-radius:100%;}
#examMain .aiGuide_popup .modal .modal_top_close.subClose span {width:3.2rem; height:3.2rem;background:url("../images/alllecture/aiGuid_close_b.png") no-repeat center center;}
#examMain .aiGuide_popup .modal .modal_container .guide_tit_01 {font-size:3.6rem; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .guideCon_box {margin-bottom:5rem;}
#examMain .aiGuide_popup .modal .modal_container .guide_tit_desc {font-size:2rem; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 {display:block; margin-bottom:7rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li {width:100%; padding:0 0 3rem 0;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt {font-size:2.4rem; margin-bottom:1rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dd {font-size:2rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step3 li dl dt:after {right:0; width:0; height:0; background-size:0;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 {margin-bottom:5rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li {width:100%;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li:first-child {margin-right:0;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li:last-child {margin-left:0;}
#examMain .aiGuide_popup .modal .modal_container .tit {font-size:3rem; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .colorBox {font-size:2rem; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_txtDesc {margin-bottom:2rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_txtDesc span {font-size:2rem;}
#examMain .aiGuide_popup .modal .modal_container .txt_img_step2 li .step2_colorTxt {font-size:2rem; margin-bottom:3rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step1 {margin-bottom:7rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 {margin-bottom:7rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li {width:100%;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li:first-child {margin-right:0;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li:last-child {margin-left:0;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p {font-size:2rem;}
#examMain .aiGuide_popup .modal .modal_container .img_step2 li dl dd p.borderBox {font-size:2rem;}
/* 2021-05-01 | FAQ 팝업 */
#examMain .noti_layer_wrap.faq_noti_layer {padding:0;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer {padding:5rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .msg_area .msg.tit {font-size:3.8rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .msg_area .msg {font-size:2.4rem;}
#examMain .noti_layer_wrap.faq_noti_layer .noti_layer .btn_area button {max-width:30rem; height:6rem; font-size:2.4rem;}
#examMain .noti_layer .num_table {font-size:2.4rem;}
#examMain .noti_layer .num_table th {padding:.5rem 0;}
#examMain .noti_layer .num_table td {padding:.5rem 0;}
#examMain .noti_layer .ex_txt {font-size:2.2rem; line-height:1.4;}
/* 2021-05-04 수정 | 플로팅 배너 닫기영역 */
#examMain .fl_day_wrap_type1 input[type="checkbox"] {width:2rem; height:2rem;}
#examMain .fl_day_wrap_type1 label {font-size:2rem;}
/* 2021-08-03 | 이미지 레이어 팝업 */
#examMain .pm_popup_wrap { position:absolute; top:0; left:50%; width:80%; transform:translate(-50%, 0); z-index:899;}/* 2024-03-25 수정 | top:4.5rem; transform:translate(-50%, -50%); */
#examMain .pm_popup_wrap .btn_wrap button {height:5.6rem; line-height:5.6rem;}
#examMain .pm_popup_wrap .btn_wrap button span {font-size:2.2rem;}
#examMain .modal_wrap.medium .modal.modal_result {max-width:100%; width:auto;}/* 2022-11-03 수정 */
/* 2022-11-30 단원명/작품명 선택 추가 */
#examMain .modal_wrap .modal_content .modal_selectRoute .route i:before {top:7px;}
/* popup_noti_type | 2024-03-20 수정 */
#examMain .popup_noti_type {font-size:3.2rem;}
#examMain .popup_noti_type .tit {font-size:4.8rem;}
#examMain .popup_noti_typewrap .btn_area button {min-width:32rem; height:7.4rem; font-size:3.4rem;}
}
/* -------------------------- mobile -------------------------- */
@media screen and (max-width: 460px) {
#examMain .con_box .menu_area > ul li.dep01 > div > ul {display:block; padding:0 2.4rem;}/* 2021-04-21 수정 */
}
/* 빠른강좌찾기 */
#examMain .quick_lecture_wrap {position:absolute; left:0; top:33.8rem; width:100%; z-index:500; display:-webkit-box; display:-ms-flexbox; display:flex; padding-bottom:8rem;z-index:1001;}
#examMain .quick_lecture_wrap {display:none;}
#examMain .quick_lecture_wrap.on {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .quick_lecture_wrap::after {content:''; display:block; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
#examMain .quick_lecture {position:relative; z-index:11; top:1rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-width:128rem; width:100%; margin:auto; background-color:white; -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.2); box-shadow:0 0 5px 0 rgba(0,0,0,0.2); border:2px solid #738196;}
#examMain .quick_lecture .quick_nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .quick_lecture .quick_nav li {position:relative; width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; margin-right:-1px; z-index:0;}
#examMain .quick_lecture .quick_nav li:last-child {margin-right:0;}
#examMain .quick_lecture .quick_nav li .btn {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:7rem; color:#bdbdbd; font-size:2.2rem; background-color:#fff; border:1px solid #dbdbdb;}
#examMain .quick_lecture .quick_nav li.on {z-index:1;}
#examMain .quick_lecture .quick_nav li.on .btn {color:#fff; font-weight:bold; background-color:#0b418b;border-color:transparent;}
/* .quick_lecture .quick_body {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; overflow:hidden; overflow-y:auto;} */
#examMain .quick_lecture .quick_body {position:relative;}
#examMain .quick_lecture .quick_cont {padding:3.6rem 3.8rem;}
#examMain .quick_lecture .quick_close {position:absolute; right:-0.2rem; top:100%; display:flex; justify-content:flex-end; padding-top:2px;}
#examMain .quick_lecture .quick_close .btn_top {width:12rem; height:4.4rem; font-size:1.8rem; background-color:#2e3d61; color:#fff;}
#examMain .quick_lecture .quick_close .btn_top span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .quick_lecture .quick_close .btn_top span::after {content:''; position:relative; top:1px; display:inline-block; width:2.3rem; height:2.3rem; margin-left:2rem; background:url(/user/img/exam/ico_quick_top.png) no-repeat center center / 100% 100%;}
#examMain .quick_lecture .quick_close .btn_close {width:12rem; height:4.4rem; margin:0; padding-bottom:0.2rem; background-color:#738196; color:#fff; font-size:1.8rem;}
#examMain .quick_lecture .quick_close .btn_close span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .quick_lecture .quick_close .btn_close span::after {content:''; position:relative; top:1px; display:inline-block; width:2rem; height:2rem; margin-left:2.2rem; background:url(/user/img/exam/ico_quick_close.png) no-repeat center center / 100% 100%;}
#examMain .quick_lecture .tabmenu2_wrap {margin-top:2rem;}
#examMain .quick_lecture .tabmenu2_body {padding:3rem;}
/* 빠른강좌 영역찾기 */
#examMain .quick_nodata {padding:3rem 0 5rem;}
#examMain .quick_nodata dl {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:1; width:100%; padding:0 2rem; text-align:center;}
#examMain .quick_nodata dl::before {content:''; display:block; width:18.3rem; height:14.7rem; margin-left:-3.6rem; background:url(/user/img/exam/ico_quickTabselect.png) no-repeat center center / 100% 100%;}
#examMain .quick_nodata dt {margin-top:3rem; color:#212121; font-size:2.6rem;}
#examMain .quick_nodata dd {margin-top:2.6rem; color:#919191; font-size:1.8rem; line-height: 1.5;}
#examMain .step_nodata .quick_nodata {padding:6rem 0;}
/* 빠른강좌 시리즈목록 */
#examMain .quick_lecture .thumb_list {overflow:hidden; overflow-y:auto; max-height:calc(17.2rem * 3);}
#examMain .quick_lecture .thumb_list li {height:17.2rem;}
#examMain .quick_lecture .thumb_list li .img {-webkit-box-flex:0;-ms-flex:none;flex:none; height:11.6rem;}
#examMain .quick_lecture .thumb_list li .cont_wrap {display:block; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; overflow:hidden;}
#examMain .quick_lecture .thumb_list li .cont_wrap .tit {width:100%; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
#examMain .quick_lecture .mCSB_inside>.mCSB_container {margin-right:0;}
#examMain .quick_lecture .mCSB_scrollTools .mCSB_draggerRail {position:relative; z-index:2;}
#examMain .quick_lecture .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:absolute; right:1px; top:0; bottom:0; height:100%; z-index:1;}
#examMain .quick_lecture .mCSB_scrollTools {width:0.8rem;}
#examMain .quick_lecture .mCSB_scrollTools .mCSB_draggerRail,
#examMain .quick_lecture .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:0.6rem;}
/* 시리즈 전체 교재 - 빠른강좌 */
#examMain .textbook_list {position:relative; margin:0; padding:2.6rem 3rem; background-color:#f8f8f8; border:1px solid #e3e3e3;}
#examMain .textbook_list_slider {margin:0 -1rem;}
#examMain .textbook_list .tit {margin-bottom:1.2rem; font-size:2.2rem; font-weight: bold; line-height:1;}
#examMain .textbook_list_item {float: left; width: calc(100% / 6); padding:0 1rem; }
#examMain .textbook_list_item > a { display: block; height:27.4rem; padding:1rem; border: 1px solid #ddd;}
#examMain .textbook_list_item > a:hover,
#examMain .textbook_list_item.slick-current > a {border: 1px solid #0d428c; background-color:#f1f9fd;}
#examMain .textbook_list_subject {height:4rem; margin-top:1rem; font-size:1.4rem; font-weight:400; text-align:center; line-height:1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: relative; white-space: initial; word-break: break-all;}
#examMain .textbook_list_thumb {position: relative; width:100%; max-width:14rem; height:20rem; margin:0 auto; overflow: hidden; }
#examMain .textbook_list_thumb img { position: absolute; top: 50%; left: 50%; width: 100%; height:100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }
#examMain .textbook_list .slick-slider, .textbook_list .slick-list, .textbook_list .slick-track { position: static; }
#examMain .textbook_list .slick-arrow {display:block; position: absolute; top: 2.6rem; right: 0; z-index: 1; width: 2.5rem; height: 2.5rem; line-height: 99; color: #FFF; overflow: hidden; background: url('/user/img/exam/main_sprite_arrow_large.png') no-repeat center center / 5rem auto; }
#examMain .textbook_list .slick-arrow.slick-prev { right: 6.2rem; background-position: 0 -2.5rem; }
#examMain .textbook_list .slick-arrow.slick-next { right: 3rem; background-position: -2.5rem -2.5rem; }
#examMain .textbook_list_pager {position: absolute; top: 2.6rem; right:9rem; z-index: 1; width: 7rem; font-size: 1.6rem; font-weight: 400; text-align: center; line-height: 2.5rem; letter-spacing: 5px; }
@media screen and (max-width: 1023px) {
/* 빠른강좌찾기 */
#examMain .quick_lecture_wrap {padding:0; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; top:36rem;}
#examMain .quick_lecture {-webkit-box-shadow:none; box-shadow:none; margin:0;}
#examMain .quick_lecture .quick_close {right:-0.4rem;}
#examMain .quick_lecture .quick_close .btn_top {width:16rem; height:7rem; font-size:2.8rem;}
#examMain .quick_lecture .quick_close .btn_top span::after {width:4rem; height:4rem; background-image:url(/user/img/exam/ico_quick_top_m.png);}
#examMain .quick_lecture .quick_close .btn_close {width:16rem; height:7rem; font-size:2.8rem;}
#examMain .quick_lecture .quick_close .btn_close span::after {width:2.8rem; height:2.8rem; background-image: url(/user/img/exam/ico_quick_close_m.png);}
/* 시리즈 전체 교재 slick */
#examMain .textbook_list {overflow: hidden;}
#examMain .textbook_list_slider {margin:0 -0.6rem;}
#examMain .textbook_list .tit {padding: 0 1rem; margin-bottom:2rem; font-size: 2.8rem; line-height:3.4rem;}
#examMain .textbook_list:before { content: ''; position: absolute; top: 0; left: -4rem; z-index: 1; width:4rem; height: 100%; background-color: #fff; }
#examMain .textbook_list_subject {height:7rem; font-size:2.4rem;}
#examMain .textbook_list .slick-arrow {top:2.6rem; width:4rem; height:4rem; background-size:8rem auto;}
#examMain .textbook_list .slick-arrow.slick-prev { right: 6.8rem; background-position: 0 -4rem; }
#examMain .textbook_list .slick-arrow.slick-next { right: 3rem; background-position: -4rem -4rem; }
#examMain .textbook_list_pager {top:3.2rem; right:12rem; font-size:2.4rem;}
#examMain .textbook_list_item { padding: 0 0.6rem; width:calc(100% / 3)}
#examMain .textbook_list_item > a { height: auto; }
#examMain .textbook_list_thumb { width:100%; max-width:20rem; height:28rem; }
#examMain .quick_lecture .tabmenu2 {-ms-flex-wrap:nowrap;flex-wrap:nowrap; width:100%; overflow:hidden; overflow-x:auto;}
#examMain .quick_lecture .tabmenu2.ea6 li {width:33.3%; -webkit-box-flex:0; -ms-flex:none; flex:none;}
/* 빠른강좌 시리즈목록 */
#examMain .quick_lecture .board_head {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
#examMain .quick_lecture .board_head .count_area + .order_area {width:auto; margin-top:0;}
#examMain .quick_lecture .thumb_list {max-height:none; overflow:visible;}
#examMain .quick_lecture .thumb_list li {-ms-flex-wrap:wrap;flex-wrap:wrap; height:auto;}
#examMain .quick_lecture .thumb_list li .img {margin:auto; width:100%; height:20rem; margin-bottom:3rem; text-align:center;}
#examMain .quick_lecture .thumb_list li .img img {width:auto; height:100%;}
#examMain .quick_lecture .thumb_list li .cont_wrap {margin-left:0;}
}
@media print {
#examMain .top_banner,
#examMain header,
#examMain nav,
#examMain footer,
#examMain .btn_fl_danchoo,
#examMain .main_board,
#examMain .pagination_wrap,
#examMain .box_memo,
#examMain .title_wrap2,
#examMain .title_wrap3,
#examMain .regist_wrap,
#examMain .search_memo,
#examMain .modal_top_close,
#examMain .sub_container .lnb {
display: none !important;
}
#examMain .sub_container {
width: 1024px;
overflow: hidden;
}
#examMain .sub_container .content {
width: 100%;
float: none;
}
#examMain body.has_modal .content > *:not(.modal_wrap) {
display: none;
}
#examMain .all_lecture_items .like_wrap {
position: static;
}
#examMain .sub_container,
#examMain .modal_leraning {
min-width: 1px;
}
#examMain .modal_wrap {
position: static;
background: transparent;
}
}
.team-info-li {
font-size: 1.6rem !important;
}