@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");
}


/* Reset ********************************************************************** */

/* *{-webkit-text-size-adjust:none;} */
/* *:focus-visible {
  outline: 2px dashed black;
  outline-offset: -2px;
} */
:focus-visible{outline:2px dashed #000;}

html, body {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 1.3;
	letter-spacing: -0.01em;
	/* letter-spacing:-0.5px; */
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-tap-highlight-color : transparent;
	scroll-behavior: smooth;
	-webkit-font-smoothing:antialiased;
}
html {
	text-size-adjust:none;
}
body {
	font-size: 16px;
	overflow-x: hidden;
}

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;
}

img{margin:0;padding:0;border:none;vertical-align:middle;}
img.event{cursor:pointer;}

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

ul{list-style:none;margin:0;padding:0;}
/* ol{list-style:none;margin:0;padding:0;} */
dl,dt,dd{margin:0;padding:0;}

table{border-spacing:0;border-collapse:collapse;}
table caption{width:0;height:0;overflow:hidden;}
table,th,td{margin:0;padding:0;line-height:1.5em;border:none;}
th{font-weight:500;}

form, fieldset, legend{margin:0;padding:0;border:0;}
fieldset legend{width:0;height:0;overflow:hidden;}

input{vertical-align:middle;}
input.radio, input.check{width:18px;height:18px;border:none;padding:0;margin:0;background:none;}
select{vertical-align:middle;border:1px solid #cac9c9;height:36px;padding:0 0 0 5px; cursor:pointer; box-sizing:border-box;}
textarea{border:1px solid #cac9c9;padding:5px;}
textarea:focus{border:1px solid #277acd;}
button{cursor:pointer;}
input + img{vertical-align:middle;margin-left:1px;}
button{margin:0;padding:0;border:none;background:none;}

input[type="text"]{border:1px solid #cac9c9;height:36px;line-height:34px;padding:0 5px; box-sizing:border-box;}
input[type="password"]{border:1px solid #cac9c9;height:36px;line-height:34px;padding:0 5px; box-sizing:border-box;}
input[type="text"]:focus{border-color:#277acd;}
input[type="file"]{height:36px;}
input[type="submit"]{cursor:pointer;}
input[type="button"]{cursor:pointer;}
input[type="checkbox"], input[type="radio"]{width: 18px;height: 18px;border:none;padding:0;margin:0;background:none;}

input[readonly="readonly"]{background:#f5f5f5;border:none;}

::-webkit-input-placeholder{color:#888;-webkit-text-fill-color:#888;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0;font-weight:500;font-size:1em;}

em,small{font-style:normal;}
p{margin:0px;padding:0px;}
b, strong{font-weight:700;}

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

hr{display:none;}

/* id6~ ie8 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* hidden */
.hide{position:absolute;left:-9999em;top:-9999em;}
.accessibility{position:absolute;left:-9999em;top:-9999em;}
.soundOnly { display:block !important; position:absolute !important; top:-9999px !important; }

/* float */
.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}
.over_hidden{overflow:hidden;}
.over_x_auto{overflow-x:auto;}
.over_y_auto{overflow-x:auto;}
.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;}

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

.orange{color:#f1543a;}
.blue{color:#2e63aa;}
.red{color:#bb1203;}
.gold{color:#8e5b00;}
.brown{color:#a02d00;}
.green{color:#52a644;}
.pink{color:#da445d;}
.black{color:#000000}
.fsize10 {font-size:10px !important}
.fsize11 {font-size:11px !important}
.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%}

/* 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}

.mg_t05{margin-top:5px;}

body.mobile,
body.mobile input,
body.mobile textarea,
body.mobile select,
body.mobile table{font-size:15px;}

@media all and (max-width:650px){
	.mw20{ width:20%; }
	.mw30{ width:30%; }
	.mw40{ width:40%; }
	.mw50{ width:50%; }
	.mw70{ width:70%; }
	.mw80{ width:80%; }
}

/* drop box */
.dropWrap .dropLabel *{pointer-events:none;}
.dropWrap .dropMenu{display:none;}
.dropWrap.active .dropMenu{display:block; z-index:10;}
.dropWrap.active .dropLabel .toggle{transition:transform 0.3; transform:rotate(180deg);}

/* tabmenu */
.tabWrap .tabPanel{display:none;}
.tabWrap .tabPanel.active{display:block !important;}

/* ���ټ��� */
.swiper-wrapper.focusin{transform: translate3d(0px, 0px, 0px) !important;}

/* .swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper{position: relative;width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;} */

/* board */
.editor-table{border-collapse:collapse; table-layout:fixed; border-spacing: 0; border-top:2px solid #aaa;}
.editor-table th,
.editor-table td{border:1px solid #aaa; padding:10px; text-align:center;}
.editor-table th{background-color:#f2f2f2; font-weight:bold;}