/*기본*/

.font_8 { font-size:0.667em; line-height:0.667em;}
.font_10 { font-size:0.833em;}
.font_10_1 { font-size:0.833em;}
.font_12 { font-size:1em; line-height:1em;}
.font_14 { font-size:1.167em; line-height:1.167em;}
.font_16 { font-size:1.333em; line-height:1.333em;}
.font_18 { font-size:1.500em; line-height:1.500em;}
.font_20 { font-size:1.667em; line-height:1.667em;}
.font_22 { font-size:1.833em; line-height:1.833em;}
.font_24 { font-size:2.000em; line-height:2.000em;}
.font_26 { font-size:2.167em; line-height:2.167em;}
.font_28 { font-size:2.333em; line-height:2.333em;}
.font_30 { font-size:2.500em; line-height:2.000em;}

.font_20_n {font-size:1.667em;}

.font_w { color:#FFFFFF;}
.font_n { color:#28406e;} /*네이비색상*/
.font_b { color:#3d68a2;} /*블루색상*/
.font_g { color:#00bfcc;} /*에메랄드그린색상*/
.font_r { color:#ff0000;} /*레드색상*/
.font_wb { color:#61a0ec;} /*하늘색*/
.font_won { color:#505050; }

.letter_s { letter-spacing:-1px; }

.clear{clear:both}

.ellip{
word-break:break-all;
text-overflow-mode:ellipsis-word;
text-overflow-mode:ellipsis;
text-overflow-mode:clip;
text-overflow:ellipsis;
overflow:hidden; white-space:nowrap;
}
.ellipsis_line2 {
	overflow: hidden; 
	text-overflow: ellipsis; 
	display: -webkit-box !important; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical; 
	-o-text-overflow:ellipsis;
}

.detail_img img{max-width:100%;  height:auto !important;}



.freeimg img {max-width:100%; height:auto !important;}




/*인풋 그림자, 곡선 제거*/

input{-webkit-appearance:none;-webkit-border-radius:0;vertical-align:middle; border:1px solid #CCCCCC;}
input[type="text"], input[type="password"]{-webkit-appearance:none; height:22px;}
input[type="checkbox"]{-webkit-appearance:checkbox;-webkit-border-radius:0; border:1px solid #CCCCCC;}
input[type="radio"]{border:none;-webkit-appearance:radio; }

button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"],input[type="image"]{
-webkit-appearance:none;
-webkit-border-radius:0;
border:none;}

textarea{
-webkit-appearance:none;
 border:1px solid #CCCCCC;
 }

select{
-webkit-border-radius:0;
background-color:#FFF;
height:24px;
border:1px solid #aeaeae;
}



/*페이징*/
table#page {width:auto; margin-top:10px; border:0px solid red;}
table#page {width:auto; margin-top:10px; border:0px solid red;}

table#page {width:auto; margin-top:10px; border:0px solid red;}
table#page {width:auto; margin-top:10px; border:0px solid red;}

/* 오늘 본 채용정보 페이지번호 */
#page {margin-top:20px; border:0px solid red;}

table#page{text-align:center; margin:0 0 20px 0; width:auto; border:0px solid red;}

table#page a,table#page b{
	display:block; width:22px; height:19px; border-left:0px solid #CCC; border-right:0px solid #CCC; border:1px solid #CCC;
	color:#555; font-family:"돋움","Arial","Tahoma"; font-size:12px; padding:5px 3px 0 3px; margin:0 3px;
	background-color:#F9F9F9; background:url('../../img/page/bg_pagenum2.jpg') no-repeat center;
}


table#page a:hover,table#page b:hover{
	color:black; font-weight:100;
	text-decoration:none; background-color:#AAA;
	background:url('../../img/page/bg_pagenum2_ov.jpg') no-repeat center;
}

/* 이전버튼 */
table#page a.prev{
	width:26px; padding-left:3px; border:1px solid #CCC;
	background:url('../../img/page/bg_pagenum_prev_ov_new.jpg') no-repeat center;
}
table#page a.prev2{
	width:26px; padding-left:3px; border:1px solid #CCC;
	background:url('../../img/page/bg_pagenum_prev_ov2_new.jpg') no-repeat center;
}

table#page a.prev:hover{background:url('../../img/page/bg_pagenum_prev_new.jpg') no-repeat center;}
table#page a.prev2:hover{background:url('../../img/page/bg_pagenum_prev2_new.jpg') no-repeat center;}


table#page a.prev_not{
	width:26px; color:#AAA; padding-left:3px; border:1px solid #CCC; 
	background:url('../../img/page/bg_pagenum_prev_ov_new.jpg') no-repeat center center;
}

/* 다음버튼 */
table#page a.next{
	width:26px; padding-right:3px; border:1px solid #CCC;
	background:url('../../img/page/bg_pagenum_next_ov_new.jpg') no-repeat center;
}
table#page a.next2{
	width:26px; padding-right:3px; border:1px solid #CCC;
	background:url('../../img/page/bg_pagenum_next_ov2_new.jpg') no-repeat center;
}
table#page a.next:hover{background:url('../../img/page/bg_pagenum_next_new.jpg') no-repeat center;}
table#page a.next2:hover{background:url('../../img/page/bg_pagenum_next2_new.jpg') no-repeat center;}

table#page a.next_not{
	width:26px; color:#AAA; padding-right:3px; border:1px solid #CCC;
	background:url('../../img/page/bg_pagenum_next_ov_new.jpg') no-repeat center;
}



/* 현재 */
table#page a.now{
	color:#FFF; background-color:#FF8040; font-weight:bold; border-color:#FAA;
	background:url('../../img/page/bg_pagenum_now2.jpg') no-repeat center;
}
table#page b.now{
	color:#FFF; background-color:#FF8040; font-weight:bold; border-color:#FAA;
	background:url('../../img/page/bg_pagenum_now2.jpg') no-repeat center;
}
table#page a.now:hover,table#page b.now:hover {
	color:#FFF;
	background:url('../../img/page/bg_pagenum_now2_ov.jpg') no-repeat center;
}
table#page {margin:0 auto 20px auto;}
table#page a {margin:0 2px; float:left;}
table#page a.prev {}
table#page a.prev_not {float:left;}
table#page b.now {float:left;}







/* 개별 style */


html, body{height:100%;}

#wrap{ height:100%; width:auto; }
#contents{ padding-bottom:20px; }
#footer{ }


#cate { position: relative; z-index: 1; width: auto; background-color:#416ca7;}
.list { position: relative;z-index: 1; width: auto; background-color:#eaeaea;}

table.tab {height:40px; font-weight:bold; }
table.tab td {text-align:center; cursor:pointer; }
.selectBox { background-color:#fbfbfc; font-size:1.167em; line-height:1.167em; color:#505050; border-top:2px solid #e05065; font-weight:bold; }
.noSelectBox { background-color:#fbfbfc; font-size:1.167em; line-height:1.167em; color:#979797; border-top:2px solid #999999; }
.search_input {width:100%; background:#fff; outline-style:none; color:#121212; border:none; height:22px;}
.detail_l { border-bottom:1px solid #e8e8e8; padding:15px 0 15px 10px; letter-spacing:-1px; color:#838383; }
.detail_r { border-bottom:1px solid #e8e8e8; padding:15px 10px 15px 0; letter-spacing:-1px; color:#838383; }
.detail_btn { background:url('../../mobile_img/bg_detail_btn.gif') repeat-x; font-weight:bold; color:#797979; height:17px; padding:5px 3px 8px 3px; border:2px solid #bababa; cursor:pointer; border-radius:0.40em; letter-spacing:-1px; }
.logpage_box { border:1px solid #e6e2e2; background:#f4f4f4; height:24px; line-height:24px; padding-left:3px; }
.drop-shadow.bottom { box-shadow: 4px 4px 2px -2px rgba(178,178,178,0.4) }
.basket_input { border:1px solid #e6e2e2; background:#f4f4f4; height:24px;}


/* 슬라이더 버튼 */
.touchSlider_btn_area {text-align:center; overflow:hidden; margin-top:5px;}
.touchSlider_btn_area button { display:block; width:26px; height:26px; background:#fbfbfb ; border:1px solid #c5c8cd; }
.touchSlider_btn_area button.btn_prev {display:inline-block; margin-right:10px; }
.touchSlider_btn_area button.btn_next {display:inline-block; margin-left:10px; }
.touchSlider_btn_area .btn_page { display:inline-block; width:13px; height:13px; margin:0 3px; text-indent:-9999px; background:#dfdfdf; border:1px solid #c1c1c1; }
.touchSlider_btn_area .btn_page.on { background:#e05065; }

.touchSlider2_btn_area {text-align:center; overflow:hidden; }
.touchSlider2_btn_area button { display:block; width:26px; height:26px; background:#fbfbfb ; border:1px solid #c5c8cd; }
.touchSlider2_btn_area button.btn_prev2 {display:inline-block; margin-right:10px; }
.touchSlider2_btn_area button.btn_next2 {display:inline-block; margin-left:10px; }
.touchSlider2_btn_area .btn_page2 { display:inline-block; width:13px; height:13px; margin:0 3px; text-indent:-9999px; background:#dfdfdf; border:1px solid #c1c1c1; }
.touchSlider2_btn_area .btn_page2.on { background:#e05065; }

/* 슬라이더 */
#touchSlider { width:100%; height:180px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider ul { width:100%; height:180px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { width:100%; height:180px; float:left;}


#touchSlider2 { width:100%; height:330px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider2 ul { width:100%; height:330px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider2 ul li { width:100%; height:330px; float:left;}

/*장바구니 알림*/
a.cartalarm{display:inline-block;padding-right:6px;background:url('../../mobile_img/cartalarm_bg.png') no-repeat right 0;font-family:verdana; height:17px; font-size:11px; font-weight:bold;color:#fff;line-height:16px;word-spacing:-1px;text-decoration:none !important; vertical-align:middle;}
a.cartalarm span,a.cartalarm strong{display:block;padding:0 0 0 6px;background:url('../../mobile_img/cartalarm_bg.png') no-repeat; line-height:15px; height:17px;}
a.cartalarm:hover {color:#fff;}



/*구매내역검색*/

.input_style input[type='text'], input[type='password'], input[type='file'], input[type='submit'], input[type='image']{vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;}

.input_style select{
-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
border:1px solid #ababab;
padding:5px 5px 6px 5px;
height:30px;
line-height:22px;
font-size:1em;
line-height:1em;
-webkit-border-radius:0;
font-family:맑은 고딕;
 background: #ffffff url('../../mobile_img/sel_arr_2x.gif') no-repeat right 50%;
 background-size: 15px 8px;
}


.input_style input[type=text]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:30px;
background:#ffffff;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;
}

.input_style input[type=file]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:30px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_style input[type=password]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:30px;
background:#ffffff;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_style input[type=checkbox]{
vertical-align:middle;
-webkit-border-radius:0;
border:1px solid #ababab;
margin-top:-3px;
width:15px; height:15px;
}

.input_style input[type=radio]{
vertical-align:middle;
-webkit-border-radius:0;
border:1px solid #ababab;
margin-top:-3px;
}

.input_style textarea{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
padding:5px;
background:#ffffff;
}


.search_selct_width select { width:100%;}

.btn_input_day { width:50px; height:35px; background:#ffffff; border:1px solid #c9c9c9 !important; border-radius:3px; margin-top:10px;}


/*로우즈 이벤트 아이콘*/

.icon_event img { width:40px; }


/* 상세 상품평 내용 */
.detail_trust_contents img { max-width:100% !important; height:auto !important; }
.detail_trust_contents { font-size:1em; letter-spacing:-0.5px; text-align:left; line-height:160%; word-wrap:break-word;}
/* 마이페이지 상품평 내용 */
.my_trust_contents img { max-width:100% !important; height:auto !important; }

/* 썸네일 width 100 */
.free_thumb_img img{width:100% !important; height:auto !important;}

.bbs_private_state{
	letter-spacing:-1px;
	font-size: 0.833em;
	border-bottom:1px solid #dbdbdb;
	padding:5px;
}

.bbs_private_state2{
	border-bottom:1px solid #dbdbdb;
}
/* 로그인페이지*/
.blind_m{visibility:hidden; overflow:hidden; position:absolute; left:-999em; width:0; height:0; font-size:0; line-height:0}
.login_form{
	position:relative; 
	margin:25px 0 0 0;
}
.login_form .id_pass_area{
	display:block; 
	background:#fff; 
	margin-top:5px;
}
.login_form .id_pass_area input{
	width:100%; 
	display:inline;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
}
.login_form .id_pass_area input:focus{
	border:1px solid #db2a2a;
	outline:none;
}
.login_form .id_pass_area input::placeholder{
	color:#999;
}
.login_form .log_area{
	display:block; 
	margin-top:5px;
}
.login_form .log_area button{
	width:100%; 
	color:#fff; 
	background:#db2a2a;
	border-radius:5px;
	padding: 15px 30px;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	outline:none;
}
.login_form .log_area button:hover,
.login_form .log_area button:active,
.login_form .log_area button:focus{
	background:#c51d1d;
}
.login_form .log_area button:active{
	background-color: #c51d1d;
	color: #fff;
	border-color: #999999;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}

.login_form .find_info{
	width:100%; 
	display:table; 
	table-layout:fixed; 
	border-collapse: collapse; 
	border-spacing:0;
	margin-top:25px;
}
.login_form .find_info a{
	position:relative;
	display:table-cell !important; 
	padding:15px 0 !important; 
	text-align:center !important; 
	border:1px solid #ededed !important; 
	float:none !important;
}
.login_form .find_info a img{
	 width:55px;
}
.input_chk{
	display:inline-block; 
	margin:10px 0;
}
.input_chl label{
	line-height:1.5em; 
	vertical-align:top;
}
.sns_log{
	position:relative; 
	margin-bottom:10px; 
	text-align:center;
}
.sns_log a{
	display:block; 
	padding-bottom:5px; 
	max-width:500px; 
	margin:0 auto;
}
.sns_log a img{
	width:100%;
}
.sns_log img{
	width:100%; 
	max-width:500px; 
	margin-bottom:5px;
}
.sns_log .join_btn{
	width: 100%;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 1.286em; 
	line-height: 52px;
	border: 1px solid #626060;
	background: #727272; 
	padding-bottom:0 !important;
}

/* 회원정보 찾기추가*/
.member_area{
	position:relative; 
	padding:15px 10px 50px 10px; 
	background:#f3f3f3
}
.member_area .member_area_inner  .title{
	position:relative; 
	letter-spacing:-1.5px; 
	color:#333333; 
	text-align:center; 
	font-weight:bold;
}
.member_area .member_area_inner .member_form{
	position:relative; 
	margin:15px 0 10px 0;
}
.member_area .member_area_inner .member_form .id_pass_area{
	display:block; 
	background:#fff; 
	margin-top:5px;
}
.member_area .member_area_inner .member_form .id_pass_area input{
	width:100%; 
	display:inline;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 14px;
	padding-left: 5px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	transition: 0.2s ease-in-out;
	transition-property: color, background-color, border;
	border-radius: 0.3em;
}
.member_area .member_area_inner .member_form .id_pass_area input:focus{
	border:1px solid #db2a2a;
	outline:none;
}
.member_area .member_area_inner .member_form .id_pass_area input::placeholder{
	color:#999;
}
.member_area .member_area_inner .member_form .log_area{
	display:block; 
	margin-top:5px;
}
.member_area .member_area_inner .member_form .log_area a,
.member_area .member_area_inner .member_form .log_area button{
	width:100%;
	display:block;
	color:#fff; 
	background:#db2a2a;
	border-radius:5px;
	padding: 15px 30px;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.1s ease-in-out;
	transition-property: color, background-color, border-color;
	outline:none;
	text-align:center;
	box-sizing: border-box;
}
.member_area .member_area_inner .member_form .log_area a:hover,
.member_area .member_area_inner .member_form .log_area a:active,
.member_area .member_area_inner .member_form .log_area a:focus,
.member_area .member_area_inner .member_form .log_area button:hover,
.member_area .member_area_inner .member_form .log_area button:active,
.member_area .member_area_inner .member_form .log_area button:focus{
	background:#c51d1d;
}
.member_area .member_area_inner .info_title{
	margin-top:30px;
	padding:20px;
	background:#fff;
	border:1px solid #eaeaea;
}
.member_area .member_area_inner .info_title p{
	line-height:1.6;
	font-size:0.929em;
	letter-spacing:-1px;
	color:#999999;
}

.real_name{
	border:1px solid #f2f2f2; 
	margin-top:15px;
	background:#fff;
}
.real_article{
	overflow:hidden;
}
.real_article li{
	padding:20px;
	float:left;
	box-sizing: border-box;
}
.real_article li ul{
	width:100%;
}
.real_article li ul.fix_display{
	display:flex;
	justify-content:space-between;
}
.real_article li ul:after{
	content:''; 
	display:block; 
	clear:both; 
	overflow:hidden;
}
.real_article li ul li{
	float:left;
	padding:0;
}
.real_article li ul li.fix_width{
	float:none;
	text-align:right;
	padding-left:20px;
	margin:0 !important;
	margin-left: auto !important;
	box-sizing: border-box;
}
.real_article li ul li.fix_width .log_area{
	margin:0 !important;
}
.real_article .ipin_chk,
.real_article .cp_chk{
	float:left;
}
.real_article .ipin_chk dt, 
.real_article .cp_chk dt{
	font-weight:500;
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	margin-bottom:20px;
	color:#999;
	text-align:left;
}
.real_article .ipin_chk .txt, 
.real_article .cp_chk .txt{
	line-height:1.4;
	font-size:0.929em;
	letter-spacing:-1px;
	text-align:left;
	color:#999;
	font-weight:400;
	}
.real_article .ipin_chk .chk_btn, 
.real_article .cp_chk .chk_btn{
	display:block; 
	cursor:pointer;
}

/* 전체보기 */
.div_category_right{
	position: fixed;
	right: 0;
	width: 20%;
	height: 100%;
	background-color: rgba(0,0,0,.70);
	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	touch-action: none;
	top: 0;
	z-index: 10000;
}
.div_cate_inner_left{
	width: 80%;
	background: #fff;
	float: left;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 20%;
	z-index:10000;
}

/* 메인페이지 스크롤영역 */
.slider_scrollbar::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 0 !important;
	height: 0;
}
/* 메인페이지 상품리스트 */
.product_list_table table {
	table-layout:fixed;
}

/* 회원가입수정 우편번호찾기 */
.btn_address_find {
	font-size: 12px;
	padding: 8px 10px;
	border-radius:3px;
	cursor: pointer;
	text-align: center;
	background-color: #666;
	vertical-align: middle;
	color: #fff;
	border:0px;
}