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


/*메인*/

.mConBox2{position:relative; width:100%; margin:0 auto;  height: 355px; border-bottom: 1px solid #dbdbdb; background: #f2f2f2; }
.mConBox2-inner {width:1050px; margin:0 auto; height: 355px;}

.mConBox3{width:1160px; margin:0 auto;position:relative; }

.mConBox5{width:100%; margin:0 auto; margin-top: 38px;}
.mConBox5:after{content:""; display:block; clear:both;}



/*메인 롤링 배너*/
.mConBox1{width: 100%; height: 530px; clear:both; position:relative; overflow:hidden; margin: 0 auto;}
.m_slider{width:1882px; height:530px; margin:0 auto; position:relative; top: -530px; overflow:hidden; z-index:1;  }
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider ul li{float: left; !important;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider .frame ul li img {width:1882px;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
.m_slider .bx-controls {position:absolute;width:100%;height:16px; bottom:82px;right:0px;z-index:100; }
.m_slider .bx-pager {display:table; width: 1050px; margin:0 auto;}
.m_slider .bx-pager a {display:block;width:18px;height:18px;text-indent:-9999px}
.m_slider .bx-pager .bx-pager-item {float:left;margin:0px 3px;background:url("/image/main/indi_off.png") 0 0 no-repeat;}
.m_slider .bx-pager .bx-pager-item .active {background:url("/image/main/indi_on.png") 0 0 no-repeat;}
.m_slider .bx-controls-direction {display:none;}
.m_slider .Rbtn1{position:absolute; left:-17px; top:248px; z-index:100;}
.m_slider .Rbtn2{position:absolute; right:-17px; top:248px; z-index:100;}
.m_slider .over_bg{background:url(/image/main/banner_over.png) bottom center no-repeat;width:100%; height:570px;}



.notice{width:268px; height:445px; background:url(/image/main/notice_bg.png) bottom center no-repeat; float:left;
position:relative; top:-189px; margin-right:29px;}
.notice .title{padding-top:76px;  margin-left:30px; padding-bottom:34px;}
.notice .title h3{font-weight:bold; font-size:20px;height:29px;}
.notice .title span{display:block; width:106px; height:2px; background:#313131}
.notice ul{margin:0px 30px; height:190px; overflow:hidden;}
.notice ul li{height:29px;}
.notice ul li a{display:block; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.notice a.moreBtn{position:absolute; top:76px; right:30px;}


.mBtn{width:566px; height:300px;position:relative; top:-42px;float:left;overflow:hidden;}
.mBtn ul{width:600px;}
.mBtn ul li{margin-right:29px;float:left;}

.mConBox1-inner {
	position: relative;
	width: 1050px;
	height: 530px;
	margin: 0 auto;
}

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

.main_bn {
	position: absolute; 
	width: 350px;
	height: 500px;
	right: 350px;
	top: 13px;
	padding: 16px 20px 0 20px;
	border: 1px solid #dbdbdb; 
	background: #f8f8f8;
	box-sizing: border-box;
	z-index: 9999;
}

.main_bn .mon_per {
	position: relative;
}

.main_bn .mon_per .ch_m {
	position: absolute;
	top: 0;
	right: 0;	
}

.main_bn .mon_per .date {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 7px;
}

.main_bn .mon_per .mon_con table td {
	font-size: 15px;
	font-weight: bold;
	line-height: 200%;
	text-align: left;
}

.main_bn .free_s {
	margin-top: 8px;
}

.main_bn .part_line {
	width: 100%;
	height: 1px;
	margin: 17px 0;
	background: #e0e0e0;	
}

.main_bn .mqm {
	width: 309px;
}

.main_bn .mqm ul li {
	float: left;
}


.mLoginBox{position: absolute; right: 1px; top: 13px; width:350px; height:500px; background: #fff; border: 1px solid #dbdbdb; box-sizing: border-box; z-index: 9999; }
.mLoginBox .title{text-align: center; padding-top:25px; padding-bottom:20px;}
.mLoginBox .title h3{width: 304px; display: inline-block; padding-bottom: 10px; font-weight:900; font-size:24px;height:29px; border-bottom: 1px solid #dbdbdb;}
.mLoginBox .login{position: relative; margin:0px 24px;}
.mLoginBox .login .inputStyle1{width:206px; height:36px; background:#fff; padding-left:14px; margin-bottom:8px; line-height:41px;
border:1px solid #b5b5b5; box-sizing: border-box;}
.mLoginBox .login .btn{position: absolute; top: 0; right: 0;}
.mLoginBox .login .id-save {display: inline-block; line-height: 300%; width:35%; text-align: left; float: left;}
.mLoginBox .login .joinBtn {display: inline-block; line-height: 300%; width:65%; text-align: right;float: right;}
.mLoginBox .login span {font-family: 돋움, dotum; font-size: 12px; line-height: 16px;}
.mLoginBox .login span.n_login {margin-top: 13px; width: 300px; height: 5px;}

.mLoginBox .logout{margin:0px 22px;}
.mLoginBox .logout h2 {position: relative; font-size: 14px; margin-bottom: 20px;}
.mLoginBox .logout h2 span {position: absolute; top: 0; right: 0; font-size: 13px;}
.mLoginBox .logout ul:after {content: ""; display: block; clear: both; z-index: 1;}
.mLoginBox .logout ul li {float: left; width: 50%; font-size:13px; margin-bottom:15px;}
.mLoginBox .logout ul li img{position:relative; vertical-align: middle;}
.mLoginBox .logout .out-btn {margin-top: 15px;}
.mLoginBox .logout .out-btn a{display:block; width: 304px; height:34px; line-height:34px; font-size: 14px; text-align:center; background:#900; color: #fbfbfb; font-weight: bold;}

.white2 {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}

.button {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: 13px/100% Arial, Helvetica, sans-serif;
    padding: .2em 1em .2em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.mLoginBox .app-btn {
	padding: 0 22px;
	margin-top: 20px;
}

.mLoginBox .app-btn span:first-child {
	margin-right: 13px;
}

.mLoginBox .main_notice {
	position: relative;
	margin-top: 15px;
	padding: 0 22px;	
}

.mLoginBox .main_notice h2 {
	width: 302px;
	position: relative;	
	margin-bottom: 5px;
}

.mLoginBox .main_notice h2 span {
	position: absolute;
	top: 0;
	right: 0;	
}

.mLoginBox .main_notice .notice_con table td, .mLoginBox .main_notice .notice_con table th {
	font-family: 돋움, dotum;
}

.mLoginBox .main_notice .notice_con table th span {
	display: inline-block;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 200%;
}


.csCenter{width:268px; height:339px; background:url(/image/main/csBg.png) bottom center no-repeat; 
position:absolute; top:219px;left:145px;}
.csCenter .title{padding-top:76px;  margin-left:30px; padding-bottom:34px;}
.csCenter .title h3{font-weight:bold; font-size:20px;height:29px;}
.csCenter .title span{display:block; width:106px; height:2px; background:#313131}
.csCenter img{margin:0px 30px;}

.bankInfo{width:268px; height:339px; background:url(/image/main/bankBg.png) bottom center no-repeat; 
position:absolute; top:219px;left:444px;}
.bankInfo .title{padding-top:76px;  margin-left:30px; padding-bottom:20px;}
.bankInfo .title h3{font-weight:bold; font-size:20px;height:29px;}
.bankInfo .title span{display:block; width:106px; height:2px; background:#313131}
.bankInfo img{margin:0px 30px;}

.mch{width:268px; height:339px; background:url(/image/main/mnyBg.png) bottom center no-repeat; 
position:absolute; top:219px;right:145px;text-align:center; }
.mch .title{padding-top:76px;  margin-left:30px; padding-bottom:25px;}
.mch .title h3{font-weight:bold; font-size:20px;height:29px;}
.mch .title span{display:block; width:106px; height:2px; background:#313131}
.mch .date{}
.mch .con{display:block; margin-top:110px;font-weight:bold; font-size:22px;}


.hotDeal{position: relative;}
.hotDeal .title{padding-top:21px; margin-bottom:13px; position:relative;}
.hotDeal .title h3{position: relative; width: 100%; padding-left: 25px; font-weight:bold; font-size:20px;height:29px; background: url(/image/main/bu01.gif) no-repeat left top;}
.hotDeal .title h3 span{position: absolute; top: 0; right: 50%; font-size: 13px; font-weight: 500;}
.hotDeal .title h3 span.more-btn{position: absolute; top: 10px; right: 35px;}

.hotDeal ul{}
.hotDeal ul li{float:left;position:relative;}
.hotDeal ul li .overBg{position:absolute; top:0px;left:0px; background:url(/image/main/hd_over.png) top left no-repeat;
width:202px; height:244px;}
.hotDeal ul li p{height:95px; padding-top:18px; text-align:center; font-size:14px;}
.hotDeal ul li p span{display:block; padding-top:15px;font-size:11px; font-size:12px;text-decoration:line-through}
.hotDeal ul li p strong{color:#f26101; font-size:16px;}
.hotDeal .btnL a {display: block; width: 21px; height: 38px;}
.hotDeal .btnL{position:absolute; top:118px;left:-64px;font-size:45px; color:#bdc7c9; width: 21px; height: 38px; background: url(/image/main/nav-L.gif) no-repeat 0 0;}
.hotDeal .btnR a {display: block; width: 21px; height: 38px;}
.hotDeal .btnR{position:absolute; top:118px;right:-64px;font-size:45px; color:#bdc7c9; width: 21px; height: 38px; background: url(/image/main/nav-R.gif) no-repeat 0 0;}
.hotDeal ul li img {width: 197px; height: 197px; border: 1px solid #dbdbdb; box-sizing: border-box;}

.hotDeal ul li span.title {
    display: block;
    padding-top: 14px;
    width: 183px;
    height: 32px;
    line-height: 140%;
	word-break: break-all;
    overflow: hidden;
}

.hotDeal ul li span.price {
    display: block;
    margin-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #fe5104;
}

.sliding-in {
	position: relative;
	width: 100%;
}

.sliding-in .con {
	margin-top: 20px;	
}

.sliding-in .btnL{position:absolute; top:50%;left:20px;font-size:35px; color:#bdc7c9; width: 35px; height: 35px; background: url(/image/common/nav-L2.png) no-repeat 0 0;}

.sliding-in .btnL span a {display: inline-block; width: 35px; height: 35px;}

.sliding-in .btnR{position:absolute; top:50%;right:20px;font-size:35px; color:#bdc7c9; width: 35px; height: 35px; background: url(/image/common/nav-R2.png) no-repeat 0 0;}

.sliding-in .btnR span a {display: inline-block; width: 35px; height: 35px;}


.mConBox4{width:1050px; height: 294px; margin:0 auto; margin-top: 38px;}
.mConBox4 .title{margin-bottom:20px; position:relative;}
.mConBox4 .title h3{font-weight:bold; font-size:15px; padding-left: 17px; background: url(/image/main/review-bu.gif) no-repeat left top;}
.mConBox4 .title span{position: absolute; right: 0; top: 10px;}
.mConBox4:after {
	contetn: "";
	display: block;
	clear: both;
	z-index: 1;	
}

.menu_tab{width:100%; padding-bottom:40px;}
.menu_tab ul{display:table; margin:0 auto;}
.menu_tab ul li{font-size:15px;}
.menu_tab ul li.active a{color:#0383a9; font-weight:bold}


.bestShop{width:1050px; margin:0 auto; overflow:hidden;}
.bestShop .title{padding-top:39px; position:relative;}

.bestShop .title h3 {
    position: relative;
    padding-left: 25px;
    font-weight: bold;
    font-size: 20px;
    height: 29px;
    background: url(/image/main/bu01.gif) no-repeat left top;
}

.bestShop .title h3 span.more-btn{position: absolute; top: 10px; right: 10px;}
.bestShop ul{width:1200px}
.bestShop ul li{float:left; width:249px; height:272px; margin-top:14px; position:relative; margin-right:17px;
text-align:center}
.bestShop ul li img{width:247px; height:270px; border: 1px solid #dbdbdb;}

.bestShop ul li.bs_last {margin-right: 0;}


.review {
	float: left;
	width: 794px;
	height: 269px;
	padding: 25px 20px 0;
	border: 1px solid #dbdbdb;
}

.review ul li {
	float: left;
	margin-right: 6%;	
	width:20.5%;
}


.review ul li:last-child {
	margin-right: 0;	
}

.review ul li img {
	width: 100%;
	height: 124px;
	border: 1px solid #dbdbdb;
}

.review ul li span.review_title {
    display: block;
    padding-top: 14px;
    width: 159px;
    height: 15px;
    line-height: 140%;
	font-size: 13px;
	font-weight: bold;
    word-break: break-all;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}

.review ul li span.review_con {
    display: block;
    padding-top: 14px;
    width: 159px;
    height: 50px;
    line-height: 140%;
    word-break: break-all;
    overflow: hidden;
	text-overflow: ellipsis;
}

.ex_btn {
	float: left;
	margin-left: 1%;
}

.ex_btn ul li {
	margin-top: 14px;	
}

.ex_btn ul li:first-child {
	margin-top: 0;	
}

.ex_btn img {
	width: 197px;
	height: 139px;
	border: 1px solid #dbdbdb;	
}

.tab {
    width: 1050px;
    margin: 0 auto;
}

.stepTab {
    width: 1050px;
    box-sizing: border-box;
    height: 125px;
    border: 1px solid #dbdbdb;
    overflow: hidden;
}

.stepTab .menu_tab {
    float: left;
    width: 126px;
}

.stepTab .menu_tab li.active {
    background: #fe5104;
    border-bottom: 1px solid #fd402c;
}

.stepTab .menu_tab li.active a {
    color: #fbfbfb;
}

.stepTab .menu_tab li {
	width: 136px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    background: #c8c8c8;
    border-right: 1px solid #e5e5e5;
}

.stepTab .menu_tab li a {
    display: block;
    color: #fbfbfb;
    font-size: 15px;
    font-weight: bold;
}

.menu_tab00 {
	float: right;	
}

.menu_tab01 {
	float: right;	
}

.mConBox6 {width:100%; height: 151px; margin:0 auto; margin-top: 38px;}

.mConBox6 .bt_info > div {
	float: left;
	border: 1px solid #dbdbdb;
	border-right: none;
	box-sizing: border-box;
	background: #f8f8f8;
}

.mConBox6 .bt_info > div.search_info {
	border-right: 1px solid #dbdbdb;	
}

.mConBox6 .bt_info {
	width: 1050px;
	margin: 0 auto;
}

.mConBox6 .bt_info .cs_info {
	width: 244px;
	height: 151px;
}

.mConBox6 .bt_info .cs_info img {
	width: 243px;
	height: 149px;
}

.mConBox6 .bt_info .bank_info {
	width: 275px;
	height: 151px;
}

.mConBox6 .bt_info .bank_info img {
	width: 274px;
	height: 149px;
}
/* 구매가이드 */
.mConBox6 .bt_info .buy_info {
	width: 200px;
	height: 151px;
	padding: 0 20px;
	padding-top: 24px;
	text-align: center;
}
/*
.mConBox6 .bt_info .buy_info h2 {
	text-align: center;
	margin-bottom: 15px;
}

.mConBox6 .bt_info .buy_info ul li {
	height: 25px;
	font-size: 13px;
	font-weight: bold;
}
*/

/* (구매가이드 자리) 환율정보 */
.buy_info .date_tit { font-size:13px; font-weight:bold; padding-bottom:5px; }
.buy_info .date { color:#ed1c24; font-weight:bold;}
.buy_info .mon_con { padding-top:15px; }
.mon_con table { border-collapse:collapse; }
.mon_con td { border:1px solid #ddd; height:50px; }



.mConBox6 .bt_info .search_info {
	width: 331px;
	height: 151px;
	padding-top: 11px;
	text-align: center;
}

.mConBox6 .bt_info .search_info ul li {
	margin-top: 5px;	
}

.mConBox6 .bt_info .search_info h2 {
	text-align: center;	
	margin-bottom: 10px;
}

.mConBox6 .bt_info .search_info table {
	display: inline-block;
	width: 257px;	
}

.mConBox6 .bt_info .search_info table td {
	height: 34px;
	text-align: left;
}


.trkBox{width:268px; height:445px;background:url(/image/main/trkBg.png) bottom center no-repeat; float:left;
position:relative;  margin-right:29px;}
.trkBox .title{padding-top:76px;  margin-left:30px; padding-bottom:34px;}
.trkBox .title h3{font-weight:bold; font-size:20px;height:29px;}
.trkBox .title span{display:block; width:106px; height:2px; background:#313131}
.trkBox .trkBtnGroup{background:#eee; width:207px; position:absolute; top:139px; left:30px; height:93px; z-index:9999}
.trkBox .trkBtnGroup a{display:block; width:207px; height:41px; text-align:center; line-height:41px;border:1px solid #64c8e6; box-sizing:border-box;
margin-bottom:8px; font-size:14px;}
.trkBox .trkBtnGroup a.btn1{background:#64c8e6; color:#fff; font-weight:bold}
.trkBox .trkBtnGroup a.btn2{background:#fff; border:1px solid #64c8e6; color:#313131;}

.ctBox{width:268px; height:445px;background:url(/image/main/ctBg.png) bottom center no-repeat; float:left;
position:relative; text-align:center}
.ctBox .title{padding-top:76px;  margin-left:30px; padding-bottom:34px;}
.ctBox .title h3{font-weight:bold; font-size:20px;height:29px;}
.ctBox .title span{display:block; width:106px; height:2px; background:#313131}
.ctBox img{padding-bottom:5px; color:#313131}
.ctBox .conBox{padding-top:25px;}
.ctBox .conBox strong{font-size:20px;line-height:25px;}
.ctBox .onOff{width:136px; height:41px; line-height:41px; text-align:center; margin:0 auto; background:#797979; color:#fff;
margin-top:20px;}
.ctBox .onOff.on{background:#e10500;}

.iconBox{width:268px; height:445px;background:url(/image/main/icoBg.png) bottom center no-repeat; float:right;
 }
.iconBox ul{ margin-left:30px; margin-top:74px;}
.iconBox ul li{float:left;margin:0px 16px 17px;}