@charset "utf-8";
/*
    Layout.css
*/


/*** Container ***/
#container {position:relative; background:#fff; width:100%;}


.sub_header .sub_title .btn_all_menu {display: block;position: absolute; width:48px; height:48px; left:-15px; top:0px; text-align:center;}
.sub_header .sub_title .sub_search {display: block;position: absolute; width:48px; height:48px; right: -15px; top:0px; text-align:center;}
.grey_text {padding:15px; background:#f7f7f8;}
.big_title {padding:20px 15px; font-size:15px; font-weight:700; border-bottom:1px solid #e1e1e1;}

/*** 여백 ***/
.sub_content {padding:68px 15px 90px;}
.sub_content.padding02 {padding:48px 0 30px;}
.sub_content.padding03 {padding:68px 15px 30px;}
.sub_content.padding04 {padding:68px 0px 60px;}
.sub_content.padding05 {padding:48px 0px 90px;}
.sub_content.padding06 {padding:68px 0px 30px;}
.sub_content.padding07 {padding:48px 0px 0px;}
.sub_content.padding08 {padding:48px 0px 60px;}
.sub_content.padding09 {padding:68px 0px 0px;}





/*** 이용약관 ***/
.sub_header {height: 48px;background: #d52c35;padding: 0 15px; position:fixed; width:100%; z-index:9999; box-sizing:border-box; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.sub_header .sub_title {position: relative;line-height: 48px;height: 48px;}
.sub_header .sub_title h2 {text-align: center;font-size: 17px;font-weight: 700;color: #fff;}
.sub_header .sub_title a.close {display: block;position: absolute;width: 40px;height: 48px; top: 0px;right:-15px; text-align:center;}
.sub_header .sub_title a.text_btn {display: block;position: absolute; top:0px;right: 0; font-size:17px; font-weight:700; color:#fff; }
.sub_header .sub_title a img {width:24px; vertical-align:middle;}
.sub_header .sub_title a.close img {width:20px; vertical-align:middle;}
.sub_content .etc_text {font-size:14px; font-weight:300; line-height:17px;}
.sub_content .etc_text div {padding-bottom:10px;}
.sub_content .etc_text p {padding-bottom:3px;}
.sub_content .etc_text span {position:absolute;}
.sub_content .etc_text em {padding-left:15px; display:inline-block;}
.sub_content .etc_text p.space {padding-bottom:10px;}


/*** 포토상세 ***/
.photo_area {position:fixed; height:100%; width:100%; background:#000; z-index:999;}
.photo_area .container {height:100%;}
.photo_slide {width:100%; height:100%; overflow:inherit !important; position:relative;}
.slidesjs-container {overflow:inherit !important; width:100% !important; height:100% !important;}
.slidesjs-control {height:100%  !important;}
.slidesjs-control p {display:table !important; height:100%; background:#333333;}
.slidesjs-control p i {display:table-cell; vertical-align:middle; height:100%; position:relative;}
.slidesjs-control img {width:100%; vertical-align:middle; position:relative !important; margin-top:-48px;}
.slidesjs-pagination  {display:none;}
#slidesjs-log {position:absolute; top:-34px; right:15px;  font-size:17px; color:#fff; font-weight:700; z-index:9999;}
.sub_content.space_s {height:100%; width:100%; background:#000;}
.sub_content.space_s .photo_area {position:relative; z-index:99999; padding:0; height:100%;}
.sub_content.space_s .photo_area .photo_slide {position:relative;}
.slidesjs-previous {background:url(../images/sub/ico_photoleft.png) no-repeat; background-size:42px; display:block; width:42px; height:42px; text-indent:-9999px; position:absolute; left:15px; top:0; z-index:99; top:50%; margin-top:-45px; opacity:0.8;}
.slidesjs-next {background:url(../images/sub/img_photoright.png) no-repeat; background-size:42px; display:block; width:42px; height:42px; text-indent:-9999px; position:absolute; right:15px; z-index:99; top:50%; margin-top:-45px; opacity:0.8;}



/*** 시설상세정보미가입 ***/
.join {padding:20px; text-align:center;}
.join p {font-size:14px; font-weight:300; line-height:20px;}
.join dl {display:inline-block;}
.join dl dt {width:175px; height:113px; padding-bottom:10px; display:inline-block;}
.join dl dt img {width:100%;}
.join dl dd a {display:block; width:220px; height:40px; line-height:40px; text-align:center; border:1px solid #d52c35; border-radius:20px; color:#d52c35; font-weight:700;}
.join .no_join {display:table; width:100%;}
.join .no_join dt {display:table-cell; width:90px; height:inherit;}
.join .no_join dt img {width:100%;}
.join .no_join dd {display:table-cell; padding-left:10px; font-size:14px; font-weight:300; color:#585858; line-height:19px;}
/*.join .no_join dd.middle {vertical-align:middle;}*/


/*** 공지사항 ***/
.date_box .date_sec .notice_box.target dl {background:url(../images/sub/ico_up.png) no-repeat right center; background-size:23px;}
.date_box .date_sec .notice_box dl {display:table; width:100%; background:url(../images/sub/ico_down.png) no-repeat right center; background-size:23px; padding:0; border-bottom:0; min-height:inherit;}
.date_box .date_sec .notice_box dl dt {font-size:14px; font-weight:300px; position:inherit;}
.date_box .date_sec .notice_box dl dd {width:inherit; text-align:left; padding-left:0; font-size:12px; color:#585858;}
.date_box .date_sec .notice_box .st p {font-size:12px; color:#585858; font-weight:300; line-height:16px; padding:15px; background:#eaecee;}




/*** 이용약관동의 ***/
.etc_consent .etc_consent_text {padding:20px 15px; font-size:14px; line-height:19px; text-align:center; font-weight:300; letter-spacing:-0.5px; background:#f7f7f8; border-bottom:1px solid #e9e9ea;}
.etc_consent p {padding:20px 15px 20px; border-bottom:1px solid #e1e1e1; position:relative; background:#fff;}
.etc_consent label {color:#000; padding-left:7px; display:inline-block; width:85%; box-sizing:border-box; vertical-align:middle;}
.etc_consent label span {color:#d52c35; font-weight:400;}
.etc_consent label em {color:#959595; font-weight:400;}
.etc_consent .chk_pd dl:first-child {padding-top:20px;}
.chk_pd {padding:0 15px 0px; background:#fff;}
.chk_pd.space02 {padding-bottom:20px;}
.chk_pd .chk_tt {font-size:15px; font-weight:700; padding:20px 0px 20px; border-bottom:0;}
.etc_consent .chk_pd dl {padding-bottom:20px;}
.etc_consent .chk_pd dl:last-child {padding-bottom:0;}
.etc_consent .chk_pd dl dt {position:relative; padding-bottom:10px;}
.ico_more {width:23px; height:23px; display:block; position:absolute; right:0; top:0;}
.ico_more img {width:100%;}
.etc_consent .chk_pd dl dd {padding:12px 10px; box-sizing:border-box; color:#686868; font-size:12px; line-height:17px; border:1px solid #e1e1e1; height:94px; overflow:auto;}
.chk_pd_area {padding:15px 15px 15px;}
.fix {position:fixed; width:100%; bottom:0; left:0; box-sizing:border-box; background:#fff; z-index:999; padding:15px;}
.chk_pd_area ul {zoom:1;}
.chk_pd_area ul:after {clear:both; content:''; display:block;}
.chk_pd_area ul li {float:left; width:50%; box-sizing:border-box;}
.chk_pd_area ul li:first-child {padding-right:5px;}
.chk_pd_area ul li:last-child {padding-left:5px;}
.grey_space {text-indent:-9999px; height:10px; background:#f7f7f8; width:100%;}
.etc_consent .chk_pd .consent p {padding:12px 10px; box-sizing:border-box; color:#686868; font-size:12px; line-height:17px; border:1px solid #e1e1e1; height:94px; overflow:auto;}


/*** 본인인증 ***/
.con_tt {padding-top:10px; font-size:14px; color:#000101; text-align:center; padding-bottom:15px;}
.certification .certification_box li {height:68px; line-height:68px; width:100%; border:1px solid #e1e1e1; margin-bottom:10px;}
.certification .certification_box li a {display:block; text-align:center; font-size:15px;}
.certification .certification_box li a p {display:inline-block; width:180px; text-align:left;}
.certification .certification_box li a img {width:45px; height:45px; vertical-align:middle; margin-right:15px;}


/*** 휴대폰번호인증 ***/
.form_box div {margin-bottom:5px;}
.form_box div dl {display:table; width:100%;}
.form_box div dl dt {display:table-cell; vertical-align:top; position:relative;}
.form_box div dl dt input {width:100%; height:35px; border:1px solid #e1e1e1; border-radius:5px; padding-left:10px; box-sizing:border-box; color:#585858; font-size:14px;}
.form_box div dl dd {display:table-cell; padding-left:5px; box-sizing:border-box; width:107px;}
.grey_btn {display:block; width:125px; height:35px; text-align:center; background:#9d9d9d; color:#fff; line-height:35px; font-weight:700; border-radius:5px;}
.grey_btn.disable {cursor:default; background:#f7f7f7; border:1px solid #d9d9d9; color:#b1b1b1; box-sizing:border-box;}
.grey_btn.on {cursor:pointer; background:#d52c35;}
.s_time {position:absolute; right:10px; top:10px; color:#d52c35; font-size:14px; font-weight:300;}


/*** 휴대폰번호인증팝업 ***/
.card_pop .pop_cont p {text-align:center; font-size:14px; font-weight:300; line-height:19px;}
.card_pop .pop_cont p span {color:#d52c35;} /*2017-10-24 css추가*/
.card_pop .pop_cont p.str_text {font-weight:700;}
.card_pop .pop_cont .pop_barea.one li {width:100%; padding:0;}


/*** 회원정보 ***/
.form_box div.no_table {display:block; padding-top:20px; margin-bottom:0;}
.form_box div.no_table dl dt {display:block; padding-bottom:10px;}
.form_box div.no_table dl dd {display:block; padding-left:0; width:100%;}
.form_box div.no_table dl dd input[type="text"] {width:100%; height:35px; border:1px solid #e1e1e1; border-radius:5px; padding-left:10px; box-sizing:border-box; color:#585858; font-size:14px;}
.form_box .half {float:left;width:50%; margin-bottom:0; position:relative;}
.form_box .third {float:left;width:33.3%;border-right:5px solid transparent;box-sizing:border-box; position:relative; margin-bottom:10px;}
.form_box .third:nth-child(4), .form_box .third:nth-child(5) {margin-bottom:0;}
.form_box .second {float:left;width:39%;border-right:5px solid transparent;box-sizing:border-box;}
.form_box .third.width {width:31%;}
.form_box .ex {width:4.7%; float:left; height:35px; line-height:35px; text-align:center; position:relative; margin-left:-3px; color:#757676;}
.form_box .third input[type="email"] {width:100%;height:35px;padding:0 30px 0 10px;border:1px solid #e1e1e1;box-sizing:border-box;border-radius:5px;color:#838484; }
.form_box .form_tt {float:left; width:22%; height:35px; line-height:35px; color:#838484; font-size:14px;}
.form_area {padding-bottom:15px;}
.type01.on {cursor:pointer; background:#d52c35; color:#fff; border:none;}
.form_box div dl.ttt {width:100%;}
.form_box div dl.ttt dt {height:35px; width:80px; vertical-align:middle;} 
.form_box div dl.ttt dd {height:35px; vertical-align:middle; width:auto;}
.pt20 {padding-top:20px;}
.email {display:table; width:100%;}
.email p {display:table-cell; width:auto;}
.email p:nth-child(2) {width:35px; text-align:center;}
.email p input[type="email"] {width:100%;height:35px;padding:0 30px 0 10px;border:1px solid #e1e1e1;box-sizing:border-box;border-radius:5px;color:#838484; }
.email.two p {width:50%; border-right:5px solid transparent;}
.str_tt {padding-bottom:10px;}
.essential {vertical-align:middle; color:#d52c35; font-size:20px; position:relative; top:3px;}


/*** 쿠폰리스트 ***/
.sub_title .logo img {width:122px; vertical-align:middle;}
.form_box div.search_box {border-bottom:1px solid #e1e1e1; padding:0 15px 20px;}
.form_box div.search_box dl {display:block; position:relative;}
.form_box div.search_box dl dt {width:100%; display:block;}
.form_box div.search_box dl dt input {border-radius:0; padding-right:45px;}
.form_box div.search_box dl dd {position:absolute; top:0px; right:0; width:40px; height:35px; padding-left:0;}
.form_box div.search_box dl dd a {display:block; width:40px; height:35px; text-align:center; line-height:31px;}
.form_box div.search_box dl dd img {width:20px; height:20px; vertical-align:middle;}
.coupon_list dl {padding:15px 15px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.coupon_list dl dt {display:table-cell; vertical-align:middle; width:50px; height:50px; padding-right:10px; }
/*.coupon_list dl dt span {display:block; width:50px; height:50px; border:1px solid #e1e1e1; border-radius:50%; box-sizing:border-box; overflow:hidden;}*/
.coupon_list dl dt img {width:100%;}
.coupon_list dl dd {display:table-cell; vertical-align:middle;}
.coupon_list dl dd.coupon_text p:nth-child(1) {font-size:12px; color:#585858; font-weight:300; line-height:16px;  display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;
-webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
.coupon_list dl dd.coupon_text p:nth-child(2) {display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.coupon_list dl dd:last-child {text-align:right; vertical-align:middle; width:71px; padding-left:10px; box-sizing:border-box;}
.coupon_list dl dd.expiration {color:#b8b8b8; padding-left:0; text-align:center;}
.coupon_list dl dd.i_phone {width:32px;}
.coupon_list dl dd.i_phone .phone_btn {width:32px; height:32px; background:none; display:block;}
.coupon_list dl dd.i_phone a img {width:100%;}
.coupon_btn {width:71px; height:34px; line-height:34px; display:block; background:#d52c35; color:#fff; text-align:center; border-radius:5px; float:right;}
.coupon_btn02 {width:71px; height:34px; line-height:34px; display:block; background:#9d9d9d; color:#fff; text-align:center; border-radius:5px; float:right;}
.form_box div.search_box.search_ex dl {display:table;}
.form_box div.search_box.search_ex dl dt {display:table-cell;}
.form_box div.search_box.search_ex dl dd.search_ex_sel {position:inherit; display:table-cell; width:100px; padding-right:5px;}
.form_box div.search_box.search_ex dl dd.search_ex_sel select {width:100px;}


/*** 쿠폰리스트팝업 ***/
.card_pop dl.img_pop {text-align:center;}
.card_pop dl.img_pop dt {width:92px; display:inline-block; padding-bottom:12px;}
.card_pop dl.img_pop dt img {width:100%;}
.card_pop dl.img_pop dd:nth-child(2) {color:#d52c35; font-weight:700;}
.card_pop dl.img_pop dd:nth-child(3) {font-size:14px; font-weight:300; line-height:19px; letter-spacing:-1px; padding-bottom:0;}


/*** 쿠폰상세 ***/
.sub_title.left h2 {text-align:left; padding-left:25px; height:48px; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.sub_header .sub_title .back {position:absolute; width:40px; height:48px; left:-15px; top:0px; text-align:center;}
.sub_header .sub_title .back img {width:12px; vertical-align:middle;}
.coupon_box {text-align:center;}
.coupon_box dt {display:inline-block; padding-bottom:10px; width:140px; height:140px;}
.coupon_box dt span {display:block; width:140px; height:139px; border:1px solid #e1e1e1; border-radius:50%; box-sizing:border-box; overflow:hidden;}
.coupon_box dt img {width:100%;}
.coupon_box dd {font-size:14px; font-weight:700; padding-top:10px;}
.list {padding-top:20px;}
.list .list_tt {font-weight:700; padding-bottom:10px;}
.list .list_pp {font-size:13px; padding-bottom:15px;}
.map_area {width:100%; text-align:center; height:171px;}
.map_area img {max-width:100%; height:100%;}
.list p {color:#757676; font-size:14px; font-weight:300;}
.list p span {color:#000; font-weight:400;}
.list dl {padding-top:5px; font-size:14px;}
.list dl dt {padding-bottom:5px;}
.list dl dd {color:#757676; position:relative; padding-left:10px; font-weight:300; line-height:20px;}
.list dl dd:before {content:''; display:block; position:absolute; left:0; width:5px ;height:5px; background:#919191; border-radius:100%; top:7px;}


/*** 이벤트 ***/
.event ul li {margin-bottom:10px; text-align:center;}
.event ul li a {display:inline-block; border:1px solid #e1e1e1; box-sizing:border-box;}
.event ul li a img {height:100%; width:100%;}


/*** 이벤트상세 ***/
.event_view .event_img {width:100%; margin-bottom:10px; box-sizing:border-box; text-align:center;}
.event_view .event_img img {max-width:100%; display:inline-block;}
.event_view p.ex_text {font-size:12px; color:#757676; line-height:17px; padding-top:5px;}
.event_view p.ex_text span {position:absolute;}
.event_view p.ex_text em {display:inline-block; padding-left:13px;}

.card_pop .img_pop02 dt {width:70px; height:70px; display:inline-block; padding-bottom:10px;}
.card_pop .img_pop02 dt img {width:100%;}
.card_pop .img_pop02 dd:nth-child(2), .card_pop .img_pop02 dd:nth-child(4) {font-size:14px; font-weight:300; padding-bottom:0;}
.card_pop .img_pop02 dd:nth-child(3) {font-size:14px; font-weight:700; padding:3px 0;}
.card_pop .img_pop02 dd:nth-child(5) {font-size:15px; font-weight:700; padding-top:15px; color:#d52c35; padding-bottom:0;}


/*** 내쿠폰목록 ***/
.coupon_list p.date {font-size:12px; font-weight:300; color:#757676; padding-top:5px;}
.coupon_list p.date span {color:#d52c35; font-weight:700; margin-right:5px;}
.coupon_list p.date em {color:#000; font-weight:700; margin-right:5px;}
.coupon_list p.date i {font-style:normal; margin-left:5px;}
.coupon_tab {height:48px;}
.coupon_tab.fix {position:fixed; top:0; width:100%; background:#fff; z-index:999; padding:0;}
.coupon_tab ul {zoom:1;}
.coupon_tab ul:after {clear:both; content:''; display:block;}
.coupon_tab ul li {float:left; width:50%;}
.coupon_tab ul li a {display:block; height:48px; line-height:48px; text-align:center; border-bottom:1px solid #d9d9d9; font-size:17px; font-weight:300; color:#585858; box-sizing:border-box;}
.coupon_tab ul li.active a {border-bottom:1px solid #d52c35; font-weight:700; color:#d52c35;}
.delete_area {padding:20px 15px 20px;}
.basic_area {padding:20px 15px 20px;}


/*** 비밀번호등록 ***/
.lock dl {padding:60px 0; text-align:center;}
.lock dl dt {color:#585858; padding-bottom:20px;}
.lock dl dt.red {color:#d52c35;}
.lock dl dd {zoom:1; display:inline-block;}
.lock dl dd:after {clear:both; content:''; display:block;}
.lock dl dd span {display:block; width:55px; height:63px; float:left; padding:0 5px;}
.lock dl dd span input {height:63px; width:100%; border:1px solid #e1e1e1; text-align:center; font-size:32px; box-sizing:border-box; line-height:63px;}
.lock dl dd span.on input {border:1px solid #d52c35;}
.phone_keyboard {position:fixed; bottom:0; width:100%; border-top:1px solid #e1e1e1; background:#fff;}
.phone_keyboard:after {clear:both; content:''; display:block;}
.phone_keyboard li {float:left; width:33.3%; text-align:center; height:70px; line-height:70px; font-size:32px; border-left:1px solid #e1e1e1; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.phone_keyboard li span {width:32px; display:inline-block; height:22px; vertical-align:middle; position:relative; margin-top:-3px;}
.phone_keyboard li span img {width:100%;}
.phone_keyboard li:nth-child(10), .phone_keyboard li:nth-child(11), .phone_keyboard li:nth-child(12) {border-bottom:0;}
.phone_keyboard li:nth-child(1), .phone_keyboard li:nth-child(4), .phone_keyboard li:nth-child(7), .phone_keyboard li:nth-child(10) {border-left:0;}



/*** 잠금설정 ***/
.lock_box ul li a {padding:20px 15px; display:block; border-bottom:1px solid #e1e1e1;}
.lock_box ul li a dl {display:table; width:100%;}
.lock_box ul li a dl dt {display:table-cell; vertical-align:middle;}
.lock_box ul li a dl dd {display:table-cell; vertical-align:middle; text-align:right; width:25px; height:25px;}
.lock_box ul li a dl dd img {width:100%;}


/*** 회원탈퇴 ***/
.withdrawal dl {text-align:center;}
.withdrawal dl dt {padding-bottom:20px;}
.withdrawal dl dd {font-size:14px; font-weight:300; color:#767676; line-height:18px; letter-spacing:-0.5px;}
.withdrawal dl dd:nth-child(2) {padding-bottom:10px;}
.withdrawal dl dd.withdrawal_area {padding-top:20px;}
.withdrawal.middle {position:absolute; width:100%; left:0; padding:15px; box-sizing:border-box; top:50%; margin-top:-24px;}


/*** 내정보 ***/
.form_box div.phone {padding:10px 15px; border-bottom:1px solid #e9e9ea; margin-bottom:0;}
.form_box div.phone dl dt {vertical-align:middle;}
.form_box div.phone dl dd {width:inherit; text-align:right; width:132px; height:35px; padding-left:0;}
.p_btn {display:block; background:#9d9d9d; text-align:center; color:#fff; font-weight:700; border-radius:5px; height:35px; width:100%; line-height:35px;}
.form_box .phone_table {width:100%;}
.form_box .phone_table tr {border-bottom:1px solid #e9e9ea;}
.form_box .phone_table th {text-align:left; width:95px; box-sizing:border-box; padding:13px 0 13px 15px; font-size:14px; font-weight:300; color:#585858;}
.form_box .phone_table td {font-size:14px; font-weight:300; text-align:left; box-sizing:border-box; padding:13px 15px 13px 0;}
.form_box .phone_table td dl {display:table; width:100%;}
.form_box .phone_table td dl dt {display:table-cell; width:80px;}
.form_box .phone_table td dl dd {display:table-cell;}
.rental .basic_area {padding:20px 15px 0px;}
.basic_area {padding:20px 15px 20px;}
.form_box .basic_area {margin-bottom:0;}
.mail {padding:15px 15px 10px; border-bottom:1px solid #e1e1e1;}
.mail_box:after {clear:both; content:''; display:block;}
.form_box .phone_table td dl.block {display:block;}
.form_box .phone_table td dl.block dt {display:block; padding-bottom:5px;}
.form_box .phone_table td dl.block dd {display:block;}
.form_box .phone_table td dl.block dd .second {width:50%;}


/*** 알림함 ***/
.date_box .date_sec .date_tt {padding:15px; text-align:center; border-bottom:1px solid #e1e1e1;}
.date_box .date_sec .date_tt span {display:inline-block; color:#fff; background:#525b6c; width:114px; height:35px; line-height:35px;border-radius:30px;}
.date_box .date_sec ul li a {padding:15px; border-bottom:1px solid #e1e1e1; display:block;}
.date_box .date_sec ul li dt {font-size:14px; line-height:20px; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; width:inherit; height:inherit;}
.date_box .date_sec ul li dd {font-size:14px; line-height:20px; font-weight:300; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; padding-top:5px;}
.date_box .date_sec ul li dd.big_ts {padding-bottom:5px; font-weight:400; color:#000;}
.date_box .date_sec ul li dd.date_time {font-size:12px; font-weight:300; color:#585858; padding-top:10px; padding-left:0; width:inherit; text-align:left;}
.day_text {padding:20px 15px 0px; font-size:14px; font-weight:300; width:100%; box-sizing:border-box; background:#fff;}



/*알림설정*/
.setting_box .con {border:1px solid #e1e1e1; margin-bottom:10px;}
.setting_box .con .con_in a {padding:15px 10px; display:block;}
.setting_box .con .con_in span {display:inline-block; width:23px; height:23px; float:right;}
.setting_box .con .con_in span img {width:100%;}
.chk_msg {position:relative;padding-right:80px;word-wrap:break-word;word-break:keep-all;white-space:normal; padding:15px 10px; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.chk_msg.bb {border-bottom:0;}
.lock_box .chk_msg {padding:20px 15px; border-bottom:1px solid #e1e1e1;}
.chk_msg.noline {border-bottom:none;}
.chk_msg.pd_none {padding:0;}
.chk_msg.pd_none a {padding:15px 10px; display:block;}
.setting_box .chk_msg span {display:inline-block; width:23px; height:23px; float:right;}
.setting_box .chk_msg span img {width:100%;}
.chk_msg label { display:block; width:100%; }
.chk_msg label::after{content:''; display:block;position:absolute; right:15px; top:10px; width:53px;height:27px; background:url(../images/sub/bg_checkbox_s.png) no-repeat; background-size:53px 27px; border:0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.lock_box .chk_msg label::after {top:15px;}
.chk_msg input[type="checkbox"] { position:absolute; right:20px; top:17px;}
.chk_msg input:checked + label::after { background:url(../images/sub/bg_checkbox_s_on.png) no-repeat;; background-size:53px 27px;; border:0; transition: all 0.3s; -webkit-transition: all 0.3s;}
p.set_text {font-size:14px; opacity:0.8; line-height:20px; padding:10px; font-weight:300;}
.setting_box .con .con_in p.set_text {border-top:1px solid #e1e1e1;}
.ez-hide { opacity:0;}
.version {border:1px solid #e1e1e1;}
.version p {padding:15px 10px; border-bottom:1px solid #e1e1e1;}
.version p.old {opacity:0.6;}
.version p span {display:inline-block; width:23px; height:23px; float:right;}
.version p span img {width:100%;}
.version p:last-child {border-bottom:0;}
.no_view dt {opacity:0.3;}
.no_view dd {opacity:0.3;}
p.set_text a.view {text-decoration:underline; margin-left:5px; font-size:13px;}
p.set_text br {display:none;}


/*카드등록*/
.coupon_list.card dl dd.coupon_text p:nth-child(1) {font-size:15px; color:#000; font-weight:400; display: -webkit-box; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.coupon_list.card dl dd.coupon_text p:nth-child(2) {font-size:12px; color:#585858; font-weight:300;}
.coupon_list.card dl dd.coupon_text p.old_date {padding-top:3px; font-size:12px; color:#585858; font-weight:300;}


/*카드등록미가입팝업*/
.pop_scroll {height:240px; padding:15px; box-sizing:border-box; background:#eaecee; overflow:auto;}
.pop_scroll dl dt {font-weight:700;}
.pop_scroll dl dt span {color:#d52c35;}
.pop_scroll dl dd {text-align:left; padding:10px 0 0 10px; font-size:14px; line-height:20px; position:relative; font-weight:300;}
.pop_scroll dl dd:before {display:block; content:''; width:5px; height:5px; background:#919191; position:absolute; left:0; top:17px; border-radius:100%;}
.card_pop.w_padding {padding:15px 0;}
.card_pop.w_padding .type {padding:0 15px 15px;}
.card_pop.w_padding .pop_barea {margin-top:0; border-top:0; padding:15px 15px 0;}
.pop_scroll ul li {font-size:14px; font-weight:300; padding-top:10px; padding-left:10px; box-sizing:border-box; position:relative;}
.pop_scroll ul li:first-child {padding-top:0;}
.pop_scroll ul li:after {content:''; display:block; position:absolute; width:4px; height:1px; background:#000; left:0; top:18px;}
.pop_scroll ul li:first-child:after {top:7px;}


/*공공시설*/
.form_box.border {border-bottom:1px solid #e1e1e1;}
.form_box .map_select {padding:10px 15px; margin-bottom:0;}
.form_box .map_select dl {display:table; width:100%;}
.form_box .map_select dl dt {width:50px;}
.form_box .map_select dl dt a {display:block; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff; background:#919191;}
.form_box .map_select dl dd {width:auto;}
.form_box .map_select .search_box {padding:10px 0 0px; border-bottom:0; margin-bottom:0;}
.form_text {padding:0 15px 10px; font-size:14px; font-weight:300;}
.form_text span {font-weight:400;}
.form_text img {width:7px; height:11px; vertical-align:middle; margin:0 3px;}
.coupon_list.card .in_btn {padding-top:5px;}
.coupon_list.card .in_btn a {display:inline-block; padding:0 10px; height:19px; line-height:19px; margin-left:3px; font-size:12px; color:#fff; border-radius:5px;}
.coupon_list.card .in_btn a:first-child {margin-left:0;}
.coupon_list.card .in_btn .color_t1 {background:#868adf;}
.coupon_list.card .in_btn .color_t2 {background:#75aae4;}
.coupon_list.card .in_btn .color_t3 {background:#d52c35;}
.card_pop .pop_cont p .subject {height:23px; padding:0 8px; display:inline-block; line-height:23px; font-size:14px; background:#d52c35; color:#fff; border-radius:5px;}
.card_pop dl.type.text03 dd.area_view {padding-top:10px;}
.card_pop dl.type.text03 dd.area_view a {font-size:14px; font-weight:400; text-decoration:underline;}
.card_pop .pop_barea.btn_width ul li:first-child {width:30%;}
.card_pop .pop_barea.btn_width ul li:last-child {width:70%;}


/*통합검색*/
.search_sec {padding-top:15px;}
.search_sec:first-child {padding-top:0px;}
.search_sec .search_tt {padding:0 15px 15px; font-size:17px; font-weight:700; border-bottom:1px solid #e1e1e1;}
.search_list dl {padding:15px 15px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.search_list dl dt {display:table-cell; vertical-align:middle; width:50px; height:50px; padding-right:10px;}
.search_list dl dt img {width:100%;}
.search_list dl dd {display:table-cell; vertical-align:middle;}
.search_list dl dd.coupon_text p:nth-child(1) {line-height:19px;  display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;}
.search_list dl dd.coupon_text p:nth-child(1) span {font-weight:300; color:#686868; margin-left:5px;}
.search_list dl dd.coupon_text p:nth-child(2) {font-size:14px; font-weight:300; color:#585858; display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.search_list dl dd.coupon_text p.area {font-size:14px; font-weight:300; color:#585858;}
.search_more {padding:15px 15px 15px; background:#f7f7f8; border-bottom:1px solid #e1e1e1;}
.search_more .more_btn {color:#757676; border:1px solid #e1e1e1; background:#fff;}
.search_more .more_btn span {color:#d52c35;}
.search_list .search_sec .con_v a {display:block;}
.search_list .search_sec ul li a {padding:15px; display:block; border-bottom:1px solid #e1e1e1;}
.search_list .search_sec ul li a p.s_text {font-size:15px; font-weight:400; color:#000; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;
overflow: hidden;}
.search_list .search_sec ul li a p.date {font-size:12px; padding-top:5px; color:#757575; font-weight:300;}
.search_list dl.none dt{display:none;}
.search_more.none {padding:10px;}
.search_more.none .more_btn {display:none;}


/*공지사항상세*/
.search_view_box .search_view dt {padding:20px 15px 23px; border-bottom:1px solid #e1e1e1; line-height:24px; font-size:18px;}
.search_view_box .search_view dd {padding:20px 15px 23px; font-size:16px; font-weight:300; line-height:22px;}
.ex_img {padding:0 15px; box-sizing:border-box; text-align:center;}
.ex_img.exp {padding:20px 0;}
.ex_img img {max-width:100%; display:inline-block;}


/*문화행사*/
.date_box dl {padding:15px 15px; width:100%; box-sizing:border-box; border-bottom:1px solid #e1e1e1; position:relative; min-height:115px;}
.date_box dl.nopadding {padding:0; border-bottom:none;}
.date_box dl.nopadding dt {position:inherit;}
.date_box dl.nopadding dd {padding-left:0;}
.date_box dl dt {vertical-align:middle; width:90px; position:absolute; height:85px; box-sizing:border-box;}
.date_box dl dt img {width:100%;}
.date_box dl dd {vertical-align:top;  padding-left:100px; padding-right:42px;}
.date_box dl dd.no_pl {padding-right:0;}
.date_box dl dd.coupon_text p:nth-child(1) {line-height:16px; color:#000; padding-top:0; font-size:15px; font-weight:400;}
.date_box dl dd.coupon_text p {display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden; font-size:12px; color:#585858; font-weight:300; }
.date_box dl dd:nth-child(3) {text-align:right; vertical-align:middle; width:71px; padding-left:10px; box-sizing:border-box;}
.date_box.t_list dl dd:nth-child(3) {text-align:left; vertical-align:middle; width:inherit; padding-left:0px; box-sizing:border-box;}
.date_box.t_list dl dd {font-size:13px !important; color:#757575;}
.date_box.t_list dl dd.big_ts {font-size:14px !important;}
.date_box dl dd.i_phone {width:32px; position:absolute; right:0; top:50%; margin-top:-16px; padding-left:0; padding-right:0; right:15px;}
.date_box dl dd.i_phone .phone_btn {width:32px; height:32px; background:none; display:block;}
.date_box dl dd.i_phone a img {width:100%;}
.calendar {text-align:center; padding:20px 0 5px;}
.calendar .year {padding-bottom:15px;}
.calendar em {display:inline-block; padding:0 20px;}
.calendar span {display:inline-block; width:22px; height:22px; cursor:pointer;}
.calendar span img {width:100%; vertical-align:middle;}
.calendar .calendar_box ul {border-bottom:1px solid #e1e1e1;}
.calendar .calendar_box ul:after {clear:both; content:''; display:block;}
.calendar .calendar_box ul li {float:left; width:16.66%;}
.calendar .calendar_box ul li a {display:block; height:35px; line-height:35px; text-align:center; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-size:14px; font-weight:300; color:#585858;}
.calendar .calendar_box ul li.on a {background:#d52c35; color:#fff; font-weight:700;}
.calendar .calendar_box ul li:nth-child(1) a, .calendar .calendar_box ul li:nth-child(7) a {border-left:0;}


/*결제하기*/
/*.payment .pay_area {padding:0px 0px 15px; border-bottom:1px solid #e1e1e1;}*/
.payment .payment_tt {font-size:17px; font-weight:700; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; padding-right:25px; box-sizing:border-box; padding:15px 38px 3px 15px; position:fixed; width:100%; background:#fff; z-index:999; min-height:50px;}
.payment .payment_tt a {position:absolute; width:36px; height:50px; top:0px; right:0px; text-align:center; padding:16px 0; box-sizing:border-box;}
.payment .payment_tt a img {width:18px; vertical-align:middle;}
.pay_box dl {display:table; width:100%; padding:15px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;}
.pay_box dl dt {display:table-cell; vertical-align:middle; width:85px; font-size:14px; color:#585858; font-weight:300; word-break:break-all;}
.pay_box dl dd {display:table-cell; vertical-align:middle; font-size:14px;}
.area02 {padding:0 0px 15px;}
.pay_box dl dd span {padding:7px 10px; background:#d52c35; color:#fff; cursor:pointer; border-radius:5px;}
.pay_title {padding-bottom:10px; font-size:15px; font-weight:700;}
.payment_box .pay_way ul:after {clear:both; content:''; display:block;}
.payment_box .pay_way ul li {float:left; width:50%; display:table; box-sizing:border-box;}
.payment_box .pay_way ul li:nth-child(1) {padding-right:5px;}
.payment_box .pay_way ul li:nth-child(2) {padding-left:5px;}
.payment_box .pay_way ul li dl {display:table-cell; text-align:center; vertical-align:middle; padding:20px 0; border:1px solid #e1e1e1; border-radius:5px; cursor:pointer; -webkit-transition: all .5s;}
.payment_box .pay_way ul li.on dl {border:1px solid #d52c35;}
.payment_box .pay_way ul li dl dt {display:inline-block; width:50px; height:34px; padding-bottom:13px;}
.payment_box .pay_way ul li dl dt img {width:100%;}
.payment_box .pay_way ul li dl dd {display:block; padding-left:0; font-size:12px; font-weight:300;}
.payment_box .pay_way ul li.on dl dd {color:#d52c35; font-weight:700;}
.payment_box .pay_way dl {border-bottom:0;}


/*결제하기 팝업*/
.payment_box dl {display:table; width:100%; padding-bottom:20px; border-bottom:1px solid #e1e1e1;}
.payment_box dl dt {display:table-cell; vertical-align:top; width:90px; height:58px;}
.payment_box dl dt img {width:100%; height:100%;}
.payment_box dl dd {display:table-cell; vertical-align:top; padding-left:10px;}
.payment_box dl dd p {padding-top:4px; font-size:12px; font-weight:300; padding-right:48px; display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word; -webkit-line-clamp:1;-webkit-box-orient: vertical; overflow: hidden;}
.payment_box dl dd p.name {color:#585858;}
.payment_box dl dd p.str {font-size:14px; font-weight:700; color:#000;}
.payment_box dl dd p.str_date {font-weight:400; color:#d52c35;}
.payment_box dl.payment_text {padding:15px 0;}
.payment_box dl.payment_text dt {width:50%; height:inherit;}
.payment_box dl.payment_text dd {text-align:right; font-size:17px; color:#d52c35; font-weight:700;}
.payment_box dl.payment_text dd.grey {font-size:15px; font-weight:300; color:#000;}
.payment_box dl dd p.member_btn {padding-top:10px;}
.payment_box dl dd p.member_btn a {display:block; height:24px; line-height:24px; text-align:center; background:#d52c35; border-radius:5px; font-size:12px; color:#fff; width:144px;}
.payment_box dl.none dt {display:none;}
.payment_box dl.none dd {padding-left:0;}
.payment_box dl dd p.str.c_red {font-size:14px; color:#d52c35; font-weight:700;}


/*결제완료일일강좌*/
.red_text {text-align:center; padding-bottom:20px; color:#d52c35;}
.pay_info {border:1px solid #e1e1e1; border-bottom:0;}
.pay_info .pay_info_box {padding:15px 15px 0;}
.pay_info .pay_tt {font-size:14px; padding-bottom:15px;}
.pay_info .pay_info_box dl {border-bottom:0;}
.payment_box .pay_info .payment_text {padding:15px; box-sizing:border-box; background:#f7f7f8;}
.payment_box .pay_info .payment_text.border_t {border-top:1px solid #e1e1e1;}



/*결제내역*/
.date_box .date_sec .drop_box dl {display:table; width:100%;  padding:0; border-bottom:0;}
.date_box .date_sec .drop_box dl dt {display:table-cell; vertical-align:middle; width:50px; height:50px;}
.date_box .date_sec .drop_box dl dt img {width:100%;}
.date_box .date_sec .drop_box dl.none dt {display:none;}
.date_box .date_sec .drop_box dl dd {padding-left:0px; width:inherit; text-align:left;}
.date_box .date_sec .drop_box dl dd p {font-size:14px; font-weight:400;}
.date_box .date_sec .drop_box dl dd .date {font-size:12px; font-weight:300; color:#585858;}
.date_box .date_sec .drop_box dl dd .won {font-size:12px;}
.down_text {bottom:20px; text-align:center; padding-top:17px;}
.down_text p {font-size:12px; padding-top:3px; color:#d52c35;}
.date_box .date_sec .drop_box div {display:table; width:100%;  padding:0; border-bottom:0;}
.date_box .date_sec .drop_box div div {padding-left:0px; text-align:left; line-height:20px;}
.date_box .date_sec .drop_box div div p {font-size:14px; font-weight:400;}
.date_box .date_sec .drop_box div div p.t_str {font-weight:700;}
.date_box .date_sec .drop_box div div .date {font-size:12px; font-weight:300; color:#585858;}
.date_box .date_sec .drop_box div div .won {font-size:12px;}




/*대여목록*/
.sub_header .b_img {position:absolute; right:0; top:6px; width:35px; height:35px;}
.sub_header .b_img img {width:100% !important; vertical-align:inherit !important;}
/*.rental .tap_btn li:first-child { border-left:0px;} 
.rental .tap_btn {border-bottom:1px solid #d52c35; height:35px; box-sizing:border-box;}
.rental .tap_btn li { float:left; height:35px; line-height:35px; background:#fbfbfb; text-align:center; border:1px #d7d7d7 solid; margin-left:-1px; border-bottom:1px solid #d52c35; box-sizing:border-box; background:#f8f8f8;}
.rental .tap_btn li a { display:block; color:#797979; font-size:14px; padding:0 15px;}
.rental .tap_btn li.active {background:#fff; border:1px solid #d52c35; border-bottom:1px solid #fff; position:relative; z-index:99;}
.rental .tap_btn li.active a { color:#111; font-weight:700; background:#fff; font-size:14px; font-weight:700; color:#d52c35;}
.rental .tap_btn:after { content:''; clear:both; display:block;}*/

.rental .form_box div.search_box {border-bottom:0; padding:15px 15px 10px; box-sizing:border-box;}
.quantity_type {padding:0 15px;}
.quantity_type.nopadding {padding:0px;}
.quantity_type .quantity_tt {font-size:14px; padding-bottom:15px;}
.quantity_type.nopadding .quantity_tt {padding:0 15px 10px ; border-bottom:1px solid #e1e1e1;}
.quantity_type.nopadding .search_sec {padding-top:0;}
.quantity_type ul:after {clear:both; content:''; display:block;}
.quantity_type ul li {width:50%; float:left; box-sizing:border-box; margin-top:10px;}
.quantity_type ul li.nomargin {margin-top:0;}
.quantity_type ul li:nth-child(odd) {padding-right:5px;}
.quantity_type ul li:nth-child(even) {padding-left:5px;}
.quantity_type ul li dl {border:1px solid #e1e1e1; text-align:center;}
.quantity_type ul li dl dt {padding:15px; border-bottom:1px solid #e1e1e1;}
.quantity_type ul li dl dt span {width:88px; display:inline-block; height:93px;}
.quantity_type ul li dl dt img {width:100%; height:100%;}
.quantity_type ul li dl dd {background:#fcfcfc; padding:10px; text-align:left; height:100px; box-sizing:border-box;}
.quantity_type ul li dl dd p {font-size:12px; font-weight:300; padding-top:3px;}
.quantity_type ul li dl dd .big_tt {font-size:14px; font-weight:700; line-height:18px; display: -webkit-box; margin-bottom:5px; height:38px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.quantity_tt {padding:0 15px;}


/*대여상세팝업*/
.sum_img {text-align:center;}
.sum_img img {max-width:100%; display:inline-block;}
.payment .sum_img {text-align:center; padding-top:50px;}
.payment .sum_img img {max-width:100%; display:inline-block;}
.pay_box.toy .toy_text p{padding-left:10px; position:relative; padding-top:3px;}
.pay_box.toy .toy_text p:first-child {padding-top:0;}
.pay_box.toy .toy_text p:before {display:block; content:''; width:4px; height:1px; background:#000; position:absolute; left:0; top:10px;}
.pay_box.toy dl dd.str_red {font-size:14px; color:#d52c35; font-weight:700;}



/*공연목록*/
.form_box .search_box .date_box {display:table; width:100%;}
.form_box .search_box .date_box.mb10 {margin-bottom:10px;}
.form_box .search_box .date_box p {display:table-cell; width:auto; vertical-align:top;}
.form_box .search_box .date_box p.date_space {width:4%; text-align:center; vertical-align:middle;} /*2017-10-24 css추가 */
.form_box .search_box .date_box p input[type="date"] {border:1px solid #e1e1e1; height:35px; box-sizing:border-box; width:100%; background:url(../images/sub/ico_date.png) no-repeat 95% center; background-size:22px; padding-left:10px; font-size:14px; font-weight:300; color:#585858;}
.quantity dl {padding:15px 15px; display:table; width:100%; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.quantity dl.line {border-top:1px solid #e1e1e1;}
.quantity dl dt {display:table-cell; vertical-align:top; width:90px; height:85px; padding-right:10px;}
.quantity dl dt img {width:100%;}
.quantity dl dd {display:table-cell; vertical-align:top;}
.quantity dl dd.coupon_text p:nth-child(1) {line-height:19px;  display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;}
.quantity dl dd.coupon_text p:nth-child(1) span {font-weight:300; color:#686868; margin-left:5px;}
.quantity dl dd.coupon_text p:nth-child(2) {font-size:14px; font-weight:300; color:#585858; display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.quantity dl dd.coupon_text p:nth-child(3) {font-size:14px; font-weight:300; color:#585858; display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.quantity dl dd.coupon_text p:nth-child(4) {font-size:14px; font-weight:300; color:#585858; display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.quantity dl dd.coupon_text p.area {font-size:14px; font-weight:300; color:#585858;}
.quantity dl dd.coupon_text p span {position:absolute;}
.quantity dl dd.coupon_text p em {display:inline-block; padding-left:36px;}
.form_box .search_box .date_box p.t_width01 {width:40%;}
.form_box .search_box .date_box p.t_width02 {width:30%;}
.form_box .search_box .date_box p.t_width03 {width:30%;}
.form_box .search_box .date_box p.t_width02 span {display:inline-block; padding-left:7px; width:100%; box-sizing:border-box;}
.form_box .search_box .date_box p.t_width03 span {display:inline-block; padding-left:7px; width:100%; box-sizing:border-box;}
.form_box .search_box .date_box p.t_width02 span select, .form_box .search_box .date_box p.t_width03 span select {border-radius:0;}
.form_box .search_box .date_box p span select {font-size:12px;}



/*공연_상세팝업*/
.pay_box.toy .picture {padding:15px; box-sizing:border-box; text-align:center;}
.pay_box.toy .picture.nopadding {padding:0 15px;}
.pay_box.toy .picture a {display:block;}
.pay_box.toy .picture a.spp {margin-top:10px;}
.pay_box.toy .picture img {max-width:100%;}
.pay_box.toy .culter_text {padding:0px 15px 15px;}
.pay_box.toy .culter_text p {font-size:14px; font-weight:300; padding-top:10px; color:#585858; line-height:20px;}
.pay_box.toy .culter_text p i {font-weight:400; color:#000; font-style:normal;}
.pay_box.toy .culter_text p span {vertical-align:middle; position:relative; top:2px;}
.pay_box.toy .culter_text p.strong {font-weight:400; color:#000;}

/*강좌목록*/
.culter_box {border-top:1px solid #e1e1e1; margin-top:10px;}
.culter_box.nomargin {margin-top:0;}
.culter_box ul li a {padding:15px; display:block; border-bottom:1px solid #e1e1e1;}
.culter_box ul li a dt {display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; line-height:19px;}
.culter_box ul li a dd {display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; color:#585858; font-size:14px; padding-top:3px; line-height:20px; font-weight:300;}
.culter_box ul li a dd .str_red {color:#d52c35; font-weight:400;}


/*전시_상세팝업*/
.still {padding:0 15px; box-sizing:border-box; position:relative;}
.still p {padding-bottom:10px;}
.still p img {width:100%;}
.still #slidesjs-log {position:absolute; font-size:14px; color:#000; top:0;}
#slides02 {padding:35px 20px; background:#f4f5f6;}
.still .slidesjs-previous {background:url(../images/sub/ico_left.png) no-repeat; background-size:42px; display:block; width:42px; height:42px; text-indent:-9999px; position:absolute; left:15px; top:0; z-index:99; top:50%; margin-top:-10px;}
.still .slidesjs-next {background:url(../images/sub/ico_right.png) no-repeat; background-size:42px; display:block; width:42px; height:42px; text-indent:-9999px; position:absolute; right:15px; z-index:99; top:50%; margin-top:-10px;}

/*다수의카드*/
#visual {overflow:hidden; padding:20px 15px 40px; position:relative;}
#visual.one {padding:20px 15px;}
#visual.up .slider {display:none;}
#visual.padding {padding:20px 15px 20px;}
#visual .slides li img {width:100%;}
#visual .slider .flex-control-paging {height:10px; line-height:10px; box-sizing:border-box; z-index:100; width:100%; position:absolute; bottom:16px; text-align:center; left:0;}
#visual .slider .flex-control-paging li {margin:0 2px; display:inline-block; zoom:1; vertical-align:middle; }
#visual .slider .flex-control-paging li a{display:block; width:8px; height:8px; text-indent:-9999px; background:url(../images/sub/event_btn_off.png) 0 0 no-repeat; background-size:8px;}
#visual .slider .flex-control-paging li a.flex-active {background:url(../images/sub/event_btn_on.png) 0 0 no-repeat; width:8px; height:8px; background-size:8px;}
#visual .slider .flex-pauseplay {position:absolute; bottom:39px;  left:50%; margin-left:45px; width:30px; z-index:10; display:none;}
#visual .slider .flex-direction-nav{display:none;}
#visual .payment_box dl {border-bottom:0; padding-bottom:0; }
.ing_barcode {width:40px; height:40px; position:absolute; right:15px; top:30px; z-index:999;}
.ing_barcode a {display:block;}
.ing_barcode img {width:100%;}
.in_padding {padding:0 15px;}
.in_padding .cont {padding-top:20px; display:block;}
.in_padding .cont .in_padding_tt {font-size:15px; font-weight:700;}
.in_padding .cont .in_padding_tt a {font-size:13px; color:#585858; float:right; font-weight:400; padding:3px 7px; border:1px solid #e1e1e1; border-radius:5px; position:relative; top:-2px;}
.in_padding .cont .in_padding_tt a img {vertical-align:middle; width:5px; margin-left:3px; position:relative; top:-1px;}
.in_padding .cont .in_space_tt {padding-top:10px; font-size:14px; color:#585858;}
.in_padding .cont p {padding-top:5px; font-size:14px; font-weight:300; color:#585858; line-height:20px;}
.in_padding .cont.radius p {padding-left:10px; position:relative;}
.in_padding .cont.radius p:before {display:block; content:''; width:5px; height:5px; border-radius:100%; background:#919191; position:absolute; left:0; top:12px;}
.in_padding .cont p span {position:absolute;}
.in_padding .cont p em {padding-left:37px; display:inline-block;}
.in_padding .cont p em.x_em {padding-left:62px;}
.time_table  table {margin-top:5px; border:1px solid #d7d7d7;}
.time_table thead th {background:#919191; font-size:14px; color:#ececec; padding:8px 0; border-left:1px solid #d7d7d7;}
.time_table tbody tr {border-bottom:1px solid #d7d7d7;}
.time_table tbody td {background:#f7f7f8; border-left:1px solid #d7d7d7; padding:8px 0; font-size:14px; font-weight:300;}
#visual .ing_barcode.up {position:fixed; top:8px; z-index:9999; width:32px; height:32px; -webkit-transition: all .5s; transition: all .5s;} /*2017-10-17 css추가 */
.in_padding .cont .sub_area {width:100%; height:171px; overflow:hidden; text-align:center; margin-top:10px;}
.in_padding .cont .sub_area img {width:100%;}
.in_padding .cont .photo_box {padding-top:10px;}
.in_padding .cont .photo_box ul:after {clear:both; content:''; display:block;}
.in_padding .cont .photo_box ul li {float:left; width:50%; height:110px; overflow:hidden; background:#eaecee; text-align:center; line-height:110px; box-sizing:border-box; margin-bottom:2px;}
.in_padding .cont .photo_box ul li:nth-child(odd) {padding-right:1px;}
.in_padding .cont .photo_box ul li:nth-child(even) {padding-left:1px;}
.in_padding .cont .photo_box ul li span.no_photo {width:30px; display:inline-block; height:24px; vertical-align:middle;}
.in_padding .cont .photo_box ul li img {width:100%; height:100%;}
.in_padding .cont .more_area {padding-bottom:0;}
.in_padding .cont .more_btn {color:#757676; border:1px solid #e1e1e1;}
.in_padding .cont .in_coupon {margin-top:10px;}
.in_padding .cont .in_coupon ul {border:1px solid #e1e1e1;}
.in_padding .cont .in_coupon a {display:block; padding:15px; border-bottom:1px solid #e1e1e1;}
.in_padding .cont .in_coupon li:last-child a {border-bottom:0;}
.in_padding .cont .in_coupon dl {display:table; width:100%; box-sizing:border-box;}
.in_padding .cont .in_coupon dl dt {display:table-cell; vertical-align:middle; width:50px; height:50px; }
.in_padding .cont .in_coupon dl dt img {width:100%;}
.in_padding .cont .in_coupon dl dd {display:table-cell; vertical-align:middle; padding-left:10px;}
.in_padding .cont .in_coupon dl dd p:nth-child(1) {font-size:15px; color:#000; font-weight:400;}
.in_padding .cont .in_coupon dl dd p:nth-child(2) {font-size:12px; color:#585858; font-weight:300;}
.in_padding .cont .event_view02 {text-align:center;}
.in_padding .cont .event_view02:nth-child(2) {margin-top:5px;} /*2017-10-16 여백 css추가 */
.in_padding .cont .event_view02 a {display:block; width:100%; display:inline-block;}
.in_padding .cont .event_view02 a img {max-width:100%;}
.in_padding .cont .notice {margin-top:10px; border:1px solid #e1e1e1;}
.in_padding .cont .notice li a {display:block; padding:10px 15px; border-bottom:1px solid #e1e1e1; font-size:12px; font-weight:300;}
.in_padding .cont .notice li:last-child a {border-bottom:0;}
.in_padding .cont .notice li a img {width:20px; height:20px; vertical-align:middle; float:right; position:relative; top:-3px;}
.sub_header.width.up h2 {padding-right:45px; box-sizing:border-box;display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.sub_header.width h2 {box-sizing:border-box;display: -webkit-box;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;-webkit-line-clamp:1;-webkit-box-orient: vertical;overflow: hidden;}
.advertisement {padding:0 15px;  margin-top:20px;}
.advertisement a {display:block; text-align:center;}
.advertisement a img {max-width:100%; height:60px;}



/** 긴급공지팝업 **/
.card_pop .pop_cont p.quick_tt {font-size:15px; font-weight:700; line-height:20px; padding-bottom:15px;}
.card_pop .pop_cont .pop_scroll p:first-child {padding-top:0;}
.card_pop .pop_cont .pop_scroll p {text-align:left; font-size:14px; font-weight:300; padding-top:15px;}





.form_box .phone_table td p input{width:100%; height:35px; border:1px solid #e1e1e1; border-radius:5px; padding:0 10px; color:#838484; font-size:14px; box-sizing:border-box;}
.form_box .phone_table td .add_type {display:table; width:100%;}
.form_box .phone_table td .add_type span {display:table-cell;}
.form_box .phone_table td .add_type em {display:table-cell; padding-left:5px; width:100px;}
.form_box .phone_table td .add_type em a {width:100px; height:35px; display:block; background:#9d9d9d; border-radius:5px; line-height:35px; text-align:center; font-size:15px; color:#fff; font-weight:700;}
.form_box .phone_table td .add_type02 {padding-top:10px;}


/** 회원정보입력_삼청각 **/
.address_pop {background:#fff;}
.address_pop .pop_cont .add_wrap {padding:0 15px 30px;}
.address_pop .pop_cont .red_top {height:45px; line-height:45px; background:#d52c35; text-align:center; color:#fff; font-size:17px; font-weight:700; position:relative;}
.address_pop .pop_cont .red_top a {display:block; position:absolute; right:15px; width:18px; height:18px; top:12px;}
.address_pop .pop_cont .red_top a img {width:100%;}
.address_pop .add_tab {padding:20px 0px 0;}
.address_pop .add_tab ul:after {clear:both; content:''; display:block;}
.address_pop .add_tab ul li {float:left; width:50%; margin-left:-1px;}
.address_pop .add_tab ul li a {text-align:center; height:35px; display:block; line-height:35px; border:1px solid #e1e1e1; box-sizing:border-box;}
.address_pop .add_tab ul li.on a {background:#919191; color:#fff;}
.address_pop .add_text {padding-top:10px; font-size:12px; font-weight:300; color:#585858; padding-bottom:15px;}
.address_pop .add_text p.sand {padding-top:5px;}
.address_pop .add_search {position:relative; padding-bottom:0px; padding-top:15px;}
.address_pop .add_search input {height:35px; color:#585858; border:1px solid #e1e1e1; width:100%; padding-left:10px; box-sizing:border-box; font-size:14px; font-weight:300; padding-right:65px;}
.address_pop .add_search a {display:block; position:absolute; height:35px; width:60px; height:35px; color:#fff; background:#919191; line-height:35px; text-align:center; top:15px; right:0; font-size:14px; font-weight:300;}
.address_pop .add_result p {font-size:14px; font-weight:300; color:#585858; padding-bottom:10px;}
.address_pop .add_result p span {color:#d52c35;}
.address_pop .add_result .add_result_box {height:176px; overflow:auto;}
.address_pop .add_result .add_result_box table {border:1px solid #e1e1e1;}
.address_pop .add_result .add_result_box td {text-align:left; border-bottom:1px solid #e1e1e1; font-size:12px; color:#585858; cursor:pointer;}
.address_pop .add_result .add_result_box td:first-child {padding:10px;}
.address_pop .add_result .add_result_box td:last-child {text-align:center; border-left:1px solid #e1e1e1;}
.address_pop .add_result .add_result_box tr:last-child td {border-bottom:0;}
.address_box02 {display:none;}


/** 본인인증 로딩시 **/
p.wait {font-size:15px; font-weight:400; text-align:center;}


/** 본인인증 **/
.sec_area.pt30 {padding-top:30px;}
.con_ttt p {font-size:14px; color:#000101;}
.con_ttt p.small_tt {color:#585858; padding:5px 0 15px;}
.con_ttt .space_pp {padding-bottom:15px;}
.area_text {background:#eaecee; padding:15px 20px;}
.area_text p {text-align:center; color:#d52c35; line-height:19px;}


.qr_text {font-size:14px; color:#d52c35; padding-bottom:15px;}

.no_date {text-align:center; padding-top:50px;}


.plus_card {padding-top:10px;}

/** 로딩 **/
/*.loadingtype01 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;}
.loadingtype01:before {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;content:"";}
.loadingtype01 .loading_box {position:fixed;left:50%;top:50%; margin: -61px 0 0 -61px; width:122px; height:142px; text-align:center;}
.loadingtype01 .loading_box .loading_cont {width:86px; height:86px; background:#d52c35;border-radius:100%;overflow:hidden;animation:topcips_scale 5s; display:inline-block;}
.loadingtype01 .loading_cont:before {position:absolute;left:50%; margin-left:-43px; top:0;width:86px;height:86px;background-size:86px;content:"";animation:loading infinite forwards 2s 0s;}
.loadingtype01 .loading_text {color:#fff; position:absolute; margin-top:15px; width:inherit; bottom:0;}*/


/** 탭 스와이프 **/
.rental .tap_btn {height:45px; box-sizing:border-box; width:100%; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.rental .tap_btn.up {position:fixed; top:48px; z-index:9;}
/*.rental .tap_btn.initialized  {padding:0 30px;}
.rental .tap_btn.initialized li {width:25%; text-align:center;}
.rental .tap_btn.initialized li a {padding:0;}*/
.rental .tap_btn li { height:45px; line-height:45px; text-align:center; box-sizing:border-box;}
.rental .tap_btn li a { display:block; color:#797979; font-size:15px; padding:0 15px;}
.rental .tap_btn li a span {display:inline-block; height:44px; line-height:45px;}
.rental .tap_btn li.active a { color:#111; font-weight:700; font-size:14px; font-weight:700; color:#d52c35;}
.rental .tap_btn li.active a span {border-bottom:2px solid #d52c35; font-size:15px;}
.rental .tap_btn:after { content:''; clear:both; display:block;}
.margin_area02 {background:#f8f8f8; height:20px; text-indent:-9999px;}
.horizon-swiper,.horizon-swiper *,.horizon-swiper :after,.horizon-swiper :before{box-sizing:border-box}
.horizon-swiper{position:relative;background:#fff}
.horizon-swiper a:focus,.horizon-swiper button:focus{outline:0}
.horizon-swiper.mouse-drag,.horizon-swiper.mouse-drag *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.horizon-swiper .horizon-outer{overflow:hidden}
.horizon-swiper .horizon-inner{padding:0 0 20px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.horizon-swiper .horizon-item{display:inline-block;position:relative;white-space:nowrap}
.horizon-swiper .horizon-next,.horizon-swiper .horizon-prev{display:none}
.horizon-swiper.initialized .horizon-next,.horizon-swiper.initialized .horizon-prev{display:block}
.horizon-swiper.first-item .horizon-prev,.horizon-swiper.last-item .horizon-next{opacity:0}
.horizon-swiper .horizon-next,.horizon-swiper .horizon-prev{position:absolute;top:0px;bottom:0px;width:25px;border:none;outline:0; height:42px; }
.horizon-swiper .horizon-next:active,.horizon-swiper .horizon-next:focus,.horizon-swiper .horizon-next:hover,.horizon-swiper .horizon-prev:active,.horizon-swiper .horizon-prev:focus,.horizon-swiper .horizon-prev:hover{outline:0}
.horizon-swiper .horizon-prev{left:0px;/*background-image:url(../../resources/images/sub/tab_left_arrow.png); background-size:25px;*/ background:linear-gradient( to right, white, white ); opacity:0.9;  background: -webkit-gradient(linear,left top,right top,color-stop(16.66%,#fff),color-stop(100%,rgba(255,255,255,0)));}
.horizon-swiper .horizon-next{right:0px;/*background-image:url(../../resources/images/sub/tab_right_arrow.png); background-size:25px;*/ background:linear-gradient( to right, white, white ); opacity:0.9; background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(60%,#fff));}


/** 공공시설지도보기 **/
.map {position:absolute;left:0;top:48px;width:100%;height:100%;background:url(../../resources/images/sub/map02.jpg) center top no-repeat; background-size:cover;}
.map_y div.tip em {display:block;position:absolute;left:50%; margin-left:-9px; bottom:-10px;width:0;height:0;content:"";border-left:9px solid transparent;border-right:9px solid transparent;
border-top:10px solid #f8f9fb;opacity:1;z-index:12;transition:all 0.3s;z-index:800;  }
.tip {position:absolute;}
.tip01 {top:38%; left:50%;}
.tip02 {top:17%; left:8%;}
.tip03 {top:30%; left:19%;}
.tip04 {top:18%; left:68%;}
.tip05 {top:46%; left:14%;}
.tip00 {top:10%; left:45%;}
.tip p a{position:relative; padding:10px 20px; background:#fff; border-radius:15px; font-size:14px; color:#000; border: 2px solid}
.tip.tip01 p a {border:2px solid #2288ec;}
.tip.tip02 p a {border:2px solid #f28c4c;}
.tip.tip03 p a {border:2px solid #ffb412;}
.tip.tip04 p a {border:2px solid #34c887;}
.tip.tip05 p a {border:2px solid #5765a6;}
.tip.tip00 p a {border:2px solid #b8b8b8;}
.tip p a span {position:absolute; width:23px; height:23px; background:#fff; border:2px solid #2288ec; border-radius:100px; text-align:center; top:-15px; right:-3px; cursor:pointer;}
.tip p a span img {width:11px; vertical-align:middle; position:relative; top:2px;}
.tip.tip01 p a {display:block;}
.tip.tip01 p a span {border:2px solid #2288ec;}
.tip.tip02 p a span {border:2px solid #f28c4c;}
.tip.tip03 p a span {border:2px solid #ffb412;}
.tip.tip04 p a span {border:2px solid #34c887;}
.tip.tip05 p a span {border:2px solid #5765a6;}
.tip.tip00 p a span {border:2px solid #b8b8b8;}
.tip p a:after, .tip p a:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;	}
.tip.tip01 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip01 p a:before {border-top-color: #2288ec;border-width: 12px;margin-left: -12px;}
.tip.tip02 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip02 p a:before {border-top-color: #f28c4c;border-width: 12px;margin-left: -12px;}
.tip.tip03 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip03 p a:before {border-top-color: #ffb412;border-width: 12px;margin-left: -12px;}
.tip.tip04 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip04 p a:before {border-top-color: #34c887;border-width: 12px;margin-left: -12px;}
.tip.tip05 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip05 p a:before {border-top-color: #5765a6;border-width: 12px;margin-left: -12px;}
.tip.tip00 p a:after {border-top-color: #fff;border-width: 9px;margin-left: -9px;}
.tip.tip00 p a:before {border-top-color: #b8b8b8;border-width: 12px;margin-left: -12px;}



/** 세종문화회관(이용약관) 2017-11-08 추가 **/
.consent_chk {margin:0 15px; border:1px solid #e1e1e1;}
.consent_chk p {padding:15px 15px 11px;}
.consent_chk div {padding:5px 0 15px;}
.consent_chk div p {border-bottom:none; padding:10px 15px 0;}
.consent_chk div p label:after {top:10px;} 
.consent_chk div p span {font-size:12px; color:#757676; display:inline-block; padding-top:3px;}
.consent_chk p label:after {top:15px;}
.consent_chk input[type="checkbox"] {margin:5px;}


/** 회원혜택 2017-11-08 추가 **/
.reservation {padding:0 15px 20px;}
.reservation dt {font-size:15px; font-weight:700; padding-bottom:15px;}
.quantity dl dd.coupon_text p.sale {color:#d52c35;}
.quantity dl dd.coupon_text p:nth-child(5) {font-size:14px; font-weight:300; color:#585858; display: -webkit-box; padding-top:4px; text-overflow: ellipsis;white-space:normal;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
.search_sec dl dd .sale_btn {padding-top:10px;}
.search_sec dl dd .sale_btn li {float:left; width:50%; box-sizing:border-box;}
.search_sec dl dd .sale_btn li:first-child {padding-right:5px;}
.search_sec dl dd .sale_btn li:last-child {padding-left:5px;}



.loading {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;}
.loading:before {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;content:"";}


.sk-fading-circle {
  margin: -40px auto 0;
  width: 60px;
  height: 60px;
  position: relative;
  top:50%;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #959595;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


@keyframes loading{
0% {background:url(../images/sub/ico_loading00.png) center no-repeat;background-size:40px;}
25% {background:url(../images/sub/ico_loading01.png) center no-repeat;background-size:40px;}
50% {background:url(../images/sub/ico_loading02.png) center no-repeat;background-size:40px;}
75% {background:url(../images/sub/ico_loading03.png) center no-repeat;background-size:40px;}
100% {background:url(../images/sub/ico_loading04.png) center no-repeat;background-size:40px;}
}



@media all and (min-width:300px) and (max-width:374px) {
.form_box .form_tt {width:26%;}
.form_box .second {width:37%;}
.select_ty {font-size:12px; padding-left:5px;}
.event ul li a {display:inline-block; width:290px; height:70px;}
.etc_consent label {font-size:13px; width:235px;}
.form_box .phone_table th {width:90px;}
.form_box .phone_table td label {letter-spacing:-1px;}
.coupon_list.card .in_btn a {padding:0 5px;}
.time_table tbody td {font-size:13px;}
.form_box .search_box .date_box p.t_width01 {width:100%; display:table-caption; margin-bottom:10px;}
.form_box .search_box .date_box p.t_width02 {width:50%;}
.form_box .search_box .date_box p.t_width02 span {padding-right:3.5px; padding-left:0;}
.form_box .search_box .date_box p.t_width03 {width:50%;}
.form_box .search_box .date_box p.t_width03 span {padding-left:3.5px;}
p.set_text a.view {margin-left:0px;}
p.set_text br {display:block;}
.withdrawal dl dd {letter-spacing:-0.7px;}
}