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


/*공통 스타일*/
body, html{height:100%;}
body {background-color: #f0f0f0;font-family:'Nanum Gothic', 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

p > a {color: #E4755A;}

a, a:hover, a:active{text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-family:'Nanum Gothic', 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: normal;margin:0px; padding:0px;}

.red_txt{color: red; font-weight: 700; margin-top: 5px; display: inline-block;}

input[type="text"], input[type="password"], input[type="tel"] {
	background-color: #f3f3f3;
	border-color: #f0f0f0;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	color: #3d3d3d;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
textarea {
	background-color: #f3f3f3;
	border-color: #f0f0f0;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	color: #3d3d3d;
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input:focus, textarea:focus {
	background-color: #f6f6f6;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
}
input[type="submit"] {
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.boardD th{padding:10px;width:70px;text-align:left;}
.boardD td{text-align:left;padding-left:10px;}


/*버튼*/

/*레드*/.payBtnSmall{display:inline-block; background:#ff5454; color:#fff;
width:60px; text-align:center; border-radius:3px;}
/*챠콜*/.payBtnSmall2{display:inline-block; background:#57636c; color:#fff;
width:70px; text-align:center; border-radius:3px;}

.payBtnSmall3{display:inline-block; background:#57636c; color:#fff;
width:78px; height:20px; text-align:center; border-radius:3px;padding:5px 0; font-size:10.5px;}

input.Buttonstyle1, .Buttonstyle1 {
	min-width: 60px;
	text-align: center;
	color: #57636c;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #46a8db;
	background-color: #fff;
	border-radius: 6px;
	font-weight: bold;
	float:right;
	padding-left:5px;
	padding-right:5px;
}
input.Buttonstyle2, .Buttonstyle2 {
	width: 60px;
	text-align: center;
	color: #299cd8;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #bcdbeb;
	background-color: #fff;
	border-radius: 6px;
	font-weight: normal;
	float:left;
	margin-right:3px;
	font-weight: bold;
}
input.Buttonstyle80, .Buttonstyle80 {
	width: 80px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #46a8db;
	background-color: #5bb7e7;
	border-radius: 6px;
	font-weight: bold;
	float:right;
}
input.Buttonstyle70, .Buttonstyle70 {
	width: 80px;
	text-align: center;
	color: #299cd8;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #bcdbeb;
	background-color: #fff;
	border-radius: 6px;
	font-weight: normal;
	float:left;
	margin-right:3px;
	font-weight: bold;
}
input.Buttonstyle11, .Buttonstyle11 {
	width: 60px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #46a8db;
	background-color: #5bb7e7;
	border-radius: 6px;
	font-weight: bold;
	margin-right:3px;
	float:right;
}
input.Buttonstyle21, .Buttonstyle21 {
	width: 60px;
	text-align: center;
	color: #299cd8;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	border:1px solid #bcdbeb;
	background-color: #fff;
	border-radius: 6px;
	font-weight: normal;
	float:right;
	margin-right:3px;
	font-weight: bold;
}
.Buttonstyle3 {
	width: 40px;
	text-align: center;
	color: #299cd8;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	border:1px solid #bcdbeb;
	background-color: #fff;
	border-radius: 6px;
	font-weight: normal;
	float:right;
	margin-left:4px;
	font-weight: bold;
	font-size:12px;
}
.Buttonstyle4 {
	width: 20px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	border:1px solid #5bb7e7;
	background-color: #5bb7e7;
	border-radius: 6px;
	font-weight: normal;
	float:right;
	margin-left:4px;
	font-weight: bold;
	font-size:12px;
}
/*공통 스타일 end -------------------------------------------------------------------*/


/* 2021-03-12 이나경 추가 */
.btn_pay, .btn_can  { width:49.5%; display:inline-block; text-align:center; float:right; box-sizing:Border-box; height:36px;background-color: #5bb7e7; text-decoration: none;line-height: 36px;border: 1px solid #4b91b6; border-radius: 6px; text-align: center;color: #fff; font-weight: bold; font-size: 15px;}
.btn_can {background-color: #57636c; float:left;}
.pht5 {height:0px}


/* 구조  start*/
.websiteWrapper {}
.pageWrapper {margin-top: 0px;margin-bottom: 0px;}
.pageContentWrapper {
	background: #fff;
	padding:0px 5px 5px;
}
.pageContentWrapper > .pageContentBg{
	background:#fff;
	border:1px solid #d9d9d9;
	padding:5px;
}

.pageContentWrapper > .pageContentBg2{
	background:#fff;
	border:1px solid #d9d9d9;
	border-top:0px;
	padding:10px;
}
.pageContentWrapper > .pageContentProductBg{
	background:#fff;
	border:1px solid #d9d9d9;
	padding:15px;
}
.pageWrapper > *:last-child, .pageContentWrapper > *:last-child {
	margin-bottom: 0px;
}
/*페이지타이틀*/
.pageTitle {border: 0px solid #d9d9d9; border-bottom:0px; background:#57636c;text-align:center;height:40px;line-height:40px;position:relative;
color:#fff; font-weight:bold}
.pageTitle > a{position:absolute;left:9px;top:0px;}
.pageTitle > a .fa{color:#fff;}

#touchSlider{position:relative;width:100%;height:100%;overflow:hidden;}
.blockTitle {
	margin-bottom: 22px;
}
::-webkit-input-placeholder {
color:#999;
}
:-moz-placeholder {
 color:#999;
}
::-moz-placeholder {
 color:#999;
}
:-ms-input-placeholder {
 color:#999;
}
.formFieldWrapper {
	margin-bottom: 10px;
}
.formFieldWrapper label, .formTextareaWrapper label {
	margin-bottom: 5px;
	width: 100%;
	box-sizing: border-box;
	height: 18px;
	line-height: 18px;
}
input.fieldWithIcon{
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 40px;
}
input.textareaWithIcon {
	background-position: right 9px;
	background-repeat: no-repeat;
	padding-right: 40px;
}
input.shopSearchFieldIcon {background-image: url(/mobile/images/common/shopSearchFieldBg.png);}
input.userFieldIcon {background-image: url(/mobile/images/common/userFieldBg.png);}
input.passwordFieldIcon {background-image: url(/mobile/images/common/passwordFieldBg.png);}
input.emailFieldIcon, .emailFieldIcon {background-image: url(/mobile/images/common/emailFieldBg.png);}
input.phoneFieldIcon {background-image: url(/mobile/images/common/phoneFieldBg.png);}
input.addressFieldIcon {background-image: url(/mobile/images/common/addressFieldBg.png);}
input.websiteFieldIcon {background-image: url(/mobile/images/common/websiteFieldBg.png);}
input.messageFieldIcon {background-image: url(/mobile/images/common/messageFieldBg.png);}
input.pointFieldIcon {background-image: url(/mobile/images/common/pointFieldBg.png);}

/*구조 end-----------------------------------------------------------------------*/



/* 사용자지정 start*/
.buttonWrapper {
	border-radius: 6px;
}
.buttonDefault {
	background-color: #E4755A;
}
.highlightDefault {
	background-color: #E4755A;
}
.alertBox {
	border-radius: 3px;
}
/* 사용자지정 end ----------------------------------------------------------------*/






/* 상단 srart */
.headerOuterWrapper {z-index: 9999;margin-left: 0px;margin-right: 0px;background-color: #fff;}
.headerWrapper {z-index: 9990;height: 50px;background-color: #0383a9; width:100%;
position:relative;border-bottom:1px solid #dcdcdc;display:table;}
.headerWrapper h1{display:table-cell; vertical-align:middle;}
.headerWrapper a.mainLogo{ display:block;width:90px; margin:0 auto;}
.cateAllButton{position:absolute; top:16px; left:10px;}
.cateAllButton .fa{font-size:22px; color:#fff } /*#3e4e5b*/
.headerWrapper ul{position:absolute; top:16px;right:10px;}
.headerWrapper ul li{float:left; margin-left:10px;}
.headerWrapper ul li .fa{font-size:22px; color:#fff}/*#3e4e5b*/




/*로고*/
.LogoWrapper{padding: 0px;height:50px;z-index: 9990;width:100%;border-bottom:1px solid #dcdcdc;position:relative;
	background:#fff;display:table;}
.LogoWrapper h1{display:table-cell; vertical-align:middle;}
.LogoWrapper a.mainLogo{ display:block;width:90px; margin:0 auto;}



/*로고/ 상단버튼 end*/

/*네비*/
.shopNavi{
	height:32px;
}
/*네비 end*/


/*전체메뉴*/
.shopNavi > .mainMenuButton, .categoryTitle > .mainMenuButton {
	display:block;
	width: 42px;
	height: 32px;
	background: url(/Mobile/images/common/mainMenuButtonBg.png) 0px 0px no-repeat #5bb7e7;
	float: left;
	color:#fff;
	font-size:14px;
	line-height:31px;
	padding-left:38px;
	font-weight:bold;
}

.mainMenuButton:hover {
	text-decoration: none;
}
.mainMenuOuterWrapper {
	display: none;
	z-index: 9999;
	background-color: #fff;
}
.mainMenuWrapper {
	margin: 0px;
	position: relative;
	padding-top: 20px;
	padding-left:7px;
	padding-right:7px;
}
.mainMenuWrapper > li {
	float: left;
	width:100%;
	box-sizing:border-box;
	list-style:none;
	padding-bottom:10px;
}

.mainMenuWrapper > li > div{
	float:left;
	width:50%;
	line-height:20px;
}

.mainMenuWrapper > li > div > a:first-child{
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
	border-bottom:1px solid #cfcfcf;
	margin-bottom:5px;
}
.mainMenuWrapper > li:last-child {
	margin-bottom: 12px;
}
.mainMenuWrapper > li > div > a {
	color: #313131;
	margin:0px 7px;
	display:block;
	font-size:13px;
}
.mainMenuWrapper > li > a:hover {
	text-decoration: none;
}
.mainMenuWrapper > li:hover > a {
}
.mainMenuWrapper > li.currentPage {
	background-color: #333;
}
.mainMenuWrapper > li.currentPage > a {
	color: #fff;
}
.mainMenuWrapper .bgIconWrapper{
	width:23px;
	height:22px;
	float:left;
	margin-right:5px;
	position:relative;
	top:-2px;
}

/*전체메뉴 end*/


/*상단검색*/
.shopSearchFormWrapper {
	display:none;
	border-bottom:1px solid #b0b0b0;
}
.shopSearchForm {
}
input.shopSearchField {
	background-color: #f3f3f3;
	color: #333;
	width: 80%;
	box-sizing: border-box;
	height: 37px;
	border:3px solid #b0b0b0;
	float:left;
}
input.shopSearchField:focus {
	background-color: #f6f6f6;
}
a.topSearchBtn{
	float:right; display:block; background:#1789e2; 
	width:20%;color:#fff; font-weight:bold; text-align:center; line-height:30px;
}

/*상단검색 end*/


/* 상품검색페이지 */
.shopSearchFormWrapper2 {
	display:block;
	border:1px solid #dadada;
	padding:10px;
	background:#fff;
}
.shopSearchForm {
}
.shopSearchFormWrapper2 input.shopSearchField {
	background-color: #f3f3f3;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	height: 37px;
	border:3px solid #b0b0b0;
}
.shopSearchFormWrapper2 input.shopSearchField:focus {
	background-color: #f6f6f6;
}
.shopSearchResult{
	padding:10px;
}
.shopSearchResult .noData{
	padding:50px 0px;
	text-align:center;
	display:block
}
.shopSearchResult .count > span {
	color:#ff3838;
	font-size:18px;
	font-weight:bold;
	padding-right:3px;
}
/* 상품검색페이지 end*/


/*상단과 중앙 여백*/
.headerBreak {
	border-top: 3px solid #f0f0f0;
	height: 0px;
	width: 100%;
	clear: both;
	margin-bottom: 36px;
}
.headerBreakTextBottom {
	margin-bottom: 11px;
}
.headerBreakTitleBottom {
	margin-bottom: 5px;
}
/*상단과 중앙 여백 end*/


/*상단메뉴*/
.mcom_navwrap{ position: relative; width:100%;height:31px !important;overflow:hidden;background:#fff; border-bottom:1px solid #d9d9d9;}
.mcom_navwrap ul{white-space:nowrap; margin:0 30px;}
.mcom_navwrap li{position:relative;display:inline-block;text-align:center;width:25%;}
.mcom_navwrap li a{display:block;height:31px;color:#313131;font-size:14px;line-height:31px;text-align:center; letter-spacing: -1px}

.mcom_navwrap .btn_prev{position:absolute;top:0;left:0px;z-index:2;width:24px; height:32px;}
.mcom_navwrap .btn_next{position:absolute;top:0;right:0px;z-index:2;width:24px; height:32px;}




/* 상단 end---------------------------------*/



/*로그인페이지------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.LoginMenu_tab{background:#fff;border:1px solid #d9d9d9;margin-top:10px;border-bottom:0px;}
.LoginMenu_tab ul{width:100%;}
.LoginMenu_tab li{width:50%;float:left;}
.LoginMenu_tab li a{padding:7px;text-align:center;text-decoration:none;}
.LoginMenu_tab li.active a{background:#5bb7e7;color:#fff;font-weight:bold;}

.loginPageWrapper {}
.loginFormWrapper {padding:14px;}
.loginFormWrapper label{display:none;}
.loginForm {}

input.loginEmailField, input.loginIdField {width: 100%;box-sizing: border-box;height: 36px;}
input.loginPasswordField {width: 100%;box-sizing: border-box;height: 36px;}

.loginButtonsWrapper1 {margin:20px 0px 10px;}
.loginButtonsWrapper2 {text-align:center;overflow:hidden}
.loginButton {height: 36px;background-color: #ff4a4a;text-decoration: none;line-height: 36px;
	margin: 0px;border:0px solid #4b91b6;border-radius: 5px;text-align:center;
	color:#fff;font-weight:bold;font-size:14px;margin-bottom:0px;}

.snsButtonArea{width:100%; height:300px; position:relative;}

.loginButtonNaver {height: 36px;background-color: #00c73c;text-decoration: none;line-height: 36px;
	margin: 0px;border:0px solid #4b91b6;border-radius: 5px;text-align:center;
	color:#fff;font-weight:bold;font-size:14px;margin-bottom:10px;
	float:left; width:49%; }

/* 허준영추가 */
.loginButtonkakao {height: 36px;background-color: #ffe800;text-decoration: none;line-height: 36px;
	margin: 0px;border:0px solid #4b91b6;border-radius: 5px;text-align:center;
	color:#333333;font-weight:bold;font-size:14px;margin-bottom:10px;float:left;
	float:right; width:49%; }

.loginButtonNaver2 {height: 48px;background-color: #00c73c;text-decoration: none;line-height: 48px;
	margin: 0px;border:0px solid #4b91b6;text-align:center;
	color:#fff;font-weight:bold;font-size:14px; width:50%;float:left;
	 }
/*애플 추가*/


.snsButtonArea #appleid-signin{width:100%; height:40px; }
.snsButtonArea #appleid-signin span{color:#fff;}
.snsButtonArea .apple_bg{width:137px; height:26px; background: url('/Image/Common/apple_loginImg0.jpg')no-repeat center; 
position:absolute; top:105px; left:111px;}
/*.snsButtonArea .apple_bg:hover{ z-index:1;}*/

/* 허준영 카카오 추가 */
.loginButtonkakao2 {height: 48px;background-color: #ffe800;text-decoration: none;line-height: 48px;
	margin: 0px;border:0px solid #4b91b6;text-align:center;
	color:#333333;font-weight:bold;font-size:14px;width:50%;
	}


.loginButtonfacebook{height: 36px;background-color: #1f4b7d;text-decoration: none;line-height: 36px;margin: 0px;
	border:0px solid #2b4270;border-radius: 0px;text-align:center;color:#fff;font-weight:bold;font-size:14px;}

.loginRegisterButton {display:inline-block;margin-right: 12px;padding-right: 15px;border-right: 1px dotted #cccccc;
	height: 26px;line-height: 26px;border-radius: 0px;color:#313131;font-weight:bold;}
.loginRecoverButton {display:inline-block;height: 26px;line-height: 26px;}

.loginButtonNaver3 {display:block;width:100%;height:34px; margin-top: 10px; line-height:34px;
	color:#fff;font-weight:bold;text-align:center;background:#00c73c;}

.loginButtonkakao3 {display:block;width:100%;height:34px; margin-top: 10px; line-height:34px;
	color:#fff;font-weight:bold;text-align:center;background:#ffe800;color:#333333;}



/*로그인페이지 end------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*회원가입---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.registerPageWrapper {}
.registerFormWrapper {padding:14px;}
.registerForm {}
.registerFormWrapper label{display:block; float:left; width:25%; line-height:36px; height:36px;}
.registerFormWrapper .formFieldWrapper{margin-bottom:0px;}
.registerForm input[type="text"], .registerForm input[type="password"] {
	margin-bottom: 0px;
}
.registerFieldWp{width:75%; float:right;display:inline-block;margin:0px; padding:0px;}
input.registerField{
	width: 100%;box-sizing: border-box;height: 36px; display:inline-block
}
input.registerPasswordField {
	width: 100%;box-sizing: border-box;height: 36px;
}
input.registerEmailField {
	width: 100%;box-sizing: border-box;height: 36px;
}
input.registerPhoneField {
	width: 100%;box-sizing: border-box;height: 36px;
}
select.registerPhoneField, td.FieldSelect{
	width: 30%;box-sizing: border-box;height: 36px;padding:0px; margin:0px;
}
input.registerAddressField, input.registerCountryField, input.registerCityField, input.registerZipField {
	width: 100%;box-sizing: border-box;height: 36px;
}
.registerButtonsWrapper {
	height: 36px;padding-top: 0px;padding-bottom:10px;
}
.registerButtonsWrapper > span{
	position:relative; top:5px;
}
.registerButton {
	height: 25px;display: inline-block;padding-left: 7px;padding-right: 7px;line-height: 25px;
	border:1px solid #e5e5e5;border-radius: 6px;color:#0075b2;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
}
.registerButtonsWrapper1 {
	padding-bottom:10px ;
}

.registerButton2 {
	height: 36px;background-color: #fff;text-decoration: none;line-height: 36px;margin: 0px;
	border:1px solid #46a8db;border-radius: 6px;text-align:center;color:#57636c;font-weight:bold;
	font-size:14px;margin-bottom:10px;
}
.registerButtonfacebook{
	height: 36px;background-color: #35518a;text-decoration: none;line-height: 36px;
	margin: 0px;border:1px solid #2b4270;border-radius: 6px;text-align:center;
	color:#fff;font-weight:bold;font-size:14px;
}
.registerCheck{
	padding:20px 0px;border-top:2px solid #f4f4f4;
}
.registerCheck > input[type="checkbox"]{
	position:relative;top:3px;
}
/*회원가입 end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*회원정보수정*/
.modifyCon{
	background-color: #fff;
	border:1px solid #f3f3f3;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	color: #3d3d3d;
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	line-height:36px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 40px;
}
.modifyCon.emailFieldIcon{
	background-image: url(/mobile/images/common/emailFieldBg.png);
}
.modifyCon.phoneFieldIcon{
	background-image: url(/mobile/images/common/phoneFieldBg.png);
}
.modifyCon.userFieldIcon{
	background-image: url(/mobile/images/common/userFieldBg.png);
}
.modifyCon > span{
	padding-left:12px;
}






/*비밀번호찾기*/
.pwSearchPageWrapper {
}
.pwSearchPageWrapper > label {
	display:block;
	font-size:20px;
}
.pwSearchFormWrapper {
	padding:14px;
}
.pwSearchFormWrapper .text{
	text-align:center;
	padding-bottom:25px;
	color:#909090;
}
.pwSearchForm {
}
.pwSearchFormWrapper input[type="radio"]{
	float:left;
	
}
input.pwSearchEmailField {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
input.pwSearchPhoneField {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
.pwSearchButtonsWrapper1 {
	margin:20px 0px;
}
.pwSearchButton {
	height: 36px;
	background-color: #5bb7e7;
	text-decoration: none;
	line-height: 36px;
	margin: 0px;
	border:1px solid #4b91b6;
	border-radius: 6px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}



/*비밀번호찾기 end*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Recover Page CSS Rules Start                                                                       */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.recoverPageWrapper {
}
.recoverFormWrapper {
	margin-bottom: 36px;
}
.recoverForm {
}
input.recoverUserNameField {
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	margin-bottom: 0px;
}
input.recoverEmailField {
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	margin-bottom: 0px;
}
.recoverButtonsWrapper {
	height: 36px;
	padding-top: 4px;
}
input.recoverButton {
	padding-left: 12px;
	padding-right: 12px;
	float: right;
	height: 36px;
	background-color: #333;
	border-radius: 6px;
}
.recoverLoginButton {
	float: left;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px dotted #e9e9e9;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
}
.recoverRegisterButton {
	float: left;
	height: 36px;
	line-height: 36px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Recover Page CSS Rules End                                                                         */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Advanced Search Page CSS Rules Start                                                               */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.advancedSearchPageWrapper {
}
.advancedSearchFormWrapper {
	overflow: visible;
}
.advancedSearchForm, .advancedSearchForm > fieldset {
	overflow: visible;
}
.advancedSearchForm label {
	margin-bottom: 13px;
}
.advancedSearchForm .drop-downWrapper {
	margin-bottom: 23px;
}
input.advancedSearchTermsField {
	color: #333;
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	margin-bottom: 0px;
}
.advancedSearchButtonsWrapper {
	padding-top: 4px;
}
input.advancedSearchButton {
	padding-left: 12px;
	padding-right: 12px;
	float: right;
	height: 36px;
	background-color: #333;
	border-radius: 6px;
	clear: both;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Advanced Search Page CSS Rules End                                                                 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*상품상세페이지*/
.productNameWrapper{
	padding:0px 15px 10px 0px;
}
.productNameWrapper > h2{	
	padding-bottom:10px;
}
.productNameWrapper > div{
	padding-bottom:13px;
	
}
.productNameWrapper > div > span{
	padding:2px 5px;
	border:1px solid #9bcde8;
	overflow:hidden;
	display:block;
	float:left;
	margin-right:5px;
	background:#dfebf1;
}
.productNameWrapper > span{
	font-size:20px;
	font-weight:bold;
	color:#ff4c4c;
}
.singleProductPageWrapper {
}
.singleProductPageWrapper .pageTitle {
	margin-bottom: 27px;
}
.singleProductGalleryWrapper {
}
.singleProductGallery {
	border: 3px solid #f0f0f0;
	margin-bottom: 27px;
}
.singleProductGalleryItem {
	z-index: 10;
	width: 100%;
	height: auto;
	position: absolute;
	opacity: 0;
	transition: opacity 0.3s;
}
.currentSingleProductGalleryItem {
	z-index: 90;
	opacity: 1;
	transition: opacity 0.3s;
}
.singleProductGalleryMenu {
	list-style: none;
	vertical-align: baseline;
	letter-spacing: 12px;
	padding: 0px;
	margin-bottom: 27px;
	text-align: center;
	height: auto;
}
.singleProductGalleryMenu > li {
	padding: 0px;
	display: inline-block;
	border: 3px solid #f0f0f0;
	height: auto;
	width: 60px;
	box-sizing: border-box;
	transition: border-color 0.3s;
	margin-bottom: 0px;
}
.singleProductGalleryMenu > li > a {
	height: auto;
	width: 54px;
}
.singleProductGalleryMenu > li > a > img {
	width: 100%;
	height: auto;
}
li.currentSingleProductGalleryMenuItem {
	border-color: #5bb7e7;
	transition: border-color 0.3s;
}
.singleProductPurchaseButton, .singleProductPurchaseButton:hover {
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background-color: #333;
	border-radius: 6px;
	margin-bottom: 27px;
	font-weight: bold;
	text-decoration: none;
}
.productReviewWrapper > .quoteAvatar {
	width: 36px;
	height: auto;
}
.productReviewWrapper > .quoteAvatar img {
	width: 36px;
	height: auto;
}
.productReviewWrapper .date{
	float:right; 
	color:#666;
	font-size:10px;
}
.productReviewForm input[type="text"], .productReviewForm textarea, 
.productQnaForm input[type="text"], .productQnaForm textarea {
	margin-bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
.productReviewForm textarea, .productQnaForm textarea {
	height: 100px;
	margin-bottom: 10px;
	clear: both;
}

.productReviewForm .fileview, .productQnaForm  .fileview{
	margin-bottom: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #2f2f2f;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	position:relative;
	background: url(/mobile/images/common/uploadFileFieldBg.png) right center no-repeat #f6f6f6;
	padding-right:40px;
}
.productReviewForm .fileopacity, .productQnaForm .fileopacity {
	width:50px;
	height:16px;
	position:absolute;
	left:0px;
	opacity:0.0;filter:alpha(opacity=0);};
}
input.produtReviewSubmitButton {
	height: 36px;
	line-height: 36px;
	float: right;
	border-radius: 6px;
}
.productReviewBtn, .productQnaBtn{
	height: 36px;
	background-color: #fff;
	text-decoration: none;
	line-height: 36px;
	margin-top: 15px;
	border:1px solid #5bb7e7;
	border-radius: 6px;
	text-align:center;
	color:#5bb7e7;
	font-weight:bold;
	font-size:14px;
}
.QnaListWrapper{
	margin:0px 0px 15px;
	padding:0px;
}
.QnaListWrapper li{
	margin:0px;
	padding:10px 0px;
	border-bottom:1px solid #f3f3f3;
	
}
.QnaListWrapper li:first-child{
	padding-top:0px;
}
.QnaListWrapper li:last-child{
	padding-bottom:0px;
	border-bottom:0px;
}
.qnaLabel{
	padding:2px 0px;
	width:60px;
	background:#ff6868;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	float:left;
	font-size:10px;
	font-weight:bold;
}
.QnaListWrapper li .date{
	float:right; 
	color:#666;
	font-size:10px;
}
.QnaListWrapper li .QnaListTitle{
	width:100%;
	clear:both;
	font-weight:bold;
}
.QnaListViewWrapper{
	border-top:1px solid #b3b3b3;
	padding:15px;
	margin:5px 0px;
	background:#f2f2f2;
}
.QnaListViewWrapper > p{
	padding-bottom:15px;
	border-bottom:1px solid #d0d0d0;
	font-weight:bold;
}
.QnaAnswerWrapper{
	padding-left:15px;
	background:url(/mobile/images/common/AnswerIcon.png) 0 0 no-repeat;
}
.QnaAnswerWrapper .date{
	color:#666;
	font-size:10px;
	width:100%;
}

.productBuyWrapper{
	position:fixed;
	bottom:0; left:0; right:0;
	z-index:9999;
}
.productBuyWrapper .productBuyToggle{
	background:url(/mobile/images/common/productBuyToggleBg.gif) left bottom repeat-x;
}
.productBuyWrapper .productBuyToggle > img{
	width:61px;
	margin:0 auto;
}
.productBuyWrapper .productBuyContents{
	background:#fff;
	padding:6px;
}
.productBuyWrapper .productBuyClick{
	height:50px;
	line-height:50px;
	background:#5bb7e7;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	border-radius:6px;
}
.productBuySelect{
	padding:6px;
}
.BuyOptionScon{
	background:#f0f0f0;padding:10px;border:1px solid #dcdcdc;
}

.BuyOptionScon > .BuyOptionSconName{
	width:100%;
	font-weight:bold;
}
.BuyOptionScon > .BuyOptionSconQty{
	padding-top:7px;
	float:left;
}
.BuyOptionScon > .BuyOptionSconPay{
	padding-top:7px;
	float:right;
	font-size:16px;
	color:#279ad6;
	font-weight:bold;
	position:relative;
	top:3px;
}
.BuyOptionScon .cartRemoveProductButton{
	position:relative;
	top:-4px;
	margin-left:10px;
}
.BuyOptionScon .cartProductNumberM, .BuyOptionScon .cartProductNumber, .BuyOptionScon .cartProductNumberP{
	background:#fff;
}
.productBuyBtnWrapper{
	padding:6px;
}
.productBuyBtnWrapper .productBuyAllPay{
	float:left;width:100%;font-weight:bold;position:relative;top:8px; height:40px;
}
.productBuyBtnWrapper .productBuyAllPay > span:first-child{
	float:left;
}
.productBuyBtnWrapper .productBuyAllPay > span:last-child{
	float:right;
}
.productBuyBtnWrapper .productBuyAllPay > span > span{
	font-size:20px;color:#ff3535;}
.productBuyBtnWrapper .productBuyBtn{
	width:100%;
}
.productBuyBtnStyle1{
	width: 50%;text-align: center;color: #fff;text-decoration: none;
	height: 30px;line-height: 30px;border:0px solid #46a8db;background-color: #5bb7e7;
	font-weight: bold;float:left;font-size:14px;
}
.productBuyBtnStyle2{
	width: 50%;text-align: center;color: #fff;text-decoration: none;
	height: 30px;line-height: 30px;border:0px solid #4a4a4a;background-color: #4a4a4a;
	font-weight: bold;float:right;font-size:14px;
}
.productImg img{
	width:100%;height:auto;}

/*상품상세페이지 end*/



/*장바구니*/
.cartPageWrapper {
}
.cartPageWrapper .pageTitle {
	margin-bottom: 27px;
}
.cartTitleSteps {
	float: right;
	font-size: 10px;
	color: #666;
}
.cartProductWrapper {
	background:#fff;border:1px solid #d9d9d9;padding:5px;}
.groupPadding{
	padding-top:15px;
}
.cartProductCheck{
	float:left;
}
.cartProductImageWrapper {
	margin-right: 15px;
	width: 80px;
	height: auto;
	float: left;
	border:1px solid #e3e3e3;
}
.cartProductImage {
	width: 80px;
	height: auto;
}
.cartProductInfoWrapper {
}
.cartProductButtonsWrapper {
	margin-top: 5px;line-height:25px;}
input.cartProductNumber {
	display: inline-block;
	padding: 0px;
	height: 22px;
	line-height: 22px;
	width: 22px;
	margin: 0px;
	text-align: center;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
select.cartProductNumberSel {
	display: inline-block;
	padding: 0px;
	height: 22px;
	line-height: 22px;
	width: 60px;
	margin: 0px;
	text-align: center;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
}
.cartProductNumberM, .cartProductNumberP {
	display: inline-block;
	padding: 0px;
	height: 22px;
	line-height: 22px;
	width: 22px;
	margin: 0px;
	text-align: center;
	border:1px solid #dbdbdb;
	font-weight:bold;
	color:#5bb7e7;
}
.cartProductPrice {
	width:auto;
	background-color: #f0f7fb;
	display: block;
	padding:12px;
	line-height: 24px;
	clear:both;
}
.cartRemoveProductButton, .addRemoveProductButton {
	background: #5b5b5b url(/Mobile/images/common/checkoutRemoveProductButtonBg.png) center center no-repeat;
	color: #fff;display: block;border-radius: 3px;padding-left: 12px;padding-right: 12px;text-align: center;
	float: right;height: 24px;line-height: 24px;overflow:hidden;}
.cartProductWrapper .cartRemoveProductButton{position:absolute; top:5px; right:5px;}
.chcekGroupWrapper{
	width:100%;
	padding-bottom:10px;
	/*color:#5bb7e7;*/
}
.chcekGroupWrapper > span{
	color:#ff4564;
}
.chcekGroupWrapper > input[type="checkbox"]{
	position:relative;
	top:3px;
}
.cartRemoveGroupButton{
	height: 15px;
	display:inline-block;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 15px;
	border:1px solid #e5e5e5;
	border-radius: 6px;
	color:#309ad1;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	margin-left:8px;
}
.cartProductTitle {
	color: #333;
	text-decoration: none;
	margin-top: 5px;
	font-weight:bold;
}
.cartInfoWrapper {
	background:#fff;
	border:1px solid #d9d9d9;
	padding:5px;
}
.cartInfoWrapper > div {
	border-bottom:1px solid #e7e7e7;
	padding:5px 0px;
	overflow:hidden;
}
.cartInfoWrapper > div:last-child {
	border-bottom:0px solid #e7e7e7;
}
.cartProductsNumber {
	float: left;
	display: block;
	height: 24px;
	line-height: 24px;
}
.cartProductsPay {
	float: right;
	height: 24px;
	line-height: 24px;
	display: block;
	font-weight:bold;
}
.cartProductsTotal {
	float: right;
	display: block;
	height: 24px;
	line-height: 24px;
	font-weight:bold;
	font-size:16px;
	color:#ff4a4a;
}
.cartButtonsWrapper {
	height: 36px;
}

/*장바구니 end*/


/*주문결제*/
.orderTitle{
	padding:5px ;font-weight:bold;border:0px solid #dadada;font-size:13px;color:#fff;
background:#a0a0a0; 
}
.orderTitle2{padding:5px ;font-weight:bold;border:0px solid #dadada;font-size:13px;color:#fff;
background:#a0a0a0; }
.orderTitle2 input{
	position:relative;
	top:2px;
	margin-left:10px;
}
.orderTitle2 span{
	font-size:12px;
	font-weight:100;
}
.orderAddWrapper{
	background:#fff;border:1px solid #d9d9d9;padding:5px;
}
.addListClickView{
	background:#f0f5f8;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.addListClickView > .addListWrapper{
	padding:5px;
	border-bottom:1px solid #c7d7df;
}
.addListClickView > .addListWrapper > .select{
	float:left;
}
.addListClickView > .addListWrapper > .addList{
	float:left;

.}
.menu_tab{
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}
.menu_tab > ul{
	width:100%;
	background:#fff;
	height:35px;
	margin-bottom:0px;
}
.menu_tab > ul > li{
	display:block;
	background:#e5eff4;
	width:50%;
	float:left;
	text-align:center;
	height:35px;
	line-height:35px;
	padding:0px;
}
.menu_tab > ul > li.active{
	background:#fff;
	border-right:1px solid #a8d7ef;
	margin-left:-1px;
}
.orderAddWrapper > input{
	position:relative;
	top:3px;
}
.orderAddWrapper label{
	float:left;
}
input.cartOrderNameField{
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
input.cartOrderPhoneField{
	width: 29%;
	box-sizing: border-box;
	height: 36px;
	float:left;
} 
select.cartOrderPhoneFieldSel{
	width: 20%;
	box-sizing: border-box;
	height: 36px;
	float:left;
} 
select.cartOrderPhoneFieldSel1{
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	float:left;
}
.formFieldWrapper > span{
	float:left;
	display:block;
	padding:8px 5px;
}
.formFieldWrapper table{
	margin:0px; padding:0px; border:0px;
	background:#fff;
}
.formFieldWrapper table td{
	margin:0px; padding:0px; border:0px;
	background:#fff;
	height:36px; 
}
input.cartOrderAddressField{
	width: 50%;
	box-sizing: border-box;
	height: 36px;
	float:left;
	margin-bottom:5px;
}
input.cartOrderAddressField2{
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	margin-top:5px;
}
.cartOrderAddButton {
	height: 25px;
	float: left;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 25px;
	border:1px solid #e5e5e5;
	border-radius: 6px;
	color:#309ad1;
	background: #ffffff; /* Old browsers */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	margin-left:5px;
	position:relative;
	top:3px;
}
input.cartOrderPointField{
	float:left;width:100%;margin-right:0px;
}
.checkAll{
	padding-top:10px;
}
.cartOrderButton {
	height: 36px;
	background-color: #5bb7e7;
	text-decoration: none;
	line-height: 36px;
	margin: 0px;
	border:1px solid #4b91b6;
	border-radius: 6px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.cartOrderPayS{
	padding-right:15px;
	overflow:hidden;
	float:left;
	padding-bottom:10px;
}
.cartOrderPayS:last-child{
	padding-right:0px;
}
.cartOrderbankinfo{
	width:100%;
}
.cartOrderbankinfo > span{
	padding:15px;
	display:block;
	background:#f7f7f7;  
	}

/*주문결제 end*/



/*상품카테고리*/
.categoryTitle {
	border-bottom: 1px solid #d9d9d9;background:#fff;height:31px;
	line-height:31px;position:relative;font-size:13px;
}
.categoryTitle > a{
	margin-right:20px;
}
.categoryTitle .fr{
	font-size:14px; font-weight:bold;padding-left:15px;
}
.categoryTitle .la{
	color:#5bb7e7;
}
.category2deth{}
.category3deth{}
.category3deth > ul{padding:0px 0px; border-left:1px solid #dadada; border-top:1px solid #dadada}
.category3deth > ul > li{float:left;line-height:25px;width:50%; }
.category3deth > ul > li a{padding-left:5px;border:1px solid #dadada;border-top:0px}
.category3deth > ul > li:nth-child(2n) a{border-left:0px solid #fff;}
.category3deth > ul > li.select{background:#717171;}
.category3deth > ul > li.select a{color:#fff;}

.productMenuWrapper {
	}
.productMenuWrapper td{ background:#fdfdfd}
.productMenuWrapper a {
	color: #313131; display:block;}
.productMenuWrapper .select {
	background:#fff}
.productMenuWrapper .select a{color: #2a95cd; font-weight:bold; }
.ProductListMoreBtn{
	height: 36px;
	background-color: #fff;
	text-decoration: none;
	line-height: 36px;
	margin-top: 15px;
	border:1px solid #5bb7e7;
	border-radius: 6px;
	text-align:center;
	color:#5bb7e7;
	font-weight:bold;
	font-size:14px;
}

/*상품카테고리 end*/




/*마이홈*/
.myHomeNaviWrapper{
	border-top:1px solid #2494ce;border-bottom:1px solid #3ba3d9;clear:both;}
.myHomeNaviWrapper > a{
	width:16.66%;height:40px;line-height:40px;text-align:center;background:#5bb7e7;
	margin:0px;padding:0px;color:#fff;font-weight:bold;font-size:13px;float:left}
.myHomeNaviWrapper > a.select{
	background:#2a95cd;}
.myHomeInfoTopWrapper{
	clear:both;margin-top:5px;border:1px solid #dadada; background:#f0f0f0;}

.myHomeNaviWrapper2{width:100%;}
.myHomeNaviWrapper2 ul{}
.myHomeNaviWrapper2 ul li{width:50%;position:relative }
.myHomeNaviWrapper2 ul li a{display:block; text-align:left;border:1px solid #fff;padding:10px 10px; font-size:14px; background:#42a8dd; color:#fff; border-radius:5px;}
.myHomeNaviWrapper2 ul li:nth-child(2n){float:right; }
.myHomeNaviWrapper2 ul li:nth-child(2n+1){float:left; }
.myHomeNaviWrapper2 ul li a .fa{width:20px; font-size:14px;} 
.myHomeNaviWrapper2 ul li span{position:absolute; right:10px; top:10px; color:#bfe6fb; font-size:12px;}

.myHomeInfoMem{
	/*float:left;*/
	padding:10px 5px;font-weight:bold;border:1px solid #dadada; background:#fff;text-align:center; border-bottom:0px;
}
.myHomeInfoMem > span{
	color:#1789e2;font-size:14px;
}
.myHomeInfoMem > strong{
	color:red
}
a.myHomeInfoBtn{
	width: 29px;
	height: 29px;
	float:right;
	margin-left:5px;
}
.myHomeInfoCon{
	margin-top:15px;
	border-top:1px solid #f9e00f;
	border-bottom:1px solid #f9e00f;
	padding:0px 0px;
}
.myHomeInfoCon > table{
	border:0px;
}
.myHomeInfoCon > table th, .myHomeInfoCon > table td{
	border-bottom:0px;
}
.myHomeInfoCon > table th:last-child, .myHomeInfoCon > table td:last-child{
	border-right:0px;
}
.myHomeInfoCon > table td{
	padding:10px 15px;
}
.myHomeSubTitle{
	font-weight:bold;
	padding:10px 0px 10px;
	margin-top:5px;
	padding-left:15px;
	font-size:14px;
	background:url(/mobile/images/common/myHomeSubTitleBl.png) 4px 17px no-repeat;
	/*border-bottom: 3px solid #a8d7ef;*/
}
.myHomeSubTitle > .small{
	color:#666;
	font-size:11px;
}
.myHomeOrderDate{
	padding:10px 20px;
	background:#f7f7f7;
	border:1px solid #d9d9d9;
	border-bottom:0px;
}
.myHomeOrderDate > a > span:first-child{
	float:left;
	font-weight:bold;
	color:#5bb7e7;
}
.myHomeOrderDate > a > div{
	float:right;
	font-weight:bold;
	color:#ff4564
}
.myHomeOrderDate > a > div > span:last-child{
	color:#8a8a8a;
	padding-left:5px;
}
.myHomeNoData{
	padding:10px 20px;
	background:#fff;
	border:1px solid #d9d9d9;
	text-align:center;
}
/*마이홈 end*/



/* 주문정보 */
.topOrderNum{
	background:#1789e2;color:#fff;font-weight:bold;padding:10px 0px;text-align:center;
	margin-bottom:10px;font-size:14px;
}
/* 주문정보 end */


/* 나의포인트*/
table.pointBoard{
}
table.pointBoard th, table.pointBoard td{
	height:10px;
}
table.pointBoard .date{
	text-align:left;padding-left:5px;
}
table.pointBoard .point{
	color:#ff404e;
}
.allPoint{
	padding:10px 5px;text-align:left;background:#fff; line-height:20px;font-weight:bold
}
.allPoint > strong{
	font-size:16px; color:#ff404e;}

/*나의 상품문의*/
.myHomeQnaImg{
	width:42px;
	float:left;
	margin-right:15px;
}
.myHomeQnaImg img{
	width:36px;
	height:auto;
	border:3px solid #f0f0f0;
	float:left;
}
.ProductTitleLink{
	font-weight:bold;
	color:#313131;
	padding-bottom:5px;
}

/*나의 상품문의 end*/

/*나의 배송요금표*/
ul.dlvrTab{}
ul.dlvrTab li{float:left; width:20%;padding: 8px 2px; box-sizing:border-box;min-height:35px; text-align:center;background:#5bb7e7;}
ul.dlvrTab li a{color:#fff; font-weight:bold; font-size:13px;}
ul.dlvrTab li.select{ background:#1789e2}



/* 주소록 관리*/
.addContentsAdd{
	width: 90px;
	text-align: center;
	color: #299cd8;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	border:2px solid #bcdbeb;
	background-color: #fff;
	font-weight: normal;
	float:right;
	margin-left:4px;
	font-weight: bold;
	font-size:12px;
}
.addContentsWrapper{
	padding:10px;
	background:#fff;
	border:1px solid #dadada;
}
.board_add{
	margin-bottom:10px;
	border:1px solid #a9a9a9;
}
.board_add:last-child{
	margin-bottom:0px;
}
.board_add th{
	width:50px;
}
.board_add th, .board_add td{
	text-align:left;
	padding-left:10px;
}
.addName{
	font-weight:bold;
	border-bottom:1px solid #a9a9a9;
	background:#fff;
	padding:10px;
	font-size:14px;
}
.addName > .addRemoveProductButton{
}
/* 주소록 관리 ends*/



/*게시판 목록*/
.noData{
	width:100%;text-align:center;}
.boardList{
	margin-bottom:10px;}
.boardList li {
	padding:10px 0px;border-bottom:1px solid #e9e9e9;overflow:hidden;}
.boardList li:first-child{
	padding-top:0px;}
.boardList li .title{
	font-weight:bold;float:left;width:100%;}
.boardList .titleCon{
	width:100%;}
.boardList .titleCon a{display:inline;}
.boardList .notice{
	color:#f669a4;}
.boardList .off{
	color:#868686;}
.boardList .iconImg img{
	float:left;padding-right:5px;position:relative;top:2px;}
.boardList li .no{
	float:left;width:25px;color:#666;text-align:center;}
.boardList li .no input{
	position:relative;top:2px}
.boardList .date{
	color:#666;font-size:10px;float:left;text-align:left;width:100%; }
.boardList .eventImg{width:100%;}
.boardList .eventImg img{width:100%; padding-bottom:5px;}
/*게시판 목록 end*/



/*게시판 보기*/
.boardViewWrapper{
	border:1px solid #e9e9e9;
	margin-bottom:15px;
}
.boardViewWrapper .titleWrapper{
	padding:5px;
	font-weight:bold;
	font-size:13px;
	background:#f7f7f7;
	border-bottom:1px solid #e9e9e9;
}
.viewConWrapper{
	margin:5px;
	color:#666;
	font-size:10px;
	border-bottom:1px solid #e9e9e9;
	padding-bottom:5px;
}
.viewConWrapper > span:first-child{
	float:left;
}
.viewConWrapper > span:last-child{
	float:right;
}
.viewContents{
	padding:0px 5px 5px;
}
.viewContents > img{
	width:100%;
	height:auto;
}
/*게시판 보기 end*/



/*게시판 검색*/
.boardSearchWrapper{
	background:#fff;padding:5px;border:1px solid #d9d9d9;margin-top:5px;
}
input.boardSearchField {
	background-color: #f3f3f3;color: #333;width: 80%;box-sizing: border-box;
	height: 30px;border:0px solid #b0b0b0;float:left;
}
input.boardSearchField:focus {
	background-color: #f6f6f6;
}
.boardSearchWrapper a.btn2_reg{
	display:block; float:right; width:20%; line-height:30px; text-align:center;
	background:#1789e2; color:#fff; font-weight:bold;
}

/*게시판 검색 ends*/



/*가입완료,주문완료*/
.joinFinished{
	text-align:center;
	padding:10px 0px 20px;
	font-size:16px;
	line-height:24px;
}
.joinFinished > strong{
	color:#5bb7e7;
	font-size:18px;
}
.board_joinFinished{
	margin-bottom:15px;
}
.board_joinFinished th{
	width:80px;
	text-align:left;
	padding-left:10px;
}
.board_joinFinished strong{
	font-size:16px;
	color:#ff3333;
}
/*고객센터 메뉴*/
.CsNaviWrapper{
	clear:both;
	height:40px;overflow:hidden;
}

.CsNaviWrapper > a{
	width:16.65%;height:40px;line-height:40px;
	text-align:center;background:#5bb7e7;margin:0px;
	padding:0px;color:#fff;font-weight:bold;
	font-size:13px;
	float:left
}

.CsNaviWrapper > a.select{
	background:#3087b5;
}
.CsTebMenu{
	width:100%;
	margin-bottom:10px;
}
.CsTebMenu li{
	float:left;
	width:20%;
	text-align:center;
}
.CsTebMenu li a{
	display:block;
	background:#fff;
	margin:1px;
	padding:5px 0px;
	border:1px solid #d9d9d9;
}

.CsTebMenu li.select a{
	background:#747474;
	border:1px solid #747474;
	color:#fff;
	font-weight:bold;
}
/*고객센터 메뉴 end*/



/*댓글*/
.commentsSectionWrapper {
	background-color: #f9f9f9;margin-top:10px;
	margin-bottom: 0px;padding:5px; border:1px solid #e9e9e9
}
.commentsTitle {
	padding-top: 0px;margin-bottom: 5px; font-size:12px;
}
.commentsSectionWrapper > .commentsWrapper {
	margin-bottom: 15px;
}
.commentsSectionWrapper > .commentsWrapper > .commentWrapper {
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}
.commentsWrapper > .commentWrapper {
	margin-bottom: 10px;
}
.commentsWrapper > .commentWrapper:last-child {
	margin-bottom: 0px;
}
.commentAvatar {
	float: left;
	border: 3px solid #f0f0f0;
}
.commentAvatar > img {
	width: 100%;
	height: 100%;
}
.commentWrapper > .commentAvatar {
	width: 36px;
	height: 36px;
}
a.commentAvatar:hover {
}
.commentInfoWrapper {
	float: left;margin-left: 0px;margin-bottom: 0px;margin-top: 5px;padding-bottom: 5px;
	color:#4b4b4b; font-size:10px; font-weight:bold;
}
.comment {
	margin-left: 0px;
	padding-left:0px;
	clear: both;
	border-top: 0px solid #f0f0f0;
	padding-top: 0px;
	top: -1px;
}
.comment > *:last-child {
	margin-bottom: 0px;
}
.commentsFormWrapper {
	margin-bottom: 27px;
}
.commentsForm {
}
.commentsFormTitle {
	margin-bottom: 18px;
}
.commentsForm .formFieldWrapper {
	margin-bottom: 23px;
}
.commentsForm .formTextareaWrapper {
	margin-bottom: 15px;
}
.commentsForm label {
	margin-bottom: 13px;
	width: 100%;
}
.commentsForm .formFieldWrapper input[type="text"], .commentsForm .formTextareaWrapper textarea {
	margin-bottom: 0px;
	background-color: #f3f3f3;
	border: 3px solid #f0f0f0;
}
.commentsForm .formFieldWrapper input[type="text"]:focus, .commentsForm .formTextareaWrapper textarea:focus {
	background-color: #f6f6f6;
}
.commentsForm .formFieldWrapper input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
}
.commentCommentTextarea {
	width: 100%;
	box-sizing: border-box;
	height: 68px;
}
input.commentSubmitButton, input.commentSubmitButton:hover {
	width:100%;
	height: 36px;
	line-height: 36px;
	border:1px solid #a7a7a7;
	background-color: #fff;
	padding-left: 12px;
	padding-right: 12px;
	float: right;
	color: #57636c;
}
/*댓글ends*/



/*페이지 넘버*/
.pageNumbersOuterWrapper {
	width:100%;
	background-color: #fff;
	text-align:center;
}

.pageNumbersWrapper {
	clear: both;
	margin:0 auto;
	padding-bottom: 0px;
	padding-top: 10px;
	border-top: 0px solid #f0f0f0;
}

.blogPageWrapper .pageNumbersWrapper {
	padding-top: 0px;
	border-top: none;
}
.pageNumber {
	height: 20px;
	line-height: 20px;
	width: 20px;
	display: inline-block;
	margin-right: 3px;
	background-color: #f0f0f0;
	color: #999;
	text-align: center;
	border-radius: 3px;
}
.pageNumber:hover {
	text-decoration: none;
	background-color: #f6f6f6;
}
.currentPageNumber {
	background-color: #858585   ;
	color: #fff;
	font-weight: bold;
}
.currentPageNumber:hover {
	background-color: #333;
	color: #fff;
}
.postLinksWrapper {
	height: 36px;
	line-height: 36px;
	clear: both;
	background-color: #fff;
	border-top: 3px solid #f0f0f0;
	border-bottom: 3px solid #f0f0f0;
}
.postLink {
}
.postLink:hover {
	text-decoration: none;
}
.previousPost {
	float: left;
	display: inline-block;
	height: 36px;
	line-height: 36px;
}
.nextPost {
	float: right;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: right;
}
/*페이지 넘버 end*/



/*슬라이드전체네비게이션 ------------------------------------------------------------------------------------------------------------------------------------- -------------------------*/

.categoryAllmenuWrapper{display:none;position:absolute;top:0px;left:0px;width:260px;height:100%;background:#40484f;z-index:99999;overflow-x:hidden; overflow-y:auto;padding-top: 40px;}
.categoryAllmenuWrapper .cateTitle{position:fixed;top:0; left:0; right:0;height:48px;background:#3e4e5b;font-weight:bold;z-index:999999; }
.categoryAllmenuWrapper .cateTitle .titleText {float:left;color:#b0b5b9;line-height:48px; overflow:hidden; width:260px; }
.categoryAllmenuWrapper .cateTitle .titleText li { float:left; font-size:15px;line-height:48px; margin-left:20px;}
.categoryAllmenuWrapper .cateTitle .titleText li:last-child { margin-left:0;float:right;font-size:15px;line-height:48px;  background:#edb90e;} 
.categoryAllmenuWrapper .cateTitle .titleText li:last-child a {width:55px; height:48px; text-align:center; box-sizing:border-box;}
.categoryAllmenuWrapper .cateTitle .titleText li a {color:#fff;}
.categoryclose img {width:24px;}
.categoryAllmenuWrapper .gnbLoginWrapper{padding:15px;margin-top:48px;}

.snslog {/* margin:60px 0 15px 0; */ margin:10px 0; padding:0 15px; box-sizing:border-box;}
.snslog ul {overflow:hidden;}
.snslog ul li {float:left;}
.snslog ul .gnbLoginBtn{display:block; width:100%; margin-right:10px;}
.snslog ul .gnbLoginBtn img {width:84px;}
.snslog ul .ylbLoginBtn{display:block; width:100%;}
.snslog ul .ylbLoginBtn img { width:134px;}
.snslog ul .gnbLoginBtn2{display:block; width:100%;padding:10px 15px; box-sizing:Border-box;color:#fff;font-weight:bold;text-align:center;background:#00c73c;}
.snslog ul .ylbLoginBtn2{display:block; width:100%;padding:10px 15px; box-sizing:Border-box;color:#544E13;font-weight:bold;text-align:center;background:#FEE500; margin-left:15px;}

.userp {}
.userp ul {overflow:hidden;}
.userp ul li {float:left;}
.userp ul li img {width:86.5px;}

/* 로그인 후 페이지 */
.userp_out {margin-top:48px; box-sizing:border-box; }
.userp_out ul {overflow:hidden;}
.userp_out ul li {float:left;}
.userp_out ul li img {width:86.5px; position:relative;}
.userp_out ul li span {position:absolute; top:25%; left:50%; transform:translateX(-50%); font-size:12.5px;color:#FF773A; font-weight:bold; text-overflow:ellipsis;
      white-space:nowrap;}



.gnbWrapper{/* margin-top:50px; */}
.Agnb{}
.Agnb .iconShopBg img {width:12px; display:inline-block;}
.Agnb .iconShopBg2 img {width:14px; display:inline-block;}
.Agnb .iconShopBg  {margin-right:10px;}
.Agnb .iconShopBg2  {margin-right:10px; margin-left:-1px;}
.Agnb > li img {width:16px; display:inline-block; margin-top:2px;}

.Agnb > li a{ font-size:16px; font-weight:bold;padding:15px; box-sizing:border-box; position:relative;}
/* .Agnb > li a .menuicon{display:inline-block; width:20px; height:20px; margin-right:7px;position:relative; top:5px;}
.Agnb > li a .menuicon.iconShopBg1{background:url(/image/common/m_icon1.png) 0px 0px no-repeat}
.Agnb > li a .menuicon.iconShopBg2{background:url(/image/common/m_icon2.png) 0px 0px no-repeat}
.Agnb > li a .menuicon.iconShopBg3{background:url(/image/common/m_icon3.png) 0px 0px no-repeat}
.Agnb > li a .menuicon.iconShopBg4{background:url(/image/common/m_icon4.png) 0px 0px no-repeat}
.Agnb > li a .menuicon.iconShopBg5{background:url(/image/common/m_icon5.png) 0px 0px no-repeat}
.Agnb > li a .menuicon.iconShopBg6{background:url(/image/common/m_icon6.png) 0px 0px no-repeat}
 */
.m_cust {padding:20px 15px 0 15px; box-sizing:border-box;}
.m_cust img {width:230px;}




.Agnb > li a.select {background:#f8b922; color:#fff;}
.Agnb > li a .moreBl{float:right; }
.Agnb > li .gnbDeth2{display:none;padding:10px 0px;}
.Agnb > li .gnbDeth2 li{padding-left:23px;}
.Agnb > li .gnbDeth2 li a{font-size:12px; font-weight:bold;padding:6px 15px; color:#c7c7c7}

/*슬라이드전체네비게이션 -------------------------------------------------------------------------------------------------------------------------------------- ------------------------*/



/*메인 start ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------*/

.m_slider{margin:0 auto;  position:relative; overflow:hidden;}
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider .frame ul li img {}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
.m_slider .bx-controls {position:relative;width:100%;height:18px; bottom:0px;right:0px;z-index:100; padding-top:10px; }
.m_slider .bx-pager {display:table; 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;}


/*중앙버튼 아이콘*/
.btnGroup{width:100%;}
.btnGroup ul{}
.btnGroup ul li{width:50%;position:relative }
.btnGroup ul li a{display:block; text-align:left;border:1px solid #fff;padding:10px 15px; font-size:14px; background:#57636c; color:#fff; border-radius:5px;}
.btnGroup ul li:nth-child(2n){float:right; }
.btnGroup ul li:nth-child(2n+1){float:left; }
.btnGroup ul li a .fa{width:20px; font-size:14px;} 
.btnGroup ul li span{position:absolute; right:15px; top:10px; color:#a1a7ac; font-size:12px;}

/*메인 진열상품*/
.sectionTitle {background:#f6f6f6;text-align:center;padding:5px 0px;font-weight:bold;border:1px solid #dadada;border-top:0px;font-size:14px;color:#828282;}
.sectionTitle.topLine{border-top:1px solid #57636c;}
.sectionTitle.topLine1{border-top:1px solid #fe7676;}
.sectionTitle.topLine2{border-top:2px solid #ac94e9;}
.sectionTitle.topLine3{border-top:2px solid #55c1e7;}
.sectionTitle.topLine > span{color:#57636c;}
.sectionTitle.topLine1 > span{color:#f93d3d;}
.sectionTitle.topLine2 > span{color:#ac94e9;}
.sectionTitle.topLine3 > span{color:#55c1e7;}

/*
.homeProductWrapper {margin-left: 15px;width: 50%;float: left;margin-top: 15px;height:auto;}
.homeProductWrapper:nth-child(odd) {margin-left: -15px;}
.homeProductWrapper > a > img {width: 80%;height: auto; margin:0 auto;}
.homeProductInfoWrapper {padding-left: 15px;padding-right: 15px;background-color: #fff;padding-bottom: 5px;padding-top: 8px;}
.homeProductTitle {display: block;margin-bottom: 2px;text-align: center;font-size:12px; height:38px; overflow:hidden}
.homePurchasePrice {display: block;height: 18px;line-height: 18px;text-align: center;font-size:12px;font-weight:bold;color:#313131}
.homePurchaseIcon{display: block;text-align: center;margin-top: 7px;}
.homePurchaseIcon > img{margin:0 auto;}*/

.homeProductsWrapper {padding-left: 15px;box-sizing: border-box;border:1px solid #dadada;border-top:0px;background:#fff;padding-top:15px;}

ul.pro2{text-align:center; display:table; width:fit-content; margin:0 auto;}
ul.pro2:after {display:block; content:''; clear:both;}
ul.pro2 li{float:left; width:50%; margin-bottom:15px;}
ul.pro2 li a{margin-right:15px;}
ul.pro2 li a img{width:100%; margin:0 auto;}
ul.pro2 li a p{overflow:hidden; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-bottom:0px;}

ul.pro3{width:100%}
ul.pro3 li{float:left; width:33%; margin-bottom:15px;}
ul.pro3 li a{margin-right:15px;}
ul.pro3 li a img{width:100%; margin:0 auto; padding-bottom:3px;}
ul.pro3 li a p{overflow:hidden; width:100%; margin:0 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;margin-bottom:0px;}

/*메인 진열상품 end*/

/*메인공지사항*/
ul.main_notice{margin-right:15px;margin-bottom:15px;}
ul.main_notice li{width:100%; height:27px; line-height:27px; border-bottom:1px solid #e7e7e7}
ul.main_notice li:last-child{border-bottom:0px;}
ul.main_notice li a{float:left; width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.main_notice li span{float:right; color:#9e9e9e}

/*고시환율*/
.mBox{border:1px solid #dadada; background:#f0f0f0;}
.mBox ul{margin:7px 0px}
.mBox ul li{width:100%;height:27px; line-height:27px;}
.mBox ul li span{float:left; margin-left:15px;}
.mBox ul li strong{float:right; margin-right:15px;}
.mBox ul li .red{color:red; font-size:16px;}

/*메인 end -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------   */



/*하단 start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------*/

.footerWrapper {padding:20px 15px;background-color: #3e4e5b;overflow: hidden;margin-left: 0px;margin-right: 0px;}
.footerLinksWrapper {display: block;margin-top:0px;width:80%;padding-top:0px;margin:0 auto;}
.footerLinksWrapper > div{height:25px;width:25%;border:0px solid #444;float:left;text-align:center;}
.footerLinksWrapper > div > a{width:100%;height:23px;line-height:23px;color:#c7c7c7;font-size:11px;border:0px solid #404040;
background:url(/Mobile/images/common/footerBar.gif) left 7px no-repeat;}
.footerLinksWrapper > div:first-child a{background:none;}
.footerLinksWrapper > div > a.pcvBtn{color:#fffe9c;}
.footerWrapper > .copyright {color: #90959a;padding: 12px 6px 0px;font-size:11px;line-height:16px;text-align:center;}

/*하단 ends------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------*/



/*주문내역*/
.userPageWapper img{width:100%;}
.OrderListWrapper{border:1px solid #dadada; background:#fff; }
.OrderListWrapper .OlistT{height:34px; background:#f7f7f7;border-bottom:1px solid #dadada; padding:0px 5px; 
line-height:34px; position:relative}
.OrderListWrapper .OlistT input[type=checkbox]{position:Relative; top:2px;}
.OrderListWrapper .OlistT a{font-size:13px;line-height:34px; display:block}
.OrderListWrapper .OlistT .fa{ color:#ccc; position:absolute; top:0px; right:0px;line-height:34px; font-size:12px;}
.OrderListWrapper .OlistT .textColorBS{font-weight:bold; color:#3388df;}
.OrderListWrapper .OlistT .textColorGM{font-weight:bold; color:#ff5454;}
.OrderListWrapper .OlistT .textColorGB{font-weight:bold; color:#3366cc;}
.OrderListWrapper .OlistT .textColorRT{font-weight:bold; color:#009900;}
.OrderListWrapper .OlistT .textColorSH{font-weight:bold; color:#0000cc;}
.OrderListWrapper .OlistCon{padding:5px; background:#fff;}
.OrderListWrapper .OlistCon .OlistTable{border:0px;}
.OrderListWrapper .OlistCon .OlistTable td{text-align:left; border:0px; background:#fff; padding:1px; letter-spacing:-1px; vertical-align:top;
word-break:break-word;}
.OrderListWrapper .OlistCon .OlistTable .com{width:10px; }
.OrderListWrapper .OlistCon .OlistTable span.com{display:inline-block;width:10px;}
.OrderListWrapper .OlistCon .OlistTable .thead{width:60px;}
.OrderListWrapper .OlistCon .OlistTable .payBtn{text-align:right;}

.OrderListWrapper .OlistCon .OlistTable td .pointTcolor{color:#ff5454; font-weight:bold}
.OrderListWrapper .OlistCon .OlistTable .rightAlign{text-align:right;}


.pageMenu_tab{}
.pageMenu_tab ul{}
.pageMenu_tab ul li{float:left; width:50%; height:38px; text-align:center; background:#f7f7f7; margin-bottom:0px;}
.pageMenu_tab ul li a{display:block; border:1px solid #dadada; height:36px; line-height:36px; color:#949494; border-right:0px; font-size:15px;}
.pageMenu_tab ul li.active a{ color:#ff4a4a; font-weight:bold; background:#fff; border-bottom:1px solid #fff}
.pageMenu_tab ul li:last-child a{border-right:1px solid #dadada;}

.pageMenu2_tab{}
.pageMenu2_tab ul{}
.pageMenu2_tab ul li{float:left; width:50%; height:38px; text-align:center; background:#f7f7f7; margin-bottom:0px;}
.pageMenu2_tab ul li a{display:block; border:1px solid #dadada; height:36px; line-height:36px; color:#949494; border-right:0px; font-size:14px;}
.pageMenu2_tab ul li.active a{ color:#ff4a4a; font-weight:bold; background:#fff; border-bottom:1px solid #fff}
.pageMenu2_tab ul li:last-child a{border-right:1px solid #dadada;}



/*사용자 페이지*/
.userPageTitle{font-weight:bold; height:38px; line-height:38px; border-bottom:1px solid #dadada; padding-left:5px; font-size:15px;}
.userPageMenu{border:1px solid #dadada; padding:5px;}
.userPageMenu ul li{font-size:13px; line-height:20px; }


/*여백*/
.textBreakBottom {height: 10px;clear: both;border-top: 0px solid #f0f0f0; overflow:hidden}

.fl{float:left}
.fr{float:right}



.userPage{}
.pageContentBg .userPage img {max-width:100%;}
.userPage .txtBox{background:#f1f1f1; border:1px solid #d8d8d8; padding:15px;}
.userPage h2{font-size:18px; font-weight:bold; padding-bottom:14px;}
.userPage p{line-height:20px; font-size:13px;}
.userPage h3{font-size:18px; font-weight:bold; padding-bottom:10px;}
.userPage ul > li{font-weight:bold; font-size:16px;}
.userPage ul li ul{margin-top:8px; margin-left:20px; margin-bottom:10px;}
.userPage ul li li{font-size:13px; font-weight:100; line-height:20px;}
.userPage table{}
.userPage table td, .userPage table th{border:1px solid #d8d8d8; padding:10px; line-height:20px;}
.userPage table thead th{background:#777; font-weight:bold; color:#fff}
.userPage table tbody th{font-weight:bold;background:#f1f1f1;}
.userPage .fontRed{color:#d30009;}
.userPage table .fontRed{ font-weight:bold}
.userPage li.fontRed{padding:10px 0px; font-size:12px;}

/* 이나경 2020-10-19 */
.pageContentBg .bxslider {width: 100%; position: relative; }
.pageContentBg .bxslider li {float: none; list-style: none; position: absolute; width: 100%; z-index: 50; display: block; }
.pageContentBg .bxslider li a {width:100%;}
.pageContentBg .bxslider li a  img {width:100%; position:relative;}
.pageContentBg .ex { position:absolute; bottom:0px; left:0; z-index:1000;}
.pageContentBg .ex a img {width=100%; position:relative; }
.pageContentBg .ex a p {position:absolute; top:50%;  transform: translateY(-50%);left:4%; color:#fff; font-size:15px;font-weight:550;}
.pageContentBg .ex a span { right:5%; position:absolute; top:50%; color:#fff; transform: translateY(-50%);font-weight:bold}

.price1{font-size:12px; text-decoration:line-through; margin-right:5px;}
.price2{font-weight:bold}

/* 환율 2020-10-19 이나경*/
.exch { padding: 20px 5px 15px 5px;}
.exch .exch_span { overflow:hidden; width:30px; height:10px; background:#1E75D6; color:#fff;padding:5px 15px; box-sizing:border-box; font-size:15px; letter-spacing:1.5px;margin-right:10px;}
.exch .exch_font {font-size:14px; font-weight:500; }
.exch .exch_font .right { float:right;color:red;}

/* 서브메뉴 2020-10-19 이나경 */
.sub_menu {padding: 5px 5px 8px 5px; }
.sub_menu ul {display:flex;  flex-wrap: wrap; display:flex; JUSTIFY-CONTENT: space-between;}
.sub_menu ul li {width:32%; }
.sub_menu ul li a img {width:100%; position:relative; }
.sub_menu ul li a p {position:absolute; top:8%; left:13%; color:#fff; font-size:14px;font-weight:bold;line-height:150%;letter-spacing:0px; }
.sub_menu ul li:nth-child(4),.sub_menu ul li:nth-child(5),.sub_menu ul li:nth-child(6) { margin-top:8px;}


/* 공지사항 2020-10-19 이나경 */
.m_notice { padding:15px 5px 0 5px;}
.m_notice h4 {font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_notice h4 span {  float:right;}
.m_notice .m_not_ul { padding:15px 0; box-sizing:border-box; margin-top:10px; }
.m_notice .m_not_ul li {font-size:16px; font-weight:500;margin-bottom:25px;  padding:0 5px; box-sizing:border-box;  }
.m_notice .m_not_ul li a span.date {float:right; font-size:13px; }
.m_notice .m_not_ul li a span.text {width: 230px;float:left; overflow: hidden;  white-space: nowrap;text-overflow: ellipsis;}}
 
 
/*  노데이타 2020-10-19 이나경 */
.m_nod {padding:15px 5px 0 5px; }
.m_nod h4 { font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_nod h4 .nod_span {float:right; font-size:12px;line-height:22px; }
.m_nod h4 .nod_span span { font-size:8px; margin-left:5px;}
.m_nod ul {padding:15px 0; box-sizing:border-box; margin-top:10px; }
.m_nod ul li {margin-bottom:10px; padding:0px; box-sizing:border-box; margin-bottom:90px; }
.m_nod ul li > img {position:relative; width:100%; }
.m_nod .no_up { width:93%;  background:#fff; padding:18px 10px 0px 18px; box-sizing:border-box; position:absolute; bottom:-60px; right:0;  }
.m_nod .no_up .no_num { font-weight:bold; font-size:16px;}
.m_nod .no_up .no_date {display:inline-block;font-weight:bold;  font-size:14px; }
.m_nod .no_up .not_btn {padding:5px 10px; font-weight:bold; box-sizing:border-box; margin-top:-5px; background:#000; float:right; color:#fff;}
.m_nod .no_up .not_btn  img {display:inline-block; margin-left:5px;}

/* 배너2 2020-10-19 이나경 */
.m_ban2 { padding:10px 0px 30px 0px;}
.m_ban2 a { margin: 0 auto;}
.m_ban2 a img { width:100%; position:relative;}
.m_ban2 a .txt4 { position:absolute; top:12%; left:7%; background:#fff;color:#BEBEBE;font-size:12px; padding:2px 10px; box-sizing:border-box;border-radius:3px;}
.m_ban2 a .txt2 {position:absolute; top:41%; left:7%; color:#fff; font-size:15.5px;font-weight:550; }
.m_ban2 a .txt3 { position:absolute; top:65%; left:7%; color:#fff; font-size:15.5px;font-weight:550;}


/* 쇼핑몰 2020-10-19 이나경 */
.m_shop { padding:15px 5px 0 5px;}
.m_shop h4 {font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_shop h4 span {float:right;}
.m_shop .m_shop_ul {padding:15px; box-sizing:border-box; margin-top:10px; }
.m_shop .m_shop_ul >li { font-size:16px; font-weight:500;margin-bottom:20px;  padding:10px 20px; box-sizing:border-box; border:1px solid #D6D6D6; border-radius:2px; }
.m_shop .m_shop_ul li ul .m_shop_num {float:left; width:10%; line-height:50px;} 
.m_shop .m_shop_ul li ul .m_shop_name { float:left; width:35%; line-height:50px;}
.m_shop .m_shop_ul li ul .m_shop_img { float:left; width:43%;  margin-top:3px;}
.m_shop .m_shop_ul li ul .m_shop_img img {width:100%; } 
.m_shop .m_shop_ul li ul .m_shop_more {float:right; width:3%; margin-left:20px; line-height:50px; font-size:11px;}

/* 배너1 2020-10-19 이나경 */ 
.m_ban1 {width:100%; height:150px; margin:10px 0px 30px 0px; padding:45px 0; box-sizing:border-box;  box-sizing:border-box;background: url(/image/common/m_ban2.png) no-repeat center; text-align:center;}
.m_ban1 a { margin: 0 auto;width:100%; height:100%;display:block; }
.m_ban1 a .txt7 { color:#fff;font-size:16px;font-weight:550;}
.m_ban1 a .txt6 {color:#fff;font-size:17px;font-weight:550;}

/* 베스트상품 2020-10-19 이나경 */
.m_deal { padding:15px 5px 0 5px;}
.m_deal h4 { font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_deal h4 span { float:right;}
.m_deal .m_deal_ul {padding:15px 5px; box-sizing:border-box; margin-top:10px;  flex-wrap: wrap; display:flex; JUSTIFY-CONTENT: space-between;  }
.m_deal .m_deal_ul li { width:48.5%;}
.m_deal .m_deal_ul li a {width:100%; }
.m_deal .m_deal_ul li a img {width:100%; }
.m_deal .m_deal_ul li a .shop_name { font-weight:bold; font-size:15px; padding:12px 0; margin-bottom:0;}
.m_deal .m_deal_ul li a .shop_pri {font-weight:bold; font-size:14px; }

/* 이용후기 2020-10-19 이나경*/
.m_rev { padding:15px 5px 0 5px;}
.m_rev h4 { font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_rev .m_rev_ul { padding:15px 0px; box-sizing:border-box; margin-top:10px;}
.m_rev .m_rev_ul li { margin-bottom:25px;}
.m_rev .m_rev_ul li img { width:92px;height: 70px; object-fit: fill; float:left;}
.m_rev .m_rev_ul li .rev_div { padding:5px 20px 0 20px; box-sizing:border-box;height:92px;}
.m_rev .m_rev_ul li .rev_div .m_review {font-size:14px; font-weight:550; line-height:1.5; text-overflow:ellipsis; white-space:nowrap;margin-bottom:18px; }
.m_rev .m_rev_ul li .rev_div .m_rev_id { font-size:15px; margin-bottom:0px;}
.m_rev .m_rev_ul li .rev_div .m_rev_id .m_shop_name { float:right; font-size:13px;}

/* 자주하는질문 */
.m_notice2 {padding:15px 5px 0 5px;}
.m_notice2 h4 { font-size:17px; font-weight:bold; border-bottom:1px solid #EEEEEE; padding-bottom:15px; box-sizing:border-box;}
.m_notice2 h4 span {float:right;} 
.m_notice2 .m_not_ul2 {padding:15px 0; box-sizing:border-box; margin-top:10px;  }
.m_notice2 .m_not_ul2 li {font-size:16px; font-weight:500;margin-bottom:25px;  padding:0 5px; box-sizing:border-box;  }
.m_notice2 .m_not_ul2 li span { float:left; color:#2E8DE5; margin-right:20px;}



/*모바일 사용자: 신청페이지 start*/
.m_actingW_wrap {background:#fff; padding:0 15px;}
.m_actingW_wrap h2 {position:relative; line-height:40px; font-size:18px; font-weight:bold; color:#333; padding-left:15px;}
.m_actingW_wrap h2:before {display:block; width:4px; height:21px; background:#333; content:''; position:absolute; left:0; top:10px;}

.m_actingW_wrap .boxStep01 p {margin-bottom:5px; margin-top:10px; font-size:12px; }
.m_actingW_wrap .boxStep01 .agree_box {width:100%; height:133px; overflow-y:scroll; word-break:break-all; border:1px solid #ddd; box-sizing:border-box; padding:5px;}
.m_actingW_wrap .boxStep01 .agree_box pre {white-space:pre-wrap; word-break:break-all;}
.m_actingW_wrap .boxStep01 p.check_txt {margin:5px 0; margin-bottom:20px;}
.m_actingW_wrap .boxStep01 .check_txt .input_chk {width:15px; height:15px; margin-right:5px; vertical-align:middle;}

.m_actingW_wrap .boxStep02 h3 {background:#383838; color:#fff; padding:8px 3px 8px 10px; font-size:15px; line-height:27px;}
.m_actingW_wrap .boxStep02 h3:after {display:block; content:''; clear:both;}
.m_actingW_wrap .boxStep02 h3 .btn_wrap {float:right;}
.btn_wrap .bnr_delvtype01 {padding:3px 10px; background:/*#aaa;*/#0766b7; margin-right:10px;}
.btn_wrap .bnr_delvtype02 {padding:3px 10px; background:#e82727; color:#fff; margin-right:10px;}

.mLabel {display:inline-block; margin-right:5px; vertical-align:middle;}

/*신청서 테이블 start*/
.actingW-table {table-layout:fixed; width:100%; margin-bottom:15px; border-collapse:collapse; font-size:13px;}
.actingW-table th {background-color:#f8f8f8; font-size:13px;}
.actingW-table td {background-color:#fff; padding-left:13px; font-size:13px; text-align:left;}
.actingW-table th.th_img {padding:20px 15px;}
.actingW-table th.th_img .th_img_wrap{text-align: center; display: block;}
.actingW-table th.th_img img {border:1px solid #ddd; margin-bottom:10px; display: inline-block; text-align: center; width: 100%; height: 100%}

.actingW-table .input_txt {background:#f8f8f8; border:1px solid #ddd; width:80%; padding:7px 10px; }
.actingW-table .input_txt2 {width:30px; display:inline-block;}
.actingW-table .input_txt3 {width:40%; display:inline-block;}
.actingW-table .input_txt4 {width:33%; display:inline-block; margin-bottom:7px;}
.actingW-table .input_txt5 {background:#f8f8f8; border:1px solid #ddd; width:68.5%; padding:7px 10px; margin-bottom:6px; display:inline-block;}
.actingW-table .kc_P{margin-bottom:6px; color:red; font-size:11px;}
.actingW-table .input_chk {width:15px; height:15px; margin-right:5px; vertical-align:middle;}
.actingW-table .chk_price {}
.actingW-table p.opt_txt {margin-bottom:0px; padding-top:10px;}

.opt-table td {padding-top:12px;padding-bottom:12px;}

.select_list {background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; height:30px; padding:5px 10px; width:88%;}
/*신청서 테이블 end*/

/*신청서 버튼 start*/
.btn_W01 {display:inline-block; border-radius:3px; padding:6px 10px; background:#e35c6c; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W02 {display:inline-block; border-radius:3px; padding:6px 10px; background:#f9cc30; font-size:12px; color:#333; cursor:pointer; margin-right:5px;}
.btn_W03 {display:inline-block; border-radius:3px; padding:6px 10px; background:#4792af; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W04 {display:inline-block; border-radius:3px; padding:6px 10px; background:#00a651; font-size:12px; color:#fff; cursor:pointer; margin-right:5px;}
.btn_W05 {display:inline-block; border-radius:3px; padding:6px 10px; background:#636363; font-size:12px; color:#fff; cursor:pointer;}
.btn_W06 {display:inline-block; border-radius:3px; padding:3px 10px; background:#c2c2c2; font-size:12px; color:#fff; cursor:pointer;}
.btn_W-apply {display:inline-block; width:100%; padding:17px 0; background:#0766b7; color:#fff; font-size:20px; cursor:pointer; font-weight:bold;}
/*신청서 버튼 end*/

/*재고불러오기*/
.OlistTable2 td {text-align:center;}
.OlistTable2 th {border:none;}
.OlistTable2 .input_txt {background:#f8f8f8; border:1px solid #ddd; width:60%; padding:7px 10px; display:inline-block; }
.stockTable th {background-color:#f8f8f8;}
.stockTable td {background-color:#fff;}
.stockTable .input_txt {background:#f8f8f8; border:1px solid #ddd; width:60%; padding:7px 10px; display:inline-block; }
/* 페이징*/
.pagDv { clear: both; width: 99%; padding: 10px 0 0 0px; }
.pagDv table {border:none; background:#fff;}
.pagDv table td {border:none; background:#fff;}
.pagDv .CntRt { text-align: right; padding-right: 0px; font-size: 9px; font-family: verdana; letter-spacing: -0.1em; }
.pagDv .CntRt .tt { color: #777; }
.pagDv .CntRt .go { color: #333; }
.paginate {overflow:hidden; clear:both; margin:0 auto; text-align:center; padding-right:17px; margin-top:0px;}
.paginate img {display:inline-block;}
.paginate a.num {
	display:-moz-inline-box;
	display:inline-block;
	_position:relative;
	color:#8c8c8c;
	font-family:"Nanum Gothic", Nanum Gothic, '돋움',Dotum;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 2px;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	border:1px solid #e1e1e1;
	background:#fff;
}
.paginate a.num:hover,.paginate a.num:focus,.paginate a.num:active {border:1px solid #e4c32b; background:#ffe468; text-decoration:none;}
.paginate strong {
	display:-moz-inline-box;
	display:inline-block;
	_position:relative;
	color:#333;
	font-family:"Nanum Gothic", Nanum Gothic, '돋움',Dotum;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 2px;
	line-height:22px;
	text-decoration:none;
	text-align:center;
	border:1px solid #e4c32b;
	background:#ffe468;
	vertical-align:top;
}
.paginate strong {color:#fff; text-align:center;}
.paginate strong span {display:block; _display:inline; position:relative; top:0; padding:0 8px 0 3px; text-align:center; color:#555;font-family:tahoma;font-size:9px;font-weight:bold;}
.paginate a.num span {display:block; _display:inline; position:relative; top:0; padding:0 8px 0 3px; text-align:center; zoom:1;font-family:tahoma;font-size:9px;}
.paginate a:hover span,.paginate a:focus span,.paginate a:active span {text-decoration:none; text-align:center; color:#555; cursor:pointer;font-family:tahoma;font-size:9px;}

/*재고불러오기 end*/

.pageContentBg img {width:100%;}
/*모바일 사용자: 신청페이지 end*/
@media all and (min-width:100px) and (max-width:480px){
#pop_wrap h1 {font-size:14px;font-weight:bold;font-family:"Nanum Gothic",Nanum Gothic;text-align:center; line-height:60px;}
.board_list thead th {padding:10px 5px;text-align:left;line-height:12px;}
.board_list thead th {color:#636363;font-weight:bold;border-top:1px solid #979797;border-bottom:1px solid #c5c5c5;
background:#fafafa; line-height: 110%; border-right:none;}
.board_list tbody td {padding:10px 5px;text-align:left;color:#313131;border-bottom:1px solid #dbdbdb;letter-spacing: -0.05em; border-right:none;}

.style_top_3 {margin:37px 0;text-align:center;}
.btn_cancel {overflow:hidden;display:inline-block;height:28px;padding-left:20px;
background:url("/image/common/btn/btn_left_6.gif") no-repeat 0 0;}
.btn_cancel span {float:left;height:28px;line-height:28px;padding:0px 20px 0px 0px;color:#636363; 
text-align:center;background:url("/image/common/btn/btn_right_6.gif") no-repeat 100% 0;cursor:pointer;}
.btn_reg span {float:left;height:28px;line-height:28px;color:#fff;border-radius:3px; padding:0 2px;
text-align:center;background:#d30009;cursor:pointer;}
}

.kcarcArea th{height:35px;}
.adrTable td p{margin-left:10px;}
.Buttonstyle2Box{display:flex; justify-content:space-between; width:98%; margin:10px auto;}

/*견적문의*/
.productQnABox th , .productQnABox td{height:20px; line-height:20px; padding:5px 0;}

/*판매상품 관리*/
.OrderListWrapper .OlistCon .OlistTable input{width:100%;}

/*해운,항공 견적문의 이미지 추가*/
.sub_menu2{padding:0px 5px 15px 5px; }
.sub_menu2 ul{display:flex; justify-content:space-between;}
.sub_menu2 ul li{width:32%;}
.sub_menu2 ul li a img{width:100%;}