@import url('minishop.css');

/*기본*/

.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;
}

.detail_img img{max-width:100%; width:640px; height:auto;}



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




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

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:20px;}
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%;width:100%;}
body {position:relative}
#wrap{ height:100%; width:100%;}
#contents{ }
#footer{clear:both;position:relative;width:100%;height:207px;padding-top:50px;}


.basket_input { border:1px solid #e6e2e2; background:#f4f4f4; height:24px; padding-top:3px;}
.basket_m_input { border:1px solid #e6e2e2;  height:24px; padding-top:2px; padding-left:3px;}
.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; }

/* 슬라이더 버튼 */
.touchSlider_btn_area {text-align:center; overflow:hidden;margin-top:14px;}
.touchSlider_btn_area button { display:block; width:26px; height:10px; background:#bebebe}
.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:15px; height:15px; margin:0 4px; text-indent:-9999px; background:#bebebe;border-radius:10px}
.touchSlider_btn_area .btn_page.on { background:#f65b05; }

.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:auto;margin:0 auto; position:relative; overflow:hidden;}
#touchSlider ul { width:100%; height:auto; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { width:100%; height:auto; float:left;margin:0;padding:0;}
#touchSlider ul li img {width:100%;height:auto;}


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

.detail_td { background:#f9f9f9; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:5px; width:40%; line-height:18px; }
.detail_td2 { padding:5px; border-bottom:1px solid #e7e7e7; }


.location {display:none;width:20%;text-align:center;padding:15px 0}
/*
@media screen and (min-width:320px) and (max-width:414px) {
.location {width:95px;}
}
*/
.sub_location_wrap {float:left;position:relative;width:70%;height:15px;padding-top:17px;overflow:hidden;}
.sub_location_wrap ul {position:relative;float:left;position:relative;width:25%;text-align:center;font-size:.9em;white-space: nowrap;text-overflow:ellipsis;}
.sub_location_wrap ul li.sub_location {width:100%}
.sub_location_wrap li.sub_location {width:25%}
.sub_location_wrap .sub_location {float:left;position:relative;width:100%;text-align:center;font-size:.9em;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;color:#777}
.sub_location_wrap ul .sub_location a {color:#777 !important}
.btn_rolling2 {float:left;width:5%;padding:17px 0;text-align:center;}
.btn_rolling {float:left;width:5%;padding:17px 0;text-align:center;}

#header2 {display:none;position:fixed;top:0;background-color:#fff;opacity:0;z-index:1000000;}