html,body{margin:0;padding:0;font-size:16px;color:#333;}

img{margin:0;padding:0;border:none;vertical-align:top;}
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{font-size:16px;margin:0;padding:0;line-height:1.5em;border:none;}

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

input{font-size:16px;color:#333;vertical-align:middle;box-sizing:border-box;}
input.radio, input.check{width:16px;height:16px;border:none;padding:0;margin:0;background:none;}

select{font-size:16px;color:#787878;vertical-align:middle;border:1px solid #e5e5e5;height:40px;padding:5px;box-sizing:border-box;appearance: none; -webkit-appearance:none;background:#fff url(../img/content/select_arr.png) right center no-repeat;padding:0 40px 0 5px;cursor:pointer;}
select::-ms-expand {display: none;}

textarea{font-size:16px;color:#333;border:1px solid #e5e5e5;padding:5px;vertical-align:middle;box-sizing:border-box;}
textarea:focus{border:1px solid #333;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;font-size:16px;}

input[type="text"]{border:1px solid #e5e5e5;height:40px;line-height:38px;padding:0 10px;}
input[type="password"]{border:1px solid #e5e5e5;height:40px;line-height:38px;padding:0 10px;}
input[readonly="readonly"]{background:#f5f5f5;}
input[type="text"]:focus{border:1px solid #333;}
input[type="file"]{height:25px;}
input[type="submit"]{cursor:pointer;border:none;}
input[type="button"]{cursor:pointer;border:none;}

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

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

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

/* float */
.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;}

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

.orange{color:#f1543a;}
.blue{color:#2e63aa;}
.red{color:#bb1203;}
.gold{color:#8e5b00;}
.brown{color:#a02d00;}

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

/* abbr{font-family:dotum;} */

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

.w150{width:150px;}
.w290{width:290px;}
.w300{width:300px;}

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

body, input, textarea, select, table{font-family:'NanumGothic', 'Malgun Gothic', 'dotum', 'Arial', sans-serif;}

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



/* swiper */
.swiper-wrapper{position: relative;width: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-android .swiper-slide, .swiper-wrapper {transform: translate3d(0px,0,0);}
.swiper-slide{flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform;}
.swiper-button-next,
.swiper-button-prev{cursor:pointer;}
.swiper-fade .swiper-slide {  /*pointer-events: none;*/ transition-property: opacity;}
.swiper-slide{
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
 -webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}


 /* nanumgothic ********************************************************** */
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NanumGothic-Regular.eot);
  src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Regular.woff) format('woff'),
       url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: url(./font/NanumGothic-Bold.eot);
  src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./font/NanumGothic-Bold.woff) format('woff'),
       url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{
font-family:'NanumSquare';
src: url(./font/NanumSquareR.eot);
src: url(./font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
     url(./font/NanumSquareR.woff) format('woff'),
     url(./font/NanumSquareR.ttf) format('truetype');
}
@font-face{
font-family:'NanumSquareB';
src: url(./font/Nanumsquareb.eot);
src: url(./font/Nanumsquareb.eot?#iefix) format('embedded-opentype'),
     url(./font/Nanumsquareb.woff) format('woff'),
     url(./font/Nanumsquareb.ttf) format('truetype');
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans+KR:wght@100..900&display=swap');

@font-face {
  font-family: 'GmarketSans';
  src: url('/fonts/GmarketSansLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('/fonts/GmarketSansMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('/fonts/GmarketSansBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}