@charset "utf-8";

/* --------------------------------------------------------------------------
   1.0 IE 낮은 IE 9이하 버전에서 브라우저 업그레이드 공지 안내
   -------------------------------------------------------------------------- */
#old-browser-popup{position:fixed; width:100%; height:100%; left:0; top:0; background:url(/assets/common/img/bg.png) repeat; z-index:9999;}
.old-browser-container{width:100%; margin:0 auto; text-align:center;}
.old-browser-container div{color:#fff; font-size:13px; line-height:22px;}
.old-browser-container div b{color:#fc0; font-weight:700;}
.old-browser-container p{background:#fff; border-radius:5px; color:#222; font-weight:700; margin:25px auto 50px auto; height:30px; line-height:30px; width:700px;}
.old-browser-container a{color:#fff; font-weight:700; padding:0 10px; display:inline-block; font-size:12px; text-decoration:none;}
.old-browser-container a:hover{text-decoration:none;}

/* --------------------------------------------------------------------------
   2.0 탭 바로가기
   -------------------------------------------------------------------------- */
#skipnavigation a {position:absolute; left:-3000%;}
#skipnavigation a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:12px; font-weight:700; background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);}

/* --------------------------------------------------------------------------
   10.0 HTML 로딩 설정
   -------------------------------------------------------------------------- */
#loader-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background:rgba(255,255,255,1);}
#loading {position:absolute; left:50%; top:50%; margin:-25px 0 0 -25px; display:inline-block; width:50px; height:50px; border:3px solid rgba(0,0,0,1); border-radius: 50%; border-top-color:#1cbfb5; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite;}
@-webkit-keyframes spin {to {transform: rotate(360deg);}}
@-moz-keyframes spin {to {transform: rotate(360deg);}}
@-ms-keyframes spin {to {transform: rotate(360deg);}}
@-o-keyframes spin {to {transform: rotate(360deg);}}
@keyframes spin {to {transform: rotate(360deg);}}



/* --------------------------------------------------------------------------
   Layout 설정
   -------------------------------------------------------------------------- */
body {position:relative; min-width:1200px; font-family:'Nanum Gothic',sans-serif; font-size:16px; font-weight: 400}
body.open-popup {height:100%; overflow:hidden; z-index:0;}
em,i {font-style:normal;}
img {max-width:100%;}
a {text-decoration:none;}
button,
label {cursor:pointer;}
.fix-layout {position:relative; max-width:1400px; margin:0 auto;}

.btn-share-url {display:inline-block; font-size:15px; letter-spacing:-0.03em; color:#fff; height:35px; line-height:35px; width:147px; text-align:center; border:1px solid #fff; text-decoration:none;}
.btn-share-url:before {content:""; display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('/assets/common/img/ico_share_url.png') no-repeat 50% 50%; margin-right:7px;}

.btn {display:inline-block; padding:0 70px; height:70px; font-family:'SDGothicNeo',sans-serif; background:#c7c7c7; border-radius:9em; color:#fff; font-size:22px; font-weight:700; box-sizing:border-box;}
.btn.wide {min-width:360px;}
a.btn,
label.btn {line-height:70px;}
.btn.point {background:#1cbfb5;}
.btn.ico:after {content:""; display:inline-block; position:relative; vertical-align:middle; margin-left:10px; width:37px; height:37px; background:no-repeat 50% 50%;}
.btn.more:after {background-image:url('/assets/common/img/ico_more.png');}
.btn.next:after {background-image:url('/assets/common/img/ico_btn_next.png');}

.nice-select .list {max-height:180px;}

/** Header **/
#header {position:absolute; top:33px; left:0; right:0; z-index:1; text-align:right;}
#header > *,
#header .fix-layout > * {display:inline-block; vertical-align:middle;}
#header .fix-layout {display:block;}
#header #logo {margin-right:20px;}
#header #snb {letter-spacing:-0.05em;}
#header #snb a {display:inline-block; vertical-align:middle; width:47px; height:47px; text-align:center; line-height:47px; border-radius:100%;}
#header #snb a img {display:inline; vertical-align:middle;}
#header #snb a:hover {background:#17b2a8;}
#header .btn-share-url {margin-left:5px;}
#header .btn-share-url:hover {background-color:#000000; border-color:#000;}

/** Footer **/
#footer {padding:35px 0 75px; background:#212121; color:#bcbcbc; text-align:center;}
#footer #f_logo {padding-bottom:10px;}
#footer .btn-share-url {display:block; position:absolute; top:0; right:0;}
#goto_top {position:fixed; bottom:120px; right:10px;}

/** Main **/
#sec_main {overflow:hidden; min-height:950px; background:url('/assets/web/img/bak_main_section.jpg') no-repeat 100% 100% #1cbfb5;}
#sec_main .txt {position:relative; width:737px; height:395px; margin:27px 0 50px; background:url('/assets/web/img/txt_main.png') no-repeat 0 0;}
#sec_main .txt .hidden {opacity:0; display:block; position:absolute; top:-999px;}
#sec_main .rolling {display:block; position:absolute; top:168px; left:167px; width:190px; height:95px; overflow:hidden;}
#sec_main .swiper-container {height:100%;}
#sec_main .movie {position:relative; width:660px; height:400px; overflow:hidden;}

/** Map Area **/
#sec_area {background:#f3f3f3;}
#sec_area dl {display:table; width:100%; border-collapse: collapse; font-family:'SDGothicNeo',sans-serif;}
#sec_area dl > * {display:table-cell; vertical-align:middle;}
#sec_area dt {width:200px; font-weight:900; font-size:32px; word-break:keep-all; line-height:1.2;}
#sec_area dt em {display:block; color:#1dbfb5; letter-spacing:-0.03em;}
#sec_area dd {padding:0 0 0 60px;}
#sec_area ul {display:block; overflow:hidden; padding:50px 0;}
#sec_area li {display:block; float:left; width:10%; text-align:center; padding:15px 0;}
#sec_area li span {display:block; padding-top:10px;font-size:16px; font-weight:700;}

/** Other Link **/
#sec_other {padding:115px 0 95px; text-align:center;}



/* --------------------------------------------------------------------------
   문제 풀이 영역 스타일
   -------------------------------------------------------------------------- */

#sec_question {position:relative; background:#af5f24;}
#sec_question:before {content:""; display:block; position:absolute; top:0; left:0; right:0; height:495px; background:#fff; z-index:0;}
#sec_question > .fix-layout {z-index:1;}
#sec_question .title {text-align:center; padding:110px 0 75px;}
#sec_question .contents {position:relative; height:890px;}

/** Uert information **/

#sec_question .white-box {display:block; position:relative; max-width:1100px; min-height:300px; background:#fff; border:1px solid #e0e0e0; margin:0 auto;}
#sec_question .white-box dt {display:block; text-align:center; padding:40px 20px; font-size:40px; font-weight:600; border-bottom:1px solid #e0e0e0;}
#sec_question .white-box dd {padding:60px 20px; text-align:center; font-size:46px; letter-spacing:-.05em;}

#sec_question .white-box dd .nice-select {height:55px; line-height:55px; font-size:42px; color:#1cbfb5; border:none; border-bottom:1px solid #1cbfb5; padding-right:60px;}
#sec_question .white-box dd .nice-select:after {width:31px; height:31px; top:17px; right:3px; background:url('/assets/common/img/ico_nice_select.png') no-repeat 50% 50%; border:none; transform:rotate(0); -webkit-transform:rotate(0);}
#sec_question .white-box dd .nice-select .option {font-size:16px; color:#222;}
#sec_question .white-box dd .nice-select .option.selected {color:#1cbfb5;}
#sec_question .white-box dd * + label {margin-left:70px;}

#sec_question .other-desc-box {max-width:1100px; padding:10px; margin:32px auto 0; border:1px solid #dca074; background:#964d17; box-sizing:border-box;}
#sec_question .other-desc-box .scroll-box {height:100%; overflow:auto; height:280px;}
#sec_question .other-desc-box .inner {max-width:930px; margin:35px auto; color:#fff; line-height:1.5; font-size:16px;}
#sec_question .other-desc-box .inner p.s-title {font-size:20px; color:#ffb57f; font-weight:600;}
#sec_question .other-desc-box .inner p + p {margin-top:20px;}
#sec_question .other-desc-box .inner em {font-style:italic;}

#sec_question .scroll-box::-webkit-scrollbar {width:12px; height:12px;}
#sec_question .scroll-box::-webkit-scrollbar-button {width:0px; height:0px;}
#sec_question .scroll-box::-webkit-scrollbar-thumb {background: #ffffff; border: 0px none #ffffff; border-radius: 0px;}
#sec_question .scroll-box::-webkit-scrollbar-thumb:hover {background: #ffffff;}
#sec_question .scroll-box::-webkit-scrollbar-thumb:active {background: #ffffff;}
#sec_question .scroll-box::-webkit-scrollbar-track {background: transparent; border: 0px none #ffffff; border-radius: 0px;}
#sec_question .scroll-box::-webkit-scrollbar-track:hover {background: transparent;}
#sec_question .scroll-box::-webkit-scrollbar-track:active {background: transparent;}
#sec_question .scroll-box::-webkit-scrollbar-corner {background: transparent;}
#sec_question .scroll-box {
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#964d17;
	scrollbar-track-color:#964d17;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-Color:#ffffff;
}
#sec_question .btn-box {text-align:center; padding:47px 0;}
#sec_question .section {position:absolute; top:0; left:0; right:0;}


/** 문제 답변 체크 영역 **/
.question-pagination {display:block; position:relative; max-width:1274px; margin:0 auto 53px; height:40px;}
.question-pagination:before {content:""; display:block; position:absolute; top:50%; left:37px; right:37px; height:1px; background:#e0e0e0;}
.question-pagination span {display:block; position:relative; float:left; width:6.66%; height:40px; line-height:40px; border-radius:0; background:none; overflow:visible; text-align:center; opacity:1;}
.question-pagination span:before {content:""; display:block; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; width:11px; height:11px; border-radius:100%; box-sizing:border-box; border:2px solid #e0e0e0; background:#fff; z-index:0;}
.question-pagination span i {display:block; position:absolute; z-index:1; top:0; left:50%; bottom:0; margin-left:-53px; width:107px; border-radius:9em; background:#1cbfb5; color:#fff; transform:scale(0,0); -webkit-transform:scale(0,0); transition:.3s all; -webkit-transition:.3s all;}
.question-pagination span.swiper-pagination-bullet-active i {transform:scale(1,1); -webkit-transform:scale(1,1);}
.question-nav-box button {display:block; position:absolute; width:70px; height:130px; top:150px; overflow:hidden; text-indent:-999px; background:no-repeat 50% 50%; background-size:contain; z-index:5;}
.question-nav-box .question-prev {left:27px; background-image:url('/assets/web/img/btn_swiper_prev.png');}
.question-nav-box .question-prev:hover {background-image:url('/assets/web/img/btn_swiper_prev_on.png');}
.question-nav-box .question-next {right:27px; background-image:url('/assets/web/img/btn_swiper_next.png');}
.question-nav-box .question-next:hover {background-image:url('/assets/web/img/btn_swiper_next_on.png');}
.question-nav-box + .btn-box {padding-top:0 !important;}

.question-box dt {font-weight:800; color:#6a6a6a; font-size:36px; letter-spacing:-0.01em;}
.question-box dt strong {font-family:'SDGdGothic',sans-serif; color:#000; letter-spacing:.05em;}
.question-box dt em {color:#000; border-bottom:1px solid #000;}
.question-box dd {font-size:46px; color:#000; font-weight:400;}
.question-box dd em {display:inline-block; position:relative; vertical-align:bottom; margin:0 10px; padding:20px 30px 0 30px; color:#1cbfb5; border-bottom:1px solid #1cbfb5;}
.question-box dd em:before {display:block; position:absolute; top:0; left:0; width:24px; height:24px; text-align:center; line-height:24px; font-size:14px; color:#fff; background:#1cbfb5; margin-right:8px; border-radius:100%; font-weight:800;}
.question-box dd em[data-num $= "-1"]:before {content:"1";}
.question-box dd em[data-num $= "-2"]:before {content:"2";}
.question-box dd em[data-num $= "-3"]:before {content:"3";}
.question-box dd em[data-num $= "-4"]:before {content:"4";}

.answer-check-box {display:table; position:relative; width:100%; max-width:1020px; margin:40px auto 20px; border-collapse:collapse;}
.answer-check-box dl {display:table-cell; width:50%; vertical-align:top; padding:0 53px; border-right:2px solid #c78f66;}
.answer-check-box dl + dl {border-left:2px solid #c78f66; border-right-width:0;}
.answer-check-box dt {display:block; text-align:center; line-height:54px; background:#864a1c; color:#fff; font-size:18px; margin-bottom:30px;}
.answer-check-box dl dt:before {display:inline-block; position:relative; width:24px; height:24px; text-align:center; line-height:24px; font-size:14px; color:#fff; background:#1cbfb5; margin-right:8px; border-radius:100%; font-weight:800;}
.answer-check-box dl[data-num $= "-1"] dt:before {content:"1";}
.answer-check-box dl[data-num $= "-2"] dt:before {content:"2";}
.answer-check-box dl[data-num $= "-3"] dt:before {content:"3";}
.answer-check-box dl[data-num $= "-4"] dt:before {content:"4";}
.answer-check-box dd {text-align:center; padding-bottom:10px; overflow:hidden;}
.answer-check-box dd ul {display:block; width:50%; float:left; text-align:center; vertical-align:top;}
.answer-check-box dd li {display:block; position:relative; vertical-align:top; text-align:left; z-index:0;}
.answer-check-box dd li input[type="radio"],
.answer-check-box dd li input[type="checkbox"] {position:absolute; z-index:-999; opacity:0;}

.answer-check-box dd li button,
.answer-check-box dd li label {display:inline-block; position:relative; padding-left:28px; line-height:30px; font-size:19px; color:#fff; word-break:keep-all;}
.answer-check-box dd li button:before,
.answer-check-box dd li label:before {content:""; display:block; position:absolute; left:0; top:4px; width:21px; height:21px; border-radius:100%; border:6px solid #9b5520; background:#713f19; box-sizing:border-box;}
.answer-check-box dd li.checked button:before,
.answer-check-box dd li input:checked + label:before {background:#1cbfb5; border-color:#fff;}

.btn-box .question-next + .question-result {display:none;}
.btn-box .question-next[aria-disabled="true"] {display:none;}
.btn-box .question-next[aria-disabled="true"] + .question-result {display:inline-block;}


/** 결과 영역 **/
#sec_result {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:50; overflow:auto; }
#sec_result .pop-wrap {position:relative; width:1200px; min-height:920px; margin:30px auto; padding-bottom:114px; box-sizing:border-box; background:#fff;}

.map-area {display:block; position:absolute; width:766px; height:592px; background:url('/assets/common/img/bak_map.png') no-repeat 50% 50%; background-size:contain;}
.quick-result .map-area {top:50%; left:45px; transform:translateY(-50%);}

#all_result_map .map-area {left:-55px; top:285px; transform:scale(.6, .6); -webkit-transform:scale(.6, .6);}

.map-area .maker {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; transition:.3s all; -webkit-transition:.3s all; opacity:0; transform:translateY(10px); -webkit-transform:translateY(10px);}
.quick-result .map-area .maker.rank1 {transition-delay:1s; -webkit-transition-delay:1s; z-index:50 !important;}
.quick-result .map-area .maker.rank2 {transition-delay:1.2s; -webkit-transition-delay:1.2s; z-index:49 !important;}
.quick-result .map-area .maker.rank3 {transition-delay:1.4s; -webkit-transition-delay:1.4s; z-index:48 !important;}
.map-area.active .maker.on {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}

.map-area[data-marker*="부산"] .maker[data-idx="부산"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="울산"] .maker[data-idx="울산"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="김해"] .maker[data-idx="김해"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="양산"] .maker[data-idx="양산"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="창원"] .maker[data-idx="창원"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="함안"] .maker[data-idx="함안"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="창녕"] .maker[data-idx="창녕"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="밀양"] .maker[data-idx="밀양"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="통영"] .maker[data-idx="통영"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="거제"] .maker[data-idx="거제"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="고성"] .maker[data-idx="고성"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="진주"] .maker[data-idx="진주"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="사천"] .maker[data-idx="사천"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="의령"] .maker[data-idx="의령"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="함양"] .maker[data-idx="함양"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="거창"] .maker[data-idx="거창"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="산청"] .maker[data-idx="산청"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="합천"] .maker[data-idx="합천"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="하동"] .maker[data-idx="하동"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}
.map-area[data-marker*="남해"] .maker[data-idx="남해"] {opacity:1; transform:translateY(0); -webkit-transform:translateY(0);}

.map-area .maker[data-idx="부산"] {z-index:19;}
.map-area .maker[data-idx="울산"] {z-index:20;}
.map-area .maker[data-idx="김해"] {z-index:14;}
.map-area .maker[data-idx="양산"] {z-index:4;}
.map-area .maker[data-idx="창원"] {z-index:18;}
.map-area .maker[data-idx="함안"] {z-index:10;}
.map-area .maker[data-idx="창녕"] {z-index:8;}
.map-area .maker[data-idx="밀양"] {z-index:1;}
.map-area .maker[data-idx="통영"] {z-index:3;}
.map-area .maker[data-idx="거제"] {z-index:13;}
.map-area .maker[data-idx="고성"] {z-index:2;}
.map-area .maker[data-idx="진주"] {z-index:7;}
.map-area .maker[data-idx="사천"] {z-index:5;}
.map-area .maker[data-idx="의령"] {z-index:9;}
.map-area .maker[data-idx="함양"] {z-index:16;}
.map-area .maker[data-idx="거창"] {z-index:17;}
.map-area .maker[data-idx="산청"] {z-index:15;}
.map-area .maker[data-idx="합천"] {z-index:6;}
.map-area .maker[data-idx="하동"] {z-index:11;}
.map-area .maker[data-idx="남해"] {z-index:12;}

.popup .close-popup {position:absolute; top:28px; right:35px; z-index:1;}
.popup .title {padding-top:30px; padding-bottom:20px; text-align:center;}
.popup .quick-result {position:relative; margin-top:0; height:680px; background:#af5f24;}

.popup .quick-result .result {display:block; position:absolute; padding:20px; width:320px; height:385px; box-sizing:border-box; background:#96521f; color:#fff; top:105px; right:53px;}
.popup .quick-result .result p {position:relative; padding:30px 0 30px 20px; font-size:26px; line-height:1.2; font-weight:400;}
.popup .quick-result .result p:before {content:""; display:block; position:absolute; top:41px; left:0; width:7px; height:7px; border-radius:100%; background:#fff;}
.popup .quick-result .result p span {display:block;}
.popup .quick-result .result p em {display:inline-block; line-height:50px; background:#11c5ba; color:#fff; font-weight:800; padding:0 14px; font-size:36px; margin:10px 0; letter-spacing:-0.1em;}
.popup .quick-result .result p + p {border-top:1px solid #b68663;}
.popup .quick-result .result p.error {padding-left:0; padding-top:110px; background: url(/assets/web/img/ico_error.png) no-repeat 50% 26px;}
.popup .quick-result .result p.error:before {display:none;}
.popup .quick-result .result p.error em {display:block; font-size:28px; background:transparent; text-align:center; margin:0; font-weight:700; padding:0;}
.popup .quick-result .result p.error span {text-align:center; font-size:18px; line-height:1.6; padding-top:10px;}
.popup .quick-result .result p.error + .btn {display:block; position:absolute; left:20px; right:20px; width:87%; bottom:30px; padding:0; height:60px;}

.popup .quick-result .share {display:block; position:absolute; width:320px; right:53px; bottom:75px;}
.popup .quick-result .share p {text-align:center; color:#fff; font-size:18px; padding-bottom:15px;}
.popup .quick-result .share nav {display:block; position:relative; height:60px; overflow:hidden; z-index:1;}
.popup .quick-result .share nav:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #bf7f50; z-index:0;}
.popup .quick-result .share nav > * {z-index:1;}
.popup .quick-result .share nav a {display:block; position:relative; width:60px; line-height:60px; text-align:center; float:left;}
.popup .quick-result .share nav a:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-left:1px solid #bf7f50; z-index:0;}
.popup .quick-result .share nav a:hover + a:after {border-left-width:0;}
.popup .quick-result .share nav a img {vertical-align:middle;}
.popup .quick-result .share nav a.btn-share-url {display:block; position:absolute; left:180px; right:0; width:auto; bottom:0; height:auto; border:none;}
.popup .quick-result .share nav a.fb:hover {background:#4066d3;}
.popup .quick-result .share nav a.tw:hover {background:#20a1f0;}
.popup .quick-result .share nav a.ka:hover {background:#f4d918;}
.popup .quick-result .share nav a.btn-share-url:hover {background:#333;}

.popup .all-result {display:none; position:relative; background:#f5f5f5; overflow:hidden;}
.popup .all-result:before {content:""; display:block; position:absolute; bottom:0; left:0; right:0; top:260px; z-index:0; background:#af5f24;}
.popup .all-result .title {padding-top:50px; padding-bottom:20px;}
.popup .all-result .inner {position:relative; min-height:880px; padding-bottom:50px;}
.popup .all-result .answer-check-box {display:block; width:570px; float:right; margin-right:45px; border-left: 2px solid #c78f66;}
.popup .all-result .answer-check-box > * {display:block; width:auto; border:none; padding:0 50px;}
.popup .all-result .answer-check-box dl + dl {margin-top:20px;}

.popup .all-result .answer-check-box dt {font-size:17px; line-height:45px; margin-bottom:15px;}
.popup .all-result .answer-check-box dd {overflow:hidden; text-align:left;}
.popup .all-result .answer-check-box dd ul {width:50%; float:left; display:block;}
.popup .all-result .answer-check-box dd ul + ul {margin:0;}
.popup .all-result .answer-check-box dd li button,
.popup .all-result .answer-check-box dd li label {box-sizing:border-box; width:100%; text-align:left; font-size:17px;}

.popup .white-box {display:block; position:relative; max-width:1000px; min-height:190px; background:#fff; border:1px solid #e0e0e0; margin:0 auto;}
.popup .white-box dt {display:block; text-align:center; padding:20px 20px; font-size:28px; font-weight:600; border-bottom:1px solid #e0e0e0;}
.popup .white-box dd {padding:10px 10px 20px; text-align:center; font-size:38px; word-break:keep-all; letter-spacing:-0.02em;}
.popup .question-pagination {margin-bottom:15px; max-width:1120px;}
.popup .question-pagination span i {width:43px; margin-left:-21px;}
.popup .question-nav-box button {top:196px; width:51px; }
.popup .answer-check-box dd {text-align:left;}

.popup .all-result .btn-box {position:relative; text-align:right; max-width:1000px; margin:0 auto; padding-bottom:23px;}

#sec_result .pop-wrap > .btn-box {position:absolute; left:0; right:0; bottom:80px; text-align:center; padding:0;}
#sec_result .pop-wrap > .btn-box .on {display:none;}
#sec_result .pop-wrap > .btn-box.open {bottom:64px;}
#sec_result .pop-wrap > .btn-box.open .on {display:inline-block;}
#sec_result .pop-wrap > .btn-box.open .off {display:none;}