@charset "utf-8";
@import url("reset.css");

/* common class */
.d_none {display:none;}/* w/m common */
.bd_last {border:none !important;}
.bg_last {background:none !important;}
.rel_pos {position:relative;}
.btn_center {text-align:center;}
.btn_center a {margin:0 2px;}
.btn_right {text-align:right;}
.btn_right a {margin:0 2px;}
.gap_0 {margin-bottom:0 !important;}
.gap_t5 {margin-top:5px;}
.gap_5 {margin-bottom:5px;}
.gap_10 {margin-bottom:10px;}
.gap_20 {margin-bottom:20px !important;}
.gap_40 {margin-bottom:40px;}
.gap_mw20 {margin-bottom:20px;}
.gap_default {margin-bottom:40px !important;}
.gap_t_40 {margin-top:30px !important;}
.d_block { display:block;}
.cl_orange {color:#ca4e03 !important;}
.cl_purple {color:#76347b !important;}
.cl_black {color:#000000 !important;}
.cl_grey{color:#666666 !important}
.ie8 .placeholder_guidetext { padding:2px}
.w_dnone {display:none}
.w_line_24 { line-height:24px !important;}
.font_b {font-weight:700}
.font_n{font-weight:normal !important}
.font_s20{font-size:20px !important}
.add_comment { font-size:13px; padding-top:5px; padding-left:15px; text-indent:-15px; color:#666666;}
.aling_left {text-align:left !important}
.aling_right {text-align:right !important}
.letter_01 {letter-spacing:-1px;}
.pos_left {position:absolute; left:10px; top:0}
/* input type */
input[type="text"] {padding:4px 0 4px 5px;height:18px;border:1px solid #dddddd}
input[type="password"] {padding:4px 0 4px 5px;height:18px;border:1px solid #dddddd}
input[type="text"] ,select { color:#666666 !important}

/* mobile */
@media all and (max-width:21.2cm){
    .w_dnone {display:block}
    .m_dnone {display:none;}
    .m_dblock {display:block;}
    .gap_10 {margin-bottom:20px;}
    .gap_t10 {margin-top:10px;}
    .gap_t20 {margin-top:20px;}
    .gap_t_40 {margin-top:40px !important;}
    .gap_mw20 {margin-bottom:20px;}
    .gap_default {margin-bottom:30px !important;}
    p.w_dnone.cl_orange.gap_t10 { text-indent:-18px; padding-left:18px;}/* mobile comment */
    .letter_01 {letter-spacing:0px;}
    .pos_left {position:absolute; left:10px; top:100%}
}

/* skipnavigation */
.skipnavigation a {display:block; overflow:hidden; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; font-size:0; line-height:0; text-align: center;}
.skipnavigation a:hover, .skipnavigation a:active, .skipnavigation a:focus {width:100%; height:auto; margin:0; padding:5px 0; font-weight:700; font-size:12px; font-family:font-family:'나눔고딕',NanumGothic,ng,Tahoma,Sans-serif; color:#333; line-height:1; text-decoration:none !important; text-indent:10px}

/* ======= layout ======== */
#topheader {width:100%;background:url("../images/common/bg_header.gif") repeat-x left top;}
.header {position:relative;margin:0 auto;width:979px;height:150px;z-index:15;}
.logo {position:absolute;left:50%;top:59px; width:66px; margin-left:-33px;}
.logo img {width:100%}
.toplink {margin-top:7px;height:23px}
.toplink a {display:inline-block;padding:0px 15px 0px 16px;height:12px;font-size:12px;line-height:12px;color:#333333l;background:url("../images/common/bg_toplink.gif") no-repeat right top}
.toplink a.on {font-weight:700;color:#81017e}
.toplink a.first {padding-left:15px;padding-right:16px;}
.toplink a.last {background:none}
.toplink2 {position:absolute;right:0;top:0;margin-top:7px}
.toplink2 a {display:inline-block;padding-left:15px;height:12px;font-size:12px;line-height:12px;color:#666666}
.topsearch {position:absolute;right:0;top:70px;padding:9px;width:158px;border:1px solid #666666;border-radius:3px; text-align:right}
.topsearch input {font-size:12px;line-height:20px;border:none; padding:0;}
.topsearch a {display:inline-block; width:20px;}
.topsearch a img {width:100%;}
.m_topsearch, .m_search {display:none;}
.btn_info {position:absolute;left:104px;top:70px}
.btn_info a {display:inline-block;padding:12px 10px 12px 35px;height:15px;font-weight:700;font-size:13px;line-height:15px;color:#ca4e03;background:url("../images/common/bg_btn_info.gif") no-repeat 10px 10px;border:1px solid #ca4e03;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.toplogin,.toplogout {display:none;}
.btn_gnb {margin-top:40px}
.btn_gnb a {display:inline-block;padding:12px 10px 12px 11px;height:15px;font-weight:700;font-size:13px;line-height:15px;color:#ffffff;background:#666666;border:1px solid #666666;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.btn_gnb a.on {background:#000000}
.btn_gnb a,.btn_gnb a:hover,.btn_gnb a:active,.btn_gnb a:link {color:#ffffff}
.btn_gnb span {padding-left:23px;background:url("../images/common/bg_btn_gnb.png") no-repeat left top; background-size:16px 14px; color:#ffffff}
.ie8 .btn_gnb span {padding-left:23px;background:url("../images/ie/bg_btngnb.png") no-repeat left top; color:#ffffff}

#gnb {display:none;position:absolute; left:0; top:150px; width:978px; border-radius:6px; border:1px solid #bbbbbb; z-index:15; background:#ffffff;}
#gnb #all_menu {position:relative; overflow:hidden}
#gnb .m_gnb {display:none;}
#gnb .gnb01 { float:left; width:195px; border-right:1px solid #e2e2e2;}
#gnb .gnb01.last {border-right:none; width:194px;}
#gnb .gnb01 h2 { border-bottom:1px solid #bbbbbb; font-weight:700; padding:13px 0 13px 18px; font-size:16px;}
#gnb .gnb01 ul a { display:block; color:#666666;}
#gnb .gnb01 ul li span a { display:block; padding:13px 0 12px 18px; border-bottom:1px solid #e2e2e2; font-size:12px; font-weight:700;}
#gnb .gnb01 ul li.sub span a {background:url('../images/common/bg_gnb.gif') no-repeat 170px -22px;}
#gnb .gnb01 ul li.on span a { padding:13px 0 13px 18px; border-bottom:1px solid #76357a; color:#ffffff; margin:-1px 0 0 -1px;background:#76357a;}
#gnb .gnb01 ul li.on.sub span a {background:#76357a url('../images/common/bg_gnb.gif') no-repeat 170px 19px;}
#gnb .gnb01 ul ul{ background:#f7f7f7; border-bottom:1px solid #c8c8c8; padding:8px 0;}
#gnb .gnb01 ul ul a{ padding:5px 0 5px 25px; font-size:12px;}
#gnb .gnb01 ul ul li a:hover{ padding:5px 0 5px 26px; background:url('../images/common/bg_gnb.gif') no-repeat 18px -55px; color:#000000; font-weight:700}
#gnb .marketarea{clear:both; border-top:1px solid #bbbbbb; padding:20px 0;}
#gnb .marketarea .mkt_bnr { float:left; width:50%; text-align:center;}
#gnb .marketarea .m_area01, #gnb .marketarea .m_area02{ float:left;position:relative; width:50%;}
#gnb .marketarea .m_area01 p, #gnb .marketarea .m_area02 p{ font-size:13px; padding-left:115px;}
#gnb .marketarea .m_area01 p strong, #gnb .marketarea .m_area02 p strong{ display:block; font-weight:700; color:#000000; font-size:16px;}
#gnb .marketarea .m_area{ position:absolute; left:10px; top:0; width:108px; height:80px; overflow:hidden; text-align:center;}
#gnb .marketarea .btn_marketing{ display:inline-block; margin:5px 0 0 115px; background:url("../images/main/bg_news_list.gif") no-repeat right 9px; padding:0 8px 0 0;}
#footer {clear:both;position:relative;margin:0px auto;padding-bottom:50px;width:979px}
#footer .footlist {margin:5px 0 9px 0}
#footer .footlist a {font-size:12px;line-height:12px;height:12px;color:#666666}
#footer .footlist span {padding:0 8px;background:url("../images/common/bg_footlist.gif") no-repeat right 3px}
#footer .footlist span.first {padding-left:0}
#footer .footlist span.last {padding-right:0;background:none}
#footer .copyright {font-weight:700;font-size:12px;line-height:12px;color:#000000}
#footer .sns {position:absolute;right:330px;top:8px}
#footer .sns li {float:left;margin-right:8px}
#footer .sns li.last {margin-right:0}
#footer .hotlink {position:absolute;right:154px;top:0}
#footer .hotlink a.close {display:inline-block;padding:8px 0 8px 12px;width:138px;font-size:12px;line-height:12px;height:12px;color:#666666;border:1px solid #e1e1e1;border-radius:4px;background:url("../images/common/bg_foot_site_close.gif") no-repeat 130px center}
#footer .hotlink a.open {display:inline-block;padding:8px 0 8px 12px;width:138px;font-size:12px;line-height:12px;height:12px;color:#ffffff;border:1px solid #666666;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#666666 url("../images/common/bg_foot_site_open.gif") no-repeat 130px center}
#footer .hotlist {display:none;overflow:hidden;position:absolute;right:154px;bottom:89px;padding:10px 0 4px 9px;width:141px;background:#ffffff;border-top:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;border-top-left-radius:4px;border-top-right-radius:4px;*bottom:144px}
#footer .hotlist li {padding-bottom:8px}
#footer .hotlist li a {display:inline-block;font-size:12px;line-height:12px;height:12px;color:#000000}
#footer .hotlist li a:hover {text-decoration:underline}
#footer .familysite {position:absolute;right:0;top:0}
#footer .familysite a.close {display:inline-block;padding:8px 0 8px 12px;width:138px;font-size:12px;line-height:12px;height:12px;color:#666666;border:1px solid #e1e1e1;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:url("../images/common/bg_foot_site_close.gif") no-repeat 130px center}
#footer .familysite a.open {display:inline-block;padding:8px 0 8px 12px;width:138px;font-size:12px;line-height:12px;height:12px;color:#ffffff;border:1px solid #666666;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#666666 url("../images/common/bg_foot_site_open.gif") no-repeat 130px center}
#footer .sitelist {display:none;overflow:hidden;position:absolute;right:0;bottom:89px;padding:10px 0 4px 9px;width:141px;background:#ffffff;border-top:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;border-top-left-radius:4px;border-top-right-radius:4px;*bottom:144px}
#footer .sitelist li {padding-bottom:8px}
#footer .sitelist li a {display:inline-block;font-size:12px;line-height:12px;height:12px;color:#000000}
#footer .sitelist li a:hover {text-decoration:underline}

/* ======== layout main ======== */
#container {margin:0 auto;width:979px}
#mcontents {float:left;padding:0 10px 35px 0;width:650px}
.cardarea {position:relative;float:left;margin-right:10px;width:318px;height:268px;border:1px solid #76357a;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:#76357a url("../images/main/bg_cardarea.gif") no-repeat 115px 43px}
.cardarea .card_select {display:block;padding:147px 0 0 0;height:121px;font-weight:700;color:#ffffff;text-align:center}
.cardarea .card_select .tit {display:block;font-size:30px;line-height:40px;}
.cardarea .card_select span {display:block;font-size:16px;line-height:24px}
.cardarea .m_tit {display:none;}
.cardarea .cardlink {display:none;position:absolute;left:0;bottom:0;padding:32px 0 0 88px;width:228px;height:106px;border:1px solid #612665;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:#612665}
.cardarea .cardlink li {padding:0 0 15px 12px;background:url("../images/main/bg_cardarea_list.gif") no-repeat 1px 3px}
.cardarea .cardlink li.last {padding-bottom:0}
.cardarea .cardlink li a {font-size:16px;line-height:16px;font-weight:700;color:#ffffff}
.searcharea {position:relative;float:left;width:318px;height:268px;border:1px solid #ca4e03;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:#ca4e03 url("../images/main/bg_searcharea.gif") no-repeat 115px 43px}
.searcharea .search_select {display:block;padding:147px 0 0 0;height:121px;font-weight:700;color:#ffffff;text-align:center}
.searcharea .search_select .tit {display:block;font-size:30px;line-height:40px;}
.searcharea .search_select span {display:block;font-size:16px;line-height:24px}
.searcharea .m_tit {display:none;}
.searcharea .searchlink {display:none;position:absolute;left:0;bottom:0;padding:32px 0 0 88px;width:228px;height:106px;border:1px solid #a63f00;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:#a63f00}
.searcharea .searchlink li {padding:0 0 15px 12px;background:url("../images/main/bg_searcharea_list.gif") no-repeat 1px 3px}
.searcharea .searchlink li.last {padding-bottom:0}
.searcharea .searchlink li a {font-size:16px;line-height:16px;font-weight:700;color:#ffffff}
.bannerbox {position:relative;float:left;margin-top:10px;width:320px;height:270px}
.bannerbox div {overflow:hidden;width:320px;height:270px}
.bannerbox div ul {width:980px;height:270px}
.bannerbox div ul li {float:left}
.bannerbox .bnt_ctrl {position:absolute;left:50%;bottom:16px; width:240px; height:20px; text-align:center;margin-left:-120px; z-index:1}
.bannerbox .bnt_ctrl .btn_play { padding:0 4px 0 0;}
.bannerbox  .m_arw_left, .bannerbox  .m_arw_right {display:none;}
.infobox {float:left;margin:10px 0 0 10px;width:320px}
.infobox ul li {float:left;width:153px;height:128px;border:1px solid #e1e1e1;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}
.infobox ul li a {display:block;padding:80px 0 35px 0;height:14px;font-weight:700;font-size:14px;line-height:14px;color:#000000;text-align:center}
.infobox li.top {margin-bottom:10px}
.infobox li.left {margin-right:10px}
.infobox li.list01 {background:#e1e1e1 url("../images/main/bg_info_list01.gif") no-repeat center 34px}
.infobox li.list02 {background:#e1e1e1 url("../images/main/bg_info_list02.gif") no-repeat center 34px}
.infobox li.list03 {background:#e1e1e1 url("../images/main/bg_info_list03.gif") no-repeat center 34px}
.infobox li.list04 {background:#e1e1e1 url("../images/main/bg_info_list04.gif") no-repeat center 34px}
.infobox li.list05 {background:#e1e1e1 url("../images/main/bg_info_list05.gif") no-repeat center 34px}

#aside {float:left;width:319px;height:500px}
#aside .loginbox {position:relative;margin-bottom:10px;padding:13px 0 0 15px;height:75px;border:1px solid #e1e1e1;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px}
#aside .idarea {margin-bottom:17px}
#aside .idarea input {padding:8px 0 8px 8px;font-size:12px;line-height:12px;color:#666666;border:1px solid #e1e1e1;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
#aside .btn_login {display:inline-block;position:absolute;right:16px;top:14px;padding-top:6px;width:50px;height:22px;font-size:12px;font-weight:700;text-align:center;color:#ffffff;background:#666666;border:1px solid #666666;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
#aside .saveid {float:left;margin-right:15px}
#aside .saveid input {vertical-align:top}
#aside .saveid label {display:inline-block;padding-left:8px;height:15px;font-weight:700;font-size:12px;line-height:13px;color:#000000;vertical-align:top}
#aside .memarea {margin:10px 0 17px;font-size:16px;}
#aside .meminfo {font-size:12px; }
#aside .meminfo strong { padding:0 0 0 10px}
#aside .meminfo strong:first-child { padding:0}
#aside .join_member {float:left;margin-right:15px;padding-left:10px;background:url("../images/common/blt_right_arrow.gif") no-repeat left 3px}
#aside .join_member a {display:block;height:15px;font-size:12px;line-height:13px;color:#666666}
#aside .find_id {float:left;padding-left:10px;background:url("../images/common/blt_right_arrow.gif") no-repeat left 3px}
#aside .find_id a {display:block;height:15px;font-size:12px;line-height:13px;color:#666666;*letter-spacing:-1px}
#aside .banner {margin-bottom:26px}
#aside .banner ul li {margin-bottom:10px;border:1px solid #e1e1e1;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:url("../images/main/bullit_asidebanner.gif") no-repeat 20px 20px}
#aside .banner ul li.last {margin-bottom:0}
#aside .banner ul li a {display:block;padding:21px 0 0 49px;width:262px;height:37px;font-size:16px;line-height:16px;font-weight:700;color:#000000}
#aside .newsbox {padding-left:20px;}
#aside .newsbox h1 {padding-bottom:10px;font-size:16px;line-height:16px;font-weight:700;color:#000000}
#aside .newsbox article {position:relative;margin-right:12px}
#aside .newsbox article .more {position:absolute;right:0;top:0;padding-right:6px;font-size:11px;line-height:24px;color:#666666;background:url("../images/main/bg_news_list.gif") no-repeat right 9px}
#aside .newsbox article li {padding-left:9px;border-bottom:1px solid #e1e1e1;background:url("../images/main/bullit_dot.gif") no-repeat left 15px}
#aside .newsbox article li a {display:block;padding:10px 0;height:13px;font-size:13px;line-height:13px;color:#666666}
#aside .gap {margin-bottom:30px}

/* mobile + tablet */
@media all and (max-width:21.2cm){
    #wrap, #container , #topheader{ width:100%;}
    /*20131212 수정*/
    #gnb {display:none;left:-16px; top:0px; width:255px; border:none; border-radius:0;transform:translate(-255px, 0);-ms-transform:translate(-255px, 0);-webkit-transform:translate(-255px, 0)}/* left:-265px; */
    #gnb {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 94%, #bababa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(94%,#ffffff), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 94%,#bababa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 94%,#bababa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 94%,#bababa 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 94%,#bababa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bababa',GradientType=1 ); /* IE6-9 */
    }
    #all_menu { width:255px;}
    #gnb .m_gnb {display:block; font-size:18px; font-weight:700; background:#333333; color:#ffffff; padding:16px 0 16px 10px}
    #gnb .gnb01 , #gnb .gnb01.last {float:none; width:auto; border:none;}
    #gnb .marketarea {display:none;}
    #gnb .gnb01 h2 { border-bottom:1px solid #bbbbbb; font-weight:700; font-size:16px; padding:0; background:url('../images/mobile/bul_gnb_01.gif') no-repeat 220px 20px; background-size:9px 9px;}
    #gnb .gnb01 h2.on {background:url('../images/mobile/bul_gnb_02.gif') no-repeat 220px 20px; background-size:9px 9px;}
    #gnb .gnb01 h2 a {display:block; padding:13px 0 13px 18px;}
    #gnb .gnb01 ul a { display:block; color:#666666;}
    #gnb .gnb01 ul li span a { display:block; padding:13px 0 12px 18px; border-bottom:1px solid #999999; font-size:12px; font-weight:700; background:#666666; color:#ffffff;}
    #gnb .gnb01 ul li.sub span a { background:#666666 url('../images/mobile/bul_gnb_03.gif') no-repeat 220px 22px; background-size:7px 4px;}
    #gnb .gnb01 ul li.on span a { padding:13px 0 13px 18px; border-bottom:1px solid #76357a; color:#ffffff; margin:0;background:#76357a;}
    #gnb .gnb01 ul li.on.sub span a {background:#76357a url('../images/mobile/bul_gnb_04.gif') no-repeat 220px 22px; background-size: 7px 4px;}
    #gnb .gnb01 ul ul{ background:#f7f7f7; border-bottom:1px solid #c8c8c8; padding:8px 0;}
    #gnb .gnb01 ul ul a{ padding:5px 0 5px 25px; background:url('../images/mobile/bul_gnb_05.gif') no-repeat 18px 13px; background-size:2px 2px; color:#000000;}
    #gnb .gnb01 ul ul li a:hover{ padding:5px 0 5px 25px;}
    #gnb .m_closegnb {display:block; position:absolute; right:12px; top:13px; width:25px; height:25px; background:url('../images/mobile/bg_gnbclose.gif') no-repeat left top; background-size: 100% 100%;}
    .loginbox {display:none;}
}
/* mobile layout + main */
@media all and (max-width:19.9cm){
    #gnb {display:none;left:-10px; top:-60px; width:255px; border:none; border-radius:0;transform:translate(-255px, 0);-ms-transform:translate(-255px, 0);-webkit-transform:translate(-255px, 0)}/* left:-265px; */

    .header { width:auto; height:auto;}
    .header .toplink {height:40px; background:#f0f0f0;margin:0;}
    .header .toplink a {width:33%; padding:14px 0 13px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-left:-1px; background:none; text-align:center; font-size:14px;}
    .header .toplink a.on { border-bottom:1px solid #ffffff; margin-left:-1px; background:#ffffff;}
    .header .toplink a.last {width:34%;border-right:none; margin-left:0;}
    .header .toplink2 {display:none;}
    .m_head {position:relative; margin:20px 10px;}
    .logo { left:50%; top:0; width:48px; margin-left:-24px;}
    .btn_info {display:none;}
    .btn_gnb {margin:0}
    .btn_gnb a {width:43px; height:43px; padding:0; border-radius:3px; background:#666666 url("../images/common/bg_btn_gnb.png") no-repeat 9px 11px; background-size:25px 21px;}
    .btn_gnb a.on {background:#000000 url("../images/common/bg_btn_gnb.png") no-repeat 9px 11px;}
    .btn_gnb span {display:none;}
    .toplogin {display:block;}
    .toplogin a {display:block;position:absolute;right:54px; top:0; width:43px; height:43px; border-radius:3px; border:1px solid #dddddd; background:url("../images/mobile/bg_btn_login.gif") no-repeat 9px 7px; background-size:26px 30px;}
    .toplogin span {display:none;}
    .toplogout {display:block;}
    .toplogout a {display:block;position:absolute;right:54px; top:0; width:43px; height:43px; border-radius:3px; border:1px solid #dddddd; background:url("../images/mobile/bg_btn_logout.gif") no-repeat 9px 7px; background-size:26px 30px;}
    .toplogout span {display:none;}
    .topsearch {display:none;}
    .m_topsearch {display:block; position:absolute;top:0;right:0;padding:0; width:43px; height:43px; border-radius:3px; border:1px solid #dddddd;}
    .m_topsearch.on { border:1px solid #666666;}
    .m_topsearch a.m_btn_srh {display:block; width:26px; padding:9px 0 0 8px}
    .m_topsearch a.m_btn_srh img { width:100%}
    .m_search {display:block;position:relative; border:1px solid #666666; border-radius:6px; padding:2px 53px 2px 2px;background:#ffffff;margin-top:15px;}
    .m_search input {width:97%; border:none;padding:8px;}
    .m_search .btn_srh {position:absolute; right:0px; top:0px;display:block; width:52px;padding:10px 0 9px; background:#666666; color:#ffffff; text-align:center; border-top-right-radius:5px; border-bottom-right-radius:5px;}
    #mcontents { float:none; width:auto; padding-bottom:20px}
    #mcontents section { float:none;}
    #aside { float:none;width:auto; height:auto; margin:0 10px;}
    .cardarea {width:auto; height:145px; background:#76357a url("../images/main/bg_cardarea.gif") no-repeat 22% 30%; background-size:47px 36px; margin:0 0 10px 10px; border-radius:10px;}
    .cardarea .card_select {display:none;}
    .cardarea .m_tit {display:block; position:absolute; bottom:30px;left:0; width:50%; text-align:center;font-size:23px;line-height:40px; color:#ffffff; font-weight:bold;}
    .cardarea .cardlink {position:relative;display:block; width:50%; height:145px; margin-left:50%; border-radius:0 10px 10px 0;padding:0; margin-top:-1px;}
    .cardarea .cardlink li { padding:0; border-bottom:1px  solid #76357a;background:url("../images/main/bg_cardarea_list.gif") no-repeat 10px 18px}
    .cardarea .cardlink li:last-child {border-bottom:none}
    .cardarea .cardlink li a {display:block; padding:16px 0 15px 25px; font-size:14px;}
    .searcharea {width:auto; height:145px; background:#ca4e03 url("../images/main/bg_searcharea.gif") no-repeat 23% 30%; background-size:36px 36px; margin:0 0 10px 10px; border-radius:10px;}
    .searcharea .search_select {display:none;}
    .searcharea .m_tit {display:block; position:absolute; bottom:30px;left:0; width:50%; text-align:center;font-size:22px;line-height:40px; color:#ffffff; font-weight:bold;}
    .searcharea .searchlink {position:relative;display:block; width:50%; height:145px; margin-left:50%; border-radius:0 10px 10px 0;padding:0; margin-top:-1px;}
    .searcharea .searchlink li { padding:0; border-bottom:1px solid #ca4e03;background:url("../images/main/bg_searcharea_list.gif") no-repeat 10px 18px}
    .searcharea .searchlink li:last-child {border-bottom:none}
    .searcharea .searchlink li a {display:block; padding:16px 0 15px 25px; font-size:14px;}
    .bannerbox {width:auto; height:auto; margin-left:10px;}
    .bannerbox .bnt_ctrl {position:absolute;left:50%;bottom:16px; width:240px; height:20px; text-align:center;margin-left:-120px; z-index:2}
    .bannerbox .btn_play {display:none;}
    .bannerbox  .m_arw_left, .bannerbox  .m_arw_right {display:block;position:absolute; top:50%; margin-top:-27px; width:30px;height:57px;}
    .bannerbox  .m_arw_right {right:0;}
    .bannerbox div, .bannerbox div ul , .bannerbox div ul li , .bannerbox div ul li a{width:100%; height:auto;}
    .bannerbox div ul li a img  { width:100%;}
    .infobox {float:none; width:auto;}
    .infobox ul li {width:48%; height:auto;margin-right:0 !important;}
    .infobox ul li:nth-child(even) {float:right}
    .infobox ul li a { font-weight:700;padding:60px 0px 15px}
    .infobox li.list01 {background:#e1e1e1 url("../images/mobile/bg_info_list01.gif") no-repeat center 20px; background-size:23px 31px;}
    .infobox li.list02 {background:#e1e1e1 url("../images/mobile/bg_info_list02.gif") no-repeat center 20px; background-size:25px 28px;}
    .infobox li.list03 {background:#e1e1e1 url("../images/mobile/bg_info_list03.gif") no-repeat center 20px; background-size:23px 30px;}
    .infobox li.list04 {background:#e1e1e1 url("../images/mobile/bg_info_list04.gif") no-repeat center 20px; background-size:29px 29px;}
    .infobox li.list05 {background:#e1e1e1 url("../images/mobile/bg_info_list05.gif") no-repeat center 20px; background-size:33px 30px;}
    #aside .newsbox {padding-left:0;}
    #aside section {margin-bottom:30px;}
    #aside .newsbox article li a{ font-size:14px;}
    #aside .newsbox article .more { font-size:13px;}
    #footer {clear:both; width:auto; background:#f2f2f2; padding:15px 10px; border-top:1px solid #d7d7d7;}
    #footer .footlist span {word-wrap:word;white-space:nowrap}
    #footer .sns,
    #footer .m_link {display:none;}
}
/* tablet */
@media all and (min-width:20cm) and (max-width:21.2cm){
    .w_dnone {display:block;}
    .header { width:96%;}
    #container {width:650px; margin:0 auto;}
    #mcontents {float:none; padding:0 0 10px;}
    #aside {float:none; width:650px; height:auto; margin:0 auto;}
    #aside .banner li { float:left; width:49%;}
    #aside .banner li:last-child { float:right}
    #aside .newsbox {float:left; width:48%; padding-left:10px;}
    #aside .newsbox:last-child { float:right}
    #footer { width:97%; margin:0 auto}
    #footer .sns { right:0}
    #footer .hotlink  {left:0; top:50px}
    #footer .hotlist  {left:0; bottom:41px; z-index:10;}
    #footer .familysite  {left:155px; top:50px}
    #footer .sitelist  {left:155px; bottom:41px; z-index:10;}
}

/*=== sub common ====*/

/* have_know */
.have_know dt { font-size:16px; font-weight:700; color:#333333; background:url("../images/ie/ico_notice.gif") no-repeat left 2px; padding:0 0 0 25px; margin-bottom:15px;}
.have_know dd li { font-size:13px; line-height:22px; color:#666666; background:url("../images/ie/bul_notice.gif") no-repeat left 10px; padding:1px 5px 0 10px}
.have_know dd li .btn_n {font-size:12px !important}
.have_know dd .v_haveknow {display:none}
.confirm_method {position:relative;margin-bottom:40px}
.confirm_method dt {padding:15px 0 15px 10px;margin-bottom:0;font-size:16px;font-weight:700;color:#000000;background:none;border-top:1px solid #666666;border-bottom:1px solid #dddddd}
.confirm_method dd {display:block;margin-top:15px}
.confirm_method .v_haveknow {display:block;position:absolute;right:10px;top:15px;margin-top:0}
.confirm_method .row {position:relative;padding-left:10px;background:url("../images/member/bg_row_stepbox.gif") no-repeat 197px 75px}
.confirm_method .row h1 {padding:5px 0 20px 0;font-weight:700;font-size:16px;line-height:16px;color:#000000}
.confirm_method .row section {position:relative;float:left;margin-right:60px;width:173px;height:88px;font-weight:700;font-size:13px;line-height:20px;color:#666666;border:1px solid #dddddd;border-radius:5px;background:#fafafa;text-align:center}
.confirm_method .row .stepbox {padding-bottom:170px}
.confirm_method .row .step01 {padding:25px 25px 0 30px;width:118px;height:63px}
.confirm_method .row .step02 {padding:13px 20px 5px 20px;width:132px;height:70px;letter-spacing:-1px}
.confirm_method .row .step03 {margin-right:0;padding:64px 0 0 0;width:173px;height:24px;background:#fafafa url("../images/member/bg_ipin_row.gif") no-repeat center 12px}
.confirm_method .row .step04 {padding:37px 0 0 0;width:173px;height:51px}
.confirm_method .row .step05 {margin-right:0;padding:37px 0 0 0;width:173px;height:51px}
.confirm_method .row .step03area {position:absolute;left:363px;top:170px}
.confirm_method .row .stepinfo li {position:relative;padding:0 0 10px 28px;background:none}
.confirm_method .row .stepinfo li.last {padding-bottom:0}
.confirm_method .row .stepinfo li .bullet_black {left:0;top:0}
.confirm_method .row .bullet_black {position:absolute;left:6px;top:6px}
.confirm_method .high {padding-bottom:20px;border-bottom:1px solid #dddddd;background:url("../images/member/bg_high_stepbox.gif") no-repeat 277px 35px}
.confirm_method .high h1 {padding-top:20px}
.confirm_method .high .stepbox {padding-left:235px}
.confirm_method .w_none {display:none}
.confirm_method .row .txt_no {position:absolute;left:267px;top:172px;font-weight:700;font-size:13px;line-height:13px;color:#010000}
.confirm_method .high .txt_no {position:absolute;left:256px;top:172px;font-weight:700;font-size:13px;line-height:13px;color:#010000}

/* have_know mobile */
@media all and (max-width:21.2cm) {
    .have_know {border-top:1px solid #666666;padding-top:15px;}
    .have_know dt { border-bottom:1px solid #cccccc; padding:0 0 15px 31px;background:url("../images/common/ico_notice.gif") no-repeat 5px 2px; background-size:16px 15px;}
    .have_know dd { position:relative; font-size:13px;}
    .have_know dd ul{ display:none}
    .have_know dd li { background:url("../images/common/bul_notice.gif") no-repeat 3px 11px;background-size:2px 2px}
    .have_know dd .v_haveknow {display:block;position:absolute; right:10px; top:-50px}
    .confirm_method {margin-bottom:34px}
    .confirm_method dt {padding-left:5px;margin-bottom:0;background:none;border-top:none}
    .confirm_method dd {display:block;margin-top:15px}
    .confirm_method .v_haveknow {display:block;position:absolute;right:10px;top:15px;margin-top:0}
    .confirm_method .row {position:relative;padding:0 5px;background:none}
    .confirm_method .row h1 {padding:0 0 10px 0}
    .confirm_method .row section {position:relative;float:none;margin:0 0 20px 0;padding:20px 0;width:100%;height:20px;font-weight:700;font-size:13px;line-height:1.2;color:#666666;border:1px solid #dddddd;border-radius:5px;background:#fafafa;text-align:center}
    .confirm_method .row .toparea {background:url("../images/mobile/bg_m_down_arrow.gif") no-repeat 50% 66px;background-size:10px 12px}
    .confirm_method .row .leftarea {position:relative;float:left;margin-right:10%;padding-top:40px;width:45%;background:url("../images/mobile/bg_m_down_arrow02.gif") no-repeat 50% 4px;background-size:10px 32px}
    .confirm_method .row .leftarea .step04 {float:none;margin:0 0 20px 0;padding:25px 0;width:100%;height:20px;font-size:13px;line-height:20px;text-align:center}
    .confirm_method .row .leftarea .step05 {float:none;margin:0;padding:25px 0;width:100%;height:20px;font-size:13px;line-height:20px;text-align:center}
    .confirm_method .row .leftarea .step04area {margin-bottom:4px;padding-bottom:16px;background:url("../images/mobile/bg_m_down_arrow.gif") no-repeat 50% bottom;background-size:10px 12px}
    .confirm_method .row .leftarea .step04area .step04 {margin-bottom:0}
    .confirm_method .row .rightarea {position:relative;float:right;padding-top:40px;width:45%;background:url("../images/mobile/bg_m_down_arrow02.gif") no-repeat 50% 4px;background-size:10px 32px}
    .confirm_method .row .rightarea .step03area {position:static;margin-bottom:4px;padding-bottom:16px;background:url("../images/mobile/bg_m_down_arrow.gif") no-repeat 50% bottom;background-size:10px 12px}
    .confirm_method .row .rightarea .step03 {float:none;margin:0;padding:20px 0 20px 40%;width:60%;height:auto;font-size:13px;line-height:1.2;text-align:left;background:#fafafa url("../images/mobile/bg_m_ipin_row.gif") no-repeat 15% 45%;background-size:35px 35px}
    .confirm_method .row .rightarea .step03 .bullet_black {position:absolute;left:-5px;top:20px}
    .confirm_method .row .rightarea .step04area {margin-bottom:4px;padding-bottom:16px;background:url("../images/mobile/bg_m_down_arrow.gif") no-repeat 50% bottom;background-size:10px 12px}
    .confirm_method .row .rightarea .step04 {float:none;margin:0;padding:25px 0;width:100%;height:20px;font-size:13px;line-height:20px;text-align:center}
    .confirm_method .row .rightarea .step05 {float:none;margin:0 0 20px 0;padding:25px 0;width:100%;height:20px;font-size:13px;line-height:20px;text-align:center}
    .confirm_method .row .stepbox {padding:0}
    .confirm_method .row .step01 {margin-bottom:20px;padding:20px 0;width:100%;height:auto;font-size:13px;line-height:1.2;text-align:center}
    .confirm_method .row .step02 {margin-bottom:0;padding:20px 10%;width:80%;height:auto;letter-spacing:0}
    .confirm_method .row .stepinfo {display:block}
    .confirm_method .row .stepinfo li {position:relative;padding:0 0 10px 28px}
    .confirm_method .row .stepinfo li .bullet_black {position:absolute;left:0;top:0}
    .confirm_method .row .bullet_black {position:static;margin-right:5px}
    .confirm_method .high {padding-bottom:20px;border-bottom:1px solid #dddddd;background:none}
    .confirm_method .high h1 {padding-top:20px}
    .confirm_method .high .rightarea .step04 {margin-bottom:20px}
    .confirm_method .high .stepbox {padding-left:0}
    .confirm_method .w_none {display:block}
    .confirm_method .row .txt_no {position:absolute;left:60%;top:15px;font-weight:700;font-size:13px;line-height:13px;color:#010000}
    .confirm_method .row .txt_yes {position:absolute;left:20%;top:15px;font-weight:700;font-size:13px;line-height:13px;color:#010000}
}

@media all and (max-width:21.2cm) and (orientation : landscape){
    .confirm_method .row .leftarea .step04 {padding:20px 0}
    .confirm_method .row .leftarea .step05 {padding:20px 0}
    .confirm_method .row .rightarea .step03 {height:20px;line-height:20px}
    .confirm_method .row .rightarea .step04 {padding:20px 0}
    .confirm_method .row .rightarea .step05 {padding:20px 0}
}

/* common button */
.btn_all {display:inline-block; color:#666666;}
.btn_login {width:100px;height:42px;text-align:center;border-radius:4px;background:#666666;font-weight:700;color:#ffffff !important;padding-top:28px;font-size:14px !important;line-height:14px}
.btn_c { padding:3px 10px; font-size:13px; border:1px solid #cccccc; border-radius:4px; font-weight:700;}
.btn_c strong { font-weight:700;}
.btn_c span { display:inline-block; width:8px;height:10px; background:url("../images/ie/bul_btn_c.gif") no-repeat right 3px;}
.ie8 .btn_c span { vertical-align:top;}
.btn_n {font-size:12px;line-height:12px;border:1px solid #cccccc; border-radius:3px; padding:3px 8px;}
.btn_s_org {border-radius:4px; padding:11px 30px; font-weight:700; font-size:14px !important; line-height:14px; color:#ffffff !important; background:#ca4e03; }
.btn_s_gry {border-radius:4px; padding:11px 30px; font-weight:700; font-size:14px !important; line-height:14px; color:#ffffff !important; background:#666666; }
.btn_b_gry {border-radius:4px; padding:20px 30px; font-weight:700; font-size:16px !important; line-height:16px; color:#ffffff !important; background:#666666; }
.btn_s_white {border:1px solid #666666;border-radius:6px; padding:7px 9px; font-weight:400; font-size:13px; color:#333333; background:#ffffff;}
.btn_open {padding-right:19px;background:url("../images/mobile/btn_open.gif") no-repeat right 8px;background-size:9px 5px}
.btn_close {padding-right:19px;background:url("../images/mobile/btn_close.gif") no-repeat right 8px;background-size:9px 5px}
.btn_down {padding:7px 10px;width:84px;font-weight:700;font-size:13px;line-height:13px;border:1px solid #cccccc;border-radius:3px;background:#ffffff url("../images/ie/bul_btn_c.gif") no-repeat 92px 11px}
.emailcheck {padding:4px 9px 6px 9px;font-size:13px;line-height:13px;color:#333333 !important;border:1px solid #666666;border-radius:4px}
.btn_del { padding:4px 24px 6px 9px;line-height:13px;color:#666666 !important;border:1px solid #cccccc;border-radius:3px; background:url("../images/common/bg_delete.gif") no-repeat 40px center; font-weight:700;}
.btn_plus { width:18px; padding:8px; border:1px solid #666666; border-radius:6px;}
.btn_plus img { width:100%;}
.bullet_black {display:inline-block;padding:4px 0;width:18px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-radius:3px;text-align:center}
.ico_new { border:1px solid #ca4e03; color:#ca4e03; border-radius:2px; padding:2px 3px; margin-left:5px; font-size:11px;white-space:nowrap}
.btn_more { padding-right:8px; background:url("../images/common/btn_more.gif") no-repeat right 7px; font-size:12px;}

/* common button mobile */
@media all and (max-width:21.2cm) {
    .btn_login {width:95px; height:42px; padding-top:30px;}
    .btn_c span { background:url("../images/common/bul_btn_c.gif")  no-repeat right 3px; background-size:50% 50%;}
    .btn_c.btn_pop { width:25px; height:25px; padding:0; background:#666666; border-radius:6px; border:0;}
    .btn_c.btn_pop strong {display:none;}
    .btn_c.btn_pop span { width:100%; height:100%; background:url("../images/mobile/btn_pop.gif")  no-repeat 8px 6px; background-size:10px 13px;}
    .btn_open {padding:2px 15px 2px 0; background:url("../images/mobile/btn_open.gif") no-repeat right 8px; background-size:10px 7px; }
    .btn_close {padding:2px 15px 2px 0; background:url("../images/mobile/btn_close.gif") no-repeat right 8px; background-size:10px 7px; }
    .btn_down {padding:7px 9px}
    .emailcheck {display:inline-block;margin-right:0;color:#333333 !important;}
    .emailcheck02 {display:block;margin-top:10px}
    .btn_m_more {width:100%;border:1px solid #dddddd; background:#f4f4f4; border-radius:6px; text-align:center; padding:12px 0;}
    .btn_m_more span { padding-right:14px; background:url("../images/mobile/btn_open.gif") no-repeat right 4px; background-size:10px 7px; }
    .btn_m_more strong{font-weight:normal}
    .btn_spray {width:100%;text-align:center; padding:12px 0;}
    .btn_spray span { padding-right:14px; background:url("../images/mobile/btn_open.gif") no-repeat right 4px; background-size:10px 7px; }
    .btn_upper {width:100%;text-align:center; padding:12px 0;}
    .btn_upper span { padding-right:14px; background:url("../images/mobile/btn_close.gif") no-repeat right 4px; background-size:10px 7px; }
    .btn_more { background:url("../images/mobile/btn_more.gif") no-repeat right 5px; bnackground-size:3px 5px}
    .btn_m_small .btn_s_org, .btn_m_small .btn_s_gry { padding:11px 25px}
    .btn_del { padding:4px 24px 6px 9px; background:url("../images/mobile/bg_delete.gif") no-repeat 40px center; background-size:7px 7px;}

}

/* basic list */
.basic_list { color:#000000;}
.basic_list li {position:relative; padding:1px 0 4px 10px; background:url('../images/common/bul_list.gif') no-repeat 3px 8px;font-weight:700; font-size:14px; color:#000000;}
.basic_list li .num {position:absolute; right:0; top:0}
.basic_list li ul {padding:5px 0}
.basic_list li li {background:none; color:#666666; font-weight:400; text-indent:-11px; font-size:13px}
.basic_list li li a { text-indent:0;}
.basic_list li p { font-weight:400; color:#666666; padding-top:5px;}
.basic_list li p strong { font-size:13px;}
.basic_list_d li { padding:0 0 0 10px; text-indent:-10px; line-height:22px; color:#666666}
.basic_list_d li a { text-indent:0;}

/* tabletype01 */
.compulsion {padding-bottom:10px;font-weight:700;font-size:13px;line-height:13px;color:#000000;text-align:right}
.compulsion span {color:#ca4e03}
.tabletype01 {border-top:1px solid #000000;border-bottom:1px solid #000000}
.tabletype01 table {width:100%}
.tabletype01 table .col01 {width:18%}
.tabletype01 table tbody th {padding:14px 0 14px 10px;font-size:13px;line-height:13px;font-weight:700;color:#000000;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd}
.tabletype01 table tbody td {height:20px; padding:7px 0 6px 10px;font-size:13px;line-height:13px;font-weight:700;color:#666666;border-bottom:1px solid #dddddd}
.tabletype01 table tbody th span {padding-right:5px;color:#ca4e03}
.tabletype01 table tbody .last th,
.tabletype01 table tbody .last td {border-bottom:none}
.tabletype01 table tbody td input[type="text"] {padding:4px 0 4px 5px;height:18px;border:1px solid #dddddd}
.tabletype01 table tbody td input[type="password"] {padding:4px 0 4px 5px;height:18px;border:1px solid #dddddd}
.tabletype01 table tbody td input[type="tel"] {padding:4px 0 4px 5px;height:18px;border:1px solid #dddddd}
.tabletype01 table tbody td select {height:28px;border:1px solid #dddddd}
.tabletype01 table tbody td select.w150 {width:150px}
.tabletype01 table tbody td .txt {padding-left:10px;font-weight:400;font-size:12px;line-height:12px;color:#666666}
.tabletype01 table tbody td .db_txt {display:block;margin-top:10px;font-weight:normal;font-size:12px;line-height:12px;color:#666666}
.tabletype01 table tbody td .emailcheck {margin-right:7px;padding:4px 9px 6px 9px;font-size:13px;line-height:13px;color:#333333;border:1px solid #333333;border--radius:6px; font-weight:400;}
.tabletype01 table tbody td .mailcheck {font-weight:400;font-size:12px;line-height:12px;color:#666666}
.tabletype01 table tbody td .snscheckarea {margin-left:0px}
.tabletype01 table tbody td .txt02 {padding:10px 0 0 0}
.tabletype01 table tbody td .txt02 li {padding-bottom:8px;font-weight:400;font-size:12px;line-height:12px;color:#666666}
.tabletype01 table tbody td .txt03 {padding:0 10px 0 0; font-weight:400;}
.tabletype01 table tbody td .al_chk {padding:0 10px 0 0; font-weight:400;}
.tabletype01 table tbody td .w100 {width:93px}
.tabletype01 table tbody td .w150 {width:143px}
.tabletype01 table tbody td .w200 {width:198px}
.tabletype01 table tbody td .w220 {width:218px}
.point_input_wrap{position:relative;width:100px}
.point_input_wrap .point_input{width:93px;text-align:right; padding-right:5px !important;}
.point_input_wrap .point_text{position:absolute;top:6px;right:-18px;}
.sel_box_w{width:210px}

/* tabletype01 mobile */
@media all and (max-width:21.2cm){
    .tabletype01 table .col01 {width:34%}
    .tabletype01 table tbody th {border-right:none}
    .tabletype01 table tbody td input[type="text"] {width:93%}
    .tabletype01 table tbody td input[type="password"] {width:93%}
    .tabletype01 table tbody td input[type="text"].w50 {width:40%}
    .tabletype01 table tbody td .txt {display:block;padding-left:15px;padding-top:10px;font-weight:400;font-size:12px;line-height:1.2;color:#666666;text-indent:-15px}
    .tabletype01 table tbody td .w_email {display:block;margin-bottom:10px;width:100%}
    .tabletype01 table tbody td select.w150 {width:50%;height:28px;border:1px solid #dddddd}
    .tabletype01 table tbody td .emailcheck {display:inline-block;margin-right:0px;padding:4px 9px 6px 9px;font-size:13px;line-height:13px;;color:#333333;border:1px solid #333333;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}
    .tabletype01 table tbody td .mailcheckarea {display:block;padding-top:10px}
    .tabletype01 table tbody td .snscheckarea {display:block;padding-top:10px;margin-left:0px}
    .tabletype01 table tbody td input[type="text"].w100 {width:22%}
    .tabletype01 table tbody td input[type="tel"].w100 {width:22%}
    .tabletype01 table tbody td input[type="file"].mw100 {width:100%}
    .tabletype01 table tbody td .txt02 li {padding-left:12px;font-weight:400;line-height:1.2;text-indent:-12px}
    .tabletype01 table tbody td .txt02 input[type="text"] {margin-bottom:5px;}
    .tabletype01 table tbody td .db_txt{line-height:15px}
    .tabletype01 table tbody td .txt03 {display:block; padding-bottom:15px}
    .point_input_wrap{position:relative;width:90%;}
    .point_input_wrap .point_input{width:100% !important;}
    .point_input_wrap .point_text{position:absolute;top:6px;right:-25px;}
    .sel_box_w{width:98%}
}

/* tabletype02 */
.tabletype02 {border-top:1px solid #000000;border-bottom:1px solid #000000}
.tabletype02 table {width:100%}
.tabletype02 table tbody td {padding:10px 0 10px 10px;font-size:13px;line-height:13px;font-weight:700;color:#000000;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd}
.tabletype02 table tbody td.right {border-right:none}
.tabletype02 table tbody td a {font-size:13px;line-height:13px;color:#666666}
.tabletype02 table tbody .right td {border-bottom:none}
.tabletype02 table tbody .last td {border-bottom:none}
.tabletype02.a_center td { text-align:center; line-height:24px;}

/* tabletype02 mobile */
@media all and (max-width:21.2cm){
    .tabletype02 {display:none}
}

/*tabletype03 */
.tabletype03 {position:relative;border-top:1px solid #666666;border-bottom:1px solid #666666}
.tabletype03 .col01 {width:65px}
.tabletype03 .col02 {width:199px}
.tabletype03 .col03 {width:244px}
.tabletype03 .col04 {width:184px}
.tabletype03 table {width:100%}
.tabletype03 table.pop_w{float:left;width:50% !important}
.tabletype03 table thead th {padding:17px 0 16px;font-weight:700;font-size:14px;line-height:13px;text-align:center;color:#000000;border-right:1px solid #dddddd;border-bottom:1px solid #666666}
.tabletype03 table thead th.right {border-right:none}
.tabletype03 table tbody th span {padding-right:5px;color:#ca4e03}
.tabletype03 table tbody .last th,
.tabletype03 table tbody .last td {border-bottom:none}
.tabletype03 table tbody .txt_right td {text-align:left; padding:0 10px;line-height:20px}
.tabletype03 table td { height:26px; padding:7px 0;font-weight:400;font-size:13px;line-height:13px;text-align:center;color:#666666;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd}
.tabletype03 table td.right {border-right:none}
.tabletype03 table td.a_left { text-align:left; padding-left:10px;}
.tabletype03 table td.a_right { text-align:right; padding-right:10px;}
.tabletype03 table tbody .tfoot_top th,
.tabletype03 table tbody .tfoot_top td {border-bottom:1px solid #666666;}
.tabletype03 table tfoot tr {background:#f4f4f4;}
.tabletype03 table tfoot th { text-align:center; border-right:1px solid #dddddd}
.tabletype03 table tfoot td { border-bottom:none}
.tabletype03.tb_common th,.tabletype03.tb_common td {border-right:none}
.tabletype03 .tbl_num{position:absolute;top:-25px;left:0}
.tabletype03 .tbl_align{position:absolute;top:-25px;right:0}
.tabletype03 .tbl_align a { padding:0 6px; border-left:1px solid #dfdfdf;}
.tabletype03 .tbl_align a:first-child { border:none;}
.tabletype03 .tbl_align .on { color:#ca4e03;}
.tabletype03 table tbody .btn_c{line-height:18px}
.m_change table tbody tr td{font-weight:700 !important}

/* tabletype03 mobile */
@media all and ( max-width: 21.2cm ){
    .tabletype03 table tbody td { height:auto; padding:12px 0;}
    .tabletype03 .tbl_num{font-size:13px;}
    .tabletype03 table thead th,.tabletype03 tbody th,.tabletype03 table td  { border-right:none;}
    .tabletype03 table.pop_w{float:none;width:100% !important}
    .tabletype03 table thead.md_none tr th{display:none}
    .tabletype03 table tbody tr.md_none{display:none}
    .tabletype03 table tbody tr.m_last td{border-bottom:none}
    .tb_common td,.tb_common th{    display: table-cell;margin: 0;  text-align:left !important; width:100%;float:left;  box-sizing: border-box; border-bottom:none !important;  padding:1px 10px 8px 4px !important;}
    .tb_common thead th {display: none; }
    .tb_common tr { border-bottom:1px solid #dddddd; background:url("../images/mobile/ico_arw.gif") no-repeat 98% center; background-size:8px 14px;}
    .tb_common tr.last {border-bottom:none;}
    .tb_common tr td.a_left{height:25px; padding:0}
    .tb_common tr td.a_left a{ left:0; top:5px; width:100%;color:#000000; z-index:5;}
    .tb_common tr td.a_left a em{display:block; width:92%;overflow:hidden;font-weight:700; line-height:18px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}
    .tb_common tr td{ position:relative;}
    .tb_common tr td:first-child{display: none;}
    .tb_common tr td:before{position:absolute; left:4px; top:2px; content:" "attr(data-label)" "; border-right:1px solid #dddddd;}
    .tb_notice tr td:before{width:47px}
    .tb_notice tr td:nth-of-type(3), .tb_notice tr td:nth-of-type(4){ padding-left:60px !important;}
    .tb_event tr td:nth-of-type(3):before{ width:75px;}
    .tb_event tr td:nth-of-type(3){padding-left:90px !important;}
    .tb_event tr td:nth-of-type(4), .tb_event tr td:nth-of-type(5){display:none}
    .ico_new { display:none}
    .m_change thead th{display:none}
    .m_change tbody tr td{display:table-cell;margin:0px;padding:14px 0 !important;width:100%;float:left;box-sizing:border-box;font-size:14px;text-align:left;}
    .m_change tbody tr td:before{padding:0 50px 0 5px;content:" "attr(data-label)" ";color:#000000;}
    .m_change tbody tr.last td{border-right:none;border-bottom:1px solid #dddddd}
    .m_change tbody tr td.last{border-bottom:none}
}

/* notice view */
.snsarea {margin-bottom:10px;text-align:right}
.snsarea .sns {padding-right:14px}
.snsarea .sns a {margin-right:2px}
.snsarea .sns a img {width:20px;height:20px;vertical-align:top}
.snsarea .sns span {display:inline-block;margin-right:6px;padding-left:5px;background:url("../images/common/bg_count.gif") no-repeat left top}
.snsarea .sns em {display:inline-block;padding:3px 4px 3px 5px;min-width:23px;font-size:13px;line-height:12px;color:#666666;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-radius:2px;text-align:left}
.view_box {margin-bottom:40px;border-top:1px solid #000000}
.view_box .view_tit {border-bottom:1px solid #dddddd}
.view_box .view_mid {border-bottom:1px solid #dddddd}
.view_box .view_bot {border-bottom:1px solid #000000}
.view_box .view_date {float:left}
.view_box .view_date dd {width:645px}
.view_box .view_file {float:left}
.view_box .view_file dd {width:600px;padding:8px 0 8px 20px;}
.view_box .view_file .file_attach { text-decoration:underline; color:#666666; font-size:12px; font-weight:400; padding:0 10px 0 0;}
.view_box .view_count {float:left}
.view_box .txtarea {padding:13px 10px;min-height:275px;font-size:13px;line-height:24px;color:#666666;border-bottom:1px solid #000000}
.view_box dt,
.view_box dd {padding:12px 0;font-weight:700;font-size:14px;line-height:22px;color:#000000}
.view_box dt {float:left;padding-left:10px;width:70px;background:url("../images/common/view_bar.gif") no-repeat right 16px}
.view_box dd {float:left;padding-left:20px;}
.view_list {border-top:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb}
.view_list .list_top {border-bottom:1px solid #dddddd}
.view_list dt,
.view_list dd {padding:14px 0 13px 0}
.view_list dt a,
.view_list dd a {font-size:13px;line-height:13px}
.view_list dt {float:left;padding-left:10px;width:58px;font-weight:700;color:#333333;background:url("../images/common/view_bar.gif") no-repeat right 16px}
.view_list dd {float:left;padding-left:20px;color:#666666}
.view_list dd a {color:#666666}

/* notice view mobile */
@media all and (max-width:21.2cm){
    .btn_print {display:none}
    .snsarea .sns {padding-right:0px}
    .snsarea span.blog_count {margin-right:0}
    .view_box {margin-bottom:30px}
    .view_box .view_tit dd {width:66.6%}
    .view_box .view_date {float:none;border-bottom:1px solid #dddddd}
    .view_box .view_date dd {width:66.6%}
    .view_box .view_file {float:none;border-bottom:1px solid #dddddd}
    .view_box .view_file dd {width:66.6%}
    .view_box .view_count {float:none}
    .view_box .txtarea {padding:13px 10px;min-height:initial;font-size:13px;line-height:24px;color:#666666;border-bottom:1px solid #000000}
    .view_box dt,
    .view_box dd {padding:12px 0;font-weight:700;font-size:14px;line-height:22px;color:#000000}
    .view_box dt {float:left;padding-left:10px;width:70px;background:url("../images/common/view_bar.gif") no-repeat right 16px}
    .view_box dd {float:left;padding-left:20px;width:66.6%}
    .view_list dd {width:66.6%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}

/* paging */
.paginate{padding:15px 0;text-align:center}
.paginate a,.paginate strong{display:inline-block;position:relative;_width /**/:17px;margin-right:0px;padding:3px 8px 5px;border:1px solid #fff;color:#000;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate strong{background:#76357a;color:#ffffff !important}
.paginate .pre{margin-right:1px;padding:7px 0px 5px 0px;}
.paginate .next{margin-left:1px;padding:7px 0px 5px 0px;}
.paginate .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:64px;line-height:normal}
.paginate02 {padding:10px 0;text-align:center}
.paginate02 a,.paginate02 strong{display:inline-block;position:relative;_width /**/:17px;margin-right:0px;padding:2px 5px 2px;color:#666666;font-size:13px;font-weight:bold;line-height:normal;text-decoration:none}
.paginate02 strong{text-decoration:underline;color:#ce5f29 !important}
.paginate02 .pre{margin-right:1px;padding:4px 1px 2px 1px;}
.paginate02 .next{margin-left:1px;padding:4px 1px 2px 1px;}
.paginate02 .pre,.paginate .next{display:inline-block;position:relative;top:1px;_width /**/:64px;line-height:normal}
@media all and (max-width:21.2cm){
    .paginate, .paginate02 {display:none;}
    .paginate_m {  text-align:center;}
    .paginate_m a { border:1px solid #dddddd; padding:8px 15px;}
    .paginate_m span { padding:0 8%}
}
@media all and (min-width:20cm) and (max-width:21.2cm){
    .paginate_m { display:block !important;}
}

/* ==== sub contents layout ===== */
#subwrap { width:980px; margin:0 auto 40px auto; border:1px solid #dddddd; border-radius:8px;}
#subwrap .s_content { padding:39px;}
#subwrap .s_content h3 {height:57px; #height:auto; font-size:38px; line-height:38px; font-weight:700; color:#000000;# padding:0 0 20px; letter-spacing:-2px;}
#subwrap .s_content h3.nocopy {height:77px; #height:auto;# padding:0 0 20px;}
#subwrap .s_content h3.nocopy2 {height:57px}
#subwrap .s_content h4 {font-size:20px; font-weight:700; color:#000000; padding:0 0 20px}
#subwrap .s_content .h4_bullet {font-size:16px;font-weight:700;color:#000000;padding:0 0 15px 18px;background:url("../images/common/bullet_h4.gif") no-repeat left 3px}
#subwrap .s_content .scopy {font-size:24px; font-weight:700; color:#000000; margin-bottom:40px; letter-spacing:-1px;}
#subwrap .s_content .scopy2 {line-height:32px;margin-bottom:34px; letter-spacing:-1px;}
.ie8 #subwrap .s_content .scopy {letter-spacing:0;}
#subwrap .s_content .scopy .subcopy {display:block;font-size:16px; font-weight:400; margin-top:12px; letter-spacing:0; color:#666666; line-height:24px}
.linemap { height:32px; border-bottom:1px solid #dddddd; font-size:13px;}
.linemap .home {float:left; display:block; width:65px; height:25px; padding:7px 0 0 40px; background:url("../images/common/bg_linemap.gif") no-repeat 88px top}
.linemap .dapth2 {float:left;position:relative; width:220px;z-index:10;}
.linemap .dapth2 p a {display:block;padding:7px 0 7px 20px; background:url("../images/common/bg_linemap.gif") no-repeat right -32px; color:#666666;}
.linemap .dapth2.none p a {display:block;padding:8px 0 6px 20px; background:url("../images/common/bg_linemap.gif") no-repeat 200px 0}
.linemap .dapth2 menu, .linemap .dapth_last menu {display:none;position:absolute;left:-18px;top:33px;padding:8px 0;z-index:10;width:221px;background:#ffffff;border:1px solid #dddddd; border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.linemap .dapth2 menu li { padding:4px 0 3px 15px;}
.linemap .dapth2 menu li a {color:#666666;}
.linemap .dapth2 menu li.on a {color:#000000; font-weight:700;}
.linemap .dapth_last {float:left;position:relative; width:200px;z-index:10;}
.linemap .dapth_last p a {display:block;padding:7px 0 7px 20px; background:url("../images/common/bg_linemap.gif") no-repeat 140px -32px; color:#666666;}
.linemap .dapth_last.none p a {display:block;padding:8px 0 6px 20px; background:none;}
.linemap .dapth_last menu li { padding:4px 0 3px 15px;}
.linemap .dapth_last menu li a {color:#666666;}
.linemap .dapth_last menu li.on a {color:#000000; font-weight:700;}
.linemap .dapth_last menu {width:232px}

/* sub contents layout mobile */
@media all and (max-width:21.2cm){
    #subwrap { width:auto; border:none; border-top:1px solid #dddddd; border-radius:0;}
    #subwrap .linemap {display:none;}
    #subwrap .s_content {padding:30px 10px 0;}
    #subwrap .s_content h3, #subwrap .s_content h3.nocopy {height:auto;font-size:24px; font-weight:700; color:#000000; padding-bottom:20px;}
    #subwrap .s_content .scopy {display:none;}
    #subwrap .s_content .scopy.mcopy {display:block; font-size:16px;  margin:-10px 0 30px;}
    #subwrap .s_content .scopy.mcopy .subcopy {display:none;}
    #subwrap .s_content .scopy.mcopy01 {display:block; font-size:16px;  margin-bottom:20px;}
    #subwrap .s_content .scopy.mcopy01 .subcopy { font-size:14px;}
    #subwrap .s_content h4.h4_bullet {background-size:12px 12px;background-position:left 4px;}
}

/* ==== pop layout ===== */
#pop_wrap {width:100%;}
#pop_wrap .hdarea {position:relative;margin-bottom:20px;padding:22px 30px;background:#76357a}
#pop_wrap .hdarea h1 {font-weight:700;font-size:24px;line-height:24px;color:#ffffff}
#pop_wrap .btn_pop_close {position:absolute;right:30px;top:25px}
#pop_wrap .btn_pop_close img {width:19px;height:19px}
#pop_wrap .pop_con {position:relative;overflow-y:scroll;overflow-x:hidden;margin-bottom:10px;padding:0 30px 40px 30px;height:430px;border-bottom:1px solid #666666; color:#666666}
#pop_wrap .pop_con h2 {padding-bottom:17px;font-weight:700;font-size:20px;line-height:20px;color:#000000}
#pop_wrap .pop_con .copy {padding-bottom:35px;width:575px;font-size:13px;line-height:24px;color:#666666}
#pop_wrap .pop_con .copy_w {width:590px}
#pop_wrap .tabletype01 table {#width:98%}
#pop_wrap .info p {float:left;}
#pop_wrap .info img {vertical-align:top}
#pop_wrap .info .first {margin-bottom:36px}
#pop_wrap .info .txt {display:inline-block;width:285px;line-height:24px;color:#666666; margin-top:-3px;}
#pop_wrap .info .img {padding-left:100px}
#pop_wrap .btn_center {margin-bottom:10px}
#pop_wrap .info02 {position:relative}
#pop_wrap .info02 .txt {width:310px}
#pop_wrap .info02 .txt02 {width:320px}
#pop_wrap .info02 .btn_all {margin:6px 0 0 10px}
#pop_wrap .info02 .txt .span_txt {display:block;padding:10px 0 0 10px;width:330px;line-height:24px;color:#666666;text-indent:-10px}
#pop_wrap .info02 .img {padding-left:50px}
#pop_wrap .num {margin-right:10px;padding:3px 6px 4px 5px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-radius:3px}
#pop_wrap .second {position:absolute;left:0;top:198px}
#pop_wrap .second02 {position:absolute;left:0;top:125px}
#pop_wrap .second .txt {width:230px}

/* pop layout mobile */
@media all and (max-width:21.2cm){
    #pop_wrap .hdarea {margin-bottom:30px;padding:19px 10px}
    #pop_wrap .hdarea h1 {font-weight:700;font-size:18px;line-height:18px}
    #pop_wrap .btn_pop_close {position:absolute;right:9.5px;top:19px}
    #pop_wrap .btn_pop_close img {width:17.5px;height:17px}
    #pop_wrap .pop_con {overflow-y:visible;margin-bottom:20px;padding:0 10px 30px;height:100%}
    #pop_wrap .pop_con h2 {font-weight:700;font-size:18px;line-height:18px}
    #pop_wrap .pop_con .copy {padding-bottom:25px;width:97%}
    #pop_wrap .info li {margin-bottom:30px}
    #pop_wrap .info li.first {margin-bottom:30px}
    #pop_wrap .info .num {margin-right:10px;padding:3.5px 7px 3.5px 8px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-top-left-radius:2px;border-bottom-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}
    #pop_wrap .info .txt {width:81%}
    #pop_wrap .info .img {display:none}
    #pop_wrap .btn_center {margin-bottom:20px}
    #pop_wrap .second {position:static}
    #pop_wrap .second02 {position:static}
    #pop_wrap .info02 .txt .span_txt {width:90%}
}


/* ===== member ==== */
/* login */
.login_box {position:relative; border:1px solid #dddddd; border-radius:4px; padding:50px 0 50px 350px; background:url('../images/member/bg_login.gif') no-repeat 160px 70px; margin-bottom:40px;}
.login_box p {padding:2px 0;}
.login_box .inp_login { width:270px; border:1px solid #666666 ; padding:7px 6px 6px; font-size:13px; color:#666666;}
.login_box .p_btn_login {position:absolute; right:160px; top:49px}
.login_box .p_btn_login .btn_login {margin-top:3px;font-size:14px;line-height:14px}
.login_box .chk_id { margin:20px 0;}

/* login mobile */
@media all and (max-width:21.2cm){
    .login_box { padding:0 115px 0 0; background:none; border:none;}
    .login_box .inp_login {width:100%; padding:7px 6px;}
    .login_box .btn_join { min-width:320px;}
    .login_box .p_btn_login {right:0; top:-3px;}
}

/* step */
.memberstep li {float:left;background:url("../images/common/bg_step_off.gif") repeat-x left top;color:#666666;}
.memberstep li span {display:block;padding:20px 0 19px 16px;width:222px;height:13px;font-size:14px;line-height:14px;background:url("../images/common/bg_step.gif") no-repeat right bottom;font-weight:700;}
.memberstep li span em {font-weight:700;}
.memberstep li.left {padding-left:6px;width:219px;border-left:1px solid #cccccc;border-top-left-radius:4px;border-bottom-left-radius:4px}
.memberstep li.right {width:199px;border-right:1px solid #cccccc;border-top-right-radius:4px;border-bottom-right-radius:4px}
.memberstep li.right span {width:173px;background:none}
.memberstep li.on {color:#ffffff;background:url("../images/common/bg_step_on.gif") repeat-x left top}
.memberstep li.on span {background:url("../images/common/bg_step.gif") no-repeat 199px top}
.memberstep .step01 li.on {border-left:1px solid #6357a}
.memberstep .step02 li.left span {background-position:199px -52px}
.memberstep .step02 li.on span {background:url("../images/common/bg_step.gif") no-repeat right top}
.memberstep .step03 li.left span {background-position:199px bottom}
.memberstep .step03 li.mid span {background-position:right -52px}
.memberstep .step03 li.on span {background:url("../images/common/bg_step.gif") no-repeat right top}
.memberstep .step04 li.left span {background-position:199px bottom}
.memberstep .step04 li.mid2 span {background-position:right -52px}
.memberstep .step04 li.on span {width:173px;background:none}
.memberstep02 li span {width:172px}
.memberstep02 li.left {width:174px}
.memberstep02 li.right {width:155px}
.memberstep02 li.right span {width:130px}
.memberstep02 li.on span {background:url("../images/common/bg_step.gif") no-repeat 154px top}
.memberstep02 .step02 li.left span {background-position:154px -52px}
.memberstep02 .step02 li.on span {background:url("../images/common/bg_step.gif") no-repeat right top}
.memberstep02 .step03 li.left span {background-position:154px bottom}
.memberstep02 .step03 li.mid span {background-position:right -52px}
.memberstep02 .step03 li.on span {background:url("../images/common/bg_step.gif") no-repeat right top}
.memberstep02 .step04 li.left span {background-position:154px bottom}
.memberstep02 .step04 li.mid2 span {background-position:right -52px}
.memberstep02 .step04 li.right {width:155px}
.memberstep02 .step04 li.right span {width:130px}
.memberstep02 .step04 li.on span {width:172px;background:url("../images/common/bg_step.gif") no-repeat right top}
.memberstep02 .step05 li.left span {background-position:154px bottom}
.memberstep02 .step05 li.mid2 span {background-position:right -52px}
.memberstep02 .step05 li.on span {width:130px;background:none}
.cardstep li span {width:278px}
.cardstep li.left {padding-left:6px;width:294px}
.cardstep li.right {width:306px}
.cardstep li.right span {width:274px}
.cardstep li.on span {width:278px;background:url("../images/common/bg_step.gif") no-repeat right top}
.cardstep .step02 li.left span {background-position:274px -52px}
.cardstep .step04 li.left span {background-position:274px -104px}
.boxtype01 li {float:left;margin-right:21px;border:1px solid #666666;border-radius:6px}
.boxtype01 li a {display:block;padding:23px;width:238px}
.boxtype01 li.method01 {background:url("../images/common/bg_phone.gif") no-repeat 224px 78px}
.boxtype01 li.method01 span.copy {width:160px}
.boxtype01 li.method02 {background:url("../images/common/bg_ipin.gif") no-repeat 214px 78px}
.boxtype01 li.method02 span.copy {width:160px}
.boxtype01 li.method03 {margin-right:0;background:url("../images/common/bg_usb.gif") no-repeat 223px 78px}
.boxtype01 li.method03 span.copy {width:120px}
.boxtype01 span.select {display:block;padding-bottom:48px;height:20px;font-weight:700;font-size:20px;line-height:20px;color:#333333}
.boxtype01 span.copy {display:block;font-weight:bold;font-size:13px;line-height:20px;color:#666666}
.boxtype02 li {margin-right:20px}
.boxtype02 li a {width:391px}
.boxtype02 li.method01 {background:url("../images/common/bg_14up.gif") no-repeat 348px 100px}
.boxtype02 li.method01 span.copy {width:200px}
.boxtype02 li.method02 {margin-right:0;background:url("../images/common/bg_14down.gif") no-repeat 348px 100px}
.boxtype02 li.method02 span.copy {width:200px}
.boxtype02 span.select {padding-bottom:77px}
.boxtype03 li {float:left;margin-right:11px;padding:20px 20px 0 19px;width:176px;height:128px;border:1px solid #666666;border-radius:5px;background:url("../images/common/bg_step_arw.gif") no-repeat 187px 23px}
.boxtype03 li a {display:block}
.boxtype03 li .select {display:block;padding-bottom:36px;font-weight:700;font-size:20px;line-height:20px;color:#333333}
.boxtype03 li .copy {font-weight:700;font-size:13px;line-height:18px;color:#666666}
.boxtype03 .box04 {margin:0}
.w_small_cert   {float:left;width:570px; padding-left:5px; margin-bottom:0 !important;}
.w_small_cert li a   {width:135px; padding:20px 18px;}
.w_small_cert li .select  {font-size:16px; padding:8px 0 8px 26px;}
.w_small_cert li.method01 {background:url("../images/common/bg_phone_s.gif") no-repeat 30px 18px}
.w_small_cert li.method01 .select, .w_small_cert li.method02 .select { padding-left: 58px;}
.w_small_cert li.method02 {background:url("../images/common/bg_ipin_s.gif") no-repeat 24px 18px}
.w_small_cert li.method03 {margin-right:0;background:url("../images/common/bg_usb_s.gif") no-repeat 12px 20px}

/* step mobile */
@media all and (max-width:21.2cm){
    .memberstep ul {width:100%}
    .memberstep li {float:left;padding-left:1.5%;width:11%;background:url("../images/mobile/m_bg_step_off.gif") repeat-x left top;background-size:1px 52px}
    .memberstep li span {display:block;padding:19px 0 19px 0;width:100%;height:14px;font-weight:700;font-size:14px;line-height:14px;background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .memberstep li span em {display:none}
    .memberstep li.left {padding-left:4.8%;border-left:1px solid #cccccc;border-top-left-radius:4px;border-bottom-left-radius:4px}
    .memberstep li.right {width:9.5%;border-right:1px solid #cccccc;border-top-right-radius:4px;border-bottom-right-radius:4px}
    .memberstep li.right span {background:none}
    .memberstep li.on {width:58.5%;color:#ffffff;background:url("../images/mobile/m_bg_step_on.gif") repeat-x left top;background-size:1px 52px;letter-spacing:-1px}
    .memberstep li.on span {background:url("../images/mobile/m_bg_step01.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step01 li.on {border-left:1px solid #6357a}
    .memberstep .step01 li.on span {padding-left:0;width:100%}
    .memberstep .step02 li.left {width:14%}
    .memberstep .step02 li.left span {padding-left:0;background:url("../images/mobile/m_bg_step03.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step02 li.on {padding-left:3%;width:54.5%}
    .memberstep .step02 li.on span {padding-left:0;width:100%;background:url("../images/mobile/m_bg_step01.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step02 li.right {width:9%}
    .memberstep .step03 li.left {width:14%}
    .memberstep .step03 li.left span {padding-left:0;background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step03 li.mid span {padding-left:0;background:url("../images/mobile/m_bg_step03.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step03 li.on {padding-left:3%;width:54.5%}
    .memberstep .step03 li.on span {padding-left:0;width:100%;background:url("../images/mobile/m_bg_step01.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step03 li.right {width:9%}
    .memberstep .step04 li.left {width:14%}
    .memberstep .step04 li.left span {padding-left:0;background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step04 li.mid span {padding-left:0;background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step04 li.mid2 span {padding-left:0;background:url("../images/mobile/m_bg_step03.gif") no-repeat right top;background-size:20px 52px}
    .memberstep .step04 li.on {padding-left:3%;width:52.5%;border-right:1px solid #cccccc}
    .memberstep .step04 li.on span {padding-left:0;width:100%}
    .memberstep02 li.left {padding-left:4.8%;width:12%}
    .memberstep02 li.right {width:11%}
    .memberstep02 li.right span {width:100%}
    .memberstep02 li.on {width:44.5%}
    .memberstep02 .step02 li.left {width:12%}
    .memberstep02 .step02 li.left span {padding-left:0;background:url("../images/mobile/m_bg_step03.gif") no-repeat right top;background-size:20px 52px}
    .memberstep02 .step02 li.on {padding-left:3%;width:44%}
    .memberstep02 .step02 li.on span {padding-left:0;width:100%;background:url("../images/mobile/m_bg_step01.gif") no-repeat right top;background-size:20px 52px}
    .memberstep02 .step02 li.right {width:9%}
    .memberstep02 .step03 li.left {width:12%}
    .memberstep02 .step03 li.on {width:44%}
    .memberstep02 .step03 li.right {width:9%}
    .memberstep02 .step04 li.left {width:12%}
    .memberstep02 .step04 li.on {width:44%;border-right:none}
    .memberstep02 .step04 li.on span {background:url("../images/mobile/m_bg_step01.gif") no-repeat right top;background-size:20px 52px}
    .memberstep02 .step04 li.right {width:9%}
    .memberstep02 .step04 li.right span {width:100%}
    .memberstep02 .step05 li.left {width:12%}
    .memberstep02 .step05 li.left span {padding-left:0;background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .memberstep02 .step05 li.on {width:43.5%}
    .memberstep02 .step05 li.on span {width:100%}
    .memberstep02 .step05 li.mid2 span {padding-left:0;background:url("../images/mobile/m_bg_step03.gif") no-repeat right top;background-size:20px 52px}
    .cardstep li {padding-left:7.2%;width:15.8%}
    .cardstep li span {background:url("../images/mobile/m_bg_step02.gif") no-repeat right top;background-size:20px 52px}
    .cardstep li.left {padding-left:9.5%;width:17%}
    .cardstep li.right {width:14.1%}
    .cardstep li.right span {width:100%}
    .cardstep li.on {width:45.3%}
    .cardstep .step02 li.on {padding-left:7.2%;width:47.1%}
    .cardstep .step02 li.right {width:14.1%}
    .cardstep .step04 li.on {padding-left:7.2%;width:45.6%}
    .w_small_cert { width:100%; padding:0;}
    .boxtype01 li {float:none;padding:0;border:1px solid #666666;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}
    .boxtype01 li a {display:block;padding:30px 0 30px 17%;width:83%;background:url("../images/mobile/ico_arw.gif") no-repeat 91% 33.5px;background-size:7.5px 13.5px}
    .boxtype01 li.method01 {margin-bottom:10px;margin-right:0;background:url("../images/common/bg_phone.gif") no-repeat 8% 28px;background-size:16px 24px}
    .boxtype01 li.method02 {margin-bottom:10px;margin-right:0;background:url("../images/common/bg_ipin.gif") no-repeat 7% 28px;background-size:24px 24px}
    .boxtype01 li.method03 {margin-right:0;background:url("../images/common/bg_usb.gif") no-repeat 8% 28px;background-size:12.5px 24px}
    .boxtype01 span.select {display:block;padding:0;height:20px;font-weight:700;font-size:20px;line-height:20px;color:#333333}
    .w_small_cert li.method01 .select, .w_small_cert li.method02 .select { padding-left: 0;}
    .boxtype01 span.copy {display:none}
    .boxtype02 li a {padding:30px 0 30px 18%;width:82%}
    .boxtype02 li.method01 {background:url("../images/mobile/m_bg_14up.gif") no-repeat 6.6% 29px;background-size:25.5px 21.5px}
    .boxtype02 li.method02 {margin-bottom:10px;margin-right:0;background:url("../images/mobile/m_bg_14down.gif") no-repeat 6.6% 29px;background-size:25.5px 21.5px}
    .boxtype03 li {float:none;margin-bottom:10px;margin-right:0;padding:20px 10% 20px 3%;width:87%;height:auto;border:1px solid #666666;border-radius:5px;background:url("../images/common/bg_step_arw.gif") no-repeat 90% 23px}
    .boxtype03 li .select {padding-bottom:16px;font-size:20px;line-height:20px}
    .boxtype03 li .copy {line-height:20px}
}

/* terms */
.terms {position:relative;margin-bottom:40px;border-top:1px solid #000000;border-bottom:1px solid #dddddd}
.terms h1 {padding:14px 0 14px 10px;font-weight:700;font-size:16px;line-height:18px;color:#000000;border-bottom:1px solid #dddddd}
.terms .textarea {overflow-y:scroll;padding:20px 0 20px 10px;height:105px}
.terms .textarea_s {overflow:hidden;height:45px;padding:15px 10px; font-szie:13px; color:#666666; line-height:24px;}
.terms .textarea h2 {padding-bottom:25px;height:13px;font-size:13px;line-height:13px;color:#333333}
.terms .textarea ul {padding-bottom:20px}
.terms .textarea li {padding-bottom:10px;font-size:13px;line-height:18px;color:#666666}
.terms .checkarea {position:absolute;right:11px;top:15px; width:188px;}
.terms .checkarea label {padding-left:8px;line-height:13px;color:#666666; font-weight:700;}
.terms .checkarea .first {margin-right:20px}
.terms .checkarea .btn_close {display:none}
.terms .checkarea .btn_open {display:none}

/* terms mobile */
@media all and (max-width:21.2cm){
    .terms {position:relative;min-height:71.5px;margin-bottom:30px;border-top:none;border-bottom:1px solid #dddddd}
    .terms h1 {padding-bottom:9px;font-weight:700;font-size:15px;line-height:16px;color:#000000;border-bottom:1px solid #000000}
    .terms .textarea {overflow-y:visible;padding:20px 0 20px 10px;height:100%;}
    .terms .textarea h2 {padding-bottom:18px;height:13px;font-size:13px;line-height:13px;color:#666666}
    .terms .textarea ul {padding-bottom:10px}
    .terms .textarea li {padding-bottom:10px;font-size:13px;line-height:18px;color:#666666}
    .terms .checkarea {position:static;padding:12.5px 0 12.5px 5px;;border-top:1px solid #dddddd; width:auto;}
    .terms .checkarea label {padding-left:9px;font-size:13px;line-height:13px;color:#666666}
    .terms .checkarea .first {margin-right:19px}
    .terms .checkarea .btn_close {float:right;display:block;font-size:13px;line-height:13px;color:#666666;background-position:28px 5px}
    .terms .checkarea .btn_open {float:right;display:block;font-size:13px;line-height:13px;color:#666666;background-position:28px 5px}
    .terms .hidearea {display:none}
}

/* join */
.boxtype01, .memberstep { margin-bottom:40px}
.pos_right { position:absolute; right:0; top:0}
.pos_right02 { position:absolute; right:70px; top:0}
.t_box { border:1px solid #dddddd; border-radius:8px}
.t_box p.w_line_40 { line-height:40px;}
.t_box p.w_line_40m { line-height:40px; padding:2px 0 15px; }
.t_box_b { border:1px solid #666666; border-radius:8px}
.box_card { padding:100px 0 90px 400px; background:url('../images/common/bg_tcard.gif') no-repeat 200px center; margin-bottom:40px}
.box_card p { font-size:26px; font-weight:700; padding:5px 30px 5px 0; line-height:26px}
.box_card p strong { color:#ca4e03;}
.box_card02 { padding:90px 0 90px 285px; background:url('../images/common/bg_tcard.gif') no-repeat 100px center}
.box_card02 p { font-size:26px; font-weight:700; padding:10px 0 15px; line-height:26px}
.box_card02 .result_list { font-size:16px; line-height:16px; color:#666666}
.box_card02 .result_list li { padding:3px 0 6px}
.box_card10 { padding:90px 0 90px 325px; background:url('../images/common/bg_tcard.gif') no-repeat 150px 85px}
.box_card03{padding:45px 0 45px 224px;background:url(../images/common/img_star_m.gif) no-repeat 120px center;background-size:69px 66px}
.box_card04{padding:40px 0 40px 210px;background:url(../images/common/img_warning.gif) no-repeat 109px center;background-size:72px 61px}
.box_card05{padding:40px 50px 40px 159px;background:url(../images/common/img_warning.gif) no-repeat 56px center;background-size:72px 61px}
.box_card06{padding:40px 0 40px 154px;background:url(../images/common/img_star_m.gif) no-repeat 49px center;background-size:69px 66px}
.box_card07{padding:45px 0 45px 184px;background:url(../images/common/img_give.gif) no-repeat 85px center;background-size:70px 57px}
.box_card_st{font-size:24px;font-weight:700;line-height:32px}
.sub_txt{font-size:16px;margin-top:16px}
.notice_txt{margin-top:10px;font-size:12px;color:#666666;}
.box_card08{padding:65px 0 65px 315px;background:url(../images/common/img_lock.gif) no-repeat 157px center;}
.box_card09{padding:65px 0 65px 275px;background:url(../images/common/img_warning02.gif) no-repeat 93px center;}
.txt_st{font-size:26px;font-weight:700;line-height:40px}
.txt_sub_st{font-size:16px;line-height:16px;padding-top:10px;color:#666666}
.box_card_st{font-size:24px;font-weight:700;line-height:32px}
.sub_txt{font-size:16px;margin-top:16px}
.notice_txt{margin-top:10px;font-size:12px;color:#666666;}
.txt_cnt { text-align:center; margin-bottom:20px; font-size:16px;line-height:16px;color:#666666}
.accept_all {margin-bottom:40px;padding:17px 0 16px 0;text-align:center; font-weight:700;}
.accept_all span {display:inline-block;padding-right:30px;font-size:16px;line-height:16px;color:#010000}
.accept_all input {vertical-align:middle}
.accept_all label {padding-left:8px;font-size:14px;line-height:16px;color:#ca4e03}
.accept_all .yesall {padding-right:19px}

/* join mobile */
@media all and (max-width:21.2cm){
    .boxtype01 { margin-bottom:30px;}
    .memberstep { margin-bottom:20px;}
    .box_card, .box_card02 { margin-bottom:30px; padding:130px 0 30px; background:url('../images/mobile/bg_tcard.gif') no-repeat center 50px; background-size:91px 65px;}
    .box_card p.w_line_40 { line-height:25px;}
    .box_card p { font-size:17px; text-align:center; padding:5px 10px;}
    .box_card02 p { font-size:17px; text-align:center; padding:5px 0 20px;}
    .box_card02 .result_list { width:80%; margin:0 auto; font-size:14px; line-height:14px; color:#666666;}
    .box_card02 .result_list li { padding:3px 0 3px 8px; background:url('../images/mobile/bul_notice.gif') no-repeat left 7px; background-size:2px 2px}
    .box_card03{padding:122px 10px 30px 10px;background:url(../images/mobile/img_star_m.gif) no-repeat center 28px;background-size:69px 66px}
    .box_card04{padding:120px 10px 30px 10px;background:url(../images/mobile/img_warning.gif) no-repeat center 28px;background-size:72px 61px}
    .box_card05{padding:119px 10px 30px 10px;;background:url(../images/mobile/img_warning.gif) no-repeat center 28px;background-size:72px 61px}
    .box_card06{padding:124px 10px 30px 10px;background:url(../images/mobile/img_star_m.gif) no-repeat center 28px;background-size:69px 66px}
    .box_card07{padding:115px 10px 30px 10px;background:url(../images/mobile/img_give.gif) no-repeat center 28px;background-size:70px 57px}
    .box_card08{padding:120px 10px 30px 10px;background:url(../images/mobile/img_lock.gif) no-repeat center 29px; background-size:58px 64px}
    .box_card09{padding:120px 10px 30px 10px;background:url(../images/mobile/img_warning02.gif) no-repeat center 29px;background-size:74px 63px}
    .txt_st{font-size:17px;line-height:25px;text-align:center}
    .txt_sub_st{font-size:13px;line-height:20px;padding-top:5px;text-align:center}
    .box_card_st{font-size:16px;line-height:25px;text-align:center}
    .sub_txt{font-size:13px;margin-top:10px;text-align:center}
    .accept_all {margin-bottom:30px;padding:19px 0;text-align:center}
    .accept_all span {display:block;padding:0 0 20px 0;font-weight:bold;font-size:16px;line-height:16px;color:#010000}
    .accept_all label {font-weight:bold;font-size:14px;line-height:14px;color:#ca4e03}
    .accept_all .yesall {padding-right:20px}
    .txt_cnt {font-size:13px;line-height:20px}

}
/* find */
.find_box { float:left; width:390px; margin-bottom:40px; border:1px solid #666666; border-radius:8px; padding:23px;}
.find_box:first-child { margin-right:20px;}
.find_box p { font-size:13px; font-weight:700; margin-bottom:40px;}
.pw_use {padding-left:10px; color:#76347b;}
.pw_unuse {padding-left:10px; color:#ca4e03;}
.m_tabs {margin-bottom:40px;background:url('../images/common/bg_tab_line.gif') repeat-x left bottom}
.m_tabs li {position:relative;float:left;margin-left:-1px;border-top:1px solid #dddddd;border-bottom:1px solid #666666;border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-top-left-radius:6px;border-top-right-radius:6px;}
.m_tabs li a {display:block;padding:17px 39px 16px 39px;font-size:14px;font-weight:700;line-height:14px;color:#666666;text-align:center;letter-spacing:-1px}
.m_tabs li.on {margin-left:0;border-top:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #ffffff;z-index:5}
.m_tabs li.on a{color:#000000}

@media all and (max-width:21.2cm){
    .m_tabs {margin-bottom:30px;background:none}
    .m_tabs, .m_tabs li a { display:block;}
    .m_tabs li {float:left;padding:0;margin-bottom:10px;border:none;background:none}
    .m_tabs li a {background:#ffffff; border:1px solid #dddddd; border-radius:8px; padding:16px 0; color:#666666; font-weight:700; text-align:center;letter-spacing:0}
    .m_tabs li.on {border:none}
    .m_tabs li.on a {background:#666666; color:#ffffff; }
    .find_box  {display:none;}
    .find_box:first-child  {display:block;}
    .find_box  { float:none; width:100%; border:none; padding:0;}
    .find_box h4, .find_box p  {display:none;}
    .find_box h4, .find_box p  {display:none;}
    .btn_c.btn_phone {width:100%;border:1px solid #666666;border-radius:5px; padding:0; background:url("../images/common/bg_phone.gif") no-repeat 8% 28px;background-size:16px 24px; margin-bottom:10px;}
    .btn_c.btn_phone span {display:none;}
    .btn_c.btn_phone strong {display:block;padding:30px 0px 30px 17%;background:url("../images/mobile/ico_arw.gif") no-repeat 91% 33.5px;background-size:7.5px 13.5px; font-size:20px;}
    .btn_c.btn_ipin {width:100%;border:1px solid #666666;border-radius:5px; padding:0; background:url("../images/common/bg_ipin.gif") no-repeat 7% 28px;background-size:24px 24px; margin-bottom:10px;}
    .btn_c.btn_ipin span {display:none;}
    .btn_c.btn_ipin strong {display:block;padding:30px 0px 30px 17%;background:url("../images/mobile/ico_arw.gif") no-repeat 91% 33.5px;background-size:7.5px 13.5px; font-size:20px;}
    .btn_c.btn_cert {width:100%;border:1px solid #666666;border-radius:5px; padding:0; background:url("../images/common/bg_usb.gif") no-repeat 8% 28px;background-size:12.5px 24px; margin-bottom:10px;}
    .btn_c.btn_cert span {display:none;}
    .btn_c.btn_cert strong {display:block;padding:30px 0px 30px 17%;background:url("../images/mobile/ico_arw.gif") no-repeat 91% 33.5px;background-size:7.5px 13.5px; font-size:20px;}
    .pw_use, .pw_unuse {display:block;padding:10px 0 0 0;}
}

@media all and (max-width:21.2cm) and (orientation : portrait){
    .m_tabs {background:none}
    .m_tabs li {width:50%;border:none}
    .m_tabs li:nth-child(odd) a { margin-right:5px;}
    .m_tabs li:nth-child(even) a { margin-left:5px;}
}

@media all and (max-width:21.2cm) and (orientation : landscape){
    .m_tabs li { width:33%;}
    .m_tabs li a { margin-right:10px;}
}

/* privacy guide */
.privacy_list .heading_01 { font-size:14px; font-weight:700; color:#000000; margin-bottom:27px;}
.privacy_list .heading_02 { font-size:14px; font-weight:700; color:#333333; margin-bottom:25px;}
.privacy_list .cont_p { font-size:13px; color:#666666; margin-bottom:25px;}
.privacy_list ol {margin-bottom:27px;}
.privacy_list ol li { font-size:13px; color:#666666; margin-bottom:15px;}
.privacy_list ol ol { margin-top:5px;}
.privacy_list ol ol ol { margin:5px 0 10px;}
.privacy_list ol li li { margin-bottom:5px;}
.privacy_list ol li li li { margin-bottom:0;}
.privacy_list ul {margin-bottom:27px;}
.privacy_list ul li { font-size:13px; color:#666666; margin-bottom:15px;}
.privacy_list ul li dd {margin-bottom:15px;}
.privacy_list ul ul { margin-top:5px;}
.privacy_list ul ul ul { margin:5px 0 10px;}
.privacy_list ul li li { margin-bottom:5px;}
.privacy_list ul li li li { margin-bottom:0;}
.privacy_list .tabletype03{margin-bottom:25px;border-top:1px solid #666666;border-bottom:1px solid #666666}
.privacy_list .tabletype03 .last_right{border-right:none;}
.privacy_list .tabletype03 .last_bottom{border-bottom:none;}
.privacy_list .tabletype03 thead tr th{padding:16px 0 16px 0;border-bottom:1px solid #666666;border-right:1px solid #dddddd;color:#000000;font-weight:700;text-align:center}
.privacy_list .tabletype03 tbody tr td{padding:14px 10px 14px 10px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center}

/*=== my tmoney ====*/
/*  sub main before login */
h4.s_main { border-radius:8px; font-size:30px !important; padding:15px 0 16px 15px !important; letter-spacing:-2px;}
p.s_main { padding:0 0 34px 15px}
.ico_list li {float:left; width:33%;}
.ico_list li a {display:block;}
.ico_list li span {display:block; width:70px; margin:0 auto;}
.ico_list li span img { width:100%;}
.ico_list li strong {display:block;min-height:40px; text-align:center; padding:10px 0 5px; color:#000000;}
.sec_card {float:left; width:300px; padding:10px; border:1px solid #ba9abc; border-radius:8px; margin-right:10px;}
.wrap_serv {float:left; width:320px; margin-right:10px;}
.sec_service {width:300px; padding:10px 10px 18px; border:1px solid #e4a681; border-radius:8px;}
.quick_serv { margin-top:10px;}
.quick_serv li { float:left; width:49%; border-radius:6px; background:#e1e1e1 url("../images/common/bg_my_01.gif") no-repeat center 20px;}
.quick_serv li.mem02 { float:right; background:#e1e1e1 url("../images/common/bg_my_02.gif") no-repeat center 18px;}
.quick_serv li a { display:block; padding:62px 0 13px; text-align:center; font-weight:700; color:#000000}
.smain_bnr { float:left; width:240px;}
.smain_bnr li {margin-bottom:10px;border:1px solid #e1e1e1;border-radius:7px;background:url("../images/main/bullit_asidebanner.gif") no-repeat 20px 20px}
.smain_bnr li a {display:block;padding:21px 0 0 49px;width:262px;height:37px;font-size:16px;line-height:16px;font-weight:700;color:#000000}

@media all and (max-width:21.2cm){
    .sec_card, .wrap_serv, .sec_service, .smain_bnr { float:none; width:auto; margin:0 0 10px;}
    h4.s_main { font-size:20px !important;}
    p.s_main { padding:0 0 20px 15px}
    .quick_serv li.mem01 {background:#e1e1e1 url("../images/mobile/bg_my_01.gif") no-repeat center 30px; background-size:38px 32px}
    .quick_serv li.mem02 { background:#e1e1e1 url("../images/mobile/bg_my_02.gif") no-repeat center 27px; background-size:26px 32px}
}

@media all and (max-width:21.2cm) and (orientation : landscape) {
    .ml_dnone { display:none !important;}
}
/*  sub main after login */
.wrap_mylist section {position:relative; float:right; width:49%; border:1px solid #666666; border-radius:8px;}
.wrap_mylist section:first-child { float:left;}
.wrap_mylist section h4 { padding:18px 16px !important; border-bottom:1px solid #dddddd}
.wrap_mylist section h4 .date { font-size:14px; letter-spacing:-1px;}
.wrap_mylist section .more {position:absolute; right:14px; top:14px;}
.wrap_mylist section .memb_area {border-top:1px solid #dddddd; padding:16px; font-size:16px; font-weight:700; color:#000000;}
.wrap_mylist section .memb_area .btn_c { float:right; margin:-5px 0px 0 0; #margin:-37px 12px 0 0;}
.my_graph { padding:10px; #padding:5px 10px 25px;height:136px;font-weight:700;}
.my_graph li {position:relative;padding:10px 130px 10px 80px;#padding:0 125px 0 80px; }
.my_graph.wide_g li {padding:10px 80px;#padding:0 80px;}
.my_graph li span {position:absolute; left:0; top:8px; #top:12px; background:url('../images/common/bul_list.gif') no-repeat 3px 7px; padding:0 0 0 10px; color:#000000;}
.my_graph li strong {position:absolute; right:0; top:8px; #top:12px;}
.my_graph li div { height:14px; background:#ca4e03;}
.tb_smain01 .col01, .tb_smain01 .col02, .tb_smain01 .col03, .tb_smain01 .col04 { width:25%;}
.tb_smain02 .col01, .tb_smain02 .col02, .tb_smain02 .col03, .tb_smain02 .col04 { width:25%;}
.tb_smain03 .col01 { width:18%;}
.tb_smain03 .col03, .tb_smain03 .col04 { width:12%;}
.more_pos { position:absolute; right:0; top:-40px;}

@media all and (max-width:21.2cm){
    .wrap_mylist section {float:none !important; width:auto; margin-bottom:10px;}
    .wrap_mylist section h4 .date {display:block; padding-top:5px;}
    .wrap_mylist section .more { top:25px;}
    .my_graph {min-height:103px;height:auto}
    .my_graph li strong { font-size:13px;}
    .wrap_mylist section .memb_area .mp_pos {margin:-15px 0px 0 0}
    .tb_smain01 .col02,.tb_smain01 .col04 { width:50%;}
    .tb_smain01 .col01,.tb_smain01 .col03,
    .tb_smain01 th:nth-child(1),.tb_smain01 th:nth-child(3),
    .tb_smain01 td:nth-child(1),.tb_smain01 td:nth-child(3) { display:none;}
    .pos_right02.m_pos_float { position:relative; right:0; padding:0 40px 0 0;}
    .tb_smain02 .col01 { width:50%;}
    .tb_smain02 .col02,.tb_smain02 .col03 { width:25%;}
    .tb_smain02 .col04,.tb_smain02 th:nth-child(4), .tb_smain02 td:nth-child(4) { display:none;}
    .tb_smain03 .col02 { width:70%;}
    .tb_smain03 .col03 { width:30%;}
    .tb_smain03 .col01,.tb_smain03 .col04,.tb_smain03 th:nth-child(1),.tb_smain03 th:nth-child(4),.tb_smain03 td:nth-child(1),.tb_smain03 td:nth-child(4) { display:none;}
}

@media all and (max-width:21.2cm) and (orientation : landscape) {
    .wrap_mylist section h4 .date {display:inline;}
    .wrap_mylist section .more { top:14px;}
    .wrap_mylist section .memb_area .mp_pos {margin:-5px 0px 0 0}
}

/* cardlist */
.p_step li { float:left;background:url("../images/common/bg_step_arw.gif") no-repeat 97% center; line-height:22px;}
.p_step li span {display:-ms-flexbox;-ms-flex-pack:left;-ms-flex-align:center;}/* Internet Explorer 10 */
.p_step li span {display:-moz-box;-moz-box-pack:left;-moz-box-align:center;}/* Firefox */
.p_step li span {display:-webkit-box;-webkit-box-pack:left;-webkit-box-align:center;}/* Safari, Chrome, and Opera */
.process03 li { width:31%; padding-right:3%;}
.process03 li.last { width:32%;padding-right:0;background:none;}
.process03 li span {height:60px;border:1px solid #666666; border-radius:6px; font-size:14px; color:#000000; font-weight:700; text-indent:-23px;  padding:0 7px 0 38px;}
.ie8 .process03 li.last { width:32%;#width:31%;}
.ie8 .process03 li span {display:inline-block; width:96%;height:auto; padding:20px 0 20px 10px; text-indent:0;}
.ie9 .process03 li span {display:inline-block; width:96%;height:auto; padding:20px 0 20px 10px; text-indent:0;}
.process04 li { width:22%; padding-right:4%; background-position:95% center;}
.process04 li:nth-child(2) { letter-spacing:-1px;}
.process04 li.last {padding-right:0;background:none;}
.process04 li span {height:70px;border:1px solid #666666; border-radius:6px; font-size:14px; color:#000000; font-weight:700; text-indent:-20px; padding:0px 10px 0px 30px;}
.process04.line_03 li span {height:100px; letter-spacing:-1px;}
.ie8 .process04 li span {display:block; height:auto; min-height:45px; padding:20px 0 20px 30px; letter-spacing:-1px;}
.ie9 .process04 li span {display:block; height:auto; min-height:45px; padding:20px 0 20px 30px;}
.ie8 .line_02 li span { min-height:36px;}
.ie9 .line_02 li span { min-height:36px;}
.ie8 .line_03 li span { min-height:68px;}
.ie9 .line_03 li span { min-height:68px;}

@-moz-document url-prefix(){
    .process03 li span {width:84%;}
    .process04 li span {width:85%; word-break:break-all;white-space:nowrap}
    .process04 li:nth-child(2) { letter-spacing:-.2px;}
}
.have_service { background:#f4f4f4; border-bottom:1px solid #dddddd; padding:12px 0;}
.have_service li {float:left; padding:0 19px; color:#000000; font-weight:700; font-size:14px; line-height:19px; background:url("../images/common/bg_line_serv.gif") no-repeat left 3px;}
.have_service li.first {padding:0 19px 0 10px;background:none}

@media all and (max-width:21.2cm){
    .p_step li {float:none; background:url("../images/mobile/img_arrow_bottom_b.gif") no-repeat center 92%;}
    .p_step li { width:100% !important; padding:0 0 30px !important; background-size:32px 16px;}
    .p_step li:last-child { padding:0!important}
    .p_step li span {display:box;box-pack:left;box-align:center; }
    .have_service { padding:12px 0 12px 10px;}
    .have_service li {float:none;padding:3px 0 !important; background:none;}
    .process04.line_03 li span {height:90px; letter-spacing:0;}
}

/*  cardlist table _ table reflow */
.tb_reflow td .tb_th_label, .tb_reflow th .tb_th_label { display: none;}
@media all and (max-width:21.2cm){
    .tabletype03 table tbody .last td {border-bottom:1px solid #dddddd;}
    .tabletype03.tb_mylist  {border-bottom:none;}
    .tb_reflow td,  .tb_reflow th,  .tb_reflow tbody th,    .tb_reflow tbody td,    .tb_reflow thead td,    .tb_reflow thead th {display: table-cell;width:100% !important;}
    .tb_reflow thead td, .tb_reflow thead th {display: none;}
    .tb_reflow td, .tb_reflow th { text-align: left !important;display: block; padding-left:10px !important;}
    .tb_reflow td .tb_th_label, .tb_reflow th .tb_th_label { min-width: 30%; display: inline-block; color:#000000;}
    .tb_reflow td .f_right, .tb_reflow th .f_right {float:right; width:70%; line-height:18px; margin-top:-2px}
    .tb_reflow td,  .tb_reflow th {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;clear: left;}
    .tb_reflow tr:first-child td:first-child {border-top:none;}
    .tb_reflow tr td:first-child {border-top:1px solid #666666;}
    .tb_reflow tr td:last-child {border-bottom:1px solid #666666; margin-bottom:20px;}
    .tb_reflow tr:last-child td:last-child {border-bottom:1px solid #666666; margin-bottom:0px;}
}


/* inquiry */
.box_inquiry { border:1px solid #666666; border-radius:8px;}
.box_inquiry dt { text-align:center; border-bottom:1px solid #dddddd; padding:30px 0; font-size:24px; color:#76357a; font-weight:700; line-height:24px; letter-spacing:-2px;}
.box_inquiry dt span { font-size:14px; color:#666666; padding:0 8px; vertical-align:3px; letter-spacing:-1px;}
.box_inquiry dd li {float:left; width:33%;font-size:18px; line-height:18px; padding:20px 0; text-align:center; font-weight:700; border-right:1px solid #dddddd;}
.box_inquiry dd li.last {border:none}
.sel_inquiry { width:100%; max-width:400px;#width:400px;}
.tb_inquiry .col01, .tb_inquiry .col02, .tb_inquiry .col03, .tb_inquiry .col04, .tb_inquiry .col05 { width:20%;}
.tb_refund .col01 { width:34% !important;}
.tb_useage .col01, .tb_useage .col06 { width:18%;}
.tb_useage .col02, .tb_useage .col03 { width:12%;}
.tb_useage .col04, .tb_useage .col05 { width:14%;}
.tb_charging .col01,.tb_charging .col02,.tb_charging .col03,.tb_charging .col04 { width:25%;}
.tb_refund .col02, .tb_refund .col03 { width:33%;}
.tb_request03 .col02 { width:22%;}
.tb_request03 .col01, .tb_request03 .col06 { width:20%;}
.tb_request03 .col03, .tb_request03 .col04 { width:13%;}
.tb_request03 .col05 { width:12%;}
.tabletype01 table .last_gray td {padding:10px 0;text-align:center;background:#f4f4f4;border-bottom:none;color:#000000}
.tabletype01 table .last_gray td a {border:none;background:#666666;color:#ffffff !important}
.tabletype01 table .brb_none td {border-bottom:1px solid #000000}
.tabletype01 table .brb_none_th th {border-bottom:1px solid #000000}
.losenum {padding:20px 0 20px 134px;border:1px solid #666666;border-radius:5px}
.losenum label {padding-right:15px;font-weight:700;}
.losenum input {margin-right:2px;width:148px}
.losenum em {padding-left:8px;}
.losenum .pwd_resist {float:left;padding-left:20px}

@media all and (max-width:21.2cm){
    .box_inquiry dt { font-size:22px; letter-spacing:-1px;}
    .box_inquiry dt span {display:block; font-size:14px;}
    .box_inquiry dd li { float:none; width:100%; border-bottom:1px solid #dddddd; border-right:none; }
    .sel_inquiry {width:100% !important;  max-width:auto;}
    .tb_inquiry .col01, .tb_inquiry .col02, .tb_inquiry .col03, .tb_inquiry .col04 { width:25%;}
    .tb_inquiry .col05,.tb_inquiry th:nth-child(5),.tb_inquiry td:nth-child(5) { display:none;}
    .tb_useage .col01, .tb_useage .col02, .tb_useage .col04, .tb_useage .col05 { width:25%;}
    .tb_useage .col03, .tb_useage .col06, .tb_useage .col07,
    .tb_useage th:nth-child(3),.tb_useage th:nth-child(6),.tb_useage th:nth-child(7),
    .tb_useage td:nth-child(3),.tb_useage td:nth-child(6),.tb_useage td:nth-child(7) { display:none;}
    .tb_charging .col02 { width:34%;}
    .tb_charging .col03,.tb_charging .col04 { width:33%;}
    .tb_charging .col01,.tb_charging th:nth-child(1),.tb_charging td:nth-child(1) { display:none;}
    .tb_request03 .col01 { width:60%;}
    .tb_request03 .col03, .tb_request03 .col05 { width:20%;}
    .tb_request03 .col02, .tb_request03 .col04, .tb_request03 .col06,
    .tb_request03 th:nth-child(2),.tb_request03 th:nth-child(4),.tb_request03 th:nth-child(6),
    .tb_request03 td:nth-child(2),.tb_request03 td:nth-child(4),.tb_request03 td:nth-child(6) { display:none;}
    .tabletype01 table .last_gray td {padding:10px 50px;line-height:20px}
    .losenum {padding:20px 5% 0 5%}
    .losenum label {float:left;padding-top:6px;font-size:13px}
    .losenum input {margin-right:0;width:96%}
    .losenum em {display:block;margin-top:10px;padding-left:0}
    .losenum a {margin-top:10px}
    .losenum .pwd_resist {padding:0 0 20px 0;width:100%}
    .losenum .span_input {display:block;float:left;width:68%}
}
/* deduction */
.box_deduction {position:relative; border:1px solid #666666; padding:15px; border-radius:6px;}
.box_deduction p span { color:#333333; padding:0 15px; font-weight:700;}
.box_deduction p span:first-child { border-right:1px solid #000000; padding-left:5px;}
.box_deduction .pos_right {right:20px; top:10px;}
.tb_deduction .col01 { width:14%;}
.tb_deduction .col03 { width:36%}
.tb_deduction .col02, .tb_deduction .col04 { width:25%;}

@media all and (max-width:21.2cm){
    .box_deduction p span {display:block; border:none !important; padding-left:5px;}
    .box_deduction .pos_right {display:none}
    .tb_deduction .col01 { width:20%;}
    .tb_deduction .col04 { width:80%;}
    .tb_deduction .col02,.tb_deduction .col03,
    .tb_deduction th:nth-child(2),.tb_deduction th:nth-child(3),
    .tb_deduction td:nth-child(2),.tb_deduction td:nth-child(3) { display:none;}
}
/* milage */
.box_mileage {position:relative; border:1px solid #666666; border-radius:8px;}
.box_mileage .pos_right {top:-35px; font-weight:700; color:#000000;}
.box_mileage .pos_sum {position:relative;}
.box_mileage .mg_type01 {float:left; width:300px; height:218px; border-right:1px solid #666666;}
.box_mileage .mg_type01 dt { border-bottom:1px solid #dddddd; padding:18px; font-size:20px; font-weight:700;}
.box_mileage .mg_type01 dd {padding:10px 18px;}
.box_mileage .pos_sum .sum {position:absolute; right:18px; top:18px; font-size:20px; color:#ca4e03; font-weight:700;}
.box_mileage .mg_type02,.box_mileage .mg_type03 {float:left; width:298px; height:105px; border-top:1px solid #666666;}
.box_mileage .mg_type02 dt,.box_mileage .mg_type03 dt { padding:18px; font-size:20px; font-weight:700;}
.box_mileage .mg_type02 { border-top:none;}
.box_mileage .mg_type03 dd .lose_milage { padding:0 30px 10px 40px; color:#ca4e03; text-indent:-15px;font-weight:700;font-size:12px;}
.mileage_charge {position:relative; border:1px solid #666666; padding:15px 100px; border-radius:6px;}
.mileage_charge div { float:left; width:50%; text-align:center;}
.mileage_charge div .tit { padding-right:10px;}
.mileage_charge div input { width:150px;}
.tb_mileage .col01,.tb_mileage .col02,.tb_mileage .col03 { width:19%;}
.tb_mileage .col04 { width:25%;}

@media all and (max-width:21.2cm){
    .box_mileage .mg_type01, .box_mileage .mg_type02,.box_mileage .mg_type03 { float:none; width:auto; height:auto; border-right:none; border-bottom:1px solid #666666}
    .box_mileage .mg_type03 {  border-bottom:none;  border-top:none;}
    .box_mileage .pos_right {font-size:12px;}
    .mileage_charge { padding:20px 22px}
    .mileage_charge div {position:relative; float:none; width:auto; padding:0 0 10px 100px;}
    .mileage_charge div:nth-child(2) { padding:0 0 30px 100px;}
    .mileage_charge div input { width:100%;}
    .mileage_charge div .tit { position:absolute; left:-8px; top:3px}
    .mileage_charge div .emailcheck { position:absolute; left:100px; top:35px}
    .tb_mileage .col01,.tb_mileage .col02,.tb_mileage .col03 { width:33%;}
    .tb_mileage .col04,.tb_mileage .col05,
    .tb_mileage th:nth-child(4),.tb_mileage th:nth-child(5),
    .tb_mileage td:nth-child(4),.tb_mileage td:nth-child(5) { display:none;}
}
/* lostcheck */
.tb_lostcheck .col01,.tb_lostcheck .col02,.tb_lostcheck .col03,.tb_lostcheck .col04 {width:25%;}
.tb_troblelist01 .col01 {width:25%;}
.tb_troblelist01 .col02,.tb_troblelist01 .col03,.tb_troblelist01 .col04,.tb_troblelist01 .col05,.tb_troblelist01 .col06 {width:15%;}

@media all and (max-width:21.2cm){
    .tb_lostcheck .col01 { width:50%;}
    .tb_lostcheck .col02,.tb_lostcheck .col03 { width:25%;}
    .tb_lostcheck .col04,.tb_lostcheck th:nth-child(4),.tb_lostcheck td:nth-child(4) { display:none;}
    .tb_troblelist01 .col01 {width:50%;}
    .tb_troblelist01 .col03,.tb_troblelist01 .col04 {width:25%;}
    .tb_troblelist01 .col02,.tb_troblelist01 .col05,.tb_troblelist01 .col06,
    .tb_troblelist01 th:nth-child(2),.tb_troblelist01 th:nth-child(5),.tb_troblelist01 th:nth-child(6),
    .tb_troblelist01 td:nth-child(2),.tb_troblelist01 td:nth-child(5),.tb_troblelist01 td:nth-child(6) { display:none;}
}
/* secession */
.box_annouce { border:1px solid #dddddd; background:#f4f4f4; border-radius:6px; padding:18px; font-weight:700;}
.box_annouce dt { float:left; width:115px; color:#ca4e03 !important; padding:4px 0 10px 25px; background:url("../images/ie/ico_announce.gif") no-repeat 2px 6px; font-size:16px}
.box_annouce dd { float:left; width:700px}
.box_annouce dd li {color:#000000;background:url("../images/ie/bul_notice.gif") no-repeat left 10px; padding:2px 5px 2px 10px}
.list_secession { border-top:1px solid #666666; border-bottom:1px solid #666666;}
.list_secession li {float:left; width:31%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; padding:10px;}
.list_secession li.f_first {border-top:none}
.list_secession li.last {border-right:none}
.list_secession li label {padding-left:10px;}

@media all and (max-width:21.2cm){
    .box_annouce dt,.box_annouce dd { float:none; width:auto;}
    .list_secession li {float:none; width:auto; border-top:1px solid #dddddd !important; border-right:none !important;}
    .list_secession li:first-child { border-top:none !important;}
}



/*====== card registration =======*/

.commercial_area { margin-top:40px;}
.commercial_area li { float:left; margin-left:15px;}
.commercial_area li:first-child {margin-left:0;}
/* registration icon */
.card_sevlist li { float:left; padding:0 5px 7px; font-size:13px;}
.ico_service { display:inline-block; width:18px; font-size:11px;line-height:11px; font-family:dotum, "돋움"; color:#ffffff; border-radius:3px; text-align:center; padding:4px 0; #vertical-align:middle;}
.ico_sale {background:#436dc0;}
.ico_child {background:#c82ba1;}
.ico_income {background:#ca4e03;}
.ico_milage {background:#697900;}
.ico_pay {background:#007f69;}
.ico_lose {background:#76357a;}
.wrap_cardlist .card_sevlist { float:right;}

/* registration card box */
.serv_card_list li { float:left; margin:0 4px;}
.serv_card {position:relative; display:block; width:168px; height:78px; border:1px dashed #d3d2d3; border-radius:6px; background:#ffffff url("../images/common/ico_card_r.gif") no-repeat; font-size:14px; z-index:1;}
.serv_card label { display:block; padding:28px 0 31px 60px; font-weight:700; cursor:pointer; color:#666666}
.serv_card.card_child label { padding:20px 0 21px 60px;}
.serv_card label span { display:block; position:absolute; right:0; bottom:0; width:29px; height:25px; border-top:1px dashed #d3d2d3; border-left:1px dashed #d3d2d3; border-top-left-radius:6px; border-bottom-right-radius:6px; background:#ffffff;}
.serv_card input[type="checkbox"] {position:absolute; right:3px; bottom:3px; opacity:0; border:none !important; text-indent:-9999px;filter: alpha(opacity = 0);}
.serv_card.on { border:1px solid #666666;}
.serv_card.on label { color:#000000;}
.serv_card.on label span { border-top:1px solid #666666; border-left:1px solid #666666; background:#ffffff url("../images/ie/ico_checked.gif") no-repeat 3px 2px;}
.serv_card.card_child { background-position:20px 22px;}
.serv_card.card_child.on { background-position:20px -64px;}
.serv_card.card_income { background-position:-180px 22px;}
.serv_card.card_income.on { background-position:-180px -64px;}
.serv_card.card_lose { background-position:-358px 22px;}
.serv_card.card_lose.on { background-position:-358px -64px;}
/* registration card box mobile */
@media all and (max-width:21.2cm) {
    .card_sevlist { margin-bottom:10px}
    .serv_card_list li {margin:0 2px;}
    .serv_card_list li:first-child {margin-left:0;}
    .serv_card_list li:last-child {margin-right:0;}
    .serv_card { width:92px; height:50px; background:none; font-size:12px; line-height:14px; border:1px solid #dddddd;}
    .serv_card label { padding:14px 0 12px 8px;}
    .serv_card.card_child label { padding:10px 0 10px 5px; letter-spacing:-1px;}
    .serv_card label span { width:22px; height:20px; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
    .serv_card.on label span {background:#ffffff url("../images/common/ico_checked.gif") no-repeat 2px 2px; background-size: 16px 15px;}
    .wrap_cardlist .card_sevlist { float:left;padding-bottom:15px;}
}

/* card regist_card number regist */
.card_benfit {background:url("../images/common/bg_card_benefit.gif") no-repeat left 5px}
.card_benfit li { float:left; width:25%;height:38px; border-right:1px solid #dddddd; margin-right:-1px; text-align:center; font-size:14px; font-weight:700; padding-top:68px;}
.card_benfit li.last {border-right:none; #margin-left:-1px;}
.box_center {border:1px solid #dddddd; border-radius:8px; padding:40px;}
.box_center .card_inp {width:230px; border:1px solid #666666; padding:8px 6px 9px;}
.box_center .w70 {width:70px;}
.box_center .w250 {width:245px}
.card_num {position:relative;}
.card_num .card_ttl {position:absolute; left:147px; top:7px;font-size:16px; font-weight:700; color:#000000;}
.card_num .add_line { width:400px; margin:0 auto; padding:0 0 5px 120px;}
.card_num .ctrl_btn {position:absolute; right:120px; bottom:5px; width:77px;}
.milage_num { width:525px; margin:10px auto; text-align:left;}
.milage_num .mil_ttl {display:inline-block; width:190px;font-size:16px; font-weight:700; color:#000000;}
.view_cvc { /* display:none; */ margin:10px 0 20px;}
.view_cvc a { margin:0 0 0 5px; #vertical-align:middle;}
.error_msg { margin-top:40px; background:#666666; font-weight:700; font-size:18px; letter-spacing:-1px; text-align:center; color:#ffffff; padding:8px;}
.btn_card_regist { margin-top:20px }
.tb_regist .col01,.tb_regist .col02,.tb_regist .col03,.tb_regist .col04 { width:25% !important}
@media all and (max-width:21.2cm){
    .pos_right.m_pos_float {position:relative;}
    .box_center { border:none; padding:0;}
    .box_center .card_inp {width:43%; border:1px solid #666666; padding:8px 6px 9px;}
    .box_center .w70 {width:20%;}
    .box_center .w250 {width:97%;}
    .card_num .card_ttl  {position:relative; left:0; top:0;}
    .card_num .add_line {width:auto; padding:10px 0 0 0;}
    .card_num .ctrl_btn {right:0; bottom:0px}
    .milage_num { width:auto;}
    .milage_num .mil_ttl {display:block; width:auto; margin:20px 0 10px;}
    .view_cvc { text-indent:-14px; padding-left:14px;}
    .view_cvc a { text-indent:0;}
    .error_msg { margin-top:30px; font-size:16px; text-align:left;line-height:24px;}
    .btn_card_regist { margin-top:20px }
    .tb_regist .col02,.tb_regist .col04 { width:50% !important}
    .tb_regist .col01,.tb_regist .col03,
    .tb_regist tr th:nth-child(odd), .tb_regist tr td:nth-child(odd) { display:none;}
}
/* card regist_service regist */
.service_step {position:relative; border-top:1px solid #666666; border-bottom:1px solid #dddddd;}
.service_step.bd_top_none { border-top:none;}
.service_step.bd_btm_none { border-bottom:none;}
.service_step .step_01  {position:relative;border-bottom:1px solid #dddddd; padding:20px 0 20px 10px;}
.service_step .step_01 dt, .service_step .step_01 dd  { float:left;}
.service_step .step_01 dt  { width:348px; font-weight:700; color:#000000; font-size:16px; padding-top:10px;}
.service_step .step_01 dt strong  {display:block; font-size:24px; color:#76357a; padding-top:10px;letter-spacing:-2px;}
.service_step .step_02  {position:relative;padding:0 0 14px 0;}
.service_step .step_02 .ttl  {border-top:1px solid #666666;border-bottom:1px solid #dddddd; padding:15px 0 15px 10px; font-size:16px; color:#000000; font-weight:700;}
.service_step .step_02 .cont  {padding:20px 0 0 10px;}
.service_step .step_02 .cont p  {color:#666666;}
.service_step .step_02 .cont p strong  {display:block; font-size:20px; font-weight:700; padding:10px 0 0;}
.service_step .income_num  { margin-top:15px;}
.service_step .income_num .stt  {display:inline-block; width:110px; font-size:16px; color:#000000; font-weight:700;}
.service_step .income_num.person_cert .stt  {float:left;}
.service_step .income_num .income_inp   { border:1px solid #666666; padding:4px;}
.box_guide_agree { float:left; width:770px; border:1px solid #666666; border-radius:6px;}
.box_guide_agree dt { padding:15px; border-bottom:1px solid #dddddd; font-size:16px; color:#000000; font-weight:700;}
.box_guide_agree dd { padding:4px; color:#666666;}
.box_guide_agree .sc_box { height:130px; padding:5px 10px; overflow-y:scroll}
.box_guide_agree .checkarea { position:absolute; right:20px; top:120px;}
.box_guide_agree .checkarea label {padding:0 4px; font-weight:700;}
.box_guide_agree .checkarea .first { margin-right:20px;}

@media all and (max-width:21.2cm){
    .service_step .step_01  {border-bottom:1px solid #dddddd; padding:20px 0 20px 5px;}
    .service_step .step_01 dt, .service_step .step_01 dd  { float:none;}
    .service_step .step_01 dt  { width:auto;margin-bottom:15px; padding:0;}
    .service_step .step_01 dt strong  {letter-spacing:-1px;}
    .service_step .v_haveknow  {position:absolute; right:10px; top:15px;}
    .service_step .income_num .stt {float:none !important; display:block; padding-bottom:15px}
    .service_step .income_num .income_inp { width:44%;}
    .service_step .m_posright { position:absolute; right:0; top:0}
    .box_guide_agree {position:relative;float:none; width:auto;}
    .box_guide_agree dt {display:none;}
    .box_guide_agree dd { padding:0;}
    .box_guide_agree .sc_box { height:130px; padding:3px; overflow-y:hidden;}
    .box_guide_agree .checkarea { position:absolute; right:10px; top:-35px; font-size:13px;}
    .box_guide_agree .m_btn_spray {margin-top:5px; border-top:1px solid #dddddd;}

    /* have_know open type */
    .service_step .m_open  {border:none; border-bottom:1px solid #dddddd; padding-top:0;}
    .service_step .m_open.last  {border:none;}
    .service_step .m_open ul  {display:block;}
    .service_step .m_open dt {border:none;margin-bottom:0;}
    .service_step .m_open dd { padding-bottom:20px;}
}

/* child/student regist */
.bd_line { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:16px; color:#000000; font-weight:700; padding:15px 40px 15px 10px;}
.bd_wm_type {position:relative;  border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:16px; color:#000000; font-weight:700; padding:15px 10px;}
.pos_right_c { position:absolute; right:10px; top:12px;}
.box_student { float:left; width:440px; padding:0 0 24px 0;border:1px solid #666666;border-radius:6px; color:#666666;}
.box_student:first-child { margin-right:18px;}
.box_student .sale_ttl {padding:24px 24px 0;font-size:22px; font-weight:700; color:#000000; padding-bottom:20px}
.box_student .sale_copy{padding:0 24px;}
.box_student .sale_copy.txt_cnt { padding-top:20px; font-size:14px; color:#000000; font-weight:700;}
.box_student .bg_tcard { height:170px; background:url('../images/common/bg_tcard_138.gif') no-repeat center center;}
.member_benefit {padding:0 24px;border-bottom:1px solid #dddddd; padding-bottom:20px;}
.member_benefit dt { padding-bottom:24px;}
.member_benefit ul li { float:left; width:130px; padding:5px 0 5px 60px; background:url('../images/common/bg_benefit.gif') no-repeat; font-weight:700;}
.member_benefit ul li.benefit_01 {background-position:10px 0px}
.member_benefit ul li.benefit_02 {background-position:10px -56px}
.member_benefit ul li.benefit_03 {background-position:10px -114px; padding:15px 0 10px 60px;}
.member_benefit ul li.benefit_04 {background-position:10px -180px; padding:15px 0 10px 60px;}

@media all and (max-width:21.2cm){
    .pos_right_c.pos_btn_bl { position:relative;top:4px; left:0px;}
    .box_student { float:none; width:auto; margin-bottom:10px; padding:29px 20px; text-align:center;}
    .box_student:first-child { margin-right:0;}
    .box_student .sale_copy { padding-top:5px; font-size:14px; color:#666666; font-weight:400; margin-bottom:20px; }
    .box_student .sale_copy.txt_cnt { padding-top:5px; font-size:14px; color:#666666; font-weight:400;}
}

/*=== POPUP ====*/
.fax_print{text-align:center}
.d_pnone{display:none}
.print_txt{font-size:14px}
.pop_con .bt_txt{font-size:16px;font-weight:700;text-align:center}
.pop_con .bt_txt02{font-size:16px;line-height:24px;text-align:center}
.pop_con .pop_checkarea{text-align:center}
.pop_con .pop_checkarea .first{margin:0 20px 0 0}
.pop_con .pop_checkarea label{padding:0 0 0 8px;color:#666666;font-weight:700}
.p_comp{padding:50px 0 50px 210px;color:#000000;background:url(../images/common/bg_comp.gif) no-repeat 92px center}
.p_comp p{font-size:24px;font-weight:700;line-height:32px}
.p_comp p strong{color:#cb4e04}
.guide_info{position:relative;line-height:1;}
.guide_info dt{padding:19px 0 0 25px;height:32px;border-bottom:1px solid #dddddd;border-top-left-radius:7px;border-top-right-radius:7px;background:#eeeeee;font-size:14px;font-weight:700;color:#000000}
.guide_info dd{padding:19px 25px 19px 25px;font-size:13px;color:#666666;line-height:20px}
.guide_arrow{position:absolute;display:block;bottom:-30px;left:0;height:15px;width:100%;background:url(../images/common/img_arrow_bottom.gif) no-repeat center center;}
.notice_box{margin:20px;}
.notice_box li{margin-bottom:15px; padding-left:30px;line-height:24px; color:#666666}
.notice_box .num {margin:0 5px 0 -28px !important; padding:2px 6px 3px !important;}
.card_cvc{margin:0 auto;width:374px;height:250px;background:url(../images/common/img_card_cvc.jpg) no-repeat center bottom}
.cvc_txt{position:absolute;top:7px;left:30px;text-align:right;}
.cvc_txt strong{margin-bottom:5px;font-size:18px}
.cvc_txt span{font-size:14px;font-weight:700}
.list_txt li{font-size:13px;color:#666666;line-height:24px}
.list_txt span{display:inline-block;margin:0 0 0 -8px !important; padding-left:10px;}
.mgl17{margin-left:17px}
.mgt5{margin-top:-5px}
.list_p{line-height:24px;color:#333333}
.bl_text{margin:0 0 15px 7px;padding-left:11px;font-size:14px;font-weight:700;line-height:14px;background:url(../images/common/bl_black.gif) no-repeat left center;}
.discount_info{margin:30px auto;width:715px;}
.discount_info li{float:left;padding:60px 0 0 0;width:178px;height:42px;color:#666666;border-right:1px solid #dddddd;text-align:center}
.discount_info li.last{border-right:none}
.discount_info li strong{margin:3px 0 0 0;font-size:16px}
.discount_info li.icon01{background:url(../images/common/ico_youth_guide01.gif) no-repeat center 7px}
.discount_info li.icon02{background:url(../images/common/ico_youth_guide02.gif) no-repeat center 6px}
.discount_info li.icon03{background:url(../images/common/ico_youth_guide03.gif) no-repeat center 6px}
.discount_info li.icon04{background:url(../images/common/ico_youth_guide04.gif) no-repeat center 7px}
.h2_font{font-size:16px !important;line-height:16px !important}
.btn_area a{margin-right:10px}
.popcard_box{height:220px;padding-top:14px;text-align:center}
.popcard_box .mob_d{display:none;}
.h2_post{font-size:16px !important;line-height:24px !important}
.head_tb_post {border-top:1px solid #666666;border-bottom:1px solid #666666;}
.head_tb_post dt {float:left; width:29%; border-right:1px solid #dddddd; margin-right:-1px; text-align:center; padding:10px 0}
.head_tb_post dd {float:left; width:71%; text-align:center; padding:10px 0}
.body_tb_post { height:205px;border-bottom:1px solid #666666; overflow-y:auto;}
.body_tb_post .no_data { text-align:center;border-bottom:1px solid #666666; padding:30px 0}
.body_tb_post a {display:block; border-top:1px solid #dddddd;}
.body_tb_post a:hover {color:#ca4e03;}
.body_tb_post dt {float:left; width:30%; border-right:1px solid #dddddd; margin-right:-1px; text-align:center; padding:10px 0}
.body_tb_post dd {float:right; width:69%;  padding:10px 0}
.body_tb_post a:first-child { border-top:none}
.tcoin_list{margin:20px 0 0 0}
.tcoin_list li{float:left;width:139px;height:66px;margin:0 5px 5px 0;border:1px solid #dddddd;border-radius:7px}
.bl_arrow{padding-left:18px;font-size:16px;font-weight:700;color:#000000;background:url(../images/common/bullet_h4.gif) no-repeat left center; margin-bottom:10px;}
.bl_arrow .btn_n{font-weight:400}
.list_txt { padding-left:11px;}
.post_windows{width:720px;border-top:1px solid #666666;border-bottom:1px solid #666666}
.post_windows li{float:left;width:119px;height:40px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center;line-height:40px}
.post_windows li.n_right{border-right:none}
.post_windows li.n_bottom{border-bottom:none}

.pop_process04 li span {height:110px !important}
.partnership_list {margin-left:10px;padding-left:7px;text-indent:-9px; color:#666666; line-height:24px;}
.h2pop {padding-bottom:20px;font-weight:700;font-size:20px;line-height:20px;color:#000000}
.pop_orange {padding:0 0 74px 15px;text-indent:-15px;font-weight:700;font-size:13px;line-height:24px;color:#ca4e03}

.pop_card_info ul {margin-bottom:10px;padding:17px 0 19px 44px;border:1px solid #c7c7c7;border-radius:5px}
.pop_card_info ul li {float:left;padding:14px 0 11px 50px;font-size:13px;line-height:13px;color:#666666}
.pop_card_info ul li.list01 {width:180px;background:url("../images/pop/pop_card_info01.gif") no-repeat left top}
.pop_card_info ul li.list02 {padding-left:44px;width:193px;background:url("../images/pop/pop_card_info02.gif") no-repeat left top}
.pop_card_info ul li.list03 {padding-left:43px;background:url("../images/pop/pop_card_info03.gif") no-repeat left top}
.pop_card_info p {font-weight:700;font-size:13px;line-height:13px;color:#666666}

/* popup radio btn list */
.send_m_select li{float:left;width:95px;margin:0 0 9px 0}
.send_m_select li label{padding-left:8px;}

/* footer popup */
.box_date {position:relative; border:1px solid #dddddd; border-radius:6px; padding:15px; text-align:center; margin-bottom:50px;}
.box_date select { padding:3px; width:30%;}
.box_date .ttl {font-weight:700; padding:0 10px;}
.box_date .pos_right {right:15px; top:12px;}
.addr_txt {position:relative; padding:10px; border-top:1px solid #666666; font-weight:700; color:#000000;}
.addr_txt .pos_right {right:5px; top:5px;}

@media all and (max-width:21.2cm){
    .mgt5{margin-top:-15px;}
    .p_comp{padding:123px 20px 29px;background:url(../images/mobile/bg_comp.gif) no-repeat center 29px;background-size:78px 64px;text-align:center}
    .p_comp p{font-size:17px;line-height:25px}
    #pop_wrap .pop_con .copy{line-height:20px !important}
    .notice_box strong{font-size:12px}
    .bt_txt{letter-spacing:-1px}
    .guide_arrow{bottom:-32px;left:0;height:22px;background:url(../images/mobile/img_arrow_bottom.gif) no-repeat center center; background-size:31px 11px;}
    .notice_box li{margin-bottom:25px}
    .card_cvc{margin-top:60px;width:295px;height:173px;background:pink url(../images/common/img_card_cvc.jpg) no-repeat center bottom;background-size:295px 173px}
    .cvc_txt{top:-40px;left:0px;letter-spacing:-1px}
    .list_txt li{line-height:20px}
    .bl_text{line-height:22px;background-position:left 9px}
    .h2_font{line-height:24px !important}
    .guide_info dt{padding:20px 0 0 15px;height:34px;}
    .guide_info dd{padding:21px 15px 21px 15px;}
    .discount_info{margin:0 auto;width:100%;background:url(../images/mobile/bg_grey_dot.gif) repeat-x center center}
    .discount_info li{float:left;padding:66px 0 0 0;width:49.8%;height:53px;border-bottom:1px solid #dddddd}
    .discount_info li.m_last_right{border-right:none}
    .discount_info li.m_last_bottom{border-bottom:none}
    .discount_info li.icon01{background:url(../images/mobile/ico_youth_guide01.gif) no-repeat center 23px;background-size:27px 27px}
    .discount_info li.icon02{background:url(../images/mobile/ico_youth_guide02.gif) no-repeat center 23px;background-size:25px 27px}
    .discount_info li.icon03{background:url(../images/mobile/ico_youth_guide03.gif) no-repeat center 23px;background-size:29px 26px}
    .discount_info li.icon04{background:url(../images/mobile/ico_youth_guide04.gif) no-repeat center 23px;background-size:32px 26px}
    .popcard_box{height:100%;padding:17px 36px 30px 36px;text-align:center}
    .popcard_box .web_d{display:none;}
    .popcard_box .mob_d{display:block;}
    .pop_con .bt_txt02{font-size:13px;}
    .btn_area a{margin-bottom:10px}
    .btn_area a.last{margin-bottom:0;}
    .d_pnone{display:block}
    .pdb10{padding-bottom:10px !important}
    .h2_post{font-size:15px !important;line-height:24px !important; padding-bottom:5px !important;}
    .body_tb_post { height:auto; overflow:none;}
    .head_tb_post dt, .body_tb_post dt   {border:none;}
    .post_windows{width:100%}
    .post_windows li{float:left;width:50%;height:40px;border-right:none;border-bottom:1px solid #dddddd;}
    .post_windows li.m_bottom{border-bottom:1px solid #dddddd}
    .tcoin_list li {margin:0 0 20px 0;width:48%}
    .tcoin_list li:nth-child(odd) {float:left}
    .tcoin_list li:nth-child(even) {float:right}
    .pop_process04 li span {height:60px !important}
    .tcoin_list_02 .pos_right { position:inherit; margin-top:-8px; padding-bottom:15px;}
    .bl_arrow { margin-bottom:10px;}
    .h2pop {font-size:218px;line-height:18px}
    .pop_orange {padding:0 0 25px 15px;line-height:20px}

    .pop_card_info ul {padding:0;border:1px solid #c7c7c7;border-radius:5px}
    .pop_card_info ul li {float:none;padding:27px 0 27px 0;border-bottom:1px solid #c7c7c7}
    .pop_card_info ul li span {display:inline-block;width:64px;height:27px;vertical-align:middle}
    .pop_card_info ul li.list01 {width:100%;background:none}
    .pop_card_info ul li.list01 span {background:url("../images/pop/pop_m_card_info01.gif") no-repeat 19px top;background-size:32px 27px}
    .pop_card_info ul li.list02 {padding-left:0;width:100%;background:none}
    .pop_card_info ul li.list02 span {background:url("../images/pop/pop_m_card_info02.gif") no-repeat 22px top;background-size:27px 27px}
    .pop_card_info ul li.list03 {padding-left:0;width:100%;background:none}
    .pop_card_info ul li.list03 span {background:url("../images/pop/pop_m_card_info03.gif") no-repeat 23px top;background-size:25px 27px}
    .pop_card_info p {font-weight:700;font-size:13px;line-height:13px;color:#666666}

}

/* community notice */
.search_area{position:relative;margin:0 0 10px 0;padding:0 46px 0 85px;text-align:right}
.search_area input{width:148;height:20px;padding:3px 0;border:1px solid #cccccc}
.search_area select{width:81px;height:28px;padding:5px 6px;border:1px solid #cccccc}
.search_area .btn_search{position:absolute;top:0;right:0;width:41px;height:20px;padding-top:6px;text-align:center;line-height:13px;border-radius:3px;border:1px solid #666666;}

@media all and (max-width:21.2cm){
    .search_area{padding:0 54px 0 85px;}
    .search_area{margin-bottom:10px}
    .community .search_area{margin-bottom:30px}
    .search_area input{width:100%;height:20px;padding:3px 0;border:1px solid #cccccc}
    .search_area select{position:absolute;top:0;left:0;width:81px;height:28px;padding:5px 6px;border:1px solid #cccccc}
    .search_area.pos_select {padding:0 54px 0 0; text-align:left;}
    .search_area.pos_select select {position:inherit; width:100%;}
}

/* community reply */
.comment_wrap{padding:19px 19px 39px;background:#f4f4f4}
.comment_wrap textarea{width:734px;height:74px;border:1px solid #dddddd;vertical-align:top}
.comment_wrap .cmt_txt{position:absolute;bottom:15px;right:142px;color:#666666}
.btn_comment{border:1px solid #666666;border-radius:6px;margin-left:6px;padding:30px 29px;font-weight:700;font-size:14px;color:#333333 !important;background:#ffffff;line-height:14px}
.comment_list_wrap{margin-top:63px}
.comment_list_wrap .cmt_list_num{position:absolute;top:-25px;left:0;color:#666666}
.comment_list_wrap .cmt_list{border-top:1px solid #666666}
.comment_list_wrap .cmt_list li{position:relative;padding:15px 146px 15px 10px;border-bottom:1px solid #dddddd;color:#666666;}
.comment_list_wrap .cmt_list li .cmt_id{display:inline-block;position:relative;font-weight:700;color:#000000}
.comment_list_wrap .cmt_list li .cmt_id .btn_cmt_close{position:absolute;top:-1px;right:-20px}
.comment_list_wrap .cmt_list li .cmt_text{margin-top:2px;line-height:24px}
.comment_list_wrap .cmt_list li .cmt_date{position:absolute;top:15px;right:10px;}
.paginate_cmt {padding:15px 0;text-align:center}
.paginate_cmt a,.paginate_cmt strong{display:inline-block;position:relative;_width /**/:17px;margin-right:0px;padding:0 6px;border:1px solid #fff;color:#666666;font-size:13px;line-height:normal;text-decoration:none}
.paginate_cmt strong{text-decoration:underline}
.paginate_cmt .pre{margin-right:1px;padding:0 2px}
.paginate_cmt .next{margin-left:1px;padding:0 2px}
.paginate_cmt .pre,.paginate_cmt .next{display:inline-block;position:relative;top:-1px;_width /**/:64px;line-height:normal}

@media all and (max-width:21.2cm){
    .paginate_cmt {display:none;}

    .comment_wrap{padding:9px;background:#f4f4f4}
    .comment_wrap textarea{width:100%;height:74px;border:1px solid #dddddd}
    .comment_wrap .cmt_txt{display:none}
    .btn_comment{width:100%;margin:10px 0 0 0 !important;padding:9px 0;font-size:13px;line-height:13px;text-align:center}
    .comment_list_wrap .cmt_list li{padding:15px 10px;}
    .comment_list_wrap .cmt_list li .cmt_text{margin-top:5px;line-height:20px}

    .comment_list_wrap{margin-top:42px}
}

/* box_agree */
.box_agree_wrap{padding-bottom:20px;border-top:1px solid #000000;border-bottom:1px solid #000000;color:#666666;}
.box_agree_wrap .tit{height:31px;padding:15px 0 0 10px;border-bottom:1px solid #dddddd;font-size:16px;font-weight:700;color:#000000}
.box_agree_wrap dd p{padding:20px 15px;}
.box_agree_wrap .box_agree{position:relative;border:1px solid #666666;border-radius:6px}
.box_agree_wrap .box_agree .txtbox{height:120px;margin:3px;padding:10px;overflow-y:scroll}
.box_agree_wrap .checkarea { position:absolute; right:20px; top:15px;}
.box_agree_wrap .checkarea label {padding:0 4px;font-weight:bold}
.box_agree_wrap .checkarea .first { margin-right:20px;}

@media all and (max-width:21.2cm){
    .box_agree_wrap dd p{padding:10px 5px;line-height:20px}
    .box_agree_wrap .box_agree{margin-top:40px}
    .box_agree_wrap .box_agree .tit{position:absolute;top:-33px;left:0;padding:0;border-bottom:none;font-size:14px}
    .box_agree_wrap .box_agree .txtbox{overflow-y:hidden}
    .box_agree_wrap .checkarea{top:-33px;right:0;font-size:13px}
    .box_agree_wrap .checkarea .first {margin-right:18px;}
    .box_agree_wrap .box_agree .m_btn_spray{border-top:1px solid #dddddd}
    .box_agree_wrap .v_haveknow{position:absolute;top:15px;right:10px}
}

/* community search */
.search_area02{padding:6px;border-top:1px solid #666666;border-bottom:1px solid #666666;text-align:center}
.search_area02 input{width:176px;height:20px;margin:0 4px;padding:3px 0;border:1px solid #cccccc}
.search_area02 .btn_search{padding:6px 9px;text-align:center;line-height:13px;border-radius:3px;border:1px solid #666666;vertical-align:middle}

@media all and (max-width:21.2cm){
    .search_area02{padding:6px 25% 6px 15%}
    .search_area02 .sch_box{position:relative}
    .search_area02 .sch_txt{position:absolute;top:5px;;left:-18px}
    .search_area02 .sch_box input{width:100%;height:20px;margin:0;padding:3px 0;border:1px solid #cccccc}
    .search_area02 .btn_search{position:absolute;top:0;right:-54px}
}


/*====== ETC ======*/
.img_popcard {position:relative; padding:20px 0 60px; border-bottom:1px solid #dddddd; margin-bottom:40px; text-align:center;}


/*====== search ======*/
.integrated_search{position:relative;padding:49px 0 49px 69px}
.integrated_search input[type="text"]{width:343px;height:26px;border:1px solid #666666;vertical-align:top}
.popularity_word{position:absolute;top:23px;right:9px;width:310px}
.popularity_word dt{margin-bottom:12px;font-size:16px;font-weight:700;color:#000000;line-height:16px}
.popularity_word dd{float:left;width:155px;margin-bottom:8px;}
.popularity_word dd a{line-height:13px;font-weight:700;color:#666666}
.popularity_word dd .ico_num{display:inline-block;width:11px;height:13px;padding:2px 0 0 5px;margin-right:7px;background:#ca4e03;font-size:11px;font-weight:700;line-height:11px;color:#ffffff;border-radius:3px}
.tit_search{font-size:24px;font-weight:700;line-height:24px}
.search_box{position:relative;}
.search_box p{font-size:20px;font-weight:700}
.search_box .more{position:absolute;top:9px;right:0;padding-right:8px;background:url(../images/common/bl_more.gif) no-repeat right center;font-size:12px;line-height:12px;color:#666666}
.search_list{margin-top:20px;border-top:1px solid #666666}
.search_list a{font-size:14px;font-weight:700;line-height:14px;color:#000000}
.search_list li{padding:16px 10px;border-bottom:1px solid #dddddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search_list dt{padding:16px 10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search_list dd{padding:0 10px 16px 10px;border-bottom:1px solid #dddddd;color:#666666}
.search_list dd.txt_box{margin-top:-5px;padding:0 10px 16px 10px;}
.search_list dd.txt_box a{font-weight:normal;font-size:13px;color:#666666;line-height:24px}
.search_list dd.txt_box span{padding-top:10px}
.search_ask_list{margin-top:20px;border-top:1px solid #666666}
.search_ask_list dt{padding:16px 10px;border-bottom:1px solid #dddddd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search_ask_list a{font-size:14px;font-weight:700;line-height:14px;color:#000000}
.search_ask_list dd{display:none;padding:13px 28px;font-size:13px;line-height:24px;color:#666666;border-bottom:1px solid #dddddd;background:#f4f4f4}
.search_ask_list dd.open{display:block}

@media all and (max-width:21.2cm){
    .integrated_search{padding:19px}
    .integrated_search input[type="text"]{width:98%;margin-bottom:15px}
    .integrated_search .btn_s_gry{display:block;text-align:center}
    .search_box p{font-size:16px}
    .search_list{margin-top:10px;}
    .search_list li{padding:14px 5px;}
    .search_list dt{padding:14px 5px;}
    .search_list dd{padding:0 5px 14px 5px;font-size:13px;line-height:20px}
    .search_list dd.txt_box{padding:0 5px 10px 5px}
    .search_list dd.txt_box a{line-height:20px}
    .tit_search{font-size:16px;line-height:25px}
    .search_ask_list dd{padding:15px 22px;}
}


/*===== card ======*/
.card .tabletype01 table tbody td {font-weight:400;color:#666666}
.card .tabletype01 table tbody td .txtgap {padding-left:0}
.card .tabletype01 table tbody td .numlast {margin-right:7px}
.card .tabletype03 {position:relative}
.card .card_sevlist {position:absolute;right:0;top:-39px}
.cardcheckbox {margin-bottom:40px;border:1px solid #dddddd;border-radius:5;background:#f4f4f4}
.cardcheckbox li {float:left;padding:15px 0 14px 20px;width:279px;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:14px;line-height:14px;}
.cardcheckbox li.bot {border-bottom:none}
.cardcheckbox li.right {border-right:none}
.cardcheckbox li label {padding-left:10px}
.lostform {position:relative}
.lostform .card_sevlist {position:absolute;right:0;top:-39px}
.tabletype03 table tbody td .ico_service {margin:0 3px}
.card .box_card_type01 {padding-left:420px;background-position:218px 85px}
.card .box_card_type02 {padding-left:340px;background-position:160px 85px}
.card .box_card_small {font-weight:400;font-size:16px;color:#666666}
.tbl_dl {margin-bottom:40px}
.tbl_dl input[type="text"] {padding-left:5px;border:1px solid #dddddd}
.tbl_dl dl {width:100%;border-top:1px solid #666666;border-bottom:1px solid #666666}
.tbl_dl dt {float:left;padding:15px 0 14px 10px;width:390px;height:13px;font-weight:700;font-size:13px;line-height:13px;color:#000000;border-right:1px solid #dddddd}
.tbl_dl dd {float:left;padding:7px 0 7px 10px;;width:489px;height:28px;font-weight:700;font-size:13px;line-height:13px;color:#000000}
.tbl_dl .txt {padding-left:10px;font-weight:400;font-size:12px;line-height:12px;color:#666666}
.tbl_dl .w150 {width:150px}
.tbl_dl .w320 {width:318px}
.tbl_dl .top{border-bottom:1px solid #dddddd}
.txt_en {padding-bottom:20px;font-size:14px;line-height:20px;color:#666666}
.tbl_dl_gap {margin-bottom:44px}
.agreearea {margin-bottom:40px;text-align:center}
.agreearea .txt {padding-bottom:22px;font-weight:700;font-size:16px;line-height:16px;color:#000000}
.agreearea .checkarea label {margin-right:20px;padding-left:8px;font-size:13px;line-height:13px;color:#666666; font-weight:700;}
.downbox {margin-bottom:40px;border:1px solid #dddddd;border-radius:5px;background:#f4f4f4}
.downbox li {position:relative;padding:14px 0 12px 19px;font-weight:700;font-size:14px;line-height:14px;color:#333333;border-bottom:1px solid #dddddd}
.downbox li a {position:absolute;right:20px;top:6px}
.downbox li .m_txt {display:none}
.downbox li.last {border-bottom:none}
.card_num_box {margin-bottom:40px;padding:39px 0;text-align:center}
.card_num_box label {font-weight:700;font-size:16px;line-height:16px}
.card_num_box input[type="text"] {margin:0 10px 0 12px;padding:8px 6px;width:273px;vertical-align:middle; border:1px solid #000000;}
.chargedc {padding:20px 0 20px 12px}
.chargedc p {font-size:13px;line-height:1.2;color:#666666}
.chargedc .txt_b {padding-top:6px;font-weight:700;font-size:20px;color:#333333}
.chargedc .txt_b strong {color:#ca4e03}
.card_search .label {font-weight:700;font-size:13px;line-height:13px;color:#000000}
.card_search select {width:auto}
.tcard_box {border-top:1px solid #666666;border-bottom:1px solid #666666}
.tcard_box article {float:left;padding:30px 0 26px 0;width:298px;min-height:254px;border-bottom:1px solid #dddddd;*min-height:258px}
.tcard_box article h1 {padding:0 0 20px 28px;font-weight:700;font-size:18px;line-height:18px;color:#000000}
.tcard_box article p.img_center {height:126px;text-align:center}
.tcard_box article p.img_center img {width:150px;height:96px}
.tcard_box article p.img_center .img_type01 {width:64px;height:96px}
.tcard_box article p.img_center .img_type02 {width:44px;height:96px}
.tcard_box article p.img_center .img_type03 {width:53px;height:97px}
.tcard_box article p.img_center .img_type04 {width:109px;height:94px}
.tcard_box article p.img_center .img_type05 {width:135px;height:85px}
.tcard_box article p.img_center .img_type06 {width:44px;height:95px}
.tcard_box article p.img_center .img_type07 {width:150px;height:94px}
.tcard_box article p.img_center .img_type08 {width:96px;height:96px}
.tcard_box article p.img_center .img_type09 {width:76px;height:86px}
.tcard_box article p.img_center .img_type10 {width:132px;height:94px}
.tcard_box article p.img_center .img_type11 {width:150px;height:50px}
.tcard_box article p.img_center .img_type12 {width:150px;height:75px}
.tcard_box article p.img_center .img_type13 {width:86px;height:97px}
.tcard_box article p.img_center .img_type14 {width:66px;height:86px}
.tcard_box article ul {padding:0 30px}
.tcard_box article ul li {padding:0 0 8px 11px;font-size:13px;line-height:14px;color:#666666;background:url("../images/common/bul_list.gif") no-repeat left 5px}
.tcard_box article ul li.last {padding-bottom:0;padding-left:63px;text-indent:-53px;line-height:20px;background-position:0 7px}
.tcard_box article ul li span {font-weight:700;color:#000000;}
.tcard_box article ul li span em {display:inline-block;width:13px}
.tcard_box article ul li .icenter {width:13px;height:13px}
.tcard_box article.left {border-right:1px solid #dddddd}
.tcard_box article.bot {border-bottom:none}
.card_bank {border-top:1px solid #000000;border-bottom:1px solid #000000}
.card_bank ul li {float:left;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd}
.card_bank ul li.bot {border-bottom:none}
.card_bank ul li.right {border-right:none}
.card_bank ul li.bin {width:149px;height:46px}
.card_bank ul li a {display:block;}

/* card mobile */
@media all and (max-width:21.2cm){
    .card .tabletype01 table tbody td .w200 {width:53%}
    .card .tabletype01 table tbody td .selet_m {width:97%}
    .card .tabletype01 table tbody td .w48p {width:66%}
    .card .tabletype01 table tbody td .txtgap {padding-left:15px}
    .card .tabletype01 table tbody td .numlast {margin-right:0px}
    .card .card_sevlist {display:none}
    .card .tabletype03 th {font-size:14px;line-height:14px;border-right:none}
    .card .tabletype03 td {border-right:none}
    .card .tabletype03 .col01 {width:14.8%}
    .card .tabletype03 .col03 {width:*}
    .card .tabletype03 .col04 {width:28.3%}
    .card .box_card_type01 {padding-left:0;background-position:50% 50px}
    .card .box_card_type02 {padding-left:0;background-position:50% 50px;}
    .card .box_card_small {font-size:13px}
    .tbl_dl {margin-bottom:20px}
    .tbl_dl dt {float:none;padding:15px 0 15px 2%;width:98%;border-right:none}
    .tbl_dl dd {float:none;padding:0 2% 13px 2%;width:96%;height:100%;border-bottom:none}
    .tbl_dl dd.top {border-bottom:1px solid #dddddd}
    .tbl_dl .txt {display:block;padding:10px 0 0 2%}
    .tbl_dl .top{border-bottom:none}
    .tbl_dl .w150 {width:44.8%}
    .tbl_dl .w320 {width:98%}
    .txt_en {padding-bottom:15px}
    .agreearea {display:none}
    .btn_close_en {background-position:35px 6px !important}
    .downbox {margin-bottom:30px;border:1px solid #dddddd;border-radius:5px;background:#f4f4f4}
    .downbox li {padding:15px 0 15px 15px;}
    .downbox li a.btn_down {display:none;position:static;margin-top:9px}
    .downbox li .m_txt {display:block;margin-top:9px;font-weight:400;font-size:12px;line-height:12px;color:#ca4e03}
    .downbox li.last {border-bottom:none}
    .card_num_box {margin-bottom:30px;padding:0;border:none !important;text-align:left}
    .card_num_box label {font-weight:700;font-size:16px;line-height:16px}
    .card_num_box input[type="text"] {margin:0;padding-left:5px;width:100%;vertical-align:middle}
    .card_num_box a {position:absolute;right:0;top:0}
    .card_num_box span {display:block;position:relative;margin-top:10px;padding-right:108px}
    .chargedc p {font-size:14px}
    .chargedc .txt_b {font-size:19px}
    .m_card_search {text-align:left;padding:0}
    .m_card_search .label {display:block;margin-bottom:10px;font-size:15px;line-height:15px}
    .m_card_search select {position:static;width:83%}
    .m_card_search select:nth-of-type(1) {margin-bottom:10px}
    .search_area .btn_card_search {position:static;display:inline-block;float:right}
    .tcard_box article {float:none;width:100%;min-height:234px}
    .tcard_box article h1 {padding:0 0 20px 5px}
    .tcard_box article ul {padding-left:5px}
    .tcard_box article ul li {padding:0 0 11px 67px;text-indent:-56px}
    .tcard_box article.left {width:100%;border-right:none}
    .card_bank {display:none}

    }


/*===== customer ====*/
.customer_top {margin-bottom:10px}
.customer_top_left {position:relative;float:left;margin-right:10px;padding:29px 18px 30px 22px;width:397px;height:422px;border:1px solid #666666;border-radius:8px}
.customer_top_left h1 {padding-bottom:20px;font-size:30px;line-height:30px;font-weight:700;color:#000000}
.customer_top_left h2 {padding:2px 0 10px 27px;font-weight:700;font-size:24px;line-height:20px;color:#ca4e03;background:url("../images/customer/bg_smain_h2.gif") no-repeat 1px 0}
.customer_top_left .searchbox {padding-bottom:28px}
.customer_top_left .searchbox input {width:298px;height:26px !important;border:1px solid #707070}
.customer_top_left .searchbox .txt {padding-top:10px;font-weight:700;font-size:14px;line-height:14px;color:#000000}
.customer_top_left .searchbox .btn_s_gry {vertical-align:middle}
.customer_top_left .btn_more {position:absolute;right:19px;top:46px;padding-right:9px;font-size:12px;line-height:12px;color:#666666;background:url("../images/main/bg_news_list.gif") no-repeat right 5px}
.customer_top_left .q_list {padding:14px 0 14px 4px;border-top:1px solid #666666;border-bottom:1px solid #dddddd}
.customer_top_left .q_list li {padding-bottom:5px;overflow:hidden;width:380px;text-overflow: ellipsis;white-space: nowrap}
.customer_top_left .q_list li a {font-size:13px;line-height:13px;color:#666666}
.customer_top_left .q_list li.last {padding-bottom:0}
.customer_top_right {float:left}
.customer_top_right .right_top {float:left;padding-bottom:10px}
.customer_top_right .right_top article {float:left;padding:29px 19px 0 19px;height:250px;width:180px;border-radius:5px}
.customer_top_right .right_top article h1 {padding-bottom:16px;font-weight:700;font-size:24px;line-height:24px;color:#000000;letter-spacing:-2px}
.customer_top_right .right_top article p {padding-bottom:26px;font-size:13px;line-height:20px;color:#666666;letter-spacing:-1px}
.customer_top_right .onlinebox {margin-right:10px;border:1px solid #ba9abc}
.customer_top_right .onlinebox img {width:70px;height:70px}
.customer_top_right .servicebox {border:1px solid #e4a681}
.customer_top_right .servicebox img {width:70px;height:70px}
.customer_top_right .ico_list li {width:50%}
.customer_top_right .right_bot .infobox {float:none;margin:0;width:450px}
.customer_top_right .right_bot .infobox ul li {width:218px;height:89px;background-position:40px 50%}
.customer_top_right .right_bot .infobox ul li.list04 {background-position:35px 50%}
.customer_top_right .right_bot .infobox ul li a {padding:38px 0 0 82px;height:51px;text-align:left}
.customer_bot .newsbox {float:left;margin-right:30px;padding-top:20px;padding-left:10px;width:410px}
.customer_bot .newsbox h1 {padding-bottom:10px;font-size:20px;line-height:16px;font-weight:700;color:#000000}
.customer_bot .newsbox article {position:relative;margin-right:12px}
.customer_bot .newsbox article .more {position:absolute;right:0;top:0;padding-right:6px;font-size:11px;line-height:24px;color:#666666;background:url("../images/main/bg_news_list.gif") no-repeat right 9px}
.customer_bot .newsbox article li {position:relative;padding-left:9px;border-bottom:1px solid #e1e1e1;background:url("../images/main/bullit_dot.gif") no-repeat left 15px}
.customer_bot .newsbox article li a {display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:290px;padding:9px 0;height:13px;font-size:13px;line-height:13px;color:#666666}
.customer_bot .newsbox article li span {position:absolute;right:0;top:8px;font-size:13px;line-height:13px;color:#666666}
.customer_bot .banner {float:left;}
.customer_bot .banner ul {width:450px}
.customer_bot .banner ul li {float:left;margin-bottom:10px;border:1px solid #e1e1e1;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background:url("../images/main/bullit_asidebanner.gif") no-repeat 20px 20px}
.customer_bot .banner ul li.last {margin-bottom:0}
.customer_bot .banner ul li.left {margin-right:10px}
.customer_bot .banner ul li a {display:block;padding:24px 0 0 47px;width:171px;height:39px;font-size:16px;line-height:16px;font-weight:700;color:#000000}
.ask_search {margin-bottom:40px;padding:39px 0 37px 109px}
.ask_search select {padding:5px;width:113px;height:36px;font-size:13px;border:1px solid #666666;vertical-align:top}
.ask_search input[type="text"] {padding:7px 0 3px 5px;width:583px;height:24px;border:1px solid #666666;vertical-align:top}
.ask_search .txt_recommend {padding:12px 0 0 0;font-weight:700;font-size:14px;line-height:14px;color:#000000}
.community {position:relative}
.community .m_tabs {margin-bottom:0}
.community .m_tabs li a {padding:16px 17px 15px 17px;line-height:1.2}
.community .answer_view_box dt {width:78px}
.community .answer_view_box .view_date dd {width:494px}
.community .answer_view_box .txtarea {min-height:165px}
.community .answer_view_box .view_answer {background:#f4f4f4}
.community .answer_view_box .view_answer p {float:left;padding:12px 0 12px 10px;width:592px;font-weight:700;font-size:14px;line-height:22px;color:#000000}
.community .troble_card_box {padding:90px 0px 90px 342px;background: url("../images/common/bg_tcard.gif") no-repeat 140px 85px}
.view_box dd {padding:12px 0;font-weight:700;font-size:14px;line-height:22px;color:#000000}
.view_box dt {float:left;padding-left:10px;width:58px;background:url("../images/common/view_bar.gif") no-repeat right 16px}
.qnabox {margin-bottom:18px;border-bottom:1px solid #666666}
.qnabox dt {border-bottom:1px solid #dddddd}
.qnabox dt a {display:block;padding:14px 0 14px 10px;font-size:13px;line-height:13px;color:#666666}
.qnabox dt.open a {font-weight:700;color:#ca4e03}
.qnabox dd {display:none;padding:13px 28px;font-size:13px;line-height:24px;color:#666666;border-bottom:1px solid #dddddd;background:#f4f4f4}
.qnabox dd.open {display:block}
.qnabox .last dt {border-bottom:none}
.qnabox .last dt.open {border-bottom:1px solid #dddddd}
.qnabox .last dd.open {border-bottom:none}
.btn_advice { text-align:right !important; margin-top:-50px;}
.goask {position:relative;margin:25px 0 40px 0;padding:11px 0 11px 9px;font-weight:700;font-size:16px;line-height:24px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd}
.goask .btn_down {position:absolute;right:0;top:9px;width:90px}
.goask_cardback .btn_down {width:120px;background: url("../images/ie/bul_btn_c.gif") no-repeat 130px 11px}
.btn_absolute {position:relative;}
.btn_absolute .btn_right {position:absolute;right:0;top:0;}
.qna_write .w400 {width:398px}
.qna_write .td_txtarea {padding-right:10px}
.qna_write .td_txtarea input {width:718px !important}
.qna_write td textarea {padding:7px 10px;width:702px;min-height:135px;font-size:13px;line-height:18px;color:#666666;border:1px solid #dddddd}
.goask_write {margin-top:0}
.customer_step li {float:left;padding-right:18px;margin-right:9px;background:url("../images/common/step_rightarrow.gif") no-repeat right 36px}
.customer_step li p {padding:19px 0 19px 12px;width:191px;font-weight:700;font-size:14px;line-height:24px;color:#000000;border:1px solid #666666;border-radius:5px}
.customer_step li p span {display:block;padding-left:22px;height:48px;text-indent:-22px}
.customer_step .last {padding-right:0;margin-right:0;background:none}
.card_search td {font-weight:400 !important}
.card_search td label {padding:0 18px 0 8px;font-size:13px;color:#666666}
.card_search td .btn_carlendar {margin-left:8px}
.card_search .btn_carlendar img {width:16px;height:18px;}
.card_search_view col.col01 {width:300px}
.card_search_view col.col02 {width:150px}
.card_search_view col.col03 {width:150px}
.card_search_view col.col04 {width:150px}
.card_search_view col.col05 {width:150px}
.card_search .last .td_top0 {border-top:1px solid #dddddd}
.bank_change table tbody td span.cl_orange {font-weight:700}
.bank_change table tbody td span.txt_gap {padding-left:30px}
.kscc {border-top:1px solid #666666;border-bottom:1px solid #666666}
.kscc li {padding:35px 0 0 180px;height:82px;font-size:13px;line-height:24px;color:#666666;border-bottom:1px solid #dddddd}
.kscc li.list01 {padding-right:148px;background:url("../images/customer/bg_kscclist01.gif") no-repeat 72px 35px}
.kscc li.list02 {padding-top:46px;height:71px;background:url("../images/customer/bg_kscclist02.gif") no-repeat 70px 35px}
.kscc li.list03 {padding-right:138px;border-bottom:none;background:url("../images/customer/bg_kscclist03.gif") no-repeat 69px 34px}
.h4_2line {line-height:1.2}
.h5_2line {font-size:16px !important;line-height:1.2; letter-spacing:-1px;}
.mailarea li {position:relative;float:left;margin-right:9px;font-weight:700;font-size:14px;line-height:14px;color:#000000;border:1px solid #dddddd;border-radius:5px;margin-bottom:10px}
.mailarea li.right {margin-right:0}
.mailarea li a {display:block;padding:20px 0 25px 19px;width:273px; color:#000000;}
.mailarea li.mail_none { letter-spacing:-1px;}
.mailarea li.mail_none a {padding:34px 0 34px 19px}
.mailarea li a span.btn_down {position:absolute;right:18px;top:28px}
.mailarea li a .mail_id {display:block; padding-top:8px; color:#ca4e03; text-decoration:underline;}
.mailarea li .btn_down {padding:5px 0 5px 10px;width:65px;background:url("../images/ie/bul_btn_c.gif") no-repeat 90% center}


/* customer mobile */
@media all and (max-width:21.2cm){

    .customer_top {margin-bottom:10px}
    .customer_top_left {float:none;margin-bottom:10px;margin-right:10px;padding:19px 6.3%;width:87.4%;height:auto}
    .customer_top_left h1 {font-size:20px;line-height:20px}
    .customer_top_left h2 {padding:1px 0 5px 23px;font-weight:700;font-size:18px;line-height:18px;color:#ca4e03;background:url("../images/mobile/bg_m_smainstar.gif") no-repeat 1px 0;background-size:15px 15px}
    .customer_top_left .searchbox {padding-bottom:20px}
    .customer_top_left .searchbox input {margin-bottom:15px;width:98%}
    .customer_top_left .searchbox .input_area {display:block}
    .customer_top_left .searchbox .btn_s_gry {display:block;padding:12px 0;font-size:13px;line-height:13px;text-align:center}
    .customer_top_left .searchbox .txt {display:none}
    .customer_top_left .btn_more {right:6.3%;top:28px}
    .customer_top_left .q_list {padding:0;width:100%;border-bottom:none}
    .customer_top_left .q_list li {padding:13px 0 12px 0;width:100%;border-bottom:1px solid #dddddd}
    .customer_top_left .q_list li a {padding-left:4px;font-size:13px;line-height:13px;color:#666666}
    .customer_top_left .q_list li.last {padding-bottom:12px}
    .customer_top_right {float:none}
    .customer_top_right .right_top {float:none;padding-bottom:10px}
    .customer_top_right .right_top article {float:none;padding:19px 3.1%;height:auto;width:93.8%;border-radius:5px}
    .customer_top_right .right_top article h1 {padding-bottom:16px;font-weight:700;font-size:20px;line-height:20px}
    .customer_top_right .right_top article p {display:none}
    .customer_top_right .onlinebox {margin-bottom:10px;margin-right:0}
    .customer_top_right .onlinebox img {width:70px;height:70px}
    .customer_top_right .servicebox {border:1px solid #e4a681}
    .customer_top_right .servicebox img {width:70px;height:70px}
    .customer_top_right .ico_list li {width:50%}
    .customer_top_right .right_bot .infobox {float:none;margin:0 0 20px 0;width:100%;}
    .customer_top_right .right_bot .infobox ul li {width:47.5%;height:auto}
    .customer_top_right .right_bot .infobox ul li.list01 {background:#e1e1e1 url("../images/mobile/bg_info_list01.gif") no-repeat center 17px !important; background-size:23px 31px !important}
    .customer_top_right .right_bot .infobox ul li.list02 {background:#e1e1e1 url("../images/mobile/bg_info_list02.gif") no-repeat center 17px !important; background-size:25px 28px !important}
    .customer_top_right .right_bot .infobox ul li.list03 {background:#e1e1e1 url("../images/mobile/bg_info_list03.gif") no-repeat center 17px !important; background-size:23px 30px !important}
    .customer_top_right .right_bot .infobox ul li.list04 {background:#e1e1e1 url("../images/mobile/bg_info_list04.gif") no-repeat center 17px !important; background-size:29px 29px !important}
    .customer_top_right .right_bot .infobox ul li.left {margin-right:3.5%}
    .customer_top_right .right_bot .infobox ul li.top {margin-bottom:3.5%}
    .customer_top_right .right_bot .infobox ul li a {text-align:center;height:auto;padding:61px 0 16px 0;}
    .customer_bot .newsbox {margin-bottom:20px;float:none;margin-right:0;padding-top:0;padding-left:0;width:100%}
    .customer_bot .newsbox h1 {padding-bottom:20px;font-size:18px;line-height:18px}
    .customer_bot .newsbox article {position:relative;margin-right:5px}
    .customer_bot .newsbox article li a {width:80%}
    .customer_bot .banner {display:block;float:none;margin-bottom:26px}
    .customer_bot .banner ul {width:100%}
    .customer_bot .banner ul li {float:none}
    .customer_bot .banner ul li.left {margin-right:0}
    .ask_search {padding:40px}
    .ask_search select {margin-bottom:15px;width:100%}
    .ask_search input[type="text"] {margin-bottom:15px;padding-left:2%;width:97.5%}
    .ask_search .txt_recommend {display:none}
    .ask_search .btn_s_gry {display:block;text-align:center}
    .community .m_tabs {margin-bottom:20px}
    .community .m_tabs li a {padding:16px 4px 15px 4px;line-height:1.2}
    .community .tb_notice tr td:nth-of-type(3) {padding-left:75px !important}
    .community .tb_notice tr td:nth-of-type(3):before{width:60px;}
    .community .tb_notice tr td:nth-of-type(4) {padding-left:75px !important}
    .community .tb_notice tr td:nth-of-type(4):before{width:60px;}
    .qnabox {border-top:1px solid #666666}
    .qnabox dt a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .qnabox dd {padding:15px 22px;line-height:20px}
    .btn_advice {margin:30px 0; text-align:center !important}
    .goask {padding-left:4px}
    .goask .btn_down {position:static;margin-left:10px;letter-spacing:-1px;background:url("../images/ie/bul_btn_c.gif") no-repeat 100px 11px}
    .goask_cardback .btn_down {width:125px;background: url("../images/ie/bul_btn_c.gif") no-repeat 135px 11px}
    .community .answer_view_box dl dd {width:62% !important}
    .community .answer_view_box .view_answer p {float:none;width:100%}
    .community .answer_view_box .view_answer .view_count {border-top:1px solid #000000}
    .community .answer_view_box .txtarea {min-height:initial}
    .btn_absolute .btn_right {position:static}
    .qna_write .w400 {width:100%}
    .qna_write .td_txtarea input {width:98% !important}
    .qna_write td textarea {padding:7px 2%;width:96%;min-height:135px;font-size:13px;line-height:18px;color:#666666;border:1px solid #dddddd}
    .customer_step {display:none}
    .card_search td label {padding-right:0}
    .card_search .td_top0 {padding-top:0 !important}
    .card_search .last .td_top0 {border-top:0}
    .card_search .td_top0 span {display:block}
    .card_search .td_top0 .f_right {width:100%}
    .card_search .td_top0 .first {padding-bottom:10px}
    .card_search .td_top0 .f_right input {margin-bottom:10px;width:72% !important}
    .card_search .td_top0 .f_right img {width:24px;height:27px;vertical-align:top}
    .card_search .f_right01 input {margin-bottom:10px;width:73% !important}
    .card_search .f_right01 img {width:24px;height:27px;vertical-align:top}
    .td_radio {padding-bottom:0 !important;;border-bottom:none !important}
    .td_radio span {display:block;float:left;margin-bottom:30px;width:90px}
    .v_top {vertical-align:top}
    .card_search_view col.col01 {width:50%}
    .card_search_view col.col03, .card_search_view col.col04 {width:25%}
    .card_search_view th,
    .card_search_view td {border-right:none !important}
    .card_search_view td {padding:15px 0 !important}
    .card_search_view thead th:nth-of-type(2), .card_search_view thead th:nth-of-type(5), .card_search_view thead th:nth-of-type(6),
    .card_search_view tbody td:nth-of-type(2), .card_search_view tbody td:nth-of-type(5), .card_search_view tbody td:nth-of-type(6),
    .card_search_view col.col02, .card_search_view col.col05, .card_search_view col.col06{display:none}
    .bank_change .w48p {width:66% !important}
    .bank_change table tbody td span.txt_gap {padding-left:15px}
    .bank_change table tbody tr .selet_m {width: 97% !important}
    .community .troble_card_box {padding:130px 0px 30px 0;background: url("../images/mobile/bg_tcard.gif") no-repeat 50% 50px;background-size:91px 65px}
    .kscc li {padding:25px 10px 26px 48px;height:auto;font-size:13px;line-height:20px}
    .kscc li.list01 {padding-right:0;background:url("../images/mobile/m_bg_kscclist01.gif") no-repeat 13px 27px;background-size:20px 24px}
    .kscc li.list02 {padding-top:25px;height:auto;background:url("../images/mobile/m_bg_kscclist02.gif") no-repeat 11px 27px;background-size:25px 24px}
    .kscc li.list03 {padding-right:0;border-bottom:none;background:url("../images/mobile/m_bg_kscclist03.gif") no-repeat 11px 27px;background-size:25px 24px}
    .mailarea li {position:relative;float:none;margin:0 0 10px 0}
    .mailarea li a {padding:26px 0 25px 5%;width:95%}
    .mailarea li.mail_none a {padding:26px 0 25px 5%}
    .mailarea li.right a {min-height:0;padding:26px 0 25px 5%;}
    .mailarea li a span {display:none}
    .mailarea li.top {margin-bottom:10px}
    .mailtxt {padding-left:15px;text-indent:-15px;font-weight:700;font-size:13px;line-height:1.2}
    .mailtxt {padding-left:15px;text-indent:-15px;font-weight:700;font-size:13px;line-height:1.2}

}

@media all and (max-width:21.2cm) and (orientation : landscape){
    .card_search .td_top0 .f_right input {margin-bottom:0;width:30% !important}
}


/*===== tmoney ====*/
.tmoney .p_step {margin-bottom:40px}
.tmoney .process03 li .span_2line {line-height:24px;text-indent: -75px;padding-left: 28px}
.tmoney .process03 li .li_span_2line {text-indent:-15px}
.tmoney .h85 li span {height:85px}
.ie8 .h85 li span {height:45px !important}
.ie9 .h85 li span {height:45px !important}
.ie8 .h85 li .span_2line {width:90% !important; #width:96% !important}
.ie9 .h85 li .span_2line {width:90% !important}
.h4_addition {padding-bottom:35px;font-size:16px;line-height:26px;color:#000000}
.dl_h4 {margin-bottom:40px}
.dl_h4 dd {color:#666666}
.dl_h4_line2 {margin-bottom:40px;color:#666666}
.dd_h4_bold {padding-left:10px;font-weight:700;font-size:14px;line-height:24px;color:#000000 !important}
.dd_h4 {font-size:13px;line-height:13px;color:#666666}
.dd_h4_line2 {line-height:24px; padding-left:10px !important}
.dd_h4_line2 .span_line2 {display:block;padding-left:10px}
.dd_h4_line2.dd_h4_line3 {padding-left:32px !important}
.require .col01 {width:33% !important}
.require .col02 {width:33% !important}
.require td {padding:7px 10px !important;line-height:24px !important}
.require th {padding:7px 30px !important;font-weight:700;font-size:13px;line-height:24px !important;color:#666666;text-align:center;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd}
.txt_require {font-size:13px;line-height:20px;color:#666666}
.apparea {position:relative;padding-top:25px}
.applink {position:absolute;right:0;top:2px;text-align:right}
.applink a {display:inline-block;padding:10px 20px;border:1px solid #dddddd;border-radius:5px}
.applink .appstore {margin-right:10px}
.applink .appstore img {width:154px;height:28px}
.applink .playstore img {width:172px;height:28px}
.appfunction {border-bottom:1px solid #dddddd}
.appfunction_top {border-top:1px solid #333333}
.appfunction_bot {border-bottom:1px solid #333333}
.appfunction dl {float:left;padding:30px 20px 0 128px;width:300px}
.appfunction dl dt {padding-bottom:14px;font-weight:700;font-size:20px;line-height:20px;color:#333333}
.appfunction dl dd {padding-bottom:25px;font-size:13px;line-height: 24px;color:#666666}
.appfunction .dl01 {background:url("../images/tmoney/bg_appfunction01.gif") no-repeat 48px 30px}
.appfunction .dl02 {background:url("../images/tmoney/bg_appfunction02.gif") no-repeat 46px 32px}
.appfunction .dl03 {background:url("../images/tmoney/bg_appfunction03.gif") no-repeat 46px 30px}
.appfunction .dl04 {background:url("../images/tmoney/bg_appfunction04.gif") no-repeat 41px 30px}
.appfunction .dl05 {background:url("../images/tmoney/bg_appfunction05.gif") no-repeat 43px 30px}
.webfunction .dl01 {background:url("../images/tmoney/bg_webfunction01.gif") no-repeat 34px 30px}
.webfunction .dl02 {background:url("../images/tmoney/bg_webfunction02.gif") no-repeat 43px 30px}
.webfunction .dl03 {background:url("../images/tmoney/bg_webfunction03.gif") no-repeat 34px 30px}
.webfunction .dl04 {background:url("../images/tmoney/bg_webfunction04.gif") no-repeat 47px 30px}
.webfunction .dl05 {background:url("../images/tmoney/bg_webfunction05.gif") no-repeat 42px 30px}
.info_point_box {margin-bottom:10px;border-top:1px solid #666666;border-bottom:1px solid #666666}
.info_point_box dl {padding:32px 0px 25px 52px;border-bottom:1px solid #dddddd}
.info_point_box dl.last {border-bottom:none}
.info_point_box dt {float:left;width:167px}
.info_point_box dt span {display:block;padding-bottom:20px}
.info_point_box dt a span {display:inherit; padding:0}
.info_point_box dt span .imgsize01 {width:114px;height:34px}
.info_point_box dt span .imgsize02 {padding-left:13px;width:90px;height:52px}
.info_point_box dt span .imgsize03 {width:120px;}
.info_point_box dt span .imgsize04 {width:94px;height:58px}
.info_point_box dd {float:left;width:680px}
.info_point_box dd p {padding-bottom:6px;font-weight:700;font-size:14px;line-height:14px;color:#000000}
.info_point_box dd ul li {font-size:13px;line-height:24px;color:#666666}
.info_point_box dd ul li span.span_line2 {display:block;padding-left:9px}
.info_point_box .stepbox {margin-top:24px;background:url("../images/tmoney/bg_step_r_arrow.gif") no-repeat 195px 28px}
.info_point_box .stepbox span {float:left;display:block;padding-top:26px;width:100px;height:44px;font-weight:700;font-size:13px;line-height:20px;color:#666666;border:1px solid #e1e1e1;border-radius:5px;background:#e1e1e1;text-align:center;vertical-align:middle}
.info_point_box .stepbox em {float:left;display:block;padding:29px 0 29px 10px;width:54px;font-size:12px;line-height:12px;color:#666666;background:url("../images/tmoney/bg_step_sr_arrow.gif") no-repeat 35px 27px}
.info_point_box .stepbox .step01 {margin-right:64px;padding:13px 0;width:178px;border:1px solid #dddddd;border-radius:5px;background:#ffffff}
.info_point_box .stepbox .step04 {color:#ffffff;background:#666666}
.txt_info_point {font-size:12px;line-height:12px;color:#666666}
.p_relative {position:relative}
.p_relative .btn_absolute {position:absolute;right:0;top:76px}
.tabletype03 .col_refund {width:20%}
.tmoney .dd_cont {padding-top:16px;}
.tmoney .dd_cont p {padding-bottom:30px;font-size:14px;line-height:24px;color:#666666}
.tmoney .dd_cont ul {padding:0 0 10px 0}
.tmoney .dd_cont ul span {padding-left:9px;font-weight:700;font-size:14px;line-height:24px;color:#000000;background:url("../images/common/bul_list.gif") no-repeat left 5px}
.tmoney .dd_cont ul li strong {padding-left:9px;font-weight:700;font-size:14px;line-height:24px;color:#000000;background:url("../images/common/bul_list.gif") no-repeat left 5px; margin-left:-11px}
.tmoney .dd_cont ul li {padding-left:9px;font-weight:400;font-size:13px;line-height:24px;color:#666666;background:none}
.tmoney .dd_cont ul .span_line2 {display:block;padding-left:9px;font-weight:400;font-size:13px;line-height:24px;color:#666666;background:none}
.tmoney .cardlist thead th,
.tmoney .cardlist tbody td,
.tmoney .cardlist tbody th {border-right:1px solid #dddddd}
.tmoney .cardlist tbody th,
.tmoney .cardlist tbody td {text-align:center}
.tmoney .cardlist tbody td {padding:20px 0;font-size:13px;line-height:24px}
.tmoney .cardlist img {padding:0 5px;width:110px;height:70px}
.tmoney .cardlist .cardtype {height:110px;width:70px}
.tmoney .cardlist th,
.tmoney .cardlist .last td {border-bottom:1px solid #666666}
.tmoney .cardlist .brb_none th,
.tmoney .cardlist .brb_none td {border-bottom:none}
.partnership_cardbox {position:relative;margin-top:4px;padding:41px 0 0 368px;border:2px solid #000000;border-radius:9px}
.partnership_cardbox .cardimg {position:absolute;left:69px;top:40px;width:250px;height:160px}
.partnership_cardbox .label {position:absolute;left:-4px;top:-4px;width:95px;height:95px}
.partnership_cardbox h1 {padding-bottom:14px;font-weight:700;font-size:26px;line-height:26px;color:#000000}
.partnership_cardbox .copy {padding-bottom:25px;font-weight:700;font-size:14px;line-height:24px;color:#000000}
.partnership_cardbox02 .copy {padding-bottom:110px}
.partnership_cardbox .img_area {padding-bottom:30px}
.dl_h4_type02 .h4_bullet  {padding-bottom:16px !important}
.dl_h4_type02 dd {padding-left:18px;color:#666666;}
.dl_h4_type02 dd.dd_bold {font-weight:700;font-size:14px;line-height:24px;color:#000000;background: url("../images/common/bul_list.gif") no-repeat 9px 10px}
.bankcard td {padding:0 !important}
.bankcard td a {display:block}
.cardveiw_box {border-top:1px solid #666666;border-bottom:1px solid #666666}
.cardlist_box {position:relative;padding:30px 0 23px 200px;min-height:100px;border-bottom:1px solid #dddddd}
.cardlist_box .cardimg {position:absolute;left:10px;top:30px}
.cardlist_box .cardimg img {width:150px;height:96px}
.cardlist_box h1 {padding-bottom:14px;font-weight:700;font-size:18px;line-height:18px;color:#000000}
.cardlist_box h1 img {padding-left:10px;width:77px;height:16px}
.cardlist_box dt {float:left;padding-left:12px;font-weight:700;font-size:13px;line-height:24px;color:#000000; background:url("../images/common/bul_list.gif") no-repeat left 9px;}
.cardlist_box dt span {display:inline-block;width:12px}
.cardlist_box dd {float:left;padding-left:7px;width:600px;font-size:13px;line-height:24px;color:#666666}
.cardlist_box .btn_homepage {position:absolute;right:10px;top:24px}
.cardveiw_box .last {border-bottom:none}
.mtmoney .cardimg {position:absolute;left:106px;top:41px;width:172px;height:160px}
.mtmoney .copy {padding:0 15px 15px 0}
.corperate_card .cardimg {left:67px;top:25px;width:250px;height:180px}
.corperate_card .copy {padding-bottom:14px}
.corperate_card .corp_txt {padding-bottom:35px}
.corperate_card .corp_txt li {font-size:13px;line-height:24px;color:#666666}
.corperate_card .btn_corp {position:absolute;left:86px;top:220px}
.corperate_card .gap_30 {margin-bottom:24px}
.sampledesign div.cardtype {border-right:1px solid #dddddd}
.sampledesign div {float:left;width:450px;border-top:1px solid #666666;border-bottom:1px solid #666666}
.sampledesign div h1 {padding:14px 0 13px 0;font-weight:700;font-size:14px;line-height:14px;color:#000000;border-bottom:1px solid #dddddd;text-align:center}
.sampledesign div p {padding:23px 0;min-height:155px;text-align:center}
.mileage_chk .p_img { float:left; width:70%}
.mileage_chk .p_img img { padding:20px; border:1px solid #dddddd}
.mileage_chk .p_img02 { float:left; width:70%}
.mileage_chk .p_img02 img { padding:0}
.mileage_chk ul { float:right; width:30%}
.mileage_chk ul li{padding:4px 0 4px 33px; line-height:22px; color:#666666}
.mileage_chk .num {margin-right:10px;padding:3px 6px 4px 5px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-radius:4px; margin-left:-33px;}
.callcenter_box{background:#f4f4f4;padding:19px}
.check_dealing dt {padding-bottom:20px;font-weight:700;font-size:14px;line-height:14px;color:#000000}
.check_dealing dd {margin-bottom:40px;padding:30px 0;border:1px solid #dddddd;text-align:center}
.check_dealing dd.last {margin-bottom:11px}
.check_dealing dd.txt {padding:0;border:none;text-align:left;font-size:13px;line-height:13px;color:#666666}

/* tmoney mobile */
@media all and (max-width:21.2cm){
    .tmoney .p_step {margin-bottom:0}
    .tmoney .process03 li .span_2line {line-height:24px;text-indent: -25px;padding-left: 36px}
    .tmoney .process03 li span {height:62px}
    .dl_h4 {margin-bottom:16px}
    .dl_h4_line2 {margin-bottom:16px}
    .dd_h4 {padding-left:12px;font-size:13px;line-height:20px;text-indent:-12px;color:#666666}
    .dd_h4_line2 {padding-left:12px;font-size:13px;line-height:20px;text-indent:-10px;color:#666666}
    .dd_h4_line2 a {text-indent:0}
    .dd_h4_line2 .span_line2 {display:inline;padding-left:0;text-indent:0}
    .require td {padding:7px 0 !important;line-height:20px !important}
    .require .col01 {width:20% !important}
    .require .col02 {width:40% !important}
    .require .m_require th {padding-left:0 !important;padding-right:0 !important}
    .require .m_require tbody td {padding-left:10px !important;padding-right:10px !important}
    .apparea {margin-bottom:30px;padding-top:0}
    .apparea2 {margin-bottom:0}
    .applink {position:static;margin-bottom:30px;text-align:center}
    .applink a {display:block;padding:10px 0;width:100%;border:1px solid #dddddd;border-radius:5px}
    .applink .appstore {margin-right:0;margin-bottom:20px}
    .appfunction dl {float:none;padding:30px 16% 0 16%;width:68%}
    .appfunction dl dd {line-height: 20px}
    .appfunction .dl01 {background:url("../images/mobile/bg_m_appfunction01.gif") no-repeat 16px 27px;background-size:16px 24px;border-bottom:1px solid #dddddd}
    .appfunction .dl02 {background:url("../images/mobile/bg_m_appfunction02.gif") no-repeat 13px 26px;background-size:22px 25px}
    .appfunction .dl03 {background:url("../images/mobile/bg_m_appfunction03.gif") no-repeat 13px 28px;background-size:22px 24px;border-bottom:1px solid #dddddd}
    .appfunction .dl04 {background:url("../images/mobile/bg_m_appfunction04.gif") no-repeat 11px 27px;background-size:24px 24px}
    .appfunction .dl05 {background:url("../images/mobile/bg_m_appfunction05.gif") no-repeat 14px 27px;background-size:21px 24px}
    .webfunction .dl01 {background:url("../images/mobile/bg_m_webfunction01.gif") no-repeat 10px 28px;background-size:28px 22px}
    .webfunction .dl02 {background:url("../images/mobile/bg_m_webfunction02.gif") no-repeat 10px 34px;background-size:27px 24px}
    .webfunction .dl03 {background:url("../images/mobile/bg_m_webfunction03.gif") no-repeat 10px 28px;background-size:28px 21px}
    .webfunction .dl04 {background:url("../images/mobile/bg_m_webfunction04.gif") no-repeat 15px 26px;background-size:18px 24px}
    .webfunction .dl05 {background:url("../images/mobile/bg_m_webfunction05.gif") no-repeat 12px 28px;background-size:24px 24px}
    .h4_addition {padding-bottom:25px;font-size:15px;line-height:23px}
    .info_point_box dd ul li span.span_line2 {display:inline;padding-left:0}
    .info_point_box {margin-bottom:30px}
    .info_point_box dl {padding:24px 0px 25px 5px}
    .info_point_box dt {float:none;width:auto;margin-bottom:29px}
    .info_point_box dt p {padding-bottom:20px}
    .info_point_box dd {float:none;width:auto}
    .info_point_box dd p {padding-bottom:6px;font-weight:700;font-size:14px;line-height:22px;color:#000000}
    .info_point_box dd ul li {padding-left:12px;line-height:20px;text-indent:-10px}
    .info_point_box dd ul li span.span_line2 {display:inline;padding-left:0}
    .info_point_box .stepbox {display:none}
    .txt_info_point {display:none}
    .tabletype03 .col_refund {width:25%}
    .refund th {padding:0 !important}
    .refund td {padding-left:10px !important}
    .p_relative .btn_absolute {display:none}
    .tmoney .dd_cont ul {display:block}
    .tmoney .dd_cont ul li {padding-left:18px;text-indent:-9px}
    .tmoney .dd_cont ul .span_line2 {display:none}
    .tmoney .cardlist thead th,
    .tmoney .cardlist tbody td,
    .tmoney .cardlist tbody th {border-right:none}
    .tmoney .cardlist tr {background:none}
    .tmoney .cardlist tbody tr th:first-child {display:none}
    .tmoney .cardlist tbody tr td.cardname {display:block;padding-top:19px !important;padding-bottom:19px !important;font-weight:700;font-size:15px;line-height:15px;color:#000000}
    .tmoney .cardlist tbody tr td:nth-of-type(2) {padding-bottom:20px !important;text-align:center !important}
    .tmoney .cardlist tbody tr td:nth-of-type(3) {padding-left:40px !important}
    .tmoney .cardlist tbody tr td:nth-of-type(4) {padding-left:80px !important;padding-bottom:19px !important}
    .tmoney .cardlist tr td:before{border-right:none}
    .tmoney .cardlist tr td:before{width:85px;font-weight:700;color:#000000}
    .tmoney .cardlist tbody tr td:last-child {display:none}
    .tmoney .cardlist img {padding:0 10px}
    .tmoney .cardlist .last {border-bottom:1px solid #dddddd}
    .partnership_cardbox {margin-top:4px;padding:29px 23px 0 23px}
    .partnership_cardbox .cardimg {position:static;padding-bottom:30px;width:250px;height:160px}
    .partnership_cardbox h1 {padding-bottom:14px;font-weight:700;font-size:26px;line-height:26px;color:#000000}
    .partnership_cardbox .copy {padding-right:30px}
    .partnership_cardbox .img_area {padding-bottom:30px}
    .partnership_cardbox02 .copy {padding-bottom:24px}
    .cardlist_box {padding:29px 0;min-height:auto}
    .cardlist_box .cardimg {position:static;margin-bottom:30px;text-align:center}
    .cardlist_box h1 {padding-bottom:10px;font-weight:700;font-size:18px;line-height:25px;color:#000000}
    .cardlist_box h1 img {vertical-align:middle}
    .cardlist_box ul {margin-bottom:5px}
    .cardlist_box dt {font-size:13px;line-height:20px}
    .cardlist_box dt span {width:14px}
    .cardlist_box dd {width:75%;font-size:13px;line-height:20px}
    .cardlist_box .btn_homepage {position:static;text-align:center}
    .dl_h4_type02 .d_block {display:block !important;margin-top:8px;padding-left:20px;text-indent:-20px}
    .dl_h4_type02 .t_indent01 {padding-left:75px;text-indent:-75px}
    .dl_h4_type02 .t_indent02 {padding-left:48px;text-indent:-48px}
    .mtmoney .cardimg {padding-left:0;width:172px}
    .corperate_card .cardimg {padding-bottom:20px}
    .corperate_card .corp_txt {padding-bottom:21px}
    .corperate_card .corp_txt li {font-size:14px}
    .sampledesign div.cardtype {border-right:none;border-bottom:none}
    .sampledesign div {float:none;width:100%}
    .sampledesign div h1 {padding:20px 0 13px 5px;text-align:left}
    .m_center {text-align:center}
    .mileage_chk .p_img,.mileage_chk .p_img02, .mileage_chk ul  { float:none; width:auto;}
    .mileage_chk .p_img,.mileage_chk .p_img02 { padding:20px; border:1px solid #dddddd; margin-bottom:35px; text-align:center;}
    .mileage_chk .p_img img,.mileage_chk .p_img02 img {wdith:100%; border:none; padding:0}
    .mileage_chk ul li{padding:4px 0 4px 33px; line-height:22px; color:#666666}
    .mileage_chk .num {margin-right:10px;padding:3px 6px 4px 5px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-radius:4px; margin-left:-33px;}
    .check_dealing dd {margin-bottom:30px;padding:15px 0;border-radius:5px}
    .check_dealing dd img {width:280px}
    .check_dealing dd:nth-of-type(3) img {width:150px}

}


/*===== mtmoney ====*/
.mtmoney .mtmoney_link {display:inline-block;padding:4px 8px 4px 10px;font-weight:700;font-size:13px;line-height:13px;color:#666666;border:1px solid #cccccc;border-radius:4px}
.mtmoney .mtmoney_link span {display:inline-block;padding-left:0px;width:8px;height:8px;background:url("../images/ie/bul_btn_c.gif") no-repeat 100% center}
.mtmoneybox {border:1px solid #dddddd;border-radius:5px}
.mtmoneybox div {position:relative;padding:40px 0 0 29px;height:146px;border-bottom:1px solid #dddddd}
.mtmoneybox div .img {position:absolute;left:575px;top:20px}
.mtmoneybox div .img img {width:192px;height:160px}
.mtmoneybox div .tit {padding-bottom:12px;font-weight:700;font-size:32px;line-height:42px;color:#333333}
.mtmoneybox div .copy {padding:0 0 15px 0;font-size:16px;line-height:26px;color:#000000}
.mtmoneybox ul li {position:relative;float:left;padding:25px 0 0 30px;width:194px;height:68px;font-weight:700;font-size:14px;line-height:14px;color:#000000;border-right:1px solid #dddddd}
.mtmoneybox ul li a {position:absolute;right:114px;top:48px}
.mtmoneybox ul li.last {border-right:none;border-bottom:none}
.mtmoney_txt {padding-bottom:33px}
.mtmoney_txt dt span {display:inline-block;font-weight:700;font-size:20px;color:#000000;padding-bottom:16px !important}
.mtmoney_txt dd {font-size:13px;line-height:24px;color:#666666}
.mtmoney_step li {margin-bottom:20px;padding-bottom:45px;background:url("../images/common/bg_arrow_down.gif") no-repeat center bottom}
.mtmoney_step .last {padding-bottom:0;margin-bottom:0;background:none}
.mtmoney_step .step_box {border:1px solid #666666;border-radius:5px}
.mtmoney_step .step_box .tit {padding:15px 19px 15px 19px;font-weight:700;font-size:16px;line-height:26px;color:#000000;border-bottom:1px solid #dddddd}
.mtmoney_step .step_box .txt_area {padding:23px 19px 29px 19px;font-weight:700;font-size:16px;line-height:26px;color:#000000}
.mtmoney_step .step_box .txt_area p {margin-bottom:5px;padding-left:10px;font-size:14px;line-height:24px;color:#000000;background:url("../images/common/bul_list.gif") no-repeat left 10px}
.mtmoney_step .step_box .txt_area p span {font-size:13px;font-weight:400;color:#666666;}
.mtmoney_step .step_box .txt_area p span.txt_int {display:block; text-indent:-14px; padding-left:14px;}
.mtmoney_step .step_box .txt_area p .mtmoney_link {margin-top:5px}
.mtmoney_step .step_box .txt_area p.last {margin-bottom:0}
.mtmoney_step .step_list01 {background:url("../images/mtmoney/bg_steplist01.jpg") no-repeat 531px 97px}
.mtmoney_step .appdown {padding-left:32px}
.mtmoney_step .appdown li {position:relative;float:left;margin-right:58px;margin-bottom:0;padding-left:78px;background:none}
.mtmoney_step .appdown li p {padding:9px 0 10px 1px;font-weight:700;font-size:14px;line-height:14px;color:#333333}
.mtmoney_step .appdown li img {position:absolute;left:0;top:0;width:58px;height:58px}
.mtmoney_step .appdown li.last {margin-right:0}
.mtmoney_step .charge {padding:30px 0 0 50px;background:none}
.mtmoney_step .charge li {padding-bottom:30px;margin:0;width:798px;height:70px}
.mtmoney_step .charge li.chargelist01 {background:url("../images/mtmoney/img_charge01.jpg") no-repeat left top}
.mtmoney_step .charge li.chargelist02 {background:url("../images/mtmoney/img_charge02.jpg") no-repeat left top}
.mtmoney_step .step_box .linkbox li {position:relative;float:left;margin:0;padding:26px 0 25px 20px;width:279px;font-weight:700;font-size:14px;line-height:14px;color:#000000;border-right:1px solid #dddddd;background:none}
.mtmoney_step .step_box .linkbox li.last {border-right:none}
.mtmoney_step .step_box .linkbox li a {position:absolute;right:20px;top:19px}
.anttena {position:relative}
.anttena .img_anttena {position:absolute;left:662px;top:92px}
.anttena .img_anttena img {width:174px;height:221px}
.tb_anttena {width:600px}
.tb_anttena .col01 {width:25% !important}
.tb_anttena th {font-size:14px !important;text-align:center;color:#666666 !important}
.tb_anttena td {font-weight:400 !important}
.tb_anttena td ul li {padding-left:10px;text-indent:-9px;line-height:24px}
.tb_important {padding-top:9px;font-size:13px;line-height:12px;color:#666666}
.cardposition {border:1px solid #dddddd;border-radius:5px}
.cardposition li {float:left;width:449px}
.cardposition li img {width:172px;height:168px}
.cardposition li .txt {padding:29px 0 30px 19px;font-weight:700;font-size:14px;line-height:14px;color:#000000}
.cardposition li.first {width:448px;border-right:1px solid #dddddd}
.cardposition li.first img {width:172px;height:170px}
.cardposition li .img {padding-bottom:28px;text-align:center}
.battery {position:relative;}
.battery .img_battery {position:absolute;top:-34px;left:523px}
.battery .img_battery img {width:128px;height:148px}
.battery .img_battery .first {padding-right:30px}
.battery .img_battery .first img {width:158px;height:150px}
.have_know .battery ul li {padding-left:20px;text-indent:-20px;font-weight:700;line-height:24px;background:none}
.have_know .battery ul li span{font-weight:400}
.pament_step {border:1px solid #dddddd;border-radius:5px}
.pament_step p {padding:29px 26px;width:848px;height:114px;background:url("../images/mtmoney/bg_pament_step.jpg") no-repeat 26px 29px}
.pament_app {position:relative;padding-left:260px}
.pament_app .p_img {position:absolute;left:0;top:0;}
.pament_app .p_img img {width:220px;height:352}
.pament_app {min-height:352px}
.etcservice {min-height:365px}
.pament_app ul {padding-top:7px}
.pament_app ul li {padding-bottom:9px;font-size:13px;line-height:24px;color:#666666}
.pament_app ul li:first-child { text-indent:-28px; padding-left:28px;}
.pament_app .num {margin-right:10px;padding:1px 5px 3px 5px;font-weight:700;font-size:12px;line-height:12px;color:#ffffff;background:#666666;border-radius:3px}
.pament_app .span_line2 {display:block;padding-left:28px}
.pament_app .em_line2 {display:inline-block;padding-left:15px;text-indent:-15px}
.pament_app .line-type .span_line2 {padding-left:15px}
.mtmoney .tb_usim .visit {padding-left:11px;padding-right:11px;text-align:left}
.mtmoney .tb_usim table tbody .td_line_none {border-bottom:none}
.box_app_pay {border:1px solid #dddddd; border-radius:8px; padding:30px 0}
.box_app_pay .paychange li {float:left; width:32%; padding-left:2%; background:url("../images/common/bg_step_arw.gif") no-repeat left 44%;}
.box_app_pay .paychange li:first-child {padding-left:0; background:none;}
.box_app_pay .paychange li span {display:block; margin:0 auto; text-align:center;}
.box_app_pay .paychange li .app_img {width:221px;}
.box_app_pay .paychange li .app_img img {width:100%}
.box_app_pay .paychange li .app_txt { padding:10px 0; font-weight:700;}
.box_app_pay .basic_list { padding-left:30px;}

/* mtmony mobile */
@media all and (max-width:21.2cm){
    .mtmoneybox div {margin-bottom:0;padding:30px 0 0 0;width:100%;height:auto;border-bottom:none}
    .mtmoneybox div .img {position:static;padding-bottom:23px;text-align:center}
    .mtmoneybox div .tit {padding-left:18px;padding-bottom:9px;font-size:21px;line-height:32px;color:#333333;letter-spacing:-1px}
    .mtmoneybox div .copy {padding-left:18px;padding-right:18px}
    .mtmoneybox ul {width:100%;border-top:1px solid #dddddd}
    .mtmoneybox ul li {float:none;padding:25px 0 0 6.3%;width:93.7%;height:38px;font-weight:700;border-bottom:1px solid #dddddd}
    .mtmoneybox ul li a {font-weight:400;right:20px;top:20px}
    .mtmoney_txt dd {font-size:13px;line-height:20px}
    .mtmoney_step .step_box {background:none}
    .mtmoney_step li {background:url("../images/mobile/bg_m_arrow_down.gif") no-repeat center bottom;background-size:52px 25px}
    .mtmoney_step .appdown {padding-left:0}
    .mtmoney_step .appdown li {float:left;margin:0;padding-left:0;padding-bottom:30px;width:50%;text-align:center}
    .mtmoney_step .appdown li p {padding:9px 0 10px 1px;font-weight:700;font-size:14px;line-height:14px;color:#333333}
    .mtmoney_step .appdown li img {position:static}
    .mtmoney_step .appdown li.last {margin-right:0}
    .mtmoney_step .charge {padding:0}
    .mtmoney_step .charge li {margin:30px 0;width:100%;height:402px}
    .mtmoney_step .charge li.chargelist01 {background:url("../images/mobile/img_m_charge01.jpg") no-repeat center top;background-size:194px 402px;border-bottom:1px solid #dddddd}
    .mtmoney_step .charge li.chargelist02 {margin-bottom:0;background:url("../images/mobile/img_m_charge02.jpg") no-repeat center top;background-size:194px 402px}
    .mtmoney_step .step_box .linkbox li {float:none;padding-left:3%;width:97%;border-bottom:1px solid #dddddd;border-right:none}
    .mtmoney_step .step_box .linkbox li.last {border-bottom:none}
    .mtmoney_step .step_box .linkbox li a {right:40px}
    .mtmoney_txt_line2 {padding-bottom:30px}
    .mtmoney_txt_line2 h4 {font-size:18px !important;line-height:26px;padding-bottom:12px !important}
    .anttena .img_anttena {position:static;padding-top:26px;text-align:center}
    .tb_anttena {width:100%}
    .tb_anttena .col01 {width:35% !important}
    .tb_anttena td ul li {padding-left:10px;text-indent:-10px;line-height:24px}
    .cardposition li {float:none;width:100%}
    .cardposition li .txt {padding:29px 0 30px 20px}
    .cardposition li.first {width:100%;border-bottom:1px solid #dddddd;border-right:none}
    .cardposition li .img {padding-bottom:29px}
    .battery .img_battery {display:none;position:static;padding-bottom:20px;text-align:center}
    .battery .img_battery .first {display:block;padding-right:0;padding-bottom:30px}
    .have_know .battery ul li {padding-left:20px;text-indent:-20px;font-weight:700;line-height:24px;background:none}
    .pament_step {width:100%}
    .pament_step p {padding:29px 26px;width:auto;height:470px;background:url("../images/mobile/bg_m_pament_step.jpg") no-repeat center 29px;background-size:260px 470px}
    .pament_app {position:relative;padding-left:0}
    .pament_app .p_img {position:static;padding-bottom:20px;text-align:center}
    .pament_app ul {padding-top:0}
    .pament_app ul li {padding-bottom:10px;padding-left:32px;text-indent:-32px;line-height:20px}
    .pament_app ul li.line-type {padding-bottom:0;padding-left:16px;text-indent:-16px}
    .pament_app ul li.line-type .span_line2 {display:inline;padding-left:0}
    .pament_app .span_line2 {display:inline-block;padding-left:0;text-indent:0}
    .mtmoney .tb_usim table tbody td {line-height:20px}
    .box_app_pay {padding:30px 30px 30px 0}
    .box_app_pay .paychange li {float:none; width:auto; padding:30px 0 0; background:url("../images/mobile/img_arrow_bottom_b.gif") no-repeat center top;background-size:32px 16px}
}

/*======= guide =======*/
#bd_guide {padding:10px 10px 0 10px;width:960px;background:#333333}
#bd_guide #wrap {background:#333333}
#bd_guide #subwrap {width:960px;border:none;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
#bd_guide .linemap .home {padding-left:30px;background: url("../images/common/bg_linemap.gif") no-repeat 78px 0}
#bd_guide #subwrap {margin:0;background:#ffffff}
#bd_guide #subwrap .s_content {padding:30px}
#bd_guide #footer {padding-bottom:0;width:970px}
#bd_guide #footer .copyright {padding:20px 0;font-weight:700;font-size: 12px;line-height: 12px;color: #858585;text-align:center}
#bd_guide #footer .copyright small {font-size: 12px}
#bd_guide #footer .footlist {display:none}
#bd_guide #footer .sns {display:none}
#bd_guide #footer .m_link {display:none}
#topheader_guide .header {width:960px;height:80px}
#topheader_guide .header div {position:relative;width:960px;height:80px;border-top-left-radius:6px;border-top-right-radius:6px;background:#ca4e03}
#topheader_guide .header h1 {position:absolute;left:399px;top:21px;padding:4px 0 6px 55px;font-weight:700;font-size:30px;line-height:30px;color:#ffffff;background:url("../images/guide/guide_h1.gif") no-repeat left top}
#topheader_guide .header .home {position:absolute;left:20px;top:20px;border:1px solid #da834f;border-radius:4px;background:#bf4800 url("../images/guide/guide_home.gif") no-repeat left top}
#topheader_guide .header .home a {display:inline-block;padding:11px 11px 11px 11px;font-weight:700;font-size:13px;line-height:13px;color:#ffffff}
#topheader_guide .header .home img {padding-right:10px;width:17px;height:16px;vertical-align:middle}
#topheader_guide .header .btn_guide_close {position:absolute;right:30px;top:30px}
#topheader_guide .header .btn_guide_close img {width:19px;height:19px}
#bd_guide_intro #wrap {padding:30px 40px;width:900px;background:#333333}
#bd_guide_intro .header {margin:0 12px 12px 0;width:292px;height:260px;background:#ca4e03;border-radius:7px}
#bd_guide_intro .header h1 {position:static;padding:123px 0 26px 0;background:url("../images/guide/guide_intro_h1.gif") no-repeat 114px 37px; text-align:center; font-size:40px; letter-spacing:-2px;}
#bd_guide_intro .header .copy {font-size:13px;line-height:20px;color:#ffffff;text-align:center; }
#bd_guide_intro .header div {width:292px;height:260px;border-radius:7px}
#bd_guide_intro .header .home {display:none}
#bd_guide_intro .header .btn_guide_close {display:none}
#bd_guide_intro #topheader_guide {float:left}
#bd_guide_intro #footer {padding-bottom:0;width:970px}
#bd_guide_intro #footer .copyright {padding:30px 0 0;font-weight:700;font-size: 12px;line-height: 12px;color: #858585;text-align:center}
#bd_guide_intro #footer .copyright small {font-size: 12px}
#bd_guide_intro #footer .footlist {display:none}
#bd_guide_intro #footer .sns {display:none}
#bd_guide_intro #footer .m_link {display:none}
.article_type01 {float:left;margin:0 12px 12px 0;padding:24px 0 0 24px;width:268px;height:236px;border-radius:7px}
.article_type01 h1 {padding-bottom:17px}
.article_type01 h1 a {font-weight:700;font-size:24px;line-height:24px;color:#000000}
.article_type01 .copy {padding-bottom:18px;font-weight:700;font-size:14px;line-height:22px;color:#000000}
.article_type01 li {padding:0 0 11px 10px;font-size:13px;line-height:13px;background:url("../images/guide/right_arrow.gif") no-repeat left 3px}
.article_type01 li a {font-size:13px;line-height:13px;color:#666666}
.article_type01 li.last {padding-bottom:0}
.article_right {margin-right:0}
.article_list01 {background:#ffffff url("../images/guide/bg_intro01.jpg") no-repeat 204px 77px}
.article_list02 {background:#ffffff url("../images/guide/bg_intro02.jpg") no-repeat 200px 77px}
.article_list03 {background:#ffffff url("../images/guide/bg_intro03.jpg") no-repeat 207px 80px}
.article_list04 {background:#ffffff url("../images/guide/bg_intro04.jpg") no-repeat 205px 78px}
.article_list05 {background:#ffffff url("../images/guide/bg_intro05.jpg") no-repeat 205px 78px}
.article_type03 {float:left;margin-right:12px;padding:24px 24px 0 24px;width:244px;height:99px;border-radius:7px;background:#666666}
.article_type03 p {padding-bottom:20px;background: url("../images/guide/bg_right_arrow_white.gif") no-repeat right top}
.article_type03 p a {font-weight:700;font-size:20px;line-height:20px;color:#ffffff}
.article_type03 .copy {padding-bottom:0;font-size:13px;line-height:20px;color:#ffffff;background:none;}
.black_box .article_right {margin-right:0}
.black_box .article_top {margin-bottom:12px}
.btn_link {display:inline-block;padding:4px 10px 5px 10px;font-weight:700;font-size:13px;line-height:13px;color:#666666;border:1px solid #cccccc;border-radius:4px}
.btn_link span {display:inline-block;margin-left:4px;width:4px;height:8px;background:url("../images/ie/bul_btn_c.gif") no-repeat left 1px}
.buy_info .btn_link span {padding-left:0;width:3px;background:url("../images/ie/bul_btn_c.gif") no-repeat left 1px}
.newtmoney_step {padding-bottom:45px;margin-bottom:20px;background: url("../images/common/bg_arrow_down.gif") no-repeat center bottom}
.newtmoney_step.last {padding-bottom:40px;margin-bottom:0px;background:none;}
.newtmoney_step dl {border:1px solid #666666;border-radius:5px}
.newtmoney_step dl dt {padding:20px 0 20px 19px;font-weight:700;font-size:16px;line-height:16px;color:#000000;border-bottom:1px solid #dddddd;}
.newtmoney_step dl dd {position:relative;padding:31px 0 0 179px}
.newtmoney_step dl .txt {font-size:13px;line-height:24px;color:#666666;padding-bottom:4px}
.newtmoney_step dl .txt.list {padding:0 0 20px; margin-left:-10px;}
.newtmoney_step dl .txt.list strong {display:block; padding:0 0 4px 10px; background:url('../images/common/bul_list.gif') no-repeat 3px 12px;font-weight:700; font-size:14px; color:#000000;}
.newtmoney_step dl .txt.list span {display:block; padding:0 0 0 10px;}
.newtmoney_step dl .ddtype01 {height:91px}
.newtmoney_step dl .ddtype02 {padding-top:24px;height:114px}
.newtmoney_step dl .ddtype02 a {margin-bottom:4px}
.newtmoney_step dl .img01 {position:absolute;left:49px;top:30px}
.newtmoney_step dl .img01 img {width:86px;height:62px}
.newtmoney_step dl .img02{position:absolute;left:54px;top:41px}
.newtmoney_step dl .img02 img {width:96px;height:62px}
.newtmoney_step dl .img03 {position:absolute;left:54px;top:41px}
.newtmoney_step dl .img03 img {width:86px;height:52px}
.newtmoney_step dl .img04 {position:absolute;left:49px;top:30px}
.newtmoney_step dl .img04 img {width:88px;height:62px}
.newtmoney_step dl .img05 {position:absolute;left:57px;top:31px}
.newtmoney_step dl .img05 img {width:68px;height:68px}
.tmoney_mark {position:relative;padding:29px 0 29px 29px;border:1px solid #dddddd;border-radius:5px}
.tmoney_mark .p_img {position:absolute;right:57px;top:40px}
.tmoney_mark .p_img img {width:186px;height:95px}
.tmoney_mark .p_tit {padding-bottom:20px;font-size:32px;line-height:32px;color:#000000}
.tmoney_mark .p_copy {padding-bottom:19px;font-size:16px;line-height:16px;color:#000000}
.tmoney_mark .p_copy_line2 {padding-bottom:0;font-size:16px;line-height:26px;color:#000000}
.tb_po .col01 {width:20%}
.tb_po table tbody tr th {padding:20px 0;line-height:24px;color:#666666;text-align:center}
.tb_po table tbody tr td p {font-weight:400;line-height:24px}
.h4_dl {position:relative;padding-bottom:33px}
.h4_dl dt {padding:4px 0 15px 0;font-weight:700;font-size:20px;line-height:20px;color:#000000}
.h4_dl dd {font-size:13px;line-height:24px;color:#666666}
.h4_dl .btn_dd {position:absolute;right:0;top:0}
.dd_h4_line3 {padding-left:32px;text-indent:-16px}
.dd_h4_line3 .span_line2 {text-indent:-10px}
.tb_rcard th {font-weight:700;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center;color:#666666}
.tb_rcard .last th {border-bottom:1px solid #dddddd}
.tb_rcard td {font-size:13px;line-height:24px !important;color:#666666}
.tb_rcard td strong {color:#000000}
.resist_card .regist_child {position:relative}
.resist_card .regist_child .btn_link {position:absolute;right:0;top:-43px}
.resist_card .pament_app {padding-left:640px;height:377px}
.resist_card .pament_app img {width:600px}
.resist_newcard .regist_child {position:relative;height:605px}
.resist_newcard .regist_child .btn_link {position:absolute;right:0;top:-43px}
.resist_newcard .regist_child .btn_p {position:absolute;right:0;top:-46px}
.resist_newcard .regist_child .btn_p .btn_link {position:static;margin-left:4px}
.resist_newcard .pament_app {padding-left:640px}
.resist_newcard .p_img img {width:601px;height:605px}
.certification_top .p_img img {width:145px;height:94px}
.certification_me .p_img img {width:600px;height:367px}
.resist_newcard .certification_me {height:367px}
.resist_newcard .service_regist {height:1204px}
.service_regist .p_img img {height:1204px}
.charge_list {position:relative}
.charge_list dl {padding:39px 0 34px 180px;border-bottom:1px solid #dddddd}
.charge_list dt {padding-bottom:13px;font-weight:700;font-size:20px;line-height:20px;color:#000000}
.charge_list dd {padding-left:10px;text-indent:-10px;font-size:13px;line-height:24px;color:#666666}
.charge_list .dl01 {padding-top:0;background: url("../images/guide/bg_chargelist01.gif") no-repeat 64px 15px}
.charge_list .dl01 dd {padding:0}
.charge_list .dl02 {background: url("../images/guide/bg_chargelist02.gif") no-repeat 64px 69px}
.charge_list .dl03 {background: url("../images/guide/bg_chargelist03.gif") no-repeat 64px 59px}
.charge_list .dl04 {background: url("../images/guide/bg_chargelist04.gif") no-repeat 64px 53px}
.charge_list .dl05 {position:relative;border-bottom:1px solid #666666;background: url("../images/guide/bg_chargelist05.gif") no-repeat 64px 50px}
.charge_list .dl05 .dd_btn {position:absolute;right:0;top:35px;text-indent:0}
.charge_list .btn_go {position:absolute;right:0;top:-77px}
.charge_list02 .dl01 img {float:left;padding-right:40px;height:44px}
.charge_list02 .dl01 img.first {padding-left:0}
.charge_list02 .dl02 dd {padding-bottom:14px}
.charge_list02 .dl02 dd.bot_none {padding-bottom:0}
.charge_list02 .dl01 {background: url("../images/guide/bg_charge_station01.gif") no-repeat 64px 10px}
.charge_list02 .dl02 {background: url("../images/guide/bg_charge_station02.gif") no-repeat 64px 135px}
.charge_list02 .dl03 {background: url("../images/guide/bg_charge_station03.gif") no-repeat 64px 78px}
.charge_list02 .dl04 {background: url("../images/guide/bg_charge_station04.gif") no-repeat 64px 33px}
.charge_list02 .dl05 {background: url("../images/guide/bg_charge_station05.gif") no-repeat 64px 44px}
.refund_imgbox {margin-bottom:20px;padding:59px 0;border:1px solid #dddddd;border-radius:5px;text-align:center}
.refund_tbl_p {padding:0 0 15px 19px;font-size:13px;line-height:20px;color:#666666}
.basic_list_sub_line2 span {padding-left:111px !important}

/* guide mobile */
@media all and (max-width:21.2cm){
    #bd_guide {padding:0;width:100%}
    #bd_guide #subwrap {width:100%;border:none;border-radius:0}
    #bd_guide #subwrap .s_content {padding:10px}
    #bd_guide #footer {display:block; width:auto;padding:20px 0;background:#333333}
    #bd_guide #footer .footlist {display:none}
    #bd_guide #footer .copyright {padding:0 0 0 10px;text-align:left}
    #bd_guide #footer .copyright small {font-size:smaller;}
    #topheader_guide .header {width:100%;height:60px}
    #topheader_guide .header div {position:relative;width:100%;height:60px;border-radius:0;background:#ca4e03}
    #topheader_guide .header h1 {position:absolute;left:50%;top:17px;margin-left:-58px;padding:4px 0 6px 36px;font-size:20px;line-height:20px;color:#ffffff;background:url("../images/guide/m_guide_h1.gif") no-repeat left top;background-size:27px 26px}
    #topheader_guide .header .home {position:absolute;left:10px;top:10px;background:#bf4800 url("../images/guide/m_guide_home.gif") no-repeat left top}
    #topheader_guide .header .home img {padding-right:0}
    #topheader_guide .header .btn_guide_close {position:absolute;right:10px;top:21px}
    #bd_guide_intro #wrap {padding:0;width:100%;background:#333333}
    #bd_guide_intro .header {margin:0 12px 20px 0;width:100%;height:60px;border-radius:0}
    #bd_guide_intro .header h1 {position:absolute;left:50%;top:17px;padding:4px 0 6px 36px;font-size:20px;line-height:20px;color:#ffffff;background:url("../images/guide/m_guide_h1.gif") no-repeat left top;background-size:27px 26px}
    #bd_guide_intro .header .copy {display:none}
    #bd_guide_intro .header div {width:100%;height:60px;border-radius:0}
    #bd_guide_intro .header .home {display:block}
    #bd_guide_intro .header .btn_guide_close {display:block}
    #bd_guide_intro #topheader_guide {float:none}
    #bd_guide_intro #footer {display:block;border-top:1px solid #484848}
    #bd_guide_intro #footer {display:block;padding:20px 10px;background:#333333}
    #bd_guide_intro #footer .footlist {display:none}
    #bd_guide_intro #footer .copyright {font-size:11px;line-height:16px;color:#858585}
    #bd_guide_intro #footer .copyright small {font-size: 11px}
    .article_type01 {float:none;margin:0 0 10px 2%;padding:0;width:96%;height:auto}
    .article_type01 h1 {padding-bottom:0;background:url("../images/guide/m_bg_right_arrow_black.gif") no-repeat 90% 24px;background-size:8px 14px}
    .article_type01 h1 a {display:block;padding:20px 20px 20px 23%;font-size:20px;line-height:20px}
    .article_type01 .copy {display:none}
    .article_type01 ul {display:none}
    .article_type02 ul {display:block}
    .article_type02 li {padding:0;font-size:13px;line-height:13px;border-top:1px solid #dddddd;background:url("../images/mobile/ico_arw.gif") no-repeat 90% 13px;background-size:6px 11px}
    .article_type02 li a {display:block;padding:12px 0 11px 6%;font-size:13px;line-height:13px;color:#666666}
    .article_type02 li.last {padding:0;}
    .article_type02 li.last a {padding:12px 0 11px 6%;}
    .article_right {margin-right:0}
    .article_list01 {background:#ffffff url("../images/guide/bg_m_intro01.jpg") no-repeat 6.6% 19px;background-size:32px 24px}
    .article_list02 {background:#ffffff url("../images/guide/bg_m_intro02.jpg") no-repeat 6.6% 19px;background-size:34px 24px}
    .article_list03 {background:#ffffff url("../images/guide/bg_m_intro03.jpg") no-repeat 6.6% 19px;background-size:30px 20px}
    .article_list04 {background:#ffffff url("../images/guide/bg_m_intro04.jpg") no-repeat 6.6% 19px;background-size:31px 22px}
    .article_list05 {background:#ffffff url("../images/guide/bg_m_intro05.jpg") no-repeat 6.6% 19px;background-size:34px 23px}
    .article_type03 {float:left;margin-right:0;padding:0;width:48%;height:auto;border-radius:7px;background:#666666}
    .article_type03 p {padding-bottom:0;background: url("../images/guide/m_bg_right_arrow_white.gif") no-repeat 90% 24px;background-size:6px 11px}
    .article_type03 p a {display:block;padding:24px 0;font-weight:700;font-size:14px;line-height:14px;color:#ffffff}
    .article_type03 .copy {display:none}
    .black_box {margin-bottom:20px;padding:0 2%}
    .black_box article {margin-bottom:12px}
    .black_box article p {padding-left:12px}
    .black_box .article_last {margin-bottom:0}
    .black_box article:nth-of-type(odd) {margin-right:3.7%}
    .newtmoney_step {padding-bottom:32px;margin-bottom:8px;background: url("../images/mobile/bg_m_arrow_down.gif") no-repeat center bottom;background-size: 52px 25px}
    .newtmoney_step dl dd {position:relative;padding:30px 20px 29px 20px;height:auto}
    .newtmoney_step dl .ddtype01 {height:auto}
    .newtmoney_step dl .ddtype02 {padding-top:30;height:auto}
    .newtmoney_step dl .link_m_line2 a:nth-of-type(1) {margin-bottom:5px}
    .newtmoney_step dl .p_img {position:static;padding-bottom:20px;text-align:center}
    .newtmoney_step dl .txt {font-size:13px;line-height:20px;color:#666666;padding-bottom:4px}
    .newtmoney_step dl .txt.list {padding:0}
    .newtmoney_step dl .txt.list strong { background-position:3px 8px}
    .tmoney_mark {position:relative;padding:29px 19px;border:1px solid #dddddd;border-radius:5px}
    .tmoney_mark .p_img {padding-bottom:30px;position:static;text-align:center}
    .tmoney_mark .p_tit {padding-bottom:14px;font-weight:700;font-size:21px;line-height:21px}
    .tmoney_mark .p_copy {padding-bottom:15px;line-height:25px}
    .tb_po .col01 {width:31%}
    .tb_po table tbody tr th {font-size:13px;line-height:20px}
    .tb_po table tbody tr td p {padding-left:29px;text-indent:-11px}
    .tb_po table tbody .last td {padding-left:29px}
    .resist_card .regist_child .btn_link {position:static;margin-bottom:20px}
    .resist_newcard .regist_child {position:relative;height:auto}
    .resist_newcard .regist_child .btn_link {position:static;margin-bottom:20px}
    .resist_newcard .pament_app {padding-left:0}
    .resist_newcard .p_img img {width:300px;height:560px}
    .certification_top .p_img img {width:145px;height:94px}
    .certification_me .p_img img {width:300px;height:295px}
    .resist_newcard .certification_me .btn_p {position:static;margin-bottom:10px}
    .resist_newcard .certification_me .btn_p .btn_link {padding-bottom:10px}
    .charge_list dl {padding:29px 0 26px 10px;border-bottom:1px solid #dddddd;background:none !important}
    .charge_list dt {padding-bottom:16px;font-size:18px;line-height:18px}
    .charge_list dd {padding-left:10px;text-indent:-10px;line-height:20px}
    .charge_list .dl05 .dd_btn {top:23px}
    .charge_list02 .dl01 img {padding-right:30px}
    .resist_card .pament_app {padding-left:0;height:auto}
    .resist_card .pament_app img {width:300px}
    .tb_rcard td {line-height:20px !important}
    .refund_imgbox {margin-bottom:20px;padding:0;border:none}
    .basic_list_sub_line2 span {padding-left:0 !important}
}

@media all and (min-width:20cm) and (max-width:21.2cm){
    #bd_guide #footer .sns {display:none}
    #bd_guide #footer .m_link {display:none}
    #bd_guide_intro #footer .sns {display:none}
    #bd_guide_intro #footer .m_link {display:none}
}

/* use_ traffic  */
.guide_bnr .wrap_cm { width:100%; height:120px; overflow:hidden; margin-bottom:20px;}
.guide_bnr .commercial_area {margin:0; width:2000px;}
.guide_bnr .commercial_area li { float:left; margin:0 15px 0 0;}
.guide_bnr .bnt_ctrl { width:100%; text-align:center;}

.list_useage { margin-left:-10px; color:#666666}
.list_useage li {float:left; width:139px; height:44px; padding:10px 0; margin:0 0 10px 10px; border:1px solid #dddddd; border-radius:6px; text-align:center;}
.list_useage li img {height:100%;}

p.basic_list_sub {padding:0 0 0 11px;color:#666666; text-indent:-11px;line-height:24px; margin:-4px 0 -8px;}
ul.basic_list_sub { margin:-4px 0 -8px;}
ul.basic_list_sub li {color:#666666; text-indent:-11px; padding-left:11px;line-height:24px;}
ul.basic_list_sub li a { text-indent:0;}
ul.basic_list_sub li span {display:block; padding-left:118px;}

@media all and (max-width:21.2cm){
    ul.basic_list_sub li span { padding-left:0; text-indent:0}
}

.usecharge_srh { margin-top:-20px; padding:0 10px 0px; border-bottom:1px solid #666666;}
.usecharge_srh dl {margin-bottom:10px;}
.usecharge_srh dt {float:left; width:7%; font-weight:700; color:#000000; padding-top:4px;}
.usecharge_srh dd {float:right; width:93%;}
.usecharge_srh dd .select_01 {width:33%;#width:32%; padding:4px; color:#666666}
.usecharge_srh dd .select_02 {width:99%; padding:4px; color:#666666}
.usecharge_srh dd .srh_select {float:left; width:28%;}
.usecharge_srh dd .srh_option {float:right; width:70%;}
.usecharge_srh dd .srh_option li {float:left; width:113px; padding-bottom:10px;}
.usecharge_srh dd .srh_option label { padding:0 0 0 5px}
.usecharge_srh dd .srh_option label span {display:inline-block; height:32px;}
.usecharge_srh dd .srh_option label span img { height:100%;}
.result_num { color:#6666666; padding-bottom:5px;}
.result_num strong { color:#ca4e03;}
.result_area { border-top:1px solid #666666; border-bottom:1px solid #666666;}
.result_area .map_area {float:left; width:498px; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.result_area .map_list {float:right; width:42%;}
.result_area .map_list li { padding:12px 0; border-bottom:1px solid #dddddd; color:#666666}
.result_area .map_list li strong {font-size:14px; color:#000000}
.result_area .map_list li .telnum {display:block; padding:10px 0 6px;}

@media all and (max-width:21.2cm){
    .m_useselect { border-top:1px solid #666666; border-bottom:1px solid #666666; padding:15px 0;}
    .m_useselect p {font-weight:700; color:#000000; padding:0 0 5px 5px}
    .m_useselect div {position:relative; padding:0 58px 0 5px}
    .m_useselect div select { width:99%; padding:5px;}
    .m_useselect div .emailcheck {position:absolute; right:5px; top:0}
    .list_useage { margin-left:0;}
    .list_useage li {float:left; width:49%; margin: 0 0 10px 0}
    .list_useage li:nth-child(even) {float:right; width:48%;}
    .usecharge_srh { margin:0; padding:10px; border-top:1px solid #666666;}
    .usecharge_srh dl {margin:0;}
    .usecharge_srh dt {width:14%;}
    .usecharge_srh dd {width:86%;}
    .usecharge_srh dd .select_01 {width:99%; margin-bottom:5px;}
    .usecharge_srh dd .srh_select,.usecharge_srh dd .srh_option {float:none; width:auto;}
    .usecharge_srh dd .srh_option {margin-top:10px;}
    .usecharge_srh dd .srh_option li { width:50%}
    .result_area {border-bottom:none;}
    .result_area .map_area,.result_area .map_list {float:none; width:auto;}
    .result_area .map_area {height:200px; overflow:hidden;border:none; border-bottom:1px solid #dddddd}
    .result_area .map_list li:last-child {border-bottom:1px solid #666666;}
}

/* refund */
.tb_refund_guide table td { line-height:24px;}
@media all and (min-width:20cm) and (max-width:21.2cm){
    .tb_refund_guide.w_dnone {display:block;}
    .tb_refund_guide.w_dnone a {display:block;}
    .tb_refund_guide.w_dnone img {width:100%}
}
/* balance */
.balance_list dt {color:#000000;font-weight:700;}
.tb_refund_guide .pos_right { position:absolute; right:0; top: -35px;}
.call_foreigner { padding:10px 30px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.call_foreigner li {float:left; padding:0 20px;}
.call_foreigner li img {width:100%;}
.call_foreigner li.global span { display:block; width:140px;}
.call_foreigner li.dasan span { display:block; width:110px;}
.call_foreigner li.help {font-weight:700; color:#000000; padding:10px 0 10px 30px}
.call_foreigner li.help strong {font-size:20px; color:#76357a;}
@media all and (max-width:21.2cm){
    .rel_pos .date {position:inherit; padding-bottom:5px; text-align:right;}
    .call_foreigner { padding:10px 0;}
    .call_foreigner li { width:50%; padding:0; text-align:center;}
    .call_foreigner li span {margin:0 auto;}
    .call_foreigner li.help {float:none;clear:both; width:100%; padding:20px 0 10px;}
}