@charset "utf-8";
@import url("../fonts/pretendard-gov.css");

@font-face {
	font-family: "GmarketSans";
	font-weight: 700;
	font-display: swap;
	src: local("Gmarket Sans Bold"),
		url("../fonts/GmarketSans/GmarketSansBold.woff2") format("woff2"),
		url("../fonts/GmarketSans/GmarketSansBold.woff") format("woff");
}

@font-face {
	font-family: "GmarketSans";
	font-weight: 500;
	font-display: swap;
	src: local("Gmarket Sans Medium"),
		url("../fonts/GmarketSans/GmarketSansMedium.woff2") format("woff2"),
		url("../fonts/GmarketSans/GmarketSansMedium.woff") format("woff");
}

@font-face {
	font-family: "GmarketSans";
	font-weight: 300;
	font-display: swap;
	src: local("Gmarket Sans Light"),
		url("../fonts/GmarketSans/GmarketSansLight.woff2") format("woff2"),
		url("../fonts/GmarketSans/GmarketSansLight.woff") format("woff");
}

*{-webkit-text-size-adjust:none;}
html,body{margin:0;padding:0; -webkit-font-smoothing:antialiased; line-height:1.5;}
html, body, table, input, textarea, select, button{
	margin:0px;
	padding:0px;
	font-family:'Pretendard GOV', "Malgun Gothic", "dotum", "Arial", sans-serif;
	font-size:16px;
	color:#333;
	accent-color: #CB4C3D;
}

h1, h2, h3, h4, h5, h6{font-size:1em; margin:0;padding:0;}
ul, ol, li { list-style:none; margin:0;padding:0; }
dl,dt,dd{margin:0;padding:0;}

p{margin:0;padding:0;}
strong{font-weight:600;}
b{font-weight:600;}
i, em, address { font-style:normal; }

form, fieldset, legend{ border:none; margin:0;padding:0;}
fieldset legend{width:0;height:0;overflow:hidden;}
input, button, label, select, textarea { vertical-align:middle; box-sizing:border-box;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer; appearance: none; -webkit-appearance:none; border-radius:0;}

a {text-decoration:none; color:#333; cursor:pointer; }
a:hover { text-decoration:none; }

table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
caption { width:0; height:0; overflow:hidden; }
td, th{padding:0;}
th{font-weight:500;}

iframe{margin:0;padding:0;border:none;}

img{margin:0;padding:0;border:none;vertical-align:top;}

hr{display:none;}


/* common */
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.disNonei {display:none !important;}
.disBlock {display:block !important;}
.ovH {overflow:hidden; width:100%; margin-bottom:6px;}
.ovH:after {clear:both; content:""; display:block;}
.vm {vertical-align:middle !important;}
.clearBoth {clear:both !important;}
.textDeco {text-decoration:underline!important;}
.textInde {text-indent:0 !important;}

.hide{position:absolute;left:-9999em;top:-9999em;}
.accessibility{position:absolute;left:-9999em;top:-9999em;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}
.over_hidden{overflow:hidden;}

.inline{display:inline;}
.block{display:block;}

/* text-style */
.aleft{text-align:left !important}
.acenter{text-align:center !important}
.aright{text-align:right !important}
.vtop{vertical-align:top !important}
.vmiddle{vertical-align:middle !important}
.justify{text-align:justify}
.break{word-break:break-all;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}

.underline{text-decoration:underline}
.bold{font-weight:600;}

.orange{color:#f1543a;}
.blue{color:#2e63aa;}
.red{color:#bb1203;}
.gold{color:#b37e00;}

.fsize12 {font-size:12px !important}
.fsize13 {font-size:13px !important}
.fsize14 {font-size:14px !important}
.fsize15 {font-size:15px !important}
.fsize16 {font-size:16px !important}
.fsize17 {font-size:17px !important}
.fsize18 {font-size:18px !important}
.fsize20 {font-size:20px !important}
.fsize22 {font-size:22px !important}
.fsize24 {font-size:24px !important}

/* width */
.w2{width:2%} .w3{width:3%} .w4{width:4%} .w5{width:5%} .w6{width:6%} .w7{width:7%} .w8{width:8%} .w9{width:9%} .w10{width:10%}
.w11{width:11%} .w12{width:12%} .w13{width:13%} .w14{width:14%} .w15{width:15%} .w16{width:16%} .w17{width:17%} .w18{width:18%} .w19{width:19%} .w20{width:20%}
.w21{width:21%} .w22{width:22%} .w23{width:23%} .w24{width:24%} .w25{width:25%} .w26{width:26%} .w27{width:27%} .w28{width:28%} .w29{width:29%} .w30{width:30%}
.w31{width:31%} .w32{width:32%} .w33{width:33%} .w34{width:34%} .w35{width:35%} .w36{width:36%} .w37{width:37%} .w38{width:38%} .w39{width:39%} .w40{width:40%}
.w41{width:41%} .w42{width:42%} .w43{width:43%} .w44{width:44%} .w45{width:45%} .w46{width:46%} .w47{width:47%} .w48{width:48%} .w49{width:49%} .w50{width:50%}
.w51{width:51%} .w52{width:52%} .w53{width:53%} .w54{width:54%} .w55{width:55%} .w56{width:56%} .w57{width:57%} .w58{width:58%} .w59{width:59%} .w60{width:60%}
.w61{width:61%} .w62{width:62%} .w63{width:63%} .w64{width:64%} .w65{width:65%} .w66{width:66%} .w67{width:67%} .w68{width:68%} .w69{width:69%} .w70{width:70%}
.w71{width:71%} .w72{width:72%} .w73{width:73%} .w74{width:74%} .w75{width:75%} .w76{width:76%} .w77{width:77%} .w78{width:78%} .w79{width:79%} .w80{width:80%}
.w81{width:81%} .w82{width:82%} .w83{width:83%} .w84{width:84%} .w85{width:85%} .w86{width:86%} .w87{width:87%} .w88{width:88%} .w89{width:89%} .w90{width:90%}
.w91{width:91%} .w92{width:92%} .w93{width:93%} .w94{width:94%} .w95{width:95%} .w96{width:96%} .w97{width:97%} .w98{width:98%} .w99{width:99%} .w100{width:100%}

.w5p { width:5%; }.w8p { width:8%; }.w10p { width:10%; }.w12p { width:12%; }.w15p { width:15%; }.w18p { width:18%; }.w20p { width:20%; }.w25p { width:25%; }.w30p { width:30%; }.w35p { width:35%; }.w40p { width:40%; }.w45p { width:45%; }.w48p { width:48%; }.w49p { width:49%; }.w50p { width:50%; }.w55p { width:55%; }.w60p { width:60%; }.w65p { width:65%; }.w70p { width:70%; }.w75p { width:75%; }.w80p { width:80%; }.w85p { width:85%; }.w90p { width:90%; }.w95p { width:95%; }.w100p { width:99.9%; }

.h10 { height:10px; }.h20 { height:20px; }.h30 { height:30px; }.h40 { height:40px; }.h50 { height:50px; }.h60 { height:60px; }.h70 { height:70px; }.h80 { height:80px; }.h90 { height:90px; }.h100 { height:100px; }.h110 { height:110px; }.h120 { height:120px; }.h130 { height:130px; }.h140 { height:140px; }.h150 { height:150px; }.h160 { height:160px; }.h170 { height:170px; }.h180 { height:180px; }.h190 { height:190px; }.h200 { height:200px; }.h210 { height:210px; }.h220 { height:220px; }.h230 { height:230px; }.h240 { height:240px; }.h250 { height:250px; }.h260 { height:260px; }.h270 { height:270px; }.h280 { height:280px; }.h290 { height:290px; }.h300 { height:300px; }.h310 { height:310px; }.h320 { height:320px; }.h330 { height:330px; }.h340 { height:340px; }.h350 { height:350px; }.h360 { height:360px; }.h370 { height:370px; }.h380 { height:380px; }.h390 { height:390px; }.h400 { height:400px; }.h410 { height:410px; }.h420 { height:420px; }.h430 { height:430px; }.h440 { height:440px; }.h450 { height:450px; }.h460 { height:460px; }.h470 { height:470px; }.h480 { height:480px; }.h490 { height:490px; }.h500 { height:500px; }.h510 { height:510px; }.h520 { height:520px; }.h530 { height:530px; }.h540 { height:540px; }.h550 { height:550px; }.h560 { height:560px; }.h570 { height:570px; }.h580 { height:580px; }.h590 { height:590px; }.h600 { height:600px; }.h610 { height:610px; }.h620 { height:620px; }.h630 { height:630px; }.h640 { height:640px; }.h650 { height:650px; }.h660 { height:660px; }.h670 { height:670px; }.h680 { height:680px; }.h690 { height:690px; }.h700 { height:700px; }

.indent1 { text-indent:15px; }
.indent2 { text-indent:30px; }
.indent3 { text-indent:45px; }
.indent4 { text-indent:60px; }

/* margin, padding */
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:15px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}

.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}

.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr25{padding-right:25px !important}
.pdr30{padding-right:30px !important}

.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl13{margin-left:13px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl47{margin-left:47px !important}

.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}

.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}

.mgt5{margin-top:5px !important}
.mgt7{margin-top:7px !important}
.mgt9{margin-top:9px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}

.mt0 {margin-top:0 !important;}
.mt7 {margin-top:7px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.ml25{margin-left:25px;}
.ml10 {margin-left:10px !important;}
.mr5 {margin-right:5px !important;}


/* display */
.soundOnly { display:block !important; position:absolute !important; top:-99999px !important; }
.clear { display:block; height:0px; font-size:0px; font-size:0em; line-height:0px; content:''; overflow:hidden; clear:both; }
.hide { display:none; }
.textHide{text-align:left;text-indent:-99999px;overflow:hidden;}

.only-pc{display:block;}
.only-mobile{display:none;}

/* Form */

input[type="radio"],
input[type="checkbox"]{width:16px;height:16px; border:none;}

select { height:40px; border:1px solid #DEDEDE; box-sizing:border-box; background:none; }
input[type='text'],
input[type='password'] { height:40px; padding:0 5px; border:1px solid #DEDEDE; box-sizing:border-box; }
input[type='file'] { display:block; height:40px; box-sizing:border-box; }
input[type='button'],
input[type='submit'],
button { cursor:pointer; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea { border:1px solid #DEDEDE; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input, textarea, button, select {border-radius:0;}

.input-addr .row{position:relative;}
.input-addr .row + .row{margin-top:5px;}
.input-addr .direct{color:#CB4C3D; padding-bottom:10px;}

.input-link{display:flex;}
.input-link input{width:calc(100% - 103px);}
.input-link .btn{width:100px; margin-left:3px;}

.input-tel select,
.input-tel input{width:85px;}

.input-textarea textarea{width:100%; min-height:200px;}

/* placeholder */
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:#8c8b8b !important; letter-spacing:0;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:#8c8b8b !important; letter-spacing:0;}


@media (max-width:599px) {
	html, body, table, input, textarea, select, button{font-size:15px;}
}