@charset "utf-8";
@import url('layout_base.css');
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

/*
@font-face {
  font-family:'NG';
  font-style:normal;
  src:url(../font/NanumGothic.eot);
  src:url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff');
}
@font-face {
  font-family:'NGB';
  font-style:normal;
  src:url(../font/NanumGothicBold.eot);
  src:url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicBold.woff) format('woff');
}
*/

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
 h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

 /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
input:focus, button:focus, select:focus, textarea:focus {outline:0;}
button::-moz-focus-inner {border:0 none; padding:0;}

/* font */
body {font-family:'Malgun Gothic', sans-serif; font-size:16px; letter-spacing:-1px; color:#444;}
p,h1,h2,h3,h4,h5,h6,li,dd,th,td {font-family:'Malgun Gothic', sans-serif; font-size:16px; }
input, select, textarea{box-sizing:border-box; font-size:14px; font-family:'Malgun Gothic',sans-serif; letter-spacing:-1px; color:#444; -webkit-appearance:none;}
* {-webkit-text-size-adjust:none;}

/* anchor */
a {text-decoration:none;}
a:link {color:#444;}
a:visited {color:#444;}
a:hover {color:#4a5874;}
a:focus {color:#444;}

/* checkbox & radio button Design */
input[type=checkbox].css-checkbox {
	overflow: hidden; position:absolute; left:-1000px; width:1px; height:1px;
}
input[type=checkbox].css-checkbox + label {
	display:inline-block; height:17px; padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../img/common/bg_checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type=checkbox].css-checkbox:checked + label {
	background-position:0 -50px;
}

/* radio button design */
input[type=radio].css-radio {
	overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;
}
input[type=radio].css-radio + label {
	display:inline-block; height:20px; padding-left:25px;
	background-repeat:no-repeat;
	background-position:0 0;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(../img/common/bg_radio.png);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
input[type=radio].css-radio:checked + label {
	background-position:0 -20px;
}

input:-ms-input-placeholder { color: #999; }
input::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder { color: #999; } 

/* common */
.hdd, legend {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; left:0; top:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}
hr {display:none;}
.box_inner { position:relative; width:1050px; margin:0 auto; }
.clear:after { content:""; display:block; clear:both; }

/* input_style */
input[type=text] {box-sizing:border-box; height:31px; padding:0 10px; border:1px solid #ccc; line-height:31px;}
input[type=password] {box-sizing:border-box; height:31px; padding:0 10px; border:1px solid #ccc; line-height:31px;}
input[type=number] {box-sizing:border-box; height:31px; padding:0 10px; border:1px solid #ccc; line-height:31px;}
select {height:31px; border:1px solid #ccc; -webkit-appearance:normal;}

.selectWrap {display:inline-block; box-sizing:border-box; width:87px; height:40px; border:1px solid #ccc; overflow:hidden; background:url('../img/common/bg_select.png') no-repeat 50px center; vertical-align:middle;}
.selectWrap select {display:inline-block; width:105px; padding-left:5px; height:19px; margin-top:5px; border:none; background:none; vertical-align:middle; -webkit-appearance:none;}

/* button_style */
.btn_line {text-align:center; font-size:0;}
.btn_line a {margin-left:10px;}
.btn_line a:first-child {margin-left:0;}
.btn_baseColor {display:inline-block; width:100px; height:40px; line-height:40px; background:#f44167; font-size:15px; font-weight:bold; color:#fff !important;}
.btn_closePop {display:inline-block; width:100px; height:40px; line-height:40px; border-top:1px solid #ccc; font-size:15px; font-weight:bold;}

.gnb_area {position:absolute; left:0; top:670px; width:100%; box-sizing:border-box; border-top:1px solid #b3b3b3; background:rgba(0,0,0,0.6); z-index:100;}
.gnb_area .gnb {}
.gnb_area .gnb li {float:left; width:17%; text-align:center; box-sizing:border-box; border-top:3px solid #f44167; position:relative; top:-1px;}
.gnb_area .gnb li + li + li + li {width:15%;}
.gnb_area .gnb li + li + li + li + li {width:17%;}
.gnb_area .gnb li a {display:block; box-sizing:border-box; border-right:1px solid #b3b3b3; height:96px; line-height:97px; font-size:22px; color:#fff;}
.gnb_area .gnb li a .ic {display:inline-block; width:26px; height:26px; margin-left:14px; background:url(../img/main/ico_gnb.png) no-repeat center; vertical-align:middle; position:relative; top:-2px;}
.gnb_area .gnb li:first-child a {border-left:1px solid #b3b3b3;}

/* footer */
footer {border-top:1px solid #ccc; text-align:center; background:#fff;}
footer .telNo {height:18px; margin-top:13px;}
footer .telNo a {display:inline-block; line-height:20px; padding-left:23px; background:url(../img/common/ico_phone_b.png) no-repeat 0 50%; background-size:18px; font-size:14px; font-weight:bold;}
footer address {padding-top:10px;}
footer .copy {padding-top:25px; padding-bottom:30px; line-height:1.5; font-size:13px;}
/* footer .copy {text-align:right; padding:26px 0 30px; font-size:14px;} */
footer .copy .copyright {display:inline-block; padding-top:10px;}
footer.loginpage {position:fixed; width:100%; left:0; bottom:0;}
footer.loginpage .copy {text-align:center; padding:26px 0 30px; font-size:14px;}
.to_top {position:fixed; left:50%; bottom:30px; margin-left:449px; z-index:100;}
.to_top .totop_line {}
.to_top.hide {display:none;}

/* login */
.login-wrap {/* position:absolute; left:50%; top:50%; */ width:468px; margin:50px  auto 0; /* background:url('../img/main/bg_pc_login.jpg') no-repeat 0 0; */}
h1.loginTit {text-align:center; width:250px; padding:34px 0 20px; margin:0 auto;}
h1.loginTit a {display:block; text-align:center; font-size:24px; color:#333;}
h1.loginTit a img {width:100%;}
h1.loginTit a span {position:absolute; left:-9999px; overflow:hidden;}
.login-info {text-align:center; padding:40px 0 0; font-weight:bold; font-size:1.250em; line-height:1.5;}
.login_info {text-align:center; padding-top:20px; line-height:1.4; font-size:16px;}
.login_info .color {font-weight:bold; color:#00c300;}
.login-list {width:75%; margin:20px auto;}
.login-list li {position:relative; margin-bottom:4px; box-sizing:border-box; font-size:16px;}
.login-list li a {display:block; height:100px; box-sizing:border-box; line-height:137px; text-align:center; vertical-align:middle; font-size:17px; color:#fff;}
.login-list li:last-child {margin-bottom:0;}
/* .login-list li:before {content:""; display:block; position:absolute; left:74px; top:0; width:1px; height:54px; background-color:#1d1c15; opacity:0.3;}
.login-list li:after {content:""; display:block; position:absolute; left:75px; top:0; width:1px; height:54px; background-color:#e2e9e2; opacity:0.3;} */
.login-list li.kakao {background:#ffea26 url(../img/main/ico_kakao.png) no-repeat center 12px; background-size:55px 55px;}
.login-list li.kakao a {color:#202224;}
.login-list li.naver {background:#00c300 url(../img/main/ico_naver.png) no-repeat center 7px; background-size:58px 60px;}
.login-list li.facebook {background:#405ea9 url(../img/main/ico_face.png) no-repeat center 15px; background-size:55px 55px;}
.login-list li.portalid {background:#6435a3 url(../img/main/ico_portalid.png) no-repeat center 15px; background-size:55px 55px;}
.login-list li.google {background:#db4437 url(../img/main/ico_google.png) no-repeat center 15px; background-size:55px 55px;}
.btnonoff-line {width:75%; margin:10px auto; min-height:22px; line-height:22px; text-align:right;}
.btnonoff-line .btn-onoff {margin-left:5px; font-size:17px; vertical-align:middle;}
.switch {position:relative; display:inline-block; width:50px; height:30px; margin:0; padding:0; border-radius:16px; background:#ccc; vertical-align:top; appearance:none; cursor:pointer; z-index:0;}
/* .switch:before {content:""; position:absolute; left:1px; top:1px; width:33px; height:20px; border-radius:15px; background:#fff; z-index:1;} */
.switch:after {content:""; position:absolute; left:2px; top:2px; width:26px; height:26px; border-radius:20px; background:#fff; -webkit-transition-duration:300ms; transition-duration:300ms; -webkit-box-shadow:2px 0 5px #999; box-shadow:2px 0 5px #999; z-index:2;}
.switchOn, .switchOn:before {background:#3a7cd3 !important;}
.switchOn:after {left:22px !important;}

/* join */
.img_agree_mo {}
.join_form {width:75%; margin:0 auto;}
.join_list {padding-top:20px;}
.join_list li {position:relative; padding-bottom:10px;}
.join_list li input[type=number] {float:left; width:65%; height:40px; line-height:40px;}
.join_list li .btn_inForm {float:right; width:33%; height:40px; line-height:40px; text-align:center; background:#ccc; border-radius:5px; font-size:15px;}
.join_list li .delay_time {position:absolute; left:55%; top:10px; font-size:14px; color:#f44167;}

/* pc header */
header {display:none;}
.pc_header {position:absolute; left:0; top:0; width:100%; z-index:999;}
.pc_header .pc_headerline {float:right; width:200px; height:50px;}
.pc_header .pc_headerline li {float:left;}
.pc_header .pc_headerline li a {display:block; padding:0 10px; line-height:50px; font-size:15px; color:#fff;}
.pc_header .pc_headerline li + li a:before {content:"|"; display:inline-block;position:relative; top:-2px; padding-right:20px; font-size:14px; color:#666;}

/* mobile gnb */
.moPop {display:none;}

/* intro_area */
.intro_area {height:770px; background:#000 url(../img/main/img_intro.jpg) no-repeat center top;}
.intro_area .intro_box {padding-top:206px; text-align:center;}
.intro_area .intro_box h1 {}
.intro_area .intro_box .info_txt {padding-top:25px; font-weight:bold; font-size:18px; color:#fff; /*text-shadow:0 0 10px rgba(0,0,0,0.9);*/}

/* .intro_area .intro_box .store_list {margin-top:55px; font-size:0;} */
/* .intro_area .intro_box .store_list li {display:inline; background:url(../img/main/ico_go.png) no-repeat 90% 50%;} */
/* .intro_area .intro_box .store_list li a {display:inline-block; width:264px; height:49px; line-height:45px; text-align:left; box-sizing:border-box; padding-left:50px; border:1px solid #fff; margin:0 6px; color:#fff;} */
/* .intro_area .intro_box .store_list li a {background:url(../img/main/ico_storeG.png) no-repeat 19px 50%;} */
/* .intro_area .intro_box .store_list li + li a {background:url(../img/main/ico_storeA.png) no-repeat 19px 50%;} */

.intro_area .intro_box .store_list {margin-top:55px; font-size:0;}
.intro_area .intro_box .store_list li {display:inline-block; box-sizing:border-box; width:264px; height:49px; line-height:45px; margin-right:8px; border:1px solid #f44167; background:#f44167 url(../img/main/ico_go.png) no-repeat 90% 50%;}
.intro_area .intro_box .store_list li + li {margin-right:0;}
.intro_area .intro_box .store_list li a {display:block; padding-left:50px; text-align:left; color:#fff; background:url(../img/main/ico_storeG.png) no-repeat 19px 50%;}
.intro_area .intro_box .store_list li + li a {background:url(../img/main/ico_storeA.png) no-repeat 19px 50%;}

.intro_area .intro_box .sns_list {padding-top:35px; font-size:0; color:#fff;}
.intro_area .intro_box .sns_list .txt {display:inline-block; margin-right:10px; font-size:16px; line-height:35px; vertical-align:middle;}
.intro_area .intro_box .sns_list a {display:inline-block; width:41px; height:41px; margin:0 5px; text-indent:-9999px; overflow:hidden; vertical-align:middle;}
.intro_area .intro_box .sns_list .share_facebook {background-size:41px;}
.intro_area .intro_box .sns_list .share_kakaotalk {background-size:41px;}
.intro_area .intro_box .sns_list .share_twitter {background-size:41px;}
.intro_area .intro_box .sns_list .share_kakaostory {background-size:41px;}

/* information_area */
.areaTit {padding:88px 0 30px; text-align:center; font-weight:bold; font-size:30px; color:#222;}
.areaTit span {display:block; padding-top:8px; font-weight:normal; font-size:14px;}
.information_area {height:853px; background:#d0ac90 url(../img/main/img_information.jpg) no-repeat center bottom;}
.information_box .iframe_box {width:641px; height:351px; margin:0 auto; box-sizing:border-box; padding-top:15px; background:url(../img/main/bg_movie.png) no-repeat;}
.information_box .iframe_box iframe {margin-left:97px;}
.information_box .after_area {padding-top:60px;}
.information_box .after_area .schedule_box {float:left; width:385px;}
.information_box .after_area .schedule_box h3 {font-weight:bold; font-size:22px; color:#222;}
.information_box .after_area .schedule_box .schedule_list {padding-top:10px;}
.information_box .after_area .schedule_box .schedule_list li {padding:5px 0;}
.information_box .after_area .schedule_box .schedule_list li h4 {float:left; width:70px; height:32px; line-height:32px; margin-right:20px; text-align:center; background:#2d2d2d; border-radius:20px; color:#fff;}
.information_box .after_area .schedule_box .schedule_list li .txt {float:left; width:265px; line-height:32px; color:#222;}
.information_box .after_area .rolling_box {float:left; width:664px; box-sizing:border-box; padding-left:35px; border-left:1px solid rgba(0,0,0,0.2);}
.rolling_box {}
.rolling_box .rolling_pc {position:relative; width:100%; overflow:hidden; display:block;}
.rolling_box .rolling_pc .viewImgList {position:relative;}
.rolling_box .rolling_pc .viewImgList li {float:left; height:220px;}
.rolling_box .rolling_pc .viewImgList li.imglist0 {}
.rolling_box .rolling_pc .viewImgList li.imglist1 {}
.rolling_box .rolling_pc .viewImgList li.imglist2 {}
.rolling_box .rolling_pc .viewImgList li.imglist3 {}
.rolling_box .rolling_pc .viewImgList li .tit_roll {padding-top:33px; font-weight:bold; font-size:18px; color:#222;}
.rolling_box .rolling_pc .viewImgList li .when {padding-top:10px; font-weight:bold; color:#bf2b2b;}
.rolling_box .rolling_pc .viewImgList li .txt {padding-top:18px; line-height:1.5;font-size:14px; color:#222;}
.rolling_box .rolling_pc .viewImgList li .mc {padding-top:18px; font-size:14px; color:#222;}
.rolling_box .rolling_pc .viewImgList li .singer {width:480px; padding-top:10px; padding-left:62px; text-indent:-62px; line-height:1.5; word-break:keep-all; overflow:hidden; font-size:14px; color:#222;}
.rolling_box .rolling_pc .rollingbtn {position:absolute; width:100%; left:0; top:0; font-size:0;}
.rolling_box .rolling_pc .rollingbtn li {display:inline; margin-right:5px;}
.rolling_box .rolling_mob {display:none;}

/* content_area */
.content_box {padding-bottom:68px;}
.table_area {padding-top:20px; text-align:center; color:#333;}
.table_area dl.time {float:left; width:150px;}
.table_area dl.time dt {height:52px; line-height:52px; border-top:2px solid #333; border-bottom:1px solid #ddd; font-weight:bold; font-size:14px;}
.table_area dl.time dd {height:59px; line-height:59px; border-bottom:1px solid #ddd; font-size:14px;}
.table_area .byyoil_overflow {float:left; width:900px;}
.table_area .byyoil {}
.table_area .byyoil dl {float:left; width:150px;}
.table_area .byyoil dl dt {height:52px; line-height:52px; border-top:2px solid #333; border-bottom:1px solid #ddd; font-weight:bold; font-size:14px; color:#f44167;}
.table_area .byyoil dl dt .pchide {display:none;}
.table_area .byyoil dl dd {height:59px; line-height:59px; border-bottom:1px solid #ddd; font-size:14px;}

/* contact_area */
.contact_area {background:#eeeeef;}
.contact_area .jidoArea {height:348px; overflow-y:hidden;}
.jidoinfo_list {position:relative; padding:105px 0 83px 400px;}
.jidoinfo_list li {float:left; width:50%; line-height:1.8; margin:5px 0;}
.jidoinfo_list li.tit_loc {position:absolute; left:0; top:40px; width:290px; padding-left:23px; line-height:1.2; font-size:30px; letter-spacing:-2px;}
.jidoinfo_list li.tit_loc span {display:block;}
.jidoinfo_list li.txt_loc {position:absolute; left:360px; top:50px; padding-left:38px; background:url(../img/main/ico_juso.png) no-repeat 0 50%; font-weight:bold;}
.jidoinfo_list li b {float:left; font-weight:bold; border-bottom:2px solid #333;}
.jidoinfo_list li .txt {margin-left:14px; position:relative; top:2px;}

/* event_area */
.event_area {}
.event_area .event_box {}
.event_box {}
.event_box .img_line a {display:block; height:227px; background:url(../img/main/img_event.jpg) no-repeat; text-indent:-9999px; overflow:hidden;}
.event_box .coupon_list {padding:10px 0;}
.event_box .coupon_list li {position:relative; float:left; width:100%; box-sizing:border-box; margin:20px 0; padding:0 20px;}
.event_box .coupon_list li .coupon_dc {position:absolute; width:215px; height:117px; left:20px; top:0; margin-right:50px;}
.event_box .coupon_list li .coupon_info {position:relative; min-height:117px; margin-left:265px;}
.event_box .coupon_list li .coupon_info .txt {padding-top:5px; font-size:22px;}
.event_box .coupon_list li .coupon_info .txt .date {display:block; padding-top:10px; font-size:16px; color:#666;}
.event_box .coupon_list li .coupon_info .btn {padding-top:40px;}
.event_box .coupon_list li .coupon_info .btn a {display:inline-block; padding:3px 0 3px 30px; margin-right:20px; font-size:20px; color:#666;}
.event_box .coupon_list li .coupon_info .btn .share {background:url(../img/main/ico_share.png) no-repeat 0 50%;}
.event_box .coupon_list li .coupon_info .btn .add_coupon {background:url(../img/main/ico_add_coupon.png) no-repeat 0 50%;}

/* popup */
.popup_main {position:fixed; left:0;top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
.popup_main .pop_content {width:250px; margin:200px auto 0; background:#fff; border-top:3px solid #f44167;}
.popup_main .pop_content .ico {position:relative; top:-25px; height:50px; background:url(../img/main/ico_popup.png) no-repeat center; background-size:50px;}
.popup_main .pop_content .tit_pop {text-align:center;}
.popup_main .pop_content .pension_list {padding:30px 0; text-align:center;}
.popup_main .pop_content .pension_list li {line-height:1.8;}
.popup_main .pop_content .btn_line {}
.popup_main .pop_content .btn_line .btn_closePop {}


@media all and (max-width:1049px) and (min-width:801px) { 
	.box_inner {width:100%;}
	/*
	.gnb_area {top:570px;}
	.intro_area {height:670px;}
	.intro_area .intro_box {padding-top:106px;}
	*/
	.information_box .after_area .schedule_box {width:380px; padding-left:40px;}
	.information_box .after_area .rolling_box {width:600px;}
}

@media all and (max-width:800px) { 
	.box_inner {width:100%;}
	.gnb_area {position:absolute; left:0; top:170px; width:100%; box-sizing:border-box; border-top:none; background:none; z-index:100;}
	.gnb_area .gnb {width:200px; margin:0 auto;}
	.gnb_area .gnb li {float:none; width:200px; text-align:center; box-sizing:border-box; border-top:none; position:relative; top:-1px; margin-bottom:-1px;}
	.gnb_area .gnb li + li + li + li {width:200px;}
	.gnb_area .gnb li + li + li + li + li {width:200px;}
	.gnb_area .gnb li a {display:block; box-sizing:border-box; border:1px solid #b3b3b3; height:45px; line-height:45px; font-size:16px; color:#fff;}
	.gnb_area .gnb li a .ic {display:inline-block; width:26px; height:26px; margin-left:14px; background:url(../img/main/ico_gnb_mo.png) no-repeat center; background-size:22px; vertical-align:middle; position:relative; top:-2px;}
	.gnb_area .gnb li:first-child a {border-left:1px solid #b3b3b3;}
	
	/* login */
	.login-wrap {position:static; width:auto; margin:0; background:none;}
	.img_agree_mo {display:block; width:100%;}
	h1.loginTit {}
	.login-info {display:none;}
	.login_info {padding-top:20px;}
	.login-list {margin-top:20px;}
	.login-list li {}
	.login-list li {position:relative; margin-bottom:4px;  box-sizing:border-box; padding-top:0;}
	.login-list li a {display:block; height:70px; line-height:70px; box-sizing:border-box; text-align:center; vertical-align:middle; font-size:0.875em; color:#fff;}
	/* .login-list li:before {content:""; display:block; position:absolute; left:74px; top:0; width:1px; height:37px; background-color:#1d1c15; opacity:0.3;}
	.login-list li:after {content:""; display:block; position:absolute; left:75px; top:0; width:1px; height:37px; background-color:#e2e9e2; opacity:0.3;} */
	.login-list li.kakao {background:#ffea26 url(../img/main/ico_kakao.png) no-repeat 15px center ; background-size:55px 55px;}
	.login-list li.naver {background:#00c300 url(../img/main/ico_naver.png) no-repeat 15px center; background-size:58px 60px;}
	.login-list li.facebook {background:#405ea9 url(../img/main/ico_face.png) no-repeat center 15px; background-size:55px 55px;}
	.login-list li.portalid {background:#6435a3 url(../img/main/ico_portalid.png) no-repeat center 15px; background-size:55px 55px;}
	.login-list li.google {background:#db4437 url(../img/main/ico_google.png) no-repeat center 15px; background-size:55px 55px;}
	footer .address {font-size:12px;}
	footer.loginpage .copy {box-sizing: border-box; text-align: center; padding: 5px 10px 10px; font-size: 12px;}

	
	/* join */
	.img_agree_mo {display:block; width:100%;}
	.join_form {width:75%; margin:20px auto 0; padding-bottom:100px;}
	.join_list {padding-top:20px;}
	.join_list li {position:relative; padding-bottom:10px;}
	.join_list li input[type=number] {float:left; width:65%; height:40px; line-height:40px;}
	.join_list li .btn_inForm {float:right; width:33%; height:40px; line-height:40px; text-align:center; background:#ccc; border-radius:5px; font-size:14px;}
	.join_list li .delay_time {position:absolute; left:55%; top:10px; font-size:14px; color:#f44167;}

	/* footer */
	footer .copy {box-sizing:border-box; text-align:center; padding:23px 10px; background:#fff; font-size:12px;}
   .to_top {position:fixed; left:auto; right:20px; bottom:30px; margin-left:0; z-index:100;}
   .to_top .totop_line a img {width:50px;}

	/* mobile header */
	.pc_header {display:none;}
	header {display:block; position:fixed; top:0; left:0; width:100%; text-align:center; height:50px; z-index:999;}
	header.scrolling {background:rgba(0,0,0,0.5);}

	/* intro_area */
	.intro_area {height:auto; background:#000 url(../img/main/img_intro_mo.jpg) no-repeat center top; background-size:cover;}
	.intro_area .intro_box {padding-top:85px;}
	.intro_area .intro_box h1 {padding-bottom:320px;}
	.intro_area .intro_box h1 a img {width:200px;}	
	.intro_area .intro_box .info_txt {padding-top:0; font-weight:normal; font-size:16px; color:#fff; /*text-shadow:0 0 10px rgba(0,0,0,0.9);*/}
	.intro_area .intro_box .info_txt .line {display:block; padding-top:5px;}
	/* .intro_area .intro_box .store_list {margin-top:45px; font-size:0; padding-bottom:45px;} */
	/* .intro_area .intro_box .store_list li {display:block; margin-bottom:5px; background:none;} */
	/* .intro_area .intro_box .store_list li a {display:inline-block; width:auto; height:25px; line-height:25px; text-align:left; box-sizing:border-box; padding-left:25px; padding-bottom:5px; border:none; margin:0 6px; text-decoration:underline;font-size:15px; color:#fff;} */
	/* .intro_area .intro_box .store_list li a {background:url(../img/main/ico_storeG.png) no-repeat 0 50%; background-size:17px;} */
	/* .intro_area .intro_box .store_list li + li a {background:url(../img/main/ico_storeA.png) no-repeat 0 50%; background-size:17px;} */
	
	.intro_area .intro_box .store_list {margin-top:45px; font-size:0; padding-bottom:45px;}
	.intro_area .intro_box .store_list li {display:inline-block; box-sizing:border-box; width:141px; height:27px; line-height:27px; background:#f44167; border:none;}
	.intro_area .intro_box .store_list li a {display:block; text-align:left; padding-left:25px; margin:0 6px; font-size:13px; color:#fff; }
	.intro_area .intro_box .store_list li a {background:url(../img/main/ico_storeG.png) no-repeat 0 50%; background-size:17px;}
	.intro_area .intro_box .store_list li + li a {background:url(../img/main/ico_storeA.png) no-repeat 0 50%; background-size:17px;}
	
	.intro_area .intro_box .sns_list {display:none;}

	/* information_area */
	.areaTit {padding:35px 0 27px; text-align:center; font-size:18px;}
	.areaTit span {font-size:15px;}
	.information_area {height:auto; background:#d0ac90 url(../img/main/img_information_mo.jpg) no-repeat center bottom; background-size:cover;}
	.information_box .iframe_box {width:80%; height:auto; margin:0 auto; box-sizing:border-box; padding-top:0; background:none;}
	.information_box .iframe_box iframe {width:100%; height:200px; margin-left:0;}
	.information_box .after_area {padding-top:30px;}
	.information_box .after_area .schedule_box {float:none; width:100%; padding:0 20px 40px; box-sizing:border-box;}
	.information_box .after_area .schedule_box h3 {text-align:center; font-weight:bold; font-size:18px; color:#222;}
	.information_box .after_area .schedule_box .schedule_list {padding-top:15px;}
	.information_box .after_area .schedule_box .schedule_list li {padding:0; text-align:center;}
	.information_box .after_area .schedule_box .schedule_list li h4 {float:none; display:none;}
	.information_box .after_area .schedule_box .schedule_list li .txt {float:none; width:100%; line-height:1.5; color:#222;}
	.information_box .after_area .rolling_box {float:none; width:100%; box-sizing:border-box; padding:0 20px; border-left:none;}
	.rolling_box .rolling_pc {display:none;}	 
	.rolling_box .rolling_mob {display:block; position:relative; margin:0 auto;}
	.rolling_mob {width:728px; height:300px;}
	.rolling_mob .swiper_cover {padding-top:50px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container,
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper,
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {position:relative; width:728px; height:300px;}
	.rolling_mob .swiper-button-prev {display:none;}
	.rolling_mob .swiper-button-next {display:none;}
	.rolling_mob .swiper-pagination {width:100%; text-align:center; top:0;}
	.rolling_mob .swiper-pagination .swiper-pagination-bullet {width:11px; height:11px; margin:0 5px; border-radius:6px; background:#000; opacity:1;}
	.rolling_mob .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:29px; background:#000;}
	.rolling_mob .swiper-slide .tit_roll {padding-bottom:10px; font-weight:bold; font-size:16px; color:#222;}
	.rolling_mob .swiper-slide .when {padding-bottom:15px; font-weight:bold; font-size:15px; color:#bf2b2b;}
	.rolling_mob .swiper-slide .txt {padding-bottom:15px; line-height:1.5; font-size:15px;}
	.rolling_mob .swiper-slide .mc {position:relative; padding-left:70px; margin-bottom:5px; height:20px; line-height:20px; font-size:14px;}
	.rolling_mob .swiper-slide .mc .tit {position:absolute; left:0; top:0; width:55px; height:20px; line-height:20px; text-align:center; background:#000; color:#fff;}
	.rolling_mob .swiper-slide .singer {position:relative; padding-left:70px; line-height:1.6; font-size:14px;}
	.rolling_mob .swiper-slide .singer .tit {position:absolute; left:0; top:0; width:55px; height:20px; line-height:20px; text-align:center; background:#000; color:#fff;}

	/* content_area */
	.content_box {padding-bottom:68px;}
	.table_area {width:320px; margin:0 auto; padding-top:0; text-align:center; color:#333;}
	.table_area dl.time {float:left; width:160px;}
	.table_area dl.time dt {height:52px; line-height:52px; border-top:2px solid #333; border-bottom:1px solid #ddd; font-weight:bold; font-size:14px;}
	.table_area dl.time dd {height:59px; line-height:59px; border-bottom:1px solid #ddd; font-size:14px;}
	.table_area .byyoil_overflow {float:left; width:160px; overflow-x:hidden;}
	.table_area .byyoil {position:relative; width:960px;}
	.table_area .byyoil dl {float:left; width:160px;}
	.table_area .byyoil dl dt {height:52px; line-height:52px; border-top:2px solid #333; border-bottom:1px solid #ddd; font-weight:bold; font-size:15px; color:#f44167;}
	.table_area .byyoil dl dt .pchide {display:inline-block; padding-left:10px; padding-right:20px; font-size:30px; vertical-align:middle; color:#f44167;}
	.table_area .byyoil dl dt .pchide_r {padding-left:20px; padding-right:10px;}
	.table_area .byyoil dl dd {height:59px; line-height:59px; border-bottom:1px solid #ddd; font-size:14px;}

	/* contact_area */
	.contact_area {}
	.contact_area .jidoArea {height:175px;}
	.jidoinfo_list {padding:30px 0;}
	.jidoinfo_list li {float:none; padding-left:25px; width:auto; line-height:1.8; margin:5px 0; font-size:14px;}
	.jidoinfo_list li.tit_loc {position:static; width:auto; padding-left:25px; line-height:1.8; font-weight:bold; font-size:19px; letter-spacing:-1px;}
	.jidoinfo_list li.tit_loc span {display:inline;}
	.jidoinfo_list li.txt_loc {position:static; padding-left:25px; padding-bottom:10px; background:none; font-weight:bold; font-size:15px;}
	.jidoinfo_list li b {float:none; display:inline-block; padding-right:15px; font-weight:bold; border-bottom:none;}
	.jidoinfo_list li .txt {margin-left:0; position:relative; top:2px;}

	/* event_area */
	.event_area {}
	.event_area .event_box {}
	.event_box {}
	.event_box .img_line a {display:block; height:206px; background:url(../img/main/img_event_mo.jpg) no-repeat center; background-size:cover;}
	.event_box .coupon_list {padding:10px 0 20px;}
	.event_box .coupon_list li {position:relative; float:left; width:100%; box-sizing:border-box; margin:20px 0; padding:0 20px;}
	.event_box .coupon_list li .coupon_dc {position:absolute; left:20px; top:0; width:110px; height:auto; margin-right:35px;}
	.event_box .coupon_list li .coupon_info {position:relative; min-height:57px; margin-left:130px;}
	.event_box .coupon_list li .coupon_info .txt {padding-top:0; padding-right:20px;font-size:15px;}
	.event_box .coupon_list li .coupon_info .txt .date {display:block; padding-top:5px; font-size:13px; color:#666;}
	.event_box .coupon_list li .coupon_info .btn {padding-top:20px;}
	.event_box .coupon_list li .coupon_info .btn a {display:inline-block; padding:3px 0 3px 25px; margin-right:10px; font-size:13px; color:#666;}
	.event_box .coupon_list li .coupon_info .btn a + a {margin-right:0;}
	.event_box .coupon_list li .coupon_info .btn .share {background:url(../img/main/ico_share.png) no-repeat 0 50%; background-size:15px;}
	.event_box .coupon_list li .coupon_info .btn .add_coupon {background:url(../img/main/ico_add_coupon.png) no-repeat 0 50%; background-size:15px;}

}

@media all and (max-width:414px) {
	.rolling_mob {width:374px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {width:374px;}
}
@media all and (max-width:400px) {
	.rolling_mob {width:360px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {width:360px;}
}
@media all and (max-width:375px) {
	.rolling_mob {width:335px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {width:335px;}
}
@media all and (max-width:360px) {
	.rolling_mob {width:320px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {width:320px;}
}
@media all and (max-width:320px) {
	.rolling_mob {width:280px; height:330px;}
	.rolling_mob .swiper_cover,
	.rolling_mob .swiper_cover .swiper-container, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper, 
	.rolling_mob .swiper_cover .swiper-container .swiper-wrapper .swiper-slide {width:280px; height:330px;}
	.login_list {margin:15% auto 0;}
	.join_form {margin:15% auto 0;}
}