@charset "utf-8";
/*@import url(_variables.css);
@import url(_button.css);*/
@import url(_font.css);

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-touch-callout:none;
	font-family:'NanumSquareNeo'
}
html {
	-webkit-font-size-adjust:none
}
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	font-family:'NanumSquareNeo';
}
body {
	line-height:1
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img {
	max-width:100%;
	border:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
ol,ul {
	list-style:none
}
html,body {
	height:100%;
	margin:0;
	padding:0;
	color:#666;
	font-family:'NanumSquareNeo';
	font-size:15px;
	line-height:140%
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0
}
th,td,input,textarea,select {
	font-family:'NanumSquareNeo';
	/* font-family:'ntk','나눔고딕','Dotum','arial','sans-serif'; */
	font-size:16px;
	/* color:#494949 */
}
table {
	border-collapse:collapse;
	border-spacing:0
}
address,caption,cite,code,dfn,em,var {
	font-style:normal;
	font-weight:normal
}
ol,ul,li {
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
abbr,acronym {
	border:0
}
hr {
	display:none;
	clear:both
}
img,fieldset {
	border:0 none
}
label {
	cursor:pointer
}
a {
	color:#666;
	font-family:'NanumSquareNeo';
	text-decoration:none
}
a:link,a:visited {
	text-decoration:none
}
a:hover,a:active {
	text-decoration:none
}
select {
	height:22px
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
	display:block
}
audio[controls],canvas,video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
acronym,abbr {
	cursor:help
}
abbr[title] {
	border-bottom:1px dotted
}
ul,ol {
	list-style:none;
	list-style-image:none
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none
}
label,select,input,button {
	vertical-align:middle
}
button {
	border:0;
	cursor:pointer
}
button,input,select,textarea {
	margin:0;
	font-size:100%;
	vertical-align:baseline;
	vertical-align:middle
}
button,input {
	overflow:visible;
	line-height:normal
}
button,select {
	text-transform:none
}
button[disabled],html input[disabled] {
	cursor:default
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	overflow:visible;
	cursor:pointer;
	-webkit-appearance:button
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box
}
select {
	margin:0;
	padding:0;
	border:1px solid #ccc;
	box-sizing:border-box;
	line-height:1
}
img {
	max-width:100%;
	border:0;
	vertical-align:top;
	-ms-interpolation-mode:bicubic
}
audio[controls],canvas,video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
html {
	overflow-y:scroll;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
label,input,button,a,span {
	line-height:1.6
}
body,button {
	font-size:16px;
	line-height:1.6;
	color:#464646
}
hr {
	display:none;
	height:0;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
a,a:hover {
	text-decoration:none;
	color:#333
}
/* a:focus,button:focus {
	outline:thin dotted
}
a:active,a:hover,button:active,button:hover {
	outline:thin dotted
} */

acronym,abbr {
	cursor:help
}
abbr[title] {
	border-bottom:1px dotted
}
ul,ol {
	list-style:none;
	list-style-image:none
}
blockquote,q {
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none
}
label,input,button {
	vertical-align:middle
}
button {
	border:0;
	cursor:pointer
}
button,input,textarea {
	margin:0;
	font-size:100%;
	vertical-align:baseline
}
button,input {
	line-height:1
}
button {
	text-transform:none
}
button[disabled],html input[disabled] {
	cursor:pointer
}
button,input[type="reset"],input[type="submit"] {
	cursor:pointer
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box
}
select {
	border:1px solid #c9c9c9
}
form,input,form,fieldset {
	border:0
}
label,select,input,button {
	vertical-align:middle
}
button {
	border:0;
	cursor:pointer
}
button,input,textarea {
	margin:0;
	font-size:100%;
	vertical-align:baseline
}
button,input {
	line-height:normal
}
button {
	text-transform:none
}
button[disabled],html input[disabled] {
	cursor:default
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box
}
select {
	margin:0;
	padding:0;
	border:1px solid #c9c9c9;
	box-sizing:border-box;
	line-height:1
}
form label,form input,form span,form img,form em,form a {
	display:inline-block;
	margin-top:0;
	vertical-align:middle
}
form fieldset,legend,form input {
	border:0
}
input,textarea {
	font-size:1em;
	font-family:'NanumSquareNeo';
	vertical-align:baseline;
	vertical-align:middle;
	border:0
}
input[type="checkbox"],input[type="radio"] {
	margin:0 3px 0 0;
	padding:0;
	width:13px;
	height:13px;
	line-height:13px;
	vertical-align:middle
}
input[type="checkbox"]+label,input[type="radio"]+label {
	display:inline-flex;
	align-items:center;
	vertical-align:middle;
	cursor:pointer
}
input[type="text"],input[type="password"],input[type="file"],input[type="search"] {
	width:auto;
	height:2.5rem;
	margin:0;
	text-indent:5px;
	border:1px solid #adadad;
	border-top-color:#adadad
}
input[type="file"] {
	height:26px;
	padding:0 5px;
	font-size:.929em;
	border:1px solid #adadad
}
:root input[type="file"] {
	padding:0 5px 0 0;
	border:0 none
}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled] {
	background:#f3f3f3;
	color:#928881
}
input[type="submit"] {
	border:1px solid #adadad;
	background:#f3f3f3;
	color:#928881
}
input[type="button"],input[type="reset"],input[type="submit"] {
	min-width:20px;
	width:auto;
	height:28px;
	padding:4px 16px;
	margin:0;
	border:1px solid #575757;
	background:#575757;
	font-weight:400;
	font-size:.9em;
	line-height:1em;
	color:#fff
}
textarea {
	overflow:auto;
	padding:0;
	border:1px solid #adadad;
	vertical-align:top
}
select {
	height:28px;
	margin:0;
	border:1px solid #adadad;
	border-top-color:#adadad
}
legend {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	border:0;
	white-space:normal
}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"],select,textarea {
	margin:0;
	width:100%;
	border:1px solid #ccc;
	color:#666;
	vertical-align:middle
}
input[type="text"],input[type="password"],input[type="tel"],input[type="email"],input[type="number"] {
	line-height:18px
}
textarea {
	resize:none;
	overflow-y:scroll
}
select:focus {
	position:relative
}
*+html body select {
	padding:0
}
fieldset {
	margin:0;
	padding:0;
	border:0
}
form label,form input,form select,form span,form img,form em,form a {
	display:inline-block;
	margin-top:0;
	/*vertical-align:baseline*/
}
input,textarea,select {
	font-size:1em;
	font-family:'NanumSquareNeo';
	vertical-align:baseline;
	vertical-align:middle
}
input {
	border:0
}
a {
	font-family:'NanumSquareNeo';
}
table {
	table-layout:fixed
}
legend {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	width:0;
	height:0;
	margin:0;
	padding:0;
	line-height:0
}
.hide,.skip {
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:0;
	font-size:0;
	overflow:hidden
}
#accessibility {
	position:absolute;
	top:-1px;
	left:0;
	background-color:#333;
	z-index:999999
}
#accessibility a {
	position:absolute;
	top:0;
	left:0;
	padding:10px 25px;
	margin-top:-100px;
	text-align:center;
	line-height:1;
	white-space:nowrap;
	background:#000
}
#accessibility a:link {
	color:#333
}
#accessibility a:focus {
	margin-top:0;
	text-decoration:underline;
	color:#fff
}
.clearfix {
	width:100%
}
.clearfix:after {
	content:"";
	display:block;
	visibility:hidden;
	clear:both
}
.bold {
	font-weight:800
}

button {background-color:transparent}
i {font-style:normal}
.none {display:none}

/* 문항 common */
/* screen reader only*/
.sr-only {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}

/* display */
.dis_block{display:block!important}
.dis_flex{display:flex!important}
.dis_inblock{display:inline-block!important}
.dis_inflex{display:inline-flex!important}

/* align */
.flex-col{flex-direction:column!important}
.flex-row{flex-direction:row!important}
.fx_align_c{align-items:center!important}
.fx_align_l{align-items:flex-start!important}
.fx_align_r{align-items:flex-end!important}
.fx_valign_c{justify-content:center!important}
.fx_valign_l{justify-content:flex-start!important}
.fx_valign_r{justify-content:flex-end!important}
.fx_valign_bw{justify-content:space-between!important}
.align_l{text-align:left!important}
.align_r{text-align:right!important}
.align_c{text-align:center!important}

/* gap */
.gap0{gap:0!important}
.gap10{gap:10px!important}
.gap20{gap:20px!important}
.gap30{gap:30px!important}
.gap40{gap:40px!important}

/* BUTTON  - _button.css */
a {text-decoration: none;color: #333;}
button {border: 0; background: none; cursor: pointer;}

/* tab 버튼*/
.bn_tab {padding: 16px 20px; font-weight: 800; font-size: 1.6rem;}
.bn_tab.on {display: flex; gap: 5px; background: var(--c_blue_1);}
.bn_tab.on::after {content:"";display:block;width: 16px;height: 16px;background:url(../images/common/arrow_under_blue.svg) no-repeat;}

/* 팝업 닫기버튼 */
.bn_close {width:7.2rem;height:7.2rem;border-radius:20rem;background:#F6F6F6 url(../images/common/ico_close_b.svg) no-repeat 50% 50%;}
.bn_close.bk {background:#333 url(../images/common/ico_close_w.svg) no-repeat 50% 50%; transition: var(--ani_time);}
.bn_close.bk:hover {background-color: #444;}

/* 프린트/저장버튼그룹 */
.etcwrap{display:flex;gap:2rem;justify-content: flex-end;}
.etcwrap button{display:flex;align-items:center;gap:.5rem;color:#545454}
.etcwrap button::before{content:"";display:block;width:2rem;height:2rem;background:url(../images/common/ico_print.svg) no-repeat}
.etcwrap button:last-child::before{background-image:url(../images/common/ico_save.svg);}

/* TABLE */
.question_wrapper table {display:table;width:100%;border-top:3px solid var(--c_primary);font-weight:400;}
.question_wrapper table caption {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
.question_wrapper table th {border-width:0px 1px 1px 0px;border-style: solid;text-align: center;letter-spacing: -0.05em;}
.question_wrapper table th, .question_wrapper table td {padding:8px 5px;border-left:1px solid #E3EEF3;border-bottom:1px solid #E3EEF3;margin-left:-1px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#757575;font-size:1rem;}
.question_wrapper table thead th {border-color:#D0D7E0;color:var(--c_gray_80);font-weight:800;background:#fff;}
.question_wrapper table tbody th {border-color:#E3EEF3;color:var(--c_gray_80);font-weight:600;}
.question_wrapper table th:first-child, table td:first-child {border-left:none;}
.question_wrapper table th:last-child, table td:last-child {border-right:none;}
.question_wrapper table th, table td img {vertical-align:middle}
.question_wrapper table.center tbody tr td{text-align:center;}

.question_wrapper table thead th span.step_tit {display: flex; justify-content: center; gap: 5px; line-height: 2.5rem;}

/* 테이블 바디*/
.question_wrapper table tbody tr:nth-child(odd) {background: #fff;}
.question_wrapper table tbody tr:nth-child(even) {background: #fff;}
.question_wrapper table tbody tr td {font-weight: 400;font-family: var(--f_nsR);color: #555;}
.question_wrapper table tbody tr:nth-child(1) td {padding-top: 11px;}

/* tab */
.tabs {width:100%}
.tabs .tab-header {position:relative;display:flex;align-items:center;gap:1rem;}
.tabs .tab-header::after{z-index:0;content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:.2rem;background:var(--c_blue);}
.tabs .tab-header > button {position:relative;padding:2.2rem 4.2rem;font-size:1.6rem;font-weight:800;color:#757575;border-top-left-radius:1rem;border-top-right-radius:1rem;border:2px solid #fff;border-bottom:0;cursor: pointer;background-color:#fff;}
.tabs .tab-header > button.active {z-index:10;color:var(--c_blue);border-color:var(--c_blue);background:var(--bg_body);}
.tabs .tab-body{padding:0;font-size:1.5rem}
/* .tabs .tab-body > div {display:none;} */
.tabs .tab-body > div.active {display:block;}

/* ul */
.list_1st{margin-left:1rem}
.list_1st li{position:relative;padding:.4rem .4rem .4rem 1rem;text-align:left;font-size:1.5rem}
.list_1st li::before{content:"";position:absolute;left:0;top:50%;display:block;width:.3rem;height:.3rem;border-radius:4rem;transform:translateY(-50%);background:var(--c_gray_70);}

.list_ol{display:flex;flex-direction:column;gap:10px;}
.list_ol > li{position:relative}
.list_ol > li::before{content:'1';display:flex;justify-content:center;align-items:center;gap:10px;width:30px;height:30px;border-radius:100px;border: 1px solid var(--c_primary);color:var(--c_primary);font-weight:800;font-size:16px;background:var(--c_primary_p10);}
.list_ol > li:nth-of-type(2)::before{content:'2';}
.list_ol > li:nth-of-type(3)::before{content:'3';}
.list_ol > li:nth-of-type(4)::before{content:'4';}
.list_ol > li:nth-of-type(5)::before{content:'5';}
.list_ol > li:nth-of-type(6)::before{content:'6';}
.list_ol > li:nth-of-type(7)::before{content:'7';}
.list_ol > li:nth-of-type(8)::before{content:'8';}

.list_kor{display:flex;flex-direction:column;gap:10px;}
.list_kor > li{position:relative}
.list_kor > li::before{content:'ㄱ';display:flex;justify-content:center;align-items:center;gap:10px;width:30px;height:30px;border-radius:100px;border: 1px solid var(--c_primary);color:var(--c_primary);font-weight:800;font-size:16px;background:var(--c_primary_p10);}
.list_kor > li:nth-of-type(2)::before{content:'ㄴ';}
.list_kor > li:nth-of-type(3)::before{content:'ㄷ';}
.list_kor > li:nth-of-type(4)::before{content:'ㄹ';}
.list_kor > li:nth-of-type(5)::before{content:'ㅁ';}
.list_kor > li:nth-of-type(6)::before{content:'ㅂ';}
.list_kor > li:nth-of-type(7)::before{content:'ㅅ';}
.list_kor > li:nth-of-type(8)::before{content:'ㅇ';}

.list_kor2{display:flex;flex-direction:column;gap:10px;}
.list_kor2 > li{position:relative}
.list_kor2 > li::before{content:'가';display:flex;justify-content:center;align-items:center;gap:10px;width:30px;height:30px;border-radius:100px;border: 1px solid var(--c_primary);color:var(--c_primary);font-weight:800;font-size:16px;background:var(--c_primary_p10);}
.list_kor2 > li:nth-of-type(2)::before{content:'나';}
.list_kor2 > li:nth-of-type(3)::before{content:'다';}
.list_kor2 > li:nth-of-type(4)::before{content:'라';}
.list_kor2 > li:nth-of-type(5)::before{content:'마';}
.list_kor2 > li:nth-of-type(6)::before{content:'바';}
.list_kor2 > li:nth-of-type(7)::before{content:'사';}
.list_kor2 > li:nth-of-type(8)::before{content:'아';}

/* 대본형태 */
.list_kor3 {display:flex;flex-direction:column;gap:10px;}
.list_kor3 li {display:flex;align-items:center;line-height:1.5;}
.list_kor3 li b {min-width:40px;margin-right:16px;}

.list_num li {position:relative;margin:7px 0;padding-left:26px;line-height:1.6;word-wrap:break-word;word-break:keep-all;}
.list_num li::before{content:"";position:absolute;left:0;top:2px;display:inline-block;overflow:hidden;width:18px;height:18px;border-radius:50%;background-image:none;font-family:var(--f_nsN);color:#fff;font-size:12px;text-align:center;vertical-align:middle;font-weight:bold;background:var(--c_primary);}
.list_num li:nth-of-type(1)::before{content:"1";}
.list_num li:nth-of-type(2)::before{content:"2";}
.list_num li:nth-of-type(3)::before{content:"3";}
.list_num li:nth-of-type(4)::before{content:"4";}
.list_num li:nth-of-type(5)::before{content:"5";}
.list_num li:nth-of-type(6)::before{content:"6";}
.list_num li:nth-of-type(7)::before{content:"7";}
.list_num li:nth-of-type(8)::before{content:"8";}
.list_num li:nth-of-type(9)::before{content:"9";}
.list_num li:nth-of-type(10)::before{content:"10";}
.list_1st li b,
.list_1st dd b,
.list_2st li b,
.list_num li b {display:inline-block;margin-right:12px;color:var(--c_gray_80);vertical-align:baseline;}

.list_ol > li::before, .list_kor > li::before, .list_kor2 > li::before{flex-shrink: 0;}
.list_ol > li.gr::before, .list_kor > li.gr::before, .list_kor2 > li.gr::before{border-color:var(--c_gray_50);color:var(--c_gray_70);background:var(--c_bg_gray_m);}
.list_ol > li.txtwrap.dis_flex, .list_kor > li.txtwrap.dis_flex, .list_kor2 > li.txtwrap.dis_flex{gap:10px}
.list_ol > li.txtwrap p, .list_kor > li.txtwrap p, .list_kor2 > li.txtwrap p{width: calc(100% - 45px);}

.list_st{display:flex;justify-content:center;align-items:center;gap:10px;width:30px;height:30px;border-radius:100px;border: 1px solid var(--c_gray_50);color:var(--c_gray_70);font-weight:800;font-size:16px;background:var(--c_bg_gray_m);}
.on .list_st {border-color:var(--c_primary);color:var(--c_primary);background:var(--c_primary_p10);}

.question_wrapper table .list_1st li {font-size:1rem;padding:0 0 0 1rem;}
.question_wrapper table .list_1st li::before {top:14px;}

/* form */
/* data-form */
.question_wrapper input[type="text"],
.question_wrapper input[type="password"],
.question_wrapper input[type="tel"],
.question_wrapper input[type="date"],
.question_wrapper input[type="email"],
.question_wrapper input[type="number"],
.question_wrapper textarea{max-width:100%; height:32px; box-sizing:border-box; padding:0 10px;border-radius: 4px;border: 2px solid var(--c_gray_70);vertical-align:middle; font-size:16px; font-weight:500; letter-spacing:-1px;color:var(--c_primary);font-family:var(--f_nsR);background: #fff; transition:border 0.3s ease 0s;}
.question_wrapper textarea{resize:none; height:420px; border:1px solid #ddd;padding:40px;}
.question_wrapper input[type="text"]:focus,
.question_wrapper input[type="password"]:focus,
.question_wrapper input[type="tel"]:focus,
.question_wrapper input[type="date"]:focus,
.question_wrapper input[type="email"]:focus,
.question_wrapper input[type="number"]:focus,
.question_wrapper textarea:focus{outline:none;border-color:var(--c_pramary)}
.question_wrapper input::placeholder{color:#999; font-size:16px; font-weight:400;}
.question_wrapper ::placeholder{opacity:1; color:#999; font-size:16px; font-weight:400;}
.question_wrapper ::-ms-input-placeholder{color:#999; font-size:16px; font-weight:400;}

/* design select */
.designSelect{position:absolute; top:0px; width:100%;}
.designSelect .select{display:block; position:relative; width:100%; height:74px; font-size:20px; color:#999; text-align:left; cursor:pointer;}
.designSelect .select select{display:none;}
.designSelect .selectbox{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:74px; box-sizing:border-box;  background-color:transparent; border:0px solid #ddd; border-bottom-width:2px; color:#999;}
.designSelect .selectbox:after{content:''; position:absolute; top:33px; right:15px; width:17px; height:10px; background:url(../images/common/img_select_arrow.png) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(0); transition:transform 0.3s ease 0s;}
.designSelect .selectbox:active,
.designSelect .selectbox.active{color:#141414; border-color:rgba(255,255,255,0.1); transition:all 0.8s ease 0s;}
.designSelect .selectbox:active:after,
.designSelect .selectbox.active:after{transform:rotate(180deg); transition:all 0.8s ease 0s;}
.designSelect .selectoption{display:none; position:absolute; top:calc(100% - 2px); right:0; left:0; z-index:99; margin:0; padding:40px; box-sizing:border-box; background:#fff; border:1px solid #222; list-style:none; color:#999;}
.designSelect .selectoption li{padding:5px 0; font-size:18px; letter-spacing:-0.5px;}
.designSelect .selectoption li:hover{color:#000;}
.designSelect .selectoption li[rel="hide"]{display:none;}
/* design radio */
.designRadio{display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.designRadio li{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.designRadio input[type="radio"]{position:absolute; opacity:0;cursor:pointer;}
.designRadio input[type="radio"] + label{display:inline-flex;align-items:center;gap:8px;padding:0;line-height:1;font-weight:400;cursor:pointer;}
.designRadio input[type="radio"] + label:before{position:unset;content:''; display:block; width:16px; height:16px; background:#fff url(/images/common/img_radio.png) no-repeat 0 0;}
.designRadio input[type="radio"]:checked + label:before{background-position:0 -16px;}
.designRadio input[type="radio"]:disabled + label:before{background-position:0 -32px;}
.designRadio.long {flex-direction:column;align-items:flex-start!important;align-content:flex-start;gap:26px!important;}

.designRadio.tt_type {display:inline-block;line-height:2.5;}
.designRadio.tt_type input[type="radio"] + label {display:inline;padding-left:5px;}
.designRadio.tt_type input[type="radio"] + label:before {display:none;}
.designRadio.tt_type input[type="radio"]:checked + label {display:inline;color:var(--c_primary)}
.designRadio.tt_type input[type="radio"]:checked + label:after {display:none;}
.designRadio.tt_type input[type="radio"]:checked + label .txtblock {border-color:var(--c_primary) !important;color:var(--c_primary) !important;}
.designRadio.tt_type input[type="radio"]:checked + label .underline{border-color:var(--c_primary) !important;color:var(--c_primary) !important;}
.designRadio.tt_type .txtblock{margin:4px 0;padding:6px 12px;}/* 문장 박스형 */

.designRadio input[type="radio"]:checked + label .list_st{border-color:var(--c_primary);color:var(--c_primary);background:var(--c_primary_p10);}

/* design checkbox */
.designCheck{display:flex;align-items:center;gap:30px;flex-wrap:wrap;}
.designCheck li{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.designCheck input[type="checkbox"]{position:absolute; opacity:0;}
.designCheck input[type="checkbox"] + label{display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer; line-height:1;}
.designCheck input[type="checkbox"] + label:before{content:''; display:block;width:16px; height:16px; background:#fff url(/images/common/img_checkbox.png) no-repeat 0 0;}
.designCheck input[type="checkbox"]:checked + label:before{background-position:0 -16px;}
.designCheck input[type="checkbox"]:disabled + label:before{background-position:0 -32px;}
.designCheck.long {flex-direction:column;align-items:flex-start!important;align-content:flex-start;gap:16px!important;}

/* select 타입별*/
/* 공통*/
.designSelect {position:relative;margin:auto;border:none;border-radius:4px;width:220px;height:50px;background:#fff;}
.designSelect .lay {width:100%;height:50px;border: none;background: transparent; border-radius:0; border-radius: 4px;}
.designSelect .lay strong {display:block;width:100%;height:100%;}
.designSelect .lay a {position:relative;display:flex;align-items:center;width:100%;height:50px;line-height:1.2;padding:0 36px 0 16px;color:var(--c_gray_50);font-size:16px;font-weight:800;border-radius:4px;border: 2px solid var(--c_gray_40);}
.designSelect .lay a::after {content:"";display:block;position:absolute;right:10px;top:10px;width:24px;height:24px;transform:rotate(0deg);-webkit-transform: rotate(0deg);background: url(../images/common/ico_arr_bott.svg) no-repeat 50%;transition: all var(--ani_time) ease;-webkit-transition: all var(--ani_time) ease;}
.designSelect.on .lay a{border-radius:4px 4px 0 0 }
.designSelect.on .lay a::after {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.designSelect.on .lists {display:block;position:absolute;top:47px;width:100%;padding:0 20px;z-index:10;border:2px solid var(--c_gray_40);border-top:0;overflow-y: scroll;}
.designSelect .lists {display:none;max-height:200px;border-radius:3px;background:#fff;}
.designSelect .lists ul{padding-top:10px;border-top:1px solid #E3EEF3;}
.designSelect .lists ul li {text-align:center;margin:10px 0;}
.designSelect .lists ul li a {display:block;height:auto;min-height:30px;line-height:1.2;text-align:left;}
.designSelect .lists ul li a:hover {color:var(--c_primary)}
.designSelect .lists ul li a span.bullet.num.gr:hover{border-color:var(--c_primary);color:var(--c_primary);background:var(--c_primary_p10);}

.designSelect.type01{width:auto;min-width:120px;height:36px;margin:0;}
.designSelect.type01 .lay{height:36px;}
.designSelect.type01 .lay a{height:36px;padding:10px;padding-right:40px;border-width:1px;font-weight:400;font-size:15px;}
.designSelect.type01 .lay a::after{top:5px;right:8px;width:20px;height:20px;background-image:url(/images/common/ico_arr_b_g.svg);}
.designSelect.type01 .lists {padding:3px 11px;}
.designSelect.type01.on .lists{top:35px;border-width:1px;border-radius:0 0 3px 3px}
.designSelect.type01 .lists ul li a{height:36px;line-height:36px;font-size:14px;}

/*@media(max-width:1080px){
	.designSelect .lists ul {padding:0;border:0;;}
	.designSelect.on .lists {top:-190px;border:2px solid var(--c_gray_40);border-bottom:0;}
}
@media(max-height:800px){
	.designSelect .lists ul {padding:0;border:0;;}
	.designSelect.on .lists {top:-190px;border:2px solid var(--c_gray_40);border-bottom:0;}
}*/


/* color */
.c_primary{color:var(--c_primary)}
.c_point{color:#26FFFF!important}
.c_red{color:#FC2150 !important}

/* 단일로 사용되는 수학기호 사용예시 : <i class="mico ico_y"></i> */
.mico {display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-position:50%;vertical-align:middle;mix-blend-mode:darken;font-size:0;text-indent:-9999px;}
.mico.ico_y {background-image:url('/images/question/math_img_y.png');background-position:50% 3px;}
.mico.ico_x {background-image:url('/images/question/math_img_x.png');}
.mico.ico_a {background-image:url('/images/question/math_img_a.png');}
.mico.ico_b {background-image:url('/images/question/math_img_b.png');}
.mico.ico_eq {background-image:url('/images/question/math_img_eq.png');} /* 등호 = */
.mico.ico_pl {background-image:url('/images/question/math_img_pl.png');} /* 더하기 + */

/* bullet */
.bullet {display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:6px 22px;border-radius:30px;border:1px solid var(--c_primary);color:var(--c_primary);background:var(--c_primary_p10);}
.bullet.gray {color:var(--c_gray_70);border-color:transparent;background:var(--c_bg_gray_m);font-weight:800;}
.bullet.num {width:30px;height:30px;padding:0;border-radius:30px;min-width:30px;min-height:30px;font-weight:800;margin-right:4px;font-size:14px;} /* 123,가다나 등 개별 넘버링, 국어과는 문장 중에 사용할때 */
.bullet.num.gr {border-color:var(--c_gray_50);color:var(--c_gray_70);background:var(--c_bg_gray_m);}
.designRadio.tt_type input[type="radio"]:checked + label .bullet.num.gr {border-color:var(--c_primary);color:var(--c_primary);background:var(--c_primary_p10);}

/* 말풍선 :: 이미지 + 말풍선일땐 bb_wrap을 씌움, 말풍선 꼬리 위치 변경은 페이지별 css 추가, 두 개 이상일때는 부모요소에 클래스 추가, 사용예시 :: math_msh2_dq5_7 */
.bb_wrap {display:flex;align-items:center;}
.bubble {position:relative;display:inline-block;padding:22px 20px;line-height:1.7;border-radius:5px;border:2px solid #7F7F7F;font-size:16px;text-align:left;background:#FFF;}
.bubble:after {z-index:1;content:'';position:absolute;display:block;width:0;right:-24.8px;top:40px;border-style:solid;border-width:0 16px 20px 17.5px;border-color:#FFFFFF transparent;}
.bubble:before {z-index:0;content:'';position:absolute;display:block;width:0;right:-28px;top:40px;border-style:solid;border-width:0 16px 20px 17.5px;border-color:#7F7F7F transparent;}
.bubble:after, .bubble:before {transform:rotate(90deg);}
.bubble.dash, .bubble.dash:after, .bubble.dash:before {border-style:dashed;}
.bubble.on {border-color:var(--c_primary) !important;}
.bubble.on:before {border-color:var(--c_primary) transparent !important;}

/* 블루 화살표 */
.arr_blue {width:32px;height:32px;background:url('/images/common/arr_blue.svg') no-repeat 50%;}

/* 텍스트 박스 스타일 */
.txtwrap {line-height:2;color:var(--c_gray_70);} /* 문단 */
.txtwrap.dis_flex {align-items:flex-start;width:100%;gap:20px;line-height:2;}
.txtwrap.dis_flex > .bullet.gray {min-width:100px;}
.txtwrap > p {line-height:2;}
.tb_box {display:flex;flex-direction:column;align-items:center;width:calc(100% - 50px);} /* txtblock 여러개 사용하여 정렬이 필요할때 */
.tb_box > .txtblock {width:100%;}

.txtblock {display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:100px;line-height:1.7;margin:0 2px;padding:4px 6px;border-radius:4px;border:2px solid var(--c_gray_40);text-align:left;vertical-align:middle;background:#fff;} /* 한줄짜리 텍스트 박스 */
.txtblock.on {border-color:var(--c_primary) !important;color:var(--c_primary) !important;}
.txtblock.dash {border-style:dashed;}
.txtblock.bk {border-color:#495057}
.txtblock.qa, .txtblock.qe {border-color:var(--c_gray_40) !important;}
.txtblock.on.qa, .txtblock.on.qe {border-color:var(--c_primary) !important;}
.txtblock.in{display:inline;line-height:2.5;padding:5px 5px 7px 5px;}

/* 텍스트 스타일 */
.underline {line-height:1.2;border-bottom:1px solid var(--c_gray_70);}/* 밑줄긋기 */
.c_primary.underline{border-color:var(--c_primary) !important;}
.txtright {display:inline-block;line-height:1.5;text-align:right;width:100%;}/* 한줄짜리 텍스트 정렬 오른쪽 */
.txtcenter {display:inline-block;line-height:3;text-align:center;width:100%;}/* 한줄짜리 텍스트 정렬 가운데 */
.strong {display:block;width:100%;text-align:center;font-weight:800;}

/* 오디오 */
audio {filter:brightness(1.1);}

/* 비디오 */
video {width:600px;}

sup{vertical-align:super;}






























/* 기존 온채움 초등 common*/

blockquote,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,ul{margin:0;padding:0}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}

ul{list-style:none}

button,input,select,textarea{margin:0}

html{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;min-width:300px;overflow-x:hidden;overflow-y:scroll;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}

*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}

img,video{height:auto;max-width:100%}

fieldset,iframe{border:0}


article,aside,figure,footer,header,hgroup,hr,section{display:block}

code,pre{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}

body,code{font-weight:400}


a{color:var(--c_gray_80);cursor:pointer;text-decoration:none;-webkit-transition:all .2s;transition:all .2s}

a strong,pre code{color:currentColor}

a:hover,strong{color:#363636}

code{color:#da1039;padding:.25em .5em}

hr{border:0;height:2px;margin:1.5rem 0}

input[type=checkbox],input[type=radio]{vertical-align:baseline}

code,small{font-size:.875em}

span{font-style:inherit;font-weight:inherit}

strong{font-weight:700}

.box,body,pre{color:var(--c_gray_90)}

code,hr,pre{background-color:#f5f5f5}

pre{-webkit-overflow-scrolling:touch;font-size:.875em;overflow-x:auto;padding:1.25rem 1.5rem;white-space:pre;word-wrap:normal}

pre code{background-color:transparent;font-size:1em;padding:0}