@charset "utf-8";

.page-title-wrap {display: flex;justify-content: space-between;}
.page-title-wrap > h2 {width:50%;text-align:left;font-size:1.5rem;font-weight:700}
.page-title-wrap > div {width:50%;text-align:right;color: #999}
.page-title-wrap > div > i {margin:0 2%}

.notice-txt-wrap {display: flex;justify-content: space-between;align-items: center;margin: 0 0 30px;padding: 25px;border: 1px solid #333}
.notice-txt-wrap > h3 {margin: 0;font-size: 15px;font-weight: 600}
.notice-txt-wrap > p {margin: 0;font-size: 13px;color: var(--font-color-sty01);}

.page-tab-wrap > ul {display: flex;}
.page-tab-wrap > ul > li {flex: 1;}
.page-tab-wrap > ul > li a {display: block;margin: 0;padding: 13px 10px;font-size: 1.3rem;color: #000;border-bottom: 2px solid #eee}
.page-tab-wrap > ul > li a span {color: var(--font-color-sty04);}
.page-tab-wrap > ul > li a p {display: inline-block;margin: 0;padding: 0;font-size: 1.3rem;color: #000;}
.page-tab-wrap > ul > li.active a {border-bottom: 2px solid #333}

.item-soldout-wrap {display:block;margin:0;padding:200px 20px;text-align:center}
.item-soldout-wrap h4 {display:inline-block;margin:0 auto;padding:0;font-family:'GmarketSans';font-size:3em;letter-spacing:-1px;color:rgba(0,0,0,0.3)}
.item-soldout-wrap .btn-wrap {display: flex;justify-content: center;gap: 10px;margin-top: 30px}
.item-soldout-wrap .btn-wrap button {
	padding: 10px 20px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
}
.item-soldout-wrap .btn-wrap button:hover,
.item-soldout-wrap .btn-wrap button:focus,
.item-soldout-wrap .btn-wrap button:active {border: 1px solid #333}

/*** 배송지 목록 ***/
.new_win {padding: 15px}
.new_win h1 {font-size: 1.5rem;font-weight: 650;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.new_win h1 i {font-size: 1.5rem;}
.new_win .new_win_con {}
.new_win .new_win_con .new-list-wrap {}
.new_win .new_win_con .new-list-wrap .item-wrap {display: flex;flex-direction: row;justify-content: flex-start;gap: 20px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(1) {margin-top: 10px}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) {flex: 1;display: flex;flex-direction: column;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dotted #ddd;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px solid #ddd;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div > div:nth-child(1),
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div > div:nth-child(1) label {flex: 0.6;font-weight: 600;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div > div:nth-child(2) {flex: 2;color: var(--font-color-sty05);}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div > div:nth-child(2) input[type='text'] {padding: 10px 15px;box-sizing: border-box;width: 100%;color: var(--font-color-sty02);border: 1px solid #ccc;border-radius: 5px;background-color: #fff;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(2) > div > div:nth-child(2) input[type='text']:focus {outline: none;border: 1px solid #333;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(3) {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;}
.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(3) > div {}
.new_win .win_btn {display: flex;justify-content: space-between;align-items: center;gap: 6px;margin-bottom: 30px}
.new_win .win_btn .pg_wrap {}
.new_win .win_btn .pg_wrap .pg {}
.new_win .win_btn .pg_wrap .pg a {}
.new_win .win_btn .pg_wrap .pg strong {}

/*** 해외주문서 상세 CSS ***/
.od-form-wrap {display:block;margin:0;padding:20px 30px}
.od-form-wrap .contents-wrap {display:block;margin:0;padding:0;width:auto}
.od-form-wrap .contents-wrap h2 {display:block;margin:0 0 15px;padding:0 0 15px;font-size:2.1em;border-bottom:1px solid #ddd}
.od-form-wrap .contents-wrap .sub-title {float:left;display:inline-block;margin:0;padding:0;width:170px;height:37px;line-height:37px;font-size:1.3em;font-weight:400;xbackground-color:#ddd}
.od-form-wrap .contents-wrap .sub-info {float:left;display:inline-block;margin:0;padding:0;height:37px;line-height:37px;font-size:1.3em;font-weight:400;xbackground-color:#ddd}
.od-form-wrap .contents-wrap .flags-country-item {position:relative;padding-left:23px}
.od-form-wrap .contents-wrap .flags-country-item::before {left:0}
.od-form-wrap .contents-wrap .no-data {display:block;margin:0;padding:70px;text-align:center;font-size:2em;color:#ccc}

.od-form-wrap .od-form-tbl01 {display:block;margin:0;padding:0}
.od-form-wrap .od-form-tbl01 table {width:100%;border-collapse: collapse}
.od-form-wrap .od-form-tbl01 table tbody tr {border-bottom:1px solid #ddd}
.od-form-wrap .od-form-tbl01 table tbody tr:last-of-type {border-bottom:none}
.od-form-wrap .od-form-tbl01 table tbody td {padding:10px 0}
.od-form-wrap .od-form-tbl01 table tbody td dl {font-size:1.3em}
.od-form-wrap .od-form-tbl01 table tbody td dl dt {clear:both;float:left;padding:3px 0;width:50%;border-bottom:1px solid #ddd}
.od-form-wrap .od-form-tbl01 table tbody td dl dt:last-of-type {border-bottom:none}
.od-form-wrap .od-form-tbl01 table tbody td dl dd {float:right;padding:3px 0;width:50%;text-align:right;border-bottom:1px solid #ddd}
.od-form-wrap .od-form-tbl01 table tbody td dl dd:last-of-type {border-bottom:none}
.od-form-wrap .clr {clear: both;}

/***** 반응형 CSS *****/
@media all and (max-width: 900px){
	.notice-txt-wrap {flex-direction: column;align-items: flex-start;gap: 7px}
}
@media all and (max-width: 600px){
	.new_win .new_win_con .new-list-wrap .item-wrap {flex-wrap: wrap !important;}
	.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(3) {flex-direction: row;width: 100%;}
	.page-tab-wrap > ul > li a p {display: none;}
}
@media all and (max-width: 400px){
	.new_win .new_win_con .new-list-wrap .item-wrap > div:nth-child(1) {width: 100%;}
}

/*
.html-head-wrap > div {display: flex;justify-content: space-between;align-items: center;padding: 15px 25px}
.html-head-wrap .logo-wrap h3 {font-size: 2rem;color: #333;cursor: pointer;letter-spacing: -1px}
.html-head-wrap .menu-wrap {display: flex}
.html-head-wrap .menu-wrap a {color: #333;text-decoration: none;font-size: 1rem;margin-left: 25px}
.html-head-wrap .menu-wrap a:focus,
.html-head-wrap .menu-wrap a:active,
.html-head-wrap .menu-wrap a:hover {color: #999}

.nav-wrap > div {display: flex;align-items: center;padding: 20px 25px;background-color: #333}
.nav-wrap > div > a {color: #fff;text-decoration: none;margin-right: 15px}

.html-tail-wrap > div {display: block;padding: 15px 25px}
.html-tail-wrap .ft-info-wrap {display: flex}
.html-tail-wrap .ft-info-wrap .info-1-wrap {width: 60%}
.html-tail-wrap .ft-info-wrap .info-2-wrap {width: 20%}
.html-tail-wrap .ft-info-wrap .info-3-wrap {width: 20%}
.html-tail-wrap .ft-info-wrap .logo-wrap > h3 {font-size: -webkit-xxx-large;letter-spacing: -1px;cursor: pointer;}
.html-tail-wrap .ft-info-wrap .ft-nav-wrap {display: flex;flex-direction: column}
.html-tail-wrap .ft-info-wrap .info-2-wrap .tel-wrap {padding:15px 0;font-size: 1.5rem}

.copy-info-wrap {
	display: block;
	padding: 15px 25px;
	background-color: #ffffff;
}
.copy-info-wrap > div {
	display: block;
	color: #666;
	font-size: .9rem;
}
*/