@charset "utf-8";

.black_support, .black_account {max-width:initial}
.black_support #mArticle, .black_account #mArticle {max-width:1000px;margin:0 auto;padding:0}
.black_account .wrap_highlight {height:200px;padding-bottom:0}
.black_account .bg_register {height:340px;background:url(/images/bg_register.jpg) no-repeat}
.black_account #cMain { top:-20px; }
 
.box_filter {padding-left:30px}
.tit_sub {display:block;width:100%;padding-top:40px;font-weight:normal;font-size:29px;color:#000}
.opt_black {position:relative;height:34px;background-color:#f4f4f4}
.opt_black .link_selected {display:block;padding-left:17px;border:1px solid #ccc;font-size:16px;line-height:32px;background-position:100% -825px;letter-spacing:-1px;color:#7a7a7a;text-decoration:none}
.opt_black .tit_option {display:none}
.opt_black .list_opt {display:none;position:absolute;top:34px;left:0;width:100%;background-color:#d6d6da}
.opt_black .list_opt li {height:36px}
.opt_black .list_opt .link_option {display:block;height:29px;padding:7px 0 0 17px;font-size:15px;color:#7f858b;letter-spacing:-1px;text-decoration:none}
.opt_black .list_opt .on .link_option {color:#f1631b}
.opt_open .link_selected {background-position:100% -41px}
.opt_open .list_opt {display:block}
.opt_open .tit_option {display:block}
.wrap_btn {overflow:hidden;padding:30px 0;text-align:center}

/* FAQ */
.side_faq {float:right;width:288px;padding:43px 0 0 60px}
.side_faq .tit_side {height:38px;font-size:22px;color:#000}
.side_faq .list_side {border-top:2px solid #000;border-bottom:1px solid #000;font-size:17px}
.list_side li {height:62px}
.list_side .link_side {display:block;margin:0 22px;padding:12px 2px 11px;border-top:1px solid #7a7a7a;background-position:100% -700px;line-height:38px;text-decoration:none}
.list_side .fst .link_side {border-top:0 none}
.side_faq .list_category {border:1px solid #7a7a7a;background-color:#fff}
.list_category li {height:63px}
.list_category .link_side {padding-left:5px}
.list_category .on {position:relative;height:64px;margin-bottom:-1px;background-color:#333}
.list_category .on .link_side {border-top:0 none;color:#fff}
.list_category .on .link_side:after {position:absolute;top:0;left:-30px;content:' ';width:30px;height:64px;background:url(/images/bg_side_on.png) no-repeat}
.list_category .fst .link_side {margin-top:-1px}

.cont_faq {float:left;width:1038px;padding-bottom:215px}
.cont_faq .fld_find {overflow:hidden}
.fld_find .wrap_input {position:relative;float:left;width:494px;height:44px;padding-left:34px;border:1px solid #7a7a7a;border-right:0 none;background-color:#fff;background-position:0 -661px}
.fld_find .lab_find {position:absolute;top:11px;left:35px}
.fld_find .inp_find {width:100%;height:44px;border:0 none;font-size:15px;color:#2a2a2a}
.fld_find .btn_search  {float:left;width:170px;height:46px;padding:0;border:1px solid #7a7a7a;font-size:17px;background-color:#f4f4f4;text-align:center;color:#000}
.cont_faq .box_faq {position:relative;margin-top:10px;padding:39px 48px;border:1px solid #7a7a7a;background-color:#fff}
.box_faq .list_faq {overflow:hidden;padding:0 6px 35px}
.box_faq .list_faq li {margin-top:11px;padding-left:18px;background:url(/images/ico_dot.gif) 0 11px no-repeat}
.list_faq .link_faq {font-size:17px;color:#7a7a7a}
.list_faq .link_faq:hover {color:#2a2a2a}
.box_faq .link_more {position:absolute;bottom:33px;right:40px;padding-right:14px;font-size:17px;background-position:100% -719px;text-decoration:none}

.category_faq {overflow:hidden;width:1056px;padding-top:23px}
.category_faq .box_faq {float:left;width:426px;height:246px;margin:18px 16px 0 0;padding:33px 42px 39px}
.category_faq .box_faq .tit_faq {display:block;font-weight:normal;font-size:28px;text-align:center;color:#0087c7}
.category_faq .list_faq {height:140px;padding:35px 0 0}
.category_faq .list_faq li {margin-top:3px}

.box_faq .tit_view {display:block;padding:5px 3px 16px;font-weight:normal;font-size:36px;color:#000;border-bottom:1px solid #7a7a7a}
.box_faq .desc_view {padding:29px 17px 24px;font-size:15px;line-height:24px;color:#7a7a7a}
.box_faq .relate_view {padding:17px 0 45px;border-top:1px solid #7a7a7a}
.relate_view .tit_relate {display:block;padding:0 17px;color:#000;text-decoration:underline}
.relate_view .list_relate {margin-bottom:16px;padding:0 15px 16px;border-bottom:1px solid #7a7a7a}
.relate_view .list_relate li {padding-left:10px;background:url(/images/ico_dot.gif) 0 9px no-repeat}
.relate_view .list_relate .link_relate {color:#7a7a7a}
.relate_view .txt_more {padding:0 10px 0 7px;font-style:italic;color:#7a7a7a}
.relate_view .link_ticket {color:#3c779a;text-decoration:underline}
.link_back {position:absolute;top:-50px;right:0;padding:5px 10px 5px 24px;font-size:21px;background-position:0 -764px;color:#2a2a2a;text-decoration:none}

.cont_faq .faq_tit {overflow:hidden}
.faq_tit .tit_sub {float:left;width:auto}
.faq_tit .fld_find {float:right;padding-top:45px}
.faq_tit .fld_find .wrap_input {width:294px;height:32px;background-position:0 -666px}
.faq_tit .fld_find .lab_find {top:5px}
.faq_tit .fld_find .inp_find {height:32px}
.faq_tit .fld_find .btn_search {width:130px;height:34px}
.box_faq .tit_result {display:block;margin:0 6px 10px;padding:12px 1px 8px;border-bottom:1px solid #ccc;font-size:17px;color:#0087c7}
.box_faq .tit_no {color:#2a2a2a}
.box_faq .txt_no_result {padding-top:124px;font-size:27px;color:#2a2a2a;text-align:center}
.box_faq .info_tip {width:506px;margin:40px auto 120px;padding:27px 36px 30px;border:1px solid #ccc;font-size:15px;background-color:#fcfcfc;color:#2a2a2a}
.info_tip .tit_tip {display:block;font-weight:normal}
.info_tip .list_tip {font-family:Myriad Pro ligiht;color:#7a7a7a}
.info_tip .list_tip li {margin-top:4px;padding-left:15px;background:url(/images/ico_dot.gif) 0 9px no-repeat}

/* 티켓 작성 */
.fld_ticket {padding:10px 0 215px}
.fld_ticket .box_submit {margin-bottom:30px;padding:25px 41px;border-top:1px solid #7a7a7a;border-bottom:1px solid #333142;background-color:#fff}
.box_submit .wrap_item {padding-top:20px;padding-bottom:5px}
.box_submit .item_tit {overflow:hidden;width:818px;padding-bottom:8px}
.box_submit .tit_item {font-weight:normal;font-size:15px;color:#2a2a2a}
.item_tit .tit_item {float:left;font-weight:normal;font-size:15px;color:#2a2a2a}
.item_tit .txt_warning {display:none;float:left;padding:2px 0 0 28px;color:#b34357;background-position:9px -946px}
.box_submit .opt_black {width:311px}
.tf_item {overflow:hidden;width:784px;height:38px;padding:0 16px;border:1px solid #ccc;background-color:#f4f4f4}
.box_submit .tf_item::-webkit-input-placeholder {font-size:16px;color:#7a7a7a}
.box_submit .tf_item:-moz-placeholder {font-size:16px;color:#7a7a7a}
.box_submit .tf_item::-moz-placeholder {font-size:16px;color:#7a7a7a}
.box_submit .tf_item:-ms-input-placeholder{font-size:16px;color:#7a7a7a}
.box_submit .tf_desc {height:170px;padding-top:10px;resize:none}
.warning_item .txt_warning {display:block}
.warning_item .opt_black {width:313px;height:36px}
.warning_item .opt_black .link_selected {border-width:2px;border-color:#cc3366;padding-left:15px;line-height:31px}
.warning_item .tf_item {height:35px;padding-left:15px;padding-right:14px;border-width:2px;border-color:#cc3366}
.warning_item .tf_desc {height:167px;padding-top:7px}

.attach_file {position:relative;width:818px;margin-top:7px;padding:12px 0 15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}
.attach_file .txt_add {display:block;font-weight:normal;font-size:16px;color:#2a2a2a}
.attach_file .lab_file {padding-left:26px;background-position:0 -925px;color:#3c779a;text-decoration:underline}
.attach_file .inp_file {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer}
.attach_file .txt_noti {padding-top:3px;color:#b34357}
.list_attached {overflow:hidden;width:836px;padding-bottom:12px}
.list_attached li {overflow:hidden;float:left;width:398px;height:30px;margin:12px 18px 0 0;border:1px solid #7a7a7a}
.list_attached .link_file {overflow:hidden;float:left;width:364px;line-height:30px;white-space:nowrap;text-overflow:ellipsis}
.list_attached .link_file .ico_black {float:left;width:30px;height:30px}
.list_attached .link_file .ico_file {background-position:-60px -130px}
.list_attached .link_file .ico_image {background-position:-100px -130px}
.list_attached .link_delete {float:left;width:34px;height:30px}
.list_attached .link_delete .ico_delete {display:block;width:8px;height:7px;margin:12px auto 0;background-position:-120px -90px}
.fld_ticket .wrap_btn .btn_black {width:186px;height:52px;font-size:20px}
.fld_ticket .wrap_btn .btn_submit {margin-left:40px;color:#0087c7}
.fld_ticket .wrap_btn .btn_submit:hover {color:#fff}

/* MY */
.sort_ticket {width:100%;height:35px;padding:44px 0 12px}
.sort_ticket .tit_view {float:left;padding:4px 12px 0 0;font-size:18px;color:#242424}
.sort_ticket .opt_black {float:left;width:190px}
.sort_ticket .link_selected {color:#000}
.sort_ticket .list_opt .link_option {color:#000}
.tbl_ticket {width:100%;border-top:1px solid #333142;border-collapse:collapse;border-spacing:0;text-align:center}
.tbl_ticket th {height:39px;border-bottom:1px solid #333142;font-size:15px;color:#000}
.tbl_ticket td {height:63px;border-bottom:1px solid #817f88;font-size:18px;color:#575757}
.tbl_ticket tr:hover td {background-color:#fff;color:#000}
.cont_ticket {overflow:hidden;position:relative;width:100%;padding-bottom:215px}
.cont_ticket .box_ticket {margin-top:10px;padding:44px 50px 50px;border:1px solid #a4a4a4;background-color:#fff}
.cont_ticket .link_back {top:45px}
.box_ticket .info_tit {border-bottom:1px solid #a4a4a4}
.info_tit .tit_subject {display:block;font-weight:normal;font-size:32px;color:#2a2a2a}
.info_tit .txt_date {display:block;padding:5px 0 10px;font-size:15px;line-height:21px;color:#000}
.info_tit .txt_bar {padding:0 30px}
.info_tit .txt_state {display:inline-block;width:126px;height:22px;margin-left:15px;border:2px solid;background-color:#f7f7f7;text-align:center;color:#2a2a2a}
.info_tit .txt_open {border-color:#339966}
.info_tit .txt_resolved {border-color:#cc3366}
.info_tit .txt_close {border-color:#0087c7}
.box_ticket .info_ticket {width:820px;padding-top:13px;border-bottom:1px solid #ccc}
.info_ticket .tit_info {display:block;padding-bottom:3px;font-weight:bold;font-size:15px;color:#2a2a2a}
.info_ticket .list_info {overflow:hidden;padding-bottom:8px;color:#575757}
.info_ticket .list_info li {float:left;width:265px;padding:1px 0 0 5px;background:url(/images/ico_dot.gif) 0 11px no-repeat}
.info_ticket .txt_desc {overflow:hidden;overflow-y:auto;height:170px;margin-top:3px;padding:5px 20px 5px 15px;border:1px solid #ccc;border-bottom:0 none;font-size:16px;background-color:#f7f7f7}
.info_ticket .list_file li {padding:7px 0;border-top:1px solid #ccc}
.list_file .link_file {color:#3c779a}
.ticket_cmt {position:relative;padding-top:11px;padding-bottom:374px}
.ticket_cmt:before {position:absolute;top:20px;left:26px;width:43px;height:22px;content:' ';background:url(/images/bg_cmt_arr.png) no-repeat}
.ticket_cmt .box_ticket {margin-top:30px;padding-top:26px}
.ticket_cmt .box_ticket .tit_cmt {overflow:hidden;display:block;padding-bottom:5px;font-size:18px;color:#2a2a2a}
.ticket_cmt .tit_cmt .ico_write {float:left;width:17px;height:15px;margin:7px 5px 0 0;background-position:-120px -100px}
.ticket_cmt .cont_cmt {overflow:hidden;margin-bottom:-1px;padding:12px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.ticket_cmt .info_thumb {float:left;width:21px;height:20px;background:url(/images/bg_profile.gif) no-repeat}
.ticket_cmt .info_cmt {float:left;width:1254px;padding-left:9px;font-size:15px}
.ticket_cmt .info_cmt .txt_writer {display:block;color:#575757}
.ticket_cmt .info_cmt .link_id {color:#0087c7;text-decoration:underline}
.ticket_cmt .info_cmt .txt_cmt {padding-top:3px;line-height:18px;color:#575757}
.ticket_cmt .list_file {padding-top:7px;color:#3c779a;text-decoration:underline}
.ticket_cmt .list_file li {padding-top:3px}
.ticket_cmt .info_cmt .link_file {color:#3c779a;text-decoration:underline}
.ticket_cmt .tf_cmt {height:130px;padding-top:10px;resize:none}
.ticket_cmt .fld_cmt {display:none;position:absolute;top:0;left:0;width:100%;text-align:left}
.ticket_cmt .info_ticket {border-bottom:0 none}
.ticket_cmt .list_attached {padding-bottom:0}
.ticket_cmt .wrap_btn {overflow:visible;height:62px}
.ticket_cmt .write_open {position:relative}
.ticket_cmt .write_open .fld_cmt {display:block}
.cont_ticket .wrap_btn .btn_black {float:left;width:246px;height:62px;margin-right:30px;font-size:18px;line-height:62px}
.cont_ticket .f_r .btn_black {display:inline;margin-left:30px;margin-right:0}
.cont_ticket .wrap_btn .btn_cmt {color:#0087c7}
.cont_ticket .btn_cmt:hover {color:#fff}
.cont_ticket .wrap_btn .btn_back {width:242px;height:58px;border:2px solid #000;background-color:#fff;color:#2a2a2a}
.cont_ticket .btn_back .ico_arr {padding-left:16px;background-position:0 -970px}
.cont_ticket .btn_back:hover {border-color:#a00d0a;color:#a00d0a}
.cont_ticket .btn_back:hover .ico_arr  {background-position:0 -995px}

/* 비밀번호 변경 */
.my_page {min-width:740px;margin:17px 0 245px}
.box_mypage {overflow:hidden;max-width:1000px;;margin-bottom:30px;padding:61px 0 68px;border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;background:#fff}
.box_mypage .list_newpass {overflow:hidden;width:720px;height:auto;margin:0 auto;background:#fdfdfd}
.box_mypage .list_newpass dt {float:left;width:240px;height:75px;font-size:18px;line-height:45px;color:#575757;clear:both}
.box_mypage .list_newpass dd {float:left;width:480px;height:auto;font-size:20px;line-height:45px;color:#000}
.list_newpass dd .txt_g {padding-left:15px}
.inp_text {display:block;width:523px;height:43px;padding-left:15px;font-size:20px;line-height:42px;color:#575757;border:1px solid #ccc;background:#f7f7f7}
.my_page .btn_save {display:block;width:400px;height:52px;margin:0 auto;font-size:20px}
.list_newpass dd .ico_bullet {display:none;margin-top:5px;padding-left:15px;font-size:14px;line-height:20px;color:#b34357;background-position:0 -1020px}
.list_newpass .warning_item .txt_warning {display:block}
.list_newpass .warning_item .inp_text {border:1px solid #b34357}

/* 로그인 */
.tit_login {text-align:center}
.box_login {position:relative;width:540px;margin:0 auto;padding-top:9px}
.box_login .inp_text {margin-bottom:20px;color:#000}
.box_login .lab_g {position:absolute;top:9px;left:0;width:525px;height:45px;padding-left:15px;font-size:20px;line-height:44px;color:#000;background:none;cursor:pointer}
.box_login .lab_g.lab_pw {top:74px}
.box_login .txt_warning {display:none;position:absolute;top:-41px;left:0;width:523px;height:18px;padding:7px 0 8px 15px;border:1px solid #b34357}
.box_login .txt_warning .ico_bullet {display:block;padding-left:15px;font-size:14px;line-height:20px;color:#b34357;background-position:0 -1020px}
.box_login .check_game {display:block;position:relative;top:-4px;height:32px;margin-bottom:36px;border-bottom:1px solid #ccc}
.box_login .check_game .inp_check {float:left;width:13px;height:13px;margin-top:4px;vertical-align:top;-webkit-appearance:none}
.box_login .check_game .lab_check {display:inline-block;margin-left:8px;font-size:15px;line-height:21px;color:#525252;cursor:pointer}
.box_login .check_game .ico_black {position:absolute;top:4px;left:0;width:13px;height:13px;background-position:-100px -250px;pointer-eventer:none}
.box_login .check_game .ico_check {background-position:-120px -250px;outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.box_login .btn_black {display:block;width:540px;height:52px;margin-bottom:20px;font-size:20px;line-height:52px}
.box_login .link_cant {font-size:15px;line-height:24px;color:#3c779a;text-decoration:underline}
.box_login.warning_item .txt_warning {display:block}
.box_login.warning_item .inp_text {border:1px solid #b34357}

/* 회원가입 */
.black_account #mArticle {padding-bottom:240px}
.register_tit {padding:45px 0 35px;text-align:center;width:1000px}
.register_tit .txt_register {font-size:23px;line-height:26px;color:#636363}
.box_register {padding:60px 0 64px;border-top:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;background-color:#fff}
.box_register .wrap_input {position:relative;width:540px;margin:0 auto}
.box_register .input_item {padding:5px 0 10px}
.box_register .lab_item {display:block;font-size:16px;color:#575757}
.box_register .tf_item {width:506px;height:43px;margin-top:8px;font-size:20px;color:#575757}
.box_register .item_birth {width:555px;height:45px;padding-top:8px}
.item_birth .opt_black {float:left;z-index:10;width:170px;margin-right:15px;background-color:#fff}
.item_birth .opt_black .link_selected {height:43px;background-position:100% -1200px}
.item_birth .opt_black .list_opt {overflow:hidden;overflow-y:scroll;top:45px;width:168px;height:180px;border:1px solid #ccc;border-top:0 none;background-color:#fff}
.item_birth .opt_open .link_selected {background-position:100% -1250px}
.box_register .check_item {overflow:hidden;position:relative;width:100%;padding:20px 0 10px;border-top:1px solid #ccc}
.check_item .ico_check {position:absolute;top:24px;left:0;width:13px;height:13px;background-position:-100px -250px}
.check_item .inp_check {float:left;width:13px;height:13px;margin:4px 9px 0 0;opacity:0.1}
.check_item .lab_check {float:left;font-size:14px;cursor:pointer; width:510px;}
.check_item .lab_check .ico_focus {outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px}
.check_item .lab_on .ico_check {background-position:-120px -270px}
.check_item .lab_check .link_g {color:#3c779a;text-decoration:underline}
.box_register .warning_item {position:relative}
.box_register .warning_item .tf_item {border-width:1px;border-color:#b34357;background-color:#fff}
.box_register .txt_warning {display:block;top:88px;left:0;padding-left:15px;font-size:14px;line-height:16px;color:#b34357;background-position:0 -1020px}
.box_register .warning_item .txt_warning {display:block}
.fld_register .txt_error {position:absolute;top:-46px;left:0;right:0;height:38px;padding:5px 0 0 58px;border:1px solid #b34357;color:#b34357;line-height:16px;background-position:20px -1062px}
.fld_register .btn_register {display:block;width:296px;height:52px;margin:30px auto 0;font-size:20px}
.box_register .tit_register {display:block;margin-bottom:38px;font-size:24px;line-height:30px;color:#000;text-align:center}
.box_register .txt_register {margin-bottom:33px;font-size:18px;line-height:26px;color:#636363;text-align:center}
.box_register .txt_register .link_g {color:#3c779a;text-decoration:underline}
.box_register .box_remail {overflow:hidden;width:611px;height:121px;margin:0 auto;padding:0 0 0 27px;border:1px solid #d9d9d9}
.box_register .box_remail .tit_g {display:block;margin:21px 0 7px;font-size:18px;line-height:30px;color:#000}
.box_register .link_remail {float:left;width:247px;height:33px;margin-right:28px;padding-left:11px;border:1px solid #403f4e;font-size:18px;line-height:34px;color:#575757}
.box_register .link_remail .ico_bullet {float:left;width:30px;height:20px;margin:9px 17px 0 0;background-position:0 -1150px}
.box_register .link_remail:hover {border:1px solid #b34357;color:#b34357;text-decoration:none}
.box_register .link_remail:hover .ico_bullet {background-position:0 -1125px}
.box_register .link_ask {float:left;height:35px;font-size:18px;line-height:34px;color:#575757}
.box_register .link_ask .ico_bullet {float:left;width:22px;height:17px;margin:9px 8px 0 0;background-position:0 -1175px}
.box_register .link_ask .txt_g {color:#3c779a;text-decoration:underline}
.box_register .link_ask:hover {text-decoration:none}
.link_return {display:block;width:350px;height:52px;margin:63px auto 240px;font-size:20px;line-height:52px}
.list_error {width:520px;margin:15px auto 5px}
.list_error li {padding-left:12px;font-size:18px;line-height:26px;color:#575757;background:url(/images/ico_circle.gif) no-repeat 0 11px;text-indent:0px}

/* 에러 페이지 */
.tit_error {text-align:center}
.box_error {margin-bottom:0}
.box_error .box_mypage {height:474px;padding-top:95px;background:#fff url(/images/bg_error.jpg) no-repeat 50% 100%}
.box_error .tit_error {display:block;font-weight:normal;font-size:32px;line-height:40px;color:#000;text-align:center}
.box_error .txt_error {font-size:21px;color:#7a7a7a;text-align:center}