@charset "utf-8";
/* CSS Document */
/* 로그인, 회원가입 */

.login_wrap {
    position:relative;
    width:100%;
    height:100vh;
	padding-top:50px;
    text-align:center;
    overflow:hidden;
}
.login_inner_wrap {
    position:relative;
    width:450px;
    margin:0 auto;
}
.login_inner_wrap.join {width:760px;}
.join_inner_wrap h1,
.login_inner_wrap h1 {
	font-size:3.2rem;
    font-weight:700;
    margin-bottom:40px;
}
.login_inner_wrap.join h1 {margin-bottom:20px;}
.join_inner_wrap h1 span {font-size:inherit; font-weight:inherit; color:#DC0074;}
.join_inner_wrap h2 {font-size:1.8rem; color:#666; margin-bottom:5px;}

.login_inner_wrap h2 {
    font-size:1.6rem;
    margin-bottom:70px;
}
.login_inner_wrap h3 {
	position:relative;
    font-size:1.6rem;
	font-weight:700;
    color:#767676;
    margin-bottom:25px;
	text-align:center;
}
.login_inner_wrap h3:before {
	position:absolute;
	width:130px;
	height:1px;
	background:#eee;
	content:'';
	display:block;
	top:50%;
	left:0;
}
.login_inner_wrap h3:after {
	position:absolute;
	width:130px;
	height:1px;
	background:#eee;
	content:'';
	display:block;
	top:50%;
	right:0;
}
.login_inner_wrap h2 span {font-size:inherit;font-weight:700; color:#DC0074;}
.login_inner_wrap p {font-size:1.8rem;}
.login_inner_wrap label {
	font-size:1.4rem;
	color:#767676;
	text-align:left;
	width:100%;
	display:block;
}
.login_inner_wrap input[type="text"], .login_inner_wrap input[type="password"] {
    width:100%;
    height:40px;
    border-bottom:1px solid #dbdbdb;
    display:block;
    margin-bottom:20px;
    background:#fff;
    padding:10px 0;
    font-size:1.6rem;
	border-radius:0!important;
}
.login_inner_wrap input[type="text"]:focus, .login_inner_wrap input[type="password"]:focus {border-bottom:1px solid #333;}
.join_inner_wrap input[type="text"], .join_inner_wrap input[type="password"]{
    width:570px;
    height:52px;
    border:1px solid #dbdbdb;
    border-radius:2px;
    display:inline-block;
    margin-bottom:20px;
    background:#fff;
    padding:12px;
    font-size:1.4rem;
}
.join_inner_wrap input[type="text"].emailp {width:440px;}

.join_inner_wrap select {
    width:360px;
    height:44px;
    border:1px solid #dbdbdb;
    border-radius:2px;
    display:inline-block;
    margin-bottom:20px;
    background:#fff;
    padding:12px;
    font-size:1.2rem;
}
.login_inner_wrap input::placeholder, .join_inner_wrap input::placeholder{color:#aaa;}
.login_inner_wrap img {width:100%;}
.login_div {position:relative;}
.login_div.naver {position:relative;display:inline-block}
button.btn_login_n:disabled,
button.btn_login_n:disabled:hover {
    background:#e4e4e4;
    color:#999;
}

button.btn_login_n {
	width:100%;
    height:60px;
    font-size:1.8rem;
    font-weight:700;
    margin-top:10px;
    background:#DC0074;
    color:#fff;
	border-radius:5px;
}
button.btn_login_n:hover {background:#B0045C}
button.btn_login_naver {
    width:64px;
    height:64px;
    background:#03c75a;
    border-radius:50%!important;
}
button.btn_login_naver img {width:20px;vertical-align:middle}
.ic_recentlg {
	position:absolute;
	top:20px;
	right:-110px;
}
.ic_recentlg.naver {top:13px}
.ic_recentlg {width:100px;}
.login_find {position:relative;text-align:left;margin-top:20px; margin-bottom:70px;}
.login_find li {display:inline-block; height:16px; line-height:14px;font-size:1.5rem;}
.login_find li a {color:#767676}
.login_find li a:hover {color:#333}
.login_find li:nth-of-type(1) {padding-right:12px; border-right:1px solid #e8e8e8;}
.login_find li:nth-of-type(2) {padding-left:6px;}
button.btn_join {
	position:absolute;
	top:-4px;
	right:0;
	width:72px;
	height:32px;
	color:#444;
	background:#fff;
	border:1px solid #333;
	border-radius:5px;
	font-size:1.4rem;
}
button.btn_join:hover {background:#eee}
button.btn_join_n {
    width:360px;
    height:52px;
    background:#fff;
    border:1px solid #dc0074;
    border-radius:2px;
    font-size:1.4rem;
    font-weight:700;
    color:#DC0074;
    margin-top:40px;
}

.join_wrap {
    position:relative;
    width:100%;
    min-height:100vh;
    text-align:center;
}
.join_inner_wrap {
    position:relative;
    width:720px;
    padding:70px 0;
    margin:0 auto;
}
.join_n {
    position:relative;
    width:100%;
    border-top:2px solid #333;
    padding:32px 0;
}
.join_label {
    width:150px;
    font-size:1.6rem;
    font-weight:700;
    line-height:52px;
    text-align:left;
}
.join_row {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.join_radio {
    position:relative;
    width:570px;
    display:flex;
    flex-wrap:wrap;
}
.join_radio div {
    text-align:left;
    margin-bottom:12px;
	height:42px;
}
.join_radio div:nth-of-type(4) {margin-right:150px}
.join_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
	z-index:1;

}
.join_radio label {display:inline-block;font-size:1.5rem;margin:8px 0}


.join_radio input.join_ir {
    width:464px;
    height:42px;
}


.join_check {
    position:relative;
    text-align:left;
    margin:40px auto 20px;
}
.join_check div {display:flex;flex-wrap:wrap;align-items:center}
.join_check div:nth-of-type(3) {margin-top:10px;}
.join_check .all {border-bottom:1px solid #d6d6d6;padding-bottom:16px;margin-bottom:16px;}
.join_check label {font-size:1.6rem;}
.join_check input[type="checkbox"] + label:before {display:none;}
.join_check input[type="checkbox"] + label {
    display: block;
    height: 24px;
    background: url('../images/ic_checkbox_default.svg') no-repeat 0 0px / contain;
    padding-left:35px;
}

.join_check input[type='checkbox']:checked + label {
    background: url('../images/ic_checkbox_select.svg') no-repeat 0 1px / contain;
}

.join_check input[type="checkbox"] {
    display: none;
}
.join_check button {
	font-size:1.6rem;
	text-decoration:underline;
	margin-left:5px;
	color:#999;
}
.join_box {
	position:relative;
	width:100%;
	background:#FFF0F6;
	color:#E64980;
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	padding:15px;
	margin-top:20px;
}

.btn_j_wrap {
    position:relative;
    width:416px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
button.btn_join_j {
    width:160px;
    height:52px;
    font-size:1.4rem;
    font-weight:700;
    color:#fff;
    background:#DC0074;
    border-radius:5px;
    margin:50px 10px 0 10px;
}
button.btn_join_j:hover {background:#B0045C}
button.btn_main_j {
    width:160px;
    height:52px;
    font-size:1.4rem;
    font-weight:700;
    color:#DC0074;
    background:#fff;
    border:1px solid #dc0074;
    border-radius:5px;
    margin-top:30px;
}

button.btn_cancel_j {
    width:160px;
    height:52px;
    font-size:1.4rem;
    font-weight:700;
    color:#555;
    background:#fff;
    border:1px solid #333;
    border-radius:5px;
    margin:30px 10px 0 10px;
}
button.btn_main_i {
    width:200px;
    height:52px;
    font-size:1.4rem;
    font-weight:700;
    color:#DC0074;
    background:#fff;
    border:1px solid #dc0074;
    border-radius:5px;
    margin-top:30px;
}
button.btn_join_i {
    width:200px;
    height:52px;
    font-size:1.4rem;
    font-weight:700;
    color:#fff;
    background:#DC0074;
    border-radius:5px;
    margin-top:30px;
}
button.btn_join_e {
    width:120px;
    height:52px;
    font-size:1.5rem;
	font-weight:700;
    color:#444;
    background:#fff;
    border-radius:5px;
	border:1px solid #333;
	margin-left:10px;
}
button.btn_join_e:hover {background:#eee}
.btn_join_wrap {
	width:100%;
	margin-top:60px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
button.btn_join_mail,
button.btn_join_naver {
    width:360px;
    height:200px;
	border:1px solid #ddd;
    border-radius:5px;
    font-size:1.6rem;
    font-weight:700;
	text-align:center;
}
button.btn_join_mail:hover,
button.btn_join_naver:hover {border:1px solid #333;}
button.btn_join_mail div,
button.btn_join_naver div {
	width:64px;
	height:64px;
	border-radius:50%;
	text-align:center;
	margin:0 auto;
	line-height:60px;
	margin-bottom:12px;
}
button.btn_join_mail div {background:#333;}
button.btn_join_naver div {background:#03c75a;}
button.btn_join_mail img {width:24px; vertical-align:middle;}
button.btn_join_naver img {width:20px; vertical-align:middle;}

hr.hr_join {
    width:100%;
    display:block;
    border-top:1px solid #333;
    border-bottom:0;
}


.bubble { 
    position: absolute;
    left:216px;
    top:-8px;
    -moz-animation: bubble 1.5s infinite linear;
    -webkit-animation: bubble 1.5s infinite linear; 
    -o-animation: bubble 1.5s infinite linear; 
    animation: bubble 1.5s infinite linear;
}
@-webkit-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-o-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-moz-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@-o-keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}
@keyframes 
bubble { 
    0%, 100% { top: -8px; } 
    50% { top: -14px; } 
}

/* 로그인, 회원가입 끝 */


.flex {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items:center;
}
/* my page */
.mypage_container {
	position:relative;
	width:100%;
}
.mypage_container img {width:100%;}
.mypage_top_row {
	position:relative;
	width:100%;
	text-align: right;
	padding:20px 0;
	border-bottom:1px solid #ccc;
	font-size:1.4rem;
	color:#666;
}
.mypage_nav_r_wrap {
	position:fixed;
	top:160px;
	right:calc(((100vw - 1480px)/2) - 180px);
	width:180px;
	overflow: hidden;
	text-align: center;
	z-index:999;
}
@media (max-width:1680px) {
	.mypage_nav_r_wrap {display:none}
}
.mypage_nav_r {
	position:relative;
	width:100%;
	font-size:1.4rem;
}
.mypage_nav_r > .nav_title {background:#dc0074; color:#fff; font-size:1.4rem; border-radius: 5px 5px 0 0; height:36px; line-height:36px;}
.nav_grade_wrap {
	border:1px solid #ccc;
	background:#fff;
}
.nav_grade_wrap > .nav_grade_row {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:1.3rem; 
	padding:12px 10px;
	border-bottom:1px solid #ccc;
	background:#fff;
	color:#333;
	width:100%;
}
.nav_grade_wrap > .nav_grade_row button {
	width:56px;
	height:28px;
	background:#f2f2f2;
	color:#999;
	border-radius:2px;
	font-size:1.2rem;
}
.nav_grade_wrap > .nav_grade_row button:hover {color:#fff;background:#333;}
.nav_grade_wrap > .nav_grade_row:last-child {border:0;}
.nav_grade_cell {
	width:100px;
	text-align:left;
	font-size:1.3rem;
}
.nav_grade_cell img {width:24px; vertical-align:top;}
.nav_grade_cell p {font-size:1.5rem;}
.nav_grade_cell p.gradelabel {display:inline-block;font-size:1.6rem;font-weight:700;margin-left:10px;line-height:30px;}
.nav_grade_cell p span {font-size:1.5rem; font-weight:700;}
.mypage_nav_r .mem_grade {color:#f7931e;}
.mypage_nav_r .mytop:hover {color:#dc0074;}



.mem_grade_vvip {color:#e6007f;} /* vvip */
.mem_grade_vip {color:#f7931e;} /* vip */
.mem_grade_fml {color:#00a1e9;} /* 가족 */
.mem_grade_rgl {color:#29a739;} /* 단골 */
.mem_grade_gst {color:#888;} /* 손님 */


.mypage_nav_l {
	position:relative;
	width:180px;
	float:left;
	margin-top:40px;
	color:#333;
}
.mypage_nav_top {
	position:relative;
	border-bottom:2px solid #333;
	padding-bottom:16px;
}
.mypage_nav_top a {
	font-size: 28px;
    font-weight: 700;
}
.mypage_nav_l_wrap {}
.mypage_nav_l_wrap ul {margin-top:24px;}
.mypage_nav_l_wrap ul:nth-of-type(1) {margin-top:16px;}
.mypage_nav_l_wrap ul p {
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:8px
}
.mypage_nav_l_wrap ul li {}
.mypage_nav_l_wrap ul li a {line-height:2; font-size:1.5rem;}
.mypage_nav_l_wrap ul li a:hover,
.mypage_nav_l_wrap ul li a.active {color:#dc0074}
.mypage_container {
	position:relative;
	width:960px;
	float:right;
	margin-top:40px;
	color:#333;
}
.mypage_container.wide {width:1200px}
.mypage_title {
	position:relative;
	width:100%;
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:30px;
}
.mypage_title span {
	font-size:1.4rem;
	color:#666;
	margin-left:24px;
	vertical-align:middle;
}
.mypage_title span a.pink {margin:0;color:#dc0074; display:inline;}

.mypage_cont {
	position:relative;
	width:100%;
}
.mypage_order_search {
	width:100%;
	background:#F8F9FA;
	padding:20px 25px;
	margin-bottom:30px
}
.mypage_order_search_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center
}
.mypage_order_search label {
	font-size:1.5rem;
	font-weight:700;
	line-height:42px;
	margin-right:8px;
}
.mypage_order_search select {
	border:1px solid #d6d6d6;
	width:120px;
	height:42px;
	background:#fff;
	padding:0 14px;
	font-size:1.4rem;
	border-radius:5px;
}
.mypage_order_search input{
	border:1px solid #d6d6d6;
	height:42px;
	background:#fff;
	padding:0 14px;
	font-size:1.4rem;
	border-radius:5px;
	-webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.mypage_order_search input[type="date"],
.mypage_order_search input.flatpickr-input,
.mypage_order_search input.flatpickr-input.active,
.mypage_order_search input.flatpickr-input:focus {
	width: 140px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}
.mypage_order_search input[type="text"]:not(.flatpickr-input),  
.mypage_order_search input[type="search"] {width: 250px;}
.mypage_order_search input::placeholder {color:#999;}
.mypage_order_search input:hover {cursor:pointer;}

.mypage_order_search_row span {padding:0 5px; line-height:42px; font-size:1.4rem;}

.btn_row {margin-left:10px; display:flex;}
.btn_row button {
	width:72px;
	height:42px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
	background:#fff;
	margin-right:5px;
}
.btn_row button.active {border:1px solid #DC0074; color:#dc0074; display:inline-block;}
.btn_row2 {margin:30px 0; text-align:center;}
.btn_row2 button {
	width:72px;
	height:40px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
}
.btn_row2 button:hover {
	color:#fff;
	background: #333;
}
button.btn_order_sch {
	background: #333;
	color:#fff;
	border:1px solid #333;
	width:100px;
	height:42px;
	font-size:1.3rem;
	font-weight:700;
	margin-left:20px;
	border-radius:5px;
}
button.btn_error {border:0; background:#eee;}

.mypage_box_none {
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	color:#333;
	padding:39px 0 64px 0;
	border-bottom:1px solid #D6D6D6
}

.mypage_order_list {
	width:100%;
}

.mypage_order_list thead {
	border-bottom:1px solid #DC0074;
	
}
.mypage_order_list thead tr td {
	width:120px;
	background: #DC0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.mypage_order_list thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#333;
	padding:5px 0 5px 10px; 
}
.mypage_order_list tbody tr {border-bottom:1px solid #ccc;}
.mypage_order_list tbody tr th {border-top:1px solid #dc0074; border-bottom:1px solid #ccc; padding:20px; font-size:1.6rem; background:#fafafa;}
.mypage_order_list tbody tr td {text-align:center; padding:20px; border-bottom:1px solid #ccc; font-size:1.4rem; line-height:170%;}
.mypage_order_list tbody tr th:nth-child(1){width:120px;}
.mypage_order_list tbody tr th:nth-child(2){width:540px;}
.mypage_order_list tbody tr th:nth-child(3){width:140px;}
.mypage_order_list tbody tr th:nth-child(4){width:100px;}
.mypage_order_list tbody tr th:nth-child(5){width:100px;}

.mypage_order_list tbody tr td:nth-child(1){width:120px; padding:20px 10px}
.mypage_order_list tbody tr td:nth-child(1) a{text-decoration: underline;}
.mypage_order_list tbody tr td:nth-child(1) a:hover{color:#dc0074}
.mypage_order_list tbody tr td:nth-child(2){width:540px; word-break: keep-all; text-align:left;}
.mypage_order_list tbody tr td:nth-child(3){width:140px;}
.mypage_order_list tbody tr td:nth-child(4){width:100px;}
.mypage_order_list tbody tr td:nth-child(5){width:100px;}


/* 0520 edit */
.mypage_order_list_0520 {
	width:100%;
	margin-bottom:30px;
}

.mypage_order_list_0520 thead {
	border-bottom:1px solid #dc0074;
	
}
.mypage_order_list_0520 thead tr td {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.mypage_order_list_0520 thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#333;
	padding:5px 0 5px 10px; 
}
.mypage_order_list_0520 tbody tr {border-bottom:1px solid #d6d6d6;}
.mypage_order_list_0520 tbody tr th {border-top:2px solid #333; border-bottom:1px solid #333;  font-size:1.5rem; background:#fff; font-weight:700; height:52px;}


.mypage_order_list_0520 tbody tr th:nth-child(1){width:55%;}
.mypage_order_list_0520 tbody tr th:nth-child(2){width:15%}
.mypage_order_list_0520 tbody tr th:nth-child(3){width:15%}
.mypage_order_list_0520 tbody tr th:nth-child(4){width:15%}


.mypage_order_list_0520 tbody tr td {text-align:center; border-bottom:1px solid #d6d6d6; font-size:1.4rem; line-height:170%; border-right:1px solid #d6d6d6; height:84px;}
.mypage_order_list_0520 tbody tr td:last-child {border-right:0}
.mypage_order_list_0520 tbody tr td p {font-size:1.4rem;}
.mypage_order_list_0520 tbody tr td:nth-child(1) {position:relative; padding:20px 0 !important;}
.mypage_order_list_0520 tbody tr td:nth-child(1) a {font-size:1.4rem;text-decoration: underline;}

.mypage_order_list_0520 tbody tr td:nth-child(1) > .orderimg {display:inline-block;width:130px; margin-right:12px; vertical-align:top}
.mypage_order_list_0520 tbody tr td:nth-child(1) > .orderimg:hover {cursor: url("../images/zoomin.cur"), default;}
.mypage_order_list_0520 tbody tr td:nth-child(1) > .orderimg > img {
	width:100%;
}
.mypage_order_list_0520 tbody tr td:nth-child(1) > .orderimg > img.x2 {
	position:absolute;
	width:350px;
	height:auto;
	cursor: url("../images/zoomout.cur"), default;
	box-shadow: 5px 5px 10px #cccccc66;
	z-index:2;
}
.mypage_order_list_0520 tbody tr td:nth-child(1) > .ordercont {display:inline-block;width:calc(100% - 160px); vertical-align:top}
.mypage_order_list_0520 tbody tr td:nth-child(1) a:hover{color:#dc0074}
.mypage_order_list_0520 tbody tr td:nth-child(1){width:55%; word-break: keep-all; text-align:left; color:#666;}
.mypage_order_list_0520 tbody tr td:nth-child(1) span{color:#333; font-weight:700; margin-right:2px; font-size:1.4rem;}
.mypage_order_list_0520 tbody tr td:nth-child(1) p.title {margin-top:12px;margin-bottom:7px;}
.mypage_order_list_0520 tbody tr td:nth-child(1) a {color:#666;}
.mypage_order_list_0520 tbody tr td:nth-child(2){width:15%; font-weight:700;}
.mypage_order_list_0520 tbody tr td:nth-child(3){width:15%; font-size:1.4rem}
.mypage_order_list_0520 tbody tr td:nth-child(4){width:15%;}
.mypage_order_list_0520 tbody tr td:nth-child(4) p {font-weight:700;}


/* 0520 edit */

.mypage_blank {
	clear:both;
	height:150px;
}


.mypage_list {width:100%;margin-bottom:30px;}
.mypage_list thead {
	border-bottom:1px solid #dc0074;
	
}
.mypage_list thead tr td {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.mypage_list thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#333;
	padding:5px 0 5px 10px;
	font-size:1.4rem;
}
.order_list_txt {
	width:auto;
	background: #fff;
	text-align: left;
	color:#333;
	padding:5px 0 5px 10px;
	font-size:1.4rem;
}

.mypage_list tbody tr {border-bottom:1px solid #d6d6d6;}
.mypage_list tbody tr th {border-top:2px solid #333; border-bottom:1px solid #333; font-size:1.5rem; font-weight:700; background:#fff; height:52px;}
.mypage_list tbody tr td {font-size:1.4rem; text-align:center; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; line-height:170%; height:84px;}
.mypage_list tbody tr td:last-child {border-right:0;}
.mypage_list tbody tr td span {font-size:1.4rem;}
.mypage_list tbody tr td:nth-child(1) a{text-decoration: underline;}
.mypage_list tbody tr td:nth-child(1) a:hover{color:#dc0074}
.mypage_list button:hover {background: #333; color:#fff; border:0;}
.mypage_blank {
	clear:both;
	height:100px;
}
.red {color:#ff0000;}
.paylist tbody tr th:nth-child(1){width:15%;}
.paylist tbody tr th:nth-child(2){width:45%;}
.paylist tbody tr th:nth-child(3){width:10%;}
.paylist tbody tr th:nth-child(4){width:10%;}
.paylist tbody tr th:nth-child(5){width:10%;}
.paylist tbody tr th:nth-child(6){width:10%;}

.paylist tbody tr td:nth-child(1){width:15%;}
.paylist tbody tr td:nth-child(1) a {text-decoration:underline;}
.paylist tbody tr td:nth-child(2){width:45%; word-break: keep-all; text-align:left; padding:20px 15px; color:#666;}
.paylist tbody tr td:nth-child(2) span {font-size:1.4rem; font-weight:700; color:#333; margin-right:2px}
.paylist tbody tr td:nth-child(3){width:10%;}
.paylist tbody tr td:nth-child(4){width:10%;}
.paylist tbody tr td:nth-child(5){width:10%; font-weight:700}
.paylist tbody tr td:nth-child(6){width:10%;}

button.btn_pay {width:62px; height:32px; background:#fff; color:#DC0074; border:1px solid #DC0074; font-size:1.2rem; border-radius:5px;}
button.btn_pay:hover {background:#FFE6F0;color:#DC0074; border:1px solid #DC0074; }
button.btn_del {width:62px; height:32px; background:#fff; color:#444; border:1px solid #ccc; font-size:1.2rem; border-radius:5px;}
button.btn_del:hover {background:#eee;border:1px solid #ccc;color:#444;}
button.btn_del img {width:auto;height:16px;vertical-align:top;margin-right:5px;margin-top:2px;}
button.btn_pay.paylist,
button.btn_del.paylist {width:68px;height:36px;font-size:1.4rem;margin:7px 0}
button.btn_edit {width:62px; height:32px; background:#fff; color:#DC0074; font-size:1.2rem; border:1px solid #DC0074; border-radius:5px;}
button.btn_edit:hover {background:#FFE6F0;color:#DC0074; border:1px solid #DC0074; }

.confirm tbody tr th:nth-child(1){width:10%;}
.confirm tbody tr th:nth-child(2){width:15%;}
.confirm tbody tr th:nth-child(3){width:45%;}
.confirm tbody tr th:nth-child(4){width:10%;}
.confirm tbody tr th:nth-child(5){width:10%;}
.confirm tbody tr th:nth-child(6){width:10%;}

.confirm tbody tr td:nth-child(1){width:10%;}
.confirm tbody tr td:nth-child(2){width:15%;}
.confirm tbody tr td:nth-child(3){width:45%; word-break: keep-all; text-align:left; padding:20px 15px; color:#666;}
.confirm tbody tr td:nth-child(3) span {color:#333; font-weight:700; margin-right:2px}
.confirm tbody tr td:nth-child(3):hover, .confirm tbody tr td:nth-child(4):hover{text-decoration:underline; cursor:pointer;}
.confirm tbody tr td.linenone:hover{text-decoration:none;cursor:default}
.confirm tbody tr td:nth-child(4){width:10%; font-weight:700;}
.confirm tbody tr td:nth-child(5){width:10%;}
.confirm tbody tr td:nth-child(5) p {font-size:1.4rem}
.confirm tbody tr td:nth-child(6){width:10%;}

.receipt tbody tr th:nth-child(1){width:10%;}
.receipt tbody tr th:nth-child(2){width:15%;}
.receipt tbody tr th:nth-child(3){width:45%;}
.receipt tbody tr th:nth-child(4){width:10%;}
.receipt tbody tr th:nth-child(5){width:10%;}
.receipt tbody tr th:nth-child(6){width:10%;}

.receipt tbody tr td:nth-child(1){width:10%;}
.receipt tbody tr td:nth-child(2){width:15%;}
.receipt tbody tr td:nth-child(3){width:45%; word-break: keep-all; text-align:left; padding:20px 15px; color:#666;}
.receipt tbody tr td:nth-child(3) span {color:#333; font-weight:700; margin-right:2px}
.receipt tbody tr td:nth-child(4){width:10%; font-weight:700;}
.receipt tbody tr td:nth-child(5){width:10%; font-weight:700}
.receipt tbody tr td:nth-child(6){width:10%;}

.delivery tbody tr th:nth-child(1){width:120px;}
.delivery tbody tr th:nth-child(2){width:470px;}
.delivery tbody tr th:nth-child(3){width:140px;}
.delivery tbody tr th:nth-child(4){width:130px;}
.delivery tbody tr th:nth-child(5){width:140px;}

.delivery tbody tr td:nth-child(1){width:120px; padding:20px 10px}
.delivery tbody tr td:nth-child(2){width:470px; word-break: keep-all; text-align:left;}
.delivery tbody tr td:nth-child(3){width:140px;}
.delivery tbody tr td:nth-child(4){width:130px;}
.delivery tbody tr td:nth-child(5){width:140px; word-break: keep-all; }
.delivery tbody tr td:nth-child(5) p span {text-decoration:underline; color:#666;}

.billing {font-size:1.6rem; margin:50px 0;}

.billing_cau { 
	margin:30px 0;
	border:10px solid #F8F9FA;
	font-size:1.4rem;
	width:100%;
	padding:20px;
	color:#333;
}
.billing_cau p {
	font-size:1.4rem;
	font-weight:700;
	padding-bottom:10px;
}
.billing_cau li {
	padding:3px 0;
	font-size:1.4rem;
	color:#666;
	list-style-position:inside;
}
.billing_cau h5 {
	font-size:1.4rem;
	color:#666;
	line-height:180%;
	margin-bottom:20px;
}
.billing_cau h5:nth-last-of-type(1) {margin:0;}

/* 영수증 신청 팝업 230102 */

.billing_wrap {
	width:960px;
	height:500px;
	padding:40px;
	background:#fff;	
}
.billing_wrap.done {
	padding:50px;
	text-align:center;
}
.billing_wrap.done h1 {font-size:2.4rem;font-weight:700;margin-bottom:12px;}
.billing_wrap.done h2 {font-size:1.6rem;color:#666;}
.billing_title {font-size:2rem;font-weight:700;margin-bottom:12px;}
.billing_box {width:100%;border-top:2px solid #333;}
.billing_row {
	width:100%;
	height:64px;
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid #D6D6D6;
	overflow:hidden;
}
.billing_label {
	width:180px;
	height:64px;
	background:#F8F9FA;
	font-size:1.6rem;
	font-weight:700;
	line-height:36px;
	padding:12px;
}
.billing_cont {
	padding:12px 20px;
}
.billing_row input[type="radio"] {
    position: absolute;
    opacity: 0;
	z-index:1;
}
.billing_row label {display:inline-block; line-height:40px; font-size:1.5rem; margin-right:42px;}
.billing_row input[type="radio"] + label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 2px solid #666;
    display: inline-block;
    width: 20px;
    height: 20px;
	top:10px;
    position: relative;
    margin-right: 6px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.billing_row input[type="radio"]:checked + label:before {
    background-color: #dc0074;
    box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #dc0074;
}
.billing_row input[type="radio"]:focus + label:before {
    outline: none;
    border-color: #dc0074;
}
.billing_row input[type="radio"]:disabled + label:before {
    box-shadow: inset 0 0 0 3px #fff;
    border-color: #d8d8d8;
    background: #d8d8d8;
}
.billing_row input[type="radio"] + label:empty:before {
    margin-right: 6px;
}
.billing_row input[type="text"] {
	border:1px solid #d6d6d6;
	width:380px;
	height:40px;
	padding:0 14px;
}
button.btn_billing {
	width:120px;
	height:52px;
	background:#dc0074;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	margin-top:20px;
}
button.btn_billclose {
	width:100px;
	height:42px;
	background:#333;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
}

.aplist tbody tr th:nth-child(1){width:15%;}
.aplist tbody tr th:nth-child(2){width:15%;}
.aplist tbody tr th:nth-child(3){width:15%;}
.aplist tbody tr th:nth-child(4){width:55%;}

.aplist tbody tr td:nth-child(1){width:15%;}
.aplist tbody tr td:nth-child(2){width:15%;}
.aplist tbody tr td:nth-child(3){width:15%;}
.aplist tbody tr td:nth-child(3) span {font-weight:700;}
.aplist tbody tr td:nth-child(4){width:55%; word-break: keep-all; text-align:left; padding:20px 15px;}
.mypoint {
	position:relative;
	width:100%;
	padding:40px 0;
	border: 10px solid #F8F9FA;
	text-align:center;
}
.mypoint.acash {width:590px;}
.mypoint p {font-size:1.6rem; color:#333; display:inline-block; vertical-align:middle; margin-right:16px; font-weight:700;}
.pointNum {font-size:2.2rem; font-weight:700; color:#dc0074; display:inline-block; vertical-align:middle;}
.pointNum span {color:#333;font-weight:700}
.acash_exchange {
	width:590px;
	height:133px;
	margin-left:20px;
	background:url('../images/img_apchangeban.jpg');
	background-size:contain;
	background-position:center center;	
	background-repeat:no-repeat;
	background-color:#05AABF
}

.exchange_wrap {
	position:relative;
	width:100%;
	padding:40px 50px;
	background:#F8F9FA;
}
.exchange_box {
	position:relative;
	width:460px;
	height:90px;
	border:1px solid #EDEDED;
	background:#fff;
	text-align:center;
	justify-content:center;
}
.exchange_box p, .exchange_wrap ol p {font-size:1.6rem;font-weight:700;margin-right:15px;}
.exchange_arrow {width:50px;text-align:center;}
.exchange_arrow img {width:24px;}
.exchange_wrap ol p {margin-bottom:10px;}
.exchange_box h3 {font-size:1.6rem;margin-left:4px;}
.exchange_box h2 {font-size:2.4rem;font-weight:700;color:#dc0074}
.exchange_box input {
	width:160px;
	height:42px;
	border:1px solid #D6D6D6;
	padding:0 10px;
	font-size:1.4rem;
}
.exchange_box input::placeholder {color:#999}
button.btn_exchg {width:120px;height:90px;margin-left:10px;font-size:1.6rem;font-weight:700;color:#fff;background:#333}
button.btn_exchg:hover {background:#000}
.exchange_wrap ol {list-style-position:inside;margin-top:50px;}
.exchange_wrap ol li {font-size:1.5rem; color:#666; line-height:1.8}
.myinfo_title, .cs_title {
	font-size:2rem;
	font-weight:700;
	margin-bottom:16px;
	position:relative;
}
.myinfo_title span {margin-left:24px;color:#666;font-size:1.5rem;vertical-align:top;line-height:2}
.myinfo_title > button.btn_comdel {width:92px; height:44px; background:#fff; color:#444; font-size:1.5rem;font-weight:700;border:1px solid #333; border-radius:5px;position:absolute;top:-15px;right:0;}
.myinfo_title > button.btn_comdel img {width:20px;vertical-align:top;}
.myinfo_title > button.btn_comdel:hover {background:#eee;}
.myinfo_form {
	width:100%;
	border-top:1px solid #DC0074;
	margin:0 auto;
	text-align: center;
	margin-bottom:100px;
}
.myinfo_form_line {
	display:block;
	width:100%;
	height:1px;
	background:#333;
}
.myinfo_form_box {margin-bottom:40px;}
.myinfo_form_row {
	width:100%;
	position:relative;
	display: flex;
	flex-wrap:wrap;
	border-bottom:1px solid #D6D6D6;
}
.myinfo_form_row:last-child {margin-bottom:0}
.myinfo_form_l {
	width:200px;
	font-size:1.6rem;
	font-weight:500;
	text-align: left;
	background:#F8F9FA;	
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-left:30px;
	min-height:84px;
}
.myinfo_form_r {
	width:1000px;
	font-size:1.6rem;
	text-align: left;
	display:flex;
	flex-wrap:wrap;
	padding:16px 30px;
}
.myinfo_form_r p {font-size:1.6rem;font-weight:700;line-height:52px;}
.myinfo_form_r input {
	padding:12px;
	width:700px;
	outline:none;
	height:52px;
	border:1px solid #d6d6d6;
	background:#fff;
	border-radius:5px;
	font-size:1.5rem;
	color:#333;
}
.myinfo_form_r input::placeholder{color:#999;}

.myinfo_form_r input[type="button"] {background: #DC0074;}
.myinfo_form_r input[type="button"]:hover {background: #fff; border:1px solid #DC0074; color:#dc0074;}
.myinfo_form_r label {padding-left:0;}
.myinfo_form_r span.lbyn {display:inline-block; width:110px; font-size:1.5rem; font-weight:700;}
.myinfo_form_r input[type="checkbox"] + label{display:inline-block; margin-right:12px;}
.myinfo_form_r input[type="checkbox"] + label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 2px solid #666;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top:0;
    margin-right: 6px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
	content: "";
}
.myinfo_form_r input[type="checkbox"]:checked + label:before {
    background-color: #DC0074;
    box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #DC0074;
	content: "";
}
.myinfo_form_r input[type="checkbox"]:focus + label:before {
    outline: none;
    border-color: #DC0074;
}
.myinfo_form_r input[type="checkbox"]:disabled + label:before {
    box-shadow: inset 0 0 0 3px #fff;
    border-color: #d8d8d8;
    background: #d8d8d8;
}
.myinfo_form_r input[type="checkbox"] + label:empty:before {
    margin-right: 6px;
}
.myinfo_form_r.refund {
	display:flex;
	justify-content: space-between;
}
.myinfo_form_r.refund input:nth-of-type(1) {width:180px}
.myinfo_form_r.refund input:nth-of-type(2) {width:350px}
.myinfo_form_r.refund input:nth-of-type(3) {width:240px}



.myinfo_form_add_t {
	position:relative;
	width:345px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:10px;
}
.myinfo_form_add_t input {width:235px}
.myinfo_form_add_t button {
	width:100px;
	height:52px;
	background:#fff;
	color:#444;
	font-size:1.5rem;
	border-radius:5px;
	border:1px solid #333
}
.myinfo_form_add_t button:hover {background:#EFEFEF}
.myinfo_form_add_b {
	position:relative;
	width:700px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.myinfo_form_add_b input[type="text"]:nth-of-type(1) {width:345px}
.myinfo_form_add_b input[type="text"]:nth-of-type(2) {width:345px;margin-left:10px}
.myinfo_form_30sec {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	padding:30px;	
	background:#E7F5FF;
	border-radius:5px;
	margin-bottom:30px;
	margin-top:20px;
}
.myinfo_form_30sec .join_30 {
	width:170px;
	color:#1C7ED6;
}
.myinfo_form_30sec .join_30 p {font-size:1.5rem;margin-bottom:5px;color:#1C7ED6}
.myinfo_form_30sec .join_30 h5 {font-size:1.8rem;font-weight:700;color:#1C7ED6}

.myinfo_join_form {
	display:flex;
	flex-wrap:wrap;
	width:970px;
	justify-content:space-between;
	padding-left:30px;
}
.myinfo_join_box {
	display:flex;
	flex-wrap:wrap;
	width:200px;
	align-items:center;
}
.myinfo_join_box.w100 {width:100%;margin-bottom:30px}
.myinfo_join_box.x2 {width:510px}
.myinfo_join_box .lb {
	font-size:1.6rem;
	font-weight:700;
	width:200px;
	padding-right:42px;
	padding-bottom:4px;
}
.myinfo_join_select select {
	padding:12px 8px;
	width:200px;
	outline:none;
	border:1px solid #d6d6d6;
	margin:0;
	height:52px;
	background:#fff;
	border-radius:5px;
	font-size:1.5rem;
	color:#333;
}
.myinfo_join_select select option {font-size:1.5rem}

.myinfo_join_box.x2 input {
	padding:12px;
	width:510px;
	outline:none;
	height:52px;
	border:1px solid #d6d6d6;
	background:#fff;
	border-radius:5px;
	font-size:1.5rem;
	color:#333;
}


/* 0630 추가 */
.myinfo_join_wrap {
    position:relative;
	width:calc(100% - 52px);
}
.myinfo_join_wrap h2 {font-size:1.6rem; color:#dc0074;}
.myinfo_join_wrap h2 span {font-size:1.6rem; font-weight:700;}
.myinfo_join_label {
    width:120px;
    font-size:1.5rem;
    font-weight:700;
    line-height:52px;
    text-align:left;
}
.myinfo_join_label_ib {
	width:50px;
    font-size:1.5rem;
    font-weight:700;
    line-height:52px;
    text-align:left;
}
.myinfo_join_row {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
	padding:5px 0;
}
.myinfo_join_row.just {
    position:relative;
    width:100%;
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}
.myinfo_join_row input[type="text"] {width:calc(100% - 50px);}
.myinfo_join_radio {
    position:relative;
    display:flex;
    flex-wrap:wrap;
	align-items:center
}
.myinfo_join_radio div {
    text-align:left;

}
.myinfo_join_radio label {font-size:1.6rem;line-height:1.2}

button.btn_change {width:120px; height:52px; background:#dc0074; color:#fff; font-size:1.6rem; font-weight:700; border-radius:5px;}
button.btn_change:hover {background:#B0045C;}

button.btn_comdel2 {width:120px; height:52px; background:#a2a2a2; color:#fff; font-size:1.6rem; font-weight:700; border-radius:5px;}
button.btn_comdel2:hover {background:#676767;}
.addlist_tab {
	position:relative;
	width:100%;	
	margin-bottom:30px;
}
.addlist_tab ul {
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.addlist_tab ul li.on_slt {
	background: #333;
	color:#fff;
	border:1px solid #333;
}
.addlist_tab ul li {
	width:118px;
	height:44px;
	background: #fff;
	text-align: center;
	color:#999;
	border:1px solid #CACACA;		
	font-size:1.6rem;
	padding:9px 0;
	border-radius:22px;
	margin-right:10px;
}
.addlist_tab ul li:hover {cursor:pointer;}

.addlist tbody tr th:nth-child(1){width:4%;}
.addlist tbody tr th:nth-child(2){width:12%;}
.addlist tbody tr th:nth-child(3){width:12%;}
.addlist tbody tr th:nth-child(4){width:12%;}
.addlist tbody tr th:nth-child(5){width:45%;}
.addlist tbody tr th:nth-child(6){width:15%;}


.addlist tbody tr td:nth-child(1){width:4%;}
.addlist tbody tr td:nth-child(2){width:12%;}
.addlist tbody tr td:nth-child(2) p {font-size:1.2rem; color:#FF76BE; display:block;}
.addlist tbody tr td:nth-child(3){width:12%;}
.addlist tbody tr td:nth-child(4){width:12%;}
.addlist tbody tr td:nth-child(4) p {font-size:1.4rem} 
.addlist tbody tr td:nth-child(5){width:45%; padding:20px 15px; word-break: keep-all; text-align:left;}
.addlist tbody tr td:nth-child(5) span{margin-right:5px;}
.addlist tbody tr td:nth-child(6){width:15%;}


.addlist input[type="checkbox"] + label {text-align:center;padding:0}


.address_btn_wrap {
	position:relative;
	width:100%;
	height:44px;
}

.address_btn_wrap button {width:92px; height:44px; font-size:1.4rem; font-weight:700;border-radius:5px;}
button.btn_default {width:120px; position:absolute; top:0; right:0; background:#dc0074; color:#fff;}
button.btn_default:hover {background:#B0045C}
button.btn_add_del {position:absolute; top:0; right:130px; background:#A2A2A2; color:#fff; border:0}
button.btn_add_del:hover {background:#676767;}
button.btn_add_add {position:absolute; top:0; left:0; background:#fff; color:#DC0074; border:1px solid #DC0074;}
button.btn_add_add:hover {background:#FFE6F0}


.cs tbody tr th:nth-child(1){width:120px;}
.cs tbody tr th:nth-child(2){width:680px;}
.cs tbody tr th:nth-child(3){width:120px;}
.cs tbody tr th:nth-child(4){width:120px;}

.cs tbody tr td:nth-child(1){width:120px;}
.cs tbody tr td:nth-child(2){width:680px; word-break: keep-all; text-align:left;}
.cs tbody tr td:nth-child(3){width:120px;}
.cs tbody tr td:nth-child(4){width:120px;}
button.btn_cs {width:120px; height:50px; background:#dc0074; border-radius:10px; color:#fff; margin:40px 5px; font-size:1.6rem;}
button.btn_cs:hover {background:#fff; color:#dc0074; border:1px solid #dc0074;}

.cs_wrap {}
.cs_row {
	display:block;
	width:100%;
	position:relative;
}
.point_wrap {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cs_row > .title {
	width:100%;
	position:relative;
	font-size:2rem;
	font-weight:700;
	border-bottom:2px solid #333;
	padding-bottom:10px;
	margin-bottom:20px;
}
.cs_left {
	display:inline-block;
	width:200px;
	background:#eee;
	font-size:1.4rem;
	padding:20px;
}
.cs_right, .cs_right2 {
	display: inline-block;
	font-size:1.4rem;
	font-weight:700;
}
.cs_right {width:290px; padding:20px;}
.cs_right2 {width:auto; padding:10px 20px;}

/*
.cs_right2 label {
	background: #fff;
	padding:8px 10px;
	border-radius: 5px;
	color:#dc0074;
	border:1px solid #dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.cs_right2 label:hover {
	background:#dc0074; 
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.cs_right2 input[type="file"] {
	display: none;
}
*/

.cs_right2 .cs_file {
	width:100%;
  display:inline-block;
  background:#dc0074;
  color:#fff;
  padding:0px 15px;
  line-height:35px;
  cursor:pointer;
  -webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	text-align:center;
	border-radius:5px;
	border:1px solid #dc0074;
}

.cs_right2 .cs_file:before{
  content:"파일선택 +";
}

.cs_right2 .cs_file:hover {
	background: #fff;
	border:1px solid #dc0074;	
	color:#dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}

.cs_right2 .input_file {
  display:none;
}

.cs_right2 .filename{
  display:inline-block;
  padding-left:10px;
}



.cs_text {
	width:750px;
	border-bottom:1px solid #333;
	padding:8px;
}
.cs_write {
	width:960px;
	height:400px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
	resize:vertical;
	margin:20px;
}
.cs_row2 {
	text-align: center;
	margin:40px 0;
}
.btn_cs_sbm {
	background: #dc0074;
	font-size:1.5rem;
	color:#fff;
	padding:10px;
	width:120px;
	height:52px;
	cursor: pointer;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.btn_cs_sbm:hover {background:#B0045C}
input.btn_cs_rst {
	background: #A2A2A2;
	font-size:1.5rem;
	color:#fff;
	padding:10px;
	width:120px;
	height:52px;
	cursor: pointer;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
input.btn_cs_rst:hover {background:#676767}



.myreview tbody tr th:nth-child(1){width:700px;}
.myreview tbody tr th:nth-child(2){width:150px;}
.myreview tbody tr th:nth-child(3){width:150px;}

.myreview tbody tr td:nth-child(1){width:700px; word-break: keep-all; text-align:left;}
.myreview tbody tr td:nth-child(2){width:150px;}
.myreview tbody tr td:nth-child(3){width:150px;}
.myreview tbody tr td:nth-child(3) img{width:20px; height:20px;}

.myreview2 tbody tr th:nth-child(1){width:300px;}
.myreview2 tbody tr th:nth-child(2){width:400px;}
.myreview2 tbody tr th:nth-child(3){width:150px;}
.myreview2 tbody tr th:nth-child(4){width:150px;}

.myreview2 tbody tr td:nth-child(1){width:300px; word-break: keep-all; text-align:left;}
.myreview2 tbody tr td:nth-child(2){width:400px;}
.myreview2 tbody tr td:nth-child(3){width:150px;}
.myreview2 tbody tr td:nth-child(4){width:150px;}
.myreview2 tbody tr td:nth-child(4) img {width:20px; height:20px;}

.myreview_nav {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	height: 40px;
	user-select: none;
	border:1px solid #dc0074;
}
.myreview_nav:after {
	content: "";
		width: 50%;
		background: #dc0074;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 250ms ease-in-out;
		border-radius: 20px;
}
.myreview_nav.slide:after{
		left: 50%;
}
.myreview_nav li {
	font-size: 14px;
	line-height:28px;
	font-weight:700;
	color: #333;
	text-align: center;
	position: relative;
	z-index: 1;
	padding:5px 20px;
	cursor: pointer;
	display: inline-block;
	transition: color 250ms ease-in-out;
	user-select: none;
}
.myreview_nav li.active {color:#fff;}
.myreview_text {clear:both;width:100%;padding:30px 0;}
#myreview {display: none;}
.myreview_write {
	width:720px;
	height:680px;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	border-radius: 5px;
	padding:40px;
}
.myreview_write h1 {
	padding:5px 0;
	border-bottom:2px solid #333;
}

.myreview_form {
	position:relative;
	width:100%;
	
}
.myreview_form textarea{
	width:100%;
	height:170px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
	margin:10px 0;
	resize:vertical;
}
.myreview_photo {
	width:200px;
	background: #fff;
	padding:8px 10px;
	border:1px solid #dc0074;
	border-radius: 5px;
	color:#dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.myreview_photo:hover {
	background:#dc0074; 
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.myreview_form input[type="file"] {
	display: none;
}
.draw_left {
	display:inline-block;
	width:200px;
	height:180px;
	background:#eee;
	font-size:1.4rem;
	padding:20px;
	vertical-align: top;
}
.draw_right {
	width:100%;
	border-bottom:1px solid #d6d6d6;
	padding:16px 0;
	margin-bottom:60px;
	display:flex;
	flex-wrap:wrap;
}
.draw_form {
	position:relative;
	height:52px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.draw_form label {display:inline-block; font-size:1.5rem;margin-left:24px;}

.draw_form input[type="text"] {
	border:1px solid #d6d6d6;
	width:400px;
	height:52px;
	padding:0 14px;
	font-size:1.4rem;
}
.draw_blank {
	width:100%;
	height:40px;
	border-bottom:1px solid #dc0074;
}
.withdraw_txt p {font-size:1.4rem;line-height:1.8}
.withdraw_cau {
	width:100%;
	background:#F8F9FA;
	padding:30px;
	margin-top:30px;
}
.withdraw_cau p {font-size:1.5rem;font-weight:700;margin-bottom:5px;}
.withdraw_cau li {
	font-size:1.4rem;
	font-weight:700;
	list-style-position:inside;
	line-height:1.8
}
.withdraw_cau li span {color:#666;padding-left:5px}
.caution h3 {font-size:1.4rem; margin-top:5px;}
.caution p {padding-left:15px; color:#666;}

.refund2 tbody tr th {width:20%}
.refund2 tbody tr td {width:20%}

.refund2 tbody tr td:nth-child(3) span {font-size:1.2rem;}
.refund2 tbody tr td:nth-child(5) span {font-size:1.2rem;}
input[type="button"].btn_refund {background: #dc0074; color:#fff; width:120px; height:52px;border:0;}
input[type="button"].btn_refund:hover {background:#B0045C;color:#fff;border:0;}

.account tbody tr th:nth-child(1){width:150px;}
.account tbody tr th:nth-child(2){width:500px;}
.account tbody tr th:nth-child(3){width:200px;}
.account tbody tr th:nth-child(4){width:150px;}

.account tbody tr td:nth-child(1){width:150px;}
.account tbody tr td:nth-child(2){width:500px;word-break: keep-all;}
.account tbody tr td:nth-child(3){width:200px;}
.account tbody tr td:nth-child(4){width:150px;}


/* cs */
.cs_nav {
	position:relative;
	width:180px;
	float:left;
	margin-top:40px;
}
.cs_nav_top {
	position:relative;
	border-bottom:2px solid #333;
	padding-bottom:16px;
}
.cs_nav_top a {
	font-size: 24px;
    font-weight: 700;
}
.cs_nav ul {margin-top:16px;}
.cs_nav ul li {
	width:100%;
	color:#333;
	font-size:1.7rem;	
	margin-bottom:24px;
}
.cs_nav ul li a {font-size:1.7rem;font-weight:700}
.cs_nav ul li a.active,
.cs_nav ul li a:hover {color:#dc0074}
.cs_nav ul li img {vertical-align:bottom;margin-left:5px;padding-bottom:2px;}

.cs_container {
	position:relative;
	width:960px;
	float:right;
	margin-top:40px;
}
.cs_container.wide {width:1200px;}
.cs_title_top {
	font-size:2.6rem;
	font-weight:700;
	color:#333;
}
.cs_cont {
	position:relative;
	width:100%;
}
.cs_contact {
	margin-top:55px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.cs_contact_l {position:relative; width:240px; font-size:1.8rem; font-weight:700; color:#333;}
.cs_contact_r {position:relative; width:960px;}
.cs_row_c {width:100%; margin-bottom:50px; }
.cs_row_c h2 {font-size:3.2rem; font-weight:700; color:#dc0074;}
.cs_row_c ul {display:inline-block; margin-top:12px;}
.cs_row_c ul li {display:inline-block; border-right:1px solid #666; color:#666; font-size:1.6rem; padding:0 10px; line-height:16px;}
.cs_row_c ul li:first-child {padding-left:0;}
.cs_row_c ul li:last-child {padding-right:0; border:0;}
.cs_row_f {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cs_row_f div p {line-height:28px; font-size:1.6rem; font-weight:700; color:#333;}
.cs_row_f div img {vertical-align:top; margin-right:8px;}
.cs_row_f div h4 {font-size:1.6rem; margin-top:5px;}
.cs_contact td {
	vertical-align: top;
	font-size:1.2rem;
}
.cs_contact td h1 {color:#dc0074; font-size:2.2rem; font-weight:700;}
.cs_contact td h2 {color:#dc0074; font-size:1.6rem; font-weight:700;}
.cs_contact td h3 {font-size:1.4rem;}
.f_pink {font-size:1.4rem; color:#dc0074;}
.container .cs_container  hr.cs_hr {border-top:1px solid #d6d6d6; margin:50px 0;}
.cs_kakao {
	position:absolute;
	top:0;
	right:0;
}
.cs_kakao img {
	width:62px;
}
.cs_map {
	position:relative;
	width:100%;
}
.cs_map p {line-height:20px; font-size:1.6rem; color:#333; margin-bottom:20px}
.cs_map p img {vertical-align:top; margin-right:8px;}
p.cs_title {font-size:1.8rem}
.cs_map_title {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:1.4rem;
	color:#fff;
	background: #dc0074;
	text-align: center;
	margin-bottom:20px;
}

.cs_metro {
	width:100%;
}
.cs_list {position:relative; width:100%; margin-top:25px;}
.cs_list thead {
	border-bottom:1px solid #dc0074;	
}
.cs_list thead tr td {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.cs_list thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#333;
	padding:5px 0 5px 10px;
	font-size:1.2rem; 
}

.cs_list tbody tr {border-bottom:1px solid #ccc;}
.cs_list tbody tr th {border-bottom:1px solid #333; height:52px; font-size:1.6rem; background:#fff; border-top:2px solid #333; font-weight:700}
.cs_list tbody tr td {font-size:1.6rem; text-align:center; padding:20px; height:75px; border-bottom:1px solid #d6d6d6; color:#999;}
.cs_list button:hover {background: #333; color:#fff; border:0;}

.notice tbody tr th:nth-child(1){width:10%;}
.notice tbody tr th:nth-child(2){width:70%;}
.notice tbody tr th:nth-child(3){width:10%;}
.notice tbody tr th:nth-child(4){width:10%;}


.notice tbody tr td:nth-child(1){width:10%;}
.notice tbody tr td:nth-child(2){width:70%;word-break: keep-all; text-align:left; color:#333;}
.notice tbody tr td:nth-child(3){width:10%;padding:0;}
.notice tbody tr td:nth-child(4){width:10%;}


.notice_write {width:100%; margin-top:10px; text-align:right;}
.notice_write button {width:120px; text-align:center;}
.notice_write button:hover {color:#dc0074;}

.notice_txt td {
	width:100%;
	padding:40px;
	text-align: left;
	word-break:break-all;
	font-size:1.4rem;
	line-height:180%;
	border-bottom:1px solid #333;
}
.cs_list tbody tr td.txt_title h2 {font-size:2.4rem; font-weight:700; color:#333;}
.cs_list tbody tr td.txt_title p {font-size:1.4rem; color:#999; margin-top:12px;}

.notice_txt td img {
	text-align:center;
	max-width:100%;
	width:auto;
	margin:0 auto;
	margin-top:10px;
}
.notice_txt td p img { text-align:center; margin-bottom:20px;}
.notice_txt td p {font-size:1.6rem; line-height:1.8; color:#333; text-align:center;}
.btn_back {
	width:120px;
	height:52px;
	background: #BCBCBC;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
}
.btn_back:hover {background:#676767}
.cs_blank {
	clear:both;
	height:100px;
}

.notice tbody tr td input[type="text"] {
	border-bottom:1px solid #666;
	width:100%;
	padding:10px 0;
}
.notice tbody tr td textarea {
	width:100%;
	min-height:500px;
	resize:vertical;
	padding:10px;
	line-height:180%;
}
.notice tbody tr td .btn-upload {
	width:18%;
	background:#dc0074;
	padding:10px;
	color:#fff;
	margin:0;
}
.btn-area {
	margin:30px;
	text-align:center;
	width:100%;
}
.btn-area .btn-complete {width:150px; height:50px; font-size:1.4rem; background:#dc0074; color:#fff; margin:0 5px; border-radius:10px;}
.btn-area .btn-cancel {width:150px; height:50px; font-size:1.4rem; background:#999; color:#fff; margin:0 5px; border-radius:10px;}
.btn-area button:hover {background:#333; color:#fff;}
/* faq */
.faq_wrap {}
.faq_list {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:20px
}
.faq_list li {
	display:block;
	width:120px;
	height:52px;
	text-align:center;
	font-size:1.7rem;
	color:#999;
	border:1px solid #CACACA;
	border-radius:25px;
	margin-right:15px;
	line-height:50px
}
.faq_list li:hover {font-weight: 700; cursor:pointer;}
.faq_list li.active {background:#333; color:#fff; font-weight:700;border:0;}
.faq_box {
	display: none;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
	margin-top:60px;
}
.active {display: inherit;}
.faq_q {
	position:relative;
	width:100%;
	padding:25px 30px;
	border-bottom:1px solid #d6d6d6;
	font-size:1.6rem;
	color:#333;
	line-height:180%;
}
.faq_q > .faq_cont {font-weight:700}
.faq_q span, .faq_a span {display: inline-block; font-size:1.6rem; margin-right:10px; width:4%; position:relative; vertical-align: top; line-height:180%; color:#999}
.faq_a {
	display:none;
	position:relative;
	width:100%;
	padding:25px 30px;
	border-bottom:1px solid #d6d6d6;
	font-size:1.6rem;
	line-height:180%;
	background:#F6F6F6
}

.faq_arrow {
	position: absolute;
	top:25px;
	right:30px;
	width:24px;
	height:24px;
}
.faq_arrow:hover {cursor:pointer;}
.faq_arrow img {position:relative; width:100%;}
.rotate {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
}
.faq_cont {
	display: inline-block;
	position:relative;
	width:92%;
	vertical-align: top;
	word-break: keep-all;
	font-size:1.6rem;
	line-height:180%;
}
.faq_q > .faq_cont:hover {cursor:pointer; text-decoration:underline;}
.faq_cont ol {margin-left:16px;}
.faq_cont ol li {font-size:1.6rem; line-height:180%;}
.faq_cont div {font-size:1.6rem; line-height:180%; margin-top:10px;}
.faq_cont ul {margin-left:16px;}
.faq_cont ul li {list-style-type: circle; font-size:1.6rem; line-height:180%;}

.faq_search_form {
	position:absolute;
	top:0;
	right:0;
}
.faq_search_form input[type="text"] {
	width:200px;
	height:30px;
	border:1px solid #dc0074;
	padding-left:5px;
}
.faq_search_form input[type="submit"] {
	width:50px;
	height:30px;
	background:#dc0074;
	color:#fff;
}




.request_btn_wrap {
	position:absolute;
	top:0;
	right:0;
}
.request tbody tr th:nth-child(1){width:10%;}
.request tbody tr th:nth-child(2){width:58%;}
.request tbody tr th:nth-child(3){width:12%;}
.request tbody tr th:nth-child(4){width:10%;}
.request tbody tr th:nth-child(5){width:10%;}

.request tbody tr td:nth-child(1){width:10%;}
.request tbody tr td:nth-child(2){width:58%;word-break: keep-all; text-align:left;color:#333;}
.request tbody tr td:nth-child(3){width:12%;}
.request tbody tr td:nth-child(4){width:10%; padding:0;}
.request tbody tr td:nth-child(5){width:10%; padding:0;}
.request tbody tr td.yet {color:#999}
.request tbody tr td.done {color:#333}
.icon_lock {margin-left:5px; height:18px; line-height:18px;}
.icon_lock img {width:18px; vertical-align:middle;}
.reply_num {margin-left:10px; color:#dc0074;}


.request_pass {
	width:100%;
	text-align:center;
	margin-top:25px;
	padding:100px 0 150px;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}
.request_pass p {
	font-size:1.8rem;
	margin-bottom:20px;
}
.request_pass input {
	border:1px solid #d6d6d6;
	padding:10px;
	width:250px;
	height:52px;
	margin-top:1px;
	margin-right:5px;
	font-size:1.4rem
}
.request_pass button {
	padding:10px;
	background: #dc0074;
	height:52px;
	color:#fff;
	width:84px;
	font-size:1.5rem;
}
.request_pass button:hover {background:#B0045C}
.btn_request {
	width:120px;
	height:52px;
	background: #dc0074;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
}
.btn_request:hover {background:#B0045C}

.cs_reply_blank {
	display: block;
	width:100%;
	height:50px;
	border-bottom:2px solid #ccc;
	margin-bottom:30px;
}

.cs_reply {
	width:95%;
	margin-right:5%;
	display: flex;
	justify-content: space-between;
	padding:20px 0;

}
.cs_reply textarea {
	width:850px;
	height:200px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	background: #eee;
	border:0;
	border-radius:5px;
	padding:15px;
	resize:vertical;
	display: inline-block;
}
.cs_reply_done textarea {
	width:95%;
	height:200px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	background: #eee;
	border:0;
	border-radius:5px;
	padding:15px;
	resize:vertical;
	display: inline-block;
}
.cs_reply input[type="submit"] {
	width:80px;
	height:200px;
	background: #dc0074;
	color:#fff;
	border-radius: 5px;
	cursor: pointer;
}

/* find id / pw */
.find_p {
	font-size:1.6rem;
	margin:30px 0;
}
.find_idpw {
	width:100%;
	border-collapse: collapse;
}
.find_idpw a {text-decoration: underline;}
.find_idpw thead {
	border-bottom:1px solid #dc0074;
	
}
.find_idpw thead tr {border-bottom:1px solid #dc0074;}
.find_idpw thead tr td:nth-child(1) {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}

.find_idpw tbody tr {border-bottom:1px solid #ccc;}
.find_idpw tbody tr th {border-bottom:1px solid #ccc; padding:20px; font-size:1.4rem; background:#fafafa;}
.find_idpw tbody tr td {font-size:1.4rem; text-align:center; padding:20px; border-bottom:1px solid #ccc;}
.find_idpw tbody tr td:nth-child(1){width:200px;}
.find_idpw tbody tr td:nth-child(2){width:1000px; word-break: keep-all; text-align:left;}

.find_label {background:#eee;}

.find_btn {
	width:100px;
	height:40px;
	background: #dc0074;
	margin:30px 0;
	border-radius: 5px;
	color:#fff;
}

/* 0630 추가 */
.find_idpw_wrap {
	position:relative;
	width:450px;
	margin:0 auto;
	text-align:center;
}
h1.h1_find {
	font-size:2.6rem;
	font-weight:700;
	color:#1C1814;
	text-align:center;
	margin-bottom:24px;
	width:100%;
	display:block;
}
.find_idpw_box {
	position:relative;
	width:100%;
	background:#f9f9f9;
	border-top:2px solid #333;
	padding:30px 30px 10px;
}
.find_idpw_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.find_idpw_label {
	width:62px;
	font-size:1.4rem;
	font-weight:500;
	line-height:44px;
	text-align:left;
}
.find_idpw_input input {
	width:360px;
    height:44px;
    border:1px solid #dbdbdb;
    border-radius:2px;
    display:inline-block;
    margin-bottom:20px;
    background:#fff;
    padding:12px;
    font-size:1.2rem;
}
.find_idpw_input input::placeholder {color:#aaa}
button.btn_find_n {
	width:200px;
	height:52px;
	background:#dc0074;
	color:#fff;
	border-radius:2px;
	font-size:1.4rem;
	font-weight:700;
	margin-top:32px;
	margin-bottom:10px;
}
.find_idpw_notice {
	margin-top:30px;
	font-size:1.6rem;
	text-align:center;
}
.find_idpw_notice a {text-decoration:underline;}
.find_notice {
	width:100%;
	padding:20px 16px;
	background:#F9F9F9;
	border-radius:5px;
	margin-top:20px;
	text-align:left;
	font-size:1.5rem;
	color:#666;
	letter-spacing:-0.2px;
	line-height:1.8
}
.find_notice h6 {font-size:1.5rem;color:#333;margin-top:8px;cursor:pointer}
.find_notice h6 img {width:6px;margin-left:5px;}

.btn_find_wrap {
	width:100%;
	height:52px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:40px;
}
.btn_find_wrap div {
	display:block;
	width:50%;
	text-align:center;
	font-size:1.8rem;
	color:#767676;
	border-bottom:1px solid #e5e5e5;
	line-height:50px;
	cursor:pointer;
}
.btn_find_wrap div.active {
	text-align:center;
	color:#333;
	font-weight:700;
	border-bottom:2px solid #333;
}


/* coupon */

.coupon_wrap {
	position:relative;
	width:100%;
	padding:66px 310px;
	background:#F8F9FA;
	text-align:left;
	margin-top:34px;
	margin-bottom:20px;
}
.coupon_wrap p {
	font-size:1.5rem;
	color:#F03E3E;
	margin-top:8px;
}
.coupon_input {width:580px;}
.coupon_input input {
	width:478px;
	height:52px;
	background:#fff;
	border:1px solid #d6d6d6;
	padding:15px 10px;
	font-size:1.5rem;
}
.coupon_input input::placeholder {color:#999;}
.coupon_input button {
	width:92px;
	height:52px;
	background:#333;
	color:#fff;
	font-size:1.5rem;
	margin-left:10px;
}
.coupon_ul li {
	font-size:1.6rem;
	color:#666;
	line-height:1.8;
}
#mdCf {display:none}
.coupon_popup {
	position:absolute;
	width:380px;
	height:410px;
	background:#fff;
	top:210px;
	left:50%;
	transform:translate(-50%,0);
	padding:20px 0;
	text-align:center;
}
.coupon_popup p {
	font-size:2.5rem;
	font-weight:700;
	margin:10px 0;
}
.coupon_popup p span {font-size:2.5rem; font-weight:700; color:#dc0074;}
.coupon_popup img {width:100%;}
button.btn_ok {
	width:340px;
	height:52px;
	background:#333;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
}




/* ap cart */

.ap_cart_wrap {
	position:relative;
	width:100%;
	overflow: hidden;
	display:flex;
	flex-wrap:wrap;
}
.ap_cart_img {
	position:relative;
	width:580px;
	height:580px;	
	overflow: hidden;
	text-align: left;
	margin-right:60px;
}
.ap_cart_img img {height:100%;}
.ap_cart_img .soldout {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
}
.ap_cart_img .soldout p {position:absolute; top:calc(50% - 4.2rem);font-size:4.2rem; font-weight:700; color:#fff; text-align:center; width:100%;}
.ap_cart_right {
	width:560px;
	padding:50px 0px 100px 60px;
	border-left:1px solid #D6D6D6
}
.ap_cart_name {
	position: relative;
	border-bottom:1px solid #eee;
	padding-bottom:20px;
}
.ap_cart_name h1 {
	font-size:2.4rem;
	word-break: keep-all;
}
.ap_cart_name h2 {}
.ap_cart_price {font-size:3.2rem; font-weight:700; margin-top:10px;}
.ap_cart_price span {font-size:3.2rem; font-weight:700; margin-right:5px;}
.ap_cart_num {
	position:absolute;
	bottom:50px;
	left:0;
}
.ap_cart_num span {
	font-size:3rem;
	font-weight:700;
	color:#85e6d4;
}
.ap_cart_num input[type="number"] {
	border:0;
	width:60px;
	height:40px;
	text-align:center;
	font-size:2rem;
}
.ap_cart_point {
	position:relative;
	padding:20px 0;
	width:100%;
}
.ap_cart_point tbody tr th {
	width:calc(100% - 150px);
	text-align:left;
	font-size:1.8rem;
	color:#666;
	padding:10px 0
}
.ap_cart_point tbody tr th span {color:#F03E3E;font-size:inherit;padding-left:5px;}
.ap_cart_point tbody tr td {
	width:150px;
	text-align:right;
	padding:10px 0;
	font-size:1.8rem;
	color:#666;
}
.ap_cart_point tbody tr td span {color:#333;font-size:inherit;font-weight:700;}
.point_c_num > input[type="button"]:disabled {cursor:default}
input[type="button"].button-minus,
input[type="button"].button-plus {
	width:35px;
	height:35px;
	background:#fff;
	border:1px solid #d8d8d8;
	color:#999;
	text-align:center;
	line-height:33px;
	font-size:2.4rem;
	margin:0
}
input.quantity-field {
	width:60px;
	height:35px;
	text-align:center;
	font-size:2rem;
	vertical-align: top;
	
}
.ap_cart_info {
	position:relative;
	width:100%;
	padding:20px 0 30px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee
}
.ap_cart_info h2 {
	font-size:1.8rem;
	color:#666;
	margin-bottom:15px;
}

.ap_cart_info p {
	width:100%;
	padding:20px;
	background:#DBE4FF;
	color:#4C6EF5;
	font-size:1.8rem;
	word-break: keep-all;
}

.ap_cart_info > .info_box {
	width:100%;
	padding:20px;
	background:#DBE4FF;
	
}
.ap_cart_info > .info_box p {
	position:relative;
	color:#4C6EF5;
	font-size:1.6rem;
	font-weight:700;
	word-break: keep-all;
	padding-left:15px;
}
.ap_cart_info > .info_box p:before {
	position:absolute;
	left:0;
	top:0;
	content:'·';
}
.ap_cart_total {
	position:relative;
	width:100%;
	height:130px;
	padding:20px 0;
	
}

.ap_cart_total h2 {
	font-size:1.8rem;
	line-height:50px;
}
.ap_cart_total h1 {
	position:absolute;
	right:0;
	top:20px;
	font-size:3.2rem;
	font-weight:700;
	line-height:50px;
}
.ap_cart_total h1 span {color:#dc0074; font-size:3.2rem; font-weight:700; margin-right:5px;}
.ap_cart_total p {
	color:#F03E3E;
	font-size:1.6rem;
	text-align:right;
	margin-top:5px;
}

.ap_cart_btn {
	position:relative;
	width:100%;
}

.ap_cart_detail {
	width:1200px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:180px;
	text-align:center
}
.ap_cart_detail img {vertical-align:top;}
.ap_cart_detail .flex {justify-content:center;}
.ap_cart_detail .flex div {margin:0 10px}
.ap_cart_detail .flex div img {display:block;}

/* 포인트샵 완료 */

.ap_done_thx {
	position:relative;
	width:100%;
	padding:50px 0;
	text-align:center;
}
.ap_done_thx h2 {font-size:2.4rem; margin-bottom:10px;}
.ap_done_thx h1 {font-size:3.2rem; font-weight:700;}
.ap_done_point {
	width:100%;
	background:#F5F5F5;
	padding:20px;
	font-size:1.8rem;
	color:#666;
	margin-top:30px;
}
.ap_done_point span {color:#dc0074;font-size:1.8rem;margin-right:5px;}

.ap_done_wrap {
	position:relative;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:50px;
}

.ap_done_box {
	position:relative;
	width:550px;
	border-bottom:1px solid #D6D6D6;
}

.ap_done_box h2 {
	position:relative;
	font-size:2rem;
	font-weight:700;
	padding-bottom:15px;
	border-bottom:2px solid #333;
}
.ap_done_table {
	position:relative;
	width:100%;
	margin:8px 0;
}
.ap_done_table tbody tr th {
	width:120px;
	font-size:1.8rem;
	color:#666;
	text-align:left;
	padding:12px 0;
}
.ap_done_table tbody tr td {
	width:calc(100% - 120px);
	text-align:right;
	font-size:1.8rem;
}
.ap_done_table tbody tr td span {color:#dc0074; margin-right:5px; font-weight:700; font-size:1.8rem}

.ap_done_box ul {
	margin:8px 0;
	padding-left:15px;
}
.ap_done_box ul li:before {
	position:absolute;
	content: '-';
	left:0;
}
.ap_done_box ul li {
	padding:8px 0;
	font-size:1.8rem;
	color:#666;
	word-break: keep-all;
}

.ap_done_btn {
	width:100%;
	text-align:center;
	margin-bottom:80px;
}
.ap_done_btn button  {
	width:120px;
	height:52px;
	font-size:1.5rem;
	margin:0 10px;
}
button.btn_point1 {
	color:#dc0074;
	border:1px solid #dc0074;
	background:#fff;
}
button.btn_point1:hover {background:#FFE6F0}
button.btn_point2 {
	color:#fff;
	background:#dc0074;
}
button.btn_point2:hover{background:#B0045C}

button.btn_apdirect {
	width:100%;
	height:75px;
	background: #dc0074;
	color:#fff;
	font-size:2rem;
	font-weight:700
}
button.btn_apdirect:hover {
	background: #B0045C;
}
button.btn_apdirect.done {
	width:100%;
	height:75px;
	background: #666;
	color:#fff;
	font-size:2rem;
	font-weight:700
}


.myacash_present {
	width:100%;
	border:1px solid #ccc;
	border-radius:5px;
	padding:30px 0;
	text-align:center;
	margin-bottom:40px;
	font-size:1.4rem;
}
.myacash_present span {
	font-size:1.8rem;
	font-weight:700;
}
button.btn_charge {
	background:#f2f2f2;
	color:#616161;
	padding:5px 10px;
	border-radius :5px;
	margin-top:5px;
}
button.btn_change_ap {
	background:#f2f2f2;
	color:#616161;
	padding:5px 10px;
	border-radius :5px;
	margin-top:5px;
}

button.btn_charge:hover,
button.btn_change_ap:hover {background:#333; color:#fff;}



/* order contents */
.order_contents_wrap {
	width:1080px;
	padding:30px;
	background: #fff;
	color:#333;
}
.order_contents_wrap h1 {
	width:100%;
	font-weight:700;
	padding-bottom:10px;
	border-bottom:2px solid #333;
}
.order_flow {
	margin-top:30px;
	padding:15px 30px;
	background:#F8F9FA;
}
.order_flow ul {
	position:relative;
	width:100%;
	height:90px;
	display: flex;
	justify-content: space-between;
}
.order_flow ul li {
	width:60px;
	position:relative;
	text-align:center;
	overflow:visible;
}
.order_flow ul li p {
	position:absolute;
	width:80px;
	margin-top:12px;
	font-size:1.3rem;
	color:#999;
	left:-10px;
	text-align:center;
}
.order_flow ul li:after {
	position:absolute;
	top:20px;
	right:-32px;
	content: url('/assets/images/ic_orderlist_chevron_right.svg');
}
.order_flow ul li:last-of-type:after {
	padding:0;
	content: "";
}
.order_flow ul li.ing {
	color:#dc0074;
	font-weight:700;
	font-size:1.3rem;
}

.order_flow ul li.done p {
	color:#dc0074;
	font-size:1.3rem;
	font-weight:700;
}
.order_flow ul li > img {vertical-align:top;}
.order_flow ul li > img.active {display:none;}
.order_flow ul li.done > img.active {display:block;}
.order_flow ul li.done > img.default {display:none;}


.order_flow_line {
	width:100%;
	display: block;
	height:1px;
	background: #dc0074;
}

.order_contents_box {
	display:flex;
	width:100%;
	justify-content: space-between;
}
.order_contents {
	width:100%;
	padding-bottom:20px;
}
.order_contents h2 {
	position:relative;
	width:100%;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:700;
	
}
.order_contents ul {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.order_contents ul li {
	position:relative;
	width:450px;
	height:450px;
	background:#ddd;
	margin-right:20px;
	margin-bottom:20px;
}
.order_contents ul li:nth-of-type(2n) {margin-right:0;}
.order_contents_l, .order_contents_r {
	width:490px;
}
.order_contents_l h2, .order_contents_r h2 {
	position:relative;
	border-bottom:1px solid #333;
	width:100%;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:700;
	margin-top:30px;
}
.order_contents_l h2 button, .order_contents_r h2 button {
	width:62px;
	height:38px;
	border-radius:5px;
	border:1px solid #ccc;
	font-size:1.2rem;
	font-weight:500;
	background:#fff;
	margin-left:10px;
}
.order_contents_row {
	position:relative;
	width:100%;
	border-bottom:1px solid #ccc;
	display: table;
}


.order_contents_list {
	display: table-cell;
	width:110px;
	font-size:1.4rem;
	color:#666;
	background:#F8F9FA;
	padding:10px;
	line-height:1.8;
}

.order_contents_list button {
	position:absolute;
	left:20%;
	top:6px;
	background: #ddd;
	border-radius:5px;
	padding:5px 10px;

}
.order_contents_cont {
	width:380px;
	display: table-cell;
	font-size:1.4rem;
	padding:10px;
	line-height:1.8;
}
.order_contents_cont span {font-size:1.4rem; color:#dc0074; font-weight:700}
.order_contents_tax {
	position:relative;
	width:100%;
	background:#F8F9FA;
	padding:16px 12px;
	line-height:1.6;
	margin-top:20px;
}
.order_contents_tax p {font-size:1.4rem; color:#121212;}
.order_contents_tax ul li {font-size:1.4rem; color:#666; list-style:"·"; margin-left:5px;padding-left:5px; word-break:keep-all; margin-top:5px;}










/* news */
.news_wrap {
	position:relative;
	width:100%;
	margin:10px 0;
}
.news_box {
	padding:20px 0;
	border-bottom:1px solid #333;
	height:140px;
	font-size:0;
	overflow:hidden;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.underline {
	text-decoration: underline
}
.news_img {
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	font-size:0;
	vertical-align: top;
}
.news_img span{
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background: #ccc;
	position:relative;
	vertical-align: top;
	display: block;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
}
.news_img span:hover {
	transform:scale(1.1);
	overflow:hidden;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
}
.news_text {
	position:relative;
	display:inline-block;
	font-size:0;
	margin-left:20px;
	width:840px;
	vertical-align: top;
}
.news_title {
	font-size:2rem;
	display: inline-block;
	vertical-align: middle;
}
.news_new {
	width:50px;
	height:20px;
	border-radius:10px;
	background:#dc0074;
	color:#fff;
	font-size:1.1rem;
	font-weight:700;
	display:inline-block;
	margin-left:10px;
	margin-bottom:3px;
	text-align:center;
	letter-spacing: 1px;
	vertical-align: middle;
	line-height:20px;
}
.news_cont {
	font-size:1.4rem;
	width:880px;
	height:40px;
	word-break: keep-all;
	margin:5px 0;
	line-height:150%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color:#333;
}
.news_date {
	position:absolute;
	right:0;
	bottom:20px;
	color:#999;
}

.news_write_form {
	position:relative;
	width:100%;
	margin:20px auto;
	border-bottom:1px solid #ccc;
}
.news_write_row {
	position:relative;
	font-size:0;
	width:100%;
	padding:0;
}
.news_write_left {
	display:inline-block;
	font-size:0;
	width:100px;
	margin:10px 0;
	padding:10px;
	vertical-align: top;
	
}
.news_write_left p {font-size:1.4rem;}
.news_write_right {
	display:inline-block;
	width:900px;
	margin:10px 0;
	font-size:0;
}

.news_write_right input[type="text"] {
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	font-size:1.4rem;
	position:relative;
	width:100%;
}
.news_write_right textarea {
	position:relative;
	width:100%;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	height:500px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	resize:vertical;
}

.news_write_right input[type="file"] {padding:10px 0;}

.news_file {
	position:relative;
	width:100%;
	text-align: center;
	padding:10px;
	margin:10px 0;
	background:#dc0074; 
	color:#fff;
	border-radius: 10px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.news_file:hover {
	background: #fff;
	border:1px solid #dc0074;	
	color:#dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.btn_news_submit {
	padding:10px 20px;
	color:#fff;
	background:#dc0074;
	border-radius:10px;
	font-size:1.4rem;
	
}
.btn_news_submit:hover {
	border:1px solid #dc0074;
	background: #fff;
	color:#dc0074;
}
.news_blog_wrap {
	position:relative;
	margin:50px auto;
	width:90%;
}
.news_blog_title {
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:30px 0;
}
.news_blog_info {
	position:relative;
	width:100%;
	height:40px;
	clear:both;
	border-bottom:1px solid #333;
}
.news_blog_name {float:left;}
.news_blog_date {float:right; color:#999}
.news_blog {
	padding:30px;
	text-align:center;
	border-bottom:1px solid #333;
}
.news_blog p {
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	
	text-align:left;
	padding:30px;
}
.news_blog img {
	margin:0 auto;
	text-align:center;
	width:100%;
	display:block;
}




/* deferred */
.defer_top {
	width:100%;
	height:400px;
	background:url('../images/img_deferred_top.jpg');
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
.defer_top h3 {
	font-size:2.4rem;
	font-weight:700;
	line-height:1.6;
	margin-top:40px;
	margin-bottom:30px;
}
.defer_top p {
	color:#666;
	line-height:1.8;
	font-size:1.6rem;
	margin-bottom:80px;
}

.defer_wrap {
	position:relative;
	width:100%;
}
.defer_row {
	position:relative;
	width:100%;
	background:#F8F9FA;
	margin-bottom:10px;
	padding:40px 50px;
	display:flex;
	flex-wrap:wrap;
}
.defer_list {
	position:relative;
	width:240px;
	vertical-align: top;
}
.defer_list h2 {
	display:none;
	font-size:54px;
	font-family: 'Teko', sans-serif;
	font-weight:500;
	color:#ffacd8;
}
.defer_list p {
	font-size:1.8rem;
	font-weight:700;
	word-break: keep-all;
	color:#333;
}

.defer_cont {
	position:relative;
	width:900px;
}
.defer_cont ol {margin-left:20px;}
.defer_cont ol li {
	color:#333;
	font-size:1.8rem;
	line-height:1.9;
}
.defer_cont p {
	color:#333;
	font-size:1.8rem;
	line-height:1.9;
}
button.btn_deferred {
	width:120px;
	height:52px;
	background:#dc0074;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	border:0;
}
button.btn_deferred:hover {background:#B0045C}
button.btn_deferred.cs {width:162px;}

/* inquiry */
.inquiry_wrap {
	position:relative;
	width:100%;
	min-height:330px;
	background:url(../images/img_inquiry.jpg);
	background-repeat:no-repeat;
	background-size:cover;
}

.inquiry_wrap h2 {font-size:1.8rem; font-weight:700; line-height:180%;}
.inquiry_wrap h3 {font-size:1.6rem; color:#777; margin-top:32px; line-height:180%;}
button.btn_11kakao {
	width:280px;
	height:48px;
	border-radius:5px;
	background:#FEE500;
	margin-top:90px;	
}
button.btn_11kakao img, button.btn_11kakao p {display:inline-block; color:#191919; font-size:1.6rem; vertical-align:middle;}
button.btn_11kakao p {font-weight:700;padding-left:8px;}



#clickInfo2:after {
	position:absolute;
	left:-6.5px;
	top: 50%;
	width:11px;
	height:11px;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:0;
	border-top:0;
	background:#fff;
	transform:rotate(45deg);
	content:'';
	margin-top:-4.5px;
}

.btn_alert p {
	display:inline-block;
	vertical-align:middle;
	font-size:1.4rem;
	color:#999;
	line-height:22px;
}
.btn_alert div {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.btn_alert div img {width:20px; vertical-align:middle;}
.btn_alert span {display:none;}
.contact_title {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items:top;
	margin-bottom:50px;
}
.contact_title h2 {
	font-size:2.6rem;
	font-weight:700;
	color:#333;
	width:250px;
}
.contact_title p {
	font-size:1.6rem;
	color:#666;
	line-height:2;
	margin-bottom:30px;
}
.contact_agree_all {
	padding:20px 0;
}
.contact_agree_all > label p {font-size:1.8rem; font-weight:700; margin-left:10px;}
.contact_agree_all input[type="checkbox"] + label,
.contact_agree_all input[type="checkbox"]:checked + label,
.contact_agree > .content input[type="checkbox"] + label,
.contact_agree > .content input[type="checkbox"]:checked + label {background-position:left center;}
.contact_agree {
	position:relative;
	width:100%;
	border:1px solid #d6d6d6;
	border-radius:5px;
	margin-bottom:10px;
}
.contact_agree > .content {
	padding:0 20px;
	height:52px;
}
.contact_agree > .content h6 {
	font-size:1.6rem; font-weight:700; margin-left:10px;
}
.contact_agree > .toggle {
	position:100%;
	border-top:1px solid #d6d6d6;
	padding:15px 56px;
	display:none;
}
.contact_agree > .toggle p {
	font-size:1.6rem;
	color:#666;
	line-height:1.8
}

.contact_agree span.btn_toggle {
	position:absolute;
	top:10px;
	right:20px;
	cursor:pointer;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.contact_agree span.btn_toggle.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	top:15px;
}
.contact_row {
	position: relative;
    width: 100%;
    background: #F8F9FA;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.contact_row p {font-size:1.5rem; color:#666;line-height:1.8}
.request_pass > .contact {margin:20px 0;}
.request_pass > .contact:nth-of-type(1) {margin-top:30px;}
.request_pass > .contact:nth-of-type(2) {margin-bottom:50px;}
.request_pass > .contact > label {width:90px;display:inline-block;text-align:left;font-weight:700;font-size:1.4rem;}
.request_pass > .contact > input {width:360px; height:44px;border:1px solid #DBDBDB; border-radius:2px;font-size:1.4rem;}
}
.mypage_container img {width:100%;}

.mypage_nav_r_wrap {
	position:fixed;
	top:160px;
	right:calc(((100vw - 1480px)/2) - 180px);
	width:180px;
	overflow: hidden;
	text-align: center;
	z-index:999;
}
@media (max-width:1680px) {
	.mypage_nav_r_wrap {display:none}
}
.mypage_nav_r {
	position:relative;
	width:100%;
	font-size:1.4rem;
}
.mypage_nav_r > .nav_title {background:#dc0074; color:#fff; font-size:1.4rem; border-radius: 5px 5px 0 0; height:36px; line-height:36px;}
.nav_grade_wrap {
	border:1px solid #ccc;
	background:#fff;
}
.nav_grade_wrap > .nav_grade_row {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	font-size:1.3rem; 
	padding:12px 10px;
	border-bottom:1px solid #ccc;
	background:#fff;
	color:#222;
	width:100%;
}
.nav_grade_wrap > .nav_grade_row button {
	width:56px;
	height:28px;
	background:#f2f2f2;
	color:#999;
	border-radius:2px;
	font-size:1.2rem;
}
.nav_grade_wrap > .nav_grade_row button:hover {color:#fff;background:#222;}
.nav_grade_wrap > .nav_grade_row:last-child {border:0;}
.nav_grade_cell {
	width:100px;
	text-align:left;
	font-size:1.3rem;
}
.nav_grade_cell img {width:24px; vertical-align:top;}
.nav_grade_cell p {font-size:1.5rem;}
.nav_grade_cell p.gradelabel {display:inline-block;font-size:1.6rem;font-weight:700;margin-left:10px;line-height:30px;}
.nav_grade_cell p span {font-size:1.5rem; font-weight:700;}
.mypage_nav_r .mem_grade {color:#f7931e;}
.mypage_nav_r .mytop:hover {color:#dc0074;}



.mem_grade_vvip {color:#e6007f;} /* vvip */
.mem_grade_vip {color:#f7931e;} /* vip */
.mem_grade_fml {color:#00a1e9;} /* 가족 */
.mem_grade_rgl {color:#29a739;} /* 단골 */
.mem_grade_gst {color:#888;} /* 손님 */


.mypage_nav_l {
	position:relative;
	width:180px;
	float:left;
	margin-top:40px;
	color:#333;
}
.mypage_nav_top {
	position:relative;
	border-bottom:2px solid #333;
	padding-bottom:16px;
}
.mypage_nav_top a {
	font-size: 28px;
    font-weight: 700;
}
.mypage_nav_l_wrap {}
.mypage_nav_l_wrap ul {margin-top:24px;}
.mypage_nav_l_wrap ul:nth-of-type(1) {margin-top:16px;}
.mypage_nav_l_wrap ul p {
	font-size:1.7rem;
	font-weight:700;
	margin-bottom:8px
}
.mypage_nav_l_wrap ul li {}
.mypage_nav_l_wrap ul li a {line-height:2; font-size:1.5rem;}
.mypage_nav_l_wrap ul li a:hover,
.mypage_nav_l_wrap ul li a.active {color:#dc0074}
.mypage_container {
	position:relative;
	width:960px;
	float:right;
	margin-top:40px;
	color:#333;
}
.mypage_container.wide {width:1200px}
.mypage_title {
	position:relative;
	width:100%;
	font-size:2.4rem;
	font-weight:700;
	margin-bottom:30px;
}
.mypage_title span {
	font-size:1.4rem;
	color:#666;
	margin-left:24px;
	vertical-align:middle;
}
.mypage_title span a.pink {margin:0;color:#dc0074; display:inline;}

.mypage_cont {
	position:relative;
	width:100%;
}

.btn_row {margin-left:10px; display:flex;}
.btn_row button {
	width:72px;
	height:42px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
	background:#fff;
	margin-right:5px;
}
.btn_row button.active {border:1px solid #dc0074; color:#dc0074; display:inline-block;}
.btn_row2 {margin:30px 0; text-align:center;}
.btn_row2 button {
	width:72px;
	height:40px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
}
.btn_row2 button:hover {
	color:#fff;
	background: #000;
}
button.btn_order_sch {
	background: #333;
	color:#fff;
	width:100px;
	height:42px;
	font-size:1.3rem;
	font-weight:700;
	margin-left:20px;
	border-radius:5px;
}
button.btn_order_sch:hover {background:#000}
button.btn_error {border:0; background:#eee;}

.mypage_box_none {
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	color:#333;
	padding:39px 0 64px 0;
	border-bottom:1px solid #D6D6D6
}

.mypage_order_list {
	width:100%;
}

.mypage_order_list thead {
	border-bottom:1px solid #dc0074;
	
}
.mypage_order_list thead tr td {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.mypage_order_list thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#000;
	padding:5px 0 5px 10px; 
}
.mypage_order_list tbody tr {border-bottom:1px solid #ccc;}
.mypage_order_list tbody tr th {border-top:1px solid #dc0074; border-bottom:1px solid #ccc; padding:20px; font-size:1.6rem; background:#fafafa;}
.mypage_order_list tbody tr td {text-align:center; padding:20px; border-bottom:1px solid #ccc; font-size:1.4rem; line-height:170%;}
.mypage_order_list tbody tr th:nth-child(1){width:120px;}
.mypage_order_list tbody tr th:nth-child(2){width:540px;}
.mypage_order_list tbody tr th:nth-child(3){width:140px;}
.mypage_order_list tbody tr th:nth-child(4){width:100px;}
.mypage_order_list tbody tr th:nth-child(5){width:100px;}

.mypage_order_list tbody tr td:nth-child(1){width:120px; padding:20px 10px}
.mypage_order_list tbody tr td:nth-child(1) a{text-decoration: underline;}
.mypage_order_list tbody tr td:nth-child(1) a:hover{color:#dc0074}
.mypage_order_list tbody tr td:nth-child(2){width:540px; word-break: keep-all; text-align:left;}
.mypage_order_list tbody tr td:nth-child(3){width:140px;}
.mypage_order_list tbody tr td:nth-child(4){width:100px;}
.mypage_order_list tbody tr td:nth-child(5){width:100px;}



button.btn_reorder {width:62px; height:32px; background:#fff; color:#DC0074;  border:1px solid #DC0074;font-size:1.3rem;}
button.btn_reorder:hover {background:#FFE6F0; border:1px solid #DC0074;}

.mypage_list {width:100%;margin-bottom:30px;}
.mypage_list thead {
	border-bottom:1px solid #dc0074;
	
}
.mypage_list thead tr td {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}
.mypage_list thead tr td:nth-child(2){
	width:auto;
	background: #fff;
	text-align: left;
	color:#000;
	padding:5px 0 5px 10px;
	font-size:1.4rem;
}
.order_list_txt {
	width:auto;
	background: #fff;
	text-align: left;
	color:#000;
	padding:5px 0 5px 10px;
	font-size:1.4rem;
}






/* 영수증 신청 팝업 230102 */

.billing_wrap {
	width:960px;
	height:500px;
	padding:40px;
	background:#fff;	
}
.billing_wrap.done {
	padding:50px;
	text-align:center;
}
.billing_wrap.done h1 {font-size:2.4rem;font-weight:700;margin-bottom:12px;}
.billing_wrap.done h2 {font-size:1.6rem;color:#666;}
.billing_title {font-size:2rem;font-weight:700;margin-bottom:12px;}
.billing_box {width:100%;border-top:2px solid #222;}
.billing_row {
	width:100%;
	height:64px;
	display:flex;
	flex-wrap:wrap;
	border-bottom:1px solid #D6D6D6;
	overflow:hidden;
}
.billing_label {
	width:180px;
	height:64px;
	background:#F8F9FA;
	font-size:1.6rem;
	font-weight:700;
	line-height:36px;
	padding:12px;
}
.billing_cont {
	padding:12px 20px;
}
.billing_row input[type="radio"] {
    position: absolute;
    opacity: 0;
	z-index:1;
}
.billing_row label {display:inline-block; line-height:40px; font-size:1.5rem; margin-right:42px;}
.billing_row input[type="radio"] + label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 2px solid #666;
    display: inline-block;
    width: 20px;
    height: 20px;
	top:10px;
    position: relative;
    margin-right: 6px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}
.billing_row input[type="radio"]:checked + label:before {
    background-color: #dc0074;
    box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #dc0074;
}
.billing_row input[type="radio"]:focus + label:before {
    outline: none;
    border-color: #dc0074;
}
.billing_row input[type="radio"]:disabled + label:before {
    box-shadow: inset 0 0 0 3px #fff;
    border-color: #d8d8d8;
    background: #d8d8d8;
}
.billing_row input[type="radio"] + label:empty:before {
    margin-right: 6px;
}
.billing_row input[type="text"] {
	border:1px solid #d6d6d6;
	width:380px;
	height:40px;
	padding:0 14px;
}
button.btn_billing {
	width:120px;
	height:52px;
	background:#dc0074;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
	margin-top:20px;
}
button.btn_billclose {
	width:100px;
	height:42px;
	background:#222;
	color:#fff;
	font-size:1.5rem;
	font-weight:700;
}





.cs tbody tr th:nth-child(1){width:120px;}
.cs tbody tr th:nth-child(2){width:680px;}
.cs tbody tr th:nth-child(3){width:120px;}
.cs tbody tr th:nth-child(4){width:120px;}

.cs tbody tr td:nth-child(1){width:120px;}
.cs tbody tr td:nth-child(2){width:680px; word-break: keep-all; text-align:left;}
.cs tbody tr td:nth-child(3){width:120px;}
.cs tbody tr td:nth-child(4){width:120px;}
button.btn_cs {width:120px; height:50px; background:#dc0074; border-radius:10px; color:#fff; margin:40px 5px; font-size:1.6rem;}
button.btn_cs:hover {background:#fff; color:#dc0074; border:1px solid #dc0074;}




.myreview tbody tr th:nth-child(1){width:700px;}
.myreview tbody tr th:nth-child(2){width:150px;}
.myreview tbody tr th:nth-child(3){width:150px;}

.myreview tbody tr td:nth-child(1){width:700px; word-break: keep-all; text-align:left;}
.myreview tbody tr td:nth-child(2){width:150px;}
.myreview tbody tr td:nth-child(3){width:150px;}
.myreview tbody tr td:nth-child(3) img{width:20px; height:20px;}

.myreview2 tbody tr th:nth-child(1){width:300px;}
.myreview2 tbody tr th:nth-child(2){width:400px;}
.myreview2 tbody tr th:nth-child(3){width:150px;}
.myreview2 tbody tr th:nth-child(4){width:150px;}

.myreview2 tbody tr td:nth-child(1){width:300px; word-break: keep-all; text-align:left;}
.myreview2 tbody tr td:nth-child(2){width:400px;}
.myreview2 tbody tr td:nth-child(3){width:150px;}
.myreview2 tbody tr td:nth-child(4){width:150px;}
.myreview2 tbody tr td:nth-child(4) img {width:20px; height:20px;}

.myreview_nav {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	height: 40px;
	user-select: none;
	border:1px solid #dc0074;
}
.myreview_nav:after {
	content: "";
		width: 50%;
		background: #dc0074;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 250ms ease-in-out;
		border-radius: 20px;
}
.myreview_nav.slide:after{
		left: 50%;
}
.myreview_nav li {
	font-size: 14px;
	line-height:28px;
	font-weight:700;
	color: #000;
	text-align: center;
	position: relative;
	z-index: 1;
	padding:5px 20px;
	cursor: pointer;
	display: inline-block;
	transition: color 250ms ease-in-out;
	user-select: none;
}
.myreview_nav li.active {color:#fff;}
.myreview_text {clear:both;width:100%;padding:30px 0;}
#myreview {display: none;}
.myreview_write {
	width:720px;
	height:680px;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
	border-radius: 5px;
	padding:40px;
}
.myreview_write h1 {
	padding:5px 0;
	border-bottom:2px solid #000;
}

.myreview_form {
	position:relative;
	width:100%;
	
}
.myreview_form textarea{
	width:100%;
	height:170px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	border:1px solid #ccc;
	border-radius:5px;
	padding:10px;
	margin:10px 0;
	resize:vertical;
}
.myreview_photo {
	width:200px;
	background: #fff;
	padding:8px 10px;
	border:1px solid #dc0074;
	border-radius: 5px;
	color:#dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.myreview_photo:hover {
	background:#dc0074; 
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.myreview_form input[type="file"] {
	display: none;
}

.draw_blank {
	width:100%;
	height:40px;
	border-bottom:1px solid #dc0074;
}


/* cs */
.cs_nav {
	position:relative;
	width:180px;
	float:left;
	margin-top:40px;
}
.cs_nav_top {
	position:relative;
	border-bottom:2px solid #333;
	padding-bottom:16px;
}
.cs_nav_top a {
	font-size: 24px;
    font-weight: 700;
}
.cs_nav ul {margin-top:16px;}
.cs_nav ul li {
	width:100%;
	color:#333;
	font-size:1.7rem;	
	margin-bottom:24px;
}
.cs_nav ul li a {font-size:1.7rem;font-weight:700}
.cs_nav ul li a.active,
.cs_nav ul li a:hover {color:#dc0074}
.cs_nav ul li img {vertical-align:bottom;margin-left:5px;padding-bottom:2px;}

.cs_container {
	position:relative;
	width:960px;
	float:right;
	margin-top:40px;
}
.cs_container.wide {width:1200px;}
.cs_title_top {
	font-size:2.6rem;
	font-weight:700;
	color:#333;
}
.cs_cont {
	position:relative;
	width:100%;
}
.cs_contact {
	margin-top:55px;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.cs_contact_l {position:relative; width:240px; font-size:1.8rem; font-weight:700; color:#333;}
.cs_contact_r {position:relative; width:720px;}
.cs_row_c {width:100%; margin-bottom:50px; }
.cs_row_c h1 {font-size:3.2rem; font-weight:700; color:#dc0074}
.cs_row_c ul {display:inline-block; margin-top:12px;}
.cs_row_c ul li {display:inline-block; border-right:1px solid #666; color:#666; font-size:1.6rem; padding:0 10px; line-height:16px;}
.cs_row_c ul li:first-child {padding-left:0;}
.cs_row_c ul li:last-child {padding-right:0; border:0;}
.cs_row_f {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cs_row_f div p {line-height:28px; font-size:1.6rem; font-weight:700; color:#333;}
.cs_row_f div img {vertical-align:top; margin-right:8px;}
.cs_row_f div h4 {font-size:1.6rem; margin-top:5px;}
.cs_contact td {
	vertical-align: top;
	font-size:1.2rem;
}
.cs_contact td h1 {color:#dc0074; font-size:2.2rem; font-weight:700;}
.cs_contact td h2 {color:#dc0074; font-size:1.6rem; font-weight:700;}
.cs_contact td h3 {font-size:1.4rem;}
.f_pink {font-size:1.4rem; color:#dc0074;}







/* find id / pw */
.find_p {
	font-size:1.6rem;
	margin:30px 0;
}
.find_idpw {
	width:100%;
	border-collapse: collapse;
}
.find_idpw a {text-decoration: underline;}
.find_idpw thead {
	border-bottom:1px solid #dc0074;
	
}
.find_idpw thead tr {border-bottom:1px solid #dc0074;}
.find_idpw thead tr td:nth-child(1) {
	width:120px;
	background: #dc0074;
	text-align: center;
	color:#fff;
	padding:5px 0;
}

.find_idpw tbody tr {border-bottom:1px solid #ccc;}
.find_idpw tbody tr th {border-bottom:1px solid #ccc; padding:20px; font-size:1.4rem; background:#fafafa;}
.find_idpw tbody tr td {font-size:1.4rem; text-align:center; padding:20px; border-bottom:1px solid #ccc;}
.find_idpw tbody tr td:nth-child(1){width:200px;}
.find_idpw tbody tr td:nth-child(2){width:1000px; word-break: keep-all; text-align:left;}

.find_label {background:#eee;}

.find_btn {
	width:100px;
	height:40px;
	background: #dc0074;
	margin:30px 0;
	border-radius: 5px;
	color:#fff;
}

/* A point shop */

.icon_youtube_ap {
	position:fixed;
	top:200px;
	width:120px;
	right:30px
}
.icon_youtube_ap img {width:100%}
.icon_youtube_ap > hr.bn_hr {
	border-top:1px solid #eee;
	border-bottom:0;
	margin:10px 0;
}
.point_layer {
	width:120px;
	cursor:pointer;
}
#mdQp {display:none}

.shop_wrap {
	width:100%;
	position:relative;
	margin-top:20px;
}
.point_popup {
	width: 530px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
}
.point_popup h2 {
	font-size:2.6rem;
	font-weight:700;
	color:#333;
	width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #DC0074;
}
.ly_wrap {
	position:relative;
	width:100%;
}
.ly_row {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-top:25px;
}
.ly_row:nth-last-of-type(1) {padding-bottom:20px;}
.ly_l {
	width:94px;
	font-size:1.6rem;
	font-weight:700;
	color:#333;
	line-height:180%;
}
.ly_r {
	width:calc(100% - 94px);
	font-size:1.6rem;
	color:#666;
	word-break:keep-all;
	line-height:180%;
}
.shop_nav {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:40px;
}
.shop_nav button {
	position:relative;
    width:calc((100%/7) + 1px);
	height:64px;
    font-size:1.7rem;
    cursor: pointer;
	text-align:center;
	border:1px solid #ddd;
	border-radius:0!important;
	color:#767676;
	margin-left:-1px;
}
.shop_nav button:first-child {width:calc(100%/7);margin-left:0;border-radius:5px 0 0 5px!important;}
.shop_nav button:last-child {border-radius:0 5px 5px 0!important;}
.shop_nav button.is-checked {
	color:#fff;
	font-weight:700;
	background:#333;
	border-radius:5px!important;
	z-index:2
}		
.myapoint {
	position:relative;
	float:right;
	width:calc((100%/7) + 1px);
	height:48px;
	margin-bottom:20px;
}
.myapoint h4 {position:absolute; right:0; bottom:0;font-size:1.4rem; color:#333;}
.myapoint h4 img {margin-left:5px; vertical-align:middle;}
.myapoint .logon {
	width:100%;
	height:48px;
	background:#F6F6F6;
	border-radius: 5px;
	text-align:center;
}
.myapoint .logon p {font-size:1.6rem; color:#333; line-height:48px;text-align:center;}
.myapoint .logon p span {margin-left:10px; font-size:1.6rem; color:#333; font-weight:700}

.mypage_nav_l ul button {
	padding:10px 0;
	font-size:1.4rem;
	width:100%;
	text-align: left;
}
.mypage_nav_l ul button:hover {color:#dc0074;}


.ap_shop {
	width:100%;
	display: flex;
	position:relative;
	flex-wrap: wrap;
	justify-content:flex-start;
}

.shop_box {
	width:345px;
	position: relative;
	overflow: hidden;
	margin-bottom:60px;
	margin-right:20px;
}
.shop_box:nth-of-type(4n) {margin-right:0;}
.shop_img {
	width:345px;
	height:345px;
	overflow: hidden;
}


.shop_img img {
	width:100%;
	height:100%;
	overflow: hidden;
	-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
	perspective: 1;
}

.shop_img img:hover { 
	transform: scale(1.1,1.1);
	-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
	cursor:pointer;
}

.shop_text {
	position:relative;
	margin-top:20px;
}
.shop_text h3 { font-size:1.6rem; color:#999;}
.shop_text h2 { font-size:1.8rem; line-height:180%; word-break: keep-all; color:#333; margin-top:4px;}
.shop_text button { position:absolute; bottom:5px; right:5px; width:70px; height:25px;border-radius: 5px; border:1px solid #ccc; background: #fff; -webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}
.shop_text button:hover {background: #333; color:#fff; border:1px solid #ccc;  border-radius: 5px; -webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;}
.shop_text p { font-size: 20px; font-weight:700; padding-top:10px;}
.shop_text p span { font-size: 22px; font-weight:700; margin-right:4px;}
.shop_box:hover > .shop_text h2 {text-decoration:underline}
.shop_box:hover {cursor:pointer}

/* coupon */

.coupon_wrap {
	position:relative;
	width:100%;
	padding:66px 310px;
	background:#F8F9FA;
	text-align:left;
	margin-top:34px;
	margin-bottom:20px;
}
.coupon_wrap p {
	font-size:1.5rem;
	color:#F03E3E;
	margin-top:8px;
}
.coupon_input {width:580px;}
.coupon_input input {
	width:478px;
	height:52px;
	background:#fff;
	border:1px solid #d6d6d6;
	padding:15px 10px;
	font-size:1.5rem;
}
.coupon_input input::placeholder {color:#999;}
.coupon_input button {
	width:92px;
	height:52px;
	background:#000;
	color:#fff;
	font-size:1.5rem;
	margin-left:10px;
}
.coupon_ul li {
	font-size:1.6rem;
	color:#666;
	line-height:1.8;
}
#mdCf {display:none}
.coupon_popup {
	position:absolute;
	width:380px;
	height:410px;
	background:#fff;
	top:210px;
	left:50%;
	transform:translate(-50%,0);
	padding:20px 0;
	text-align:center;
}
.coupon_popup p {
	font-size:2.5rem;
	font-weight:700;
	margin:10px 0;
}
.coupon_popup p span {font-size:2.5rem; font-weight:700; color:#dc0074;}
.coupon_popup img {width:100%;}
button.btn_ok {
	width:340px;
	height:52px;
	background:#333;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
}






.myacash_present {
	width:100%;
	border:1px solid #ccc;
	border-radius:5px;
	padding:30px 0;
	text-align:center;
	margin-bottom:40px;
	font-size:1.4rem;
}
.myacash_present span {
	font-size:1.8rem;
	font-weight:700;
}




/* order contents */
.order_contents_wrap {
	position:relative;
	width:1080px;
	padding:30px;
	background: #fff;
	color:#333;
}
.order_contents_wrap h1 {
	width:100%;
	text-align:center;
	font-size:2.4rem;
	font-weight:700;
	padding-bottom:20px;
	border-bottom:2px solid #333;
}
.btn_receipt_pop {
	position:absolute;
	top:20px;
	right:30px;
	width:138px;
	height:50px;
	border-radius:5px;
	border:1px solid #DC0074;
	color:#DC0074;
	font-size:1.6rem;
	font-weight:700;
}
.btn_receipt_pop:hover {background:#FFE6F0}
.order_flow {
	margin-top:30px;
	padding:15px 30px;
	background:#F8F9FA;
}
.order_flow ul {
	position:relative;
	width:100%;
	height:90px;
	display: flex;
	justify-content: space-between;
}
.order_flow ul li {
	width:60px;
	position:relative;
	text-align:center;
	overflow:visible;
}
.order_flow ul li p {
	position:absolute;
	width:80px;
	margin-top:12px;
	font-size:1.3rem;
	color:#999;
	left:-10px;
	text-align:center;
}
.order_flow ul li:after {
	position:absolute;
	top:20px;
	right:-32px;
	content: url('/assets/images/ic_orderlist_chevron_right.svg');
}
.order_flow ul li:last-of-type:after {
	padding:0;
	content: "";
}
.order_flow ul li.ing {
	color:#dc0074;
	font-weight:700;
	font-size:1.3rem;
}

.order_flow ul li.done p {
	color:#dc0074;
	font-size:1.3rem;
	font-weight:700;
}
.order_flow ul li > img {vertical-align:top;}
.order_flow ul li > img.active {display:none;}
.order_flow ul li.done > img.active {display:block;}
.order_flow ul li.done > img.default {display:none;}


.order_flow_line {
	width:100%;
	display: block;
	height:1px;
	background: #dc0074;
}

.order_contents_box {
	display:flex;
	width:100%;
	justify-content: space-between;
}
.order_contents {
	width:100%;
	padding-bottom:20px;
}
.order_contents h2 {
	position:relative;
	width:100%;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:700;
	
}
.order_contents ul {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.order_contents ul li {
	position:relative;
	width:450px;
	height:450px;
	background:#ddd;
	margin-right:20px;
	margin-bottom:20px;
}
.order_contents ul li:nth-of-type(2n) {margin-right:0;}
.order_contents_l, .order_contents_r {
	width:490px;
}
.order_contents_l h2, .order_contents_r h2 {
	position:relative;
	border-bottom:1px solid #333;
	width:100%;
	padding:10px 0;
	font-size:1.8rem;
	font-weight:700;
	margin-top:30px;
}
.order_contents_row {
	position:relative;
	width:100%;
	border-bottom:1px solid #ccc;
	display: table;
}


.order_contents_list {
	display: table-cell;
	width:110px;
	font-size:1.4rem;
	color:#666;
	background:#F8F9FA;
	padding:10px;
	line-height:1.8;
}

.order_contents_list button {
	position:absolute;
	left:20%;
	top:6px;
	background: #ddd;
	border-radius:5px;
	padding:5px 10px;

}
.order_contents_cont {
	width:380px;
	display: table-cell;
	font-size:1.4rem;
	padding:10px;
	line-height:1.8;
}
.order_contents_cont span {font-size:1.4rem; color:#dc0074; font-weight:700}
.order_contents_tax {
	position:relative;
	width:100%;
	background:#F8F9FA;
	padding:16px 12px;
	line-height:1.6;
	margin-top:20px;
}
.order_contents_tax p {font-size:1.4rem; color:#121212;}
.order_contents_tax ul li {font-size:1.4rem; color:#666; list-style:"·"; margin-left:5px;padding-left:5px; word-break:keep-all; margin-top:5px;}

/* payment popup */
#payment {display:none;}
.payment_pop {
	width:980px;
	height:620px;
	background: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}

.payment_pop {
	width:980px;
	height:620px;
	background: #fff;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
}

.payment_pop_wrap {
	width:980px;
	height:620px;
	background: #F6F6F6;
	position:relative;
	padding:10px
}


.payment_pop_title {
	width:100%;
	background: var(--aprint-color);
	color:#fff;
	text-align: left;
	font-size:1.8rem;
	font-weight:700;
	height:70px;
	line-height:70px;
	padding:0 30px;
}
.payment_pop_box {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.payment_pop_box h1 {font-size:1.8rem; font-weight:700;}
.payment_pop_box p {font-size:1.8rem; font-weight:700; color:var(--aprint-color); position:relative;}
.payment_pop_box p span {font-size:1.8rem; font-weight:700; margin-right:5px; color:var(--aprint-color);}
.payment_pop_box_l, #Acash {
	position:relative;
	width:640px;
	min-height:600px;
	background:#fff;
	padding:30px;
	margin-right:10px;
}

.payment_pop_box_r {
	position:relative;
	width:310px;
	background:#fff;
	padding:30px 20px
}

.payment_pop_row {
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.payment_pop_row input[type="text"] {
	border:1px solid #D6D6D6;
	font-size:1.5rem;
	padding:5px;
	width:100%;
	height:52px;
	position:relative;
	margin-bottom:20px
}
.payment_pop_row_a {
	position:relative;
	display: flex;
	justify-content: space-between;
	margin:10px 0 20px;
	width:310px;
}
.payment_pop_row_a button {
	width:100px;
	height:50px;
	background:#eee;
	color:#000;
	border-radius:10px;
	font-size:1.4rem;
	position:absolute;
	top:-12px;
	right:30px;
}
.payment_pop_row h2 {font-size:2rem;font-weight:700}
.payment_pop_row h3 {font-size:1.8rem;font-weight:700;margin-bottom:10px}
.payment_pop_row h4 {font-size:2.4rem;font-weight:700;color:var(--aprint-color);margin-bottom:10px}
.payment_pop_pay {
	padding:20px 0;
	border-top:1px solid #ccc;
	position:relative;
}
.payment_pop_btn {
	padding:15px 0;
	border-top:2px solid #333;
	border-bottom:1px solid #D6D6D6;
	display: flex;
	flex-wrap: wrap;
	position:relative;
	width:100%;
	margin:16px 0 5px 0;
}
.payment_pop_btn input[type="radio"] {display:none;}
.payment_pop_btn input[type="radio"]+label {
	position:relative;
	width:calc((100% - 30px)/4);
	height:58px;
	background:#fff;
	border:1px solid #D6D6D6;
	color:#333;
	font-size:1.6rem;
	margin:5px 0;
	text-align: center;
	line-height:56px;
	margin-right:10px;
	padding-left:0;
}
.payment_pop_btn input[type="radio"] + label:before,
.payment_pop_btn input[type="radio"] + label:after {display:none}
.payment_pop_btn input[type="radio"]+label:nth-of-type(4n) {margin-right:0;}
.payment_pop_row_a button:hover, .payment_pop_btn input[type="radio"]+label:hover,.payment_pop_btn input[type="radio"]:checked+label{
	background:#333;
	border:1px solid #333;
	color:#fff;
	cursor:pointer;
}
.payment_pop_btn input[type="radio"]+label > img {text-align:center;vertical-align:middle;margin-top:-5px}
.payment_pop_btn input[type="radio"]+label > img.def {display:inline-block;}
.payment_pop_btn input[type="radio"]+label > img.act {display:none;}
.payment_pop_btn input[type="radio"]+label:hover > img.def,.payment_pop_btn input[type="radio"]:checked+label > img.def {display:none;}
.payment_pop_btn input[type="radio"]+label:hover > img.act,.payment_pop_btn input[type="radio"]:checked+label > img.act {display:inline-block;}
.payment_pop_btn ul {
	position:relative;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: space-between;
}
.payment_pop_btn ul li {
	position:relative;
	width:calc((100% - 40px)/3);
	height:50px;
	border:2px solid #aaa;
	color:#000;
	font-size:1.4rem;
	margin:10px 0;
	text-align: center;
	line-height:50px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.payment_pop_btn ul li:hover {
	background: #aaa;
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	cursor:pointer;
}
.payment_pop_list {
	font-size:1.6rem;
	margin-bottom:10px;
	color:#333;
}

.payment_pop_list button {
	border:1px solid var(--aprint-color);
	color:#333;
	margin-left:10px;
	border-radius:0;
	padding:5px 10px;
}
.payment_pop_cost {
	font-size:1.6rem;
	margin-bottom:10px;
	text-align:right;
	color:#333;
}
.payment_pop_cost span {font-size:1.6rem; margin-right:5px; font-weight:700;}
.payment_pop_txt {
	padding-top:10px;
}
.payment_pop_txt li p {font-size:1.4rem; font-weight:400; color:#333; line-height:200%;}
.payment_pop_txt li h6 {line-height:200%;}
.payment_pop_txt li p.bank {font-size:1.4rem; font-weight:500; color:var(--aprint-color);}
.payment_pop_txt li p input {
	border:1px solid #ddd;
	background:#fafafa;
	padding:2px 5px;
}
.payment_pop_btn2 {
	position:absolute;
	width:100%;
	text-align: center;
	bottom:30px;
}
.payment_pop_btn2 button {
	width:200px;
	height:50px;
	border-radius:10px;
	font-size:1.4rem;
	margin:0 20px;
}

.payment_pop_btn2 button:hover{
	background:#000;
	color:#fff;
}
.payment_pop_btn3 {position:absolute; bottom:30px; left:20px; width:100%;}
button.btn_pop_pay {
	width:130px;
	height:52px;
	background:var(--aprint-color);
	color:#fff;
	font-weight:700;
	font-size:1.5rem;
}
button.btn_pop_pay:hover {background:#9A0051}
button.btn_pop_cancel {
	width:130px;
	height:52px;
	margin-right:10px;
	border:1px solid #222;
	background:#fff;
	color:#333;
	font-weight:700;
	font-size:1.5rem;
}
button.btn_pop_cancel:hover {background:#eee}
.credit01 {display:none;}
.credit01.on {display:inherit;}
.chargeBtn {
	width:130px;
	height:52px;
	background: #fff;
	border:1px solid var(--aprint-color);
	text-align: center;
	font-size:1.5rem;
	font-weight:700;
	color:var(--aprint-color);
	line-height:50px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	position:absolute;
	right:0;
	top:20px;
}
.chargeBtn:hover {
	background: var(--aprint-color);
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.company_bro {
	position:relative;
	width:100%;
	border:1px solid #eee;
}
.company_bro li {position:relative; width:100%;}
.company_bro li img {width:100%;}

.depositor {
	width:100%;
	background:#F6F6F6;
	padding:15px;
	text-align:center;
	justify-content:center;
	margin-bottom:12px;
}
.depositor h3 {font-size:1.4rem;font-weight:700;display:inline-block;vertical-align:middle;color:#333;margin-right:15px;}
.depositor h4 {font-size:1.8rem;font-weight:700;display:inline-block;vertical-align:middle;color:#dc0074}
.depositor > button {
	width:56px;
	height:28px;
	border-radius:2px;
	background:#fff;
	border:1px solid #e3e3e3;
	font-size:1.2rem;
	color:#666;
}
.banknum {
	width:100;
	padding:15px;
	background:#FFF0F6;
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	color:#dc0074;
}
.depositor2 {
	width:100%;
	margin:20px 0;
}
.depositor2 > label {font-size:1.4rem;font-weight:700;color:#333;margin-right:24px;}
.depositor2 > input {font-size:1.5rem;color:#999;padding:15px;border:1px solid #D6D6D6}
.cashBtn {
	position:relative;
	width:100%;
	padding:20px 0 5px 0;
}
.cashBtn input[type="radio"] {
    position: absolute;
    opacity: 0;
	z-index:1;
	cursor: pointer;
}
.cashBtn label {
	position:relative;
	display:inline-block;
	vertical-align:top;
	cursor: pointer;
	width:24%;
	padding-left:0!important;
	margin-bottom:25px;
	font-size:1.8rem;
	color:#333;
	line-height:1;
}
.cashBtn input[type="radio"] + label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 2px solid #666;
    display: inline-block;
	vertical-align:top;
    width: 20px;
    height: 20px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
	margin-right:10px;
}
.cashBtn input[type="radio"]:checked + label:before {
    background-color: #dc0074;
    box-shadow: inset 0 0 0 3px #fff;
	border: 2px solid #dc0074;
}
.cashBtn input[type="radio"]:focus + label:before {
    outline: none;
    border-color: #dc0074;
}
.cashBtn input[type="radio"]:disabled + label:before {
    box-shadow: inset 0 0 0 3px #fff;
    border-color: #d8d8d8;
    background: #d8d8d8;
}
.cashBtn input[type="radio"] + label:empty:before {
    margin-right: 6px;
}
.cashBtn input[type="text"] {width:100%;} 

/* 결제창 관련 끝 */


/*모바일 전용 결제창(중요) */
@media (max-width:979px) {
.payment_pop_wrap {
	width:100%;
	height:100%;
	overflow:hidden;
}
.payment_pop_box_l, #Acash {
	position:relative;
	width:100%;
	min-height:auto;
	margin-right:0;
}

.payment_pop_box_r {
	position:relative;
	width:100%;
	height:auto;
}
.payment_pop_btn3 {
	position:relative;
	width:100%;
	left:inherit;
	bottom:inherit;
}
.payment_pop_row input[type="text"] {
	border:1px solid #D6D6D6;
	font-size:1.5rem;
	padding:5px;
	width:100%;
	height:52px;
	position:relative;
	margin-bottom:20px
}
.payment_pop_row_a {
	position:relative;
	display: flex;
	justify-content: space-between;
	margin:10px 0 20px;
	width:310px;
}
.payment_pop_row_a button {
	width:100px;
	height:50px;
	background:#eee;
	color:#000;
	border-radius:10px;
	font-size:1.4rem;
	position:absolute;
	top:-12px;
	right:30px;
}
.payment_pop_row h2 {font-size:2rem;font-weight:700}
.payment_pop_row h3 {font-size:1.8rem;font-weight:700;margin-bottom:10px}
.payment_pop_row h4 {font-size:2.4rem;font-weight:700;color:#dc0074;margin-bottom:10px}
.payment_pop_pay {
	padding:20px 0;
	border-top:1px solid #ccc;
	position:relative;
}
.payment_pop_btn {
	padding:15px 0;
	border-top:2px solid #333;
	border-bottom:1px solid #D6D6D6;
	display: flex;
	flex-wrap: wrap;
	position:relative;
	width:100%;
	margin:16px 0 5px 0;
}
.payment_pop_btn input[type="radio"] {display:none;}
.payment_pop_btn input[type="radio"]+label {
	position:relative;
	width:calc((100% - 30px)/4);
	height:58px;
	background:#fff;
	border:1px solid #D6D6D6;
	color:#333;
	font-size:1.6rem;
	margin:5px 0;
	text-align: center;
	line-height:56px;
	margin-right:10px;
}

.payment_pop_btn input[type="radio"]+label:nth-of-type(4n) {margin-right:0;}
.payment_pop_row_a button:hover, .payment_pop_btn input[type="radio"]+label:hover,.payment_pop_btn input[type="radio"]:checked+label{
	background:#333;
	border:1px solid #333;
	color:#fff;
	cursor:pointer;
}
.payment_pop_btn input[type="radio"]+label > img {text-align:center;vertical-align:middle;margin-top:-5px}
.payment_pop_btn input[type="radio"]+label > img.def {display:inline-block;}
.payment_pop_btn input[type="radio"]+label > img.act {display:none;}
.payment_pop_btn input[type="radio"]+label:hover > img.def,.payment_pop_btn input[type="radio"]:checked+label > img.def {display:none;}
.payment_pop_btn input[type="radio"]+label:hover > img.act,.payment_pop_btn input[type="radio"]:checked+label > img.act {display:inline-block;}
.payment_pop_btn ul {
	position:relative;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	justify-content: space-between;
}
.payment_pop_btn ul li {
	position:relative;
	width:calc((100% - 40px)/3);
	height:50px;
	border:2px solid #aaa;
	color:#000;
	font-size:1.4rem;
	margin:10px 0;
	text-align: center;
	line-height:50px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.payment_pop_btn ul li:hover {
	background: #aaa;
	color:#fff;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	cursor:pointer;
}



}


/* 모바일 전용 결제창 끝 */






/* news */
.news_wrap {
	position:relative;
	width:100%;
	margin:10px 0;
}
.news_box {
	padding:20px 0;
	border-bottom:1px solid #000;
	height:140px;
	font-size:0;
	overflow:hidden;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.underline {
	text-decoration: underline
}
.news_img {
	width:100px;
	height:100px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	font-size:0;
	vertical-align: top;
}
.news_img span{
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background: #ccc;
	position:relative;
	vertical-align: top;
	display: block;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
}
.news_img span:hover {
	transform:scale(1.1);
	overflow:hidden;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	transition:all 0.30s ease-in-out;
}
.news_text {
	position:relative;
	display:inline-block;
	font-size:0;
	margin-left:20px;
	width:840px;
	vertical-align: top;
}
.news_title {
	font-size:2rem;
	display: inline-block;
	vertical-align: middle;
}
.news_new {
	width:50px;
	height:20px;
	border-radius:10px;
	background:#dc0074;
	color:#fff;
	font-size:1.1rem;
	font-weight:700;
	display:inline-block;
	margin-left:10px;
	margin-bottom:3px;
	text-align:center;
	letter-spacing: 1px;
	vertical-align: middle;
	line-height:20px;
}
.news_cont {
	font-size:1.4rem;
	width:880px;
	height:40px;
	word-break: keep-all;
	margin:5px 0;
	line-height:150%;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color:#333;
}
.news_date {
	position:absolute;
	right:0;
	bottom:20px;
	color:#999;
}

.news_write_form {
	position:relative;
	width:100%;
	margin:20px auto;
	border-bottom:1px solid #ccc;
}
.news_write_row {
	position:relative;
	font-size:0;
	width:100%;
	padding:0;
}
.news_write_left {
	display:inline-block;
	font-size:0;
	width:100px;
	margin:10px 0;
	padding:10px;
	vertical-align: top;
	
}
.news_write_left p {font-size:1.4rem;}
.news_write_right {
	display:inline-block;
	width:900px;
	margin:10px 0;
	font-size:0;
}

.news_write_right input[type="text"] {
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	font-size:1.4rem;
	position:relative;
	width:100%;
}
.news_write_right textarea {
	position:relative;
	width:100%;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px;
	height:500px;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	resize:vertical;
}

.news_write_right input[type="file"] {padding:10px 0;}

.news_file {
	position:relative;
	width:100%;
	text-align: center;
	padding:10px;
	margin:10px 0;
	background:#dc0074; 
	color:#fff;
	border-radius: 10px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.news_file:hover {
	background: #fff;
	border:1px solid #dc0074;	
	color:#dc0074;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.btn_news_submit {
	padding:10px 20px;
	color:#fff;
	background:#dc0074;
	border-radius:10px;
	font-size:1.4rem;
	
}
.btn_news_submit:hover {
	border:1px solid #dc0074;
	background: #fff;
	color:#dc0074;
}
.news_blog_wrap {
	position:relative;
	margin:50px auto;
	width:90%;
}
.news_blog_title {
	font-size:2.4rem;
	font-weight:700;
	text-align:center;
	margin:30px 0;
}
.news_blog_info {
	position:relative;
	width:100%;
	height:40px;
	clear:both;
	border-bottom:1px solid #000;
}
.news_blog_name {float:left;}
.news_blog_date {float:right; color:#999}
.news_blog {
	padding:30px;
	text-align:center;
	border-bottom:1px solid #000;
}
.news_blog p {
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	
	text-align:left;
	padding:30px;
}
.news_blog img {
	margin:0 auto;
	text-align:center;
	width:100%;
	display:block;
}


/* proposal */
.proposal_wrap {
	width:1200px;
	height:800px;
	background:#ddd;
	padding:20px;
	position:relative;
	display:flex;
	flex-wrap:wrap;
}
.proposal_left {
	position:relative;
	width:50%;
	min-height:100%;
	padding:10px;
	background:#fff;
}
.proposal_right {
	position:relative;
	width:50%;
	min-height:100%;
	padding:30px 20px;
	border-left:1px solid #ddd;
	background:#fff;
}
.proposal_box {
	position:relative;
	width:100%;
	height:100%;
}
.text_prev {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	text-align:center;
}
.text_prev p {
	line-height:160%;
	margin-bottom:20px;
}
.btn_con_down {
	width:90px;
	height:40px;
	background:#dc0074;
	color:#fff;
	font-size:1.4rem;
}
.img_prev {
	position:absolute;
	bottom:0;
	left:0;	
	width:100%;
	height:100%;
	border:1px dashed #ccc;
	overflow:scroll;
}
.pdf_prev {
	position:absolute;
	bottom:0;
	left:0;	
	width:100%;
	height:92%;
	border:1px dashed #ccc;
}
.pdf_txt {
	position:relative;
	text-align:center;
	font-size:2rem;
	padding:10px;
}
.proposal_txt {
	position:relative;
}
.proposal_right p.notice {
	display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #222;
    font-size: 14px;
	font-weight:700;
	margin-bottom:12px;
}
.proposal_right p.notice:before,
.proposal_right p.notice:after {
	content: "";
    flex-grow: 1;
    background:#999;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}
.proposal_right p.notice:before {margin-right:20px;}
.proposal_right p.notice:after {margin-left:20px;}
.proposal_txt p {
	font-size:1.5rem;
	line-height:1.8;
}
.proposal_txt h4 {color:#666;line-height:1.8;font-size:1.4rem;}
.proposal_txt.admin {
	background:#E7F5FF;
	padding:24px 20px;
	margin-bottom:40px;
}
.proposal_txt.pink {
	background:#FFF0F6;
	padding:12px 20px;
	border-radius:5px;
	margin-bottom:15px
}
.proposal_txt.pink p,
.proposal_txt.pink h4 {color:#E64980}
.proposal_txt.pink p span {font-size:inherit;font-weight:700;}
.sent_txt {
	position:relative;
	width:100%;
}
.sent_txt_row {}
.sent_txt_row img {
	display:inline-block;
	width:36px;
	height:36px;
	margin-right:12px;
	vertical-align:middle;
}
.sent_txt_row p {
	display:inline-block;
	font-size:1.4rem;
	vertical-align:top;
}
.sent_txt_row p span {margin-left:5px; font-size:1.4rem; color:#dc0074}
.sent_txt_area {
	position:relative;
	background:#0D85FF;
	color:#fff;
	padding:12px;
	border-radius:0px 5px 5px 5px;
	font-size:1.4rem;
	line-height:160%;
	margin-left:50px;
	display:inline-block;
}
.sent_txt_area:after {
	content: '';
	position: absolute;
	top: 0;
	left: 4px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #0D85FF;
	border-top: 0;
	border-left: 0;
	margin-left: -4px;
	margin-top: -8px;
}
.step_1 {
	position:relative;
	width:100%;
	padding-bottom:12px;
}
.step_1 textarea {
	position:relative;
	width:458px;
	min-height:72px;
	vertical-align: top;
	word-break: keep-all;
	font-size:1.4rem;
	line-height:180%;
	border:1px solid #ccc;
	padding:10px;
	resize:vertical;
}
.proposal_txt button {
	position:absolute;
	right:0;
	background: #dc0074;
	color:#fff;
	width:72px;
	height:72px;
	font-size:1.3rem;
}
.proposal_step.edit_title {font-size:1.8rem;font-weight:700;color:#333}
.proposal_step {
	font-size:1.5rem;
	font-weight:700;
	line-height:1.8;
	color:#666;
}
button.btn_compl {
	position:relative;
	background: #dc0074;
	color:#fff;
	width:100%;
	height:52px;
	font-size:1.5rem;
	font-weight:700;
}
.popup_proposal {
	width:720px;
	height:auto;
	background: #fff;
	margin:0 auto;
	position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-30%);
    overflow: hidden;
	border-radius: 5px;
	padding:42px 30px;
}
.popup_proposal h1 {font-size:2.4rem;font-weight:700;}
.proposal_gray {
	position:relative;
	width:100%;
	background:#F1F3F5;
	padding:24px 20px;
	margin:12px 0;
}
button.btn_close_pp {
	width:150px;
	height:40px;
	font-size:1.4rem;
	font-weight:700;
	background:#222;
	color:#fff;
}
.step_1 #input_file{display:inline-block; width:0px; height:0px; opacity:0; overflow:hidden; }

.step_1 #dropZone {
	width:100%;
	margin-bottom:10px;
}
.step_1 #dropZone #fileDragDesc{
	width:100%;
	height:52px;
	line-height:50px;
	text-align:left;
	padding:0 10px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	cursor:pointer;
	font-size:1.5rem;
	color:#959595;
}
.step_1 #dropZone #fileDragDesc img {vertical-align:middle;margin-right:5px}
.step_1 #dropZone #fileDragDesc img.act {display:none}
.step_1 #dropZone #fileDragDesc:hover {
	border:1px solid #DC0074;
}
.step_1 #dropZone input[type="button"] {
	width:64px;
	height:52px;
	background:#EFEFEF;
	border:1px solid #d6d6d6;
	border-radius:5px;
	color:#666;
	font-size:1.3rem;
	z-index:2;
}
.step_1 #dropZone input[type="button"]:hover {
	border:0;
	background:#333;
	color:#fff;
}
.step_1 #dropZone #fileDragDesc{}
.step_1 #dropZone1{
	width:465px;
	height:52px;
	line-height:50px;
	border:1px solid #d6d6d6;
	border-radius:5px;
	font-size:1.5rem;
	color:#333;
	margin-right:10px;
	padding:0 10px;
}




/* membership */
.membership_wrap {
	position:relative;
	width:100%;
	margin-top:40px;
	color:#333;
}
.membership_wrap h1 {
	display:inline-block;
	font-size:2.6rem;
	font-weight:700;
	line-height:100%;
	vertical-align:middle;
	margin-bottom:12px;
}
.membership_wrap h1 span {
	display:inline-block;
	font-size:1.6rem;
	color:#666;
	line-height:26px;
	margin-left:20px;
	vertical-align:top;
}
.membership_wrap h2 {font-size:2rem; font-weight:700; margin-bottom:12px;}
.mygrade_wrap {
	position:relative;
	width:100%;
	height:230px;
	border:15px solid #F1F3F5;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:60px;
}
.mygrade_box_l {
	position:relative;
	width:770px;
	height:200px;
	padding:30px 60px;
	display:inline-block;
}
.mygrade_border {
	position:absolute;
	display:block;
	right:0;
	top:10px;
	width:2px;
	height:180px;
	background:#F1F3F5;
	z-index:2;
}
.ic_grade {
	display:inline-block;
	vertical-align:middle;
	width:150px;
	height:150px;
	background:#F1F3F5;
	border-radius:50%;
	text-align:center;
	padding-top:30px;
}
.ic_grade img {width:72px;}
.mygrade_txt {
	display:inline-block;
	vertical-align:middle;
	margin-left:32px;
	margin-bottom:12px;
}
.mygrade_txt h2 {font-size:2.6rem;font-weight:400}
.mygrade_txt h2 span {font-size:3.2rem; font-weight:700; color:#dc0074;}
.mygrade_row {display:flex; margin:6px 0;}
.mygrade_row h3 {position:relative;font-size:1.6rem; width:120px;}
.mygrade_row h3:after {content:'';position:absolute;display:block;top:6px;right:10px;width:2px;height:16px;background:#eee;}
.mygrade_row p {font-size:1.6rem; font-weight:700}
.mygrade_row p span {font-size:1.6rem; color:#999;}
.mygrade_box_r {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	width:400px;
	height:200px;
	text-align:center;
	justify-content:center;
}
.mygrade_box_r p {font-size:1.8rem; color:#666; margin-bottom:40px;}
.mygrade_box_r p span {font-size:1.8rem; font-weight:700; color:#dc0074;}

.grade_bar {
	position:relative;
    color: #fff;
    font-size: 1.1rem;
    line-height: 0.8rem;
	width:320px;
    height: 8px;
    margin:0 auto;
    background:#D4D4D4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.grade_bar p {font-size:1.2rem; position:absolute; top:-15px;}
.grade_bar p.t_left {left:0; text-align:left;}
.grade_bar p.t_right {right:0; text-align:right}
.grade_bar div {
    background: #dc0074;
    position: relative;
    width: 0;
	height:8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.grade_bar span {
    display: block;
    position: absolute;
    right: 0;
    bottom:-32px;
	padding:8px;
	color:#333;
	font-size:1.2rem;
    background: #FFC2E2;
	z-index:5;
	transform:translate(47%,0);
}
.grade_bar span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -5px;
    left: calc(50% - 6px);
    background: transparent;
	border-top:6px solid none;
	border-bottom:6px solid #FFC2E2;
	border-right: 6px solid transparent;
	border-left: 6px solid  transparent;
}
.grade_bar * {
        webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
           -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
               transition: all 0.5s ease;
}
table.membership {
	position:relative;
	width:100%;
	border-top:2px solid #333;
	border-bottom:1px solid #333;
}

table.membership thead tr th {
	width:12.5%;
	font-size:1.6rem;
	font-weight:700;
	border-bottom:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding:18px;
	vertical-align:top;
}
table.membership thead tr th img {width:40px;}
table.membership thead tr th p {font-size:1.6rem; font-weight:700;}
table.membership thead tr th span {font-size:1.4rem; color:#666;}
table.membership tbody tr th {
	width:12.5%;
	height:64px;
	font-size:1.5rem;
	font-weight:700;
	border-bottom:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
}
table.membership tbody tr {}
table.membership tbody tr td {
	width:12.5%;
	height:64px;
	font-size:1.5rem;
	border-bottom:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	text-align:center;
}
table.membership thead tr th:first-child {vertical-align:middle; width:25%}
table.membership thead tr th:last-of-type {border-right:0;}
table.membership tbody tr th:first-child {width:25%}
table.membership tbody tr td:last-of-type {border-right:0;}
.grade_info {
	position:relative;
	width:100%;
	padding:30px;
	background:#FBFBFB;
	margin-top:24px;
	margin-bottom:100px;
}
.grade_info p {
	font-size:1.6rem;
	margin-bottom:10px;
}
.grade_info ul li {
	font-size:1.6rem;
	color:#999;
	margin-bottom:5px;
}
.ic_circle {
	width:8px;
	height:8px;
	border-radius:4px;
	background:#333;
	margin:0 auto;
}

#clickInfo2:after {
	position:absolute;
	left:-6.5px;
	top: 50%;
	width:11px;
	height:11px;
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:0;
	border-top:0;
	background:#fff;
	transform:rotate(45deg);
	content:'';
	margin-top:-4.5px;
}

.btn_alert p {
	display:inline-block;
	vertical-align:middle;
	font-size:1.4rem;
	color:#999;
	line-height:22px;
}
.btn_alert div {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.btn_alert div img {width:20px; vertical-align:middle;}
.btn_alert span {display:none;}
.contact_title {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items:top;
	margin-bottom:50px;
}
.contact_title h2 {
	font-size:2.6rem;
	font-weight:700;
	color:#333;
	width:250px;
}
.contact_title p {
	font-size:1.6rem;
	color:#666;
	line-height:2;
	margin-bottom:30px;
}
.contact_agree_all {
	padding:20px 0;
}
.contact_agree_all > label p {font-size:1.8rem; font-weight:700; margin-left:10px;}
.contact_agree {
	position:relative;
	width:100%;
	border:1px solid #d6d6d6;
	margin-bottom:10px;
}
.contact_agree > .content {
	padding:0 20px;
	height:52px;
}
.contact_agree > .content h6 {
	font-size:1.6rem; font-weight:700; margin-left:10px;
}
.contact_agree > .toggle {
	position:100%;
	border-top:1px solid #d6d6d6;
	padding:15px 56px;
	display:none;
}
.contact_agree > .toggle p {
	font-size:1.6rem;
	color:#666;
	line-height:1.8
}

.contact_agree span.btn_toggle {
	position:absolute;
	top:10px;
	right:20px;
	cursor:pointer;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.contact_agree span.btn_toggle.rotate {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	top:15px;
}
.contact_row {
	position: relative;
    width: 100%;
    background: #F8F9FA;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.contact_row p {font-size:1.5rem; color:#666;line-height:1.8}



/* 고객의 소리 */
.cs_form {
	width:100%;
	padding:0 20px;
}
.cs_form_title {
	font-size:2rem;
	font-weight:700;
	border-bottom:2px solid #333;
	color:#333;
	display: block;
	padding-bottom:15px;
	margin-bottom:10px;
	position:relative;
}
.cs_form_title span {
    position: absolute;
    bottom: 15px;
    right: 0;
    font-size: 1.5rem;
}
.style_name {
	margin-left:10px;
	font-size:1.8rem;
	font-weight:700;
	color:#666;
}
.cs_form_box {border-bottom:1px solid #d6d6d6; margin-bottom:70px; padding-bottom:10px;}
.cs_form_box:last-of-type {margin:0;}
.cs_form_agree {
	width:100%;
	background:#F8F9FA;
	padding:20px;
	text-align:center;
}
.cs_form_agree p {text-align:center; font-size:1.6rem; line-height:180%; color:#666}
.cs_form_row {position:relative; width:100%; padding:10px 0;}
.cs_form_cont {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.cs_form_cont label, .cs_form_cont_l label {
	display: block;
	font-size:1.6rem;
	font-weight:700;
	padding:10px 0;
	width:190px;

}
.cs_form_cont input, .cs_form_cont_l input{
	display: block;
	width:770px;
	height:52px;
	border:1px solid #d6d6d6;
	background: #fff;
	padding:15px;
	font-size:1.5rem;
}
.cs_form_cont select {
	width:100%;
	height: 52px;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    font-size:1.5rem;
}
.cs_form_cont p {font-size:1.3rem;color:#DC0074;margin-top:3px}
.cs_form_cont.contact select {width:350px;}
.cs_form_cont.contact input {width:350px;margin-right:10px;}
.cs_form_cont.contact p {font-size:1.5rem;color:#666;}
.cs_form_cont input::placeholder, textarea::placeholder {color:#999;}


.cs_form_cont_pay {
	position:relative;
	width:95%;
	margin-right:5%;
	padding:15px
}
.cs_form_cont_pay input[type="radio"] + label {font-size:1.4rem;} 
.cs_form_cont_pay div {font-size:1.4rem}
.cs_form_row input[type="checkbox"] + label {display: inline-block; font-size:1.6rem;font-weight:700;background-position:left center}
.cs_form_row input[type="checkbox"]:checked + label {background-position:left center}


.cs_form_cont textarea{
	width:770px;
	height:200px;
	word-break: keep-all;
	font-size:1.5rem;
	line-height:180%;
	background: #fff;
	border:1px solid #d6d6d6;
	padding:15px;
	resize:vertical;
}

.cs_form_cont .cs_file {
	width:120px;
	height:52px;
	font-size:1.5rem;
	line-height:32px;
	color:#444;
	display:inline-block;
	background:#fff;
	cursor:pointer;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	text-align:center;
	border-radius:5px;
	border:1px solid #333;
}

.cs_form_cont .cs_file:before{
  content:"";
}

.cs_form_cont .cs_file:hover {
	background:#eee;
	color:#444;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
.cs_form_cont.contact .filename {
	width:350px;
	height:52px;
	border:1px solid #d6d6d6;
    background: #fff;
    padding: 15px;
    font-size: 1.5rem;
	margin-right:10px;
	text-overflow:ellipsis;
    white-space:nowrap;
	overflow:hidden;
	border-radius:5px;
}

.cs_form_cont .cs_file2 {
	width:100%;
  display:inline-block;
  background:#032e51;
  color:#fff;
  padding:0px 15px;
  line-height:35px;
  cursor:pointer;
  -webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	text-align:center;
	border-radius:5px;
	border:1px solid #032e51;
}

.cs_form_cont .cs_file2:before{
  content:"파일선택 +";
}

.cs_form_cont .cs_file2:hover {
	background: #fff;
	border:1px solid #032e51;	
	color:#032e51;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}

.cs_form_cont .input_file {
  display:none;
}

.cs_form_cont .filename{
  display:inline-block;
}

.cs_btn_wrap {
	width:100%;
	text-align:center; 
	clear:both;
	margin:0 auto;
	padding-top:40px;
}

.cs_btn_wrap button {width:100px; height:40px; border-radius: 5px; background: #DC0074; color:#fff;}


.mymain_grade_wrap {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	background:#E7F5FF;
	padding:35px 20px;
	border-radius:5px;
	margin-bottom:60px;
}
.mymain_grade_box {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	width:320px;
	align-items:center;
	border-right:2px solid #fff;
	padding:0 30px;
}
.mymain_grade_box:first-child {width:520px;}
.mymain_grade_box:last-child {border:0;}
.mymain_grade_box button {
	position:absolute;
	top:10px;
	right:25px;
	width:72px;
	height:32px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
	font-size:1.3rem;
	color:#444;
}
.mymain_grade_box button:hover {background:#eee;}
.icon_grade {width:90px;height:90px;border-radius:50%;background:#fff;margin-right:20px}
.icon_grade img {padding:22px;vertical-align:top;margin-top:-5px;}
.text_grade {}
.text_grade p {
	display:inline-block;
	font-size:2.2rem;
	font-weight:700;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text_grade p.name {max-width:230px;}
.text_grade p span {font-size:2.2rem;font-weight:700;color:#228BE6}
.mymain_grade_box h4 {width:100%;margin-top:5px;text-align:left!important;font-size:1.8rem!important;color:#333!important;line-height:1}
.mymain_grade_box h5 {font-size:2.2rem;font-weight:700;color:#333;margin-bottom:5px;}
.mymain_grade_box h5 span {font-size:2.2rem;color:#333;padding-left:4px}

.mymain_wrap {
	position:relative;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:60px;
}
.mymain_wrap h2 {position:relative;font-size:2.2rem;font-weight:700;width:100%;margin-bottom:12px;}
.mymain_wrap h2 a {font-weight:700;}
.mymain_wrap h2 span {position:absolute;font-size:1.5rem;color:#666;bottom:0;right:0;}
.mymain_link {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	width:585px;
	height:120px;
	border:1px solid #DEDEDE;
	background:#fff;
	border-radius:5px;
	cursor:pointer;
}
.mymain_link img {width:50px;}
.mymain_link:hover {border:1px solid #333;}
.mymain_link h4 {font-size:1.6rem;font-weight:700;color:#333;margin-left:10px;margin-right:16px;}
.mymain_link h3 {font-size:2.4rem;font-weight:700;}
.mymain_link h3.paylist {color:#228BE6}
.mymain_link h3.confirm {color:#D6336C}
.mymain_count {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:100px;
	padding:20px;
	background:#fff;
	border:1px solid #DEDEDE;
	border-radius:5px;
}
.mymain_count div {
	width:20%;
	border-right:1px solid #dedede;
}
.mymain_count div:last-child {border:0;}
.mymain_count div h4 {font-size:1.6rem!important;font-weight:700;color:#333!important;}
.mymain_count div p {font-size:2.2rem;font-weight:700;color:#666;margin-top:2px;text-align:center;}