@charset "utf-8";

/* css reset */
html {font-size:15px;}
html, body { -webkit-text-size-adjust:none; }
html, body, div, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ol, ul, li { list-style:none; } img, fieldset { border:0 none; }
input[type=text], input[type=password], input[type=submit], input[type=search], textarea { -webkit-appearance:none; }
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { /* WebKit browsers */color:transparent;}
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:transparent;}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */color:transparent;}
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */color:transparent;}
button { border:0 none; background:transparent; cursor:pointer; }
table caption { width:0; height:0; visibility:hidden; font-size:0; line-height:0; }
table { border-collapse:collapse; border-spacing:0; }
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display:block; }
a { text-decoration:none;}
body {
	background:transparent; letter-spacing:0px; line-height:1.3;
	font-family:Arial,sans-serif;/*"나눔고딕",Nanum Gothic,*/
	-webkit-tap-highlight-color: transparent;-webkit-user-select:none;-webkit-touch-callout:none;word-break:break-all;
}

/* terms */
.table_terms {font-size:0.813rem;width:100%;}
.table_terms tr th {border:1px solid #ccc;padding:3px 0;text-align:center;}
.table_terms tr td {border:1px solid #ccc;padding:3px 0;text-align:center;}

.table_terms_sub {font-size:0.813rem;width:100%;}
.table_terms_sub tr th {border:0px solid #ccc;padding:3px 0;text-align:center;}

/* popup_type_new */
div.popup_wrap {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color: rgba(0,0,0,0.6);z-index: 10;word-break:break-all;overflow:auto;}
div.popup_wrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
div.popup_content {display:inline-block;vertical-align:middle;width:100%;padding:20px 0;font-size:1rem;}


.box_vertical {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;overflow:auto;z-index:4;}
.box_vertical:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
.box_vertical_inner {display:inline-block;vertical-align:middle;width:100%;padding:20px 0;font-size:1rem;}
.z_index_0 {z-index:-1!important;}

/* common */
.box_sh{-webkit-box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3);-mox-box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3);box-shadow:1.25px 1.25px 3px rgba(0,0,0,0.3);}
.txt_sh{text-shadow:0.8px 0.8px 1px rgba(0,0,0,0.15);}
.radius_full {border-bottom-right-radius:900px;border-bottom-left-radius:900px;border-top-right-radius:900px;border-top-left-radius:900px;}

.div_header {position:fixed;width:100%;z-index:5;top:0px;left:0;
-webkit-transition:top 0.3s ease-out;
-moz-transition:top 0.3s ease-out;
transition:top 0.3s ease-out;
}

/*#divHeader{top:0px;}*/

.div_header_inner{height:52px;max-width:480px;margin:0 auto;position:relative;background-color:#fff;}

/*.btn_back {position:absolute;top:17px;left:12px;height:28px;}*/
.btn_left {position:absolute;top:11px;left:12px;height:28px;}
.btn_right {position:absolute;top:11px;right:8px;height:28px;}
.btn_stampSave {position:absolute;top:8px;right:0px;height:34px;}
.title_header_img {height:28px;display:block;margin:0 auto;padding-top:13px;}

.title_header {height:52px;line-height:52px;text-align:center;font-size:1rem;letter-spacing:-1px;font-weight:bold;color:#004795;}

.padding_top_header {padding-top:52px;}
.margin_top_header {margin-top:122px;}
.padding_top_header.tab_ul {padding-top:100px;}

.div_content {width:100%;max-width:480px;margin:0 auto;position:relative;
-webkit-transition:margin 0.3s ease-out;
-moz-transition:margin 0.3s ease-out;
transition:margin 0.3s ease-out;
margin-top:0px;
}

#divContent.margin_top_header {margin-top:122px;}

.img_full {width:100%;display:block;}

.hidden {display:none!important;}

/* custom */
.padding_bottom_70 {padding-bottom:70px;}

/*bottom_btn*/
.bottom_btn_group {width:100%;position:fixed;bottom:0;left:0;z-index:5;}
.bottom_btn_group_ul {width:100%;margin:0 auto;max-width:480px;border-top:1px solid #e1e1e1;}
.bottom_btn_group_ul li {float:left;width:25%;background-image:url(../images/btn_bottom01_off.png);background-size:100% 100%;background-position:center;position:relative;}
.bottom_btn_group_ul li:before {content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:#e1e1e1;}
.bottom_btn_group_ul li:last-child:before {content:none;}
.bottom_btn_group_ul li:nth-child(2) {background-image:url(../images/btn_bottom02_off.png);}
.bottom_btn_group_ul li:nth-child(3) {background-image:url(../images/btn_bottom03_off.png);}
.bottom_btn_group_ul li:nth-child(4) {background-image:url(../images/btn_bottom04_off.png);}
.bottom_btn_group_ul li .img_full {opacity:0;visibility:hidden;}
.bottom_btn_group_ul li.on .img_full {opacity:1;visibility:visible;}


.back_gray {background-color:#f5f5f5;}

.coupon_box_wrap {width:90%;margin:0 auto;}
.coupon_box_title {color:#2957a6;font-weight:bold;font-size:1rem;margin-bottom:10px;padding-top:20px;}
.img_coupon {width:100%;display:block;margin-bottom:10px}

.btn_send {position:fixed;width:100%;bottom:0;left:0;}

.pop_default_msg {width:80%;margin:0 auto;font-size:0.87rem;}
.pop_default_msg_inner {background-color:#fff;padding:40px 0;text-align:center;}
.pop_default_btn {color:#fff;text-align:center;background-color:#17579d;padding:14px 0;}
.pop_default_btn .pop_cncl {display:inline-block;width:48%;border-right:1px solid;}
.pop_default_btn .pop_proc {display:inline-block;width:48%;}

/* loading */
div.loading_div_wrap {position:fixed;width:100%;height:100%;top:0;left:0;font-size:0;text-align:center;background-color: rgba(0,0,0,0.6);z-index: 10;word-break:break-all;overflow:auto;}
div.loading_div_wrap:before {width:0;height:100%;position:relative;vertical-align:middle;display:inline-block;overflow:hidden;content:"";font-size:0;}
div.loading_div {display:inline-block;vertical-align:middle;width:100%;padding:20px 0;font-size:1rem;}

.loading_div_inner {width:30%;margin:0 auto;position:relative;}

.img_loading {width:100%;display:block;position:absolute;top:0;left:0;}

.loading_01 {
-webkit-animation:rotateAnimation 2s infinite;
-o-animation:rotateAnimation 2s infinite;
animation:rotateAnimation 2s infinite;}
.loading_02 {
-webkit-animation:rotateAnimation2 2s infinite;
-o-animation:rotateAnimation2 2s infinite;
animation:rotateAnimation2 2s infinite;}

@-webkit-keyframes rotateAnimation {
	0%{-webkit-transform:rotate(0deg);opacity:1;}
	30%{-webkit-transform:rotate(360deg);opacity:0;}
	50%{-webkit-transform:rotate(360deg);opacity:0;}
	90%{-webkit-transform:rotate(720deg);}
	100%{-webkit-transform:rotate(720deg);}
}

@-webkit-keyframes rotateAnimation2 {
	0%{-webkit-transform:rotate(0deg);}
	30%{-webkit-transform:rotate(360deg);}
	50%{-webkit-transform:rotate(360deg);}
	90%{-webkit-transform:rotate(720deg);}
	100%{-webkit-transform:rotate(720deg);}
}

@-o-keyframes rotateAnimation {
	0%{-o-transform:rotate(0deg);opacity:1;}
	30%{-o-transform:rotate(360deg);opacity:0;}
	50%{-o-transform:rotate(360deg);opacity:0;}
	90%{-o-transform:rotate(720deg);}
	100%{-o-transform:rotate(720deg);}
}

@-o-keyframes rotateAnimation2 {
	0%{-o-transform:rotate(0deg);}
	30%{-o-transform:rotate(360deg);}
	50%{-o-transform:rotate(360deg);}
	90%{-o-transform:rotate(720deg);}
	100%{-o-transform:rotate(720deg);}
}
@keyframes rotateAnimation {
	0%{transform:rotate(0deg);opacity:1;}
	30%{transform:rotate(360deg);opacity:0;}
	50%{transform:rotate(360deg);opacity:0;}
	90%{transform:rotate(720deg);}
	100%{transform:rotate(720deg);}
}

@keyframes rotateAnimation2 {
	0%{transform:rotate(0deg);}
	30%{transform:rotate(360deg);}
	50%{transform:rotate(360deg);}
	90%{transform:rotate(720deg);}
	100%{transform:rotate(720deg);}
}


/* main.html */

.div_join_wrap {width:100%;background-color:#fff;}
.div_login_before {width:100%;padding-bottom:20px;}
.div_btn_login {width:90%;margin:0 auto;overflow:auto;padding:2px;}
.div_btn_login>div {float:left;width:48%;padding:12px 0;color:#fff;text-align:center;font-size:0.9rem;}
.div_btn_login>div:nth-child(1) {margin-right:4%;background-color:#004795;}
.div_btn_login>div:nth-child(2) {background-color:#ed7b79;}

.slide_div {width:100%;position:relative;overflow:hidden!important;z-index:1;}

.div_login_after {width:88%;margin:0 auto;padding:16px 0 14px;font-size:0.9rem;}
.login_success_top {width:100%;color:#004795;overflow:auto;letter-spacing:-1px;}
.login_userInfo {display:inline-block;vertical-align:middle;padding-top:2px;}
.userName_span {font-weight:bold;font-size:1.1rem;padding-left:8px;padding-right:3px;}
.btn_logout {display:inline-block;vertical-align:middle;padding:3px 7px; border:1px solid #999;color:#999;font-size:0.9rem;float:right;}
.btn_logout span {display:inline-block;vertical-align:middle;}
.btn_logout img {display:inline-block;vertical-align:middle;width:12px;}

.login_success_content {width:100%;overflow:auto;padding:10px 0;}

.login_stamp_count {width:45%;float:left;position:relative;}
.login_stamp_count:before{content:"";position:absolute;top:5%;right:10%;height:95%;border-right:1px solid #394681;}
.div_stamp_count_box {width:80%;position:relative;}

.img_stamp_count_bg {width:90%;display:block;padding:10%;padding-left:0;}
.img_pointer_stamp {position:absolute;top:4%;right:3%;width:26%;}
.crr_stamp_count {position:absolute;top:27%;right:46%;color:#004795;font-size:2.2rem;line-height:1;display:block;}
.total_stamp_count {position:absolute;top:60%;left:50%;color:#aab7d4;font-size:1.1rem;line-height:1;display:block;}
.img_login_stamptxt {display:block;width:90%;margin-top:-24px;}

.login_info_stamp {width:55%;float:left;text-align:right;padding-top:0.9rem;}
.extra_stamp_info_box {width:100%;display:inline-block;text-align:left;font-size:0.9rem;letter-spacing:-1px;color:#004795;}
.extra_stamp_info {width:100%;}
.extra_stamp_info span {display:inline-block;vertical-align:middle;}
.extra_stamp_info img {display:inline-block;vertical-align:middle;width:40px;margin-left:-3px;}

.extra_stamp_info_under {margin-top:-3px;}
.extra_stamp_info_under span {font-size:1.5rem;color:#ed7b79;padding-right:3px;}
.user_stamp_info {padding-top:10px;color:#656565;}


/* join.html */

.header_tab_ul {height:48px;background-color:#004795;}
.header_tab_ul li {float:left;line-height:48px;height:48px;text-align:center;color:#fff;font-size:0.85rem;position:relative;}
.header_tab_ul.two li {width:50%;}
.header_tab_ul.three li {width:33.33333%;}
.header_tab_ul.four li {width:25%;}
.header_tab_ul li span {opacity:0.5;}

/*효과없을떄*/
/*.header_tab_ul li:before {width:0%;position:absolute;bottom:0;left:0%;height:3px;content:"";background-color:#fff;}
.header_tab_ul li.on:before {width:100%;}*/

/*효과있을떄*/
.header_tab_ul li:before {width:0%;position:absolute;bottom:0;left:50%;height:3px;content:"";background-color:#fff;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;opacity:0.3;}
.header_tab_ul li.on:before {width:50%;opacity:1;}
.header_tab_ul li:after {width:0%;position:absolute;bottom:0;right:50%;height:3px;content:"";background-color:#fff;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;opacity:0.3;}
.header_tab_ul li.on:after {width:50%;opacity:1;}


.header_tab_ul li.on span {opacity:1;}


.div_part_frame {width:100%;opacity:0;visibility:hidden;letter-spacing:-0.5px;position:relative;display:none;}
.div_part_frame.on {opacity:1;visibility:visible;display:block;}
.div_part_frame_inner {width:90%;margin:0 auto;padding-bottom:20px;padding-top:5px;color:#2957a6;}
.title_h2 {font-size:1.1rem;padding:20px 0 15px;}
.img_join_symbol {position:absolute;top:5px;right:12%;width:22%;}
.input_div_join {width:100%;padding:3px 0;}
.input_box_title {font-size:0.9rem;padding:10px 0;color:#2957a6;position:relative;line-height:1.1;}
.input_box {width:100%;padding:12px 0;background-color:#fff;margin-bottom:4px;border:1px solid #ddd;}
.input_box input {outline:0;border:0;width:100%;display:block;width:96%;margin:0 auto;font-size:0.8rem;}

.back_fe7979 {background-color:#fe7979;}
.back_999 {background-color:#999}
.back_2957a6 {background-color:#2957a6;}
.back_aaa {background-color:#aaa}
.btn_onesize {width:100%;padding:12px 0;text-align:center;color:#fff;font-size:0.85rem;margin-top:5px;}
.btn_onesize.bottom {font-size:0.9rem;font-weight:bold;padding:14px 0;}
.btn_onesize.bottom.fixed {position:fixed;bottom:0;left:0;}
.check_div {padding:10px 4%;background-color:#fff;margin:0 auto;}
.check_div.check_top {margin-bottom:3px;border:1px solid #ddd;}
.check_bottom {border:1px solid #ddd;}
.check_div span {display:inline-block;vertical-align:middle;line-height:1;font-size:0.8rem;color:#2957a6;font-weight:bold;}
.input_check {position:absolute;width:0;height:0;opacity:0;}
.label_check {background-image:url(../images/img_check_off.png);background-size:19px 19px;background-position:left center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;}
.label_check img {display:block;width:19px;height:19px;opacity:0;visibility:hidden;}
.input_check:checked + .label_check img {opacity:1;visibility:visible;}
.check_div a {display:inline-block;vertical-align:middle;line-height:1;font-size:0.8rem;color:#2957a6;}
.padding_top_none {padding-top:0!important;}
.error_notice {color:#fe7979;font-size:0.78rem;padding-top:3px;}

.input_box.auth_input {position:relative;}
.auth_input_time {position:absolute;font-size:0.8rem;color:#fe7979;top:26%;right:3%;}



/* select_box */
dl.select_wrap {width:100%;position:relative;text-indent:10px;letter-spacing:-1px;}
dt.select_title, dd.select_option {width:100%;}
dt.select_title {width:100%;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;position:relative;}
.btn_select_pointer {position:absolute;width:28px;height:100%;right:0;top:0;background-color:transparent;border:0;}
.btn_select_pointer:before {position:absolute;top:45%;right:10px;display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #004795;content:"";}
.selected .btn_select_pointer {width:26px;background-color:#55a9d3;}
.selected .btn_select_pointer:before {right:8px;border-top-color:#fff;}
.select_title_span {border:0;width:90%;letter-spacing:-1px;text-indent:10px;display:block;background-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.select_title_input {width:0;height:0;position:absolute;opacity:0;border:0;outline:0;}
dd.select_option_wrap {position:absolute;/*position:select*/z-index:10;left:0;top:100%;width:100%;overflow:auto;max-height:160px;/*select option view total height*/}
div.select_option {height:0px;width:100%;font-size:0;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/}
dl.select_wrap.on div.select_option {font-size:inherit;
-webkit-transition:height .2s ease-out;
-moz-transition:height .2s ease-out;
-ms-transition:height .2s ease-out;
-o-transition:height .2s ease-out;
transition:height .2s ease-out;}
dl.select_wrap.on dd.select_option_wrap {border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;}
input.option_SelectInput {position:absolute;width:0px;height:0px;opacity:0;}
label.label_SelectOption {display:block;width:100%;letter-spacing:-1px;border-bottom:1px solid #ddd;}

dl.select_wrap, .select_title_span , label.label_SelectOption {font-size:0.813rem;}
dt.select_title,.select_title_span,dd.select_option_wrap {border-radius:0px;}
dt.select_title , dl.select_wrap.on div.select_option, .select_title_span {height:40px;line-height:40px;}

.input_box_half_wrap {width:100%;padding-bottom:44px;}
.input_box_half {width:48%;float:left;}
.input_box_half:first-child{margin-right:4%;}

.img_symbol_cpl {width:30%;padding-top:30px;}
.p_cpl {font-size:0.9rem;}


/* login.html */
.div_check_autoLogin.div_check_autoLogin {background-color:transparent;position:relative;padding:10px 0;}
.div_check_autoLogin.div_check_autoLogin span {color:#333;font-weight:normal;}
.btn_findPass {position:absolute;top:40%;right:0;padding-bottom:1px;border-bottom:1px solid #2957a6;font-size:0.78rem;line-height:1;}

/* find_pass.html */
.btn_resend {float:right;padding:1px 0 2px;border-bottom:1px solid #2957a6;font-size:0.78rem;}

/* terms.html */
.terms_title {font-size:1rem;padding:20px 0 15px;}
.terms_txt {font-size:0.8rem;}

/* setting.html */
.div_wrap_white {width:90%;margin:0 auto;padding:15px 5%;background-color:#fff;margin-bottom:6px;}
.div_wrap_white:first-child {margin-top:15px;}
.div_wrap_white:last-child {margin-bottom:15px;}
.input_box_type2 .input_box {width:76%;float:left;}
.input_box_type2 {overflow:auto;position:relative;}
.floating_btn_input {width:22%;margin-left:2%;float:left;text-align:center;padding:12px 0;font-size:0.8rem;background-color:#004795;color:#fff;line-height:1.2;}
.floating_btn_input.triple {position:absolute;top:0;right:0;height:97%;padding:0;}
.floating_btn_input.triple:before {display:inline-block;vertical-align:middle;width:0;height:100%;content:"";}
.floating_btn_input.triple span {display:inline-block;vertical-align:middle;}
.back_004795 {background-color:#004795;}

.div_wrap_white .input_box_title {padding-top:0;}

.div_border_blue {border:1px solid #004795;width:100%;padding:12px 3%;background-color:#fff;font-size:0.8rem;color:#004795;margin-bottom:5px;}
.div_border_blue p {position:relative;line-height:1.1;color:#565656;}
.arrow_right {width:17px;position:absolute;top:0;right:0;height:100%;}

.div_border_blue.bottom_solo {border:0;padding-bottom:0;padding:0;}

.input_box_title.picker {padding-bottom:0;}
.a_check_picker {position:absolute;top:3px;right:0;}
.input_check_picker {position:absolute;width:0;height:0;opacity:0;}
.picker_label {display:inline-block;width:52px;height:26px;font-size:0;line-height:0;position:relative;background-color:#999;text-align:left;margin-top:-8px;}
.picker_span {display:inline-block;width:20px;height:20px;margin:3px;background-color:#efefef;
	position:absolute;top:0;left:0;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;}
.input_check_picker:checked + .picker_label {background-color:#2957a6;}
.input_check_picker:checked + .picker_label .picker_span {left:26px;background-color:#fff;}
.div_versionTxt p {text-align:right;color:#6a442a;font-size:0.78rem;line-height:1;padding-top:5px;}
.div_versionTxt p:nth-child(2) {color:#8c74c3;}


/* savt_stamp.html */

.stamp_circle_wrap {background-image:url(../images/img_bg_stamp.png); background-size:100% 100%;background-color:#2957a6;padding:16px 0;color:#fff;}
.stamp_circle_p {width:90%;margin:0 auto;font-size:0.8rem;text-align:center;padding-top:30px;padding-bottom:10px;}
.div_circle {width:45%;margin:0 auto;position:relative;margin-top:15px;}
.div_circle canvas {display:block;}
.p_circle {position:absolute;display:block;width:100%;text-align:center;top:34%;line-height:1;font-size:1.1rem;font-weight:bold;}
.img_stamp_gauge {position:absolute;width:28%;left:36%;bottom:-7px;}
.span_circle {font-size:2.8rem;line-height:1;}
.stamp_circle_p_bottom {width:90%;margin:0 auto;font-size:0.8rem;text-align:center;padding-top:20px;padding-bottom:5px;}
.stamp_circle_p_bottom a {font-size:1.2rem;color:#ffbaba;font-weight:bold;border-bottom:1px solid #ffbaba;padding-bottom:2px;}
span.rest_stampConut {font-size:1.4rem;}

.stamp_save_info_wrap {padding:20px 0;border-bottom:1px solid #e1e1e1;}
.stamp_save_info_p {text-align:center;font-size:0.875rem;color:#2957a6;}
.div_stamp_save_input_wrap {width:88%;margin:0 auto;overflow:auto;margin-top:8px;}
.div_stamp_save_input {background-color:#fff;padding:12px 0;border:1px solid #e1e1e1;float:left;width:90%;}
.div_stamp_save_input input {line-height:1;text-align:right;width:92%;margin:0 auto;display:block;border:0;outline:0;font-size:0.8rem;}
.div_won {float:left;width:10%;text-align:center;padding:10px 0;font-size:0.875rem;}

.stamp_notice_table {width:88%;margin:15px auto;color:#565656;}
.stamp_notice_table td:first-child{white-space:nowrap;font-size:0.85rem;padding-right:15px;}
.pointer_p {padding-left:7px;position:relative;font-size:0.8rem;letter-spacing:-0.8px;}
.pointer_p span {position:absolute;top:0;left:0;}

.popup_coupon_wrap {width:76%;margin:0 auto;position:relative;letter-spacing:-0.5px;}
.img_coupon_close {position:absolute;top:0;right:0;width:28px;}
.pop_coupon_div {width:100%;padding:10px 0;background-color:#fff;margin-top:-1px;}
.pop_coupon_title {font-size:1.5rem;color:#454545;margin-top:-60px;}
.pop_coupon_txt {font-size:0.875rem;color:#2957a6;padding-top:20px;padding-bottom:10px;}
.popup_coupon_item {width:58%;margin:10px auto;overflow:hidden;}
.popup_bottom_btn {width:100%;background-color:#2957a6;color:#fff;padding:14px 0;font-size:0.9rem;}
.popup_bottom_btn_sub {width:100%;background-color:#ed7b79;color:#fff;padding:14px 0;font-size:0.9rem;}

/* save_list.html */
.div_list_save {width:100%;max-width:360px;margin:0 auto;padding:10px 0;}
.img_symbol_empty {width:14%;display:block;margin:0 auto;}
.symbol_empty_txt {font-size:0.85rem;padding-top:20px;}

.list_ul {width:100%;}
.list_ul li {width:100%;background-image:url(../images/img_bg_coupon.png);background-size:100% 100%;margin-bottom:5px;}
.coupon_table {width:100%;}

.coupon_table td:first-child {width:33%;}
.coupon_table td:last-child {width:67%;}
.img_save_symbol {width:80%;display:block;margin:0 auto;padding:10px 0;}
.div_save_symbol{width:80%;display:block;margin:10px auto;overflow:hidden;position:relative;}
.div_save_symbol .img_salesman {position:absolute;width:100%;height:auto;top:0;left:0;}

.list_ul.sales_list td:first-child {width:27%;}
.list_ul.sales_list td:last-child {width:73%;}

.div_coupon_info_right {position:relative;padding:18px 0;padding-left:7%;border-left:1px dashed #e1e1e1;}
.list_ul.save_list .div_coupon_info_right {position:relative;padding:10px 0;padding-left:5%;border-left:1px dashed #e1e1e1;}

.div_coupon_info_right p {font-size:0.78rem;padding-bottom:2px;overflow:auto;}
.div_coupon_info_right p:first-child {padding-top:2px;}
.img_coupon_cancel {position:absolute;top:8px;right:8px;width:20%;}

p.div_coupon_info_title {font-size:0.813rem;font-weight:bold;padding-bottom:3px;color:#000000;}
p.div_coupon_info_ctnt {font-size:1.813rem;font-weight:bold;padding-bottom:3px;color:#2957a6;}

.popup_coupon_wrap.coupon_cancel {width:72%;}
.pop_coupon_title {font-size:1.3rem;margin-top:-50px;}
.pop_coupon_ctnt {font-size:2.3rem;margin-top:-50px;font-weight:bold;}
.popup_coupon_wrap.coupon_cancel .popup_coupon_item {width:44%;padding-top:10px;}

.img_cancel_cpl {position:absolute;top:44%;width:60%;right:10%;}
.img_coupon_used {position:absolute;top:32%;width:60%;right:4%;}
.div_coupon_info_right.coupon_cancel {color:#2957a6;text-align:left;white-space:nowrap;width:70%;margin:0 auto;border-left:0;}
.coupon_cancel_notice {color:#2957a6;font-weight:bold;font-size:0.8rem;letter-spacing:-1px;padding-bottom:15px;padding-top:5px;}
.coupon_cancel_notice_sub {color:#2957a6;font-size:0.8rem;letter-spacing:-1px;padding-bottom:15px;text-align:center;margin-top:-5px;}

.span_left{display:inline-block;width:30%;float:left;text-align:center;}
.span_right{display:inline-block;width:70%;float:left;white-space:normal;}

/* coupon_list.html */
.coupon_list .div_coupon_info_center {color:#2957a6;white-space:nowrap;width:80%;margin:0 auto;text-align:center;border-left:0;}
.coupon_list .div_coupon_info_right {color:#fe7979;white-space:nowrap;width:80%;margin:0 auto;text-align:left;border-left:0;}
.coupon_list .coupon_cancel_notice {color:#5f979b;padding-top:10px;}

/* board.html */
.event_ul {width:100%;padding:10px 0;}
.event_ul li {margin-bottom:15px;}
.event_title {position:relative;font-size:0.875rem;width:96%;margin:0 auto;}
.event_title_date {position:absolute;bottom:0;right:0;font-size:0.78rem;}
.event_img {padding-top:5px;}

/* board_detail.html */
.div_board_detail_wrap {width:100%;padding-bottom:20px;}
.div_board_detail_txt {width:90%;margin:0 auto;padding:10px 0;color:#2957a6;}
.detail_date {font-size:0.78rem;}
.detail_title {font-size:1rem; padding:5px 0 10px;font-weight:bold;}
.detail_txt {font-size:0.85rem;line-height:1.4;}

/* change_pass.html */
.title_top_p {font-size:0.813rem;font-weight:bold;color:#2957a6;letter-spacing:-1px;padding:15px 0 10px;text-align:center;}

.btn_double_bottom {position:fixed;bottom:0;left:0;width:100%;}
.btn_double_bottom .btn_onesize{float:left;width:50%;}

/* user_salesman.html */
.a_phone {position:absolute;width:19%;height:98%;background-color:#2957a6;top:1px;right:0px;background-image:url(../images/img_coner.png);background-position:right bottom;background-repeat:no-repeat;background-size:42% auto;text-align:center;font-size:0;display:block;}
.a_phone:before {height:100%;width:0;content:"";display:inline-block;vertical-align:middle;}
.a_phone img {display:inline-block;vertical-align:middle;width:50%;}

/* event 170228 */
.back_006a2e {
	background-color:#006a2e;
}
.img_bottom_ckd {
	display:block;
	width:30%;
	margin:0 auto;
	padding:30px 0;
}
.div_select_box {
	width:90%;
	max-width:380px;
	margin:20px auto;
	background-color:#fff;
	padding:10px 0;
	position:relative;
}
.span_qnum {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	background-color:#6fa484;
	text-align:center;
	line-height:30px;
	border-radius:50%;
	color:#fff;
	top:10px;
	left:10px;
}
.p_select_txt {
	text-align:center;
	padding:34px 0;
	font-size:0.938rem;
	color:#3d3d3d;
	font-weight:bold;
}
.div_select_button {
	width:93%;
	margin:0 auto;
	overflow:auto;
	padding:1px 0;
}
.div_select_button > div {
	width:49%;
	margin-right:2%;
	background-color:#ccc;
	text-align:center;
	float:left;
	position:relative;
}
.div_select_button > div:last-child{
	margin-right:0%;
}

.div_select_button.type_button3 > div {
	width:32%;
}
.input_radio_event {
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	opacity:0;
}
.label_radio_event {
	color:#898989;
	font-size:1rem;
	font-weight:bold;
	display:inline-block;
	width:100%;
	padding:11px 0;
}
.div_select_button.type_button3 .label_radio_event {
	font-size:0.938rem;
}
.input_radio_event:checked + .label_radio_event {
	background-color:#e03c1c;
	color:#fff;
}
.div_button_result {
	width:74px;
	height:74px;
	line-height:74px;
	text-align:center;
	font-weight:bold;
	font-size:0.938rem;
	color:#e03c1c;
	background-color:#fff;
	border-radius:50%;
	margin:40px auto 20px;
}
.back_0c4ea2 {
	background-color:#0c4ea2;
}
.span_qnum.type02 {
	background-color:#35f4a4;
}
.div_check_button {
	width:100%;
	padding:17px 0;
	border-top:1px solid #ccc;
}
.ul_check_inner {
	width:88%;
	margin:0 auto;
}
.ul_check_inner li {
	width:100%;
	padding:5px 0;
}
.input_check_event {
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	opacity:0;
	background-image:url(../images/event201702/img_eventcheck_off.png),url(../images/event201702/img_eventcheck_on.png);
}
.label_check_event {
	display:inline-block;
	padding-left:20px;
	height:22px;
	line-height:22px;
	font-size:0.8rem;
	background-image:url(../images/event201702/img_eventcheck_off.png);
	background-size:22px 22px;
	background-position:left top;
	background-repeat:no-repeat;
}
.label_check_event span {
	display:inline-block;
	line-height:1;
	padding-left:10px;
	letter-spacing:-0.5px;
	color:#848484;
}
.input_check_event:checked + .label_check_event {
	background-image:url(../images/event201702/img_eventcheck_on.png);
}
.div_button_result.type02{
	color:#fd0071;
}

/* event 20170320 */
.back_e4e5e9 {background-color:#e4e5e9;}
.div_rsc_wrap {color:#074497;width:90%;margin:0 auto;padding:20px 0 5px;}
.p_rsc_title {font-size:0.938rem;font-weight:bold;}
.ul_rsc_chklist {width:100%;padding:10px 0;overflow:auto;}
.ul_rsc_chklist li {width:25%;float:left;font-size:0.85rem;}
.ul_rsc_chklist li.li_excWidth {width:35%;}
.input_check_type02 {position:absolute;width:0;height:0;opacity:0;}
.label_check_type02 {background-image:url(../images/img_check_off.png);background-size:19px 19px;background-position:left center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;}
.label_check_type02 img {display:inline-block;vertical-align:middle;width:19px;height:19px;opacity:0;visibility:hidden;}
.label_check_type02 span {display:inline-block;vertical-align:middle;white-space:nowrap;}
.input_check_type02:checked + .label_check_type02 img {opacity:1;visibility:visible;}
.div_btn_rshBottom {width:100%;position:fixed;bottom:0;left:0;padding:14px 0;text-align:center;color:#fff;background-color:#2b56a4;font-size:0.9rem;z-index:2;}

/* home add */
.img_full {
	display:block;
	width:100%;
}

#wrap {
	margin-top:70px;
	-webkit-transition:margin 0.2s ease-out;
	-moz-transition:margin 0.2s ease-out;
	-ms-transition:margin 0.2s ease-out;
	-o-transition:margin 0.2s ease-out;
	transition:margin 0.2s ease-out;
}

.div_wrap.shortcut_off {
	margin-top:0;
}

#div_shortcut_wrap {
	width:100%;
	position:fixed;
	top:52px;
	left:0;
	overflow:hidden;
	text-align:center;
	background-color:#52596b;
	height:70px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
	-o-transition:height 0.2s ease-out;
	transition:height 0.2s ease-out;
	z-index:4;
}

.div_shortcut_topWrap {
	width:100%;
	overflow:visible;
}

.div_shortcut_top {
	width:100%;
	text-align:center;
	padding:14px 0;
	position:absolute;
	top:0;
	left:0;
	background-color:#52596b;
	z-index:2;
}
.div_shortcut_top.hide_slide {
	z-index:-1;
}

.img_shortcut_icon{
    vertical-align: middle;
    width: 42px;
    height: 42px;
}

.p_shortcut_title {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin-left: 7px;
    letter-spacing:-1px;
}

.p_shortcut_title span{color:#ffff43;}

#img_shortcut_close {
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:14px;
	right:0;
	width:23px;
	padding:10px;
	z-index:3;
}

.div_shortcut_slide {
	width:100%;
	position:relative;
	z-index:1;
}

.slide_div_wrap {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#slide_banner_close {
	position:absolute;
	top:15px;
	right:15px;
	width:7%;
	z-index:10;
}



/* media query */
@media only screen and (max-width: 359px) {
	html{font-size:15px;}
	.div_content.padding_bottom_70{padding-bottom:52px;}
	.p_shortcut_title {margin-left:0;margin-right:8px;font-size:12px;}
}
@media only screen and (min-width: 360px) and (max-width: 374px) {
	html {font-size:16px;}
	.div_content.padding_bottom_70{padding-bottom:59px;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
	html{font-size:17px;}
	.div_content.padding_bottom_70{padding-bottom:61px;}
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
	html{font-size:18px;}
	.div_content.padding_bottom_70{padding-bottom:68px;}
}
@media only screen and (min-width: 768px){
	html{font-size:19px;}
	.div_content.padding_bottom_70{padding-bottom:52px;}
}

/* opview3 */
@media only screen and (min-width: 480px) and (max-width: 480px) and (min-height: 615px) and (max-height: 615px) {

}