﻿@charset "utf-8";

/* common */
* {font-family:맑은 고딕;}
.shawdow {
	box-shadow:10px 10px 10px silver; 
	-moz-box-shadow:10px 10px 10px silver; 
	-webkit-box-shadow:10px 10px 10px silver; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,direction=135, strength=10);
}

.ui-list-btn-up {
	border: 1px solid 		#ccc;
	background: 			#eee;
	font-weight: bold;
	color: 					#444;
	text-shadow: 0 1px 1px #f6f6f6;
	background-image: -moz-linear-gradient(top, 
							#fefefe, 
							#eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdfdfd),
		color-stop(1, 		#eeeeee));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
}

.ui-list-btn-hover {
	border: 1px solid 		#bbb;
	background: 			#dadada;
	font-weight: bold;
	color: 					#101010;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#ededed, 
							#dadada);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ededed),
		color-stop(1, 		#dadada));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
}

.ui-list-btn-up a, .ui-list-btn-hover a {
	display:inline-block;
/*	width:100%;
	height:100%;*/
	padding: 0.7em 0.5em; 
}

.ui-widget li.ui-corner-bottom {border-bottom-width:1px;}

.hide {display:none;}
.dialog-title {
	margin-bottom:10px;
	font-size:0.9em;
	font-weight:normal;
}


.secList li a img {border:0;}

.pattern {padding:20px 0;border:0;background:url('/images/bg_pattern.png');}
.box-corner-all-10 {
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.box-corner-all-5 {
	border-radius:0px; 
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.inset {
	border:0;
	/*padding:10px;*/
	padding:5px 0;
	position:relative;
	width:98%;
	margin:0 auto;
	/*background:#fff;*/
}
.inset:after {content:" ";display:block; both:clear;}

.items {
	*zoom:1;
	width:100%;
	margin:10px auto;
	padding-bottom : 10px;
	border-bottom:0px solid #e0e0e0;
}
.items label {float:left;margin:0 0 0 10px; padding:8px 5px; width:80px;}
.items input {
	padding:8px 5px;
	margin-left:80px;
}
.items .datetime {cursor:pointer;}
.items select {line-height:20px;}
.items a.phonebox-first {
	width:20%;
	display:inline-block;
	margin-left:0px;
	vertical-align:middle;
}
.items input.phonebox-etc {
	width:13%;
	display:inline;
	margin:0;
	vertical-align:middle;
}

.last-line {padding:0; border:0;}

.inputbox {
	background:#E6E6E6;
	border:1px solid #cccccc;
	width :60%;
	margin-left:100px;
	display:block;
	font-weight:bold;
	padding:8px 5px;
}
.button-next { margin:20px 0 0 0;text-align:center;padding:10px 0;}
.no-line {border:0;}

.input1 {
	background:#E6E6E6;
	border:2px solid #B2B3B2;
	font-weight:bold;
	padding:8px 5px;
}

.dialog-desc {font-size:0.8em;font-weight:normal;margin:5px 0;}

.direct-text {font-size:0.8em;text-align:right;font-weight:normal;}
.direct-text a.red {color:#cd2727;}

/* 별점 class */
/*span.star1 {width:20%;}
span.star2 {width:40%;}
span.star3 {width:62%;}
span.star35 {width:72%;}
span.star4 {width:82%;}
span.star45 {width:92%;}
span.star5 {width:100%;}*/
span.star1 {width:62%;}
span.star2 {width:82%;}
span.star3 {width:100%;}

/* my icon class */
.myicon-right-arrow {background:#E6E6E6 url(/images/bg_form_down.png) no-repeat right;}
.myicon-right-date {background:#E6E6E6 url(/images/bg_form_date.png) no-repeat right;}
.right-arrow {background:url(/images/arrow_01.png) right no-repeat;}

#dialog {display:none;}
#dialog button {padding:3px;margin:3px 5px;font-weight:bold;}
.ui-widget ul, #area_gu ul, #area_dong ul { list-style-type: none; margin: 0; padding: 0; }
.ui-widget ul li, #area_gu ul li, #area_dong ul li { font-size: .9em; border-bottom-width:0; margin-bottom:0; font-weight:bold;cursor:pointer; padding:0;}
#dialog button.fixsize {width:75px;padding:2px;font-size:0.8em;font-weight:bold;}

.ui-widget ul li {padding: 0.7em 0.5em;}
.ui-widget ul li input {margin-right:10px;vertical-align:middle;}
.ui-widget ul li label {cursor:pointer;vertical-align:middle;}
.ui-widget .ui-corner-bottom {border-bottom-width:0;}

/* 네비 메뉴 */
.navi { background:#312E2C; }

/* 기본 */
.navi li, .navi .memu-item {
	float:left;
	width:49.8%;
	min-height:1px;
	border:1px solid #484747;
	text-align:center;
	background:#222;
	color:#ffffff;
	text-shadow: 0 1px 0 #000000;
	border-width:0 1px 1px 0;
}

.navi li, .navi .memu-item {
	background-image: -moz-linear-gradient(top, #888888, #222222);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #888888), color-stop(1, #222222));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#888888', EndColorStr='#222222)')";
}

.navi li a, .navi .memu-item a {display:block;padding:10px 0;}

/* 선택되었을때 */
.navi .select-menu {
	background-image: -moz-linear-gradient(top, #000000, #312E2C);
	background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #000000),color-stop(1, #312E2C));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#312E2C')";
	border-top:1px solid #484747;
	border-bottom:1px solid #312E2C;
}
.navi .last-menu {border-right-width:0;}

.descript {padding:10px 15px; background:#fff;}
.descript p {color:#666;font-size:0.75em;line-height:16px;}
.descript div {text-align:right;}
.text-over {
	width:55%;
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:inline-block;
}
.text-over-dot {
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	display:inline-block;
}
.develop {margin-left:3px;}

.opt-list img {vertical-align:middle;}

/* paging */
.paging {text-align:center;margin:5px auto;}
.paging span, .paging a {vertical-align:middle;display:inline-block;}
.paging .page-num {color:#cccccc;margin:0 10px;font-weight:bold;}
.paging #pageCnt {color:#ff7814;}
.paging #totalPage {color:#555555;}

/* 이용약관 */
.EULA {margin:10px 15px; padding:10px; height:130px; overflow:hidden; border:1px solid #e9e9e9;background:#f3f3f3}
#eula_box h2 {text-align:center;margin-bottom:20px;font-size:1.2em;}
.simple {text-align:right;color:#cd2727;padding:5px 20px;font-size:0.85em;}
			
#EULA {color:#333333;font-size:0.7em; }
#EULA h3 {margin:30px 0 12px 0;font-size:1em;}
#EULA ol {margin:5px 0px 5px 20px;;}
#EULA ol li {list-style-type:decimal;margin:3px auto;}
#EULA ul {margin:2px 0 2px 15px;}
#EULA ul.alpha li {list-style-type:lower-alpha;}
#EULA ul.disc li {list-style-type:disc;}
#EULA h3.start {margin-top: 5px;}



/* 가정이사 안내 */
#btnDiv {width:95%;margin:0 auto;margin-bottom:3px;}
.title_content {
	background:#F3F3F3;
	width:95%;
	margin:0 auto;
	padding:5px 0 5px 0;
	border-bottom:1px solid #cccccc;
}
.title_content ol.service li {
	line-height:20px;
	margin-left:15px;
	font-size:0.9em;
}
.title_content ol.service li img {vertical-align:middle;margin-right:5px;}

.step_content {
	background:#ffffff;
	width:95%;
	margin:0 auto;
	padding:15px 0 5px 0;
}
.sub-box-title {
	border:1px solid #DEDEDE;
	padding:5px;
	width:90%;
	margin-left:10px;
}
.gradation {
	background-image: -moz-linear-gradient(top, #ccc, #fff);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fdfdfd),
		color-stop(1, 		#eeeeee));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
}
.step_content ul li {font-size:0.9em; line-height:1.5em;background:url(/images/b_arr.gif) no-repeat;}
.step_content ul.bulet1 li {background-position: 0 8px; padding-left:10px;}
.step_content ul.bulet2 li {background-position: 18px 8px;}

.step_content .step01-icon {background:url(/images/home_ico_01.gif) no-repeat; padding-left:75px; margin:10px 0 10px 20px;}
.step_content .step02-icon {background:url(/images/home_ico_02.gif) no-repeat right; margin:10px 0 10px 20px;width:85%;}
.step_content .step03-icon {background:url(/images/home_ico_03.gif) no-repeat; padding-left:100px; margin:10px 0 10px 10px;}

/* 해외이사 안내 */
.step_content p {padding:5px; margin:0 auto; width:90%; font-size:0.9em; margin-top:8px;}
.step_content p .cbm-bold {font-weight:bold;}
.step_content p .cbm-color {color:#FB5708;}
.step_content .caution-box {border:1px solid #CDCDCD; background:#F2F2F2; padding:7px;width:75%; margin:10px 0 20px 30px;}
.step_content .caution-box li {background:url(/images/overseas_b_arr.gif) no-repeat 10px 7px; width:90%;}


/* 목록 css */
.item-list li {background:#fff;}
.item-list a {
	display:block;
	padding:10px 10px 25px 10px; line-height:140%;
	/*border-top:1px solid #484747;*/
	border-bottom:1px solid #e3e3e3;
}
.item-list a.btn-com-info {background:url(/images/btn_com_view.gif) no-repeat 98% 50%;}
.item-list a .item-text {

	margin-left:85px;
	font-weight:bold;
	display:inline-block;
	width:55%;
}
.item-list a .item-price {

	font-weight:bold;
	vertical-align:middle;
	position:absolute;
	left:105px;
}

.item-list a .btn_circle {
   display:inline-block;
   position:absolute; right:10px;
   width:60px;
   height:60px; 
   margin-top:3px;   
   padding:20px 0 0 0;   
   text-align:center;
   border:0px solid #c32f59;
   background:#ffd737;   
   -webkit-border-radius:45px;
	-moz-border-radius:45px;
	-o-border-radius:45px;
	-ms-border-radius:45px;
	border-radius:45px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#000;
   font-size: 0.85em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;   
}

.logo-img {
	width:68px;
	height:52px;
	position:absolute;
	border:0px solid #cccccc;
	-webkit-box-shadow:2px 2px 0 0 #e1e1e1;
	-moz-box-shadow:2px 2px 0 0 #e1e1e1;
	-o-box-shadow:2px 2px 0 0 #e1e1e1;
	-ms-box-shadow:2px 0 0 2px #e1e1e1;
	box-shadow:2px 2px 0 0 #e1e1e1;	
	margin-top:5px;
}
.price, 
.counsel {width:100%;text-align:none;}
.best {margin-top:3px;display:block;}
.nobest {margin-top:7px;}
.counsel {font-size:0.8em;color:#766c67;}
.nocounsel {margin-top:10px;}
.price {color:#df1f70; font-size:1.4em}
.comname {width:90%; vertical-align:middle}

.info-text-box {padding:10px;font-size:0.85em;}
.info-text-box .info-text-title {margin-bottom:20px;font-size:1.05em;}
.info-text-box .info-text-btn {text-align:center;margin:10px 0;}
.info-text-box .info-text-btn a {display:inline;border:0;}

/* 업체 상세 */
.detail-box {background:#fff;clear:both;padding:10px;}
.btn-area {margin-top:15px;}
.com-info-box {margin:10px 0;min-height:36px;}
.com-info {
	color:#333;
	margin-left:80px;
	font-weight:bold;
	display:inline-block;
/*	width:50%;*/
}

/* 안내문 */
#find_info_text {margin:5px;padding:3px;line-height:1.2em;font-size:0.9em;}



