@charset "utf-8";

/* 회원가입 */
#stepnav {display: flex; width: 700px; height: 106px; margin: 45px auto 91px; border: 2px solid #07689F; border-radius: 5px;}
#stepnav .img-s1 {display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0;}
#stepnav img {width: 40px; height: 40px;}
#stepnav span {display: block; font-size: 1.8rem; font-weight: bold; text-align: center;}
#stepnav span.txt-s1 {color: #0F5298;}
#stepnav span.txt-s2 {color: #4F577C;}
#stepnav .dv1 {display: flex; justify-content: center; align-items: center; width: 50%;}
#stepnav .dv2 {position: relative; display: flex; justify-content: center; align-items: center; width: 50%; background-color: #D5E8F6;}
#stepnav .dv2::before {position: absolute; left: -27px; top: 50%; content: ""; width: 54px; height: 54px; line-height: 54px; margin: -27px 0 0 0;
background-image: url(../images/btn_next.png); background-size: 30px; background-position: center center; background-repeat: no-repeat; background-color: #fff; border-radius: 50%; text-align: center;}
tab4-cont

#span_chkID{line-height:25px;}
.impossible{color:red;}
.possible{color:blue;}
#licensingOpener{cursor:pointer;}
#licensingCloser{cursor:pointer;}


.layer_popup {width:100%; height:100%; background-color: rgba(53,53,53,0.5);position:fixed; top:50%; left:50%; transform: translate(-50%,-50%);  z-index:2000;}
.layer_popup .layer_box {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: #fff; width: 100%; height: 100%; box-sizing: border-box; overflow: auto;}
.layer_popup .layer_box > .layer_header {background: #fff; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: 700; color: #000; text-align: center; position: sticky; top: 0; left: 0;}
.layer_popup .layer_box > .layer_header > a {width: 20px; position:absolute; left: 5px; top: 50%; transform: translate(0, -50%); line-height: 0;}
.layer_popup .layer_box > .layer_header > a > img {width: 100%;}
.layer_popup .layer_box > .layer_body {padding: 20px 15px; background: #f0f0f0}
.layer_popup .layer_box > .layer_body > div {width: 100%; height: 100%; padding: 1px 10px 20px; background: #fff; box-sizing: border-box; text-align: left;}
.layer_popup .layer_box > .layer_footer {position: sticky; left: 0; bottom: 0;}
.layer_popup .layer_box > .layer_footer button { width: 100%; height: 40px; line-height: 40px; background: #00A8CC; font-weight: 700; color: #fff; border: 0; margin:0 5px;}

/*
.impor_txt {
	color: #E22757;
	font-weight: bold;
	margin: 0 0 10px 0;
}
*/
.impor_txt {
	color: #E22757;
	font-weight: bold;
	margin-bottom: 10px;
}

#registform {width: 500px; margin: 0 auto;}
#registform .form-tit {display: block; margin: 0 0 50px 0; font-size: 3rem; font-weight: bold; text-align: center;}

/* 2022.04.13 추가 */
#registform select {width: 100%; height: 45px; border: 1px solid #A7A7A7; border-radius: 5px; box-sizing: border-box; text-indent: 10px;}
#registform .region select {width:49%;}

/*
#registform .snslist {width: 260px; margin: 0 auto 52px;}
*/
#registform .snslist {width: 260px; margin: 0 auto 30px;}
#registform .snslist span {display: block; margin: 0 0 17px 0; color: #707070; font-size: 1.7rem; text-align: center;}
/*#registform .snslist img {width: 60px; height: 60px;}*/
#registform .snslist .list-s1 {display: flex; justify-content: space-between; align-items: center;}

#registform .form-s1 {position: relative; padding: 25px 0; border-top: 3px solid #07689F; border-bottom: 3px solid #D5E8F6;}
#registform .txt-req {position: absolute; right: 0; top: -30px;}

#registform input[type="text"] {width: 100%; height: 45px; border: 1px solid #A7A7A7; border-radius: 5px; box-sizing: border-box;
	text-indent: 10px;
}
#registform input[type="password"] {width: 100%; height: 45px; border: 1px solid #A7A7A7; border-radius: 5px; box-sizing: border-box;
	text-indent: 10px;
}
/*
#registform input[type="text"] {width: 100%; height: 45px; border: 1px solid #A7A7A7; border-radius: 5px; box-sizing: border-box;}
#registform input[type="password"] {width: 100%; height: 45px; border: 1px solid #A7A7A7; border-radius: 5px; box-sizing: border-box;}
*/
#registform input::placeholder {text-indent: 10px;}
#registform li {margin: 0 0 10px 0;}

#registform #cert {width: 49%;}

#registform .list-s1 .smsCkField {display: flex; justify-content: space-between; align-items: center;}
/*
#registform .list-s1 li.smsCkField {display: flex; justify-content: space-between; align-items: center;}
#registform .list-s1 li:nth-child(2) {display: flex; justify-content: space-between; align-items: center;}
*/
#registform .list-s1 .btn-s1 {display: inline-block; width:49%; height: 45px; line-height: 45px; background-color: #DEDEDE; border: 1px solid #DEDEDE; border-radius: 5px; text-align: center;
	cursor:pointer;
}
#registform .list-s1 .txt-alert {display: block; color: #E22757; font-weight: bold; text-indent: 20px;}
#registform .list-s1 .txt-s1 {display: block; font-size: 1.2rem; text-indent: 20px;}

#registform .readonly {
	background:#efefef;
}
#registform .displayCount{
	display:none;
}
#registform .check_complete {
	color:#f00;
	display:none;
}

#registform .list-s2 {margin: 20px 0 0 0;}
#registform .list-s2 li {position: relative; height: 45px; line-height: 45px; background-color: #eee; border-radius: 5px;}
#registform .list-s2 li:last-child {margin: 0;}
#registform .list-s2 input[type="checkbox"] {margin: 0 10px;}
#registform .list-s2 label {cursor: pointer;}
#registform .list-s2 a {position: absolute; right: 10px; top: 50%; display: inline-block;  height: 24px; line-height: 24px; margin: -14px 0 0 0; padding: 0 5px;
border: 1px solid #5F5F5F; border-radius: 3px;}
#registform .list-s2 .txt-s1 {display: inline-block; margin: 0 0 0 5px; color: #f00;}
#registform .list-s2 .txt-s2 {display: inline-block; margin: 0 0 0 5px; color: #000;}

#registform .btn-ctrl {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
#registform .btn-ctrl button {width: 49%; height: 45px; line-height: 45px; background-color: #0378AE; border: none; border-radius: 5px; box-sizing: border-box; color: #fff; text-align: center; cursor: pointer;}
#registform .btn-ctrl a {width: 49%; height: 45px; line-height: 45px; background-color: #DEDEDE; border: none; border-radius: 5px; box-sizing: border-box; text-align: center;}


#registform .memberWhat {
	margin-bottom: 10px;
}
#registform .memberWhat label {
	float:left;
	width:calc(50% - 5px);
	margin-left:9px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	color:#000;
	background:#eee;
	cursor:pointer;
}
#registform .memberWhat .first {
	margin-left:0;
}
#registform .memberWhat .w100 {
	width:100%;
}
#registform .memberWhat input {
	position:absolute;
	left:-1000px;
	top:0;
}
#registform .memberWhat input:checked+label {
	color:#fff;
	background:#0378AE;
}

#registform .link_page {
	background:#eee;
	border-radius:5px;
	padding:10px;
}
#registform .link_page label {
	float:left;
	width:60px;
	line-height:45px;
}
#registform .link_page input {
	float:left;
	width:calc(100% - 61px);
}
#registform .link_page select {
	float:left;
	width:calc(100% - 61px);
	padding:0 10px;
	text-indent:0;
}
#registform .link_page li:last-child {
	margin-bottom:0;
}


/* 회원가입 완료 */
#registform .form-s2 {display: flex; justify-content: center; align-items: center; flex-direction: column;}
#registform .form-s2 img {width: 200px; height: 200px;}
#registform .form-s2 span {display: block; margin: 40px 0 0 0; font-size: 2rem; font-weight: bold;}
#registform .form-s2 a {display: inline-block; width: 50%; height: 40px; line-height: 40px; margin: 40px auto; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}

/* 회원수정 */
.mb-benefit {display: flex; justify-content: space-between; align-items: center; background-color: #49A4E1; margin: 30px 0 0 0; padding: 20px 10px; border-radius: 20px; color: #fff;}
.mb-benefit .dv1 {display: flex; justify-content: center; align-items: center; width: 40%;}
.mb-benefit .dv1 span {display: block;}
.mb-benefit .dv1 .ico-s1 {width: 50px; height: 50px; line-height: 50px; margin: 0 20px 0 0; background-color: #fff; border-radius: 50%; color: #3506A7; font-size: 3rem; font-weight: bold; text-align: center;}
.mb-benefit .dv2 {width: 30%; padding: 0 30px; border-left: 1px solid #fff;}
.mb-benefit .dv2 >div:nth-child(2) {display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0 0; }
.mb-benefit .dv2 .txt-s3 {margin: 0 0 0 5px;}
.mb-benefit .dv2 a {color: #fff;}
.mb-benefit .txt-s1 {font-size: 2rem;}
.mb-benefit .txt-s2 {font-size: 1.6rem;}
.mb-benefit .txt-s3 {font-size: 1.4rem;}

.mb-benefit .posrel {
	position:relative;
}
.mb-benefit .posabs {
	position:absolute;
	top:0;
	right:25px;
}

.mb-content {display: flex; margin: 40px 0;}
.mb-aside { width: 160px; margin: 0 50px 0 0; padding: 20px; background-color: #F6F4F4; border-radius: 10px;}
.mb-aside div {display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 0 30px 0; font-size: 1.6rem;}
.mb-aside li {padding: 20px 0; border-top: 1px solid #9A9A9A;}
.mb-aside li a {display: block; margin: 0 0 5px 0; color: #484848; font-size: 1.4rem;}
.mb-aside #blue-color a {color: #0378AE; font-weight: bold;}
.mb-aside .blue-color,
.mb-aside .blue-color a {
	color: #0378AE;
	font-weight: bold;
}

.mb-info {width: 900px;}
.mb-info >span {font-size: 2rem;}
.mb-info table {width: 100%; margin: 40px 0 0 0; border-spacing: 0; border-collapse: collapse;}
.mb-info table tr {height: 70px;}
.mb-info table tr:first-child {border-top: 1px solid #DEDEDE;}
.mb-info table tr.tr-s1 {display: none;}
/*
.mb-info table th {width: 155px; border-bottom: 1px solid #DEDEDE; color: #2E2E2E; text-align: left; text-indent: 25px;}
*/
.mb-info table th {width: 200px; border-bottom: 1px solid #DEDEDE; color: #2E2E2E; text-align: left; text-indent: 25px;}
.mb-info table td { padding: 0 20px; border-left: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.mb-info input[type="password"] {width: 150px; height: 45px; border: 1px solid #DEDEDE; border-radius: 5px;}
.mb-info input[type="text"] {height: 45px; border: 1px solid #DEDEDE; border-radius: 5px;}
.mb-info input[type="checkbox"] {margin: 0 10px;}
.mb-info input[type="radio"] {margin: 0 10px;}
.mb-info input::placeholder {text-indent: 10px;}
.mb-info select {height: 47px; border: 1px solid #DEDEDE; border-radius: 5px;}
.mb-info label {cursor: pointer;}
.mb-info #mb-cp1, .mb-info #mb-cp2, .mb-info #mb-cp3 {width: 150px;}
.mb-info .btn-s1 {display: inline-block; width: 150px; height: 47px; line-height: 47px; background-color: #DEDEDE; border: 1px solid #DEDEDE; border-radius: 5px; text-align: center; cursor: pointer;}
.mb-info #zip {width: 150px; margin: 10px 0;}
.mb-info #addr1, .mb-info #addr2 {width: 100%; margin: 0 0 10px 0;}
.mb-info .txt-s1 {color: #0378AE;}

/* 회원탈퇴 */
.mb-leave {width: 900px;}
.mb-leave >span {font-size: 2rem;}
.mb-leave .dv1 {margin: 20px 0; padding: 20px; background-color: #DFF4FC; border-radius: 5px;}
.mb-leave .dv1 span {display: block; margin: 20px 0; font-size: 1.8rem;}
.mb-leave .dv1 span:first-child {margin: 0 0 20px 0;}
.mb-leave .dv1 li {position: relative; margin: 0 0 0 20px; padding: 0 0 0 20px; display: flex;}
.mb-leave .dv1 li::before {position: absolute; left: 0; content: "·"; }
.mb-leave .dv2 {font-size: 1.6rem;}
.mb-leave .dv3 {margin: 20px 0; padding: 20px; background-color: #DFF4FC; border-radius: 5px;}
.mb-leave .dv3 input[type="checkbox"] {margin: 5px 10px 0 0;}
.mb-leave .dv3 label {cursor: pointer;}
.mb-leave .dv3 ul {display: flex; align-items: center; flex-wrap: wrap;}
.mb-leave .dv3 li {width: 50%; margin: 20px 0 0 0; display: flex;}
.mb-leave .dv3 li:nth-child(1) {margin: 0;}
.mb-leave .dv3 li:nth-child(2) {margin: 0;}
.mb-leave .dv4 {width: 900px; margin: 0 0 20px 0; font-size: 1.6rem; text-align: center;}
.mb-leave .dv4 input[type="checkbox"] {margin: 0 10px 0 0;}
.mb-leave .dv4 label {cursor: pointer;}
.mb-leave .btn-ctrl {display: flex; justify-content: space-between; align-items: center; width: 400px; margin: 0 auto;}
.mb-leave .btn-ctrl .btn-s1 {width: 49%; height: 45px; line-height: 45px; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 5px; color: #fff; font-size: 1.6rem; text-align: center; cursor: pointer;}
.mb-leave .btn-ctrl .btn-s2 {width: 49%; height: 45px; line-height: 45px; background-color: #DEDEDE; border: 1px solid #DEDEDE; border-radius: 5px; color: #000; font-size: 1.6rem; text-align: center;}

/* 로그인 */
#loginform {width: 400px; margin: 40px auto;}
#loginform .form-tit {display: block; margin: 0 0 30px 0; color: #0378AE; font-size: 3rem; font-weight: bold;}

#loginform .form-s1 {position: relative; padding: 25px 0 10px 0; border-top: 3px solid #07689F;}

#loginform input[type="text"] {width: calc(100% - 20px); height: 45px; border: 1px solid #0378AE; border-radius: 5px; box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
}
#loginform input[type="password"] {width: calc(100% - 20px); height: 45px; border: 1px solid #0378AE; border-radius: 5px; box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
}
/*
#loginform input[type="text"] {width: 100%; height: 45px; border: 1px solid #0378AE; border-radius: 5px; box-sizing: border-box;}
#loginform input[type="password"] {width: 100%; height: 45px; border: 1px solid #0378AE; border-radius: 5px; box-sizing: border-box;}
*/
#loginform input::placeholder {text-indent: 10px;}
#loginform li {margin: 0 0 10px 0;}

#loginform .btn-ctrl {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
#loginform .btn-ctrl button {width: 100%; height: 45px; line-height: 45px;
background-color: #0378AE; border: none; border-radius: 5px; box-sizing: border-box; color: #fff; font-size: 1.6rem; text-align: center; cursor: pointer;}

#loginform .list-s2 {display: flex; justify-content: space-between; align-items: center; width: 300px; margin: 0 auto;}
#loginform .list-s2 li {width: 50%;}
#loginform .list-s2 input[type="checkbox"] {margin: 0 10px;}
#loginform .list-s2 label {cursor: pointer;}

#loginform .list-s3 {display: flex; justify-content: center; align-items: center; width: 300px; margin: 0 auto 20px; font-weight: bold;}
#loginform .list-s3 li {position: relative; padding: 0 15px; }
#loginform .list-s3 li::after {position: absolute; left: 0; top: 0; content: "|";}
#loginform .list-s3 li:first-child::after {display: none;}
#loginform .list-s3 li a {display: block; text-align: center;}

/*
#loginform .snslist {width: 260px; margin: 0 auto 52px;}
*/
#loginform .snslist {
	width: 260px; margin: 0 auto 30px;
}
#loginform .snslist span {display: block; margin: 0 0 17px 0; color: #707070; font-size: 1.4rem; text-align: center;}
/*#loginform .snslist img {width: 60px; height: 60px;}*/
#loginform .snslist .list-s1 {display: flex; justify-content: space-between; align-items: center;}

#kakao-login-btn img {
	width:268px;
}


/* 로그인 에러 */
.letter_sp {text-align: center; margin-top: 30px;}

/* 아이디찾기 */
#findidform {width: 600px; margin: 40px auto; padding: 20px; border: 1px solid #DEDEDE; border-radius: 10px;}
#findidform .form-tit {display: flex; justify-content: center; align-items: center; margin: 0 0 30px 0; color: #0378AE; font-size: 3rem; font-weight: bold;}
#findidform .form-tit img {width: 40px; height: 40px; margin: 0 10px 0 0;}

#findidform .form-s1 {position: relative; padding: 25px 0 10px 0; border-top: 3px solid #07689F;}
#findidform input[type="text"] {width: 24.6%; height: 45px; border: 1px solid #707070; border-radius: 5px; box-sizing: border-box;}
#findidform input::placeholder {text-indent: 10px;}
#findidform select {width: 24.6%; height: 45px; border: 1px solid #707070; border-radius: 5px; box-sizing: border-box;}
#findidform li {margin: 0 0 10px 0;}
#findidform #cert {width: 100%;}
#findidform .list-s1 button {width: 24.6%; height: 45px; line-height: 45px; background-color: #707070; border: none; border-radius: 5px; box-sizing: border-box; color: #fff; text-align: center; cursor: pointer;}

#findidform .btn-ctrl {display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
#findidform .btn-ctrl button {width: 49%; height: 45px; line-height: 45px; background-color: #0378AE; border: none; border-radius: 5px; box-sizing: border-box; color: #fff; text-align: center; cursor: pointer;}
#findidform .btn-ctrl a {width: 49%; height: 45px; line-height: 45px; background-color: #DEDEDE; border: none; border-radius: 5px; box-sizing: border-box; text-align: center;}

/* 마이페이지 */
.mb-mypage {width: 900px;}
.mb-mypage .dv1 .tit-s1 {display: flex; justify-content: space-between; align-items: center;}
.mb-mypage .dv1 .tit-s1 div {font-size: 2rem; font-weight: bold;}
.mb-mypage .dv1 .tit-s1 .txt-s1 {font-size: 1.4rem; font-weight: normal;}
.mb-mypage .dv1 .tit-s1 ul {display: flex; justify-content: space-between; align-items: center;}
.mb-mypage .dv1 .tit-s1 li {display: flex; justify-content: flex-end; width: 100px; font-weight: bold;}
.mb-mypage .dv1 .tit-s1 .txt-s2 {display: inline-block; margin: 0 0 0 20px; font-weight: normal;}

.mb-mypage .info-s1 {margin: 10px 0 0 0; border: 2px solid #07689F; border-radius: 10px;}
.mb-mypage .info-s1 .list-s1 {display: flex; justify-content: space-between; align-items: center; padding: 20px 40px;}
.mb-mypage .info-s1 .list-s1 li {position: relative;}
.mb-mypage .info-s1 .list-s1 li::after {position: absolute; left: -70px; top: 50%; content: ""; width: 40px; height: 40px; margin: -25px 0 0 0;
background: url(../images/btn_next1.png) no-repeat; background-size: 20px; }
.mb-mypage .info-s1 .list-s1 li:first-child::after {display: none;}
.mb-mypage .info-s1 .list-s1 span {display: block; text-align: center;}
.mb-mypage .info-s1 .list-s1 span.newStatCnt{display: inline !important; font-size: 18px; color:#595959 !important; font-weight:bold;}

.mb-mypage .info-s1 .list-s2 {display: flex; justify-content: space-between; align-items: center; background-color: #F6F4F4; border-radius: 0 0 10px 10px;}
.mb-mypage .info-s1 .list-s2 li {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 45px; padding: 10px;}
.mb-mypage .info-s1 .list-s2 li div:nth-child(1) {width: 40%; text-align: center;}
.mb-mypage .info-s1 .list-s2 li div:nth-child(2) {width: 60%; text-align: center;}
.mb-mypage .info-s1 .list-s2 li::after {position: absolute; left: 0; top: 50%; content: ""; width: 1px; height: 45px; margin: -22px 0 0 0; background-color: #9A9A9A; }
.mb-mypage .info-s1 .list-s2 li:first-child::after {display: none;}
.mb-mypage .info-s1 .list-s2 li span {display: inline-block; margin: 0 10px;}
.mb-mypage .info-s1 .list-s2 .txt-s1 {font-size: 1.6rem; font-weight: bold;}

.mb-mypage .tbl-s1 {margin: 10px 0 0 0; padding: 10px; background-color: #F6F4F4; border-radius: 10px;}
.mb-mypage .tbl-s1 table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.mb-mypage .tbl-s1 th {height: 45px; border-bottom: 1px solid #07689F;}

.mb-mypage .dv2 {margin: 30px 0 0 0;}
.mb-mypage .dv2 .txt-s1 {font-size: 1.8rem;}
.mb-mypage .dv2 th {width: 15%;}
.mb-mypage .dv2 th:nth-child(1) {width: 20%;}
.mb-mypage .dv2 th:nth-child(2) {width: 50%;}
.mb-mypage .dv2 td {height: 45px; text-align: center;}
.mb-mypage .dv2 td:nth-child(2) {text-align: left;}

.mb-mypage .dv3 {margin: 30px 0 0 0;}
.mb-mypage .dv3 .txt-s1 {font-size: 1.8rem;}
.mb-mypage .dv3 th {width: 15%;}
.mb-mypage .dv3 th:nth-child(2) {width: 55%;}
.mb-mypage .dv3 td {height: 45px; text-align: center;}
.mb-mypage .dv3 td:nth-child(2) {text-align: left;}

.mb-mypage .dv4 {margin: 30px 0 0 0;}
.mb-mypage .dv4 .txt-s1 {font-size: 1.8rem;}
.mb-mypage .dv4 th {width: 15%;}
.mb-mypage .dv4 th:nth-child(1) {width: 55%;}
.mb-mypage .dv4 td {/*height: 60px; line-height: 60px;*/ text-align: center;}
.mb-mypage .dv4 td:nth-child(1) {
    text-align: left;
    /* display: inline-flex; */
}
.mb-mypage .dv4 span.txt-s2 {display: block; width: 100%; text-align: center;}
.mb-mypage .dv4 span.txt-c1 {color: #04396B; font-weight: bold;}
.mb-mypage .dv4 span.ico-s1 {display: inline-block; width: 20px; height: 20px; line-height: 20px; margin: 0 0 0 5px; background-color: #0F5298; border-radius: 50%; color: #fff;}
.mb-mypage .dv4 a.btn-s1 {display: inline-block; width: 70px; line-height: 20px; padding: 5px; background-color: #3282B7; border-radius: 20px; color: #fff;}
.mb-mypage .dv4 img {width: 60px; height: 60px; margin: 0 10px 0 0; vertical-align: middle;}

.mb-mypage td {
	padding:5px 0;
	border-bottom: 1px solid #66bef0;
}


.td_bt_line td {
	border-bottom:1px solid #ccc;
	padding:5px 0;
}
th.chk {
	width: 5% !important;
}
td.prod {
    text-align: left !important;
}
td.prod img {
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}


.goods_list_pg {
	margin: 30px 0 0 0;
}
.goods_list_pg th {
	width: 15%;
}

.goods_list_pg th.prod {
	width: auto;
}
.goods_list_pg td {
	text-align: center;
}

.goods_list_pg  a.btn-s1 {display: inline-block; width: 70px; line-height: 20px; padding: 5px; background-color: #3282B7; border-radius: 20px; color: #fff;}


.lv1 .tit-s1 {display: flex; justify-content: space-between; align-items: center;}
.lv1 .tit-s1 .title {font-size: 2rem; font-weight: bold;}
.lv1 .ri {
}
.lv1 .ri a {
	padding:3px 15px;
	border-radius:5px;
	color:#fff;
	background:#e22757;
}

.lv2 {margin: 30px 0 0 0;}
.lv2 .txt-s1 {font-size: 1.8rem;}
.lv2 td {height: 45px; text-align: center;}
/*
.tbl-l1 {margin: 10px 0 0 0; padding: 10px; border-radius: 10px;}
*/
.tbl-l1 {margin: 10px 0 10px 0; }
.tbl-l1 table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.tbl-l1 th {height: 70px; background-color: #f6f4f4; }
.tbl-l1 table th:first-child {
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
.tbl-l1 table th:last-child {
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

/* 주문/배송내역 */
.mb-orderlist .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-dtl1 {display: flex; width: 900px; border: 1px solid #D5E8F6; margin: 10px 0 0 0; border-radius: 10px;}
.mb-dtl1 >div {display: flex; justify-content: center; align-items: center; width: 180px; height: 180px; background-color: #D5E8F6; border-radius: 10px 0 0 10px;}
.mb-dtl1 ul {padding: 45px 20px;}
.mb-dtl1 li {margin: 0 0 10px 0; font-style: 1.6rem; }

.mb-dtl2 {display: flex; width: 900px; border: 1px solid #D5E8F6; margin: 10px 0 0 0; border-radius: 10px;}
.mb-dtl2 >div:nth-child(1) {display: flex; justify-content: center; align-items: center; width: 180px; height: 180px;
background-color: #D5E8F6; border-radius: 10px 0 0 10px; color: #0E4C75; font-size: 2rem; font-weight: bold;}
.mb-dtl2 >div:nth-child(2) {padding: 30px 0 30px 20px;}
.mb-dtl2 .list-s1 {display: flex; justify-content: space-between; align-items: center; width: 490px; border: 1px solid #AFCCDC; border-radius: 5px; box-sizing: border-box;}
.mb-dtl2 .list-s1 li { width: 50px; padding: 10px; border-left: 1px solid #AFCCDC; text-align: center; font-weight: bold;}
.mb-dtl2 .list-s1 li:first-child {border-left: none;}
.mb-dtl2 .list-s1 li a {display: block;}
.mb-dtl2 .list-s1 li.active {background-color: #0378AE;}
.mb-dtl2 .list-s1 li.active a {color: #fff; }
.mb-dtl2 select {width: 80px; height: 40px; border: 1px solid #AFCCDC; border-radius: 5px;}
.mb-dtl2 .sch-s1 {margin: 30px 0 0 0;}
.mb-dtl2 .sch-s1 span {display: inline-block; margin: 0 2px;}
.mb-dtl2 .sch-s1 .btn-s1 {width: 70px; height: 40px; line-height: 40px; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 5px; color: #fff; cursor: pointer;}

.mb-dtl {margin: 30px 0 0 0;}
.mb-dtl .txt-s1 {font-size: 1.8rem;}
/*
.mb-dtl .tbl-s1 {margin: 10px 0 0 0; padding: 10px; background-color: #F6F4F4; border-radius: 10px;}
*/
.mb-dtl .tbl-s1 { padding: 10px; background-color: #F6F4F4; border-radius: 10px;}
.mb-dtl .tbl-s1 table {width: 100%; border-spacing: 0; border-collapse: collapse;}
.mb-dtl .tbl-s1 th {height: 45px; border-bottom: 1px solid #07689F;}
.mb-dtl tr.tr-s1 {border-bottom: 1px solid #07689F;}
/*
.mb-dtl th {width: 15%;}
.mb-dtl th:nth-child(2) {width: 40%;}
.mb-dtl th:nth-child(4) {width: 20%;}
*/
.mb-dtl td {padding: 10px 0; text-align: center;}
.mb-dtl tr.tr-s1 td {padding: 0;}
.mb-dtl span.txt-s1 {display: block; margin: 10px 0;}
.mb-dtl td.td-s1 {display: flex; text-align: left;}
.mb-dtl td.td-s1 span {display: block;}
.mb-dtl .trg_rwspn img {width: 60px; height: 60px; margin: 0 10px 0 0; vertical-align: middle;}
/*
.mb-dtl img {width: 60px; height: 60px; margin: 0 10px 0 0; vertical-align: middle;}
.mb-dtl td.td-s3 div {width: 50%;}
.mb-dtl td.td-s3 {display: flex; align-items: center;}
.mb-dtl td.td-s3 > div {width: 50%; }
*/
.mb-dtl td.td-s3 a {display: block; margin: 5px 0;}
.mb-dtl td.td-s3-1 a,
.mb-dtl td.td-s3-2 a,
.mb-dtl td.td-s4 a {
	display: block;
	margin-top:0px;
}
.mb-dtl .btn-s1 { padding: 5px; background-color: #0378AE; border-radius: 5px; color: #fff; font-size: 1.2rem;}
.mb-dtl .btn-s2 { padding: 5px; background-color: #65B2E8; border-radius: 5px; color: #fff; font-size: 1.2rem;}
.mb-dtl .btn-s1,
.mb-dtl .btn-s2 {
	margin: 5px;
}

.mb-dtl td .btn-s1:last-child,
.mb-dtl td .btn-s2:last-child {
	margin-bottom: 0;
}

.mb-dtl .btn-gift {background-color: #F9E000; color: #3A1D1D; font-weight: bold;}

.mb-dtl > div > table tr td {
	padding:5px 0;
	border-bottom: 1px solid #66bef0;
}
.mb-dtl > div > table tr:last-child td {
	border-bottom: none;
}


.mb-dtl .td-s0 {
	width:100px;
}
.mb-dtl .td-s1 {
	width:390px;
}
.mb-dtl .td-s2 {
}
.mb-dtl .td-wid {
	width:90px;
}


.mb-recommender .calcu-dtl {
	padding:10px 20px;
	background:#ccc;
	border-radius: 10px;
}
.mb-recommender .calcu-dtl ul {
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.mb-recommender .calcu-dtl li {
	width:15%;
}
.mb-recommender .cmoney_reg {
	padding:3px 7px;
	background:#000;
	color:#fff;
	border-radius:5px;
}

.cm_reg_dv {
	padding:50px 0;
}
.cm_reg_tips {
	margin-top:20px;
	font-size:1.6rem;
}
.cm_reg_dv .reg_pnum {
	width: 80%;
	height: 35px;
	border: 1px solid #a7a7a7;
	border-radius: 8px;
	text-align:right;
}


.black_box {
	background:#000;
	color:#fff;
	padding:3px 10px;
	border-radius:5px;
	white-space:nowrap;
}
.black_box_div {
	background:#000;
	color:#fff;
	padding:3px 0;
	border-radius:5px;
	white-space:nowrap;
}

.twoPro {
	width:160px;
}

.twoStr {
	font-size:12px;
	color:#fff;
	background:#000;
	border-radius:5px;
	padding:2px;
	text-align:center;
}
.twoStr .time {
	color:#ff0;
}


.twopage {
}
.btn-twodeal-other {
	font-size:11px;
	display:block;
	padding:2px 0;
	border-radius:5px;
	background:#F6E72A;
	color:#000;
	text-align:center;
}
.gds-ctrl-two .btn-twodeal-other {
	padding:0;
	border-radius:0;
}


/* 주무내역 */
.mb-dtl .black_box_div {
	font-size:1.2rem;
	margin:0 5px;
	padding:5px;
	color:#ff0;
}
.mb-dtl .twoStr {
	font-size:1.2rem;
	margin-bottom:5px;
	padding:5px 0;
	background:none;
	color:#000;
}
.mb-dtl .twoStr .time {
	color:#f00;
}

.mb-dtl .btn-twodeal-other {
	font-size:1.2rem;
	display:block;
	margin:0 5px;
	padding:5px;
	border-radius:5px;
	background:#000;
	color:#ff0;
	text-align:center;
}


/*
.tmp{
	font-size:12px;
	padding:5px 0;
	margin-bottom:5px;
}
*/
.tmp{
	font-size:1.2rem;
	padding:5px 0;
	margin-bottom:5px;
}
.tmp .time-sale-hour,
.tmp .time-sale-min,
.tmp .time-sale-sec,
.tmp .dash {
	color:red;
}

/* 주문상세보기 */
.mb-orderdetail .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-orderdetail .mb-dtl1 {display: flex; justify-content: center; align-items: center; background-color: #D5E8F6;}
.mb-orderdetail .mb-dtl1 .dv1 {display: flex; align-items: flex-start; flex-direction: column; width: 600px; height: 140px; }
.mb-orderdetail .mb-dtl1 .btn-s1 {display: inline-block; width: 120px; height: 22px; margin: 5px 0 0 0; background-color: #707070; border-radius: 5px; color: #fff; font-size: 1.4rem; text-align: center;}

.mb-orderdetail .tit-s2 {margin: 50px 0; font-size: 1.7rem; font-weight: normal;}
.mb-orderdetail .tit-s2 .txt-s1 {color: #07689F;}

.mb-orderdetail .mb-dtl2 {flex-direction: column; border: none;}
.mb-orderdetail .mb-dtl2 .tbl-s1 {margin: 10px 0 0 0; padding: 0; border: 2px solid #07689F; border-radius: 10px;}
.mb-orderdetail .mb-dtl2 .tbl-s1 table {width: 100%; border-spacing: 0;}
.mb-orderdetail .mb-dtl2 th {width: 33%; height: 60px; background-color: #fff; border: none;}
.mb-orderdetail .mb-dtl2 td {width: 33%; height: 60px; background-color: #f6f6f6; border: none; text-align: center;}
.mb-orderdetail .mb-dtl2 th:nth-child(1) {border-radius: 10px 0 0 0;}
.mb-orderdetail .mb-dtl2 th:nth-child(3) {border-radius: 0 10px 0 0;}
.mb-orderdetail .mb-dtl2 td:nth-child(1) {border-radius: 0 0 0 10px;}
.mb-orderdetail .mb-dtl2 td:nth-child(3) {position: relative; border-radius: 0 0 10px 0;}
.mb-orderdetail .mb-dtl2 td:nth-child(3) .txt-s1 {color: #07689f; width: 50%; display: grid; align-items: center;}
.mb-orderdetail .mb-dtl2 td:nth-child(3) .btn-s1 {right: 20px; width: 90px; height: 26px; line-height: 26px; background-color: #07689f; border-radius: 5px; color: #fff; text-align: center; margin: 5px 0; display: block;}
.mb-orderdetail .mb-dtl2 td:nth-child(3)>div {display: flex;}
.mb-orderdetail .mb-dtl2 td:nth-child(3) .btn-s{width: 50%;}

.mb-orderdetail .mb-dtl .tbl-s1 {width: 880px;}
.mb-orderdetail .mb-dtl .tbl-s1 table {border-spacing: 0;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(1) {width: 130px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(2) {width: 130px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(3) {width: 100px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(4) {width: 60px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(5) {width: 100px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(6) {width: 100px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(7) {width: 100px;}
.mb-orderdetail .mb-dtl .tbl-s1 th:nth-child(8) {width: 80px;}
.mb-orderdetail .mb-dtl .tbl-s1 .orderImg {
	width:120px;
}
/*
.mb-orderdetail .mb-dtl .tbl-s1 td:nth-child(2) img {float: left;}
*/
.mb-orderdetail .mb-dtl td .ico-s1 {display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -3px 0 0 5px;
background-color: #0F5298; border-radius: 50%; color: #fff; font-size: 1rem; vertical-align: middle;}

.mb-orderdetail .mb-info1 {margin: 30px 0 0 0;}
.mb-orderdetail .tbl-s2 table {width: 100%; margin: 15px 0 0 0; border-spacing: 0; border-radius: 20px;}
.mb-orderdetail .tbl-s2 th {position: relative; width: 190px; height: 40px; padding: 10px 0; background-color: #D5E8F6; text-align: left; text-indent: 40px;}
.mb-orderdetail .tbl-s2 th::after {position: absolute; left: 10px; top: 0; content: ""; width: 170px; height: 1px; border-bottom: 1px solid #fff;}
.mb-orderdetail .tbl-s2 tr:first-child th::after {border: none;}
.mb-orderdetail .tbl-s2 td {position: relative; width: 620px; padding: 10px 35px; background-color: #F6F4F4;}
.mb-orderdetail .tbl-s2 td::after {position: absolute; left: 10px; top: 0; content: ""; width: 692px; height: 1px; border-bottom: 1px solid #D5D5D5;}
.mb-orderdetail .tbl-s2 tr:first-child td::after {border: none;}

.mb-orderdetail .tbl-s2 tr:nth-child(1) th {border-radius: 10px 0 0 0;}
.mb-orderdetail .tbl-s2 tr:nth-child(1) td {border-radius: 0 10px 0 0;}
.mb-orderdetail .tbl-s2 tr:last-child th {border-radius: 0 0 0 10px;}
.mb-orderdetail .tbl-s2 tr:last-child td {border-radius: 0 0 10px 0;}
/*
.mb-orderdetail .tbl-s2 tr:nth-child(5) th {border-radius: 0 0 0 10px;}
.mb-orderdetail .tbl-s2 tr:nth-child(5) td {border-radius: 0 0 10px 0;}
*/

.mb-orderdetail .tbl-s2 input[type="text"] {height: 40px; border: 1px solid #a7a7a7; border-radius: 8px; text-indent: 10px;}
.mb-orderdetail .tbl-s2 select {height: 40px; border: 1px solid #a7a7a7; border-radius: 8px;}
.mb-orderdetail .tbl-s2 .btn-s1 {width: 120px; height: 42px; margin: 0 0 0 10px; background-color: #707070; border: 1px solid #707070; border-radius: 8px; color: #fff; font-size: 1.5rem; cursor: pointer;}

.mb-orderdetail #od-name, .mb-orderdetail #od-email {width: 350px;}
.mb-orderdetail #od-tel1, .mb-orderdetail #od-tel2, .mb-orderdetail #od-tel3,
.mb-orderdetail #od-cp1, .mb-orderdetail #od-cp2, .mb-orderdetail #od-cp3 {width: 112px;}
.mb-orderdetail #od-tel2, .mb-orderdetail #od-cp2 {margin: 0 3px;}
.mb-orderdetail #od-zip {float: left;}
.mb-orderdetail #od-addr1, .mb-orderdetail #od-addr2 {width: 500px; margin: 10px 0 0 0;}

.mb-orderdetail .mb-info2 {margin: 30px 0 0 0;}
.mb-orderdetail #rv-name {width: 350px;}
.mb-orderdetail #rv-memo {width: 500px;}
.mb-orderdetail #rv-tel1, .mb-orderdetail #rv-tel2, .mb-orderdetail #rv-tel3,
.mb-orderdetail #rv-cp1, .mb-orderdetail #rv-cp2, .mb-orderdetail #rv-cp3 {width: 112px;}
.mb-orderdetail #rv-tel2, .mb-orderdetail #rv-cp2 {margin: 0 3px;}
.mb-orderdetail #rv-zip {float: left;}
.mb-orderdetail #rv-addr1, .mb-orderdetail #rv-addr2 {width: 500px; margin: 10px 0 0 0;}
.mb-orderdetail .mb-info2 .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.mb-orderdetail .mb-info2 .btn-ctrl .btn-s1 {width: 200px; height: 46px; line-height: 46px; margin: 0 20px 0 0; background-color: #0378ae; border: 1px solid #0378ae; border-radius: 10px; color: #fff; font-size: 1.6rem;}
.mb-orderdetail .mb-info2 .btn-ctrl .btn-s2 {width: 200px; height: 46px; line-height: 46px; background-color: #dedede; border: 1px solid #dedede; border-radius: 10px; color: #002236; font-size: 1.6rem; text-align: center;}

.mb-orderdetail .mb-info3 {margin: 30px 0 0 0;}
.mb-orderdetail .mb-info3 .txt-c1 {color: #e22757;}
.mb-orderdetail .mb-info3 .txt-c2 {color: #0378ae;}

/* 기프티상품 주문 상세페이지 */
.mb-orderdetail .mb-info4 {margin: 30px 0 0 0;}
.mb-orderdetail .mb-info4 tr span {background: #0378ae; padding: 5px; border-radius: 10px; color: #fff; width: 95%; display: block; text-align: center; margin: 10px 0 5px 0;}
.mb-orderdetail .mb-info4 tr span:nth-child(2) {background: #a0d3eb; color: #101010;}

.gm_submenuflex {display: flex; flex-wrap: wrap; text-align: center; max-width: 1200px; margin: 0 auto; justify-content: center;}
/*.gm_submenuflex .gift_main_box {width: 12%; height: 140px; margin: 0 10px; border: 1px solid #cbcbcb; border-radius: 50%;}*/
.gm_submenuflex .gift_main_box {width: 12%; height: 140px; margin: 0 10px 10px 10px; border: 1px solid #cbcbcb; border-radius: 50%;}
.gm_submenuflex .gift_main_box .gift_main_icon {background-repeat: no-repeat; background-size: contain; background-position: center; height: 50px; margin-top: 35px;}
.gm_submenuflex .gift_main_box .gift_main {font-size: 1.3rem; font-weight: bold; color: #434242;}

.gm_submenuflex:before {
	content: "";
	order: 5;
	flex-basis: 100%;
	height: 0;
}



/* 주문취소, 교환신청, 반품신청 */
#mb-ordercancel {width: 780px; margin: 0 auto; background-color: #EEE; border: 1px solid #707070;}
#mb-ordercancel .tit-s1 {display: flex; align-items: center; height: 70px; background-color: #0378AE; color: #FFF; font-size: 2.4rem; text-indent: 30px;}
#mb-ordercancel .tit-s1 .txt-s1 {display: inline-block; margin: 0 0 0 10px; font-size: 1.4rem;}
#mb-ordercancel .cont1 {padding: 30px;}
#mb-ordercancel .cont1 .tbl-s1 {width: 720px; margin: 0 0 40px 0; border-spacing: 0; border-top: 2px solid #0E4C75; border-bottom: 2px solid #0E4C75;}
#mb-ordercancel .cont1 .tbl-s1 th {width: 157px; height: 60px; border-top: 1px solid #A7A7A7; text-align: left; text-indent: 50px;}
#mb-ordercancel .cont1 .tbl-s1 td {padding: 10px 20px; background-color: #FFF; border-top: 1px solid #A7A7A7;}
#mb-ordercancel .cont1 .tbl-s1 td .txt-s1 {position: absolute; right: 10px;}
#mb-ordercancel .cont1 .tbl-s1 tr:first-child th {border: none;}
#mb-ordercancel .cont1 .tbl-s1 tr:first-child td {position: relative; border: none;}
#mb-ordercancel .cont1 .tbl-s1 input[type="text"] {height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
#mb-ordercancel .cont1 .tbl-s1 select {height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
#mb-ordercancel .cont1 .tbl-s1 textarea {width: 100%; border: 1px solid #A7A7A7; border-radius: 8px;}
#mb-ordercancel .cont1 .tbl-s1 td >div {display: flex; align-items: center; margin: 10px 0;}
#mb-ordercancel #od-subject, #mb-ordercancel #mb-email, #mb-ordercancel #od-reason, #mb-ordercancel #bank-name, #mb-ordercancel #bank-num, #mb-ordercancel #bank-own {width: 400px;}
#mb-ordercancel #mb-cp1, #mb-ordercancel #mb-cp2, #mb-ordercancel #mb-cp3 {width: 130px;}
#mb-ordercancel .cont1 .tbl-s1 .txt-s2 {display: inline-block; width: 55px; margin: 0 20px 0 0;}
#mb-ordercancel .btn-ctrl {display: flex; justify-content: center; align-items: center;}
#mb-ordercancel .btn-ctrl .btn-s1 {width: 200px; height: 50px; line-height: 50px; margin: 0 5px 0 0; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 8px; color: #FFF; font-size: 1.6rem;}
#mb-ordercancel .btn-ctrl .btn-s2 {width: 200px; height: 50px; line-height: 50px; background-color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center;}

#mb-ordercancel #mb-tel1,
#mb-ordercancel #mb-tel2,
#mb-ordercancel #mb-tel3 {
	width: 130px;
}
#mb-ordercancel .cont1 .tbl-s1 .btn-s1 {
	display: inline-block;
	width: 110px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 10px;
	background-color: #0378AE;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
#mb-ordercancel .cont1 .tbl-s1 .btn-s2 {
	display: inline-block;
	width: 110px;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 10px;
	background-color: #E22757;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}

#mb-ordercancel .cont1 .tbl-s1 #rt_addr1,
#mb-ordercancel .cont1 .tbl-s1 #rt_addr_detail {
	width: 500px;
	margin: 10px 0 0 0;
}

/* 취소/반품/환불내역 */
.mb-returnlist .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-returnlist .mb-dtl th {height: 45px; border-bottom: 1px solid #07689F;}
/*
.mb-returnlist .mb-dtl th:nth-child(2) {width: 40%;}
.mb-returnlist .mb-dtl th:nth-child(4) {width: 20%;}
*/
/*
.mb-returnlist .mb-dtl td {margin: 0 0 5px 0;}
*/
.mb-returnlist .mb-dtl td.td-s3 {display: flex; justify-content: center; align-items: center;}
.mb-returnlist .mb-dtl .txt-s2 {display: block; font-size: 1.3rem; font-weight: normal;}
.mb-returnlist .mb-dtl .txt-c1 {color: #07689F;}
.mb-returnlist .mb-dtl .txt-c2 {color: #07689F;}

/* 교환/AS내역 */
.mb-exchangelist .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-exchangelist .mb-dtl th {height: 45px; border-bottom: 1px solid #07689F;}
.mb-exchangelist .mb-dtl th:nth-child(2) {width: 40%;}
.mb-exchangelist .mb-dtl th:nth-child(4) {width: 20%;}
.mb-exchangelist .mb-dtl td {margin: 0 0 5px 0;}
.mb-exchangelist .mb-dtl td.td-s3 {display: flex; justify-content: center; align-items: center;}
.mb-exchangelist .mb-dtl .txt-s2 {display: block; font-size: 1.3rem; font-weight: normal;}
.mb-exchangelist .mb-dtl .txt-c1 {color: #07689F;}
.mb-exchangelist .mb-dtl .txt-c2 {color: #07689F;}

/* 나의 할인쿠폰 */
.mb-coupon .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-coupon .mb-dtl1 ul {padding: 55px 20px;}
.mb-coupon .mb-dtl1 >div {height: 170px;}

.mb-coupon .mb-dtl .tabmenu {position: relative;}
.mb-coupon .mb-dtl .list-s1 {display: flex; align-items: center;}
.mb-coupon .mb-dtl .list-s1 li {width: 180px; height: 55px; line-height: 55px; margin: 0 10px 0 0; background-color: #DEDEDE; border-radius: 10px; font-size: 1.8rem; text-align: center; cursor: pointer;}
.mb-coupon .mb-dtl .list-s1 li.active {background-color: #0378AE; color: #fff;}
.mb-coupon .mb-dtl .tabmenu a.btn-s1 {position: absolute; right: 0; top: 0; display: block;
width: 180px; height: 42px; line-height: 42px; background-color: #fff; border: 2px solid #0E7EB1; color: #000; font-size: 1.8rem; text-align: center;}

.mb-coupon .mb-dtl .tablist {display: none;}
.mb-coupon .mb-dtl .tablist.active {display: block;}
.mb-coupon .mb-dtl th {width: 20%;}
.mb-coupon .mb-dtl th:nth-child(2) {width: 45%;}
.mb-coupon .mb-dtl th:nth-child(3) {width: 15%;}
.mb-coupon .mb-dtl .tbl-s1 td:first-child img {width: 160px; height: 90px;}
.mb-coupon .mb-dtl .tbl-s1 .td-s1 {line-height: 90px; font-size: 1.5rem; justify-content: center;}
.mb-coupon .mb-dtl .tbl-s1 .td-s2 {font-size: 1.5rem;}
.mb-coupon .mb-dtl .tbl-s1 .td-s3 {justify-content: center; font-size: 1.5rem; line-height:90px;}

/* 쿠폰등록 */
#mb-couponadd {width: 600px; height: 340px; margin: 0 auto; background-color: #EEE; border: 1px solid #707070;}
#mb-couponadd .tit-s1 {height: 70px; line-height: 70px; background-color: #0378AE; color: #FFF; font-size: 2.4rem; text-indent: 30px;}
#mb-couponadd .cont1 {padding: 40px;}
#mb-couponadd .dv1 .txt-s1 {display: block; margin: 0 0 10px 0; font-size: 1.4rem; font-weight: bold; text-align: center;}
#mb-couponadd .dv2 {margin: 20px 0;}
#mb-couponadd .dv2 input[type="text"] {width: 100%; height: 35px; border: 1px solid #A7A7A7; border-radius: 8px;}
#mb-couponadd .btn-ctrl {display: flex; justify-content: center; align-items: center;}
#mb-couponadd .btn-ctrl .btn-s1 {width: 200px; height: 50px; line-height: 50px; margin: 0 5px 0 0; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 8px; color: #FFF; font-size: 1.6rem;text-align: center}
#mb-couponadd .btn-ctrl .btn-s2 {width: 200px; height: 50px; line-height: 50px; background-color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center;}

#mb-couponadd .dv3 {margin: 20px 0; text-align:center; }
#mb-couponadd .dv3 input[type="text"] {width: 50%; height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-align:right; }


/* 나의 포인트 */
.mb-point .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-point .mb-dtl1 {flex-direction: column;}
.mb-point .dv1 {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 110px; border-radius: 10px 10px 0 0;}
.mb-point .dv1-c1 {margin: 0 0 0 25px;}
.mb-point .dv1 .txt-s1 {display: block; font-size: 3rem; font-weight: bold;}
.mb-point .dv1 .txt-s2 {display: block; color: #2e2e2e; font-size: 1.4rem;}
.mb-point .dv1-c2 {position: absolute; right: 20px; font-size: 4rem; font-weight: bold;}
.mb-point .dv1-c2 .ico-s1 {display: inline-block; width: 40px; height: 40px; margin: -7px 0 0 10px;
background-color: #3477BC; border-radius: 50%; color: #fff; font-size: 2.7rem; text-align: center; vertical-align: middle;}
.mb-point .dv1-c2 .ico-s1.icoUnitC {
	background-color:#f00;
}

.mb-point .dv2 {position: relative; display: flex; justify-content: flex-start; width: calc(100% - 25px); height: 60px; padding: 0 0 0 25px; background-color: #fff; border-radius: 0 0 10px 10px;}
.mb-point .dv2-c1 {margin: 0 0 0 10px;}
.mb-point .dv2-c1 span {display: block; color: #5F5F5F; font-size: 1.4rem;}
.mb-point .dv2 a.btn-s1 {position: absolute; right: 20px; display: inline-block; width: 150px; height: 35px; line-height: 35px; background-color: #dedede; border-radius: 10px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2); text-align: center;}

.mb-point .mb-dtl .tit-s1 {font-size: 1.8rem; font-weight: normal;}
.mb-point .mb-dtl th {width: 15%;}
.mb-point .mb-dtl th:nth-child(2) {width: 45%;}
.mb-point .mb-dtl th:nth-child(5) {width: 20%;}
.mb-point .mb-dtl td {height: 40px;}
.mb-point .mb-dtl .tr-s1 td {height: 5px;}

/* 나의 e-money */
.mb-emoney .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-emoney .mb-dtl1 {flex-direction: column;}
.mb-emoney .dv1 {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 110px; border-radius: 10px 10px 0 0;}
.mb-emoney .dv1-c1 {margin: 0 0 0 25px;}
.mb-emoney .dv1 .txt-s1 {display: block; font-size: 3rem; font-weight: bold;}
.mb-emoney .dv1 .txt-s2 {display: block; color: #2e2e2e; font-size: 1.4rem;}
.mb-emoney .dv1-c2 {position: absolute; right: 20px; font-size: 4rem; font-weight: bold;}
.mb-emoney .dv1-c2 .ico-s1 {display: inline-block; width: 40px; height: 40px; margin: -7px 0 0 10px;
background-color: #3477BC; border-radius: 50%; color: #fff; font-size: 2.7rem; text-align: center; vertical-align: middle;}
.mb-emoney .dv2 {position: relative; display: flex; justify-content: flex-start; width: calc(100% - 25px); height: 100px; padding: 0 0 0 25px; background-color: #fff; border-radius: 0 0 10px 10px;}
.mb-emoney .dv2-c1 {margin: 0 0 0 10px;}
.mb-emoney .dv2-c1 span {display: block; color: #5F5F5F; font-size: 1.4rem;}
.mb-emoney .dv2 a.btn-s1 {position: absolute; right: 20px; display: inline-block; width: 180px; height: 35px; line-height: 35px; background-color: #0378AE; border-radius: 10px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2); text-align: center; color: #fff;}

.mb-emoney .mb-dtl .tit-s1 {position: relative; font-size: 1.8rem; font-weight: normal;}
.mb-emoney .mb-dtl .tit-s1 .btn-s1 {position: absolute; right: 0; width: 76px; text-align: center;}
.mb-emoney .mb-dtl th {width: 15%;}
.mb-emoney .mb-dtl th:nth-child(2) {width: 45%;}
.mb-emoney .mb-dtl th:nth-child(5) {width: 20%;}
.mb-emoney .mb-dtl td {height: 40px;}
.mb-emoney .mb-dtl .tr-s1 td {height: 5px;}

/* e-money 충전하기 */
#mb-emoneyadd {width: 800px; margin: 40px auto;}
#mb-emoneyadd .tit-s1 {font-size: 2rem; font-weight: bold; text-align: center;}
#mb-emoneyadd .cont1 {display: flex; flex-direction: column; margin: 40px 0 0 0;}
#mb-emoneyadd .cont1 .dv {display: flex; align-items: center; width: 800px; height: 50px; line-height: 50px; margin: 0 0 10px 0; border: 1px solid #0378AE; border-radius: 10px;}
#mb-emoneyadd .cont1 .dv-c1 {width: 50%; height: 100%; background-color: #D5E8F6; border-radius: 10px 0 0 10px; color: #0378AE; text-indent: 30px;}
#mb-emoneyadd .cont1 .dv-c1 .txt-s1 {color: #0378AE; font-size: 1.8rem;}
#mb-emoneyadd .cont1 .dv-c2 {width: calc(50% - 10px); padding: 0 10px 0 0; text-align: right;}
#mb-emoneyadd .cont1 .dv-c2 .txt-s2 {color: #434242; font-size: 1.8rem;}
#mb-emoneyadd .cont1 .dv-c2 .btn-s1 {display: inline-block; width: 96px; height: 28px; line-height: 28px; margin: 0 0 0 10px; background-color: #DEDEDE; border-radius: 8px; color: #434242; text-align: center;}
#mb-emoneyadd .cont1 .dv-c2 .btn-s1.active {background-color: #0378AE; color: #fff;}
#mb-emoneyadd .cont1 .dv1 {display: flex; justify-content: flex-end; align-items: center; font-size: 1.8rem;}
#mb-emoneyadd .cont1 .dv1 .txt-total {color: #f00;}

#mb-emoneyadd .cont2 {margin: 70px 0 0 0;}
#mb-emoneyadd .cont2 .tit-s1 {position: relative; font-size: 1.8rem; font-weight: normal; text-align: left;}
#mb-emoneyadd .cont2 .tit-s1 .btn-s1 {position: absolute; right: 0; top: -5px; width: 150px; height: 36px; line-height: 36px; background-color: #00A8CC; border-radius: 10px; color: #fff; text-align: center;}
#mb-emoneyadd .cont2 .dv {display: flex; align-items: center; width: 800px; height: 50px; line-height: 50px; margin: 20px 0 10px 0; background-color: #D5E8F6; border: 1px solid #0378AE; border-radius: 10px;}
#mb-emoneyadd .cont2 .dv .txt-s1 {display: inline-block; margin: 0 20px;}
#mb-emoneyadd .cont2 .dv .txt-s2 {display: inline-block; margin: 0 20px 0 40px;}
#mb-emoneyadd .cont2 .dv select {width: 280px; height: 30px; border: 1px solid #a7a7a7; border-radius: 5px;}
#mb-emoneyadd .cont2 .dv input[type="text"] {width: 280px; height: 30px; border: 1px solid #a7a7a7; border-radius: 5px;}
#mb-emoneyadd .cont2 .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 35px 0 0 0;}
#mb-emoneyadd .cont2 .btn-s1 {width: 150px; height: 36px; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 10px; color: #fff; font-size: 1.4rem; cursor: pointer;}

/* e-money 충전하기 개편 */
#mbs-emoneyadd {width: 1200px; margin: 40px auto;}
#mbs-emoneyadd .tit-s1 {font-size: 2rem; font-weight: bold; text-align: center;}
#mbs-emoneyadd .emoney_cont1 ul {margin: 20px 0;}
#mbs-emoneyadd .emoney_cont1 ul li {color: #434242;}
#mbs-emoneyadd .emoney_cont2 {position: relative; width: 1200px; display: flex; text-align: center; border: 2px solid #0378AE; border-radius: 15px; padding: 20px;}
#mbs-emoneyadd .emoney_cont2 ul {flex: 1; margin: 10px; padding: 10px;}
#mbs-emoneyadd .emoney_cont2 ul li {color: #434242; line-height: 24px;}
#mbs-emoneyadd .emoney_cont2 ul li:nth-child(2) {color: #0378AE; font-weight: bold; font-size: 1.8rem; margin: 16px 0;}
#mbs-emoneyadd .emoney_cont2 ul .ebtns button {border: none; background: #0378AE; width: 75%; text-align: center; color: #fff; border-radius: 10px; padding: 10px 0; font-size: 1.6rem; font-weight: bold; margin: 40px 0;}
#mbs-emoneyadd #eadd-img {width: 280px; margin-top: 20px;}

/* 1:1문의내역 */
.mb-qna .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-qna .mb-dtl1 {display: flex; justify-content: center; align-items: center; background-color: #D5E8F6;}
.mb-qna .mb-dtl1 .dv1 {display: flex; align-items: flex-start; flex-direction: column; width: 600px; height: 110px; }

.mb-qna .mb-dtl .tit-s1 {font-weight: normal;}
/*
.mb-qna .mb-dtl th {width: 15%;}
*/
.mb-qna .mb-dtl th:nth-child(2) {width: 55%;}
.mb-qna .mb-dtl td:nth-child(2) {text-align: left;}
/*
.mb-qna .mb-dtl th:last-child,
.mb-qna .mb-dtl tr td:last-child,{
	width: 250px;
}
*/
.mb-qna .mb-dtl .tbl-s1 .txt-s2 {display: inline-block; width: 90px; height: 33px; line-height: 33px; margin: 10px 0; background-color: #3282B7; border-radius: 19px; color: #fff;}

/* 상품 QnA */
.mb-productqna .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-productqna .mb-dtl {width: 900px;}
.mb-productqna .mb-dtl th {width: 15%;}
.mb-productqna .mb-dtl th:nth-child(1) {width: 25%;}
.mb-productqna .mb-dtl th:nth-child(2) {width: 45%;}
.mb-productqna .mb-dtl td {padding: 5px 0;}
.mb-productqna .mb-dtl .tr-s1 td {padding: 0;}
.mb-productqna .mb-dtl td:nth-child(1) img {float: left; width: 85px; height: 85px;}
.mb-productqna .mb-dtl td:nth-child(2) {width: calc(100% - 15px); padding: 0 0 0 15px; text-align: left;}
.mb-productqna .mb-dtl .tbl-s1 .txt-s2 {display: inline-block; width: 90px; height: 33px; line-height: 33px; margin: 10px 0; background-color: #3282B7; border-radius: 19px; color: #fff;}

/* 나의 상품평 */
.mb-myreview .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-myreview .mb-dtl {width: 900px;}
.mb-myreview .mb-dtl th {width: 12%;}
.mb-myreview .mb-dtl th:nth-child(1) {width: 23%;}
.mb-myreview .mb-dtl th:nth-child(2) {width: 33%;}
.mb-myreview .mb-dtl td {padding: 5px 0;}
.mb-myreview .mb-dtl .tr-s1 td {padding: 0;}
.mb-myreview .mb-dtl td:nth-child(1) img {float: left; width: 85px; height: 85px;}
.mb-myreview .mb-dtl td:nth-child(2) {width: calc(100% - 15px); padding: 0 10px; text-align: left;}
.mb-myreview .mb-dtl td:nth-child(3) img {width: 15px; height: 15px; margin: 0;}
.mb-myreview .mb-dtl .rev-mod, .mb-myreview .mb-dtl .rev-del {display: block; margin: 5px 0; padding: 5px; background-color: #65B2E8; border-radius: 5px; color: #fff; font-size: 1.2rem;}
.mb-myreview .mb-dtl .rev-del {background-color: #F5003B;}
/* .mb-dtl td>span {text-align: left; display: block;}*/

/* 좋아요-관심상품 */
.mb-likeproduct .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-likeproduct .mb-dtl {width: 900px; border: 1px solid #07689F; border-radius: 10px;}
.mb-likeproduct .mb-dtl .tbl-s1 {padding: 0;}
.mb-likeproduct .mb-dtl th {width: 10%; background-color: #fff; border: none;}
.mb-likeproduct .mb-dtl th:nth-child(3) {width: 50%;}
.mb-likeproduct .mb-dtl td {padding: 5px 0;}
.mb-likeproduct .mb-dtl .tr-s1 {border-bottom: 1px solid #8AB6CF;}
.mb-likeproduct .mb-dtl .tr-s1 td {padding: 0;}
.mb-likeproduct .mb-dtl td:nth-child(1) .txt-s1 {text-align: center;}
.mb-likeproduct .mb-dtl td:nth-child(3) {
    text-align: left;
    /* display: inline-flex; */
}
.mb-likeproduct .mb-dtl td:nth-child(1) img {float: left; width: 85px; height: 85px; margin: 0 10px;}
.mb-likeproduct .mb-dtl td .ico-s1 {display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: -3px 0 0 5px;
background-color: #0F5298; border-radius: 50%; color: #fff; font-size: 1rem; vertical-align: middle;}
.like_live_cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom:10px;}
.like_live_cont div {float:left;}
.like_live_cont div:first-child {color:#717272; line-height:30px;}
.like_live_cont div:first-child .selected_live {color:#e22757;}
.like_live_cont .btn_go_live {margin:0 10px; background:#e22757; color:#fff; padding:5px 7px; border-radius: 10px; cursor:pointer;}


/* 나의 배송지관리 */
.mb-delivery .tit-s1 {font-size: 2rem; font-weight: bold;}
.mb-delivery .mb-dtl1 {display: flex; justify-content: center; align-items: center; background-color: #D5E8F6;}
.mb-delivery .mb-dtl1 .dv1 {display: flex; align-items: flex-start; flex-direction: column; width: 650px; height: 110px; }

.mb-delivery .mb-dtl th:nth-child(1) {width: 5%;}
.mb-delivery .mb-dtl th:nth-child(2) {width: 15%;}
.mb-delivery .mb-dtl th:nth-child(3) {width: 10%;}
.mb-delivery .mb-dtl th:nth-child(4) {width: 44%;}
.mb-delivery .mb-dtl th:nth-child(5) {width: 13%;}
.mb-delivery .mb-dtl th:nth-child(6) {width: 13%;}
.mb-delivery .mb-dtl td {padding: 15px 0;}
.mb-delivery .mb-dtl .tr-s1 td {padding: 0; border-bottom: 1px solid rgba(154, 154, 154, 0.35);}
.mb-delivery .mb-dtl td:nth-child(4) {text-align: left;}
.mb-delivery .btn-ctrl {position: relative; margin: 20px 0 0 0; float: right;}
.mb-delivery .btn-ctrl a {display: inline-block; width: 180px; height: 45px; line-height: 45px; border-radius: 10px; color: #fff; font-size: 1.5rem; font-weight: bold; text-align: center;}
.mb-delivery .btn-ctrl .btn-s1 {margin: 0 10px 0 0; background-color: #DEDEDE; color: #002236;}
.mb-delivery .btn-ctrl .btn-s2 {margin: 0 10px 0 0; background-color: #0378AE;}
.mb-delivery .btn-ctrl .btn-s3 {margin: 0 10px 0 0; background-color: #A2A2A2;}
.mb-delivery .btn-ctrl .btn-s4 {background-color: #0378AE;}

/* 나의 배송지 추가/수정 */
#mb-deliverymanage {width: 800px; margin: 0 auto; background-color: #EEE; border: 1px solid #707070;}
#mb-deliverymanage .tit-s1 {display: flex; align-items: center; height: 70px; background-color: #0378AE; color: #FFF; font-size: 2.4rem; text-indent: 30px;}
#mb-deliverymanage .tit-s1 .txt-s1 {display: inline-block; margin: 0 0 0 10px; font-size: 1.4rem;}
#mb-deliverymanage .cont1 {padding: 30px;}
#mb-deliverymanage .cont1 .tbl-s1 {width: 720px; margin: 0 0 40px 0; border-spacing: 0; border-top: 2px solid #0E4C75; border-bottom: 2px solid #0E4C75;}
#mb-deliverymanage .cont1 .tbl-s1 th {width: 157px; height: 60px; border-top: 1px solid #A7A7A7; text-align: left; text-indent: 50px;}
#mb-deliverymanage .cont1 .tbl-s1 td {padding: 10px 20px; background-color: #FFF; border-top: 1px solid #A7A7A7;}
#mb-deliverymanage .cont1 .tbl-s1 tr:first-child th {border: none;}
#mb-deliverymanage .cont1 .tbl-s1 tr:first-child td {position: relative; border: none;}
#mb-deliverymanage .cont1 .tbl-s1 input[type="text"] {height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
#mb-deliverymanage .cont1 .tbl-s1 select {height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
#mb-deliverymanage .btn-s1 {width: 125px; height: 37px; margin: 0 0 0 5px; background-color: #707070; border: 1px solid #707070; border-radius: 8px; color: #fff; font-size: 1.5rem; cursor: pointer;}
#mb-deliverymanage #rcv-dest, #mb-deliverymanage #rcv-name {width: 200px;}
#mb-deliverymanage #rcv-base {margin: 0 5px;}
#mb-deliverymanage #mb-tel1, #mb-deliverymanage #mb-tel2, #mb-deliverymanage #mb-tel3,
#mb-deliverymanage #mb-cp1, #mb-deliverymanage #mb-cp2, #mb-deliverymanage #mb-cp3 {width: 125px;}
#mb-deliverymanage #zip {float: left;}
#mb-deliverymanage #addr1, #mb-deliverymanage #addr2 {width: 100%; margin: 5px 0 0 0;}
#mb-deliverymanage .btn-ctrl {display: flex; justify-content: center; align-items: center;}
#mb-deliverymanage .btn-ctrl .btn-s1 {width: 200px; height: 50px; line-height: 50px; margin: 0 5px 0 0; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 8px; color: #FFF; font-size: 1.6rem;}
#mb-deliverymanage .btn-ctrl .btn-s2 {width: 200px; height: 50px; line-height: 50px; background-color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center;}

/* 1:1 문의 */
.svc-content {display: flex; margin: 40px 0;}
.svc-aside { width: 200px; margin: 0 50px 0 0;}
.svc-aside .dv1 { padding: 20px; border-radius: 10px; background-color: #F6F4F4;}
.svc-aside .dv1 div a {display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 0 30px 0; font-size: 1.6rem;}
.svc-aside .dv1 li {padding: 20px 0; border-top: 1px solid #9A9A9A;}
.svc-aside .dv1 li a {display: block; margin: 0 0 5px 0; color: #484848; font-size: 1.4rem;}
.svc-aside .dv2 {position: relative; height: 150px; margin: 60px 0 0 0; padding: 30px; background-color: #0378ae; border-radius: 20px; color: #fff; font-size: 1.2rem;}
.svc-aside .dv2 span {display: block; width: 100%;}
.svc-aside .dv2 .cont1 img {position: absolute; right: 40px; height: 30px;}
.svc-aside .dv2 .cont1 .txt-s1 {display: inline-block; width: 90px; height: 30px; line-height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center;}
.svc-aside .dv2 .cont1 .txt-s2 {margin: 10px 0; font-size: 2.6rem;}
.svc-aside .dv2 .cont2 {position: absolute; left: 0; bottom: 0; width: 100%; height: 44px; line-height: 44px; background-color: #07689f; border-radius: 0 0 20px 20px; font-size: 1.6rem; text-align: center;}
.svc-aside .dv2 .cont2 a {color: #fff;}

.svc-qna {width: 900px;}
.svc-qna .tit-s1 {font-size: 2rem; font-weight: bold;}
.svc-dtl {margin: 30px 0 0 0;}
.svc-qna .tbl-s1 table {width: 100%; border-spacing: 0; border-top: 2px solid #0e4c75; border-bottom: 2px solid #0e4c75;}
.svc-qna .tbl-s1 th {width: 180px; text-align: left; text-indent: 30px; border-top: 1px solid #A7A7A7;}
.svc-qna .tbl-s1 td {padding: 10px 20px; background-color: #FFF; border-top: 1px solid #A7A7A7;}
.svc-qna .tbl-s1 tr:first-child th {border: none;}
.svc-qna .tbl-s1 tr:first-child td {position: relative; border: none;}
.svc-qna .tbl-s1 input[type="text"] {height: 35px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
.svc-qna .tbl-s1 select {height: 37px; border: 1px solid #A7A7A7; border-radius: 8px; text-indent: 10px;}
.svc-qna .tbl-s1 text {border: 1px solid #A7A7A7;}
.svc-qna .tbl-s1 .txt-s1 {display: block; width: 100%; color: #0378ae; font-size: 1.6rem;}
.svc-qna #mb-subject, .svc-qna #mb-text {width: 100%;}
.svc-qna #mb-quest {width: 400px;}
.svc-qna #mb-email1, .svc-qna #mb-email2, .svc-qna #mb-email3 {width: 215px;}

.svc-qna .svc-policy {margin: 30px 0 60px 0; padding: 0 20px;}
.svc-qna .svc-policy span {display: block; width: 100%; font-size: 1.4rem;}

.svc-qna .svc-policy .dv2 { margin: 30px 0 20px 0;}
.svc-qna .svc-policy .dv2 .tit-s1 {font-size: 1.8rem;}
.svc-qna .svc-policy .dv2 div {margin: 20px 0 0 0; padding: 20px; border: 1px solid #a7a7a7; border-radius: 5px;}
.svc-qna .svc-policy .dv2 div .txt-s1 {margin: 20px 0 0 0; font-weight: bold;}
.svc-qna .svc-policy .dv2 div span.txt-s1:first-child {margin: 0;}
.svc-qna .svc-policy .dv3 #agree {margin: 0 5px 0 0;}
.svc-qna .svc-policy .dv3 label {position: relative; top: -2px;}

.svc-qna .btn-ctrl {display: flex; justify-content: center; align-items: center;}
.svc-qna .btn-ctrl .btn-s1 {width: 150px; height: 50px; line-height: 50px; margin: 0 5px 0 0; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center;}
.svc-qna .btn-ctrl .btn-s2 {width: 150px; height: 50px; line-height: 50px; background-color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center; text-align: center;}

/* FAQ */
.svc-faq {width: 900px;}
.svc-faq .tit-s1 {font-size: 2rem; font-weight: bold;}
.svc-faq .svc-dtl1 {display: flex; align-items: center; height: 80px; margin: 30px 0 0 0; padding: 0 50px; background-color: #D5E8F6; border-radius: 20px;}
.svc-faq .svc-dtl1 form {display: flex; width: 650px; margin: 0 0 0 30px;}
.svc-faq .svc-dtl1 input[type="text"] {width: 100%; height: 43px; margin: 0; padding: 0 0 0 20px; background: #f4f4f4; box-sizing: border-box; border: 1px solid #07689F; border-radius: 8px 0 0 8px;}
.svc-faq .svc-dtl1 #faq-submit {width: 55px; height: 43px; border: 0; background: #07689F; color: #fff; border-radius: 0 8px 8px 0; cursor: pointer;}

.svc-faq .svc-dtl {margin: 30px 0 0 0; background-color: #F6F4F4; border-radius: 20px;}
.svc-faq .svc-dtl .list-s1 {display: flex; align-items: center; text-align: center;}
.svc-faq .svc-dtl .list-s1 li {width: 12.5%; height: 56px; border: 1px solid #AFCCDC; border-left: none;}
.svc-faq .svc-dtl .list-s1 li.active {background-color: #07689F;}
.svc-faq .svc-dtl .list-s1 li:nth-child(1) {border-left: 1px solid #AFCCDC; border-radius: 20px 0 0 0;}
.svc-faq .svc-dtl .list-s1 li:nth-child(8) {border-radius: 0 20px 0 0;}
.svc-faq .svc-dtl .list-s1 li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.svc-faq .svc-dtl .list-s1 li.active a {color: #fff;}

.svc-faq .svc-dtl .list-s2 {padding: 0 20px;}
.svc-faq .svc-dtl .list-s2 .li-s1 {position: relative; height: 60px; line-height: 60px; border-top: 1px solid #07689F; font-size: 1.5rem; font-weight: bold; cursor: pointer;}
.svc-faq .svc-dtl .list-s2 li:nth-child(1) .li-s1 {border-top: none;}
.svc-faq .svc-dtl .list-s2 .li-s1 img {position: absolute; right: 10px; top: 30px;}
.svc-faq .svc-dtl .list-s2 .li-s2 {position: relative; display: none; min-height: 40px; padding: 10px 10px 10px 45px; background-color: #f9f9f9;}
.svc-faq .svc-dtl .list-s2 .ico-s1 {display: inline-block; width: 35px; height: 35px; line-height: 35px; margin: 0 10px 0 0; background-color: #07689F; border-radius: 50%; color: #fff; font-size: 2rem; text-align: center; vertical-align: middle;}
.svc-faq .svc-dtl .list-s2 .ico-s2 {position: absolute; left: 0; display: inline-block; width: 35px; height: 35px; line-height: 35px; margin: 0 10px 0 0; background-color: #E22757; border-radius: 50%; color: #fff; font-size: 2rem; text-align: center; vertical-align: middle;}

/* 공지사항 */
.svc-notice {width: 900px;}
.svc-notice .tit-s1 {font-size: 2rem; font-weight: bold;}

.svc-notice .svc-dtl {margin: 30px 0 0 0;}
.svc-notice .svc-dtl .list-s1 {display: flex; justify-content: flex-end; align-items: center; margin: 0 0 20px 0;}
.svc-notice .svc-dtl .list-s1 a {width: 110px; height: 34px; line-height: 34px; margin: 0 10px; border: 1px solid #A7A7A7; border-radius: 8px; text-align: center;}
.svc-notice .svc-dtl .list-s1 a.active {background-color: #eee;}
.svc-notice .svc-dtl .list-s1 a img {margin: 0 0 0 5px;}
.svc-notice .svc-dtl table {padding: 0 30px; background-color: #F6F4F4; border-radius: 20px; border-spacing: 0;}
.svc-notice .svc-dtl .tbl-s1 th {height: 60px; border-bottom: 1px solid #07689F;}
.svc-notice .svc-dtl .tbl-s1 th:nth-child(1) {width: 100px;}
.svc-notice .svc-dtl .tbl-s1 th:nth-child(2) {width: 440px;}
.svc-notice .svc-dtl .tbl-s1 th:nth-child(3) {width: 100px;}
.svc-notice .svc-dtl .tbl-s1 th:nth-child(4) {width: 100px;}
.svc-notice .svc-dtl .tbl-s1 th:nth-child(5) {width: 100px;}
.svc-notice .svc-dtl .tbl-s1 td {height: 60px; border-top: 1px solid #9A9A9A; font-size: 1.5rem; text-align: center;}
.svc-notice .svc-dtl .tbl-s1 tr:first-child td {border-top: none;}
.svc-notice .svc-dtl .tbl-s1 td:nth-child(2) {text-align: left;}
.svc-notice .svc-dtl .tbl-s1 img {width: 50px; height: 15px;}
.svc-notice .svc-dtl .tbl-s1 .txt-c1 {color: #e22757;}
.svc-notice .svc-dtl .tbl-s1 .txt-c2 {color: #07689f;}
.svc-notice .svc-dtl .pg-ctrl {display: flex; justify-content: center; align-items: center; height: 50px;}

.svc-notice .svc-dtl .pg-ctrl {margin: 20px 0;}
.svc-notice .svc-dtl .pg-ctrl .pg-nav a {display: inline-block; margin: 0 5px; font-size: 1.6rem;}
.svc-notice .svc-dtl .pg-ctrl .pg-nav a.pg-current {width: 25px; height: 25px; line-height: 25px; background-color: #0378AE; border-radius: 50%; color: #fff; text-align: center;}
.svc-notice .svc-dtl .pg-ctrl .pg-go {display: flex; justify-content: space-between; align-items: center; width: 150px; margin: 0 0 0 30px;}
.svc-notice .svc-dtl .pg-ctrl #pg-num {width: 60px; height: 34px; border: 1px solid #a7a7a7; border-radius: 5px;}
.svc-notice .svc-dtl .pg-ctrl .btn-s1 {width: 80px; height: 36px; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 5px; color: #fff; cursor: pointer;}

.svc-notice .svc-dtl .sch-ctrl form {display: flex; justify-content: center; align-items: center;}
.svc-notice .svc-dtl .sch-ctrl select {width: 90px; height: 46px; border: 1px solid #a7a7a7; border-radius: 8px;}
.svc-notice .svc-dtl .sch-ctrl input[type="text"] {width: 260px; height: 44px; margin: 0 5px; border: 1px solid #a7a7a7; border-radius: 8px;}
.svc-notice .svc-dtl .sch-ctrl .btn-s1 {width: 90px; height: 44px; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 5px; color: #fff; cursor: pointer;}

/* 공지사항 게시판*/
.svc-noticeboard {width: 900px;}
.svc-noticeboard .tit-s1{font-size: 2rem; font-weight: bold;}
.board_list_go {width: 100px; margin: 0 5px 0 0; border-radius: 8px; color: #fff; font-size: 1.4rem; text-align: center; background-color: #0378AE; border: 1px solid #0378AE; display: inline-block; padding: 10px 0 10px 0;}
.btn03, .btn01 {width: 200px; height: 50px; background: #0378AE; color: #fff; border-radius: 8px; font-size: 1.6rem; border: 1px solid #0378AE; line-height: 50px; margin: 0 5px 0 0;}
.btn05, .btn02 {width: 200px; height: 50px; background: #a7a7a7; color: #fff; border-radius: 8px; font-size: 1.6rem; border: 1px solid #a7a7a7; line-height: 50px; margin: 0 0 0 5px;}
.notice-btn{display: flex; justify-content: center; text-align: center;}

.gray_03, .gray_6{color: #fff; background-color: #0378AE;}
.gray_6 {padding: 0; height: 32px;}
.admin_style_01 {border: none;}
.input_gray01 {border: none; width: 750px;}
.input_line {display: none;}
.check_pass_tb {background: #fff;}
.titleText24 {background: #3078AE; color: #fff; font-size: 1.6rem; padding: 10px 0 10px 0; border-radius: 10px; margin-bottom: 20px; display: block;}
.textcolorORANGE {background: #fff; color: red; margin-bottom: 10px; display: block;}
.checkpass_pw {width: 150px; height: 50px; background: #3078AE; display: block; line-height: 50px; text-align: center; color: #fff; border-radius: 8px;}
#checkpass_pwbox{width: 730px; height: 50px; line-height: 50px; padding-left: 20px; border:1px solid #666; border-radius: 8px;}


/* 상세정보 */
.gds-id {
	font-size:1.3rem;
	margin-left:20px;
}

.gds-info {display: flex; justify-content: space-between; margin: 40px 0 0 0;}
.gds-info .gds-img .gds-img-main img {width: 580px; height: 580px;}
/* .gds-info .gds-img .list-s1 {display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0;} */
/* .gds-info .gds-img .list-s1 li {margin: 0 5px;} */
.gds-info .gds-img .list-s1 li {margin: 0 5px 0 0;}
.gds-info .gds-img .list-s1 img {width: 70px; height: 70px;}
.gds-info .gds-img .bx-wrapper {margin: 20px auto 0;}
.gds-info .gds-img .bx-controls-direction a {width: 24px; height: 46px;}
.gds-info .gds-img .bx-prev {left: -70px; top: 50%; margin: -23px 0 0 0; background: url(../images/btn_prev3.png) no-repeat; z-index: 9990;}
.gds-info .gds-img .bx-next {right: -70px; top: 50%; margin: -23px 0 0 0; background: url(../images/btn_next3.png) no-repeat; z-index: 9990;}

.gds-desc {
	position: relative;
	width: 570px;
}
.gds-desc .gds-name {position: relative; font-size: 1.5rem;}
.gds-desc .gds-name .btn-s1 {position: absolute; right: 40px; top: 0;}
.gds-desc .gds-name .btn-s2 {position: absolute; right: 0; top: 0;}
.gds-desc .gds-tit {margin: 5px 0 10px 0; font-size: 2.8rem;}
.gds-desc .gds-vote {display: flex;}
.gds-desc .gds-star img {width: 20px; height: 20px;}
.gds-desc .gds-review {color: #5F5F5F; font-size: 1.4rem;}
.gds-desc .gds-review .txt-c1 {margin: 0 0 0 10px; color: #E22757; font-size: 1.5rem;}

.soldout_icon {
	position:absolute;
	right:10px;
	top:80px;
}



.gds-desc .gds-price {margin: 5px 0 20px 0;}
.gds-desc .price-rate {color: #E22757; font-size: 2.8rem; font-weight: bold;}
.gds-desc .price-new {margin: 0 20px; color: #373737; font-size: 3rem; font-weight: bold;}
.gds-desc .price-old {color: #706e6e; font-size: 1.6rem; text-decoration: line-through;}
.gds-desc .price-old img {margin-left: 15px; margin-bottom: 3px; width: 65px; height: 35px;}

.gds-desc .gds-price2 {margin-top: 5px}
.gds-desc .price-new2 {margin: 0 20px; color: #E22757; font-size: 3rem; font-weight: bold;}

.gds-desc .gds-games {
	color:#4ea0c6;
	font-size:1.5rem;
	margin-bottom:20px;
}

.gds-desc .gds-unit {
	color: #E22757;
	font-size: 2.8rem;
	font-weight: bold;
	margin-right:10px;
}


.gds-desc .gds-adtinfo dl {display: flex; margin: 10px 0 0 0;}
.gds-desc .gds-adtinfo dt {width: 120px; font-size: 1.5rem; font-weight: bold;}
.gds-desc .gds-adtinfo dd {color: #6D6D6D; font-size: 1.5rem;}
.gds-desc .gds-adtinfo .btn-s1 {width: 90px; height: 25px; margin: 0 0 0 10px; padding: 4px 13px 5px 13px; border: 1px solid #0f5298; border-radius: 18px; font-size: 1.1rem;}
.gds-desc .gds-adtinfo .ico-s1 {display: inline-block; width: 22px; height: 22px; margin: 0 0 0 7px; background-color: #0F5298; border-radius: 50%; color: #fff; text-align: center;}
.gds-desc .gds-adtinfo .btn-s2  {height: 20px; margin: 0 0 0 10px; padding: 3px 10px; background-color: #db0055; border-radius: 10px; color: #fff; font-size: 12px; cursor:pointer;}

.gds-desc .gds-sns {display: flex; justify-content: space-between; margin: 10px 0 0 0;}
.gds-desc .gds-sns div {width: 370px; height: 45px; line-height: 45px; background-color: #F7F7F7; color: #3E3E3E; font-size: 1.3rem; text-align: center;}
.gds-desc .gds-sns .txt-c1 {color: #E22757;}
.gds-desc .gds-sns .btn-s1 {display: flex; align-items: center; width: 180px; height: 45px; background-color: #F6E72A; border-radius: 10px; font-size: 1.6rem;}
.gds-desc .gds-sns .btn-s1 img {width: 27px; height: 26px; margin: 0 10px;}
.gds-desc .gds-sns .btn-s1.btn-live {justify-content: center;}
.gds-desc .gds-sns .btn-s1.btn-live img {width:initial; height:initial;}

.gds-desc .gds-option {margin: 25px 0 0 0;}
.gds-desc .gds-option select {width: 100%; height: 40px; margin: 0 0 10px 0; border: 1px solid #07689F; border-radius: 5px; color: #07689F; font-size: 1.4rem; text-indent: 10px;}
.gds-desc .gds-option .opt-list {margin: 0 0 10px 0; padding: 5px; background-color: #fff; border: 1px solid #07689F; border-radius: 5px;}
.gds-desc .gds-option .opt-list span {display: block; margin: 0;}
.gds-desc .gds-option .opt-list .txt-s1 {margin: 0 0 10px 0;}
.gds-desc .gds-option .opt-list .opt-ctrl {display: flex; justify-content: space-between;}
.gds-desc .gds-option .opt-list .cart-ctrl {display: flex; width: 96px; border: 1px solid #07689F; }
.gds-desc .gds-option .opt-list input[type="text"] {width: 32px; height: 26px; border: none; border-left: 1px solid #07689F; border-right: 1px solid #07689F; text-align: center;}
.gds-desc .gds-option .opt-list button {position: relative; width: 32px; height: 26px; background-color: #fff; border: none; vertical-align: top; cursor: pointer;}
.gds-desc .gds-option .opt-list button::before {position: absolute; left: 50%; top: 50%; content: ''; width: 11px; height: 1px; margin: 0 0 0 -5px; background-color: #07689F;}
.gds-desc .gds-option .opt-list button.btn-p::after {position: absolute; left: 50%; top: 50%; content: ''; width: 1px; height: 11px; margin: -5px 0 0 0; background-color: #07689F;}
.gds-desc .gds-option .opt-list .blind {overflow: hidden; position: absolute; left: 0; top: 0; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; }
.gds-desc .gds-option .opt-price span {display: inline-block; font-weight: bold;}
.gds-desc .gds-option .opt-price a {display: inline-block; width: 20px; height: 20px; border: 1px solid #E7E7E7; border-radius: 5px; text-align: center;}
.gds-desc .gds-option .opt-price-total {display: flex; justify-content: space-between; align-items: center; font-size: 1.6rem; font-weight: bold; }
.gds-desc .gds-option .opt-price-total.top_line {
	border-top: 1px solid rgba(0,0,0,0.16);
}
.gds-desc .gds-option .opt-price-total .txt-s1 {font-size: 2.6rem;}

.gds-ctrl {display: flex; justify-content: space-between; align-items: center; margin: 30px 0 0 0;}
.gds-ctrl a {width: 275px; height: 55px; line-height: 55px; border-radius: 8px; font-size: 1.9rem; font-weight: bold; text-align: center;}
.gds-ctrl a.gift_load_img {
	font-size:2.6rem;
}

.gds-ctrl .gift_direct {
	padding:0;
}
.gds-ctrl .gift_load_img {
	padding:0;
}

.gds-ctrl .btn-s1 {background-color: #F7F7F7;}
.gds-ctrl .btn-ss1 {background-color: #ccc;}
.gds-ctrl .btn-s2 {background-color: #07689F; color: #fff;}

.gds-ctrl-two {display: flex; margin: 30px 0 0 0;}
.two_space {
	justify-content: space-between; align-items: center; 
}
.two_center {
	justify-content: center;
}
.gds-ctrl-two li {
	position: relative;
	width: calc((100% - 1px) / 2);
	text-align: center;
}

.gds-ctrl-two li.sz100 {
	width: calc(100% - 1px);
}

.gds-ctrl-two li.two1 {
	background:#5b9bd5;
}
.gds-ctrl-two li.two2 {
	background:#ffd966;
}

.gds-ctrl-two li.two3 {
	font-size:1.9rem;
	border-radius:8px;
	color: #fff;
}
.gds-ctrl-two li.two3 a {
	color: #fff;
}

.gds-ctrl-two li.two3-1 {
	background-color: #07689F;
}
.gds-ctrl-two li.two3-2 {
	background-color: #a5a5a5;
}
.gds-ctrl-two li.two9 {
	background-color: #000;
}

/*
.gds-ctrl-two a {
	display: block;
	position: relative;
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-weight:700;
	width:calc(100% - 40px);
	margin:0 auto;
}
*/
.gds-ctrl-two a {
	display: block;
	position: relative;
	text-align: center;
	line-height: 55px;
	font-weight:700;
	margin:0 auto;
}
.gds-ctrl-two img {width: 25px; height: 25px;}
.gds-ctrl-two span.cart-cnt {position: absolute; left: 50%; top: 5px; display: inline-block; width: 18px; height: 18px; margin: 0 0 0 12px; background-color: #3477BC; border-radius: 50%; color: #fff; font-size: 1rem;}
.gds-ctrl-two .btn-buy {
	color:#fff;
}
.gds-ctrl-two .btn-twodeal {
	color:#000;
}
.gds-ctrl-two .xicon {
	position:absolute;
	right:3px;
	top:3px;
	line-height:normal;
	color:#f00;
}



/*
.gds-list-other {display: flex; margin: 90px 0 120px 0;}
.gds-list-other .tit-s1 {display: block; margin: 0 0 10px 0; font-size: 2.2rem; font-weight: bold; text-align: center;}
*/
/* .gds-list-other .prd-list {width: 50%;} */
.gds-list-other {display: flex; margin: 90px 0 120px 0;}
.gds-list-other .tit-s1 {display: block; margin: 0 0 10px 0; font-size: 2.2rem; font-weight: bold; text-align: center;}
.gds-list-other .prd-list {width: 600px; margin: 0 auto;}
.gds-list-other .prd-list li {width: 170px; margin: 0;}
.gds-list-other .prd-img img {width: 170px; height: 170px;}
.gds-list-other .prd-img .icon-rank {display: none;}
.gds-list-other .prd-name {display: none;}
.gds-list-other .prd-desc {width: 100%; font-weight: bold;}
.gds-list-other .prd-price-rate {font-size: 1.8rem;}
.gds-list-other .prd-point {font-size: 1.1rem;}
.gds-list-other .prd-price-new {font-size: 1.4rem;}
.gds-list-other .prd-price-old {font-size: 1.1rem;}
.gds-list-other .bx-wrapper {margin: 0 auto;}
.gds-list-other .bx-wrapper .bx-pager {text-align: right;}
#gds-other1 {border-right: 1px solid #07689F;}

.gds-detail-wrap {position: relative; margin-top: 60px; }
.gds-list-quick {position: absolute; left: 0; width: 180px; border: 1px solid #a7a7a7; border-radius: 20px 20px 20px 20px;}
.gds-list-quick .tit-s1 {width: 180px; height: 55px; line-height: 55px; background-color: #E4E4E4; border-radius: 20px 20px 0 0;
border-bottom: 1px solid #a7a7a7; font-size: 1.3rem; font-weight: bold; text-align: center;}
.gds-list-quick .list-s1 {width: 150px; margin: 15px auto;}
.gds-list-quick .list-s1 li {margin: 20px 0 0 0;}
.gds-list-quick .list-s1 li:first-child {margin: 0;}
.gds-list-quick .list-s1 li img {width: 150px; height: 150px;}
.gds-list-quick .list-s1 li .txt-s1 {color: #6D6D6D; font-size: 1.2rem;}
.gds-list-quick .list-s1 li .txt-s2 {display: block; color: #E22757; font-size: 1.8rem; font-weight: bold; text-align: center;}


.gds-detail {width: 970px; margin: 0 0 0 230px;}
.gds-detailV2 { margin-top: 50px; }
.gds-cont {margin: 0 0 60px 0; border: 1px solid #afccdc; border-radius: 20px;}
.gds-cont .tab-s1 {display: flex;}
/*
.gds-cont .tab-s1 li {width: 25%; height: 56px; line-height: 56px; background-color: #d5e8f6; border-left: 1px solid #afccdc; border-bottom: 1px solid #afccdc; font-size: 1.5rem; font-weight: bold; text-align: center;}
.gds-cont .tab-s1 li.active {background-color: #07689f;}
.gds-cont .tab-s1 li.active a {color: #fff;}
*/
.gds-cont .tab-s1 li {width: 25%; background-color: #d5e8f6; border-left: 1px solid #afccdc; border-bottom: 1px solid #afccdc; font-size: 1.5rem; font-weight: bold; text-align: center;}
.gds-cont .tab-s1 li.active {background-color: #07689f;}
.gds-cont .tab-s1 li a {
	display:block;
	height: 56px;
	line-height: 56px; 
}
.gds-cont .tab-s1 li.active a {
	color: #fff;
}
.gds-cont .tab-s1 li:first-child {border-left: none; border-radius: 20px 0 0 0;}
.gds-cont .tab-s1 li:last-child {border-radius: 0 20px 0 0;}
.gds-cont .tab-cont {min-height: 200px; padding: 20px;}


/*
#tab1-cont {display: flex; justify-content: center; flex-flow: wrap;}
.info-detail-contents {
	display: flex; justify-content: center; flex-flow: wrap;
}
#tab1-cont p {display: contents;}
#tab1-cont p img {width: 800px;}
*/

.info-detail-contents {
}
#tab1-cont {
}
#tab1-cont p {
}
#tab1-cont p img {
	max-width: 800px;
}
#tab1-cont .txt-manual {box-sizing: border-box; border: 0px; margin-top: 0px; margin-bottom: 0px; padding: 0px; list-style: none; font-family: 'Noto Sans KR'; color: #222222; word-break: break-all; -webkit-font-smoothing: antialiased; overflow-wrap: break-word; white-space: pre-line;}

#tab2-cont .cont1 .btn-s1 {display: flex; justify-content: flex-end; margin: 0 0 15px 0; font-size: 1.5rem;}
#tab2-cont .cont1 .review {display: flex;}
#tab2-cont .cont1 .rvw-vote {display: flex; width: 50%;}
#tab2-cont .cont1 .rvw-vote .cont1 {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 150px;}
#tab2-cont .cont1 .rvw-vote .txt-s1 {font-size: 2rem; font-weight: bold;}
#tab2-cont .cont1 .rvw-vote .txt-s2 {font-size: 1.5rem;}
#tab2-cont .cont1 .rvw-vote .cont2 {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 150px; font-size: 3rem; font-weight: bold;}
#tab2-cont .cont1 .rvw-vote img {width: 20px; height: 20px;}
#tab2-cont .cont1 .rvw-img {display: flex; justify-content: flex-end; width: 50%;}
#tab2-cont .cont1 .rvw-img img {width: 150px; height: 150px; margin: 0 0 0 10px;}
#tab2-cont .tbl-s1 {margin: 30px 0 0 0;}
#tab2-cont .tbl-s1 .tit-s1 {margin: 0 0 10px 0; font-size: 1.4rem; font-weight: bold;}
#tab2-cont .tbl-s1 .tit-s1 .txt-s1 {color: #0E7EB1;}
#tab2-cont .tbl-s1 table {width: 100%; border-spacing: 0; border-top: 2px solid #0e7eb1; border-bottom: 1px solid #a7a7a7;}
#tab2-cont .tbl-s1 th {width: 100px; height: 50px;}
#tab2-cont .tbl-s1 th:nth-child(2) {width: 430px;}
#tab2-cont .tbl-s1 th:nth-child(3) {width: 200px;}
#tab2-cont .tbl-s1 td {height: 120px; background-color: #F6F6F6; border-top: 1px solid #a7a7a7; text-align: center;}
#tab2-cont .tbl-s1 .td-s3 {display: flex; justify-content: center; align-items: center; font-size: 1.5rem;}
#tab2-cont .tbl-s1 .td-s3 img {width: 20px; height: 20px;}
#tab2-cont .tbl-s1 .td-s3 .txt-s1 {color: #E22757;}
#tab2-cont .tbl-s1 .reply td {padding: 20px 20px 20px 100px; background-color: #fff;}
#tab2-cont .tbl-s1 .reply-img {display: inline-flex; float: left;}
#tab2-cont .tbl-s1 .reply-txt {margin: 20px 0; color: #5F5F5F; text-align: left; display: contents;}
#tab2-cont .tbl-s1 .reply-img img {width: 80px; height: 80px; margin: 0 10px 0 0;}
#tab2-cont .tbl-s1 .reply-img img:hover{position: absolute; width: 500px; height: 500px; z-index: 1000;}
#tab2-cont .tbl-s1 .reply-sns {display: flex; align-items: center;}
#tab2-cont .tbl-s1 .reply-sns .txt-s1 {color: #E22757;}
#tab2-cont .tbl-s1 .reply-sns .btn-s1 {width: 160px; height: 30px; line-height: 30px; margin: 0 0 0 10px; background-color: #65B2E8; border-radius: 8px; color: #fff;}
#tab2-cont .btn-ctrl {display: flex; justify-content: flex-end; margin: 20px 0 0 0;}
#tab2-cont .btn-ctrl .btn-s1 {width: 150px; height: 44px; line-height: 44px; background-color: #0378AE; border-radius: 8px; color: #fff; font-size: 1.5rem; text-align: center;}
#tab2-cont .pg-ctrl {display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
#tab2-cont .pg-ctrl .pg-nav a {display: inline-block; margin: 0 5px; font-size: 1.6rem;}
#tab2-cont .pg-ctrl .pg-nav .pg-current {width: 25px; height: 25px; line-height: 25px; background-color: #0378AE; border-radius: 50%; color: #fff; text-align: center;}
#tab2-cont .pg-nav {text-align: center; margin: 10px 0;}
#tab2-cont .pg-nav a {background: #D5E8F6; border-radius: 50px; padding: 0 6px; font-size: 1.5rem;}
#tab2-cont .pg-nav .active {background: #0378AE; font-weight: bolder; color: #fff; font-weight: bolder;}

#tab3-cont {margin: 30px 0;}
#tab3-cont .tbl-s1 table {width: 100%; border-spacing: 0; border-top: 2px solid #0e7eb1; border-bottom: 1px solid #a7a7a7;}
#tab3-cont .tbl-s1 th {width: 100px; height: 50px;}
#tab3-cont .tbl-s1 th:nth-child(2) {width: 530px;}
#tab3-cont .tbl-s1 td {height: 50px; border-top: 1px solid #a7a7a7; text-align: center;}
#tab3-cont .tbl-s1 td:nth-child(2) {text-align: left;}
#tab3-cont .tbl-s1 .td-s2 img {vertical-align: middle;}
#tab3-cont .tbl-s1 .td-s5 .txt-s1 {display: inline-block; width: 90px; height: 33px; line-height: 33px; background-color: #0378AE; border-radius: 19px; color: #fff;}
#tab3-cont .tbl-s1 dl {display: flex; margin: 10px 0;}
#tab3-cont .tbl-s1 dt {width: 100px;}
#tab3-cont .tbl-s1 .ico-s1 {display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #65B2E8; border-radius: 50%; color: #fff; font-size: 2rem;}
#tab3-cont .tbl-s1 .ico-s2 {display: inline-block; width: 35px; height: 35px; line-height: 35px; background-color: #6C6F73; border-radius: 50%; color: #fff; font-size: 2rem;}
#tab3-cont .btn-ctrl {display: flex; justify-content: flex-end; margin: 20px 0 0 0;}
#tab3-cont .btn-ctrl .btn-s1 {width: 150px; height: 44px; line-height: 44px; background-color: #0378AE; border-radius: 8px; color: #fff; font-size: 1.5rem; text-align: center;}
#tab3-cont .btn-ctrl .btn-s2 {width: 150px; height: 44px; line-height: 44px; margin: 0 0 0 20px; background-color: #DEDEDE; border-radius: 8px; font-size: 1.5rem; text-align: center;}
#tab3-cont .pg-ctrl {display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0;}
#tab3-cont .pg-ctrl .pg-nav a {display: inline-block; margin: 0 5px; font-size: 1.6rem;}
#tab3-cont .pg-ctrl .pg-nav .pg-current {width: 25px; height: 25px; line-height: 25px; background-color: #0378AE; border-radius: 50%; color: #fff; text-align: center;}

#tab4-cont span {display: block;}
#tab4-cont .tit-s1 {margin: 0 0 15px 0; font-size: 1.8rem; font-weight: bold;}
#tab4-cont .tit-s2 {margin: 40px 0 15px 0; font-size: 1.8rem; font-weight: bold;}
#tab4-cont .ico-s1 {display: inline-block; width: 16px; height: 16px; margin: -4px 5px 0 0; background-color: #373737; border-radius: 4px; vertical-align: middle;}
#tab4-cont .txt-s1 {margin: 0 0 5px 0; color: #65b2e8; font-size: 1.8rem;}
#tab4-cont .txt-c1 {display: inline-block; color: #E22757;}
#tab4-cont p {margin: 0 0 5px 0;}

#tab5-cont ul {
	margin:15px 30px;
}
#tab5-cont li {
	color:#000;
	font-size:18px;
	font-weight:700;
	margin-bottom:5px;
	padding-left:20px;
	text-indent:-20px;
}
#tab5-cont li:before {
	content: '■';
	font-size:18px;
	margin-right:10px;
}
#tab5-cont li.tab-info-detail {
	font-size:16px;
	margin-bottom:0;
}

/* 장바구니 */
.cart-nav {display: flex; justify-content: space-between; align-items: center; margin: 50px 0 0 0;}
.cart-nav .tit-s1 {font-size: 2.6rem; font-weight: bold;}
.cart-nav .tit-s1 .ico-s1 {display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 15px 0 0; background-color: #ECECEC; border-radius: 50%; text-align: center;}
.cart-nav .tit-s1 .ico-s1 img {display: inline-block; width: 35px; height: 35px; margin: 5px 0 0 5px; vertical-align: middle;}

.cart-nav .cart-step {display: flex; align-items: center;}
.cart-nav .cart-step li {position: relative; margin: 0 0 0 70px; font-size: 1.8rem;}
.cart-nav .cart-step li::after {position: absolute; left: -44px; top: 7px; content: ""; width: 19px; height: 36px; background-image: url(../images/btn_next1.png); background-repeat: no-repeat;}
.cart-nav .cart-step li:first-child::after {display: none;}
.cart-nav .cart-step .ico-s1 {display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 12px 0 0; 
background-color: #ECECEC; border-radius: 50%; color: #0E4C75; font-size: 2.4rem; font-weight: bold; text-align: center;}
.cart-nav .cart-step .ico-s2 {display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 12px 0 0; 
background-color: #0E4C75; border-radius: 50%; color: #fff; font-size: 2.4rem; font-weight: bold; text-align: center;}

.cart-list {margin: 60px 0 0 0;}
.cart-list .tit-s1 {display: inline-block; margin: 0 0 15px 0; font-size: 2rem; font-weight: bold;}

.cart-list .tbl-s1 form {width: 100%;}
.cart-list .tbl-s1 table {width: 100%; border-spacing: 0; border: 2px solid #07689F; border-radius: 20px; overflow: hidden;}
.cart-list .tbl-s1 th {width: 100px; height: 60px; color: #414141;}
.cart-list .tbl-s1 th:nth-child(1) {width: 50px;}
.cart-list .tbl-s1 th:nth-child(2) {width: 550px;}

.cart-list .tbl-s1 td {padding: 15px 0; background-color: #f6f6f6; border-top: 1px solid #07689F; text-align: center;}
.cart-list .tbl-s1 td:nth-child(2) {font-size: 1.5rem; text-align: left;}
.cart-list .tbl-s1 tr:first-child td {border-top: none;}
.cart-list .tbl-s1 tr:last-child td:nth-child(1) {border-radius: 0 0 0 20px;}
.cart-list .tbl-s1 tr:last-child td:nth-child(7) {border-radius: 0 0 20px 0;}
/*
.cart-list .tbl-s1 td img {float: left; width: 80px; height: 80px; margin: 0 5px 0 0;}
*/
.cart-list .tbl-s1 input[type="text"] {width: 50px; height: 30px; border: 1px solid #A7A7A7; border-radius: 5px; text-align: center;}
.cart-list .tbl-s1 .btn-s1 {display: inline-block; width: 40px; height: 30px; line-height: 30px; background-color: #0378AE; border-radius: 5px; color: #fff;}
.cart-list .tbl-s1 .btn-s2 {display: inline-block; width: 40px; height: 30px; line-height: 30px; background-color: #65B2E8; border-radius: 5px; color: #fff;}
.cart-list .btn-ctrl {display: flex; justify-content: flex-end; margin: 15px 0 0 0;}
.cart-list .btn-ctrl .btn-s1 {display: inline-block; width: 110px; height: 40px; line-height: 40px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
.cart-list .btn-ctrl .btn-s2 {display: inline-block; width: 110px; height: 40px; line-height: 40px; margin: 0 0 0 10px; background-color: #dedede; border-radius: 5px; color: #002236; text-align: center;}
.cart-list .ctl_cont{position: relative;  width: 32px; height: 30px; background-color: #fff; border: none; vertical-align: top; cursor: pointer; border: 1px solid #A7A7A7; border-radius: 5px;}
.cart-list .tbl-s1 td.item_list {
	padding-left:15px;
}
.cart-list .tbl-s1 .item_list img {float: left; width: 80px; height: 80px; margin: 0 5px 0 0;}

.cart-list .tbl-s1 .tr_go_h td {
	text-align:center;
}
.cart-list .tbl-s1 td.item_h {
	text-align:left;
	padding-left:20px;
}
.cart-list .tbl-s1 td.item_h a.item_link {
	display:flex;
	align-items:center;
}
.cart-list .tbl-s1 td.item_h img {
	width: 80px;
	height: 80px;
	margin-right:10px;
}

.cart-list .tbl-s1 .tr_go_h.optH .item_h {
	height:80px;
	padding-left:110px;
}


.cart-total {margin: 30px 0 0 0;}
.cart-total .list-s1 {display: flex; border-radius: 20px;}
.cart-total .list-s1 li {position: relative; width: 33%; padding: 0 30px; background-color: #D5E8F6; color: #002050; font-size: 1.5rem;}
.cart-total .list-s1 li:nth-child(1) {padding: 0 0 0 30px; border-radius: 20px 0 0 20px;}
.cart-total .list-s1 li:nth-child(2) {padding: 0 30px 0 0;}
.cart-total .list-s1 li:nth-child(3) {width: 34%; background-color: #f6f6f6; border-radius: 0 20px 20px 0;}
.cart-total .list-s1 li:nth-child(3) .dv1 dd {color: #E22757;}
.cart-total .list-s1 li dl {display: flex; justify-content: space-between; align-items: center;}

.cart-total .list-s1 .dv1 {height: 90px; line-height: 90px; color: #002050; border-bottom: 1px solid #fff;}
.cart-total .list-s1 .dv1 dt {font-size: 1.5rem; font-weight: bold;}
.cart-total .list-s1 .dv1 dd {font-size: 3rem; font-weight: bold;}
.cart-total .list-s1 .dv2 {height: 150px;}
.cart-total .list-s1 .dv2 dl {height: 50%;}
.cart-total .list-s1 .ico-s1 {width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center;}

.cart-total .list-s1 li:nth-child(1) dd {padding: 0 50px 0 0;}
.cart-total .list-s1 li:nth-child(2) dt {padding: 0 0 0 50px;}
.cart-total .list-s1 li:nth-child(3) .dv1 {border-bottom: 1px solid #d5d5d5;}
.cart-total .list-s1 li:nth-child(1) .ico-s1 {position: absolute; right: -18px; top: 28px; background-color: #fff; font-size: 2.5rem; z-index: 2;}
.cart-total .list-s1 li:nth-child(2) .ico-s1 {position: absolute; right: -18px; top: 28px; background-color: #fff; font-size: 2.5rem; z-index: 2;}
.cart-total .list-s1 li:nth-child(3) .ico-s1 {display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #07689F; color: #fff;}

.cart-total .btn-ctrl {display: flex; justify-content: flex-end; align-items: center; margin: 40px 0;}
.cart-total .btn-ctrl a {display: inline-block; width: 180px; height: 55px; line-height: 55px; border-radius: 10px; font-size: 1.8rem; font-weight: bold; text-align: center;}
.cart-total .btn-ctrl .btn-s1 {background-color: #0378AE; color: #fff;}
.cart-total .btn-ctrl .btn-s2 {margin: 0 0 0 10px; background-color: #DEDEDE; color: #002236;}

/* shippingType : h */
.cart-total .list-sh {display: flex; border-radius: 20px;}
.cart-total .list-sh > li {
	position: relative;
	padding: 0 30px;
	background-color: #D5E8F6;
	color: #002050;
	font-size: 1.5rem;
}
.cart-total .list-sh > li:nth-child(1) {
	width:65%;
	padding: 0 0 0 30px;
	border-radius: 20px 0 0 20px;
}
.cart-total .list-sh > li:nth-child(2) {
	width:1%;
	padding: 0 30px 0 0;
}
.cart-total .list-sh > li:nth-child(3) {
	width: 34%;
	background-color: #f6f6f6;
	border-radius: 0 20px 20px 0;
}

.cart-total .list-sh > li:nth-child(1) dl {
	margin-top:10px;
}
.cart-total .list-sh > li:nth-child(1) dd {
	margin-left:5px;
}

.cart-total .list-sh .dv1 {height: 90px; line-height: 90px; color: #002050; }

.cart-total .list-sh > li:nth-child(3) dl {display: flex; justify-content: space-between; align-items: center;}
.cart-total .list-sh > li:nth-child(3) dl dt {font-size: 1.5rem; font-weight: bold;}
.cart-total .list-sh > li:nth-child(3) dl dd {font-size: 3rem; font-weight: bold; color: #E22757;}

.cart-total .list-sh .ico-s1 {width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center;}
.cart-total .list-sh > li:nth-child(2) .ico-s1 {
	position: absolute;
	right: -18px;
	top: 28px;
	background-color: #fff;
	font-size: 2.5rem;
	z-index: 2;
}


/* 주문작성/결제 */
#order-list .tbl-s1 td .btn-s1 {background-color: #0378AE;}
#order-list .tbl-s1 td .btn-s2 {background-color: #E22757;}

#order-total .list-s1 {margin: 50px 0 0 0; box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2);}
#order-total .dv2 {height: 200px;}
#order-total .dv2 dl {height: 20%;}
#order-total li:nth-child(2) .dv2 div { height: 20%; }
/*
#order-total .dv2 {height: 200px;}
#order-total .dv2 dl {height: 25%;}
#order-total li:nth-child(2) .dv2 div {display: flex; align-items: center; height: 25%;}
*/
#order-total .dv2 dl input[type="text"] {width: 120px; height: 28px; padding: 0 10px 0 0; border: 1px solid #044C82; border-radius: 5px; text-align: right;}
#order-total .dv2 dl .txt-s1 {display: inline-block; width: 50px; margin: 0 0 0 5px; text-align: left;}
#order-total li:nth-child(1) .dv2 dd {padding: 0;}
#order-total li:nth-child(2) .dv2 div {display: flex; align-items: center; }
#order-total li:nth-child(2) .dv2 .btn-s1 {display: inline-block; width: 70px; height: 28px; line-height: 28px; margin: 0 5px 0 0; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#order-total li:nth-child(2) .dv2 label {margin: 0 5px 0 0; cursor: pointer;}
#order-total input[type="checkbox"] {margin: 0 5px 0 0;}

#order-total.heiAuto .dv2 {
	height: auto;
	padding-top:10px;
	padding-bottom:10px;
}
#order-total.heiAuto .dv2 dl {
	height:30px;
	margin-bottom:5px;
}
#order-total.heiAuto li:nth-child(2) .dv2 div {
	height:30px;
	margin-bottom:5px;
}

/* 2022.01.17. 코인 주문금액 */
#order-total.part_coin .dv2 {height: 240px;}
#order-total.part_coin .dv2 dl {height: 20%;}
#order-total.part_coin li:nth-child(2) .dv2 div {height: 20%;}


#order-snd {margin: 80px 0 0 0;}
#order-snd .tit-s1 {font-size: 2rem; font-weight: bold;}
#order-snd .tbl-s1 {margin: 15px 0 0 0; padding: 20px 30px; background-color: #D5E8F6; border-radius: 20px; box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2);}
#order-snd .tbl-s1 table {width: 100%; border-spacing: 0; border: none; border-radius: 0px;}
#order-snd .tbl-s1 th {width: 170px; height: 50px; text-align: left; border-bottom: 1px solid #fff; color: #002050;}
#order-snd .tbl-s1 td {padding: 10px 400px 10px 0; border-bottom: 1px solid #fff; background: none; border-top: none;}
#order-snd .tbl-s1 input[type="text"] {height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left;}
#order-snd .tbl-s1 select {width: 120px; height: 32px; border: 1px solid #044C82; border-radius: 5px;}
#order-snd .tbl-s1 .btn-s1 {display: inline-block; width: 110px; height: 32px; line-height: 32px; margin: 0 0 0 10px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#order-snd #od-name {width: 200px;}
#order-snd #od-tel2, #order-snd #od-tel3, #order-snd #od-cp2, #order-snd #od-cp3 {width: 120px;}
#order-snd #od-zip {float: left; width: 200px;}
#order-snd #od-addr1, #order-snd #od-addr2 {width: 570px; margin: 10px 0 0 0;}

#order-rcv {margin: 80px 0 0 0;}
#order-rcv .tit-s1 {font-size: 2rem; font-weight: bold;}
#order-rcv .tit-s1 input[type="checkbox"] {margin: 0 5px 0 20px;}
#order-rcv .tit-s1 label {font-size: 1.4rem; font-weight: normal; cursor: pointer;}
#order-rcv .tbl-s1 {margin: 15px 0 0 0; padding: 20px 30px; background-color: #D5E8F6; border-radius: 20px; box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2);}
#order-rcv .tbl-s1 table {width: 100%; border-spacing: 0; border: none; border-radius: 0px;}
#order-rcv .tbl-s1 th {width: 170px; height: 50px; text-align: left; border-bottom: 1px solid #fff; color: #002050;}
#order-rcv .tbl-s1 td {padding: 10px 100px 10px 0; border-bottom: 1px solid #fff; background: none; border-top: none;}
#order-rcv .tbl-s1 input[type="text"] {height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left; width: 160px;}
#order-rcv .tbl-s1 input[type="radio"] {margin: 0 5px 0 0;}
#order-rcv .tbl-s1 select {width: 120px; height: 32px; border: 1px solid #044C82; border-radius: 5px;}
#order-rcv .tbl-s1 .btn-s1 {display: inline-block; width: 110px; height: 32px; line-height: 32px; margin: 0 0 0 10px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#order-rcv .tbl-s1 .btn-s11 {display: inline-block; width: 110px; height: 32px; line-height: 32px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#order-rcv #rcv-name {width: 200px;}
#order-rcv #rcv-tel2, #order-rcv #rcv-tel3, #order-rcv #rcv-cp2, #order-rcv #rcv-cp3 {width: 120px;}
/*
#order-rcv #rcv-zip {float: left; width: 200px;}
#order-rcv #rcv-addr1,
#order-rcv #rcv-addr2 {width: 570px; margin: 10px 0 0 0;}
*/
#order-rcv #rcv-zip {
	width: 200px;
}
#order-rcv #rcv-addr1,
#order-rcv #rcv-addr2 {
	width: 570px;
}
#order-rcv .od-memo {width: 570px !important; margin: 10px 0 0 0;}
#order-rcv #list-memo {width: 280px;}

#order-rcv #rcv-zip,
#order-rcv #rcv-addr1 {
	background:#ccc;
}

.addr_ul li:first-child {
	margin-top:0px;
}
.addr_ul li {
	margin-top:10px;
}

#order-pay {margin: 80px 0;}
#order-pay .tit-s1 {font-size: 2rem; font-weight: bold;}
#order-pay .tbl-s1 {margin: 15px 0 0 0; padding: 20px 30px; background-color: #D5E8F6; border-radius: 20px; box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2);}
#order-pay .tbl-s1 table {width: 100%; border-spacing: 0;}
#order-pay .tbl-s1 th {width: 170px; height: 50px; text-align: left; border-bottom: 1px solid #fff; color: #002050;}
#order-pay .tbl-s1 td {padding: 10px 100px 10px 0; border-bottom: 1px solid #fff;}
#order-pay .tbl-s1 .txt-s1 {color: #002050; font-size: 2.6rem; font-weight: bold;}
#order-pay .tbl-s1 .txt-c1 {color: #f53212; font-weight: bold;}
#order-pay .tbl-s1 .list-s1 {display: flex; align-items: center; color: #2E2E2E;}
#order-pay .tbl-s1 .list-s1 li {margin: 0 30px 0 0;}
#order-pay .tbl-s1 .list-s1 li label {cursor: pointer;}
#order-pay .tbl-s1 input[type="radio"] {margin: 0 5px 0 0;}
#order-pay .tbl-s1 input[type="text"] {height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left; width: 122px;}
#order-pay .tbl-s1 .pw {height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left; width: 122px;}
#order-pay .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 45px 0 0 0;}
#order-pay .btn-ctrl a {width: 200px; height: 50px; line-height: 50px; border-radius: 10px; color: #fff; text-align: center;}
#order-pay .btn-ctrl img {margin: -2PX 5px 0 0; vertical-align: middle;}
#order-pay .btn-ctrl .btn-s1 {background-color: #A2A2A2;}
#order-pay .btn-ctrl .btn-s2 {margin: 0 0 0 10px; background-color: #0378AE;}

#order-pay .tbl-s1 select { height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left; }


#order-finish {margin: 80px 0;}
#order-finish .tit-s1 {font-size: 2rem; font-weight: bold;}
#order-finish .tbl-s1 {margin: 15px 0 0 0; padding: 20px 30px; background-color: #D5E8F6; border-radius: 20px; box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.2);}
#order-finish .tbl-s1 table {width: 100%; border-spacing: 0;}
#order-finish .tbl-s1 th {width: 170px; height: 50px; text-align: left; border-bottom: 1px solid #fff; color: #002050;}
#order-finish .tbl-s1 td {padding: 10px 100px 10px 0; border-bottom: 1px solid #fff;}
#order-finish .tbl-s1 .txt-s1 {color: #002050; font-size: 2.6rem; font-weight: bold;}
#order-finish .tbl-s1 .txt-s2 {color: #002050; font-size: 1.6rem; font-weight: bold;}
#order-finish .tbl-s1 .txt-s2 i {display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 0 0 0 5px; background-color: #3C99DC; border-radius: 100%; color: #fff; font-style: normal; text-align: center;}
#order-finish .tbl-s1 .txt-c1 {color: #f53212; font-weight: bold;}
#order-finish .tbl-s1 .list-s1 {display: flex; align-items: center; color: #2E2E2E;}
#order-finish .tbl-s1 .list-s1 li {margin: 0 30px 0 0;}
#order-finish .tbl-s1 .list-s1 li label {cursor: pointer;}
#order-finish .tbl-s1 input[type="radio"] {margin: 0 5px 0 0;}
#order-finish .tbl-s1 input[type="text"] {height: 30px; border: 1px solid #044C82; border-radius: 5px; text-indent: 10px; text-align: left; width: 122px;}

.alertMsg {
	color:#c00;
	margin-top:5px;
}

/*
#order-finish .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 45px 0 0 0;}
#order-finish .btn-ctrl a {width: 200px; height: 50px; line-height: 50px; border-radius: 10px; color: #fff; text-align: center;}
#order-finish .btn-ctrl img {margin: -2PX 5px 0 0; vertical-align: middle;}
#order-finish .btn-ctrl .btn-s1 {background-color: #A2A2A2;}
#order-finish .btn-ctrl .btn-s2 {margin: 0 0 0 10px; background-color: #0378AE;}

#order-finish #meGiftshow {background: ##53C8F3!important;}
#order-finish .btn-kakao {background: #F6E72A !important; color: #000 !important;}
#order-finish .btn-kakao img {width: 30px; height: 30px;}
*/

.btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 45px 0 0 0;}
.btn-ctrl a {width: 200px; height: 50px; line-height: 50px; border-radius: 10px; color: #fff; text-align: center;}
.btn-ctrl img {margin: -2PX 5px 0 0; vertical-align: middle;}
.btn-ctrl .btn-s1 {background-color: #A2A2A2;}
.btn-ctrl .btn-s2 {margin: 0 0 0 10px; background-color: #0378AE;}

.btn-ctrl #meGiftshow {background: ##53C8F3!important;}
.btn-ctrl .btn-kakao {background: #F6E72A !important; color: #000 !important;}
.btn-ctrl .btn-kakao img {width: 30px; height: 30px;}


/* SNS 링크 */
#sns-link {width: 600px; margin: 0 auto; border: 1px solid #ccc;}
#sns-link .sns-info {display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0;}
#sns-link .sns-info form {display: flex;}
#sns-link #sns-url {width: 420px; height: 43px; margin:0; padding: 0 0 0 20px; background: #f4f4f4; box-sizing: border-box; border: 1px solid #0378ae; border-radius: 8px 0 0 8px;}
#sns-link #sns-url::placeholder {color: rgba(75, 73, 73, .7); font-size: 1.2rem; font-weight: bold;}
#sns-link .sns-info .btn-s1 {width: 80px; height: 43px; border: 0; background: #0378ae; color: #fff; border-radius: 0 8px 8px 0; cursor: pointer;}

#sns-link .sns-list {width: 230px; margin: 0 auto;}
#sns-link .sns-list .tit-s1 {display: block; margin: 15px 0; font-size: 1.4rem; font-weight: bold; text-align: center;}
#sns-link .sns-list .list-s1 {display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px 0;}
#sns-link .sns-list .list-s1 li {text-align: center;}
#sns-link .sns-list .list-s1 span {display: block; color: #a7a7a7;}

/* 검색페이지 */
#sch-cate {position: relative; margin: 60px 0 0 0; padding: 10px 0; border-top: 1px solid #07689F; border-bottom: 1px solid #07689F;}
#sch-cate .sch-dv {display: flex; align-items: center; /*height: 60px;*/align-items: flex-start;flex-direction: column;}
#sch-cate .sch-dv .sch-tit {width: 135px; font-size: 1.4rem; font-weight: bold;}
#sch-cate .sch-dv .sch-item .btn-s1 {position: relative; display: inline-block; width: 140px; height: 40px; line-height: 40px; margin: 0 15px 0 0; border: 1px solid #a7a7a7; border-radius: 5px; text-align: center;}
#sch-cate .sch-dv .sch-item .btn-s1.on {background-color: #0378AE; border: 1px solid #0378AE; color: #fff;}
#sch-cate .sch-dv .sch-item .btn-s1.on::after {position: absolute; right: 10px; top: -10px; content: "x"; color: #fff;}
#sch-cate .sch-dv input[type="text"] {height: 40px; border: 1px solid #a7a7a7; border-radius: 5px; text-indent: 10px;}
#sch-cate .sch-form {display: none;}
#sch-cate #sch-dv5 input {padding: 0 10px 0 0; text-align: right;}
#sch-cate #sch-dv6 .sch-item {display: flex; align-items: center;}
#sch-cate #sch-dv6 .sch-item input {width: 325px;}
#sch-cate #sch-dv6 .sch-item .btn-s2 {width: 42px; height: 42px; line-height: 42px; margin: 0 0 0 10px; background-color: #65B2E8; border: 1px solid #65B2E8; border-radius: 6px; cursor: pointer;}
#sch-cate #sch-dv6 .sch-item .btn-s2 img {width: 22px; height: 22px; margin: -4px 0 0 0; vertical-align: middle;}
#sch-cate .btn-toggle {position: absolute; left: 50%; bottom: -31px; display: inline-block; width: 80px; height: 30px; margin: 0 0 0 -40px;
background-color: #fff; border: 1px solid #0378AE; border-top: none; border-radius: 0 0 5px 5px; color: #0378AE; text-align: center; cursor: pointer;}

#sch-view-ctrl {display: flex; justify-content: space-between; align-items: center; height: 70px; margin: 50px 0 0 0; padding: 0 10px; border: 1px solid #65B2E8; border-radius: 6px;}
#sch-view-ctrl .dv1 {font-size: 1.6rem;}
#sch-view-ctrl .dv1 .txt-c2 {color: #2e2e2e; font-weight: bold;}
#sch-view-ctrl .dv2 {display: flex;}
#sch-view-ctrl .dv2 .list-s1 {display: flex; align-items: center;}
#sch-view-ctrl .dv2 .list-s1 li {padding: 0 10px; border-left: 1px solid #707070;}
#sch-view-ctrl .dv2 .list-s1 li:first-child {border-left: none;}
#sch-view-ctrl .dv2 .list-s1 li a {color: #2e2e2e; font-size: 1.6rem;}
#sch-view-ctrl .dv2 .list-s1 li.active a {font-weight: bold; color:#f00; }
#sch-view-ctrl #view-count {width: 100px; height: 32px; margin: 0 0 0 20px; border: 1px solid #a7a7a7; border-radius: 5px;}

#sch-result {margin: 60px 0 0 0;}
#sch-result ul {flex-wrap: wrap;}
#sch-result li {margin-bottom: 30px; width: 288px;}
#sch-result li:nth-child(4n + 1) {margin-left: 0;}
#sch-result .prd-info .icon-rank {display: none;}
#sch-result .prd-info .prd-name img {display: none;}

/*페이징 스타일*/
.pg-current {width: 25px; height: 25px; line-height: 25px; background-color: #0378AE; border-radius: 50%; color: #fff; text-align: center; display: inline-block; margin: 0 5px; font-size: 1.6rem;}

/*카카오공유버튼*/
.kakao_btn_wrap{width: calc(100% - 20px);}
.citem-a3 {display: flex; justify-content: flex-end;}
.citem-a3 a {display: inline-block; width: 80px; margin: 0 0 0 10px; border-radius: 5px;}
.citem-a3 .btn-kakao {width:165px; margin:0; text-align:center; line-height:37px; height:37px; border-radius: 50px; background:#F6E72A; color:#381E1F;
	cursor:pointer;
}
.citem-a3 .btn-kakao img {width:24px; height:auto !important; vertical-align: middle; margin-right:3px !important; left: 10px; top: 8px; position: relative;}
.citem-a3 .btn-kakao .point_label {color:#E22757;}
.citem-a3 .btn-kakao .ico-s1 {display: inline-block; width: 13px; height: 13px; line-height:13px; font-size:10px; margin: 0 0 0 3px; background-color: #0F5298; border-radius: 50%; color: #fff; text-align: center;}
.citem-a3 .btn_not_kakao, .citem-a3 .btn_complete_kakao {width: 185px; margin: 0; text-align: center; line-height: 37px; height: 37px; border-radius: 50px; background: #F6E72A; color: #381E1F;}
.kakao_img {float: left !important; height: auto !important; vertical-align: middle; margin-right: 3px !important; left: 10px; top: 8px; position: relative; margin: 0 5px 0 0 !important;}

/* 서브페이지 */
#sub-nav {display: flex; align-items: center; margin: 50px 0 0 0;}
#sub-nav .txt-s1 {margin: 0 5px; font-size: 1.5rem; font-weight: bold;}
#sub-nav select {width: 220px; height: 34px; margin: 0 0 0 10px; border: 1px solid #a7a7a7; border-radius: 5px; text-indent: 10px;}

#sub-cate {position: relative; margin: 30px 0 0 0; padding: 10px 0; border-top: 1px solid #07689F; border-bottom: 1px solid #07689F;}
#sub-cate .sub-dv {display: flex; align-items: center; margin-bottom:30px; }
/*
#sub-cate .sub-dv {display: flex; align-items: center; height: 60px;}
*/
#sub-cate .sub-dv .sub-tit {width: 135px; font-size: 1.4rem; font-weight: bold;}
#sub-cate .sub-dv .sub-item .btn-s1 {position: relative; display: inline-block; width: 130px; height: 40px; line-height: 40px; margin: 0 15px 0 0; border: 1px solid #a7a7a7; border-radius: 5px; text-align: center;}
#sub-cate .sub-dv .sub-item .btn-s1.on {background-color: #0378AE; border: 1px solid #0378AE; color: #fff;}
#sub-cate .sub-dv .sub-item .btn-s1.on::after {position: absolute; right: 10px; top: -10px; content: "x"; color: #fff;}
#sub-cate .sub-dv input[type="text"] {height: 40px; border: 1px solid #a7a7a7; border-radius: 5px; text-indent: 10px;}
#sub-cate .sub-form {display: none;}
#sub-cate #sub-dv4 input {padding: 0 10px 0 0; text-align: right;}
#sub-cate #sub-dv5 .sub-item {display: flex; align-items: center;}
#sub-cate #sub-dv5 .sub-item input {width: 325px;}
#sub-cate #sub-dv5 .sub-item .btn-s2 {width: 42px; height: 42px; line-height: 42px; margin: 0 0 0 10px; background-color: #65B2E8; border: 1px solid #65B2E8; border-radius: 6px; cursor: pointer;}
#sub-cate #sub-dv5 .sub-item .btn-s2 img {width: 22px; height: 22px; margin: -4px 0 0 0; vertical-align: middle;}
#sub-cate #sub-dv6 .sub-item {display: flex; align-items: center;}
#sub-cate #sub-dv6 .sub-item input {width: 325px;}
#sub-cate #sub-dv6 .sub-item .btn-s2 {width: 42px; height: 42px; line-height: 42px; margin: 0 0 0 10px; background-color: #65B2E8; border: 1px solid #65B2E8; border-radius: 6px; cursor: pointer;}
#sub-cate #sub-dv6 .sub-item .btn-s2 img {width: 22px; height: 22px; margin: -4px 0 0 0; vertical-align: middle;}
#sub-cate .btn-toggle {position: absolute; left: 50%; bottom: -31px; display: inline-block; width: 80px; height: 30px; margin: 0 0 0 -40px;
background-color: #fff; border: 1px solid #0378AE; border-top: none; border-radius: 0 0 5px 5px; color: #0378AE; text-align: center; cursor: pointer;}

#sub-view-ctrl {display: flex; justify-content: space-between; align-items: center; height: 70px; margin: 50px 0 0 0; padding: 0 10px; border: 1px solid #65B2E8; border-radius: 6px;}
#sub-view-ctrl .dv1 {font-size: 1.6rem;}
#sub-view-ctrl .dv1 .txt-c2 {color: #2e2e2e; font-weight: bold;}
#sub-view-ctrl .dv2 {display: flex;}
#sub-view-ctrl .dv2 .list-s1 {display: flex; align-items: center;}
#sub-view-ctrl .dv2 .list-s1 li {padding: 0 10px; border-left: 1px solid #707070;}
#sub-view-ctrl .dv2 .list-s1 li:first-child {border-left: none;}
#sub-view-ctrl .dv2 .list-s1 li a {color: #2e2e2e; font-size: 1.6rem;}
#sub-view-ctrl .dv2 .list-s1 li.active a {font-weight: bold;}
#sub-view-ctrl #view-count {width: 100px; height: 32px; margin: 0 0 0 20px; border: 1px solid #a7a7a7; border-radius: 5px;}

#sub-result {margin: 60px 0 0 0;}
#sub-result ul {flex-wrap: wrap;}
#sub-result li {margin-bottom: 30px;}
#sub-result li:nth-child(4n + 1) {margin-left: 0;}
#sub-result .prd-info .icon-rank {display: none;}
/* #sub-result .prd-info .prd-name img {display: none;} */
.page_select {font-weight: bolder; color: #DB0055;}

/* 이벤트 */
#site-nav {display: flex; align-items: center; margin: 50px 0 0 0;}
#site-nav .txt-s1 {margin: 0 5px; font-size: 1.5rem; font-weight: bold;}
#event-menu .list-s1 {display: flex; align-items: center; margin: 60px 0 0 0;}
#event-menu li a {display: block; width: 320px; height: 50px; line-height: 50px; border: 1px solid #07689F; border-radius: 20px 20px 0 0; font-size: 1.7rem; text-align: center;}
#event-menu li.active a {background-color: #07689F; color: #fff;}

#event-content {margin: 50px 0 0 0; padding: 30px 0; border-top: 1px solid #0378AE;}
#event-content .list-s1 {display: flex; justify-content: space-between; flex-flow: wrap;}
#event-content .list-s1 li {position: relative; margin-bottom:30px;}
#event-content .list-s1 li div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-color: #646464; opacity: 0.8;}
#event-content .list-s1 li span {position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -80px; color: #fff; font-size: 3rem;}
#event-content .list-s1 img {width: 580px;}
#event-content .tablist {display: none;}
#event-content .tablist.active {display: block;}
#event-content #tab1 .cont1 {padding: 0 0 30px 0; border-bottom: 1px solid #0378AE; text-align:center;}
#event-content #tab1 .btn-ctrl {display: flex; justify-content: flex-end; align-items: center; margin: 30px 0 0 0;}
#event-content #tab1 .btn-ctrl .btn-s1 {width: 135px; height: 50px; line-height: 50px; background-color: #707070; border-radius: 10px; color: #fff; font-size: 1.7rem; text-align: center;}
#event-content #tab1 .cont2 {margin: 50px 0 0 0; padding: 20px; border: 1px solid #a7a7a7; border-radius: 20px;}
#event-content #tab1 .cont2 .txt-s1 {display: block; margin: 0 0 30px 0; font-size: 1.6rem;}
#event-content #tab1 .cont2 form {display: flex; align-items: center;}
#event-content #tab1 .cont2 textarea {width: 1000px; height: 65px; padding: 10px 20px; background-color: #D5E8F6; border: none; border-radius: 20px 0 0 20px; resize: none;}
#event-content #tab1 .cont2 .btn-s1 {width: 100px; height: 85px; background-color: #0378AE; border-radius: 0 20px 20px 0; border: none; color: #fff; font-size: 1.7rem; cursor: pointer;}

#event-content #tab1 .cont3 {margin: 50px 0 0 0; padding: 20px; border: 1px solid #a7a7a7; border-radius: 20px;}
#event-content #tab1 .cont3 .event-item {display: flex; margin: 30px 0; border-bottom: 1px solid #707070;}
#event-content #tab1 .cont3 .event-item .dv1 {display: flex; flex-direction: column; width: 1100px;}
#event-content #tab1 .cont3 .event-item .dv1 p:nth-child(2) {min-height: 80px; margin: 20px 0 0 0; font-size: 1.5rem;}
#event-content #tab1 .cont3 .event-item .dv1 p:nth-child(3) {margin: 10px 0; font-size: 1.5rem;}
#event-content #tab1 .cont3 .event-item .dv1 p:nth-child(3) .txt-s2 {display: inline-block; color: #a7a7a7;}
#event-content #tab1 .cont3 .event-item .dv1 p:nth-child(3) .txt-s3 {display: inline-block; margin: 0 0 0 20px; color: #0378AE; font-size: 1.5rem;}
#event-content #tab1 .cont3 .event-item .dv2 .btn-s1 {display: inline-block; width: 80px; height: 40px; line-height: 40px; background-color: #00A8CC; border-radius: 10px; color: #fff; text-align: center;}

/* 기획전 */
#plan-menu .list-s1 {display: flex; align-items: center; margin: 60px 0 0 0;}
#plan-menu li a {display: block; width: 320px; height: 50px; line-height: 50px; border: 1px solid #07689F; border-radius: 20px 20px 0 0; font-size: 1.7rem; text-align: center;}
#plan-menu li.active a {background-color: #07689F; color: #fff;}

#plan-content {margin: 50px 0 0 0; padding: 30px 0; border-top: 1px solid #0378AE;}
#plan-content .list-s1 {display: flex; flex-flow:wrap; justify-content: space-between;}
#plan-content .list-s1 li {position: relative; border: 1px solid #CBCBCB; margin-bottom:30px;}

#plan-content .list-s1 .cont-wrap {
	display:block;
	width:580px;
}

#plan-content .list-s1 li .cont1 {
	position: relative;
	min-height:373px;
}
#plan-content .list-s1 li .cont1 div {position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-color: #646464; opacity: 0.8;}
#plan-content .list-s1 li .cont1 span {position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -80px; color: #fff; font-size: 3rem;}
#plan-content .list-s1 li .cont2 {display: flex; justify-content: center; align-items: center; flex-direction: column;}
#plan-content .list-s1 li .cont2 .txt-s1 {margin: 20px 0 0 0; font-size: 2.8rem; font-weight: bold;}
#plan-content .list-s1 li .cont2 .txt-s2 {font-size: 2.2rem; }
#plan-content .list-s1 li .cont2 .txt-s3 {margin: 30px 0; color: #0F5298; font-size: 2rem;}
#plan-content .list-s1 img {width: 580px;}
#plan-content .tablist {display: none;}
#plan-content .tablist.active {display: block;}
.plan-page {margin: 50px 0 50px 0!important; position: relative; left: 50%; transform: translateX(-25%);}
.plan-text-s1 {display: block; width: 50%; font-size: 2.5rem; font-weight: bold; text-align: center; border: 1px solid #101010; border-radius: 25px; background-color: #101010; color: #fff; padding: 5px;}
.plan-text-s2 {display: block; width: 50%; font-size: 2.0rem; text-align: center;}
.plan-text-s3 {display: block; width: 50%; font-size: 1.7rem; text-align: center;}

/* 쿠폰존 */
#coupon-bnr {margin: 25px 0 30px 0;}
#coupon-list {padding: 30px 60px; border: 1px solid #dedede; border-radius: 10px;}
#coupon-list .cont1 {display: flex; justify-content: space-between; align-items: center;}
#coupon-list .cont1 .tit-s1 {font-size: 3.2rem;}
#coupon-list .cont1 .tit-s1 .txt-s1 {font-weight: bold;}
#coupon-list .cont1 .btn-ctrl {display: flex; align-items: center;}
#coupon-list .cont1 .btn-ctrl a {display: inline-block; width: 245px; height: 50px; line-height: 50px; border: 1px solid #00A8CC; border-radius: 10px; font-size: 2rem; font-weight: bold; text-align: center;}
#coupon-list .cont1 .btn-ctrl .btn-s1 {background-color: #00A8CC; color: #fff;}
#coupon-list .cont1 .btn-ctrl .btn-s2 {display: none; margin: 0 0 0 10px; color: #00A8CC;}
#coupon-list .cont2 {margin: 35px 0 0 0;}
#coupon-list .cont2 .tit-s1 {margin: 0 0 30px 0; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 2.4rem; font-weight: bold;}
#coupon-list .cont2 .list-s1 {display: flex; justify-content: space-between;}
#coupon-list .cont2 .list-s1 a {display: none; width: 320px; height: 58px; line-height: 58px; margin: 30px 0 20px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
background-color: #D5E8F6; border-radius: 10px; font-size: 2rem; font-weight: bold; text-align: center;}
#coupon-list .cont2 .list-s1 a img {margin: 0 0 0 5px; vertical-align: middle;}
#coupon-list .cont2 .list-s1 span {display: none; font-size: 1.4rem; text-align: center;}

#coupon-notice {display: flex; margin: 30px 0; padding: 30px 60px; border: 1px solid #dedede; border-radius: 10px;}
#coupon-notice .cont1 {width: 165px;}
#coupon-notice .cont1 img {float: left; margin: 0 5px 0 0;}
#coupon-notice .cont2 {width: 915px; color: #707070;}
#coupon-notice .cont2 p {margin: 0 0 10px 0; padding: 0 0 0 10px;}
#coupon-notice .cont2 .txt-s1 {color: #000; font-weight: bold;}

/* 베스트 */
#page-best {margin: 50px 0 0 0;}
.page-sub .tit-s1 {display: block; width: 100%; font-size: 3.5rem; font-weight: bold; text-align: center;}
.page-sub .list-s1 {display: flex; align-items: center; flex-wrap: wrap; width: 900px; margin: 30px auto;}
.page-sub .list-s1 li {
	width: 140px;
	height: 46px;
	line-height:46px;
	margin: 0 10px 10px 0;
}
.page-sub .list-s1 li a {
	position:relative;
	display: block;
	background-color: #eee;
	border: 1px solid #0F5298;
	border-radius: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	transition: .3s;
}
.page-sub .list-s1 li a:hover {
	color: #fff;
	background-color: #287eb7ab;
}
.page-sub .list-s1 li a::after {
	content: '';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:10%;
	border-radius: 10px;
	background-color: #287eb7ab;
	transition: .3s;
}
.page-sub .list-s1 li a:hover::after {
	width:100%;
}
.page-sub .list-s1 li.active a {background-color: #3282B7; color: #fff;}

#page-result {margin: 60px 0 0 0;}
#page-result ul {flex-wrap: wrap; width: 1200px;}
#page-result li {margin-bottom: 30px;}
#page-result li:nth-child(4n + 1) {margin-left: 0;}
#page-result .prd-info .icon-rank {display: none;}

#page-result .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 60px 0;}
#page-result .btn-ctrl .btn-s1 {width: 600px; height: 50px; line-height: 50px; background-color: #eee; border: 1px solid #0f5298; border-radius: 10px; font-size: 1.7rem; font-weight: bold; text-align: center;}
#page-result .btn-ctrl .btn-s1 img {width: 14px; height: 14px; margin: 0 0 0 10px;}

#page-result .btn-ctrl a.btn_more {
	display:block;
	color:#000;
}

/* 상품문의작성 */
#product-ask {width: 600px; margin: 0 auto; background-color: #EEE; border: 1px solid #707070;}
#product-ask .tit-s1 {display: flex; align-items: center; height: 70px; background-color: #0378AE; color: #FFF; font-size: 2.4rem; text-indent: 30px;}
#product-ask .cont1 {padding: 30px;}
#product-ask .cont1 table {width: 100%; border-spacing: 0; border-top: 2px solid #0e4c75; border-bottom: 2px solid #0e4c75;}
#product-ask .cont1 table tr:nth-child(1) th, #product-ask .cont1 table tr:nth-child(1) td {border-top: none;}
#product-ask .cont1 table th {width: 100px; border-top: 1px solid #a7a7a7; font-weight: normal;}
#product-ask .cont1 table td { padding: 20px; background-color: #fff; border-top: 1px solid #a7a7a7;}
#product-ask .cont1 table label {margin: 0 10px 0 0; cursor: pointer;}
#product-ask .cont1 input[type="text"] {width: 100%; height: 35px; border: 1px solid #a7a7a7; border-radius: 8px; text-indent: 10px;}
#product-ask .cont1 input[type="radio"] {margin: -3px 5px 0 0; vertical-align: middle;}
#product-ask .cont1 textarea {width: calc(100% - 20px); padding: 0 10px; border: 1px solid #a7a7a7; border-radius: 8px; resize: none;}

#product-ask .cont1 .dv2 {width: 520px; margin: 50px auto; color: #92979B; font-size: 1.3rem;}
#product-ask .cont1 .dv2 span {display: block;}
#product-ask .cont1 .dv2 p {margin: 0 0 40px 0;}

#product-ask .btn-ctrl {display: flex; justify-content: center; align-items: center;}
#product-ask .btn-ctrl .btn-s1 {width: 200px; height: 50px; line-height: 50px; margin: 0 5px 0 0; background-color: #0378AE; border: 1px solid #0378AE; border-radius: 8px; color: #FFF; font-size: 1.6rem;}
#product-ask .btn-ctrl .btn-s2 {width: 200px; height: 50px; line-height: 50px; background-color: #A7A7A7; border: 1px solid #A7A7A7; border-radius: 8px; color: #FFF; font-size: 1.6rem; text-align: center;}

/* 쿠폰조회 및 적용 */
#coupon-ctrl {width: 810px; margin: 0 auto; background-color: #EEE; border: 1px solid #707070;}
#coupon-ctrl .tit-s1 {display: flex; align-items: center; height: 70px; background-color: #0378AE; color: #FFF; font-size: 2.4rem; text-indent: 30px;}
#coupon-ctrl .tit-s1 .txt-s1 {display: inline-block; margin: 0 0 0 10px; font-size: 1.4rem;}

#coupon-ctrl .cont1 {padding: 30px;}
#coupon-ctrl .cont1 .coupon-select {display: flex; justify-content: center; align-items: center; margin: 10px 0 30px 0; font-size: 1.5rem;}
#coupon-ctrl .cont1 .coupon-select label {margin: 0 10px 0 5px; cursor: pointer;}
#coupon-ctrl .cont1 .coupon-info { height: 100%; background-color: #fff; border: 1px solid #a7a7a7; border-radius: 10px;}

#coupon-ctrl .cont1 .coupon-info .dv1 {display: flex; text-align: center; padding: 10px; border-bottom: 1px solid #a7a7a7; font-weight:700; font-size: 2.0rem; }
#coupon-ctrl .cont1 .coupon-info .dv1 .txt-s1 { margin:0 auto; }
#coupon-ctrl .cont1 .coupon-info .dv2 {display: flex; align-items: center; padding: 10px;}
#coupon-ctrl .cont1 .coupon-info .dv2 .txt-s3 {width: 100px; margin: -30px 0 0 0; color: #07689F; font-size: 1.8rem; font-weight: bold;}
#coupon-ctrl .cont1 .coupon-info .dv2 select {width: 620px; height: 50px; border: 1px solid #a7a7a7; border-radius: 10px; font-size: 1.8rem;}
/*
#coupon-ctrl .cont1 .coupon-info .dv1 {display: flex; align-items: center; height: 70px; padding: 10px; border-bottom: 1px solid #a7a7a7;}
#coupon-ctrl .cont1 .coupon-info .dv1 .txt-s1 {display: inline-block; width: 90%; color: #414141; font-size: 1.6rem;}
#coupon-ctrl .cont1 .coupon-info .dv1 .txt-s2 {margin: 30px 0 0 0; font-size: 1.8rem; font-weight: bold;}
#coupon-ctrl .cont1 .coupon-info .dv2 {display: flex; align-items: center; height: 70px; padding: 10px;}
#coupon-ctrl .cont1 .coupon-info .dv2 .txt-s3 {width: 100px; margin: -30px 0 0 0; color: #07689F; font-size: 1.8rem; font-weight: bold;}
#coupon-ctrl .cont1 .coupon-info .dv2 select {width: 620px; height: 50px; border: 1px solid #a7a7a7; border-radius: 10px; font-size: 1.8rem;}
*/

#coupon-ctrl .coupon-total {margin: 30px 0 0 0;}
#coupon-ctrl .coupon-total .list-s1 {display: flex; border-radius: 20px;}
#coupon-ctrl .coupon-total .list-s1 li {position: relative; width: 33%; padding: 0 30px; background-color: #D5E8F6; color: #002050; font-size: 1.3rem;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(1) {padding: 0 0 0 30px; border-radius: 20px 0 0 20px;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(2) {padding: 0 30px 0 0;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(3) {width: 34%; background-color: #f6f6f6; border-radius: 0 20px 20px 0;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(3) .dv1 dd {color: #E22757;}
#coupon-ctrl .coupon-total .list-s1 li dl {display: flex; justify-content: space-between; align-items: center;}

#coupon-ctrl .coupon-total .list-s1 .dv1 {height: 90px; line-height: 90px; color: #002050; /*border-bottom: 1px solid #fff;*/}
#coupon-ctrl .coupon-total .list-s1 .dv1 dt {font-size: 1.5rem; font-weight: bold;}
#coupon-ctrl .coupon-total .list-s1 .dv1 dd {font-size: 2rem; font-weight: bold;}
#coupon-ctrl .coupon-total .list-s1 .dv2 {height: 150px;}
#coupon-ctrl .coupon-total .list-s1 .dv2 dl {height: 50%;}
#coupon-ctrl .coupon-total .list-s1 .ico-s1 {width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center;}

#coupon-ctrl .coupon-total .list-s1 li:nth-child(1) dd {padding: 0 50px 0 0;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(2) dt {padding: 0 0 0 25px;}
/*#coupon-ctrl .coupon-total .list-s1 li:nth-child(3) .dv1 {border-bottom: 1px solid #d5d5d5;}*/
#coupon-ctrl .coupon-total .list-s1 li:nth-child(1) .ico-s1 {position: absolute; right: -18px; top: 28px; background-color: #fff; font-size: 2.5rem; z-index: 2;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(2) .ico-s1 {position: absolute; right: -18px; top: 28px; background-color: #fff; font-size: 2.5rem; z-index: 2;}
#coupon-ctrl .coupon-total .list-s1 li:nth-child(3) .ico-s1 {display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #07689F; color: #fff;}

#coupon-ctrl .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 40px 0 10px 0;}
#coupon-ctrl .btn-ctrl a {display: inline-block; width: 180px; height: 55px; line-height: 55px; border-radius: 10px; font-size: 1.8rem; font-weight: bold; text-align: center;}
#coupon-ctrl .btn-ctrl .btn-s1 {background-color: #0378AE; color: #fff;}
#coupon-ctrl .btn-ctrl .btn-s2 {margin: 0 0 0 10px; background-color: #DEDEDE; color: #002236;}

/* 고객센터 */
.svc-info {display: flex; }
.svc-info .cont1 {width: 350px; height: 96px; padding: 20px 10px; background-color: #F6F4F4; border-radius: 10px;}
.svc-info .cont1 .dv1 {display: flex; justify-content: center; }
.svc-info .cont1 .dv1 .txt-s1 {display: inline-block; margin: 0 20px 0 0; font-size: 2.6rem; font-weight: bold;}
.svc-info .cont1 .dv1 .txt-s2 {display: block; color: #5F5F5F; font-size: 1.5rem;}
.svc-info .cont1 .dv2 {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.svc-info .cont1 .dv2 .txt-s1 {color: #E22757; font-size: 3.4rem; font-weight: bold;}
.svc-info .cont1 .dv2 .txt-s2 {color: #5F5F5F; font-size: 1.5rem;}
.svc-info .cont1 .dv2 img {vertical-align: middle;}

.svc-info .cont2 {width: 215px; height: 96px; margin: 0 10px; padding: 20px; background-color: #E5F1F9; border-radius: 10px;}
.svc-info .cont2 .dv1 {font-size: 2.4rem; text-align: center;}
.svc-info .cont2 .dv1 .txt-s1 {color: #07689F; font-weight: bold;}
.svc-info .cont2 .dv1 .txt-s2 {margin: 0 10px; color: #5F5F5F;}
.svc-info .cont2 .dv2 {margin: 10px 0 0 0;}
.svc-info .cont2 .dv2 span {display: block; text-align: center;}

.svc-info .cont3 {/*width: 215px;*/ height: 96px; padding: 20px; background-color: #F8EFDD; border-radius: 10px;}
.svc-info .cont3 .txt-s1 {padding: 10px; background-color: #381E1F; border-radius: 20px; color: #FEE101; }
.svc-info .cont3 p {margin: 15px 0 0 0;}

.svc-customer .svc-notice {position: relative; margin: 30px 0 0 0;}
.svc-customer .svc-notice .btn-more {position: absolute; right: 10px; top: 30px; color: #07689F; font-weight: bold;}
.svc-customer .svc-faq {margin: 30px 0 0 0;}

/* 페이징 */
.list_paging img{width:30px !important; height:30px !important;}

/* 상품페이지 탭메뉴 */
.ptabmenu .tab-cont{display:none;}
.current{display: block!important;}

/* 1:1문의 탭메뉴 */
/*
.myqna-show-qna {display: none;}
*/
.qna-tb .active{display: table-row!important;}

/* 리뷰 표시 */
.prd-vote-info{display: flex; justify-content: space-between; align-items: center; height: 24px; margin: 10px 0 0 0; font-size: 1.2rem; font-weight: bold;}

/* 라이브 커머스 페이지 */
.live_clr {
	clear:both;
}

/* 공통 */
#live-area .common-wrap {display: grid; justify-content: center; position: relative; padding: 30px 0;}
#live-tit {display: flex; align-items: center; height: 30px; line-height: 30px; margin: 0 0 2px 0; font-size: 1.6rem;}
/*#live-area .live-image img {width: 250px; height: 400px;}*/
.icon-s1 {display: flex;}
.icon-s1 img {width:20px; height:20px; margin: 5px 5px;}

/*
.live-image {
	width: 250px;
	height: 400px;
}
.live-image img {
	width: 250px;
	height: 400px;
	border-radius:25px;
}
.blank_img {
	width: 250px;
	height: 400px;
	border-radius:25px;
	background:#efefef;
}
*/

a.live_a {
	position:relative;
	display:block;
}
a.cal_a {
	position:relative;
	display:inline-block;
}


.icons {
	margin:10px 0;
}
.icons img {
	width:20px;
	height:20px;
	display:inline;
}
.icons > a {
	margin-right:5px;
}

.icons .bell_add {
	display:none;
}
.icons .alram_ck .bell {
	display:none;
}
.icons .alram_ck .bell_add {
	display:inline-block;
}

/*
.icons img {
	width:20px;
	height:20px;
	padding:5px 0;
	margin-right:5px;
	display:inline;
}
*/


.live-image {
	width: 270px;
	height: 400px;
}

.live-image img {
	border-radius:20px;
}
.blank_img {
	border-radius:25px;
	background:#efefef;
}


/* goods 사진 */
.live_prd_btn span {
	
}

/* goods 사진2 */
.live_prd_btn .goodsImg {
	display: inline-block;
	width:64px;
	overflow:hidden;
	border-radius: 36px 0 0 36px;
}

.live_prd_btn .goodsImg img {
	height:100%;
}

.live_prd_btn{
	display:flex;
	height:72px;
	position: absolute;
	bottom: 10px;
	left: 0px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 36px;
	margin:0 10px;
	padding:0;
	width:calc(100% - 20px);
}

.live_prd_btn .goodsTxt {
	display:inline-block;
	width: 176px;
	box-sizing: border-box;
	padding:15px 20px 0px 10px;
	color: #fff;
}

.live_prd_btn .goodsTxt p {
	font-size:13px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.live_prd_btn .goodsTxt div {
	display:flex;
	justify-content:space-between;
	margin-top:5px;
}

.live_prd_btn .goodsTxt div span {
	font-size:12px;
}

.live_prd_btn strong.dc font{
	font-size: 14px !important;
}

.live-form-txt {
	padding: 10px 0 0 5px;
}

/* 쿠폰, 장바구니 */
.live_coupon,
.live_basket {
	width:40px;
	height:40px;
	cursor:pointer;
	border:2px solid #fff;
	background:#fff;
	border-radius:22px;
}
.live_coupon:hover,
.live_basket:hover {
	border:2px solid #e00;
}

.live_coupon {
	position:absolute;
	right:20px;
	top:220px;
}
.live_basket {
	position:absolute;
	right:20px;
	top:270px;
}
.live_coupon img,
.live_basket img {
	width:100%;
}

.live-fixed {
	display:none;
}
.live-opt-close {
	position: absolute;
	right: 28px;
	top: 14px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.live-opt-close img {
	width:100%;
}

.fixed_title {
	padding:10px 0;
	color:#404040;
	font-size: 1.6rem;
	border-bottom:1px solid #c5c5c5;
	text-align:center;
}
.fixed_title .bora {
	color:#7001a7;
}

.fixed_goods {
	padding:0 25px 10px 25px;
	height:620px;
	overflow:auto;
	text-align:left;
}
.fixed_goods li {
	position:relative;
	padding:19px 0;
	border-bottom:1px solid #707070;
}
.fixed_goods .fg_img  {
	float:left;
	width:100px;
	height:100px;
}
.fixed_goods .fg_img img {
	width:100%;
	height:100%;
	border-radius:20px;
}
.fixed_goods .fg_txt {
	float:left;
	width:calc(99.9% - 140px);
	margin-left:10px;
}

.fgt_title {
	font-size: 1.8rem;
	color:#585858;
	margin-bottom:18px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.fgt_oprice {
	font-size: 1.4rem;
	color:#818181;
}
.fgt_price {
}
.fgt_price .fper {
	color:#e22757;
	font-size: 1.4rem;
	font-weight:700;
	margin-right:5px;
}
.fgt_price .fprice {
	color:#000;
	font-size: 1.4rem;
	font-weight:700;
	margin-right:5px;
}
.fgt_price .fmsg {
	color:#7001a7;
	font-size: 1.2rem;
	font-weight:700;
	padding:3px 7px;
	border:1px solid #7001a7;
	border-radius:12px;
}

.fixed_goods .gheart {
	position:absolute;
	right:0;
	bottom:17px;
	width:30px;
}
.fixed_goods .gheart a {
	display:block;
}
.fixed_goods .gheart a img {
	width:100%;
}


.fixed_coupon {
	padding: 0 0 40px 0;
	height:550px;
	overflow:auto;
}
.fc_title {
	padding:19px 0;
	color:#707070;
	font-size: 1.6rem;
	text-align:center;
}

.fixed_coupon ul {
	width:360px;
	margin:0 auto;
}
.fixed_coupon ul li {
	margin-bottom:20px;
}
.coupon_info {
	float:left;
	width:calc(64% - 4px);
	padding:0 5.5%;
	border:2px solid #e4e4e4;
	border-radius:10px;
	height:150px;
}
.coupon_down {
	display:block;
	float:left;
	width:calc(25% - 5px);
	border:2px solid #e4e4e4;
	background:#e4e4e4;
	border-radius:10px;
	height:150px;
}

.ci_title {
	color:#202020;
	font-size: 1.6rem;
	font-weight:700;
	margin-top:15px;
	margin-bottom:5px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ci_dprice {
	color:#7001a7;
	font-size: 2.8rem;
	font-weight:700;
	margin-bottom:5px;
}
.ci_condit {
	color:#707070;
	font-size: 1.4rem;
	margin-bottom:2px;
}
.ci_vaild {
	color:#404040;
	font-size: 1.4rem;
}

.cd_txt {
	color:#959595;
	padding-top:80px;
	text-align:center;
	background:url('/images/ico_down.png') no-repeat center bottom 45px;
	background-size: 45px;
}

.coupon_all_class {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background:#000;
	font-size: 1.6rem;
	cursor:pointer;
}
/*
.cd_txt {
	color:#959595;
	padding-top:88px;
	text-align:center;
	background:url('/images/ico_down.png') no-repeat center bottom 25px;
	background-size: 45px;
}


.coupon_all {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background:#000;
	font-size: 1.6rem;
	cursor:pointer;
}
*/

/* 지금 라이브중 */
.live-list-area .live-image img,
.live-list-area .blank_img {
	width: 270px;
	height: 400px;
}

.live-list-area .live-gray {
	position: absolute;
	left:0;
	top:0;
	width: 270px;
	height: 400px;
	border-radius:25px;
	background:rgba(0,0,0,0.1);
}

.live-list-area #live_btn02 {position: absolute; background-color: #7001a7; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-list-area #live_btn01 {background: rgba(0, 0, 0, 0.2); color: #fff; width: 170px; height: 30px; line-height: 30px; border-radius: 30px; text-align: right; padding-right: 20px; top: 10px; position: absolute;}

.live-list-area .live_btn02 {display:inline-block; background-color: #7001a7; color: #fff; width: 70px; height: 30px; margin-right:20px; border-radius: 30px; text-align: center;}
.live-list-area .live_btn01 {background: rgba(0, 0, 0, 0.2); color: #fff; width: 190px; height: 30px; line-height: 30px; border-radius: 30px; top: 10px; left:15px; position: absolute;}

/*
.live-list-area .live_prd_btn{
	position: absolute;
	bottom: 20px;
	left: 0px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 30px;
	margin:0 10px;
	padding:0;
	width:calc(100% - 20px);
}
.live-list-area .live_prd_btn .goodsTxt {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:15px 20px 15px 80px;
	text-align:right;
	font-size: 1.3rem;
	color: #fff;
	line-height:165%;
}
.live-list-area .live_prd_btn strong.dc {
	position: absolute;
	top: 34px;
	left: 90px;
	color: #f00;
	font-size: 1.5rem;
	font-weight:700;
}

.live-list-area .title {color: #5f5f5f; font-size: 1.6rem; font-weight: bold;}

.live-list-area .cpTitle {color: #cc0000; font-size: 1.6rem; }
.live-list-area .title {color: #5f5f5f; font-size: 1.6rem; }
*/

.live-list-area .live_prd_btn b {color: red; margin-right: 52px; font-size: 1.5rem;}
.live-list-area #live-tit {color: #7001a7; font-size: 2rem; font-weight: bold; padding: 15px 0 15px 0;}

.live-list-area .cpTitle {color: #cc0000; font-size: 1.5rem; }
.live-list-area .title {color: #DB0055; font-size: 14px; }
.live-list-area .subtitle {color:#434242; font-size:14px; margin-top:15px;}
.live-list-area .siteID {color: #5f5f5f; font-weight: bold;}

.live-list-area .play-btn {
	position:absolute;
	left:50%;
	top:50%;
	font-size:24px;
	transform: translate(-50%, -50%);
	text-shadow: 2px 2px 2px gray;
}
.live-list-area .play-btn .live-top-date {
	color:#fff;
	/*font-size: 18px;*/
	font-weight: bold;
	text-align:center;
}
.live-list-area .play-btn .live-top-time {
	color:#fff;
	/*font-size: 28px;*/
	font-weight: bold;
	text-align:center;
}

.live-profile .profile-img-box {
	width:32px;
	height:32px;
	display:inline-block;
	overflow: hidden;
	border-radius: 50%;
	margin-right:5px;
	vertical-align: middle;
}

.live-profile .profile-img-box img {
	width:32px;
	height:32px;
	object-fit: cover;
}

.live-profile .profile-name {
	font-size:14px;
	color:#434242;
}

.live-profile .host-icon img {
	display:inline-block;
	margin-left:5px;
	vertical-align: sub;
}

/*
.live-list-area .kakao-alarm {
	display: inline-block;
	border: 1px solid #03396a;
	border-radius: 50%;
	padding: 2px 3px 4px 3px;
	width: 15px;
	height: 15px;
}
.live-list-area .kakao-alarm img {
	width: 15px;
	height: 15px;
	padding:0;
}
*/


/*
.live-list-area .live_prd_btn{position: absolute; bottom: 100px; width: 71%; text-align: right; background: rgba(0, 0, 0, 0.3); border-radius: 30px; padding: 10px 20px 10px 20px; left: 5px; font-size: 1.3rem; color: #fff;}
.live-list-area .live_prd_btn span {
	background-repeat:no-repeat;
	background-size:100%;
	width: 70px;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 30px 0 0 30px;
}
.live-list-area .live_prd_btn span {background: rgba(0, 0, 0, 1); width: 70px; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 30px 0 0 30px;}
.live-list-area .live-image img,
.live-list-area .blank_img {
	width: 250px;
	height: 400px;
}
*/




/* 라이브 캘린더 */
/* 달력 */
.live-calendar-area table{width: 92%; background: #e2f3ff; padding: 20px; border-radius: 20px;}
.live-calendar-area table th { font-weight: 100; width: 50px; height: 50px;}
.live-calendar-area table .active1 {color: #7001a7;}
.live-calendar-area table .active2 {color: #fff; background: #7001a7; border-radius: 100%; padding ;}


/* 라이브 캘린더 - 라이브 리스트 */
/*
.live-calendar-area #calendar-form {width: 49%; display: inline-flex; position: relative; margin-top: 50px;}
.live-calendar-area .live_prd_btn{position: absolute; bottom: 20px; width: 34%; text-align: right; background: rgba(0, 0, 0, 0.3); border-radius: 30px; padding: 10px 20px 10px 20px; left: 5px; font-size: 1.3rem; color: #fff;}
.live-calendar-area .live_prd_btn span {background: rgba(0, 0, 0, 1); width: 70px; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 30px 0 0 30px;}
*/


.live-calendar-area #calendar-form li {width: 49%; display: inline-flex; position: relative; margin-top: 50px; }

.live-calendar-area .live_prd_btn b {color: red; margin-right: 52px; font-size: 1.5rem;}
.live-calendar-area #live_btn02 {position: absolute; background-color: #7001a7; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-calendar-area #live_btn01 {top: 10px; position: absolute;}

.live-calendar-area .live_prd_btn.null  {
	width: 40%;
	height:60px;
}
.live-calendar-area .live_btn02 {position: absolute; background-color: #7001a7; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 10px; display: block;}
.live-calendar-area .live_btn01 {top: 10px; position: absolute;}

/*
.live-calendar-area .title {font-size: 1.4rem; color: #5f5f5f; font-weight: bold;}
*/
.live-calendar-area .cpTitle {
	font-size: 1.4rem;
	color: #07689f;
}
.live-calendar-area .title {font-size: 1.4rem; color: #DB0055; }
.live-calendar-area .delivery-txt {color: #07689f;}
.live-calendar-area .siteID {color: #acacac; font-weight: bold;}
.live-calendar-area .live_time {color: #4E4E4E; font-size: 2.8rem; font-weight: bold; letter-spacing: 3px; margin-top: 20px!important;}
.live-calendar-area .kakao-alarm {margin-top: 10px; padding: 5px; border: 1px solid #07689f; border-radius: 20px; color: #07689f; width: 90px; text-align: center; display: inline-flex; justify-content: center;}
.live-calendar-area .kakao-alarm img {width: 20px; height: 20px;}
.live-calendar-area #calendar-form-txt{padding-left: 20px; display: inline-grid; align-self: center;}
.live-calendar-area #calendar-form-txt span{margin-top: 10px;}

.live-calendar-area .bell_add {
	display:none;
}
.live-calendar-area .alram_ck .bell {
	display:none;
}
.live-calendar-area .alram_ck .bell_add {
	display:inline-block;
}

/*
.alram_ck {
	background:#97bfd2;
}
.alram_ck {
	background:#4ea0c6;
	background:#aaa;
}
*/

.live-calendar-area .live-image img,
.live-calendar-area .blank_img {
	width: 270px;
	height: 400px;
}
/*
.live-calendar-area .live-image img,
.live-calendar-area .blank_img {
	width: 250px;
	height: 400px;
}
*/

/* 빈 페이지 */
.live-calendar-area .title.null { width:140px; height:20px; background:#5f5f5f; }
.live-calendar-area .delivery-txt.null { width:95px; height:20px; background: #07689f;}
.live-calendar-area .siteID.null { width:70px; height:20px; background: #acacac; }
.live-calendar-area .live_time.null { width:90px; height:40px; background: #4E4E4E; }

.live-calendar-area .calendar-form-txt{padding-left: 20px; display: inline-grid; align-self: center;}
.live-calendar-area .calendar-form-txt span{
	margin-top: 10px;
	display:block;
}

.live-calendar-area .btn-ctrl {display: flex; justify-content: center; align-items: center; margin: 60px 0;}
.live-calendar-area .btn-s1 {width: 200px; height: 50px; line-height: 50px; background-color: #eee; border: 1px solid #0f5298; border-radius: 100px; font-size: 1.7rem; font-weight: bold; text-align: center;}
.live-calendar-area .btn-s1 img {width: 14px; height: 14px; margin: 0 0 0 10px;}




/* 시청수 TOP10 */
.live-pageview-top10-area {
	background: #f9f9f9;
	border-radius: 30px;
	margin-top: 50px;
	padding-top: 50px; 
}
.live-pageview-top10-area #live_btn02 {position: absolute; background-color: #7001a7; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-pageview-top10-area #live_btn01 {background: #81ccf6; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 10px; text-align: center; margin-left: 10px; top: 10px; position: absolute; font-weight: bold;}

.live-pageview-top10-area .live_btn02 {position: absolute; background-color: #7001a7; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-pageview-top10-area .live_btn01 {background: #81ccf6; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 10px; text-align: center; margin-left: 10px; top: 10px; position: absolute; font-weight: bold;}

/*
.live-pageview-top10-area {background: #f9f9f9; border-radius: 30px; padding-top: 50px; margin-top: 50px;}
.live-pageview-top10-area .live_prd_btn{position: absolute; bottom: 100px; width: 68%; text-align: right; background: rgba(0, 0, 0, 0.3); border-radius: 30px; padding: 10px 20px 10px 20px; left: 5px; font-size: 1.3rem; color: #fff;}
.live-pageview-top10-area .live_prd_btn span {background: rgba(0, 0, 0, 1); width: 70px; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 30px 0 0 30px;}
*/
.live-pageview-top10-area .live_prd_btn b {color: red; margin-right: 18px; font-size: 1.5rem;}
.live-pageview-top10-area #live-tit2 {color: #101010; font-size: 2rem; font-weight: bold; padding: 15px 0 15px 0; text-align: center;}
.live-pageview-top10-area .title {color: #DB0055; font-size: 16px;}
.live-pageview-top10-area .subtitle {color: #434242; font-size: 14px; margin-top: 15px;}
.live-pageview-top10-area .siteID {color: #5f5f5f; font-weight: bold;}
.live-pageview-top10-area .live-image img,
.live-pageview-top10-area .blank_img {
	width: 270px;
	height: 400px;
}
/*
.live-pageview-top10-area .live-image img,
.live-pageview-top10-area .blank_img {
	width: 220px;
	height: 340px;
}
.live-pageview-top10-area .live-image img {width: 220px!important; height: 340px!important;}
*/


/* 구매수 TOP10 */
.live-prbuy-top10-area {
	background: #f9f9f9;
	border-radius: 30px;
	margin-top: 50px;
	padding-top: 50px;
}
.live-prbuy-top10-area #live_btn02 {position: absolute; background-color: #b509e0; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-prbuy-top10-area #live_btn01 {background: #81ccf6; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 10px; text-align: center; margin-left: 10px; top: 10px; position: absolute; font-weight: bold;}

.live-prbuy-top10-area .live_btn02 {position: absolute; background-color: #b509e0; color: #fff; width: 70px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; left: 0; display: block;}
.live-prbuy-top10-area .live_btn01 {background: #81ccf6; color: #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 10px; text-align: center; margin-left: 10px; top: 10px; position: absolute; font-weight: bold;}

/*
.live-prbuy-top10-area {background: #f9f9f9; border-radius: 30px; padding-top: 50px; margin-top: 50px;}
.live-prbuy-top10-area .live_prd_btn{position: absolute; bottom: 100px; width: 68%; text-align: right; background: rgba(0, 0, 0, 0.3); border-radius: 30px; padding: 10px 20px 10px 20px; left: 5px; font-size: 1.3rem; color: #fff;}
*/
/*.live-prbuy-top10-area .live_prd_btn span {background: rgba(0, 0, 0, 1); width: 70px; display: block; height: 100%; position: absolute; top: 0; left: 0; border-radius: 30px 0 0 30px;}*/
.live-prbuy-top10-area .live_prd_btn b {color: red; margin-right: 18px; font-size: 1.5rem;}
.live-prbuy-top10-area #live-tit3 {color: #101010; font-size: 2rem; font-weight: bold; padding: 15px 0 15px 0; text-align: center;}
.live-prbuy-top10-area .title {color: #DB0055; font-size: 16px; }
.live-prbuy-top10-area .subtitle {color:#434242; font-size:14px; margin-top:15px;}
.live-prbuy-top10-area .siteID {color: #5f5f5f; font-weight: bold;}
.live-prbuy-top10-area .live-image img,
.live-prbuy-top10-area .blank_img {
	width: 270px;
	height: 400px;
}
/*
.live-prbuy-top10-area .live-image img,
.live-prbuy-top10-area .blank_img {
	width: 220px;
	height: 340px;
}
.live-prbuy-top10-area .live-image img {width: 220px!important; height: 340px!important;}
*/

.live_loading {
	text-align:center;
	padding:50px 0px 50px 0px;
}
.live_loader_img {
	width:70px;
	margin:0 auto;
}



/* 라이브 스트리밍 페이지 */
.livestream-wrap .product-list .prd-info {padding: 10px;}

.livestream-wrap #live-title {text-align: center; font-size: 2.2rem; font-weight: bold; margin: 20px 0;}
#live-stream-prdname {text-overflow: ellipsis; width: 100px; white-space: nowrap; overflow: hidden; display: block;}
#live-stream-discount {font-weight: bold; color: #E22757;}
#live-stream-price {font-weight: bold; color: #414342;}



/* 기프티몰 메인 */
#gsite-nav {display: flex; align-items: center; margin: 50px 0 30px 0;}
.gift-nav .list-s1 {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin-top: 50px;
}
.gift-nav .list-s1 li {
	width: 135px;
	height: 135px;
	margin: 0 10px 10px 10px;
	align-self: center;
	border: 1px solid #CBCBCB;
	border-radius: 50%;
}
.gift-nav .list-s1 li._active {
	border: 3px solid #357dce;
}
.gift-nav .list-s1 li>a {display: block; width: 135px; font-size: 1.5rem; font-weight: bold; text-align: center; position: relative; top: 50%; transform: translateY(-50%);}


.gift-nav .list-s2 {display: flex; justify-content: center; flex-wrap: wrap;}
.gift-nav .list-s2 li {
	width: 135px;
	height: 135px;
	margin: 0 10px 10px 10px; 
	align-self: center;
	border: 1px solid #CBCBCB;
	border-radius: 50%;
}
.gift-nav .list-s2 li._active {
	border: 3px solid #357dce;
}
.gift-nav .list-s2 li>a {display: block; width: 135px; font-size: 1.5rem; font-weight: bold; text-align: center; position: relative; top: 50%; transform: translateY(-50%);}
.gift-line {background: #CBCBCB; width: 100%; height: 1px; margin: 50px 0;}
.gift-nav .gift_main_icon {background-repeat: no-repeat; background-size: contain; background-position:center; padding-bottom: calc(100% - 80px);}
.gift-nav .gift_sub_icon {background-repeat: no-repeat; background-size: contain; background-position:center; padding-bottom: calc(100% - 60px);}
.gift-nav .gift_main {font-size: 1.3rem;}
/*
.gift-nav .gift_sub_icon {background-repeat: no-repeat; background-size: contain; background-position:center; padding-bottom: calc(100% - 100px);}
*/


.gift-tit {border-bottom: 1px solid rgba(0,0,0,0.16); margin: 30px 0 0 0; padding: 30px 0;}
#gift-tit-r {color: #1A508C; font-size: 3rem; margin-right: 10px;}
.gift-prd-info {width: 282px; border: 1px solid #CBCBCB; border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 5px rgb(0 0 0 / 5%);}
.gift-prd-info .prd-name, .gift-prd-info .prd-desc {padding: 0 10px;}
.gift-prd-info .prd-price-info {padding: 0 10px 10px 10px;}
.gift-prd-price-new{font-size: 2.4rem; color: #434242; font-weight: 100;}

#catepage .gift-tit {font-size: 2.4rem!important;}

/* 기프티몰 상품페이지 */
.gift-gds-info {display: flex; justify-content: space-between; margin: 40px 0 0 0; border: 1px solid rgba(0,0,0,0.16); border-radius: 10px; overflow: hidden;}
.gift-gds-info .gift-gds-img .gift-gds-img-main img {width: 342px; height: 342px; margin: 20px;}
/* .gds-info .gds-img .list-s1 {display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0;} */
/* .gds-info .gds-img .list-s1 li {margin: 0 5px;} */
.gift-gds-info .gift-gds-img .list-s1 li {margin: 0 5px 0 0;}
.gift-gds-info .gift-gds-img .list-s1 img {width: 70px; height: 70px;}

.gift-gds-desc {width: 800px; display: flex;}
.gift-gds-box:nth-child(1) {border-right: 1px solid rgba(0,0,0,0.16); width: 480px;}
.gift-gds-box:nth-child(2) {margin: auto; padding: 10px;}
.gift-gds-desc .gift-gds-name {position: relative; font-size: 1.5rem; margin-top: 60px;}
.gift-gds-desc .gift-gds-name .btn-s1 {position: absolute; right: 40px; top: 0;}
.gift-gds-desc .gift-gds-name .btn-s2 {position: absolute; right: 0; top: 0;}
.gift-gds-desc .gift-gds-tit {margin: 5px 0 10px 0; font-size: 2.4rem;}
.gift-gds-desc .gift-gds-vote {display: flex;}
.gift-gds-desc .gift-gds-star img {width: 20px; height: 20px;}
.gift-gds-desc .gift-gds-review {color: #5F5F5F; font-size: 1.4rem;}
.gift-gds-desc .gift-gds-review .txt-c1 {margin: 0 0 0 10px; color: #E22757; font-size: 1.5rem;}

.gift-gds-desc .gift-gds-price {margin: 5px 0 20px 0;}
.gift-gds-desc .price-rate {color: #E22757; font-size: 2.4rem; font-weight: bold;}
.gift-gds-desc .price-new {margin: 0 20px; color: #E22757; font-size: 2.4rem; font-weight: bold;}
.gift-gds-desc .price-old {color: #706e6e; font-size: 1.6rem; text-decoration: line-through;}

.gift-gds-desc .gift-gds-price2 {margin-top: 5px}
.gift-gds-desc .gds-games {
	color:#4ea0c6;
	font-size:1.5rem;
	margin-bottom:20px;
}
.gift-gds-desc .gds-unit {
	color: #E22757;
	font-size: 2.4rem;
	font-weight: bold;
	margin-right:10px;
}

.gift-gds-desc .gift-gds-adtinfo dl {display: flex; margin: 10px 0 0 0;}
.gift-gds-desc .gift-gds-adtinfo dt {font-size: 1.5rem; font-weight: bold; align-self: center; margin: 0px 10px;}
.gift-gds-desc .gift-gds-adtinfo dd {color: #6D6D6D; font-size: 1.5rem; align-self: center;}
.gift-gds-desc .gift-gds-adtinfo .btn-s1 {width: 90px; height: 25px; margin: 0 0 0 10px; padding: 4px 13px 5px 13px; border: 1px solid #0f5298; border-radius: 18px; font-size: 1.1rem;}
.gift-gds-desc .gift-gds-adtinfo .ico-s1 {display: inline-block; width: 22px; height: 22px; margin: 0 0 0 7px; background-color: #0F5298; border-radius: 50%; color: #fff; text-align: center;}

.gift-gds-desc .gift-gds-sns {display: flex; justify-content: space-between; margin: 10px 0 0 0;}
.gift-gds-desc .gift-gds-sns div {width: 370px; height: 45px; line-height: 45px; background-color: #F7F7F7; color: #3E3E3E; font-size: 1.3rem; text-align: center;}
.gift-gds-desc .gift-gds-sns .txt-c1 {color: #E22757;}
.gift-gds-desc .gift-gds-sns .btn-s1 {display: flex; align-items: center; width: 180px; height: 45px; background-color: #F6E72A; border-radius: 10px; font-size: 1.6rem;}
.gift-gds-desc .gift-gds-sns .btn-s1 img {width: 27px; height: 26px; margin: 0 10px;}

.gift-gds-desc .gift-gds-option select {width: 100%; height: 40px; margin: 0 0 10px 0; border: 1px solid #07689F; border-radius: 5px; color: #07689F; font-size: 1.4rem; text-indent: 10px;}
.gift-gds-desc .gift-gds-option .opt-list {margin: 0 0 10px 0; padding: 20px 5px; background-color: #fff; border: 1px solid rgba(0,0,0,0.16); border-radius: 5px;}
.gift-gds-desc .gift-gds-option .opt-list span {display: block; margin: 0;}
.gift-gds-desc .gift-gds-option .opt-list .txt-s1 {margin: 0 0 10px 0; max-width: 300px;}
.gift-gds-desc .gift-gds-option .opt-list .opt-ctrl {display: flex; justify-content: center;}
.gift-gds-desc .gift-gds-option .opt-list .cart-ctrl {display: flex; width: 95%; border: 1px solid rgba(0,0,0,0.16); border-radius: 5px; overflow: hidden;}
.gift-gds-desc .gift-gds-option .opt-list input[type="text"] {width: 33%; height: 26px; border: none; text-align: center;}
.gift-gds-desc .gift-gds-option .opt-list button {position: relative; width: 33%; height: 26px; background-color: #fff; border: none; vertical-align: top; cursor: pointer;}
.gift-gds-desc .gift-gds-option .opt-list button::before {position: absolute; left: 50%; top: 50%; content: ''; width: 11px; height: 1px; margin: 0 0 0 -5px; background-color: #101010;}
.gift-gds-desc .gift-gds-option .opt-list button.btn-p::after {position: absolute; left: 50%; top: 50%; content: ''; width: 1px; height: 11px; margin: -5px 0 0 0; background-color: #101010;}
.gift-gds-desc .gift-gds-option .opt-list .blind {overflow: hidden; position: absolute; left: 0; top: 0; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; }
.gift-gds-desc .gift-gds-option .opt-price span {display: inline-block; font-weight: bold;}
.gift-gds-desc .gift-gds-option .opt-price a {display: inline-block; width: 20px; height: 20px; border: 1px solid #E7E7E7; border-radius: 5px; text-align: center;}
.gift-gds-desc .gift-gds-option .opt-price-total {display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(0,0,0,0.16); font-size: 1.6rem; font-weight: bold; padding: 45px 0 0 0;}
.gift-gds-desc .gift-gds-option .opt-price-total .txt-s1 {font-size: 2.4rem; color: #E22757;}
.gift-gds-desc .gift-gds-option #opt-cont {margin-bottom: 45px;}

.gift-gds-ctrl {display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0;}
.gift-gds-ctrl a {width: 300px; height: 50px; line-height: 50px; border-radius: 8px; font-size: 1.9rem; font-weight: bold; text-align: center;}
.gift-gds-ctrl .btn-s1 {background-color: #F7F7F7;}
.gift-gds-ctrl .btn-ss1 {background-color: #ccc;}
.gift-gds-ctrl .btn-s2 {background-color: #249CC8; color: #fff; box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);}
.gift-tab-cont {width: 1200px; border-top: 1px solid rgba(0,0,0,0.16); margin-top: 100px;}

.gift-gds-box .p-ebtn {width: 100%; display: block; background: #D5E8F6; text-align: center; border-radius: 8px; height: 55px; line-height: 55px; margin-top: 20px; color:#144377; font-weight:bold; font-size: 2rem;}

/* 기프티몰 결제페이지 */
.gift-orderTableBox {margin-bottom: 100px;}
.gift-orderlist-table-box{background: rgb(238, 238, 238); width: 100%; padding: 20px; border-radius: 15px;}
.gift-orderlist-table {border-spacing: 0; border-collapse: collapse;}
.gift-orderTableBox img {width: 120px;}
.gift-orderTableBox .alignRight {display: flex; height: 180px; align-items: center;}
.gift-orderTableBox .alignRight span {display: block; margin-left: 15px;}
.gift-orderTableBox .alignRight span:nth-child(1){font-size: 2rem; color: #505050; line-height: 40px;}
.gift-orderTableBox .alignRight span:nth-child(2){font-size: 2rem;  bottom: 0;}
#gift-order .cart-list .tbl-s1 table {background: none; }
.gift-orderTableBox .line th {border-bottom: 1px solid #249CC8; height: 45px;}
.gift-orderTableBox .gift-ea {line-height: 25px;}
.gift-orderTableBox .gift-ea input{width: 50%; background: rgba(255, 255,255, 0.5); border: 1px solid rgba(0, 0, 0, 0.3); height: 25px; border-radius: 5px;}
.gift-orderTableBox .gift-price{font-size: 1.8rem; color: #E22757; text-align: center;}

.gift-orderTableBox .gift-info td{text-align: center; height: 100px;}
.gift-orderTableBox .gift-info td input{width: 50%; background: rgba(255, 255,255, 0.5); border: 1px solid rgba(0, 0, 0, 0.3); height: 25px; border-radius: 5px;}
.gift-orderTableBox .gift-info td button{background: #a6def3; border: none; padding: 5px; border-radius: 5px; color: #fff;}

.gift-btn{float: right; margin-top: 20px;}
.gift-btn button{border: none; border-radius: 5px; padding: 5px 30px; margin: 0px 10px;}
.gift-btn .gift-btn1{background: rgba(238, 238, 238);}
.gift-btn .gift-btn2{background: #249cc8; color: #fff; font-weight: bold; cursor: pointer;}
.gift-btn .gift-btn2 span{background: #fff; color: #249cc8; border-radius: 35px; width: 15px; height: 15px; line-height: 15px; display: inline-block; margin-left: 5px;}

#gift-order .dv1 dt{background: #D5E8F6; width: 15%; text-align: center;}
#gift-order .dv1 dd{margin: 0 30px;}
#gift-order .dv1 #gift-edd {border-left: 1px solid #a6def3; text-align: center; padding-left: 20px;}
#gift-order .dv1 dd i {display: inline-block; width: 19px; height: 19px; line-height: 19px; margin: 0 0 0 5px; background-color: #3C99DC; border-radius: 100%; color: #fff; font-style: normal; text-align: center;}
#gift-order .dv1 dd .btn-emoney-all {display: inline-block; width: 70px; height: 28px; line-height: 28px; margin: 0 0 0 15px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#gift-order .dv1 dl {display: flex;  align-items: center; height: 70px; line-height: 70px; border-bottom: 1px solid rgba(238, 238, 238);}
#gift-order .dv1 dl:nth-child(1){border-top: 1px solid #249cc8;}
#gift-order .dv1 dl input[type="text"] {width: 120px; height: 24px; padding: 0 20px 0 20px; border: 1px solid #E7E7E7; border-radius: 3px; text-align: left; margin-right: 10px;}
#gift-order .dv1 dl .txt-s1 {display: inline-block; width: 20px; height: 20px; margin: 0 0 0 5px; text-align: left; background: #154fa7; color: #fff;text-align: center; border-radius: 100%; display: none;}
#gift-order .tit-1 {font-size: 2rem; height: 40px; line-height: 40px; padding-left: 10px;}
#gift-order .dv1 {margin: 20px 0 100px 0;}
#gift-order .dv1 .btn-s1 {display: inline-block; width: 70px; height: 28px; line-height: 28px; margin: 0 5px 0 0; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}
#gift-order .paylist {display: flex;}
#gift-order .paylist li {margin-right: 20px;}
#gift-order .gift-input {line-height: 60px;}
#gift-order .gift-input input[type="text"] {width: 80%!important; border-radius: 12px!important;}

.btn-s21 {display: inline-block; width: 70px; height: 28px; line-height: 28px; margin: 0 0 0 15px; background-color: #0378AE; border-radius: 5px; color: #fff; text-align: center;}

.gift_agreelicensing {text-align: center;}
.gift_agreelicensing .txt-s1 {color: red;}
.gift_agreelicensing a {padding: 5px; background: #0378AE; color: #fff; border-radius: 10px; margin-left: 10px;}

.gift_popup {position: fixed; top: 50%; background: #f9f9f9; width: 1200px; overflow: scroll; height: 600px; left: 50%; transform: translate(-50%, -50%); border: 8px solid #0e4c75; z-index: 99;}
.gift_popup .layer_box {padding: 30px;}
.gift_popup .layer_header {text-align: center; font-size: 3rem; margin: 30px 0;}
.gift_bottom_closebtn {text-align: center; margin: 30px;}
.gift_bottom_closebtn a {padding: 5px 60px; background: #0378AE; color: #fff;}


/* 추천인 조회 목록 */
.mb-recommender .tit-s1 {font-size: 1.8rem;}
.mb-recommender .tit-s1:nth-child(3) {margin-top: 100px;}
.mb-recommender .tit-s1:nth-child(5) {margin-top: 100px;}
.mb-recommender .first-dtl {width: 900px; border: 3px solid #07689F; border-radius: 25px; overflow: hidden;}
.mb-recommender .first-dtl .tbl-s1 {padding: 0;}
.mb-recommender .first-dtl th {width: 33%; background-color: #fff; border: none;}
.mb-recommender .first-dtl td {padding: 30px 0;}
.mb-recommender .first-dtl .tr-s1 {border-bottom: 2px solid #e9e9e9;}
.mb-recommender .first-dtl .tr-s1 td {padding: 0;}
.mb-recommender .first-dtl tr td #ico-s1 img {width: 10px; height: 10px;}

.mb-recommender .second-dtl {width: 900px; border: 3px solid #07689F; border-radius: 25px; overflow: hidden;}
.mb-recommender .second-dtl .tbl-s1 {padding: 0;}
.mb-recommender .second-dtl th {width: 10%; background-color: #fff; border: none;}
.mb-recommender .second-dtl th:nth-child(1) {width: 7%;}
.mb-recommender .second-dtl th:nth-child(2) {width: 15%;}
.mb-recommender .second-dtl th:nth-child(3) {width: 10%;}
.mb-recommender .second-dtl th:nth-child(4) {width: 10%;}
.mb-recommender .second-dtl th:nth-child(5) {width: 10%;}
.mb-recommender .second-dtl th:nth-child(6) {width: 15%;}
.mb-recommender .second-dtl th:nth-child(7) {width: 15%;}
.mb-recommender .second-dtl td {padding: 8px 0;}
/*
.mb-recommender .second-dtl td {padding: 30px 0;}
*/
.mb-recommender .second-dtl .tr-s1 {border-bottom: 2px solid #e9e9e9;}
.mb-recommender .second-dtl .tr-s1 td {padding: 0;}
.mb-recommender .second-dtl .btn_rec1 {background: #0378AE; color: #fff; border-radius: 10px; padding: 5px 10px; font-weight: bold;}
.mb-recommender .second-dtl tr:last-child{background-color: #e9e9e9;}

.mb-recommender .third-dtl {width: 900px; border: 3px solid #07689F; border-radius: 25px; overflow: hidden;}
.mb-recommender .third-dtl .tbl-s1 {padding: 0; margin: 0;}
.mb-recommender .third-dtl th {width: 17%; background-color: #fff; border: none;}
.mb-recommender .third-dtl th:last-child {width: 30%;}
.mb-recommender .third-dtl td {padding: 30px 0;}
.mb-recommender .third-dtl .tr-s1 {border-bottom: 2px solid #e9e9e9;}
.mb-recommender .third-dtl .tr-s1 td {padding: 0;}
.mb-recommender .third-dtl th:last-child, .mb-recommender .third-dtl td:last-child {background-color: #d5e8f6;}

/*
.mb-recommender-d .tit-s1 {font-size: 1.8rem; text-align: center; margin-top: 100px;}
*/
.mb-recommender-d .tit-s1 {font-size: 1.8rem; text-align: center; }
.mb-recommender-d .mb-dtl {width: 900px; border: 3px solid #07689F; border-radius: 25px; overflow: hidden;}
.mb-recommender-d .mb-dtl .tbl-s1 {padding: 0;}
.mb-recommender-d .mb-dtl th {width: 20%; background-color: #fff; border: none;}
.mb-recommender-d .mb-dtl th:nth-child(2) {width: 40%;}
.mb-recommender-d .mb-dtl td {padding: 30px 0;}
.mb-recommender-d .mb-dtl .tr-s1 {border-bottom: 2px solid #e9e9e9;}
.mb-recommender-d .mb-dtl .tr-s1 td {padding: 0;}
.mb-recommender-d .mb-dtl tr td #ico-s1 img {width: 10px; height: 10px;}
.mb-recommender-d .mb-dtl tr td:nth-child(2) {width: 400px; text-align: left; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
.mb-recommender-d .mb-dtl tr:last-child{background-color: #e9e9e9;}


#ordersch-area {display: flex; justify-content: space-between; margin: 0 10px 10px 10px; padding: 10px; background-color: #E5F3FB;}
#ordsch-tit {display: flex; align-items: center; font-size: 1.4rem; font-weight: bold;}
#ordsch-tit >div {display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin: 0 5px 0 0; background-color: #F2F1F1; border-radius: 16px; text-align: center;}
#ordsch-tit img {width: 20px; width: 20px;}
#ordsch-ctrl select {width: 150px; height: 32px; border: 1px solid #0378AE; border-radius: 16px;}


.coins_payment {
	color:#c00;
	margin-top:10px;
}

.charge_msg {
	color:#c00;
}


.giveaway {
	margin:20px 0;
	background:url('/images/giveaway/pc_ga_bg.png') no-repeat top center;
	min-height:686px;
}
.giveaway .btn {
	margin-top:550px;
}
.giveaway .fl {
	float:left;
	width:49.9%;
	text-align:center;
}
.giveaway .fr {
	float:right;
	width:49.9%;
	text-align:center;
}


/* product new */
/*
.product_line--btn {
	width:45%;
}
.product_line--btn .naver_search {
	width:230px;
	font-size:1.6rem;
	padding:3px 0;
	border-radius:7px;
	text-align:center;
	background-color:#07689F;
	color:#fff;
}
*/

.product_top1 {
	margin-top:50px;
}
.product_top2 {
	margin-top:100px;
}

.product_wrap {
	font-size:2.0rem;
	font-weight:700;
}
.product_line {
	display:flex;
	margin-top:15px;
}
.product_line--btn {
	width:40%;
	margin-left:5%;
}
.product_line--title {
	width:15%;
}
.product_line--per {
	width:12%;
	text-align:right;
}
.product_line--price {
	width:28%;
	text-align:right;
}

.product_line--nouserid {
	width:72%;
	font-size:2.6rem;
}

.lpert {
	font-size:2.6rem;
}


.product_line--btn .line-btn {
	width:230px;
	font-size:1.6rem;
}
.product_line--title .line--head {
	width:70px;
	font-size:1.6rem;
}


.delivery_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.6rem;
	font-weight: bold;
	color:#7e7e7e;
}
.deli_head {
}
.deli_price {
}


.product_wrap .revenue_link {
	font-size:1.6rem;
	padding:3px 0;
	border-radius:7px;
	text-align:center;
	background-color:#000;
	color:#ebf000;
}
.product_wrap .naver_search {
	font-size:1.6rem;
	padding:3px 0;
	border-radius:7px;
	text-align:center;
	background-color:#07689F;
	color:#fff;
}


.product_wrap .twoPro {
	display:block;
	width:auto;
}

.product_wrap .twoStr {
	font-size:1.6rem;
	color:#fff;
	background:#000;
	border-radius:7px;
	padding:3px 0;
	text-align:center;
}
.product_wrap .twoStr .time {
	color:#ff0;
}

/* 2024.05.24. 시간 추가 */
.product_wrap .prd-price-time {
	font-size:1.6rem;
	color:#fff;
	background:#000;
	border-radius:7px;
	padding:3px 0;
	text-align:center;
}

.nouserid_msg {
	font-size: 2.4rem;
	font-weight: bold;
	color:#7e7e7e;
	margin-top:5px;
}

/* 투딜 후 구매자 입금 전 메시지 */
.gds-ctrl-bottom-msg {
	margin-top:10px;
	text-align:center;
	color:#f00;
	font-weight:700;
}


.list_btn {
	padding-left:780px;
}
.list_btn .btn-s3 {
	width: 150px; height: 50px; line-height: 50px;  padding: 5px; background-color: #65B2E8; border-radius: 5px; color: #fff; font-size: 1.2rem;
}