@charset "utf-8";

@import url("font-awesome.css");
@import url("font-awesome.min.css");

/********************************************/
/************ 팝업 로그인 관련  *************/
/********************************************/


/* 20151013 일반팝업으로 변경 */
.z_popup_a_wrap {width:420px}
.z_popup_wrap {position:relative;height:100%; left:0; position:fixed; top:0; width: 100%; z-index: 9999;}
.z_popup_bg {background:rgba(0,0,0,0.6);height: 100%;left: 0; position: absolute; top: 0; width: 100%;}
.z_popup_box {margin:10px;background:#fafafa;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5);box-sizing: border-box;border-radius:4px;overflow:hidden;font-size:16px;width:400px;letter-spacing:-1px; line-height:22px; }
/* //20151013 일반팝업으로 변경 */

.z_popup_box_close_w {float:right;position:relative;display:block;margin-top:10px;padding:5px;width:30px;}
.z_popup_box_close_button {overflow:hidden;position:absolute;right:0px;bottom:0px;padding:3px 0 0 4px;width:34px;height:30px;line-height:28px;background:#d0d0d0;color:#fff;font-weight:bold;text-align:center;border-top-left-radius:30px;}
.z_popup_box_close_button:hover {background:#c3c3c3;color:#666}

.z_depthmn_box {overflow:hidden;background:#eff0f2;padding:20px 0px 10px;border-bottom:1px solid #d2d2d5;border-radius:3px}
.z_depthmn{display:table;background:none;width:100%;padding:5px 0 12px 0px;text-align:center;}
.z_depthmn_l{display:table-cell;vertical-align:top;width:50%;border-right:1px solid #d3d5d8}
.z_depthmn_a{display:block;padding:0px 10px;background:none;font-size:1.1em;font-weight:600;line-height:1.2;color:#666}
.z_depthmn_a:hover{display:block;padding:0px 10px;background:none;font-size:1.1em;font-weight:600;line-height:1.2;color:#369bec;font-weight:600}
.z_depthmn_on .z_depthmn_a{padding:0px 10px;background:none;color:#369bec;border-bottom:0px solid #369bec;font-weight:600}
.z_depthmn_l:first-child .z_depthmn_a{border-left:0px solid #eaeaea;}
.z_depthmn_l:last-child .z_depthmn_a{border-right:none}
.z_depthmn_l:first-child .z_depthmn_a:after{display:none}
.z_depthmn_l:last-child .z_depthmn_a:after{display:none;border:none}
.z_last {border-right:none}

.z_popup_box fieldset{position:relative}
.z_form {position:relative;text-align:center;padding:15px 20px 28px}
.z_form_2 {position:relative; background:#fff;text-align:center;padding:15px 20px 28px} /*20190621 포인트충전 팝업 bg 추가*/
.z_form_w {margin-right:2px;}
.z_form_t {width:100%}
.z_form_t td{position:relative;color:#777;text-align:center}
.z_ipt{font-family:"나눔고딕",NanumGothic,"돋움",Dotum,sans-serif;width:100%;text-indent:11px;height:48px;margin-bottom:5px;line-height:48px;background:#fff;border:1px solid #d6d6d6;color:#333;font-size:14px}
.z_select {font-family:"나눔고딕",NanumGothic,"돋움",Dotum,sans-serif;background:#fff none repeat scroll 0 0;padding-left:8px;width:100%;position:relative;height:50px;border:1px solid #d6d6d6;color:#888;font-size:14px;cursor:pointer;display:block}
.z_select-arr {position:absolute;right:-1px;top:1px;border-right:1px solid #d6d6d6;width:28px;height:48px;background:rgba(255,255,255,1) url("/img/btn/btn_arr3.gif") no-repeat scroll right top;overflow:hidden;pointer-events:none;}
::-webkit-input-placeholder {color: #888}
:-moz-placeholder {color: #888;opacity: 1}
:-ms-input-placeholder {color: #888}
.z_btn-login{display:inline-block;position:relative;top:10px;right:0px;width:360px;height:54px;margin-right:2px;line-height:54px;background:#369bec;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_btn-confirm {display:inline-block;position:relative;top:10px;right:0px;width:165px;height:46px;line-height:46px;background:#369bec;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}

.z_login_txt {position:relative;width:370px;padding:2px 0px 8px;margin:0px 15px;border-top:1px solid #dedfe2}
.z_login_txt ul {position:relative;width:100%;overflow:hidden;text-align:center}
.z_login_txt li {float:left;width:33%;overflow:hidden}
.z_login_txt li a {height:40px;line-height:41px;display:block;color:#666;font-size:13px;font-weight:bold}
.z_login_txt li a:after{float:right;height:14px;margin-top:14px;vertical-align:top;border-right:1px solid #d6d6d6;content:''}
.z_login_txt li a.lst:after{border-right:0}

.z_mem_txt {text-align:left;font-size:13px;color:#888}
.z_id_sch_txt {text-align:center;font-size:15px;color:#666;line-height:1.8em}
.z_id_txt {text-align:center;font-size:13px;color:#888}
.z_pw_sch_txt {text-align:left;font-size:14px;color:#666;line-height:1.8em}
.z_pw_sch_txt li {margin-bottom:5px}
.z_pw_sch_txt p {border-top:1px solid #ddd;margin-top:15px;padding:15px 0 10px; text-align:center}
.z_btn_certify {display:inline-block;width:106px;height:28px;line-height:27px;margin-left:15px;border:1px solid #ccc;font-size:14px;color:#000;text-align:center}
.z_btn_certify:hover {background:#369bec;color:#fff;border:1px solid #369bec}
.z_pw_setup_txt {text-align:center;font-size:14px;color:#666;line-height:1.8em}

/* 20180418 약관동의 수정 */
.z_joinus_box {position:relative;padding:15px 5px}
.z_joinus_txt{font-size:13px;color:#888;line-height:1.7em;text-align:left;font-family:"나눔고딕",NanumGothic,sans-serif}
.z_joinus_txt a {float:right;text-decoration:underline;color:#666}
.z_agree_chk {position:relative;top:5px;margin-right:8px}

.z_agree_all {position:relative;padding:20px 5px 5px; border-bottom:1px solid #ccc}
.z_agree_all_t {font-size:13px;color:#333;line-height:1.7em;text-align:left; font-weight:600;font-family:"나눔고딕",NanumGothic,sans-serif}
.z_agree_box {position:relative;padding:0px 5px}
/* //20180418 약관동의 수정 */



/********************************************/
/********* 팝업 요금충전 (6차전달)  *********/
/********************************************/

/* 20151013 요금충전 일반팝업으로 변경 */
.z_popup_b_wrap {width:570px}
.z_pop_point_box {margin:10px;background:#fafafa none repeat scroll 0 0;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.5);box-sizing:border-box;border-radius:4px;overflow:hidden;font-size:16px;width:550px;letter-spacing:-1px;line-height:22px; }
/* 20151013 요금충전 일반팝업으로 변경 */

/* 20151030 요금충전 타이틀 영역 수정 */
.z_pop_po_tit_box {overflow:hidden;background:#eff0f2;padding:14px 20px;border-bottom:1px solid #d2d2d5;border-radius:3px}
.z_pop_po_tit {display:block;background:none;font-size:1.1em;font-weight:600;line-height:1;color:#666}
/* //20151030 요금충전 타이틀 영역 수정 */

.z_p_my_point {float:left;display:inline-block;padding:6px 20px;margin-bottom:10px;border:2px dashed #d2d2d2;border-radius:5px;color:#555;font-size:15px;font-weight:600;text-align:left;vertical-align:top}
.z_p_my_txt {clear:both;display:block;text-align:left;font-size:13px;color:#888}

.z_p_tbl {border-top:1px solid #d2d2d2;width:100%}
.z_p_tbl tr {background-color:#ffffff}
.z_p_tbl th {height:34px;background:#f1f1f1;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;font-size:14px;color:#333;text-align:center}
.z_p_tbl td {height:34px;padding-right:8px;text-align:right;line-height:1.7em;color:#666;font-size:13px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
th.z_tbl_noline {border-right:none}
td.z_tbl_noline {border-right:none}
th.center {text-align:center;padding:0}
td.center {text-align:center;padding:0}
.z_p_tbl td.rightbl{text-align:right;padding-right:8px}
.z_p_tbl td input {border:1px solid #888}
.z_p_tbl tr.tableOn {background-color:#f0f0f0;font-weight:bold}
.z_p_tbl_txt {text-align:right;font-size:13px;color:#888}
.z_radio_type {position:relative;top:1px;width:14px;height:14px}
.z_radio_type2 {position:relative;top:1px;width:12px;height:12px}

.z_pay_box {position:relative;display:block;text-align:left}
.z_pay_tit {padding:5px 0 10px;border-bottom:1px solid #e1e1e1;text-align:left;font-size:15px;color:#333}
.z_pay_way {padding:5px 0 0 16px;}
.z_pay_way li {display:inline-block;width:118px;font-size:13px;color:#666; vertical-align:middle} /*20190621 결제수단선택영역 변경*/
.z_pay_way li {display:inline-block;width:118px;font-size:13px;color:#666}
.z_btn_charge {display:inline-block;position:relative;top:10px;right:0px;width:200px;height:48px;margin-right:10px;line-height:45px;background:#369bec;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_btn_close {display:inline-block;position:relative;top:10px;right:0px;width:200px;height:48px;line-height:45px;background:#afafaf;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_btn_charge:hover {display:inline-block;position:relative;top:10px;right:0px;width:200px;height:48px;margin-right:10px;line-height:45px;background:#177ccd;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_btn_close:hover {display:inline-block;position:relative;top:10px;right:0px;width:200px;height:48px;line-height:45px;background:#808080;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_p_c_txt {text-align:left;font-size:12px;color:#888;line-height:1.4em}
.z_p_pay_txt {display:block;margin:10px 8px;padding:6px 10px;border:1px dashed #d2d2d2;border-radius:5px;color:#555;font-size:12px;font-weight:normal;line-height:1.6em;text-align:left;vertical-align:top}

/*20190621 포인트충전 탭메뉴 추가*/
.zn_topmn{display:table;width:100%;font-family:"나눔고딕",NanumGothic,"돋움",Dotum,sans-serif;text-align:center;}
.zn_topmn_box {display:table;font-family:"나눔고딕",NanumGothic,"돋움",Dotum,sans-serif;border:1px solid #dedfe2; border-bottom:none;text-align:center;}
.zn_topmn_l {display:table-cell;vertical-align:top;width:50%;border-right:0px solid #eee}
.zn_topmn_a{display:block;padding:12px 0px 11px;background:#f9f9f9;font-size:15px;font-weight:600;line-height:1.2;color:#777;border:1px solid #dedfe2;border-bottom:2px solid #369bec}
.zn_topmn_a:hover{display:block;padding:12px 0px 11px;background:#fafafa;font-size:15px;font-weight:600;line-height:1.2;color:#369bec;font-weight:bold}
.zn_topmn_on .zn_topmn_a{padding:12px 0px;font-family:"나눔고딕",NanumGothic,"돋움",Dotum,sans-serif;background:#fff;color:#369bec;border:2px solid #369bec;border-bottom:none;font-weight:bold}
.zn_topmn_l:first-child .zn_topmn_a{}
.zn_topmn_l:last-child .zn_topmn_a{}
.zn_topmn_l:first-child .zn_topmn_a:after{display:none}
.zn_topmn_l:last-child .zn_topmn_a:after{display:none;}
/*//20190621 포인트충전 탭메뉴 추가*/


/* 20151117 팝업 만화정액권구매 */
.z_btn_fix_box {margin:0 auto;width:550px;text-align:center} 
.z_btn_fix_box li {display:inline-block;background:none;padding:10px 5px 0px}
.z_btn_fix_box li a:hover {display:inline-block;background:#d6e9f8}
.z_btn_fix {display:inline-block;position:relative;top:10px;right:0px;padding:7px 0px;width:105px;margin:5px 8px 0;line-height:18px;background:#fff;color:#369bec;font-size:13px;font-weight:normal;text-align:center;border:4px solid #dce0e3}
.z_btn_fix_tit {font-size:16px;font-weight:800;color:#1d84d6}
.z_btn_fix_pay {display:inline-block;position:relative;padding:15px 0px 5px;width:105px;margin-right:10px;line-height:20px;background:none;color:#000;font-size:14px;font-weight:600;text-align:center}
.z_btn_fix_txt {padding:8px 8px 8px 14px;margin:0 20px;text-align:left;font-size:12px;color:#888;line-height:1.4em; border:1px solid #dce0e3}
/* //20151117 팝업 만화정액권구매 */

/*20160119 팝업 스크롤 활성화로 인한 css 수정*/
.z_popup_wrap_popup {position:relative;}
.z_popup_bg_popup {background:#666;}
/*//20160119 팝업 스크롤 활성화로 인한 css 수정*/


/* 20160705 네이버, 페이스북 로그인 중앙정렬 수정 */
.z_login_form {position:relative;text-align:left;padding:0px 20px 28px}
.z_login_f_box {margin:0 2px 6px 0;}
.z_login_f_box img {float:left;margin-top:2px;padding-left:10px;width:30px;border:none;vertical-align:middle}
.z_login_naver {display:inline-block;position:relative;top:10px;right:0px;width:320px;padding-right:40px;height:34px;margin-right:2px;line-height:34px;background:#1dc800;border-radius:2px;text-align:center;color:#fff;font-size:14px;font-weight:normal;}
.z_login_face {display:inline-block;position:relative;top:10px;right:0px;width:320px;padding-right:40px;height:34px;margin-right:2px;line-height:34px;background:#4f649b;border-radius:2px;text-align:center;color:#fff;font-size:14px;font-weight:normal;}
/* //20160705 네이버, 페이스북 로그인 중앙정렬 수정 */


/* 20161107 네이버, 페이스북, 구글 로그인 영역 수정 */
.z_login_form2 {position:relative;text-align:center;padding:0px 20px 30px;overflow:hidden;}
.z_login_form_tit2 {position:relative;text-align:center;font-size:14px;color:#333;margin:10px 0 10px 5px;letter-spacing:-0.3px;}
.z_login_f_box2 {width:31.5%;height:65px;display:inline-block;border:1px solid #cdcdcd;border-radius:8px;}
.z_login_f_box2 img {text-align:center;padding-left:10px;padding-right:10px;width:28px;border:none;vertical-align:middle}
.z_login_f_box2 a{display:block;height:55px;width:100%;padding-top:10px;}
.z_login_naver2 {display:block;text-align:center;font-size:12px;}
.z_login_naver2 em{display:block;color:#666;padding-top:1px;font-weight:600;}
.z_login_face2 {display:inline-block;text-align:center;font-size:12px;}
.z_login_face2 em{display:block;color:#666;padding-top:1px;font-weight:600;}
.z_login_goo2 {display:inline-block;text-align:center;font-size:12px;}
.z_login_goo2 em{display:block;color:#666;padding-top:1px;font-weight:600;}
/*// 20161107 네이버, 페이스북, 구글 로그인 영역 수정 */

/*20200721 휴면계정관련*/
.pop_dor_txt {font-size: 13px}
.pop_dor_txt2 {display:inline-block;background: #f8f8f8;font-size: 1.25em;padding:15px;color:#888;margin: 15px 15px;border:1px solid #f2f2f2}
.pop_dor_txt3 {display:inline-block;color: #222;font-weight: 700; font-size: 15px;}
.z_btn_dormant {display:inline-block;position:relative;top:0px;right:0px;width:185px;height:48px;line-height:45px;background:#369bec;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
.z_btn_close2 {display:inline-block;position:relative;top:0px;right:0px;width:185px;height:48px;line-height:45px;background:#afafaf;border-radius:4px;color:#fff;font-size:16px;font-weight:700;}
/*//20200721 휴면계정관련*/