@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');

/* @font-face {
	font-family: 'notokr';
	src: url('../../fonts/notokr-light.eot');
	src: url('../../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/notokr-light.woff2') format('woff2'),
		 url('../../fonts/notokr-light.woff') format('woff'),
		 url('../../fonts/notokr-light.ttf') format('truetype'),
		 url('../../fonts/notokr-light.svg#notokr-light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'notokr';
	src: url('../../fonts/notokr-regular.eot');
	src: url('../../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/notokr-regular.woff2') format('woff2'),
		 url('../../fonts/notokr-regular.woff') format('woff'),
		 url('../../fonts/notokr-regular.ttf') format('truetype'),
		 url('../../fonts/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'notokr';
	src: url('../../fonts/notokr-medium.eot');
	src: url('../../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/notokr-medium.woff2') format('woff2'),
		 url('../../fonts/notokr-medium.woff') format('woff'),
		 url('../../fonts/notokr-medium.ttf') format('truetype'),
		 url('../../fonts/notokr-medium.svg#notokr-medium') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'notokr';
	src: url('../../fonts/notokr-bold.eot');
	src: url('../../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/notokr-bold.woff2') format('woff2'),
		 url('../../fonts/notokr-bold.woff') format('woff'),
		 url('../../fonts/notokr-bold.ttf') format('truetype'),
		 url('../../fonts/notokr-bold.svg#notokr-bold') format('svg');
	font-weight: 700;
	font-style: normal;
} */

/* reset */
* {-webkit-text-size-adjust:none; margin:0; padding:0;}
html, body {width:100%; height:100%; font-size:16px; font-size:62.5%; color:#484848; line-height:1;letter-spacing:-0.02em;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, button, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, textarea, input, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video {margin:0; padding:0; font-family:'Noto Sans KR','NanumGothic', '맑은고딕', 'Malgun Gothic', 'Dotum', '돋움','dotum','굴림','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table {border-collapse:collapse; border-spacing:0; border:0; width:100%; table-layout:fixed;}
ol, ul {list-style:none;}
abbr[title] {border-bottom: 1px dotted; }
img, fieldset {border:0;}
img{vertical-align:middle;}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0; display:none;}
legend{width:0; height:0; line-height:0; position:absolute; top:-10000px; left:-10000px; overflow:hidden; visibility:hidden;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family:inherit; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,
sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {padding: 0; border: 0; margin: 0;}
legend {border: 0; padding: 0;}
address,em{font-style:normal;}
legend, hr, caption {visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box; }
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
strong{font-weight:600;}
a, img, input {background: transparent;}
a{color:#757575;text-decoration:none;}
a:link, a:visited, a:active{color:#757575; text-decoration: none;}
a:hover, a:focus{color:#757575;}

/* Form Controls */
input, label, textarea{font-size:1.6rem;color:#757575;}
button, input, select, textarea{border-radius:0; vertical-align:middle;background-color:#fff;box-shadow:none;-webkit-appearance:none;}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="tel"]{padding:0 3rem;height:4.6rem;border:1px solid #e1e4e6;background-color:#fff;border-radius:8px;}
input[type="radio"] + label{margin-right:15px;vertical-align:middle;}

._radio_wrap{position:relative;}
._radio_wrap input[type='radio']{position:absolute;left:0;top:0;width:0;opacity:0;}
._radio_wrap input[type='radio']+label{position:relative;display:inline-block;padding-left:30px;min-height:26px;line-height:1.6;}
._radio_wrap input[type='radio']+label:before{content:"";position:absolute;left:0;top:0;width:21px;height:21px;background:url('../images/common/bg_radio.png') no-repeat 0 0;vertical-align:middle;}
._radio_wrap input[type='radio']:not(old):checked+label:before{background-position:0 -21px;}
._radio_wrap input[type='radio']+label + inputinput[type='radio']{margin-left:20px;}

.select{position:relative;display:inline-block;height:4.6rem;padding:0 5rem 0 3rem;border:1px solid #e1e4e6;vertical-align:middle;background: #fff url('../images/common/ico_select.png') no-repeat calc(100% - 2rem) center;color: #757575;font-size:1.6rem;;min-width:15rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:8px;}
.select.disabled{background-color:#f7f7f7;}

textarea{padding:10px;border:1px solid #d3d3d3;resize:none;line-height:1.5;}
button{border:none;background:none;cursor:pointer;}
input[type="checkbox"] + label{margin-left:10px;}
input[type="checkbox"]{-moz-border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;border:none !important;background-color:transparent;background-image:url('../images/common/bg_checkbox.gif');background-repeat:no-repeat;background-position:0 0;}
input:checked[type="checkbox"]{background-position:0 -20px;}
input[type="checkbox"] + label{margin-left:5px;}

.w100{width:100% !important;}
.w90{width:90% !important;}
.w80{width:80% !important;}
.w70{width:70% !important;}
.w60{width:60% !important;}
.w50{width:50% !important;}
.w480px{width:480px;}

/* common */
.blind{display:block;width:0;height:0;line-height:0;font-size:0;text-indent:-9999em;overflow:hidden;visibility:hidden;}
.fixHeight,
.fixHeight body{overflow:hidden;}

/*정렬*/
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vab{vertical-align:bottom !important}
.cl{clear:both}
.cla:after{content:"";display:block;clear:both}
.block{display:block}

/*여백*/
.mt0 {margin-top:0 !important;}
.mt5{margin-top:0.5rem !important;}
.mt7{margin-top:0.7rem !important;}
.mt10{margin-top:1.0rem !important;}
.mt15{margin-top:1.5rem !important;}
.mt20{margin-top:2.0rem !important;}
.mt25{margin-top:2.5rem !important;}
.mt30{margin-top:3.0rem !important;}
.mt35{margin-top:3.5rem !important;}
.mt40{margin-top:4.0rem !important;}
.mt45{margin-top:4.5rem !important;}
.mt50{margin-top:5.0rem !important;}
.mt55{margin-top:5.5rem !important;}
.mt60{margin-top:6.0rem !important;}
.mt75{margin-top:7.5rem !important;}
.mt80{margin-top:8rem !important;}
.mt100{margin-top:10rem !important;}
.mt120{margin-top:12rem !important;}
.mt130{margin-top:13rem !important;}

.mb0{margin-bottom:0 !important;}
.mb15{margin-bottom:1.5rem !important;}
.mb20{margin-bottom:2.0rem !important;}
.mb50{margin-bottom:5.0rem !important;}

.ml0 {margin-left:0 !important;}
.ml5{margin-left:0.5rem !important;}
.ml7{margin-left:0.7rem !important;}
.ml10{margin-left:1.0rem !important;}
.ml15{margin-left:1.5rem !important;}
.ml20{margin-left:2.0rem !important;}
.ml25{margin-left:2.5rem !important;}
.ml30{margin-left:3.0rem !important;}
.ml35{margin-left:3.5rem !important;}
.ml40{margin-left:4.0rem !important;}
.ml45{margin-left:4.5rem !important;}
.ml50{margin-left:5.0rem !important;}

.mr0 {margin-right:0 !important;}
.mr5{margin-right:0.5rem !important;}
.mr7{margin-right:0.7rem !important;}
.mr10{margin-right:1.0rem !important;}
.mr15{margin-right:1.5rem !important;}
.mr20{margin-right:2.0rem !important;}
.mr25{margin-right:2.5rem !important;}
.mr30{margin-right:3.0rem !important;}
.mr35{margin-right:3.5rem !important;}
.mr40{margin-right:4.0rem !important;}
.mr45{margin-right:4.5rem !important;}
.mr50{margin-right:5.0rem !important;}

.pd0{padding:0 !important;}

/*960이하 해상도 대응*/
@media screen and (max-width:960px) {
	html,body{font-size:45%;}
	.select{padding:0 5rem 0 1.5rem;}

	.mt50{margin-top:25px !important;}
	.mt60{margin-top:30px !important;}
	.mt75{margin-top:35px !important;}
	.mt80{margin-top:40px !important;}
	.mt100{margin-top:50px !important;}
	.mt120{margin-top:50px !important;}
	
	.mb-mt35{margin-top:3.5rem !important;}
}