<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ------------------------------------------ font import ------------------------------------------ */
/*@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/

/* ----- Noto Sans KR ---- */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
/* ----- Roboto ---- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&amp;display=swap');
/* ------------------------------------------ reset ------------------------------------------ */
*{margin:0; padding:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust:exact; -moz-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust:none;}

#examMain html {margin:0; padding:0; font-size:62.5%;}
@media screen and (max-width:1920px) { html {font-size:10px} }
@media screen and (max-width:1023px) { html {font-size:10px} }
@media screen and (max-width:719px) { html {font-size:6px} }
@media screen and (max-width:370px) { html {font-size:5.5px} }
@media screen and (max-width:350px) { html {font-size:5px} }
@media screen and (max-device-height:420px) and (orientation: landscape) { html {font-size:6px} } /* 모바일 가로모드 */
#examMain body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table, font {color:#212121; font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움','Dotum','AppleGothic',sans-serif; line-height: 1.5rem; font-weight:400; word-wrap:break-word; word-break:keep-all;}
#examMain label {vertical-align:middle}
#examMain address, em {font-style:normal}
#examMain fieldset, img {border:0; vertical-align:middle}
#examMain button {border:0; background-color:transparent; vertical-align:middle; cursor:pointer; outline:none;}/* 2021-04-05 수정 */
/* button &gt; span {position:relative;} */
#examMain ul, ol, dl, dd, li {list-style:none}
#examMain input, textarea, select {border:0; vertical-align:middle;}
#examMain article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block}
#examMain a {text-decoration:none; color:#212121; outline:none;}/* 2021-04-05 수정 */
#examMain a:hover {text-decoration:none}
#examMain table {width:100%; border-spacing:0; border-collapse:collapse;}
#examMain iframe {margin:0; border:0; width:100%; height:100%}

#examMain input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], select {-webkit-box-sizing:border-box;box-sizing:border-box; -webkit-border-radius:0; -webkit-appearance:none;}
#examMain input[type="text"]::-ms-reveal, input[type="password"]::-ms-reveal, input[type="number"]::-ms-reveal, input[type="tel"]::-ms-reveal, input[type="email"]::-ms-reveal {display: none; width:0; height: 0;}/* 2021-04-08 수정 */
#examMain input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"]:focus {vertical-align:middle}
#examMain input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-weight:400; color:#a0a0a0;}/* IE 10 + */
#examMain input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-weight:400; color:#a0a0a0;}/* Webkit Browser */
#examMain input:-moz-placeholder, textarea:-moz-placeholder {font-weight:400; color:#a0a0a0;}/* Mozilla Firefox 4 to 18 */
#examMain input::-moz-placeholder, textarea::-moz-placeholder {font-weight:400; color:#a0a0a0;}/* Mozilla Firefox 19+ */
#examMain input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent;}/* IE 10 + */
#examMain input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;}/* Webkit Browser */
#examMain input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color:transparent;}/* Mozilla Firefox 4 to 18 */
#examMain input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent;}/* Mozilla Firefox 19+ */

#examMain input[type="number"]::-webkit-outer-spin-button, 
#examMain input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
#examMain textarea {-webkit-border-radius:0; -webkit-appearance:none;}
#examMain input[type="image"] {-webkit-border-radius:0; -webkit-appearance:none}
#examMain input[type="button"], input[type="submit"] {-webkit-appearance:button; border-radius:0}
#examMain input:-webkit-autofill, textarea:-webkit-autofill, 
#examMain select:-webkit-autofill {-webkit-box-shadow:0 0 0 3rem white inset}
#examMain select::-ms-expand {display: none;}

#examMain figcaption, caption, legend, .blind, .skip, .hiddenItem {position:fixed; overflow: hidden; border: 0; margin:-1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%);}
#examMain caption {position:static;}
#examMain .hidden {display:none !important;}

#examMain .float_none {float:none !important;}

#examMain .pc_only_i {display:inline !important;}
#examMain .pc_only_ib {display:inline-block !important;}
#examMain .pc_only_b {display:block !important;}
#examMain .pc_only_f {display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}
#examMain .pc_only_t {display:table !important;}
#examMain .pc_only_tc {display:table-cell !important;}
#examMain .mo_only_i {display:none !important;}
#examMain .mo_only_ib {display:none !important;}
#examMain .mo_only_b {display:none !important;}
#examMain .mo_only_f {display:none !important;}

/* ------------------------------------------ Clear (Margin, Padding) ------------------------------------------ */
#examMain .mar_t0 {margin-top:0 !important;}
#examMain .mar_b0 {margin-bottom:0 !important;}
#examMain .mar_l0 {margin-left:0 !important;}
#examMain .mar_r0 {margin-right:0 !important;}
#examMain .pad_0 {padding:0 !important;}
#examMain .pad_t0 {padding-top:0 !important;}
#examMain .pad_b0 {padding-bottom:0 !important;}
#examMain .pad_r0 {padding-right:0 !important;}
#examMain .pad_l0 {padding-left:0 !important;}

#examMain .fSize16 {font-size:1.6rem;}
/* ------------------------------------------ form ------------------------------------------ */
#examMain select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"] {width:100%; height:3.8rem; border:1px solid #ccc; line-height:3.6rem; font-size:1.4rem; color:#000;}

#examMain select {padding:0 3rem 0 1rem; background:#fff url('/user/img/exam/ico_sel_arrow.png') no-repeat; background-size:1.4rem 0.7rem; background-position:right 1rem top 50%; -webkit-appearance:none;}
#examMain select.type2 {padding:0 3rem 0 1rem; border-color:transparent; background:#25293d url('/user/img/exam/ico_sel_arrow1.png') no-repeat; background-size:1.4rem 0.7rem; background-position:right 1.4rem top 50%; font-weight:400; color:#fff; -webkit-appearance:none;}
#examMain select.w_sm {-webkit-box-flex:0;-ms-flex:none;flex:none; width:12rem !important;}
#examMain select.w_md {-webkit-box-flex:0;-ms-flex:none;flex:none; width:15rem !important;}
#examMain select.w_lg {-webkit-box-flex:0;-ms-flex:none;flex:none; width:22rem !important;}
#examMain select.w_xl {-webkit-box-flex:0;-ms-flex:none;flex:none; width:36rem !important;}
#examMain select.w_wide {-webkit-box-flex:0;-ms-flex:none;flex:none; width:55rem !important;}

#examMain input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"] {padding:0 1rem;}

#examMain .input_wid_wrap1 {display:inline-block; padding:0 0 0 2rem;}
#examMain .input_wid_wrap1 input {width:7.5rem;}
#examMain .input_wid_wrap1 input + label {padding:0 2rem 0 1rem; font-size:1.6rem; color:#666;}

#examMain .input_wid_wrap2 {display:inline-block; padding:0 0 0 0;}
#examMain .input_wid_wrap2 input {width:7.5rem;}
#examMain .input_wid_wrap2 input + label {padding:0 2rem 0 1rem; font-size:1.6rem; color:#666;}

#examMain input[type="text"].type_blue,
#examMain input[type="password"].type_blue  {height:5rem; padding:0 2rem; border:1px solid #1a5ab5; line-height:4.8rem;}

#examMain textarea {width:100%; padding:1.5rem; line-height:2.1rem; border:1px solid #ccc; resize:none;}
#examMain .textarea_wrap {position:relative;}
#examMain .textarea_wrap .txt_byte {position:absolute; right:1rem; bottom:1rem; color:#bdbdbd; font-size:1.4rem; font-weight:400; line-height:1;}
#examMain .textarea_wrap .txt_byte span:nth-child(2) {margin-right:0.5rem;}

#examMain .input_wrap {position:relative;}
#examMain .input_wrap.has_remove input[type='text'] {padding-right:4.5rem;}
#examMain .input_wrap .btn_remove {position:absolute; right:1.1rem; top:0.9rem;}
#examMain .input_wrap .input_alert {display:none; margin-top:1rem; margin-bottom:2rem; line-height:1; color:#ff5b5f; font-size:1.4rem;}
#examMain .input_wrap .btn_remove + .input_alert {right:4.5rem}
#examMain .input_wrap.errored .input_alert {display:block;}

#examMain .srch_inp {display:inline-block; position:relative;}
/* .srch_inp input {height:2.2rem; font-size:1.4rem; font-weight:400; border:0; vertical-align:middle;} */
#examMain .srch_inp button {position:absolute; right:1rem;top:50%; 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:100% auto; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#examMain .srch_inp button span {display:block; text-indent:-9999px;}

#examMain .rdo_box {display:inline-block; position:relative;}
#examMain .rdo_box + .rdo_box {margin-left:1rem;}
#examMain .rdo_box input[type="radio"] {position:absolute; width:100%; height:100%; opacity:0;}
#examMain .rdo_box input[type="radio"] + label {display:inline-flex; font-size:1.6rem; color:#898989; line-height:1.8rem;}
#examMain .rdo_box input[type="radio"] + label:before {display:block; width:2rem; height:2rem; margin:0rem 0.5rem 0 0; border:1px solid #8c8c8c; border-radius:50%; background-color: #fff; content:''; box-sizing:border-box;}
#examMain .rdo_box input[type="radio"]:checked + label:before {color:#000; border-color:#2e3d61; background:#2e3d61 url('/user/img/exam/ico_inp_rdo.png') no-repeat 0 0; background-position:0 0; background-size:1.8rem auto;}
#examMain .rdo_box input[type="radio"]:disabled + label:before {border-color:#dcdcdc; background-color:#ececec;}
#examMain .rdo_box input[type="radio"]:checked:disabled + label:before {border-color:#2e3d61; background:#2e3d61 url('/user/img/exam/ico_inp_rdo.png') no-repeat 0 0; background-position:0 -1.8rem; background-size:1.8rem auto;}
#examMain .rdo_box input[type="radio"]:checked + label:before, 
#examMain input[type="radio"]:disabled + label:before {color:#393939}
#examMain .rdo_box.no_label input[type="radio"] + label {display:block; width:2.2rem; height:2.2rem; overflow: hidden;}
#examMain .rdo_box.no_label input[type="radio"] + label:before {margin:0;}
#examMain .rdo_box.has_inp {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;}
#examMain .rdo_box.has_inp input[type="radio"],
#examMain .rdo_box.has_inp label {-webkit-box-flex:0;-ms-flex:none;flex:none;}
#examMain .rdo_box.has_inp input[type="text"] {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; margin-left:2rem;}

#examMain .rdo_box_wrap {display:-webkit-box;display:-ms-flexbox;display:flex}
#examMain .rdo_box_wrap .rdo_btn {width:14rem;}
#examMain .rdo_box_wrap.rdo_box_mt {margin-top:1rem;}/* 2021-04-01 수정 */
#examMain .rdo_box_wrap.flex_column {flex-direction: column;}/* 2021-04-06 수정 */

#examMain .rdo_box2_wrap {display:inline-block; border:1px solid #dbdbdb;}
#examMain .rdo_box2 {position:relative; width:100%; height:12rem; background-color:#fafafa; border-left:1px solid #dbdbdb;}
#examMain .rdo_box2:first-child {border-left:0;}
#examMain .rdo_box2 input[type="radio"] {position:absolute; left:50%; top:50%; z-index:2; margin:-3.5rem 0 0 -1rem; width:2rem; height:2rem; background:url('/user/img/exam/ico_inp_rdo02.png') no-repeat 0 0 / 100% auto; -webkit-appearance:none}
#examMain .rdo_box2 input[type="radio"] + label {position:relative; z-index:2; 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:100%; padding-top:3rem; font-size:1.4rem; color:#666666; line-height:2.4rem; font-weight:400; text-align:center;}
#examMain .rdo_box2 input[type="radio"]:checked {color:#000; background-position:0 -2rem}
#examMain .rdo_box2 input[type="radio"]:disabled {background-position:0 -4rem}
#examMain .rdo_box2 input[type="radio"]:checked:disabled {background-position:0 -6rem}
#examMain .rdo_box2 input[type="radio"]:checked + label {color:#fff; font-weight:500;}
#examMain .rdo_box2 input[type="radio"]:checked ~ .bg {display:block; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; z-index:1; background-color:#577dd0;}

#examMain .rdo_box3 {display:inline-block}
#examMain .rdo_box3 input[type="radio"] {width:2.2rem; height:2.2rem; margin-top:0.2rem; background:url('/user/img/exam/ico_inp_rdo03.png') no-repeat 0 0; background-size:2.2rem auto; -webkit-appearance:none}
#examMain .rdo_box3 input[type="radio"] + label {margin-left:0.5rem; font-size:1.6rem; color:#898989; line-height:1.8rem;}
#examMain .rdo_box3 input[type="radio"]:checked {color:#000; background-position:0 -2.2rem}
#examMain .rdo_box3 input[type="radio"]:disabled {background-position:0 -4.4rem}
#examMain .rdo_box3 input[type="radio"]:checked:disabled {background-position:0 -6.6rem}
#examMain .rdo_box3 input[type="radio"]:checked + label, input[type="radio"]:disabled + label {color:#393939}

#examMain .rdo_btn input[type="radio"] {display:none}
#examMain .rdo_btn input[type="radio"] + label {display:inline-block; width:14rem; height:4rem; background:#e8e8e8; border:1px solid #dbdbdb; border-right:0; line-height:3.6rem; font-size:1.6rem; color:#a0a0a0; text-align:center}
#examMain .rdo_btn:last-child input[type="radio"] + label {border-right:1px solid #dbdbdb; }
#examMain .rdo_btn input[type="radio"]:checked + label {background-color:#fff; color:#212121}
#examMain .rdo_btn input[type="radio"]:disabled + label {border-color:#d0cece; background-color:#E4E4E4; color:#8E8E8E}
#examMain .rdo_btn.bg_navy input[type="radio"] + label {background-color:#fff;}/* 2022-05-02 수정 */
#examMain .rdo_btn.bg_navy input[type="radio"]:checked + label {background-color:#2e3d61; color:#fff;}/* 2022-05-02 수정 */

#examMain .chk_box {display:inline-block; position:relative;}
#examMain .chk_box + .chk_box {margin-left:1rem;}
#examMain .chk_box input[type="checkbox"] {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
#examMain .chk_box input[type="checkbox"] + label {display:inline-flex; line-height:2.4rem; font-size:1.6rem; color:#898989; align-items:center;}
#examMain .chk_box input[type="checkbox"] + label:before {display:block; width:2.4rem; height:2.4rem; margin-right:0.5rem; content:''; border:1px solid #898989; background:#fff; box-sizing:border-box;}
#examMain .chk_box input[type="checkbox"]:checked + label:before {border-color:#0b408a; background:#0b408a url('/user/img/exam/ico_inp_chk.png') no-repeat 0 0 / 2.2rem auto;}
#examMain .chk_box input[type="checkbox"]:disabled + label:before {background:#999;}
#examMain .chk_box input[type="checkbox"]:checked:disabled + label:before {background:#0b408a url('/user/img/exam/ico_inp_chk.png') no-repeat 0 -2.2rem / 2.2rem auto;}
#examMain .chk_box input[type="checkbox"]:checked + label:before, 
#examMain input[type="checkbox"]:disabled + label:before {color:#393939}
#examMain .chk_box.no_label input[type="checkbox"] + label {display:block; width:2.6rem; height:2.6rem; overflow: hidden;}
#examMain .chk_box.no_label input[type="checkbox"] + label:before {margin-right:0;}

#examMain .chk_box2 {display:inline-block}
#examMain .chk_box2 input[type="checkbox"] {width:2.2rem; height:2.2rem; margin-top:0.2rem; background:url('/user/img/exam/ico_inp_rdo03.png') no-repeat 0 0; background-size:2.2rem auto; -webkit-appearance:none}
#examMain .chk_box2 input[type="checkbox"] + label {margin-left:0.5rem; font-size:1.6rem; color:#898989; line-height:1.8rem;}
#examMain .chk_box2 input[type="checkbox"]:checked {color:#000; background-position:0 -2.2rem}
#examMain .chk_box2 input[type="checkbox"]:disabled {background-position:0 -4.4rem}
#examMain .chk_box2 input[type="checkbox"]:checked:disabled {background-position:0 -6.6rem}
#examMain .chk_box2 input[type="checkbox"]:checked + label, input[type="checkbox"]:disabled + label {color:#393939}

#examMain .switch_box {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .switch_box input {display:none;}
#examMain .switch_box .switch_label {display:inline-block; color:#898989; margin-right:0.4rem; padding-bottom:0.2rem; font-size:1.6rem; font-weight:400; line-height:1;}
#examMain .switch_box label {position:relative; width:7rem; height:2rem; border:1px solid #232323; border-radius:10px;}
#examMain .switch_box label i {display:block; position:absolute; left:0; top:0; width:3.6rem; height:100%; overflow:hidden; background:#232323; border-radius:10px; text-indent:-9999px; -webkit-transition:-webkit-transform 0.2s ease; transition:-webkit-transform 0.2s ease; -o-transition:transform 0.2s ease; transition:transform 0.2s ease; transition:transform 0.2s ease, -webkit-transform 0.2s ease;}
#examMain .switch_box label::before, .switch_box label::after {content:''; display:block; position:absolute; z-index:1; top:0; width:50%; height:100%; line-height:1.8rem; color:#9e9e9e; font-size:1.2rem; font-weight:400; text-align:center;}
#examMain .switch_box label::before {content:'ON'; left:0;}
#examMain .switch_box label::after {content:'OFF'; right:0;}
#examMain .switch_box input + label i {-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translateX(32px);}
#examMain .switch_box input:checked + label i {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
#examMain .switch_box input + label::before {color:#9e9e9e;}
#examMain .switch_box input + label::after {color:#fff; font-weight:500;}
#examMain .switch_box input:checked + label::before {color:#fff; font-weight:500;}
#examMain .switch_box input:checked + label::after {color:#9e9e9e;}
#examMain .switch_box input:disabled + label {border-color:#bbb;}
#examMain .switch_box input:disabled + label i {background:#bbb}
#examMain .switch_box input:disabled + label::before {color:#bbb;}

#examMain .switch_box2 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .switch_box2 input {display:none;}
#examMain .switch_box2 label {position:relative; width:18rem; height:4rem; border:1px solid #062e67; border-radius:18px;}
#examMain .switch_box2 label i {display:block; position:absolute; left:0; top:0; width:9rem; height:100%; overflow:hidden; background:#062e67; border-radius:18px; text-indent:-9999px; -webkit-transition:-webkit-transform 0.2s ease; transition:-webkit-transform 0.2s ease; -o-transition:transform 0.2s ease; transition:transform 0.2s ease; transition:transform 0.2s ease, -webkit-transform 0.2s ease;}
#examMain .switch_box2 label::before, .switch_box2 label::after {content:''; display:block; position:absolute; z-index:1; top:0; width:50%; height:100%; line-height:3.8rem; color:#9e9e9e; font-size:1.6rem; font-weight:400; text-align:center;}
#examMain .switch_box2 label::before {content:'수신'; left:0;}
#examMain .switch_box2 label::after {content:'거부'; right:0;}
#examMain .switch_box2.type_agree label::before {content:'동의'; left:0;}
#examMain .switch_box2.type_agree label::after {content:'동의안함'; right:0;}
#examMain .switch_box2.type_agree02 label::before {content:'수신동의'; left:0;}/* 2021-04-24 수정 */
#examMain .switch_box2.type_agree02 label::after {content:'동의안함'; right:0;}/* 2021-04-24 수정 */
#examMain .switch_box2 input + label i {-webkit-transform:translateX(90px);-ms-transform:translateX(90px);transform:translateX(90px);}
#examMain .switch_box2 input:checked + label i {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
#examMain .switch_box2 input + label::before {color:#9e9e9e;}
#examMain .switch_box2 input + label::after {color:#fff; font-weight:500;}
#examMain .switch_box2 input:checked + label::before {color:#fff; font-weight:500;}
#examMain .switch_box2 input:checked + label::after {color:#9e9e9e;}

/* Controls Mixins */
#examMain .controls_basic {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_tel {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;}
#examMain .controls_tel select,
#examMain .controls_tel input {max-width:12.2rem; width:calc(33.33% - 1.6rem)}
#examMain .controls_tel .split {-webkit-box-flex:0;-ms-flex:none;flex:none; width:2.4rem; text-align:center;}

#examMain .controls_social{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;}
#examMain .controls_social input {width:calc(50% - 1.2rem)}
#examMain .controls_social .split {-webkit-box-flex:0;-ms-flex:none;flex:none; width:2.4rem; text-align:center;}

#examMain .controls_school {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%;}
#examMain .controls_school input {max-width:40.4rem; margin-right:0.5rem;}
#examMain .controls_school input.fluid {max-width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain .controls_school button {-webkit-box-flex:0;-ms-flex:none;flex:none;}

#examMain .controls_grade {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_grade .rdo_box + .rdo_box {margin-left:1rem;}
#examMain .controls_grade .rdo_box_group {margin-right:2rem;}
#examMain .controls_grade select {margin-right:0.5rem; width:20rem;}
#examMain .controls_grade button {-webkit-box-flex:0;-ms-flex:none;flex:none;}

#examMain .controls_addr &gt; div {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_addr &gt; div:last-child {margin-top:1rem;}
#examMain .controls_addr button {-webkit-box-flex:0;-ms-flex:none;flex:none; margin-left:1rem;}
#examMain .controls_addr input {width:100%; max-width:44rem;}

#examMain .controls_reply li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_reply li .set_name {width:17rem; font-size:1.6rem; color:#828282; font-weight:400; line-height:1;}
#examMain .controls_reply li .rdo_box.lens4 {width:10rem;}
#examMain .controls_reply li + li {margin-top:1.5rem;}
#examMain .controls_reply li .red_infoTxt {font-size:1.4rem;color:red;padding-left:1rem;}

#examMain .controls_area {display:-webkit-box;display:-ms-flexbox;display:flex; margin:-0.5rem;}
#examMain .controls_area select {margin:0.5rem;}

#examMain .controls_date {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_srch {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .controls_srch.fluid {width:100%;}
#examMain .controls_srch input + button {margin-left:1rem;}
#examMain .search_box .search_group .controls_srch select {width:100%;}

#examMain .controls_subjectBtn .subject_list {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-0.2rem;}
#examMain .controls_subjectBtn .subject_list li {padding:0.2rem;}
#examMain .controls_subjectBtn .subject_list li button {width:100%; min-width:1px; padding-left:1.2rem; padding-right:1.2rem;}
#examMain .controls_subjectBtn .subject_list.ea8 li {width:25%;}

/* 특징선택 */
#examMain .controls_choice .chk_box_grid {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:2rem 3.6rem; margin:-1rem;}
#examMain .controls_choice .chk_box_grid .chk_box {padding:1rem; margin:0;}
#examMain .controls_choice .chk_box_grid.cols1 .chk_box {width:100%;}
#examMain .controls_choice .chk_box_grid.cols2 .chk_box {width:50%;}

/* VS 매칭 */
#examMain .controls_match {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_match input[type='text'] {width:6rem; margin:0 0.6rem;}
#examMain .controls_match .form_split {margin:0 2rem;}
#examMain .board_form dl dd .controls_match .form_txt {color:#999;}

/* 인증번호 */
#examMain .controls_auth{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .controls_auth input[type='text'] {width:calc(100% - 11.5rem); height:5rem;}
#examMain .controls_auth button {width:11rem; margin:0 0 0 0.5rem;}

/* 본문 팝업 타이틀 */
#examMain .smart_keyword_wrap .headTitle {position:relative; display:flex; justify-content:space-between; align-items:center; padding:3rem 0;}
#examMain .smart_keyword_wrap .headTitle &gt; .tit {width:100%; text-align:center; font-weight:bold; font-size:4rem; color:#212121; line-height:1;}
#examMain .smart_keyword_wrap .headTitle &gt; .btnClose {position:absolute; right:3.5rem; top:3.5rem; width:3rem; height:3rem;}
#examMain .smart_keyword_wrap .headTitle &gt; .btnClose &gt; span {display:block; overflow:hidden; width:3rem; height:3rem; background: url('https://www.ebsi.co.kr/ebs/public_hsp/images/common/ico_pop_close.png') no-repeat center center / 100% auto; background-size:100%; text-indent:-9999px;}

@media screen and (max-width: 1023px) {
#examMain [class^='controls_'] .btn_L_col1 {-webkit-box-flex:1;-ms-flex:auto;flex:auto; height:7rem;}

#examMain .controls_grade {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .controls_grade .rdo_box_group {width:100%; padding:0.5rem 0; margin:0; margin-bottom:1rem;}
#examMain .controls_grade select {width:calc(33% - 0.5rem);}
#examMain .controls_addr .btn_L_col1 {-webkit-box-flex:1;-ms-flex:auto;flex:auto;}
#examMain .controls_addr input {width:100%; max-width:36rem;}
#examMain .controls_addr &gt; div:last-child input {margin-left:auto;}

#examMain .controls_school .btn_L_col1 {-webkit-box-flex:0;-ms-flex:none;flex:none;}

#examMain .controls_reply li {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .controls_reply li + li {margin-top:2rem;}
#examMain .controls_reply li .set_name {width:100%; margin-bottom:1rem; font-size:2.6rem;}
#examMain .controls_reply li .red_infoTxt {font-size:2.4rem;line-height:1.3;}

#examMain .controls_date.has_desc {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .controls_srch {flex-wrap:wrap;}
#examMain .controls_srch input + button.btn_L_col2,    
#examMain .search_box.type_reply dl .controls_srch button.btn_L_col2 {width:100%; margin:1rem 0 0 0;}

#examMain .switch_box2 label {width:28rem; height:7rem; border-radius:3.3rem;}
#examMain .switch_box2 label i {width:14rem; border-radius:3.3rem;}
#examMain .switch_box2 label::before, .switch_box2 label::after {line-height:6.5rem; color:#9e9e9e; font-size:2.4rem;}
#examMain .switch_box2 input + label i {-webkit-transform:translateX(14rem);-ms-transform:translateX(14rem);transform:translateX(14rem);}

#examMain .input_wrap .btn_remove {top:1.4rem;}
    /* .input_wrap .input_alert {right:2rem;} */
#examMain .input_wrap .btn_remove + .input_alert {right:6.5rem; font-size:2.2rem;}
    
#examMain .srch_inp button {height:3rem; width:3rem;}

#examMain .switch_box .switch_label {display:none;}
#examMain .switch_box label {width:12rem; height:4rem; border-radius:2rem;}
#examMain .switch_box label i {width:6.2rem; border-radius:2rem;}
#examMain .switch_box input + label i {-webkit-transform:translateX(5.8rem);-ms-transform:translateX(5.8rem);transform:translateX(5.8rem);}
#examMain .switch_box label::before, .switch_box label::after {line-height:calc(3.6rem); font-size:2rem;}
#examMain .switch_box label::after {padding-left:0.2rem;}

    /* 인증번호 */
#examMain .controls_auth input[type='text'] {width:calc(100% - 11rem); height:7rem;}
#examMain .controls_auth button {min-width:10rem; margin:0 0 0 1rem;}

#examMain .fSize16 {font-size:2.2rem;}
}

@media screen and (max-width: 720px) {
#examMain .controls_reply li .red_infoTxt {padding:1rem 0 0 1rem;}
}

@media screen and (max-width: 320px) {
#examMain .controls_area {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .controls_area select {width:100%;}
#examMain .controls_subjectBtn .subject_list.ea8 li {width:50%;}
}

/* datepickers */
#examMain .datepickers {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .datepickers i {-webkit-box-flex:0;-ms-flex:none;flex:none; width:2rem; text-align:center;}
#examMain .datepickers span {display:block; position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain .datepickers span button {position:absolute; right:1rem; top:50%; overflow:hidden; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:2.5rem; height:2.5rem; background:url(/user/img/exam/ico_datepicker.png) no-repeat center center / 75% auto; text-indent:-9999px;}
#examMain .datepickers span + span {margin-left:1rem;}
#examMain .datepickers.w_md {width:31rem;}
#examMain .datepickers input.w_md {-webkit-box-flex:0;-ms-flex:none;flex:none; width:15rem;}

#examMain .ui-datepicker {z-index:2000 !important; width:31rem; padding:1rem; background:#fff; border:1px solid #ddd; font-size:1.4rem;}
#examMain .ui-datepicker-header {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:0 1rem; margin-bottom:2rem;}
#examMain .ui-datepicker-header .ui-datepicker-prev {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1; width:2.2rem; height:2.2rem; overflow:hidden; border:1px solid #dbdbdb; background:url(/user/img/exam/btn_cal_prev.png) no-repeat center center / 0.6rem 1rem; text-indent:-999px; cursor: pointer;}
#examMain .ui-datepicker-header .ui-datepicker-next {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; width:2.2rem; height:2.2rem; overflow:hidden; border:1px solid #dbdbdb; background:url(/user/img/exam/btn_cal_prev.png) no-repeat center center / 0.6rem 1rem; text-indent:-999px; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); cursor: pointer;}
#examMain .ui-datepicker-header .ui-datepicker-title {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
#examMain .ui-datepicker select {width:auto; border-color:transparent; background-position:right 1rem top 1.6rem;}
#examMain .ui-datepicker-calendar {table-layout:fixed;}
#examMain .ui-datepicker-calendar td {text-align:center; vertical-align:middle; font-weight:400;}
#examMain .ui-datepicker-calendar td a {display:inline-block; width:2.8rem; height:2.8rem; line-height:2.8rem; font-size:1.4rem;}
#examMain .ui-datepicker-calendar .ui-state-default {position:relative; color:#000000;}
#examMain .ui-datepicker-calendar .ui-state-hover {width:2.8rem; height:2.8rem; line-height:2.8rem; padding:0; border-radius:50%; background-color:rgba(87, 125, 208, 0.25);}
#examMain .ui-datepicker-calendar .ui-datepicker-today a {width:2.8rem; height:2.8rem; line-height:2.8rem; padding:0; border-radius:50%; background-color:transparent; color:#75a6ea; font-weight:500;}
#examMain .ui-datepicker-calendar .ui-datepicker-today a.ui-state-hover {background-color:rgba(87, 125, 208, 0.25);}
#examMain .ui-datepicker-calendar .ui-datepicker-current-day a {width:2.8rem; height:2.8rem; line-height:2.8rem; padding:0; border-radius:50%; background:#75a6ea; color:#fff; font-weight:500;}
#examMain .ui-datepicker-calendar .ui-state-disabled .ui-state-default {color:#bdbdbd;}
#examMain .ui-datepicker-buttonpane {display:none; padding:1rem; text-align:right;}
#examMain .ui-datepicker-buttonpane button {padding:0.5rem;}

/* tablet */
@media screen and (min-width: 1024px) {
#examMain select.w_sm_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:12rem !important;}
#examMain select.w_md_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:15rem !important;}
#examMain select.w_lg_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:36rem !important;}
#examMain select.w_xl_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:48rem !important;}
#examMain select.w_wide_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:55rem !important;}
#examMain select.w_fluid_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:100% !important;}
#examMain .datepickers input.w_md_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:150px;}

	/* 9칸중 몇칸 */
#examMain 	.cols10_ea1 {width:calc(100% / 10 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea2 {width:calc(100% / 10 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea3 {width:calc(100% / 10 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea4 {width:calc(100% / 10 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea5 {width:calc(100% / 10 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea6 {width:calc(100% / 10 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea7 {width:calc(100% / 10 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea8 {width:calc(100% / 10 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols10_ea9 {width:calc(100% / 10 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols10_ea10 {width:calc(100% / 10 * 10) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
    
	/* 9칸중 몇칸 */
#examMain 	.cols9_ea1 {width:calc(100% / 9 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea2 {width:calc(100% / 9 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea3 {width:calc(100% / 9 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea4 {width:calc(100% / 9 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea5 {width:calc(100% / 9 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea6 {width:calc(100% / 9 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea7 {width:calc(100% / 9 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea8 {width:calc(100% / 9 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea9 {width:calc(100% / 9 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 8칸중 몇칸 */
#examMain 	.cols8_ea1 {width:calc(100% / 8 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea2 {width:calc(100% / 8 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea3 {width:calc(100% / 8 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea4 {width:calc(100% / 8 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea5 {width:calc(100% / 8 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea6 {width:calc(100% / 8 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea7 {width:calc(100% / 8 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea8 {width:calc(100% / 8 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea9 {width:calc(100% / 8 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 7칸중 몇칸 */
#examMain 	.cols7_ea1 {width:calc(100% / 7 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea2 {width:calc(100% / 7 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea3 {width:calc(100% / 7 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea4 {width:calc(100% / 7 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea5 {width:calc(100% / 7 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea6 {width:calc(100% / 7 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea7 {width:calc(100% / 7 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea8 {width:calc(100% / 7 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea9 {width:calc(100% / 7 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 6칸중 몇칸 */
#examMain 	.cols6_ea1 {width:calc(100% / 6 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea2 {width:calc(100% / 6 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea3 {width:calc(100% / 6 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea4 {width:calc(100% / 6 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea5 {width:calc(100% / 6 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea6 {width:calc(100% / 6 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea7 {width:calc(100% / 6 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea8 {width:calc(100% / 6 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea9 {width:calc(100% / 6 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 5칸중 몇칸 */
#examMain 	.cols5_ea2 {width:calc(100% / 5 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea3 {width:calc(100% / 5 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea4 {width:calc(100% / 5 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea5 {width:calc(100% / 5 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea6 {width:calc(100% / 5 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea7 {width:calc(100% / 5 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea8 {width:calc(100% / 5 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea9 {width:calc(100% / 5 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 4칸중 몇칸 */
#examMain 	.cols4_ea1 {width:calc(100% / 4 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea2 {width:calc(100% / 4 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea3 {width:calc(100% / 4 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea4 {width:calc(100% / 4 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea5 {width:calc(100% / 4 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea6 {width:calc(100% / 4 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea7 {width:calc(100% / 4 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea8 {width:calc(100% / 4 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols4_ea9 {width:calc(100% / 4 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
}
@media print {
#examMain select.w_sm_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:12rem !important;}
#examMain select.w_md_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:15rem !important;}
#examMain select.w_lg_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:36rem !important;}
#examMain select.w_xl_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:48rem !important;}
#examMain select.w_wide_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:55rem !important;}
#examMain select.w_fluid_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:100% !important;}
#examMain .datepickers input.w_md_pc {-webkit-box-flex:0;-ms-flex:none;flex:none; width:150px;}

	/* 9칸중 몇칸 */
#examMain 	.cols10_ea1 {width:calc(100% / 10 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea2 {width:calc(100% / 10 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea3 {width:calc(100% / 10 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea4 {width:calc(100% / 10 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea5 {width:calc(100% / 10 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea6 {width:calc(100% / 10 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea7 {width:calc(100% / 10 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols10_ea8 {width:calc(100% / 10 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols10_ea9 {width:calc(100% / 10 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols10_ea10 {width:calc(100% / 10 * 10) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
    
	/* 9칸중 몇칸 */
#examMain 	.cols9_ea1 {width:calc(100% / 9 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea2 {width:calc(100% / 9 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea3 {width:calc(100% / 9 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea4 {width:calc(100% / 9 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea5 {width:calc(100% / 9 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea6 {width:calc(100% / 9 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea7 {width:calc(100% / 9 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea8 {width:calc(100% / 9 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols9_ea9 {width:calc(100% / 9 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 8칸중 몇칸 */
#examMain 	.cols8_ea1 {width:calc(100% / 8 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea2 {width:calc(100% / 8 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea3 {width:calc(100% / 8 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea4 {width:calc(100% / 8 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea5 {width:calc(100% / 8 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea6 {width:calc(100% / 8 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea7 {width:calc(100% / 8 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea8 {width:calc(100% / 8 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols8_ea9 {width:calc(100% / 8 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 7칸중 몇칸 */
#examMain 	.cols7_ea1 {width:calc(100% / 7 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea2 {width:calc(100% / 7 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea3 {width:calc(100% / 7 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea4 {width:calc(100% / 7 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea5 {width:calc(100% / 7 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea6 {width:calc(100% / 7 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea7 {width:calc(100% / 7 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea8 {width:calc(100% / 7 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols7_ea9 {width:calc(100% / 7 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 6칸중 몇칸 */
#examMain 	.cols6_ea1 {width:calc(100% / 6 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea2 {width:calc(100% / 6 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea3 {width:calc(100% / 6 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea4 {width:calc(100% / 6 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea5 {width:calc(100% / 6 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea6 {width:calc(100% / 6 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea7 {width:calc(100% / 6 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea8 {width:calc(100% / 6 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols6_ea9 {width:calc(100% / 6 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 5칸중 몇칸 */
#examMain 	.cols5_ea2 {width:calc(100% / 5 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea3 {width:calc(100% / 5 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea4 {width:calc(100% / 5 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea5 {width:calc(100% / 5 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea6 {width:calc(100% / 5 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea7 {width:calc(100% / 5 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea8 {width:calc(100% / 5 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols5_ea9 {width:calc(100% / 5 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}

	/* 4칸중 몇칸 */
#examMain 	.cols4_ea1 {width:calc(100% / 4 * 1) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea2 {width:calc(100% / 4 * 2) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea3 {width:calc(100% / 4 * 3) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea4 {width:calc(100% / 4 * 4) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea5 {width:calc(100% / 4 * 5) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea6 {width:calc(100% / 4 * 6) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea7 {width:calc(100% / 4 * 7) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain 	.cols4_ea8 {width:calc(100% / 4 * 8) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .cols4_ea9 {width:calc(100% / 4 * 9) !important; -webkit-box-flex:0; -ms-flex:none; flex:none;}
}
@media screen and (max-width: 1023px) {
#examMain .pc_only_i {display:none !important;}
#examMain .pc_only_ib {display:none !important;}
#examMain .pc_only_b {display:none !important;}
#examMain .pc_only_f {display:none !important;}
#examMain .pc_only_t {display:none !important;}
#examMain .pc_only_tc {display:none !important;}
#examMain .mo_only_i {display:inline !important;}
#examMain .mo_only_ib {display:inline-block !important;}
#examMain .mo_only_b {display:block !important;}
#examMain .mo_only_f {display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;}

#examMain select, input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"] {height:7rem; line-height:1.5; font-size:2.4rem;}
#examMain select {padding-right:5rem; background-size:2.4rem auto;}
#examMain select.fluid {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain textarea {font-size:2.2rem; line-height:3rem;}

#examMain .input_wid_wrap1 {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3rem 0 0;}
#examMain .input_wid_wrap1 span {width:calc(100%/3);}
#examMain .input_wid_wrap1 input {width:calc(100% - 5.6rem);}
#examMain .input_wid_wrap1 input + label {width:3rem; padding:0 2rem 0 1rem; font-size:2.4rem;}

#examMain .input_wid_wrap2 {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-1rem;}
#examMain .input_wid_wrap2 span {padding:1rem;}
#examMain .input_wid_wrap2 input {width:15rem;}
#examMain .input_wid_wrap2 input + label {padding:0 2rem 0 1rem; font-size:2.4rem; color:#666;}
#examMain .input_wid_wrap2.ea3 span {display:block;}

#examMain .textarea_wrap .txt_byte {font-size:2.2rem; right:2rem; bottom:2rem;}

#examMain .rdo_box_wrap {float:left;}
#examMain .rdo_box_wrap:after {content:''; clear:both; width:100%;}
#examMain .rdo_box_wrap .rdo_btn {width:100%;}
#examMain .rdo_box + .rdo_box {margin-left:3rem;}
#examMain .rdo_box input[type="radio"] + label:before {width:3rem; height:3rem; margin-right:1rem;; margin-top:0.2rem;}
#examMain .rdo_box input[type="radio"] + label {font-size:2.4rem;line-height:1.5;}
#examMain .rdo_box input[type="radio"]:checked + label:before {background-size:3rem auto;}
    
#examMain .chk_box input[type="checkbox"] + label {line-height:2.4rem; font-size:2.4rem;}

#examMain .rdo_box.no_label input[type="radio"] + label {width:3rem; height:3rem;}/* 2021-04-12 수정 */

#examMain select.type2 {height:4.8rem; font-size:2.4rem; line-height:1.2; padding: 0 5.6rem 0 2rem; background-position:right 2rem top 50%; background-size:2rem 1.2rem;}
#examMain select.w_sm {width:12rem !important;}
#examMain select.w_md {width:15rem !important;}
#examMain select.w_full_mo {width:100% !important; margin-left:0 !important;}

    /* .rdo_box input[type="radio"] {}
#examMain .rdo_box input[type="radio"] + label:before {width:3.2rem; height:3.2rem; background-size:1.8rem auto;}
#examMain .rdo_box input[type="radio"]:checked {background-position:0 0}
#examMain .rdo_box input[type="radio"]:disabled {background-position:0 -6.4rem} 
#examMain .rdo_box input[type="radio"]:checked:disabled {background-position:0 -9.6rem}
#examMain .rdo_btn input[type="radio"] + label {display:inline-block; width:100%; height:7.6rem; line-height:7rem; font-size:2.6rem; margin-left:0.6rem; font-size:2.4rem; line-height:7.6rem;} */
 
#examMain .rdo_box2 {height:16rem;}
#examMain .rdo_box2 input[type="radio"] {margin:-5rem 0 0 -1.8rem; width:3.6rem; height:3.6rem;}
#examMain .rdo_box2 input[type="radio"] + label {padding-top:4rem; font-size:2.2rem; line-height:3rem;}
#examMain .rdo_box2 input[type="radio"]:checked {background-position:0 -3.6rem;}
#examMain .rdo_box2 input[type="radio"]:disabled {background-position:0 -7.2rem}
#examMain .rdo_box2 input[type="radio"]:checked:disabled {background-position:0 -10.8rem}

#examMain .rdo_box3 input[type="radio"] {width:4rem; height:4rem; background-size:4rem auto;}
#examMain .rdo_box3 input[type="radio"] + label {margin-left:0.8rem; font-size:2.4rem; line-height:2.8rem;}
#examMain .rdo_box3 input[type="radio"]:checked {background-position:0 -4rem}
#examMain .rdo_box3 input[type="radio"]:disabled {background-position:0 -8rem}
#examMain .rdo_box3 input[type="radio"]:checked:disabled {background-position:0 -12rem}

#examMain .chk_box input[type="checkbox"] {width:2.4rem; height:2.4rem; background-size:2.4rem auto;}
#examMain .chk_box input[type="checkbox"]:checked {background-position:0 -2.4rem}
#examMain .chk_box input[type="checkbox"]:disabled {background-position:0 -4.8rem} 
#examMain .chk_box input[type="checkbox"]:checked:disabled {background-position:0 -7.2rem}
#examMain .chk_box input[type="checkbox"] + label {font-size:2.4rem; line-height:3.6rem;}

#examMain .chk_box2 input[type="checkbox"] {width:4rem; height:4rem; background-size:4rem auto;}
#examMain .chk_box2 input[type="checkbox"] + label {margin-left:0.8rem; font-size:2.4rem; line-height:2.8rem;}
#examMain .chk_box2 input[type="checkbox"]:checked {background-position:0 -4rem}
#examMain .chk_box2 input[type="checkbox"]:disabled {background-position:0 -8rem}
#examMain .chk_box2 input[type="checkbox"]:checked:disabled {background-position:0 -12rem}

    /* 달력인풋 */
#examMain .datepickers {width:100%;}
#examMain .datepickers span button {right:2rem; width:3.8rem; height:5.4rem; background-image:url(/user/img/exam/ico_datepicker_mo.png); background-size:3rem 2.8rem;}
#examMain .datepickers i {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-flex:0; -ms-flex:none; flex:none; width:3.6rem; font-size:2.4rem; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#666;}
#examMain .datepickers.w_md {width:100%;}

    /* 달력레이어 */
#examMain .ui-datepicker {width:50rem; max-width:90%; padding-bottom:2rem;}
#examMain .ui-datepicker select {width:12rem; padding-right:4rem; font-size:2.4rem; background-position:right 1rem top 3rem;}
#examMain .ui-datepicker select + select {width:9rem; margin-left:2rem;}
#examMain .ui-datepicker-header {padding:1rem 2rem; margin-bottom:1rem;}
#examMain .ui-datepicker-header .ui-datepicker-next {width:3.6rem; height:3.6rem;}
#examMain .ui-datepicker-header .ui-datepicker-prev {width:3.6rem; height:3.6rem;}
#examMain .ui-datepicker-calendar th {padding:1rem; font-size:2.4rem; line-height:1;}
#examMain .ui-datepicker-calendar td a {font-size:2.4rem; line-height:1;}
#examMain .ui-datepicker-calendar .ui-datepicker-today a,
#examMain .ui-datepicker-calendar .ui-datepicker-current-day a {width:4rem; height:4rem; line-height:4rem;}
}

/* mobile */
@media screen and (max-width: 719px) {
#examMain select.w_xl {-webkit-box-flex:0;-ms-flex:none;flex:none; width:100% !important;}
}

/* ------------------------------------------ align ------------------------------------------ */
#examMain .ac {text-align:center;}

/* ------------------------------------------ tab ------------------------------------------ */
/* PC  */
#examMain .tabdepth2 + .tab {margin-top:2rem;}
#examMain .tab .con_box {display:none;}
#examMain .tab .con_box.on {display:block;}
/*2021-04-15 수정 class = chart_tab_wrpa 추가 모바일 햄버거 메뉴 class 겹침 */
#examMain .tab.chart_tab_wrpa .con_box {visibility:hidden; display:block; height:0; overflow: hidden;}
#examMain .tab.chart_tab_wrpa .con_box.on {display:block; visibility:visible; height:auto; overflow: auto;}

#examMain .tabmenu {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:calc(100% - 1px); margin-top:2.5rem; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
#examMain .tabmenu li {position:relative; width:100%; flex:1 1 auto; height:5rem; margin-right:-1px; z-index:1;}
#examMain .tabmenu li a {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:100%; padding:0.4rem 1.2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:1.8rem; border:1px solid #dbdbdb; color:#9e9e9e; line-height:1.2; word-wrap: break-word; word-break: keep-all; text-align:center; white-space:normal;}
#examMain .tabmenu li:hover,
#examMain .tabmenu li:focus, 
#examMain .tabmenu li.on {z-index:2;}
#examMain .tabmenu li:hover a,
#examMain .tabmenu li:focus a, 
#examMain .tabmenu li.on a {border-color:#2e3d61; font-weight:bold; color:#2e3d61;}
#examMain .tabmenu li a &gt; .new {display:flex; width:16px; height:16px; margin:0.2rem 0 0 0.5rem;}
#examMain .tabmenu li a &gt; .new img {width:100%;}
#examMain .tabmenu li a &gt; .txt_close {min-width:30px; font-style:normal; text-align:center; font-size:12px; color:#fff; padding:2px 4px; margin-left:0.2rem; border-radius:3px; background-color:#ff5b5b;}

/* 2021-05-03 수정 */
#examMain .tabmenu.list6 {flex-wrap: wrap;}
#examMain .tabmenu.list6 li {width:calc(100% / 7); margin-bottom: -1px; flex: none;}
#examMain .tabmenu.list6 li a {word-break: break-word;}

#examMain .tabmenu_slick {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:calc(100% - 1px); margin-top:2.5rem; margin-bottom:2.5rem; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
/* .tabmenu_slick .slick-list {overflow:visible;} */
#examMain .tabmenu_slick .slide_item {position:relative; flex:1 1 auto; width:100%; height:5rem; margin-right:-1px; z-index:1; opacity:1;}
#examMain .tabmenu_slick .slide_item a {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:100%; padding:0.4rem 0.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:1.8rem; border:1px solid #dbdbdb; color:#9e9e9e; line-height:1.2; word-break:break-word; text-align:center; white-space:normal;}
#examMain .tabmenu_slick .slide_item:hover,
#examMain .tabmenu_slick .slide_item:focus, 
#examMain .tabmenu_slick .slide_item.slick-current {z-index:2;}
#examMain .tabmenu_slick .slide_item:hover a,
#examMain .tabmenu_slick .slide_item:focus a, 
#examMain .tabmenu_slick .slide_item.slick-current a {border-color:#2e3d61; font-weight:bold; color:#2e3d61;}

/* tabdepth */
#examMain .tabmenu + .tabdepth {margin-top:2rem;}
#examMain .tabdepth {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%;}
#examMain .tabdepth li{position:relative; line-height:1;}
#examMain .tabdepth li + li:before {position:relative; top:1px; display:inline-block; width:1px; height:1.4rem; margin:0 1.5rem; background-color:#898989; content:'';}
#examMain .tabdepth li a {font-size:1.6rem; color:#898989;}
#examMain .tabdepth li.on a {font-weight:bold; color:#2e3d61;}
#examMain .tabdepth + .btn_wrap {margin-top:2rem;}/* 2022-01-17 수정 */

/* tabmenu2 */
#examMain .title_wrap2 + .tabmenu2 {margin-top:2rem;}
#examMain .tabmenu2_wrap {position:relative; margin-top:2rem; border:1px solid #dddddd;}
#examMain .tabmenu2_wrap .tabmenu_prev,
#examMain .tabmenu2_wrap .tabmenu_next {display:none;}
#examMain .tabmenu2_body {padding:5rem;}
#examMain .tabmenu2 {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
#examMain .tabmenu2 li {position:relative; flex:1 1 auto; width:100%; height:6.8rem;}
#examMain .tabmenu2 li a {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:1.8rem; font-weight:400; border-bottom:1px solid #dddddd; color:#424242;}
#examMain .tabmenu2 li:hover a,
#examMain .tabmenu2 li:focus a, 
#examMain .tabmenu2 li.on a {font-weight:bold; color:#577dd0;}
#examMain .tabmenu2 li a:hover::after,
#examMain .tabmenu2 li a:focus::after, 
#examMain .tabmenu2 li.on a::after {content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:0.3rem; background-color:#577dd0;}
#examMain .tabmenu2.has_outline {border:1px solid #dddddd; border-bottom:0;}
#examMain .tabmenu2_summary {position:relative; margin-bottom:3.5rem;}
#examMain .tabmenu2_summary .tit {margin-bottom:0.5rem; font-size:2rem; font-weight:bold; color:#000000; line-height:2.8rem;}
#examMain .tabmenu2_summary .explain {font-size:1.6rem; font-weight:400; color:#898989; line-height:2.8rem;}
#examMain .tabmenu2_summary.has_btn {padding-right:6rem;}
#examMain .tabmenu2_summary.has_btn button {position:absolute; right:0; bottom:0;}

#examMain .tabmenu2_wrap.type_noline {margin-top:0; border:0; border-bottom:1px solid #ddd;}
#examMain .tabmenu2_wrap.type_noline .tabmenu2_body {padding:2rem 0 3rem 0;}

#examMain .tabmenu2_wrap.type_purple li:hover a,
#examMain .tabmenu2_wrap.type_purple li:focus a, 
#examMain .tabmenu2_wrap.type_purple li.on a {color:#5b64b6;}
#examMain .tabmenu2_wrap.type_purple li a:hover::after,
#examMain .tabmenu2_wrap.type_purple li a:focus::after, 
#examMain .tabmenu2_wrap.type_purple li.on a::after {background-color:#5b64b6;}

#examMain .search_box + .tabdepth2 {padding-top:3rem;}
#examMain .tabmenu + .tabdepth2 {margin-top:3rem;}
#examMain .tabdepth2 {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%;}
#examMain .tabdepth2 li {position:relative;}
#examMain .tabdepth2 li + li {margin-left:0.4rem;}
#examMain .tabdepth2 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; min-width:18rem; padding:0 3rem; border:1px solid #898989; height:3.6rem; font-size:1.6rem; color:#898989; border-radius:18px; text-align:center;}
#examMain .tabdepth2 li a:hover,
#examMain .tabdepth2 li a:focus, 
#examMain .tabdepth2 li.on a {color:#fff; background-color:#577dd0; border-color:transparent;}
#examMain .tabdepth2.ea6 li a {min-width:1px;}
#examMain .tabdepth2.ea8 li a {min-width:1px;}
#examMain .tabdepth2.ea9 li a {min-width:1px;}
#examMain .tabdepth2_wrap {position:relative; 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;}
#examMain .tabdepth2_wrap .tabdepth2 {width:auto;}
#examMain .tabdepth2_wrap .label_wrap .label_check {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#5267d0; font-size:1.6rem; font-weight:bold;}
#examMain .tabdepth2_wrap .label_wrap .label_check::before {content:''; display:inline-block; position:relative; top:1px; width:1.4rem; height:1.6rem; margin-right:0.8rem; background:url(/user/img/exam/ico_comp_check.png) no-repeat center center / 100% auto;}
#examMain .tabdepth2_wrap .label_wrap .label_prgs {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#ff5b5b; font-size:1.6rem; font-weight:bold;}
#examMain .tabdepth2_wrap .label_wrap .label_prgs::before {content:''; display:inline-block; position:relative; top:1px; width:1.4rem; height:1.6rem; margin-right:0.8rem; background:url(/user/img/exam/ico_comp_prgs.png) no-repeat center center / 100% auto;}
#examMain .tabdepth2_explain {margin-top:1rem; font-weight:400; font-size:1.4rem; line-height:1.5;}
/* 2024-06-04 수정 */
#examMain .tabdepth2 li.btn_cut {display:inline-flex; align-items: center; margin-left:1rem; font-size:1.4rem; color:#666;}
#examMain .tabdepth2 li.icon_Ibut {display:inline-flex; align-items: center;}
#examMain .tabdepth2 li.icon_Ibut button::before {display:inline-block; width:1.6rem; height:1.6rem; margin:0 0.6rem 0 0; margin-bottom:auto; border:1px solid #cecece; border-radius:50%; font-size:1.2rem; color:#cecece; content:'!'; text-align:center;}

/* 2024-06-20 수정  */
#examMain .tabdepth2_wrap .tabdepth2.ea_free {width:100%; flex-wrap:wrap; }
#examMain .tabdepth2.ea_free li {margin-bottom:.5rem; padding-right:.5rem;}
#examMain .tabdepth2.ea_free li+li {margin-left:0;}
#examMain .tabdepth2.ea_free li a {min-width:auto;}


#examMain .tabmenu3 {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .tabmenu3 li {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain .tabmenu3 li a {display:block; height:5rem; line-height:4.9rem; background-color:#f1f1f1; color:#666666; font-size:1.6rem; text-align:center;}
#examMain .tabmenu3 li.on a {background-color:#062e67; color:#ffffff;}

#examMain .tabmenu4 {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .tabmenu4 li {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain .tabmenu4 li a {position:relative; display:block; height:6.8rem; padding-bottom:0.5rem; line-height:6.3rem; background-color:rgba(255,255,255,0.5); color:#363f68; font-size:1.8rem; font-weight:400; text-align:center;}
#examMain .tabmenu4 li.on a {color:#5267d0; font-weight:bold;}
#examMain .tabmenu4 li.on a::after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.5rem; background-color:#5267d0;}

#examMain .tabmenu5 {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:8rem; padding-top:1px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; border-left:1px solid #dbdbdb; border-right:0; border-bottom:0;}
#examMain .tabmenu5::before {content:''; display:block; position:absolute; z-index:1; left:0; top:0; height:1px; width:100%; background-color:#dbdbdb;}
#examMain .tabmenu5::after {content:''; display:block; position:absolute; z-index:1; left:0; bottom:0; height:1px; width:100%; background-color:#0b408a;}
#examMain .tabmenu5 li {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-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; background-color:#f4f4f4; text-align:center; font-size:1.8rem; font-weight:bold; border-right:1px solid #dbdbdb;}
#examMain .tabmenu5 li a {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 2rem; font-size:2.6rem; font-weight:bold; line-height:1.2; color:rgba(1, 14, 85, 0.5);}
#examMain .tabmenu5 li.on {z-index:2; border-right:0; background-color:#fff;}
#examMain .tabmenu5 li.on a {color:rgba(1, 14, 85, 1); font-size:3rem;}
#examMain .tabmenu5 li.on::after {content:''; display:block; position:absolute; left:-1px; top:-1px; width:100%; height:calc(100% - 0px); border:1px solid #0b408a; border-bottom:0;}

#examMain .list_keyword + .tab {margin-top:3rem;}
#examMain .tabmenu6 {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:7rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff;}
#examMain .tabmenu6::after {content:''; display:block; position:absolute; z-index:1; left:0; bottom:0; height:1px; width:100%; background-color:#000000;}
#examMain .tabmenu6 li {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-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; position:relative; width:25%; background-color:#f4f4f4; text-align:center; font-size:1.8rem; font-weight:bold; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
#examMain .tabmenu6 li:first-child {border-left:1px solid #dbdbdb}
#examMain .tabmenu6 li a {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:0 2rem 0.2rem 2rem; font-size:1.8rem; line-height:1.4; color:#919191; font-weight:400;}
#examMain .tabmenu6 li.on {z-index:2; border-right:0; border-top:0; background-color:#fff;}
#examMain .tabmenu6 li.on a {color:#000000; font-weight:bold;}
#examMain .tabmenu6 li.on::after {content:''; display:block; position:absolute; left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 1px); border:1px solid #000000; border-bottom:0;}
#examMain .tabmenu6_body {border:1px solid #000; border-top:0;}
#examMain .tabmenu6_body .chart_box {height:48rem; padding-top:3rem; position:relative;}/* 2021-04-13 수정 */

#examMain .tabmenu7 {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .tabmenu7 li {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; margin-right:-1px;}
#examMain .tabmenu7 li button {width:100%; border:1px solid #dbdbdb; font-size:1.4rem; font-weight:400; height:10rem;}
#examMain .tabmenu7 li button span {position:relative; display:block; height:100%; padding-top:6.8rem;}
#examMain .tabmenu7 li button span::before {content:''; position:absolute; left:50%; top:1rem; display:block; width:6rem; height:6rem; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:url(../images/ebs_helper/ico_faqset.png) no-repeat 0 0 / 54rem auto;}
#examMain .tabmenu7 li:nth-child(2) button span::before {background-position-x:-6rem;}
#examMain .tabmenu7 li:nth-child(3) button span::before {background-position-x:-12rem;}
#examMain .tabmenu7 li:nth-child(4) button span::before {background-position-x:-18rem;}
#examMain .tabmenu7 li:nth-child(5) button span::before {background-position-x:-24rem;}
#examMain .tabmenu7 li:nth-child(6) button span::before {background-position-x:-30rem;}
#examMain .tabmenu7 li:nth-child(7) button span::before {background-position-x:-36rem;}
#examMain .tabmenu7 li:nth-child(8) button span::before {background-position-x:-42rem;}
#examMain .tabmenu7 li:nth-child(9) button span::before {background-position-x:-48rem;}
#examMain .tabmenu7 li button:focus span,
#examMain .tabmenu7 li button:hover span,
#examMain .tabmenu7 li.on button span {border-color:transparent; background-color:#577dd0; color:#fff; font-weight:bold;}
#examMain .tabmenu7 li button:focus span::before,
#examMain .tabmenu7 li button:hover span::before,
#examMain .tabmenu7 li.on button span::before {background-position-y:-6rem;}

#examMain .tabmenu8 {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative;}
#examMain .tabmenu8 li {position:relative; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; height:5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#f9f9f9;}
#examMain .tabmenu8 li::after {content:''; display:block; position:absolute; z-index:1; left:0; bottom:0; height:100%; width:calc(100% - 1px); border:1px solid #a0a0a0; border-bottom:0;}
#examMain .tabmenu8 li button {position:relative; z-index:2; height:100%; padding:0 3rem; text-align:center; font-size:1.8rem; font-weight:bold; color:#a0a0a0; line-height:1; background-color:transparent;}
#examMain .tabmenu8 li.on {z-index:3; color:#212121;}
#examMain .tabmenu8 li.on::after {border-color:#000000;}
#examMain .tabmenu8 li.on button {font-weight:bold; color:#212121;}
#examMain .tabmenu8:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:1px; background: #000000;}

/* Steps */
#examMain .step_panel {display:none;}
#examMain .step_panel.on {display:block;}
#examMain .box_gray + .step_box {margin-top:2rem;}
#examMain .step_box .step_items {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:8rem; padding-top:1px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#fff; border-left:1px solid #dbdbdb; border-right:0; border-bottom:0;}
#examMain .step_box .step_items::before {content:''; display:block; position:absolute; z-index:1; left:0; top:0; height:1px; width:100%; background-color:#dbdbdb;}
#examMain .step_box .step_items::after {content:''; display:block; position:absolute; z-index:1; left:0; bottom:0; height:0.2rem; width:100%; background-color:#0b408a;}
#examMain .step_box .step_items li {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-pack:center; -ms-flex-pack:center; justify-content:center; height:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; padding-right:2rem; background-color:#fff; text-align:center; font-size:1.8rem; font-weight:bold; border-right:1px solid #dbdbdb;}
#examMain .step_box .step_items li em,
#examMain .step_box .step_items li span {font-size:3rem; font-weight:400; line-height:3.4rem; color:#bdbdbd;}
#examMain .step_box .step_items li em {font-size:1.8rem;}
#examMain .step_box .step_items li.completed {background:#efefef;}
#examMain .step_box .step_items li.current {z-index:2; border-right:0;}
#examMain .step_box .step_items li.current::after {content:''; display:block; position:absolute; left:-0.2rem; top:-1px; width:100%; height:calc(100% - 0.3rem); border:2px solid #0b408a; border-bottom:0;}
#examMain .step_box .step_items li.current em,
#examMain .step_box .step_items li.current span {color:#0b408c; font-weight:bold;}

#examMain .step_box2 .step_items {display:-webkit-box;display:-ms-flexbox;display:flex;}
#examMain .step_box2 .step_items &gt; li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
#examMain .step_box2 .step_items &gt; li .title {position:relative; -webkit-box-flex:0; -ms-flex:none; flex:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; height:5.9rem; font-size:1.8rem; color:#999; font-weight:bold; background-color:#f2f7fb; border:1px solid #d8e9f6; border-width:1px 0;}
#examMain .step_box2 .step_items &gt; li:first-child .title {border-left-width:1px;}
#examMain .step_box2 .step_items &gt; li:last-child .title {border-right-width:1px;}
#examMain .step_box2 .step_items &gt; li .title button {height:100%; width:100%; line-height:1; color:#0b408c; font-size:1.8rem; font-weight:500;}
#examMain .step_box2 .step_items &gt; li .title button span {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;}
#examMain .step_box2 .step_items &gt; li .title button span::after {content:''; display:inline-block; position:absolute; left:-0.7rem; top:50%; border-top:0.6rem solid transparent; border-bottom:0.6rem solid transparent; border-left:0.7rem solid #0b408c; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#examMain .step_box2 .step_items &gt; li:first-child .title button span::after {display:none;}
#examMain .step_box2 .step_items &gt; li .cont {height:24rem; overflow:hidden; overflow-y:auto; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; border:1px solid #e3e3e3; border-width:0 0 1px 0;}
#examMain .step_box2 .step_items &gt; li:first-child .cont {border-left-width:1px;}
#examMain .step_box2 .step_items &gt; li:last-child .cont {border-right-width:1px;}
#examMain .step_box2 .step_items &gt; li .cont button {width:100%; height:4rem; padding:0 2rem; font-size:1.4rem; color:#666666; text-align:left; font-weight:400; line-height:1.5;;}
#examMain .step_box2 .step_items &gt; li .cont ul {height:100%; padding:0; border-right:1px solid #e3e3e3;}
#examMain .step_box2 .step_items &gt; li:last-child .cont ul {border-right:0;}
#examMain .step_box2 .step_items &gt; li .cont .on button {background-color:#f9f9f9; font-weight:bold; color:#000;}
#examMain .step_box2 .step_items .step_submit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:3rem;}
#examMain .step_box2 .step_options {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; min-height:6rem; padding:1rem 1.4rem; background-color: #f8f8f8; border:1px solid #e3e3e3; border-top:0;}
#examMain .step_box2 .step_options dl {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
/* .step_box2 .step_options dl dt {color:#000000; font-size:1.6rem; margin-right:6rem; padding-left:2rem; line-height:1;} */
#examMain .step_box2 .step_options dl dt {position:fixed; overflow: hidden; border: 0; margin:-1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%);}
#examMain .step_box2 .step_options dl dd {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#examMain .step_box2 .step_options dl dd .chk_box {margin:0;}
#examMain .step_box2 .step_options dl dd .chk_box + .chk_box {margin-left:3rem;}
#examMain .step_box2 .step_options dl dd .msg {margin-left:2rem; font-size:1.4rem; color:#666; font-weight:400;}
#examMain .step_box2 .step_options dl dd .msg::before {content:'※ ';}
#examMain .step_box2 .step_options .btn_L_col2 {margin-right:0;}
/*
#examMain .step_box .step_cont {margin-top:2rem; padding:3em 3rem; border:1px solid #dbdbdb;}
#examMain .step_box2 .step_items {display:flex; border:1px solid #d8e9f6; background-color:#f2f7fb;}
#examMain .step_box2 .step_items li {position:relative; display:flex; flex:1 1 auto; justify-content:center; align-items:center; height:100%; height:5.9rem; font-size:1.8rem; color:#999; font-weight:bold;}
#examMain .step_box2 .step_items li.completed,
#examMain .step_box2 .step_items li.current {color:#0b408c;}
#examMain .step_box2 .step_items li + li::after {content:''; display:block; position:absolute; left:-0.7rem; top:50%; border-top:0.4rem solid transparent; border-bottom:0.4rem solid transparent; border-left:0.7rem solid #0b408c; transform:translateY(-50%);}
#examMain .step_box2 .step_cont {border:1px solid #e3e3e3; border-top:0;}
*/

/* line_tap 2024-06-12 수정 */
#examMain .line_tap {position:relative; display:flex; height:5rem; align-items:center; border-bottom:1px solid #2E3D61;}
#examMain .line_tap li {display:flex; flex-direction:column; justify-content:center; height:100%; align-items:center; position:relative; width:calc(100% / 6); background-color:#EFF0F5; text-align:center; font-size:1.6rem; font-weight:bold;}
#examMain .line_tap li.on {z-index:2; background-color:#fff;}
#examMain .line_tap li.on::after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% + 1px); border:1px solid #2E3D61; border-bottom-color:#fff; box-sizing:border-box;}
#examMain .line_tap li a {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#examMain .border_tabmenu {position:relative;}
#examMain .border_tabmenu .line_tap + .btn_wrap {position:absolute; right:-0.5rem; top:0;}
#examMain .border_tabmenu .btn_wrap {position:relative; top:auto; display:flex; justify-content:start; align-items:center;}
#examMain .border_tabmenu .btn_wrap &gt; .scoring_state {position:relative; top:-0.5rem; right:1rem;}

/* tablet */
@media screen and (max-width: 1023px) {
#examMain .tabmenu {margin-top:2rem; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 1px);}
#examMain .tabmenu li {width:calc(100%/3); height:6.6rem; margin-bottom:-1px; flex:none;}
#examMain .tabmenu li a {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.6rem;}
#examMain .tabmenu li:nth-child(1) {margin-bottom:-1px;}
#examMain .tabmenu li:nth-child(2) {margin-bottom:-1px;}
#examMain .tabmenu li:nth-child(3) {margin-bottom:-1px;}
    
#examMain .tabmenu.auto li {width:auto; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}

    /* 2021-05-03 수정 */
#examMain .tabmenu.list6 li {width:calc(100%/3);}
    
    /* tab 메뉴 개수 5개 */
    /* .tabmenu.ea5 li:nth-child(4),
#examMain .tabmenu.ea5 li:nth-child(5) {width:50%;} */
    
    /* tab 메뉴 개수 4개 */
#examMain .tabmenu.ea4 li {width:50%;}
    
    /* tab 메뉴 개수 2개 */
#examMain .tabmenu.ea2 li {width:50%;}

    /* tabmenu_slick */
#examMain .tabmenu_slick {margin:4rem -2rem 0 -2rem; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 4rem; width:auto;}
#examMain .tabmenu_slick .slick-list {position:relative; z-index:10;}
#examMain .tabmenu_slick .slide_item {width:calc(100%/3); height:7rem;}
#examMain .tabmenu_slick .slide_item a {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.6rem;}
#examMain .tabmenu_slick .slick-next,
#examMain .tabmenu_slick .slick-prev {display:block; position:absolute; right:0rem; top:0; z-index:11; width:4rem; height:7rem; border:1px solid #dbdbdb; border-width:1px 0 1px 1px; background:#fff; overflow:hidden; text-indent:-9999px;}
#examMain .tabmenu_slick .slick-next::after,
#examMain .tabmenu_slick .slick-prev::after {content:''; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -0.5rem;  display:block; width:1.2rem; height:2.2rem; background:url(/user/img/exam/ico_arrow_tabmenu.png) no-repeat 0 0 / 100% auto;}
#examMain .tabmenu_slick .slick-prev::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .tabmenu_slick .slick-prev {right:auto; left:0; border-width:1px 1px 1px 0;}
#examMain .tabmenu_slick .slick-disabled {opacity:0.3; pointer-events:none;}

#examMain .title_wrap2:not(.primary) ~ .tab_slick,
#examMain .title_wrap2:not(.primary) + .tab_slick {margin-top:2rem;}
#examMain .tab_slick {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; margin:0 -2rem; overflow: hidden;}
#examMain .tab_slick::before {content:''; display:block; position:absolute; left:0; right:0; top:0; z-index:0; width:calc(100% + 8rem); height:1px; background:#c5c5c5;}
#examMain .tab_slick::after {content:''; display:block; position:absolute; left:0; right:0; bottom:0; z-index:0; width:calc(100% + 8rem); height:1px; background:#c5c5c5;}
#examMain .tab_slick .slick-list {z-index:2;}
#examMain .tab_slick .slide_item {position:relative; width:100%; height:8rem; z-index:2;}
#examMain .tab_slick .slide_item a {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; height:100%; -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.8rem; color:#9e9e9e;}
#examMain .tab_slick .slide_item.slick-current a {color:#0b408a; font-weight:bold;}
#examMain .tab_slick .slide_item.slick-current a::after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:2; width:100%; height:0.2rem; background-color:#0b408a;}
#examMain .tab_slick .slick-next,
#examMain .tab_slick .slick-prev {display:block; position:absolute; right:0; top:0; z-index:10; width:4rem; height:8rem; border:1px solid #c5c5c5; border-width:1px 0 1px 1px; background:#fff; overflow:hidden; text-indent:-9999px;}
#examMain .tab_slick .slick-next::after,
#examMain .tab_slick .slick-prev::after {content:''; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -0.5rem;  display:block; width:1.2rem; height:2.2rem; background:url(/user/img/exam/ico_arrow_tabmenu.png) no-repeat 0 0 / 100% auto;}
#examMain .tab_slick .slick-prev::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .tab_slick .slick-prev {left:0; border-width:1px 1px 1px 0;}
#examMain .tab_slick .slick-disabled {opacity:0.3; pointer-events:none;}

#examMain .tab_slick.ea2 .slide_item {width:50%;}
#examMain .tab_slick.ea3 .slide_item {width:calc(100%/3);}
#examMain .tab_slick.ea6 {padding-left:4rem; padding-right:4rem;}

    /* tabdepth */
#examMain .tabdepth {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-bottom:-1rem;}
#examMain .tabdepth li {margin-bottom:1rem;}
#examMain .tabdepth li + li:before {height:1.8rem; top:-1px; margin:0 1.5rem;}
#examMain .tabdepth li a {font-size:2.6rem;}

#examMain .tabdepth.ea3 li {width:calc(100% / 3); padding:0.5rem 0; text-align:center;}
#examMain .tabdepth.ea3 li + li:before {position:absolute; margin:0; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#examMain .tabdepth.ea3 li:nth-child(4):before,
#examMain .tabdepth.ea3 li:nth-child(7):before {display:none;}
#examMain .tabdepth.ea3 li a {font-size:2.3rem;}

#examMain .tabdepth.ea4 li {width:25%; padding:0.5rem 0; text-align:center;}
#examMain .tabdepth.ea4 li + li:before {position:absolute; margin:0; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#examMain .tabdepth.ea4 li:nth-child(5):before {display:none;}
#examMain .tabdepth.ea4 li a {font-size:2.3rem;}
    
    /* tabmenu2 */
#examMain .tabmenu2_wrap {margin-top:4rem;}
#examMain .tabmenu2 li a {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.6rem;}
#examMain .tabmenu2:not(.is_slicked) {-ms-flex-wrap:wrap;flex-wrap:wrap; width:calc(100% + 1px)}
#examMain .tabmenu2:not(.is_slicked) li {flex:none;}
#examMain .tabmenu2:not(.is_slicked) li {width:calc(100%/3.01); height:6.6rem;}
#examMain .tabmenu2:not(.is_slicked) li:nth-child(1) {margin-bottom:-1px;}
#examMain .tabmenu2:not(.is_slicked) li:nth-child(2) {margin-bottom:-1px;}
#examMain .tabmenu2:not(.is_slicked) li:nth-child(3) {margin-bottom:-1px;}
#examMain .tabmenu2_body {padding:3rem;}
    
#examMain .tabmenu2.is_slicked {-ms-flex-wrap:nowrap;flex-wrap:nowrap; width:100%; display:block; height:6.6rem; overflow:hidden; padding:0 4rem;}/* 2021-04-12 수정 */
    /* .tabmenu2.is_slicked .slick-track {display:flex;}
#examMain .tabmenu2.is_slicked .slick-track::before {display:none;} */
#examMain .tabmenu2.is_slicked li {-webkit-box-flex:0;-ms-flex:none;flex:none; width:calc(100%/3.01); height:6.6rem; float:left;}/* 2021-04-12 수정 */
#examMain .tabmenu2.is_slicked .slick-next,
#examMain .tabmenu2.is_slicked .slick-prev {display:block; position:absolute; right:0; top:0; z-index:10; width:4rem; height:6.6rem; border:1px solid #c5c5c5; border-width:0 0 1px 1px; background:#fff; overflow:hidden; text-indent:-9999px;}
#examMain .tabmenu2.is_slicked .slick-next::after,
#examMain .tabmenu2.is_slicked .slick-prev::after {content:''; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -0.5rem;  display:block; width:1.2rem; height:2.2rem; background:url(/user/img/exam/ico_arrow_tabmenu.png) no-repeat 0 0 / 100% auto;}
#examMain .tabmenu2.is_slicked .slick-prev::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .tabmenu2.is_slicked .slick-prev {left:0; border-width:0 1px 1px 0;}
#examMain .tabmenu2.is_slicked .slick-disabled {opacity:0.3; pointer-events:none;}
    
    /* Custom버전
#examMain .tabmenu2.has_scroll {flex-wrap:nowrap; width:calc(100% - 8rem); margin:0 4rem; overflow:hidden; overflow-x:auto;}
#examMain .tabmenu2.has_scroll li {flex:none; width:calc(100%/3.01); height:6.6rem;}
#examMain .dv_pc .tabmenu2.has_scroll {overflow:hidden;}
#examMain .tabmenu2_wrap .tabmenu_next,
#examMain .tabmenu2_wrap .tabmenu_prev {display:block; position:absolute; right:0; top:0; z-index:10; width:4rem; height:6.6rem; border:1px solid #c5c5c5; border-width:0 0 1px 1px; background:#fff; overflow:hidden; text-indent:-9999px;}
#examMain .tabmenu2_wrap .tabmenu_next::after,
#examMain .tabmenu2_wrap .tabmenu_prev::after {content:''; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -0.5rem;  display:block; width:1.2rem; height:2.2rem; background:url(/user/img/exam/ico_arrow_tabmenu.png) no-repeat 0 0 / 100% auto;}
#examMain .tabmenu2_wrap .tabmenu_prev::after {transform:rotate(180deg);}
#examMain .tabmenu2_wrap .tabmenu_prev {left:0; border-width:0 1px 1px 0;}
#examMain .tabmenu2_wrap .tabmenu_disabled {opacity:0.3; pointer-events:none;}
 */

    /* tabdepth2 wrap */ 
#examMain .tabdepth2_wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .tabdepth2_wrap .label_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-top:2rem; text-align:right; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; height:6rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .tabdepth2_wrap .label_wrap .label_check {font-size:2.6rem;}
#examMain .tabdepth2_wrap .label_wrap .label_check::before {width:2rem; height:2.2rem;}
#examMain .tabdepth2_wrap .label_wrap .label_prgs {font-size:2.6rem;}
#examMain .tabdepth2_wrap .label_wrap .label_prgs::before {width:2rem; height:2.2rem;}
#examMain .tabdepth2_explain {font-size:2.4rem;}
#examMain .tabdepth2 {margin:-0.2rem; -ms-flex-wrap:wrap; flex-wrap:wrap; width:auto;}
#examMain .tabdepth2 li {padding:0.2rem; -webkit-box-flex:0; -ms-flex:none; flex:none; margin:0;}
#examMain .tabdepth2 li + li {margin:0;}
    
#examMain .tabdepth2 li.btn_cut {position:absolute; bottom:-5.6rem; left:0; font-size:2.4rem; line-height:1.3; width:auto; margin:0;}/* 2024-06-04 수정 */
#examMain .tabdepth2 li.btn_cut button {display:inline-flex; font-size:2.4rem; line-height:1.3;}/* 2024-06-04 수정 */
#examMain .tabdepth2_wrap .tabdepth2.ea6 li.btn_cut {width:auto; height:6rem; margin:0;}/* 2024-06-04 수정 */

#examMain .tabmenu2_summary {margin-bottom:2rem;}
#examMain .tabmenu2_summary.has_btn {padding-right:0; overflow: hidden;}
#examMain .tabmenu2_summary.has_btn button {position:static; margin-top:2rem; float:right;}
#examMain .tabmenu2_summary .explain {line-height:1.4; font-size:2.4rem;}
#examMain .tabmenu2_summary .explain + .explain {margin-top:1rem;}
    
    /* tabdepth2 개수 2개 */    
#examMain .tabdepth2 li a {min-width:1px; height:6rem; padding:0 0.6rem; font-size:2.6rem; border-radius:3rem;}
    
    /* tabdepth2 개수 2개 */
#examMain .tabdepth2.ea2 {width:auto; margin:-0.4rem;}
#examMain .tabdepth2.ea2 li {width:50%; margin:0; padding:0.4rem;}
    
    /* tabdepth2 개수 3개 */
#examMain .tabdepth2.ea3 {width:auto; margin:-0.4rem;}
#examMain .tabdepth2.ea3 li {width:33.33%; margin:0; padding:0.4rem;}

 /* tabdepth2 개수 4개 */
#examMain .tabdepth2.ea4 {width:auto; margin:-0.4rem;}
#examMain .tabdepth2.ea4 li {width:25%; margin:0; padding:0.4rem;}

    /* tabdepth2 개수 5개 */
#examMain .tabdepth2.ea5 {margin:-0.6rem;}
#examMain .tabdepth2.ea5 li:nth-child(1) {width:calc(100% / 3 - 1.2rem); margin:0.6rem;}
#examMain .tabdepth2.ea5 li:nth-child(2) {width:calc(100% / 3 - 1.2rem); margin:0.6rem;}
#examMain .tabdepth2.ea5 li:nth-child(3) {width:calc(100% / 3 - 1.2rem); margin:0.6rem;}
#examMain .tabdepth2.ea5 li:nth-child(4) {width:calc(100% / 2 - 1.2rem); margin:0.6rem;}
#examMain .tabdepth2.ea5 li:nth-child(5) {width:calc(100% / 2 - 1.2rem); margin:0.6rem;}

    /* tabdepth2 개수 6개 */
#examMain .tabdepth2.ea6 {margin:-0.6rem;}
#examMain .tabdepth2.ea6 li {width:calc(100% / 3 - 1.2rem); margin:0.6rem;}
#examMain .tabdepth2_wrap .tabdepth2.ea6 {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}
#examMain .tabdepth2_wrap .tabdepth2.ea6 li {width:calc(25% - 1.2rem);}
#examMain .tabdepth2_wrap .label_wrap {position:absolute; right:0; bottom:0; margin:0; width:calc(50% - 1.2rem);}
#examMain .tabdepth2_wrap .label_wrap.block_type {position: static; width:100%;}/* 2024-05-29 수정 */

    /* tabdepth2 개수 7개 */
#examMain .tabdepth2.ea7 li:nth-child(1) {width:25%; margin-bottom:-1px;}
#examMain .tabdepth2.ea7 li:nth-child(2) {width:25%; margin-bottom:-1px;}
#examMain .tabdepth2.ea7 li:nth-child(3) {width:25%; margin-bottom:-1px;}
#examMain .tabdepth2.ea7 li:nth-child(4) {width:25%; margin-bottom:-1px;}
#examMain .tabdepth2.ea7 li:nth-child(5) {width:33%;}
#examMain .tabdepth2.ea7 li:nth-child(6) {width:33%;}
#examMain .tabdepth2.ea7 li:nth-child(7) {width:33%;}

    /* 2024-06-20 수정  */
#examMain .tabdepth2.ea_free li {margin-bottom:.5rem; padding-right:.5rem;}
#examMain .tabdepth2.ea_free li a {padding:0 3rem;}


    /* tabdepth2 개수 8개 */
#examMain .tabmenu2.ea8 li:nth-child(1) {width:25%; margin-bottom:-1px;}
#examMain .tabmenu2.ea8 li:nth-child(2) {width:25%; margin-bottom:-1px;}
#examMain .tabmenu2.ea8 li:nth-child(3) {width:25%; margin-bottom:-1px;}
#examMain .tabmenu2.ea8 li:nth-child(4) {width:25%; margin-bottom:-1px;}
#examMain .tabmenu2.ea8 li:nth-child(5) {width:25%;}
#examMain .tabmenu2.ea8 li:nth-child(6) {width:25%;}
#examMain .tabmenu2.ea8 li:nth-child(7) {width:25%;}
#examMain .tabmenu2.ea8 li:nth-child(8) {width:25%;}

    /* tabmenu3 */
#examMain .tabmenu3 li a {height:8rem; font-size:2.2rem; line-height:8rem;}

    /* tabmenu3 */
#examMain .tabmenu3.full_3 li {width:25%;}
#examMain .tabmenu3.full_3 li:nth-child(3) {width:50%;}
    
    /* stepbox */
#examMain .step_box .step_items {height:10rem;}
#examMain .step_box .step_items::after {height:1px;}
#examMain .step_box .step_items li span {font-size:3.4rem; line-height:3.4rem;}
#examMain .step_box .step_items li em {padding-left:3rem; font-size:2.4rem; line-height:3.4rem; white-space:nowrap;}
#examMain .step_box .step_items li.current::after {border-width:1px; left:-1px; height:calc(100% - 1px);}
#examMain .step_box .step_items.axsis_x {overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;}
#examMain .step_box .step_items.axsis_x li {min-width:22rem;}
#examMain .step_box .step_items.axsis_x::before {width:calc(22rem * 6);}
#examMain .step_box .step_items.axsis_x::after {width:calc(22rem * 6);}
#examMain .step_box .step_cont {padding:3rem;}
#examMain .step_box .step_cont.mo_pad_0 {padding:0;}

    /* Stepbox2 */
#examMain .step_box2 .step_options {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding:3rem 4rem;}
#examMain .step_box2 .step_options dl {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-bottom:3rem;}
#examMain .step_box2 .step_options dl dt {width:100%; margin-right:0; padding-left:0; font-size:2.6rem;}
#examMain .step_box2 .step_options dl dd {-ms-flex-wrap:wrap;flex-wrap:wrap; width:100%; margin-top:1rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center;}
#examMain .step_box2 .step_options dl dd .msg {margin:2rem 0 1rem; width:100%; font-size:2.4rem;}
#examMain .step_box2 .step_options .btn_L_col2 {width:100%; height:7rem; font-size:2.8rem;}
    
    /* tabmenu4 */
#examMain .tabmenu4 {width:100%; overflow:hidden; overflow-x:auto;}
#examMain .tabmenu4 li a {height:8rem; line-height:7.4rem; font-size:2.8rem;}
#examMain .tabmenu4 li.on a::after {height:0.6rem;}
#examMain .tabmenu4.ea6 li {-webkit-box-flex:0;-ms-flex:none;flex:none; width:calc(100%/3); height:8rem;}

    /* tabmenu5 */
#examMain .tabmenu5 {height:9rem;}
#examMain .tabmenu5 li .nobr {display:block; text-align:center; letter-spacing:-0.2rem;}
#examMain .tabmenu5 li a {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding:0 2rem;font-size:2.4rem;}
#examMain .tabmenu5 li.on a {font-size:2.6rem;}

#examMain .tabmenu6 {height:10rem;}
#examMain .tabmenu6::after {height:1px;}
#examMain .tabmenu6 li a {font-size:2.4rem;}
#examMain .tabmenu6 li.on::after {left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 1px); border:1px solid #000000; border-bottom:0;}
#examMain .tabmenu6_body {border:1px solid #000; border-top:0;}
    

#examMain .tabmenu7 {-ms-flex-wrap:wrap;flex-wrap:wrap;}
#examMain .tabmenu7 li button {font-size:2.4rem;}
#examMain .tabmenu7 li button span {height:15rem; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding:0 4rem;}
#examMain .tabmenu7 li.on button {font-weight:bold;}

#examMain .tabmenu7.ea9 li:nth-child(1) {width:100%;}
#examMain .tabmenu7.ea9 li {width:50%; margin-bottom:-1px; -webkit-box-flex:inherit; -ms-flex:inherit; flex:inherit;}

#examMain .tabmenu7 li button {width:100%; border:1px solid #dbdbdb; font-size:2.4rem; height:12rem;}
#examMain .tabmenu7 li button span {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; padding:0 0 0 5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .tabmenu7 li button span::before {position:static; -webkit-transform:none; -ms-transform:none; transform:none; width:7rem; height:7rem; margin-right:2rem; background:url(../images/ebs_helper/ico_faqset_m.png) no-repeat 0 0 / 63rem auto;}
#examMain .tabmenu7 li:nth-child(1) button span {padding:0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .tabmenu7 li:nth-child(2) button span::before {background-position-x:-7rem;}
#examMain .tabmenu7 li:nth-child(3) button span::before {background-position-x:-14rem;}
#examMain .tabmenu7 li:nth-child(4) button span::before {background-position-x:-21rem;}
#examMain .tabmenu7 li:nth-child(5) button span::before {background-position-x:-28rem;}
#examMain .tabmenu7 li:nth-child(6) button span::before {background-position-x:-35rem;}
#examMain .tabmenu7 li:nth-child(7) button span::before {background-position-x:-42rem;}
#examMain .tabmenu7 li:nth-child(8) button span::before {background-position-x:-49rem;}
#examMain .tabmenu7 li:nth-child(9) button span::before {background-position-x:-56rem;}
#examMain .tabmenu7 li button:focus span::before,
#examMain .tabmenu7 li button:hover span::before,
#examMain .tabmenu7 li.on button span::before {background-position-y:-7rem;}    

#examMain .tabmenu8 li {height:6rem;}
#examMain .tabmenu8 li button {padding:0 1.2rem; font-size:2.4rem; line-height:3rem; font-weight:400;}

    /* line_tap 2024-06-12 수정 */
#examMain .line_tap {height:9rem;}
#examMain .line_tap li {width:100%; flex:1 1 auto; font-size:2.6rem;}
#examMain .border_tabmenu .line_tap + .btn_wrap {position:relative; right:auto; top:0; margin:3rem 0 1rem 0;}
#examMain .border_tabmenu .line_tap + .btn_wrap &gt; a {min-width:20rem;}
#examMain .border_tabmenu .btn_wrap {flex-direction:column; justify-content:center;}
#examMain .border_tabmenu .btn_wrap &gt; .scoring_state {font-size:2.8rem; margin:2rem 0 3rem 0;}
#examMain .border_tabmenu .btn_wrap &gt; .scoring_state .tit_item {font-size:2.8rem;}
}

/* mobile */
@media screen and (max-width: 719px) {
#examMain .tabmenu li a {display:flex; justify-content:center; align-items:center; font-size:2.4rem; white-space:inherit; word-break:break-all; letter-spacing:-0.02em;}
}

/* mobile */
@media screen and (max-width: 375px) {
#examMain .tabdepth2_wrap .tabdepth2.ea6 li {width:calc(25% - 0.8rem); margin:0.4rem}
#examMain .tabdepth2_wrap .tabdepth2.ea6 li a {font-size:2.2rem;}
}   

/* -------------------------- icon -------------------------- */
/* PC  */
#examMain .ico_new {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:3.8rem; height:1.8rem; margin-left:0.2rem; vertical-align:middle; text-indent:-9999px; background:url('/user/img/exam/ico_new.png') no-repeat; background-size:100% 100%;}
#examMain .ico_special {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:2.2rem; height:1.8rem; margin-left:0.2rem; vertical-align:middle; text-indent:-9999px; background:url('/user/img/exam/ico_special.png') no-repeat; background-size:100% 100%;}
#examMain .ico_file {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:2.2rem; height:1.8rem; vertical-align:middle; text-indent:-9999px; background:url('/user/img/exam/ico_file.png') no-repeat; background-size:100% 100%;}
#examMain .ico_lock {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:1.6rem; height:1.8rem; margin-left:0.3rem; vertical-align:middle; text-indent:-9999px; background:url('/user/img/exam/ico_lock.png') no-repeat; background-size:100% 100%;}
#examMain .ico_mob {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:1.6rem; height:1.8rem; vertical-align:sub; text-indent:-9999px; background:url('/user/img/exam/ico_mobile.png') no-repeat; background-size:100% 100%;}/* 2021-08-25 수정 | class _mobile 겹침으로 인한 수정 */
#examMain .ico_app {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:1.6rem; height:1.8rem; vertical-align:sub; text-indent:-9999px; background:url('/user/img/exam/ico_app.png') no-repeat; background-size:100% 100%;}
#examMain .ico_end {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; width:3.8rem; height:1.8rem; margin-left:0.2rem; vertical-align:middle; text-indent:-9999px; background:url('/user/img/exam/ico_end.png') no-repeat; background-size:100% 100%;}

#examMain .ico_mov {display:inline-block; width:3.2rem; height:3.2rem; background:url('/user/img/exam/ico_board_video.png') no-repeat 0 100%; background-size:100% auto;}
#examMain .ico_mov.none {background-position:0 0;}
#examMain .ico_mov2 {display:inline-block; width:2rem; height:2rem; background:url('/user/img/exam/ico_board_video2.png') no-repeat 0 100%; background-size:100% auto;}

#examMain .ico_list_noti {display:inline-block; width:5.9rem; height:2.4rem; padding-left:1.2rem; font-size:1.4rem; color:#fff; line-height:2.2rem; border-radius:25px;background:#212121 url('/user/img/exam/ico_list_noti.png') no-repeat 0.9rem 50%; background-size:0.8rem 1.2rem;}
/* .ico_list_noti2 {display:inline-block; width:5.9rem; height:2.4rem; padding-left:1.2rem; font-size:1.4rem; color:#fff; line-height:2.2rem; border-radius:25px;background:#0b408a url('/user/img/exam/ico_list_noti02.png') no-repeat 0.7rem 50%;; background-size:1.3rem 1.2rem;} */
#examMain .ico_list_noti2 {display:inline-block; width:5.9rem; height:2.4rem; padding-left:1.2rem; font-size:1.4rem; color:#fff; line-height:2.2rem; border-radius:25px;background:#212121 url('/user/img/exam/ico_list_noti02.png') no-repeat 0.7rem 50%;; background-size:1.3rem 1.2rem;}

#examMain .btn_del1 {display:inline-block; width:1.6rem; height:1.6rem; border-radius:50%; background:#fff url('/user/img/exam/btn_ico_lec_del1.png') no-repeat 50% 50%; -webkit-box-shadow:1px 2px 1px 1px rgba(76, 76, 76, 0.6); box-shadow:1px 2px 1px 1px rgba(76, 76, 76, 0.6);}
#examMain .btn_del2 {display:inline-block; width:2rem; height:2rem; background:url('/user/img/exam/ico_pop_close.png') no-repeat; text-indent:-9999px; background-size:100%;}
#examMain .btn_del3 {display:inline-block; width:2rem; height:2rem; background:url('/user/img/exam/btn_del3.png') no-repeat; text-indent:-9999px; background-size:100%;}
#examMain .btn_del4 span::before {content:''; display:block; width:1.4rem; height:1.4rem; background:url('/user/img/exam/btn_del4.png') no-repeat; text-indent:-9999px; background-size:100%;}

#examMain .ico_num_special {display:inline-block; width:3.4rem; height:3.8rem; background:url(/user/img/exam/ico_num_special.png) no-repeat center center / 100% 100%; text-indent:-9999px; vertical-align:middle;}
#examMain .ico_num_best {display:inline-block; width:3.4rem; height:3.8rem; background:url(/user/img/exam/ico_num_best.png) no-repeat center center / 100% 100%; text-indent:-9999px;}

#examMain .flag_special {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:2.4rem; height:2.2rem; background:#577dd0; font-size:2rem; font-weight:bold; color:#fff; text-align:center;}

#examMain [class^='flag_part'] {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; min-width:5rem; min-height:2.4rem; padding:0 0.5rem; font-size:1.2rem; line-height:2.2rem; font-weight:400; border:1px solid transparent; color:#898989; text-align:center; border-radius:20px;}/* 2021-05-10 수정 */
#examMain .flag_part1 {background-color:#424242; color:#fff; border-color:transparent;} 
#examMain .flag_part2 {color:#424242; border-color:#424242;} 
#examMain .flag_part3 {background-color:#577dd0; color:#fff; border:0;} 
#examMain .flag_part4 {background-color:#f5f5f5; color:#424242; border-color:#ccc;}
#examMain .flag_part5 {background-color:#c8fc7e; color:#424242; border:0;}/* 2021-05-10 수정 */
#examMain .flag_part6 {background-color:#ffb9a0; color:#424242; border:0;}/* 2021-05-10 수정 */
#examMain .flag_part7 {background-color:#97e7f0; color:#424242; border:0;}/* 2021-05-10 수정 */
#examMain .flag_part8 {background-color:#ffe699; color:#424242; border:0;}/* 2021-05-10 수정 */
#examMain .flag_part9 {background-color:#bfbfbf; color:#424242; border:0;}/* 2022-04-18 수정 */

#examMain [class^='flag_ro_col'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 1rem; margin-right:0.2rem; height:2.1rem; font-size:1.2rem; color:#fff; vertical-align:middle; border-radius:25px; border-bottom-right-radius:0;}
#examMain .flag_ro_col1 {background:#334075;}
#examMain .flag_ro_col2 {background:#2569c7;}
#examMain .flag_ro_col3 {background:#4da6c3;}
#examMain .flag_ro_col3.cStep01 {background:#fba500;}
#examMain .flag_ro_col3.cStep02 {background:#5dc242;}
#examMain .flag_ro_col3.cStep03 {background:#de4196;}
#examMain .flag_ro_col3.cStep04 {background:#6b8bea;}
#examMain .flag_ro_col4 {background:#ff5d5b;}
#examMain .flag_ro_col5 {background:#6d5be1;}
#examMain .flag_ro_col6 {background:#77bd48;}
#examMain .flag_ro_col7 {background:#f69332;}
#examMain .flag_ro_col8 {background:#A863FF;}/* 2022-11-02 수정 */
#examMain .flag_ro_col9 {background-color:#606060;}/* 2022-11-03 수정 */
#examMain .flag_ro_zoom:before {display:inline-block; width:1.2rem; height:1.2rem; margin-right:.5rem; background:url('/user/img/exam/ico_zoom02.png') no-repeat; background-size:100%; content:'';}/* 2022-11-03 수정 */
#examMain .flag_ro_col10 {background:#A9C36D;}/* 2022-11-02 수정 */

#examMain [class^='flag_ro_big_col'] {display:inline-block; padding:0 1.5rem; margin-right:0.2rem; min-height:2.8rem; font-size:1.4rem; font-weight:400; color:#fff; line-height:2.6rem; vertical-align:middle; border-radius:2.5rem;}
#examMain .flag_ro_big_col3 {background:#334075;}
#examMain .flag_ro_big_col2 {background:#77bd48;}
#examMain .flag_ro_big_col1 {background:#f69332;}

#examMain [class^='flag_lec_col'] {display:inline-block; padding:0 0.5rem; min-height:1.7rem; font-size:1.3rem; line-height:1.5rem; color:#fff; font-weight:bold;  vertical-align:middle;}
#examMain .flag_lec_col1 {background:#deb75c;}
#examMain .flag_lec_col2 {background:#a9c36d;}
#examMain .flag_lec_col3 {background:#5484b0;}
#examMain .flag_lec_col4 {background:#e49362;}
#examMain .flag_lec_col5 {background:#8d85bd;}
#examMain .flag_lec_col6 {background:#7c82bd;}
#examMain .flag_lec_col7 {background:#deb75c;}

#examMain [class^='flag_score_col'] {display:inline-block; padding:0 0.9rem; min-height:2rem; font-size:1.4rem; line-height:2rem; color:#fff; font-weight:400; border-radius:3px; vertical-align:middle;}
#examMain .flag_score_col1 {background:#75a6ea;}
#examMain .flag_score_col2 {background:#163b6f;}

#examMain [class^='flag_state'] {display:inline-block; width:7rem; padding:0 0.6rem; min-height:2.8rem; font-size:1.4rem; line-height:2.6rem; color:#fff; text-align:center; font-weight:400; border-radius:2rem; vertical-align:middle;}
#examMain .flag_state1 {background:#dddddd; color:#666666;}
#examMain .flag_state2 {background:#577dd0;}
#examMain .flag_state3 {background:#ff5b5b;}
#examMain .flag_state4 {background:#728095;}
#examMain .flag_state5 {background:#ffe598; color:#666;}/* 2022-05-11 수정 */

#examMain .flag_caption {display:inline-block; width:4rem; height:2.1rem; margin:-0.4rem 0 0 0.5rem; line-height:calc(2.1rem - 2px); vertical-align:middle; border-radius:20px; border:1px solid #898989; font-size:1.2rem; color:#666666; font-weight:400; text-align:center;}

#examMain .flag_review_best {display:inline-block; width:3.7rem; height:3.7rem; overflow:hidden; text-indent:-9999px; background:url(/user/img/exam/flag_review_best.png) no-repeat center center / 100% 100%;}
#examMain .flag_review_special {display:inline-block; width:3.8rem; height:3.2rem; overflow:hidden; text-indent:-9999px; background:url(/user/img/exam/flag_review_special.png) no-repeat center center / 100% 100%;}

#examMain .flag_top {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2.8rem; padding:0 1.2rem; background-color:#577dd0; border-radius:1.3rem; color:#fff; font-size:1.4rem; font-weight:400; line-height:1;}
#examMain .flag_noti {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 1rem 2px 1rem; height:2.8rem; color:#fff; font-size:1.4rem; font-weight:400; background-color:#212121; border-radius:2rem;}
#examMain .flag_noti::before {content:''; position:relative; top:1px; display:inline-block; margin-right:0.6rem; width:0.8rem; height:1.2rem; background:url(/user/img/exam/ico_noti.png) no-repeat 0 0 / 100% auto;}

#examMain .flag_basic {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2.4rem; padding:0 1.2rem 2px 1.2rem; color:#fff; font-weight:400; line-height:1; font-size:1.6rem; background-color:#81aeef; border-radius:20px;}
#examMain .flag_subject {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2.4rem; padding:0 1.5rem 2px 1.5rem; font-size:1.4rem; color:#666666; font-weight:400; border:1px solid #666666; border-radius:2rem; line-height:1;}

#examMain [class^='flag_file_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:2.8rem; padding:0 1.3rem 2px; border-radius:0.5rem; color:#56616a; font-size:1.4rem; font-weight:500; font-style:normal;}
#examMain [class^='flag_file_']::after {content:''; display:inline-block; width:1.4rem; height:1.4rem; margin-left:1rem; background:no-repeat 0 0 / 100% auto;}
#examMain .flag_file_pdf {color:#fff; background-color:#de4343;}
#examMain .flag_file_pdf::after {display:none;}
#examMain .flag_file_zip {color:#fff; background-color:#738196;}
#examMain .flag_file_zip::after {background-image: url(/user/img/exam/ico_download5_white.png);}

#examMain [class^='flag_answer'] {display:inline-block; width:2.5rem; height:2.5rem; font-size:1.4rem; line-height:2.5rem; color:#fff; font-weight:400; vertical-align:middle;}
#examMain .flag_answer1 {background:#666;}
#examMain .flag_answer2 {background:#ff5b5b;}

#examMain [class^='flag_curri_col'] {display:inline-block; height:2.8rem; padding:0 1.2rem; border:1px solid transparent; font-size:1.4rem; line-height:2.6rem; color:#2e3d61; font-weight:400; border-radius:2.5rem; vertical-align:middle;}
#examMain .flag_curri_col1 {border-color:#2e3d61; background-color:#fff; color:#2e3d61;}

#examMain .flag_days {margin-left:1.3rem; color:#ff5b5b; font-size:2.2rem; font-weight:700; line-height:1;}

#examMain .btn_text_paper_preview {margin-left:1rem;width:20px;height:20px;background:url('/user/img/exam/icon_preview.png') no-repeat center center; background-size:100% 100%; vertical-align:middle;}/* 2022-12-21 수정 */
#examMain [class^='chip_type'] {text-align:center;font-size:1.3rem;padding:.3rem 1.2rem;border-radius:5px;}/* 2022-11-03 수정 */
#examMain .chip_type01 {color:#d89e85;background-color:#f8efeb;}/* 2022-11-03 수정 */
#examMain .chip_type02 {color:#fff;background-color:#89b3a5;}/* 2022-11-03 수정 */
#examMain .chip_type03 {color:#fff;background-color:#ffd371;}/* 2022-11-03 수정 */
#examMain .chip_type04 {color:#fff;background-color:#f3d694;}/* 2022-11-03 수정 */
#examMain .chip_bookmark {display:inline-block; margin-left:1rem;width:24px;height:24px;background:url('/user/img/exam/bookmark_border.png') no-repeat center center; background-size:100% 100%; vertical-align:middle; font-size:0;}/* 2022-12-21 수정 */
#examMain .chip_bookmark.on {background:url('/user/img/exam/bookmark.png') no-repeat center center;  background-size:100% 100%;}

/* tablet */
@media screen and (max-width: 1023px) {
#examMain .ico_new {width:5.2rem; height:2.6rem; background-image:url('/user/img/exam/ico_new_m.png');}
#examMain .ico_end {width:5.2rem; height:2.6rem;}
#examMain .ico_special {width:3.2rem; height:2.6rem; background-image:url('/user/img/exam/ico_special_m.png');}
#examMain .ico_mov {width:4.4rem; height:4.4rem; background-image:url('/user/img/exam/ico_board_video_m.png');}
#examMain .ico_mob {width:2.6rem; height:2.6rem; background-image:url('/user/img/exam/ico_mobile_m.png'); background-size:100%}/* 2021-08-25 수정 | class _mobile 겹침으로 인한 수정 */
#examMain .ico_app {width:2.6rem; height:2.6rem; background:url('/user/img/exam/ico_app_m.png'); background-size:100%}
#examMain .ico_mov2 {width:3rem; height:3rem;}
#examMain .ico_list_noti {width:auto; height:3.6rem; padding-left:3.5rem; padding-right:2rem; font-size:2.6rem; line-height:3.4rem; background:#212121 url('/user/img/exam/ico_list_noti.png') no-repeat 1.2rem 50%; background-size:1.4rem 2.2rem;}
#examMain .ico_list_noti2 {width:9.6rem; height:3.6rem; padding-left:2.5rem; font-size:2.2rem; line-height:3.6rem; background:#0b408a url('/user/img/exam/ico_list_noti02.png') no-repeat 1.2rem 50%;; background-size:1.8rem 1.8rem;}
#examMain .ico_file {width:3.2rem; height:2.6rem; background-image:url(/user/img/exam/ico_file_m.png);}

#examMain .ico_num_special {width:4.6rem; height:5.2rem; background-image:url('/user/img/exam/ico_num_special_m.png');}
#examMain .ico_num_best {width:4.6rem; height:5.2rem; background-image:url('/user/img/exam/ico_num_best_m.png');}
#examMain .btn_del3 {width:3rem; height:3rem; background:url('/user/img/exam/btn_del3_m.png') no-repeat; background-size:100%;}
#examMain .btn_del4 span::before {width:2.2rem; height:2.2rem; background:url('/user/img/exam/btn_del4_m.png') no-repeat; background-size:100%;}
#examMain .ico_lock {width:2.4rem; height:2.5rem; background:url('/user/img/exam/ico_lock_m.png') no-repeat; background-size:100%;}

#examMain [class^='flag_state'] {width:12rem; padding:0rem; min-height:4.8rem; font-size:2.4rem; line-height:4.8rem; color:#fff; font-weight:400; border-radius:3rem; vertical-align:middle;}
#examMain .flag_state1 {color:#666666;}
#examMain .flag_state5 {color:#666666;}/* 2022-05-11 수정 */

#examMain [class^='flag_ro_col'] {padding:0 1.4rem; min-height:2.8rem; line-height:2.8rem; font-size:1.8rem;}
#examMain [class^='flag_ro_big_col'] {padding:0 2rem; min-height:3.8rem; line-height:3.8rem; font-size:2.4rem;}
#examMain [class^='flag_lec_col'] {padding:0 1.4rem; min-height:2.8rem; line-height:2.8rem; font-size:1.8rem;}

#examMain .flag_ro_zoom:before {width:1.8rem; height:1.8rem;}/* 2022-11-03 수정 */

#examMain .flag_review_best {width:5rem; height:5rem; }
#examMain .flag_review_special {width:5rem; height:5rem;}

#examMain .flag_top {height:3.4rem; font-size:2rem; height:3.2rem; padding:1.2rem; border-radius:2rem;}
#examMain .flag_noti {font-size:2.6rem; height:4rem; padding:0 1.6rem 0.2rem 1.6rem;}
#examMain .flag_noti::before {position:relative; top:0.1rem; width:1.4rem; height:2.2rem; margin-right:0.8rem;}

#examMain [class^='flag_part'] {min-height:3.4rem; min-width:10rem; padding:0 1rem; font-size:2rem; border-radius:3rem; line-height:3.4rem;}/* 2021-05-10 수정 */
    
#examMain .flag_basic {font-size:2.4rem; padding:0 1.6rem 0.2rem; height:3rem;}
#examMain .flag_review_best {width:6.9rem; height:6.9rem; background-image:url(/user/img/exam/flag_review_best_m.png) no-repeat center center / 100% 100%;}
#examMain .flag_review_special {width:6.9rem; height:5.8rem; background-image:url(/user/img/exam/flag_review_special_m.png) no-repeat center center / 100% 100%;}

#examMain [class^='flag_file_'] {height:auto; font-size:2rem;}
#examMain [class^='flag_curri_col']{padding:0 1rem; min-height:3.8rem; font-size:2.4rem; line-height:3.6rem;}

#examMain .flag_caption {width:8rem; height:3.4rem; font-size:2.2rem; line-height:3rem;}
#examMain .flag_days {font-size:3rem;}

#examMain [class^='chip_type'] {font-size:2.4rem;padding:.2rem 1.5rem;}/* 2022-11-03 수정 */
}

/* mobile */
@media screen and (max-width: 719px) {

}

/* -------------------------- title -------------------------- */
/* PC  */
#examMain .title_wrap1:after {content:''; display:block; clear:both;}
#examMain .title_wrap1 .title {float:left;}
#examMain .title_wrap1 .title h3:before {content:''; display:inline-block; width:16.6rem; height:2.4rem; margin:-0.7rem 0.3rem 0 0; vertical-align:middle; background:url('/user/img/exam/text_lec_danchoo.png') no-repeat; background-size:16.6rem 2.4rem;}
#examMain .title_wrap1 .title h3 {display:inline-block; font-size:3rem; color:#000; vertical-align:middle;}
#examMain .title_wrap1 .title p {display:inline-block; margin:0 0.5rem -0.4rem; font-size:1.4rem; font-weight:400; color:#9e9e9e; vertical-align:bottom;}
#examMain .title_wrap1 .title a {display:inline-block; margin-bottom:-0.4rem; width:1.4rem; height:1.4rem; vertical-align:bottom; background:url('/user/img/exam/ico_lec_guide.png') no-repeat; background-size:1.4rem 1.4rem;}
#examMain .title_wrap1 .title a.addLink {display:inline-block; margin-bottom:0.2rem; width:auto; height:1.4rem; vertical-align:bottom;background:none;}
#examMain .title_wrap1 .title a.addLink p {display:inline-block; margin:0 0.5rem -0.4rem; font-size:1.4rem; font-weight:400; color:#9e9e9e;vertical-align:baseline;}
#examMain .title_wrap1 .title a.addLink .before_icon {position:relative;}
#examMain .title_wrap1 .title a.addLink .before_icon::before {content: '!';display:inline-block;width:2rem;height:2rem;font-size:1.6rem;font-weight:600;text-align:center;line-height:1.9rem;color:#fff;border-radius:100%;background:#4f5665;}

#examMain .title_wrap1 .btn_lec_set {float:right; margin-top:0.8rem; font-size:1.8rem; color:#424242;}
#examMain .title_wrap1 .btn_lec_set:before {content:''; display:inline-block; width:2rem; height:2rem; margin:-0.3rem 0.7rem 0 0; vertical-align:middle; background:url('/user/img/exam/ico_lec_set.png') no-repeat 0 0 / 100% 100%;}

#examMain .title_wrap2:after {content:''; display:block; clear:both;}
#examMain .title_wrap2 h3 {float:left; font-size:3rem; color:#000; font-weight:bold; line-height:3.9rem;}
#examMain .title_wrap2 select {float:right; width:16rem;}
#examMain .title_wrap2 .ri_cont {float:right;}
#examMain .title_wrap2 .explain {color:#898989; font-size:1.6em; line-height:1.5;}
#examMain .title_wrap2 h3 + .explain {margin-top:0.8rem;}
#examMain .title_wrap2 .txt_box {display:flex; width:100%;}/* 2023-07-11 수정 */
#examMain .title_wrap2.has_line {padding-bottom:3.2rem; border-bottom:2px solid #000;}
#examMain .title_wrap2.flex {position:relative; display:flex; justify-content:start; align-items:center; width:100%; margin-bottom:1.5rem;}
#examMain .title_wrap2.flex &gt; * {float:none;}
#examMain .title_wrap2.flex &gt; *:last-child {margin-left:auto;}
#examMain .title_wrap2.flex_mob_left {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; width:100%; margin-bottom:1.5rem;}
#examMain .title_wrap2.flex_mob_left &gt; * {float:none;}
#examMain .title_wrap2.flex_mob_left &gt; *:last-child {margin-left:auto;}
#examMain .title_wrap2.flex .title_btn_right {display:flex; flex-wrap:wrap; justify-content: flex-end;}/* 2023-04-18 수정 */
#examMain .title_wrap2.flex .title_btn_right button + button {margin-left:1rem;}/* 2023-04-18 수정 */
/* 2023-04-03 */
#examMain .title_wrap2.dFlex {display:flex;align-items:baseline;}
#examMain .title_wrap2.dFlex &gt; .twSubTxt {text-align:left;font-weight:400;font-size:2.4rem;color:#424242;padding-left:5px;}
/* 2024-02-27 */
#examMain .content .border_top_text {font-size:1.6rem; color:#666; line-height:1; margin-bottom:1.5rem;}

#examMain .tabmenu  + .title_wrap3 {margin-top:3rem}
#examMain .title_wrap3 {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:2rem;}
#examMain .title_wrap3 h3 {font-size:1.8rem; color:#000000; font-weight:bold; line-height:1;}
#examMain .title_wrap3 select {height:3.2rem; line-height:3rem;}
#examMain .title_wrap3 .question_wrap button + button {margin-left:2rem;}

#examMain .title_wrap4 {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:5rem; margin-bottom:2rem;}
#examMain .title_wrap4::before,
#examMain .title_wrap4::after {content:''; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; height:1px; background:#000;}
#examMain .title_wrap4 h3 {-webkit-box-flex:0;-ms-flex:none;flex:none; margin:0 1.5rem; font-size:3rem; color:#000000; font-weight:bold; line-height:1;}

#examMain .title_wrap5 {position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; margin-top:6rem; margin-bottom:1.8rem;}
#examMain .title_wrap5 h3 {color:#000000; font-size:2.8rem; font-weight:500; line-height:1;}
#examMain .title_wrap5 .academi_eval {font-size:1.6rem; color:#666; font-weight:400; line-height:1;}
#examMain .title_wrap5 .academi_eval.upDown {overflow:hidden;position:absolute;right:-1rem;top:-1rem;height:4.5rem;padding:1.5rem 4.5rem 1.5rem 2rem;}
#examMain .title_wrap5 .academi_eval.upDown &gt; p {text-align:right;padding:0.7rem 0;}
#examMain .title_wrap5 .academi_eval.upDown.on {height:auto;border-radius:2rem;background-color:#fff;box-shadow:0px 5px 10px #eee;z-index:99;}
#examMain .title_wrap5 .academi_eval.upDown .btn-upDown {position:absolute;right:1rem;top:1.8rem;display:block;width:24px;height:24px;background:url('/user/img/exam/btn_arrow_upDown.png') no-repeat right bottom;}    
#examMain .title_wrap5 .academi_eval.upDown.on .btn-upDown {background-position:right top;}

#examMain .sub_title_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}
#examMain .sub_title_wrap .sub_tit {font-size:2rem; font-weight:400; color:#000;}

#examMain .titsub_txt { color:#424242; font-size:1.6em; line-height:1.5; margin-top:2.5rem;}/* 2021-08-06  수정 */

/* PC 20220824 */
#examMain .title_wrap6 {clear:both; display:flex; justify-content:space-between; align-items:center; margin-top:1.2rem;}
#examMain .title_wrap6 .title {float:left;display:flex;align-items:center;}
#examMain .title_wrap6 .title h3:before {content:''; display:inline-block; width:13.9rem; height:3.8rem; margin:-2rem 1.5rem 0 0; vertical-align:middle; background:url('/user/img/exam/text_lec_danchoo_new.png') no-repeat; background-size:13.9rem 3.8rem;}
#examMain .title_wrap6 .title h3 {display:inline-block; font-size:2.6rem; font-weight:bold; line-height:1; vertical-align:middle;}
#examMain .title_wrap6 .title a {position:relative;margin:0 0 -0.3rem 1rem;}
#examMain .title_wrap6 .title a::before {content: '!';display:inline-block;width:2rem;height:2rem;font-size:1.6rem;font-weight:600;text-align:center;line-height:1.9rem;color:#fff;border-radius:100%;background:#4f5665;}
#examMain .title_wrap6 .class_wrap {display:flex;align-items:center;}
#examMain .title_wrap6 .class_wrap .user_class {display:inline-flex;align-items:center;font-size:1.3rem; color:#6B6363; font-weight:500;}
#examMain .title_wrap6 .class_wrap .user_class span {color:#1aa7c9;margin-left:.4rem}
#examMain .title_wrap6 .class_wrap .btn_levelSet {display:inline-block; text-align:center; font-size:1.3rem; color:#fff; height:2.5rem; line-height:2.3rem; padding:0 1.5rem; margin-left:2rem; border-radius:20px; background:#9BBFC8;}

/* 2022-12-13 수정 */
#examMain .title_wrap7 {position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; margin-top:3.5rem; margin-bottom:1.5rem; font-size:1.6rem; line-height:1.4;}
#examMain .title_wrap7 h3 {color:#000000; font-size:2.8rem; font-weight:500; line-height:1;}
#examMain .title_wrap7 .tit {position:relative; padding-left:1.5rem; font-size:2rem; font-weight:400; line-height:1.4; color:#000;}
#examMain .title_wrap7 .tit::before {content:''; position:absolute; top:1.2rem; left:0; width:.6rem; height:.6rem; background:#000; border-radius:50%;}
#examMain .title_wrap7 .tit span {font-size:1.8rem;}
#examMain .title_wrap7 .tit .color_type01 {color:#8A2AFE;}

/* 시리즈 강좌목록 */
#examMain .lecture_detail_wrap {display:block; position:relative;}
#examMain .lecture_detail_wrap .tit_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:1rem; padding:3.5rem 4rem; background:#373b4b; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain .lecture_detail_wrap .tit_wrap .tit_area {width:80%;} 
#examMain .lecture_detail_wrap .tit_wrap .tit {font-size:3rem; font-weight:bold; color:#fff; line-height:1.3;}
#examMain .lecture_detail_wrap .tit_wrap .sub_tit {margin-top:1.3rem; font-size:1.8rem; font-weight:400; color:#fff; line-height:1.3; opacity:0.5;}
#examMain .lecture_detail_wrap .tit_wrap .fucntion_area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
#examMain .lecture_detail_wrap .tit_wrap .btn_wrap {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#examMain .lecture_detail_wrap .tit_wrap .fucntion_area select {width:40rem; margin-top:auto}
#examMain .lecture_detail_wrap .lecture_detail,
#examMain .lecture_detail_wrap .lecture_detail img {width:100%;}

/* tablet */
@media screen and (max-width: 1023px) {
#examMain .title_wrap2 h3 {font-size:3rem; font-weight:bold;}
#examMain .title_wrap1 .title h3:before {width:16.6rem; height:2.4rem; margin:-0.6em 0.6rem 0 0; background-size:16.6rem 2.4rem;}
#examMain .title_wrap1 .title h3 {display:block; margin-bottom:0.2rem; font-size:3rem; line-height:1;}
#examMain .title_wrap1 .title p {display:inline-block; margin:0.6rem 1rem 0 0; font-size:2em; line-height:1;}
#examMain .title_wrap1 .title a {width:2.4rem; height:2.4rem; margin:1.3rem 0 0 -0.4rem; vertical-align:middle; background-size:2.4rem 2.4rem;}
#examMain .title_wrap1 .title a.addLink p {display:inline-block; margin:0.6rem 1rem 0 0; font-size:2em; line-height:1;}
#examMain .title_wrap1 .btn_lec_set {margin-top:3.8rem; font-size:2.2rem; line-height:3rem;}
#examMain .title_wrap1 .btn_lec_set:before {width:3rem; height:3rem; margin:-0.2rem 0.6rem 0 0; background-image:url(/user/img/exam/ico_lec_set_m.png);}
    
#examMain .title_wrap2.primary {display:-webkit-box;display:-ms-flexbox;display:flex; margin:0 -2rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:8rem; background:#0b408a;}
#examMain .title_wrap2.primary h3 {font-size:3.2rem; color:#fff;}
#examMain .title_wrap2.has_select h3 {line-height:7.6rem;}
#examMain .title_wrap2 select {width:18rem;}
#examMain .title_wrap2 .explain {font-size:1.8rem;}
#examMain .title_wrap2.has_line {padding-bottom:3rem;}
#examMain .title_wrap2.flex_mob_left {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
#examMain .title_wrap2.flex_mob_left &gt; *:last-child {margin:2.5rem 0 0 0;}
#examMain .title_wrap2.flex .title_btn_right button + button {margin-left:2rem;}/* 2023-04-18 수정 */
    /* 2023-04-03 */
#examMain .title_wrap2.dFlex {flex-direction:column;}
#examMain .title_wrap2.dFlex &gt; .twSubTxt {padding:3px 0 5px 0;}

    /* 2024-02-27 */
#examMain .content .border_top_text {font-size:2.2rem;}

#examMain .title_wrap3 {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#examMain .title_wrap3 h3 {font-size:2.8rem;}
#examMain .title_wrap3 select {height:5rem;}
#examMain .title_wrap3 .question_wrap {margin-top:2rem; text-align:left;}

    /* 2022-12-13 수정 */
#examMain .title_wrap7 {font-size:2.4rem;}
#examMain .title_wrap7 h3 {font-size:3.8rem; line-height:1.4;}
#examMain .title_wrap7 .tit {padding-left:2.5rem; font-size:3rem;}
#examMain .title_wrap7 .tit::before {top:1.8rem; left:0; width:1rem; height:1rem;}
#examMain .title_wrap7 .tit span {font-size:2.8rem;}

#examMain .sub_title_wrap .sub_tit {font-size:2.8rem;}

#examMain .titsub_txt {font-size:2.4rem;}/* 2021-08-06 수정 */

    /* 시리즈 강좌목록 */
#examMain .lecture_detail_wrap .tit_wrap {padding:3rem 4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
#examMain .lecture_detail_wrap .tit_wrap .tit_area {width:100%;} 
#examMain .lecture_detail_wrap .tit_wrap .tit {font-size:3.6rem;}
#examMain .lecture_detail_wrap .tit_wrap .sub_tit {margin-top:1.3rem; font-size:2.4rem;}
#examMain .lecture_detail_wrap .tit_wrap .fucntion_area {margin-top:2.5rem; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row;}
#examMain .lecture_detail_wrap .tit_wrap .fucntion_area .btn_wrap + select {margin-left:2.4rem;}
#examMain .lecture_detail_wrap .tit_wrap .btn_wrap {-webkit-box-flex:0;-ms-flex:none;flex:none;}
#examMain .lecture_detail_wrap .tit_wrap .fucntion_area select {width:100%;}
}

/* mobile */
@media screen and (max-width: 719px) {
#examMain .title_wrap2.flex {flex-direction:column; align-items:start;}

#examMain .title_wrap5 h3 {font-size:3.8rem;}
#examMain .title_wrap5 .academi_eval {font-size:2.6rem;}
#examMain .title_wrap5 .academi_eval.upDown {height:6rem;padding:1.5rem 6rem 1.5rem 2rem;}
#examMain .title_wrap5 .academi_eval.upDown .btn-upDown {width:18px;height:18px;background-size:100%;}

    /* PC 20220824 */
#examMain .title_wrap6 .class_wrap .btn_levelSet {height:4rem; line-height:4rem; margin-left:0.5rem;}
}

/* -------------------------- button -------------------------- */
/* PC  */
#examMain .btn_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} /* 기본 가운데 정렬 */
#examMain .btn_wrap.align_l {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
#examMain .btn_wrap.align_r {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#examMain .btn_wrap.align_bw {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#examMain .btn_wrap &gt; button.fluid {width:100%; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_wrap.btn_t_line {border-top: 1px solid #e1e1e1; padding-top:2rem;}/* 2021-04-07 수정 */
#examMain .btn_wrap.addSticky {position:sticky;left:0;bottom:0;width:100%;max-width:102rem;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem 1rem 1rem;background-color:#fff;box-shadow:3px 2px 13px 2px rgba(0,0,0,0.2);z-index:9;}/* 2021-10-26 추가 */
#examMain .btn_wrap.addSticky &gt; .last_modify {font-size:1.6rem;color:#577dd0;}/* 2022-10-26 추가 */
#examMain .df_aiStart {display:flex;  align-items:start;}
/* tablet */
@media screen and (max-width: 1023px) { 
#examMain .btn_wrap.addSticky &gt; .last_modify {font-size:2.4rem;padding:0;}/* 2022-10-26 추가 */
#examMain .df_aiStart {display:block;}
}

#examMain [class^='btn_XXL_col'] {display:inline-block; min-width:13rem; min-height:5.8rem; margin:0 0.5rem 1rem 0; padding:0 2rem; font-size:2rem; line-height:5.6rem; color:#fff; text-align:center; border:1px solid #fff; font-weight:500;}
#examMain [class^='btn_XL_col'] {display:inline-block; min-width:13rem; min-height:4.6rem; margin:0 0.5rem 1rem 0; padding:0 3rem; font-size:1.6rem; line-height:4.4rem; color:#424242; text-align:center; border:1px solid #bbb;}
#examMain [class^='btn_L_col'] {display:inline-block; min-width:10rem; min-height:3.8rem; margin:0 0.5rem 1rem 0; padding:0 1.7rem; font-size:1.6rem; line-height:3.6rem; color:#fff; text-align:center; border:1px solid transparent;}
#examMain [class^='btn_M_col'] {display:inline-block; min-width:8rem; min-height:3.5rem; margin:0 0.5rem 1rem 0; padding:0 1.5rem; font-size:1.4rem; line-height:3.3rem; font-weight:400; border:1px solid transparent; color:#898989; text-align:center;}
#examMain [class^='btn_S_col'] {display:inline-block; min-width:6rem; height:2.8rem; margin:0 0.5rem 1rem 0; padding:0 1.2rem; font-size:1.6rem; line-height:2.4rem; font-weight:400; border:1px solid transparent; color:#898989; text-align:center; white-space:nowrap; border-radius:0.6rem;}
#examMain [class^='btn_S2_col'] {display:inline-block; min-width:6rem; min-height:3rem; margin:0 0.5rem 1rem 0; padding:0 1.2rem; font-size:1.4rem; line-height:3rem; font-weight:400; border:1px solid transparent; color:#424242; text-align:center;}
#examMain [class^='btn_XS_col'] {display:inline-block; min-width:5.6rem; min-height:2.2rem; margin:0 0.5rem 1rem 0; padding:0 1.2rem; font-size:1.2rem; line-height:2rem; font-weight:400; border:1px solid transparent; color:#424242; text-align:center; white-space:nowrap;}
/*.board_form.type_gray [class^='btn_L_col'] {margin-bottom:0;}*/

#examMain .btn_XXL_col1 {background:transparent;}
#examMain .btn_XXL_col1.has_arrow span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain .btn_XXL_col1.has_arrow span:after {display:inline-block; width:0.7rem; height:1.4rem; margin-left:2.2rem; background:url('/user/img/exam/ico_arrow_right3.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XXL_col2 {color:#fff; border-color:transparent; background:#2e3d61;}
#examMain .btn_XL_col1 {background:#fff;}
#examMain .btn_XL_col1.has_arrow {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:left; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_XL_col1.has_arrow:after {display:inline-block; width:1.5rem; height:0.8rem; margin-left:2.6rem; background:url('/user/img/exam/ico_arrow_btm.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XL_col1.has_arrow.on:after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .btn_XL_col1.has_plus {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:left; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_XL_col1.has_plus:after {display:inline-block; width:1.6rem; height:1.6rem; margin-left:1.7rem; background:url('/user/img/exam/ico_plus_black.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XL_col2 {color:#fff; border-color:#2e3d61; background:#2e3d61;}
#examMain .btn_XL_col3 {color:#fff; border-color:#57ade4; background:#57ade4;}
#examMain .btn_XL_col1:disabled {background:#e8e8e8; border:1px solid #dbdbdb; color:#a0a0a0; line-height:3.6rem;}
#examMain .btn_XL_col2:disabled {background:#e8e8e8; border:1px solid #dbdbdb; color:#a0a0a0; line-height:3.6rem;}
#examMain .btn_XL_col4 {color:#fff; border-color:#2e3d61; background:#2e3d61;}
#examMain .btn_XL_col4.has_arrow {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:left; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain .btn_XL_col4.has_arrow:after {display:inline-block; width:0.8rem; height:1.5rem; margin-left:1rem; background:url('/user/img/exam/ico_btn_arrow.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XL_col5 {background:#fff;}
#examMain .btn_XL_col5.has_arrow {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:right; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain .btn_XL_col5.has_arrow:before {display:inline-block; width:0.8rem; height:1.5rem; margin-right:1rem; background:url('/user/img/exam/ico_before_arr.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XL_col6 {color:#fff; border-color:#577dd0; background:#577dd0;}
#examMain .btn_XL_col7 {color:#fff; border-color:#ff5b5b; background:#ff5b5b;}
#examMain .btn_XL_col8 {background:#fff; border:1px solid #dbdbdb; font-size:1.8rem;}
#examMain .btn_XL_col8.has_arrow span {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;}
#examMain .btn_XL_col8.has_arrow span::after {display:inline-block; width:1.5rem; height:0.8rem; margin-left:2.6rem; background:url('/user/img/exam/ico_arrow_btm.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_XL_col8.has_arrow.on span::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .btn_XL_col9 {color:#121212; border-color:#f1f5f9; background:#f1f5f9;}
#examMain .btn_XL_col10 {color:#fff; border-color:#2e3d61; background:#2e3d61;}

#examMain .btn_XL_col11 {background:#fff; border:1px solid #dbdbdb; font-size:1.8rem;}
#examMain .btn_XL_col11.has_arrow span {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;}
#examMain .btn_XL_col11.has_arrow span::after {display:inline-block; width:1.6rem; height:1.6rem; margin-left:2rem; background:url('/user/img/exam/ico_plus.png') no-repeat; content:''; background-size:100% 100%;}

#examMain .btn_XL_col12 {min-width:20rem; color:#fff; border-color:#2e3d61; background:#2e3d61;}/* 2023-05-10 수정 */
#examMain .btn_XL_col12.has_arrow {position:relative; display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:center; padding:0 2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:center;}/* 2023-05-10 수정 */
#examMain .btn_XL_col12.has_arrow:after {position:absolute; top:50%; margin-top:-.75rem; right:2rem; display:inline-block; width:0.8rem; height:1.5rem; background:url('/user/img/exam/ico_btn_arrow.png') no-repeat; content:''; background-size:100% 100%;}/* 2023-05-10 수정 */
#examMain .btn_XL_col12.has_arrow span {padding-right:1rem;}/* 2023-05-10 수정 */

#examMain .btn_L_col1 {background:#57ade4;}
#examMain .btn_L_col1.btn_file {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col1.btn_file span {font-weight:400;}
#examMain .btn_L_col1.btn_file:before {display:inline-block; width:1.2rem; height:1.3rem; margin-right:0.8rem; background:url('/user/img/exam/ico_file2.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col1.off {color:#919191; background:#e6e6e6;}
#examMain .btn_L_col2 {background:#2e3d61;}
#examMain .btn_L_col2:disabled {background:#e8e8e8; border:1px solid #dbdbdb; color:#a0a0a0; line-height:3.6rem;}
#examMain .btn_L_col2.has_down {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; text-align:center; padding:0rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_L_col2.has_down:after {display:inline-block; width:1.3rem; height:1.3rem; margin-left:0.5rem; background:url('/user/img/exam/ico_download4.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_L_col2.has_arrow span::after {content:''; display:inline-block; margin-left:1.5rem; width:0.6rem; height:1rem; background:url(/user/img/exam/ico_arrow_right.png) no-repeat center center / 100% auto;}
#examMain .btn_L_col2.has_print span {display:-webkit-box;display:-ms-flexbox;display:flex; text-align:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_L_col2.has_print span::before {position:relative; top:1px; display:inline-block; width:2.1rem; height:1.6rem; margin-right:1rem; background:url('/user/img/exam/ico_print_white.png') no-repeat; content:''; background-size:100% 100%;}
#examMain .btn_L_col3 {background:#a0a0a0;}
#examMain .btn_L_col4 {background:#ff6a6a;}
#examMain .btn_L_col5 {border:1px solid #bbbbbb; background:#fff; color:#000;}
#examMain .btn_L_col5:disabled {border:1px solid #ccc; background:#f6f6f6; color:#999;}
#examMain .btn_L_col5.on {border-color:#2e3d61; background:#2e3d61; color:#fff;}
#examMain .btn_L_col6 {border:1px solid #000; background:#fff; color:#000;}
#examMain .btn_L_col6.btn_add {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col6.btn_add:after {display:inline-block; width:1.2rem; height:1.2rem; margin-left:1rem; background:url('/user/img/exam/ico_plus.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col6:disabled {background:#e8e8e8; border:1px solid #dbdbdb; color:#a0a0a0; line-height:3.6rem;}/* 2022-11-14 수정 */
#examMain .btn_L_col7 {border:1px solid #dbdbdb; background:#e8e8e8; color:#000;}
#examMain .btn_L_col8 {border:1px solid #919191; background:#fff; color:#919191;}
#examMain .btn_L_col_textbook {background:hsl(216, 14%, 52%);}
#examMain .btn_L_col_textbook:before {content:''; display:inline-block; width:1.3rem; height:1.5rem; margin:-0.3rem 0.5rem 0 0; vertical-align:middle; background:url('/user/img/exam/btn_ico_textbook.png') no-repeat; background-size:1.3rem 1.5rem;}
#examMain .btn_L_col9 {border:1px solid #dbdbdb; background:#fff; color:#666;}
#examMain .btn_L_col9.has_zoom {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col9.has_zoom:before {display:inline-block; width:1.8rem; height:1.8rem; margin-right:1rem; background:url('/user/img/exam/ico_zoom.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col9.has_buy {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col9.has_buy:before {display:inline-block; width:2rem; height:1.9rem; margin-right:1rem; background:url('/user/img/exam/ico_buy.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col9.has_aos {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_L_col9.has_aos:before {display:inline-block; width:1.4rem; height:1.7rem; margin-right:0.8rem; background:url('/user/img/exam/ico_aos.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col9.has_ios {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_L_col9.has_ios:before {display:inline-block; width:1.2rem; height:1.5rem; margin-right:1rem; background:url('/user/img/exam/ico_ios.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col9.has_mp3 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_L_col9.has_mp3:before {display:inline-block; width:2rem; height:1.9rem; margin-right:1rem; background:url('/user/img/exam/ico_mp3.png') no-repeat; background-size:100%; content:'';}

#examMain .btn_L_col10 {background:hsl(216, 14%, 52%); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;} /* 전체 디자인디벨롭 진행전이므로 3009, 0106은 컨텐츠스타일로 임시 컬러변경함 */
#examMain .btn_L_col10.has_play {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; padding:0 1.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col10.has_play:before {display:inline-block; width:2.2rem; height:2.2rem; margin-right:1rem; background:url('/user/img/exam/ico_play2.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col11 {background:#334075;}
#examMain .btn_L_col11.has_pencil {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; padding:0 1.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col11.has_pencil:before {display:inline-block; width:0.9rem; height:1.3rem; margin-right:1.2rem; background:url('/user/img/exam/ico_pencil02.png') no-repeat; background-size:100% 100%; content:'';}
#examMain .btn_L_col11.has_man {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; padding:0 1.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_L_col11.has_man:before {display:inline-block; width:1.5rem; height:1.3rem; margin-right:1.2rem; background:url('/user/img/exam/ico_man.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_L_col12 {background:#e8e8e8; border:1px solid #dbdbdb; color:#a0a0a0; line-height:3.6rem;}
#examMain .btn_L_col13 {background:#577dd0;}
#examMain .btn_L_col14 {background:#a863ff;}/* 2022-11-02 수정 */

#examMain .btn_M_col1 {background-color:#fff; color:#898989; border-color:#dbdbdb;} 
#examMain .btn_M_col1.has_search 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 .btn_M_col1.has_search span::before {content:''; display:block; width:1.6rem; height:1.6rem; margin-right:0.5rem; background:url(/user/img/exam/ico_srch_gray3.png) no-repeat center center / 100% auto;}
#examMain .btn_M_col2 {background-color:#fff; color:#898989; border-color:#dbdbdb;} 
#examMain .btn_M_col3 {background-color:#fff; color:#577dd0; border-color:#577dd0; font-weight:400;} 
#examMain .btn_M_col3.has_add 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 .btn_M_col3.has_add span::before {content:''; display:block; width:1rem; height:2rem; margin-right:1rem; background:url(/user/img/exam/ico_plus2.png) no-repeat center center / 100% auto;}

#examMain .btn_S_col1 {background-color:#fff; color:#424242; border-color:#e5e5e5;} 
#examMain .btn_S_col2 {background-color:#eee; color:#898989; border-color:#dbdbdb;} 
#examMain .btn_S_col3 {background-color:#fff; color:#919191; border-color:#919191; border-radius:1.5rem;}
#examMain .btn_S_col4 {background-color:#2e3d61; color:#fff; border-color:#2e3d61; border-radius:0;}/* 2022-11-15 수정 */

#examMain .btn_S2_col1 {background-color:#fff; color:#424242; border-color:#ccc;}

#examMain .btn_XS_col1 {background-color:#fff; border-color:#ccc;}
#examMain .btn_XS_col1.has_add 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 .btn_XS_col1.has_add span::after {content:''; display:block; width:0.9rem; height:0.9rem; margin-left:0.2rem; background:url(/user/img/exam/btn_lec_more.png) no-repeat center center / 100% auto;}
#examMain .btn_XS_col2 {background-color:#fff; border-color:#577dd0; color:#577dd0;}
#examMain .btn_XS_col2.round {border-radius:1rem;}
#examMain .btn_XS_col3 {background-color:#eee; color:#424242; border:1px solid #ccc;}
#examMain .btn_XS_col4 {background-color:#2e3d61; color:#fff; border-color:#2e3d61;}/* 2022-11-15 수정 */

#examMain .btn_wrap .bg_purple {background:#9963C1; border-color:#9963C1;}/* 2021-07-01 수정 */
#examMain .btn_wrap .bg_darkgreen {background:#55AB9D; border-color:#55AB9D;}/* 2021-07-01 수정 */
#examMain .btn_wrap .bg_darkblue {background:#1A34A2; border-color:#1A34A2;}/* 2021-07-01 수정 */
#examMain .btn_wrap .bg_skyblue {background:#577DD0; border-color:#577DD0;}/* 2021-07-01 수정 */

#examMain .btn_text_more {display:inline-block; padding:0.5rem 0; font-size:2rem; color:#000;}
#examMain .btn_text_more:after {content:''; display:inline-block; width:1.4rem; height:1.4rem; margin:-0.5rem 0 0 1rem; vertical-align:middle; background:url('/user/img/exam/btn_lec_more.png') no-repeat; background-size:1.4rem 1.4rem;}
#examMain .btn_text_more2 {/*display:inline-block;*/ display:flex; align-items:end; min-width:7rem; padding:0.5rem 0; font-size:1.6rem; color:#757575; overflow:hidden;} /* 2024-07-미정 */
#examMain .btn_text_more2:after {content:''; display:inline-block; width:1.4rem; height:1.4rem; margin:-0.5rem 0 0 1rem; vertical-align:middle; background:url('/user/img/exam/ico_plus.png') no-repeat; background-size:100% 100%;}
#examMain .btn_text_extend {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:1.5rem 0; font-size:2rem; color:#000; line-height:1;}
#examMain .btn_text_extend::after {content:''; display:inline-block; width:1.5rem; height:0.8rem; margin-left:1rem; background:url('/user/img/exam/ico_carat_toggle2.png') no-repeat; background-size:100% auto; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}
#examMain .btn_text_extend.on::after {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
#examMain .btn_text_extend span {margin-left:0.5rem;}
#examMain .btn_search {display:inline-block; width:4.8rem; height:3.8rem; background:url('/user/img/exam/ico_head_search.png') no-repeat center center; background-size:1.6rem 1.6rem}
#examMain .btn_search span {display:inline-block; text-indent:-9999px;}
#examMain .btn_search2 {display:inline-block; width:4.8rem; height:4rem; background:url('/user/img/exam/ico_search_blue.png') center center no-repeat; background-size:1.6rem 1.6rem;}
#examMain .btn_search2 span {display:inline-block; text-indent:-9999px;}
#examMain .btn_order {position:relative;}
#examMain .btn_order + .btn_order {margin-left:1.4rem;}
#examMain .btn_order + .btn_order::before {display:block; position:absolute; width:1px; height:1.4rem; top:50%; left:-0.7rem; margin:-0.7rem 0 0 0; background-color:#898989; content:"";}
#examMain .btn_order span {display:block; font-size:1.6rem; color:#898989; font-weight:400; line-height:1; height:3.2rem; line-height:3.2rem;}
#examMain .btn_order.on span {font-weight:400; color:#000;}
#examMain .btn_print {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; position:relative; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:3rem; width:7rem; border:1px solid #bbbbbb;}
#examMain .btn_print span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#898989;}
#examMain .btn_print span:before {display:inline-block; position:relative; width:1.6rem; height:1.6rem; margin-right:0.5rem; background:url('/user/img/exam/ico_print.png') no-repeat; content:""; background-size:100%;}
#examMain .btn_print2 {display:inline-block; position:relative; vertical-align:baseline;}
#examMain .btn_print2 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.2rem; font-weight:400; color:#fff; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_print2 span:before {display:block; position:relative; width:3.6rem; height:3.6rem; margin-bottom:0.5rem; border:1px solid #fff; border-radius:50%; background:url('/user/img/exam/ico_print02.png') no-repeat center center / 2rem auto; content:'';}
#examMain .btn_print3 {display:inline-flex; position:relative; justify-content:center; align-items:center; height:3rem;}/* 2023-08-08 수정 */
#examMain .btn_print3 span {display:inline-flex; font-size:1.4rem; font-weight:400; color:#898989;}/* 2023-08-08 수정 */
#examMain .btn_refresh {display:inline-block; position:relative; vertical-align:baseline;}
#examMain .btn_refresh span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.2rem; font-weight:400; color:#fff; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_refresh span:before {display:block; position:relative; width:3.6rem; height:3.6rem; margin-bottom:0.5rem; border:1px solid #fff; border-radius:50%; background:url('/user/img/exam/ico_refresh2.png') no-repeat center center / 2rem auto; content:'';}
#examMain .btn_question {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:2rem; font-size:1.4rem; color:#666; overflow:hidden;}
#examMain .btn_question:after {display:inline-block; position:relative; width:1.8rem; height:1.8rem; margin-left:1rem; background:url('/user/img/exam/ico_question.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_question2 {display:inline-block; position:relative; width:1.8rem; height:1.8rem; background:url('/user/img/exam/ico_question3.png') no-repeat; background-size:100%; text-indent:-9999px;}
#examMain .btn_question3 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; height:2rem; font-size:1.4rem; font-weight:400; color:#fff; overflow:hidden;}/* 2022-11-03 수정 */
#examMain .btn_question3:after {display:inline-block; position:relative; width:2rem; height:2rem; line-height:1.8rem; margin-left:1rem; background:#4f5665; border-radius:50%; content:'?';}/* 2022-11-03 수정 */
#examMain .btn_question4 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; font-size:1.4rem; color:#666; }/* 2023-04-18 수정 */
#examMain .btn_question4:after {display:inline-block; position:relative; width:2.5rem; height:2.5rem; margin-left:1rem; background:url('/user/img/exam/ico_question.png') no-repeat; background-size:100%; content:'';}/* 2023-04-18 수정 */
#examMain .btn_question4.red {color:#f00; }/* 2023-04-18 수정 */
#examMain .btn_question4.red:after {background:url('/user/img/exam/ico_question_red.png') no-repeat; background-size:100%;}/* 2023-04-18 수정 */
#examMain .btn_text_check {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative;}
#examMain .btn_text_check:before {display:inline-block; position:relative; width:2.2rem; height:1.6rem; vertical-align:middle; background:url('/user/img/exam/btn_text_check.png') no-repeat; background-size:2.2rem 1.6rem; content:'';}
#examMain .btn_text_check span {margin-left:1rem; font-size:1.4rem; color:#1e75d6; vertical-align:middle; line-height:1.4}/* 2021-04-25 수정 */
#examMain .btn_comment_reg {display:inline-block; width:14rem; height:10rem; background-color:#577dd0; text-align:center;}
#examMain .btn_comment_reg span {font-size:1.8rem; color:#fff;}
#examMain .btn_text {display:inline-block;}
#examMain .btn_text span {font-size:1.4rem; font-weight:400; color:#a0a0a0;}
#examMain .btn_view {display:inline-block; padding:0.5rem; font-size:1.4rem; font-weight:400; color:#577dd0;}
#examMain .btn_view::after {content:'&gt;'; margin-left:0.5rem;}
#examMain .btn_view.color2 {color:#1f6cd9;}
#examMain .btn_view.color3 {color:#ff5b5b;}
#examMain .btn_webview {display:inline-flex; padding:0 1rem; height:3rem; border:1px solid #bbbbbb; justify-content:center; align-items: center; }/* 2023-02-03 수정 */
#examMain .btn_webview span {display:inline-flex; font-size: 1.4rem; font-weight:400; color: #898989; justify-content:center; align-items: center;}/* 2023-02-03 수정 */
#examMain .btn_webview span::before {content:''; display:inline-block; width:1.7rem; height:1.9rem; margin-right:1.5rem; background:url('/user/img/exam/btn_webview.png') center no-repeat; background-size:100% auto;}/* 2023-02-03 수정 */
#examMain .btn_pdf {display:inline-block; width:3rem; height:3rem; background:url('/user/img/exam/btn_pdf.png') no-repeat; background-size:100%;}
#examMain .btn_pdf span {display:inline-block; text-indent:-9999px;}
#examMain .btn_pdf2 {display:inline-flex; padding:0 1rem; height:3rem; border:1px solid #bbbbbb; justify-content:center; align-items: center; }/* 2023-02-03 수정 */
#examMain .btn_pdf2 span {display:inline-flex; font-size: 1.4rem; font-weight:400; color: #898989; justify-content:center; align-items: center;}/* 2023-02-03 수정 */
#examMain .btn_pdf2 span::before {content:''; display:inline-block; width:1.4rem; height:1.7rem; margin-right:1rem; background:url('/user/img/exam/btn_pdf2.png') center no-repeat; background-size:100% auto;}/* 2023-02-03 수정 */
#examMain .btn_down2 {display:inline-flex; padding:0 1rem; height:3rem; border:1px solid #D93A3A; justify-content:center; align-items:center; }/* 2023-06-15 추가 */
#examMain .btn_down2 span {text-align:center; font-size:1.4rem; color:#D93A3A; line-height:1.5;}/* 2023-06-15 추가 */
#examMain .btn_down2 span::before {content:''; display:inline-block; width:1.4rem; height:1.7rem; margin-right:1rem; background:url('/user/img/exam/ico_download5_red.png') center no-repeat; background-size:100% auto; vertical-align:middle;}/* 2023-06-15 추가 */

#examMain .btn_buy {display:inline-block; width:3rem; height:3rem; background:url('/user/img/exam/btn_buy.png') no-repeat; background-size:100%;}
#examMain .btn_buy span {display:inline-block; text-indent:-9999px;}
#examMain .btn_buy2 {display:inline-block; padding:0.6rem;}
#examMain .btn_buy2 span {display:block; width:3rem; height:3rem;}
#examMain .btn_buy2 span::before {content:''; display:block; width:100%; height:100%; background:url('/user/img/exam/btn_buy2.png') no-repeat; background-size:100%;}
#examMain .btn_zoom {display:inline-block; width:3rem; height:3rem; background:url('/user/img/exam/btn_zoom.png') no-repeat; background-size:100%;}
#examMain .btn_zoom span {display:inline-block; text-indent:-9999px;}
#examMain .btn_download {display:inline-block; width:3rem; height:3rem; background:url('/user/img/exam/ico_file.png') center no-repeat; background-size:1.3rem;}
#examMain .btn_download span {display:inline-block; text-indent:-9999px;}
/*.btn_download2 {display:inline-block; height:3rem;}
#examMain .btn_download2 span::before {content:''; display:inline-block; width:1.4rem; height:1.6rem; margin-right:0.6rem; background:url('/user/img/exam/btn_download2.png') center no-repeat; background-size:100% auto;} 2023-02-03 수정 */
#examMain .btn_download2 {display:inline-flex; padding:0 1rem; height:3rem; border:1px solid #bbbbbb; justify-content:center; align-items: center; }/* 2023-02-03 수정 */
#examMain .btn_download2 span {display:inline-flex; font-size: 1.4rem; font-weight:400; color: #898989; justify-content:center; align-items: center;}/* 2023-02-03 수정 */
#examMain .btn_download2 span::before {content:''; display:inline-block; width:1.8rem; height:1.8rem; margin-right:1rem; background:url('/user/img/exam/btn_download2.png') center no-repeat; background-size:100% auto;}/* 2023-02-03 수정 */
#examMain .btn_download4 {display:inline-block; position:relative; vertical-align:baseline;}
#examMain .btn_download4 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.2rem; font-weight:400; color:#fff; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_download4 span:before {display:block; position:relative; width:3.6rem; height:3.6rem; margin-bottom:0.5rem; border:1px solid #fff; border-radius:50%; background:url('/user/img/exam/ico_pdf_down.png') no-repeat center center / 1.9rem auto; content:'';}
#examMain .btn_download5 {display:inline-block; width:3rem; height:3rem; background:#334075 url('/user/img/exam/download_arr.png') no-repeat center center / 1.5rem auto; border-radius:50%;}
#examMain .btn_download6 {display:inline-block; padding:0.5rem;}
#examMain .btn_download6 span::before {content:''; display:block; width:3rem; height:3rem; background:url('/user/img/exam/btn_download3.png') center no-repeat; background-size:100% auto;}
#examMain .btn_arrow {display:inline-block; min-width:30rem; min-height:5.4rem; background:#2e3d61;}
#examMain .btn_arrow span {display:inline-block; font-size:1.8rem; line-height:3.8rem; color:#fff; text-align:center;}
#examMain .btn_arrow span:after {display:inline-block; width:0.8rem; height:1.5rem; margin-left:2.8rem; background:url('/user/img/exam/ico_btn_arrow.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_share {display:inline-block;}
#examMain .btn_share span {display:inline-block; font-size:1.4rem; font-weight:400; color:#fff; text-align:center;}
#examMain .btn_share span:after {display:inline-block; position:relative; width:1.5rem; height:1.7rem; top:0.2rem; margin-left:0.7rem; background:url('/user/img/exam/ico_share.png') no-repeat; background-size:100% 100%; content:'';}
#examMain .btn_option {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:2.8rem; height:2.8rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_option span {display:inline-block; width:1.8rem; height:1.8rem; background:url(/user/img/exam/btn_list_type.png) no-repeat 0 0 / 3.8rem auto; text-indent:-9999px; overflow: hidden;}
#examMain .btn_option.type_list span {background-position:0 0;}
#examMain .btn_option.type_card span {background-position:right 0;}
#examMain .btn_option.type_list.on span {background-position:0 bottom;}
#examMain .btn_option.type_card.on span {background-position:right bottom;}
#examMain .btn_share2 {display:inline-block;}
#examMain .btn_share2 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:8rem; height:3.8rem; border:1px solid #ddd; background:#efefef; font-size:1.4rem; font-weight:400; color:#424242; line-height:3.8rem;}
#examMain .btn_share2 span:after {display:inline-block; position:relative; width:1.5rem; height:1.7rem; top:0.2rem; margin-left:0.7rem; background:url('/user/img/exam/ico_share_black.png') no-repeat; background-size:100% 100%; content:'';}
#examMain .btn_share3 {display:inline-block;}
#examMain .btn_share3 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; min-width:8rem; font-size:1.4rem; font-weight:400; color:#424242;}
#examMain .btn_share3 span:after {display:inline-block; position:relative; width:3rem; height:3rem; margin-left:0.7rem; border-radius:50%; background:#e0e0e0 url('/user/img/exam/ico_share_gray.png') no-repeat center center / 1.3rem auto; content:'';}
#examMain .btn_share4 {display:inline-block;}
#examMain .btn_share4 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; min-width:7.4rem; height:3rem; font-size:1.4rem; font-weight:400; color:#7478b5; line-height:1;}
#examMain .btn_share4 span:after {display:inline-block; position:relative; top:1px; width:1.8rem; height:2.2rem; margin-left:0.7rem; background:url('/user/img/exam/ico_share_navy.png') no-repeat 0 0; background-size:100% 100%; content:'';}
#examMain .btn_share5 {display:inline-block; overflow: hidden;}
#examMain .btn_share5 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.4rem; line-height:1; font-weight:400; color:#424242;}/* 2024-02-22 수정 */
#examMain .btn_share5 span:after {display:inline-block; position:relative; width:1.5rem; height:1.7rem; margin-left:0.7rem; background:url('/user/img/exam/ico_share_black.png') no-repeat; background-size:100% 100%; content:'';}
#examMain .btn_share6 {position:absolute;right:6rem;top:-1rem;}
#examMain .btn_share6 span {position:relative; display:flex; align-items:center;justify-content:center;font-size:0;width:4.5rem; height:4.5rem; background:#8A8E9D; border-radius:4.5rem;}/* 2024-02-22 수정 */
#examMain .btn_share6 span:after {position:absolute; top:50%; left:50%; display:inline-block; width:2.3rem; height:2.6rem; background: url('/user/img/exam/ico_share_white.png') no-repeat center center; background-size:100% auto; transform:translate(-50%,-50%); content:'';}/* 2024-02-22 수정 */
@media screen and (max-width: 1023px) { 
#examMain .btn_share6 {right:3rem;top:12rem;z-index:999;}
}
#examMain .btn_utils {width:4.4rem; height:4.4rem; text-align:center;}
#examMain .btn_utils span {display:inline-block; width:0.6rem; height:2.8rem; overflow:hidden; background:url(/user/img/exam/ico_utils.png) no-repeat center center / 100% 100%;  text-indent:-9999px;}
#examMain .btn_XL_like {width:5rem; height:5rem; background:url(/user/img/exam/btn_like.png) no-repeat center center #577dd0;}
#examMain .btn_XL_like span {display:block; width:100%; height:100%; text-indent:-9999px;}
#examMain .btn_XL_like.on {background-color:#ff5c5d;}
#examMain .btn_fold {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.6rem; font-weight:400; color:#666;}
#examMain .btn_fold::after {content:''; display:inline-block; width:1.8rem; height:1.8rem; margin-left:0.81rem; border-radius:50%; background:#666 url(/user/img/exam/ico_carat_toggle.png) no-repeat center center / 0.5rem auto;}
#examMain .btn_fold.on::after {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
#examMain .btn_fold2 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:16rem; height:4rem; padding:0 1.7rem; border:1px solid #ccc; background:#fff; font-size:1.4rem; font-weight:400; color:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_fold2::after {content:''; display:inline-block; width:1.5rem; height:0.8rem; margin-left:2.5rem; background:url(/user/img/exam/ico_carat_toggle2.png) no-repeat center center; }
#examMain .btn_fold2.on::after {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
#examMain .btn_fold3 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:3.4rem; padding:0 2.3rem; border:1px solid #2e3d61; border-radius:20px; color:#2e3d61; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_fold3::after {content:''; display:inline-block; width:1.5rem; height:0.8rem; margin-left:1rem; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); background:url(/user/img/exam/ico_carat_toggle2.png) no-repeat center center / 100% auto;}
#examMain .btn_fold3.on::after {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
#examMain .btn_fold4 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:100%; height:5rem; border:1px solid #e4eded; background:#fafafa; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain .btn_fold4 span {font-size:1.6rem; font-weight:bold; color:#2968c1;}
#examMain .btn_fold4::after {content:''; display:inline-block; width:1.1rem; height:0.6rem; margin-left:1rem; background:url(/user/img/exam/ico_carat_toggle3.png) no-repeat center center;}
#examMain .btn_fold4.on {border-bottom:0;}
#examMain .btn_fold4.on::after {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
#examMain .btn_download3 {display:inline-block; min-width:6rem; padding-top:6rem; font-size:1.4rem; color:#898989;}
#examMain .btn_download3.color1 {background:url('/user/img/exam/btn_down01.png') no-repeat center 0 / 4.9rem auto;}
#examMain .btn_download3.color2 {background:url('/user/img/exam/btn_down02.png') no-repeat center 0 / 4.9rem auto;}
#examMain .btn_download3.color3 {background:url('/user/img/exam/btn_down03.png') no-repeat center 0 / 4.9rem auto;}
#examMain .btn_download3.disabled {background:url('/user/img/exam/btn_down_disabled.png') no-repeat center 0 / 4.9rem auto;}
#examMain .btn_download3 .version {font-size:1.2rem; font-weight:400; color:#898989;}
#examMain .btn_download3 span {display:block;}
#examMain .btn_download3 span:only-child {line-height:3rem;}
#examMain .btn_test {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:2.4rem; padding:0 1.5rem; border-radius:10px; background:#424242; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_test:before {display:inline-block; width:0.7rem; height:0.9rem; margin-right:0.5rem; background:url('/user/img/exam/ico_triangle.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_test span {font-size:1.2rem; font-weight:400; color:#fff;}
#examMain [class^='btn_util_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:2.4rem; padding:0 1.1rem; border-radius:12px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.2rem; font-weight:400; color:#fff;}
#examMain .btn_util_dark {background:#919191; border-radius:0;}
#examMain .btn_util_gray {background:#ebebeb; color:#898989;}
#examMain .btn_util_gray2 {border:1px solid #dbdbdb; background:#e8e8e8; color:#a0a0a0;}
#examMain .btn_util_red {border:1px solid #fe5b5c; color:#fe5b5c; border-radius:0;}
#examMain .btn_util_navy {background:#8e989e; color:#fff;}
#examMain .btn_tempSave {overflow:hidden; display:inline-block; line-height:1; height:2.6rem;}
#examMain .btn_tempSave &gt; span {padding-bottom:0.2rem; border-bottom:1px solid #a7a7a7; color:#666666; font-weight:400;}

#examMain .btn_form {padding:0 1rem; height:3.2rem; border:1px solid #ccc; line-height:3rem; font-size:1.4rem; font-weight:400; color:#000; background-color:#fff;}
#examMain .drop_tempSave .btn_drop {overflow:hidden; display:inline-block; line-height:1; height:2.6rem;}
#examMain .drop_tempSave .btn_drop &gt; span {padding-bottom:0.2rem; border-bottom:1px solid #a7a7a7; color:#666666; font-weight:400;}
#examMain .btn_remove {width:2rem; height:2rem; overflow:hidden; background:url(/user/img/exam/btn_remove.png) no-repeat center center / 100% auto;}
#examMain .btn_remove span {display:block; text-indent:-9999px;}
#examMain .btn_feel {width:2rem; height:2rem; background:url(/user/img/exam/btn_feel_black.png) no-repeat center center / 100% auto;}
#examMain .btn_feel span {display:block; text-indent:-9999px;}
#examMain .btn_setup {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_setup:before {display:inline-block; width:1.8rem; height:1.8rem; margin:0.1rem 0.6rem 0 0; background:url('/user/img/exam/ico_setup.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_setup span {font-size:1.7rem; color:#0b408a;}
#examMain [class^='btn_popup_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; min-width:18rem; height:5rem; border:1px solid #e3e3e3; background:#f6f4f5; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#examMain [class^='btn_popup_'] span {font-size:1.6rem; color:#173c71;}
#examMain .btn_popup_class::before {display:inline-block; width:1.8rem; height:1.8rem; margin-right:1rem; background:url('/user/img/exam/ico_play3.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_popup_test::before {display:inline-block; width:1.7rem; height:1.7rem; margin-right:1rem; background:url('/user/img/exam/ico_pencil.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_lec_set2 span {display:inline-block; width:2.4rem; height:2.4rem; overflow: hidden; background:url('/user/img/exam/ico_lec_set02.png') no-repeat center center / 100% auto; text-indent:-9999px;}
#examMain [class^='btn_share_'] {text-align:center;}
#examMain [class^='btn_share_']:before {display:inline-block; width:4rem; height:4rem; border-radius:50%; background:#334075 url('/user/img/exam/ico_share_pop.png') no-repeat; background-size:auto 4rem;  content:'';}
#examMain [class^='btn_share_'] span {display:block; margin-top:1rem; font-size:1.4rem; font-weight:400; text-align:center;}
#examMain .btn_share_facebook:before {background-position:0 50%;}
#examMain .btn_share_twitter:before {background-position:-4rem 50%;}
#examMain .btn_share_band:before {background-position:-8rem 50%;}
#examMain .btn_share_kakao:before {background-position:-12rem 50%;}
#examMain .btn_share_url:before {background-position:-16rem 50%;}
#examMain .btn_share_instagram:before {background:#334075 url('/user/img/exam/ico_sns_all.png') no-repeat -5.5rem 50%; background-size:auto 2rem;}
#examMain .btn_share_blog:before {background:#334075 url('/user/img/exam/ico_sns_all.png') no-repeat -11.8rem 50%; background-size:auto 2rem;}

#examMain .btn_play2 {width:2rem; height:2.1rem;}
#examMain .btn_play2 span {display:inline-block; width:1.2rem; height:1.5rem; background:url(/user/img/exam/btn_play2.png) no-repeat center center / 100% auto; text-indent:-9999px; overflow:hidden;}
#examMain .btn_s_round {display:inline-block; min-width:6rem; height:3rem; padding:0 1rem; border:1px solid #577dd0; border-radius:2rem; font-size:1.4rem; color:#577dd0; text-align:center; line-height:2.6rem;}
#examMain .btn_manage {display:inline-block; width:1.9rem; height:1.9rem; background:url('/user/img/exam/ico_wheel.png') no-repeat; text-indent:-9999px;}
#examMain .btn_message {display:inline-block; width:2.2rem; height:2.2rem; background:url('/user/img/exam/ico_messege.png') no-repeat; text-indent:-9999px; background-size:100%;}
#examMain .btn_message.new {width:2.5rem; height:2.4rem; background:url('/user/img/exam/ico_messege_n.png') no-repeat;background-size:100%;}
#examMain .btn_modify {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:2rem; overflow: hidden; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_modify span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#bdbdbd; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_modify span:before {display:inline-block; width:1.2rem; height:1.3rem; margin-right:0.5rem; background:url('/user/img/exam/ico_pencil03.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_modify2 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:auto; overflow: hidden; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_modify2 span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#666; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:1.3;}
#examMain .btn_modify2 span:before {display:inline-block; width:0.9rem; height:1.3rem; margin-right:0.5rem; background:url('/user/img/exam/ico_pencil04.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_modify3 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; height:auto; overflow: hidden; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_modify3 span::before {display:inline-block; width:1.8rem; height:1.8rem; background:url('/user/img/exam/ico_pencil05.png') no-repeat; background-size:100%; content:'';}
#examMain .btn_profile {background:#666869;color:#fff;height:3rem; padding:0 1rem; font-weight:400;}
#examMain .btn_profile span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; line-height:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_profile span::before {content:''; display:inline-block; margin-right:1rem; position:relative;}
#examMain .btn_profile &gt; span::before {width:1.5rem; height:1.5rem; background:url(/user/img/exam/icon_profile.png) no-repeat 0 0 / 100% 100%;}
#examMain .btn_introvideo {background:#666869;color:#fff;height:3rem; padding:0 1rem; font-weight:400;}
#examMain .btn_introvideo span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; line-height:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .btn_introvideo span::before {content:''; display:inline-block; margin-right:1rem; position:relative;}
#examMain .btn_introvideo &gt; span::before {top:1px; width:1.4rem; height:1.4rem; background:url(/user/img/exam/icon_introvideo.png) no-repeat 0 0 / 100% 100%;}

#examMain .btn_program {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; height:14rem; padding:0 4rem; border:1px solid #dbdbdb; background:#fafafa; font-size:2.4rem; color:#666; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
#examMain .btn_program span{line-height:1;} 
#examMain .btn_program::before {display:inline-block; width:6rem; height:6rem; margin-right:2rem; content:''; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .btn_program.btn_hwp::before {background:url(../images/ebs_helper/ico_hwp.png) no-repeat 0 0 / 100% 100%;}
#examMain .btn_program.btn_acrobat::before {background:url(../images/ebs_helper/ico_acrobat.png) no-repeat 0 0 / 100% 100%;}
#examMain .btn_program.btn_ebs_smart::before {display:none;}
#examMain .btn_program.btn_ebs_pdf::before {background:url(../images/ebs_helper/ico_ebsiPdf.png) no-repeat 0 0 / 100% 100%;}
#examMain .btn_program::after {display:inline-block; position: absolute; width:3.4rem; height:4rem; top:50%; right:3.4rem; margin-top:-2rem; background:url(/user/img/exam/ico_download6.png) no-repeat 0 -4rem / 100% auto; content:''; -webkit-box-flex:0; -ms-flex:none; flex:none;}
#examMain .btn_program:focus,
#examMain .btn_program:hover {border-color:#577dd0; background:#f1f9fd;} 
#examMain .btn_program:focus::after,
#examMain .btn_program:hover::after {background:url(/user/img/exam/ico_download6.png) no-repeat 0 top / 100% auto;}
#examMain .btn_preview {width:2.2rem; height:2.2rem; background:url('/user/img/exam/ico_preview.png') no-repeat center center / 1.8rem auto; text-indent:-9999px;}

#examMain .btn_lock {width:2.4rem; height:2.5rem; background:url('/user/img/exam/btn_lock.png') no-repeat center center / 100% auto; text-indent:-9999px;}
#examMain .btn_lock.on {background:url('/user/img/exam/btn_lock_on.png') no-repeat center center / 100% auto;}

#examMain .btn_ebook {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; position:relative; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:3rem; width:8.4rem; background:#728196;}
#examMain .btn_ebook span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#fff;}
#examMain .btn_ebook span:before {display:inline-block; position:relative; width:2.2rem; height:1.8rem; margin-right:0.5rem; background:url('/user/img/exam/btn_eBook.png') no-repeat; content:""; background-size:100%;}

#examMain .btn_arrow_down {display:inline-block; width:3rem; height:3rem; line-height:3rem; position:relative; background:#334075; border-radius:50%;}
#examMain .btn_arrow_down:before {content:''; display:inline-block; width:1.5rem; height:1.4rem; background:url(/user/img/exam/icon_arrow_down.png) no-repeat; background-size:100% 100%; margin-top: .8rem;}
#examMain .btn_arrow_down span {font-size:0;}
#examMain .btn_arrow_down.btn_off {background:#ababab;} 

#examMain .ico_alim {display:block; position:relative; width:2rem; height:2.3rem; margin-right:3.2rem; background:url(/user/img/exam/ico_alimi3.png) no-repeat center center;}
#examMain .ico_alim i {display:inline-block; position:absolute; left:100%; top:-0.8rem; margin-left:-1rem; height:2.3rem; padding:0 0.7rem; line-height:2.3rem; color:#fff; background-color:#ff5b5b; border-radius:2rem; font-style:normal; font-size:1.6rem; font-weight:500; text-align:center;}/* 2021-04-06 수정 */

#examMain .logo_danchoo_type01 {display:inline-flex; align-items:center; font-size:0; width:12.6rem; height:1.8rem; background:url('../images/alllecture/logo_danchoo02.png') no-repeat; background-size:100% 100%; margin-right:1rem;}/* 2022-11-03 수정 */

/* tablet */
@media screen and (max-width: 1023px) {
#examMain .btn_wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}

#examMain [class^='btn_XXL_col'] {height:7rem; font-size:2.8rem; line-height:6.8rem;}
#examMain [class^='btn_XL_col'] {min-width:17rem; min-height:7rem; margin-right:1rem; margin-bottom:1rem; padding:0 2rem; font-size:2.4rem; line-height:6.8rem; }
#examMain [class^='btn_L_col'] {min-width:12.8rem; min-height:7rem; font-size:2.4rem; line-height:6.8rem;} /* 2023-12-01 수정 */
#examMain [class^='btn_M_col']  {min-height:4.8rem; font-size:2.4rem; line-height:4.6rem;}
#examMain [class^='btn_S_col']  {min-height:3.8rem; font-size:2.2rem; line-height:calc(3.8rem - 2px);}
#examMain [class^='btn_XS_col'] {min-height:3.8rem; font-size:2.2rem; line-height:calc(3.8rem - 2px); padding-bottom:0.2rem;}
#examMain .btn_XS_col2.round {border-radius:3rem;}

#examMain .btn_L_col_textbook:before {width:2rem; height:2.2rem; margin:-0.1rem 1rem 0 0; background-size:2rem 2.2rem;}
#examMain .btn_L_col2.has_down:after {width:2rem; height:2.3rem; margin-left:1rem; background:url('/user/img/exam/ico_download4_m.png') no-repeat; background-size:100% 100%;}
#examMain .btn_L_col9.has_aos:before {width:1.9rem; height:2.3rem; margin-right:1rem; background:url('/user/img/exam/ico_aos_m.png') no-repeat;}
#examMain .btn_L_col9.has_ios:before {width:1.6rem; height:2.1rem; margin-right:1rem; background:url('/user/img/exam/ico_ios_m.png') no-repeat;}
#examMain .btn_L_col10.has_play {padding:0 2.4rem; font-size:2.4rem;}
#examMain .btn_L_col10.has_play:before {width:3rem; height:3rem;}
#examMain .btn_M_col1.has_search span::before {width:2.4rem; height:2.4rem; background-size:100%;}

#examMain .btn_XL_col12 {min-width:30rem;}/* 2023-05-10 수정 */

#examMain .btn_form {font-size:2.4rem; height:5rem; padding:0 2rem; line-height:calc(5rem - 2px);}
#examMain .btn_text_more {font-size:1.7rem;}
#examMain .btn_text_more:after {width:1rem; height:1rem; margin:-0.3rem 0 0 0.8rem; background-size:1rem 1rem;}
#examMain .btn_search {width:6.6rem; height:5rem; background-size:2.6rem 2.6rem;}
#examMain .btn_search2 {width:6.6rem; height:8rem; background-size:2.6rem 2.6rem;}
#examMain .btn_order span {height:3rem; line-height:3rem; font-size:2.4rem;}
#examMain .btn_order + .btn_order {margin-left:4rem;}
#examMain .btn_order + .btn_order:before {height:2rem; top:1.2rem; left:-2rem;}
#examMain .btn_print {display:none;}
#examMain .btn_print span {font-size:2.4rem;}
#examMain .btn_print span:before {width:2.6rem; height:2.6rem; background-image:url(/user/img/exam/ico_print_m.png);}
#examMain .btn_print3 {height:auto;}/* 2023-08-08 수정 */
#examMain .btn_print3 span {font-size:2.4rem;}/* 2023-08-08 수정 */
#examMain .btn_question {height:3.2rem;}
#examMain .btn_question:before {width:2.4rem; height:2.4rem; margin-right:0.8rem; top:0.4rem;}
#examMain .btn_question span {font-size:2.4rem;}
#examMain .btn_question2 {width:3.2rem; height:3.2rem;}
#examMain .btn_question3 {height:3rem; font-size:1.6rem;}/* 2022-11-03 수정 */
#examMain .btn_question3:after {width:3rem; height:3rem; line-height:2.8rem;}/* 2022-11-03 수정 */
#examMain .btn_question4:after {width:4rem; height:4rem;}/* 2023-04-18 수정 */
#examMain .btn_question4 span {font-size:2.4rem;}/* 2023-04-18 수정 */
    
#examMain .btn_text_check:before {width:3rem; height:2.2rem; background-size:100%;}
#examMain .btn_text_check span {margin-left:1rem; font-size:2.6rem;}
#examMain .btn_comment_reg {width:12rem; height:20rem;}
#examMain .btn_comment_reg span {font-size:2.6rem;}
#examMain .btn_download {width:2rem; height:2rem; background-size:2rem 2rem;}
    /*.btn_download2 {font-size:2.4rem;}
#examMain .btn_download2 span::before {width:1.8rem; height:2.2rem; margin-right:1rem; background-image:url(/user/img/exam/btn_download2_m.png);} 2023-02-23 수정 */
#examMain .btn_download2 {height:4.2rem; font-size:2.4rem; padding:0 1rem;}/* 2023-02-23 수정 */
#examMain .btn_download2 span {font-size:2.4rem;}/* 2023-02-23 수정 */
#examMain .btn_download2 span::before {width:2.2rem; height:2.2rem; margin-right:1rem;}/* 2023-02-23 수정 */
#examMain .btn_download3 {min-width:9rem; padding-top:7.5rem; font-size:2.4rem;}
#examMain .btn_download3.color1 {background:url('/user/img/exam/btn_down01_m.png') no-repeat center 0 / 6.6rem auto;}
#examMain .btn_download3.color2 {background:url('/user/img/exam/btn_down02_m.png') no-repeat center 0 / 6.6rem auto;}
#examMain .btn_download3.color3 {background:url('/user/img/exam/btn_down03_m.png') no-repeat center 0 / 6.6rem auto;}
#examMain .btn_download3.disabled {background:url('/user/img/exam/btn_down_disabled_m.png') no-repeat center 0 / 6.6rem auto;}
#examMain .btn_download3 .version {font-size:2rem;}
#examMain .btn_download3 span {line-height:1;}
#examMain .btn_download3 span:only-child {line-height:4rem;}
#examMain .btn_refresh span,
#examMain .btn_download4 span {font-size:2.4rem;}
#examMain .btn_refresh span:before {width:4.6rem; height:4.6rem; margin-bottom:1rem; background:url('/user/img/exam/ico_refresh2.png') no-repeat center center / 3rem auto;}
#examMain .btn_download4 span:before {width:4.6rem; height:4.6rem; margin-bottom:1rem; background:url('/user/img/exam/ico_pdf_down_m.png') no-repeat center center / 3rem auto;}
#examMain .btn_download5 {width:4rem; height:4rem;}
#examMain .btn_download6 {padding:0.5rem;}
#examMain .btn_download6 span::before {width:5rem; height:5rem; background-image:url('/user/img/exam/btn_download3.png');}
#examMain .btn_pdf {width:3.4rem; height:3.4rem; background-size:100%;}
#examMain .btn_pdf2 {height:4.2rem; padding:0 1rem;}/* 2023-02-23 수정 */
#examMain .btn_pdf2 span {font-size:2.4rem;}/* 2023-02-23 수정 */
#examMain .btn_pdf2 span::before {width:2.2rem; height:2.5rem; margin-right:1rem;}/* 2023-02-23 수정 */

#examMain .btn_down2 {padding:1rem; height:5rem;}/* 2023-06-15 추가 */
#examMain .btn_down2 span {display:flex; justify-content:center; align-items:center;font-size:2rem;}/* 2023-06-15 추가 */
#examMain .btn_down2 span::before {width:1.4rem; height:1.7rem; margin-right:1rem;}/* 2023-06-15 추가 */


#examMain .btn_buy {width:6rem; height:6rem; background-size:100%; background-image:url(/user/img/exam/btn_buy_m.png); border:1px solid #e1e1e1;}
#examMain .btn_buy2 span {width:5rem; height:5rem;}
#examMain .btn_buy2 span::before {background-size:100%; background-image:url(/user/img/exam/btn_buy2_m.png);}
#examMain .btn_zoom {width:6rem; height:6rem; background-size:100%; background-image:url(/user/img/exam/btn_zoom_m.png); border:1px solid #e1e1e1;}
#examMain .btn_text span {font-size:2.4rem; line-height:1.3;}/* 2021-04-01 수정 */
#examMain .btn_arrow {min-width:36rem; min-height:8rem;}
#examMain .btn_arrow span {font-size:2.6rem;}
#examMain .btn_arrow span:after {width:1.4rem; height:2.4rem;}
#examMain .btn_share span {font-size:2.4rem;}
#examMain .btn_share span:after {width:1.8rem; height:2rem;}
#examMain .btn_test {height:3.6rem; padding:0 2.2rem; border-radius:2rem;}
#examMain .btn_test:before {width:1rem; height:1.4rem; margin-right:1rem;}
#examMain .btn_test span {font-size:2.4rem;}
#examMain .btn_fold {height:3rem; font-size:2.4rem; line-height:1;}
#examMain .btn_fold::after {width:3rem; height:3rem; margin-left:0.7rem; background:#666 url(/user/img/exam/ico_carat_toggle_m.png) no-repeat center center / 1.1rem auto;}
#examMain .btn_fold2 {width:29rem; height:7rem; padding:0 2rem; font-size:2.6rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
#examMain .btn_fold2::after {width:2.4rem; height:1.2rem; background:url('/user/img/exam/ico_carat_toggle2_m.png') no-repeat 0 0 / 100% auto;}
#examMain .btn_fold3 {height:4rem; border-radius:2rem;}
#examMain .btn_fold3 span {font-size:2.4rem;}
#examMain .btn_share4 span {font-size:2.4rem;}
#examMain .btn_share4 span:after {width:1.8rem; height:2.2rem;}
#examMain .btn_utils span {width:0.8rem; height:2.8rem;}
#examMain .btn_share3 {display:inline-block;}
#examMain .btn_share3 span {font-size:2.6rem}
#examMain .btn_share3 span:after {width:4.6rem; height:4.6rem; background:#e0e0e0 url('/user/img/exam/ico_share_gray.png') no-repeat center center / 2.1rem auto; content:'';}
#examMain .btn_share5 span {font-size:2.4rem;}
#examMain .btn_share5 span:after {width:1.7rem; height:2.1rem; margin-left:0.7rem; background-image:url('/user/img/exam/ico_share_black_m.png');}
    
#examMain .btn_text_more2 { font-size:2.4rem;}
#examMain .btn_text_more2:after {width:1.4rem; height:1.4rem; background-image:url('/user/img/exam/ico_plus_m.png');}
#examMain .btn_text_extend {font-size:2.4rem;}
#examMain .btn_text_extend::after {width:2.4rem; height:1rem;}
#examMain .btn_feel {width:2.4rem; height:2.4rem;}
#examMain .btn_remove {width:4rem; height:4rem; background-size:100% 100%; background-image:url('/user/img/exam/btn_remove_m.png');}
#examMain .btn_modify {height:4rem;}
#examMain .btn_modify span {font-size:2.4rem;}
#examMain .btn_modify span:before {width:2rem; height:2.2rem; margin-right:1rem; content:'';}
#examMain .btn_modify3 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; width:3rem; height:3rem;}
#examMain .btn_modify3 span::before {width:2.4rem; height:2.4rem; background-image:url('/user/img/exam/ico_pencil05_m.png')}
#examMain .btn_L_col11.has_pencil:before {width:1.9rem; height:2.1rem;}
#examMain .btn_L_col11.has_man:before {width:2.8rem; height:2.2rem;}

#examMain [class^='btn_popup_'] {height:6.4rem;}
#examMain [class^='btn_popup_'] span {font-size:2.4rem;}
#examMain .btn_popup_class::before {width:2.5rem; height:2.5rem; margin-right:0.7rem; background:url('/user/img/exam/ico_play3_m.png') no-repeat 0 0 / 100% auto;}
#examMain .btn_popup_test::before {width:1.9rem; height:2rem; margin-right:0.5rem; background:url('/user/img/exam/ico_pencil_m.png') no-repeat 0 0 / 100% auto;}

#examMain [class^='btn_share_']:before {width:7.4rem; height:7.4rem; background-size:auto 7.4rem;  content:'';}
#examMain [class^='btn_share_'] span {display:none;}
#examMain .btn_share_facebook:before {background-position:0 50%;}
#examMain .btn_share_twitter:before {background-position:-7.4rem 50%;}
#examMain .btn_share_band:before {background-position:-14.8rem 50%;}
#examMain .btn_share_kakao:before {background-position:-22.2rem 50%;}
#examMain .btn_share_url:before {background-position:-29.6rem 50%;}
#examMain .btn_share_instagram:before {background-position:-9.5rem 50%; background-size:auto 3.5rem;}
#examMain .btn_share_blog:before {background-position:-20.8rem 50%; background-size:auto 3.5rem;}


#examMain .btn_view {font-size:2.8rem;}
#examMain .btn_webview {height:4.2rem; padding:0 1rem;}/* 2023-02-23 수정 */
#examMain .btn_webview span {font-size:2.4rem;}/* 2023-02-23 수정 */
#examMain .btn_webview span::before {width:2.2rem; height:2.4rem; margin-right:1rem;}/* 2023-02-23 수정 */
#examMain .btn_s_round {height:4.6rem; min-width:15rem; padding:0 3rem; line-height:3.8rem; font-size:2.4rem; border-radius:3rem;}
#examMain .btn_manage {width:3rem; height:3rem; background:url('/user/img/exam/ico_wheel_m.png') no-repeat;}

#examMain .btn_message {width:3rem; height:2.7rem; background:url('/user/img/exam/ico_messege_m.png') no-repeat center center / 100% auto;}
#examMain .btn_message.new {background:url('/user/img/exam/ico_messege_n_m.png') no-repeat center center / 100% auto;}
#examMain .btn_profile {width:17rem; height:5rem; font-size:2.4rem;}
#examMain .btn_profile &gt; span::before {width:2.5rem; height:2.2rem; background-image:url(/user/img/exam/icon_profile_m.png);}
#examMain .btn_introvideo {width:17rem; height:5rem; font-size:2.4rem;}
#examMain .btn_introvideo &gt; span::before {width:2.5rem; height:2.2rem; background-image:url(/user/img/exam/icon_introvideo_m.png);}

#examMain .btn_program {height:15rem; padding:0 8rem 0 3rem; font-size:3.2rem;}
#examMain .btn_program span::before {width:10rem; height:10rem;}
#examMain .btn_program.btn_hwp span::before {background:url(../images/ebs_helper/ico_hwp_m.png) no-repeat 0 0 / 100% 100%;}
#examMain .btn_program.btn_acrobat span::before {background:url(../images/ebs_helper/ico_acrobat_m.png) no-repeat 0 0 / 100% 100%;}

#examMain .btn_preview {width:2.6rem; height:2.6rem; background:url('/user/img/exam/ico_preview_m.png') no-repeat center center / 2.3rem auto;}

#examMain [class^='btn_util_'] {font-size:2.4rem; line-height:1; height:4.8rem; border-radius:3rem;}
#examMain .btn_lec_set2 span {width:3.6rem; height:3.6rem; background-image:url('/user/img/exam/ico_lec_set02_m.png')}

#examMain .ico_alim {min-width:3.6rem; height:4rem; margin-right:4rem; background-image:url(/user/img/exam/ico_alimi3_m.png); background-size:100% auto;}
#examMain .ico_alim i {top:-1.4rem; min-width:4rem; height:4rem; padding:0 1rem; margin-left:-2rem; line-height:3.8rem; font-size:2.4rem;}
#examMain .btn_question:after {width:3.2rem; height:3.2rem; background:url('/user/img/exam/ico_question_m.png') no-repeat center center / 100% auto;}

#examMain .btn_option {width:3rem; height:3rem;}
#examMain .btn_option span {width:2.7rem; height:2.7rem; background-image:url(/user/img/exam/btn_list_type_m.png); background-size:5.6rem auto;}

#examMain .btn_ebook {width:10rem; height:4.2rem; line-height:1;}
#examMain .btn_ebook span {font-size:2.4rem;}
#examMain .btn_ebook span:before {width:3.1rem; height:2.6rem;}

#examMain .logo_danchoo_type01 {width:16.8rem; height:2.4rem;}/* 2022-11-03 수정 */
#examMain [class^='btn_XL_col'].text_flex {display:inline-flex; align-items:center;}
}

/* mobile */
@media screen and (max-width: 719px) {
    
}

/* -------------------------- bullet -------------------------- */
/* PC  */
#examMain .bul {display:block; position:relative;}
#examMain .bul &gt; li {display:block; position:relative; padding-left:1.4rem; font-size:1.6rem; font-weight:400; color:#424242; line-height:2.2rem;}
#examMain .bul &gt; li:before {display:block; position:absolute; content:'';}
#examMain .bul &gt; li + li {margin-top:0.3rem;}
#examMain .bul &gt; li .f_18 {font-size:1.8rem;}/* 2022-01-24 수정 */
#examMain .bul &gt; li .f_20 {font-size:2rem;}/* 2022-01-24 수정 */

#examMain .bul.bul_dot li:before {width:0.4rem; height:0.4rem; top:1rem; left:0; border-radius:50%; background:#9e9e9e;}
#examMain .bul.bul_dot li.pointTxt {color:#ff5b5b;}
#examMain .bul.bul_dot li.pointTxt:before {background:#ff5b5b;}
#examMain .bul.bul_dot.color_gray li:before {background:#919191;}
#examMain .bul.bul_dot li.gap {margin-top:3rem;}
#examMain .bul.bul_dot.type_guide li:before {top:1.2rem;}
#examMain .bul.bul_dot.type_guide li {font-size:1.6rem; color:#424242; line-height:2.6rem;}
#examMain .bul.bul_dot2 li {padding-left:1.2rem;}
#examMain .bul.bul_dot2 li:before {width:0.4rem; height:0.4rem; top:1.1rem; left:0rem; border-radius:50%; background:#9e9e9e;}
#examMain .bul.bul_dot2.color_black li {color:#000;}
#examMain .bul.bul_dot2.color_black li:before {background:#000;}
#examMain .bul.bul_dot2.color_darkgray li {color:#424242;}
#examMain .bul.bul_dot2.color_darkgray li:before {background:#424242;}
#examMain .bul.bul_dot3 li {font-size:1.6rem; color:#212121; line-height:2.2rem;}
#examMain .bul.bul_dot3 &gt; li + li {margin-top:1rem;}
#examMain .bul.bul_dot3 li:before {width:0.5rem; height:0.5rem; top:1.1rem; left:0.4rem; border-radius:50%; background:#9e9e9e;}
#examMain .bul &gt; li .f-point {font-size:1.6rem; color:red;} /* 2022-07-19 추가 */
#examMain .bul.bul_dot4 li {font-size:1.6rem; color:#666; line-height:2.2rem;}
#examMain .bul.bul_dot4 &gt; li + li {margin-top:0.5rem;}
#examMain .bul.bul_dot4 li:before {width:0.3rem; height:0.3rem; top:1.1rem; left:0.4rem; border-radius:50%; background:#666;}
#examMain .bul.bul_dot4.userPerInfo {padding:3rem 1.5rem; border-bottom:1px solid #ececec;}
#examMain .bul.bul_dot4.userPerInfo li {color:#000;}
#examMain .bul.bul_dot4.userPerInfo li &gt; span {color:#FF5B5B;}
#examMain .bul.bul_dot4.userPerInfo + .userPerInfo_checbox {margin:3rem 0 -2rem 2rem;}
#examMain .bul.bul_refer li {padding-left:2rem; color:#898989;}
#examMain .bul.bul_refer li:before {top:0; left:0; content:'※';}
#examMain .bul.bul_refer.red li,
#examMain .bul.bul_refer.red li:before {color:#ff5b5b;}
#examMain .bul.bul_refer .none {padding-left:0;}/* 2021-08-06 수정 */
#examMain .bul.bul_refer .none:before {display:none;}/* 2021-08-06 수정 */
#examMain .bul.bul_refer .red {color:#ff0000;}/* 2021-08-06 수정 */
#examMain .bul.bul_refer .blue {color:#2968c1;}
#examMain .bul.bul_star li {color:#898989; padding-left:1rem; line-height:2rem;}
/* .bul.bul_star li + li {margin-top:0;} */
#examMain .bul.bul_star li:before {top:0.3rem; left:0; content:'*';}
#examMain .bul.bul_num li {padding-left:2.4rem;}
#examMain .bul.bul_num li .num {display:inline-block; position:absolute; left:0; font-weight:400; color:#212121;}
#examMain .bul.bul_num li.primary,
#examMain .bul.bul_num li.primary .num {color:#2968c1;}
#examMain .bul.bul_num2 {margin:1rem 0;}
#examMain .bul.bul_num2 li {padding-left:1.4rem; font-size:1.4rem;}
#examMain .bul.bul_num2 li strong.font_red {font-size:1.8rem;}
#examMain .bul.bul_num2 li .num {display:inline-block; position:absolute; left:0}
#examMain .bul li .f-point {font-size:1.8rem;color:red; font-weight:bold;}/* 2022-08-12 추가 | 2023-08-07 수정 */
#examMain .bul.bul_num3 li {padding-left:1.4rem; font-size:1.6rem; color:#000;}
#examMain .bul.bul_num3 li .num {display:inline-block; position:absolute; left:0}
#examMain .bul.bul_list li {font-size:1.3rem; margin-top:.5rem; padding-left:0;}/* 2021-04-25 수정 */
#examMain .bul.bul_list li:first-child {margin-top:0;}/* 2021-04-25 수정 */
#examMain .bul_list dt {margin-bottom:1rem; font-size:1.3rem; line-height:1.4;}/* 2021-04-25 수정 */
#examMain .bul_list dd {font-size:1.3rem; margin-top:.5rem; line-height:1.4;}/* 2021-04-25 수정 */
#examMain .bul_list dd:first-child {margin-top:0;}/* 2021-04-25 수정 */

#examMain .bul_tit {margin-bottom:0.5rem; color:#212121; font-size:1.6rem; font-weight:bold;}

#examMain .bul.bul_feel p {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:1.8rem;}
#examMain .bul.bul_feel p::before {content:''; -webkit-box-flex:0; -ms-flex:none; flex:none; display:inline-block; width:2rem; height:2rem; margin:-0.2rem 0.8rem 0 0;}
#examMain .bul.bul_feel.blue p {color:#2968c1;}
#examMain .bul.bul_feel.blue p::before {background:url(/user/img/exam/ico_feel_blue.png) no-repeat center center;}
#examMain .bul.bul_feel + .bul_dot,
#examMain .bul.bul_feel + .bul_num {margin-top:1.5rem;}

#examMain .bul.bul_feel.sm p {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; font-size:1.4rem; font-weight:400; line-height:1.4rem;}
#examMain .bul.bul_feel.sm p::before {content:''; display:inline-block; width:1.4rem; height:1.4rem; margin-right:0.6rem; margin-top:0.1rem;}
#examMain .bul.bul_feel.sm.gray p {color:#919191;}
#examMain .bul.bul_feel.sm.gray p::before {background:url(/user/img/exam/ico_feel_gray_sm.png) no-repeat center center;}

#examMain .bul.bul_bill {margin-top:2rem;}
#examMain .bul.bul_bill p {display:-webkit-box;display:-ms-flexbox;display:flex; color:#666666; font-weight:400; font-size:1.4rem; line-height: 1.5;}
#examMain .bul.bul_bill p::before {content:'※'; margin-right:0.4rem;}

#examMain .bul.bul_hypen {margin-top:2rem;}
#examMain .bul.bul_hypen li,
#examMain .bul.bul_hypen p {display:-webkit-box;display:-ms-flexbox;display:flex; padding-left:0.8rem; color:#9e9e9e; font-weight:400; font-size:1.4rem; line-height: 1.5;}
#examMain .bul.bul_hypen li::before,
#examMain .bul.bul_hypen p::before {content:'-'; top:-1px; left:0; color:#9e9e9e;}

#examMain .bul_choice li {font-size:1.4rem;}
#examMain .bul_choice li::before {position: absolute; left:0; top:0;}
#examMain .bul_choice li:nth-child(1):before {content:'①'}
#examMain .bul_choice li:nth-child(2):before {content:'②'}
#examMain .bul_choice li:nth-child(3):before {content:'③'}
#examMain .bul_choice li:nth-child(4):before {content:'④'}
#examMain .bul_choice li:nth-child(5):before {content:'⑤'}

#examMain .row_block {margin:3.5rem 0;}

#examMain .theView_btn {position:relative; text-align:center; font-size:1.4rem; color:#fff; padding:0.2rem 1.4rem 0.2rem 1.6rem; background-color:#577dd0; border-radius:1.5rem;}
#examMain .theView_btn:after {content:''; display:inline-block; margin:-3px 0 0 5px; width:7px; height:7px; background:url(/user/img/exam/bullet_plus_white.png) no-repeat center center; vertical-align:middle;}

/* tablet */
@media screen and (max-width: 1023px) {
#examMain .bul li, 
#examMain .bul.bul_num3 li {padding-left:1.9rem; font-size:2.4rem; line-height:3.4rem;}
#examMain .bul &gt; li .f_18 {font-size:2.8rem;}/* 2022-01-24 수정 */
#examMain .bul &gt; li .f_20 {font-size:3rem;}/* 2022-01-24 수정 */
#examMain .bul.bul_dot li {font-size:2.6rem;}
#examMain .bul.bul_dot li:before {width:0.6rem; height:0.6rem; top:1.6rem;}
#examMain .bul.bul_dot2 li {padding-left:2.2rem;}
#examMain .bul.bul_dot2 li:before {width:0.6rem; height:0.6rem; top:1.4rem; left:0.4rem;}
#examMain .bul.bul_dot3 li {padding-left:3rem; font-size:2.4rem; line-height:3.8rem;}
#examMain .bul.bul_dot3 &gt; li + li {margin-top:1rem;}
#examMain .bul.bul_dot3 li:before {width:1rem; height:1rem; top:1.5rem; left:0;}
#examMain .bul li .f-point {font-size:2.6rem;} /* 2022-08-12 추가 */
#examMain .bul.bul_dot4 li {font-size:2.6rem; line-height:3.6rem;}
#examMain .bul.bul_dot4 li:before {width:0.4rem; height:0.4rem; top:1.6rem;}
#examMain .bul.bul_refer li {padding-left:2.5rem;}

#examMain .bul.bul_num li {padding-left:4rem;}
#examMain .bul.bul_num li + li {margin-top:1.2rem;}
#examMain .bul.bul_num2 li {font-size:2.2rem; padding-left:2rem;}
#examMain .bul.bul_num2 li strong.font_red {font-size:2.4rem;}
#examMain .bul.bul_feel.blue {line-height:1.5;}
#examMain .bul.bul_feel.blue p {font-size:2.4rem;}
#examMain .bul.bul_feel.blue p::before {margin-top:0.4rem; width:2.6rem; height:2.6rem; background-image:url(/user/img/exam/ico_feel_blue_m.png); background-size:2.6rem 2.6rem;}
#examMain .bul.bul_list li {font-size:2.2rem; margin-top:1rem;}/* 2021-04-25 수정 */
#examMain .bul_list dt {margin-bottom:1.5rem; font-size:2.2rem;}/* 2021-04-25 수정 */
#examMain .bul_list dd {font-size:2.2rem; margin-top:1rem;}/* 2021-04-25 수정 */

#examMain .bul.bul_feel + .bul_dot {margin-top:2rem;}

#examMain .bul.bul_feel.sm p {font-size:2.2rem; line-height:2.8rem;}
#examMain .bul.bul_feel.sm.gray p::before {width:2.1rem; height:2.1rem; margin:0.4rem 0.5rem 0 0; background-size:100% auto;}

#examMain .bul_choice li {font-size:2.4rem; padding-left:3rem;}

#examMain .bul.bul_hypen li,
#examMain .bul.bul_hypen p {padding-left:1.4rem; font-size:2.4rem; line-height: 1.5;}

#examMain .bul.bul_star li {line-height:3.4rem;}

#examMain .theView_btn {font-size:2.4rem; padding:0 1.4rem 0.2rem 1.6rem; border-radius:2.4rem;}
#examMain .theView_btn:after {margin:-4px 0 0 4px;}
}

/* mobile */
@media screen and (max-width: 719px) {
}

/* -------------------------- popup 공용디자인 -------------------------- */
#examMain .modal .modal_content .name_chk {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3.5rem 0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .modal .modal_content .name_chk dt {font-size:1.6rem; color:#000021;}
#examMain .modal .modal_content .name_chk dd {margin-left:3rem; font-size:1.8rem; color:#1a5ab5;}
#examMain .modal .modal_content .cont_para {font-size:1.8rem; font-weight:400; color:#666; line-height:2.6rem;}
#examMain .modal .modal_content .cont_para + .box_gray {margin-top:2rem;}

/* 공유하기 팝업 */
#examMain .modal_share .modal_container {overflow:hidden;}
#examMain .modal .share_list {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:2rem;}
#examMain .modal .share_list li {-webkit-box-flex:1;-ms-flex:1;flex:1; text-align:center;}
#examMain .modal .share_list li:after {content:none;}

#examMain .modal .bul_group + .bul_group {margin-top:2.8rem;}
#examMain .modal .bul_group .tit {font-size:1.6rem; color:#212121;}
#examMain .modal .bul_group .tit + .bul {margin-top:1.5rem;}

/* 파일첨부 팝업 */
#examMain .modal_fileAdd .filebox {padding:2rem 0;}

/* 게시글 신고하기 팝업 */
#examMain .modal_declaration .box_gray + .reason_wrap {margin-top:3rem}
#examMain .modal_declaration .reason_wrap .tit {font-size:1.8rem; color:#000021; line-height:1;}
#examMain .modal_declaration .reason_wrap .sub_txt {margin-top:0.5rem; font-size:1.6rem; font-weight:400; color:#666; line-height:1;}
#examMain .modal_declaration .reason_wrap .tit_wrap + .reason_group {margin-top:1rem}
#examMain .modal_declaration .reason_wrap .reason_group {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0.5rem 0; border-top:1px solid #000; border-bottom:1px solid #dbdbdb;}
#examMain .modal_declaration .reason_wrap .reason_group .rdo_box {width:50%; padding:0.5rem 1rem;}
#examMain .modal_declaration .reason_wrap .reason_group .rdo_box + .rdo_box {margin-left:0}

/* 대입상담실 이용안내 팝업 */
#examMain .inforUse_popup_wrap {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:106;}
#examMain .inforUse_popup_wrap .popupInner {position:absolute;left:50%;top:50%;width:100%;max-width:56rem;border:1px solid #dcdcdc;background-color:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing:border-box;}
#examMain .inforUse_popup_wrap .popupInner .closeOneDay {width:50%;float:left;height:3.8rem;line-height:3.5rem;text-align:center;font-size:1.4rem;color:#333;border-top:1px solid #ccc;border-right:1px solid #ccc;background-color:#e5e5e5;box-sizing:border-box;}
#examMain .inforUse_popup_wrap .popupInner .closeOneDay #closeOneDay01 {margin-right:0.2rem;}
#examMain .inforUse_popup_wrap .popupInner .closeOneDay label {cursor:pointer;}
#examMain .inforUse_popup_wrap .popupInner .btnCloseBottom {width:50%;float:right;height:3.8rem;line-height:3.5rem;text-align:center;font-size:1.4rem;color:#333;border-top:1px solid #ccc;background-color:#e5e5e5;box-sizing:border-box;}

#examMain .inforUse_popup_wrap .popupInner .popupContents {position:relative;width:100%;padding:3rem 2rem 2rem 2rem;letter-spacing:-0.05rem;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupTit {width:100%;padding-bottom:3rem;text-align:center;font-weight:bold;font-size:3rem;color:#ff5b5b;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupDesc {width:100%;text-align:center;font-size:1.7rem;color:#333;line-height:1.6;letter-spacing:-0.06rem;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox {margin:1.5rem 0;padding:1rem 3rem;border-radius:1.8rem;background-color:#ececec;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li {padding:1rem 1.3rem;text-align:left;font-size:1.8rem;color:#333;border-bottom:1px dotted #c7c7c7;line-height:1.6;    letter-spacing: -0.05rem;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li:last-child {border-bottom:0;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li &gt; span.f-red {color:#ff0000;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li &gt; span.f-bg {position:relative;color:#333;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li &gt; span.f-bg:after {content:'';position:absolute;left:0;bottom:0.2rem;width:100%;height:1.2rem;background-color: rgba(254,0,0,0.2);}

/* popup_noti_txt_type01 | 2022-12-01 수정 */
#examMain .popup_noti_txt_type01 {padding:3rem 0 0; text-align:center; font-size:1.6rem; line-height:1.4;}
#examMain .popup_noti_txt_type01 .font_18 {font-size:2rem;}
#examMain .popup_noti_txt_type01 .color_violet {color:#a863ff;}
#examMain .sole_img {margin-top:4rem; padding:7rem 0 0; text-align:center; font-size:1.6rem; font-weight:400; color:#212121; line-height:1.3; background:url('../images/practiceTest/icon_popup_mayExam.png') no-repeat center top; background-size:92px auto;}
#examMain .sole_img .f_red {color:#df012b;}

/* tablet */
@media screen and (max-width: 1023px) {
    /* -------------------------- popup 공용디자인 -------------------------- */
#examMain .modal .modal_content .name_chk {padding:5rem 0;}
#examMain .modal .modal_content .name_chk dt {font-size:2.4rem; line-height:1;}
#examMain .modal .modal_content .name_chk dd {font-size:3rem; line-height:1;}

#examMain .modal_nameChk .bul.bul_refer li {font-size:2rem;}

#examMain .modal .bul_group .tit {font-size:2.4rem; line-height:1.3;}
#examMain .modal_wrap .modal_content .cont_para {font-size:2.6rem; line-height:1.6;}

    /* 게시글 신고하기 팝업 */
    /* .modal_wrap.small .modal.modal_declaration {width:100% !important;} */
#examMain .modal_declaration .reason_wrap .reason_group .rdo_box {width:100%; padding:1rem 1rem;}
#examMain .modal_declaration .reason_wrap .tit {font-size:2.6rem;}
#examMain .modal_declaration .reason_wrap .sub_txt {font-size:2.4rem; line-height:1.3;}

    /* 대입상담실 이용안내 팝업 */
#examMain .inforUse_popup_wrap .popupInner {max-width:57rem;}
#examMain .inforUse_popup_wrap .popupInner .closeOneDay {height:5rem;line-height:4rem;font-size:2rem;}
#examMain .inforUse_popup_wrap .popupInner .btnCloseBottom {height:5rem;line-height:4rem;font-size:2rem;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupDesc {font-size:2rem;line-height:1.4;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox {padding:1rem;}
#examMain .inforUse_popup_wrap .popupInner .popupContents .popupBox ul &gt; li {font-size:2rem;}

    /* popup_noti_txt_type01 | 2022-12-01 수정 */
#examMain .popup_noti_txt_type01 {padding:4rem 0 0; font-size:2.4rem;}
#examMain .popup_noti_txt_type01 .font_18 {font-size:2.8rem;}
#examMain .sole_img {margin-top:4rem; padding:10rem 0 0; font-size:2.4rem; line-height:1.3; background-size:80px auto;}
}

/* mobile */
@media screen and (max-width: 719px) {
    /* 대입상담실 이용안내 팝업 */
#examMain .inforUse_popup_wrap .popupInner {max-width:94%;}
}

/* -------------------------- etc -------------------------- */
/* 말줄임 */
#examMain .ellipsis {display:block; width:100%; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}

/* sns */
/* .title_wrap2 .sns_tit_wrap {float:right;}
#examMain .sns_tit_wrap {display:block;}
#examMain .sns_tit_wrap .sns {display:flex;}
#examMain .sns_tit_wrap .sns li + li {margin-left:0.6rem;}
#examMain .sns_tit_wrap .sns li a:before {content:''; display:inline-block; width:3rem; height:3rem; margin:0 auto; vertical-align:middle; border-radius:50%; background:#334075 url('/user/img/exam/ico_sns_all.png') no-repeat 0.8rem 50%; background-size:auto 1.3rem;}
#examMain .sns_tit_wrap .sns li.twiter a:before {background-position:-1.2rem 50%;}
#examMain .sns_tit_wrap .sns li.kakaost a:before {background-position:-13.7rem 50%;}
#examMain .sns_tit_wrap .sns li.link a:before {background-position:-15.6rem 50%;} */

#examMain .no_scroll {overflow:hidden;}

/* box */
#examMain .tab_slick + .box_gray {margin-top:3rem;}
#examMain .title_wrap2 + .box_gray {margin-top:2.4rem;}
#examMain .box_gray {display:block; position:relative; padding:3rem; border:1px solid #e4eded; background:#fafafa;}
#examMain .box_gray.type2 {padding:2rem; border:none;}
#examMain .box_gray.type2.has_line {border-top:1px solid #000;}
#examMain .box_gray + .btn_wrap {margin-top:2rem;}
#examMain .box_gray .bul_feel + .msg_area,
#examMain .box_gray .bul_feel + .bul_dot2 {margin-top:1rem;}
#examMain .box_gray .msg_area {font-size:1.6rem; font-weight:400; line-height:2.6rem; color:#424242;}
/* 2022-08-19 추가 */
#examMain .box_gray .msg_area.hiddenBox {width:100%;height:19rem;padding:1rem;overflow-y:auto;border:1px solid #e4eded;background-color:#fff;}
#examMain .box_gray .msg_area.hiddenBox p {position:relative;padding:0.2rem 0 0.2rem 2rem;font-size:1.6rem; font-weight:400; line-height:2.6rem; color:#424242;}
#examMain .box_gray .msg_area.hiddenBox p &gt; span {position:absolute;left:0;top:0.3rem;}
#examMain .box_gray .msg_area.hiddenBox p &gt; i {font-style:normal;color:#577DD0;}
#examMain .box_gray .msg_area.hiddenBox p.subTxt {padding-left:2.5rem;margin-left:2rem}
#examMain .box_gray .msg_area.hiddenBox p.subTxt &gt; span {position:absolute;left:0;top:0.3rem;}

/* tablet */
@media screen and (max-width: 1023px) {
    /* 2022-08-19 추가 */
#examMain .box_gray .msg_area.hiddenBox {height:25rem;}
#examMain .box_gray .msg_area.hiddenBox p {padding:0.3rem 0 0.3rem 2.5rem;font-size:2.4rem; line-height:3rem;}
#examMain .box_gray .msg_area.hiddenBox p &gt; span {top:0.3rem;}
#examMain .box_gray .msg_area.hiddenBox p.subTxt {padding-left:3rem;margin-left:2.5rem}
#examMain .box_gray .msg_area.hiddenBox p.subTxt &gt; span {top:0.3rem;}
}
/* mobile */
@media screen and (max-width: 719px) {
    /* 2022-08-19 추가 */
#examMain .box_gray .msg_area.hiddenBox {height:40.7rem;}
#examMain .box_gray .msg_area.hiddenBox p {padding:0.4rem 0 0.4rem 2.5rem;font-size:2.4rem; line-height:3rem;}
}
#examMain .box_gray .msg_area .hypen {text-indent:-1rem; margin-left:1rem;}
#examMain .box_gray .agree_area {margin-top:1.8rem;}
#examMain .box_gray .agree_area .chk_box label{font-weight:400; color:#666666;}

#examMain .box_white {display:block; position:relative; padding:2rem; background:#fff;}
#examMain .box_beige {padding:4rem; background:#f7f6f4;}

#examMain .title_wrap2 + .box_guide {margin-top:2rem;}
#examMain .box_guide {padding:3.8rem 4rem; background:#f2f7fb;}
#examMain .box_guide + .btn_wrap {margin-top:1.7rem;}
#examMain .box_guide .sub_txt {font-size:1.6rem; padding:2rem 0; line-height:1.3; color:#000;}
#examMain .box_guide .bul.bul_num li {color:#666;}
#examMain .box_guide .bul_feel + .msg_area,
#examMain .box_guide .bul_feel + .bul_dot2 {margin-top:1rem;}
#examMain .box_guide .msg_area {font-size:1.6rem; font-weight:400; line-height:2.6rem; color:#666;}
#examMain .box_guide .msg_area .hypen {text-indent:-1rem; margin-left:1rem;}

/* agree_box */
#examMain .agree_box {padding:2.4rem 3rem; margin-top:2rem; background:#efefef;}
#examMain .agree_box .agree_tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.6rem; line-height:2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .agree_box .agree_tit [class^='flag0'] {display:inline-block; height:2rem; margin-right:1rem; padding:0 0.8rem; font-size:1.4rem; color:#fff; background:#919191; line-height:2rem;}
#examMain .agree_box .agree_tit .flag01 {background:#888;}
#examMain .agree_box .agree_tit .flag02 {background:#ff5b5b;}
#examMain .agree_box .agree_tit2 {padding:0 0 1rem 5rem; font-size:1.4rem; line-height:2rem; color:#df012b;}
#examMain .agree_box .agree_txt {max-height:24rem; padding:2rem; font-size:1.4rem; font-weight:400; line-height:2.5rem; color:#666; background:#fff; overflow-y:auto;}
#examMain .agree_box .agree_txt.maxh {max-height:40rem;}/* 2022-07-08 수정 */
#examMain .agree_box .agree_tit + .agree_txt {margin-top:1rem;}
#examMain .agree_box .agree_inp + .agree_tit {margin-top:3rem;}
#examMain .agree_box .agree_txt + .agree_info {position:relative; font-size:1.6rem; color:#577dd0; margin-top:1rem; line-height:2.5rem; padding-left:1.5rem;}
#examMain .agree_box .agree_txt + .agree_info:before {content:'*'; position:absolute; left:0; top:0.5rem; display:block; font-size:1.6rem; color:#577dd0;}
#examMain .agree_box .agree_inp {position:relative; margin-top:1rem; text-align:right;}
#examMain .agree_box .agree_inp_all {margin-top:3rem; padding-top:2rem; text-align:right; border-top:1px solid #bdbdbd;}
#examMain .agree_box .agree_inp.has_caution .txt_caution3 {position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
#examMain .agree_box .agree_inp .msg_txt {display:inline-block; font-size:1.6rem; font-weight:400; color:#666; text-align:left;}
#examMain .agree_box .agree_inp .explain_txt {font-size:1.6rem; font-weight:400; color:#666; text-align:left;}
#examMain .agree_box .agree_inp .explain_txt + .chk_box {margin-top:1rem;}
#examMain .agree_box + .agree_box {padding-top:0;}

/* agree_box2 */
#examMain .agree_box2 {padding:2.4rem 3rem; border:1px solid #dbdbdb; background:#fff;}
#examMain .agree_box2 .para {font-size:1.6rem; font-weight:400; color:#666; line-height:2.2rem;}
#examMain .agree_box2 .para + .para {margin-top:2.8rem;}
#examMain .agree_box2 .para .tit,
#examMain .agree_box2 .para .emphasis {display:block;}

/* agreeMsg_box */
#examMain .agreeMsg_box {margin-top:2rem; padding:3rem; background-color:#fafafa;}
#examMain .agreeMsg_box .para {color:#666666; font-size:1.3rem; font-weight:400; line-height:2rem;}
#examMain .agreeMsg_box .para + .para {margin-top:2.4rem;}
#examMain .agreeMsg_box .para .link {color:#577dd0; font-weight:400;}

/* text */
#examMain .font_red {color:#df012b !important;}
#examMain .font_pink {color:#ff5b5b !important;}
#examMain .font_gray {color:#666 !important;}
#examMain .font_darkgray {color:#424242 !important;}
#examMain .font_lightgray {color:#919191 !important;}
#examMain .font_black {color:#000 !important;}
#examMain .font_black2 {color:#3f3f3f !important;}
#examMain .font_black3 {color:#212121 !important;}
#examMain .font_blue {color:#2968c1 !important;}
#examMain .font_blue2 {color:#3f529c !important;}
#examMain .font_blue3 {color:#577dd0 !important;}
#examMain .font_blue4 {color:#1a5ab5 !important;}
#examMain .font_sky {color:#75a6ea !important;}

#examMain .font_bold {font-weight:bold !important;}
#examMain .font_normal {font-weight:400 !important;}
#examMain .font_light {font-weight:300 !important;}

#examMain .align_l {text-align:left !important;}
#examMain .align_r {text-align:right !important;}
#examMain .align_c {text-align:center !important;}

#examMain .text_sty1 {font-size:1.2rem; color:#919191;}

#examMain .link_type1 {font-weight:400; color:#212121;}
#examMain .link_type2 {font-size:1.6rem; font-weight:400; color:#577dd0;}

#examMain .txt_caution {font-size:1.6rem; font-weight:400; color:#212121; text-align:center;}
#examMain .txt_caution2 {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#ff5b5b;}
#examMain .txt_caution2:before {display:inline-block; width:1.5rem; height:1.5rem; margin-right:1rem; background:url('/user/img/exam/ico_exclamation.png') no-repeat; background-size:100%; content:'';}
#examMain .txt_caution2.lg {font-size:1.8rem; font-weight:400;}
#examMain .txt_caution2:before {width:1.8rem; height:1.8rem;}
#examMain .txt_caution3 {font-size:1.4rem; font-weight:400; color:#ff2626;}

/* Rating */
/* .rate_star {display:inline-block; width:7.8rem; height:1.3rem; overflow:hidden; background:url(/user/img/exam/ico_rate_star.png) no-repeat 0 0 / 100% auto; text-indent:-9999px;;}
#examMain .rate_star.rate1 {background-position:0 -1.3rem;}
#examMain .rate_star.rate2 {background-position:0 -2.6rem;}
#examMain .rate_star.rate3 {background-position:0 -3.9rem;}
#examMain .rate_star.rate4 {background-position:0 -5.2rem;}
#examMain .rate_star.rate5 {background-position:0 -6.5rem;} */
#examMain .rate_star {display:inline-block; width:11.8rem; height:2rem; overflow:hidden; background:url(/user/img/exam/ico_rate_star_lg.png) no-repeat 0 0 / 100% auto; text-indent:-9999px;;}
#examMain .rate_star.rate1 {background-position:0 -2rem;}
#examMain .rate_star.rate2 {background-position:0 -4rem;}
#examMain .rate_star.rate3 {background-position:0 -6rem;}
#examMain .rate_star.rate4 {background-position:0 -8rem;}
#examMain .rate_star.rate5 {background-position:0 -10rem;}
#examMain .rate_star.lg {width:11.8rem; height:2rem; background-image:url(/user/img/exam/ico_rate_star_lg.png)}
#examMain .rate_star.lg.rate1 {background-position:0 -2rem;}
#examMain .rate_star.lg.rate2 {background-position:0 -4rem;}
#examMain .rate_star.lg.rate3 {background-position:0 -6rem;}
#examMain .rate_star.lg.rate4 {background-position:0 -8rem;}
#examMain .rate_star.lg.rate5 {background-position:0 -10rem;}
#examMain .rate_star_form {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 -0.2rem;}
#examMain .rate_star_form .btn_rate {width:2.1rem; height:2rem; margin:0 0.2rem; background:url(/user/img/exam/ico_rate_star_lg_single.png) no-repeat 0 0 / 100% auto;}
#examMain .rate_star_form .btn_rate.on {background-position:0 -2rem;}
#examMain .rate_star_form .btn_rate span {display:block; text-indent:-9999px;}
/* .rate_star.lg {width:12rem; background-size:12rem auto;} */

#examMain .rate_star2 {display:inline-block; width:5.8rem; height:1.8rem; overflow:hidden; background:url(/user/img/exam/ico_rate_star02.png) no-repeat 0 0 / 100% auto; text-indent:-9999px;}
#examMain .rate_star2.rate1 {background-position:0 0;}
#examMain .rate_star2.rate2 {background-position:0 -1.8rem;}
#examMain .rate_star2.rate3 {background-position:0 -3.6rem;}

/* Tooltip */
#examMain .tooltip {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; position:relative;}
#examMain .tooltip .tooltip_body {display:none; position:absolute; top:100%; margin-top:0.5rem; width:22rem; background-color:#fff; padding:1.8rem 2rem;}
#examMain .tooltip .tooltip_body {right:0;}
#examMain .tooltip.right .tooltip_body {right:auto; left:0;}
#examMain .tooltip .tooltip_body::after {right:0;}
#examMain .tooltip.right .tooltip_body::after {right:auto; left:0;}
#examMain .tooltip.on .tooltip_body {display:block; z-index:50;}

#examMain .tooltip.type1 .tooltip_body {margin-top:1rem; background-color:#000; color:#fff; font-size:1.4rem; text-align:left; line-height:1.4;}
#examMain .tooltip.type1 .tooltip_body .tooltip_tit {margin-bottom:1rem; font-size:1.6rem; font-weight:bold; color:#fff;}
#examMain .tooltip.type1 .tooltip_body::after {content:''; display:block; position:absolute; bottom:100%; border-right:0; border-bottom:1rem solid #000;}
#examMain .tooltip.type1 .tooltip_body .btn_close {display:none}
#examMain .tooltip.type1 .tooltip_body {margin-right:1rem;}
#examMain .tooltip.type1.right .tooltip_body {margin-left:1rem;}
#examMain .tooltip.type1 .tooltip_body::after {border-right:0; border-left:1rem solid transparent;}
#examMain .tooltip.type1.right .tooltip_body::after {border-left:0; border-right:1rem solid transparent;}

#examMain .tooltip.type1.w_md .tooltip_body {width:25rem;}
#examMain .tooltip.type1.w_lg .tooltip_body {width:30rem;}

/* 게시판이용규칙 */
#examMain .tabmenu + .question_wrap {margin-top:3rem;}
#examMain .question_wrap + .search_box {margin-top:1rem;}
#examMain .question_wrap {text-align:right;}

/* Dropdown */
#examMain .drop {position:relative; display:inline-block;}
#examMain .drop .dropmenu {display:none; position:absolute; left:0; top:100%; width:100%; z-index:20;}
#examMain .drop.on .dropmenu {display:block;}

#examMain .drop_tempSave .dropmenu {left:50%; margin-top:1rem; width:18rem; padding:2rem; background:#fff; border:1px solid #ddd; margin-left:-9rem;}
#examMain .drop_tempSave .dropmenu .drop_item {padding:0.5rem; width:100%;}
#examMain .drop_tempSave .dropmenu .drop_item &gt; span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:2px; color:#666; font-weight:400; font-size:1.4rem; border-bottom:1px solid transparent;}
#examMain .drop_tempSave .dropmenu .drop_item &gt; span:hover,
#examMain .drop_tempSave .dropmenu .drop_item &gt; span:focus {border-bottom:1px solid #999;}

#examMain .drop_utils .dropmenu {left:auto; right:0; width:12rem; border-radius:1rem; background-color:#7577b4;}
#examMain .drop_utils .dropmenu ul {padding:0 1rem;}
#examMain .drop_utils .dropmenu li + li {border-top:1px solid #c3c5ff;}
#examMain .drop_utils .dropmenu li {padding:1rem 0;}
#examMain .drop_utils .dropmenu li button {width:100%; height:2.5rem; font-size:1.4rem; font-weight:400; color:#fff; text-align:center;}

/* mCustomScrollbar */
#examMain .mCSB_scrollTools {width:0.6rem;}
#examMain .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:0.6rem; background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_draggerRail {width:0.6rem; border-radius:3px; background:#efefef;}
#examMain .mCSB_scrollTools .mCSB_draggerRail {filter:"alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#examMain .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}

/* 공지사항 */


/* TIP */
#examMain .tip_msg {margin-top:3rem; font-size:1.4rem; font-weight:400;}
#examMain .tip_msg dt  {margin-bottom:0.5rem;}
#examMain .tip_msg dt .txt_tip {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2.4rem; padding:0 0.5rem; color:#577dd0; border:1px solid #577dd0; border-radius:10px; line-height:1;}
#examMain .tip_msg dt .txt_tip::before {content:'*'; position:relative; display:inline-block; left:0; top:0.3rem; margin-right:0.5rem;}
#examMain .tip_msg dd {line-height:1.5; color:#666666;}
#examMain .tip_msg dd .btn_tip {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:2.2rem; margin-left:1rem; padding:0 0.5rem; line-height:1; background:#919191; color:#fff; font-size:1.2rem; font-weight:400;}

/* Q&amp;A */
#examMain .qna_list + .qna_nodata {margin-top:3rem;} /* 퍼블시연용 */
#examMain .qna_nodata .nodata_type1 {border-top:1px solid #000; border-bottom:1px solid #e1e1e1;}
#examMain .qna_nodata .nodata_type1 + .btn_wrap {margin-top:3rem;}
#examMain .qna_list {border-top:1px solid #000; border-bottom:1px solid #e1e1e1;}
#examMain .qna_list .btn_qna {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; min-height:6rem; padding:1.3rem 1.3rem 1.3rem 0; font-size:1.8rem; font-weight:400; color:#424242; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#examMain .qna_list .btn_qna span {display:block; width:100%; position:relative; text-align:left; line-height:1.5;}
#examMain .qna_list .btn_qna .rank {display:inline-block; width:7rem; height:3.4rem; margin-right:2rem; font-size:1.6rem; color:#fff; border-radius:3rem; background:#577dd0; text-align:center; line-height:3.4rem;}
#examMain .qna_list .btn_qna strong {display:inline-block; margin-right:0.4rem; font-size:2.2rem; font-weight:bold;}
#examMain .qna_list .btn_qna span::after {content:''; position:absolute; right:0; top:50%; display:block; width:1.4rem; height:0.8rem; background:url(/user/img/exam/ico_carat_toggle2_m.png) no-repeat 0 0 / 100%;}
#examMain .qna_list &gt; dt.on .btn_qna span::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#examMain .qna_list &gt; dd + dt {border-top:1px solid #e1e1e1;}
#examMain .qna_list &gt; dd {display:none;}
#examMain .qna_list &gt; dd.on {display:block;}
#examMain .qna_list &gt; dd {padding:0 4rem; border-top:1px solid #e1e1e1; background:#f2f7fb;}
#examMain .qna_list &gt; dd .qustion_detail {padding:2.5rem 5rem;}
#examMain .qna_list &gt; dd .answer_detail {padding:2.5rem 5rem 3rem 5rem;}
#examMain .qna_list &gt; dd .qustion_detail + .answer_detail {border-top:1px solid #e1e1e1;}
#examMain .qna_list &gt; dd .qustion_detail + .answer_nodata {border-top:1px solid #e1e1e1;}
#examMain .qna_list &gt; dd .qustion_detail .keyword {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:1.8rem;}
#examMain .qna_list &gt; dd .qustion_detail .keyword dt,
#examMain .qna_list &gt; dd .qustion_detail .keyword dd {font-size:1.4rem; color:#9e9e9e;}
#examMain .qna_list &gt; dd &gt; div .txt {position:relative; font-size:1.6rem; font-weight:400; color:#424242; word-break:break-all; line-height:1.5;}
#examMain .qna_list &gt; dd .answer_detail .txt {padding-left:2.8rem; font-size:1.8rem;}
#examMain .qna_list &gt; dd .answer_detail .txt:before {display:block; position:absolute; top:0; left:0; font-size:2.2rem; font-weight:bold; color:#577dd0; content:'A.';}
#examMain .qna_list &gt; dd .answer_detail .txt img {max-width:100%;}/* 2021-04-25 수정 */
#examMain .qna_list &gt; dd .answer_detail .helpled_info {margin-top:4rem; padding-left:2.4rem;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info p {font-size:1.4rem; color:#424242; font-weight:500;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info p span {color:#577dd0; }
#examMain .qna_list &gt; dd .answer_detail .helpled_info .btn_wrap {margin-top:1rem;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info .btn_s_round + .btn_s_round {font-weight:bold; margin-left:0.5rem; background-color:#fff36e;}

#examMain .qna_list.no_q_detail .btn_qna span {padding-left:0;}
#examMain .qna_list.no_q_detail .btn_qna strong {left:0.5rem;}
#examMain .qna_list.no_q_detail &gt; dd .answer_detail {padding:2.5rem 0 3rem 0;}

/* Q&amp;A (이전 질문 내용 보기) */
#examMain .qna_list2 h4 {margin:0; padding:0; margin-bottom:1rem;}
#examMain .qna_list2 dl {border-top:2px solid #000;}
#examMain .qna_list2 dl &gt; dt,
#examMain .qna_list2 dl &gt; dd {padding:1.4rem 3.6rem 1.8rem; border-bottom:1px solid #e1e1e1; font-size:1.6rem; color:#424242; line-height:1.5;}
#examMain .qna_list2 dl &gt; dd {background-color:#f2f7fb;}
#examMain .qna_list2 .qustion_detail {color:#424242; font-weight:bold;}
#examMain .qna_list2 .qustion_detail b {display:inline-block; margin-right:1rem; font-weight:bold; font-size:2.2rem;}
#examMain .qna_list2 .answer_detail {text-indent:-1.5rem; margin-left:2.8rem; font-weight:400;}
#examMain .qna_list2 .answer_detail b {display:inline-block; margin-right:1rem; font-weight:bold; font-size:2.2rem; color:#577dd0;}

/* Q&amp;A Popup */
#examMain .qna_list_pop &gt; dt {background-color:#f9f9f9;}
#examMain .qna_list_pop &gt; dt,
#examMain .qna_list_pop &gt; dd {padding:1.4rem 2rem 1.8rem; border-bottom:1px solid #e1e1e1;}
#examMain .qna_list_pop &gt; dd {font-size:1.6rem; color:#424242; line-height:1.5;}
#examMain .qna_list_pop .qna_title {line-height:1.5;}
#examMain .qna_list_pop .qna_title strong {display:block; margin-bottom:0.2rem; font-size:1.8rem; color:#000000;}
#examMain .qna_list_pop .qna_title span em {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.4rem; font-weight:400;color:#898989;}
#examMain .qna_list_pop .qna_title span em + em::before {content:'|'; position:relative; top:-1px; margin:0 1rem; font-size:1rem; vertical-align:middle;}
#examMain .qna_list_pop .qustion_detail {color:#424242; font-weight:bold;}
#examMain .qna_list_pop .qustion_detail b {display:inline-block; margin-right:1rem; font-weight:bold; font-size:2.2rem;}
#examMain .qna_list_pop .answer_detail {text-indent:-1.5rem; margin-left:2.8rem; font-weight:400;}
#examMain .qna_list_pop .answer_detail b {display:inline-block; margin-right:1rem; font-weight:bold; font-size:2.2rem; color:#577dd0;}

/* chart_box */
#examMain .chart_box {padding:2rem;}

/* 문항미리보기 */
#examMain .ques_preview {line-height:1.5;}
#examMain .ques_preview .ques_item .ques_head .tit {font-size:1.6rem; font-weight:500; color:#212121;}
#examMain .ques_preview .ques_item .ques_head .cont {margin-top:1rem; border:1px solid #cfcfcf; padding:0.5rem 1rem; font-size:1.4rem; font-weight:400; color:#212121;}
#examMain .ques_preview .ques_item .ques_body {margin-top:1.6rem;}
#examMain .ques_preview .ques_item .ques_body .tit {font-size:1.6rem; font-weight:400; color:#212121;}
#examMain .ques_preview .ques_item .ques_body .cont {margin-top:1.5rem;}
#examMain .ques_preview .ques_answer {margin-top:4.6rem;}
#examMain .ques_preview .ques_answer .btn_XL_col8 {width:100%; margin:0;}
#examMain .ques_preview .ques_answer .explain_box {margin-top:2.5rem; border:1px solid #d4d4d4; padding:0.5rem 1rem; background-color:#fafafa;}
#examMain .ques_preview .ques_answer .explain_box dl {font-size:1.4rem; font-weight:400; color:#212121; line-height:1.5;}
#examMain .ques_preview .ques_answer .explain_box dt {font-weight:500;}
#examMain .ques_preview .ques_answer .explain_info {margin-top:1rem; font-size:1.3rem; color:#919191; font-weight:400; line-height:1.5;}

/* 채점하기 */
#examMain .scoring_msg {padding:3rem 0 1rem; text-align:center;}
#examMain .scoring_msg dl {line-height:1.5;}
#examMain .scoring_msg dt {font-size:2rem; color:#212121; font-weight:500;}
#examMain .scoring_msg dd {font-size:1.6rem; color:#212121;}
#examMain .scoring_msg dd {margin-top:3rem; font-weight:400;}
#examMain .scoring_msg dd p + p {margin-top:3rem;}

/* 누적률 */
#examMain td.col_percent {position:relative; cursor:pointer;}
#examMain td.col_percent .percent_wrap {display:none; position:absolute; width:17rem; height:100%; top:0; right:0; padding:0 1rem; background:#173c71; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
#examMain td.col_percent .percent_wrap .mine {font-size:1.6rem; font-weight:bold; color:#90beff;}
#examMain td.col_percent .percent_wrap .tot {font-size:1.4rem; font-weight:400; color:#919191;}
#examMain td.col_percent:hover .percent_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;}

/* Danchoo */
#examMain .chatBot {position:fixed; overflow:inherit; width:400px; height:100%; max-height:750px; border:1px solid black; min-width:400px; right:-50%; display:none; bottom:10px; transition:1s; animation:fade-in 0.5s; z-index:9999;}
#examMain .chatBot_message {width:auto; max-width:100%; cursor:pointer; word-break:break-all; position:fixed; color:white; text-align:left; background-color:#816CFF; padding:10px 15px; border-radius:15px 15px 0px 15px; transition:1s; animation:fade-in 0.5s; animation-fill-mode:forwards; cursor:pointer; transform:rotateY(90deg); bottom:100px; right:140px; font-size:13px; line-height:1.5; letter-spacing:0em; z-index:9999;}

/* modal_text_wrap | 2024-06-04 수정 */
#examMain .modal_text_wrap {width:100%; padding:2.4rem 1rem; font-size:1.6rem;}
#examMain .modal_text_wrap .modal_list_type01 li {position:relative; font-size:1.6rem; line-height:1.4; padding-left:1.5rem; margin-top:2.5rem;}
#examMain .modal_text_wrap .modal_list_type01 li::before {content:''; position:absolute; top:1rem; left:0; display:inline-flex; width:.3rem; height:.3rem; background-color:#333; border-radius:50%;}
#examMain .modal_text_wrap .modal_list_type01 li:first-child {margin-top:0;}
#examMain .modal_text_wrap .modal_list_type01 li .inner_txt {padding-left:1.5rem; font-size:1.4rem; color:#777; margin-top:1.5rem;}

/* tablet */
@media screen and (max-width: 1023px) {
    /*box*/
#examMain .box_gray.type2 {padding:3rem;}

#examMain .link_type2 {font-size:2.4rem;}

    /* Rating */
    /*
#examMain .rate_star {width:17.2rem; height:2.8rem; background-image:url(/user/img/exam/ico_rate_star_mo.png);}
#examMain .rate_star.rate1 {background-position:0 -2.8rem;}
#examMain .rate_star.rate2 {background-position:0 -5.6rem;}
#examMain .rate_star.rate3 {background-position:0 -8.4rem;}
#examMain .rate_star.rate4 {background-position:0 -11.2rem;}
#examMain .rate_star.rate5 {background-position:0 -14.0rem;}
#examMain .rate_star.lg {width:27.4rem; height:4.6rem; background-image:url(/user/img/exam/ico_rate_star_lg_mo.png);}
#examMain .rate_star.lg.rate1 {background-position:0 -4.6rem;}
#examMain .rate_star.lg.rate2 {background-position:0 -9.2rem;}
#examMain .rate_star.lg.rate3 {background-position:0 -13.8rem;}
#examMain .rate_star.lg.rate4 {background-position:0 -18.4rem;}
#examMain .rate_star.lg.rate5 {background-position:0 -23.0rem;}
 */
 /* 특정 모바일에서 잘린다고 하여 안전빵으로 개별이미지 처리, 기본/라지 통일(구분할때를 위해서 클래스구분 유지) */
#examMain .rate_star {width:13.6rem;height:2.4rem;}
#examMain .rate_star.rate0 {background:url(/user/img/exam/ico_rate_star_mo_00.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.rate1 {background:url(/user/img/exam/ico_rate_star_mo_01.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.rate2 {background:url(/user/img/exam/ico_rate_star_mo_02.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.rate3 {background:url(/user/img/exam/ico_rate_star_mo_03.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.rate4 {background:url(/user/img/exam/ico_rate_star_mo_04.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.rate5 {background:url(/user/img/exam/ico_rate_star_mo_05.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg {width:13.6rem;height:2.4rem;}
#examMain .rate_star.lg.rate0 {background:url(/user/img/exam/ico_rate_star_mo_00.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg.rate1 {background:url(/user/img/exam/ico_rate_star_mo_01.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg.rate2 {background:url(/user/img/exam/ico_rate_star_mo_02.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg.rate3 {background:url(/user/img/exam/ico_rate_star_mo_03.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg.rate4 {background:url(/user/img/exam/ico_rate_star_mo_04.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star.lg.rate5 {background:url(/user/img/exam/ico_rate_star_mo_05.png) no-repeat 0 0 / 100% 100%;}
#examMain .rate_star_form {margin:0 -0.3rem;}
#examMain .rate_star_form .btn_rate {width:5rem; height:4.6rem; margin:0 0.3rem; background-image:url(/user/img/exam/ico_rate_star_lg_single_mo.png);}
#examMain .rate_star_form .btn_rate.on {background-position:0 -4.6rem;}

#examMain .rate_star2 {width:7.4rem; height:2.2rem; overflow:hidden; background:url(/user/img/exam/ico_rate_star02_m.png) no-repeat 0 0 / 100% auto; text-indent:-9999px;}
#examMain .rate_star2.rate1 {background-position:0 0;}
#examMain .rate_star2.rate2 {background-position:0 -2.2rem;}
#examMain .rate_star2.rate3 {background-position:0 -4.4rem;}
    
    /* sns */
#examMain .sns_tit_wrap .sns li a:before {width:4rem; height:4rem; background-size:auto 1.8rem;}
#examMain .sns_tit_wrap .sns li.twiter a:before {background-position:-2rem 50%;}
#examMain .sns_tit_wrap .sns li.kakaost a:before {background-position:-19.2rem 50%;}
#examMain .sns_tit_wrap .sns li.link a:before {background-position:-21.6rem 50%;}

#examMain .btn_tempSave {flex:none; text-align:center; font-size:2rem; height:4rem;}
#examMain .drop_tempSave .btn_drop {flex:none; text-align:center; font-size:2rem; height:4rem;}
#examMain .drop_tempSave .dropmenu {width:24rem; margin-left:-12rem;}
#examMain .drop_tempSave .dropmenu .drop_item &gt; span {font-size:2.2rem;}

    /* agree_box */
#examMain .agree_box {padding:3rem 3rem;}
#examMain .agree_box .agree_tit {font-size:2.2rem; line-height:2.6rem;}
#examMain .agree_box .agree_tit [class^='flag0'] {display:inline-block; height:3.2rem; margin-right:2rem; padding:0 0.8rem; font-size:2.2rem; line-height:3rem;}
#examMain .agree_box .agree_tit2 {padding:0 0 1rem 0; font-size:1.8rem; line-height:2.6rem;}
#examMain .agree_box .agree_txt {max-height:50rem; padding:2rem; font-size:2.4rem; line-height:3.5rem; }/* 2022-07-08 수정 */
#examMain .agree_box .agree_txt.maxh {max-height:60rem;}/* 2022-07-08 수정 */
#examMain .agree_box .agree_tit + .agree_txt {margin-top:2rem;}
#examMain .agree_box .agree_inp {margin-top:2rem; text-align:left;}
#examMain .agree_box .agree_inp_all {margin-top:5rem; padding-top:3rem;}
#examMain .agree_box .agree_inp .explain_txt {font-size:2.4em; line-height:3.4rem;}
#examMain .agree_box .agree_inp .explain_txt + .chk_box {margin-top:1.5rem;}
#examMain .agree_box .agree_txt + .agree_info {font-size:2rem; line-height:3rem;}
#examMain .agree_box .agree_txt + .agree_info:before {font-size:2.4rem;}

    /* agree_box2 */
#examMain .agree_box2 {padding:3.5rem 4rem;}
#examMain .agree_box2 .para {font-size:2.2rem; color:#000; line-height:3.2rem;}
#examMain .agree_box2 .para + .para {margin-top:4rem;}

    /* agreeMsg_box */
#examMain .agreeMsg_box .para {line-height:3rem;}

#examMain .drop_utils .dropmenu {width:18rem; border-radius:1rem; margin-top:2.4rem;}
#examMain .drop_utils .dropmenu ul {padding:0 1rem;}
#examMain .drop_utils .dropmenu li {padding:1rem 0;}
#examMain .drop_utils .dropmenu li button {width:100%; height:3rem; overflow:hidden; font-size:2.4rem; line-height:1;}

#examMain .step_box2 .step_items {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
#examMain .step_box2 .step_items &gt; li .title {border-width:1px !important; height:8rem;}
#examMain .step_box2 .step_items &gt; li .title button {font-size:2.8rem;}
#examMain .step_box2 .step_items &gt; li .title button span::after {position:relative; left:0; top:-0.2rem; width:1.4rem; height:1.4rem; margin-left:2rem; border:0.4rem solid #0b408a; border-width:0.4rem 0.4rem 0 0; -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
#examMain .step_box2 .step_items &gt; li:first-child .title button span::after {display:inline-block;}
#examMain .step_box2 .step_items &gt; li.on .title button span::after {top:0.6rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
#examMain .step_box2 .step_items &gt; li .cont {display:none; max-height:58rem; height:auto; border-width:0 1px !important;}
#examMain .step_box2 .step_items &gt; li.on .cont {display:block;}
#examMain .step_box2 .step_items &gt; li .cont ul {padding:0;}
#examMain .step_box2 .step_items &gt; li:last-child .cont {border-bottom-width:1px !important;}
#examMain .step_box2 .step_items &gt; li .cont button {height:7rem; padding:0 3rem; font-size:2.4rem;}

    /* text */
#examMain .txt_caution {font-size:2.6rem; line-height:1.3;}
#examMain .txt_caution2 {font-size:2.4rem;}
#examMain .txt_caution2:before {width:2.5rem; height:2.5rem; margin:-0.4rem 1rem 0 0; background-size:2.5rem;}
#examMain .txt_caution2.lg {margin-bottom:1rem; font-size:2.6rem; font-weight:400;}
#examMain .txt_caution3 {font-size:2.4rem;}

    /* qna_list */
#examMain .qna_list &gt; dd .qustion_detail {padding-left:0; padding-right:0;}
#examMain .qna_list &gt; dd .answer_detail {padding-left:0; padding-right:0;}
#examMain .qna_list &gt; dd .qustion_detail .keyword dt {-webkit-box-flex:0;-ms-flex:none;flex:none; margin-right:1rem;}
#examMain .qna_list &gt; dd .qustion_detail .keyword dt, 
#examMain .qna_list &gt; dd .qustion_detail .keyword dd {font-size:2.4rem; line-height:1.5;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info {padding-left:0;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info p {font-size:2.4rem; line-height:1;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info .btn_wrap {margin-top:2rem;}
#examMain .qna_list &gt; dd .answer_detail .helpled_info .btn_s_round + .btn_s_round {margin-left:1rem;}
#examMain .qna_list .btn_qna {padding:4rem 0; font-size:2.8rem;}
#examMain .qna_list .btn_qna &gt; span {display:block;}
#examMain .qna_list .btn_qna .rank {display:block; width:15rem; height:4.6rem; margin-bottom:1rem; font-size:2.8rem; font-weight:400; line-height:4.6rem;}
#examMain .qna_list .btn_qna strong {font-size:2.8rem;}
#examMain .qna_list .btn_qna &gt; span::after {width:2.4rem; height:1.2rem;}
#examMain .qna_list &gt; dd &gt; div .txt {font-size:2.4rem;}
#examMain .qna_list &gt; dd .answer_detail .txt {padding-left:0; font-size:2.6rem;}
#examMain .qna_list &gt; dd .answer_detail .txt:before {display:block; position:relative; font-size:2.8rem;}

#examMain .qna_list.no_q_detail .btn_qna span {padding-left:0;}

#examMain .qna_list2 dl &gt; dt, .qna_list2 dl &gt; dd {font-size:2.4rem;}

    /* 채점하기 팝업 */
#examMain .scoring_msg {padding:4rem 0 2rem;}
#examMain .scoring_msg dt {font-size:3rem;}
#examMain .scoring_msg dd {font-size:2.6rem;}

    /* 문항미리보기 */
#examMain .ques_preview .ques_item .ques_head .tit {font-size:2.8rem;}
#examMain .ques_preview .ques_item .ques_head .cont {padding:2rem 3rem; font-size:2.4rem;}
#examMain .ques_preview .ques_item .ques_body .tit {font-size:2.6rem;}
#examMain .ques_preview .ques_answer .explain_box {padding:2rem 3rem;}
#examMain .ques_preview .ques_answer .explain_box dl {font-size:2.4rem;}
#examMain .ques_preview .ques_answer .explain_info {font-size:2.4rem;}

    /* 누적률 */
#examMain td.col_percent .percent_wrap {width:24rem;}
#examMain td.col_percent .percent_wrap .mine {font-size:2.6rem;}
#examMain td.col_percent .percent_wrap .tot {font-size:2.4rem; font-weight:400; color:#919191;}

    /* TIP */
#examMain .tip_msg {font-size:2.4rem;}
#examMain .tip_msg dt {margin-bottom:1rem;}
#examMain .tip_msg dt .txt_tip {height:3.6rem; padding:0 1rem; border-radius:3rem; line-height:1;}
#examMain .tip_msg dt .txt_tip::before {top:0.3rem; margin-right:0.5rem;}
#examMain .tip_msg dd .btn_tip {height:3.6rem; margin-left:2rem; padding:0 1rem; font-size:2.4rem;}
#examMain .tip_msg dd .btn_tip span {display:inline-block; line-height:3.6rem;}

    /* box_guide */
#examMain .box_guide .msg_area {font-size:2.4rem; line-height:3rem;}

    /* Danchoo */
#examMain .chatBot {min-width:100%; max-height:100%; right:0 !important; top:0 !important;}

    /* modal_text_wrap | 2024-06-04 수정 */
#examMain .modal_text_wrap {padding:3.4rem 2rem; font-size:2.6rem;}
#examMain .modal_text_wrap .modal_list_type01 li {font-size:2.6rem; padding-left:1.5rem; margin-top:3.5rem;}
#examMain .modal_text_wrap .modal_list_type01 li::before {top:1.6rem; left:0; width:.4rem; height:.4rem; border-radius:50%;}
#examMain .modal_text_wrap .modal_list_type01 li .inner_txt {padding-left:1.5rem; font-size:2.4rem; margin-top:1.5rem;}
}

/* Slick */
#examMain .slide_item {opacity:0; outline:none;}/* 2021-04-05 수정 */
#examMain .is_slicked .slide_item {opacity:1;}

/* Common */
#examMain .mCSB_scrollTools {width:0.6rem;}
#examMain .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:0.6rem; background:#aaa; border-radius:3px;}
#examMain .mCSB_scrollTools .mCSB_draggerRail {width:0.6rem; border-radius:3px; background:#efefef;}
#examMain .mCSB_scrollTools .mCSB_draggerRail {filter:"alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}
#examMain .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
#examMain .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color: #aaa; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";}

@media screen and (max-width: 600px) and (hover: hover) {
#examMain .chatBot {width:100%; height:100%; min-width:100%; max-height:100%; margin:-12px; } 
}

@media screen and (max-width: 719px) { 
#examMain .chatBot {width:100%; height:100%; max-height:100%; min-width:100%; bottom:0;}
#examMain .chatBot_message {bottom:55px; right:80px; font-size:12px; padding:10px 9px; line-height:1.4; letter-spacing:-0.04em;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#examMain .chatBot {width:100%; height:100%; max-height:100%; min-width:100%; bottom:0; right:0 !important;}
}</pre></body></html>