<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* WEB2WEB (http://web2web.co.kr), PEH 20141224 */

/*팝업*/
#find_id {width:390px; border:4px #ff0019 solid; padding:20px 10px;}
#find_id h2 {text-align:center; color:#ff0019; padding-bottom:10px; border-bottom:1px solid #dcdcdc }
#find_id .find_area{width:340px; margin:10px auto 0; }
#find_id .find_area strong{color:#f73136}
#find_id .find_area em {display:block; color:#4A4A4A}
#find_id .find_area ul{overflow:hidden}
#find_id .find_area ul li{text-align:left}

.title_input {height:20px; line-height:20px; width:250px}
.btn:hover,.btn:active,.btn:visited {text-decoration:none}
.btn_submit {clear:both; text-align:center; margin-top:20px;}
.btn_submit a{color:#fff; text-decoration:none}
.btn_find,.btn_find:active,.btn_find:visited{background-color:#f73136; border:1px solid #dc0b10; color:#fff; line-height:14px; height:14px;}
.btn_find:hover {background-color:#d62429}
.btn_close,.btn_close:active,.btn_close:visited{width:48px; text-align:center; background-color:#fff; border:1px solid #dcdcdc; color:#4d4d4d; line-height:14px; height:14px;}

/*포인트 조회*/
#popup_wrap .title_point{background-color:#F07A7C; padding:8px 8px 8px 15px; color:#fff; font-size:14px; font-weight:700 }
#popup_wrap .point01_area{margin-top:20px;}
#popup_wrap .available_point{margin-top:50px; height:40px; background-color:#EDEDED;}
#popup_wrap .available_point span {display:block; width:300px; margin:0 auto; text-align:center; height:40px; line-height:40px; background:url(/images/btn/bullet.gif) no-repeat 75px 16px;}
table.point_tbl {width:600px; border-top:2px solid #575757; margin:0 auto; }
table.point_tbl thead th {border-bottom:1px #CCCCCC solid; height:35px; padding:0 8px; background-color:#E5E5E5; font-weight: 500;}
table.point_tbl tbody td {border-bottom:1px #CCCCCC solid; height:35px; line-height:35px; text-align:center}


/*쿠폰 조회*/
#popup_wrap {width:935px; margin-top:20px;}
#popup_wrap .title_coupon{border:1px solid #dcdcdc;padding: 20px 8px 20px 15px;color:#333;font-size:14px;text-align:center;}
#popup_wrap .point01_area,#popup_wrap .coupon_area {margin-top:20px;}
#popup_wrap .available_point{margin-top:50px; height:40px; background-color:#F9D0D0;}
#popup_wrap .available_point span {display:block; font-size: 16px;margin-left: 20px;float: left; text-align: left; padding-left: 15px;height:40px; line-height:40px; background: url(/images/btn/bullet.gif) no-repeat 0px 16px;}

table.point_tbl {width: 935px;border-top:2px solid #575757;margin:0 auto;}
table.point_tbl thead th {border-bottom:1px #CCCCCC solid; height:35px; padding:0 8px; background-color:#fff; font-weight: 500;}
table.point_tbl tbody td {border-bottom:1px #CCCCCC solid; height:35px; line-height:35px; text-align:center}

table.coupon_tbl {width: 935px;border-top:2px solid #575757;margin:0 auto;}
table.coupon_tbl thead th {border-bottom:1px #CCCCCC solid;height:35px;padding:0 8px;background-color: #ffffff;font-weight: 500;}
table.coupon_tbl tbody td {border-bottom:1px #CCCCCC solid; height:35px; line-height:18px; text-align:center}

.btn a{text-align:center;vertical-align:middle;font-weight:500;display:inline-block;cursor:pointer; padding:7px 15px;}


/*쿠폰적용 레이어*/
#coupon_layer{width:400px; margin-top:20px;  border:4px #df325b solid;  padding: 20px 10px; background:#fff}
#coupon_layer .title_coupon{padding: 10px 8px 10px 15px; color:#fff; font-size: 16px; width: 360px;margin: 0 auto 10px;text-align:center; background-color: #05B6A2;}
#coupon_layer .coupon_kinds{width: 380px; height:75px;   margin: 0 auto;}
#coupon_layer .coupon_kinds ul {width:360px; height: 75px; padding: 7px 10px 7px 10px; overflow-y:scroll;border:1px solid #D2D2D2;}
#coupon_layer .coupon_kinds ul li  { line-height:20px;}
#coupon_layer .coupon_kinds ul li .chk{float:left; margin-top:2px}
#coupon_layer .coupon_kinds ul li .down_price{float:left; width: 320px; margin-left:5px; font-weight:700; font-size:13px; color:#df325b }
#coupon_layer .coupon_kinds ul li span{display:block;float:left; width: 260px; font-size:13px;}
.btn_apply a:link,.btn_apply a:active,.btn_apply a:visited{background-color: #D000CD; border: 1px solid #8B0094; color:#fff; line-height:14px; height:14px; }
.btn_apply a:hover {background-color:#CB27C9; text-decoration:none !important}

/*세계 각국 우체국*/
#post_wrap{ text-align:center; width:700px;}
#post_wrap h2{ margin:12px 4px 20px; padding:14px 0; border:1px solid #ddd; border-bottom:2px solid #ff7145; color:#df325b; font-size:20px; }
#post_wrap .post_office{ width:700px; }
#post_wrap .post_office dl{ width:130px; float:left; margin:0 4px 20px; border:1px solid #ddd; }
#post_wrap .post_office dt{ padding:4px 0; background-color:#e5e5e5; font-size:15px; font-weight:700; border-top:1px solid #555;}
#post_wrap .post_office dd{ height:28px; line-height:28px; border-top:1px solid #ddd; font-size:14px; }
#post_wrap .post_office dd a:hover{ color:#dc1b0c;}

/*최근 목적지*/
#recent_wrap {position:relative;width: 580px;padding:10px;border: 4px #df325b solid;}
#recent_wrap .head_title {/* padding-left:150px; *//* padding-top:20px; *//* border:2px solid #df325b; */padding: 10px 20px;background: #f6f6f6;/* width: 396px; *//* height:80px; */}
#recent_wrap .head_title strong {font-size:18px; font-weight:700}
.wrap_his { margin-top:20px; padding:5px; overflow-y:scroll;  overflow-x:hidden; border:1px #A3A3A3 solid; height:400px;}
.des_list{float:left; width:235px; border:1px #A3A3A3 solid; padding:10px; margin:12px 5px;}
.des_list ul li {line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all}
.des_list span {display:block; height:30px; font-size:14px; font-weight:700; }
.btn_area{ margin-top:20px;}
#recent_wrap .btn_clo {position:absolute; top:-5px; right:-4px; cursor:pointer;}

/*레이어팝업 추가*/
#new_popup {position:fixed;width: 580px;padding:10px;border: 4px #df325b solid; top:50%; left:50%; transform:translate(-50%, -50%); }
#new_popup .head_title {padding: 20px;background: #f6f6f6;}
#new_popup .head_title strong {font-size: 20px;font-weight: 600;color: #333;}
#new_popup .btn_close2 {position:absolute; top:-5px; right:-4px; cursor:pointer;}
#new_popup .txt_noti {margin-top:20px;padding: 5px 10px 10px;border:1px #A3A3A3 solid;/* height:400px; */}
#new_popup .txt_noti li {font-size:16px; color:#333; line-height:25px; font-weight:500}
#new_popup .txt_noti li:last-child{margin-top: 20px;color: #0048e3;line-height: 20px;} 
#new_popup .txt_noti li span {color: #df325b;}

/*멀티팝업 추가*/
#layer_pop_new{
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index: 999;
}
#layer_pop_new .layer_pop_inner {
	width: 650px;
	padding: 10px;
	background-color:#fff;
	border:3px solid #232323;
}
#layer_pop_new .layer_pop_inner ul {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}
#layer_pop_new .layer_pop_inner li {
	display: table-cell;
	padding: 10px;
	width: 25%;
	height: 50px;
	border: 1px solid #dfdfdf;
	background-color:#f8f8f8;
	font-size: 15px;
	font-weight: 500;
	color: #666;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	box-sizing:border-box;
}
#layer_pop_new .layer_pop_inner li:hover {
	position:relative;
	border: 5px solid #df325b;
	background-color: #fff;
	color: #df325b;
}
#layer_pop_new .layer_pop_inner li:hover::after{
	content:"";
	position:absolute;
	left:50%;
	bottom: -12px;
	transform:translate(-50%,0);
	border-top:10px solid #df325b;
	border-left: 10px solid transparent;
	border-right:10px solid transparent;
}
#layer_pop_new .layer_pop_inner li.on {
	position:relative;
	border: 5px solid #df325b;
	background-color: #fff;
	color: #df325b;
}
#layer_pop_new .layer_pop_inner li.on::after{
	content:"";
	position:absolute;
	left:50%;
	bottom: -12px;
	transform:translate(-50%,0);
	border-top:10px solid #df325b;
	border-left: 10px solid transparent;
	border-right:10px solid transparent;
}
#layer_pop_new .layer_pop_inner li img {
	display:block
}
#layer_pop_new .tab_con_area {
	width: 650px;
	height: 455px;
}
#layer_pop_new .tab_con_area a {
  display:none;
}
#layer_pop_new .tab_con_area img {
	display:block;
	width: 100%;
}</pre></body></html>