@charset "utf-8";
/****************************************/
/* Name: 부산면세점
/* Version: 1.0 / day: 2019-01-07
/* Author:  

/* Summary 
	1)콘텐츠 레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인 콘텐츠
	5)서브 콘텐츠
	6)반응형 서브 콘텐츠
*/
/****************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700');

/* Common */
body{text-align: left;font-family:'Noto Sans KR',sans-serif;font-size:14px;line-height:20px;color:#333;font-weight:300;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,textarea,select,table{font-family:'Noto Sans KR',sans-serif;font-size:14px;color:#191919;box-sizing: border-box;}
input,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label{cursor:pointer}
label{position: relative;vertical-align:middle}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:focus,a:active{text-decoration:none;color:#333}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;border-spacing:0}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:500;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#007cc3;}


/*
================================================================================
콘텐츠 레이아웃
================================================================================
*/

#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:300}

/* ---- 상단영역 ---- */
#header{position:relative;width:100%;height:80px;background:#fff;z-index:100}
#header  .logo{padding-top:28px;text-align:center}
#header .btnMenu{position:absolute;top:0;left:0;width:70px;height:80px;text-indent:-999px;overflow:hidden;background:url('../../img/ic_menu.png') no-repeat center center}
#header .btnSearch{position:absolute;top:15px;right:60px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:url('../../img/ic_search.png') no-repeat center center}
#header .btnMy{position:absolute;top:15px;right:10px;}
#header .btnMy a{display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:url('../../img/ic_my.png') no-repeat center center}

#sideMenu{position:fixed;top:0;left:-100%;padding-top:80px;width:100%;height:100%;background:#fff;z-index:300;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#sideMenu .btnMenuClose{position:absolute;top:0;right:0;width:80px;height:80px;text-indent:-999px;overflow:hidden;background:#000 url('../../img/ic_close.png') no-repeat center center}
#sideMenu .sideTab::after{display:block;clear:both;content:''}
#sideMenu .sideTab li{float:left;padding:0 20px;width:50%;height:85px;text-align:center;border-bottom:2px solid #9c9c9c}
#sideMenu .sideTab li a{display:block;padding:20px 0;font-size:36px;font-weight:500;line-height:40px;}
#sideMenu .sideTab li.on a{color:#c42d1e;border-bottom:5px solid #c42d1e}
#sideMenu .tabMcon {position:absolute;top:165px;left:0;bottom:0;padding:40px 10px;width:100%;overflow-x: hidden;overflow-y: auto;}
#gnb > ul > li {position:relative;margin-bottom:30px;padding-left:8%}
#gnb > ul > li > a{display:block;padding-left:85px;width:40%;font-size:28px;color:#000;line-height:60px;font-weight:500;background-repeat:no-repeat;background-position:left center}
#gnb > ul > li.ic1 > a{background-image:url('../../img/ic_cate_01.png') }
#gnb > ul > li.ic2 > a{background-image:url('../../img/ic_cate_02.png') }
#gnb > ul > li.ic3 > a{background-image:url('../../img/ic_cate_03.png') }
#gnb > ul > li.ic4 > a{background-image:url('../../img/ic_cate_04.png') }
#gnb > ul > li.ic5 > a{background-image:url('../../img/ic_cate_05.png') }
#gnb > ul > li.ic6 > a{background-image:url('../../img/ic_cate_06.png') }
#gnb > ul > li.ic7 > a{background-image:url('../../img/ic_cate_07.png') }
#gnb > ul > li.ic8 > a{background-image:url('../../img/ic_cate_08.png') }
#gnb > ul > li.ic9 > a{background-image:url('../../img/ic_cate_09.png') }
#gnb > ul > li.on > a{color:#c42d1f}
#gnb > ul > li > ul{display:none;position:absolute;top:0;left:50%;width:50%;z-index:50}
#gnb > ul > li > ul li{border-bottom:1px solid #e9e9e9}
#gnb > ul > li > ul li a{display:block;padding:20px;font-size:24px;line-height:24px}
#gnb > ul > li.on > ul{display:block}
#sideMenu .brandSearch{position:relative;margin:0 auto;padding-right:70px;height:80px;border-bottom:2px solid #636363}
#sideMenu .brandSearch input[type="text"]{margin:0;padding:0 20px;width:100%;height:78px;font-size:24px;color:#000;border:0}
#sideMenu .brandSearch button{position:absolute;top:0;right:0;width:70px;height:100%;text-indent:-999px;overflow:hidden;background:url('../../img/ic_search2.png') no-repeat center center}
#sideMenu .mbrandList{padding:20px}
#sideMenu .mbrandList::after{display:block;clear:both;content:''}
#sideMenu .mbrandList li{float:left;margin-bottom:30px;padding:0 10px;width:25%;text-align:center}
#sideMenu .mbrandList li span{display:block;margin-top:10px;font-size:18px}

#wrapper.fix{position:fixed}
#sideMenu.on{left:0}
.fixBg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10}
.fixBg.on{display:block}
.fixBg2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10}
.fixBg2.on{display:block}

.brand{display:block;font-size:16px;letter-spacing:-1px;color:#e63a96;font-weight:600}


/* ---- 중간영역 ---- */
#container{position:relative;height:100%}
#container #content{position:relative;margin:0 auto;min-height:600px;}
#container #content::after{display:block;clear:both;content:''}
#container #content .subConWrap{position:relative;margin:0 auto;width:1020px}


/* ---- 하단영역 ---- */
#footer {position:relative;clear:both;padding:30px 35px;background:#f5f5f5;z-index:100}
#footer .quickMenu{position:fixed;bottom:100px;right:10px;width:80px;z-index:50}
#footer .quickMenu button{position:relative;display:block;margin-top:5px;width:80px;height:80px;font-size:18px;color:#fff;background-color:#3c3c3c;border:1px solid #212121;border-radius:50%;}
#footer .quickMenu .btnLang{padding-top:25px;font-size:12px;background:#3c3c3c url('../../img/ic_lang.png') no-repeat center 17px;background-size:25px;z-index:20}
#footer .quickMenu .btnLang.on{text-indent:-999px;overflow:hidden;background:#fff url('../../img/ic_close2.png') no-repeat center center;background-size:30px;border:1px solid #fff}
#footer .quickMenu .btnMview{text-indent:-999px;overflow:hidden;background:#3c3c3c url('../../img/ic_menu2.png') no-repeat center center;background-size:30px;z-index:20;}
#footer .quickMenu .btnMview.on{background:#fff url('../../img/ic_close2.png') no-repeat center center;background-size:30px;border:1px solid #fff}
#footer .quickMenu .btnMview.po{z-index:5}
#footer .quickMenu .quickView{position:absolute;right:0;bottom:85px;width:300px;height:0;text-align:right;overflow:hidden;z-index:20;}
#footer .quickMenu .quickView ul li{position:relative;margin-top:5px;height:0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#footer .quickMenu .quickView ul li a{display:block;padding-right:100px;font-size:20px;color:#fff;font-weight:500;line-height:80px;}
#footer .quickMenu .quickView ul li a::after{position:absolute;top:0;right:0;width:80px;height:80px;content:'';background-color:#fff;background-repeat:no-repeat;background-position:center center;border-radius:50%}
#footer .quickMenu .quickView ul li.ic1 a::after{background-image:url('../../img/ic_q_m_01.png')}
#footer .quickMenu .quickView ul li.ic2 a::after{background-image:url('../../img/ic_q_m_02.png')}
#footer .quickMenu .quickView ul li.ic3 a::after{background-image:url('../../img/ic_q_m_03.png')}
#footer .quickMenu .quickView ul li.ic4 a::after{background-image:url('../../img/ic_q_m_04.png')}
#footer .quickMenu .quickView ul li.ic5 a::after{background-image:url('../../img/ic_q_m_05.png')}
#footer .quickMenu .quickView.on{height:auto;}
#footer .quickMenu .quickView.on ul li{height:80px}
#footer .quickMenu .langView{position:absolute;right:0;bottom:170px;height:0;overflow:hidden;z-index:15;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#footer .quickMenu .langView ul li{position:relative;margin-top:5px;height:0;text-align:center;overflow:hidden;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#footer .quickMenu .langView ul li a{display:block;width:80px;height:80px;font-size:16px;color:#212121;font-weight:500;line-height:80px;background:#fff;border-radius:50%;}
#footer .quickMenu .langView.on{height:auto;}
#footer .quickMenu .langView.on li{height:80px;}

#footer .fmenu{margin-bottom:20px}
#footer .fmenu ul::after{display:block;clear:both;content:''}
#footer .fmenu ul li{display:inline-block;margin-right:10px;font-size:22px;font-weight:700}
#footer .fmenu ul li a{position:relative;display:block;padding-right:20px;}
#footer .fmenu ul li a::after{position:absolute;top:50%;right:0;margin-top:-8px;width:1px;height:18px;content:'';background:#c1c1c1}
#footer .fmenu ul li:last-child{margin-right:0}
#footer .fmenu ul li:last-child a{padding-right:0;}
#footer .fmenu ul li:last-child a::after{display:none}
#footer address{margin-bottom:10px;font-size:20px;line-height:30px}
#footer small{font-size:16px;font-weight:400;opacity:0.5}
#footer .fSns{margin:20px 0;text-align:center}
#footer .fSns li{display:inline-block;margin:0 3px}
#footer .fSns li a{display:block;width:52px;height:52px;text-indent:-999px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:100%}
#footer .fSns li.ic1 a{background-image:url('../../img/ic_sns1.png') }
#footer .fSns li.ic2 a{background-image:url('../../img/ic_sns2.png') }
#footer .fSns li.ic3 a{background-image:url('../../img/ic_sns3.png') }
#footer .fSns li.ic4 a{background-image:url('../../img/ic_sns4.png') }
#footer .fSns li.ic5 a{background-image:url('../../img/ic_sns5.png') }
#footer .flogo{text-align:center}

/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* Mobile Device */
@media all and (max-width:640px){
	
	#header{height:50px}
	#header .btnMenu{width:50px;height:50px;background-size:22px}
	#header .logo{padding-top:15px}
	#header .logo img{width:110px}
	#header .btnMy{top:0;right:0}
	#header .btnMy a{width:30px;background-size:18px}
	#header .btnSearch{top:0;right:30px;width:35px;background-size:20px}
	
	#sideMenu{padding-top:50px}
	#sideMenu .btnMenuClose{width:50px;height:50px;background-size:20px}
	#sideMenu .sideTab li{padding:0 10px;height:50px;border-width:1px}
	#sideMenu .sideTab li a{padding:0;font-size:20px;line-height:47px}
	#sideMenu .sideTab li.on a{border-width:0 0 3px}
	#sideMenu .tabMcon{top:100px;padding:20px 10px}
	#gnb > ul > li{margin-bottom:15px;padding-left:3%}
	#gnb > ul > li > a{padding-left:45px;font-size:16px;line-height:35px;background-size:35px}
	#gnb > ul > li > ul li a{padding:10px;font-size:14px;line-height: 16px;}
	#sideMenu .brandSearch{padding-right:40px;height: 45px;border-width:0 0 1px}
	#sideMenu .brandSearch input[type="text"]{padding:0 10px;height:42px;font-size:14px}
	#sideMenu .brandSearch button{width:40px;height:40px;background-size:20px}
	#sideMenu .mbrandList{padding:10px 0}
	#sideMenu .mbrandList li{margin-bottom:10px;padding:0 5px;width:33.33%}
	#sideMenu .mbrandList li span{margin-top:5px;font-size:14px}
	
	#footer{padding:20px 10px;text-align:center}
	#footer .quickMenu{width:60px}
	#footer .quickMenu button{width:60px;height:60px;font-size:14px}
	#footer .quickMenu .btnLang{padding-top:15px;font-size:10px;background-size:17px;background-position:center 13px}
	#footer .quickMenu .btnMview{background-size:20px}
	#footer .quickMenu .quickView{bottom:65px;width:200px}
	#footer .quickMenu .quickView ul li a{padding-right:70px;font-size:13px;line-height:60px;}
	#footer .quickMenu .quickView ul li a::after{width:60px;height:60px;background-size:35px}
	#footer .quickMenu .quickView.on ul li{height:60px}
	#footer .quickMenu .btnMview.on{background-size:20px}
	#footer .quickMenu .langView{bottom:130px}
	#footer .quickMenu .langView ul li a{width:60px;height:60px;font-size:13px;line-height:60px}
	#footer .quickMenu .langView.on li{height:60px}
	#footer .quickMenu .btnLang.on{background-size:20px}


	#footer .fmenu{margin-bottom:10px}
	#footer .fmenu ul li{margin-right:5px;font-size:0.8rem;}
	#footer .fmenu ul li a{padding-right:6px;font-weight:normal}
	#footer .fmenu ul li a::after{margin-top:-5px;height:10px}
	#footer address{font-size:12px;line-height:18px}
	#footer small{display:block;font-size:12px;line-height:14px}
	#footer .fSns{margin:10px 0}
	#footer .fSns li{margin:0 2px}
	#footer .fSns li a{width:30px;height:30px;}
	#footer .flogo img{width:115px}


}

/*
================================================================================
메인 콘텐츠
================================================================================
*/

.bx-viewport ul::after{display:block;clear:both;content:''}

.mainTopBanner{position:relative;border-top:10px solid #f5f5f5}
.mainTopBanner ul li img{width:100%}
.mainTopBanner ul li a{display:block;}
.mainTopBanner .bx-controls{position:absolute;left:4%;bottom:8%;width:100px;height:42px;text-align:center;background:#949082;border-radius:23px;z-index:60}
.mainTopBanner .bx-controls .bx-controls-auto{display:none}
.mainTopBanner .bx-controls .bx-pager{font-size:18px;color:#fff;line-height:42px;font-weight:200;letter-spacing:-2px}

.mCenMenu{height:85px;text-align:center;background:#fff;border:1px solid #f5f5f5;border-width:10px 0}
.mCenMenu ul::after{display:block;clear:both;content:''}
.mCenMenu ul{height:65px;white-space: nowrap;overflow:hidden;overflow-x:auto}
.mCenMenu ul li{display:inline-block;}
.mCenMenu ul li a{display:block;padding:0 20px;font-size:20px;line-height:65px;font-weight:400}
.mCenMenu.fix{position:fixed;top:0;left:0;width:100%;z-index:100}

.mbanWrap{border-bottom:10px solid #f5f5f5}
.mbanWrap::after{display:block;clear:both;content:''}
.mbanWrap .mCon1{position:relative;float:left;width:50%}
.mbanWrap .mCon2{position:relative;float:right;width:50%}
.mbanWrap li img{width:100%}
.mbanWrap .bx-pager{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:10}
.mbanWrap .sliderContral .bx-pager{margin-top:10px}


/* 슬라이드 contral 공통 */
.sliderContral{position:relative;}
.sliderContral .bx-pager{margin-top:10px;text-align:center}
.sliderContral .bx-pager .bx-pager-item{display:inline-block}
.sliderContral .bx-pager .bx-pager-item a{display:block;margin:0 2px;width:8px;height:8px;text-indent:-999px;overflow:hidden;background:#ccc;border-radius:50%}
.sliderContral .bx-pager .bx-pager-item a.active{background:#e53433}
.sliderContral .bx-controls-direction{display:none}

h2.mtit{margin-bottom:40px;font-size:32px;line-height:35px}
.todayCon{padding:30px 20px;border-bottom:10px solid #f5f5f5}
.todayList{}
.todayList ul > li .con a{position:relative;display:block;padding:40px 10px 20px 220px;min-height:200px;}
.todayList ul > li .con .img{position:absolute;top:0;left:0;width:200px}
.todayList ul > li .infor{color:#666;}
.todayList ul > li .infor .name{display:block;margin-bottom:15px;font-size:26px;color:#000;font-weight:500}
.todayList ul > li .infor .txt{display:block;margin-bottom:15px;font-size:20px;font-weight:400;line-height:25px}
.todayList ul > li .infor .discount{display:inline-block;margin-right:10px;font-weight:400}
.todayList ul > li .infor .discount span{display:inline-block;margin-right:10px;font-size:40px;color:#f21033;}
.todayList ul > li .infor .discount del{font-size:30px;}
.todayList ul > li .infor .price{display:inline-block;font-size:26px}

.branInfor{position:relative;margin:0 auto;padding:40px 20px;max-width:640px;}
.branInfor li{padding:0 10px;text-align:center}

.mSellerWrap{position:relative;padding:35px 20px;border-top:10px solid #f5f5f5}
.mSellerWrap .sellerList .prodCon > li .num{position:absolute;top:20px;left:20px;padding-top:8px;width:39px;height:46px;font-size:16px;color:#fff;font-weight:bold;text-align:center;background:url('../../img/ic_num_bg.png') no-repeat;background-size:100%}
.sellerList .bx-pager{display:none}
.sellerList .bx-controls-direction{margin-top:40px;text-align:center}
.sellerList .bx-controls-direction a{display:inline-block;margin:0 6px;width:35px;height:35px;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;background-size:100%}
.sellerList .bx-controls-direction a.bx-prev{background-image:url('../../img/ic_before.png')}
.sellerList .bx-controls-direction a.bx-next{background-image:url('../../img/ic_next.png')}

.mForyouWrap{padding:35px 20px;border-top:20px solid #f5f5f5}
.mForyouWrap h2{margin-bottom:10px}
.mForyouWrap .logTxt1{margin-bottom:20px;font-size:22px;color:#aaa}
.mForyouWrap .logTxt2{margin-bottom:20px;font-size:24px;color:#0d0d0d}
.mForyouWrap  .bx-controls-direction{display:none}

.mProWrap{position:relative;padding:35px 20px;border-top:20px solid #f5f5f5}
.mProWrap h2{margin-bottom:20px}
.mProWrap .mbdTop{margin-bottom:20px}
.mProWrap .mbdTop img{width:100%}
.mProWrap ul{margin:0 -10px}
.mProWrap ul::after{display:block;clear:both;content:''}
.mProWrap ul li{float:left;}
.mProWrap ul li a{display:block;padding:0 10px}
.mProWrap ul li .infor{padding:20px 10px}
.mProWrap ul li .tit{display:block;margin-bottom:10px;font-size:20px;font-weight:400}

.mPicWrap{position:relative;padding:35px 20px;border-top:20px solid #f5f5f5}
.pickList{position:relative}

.etcLink{padding:30px;border-top:10px solid #f5f5f5}
.etcLink ul::after{display:block;clear:both;content:''}
.etcLink ul li{float:left;padding:10px;width:50%}
.etcLink ul li a{display:block;padding-left:80px;font-size:20px;color:#676767;line-height:50px;font-weight:500;background-repeat:no-repeat;background-position:left center}
.etcLink ul li.ic1 a{background-image:url('../../img/m_ic1.png')}
.etcLink ul li.ic2 a{background-image:url('../../img/m_ic2.png')}
.etcLink ul li.ic3 a{background-image:url('../../img/m_ic3.png')}
.etcLink ul li.ic4 a{background-image:url('../../img/m_ic4.png')}

/* 제품목록 공통 */
.prodCon::after{display:block;clear:both;content:''}
.prodCon > li{position:relative;float:left;text-align:center;background:#fff;border-right:1px solid #e9e9e9}
.prodCon > li > a{position:relative;display:block;padding:10px 20px;height:100%;}
.prodCon > li .infor{color:#666;}
.prodCon > li .infor .name{display:block;margin-bottom:10px;font-size:24px;color:#000;font-weight:500}
.prodCon > li .infor .txt{display:block;margin-bottom:10px;height:45px;font-size:18px;font-weight:400;line-height:22px}
.prodCon > li .infor .discount{display:block;}
.prodCon > li .infor .discount span{display:inline-block;margin-right:10px;font-size:26px;color:#f21033;font-weight:400}
.prodCon > li .infor .discount del{font-size:18px;}
.prodCon > li .infor .price{display:block;margin-top:5px;font-size:14px}
/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* Mobile Device */
@media all and (max-width:640px){
	
	.mainTopBanner{border-width:5px 0 0}
	.mainTopBanner .bx-controls{width:50px;height:22px}
	.mainTopBanner .bx-controls .bx-pager{font-size:12px;line-height:22px;letter-spacing:0}
	
	.mCenMenu{height:50px;border-width: 5px 0;}
	.mCenMenu ul{height:40px}
	.mCenMenu ul li a{padding:0 5px;font-size:14px;line-height:40px}

	.mbanWrap{border-width:0 0 5px}
	.mbanWrap .bx-pager{bottom:3%}
	.todayCon{padding:15px 10px;border-width:0 0 5px}

	h2.mtit{margin-bottom:20px;font-size:18px;line-height:20px}

	.todayList ul > li .con a{padding:20px 0 10px 120px;min-height:90px;}
	.todayList ul > li .con .img{width:110px;height:110px}
	.todayList ul > li .con .img img{height:auto}
	.todayList ul > li .infor .name{margin-bottom:5px;font-size:16px}
	.todayList ul > li .infor .txt{font-size:13px;line-height:16px}
	.todayList ul > li .infor .discount{margin-right:5px;}
	.todayList ul > li .infor .discount span{margin-right:5px;font-size:22px}
	.todayList ul > li .infor .discount del{font-size:18px}
	.todayList ul > li .infor .price{font-size:15px}

	.branInfor{padding:20px 10px}
	.branInfor li{padding:0 5px}

	.mSellerWrap{padding:20px 10px;border-width:5px 0 0 }
	.mSellerWrap .sellerList .prodCon > li .num{top:0;left:5px;padding-top:3px;width:25px;height:30px;font-size:12px;background-size:100%}

	.prodCon > li > a{padding:0 5px}
	.prodCon > li .infor .name{margin-bottom:5px;font-size:16px;}
	.prodCon > li .infor .txt{margin-bottom:5px;height:35px;font-size:13px;line-height:16px}
	.prodCon > li .infor .discount span{margin-right:5px;font-size:16px}
	.prodCon > li .infor .discount del{font-size:14px}
	.prodCon > li .infor .price{margin-top:0;font-size:13px}
	
	.sellerList .bx-controls-direction{margin-top:20px}
	.sellerList .bx-controls-direction a{width:30px;height:30px}
	
	.mForyouWrap{padding:20px 10px;border-width:10px 0 0}
	.mForyouWrap .logTxt1{margin-bottom:10px;font-size:14px;line-height:16px}
	.mForyouWrap .logTxt2{margin-bottom:10px;font-size:16px;}

	.mProWrap{padding:20px 10px;border-width:10px 0 0}
	.mProWrap .mbdTop{margin-bottom:10px}
	.mProWrap ul li a{padding:0 5px}
	.mProWrap ul li .infor{padding:10px 5px 0}
	.mProWrap ul li .tit{margin-bottom:5px;font-size:14px}
	.mProWrap ul li .txt{font-size:12px;line-height:14px}

	.mPicWrap{padding:20px 10px;border-width:10px 0 0}

	.etcLink{padding:20px 10px 20px 30px;border-width:5px 0 0}
	.etcLink ul li{padding:5px}
	.etcLink ul li a{padding-left:50px;font-size:14px;line-height:30px;background-size:35px}
}


/*
================================================================================
서브 콘텐츠
================================================================================
*/

/* 공통 */
input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{padding:5px 10px;height:34px; border:1px solid #e1e1e1;border-radius:0;}
textarea{margin:1px 0;padding:5px 3px 4px 3px;border:1px solid #e1e1e1;border-radius:0}
input[type="file"]{margin:1px 0;height:30px;background:none;}
/*input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus{background:#f1f9ff;}*/
input[type="submit"]{cursor:pointer;}
select{padding:2px;height:36px;border:1px solid #c9c9c9;}

.selForm{position:relative;display:inline-block;vertical-align:middle;background:#fff;border:1px solid #dfdfdf}
.selForm select{position:relative;display:block;width:100%;padding:0 40px 0 10px;height:39px;font-size:16px;color:#555;font-weight:400;background:transparent;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; border:0;cursor:pointer;outline:none;z-index:2} 
.selForm::after{position: absolute; top: 50%; right: 10px;content: "";margin-top:-5px;width:19px;height:11px;background:url('../../img/common_ic.png') no-repeat -400px -500px;z-index:1}
.selForm select::-ms-expand{display: none;}

.selForm2{position:relative;display:inline-block;vertical-align:middle;background:#fff;border:1px solid #dfdfdf}
.selForm2 select{position:relative;display:block;width:100%;padding:0 30px 0 5px;height:30px;font-size:14px;color:#555;font-weight:400;background:transparent;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; border:0;cursor:pointer;outline:none;z-index:2} 
.selForm2::after{position: absolute; top: 50%; right:8px;content: "";margin-top:-3px;width:11px;height:7px;background:url('../../img/common_ic.png') no-repeat -50px -400px;z-index:1}
.selForm2 select::-ms-expand{display: none;}

.checkbox{position:relative;}
.checkbox input{position:absolute;top:0;left:0;opacity:0}
.checkbox label{display:inline-block;padding-left:30px;min-width:19px}
.checkbox label::before{position:absolute;top:50%;left:0;margin-top:-10px;width:19px;height:19px;content:'';background:#fff;border:1px solid #dfdfdf}
.checkbox input:checked + label::before{background:#505766 url('../../img/common_ic.png') no-repeat -500px -400px;border:1px solid #505766}

.checkbox2{position:relative;display:inline-block;margin:0 10px}
.checkbox2 input{position:absolute;top:0;left:0;opacity:0}
.checkbox2 label{position:relative;display:inline-block;padding:12px 0 12px 40px;font-size:15px;color:#636262}
.checkbox2 label::before{position:absolute;top:8px;left:0;width:32px;height:32px;content:'';background:url('../../img/common_ic.png') no-repeat -350px -500px}
.checkbox2 input:checked + label::before{background-position:-300px -500px}

.checkbox3{position:relative;display:inline-block;line-height:30px}
.checkbox3 input{position:absolute;top:0;left:0;opacity:0}
.checkbox3 label{display:block;padding-left:35px;min-width:19px;}
.checkbox3 label::before{position:absolute;top:50%;left:0;margin-top:-12px;width:22px;height:22px;content:'';background:#fff;border:2px solid #b7b7b7;border-radius:50%}
.checkbox3 input:checked + label::before{border:2px solid #505766;}
.checkbox3 input:checked + label::after{position:absolute;top:50%;left:6px;margin-top:-6px;width:14px;height:14px;content:'';background:#505766;border-radius:50%}


.btnList{margin:40px 0;text-align:center}
.btnList::after{display:block;clear:both;content:''}
.btnList2{margin:20px 0;}

/* 일반용 버튼 */
.btnBc{display:inline-block;margin:1px;vertical-align:middle;}
.btnBc a,
.btnBc button,
.btnBc input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 30px;max-width:145px;font-size:1.0rem;color:#fff;line-height:47px;font-weight:400;text-align:center;text-decoration:none;background-color:#a3a3a3;cursor:pointer;transition: all 0.3s;border-radius:0;border:0}
.btnBc.red a,
.btnBc.red button,
.btnBc.red input{background-color:#f21033}
.btnBc.small a,
.btnBc.small button,
.btnBc.small input{padding:0 20px;font-size:14px;line-height:35px;}

.btnBc2{display:inline-block;margin:1px;vertical-align:middle;}
.btnBc2 a,
.btnBc2 button,
.btnBc2 input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 20px;font-size:14px;color:#f1f1f1;line-height:39px;font-weight:400;text-align:center;text-decoration:none;background-color:#626262;cursor:pointer;transition: all 0.3s;border-radius:0;border:0}

.btnSm{display:inline-block;margin:1px;vertical-align:middle;}
.btnSm a,
.btnSm button,
.btnSm input{position:relative; margin:0; display:-moz-inline-stack; display:block;padding:0 5px;min-width:65px;font-size:13px;line-height:33px;font-weight:400;text-align:center;text-decoration:none;background-color:#fff;cursor:pointer;transition: all 0.3s;border-radius:0;border:1px solid #d6d6d6}
.btnSm.red a,
.btnSm.red button,
.btnSm.red input{color:#fff;background-color:#f21033;border:1px solid #f21033}
.btnSm.gray a,
.btnSm.gray button,
.btnSm.gray input{color:#fff;background-color:#606060;border:1px solid #606060}
.btnSm.gray2 a,
.btnSm.gray2 button,
.btnSm.gray2 input{padding:0 16px;font-size:13px;line-height:39px;background-color:#e9e9e9;border:1px solid #dfdfdf}
.btnSm.w a,
.btnSm.w button,
.btnSm.w input{padding:0 10px;min-width:105px;line-height:38px;}


/* 일반게시판 목록 */
.listTypeA{font-size:16px;border-collapse:collapse;border-top:1px solid #8f8f8f}
.listTypeA tr{text-align:center;}
.listTypeA thead th{padding:15px 5px;color:#4b4b4b;font-weight:400;background:#f1f1f1;border-bottom:1px solid #d7d7d7}
.listTypeA thead th:first-child{border-left:0}
.listTypeA tbody th,.listTypeA tbody td{border-bottom:1px solid #d7d7d7}
.listTypeA tbody th{padding:13px 5px;line-height:20px;background:#f8f8f8;}
.listTypeA tbody td{padding:13px 5px;color:#777;word-break:break-all}
.listTypeA tbody tr.notice td{background:#f0f0f2}
.listTypeA tbody tr.notice td.subject{font-weight:bold;}
.listTypeA tbody tr.noTxt td{padding:30px 0}
.listTypeA tbody td:first-child{border-left:0}
.listTypeA tbody td.subject{padding-left:15px;text-align:left;vertical-align:top}
.listTypeA tbody tr.listReply{display:none}
.listTypeA tbody tr.listReply td{padding:30px;text-align:left;background:#f5f5f5}

.listTypeA .checkbox label{padding-left:0;text-indent:-999px}
.listTypeA tbody td.subject .productItem{display:table}
.listTypeA tbody td.subject .productItem .img{display:table-cell;width:100px;vertical-align:middle}
.listTypeA tbody td.subject .productItem .tit{display:table-cell;padding-left:10px;font-size:15px;vertical-align:middle}
.listTypeA tbody td.subject .productItem .tit .name{display:block;margin-bottom:5px;color:#333;font-weight:500}
.listTypeA tbody td.subject .productItem .tit .txt{display:block;color:#777;line-height:20px}
.listTypeA tbody td del,
.listTypeA tbody td .sale{display:block;font-size:15px}
.listTypeA tbody td .price{display:block;font-size:18px;color:#626262;font-weight:500}
.listTypeA tbody td .amount{}
.listTypeA tbody td .amount button{width:25px;height:25px;opacity:0.5;background-color:#cacaca;border:1px solid #bebebe}
.listTypeA tbody td .amount .minus{background-position:-292px -94px}
.listTypeA tbody td .amount .plus{background-position:-342px -94px}
.listTypeA tbody td .amount input{margin:0 1px;padding:0;width:30px;height:25px;font-size:13px;text-align:center;border:1px solid #ddd}
.listTypeA tbody td .amount .btnSm{width:80px;}

/* 레이어팝업 */
.layPop{width:100%;height:100%;}
.layPop .popBox{width:480px;background:#fff}
.layPop .popBox h2{padding:0 20px;font-size:18px;color:#ebebeb;line-height:52px;font-weight:500;background:#505767}
.layPop .popBox .btnClose{position:absolute;top:20px;right:20px;width:15px;height:15px;background-position:-150px -50px}
.layPop .popBox .con{padding:30px;}

.inquiryTime ul{margin-bottom:20px;padding:20px 30px;background:#f5f5f5}
.inquiryTime ul li{position:relative;margin:10px 0;padding-left:60px;min-height:30px}
.inquiryTime ul li .name{position:absolute;top:4px;left:0;font-size:13px}
.inquiryTime ul li input{height:32px}
.inquiryTime ul li .btnCalend{width:40px;height:32px;background-position:-450px -500px}
.inquiryTime_result{margin-bottom:20px;padding:20px 30px;background:#f5f5f5}
.inquiryTime_result p{text-align:center;font-weight:300}
.inquiryTime_result p b{font-weight:500}
.inquiryTime_result .txt1{margin-bottom:10px;padding-bottom:10px;font-size:18px;color:#424242;border-bottom:1px solid #e1e1e1}


/** 편명 검색 **/
.layPop3{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:500}
.layPop3 .popBox{position:absolute;top:30%;left:50%;margin:-140px 0 0 -250px;width:100%;background:#fff}
.layPop3 .popBox .h2{padding:0 20px;font-size:18px;color:#ebebeb;line-height:52px;font-weight:500;background:#505767}
.layPop3 .popBox .btnClose{position:absolute;top:20px;right:20px;width:15px;height:15px;}
.layPop3 .popBox .con{padding:30px;overflow:auto;height:500px;}


.layPop3 .tab02 {width: 100%;overflow: hidden;margin-bottom: 20px;background:none;padding:0px;}
.layPop3 .tab02 li {float: left;width:50%}
.layPop3 .tab02 li a {display: block;width: 100%;height: 55px;font-size: 18px;text-align: center;line-height: 55px;border: 1px solid #dadada;background: #e8e8e8;}
.layPop3 .tab02 li a:hover,.layPop3 .tab02 li a.on {display: block;color:#fff;background: #3b3b3b;}
.layPop3 .tab003 {width: 100%;overflow: hidden;background:none;padding:0px;}
.layPop3 .tab003 li {float: left;width:50%;margin:0px;}
.layPop3 .tab003 li a {display: block;width: 100%;font-size: 0.98rem;border: 1px solid #dadada;padding:5px 0px;}
.layPop3 .tab003 li a span{font-size:0.7rem; font-weight:bold;}
.layPop3 .tab003 li a:hover,.layPop2 .tab02 li a.on {display: block;}


.joinCon3 h2{margin:40px 0 20px;font-size:1rem;font-weight:400}
.joinCon3 ul{border:1px solid #dfdfdf;border-bottom:0}
.joinCon3 ul li{position:relative;font-size:0.8rem;font-weight:400;border-bottom:1px solid #dfdfdf;}
.joinCon3 ul li .btnBc1{top:10px;right:10px}
.joinCon3 ul li .btnBc2{position:absolute;top:10px;right:10px}
.joinCon3 ul.join_write1::after{display:block;clear:both;content:''}
.joinCon3 ul.join_write1 li input{padding:0 30px;height:60px;font-size:16px;border:0;}
.joinCon3 ul.join_write1 li p{padding:0 30px;height:60px;line-height:60px; font-size:16px;border:0;}
.joinCon3 ul.join_write1 li.w50{float:left;margin-left:-1px;width:50%;border-left:1px solid #dfdfdf}
.joinCon3 ul.join_write1 li.clear{clear:both}
.joinCon3 ul.join_write2{margin-top:-1px}
.joinCon3 ul.join_write2 li{padding:10px 10px 10px 100px;line-height:40px;min-height:60px}
.joinCon3 ul.join_write2 li.w50{float:left;margin-left:-1px;width:50%;border-left:1px solid #dfdfdf}
.joinCon3 ul.join_write2 li .name{position:absolute;top:10px;left:30px;font-size:16px;color:#999}
.joinCon3 ul.join_write2 li input{height:39px;}

.layPop4{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:500}
.layPop4 .popBox{top:30%;left:50%;margin:0px;width:100%;background:#fff}
.layPop4 .popBox .h2{padding:0 20px;font-size:18px;color:#ebebeb;line-height:52px;font-weight:500;background:#505767}
.layPop4 .popBox .btnClose{position:absolute;top:20px;right:20px;width:15px;height:15px;}
.layPop4 .popBox .con{padding:2px;overflow:auto;height:500px;}

.layPop4 .tab02 {width: 100%;overflow: hidden;margin-bottom: 20px;background:none;padding:0px;}
.layPop4 .tab02 li {}
.layPop4 .tab02 li a {display: block;width: 100%;height: 55px;font-size: 14px;text-align: center;line-height: 55px;border: 1px solid #dadada;background: #e8e8e8;}
.layPop4 .tab02 li a:hover,.layPop4 .tab02 li a.on {display: block;color:#fff;background: #3b3b3b;}
.layPop4 .tab003 {width: 100%;overflow: hidden;background:none;padding:0px;}
.layPop4 .tab003 li {margin:0px;}
.layPop4 .tab003 li a {display: block;width: 100%;font-size: 0.98rem;border: 1px solid #dadada;padding:5px 0px;}
.layPop4 .tab003 li a span{font-size:0.7rem; font-weight:bold;}
.layPop4 .tab003 li a:hover,.layPop2 .tab02 li a.on {display: block;}

.btnBc1 a{position:relative; margin:0; display:-moz-inline-stack; display:inline-block;padding:0 10px;font-size:14px;color:#f1f1f1;line-height:32px;font-weight:400;text-align:center;text-decoration:none;background-color:#626262;cursor:pointer;transition: all 0.3s;border-radius:0;border:0}