@charset "UTF-8"; 
/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt-10 {margin-top:-10px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.pt0 {padding-top:0 !important;}
.pl10 {padding-left:10px !important; }
.pl20 {padding-left:20px !important; }
/* margin Fin */

.round {border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}

.red {color:#FF0000 !important;}
.violet {color:#8963B9 !important;}
.green {color:#00C8A1 !important;}
.greenBG {background-color:#00C8A1 !important;color:#fff;}
.darkBG {background-color:#5F517C !important;color:#fff;}
.greyBG {background-color:#777777 !important;color:#fff;}
.violetBG {background-color:#8963B9 !important;color:#fff;}
.pinkBG {background-color:#F5C9FF !important;color:#fff;}


.violetBtn {background:#8963B9;color:#fff;text-align: center;font-weight:500;}
.violetBtn.disabled {background:#ddd;pointer-events: none;}
.darkvioletBtn {background:#5F517C;color:#fff;text-align: center;font-weight:500;}


.inputC:not(old) {margin:0;padding:0;opacity:0;display:none;background:url(../imgs/ico/ico_check_off.png) no-repeat center left;width:0;}
.inputC:not(old) + label {display:inline-block;padding-left:31px;background:url(../imgs/ico/ico_check_off.png) no-repeat center left;background-size:24px 24px;line-height:24px;} 
.inputC:not(old):checked + label {background:url(../imgs/ico/ico_check_on.png) no-repeat center left;background-size:24px 24px;line-height:24px;} 

.inputC-right:not(old) {margin:0;padding:0;opacity:0;display:none;background:url(../imgs/ico/ico_check_off.png) no-repeat center right;width:0;}
.inputC-right:not(old) + label {display:inline-block;padding-right:24px;background:url(../imgs/ico/ico_check_off.png) no-repeat center right;background-size:12px 12px;line-height:24px;} 
.inputC-right:not(old):checked + label {background:url(../imgs/ico/ico_check_on.png) no-repeat center right;background-size:12px 12px;line-height:24px;} 

.inputR {margin:0;padding:0;opacity:0;width:0;height:0;display:none;}
.inputR + label {margin:0;display:inline-block;width:41px;height:41px;background:#ffffff;color:#969696;font-size:12px;line-height:38px;text-align: center;border:1px solid #bababa;} 
.inputR:checked + label {background:#2e2e2e;color:#fff;border:1px solid #2e2e2e;} 

.inputRR {margin:0;padding:0;opacity:0;width:0;height:0;display:none;}
.inputRR + label {margin:0;display:inline-block;padding-left:30px;background:url(../imgs/ico/ico_radio_off.png) no-repeat center left;background-size:15px 15px;;} 
.inputRR:checked + label {background:url(../imgs/ico/ico_radio_on.png) no-repeat center left;background-size:15px 15px;}


/*input 스타일
.inputT,
.inputP,
.inputN,
.inputE {font-size:12px;border:1px solid #bababa;padding:0 12px;vertical-align: middle;height:41px;line-height:41px;}
*/


/*팝업*/
.dimmed {position:fixed;display:none; left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.88);z-index:9;}
.dimmed.on {display:flex;justify-content: center;align-items: center;}

.popup {display:none;z-index:10;background:#fff;width:80%;position:relative;max-width:480px;max-height:85%;margin-top:-40px;}
.popup.on {display:block;}
/*210126 S.*/
.popup .popWrap {display:block;position:relative;width:100%;;overflow-y: auto;height:100%;max-height:84vh;}
/*210126 E.*/
.popup .closeBtn {position:absolute;right:5px;top:5px;background:url(../imgs/ico/ico_close.png) no-repeat center center;width:39px; height:39px;background-size:13px 13px; z-index:12;}
.popup .popTitle {position:absolute;top:0;left:0;height:50px;width:100%;background:#fff;z-index:11;}

.btnWrap {position:fixed;bottom:0;left:0;width:100%;height:78px;padding:23px 10%;background:#fff;}
.btnWrap.long {position:fixed;bottom:0;left:0;width:100%;height:100px;padding:15px 10%;background:#fff;}
.btnWrap.no-fix {position:relative;width:100%;height:auto;padding:20px 0;background:#fff;}
.btnWrap.no-fix button {width:calc(50% - 5px);height:33px;line-height:33px;}

/*popup*/
.popup h2 {display:block;width:100%;height:50px;border-bottom:4px solid #AAAAAA;line-height:46px;font-size:16px;padding:0 20px;font-weight:500;}
.popup .popWrap {padding-top:50px;}
.popup .popWrap ul.search {display:block;width:100%;padding:5px 15px;}
.popup .popWrap ul.search li {display:block;position:relative;width:100%;padding:0;}
.popup .popWrap ul.search li:first-of-type {border-bottom:2px solid #e5e5e5;padding:13px 0 12px 0;}
.popup .popWrap ul.search li:first-of-type span {display:inline-block;width:50px;}
.popup .popWrap ul.search li input[type="text"] {display:block;;border:none;width:100%;border-bottom:2px solid #e5e5e5;padding-left:50px;height:50px;line-height:48px;margin-bottom:0px;} 
.popup .popWrap ul.search li label {display:inline-block;position:absolute;font-size:13px;font-weight:500;left:0;top:0px;line-height:50px;}
.popup .popWrap ul.search li button {display:inline-block;position:absolute;right:0;top:13px;height:22px;line-height:22px;padding:0 15px;}
.popup .popWrap ul.search li select {display:inline-block;width:calc((100% - 58px)/2);border:none;padding-left:20px;}

.popup .popWrap .search_result {width:calc(100% - 30px);display:block;margin:5px auto;padding:5px 0 20px 0;border-bottom:2px solid #e5e5e5}
.popup .popWrap .search_result p {display:block;width:100%;text-align: center;font-size:14px;font-weight:500;}

.popup .popWrap ul.result {display:block;width:100%;padding:0px 15px;}
.popup .popWrap ul.result li {display:block;position:relative;width:100%;padding:10px 0; border-bottom:2px solid #e5e5e5;}

.popup .popWrap .confirm {width:calc(100% - 30px);margin:50px auto 15px auto;display:block;height:32px;line-height:32px;}

.popup.error_phone p {font-size:14px;text-align: center;font-weight:500;}
.popup.withdraw p {font-size:14px;text-align: center;font-weight:500;}

.popup.policy p {padding:20px;}

.popup.ms_name ul {padding:5px 15px;}
.popup.ms_name ul li {padding:10px 0;}
.popup.ms_name ul li label {width:100%;padding-left:25px;}
.popup.ms_name ul li label span {display:inline-block;float:left;font-weight:500;}
.popup.ms_name ul li label span:first-child {width:calc(42%);}
.popup.ms_name ul li label span:nth-child(2) {width:30%;text-align: right;font-weight:400;}
.popup.ms_name ul li label span:nth-child(3) {width:28%;text-align: right;color:#8963B9}
.popup.ms_name ul li label span.dc {text-decoration: line-through;}

.popup.changeClub .popWrap p {text-align: center;}
.popup.changeClub .popWrap p span {display:inline-block;border-bottom:1px solid #5F517C;font-weight:500;}

.popup .popBtn.double {display:inline-block;width:100%;margin:25px auto 0px auto;padding:15px;}
.popup .popBtn.double a {display:inline-block;width:calc(50% - 5px);float:left;height:32px;line-height:32px;}
.popup .popBtn.double a:first-of-type {margin-right:10px;}

.popup.changePassword ul {display:inline-block;width:100%;padding:30px 15px;}
.popup.changePassword ul li {position:relative;margin-bottom:10px;}
.popup.changePassword ul li input[type="text"], 
.popup.changePassword ul li input[type="password"] {display:block;;border:none;width:100%;border-bottom:2px solid #e5e5e5;padding-left:90px;height:36px;line-height:36px;margin-bottom:0px;} 
.popup.changePassword ul li label {display:inline-block;position:absolute;font-size:13px;font-weight:500;left:0;top:0px;line-height:33px;}
.popup.changePassword ul li .alert {margin-top:10px;}
.popup.changePassword ul li .secure {font-size:12px;color:#219A3A;display:block;text-align: right;margin-top:5px;}

.popup .popWrap .calendar {padding:0 15px;}
.popup .popWrap .calendar table {width:100%;text-align: center;}

.popup.mainPop {padding:23px 20px 0 20px;}
.popup.mainPop .popWrap {padding-top:0;}


input:disabled {background:#f8f8f8;}

header {
	display:block;position:relative;width:100%;text-align: center;
	background: #371e92;margin-bottom:-1px;
}
header .mobile_tab {
	display:block;
	position: absolute;
	left: 0;
	top: 7px;
	margin: 00px 0 0 20px;
	width: 35px;
	height: 30px;
	float:left;
	background: url("../imgs/toggle_button.png") no-repeat;
}
header .mobile_tab.close {
	background-position: -36px 0;
}

header nav ul {
	height: 0;
	width:100%;
	transition: 0.5s;
	list-style: none;
	margin-left: 0;
	overflow: hidden;
	margin-top: 00px;
	/* border:1px solid red; */
}
header nav ul li {
	margin-bottom: 0;
}
header nav ul li a {
	display: block;
	padding: 10px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	background: #371e92;
	color: #fff;
}

header nav ul.show {
	height: 255px;
}
#container {
	max-width:480px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	
}
#container section {padding:44px 10% 78px 10%;text-align: left;}
.home_btn {
	height: 30px; margin: 7px 0;
	transform: translate(25%);
} 
/*210126 S.*/
.alert_btn, .home_btn {position: relative;}
.alert_btn {height: 24px; float: right; right: 0; margin: 10px 20px 6px 20px;} 
.alert_btn img { height: 24px;}
.alert_btn span {position:absolute;right:-4px;top:-2px;font-size:11px;width:16px;height:16px;background:#b61c21;color:#fff;line-height:16px;border-radius: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
/*210126 E.*/

.chatbot_icon {
    text-align: right;
    max-idth: 480px;
    position: fixed;
    z-index: 999;
    right: 1%;
    bottom: 1%;
}

.chatbot_icon a img {
    width: 55px;
}


.innerHead {position:fixed;width:100%;height:44px;left:0;top:0;z-index:3;background:#5F517C}
.innerHead a.go_back {display:block;padding-left:30px;height:100%;width:53px;background:url(../imgs/ico/ico_back.png) no-repeat center right;position:relative;background-size:23px auto;}
.innerHead a.go_home {display:block;padding-right:30px;height:100%;width:57px;background:url(../imgs/ico/ico_home.png) no-repeat center left;position:relative;background-size:27px auto;}
.innerHead .pageTitle {font-size:17px;color:#fff;font-weight:500;}

.alert {color:#FF0000 !important;font-size:12px;line-height:1.25em;}
.alert2 {color:#b61c21 !important;font-size:12px;line-height:1.25em;}


/*error*/
.error {width:100%;min-width:360px;}
.error img {width:119px;}
.error p {font-weight:500;font-size:14px;margin:23px auto;display:block;}
.error h3 {font-weight:500;font-size:14px;}
.error .btnWrap {display:inline-block;padding:40px 30px 0 30px;width:100%;position:relative;}
.error .btnWrap a {display:inline-block;float:left;width:calc(50% - 3px);height:32px;line-height:32px;}
.error .btnWrap a:first-of-type {margin-right:6px;}

/*tab*/
.tabBtn {display:inline-block;width:100%;}
.tabBtn a {display:inline-block;width:50%;float:left;color:#aaa;border-bottom:2px solid #e5e5e5;text-align: center;height:40px;line-height:38px;}
.tabBtn a.on {color:#5F517C;border-bottom:2px solid #8963B9;font-weight:500;}
.tab_cont {display:none;}
.tab_cont.on {display:block;}


/*calendar*/
.calendar .ui-datepicker-header {background:#5F517C;text-align: center;padding:10px 15px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:20px auto 10px auto;}
.calendar .ui-datepicker-header * {color:#fff;}
.calendar .ui-datepicker-prev  {text-indent:-9999px;background:url(../imgs/ico/ico_arrow_left_white.png) no-repeat center center;background-size:9px auto;float:left;width:45px;}
.calendar .ui-datepicker-next  {text-indent:-9999px;background:url(../imgs/ico/ico_arrow_right_white.png) no-repeat center center;background-size:9px auto;float:right;width:45px;}
.calendar tbody tr {border-bottom:2px solid #e5e5e5;}
.calendar thead tr th {border-bottom:2px solid #e5e5e5;}
.calendar thead tr th,
.calendar tbody tr td a {padding:15px 0;}
.calendar .ui-state-active {background:#e5e5e5;}