@charset "utf-8";
@import url("/Library/Css/user_layout.css");


/* 메인 Css */


/*메인*/
.mConBox1{width:986px; margin:0 auto;height:548px;border-bottom: 2px solid #9192a3;}
.mConBox2{width:984px; margin:0 auto; overflow:hidden; border-top:1px solid #9192a3; border-bottom:2px solid #9192a3;
border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.mConBox3{width:986px; margin:0 auto; }

.mConBox-ex01{width:986px; margin:0 auto; margin-top: 30px;}

.mConBox-ex01:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;	
}

.mConBox-ex01 .shCate{
	width: 100%;
	height: 210px;
	text-align:center;
	vertical-align: middle;
	background: #fafafa;
	border-radius: 15px 15px 0 0;
	border: 1px solid #e0e0e0;
	border-bottom : 0;
	box-sizing: border-box;
}

.mConBox-ex01 .shCate ul {
	display: inline-block;	
	padding-left: 44px;
}

.mConBox-ex01 .shCate ul:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;	
}

.mConBox-ex01 .shCate ul li {
	float: left;
	width: 90px;
	margin-top: 18px;
	line-height: 200%;
	color: #444;
}

.mConBox-ex01 .shCate ul li:first-child {
	margin-left: 0;	
}

.mConBox-ex01 .shCate ul li img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	border-radius: 50%;
}

.mConBox-ex01 .shCate ul li img:hover {
	background: #fff200;
	opacity: 1;
	filter: alpha(opacity=100);
	box-sizing:border-box;
	border-radius: 50%;
}

.mConBox-ex01 .shCate ul li.active img {
	background: #fff200;
	opacity: 1;
	filter: alpha(opacity=100);
	box-sizing:border-box;
	border-radius: 50%;
}

.shCateList {
	width: 100%;
}

.shCateList .box h4 {
	display: table;
	width: 100%;
	height: 65px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #fff;
	box-sizing: border-box;
}

.shCateList .box h4 a {
	display: table-cell;
	width: 140px;
	height: 26px;	
	vertical-align:middle;
}

.shCateList .box .boxCon {
	width: 100%;
	border: 1px solid #e0e0e0;
	border-top: none;
	border-bottom: none;
	padding: 17px 76px 32px 76px;
	box-sizing: border-box;
}

.shCate ul li.active {
    
}

.boxCon {
	position: relative;
	background: #fafafa;
}

.boxCon-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #e0e0e0;
}

.boxCon:after {
	content: "";
	display: block;
	clear: both;
	z-index: 1;	
}

.boxCon-inner .boxCon-L {
	margin-right: 154px;
}

.boxCon-inner .boxCon-L, .boxCon-inner .boxCon-R {
	float: left;	
	width: 338px;
	margin-top: 10px;
}

.boxCon-inner .boxCon-L h5, .boxCon-inner .boxCon-R h5 {
	width: 317px;
	font: 500 17px/200% 나눔고딕, naungothic, 돋움, Dotum, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #d3d3d3;
	padding-left: 15px;
	background: url(/image/main/cate_line.gif) no-repeat left 50%;
}

.boxCon-inner > div > ul {
	margin-top: 10px;	
}

.boxCon-inner > div > ul > li {
	float: left;	
	margin-right: 15px;
	font: 14px/180% 나눔고딕, naungothic, 돋움, Dotum, Arial, Helvetica, sans-serif;
}


/*로그인폼*/
.loginForm{float:left; width:327px; height:264px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:relative;}
#login span{position:absolute;}
#login .input_text2{width:199px; height:29px; line-height:29px; padding-left:10px;}
#login .id{top:58px; left:0px;}
#login .pw{top:92px; left:0px;}
#login .login_ok{top:58px; right:29px;}
#login .join{top:29px; right:29px;}
#login .join a{display:inline-block;}
#login .join a:hover{color:#000; font-weight:bold}
#login .btn1{top:142px; left:0px;}
#login .sms{top:68px; left:0px;}
#login .money{top:68px; left:50%;}
#login .point{top:95px; left:0px;}
#login .cupon{top:95px; left:50%;}
#login .logout{top:24px; right:24px;}
#login .logout a{display:block; width:80px; height:21px; box-sizing:border-box; text-align:center; border:1px solid #dcdcdc; line-height:18px;
color:#313131; background:#fff;}
#login .logout a:hover{background:#ff6920; border:1px solid #ff6920; color:#fff; font-weight:bold;}

/*실시간 견적현황*/
.realTime { float:left; width:278px;height:264px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;position:relative; padding:0px 24px; }
.realTime ul li {height:25px;}
.realTime .RT_tit { padding-right:15px; font-weight:bold; color:333; }
.RT_date { float:right; color:#9a9a9a; }
.realTime a.moreBtn{position:absolute; top:24px; right:24px;}

/*공지사항*/
.notice{float:left; width:293px;height:264px; border-right:1px solid #e0e0e0; position:relative; padding:0px 24px;}
.notice ul{}
.notice ul li{height:25px;}
.notice ul li a{display:block; float:left; width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice ul li a:hover{text-decoration:underline;}
.notice ul li span{float:right; color:#9a9a9a}
.notice a.moreBtn{position:absolute; top:24px; right:24px;}
.notice .btn{position:absolute; top:142px; left:24px;}

/* 질문게시판 */
.QnA { float:left; width:278px;height:283px; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;position:relative; padding:0px 24px; }
.QnA a.moreBtn{position:absolute; top:24px; right:24px;}
.QnA ul { padding-top:8px; }
.QnA ul li{height:25px;}


a.moreBtn{display:block; width:21px; height:21px; box-sizing:border-box; text-align:center; border:1px solid #dcdcdc; line-height:18px; font-weight:bold;
color:#ff6920; background:#fff;}
a.moreBtn:hover{background:#ff6920; border:1px solid #ff6920; color:#fff;}

/*메인롤링배너*/
.RBanner{float:right; width:315px; height:548px; position:relative;border-right:1px solid #e0e0e0;}
.RBanner .bx-controls{position:Absolute; bottom:10px; right:0; margin-right: 10px;}
.RBanner .bx-controls .bx-pager-item a{display:block; width:12px; height:12px; background:#3b3b3b; text-indent:-1000px; margin-bottom:5px; border-radius:10px;
overflow:hidden}
.RBanner .bx-controls .bx-pager-item a.active{background:#ff6920}



.service .bx-wrapper {position: relative;}
.service .bx-controls .bx-pager-item {
	float: left;
	margin-left: 10px;
}
.service .bx-controls .bx-pager-item a{display:block; width:12px; height:12px; background:#3b3b3b; text-indent:-1000px; margin-bottom:5px; border-radius:10px;
overflow:hidden}
.service .bx-controls .bx-pager-item a.active{background:#ff6920}

/*빠른 메뉴 서비스*/
.service{position: relative; float:left; width:327px; height:282px; border-right:1px solid #e0e0e0;}
.service ul{}
.service ul li{float:left; margin:0px 1px 1px 0px;}

.service .bx-controls{position:Absolute; bottom:10px; right:0; margin-right: 10px;}
.service .bx-controls .bx-pager-item a{display:block; width:12px; height:12px; background:#3b3b3b; text-indent:-1000px; margin-bottom:5px; border-radius:10px;
overflow:hidden}
.service .bx-controls .bx-pager-item a.active{background:#ff6920}

.bxslider2 li a img {
	width: 327px;
	height: 283px;
}

/*베스트 이용후기*/
.review{float:left;width:293px;height:283px; border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0; position:relative; padding:0px 24px;}
.review .bestCon{height:122px;}
.review .bestCon .simg{width:153px; height:100px; float:left; border:1px solid #e0e0e0; margin-right:14px;}
.review .bestCon p{float:left; width:118px; height:98px; overflow:hidden; line-height:17px;}
.review .bestCon p strong{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:30px; line-height:30px;}
.review .bestCon p a{display:block}
.review .bestCon p a:hover{text-decoration:underline;}
.review ul{overflow:hidden;padding-top:8px;}
.review ul li{height:25px;}
.review ul li a{display:block; float:left; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px;}
.review ul li a:hover{text-decoration:underline;}
.review ul li span{float:right; color:#9a9a9a;font-size:11px;}
.review a.moreBtn{position:absolute; top:24px; right:24px;}


/*직구 인기상품*/
.bestProduct{background:#f2f2f2; overflow:hidden; padding:0px 27px 14px 16px;position:relative;}
.bestProduct .con_title h2{color:#ff6920}
.bestProduct ul{width:1000px;}
.bestProduct ul li{float:left; width:230px; margin-right:10px; margin-bottom:10px; text-align:CENTER; height:230px;}
.bestProduct ul li img{border:1px solid #e0e0e0; margin-bottom:14px;}
.bestProduct a.moreBtn{position:absolute; top:30px; right:30px;}

/*베스트 쇼핑몰*/
.bestShop{background:#f2f2f2; overflow:hidden; padding:0px 24px 13px;position:relative;}
.bestShop .con_title h2{color:#ff6920}
.bestShop ul{width:1100px;}
.bestShop ul li{float:left; width:171px; margin-right:20px; margin-bottom:15px; text-align:center; height:106px;}
.bestShop ul li img{border:1px solid #e0e0e0; margin-bottom:11px;}
.bestShop a.moreBtn{position:absolute; top:24px; right:24px;}


/*대행절차 탭*/
.StepTab{ border-top:1px solid #e0e0e0;}
.StepTab .menu_tab{width:137px; float:left;}
.StepTab .menu_tab ul{height:163px; overflow:hidden;}
.StepTab .menu_tab ul li{height:100%; border-bottom:1px solid #e0e0e0; background:#f2f2f2;}
.StepTab .menu_tab ul li a{display:block; line-height:100%; text-align:center; font-weight:bold; color:#8f8f8f; font-size:15px;}
.StepTab .menu_tab ul li.active{padding-top: 70px;  background:#fff;}
.StepTab .menu_tab ul li.active a{color:#ff6920}
.StepTab .mTs{float:left; border-left:1px solid #e0e0e0; height:163px;}


/*환율안내*/
.mycBox{float:left;  width:230px; height:300px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; position:Relative;}
.mycBox table{width:230px;}
.mycBox table th{border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:10px; text-align:center}
.mycBox table td{padding:10px; font-size:14px; font-weight:bold; padding-top:20px;}
.mycBox table td img{position:Relative; top:1px; padding-right:10px;}
.mycBox table td .fr{color:#ff5400; font-size:20px; font-family:arial,Helvetica,AppleGothic,sans-serif;}



/*고객센터*/
.csCenter{float:left; width:328px;height:300px; border-right:1px solid #e0e0e0; position:relative; padding:0px 24px;}
.csCenter img{padding-top:3px;}
.csCenter ul{border-left:1px solid #dfdfdf; position:absolute;top:148px; left:24px;}
.csCenter ul li{float:left; width:145px; height:20px; line-height:20px; text-align:center}
.csCenter ul li a{display:block; border:1px solid #dfdfdf; border-left:0px;font-size:11px;}
.csCenter ul li a:hover{color:#ff6920; font-weight:bold}

/*계좌안내*/
.bankInfo{float:left; width:328px;height:300px; border-right:1px solid #e0e0e0; padding:0px 24px; position:relative;}