@charset "UTF-8";

@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

html, body {height: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; word-wrap:normal;word-break:keep-all;}
html {font-size: 16px;}/* 48px/1080px  */

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul {margin: 0; padding: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}

body, input, select, textarea, button, table{font-size:1rem; font-family: 'Noto Sans KR', sans-serif; color: #333;}

h1, h2, h3, h4, h5, h6{font-size:1rem; font-weight:normal;}
ul{list-style: none;}
ol{margin:0; padding:0 0 0 1rem;}
a {cursor: pointer; color: inherit; text-decoration:none;}

* {-webkit-tap-highlight-color:transparent;}

table{border-collapse:collapse; table-layout:fixed;}
table caption{width:0;height:0;overflow:hidden;font-size:0;}


/* form */

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

input{font-size:1rem; color:#2b2b2c; vertical-align:middle; box-sizing:border-box; border:none; }

input[type="radio"],
input[type="checkbox"]{width:1rem;height:1rem;border:none;padding:0;margin:0;background:none;}
input[type="text"]{border:1px solid #b7aa97;height:3.125rem; line-height:3rem; text-indent:0.75rem; }
input[type="password"]{border:1px solid #b7aa97;height:3.125rem;line-height:3rem; text-indent:0.75rem; letter-spacing:10px;}
input[type="file"]{height:3.125rem;}
input[type="submit"]{cursor:pointer;border:none;}
input[type="button"]{cursor:pointer;border:none;}

select{font-size:1rem;vertical-align:middle;border:1px solid #b7aa97;height:3.125rem;box-sizing:border-box;appearance: none; -webkit-appearance:none;background:url(../img/board/select_arr.png) right center / 2.5416rem auto no-repeat;padding:0 2rem 0 0.75rem;cursor:pointer; font-size:0.9rem;}
select::-ms-expand {display: none;}

.radio-group{}
.radio-group label input{}
.radio-group label + label{margin-left:2rem;}
label.radio{position:relative;overflow:hidden;padding-left:1.75rem;background:url(../img/board/radio_off.png) left center no-repeat;cursor:pointer; font-size:0.9rem;}
label.radio.on{background:url(../img/board/radio_on.png) left center no-repeat;}
label.radio input{position:absolute;left:-9999px;top:0;}

.checkbox-group{}
.checkbox-group label input{}
.checkbox-group label + label{margin-left:2rem;}
label.checkbox{position:relative;overflow:hidden;padding-left:1.75rem;background:url(../img/board/checkbox_off.png) left center no-repeat;cursor:pointer; font-size:0.9rem;}
label.checkbox.on{background:url(../img/board/checkbox_on.png) left center  no-repeat;}
label.checkbox input{position:absolute;left:-9999px;top:0;}

textarea{font-size:1rem;border:1px solid #b7aa97;padding:1rem 0.75rem;vertical-align:middle;box-sizing:border-box;}

button{appearance: none; -webkit-appearance:none; border:none; background:none; cursor: pointer; outline:none;}

/* 수정: 달력 2021-03-07 */
input.datepicker{background:url(../img/board/i_datepicker.png) right center no-repeat; cursor:pointer;}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{background:none !important;border:none !important;}


/* 추가: 달력 2021-03-07 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{color:#000 !important; font-weight:bold !important; background-color:#d8d1c7 !important;}

.ui-datepicker td span,
.ui-datepicker td a{text-align:center;}
/* 추가: 달력 2021-03-07 */


textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder {color:#999 !important; font-size:0.85rem; letter-spacing:0;}
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {color:#999 !important; font-size:0.85rem;  letter-spacing:0;}
textarea::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder {color:#999 !important; font-size:0.85rem; letter-spacing:0;}

input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-reveal{display: none;}


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

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

img {vertical-align: top;}

/* hidden */
.hide{position:absolute;left:-9999em;height:0;overflow:hidden;}

/* display */
.inline{display:inline;}
.block{display:block;}
.table{display:table;}
.cel{display:table-cell;}

.clear:after{clear:both;display:block;content:'';}

/* align */
.aleft{text-align:left !important;}
.acenter{text-align:center !important;}
.aright{text-align:right !important;}


/* width */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.w1{width:1%} .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}
.pdt40{padding-top:40px !important}
.pdt50{padding-top:50px !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}
.pdb40{padding-bottom:40px !important}
.pdb50{padding-bottom:50px !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}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !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}
.mgb40{margin-bottom:40px !important}
.mgb50{margin-bottom:50px !important}

.mgt5{margin-top:5px !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}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}

 /* font ********************************************************** */
 /*
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:100;
src: url(./font/NotoSansKR-DemiLight.woff2) format('woff2'),
	url(./font/NotoSansKR-DemiLight.woff) format('woff'),
	url(./font/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:200;
src: url(./font/NotoSansKR-Light.woff2) format('woff2'),
	url(./font/NotoSansKR-Light.woff) format('woff'),
	url(./font/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:300;
src: url(./font/NotoSansKR-Regular.woff2) format('woff2'),
	url(./font/NotoSansKR-Regular.woff) format('woff'),
	url(./font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src: url(./font/NotoSansKR-Medium.woff2) format('woff2'),
	url(./font/NotoSansKR-Medium.woff) format('woff'),
	url(./font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:500;
src: url(./font/NotoSansKR-Bold.woff2) format('woff2'),
	url(./font/NotoSansKR-Bold.woff) format('woff'),
	url(./font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:600;
src: url(./font/NotoSansKR-Black.woff2) format('woff2'),
	url(./font/NotoSansKR-Black.woff) format('woff'),
	url(./font/NotoSansKR-Black.otf) format('opentype');
}
}*/

@font-face{
	font-family:'Gotham';
	font-weight:400;
	src:url("/static/css/font/GothamLight.eot");
	src:local(※), url("/static/css/font/GothamLight.woff") format("woff");
	src:url("/static/css/font/GothamLight.woff") format("woff");
}
.gotham{font-family:'Gotham';}
@font-face{
	font-family:'Gotham';
	font-weight:500;
	src:url("/static/css/font/GothamMedium.eot");
	src:local(※), url("/static/css/font/GothamMedium.woff") format("woff");
	src:url("/static/css/font/GothamMedium.woff") format("woff");
}
@font-face{
	font-family:'Gotham';
	font-weight:700;
	src:url("/static/css/font/GothamBold.eot");
	src:local(※), url("/static/css/font/GothamBold.woff") format("woff");
	src:url("/static/css/font/GothamBold.woff") format("woff");
}

@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  font-weight: 400;
  src: url('/static/css/font/PlayfairDisplay-Medium.eot');
  src: url('/static/css/font/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
       url('/static/css/font/PlayfairDisplay-Medium.woff') format('woff'),
       url('/static/css/font/PlayfairDisplay-Medium.ttf') format('truetype');
}


/* swiper */
.swiper-wrapper{position:relative; width:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box;}
.swiper-slide{flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform;}
.swiper-nav{display:flex; align-items:center;}
.swiper-nav .swiper-pagination{padding:0 5px; font-size:0.75rem; color:#999; width:4rem; text-align:center; white-space:nowrap;}
.swiper-nav .swiper-pagination span{font-family:'Gotham';padding:0 4px; font-weight:600;}
.swiper-nav .swiper-pagination .swiper-pagination-current{color:#000; font-size:1rem;}
.swiper-nav .swiper-button-next,
.swiper-nav .swiper-button-prev{width:0.5rem;height:0.75rem; cursor:pointer;}
.swiper-nav .swiper-button-next{background:url(../img/main/slider_next.png) center center / 0.5rem auto no-repeat;}
.swiper-nav .swiper-button-prev{background:url(../img/main/slider_prev.png) center center / 0.5rem auto no-repeat;}
.swiper-nav.white .swiper-pagination .swiper-pagination-current{color:#fff;}
.swiper-nav.white .swiper-button-next{background-image:url(../img/main/slider_next_w.png);}
.swiper-nav.white .swiper-button-prev{background-image:url(../img/main/slider_prev_w.png);}