@charset "utf-8";


*:focus-visible{outline:3px solid #ffd84e; box-shadow: inset 2px 2px #000, inset -2px -2px #000;}
* {box-sizing:border-box;}
*:before, *:after {box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
html, body{ word-break:keep-all; word-wrap:break-word}
html,body,div,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; font-family:inherit; font-weight:normal; font-size:1.5rem; line-height:1.6; color:#333; -webkit-text-size-adjust:none}
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; font-family:inherit; font-weight:normal; font-size:1.5rem; }
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;}
span.button, img.button, a.button {cursor: pointer; vertical-align: middle;}
table {table-layout:fixed; border-collapse:collapse; word-break:keep-all;}
th, td {text-align:center;}
.dipy_n {display:none; }
.dipy_inline {display:inline;}
.background_n {background:none;}
.w100 {width:100%;}
.ir {overflow:hidden; display:block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
.ir_ib {overflow:hidden; display:inline-block; margin:auto; text-indent:-5000px; font-size:0; line-height:0; width:0; height:0;}
caption, .hidden {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
input[type=text],
input[type=submit],
input[type=password]{-webkit-appearance:none}
input[type=submit]{cursor:pointer;}
/* link */
a {color:currentColor; 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 */
.wfont {font-weight:700;}
.sfont {font-size:1.4rem;}
.bfont {font-size:1.8rem;}
.normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}
.point{color:#d72323}
.underline{text-decoration:underline}
/* skip_nav */
.skipnav { position:absolute; top:0; left:0; width:100%; z-index:999; }
.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 screen and (min-width:1025px) {
	html {font-size: 62.5%}
}

@media screen and (max-width:1024px) {
	html {font-size: 50%}
}


/*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;}
	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 #333; border-bottom:2px solid #333; transform:rotate(45deg) translateY(-50%);}
}
@media print {
	html{font-size:10px; }
	header, nav, #location, #shareSns, #lmenu, #data-control, footer, #tab{display:none !important;}
	#contents{float:none; width:100%}
}