@charset "utf-8";

#sub{}
.sub_wrap{}

/* sub_menu_area */
/* mo */
.sub_nav_area {display: block; border-bottom:1px solid #DDD;}
.sub_nav {background-color: #FFF;}
.sub_nav > ul {display:flex; align-items: center; justify-content: center; max-width: 1200px; margin:0 auto; padding: 10px 15px; box-sizing: border-box;}
.sub_nav > ul > li {}
.sub_nav > ul > li > a {display: block; padding: 10px; box-sizing: border-box; font-size: 1.2rem;}
.sub_nav > ul > li > ol {display: none;}
/* pc */
@media screen and (min-width: 1201px){
	.sub_nav_area {display: none;}
}

/* _wrapper */
[class*="_wrapper"] {margin: 100px 0 180px; position: relative;}
[class*="_wrapper"] > .inner {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
@media screen and (max-width:1024px){
	[class*="_wrapper"] {margin: 50px 0 180px;}
}
@media screen and (max-width:640px){
	[class*="_wrapper"] {margin: 30px 0 150px;}
}
@media screen and (max-width:480px){
	[class*="_wrapper"] {margin: 30px 0 120px;}
}

/* sub_top */
.sub_top {max-width: 1200px;margin:0 auto;line-height:1.5;margin-bottom:20px;}
.sub_top > .sub_tit {font-size:2.5em;font-weight:800;line-height:1.3; position: relative; padding-left: 20px; box-sizing: border-box;}
.sub_top > .sub_tit:before {content: ''; position: absolute; top: 12px; left: 0; width: 7px; height: 30px; background: #E62367;}
@media screen and (max-width:640px){
	.sub_top {margin-bottom: 30px;}
	.sub_top > .sub_tit {font-size: 1.6em;}
	.sub_top > .sub_tit:before {top: 2px; height: 27px;}
}
@media screen and (max-width:480px){
	.sub_top {margin-bottom: 20px;}
	.sub_top > .sub_tit {font-size:1.35em; padding-left: 15px;}
	.sub_top > .sub_tit:before {width: 5px; height: 20px; top: 4px;}
}


/* tab_theme */
[class*="_tab_theme"] {display:flex;flex-wrap:wrap; border: 1px solid #DDD; padding: 15px 25px; box-sizing: border-box; border-radius: 10px;}
[class*="_tab_theme"] > li {display: flex; align-items: center; justify-content: center; width: auto; margin-right: 3%; text-align: center;}
[class*="_tab_theme"] > li:hover > a {text-decoration: underline; }
[class*="_tab_theme"] > li > a {display:block;font-size: 1.15rem; font-weight: 600; line-height: 35px;}
[class*="_tab_theme"] > li.on > a {color: #E62367; font-weight: 600; text-decoration: underline; transition: all .3s;}
.tab_content_area > .tab_content{display:none;padding:30px 0 0;box-sizing:border-box;}
.tab_content_area > .tab_content.on{display:block;}
@media screen and (max-width:640px){
	[class*="_tab_theme"] {padding: 10px 20px;}
	[class*="_tab_theme"] > li > a{font-size:0.9rem;}
}
@media screen and (max-width:480px){
	[class*="_tab_theme"] {padding: 5px 15px;}
	[class*="_tab_theme"] > li > a{font-size:0.85rem;}
	.tab_content_area > .tab_content {padding: 20px 0 0;}
}


/* table */
.table_box {width: 100%;}
.table_box > table {width: 100%;}
.table_box > table th {border: 1px solid #DDD; box-sizing: border-box; padding: 10px 5px; font-size: 1.05rem; font-weight: 600; background: #F4F4F4;}
.table_box > table th > a {cursor: initial;}
.table_box > table td {border: 1px solid #DDD; box-sizing: border-box; padding: 10px; font-size: 0.95rem; text-align: center;}
.table_box > table td.td_tit{display:flex;align-items:center;gap:5px;}
.table_box > table td > a {text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; box-sizing: border-box;}
.table_box > table tr.pic td {background: #FAFAFA}
.table_box > table tr td > a > .ico_re {display: inline-block; padding: 2px 5px; box-sizing: border-box; background: #E62367; color: #FFF; font-size: 0.7rem; font-weight: 600; margin-right: 4px; border-radius: 3px; vertical-align: text-top;}
@media screen and (max-width:640px){
	.table_box > table,
	.table_box > table thead,
	.table_box > table tbody,
	.table_box > table tr,
	.table_box > table th,
	.table_box > table td {width: 100%; display: inline-block; border: 0; padding: 0;}
	.table_box > table thead {display: none;}
	.table_box > table tr {display: flex; flex-wrap: wrap; margin-bottom: 10px; background: #FFF; padding: 10px; border: 1px solid #DDD; box-sizing: border-box; border-radius: 10px;}
	.table_box > table tr.pic {background: #F4F4F4}
	.table_box > table tr.pic td {background: initial;}
	.table_box > table td {text-align: center;}
	.table_box > table td:first-child {width: auto; margin-right: 5px;}
	.table_box > table td:nth-child(2) {width: calc(100% - 35px); margin-bottom: 5px;}
	.table_box > table td:nth-child(3) {width: auto}
	.table_box > table td:nth-child(4) {width: 50px;}
	.table_box > table td:nth-child(5) {width: 50px;}
	.table_box > table td > a {padding-right: 0; font-weight: 600;}

	.review > table td:first-child {width: auto; margin-right: 0;}
	.review > table td:nth-child(2) {width: 100%; margin: 5px 0;}
	.review > table td:nth-child(3) {width: 100%;}
	.review > table td:nth-child(4) {width: auto;}
	.review > table td:nth-child(5) {width: auto;margin:0 15px}
	.review > table td:nth-child(6) {width: auto;}

	.mp_order > table td:first-child {width: auto; ;}
	.mp_order > table td:nth-child(2) {width: auto;margin:0 10px}
	.mp_order > table td:nth-child(3) {width: auto;}
	.mp_order > table td:nth-child(4) {width: 100%; margin: 5px 0;text-align:left}
	.mp_order > table td:nth-child(5) {width: auto;}
	.mp_order > table td:nth-child(6) {width: auto;margin:0 10px}
	.mp_order > table td:nth-child(7) {width: auto;}
}
@media screen and (max-width:480px){
	.table_box > table tr {margin-bottom: 5px;}
	.table_box > table td {font-size: 0.85rem; text-align: left;}
	.table_box > table td:first-child {width: auto; margin-right: 0;}
	.table_box > table td:nth-child(2) {width: 100%; margin: 5px 0;}
	.table_box > table td:nth-child(3) {width: 50px;}
	.table_box > table td:nth-child(4) {width: 50px;}
	.table_box > table td:nth-child(5) {width: 50px;}
	.table_box > table td > a {padding-right: 0; font-weight: 600; }

	.review > table td:first-child {width: auto; margin-right: 0;}
	.review > table td:nth-child(2) {width: 100%; margin: 5px 0;}
	.review > table td:nth-child(3) {width: 100%;}
	.review > table td:nth-child(4) {width: auto;}
	.review > table td:nth-child(5) {width: auto;}

	.mp_order > table td:first-child {width: auto; ;}
	.mp_order > table td:nth-child(2) {width: auto;margin:0 10px}
	.mp_order > table td:nth-child(3) {width: auto;}
	.mp_order > table td:nth-child(4) {width: 100%; margin: 5px 0;text-align:left}
	.mp_order > table td:nth-child(5) {width: auto;}
	.mp_order > table td:nth-child(6) {width: auto;margin:0 10px}
	.mp_order > table td:nth-child(7) {width: auto;}
}


/* board_box */
.board_box .btn_write {display: flex; align-items: center; justify-content: center; width: 110px; height: 40px; font-size: 1rem; font-weight: 600; background: #E62367; color: #FFF; text-align: center; border-radius: 7px; margin-top: 10px; margin-left: auto;}
@media screen and (max-width:480px){
	.board_box .btn_write {width: 80px; height: 30px; font-size: 0.85rem; margin-top: 5px;}
}


/* cate_list */
.cate_list {display: flex; margin-bottom: 40px;}
.cate_list > li {width: auto; border: 1px solid #DDD; padding: 10px 3%; box-sizing: border-box; margin-left: -1px;}
.cate_list > li > a {font-size: 1.05rem; font-weight: 700; color: #555;}
.cate_list > li.on {background: #E62367; border: 1px solid #E62367;}
.cate_list > li.on > a {color: #FFF;}
@media screen and (max-width:640px){
	.cate_list {flex-wrap: wrap; margin-bottom: 30px;}
	.cate_list > li > a {font-size: 0.95rem;}
}
@media screen and (max-width:480px){
	.cate_list {margin-bottom: 15px;}
	.cate_list > li {padding: 5px 3%;}
	.cate_list > li > a {font-size: 0.85rem;}
}


/* board_view */
.board_view {}
.board_view > .top {margin-top: -1px;}
.board_view > .top > ul {}
.review_view > .top > ul > li:first-child {margin-bottom: -1px;}
.board_view > .top > ul > li:last-child {margin-top: -1px;}
.board_view > .top > ul > li {display: flex; font-size: 1.05rem; }
.board_view > .top > ul > li span,
.board_view > .top > ul > li p,
.board_view > .top > ul > li input {padding: 10px; box-sizing: border-box; border: 1px solid #DDD; font-weight: 600;}
.board_view > .top > ul > li span {display: flex; align-items: center; justify-content: center; width: 100px; background: #F4F4F4; border-right: 0; text-align: center;}
.board_view > .top > ul > li p {width: calc(100% - 100px); line-height: 1.5;}
.board_view > .top > ul > li input {width: calc(100% - 100px); line-height: 1.5;}
.board_view > .top > ul > li > div {display: flex; width: 50%; margin-top: -1px;}
.board_view > .top > ul > li .in_text{padding:10px;border:1px solid #DDD;box-sizing:border-box;margin-top:0;width: calc(100% - 100px);}
.board_view > .top > ul > li .in_text > select{padding:7px;border:1px solid #DDD;box-sizing:border-box;width:100%;font-size:.95em}
.board_view > .mid {border: 1px solid #DDD; margin-top: -1px; padding: 20px; box-sizing: border-box;}
.board_view > .rebox {border: 1px solid #DDD; margin-top: -1px; padding: 20px; box-sizing: border-box;}
.board_view > .rebox .re_tit{font-weight:600;background:#eee;padding:5px 20px;display:inline-block;margin-bottom:10px}
.board_view > .btm {margin-top: 30px; display: flex; align-items: center; justify-content: center;}
.board_view > .btm > a {display: flex; align-items: center; justify-content: center; }
.board_view > .btm > a.btn_list {width: 160px; height: 50px; font-size: 1.25rem; font-weight: 600; background: #E62367; color: #FFF; text-align: center; border-radius: 10px; margin: 0 10px;}
.board_view > .btm > a.btn_arrow {width: 50px; height: 50px; font-size: 1.6rem; border: 1px solid #DDD; border-radius: 50%;}
.board_view > .btm.type02 {justify-content: center;}
.board_view > .btm > a.btn_list.on {background: #2222; color: #000;}

.board_view > .top.lock > ul > li > div{width: calc(100% - 100px);padding: 10px; box-sizing: border-box; border: 1px solid #DDD; font-weight: 600;margin-top:0;display:flex;gap:5px;align-items:center;}
.board_view > .top.lock > ul > li input{width:20px;height:20px;}

@media screen and (max-width:640px){
	.board_view > .top > ul > li {font-size: 0.9rem;}
	.board_view > .mid {padding: 15px;}
	.board_view > .rebox {padding: 15px;font-size:0.9rem}
	.board_view > .btm {margin-top: 20px;}
	.board_view > .btm > a.btn_list {width: 150px; height: 40px; font-size: 1rem; margin: 0 5px; border-radius: 5px;}
	.board_view > .btm > a.btn_arrow {width: 40px; height: 40px; font-size: 1.4rem;}
}
@media screen and (max-width:480px){
	.board_view > .top > ul > li {font-size: 0.8rem; flex-wrap: wrap;}
	.board_view > .top > ul > li:last-child {font-size: 0.75rem;}
	.board_view > .top > ul > li span {width: 70px;}
	.board_view > .top > ul > li p {width: calc(100% - 70px);}
	.board_view > .top > ul > li input {width: calc(100% - 70px);}
	.board_view > .top > ul > li > div {width: 100%;}
	.board_view > .top > ul > li .in_text{width: calc(100% - 70px);}
	.board_view > .mid {padding: 10px;}
	.board_view > .rebox {padding: 10px;font-size:0.8rem}
	.board_view > .btm > a.btn_list {width: 100px; height: 35px; font-size: 0.9rem;}
	.board_view > .btm > a.btn_arrow {width: 35px; height: 35px; font-size: 1.25rem;}
	.board_view > .top.lock > ul > li > div{width: calc(100% - 70px);}
}


/* accordion_list */
.accordion_list {}
.accordion_list dl {border: 1px solid #DDD; margin-bottom: 15px;}
.accordion_list dl:last-child {margin-bottom: 0;}
.accordion_list dl > dt {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; box-sizing: border-box;}
.accordion_list dl > dt > i {font-size: 1.8rem;}
.accordion_list dl.on dt > i:before {content: '\e945';}
.accordion_list dl > dt > .top {width: 95%;}
.accordion_list dl > dt > .top > div {display: flex; align-items: center;}
.accordion_list dl > dt > .top > .tit {font-weight: 600;line-height: 1.5;}
.accordion_list dl > dt > .top > .tit > span {margin-right: 5px; width: 30px;}
.accordion_list dl > dt > .top > .tit > p {font-size: 1.05rem; width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.accordion_list dl > dt > .top > .ex {display: flex; align-items: center; justify-content: flex-end; font-size: 0.95rem;}
.accordion_list dl > dt > .top > .ex > p {margin-right: 7px;} 
.accordion_list dl.on {}
.accordion_list dl.on > dt {align-items: flex-start;}
.accordion_list dl.on > dt > .top > div {align-items: flex-start;}
.accordion_list dl.on > dt > .top > .tit > p {overflow: auto; text-overflow: initial; display: initial; -webkit-line-clamp: initial; -webkit-box-orient: initial;}
.accordion_list dl > dd {display: none; background: #f4f4f4; padding: 15px 20px; box-sizing: border-box;}

.view_box .accordion_list .btn_box{margin-top:30px;}
@media screen and (max-width:480px){
	.accordion_list dl {margin-bottom: 10px;}
	.accordion_list dl > dt {padding: 10px 13px;}
	.accordion_list dl > dt > i {font-size: 1.3rem;}
	.accordion_list dl > dt > .top > .tit > span {font-size: 0.85rem; width: 20px;}
	.accordion_list dl > dt > .top > .tit > p {font-size: 0.9rem; width: calc(100% - 20px);}
	.accordion_list dl > dt > .top > .ex {justify-content: flex-start; font-size: 0.75rem;}
	.accordion_list dl > dd {padding: 10px 13px; font-size: 0.8rem;}
}



/* gallery_box */
.gallery_box {}
.gallery_box > ul {display: flex; flex-wrap: wrap;}
.gallery_box > ul > li {width: 23.5%; margin-right: 2%; margin-bottom: 30px;}
.gallery_box > ul > li:nth-child(4n) {margin-right: 0;}
.gallery_box > ul > li > a {display: block;}
.gallery_box > ul > li > a > .img_box {
	padding: 45%; box-sizing: border-box; border: 1px solid #DDD; border-radius: 10px; position: relative;
	background-image: url('/common/img/main/pdtSlide01-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;
}
.gallery_box > ul > li > a > .img_box > i {position: absolute; top: 15px; right: 15px; color: #DDD; font-size: 2.3rem;}
.gallery_box > ul > li > a > .img_box > i.on {color: #E62367;}
.gallery_box > ul > li > a > .txt_box {padding: 10px; box-sizing: border-box;}
.gallery_box > ul > li > a > .txt_box > span {display: block; font-size: 1rem; font-weight: 800; margin-top: 3px; color: #E62367;}
.gallery_box > ul > li > a > .txt_box > p {font-size: 1.05rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery_box > ul > li > a:hover > .txt_box > p {text-decoration: underline;}
@media screen and (max-width:768px){
	.gallery_box > ul > li {width: 32%; margin-right: 2%;}
	.gallery_box > ul > li:nth-child(4n) {margin-right: 2%;}
	.gallery_box > ul > li:nth-child(3n) {margin-right: 0;}
	.gallery_box > ul > li > a > .img_box > i {font-size: 2rem;}
	.gallery_box > ul > li > a > .txt_box > span {font-size: 0.85rem;}
	.gallery_box > ul > li > a > .txt_box > p {font-size: 1rem;}
}
@media screen and (max-width:480px){
	.gallery_box > ul > li {width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.gallery_box > ul > li:nth-child(3n) {margin-right: 2%;}
	.gallery_box > ul > li:nth-child(2n) {margin-right: 0;}
	.gallery_box > ul > li > a > .img_box > i {font-size: 1.6rem;}
	.gallery_box > ul > li > a > .txt_box {padding: 10px 5px;}
	.gallery_box > ul > li > a > .txt_box > span {font-size: 0.75rem;}
	.gallery_box > ul > li > a > .txt_box > p {font-size: 0.9rem;}
}


/* 로그인 */
/* login_wrapper */
.login_wrapper {}
.login_wrapper form {border: 1px solid #d5d5d5; padding: 30px; box-sizing: border-box; max-width: 500px; margin: 0 auto;}
.login_wrapper form > h4 {font-size: 2.3rem; color: #E62367; font-weight: 900; margin-bottom: 30px;}
.login_box {}
.login_box > input {width: 100%; padding: 10px; box-sizing: border-box; border-radius: 0; border: 1px solid #d5d5d5; font-size: 1.05rem; margin-bottom: 10px;}
.login_box > .login_ex {display: flex; align-items: center; justify-content: space-between; font-size: 15px;}
.login_box > .login_ex > .id_save {display: flex; align-items: center;}
.login_box > .login_ex > .id_save > input[type="checkbox"] {margin-right: 5px; width: 15px; height: 15px;}
.login_box > .login_ex > ul {display: flex; width: 50%; justify-content: flex-end;}
.login_box > .login_ex > ul > li {margin-left: 7px; padding-left: 7px; position: relative;}
.login_box > .login_ex > ul > li:last-child:before {content: ''; position: absolute; top: 3px; left: 0; width: 1px; height: 12px; background: #777;}
.login_box > .btn_box {display: block; margin-top: 30px;}
.login_box > .btn_box > a {display: block; width: 100%; background: #2222; border-radius: 10px; text-align: center;}
.login_box > .btn_box > a.on {margin-bottom: 7px; background: #E62367; color: #FFF;}
@media screen and (max-width:640px){
	.login_wrapper form > h4 {font-size: 2rem;}
	.login_box > input {font-size: 0.9rem;}
}
@media screen and (max-width:480px){
	.login_wrapper form {padding: 30px 20px;}
	.login_wrapper form > h4 {font-size: 1.6rem;}
	.login_box > input {margin-bottom: 5px; padding: 5px; font-size: 0.85rem;}
	.login_box > .login_ex {flex-direction: column; align-items: flex-start;}
	.login_box > .login_ex > .id_save {font-size: 0.8rem;}
	.login_box > .login_ex > .id_save > input[type="checkbox"] {width: 13px; height: 13px;}
	.login_box > .login_ex > ul {width: 100%; margin-top: 10px; justify-content: center;}
	.login_box > .login_ex > ul > li {margin-left: 5px; padding-left: 5px; font-size: 0.8rem;}
	.login_box > .login_ex > ul > li:first-child {margin-left: 0; padding-left: 0; }
	.login_box > .btn_box {margin-top: 15px;}
	.login_box > .btn_box > a {}
}


/* 회원가입 */
.join_wrapper {}
.join_box {}
.join_box > ul {margin-bottom: 80px;}
.join_box > ul > li {display: flex; align-items: flex-start; margin: 20px 0;}
.join_box > ul > li:first-child {align-items:center}
.join_box > ul > li > p.tit {width: 150px; font-size: 1.2rem; font-weight: 600;}
.join_box > ul > li > p.tit > span {color: red; vertical-align: super;}
.join_box > ul > li > div {align-items: center; width: calc(100% - 150px);}
.join_box > ul > li select {width: 100%; min-width: 150px; padding: 10px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 5px;}
.join_box > ul > li input {width: 100%; min-width: 150px; padding: 10px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 5px;}
.join_box > ul > li input.w50 {width: 50%; }
.join_box > ul > li input.mb10 {margin-bottom: 10px;}
.join_box > ul > li textarea {width: 100%; height: 150px; padding: 10px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 5px; resize: none; overflow-y: scroll;}
.join_box > ul > li > div.f_box select {width: 20%; margin-right: 5px;}
.join_box > ul > li > div.f_box input {width: 20%; margin: 0 5px;}
.join_box > ul > li > div.f_box input:first-child {margin-left: 0;}
.join_box > ul > li > div > .btn_adress {display: flex; align-items: center; margin-bottom: 10px;}
.join_box > ul > li > div > .btn_adress > input.adress_num {width: 120px;}
.join_box > ul > li > div > .btn_adress > label {width: 100px; background: #DDD; padding: 7px 10px; box-sizing: border-box; border: 1px solid #bbb; border-radius: 5px; margin-left: 5px;}
.join_box > ul > li > div > .btn_adress > label > input[type="button"] {padding: 0; font-size: 0; visibility: hidden; margin: 0;}
.join_box > ul > li.type label input{min-width:auto;width:auto;width:16px;height: 16px;margin: 2px 3px 0 0;}
.join_box > ul > li.type label:last-child{margin-left:10px;}
.policy_box {}
.policy_box label.btn_chk {font-size: 1rem; font-weight: 600; display: flex; align-items: center; margin-bottom: 10px;}
.policy_box label.btn_chk > input {width: 15px; height: 15px; margin-right: 5px;}
.policy_box label.btn_chk.tit {font-size: 1.25rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #bbb; word-break: keep-all;}
.policy_box > ul {}
.policy_box > ul > li {margin: 15px 0;}
@media screen and (max-width:640px){
	.join_box > ul > li > p.tit {width: 100px; font-size: 0.9rem;}
	.join_box > ul > li > div {width: calc(100% - 100px);}
	.join_box > ul > li input {min-width: 100px;}
	.join_box > ul > li input.w50 {width: 100%;}
	.join_box > ul > li > div.f_box select {min-width: 100px;}
	.policy_box label.btn_chk.tit {font-size: 1.05rem;}
	.policy_box label.btn_chk {font-size: 0.85rem;}
	.policy_box label.btn_chk > input {width: 12px; height: 12px;}
	.join_box > ul > li > div.f_box input {width: 28%;}
}
@media screen and (max-width:480px){
	.join_box > ul {margin-bottom: 40px;}
	.join_box > ul > li {flex-direction: column;}
	.join_box > ul > li > p.tit {width: 100%; margin-bottom: 10px;}
	.join_box > ul > li > div {width: 100%;}
	.join_box > ul > li input {padding: 5px; font-size: 0.85rem;}
	.join_box > ul > li.type label{font-size:0.85rem}
	.join_box > ul > li.type label input{width:13px;height:13px;margin:4px 3px 0 0}
	.join_box > ul > li > div > .btn_adress > label {padding: 3.5px 5px; font-size: 0.85rem; width: 80px;}
	.join_box > ul > li > div.f_box select {padding: 5px; font-size: 0.85rem; min-width: 60px; margin-right: 3px;}
	.join_box > ul > li > div.f_box input {min-width: 70px; margin: 0 3px;}
	.join_box > ul > li > div.f_box input:last-child {margin-right: 0;}
	.join_box > ul > li.email > div.f_box input,
	.join_box > ul > li.email > div.f_box select {min-width: 110px;}
	.policy_box label.btn_chk.tit {font-size: 0.85rem; margin-bottom: 10px; padding-bottom:10px;}
	.policy_box label.btn_chk {font-size: 0.75rem;}
	.policy_box .btn_box {margin-top: 40px;}
}


/* 아이디 찾기 */
.find_box {}
.find_box > ul {}
.find_box > ul > li {display: flex; align-items: center; margin: 15px 0;}
.find_box > ul > li > span {width: 100px; font-size: 1.15rem; font-weight: 600;}
.find_box > ul > li > div {width: calc(100% - 100px);}

.find_box > ul > li > div > select,
.find_box > ul > li > div > input {width: 100%; padding: 10px; box-sizing: border-box; border-radius: 0; border: 1px solid #d5d5d5; font-size: 1.05rem;}
.find_box > ul > li > div > label {margin-right: 10px;}
.find_box > ul > li > div > label > input {vertical-align: baseline; margin-right: 5px;}
.find_box > .btn_box {margin-top: 30px;}
.find_box > .btn_box > a.btn_ok {width: 100%; margin-right: 0;}
@media screen and (max-width:480px){
	.find_box > ul > li {flex-direction: column;}
	.find_box > ul > li > span {width: 100%; margin-bottom: 10px; font-size: 1rem;}
	.find_box > ul > li > div {display: flex; width: 100%;}
	.find_box > ul > li > div > select,
	.find_box > ul > li > div > input {padding: 5px; font-size: 0.8rem;}
	.find_box > ul > li > div > label {font-size: 0.85rem; display: flex; align-items: center;}
	.find_box > ul > li > div > label > input {margin-right: 3px;}
}



/* product_list */
.product_list {display: flex; flex-wrap: wrap;}
.product_list > li {width: 23.5%; margin-right: 2%; margin-bottom: 30px; border: 1px solid #DDD; box-sizing: border-box; box-shadow: 5px 5px 10px rgb(0 0 0 / 3%); border-radius: 10px; overflow: hidden;}
.product_list > li:nth-child(4n) {margin-right: 0;}
.product_list > li > a {display: block;}
.product_list > li > a > div {box-sizing: border-box;}
.product_list > li > a > .img_box {width:100%; padding-bottom:100%; border-bottom: 1px solid #DDD; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.product_list > li:hover > a > .img_box {background-size: 110%; transition: all .3s;}
.product_list > li > a > .txt_box {padding: 15px 20px; box-sizing: border-box;}
.product_list > li > a > .txt_box > li {display: flex; font-size: 1rem; line-height: 1.3;}
.product_list > li > a > .txt_box > li:last-child {margin-top: 5px;}
.product_list > li > a > .txt_box > li.tit {margin-bottom: 10px; font-size: 1.15rem; font-weight: 700;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product_list > li:hover > a > .txt_box > li.tit {text-decoration: underline;}
.product_list > li > a > .txt_box > li > span {font-weight: 700; margin-right: 5px;}
@media screen and (max-width:768px){
	.product_list > li {width: 32%; margin-right: 2%;}
	.product_list > li:nth-child(4n) {margin-right: 2%;}
	.product_list > li:nth-child(3n) {margin-right: 0;}
	.product_list > li > a > .txt_box > li {font-size: 0.9rem;}
	.product_list > li > a > .txt_box > li.tit {font-size: 1rem;}
	.product_list > li > a > .txt_box > li:last-child {margin-top: 0;}
}
@media screen and (max-width:480px){
	.product_list > li {width: 49%; margin-right: 2%; margin-bottom: 20px;}
	.product_list > li:nth-child(3n) {margin-right: 2%;}
	.product_list > li:nth-child(2n) {margin-right: 0;}
	.product_list > li > a > .txt_box {padding: 10px;}
	.product_list > li > a > .txt_box > li {font-size: 0.75rem;}
	.product_list > li > a > .txt_box > li.tit {font-size: 0.85rem; margin-bottom: 7px;}
}


/* page_box */
.page_box{margin-top:60px;display: flex;align-items: center;justify-content: center;}
.page_box > a{display:flex;align-items: center;justify-content: center;width: 40px;height: 40px; line-height:40px; border:1px solid #ddd;box-sizing:border-box;color:#666;transition:all .3s; margin: 0 3px; border-radius: 50%;}
.page_box > a.on{font-weight: 600; color:#FFF !important;background:#E62367 !important; border:1px solid #FFCCFF;}
.page_box > a > img{width:13px;font-size:0;}
.page_box > .btn_prev_all > i {letter-spacing: -3px;}
.page_box > .btn_next_all > i {letter-spacing: -3px;}
.page_box > a:hover{text-decoration: underline;}
@media screen and (max-width:480px){
	.page_box{margin-top:30px;}
	.page_box > a {width: 30px; height: 30px; line-height:30px; font-size:0.85rem;}
}


/* 장바구니 */
/* cart */
.cart_box {}
.cart_box .process {width: 100%; display: flex; margin-bottom: 40px;}
.cart_box .process li {display: flex; align-items: center; justify-content: center; width: 33.33%; text-align: center; background: #F8F8F8; border: 1px solid #DDD; padding: 15px 10px; box-sizing: border-box; color: #000; margin-left: -1px;}
.cart_box .process li.on {background: #E62367; border: 1px solid #E62367; color: #FFF;}
.cart_box .process li > span {font-size: 1.35rem; font-weight: 800;}
.cart_box .process li > p {font-size: 1.2rem; margin-left: 10px; font-weight: 600; }
.cart_box .process li.on > p {}

.cart_list {}
.cart_list button {border: 1px solid #999; box-sizing: border-box; padding: 10px; background: #fff; border-radius:3px; font-size:.9rem; text-align:center; display:inline-block; transition: background-color 0.3s ease-in; }
.cart_list button:hover {background: #333; color :#FFF;}
.cart_list > ul {margin-top: 10px; border-top: 3px solid #000;}
.cart_list > ul > li {display: flex; align-items: center; padding: 10px 0; box-sizing: border-box; border-top: 1px solid #DDD;}
.cart_list > ul > li > div {margin: 0 10px;}
.cart_list > ul > li input {border: 1px solid #555; border-radius: 5px; padding: 10px; box-sizing: border-box;}
.cart_list > ul > li input[type="checkbox"] {width: 20px; height: 20px;}
.cart_list > ul > li .img_box {padding: 5%; border: 1px solid #999; border-radius: 10px; box-sizing: border-box; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.cart_list > ul > li > div.tit {width: calc(70% - 200px); margin-right: 10px;}
.cart_list > ul > li > div.tit > p {font-size: 1.05rem; font-weight: 600; margin-bottom: 5px;}
.cart_list > ul > li > div.tit > div {display: flex; align-items: center; font-size: 0.9rem;}
.cart_list > ul > li > div.tit > div > span {background: #555; font-size: 0.8rem; color: #FFF; margin-right: 5px; padding: 3px 5px; box-sizing: border-box;}
.cart_list > ul > li > div.num {width: 10%; display: flex; align-items: stretch;font-weight:600}
.cart_list > ul > li > div.num > button {background: #FFF; padding: 5px; border-radius: 0;}
.cart_list > ul > li > div.num > input {width: 50px; text-align: center; border: 1px solid #999; margin: 0 -1px; padding: 5px; border-radius: 0;}
.cart_list > ul > li > div.total {width: 12%; text-align: center; font-size: 1.15rem; font-weight: 800; color: #E62367;}
.cart_list > ul > li > div.del {width: 65px;}
.cart_list > ul > li > div.del > button {padding: 5px 20%; box-sizing: border-box;}

.cart_cal {background: #f7f7f7; padding: 30px 10px; box-sizing: border-box; border-top: 1px solid #DDD;}
.cart_cal > ul {display: flex; align-items: flex-start; justify-content: center; text-align: center;}
.cart_cal > ul > li {margin: 0 2%; font-size: 1.2rem; font-weight: 700;}
.cart_cal > ul > li > p {margin-bottom: 5px;}
.cart_cal > ul > li.end {display: flex; color: #E62367; font-weight: 800; font-size: 1.25rem;}
.cart_cal > ul > li.end > p {margin-right: 7px; margin-bottom: 0;}
@media screen and (max-width: 1024px){
	.cart_list > ul > li > div {margin: 0 5px;}
	.cart_list > ul > li > div.tit {width: calc(80% - 230px);}
	.cart_list > ul > li > div.tit > p {font-size: 0.95rem;}
	.cart_list > ul > li > div.tit > div {font-size: 0.8rem;}
	.cart_list > ul > li > div.tit > div > span {font-size: 0.7rem;}
	.cart_list > ul > li > div.num {width: 100px;}
	.cart_list > ul > li > div.total {width: 120px; font-size: 1.05rem;}
	.cart_list > ul > li > div.del {width: 50px; }
}
@media screen and (max-width: 640px){
	.cart_box .process li {padding: 10px 5px;}
	.cart_box .process li > span {font-size: 1.05rem;}
	.cart_box .process li > p {font-size: 0.95rem;}

	.cart_list > ul > li {flex-wrap: wrap; flex-direction: column; align-items: flex-start; padding: 10px 90px 10px 50px; box-sizing: border-box; position: relative;}
	.cart_list > ul > li > div {margin-bottom: 10px;}
	.cart_list > ul > li > div.chk_box {position: absolute; top: 12%; left: 0;}
	.cart_list > ul > li .img_box {min-width: 100px; padding: 10%;}
	.cart_list > ul > li > div.tit {width: 100%;}
	.cart_list > ul > li > div.del {width: 53px; position: absolute; top: 12%; right: 0;}
	.cart_list > ul > li > div.total {width: 100%; position: absolute; top: 87%; right: 0; text-align: right; margin-left: auto; z-index: -1;}
	.cart_list > ul > li > div.num {margin-bottom: 0;}

	.cart_cal > ul > li {font-size: 1rem;}
	.cart_cal > ul > li.end {font-size: 1.05rem;}
}
@media screen and (max-width: 480px){
	.cart_box .process li {flex-direction: column;}
	.cart_box .process li > span {font-size: 0.9rem;}
	.cart_box .process li > p {font-size: 0.8rem; margin-left: 0; margin-bottom: 3px;}

	.cart_list button {font-size: .7rem;}
	.cart_list > ul > li {padding: 10px 70px 10px 30px;}
	.cart_list > ul > li > div.chk_box {top: 7%;}
	.cart_list > ul > li input[type="checkbox"] {width: 15px; height: 15px;}
	.cart_list > ul > li .img_box {padding: 20%;}
	.cart_list > ul > li > div.tit > p {font-size: 0.8rem;}
	.cart_list > ul > li > div.tit > div {flex-wrap: wrap; font-size: 0.7rem;}
	.cart_list > ul > li > div.tit > div > span {font-size: 0.65rem; margin-bottom: 3px;}
	.cart_list > ul > li > div.num > input {width: 50px; padding: 3px;}
	.cart_list > ul > li > div.num > button {padding: 3px;}
	.cart_list > ul > li > div.total {font-size: 0.9rem;}
	.cart_list > ul > li > div.del {top: 6%;}

	.cart_cal {padding: 15px 5px;}
	.cart_cal > ul {flex-wrap: wrap;}
	.cart_cal > ul > li {display: flex; font-size: 0.8rem; margin: 5px;}
	.cart_cal > ul > li.end {font-size: 0.95rem;}
	.cart_cal > ul > li > p {margin: 0;}
	.cart_cal > ul > li.end > p {margin: 0;}
	.cart_cal > ul > li > span {margin-left: 5px;}
}
@media screen and (max-width: 360px){
	.cart_list > ul > li .img_box {padding: 30%;}
}

/* cart_box2 */
.cart_box2 {}
.cart_box2 > div > h4 {font-size: 1.35rem;}
/* .cart_box2 .cart_cal > ul {justify-content: flex-end;}
.cart_box2 .cart_cal > ul > li {display: flex; margin: 0 5px; font-size: 1rem;} */
.cart_box2 .cart_cal > ul > li > span {margin-left: 5px;}
.cart_box2 .cart_cal > ul > li.end > p {margin-right: 0;}
@media screen and (max-width: 640px){
	.cart_box2 > div > h4 {font-size: 1.2rem;}
	.cart_box2 .cart_list > ul > li {padding: 10px 80px 10px 10px;}
	.cart_box2 .cart_cal > ul {justify-content: center;}
	.cart_box2 .cart_cal > ul > li {font-size: 0.9rem;}
}
@media screen and (max-width: 480px){
	.cart_box2 > div > h4 {font-size: 1.05rem;}
	.cart_box2 .cart_list > ul > li {padding: 5px 60px 5px 5px;}
	.cart_box2 .cart_cal > ul > li {font-size: 0.8rem; margin: 3px;}
}

/* order_box */
.order_box {margin: 50px 0;}
.order_box.join_box > ul > li > p.tit {font-size: 1.05rem; width: 120px;}
.order_box.join_box > ul > li > div {width: calc(100% - 120px);}
.order_box > ol {margin: 20px 0; display: flex;}
.order_box > ol > li {width: 33.33%; border: 1px solid #DDD; text-align: center; margin-left: -1px;}
.order_box > ol > li > p {padding: 13px 10px; box-sizing: border-box; font-size: 1.15rem; font-weight: 800;}
.order_box > ol > li > p.tit {border-bottom: 1px solid #DDD; background: #f4f4f4; font-size: 1rem; font-weight: 600;}
.order_box > ol > li.end > p.price {color: #E62367;}
@media screen and (max-width: 640px){
	.order_box.join_box > ul > li {flex-direction: column;}
	.order_box.join_box > ul > li > p.tit {font-size: 0.95rem; width: 100%; margin-bottom: 10px;}
	.order_box.join_box > ul > li > div {width: 100%;}
	.order_box > ol > li > p {font-size: 0.95rem; padding: 10px 5px;}
	.order_box > ol > li > p.tit {font-size: 0.9rem;}
	.order_view > ul > li > div{font-size: 0.85rem;}
}
@media screen and (max-width: 480px){
	.order_box.join_box > ul > li {margin: 10px 0;}
	.order_box.join_box > ul > li > p.tit {font-size: 0.8rem;}
	.order_box > ol > li > p {font-size: 0.85rem;}
	.order_box > ol > li > p.tit {font-size: 0.8rem;}
	.order_view > ul > li > div{font-size: 0.75rem;}
}

/* pay_box */
.pay_box {}
.pay_box > ul {display: flex; margin: 20px 0;}
.pay_box > ul > li {width: 65%; border: 1px solid #DDD; padding: 20px; box-sizing: border-box; margin-left: -1px;}
.pay_box > ul > li:last-child {display: flex; flex-direction: column; width: 35%; text-align: right;}
.pay_box > ul > li > span {font-size: 1.15rem; font-weight: 800; margin: 5px 0; color: #E62367;}
.pay_box > ul > li > label {justify-content: flex-end;}
.pay_box > ul > li > label > input {margin-right: 5px;}
.pay_box > ul > li > div {margin-bottom: 10px;}
.pay_box > ul > li > .pay_list,
.pay_box > ul > li label {display: flex; align-items: center; flex-wrap: wrap;}
.pay_box > ul > li > .pay_list {margin-bottom: 20px;}
.pay_box > ul > li > .pay_list > label {margin-right: 10px; font-size: 1.05rem;}
.pay_box > ul > li > .pay_list > label input {margin-right: 5px;}
.pay_box > ul > li > .pay_ctn {}
.pay_box > ul > li > .pay_ctn input,
.pay_box > ul > li > .pay_ctn select {min-width: 180px; width: 60%; padding: 7px; box-sizing: border-box; border: 1px solid #BBB; border-radius: 5px;}
.pay_box > ul > li > .pay_ctn > div {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 10px;}
.pay_box > ul > li > .pay_ctn > div:last-child {margin-bottom: 0;}
.pay_box > ul > li > .pay_ctn > div > p.tit {width: 80px; font-size: 1.05rem; font-weight: 600;}
.pay_box > ul > li > .pay_ctn > div > p.tit > span {color: red; vertical-align: super;}
.pay_box > ul > li > .pay_ctn > div > div {width: calc(100% - 120px);}
.pay_box > ul > li > button {background: #E62367; padding: 10px; box-sizing: border-box; color: #FFF; border-radius: 10px; font-size: 1.1rem; margin-top: auto;}
@media screen and (max-width: 640px){
	.pay_box > ul {flex-direction: column;}
	.pay_box > ul > li {width: 100% !important; margin: 0; margin-top: -1px;}
	.pay_box > ul > li:last-child {align-items: center;}
	.pay_box > ul > li > span {margin: 10px 0;}
	.pay_box > ul > li > .pay_list > label {font-size: 0.9rem;}
	.pay_box > ul > li > .pay_ctn input, 
	.pay_box > ul > li > .pay_ctn select {width: 100%; padding: 5px;}
	.pay_box > ul > li > .pay_ctn > div > p.tit {width: 100%; margin-bottom: 10px; font-size: 0.9rem;}
	.pay_box > ul > li > .pay_ctn > div > div {width: 100%;}
	.pay_box > ul > li > button {width: 100%; margin-top: 20px;}
}
@media screen and (max-width: 480px){
	.pay_box > ul > li {font-size: 0.9rem;}
	.pay_box > ul > li > span {margin: 5px 0;}
	.pay_box > ul > li > .pay_list {margin-bottom: 10px;}
	.pay_box > ul > li > .pay_list > label {margin-bottom: 3px;}
	.pay_box > ul > li > .pay_ctn > div > p.tit {font-size: 0.8rem; margin-bottom: 5px;}
	.pay_box > ul > li > button {font-size: 0.9rem; border-radius: 5px;}
}


/* cart_list */
.cart_list > center {border: 1px solid #DDD; padding: 50px 20px; box-sizing: border-box; background: #F8F8F8;}
.cart_list > center > h2 {margin-bottom: 10px; font-size: 1.6rem; font-weight: 800;}
.cart_list > center > p {font-size: 1.05rem; margin: 5px 0;}
@media screen and (max-width: 640px){
	.cart_list > center {padding: 30px 10px;}
	.cart_list > center > h2 {font-size: 1.4rem;}
	.cart_list > center > p {font-size: 0.95rem;}
	.cart_list > .btn_box {margin-top: 30px;}
}
@media screen and (max-width: 480px){
	.cart_list > center {padding: 30px 10px;}
	.cart_list > center > h2 {font-size: 1rem; word-break: keep-all;}
	.cart_list > center > p {font-size: 0.8rem; margin: 3px 0;}
}


/* view_wrapper */
.view_wrapper {}
.view_box > .top {display: flex; justify-content: space-between;align-items:start}
.view_box > .top > div {width: 50%;}
.view_box > .top > .img_box {width: 45%; margin-right: 2%; display: flex; flex-direction: column;}
.view_box > .top > .img_box > #thumb_m {box-sizing: border-box; border: 1px solid #DDD; border-radius: 10px; margin-bottom: 10px;}
.view_box > .top > .img_box > ul {display: flex;}
.view_box > .top > .img_box > ul > li {width: 24%; margin-right: 2%; box-sizing: border-box; border: 1px solid #DDD; border-radius: 10px; overflow: hidden; object-fit: cover;}
.view_box > .top > .img_box > ul > li:nth-child(4n) {margin-right: 0;}
.view_box > .top > .img_box > ul > li > img {opacity: .3; width: 100%; height: 100%;}
.view_box > .top > .img_box > ul > li.on > img {opacity: 1;}
.view_box > .top > .img_box > ul > li:hover > img {opacity: 1; transition: all .3s;}
.view_box > .top > .txt_box {}
.view_box > .top > .txt_box > .tit {font-size: 1.45rem; font-weight: 600; margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #DDD; padding-bottom: 15px; box-sizing: border-box;}
.view_box > .top > .txt_box > .price {display: flex; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #DDD; padding-bottom: 15px; box-sizing: border-box;}
.view_box > .top > .txt_box > .price > p {font-size: 1.15rem; margin-right: 10px; width: 60px;}
.view_box > .top > .txt_box > .price > span {font-size: 1.3rem; font-weight: 700; color: red; width: calc(100% - 60px);}
.view_box > .top > .txt_box > ol {margin-bottom: 15px; border-bottom: 1px solid #DDD; padding-bottom: 10px; box-sizing: border-box;}
.view_box > .top > .txt_box > ol > li {display: flex; align-items: center; margin: 10px 0;}
.view_box > .top > .txt_box > ol > li > p {color: #555; width: 70px;}
.view_box > .top > .txt_box > ol > li > span {color: #000; font-weight: 600; width: calc(100% - 70px);}
.view_box > .top > .txt_box > ol > li > select {width: calc(100% - 70px); border: 1px solid #DDD; padding: 5px; box-sizing: border-box;}

.view_box > .top > .txt_box > .add ul{background: #f4f4f4; padding: 10px 20px; box-sizing: border-box;margin-bottom:5px}
.view_box > .top > .txt_box > .add li {margin: 10px 0; overflow: hidden;margin-top:-5px}
.view_box > .top > .txt_box > .add li.del_btn {margin:0;overflow:auto;text-align:right;cursor:pointer}
.view_box > .top > .txt_box > .add li.del_btn i{font-size:1.6em;color:#888;}
.view_box > .top > .txt_box > .add li > p {font-size: 1.05rem; font-weight: 600; margin-bottom: 10px;}
.view_box > .top > .txt_box > .add li > div {display: flex; align-items: stretch; float: left;}
.view_box > .top > .txt_box > .add li > div > button {background: #FFF; padding: 5px; box-sizing: border-box; border: 1px solid #DDD;}
.view_box > .top > .txt_box > .add li > div > input {width: 50px; text-align: center; border: 1px solid #DDD; margin: 0 -1px; padding: 5px; box-sizing: border-box;}
.view_box > .top > .txt_box > .add li > span {width: 160px; float: right; font-size: 1.25rem; font-weight: 800; text-align: right;}
.view_box > .top > .txt_box > .add .total {margin-top: 30px; display: flex; align-items: center; justify-content: flex-end;}
.view_box > .top > .txt_box > .add .total > p {margin-right: 10px; font-size: 1.05rem;}
.view_box > .top > .txt_box > .add .total > span {font-size: 2rem; font-weight: 800;}
.view_box > .top > .txt_box > .btn_box {justify-content: space-between;}
.view_box > .top > .txt_box > .btn_box > a {width: 32%; min-width: 100px;}
.view_box > .top > .txt_box > .btn_box > a:last-child {margin-right: 0;}
@media screen and (max-width:768px){
	.view_box > .top {flex-direction: column;}
	.view_box > .top > div {width: 100%;}
	.view_box > .top > .img_box {width: 100%; margin-bottom: 20px; margin-right: 0;}
	.view_box > .top > .txt_box > .tit {font-size: 1.15rem;}
	.view_box > .top > .txt_box > .price > p {font-size: 1rem;}
	.view_box > .top > .txt_box > .price > span {font-size: 1.15rem;}
	.view_box > .top > .txt_box > ol > li > p {font-size: 1rem;}
	.view_box > .top > .txt_box > .add .total > span {font-size: 1.6rem;}
	.view_box > .top > .txt_box > .add .total > p {font-size: 1rem;}
	.view_box > .top > .txt_box > .btn_box {margin-top: 30px;}
	.view_box > .top > .txt_box > .btn_box > a {font-size: 1rem;}
}
@media screen and (max-width:480px){
	.view_box > .top > .img_box {margin-bottom: 10px;}
	.view_box > .top > .txt_box > .tit {font-size: 0.95rem;}
	.view_box > .top > .txt_box > .price > p {font-size: 0.8rem; width: 55px;}
	.view_box > .top > .txt_box > .price > span {font-size: 0.85rem; width: calc(100% - 55px);}
	.view_box > .top > .txt_box > ol > li > p {font-size: 0.8rem; width: 55px;}
	.view_box > .top > .txt_box > ol > li > span {font-size: 0.85rem; width: calc(100% - 55px);}
	.view_box > .top > .txt_box > ol > li > select {font-size: 0.85rem; width: calc(100% - 55px);}
	.view_box > .top > .txt_box > .add ul{padding: 10px 15px;}
	.view_box > .top > .txt_box > .add li {margin: 0;margin-top:-3px}
	.view_box > .top > .txt_box > .add li > p {font-size: 0.9rem; margin-bottom: 7px;}
	.view_box > .top > .txt_box > .add li > div {float: initial;}
	.view_box > .top > .txt_box > .add li > span {display: block; float: initial; width: 100%; font-size: 1rem;}
	.view_box > .top > .txt_box > .add .total {margin-top: 20px;}
	.view_box > .top > .txt_box > .add .total > span {font-size: 1.35rem;}
	.view_box > .top > .txt_box > .add .total > p {font-size: 0.85rem; margin-right: 5px;}
	.view_box > .top > .txt_box > .btn_box {flex-direction: column; margin-top: 20px;}
	.view_box > .top > .txt_box > .btn_box > a {width: 100%; margin: 3px 0; font-size: 0.9rem;}
}

.view_box > .mid {margin: 80px 0;}
.view_box > .mid > .tab_list {display: flex; width:100%}
.view_box > .mid > .tab_list > li {width:100%;    border: 1px solid #ddd; margin-left: -1px;}
.view_box > .mid > .tab_list > li.on {border: 1px solid #E62367; background: #E62367;}
.view_box > .mid > .tab_list > li > a {display:inline-block; text-align:center; width:100%; white-space:nowrap; font-size: 1.15rem;  font-weight: 600;  padding: 20px 0; box-sizing: border-box;}
.view_box > .mid > .tab_list > li.on > a {color: #FFF;} 
.view_box > .mid > .tab_list_ctn {margin: 20px 0 60px; padding: 20px; box-sizing: border-box; border: 1px solid #DDD;}
@media screen and (max-width:480px){
	.view_box > .mid {margin: 50px 0;}
	.view_box > .mid > .tab_list > li > a {font-size: 0.9rem; padding: 10px 5px;}
	.view_box > .mid > .tab_list_ctn {border: 0; padding: 0;}
}

.view_box > .btm {}
.view_box > .btm > h4 {font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;}
.view_box > .btm > ul {display: flex;}
.view_box > .btm > ul > li {width: 24.5%; margin-right: 2%;}
.view_box > .btm > ul > li:nth-child(4n) {margin-right: 0;}
.view_box > .btm > ul > li > a {display: block;}
.view_box > .btm > ul > li > a > .img_box {padding: 45%; box-sizing: border-box; border: 1px solid #DDD; background-image: url('/common/img/main/pdtSlide01-1.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.view_box > .btm > ul > li > a > .txt_box {padding: 10px; box-sizing: border-box; font-size: 1rem;}
.view_box > .btm > ul > li > a > .txt_box > p {font-weight: 600; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.view_box > .btm > ul > li > a > .txt_box > span {display: block; font-weight: 800; color: red; text-align: right;}
@media screen and (max-width:640px){
	.view_box > .btm > h4 {font-size: 1.6rem;}
	.view_box > .btm > ul {flex-wrap: wrap;}
	.view_box > .btm > ul > li {width: 32%; margin-bottom: 20px;}
	.view_box > .btm > ul > li:nth-child(4n) {margin-right: 2%;}
	.view_box > .btm > ul > li:nth-child(3n) {margin-right: 0;}
	.view_box > .btm > ul > li > a > .txt_box {font-size: 0.9rem;}
}
@media screen and (max-width:480px){
	.view_box > .btm > h4 {font-size: 1.3rem;}
	.view_box > .btm > ul > li {width: 49%;}
	.view_box > .btm > ul > li:nth-child(3n) {margin-right: 2%;}
	.view_box > .btm > ul > li:nth-child(2n) {margin-right: 0;}
	.view_box > .btm > ul > li > a > .txt_box {font-size: 0.8rem;}
}


/* scroll_box */
.scroll_box {border: 1px solid #BBB; padding: 20px; box-sizing: border-box; overflow-y: scroll;}
.scroll_box > div {height: 130px; font-size: 0.85rem;}
@media screen and (max-width:640px){
	.scroll_box {padding: 10px;}
	.scroll_box > div {height: 100px; font-size: 0.75rem;}
}
@media screen and (max-width:480px){
	.scroll_box > div {height: 60px; font-size: 0.65rem;}
}


/* btn_box */
.btn_box {display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.btn_box > a {display: block; width: 20%; min-width: 150px; padding: 15px 10px; box-sizing: border-box; font-size: 1.1rem; font-weight: 600; background: #2222; border-radius: 10px; text-align: center;}
.btn_box > a.on {background: #E62367; color: #FFF; margin-right: 10px;}
@media screen and (max-width:480px){
	.btn_box > a {padding: 10px 5px; font-size: 0.9rem; min-width: 110px;}
	.btn_box > a.on {margin-right: 5px;}
}


/* 상품 */
/* list_wrapper */
.list_wrapper {}


/* 240215수정 */
.off{background:#2222 !important;color:#000 !important}
.btnbox{}
.basic_btn{padding:10px 20px;background:#E62367;color:#fff;display:inline-block;}
.find_view{text-align:center;padding:30px;box-sizing:border-box;}
.find_view h3{margin-bottom:20px;}
.find_view span{color:#E62367}

.guide {font-size: 1.35rem;margin-bottom:10px;margin-top:60px}
.guide:first-child{margin-top:0}
@media screen and (max-width: 640px){
	.guide {font-size: 1.2rem;}
}
@media screen and (max-width: 480px){
	.guide {font-size: 1.05rem;}
}
.list_none{text-align:center;background:#f4f4f4;padding:10px;}
@media screen and (max-width: 640px){
	.list_none{font-size: .9em;}
}

.pd_name{color:#aaa;font-size:.9em;text-align:left;display:inline-block;width:100%;}

.order_top{display:flex;margin-top:30px;width:100%;gap:60px; flex-wrap:wrap;white-space: nowrap;}
.order_top dl{display:flex;gap:10px}
.order_top dt{font-weight:700}
@media screen and (max-width: 900px){
.order_top{gap:10px;}
}
@media screen and (max-width: 640px){
.order_top dl{margin-right:10px}
}


/*서치*/ 						
.search     {margin-top:30px;   width:100%; display:flex; justify-content:center }
.search  input  {width:30%;  margin:0 5px; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666}
.search  select  { font-size:0.93em; color:#666; border:1px solid #ddd;  vertical-align:middle; width:100px; }
.search a {background-color:#777; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff; line-height:37px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
@media screen and (max-width: 400px){
	.search  select {width:80px}
}