@charset "utf-8";
@import url("font/pretendard/pretendard.min.css");
@font-face {
	font-family:'HSBombaram';
	src: url('font/HSBombaram21.woff2') format('woff2');
}
@font-face {
	font-family: 'KimjungchulMyungjoR';
	src: url('font/KimjungchulMyungjo-Regular.woff2') format('woff2');
}

:root {
	--hs: 'HSBombaram', '바탕체', sans-serif;
	--kjc: 'KimjungchulMyungjoR', '바탕체', sans-serif;
}
*:focus-visible{outline:0.1rem solid #000; box-shadow: inset 0.1rem 0.1rem #fff, inset -0.1rem -0.1rem #fff;}
* {box-sizing:border-box;}

html{margin: 0; padding: 0;} /*10px*/

/*각자 초기화할 폰트*/
html,body,div,p,dl,dt,dd,ol,ul,li,label,legend,table,input,button, select, textarea {font-family:'Pretendard', 'Malgun Gothic', '맑은고딕', sans-serif;}

body {margin:0; padding:0; color:#3C3733; font-weight:normal; line-height:160%;}
html,body,div,p,dl,dt,dd,ol,ul,li,label,legend,table,input,button {margin:0; padding:0; font-size:1.6rem;}
select, textarea {vertical-align:top; color:#3C3733;}

table {word-break:break-all;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0;}
ul, li, dl, dd {list-style-type:none;}
img, input.image, fieldset,iframe {border:0 none;}
img, fieldset {border:none;}
li img, dd img {vertical-align:top;}
input,textarea {vertical-align:middle;}
input[type=submit]{cursor:pointer}
hr {display:none;}
legend {position:absolute; top:0; left:0; overflow:hidden; height:0; font-size:0; line-height:0;}
img {max-width:100%;}
address {font-style:normal;}
textarea, select {border: 1px solid #c9c9c9; background: #fff;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
button {cursor:pointer;}
table {border-collapse:collapse;}
.ir, caption, .hidden {overflow:hidden !important; position: absolute !important; clip: rect(0,0,0,0); clip-path: polygon(0 0, 0 0, 0 0); width: 1px !important; height: 1px !important; margin: -1px !important;}
.dp_bl {display: block !important;}
/* link */
a {color: #3C3733; text-decoration:none}
a:hover {text-decoration:underline}
/* ol_type */
li.type_decimal {list-style-type:decimal; margin-left:2rem;}
li.type_lower_roman {list-style-type:lower-roman;}
/* line */
.float_l {float:left;}
.float_r {float:right;}
.clear_b {clear:both;}
.middle {vertical-align:middle !important;}
.top {vertical-align:top !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.justify {text-align:justify;}
td.left {text-align:left !important;}
/* font */
.lfont {font-weight:300;}
.wfont {font-weight:600;}
.sfont {font-size:0.95em;}
.bfont {font-size:1.2em;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-0.1rem !important;}
.point{color:#d72323 !important; font-weight: normal !important;}
.underline{text-decoration:underline}
/* skip_nav */
.skipnav { position:absolute; top:0; left:0; width:100%; z-index:999999; }
.skipnav a {display:block; position:absolute; top:0; left:0; height:0; font-size:0; line-height:0; text-align:center; transition:all ease .2s}
.skipnav a:hover,
.skipnav a:active,
.skipnav a:focus { position:relative; margin:auto; width:100%; height:10rem; line-height:10rem; background:#261d18; text-align:center; color:#ffd84e; border:2px solid #ffd84e; font-weight:bold; font-size:2rem;}

#detail_con>.ready {text-align:center; margin-top:8rem; margin-bottom:8rem;}
#detail_con>.ready p.stit {display:inline-block; padding:1rem 10rem; color:#fff; background:#000;}
#detail_con>.ready p.con {position:relative; margin-top:3rem; margin-bottom:20rem; font-size:2.5rem;}
#detail_con>.ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:12.5rem; background:#a8a8a8;}
#detail_con>.ready .end {color:#4e4e4e;}

/*margin_padding*/
.mt_n {margin-top:0 !important;}
.margin_20 {margin:2rem;}
.margin_t5 {margin-top:0.5rem;}
.margin_t10 {margin-top:1rem !important;}
.margin_t15 {margin-top:1.5rem !important;}
.margin_t20 {margin-top:2rem !important;}
.margin_t25 {margin-top:2.5rem;}
.margin_t30 {margin-top:3rem !important;}
.margin_t35 {margin-top:3.5rem;}
.margin_t40 {margin-top:4rem;}
.margin_t50 {margin-top:5rem !important;}
.margin_t100 {margin-top:10rem;}

.margin_l5 {margin-left:0.5rem;}
.margin_l10 {margin-left:1rem !important;}
.margin_l20 {margin-left:2rem;}
.margin_l25 {margin-left:2.5rem;}
.margin_l30 {margin-left:3rem;}
.margin_l40 {margin-left:4rem;}

.margin_r5 {margin-right:0.5rem;}
.margin_r10 {margin-right:1rem;}
.margin_r25 {margin-right:2.5rem;}
.margin_r30 {margin-right:3rem;}
.margin_r40 {margin-right:4rem;}

.margin_b0 {margin-bottom: 0 !important;}
.margin_b5 {margin-bottom:0.5rem !important;}
.margin_b10 {margin-bottom:1rem !important;}
.margin_b20{margin-bottom:2rem !important;}
.margin_b30{margin-bottom:3rem;}
.margin_b40 {margin-bottom:4rem;}
.margin_b50 {margin-bottom:5rem !important;}

.padding_t5 {padding-top:0.5rem;}
.padding_t10 {padding-top:1rem;}
.padding_t15 {padding-top:1.5rem;}
.padding_t20 {padding-top:2rem;}
.padding_t25 {padding-top:2.5rem;}
.padding_t50 {padding-top:5rem;}

.padding_b5 {padding-bottom:0.5rem;}
.padding_b10 {padding-bottom:1rem;}
.padding_b20 {padding-bottom:2rem;}


/***************************************************************************************************************************/

@media print {
	html { font-size: 10px; print-color-adjust: exact; -webkit-print-color-adjust: exact; zoom: 80%;}
	header, nav, .location-box, #shareSns, #lmenu, #data-control, footer, #tab, .menu-box, .btn-box, #ban {display:none !important;}
	.popupBox{page-break-after: always; page-break-inside: avoid; print-color-adjust: exact; -webkit-print-color-adjust: exact; zoom: 80%;}
	.break-after {page-break-after: always;}
	.break-before {page-break-before: always;}
	#con-tit {background:#fff !important; padding:2rem 0 !important;}
	#con-tit h3 {color:#3C3733 !important;}
	#detail_con {padding:0 !important;}
}

/*ios기본스타일 제거*/
@supports (-webkit-touch-callout: none){
	input, textarea, button, select{appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-text-size-adjust:none}
	input[type=checkbox]{appearance:checkbox; -moz-appearance:checkbox; -webkit-appearance:checkbox;}
	input[type=radio]{appearance:radio; -moz-appearance:radio; -webkit-appearance:radio;}
	input[type=date]{appearance:auto; -moz-appearance:auto; -webkit-appearance:auto;}
	select{position:relative;}
	select::-ms-expand{display:none; /*화살표 없애기 for IE10, 11*/}
	select:after{content:""; position:absolute; right:0.5rem; top:50%; width:0.5rem; height:0.5rem; border-right:2px solid #3C3733; border-bottom:2px solid #3C3733; transform:rotate(45deg) translateY(-50%);}
}