/* CSS Document */
*{ margin:0; padding:0; font-family:'³ª´®°íµñ',NanumGothic,'¸¼Àº °íµñ','Malgun Gothic',Dotum,'±¼¸²',Gulim,'µ¸¿ò',Helvetica,sans-serif;}
*{-webkit-text-size-adjust:none;} 
a{color:#000;text-decoration:none;cursor:pointer}
body { margin:0; padding:0; background-color:#f8f8f8; min-width:310px;}
.header { display:table; margin-bottom:1px; width:100%; background-color:#333f50;  background:url(/views/images/mfile/front/main/header_bg.gif) 0 0 repeat;  text-align:left;}
h1,h2 { font-size:14px;}
img { border:0;}
header hgroup { position:relative;}
.logo { display:block; width:49%;}
.pass_srch,.id_srch,.join,.terms,.charge { display:block; }
.logo a{ position:relative; display:block; padding-top:12px; padding-right:3px; height:40px; font-size:13pt; text-align:right; color:#ff8b0; text-indent:-999em; color:transparent;}
.logo a span { position:absolute; left:0; top:0; width:100%; height:100%; background:url(/views/images/mfile/front/main/logo.png) 100% 7px no-repeat;}
.login a,
.charge a,
.terms a,
.join a,
.id_srch a,
.pass_srch a { position:absolute; margin-left:5px; top:11px; left:50%; font-size:24px; color:#fff; font-weight:bold; text-shadow:1px 1px 1px #a65a0a;}

.align_c { text-align:center;}
.align_r { text-align:right;}
.col_bul { color:#1172b6; }
.col_red { color:#c93737 !important}
.col_gre { color:#289800;}
.col_org { color:#eb6907;}
.col_org2 { color:#e96605;}
.hide { display:none !important;}
.float_l { float:left;}
.float_r { float:right;}
.ve_m{ vertical-align:middle;}
.bold { color:#366fbb; font-weight:bold;}
/* login */
#login_main { border-top:1px solid #fff;}
.box_outer { padding:10px 10px 0;}
.box_login { border:1px solid #bebec0;}
.box_login form { border:1px solid #FFFFFF; background-color:#f3f3f3;}
.input_area { margin:10px;}
.input_area li { display:table; width:100%; margin-bottom:5px;}
.input_area .cell { display:table-cell; vertical-align:middle;}
.input_area .rd { padding-left:10px; width:65px; font-size:12px; letter-spacing:-1px; color:#666;}
.input_area .rd .off { color:#1172b6; font-weight:bold;}
.login_input {width:98%; height:26px; padding-left:5px;border:1px solid #b6b6b6;border-radius:4px; font-size:15px;background:#fff;-webkit-appearance:none; vertical-align:middle;}
.lbtn { height:28px; padding:.47em .8em .38em; font-size:13px; border:1px solid #bcbcbc;background-color:#f1f1f1; vertical-align:middle; cursor:pointer;}
.f_login_area { margin:10px;}
.f_login { display:table;width:100%;}
.fbtn { display:table-cell; height:35px; font-size:13px; border:1px solid #bcbcbc;background:#f1f1f1; vertical-align:middle; cursor:pointer; text-align:center;}
.fbtn_c {display:table-cell;width:2%;}
.op_area{ padding:5px 0 0 5px; font-size:13px; }
.op_area input { vertical-align:middle;}
.op_area label { vertical-align:middle; margin-right:5px; cursor:pointer; letter-spacing:-1px; color:#666;}
.login_text {margin-top:15px; font-size:12px; line-height:16px;}
.top_login { display:inline-block; margin-right:10px; width:45px; height:22px; color:#ffffff; line-height:24px; font-size:11px; border:1px solid #211d17; text-align:center; background-color:#97aaed; vertical-align:middle;}
.top_my { display:inline-block; margin-left:8px; margin-right:7px; width:10px; height:22px; background:url(/views/images/mfile/front/main/my.gif) 0 50% no-repeat; color:transparent; line-height:24px; font-size:11px; vertical-align:middle; overflow:hidden;}
.tb_nomal { width:100%;  border-collapse:collapse}
.tb_nomal th { height:50px; border:1px solid #555555; text-align:center; font-weight:100;}
.tb_nomal td { padding:5px; border:1px solid #555555;}
.login_before { margin-top:-1px; padding:8px 0 0 26px; height:27px; font-size:11px; color:#fff; background:url(/views/images/mfile/front/ico/lock.png) 12px 9px no-repeat;background-color:#5a5a5a; vertical-align:middle; border-bottom:3px solid #74a0d4; border-top:1px solid #2f2f2f;}
.top_login2 { display:inline-block; width:45px; height:22px; margin:-3px 3px 0 8px; color:#ffffff; line-height:24px; font-size:11px; border:1px solid #4d3d33; text-align:center; background-color:#6985f0; vertical-align:middle;}
.aaa{ display:inline-block; padding:0 8px;  height:22px; margin:-3px 3px 0; line-height:24px; font-size:11px; border:1px solid #464646;background-color:#fff; color:#6382f0; font-weight:bold; vertical-align:top; cursor:pointer; text-align:center}
/* id_srch */
.w_area { padding:20px; background-color:#fff; }
.tab_area { display:table; width:100%; border:1px solid #CCCCCC; border-left:0; border-bottom:0; }
.tab_area li { display:table-cell; height:32px; vertical-align:middle; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; font-size:13px; background-color:#f8f8f8;}
.tab_a { display:block; width:100%; height:32px; vertical-align:middle; line-height:32px; color:#666666;}
.tab_area .tab_on { background-color:#fff; border-bottom:0 !important;}
.tab_area .tab_on a{ color:#1c1c1c;}
.id_sel_area { margin-top:40px; text-align:center; font-size:13px;}
.id_sel_area input { vertical-align:middle;}
.id_sel_area input[type=radio] { vertical-align:middle; margin:-2px 0 2px 0}
.id_sel_area label { vertical-align:middle; margin-right:5px;}
.id_find { padding:20px 0 10px 40px;  margin-top:15px; font-size:14px; text-align:center; color:#333; font-weight:bold; border:1px solid #ff8b10; min-height:25px;word-wrap:break-word}
.crt { padding-left:40px; margin-top:15px; font-size:12px; text-align:center; color:#666}
.crt_ok { margin-top:25px; text-align:center; }
.idsbtn { height:30px; padding:.47em .8em .38em; font-size:12px; border:1px solid #bcbcbc;background:#f1f1f1; vertical-align:middle; font-weight:bold; cursor:pointer;}
.pass_it { margin-bottom:10px;}
.pass_it span { display:inline-block; width:60px;}
/* 20180305 ºñ¹Ð¹øȣã±â °³¼± : ¹ß¼Û¹æ¹ý, ºñ¹Ð¹øÈ£ º¯°æ Ãß°¡ */
.pw_sel_area { margin-top:10px; text-align:center; font-size:13px;}
.pass_it_w80.mb5, .pass_it_w100.mb5 { margin-bottom:5px;}
.pass_it_w80 span { display:inline-block; width:80px;}
.pass_it_w100 span { display:inline-block; width:100px;}
.pass_it_w80 .input_check, .pass_it_w100 .input_check {margin:0 !important}

/* join */
.agree_wrap { margin:0 -20px 15px; padding:0 20px; border-bottom:1px solid #e2e2e2;}
.agree_wrap h3 { font-size:14px; line-height:16px; padding-bottom:3px; vertical-align:middle;}
.text { font-size:13px; color:#666; line-height:18px;}
.pr { display:block; padding:5px 0; font-size:13px;  text-align:right;}
.more{ display:inline-block; padding-right:9px;background:url(/views/images/mfile/front/ico/ic02.gif) no-repeat 100% 3px; color:#1172B6;}
.bt{ margin-bottom:10px;}
.check { padding-left:27px; background:url(/views/images/mfile/front/ico/ico.gif) no-repeat 9px 8px; background-color:#f1f1f1}
.check2 { padding-left:15px; background:url(/views/images/mfile/front/ico/ic02.gif) no-repeat 5px -52px;}
.check_r { float:right; padding-left:15px; background:url(/views/images/mfile/front/ico/ic02.gif) no-repeat 5px -52px; font-size:12px; color:#666666;}
.top_ch:after { content:""; display:block; clear:both; }
.top_ch {*zoom:1; } /* IE 6,7 */
.user_form {}
.user_form dt { margin-top:10px; margin-bottom:5px; font-size:15px;}
.user_form dd { margin-bottom:5px; font-size:13px; color:#999999; vertical-align:middle}
.user_form input { vertical-align:middle;}
.user_form label { vertical-align:middle;}
.user_form .cr { padding-left:5px; letter-spacing:-1px}
.user_form select { width:25%; height:21px; vertical-align:middle;border:1px solid #b6b6b6}
.mail_input { width:30%; height:19px;border:1px solid #b6b6b6;}
.mes_a { display:table; width:100%; height:120px; font-size:13px; vertical-align:middle; text-align:center;}
.mes {display:table-cell; vertical-align:middle;}
/* main */
.logo2 { display:table-cell; position:relative; width:90px; height:52px; }
.logo2 a{ display:inline-block; padding:13px 3px 0; width:84px; height:28px; font-size:13pt; text-align:right; text-indent:-999em; color:transparent;}
.logo2 a span { position:absolute; left:0; top:0; width:90px; height:52px; background:url(/views/images/mfile/front/main/logo.png) 100% 11px no-repeat;}
em,address{font-style:normal}
.main_area { background-color:#f8f8f8;}
.m_srch { position:relative; display:table-cell; padding:0 10px 0 15px; vertical-align:middle;}
.srch_input_area { position:relative; display:block; padding-right:40px; height:27px; border:1px solid #211d17; background-color:#FFFFFF;}
.srch_input { margin:4px 0 0 5px; width:100%; height:20px; vertical-align:middle; border:0; font-size:1em;-webkit-appearance:none}
.btn_srch { position:absolute; top:-1px; right:-1px; width:31px; height:30px; text-indent:-999em; background:url(/views/images/mfile/front/main/m_srch.gif) 0 0 no-repeat; border:0;-webkit-appearance:none}
.user_main { position:relative;width:100%;height:37px; margin-top:-1px; border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;background:#f0f0f0;line-height:37px; vertical-align:middle;}
.m_btn { display:inline-block; margin-top:-3px; margin-left:10px; height:22px; padding:0 .7em;; text-align:center; border:1px solid #c9c9c9;font-size:11px; background-color:#fafafa; vertical-align:middle; line-height:24px; color:#717171;}
.user_left { float:left; padding-left:5px;}
.user_right { float:right; padding-right:10px;}
.m_best_list { width:100%; border-top:1px solid #c9c9c9; margin-top:-1px;}
.m_best_list .copy_msg { background:none; padding:5px 10px; background-color:#f3f3f3; text-align:center; border-top:2px solid #ddd;}
.m_best_list .copy_msg p { padding:5px; border:1px solid #ddd; line-height:20px; border-radius:3px; background-color:#fff; font-size:13px;}
.m_best_list li { padding-left:15px; line-height:36px; background:url(/views/images/mfile/front/ico/dot.gif) 9px 50% no-repeat; border-bottom:1px solid #e5e5e5; list-style:none;}
.m_best_list li a { position:relative; padding-top:2px; display:block; padding-right:110px;}
.m_best_list .best_tit { display:block; width:100%; height:34px; color:#000000;font-size:14px; line-height:34px; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;}
.m_best_list .best_sz { position:absolute; top:2px; right:5px; display:block; width:110px; height:34px; text-align:right; font-size:12px; line-height:34px; color:#727272; vertical-align:middle;}
.m_best_list .ico {vertical-align:middle; padding:2px;}
.m_best_img { display:table; width:100%;}
.m_best_img li { display:table-cell; width:25%; text-align:center; }
.m_best_img a { display:block; padding:10px 0 0;}
.tli_m{ display:block;margin:0 auto;border:1px solid #c9c9c9;vertical-align:top}
.tli_t {display:block;overflow:hidden;width:77px;height:15px;margin:3px auto 0; line-height:15px; font-size:12px;}
.tli_t2 { font-size:12px;}
.pg_btn_l {overflow:hidden;width:42px;height:23px;border:1px solid #c9c9c9;background:#fafafa url(/views/images/mfile/front/ico/arrow_l.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;text-indent:-999em;}
.pg_btn_r {overflow:hidden;width:42px;height:23px;border:1px solid #c9c9c9;background:#fafafa url(/views/images/mfile/front/ico/arrow_r.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;text-indent:-999em;}
.pg_num_area{display:inline-block; padding:0 .5em;height:23px;font-size:12px;line-height:26px;color:#999;letter-spacing:2px;vertical-align:middle;}
.pg_num_on { color:#0076e2;}
.pg { padding:10px 0; text-align:center;}
.m_te_area h2 { padding-left:3px; line-height:16px; vertical-align:middle; font-size:13px; color:#000000; border-bottom:1px solid #e5e5e5;}
.m_te_area h2 span { font-size:12px; font-weight:100; color:#666;}
.m_te_list { margin-top:10px;}
.m_te_list li { list-style:none;}
.m_te_list .te_l { float:left; padding-top:5px; width:95px; text-align:center; vertical-align:middle;}
.m_te_list .te_l a { display:block;}
.m_te_list .te_t { margin-left:95px; padding-left:15px; height:26px; line-height:26px; vertical-align:top; font-size:12px; background:url(/views/images/mfile/front/ico/dot.gif) 9px 50% no-repeat;}
.m_te_list .te_t a { display:block;}
.user_nik { display:inline-block; margin-left:10px; padding:0 5px; color:#666666; line-height:33px; font-size:13px; font-weight:bold; text-decoration:underline;}
.user_point { display:inline-block; margin-right:5px;  padding:0 12px 0 5px; color:#666666; line-height:33px; font-size:13px; font-weight:bold; color:#2a8702; background:url(/views/images/mfile/front/ico/point.gif) 100% 50% no-repeat;}
.user_bonus { display:inline-block;  margin-right:5px; padding:0 12px 0 5px; color:#666666; line-height:33px; font-size:13px; font-weight:bold; color:#af6e2e; background:url(/views/images/mfile/front/ico/bonus.gif) 100% 50% no-repeat;}
/* list */
.tab_adult { display:inline-block; padding-left:15px; background:url(/views/images/mfile/front/ico/19.png) 0% 70% no-repeat;}
.add_menu { position:relative; display:table-cell; vertical-align:middle; width:30px;}
.u_mu{display:block; overflow:hidden;width:34px;height:30px;background:url(/views/images/mfile/front/main/add_menu.gif) no-repeat 0 0;}
.u_vc{position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent;}
.add_menu_view{ margin-top:-5px; margin-bottom:1px;padding:7px;border-bottom:1px solid #1a1d24;background:#feba57;text-align:left;border:1px solid #b45b01; }
.add_menu_list { background-color:#ffffff;}
.add_menu_list li { display:inline-block; font-size:13px; vertical-align:middle;}
.add_menu_list li a{ display:block;padding:9px 0 7px 20px;}
.add_on{ position:absolute; top:11px; right:6px; padding-bottom:9px; background:url(/views/images/mfile/front/main/add_menu_on.gif) 0 0 no-repeat;}
.top_nav { clear:both; margin-top:-2px; width:100%; display:table; padding-bottom:3px; background-color:#97aaed; border-bottom:1px solid #74a0d4;}
.top_nav li { display:table-cell; padding-bottom:1px; width:25%; height:31px; text-align:center; vertical-align:middle; border-right:1px solid #215ea6; border-bottom:1px solid #215ea6; background:url(/views/images/mfile/front/main/nav_bg.gif) 0 0 repeat-x; background-color:#97aaed;}
.top_nav li a { display:block; height:100%; color:#fff; line-height:31px; font-weight:bold; font-size:15px; vertical-align:middle;/*text-shadow:1px 1px 1px #c17c31;*/}
.top_nav .my_button { background:url(/views/images/mfile/front/ico/icon_map_W.png) 49%  52% no-repeat;  color:transparent; text-indent:-999em;}
.top_nav .tab_on .my_button { background:url(/views/images/mfile/front/ico/icon_map_B.png) 49%  52% no-repeat;  color:transparent; text-indent:-999em;}
.top_nav .tab_on { background:url(/views/images/mfile/front/main/nav_on_bg.gif) 0 0 repeat-x; background-color:#366fbb; border-bottom:0;}
.top_nav .tab_on a { color:#000000; /*text-shadow:1px 1px 1px #ccc;*/}
.top_nav_s { padding:0 10px; border-bottom:1px solid #c9c9c9; background-color:#eaeaea;}
.top_nav_s li { display:inline-block; font-size:12px; color:#b6b6b6;}
.top_nav_s li a { display:inline-block; padding:11px 7px 9px; font-size:12px;color:#656565;}
.top_nav_s .tab_on a{ color:#3b3227 !important; font-weight:bold;}
.top_ad_tt { display:table; width:100%; height:36px; background-color:#ffffff; border-bottom:2px solid #215ea6;}
.top_ad_bt { display:table; width:100%; height:36px; background-color:#ffffff; }
.bg_f { background-color:#ffffff !important;}
.list_btn_r { display:inline-block; margin-top:-3px; margin-left:0px; height:28px; padding:0 .9em; text-align:center; border:1px solid #bcbcbc;font-size:12px;background:#fafafa url(/views/images/mfile/front/ico/arrow_r.gif) 90% 55% no-repeat; background-color:#f1f1f1; vertical-align:middle; line-height:30px; color:#717171;}
.list_btn_l { display:inline-block; margin-top:-3px; margin-left:0px; height:28px; padding:0 .9em; text-align:center; border:1px solid #bcbcbc;font-size:12px;background:#fafafa url(/views/images/mfile/front/ico/arrow_l.gif) 10% 55% no-repeat; background-color:#f1f1f1; vertical-align:middle; line-height:30px; color:#717171;}
.list_pg { padding:20px 0 25px; text-align:center;}
.f_srch_area { display:table; width:100%; padding:20px 0; border-top:1px solid #dfdfdf;}
.f_srch_area .form { display:table; width:100%; padding:20px 0; border-top:1px solid #dfdfdf;}
.f_srch { position:relative; display:table-cell;  padding-left:10px; vertical-align:middle;}
.fsrch_input_area { position:relative; display:block; padding-right:48px; height:28px; border:1px solid #cecece; background-color:#FFFFFF;}
.f_srch_input { margin:4px 0 0 5px; width:100%; height:20px; vertical-align:middle; border:0; font-size:1em;-webkit-appearance:none;}
.btn_fsrch { position:absolute; top:-1px; right:-1px; width:39px; height:30px; text-indent:-999em; background:url(/views/images/mfile/front/main/f_srch.gif) 0 0 no-repeat; border:0;-webkit-appearance:none}
.f_srch_op { display:table-cell; padding-right:10px; width:84px; text-align:right; }
.btn_st { height:30px; padding:.47em .8em .38em;  font-size:13px; border:1px solid #bcbcbc;background-color:#f3f3f3; vertical-align:middle;background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f3f3f3)); cursor:pointer;}
.btn_st2 { height:30px; padding:.47em .8em .38em;  font-size:13px; border:1px solid #bcbcbc;background-color:#fff; vertical-align:middle;cursor:pointer;}
.sort_d { display:inline-block; padding-right:13px; padding-left:15px; font-size:13px; background:url(/views/images/mfile/front/ico/arrow2_d.gif) 100% 45% no-repeat;}
.sort_u { display:inline-block; padding-right:13px; padding-left:15px; font-size:13px; background:url(/views/images/mfile/front/ico/arrow2_u.gif) 100% 45% no-repeat;}
/* view */
.top_ad_tt_c { display:table-cell; padding:0 10px; vertical-align:middle; line-height:20px;}
.top_ad_tt_c a { display:inline-block;}
.btn_tt_l {overflow:hidden;width:20px;height:20px;border:1px solid #c9c9c9;background:#fafafa url(/views/images/mfile/front/ico/arrow_l.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;-webkit-appearance:none; text-indent:-999em;}
.btn_tt_r {overflow:hidden;width:20px;height:20px;border:1px solid #c9c9c9;background:#fafafa url(/views/images/mfile/front/ico/arrow_r.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;-webkit-appearance:none; text-indent:-999em;}
.tt_box { line-height:29px; vertical-align:middle; font-size:13px;}
.tt_box_r { line-height:29px; vertical-align:middle; font-size:13px;text-decoration:underline;font-weight:bold;}
.tt_box1 { line-height:29px; vertical-align:middle; font-size:12px;}
.view_area { padding:0;}
.view_tit { position:relative; padding-left:10px; padding-right:90px; background-color:#f0f0f0; height:40px; line-height:40px; font-size:13px; vertical-align:middle; overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:nowrap;}
.view_info { display:table; padding-bottom:10px; width:100%; height:14px; background-color:#f0f0f0; vertical-align:middle;}
.view_p { display:table-cell; padding-left:18px; height:14px; font-size:12px; background:url(/views/images/mfile/front/ico/dot.gif) 12px 50% no-repeat; vertical-align:middle; color:#666666;}
.view_nik { display:table-cell; padding-right:10px; text-align:right; font-size:12px; color:#666666;}
.view_btn_area { display:table; width:100%; padding:5px 0; background-color:#e3e3e3;}
.view_btn_l { display:table-cell; min-width:30%; padding:0 5px 0 2px; vertical-align:middle; text-align:left;}
.view_btn_c { display:table-cell; min-width:40%; padding:0 10px; vertical-align:middle; text-align:center;}
.view_btn_r { display:table-cell; min-width:30%; padding:0 11px 0 10px; vertical-align:middle; text-align:right;}
.btn_view { display:inline-block; width:100%; height:35px; text-align:center; font-size:12px; border:1px solid #d5d5d5; line-height:35px;  background-color:#ffffff; vertical-align:middle; color:#7a7a7a;}
.btn_down { display:inline-block; text-align:center; width:100%; height:36px; margin-top:1px; background:url(/views/images/mfile/front/main/down_bg.gif) 0 0 repeat-x; vertical-align:middle;}
.btn_down_view { display:inline-block; text-align:center; width:100%; height:36px; margin-top:1px; background:url(/views/images/mfile/front/main/down_view_bg.gif) 0 0 repeat-x; vertical-align:middle;}
.btn_down_re { display:inline-block; text-align:center; width:100%; height:36px; margin-top:1px; background:url(/views/images/mfile/front/main/down_viewRe_bg.gif) 0 0 repeat-x; vertical-align:middle;}
.btn_down_again { display:inline-block; text-align:center; width:100%; height:36px; margin-top:1px; background:url(/views/images/mfile/front/main/down_again_bg.gif) 0 0 repeat-x; vertical-align:middle;}
.view_cont { padding:10px; font-size:15px; border-top:1px solid #ddd;text-align:center; }
.view_cont p { padding:10px; text-align:left;}
.view_cont img { max-width:95%;}
.view_comt { margin-top:5px; border:1px solid #dcdcdc; font-size:12px;}
.view_comt a { display:block; padding:10px 0; text-align:center;}
.bt_ad_tt { text-align:right; padding:5px 10px;}
.list_off { display:inline-block; padding-right:10px; background:url(/views/images/mfile/front/ico/arrow_d.gif) 100% 50% no-repeat;}
.list_on { display:inline-block; padding-right:10px; background:url(/views/images/mfile/front/ico/arrow_u.gif) 100% 50% no-repeat;}
.file_list_area { padding:10px; background-color:#c6c6c6; border-top:1px solid #9d9d9d; border-bottom:1px solid #e0e0e0;}
.file_list li { position:relative; padding:4px 55px 2px 10px; list-style:none; line-height:16px; background:url(/views/images/mfile/front/ico/dot2.gif) 2px 50% no-repeat;word-wrap:break-word; color:#454545; font-size:13px; overflow:hidden;}
.file_size { position:absolute; padding-right:5px; width:50px; text-align:right; margin-top:-7px; top:50%; right:0; line-height:16px; font-size:12px; vertical-align:middle;}
.pg2_btn_l {overflow:hidden;width:22px;height:22px;border:none;background:#fafafa url(/views/images/mfile/front/ico/arrow_l.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;vertical-align:middle;text-indent:-999em; padding:0; margin:0;}
.pg2_btn_r {overflow:hidden;width:22px;height:22px;border:0;background:#fafafa url(/views/images/mfile/front/ico/arrow_r.gif) 50% 50% no-repeat;font-size:1px;color:#fbfbfb;letter-spacing:-1px;text-align:left;vertical-align:middle;text-indent:-999em;}
.pg2_num_area{display:inline-block; padding:0 .5em;height:23px;font-size:12px;line-height:26px;color:#454545;letter-spacing:2px;vertical-align:middle;}
.pg2 { padding:10px 0; text-align:center;}
.file_list_bt { display:table; width:100%;}
.file_list_btl { display:table-cell; width:30%; padding-left:10px; text-align:left; vertical-align:middle; font-size:12px; color:#454545; background:url(/views/images/mfile/front/ico/dot2.gif) 5px 50% no-repeat;}
.file_list_btc { display:table-cell; width:30%; text-align:center; vertical-align:middle;}
.file_list_btr { display:table-cell; width:30%; padding-right:10px; text-align:right; vertical-align:middle;}
.btn_close { width:17px; height:17px; border:0; background:url(/views/images/mfile/front/ico/close.gif) 0 0 no-repeat; vertical-align:middle; text-indent:-999em;}
.streaming_list { border-top:2px solid #666666; border-bottom:2px solid #666666;}
.streaming_list_txt {font-size:11px; border-bottom:1px solid #e8e8e8; padding:10px; }
.streaming_list li { line-height:30px; border-bottom:1px solid #e8e8e8;}
.streaming_list li a { display:block; padding-left:18px; background:url(/views/images/mfile/front/ico/dot.gif) 12px 50% no-repeat; color:#494949; text-align:left; font-size:12px;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis; white-space:nowrap; } 
.streaming_thum {  text-align:center; padding:3px 0;margin-left:-5px}
.streaming_thum img { max-width:90%; border:1px solid #e8e8e8;}
.streaming_crt { padding:5px 0; background-color:#f1f1f1;}
.streaming_crt li { line-height:20px; padding-left:18px; background:url(/views/images/mfile/front/ico/dot.gif) 12px 50% no-repeat; font-size:12px; color:#494949;}
.streaming_play { position:absolute; left:50%;top:50%; margin:-23px 0 0 -23px; text-align:center;}
.streaming_list .streaming_play a { padding:0; margin:0; background:none;}
.streaming_play img { border:0;}
/* policy */
.policy_list {padding:15px; border:1px solid #b4b4b4; background-color:#f5f5f5;}
.policy_list li { list-style:none; margin-bottom:15px; font-size:13px; color:#666666;}
.policy_list h3 { margin-bottom:10px; font-size:14px;}
/* footer */
.ft_k{clear:both;border-top:1px solid #dfe1e3;text-align:center}
.ft_k a{display:inline-block;margin:8px 0 0 0;padding:2px 10px;background-position:0 -79px;font-size:13px;color:#222;vertical-align:top}
.ft_c{clear:both;padding:15px 0 12px;font-size:11px;line-height:14px;color:#9e9e9e;text-align:center}
.ft_c a {color:#9e9e9e; padding:0 5px}
.ft_kl {display:inline-block;margin:9px 0 0 0;padding:2px 0px; font-size:12px; color:#9e9e9e; vertical-align:middle;}
/*charge */
.top_nav_ch { clear:both; display:table; margin-top:-2px; width:100%;  border-top:1px solid #b45b01; background-color:#fff;}
.top_nav_ch li { display:table-cell;padding-bottom:1px; height:31px; text-align:center; vertical-align:middle; background:url(/views/images/mfile/front/main/nav_bg.gif) 0 100% repeat-x; background-color:#ff9c34;}
.top_nav_ch .tab_on { width:20%; background-color:#ffffff; border-bottom:0; background:none; font-size:13px; vertical-align:middle;text-shadow:1px 1px 1px #ccc;}
.ch_top { width:40px; text-align:left !important}
.ch_top a {display:block; height:100%; background:url(/views/images/mfile/front/ico/home.gif) 50% 50% no-repeat; text-indent:-999em;border-right:1px solid #e48221;}
.ch_tit { display:inline-block; padding-left:10px; background:url(/views/images/mfile/front/ico/arrow3_l.gif) 0 50% no-repeat; padding-top:2px; font-size:13px; line-height:14px; font-weight:bold;}
.ch_sel_area { position:relative; padding-right:20px; margin-top:10px; margin-bottom:10px;}
.ch_sel_tb { display:table; width:100%; }
.ch_sel { display:table-cell; width:33%; padding:0 2px; text-align:center; vertical-align:top;}
.ch_sel a { display:table; margin:0 auto; padding:2px; width:98%; height:80px; border:1px solid #c1c1c1; border-radius:3px;box-shadow:1px 1px 1px #cdcdcd; vertical-align:middle;}
.ch_p { display:table-cell; width:100%; height:49%; background-color:#ededed; color:#366fbb; vertical-align:middle; font-size:18px; font-weight:bolder; letter-spacing:-1px; font-family:Arial;}
.ico_point { display:inline-block; margin-right:-1px; width:19px; background:url(/views/images/mfile/front/charge/point.gif) 2px 50% no-repeat; text-indent:-999em; margin-top:-1px;  vertical-align:top;}
.ch_tr { display:table-row;}
.ch_mo { display:table-cell; padding-top:2px; height:49%; vertical-align:middle; font-size:14px; color:#29922d; font-weight:bold; font-family:Arial;}
.ch_mo_d { display:block; font-size:11px; font-weight:bold; color:#707070; font-family:Arial,dotum; vertical-align:middle; letter-spacing:-1px;}
.font13 { font-size:13px; font-weight:normal;}
.mtb15 { margin:15px 0;}
.ch_add { position:absolute; display:table; padding:2px; top:0; right:-17px; width:30px; height:80px; border:1px solid #c1c1c1; border-radius:3px;box-shadow:1px 1px 1px #cdcdcd; vertical-align:middle; text-align:center;}
.ch_add a { display:table-cell; padding-top:5px; background-color:#fafafa; color:#7b7b7b; font-size:13px;}
.ch_tab_area { position:absolute; top:-45px; right:-10px; width:70%;}
.ch_tab { display:table; width:100%; border-top:1px solid #bcbcbc; border-right:1px solid #bcbcbc;}
.ch_tab li { display:table-cell; width:25%; height:26px; text-align:center; border-left:1px solid #bcbcbc;}
.ch_tab li a { display:block; height:25px; line-height:25px; font-size:12px; color:#666666; background-color:#f7f7f7; border-bottom:1px solid #bcbcbc; vertical-align:middle;}
.ch_tab .tab_on a { background-color:#FFFFFF; border-bottom:0; color:#000000 !important; font-weight:bold;}
.ch_info_area { padding:25px 15px 0; border-bottom:2px solid #767676; }
.ch_my { font-size:13px; color:#666666;}
.ch_info { display:table; margin-top:10px;}
.ch_info_tit { display:table-cell; padding-bottom:10px; width:80px; color:#3e3e3e; font-size:16px; line-height:22px; font-weight:bolder; vertical-align:top; font-family:;}
.ch_info_pr { display:table-cell; padding-bottom:10px; color:#3e3e3e; line-height:22px; vertical-align:middle; font-size:16px; font-weight:bolder;}
.pr01 { font-size:14px; font-weight:bold;}
.pr02 { font-size:13px; color:#5a5a5a; letter-spacing:-1px;}
.pr03 { display:inline-block; font-size:16px; vertical-align:top; font-family:dotum;}
.pr04 { font-size:12px; color:#5a5a5a; font-weight:normal;}
.pr_n1 { color:#41ad47; font-family:Arial; font-size:18px}
.pr_n2 { color:#f84c02; font-family:Arial; font-size:18px}
.bor_l { padding-right:7px; border-right:1px solid #dbdbdb;}
.ch_tch { display:table; width:100%; }
.ch_tch_tit { display:table-cell; padding:10px 0 0 10px; width:90px; background-color:#f2f2f2; vertical-align:top; font-size:13px; color:#3e3e3e; font-weight:bold; border-right:1px solid #e5e5e5;}
.ch_tch_sel { display:table-cell; padding:10px;}
.ch_tch_sel a { display:inline-block; margin-right:5px; width:88px; height:70px; padding-top:12px; border:1px solid #dfdfdf; border-radius:3px; text-align:center; vertical-align:middle; background-color:#fdfdfd;}
.sel_on { border:2px solid #ff7510 !important;}
.ch_ph { padding:10px 0 0;border-top:1px solid #e5e5e5;}
.ch_ph li { display:table; width:100%;}
.ch_ph_tit { display:table-cell; padding-left:13px; width:108px; font-size:12px; vertical-align:middle; line-height:40px; font-weight:bold;background:url(/views/images/mfile/front/ico/dot2.gif) 7px 50% no-repeat; color:#454545;}
.ch_ph_ipt { display:table-cell; font-size:13px; vertical-align:middle; line-height:30px;}
.ch_ph_ipt span { vertical-align:middle;}
.ch_ph_ipt label { vertical-align:sub; padding:0 10px 0 3px;}
.ch_ph_ipt input[type=radio] { vertical-align:middle;}
.ch_ph_ipt select { line-height:28px; height:28px;}
.ch_agree { margin-top:10px; text-align:center; font-size:12px;color:#5a5a5a;}
.ch_agree input { vertical-align:middle;}
.ch_agree label { vertical-align:middle;}
.ch_agree button { padding:2px 3px 1px; vertical-align:middle; font-size:11px; color:#666666; background-color:#F3F3F3;border:1px solid #bcbcbc; border-radius:3px;}
.ch_ph_info { margin-top:20px; padding:20px 5px; border-top:1px solid #dfe1e3; font-size:11px;line-height:14px;color:#9e9e9e;}
.ch_ph_info a {color:#9e9e9e;}
/* mypage */
.main_area .my_ch_user { padding:5px 0 0px 5px; height:25px; background-color:#767676; color:#ffffff; font-size:14px; }
.main_area .my_ch_user .top_my { background-position:50% 5px;}
.main_area .my_ch_user .tab_on { float:right; width:30px; height:30px; margin-top:-5px; background:url(/views/images/mfile/front/ico/arrow_up.gif) 50% 50% no-repeat; border-left:1px solid #686868; color:transparent; }
.main_area .my_ch_user .tab_off { float:right; width:30px; height:30px; margin-top:-5px; background:url(/views/images/mfile/front/ico/arrow_down.gif) 50% 50% no-repeat; border-left:1px solid #686868; color:transparent; }
.main_area .my_ch_user strong { font-size:14px; color:#ff9a00; line-height:14px; }
.main_area .my_tit { display:inline-block; padding-left:10px; line-height:35px; vertical-align:middle; font-size:14px; color:#818181; font-weight:bold;}
.main_area .my_ch_area { padding:10px 15px; border-top:1px solid #dfe1e3; background-color:#ffffff;}
.main_area .my_ch_point { display:table; margin-bottom:10px; width:100%;}
.main_area .my_ch_point .td { display:table-cell; width:33%; text-align:left}
.main_area .my_ch_point span {display:inline-block; padding:1px 0 0 10px; vertical-align:middle; font-weight:bold; font-family:Arial; font-size:14px; letter-spacing:-1px;}
.main_area .my_ch_point img { vertical-align:middle;}
.main_area .my_ch_date { display:table; width:100%;}
.main_area .my_ch_date img {vertical-align:middle;}
.main_area .my_ch_date .tit { display:table-cell; width:100%; text-align:left; vertical-align:top;}
.main_area .my_ch_date .info { display:inline-block; padding:2px 0 0 5px; line-height:22px; vertical-align:middle; font-size:12px;}
.my_chp_list { margin-bottom:10px;}
.my_chp_list li { padding-left:8px; line-height:33px; border-bottom:1px solid #ddd; font-size:14px;}
.my_chp_list .noti_tit {display:block; width:100% font-size:14px; color:#4b4b4b;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis; white-space:nowrap;}
.my_chp_list .mypoint { display:table; width:100%; }
.my_chp_list .mypoint span {display:table-cell; padding:5px 0; vertical-align:middle; line-height:20px; }
.my_chp_list .mypoint .mydate2 { display:block; margin-top:-7px; margin-bottom:-7px; font-size:12px; color:#919191; letter-spacing:-1px; text-align:left; }
.my_chp_list .mypoint .mydate { width:15%; font-size:12px; color:#919191; letter-spacing:-1px; text-align:left;}
.my_chp_list .mypoint .mytit { width:50%; padding-left:5px; font-size:13px; color:#393939; text-align:left;}
.my_chp_list .mypoint .mytit2 { width:65%; padding-left:5px; font-size:13px; color:#393939; text-align:left;}
.my_chp_list .mypoint .mypo { width:25%;}
.my_chp_list .mypoint .mydel { width:10%; text-align:center; }
.my_chp_list .mypoint .mydel img{vertical-align:middle;}
.app_list { display:table; width:100%;padding-top:20px;}
.app_list span { display:table-cell; width:33%; text-align:center;}
.pb50 { padding-bottom:50px;}
.my_chp_list2 { margin-bottom:10px;}
.my_chp_list2 li { padding-left:8px; line-height:33px; border-bottom:1px solid #ddd; font-size:14px;}
.my_chp_list2 .noti_tit {display:block; width:100% font-size:14px; color:#4b4b4b;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis; white-space:nowrap;}
.my_chp_list2 .mypoint { display:block; position:relative; padding-right:38%; }
.my_chp_list2 .mypoint span { padding:0px 0; vertical-align:middle; line-height:20px; }
.my_chp_list2 .mypoint .mydate { position:absolute; width:20%; right:15%; top:0; line-height:30px; font-size:12px; color:#919191; letter-spacing:-1px; text-align:left; }
.my_chp_list2 .mypoint .mydate2 { display:block; margin-top:-7px; margin-bottom:3px; font-size:12px; color:#919191; letter-spacing:-1px; text-align:left; }
.my_chp_list2 .mypoint .mydate3 { position:absolute; width:50px; left:5px; top:0; line-height:30px; font-size:12px; color:#919191; letter-spacing:-1px; text-align:left; }
.my_chp_list2 .mypoint .mytit { display:block; width:100%;color:#393939; letter-spacing:-1px; text-align:left; font-size:13px; line-height:30px; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;}
.my_chp_list2 .mypoint .mytit2 { margin-left:50px; display:block; width:82%;color:#393939; letter-spacing:-1px; text-align:left; font-size:13px; line-height:30px; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;word-wrap:break-word;word-break:break-all;white-space:nowrap;}
.my_chp_list2 .mypoint .mypo { position:absolute; width:17%; right:15%; top:0; line-height:30px;}
.my_chp_list2 .mypoint .mydel { position:absolute; right:0; top:4px; width:10%; text-align:center; }
.my_chp_list2 .mypoint .mydel img{vertical-align:middle;}
.my_chp_list2 .mypoint .mybyte { position:absolute; width:10%; right:22%; top:0; line-height:30px; font-size:13px;}
.my_chp_list2 .mypoint .mypo2 { position:absolute; width:12%; right:8%; top:0; line-height:30px; font-size:13px;}

.top_nav_my { clear:both; margin-top:-2px; width:100%; display:table; border-top:1px solid #b45b01; background-color:#fff;}
.top_nav_my li { display:table-cell; padding-bottom:1px; height:31px; text-align:center; vertical-align:middle; background:url(/views/images/mfile/front/main/nav_bg.gif) 0 100% repeat-x; background-color:#ff9c34; font-size:13px;}
.top_nav_my li a { display:block; height:100%; color:#fff; line-height:31px; border-right:1px solid #e48221; font-size:13px; vertical-align:middle;text-shadow:1px 1px 1px #c17c31;}
.top_nav_my .tab_on { background-color:#ffffff; border-bottom:0; background:none;}
.top_nav_my .tab_on a { color:#000000;text-shadow:1px 1px 1px #ccc;}
.my_rt { padding:15px 10px 10px 20px; color:#888888; font-size:13px;}
.my_tb { width:100%; border:1px solid #cccccc; border-top:2px solid #cccccc; border-collapse:collapse; font-size:13px;}
.my_tb a { padding-left:5px; color:#404040;}
.my_tb th { padding:10px 0 8px; border:1px solid #cccccc; color:#636363; background-color:#f5f5f5; font-weight:100;}
.my_tb td { padding:10px 0 8px; border-bottom:1px solid #cccccc; text-align:center; color:#404040;}
.my_btn { display:inline-block; padding:7px 4px 5px; border:1px solid #bcbcbc; background-color:#fbfbfb; color:#454545; font-size:12px; vertical-align:middle;}
.my_btn_area { float:right; margin-top:-8px;}
.over_hide { display:inline-block; height:16px; line-height:16px; overflow:hidden;}
.my_status_area { padding:30px 0; text-align:center; color:#656565; line-height:20px;}
.my_status1 { display:inline-block; margin-bottom:7px; width:100px; padding:5px 0; border:1px solid #b5d099; border-radius:3px; background:-webkit-gradient(linear, left top, left bottom, from(#4a9f03), to(#9de02e)); filter:progid:DXImageTransform.Microsoft.gradient (startColorStr=#4a9f03, endColorStr=#9de02e);background: -moz-linear-gradient(top, #4a9f03, #9de02e); color:#ffffff; font-size:13px; font-weight:bold; text-align:center; vertical-align:middle; line-height:14px;}
.my_status2 { display:inline-block; margin-bottom:7px; width:100px; padding:5px 0; border:1px solid #b7706b; border-radius:3px; background:-webkit-gradient(linear, left top, left bottom, from(#dc1f10), to(#f49773)); filter:progid:DXImageTransform.Microsoft.gradient (startColorStr=#dc1f10, endColorStr=#f49773);background: -moz-linear-gradient(top, #dc1f10, #f49773); color:#ffffff; font-size:13px; font-weight:bold; text-align:center; vertical-align:middle; line-height:14px;}

.my_ch_user { padding:20px 30px;}
.my_ch_user strong {line-height:35px; font-size:16px; vertical-align:middle;}
.my_tit { display:inline-block; padding-left:10px; line-height:35px; vertical-align:middle; background:url(/views/images/mfile/front/ico/arrow3_l.gif) 0 50% no-repeat; font-size:14px; color:#515151; font-weight:bold;}
.my_ch_area { padding:30px; border-top:1px solid #dfe1e3; background-color:#f8f8f8;}
.my_ch_point { display:table; margin-bottom:30px; width:100%;}
.my_ch_point .td { display:table-cell; width:33%; text-align:center;}
.my_ch_point span { display:block; padding-top:5px; font-weight:bold; font-family:Arial; font-size:18px;}
.my_ch_date { display:table; width:100%;}
.my_ch_date .tit { display:table-cell; width:33%; text-align:center; vertical-align:top;}
.my_ch_date .info { display:table-cell; padding-top:5px; line-height:22px; vertical-align:top; font-size:12px;}
/* community */
.comm_nav { display:block; width:100%; border-bottom:2px solid #ae610c; background-color:#fff;}
.bg_comm {background-color:#e3e2ce !important;}
.comm_nav li { display:inline-block; padding:0 15px; height:35px; line-height:35px; text-align:center;}
.comm_nav li a{ font-size:14px;}
.comm_nav .tab_on a{ font-weight:bold;}
.talk_area_td { padding-left:0px;}
.talk_add { float:left; padding-top:5px; width:50px; text-align:center;}
.talk_area {margin-bottom:5px; padding:5px 0 3px;border:1px solid #c1c1c1;border-radius:5px;text-align:center; background-color:#fff;}
.talk_area textarea {width:97%; padding:10px 0 5px; height:25px;font-size:16px;border:0;color:#999;-webkit-appearance:none;}
.talk_form { padding:10px; background:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#d4d4d4)); background:-moz-linear-gradient(top, #f7f7f7, #d4d4d4); border-bottom:1px solid #929292;}
.talk_btn { clear:both; padding-right:0px; text-align:right;}
.talk_btn button { padding:1px 8px 0; height:25px; border-radius:3px; border:1px solid #bcbcbc;background-color:#f1f1f1; vertical-align:middle;}
.talk_img_tit { position:relative; margin-bottom:5px; padding:7px; font-size:13px; text-align:left; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#797979; background-color:#fff}
.post_area { padding:10px; border-bottom:1px solid #d1d1d1;}
.talk { float:left; width:100%}
.talk_r { float:right; width:19%; text-align:center;}
.talk_r span { display:block; padding:15px 0px 5px; font-weight:bold; color:#797979;}
.talk_r a { display:block;}
.talk_user { padding-left:5px; font-size:14px; color:#48688f; font-size:13px;}
.talk_user2 { display:inline-block; padding-left:5px; font-size:13px; font-size:13px;}
.talk_ico { float:left; width:50px; padding-top:3px; text-align:center;}
.talk_ico2 { float:right; width:27px; padding-top:18px; text-align:center; cursor:pointer;}
.talk_post { float:left; width:75%; min-height:50px; padding:5px 0 0 5px; font-size:15px; line-height:18px;}
.talk_comment { clear:both;}
.date { display:inline-block;padding-left:15px; font-size:12px; color:#999999;}
.talk_comment .date { padding-left:5px;}
.reply { display:inline-block; margin-left:7px; font-size:12px;}
.reply a { color:#ff0101;}
.talk_wt { float:left; padding-top:3px; padding-left:5px; font-size:15px; color:#545354;}
.talk_wt button { margin-bottom:5px;border-radius:3px;}
.tt_btn {  padding:9px 0 7px; font-size:14px; border:1px solid #bcbcbc;background-color:#f1f1f1; vertical-align:middle; cursor:pointer;}
.radius { border-radius:3px;}
.photoview { margin-top:10px; margin-left:11%; padding:0.5em; width:75%; border:1px solid #c1c1c1;border-radius:5px;background-color:#fff;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;}
.photoview img{width:100%;vertical-align:top;}
.photoview2 { margin-top:10px; margin-left:11%; padding:0.5em; width:75%; border:0;background-color:#fff;}
.photoview2 img{width:100%;vertical-align:top;}
.pd_h10 { padding:10px 0;}
.post_re { margin:5px -10px 0; padding-top:7px; padding-left:5px; height:25px; border-top:1px dashed #ddd;}
.post_re_l { float:left; padding-left:10px; padding-top:0px; color:#818181; vertical-align:middle;}
.post_re_l  strong{ vertical-align:middle;}
.post_re_l .btn_reply{ margin-right:2px; border-radius:3px; background:url(/views/images/mfile/front/community/reply.gif) 50% 50% no-repeat; text-indent:-999em; color:transparent;}
.post_re_l .btn_recom{ margin-right:2px; border-radius:3px; background:url(/views/images/mfile/front/community/reply2.gif) 50% 50% no-repeat; text-indent:-999em; color:transparent;}
.reply_area { clear:both; padding:10px;}
.reply_area2 { clear:both; margin:0 -10px; padding:10px 0;}
.reply_area .talk_area textarea { height:22px;} 
.reply_tit { margin:0 0 10px; border-top:2px solid #d4d4d4; background-color:#d4d4d4;}
.reply_tit span { display:inline-block; padding:10px 15%; background-color:#f8f8f8;}
.reply_st1 { margin-top:10px; padding:5px 10px 0 10px; border-top:1px dashed #d1d1d1;}
.reply_st2 { margin-top:10px; padding:5px 10px 0 25px; border-top:1px dashed #d1d1d1;}
.reply_st3 { display:table; padding-top:10px; padding-bottom:10px; width:100%; border-bottom:1px solid #ddd;}
.reply_st3 .user { display:table-cell; padding-left:10px; padding-right:5px; width:95px;color:#649520; font-size:15px; font-weight:bold;}
.reply_st3 .date { padding-left:0; padding-top:5px;  font-size:12px; color:#999999;}
.reply_st3 .post { display:table-cell; padding-right:10px;font-size:15px; }
.reply_st4 { display:table; padding-top:10px; padding-bottom:10px; width:100%; border-bottom:1px solid #ddd;}
.reply_st4 .user { display:table-cell; padding-left:25px; padding-right:5px; width:95px;color:#649520; font-size:15px; font-weight:bold; background:url(/views/images/mfile/front/community/reply_re.gif) 10px 2px no-repeat;}
.reply_st4 .date { padding-left:0; padding-top:5px;  font-size:12px; color:#999999;}
.reply_st4 .post { display:table-cell; padding-right:10px;font-size:15px; }
.reply_form { padding:10px 10px 0;}
.reply_form2 { padding:10px 10px 10px; background-color:#d4d4d4;}
.reply_form2 .talk_area { border:1px solid #649520}
.comm_list_area { position:relative; padding:0; border-bottom:1px solid #ddd;}
.comm_list_tit { display:table; width:100%; list-style:none; padding-top:4px;; line-height:30px; background-color:#f2f2f2; color:#888; font-size:13px; font-weight:bold; border-top:1px solid #dddddd; vertical-align:middle;}
.comm_list_tit span { display:table-cell;}
.comm_list_tit .tilk { padding-right:10px; text-align:right; width:100px; font-weight:100; }
.comm_list_tit .tilk2 { padding-right:10px; text-align:right; width:100px; font-weight:100; }
.comm_list_tit .tt { text-align:left; padding-left:10px; color:#000; font-size:16px;}
.comm_list_tit a { display:block; color:#000; vertical-align:middle;}
.comm_list .re { display:inline-block; font-size:13px; color:#cc6600; line-height:30px; vertical-align:middle;}
.comm_list .img { display:inline-block; height:18px;vertical-align:middle;}
.comm_list { margin-bottom:5px; font-size:13px; background-color:#fff; }
.comm_list .tit { display:inline-block; max-width:80%; line-height:30px; vertical-align:middle;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;}
.comm_list li { padding-left:10px; border-top:1px solid #ddd;}
.comm_list li a { display:block; padding-top:3px; color:#333333; overflow:hidden;vertical-align:middle;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;}
.comm_list li b {vertical-align:middle;}
.comm_list_tit .tilk2 a{ display:inline-block; padding:0 10px; margin-top:1px; height:22px; line-height:24px; font-size:13px; border:1px solid #bcbcbc;background-color:#fff; color:#ef6a08; font-weight:bold; vertical-align:top; cursor:pointer; text-align:center}
.comm_hmenu { position:absolute; left:4px; top:34px; width:90px; background-color:#f0f0f0; border:1px solid #ddd; text-align:center; z-index:1000000000000000;}
.comm_hmenu_list { margin:5px auto; width:78px; background-color:#ffffff; }
.comm_hmenu_list li { padding-top:3px; list-style:none; font-size:14px; border-bottom:1px dashed #f0f0f0;}
.comm_hmenu_list li a { display:block; line-height:25px; color:#888;}
.comm_list_det li { display:table; width:100%; border-top:1px solid #ddd;}
.comm_list_det .re { font-size:13px; color:#cc6600; line-height:16px; vertical-align:middle;}
.comm_list_det .img { display:inline-block; margin-top:-2px; height:16px; vertical-align:middle;}
.comm_list_det .user { padding-left:10px; font-size:12px; color:#48688f;}
.comm_list_det .count { font-size:12px; color:#48688f; letter-spacing:-1px;}
.comm_list_det .det_bt { padding-left:10px;}
.comm_list_det strong { display:block; padding:10px 0 5px 10px; font-weight:; font-size:15px; word-break:break-word;}
.comm_list_det_left { display:table-cell; padding:10px 0 7px; width:126px; text-align:center; vertical-align:middle;}
.comm_list_det_right { display:table-cell; vertical-align:middle;}
.comm_list_det_right a { font-size:15px; color:#666; line-height:16px; vertical-align:middle; overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;}
.comm_list_det_left img { border:1px solid #dddddd;}
.comm_bar {font-size:12px; color:#9e9e9e; vertical-align:middle;}
.pd_l10 { padding-left:10px;}
.pd_r10 { padding-right:10px;}
.pd_10s5 { padding:5px 10px;}
.f_srch_op2 { display:table-cell; padding:0 6px; width:55px; text-align:right; }
.f_srch_sel { display:table-cell; width:20%; padding-left:5px;}
.f_srch_sel select { margin-left:4px; padding-top:2px; width:100%; height:30px; padding-left:5px;border-radius:0;border:1px solid #cecece;background:#fff;-webkit-appearance:none; vertical-align:middle; font-size:13px; background:url(/views/images/mfile/front/ico/arrow_d.gif) 90% 50% no-repeat;}
.pd_b10 { padding-bottom:10px;}
.comm_view { margin-top:-1px;}
.comm_view .view_cont {text-align:left;}

.det_bt { height:30px; padding-top:5px; font-size:13px; color:#666;}
.det_bt a { display:inline; padding:0; font-size:13px; color:#666;}
.view_re { margin:20px 0 -10px; padding:15px 10px 15px 10px; text-align:right; border-top:1px solid #ddd;}
.view_re .face { display:inline-block; margin-right:10px; vertical-align:middle;}
.comm_view_bt { padding:10px; border-top:1px solid #ddd;}
.comm_view_nav { margin-bottom:10px;}
.comm_view_nav li { padding-left:10px; font-size:13px; list-style:none;}
.comm_view_nav li a { display:block; padding:5px; color:#4b4b4b;}
.comm_view_nav .up { background:url(/views/images/mfile/front/ico/arrow_u.gif) 3px 50% no-repeat; font-size:14px;}
.comm_view_nav .down { background:url(/views/images/mfile/front/ico/arrow_d.gif) 3px 50% no-repeat; font-size:14px;}
.comm_view_nav2 { display:table; width:100%; border:1px solid #ddd; border-radius:5px;}
.comm_view_nav2 li { display:table-cell;}
.comm_view_nav2 span{ display:inline-block; color:#e3e3e3; padding-top:10px;}
.comm_view_nav2 a { display:block; padding:8px 0 7px; text-align:center; font-size:13px; color:#4b4b4b;}
.talk_img_btn { position:absolute; right:0px; top:1px;}
.talk_img_btn button { padding:1px 5px 0; height:20px; border:1px solid #bcbcbc;background-color:#f1f1f1; vertical-align:middle;}
.comm_write { padding:10px; background-color:#e9e9e9;}
.comm_write_area { margin:10px auto; padding:5px 0 3px;border:1px solid #c1c1c1;border-radius:5px;text-align:center; background-color:#fff; }
.comm_write_area textarea { width:97%;height:120px;border:0;color:#000;-webkit-appearance:none;font-size:15px;}
.comm_write_bt { display:table; width:100%;}
.comm_write_bt span{ display:table-cell;}
.pd_b5 { padding-bottom:5px;}
.pd5 { margin-top:-35px;padding:10px 5px 15px 10px;}
.comm_crt { padding:2px 0 5px 10px; font-size:13px; color:#4b4b4b; }
.notice_area { padding:0 0 10px;}
.notice_area h2 { padding:0 0 3px 10px; font-size:14px; line-height:20px; border-bottom:2px solid #999999;}
.notice_list { margin-bottom:10px;}
.notice_list li { line-height:33px; border-bottom:1px solid #ddd; font-size:14px;}
.notice_list li a { position:relative; display:block; padding:0 65px 0 5px; }
.notice_list .noti_tit {display:block; width:100%; font-size:14px; color:#4b4b4b;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis; white-space:nowrap;}
.notice_list .noti_date { position:absolute; right:0px; top:0; width:60px; color:#727272; font-size:12px;}
.notice_view { padding:10px; font-size:13px; background-color:#eaeaea; line-height:20px;  color:#4b4b4b;}
.btn_cs_w { display:inline-block; padding:0 10px; margin:6px 6px 0 0; height:24px; line-height:24px; font-size:13px; border:1px solid #bcbcbc;background-color:#fff; color:#ef6a08; font-weight:bold; vertical-align:middle; cursor:pointer; text-align:center}
.cs_tab { display:table; width:100%; background-color:#f6f9fb; border-top:2px solid #727272;}
.cs_tab span { display:table-cell; width:50%; height:32px; vertical-align:middle; text-align:center; border-right:1px solid #cfd5db; font-size:14px;}
.cs_tab .tab_on { border-bottom:0; background-color:#ffffff;}
.cs_tab .tab_off { border-bottom:1px solid #cfd5db; background-color:#f6f9fb;}
.nothing { text-align:center; padding:40px 0}
.wrt_sel_area2 { display:table; width:100%;}
.wrt_sel2 { display:block; padding:0 5px 10px 0;}
.wrt_sel2 select{  padding-top:2px; width:155px; height:28px; font-size:15px; padding-left:5px;border-radius:5px;border:1px solid #b6b6b6;-webkit-appearance:none; vertical-align:middle; font-size:15px; background:url(/views/images/mfile/front/ico/arrow_d.gif) 90% 50% no-repeat;background-color:#fff;}
.wrt_inp2 { display:block; }
.wrt_af { padding:40px 0; text-align:center;}
.wrt_af p{ padding:10px 0 20px; font-size:14px;}
.ch_tab { display:table; width:100%; background-color:#f6f9fb; border-top:2px solid #727272;}
.ch_tab span { display:table-cell; width:33%; height:32px; vertical-align:middle; text-align:center; border-right:1px solid #cfd5db; font-size:14px;}
.ch_tab .tab_on { border-bottom:0; background-color:#ffffff;}
.ch_tab .tab_off { border-bottom:1px solid #cfd5db; background-color:#f6f9fb;}
.cust_list li { display:block; border-bottom:1px solid #ddd; font-size:14px; line-height:33px; }
.cust_tb { display:table; width:100%; padding:0; margin:0;}
.cust_tb .cust_date { display:inline-block; width:50px; padding-left:5px; padding-top:0;  font-size:12px; color:#999999;  letter-spacing:-1px; vertical-align:middle;}
.cust_tb .cust_tit { display:inline-block; width:50%; vertical-align:middle; }
.cust_tb .cust_ing { float:right; padding:2px 5px 0 0 ; display:inline-block; width:70px; vertical-align:middle; text-align:right;}
.cust_tb .cust_tit a { display:block; width:100%; overflow:hidden;word-wrap:break-word;text-overflow:ellipsis; white-space:nowrap;}
.cust_view { display:block;padding:10px; font-size:13px; background-color:#eaeaea; line-height:20px;  color:#4b4b4b;}
.cust_view a { font-size:12px;}
.cust_view_re { padding-top:8px; border-top:1px dotted #bcbcbc;}
.ch_tab2 { display:table; width:100%; background-color:#f6f9fb; border-top:2px solid #727272;}
.ch_tab2 span { display:table-cell; width:25%; height:32px; vertical-align:middle; text-align:center; border-right:1px solid #cfd5db; font-size:14px;}
.ch_tab2 .tab_on { border-bottom:0; background-color:#ffffff;}
.ch_tab2 .tab_off { border-bottom:1px solid #cfd5db; background-color:#f6f9fb;}
.ch_tab2 a.point { display:inline-block; padding:2px 0 2px 22px; background:url(/views/images/jjangfile/front/charge/ico_point_s.gif) 0 1px no-repeat;} 

.notice_list .noti1 { padding-left:35px; background:url(/views/images/mfile/front/community/noti_info1.gif) 10px 50% no-repeat; background-color:#f2f2f2; font-weight:bold;}
.notice_list .noti2 { padding-left:35px; background:url(/views/images/mfile/front/community/noti_info2.gif) 10px 50% no-repeat; background-color:#f2f2f2; font-weight:bold;}
.bg_e9 { background-color:#e9e9e9;}
.wrt_sel_area { display:table; width:100%;}
.wrt_sel { display:table-cell; width:85px; padding-right:5px;}
.wrt_sel select{  padding-top:2px; width:100%; height:28px; font-size:15px; padding-left:5px;border-radius:5px;border:1px solid #b6b6b6;-webkit-appearance:none; vertical-align:middle; font-size:15px; background:url(/views/images/mfile/front/ico/arrow_d.gif) 90% 50% no-repeat;background-color:#fff;}
.wrt_inp { display:table-cell;}
.area_19 {padding:5px 10px 5px 67px; min-height:50px;background:url(/views/images/mfile/front/ico/img_adult01.gif) 10px 50% no-repeat; color:#787878;font-size:13px;}
.area_name {padding:5px 10px 5px 10px; color:#787878;font-size:13px;}
.pd_b10 .lbtn {background-color:#fff;}

/* ¿ä±ÝÃæÀü Ãß°¡ */
.charge_area { padding:10px; background-color:#ffffff;}
.col_gra { color:#9a9a9a}
.font19 { font-size:19px;}
.font17 { font-size:17px;}
.font11 { font-size:11px;}
.font_sp { letter-spacing:-1px;}
.strike { text-decoration:line-through; }
.charge_area:after { content:""; display:block; clear:both; }
.charge_area h2 { font-weight:normal; font-size:12px; margin-bottom:8px;}
.charge_type { margin-bottom:8px; padding-left:5px; color:#686868; font-size:12px; background-color:#e7e7e7; line-height:25px;}
.charge_list_ty1 { padding-left:5px; padding-right:2px; margin-bottom:10px;}
.charge_list_ty1 li { display:table; position:relative; width:100%; height:72px;  list-style-type:none; margin-bottom:7px;}
.charge_list_ty1 .ch_st1 { display:table-cell; padding:2px 0 0 12px; width:45%;background-color:#63b7e1; border:1px solid #4ea5d1; border-radius:5px 0 0 5px; vertical-align:middle; font-size:16px; line-height:18px; color:#ffffff; text-shadow:0px 0px 2px #32819f;}
.charge_list_ty1 .ch_st1 strong { color:#fff600;}
.ch_st2 { display:table-cell; width:35px; padding-top:20px; border:1px solid #d2d2d2; border-left:0; vertical-align:middle; text-align:center; color:#ababab; font-size:14px; background-color:#fafafa;}
.ch_st2_nop { display:table-cell; width:35px; border:1px solid #d2d2d2; border-left:0; vertical-align:middle; text-align:center; color:#ababab; font-size:14px; background-color:#fafafa;}
.ch_st2 strong { color:#646464; font-size:22px;}
.ch_st2_nop strong { color:#646464; font-size:22px;}
.ch_st3 { display:table-cell; width:20%; border:1px solid #434b60; border-radius:0 5px 5px 0; background:-webkit-gradient(linear, right top, left bottom, from(#818694), to(#434b60)); vertical-align:middle; text-align:center; font-size:14px; color:#ffffff;}
.charge_list_ty2 { padding-left:5px; padding-right:2px; margin-bottom:10px;}
.charge_list_ty2 li { display:table; position:relative; width:100%; height:72px;  list-style-type:none; margin-bottom:7px;}
.charge_list_ty2 .ch_st1 { display:table-cell; padding:2px 0 0 12px; width:45%;background-color:#9c88d7; border:1px solid #8b75cc; border-radius:5px 0 0 5px; vertical-align:middle; font-size:16px; line-height:18px; color:#ffffff; text-shadow:0px 0px 2px #8b75cc;}
.charge_list_ty2 .ch_st1 strong { color:#fff600;}
.charge_list_ty3 { padding-left:5px; padding-right:2px; margin-bottom:10px;}
.charge_list_ty3 li { display:table; position:relative; width:100%; height:72px;  list-style-type:none; margin-bottom:7px;}
.charge_list_ty3 .ch_st1 { display:table-cell; padding:2px 0 0 12px; width:45%;background-color:#768ceb; border:1px solid #4d75e5; border-radius:5px 0 0 5px; vertical-align:middle; font-size:16px; line-height:18px; color:#ffffff; text-shadow:0px 0px 2px #4d75e5;}
.charge_list_ty3 .ch_st1 strong { color:#fff600;}
.ch_tag { position:absolute; padding-top:1px; left:45%; top:1px; margin-left:-9px; width:28px; height:28px; background-color:#bababa; outline:1px solid #b3b3b3; border:1px solid #c5c5c5; text-shadow:0 0 2px #8d8d8d; font-size:12px; text-align:center; line-height:13px; color:#ffffff; font-weight:bold;}
.ch_tag3 { position:absolute; padding-top:1px; left:45%; top:1px; margin-left:-15px; width:28px; height:28px; background-color:#bababa; outline:1px solid #b3b3b3; border:1px solid #c5c5c5; text-shadow:0 0 2px #8d8d8d; font-size:12px; text-align:center; line-height:13px; color:#ffffff; font-weight:bold;}
.ch_tag2 { position:absolute; padding-top:2px; left:45%; top:4px; margin-left:-18px; width:85px; height:16px; background-color:#f184b2; outline:1px solid #f068a1; border:1px solid #f398bf; text-shadow:0 0 2px #b74e7a; font-size:12px; text-align:center; line-height:14px; color:#ffffff; font-weight:bold;}
.ch_tag2_1 { position:absolute; padding-top:2px; left:45%; top:4px; margin-left:-18px; width:95px; height:16px; background-color:#f184b2; outline:1px solid #f068a1; border:1px solid #f398bf; text-shadow:0 0 2px #b74e7a; font-size:12px; text-align:center; line-height:14px; color:#ffffff; font-weight:bold;}
.ch_tag2_2 { position:absolute; padding-top:2px; left:39%; top:4px; margin-left:-16px; width:60px; height:16px; background-color:#f184b2; outline:1px solid #f068a1; border:1px solid #f398bf; text-shadow:0 0 2px #b74e7a; font-size:12px; text-align:center; line-height:14px; color:#ffffff; font-weight:bold;}
.ch_crt { padding:7px 10px; border:3px solid #d8d8d8; font-size:12px; line-height:16px;}
.ch_crt2 { padding:10px 0; text-align:center; font-size:13px; line-height:18px; color:#656565;}
.ch_tit2 { margin-bottom:5px; padding-left:5px; color:#686868; font-weight:bold; font-size:13px;}
.ch_det_box { padding:15px; background:#f2f2f6; border:1px solid #ebebeb;}
.ch_det { width:100%; border:1px solid #dcdcdc; border-collapse:collapse; background-color:#ffffff;}
.ch_det th { padding:7px 10px 5px; width:30%; border:1px solid #dcdcdc; font-weight:normal; vertical-align:top; text-align:left; font-size:12px; color:#656565;}
.ch_det td { padding:7px 10px 5px; border:1px solid #dcdcdc; font-size:12px; vertical-align:top; color:#13131; line-height:17px;}
.ch_font { color:#ff5400; font-size:15px;}
.ch_check { padding-top:10px; border-top:1px solid #dcdcdc; text-align:center; font-size:13px; color:#656565;}
.ch_check input { vertical-align:text-bottom; margin-top:-3px;}
.ch_check label { vertical-align:middle;}
.input_ck { vertical-align:text-bottom; margin-top:-3px;}
.ch_ph2 { padding:10px 0 10px;border-top:1px solid #e5e5e5;}
.ch_ph2 li { display:table; width:100%; font-size:12px;}
.ch_ph_tit2 { display:table-cell; padding-left:5px; width:35%; font-size:12px; vertical-align:middle; line-height:20px;background:url(/views/images/mfile/front/ico/dot2.gif) 0px 50% no-repeat;color:#595959; font-size:12px; font-weight:normal;}
.ch_ph_ipt2 { display:table-cell; font-size:13px; vertical-align:middle; line-height:30px;}
.ch_ph_ipt2 input { padding:3px 0 0 3px !important; height:17px !important; line-height:15px !important;}
.ch_ph_ipt2 select { padding:3px 0 0 3px !important; height:22px !important; line-height:15px !important;}
.ch_ph_ipt2 span { vertical-align:middle;}
.ch_ph_ipt2 label { vertical-align:sub; padding:0 5px 0 3px;}
.ch_ph_ipt2 input[type=radio] { vertical-align:middle;}
.ch_ph_ipt2 select { line-height:28px; height:28px;}
.view_sel_ch { border-top:1px solid #ddd; padding:8px 0 10px; text-align:center; font-size:12px; color:#454545; background-color:#f0f0f0}
.pd_r20 { padding-right:20px;}
/* Ä«Å×°í¸® */
.top_cate { position:relative; display:block;padding:10px 0 4px; width:100%; height:36px; border-bottom:1px solid #8d8d8d;  text-align:center; background-color:#e5e5e5; font-size:14px;}
.top_cate_a1 { position:relative; display:inline-block; width:46%; padding-left:10px; vertical-align:middle; color:#231d15; text-align:left;}
.top_cate_a1 .cate_on { background:url(/views/images/mfile/front/ico/cate_arrow_u.gif) 100% 50% no-repeat; background-color:#ffffff;} 
.top_cate_a1 .cate_off { background:url(/views/images/mfile/front/ico/cate_arrow_d.gif) 100% 50% no-repeat; background-color:#ffffff;} 
.cate_sel { display:block; width:90%; padding:5px 0 5px 10px; border:1px solid #a9a9a9; border-radius:4px; }
.top_cate_a2 { position:relative; display:inline-block; width:46%; padding:0 0px 0 10px; vertical-align:middle; color:#231d15; text-align:left;}
.top_cate_a2 .cate_on { background:url(/views/images/mfile/front/ico/cate_arrow_u2.gif) 100% 50% no-repeat; background-color:#ffffff;} 
.top_cate_a2 .cate_off { background:url(/views/images/mfile/front/ico/cate_arrow_d2.gif) 100% 50% no-repeat; background-color:#ffffff;} 
.cate_list { position:absolute; top:24px; padding:0 1px; width:90%; background-color:#fff;  z-index:100}
.cate_list li { padding:5px 5px 0 5px; margin:0 -2px 0 -1px; border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; list-style:none; }
.cate_list a { display:block; padding:0 0 3px 5px; border-bottom:1px dotted #ddd;}
.cate_list_bottom { border-bottom:1px solid #a9a9a9; -webkit-border-bottom-left-radius:4px;  -webkit-border-bottom-right-radius:4px;}
.cate_list_bottom a { padding-bottom:4px; border:0;}
.cate_list_top { height:0px;}
.cate_list_on { margin-top:-20px; background-color:#eeeeee;}
.cate_list_on a { color:#e56200;}
.cate_back { position:absolute; left:0; top:48px; width:100%; height:300px; z-index:10}
#bnr_storage { margin-bottom:-4px;}

/* SNS °£Æí ȸ¿ø°¡ÀÔ 20170418 */
.snsJoin {margin:5px -5px 15px;*zoom:1}
.snsJoin:after {content:"";display:block;clear:both}
.snsJoin li {float:left;width:50%}
.snsJoin a {display:block;height:40px;font-size:0;margin:5px}
.snsJoin a:nth-child(2),
.snsJoin a:nth-child(4) {margin-right:0}
.snsJoin a.sj_btnNaver {border:1px solid #1bb400;background:#1ec800 url(/views/images/mfile/renewal/m_sns_naver_join.png) no-repeat;background-position:center;background-size:contain}
.snsJoin a.sj_btnKakao {border:1px solid #e1cf00;background:#fbe600 url(/views/images/mfile/renewal/m_sns_kakao_join.png) no-repeat;background-position:center;background-size:contain}
.snsJoin a.sj_btnFacebook {border:1px solid #486198;background:#506ca9 url(/views/images/mfile/renewal/m_sns_facebook_join.png) no-repeat;background-position:center;background-size:contain}
.snsJoin a.sj_btnGoogle {border:1px solid #c7584b;background:#de6253 url(/views/images/mfile/renewal/m_sns_google_join.png) no-repeat;background-position:center;background-size:contain}