@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');



* {box-sizing:border-box; word-break:keep-all; /* -webkit-font-smoothing:antialiased; */-webkit-text-size-adjust:none; text-size-adjust:none;}
html {font-size:10px; font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif; -webkit-tap-highlight-color:transparent; line-height:1;
    -webkit-font-smoothing: antialiased;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
table {width:100%; border:0; border-collapse:collapse; border-spacing:0; /*table-layout:fixed;*/}
fieldset,img {border:0;vertical-align:middle;}
img {width:100%;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400;}
li {list-style:none;}

body{position:relative; width:100%; height:100%; color:#111; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
#skip,hr,caption,legend {display:none;}
header, section, article,aside, nav, footer{display:block;}
input,textarea,select{font-family:inherit; vertical-align:middle; outline:0;}
textarea {padding:1rem; border:0.1rem solid #ccc; width:100%;}
textarea::-webkit-input-placeholder {color:#999}
textarea::-moz-input-placeholder {color:#999}
textarea::-ms-input-placeholder {color:#999}

.mt50 {margin-top:50px !important; font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif;}
.study_test {font-family:'Noto Sans KR', Apple Gothic, "돋움", Dotum, Verdana, sans-serif;}
.study_test {height:100%;}
.study_test * {box-sizing:border-box;}
.study_test.test_2021 {background:#0c1c37;}
.study_test.sub {background:#fff; padding-bottom:120px;}

.study_test .top_area {background:linear-gradient(to right, #14294e, #0f2243); height:70px; text-align:center;}
.study_test .top_area img {height:100%; width:auto;}
.study_test .btn_wrap {position:fixed; bottom:0; left:0; width:100%; height:70px; line-height:70px;}
.study_test .btn_wrap a {display:block; width:100%; height:100%; text-align:center; font-weight:bold; color:#000; font-size:24px; background:#999;}
.study_test .btn_wrap a span {font-weight:normal;}
.study_test.test_2021 .btn_wrap.active a {background:linear-gradient(to right, #91fbe1, #52e5ff);}
.study_test .qna_wrap {padding:30px 0 40px; max-width:450px; margin:0 auto;}
.study_test .qna_wrap .q_txt {margin:0 30px; font-size:20px; line-height:1.4; font-weight:500; color:#000; padding-left:40px; position:relative; word-break:break-all;}
.study_test .qna_wrap .q_txt .num {width:40px; font-weight:bold; color:#999; display:inline-block; position:absolute; left:0; top:0;}
.study_test .qna_wrap .q_txt .num em {position:relative; font-weight:bold;}
.study_test .qna_wrap .q_txt .num em:after {position:absolute; bottom:2px; right:-6px; width:12px; height:12px; border-radius:100%; content:''; background:#b2f9e9; z-index:-1;}
.study_test .a_wrap {margin:0 30px;}
.study_test .a_wrap .a_detail {display:flex; flex-direction:row; justify-content: center; margin-top:30px;}
.study_test .a_wrap .a_detail .detail {width:70px; font-size:12px; font-weight:400; color:#14294e;}
.study_test .a_wrap .a_detail .a_arrow {margin:0 20px; width:calc(100% - 140px); height:12px; position:relative;}
.study_test .a_wrap .a_detail .a_arrow span img {height:10px; width:auto; margin-top:1px;}
.study_test .a_wrap .a_detail .a_arrow .left {float:left;}
.study_test .a_wrap .a_detail .a_arrow .right {float:right;}
.study_test .a_wrap .a_detail .a_arrow:after {position:absolute; top:50%; left:0; width:100%; height:1px; background:#ccc; content:'';}

.study_test .gray_line {width:100%; height:10px; background:#f7f7f7;}

.radio_wrap {margin-top:12px;}
.radio_wrap .radio_area {display:inline-block; float:left; }
.radio_wrap .radio_area input {position:absolute; z-index:-1; opacity:0;}
.radio_wrap .radio_area label {height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#fff; background:#ccc; text-align:center; display:block; border-radius:4px; cursor:pointer;}
.radio_wrap .radio_area + .radio_area {margin-left:6px;}
.radio_wrap .radio_area input[type*="radio"]:checked + label {background:#14294e;}

.ams_txt {margin:20px 30px 0; }
.ams_txt ul { padding:20px 15px; max-width:390px; margin:0 auto; border:1px solid #ccc; }
.ams_txt li {padding-left:5px; position:relative; font-size:15px;}
.ams_txt li + li {margin-top:10px;}
.ams_txt li:after {width:2px; height:2px; border-radius:100%; background:#666; color:#666; content:''; left:0; top:50%; margin-top:-1px; position:absolute;}
.ams_txt li span {display:inline-block; width:80px;}
.ams_txt li strong {display:inline-block; font-weight:bold;}