@charset "utf-8";

@import url("font/font.css");

.roboto {font-family: 'Roboto', sans-serif; letter-spacing:0em;}
.opensnas {font-family: 'Open Sans', sans-serif;}
.blind, caption, legend{padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

/* skip_nav */
#skip_nav a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden;}
#skip_nav a:focus,
#skip_nav a:active {margin-top:0; height:auto; padding:10px 0px;}

#wrap {max-width:500px; margin:0 auto;}

/* form */
/*
.checkbox {display:inline-block; position:relative; text-align:left; font-size:16px; color:#585858;}
.checkbox input {position:absolute; left:0; top:50%; width:22px; height:22px; margin-top:-11px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.checkbox label {padding-left:30px;}
.checkbox label:before {position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-11px; border:1px solid #cbcbcb; content:'';}
.checkbox input:checked + label:before {background:url('../images/icon_checkbox.png') no-repeat center; background-size:16px auto;}
.checkbox input:focus + label:before {outline:1px dotted #000}



select, input[type="text"], input[type="password"], textarea {border:1px solid #d3d3d3; font-size:15px; color:#585858; vertical-align:top;}
select, input[type="text"], input[type="password"] {height:35px; padding-left:10px;}
select::-ms-expand {display: none;}
select {border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0 40px 0 10px; background: #fff url('../images/icon_select_arr.png') 100% 50% no-repeat !important;}

.fsize01 {width:340px;}
*/

*:focus {outline:none;}


/* btn */
.btn_area {margin-top:80px; text-align:center; font-size:0;}
.btn_area p {display:inline-block;}
.btn {display:inline-block;}
.btn+.btn {margin-left:10px;}

.btn.big {width:250px; height:60px; border:0; font-size:20px; line-height:60px; color:#fff; text-align:center; background:#333333;}
.btn.xsmall {width:130px; height:35px; border:0; font-size:16px; line-height:35px; color:#fff; text-align:center; background:#333333;}

.btn.gray01 {background:#aaaaaa;}
.btn.gray02 {background:#666;}



/* Hidden Type */
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0}
.hide{clear:both;position:absolute;visibility:hidden;overflow:hidden;left:0;top:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-99999px}
.hidden {overflow:hidden; position:absolute; left:-9999em; height:0; font-size:0; line-height:0;}
.m_visible {display:none;}

/* common */
.clear {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}
.disNonei {display:none !important;} 
.disBlock {display:block !important;}
.disInBlock {display:inline-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;}

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

/* float */
.fl {float:left !important;}
.fr {float:right !important;}

/* Font Color */
.fc_white {color:#fff !important;}
.fc_red {color:#ed1c24 !important;}


/* 폰트사이즈 */
.font11   {font-size:11px !important;}
.font13   {font-size:13px !important;}
.font12   {font-size:12px !important;}
.font14   {font-size:14px !important;}
.font16   {font-size:16px !important;}
.font26   {font-size:2.6rem !important;}
.font25   {font-size:2.5rem !important;}
.font28   {font-size:2.8rem !important;}
.font30   {font-size:3rem !important;}
.font34   {font-size:3.4rem !important;}
.font36   {font-size:3.6rem !important;}
.font40   {font-size:4rem !important;}
.font50   {font-size:5rem !important;}

/* 컨텐츠정렬관련 */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vtm{vertical-align:middle;}

/* 커서 */
.cursor {cursor:pointer;}

/* 마진 */
.m_5{margin:5px}
.m_10{margin:10px}
.m_15{margin:15px}
.m_20{margin:20px}
.m_25{margin:25px}
.m_30{margin:30px}

.mt_5{margin-top:5px}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_25{margin-top:25px}
.mt_30{margin-top:30px}
.mt_35{margin-top:35px}
.mt_40{margin-top:40px}
.mt_45{margin-top:45px}
.mt_50{margin-top:50px}
.mt_80{margin-top:80px}
.mt_60{margin-top:60px !important;}

.mr_3{margin-right:3px}
.mr_5{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_25{margin-right:25px}
.mr_30{margin-right:30px}
.mr_40{margin-right:40px}


.mb_0{margin-bottom:0rem !important}
.mb_5{margin-bottom:5px}
.mb_10{margin-bottom:10px}
.mb_15{margin-bottom:15px}
.mb_20{margin-bottom:20px}
.mb_25{margin-bottom:25px}
.mb_30{margin-bottom:30px}
.mb_40{margin-bottom:40px}
.mb_45{margin-bottom:4.5rem !important}
.mb_50{margin-bottom:40px}

.ml_5{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_25{margin-left:25px}
.ml_30{margin-left:30px}

.mtb_5{margin:5px 0}
.mtb_10{margin:10px 0}
.mtb_15{margin:15px 0}
.mtb_20{margin:20px 0}
.mtb_25{margin:25px 0}
.mtb_30{margin:30px 0}

.mlr_3{margin:0 3px}
.mlr_5{margin:0 5px}
.mlr_10{margin:0 10px}
.mlr_15{margin:0 15px}
.mlr_20{margin:0 20px}
.mlr_25{margin:0 25px}
.mlr_30{margin:0 30px}

/* 패딩 */
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt_5{padding-top:5px}
.pt_10{padding-top:10px}
.pt_15{padding-top:15px}
.pt_20{padding-top:20px}
.pt_25{padding-top:25px}
.pt_30{padding-top:30px}
.pt_40{padding-top:40px}

.pr_5{padding-right:5px}
.pr_10{padding-right:10px}
.pr_15{padding-right:15px}
.pr_20{padding-right:20px}
.pr_25{padding-right:25px}
.pr_30{padding-right:30px}

.pb_5{padding-bottom:5px}
.pb_10{padding-bottom:10px}
.pb_15{padding-bottom:15px}
.pb_20{padding-bottom:20px !important; }
.pb_25{padding-bottom:25px}
.pb_30{padding-bottom:30px}

.pl_5{padding-left:5px}
.pl_10{padding-left:10px}
.pl_15{padding-left:15px}
.pl_20{padding-left:20px}
.pl_25{padding-left:25px}
.pl_30{padding-left:30px}
.pl_40{padding-left:40px}

.ptb_5{padding:5px 0}
.ptb_10{padding:10px 0}
.ptb_15{padding:15px 0}
.ptb_20{padding:20px 0}
.ptb_25{padding:25px 0}
.ptb_30{padding:30px 0}

.plr_5{padding:0 5px}
.plr_10{padding:0 10px}
.plr_15{padding:0 15px}
.plr_20{padding:0 20px}
.plr_25{padding:0 25px}
.plr_30{padding:0 30px}



#event {padding:9.44vw 0 11.11vw;}
#event .top {text-align:center;}
#event .tit {font-size:7.5vw; color:#333333; font-weight:700;}
#event .stxt {display:inline-block; margin-top:0.694vw; padding-bottom:1px; border-bottom:1px solid #999999; font-size:3.88vw; color:#666666;}
#event .cbox {margin-top:5.556vw;}
#event .swiper-container {margin-right:-50%;}
#event .swiper-slide {overflow:hidden; border-radius:1.944vw; background:#f1f1f1;}
#event .img {overflow:hidden; position:relative; padding-bottom:68.75%;}
#event .img img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
#event .img span {position:absolute; right:0; bottom:0; padding:0 1.3889vw; line-height:1.69; color:#fff; font-size:3.611vw; letter-spacing:-0.03em; background:rgba(0,0,0,0.6);}
#event .tcont {padding:3.472vw 4.166vw 0;}
#event .tcont .title {font-size:4.44vw; color:#333333; font-weight:700;}
#event .tcont .cont {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:0.694vw; font-size:3.88vw; color:#666666;}
#event .tcont ul {margin-top:3.75vw; border-top:1px solid #cccccc;}
#event .tcont li {display:none; padding:2.778vw 0;}
#event .tcont li+li {border-top:1px solid #cccccc;}
#event .tcont li:first-child {display:block;}
#event .category {font-size:3.472vw; color:#333333;}
#event .price_info {display:inline-block; position:relative; width:100%; margin-top:-1.8056vw; letter-spacing:-0.075em;}
#event .price_info * {vertical-align:baseline;}
#event .price_ori {float:left; padding-top:2.083vw; margin-right:2.08vw; font-size:4.861vw; font-weight:800; color:#333333;}
#event .price_ori em {position:relative; top:-0.277vw; font-size:3.472vw;}
#event .price_dis {float:left; padding-top:3.055vw; font-size:3.472vw; color:#999999; text-decoration:line-through;}
#event .price_per {position:absolute; top:-1.66vw; right:0; font-size:8.33vw; color:#f37a29; font-weight:800; font-style:italic;}
#event .price_per em {font-size:2.778vw;}
#event .btn_option_view {display:block; position:relative; line-height:11.11vw; font-size:3.88vw; color:#fff; font-weight:700; text-align:center; background:#444444;}
#event .btn_option_view:after {display:inline-block; width:3.194vw; height:1.944vw; margin-left:2.778vw; vertical-align:middle; background:url('../images/common/icon_event_arr.png'); background-size:100% auto; content:'';}
#event .btn_option_view .txt_on {display:none;}
#event .event_tit {overflow:hidden; margin-top:4.167vw; padding:4.583vw 6.94vw 4.44vw; border-radius:1.944vw; background:url('../images/common/event_tit_bg.jpg') no-repeat center; background-size:cover;}
#event .event_tit * {float:left; font-weight:bold; }
#event .event_tit .date {margin-right:1.944vw; padding-top:0.278vw; font-size:4.167vw; color:#eab124;}
#event .event_tit .txt {font-size:4.44vw; color:#333333;}
#event .event_tit a {float:right; font-size:4.0278vw; color:#222222; padding-right:4.44vw; background:url('../images/common/icon_event_arr02.png') no-repeat right center; background-size:2.083vw auto;}

#event .swiper-slide.open .tcont li {display:block;}
#event .swiper-slide.open .btn_option_view {background-color:#aaaaaa;}
#event .swiper-slide.open .btn_option_view {background:#aaaaaa;}
#event .swiper-slide.open .btn_option_view:after {transform:rotate(180deg);}
#event .swiper-slide.open .btn_option_view .txt {display:none;}
#event .swiper-slide.open .btn_option_view .txt_on {display:inline-block;}

/* letter-spacing*/
.ls_9 {letter-spacing:-0.09em !important; }
.ls_10 {letter-spacing:-0.1em !important; }
.ls_11 {letter-spacing:-0.11em !important; }
.ls_12 {letter-spacing:-0.12em !important; }
.ls_15 {letter-spacing:-0.15em !important; }
.en_letter {letter-spacing:-0.075em !important; }

/* Font Color */
.fc_white {color:#fff !important;}
.fc_black {color:#000 !important;}
.fc_black19 {color:#191919 !important;}
.fc_red {color:#ed1c24 !important;}
.fc_red02 {color:#ff8080 !important;}
.fc_red03 {color:#fe778d !important;}
.fc_mint {color:#30bbc3 !important;}
.fc_green {color:#31d9e3 !important;}
.fc_green02 {color:#65c1b2 !important;}
.fc_green03 {color:#46bfb9 !important;}
.fc_navy {color:#2a3245 !important;}
.fc_orange {color:#ea9263 !important;}
.fc_blue {color:#80a1f1 !important;}
.fc_blue02 {color:#97b5ff !important;}
.fc_blue03 {color:#406dff !important;}
.fc_pink {color:#d89192 !important;}
.fc_purple {color:#615499 !important;}
.fc_purple02 {color:#946491 !important;}
.fc_purple03 {color:#aa89d1 !important;}
.fc_purple04 {color:#c298a6 !important;}
.fc_gold {color:#c37c46 !important;}
.fc_yellow {color:#feec85 !important;}
.fc_yellow02 {color:#ffe2c6 !important;}
.fc_pink02 {color:#f179a1 !important;}



/* bg color */
.bg_sky {background-color:#dbeef0 !important;}
.bg_sky02 {background-color:#f0f8ff !important;}
.bg_sky03 {background-color:#c8e5ff !important;}
.bg_gray01 {background-color:#f0f2f2 !important;}
.bg_gray02 {background-color:#f7f7f7 !important;}
.bg_gray03 {background-color:#f5f5f5 !important;}
.bg_gray04 {background-color:#f0f0f2 !important;}
.bg_gray05 {background-color:#999999 !important;}
.bg_gray06 {background-color:#9e9e9e !important;}
.bg_white {background-color:#fff !important;}
.bg_green01 {background-color:#30bbc3 !important;}
.bg_navy01 {background-color:#2a3245 !important;}
.bg_green03 {background:#70bac1 !important;}
.bg_pink {background:#f8ebed !important;}
.bg_pink02 {background:#f17995 !important;}
.bg_pink03 {background:#f2e9f1 !important;}
.bg_pink04 {background:#f079a5 !important;}
.bg_pink05 {background:#f179a1 !important;}
.bg_pink06 {background:#f7e3e6 !important;}
.bg_pink07 {background:#ee8389 !important;}
.bg_orange {background:#ea9263 !important;}
.bg_orange02 {background:#e8e5dc !important;}
.bg_blue {background:#80a1f1 !important;}
.bg_red {background:#fd8f8a !important;}
.bg_red04 {background:#ff6262 !important;}
.bg_purple {background:#8c7ed3 !important;}
.bg_purple02 {background:#e8e7f1 !important;}
.bg_purple03 {background:#946491 !important;}
.bg_gold {background:#c37c46 !important;}
.bg_yellow {background:#fdf2eb !important;}


/* font-weight */
.fw_300 {font-weight:300 !important;}
.fw_noraml {font-weight:400 !important;}
.fw_500 {font-weight:500 !important;}


.swiper-button-prev::after,
.swiper-button-next::after {display:none;}