@charset "utf-8";

/* faq */
.wrap_faq {position: relative; width: 100%; padding:0 0 15px 0}
.wrap_faq h3 {color: #4661a4; font-size: 15px;letter-spacing: -1px;padding: 5px 12px 2px; border-bottom: 1px solid #d6d6d7}
.at_lst {display: block;overflow: hidden;}
.at_lst li {border-bottom: 1px solid #d6d6d7; color:#040404; display: block;font-size: 14px; line-height:18px;padding: 7px 0 7px 15px;position: relative}
.at_lst .tit{overflow: hidden; text-align: left; text-overflow: ellipsis; padding-left:17px; display: inline-block;  line-height: 18px;  vertical-align: middle;  width: 80%;}
.at_lst .box_bl {display: block;font: 11px/15px helvetica;left: 10px;position: absolute;top: 7px;}
.box_bl {background-color: #445e9e;color: #ebeeff;display: inline-block;font-weight: normal;height: 15px;padding: 1px;width: 15px}
.box_bl span {background-color: #4661a4; color: #ebeeff;display: inline-block;height: 100%;line-height: 15px;text-align: center;width: 100%}
.at_lst .at_off {background: url("/images/mobile/ico_lst.png") no-repeat scroll 50% 50% transparent;-webkit-background-size:10px 5px;background-size:10px 5px; border-left: 1px solid #ececed;height: 100%;margin-top: -1px; overflow: hidden;position: absolute; right: 0; text-indent: -9999px; top: 0; width: 35px}
.at_lst .at_on {background: url("/images/mobile/ico_lst2.png") no-repeat scroll 50% 50% transparent;-webkit-background-size:10px 5px;background-size:10px 5px; border-left: 1px solid #ececed; height: 100%; margin-top: -6px;overflow: hidden; position: absolute; right: 0; text-indent: -9999px; width: 35px}
.at_lst .at_info {display:block; overflow:hidden; word-break:break-all; background-color:#f6f6f6; color: #666; border-bottom: 1px solid #d6d6d7;letter-spacing: -1px;  text-align: left;padding:8px 13px 5px 13px; font-size:13px}

/* 1:1 */
.cs_comm {overflow:hidden;width:100%;}
.cs_comm li {padding:10px 0;border-top:1px solid #e9e9e9}
.cs_comm .fst {padding:15px 10px 15px 18px}
.cs_comm .link_thumb {float:left;width:50px;margin-right:25px;font-size:0;line-height:0}
.cs_comm .cont_info {overflow:hidden; margin-top:15px;border-top:1px solid #e9e9e9; padding-top:10px;}
.cs_comm .tit_subject {display:block;font-size:13px;line-height:17px;color:#2b4878}
.cs_comm .txt_desc {display:block; overflow:hidden; word-break:break-all; margin-top:2px; font-size:12px;line-height:16px;color:#2b4878;}
.cs_comm .txt_time {display:block;margin-top:7px;font-size:12px;line-height:16px; font-weight:bold; color:#2b4878}
.cs_comm .txt_info {display:block; overflow:hidden; word-break:break-all; margin-top:2px; padding-left:13px; padding-bottom:5px; font-size:12px;line-height:16px;color:#666; letter-spacing: -1px;}

.wrap_send_cs {overflow:hidden; margin:0 13px 15px 13px; background-color:#fff;padding:2px 8px;}
.wrap_send_cs a:active, .wrap_send_cs a:hover {text-decoration: none;}
.wrap_send_cs dl {padding-bottom: 11px; position: relative; width: 100%;}
.wrap_send_cs dl dt {left: 0; line-height: 1.5; position: absolute; top: 5px; width: 65px; font-size:13px; letter-spacing: -1px;}
.wrap_send_cs dl dd {margin-left: 67px;}
.wrap_send_cs dl input, .wrap_send_cs textarea {border-color: #BCBCBC; display: block; font-size:13px; -webkit-appearance:none}
.wrap_send_cs dl input {padding:4px; width: 96%; }
.wrap_send_cs textarea {font-size: 15px; height: 100px; line-height: 18px; padding: 8px 5px 7px; width: 96%;}
.wrap_send_cs .wrap_btn  {text-align:center; margin:12px 0 10px 0}
.wrap_send_cs .wrap_btn .btn_submit  {display: inline-block; width:80px; height:29px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px #267cc5;background-color:#4863a4; background:-webkit-gradient(linear,0 0,0 100%,from(#6487df),to(#4863a4)); border: 1px solid #4863a4; border-radius: 3px; color:#fff; font-size: 15px; letter-spacing: -1px; line-height:30px; margin: 0 auto; overflow: hidden}
.wrap_send_cs .wrap_btn .btn_cancel  {display: inline-block; width:80px; height:29px; background-color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f4f4f4)); border: 1px solid #c0c3c8; border-radius: 3px; color:#505050; font-size: 15px; letter-spacing: -1px; line-height:30px; margin: 0 auto; overflow: hidden}

.cs_comm2 {overflow:hidden;width:100%; background-color:#f3f8fd;}
.cs_comm2 li {padding:10px 0;border-top:1px solid #e9e9e9}
.cs_comm2 .fst {padding:15px 10px 23px 18px}
.cs_comm2 .link_thumb {float:left;width:50px;margin-right:25px;font-size:0;line-height:0}
.cs_comm2 .cont_info {overflow:hidden;}
.cs_comm2 .tit_subject {display:block;font-size:24px;line-height:17px; margin-top:12px; color:#2b4878; font-family:Helvetica,sans-serif;}
.cs_comm2 .txt_desc {display:block; overflow:hidden; word-break:break-all; margin-top:12px; font-size:12px;line-height:16px;color:#2b4878;}

.wrap_send_cs2 {overflow:hidden; margin:0 13px 15px 13px; background-color:#fff;}
.wrap_send_cs2 .list_comm {overflow:hidden;width:100%; padding-left:5px; padding-right:5px; padding-bottom:10px}
.wrap_send_cs2 .list_comm li {overflow:hidden;float:left;width:100%;border-top:0;  border-bottom:1px dotted  #e9e9e9;}
.wrap_send_cs2 .list_comm .link_cont {width:100%;text-decoration:none}
.wrap_send_cs2 .list_comm .cont_info {display:block;padding:5px 0 5px;font-size:12px;color:#888}
.wrap_send_cs2 .list_comm .cont_info .tit_subject {display:block;overflow:hidden;font-weight:normal;font-size:14px;color:#000;line-height:20px;  padding: 3px 0 0;}
.wrap_send_cs2 .list_comm .cont_info .num_g {font-family:helvetica}
.wrap_send_cs2 .list_comm .txt_recom .yes {color:#496abc; font-weight:bold}
.wrap_send_cs2 .list_comm .txt_recom .no {color:#eb6127; font-weight:bold}
.wrap_send_cs2 .list_comm .qna {display:block;padding:12px;font-size:13px; background-color:#f8f8f8;}
.wrap_send_cs2 .list_comm .qna .mobile img{width: 100%;}
.wrap_send_cs2 .list_comm .qna span {color:#666}
.wrap_send_cs2 .list_comm .qna .ans {color:#222}

/* notice */
.b_notice ul {padding:5px 0 5px 0;}
.b_notice li {border-bottom:1px solid #d6d6d7; padding:10px;}
.b_notice li:last-child {}
.n_lst_lk {background: url(/images/mobile/n_arrow.png) no-repeat scroll 100% 50%;  display: block;  position: relative; background-size:8px 13px}
.n_lst_lk .tit_subject {display: inline-block; line-height: 18px; vertical-align: middle; width: 95%; font-size:14px; color:#1c1c1c;}
.n_lst_lk .num_g {display: inline-block; font-size:13px; margin-top:5px; color:#3d8bc6; width:90%}
.mr{clear:both; text-align:center; white-space:nowrap; font-size:14px}
.mr a:link {color:#515151;text-decoration:none;}
.mr a:visited{color:#515151;text-decoration:none;}
.mr a{display:inline-block; padding:1px 15px 8px 13px; background:url(/images/mobile/bul_more.png) no-repeat 100% 6px; background-size:13px 9px}

.b_notice_con {color:#1c1c1c}
.b_notice_con dt {border-bottom:1px solid #dfdfdf; background-color:#f1f1f1; padding:9px 10px 8px 13px;}
.b_notice_con dt .data{color:#3d8bc6; font-size:13px ;display: block; font-weight:normal; margin-top:3px}
.b_notice_con dd {padding:13px; color:#6e6e6e; font-size:14px; line-height:1.6; border-bottom:1px solid #dfdfdf; }
.noti_btn {text-align:center; margin:12px 0 30px 0}
.noti_btn .noti_ok {display: inline-block; width:120px; height:30px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3), 0 0 3px #267cc5;background-color:#42a2f3; background:-webkit-gradient(linear,0 0,0 100%,from(#6dbbfd),to(#42a2f3)); border: 1px solid #2278c1; border-radius: 3px; color:#fff; font-size: 16px; letter-spacing: -1px; line-height: 29px; margin: 0 auto; overflow: hidden}
.noti_btn .noti_cancel {display: inline-block; width:120px; height:30px; background-color:#fff; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f4f4f4)); border: 1px solid #c0c3c8; border-radius: 3px; color:#505050; font-size: 16px; letter-spacing: -1px; line-height: 29px; margin: 0 auto; overflow: hidden}


/* tab */
.pay_tab {width:100%;}
.pay_tab ul {display:table;	table-layout:fixed;	width:100%;	padding:6px 0;}
.pay_tab li {display:table-cell;width:25%; vertical-align:middle}
.pay_tab li a { display:block; margin-left:-1px;border:1px solid #c6c9d0;background:#fff;color:#222f43;font-size:15px;line-height:19px;text-align:center;padding:10px 0;}
.pay_tab li.on a {position:relative;border:1px solid #38465a;background:#363636;color:#fff;	font-weight:bold}
.pay_tab li.on p {position:relative;border:1px solid #38465a;background:#363636;color:#fff;	font-weight:bold; display:block; margin-left:-1px;border:1px solid #c6c9d0;font-size:15px;line-height:19px;text-align:center;padding:10px 0;}
.pay_tab li:first-child a {margin-left:0;}
.pay_tab li:last-child a {}
.pay_tab li:first-child {padding-left:13px;}
.pay_tab li:last-child {padding-right:13px;}
.cs_time {display:block; overflow:hidden; word-break:break-all; padding:5px 0 7px 15px; font-size:14px;line-height:22px;color:#202020;}
.cs_time p {padding-top:10px; font-weight:bold; font-size:15px}
.cs_time em {color:#b7bdc6; padding:0 2px}

/* paging */
.paging_comm {clear:both;margin:17px auto 25px auto;width:100%;text-align:center;font-size:12px}
.paging_comm .link_page {display:inline-block;width:18px;height:12px;margin-right:4px;padding:3px 5px 8px 5px;border:1px solid #c5c5c5;border-radius:2px;font-weight:bold;color:#666;background-color:#fff;text-decoration:none;vertical-align:middle}
.paging_comm em.link_page {display:inline-block;width:18px;height:12px;margin-right:4px;padding:3px 5px 8px 5px;border:1px solid #5d81c2;border-radius:2px;font-weight:bold;color:#fff;background-color:#5d81c2;vertical-align:middle}
.paging_comm .btn_page {display:inline-block;overflow:hidden;width:6px;height:7px;margin-right:4px;padding:6px 15px 10px 15px;border:1px solid #c5c5c5;border-radius:2px;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient(top, #fff, #eee);background-image:linear-gradient(to bottom, #fff, #eee);background-color:#f5f5f5;text-decoration:none;vertical-align:top}
.paging_comm .btn_page .img_paging{display:block;overflow:hidden;width:7px;height:11px;text-indent:-9999px}
.paging_comm .btn_page .ico_prev{background-position:-60px -10px}
.paging_comm .btn_page .ico_next{background-position:-70px -10px}
.paging_comm span.btn_page .ico_prev{background-position:0 -10px}
.paging_comm span.btn_page .ico_next{background-position:-10px -10px}
.img_paging {background:url(/images/page_image.gif) no-repeat;-webkit-background-size:80px 24px;background-size:80px 24px}

.empty {text-align:center; font-size:13px; color:#666; padding:30px 0;}

.code_num {padding-top:10px; display:inline-block}
.code_num .code {float: left;  margin: 4px 15px 0 0;  width: 120px;  height: 70px;  border: 1px solid #ccc;  background-color: #fff;}
.code_num .info {font-size: 11px;  color: #606060;  line-height: 16px;}
.code_num .input_txt {height: 28px;  padding-left: 5px;  margin-top: 2px;  margin-bottom: 2px;  border: 1px solid #ccc;   -webkit-appearance: none;}
.code_num .code_lnk {color: #496abc;  padding: 2px 5px;  font-size: 12px;  display: block;}
.code_num p{display: inline-block; font-size:12px;}

/***** 팝업 *****/
.popupFrame {color:#555;background:#fff}
.popupFrame h1 {display:block; position:relative;padding:12px 0 0px 20px; height: 32px; background-color:#242d43;font-size:16px; font-weight:bold; color:#e1e1e1; letter-spacing:-1px; line-height:20px; text-align:left}
.popupFrame span.p_logo {position:absolute; top:10px; right:20px}
.containerPopup {padding:20px 20px 0 20px; background:#fff }
.cBtns {text-align: center; margin:10px 0 20px 0;}
.rBtns {text-align: right; margin:0px 0 5px 0;}
.box{border:2px solid #242d43;}
.box2{border:1px solid #000;}
.box3{border:1px solid #464646;}
.containerLayer {padding:18px 20px; border:2px solid #8495c2; background:#f7f7f9;}
.layer_close {position:absolute;top:6px;right:10px}
.layer_btn {margin-left:20px}
.fix_size {overflow-x:hidden; overflow-y:auto; width:420px;height:220px}
table.tbcompare{ width:100%; margin:0 auto;}
table.tbcompare tr th {font-size:11px; font-weight:bold; color:#777; letter-spacing:-1px; border:1px solid #d8d8d8; background:#f1f1f1; text-align:left; padding:8px 0px 8px 10px;}
table.tbcompare tr td {border:1px solid #efefef; text-align:left; font-size:11px; letter-spacing:-1px; line-height:18px; padding:8px 10px; vertical-align:top}
table.tbcompare tr td a {color:#555}
table.tbcompare tr td.thumb {text-align:center}
table.tbcompare tr td.thumb img {border:1px solid #d8d8d8}
table.tbcompare tr td.title {font-weight:bold}
table.tbcompare tr td.view {background:#fffef0;}
table.tbcompare tr td img {vertical-align:middle}
table.tbcompare tr td span.price {font-weight:bold; color:#ee6c44; letter-spacing:0; font-family:tahoma}
table.tbcompare tr td span.num {letter-spacing:0; font-family:tahoma}
table.tbcompare tr td p.search_comt{float:left;margin-left:0px; margin-top:5px;letter-spacing:0;color:#999}
.p_search{margin:0px 10px 0 0; float:left; width: 190px; border:1px solid #cbcacf; background-color:#fff}
.p_txt11 {font-size:11px;letter-spacing:-1px; color:#555; line-height:18px;}
.p_txt11 em {font-weight:bold; color:#ee6c44}
.p_txt11 a {color:#4a97d2;text-decoration: underline }
.p_txt12 {font-size:12px; word-spacing:-1px; color:#555; line-height:18px; font-weight:bold}
.s_result {word-spacing:-1px; border-top: 1px solid #a8a8a8; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #a8a8a8; margin-top:5px; margin-right:10px; padding:10px; line-height:24px; clear:both}
.recent { background:#fffef0;}
.s_result strong {color:#ee6c44; font-weight:bold}
.bundle_list {background:#f9f9f9; border:1px solid #e6e6e6;padding:5px 10px 20px 10px ;margin-top:10px; overflow-x:hidden; overflow-y:auto; width:330px; height:60px}
.bundle_list li a{line-height:26px; color:#555; word-spacing:-1px}
.bundle_list li img{vertical-align:middle}
.down_comt {text-align:center; line-height:20px}
.down_comt span {display:block;}
.txt14b {font-size:14px; font-weight:bold; color:#333;;word-spacing:-1px; letter-spacing:-1px}
.txt12org {color:#ee6c44}
.txt11org {color:#ee6c44}
.txt12gry {padding:10px 0;}
.txt12gry a {color:#555; text-decoration:underline}
.search_area {padding:20px 0 10px 0; clear:both; height:20px;}
.popup_searchbar {float:left;height: 22px; width:242px; padding: 2px 0 0 2px; border-top: 1px solid #9A9A9A; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #9A9A9A;}
.pop_btn_search{float:left; height:26px; width:43px; margin-left:5px;  background:url(/images/document/2013/btn_p_search.gif) no-repeat 0 0 transparent; border:medium none; cursor:pointer;}
.pop_btn_nsearch{float:left; height:26px; width:80px; margin-left:5px; background:url(/images/document/2013/btn_p_nextsearch.gif) no-repeat 0 0 transparent; border:medium none; cursor:pointer;}
.c_title {margin:20px 0; border-top:1px solid #dedede;border-bottom:1px solid #dedede; padding:10px;background:#eee}
.c_stitle {display:block;padding-bottom:5px;border-bottom:1px solid #dedede;margin-bottom:10px;}
.scrap {margin:5px 0}
.scrap label {padding-right:20px;}
.scrap em {padding-right:10px;}
.eva_txt {margin-top:10px;border-top: 1px solid #9A9A9A; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #9A9A9A; width: 380px; height: 50px; color:#999; font-size: 11px; vertical-align: middle; padding:5px;line-height:16px;}
.eva_txt02 {border-top: 1px solid #9A9A9A; border-right: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-left: 1px solid #9A9A9A; width: 360px; height: 80px; color:#999; font-size: 11px; vertical-align: middle; padding:5px;line-height:16px;}
.p_top10 {padding:10px 0;}
.reply_dell {line-height:18px;overflow-x:hidden; overflow-y:auto; width:380px;padding-right:20px;}
.reply_dell dt {margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #dedede;font-weight:bold}
.reply_dell dt.noline {border-bottom:0;margin-bottom:5px;}
.reply_dell dd {margin-bottom:20px}
.h_s_tit {font-weight:normal; font-size:14px; letter-spacing:0}
.write_view {margin:16px 0 10px 0; padding-top:5px; border-bottom:1px solid #dedede}
.write_view .s_grade {padding-right:5px; vertical-align:middle;}
.write_view .s_data{color:#999; font-size:11px}
.write_view .btns_right{ margin-left:10px; font-size:11px; color:#d1d1d1; letter-spacing:-1px;}
.write_view .btns_right a{font-size:11px; color:#005899; letter-spacing:-1px; text-decoration:underline;}
.write_view .eva_con {margin-top:7px; padding-bottom:7px; font-size:12px; line-height:18px; color:#444}
.containerPopup .p_new_info {font-size:12px; line-height:20px; word-spacing:-1px}
.containerPopup .p_new_info em {color:#ee6c44; font-weight:bold; letter-spacing:-1px}
.containerPopup .data_mail_list {width:100%;}
.containerPopup .data_mail_list th {text-align:center; height:29px; line-height:21px; background-color:#f2f2f2; font-weight:normal; color:#252525}
.containerPopup .data_mail_list td {text-align:left; height:29px; line-height:29px; padding:0 0 0 9px; background-color:#fff; color:#505050}
.containerPopup .data_mail_list td img {vertical-align:middle}
.containerPopup .data_mail_ad {margin:15px 0 20px 0; text-align:left; width:100%;}
.containerPopup .data_mail_ad th {padding:9px 0 5px 0; background-color:#fffef0; font-weight:normal; color:#252525; text-align:center}
.containerPopup .data_mail_ad td {padding:10px 0 9px 9px; background-color:#fff; color:#505050}
.containerPopup .data_mail_ad td img {vertical-align:middle}
.containerPopup .data_mail_ad input {height:22px;line-height:22px;width:90px;padding-left:2px;border-top:1px solid #9A9A9A;border-right:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8; border-left:1px solid #9A9A9A;}
.containerPopup .data_mail_ad select {font-size:12px; padding-top:3px; width:100px; color:#505050}
.containerPopup .p_mail_tit {font-weight:bold; letter-spacing:-1px; margin:23px 0 9px 0; color:#333}


/* popup */
.popupFrame {color:#555}
.popupFrame h1 {display:block; position:relative;padding:12px 0 0px 20px; background-color:#242d43;font-size:16px; font-weight:bold; color:#e1e1e1; letter-spacing:-1px; line-height:20px; text-align:left}
.containerPopup {padding:20px 20px 1px 20px; background:#fff; font-size:12px; font-family:dotum }
.p_ntop {height:43px; background-color:#242d43; font-size:16px; font-weight:bold; color:#e1e1e1; letter-spacing:-1px; }
.p_ntop .ptit {float:left; font-family:dotum; padding:13px 0 0 0; margin-left:15px;}
.p_nclose {float:right; width:29px; height:29px; display:block; margin:7px 7px 0 0; background:url('/images/pop/2014/popup_close.gif') 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
.p_doc_down {padding:0 24px; display:inline-block; background-color:#6286de; border:1px solid #5372bd; font-size:14px; height:39px; width:230px; line-height:41px; text-align:center; text-decoration:none; color:#ffffff !important; font-weight:bold; letter-spacing:-1px}

.daily_close {padding:1px 0 10px 0; background-color:#f8f8f8; border-top:1px solid #d1d1d1; text-align:center; overflow:hidden; line-height:20px;}
.today_close2 {color:#6e6e6e; letter-spacing:-1px; margin-right:10px; font-size:11px; vertical-align:top; margin-top:10px; display:inline-block; font-size:12px; font-family:dotum}
.today_close2 input {vertical-align:middle; margin-top:-2px}


/* 20151109 renew*/
.cs_wrap_cont {background-color:#f7f7f7; clear:both;width:100%; min-height:200px; position: relative}
.csform {display:inline-block;width:100%;text-decoration:none; padding:0; margin:0}
.csform fieldset {display:inline-block;width:100%;height:100%; text-align:left}
.csform .id, .inputpwd {width:90%; height:40px;margin:8px 30px 0 11px; font-size:16px; border:none}
.csform .join_btn {display:inline-block; width:100%; height:54px;  text-align:center; font-size:18px; line-height:51px; color:#fff; background-color:#6286de; border:1px solid #5372bd}
.csform .ubtn {letter-spacing:-1px}
.csform .ubtn .log_state {position:relative; margin-right:18px;overflow:hidden}
.csform .m_uid,.m_upw,.m_upw2 {height:55px;position:relative;}
.csform .m_upw,.m_upw2 {border-top:1px solid #ececec; vertical-align:top; margin-top:-1px}
.csform .m_ubtn {margin-top:8px}
.csform .m_ubtn label {color:#777; margin-right:0; font-size:13px}
.cs_area {position:relative;clear:both; margin:0 13px}
.cs_area .hide {position:absolute; left:-9999in; overflow:hidden}
.cs_area .log_input {border:1px solid #dadada; background-color:#fff; margin-top:16px}
.cs_area .noti_txt {color:#eb4a3f; font-size:14px; margin:7px 0 -4px 14px}
/* .cs_area textarea {display:block; width:90%; height: 130px; border:0;  color: #444;  font-size: 16px;  margin: 15px 8px;  line-height: 19px;  background-color: #fff;} */
.cs_area textarea {width:100%; height:10.19em; margin-top: .325em; padding: .5em .3em; border:1px solid #ccc; color:#444; font-size:14px; -webkit-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box}
.invisible {display:none}
.pass_input {display:block; border-top: 1px solid #ececec; padding:13px}
.pass_input img {float:left; margin-right:15px; border: 1px solid #ececec}
.pass_input .ps_p {border: 1px solid #6286de; padding:5px; width:150px; height:26px; background:#fff}
.pass_input a{display:block; color:#6286de; text-decoration:underline; margin-top:10px}
.pass_info {display:block; font-size: 15px;  color: #999; padding-bottom:7px}

.cs_btn {padding:10px 0 17px; text-align:center; overflow:hidden;}
.cs_ok_n {margin:0 2px; background-color:#fd791c; background-color:#6286de; border:1px solid #5372bd; color:#FFF; display:block; font-size:17px;  text-align:center; height:51px; line-height:51px}
.cs_cancel_n {margin:0 2px; background-color:#fd791c; background-color:#f7f7f7; border:1px solid #c2c2c2; color:#666; display:block; font-size:17px; text-align:center; height:51px; line-height:51px}
.s_btn50 {width:50%; float:left; display:block}
.s_btn70 {width:70%; float:left; display:block}
.s_btn30 {width:30%; float:left; display:block}

.cs_agree {position:relative; clear:both; display:block; margin:13px 0 35px 5px}
.cs_agree li {display:block; margin-bottom:5px}
.cs_agree p {color:#202020; font-size:14px;}
.cs_agree span {display: block; color:#9c9c9c; font-size:13px; line-height:17px; padding-bottom:3px}
.in_chk {display:block;float:left;position:absolute; z-index:10;width:100%;height:23px}
.in_chk label{display:block;position:absolute;bottom:0;left:0;z-index:10;height:23px;line-height:25px;text-align:center;color:#444;cursor:pointer; background:url("/images/mobile/v4/login_chk.png") no-repeat scroll 0 1px;  background-size:20px 60px; padding-left:23px; font-weight:normal}
.in_chk label.on {z-index:100; background-position:0 -39px; color:#343434; cursor: pointer;}
.f_det_qa {margin:15px 13px 0 13px; clear:both;}
.f_det_qa ul {clear:both}
.qa_box {border:1px solid #acacac; font-size:13px; line-height:16px; color:#000; margin-bottom:10px; box-shadow:0px 1px 1px 0px #f2f2f2; background-color:#fff}
.qa_box .f_q_w {color:#6e6e6e}
.qa_box .f_q_w .q_tit {display:block; color:#000; margin-bottom:5px}
.qa_box .f_q_w .f_q_con { padding:12px 12px 10px 12px}
.qa_box .f_q_w .f_q_con2 { padding:12px 12px 10px 12px; color:#000; overflow:hidden}
.qa_box .f_q_w .q_det {float:left;}
.qa_box .f_q_w .q_img {float:left; margin-right:12px}
.qa_box .f_q_w .q_opt {color:#6e6e6e; display:block; margin-bottom:7px}
.qa_box .f_a_w {background:url("/images/mobile/v4/a_dot.png") repeat-x 0 0; padding-top:1px; background-size:11px 1px}
.qa_box .f_answer {display:block; padding:13px 13px 12px 45px; background:url("/images/mobile/v4/a_arr.png") no-repeat 18px 14px; background-color:#f7f7f7; background-size:18px 15px}
.qa_box .f_q_tit {background-color:#f7f7f7; padding:5px 9px 8px 9px; font-size:12px; overflow:hidden; position:relative}
.qa_box .f_q_tit .bul_a_ok {float:left; vertical-align:middle; border:1px solid #008cff; color:#008cff; font-size:13px; height:20px; width:55px; text-align:center; line-height:21px; letter-spacing:-0.5px; margin-right:4px}
.qa_box .f_q_tit .bul_a_yet {float:left; vertical-align:middle; border:1px solid #ed5c52; color:#ed5c52; font-size:13px; height:20px; width:55px; text-align:center; line-height:21px; letter-spacing:-0.5px; margin-right:4px}
.qa_box .f_q_tit .q_date {float:left; margin:3px 0 0 3px}
.qa_box .f_q_tit .q_id {float:right; margin-top:3px}
.qa_box .f_q_tit .q_link {float:right; margin-top:3px; text-decoration:underline}
.more_view {display:block; border:1px solid #ccc; text-align:center; height:33px; line-height:34px; font-size:13px; color:#6e6e6e; background-color:#fff; margin-bottom:20px}
.more_view em {color:#000}

/*20160128*/
.copyright_info {display:block; overflow:hidden; word-break:break-all; padding:12px 10px 11px 12px; margin:5px 13px 5px 13px; line-height:20px; color:#555; font-size:13px; border:1px solid #dadada; background-color:#fefdf5}
.copyright_info a {color:#2569cf}

/* 콕서비스 */
.text {display:block; height:1px; left:-2000em; position:absolute; text-indent:2000em; top:-2000em; width:1px;}

.dot_bg {height:158px; position:absolute; z-index:50; width:100%; background:url(/images/v4/cs/kocService/mobile/topimg_dot.png) repeat 0 0}
.top_img_wrap {height:158px; overflow:hidden; position:relative;}
.rolling_img div {height:158px; overflow:hidden; position:relative; width:100%;}
.rolling_img div.bg1 {z-index:1; background:url(/images/v4/cs/kocService/mobile/point_guide_top.jpg) no-repeat scroll center 0; height:217px; background-color:#333; background-size:cover; font-size:0}

.t_copy_wrap {position:absolute; top:50px; z-index:100; width:100%}
.t_copy_wrap .t_copy1 {margin:0 auto; display:block; width:280px; height:80px; background:url(/images/v4/cs/kocService/mobile/point_top_copy.png) no-repeat 0 0;background-size:cover;}

.point_content {background-color:#f1f1f1}
.guide_w {position:relative}
.guide_w ul {padding:0 20px}
.guide_w li {margin-bottom:25px}
.guide_w img, .point_account img, .guide_tit img {width:100%}
.point_account {padding:0 15px 20px 15px}
.guide_tit {padding:25px 0 0 15px}


/*cs 자동화*/
.type_sel {overflow:hidden; padding:10px 0 10px 6px; border-top:1px solid #ececec; position:relative}
.type_sel .sel_info {color:#666; font-size:12px; line-height:16px; display:block; overflow:hidden; padding-top:7px; padding-left:5px}
.type_sel .cs_type_sel {text-align:center; font-size:14px; display:inline-block; margin-left:3px}
.type_sel .cs_type_sel input {vertical-align:-2px; margin-right:1px}
.cs_refund_info {border:1px solid #dadada;}
.cs_refund_info th {width:80px; font-weight:normal; background-color: #f8f8f8}
.cs_refund_info th, .cs_refund_info td { padding:7px 8px; text-align:left; font-size:13px; height:32px; border-bottom:1px solid #ededed}
.cs_refund_info select {width:100%; border:1px solid #ccc; background-color: #fff; height:32px}
.cs_refund_info input {border:1px solid #ccc; height:32px; width:100%; font-size:15px; color:#000}
.cs_refund_info2 {font-size:13px; letter-spacing:-0.5px; margin-left:11px }
.cs_refund_info2 em {display: inline-block; margin-left:-15px}
.cs_refund_info2 em.t2 {vertical-align:-2px; margin-left:-10px}
.cs_refund_info2 p {margin-top:10px}
.cs_refund_txt {display:block; font-size:13px; font-weight:bold; padding:15px 0 8px 0}

.question_in { overflow:hidden; background-color:#fff; border:1px solid #ecebeb; padding:12px; margin-top:10px}
.question_in h3, .mem_info_in h3 {font-size:16px; font-weight:600; padding-bottom:7px; color: #111; border-bottom:1px solid #ecebeb; margin-bottom:15px; font-family:"Noto Sans KR", "맑은 고딕","Malgun Gothic"}
.info_select_st {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; height:2.9em; margin-bottom: .1em; padding: 0 .3em; border:1px solid #ccc; text-align:left; background: url(/images/sprite_icon@2x.png) no-repeat 100% -250px;  -webkit-background-size: auto 500px; background-size:auto 500px; color: #333; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;    user-select: none}
.select_middle {padding-left:.125em}
.select_large {padding-right: .125em}
.info_write_sel {overflow: hidden}
.info_write_sel div {overflow:hidden; float:left; width:50%; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

.mem_info_in { overflow:hidden; background-color:#fff; border:1px solid #ecebeb; padding:12px; margin-top:10px;}
.mem_info_in ul {margin-top:5px}
.mem_info_in li {font-size:14px; color: #111; position: relative; padding-left:70px; height:32px}
.mem_info_in li.in_area { padding-bottom:7px}
.mem_info_in input {height:32px; border:1px solid #ccc; width:100%; text-indent:5px}
.mem_info_in span {position:absolute; left:0; top:1px; color:#959595}
.mem_info_in .in_area span {top:7px}

.pass_code {display:block; border-top:1px solid #ecebeb; margin-left:-70px; margin-top:8px; padding-top:10px}
.pass_code img {border:1px solid #ececec}
.pass_code a {display:block; color:#6286de; text-decoration:underline; margin-top:10px}
.pass_img {display: inline-block; float:left; width:130px}
.pass_txt {display:block; font-size:14px;  color:#959595; padding-bottom:7px}

.buy_doc_w {padding-top:5px}
.buy_doc_lst {border:1px solid #ccc; padding:10px; overflow:auto; height:10.19em }
.buy_doc_lst li {padding-bottom:9px; font-size:14px}
.buy_doc_lst input {width:20px; height:20px; vertical-align:-4px}
.buy_doc_lst img {vertical-align:-2px; margin:0 3px}

/*잔액환불 현재상태*/
.withdrawal_info_area {margin:0 7px; background-color:#fff; border:1px #dadada solid}
.withdrawal_info_box {font-size:16px; line-height:18px; margin:18px 10px 16px 13px; color:#333; font-weight:bold}
.withdrawal_info_box em {color:#f75c52}
.withdrawal_info_list {border-top:1px solid #e2e2e2; background:#fff}
.btn_cancelm {padding: 8px 10px 6px;  background-color: #eb4a3f;  border: 1px solid #eb4a3f;  color: #fbe8e1;  font-size: 14px;  overflow: hidden;  text-align: center;  font-weight: normal;  margin-left:7px;  border-radius: 4px;}


/*20180718 cs main*/
.main_faq_w {padding:10px 10px 0 10px; font-weight:400; font-family: "Noto Sans KR", "맑은 고딕","Malgun Gothic";}
.my_cs_state {margin:0 0 15px 0; height:43px; line-height:44px; background-color:#fff; border:1px solid #dbdbdb; font-size:15px; font-weight:500; color: #111; padding-left: 10px; letter-spacing: -0.5px}
.my_cs_state em {color:#2b5edc; padding-right:2px; padding-left:3px }
.my_cs_state a {display:block}
.cs_m_tit {font-size:15px; font-weight:500; color: #111; margin:0 0 4px 11px; letter-spacing:-0.5px; font-family: "Noto Sans KR", "맑은 고딕","Malgun Gothic";}
.f_det_tab {clear:both; overflow:hidden;}
.f_det_tab li {float:left; width:33.3%; margin:4px 0 0 0 }
.f_det_tab a {display:block; text-align:center; font-size:14px; height:68px; line-height:98px; color:#363636; border-radius:3px; font-weight:500; margin-right:4px; border:1px solid #dde0e4; background-color:#e9eaeb}
.f_det_tab li:nth-child(1) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon1.png) no-repeat center 12px;  background-size: 25px auto;}
.f_det_tab li:nth-child(2) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon2.png) no-repeat center 12px;  background-size: 25px auto;}
.f_det_tab li:nth-child(3) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon3.png) no-repeat center 12px;  background-size: 25px auto; margin-right:0 }
.f_det_tab li:nth-child(4) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon4.png) no-repeat center 12px;  background-size: 25px auto;}
.f_det_tab li:nth-child(5) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon5.png) no-repeat center 12px;  background-size: 25px auto;}
.f_det_tab li:nth-child(6) a {background:#e9eaeb url(/images/mobile/v4/cs/faq_icon6.png) no-repeat center 12px;  background-size: 25px auto; margin-right:0}
.f_det_tab li a.on { background-color: #7eb3f5; border:1px solid #629adf; color:#fff}

.select_area {position: relative; margin-top:12px; color:#363636}
.select select {display: block; height:43px; width: 100%; position: absolute; top: 0; left: 0; opacity: 0;}
.select .select_box {display: block; border: 1px solid #dbdbdb; font-size: .875rem; line-height:43px; height:43px; padding: 0 1.875rem 0 .9375rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top:1px;}
.select .select_box:before {content: ''; display: block; width: .75rem;  height: .75rem;  background: url(/images/mobile/v4/cs/icon_select.png) 0 0 no-repeat; background-size: 100%; position: absolute; top:17px; right:15px;}

.main_faq_lst {margin:13px 0 13px 0; border-top:1px solid #363636; background-color: #fff}
.main_faq_lst li {border-bottom:1px solid #e6e6e6; font-size:14px; padding:0 10px 0 27px; color:#4c4c4c}
.main_faq_lst li em { font-weight:bold; display:inline-block; margin-left:-29px; padding-left:15px; margin-right:6px; color:#111}
.main_faq_lst li a {display: block; padding:13px 0 11px 0}
.main_faq_lst .faq_an { background-color:#fafafa; line-height:22px; padding:10px; margin-top:10px}

.btn_cs_question {display:block; height:40px; line-height:43px; background-color:#fff; color:#2b50c4; border:1px solid #8ca1e3; font-size:14px; padding-left:10px; text-align:center; margin-bottom:8px}

.main_cs_info {font-size:13px; color:#222; line-height:17px; text-align:left; padding:17px 0 12px 40px; margin:6px auto 6px auto; background: url(/images/mobile/v4/ico_cs_phone.png) 0 18px no-repeat; background-size:29px auto; width:215px}
.main_cs_info .bar {width:1px; height:10px; margin:0 3px; background-color:#d4d4d4; vertical-align:-1px; display:inline-block}
.main_cs_info em {margin-left:2px; font-size:13px; color:#222; vertical-align:1px; display: inline-block; font-weight:normal}
.main_cs_info .cs_t {font-size:17px}
.main_cs_info .cs_tx {color: #e54f47; margin-left:8px; font-size:18px; letter-spacing:-0.3px; font-weight: bold}
.main_cs_info .cs_time_t {display:block; color:#6e6e6e}

.copyright_info .info_con1, .copyright_info .info_con2 { display:block; margin-left:15px; font-weight:500; letter-spacing:-0.5px; font-family: "Noto Sans KR", "맑은 고딕","Malgun Gothic"}
.copyright_info .info_con1 {margin-bottom:10px; color:#eb4a3f}
.copyright_info .info_con1 em, .copyright_info .info_con2 em { margin-left:-15px; margin-right:4px; font-weight:bold;}

/* 이미지 첨부 */
.atch_wrap {margin:10px 0 10px 0; position: relative}
.button_area.find .find_btn input {position:absolute; bottom:0; right:0; width:200%; height: 200%; opacity: 0;  z-index:2;}
.button_area.find .find_btn { float:left;position:relative; width:80px; height:28px; padding: 0 10px; margin-bottom: 0; margin-left:-1px; text-align:center; font-size: 13px; color: #555; border: 1px solid #ccc;line-height:30px }
.atch_msg {font-size:12px; color:#777; padding-top:7px; clear:both}
.atch_txt {float:left; overflow:hidden; display:inline-block; width:50%;  height:28px; line-height: 31px;  padding: 0 8px; vertical-align: middle; border: 1px solid #ccc; box-shadow: none;font-size:13px;background-color:#f1f1f1}

/* 회원탈퇴 */
.cs_tit {font-size:17px; font-weight:bold; color: #111; padding:19px 0 0 17px; display:block; letter-spacing:-0.5px; font-family:"맑은 고딕","Malgun Gothic"}
.cs_noti {padding:5px 15px 10px 15px; font-size:14px; position:relative;}
.cs_noti em {color:#ed1b23;}
.cs_noti em.blue {color: #496abc}
.cs_noti li {padding:5px 0 0 9px; color:#666; font-size:13px; line-height:20px}
.cs_noti .rx_bull {margin:0 0px 0 -14px; font-weight:bold; font-size:16px}
.cs_noti a, .noti_txt2 a {color: #496abc}
.cart_my_area {margin:0 7px; background-color:#fff; border:1px #dadada solid}
.cart_my_info {font-size:16px; line-height:18px; margin:18px 10px 16px 13px; color:#333; font-weight:bold}

.cs_cont_in { overflow:hidden; background-color:#fff; border:1px solid #ecebeb; padding:12px; margin-top:10px; line-height:24px}
.cs_cont_in h3 {font-size:15px; font-weight:bold; padding-bottom:7px; color: #111; border-bottom:1px solid #ecebeb; margin-bottom:15px; font-family:"맑은 고딕","Malgun Gothic"}
.cs_cont_in input {border:1px solid #ccc; height:32px; font-size:15px; color:#000; width: 160px}
.cs_cont_in em {color:#496abc; font-weight: bold}
.cs_cont_in em.po_txt, .noti_txt2 em {color:#ed1b23; font-weight:normal}
.cs_cont_in .in_form {border-top:1px solid #ecebeb; color:#252525; padding:15px 0 12px 0 ; margin-top:15px }
.cs_cont_in .in_form dt { float: left; width:82px; font-weight: bold; vertical-align: middle; display:block; margin-bottom:10px; margin-left: -3px; font-size: 15px  }
.cs_cont_in .in_form dd {vertical-align: middle; margin-bottom:10px;  font-size: 15px}

.cs_cont_in .in_form2 { color:#252525; padding:0 0 5px 0; margin-top: -5px }
.cs_cont_in .in_form2 dt {font-weight: bold; font-size:15px; margin-top:10px }
.cs_cont_in .in_form2 dd {font-size: 15px; margin-left:15px; padding-top:2px}
.cs_cont_in img {vertical-align:middle; margin-right:3px}

.noti_txt2 {font-size:13px; line-height:19px; padding:9px 10px 17px 15px; letter-spacing:-0.5px; color:#666   }

/* 드림위즈 종료 */
.dr_transfer_tit {font-size:18px; font-weight:bold; color: #111; padding:25px 0 0 17px; margin-bottom: -13px; display:block; letter-spacing:-1px; font-family:"맑은 고딕","Malgun Gothic"}
.dr_transfer {font-size:14px; color:#222; line-height:21px; overflow:hidden; letter-spacing:-0.5px; padding:0 0 20px 0;  font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.dr_transfer em {display:block; color:#EF4141; font-weight:normal}
.dr_transfer .end_det {margin-bottom:8px; padding-left:14px}
.dr_transfer .end_det .num {margin-left:-14px}
.dr_transfer .end_det_img {border:1px solid #ecebeb}
.dr_transfer img {width:100%; vertical-align: top}
.trans_tit {font-size:16px; font-weight: bold; margin:25px 0 8px 0; padding:3px 8px 3px 3px; letter-spacing:-1px; color:#111; background-color: #def5fd; display:inline-block; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.trans_tit2 {display:block; font-size:23px; font-weight: bold; margin:0 0 15px 0; letter-spacing:-1px; color:#111; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"}
.trans_info {background-color:#f6f6f6; border:1px solid #d3d3d3; overflow: hidden; padding:35px 0; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum" }
.trans_info span {font-size:15px; font-weight:bold; text-align:center; display: block; letter-spacing: -0.5px; margin:0 0 17px 0;   }
.trans_txt {font-size:12px; text-align: center; color:#777; padding-bottom: 5px; line-height:20px; letter-spacing: -0.5px }

.trans_info_box  { overflow:hidden; background-color:#fff; border:1px solid #ccc; padding:12px; line-height:24px; margin:0 5px 30px 5px}
.trans_info_box  h3 {font-weight:bold; padding-bottom:7px; color: #111; font-size:18px; height:30px; letter-spacing:-1px; padding:8px 0 5px 0; text-align: center}
.trans_info_box  em {color:#496abc; font-weight: bold}
.trans_info_box  em.po_txt {color:#ed1b23; font-weight:normal}
.trans_info_box  em.po_txt2 {color:#6e6e6e; font-weight:normal; font-size:13px}
.trans_info_box .po_txt3 {color:#111; font-weight:normal; font-size:14px; line-height:20px; padding:0 5px 8px 5px }
.trans_info_box .in_form {border-top:1px solid #ecebeb; border-bottom:1px solid #ecebeb; color:#252525; padding:15px 0 8px 0}
.trans_info_box .in_form dt {float:left; width:130px; font-weight: bold; vertical-align: middle; display:block; margin-bottom:10px; margin-left:-3px; font-size:14px; letter-spacing: -0.5px}
.trans_info_box .in_form dd {vertical-align: middle; margin-bottom:10px;  font-size:15px}
.trans_info_box .txt {font-size:13px; line-height:18px; padding:16px 0 10px 0; color:#6e6e6e; display: block; }
.trans_info_box .txt2 {font-size:14px; display: block; color:#111; letter-spacing: -0.5px; padding-bottom:8px}
.btn_dw_trans { display:block;  height:43px; line-height:43px; background-color:#fff; color:#dd1138; border:1px solid #dd1138; font-size:15px; adding-lef:10px; margin-top: 8px; text-align:center}

.p_de_pop_n h3 {font-weight:bold; color: #111; font-size:17px; height:30px; letter-spacing:-1px; padding:18px 0 5px 0; text-align: center}
.p_de_pop_n .txt {font-size:14px; line-height:18px; padding:5px 0 16px 0; color:#111; display: block;  text-align:center; font-weight:bold}
.p_de_pop_n .txt2 {font-size:13px; display: block; color:#111; margin-bottom:-3px; text-align:center}
.ptrans_info_box { font-size:15px; font-weight:bold; color:#222; overflow: hidden; margin:12px 14px 14px 14px; border-top:1px solid #e0e0e0; border-bottom:none;}
.ptrans_info_box th {width:105px; padding:7px 0 7px 10px; color:#505050; font-size:13px; text-align:left; line-height:18px; background-color: #f1f1f1; border-bottom:1px solid #e0e0e0; font-weight:normal; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum" }
.ptrans_info_box td {padding:7px 0 7px 7px;  border-bottom:1px solid #e0e0e0; background-color: #fff; font-size:14px; font-family:"맑은 고딕","Malgun Gothic","Apple SD Gothic Neo","Dotum"  }
.ptrans_info_box td em { color:#EF4141}
.ptrans_info_box td.txt {font-size:12px; font-weight: normal; color:#959595 }
.ptrans_info_box td.txt2 {font-size:13px; font-weight: normal;  padding:15px 0; line-height:24px; text-align: center}



/* 202106 종료된 이벤트 개편*/
.free_coupon {display: block;width: 100%;margin: 10px auto 0;}
.free_coupon .event_list  {display: block; position: relative;}
.free_coupon .data_wrap {display: block;color: #101010;font-size: 19px;line-height: 25px;font-weight: bold;}
.free_coupon .img_wrap img {display: block; width: 100%; padding: 0 0 0 0px;}
.img_wrap {display: block; width: 100%; overflow: hidden;;}
.free_coupon dt {width: 100%; padding-bottom: 10px ;color:#101010;font-size: 18px;line-height: 19px;font-weight: bold;}
.free_coupon dl {width: 100%; padding: 0 0 0px 0px ;}
.free_coupon dd { width: 100%; padding-top: 5px; padding-bottom: 15px ;color: #101010;font-size: 16px;line-height: 16px;letter-spacing: -0.5px;}
.txt_wrap .day {width: 100%; font-size:14px;line-height: 14px; color:#606060;}
.free_coupon .event_list .txt_wrap{display: block;padding:22px 10px 0px 10px; color:#606060; margin-bottom: 20px; font-size: 14px;}
.free_coupon .event_tab {display: block;margin:0 10px 0 10px;}
.btn_more {display:block;margin: 30px 20px 20px;border: 1px solid rgba(125,127,133,0.2);font-size: 15px;line-height: 50px;color: #303038;letter-spacing: -0.5px;text-align: center;}

.notice_view .header dl{ width: 100%;background-color: #FFFFFF;}
.notice_view .header dt {width: 100%; padding-bottom: 15px ;color:#101010;font-size: 18px;line-height: 19px;font-weight: bold;}
.notice_view .header dd { width: 100%; color: #606060;font-size: 13px;line-height: 19px;}
.con_txt {padding:20px 20px 15px 20px; color:#606060; margin-bottom: 25px; font-size: 14px;}
.con_txt .top {color:#606060;line-height: 20px;margin-top: 10px;}
.con {padding:0px 20px 15px 20px; margin-bottom: 25px;}
.con .date{padding:0px 20px 15px 0px; color:#616165; margin-bottom: 25px; font-size: 14px;}
.link_wrap  {width: 100%;line-height: 15px;padding-bottom: 15px}

.con .tit { color: #303038;display: block;font-size: 15px;font-weight: 800;line-height: 2.1rem;letter-spacing: -.3px;}
.notice_view .btn_wrap {margin: 28px 20px 36px;}
.btn_wrap.full .btn {width: 100%;}
.btn.white {background-color: #fff;color: #101010;border: 1px solid #202020;}
.btn {display: inline-block;width: 100%;height: 48px;background-color: #606060;color: #fff;font-size: 16px;line-height: 48px;text-align: center;font-weight: bold;}
.gift_btn {display: inline-block; margin-left:5px; top:60% ;float: right;width:20%;height: 20px;border-radius: 3px;background-color:#fafcfe;color: #0068c3;font-size: 12px;line-height: 22px;text-align: center;border: 1px solid #e7e7e8;letter-spacing: -.8px;}
.list {width: 100%;height: 20px; display: block; }
.my_info_tab {overflow: hidden; padding: 20px 8px 15px 11px; margin-top: -7px; margin-bottom: 10px}
.my_info_tab .a_cate .on {position: relative; margin: 0 0 0 -1px; border: 1px solid #516eb9;background-color: #658ae7;}
.my_info_tab .a_cate li {float: left; width: 50%; text-align: center; margin-left: -1px; border: 1px solid #abb0bb;background-color: #b9bfcb;box-sizing: border-box;}
.my_info_tab .a_cate .link_tab {display: block; padding: 10px 0 11px 0; overflow: hidden; height: 20px;font-size: 15px;line-height: 21px;color: #fff;text-decoration: none;cursor: pointer;}

.notice_list ul li a.link_wrap {display: block;padding: 24px 0;margin: -24px 0;padding-right: 35px;}
.winnerListArea li{display: block;padding: 8px 0 15px 0;margin: 0px 0;padding-right: 10px;border-bottom: 1px solid #DFDFDF;}
.winnerListArea li:last-child{border-bottom: none}


/*20220816 1:1문의 첨부파일*/
.cs_file_w {margin-top:15px; position: relative}
.cs_file_w .input_file_button{width:98px; height:30px; line-height:29px; background-color:#fff; border:1px solid #959595; border-radius:1px; color:#222; cursor: pointer; position:absolute; top:-3px; left:0; z-index:1; font-size:13px; text-align:center}
.cs_file_w input {margin-left:31px; color:#959595; font-size:12px; word-spacing:-1px}
.atch_msg2 {font-size:13px; color:#777; clear:both; letter-spacing:-0.5px; padding-top:13px; margin-left:12px; line-height:19px}
.atch_msg2 em {display: inline-block; margin-left:-13px}

.info_agree_box {border:1px solid #e7e7e7; margin-top:10px; word-spacing:-0.5px; font-size:13px}
.info_agree_box .ag_inner {color:#6e6e6e; padding:16px 12px 14px 12px; line-height:19px}
.info_agree_box .ag_chk { color:#222; font-weight:bold; font-size:14px; letter-spacing:-0.5px; padding-bottom:5px}
.info_agree_box .ag_chk input {vertical-align:-4px; margin-right:6px; width:19px; height:19px}
.info_agree_box .ag_chk_txt {display:block; font-weight:bold; color:#444; width:100%; padding-top:4px}
.ver_code_box {float:left; width:170px}
.pass_code a.btn_code_re {border:1px solid #6286de; width:62px; height:32px; line-height:32px; color:#6286de; display:block; float:left; text-align:center; font-size:13px; text-decoration:none; vertical-align:top; margin:0 0 0 4px; padding:0}
.pass_code .code_tit {display: block; word-spacing: -1px; letter-spacing: -0.5px; float: left; font-size:13px; line-height:18px; margin-bottom: 5px; color: #222}

.chk_text {margin-top:7px; color:#222; font-size:13px; letter-spacing:-0.5px; word-spacing:-0.5px}
.chk_text input {width:20px; height:20px; margin-right:5px; vertical-align:-4px}

/*20230313 메뉴개편*/
.cs_top_info {position: relative; padding:11px 10px 6px 0; border-bottom:1px solid #e5e5e5; background:url("/images/mobile/v4/character.png") no-repeat 24px bottom; background-size:60px auto; background-color: #fff}
.cs_top_info .top_intro {padding:0 0 0 100px}
.cs_top_info .top_intro .intro_txt {display: block; padding:0 0 6px 0; font-size:13px; line-height:16px; color: #555; letter-spacing:-0.5px}
.cs_top_info .btn_cs {display:inline-block; font-size:14px; color: #fff; width:120px; height:30px; line-height:33px; text-align:center; border-radius:2px; margin-right:6px}
.cs_top_info .btn_cs.b_t1 {background-color: #e54f47}
.cs_top_info .btn_cs.b_t2 {background-color: #838ea5}
.cs_faq_tit {color: #111; margin:10px 0 6px 9px; font-size:17px; font-weight: bold; letter-spacing: -0.5px; word-spacing:-1px}
/* faq search */
.cs_header {position: relative; width:100%; margin: 0 auto; padding:0 0 17px 0; z-index:10;}
.cs_header .cs_srcharea {position: relative; width:100%; margin: 0 auto; padding:4px 0 3px 0; border:1px solid #ccc; background-color:#fff; border-radius:30px}
.cs_header .cs_title {float: left; padding-right:6px; margin-left:15px; margin-top:6px; font-size:16px; z-index:10; color: #111; letter-spacing:-0.7px;}
.cs_header .cs_title a {color: inherit;}
.cs_header .cs_srch {overflow: hidden; padding:0 40px 0 0}
.cs_header .cs_srchform { position: relative;}
.cs_header .cs_srchform .cs_srchform_txt {width: calc(100% - 25px); border: 0; color: #333; font-size:16px; height:36px; margin-left:15px}
.cs_header .cs_srchform .cs_srchform_btn {position: absolute; top: -1px; right: -40px; width:40px; height: 40px; margin-right:7px}
.cs_header .cs_srchform .cs_srchform_btn .cs_sp_ico {display: block; position: relative; width:30px; height:30px;background:url("/images/mobile/v4/btn_faq_sch.png") no-repeat 9px 3px; cursor: pointer; background-size:20px;}
.cs_header .cs_srchform .cs_srchform_txt::placeholder {color:#9d9da3; letter-spacing: -0.5px; font-size:16px}
.blind {font-size: 0; line-height: 0}
/*tab*/
.faq_tab_list {overflow: hidden; width:100%; border:1px solid #e0e0e0; box-sizing: border-box}
.faq_tab_list li {float: left; position: relative; height:40px;	border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; margin:-1px 0 0 0; background-color: #fff; box-sizing: border-box}
.faq_tab_list li:nth-child(3), .faq_tab_list li:nth-child(6), .faq_tab_list li:nth-child(9) {border-right: none; width:33.4%}
.faq_tab_list li .cs_tab_btn {display: block;overflow: hidden;position: relative;width:100%; height:40px; color:#111; font-size:14px;line-height:25px; letter-spacing:-0.5px;vertical-align: middle;word-break: break-all;	box-sizing: border-box;	*zoom: 1}
.faq_tab_list li.active .cs_tab_btn {color: #fff; font-weight: bold}
.faq_tab_list li {width:33.3%; position: relative}
.faq_tab_list li.active {border-color: #2d3444; background: #2d3444; z-index:10;}
.faq_tab_list button {overflow: visible; border: 0 none; border-radius: 0; cursor: pointer;background: transparent;}
.faq_sub_m {margin-top:5px}
.faq_sub_m a {display:inline-block; margin:7px 0 0 0; padding:0 9px; min-width:61px; height:32px; line-height:32px; font-size:13px; text-align:center; color:#333; letter-spacing:-0.5px; border:1px solid #e0e0e0; border-radius:20px; box-sizing: border-box; text-decoration:none}
.faq_sub_m a.on {background-color:#5478ea; border:1px solid #5478ea; color:#fff; font-weight:bold}
/* faq list */
.faq_lst_n {margin:17px 0 5px 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background-color:#fff}
.faq_lst_n .content {display: none}
.faq_lst_n .active .content {display: block; line-height:21px}
.faq_lst_n .active .answer {overflow: hidden; padding:15px 15px 14px 31px; background: #f6f6f6; font-size:14px; color:#111; line-height:22px;}
.faq_lst_n.ty_faq .subject {padding-left:33px; background:url("/images/mobile/v4/bu_faq_q.png") no-repeat 10px 17px; background-size:16px auto}
.faq_lst_n .subject {display: block; overflow: hidden; position: relative; padding:16px 40px 13px 10px; font-size:14px; color:#111; line-height:21px; text-overflow: ellipsis; letter-spacing:-0.3px; text-decoration:none}
.faq_lst_n > li:first-child {border-top: 0;}
.faq_lst_n > li {position: relative; border-top: 1px solid #ebebeb; overflow:hidden;}
.faq_lst_n .subject .ico_lst_toggle {position: absolute; top:50%; right:11px; margin-top:-5px}
.ico_lst_toggle {display: block; width:16px; height:9px; background-position:0 0}
.cs_sp_ico {background:url("/images/mobile/v4/sp_cs_ico.png") no-repeat; background-size:12px auto}
.active > .subject .ico_lst_toggle { background-position:0 -25px}
.acc_change_w {padding: 0 0 20px 0}
.cs_faq_sch {font-size:16px; font-weight: bold; text-align: center; color:#222; letter-spacing:-0.3px; margin:15px 0 0 0;}
.cs_faq_sch em {color:#e23b32}
/* 팝업 */
.benefit_info {font-size:14px; text-align:left; color:#555}
.benefit_info .bene_cont .inner.info2 {padding:10px 15px 15px 20px}
.benefit_info .bene_cont em {font-weight:bold; color:#ee4a3f}
.bene_ser_tit {color:#111; font-weight: bold; display: block; font-size:14px; padding-bottom:3px; margin-left: -9px; word-spacing:-0.3px}
.bene_ser_tit:before {display:inline-block; height: 3px; width: 3px; margin-right:5px; vertical-align:4px; background-color: #b3b6c7; content: ''}
.bene_ser_tit em {font-weight: normal!important; font-size:11px; letter-spacing: -0.5px; word-spacing: -0.5px; display:inline-block; padding: 0 0 0 6px; vertical-align:2px; }
.btn_bene_ser {display:inline-block; width:60px; height:20px; margin-left:4px; line-height:23px; border-radius:15px; background-color: #6286de; text-align: center; color:#fff; font-weight: normal; font-size:12px; letter-spacing: -0.5px; vertical-align:2px}

/* 20230411 잔액환불 팝업 모바일 모바일 */
.cs_pop_ot { position:relative; width:320px; border:1px solid #242d43; background-color:#ffffeb; margin:0 auto}
.cs_pop_ot .ot_tit {font-size:14px; padding:9px 0 6px 20px; color:#fff; background-color: #242d43; text-align: left}
.cs_pop_ot .ot_step1 {display:block; text-align: center; width:120px; height:8px; margin:20px auto 0 auto; background: url(/images/mobile/v4/cs/step1.png) 0 0 no-repeat; background-size:120px 8px}
.cs_pop_ot .ot_step2 {display:block; text-align: center; width:120px; height:8px; margin:20px auto 0 auto; background: url(/images/mobile/v4/cs/step2.png) 0 0 no-repeat; background-size:120px 8px}
.cs_pop_ot .ot_step3 {display:block; text-align: center; width:120px; height:8px; margin:20px auto 0 auto; background: url(/images/mobile/v4/cs/step3.png) 0 0 no-repeat; background-size:120px 8px}
.cs_pop_ot .ot_step4 {display:block; text-align: center; width:120px; height:8px; margin:20px auto 0 auto; background: url(/images/mobile/v4/cs/step4.png) 0 0 no-repeat; background-size:120px 8px}
.cs_pop_ot .pcon {padding:20px 17px 15px 17px; text-align:center; color:#222; line-height:22px; word-spacing:-0.3px; font-size:14px}
.cs_pop_ot .ot_cont {text-align: left; line-height:21px}
.cs_pop_ot .ot_cont2 {display: block; margin:14px 0 10px 0; font-size:13px; line-height:18px; color: #e91414; word-spacing:-1px}
.cs_pop_ot .point_t1 {color:#e91414}
.cs_pop_ot .para {padding-top:9px; display:block}
.cs_pop_ot .im_noti {color: #372eae; border:1px solid #e2e2d7; font-size:13px; border-radius:2px; line-height:18px; padding:11px 8px 9px 12px; text-align: left; word-spacing:-0.3px}
.cs_pop_ot .ot_ser {background-color: #fff; border:1px solid #cfcfcf; margin:4px 0 0 0; overflow: hidden; text-align: left; line-height:23px; border-radius:1px}
.cs_pop_ot .ot_ser dt {width:95px; float: left; font-weight:bold; background-color: #f5fbfe; display: block; height:30px; padding:11px 0 25px 0; border-right:1px solid #e5e5e5; text-align: center}
.cs_pop_ot .ot_ser dd {float:left; padding:12px 12px 7px 16px; line-height:21px; font-size:13px}
.cs_pop_ot .ot_ser dd.ot_coupon {padding-top: 23px; font-size:14px}
.cs_pop_ot .ot_ser2 {border:1px solid #cfcfcf; margin:4px 0 0 0; overflow: hidden; text-align: left; line-height:23px; border-radius:2px; background-color: #f5fbfe; padding:18px 10px 16px 13px; letter-spacing: -0.5px; font-weight: bold}
.cs_pop_ot .ot_ser2 em {color: #372eae}
.cs_pop_ot .ot_ser2 .btn_ot_go {display:inline-block; background-color:#4e73ce; font-size:12px; height:22px; line-height:24px; text-align:center; text-decoration:none; color:#fff; border-radius:20px; font-weight: normal; padding: 0 10px; margin-left:7px; vertical-align:2px}
.cs_pop_ot .ot_bene_lst {border: 1px solid #ccc; text-align: left; padding:17px 0 0 13px; margin-top: 20px; font-weight: bold; background-color: #f5fbfe; color:#111; line-height:30px; font-size:13px}
.cs_pop_ot .ot_bene_lst em {display: inline-block; width:19px; height:19px; background-color:#4e73ce; color: #fff; vertical-align:0px; text-align: center; margin-right:2px; border-radius: 2px; font-weight: normal; line-height:22px}
.cs_pop_tb {text-align: left; border: 1px solid #ccc; border-top:1px solid #495164; margin:20px auto 10px auto}
.cs_pop_tb table {border-collapse: collapse; background-color: #fff; border:0}
.cs_pop_tb td, .cs_pop_tb th {border-bottom: 1px solid #ececec; padding:10px 7px 7px 10px; letter-spacing: 0; font-size:13px}
.cs_pop_tb th {border-right: 1px solid #ececec; font-weight: normal}
.cs_pop_tb td {font-weight: bold; padding-left:15px}
.ot_btn {text-align: center; margin:20px 0 10px 0}
.ot_btn .btn_w {display:inline-block; margin:0 2px; width:90px; height:35px; border:1px solid #dcdee0; background-color:#fff; border-radius:2px;font-size:13px;line-height:36px;color:#555;text-align:center}
.ot_btn .btn_b {display:inline-block; margin:0 2px; width:90px; height:35px; background-color:#394153; border:1px solid #394153; border-radius:2px;font-size:13px;line-height:36px;color:#fff;text-align:center}
.btn_ot_ser {display:block; width:150px; margin:11px auto 20px auto; background-color:#fff; border: 1px solid #dcdee0; font-size:12px; padding:5px 0 2px 0; text-align:center; text-decoration:none; color:#111; border-radius:20px}
.btn_ot_ser2 {display:block; width:150px; margin:11px auto 20px auto; background-color:#fff; border: 1px solid #dcdee0; font-size:12px; padding:3px 0 0 0; text-align:center; text-decoration:none; color:#111; border-radius:20px; font-weight:normal;}
.btn_ot_ser3 {display:block; width:65px; border:1px solid #ced7db; font-size:11px; height:18px; line-height:20px; text-align:center; text-decoration:none; color:#555; border-radius:20px; font-weight: normal; margin:1px auto 0 auto}

/* 20231129 이벤트 리스트페이지 개편 */
.eventlst {margin:-12px 10px 40px 10px}
.eventlst li {width:100%;  margin-bottom:12px}
.eventlst li a { color: inherit;  text-decoration: none;}
.eventlst .board_item {background: #fff;  border-radius:18px;   padding: 0;  overflow: hidden}
.eventlst .board_item img {vertical-align: top;  width: 100%}
.eventlst .board_item .img_box {position: relative;}
.eventlst .board_item dl  {  padding:17px 20px 16px 25px;   border:1px solid #ccc;   border-top: none; border-radius: 0 0 18px 18px;}
.eventlst .board_item .ev_tit {display:block;  overflow:hidden;  width:100%;  color:#111;  font-size:16px;   letter-spacing:-0.3px; word-spacing:-0.3px;    font-weight:bold;  text-overflow: ellipsis;  white-space: nowrap;}
.eventlst .board_item .ev_det {display: block;  overflow: hidden;  width:100%; margin:2px 0 3px 0; font-size:15px; color:#808080; letter-spacing:-0.5px; word-spacing: -0.5px;  text-overflow: ellipsis;  white-space: nowrap; height:22.5px;}
.eventlst .board_item  .ev_date {color:#808080; font-size:14px}
.eventlst .board_item .dday {    display: inline-block; min-width:23px;  height:18px;  margin:0 9px 0 1px;  padding:0 6px;  border-radius:3px;  border: 1px solid #222;  background: #222;  color: #fff;  font-family: 'Dotum';  font-size: 11px;
	line-height: 20px;  text-align: center;  vertical-align:0; word-spacing:-1.5px}