@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
label, input, button, select, img {vertical-align:middle}

button {cursor:pointer}
textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p, li, dd {
    font-weight: 300;
    color: #767676;
    line-height: 22px;
}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:crimson;text-decoration:none}
input,
select {font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic','돋움', Dotum, sans-serif; font-size:14px; color:#555; font-weight:300; letter-spacing:-0.05em; vertical-align:middle}
input[type="number"],
input[type="text"],
input[type="password"] {display:inline-block; height:34px; line-height:31px; padding:0 9px; border:1px solid #ddd; box-sizing:border-box}
input[type="radio"],
input[type="checkbox"] {display:inline-block; width:20px; height:20px}
input[type="radio"] + label,
input[type="checkbox"] + label {display:inline-block; vertical-align:middle; height:20px; line-height:19px; padding-left:8px; margin-right:16px}
select {display:inline-block; height:34px; line-height:31px; /*padding:0 9px;*/ padding:0 22px 0 6px; border:1px solid #ddd; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; background:#fff url(/images/common/bg_select.gif) 100% 50% no-repeat}
select::-ms-expand {display:none}
input[type="text"] + .ui-datepicker-trigger {vertical-align:middle; margin-left:-1px}
input.hasDatepicker {width:90px}
textarea {display:block; width:100%; padding:8px 9px; line-height:1.333em; border:1px solid #ddd; background:#fff}
input[type="text"].money {background-color:#fff7d8}
input[type="text"].transparent {background-color:transparent; border-color:transparent}
input[type="text"].fill {background:#f5f5f5}

input:not([type=checkbox]):not([type=radio]):disabled,
select:disabled {color:#888; background:#f9f9f9; opacity:1; -webkit-text-fill-color:none}
h3.sub_title, h4.sub_title {
    float: left;
    color: #1d1d1d;
    font-size: 30px;
    font-weight: 100;
}
.tbl_form_write {
    border-top: 1px solid #333;
    table-layout: fixed;
}
table {
    /* border-collapse: collapse; */
    border-spacing: 0;
    width: 100%;
}
hr, caption, legend {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    /* visibility: hidden; */
    font-size: 0;
    line-height: 0;
}
.tbl_form_write tr th {
    padding: 14px 0 15px;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    line-height: 1.5em;
}
.tbl_form_write tr td {
    padding: 7px 0;
    font-weight: 300;
    color: #767676;
    background: #fff;
}
.group_content .group_title .link_common {
    float: right;
    margin-top: 5px;
}
.tbl_form_write tr th, .tbl_form_write tr td {
    border-bottom: 1px solid #ddd;
}
.group_content .group_title .title {
    float: left;
    position: relative;
    padding-left: 12px;
    font-size: 20px;
    font-weight: 500;
}
.group_content .group_title {
    position: relative;
    margin-bottom: 19px;
}
.group_content .group_title:after {
    content: "";
    display: block;
    clear: both;
}

.contentsArticle > .header_article, .contentsArticle > header .location {
    margin-top: 3px;
}
.contentsArticle > .header_article, .contentsArticle > header {
    height: 63px;
}
.tbl_data {
    border-top: 1px solid #333;
    table-layout: fixed;
}
.tbl_data_col tr th {
    padding: 13px 9px 15px;
}
.tbl_data tr th {
    padding: 13px 20px 15px;
    background: #f5f5f5;
    font-weight: normal;
    line-height: 22px;
}
.tbl_data tr th, .tbl_data tr td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
}
.tbl_data_col tr td.nodata {
    padding: 27px 9px;
}
.tbl_data tr th:last-child, .tbl_data tr td:last-child {
    border-right: 1px solid #ddd;
}
.tbl_data_col tr td {
    padding: 13px 9px 15px;
    text-align: center;
}
.link_common {
    display: inline-block;
    padding-right: 14px;
    font-size: 13px;
    font-weight: 300;
    color: #007bc3;
    vertical-align: middle;
    background: url(/images/common/ico-link-gt.gif) 100% 50% no-repeat;
}
.location {
    float: right;
}
.box_visual_top {display:table; width:100%; margin-bottom:40px; border:1px solid #eee}
.box_visual_top .copy {display:table-row}
.box_visual_top .copy .inner {display:table-cell; height:177px; padding:48px 355px 48px 50px; vertical-align:middle; background-color:#fafafa; background-repeat:no-repeat}
.box_visual_top .copy .inner p {font-size:20px; font-weight:500; color:#1d1d1d; margin: 0;}
.box_visual_top .copy .inner p ~ p {margin-top:13px; font-size:16px; line-height:24px; font-weight:300; color:#767676}
.box_visual_top .copy .inner p ~ p strong {font-weight:300; color:#d43301}
/*게임안내*/
/* 인터넷복권-게임안내 */
.content_abount_inbok .list_inbok {
    display: table;
    width: 100%
}

.content_abount_inbok .list_inbok .row {
    display: table-row
}

.content_abount_inbok .list_inbok .row .cell {
    display: table-cell;
    position: relative;
    width: 33.33%;
    width: calc(100% / 3);
    background: #ddd;
    overflow: hidden
}

.content_abount_inbok .list_inbok .row .cell ~ .cell {
    border-left: 21px solid #fff
}

.content_abount_inbok .list_inbok .row ~ .row .cell {
    border-top: 20px solid #fff
}

.content_abount_inbok .list_inbok .row .cell:after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: 1000px;
    background: #fff
}

.content_abount_inbok .list_inbok .row .cell .pic, .content_abount_inbok .list_inbok .row .cell .inner {
    position: relative;
    z-index: 1
}

.content_abount_inbok .list_inbok .row .cell .inner {
    padding: 30px;
    padding-bottom: 95px
}

.content_abount_inbok .list_inbok .row .cell .inner > strong {
    font-size: 16px;
    font-weight: 500;
    color: #00619a
}

.content_abount_inbok .list_inbok .row .cell .inner .list_text_common {
    margin-top: 10px;
    padding-top: 0
}

.content_abount_inbok .list_inbok .row .cell .btn_common {
    position: absolute;
    z-index: 1;
    left: 31px;
    bottom: 31px;
    right: 31px;
    padding: 0
}

.content_abount_inbok .box_visual_top .copy .inner {
    background-image: url(/images/game/bg_about_inbok_top.png);
    background-position: 100% 40px
}
/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;width:970px;height:0;max-width:100%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px; padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../img/a_captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/a_captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/a_captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/a_captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}
.btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff} 

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;line-height:12px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {color:#000;text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;line-height:12px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
button.btn01:focus, button.btn01:hover {color:#fff;}
a.btn02 {display:inline-block;padding:7px;line-height:12px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {color:#fff;text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;line-height:12px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
button.btn02:focus, button.btn02:hover {color:#fff;}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:7px;line-height:12px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:6px 7px;line-height:12px; vertical-align:middle; }

a.btn_cancel {display:inline-block;padding:7px;line-height:12px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;line-height:12px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;line-height:12px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {color:#000;text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px;line-height:12px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {color:#fff;text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;line-height:12px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {color:#fff;text-decoration:none}
.btn_bo_adm input { line-height:12px; padding:7px; }

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
#bo_vc h2 { padding:0; margin:0; font-size:12px; font-weight:bold; font-family:dotum; }
#bo_vc_w ol { padding:0; margin:0; list-style:none; }

/* 글내용 */
#bo_v_title { margin:0; font-family:dotum; font-weight:bold; line-height:18px; }
#bo_v_link li { line-height:14px; }

/* 기본테이블 */
#container_title { font-size:16px; font-family:dotum; padding:0; margin:0; margin-bottom:15px; }
#gall_ul { line-height:16px; }
#gall_ul .gall_text_href { line-height: 22px; }
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0; line-height:12px; border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}
#fboardlist a.bo_cate_link { font-weight:normal; }
#fboardlist input[type=checkbox] {outline-offset:0px; outline:0px; padding:0; margin:0; vertical-align:middle; }

#bo_sch legend { border:0; }

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left;white-space:nowrap;}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 input[type=checkbox] {outline-offset:0px; outline:0px; padding:0; margin:0; vertical-align:middle; }
.tbl_frm01 th label {font-weight:bold; vertical-align:middle; margin:0; }
.tbl_frm01 td label {font-weight:normal; vertical-align:middle; margin:0; }
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0;padding:10px;border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
#captcha.m_captcha #captcha_key{margin-left:3px }
#captcha.m_captcha #captcha_reload span{background:none;display:inline}
#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}


/*서브*/
.content_mypage_home .box_information {
    margin-bottom: 60px
}

.content_mypage_home .box_information:after {
    content: "";
    display: block;
    clear: both
}

.content_mypage_home .box_information .box {
    float: left;
    position: relative;
    width: 440px;
    height: 476px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 30px;
    padding-bottom: 0
}

.content_mypage_home .box_information .box ~ .box {
    float: right
}

.content_mypage_home .box_information .box .head {
    position: relative;
    height: 45px
}

.content_mypage_home .box_information .box .head h4 {
    float: left;
    padding-left: 34px;
    line-height: 26px;
    font-size: 20px;
    font-weight: 500;
    color: #1d1d1d
}

.content_mypage_home .box_information .box .head h4 strong {
    color: #007bc3;
    font-weight: 500
}

.content_mypage_home .box_information .box .head .link_common {
    float: right;
    margin-top: 6px
}

.content_mypage_home .box_information .box .btn_bottom {
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    text-align: center
}

.content_mypage_home .box_information .box .btn_bottom .btn_common {
    margin: 0 3px
}

.content_mypage_home .box_information .box.information .head h4 {
    background: url(/images/mypage/ico_mypage_account.png) 0 50% no-repeat
}

.content_mypage_home .box_information .box.money .head h4 {
    background: url(/images/mypage/ico_mypage_money.png) 0 50% no-repeat
}
.content_mypage_home .box_information .box.money .total_new {
    margin-bottom: 10px;
    padding: 15px 0;
    border: 1px solid #ecdac9;
    background: #fff8f1;
    text-align: center;
}

.content_mypage_home .box_information .box.money .total_new * {
    display: inline-block;
    vertical-align: middle
}

.content_mypage_home .box_information .box.money .total_new span {
    font-size: 18px;
    color: #d43301;
    font-weight: normal;
    margin-right: 15px
}

.content_mypage_home .box_information .box.money .total_new strong {
    font-size: 32px;
    font-weight: 500;
    color: #d43301
}

.content_mypage_home .box_information .box.money .total_new strong ~ span {
    margin-left: 3px
}

.content_mypage_home .box_information .box.money .total_account_number {
    margin-bottom: 10px;
    padding: 5px 10px 10px;
    border: 1px solid #ddd;
    background: #f4f4f4;
    height: 105px;
}

.wrap_help .box_help .p_txt_black {
    color: #333333;
}

.total_account_number_btn {
    background-color: #007bc3;
    color: #fff;
    padding: 7px;
    text-align: center;
    width: 160px;
    font-size: 12px;
    cursor: pointer;
}

.total_account_number_btn a {
    color: #fff;
}

.wrap_help {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    vertical-align: middle
}

.wrap_help .ico_help {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #dedede;
    text-indent: -999em;
    overflow: hidden;
    border-radius: 100%;
    background: url(/images/common/ico_q_mark.png) 50% 50% no-repeat
}

.wrap_help .box_help {
    display: none;
    position: absolute;
    left: 33px;
    top: -11px;
    width: 175px;
    padding: 8px 14px 11px;
    border: 1px solid #007bc3;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1);
}

.wrap_help .ico_help:hover + .box_help, .wrap_help .ico_help:focus + .box_help {
    display: block
}

.wrap_help .box_help:before, .wrap_help .box_help:after {
    content: "";
    position: absolute;
    left: -7px;
    top: 14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 7px 6.5px 0;
}

.wrap_help .box_help:before {
    border-color: transparent #007bc3 transparent transparent;
}

.wrap_help .box_help:after {
    left: -6px;
    border-color: transparent #fff transparent transparent;
}

.wrap_help .box_help p {
    line-height: 22px;
    color: #007bc3
}

.content_mypage_home .box_information .box.money .total {
    margin-bottom: 20px;
    padding: 23px 0 25px;
    border: 1px solid #ecdac9;
    background: #fff8f1;
    text-align: center
}

.content_mypage_home .box_information .box.money .total * {
    display: inline-block;
    vertical-align: middle
}

.content_mypage_home .box_information .box.money .total span {
    font-size: 18px;
    color: #d43301;
    font-weight: normal;
    margin-right: 15px
}

.content_mypage_home .box_information .box.money .total strong {
    font-size: 32px;
    font-weight: 500;
    color: #d43301
}

.content_mypage_home .box_information .box.money .total strong ~ span {
    margin-left: 3px
}

.content_mypage_home .box_information .box.money .tbl_form_write tr th {
    padding: 13px 0 13px
}


/********************************************************
■ PC메인 커스텀
********************************************************/



.main_section .wrap_box.wrap3 .quicklink > ul li a {
    display: block;
    height: 69px;
    padding-left: 63px
}

.main_section .wrap_box.wrap3 .quicklink > ul li a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.main_section .wrap_box.wrap3 .quicklink > ul li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    font-size: 12px;
    color: #777
}

.main_section .wrap_box.wrap3 .quicklink > ul li a span strong {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: normal
}

.main_section .wrap_box.wrap3 .quicklink > ul > li:last-child {
    border-bottom: 0
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q1 a {
    background: url(/images/main/ico_link_cafe.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q2 a {
    background: url(/images/main/ico_link_blog.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q3 a {
    background: url(/images/main/ico_link_fb.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q4 a {
    background: url(/images/main/ico_link_yb.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q5 a {
    background: url(/images/main/ico_link_news.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q6 {
    position: relative
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q6 a {
    background: url(/images/main/ico_link_app2.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q6 .popup-qrcode {
    display: none;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 10px;
    padding: 10px;
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.q6 .popup-qrcode a {
    position: absolute;
    right: 5px;
    top: 5px;
    height: auto;
    padding: 0;
    background: none
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul:after {
    content: "";
    display: block;
    clear: both
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li {
    float: left;
    width: 50%;
    border-bottom: none
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li a {
    height: 65px;
    padding-left: 49px
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li a span {
    font-size: 9px
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li a strong {
    margin-bottom: 0;
    font-size: 9px
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li.a1 a {
    background: url(/images/main/ico_link_app.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .quicklink > ul > li.app ul li.a2 a {
    background: url(/images/main/ico_link_one.png) 4px 50% no-repeat
}

.main_section .wrap_box.wrap3 .care {
    right: 0;
    top: 0;
    width: 281px;
    height: 421px;
    padding: 26px 30px;
    border: 0;
    background: #42628b url(/images/main/bg_center.jpg) 0 0 no-repeat
}

.main_section .wrap_box.wrap3 .care h2 {
    margin-left: -7px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    color: #bfe6ff;
    letter-spacing: -0.025em
}

.main_section .wrap_box.wrap3 .care .name {
    display: block;
    margin-top: 17px;
    margin-left: -7px;
    font-weight: 600;
    font-size: 17px;
    color: #ffcda5;
    letter-spacing: -0.025em
}

.main_section .wrap_box.wrap3 .care .link {
    position: absolute;
    right: 0;
    top: 0 ;
    z-index: 1;
    width: 280px;
    height: 180px;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
    opacity: 0
}

.main_section .wrap_box.wrap3 .care p {
    margin-top: 12px;
    margin-left: -7px;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: #fff
}

.main_section .wrap_box.wrap3 .care p strong {
    display: block;
    margin-top: 4px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    letter-spacing: 0.025em
}

.main_section .wrap_box.wrap3 .care ul {
    margin-top: 64px;
    background: #fff;
}

.main_section .wrap_box.wrap3 .care ul li ~ li {
    border-top: 1px solid #e0e0e0
}

.main_section .wrap_box.wrap3 .care ul li a {
    display: block;
    position: relative;
    padding-left: 86px;
    line-height: 60px;
    font-size: 15px
}

.main_section .wrap_box.wrap3 .care ul li a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4.5px;
    width: 5px;
    height: 9px;
    background: url(/images/layout/ico-location-gt.gif)
}

.main_section .wrap_box.wrap3 .care ul li.s1 a {
    background: url(/images/main/ico_self1.png) 26px 13px no-repeat
}

.main_section .wrap_box.wrap3 .care ul li.s2 a {
    background: url(/images/main/ico_self2.png) 25px 18px no-repeat
}

.main_section .wrap_box.wrap3 .care ul li.s3 a {
    background: url(/images/main/ico_self3.png) 27px 13px no-repeat
}

.link_out {
    margin-top: 30px
}

.link_out ul:after {
    content: "";
    display: block;
    clear: both
}

.link_out ul li {
    float: left;
    width: 214px
}

.link_out ul li:first-child, .link_out ul li:last-child {
    width: 215px
}

.link_out ul li ~ li {
    margin-left: 32px
}

.link_out ul li a {
    display: block;
    box-sizing: border-box;
    height: 42px;
    border: 1px solid #ddd;
    text-align: center
}

.link_out ul li a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.link_out ul li a img {
    vertical-align: middle
}