@charset "utf-8";
@import url('/css/comm.css');
/* @import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{
	text-decoration:none;
	vertical-align: middle;
}
strong{font-weight:bold;}
body {background:#f8f8f8;}

/* layout id */
#wrap {position:relative; overflow:hidden; width:100%; height:100%; }


/* 상단 이전으로, 센터로고, 홈버튼  20150216  */
header{ position:relative;height:52px;margin:0; padding:0; background:#ed4373;border-bottom:4px #fedd00 solid;}
header .top_title_1 {display:block;width:100%;padding:14px 0 0 0; text-align:center; color:#FFF; font-size:1.2em; font-weight:bold}
header .menu_pop {position:absolute; left:0; top:0;}
header .flick_home {position:absolute; right:0; top:0}

 /*
.page-wrap {overflow:hidden;float:right;width:100%;transition:width 0.3s ease 0; }

nav {position: fixed; top: 0; width: 70%; height: 100%; background: #3B3B3B; overflow-y: auto; transition:left 0.3s ease;left:-70%; z-index:99;}
nav a {display: block; background: linear-gradient(#3e3e3e, #383838); border-top: 1px solid #484848; border-bottom: 1px solid #2E2E2E; color:#FFF; padding: 15px;}
nav a:hover, nav a:focus {background: linear-gradient(#484848, #383838);}
nav:after {content: "";position: absolute;top: 0;right: 0;height: 100%;width: 34px;background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));}
 
.close-menu {display: none;}
 
#main-nav:target {left: 0;}
#main-nav:target + .page-wrap {left:70%;}
#main-nav:target + .page-wrap .open-menu {display: none;}
#main-nav:target + .page-wrap .close-menu {display: block;}
*/

.ui-widget .btn_pink {
	color:#fff;
	font-family:NanumGothic;
	font-weight:normal;
	width:40%;
}

/* Footer */
footer {position:fixed;bottom:0;z-index:1;height:47px;width:100%;background-color:#f8f8f8;background-image:none;box-shadow:0 0 2px rgba(0,0,0,0.5);}
footer ul {margin:0;}
footer ul li {-webkit-box-flex:1;width:20%;margin:0;text-align:center;padding:0; float:left;}
footer ul li a {display:inline-block;width:40px;height:40px;background:url("/images/bg_btn_footer.png") 0 0 no-repeat;vertical-align:top;}
footer ul li .pre {background-position:0 0;}
footer ul li .next {background-position:0 -50px;}
footer ul li .home {background-position:0 -100px;}
footer ul li .refresh {background-position:0 -150px;}
footer ul li .top {background-position:0 -200px;}
footer ul:after {content:"";display:block;clear:both;*zoom:1;}

/* 약관 pattern */
.pattern {margin:0; padding:0;/* background:url('/cooperation/24mall/images/bg_pattern.png') repeat;*/ background:#f8f8f8; border-top:1px #cbcbcb solid}
/* 정보입력 pattern */
.pattern_01 {margin:0; padding:0;/* background:url('/cooperation/24mall/images/bg_pattern.png') repeat;*/ background:#f8f8f8; border-top:1px #cbcbcb solid;border-bottom:1px #cbcbcb solid;}

/* 페이지 명    */
.p_name1 {/*background:transparent url('/cooperation/24mall/images/bg_main.gif') repeat-x 0 0;*/background:#fff;}
.p_name1 h1 {padding:11px 0 0 14px; font-size:1em; }
.p_name1 p {padding:5px 0 14px 14px;font-size:0.85em;}

.btn_pink {
   display:inline-block;
   width:30%;
   margin:0 2px;
   border: 1px solid #c32f59;
   background:#ed4373;   
   background: -webkit-gradient(linear, left top, left bottom, from(#ed4373), to(#ed4373));
   background: -webkit-linear-gradient(top, #ed4373, #ed4373);
   background: -moz-linear-gradient(top, #ed4373, #ed4373);
   background: -ms-linear-gradient(top, #ed4373, #ed4373);
   background: -o-linear-gradient(top, #ed4373, #ed4373);
   padding:12px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 1.2em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   } 


.btn_small {
   display:inline-block;
   width:30%;
   margin:8px 0;
   border: 1px solid #c32f59;
   background:#ed4373;   
   background: -webkit-gradient(linear, left top, left bottom, from(#ed4373), to(#ed4373));
   background: -webkit-linear-gradient(top, #ed4373, #ed4373);
   background: -moz-linear-gradient(top, #ed4373, #ed4373);
   background: -ms-linear-gradient(top, #ed4373, #ed4373);
   background: -o-linear-gradient(top, #ed4373, #ed4373);
   padding:2px 3px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 0.85em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
   } 

/*******************************************************************  20150216 끝 */



/* 업체상세 탭메뉴 */
.tapbox {position:fixed; width:100%;background-color:#fff;top:53px;padding-top:12px;z-index:99;}
.tab_menu {margin:0; padding:0; height:36px;border-bottom:1px #d6d6d6 solid; }
.tab_menu li {float:left;margin-right:-1px;margin-bottom:-1px; margin-left:10px; padding:0;border:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;color:#333; background:#f6f6f6;}
.tab_menu li a {display:block;margin:0;padding:8px 20px;color:#666;text-decoration:none;}
/*.tab_menu li a:hover{background:#f4f4f4;color:#333}*/
.tab_menu li.selected{border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #fff;border-left:1px solid #d6d6d6;background:#fff; font-weight:bold}
.tab_menu li.selected a.noback {background:#FFF;color:#000;font-weight:bold;letter-spacing:-1px}
/*.tab_menu li.selected a:hover.noback{background:#f4f4f4;color:#333}*/



/* Process Step Navi */
.step {clear:both;margin:0; height:58px; text-align:center; background:url('/images/bg_step.jpg')}
.step li {float:left; width:25%}
.step li a {position:relative; float:left; width:100%; text-align:center;}
.step li img {width:71px; height:58px;} 




/* 이사 정보입력   */
.secbox {margin:0; padding:0; border-bottom:1px #999 solid; position: relative;}
.sec-list { position: relative;}
.sec-list li {float:left; padding:0px;}
.sec-list li.fl { display: block; margin: 12px 0 0 0; width: 100px;}
.sec-list li.fc { display: block; margin: 5px 0 5px 0; width: 47%; height:38px;  background:url('/images/bg_form_l.png') ;}
.sec-list li.fcc { display: block; margin: 5px 0 5px 0; width: 59%; height:38px;  background:url('/images/bg_form_l.png') ;}
.sec-list li.fr { display: block; margin: 5px 0 5px 0; width: 1%; height:38px;}
.sec-list li a span.tit {position: absolute; margin:10px 0 0 10px;font-size:15px; color:#000; font-weight:bold; }

/* 이사옵션 정보입력   */
.opt-list {	*zoom:1;margin:0 ;padding: 15px 0 15px 10px; border-bottom:1px solid #e0e0e0;}
.opt-list span {position:absolute;right:15px;width:32px;height:30px;margin-top:-5px;}
.opt-list span.opt_01 {background:url('/images/ico_opt.png')  0 0 no-repeat;}
.opt-list span.opt_02 {background:url('/images/ico_opt.png')  0 -30px no-repeat;}
.opt-list span.opt_03 {background:url('/images/ico_opt.png')  0 -60px no-repeat;}
.opt-list span.opt_04 {background:url('/images/ico_opt.png')  0 -90px no-repeat;}
.opt-list span.opt_05 {background:url('/images/ico_opt.png')  0 -120px no-repeat;}
.opt-list span.opt_06 {background:url('/images/ico_opt.png')  0 -150px no-repeat;}
.opt-list span.opt_07 {background:url('/images/ico_opt.png') 0 -180px no-repeat;}

.btn_next { clear:both; position: relative; padding-top:15px; width:100%;  text-align:center;}






/* 상세탭메뉴 */
#tab {height:31px;  position:relative;clear:both;background:#312e2c;}
#tab ul { margin:0; padding:0; width:100%;}
#tab li {float:left}
#tab li.a1 a {background:transparent url('/images/btn_view.png')  0 0 no-repeat; display:block; width:106px; height:31px; }
#tab li.a2 a {background:transparent url('/images/btn_view.png')  0 -103px no-repeat; display:block; width:106px; height:31px; }
#tab li.a3 a {background:transparent url('/images/btn_view.png')  0 -144px no-repeat; display:block; width:106px; height:31px; }


/* 등급 표시 */
.starRating, .starRating span {display:inline-block;overflow:hidden;height:13px;background:transparent url('/images/bg_star.png')  0 0 no-repeat;}
.starRating {width:74px;vertical-align:middle;margin:0 0 0 0;}
.starRating span {background-position:0 -13px;font-size:0;line-height:0;text-indent:-100px;*text-indent:0;vertical-align:top;margin:0 74px 0 0 ;}
.grade{position:absolute;background:transparent url('/images/mark_01.gif') no-repeat; display:block; width:65px; height:14px;}


/* 상세페이지 관련 */
.mov-box {position:relative;background:#fff; padding-bottom:10px; margin-top:10px; border:1px #dcdcdc solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.mov-box h3 {position:relative;display:block; margin:8px;padding:5px 0; font-size:0.95em}
.mov-box h3 .p_col{position:absolute;top:5px; right:10px;color:#e54c8d; font-family:'Arial';}
.mov-box .right-pay {position:absolute; right:20px;  font-family:'Arial';}
.mov-box .right-margin {position:absolute; right:12px;}
.mov-box ul {margin:8px; border-bottom:1px #dedede solid}
.mov-box ul li {padding:0 0 8px 0;font-size:0.9em;}
.mov-box ol {margin-top:0;padding-left:15px;}
.mov-box ol li {margin-left:20px;padding:0;line-height:1.6;font-size:0.85em;list-style-type:decimal;}
.mov-box .com-desc {padding:10px;margin:0;}
.mov-box .com-desc p {margin-top:5px;font-size:0.85em;}

.mov-box .post-list {padding:10px;position:relative;}
.mov-box .post-list dl {margin:0 0 8px 0;padding:5px 0 10px 0; border-bottom:1px solid #dcdcdc;}
.mov-box .post-list dd {font-size:0.9em;margin-top:8px;}

.mov-box .pl-name { font-weight:bold; font-size:0.95em; margin-right:20px;}
.mov-box .pl-phone { margin-right:10px;}
.mov-box .pl-comment { font-size:0.95em;}
.mov-box .pl-remove {color:#ff8236;cursor:pointer;font-weight:bold;margin-left:5px;}
.mov-box .pl-more {text-align:right; margin-top:10px;}
			
/* sms 간편이사상담*/
.sms_box {
	border:1px #dbdbdb solid;
	background:#fff;
	padding:15px;
	line-height:1.6;
	margin-bottom:15px;
	border-radius:2px; 
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:0 0 2px 2px #eee;
	-moz-box-shadow:0 0 2px 2px #eee;
	-webkit-box-shadow:0 0 2px 2px #eee;	
}
.sms_box .com_logo {margin:0 0 15px 0;font-size:1.2em; font-family:'';color:#ed4373; font-weight:bold;}
.sms_box .com_logo img{vertical-align:middle}
.sms_box .com_logo span{margin:0 0 0 7px;vertical-align:middle}

.sms_icon {position:absolute; right:40px;background:transparent url('/images/ico_sms.png') no-repeat; width:18px; height:18px; margin-top:5px;}
.sms_icon_tel {background-position: 0 0; width:18px; }
.sms_icon_coun {background-position: -30px 0; width:15px;}
.sms_icon_calcu {background-position: -70px 0; width:15px;}




.sms_info ul { margin:0; padding:0;}
.sms_info li { margin-bottom:12px;}
.sms_info label {float:left; padding:8px 0; width:80px;}
.sms_info input {
	padding:7px 5px;
}
.sms_info a.phonesel {
	width:20%;
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	border:1px solid #cccccc;	
	padding:7px 5px;	
	background:url('/images/arrow_02.png') right no-repeat;
}
.sms_info input.phonebno {
	width:15%;
	margin:0;
	vertical-align:middle;
	background:#fff;
	border:1px solid #cccccc;
}
.sms_info a.area {
	width:62%;
	display:inline-block;
	vertical-align:middle;
	background:#fff;
	border:1px solid #cccccc;	
	padding:7px 5px;	
	background:url('/images/arrow_02.png') right no-repeat;	
}
.sms_info select {line-height:28px;}

/* 공통    */
.text_01 {margin:0; padding:0; width:100%; background:#403f3e;}
.bg_col {
	background-image: -moz-linear-gradient(top, 
							#fff, 
							#e9e9e9);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#fff),
		color-stop(1, 		#e9e9e9));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#e9e9e9)')";
}

.inputbox_01 {background:#E6E6E6;border:2px solid #B2B3B2;width :60%;display:block;font-weight:bold;padding:8px 5px;}
.inputbox_02 {background:#E6E6E6;border:1px solid #B2B3B2;width :90%;padding:8px 5px; margin-bottom:10px;}
.inputbox_03 {background:#fff;border:1px solid #cccccc;width :62%;}

/*이용약관*/
#member {position:relative;padding:0 10px}

#member .memtop {text-align:left;width:100%; padding:10px 0;}
#member .memtit1 {background:url('/images/ico_agree.gif') no-repeat 0 0;padding:1px 0 0 20px;font-size:1em}
#member .memtln {border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;text-align:left;padding:0;line-height:1.5;font-size:0.7em}


.box_scroll {height:102px; overflow:hidden; line-height:15px; font-size:0.7em; padding:5px;}
.memtoplne {font-size:0.75em;border-bottom:1px solid #dcdcdc; padding:10px;}
.memtit {background:url('/images/ico_agree.gif') no-repeat 0 0;padding:1px 0 0 20px;font-size:1.4em}	
.memtd {cursor:pointer;background:#f3f3f3;font-size:0.7em;text-align:left;padding:10px; border:1px #e9e9e9 solid;}
.memtxtt {margin:10px 0 5px 0 ;display:inline-block;color:#a63e63;font-size:0.8em; text-align:center; width:100%;}
.memrbtn { width:100%; text-align:center;}


/* 이사도움말 */
.write { margin:0 8px; padding: 5px; }
.write .write_menu { border: 1px solid #fff; }
.write .write_menu dt { clear: both; height: 40px; border-bottom: 1px solid #dcdcdc; background: url("/images/write_tit_bg.gif") repeat-x 0 0; }
.write .write_menu dt a { display: block; height: 40px; cursor: pointer; }
.write .write_menu dt .tit { float: left; padding: 12px 0 0 14px; }
.write .write_menu dt .arr { float: right; padding: 10px 14px 0 0; }
.write .write_menu dt.first {  }
.write .write_menu dt.last { border-bottom: 0; }
.write .write_menu dd { border-bottom: 1px solid #dcdcdc; background-color: #fff; }
.write .write_menu dd.last { border-top: 1px solid #dcdcdc; border-bottom: 0; }
.write .write_menu dd .write_list { border: 0; }


.write .write_list { border: 1px solid #dcdcdc; background-color: #fff; }
.write .write_list li { *display: inline-block; border-bottom: 1px solid #dcdcdc; }
.write .write_list li:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.write .write_list li .txt { float: left; padding: 15px 0 15px 14px; }
.write .write_list li .info { float: left; padding: 15px 0 15px 10px; width: 95%; }
.write .write_list li .info .subject { padding-bottom: 2px; color: #565656; font-weight: bold; letter-spacing: -1px; }
.write .write_list li .info .comment { color: #000; font-weight: none; letter-spacing: -1px; font-size:0.8em; }
/*.write .write_list li .btn_go { float: right; padding: 18px 14px 0 0; }*/
.write .write_list li img { vertical-align :top; }
.write .write_list li.last { border-bottom: 0; }




/* 이사도움말 round */
.write .write_menu {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.write .write_menu dt.first {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.write .write_menu dt.last {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.write .write_menu dd.last {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.write .write_list {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.roundnone {
	-webkit-border-bottom-right-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-radius-bottomright: 0 !important;
	-moz-border-radius-bottomleft: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

/* 모바일가이드 */
.guide_wrap {border-top:0px solid #dcdcdc; border-bottom:1px solid #dcdcdc; margin:0; padding:20px 10px 10px 10px;}
.guide_wrap .guide dt {text-align:left; margin:5px 0 15px 0;font-size:1em; font-weight:bold;}
.guide_wrap .guide dt span { display:inline-block;width:30px; background:#ed4373; color:#FFF; font-size:1.2eml; font-weight:bold; text-align:center;border:1px solid #d01f51;
   -webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	}
.guide_wrap .guide dd {margin:5px 0;padding: 0 0 0 8px; line-height:1.6; letter-spacing:normal; color:#666; font-size:0.95em;}
.guide_wrap .nonebg {background:none !important;}
.guide_wrap .guide dd.picture {text-align:center;margin:12px 0; background:none}
.guide_wrap .guide dd.picture img {width:100%}


/* 개인정보/회원탈퇴 */	
.btn-box {width:95%; margin-top:20px; text-align:center;}
	

	
/* my icon class */
.right-arrow_01 {background:url(/images/arrow_02.png) right no-repeat;}


/*  Round BOX */


/* Common Footer */
.footer { clear:both; position: relative; width:100%; height:40px;}
.footer li  {float:left; width:50%; text-align:center; height:40px;}
.footer li.bg01 { background:url('/images/bg_foot_l.png') repeat-x; height:40px; padding-top:10px;}
.footer li.bg02 { background:url('/images/bg_foot_r.png') repeat-x; height:40px; padding-top:10px;}


/* mypage & contract page */
.m_group_H {padding:15px 0 20px 0 ;width:100%;margin:0;background:#f9f9f9 url(/images/ico_home_1.png) no-repeat 10px center;border-bottom:1px #e3e3e3 solid; background-size:52px 52px}
.m_group_O {padding:15px 0 20px 0 ;width:100%;margin:0;background:#f9f9f9 url(/images/ico_offi_1.png) no-repeat 10px center;border-bottom:1px #e3e3e3 solid; background-size:52px 52px}


.m_group_H .minfo, .m_group_O .minfo {margin:5px 0 0 90px;position:relative;}
.m_group_H .minfo dt, .m_group_O .minfo dt {margin:0 0 10px 0;font-size:1em; font-weight:bold}
.m_group_H .minfo dd, .m_group_O .minfo dd {font-size:0.85em;line-height:1.4}
.m_group_H .minfo .day_count, .m_group_O .minfo .day_count {position:absolute; top:3px; right:15px; color:#b2b2b2;line-height:1.8; text-align:center}
.m_group_H .minfo .count, .m_group_O .minfo .count{color:#df1f70; font-family:'Arial'; font-size:1.8em}



/* 견적신청 할인 이벤트 및 완료 */
.ad_sale {margin:10px 0; padding:3px 10px; background:#FFF;border:1px #F03 solid; text-align:center}		
.ad_sale img { width:95%}

.ad_join {margin:10px 0; padding:3px 10px;background:#FFF;border:2px #5065b6 solid; text-align:center}		
.ad_join img { width:95%}