/***************************************/
/* sub */
/***************************************/

/* date 타입 달력 안보이게 */
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; left: 0; top: 0; z-index: 0; }

/* placeholder Css */
input::placeholder { color: #9d9d9d !important; font-style: italic; }

/***************************************/
/* datepicker */
/***************************************/


.ui-widget-header { border: 0px solid #dddddd; background: #fff !important; }

.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0 !important; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center !important; }

.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 14px; padding: 0px; font-weight: bold !important; }

.ui-datepicker { display: none; background-color: #fff !important; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1) !important; }

.ui-widget.ui-widget-content { border: 1px solid #eee !important; }

#datepicker:focus>.ui-datepicker { display: block !important; }

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer !important; }

.ui-datepicker-next { float: right !important; }

.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1) !important; }

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px !important; }

.ui-datepicker-calendar { width: 100% !important; }

.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400 !important; }

.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 12px !important; font-weight: bold !important; text-decoration: none !important;}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff !important; }

.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px !important; }

.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6 !important; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b !important; }

.ui-widget-header .ui-icon { background-image: url('./btns.png') !important; }

.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px !important; }

.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px !important; }

.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; }

.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; }

.ui-datepicker-calendar>thead>tr>th:first-child span { color: red !important; }

.ui-datepicker-calendar>thead>tr>th:last-child span { color: #0099ff !important; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #e7e5e5; border-radius: 50%; padding-top: 5px; padding-bottom: 5px !important; }

/***************************************/
/* header */
/***************************************/
.wrap03 { width:1150px; margin:0 auto; position: relative; }
.sub_header { position:fixed; top:0; left:0; right:0; margin:0 auto; background:#fff; z-index:99;  }
.head_mid_sub {
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
	border-radius: 10px;
	position: relative;
	background: #fff;
	margin: 0 auto;
}
.head_mid_sub ul {
	text-align: left;
}
.head_mid_sub ul li {
	display: inline-block;
	margin-right: 50px;
	position: relative;
}
.head_mid_sub ul li a {
	display: block;
	font-size: 14px;
	font-weight:600;
}
.head_mid_sub ul li:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4280fb;
	bottom: -2px;
	left: 0;
	transition: all 0.4s;
	transform: scaleX(0);
	transform-origin: bottom right;
}
.head_mid_sub ul li:hover:before {
	width: 100%;
	transform: scaleX(1);
	transform-origin: bottom left;
}

.head_mid_sub .menu_sub {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 33px;
	top: -2px;
	cursor:pointer;
}
.head_mid_sub .menu_sub img {
	display: block;
	width: 100%;
}

header.sub_header {
	box-shadow: -3px -1px 30px 15px #f1f6ff;
	position: relative;
	top:0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	background: #fff;
}

#modal_menu_sub {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(255 255 255 / 95%);
	z-index: 9999;
	padding:15vh 0;
}
#modal_menu_sub .modal_inner {
	padding-top: 100px;
}
#modal_menu_sub .modal_inner .menu_list {
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 80%;
	margin-left: -10px;
}
#modal_menu_sub .modal_inner .menu_list02 {
	width: 20%;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-left: -10px;
}
#modal_menu_sub .modal_inner .menu_list dl {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 24%;
	padding: 0 40px;
}
#modal_menu_sub .modal_inner .menu_list02 dl {
	display: block;
	vertical-align: top;
	text-align: left;
	width: 100%;
	padding: 0 40px;
}

#modal_menu_sub .modal_inner .menu_list dl dt, #modal_menu_sub .modal_inner .menu_list02 dl dt {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	position: relative;
	width: max-content;
}

#modal_menu_sub .modal_inner .menu_list dl dt:after, #modal_menu_sub .modal_inner .menu_list2 dl dt:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4280fb;
	bottom: -2px;
	left: 0;
	transition: all 0.4s;
	transform: scaleX(0);
	transform-origin: bottom right;
}

#modal_menu_sub .modal_inner .menu_list dl:hover dt:after, #modal_menu_sub .modal_inner .menu_list02 dl:hover dt:after {
	width: 100%;
	transform: scaleX(1);
	transform-origin: bottom left;
}
#modal_menu_sub .modal_inner .menu_list dl dd, #modal_menu_sub .modal_inner .menu_list02 dl dd {
	margin-bottom: 5px;
	padding: 5px 0;
}
#modal_menu_sub .modal_inner .menu_list dl dd a, #modal_menu_sub .modal_inner .menu_list02 dl dd a {
	font-size: 15px;
	line-height: 25px;
}
#modal_menu_sub .modal_inner .menu_list dl dd a:hover, #modal_menu_sub .modal_inner .menu_list02 dl dd a:hover { color:#9d9d9d !important; transition: all 0.4s;}

#modal_menu_sub .modal_inner .menu_list02 dl:last-child { margin-top:50px; }

#modal_menu_sub .modal_inner p.close {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 45px;
	height: 45px;
}
#modal_menu_sub .modal_inner p.close img { display: block; width:100%; }

#modal_menu_sub .modal_inner .under_banner {
	width: 100%;
	margin: 0 auto;
	background: linear-gradient(45deg, #46e7ff, #824ae3);
	padding: 20px;
	border-radius: 15px;
	position: relative;
	text-align: center;
	margin-top:50px;
}
#modal_menu_sub .modal_inner .under_banner:after {
	position: absolute;
	content: '';
	width: 280px;
	height: 200px;
	background: url(../images/main/menu_banner.png) no-repeat right;
	background-size:contain;
	bottom: 0;
	right: -60px;
}
#modal_menu_sub .modal_inner .under_banner p {
	font-size: 40px;
	color: #fff;
	font-weight: 500;
}
#modal_menu_sub .modal_inner .under_banner p span {
	display: inline-block;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
/***************************************/
/* 상세페이지(product.blade.php) */
/***************************************/

.product_info {
	padding-top: 30px;
	margin-top:50px;
}
.pro_img {
	width: 580px;
	height: 600px;
	background: #fff;
	display: inline-block;
	margin-right: 30px;
}
.pro_img div.zoomWrapper {
	overflow: hidden !important;
	display: block;
	position: relative;
}
.pro_information {
	display: inline-block;
	width: 600px;
	vertical-align: top;
	position: relative;
}
.pro_information .yith-wcwl-add-to-wishlist {
	position: absolute;
	top: -15px;
	right: 30px;
	flex: unset;
}
.pro_information .yith-wcwl-add-to-wishlist a { font-size:0; }
.pro_information .top_share {
	position: absolute;
	width: 20px;
	top: -15px;
	right: 0px;
}
.pro_information .top_share a {
	display: block;
	width: 100%;
}
.pro_information .top_share a img {
	display: block;
	width: 100%;
}

.pro_information .yith-wcwl-add-to-wishlist .wishlist-button a:after { color:#bcbcbc; font-size:20px; }

.pro_info01 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
}
.pro_information .pro_info01 .pro_title {
	font-size: 35px;
	font-weight: 500 !important;
}
.pro_information .pro_info01 .pro_price {
	font-size: 35px;
	color: #4280fb;
	font-weight: 600;
}
.pro_info02 {
	border-bottom: 1px solid #ddd;
	padding: 40px 0;
}
.pro_info02 ul li {
	position: relative;
	font-size: 15px;
	color: #9b9b9b;
	padding-left: 170px;
	padding-right: 30px;
	margin-bottom: 20px;
	line-height: 25px;
}
.pro_info02 ul li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #323232;
	font-size: 15px;
}
.pro_info02 ul li:last-child {
	margin-bottom: 0;
}
.pro_info03 {
	padding-top: 30px;
}
.pro_info03 ul {
	margin-bottom: 20px;
}
.pro_info03 ul li {
	position: relative;
	padding-left: 170px;
}
.pro_info03 ul li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #323232;
}
.pro_info03 ul li select.area_sc {
	width: 100%;
	border: 1px solid #ededed;
	padding: 5px;
	border-radius: 5px;
	background: #fff url("../images/sub/select_arrow.png") no-repeat center;
	background-size:15px;
	background-position: 97%;
	color: #9b9b9b;
}
.pro_info03 ul.shop_btn li { display: inline-block; padding-left: 0; }
.pro_info03 ul.shop_btn li:nth-child(1) {
	width: 50%;
	border: 1px solid #323232;
	border-radius: 5px;
	margin-right: 2px;
}
.pro_info03 ul.shop_btn li:nth-child(2) {
	width: 49%;
	border: 1px solid #323232;
	border-radius: 5px;
	background: #323232;
	color: #fff;
}
.pro_info03 ul.shop_btn li a {
	display: block;
	width: 100%;
	font-size: 15px;
	text-align: center;
	padding: 15px 10px;
}
.pro_info03 ul.shop_btn li:nth-child(2) a { color:#fff; }
.pro_info03 ul.shop_btn li:nth-child(1) a:hover {
	background: #e2e2e2;
	transition: all 0.3s;
}
.pro_info03 ul.shop_btn li:nth-child(2) a:hover {
	background: #e2e2e2;
	transition: all 0.3s;
	color:#323232;
}

.tab_list {
	width: 100%;
	margin-top: 100px;
}
.tab_list ul.re_tabd {
	display: unset;
}
.tab_list ul.re_tabd li {
	display: inline-block;
	width: 50%;
	border-bottom: 1px solid #ededed;
	margin-left: -3px;
}
.tab_list ul.re_tabd li a {
	text-align: center;
	width: 100%;
	color: #7d7d7d;
	font-size: 16px;
	padding: 15px 10px;
	border-radius: 0;
}
.tab_list ul.re_tabd li a:hover {
	background: #fafbff;
	color:#323232;
	transition: all 0.4s;
}
.tab_list ul.re_tabd li a.active {
	background: #fff;
	border-bottom: 2px solid #000;
	font-weight: 600;
}
.product_contain .tab_contents { padding:20px 0; }
.tab_contents .review_list {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.tab_contents .review_list ul li {
	width: 100%;
	display: block;
	border-bottom: 1px solid #a5a5a5;
	padding: 40px 0;
	position: relative;
	padding-left: 110px;
	box-sizing: border-box;
}
.tab_contents .review_list ul li:last-child { border-bottom:0; }
.tab_contents .review_list ul li > span {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #ddd;
	left: 0;
	top: 14px;
	border-radius: 10px;
}
.tab_contents.review_list ul li > span a {
	display: block;
	width: 100%;
}
.tab_contents .review_list ul li p {
	font-size: 15px;
	line-height: 25px;
}
.tab_contents .review_list ul li p span {
	display: block;
	font-size: 16px;
	font-weight: 600;
}
.tab_contents .review_list ul li p.day_name {
	position: absolute;
	top: 15px;
	right: 0;
	color: #aaa;
	display: block;
	font-size: 12px;
}

.tab_contents .cont_imgbox { width: 1000px; margin:0 auto; }
.tab_contents .cont_imgbox img { display: block; width: 100%; }
.login_reivew {
	margin: 20px 0;
}
.login_reivew a {
	display: block;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	background: #323232;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}

.review_form {
	width: 100%;
	display: block;
	position: relative;
}
.review_form textarea {
	width: 800px;
	height: 100px;
	border-radius: 10px;
}
.review_form .review_button {
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	height: 100px;
}
.review_form .review_button a.enroll {
	width: 105px;
	height: 100px;
	padding: 38px 0;
	box-sizing: border-box;
	background: #323232;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
	color: #fff;
	font-size: 15px;
}
.review_form .review_button a.enroll:hover { color:#fff !important; }
.review_form .review_button a.cancel {
	display: inline-block;
	width: 70px;
	height: 100px;
	box-sizing: border-box;
	background: #ddd;
	border-radius: 10px;
	font-size: 15px;
	text-align: center;
	padding: 38px 0;
	vertical-align: middle;
}


.cont_imgbox table.del_table tr:first-child th { border-top:0; }
.cont_imgbox table.del_table tr:last-child td { border-bottom:1px solid #ddd; }
/***************************************/
/* 로그인(login.blade.php) */
/***************************************/

.login_contents {
	padding: 130px 0;
	position: relative;
	background:#f5f9ff;
	margin-top:0;
}
.login_contents .main_login {
	width: 400px;
	margin: 0 auto;
}
.login_contents .main_login ul.customer_login { margin-bottom:20px; }
.login_contents .main_login ul.customer_login li {
	display: inline-block;
	box-sizing: border-box;
	box-shadow: 0px 2px 28px 0px #ddeaff;
}
.login_contents .main_login ul.customer_login li a {
	display: block;
	width: 100%;
	padding:15px 30px;
	box-sizing: border-box;
	color: #4280fb;
}
.login_contents .main_login ul.customer_login li:nth-child(1) {
	width: 41%;
	background: #fff;
	border-radius: 30px;
	margin-right: 10px;
	text-align: center;
	border: 1px solid #4280fb;
}
.login_contents .main_login ul.customer_login li:nth-child(2) {
	width: 55%;
	background: #fff;
	border-radius: 30px;
	margin-right: 0;
	text-align: center;
	border: 1px solid #4280fb;
}

.login_contents .main_login ul.customer_login li.active {
	background: #4280fb;
}

.login_contents .main_login ul.customer_login li.active a {
	color: #fff;
}

.login_contents .main_login input.username {
	display: block;
	width: 100%;
	border: 0;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 15px;
	box-shadow: 0px 2px 28px 0px #ddeaff;
	/*color:#afafaf;*/
	font-size:16px;
}
input.username:focus, input.password:focus {
	border:2px solid #4280fb !important;
	outline: none;
}


.login_contents .main_login input.password {
	display: block;
	width: 100%;
	border: 0;
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	box-shadow: 0px 2px 28px 0px #ddeaff;
	font-size:16px;
}
.login_contents .main_login input.Login_enter {
	display: block;
	width: 100%;
	background: #4280fb;
	padding: 15px;
	text-align: center;
	border-radius: 30px;
	border: 1px solid #4280fb;
	color: #fff;
}
.login_contents .main_login input#Login_enter:hover {
	background: #023aaa;
	transition: all 0.8s;
}
ul.join_list {
	text-align: center;
	margin: 10px 0;
}
ul.join_list li {
	display: inline-block;
	position: relative;
}
ul.join_list li a {
	display: block;
	font-size: 14px;
	padding: 5px 15px;
}
ul.join_list li:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 15px;
	background: #343434;
	top: 7px;
	right: 0;
}
ul.join_list li:last-child:after { content:unset; }
button.kakao_Login {
	background: #ffe400 url(../images/sub/kakao_icon.png) no-repeat center;
	background-size: 25px;
	background-position: 43px;
	width: 100%;
	padding: 20px;
	border-radius: 30px;
	font-size: 15px;
	color:#381e1f;
	margin-bottom:10px;
}
button.kakao_Login:hover {
	background: #3c1d1d url(../images/sub/kakao_icon_w.png) no-repeat center;
	color:#fff;
	background-size: 25px;
	background-position: 43px;
	transition: all 0.8s;
}
button.naver_Login {
	background: #03cf5d url(../images/sub/naver_icon.png) no-repeat center;
	background-size: 25px;
	background-position: 43px;
	width: 100%;
	padding: 20px;
	border-radius: 30px;
	font-size: 15px;
	color:#fff;
}
button.naver_Login:hover {
	background: #fff url(../images/sub/naver_icon_g.png) no-repeat center;
	color:#000;
	background-size: 25px;
	background-position: 43px;
	transition: all 0.8s;
	box-shadow: 0px 0px 0px 3px #03cf5d inset;
}

.complete { color:#11aa61; font-size: 13px; }
.warning { color:#ff0606; font-size: 13px; }


/***************************************/
/* 회원가입(register.blade.php) */
/***************************************/

.register_contents {
	padding-top: 30px;
	margin-top:50px;
	padding-bottom: 50px;
}
.register_contents h1 {
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}
.register_contents .step01 {
	margin-bottom: 30px;
}
.register_contents .step01 .regi_box input:focus {
	border: 2px solid #4280fb;
	outline : none;
}

.register_contents .step01 .step_name {
	font-size: 22px;
	font-weight: 500;
	width: 100%;
	display: block;
	border-bottom: 2px solid #4280fb;
	padding: 15px;
	color:#4280fb;
}
.regi_box {
	padding: 25px 10px;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-left: 190px;
}
.regi_box label {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 150px;
	font-size: 17px;
	font-weight: 500;
}
.regi_box_star {
	position: relative;
}
.regi_box_star:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #4280fb;
	border-radius: 100%;
	left: 4px;
	top: 36px;
}
.regi_box_star_pl {
	border-bottom: 0;
	padding-bottom: 0;
}
.regi_box label {
	position: absolute;
	top: 29px;
	left: 20px;
	width: 150px;
	font-size: 15px;
	font-weight: 500;
}
.regi_box label.label_first { top:19px; }
.regi_box_star_ra:before { top:27px; }
.regi_box input {
	width: 440px;
	border: 0;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px;
}

.change_password .regi_box input { width: 300px; }

.regi_box p.pl_txt {
	color: #686868;
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px;
}
select.tel_sc, select.num_sc {
	border:0;
	border-radius: 5px;
	background: #f4f4f4 url("../images/sub/register_arrow.png") no-repeat center;
	background-size: 12px;
	background-position: 75px;
	width: 100px;
	color:#323232;
}
.regi_box .radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; top:0; left:0; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.regi_box .radio_box input[type="radio"] { display: none; }
/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.regi_box .on {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #4280fb;
}

.regi_box .radio_box input[type="radio"]:checked + .on {
	background: #fff;
}
.regi_box .on:after { content: ""; position: absolute; display: none; }
.regi_box .radio_box input[type="radio"]:checked + .on:after { display: block; }
.regi_box .on:after {
	width: 10px;
	height: 10px;
	background: #4280fb;
	border-radius: 50%;
	position: absolute;
	left: 3px;
	top: 3px;
}

.register_contents .step02 {
	margin-bottom: 30px;
}
.register_contents .step02 .step_name {
	font-size: 22px;
	font-weight: 500;
	width: 100%;
	display: block;
	border-bottom: 2px solid #4280fb;
	padding: 15px;
	color:#4280fb;
}

.agreement-container div {
	border-bottom: 1px solid #ddd;
}
.agreement-container div label {
	font-size: 15px;
	display: inline-block;
	padding:25px 0 25px 25px;
}
.agreement-container div label span {
	display: inline-block;
	font-size: 16px;
	color: #4280fb;
	margin-right: 5px;
	font-weight: 500;
}

.agreement-container div label span.checkAll {
	background-color: #4280fb !important;
	color: #fff !important;
	padding: 5px 10px;
	border-radius: 8px;
}
.float_inner .agreement-container div label {
	padding:10px 0;
}
.float_inner .agreement-container div label span.checkAll {
	padding: 3px 8px;
	font-size: 13px !important;
}
.float_inner .agreement-container div label.checkAll_label {padding: 0 0 5px 0;}
.float_inner .agreement-container div label span {font-size: 12px;}
.float_inner .agreement-container div label {font-size: 12px !important;}
.float_inner .agreement-container div .btn_box {font-size: 12px;}
.float_inner .check-group a.btn_box { margin-left: 0; }
.float_inner .agreement-container div input[type="checkbox"] + label:before { width: 15px; height: 15px;}
.float_inner .agreement-container div:last-child { border: none; padding : 10px 0 0 0; }
.float_inner .agreement-container div:last-child label { padding : 10px 0 0 0; }
.float_inner .agreement-container div:last-child input[type="checkbox"] + label:before { width: 16px; height: 16px; margin-top: 8px }

label.checkAll_label:before { margin-top: 6px !important;}
.agreement-container div input[type="checkbox"] + label:before {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.agreement-container div:after {
	display: block;
	clear:both;
	content:'';
}
.agreement-container div input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}

.register_join {
	text-align: center;
	margin: 30px auto;
}
.register_join button {
	display: block;
	width: 300px;
	margin: 0 auto;
	text-align: center;
	background: #4280fb;
	padding: 15px;
	border-radius: 10px;
	color: #fff;
	font-weight: 500;
	box-shadow: -3px -1px 30px 15px #f1f6ff;
}
.register_join a:hover { color:#fff !important; }
.check-group a.btn_box {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	margin-left: 10px;
}
.ADpopup_wrap{
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 20vh 0;
}
.ADpopup_wrap .modal_inner {
	width: 800px;
	height: 520px;
	background: #fff;
	margin: 0 auto;
	border-radius: 5px;
	padding: 20px;
	overflow-y: scroll;
}
.ADpopup_wrap .term_close {
	position: absolute;
	top: 18vh;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	background: #fff;
	border: 2px solid #4280fb;
	border-radius: 50%;
}

.mini_btn {
	background-color: #4280fb;
	color: #fff;
	margin-left: 20px;
	padding: 5px;
	border-radius: 3px;
	width: 120px;
	display: inline-block;
	vertical-align: top;
}

.alert_btn {
	display: block;
	width: 100px;
	text-align: center;
	margin: 20px auto 0;
	background: #4280fb;
	padding: 15px;
	border-radius: 10px;
	color: #fff;
	font-weight: 500;
}

.birth_container { width: 440px; display: flex; justify-content: space-between; }
.birth_year { flex-basis: 34%; }
.birth_month { flex-basis: 28%; }
.birth_day { flex-basis: 28%; }

/***************************************/
/* 주문페이지 */
/***************************************/

.float_menu02 {
	position: absolute;
	width: 260px;
	background: #fff;
	z-index: 99;
	border: 1px solid #ddd;
	box-shadow: -3px -1px 30px 15px #f1f6ff;
	border-radius: 10px;
	right: 20px;
}
.float_menu02 .float_inner {
	padding: 10px 20px;
	border-bottom: 1px solid #ddd;
}
.float_menu02 .float_inner h3 {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}
.float_inner .fl_type01 {
	position: relative;
	margin-bottom: 10px;
}
.float_inner .fl_type01 p.title {
	width: 100%;
	padding-right: 85px;
	font-size: 15px;
	font-weight: 600;
}
.float_inner .fl_type01 p.title span {
	display: block;
	color: #898989;
	font-size: 14px;
	margin-top:3px;
}
.float_inner .fl_type01 p.price {
	position: absolute;
	top: 0;
	right: 0;
}
.float_inner .fl_type01 p.price span.pr_price {
	display: block;
	text-align: right;
	font-size: 16px;
	font-weight: 700;
}

.float_inner .fl_type01 p.price span.opt_price {
	display: block;
	text-align: right;
	color: #898989;
	font-size: 14px;
	margin-top:3px;
}


.float_inner .fl_type01 p.price span.blue {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #4280fb;
}
.float_inner .fl_type01 p.price span {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}

.float_inner .fl_type02 li {
	position: relative;
	margin-bottom: 4px;
}
.float_inner .fl_type02 li p.title {
	width: 100%;
	padding-right: 85px;
	font-size: 15px;
	font-weight: 600;
}
.float_inner .fl_type02 li p.title span { display: block; }
.float_inner .fl_type02 li p.price {
	position: absolute;
	top: 0;
	right: 0;
	color: #4280fb;
	font-size: 16px;
	font-weight: 700;
}
.float_inner .fl_type02 li p.price span {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}
.float_inner .fl_type02 li.sale { font-weight: 700; }
.float_inner .fl_type02 li.sale p.price { color: #ff8f3b; }
.float_inner .fl_type02 li p.title span { color:#898989; font-size:14px; }
.float_inner .fl_type02 li:last-child { margin-top:15px; }
.float_inner .fl_type02 li:last-child p.price { color:#000; }
.float_inner_last { padding:20px; }
.float_inner_last h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom:5px;
}
.float_inner_last p.final_price {
	font-size: 23px;
	font-weight: 700;
	color: #4280fb;
	text-align: center;
	margin-bottom: 0;
}
.float_inner_last input[type="checkbox"] + label { font-size: 11px !important; padding-left: 35px; font-weight: 600; letter-spacing: -0.5px; word-break: keep-all; }
.float_inner_last input[type="checkbox"] + label:before {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
	position: absolute;
	left:29px;
}
.float_inner_last input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}
.float_inner_last button.payment {
	color: #fff;
	background: #4280fb;
	width: 100%;
	border-radius: 10px;
	padding: 16px 0;
	margin-top: 10px;
	font-weight: 600;
	box-shadow: -3px -1px 13px 8px #f1f6ff;
}


.cart_order { padding-top:30px; margin-top:50px; }

.cart_order h2 {
	font-size: 35px;
	font-weight: 500;
	margin-bottom: 30px;
	text-align: center;
}

.order_item {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: -3px -1px 30px 15px #f1f6ff;
	margin-bottom:50px;
}
.order_item h3 {
	text-align: center;
	font-size: 25px;
	color: #4280fb;
	font-weight: 500;
	padding: 20px 0;
	border-bottom: 2px solid #4280fb;
}
.order_item h3 span {
	font-size: 25px;
	font-weight: 500;
	color: #4280fb;
}
.order_item table {
	width: 100%;
}
.order_item table tr {
	border-bottom: 1px solid #ddd;
}
.order_item table tr th {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-weight: 900;
}
.order_item table tr td {
	padding: 15px 0;
	text-align: center;
	font-weight: 600;
	vertical-align: middle;
}
.order_item table tr td.last_price { font-size:18px; font-weight:700; color:#4280fb; }
.order_item table tr td span.order_img {
	display: block;
	width: 100px;
	margin: 0 auto;
	overflow: hidden;
}
.order_item table tr td span.order_img img { display: block; width:100%; }
.order_item table tr td div.item_name .product_name_text{
	display: block;
	text-align: left;
	font-weight: 700;
	margin-bottom: 3px;
}

.order_item table tr td div.item_name .option_text {
	display: block;
	text-align: left;
	font-size: 13px;
	color: #a3a3a3;
	position: relative;
}

.order_item table tr td div.item_name .loc_amount_info_area span {
	display: block;
	text-align: left;
	font-size: 13px;
	color: #a3a3a3;
	position: relative;
}

.order_item table tr td div.item_name span.option_text:nth-child(0) {
	padding-top: 10px;
}

.cart_order .step01, .cart_order .step02, .cart_order .step03, .cart_order .step04  {
	margin-bottom: 60px;
}
.cart_order .step05  { margin-bottom: 100px;}

.cart_order .step01 h3, .cart_order .step02 h3, .cart_order .step03 h3, .cart_order .step04 h3 {
	font-size: 22px;
	font-weight: 500;
	width: 100%;
	display: block;
	border-bottom: 2px solid #4280fb;
	padding: 15px;
	color:#4280fb;
}

.order_box {
	padding: 25px 10px;
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-left: 190px;
}
.order_box02 {
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
	text-align: center;
}
.order_box02 h4 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
	text-align:left;
}

.order_box02 h4 span {
	position: relative;
	display: inline-block;
	z-index: 1;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 3px;
}

.order_box02 h4 span:before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	background: #8a8a8b;
	border-radius: 50%;
	z-index: -1;
	left: -5px;
	top: 1px;
}

.order_box02 p {
	font-size: 16px;
	font-weight: 500;
	text-align:left;
}
.order_box02 p span {
	display: inline-block;
	color: #4280fb;
	font-weight: 700;
}
.order_box02 p.starred { margin-top:5px !important; font-size:13px; font-weight: 600; position: absolute; color:#ff2424 !important; }
.cart_order .step02 {
	position: relative;
}
.cart_order .step02 h3 { border-bottom: 0; padding-bottom:0; padding-left:0;  }
.cart_order .step02 label.del_type { width:300px; }
.cart_order .step02 label.del_type span {
	width: 19px !important;
	height: 19px !important;
	top: 1px !important;
}
.cart_order .step02 label.del_type span.on:after {
	width: 10px;
	height: 10px;
	background: #4280fb;
	border-radius: 50%;
	position: absolute;
	left: 3px;
	top: 2px;
}
.step02 .deliverytab {
	list-style: none;
	padding: 0;
	overflow: hidden;
	text-align:left;
	margin: 10px 0 0;
	position: relative;
	z-index: 0;
}
.step02 .deliverytab:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4280fb;
	left: 0;
	bottom: 0px;
	z-index: 50;
}
.cart_order .step02 .deliverytab li {
	display: inline-block;
	border: 0;
	width: 244px;
	text-align: center;
	margin-left: -4px;
	position: relative;
	z-index: 99;
}
.cart_order .step02 .deliverytab li:nth-child(1) { margin-left:0; }
.cart_order .step02 .deliverytab li a {
	display: inline-block;
	color: #b2b2b2;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 13px 10px 10px;
	font-size: 14px;
	transition: 0.3s;
	width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
}
.cart_order .step02 .deliverytab li a span {
	position: relative;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	margin-left: 11px;
	z-index: 11;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
}
.cart_order .step02 .deliverytab li a span:before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	background: #b2b2b2;
	border-radius: 50%;
	z-index: -1;
	left: -5px;
	top: -1px;
}
.cart_order .step02 .tabcontent { background-color:#fff;padding: 6px 12px;color:#333;}
.cart_order .step02 .border_bottom { border-bottom:2px solid #4280fb !important; }
.cart_order .step02 .deliverytab:before {
	position: absolute;
	content: '';
	width: 99%;
	height: 2px;
	background: #4280fb;
	left: 0;
	bottom: 0px;
	z-index: 50;
}
.cart_order .step02 ul.deliverytab li.current {
	background-color: #fff;
	border: 2px solid #4280fb;
	border-bottom: 2px solid #fff;
	border-radius: 5px 5px 0 0;
}

.cart_order .step02 ul.deliverytab li.current a {
	color: #4280fb;
}
.cart_order .step02 .deliverytab li.current a span:before {
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	background: #4280fb;
	border-radius: 50%;
	z-index: -1;
	left: -5px;
	top: -1px;
}


.cart_order .step02 .right_top_product {
	float:right;
	margin-top:-50px;
	background: #f2f2f2;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	width:530px;
	text-align:left;
}
.order_box02 .label_box { clear: both; }
.cart_order .step02 .right_top_product .imgbox {
	display: inline-block;
	width: 90px;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 13px;
}
.cart_order .step02 .right_top_product .imgbox img {
	display: block;
	width: 100%;
}
.cart_order .step02 .right_top_product .txt {
	display: inline-block;
	vertical-align: middle;
}
.cart_order .step02 .right_top_product .txt p.name {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	padding-left: 60px;
	margin-bottom: 4px;
}
.cart_order .step02 .right_top_product .txt p.name span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 13px;
	font-weight: 500;
	color:#000;
}
.cart_order .step02 .right_top_product .txt p.option {
	position: relative;
	font-size: 14px;
	font-weight: 500;
	padding-left: 60px;
}
.cart_order .step02 .right_top_product .txt p.option span {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 13px;
	font-weight: 500;
	color:#000;
}

.modal-header {
	border-bottom: 2px solid #4280fb;
	padding: 15px 20px 10px;
}
.modal-title{ color:#4280fb; font-weight:600; }
.modal-body .row button {
	border: 1px solid #808080;
	border-radius: 100px;
	margin-bottom: 7px !important;
	font-size: 13px !important;
	line-height: 30px;
	color: #4b4b4b;
}
.modal-body .row button:hover {
	border: 1px solid #4280fb;
	background: #4280fb;
	color: #fff;
}

.order_box02 .custom-radio input
{
	display: none;
}

.order_box02 .radio-btn
{
	margin: 10px;
	width: 340px;
	height: 115px;
	border: 3px solid transparent;
	display: inline-block;
	border-radius: 10px;
	position: relative;
	text-align: center;
	box-shadow: 0 0 20px #c3c3c367;
	cursor: pointer;
}

.order_box02 .radio-btn > i {
	color: #ffffff;
	background-color: #fff;
	font-size: 20px;
	position: absolute;
	top: 8px;
	left: 8px;
	transition: 0.5s;
	pointer-events: none;
	width: 23px;
	height: 23px;
	border: 1px solid #ddd;
	border-radius: 5px;
	z-index: 50;
}

.order_box02 .radio-btn .hobbies-icon
{
	position: absolute;
	top: 10px;
	left: 10px;
}
.order_box02 .radio-btn .hobbies-icon img {
	display: inline-block;
	width: 100px;
	height: 90px;
	border-radius: 5px;
	margin-right: 10px;
	vertical-align: middle;
}
.order_box02 .radio-btn .hobbies-icon i
{
	color: #FFDAE9;
	line-height: 80px;
	font-size: 60px;
}

.order_box02 .radio-btn .hobbies-icon p.type_title {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.5px;
	display: inline-block;
	vertical-align: middle;
}
.order_box02 .radio-btn .hobbies-icon p.type_title span {
	display: block;
	margin-bottom: 5px;
}
.order_box02 .custom-radio { margin-top:30px; }
.order_box02 .custom-radio input:checked + .radio-btn
{
	border: 2px solid #4280fb;
	transition: all 0.4s;
}

.order_box02 .custom-radio input:checked + .radio-btn > i {
	opacity: 1;
	background: #4280fb url("../images/sub/chek_ra.png") no-repeat center;
	background-size: contain;
	border: 1px solid #4280fb;
}
.order_box label {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 150px;
	font-size: 15px;
	font-weight: 500;
}
.order_box_star {
	position: relative;
}
.order_box_star:before {
	position: absolute;
	content: '';
	width: 6px;
	height: 6px;
	background: #4280fb;
	border-radius: 100%;
	left: 4px;
	top: 36px;
}
.order_box label.label_first { top:19px; }
.order_box input {
	width: 440px;
	border: 0;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px;
}
.order_box p.label_title {
	position: absolute;
	left: 20px;
	font-weight: 500;
	top: 31px;
	font-size: 15px;
}
.order_box p.pl_txt {
	color: #686868;
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px;
}
.order_box .deli_info p {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	font-weight: 700;
	width:20%;
}
.order_box .deli_info p.deli_img {
	width: 100px;
	margin: 0 auto;
	overflow: hidden;
	margin-right: 100px;
}
.order_box .deli_info p.deli_title {
	font-size: 13px;
	position: relative;
	padding-top: 10px;
	margin-right:
}
.order_box .deli_info p.deli_title span {
	display: block;
	font-size: 13px;
	color: #a3a3a3;
	position: relative;
	padding-top: 10px;
}
.order_box .deli_info p.deli_title span:before {
	position: absolute;
	content: '';
	width: 23px;
	height: 1px;
	background: #d7d7d7;
	top: 5px;
}

.order_box .deli_info p.deli_img img { display: block; width:100%; }
.order_box button.my_adress, .order_box button.new_adress {
	display: inline-block;
	color: #fff;
	background: #4280fb;
	border-radius: 5px;
	padding: 8px 15px;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}
.order_box select {
	border:0;
	border-radius: 5px;
	background: #f4f4f4 url("../images/sub/register_arrow.png") no-repeat center;
	background-size: 12px;
	background-position: 75px;
	width: 100px;
	color:#323232;
}
.order_box select.select_location {
	border:0;
	border-radius: 5px;
	background: #f4f4f4 url("../images/sub/register_arrow.png") no-repeat center;
	background-size: 12px;
	background-position: 275px;
	width: 300px;
	color:#323232;
}

.order_box .location_price_text {
	margin-left: 15px;
	width: 120px;
	text-align: right;
	padding: 5px 15px;
}

.order_box .location_amount_text {
	width: 120px;
	height: 31px;
	background-color: #fff;
	text-align: right;
	padding: 5px 15px;
	box-sizing: border-box;
	margin-top: 5px;
}
.input_addr_text_area { padding-left: 10px; }

.order_box select.area_sc {
	width: 150px;
	background-position: 125px;
	margin-bottom: 10px;
}
.order_box .radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; top:0; left:0; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.order_box .radio_box input[type="radio"] { display: none; }
/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.order_box .on {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #4280fb;
}

.order_box .radio_box input[type="radio"]:checked + .on {
	background: #fff;
}
.order_box .on:after { content: ""; position: absolute; display: none; }
.order_box .radio_box input[type="radio"]:checked + .on:after { display: block; }
.order_box .on:after {
	width: 10px;
	height: 10px;
	background: #4280fb;
	border-radius: 50%;
	position: absolute;
	left: 3px;
	top: 3px;
}

.order_box .adress_box02 { margin-bottom: 20px; }
.order_box .adress_box02 button.direct_input {
	display: inline-block;
	color: #fff;
	background: #4280fb;
	border-radius: 5px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}
.order_box .adress_box02 button.mu_search {
	display: inline-block;
	border:1px solid #4280fb;
	color: #4280fb;
	background: #fff;
	border-radius: 5px;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
}

.order_box input.order_adress {
	margin-bottom: 10px;
	margin-right: 12px;
	width:100px;
}
.order_box input.order_adress::placeholder, .order_box input.text2::placeholder { font-size:13px; }
.order_box input.adress_btn {
	background: #333;
	color: #fff;
	width: 100px;
	margin-left: 5px;
}
.order_box input.text2 { margin-bottom:10px; width:440px; }
.order_box input.addr_btn { background-color: #858585 }
.order_box input.wedding_btn { background-color: #e5a3a3 }


.order_box input.order_ment {
	width: 310px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.order_box input.order_men {
	width: 310px;
	margin-bottom: 5px;
	padding-left: 20px;
}
.order_box input.order_ment::placeholder, .order_box input.order_men::placeholder { font-size:13px; color:#000; }
.cart_order .order_checkbox label { position:unset; }
.cart_order .order_checkbox input[type="checkbox"] + label:active:before {
	-webkit-transform: scale(0);
	transform: scale(0);
}
.order_box button.ment_search, .order_box button.cupon_seach, .order_box button.all_cupon {
	background: #4280fb;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 10px;
}
.order_box label.date_box { position: unset; display: block; }
.order_box label.date_box input { width:130px;  }
.order_hopeday label.radio_box { width:85px; margin: 0; }
.order_box input#order_cupon, .order_box input#order_point { width: 150px; margin-right: 5px; }
.order_box span.money { display: inline-block; margin-right: 15px; }
.order_box p.coupon { display: inline-block; font-size:13px; }
.order_box p.coupon span { display: inline-block; font-size:13px; color:#4280fb; }

.order_box .event_time_text { display: inline-block; width: 30px; text-align: center}
.order_box .event_time_btn {
	position: relative;
	top: 0;
	left: 0;
	height: 31px;
	width: 80px;
	line-height: 31px;
	background-color: #fff !important;
	color: #858585;
	border: 2px solid #858585;
	border-radius: 5px;
	display: inline-block;
}
.order_box .event_time_btn:hover { background-color: #858585 !important; color: #fff; border: 2px solid #858585; }
.order_box input.event_time_radio:checked + label { background-color: #858585 !important; color: #fff; border: 2px solid #858585; }

table.order_box_t { width: 100%; }
table.order_box_t tr th { vertical-align: middle; padding:0 20px; }
table.order_box_t tr td { padding: 20px 15px; vertical-align: middle; border-bottom: 1px solid #ddd; }
table.order_box_t tr:last-child td { border-bottom: 0; }

table.order_box_t .radio_box { display: inline-block; *display: inline; *zoom: 1; position: relative; top:0; left:0; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.order_box_t .radio_box input[type="radio"] { display: none; }
/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
table.order_box_t .on {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #4280fb;
}

table.order_box_t .radio_box input[type="radio"]:checked + .on {
	background: #fff;
}
table.order_box_t .on:after { content: ""; position: absolute; display: none; }
table.order_box_t .radio_box input[type="radio"]:checked + .on:after { display: block; }
table.order_box_t .on:after {
	width: 10px;
	height: 10px;
	background: #4280fb;
	border-radius: 50%;
	position: absolute;
	left: 3px;
	top: 3px;
}

table.order_box_t tr td select.account_sc {
	display: block;
	border: 1px solid #f4f4f4;
	border-radius: 5px;
	background: #fff url(../images/sub/register_arrow.png) no-repeat center;
	background-size: 12px;
	background-position: 325px;
	width: 350px;
	color: #222;
	margin-bottom:10px;
	font-size: 14px !important;
}

table.order_box_t tr td input#order_account {
	width: 350px;
	border: 0;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px;
	color:#333;
	margin-bottom:5px;
}
.order_box_pn { padding-left:20px; }
.order_box .agreement-container div { border-bottom:0; }
.order_box .agreement-container div label {
	font-size: 15px;
	display: inline-block;
	padding:5px;
	width: auto;
	position: unset;
}
.order_box .agreement-container div label span {
	display: inline-block;
	font-size: 16px;
	color: #4280fb;
	margin-right: 5px;
	font-weight: 500;
}
.order_box .agreement-container div input[type="checkbox"] + label:before {
	display: inline-block;
	width: 19px;
	height: 19px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.order_box .agreement-container div:after {
	display: block;
	clear:both;
	content:'';
}
.order_box .agreement-container div input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}

.step02 .delivery_info_area_btn {
	display: flex;
	justify-content: space-between;
}

.step02 .delivery_info_area_btn button#pre_btn {
	margin-right: auto;
}

.step02 .delivery_info_area_btn button#next_btn {
	margin-left: auto;
}

.step02 .delivery_info_area_btn button {
	background-color: #4280fb;
	color: #fff;
	border-radius: 30px;
	line-height: 40px;
}

.payment_type_btn {
	line-height: 14px;
	padding: 7px 28px;
	border: 1px solid #4280fb;
	color: #4280fb;
	border-radius: 6px !important;
}

/***************************************/
/* 상품리스트페이지 */
/***************************************/
.itemlist_contents {
	padding-top: 30px;
	margin-top:50px;
	padding-bottom: 50px;
}
.itemlist_contents h2.cate_name {
	text-align: center;
}
.product_listbox {
	margin-top: 50px;
}
.product_listbox h4 {
	font-size: 22px;
	margin-bottom: 10px;
}
.product_listbox  select.item_sort {
	position: absolute;
	top: 106px;
	right: 38px;
	border: 0;
	background:#fff url("../images/sub/register_arrow.png") no-repeat center;
	background-size:12px;
	background-position: 97%;
}
.product_listbox ul li.it_box {
	display: inline-block;
	width: 281px;
	margin-right:29px;
	margin-bottom:50px;
}
.product_listbox ul li.it_box:nth-child(4n) { margin-right:0; }
.product_listbox ul li.it_box a .it_top {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 300px;
	border:1px solid #eee
}
.product_listbox ul li.it_box a .it_top span {
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: -40px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	left: 0;
}

.product_listbox ul li.it_box a .it_top .type_top {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 50;
}
.product_listbox ul li.it_box a .it_top .type_top span {
	display: inline-block;
	top: 5px;
	left: 5px;
	bottom: unset;
	width: auto;
	height: 23px;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	position: relative;
}

.product_listbox ul li.it_box a .it_top .type_top span.type01 {
	background:#e3a02b !important;
	color:#fff;
	padding: 3px 10px;
}
.product_listbox ul li.it_box a .it_top .type_top span.type02 {
	background: #21893b !important;
	color: #fff;
}
.product_listbox ul li.it_box a .it_top:hover span { bottom:0; transition: all 0.4s; }
.product_listbox ul li.it_box a .it_top img {
	display: block;
	width: 100%;
	height: 100%;
}
.product_listbox ul li.it_box a .it_top:hover img {
	transform: scale(1.1);
	transition: all 0.6s;
}
.product_listbox ul li.it_box a .it_bottom {
	margin-top: 10px;
}
.product_listbox ul li.it_box a .it_bottom .name {
	font-size: 15px;
	text-align: left;
	float: left;
	font-weight: 500;
	max-width: 180px;
	margin-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product_listbox ul li.it_box a .it_bottom .pr {
	font-size: 20px;
	color: #4280fb;
	font-weight: 600;
	text-align: right;
}
.product_listbox ul li.it_box a .it_bottom .pr span {
	display: block;
	font-size: 20px;
	color: #4280fb;
	font-weight: 600;
}



.product_listbox .pagination {
	display: block;
	margin:30px auto;
	text-align: center;
}

.product_listbox .pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.product_listbox .pagination a.active { font-weight:700; color:#4571b8 !important; }

/***********************************************/
/* 일대일문의 */
/***********************************************/

.one_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.one_contents h2 {
	text-align: center;
	font-size: 35px;
	font-weight: 700;
}
.one_contents h2 a {
	display: inline-block;
	background: #4280fb;
	color: #fff;
	font-size: 15px;
	padding: 10px 20px;
	border-radius: 7px;
	margin-left: 13px;
	vertical-align: middle;
	font-weight: 500;
}

.Accordion_toptitle {
	margin-top: 80px;
}
.Accordion_toptitle ul {
	width: 100%;
	border-bottom: 2px solid #4280fb;
}
.Accordion_toptitle ul li {
	display: inline-block;
	color: #4280fb;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	padding: 5px;
}
.Accordion_toptitle ul li.list_number { width: 130px; }
.Accordion_toptitle ul li.list_title { width: 735px; }
.Accordion_toptitle ul li.list_name { width: 110px; }
.Accordion_toptitle ul li.list_date { width: 120px; }
.Accordion_toptitle ul li.list_att { width: 99px; }

.accordion { width:100%; }
.accordion-item {
	border: 0;
	border-bottom: 1px solid #ddd;
}
.accordion-item-header { cursor:pointer; }
.accordion-item-header ul li.list_number { width: 130px; }
.accordion-item-header ul li.list_name { width: 110px; }
.accordion-item-header ul li.list_date { width: 120px; }
.accordion-item-header ul li.list_att { width: 99px; }
.accordion-item-header ul li {
	display: inline-block;
	font-size: 18px;
	padding: 20px 5px;
	text-align: center;
}
.accordion-item-header ul li.list_number { width: 130px; font-weight:600; font-size:16px;}
.accordion-item-header ul li.list_title {
	width: 735px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
.accordion-item-header ul li.list_name { width: 110px; font-size:14px;  }
.accordion-item-header ul li.list_date { width: 120px; font-size:14px;  }
.accordion-item-header ul li.list_att { width: 99px; position: relative; }
.accordion-item-header ul li.list_att img {
	display: block;
	width: 20px;
	position: absolute;
	top: 22px;
	right: 40px;
}

.accordion-item-body {
	height: 0;
	overflow: hidden;
	transition: height 0.3s ease;
	padding: 0;
	p{
		margin: 0;
		padding: 8px 16px;
	}
}
.accordion-item-body.collapsed {
	height: 0;
}


table.one_list tr td {
	border-bottom: 1px solid #ddd;
}
table.one_list tr td.att_title {
	background: #ddd;
	font-size: 15px;
	padding: 10px;
	width: 130px;
	text-align: center;
}
table.one_list tr td.att_file {
	font-size: 12px;
	padding-left: 10px;
	border-top: 1px solid #ddd;
}
table.one_list tr td.one_des {
	padding: 40px;
	font-size: 16px;
	height: auto;
	padding-bottom: 100px;
}
table.one_list tr td.one_comment {
	padding: 20px 40px;
}
table.one_list tr td.one_comment span {
	display: block;
	background: #f4f4f4;
	width: fit-content;
	border-radius: 5px;
	font-size: 12px;
	padding: 3px 10px;
}
table.one_list tr td.one_comment h3 {
	font-size: 20px;
	margin: 10px 0;
}
table.one_list tr td.one_comment p {
	font-size: 15px;
	line-height: 25px;
}
.one_comment textarea {
	width: 80%;
	height: 100px;
	border: 0;
	background: #f4f4f4;
	border-radius: 5px;
}
.one_comment {
	padding: 20px 0;
	padding-bottom: 70px;
}
.one_comment textarea {
	width: 1070px;
	height: 130px;
	border: 0;
	background: #f4f4f4;
	border-radius: 5px;
	display: inline-block;
	margin-right: 10px;
}
.one_comment .comment_button {
	display: inline-block;
	width: 130px;
	height: 130px;
	vertical-align: top;
	box-shadow: -3px -1px 30px 15px #f1f6ff;
}
.one_comment .comment_button a {
	display: block;
	width: 100%;
	background: #4280fb;
	color: #fff;
	font-weight: 600;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 52px 0;
	border-radius: 5px;

}

.one_contents .pagination {
	display: block;
	margin:30px auto;
	margin-bottom: 100px;
	text-align: center;
}

.one_contents .pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.one_contents .pagination a.active { font-weight:700; color:#4571b8 !important; }
.die_blank {
	position: absolute; }
.contact_one {
	background: #f4f4f4;
	padding: 100px 0;
}
.contact_one h2 {
	color: #4280fb;
	text-align: left;
	font-weight: 600;
	border-bottom: 2px solid #4280fb;
	font-size: 22px;
}
.contact_one table { width:100%; }
.contact_one table tr td {
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.contact_one table tr td.con_title {
	font-size: 16px;
	font-weight: 600;
	vertical-align: top;
	width: 200px;
}
.contact_one table tr td textarea { border:0; width:100%; border-radius: 5px; height:32px; padding:5px; }
.contact_one table tr td.field textarea {
	height: 260px;
}

.contact_one table tr td.con_att {
	position: relative;
}
.contact_one table tr td.con_att ul {
	position: absolute;
	top: 21px;
	left: 145px;
}
.contact_one table tr td input[type='file'] {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
.contact_one table tr td .form__label--file {
	display: inline-block;
	background: #4280fb;
	color: #ffF;
	font-weight: 500;
	padding: 8px 40px;
	border-radius: 5px;
	margin-right: 10px;
}
.contact_one table tr td .form__span--file {
	display: block;
	width: fit-content;
	font-size: 13px;
	margin-top: 10px;
}

.contact_one table tr td ul { display: inline-block; }
.contact_one table tr td ul li { font-size: 13px; }
.contact_button {
	text-align: right;
	margin: 40px 0;
}
.contact_button a {
	display: inline-block;
	width: 190px;
	text-align: center;
	padding: 17px;
	border-radius: 5px;
}
.contact_button a.cancel {
	background: #fff;
	border: 2px solid #4280fb;
	color: #4280fb;
	font-size: 16px;
	font-weight: 600;
	margin-right: 10px;
}
.contact_button a.enroll {
	background: #4280fb;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border: 2px solid #4280fb;
	box-shadow: 9px -1px 30px 15px #e4eeff;
}
.contact_button a.cancel:hover { color:#4280fb !important; }
.contact_button a.enroll:hover { color:#fff !important; }

/***************************************/
/* 주문조회페이지 */
/***************************************/
.left_menu {
	position: absolute;
	top: 320px;
	left: 160px;
}
.one_contents .left_menu { top:230px; }
.left_menu ul li a {
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	line-height: 25px;
}
.left_menu ul li a:hover {
	color: #4280fb;
	transition: all 0.4s;
}
.left_menu ul li a.active {
	color: #4280fb;
}

.purchase_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.purchase_contents h2 {
	text-align: center;
}

.period_area { display: flex; justify-content: space-between; }
.purchase_contents .periodtab { list-style: none;margin: 0;overflow: hidden; padding:40px 0; }

.purchase_contents .periodtab li {
	display: inline-block;
	border: 2px solid #4280fb;
	width: 150px;
	text-align: center;
	border-radius: 100px;
	margin: 0 5px;
	box-shadow: 5px -1px 30px 15px #f1f6ff;
}
.purchase_contents .periodtab li a {
	display: inline-block;
	color: #4280fb;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	font-size: 16px;
	transition: 0.3s;
	width: 100%;
	box-sizing: border-box;
	font-weight: 600;
}

.purchase_contents .payTypeTab { list-style: none;margin: 0;overflow: hidden; text-align:right; padding:40px 0; }

.purchase_contents .payTypeTab li {
	display: inline-block;
	border: 2px solid #25b4be;
	width: 150px;
	text-align: center;
	border-radius: 100px;
	margin: 0 5px;
	box-shadow: 5px -1px 30px 15px #f1fffc;
}
.purchase_contents .payTypeTab li a {
	display: inline-block;
	color: #25b4be;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	font-size: 16px;
	transition: 0.3s;
	width: 100%;
	box-sizing: border-box;
	font-weight: 600;
}

.purchase_contents ul.payTypeTab li.current { background-color: #25b4be; }
.purchase_contents ul.payTypeTab li.current a { color:#fff; }

.purchase_contents .tabcontent { display: none;background-color:#fff;padding: 6px 12px;color:#333;}
.purchase_contents ul.periodtab li.current { background-color: #4280fb; }
.purchase_contents ul.periodtab li.current a { color:#fff; }
.purchase_contents .tabcontent.current { display: block;}

.purchase_contents .check_all { margin:30px 0; }
.purchase_contents .check_all input[type="checkbox"] + label { font-size:16px !important; font-weight: 500; }

.purchase_contents .check-group {
	width: 100%;
	border-radius: 10px;
	padding: 30px 60px;
	position: relative;
	box-shadow: 0px 2px 28px 0px #ddeaff;
	margin-bottom:35px;
}
.purchase_contents .check-group .per_top {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	position: relative;
}
.purchase_contents .check-group .per_top p {
	display: inline-block;
	margin-right: 20px;
	font-size: 17px;
	font-weight: 600;
}
.purchase_contents .check-group .per_top .top_right {
	position: absolute;
	right: 0;
	top:0;
}
.purchase_contents .check-group .per_top .top_right p {
	display: inline-block;
}
.purchase_contents .check-group .per_top .top_right p.per_type {
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 5px;
	color: #fff;
	margin-right:8px;
}
.purchase_contents .check-group .per_top .top_right p.per_type01 { background:#c52121; }
.purchase_contents .check-group .per_top .top_right p.per_type02 { background:#1e9df0; }
.purchase_contents .check-group .per_top .top_right p.per_type03 { background:#198754; }
.purchase_contents .check-group .per_top p.per_step {
	text-align: right;
	margin-right: 0;
	vertical-align: middle;
}
.purchase_contents .check-group .per_top p span {
	display: inline-block;
	font-size: 17px;
	font-weight: 700;
	color: #4280fb;
	margin-left: 10px;
}
.per_bottom {
	padding: 20px 0 20px 80px;
	position: relative;
}
.per_bottom img {
	width: 120px;
	height: 120px;
	border: 1px solid #ddd;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.per_bottom .per_txt {
	width: 70%;
	padding: 20px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
}

.per_bottom .per_txt:hover {
	background-color: #DADFFFFF;
	/*color: #fff;*/
}

.per_bottom .per_txt p.per_name {
	font-size: 19px;
	font-weight: 500;
}
.per_bottom .per_txt p.per_price {
	font-size: 18px;
	font-weight: 700;
}
.per_bottom .per_txt p.per_price span {
	font-size: 18px;
	font-weight: 700;
	color:#4280fb;
}
.per_bottom .per_txt p.per_step {
	font-size: 19px;
	font-weight: 700;
	margin-top: 10px;
}
.purchase_contents .check-group label {
	position: absolute;
	top: 140px;
	left: 81px;
	z-index:50;
}
.purchase_contents input[type="checkbox"] + label:before {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.purchase_contents input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}
.purchase_contents .check-group .view {
	position: absolute;
	bottom: 25px;
	right: 0px;
}
.purchase_contents .check-group .view a {
	font-size: 16px;
	display: block;
	text-align: center;
	margin-bottom: 10px;

	background: #31bfa0;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	height: 30px;
}
.purchase_contents .check-group .view button {
	display: block;
	background: #346cc6;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
	font-size: 16px;
	height: 30px;
}
.purchase_contents .pur_bill {
	margin: 70px auto;
	margin-bottom: 100px;
	text-align: center;
}
.purchase_contents .pur_bill a {
	display: inline-block;
	background: #4280fb;
	color: #fff;
	font-size: 18px;
	padding: 16px 0;
	width: 190px;
	text-align: center;
	border-radius: 5px;
}

/***************************************/
/* 주문확인 */
/***************************************/

.complete_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.com_top {
	padding-top: 120px;
}

.complete_contents:before {
	position: absolute;
	content: '';
	width: 545px;
	height: 345px;
	background: url(../images/sub/complete_bg.png) no-repeat center;
	background-size: contain;
	left: 0;
	right: 0;
	top:-30px;
	margin: 0 auto;
}
.complete_contents h2 {
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	position: relative;
}
.complete_contents h2:before {
	position: absolute;
	content:'';
	width:130px;
	height:130px;
	background: url(../images/sub/complete_title.png) no-repeat center;
	background-size: contain;
	top: -108px;
	left:0;
	right:0;
	margin:0 auto;
}
.complete_contents h2.vbank_msg:before {
	position: absolute;
	content:'';
	width:130px;
	height:130px;
	background: url(../images/sub/complete_title.png) no-repeat center;
	background-size: contain;
	top: -130px;
	left:0;
	right:0;
	margin:0 auto;
}


.complete_contents p {
	font-size: 30px;
	font-weight: 500;
	text-align: center;
}

.complete_contents p.vbank_msg {
	margin-top: 18px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.complete_contents p span.vbank_msg {
	display: inline-block;
	margin-left: 5px;
	font-size: 18px;
	font-weight: 700;
	color: #4280fb;
	text-align: center;
}

.com_middle {
	margin-top: 50px;
}
.com_middle .number {
	border-bottom: 1px solid #ddd;
	padding: 7px 0;
	position: relative;
}
.com_middle .number p.left {
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.com_middle .number p.left span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #4280fb;
	margin-left: 10px;
}
.com_middle .number p.right {
	position: absolute;
	text-align: right;
	font-size: 18px;
	font-weight: 500;
	top: 7px;
	right: 0;
}
.com_middle .number p.right span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #4280fb;
	margin-left: 10px;
}
.mid_left {
	display: inline-block;
	width: 50%;
	padding: 30px 0;
	background:#fff;
}
.mid_left h4 {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 20px;
}
.mid_left ul {
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.mid_left ul:last-child {
	border-bottom: 0;
}
.mid_left ul li {
	position: relative;
	font-size: 16px;
	font-weight: 600;
	min-height: 32px;
	padding: 5px 0 5px 120px;
}
.mid_left ul li.top_blank {
	margin-top: 20px;
}
.mid_left ul li span {
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 120px;
	font-size: 16px;
	font-weight: 600;
}

.mid_left div.delivery_info {
	max-height: 400px;
	overflow-y: scroll;
	border-bottom: 1px solid #ddd;
}

.mid_left div.delivery_info h4 {
	margin-top: 30px;
}

.mid_left div.delivery_info p.deli_item {
	position: relative;
	top: -50px;
	right: 30px;
	font-size: 18px;
	font-weight: 700;
	color: #898989;
}

.mid_right {
	display: inline-block;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 50%;
	margin-left: -4px;
	vertical-align: top;
	position: relative;
	background:#fff;
}
.mid_right h4 {
	padding: 20px 30px;
	font-size: 23px;
	border-bottom: 1px solid #ddd;
}
.mid_right p.total_it {
	position: absolute;
	top: 23px;
	right: 20px;
	font-size: 18px;
	font-weight: 700;
}
.mid_right p.total_it span {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	color: #4280fb;
	margin: 0 10px 0 20px;
}

.mid_right .info_area {
	margin: 0 30px;
}

.mid_right .info_area .deli_info {
	border-right: 1px solid #ddd;
	padding-bottom: 30px;
	text-align: center;
}

.mid_right .info_area .deli_info button {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	margin-top: 4px;
	border-radius: 30px;
	border: 1px solid;
}

.right_items {
	height: 100%;
	max-height:330px;
	min-height:190px;
	overflow-y: scroll;
	border-bottom: 1px solid #ddd;
}
.right_items::-webkit-scrollbar { width:5px; }
.right_items::-webkit-scrollbar-thumb { background:#4280fb; border:2px solid #4280fb; }
.mid_left div.delivery_info::-webkit-scrollbar { width:5px; }
.mid_left div.delivery_info::-webkit-scrollbar-thumb { background:#4280fb; border:2px solid #4280fb; }
.right_items .items_list li {
	display: block;
	width: 100%;
	height: 160px;
	position: relative;
	padding: 20px;

}

.right_items .items_list li div {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}

.right_items .items_list li img {
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.right_items .items_list li p.title {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	padding-right: 100px;
}

.right_items .items_list li p.title span {
	position: absolute;
	right: 0;
	font-size: 20px;
	font-weight: 600;
}

.right_items .items_list li p.sub_title {
	position: relative;
	font-size: 15px;
	color: #a1a1a1;
	text-align: left;
	padding-left: 10px;
	padding-right: 100px;
}

.right_items .items_list li p.sub_title span {
	position: absolute;
	right: 0;
	font-size: 15px;
	color: #a1a1a1;
}


.right_items .items_list li p.price {
	position: relative;
	text-align: right;
	font-size: 20px;
	font-weight: 700;
	color: #4280fb;
}

.mid_right h4.final_back {
	border-bottom: 0;
}
.mid_right ul.items_bill {
	margin: 20px 30px 0 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}
.mid_right .items_bill li {
	position: relative;
	margin-bottom: 4px;
	font-size: 19px;
	font-weight: 500;
}
.mid_right .items_bill li p.title {
	width: 100%;
	padding-right: 85px;
	font-size: 19px;
	font-weight: 500;
	text-align: left;
}

.mid_right .items_bill .sub_title p.title {
	padding-left: 10px;
	color:#898989;
	font-size:15px;
}

.mid_right .items_bill .sub_title p.price {
	color:#898989;
	font-size:15px;
}

.mid_right .items_bill li p.title span { display: block; }
.mid_right .items_bill li p.price {
	position: absolute;
	top: 0;
	right: 0;
	color: #4280fb;
	font-size: 17px;
	font-weight: 700;
}
.mid_right .items_bill li p.price span {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
}
.mid_right .items_bill li.sale { font-weight: 500; }

.mid_right h3 {
	padding: 40px 30px 0 30px;
	text-align: center;
	font-size: 20px;
}
.mid_right p.final_price {
	font-size: 27px;
	font-weight: 700;
	color: #4280fb;
}
.complete_contents a.check_enroll {
	display: block;
	width: 200px;
	background: #4280fb;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	border-radius: 5px;
	padding: 20px 20px;
	margin-top: 40px;
	margin-bottom: 120px;
	box-shadow: 0px 2px 28px 0px #ddeaff;
	font-size: 16px;
	font-weight: 500;
}

.mid_right ul.bill_type {
	text-align: center;
	margin-top: 30px;
}
.mid_right ul.bill_type li {
	display: inline-block;
	width: 34%;
	margin: 1%;
}
.mid_right ul.bill_type li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 1px solid #4280fb;
	border-radius: 5px;
	padding: 14px 20px;
	color: #4280fb;
	font-weight: 500;
}



/***************************************/
/* 공지사항 */
/***************************************/

.notice_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.notice_contents h2 {
	text-align: center;
	margin-bottom: 80px;
}
.notice_contents table {
	width: 100%;
}
.notice_contents table thead tr td {
	font-size: 18px;
	font-weight: 600;
	color: #4280fb;
	text-align: center;
	padding: 10px;
	border-bottom: 2px solid #4280fb;
}
.notice_contents table tbody tr td {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
	font-weight: 500;
	vertical-align: middle;
}
.notice_contents table tbody tr td img {
	display: block;
	width: 20px;
	margin: 0 auto;
}
.notice_contents table tbody tr td:nth-child(2) {
	padding:0;
}
.notice_contents table tbody tr td:nth-child(2) a {
	padding:20px 0;
	display: block;
	width: 100%;
	height:100%;
	font-weight: 700;
}
.notice_contents table tbody tr td:nth-child(3), .notice_contents table tbody tr td:nth-child(4) { text-align:center; }
.notice_contents table tbody tr td span.noticetype {
	display: block;
	font-size: 13px;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	width: fit-content;
	padding: 2px 5px;
	margin: 0 auto;
}
.notice_contents table tbody tr td span.notice { background:#6645fb; }
.notice_contents table tbody tr td span.event { background:#66aefb; }

.notice_contents .pagination {
	display: block;
	margin:30px auto;
	text-align: center;
	margin-bottom: 60px;
}

.notice_contents .pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.notice_contents .pagination a.active { font-weight:700; color:#4571b8 !important; }

/***************************************/
/* FAQ */
/***************************************/

.faq_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.faq_contents h2 {
	text-align: center;
	margin-bottom: 20px;
}
form.search-box {
	width: 380px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	padding: 12px 10px 12px 20px;
	border: 2px solid #4280fb;
	margin: 0 auto;
}
input.search-txt {
	border: none;
	background: none;
	outline: none;
	padding: 0;
	color: #797979;
	float: left;
	font-size: 14px;
	line-height: 25px;
	width: 200px;
}
button.search-btn {
	float: right;
	width: 35px;
	height: 100%;
	border-radius: 50%;
	background: #fff;
	border: none;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.one_go {
	text-align: center;
	margin: 20px 0 70px;
}
.one_go p.not_sear {
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
}
.one_go a {
	display: inline-block;
	background: #4280fb;
	color: #fff;
	padding: 7px 20px;
	border-radius: 5px;
	font-weight: 600;
	margin-left: 20px;
	box-shadow: -3px -1px 30px 15px #f1f6ff;
}


.faq_contents .accordianNav {width: 100%; background: #fff; border-radius: 4px; margin-top: 30px; border-top: 2px solid #4280fb; }
.faq_contents .accordianNav a, .faq_contents .accordianNav h3 {display: block; position: relative; z-index: 1; cursor: pointer; font-size: 16px;margin-bottom: 0; background:none; padding:20px 0; }
.faq_contents .accordianNav h3 span {
	display: inline-block;
	background: #ddd;
	padding: 7px;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	text-align: center;
	color: #323232;
	margin: 0 20px 0 50px;
}


/* Background hover animation. */
.faq_contents .accordianNav .dropArrow.active {
	border-bottom: 1px solid #ddd;
}
.faq_contents .accordianNav h3:before {content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 0; height: 100%; background-color: #444; background: rgba(244, 244, 244, .3); transition: all 0.3s ease-out; }
.faq_contents .accordianNav h3:hover:before,
.faq_contents .accordianNav .dropArrow.active:before {width: 2%; }
.faq_contents .accordianNav .dropArrow span {display: inline-block;z-index: 2; position: relative; font-size: 18px; font-weight: 500; }
.faq_contents .accordianNav .dropArrow:after {content: ""; width: 6px; height: 6px; border-bottom: 2px solid #757575; border-right: 2px solid #757575; float: right; position: relative; top: 12px; right: 25px; transform: rotate(45deg); transform-origin: center; }
.faq_contents .accordianNav .dropArrow.active:after {transform: rotate(-135deg); border-color: #f79129; }
.faq_contents .accordianNav .dropArrow.active li li { border-bottom: 0;}
/* +Hover and Touch effect */
.faq_contents .accordianNav li {list-style-type: none; border-bottom: 1px solid #ddd; }
.faq_contents .accordianNav > ul > li > img {display: inline-block;}
.faq_contents .accordianNav a {transform: translate(0px, 0px); transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

/*Drop links*/
.faq_contents .accordianNav li li {
	padding: 37px 60px 30px 30px;
	position: relative;
	padding-left: 110px;
	background: #f2f2f2;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	letter-spacing: -0.5px;
}
.faq_contents .accordianNav li li span {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #323232;
	border-radius: 10px;
	position: absolute;
	left: 50px;
	top: 30px;
	color: #fff;
	text-align: center;
	padding: 9px;
	font-weight: 600;
}

/*hover effect on links*/
.faq_contents .accordianNav ul ul li a:hover {transform: translate(8px, 0px); }

/*Hide and show the drops*/
.faq_contents .accordianNav ul ul {display: none; }
.faq_contents .accordianNav li.active ul {display: block; }

.faq_contents .pagination {
	display: block;
	margin:30px auto;
	text-align: center;
	margin-bottom: 60px;
}

.faq_contents .pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.faq_contents .pagination a.active { font-weight:700; color:#4571b8 !important; }

/***************************************/
/* 마이페이지 */
/***************************************/

.dash_contents {
	margin-top: 50px;
	padding-top: 30px;
}
.dash_contents h2 {
	text-align: center;
	margin-bottom: 40px;
}
.dash_contents p.hello {
	text-align: center;
	font-size: 33px;
}
.dash_contents p.hello span {
	display: inline-block;
	font-size: 38px;
	color: #4280fb;
	margin-left: 10px;
}
.mypoint_list {
	margin: 20px auto;
	text-align: center;
}
.mypoint_list ul {
	display: inline-block;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 8px 23px -4px #d7e5ff;
	vertical-align: top;
	margin: 0 5px;
}
.mypoint_list ul li {
	display: inline-block;
	background: #ebf3ff;
	padding: 15px 40px;
	margin: 10px;
	margin-right: 0;
	border-right: 5px;
}
.mypoint_list ul li:last-child {
	margin-right: 10px;
}
.mypoint_list ul li a {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.mypoint_list ul li a span {
	display: block;
	font-size: 23px;
	color: #4280fb;
	font-weight: 500;
}
.my_tabs {
	position: relative;
	padding-top: 120px;
	padding-bottom: 150px;
}
.my_tabs:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 360px;
	background: #ebf3ff;
	bottom: 0;
}
.my_tabs ul { text-align:center; margin:0 auto;}
.my_tabs ul li {
	display: inline-block;
	background: #fff;
	border-radius: 30px;
	height: 390px;
	vertical-align: top;
	margin: 0 10px;
	width: 290px;
	box-shadow: 0px 8px 23px -4px #c7dbff;
	border:2px solid #fff
}
.my_tabs ul li:hover { border:2px solid #4280fb; transition: all 0.4s;}
.my_tabs ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 30px;
	box-sizing: border-box;
	padding-top:100px;
}
.my_tabs ul li p {
	font-size: 26px;
	text-align: center;
	font-weight: 700;
	color: #4280fb;
}
.my_tabs ul li p span {
	display: block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.5px;
	margin-top: 4px;
}
.my_tabs ul li img {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	width:120px;
}



/***************************************/
/* 장바구니 */
/***************************************/

.carts_contents {
	padding-top: 30px;
	margin-top: 50px;
}
.carts_contents h2 {
	text-align: center;
	margin-bottom: 30px;
}
.carts_contents .check_all { margin:10px 0; }
.carts_contents .check_all input[type="checkbox"] + label { font-size:16px !important; font-weight: 500; }
.carts_contents .check-group label {
	position: absolute;
	top: 140px;
	left: 81px;
	z-index:50;
}
.carts_contents input[type="checkbox"] + label:before {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.carts_contents input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}

.carts_contents .pay_amount { font-weight: 600}

ul.se_top {
	text-align: right;
	position: absolute;
	top: 70px;
	right: 0;
}
ul.se_top li {
	display: inline-block;
	background: #fff;
	border: 1px solid #4280fb;
	border-radius: 5px;
	margin-left: 3px;
}
ul.se_top li.active { background:#4280fb; border:1px solid #4280fb; }
ul.se_top li.active a { color:#fff; }
ul.se_top li a {
	display: block;
	padding: 6px 20px;
	color: #4280fb;
	font-weight: 700;
}

.carts_contents table {
	width: 100%;
	border-top: 2px solid #4280fb;
	border-bottom:2px solid #4280fb;
}
.carts_contents table tr th {
	padding: 10px 0;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.carts_contents table tr td {
	padding: 20px 0px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-weight: 600;
}
.carts_contents table tr td:nth-child(3) {
	text-align: left;
	padding-left: 20px;
}
.carts_contents table tr td:last-child span {
	font-size: 19px;
	color: #4280fb;
}
.carts_contents table tr td img {
	display: block;
	width: 100px;
	margin:0 auto;
}
.carts_contents table tr td p.item_name {
	text-align: left;
	font-weight: 700;
}
.carts_contents table tr td p.item_name span {
	display: block;
	font-size: 13px;
	color: #a3a3a3;
	position: relative;
	padding-top: 5px;
}
.carts_contents table tr td p.item_name span:first-of-type:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 1px;
	background: #d7d7d7;
	top: 0;
}

.count-wrap { position: relative;padding: 0 28px;border: 1px solid #ddd;overflow: hidden;width: 80px; border-radius: 5px; margin:0 auto;}
.count-wrap > button {border: 0;background: #ddd;color: #000;width: 28px;height: 28px;position: absolute;top: 0;font-size: 12px;}
.count-wrap > button.minus {left: 0; background:#fff;}
.count-wrap > button.plus {right: 0; background:#fff;}
.count-wrap .inp {border: 0;height: 28px;text-align: center;display: block;width: 100%; font-size:12px !important;}

.cart_bottom {
	margin: 20px 0;
	position: relative;
	margin-bottom:100px;
}
.cart_bottom ul {
	display: inline-block;
	vertical-align: top;
	width: 30%;
}
ul.cart_total li {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	padding-left: 160px;
	text-align: right;
}

ul.cart_total li .total_number {
	font-size: 17px;
	font-weight: 700;
}

ul.cart_total li .total_text {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
	font-weight: 500;
	width: 110px;
	text-align: left;
}
.cart_bottom p.cart_total_last {
	display: inline-block;
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	width: 240px;
	position: absolute;
	top: 0;
	right: 210px;
}
.cart_bottom p.cart_total_last span {
	display: block;
	font-size: 23px;
	color: #4280fb;
	font-weight: 700;
	margin-top:10px;
}
.cart_bottom a.cart_pur {
	display: inline-block;
	background: #4280fb;
	color: #fff;
	font-size: 20px;
	width: 18%;
	padding: 20px 0;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	position: absolute;
	top: 0;
	right: 0;
}

/***************************************/
/* 찜한상품 */
/***************************************/

.wish_contents {
	padding-top: 30px;
	margin-top: 50px;
}
.wish_contents h2 {
	text-align: center;
	margin-bottom: 30px;
}
.wish_contents .check_all { margin:10px 0; }
.wish_contents .check_all input[type="checkbox"] + label { font-size:16px !important; font-weight: 500; }
.wish_contents .check-group label {
	position: absolute;
	top: 140px;
	left: 81px;
	z-index:50;
}
.wish_contents input[type="checkbox"] + label:before {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.wish_contents input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}
.wish_contents ul.se_top {
	text-align: right;
	position: absolute;
	top: 70px;
	right: 0;
}
.wish_contents ul.se_top li {
	display: inline-block;
	background: #fff;
	border: 1px solid #4280fb;
	border-radius: 5px;
	margin-left: 3px;
}
.wish_contents ul.se_top li.active { background:#4280fb; border:1px solid #4280fb; }
.wish_contents ul.se_top li.active a { color:#fff; }
.wish_contents ul.se_top li a {
	display: block;
	padding: 6px 20px;
	color: #4280fb;
	font-weight: 700;
}

.wish_contents table {
	width: 100%;
	border-top: 2px solid #4280fb;
	border-bottom:2px solid #4280fb;
	margin-bottom:100px;
}
.wish_contents table tr th {
	padding: 10px 0;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.wish_contents table tr td {
	padding: 20px 0px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-weight: 600;
}
.wish_contents table tr td:nth-child(3) {
	text-align: left;
	padding-left: 20px;
}
.wish_contents table tr td:last-child {
	font-size: 19px;
	color: #4280fb;
}
.wish_contents table tr td img {
	display: block;
	width: 100px;
	margin:0 auto;
}
.wish_contents table tr td p.item_name {
	text-align: left;
	font-weight: 700;
}
.wish_contents table tr td p.item_name span {
	display: block;
	font-size: 13px;
	color: #a3a3a3;
	position: relative;
	padding-top: 10px;
}
.wish_contents table tr td p.item_name span:before {
	position: absolute;
	content: '';
	width: 23px;
	height: 1px;
	background: #d7d7d7;
	top: 5px;
}



/***************************************/
/* 고객센터 */
/***************************************/

.customer_center { padding-top:30px; margin-top:50px; padding-bottom:186px; }
.customer_center h2 { text-align:center; margin-bottom:50px; }
.customer_center:before {
	width: 100%;
	height: 360px;
	background: #ebf3ff;
	bottom: 39px;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	content: '';
}
.left-box {
	display: inline-block;
	background: #ebf8ff;
	padding:30px 50px 40px;
	border-radius: 50px;
	width: 55%;
	box-sizing: border-box;
	box-shadow: 0 20px 25px 0px #deecff;
}
.left-box .top {
	border-bottom: 2px solid #4280fb;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.left-box .top img {
	display: inline-block;
	width: 130px;
	vertical-align: middle;
	margin: 0 auto;
	margin-left: 50px;
}
.left-box .top ul {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 40px;
}
.left-box .top ul li:nth-child(1) {
	font-size: 22px;
	font-weight: 700;
}
.left-box .top ul li:nth-child(2) {
	font-size: 40px;
	color: #4280fb;
	font-weight: 800;
}
.left-box .top ul li:nth-child(3) {
	font-size: 15px;
	font-weight: 500;
}
.left-box .bottom ul {
	display: inline-block;
	vertical-align: top;
	width:50%;
	margin-left:-4px;
}
.left-box .bottom ul li {
	font-size: 15px;
	font-weight: 500;
}
.left-box .bottom ul li:first-child {
	color: #4280fb;
	font-weight: 700;
	letter-spacing: -0.5px;
	font-size: 18px;
}
.left-box .bottom ul li.dot {
	font-size: 13px;
	padding-left: 10px;
	position: relative;
	padding-top: 24px;
}
.left-box .bottom ul li.dot:before {
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #4280fb;
	border-radius: 50%;
	top: 30px;
	left: 0;
}
.right-box {
	display: inline-block;
	width: 40%;
	height: 370px;
	background: #ffd522;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 85px 30px 30px;
	vertical-align: top;
	margin-left: 2%;
	position: relative;
	box-shadow:0 20px 25px 0px #dce4ee;
}
.right-box:after {
	position: absolute;
	content: '';
	width: 130px;
	height: 130px;
	background: url(../images/sub/customer_icon02.png) no-repeat center;
	background-size:contain;
	top: -64px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.right-box .top h4 {
	text-align: center;
	font-size: 27px;
}
.right-box .top h4 span {
	display: block;
	color: #fff;
	font-size: 27px;
	font-weight: 600;
}
.right-box .top {
	border-bottom: 3px dotted #000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.right-box .top p {
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	margin-top: 5px;
}
.right-box .bottom { text-align:center; }
.right-box .bottom p {
	position: relative;
}
.right-box .bottom p span {
	display: inline-block;
	padding: 10px 10px;
	width: 220px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	font-size: 14px;
	text-align:left;
}
.right-box .bottom p span:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	background: url(../images/sub/customer_icon04.png) no-repeat center;
	background-size: contain;
	right: 10px;
	top: 9px;
}
.right-box .bottom p:before {
	position: absolute;
	content: '';
	width: 35px;
	height: 35px;
	background: url(../images/sub/customer_icon03.png) no-repeat center;
	background-size: contain;
	left: 46px;
	top: 3px;
}
.right-box .bottom p.ak {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -0.5px;
	text-align: center;
	margin-bottom: 0;
	margin-top:20px;
}
.right-box .bottom p.ak span {
	display: block;
	font-size: 11px;
	background: unset;
	width: unset;
	text-align:center;
}
.right-box .bottom p.ak span:after{ display: none;}
.right-box .bottom p.ak:before {
	content: unset;
}

/***************************************/
/* 쿠폰함, 포인트 ,예치금 */
/***************************************/

.coupon_contents { padding-top:30px; margin-top:50px; }
.coupon_contents h2 { text-align:center; margin-bottom:30px; }

.coupon_contents ul {
	text-align: center;
}
.coupon_contents ul li {
	display: inline-block;
	width: 17%;
	margin: 5px;
	border: 2px solid #4280fb;
	border-radius: 50px;
	overflow:hidden;
}
.coupon_contents ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 17px;
	font-weight: 600;
	color: #4280fb;
	padding: 11px 10px;
}
.coupon_contents ul li a.act { background:#4280fb; color:#fff;}
.des_box {
	width: 100%;
	margin: 20px auto;
	background: #ebf3ff;
	padding: 25px 100px;
}
.des_box p {
	font-size: 20px;
	font-weight: 600;
	position: relative;
}
.des_box p span {
	display: block;
	color: #4280fb;
	font-weight: 700;
	font-size: 30px;
	position: absolute;
	top: -7px;
	right: 20px;
}
.des_box02 { padding:25px 50px; }
.des_box02 p {
	display: inline-block;
	width: 50%;
	margin-left: -4px;
	padding-left: 30px;
}
.des_box02 p.line {
	border-right: 2px solid #4280fb;
	padding-left: 0;
}
table.history_list {
	width: 100%;
	margin-bottom: 30px;
}
table.history_list tr th {
	text-align: center;
	color: #4280fb;
	font-size: 19px;
	font-weight: 600;
	padding: 10px 0;
}
table.history_list tr th:first-child {
	width: 23%;
}
table.history_list tr td {
	font-size: 15px;
	text-align: center;
	letter-spacing: -0.5px;
	padding: 15px 0;
	line-height: 25px;
}
table.history_list tr td:nth-child(2) {
	text-align: left;
	padding:0;
}
table.history_list tr td:nth-child(2) a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 0;
}

table.history_list tr th:nth-child(2) { width:53%; }
table.history_list tr td:nth-child(3) { text-align:center; }

table.history_list02 tr th:first-child { width:13%; }
table.history_list02 tr th:nth-child(2) { width:23% !important; }
table.history_list02 tr td span.acc { border:1px solid #4280fb; color:#4280fb; padding:3px 8px; border-radius: 4px; }
table.history_list02 tr td span.use { border:1px solid #d30f0f; color:#d30f0f; padding:3px 8px; border-radius: 4px; }

table.history_list tr td:nth-child(2) { text-align:center; }
table.history_list tr td:nth-child(3) { text-align:left; }

.coupon_contents table.history_list tr th:nth-child(2) { width:53%; }
.coupon_contents table.history_list tr td:nth-child(3) { text-align:center; }

.coupon_contents .pagination {
	display: block;
	margin:30px auto;
	margin-bottom: 100px;
	text-align: center;
}

.coupon_contents .pagination a {
	color: black;
	display: inline-block;
	padding: 8px 16px;
	text-decoration: none;
}
.coupon_contents .pagination a.active { font-weight:700; color:#4571b8 !important; }


/***************************************/
/* 미수금 */
/***************************************/

.des_box03 {
	padding: 25px 50px;
}
.des_box03 .left, .des_box03 .right {
	width: 50%;
	margin-left: -4px;
	display: inline-block;
	padding: 0 25px;
	vertical-align: top;
	position: relative;
}
.des_box03 .left:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 157px;
	background: #4280fb;
	top: 0;
	right: 0;
}
.des_box03 ul li {
	width: 100%;
	border: 0;
	position: relative;
	text-align: left;
	font-size: 19px;
	font-weight: 500;
	overflow: unset;
}
.des_box03 ul li span {
	display: block;
	position: absolute;
	top: 2px;
	right: 10px;
	font-size: 19px;
	font-weight: 700;
}
.des_box03 ul li:last-child span {
	font-size: 22px;
	color: #e84579;
}
.des_box03 .left a {
	display: block;
	width: 48%;
	background: #4280fb;
	border:2px solid #4280fb;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 13px;
	border-radius: 5px;
	margin-top: 30px;
}
.des_box03 .right a {
	display: block;
	width: 48%;
	background: #fff;
	border:2px solid #4280fb;
	color: #4280fb;
	text-align: center;
	margin: 0 auto;
	padding: 13px;
	border-radius: 5px;
	margin-top: 30px;
	font-weight: 600;
}

.coupon_contents .check_all { margin:20px 0; margin-top:70px; width:15%;}
.coupon_contents .check_all input[type="checkbox"] + label { font-size:16px !important; font-weight: 500; }
.coupon_contents .check-group label {
	position: absolute;
	top: 140px;
	left: 81px;
	z-index:50;
}
.coupon_contents input[type="checkbox"] + label:before {
	display: inline-block;
	width: 21px;
	height: 21px;
	background: #fff;
	border:2px solid #4280fb;
	cursor:pointer;
	border-radius: 50%;
	float:left;
	margin-top:2px;
}
.coupon_contents input[type="checkbox"]:checked + label:before {
	background:#4280fb url(../images/sub/agree_check.png) no-repeat center !important;
	background-size:10px !important;
	border:1px solid #4280fb !important;
	float:left;
	content:"";
}

.misu_list {
	border-radius: 10px;
	padding: 15px 30px;
	margin-bottom: 20px;
	position: relative;
	padding-bottom:40px;
	background: #fff;
	box-shadow: 5px 5px 30px 15px #edf4ff;
}
.misu_list .misu_top {
	border-bottom: 1px solid #ddd;
	position: relative;
	padding-bottom: 10px;
	margin-bottom:40px;
}
.misu_list .misu_top p {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-right: 21px;
}
.misu_list .misu_top p span {
	display: inline-block;
	font-weight: 700;
	color: #4280fb;
	margin-left: 10px;
}
.misu_list .misu_top p.right {
	position: absolute;
	right: 0;
}
.misu_list label {
	position: absolute;
	top: 110px;
	left: 46px;
}

.misu_list ul.left_info {
	padding-left: 70px;
}
.misu_list ul.left_info li {
	border: 0;
	text-align: left;
	display: block;
	color: #9d9d9d;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
	margin:0;
}
.misu_list ul.left_info li:first-child {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.5px;
	margin-bottom: 5px;
}
.misu_right {
	position: absolute;
	top: 100px;
	right: 0;
	width: 45%;
}
.coupon_contents .misu_right ul {
	text-align: left;
	position: relative;
	width:45%;
	margin-left: -4px;
	display: inline-block;
	margin-right:20px;
}
.coupon_contents .misu_right ul:after {
	position: absolute;
	content: '';
	width: 2px;
	height: 40px;
	background: #ddd;
	top: 8px;
	right: -58px;
}
.misu_right ul li {
	display: block;
	border: 0;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	position: relative;
	overflow: unset;
	padding-right: 100px;
}
.misu_right ul li span {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 0;
}
.misu_right p {
	display: inline-block;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	width: 50%;
}
.misu_right p span {
	display: block;
	font-size: 17px;
	font-weight: 700;
	color: #e84579;
}


.user-withdraw-text::before {
	content: "• "; /* 점 추가 */
	color: #333; /* 점 색상 */
	font-size: 16px; /* 점 크기 */
	margin-right: 8px; /* 점과 텍스트 사이 간격 */
}

#user-withdraw .btn {
	border-radius: 10px;
}


@media screen and (max-width: 1600px) {
	.left_menu { top:220px;}
}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1300px) {
	.left_menu { left:15px;}
	.sub_header .wrap { position: unset; width:100%; }
	.head_mid_sub .menu_sub { top:12px; }
	header.sub_header .modal_inner p.close { top:110px; }

}

/* 결제 수단 */
.PTOP { background-color: #709128 !important; }
.PTVA { background-color: #5281b9 !important; }
.PTCD { background-color: #c49b1e !important; }
.PTBT { background-color: #8b32cc !important; }
.PTMN { background-color: #7a7a7a !important; }
.PTTD { background-color: #ad7bff !important; }
.PTDP { background-color: #ff8080 !important; }
.PTDB { background-color: #2cc577 !important; }

/* 배송 상태 */
.DLCC{ background-color: #da8397 !important;}
.DLSP{ background-color: #95b3f1 !important;}
.DLDN{ background-color: #363636 !important;}
.DLUD{ background-color: #a0d281 !important;}