

/*기본*/

.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;}


.my_line { border:1px solid #dedede; }

/*인풋 그림자, 곡선 제거*/

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;
}


.m_map tr td { width:50%; }


.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:5px;}
.touchSlider_btn_area button { display:block; width:26px; height:26px; background:#cccccc ; }
.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:#ccc;  }
.touchSlider_btn_area .btn_page.on { background:#666666; }

.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:#666666; }

/* 슬라이더 */
#touchSlider { width:100%; height:230px; margin:0 auto; position:relative; overflow:hidden;  }
#touchSlider ul { width:100%; height:230px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider ul li { width:100%; height:230px; float:left;}


#touchSlider2 { width:100%; height:245px; margin:0 auto; position:relative; overflow:hidden; }
#touchSlider2 ul { width:100%; height:245px; position:absolute; top:0; left:0; overflow:hidden; }
#touchSlider2 ul li { width:100%; height:245px; 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; }


.letter_s { letter-spacing:-2px; }
.more_btn { background:linear-gradient(180deg, #ffffff,#f5f5f5); height:35px; border:1px solid #cacaca; line-height:35px; color:#666; border-radius:5px; }
.banner img { width:300px; height:50px; }

.tab_off_2{color:#333; background:#ffffff;  width:25%; border:1px solid #ddd; height:35px; text-align:center; cursor:pointer; font-size:14px;}
.tab_on_2{color:#fff; background:#6e6e6e;  width:25%; height:35px; border:1px solid #ddd; text-align:center; cursor:pointer;  font-size:14px;}

.gr_btn { background:linear-gradient(180deg, #ffffff,#f5f5f5); height:35px; border:1px solid #cacaca; line-height:35px;  border-radius:5px; }


.select_type select { border-radius:3px; background: #fff url('images/bullet_select.png') no-repeat right 50%; background-size:24px 6px; padding:4px; border:1px solid #ccc; }
.select_type select {-webkit-appearance:none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.btn_mobile_member img { max-width:300px; }

.you_w iframe { max-width:100%; }
.map_w { width:300px; max-width:100%; }

.input_m select{
border:1px solid #ababab;
padding:5px 5px 6px 5px;
height:29px;
line-height:22px;
font-size:1em;
line-height:1em;
-webkit-border-radius:0;
font-family:맑은 고딕;
 background: #f6f6f6 url('../../mobile_img/sel_arr_2x.gif') no-repeat 98% 50%;
 background-size: 12px;
}


.input_m input[type=text]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:29px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;
}

.input_m input[type=file]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:29px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_m input[type=password]{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
height:29px;
background:#f5f5f5;
padding-left:3px;
font-size:font-size:1em;
line-height:line-height:1em;;
}

.input_m input[type=checkbox]{
vertical-align:middle;
-webkit-border-radius:0;
border:1px solid #ababab;
margin-top:-3px;
}

.input_m input[type=radio]{
vertical-align:middle;
-webkit-border-radius:0;
border:1px solid #ababab;
margin-top:-3px;
}

.input_m textarea{
-webkit-border-radius:0;
-webkit-appearance:none;
border:1px solid #ababab;
padding:5px;
background:#f5f5f5;
}

.select_wide_m textarea { height:60px !important; }


.mobile_email input[type=text]{ width:80px; }

.btn_zipcode { border-left:1px solid #ddd; margin-top:5px; }

.order_line { border:1px solid #666666; }
.order_text { color:#121212; width:90px; padding-left:5px; font-weight:bold; background:#f7f7f7; }
.m_add { width:80px !important; }
.basket_cash_input select { width:150px; }

/* 더보기 */
.btn_s_02 { width:50px; height:18px; line-height:17px; color:#9b9b9b; text-align:center; cursor:pointer; background:#f5f6f9; border:1px solid #dcdfe5; border-radius:3px;}
.btn_s_03 { width:70px; height:28px; line-height:26px; color:#ffffff; text-align:center; cursor:pointer; background:#333333; border:1px solid #333333; border-radius:3px;}
.btn_s_04 { width:70px; height:28px; line-height:26px; color:#333333; text-align:center; cursor:pointer; background:#f8f8f8; border:1px solid #dcdfe5; border-radius:3px;}

/* 전체메뉴 메뉴리스트  마이페이지 메뉴 */
.memu_layer div { line-height:290%; border-top:1px solid #dcdfe5; color:#333333; padding-left:10px; background:url('../../mobile_img/icon_memu_right.gif') right 10px no-repeat; background-size:21px; cursor:pointer;}
.memu_layer_sub a { display:block; line-height:290%; border-top:1px solid #dcdfe5; color:#666666; padding-left:30px; background:url('../../mobile_img/icon_memu_right.gif') right 10px no-repeat; background-size:21px; cursor:pointer; }

.input_my select { width:100px; }



.email_mobile { margin-top:2px; }
.input_do select { margin-bottom:2px; }
.time_m { border:none !important; text-align:right; color:#666 !important;}
.input_m_detail select { width:100% !important; border-radius:3px;}
.icon_kakaotalk img { width:22px !important; height:22px !important; }
.trust_m img { width:61px; height:23px; }