@charset "utf-8";	

.wrap:before, .wrap:after	{ content:none; }
/*.header			{ height:100px; }*/
.mypageMenu		{ width:100%; border-top:1px solid #e1e2e3; border-bottom:1px solid #e1e2e3; position: fixed; top: 80px; background:#fff; z-index:99; }
.wrap.noticeTop .mypageMenu{position:fixed; top:129px;}

.mypageMenu .my_sub_menu 	{ margin:0 auto; padding:0 20px 0px; max-width:1200px; text-align:center; }
.mypageMenu .my_sub_menu li 		{ display:inline-block; }
.mypageMenu .my_sub_menu li a{ display:block; height:61px; padding:3px 38px 0; overflow:hidden;position:relative; font-size:1.8rem; font-weight:bold;line-height:55px; transition-property: background-color;transition-duration: 1s;}
/*.mypageMenu .my_sub_menu li a:hover{ background-color:#F3E4FF; transition: transform 0.4s ease-out;  transform-origin: left;}*/
/*.mypageMenu .my_sub_menu li a span{ line-height:55px;  display:inline-block; padding:3px 0 0;  }*/
.mypageMenu .my_sub_menu li a::after,
.mypageMenu .my_sub_menu li a::before {content: '';position: absolute;width: 100%;height: 2px;background: #901ae1;bottom: 0px;left: 0;transform: scaleX(0); transition: transform 0.4s ease-out;transform-origin: left;}
.mypageMenu .my_sub_menu li a:hover::after,
.mypageMenu .my_sub_menu li a:hover::before { transform: scaleX(1);}
/*.mypageMenu .my_sub_menu li a.active span		{ font-weight:800; }*/
/*.mypageMenu .line {content: '';width: auto;height: 3px;background: #901ae1;	position: absolute;bottom: 0;!*-webkit-transition: width 2s, left 1s;transition: width 2s, left 1s;*!-webkit-transform: translateZ(0);transform: translateZ(0);!*	transition-duration: 0.5s;*!}*/

.copy_link_wrap{max-width:1200px;margin:20px auto 0;  text-align:right;font-size:14.5px;font-family: 'Nanum Gothic','맑은 고딕','malgun gothic',sans-serif;}
.copy_link_wrap .rending_link{position: relative;font-weight:600;color:#222;display:inline-block;padding: 3px 0 3px 23px;background: url(/contents/img/ico_link.gif) no-repeat  0 center;background-size: 16px auto;}
.copy_link_wrap .rending_link:after{content:'';display:block;position:absolute;bottom: -1px;width: calc(100% - 20px);height:1px;border-bottom: 1px solid #222;left: 20px;}
.copy_link_wrap .link_copy{display:inline-block;padding:5px 10px;background-color:#fff; box-sizing:border-box;height: 30px;line-height: 23px;color:#666;border:1px solid #dbdbdb;border-radius:20px;margin: -5px 0 0 6px;}
/*.mypageMenu ul li a.active span	{ border-color:#901ae1; font-weight:800; }*/
/*  bo  링크온 연결  title**/
.bo_linkon_wrap {font-family: 'Nanum Gothic','맑은 고딕','malgun gothic',sans-serif; max-width: 1200px; margin:30px auto 0;}
.bo_linkon_wrap .linkon_set {margin-top: 20px;padding: 5px 30px 40px;border-top: solid 1px #d6d6d6;background-color: #e8e8e8;*zoom: 1}
.bo_linkon_wrap .linkon_set:after {content: '';display: block;clear: both}
.bo_linkon_wrap .linkon_tit {display: inline-block;font-weight:600;color:#484848;font-size:18px;}
.bo_linkon_wrap .linkon_btn {display: inline-block;margin-left: 10px;text-decoration: none;}
.bo_linkon_wrap .linkon_btn:hover {text-decoration: none;}
.bo_linkon_wrap .btn_link_purple {display: inline-block;padding: 5px 10px;border: 1px solid #661992;background: #7c20b0;color: #fff;font-size: 12px;text-align: center;}
.bo_linkon_wrap .pop_linkon_new {display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 2px solid #691598;padding: 30px 30px 15px;background: #fff;text-align: center;z-index: 99;}
.bo_linkon_wrap .pop_linkon_new .pop_hd, .pop_mem_event .pop_hd {position: relative;left: 0;top: 0;}
.bo_linkon_wrap .pop_linkon_new .pop_hd .close_btn, .pop_mem_event .pop_hd .close_btn {display: inline-block;font-size: 0;position: absolute;background: url(/contents/img/layerClose.png) no-repeat center center;right: 0;top: 0;width: 40px;height: 35px;text-align: center;vertical-align: middle;}
.bo_linkon_wrap .pop_linkon_new h5 {color: #333;font-size: 15px;font-weight: 600;margin: 0 0 5px;}
.bo_linkon_wrap .pop_linkon_new .info_txt {color: #727272;font-size: 13px;}
.bo_linkon_wrap .pop_linkon_new .pop_con {text-align: left;margin: 20px 0 0;}
.bo_linkon_wrap .pop_linkon_new .link_on_from {border: 1px solid #d7d7d7;padding: 25px 30px 25px;background: #f8f8f8;margin: 30px 0 20px;}
.bo_linkon_wrap .pop_linkon_new .link_on_from dt {color: #333;font-weight: 600;font-size: 14px;margin: 10px 0 0px;}
.bo_linkon_wrap .pop_linkon_new .link_on_from dd {margin:6px 0 15px;}
.bo_linkon_wrap .pop_linkon_new .link_on_from label {color: #727272;font-size: 12px;font-weight: bold;display: inline-block;margin:6px 100px 0 5px;}
.bo_linkon_wrap .pop_linkon_new .pop_ft {border-top: 1px solid #d5d5d5;margin: 10px 0 0;padding: 10px 0 0;}
.bo_linkon_wrap .pop_linkon_new .pop_ft {font-size: 12px;color: #999;}
.bo_linkon_wrap .pop_linkon_new .pop_ft strong {color: #666;font-weight: bold;}
.bo_linkon_wrap .pop_linkon_new .pop_ft em {color: #dadada;display: inline-block;margin: 0 3px;}
.bo_linkon_wrap .pop_linkon_new .btn_box_c {margin: 30px 0 60px;}
.bo_linkon_wrap .pop_linkon_new .pop_con ul li {font-size: 13px;color: #727272;line-height: 16px;}
.bo_linkon_wrap .btn_purple {border: solid 1px #661992;background-color: #7c20b0}
.bo_linkon_wrap .btn_purple:after {border: solid 1px #9236be;border-bottom: solid 1px #661992}
.bo_linkon_wrap .btn_t1 {display: inline-block;position: relative;height: 30px;line-height: 28px;padding: 0 10px;color: #fff;font-size: 12px;font-weight: 600;vertical-align: middle;text-decoration: none;white-space: nowrap}
.bo_linkon_wrap .btn_t1:after {content: '';display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0}
.bo_linkon_wrap .btn_t2 {display: inline-block;position: relative;width: 90px;height: 34px;line-height: 32px;color: #fff;font-size: 14px;font-weight: 600;vertical-align: middle}
.bo_linkon_wrap .btn_t2:after {content: '';display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0}
.bo_linkon_wrap .btn_t3 {display: inline-block;position: relative;width: 166px;height: 40px;line-height: 38px;color: #fff;font-size: 16px;font-weight: 600;vertical-align: middle}
.bo_linkon_wrap .btn_t3:after {content: '';display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0}
.bo_linkon_wrap .btn_black {border: solid 1px #2e3033;background-color: #494e53}
.bo_linkon_wrap .btn_black:after {border: solid 1px #62676c;border-bottom: solid 1px #3e4247}
.bo_linkon_wrap .w120 {width: 120px;display: inline-block;}
.bo_linkon_wrap .txt_purple {color: #7c20b0 !important; font-weight:600;}
.bo_linkon_wrap .pop_linkon_new input[type=text], .pop_linkon_new input[type=checkbox] {vertical-align: middle;margin-right: 4px;}
.bo_linkon_wrap .pop_linkon_new input[type=checkbox] {width: 12px; height: 12px;padding: 0;}
.bo_linkon_wrap .tit_info_txt{margin:20px 0 15px 10px;}
.bo_linkon_wrap .tit_info_txt li {color:#929292;font-size:13px; margin:0 0 3px;}
.linkon_service_info {	margin: 0 auto;	text-align: center;	max-width: 720px;}
.link_linkon_manual{position:absolute;top:-10px;left:1159px;width:245px;height:103px;line-height:1.2;background:url(/contents/img/img_linkon_manual.jpg) no-repeat;font-size:14px;font-weight:600}
.link_linkon_manual span{display:block;margin:13px 0 0 101px}
.link_linkon_manual span a{display:block;margin-top:4px;color:#d84f4f;font-size:12px}
.bo_linkon_wrap .label_chk:after{top:3px;}
.bo_linkon_wrap .find {margin:0 0 10px;}
/* chk 스위치 */
.chk_toggle {display: inline-block;font-size: 100%;height: 25px;position: relative;font-family: 'Nanum Gothic',나눔고딕,dotum,돋움,sans-serif;margin:0 7px;}
.chk_toggle > input[type="checkbox"]{ display:none;}
.chk_toggle .chk_toggle_style {width:52px;height:22px;left:0;background:#c0ccda;-webkit-border-radius:22px;border-radius:22px;display: inline-block;position: relative;top: 0;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;cursor: pointer;}
.chk_toggle .chk_toggle_style:after{content:'off';color:#fff; position:absolute;top:5px;right:5px;font-weight:normal;font-size:11px;text-transform: uppercase; }
.chk_toggle .chk_toggle_style:before {display: block;content:'';height: 24px;position: absolute;width: 24px;background-color:#7b7b7b;-webkit-border-radius: 50%;border-radius: 50%;left: 0;top: -2px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.chk_toggle > input[type="checkbox"]:checked + .chk_toggle_style:before {left: 52%;background-color: #7D08BF;}
.chk_toggle > input[type="checkbox"]:checked + .chk_toggle_style { background-color: #CCAADF; }
.chk_toggle > input[type="checkbox"]:checked + .chk_toggle_style:after{content:'on';position:absolute;top:5px;left:6px;font-weight:normal;font-size:11px;color:#fff;text-transform:uppercase;}
.auto_btn_wrap{display:inline-block;vertical-align:middle;margin:16px 0 0 17px;}
.auto_btn_wrap .txt_gray{display:inline-block; font-weight:600;font-size:12px;letter-spacing:0.5px;margin:4px 0 0;}
#container {max-width: 980px;margin: 0 auto;}
.mypageContent 				{ width:100%; padding:0px 0 60px; }
.mypageContent h2		 	{ padding-top:15px; font-size:2.2rem; font-weight:bold; line-height:32px; }
.mypageContent .h2_2st		{ padding-top:80px;}
.mypageContent form 		{ width:100%; }
.mypageContent form table	{ width:100%; vertical-align:top; border-collapse:collapse; text-align:left; }
.mypageContent form table tr 		{ border-bottom:1px solid #d7d7d7; }
.mypageContent form table tr.br_b0 		{ border-bottom:0; }
.mypageContent form table th, .mypageContent form table td 	{ padding:20px 0; }
.mypageContent form table th		{ width:20%; font-size:1.8rem; font-weight:bold; text-align:left; }
.mypageContent form table th .flag		{display:inline-block; margin-left:6px; padding:5px 10px; border-radius:80px; background:#F4F4F4; font-size:1.3rem; font-weight:700; color:#1EA1FF;}
.mypageContent form table th .flag_req { display: inline-block; margin-left: 6px; padding: 5px 10px; border-radius: 80px; background: #F4F4F4; font-size: 1.3rem; font-weight: 700; color: #FF477B; }
.mypageContent form table td		{ font-size:1.6rem; padding-right:100px;}
.mypageContent form table td.empty_pading{padding-right:0px;}
.mypageContent form table td .inWrap		{ width:74.6%; display:inline-block;  position:relative; }
.mypageContent form table td .inp_file {display:block; width:75px; height:75px; border:1px dashed #d7d7d7; border-radius:10px; background:url(/Contents/img/ic_plus.svg)no-repeat 50% 50%; cursor:pointer;}
.mypageContent form table td .inp_file input {display:none;}
.mypageContent form table td .file_upload {position:relative; overflow:hidden; width:75px; height:75px; border:1px solid #D7D7D7; border-radius:10px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.mypageContent form table td .file_upload button {position:absolute; right:5px; top:5px; background:none;}
.mypageContent form table td .file_name {font-size:1.6rem; margin-top:10px;}
.mypageContent form table input	{font-family: 'Nanum Gothic',나눔고딕,dotum,돋움,sans-serif; font-weight:400;}
.mypageContent form table input.edit_authno{ width:100%;}
.mypageContent form table input.size1		{ width:calc(100% - 110px); float:left; }
.mypageContent form table .email,
.mypageContent form table .email			{ width:calc(50% - 18px); float:left; }
.mypageContent form table td .phone{ width:calc(74.6% - 238px); padding:0 110px 0 128px; }
.mypageContent form table td .phone2{width: calc(100% - 124px);/* padding:0 0 0 128px; */}
.mypageContent form table td .phone input,.mypageContent form table td .phone2 input	{ width:100%; }
.mypageContent form table td .phone .custom-select		{ width:108px; position:absolute; top:0; left:0; }
.mypageContent form table td .mid1 			{ width:34px; float:left; font-size:1.4rem; text-align:center; line-height:50px; }
.mypageContent form table td .innerBt		{ position:absolute; top:8px; right:-10px; width:100px; height:34px; border-radius:17px; color:#fff; font-size:1.6rem; background:#332c43; text-align:center; line-height:34px; }
.mypageContent form table td .innerBt.st1	{ background:#7c20b0; }
.mypageContent form table td .check_wrap	{ float:left; margin-left:10px; }
.mypageContent form table td .check_wrap:nth-child(1)	{ margin-left:0; }
.mypageContent form table .tb_tab dt {margin:40px 0 20px; font-size:2.2rem; font-weight:bold;}
.mypageContent form table .tb_tab dd {display:flex;}
.mypageContent form table .tb_tab a {display:block; width:100px; height:46px; line-height:44px; border:1px solid #d7d7d7; font-size:1.8rem; text-align:center;}
.mypageContent form table .tb_tab a.on {font-weight:bold; color:#fff; background:#7c20b0; border-color:#7c20b0;}
.mypageContent textarea				{ width:74.6%; height:148px;font-family: 'Nanum Gothic',나눔고딕,dotum,돋움,sans-serif; font-weight: 400;resize:none; padding:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.6rem; border:1px solid #d7d7d7; }
.mypageContent .textareaTxt			{display:block;margin:10px 0 0 ;vertical-align:bottom;font-size:1.2rem; color:#666; }
.mypageContent form .snsList		{ width:74.6%; margin:-10px 0; }
.mypageContent form .snsList li		{ position:relative; padding:10px 85px 10px 100px; }
.mypageContent form .snsList li label		{ position:absolute; top:10px; left:0; height:48px; line-height:48px; font-size:1.6rem; }
.mypageContent form .snsList li input		{ width:100%; }
.mypageContent form .snsList li .switch		{ background:url(../img/switchOff.png) 0 0 no-repeat; display:inline-block; width:67px; height:32px; position:absolute; top:17px; right:0; padding:1px 0; transition:0.1s; }
.mypageContent form .snsList li .switch.on	{ background:url(../img/switchOn.png) 0 0 no-repeat; }
.mypageContent .profile 				{ padding:22px 20px 10px 180px; position:relative; height:108px; }
.mypageContent .profile.profileMain			{ margin:20px 0 40px; padding:0 20px 0 180px; height:130px; }
.mypageContent .profile + .statisticsWrap	{ padding:0; }
.mypageContent .profile .photo		{ position:absolute; top:0; left:0; width:130px; height:130px; border-radius:50%; /*background:url(../img/photoSample.png) center no-repeat #f3f4fe; background-size:65px auto;*/ overflow:hidden; border: 1px solid #d5d5d5;}
.mypageContent .profile .photo #imgLogo{ position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.mypageContent .profile strong	{ line-height:35px; font-size:1.6rem; font-weight:800; display:block; font-family: 'Nanum Gothic',나눔고딕,dotum,돋움,sans-serif; font-weight:400;}
.mypageContent .profile input[type=file] + label	{ display:inline-block; width:77px; height:34px; line-height:34px; text-align:center; border-radius:17px; font-size:1.6rem; color:#fff; margin-right:5px; background:#7c20b0; cursor:pointer; }
.mypageContent .profile a				{ display:inline-block; width:77px; height:34px; line-height:34px; text-align:center; border-radius:17px; font-size:1.6rem; color:#fff; margin-right:5px; background:#332c43; }

.mypageContent .profile .myMain	{ float:left; min-height:130px; }
.mypageContent .profile .myMain strong	{ display:block; height:62px; line-height:62px; font-size:3.2rem; font-weight:800; }
.mypageContent .profile .myMain span	{ display:block; height:26px; line-height:26px; font-size:2rem; font-family: 'Nanum Gothic',나눔고딕,dotum,돋움,sans-serif; font-weight:400;}
.mypageContent .profile .myMain a		{ display:inline-block;width:auto; height:26px; line-height:26px; font-size:2rem; color:#999; width:auto; background:none; padding-right:30px; background:url(../img/myMainLink.png) 100% 0 no-repeat; border-radius:0; }

.mypageContent .btArea			{ padding:60px 0; text-align:center; }
.mypageContent .btArea a		{ width:200px; height:50px; color:#fff; text-align:center; line-height:50px; margin:0 3px; border:0; border-radius:25px; font-size:1.8rem; display:inline-block; }
.mypageContent .btArea .btSt1	{ background:#332c43; }
.mypageContent .btArea .btSt2	{ background:#7c20b0; padding: 0 24px 0 10px;}
.mypageContent .btn_br_btn {margin-left:6px; border:1px solid #DBDBDB; padding:0 24px 0 10px; line-height: 25px; border-radius: 26px; color: #666; background: url(/contents/img/ic_arrow_right2.svg) right 7px center no-repeat; background-size: 14px;}

.mypageContent .category_area {position:relative;}
.mypageContent .cagegory_btn {padding:16px 24px; font-size:1.6rem; color:#fff; font-weight:400; border-radius:80px; background:#3F3B42;}
.mypageContent .cate_tag {margin-top:10px; display:flex; gap:10px;}
.mypageContent .cate_tag span {padding:6px 12px; font-size:1.3rem; color:#7c20b0; background:#fbf6ff; border-radius:80px;}
.mypageContent .ads_share{position: relative;}
.mypageContent .ads_share .flex {display:flex; gap:20px; align-items:center; margin-bottom:10px;position: relative}
.mypageContent .ads_share .btn_pop_terms {font-size:1.3rem; padding:5px 24px 5px 10px; border:1px solid #dbdbdb; border-radius:80px; background:url(/Contents/img/ic_arrow_right2.svg)no-repeat calc(100% - 7px) 50%;}
.mypageContent .ads_share p.text3 {display:inline-block; vertical-align:baseline}
.mypageContent .ads_share .flex input +label.ad_chk {cursor:pointer; border:0; padding:0; display:block; background: url(../img/switchOff.png) 0 0 no-repeat; width:67px; height:36px; transition:0.1s;}
.mypageContent .ads_share .flex input:checked +label.ad_chk {background:url(../img/switchOn.png) 0 0 no-repeat;}
.mypageContent .ads_share .flex input+label.ad_chk {font-size:0;}
.mypageContent .ads_share .btn_service,.btn_service {position: absolute;right: 0;top: 10px;border: 1px solid #DBDBDB;display: block;padding:0 24px 0 10px;line-height: 25px;font-size: 13px;border-radius: 26px;color: #666;background: url(/contents/img/ic_arrow_right2.svg) right 7px center no-repeat;background-size:14px;letter-spacing: -0.5px;box-sizing: border-box;cursor: pointer;}
.btn_service.btn_account{position: absolute;top:100px;width:97px;right:20px;}
.mypageContent .account {display:flex; gap:10px;}
.mypageContent .h_label{font-size:0;}
.mypageContent .account select {width:180px;}
.mypageContent .account .ac_btn {flex-shrink:0; padding:8px 24px; height:50px; font-size:16px; color:#fff; border-radius:80px; background:#3F3B42}
.mypageContent .category_area .text2{margin-top:10px; line-height: 1.8rem}
.ads_share_agree {margin:10px 0 20px; padding:20px 15px; display:flex; flex-direction:column; gap:10px; background:#FBF6FF;}
.mypageContent .ip_new:read-only {border:1px solid #D7D7D7;background:#E2E2E2;}
.mypageContent .dp_flex{display: flex;gap:10px;}
.mypageContent .sync_box span{width:100%;box-sizing: border-box; border: 1px solid #d7d7d7; padding: 0 14px; height: 50px; font-size: 1.6rem;background:#E2E2E2;line-height:50px}
.mypageContent .sync_box .ip_new,.mypageContent .sync_none .ip_new{width:100%;}
.mypageContent .popbill .btSt1{flex-shrink:0; padding:8px 24px; height:50px; font-size:16px; color:#fff; border-radius:80px; background:#3F3B42}
.mypageContent .agree_link{margin-top:15px; position: relative;display: inline-block; padding-right: 20px;}
.mypageContent .agree_link a:after {content: '';display: inline-block;border-bottom: 1px solid #8B8B8B;border-right: 1px solid #8B8B8B;width: 10px;height: 10px;pointer-events: none;position: absolute;right: 0;top: 50%;transform: rotate(-45deg) translateY(-70%);}
.mypageContent .agree_link span {position: absolute;top: 0;right: 0;display: inline-block;width: 20px;height: 20px;cursor: pointer;font-size: 0;z-index: 99;}

.ctrl_list {padding:30px 0 10px; display:flex; justify-content:space-between; align-items: flex-end;}
.ctrl_list.line {border-bottom:1px solid #333;}
.ctrl_list.end {justify-content:flex-end;}
.ctrl_list select {width:140px; height:34px; padding:5px 10px; font-size:1.3rem;}
.ctrl_list .total {font-size:1.6rem;}
.tbl_basic {table-layout:fixed; width:100%; border-top:1px solid #333; border-collapse:collapse;}
.tbl_basic th {height:50px; line-height:50px; font-size:1.6rem; font-weight:700; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#f9f9f9;}
.tbl_basic td {height:50px; line-height:50px; font-size:1.6rem; text-align:center; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.tbl_basic th:last-child, .tbl_basic td:last-child {border-right:0;}

.flexMypage #container {width:100%; max-width:880px; flex-shrink:0;}
.mypageLeft {flex-shrink:0; width:280px; margin-top:-45px; padding:50px 20px 0; background:#f9f9f9; text-align:center; font-size:16px; box-sizing:border-box;position:relative;min-height: calc(100vh - 310px);}

.mypageLeft .profile .photo {display:block; width:120px; height:120px; margin:0 auto; border:1px solid #d7d7d7; border-radius:50%;}
.mypageLeft .profile .photo img {width:100%; height:100%;}
.mypageLeft .name {margin:20px 0; color:#666;}
.mypageLeft .name em {font-weight:700; color:#333;}
.mypageLeft .rewardPoint {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; padding:20px; border-radius:8px; background:#fff;}
.mypageLeft .rewardPoint dt, .mypageLeft .rewardPoint dd {font-size:14px;}
.mypageLeft .rewardPoint dd em {font-weight:700; color:#901ae1;}
.mypageLeft .leftNav li {text-align:left; line-height:60px; border-bottom:1px solid #ddd; background:url(/Contents/img/ic_arrow_right2.svg)no-repeat 100% 50%;}
.mypageLeft .leftNav a {color:#666;}
.mypageLeft .leftNav .on a {color:#333; font-weight:700;}

.grayBox						{ background:#f6f6f6; padding:25px 30px 30px 188px; position:relative;  }
.grayBox strong					{ position:absolute; top:25px; left:30px; font-size:1.8rem; line-height:28px; font-weight:bold; }
.grayBox ul.dotList				{ padding:0; }
.grayBox ul.dotList li 			{ color:#999; }
.grayBox ul.dotList li:after	{ background:#999; }
.grayBox a	{ display:block; width:70px; height:30px; text-align:center; line-height:30px; color:#fff; background:#7e7d7d; font-size:1.4rem; margin:5px 0 0; }

.moveList	{ border-top:1px solid #d7d7d7; margin:10px 0 0; }
.moveList .top	{ padding:30px 0; }
.moveList .top .check_wrap{ position:relative; float:left; margin:6px 0 0;}
.moveList .top .left{float:left; margin-left:0px;}

.w100{width:100px!important}
select.br_none{border:0;}
.w120{width:120px!important}
.w132{width:132px!important}
.w170{width:170px!important}
.w190{width:190px!important}
.w248{width:248px!important}
.fc_gray {color:#666!important;}
.fc_gray2 {color:#999!important;}
.fc_gray3 {color:#d7d7d7!important;}
.f_bold {font-weight:700!important;}
.f_size14 {font-size:1.4rem;}
.f_size18 {font-size:1.8rem;}
.m_t10 {margin-top:10px;}
                     
.ico_info{color:#616161;font-size:14px;margin:10px 0 0; padding:3px 0 3px 25px;background:url(../img/exIco.png) no-repeat 0 0px;}
.moveList .top .label_chk:after {top: -4px}
.moveList .top .left select { width: auto; height: 34px;color: #222; background-position: 90% center; -moz-appearance: none; -webkit-appearance:none;appearance:none; border:0;font-size:13px;font-weight:400;line-height:15px;color: #444; background-color:#fff; padding:10px; margin:0; border-radius:20px;}
.moveList .top a { float:right; width:120px; height:34px; color:#fff; text-align:center; line-height:34px; border:0; border-radius:17px; font-size:1.6rem; background:#7c20b0; }
.ui_moveWrap { padding:0 0 34px; position:relative; }
.ui_moveWrap .addBt				{ width:88px; height:88px; border:1px solid #d7d7d7; border-radius:50%; position:absolute; bottom:0; left:50%; margin-left:-45px; background:url(../img/addBt.png) center no-repeat #fff; text-indent:-9999px; }
.moveList .ui_move li			{ padding:45px 264px 45px 65px; border:1px solid #d7d7d7; margin:0 0 10px; position:relative; background:#fff; }
.moveList .ui_move li:after		{ content:''; display:block; clear:both; }
.moveList .ui_move li input[type=checkbox]		{ display:none; }
.moveList .ui_move li label{ position:absolute; top:50%; left:30px; margin-top:-8px; width:16px; height:16px; float:left; }
.moveList .ui_move li label:before{ content:''; display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:16px; height:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #d7d7d7; }
.moveList .ui_move li input:checked + label:before	{ background:#7c20b0; border:0; }
.moveList .ui_move li input:checked + label:after{ position: absolute; content: ''; display: block; width: 7px; height: 4px; top:50%; left: 4px; margin-top:-4px; border-style: solid; border-color: #fff; border-width: 0 0 1px 1px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.moveList .ui_move li p			{ width:100%; display:inline-block; position:relative; }
.moveList .ui_move li p .handle	{ float:left; width:18px; height:18px; background:url(../img/handle.png) 0 0 no-repeat; margin:8px 0; cursor:pointer;  }
.moveList .ui_move li p .name	{ float:left; width:82px; padding:0 10px; text-align:center; font-size:1.6rem; height:34px; line-height:34px; }
.moveList .ui_move li p .date	{ float:left; width:62px; text-align:center; font-size:1.6rem; height:34px; line-height:34px; }
.moveList .ui_move li p input	{ float:left; padding:0 20px; font-size:1.6rem; border:0; height:34px; width:calc(100% - 182px); }
.moveList .ui_move li p .txt {position:absolute; left:128px; top:50%; transform:translateY(-50%); font-size:1.4rem;line-height: 2rem;}
.moveList .ui_move li p .txt em{color:#7c20b0;font-weight:bold;}
.moveList .ui_move li p .ico {position:absolute;top:-8px;left:20px;width:48px;height:48px;border:1px solid #d7d7d7;border-radius:6px;background:url(../img/linkIco.png) left 11px center no-repeat;margin-left:20px;overflow: hidden;display: inline-block;}
.moveList .ui_move li p .ico img{width: 100%;height: 100%;overflow: hidden;}
.moveList .ui_move li p .ico + input	{ width:calc(100% - 108px); margin-left:88px; }
.moveList .ui_move li>span		{ position:absolute; top:50%; right:30px; height:32px; margin-top:-16px; }
.moveList .ui_move li>span .switch,.state_switch .switch { background:url(../img/switchOff.png) 0 0 no-repeat; width:67px; height:36px; transition:0.1s; float:left; margin:-2px 21px 0 0; }
.state_switch .switch,.state_switch .switch.on.state_switch .switch, .state_switch .switch.on { background-size: 55px!important;width: 55px!important; height: 30px!important; margin: -4px 3px 0;}
.moveList .ui_move li> span .switch.on,.state_switch .switch.on { background:url(../img/switchOn.png) 0 0 no-repeat; }
.moveList .ui_move li> span a+a	{ float:left; width:60px; height:30px; margin-left:-1px; text-align:center; line-height:30px; border:1px solid #d7d7d7; font-size:1.6rem; }
.moveList .ui_move li.ad-banner p .handle:hover {background:url(../img/handle.png) 0 0 no-repeat;}
.state_switch{display:inline-block;position:relative;float:left;}	
.state_switch input[type=checkbox] {display: none;width:auto; }
.state_switch label{float:left;color: #7C20B0;font-size:13px;margin: 3px 3px 0;/* font-weight: 600; */}
.state_switch label.state_off{color:#666;}
.state_switch:after, .state_switch label:after,.reserve #state:after {content: '';display: block;clear: both;	}
.reserve #state{ float:left;}
.reserve .state_switch{width:132px;margin: 13PX 0 0 18px;}

.designBox	{ margin-top:-20px; }
.designBox .designInner			{ border:1px solid #d7d7d7;	padding:0 28px; margin:50px 0 0; }
.designBox .designInner>div		{ padding:0 0 20px; }
.designBox .designInner>div.text	{ padding:0 0 25px; }
.designBox .designInner>div + div	{ border-top:1px solid #d7d7d7; }
.designBox .designInner>div>strong	{ display:block; padding:24px 0 10px; line-height:26px; font-size:1.6rem; font-weight:bold; }
.designBox .designInner .clear ul	{ float:left; }
.designBox .designInner .clear ul li	{ float:left; }
.designBox .designInner .clear ul li + li 	{ margin-left:9px; }
.designBox .designInner .clear ul li a	{ display:block; width:40px; height:40px; border-radius:50%; background-position:center; background-repeat:no-repeat; }
.designBox .designInner .clear ul li a.active		{ background-image:url(../img/chkWhite.png); }
.designBox .designInner .clear ul li a.chkBlack 	{ border:1px solid #d7d7d7; width:38px; height:38px;}
.designBox .designInner .clear ul li a.chkBlack.active, .designBox .designInner .clear ul li a.chkBlack.active.w_Btn {background-image: url(../img/chkBlack.png);	}
.designBox .designInner .clear p	{ float:right; }
.designBox .designInner .clear p .colorPicker		{ float:left; width:130px; height:48px; border:1px solid #d7d7d7; line-height:48px; font-size:1.6rem; padding:0 54px 0 16px; margin-right:8px; background:url(../img/selectArr.png) right 19px center no-repeat; }
.designBox .designInner .clear p label				{ float:left; width:98px; height:48px; border:1px solid #d7d7d7; text-align:center; line-height:48px; font-size:1.6rem; cursor:pointer; }
.designBox .designInner .clear p .preview{ float:left; width:100px; height:40px; border-radius:17px; color:#fff; text-align:center; line-height:40px; background:#332c43; font-size:1.6rem; }
.designBox .bg .clear p .delete_file		{ display:none; float:left; width:98px; height:48px; border:1px solid #d7d7d7; text-align:center; line-height:48px; font-size:1.6rem; cursor:pointer; margin-left:8px; }
.designBox .bg .clear p.fileOn .delete_file		{ display:inline-block; }
.designBox .designInner .skin		{ padding:0 26px; }
.designBox .designInner .skin li	{ width:250px; float:left; margin:0 20px; position:relative; }
.designBox .designInner .skin li>a	{ position:relative; }
.designBox .designInner .skin li>a.active:after	{ content:''; position:absolute; top:50%; left:50%; width:80px; height:81px; margin:-40.5px 0 0 -40px; background:url(../img/skinChk.png) 0 0 no-repeat; }
.designBox .designInner .skin li p	{ width:100%; height:58px; padding:12px 0 0; overflow:hidden; }
.designBox .designInner .skin li p strong	{ float:left; font-size:1.6rem; }
.designBox .designInner .skin li p a{ float:right; font-size:1.6rem; color:#797979; text-decoration:underline; }
.tab		{ overflow:hidden; }
.tab a		{ float:left; width:88px; height:32px; border:1px solid #d7d7d7; text-align:center; line-height:32px; font-size:1.6rem; border-radius:16px; }
.tab a + a	{ margin-left:10px; }
.tab a.active	{ border:1px solid #332c43; background:#332c43; color:#fff; }
.statisticsWrap		{ padding:30px 0 0; }
.statisticsWrap> .top{ margin:20px 0 0; }
.statisticsWrap>.top		{ border:1px solid #d7d7d7; padding:50px 0; }
.statisticsWrap>.top li		{ float:left; width:28%; text-align:center; position:relative; }
.statisticsWrap>.top li.total_num{width:44%;}
.statisticsWrap>.top li span		{ line-height:48px; font-size:1.6rem; padding-right:15px; }
.statisticsWrap>.top li strong	{ line-height:48px; font-size:4rem; font-weight:300; }
.statisticsWrap>.top li .total,.purple_txt{color:#a81afb;}
.statisticsWrap > .top li .img_area {display: inline-block;position:relative;width:auto;padding: 0px 20px 20px 0;line-height: 50px;}
.statisticsWrap>.top li.total_num .tooltip{top:57px;z-index: 20;width: 170px;height: 70px;box-sizing: border-box;padding: 20px;right: -53px;line-height: 18px;}
.statisticsWrap>.top li.total_num .tooltip .text_box:after{bottom: auto;top: -26px; transform: rotate(90deg) translateX(-50%);left: 45%;}
.statisticsWrap .top_wrap {display:flex; flex-wrap:wrap; row-gap:30px; column-gap:20px; margin-top:20px;}
.statisticsWrap .top.flex {width:100%; padding:40px 20px; display:flex; flex-wrap: wrap; border: 1px solid #D7D7D7; box-sizing:border-box;}
.statisticsWrap .top.flex dl {width:calc(100% / 3); padding:0 10px; box-sizing:border-box;}
.statisticsWrap .top.flex dt {font-size:1.6rem; margin-bottom:8px;}
.statisticsWrap .top.flex dd {color:#666; font-size:1.6rem;}
.statisticsWrap .top.flex dd em {font-size:4rem; vertical-align:baseline;}
.statisticsWrap .top.half {width:calc((100% - 20px)/2);}
.statisticsWrap .top.half dl  {width:50%;}
.statisticsWrap .top.flex .info {margin-top:10px; padding-left:11px; position:relative; font-size:1.4rem; color:#666;}
.statisticsWrap .top.flex .info:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#666; border-radius:50%;}

.chartWrap				{ border:1px solid #d7d7d7; position:relative; padding:40px;margin:30px 0 0; }
.statisticsWrap .rank		{ border:1px solid #d7d7d7; position:relative;  }
.statisticsWrap .rank:before	{ content:''; position:absolute; top:86px; left:50%; width:1px; height:155px; background:#d7d7d7; }
.statisticsWrap .rank.rank2:before	{ content:none; }
.statisticsWrap .rank>div	{ float:left; padding:28px 40px; width:calc(50% - 80px);  }
.statisticsWrap .rank>div:nth-child(2) 	{ float:right; }
.statisticsWrap .rank>div>strong		{ display:block; line-height:36px; font-size:1.6rem; font-weight:800; }
.statisticsWrap .rank>div>div			{ width:100%; display:inline-block; }
.statisticsWrap .rank>div>div ul		{ width:50%; float:left; padding:9px 0 0; border-top:2px solid #222; }
.statisticsWrap .rank>div>div ul li		{ width:100%; display:inline-block; }
.statisticsWrap .rank>div>div ul li span		{ line-height:36px; font-size:1.6rem; float:left; padding:0 0 0 10px; }
.statisticsWrap .rank>div>div ul li strong		{ line-height:36px; font-size:1.6rem; font-weight:800; float:left;color:#a81afb }

.statisticsWrap .rank>div.calTab		{ width:calc(100% - 80px); display:inline-block; position:relative; }
.statisticsWrap .calTab	.date			{ float:left; position:relative; padding:0 19px; width:auto; }
.statisticsWrap .calTab	.date .left		{ position:absolute; top:0; left:0; width:9px; height:26px; text-indent:-9999px; background:url(../img/leftArr.png) center no-repeat; }
.statisticsWrap .calTab	.date .right	{position:absolute;top:0;right: -24px;width:9px;height:26px;text-indent:-9999px;background:url(../img/rightArr.png) center no-repeat;}
.statisticsWrap .calTab	.date #stRange	{ line-height:26px; font-size:2.4rem; position:relative;letter-spacing:-0.5px; padding:0 5px;}
.statisticsWrap .calTab .date #stRange span {font-weight: 600; display:inline-block;}
.statisticsWrap .calTab .date #stRange .cal_margin{ display:inline-block; margin:0 10px 0 40px;}
.statisticsWrap .calTab	.date .cal_txt{padding:0 35px 0 0; cursor:pointer;}
input.datepicker2 {border: 0;font-size:0;position:absolute;width:158px;height:30px; padding:0;background:transparent;top:-4px; border:0!important; z-index:9; cursor:pointer;}
input#datepicker1 {left:20px;}
input#datepicker2 {right: -36px;margin: 0 30px 0 0;}
.statisticsWrap .calTab	.date .cal_1,.statisticsWrap .calTab .date .cal_2{width:30px;position:absolute;top: -2px;}
.statisticsWrap .calTab	.date .cal_1{left:155px;}
.statisticsWrap .calTab	.date .cal_2 {right: -11px;}
.statisticsWrap .calTab	.date img{display:inline-block; cursor:pointer; }

.cate {width: 100%;height: auto; overflow: hidden;}
.statisticsWrap .calTab .cate {padding: 0;margin: 0;list-style: none;width:auto;height: auto;overflow: hidden; position:absolute;right:40px;}
.statisticsWrap .calTab .cate li {float: left;position: relative;width: 58px;height: 28px;border: 1px solid #d7d7d7;text-align: center;line-height: 28px;font-size: 1.6rem;}
.statisticsWrap .calTab .cate li + li {margin-left: -1px;}
.statisticsWrap .calTab .cate li:hover, .statisticsWrap .calTab .cate li.active {border: 1px solid #7c20b0;background: #7c20b0;color: #fff;}
.statisticsWrap .calTab .conBox {width: 100%;height: 100%;overflow: hidden;background: #fff;display: none;text-align: center;}
.statisticsWrap .calTab .conBox.active { display: block;}
.chart_tab .chart > canvas {	width: 100%;	height: 360px;	margin: 20px 0 0}
.chartjs-tooltip-key{opacity:0!important; display:none!important}
.chart_tab:after{content:'';display:block;clear:both;}
.value_del{border:0; background: 0; padding: 0; margin: 0; position: absolute; display:none;top:15px;right:40px;z-index:2; width:20px; height:20px;line-height:20px;cursor:pointer;}
.statisticsWrap .rank > div.channel {width: calc(100% - 80px);	display: inline-block;	padding-top: 0;}
.statisticsWrap .rank>div.channel>strong		{ display:inline-block; background:url(../img/selectArr.png) right center no-repeat; padding-right:25px; }
.statisticsWrap .rank>div.channel>div ul		{ width:calc(50% - 30px); float:left; padding:9px 0 0; }
.statisticsWrap .rank>div.channel>div ul:nth-child(2) 	{ float:right; }
.statisticsWrap .rank>div.channel>div ul li		{ width:100%; display:inline-block; border-top:2px solid #d7d7d7; }
.statisticsWrap .rank>div.channel>div ul li:nth-child(1)		{ border-top:0; }
.statisticsWrap .rank>div.channel>div ul li span		{ line-height:36px; font-size:1.6rem; float:left; padding:0 0 0 10px; }
.statisticsWrap .rank>div.channel>div ul li strong		{ line-height:36px; font-size:1.6rem; font-weight:800; float:left; }
.statisticsWrap .rank>div.channel>div ul li em			{ line-height:36px; font-size:1.6rem; float:right; }

.statisticsWrap .reward_point {margin-top:10px; display:flex; flex-direction:column; gap:6px;}
.statisticsWrap .reward_point dt {font-size:1.6rem;}
.statisticsWrap .reward_point .point {color:#666; font-size:1.6rem; margin-bottom:4px;}
.statisticsWrap .reward_point .point em {font-size:4rem; font-weight:700; vertical-align:baseline;}

.w_balance { padding:30px 20px; border-radius:14px; background:linear-gradient(90deg, #E197FF 0%, #9456FF 100%);}
.w_balance dt {font-size:1.6rem; color:#fff; margin-bottom:6px;}
.w_balance dd {font-size:1.6rem; color:#fff;}
.w_balance dd em {font-size:4rem; color:#fff; font-weight:bold; vertical-align:baseline;}
.w_balance button {padding:10px 24px; border-radius:80px; border:1px solid #fff; background:rgba(0,0,0,.12); font-size:1.6rem; color:#fff;}
.w_balance_withdraw {display: flex;justify-content: flex-end;align-items: center;margin-top: 10px;}
.w_balance_withdraw div {display: flex;}
.w_balance_withdraw .tit {color: #fff;font-size: 1.6rem;display:block;margin-right: 16px;position: relative;}
.w_balance_withdraw .tit:after {content: "";position: absolute;top: 2px;right: -10px;display: block;background-color: rgb(255 255 255 / 30%);height: 13px;width: 2px;}
.w_balance_withdraw .saving {color: #fff;font-size: 1.4rem;display: inline-block;margin-right: 14px;display: flex;align-items: baseline;}
.w_balance_withdraw .saving em {color: #fff;font-size: 1.8rem;font-weight: 700;display: inline-block;margin-right: 3px;}

.srch_area {display:flex; justify-content:space-between; align-items:end; margin:20px 0 40px;}
.srch_area .date_box {display:flex; gap:10px; align-items:center;}
.srch_area .date {position:relative; width:200px;}
.srch_area .date input {background:url(/Contents/img/cal2.png)no-repeat right 14px center;}
.srch_area .date_box button {padding:8px 24px; height:50px; font-size:1.6rem; color:#fff; border-radius:80px; background:#332C43;}
.srch_area .s_period {display:table; table-layout:fixed;}
.srch_area .s_period button {padding:3px 16px; height:40px; border:1px solid #D7D7D7; font-size:1.6rem; background:#fff;}
.srch_area .s_period button:not(:last-child) {margin-right:-1px;}
.srch_area .s_period button.on {background:#7C20B0; color:#fff; border-color:#7C20B0;}

.balance_list dl {border-bottom:1px solid #d7d7d7}
.balance_list dt {height:60px; line-height:60px; font-size:1.8rem; font-weight:bold; cursor:pointer;}
.balance_list dt img {margin-left:6px;}
.balance_list dt.on img {transform:rotate(180deg);}
.balance_list dd {padding-bottom:20px; display:none;}
.balance_list .lst {padding:20px 0 15px; display:flex; justify-content:space-between; align-items:center;}
.balance_list .flex_l {display:flex; gap:10px; align-items:center;}
.balance_list .flex_l > div, .balance_list .flex_r {display:flex; gap:10px; flex-direction:column;}
.balance_list .flex_l .rq_date, .balance_list .flex_r .wd_date {font-size:1.6rem;position: relative}
.balance_list .flex_r  .btn_holdpop{position: sticky;left:0;top:0;width:71px;height:25px;display:inline-block;background-color: #F4F4F4;color:#FF5050;font-size:1.3rem;padding:3px;box-sizing: border-box;border-radius:26px;}
.balance_list .flex_l .info {display:flex; gap:17px;}
.balance_list .flex_l .info span {position:relative; font-size:1.8rem; line-height:1;}
.balance_list .flex_l .info span + span:before {content:""; position:absolute; left:-9px; top:50%; transform:translateY(-50%); width:2px; height:14px; background:#eee;}
.balance_list .flex_r p {text-align:right;}
.balance_list .w_flag {display:block; width:55px; height:55px; line-height:55px; text-align:center; border-radius:20px; font-size:16px; font-weight:bold;}
.balance_list .w_flag.withdraw {color:#FF5050; background:#FFE8E8;}
.balance_list .w_flag.earnings {color:#901AE1; background:#F3E4FF;}
.balance_list .w_flag.holding{color:#666;background: #F0F0F0}
.balance_list .price {font-size:1.8rem; font-weight:bold;position: relative}
.balance_list .price.flex_end{display: flex;justify-content: flex-end;align-items: center;}
.balance_list .price.flex_end .f_hold{margin-left:10px;}
.balance_list .price .f_hold{    text-decoration: line-through;font-weight:bold}

.title1		{ font-weight:bold; font-size:3.2rem; line-height:6rem; }
.title2 	{ font-size:1.8rem; color:#fff; }
.text1 		{ font-size:1.6rem; }
.text2 		{ font-size:1.4rem; }
.text3		{ font-size:1.3rem; }
#container.container.two_contain{width:100%; max-width:400px; padding:40px 7px 150px; margin:0 auto; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
.input_box 	{ width:100%; margin-bottom:20px; }
.check_wrap { display:inline-block; margin-right:25px; }
.submit_btn { display:block; width:100%; padding:14px 0; cursor:pointer; color:#fff; background-color:#7c20b0; border-radius:30px; border:none; margin:30px auto 20px;text-align:center; }
#container .title1 		{ text-align:center; }
.content 	{ margin:40px auto 0; }
.find a 	{ color:#666; }
.find a:hover,
.find a:focus			{ text-decoration:underline; }
.find a:last-child		{ float:right; }

.chek_wrap{clear: both; float: right; margin: 15px 0px 0 0;}
.chek_inp + label {position: relative;font-size: 13px;line-height: 14px;}
.chek_wrap input[type="checkbox"].chek_inp {display: none;}
.chek_wrap input[type="checkbox"].chek_inp + label:before {display: inline-block;content: '';width:16px;height:16px; margin: 0 5px -6px 0; border:1px solid #d7d7d7}
.chek_wrap input[type="checkbox"].chek_inp + label:after {position: absolute;content: '';display: block;width: 7px;height: 4px;top:4px;left:5px;border-style: solid;border-color: #fff;border-width: 0 0 2px 2px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate( -45deg);transform: rotate( -45deg);border-radius: 2px;}
.chek_wrap [type="checkbox"].chek_inp + label:after {}
.chek_wrap [type="checkbox"]:checked.chek_inp + label:after {opacity: 1;}
/** 회원가입 **/
#container.container.two_contain.join {	position: relative;	padding: 120px 7px 150px;}
.join .img_area,.img_area { width:22px; height:22px; padding-top:15px; }
.join_id {position:relative;}
.join .img_area img{position: absolute; right: -20px; top: 12px;}
.join .img_area:hover .tooltip,.img_area:hover .tooltip  {display:block;}
.join_id>div, .join .email_area>div, .phone_area>div 	{ display:inline-block; }
.join_id .input_box 	{ max-width:210px; margin:0 3px; }
.join .email_area>div 	{ max-width:170px; }
.email_area .addEmail	{ margin:-10px 0 20px !important; border: 0; border-bottom: 1px solid #d7d7d7; }
.phone_btn_area 		{ white-space:nowrap; position:absolute; }
.phone_chk_btn 			{ padding:8px 16px; color:#fff; border-radius:50px;text-align:center; margin-top:9px; display:inline-block; margin-right: 12px; position: absolute; right:4px; top: 0;min-width: 80px; box-sizing: border-box;}
.phone_chk_btn1 		{ background-color:#6b6871; cursor:default; }
.phone_chk_btn2 		{ background-color:#7c20b0; }
.phone_chk_btn3 		{ background-color:#332c43; }
.phone_chk_btn4 		{ background-color:#332c43;}
.phone_area .phone1 	{ width:108px; }
.phone_area .phone2 	{ width:calc(100% - 128px); }
.join .check_box 		{ margin-top:30px;  overflow: hidden; border: 1px solid #d7d7d7; padding: 15px 14px; }
.join .check_box.bt 	{ margin:0 0 18px 0;padding:15px 10px 15px;border-radius:8px }
.join .check_box a 		{ position:relative; display:block;z-index:0; }
.join .check_box .agree_link{ position:relative; }
.join .check_box.bt .agree_link{ margin-bottom:0; }
.join .check_box a:after { content:''; display:inline-block; border-bottom:1px solid #8B8B8B; border-right:1px solid #8B8B8B; width:10px; height:10px; pointer-events:none; position:absolute; right:0; top:50%; transform:rotate(-45deg) translateY(-70%); }
.join .check_box .agree_link span {position: absolute;top: 0;right: 0;display: inline-block;width: 20px;height: 20px;cursor: pointer;font-size: 0;z-index: 99;}
.join .check_box>div 	{ margin-bottom:16px; }
.promotion_chk_area 	{ padding-left:24px; color:#666; }
.join .join_id 			{ margin-bottom:20px; }
.join .join_id .id_box 	{ padding:16px 0; }
.join .join_id {position:relative;}
.join .email_area span 	{ display:inline-block; padding:16px 11px; color:#222; }
.join .input_box input{ border:0;border-bottom:1px solid #d7d7d7; }
.join .phone_area .phone2{ width:100%}
.phone_area 			{ font-size:0; position:relative; }
.phone_area .phone1 	{ margin-right:15px; }
.phone_area .phone2 	{ margin-right:0; }
.phone_chk_num 			{ margin-bottom:30px; position:relative;}
.phone-time{color:#db0303;position: relative; top: 10px; font-size:1.2rem;}
.error_message 			{ display:none; color:#db0303; margin:-10px 0 10px;  font-size:1.2rem;}
.error_message_ok 		{ display:none; color:#129a29; margin:-10px 0 10px;  font-size:1.2rem; }
.join .category_area .tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.join .category_area .tit label {font-size:1.4rem;}
.join .category_area .cate_tag {display:flex; justify-content:right; gap:10px;}
.join .category_area .cate_tag span {padding:6px 12px; font-size:1.3rem; color:#7c20b0; background:#fbf6ff; border-radius:80px;}
.cagegory_btn {padding:8px 16px; font-size:1.3rem; font-weight:700; color:#fff; border-radius:80px; background:#3f3b42;}
.btn_phone_auth {margin-top:20px; padding:15px 14px; border:1px solid #D7D7D7; display:flex; align-items:center; gap:10px; cursor:pointer;}
.btn_phone_auth dl {position:relative; flex-grow:1;}
.btn_phone_auth dl:after {content:""; position:absolute; width:20px; height:20px; right:0; top:50%; border-radius:50%; transform:translateY(-50%); background:#F4F4F4 url(/Contents/img/ic_arrow_right.svg)no-repeat;}
.btn_phone_auth dt {font-size:1.4rem; font-weight:700; margin-bottom:7px;}
.btn_phone_auth dd {font-size:1.3rem;color:#666;}
/*.error + .error_message { display:block; }*/
.tooltip 				{position: absolute;right: -118px;top: -133%;background-color: #332c43;padding: 26px 22px;border-radius: 10px;text-align: center;display: none;}
.tooltip span 			{ color:#EAD187; }
.tooltip .text_box 		{ position:relative; color:#fff; }
.tooltip .text_box:after 		{ content:''; position:absolute; left:50%; bottom:-39px; border-top:7px solid transparent; border-right:13px solid #332c43; border-bottom:7px solid transparent; transform: rotate(30deg) translateX(-50%); }

@keyframes fadeInUp {
 from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
/** 아이디/비밀번호 찾기 **/
.inquiry .submit_btn 	{ margin:0 auto 20px; text-align:center; }
.inquiry .inquiry_pw_btn 	{ background-color:#332c43; }

/** 아이디 찾기1 **/
.inquiry_id1 .submit_btn 	{ background-color:#3f3b42; }

/** 아이디 찾기2 **/
.inquiry_id2 p 	{ margin-bottom:30px; }
.inquiry_id2 .inquiry_join_btn 	{ margin-top:20px; background-color:#332c43; }
.inquiry_id2 .submit_btn 	{ margin:0 auto 20px; text-align:center; }

/** 비밀번호 찾기1 **/
.inquiry_pw1 .next_btn 		{ margin-top:20px; background-color:#3f3b42; }
/** 비밀번호 찾기2 **/
.radio_box>div 				{ margin-bottom:16px; }
.inquiry_pw2 .next_btn 		{ background-color:#3f3b42; }
.inquiry_pw2_phone 			{ display:none; margin-top:30px; }
.inquiry_pw2_phone.on 		{ display:block; }
.inquiry_pw2 .phone_area .phone2 	{ margin-right:0px; }
.inquiry_pw2 .dotList 		{ padding:10px 0 0; }

/** 제안 **/
#container.suggest 			{ padding:180px 0 100px; }
.bottom_box 				{ border-top:1px solid #c8c8c8; padding-top:20px; }
.bottom_box .contents 		{ margin-bottom:0; }
.bottom_box .contents textarea 	{ height:150px; resize:none; }
.suggest .radio_box 		{ font-size:0; }
.suggest .radio_box>div 	{ display:inline-block; }
.suggest .radio_box div:first-child 	{ margin-right:30px; }

.termTb			{ width:100%; padding:6px 0 0 10px; }
.termTb table	{ width:100%; border-collapse:collapse; }
.termTb table th,
.termTb table td		{ border:1px solid #ddd; }
.termTb table.st1 th 		{ width:40%; font-size:1.3rem; line-height:100%; padding:10px; background:#efefef; }
.termTb table.st1 td 		{ width:60%; font-size:1.3rem; padding:10px; }
.termTb table.st2 th 		{ width:33.3%; font-size:1.3rem; line-height:100%; padding:10px; background:#efefef; }
.termTb table.st2 td 		{ font-size:1.3rem; padding:10px; }

/*skin 미리보기 반영하기  jy*/ 
.phone_Wrap { width:360px;height:500px; border: 40px solid #ddd; border-width: 55px 7px; border-radius: 40px; margin:0px auto 30px; overflow: hidden; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.phone_Wrap iframe {border: 0; width: 100%; height: 100%;}
.none{visibility:hidden!important;}
/* 공지사항*/
#container.notiWrap{max-width:1000px; margin:0 auto 60px;    padding: 40px 7px 150px;}
#container.notiWrap > *, #container.notiWrap .notiView *,.notiWrap .noticeList li .lstCon .tit,.notiWrap .noticeList li .lstCon .dateTxt,
.notiWrap .noticeList dt .tit, .notiWrap .noticeList dt .dateTxt, .notiWrap .noticeList .attch .attchfile_name  a{	font-family: 'Nanum Gothic', sans-serif !important;	}
#container.notiWrap .notiView  b{ font-weight:700;}
#container.notiWrap .notiView {font-weight:400;}
.notiWrap .schBox{ position:relative; height:50px;width:284px; margin:50px 0 40px}
.notiWrap .schBox .schTxt {border: 1px solid #b3b3b3;padding:5px 60px 5px 30px;border-radius:40px;}
.notiWrap .schBox .srhBtn { display: inline-block; position:absolute;top:2px;right:18px;width:46px;height:46px;background:url(../images/btn/btnSrh.png) center center no-repeat;font-size:0;}
.notiWrap .noticeList {border-top:2px solid #222;}
.notiWrap .noticeList li{height: 70px;line-height:70px;box-sizing: border-box; padding:0 30px; border-bottom:1px solid #d9d9d9;}
.notiWrap .noticeList li .lstCon{clear:both;position:relative;}
.notiWrap .noticeList li .lstCon .tit{ float:left; display:block;}
.notiWrap .noticeList li .lstCon .dateTxt{float:right;}
.notiWrap .noticeList li .lstCon .tit{font-size:16px; font-weight:700; color:#222; width:calc(100% - 140px);text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notiWrap .noticeList li .lstCon .dateTxt{ color:#999; font-size:16px; font-weight:400;}
.notiWrap .noticeList li.noneData .lstCon{ text-align:center; font-size:16px; color:#999; }
.notiWrap .noticeList dt{ background-color:#f9f9f9; box-sizing:border-box; height:90px;line-height:90px;padding:0 40px}
.notiWrap .noticeList dt .tit{ float:left; display:block;font-size: 16px;color: #222;font-weight:700;	width: 70%;	text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.notiWrap .noticeList dt .dateTxt{float:right;color:#999; font-size:16px; }
.notiWrap .noticeList dd .notiView{font-size:16px; color:#444;white-space:pre-line; word-break: break-word;line-height:30px;}
.notiWrap .noticeList.viewPage{margin:40px 0 0 ;}
.notiWrap .noticeList{ margin:0 0 50px;}
.notiWrap .noticeList dd{ border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; padding:30px 40px 80px; min-height:200px; box-sizing:border-box; }
.notiWrap .noticeList li .lstCon .tit:after,.notiWrap .noticeList li .lstCon:after,
.notiWrap .noticeList li .lstCon dateTxt:after,.notiWrap .noticeList dt:after,.notiWrap .noticeList dt .dateTxt:after,
.notiWrap .noticeList li .lstCon .tit::after{content:''; display:block; clear:both;}
.notiWrap .noticeList li .lstCon .ico_attch{display: inline-block;width: 20px;height: 20px;background: url(../images/icon/ico_attach.png) no-repeat 0 0;background-size: 20px;font-size: 0; margin: 25px 5px 0 10px }
.notiWrap .noticeList .attch .attchfile_name {display:block;width:calc(100% - 40px);color: #666;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 0 30px; margin:0 0 10px;background: url(../images/icon/ico_attach.png) no-repeat 0 0;background-size: 20px;}
.notiWrap .noticeList .attch .attchfile_name:last-of-type{margin:0 ;}
.notiWrap .noticeList .attch{min-height:initial;padding:20px 20px 20px 40px; border-bottom:0px;}
.pagingWrap{ clear:both; max-width:584px; margin:40px auto 0; text-align:center;}
.pagingWrap  li{display:inline-block;}
.pagingWrap  li a{display:inline-block; width:33px;height:33px;border-radius:100%;background:#fff; line-height:33px;font-size:16px;color:#666;font-weight:600; text-align:center;}
.pagingWrap  li.active a, .pagingWrap  li:hover a{background-color:#f5f1ff;color:#222;}
.pagingWrap  li .ic_page{width:33px;height:33px;font-size:0;  background-color:#fff}
.pagingWrap  li .ic_page.prevPage1{background:  url(../images/btn/page_prev_arr1.png) center center no-repeat; }
.pagingWrap li .ic_page.prevPage2 {background: url(../images/btn/page_prev_arr2.png) center center no-repeat;	}
.pagingWrap li .ic_page.nextPage1 {background: url(../images/btn/page_next_arr1.png) center center no-repeat;	}
.pagingWrap li .ic_page.nextPage2 {background: url(../images/btn/page_next_arr2.png) center center no-repeat;	}

.pagingWrap  a{display:inline-block; width:33px;height:33px; margin:0 3px;border-radius:100%;background:#fff; line-height:33px;font-size:16px;color:#666;font-weight:600; text-align:center;font-family: 'Nanum Gothic', sans-serif!important;}
.pagingWrap  a.active,.pagingWrap  a:hover{background-color:#f5f1ff;color:#222;}
.pagingWrap .ic_page{width:33px;height:33px;font-size:0; color:transparent; background-color:#fff}
.pagingWrap .ic_page.prevPage1{background:  url(../images/btn/page_prev_arr1.png) center center no-repeat; }
.pagingWrap .ic_page.prevPage2 {background: url(../images/btn/page_prev_arr2.png) center center no-repeat;	}
.pagingWrap .ic_page.nextPage1 {background: url(../images/btn/page_next_arr1.png) center center no-repeat;	}
.pagingWrap .ic_page.nextPage2 {background: url(../images/btn/page_next_arr2.png) center center no-repeat;	}
.notiWrap .btnWrap{text-align:center; margin:50px 0 0;}
.notiWrap .btnWrap .btnView{background: #7c20b0;width: 200px; height: 50px;color: #fff;text-align: center;line-height: 50px; margin: 0 3px;border: 0; border-radius: 25px;font-size: 1.8rem;display: inline-block;}
.schedul_list.vsnone {}
@media all and (max-width:1080px) {
	.mypageMenu		{ display:none; }
	.mypageContent 				{padding:0px 0 20px;min-height:100%; }	
	.mypageContent .h2_2st {padding-top:40px;}
	.tab a			{ width:75px; font-size:1.4rem; height:28px; line-height:28px; }
	.copy_link_wrap{ text-align:left;position:relative;background-color:#f7f7f9;padding:15px 10px;max-width:100%;margin:-20px 0 0;}
	.copy_link_wrap:before,.copy_link_wrap:after{content:'';position: absolute;top:0;left:-20px;width:20px;height: 55px;background-color:#f7f7f9;display:inline-block;}
	.copy_link_wrap:after{left:auto;right:-20px;}
	.copy_link_wrap .link_copy{float:right;clear:both;}
	.wrap.noticeTop .copy_link_wrap{margin:0;}
	.statisticsWrap > div {margin: 0;}
	.statisticsWrap>.top		{ padding:10px 20px; }
	.statisticsWrap>.top li,.statisticsWrap>.top li.total_num{ float:none; width:100%; text-align:left; display:inline-block; }
	.statisticsWrap>.top li span		{ line-height:35px; font-size:1.2rem; padding-right:0; float:left; }
	.statisticsWrap>.top li strong	{ line-height:35px; font-size:2.4rem; float:right; }
	.statisticsWrap>.top li .total	{ color:#a81afb; }
	.statisticsWrap > .top li .img_area{ line-height:36px; padding: 0px 20px 20px 13px;}
	.statisticsWrap>.top li.total_num .tooltip{padding: 15px 20px 20px; top: 45px;}
	.statisticsWrap>.top li.total_num .tooltip .text_box:after { bottom: auto; top: -22px; transform: rotate(90deg) translateX(-50%);left:0%;}	
	.statisticsWrap .reward_point {margin-top:20px;}
	.statisticsWrap .reward_point dt,
	.statisticsWrap .reward_point .point {font-size:1.4rem;}
	.statisticsWrap .reward_point .point em {font-size:2.8rem;}
	.statisticsWrap .top_wrap {row-gap:20px;}
	.statisticsWrap .top.flex {padding:20px; flex-direction:column; gap:10px;}
	.statisticsWrap .top.half {width:100%;}
	.statisticsWrap .top.flex dl {padding:0; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
	.statisticsWrap .top.flex dt, .statisticsWrap .top.flex dd {font-size:1.4rem; margin:0; width:50%;}
	.statisticsWrap .top.flex dd {text-align:right;}
	.statisticsWrap .top.flex .info {text-align:left; width:100%;}
	.statisticsWrap .top.flex dd em {font-size:2.1rem;}
	.statisticsWrap > div.ctrl_list {padding:30px 0 10px;}
	.statisticsWrap .pagingWrap {margin:60px auto 10px;}
	.statisticsWrap .pagingWrap li a {width:26px; height:26px; line-height:26px; font-size:1.4rem;}	
	.ctrl_list {align-items:center;}
	.ctrl_list select {background-position:89% 12px;}
	.tbl_basic th, .tbl_basic td {font-size:1.4rem; height:34px; line-height:34px; width:120px; padding:0 10px;}
	.tbl_scroll_x {overflow-x:scroll;}
	.mypageContent form table th, .mypageContent form table td 	{  display:block; }
	.mypageContent form table th		{ width:100%; font-size:1.5rem; padding:20px 0 10px; }
	.mypageContent form table td		{ font-size:1.5rem; padding:0 0 20px; }
	.mypageContent form table td .inWrap{ width:100%;}
	.mypageContent form table td .inWrap.phone_area{display:flex }
	.mypageContent form table input		{ width:100%; }
	.mypageContent form table input.size1		{ width:calc(100% - 92px); }
	.mypageContent form table td .phone{ width:calc(100% - 181px); padding:0 92px 0 89px; }
	.mypageContent form table td .phone2{width: calc(100% - 80px);/* padding:0 0 0 89px; */}
	.mypageContent form table td .phone input	{ width:100%; }
	.mypageContent form table td .phone .custom-select		{ width:79px; }
	.mypageContent form table td .mid1 			{ font-size:1.5rem; }
	.mypageContent form table td .innerBt		{ top:8px; right:0px; width:78px; height:30px; border-radius:15px; font-size:1.4rem; line-height:30px; }
	.mypageContent form table .tb_tab a {width:90px; height:40px; line-height:40px; font-size:1.5rem;}
	.mypageContent form table td .file_name {font-size:1.4rem;}
	.mypageContent textarea				{ width:100%; height:100px; font-size:1.5rem; resize: none; }
	.mypageContent .textareaTxt			{ text-align:right; font-size:1.2rem; color:#666; }
	.mypageContent form .snsList		{ width:100%; margin:-10px 0; }
	.mypageContent form .snsList li		{ position:relative; padding:9px 73px 0 0; }
	.mypageContent form .snsList li label		{ position:static; display:block; height:33px; line-height:33px; font-size:1.3rem; }
	.mypageContent form .snsList li input		{ width:100%; }
	.mypageContent form .snsList li .switch		{ width:53px; height:26px; top:54px; background-size:53px auto; }
	.mypageContent form .snsList li .switch.on	{ background-size:53px auto; }
	.mypageContent form .profile 				{ padding:0 0 0 104px; min-height:86px; height:auto; }
	.mypageContent .profile .photo			{ width:86px; height:86px; background-size:44px auto; }
	.mypageContent .profile strong			{ line-height:35px; font-size:1.6rem; font-weight:800; display:block; }
	.mypageContent .profile input[type=file] + label	{ width:75px; height:30px; line-height:30px; border-radius:15px; font-size:1.4rem; margin-right:2px; }
	.mypageContent .profile a				{ width:75px; height:30px; line-height:30px; border-radius:15px; font-size:1.4rem; }
	.mypageContent .btArea			{ padding:40px 0; }
	.mypageContent .btArea a		{ width:calc(50% - 14px); max-width:154px; height:44px; line-height:44px; margin:0 6px; border:0; border-radius:22px; font-size:1.6rem; }
	.mypageContent .btArea a.single	{ width:100% !important; max-width:100% !important; margin:0 !important; box-sizing: border-box; }
	.mypageContent .profile.profileMain			{ margin:20px 0; padding:0 20px 0 104px; height:86px; }
	.mypageContent .profile .myMain	{ float:left; min-height:66px; padding:10px 0; }
	.mypageContent .profile .myMain strong	{height: auto;line-height: 20px;font-size:1.7rem;margin:0 0 5px}
	.mypageContent .profile .myMain span	{ height:18px; line-height:18px; font-size:1.2rem; }
	.mypageContent .profile .myMain a		{ height:18px; line-height:18px; font-size:1.2rem; padding-right:16px; background-size:11px; background-position:100% 2px; }
	.mypageContent .cagegory_btn {position:absolute; right:0; top:-45px; padding:8px 16px; font-size:1.3rem; font-weight:700;}
	.mypageContent .cate_tag {justify-content:flex-end;}
	.mypageContent .ads_share .flex {justify-content:space-between;}
	.mypageContent .ads_share p.text3 {display:block; margin-top:8px;}
	.mypageContent .ads_share .text1 {padding:0; font-size:1.4rem;}
	.mypageContent .ads_share input {width:53px; height:26px; background-size:cover;}
	.mypageContent .ads_share input:checked {background-size:cover;}
	.mypageContent .account {flex-direction:column;}
	.mypageContent .account select {width:100%;}
	.mypageLeft {display:none;}
	.ads_share_agree p:nth-child(1) {font-size:1.5rem;}
	.ads_share_agree p:nth-child(2) {display:block; margin-bottom:10px;}
	.ico_info{background-position:0 50%;}
	.grayBox						{ padding:20px; }
	.grayBox strong					{ position:static; display:block; font-size:1.4rem; line-height:28px; }
	.grayBox a						{ width:80px; height:30px; line-height:30px; font-size:1.4rem; margin:10px 0 0; }	
	.moveList .top					{ padding:20px 0; }
	.moveList .top a				{ width:90px; height:30px; line-height:30px; border-radius:15px; font-size:1.4rem; }
	.ui_moveWrap					{ padding:0 0 21px; }
	.ui_moveWrap .addBt				{ width:60px; height:60px; margin-left:-30px; background-size:33px; }	
	.moveList .ui_move li			{ padding:50px 16px 60px 16px; }
	.moveList .ui_move li label		{ position:absolute; top:26px; left:16px; margin-top:0; }
	.moveList .ui_move li p			{ width:100%; display:inline-block; position:relative; }
	.moveList .ui_move li p .name	{ position:absolute; top:-32px; left:16px; width:62px; font-size:1.5rem; }
	.moveList .ui_move li p .date	{ position:absolute; top:-32px; left:98px; font-size:1.5rem; }
	.moveList .ui_move li p input	{ width:calc(100% - 40px); padding:0 0 0 20px; margin-left:20px; }
	.moveList .ui_move li p .ico	{ width:48px; height:48px; border:1px solid #d7d7d7; border-radius:6px; background:url(../img/linkIco.png) center no-repeat; margin-left:20px; position:absolute; top:-23px; left:20px; }
	.moveList .ui_move li p .ico + input{width: calc(100% - 30px ); margin: 8px 0 0 20px;}
	.moveList .ui_move li p .txt {left:40px;}
	.moveList .ui_move li>span		{ position:absolute; top:auto; bottom:47px; right:16px; height:0; margin-top:0; }
	.moveList .ui_move li>span .switch,.state_switch .switch { background-size:53px auto; width:53px; height:26px; float:none; margin:0; position:absolute; top:-91px; right:0; }
	.moveList .ui_move li>span .switch.on,.state_switch .switch.on { background-size:53px auto; }	
	.moveList .ui_move li>span a+a		{ width:50px; font-size:1.3rem; }
	.moveList .ui_move .ad-banner p .txt {margin-top:35px;}
	.reserve .state_switch{ margin:10px 0 0;}
	.reserve .state_switch .switch{ top: 0;  position: relative; float: left; margin: -4px 0 0; display:inline-block;}

	.moveList .ui_move.ui_schedule li			{ padding:72px 16px 60px 16px; }
	.moveList .ui_move.ui_schedule li label		{ top:31px; }
	.moveList .ui_move.ui_schedule li p .name	{ top:-54px; left:0; }
	.moveList .ui_move.ui_schedule li p .date	{ top:-54px; left:82px; }
	.moveList .ui_move.ui_schedule li p .ico{ top:-58px; }
	.moveList .ui_move.ui_schedule li> span .switch{ top:-100px; }
	
	.designBox			{ margin-top:-20px; }
	.designBox .designInner		{ padding:0 20px; }
	.designBox .designInner>div	{ padding:0 0 15px; }
	.designBox .designInner>div.text	{ padding:0 0 25px; }
	.designBox .designInner>div>strong	{ padding:20px 0 5px 5px; line-height:26px; font-size:1.5rem; }
	.designBox .designInner .clear ul	{ float:left; width:100%; }
	.designBox .designInner .clear ul li	{ margin:5px; }
	.designBox .designInner .clear ul li + li 	{ margin-left:5px; }
	.designBox .designInner .clear p	{ float:right; padding:20px 0 0; }
	.designBox .designInner .text .clear ul	{ float:left; width:auto; }
	.designBox .designInner .text .clear p	{ float:right; width:auto; padding:0; }
	.designBox .designInner .clear p .colorPicker		{ width:90px; font-size:1.3rem; padding:0 25px 0 8px; background-size:10px auto; background-position:right 8px center; height:38px; line-height:38px; margin-right:4px; }
	.designBox .designInner .clear p label				{ width:70px; height:38px; line-height:38px; font-size:1.3rem; }
	.designBox .designInner .clear p .preview {width: 94px;height: 40px;border-radius: 40px;line-height: 40px;font-size:1.5rem;margin-top:10px;}
	.designBox .bg .clear p .delete_file{ width:40px; height:38px; line-height:38px; font-size:1.3rem; margin-left:4px; }

	#container 	{max-width:100%; padding:0px 0 30px; margin:0 auto;}
	.title1 { font-size:2.2rem; line-height:2rem; }
	.title2 { font-size:1.6rem; }
	.text1 	{ font-size:1.3rem; }
	.check_wrap { margin-right:15px;}
	.input_box 	{ margin-bottom:10px;}
	.content { margin:30px auto 0; }
	.check 	{ margin-top:14px;}
	/* 로그인 */
	#container.container.two_contain{ padding:30px 7px 60px;}
	/** 회원가입 **/
	#container.container.two_contain.join {max-width: 100%;padding:45px 0 40px;	}
	.join .join_id 		{ font-size:0; }
	.join .join_id .id_box 	{ display:block; }
	.join .img_area img{right: 0;top: 62%;}
	.join .input_box 	{ margin-bottom:20px; }
	.join_id .input_box { margin:0; max-width:calc(100% - 28px); }
	.join .img_area 	{ width:18px; height:18px; margin-left:10px; }
	.email_area 		{ font-size:0; }
	.join .email_area span 	{ padding:16px 10px; }
	.join .email_area> div { max-width:calc(50% - 18px); }
	.phone_btn_area 	{ position:static; margin-bottom:20px; }
	.phone_chk_btn 		{ display:block; margin-right:0; }
	.phone_area .phone1{margin-right:10px;}
	.phone_area .phone2 	{ margin-right:0; }
	.phone_area .phone1 	{ width:calc(80px - 10px); }
	.phone_area .phone2 	{ width:calc(100% - 80px); }	
	.dotList li 		{ line-height:2.0rem; }
	.join .check_box 	{ margin-top:20px; padding-top:20px; }
	.error_message 		{ margin-bottom:20px; }
	.tooltip 			{  right: -4px;top: -62%;padding: 10px 16px; border-radius: 5px; }
	.tooltip .text_box 	{ font-size:1.3rem; line-height:2.0rem; }
	.tooltip .text_box:after{ left:inherit; right:0; bottom:-18px; transform:rotate(29deg) translateX(29%); }
	.label_chk.text1, .email_select .text1, .phone1 .text1 	{ font-size:1.5rem; }

	/** 아이디/비밀번호 찾기 **/
	.inquiry .submit_btn 		{ margin:0 auto 10px; }
	.inquiry .inquiry_pw_btn 	{ margin-bottom:20px; }
	/** 아이디 찾기2 **/
	.inquiry_id2 .submit_btn 	{ margin-bottom:10px; }
	.inquiry_id2 .inquiry_login_btn 	{ margin-top:20px; }
	.inquiry_id2 .inquiry_join_btn 		{ margin-top:10px; }
	/** 비밀번호 찾기2 **/
	.inquiry_pw2 .phone_area .phone2 	{ margin-right:0px; }
	/** 비밀번호 변경 **/
	.change_pw .submit_btn 		{ margin-top:20px; }
	/** 제안 **/
	#container.suggest 			{ padding:94px 0 58px; }
	.suggest .input_box 		{ margin-bottom:20px; }
	.suggest .contents 			{ margin-bottom:10px; }
	.suggest .dotList 			{ margin-bottom:10px; }
	.bottom_box .contents textarea 	{ height: 130px; }
	
	/*skin 미리보기 반영하기  jy */ 
    .phone_Wrap { width:70vw;height:65vh; margin:0 auto;}
	/* 공지사항*/
	#container.notiWrap{padding:30px 7px 60px}

	.srch_area {flex-direction:column; align-items:stretch; gap:30px;}
	.srch_area .date_box {flex-direction:column; align-items:stretch;}
	.srch_area .date_box .tit {font-size:1.5rem;}
	.srch_area .date {width:100%;}
	.srch_area .date_box button {font-size:1.4rem; height:40px;}
	.srch_area .s_period button {width:25%;}
}
@media all and (max-width:960px){

	.notiWrap .noticeList li .lstCon .ico_attch {background-size: 15px;width: 15px;height: 15px;margin: 28px 5px 5px 10px;	}
	.w_balance {margin-top:20px;}
	.w_balance dt, .w_balance dd, .w_balance button {font-size:1.4rem;}
	.w_balance dd em {font-size:2.8rem;}
	.w_balance button {padding:8px 20px;}
    .w_balance_withdraw {display: flex;  align-items: flex-end;flex-direction: column-reverse;}
    .w_balance_withdraw div{margin-top: 10px;}
    .w_balance_withdraw .saving{margin-right: 0;}
}
@media all and (max-width:720px) {
	.statisticsWrap > .top li span{font-size:1.6rem;}
	.notiWrap .schBox{width:100%; margin: 40px auto 20px;}
	.notiWrap .noticeList li{padding:0 12px; height:55px;line-height:55px;}
	.notiWrap .noticeList li .lstCon .tit,.notiWrap .noticeList li .lstCon .dateTxt,
	.notiWrap .noticeList li.noneData .lstCon,
	.notiWrap .noticeList dt .tit,.notiWrap .noticeList dt .dateTxt,.notiWrap .noticeList dd .notiView{font-size:14px;}
	.notiWrap .noticeList dt{line-height:18px; height:auto;}
	.notiWrap .noticeList dt .tit {width: 100%;float: none;text-overflow: initial;white-space:normal;margin:0 0 10px;	 }
	.notiWrap .noticeList dt .dateTxt{float:none;}
	.notiWrap .noticeList dt {padding:15px 20px;}
	.notiWrap .noticeList dd{padding: 20px 20px 40px; min-height:430px;}
	.notiWrap .noticeList dd .notiView{line-height:20px;}
	.mypageContent .profile .myMain span, .mypageContent .profile .myMain a {font-size: 1.35rem}
	.notiWrap .noticeList .attch .attchfile_name {background-size: 15px;padding-left: 20px;font-size: 14px;	}
	.notiWrap .noticeList .attch{ padding:20px ;}
	.notiWrap .noticeList li .lstCon .ico_attch{margin:20px 5px 5px 10px}

	.balance_list .lst {flex-direction:column; align-items:normal; gap:4px;}
	.balance_list .flex_l {align-items:flex-start;}
	.balance_list .flex_l .rq_date, .balance_list .flex_r .wd_date {font-size:1.3rem;}
	.balance_list .flex_l .info {gap:9px; flex-wrap:wrap;}
	.balance_list .flex_l .info span + span:before {left:-4px;}
	.balance_list .flex_l .info span {font-size:1.6rem;}
	.balance_list .flex_l .info span:last-child {width:100%;}
	.balance_list .flex_l .info span:last-child:before {display:none;}

    .mypageContent .btn_br_btn {margin:0 5px 0 0;}
}
@media all and (max-width:650px) {
	.notiWrap .noticeList li .lstCon .tit {width: calc(100% - 120px);	}
 
}
@media all and (max-width:412px) {
	.copy_link_wrap .link_copy {font-size:1.3rem;}
	.btn_phone_auth dl:after {display:none;}
    .btn_service.btn_account{position: relative;top:0;right:0;left:calc(75% - 20px);}
}
@media all and (max-width:321px) {
	.notiWrap .noticeList li .lstCon .tit,
	.notiWrap .noticeList li .lstCon .dateTxt {font-size: 13px;	}
	.notiWrap .noticeList li .lstCon .tit {	width:calc(100% - 110px);	}
}
@media all and (max-width:281px) {
	.mobGnb .inner .profile .photo{ width:70px;height:70px; }
	.mobGnb .inner .mGnb{ margin:10px 0 0;}
	.notiWrap .noticeList li .lstCon .tit {		}

}