@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

ul, ol {
	list-style: none;
	padding-left: 10px;
}

.cd-buttons {
	list-style: none;
	padding-left: 0px;
}

a {
	color: black;
	text-decoration: none;
}

input {
	outline: none;
}

input[type="radio"], input[type="checkbox"] {
	cursor: pointer;
}

button {
	cursor: pointer;
}

body {
	font-family: 'Pretendard';
}

.bold {
    font-weight: bold;
}
.light {
    font-weight: 300;
}
.hidden {
    display: none;
}
.visible {
    display: block;
}

/* 퀵메뉴 */
#slidemenu { 
	font-family: 'Noto Sans KR', sans-serif;
	position: absolute;
	width: 90px;
	top: 220px;
	right: 10px; 
	text-align: center; 
	z-index: 99; 
	border-radius: 5px;
}

@media (max-width: 1400px) {
		#slidemenu {
			display: none;
		}
	}

#slidemenu ul {
	border:1px solid #ccc; 
	background-color: #fff; 
	border-radius: 5px;
}

#slidemenu li {
	height: 90px; 
	margin: 0 auto; 
	border-bottom: 1px solid #ccc;
}

#slidemenu li:last-child {
	border-bottom: 0;
}

#slidemenu li a img {
	padding-top: 20px;
}

#slidemenu li:nth-child(4) a img {
	padding-top: 12px;
}

#slidemenu li a {
	color:#000; 
	font-size: 0.7em; 
	font-weight:700;
}

.quick_tit {
	display: block; 
	height: 15px;
	line-height: 30px;
}

.showSumList {
	display: block;
}

.hideSumList {
	display: none;
}

/*배송지 모달*/
.mypage_area_wrap .cd-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mypage_area_wrap .cd-popup.is-visible {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.mypage_area_wrap .cd-popup-container {
	width: 90%;
	max-width: 800px;
	background: #fff;
	padding: 20px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border-radius: 8px;
	transform: translate(0, 0);
}

.mypage_area_wrap .cd-popup.address_adder .cd-popup-container {
	max-width: 600px;
}


.cd-popup-container {
	padding: 20px;
}

.cd-popup h3 {
	margin-top: 0;
	font-size: 1.5em;
	text-align: center;
}

.pop_table_wrap {
	margin-top: 20px;
	overflow-x: auto;
}

.mypage_area_wrap table {
	width: 100%;
	border-collapse: collapse;
}

.mypage_area_wrap table th, .mypage_area_wrap table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	line-height: 1.5rem;
}

.mypage_area_wrap table th {
	background: #f8f8f8;
	padding: 12px 42px;
	width: 25%;
}

.cd-buttons {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.cd-buttons a {
	display: inline-block;
	padding: 10px 20px;
	background: #007bff;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}

.cd-buttons a.cd-popup-close-btn {
	background: #6c757d;
}

@media (max-width: 768px) {
	.mypage_area_wrap .cd-popup-container {
		width: 95%;
		max-width: 400px;
	}
}

@media (max-width: 340px) {
	.mypage_area_wrap .cd-popup-container {
		width: 95%;
		max-width: 340px;
	}
}

/*...*/



/* 메인 오픈팝업 */


.layerpopup {
	position: absolute;
	top: 0;
	border-radius: 5px;
	width: 1000px;
	text-align: center;
	background: rgba(79, 134, 198, 0.767);
	margin: 10% auto;
	box-shadow: 0 12px 15px 0 rgb(0 0 0 / 24%), 0 17px 50px 0 rgb(0 0 0 / 19%);
	z-index: 999;
}

.layerpopup.one{top: 0; left: 5%;}
.layerpopup.two{top: 0; left: 40%;}
.popup_content {font-size: 14px;}
.popup_content img{width: 100%;}
.popup_bottom {
	background: #282c37;
	color: #fff;
	border-top: 1px solid #000;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
	position: relative;
}
.popup_bottom a {
	display: block;
	float: left;
	width: 49.5%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 13px;
}
.btn_close {
	display: inline-block;
	position: relative;
	cursor: pointer;
	border-left: 1px solid #000;
}


/* sub3-2 배송대행신청 팝업 */
.shipping_popup .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.shipping_popup .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.shipping_popup .cd-popup-container {position: relative; width: 90%; max-width: 800px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.shipping_popup .cd-popup-container h3 {padding: 20px 0;}
.shipping_popup .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.shipping_popup .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.shipping_popup .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.shipping_popup .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.shipping_popup .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.shipping_popup .cd-popup-container p {padding: 1em 2em; text-align: left;}
.shipping_popup .cd-popup-container table {width: 90%; margin: 10px auto; margin-top: 20px; text-align: left;}
.shipping_popup .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
.shipping_popup .cd-popup-container table tr th {width: 32%; text-align: center; background-color: rgba(21, 147, 206, 0.122);}
.shipping_popup .cd-popup-container table tr td {padding-left: 20px; background-color: #f0f0f0;}
.shipping_popup .cd-popup-container textarea {width: 90%; height: 300px; resize: none; border: 1px solid #ddd; padding: 5px; font-size: 14px; line-height: 18px;}
.shipping_popup .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.shipping_popup .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.shipping_popup .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.shipping_popup .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.shipping_popup .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.shipping_popup .no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.shipping_popup .cd-popup-container .cd-buttons li:last-child a {background: #009cde; border-radius: 0 0 .25em 0;}
.shipping_popup .no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color: #c5ccd8;}
.shipping_popup .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.shipping_popup .cd-popup-container .cd-popup-close::before, .shipping_popup .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.shipping_popup .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.shipping_popup .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.shipping_popup .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.shipping_popup .cd-popup-container {
		margin: 13em auto;
	}
}
/* sub3-2 배송대행신청 팝업 끝 */


/* 팝업 */
.mypage_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 1100px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage_area_wrap .cd-popup-container p {text-align: left; border-top: none; border-bottom: none;}
.mypage_area_wrap .pop_table_wrap {min-height: 370px;}
.mypage_area_wrap .cd-popup-container table {width: 90%; margin: 10px auto; margin-top: 20px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage_area_wrap .cd-popup-container table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center; }
.mypage_area_wrap .cd-popup-container table tr:first-child td {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 130px;}
.mypage_area_wrap .cd-popup-container table tr:not(:first-child) td {background-color: #fafafa;}
.mypage_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::before, .mypage_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.address_ok{padding: 5px; background-color: #999; border-radius: 5px; color:#fff;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:last-child a{background-color: #009cde; border-radius: 0 0 0.25em 0;}


.cd-popup-container.add{width: 30% !important;}
.mypage_area_wrap .cd-popup-container.add table tr:first-child td{font-weight: normal; text-align: left;}
.cd-popup-container.add table tr, .cd-popup-container.add table td{background-color: #fff !important; text-align: left;}
.m_inp.add{border:1px solid #ccc; background-color: transparent; border-radius: 5px; width: 100%;}
.m_inp.tel{border:1px solid #ccc; background-color: transparent; border-radius: 5px; width: 30.5%;}
.m_inp.address{border:1px solid #ccc; border-radius: 5px; background-color: transparent; width: 100%; margin: 5px 0;}
.cd-buttons.add li{width: 100% !important;}
.mypage_area_wrap .cd-popup-container .cd-buttons.add li:last-child a{background-color:#999;}
.mypage_area_wrap .cd-popup-container .cd-buttons.add li:first-child a:hover{background-color: #999 !important;}
@media only screen and (min-width: 1170px) {
	.mypage_area_wrap .cd-popup-container {
		margin: 13em auto;
	}
}
/* 마이페이지 팝업 끝 */


/* 마이페이지 팝업2 */
.mypage_area_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_area_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_area_wrap .cd-popup-container2 {position: relative; width: 90%; max-width: 800px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


.mypage_area_wrap .cd-popup-container2 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage_area_wrap .cd-popup-container2 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage_area_wrap .cd-popup-container2 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container2 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container2 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage_area_wrap .cd-popup-container2 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage_area_wrap .pop_table_wrap2 {min-height: 330px;}
.mypage_area_wrap .cd-popup-container2 p {padding-bottom: 1em; text-align: center;}
.mypage_area_wrap .charge_option > div {display: inline-block; border: 1px solid #ddd; width: 120px;}
.mypage_area_wrap .charge_option > div.on {border: 1px solid #009cde;}
.mypage_area_wrap .cd-popup-container2 table {width: 90%; margin: 10px auto; margin-top: 20px; text-align: left;}
.mypage_area_wrap .cd-popup-container2 table tr {height: 40px; border-bottom: 1px solid #fff; border-radius: 5px;}
.mypage_area_wrap .cd-popup-container2 table tr th {width: 32%; text-align: center; background-color: rgba(21, 147, 206, 0.122);}
.mypage_area_wrap .cd-popup-container2 table tr td {padding-left: 20px; min-height: 40px; line-height: 30px; background-color: #fafafa;}
.mypage_area_wrap .cd-popup-container2 table tr td:nth-child(odd) {background-color: rgba(21, 147, 206, 0.122); text-align: center; padding: 0px; font-weight: 700; width: 130px;}
.mypage_area_wrap .cd-popup-container2 input[type=radio] {margin: 5px 10px;}
.mypage_area_wrap .cd-popup-container2 input[type=text] {background-color: #fff; height: 30px; padding-left: 5px; margin-right: 5px;}
.mypage_area_wrap .cd-popup-container2 .pop_textarea_box {padding-bottom: 30px;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:last-child a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:last-child a:hover {background-color: #51aed6;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::before, .mypage_area_wrap .cd-popup-container2 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage_area_wrap .is-visible .cd-popup-container2 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage_area_wrap .cd-popup-container2 {
		margin: 13em auto;
	}
}
/* 마이페이지 팝업2 끝 */

/* mypage1-2 배송대행 정보 팝업4 */
.cd-popup4 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cd-popup4.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container4 {position: relative; width: 90%; max-width: 1100px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container4 h3 {padding: 40px 0; font-size: 1.5em;}
.cd-popup-container4 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.cd-popup-container4 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.cd-popup-container4 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.cd-popup-container4 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.cd-popup-container4 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_pop4_info {width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: left;}
.mypage1-2_pop4_info h4 {font-size: 1.2em;}
.mypage1-2_pop4_info h4 span {color: #009cde;}
.mypage1-2_pop4_info p {line-height: 30px; font-size: 1.2em;}
.mypage1-2_pop4_info ul > li .popup_inner_box {position: relative; width: 100%; margin: 10px auto; overflow:hidden; overflow-x:auto; white-space: nowrap;}
.mypage1-2_pop4_info ul > li .popup_inner_box > ul {box-sizing: border-box; }
.mypage1-2_pop4_info ul > li .popup_inner_box > ul > li {display: inline-block; width: 300px; height: 100%; box-sizing: border-box;}
.popup_inner_tit {margin-top: 10px;}
.popup_inner_tit > p {display: inline-block;}
.mypage1-2_pop4_info .item_num {padding-right: 20px;}
.popup_inner_tit > button {float: right; background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px;}
.popup_inner_box_list .img-box {width: 300px; height: 250px;}

.cd-popup-container4 .pop_textarea_box {padding-bottom: 30px;}
.cd-popup-container4 .cd-buttons:after {content: ""; display: table; clear: both;}
.cd-popup-container4 .cd-buttons li {float: left; width: 100%; list-style: none;}
.cd-popup-container4 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.cd-popup-container4 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.cd-popup-container4 .cd-buttons li a:hover {background-color: #51aed6;}
.cd-popup-container4 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.cd-popup-container4 .cd-popup-close::before, .cd-popup-container4 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.cd-popup-container4 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.cd-popup-container4 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.is-visible .cd-popup-container4 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.cd-popup-container4 {
		margin: 4em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업4 끝 */












/* 팝업 */
.mypage_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 1100px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage_area_wrap .cd-popup-container p {text-align: left; border-top: none; border-bottom: none;}
.mypage_area_wrap .pop_table_wrap {min-height: 370px;}
.mypage_area_wrap .cd-popup-container table {width: 90%; margin: 10px auto; margin-top: 20px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage_area_wrap .cd-popup-container table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center; }
.mypage_area_wrap .cd-popup-container table tr:first-child td {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 130px;}
.mypage_area_wrap .cd-popup-container table tr:not(:first-child) td {background-color: #fafafa;}
.mypage_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::before, .mypage_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.address_ok{padding: 5px; background-color: #999; border-radius: 5px; color:#fff;}
.mypage_area_wrap .cd-popup-container .cd-buttons li:last-child a{background-color: #009cde; border-radius: 0 0 0.25em 0;}


.cd-popup-container.add{width: 30% !important;}
.mypage_area_wrap .cd-popup-container.add table tr:first-child td{font-weight: normal; text-align: left;}
.cd-popup-container.add table tr, .cd-popup-container.add table td{background-color: #fff !important; text-align: left;}
.m_inp.add{border:1px solid #ccc; background-color: transparent; border-radius: 5px; width: 100%;}
.m_inp.tel{border:1px solid #ccc; background-color: transparent; border-radius: 5px; width: 30.5%;}
.m_inp.address{border:1px solid #ccc; border-radius: 5px; background-color: transparent; width: 100%; margin: 5px 0;}
.cd-buttons.add li{width: 100% !important;}
.mypage_area_wrap .cd-popup-container .cd-buttons.add li:last-child a{background-color:#999;}
.mypage_area_wrap .cd-popup-container .cd-buttons.add li:first-child a:hover{background-color: #999 !important;}
@media only screen and (min-width: 1170px) {
	.mypage_area_wrap .cd-popup-container {
		margin: 13em auto;
	}
}
/* 마이페이지 팝업 끝 */

/* 마이페이지 팝업2 */
.mypage_area_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_area_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_area_wrap .cd-popup-container2 {position: relative; width: 90%; max-width: 800px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage_area_wrap .cd-popup-container2 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage_area_wrap .cd-popup-container2 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage_area_wrap .cd-popup-container2 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container2 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage_area_wrap .cd-popup-container2 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage_area_wrap .cd-popup-container2 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage_area_wrap .pop_table_wrap2 {min-height: 330px;}
.mypage_area_wrap .cd-popup-container2 p {padding-bottom: 1em; text-align: center;}
.mypage_area_wrap .charge_option > div {display: inline-block; border: 1px solid #ddd; width: 120px;}
.mypage_area_wrap .charge_option > div.on {border: 1px solid #009cde;}
.mypage_area_wrap .cd-popup-container2 table {width: 90%; margin: 10px auto; margin-top: 20px; text-align: left;}
.mypage_area_wrap .cd-popup-container2 table tr {height: 40px; border-bottom: 1px solid #fff; border-radius: 5px;}
.mypage_area_wrap .cd-popup-container2 table tr th {width: 32%; text-align: center; background-color: rgba(21, 147, 206, 0.122);}
.mypage_area_wrap .cd-popup-container2 table tr td {padding-left: 20px; min-height: 40px; line-height: 30px; background-color: #fafafa;}
.mypage_area_wrap .cd-popup-container2 table tr td:nth-child(odd) {background-color: rgba(21, 147, 206, 0.122); text-align: center; padding: 0px; font-weight: 700; width: 130px;}
.mypage_area_wrap .cd-popup-container2 input[type=radio] {margin: 5px 10px;}
.mypage_area_wrap .cd-popup-container2 input[type=text] {background-color: #fff; height: 30px; padding-left: 5px; margin-right: 5px;}
.mypage_area_wrap .cd-popup-container2 .pop_textarea_box {padding-bottom: 30px;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:last-child a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage_area_wrap .cd-popup-container2 .cd-buttons li:last-child a:hover {background-color: #51aed6;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::before, .mypage_area_wrap .cd-popup-container2 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage_area_wrap .cd-popup-container2 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage_area_wrap .is-visible .cd-popup-container2 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage_area_wrap .cd-popup-container2 {
		margin: 13em auto;
	}
}
/* 마이페이지 팝업2 끝 */


/* mypage1-1 구매대행 결제정보 팝업 */
.mypage1-1_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 500px; max-height: 60vh; overflow-y: auto; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-1_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-1_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-1_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-1_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-1_area_wrap .cd-popup-container p.info_txt {font-family: 'Noto Sans KR', sans-serif; text-align: left; color: #009cde; font-size: 14px;}
.mypage1-1_area_wrap .cd-popup-container input {vertical-align: middle; line-height: 28px; height: 28px; margin: 0; background-color: #fff; border-radius: 5px;}
.mypage1-1_area_wrap .cd-popup-container input[type='text'] {padding-left: 5px;}
.mypage1-1_area_wrap .cd-popup-container input#radio3 {margin-left: 10px;}
.mypage1-1_area_wrap .cd-popup-container table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-1_area_wrap .cd-popup-container table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-1_area_wrap .cd-popup-container table tr th {width: 25%; text-align: center;}
.mypage1-1_area_wrap .cd-popup-container table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-1_area_wrap .cd-popup-container table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage1-1_area_wrap .cd-popup-container table tr td span.pop_table_price::after {content: '원';}
.mypage1-1_area_wrap .cd-popup-container table tr td span.pop_table_quantity::after {content: '개';}
.mypage1-1_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0; padding: 0;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-1_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-1_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-1_area_wrap .cd-popup-container .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-1_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-1_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-1_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-1_area_wrap .cd-popup-container {
		margin: 15em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업 끝 */

/* mypage1-1 구매대행 정보 팝업2 */
.mypage1-1_area_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container2 {position: relative; width: 90%; max-width: 800px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-1_area_wrap .cd-popup-container2 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-1_area_wrap .cd-popup-container2 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-1_area_wrap .cd-popup-container2 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container2 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container2 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-1_area_wrap .cd-popup-container2 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-1_area_wrap .mypage1-1_pop2_info {min-height: 130px; margin-top: 50px;}
.mypage1-1_area_wrap .mypage1-1_pop2_info p {font-weight: 700; line-height: 30px; font-size: 1.2em;}
.mypage1-1_area_wrap .mypage1-1_pop2_info p strong {color: #fc7169;}
.mypage1-1_area_wrap .cd-popup-container2 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-buttons li {float: left; width: 100%; list-style: none;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container2 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-1_area_wrap .cd-popup-container2 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-1_area_wrap .is-visible .cd-popup-container2 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-1_area_wrap .cd-popup-container2 {
		margin: 13em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업2 끝 */



/* mypage1-1 구매대행 정보 팝업3 */
.mypage1-1_area_wrap .cd-popup3 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup3.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container3 {position: relative; width: 90%; max-width: 800px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-1_area_wrap .cd-popup-container3 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-1_area_wrap .cd-popup-container3 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-1_area_wrap .cd-popup-container3 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container3 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container3 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-1_area_wrap .cd-popup-container3 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-1_area_wrap .mypage1-1_pop3_info {width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: left;}
.mypage1-1_area_wrap .mypage1-1_pop3_info h4 {font-size: 1.2em;}
.mypage1-1_area_wrap .mypage1-1_pop3_info h4 span {color: #009cde;}
.mypage1-1_area_wrap .mypage1-1_pop3_info p {line-height: 30px; font-size: 1.2em;}
.mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box {position: relative; width: 100%; margin: 10px auto; overflow:hidden; overflow-x:auto; white-space: nowrap;}
.mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box > ul {box-sizing: border-box; }
.mypage1-1_area_wrap .mypage1-1_pop3_info ul > li .popup_inner_box > ul > li {display: inline-block; width: 200px; height: 100%; box-sizing: border-box; border: 1px solid #ddd;}
.mypage1-1_area_wrap .popup_inner_tit {margin-top: 10px;}
.mypage1-1_area_wrap .popup_inner_tit > p {display: inline-block;}
.mypage1-1_area_wrap .mypage1-1_pop3_info .item_num {padding-right: 20px;}
.mypage1-1_area_wrap .popup_inner_tit > button {float: right; background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px; margin-left: 5px;}
.mypage1-1_area_wrap .popup_inner_box_list .img-box {width: 200px; height: 150px; overflow: hidden;}

.mypage1-1_area_wrap .cd-popup-container3 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li {float: left; width: 100%; list-style: none;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-1_area_wrap .cd-popup-container3 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-1_area_wrap .is-visible .cd-popup-container3 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-1_area_wrap .cd-popup-container3 {
		margin: 4em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업3 끝 */

/* mypage1-1 구매대행 정보 팝업3-1 */
.mypage1-1_area_wrap .cd-popup3-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup3-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container3-1 {position: relative; width: 90%; max-width: 500px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-1_area_wrap .cd-popup-container3-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-1_area_wrap .cd-popup-container3-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-1_area_wrap .cd-popup-container3-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container3-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-1_area_wrap .cd-popup-container3-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-1_area_wrap .cd-popup-container3-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-1_area_wrap .mypage1-1_pop3-1_info {width: 90%; margin: 0px auto; margin-bottom: 30px;}
.mypage1-1_area_wrap .mypage1-1_pop3-1_info p {color: #009cde; margin-bottom: 20px; font-weight: 700; line-height: 30px; font-size: 1em;}
.mypage1-1_area_wrap .mypage1-1_pop3-1_info textarea {width: 100%; min-height: 200px; resize: none; padding: 10px; font-family: inherit;}
.mypage1-1_area_wrap .cd-popup-container3-1 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container3-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-1_area_wrap .cd-popup-container3-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-1_area_wrap .is-visible .cd-popup-container3-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-1_area_wrap .cd-popup-container3-1 {
		margin: 16em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업3-1 끝 */


/* mypage1-1 구매대행 정보 팝업4 */
.mypage1-1_area_wrap .cd-popup4 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup4.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container4 {position: relative; width: 90%; max-width: 1200px; min-height: 450px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container4 h3 {padding: 40px 0; font-size: 1.5em;}
.cd-popup-container4 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.cd-popup-container4 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.cd-popup-container4 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.cd-popup-container4 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.cd-popup-container4 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-1_pop4_info {width: 90%; height: 350px; overflow-y: scroll; margin: 0px auto; margin-bottom: 50px; text-align: center; overflow-y: scroll;}
.mypage1-1_pop4_info table {width: 100%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-1_pop4_info table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-1_pop4_info table tr th {text-align: center;}
.mypage1-1_pop4_info table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-1_pop4_info table tr td {background-color: #fafafa; text-align: center; line-height: 24px;}
.mypage1-1_pop4_info table tr td button.cd-popup-trigger4-1 {background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px;}
.mypage1-1_pop4_info table tr td span.style01 {color: #fc7169;}
.mypage1-1_pop4_info table tr td span.style02 {color: #009cde;}
.mypage1-1_pop4_info h4 {font-size: 1.2em;}
.mypage1-1_pop4_info h4 span {color: #009cde;}
.mypage1-1_pop4_info p {line-height: 30px; font-size: 1.2em;}
.mypage1-1_pop4_info ul > li .popup_inner_box {position: relative; width: 100%; margin: 10px auto; overflow:hidden; overflow-x:auto; white-space: nowrap;}
.mypage1-1_pop4_info ul > li .popup_inner_box > ul {box-sizing: border-box; }
.mypage1-1_pop4_info ul > li .popup_inner_box > ul > li {display: inline-block; width: 300px; height: 100%; box-sizing: border-box;}
.popup_inner_tit {margin-top: 10px;}
.popup_inner_tit > p {display: inline-block;}
.mypage1-1_pop4_info .item_num {padding-right: 20px;}

.cd-popup-container4 .pop_textarea_box {padding-bottom: 30px;}
.cd-popup-container4 .cd-buttons:after {content: ""; display: table; clear: both;}
.cd-popup-container4 .cd-buttons li {float: left; width: 100%; list-style: none;}
.cd-popup-container4 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.cd-popup-container4 .cd-buttons li a {background: #fc7169; border-radius: 0 0 .25em 0;}
.cd-popup-container4 .cd-buttons li a:hover {background-color: #fc8982;}
.cd-popup-container4 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.cd-popup-container4 .cd-popup-close::before, .cd-popup-container4 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.cd-popup-container4 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.cd-popup-container4 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.is-visible .cd-popup-container4 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.cd-popup-container4 {
		margin: 13em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업4 끝 */

/* mypage1-1 구매대행 정보 팝업4-1 */
.cd-popup4-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cd-popup4-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container4-1 {position: relative; width: 90%; max-width: 1100px; max-height: 900px; overflow-y: scroll; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container4-1 h3 {padding: 40px 0; font-size: 2em;}
.cd-popup-container4-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.cd-popup-container4-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.cd-popup-container4-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.cd-popup-container4-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.cd-popup-container4-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

button.btn_style01 {background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px;}
button.btn_change {background-color: #009cde; color: #fff; padding: 5px 12px; border-radius: 5px;}
.mypage1-1_pop4-1_info {width: 90%; margin: 40px auto;}
.mypage1-1_pop4-1_info table th {letter-spacing: 0.15em;}
.mypage1-1_pop4-1_info .noto {font-family: 'Noto Sans KR', sans-serif;}
/* .mypage1-1_pop4-1_info p {color: #009cde; margin-bottom: 20px; font-weight: 700; line-height: 30px; font-size: 1em;} */
.mypage1-1_pop4-1_info .est_top .left_box img {vertical-align: middle; float: left; width: 110px;}
.mypage1-1_pop4-1_info .est_top .left_box > div {float: left; width: 75%; padding: 15px 0; margin-left: 20px;}
.mypage1-1_pop4-1_info .est_top .left_box > div > * {text-align: center; line-height: 1.5;}
.mypage1-1_pop4-1_info .est_top .left_box > div > h4 {font-weight: 700; font-size: 1em;}
.mypage1-1_pop4-1_info .est_top .left_box > div > h5 {color: #009cde; font-size: 1em;}
.mypage1-1_pop4-1_info .est_top .left_box > div > p {font-size: 0.75em;}
.mypage1-1_pop4-1_info table {width: 100%; text-align: center; border-top: 2px solid #009cde; border-bottom: 1px solid #ddd;}
.mypage1-1_pop4-1_info table th {line-height: 40px; background-color: rgba(21, 147, 206, 0.122);}
.mypage1-1_pop4-1_info table td {text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage1-1_pop4-1_info .est_top table.right_table1 {margin-top: 20px;}
.mypage1-1_pop4-1_info .est_top table.right_table1 tr {height: 40px;}
.mypage1-1_pop4-1_info .est_top table.right_table1 th {width: 14%;}
.mypage1-1_pop4-1_info .est_top table.right_table1 td {width: 25%;}
.mypage1-1_pop4-1_info .est_top table th {width: 5%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_top table td {width: 10%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_top table td:last-child {border-right-style: none;}
.mypage1-1_pop4-1_info .est_top table th.th_style01 {border-right: 1px solid #eee; width: 3%; padding: 0 10px;}
.mypage1-1_pop4-1_info .est_top table.right_table2 {margin-top: 10px;}
.mypage1-1_pop4-1_info .est_top table.right_table2 h4 {text-align: center; font-size: 1.2em; letter-spacing: 0.5em;}
.mypage1-1_pop4-1_info .est_top table.right_table2 td.bgcolor {background-color: rgba(21, 147, 206, 0.122);}
.mypage1-1_pop4-1_info .est_top .right table td {line-height: 40px;}
.mypage1-1_pop4-1_info .est_top p {text-align: left; font-size: 14px; font-weight: 700; margin: 5px 0; font-family: 'Noto Sans KR', sans-serif;}
.mypage1-1_pop4-1_info .est_top .txt {color: #fc7169; text-align: left;}

.mypage1-1_pop4-1_info .est_middle table {min-height: 200px; margin-bottom: 20px;}
.mypage1-1_pop4-1_info .est_middle table th {border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_middle table td {height: 100px; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_middle table td:last-child {border-right-style: none;}
.mypage1-1_pop4-1_info .txt {font-family: 'Noto Sans KR', sans-serif; text-align: left; padding: 20px 0;}
.mypage1-1_pop4-1_info .txt h4 {color: #fc7169; margin: 15px auto; font-size: 1.2em;}
.mypage1-1_pop4-1_info .txt p {font-size: 14px; line-height: 22px;}
.mypage1-1_pop4-1_info .est_bottom .left {float: left; width: 44%;}
.mypage1-1_pop4-1_info .est_bottom .right {float: left; width: 55%; margin-left: 1%;}
.mypage1-1_pop4-1_info .est_bottom table {margin-top: 20px; margin-bottom: 50px;}
.mypage1-1_pop4-1_info .est_bottom table tr { border-bottom: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_bottom table th {width: 35%; border-right: 1px solid #eee;}
.mypage1-1_pop4-1_info .est_bottom .left .th_style02 {border-top: 2px solid #009cde;}
.mypage1-1_pop4-1_info .est_bottom .right_txt_top {margin: 10px 0; line-height: 30px;}
.mypage1-1_pop4-1_info .est_bottom .right_txt_top h2 {color: #009cde;}
.mypage1-1_pop4-1_info .est_bottom .right_txt_btm {line-height: 26px; padding-left: 10px;}
.mypage1-1_pop4-1_info .est_bottom .right_txt_btm h4 {padding: 5px 0; font-size: 1.2em;}
.mypage1-1_pop4-1_info .est_bottom .right_txt_btm p {font-size: 11px; line-height: 20px;}


.mypage1-1_pop4-1_info textarea {width: 100%; min-height: 200px; resize: none; padding: 10px; font-family: inherit;}
.cd-popup-container4-1 .pop_textarea_box {padding-bottom: 30px;}
.cd-popup-container4-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.cd-popup-container4-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.cd-popup-container4-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.cd-popup-container4-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.cd-popup-container4-1 .cd-buttons li a:hover {background-color: #51aed6;}
.cd-popup-container4-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.cd-popup-container4-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.cd-popup-container4-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.cd-popup-container4-1 .cd-popup-close::before, .cd-popup-container4-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.cd-popup-container4-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.cd-popup-container4-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.is-visible .cd-popup-container4-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.cd-popup-container4-1 {
		margin: 3em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업4-1 끝 */


/* 2021-10-18 추가_sg */
/* mypage1-1 구매대행 리오더 신청 팝업5 */
.mypage1-1_area_wrap .cd-popup1-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-1_area_wrap .cd-popup1-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-1_area_wrap .cd-popup-container1-1 {position: relative; width: 90%; max-width: 500px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-1_area_wrap .cd-popup-container1-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-1_area_wrap .cd-popup-container1-1 .pop_table_wrap {min-height: 350px;}
.mypage1-1_area_wrap .cd-popup-container1-1 .pop_table_scrollBox {width: 90%; margin: 0 auto 30px; max-height: 300px; overflow-y: scroll;}

.mypage1-1_area_wrap .cd-popup-container1-1 table {width: 100%; border: 1px solid #ddd; font-size: 14px; font-family: 'Noto Sans KR', sans-serif;}
.mypage1-1_area_wrap .cd-popup-container1-1 table thead th {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0; background-color: aliceblue;}
.mypage1-1_area_wrap .cd-popup-container1-1 table tbody td {border-right: 1px solid #ddd;}
.mypage1-1_area_wrap .cd-popup-container1-1 table .item_tit dl dt {width: 80px; text-align: center;}
.mypage1-1_area_wrap .cd-popup-container1-1 table .item_tit dl dd {color: #555; max-width: 60%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; vertical-align: middle;}
.mypage1-1_area_wrap .cd-popup-container1-1 table .item_tit dl dd input {width: 80px; border: 1px solid #dddd; padding: 3px 5px; border-radius: 5px; background-color: aliceblue; vertical-align: super;}
.mypage1-1_area_wrap .cd-popup-container1-1 table .item_tit dl:last-child dd {color: #009cde;}
.mypage1-1_area_wrap .cd-popup-container1-1 table .img_thumb {width: 100px; height: 100px;}
.mypage1-1_area_wrap .cd-popup-container1-1 .page_num {font-size: 14px; padding: 0 0 30px 0;}
.mypage1-1_area_wrap .cd-popup-container1-1 .page_num > ul li a {line-height: 28px;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-popup-close::before, .mypage1-1_area_wrap .cd-popup-container1-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-1_area_wrap .cd-popup-container1-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-1_area_wrap .is-visible .cd-popup-container1-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-1_area_wrap .cd-popup-container1-1 {
		margin: 14em auto;
	}
}
/* mypage1-1 구매대행 정보 팝업5 끝 */



/* mypage1-2 배송대행 정보 팝업1 */
.mypage1-2_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 700px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .cd-popup-container p {padding: 1em 2em; text-align: left;}
.mypage1-2_area_wrap .cd-popup-container table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-2_area_wrap .cd-popup-container table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-2_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center;}
.mypage1-2_area_wrap .cd-popup-container table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-2_area_wrap .cd-popup-container table tr td {background-color: #fafafa; text-align: left; padding: 10px 20px; line-height: 24px;}
.mypage1-2_area_wrap .cd-popup-container table tr td.user_address {display: flex; flex-flow: column; gap: 5px;}
.mypage1-2_area_wrap .cd-popup-container table tr td input[name="dv_zipcode"] {width: 100px; padding: 5px 8px;}
.mypage1-2_area_wrap .cd-popup-container table tr td input {width: 100%; padding: 5px 8px;}
.mypage1-2_area_wrap .cd-popup-container table ul li {line-height: 30px;}
.mypage1-2_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container {
		margin: 10em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업1 끝 */


/* mypage1-2 배송대행 정보 팝업1-1 */
.mypage1-2_area_wrap .cd-popup1-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup1-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container1-1 {position: relative; width: 90%; max-width: 500px; max-height: 60vh; overflow-y: auto; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container1-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container1-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container1-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container1-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container1-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container1-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .cd-popup-container1-1 p {font-family: 'Noto Sans KR', sans-serif; text-align: left; color: #009cde; font-size: 14px;}
.mypage1-2_area_wrap .cd-popup-container1-1 input {vertical-align: middle; line-height: 28px; height: 28px; margin: 0; background-color: #fff; border-radius: 5px;}
.mypage1-2_area_wrap .cd-popup-container1-1 input[type='text'] {padding-left: 5px;}
.mypage1-2_area_wrap .cd-popup-container1-1 input#radio3 {margin-left: 10px;}
.mypage1-2_area_wrap .cd-popup-container1-1 table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-2_area_wrap .cd-popup-container1-1 table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-2_area_wrap .cd-popup-container1-1 table tr th {width: 25%; text-align: center;}
.mypage1-2_area_wrap .cd-popup-container1-1 table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-2_area_wrap .cd-popup-container1-1 table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage1-2_area_wrap .cd-popup-container1-1 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container1-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container1-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container1-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container1-1 {
		margin: 16em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업1-1 끝 */

/* mypage1-2 배송대행 정보 팝업2 */
.mypage1-2_area_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container2 {position: relative; width: 90%; max-width: 1300px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container2 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container2 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container2 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container2 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container2 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container2 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .mypage1-1_pop2_info {min-height: 130px; margin-bottom: 40px;}
.mypage1-2_area_wrap .mypage1-1_pop2_info p {font-weight: 700; line-height: 30px; font-size: 1.2em;}
.mypage1-2_area_wrap .mypage1-1_pop2_info p strong {color: #fc7169;}
.mypage1-2_area_wrap .mypage1-2_pop2_table {width: 95%; margin: 0 auto;}
.mypage1-2_area_wrap .mypage1-2_pop2_table td {text-align: left; padding: 5px; background-color: #fafafa;}
.mypage1-2_area_wrap .mypage1-2_pop2_table td.td_style01 {width: 12%; background-color: rgba(21, 147, 206, 0.122); line-height: 30px; font-weight: 700; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.mypage1-2_area_wrap .mypage1-2_pop2_table input {background-color: #fff; line-height: 26px; border-radius: 5px; padding-left: 5px; width: 80%;}
.mypage1-2_area_wrap .mypage1-2_pop2_table input.sch_input {width: 15%;}
.mypage1-2_area_wrap .mypage1-2_pop2_table button {background-color: #009cde; color: #fff; padding: 0px 12px; border-radius: 5px; height: 30px;}
.mypage1-2_area_wrap .mypage1-2_pop2_table select {padding: 2px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container2 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container2 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container2 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container2 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container2 {
		margin: 16em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업2 끝 */


/* mypage1-2 배송대행 정보 팝업3 */
.mypage1-2_area_wrap .cd-popup3 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup3.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container3 {position: relative; width: 90%; max-width: 900px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup33 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup33.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container3 {position: relative; width: 90%; max-width: 900px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container3 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container3 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container3 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container3 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container3 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container3 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .mypage1-1_pop3_info {width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: left; max-height: 450px; overflow: auto; border-bottom: 1px solid; border-top: 1px solid;}
.mypage1-2_area_wrap .mypage1-1_pop3_info h4 {font-size: 1.2em; padding: 10px 0;}
.mypage1-2_area_wrap .mypage1-1_pop3_info h4 span {color: #009cde;}
.mypage1-2_area_wrap .mypage1-1_pop3_info p {line-height: 30px; font-size: 1.2em;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table {width: 100%; text-align: center;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table thead {background-color: rgba(21, 147, 206, 0.122); line-height: 30px; font-weight: 700;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table td {border: 1px solid #ddd;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td:first-child {width: 5%;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td:nth-child(2) {width: 15%;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td:last-child {width: 80%; text-align: left; padding: 5px;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td ul li {line-height: 30px;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td .img_thumb {width: 100px; height: 100px; margin: 0 auto;}
.mypage1-2_area_wrap .mypage1-1_pop3_info > table tbody tr td span {padding-left: 5px;}

.mypage1-2_area_wrap .cd-popup-container3 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container3 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container3 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container3 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container3 {
		margin: 13em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업3 끝 */

/* mypage1-2 배송대행 정보 팝업4 */
.cd-popup4 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cd-popup4.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container4 {position: relative; width: 90%; max-width: 1100px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.cd-popup-container4 h3 {padding: 40px 0; font-size: 1.5em;}
.cd-popup-container4 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.cd-popup-container4 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.cd-popup-container4 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.cd-popup-container4 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.cd-popup-container4 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_pop4_info {width: 90%; margin: 0px auto; margin-bottom: 50px; text-align: left;}
.mypage1-2_pop4_info h4 {font-size: 1.2em;}
.mypage1-2_pop4_info h4 span {color: #009cde;}
.mypage1-2_pop4_info p {line-height: 30px; font-size: 1.2em;}
.mypage1-2_pop4_info ul > li .popup_inner_box {position: relative; width: 100%; margin: 10px auto; overflow:hidden; overflow-x:auto; white-space: nowrap;}
.mypage1-2_pop4_info ul > li .popup_inner_box > ul {box-sizing: border-box; }
.mypage1-2_pop4_info ul > li .popup_inner_box > ul > li {display: inline-block; width: 300px; height: 100%; box-sizing: border-box;}
.popup_inner_tit {margin-top: 10px;}
.popup_inner_tit > p {display: inline-block;}
.mypage1-2_pop4_info .item_num {padding-right: 20px;}
.popup_inner_tit > button {float: right; background-color: #002e50; color: #fff; padding: 5px 12px; border-radius: 5px;}
.popup_inner_box_list .img-box {width: 300px; height: 250px;}

.cd-popup-container4 .pop_textarea_box {padding-bottom: 30px;}
.cd-popup-container4 .cd-buttons:after {content: ""; display: table; clear: both;}
.cd-popup-container4 .cd-buttons li {float: left; width: 100%; list-style: none;}
.cd-popup-container4 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.cd-popup-container4 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.cd-popup-container4 .cd-buttons li a:hover {background-color: #51aed6;}
.cd-popup-container4 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.cd-popup-container4 .cd-popup-close::before, .cd-popup-container4 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.cd-popup-container4 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.cd-popup-container4 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.is-visible .cd-popup-container4 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.cd-popup-container4 {
		margin: 4em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업4 끝 */

/* mypage1-2 배송대행 정보 팝업3-1 */
.mypage1-2_area_wrap .cd-popup3-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup3-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container3-1 {position: relative; width: 90%; max-width: 500px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container3-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container3-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container3-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container3-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container3-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container3-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .mypage1-1_pop3-1_info {width: 90%; margin: 0px auto; margin-bottom: 30px;}
.mypage1-2_area_wrap .mypage1-1_pop3-1_info p {color: #009cde; margin-bottom: 20px; font-weight: 700; line-height: 30px; font-size: 1em;}
.mypage1-2_area_wrap .mypage1-1_pop3-1_info textarea {width: 100%; min-height: 200px; resize: none; padding: 10px; font-family: inherit;}
.mypage1-2_area_wrap .cd-popup-container3-1 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container3-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container3-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container3-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container3-1 {
		margin: 17em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업3-1 끝 */

/* mypage1-2 배송대행 정보 팝업4-1 */
.mypage1-2_area_wrap .cd-popup4-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-2_area_wrap .cd-popup4-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-2_area_wrap .cd-popup-container4-1 {position: relative; width: 90%; max-width: 1300px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-2_area_wrap .cd-popup-container4-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-2_area_wrap .cd-popup-container4-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-2_area_wrap .cd-popup-container4-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container4-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-2_area_wrap .cd-popup-container4-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-2_area_wrap .cd-popup-container4-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-2_area_wrap .mypage1-1_pop4-1_info {min-height: 130px; margin-bottom: 40px;}
.mypage1-2_area_wrap .mypage1-1_pop4-1_info p {font-weight: 700; line-height: 30px; font-size: 1.2em;}
.mypage1-2_area_wrap .mypage1-1_pop4-1_info p strong {color: #fc7169;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table {width: 95%; margin: 0 auto;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table td {text-align: left; padding: 5px; background-color: #fafafa;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table td.td_style01 {width: 12%; background-color: rgba(21, 147, 206, 0.122); line-height: 30px; font-weight: 700; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table input {background-color: #fff; line-height: 26px; border-radius: 5px; padding-left: 5px; width: 80%;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table input.sch_input {width: 15%;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table button {background-color: #009cde; color: #fff; padding: 0px 12px; border-radius: 5px; height: 30px;}
.mypage1-2_area_wrap .mypage1-2_pop4-1_table select {padding: 2px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container4-1 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-popup-close::before, .mypage1-2_area_wrap .cd-popup-container4-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-2_area_wrap .cd-popup-container4-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-2_area_wrap .is-visible .cd-popup-container4-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-2_area_wrap .cd-popup-container4-1 {
		margin: 17em auto;
	}
}
/* mypage1-2 배송대행 정보 팝업4-1 끝 */


/* mypage1-3 단가조사 정보 팝업1 */
.mypage1-3_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-3_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-3_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 700px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-3_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-3_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-3_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-3_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-3_area_wrap .cd-popup-container p {padding: 1em 2em; text-align: left;}
.mypage1-3_area_wrap .cd-popup-container table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-3_area_wrap .cd-popup-container table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-3_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center;}
.mypage1-3_area_wrap .cd-popup-container table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-3_area_wrap .cd-popup-container table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage1-3_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-3_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-3_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-3_area_wrap .cd-popup-container .cd-popup-close::before, .mypage1-3_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-3_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-3_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-3_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-3_area_wrap .cd-popup-container {
		margin: 21em auto;
	}
}
/* mypage1-3 단가조사 정보 팝업1 끝 */


/* mypage1-3 단가조사 정보 팝업1-1 */
.mypage1-3_area_wrap .cd-popup1-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-3_area_wrap .cd-popup1-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-3_area_wrap .cd-popup-container1-1 {position: relative; width: 90%; max-width: 500px; max-height: 60vh; overflow-y: auto; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-3_area_wrap .cd-popup-container1-1 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-3_area_wrap .cd-popup-container1-1 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-3_area_wrap .cd-popup-container1-1 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container1-1 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container1-1 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-3_area_wrap .cd-popup-container1-1 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-3_area_wrap .cd-popup-container1-1 p {font-family: 'Noto Sans KR', sans-serif; text-align: left; color: #009cde; font-size: 14px;}
.mypage1-3_area_wrap .cd-popup-container1-1 input {vertical-align: middle; line-height: 28px; height: 28px; margin: 0; background-color: #fff; border-radius: 5px;}
.mypage1-3_area_wrap .cd-popup-container1-1 input[type='text'] {padding-left: 5px;}
.mypage1-3_area_wrap .cd-popup-container1-1 input#radio3 {margin-left: 10px;}
.mypage1-3_area_wrap .cd-popup-container1-1 table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage1-3_area_wrap .cd-popup-container1-1 table tr {height: 50px; border-bottom: 1px solid #fff;}
.mypage1-3_area_wrap .cd-popup-container1-1 table tr th {width: 25%; text-align: center;}
.mypage1-3_area_wrap .cd-popup-container1-1 table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage1-3_area_wrap .cd-popup-container1-1 table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage1-3_area_wrap .cd-popup-container1-1 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-popup-close::before, .mypage1-3_area_wrap .cd-popup-container1-1 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-3_area_wrap .cd-popup-container1-1 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-3_area_wrap .is-visible .cd-popup-container1-1 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-3_area_wrap .cd-popup-container1-1 {
		margin: 16em auto;
	}
}
/* mypage1-3 단가조사 정보 팝업1-1 끝 */

/* mypage1-3 단가조사 정보 팝업2 */
.mypage1-3_area_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage1-3_area_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage1-3_area_wrap .cd-popup-container2 {position: relative; width: 90%; max-width: 1300px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage1-3_area_wrap .cd-popup-container2 h3 {padding: 40px 0; font-size: 1.5em;}
.mypage1-3_area_wrap .cd-popup-container2 > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage1-3_area_wrap .cd-popup-container2 > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container2 > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage1-3_area_wrap .cd-popup-container2 > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage1-3_area_wrap .cd-popup-container2 > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage1-3_area_wrap .mypage1-1_pop2_info {min-height: 130px; margin-bottom: 40px;}
.mypage1-3_area_wrap .mypage1-2_pop2_table {width: 95%; margin: 0 auto;}
.mypage1-3_area_wrap .mypage1-2_pop2_table td {text-align: left; padding: 5px; background-color: #fafafa;}
.mypage1-3_area_wrap .mypage1-2_pop2_table td.td_style01 {width: 15%; background-color: rgba(21, 147, 206, 0.122); line-height: 30px; font-weight: 700; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.mypage1-3_area_wrap .mypage1-2_pop2_table td.td_style02 {line-height: normal;}
.mypage1-3_area_wrap .mypage1-2_pop2_table input {background-color: #fff; line-height: 26px; border-radius: 5px; padding-left: 5px; width: 80%;}
.mypage1-3_area_wrap .mypage1-2_pop2_table input.ipt_style15 {width: 30%;}
.mypage1-3_area_wrap .mypage1-2_pop2_table div.filebox input {width: 20%; line-height: 26px; padding: 5px; border: none; font-size: 16px;}
.mypage1-3_area_wrap .mypage1-2_pop2_table button {background-color: #009cde; color: #fff; padding: 0px 12px; border-radius: 5px; height: 30px;}
.mypage1-3_area_wrap .mypage1-2_pop2_table select {padding: 2px; height: 30px;}
.mypage1-3_area_wrap .mypage1-2_pop2_table p {font-size: 14px; letter-spacing: -0.5px;}
.mypage1-3_area_wrap .cd-popup-container2 .pop_textarea_box {padding-bottom: 30px;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons li a:hover {background-color: #51aed6;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-popup-close::before, .mypage1-3_area_wrap .cd-popup-container2 .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage1-3_area_wrap .cd-popup-container2 .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage1-3_area_wrap .is-visible .cd-popup-container2 {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage1-3_area_wrap .cd-popup-container2 {
		margin: 16em auto;
	}
}
/* mypage1-3 단가조사 정보 팝업2 끝 */



/* sub4-1-1 단가조사절차안내 */
.cd-popup0 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cd-popup0.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.pageinfo.sub4-1-1{padding-bottom: 0;}
.sub4-1-1 h1{padding-bottom: 60px; line-height: 80px;}
.container.sub2-1 .sub4-1{width: 100% !important; padding-top: 0px !important;}
.sub4-1_list{float: left; margin-left: 11% !important;}
.sub4-1_con{  width: 100%;
	align-items: center;
	justify-content: center;
	height: auto;
	margin-top: 50px;
	color: #fff;}
.sub4-1-1_mid{text-align: center;}
.sub_bank{text-align: right;}
.sub4-1_con1.one{background-color: #009cde; padding: 50px 0;}
.sub4-1_con1.two{padding: 60px 0;}
.sub4-1_con1.two h1{color:#000;}
.sub4-1_con1.three{background-color: #009cde; padding: 50px 40px;}
.sub4-1_con1 img{ margin: 20px auto;}
.sub4-1_con1 p{line-height: 28px;font-size: 1.2em; color:#fff; line-height: 35px;}
.sub4-1_con1.one p i{color:#fff; font-size: 0.8em;}
.sub4-1_con1.two p{text-align: center;  line-height: 35px; font-weight: 600; font-size: 1.2em; color:#000;}
.sub4-1_con1.three p{font-weight: 700;}
.sub4-1_con1.three p i{color:#fff; font-size: 0.8em;}
.sub4-1_con1.three img{margin: 55px;}
.sub4-1_blue{color:#009cde; font-weight: 700;}
.container.sub2-1 .sub4-1.one{font-weight: 600;}
.bank{float: right; font-weight: 800;}
.bank span{display: inline-block; padding: 16px;}
.sub4-1-1_img{display: block;}
.sub4-1-1_img_mo{display: none;}
/**/



/* mypage4-2 예치금 충전신청내역 - 팝업1 */
.mypage4-2_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage4-2_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage4-2_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 700px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage4-2_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage4-2_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage4-2_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage4-2_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage4-2_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage4-2_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage4-2_area_wrap .cd-popup-container p {padding: 1em 2em; text-align: left;}
.mypage4-2_area_wrap .cd-popup-container table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage4-2_area_wrap .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
.mypage4-2_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center; background-color: rgba(21, 147, 206, 0.122);}
.mypage4-2_area_wrap .cd-popup-container table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage4-2_area_wrap .cd-popup-container table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage4-2_area_wrap .cd-popup-container table tr td:nth-child(odd) {background-color: rgba(21, 147, 206, 0.122); text-align: center; padding: 0px; font-weight: 700; width: 130px;}

.mypage4-2_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons li a:hover {background-color: #51aed6;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage4-2_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage4-2_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage4-2_area_wrap .cd-popup-container .cd-popup-close::before, .mypage4-2_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage4-2_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage4-2_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage4-2_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media only screen and (min-width: 1170px) {
	.mypage4-2_area_wrap .cd-popup-container {
		margin: 13em auto;
	}
}
/* mypage4-2 예치금 충전신청내역 - 팝업1 끝 */



/* mypage4-3 예치금 환불신청내역 - 팝업1 */
.mypage4-3_area_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage4-3_area_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage4-3_area_wrap .cd-popup-container {position: relative; width: 90%; max-width: 700px; margin: 4em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.mypage4-3_area_wrap .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
.mypage4-3_area_wrap .cd-popup-container > dl {display: flex; padding-top: 40px; -webkit-box-pack: justify; justify-content: center; flex-wrap: nowrap; width: 90%; margin: 0 auto;}
.mypage4-3_area_wrap .cd-popup-container > dl dt {clear: both; padding-right: 20px; line-height: 1.2; font-size: 30px; font-weight: 600; white-space: nowrap; box-sizing: border-box;}
.mypage4-3_area_wrap .cd-popup-container > dl dd {position: relative; padding: 0 10px; line-height: 1.7; font-size: 18px; box-sizing: border-box;}
.mypage4-3_area_wrap .cd-popup-container > dl dd::before {content: ''; position: absolute; top: 6px; left: 0; bottom: 0; width: 2px; height: calc(100% - 5px); background-color: #747474;}
.mypage4-3_area_wrap .cd-popup-container > dl dd::after {content: ''; position: absolute; top: 6px; left: 0; z-index: 1; width: 2px; height: 50%; background-color: #1592ce;}

.mypage4-3_area_wrap .cd-popup-container p {padding: 1em 2em; text-align: left;}
.mypage4-3_area_wrap .cd-popup-container table {width: 90%; margin: 0px auto; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #ddd;}
.mypage4-3_area_wrap .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
.mypage4-3_area_wrap .cd-popup-container table tr th {width: 32%; text-align: center; background-color: rgba(21, 147, 206, 0.122);}
.mypage4-3_area_wrap .cd-popup-container table th {background-color: rgba(21, 147, 206, 0.122); text-align: center; font-weight: 700; border-right: 1px solid #fff; width: 100px;}
.mypage4-3_area_wrap .cd-popup-container table tr td {background-color: #fafafa; text-align: left; padding: 10px 0 10px 20px; line-height: 24px;}
.mypage4-3_area_wrap .cd-popup-container table tr td:nth-child(odd) {background-color: rgba(21, 147, 206, 0.122); text-align: center; padding: 0px; font-weight: 700; width: 130px;}
.mypage4-3_area_wrap .cd-popup-container table select {height: 40px; width: 40%;}
.mypage4-3_area_wrap .cd-popup-container table input[type='text'] {background-color: #fff; height: 40px; line-height: 28px; border-radius: 5px; padding-left: 5px; width: 70%;}
.mypage4-3_area_wrap .cd-popup-container table input[type='number'] {height: 40px; width: 40%;}
.mypage4-3_area_wrap .cd-popup-container table input[type='number']::-webkit-outer-spin-button,
.mypage4-3_area_wrap .cd-popup-container table input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.mypage4-3_area_wrap .cd-popup-container table input.ipt_style01 {width: 40%;}

.mypage4-3_area_wrap .cd-popup-container .pop_textarea_box {padding-bottom: 30px;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons a {display: block; line-height: 40px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons li a {background: #009cde; border-radius: 0 0 .25em 0;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons li a:hover {background-color: #51aed6;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169; border-radius: 0 0 0 .25em;}
.mypage4-3_area_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #fc8982;}
.mypage4-3_area_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.mypage4-3_area_wrap .cd-popup-container .cd-popup-close::before, .mypage4-3_area_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.mypage4-3_area_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.mypage4-3_area_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.mypage4-3_area_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}



@media only screen and (min-width: 1170px) {
	.mypage4-3_area_wrap .cd-popup-container {
		margin: 13em auto;
	}
}
/* mypage4-3 예치금 환불신청내역 - 팝업1 끝 */




.m-transportScroll {
	overflow-y:scroll;
	height: auto;
}

@media only screen and (max-width: 1170px) {
	.m-transportScroll {
		height: 80%;
	}
}

@media screen and (max-width: 768px) {
	.m-transportScroll {
		height: 80%;
	}

	.m_pop2_table {
		width: 100%;
		border-spacing: 0 10px;
	}

	.m_table_row {
		display: block;
		background: #fff;
		padding: 10px;
		margin-bottom: 10px;
		border-radius: 6px;
		border: 1px solid #ddd;
	}

	.m_table_row td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 6px 4px;
		text-align: left !important;
	}

	.m_pop2_table input,
	.m_pop2_table select,
	.m_pop2_table button {
		width: 100% !important;
		font-size: 14px;
		margin-top: 6px;
	}

	.m_img_btn {
		margin-top: 10px;
		width: 100%;
	}

	.mypage1-2_area_wrap .mypage1-2_pop2_table td.td_style01 {width: 100%;}

}