@charset "utf-8";

/* default */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textArea, select, button, p, th, td {margin:0;padding:0;}
body {font-size:12px;color:#515151;font-family:'맑은 고딕', 'Malgun Gothic', 'NanumGothic','Nanumgothic', 'Nanum Gothic','나눔고딕', 'NanumGothicWeb','돋움','굴림',Dotum,Gulim,Sans-serif;letter-spacing:-1px;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
ol, ul, li {list-style:none;}
a {color:#515151;text-decoration:none;}
img {border:0;vertical-align:top;max-width:100%;}
.pointer, label {cursor:pointer;}
button {border:0 none;background:none;cursor:pointer;}

/* form */
fieldset {display:block;border:0;}
legend, caption {position:absolute;left:-9999em;top:-9999em;width:1px;height:1px;overflow:hidden;text-indent:-5000px;font-size:1px;line-height:1px;}
textArea, select, input, button {*overflow:visible;vertical-align:middle;color:#100e0d;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
input[type=text], input[type=password], input[type=file], input[type=number] {height:17px;padding:7px 9px 8px;line-height:17px;border:1px solid #d9d9d9;border-radius:1px;font-size:14px;color:#0c0b0b;}
input[type=checkbox], input[type=radio], input[type=image], input[type=button], input[type=submit] {border:0;}
textArea {overflow-y:auto;border:1px solid #e0e0e0;border-top-color:#c8c8c8;font-size:12px;color:#100e0d;line-height:18px;resize:none;}
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;color:#100e0d;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
th, td {font-size:14px;font-weight:normal;font-family:'맑은 고딕', 'Malgun Gothic','돋움','굴림',Dotum,Gulim,Sans-serif;}
input {border:0 none;}
input[type=checkbox],
input[type=radio] {width:15px;height:15px;cursor:pointer;}
input::-ms-clear {display:none;}
select {height:34px;padding-left:9px;border:1px solid #d9d9d9;border-radius:1px;font-size:14px;color:#100e0d;line-height:34px;}
input[readonly], input:read-only {background:#ebebe4;}

.placeholder {color:#878787;}
::-webkit-input-placeholder { color:#878787 !important;}	/* 웹킷 전용 속성 */
:-moz-placeholder {color:#878787 !important; opacity:1;}	/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#878787 !important; opacity:1;}	/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#878787;}	/* Internet Explorer 10+ */

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.cboth {clear:both;}
.clfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;}	/* hides from ie-mac */
.clfix {zoom:1;}				/*for ie 5.5-7*/

/* align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/* hidden */
.hidden {display:none;}
.blind {position:absolute;left:-9999em;top:-9999em;width:1px;height:1px;overflow:hidden;text-indent:-5000px;font-size:1px;line-height:1px;}
.bgNone {background:none !important;}

/* 넓이 */
.w60 {width:60px;}
.w90 {width:90px;}
.w90_1 {width:90px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w220 {width:220px;}
.w280 {width:280px;}
.w400 {width:400px;}

/* 여백 */
.mg0 {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px !important;}

.pdl0{padding-left: 0 !important;}
.pdl10{padding-left: 10px !important;}
.pdl20{padding-left: 20px !important;}
.pdl30{padding-left: 30px !important;}
.pdl40{padding-left: 40px !important;}
.pdl50{padding-left: 50px !important;}
.pdl60{padding-left: 60px !important;}

/* common */
body {min-width:1280px;}
.skipNavi {position:relative;}
.skipNavi.on {height:43px;}
.skipNavi a {position:absolute;left:0;top:-50px;padding:10px;border:1px solid #000;font-size:16px;font-weight:600;}
.skipNavi.on a {top:0;}
#wrapper {position:relative;}
.dim_device {display:none;position:fixed;z-index:25;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}

/* header */
#header {position:relative;min-width:1182px;}
#header.fixed {position:fixed;z-index:23;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #0c0b0b;}
#header .logo {position:absolute;z-index:22;left:50%;margin-left:-591px;top:13px;}
#header .searchBox {position:absolute;z-index:22;top:10px;left:50%;margin-left:453px;}
#header .searchBox>span {display:block;}
#header .searchBox .btnSearch {display:block;float:right;overflow:hidden;width:34px;height:33px;margin:22px 57px 0 0;text-indent:-5000px;background:url(../images/btn/btn_top_search.png) no-repeat;}
#header .searchBox .btnMap {display:block;overflow:hidden;position:absolute;right:2px;top:48px;width:27px;height:22px;text-indent:-5000px;background:url(../images/btn/btn_top_map.png) no-repeat;}
#header .btn_mobileGnb {display:none;}

#header .logo + .m_sitemap {
    position: absolute;
    top: 20px;
    right: 15px;
    display: block;
    width: 25px;
    height: 22px;
    text-indent: -5000px;
    overflow: hidden;
    background: url(../images/btn/bars.png) no-repeat;
}

@media screen and (min-width: 768px) {
    #header .logo + .m_sitemap {
        display: none;
    }
}
/* gnb */
#gnb {position:relative;width:100%;height:98px;}
#gnb>ul {position:absolute;left:50%;top:40px;z-index:20;width:1058px;margin-left:-441px;padding-top:14px;}
#gnb>ul>li {float:left;width:177px;}
#gnb>ul>li.on>a, #gnb>ul>li.sel>a {color:#749A0F;}
#gnb>ul>li:first-child {width:176px;margin-left:-3px;}
#gnb>ul>li>a {display:block;height:18px;padding:8px 0 19px;text-align:center;font-size:16px;font-weight:600;color:#0c0b0b;line-height:18px;letter-spacing:-1px;}#gnb>ul>li>a {display:block;height:18px;margin-bottom:9px;padding:8px 0 10px;text-align:center;font-size:16px;font-weight:600;color:#0c0b0b;line-height:18px;letter-spacing:-1px;}
#gnb>ul>li>ul {display:none;height:321px;padding-top:15px;border-right:1px solid #e4e4e5;}
#gnb>ul>li:first-child>ul {border-left:1px solid #e4e4e5;}
#gnb>ul>li.on>ul {background:url(../images/bg/bg_gng_on.png) repeat-x;}
#gnb>ul>li>ul>li {margin:0 0 11px 14px;line-height:18px;}
#gnb>ul>li>ul>li>a {font-size:14px;color:#0c0b0b;letter-spacing:-1px;}
#gnb>ul>li>ul>li>a:hover,
#gnb>ul>li>ul>li.on>a {text-decoration:underline;font-weight:600;color:#74a20f;}
#gnb>ul>li>ul>li>ul {display:none;}
#gnb>ul>li>ul>li>ul>li {line-height:19px;}
#gnb>ul>li>ul>li>ul>li>a {font-size:12px;color:#646464;}
#gnb>ul>li>ul>li>ul>li>a:hover {font-weight:600;color:#000;}
#gnb .bgWrap {display:none;position:absolute;z-index:10;left:0;top:98px;width:100%;height:336px;border-top:1px solid #0c0b0b;border-bottom:1px solid #0c0b0b;}
#gnb .bgWrap>div {position:absolute;width:200px;}
#gnb .bgWrap .bg {width:100%;height:336px;background:#fff;opacity:0.95;filter:alpha(opacity=95);}
#gnb .bgWrap .bg_left {left:0;top:166px;height:157px;background:url(../images/bg/bg_gnb_left.png) no-repeat;}
#gnb .bgWrap .bg_right {top:105px;right:0;height:215px;background:url(../images/bg/bg_gnb_right.png) no-repeat 100% 0;}

/* localNavi */
#localNavi {height:51px;border-top:1px solid #0c0b0b;background:#3d3d3d;}
#localNavi .inner {width:1182px;margin:0 auto;text-align:right;}
#localNavi .inner a,
#localNavi .inner strong {display:inline-block;height:18px;padding:15px 18px 18px 48px;font-size:14px;line-height:18px;letter-spacing:-1px;background:url(../images/bg/bg_local_navi.png) no-repeat;}
#localNavi .inner a {color:#9d9d9d;}
#localNavi .inner a:hover {text-decoration:underline;color:#fff;}
#localNavi .inner a.home {padding-left:16px;background:url(../images/icon/icon_home.png) no-repeat 0 21px;}
#localNavi .inner strong {padding-right:0;color:#fff;font-size:16px;}

#container {width:1181px;margin:0 auto;padding-left:1px;background:url(../images/bg/bg_snb.png) repeat-y;}
#container #contents {float:right;width:893px;min-height:700px;margin-bottom:120px;}
h3.h3_bul {margin:20px 0 14px;padding-left:33px;font-size:20px;font-weight:600;color:#3d3d3d;letter-spacing:-2px;background:url(../images/bul/bul_h3.png) no-repeat 2px 50%;}
h4.h4_bul {margin:23px 0 7px;padding-left:17px;font-size:18px;font-weight:600;color:#000;background:url(../images/bul/bul_h4.png) no-repeat 1px 50%;}
h3.h3_ty01 {position:relative;margin:25px 0 15px;text-align:center;font-size:31px;color:#3d3d3d;letter-spacing:-2px;}
h3.h3_ty01 .btnInfo {position:absolute;top:7px;right:0;}
h4.h4_ty01 {margin:30px 0 10px;padding:13px 0 18px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;text-align:center;font-size:24px;font-weight:600;color:#3d3d3d;letter-spacing:-2px;}

/* snb */
#snb {float:left;width:240px;}

#snb h2 {
    padding: 66px 0 69px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
    letter-spacing: -2px;
}
#snb.snb01 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb02 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb03 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb04 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb05 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb06 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
#snb.snb07 h2 {background:#e83430 url(../images/bg/bg_snb01.png) no-repeat 0 100%;}
/*#snb.snb02 h2 {background:#90c31f url(../images/bg/bg_snb02.png) no-repeat 0 100%;}*/
/*#snb.snb03 h2 {background:#f6ab00 url(../images/bg/bg_snb03.png) no-repeat 0 100%;}*/
/*#snb.snb04 h2 {background:#e83430 url(../images/bg/bg_snb04.png) no-repeat 0 100%;}*/
/*#snb.snb05 h2 {background:#90c31f url(../images/bg/bg_snb05.png) no-repeat 0 100%;}*/
/*#snb.snb06 h2 {background:#804f22 url(../images/bg/bg_snb06.png) no-repeat 0 100%;}*/
#snb li {border-bottom:1px solid #c8c8c8;}
#snb li a {display:block;padding:15px 30px 16px 36px;font-size:14px;color:#3d3d3d;line-height:19px;letter-spacing:-1px;background:#fff;}
#snb li.on a,
#snb li a:hover {padding-left:33px;border-left:3px solid #84a736;font-weight:600;background:#f6f6f6 url(../images/icon/icon_snb_on.png) no-repeat 214px 50%;}

/* subTitle */
.subTitle {min-height:125px;padding-top:43px;}
.subTitle.s01 {background:url(../images/bg/bg_sub_tite01.png) no-repeat 100% 0;}
.subTitle.s02 {background:url(../images/bg/bg_sub_tite02.png) no-repeat 100% 0;}
.subTitle.s03 {background:url(../images/bg/bg_sub_tite03.png) no-repeat 100% 0;}
.subTitle.s04 {background:url(../images/bg/bg_sub_tite04.png) no-repeat 100% 0;}
.subTitle.s05 {background:url(../images/bg/bg_sub_tite05.png) no-repeat 100% 0;}
.subTitle.s06 {background:url(../images/bg/bg_sub_tite06.png) no-repeat 100% 0;}
.subTitle h2 {/* margin-left:-2px; */font-size: 30px;font-weight:600;color:#3d3d3d;/* line-height:34px; */letter-spacing:-2px;}

.subTitle span {display:block;margin:0 40% 16px 0;font-size:14px;color:#898989;line-height:22px;letter-spacing:-1px;}
.subTitle span em {font-size:12px;}
.subTitle .btn {display:block;width:300px;margin:35px auto 0;padding:15px 0 20px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;letter-spacing:-1px;background:url(../images/btn/btn_sub_title01.png) no-repeat;}
.subTitle .btn:hover {background-position:0 -53px;}

/* linkArea */
#linkArea {border-top:1px solid #d9d9d9;}
#linkArea .inner {position:relative;overflow:hidden;width:1282px;height:80px;margin:0 auto;letter-spacing:-2px;}
#linkArea.on .inner {overflow:visible;}
#linkArea h3 {float:left;margin-top:26px;font-size:18px;font-weight:600;color:#100e0d;}
#linkArea .bx-wrapper {float:right;width:962px;}
#linkArea.on .bx-viewport {height:320px !important;}
#linkSlide>div {height:80px;}
#linkSlide>div>span {display:block;float:left;width:168px;height:54px;margin:12px 0 0 28px;border:1px solid #d8d8d8;border-radius:2px;}
#linkSlide>div>span:first-child {margin-left:0;}
#linkArea .inner>a {display:block;overflow:hidden;position:absolute;top:31px;width:13px;height:19px;text-indent:-5000px;background:url(../images/btn/btn_bottom_link.png) no-repeat;}
#linkArea .inner .btnStart {left:140px;}
#linkArea .inner .btnStop {left:163px;background-position:-23px 0;}
#linkArea .inner .btnPrev {left:193px;width:18px;background-position:-51px 0;}
#linkArea .inner .btnNext {left:222px;width:18px;background-position:-79px 0;}
#linkArea .inner .toggleLink {left:246px;padding:0 5px;background-position:-106px 0;}
#linkArea .bx-pager,
#linkArea .bx-controls-direction {display:none;}

/* footer */
#footer {border-top:1px solid #d9d9d9;padding:26px 0 135px;background:#f5f5f5;}
#footer .inner {position:relative;width:1282px;margin:0 auto;letter-spacing:-1px;}
#footer .info ul {overflow:hidden;}
#footer .info li {float:left;margin-left:46px;}
#footer .info li:first-child {margin:-4px 0 0;}
#footer .info li a {font-size:18px;font-weight:600;color:#100e0d;letter-spacing:-2px;}
#footer .info li:first-child a {
    font-size: 21px;
    /*color: #8cc019;*/
}
#footer .info p {margin-top:19px;font-size:14px;color:#100e0d;line-height:32px;}
#footer .info p span {margin:0 5px;font-size:12px;vertical-align:1px;}
#footer .info p strong {margin-left:5px;font-size:16px;font-weight:600;color:#e93a35;letter-spacing:-2px;}
#footer .info .copy {margin-top:0;}
#footer .info .copy strong {font-size:14px;font-weight:400;letter-spacing:-1px;}
#footer .mark>span,
#footer .mark>a {position:absolute;top:0;right:2px;}
#footer .mark .m01 {top:94px;right:275px;}
#footer .mark .m02 {top:99px;right:105px;}
#footer .mark .m03 {top:94px;right:0;}
#footer .mark .mm01 {right:412px;}
#footer .mark .mm02 {right:340px;}
#footer .mark .mm03 {right:100px;}
#footer .mark .mm04 {right:0px;}

/* tableList */
.tblList {margin-top:30px;border-top:2px solid #909090;}
.tblList th,
.tblList td {border-bottom:1px solid #c4c4c4;border-left:1px solid #c4c4c4;text-align:center;font-size:12px;color:#100e0d;}
.tblList th {padding:5px 5px 7px;font-weight:600;line-height:17px;background:#f7f7f7;}
.tblList td {height:27px;padding:6px 5px 7px;word-break:break-all;background:#fff;}
.tblList td.tal,
.tblList td.tar {padding:6px 11px 7px;}
.tblList tr th:first-child,
.tblList tr td:first-child {border-left:0;}
.tblList tr th.borL {border-left:1px solid #c4c4c4;}
.tblList td .link {display:inline-block;overflow:hidden;max-width:450px;font-weight:600;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.tblList td .link:hover {text-decoration:underline;color:#eea90c;}
.tblList td .icon {margin-left:6px;vertical-align:middle;}
.tblList td .finish {color:#b9b9b9;}
.tblList td .btnType06 {padding:5px 10px 6px;}
.tblList tr.reply .link {max-width:84%;margin-left:7px;padding-left:15px;background:url(../images/bg/bg_reply.png) no-repeat 0 1px;}
.tblList tr td.tdTy01{border-left: 1px solid #c4c4c4;}

.tblList.ty02 th,
.tblList.ty02 td {font-size:14px;}
.tblList.ty02 th {padding:10px 5px 13px;}

.tblList.disUseList th {padding:10px 5px 13px;font-size:16px;}
.tblList.disUseList td {text-align:left;vertical-align:top;}
.tblList.disUseList ul {margin:3px 15px 1px 9px;}
.tblList.disUseList li {margin-bottom:5px;padding-left:12px;color:#100e0d;line-height:19px;background:url(../images/bul/bul_type021.png) no-repeat 0 9px;}
/*.tblList.disUseList tr td:first-child li {background:url(../images/bul/bul_type02.png) no-repeat 0 9px;}*/

/*210120 추가 */
.tblList.disUseList li ul { margin-left:0; }
.tblList.disUseList li li { position:relative;  background:none; margin-left:0}
.tblList.disUseList li li:before { content:""; display:block; position:absolute; top:8px; left:0; width:5px; height:1px; background:#000; }
.tblList.disUseList.stepList { }
.tblList.disUseList.stepList thead th { background:#f2660a; color:#fff; }
.tblList.disUseList.stepList tbody td { vertical-align:middle; }
.tblList.disUseList.stepList .step_list01 > li  { position:relative; background:none;  }
.tblList.disUseList.stepList .step_list01 > li:before { content:""; position:absolute; top:6px; left:0; display:block; width:4px; height:4px; border:2px solid #f5aa25 }
.tblList.disUseList.stepList .span_star { position:relative; padding-left:10px; }
.tblList.disUseList.stepList .span_star:before  { content:"*"; position:absolute; top:0; left:0; font-weight:bold; color:#f51626; font-size:18px;}
.tblList.disUseList.stepList .icn_arr { display:inline-block; width:16px; height:11px; margin-right:7px; background:url(icn_stepList_arr.gif) no-repeat; }
.tblList.disUseList.stepList .step_list02 > li  { position:relative; background:none; padding-left:5px; }
.tblList.disUseList.stepList .step_list02 > li:before { content:""; position:absolute; top:8px; left:0; display:block; width:2px; height:2px; background:#bbb }
/*210120 추가 끝 */

/* 2020-08-06 추가 */
/* 프로그램 목록 */
.thum_program { max-width:100px; border:1px solid #ddd; margin:0 auto; padding:3px;}
.thum_program img { display:block; max-width:100%; }

/* 프로그램 상세보기 */
.programVeiw{ margin-top:40px;}
.programInfo:after  {  content:""; display:block; clear:both; }
.programInfo .thumBox { width:45%; float:left;  }
.programInfo .thumBox img { display:block; max-width:100%; border:1px solid #dbdbdb; }
.programInfo .infoBox { width:50%; float:right; border: 1px solid #dbdbdb;  box-sizing: border-box;}
.programInfo .infoBox h3 { width:100%; padding:10px 0; font-size:15px; text-align:center; background-color:#f9f9f9 }
.programInfo .infoBox h2 { box-sizing: border-box; padding: 10px 30px; font-size:20px; font-weight:bold; color:#b77f00;}
.programInfo .infoBox ul { box-sizing: border-box; margin: 0 30px; padding:5px 0 15px 0; border-top:1px dashed #dbdbdb;   }
.programInfo .infoBox ul li { margin:12px 0; }
.programInfo .infoBox ul li strong { position:relative; display:inline-block; width:90px; padding-left:10px;  margin-right:20px; }
.programInfo .infoBox ul li strong:before{content:''; display:block; position:absolute; top:50%; left:0; width:3px; height:3px;background:#b6b6b9;}
.programInfo .infoBox ul li strong:after{content:''; display:block; position:absolute; top:50%; right:0;margin-top:-7px; width:1px; height:15px;background:#d9d9d9;}

.programDetail { margin-top:30px; }
.programDetail .detailTitle { border-bottom: 1px solid #b77f00;}
.programDetail .detailTitle h2{  display:inline-block; padding:10px 20px; border: 1px solid #b77f00; font-size: 18px;    font-weight: 600; color: #fff;background: #b77f00; }
.programDetail .detailCont { padding:30px 10px; min-height:150px; }
.programDetail .detailCont img { max-width:100%; }


/* 2020-08-06 추가 끝 */



.tblView {margin-top:62px;}
.tblView.ty02 {margin-top:11px;}
.tblView th,
.tblView td {padding:9px 10px 13px;border-left:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;font-size:14px;color:#100e0d;}
.tblView th {font-weight:600;background:#f7f7f7;}
.tblView td {padding:9px 17px 13px;}
.tblView tr:first-child th,
.tblView tr:first-child td {border-top:2px solid #909090;}
.tblView tr th:first-child,
.tblView tr td:first-child {border-left:0;}
.tblView tr.cont td>div {margin:18px 21px 122px;font-size:14px;color:#100e0d;line-height:19px;}
.tblView td .finish {color:#b9b9b9;}
.fileList {overflow:hidden;margin:-3px 0 0 -7px;}
.fileList li {float:left;margin:5px 18px 0 0;padding-left:22px;font-size:13px;line-height:16px;}
.fileList li.f01 {background:url(../images/icon/icon_file01.png) no-repeat 0 50%;}
.fileList li.f02 {background:url(../images/icon/icon_file02.png) no-repeat 0 50%;}
.fileList li.f03 {background:url(../images/icon/icon_file03.png) no-repeat 0 50%;}
.fileList li.f04 {background:url(../images/icon/icon_file04.png) no-repeat 0 50%;}
.fileList li.f05 {background:url(../images/icon/icon_file05.png) no-repeat 0 50%;}
.fileList li.f06 {background:url(../images/icon/icon_file06.png) no-repeat 0 50%; background-size:16px;}
.fileList li a:hover {text-decoration:underline;}
.tblView.control {margin-top:10px;}
.tblView.control tr:first-child th,
.tblView.control tr:first-child td {border-top:1px solid #c4c4c4;}
.tblView.control tr th a {display:inline-block;padding-right:20px;color:#100e0d;line-height:15px;background:url(../images/arrow/arrow_btn_next.png) no-repeat 100% 52%;}
.tblView.control tr:first-child th a {background:url(../images/arrow/arrow_btn_prev.png) no-repeat 100% 60%;}
.tblView.control td a {color:#100e0d;}
.tblView.control td a:hover {text-decoration:underline;font-weight:600;color:#010101;}
.tblView th .icOnline {display:block;}
.tblView.ty03 {margin-top:0;}
.tblView.ty03 th,
.tblView.ty03 td {padding:6px 16px 7px;text-align:left;font-size:12px;color:#000;}
.tblView.ty03 th {background:#f6f6f6;}
.tblView.ty03 tr:first-child th,
.tblView.ty03 tr:first-child td {border-top:1px solid #c4c4c4;}
.tblView.ty04 {border-bottom:1px solid #909090;}
.tblView.ty04 th,
.tblView.ty04 td {border-top:1px solid #909090;border-bottom:0;}
.tblView.ty04 td {padding:8px;}

.tblWrite {position:relative;margin-top:11px;}
.tblWrite .btnInfo {position:absolute;top:-51px;right:0;}
.tblWrite th,
.tblWrite td {border-bottom:1px solid #c4c4c4;font-size:14px;color:#100e0d;}
.tblWrite th {padding:14px 10px 18px;font-weight:600;background:#f7f7f7;}
.tblWrite td {padding:8px 10px;border-left:1px solid #c4c4c4;}
.tblWrite tr:first-child th,
.tblWrite tr:first-child td {border-top:2px solid #909090;}
.tblWrite th .num {display:inline-block;width:20px;height:20px;margin-right:9px;border:1px solid #535353;border-radius:11px;text-align:center;color:#fff;background:#535353;}
.tblWrite th .star {position: relative;display: inline-block;color:#a01310; text-indent: -9999em;}
.tblWrite th .star:before{content: '*';display: inline-block;position: absolute;top: 0;right: 0; text-indent: 0;}
.tblWrite th .star2 {position: relative;display: inline-block;margin-left:-5px;color:#a01310; text-indent: -9999em;}
.tblWrite th .star2:before{content: '*';display: inline-block;position: absolute;top: 0;right: 0; text-indent: 0;}
.tblWrite th .exp {font-weight:400;}
.tblWrite td .space {display:inline-block;margin-left:15px;}
.tblWrite td .space02 {margin:4px 0;}
.tblWrite td .space03 {margin:4px 0 0;}
.tblWrite td .exp {margin-left:8px;color:#a01310;}
.tblWrite td .exp01 {margin-left:2px;color:#a01310;}
.tblWrite.ty02 th {padding-left:40px;text-align:left;}
.tblWrite.ty03 th {padding-left:20px;text-align:left;}
.tblWrite.ty04 th {padding-left:15px;text-align:left;}
.tblWrite tr.cont>td>div {margin:15px 20px 70px 0;font-size:14px;color:#100e0d;line-height:19px;}
.tblWrite .divdeCheck {overflow:hidden;}
.tblWrite .divdeCheck li {float:left;}
.tblWrite .divdeCheck li label {display:inline-block;margin:0 25px 0 4px;padding:10px 0 12px 0;line-height:15px;}
.tblWrite .divideCheck {overflow:hidden;}
.tblWrite .divideCheck li {float:left;}
.tblWrite .divideCheck li label {display:inline-block;margin:0 25px 0 4px;padding:10px 0 12px 0;line-height:15px;}
.tblWrite .cateCheck {overflow:hidden;width:69%;margin-top:7px;}
.tblWrite .cateCheck li {float:left;min-width:78px;margin:0 10px 8px 0;}
.tblWrite .expList {margin-top:10px;}
.tblWrite .expList li {margin-top:5px;font-size:12px;color:#a01310;line-height:16px;}
.tblWrite .inChoice {margin-top:-4px;}
.tblWrite .inChoice li {margin-top:4px;}
.tblWrite .inChoice li label {font-weight:600;}
.tblWrite input[type=file] {height:34px;padding:0;vertical-align:middle;line-height:34px;}

.tblTop {margin:62px 0 -23px;font-size:14px;color:#100e0d;}
.tblTop.ty02 {margin-top:40px;}
.tblTop .all {float:left;margin-top:5px;padding-left:17px;background:url(../images/bul/bul_type011.png) no-repeat 0 50%;}
.tblTop .all strong {font-size:16px;color:#f2660a;vertical-align:-1px;}
.tblTop .name {float:left;margin-top:5px;}
.tblTop .name strong {font-size:16px;vertical-align:-1px;}
.tblTop select {width:162px;}
.tblTop input[type=text] {margin:0 3px;}

/* paging */
.paging {margin:30px 0 67px;text-align:center;}
.paging>a,
.paging>strong {display:inline-block;min-width:22px;height:16px;margin-left:2px;padding:5px 3px 7px;border:1px solid #dedede;text-align:center;font-size:14px;color:#6a6a6a;line-height:16px;}
.paging>strong {border:1px solid #3c3c3c;font-weight:600;color:#fff;background:#3c3c3c;}
.paging>a:first-child,
.paging>strong:first-child {margin-left:0;}
.paging>a:hover {background-color:#f2f2f2;}
.paging a>span {display:inline-block;overflow:hidden;font-size:1px;line-height:0;color:transparent;}
.paging .prev02,
.paging .prev01,
.paging .next01,
.paging .next02 {width:28px;height:28px;padding:0;vertical-align:top;}
.paging .prev01 {background:url(../images/arrow/arrow_prev01.png) no-repeat 50%;}
.paging .prev02 {background:url(../images/arrow/arrow_prev02.png) no-repeat 50%;}
.paging .next01 {background:url(../images/arrow/arrow_next01.png) no-repeat 50%;}
.paging .next02 {background:url(../images/arrow/arrow_next02.png) no-repeat 50%;}

/* btn */
.btnWrap {margin-top:48px;text-align:center;}
.btnWrap.ty02 {margin-top:31px;}
.btnWrap.ty03 {margin-top:10px;}
.btnWrap.tar {margin:10px 0 -23px;}
.btnWrap .btnType10 {padding:6px 32px 10px !important;}
.btnWrap .btnType01.sport {width:auto;}
.btnType01 {display:inline-block;width:300px;margin-bottom:3px;padding:14px 20px 16px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;border:1px solid #76a118;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#76a118;}
.btnType01:hover {border-color:#668b14;background:#668b14;}
.btnType02 {display:inline-block;width:300px;margin-bottom:3px;padding:14px 20px 16px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;border:1px solid #c11814;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#c11814;}
.btnType02:hover {border-color:#a01310;background:#a01310;}
.btnType03,
.btnType03_02 {display:inline-block;width:120px;margin-bottom:3px;padding:9px 20px 13px;text-align:center;font-size:14px;font-weight:600;color:#fff;line-height:16px;border:1px solid #76a118;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#76a118;}
.btnType03:hover,
.btnType03_02:hover {border-color:#668b14;background:#668b14;}
.btnType04,
.btnType04_02 {display:inline-block;width:120px;margin-bottom:3px;padding:9px 20px 13px;text-align:center;font-size:14px;font-weight:600;color:#fff;line-height:16px;border:1px solid #e6a104;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#e6a104;}
.btnType04:hover,
.btnType04_02:hover {border-color:#af7a03;background:#af7a03;}
.btnType05,
.btnType05_02 {display:inline-block;width:283px;margin-bottom:3px;padding:9px 20px 13px;text-align:center;font-size:14px;font-weight:600;color:#fff;line-height:16px;border:1px solid #505050;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#505050;}
.btnType05:hover,
.btnType05_02:hover {border-color:#323232;background:#323232;}
.btnType03_02 span,
.btnType04_02 span,
.btnType05_02 span {display:none !important;}
.btnType03_02,
.btnType04_02,
.btnType05_02 {box-sizing:content-box;padding:9px 19px 13px;}
.btnType06 {display:inline-block;padding:5px 17px 6px;border:1px solid #6a6a6a;border-radius:2px;box-sizing:border-box;text-align:center;font-size:12px;color:#fff;line-height:14px;background:#6a6a6a;}
.btnType06:hover {border-color:#212121;background:#212121;}
.btnType07 {display:inline-block;padding:6px 26px 10px;border:1px solid #6a6a6a;border-radius:2px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;line-height:16px;vertical-align:top;background:#6a6a6a;}
.btnType07:hover {border-color:#212121;background:#212121;}
.btnType08 {display:inline-block;padding:6px 26px 10px;border:1px solid #76a118;border-radius:2px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;line-height:16px;background:#76a118;}
.btnType08:hover {border-color:#587a0b;background:#587a0b;}
.btnType09 {display:inline-block;width:120px;margin-bottom:3px;padding:9px 20px 13px;text-align:center;font-size:14px;font-weight:600;color:#fff;line-height:16px;border:1px solid #c11814;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#c11814;}
.btnType09:hover {border-color:#a01310;background:#a01310;}
.btnType10 {display:inline-block;padding:6px 26px 10px;border:1px solid #c11814;border-radius:2px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;line-height:16px;background:#c11814;}
.btnType10:hover {border-color:#a01310;background:#a01310;}
.btnType11 {display:inline-block;padding:6px 26px 10px;border:1px solid #e6a104;border-radius:2px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;line-height:16px;background:#e6a104;}
.btnType11:hover {border-color:#af7a03;background:#af7a03;}
.btnType12 {display:inline-block;width:250px;padding:14px 20px 16px;text-align:center;font-size:14px;font-weight:600;color:#fff;line-height:18px;border:1px solid #90c31f;border-radius:5px;box-sizing:border-box;background:#90c31f;}
.btnType12:hover {border-color:#76a118;background:#76a118;}
.btnType13 {display:inline-block;padding:5px 17px 6px;border:1px solid #76a118;border-radius:2px;box-sizing:border-box;text-align:center;font-size:12px;color:#fff;line-height:14px;background:#76a118;}
.btnType13:hover {border-color:#587a0b;background:#587a0b;}
.btnInfo {display:inline-block;padding:8px 17px 11px 46px;border:1px solid #f2660a;border-radius:18px;-webkit-box-shadow:0 2px 0 0 #d9d9d9;-moz-box-shadow:0 2px 0 0 #d9d9d9;box-shadow:0 2px 0 0 #d9d9d9;font-size:13px;font-weight:600;color:#fff;line-height:15px;background:#f2660a url(../images/icon/icon_btn_info.png) no-repeat 18px 50%;}
.btnInfo:hover {border-color:#000;background:#212121 url(../images/icon/icon_btn_info.png) no-repeat 18px 50%;}
.btnLink01 {display:inline-block;min-width:298px;margin-bottom:3px;border:1px solid #f2660a;border-radius:5px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;background:#f2660a;}
.btnLink01>span {display:inline-block;padding:14px 0 16px 36px;background:url(../images/icon/icon_btn_link01.png) no-repeat 0 50%;}
.btnLink02 {display:inline-block;min-width:298px;margin-bottom:3px;border:1px solid #f2660a;border-radius:5px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;background:#f2660a;}
.btnLink02>span {display:inline-block;padding:14px 0 16px 36px;background:url(../images/icon/icon_btn_link02.png) no-repeat 0 50%;}
.btnInfo1 {display:inline-block;padding:8px 17px 11px 46px;border:1px solid #a8a5a3;border-radius:18px;-webkit-box-shadow:0 2px 0 0 #d9d9d9;-moz-box-shadow:0 2px 0 0 #d9d9d9;box-shadow:0 2px 0 0 #d9d9d9;font-size:13px;font-weight:600;color:#fff;line-height:15px;background:#a8a5a3 url(../images/icon/icon_btn_info.png) no-repeat 18px 50%;}
.btnInfo2 {display:inline-block;padding:8px 17px 11px 17px;border:1px solid #000;border-radius:18px;-webkit-box-shadow:0 2px 0 0 #d9d9d9;-moz-box-shadow:0 2px 0 0 #d9d9d9;box-shadow:0 2px 0 0 #d9d9d9;font-size:14px;font-weight:600;color:#fff;line-height:15px;background:#212121;}


/* infoArea */
.infoArea {position:relative;margin-top:10px;padding:15px 30px 19px 34px;font-size:14px;color:#000;border:1px solid #d9d9d9;border-radius:5px;box-sizing:border-box;background:#f6f6f6;}
.infoArea .bgTop {display:none;}
.infoArea h4 {margin-top:15px;font-size:16px;font-weight:600;}
.infoArea strong {display:block;padding-left:17px;font-size:16px;background:url(../images/bul/bul_h4.png) no-repeat 0 50%;}
.infoArea p {margin:9px 0 0 17px;}
.infoArea em {font-weight:600;}
.infoArea em.ty02 {color:#860808;}
.infoArea p.ty02 {margin:0;padding-right:4px;text-align:center;}
.infoArea p.ty02 span {font-weight:600;color:#a01310;}
.infoArea.ty02,
.infoArea.ty03,
.infoArea.ty04 {margin-top:14px;padding:0 0 0 65px;}
.infoArea.ty02 p,
.infoArea.ty03 p,
.infoArea.ty04 p {margin:0;padding:18px 30px 25px 92px;line-height:22px;background:url(../images/img/img_card_check02.png) no-repeat 0 50%;}
.infoArea.ty02 p span {display:inline-block;padding:0 1px 2px;font-weight:600;color:#fff;line-height:16px;background:#a01310;}
.infoArea.ty03 p {background:url(../images/img/img_confirm.png) no-repeat 0 50%;}
.infoArea.ty04 p {background:url(../images/img/img_mailing.png) no-repeat 0 50%;}
.infoArea ul {padding:18px 25px 18px 0;}
.infoArea li {padding-left:19px;font-size:14px;line-height:22px;color:#000;background:url(../images/bul/bul_type01.png) no-repeat 0 11px;}
.infoArea li span {display:block;}
.infoArea ul.ty02 {padding:9px 25px 10px 19px;}
.infoArea ul.ty02 li {padding-left:10px;font-size:14px;line-height:20px;color:#000;background:url(../images/bul/bul_type012.png) no-repeat 0 9px;}
.infoArea ul.ty02 ul {padding:0;}
.infoArea ul.ty02 li li {padding-left:0;background:none;}
.infoArea .exp {margin-left:39px;font-size:14px;color:#8b0404;}

/* 고객센터 상담안내 */
.cstbl { margin-top: 18px; border-top: 1px solid #c4c4c4; }
.cstbl th,
.cstbl td { padding: 13px 0 15px; border-bottom: 1px solid #c4c4c4; text-align: center; font-size: 14px; color: #100e0d; line-height: 22px; }
.cstbl tbody th { font-weight: 600; color: #100e0d; background: #f7f7f7; }
.cstbl tbody th strong { display: block; margin-top: 10px; font-weight: normal; }
.cstbl tbody th:first-child  { background: #fff; }
.cstbl td { padding: 13px 20px 15px; text-align: left; vertical-align: middle; }
.cstbl td li { padding-left: 13px; background: url(../images/bul/bul_type012.png) no-repeat 0 11px; }
.cstbl td span { color:#e93a35; }
.cstbl td .go_chat { text-align:right; }
.cstbl td .go_chat a {
    display: inline-block;
    padding: 10px 10px 10px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    line-height: 18px;
    border: 1px solid #76a118;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-shadow: 0 3px 0 0 #d9d9d9;
    -moz-box-shadow: 0 3px 0 0 #d9d9d9;
    box-shadow: 0 3px 0 0 #d9d9d9;
    background: #76a118;
}
.cstbl td .go_chat a:hover { border-color: #668b14; background: #668b14; }
.cs_f_info { margin-top: 20px; font-size: 14px; }

/* 고객센터 FAQ */
.faqSearch {margin-top:55px;padding:40px 0 32px;border-top:2px solid #0c0b0b;border-bottom:2px solid #0c0b0b;letter-spacing:-1px;background:#f5f5f5;}
.faqSearch .inputBox {position:relative;width:828px;margin-left:32px;}
.faqSearch input[type=text] {width:633px;height:25px;padding:11px 16px 14px;border:3px solid #f2660a;border-right:0;font-size:18px;line-height:25px;letter-spacing:-1px;}
.faqSearch .inputBox a {display:block;position:absolute;top:0;right:0;width:160px;height:23px;padding:14px 0 19px;text-align:center;font-size:18px;font-weight:600;color:#fff;line-height:23px;letter-spacing:5px;background:#f2660a;}
.faqSearch .inputBox a:hover {background:#e49e00;}
.faqSearch .inputBox a:active {background:#d19100;}
.faqSearch .keyword {margin-left:51px;padding-top:9px;font-size:16px;line-height:20px;}
.faqSearch .keyword strong {display:inline-block;height:22px;margin-right:19px;padding-right:12px;font-weight:600;color:#0c0b0b;background:url(../images/bg/bg_faq_bar.png) no-repeat 100% 4px;}
.faqSearch .keyword a {display:inline-block;margin-right:3px;font-size:14px;color:#804f22;}
.faqSearch .keyword a:hover {text-decoration:underline;}

.faqList {border-bottom:1px solid #666;}
.faqList ul {overflow:hidden;margin:34px 0 21px 107px;}
.faqList li {float:left;width:262px;margin-bottom:16px;}
/*.faqList li a {display:inline-block;height:23px;padding:5px 5px 5px 37px;font-size:18px;color:#949494;line-height:23px;letter-spacing:-1px;background:url(../images/bg/bg_faq_off.png) no-repeat 0 7px;}*/
.faqList li a {display:inline-block;height:23px;padding:5px 5px 5px 37px;font-size:18px;color: #666666;line-height:23px;letter-spacing:-1px;background:url(../images/bg/bg_faq_off.png) no-repeat 0 7px;}
/*.faqList li.on a {color:#0c0b0b;background:url(../images/bg/bg_faq_on.png) no-repeat 0 7px;}*/
.faqList li.on a {color:#0c0b0b;background:url(../images/bg/bg_faq_on.png) no-repeat 0 7px;font-weight: bold;} 

.faqCont {width:657px;margin:0 auto;}
.faqCont h3 {margin:45px 0 13px;text-align:center;font-size:38px;font-weight:600;color:#804f22;line-height:42px;}
.faqCont ul {margin-top:-1px;}
.faqCont li {position:relative;border-bottom:1px solid #ccc; /* background:url(../images/btn/btn_faq_off.png) no-repeat 100% 22px; */}
.faqCont li:first-child {border-top:1px solid #ccc;}
.faqCont li.on {border-bottom:1px solid #a3a3a3; /* background:url(../images/btn/btn_faq_on.png) no-repeat 100% 22px; */ }
.faqCont li.on:after {content: ""; overflow: hidden; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; border-top: 1px solid #3c3c3c;}
.faqCont li>a {position: relative;display:block;padding:19px 55px 19px 0; font-size: 16px; font-weight: bold; color: #797979; line-height: 22px; letter-spacing: -1px;}
.faqCont li.on>a {color:#585858;}
.faqCont li>a em{position: absolute;top: 0;right: 0;width: 46px;height: 100%; background-repeat: no-repeat; background-position: center;background-image:url(../images/btn/btn_faq_off.png); overflow:hidden;font-size:1px;line-height:0;color:transparent;}
.faqCont li.on>a em{background-image:url(../images/btn/btn_faq_on.png);}
.faqCont li div {padding:24px 20px 27px;border-top:1px solid #3c3c3c; font-size: 16px; line-height: 22px; letter-spacing: -1px; background: #f7f7f7;}

/* 발급절차흐름도 */
.issueStep {position:relative;overflow:hidden;padding:44px 0 43px 29px;border:1px solid #767676;border-radius:10px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6;}
.issueStep:after {content:"";overflow:hidden;position:absolute;z-index:1;left:8%;top:94px;width:84%;height:1px;border-top:1px solid #d1d1d1;}
.issueStep li {position:relative;z-index:2;float:left;width:98px;margin-left:19px;padding-top:107px;text-align:center;font-size:14px;color:#000;line-height:22px;background-size:100% !important;}
.issueStep li.ty01 {background:url(../images/img/img_card_info011.png) no-repeat;}
.issueStep li.ty02 {background:url(../images/img/img_card_info012.png) no-repeat;}
.issueStep li.ty03 {background:url(../images/img/img_card_info013.png) no-repeat;}
.issueStep li.ty04 {background:url(../images/img/img_card_info014.png) no-repeat;}
.issueStep li.ty05 {background:url(../images/img/img_card_info015.png) no-repeat;}
.issueStep li.ty06 {background:url(../images/img/img_card_info016.png) no-repeat;}
.issueStep li.ty07 {background:url(../images/img/img_card_info017.png) no-repeat;}
.issueStep li>span {display:block;font-size:13px;color:#000;line-height:19px;}
.issueStep li .link {text-decoration:underline;color:#0563c1;}
.issueStep.ty02 {padding:0 0 22px 19px;}
.issueStep.ty02:before {content:"";overflow:hidden;position:absolute;z-index:1;left:8%;top:100px;width:84%;height:1px;border-top:1px solid #d1d1d1;}
.issueStep.ty02:after {top:300px;}
.issueStep.ty02>strong {display:block;margin:30px 0 0 17px;padding-left:17px;font-size:16px;color:#000;background:url(../images/bul/bul_h4.png) no-repeat 0 50%;}
.issueStep.ty02>strong:first-child {margin-top:20px;}
.issueStep.ty02 li {width:88px;margin:15px 0 0 17px;padding-top:99px;font-size:12px;line-height:18px;}
.issueStep.ty02 li.ty01 {clear:both;background:url(../images/img/img_card_info021.png) no-repeat;}
.issueStep.ty02 li.ty02 {background:url(../images/img/img_card_info022.png) no-repeat;}
.issueStep.ty02 li.ty03 {background:url(../images/img/img_card_info023.png) no-repeat;}
.issueStep.ty02 li.ty04 {background:url(../images/img/img_card_info024.png) no-repeat;}
.issueStep.ty02 li.ty05 {background:url(../images/img/img_card_info025.png) no-repeat;}
.issueStep.ty02 li.ty06 {background:url(../images/img/img_card_info026.png) no-repeat;}
.issueStep.ty02 li.ty07 {background:url(../images/img/img_card_info027.png) no-repeat;}
.issueStep.ty02 li.ty08 {background:url(../images/img/img_card_info028.png) no-repeat;}

/* 카드신규발급 */
.cardQualify {padding:32px 0 33px 140px;border:1px solid #767676;border-radius:10px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6 url(../images/img/img_card_qualify.png) no-repeat;}
.cardQualify p {width:200px;padding:26px 0 28px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:26px;letter-spacing:-2px;}
.cardQualify span {display:block;margin:162px 54px 0 -87px;padding-left:19px;font-size:14px;color:#000;line-height:22px;background:url(../images/bul/bul_type01.png) no-repeat 0 11px;}
.qualifyDetail p {margin:0 10px 0 17px;font-size:14px;color:#000;line-height:22px;}
.applyProcess {overflow:hidden;margin-top:14px;padding:0 0 27px;border:1px solid #767676;border-radius:10px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6;}
.applyProcess>strong {display:block;width:346px;margin:0 auto;padding:11px 0 17px;border:1px solid #76a118;border-radius:0 0 8px 8px;box-sizing:border-box;text-align:center;font-size:20px;color:#fff;letter-spacing:-2px;background:#76a118;}
.applyProcess ol {position:relative;overflow:hidden;margin-top:23px;}
.applyProcess ol:after {content:"";overflow:hidden;position:absolute;z-index:1;left:8%;top:64px;width:84%;height:1px;border-top:1px solid #d1d1d1;}
.applyProcess ol li {position:relative;z-index:2;float:left;width:128px;margin-left:14px;text-align:center;}
.applyProcess ol li:first-child {margin-left:28px;}
.applyProcess ol li>strong {position:absolute;left:50%;top:18px;margin-left:-14px;width:28px;padding:4px 0 6px;font-size:14px;color:#fff;background:url(../images/bg/bg_apply_process_num.png) no-repeat;}
.applyProcess ol li>p {height:70px;padding-top:58px;font-size:15px;font-weight:600;color:#000;line-height:20px;background:url(../images/bg/bg_apply_process_list.png) no-repeat;}
.applyProcess ol li.ty02>p {font-size:13px;line-height:15px;}
.applyProcess ol li>span {display:block;margin-top:12px;font-size:13px;color:#000;line-height:19px;}
.applyProcess ol li>span>em {color:#910000;}
.applyProcess ol li .link {text-decoration:underline;color:#0563c1;}
.applyProcess.ty02 ol li {margin-left:49px;}
.applyProcess.ty02 ol li:first-child {margin-left:28px;}
.applyProcess.ty02 ol li.ty02 p {height:79px;padding-top:49px;}
.applyProcess ul {clear:both;margin-left:53px;padding-top:25px;}
.applyProcess ul li {padding-left:19px;font-size:14px;line-height:22px;color:#000;background:url(../images/bul/bul_type01.png) no-repeat 0 11px;}
.cardBenefit {padding-bottom:30px;border:1px solid #767676;border-radius:8px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6;}
.cardBenefit>strong {display:block;padding:27px 0 22px;text-align:center;font-size:16px;color:#000;}
.cardBenefit li {float:left;width:168px;height:148px;margin-left:30px;text-align:center;background:url(../images/bg/bg_card_benefit_list01.png) no-repeat;}
.cardBenefit li.ty02 {background:url(../images/bg/bg_card_benefit_list02.png) no-repeat;}
.cardBenefit li:first-child {margin-left:59px;}
.cardBenefit li>strong {display:block;margin:12px 0 11px;font-size:15px;color:#fff;}
.cardBenefit li p {padding-top:26px;font-size:14px;color:#000;line-height:22px;}
.cardBenefit li.space p {padding-top:15px;}
.cardBenefit li strong.bor {text-decoration:underline;}
.areaDateList th,
.areaDateList td {padding:14px 0 16px;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;text-align:center;font-size:14px;color:#100e0d;line-height:20px;}
.areaDateList thead th {border-right:1px solid #fff;font-weight:600;color:#fff;background:#90c31f;}
.areaDateList thead th.last {border-right:1px solid #c4c4c4;}
.areaDateList th:first-child {border-left:1px solid #c4c4c4;}
.areaDateList tbody th {background:#f0f0f0;}
.areaDateList td a {color:#100e0d;}
.areaDateList td a:hover {text-decoration:underline;}

/* 실명인증 */
.cardStep {width:709px;margin:0 auto;}
.cardStep li {position:relative;float:left;width:150px;height:40px;margin-left:33px;padding-top:15px;border:1px solid #d9d9d9;border-radius:5px;text-align:center;font-size:14px;font-weight:600;color:#787878;background:#f6f6f6;}
.cardStep li:first-child {margin-left:0;}
.cardStep li strong {display:inline-block;font-size:20px;line-height:22px;vertical-align:top;}
.cardStep li p {display:inline-block;line-height:22px;}
.cardStep li span {overflow:hidden;position:absolute;left:-23px;top:15px;width:13px;height:25px;background:url(../images/arrow/arrow_card_step.png) no-repeat;}
.cardStep li:first-child span {display:none;}
.cardStep li.on {color:#BF4E17; border: 1px solid #BF4E17;}
.cardStep.ty02 {width:357px;}
.cardStep.ty02 li.s02 {background:url(../images/bg/bg_card_step.png) no-repeat 0 -426px;}
.cardStep.ty02 li.on.s02 {background-position:-162px -426px;}
.infoCustomer {margin-top:20px;padding:15px 0 17px;border:1px solid #d9d9d9;border-radius:7px;font-size:14px;color:#000;line-height:22px;background:#f6f6f6;}
.infoCustomer .bg {overflow:hidden;float:left;width:85px;height:64px;margin:3px 0 0 281px;background:url(../images/img/img_card_check01.png) no-repeat;}
.infoCustomer p {float:left;margin:10px 0 0 18px}
.infoCustomer p strong {color:#597c09;}
.infoCustomer p span {display:inline-block;padding:0 1px;font-weight:600;color:#fff;line-height:17px;background:#a01310;}
.infoCustomer .btnWrap {clear:both;padding-top:22px;}
.infoCustomer.ty02 .bg {margin-left:239px;}
.infoCustomer.ty03 p {margin-top:0;}
.infoCustomer.showCont {display:none;}
.cardCheckChoice {display:none;margin-top:25px;}
.cardCheckChoice>div {position:relative;float:left;width:289px;margin-left:10px;padding-bottom:14px;border:1px solid #c7c7c7;border-top:2px solid #909090;text-align:center;font-size:14px;font-weight:600;color:#100e0d;line-height:20px;}
.cardCheckChoice>div:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.7;filter:alpha(opacity=70);}
.cardCheckChoice>div:first-child {margin-left:0;}
.cardCheckChoice>div.on:after {display:none;}
.cardCheckChoice .img {display:block;overflow:hidden;width:60px;height:70px;margin:17px auto 0;background:url(../images/img/img_confirm.png) no-repeat 0 50%;}
.cardCheckChoice .ty02 .img {background:url(../images/img/img_card_check02.png) no-repeat 0 50%;}
.cardCheckChoice .ty03 .img {width:69px;height:64px;margin-top:23px;background:url(../images/img/img_card_check03.png) no-repeat;}
.cardCheckChoice p {margin-bottom:14px;}


.cardForm {display:none;margin-top:25px;}
.cardForm>div {position:relative;float:left;width:289px;margin-left:10px;padding-bottom:14px;border:1px solid #c7c7c7;border-top:2px solid #909090;text-align:center;font-size:14px;font-weight:600;color:#100e0d;line-height:20px;}
.cardForm>div:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.7;filter:alpha(opacity=70);}
.cardForm>div:first-child {margin-left:0;}
.cardForm>div.on:after {display:none;}
.cardForm p {margin-bottom:14px;}


/* userName */
.userName {padding:17px;border:1px solid #d9d9d9;border-radius:6px;text-align:center;background:url(../images/bg/bg_user_name.png) repeat;}
.userName p {display:inline-block;height:25px;padding:16px 0 19px 70px;font-size:15px;color:#3d3d3d;line-height:25px;background:url(../images/img/img_user_name.png) no-repeat;}
.userName p strong {margin-right:4px;font-size:23px;font-weight:600;}
.userName .exp {margin-top:10px;font-size:12px;color:#a01310;}

/* subTabWrap */
.subTabWrap {margin-top:10px;}
.subTabWrap .tab {position:relative;height:47px;}
.subTabWrap .tab li {position:absolute;z-index:1;left:0;top:0;width:33.3%;border-top:1px solid #c7c7c7;border-right:1px solid #ababab;box-sizing:border-box;text-align:center;background:#fafafa;}
.subTabWrap .tab li.t02 {width:33.5%;left:33.3%;}
.subTabWrap .tab li.t03 {left:66.8%;}
.subTabWrap .tab li.t04 {display:none;left:75%;}
.subTabWrap .tab li:first-child {border-left:1px solid #ababab;}
.subTabWrap .tab li.on {z-index:2;border:1px solid #f6ab00;border-bottom:0;background:#f6ab00;}
.subTabWrap .tab li a {display:block;padding:13px 5px 14px;font-size:16px;color:#979797;line-height:20px;}
.subTabWrap .tab li.on a {font-size:18px;font-weight:600;color:#fff;}
.subTabWrap .tab li .bar,
.subTabWrap .tab li.on:first-child .bar {display:none;}
.subTabWrap .tab li.on .bar {display:block;overflow:hidden;position:absolute;left:-2px;top:0;width:1px;height:100%;border-left:1px solid #f6ab00;}
.subTabWrap .tab.ty02 li {width:25%;}
.subTabWrap .tab.ty02 li.t02 {left:25%;}
.subTabWrap .tab.ty02 li.t03 {left:50%;}
.subTabWrap .tab.ty02 li.t04 {display:block;left:75%;}
.subTabWrap .tab.ty03 li {width:33.33%;}
.subTabWrap .tab.ty03 li.t02 {left:0%;}
.subTabWrap .tab.ty03 li.t03 {left:33.3%;}
.subTabWrap .tab.ty03 li.t04 {display:block;left:66.6%;}
.subTabWrap .tabCont {box-sizing:border-box;position:relative;z-index:3;min-height:320px;padding-bottom:43px;border:1px solid #f6ab00;}
.subTabWrap .tabCont>div {display:none;width:283px;margin:0 auto;padding-top:17px;font-size:14px;font-weight:600;color:#100e0d;}
.subTabWrap .tabCont>div:first-child {display:block;}
.subTabWrap .tabCont h3 {width:205px;height:25px;margin:20px 0 23px -8px;padding:27px 0 31px 95px;font-size:22px;font-weight:600;color:#505050;line-height:25px;}
.subTabWrap .tabCont #tab01 h3 {background:url(../images/img/img_tab_cert05.png) no-repeat;}
.subTabWrap .tabCont #tab02 h3 {background:url(../images/img/img_tab_cert01.png) no-repeat;}
.subTabWrap .tabCont #tab03 h3 {background:url(../images/img/img_tab_cert02.png) no-repeat;}
.subTabWrap .tabCont #tab04 h3 {background:url(../images/img/img_tab_cert04.png) no-repeat;}
/* .subTabWrap .tabCont #tab05 h3 {background:url(../images/img/onepass_service_login.png) no-repeat;}	/* 2018.11.12. add. digitalonepass*/
.subTabWrap .tabCont div div {margin-top:6px;}
.subTabWrap .tabCont span {display:inline-block;width:66px;}
.subTabWrap .tabCont .btnType05 {margin-top:14px;}
.subTabWrap .tabCont .txt {width:485px;margin-left:-101px;padding-top:20px;text-align:center;line-height:22px;}
.subTabWrap .tabCont .txt02 {width:430px;margin:-4px 0 23px -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap .tabCont .txt03 {width:430px;margin:14px 0 0 -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap .tabCont .txt03 em {color:#898989;}
.subTabWrap .tabCont>.ty02 {width:auto;padding-bottom:17px;}
.subTabWrap .tabCont .ty02 h3 {margin:20px auto 26px;}
.subTabWrap .tabCont .ty02 div,
.subTabWrap .tabCont .ty02 .btnType05 {margin-left:140px;}
.subTabWrap .tabCont .ty02 .onePassTxt {position:absolute;left:460px;top:133px;width:375px;margin-left:0;font-weight:400;color:#000;line-height:22px;letter-spacing:-0.5px;}
.subTabWrap .tabCont .ty02 .onePassTxt .ty02 {margin:11px 0;}
.subTabWrap .tabCont .ty02 .onePassTxt .ty03 em {color:#8b8b8b;}

.subTabWrap.ty02 .tabCont {height:auto;}
.subTabWrap.ty02 .tabCont>div {width:auto;margin:0;padding:15px;}
.subTabWrap.ty03 {display:none;margin:40px 0 -23px;}

/* 0107 인증 탭 */
.subTabWrap2 { margin-top:10px; }
.subTabWrap2 ul.tabs { position:absolute; width:180px; height:252px; }
.subTabWrap2 ul.tabs  li { position:relative; border-top:1px solid #c7c7c7;box-sizing:border-box;text-align:center;background:#fafafa; width:100%; height:47px;border-left: 1px solid #ababab; }
.subTabWrap2 ul.tabs  li:last-child {border-bottom:1px solid #c7c7c7; }
.subTabWrap2 .tabs li.on {z-index:2;border:1px solid #f2660a;background:#f2660a;}
.subTabWrap2 .tabs li a {display:block;padding:13px 5px 14px;font-size:14px;color:#505050;line-height:20px;}
.subTabWrap2 .tabs li.on a { font-size:14px; font-weight:600; color:#ffffff; }
.subTabWrap2 .tab_container {box-sizing:border-box;width:678px;position:relative;z-index:3;margin-left:180px;  height:329px;padding-bottom:43px;border:1px solid #f2660a;display: inline-block}
.subTabWrap2 .tab_container .tabCont {display:none; width:283px;margin:0 auto;padding-top:17px;font-size:14px;font-weight:600;color:#100e0d;}
.subTabWrap2 .tab_drawer_heading { display: none; }

.subTabWrap2 .tabCont h3 { height:25px; margin:20px 0 23px -8px; padding:27px 0 31px 0; font-size:22px; font-weight:600; color:#505050; line-height:25px; text-align:center; }
/*.subTabWrap2 .tabCont h3 {width:205px;height:25px;margin:20px 0 23px -8px;padding:27px 0 31px 95px;font-size:22px;font-weight:600;color:#505050;line-height:25px;}*/
/*.subTabWrap2 .tab_container #tab01 h3 {background:url(../images/img/img_tab_cert05.png) no-repeat;}*/
/*.subTabWrap2 .tab_container #tab02 h3 {background:url(../images/img/img_tab_cert01.png) no-repeat;}*/
/*.subTabWrap2 .tab_container #tab03 h3 {background:url(../images/img/img_tab_cert02.png) no-repeat;}*/
/*.subTabWrap2 .tab_container #tab04 h3 {background:url(../images/img/img_tab_cert04.png) no-repeat;}*/
.subTabWrap2 .tabCont div {margin-top:6px;}
.subTabWrap2 .tabCont span {display:inline-block;width:66px;}
.subTabWrap2 .tabCont .btnType05 {margin-top:14px;}
.subTabWrap2 .tabCont .txt {width:485px;margin-left:-101px;padding-top:20px;text-align:center;line-height:22px;}
.subTabWrap2 .tabCont.txt02 {width:430px;margin:-4px 0 23px -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap2 .tabCont.txt03 {width:430px;margin:14px 0 0 -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap2 .tabCont.txt03 em {color:#898989;}
.subTabWrap2 .tabCont.ty02 {width:auto;padding-bottom:17px;}
.subTabWrap2 .tabCont.ty02 h3 {margin:20px auto 26px;}
.subTabWrap2 .tabCont.ty02 div,
.subTabWrap2 .tabCont.ty02 .btnType05 { margin-left:30px; }
.subTabWrap2 .tabCont.ty02 .onePassTxt {position:absolute; width:310px; left:340px; top:133px;margin-left:0;font-weight:400;color:#000;line-height:22px;letter-spacing:-0.5px;}
.subTabWrap2 .tabCont.ty02 .onePassTxt .ty02 {margin:11px 0;}
.subTabWrap2 .tabCont.ty02 .onePassTxt .ty03 em {color:#8b8b8b;}

.subTabWrap.ty02 .tabCont { height:auto; }
.subTabWrap.ty02 .tabCont>div { width:auto; margin:0; padding:15px; }


@media screen and (max-width:769px) {
    .subTabWrap2 .tab_container { height:auto; }
    .subTabWrap2 ul.tabs { display: none; }
    .subTabWrap2 .tab_container { display:block; margin:0 auto; width:95%; border-top:none; padding-bottom:0; }
    .subTabWrap2 .tab_container .tabCont { padding-bottom:50px; }
    .subTabWrap2 .tab_drawer_heading { display:block; border-top:1px solid #c7c7c7; padding:13px 5px 14px; font-size:16px; color:#979797; line-height:20px; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; }
    .subTabWrap2 .d_active { background:#f6ab00; color:#fff; }
    .subTabWrap2 .tabCont.ty02 { width:283px; }
    .subTabWrap2 .tabCont.ty02 div,
    .subTabWrap2 .tabCont.ty02 .btnType05 { margin-left:0; }
    .subTabWrap2 .tabCont.ty02 .onePassTxt { position:static; width:300px; margin-left:-8px; text-align:center; }
}
@media screen and (max-width:473px) {
    .subTabWrap2 .tabCont .txt02,
    .subTabWrap2 .tabCont .txt03 { width:100%; margin-left:0; }
    .subTabWrap2 .tabCont h3 { width:auto; margin:20px 0 23px 5px; font-size:20px; }
}
/* 0107 인증 탭  끝 */


.useTab {margin-top:10px;}
.useTab>ul {position:relative;padding-top:47px;}
.useTab>ul>li.on {display:block;}
.useTab > ul > li > a {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 33.3%;
    padding: 13px 5px 14px;
    border-top: 1px solid #c7c7c7;
    border-right: 1px solid #ababab;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    /*color: #979797;*/
    color: #505050;
    line-height: 20px;
    background: #fafafa;
}
.useTab>ul>li>a:first-child {border-left:1px solid #ababab;}
.useTab > ul > li.on > a {
    z-index: 2;
    border: 1px solid #f2660a;
    border-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #f2660a;
}
.useTab>ul>li.t02>a {left:33.2%;}
.useTab>ul>li>div {display:none;position:relative;z-index:3;padding:15px;border:1px solid #f2660a;}
.useTab>ul>li.on>div {display:block;}
.useTab .btnWrap {margin-top:6px;}
.useTab .useInfo {font-weight:600;}
.useTab .tblWrite th {text-align:center;}

/* 약관동의 */
.agreeWrap {margin-top:10px;border-bottom:1px solid #c4c4c4;}
.agreeWrap .check {overflow:hidden;padding:14px 33px 17px;border-top:2px solid #909090;border-bottom:1px solid #c4c4c4;font-size:14px;font-weight:600;color:#100e0d;background:#f7f7f7;}
.agreeWrap .check p {float:left;padding-left:11px;background:url(../images/bul/bul_type01.png) no-repeat 0 50%;}
.agreeWrap .check input {margin:0 8px 0 28px;}
.agreeWrap .agreeCont {padding:5px 33px 0;color:#100e0d;}
.agreeWrap .agreeCont>strong {margin-left:13px;font-size:18px;color:#100e0d;}
.agreeWrap .agreeCont .txt {overflow-y:scroll;height:75px;margin-top:11px;padding:10px;border:1px solid #d9d9d9;line-height:20px;background:#f7f7f7;}
.agreeWrap .agreeCont .txt strong {font-size:14px;}
.agreeWrap .agreeCont .txt span {font-weight:600;}
.agreeWrap .check02 {overflow:hidden;padding:9px 0;}
.agreeWrap .check02 p {float:left;margin-top:9px;}
.agreeWrap .check02 label {margin-left:6px;font-size:13px;font-weight:600;color:#100e0d;}
.agreeWrap .check02 .fr a {width:80px;}
.agreeWrap02 {overflow:hidden;margin-top:10px;}
.agreeWrap02 .agreeCont {width:437px;}
.agreeWrap02 .agreeCont.clear {clear:both;width:auto;}
.agreeWrap02 .agreeCont>strong {display:block;padding:5px 10px 0;font-size:18px;font-weight:600;color:#100e0d;}
.agreeWrap02 .agreeCont .txt {overflow-y:scroll;height:95px;margin-top:10px;padding:10px;border:1px solid #d9d9d9;line-height:20px;background:#f7f7f7;}
.agreeWrap02 .agreeCont .txt strong {font-size:14px;}
.agreeWrap02 .agreeCont .txt span {font-weight:600;}
.agreeWrap02 .agreeCont .txt .btnType06 {margin:5px 0;}
.agreeWrap02 .agreeCont .txt .tblList {margin-top:10px;}
.agreeWrap02 .check {margin: 10px 10px 10px 0px; padding:15px 0; border-bottom: 1px solid #d9d9d9;}
.agreeWrap02 .check label {margin:0 15px 0 6px;font-size:13px;font-weight:600;color:#100e0d;}
.agreeWrap02 .agreeCont .textStyle {font-size: 12px; color: #515151;font-family: '맑은 고딕', 'Malgun Gothic', 'NanumGothic','Nanumgothic', 'Nanum Gothic','나눔고딕', 'NanumGothicWeb','돋움','굴림',Dotum,Gulim,Sans-serif; letter-spacing: -1px;}
#tab001 .agreeWrap02 .agreeCont {width:430px;max-width: 100%;}
.agreeWrap02 .check02 {margin: 34px 10px 10px 0px; padding:15px 0; border-bottom: 1px solid #d9d9d9;}

.agreeWrap03 .agreeCont>strong {display:block;padding:5px 10px 0;font-size:18px;font-weight:600;color:#100e0d;}
.agreeWrap03 .agreeCont .txt {overflow-y:scroll;height:100px;width: 871px;margin-top:10px;padding:10px;border:1px solid #d9d9d9;line-height:20px;background:#f7f7f7;}
.agreeWrap03 .check {margin:50px 0px 15px 0px; padding-bottom:20px; border-bottom: 1px solid #d9d9d9;}
.agreeWrap03 .check span {font-size:16px; font-weight:bold; margin-right:10px;}
.agreeWrap03 .check div{display:inline-block; float: right;}
.agreeWrap03 .check label {margin:0 15px 0 6px; font-size:13px; font-weight:600; color:#100e0d;}
.agreeWrap03 .check01 {margin:30px 0px 15px 0px; padding-bottom:40px; border-bottom: 1px solid #d9d9d9;}
.agreeWrap03 .check01 span {font-size:16px; font-weight:bold; margin-right:10px;}
.agreeWrap03 .check01 div{display:inline-block; float: right;}
.agreeWrap03 .check01 label {margin:0 15px 0 6px; font-size:13px; font-weight:600; color:#100e0d;}

/* 가입완료 */
.joinFinish {padding:59px 20px 63px 287px;border:1px solid #d9d9d9;border-radius:5px;box-sizing:border-box;font-size:14px;color:#000;line-height:22px;background:#f6f6f6 url(../images/img/img_card_check01_on.png) no-repeat 178px 50%;}
.joinFinish p {margin-bottom:5px;font-size:18px;font-weight:600;}
.joinFinish p strong {color:#f1a800;}

/* 사용방법 */
.howUse>li {margin-top:13px;padding:30px 30px 33px 166px;box-sizing:border-box;border:1px solid #767676;border-radius:8px;color:#3d3d3d;letter-spacing:-2px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;}
.howUse li.t01 {margin-top:0;background:url(../images/img/img_how_use01.png) no-repeat 33px 50%;}
.howUse li.t02 {background:url(../images/img/img_how_use02.png) no-repeat 33px 50%;}
.howUse li.t03 {background:url(../images/img/img_how_use03.png) no-repeat 33px 50%;}
.howUse li.t04 {background:url(../images/img/img_how_use04.png) no-repeat 33px 50%;}
.howUse li.t05 {background:url(../images/img/img_how_use05.png) no-repeat 33px 50%;}
.howUse>li>strong {display:block;margin-bottom:13px;font-size:20px;line-height:22px;}
.howUse li li {padding-left:10px;font-size:14px;line-height:22px;letter-spacing:-1px;background:url(../images/bg/bg_info_card_bar.png) no-repeat 0 10px;}
.useInfo {padding:23px 35px 18px 167px;box-sizing:border-box;border:1px solid #f6f6f6;border-radius:8px;background:#f6f6f6 url(../images/img/img_use_info01.png) no-repeat 32px 50%;}
.useInfo.ty02 {background:#f6f6f6 url(../images/img/img_use_info02.png) no-repeat 32px 50%;}
.useInfo.ty03 {background:#f6f6f6 url(../images/img/img_use_info03.png) no-repeat 32px 50%;}
.useInfo.ty04 {margin-top:40px;}
.useInfo li {margin-bottom:8px;padding-left:18px;font-size:14px;color:#000;line-height:22px;background:url(../images/bul/bul_type01.png) no-repeat 0 10px;}
.useInfo li a {text-decoration:underline;color:#000;}
.useInfo .btnType13 {margin-top:3px;text-decoration:none;font-weight:400;color:#fff;}
#tab02 .useInfo .btnType13 {margin-top:0;}
.contents .userInfo {padding:103px 30px 17px;box-sizing:border-box;border:1px solid #f6f6f6;border-radius:8px;text-align:center;font-size:14px;color:#000;background:#f6f6f6 url(../images/img/img_user_info.png) no-repeat 50% 15px;}
.userInfo .exp {margin-top:10px;font-size:12px;color:#a01310;}

/* 부정사용방지 */
.disUse {margin-left:-4px;}
.disUse li {float:left;width:220px;height:230px;margin:0 0 9px 4px;box-sizing:border-box;border:1px solid #767676;border-radius:18px;font-size:12px;color:#3d3d3d;line-height:18px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;}
.disUse li span {display:block;height:99px;box-sizing:border-box;border:1px solid #f6f6f6;border-radius:17px 17px 0 0;}
.disUse li p {margin:10px 28px;}
.disUse li.t01 span {background:#f6f6f6 url(../images/img/img_dis_use01.png) no-repeat 50%;}
.disUse li.t02 span {background:#f6f6f6 url(../images/img/img_dis_use02.png) no-repeat 50%;}
.disUse li.t03 span {background:#f6f6f6 url(../images/img/img_dis_use03.png) no-repeat 50%;}
.disUse li.t04 span {background:#f6f6f6 url(../images/img/img_dis_use04.png) no-repeat 50%;}
.disUse li.t05 span {background:#f6f6f6 url(../images/img/img_dis_use05.png) no-repeat 50%;}
.disUse li.t06 span {background:#f6f6f6 url(../images/img/img_dis_use07.png) no-repeat 50%;}
.disUse li.t07 span {background:#f6f6f6 url(../images/img/img_dis_use08.png) no-repeat 50%;}
.disUse li.t08 span {background:#f6f6f6 url(../images/img/img_dis_use09.png) no-repeat 50%;}
.lawList {margin:0 0 0 35px;}
.lawList li {padding-left:16px;font-size:14px;color:#000;line-height:22px;background:url(../images/bul/bul_type01.png) no-repeat 0 50%;}
.lawList li.caption{padding-left: 0; background: none; font-size: 12px; line-height: inherit;}

/* 문화누리카드란 */
.infoCard {position:relative;margin-top:10px;border:1px solid #767676;border-radius:5px;font-size:14px;line-height:22px;letter-spacing:-2px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6 url(../images/bg/bg_info_card.png) no-repeat 50% 40px;}
.infoCard .mobileImg {display:none;}
.infoCard .exp {margin:23px 25px 22px;padding:3px 47px 30px;border:1px solid #dbdbdb;border-radius:11px;box-sizing:border-box;background:url(../images/bg/bg_clear.png) repeat;}
.infoCard .exp li {font-size:14px;color:#1c1c1c;line-height:22px;letter-spacing:-1px;}
.infoCard .exp>li {position:relative;margin-top:16px;}
.infoCard .exp>li>span {position:absolute;left:0;top:3px;display:inline-block;width:19px;height:19px;border:1px solid #f2660a;border-radius:11px;text-align:center;font-size:13px;font-weight:600;color:#fff;line-height:18px;background:#f2660a;}
.infoCard .exp>li>strong {display:inline-block;margin-left:28px;font-size:20px;color:#f2660a;letter-spacing:-2px;}
.infoCard .exp>li>ul {margin:8px 0 0 18px;}
.infoCard .exp>li>ul>li {padding-left:11px;background:url(../images/bul/bul_type012.png) no-repeat 0 11px;}
.infoCard .exp li li li {margin-left:17px;color:#616161;}
.infoCard .info {margin:386px 25px 26px;padding:0 35px 27px 30px;border:1px solid #dbdbdb;border-radius:11px;background:url(../images/bg/bg_clear.png) repeat;}
.infoCard .info>li {position:relative;margin-top:32px;padding-left:66px;font-size:14px;color:#3d3d3d;line-height:22px;}
.infoCard .info>li:first-child {margin-top:29px;}
.infoCard .info > li > em {
    position: absolute;
    left: 0;
    top: -2px;
    width: 52px;
    height: 35px;
    padding-top: 17px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    /*background: url(../images/bg/bg_info_card_num01.png) no-repeat;*/
    background: url(../images/bg/bg_info_card_num03.png) no-repeat;
}
/*.infoCard .info>li.ty02>em {background:url(../images/bg/bg_info_card_num02.png) no-repeat;}
.infoCard .info>li.ty03>em {background:url(../images/bg/bg_info_card_num03.png) no-repeat;}
.infoCard .info>li.ty04>em {background:url(../images/bg/bg_info_card_num04.png) no-repeat;}*/
.infoCard .info>li>strong {display:block;margin-bottom:7px;font-size:16px;line-height:18px;}
.infoCard .info>li>p {letter-spacing:-1px;}
.infoCard .info>li>p>span,
.infoCard .info>li li span,
.infoCard .info>li>p>a {color:#860808;}
.infoCard .info>li a:hover {text-decoration:underline;}
.infoCard .info .btnType13 {margin-top:7px;color:#fff;}
.infoCard .info .btnType13:hover {text-decoration:none;}
.infoCard .info>li li {margin-left:9px;padding-left:6px;background:url(../images/bg/bg_info_card_bar.png) no-repeat 0 10px;}
.infoCard .info>li li p {margin-top:4px;}
.inquiryList {border:1px solid #767676;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6 url(../images/bg/bg_inquiry.png) no-repeat 30px 19px;}
.inquiryList h3 {float:left;width:231px;margin:34px 0 0 108px;font-size:18px;font-weight:600;color:#000;}
.inquiryList ul {float:left;width:550px;padding:18px 0;border:1px solid #fff;border-radius:0 0 5px 5px;background:#fff;}
.inquiryList li {margin:0 36px;padding:5px 0 6px;border-top:1px dashed #d9d9d9;font-size:16px;color:#000;line-height:18px;}
.inquiryList li:first-child {border-top:0;}
.inquiryList li strong {display:inline-block;width:227px;padding-left:18px;background:url(../images/bul/bul_type01.png) no-repeat 0 50%;}
.inquiryList li a {color:#000;}
.inquiryList li a:hover {text-decoration:underline;}

/* 지역주관처 안내 */
.areaList {overflow:hidden;margin-left:-12px;}
.areaList>li {position:relative;float:left;width:440px;height:225px;margin:0 0 13px 12px;padding:15px 0 20px 20px;border:1px solid #d4d4d4;border-radius:5px;font-size:14px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;}
.areaList>li>strong {display:block;padding-left:15px;font-size:20px;font-weight:600;color:#3d3d3d;line-height:22px;background:url(../images/bul/bul_type03.png) no-repeat 0 50%;}
.areaList>li .img {position:absolute;left:20px;top:60px;width:100px;height:50px;padding:7px 4px 4px;border:1px solid #bebebe;border-radius:4px;text-align:center;background:#fff;}
.areaList>li .img img {max-width:100%;}
.areaList ul {margin:14px 20px 0 130px;}
.areaList li li {position:relative;padding:7px 0 7px 88px;border-bottom:1px dashed #d9d9d9;font-size:14px;color:#666;line-height:16px;}
.areaList li li strong {position:absolute;left:0;width:84px;padding-left:17px;color:#000;background:url(../images/bul/bul_type01.png) no-repeat 0 50%;}
.areaList li li a {color:#666;}
.areaList li li a:hover {text-decoration:underline;}

/* 개인부담금 충전안내 */
.payInfo {padding:42px 50px 31px 33px;border:1px solid #d9d9d9;border-radius:5px;font-size:14px;color:#181818;letter-spacing:-2px;line-height:22px;background:url(../images/img/img_card01.png) no-repeat 37px 80px;}
.payInfo ul {margin-left:252px;}
.payInfo ul li {margin-bottom:8px;padding-left:12px;background:url(../images/bul/bul_type01.png) no-repeat 0 10px;}
.payInfo ol {position:relative;overflow:hidden;margin-top:63px;padding-top:29px;border-top:1px solid #d9d9d9;}
.payInfo ol:after {content:"";overflow:hidden;position:absolute;left:0;top:58%;width:98%;height:1px;border-top:1px solid #d8d8d8;}
.payInfo ol li {position:relative;z-index:3;float:left;width:128px;margin-left:98px;text-align:center;}
.payInfo ol li:first-child {margin-left:0;}
.payInfo ol li>strong {position:absolute;left:50%;top:18px;margin-left:-14px;width:28px;padding:3px 0 7px;font-size:14px;color:#fff;background:url(../images/bg/bg_apply_process_num.png) no-repeat;}
.payInfo ol li>p {height:70px;padding-top:58px;font-size:16px;font-weight:600;color:#000;line-height:22px;background:url(../images/bg/bg_apply_process_list.png) no-repeat;}

/* 세대별 카드합산안내 */
.cardDetail {padding:21px 45px 23px 279px;border:1px solid #d9d9d9;border-radius:5px;background:url(../images/img/img_card01.png) no-repeat 36px 13px;}

/* sitemap */
.sitemap {margin:56px 0 0 -5px;}
.sitemap>ul>li {float:left;width:294px;margin-left:5px;}
.sitemap>ul>li>a {display:block;padding:20px 0 21px;text-align:center;font-size:20px;font-weight:600;color:#fff;line-height:22px;/*letter-spacing:-2px;*/background:#76a118;}
.sitemap ul ul {margin:11px 0 13px;border-top:2px solid #909090;}
.sitemap li li {border-bottom:1px solid #c8c8c8;}
.sitemap li li>a {display:block;padding:16px 0 17px 31px;font-size:14px;font-weight:600;color:#100e0d;line-height:16px;background:url(../images/bul/bul_type011.png) no-repeat 12px 50%;}
.sitemap a:hover {text-decoration:underline;}
.sitemap li li>a:hover {color:#668b14;}

/* 온라인가맹점 */
.onlineList {margin:-8px 0 0 -2px;}
.onlineList li {float:left;overflow:hidden;margin:8px 0 0 5px;border:1px solid #d7d7d7;border-radius:4px;}
.onlineList li>a {display:table-cell;width:170px;height:60px;text-align:center;vertical-align:middle;}
.onlineList li>a>img {max-width:100%;max-height:100%;}

/* 이용약관 */
.footerCont {border-top:2px solid #909090;font-size:14px;line-height:20px;color:#000;}
.footerCont .tit {display:block;padding:11px 10px 16px 27px;border-bottom:1px solid #c8c8c8;font-size:18px;color:#000;line-height:22px;background:url(../images/bul/bul_h4.png) no-repeat 11px 50%;}
.footerCont>p {padding:15px 26px 20px;border-bottom:1px solid #c8c8c8;}
.footerCont>span {display:block;padding:15px 26px 5px;}
.footerCont>ol {padding:5px 26px 20px;border-bottom:1px solid #c8c8c8;}
.footerCont>ol>li {margin-top:10px;}
.footerCont>ol ol {margin:10px 0 20px 17px;}

/* 나눔티켓 */
.ticketCont {margin:80px 0 70px;}
.ticketCont .tit {overflow:hidden;}
.ticketCont .tit h3 {float:left;margin-right:38px;}
.ticketCont .tit span {float:left;}
.ticketCont ul {overflow:hidden;margin:83px 0 0 -21px;}
.ticketCont li {float:left;margin-left:21px;}

/* 사용하기 */
.usetbl {margin-top:18px;}
.usetbl th,
.usetbl td {padding:13px 0 15px;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;text-align:center;font-size:14px;color:#100e0d;line-height:22px;}
.usetbl thead th {border-right:1px solid #fff;font-weight:600;color:#fff;background:#76a118;}
.usetbl thead th.last {border-right:1px solid #c4c4c4;}
.usetbl th:first-child,
.usetbl td:first-child {border-left:1px solid #c4c4c4;}
.usetbl tbody th {font-weight:600;color:#100e0d;background:#f7f7f7;}
.usetbl td {padding:13px 20px 15px;text-align:left;vertical-align:top;}
.usetbl td li {padding-left:13px;background:url(../images/bul/bul_type012.png) no-repeat 0 11px;}

/* 복권기금 */
.lottoFund>li {margin-top:13px;padding:30px 30px 33px;box-sizing:border-box;border:1px solid #767676;border-radius:8px;color:#3d3d3d;letter-spacing:-2px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;}
.lottoFund>li:first-child {margin-top:0;}
.lottoFund>li>strong {display:block;margin-bottom:13px;font-size:20px;line-height:22px;}
.lottoFund>li>ul>li {padding-left:10px;font-size:14px;line-height:22px;letter-spacing:-1px;background:url(../images/bg/bg_info_card_bar.png) no-repeat 0 10px;}
.lottoFund>li>ul>li.ty02 {margin-top:10px;padding-left:0;background:none;}
.lottoFund>li>ul>li.ty02 li {padding-left:13px;background:url(../images/bul/bul_type012.png) no-repeat 0 11px;}
.lottoFund .usetbl td li {padding-left:0;background:none;}

.lottoFund>li.lotto_banner { border:0; padding:10px 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; overflow:hidden; }
.lottoFund>li.lotto_banner > div { float:left; width:49%; text-align:center; }
.lottoFund>li.lotto_banner > div:first-child { margin-right:1%; }
.lottoFund>li.lotto_banner > div:last-child { margin-left:1%; }
.lottoFund>li.lotto_banner > div a { display:block; }
.lottoFund>li.lotto_banner > div a img {  }

/* 캘린더 */
.datepicker {cursor:pointer;}
.ui-datepicker {width:272px;padding:3px;border:1px solid #d9d9d9;border-radius:2px;background:#fff;}
.ui-datepicker-header {position:relative;border:1px solid #ddd;border-radius:3px;background:#e9e9e9;}
.ui-datepicker-header .ui-corner-all {position:absolute;top:10px;overflow:hidden;width:12px;height:20px;text-indent:-5000px;cursor:pointer;}
.ui-datepicker-header .ui-datepicker-prev {left:10px;background:url(../images/main/btn_banner_prev.png) no-repeat;}
.ui-datepicker-header .ui-datepicker-next {right:10px;background:url(../images/main/btn_banner_next.png) no-repeat;}
.ui-datepicker-title {margin:6px 0 9px;text-align:center;font-size:17px;font-weight:600;color:#333;}
.ui-datepicker-calendar th {width:38px;padding:6px 0;font-weight:600;}
.ui-datepicker-calendar td>a {display:block;padding:9px 0 11px;box-sizing:border-box;text-align:center;color:#100e0d;line-height:16px;}
.ui-datepicker-calendar .ui-datepicker-today>a {border:1px solid #f6ab00;font-weight:600;color:#100e0d !important;background:#ffeab9;}
.ui-datepicker-calendar .ui-datepicker-current-day>a {border:1px solid #5e840b;font-weight:600;color:#fff !important;background:#76a118;}
.ui-datepicker-calendar .ui-datepicker-week-end {color:#003eff;}
.ui-datepicker-calendar .ui-datepicker-week-end>a {color:#7d9dff;}
.ui-datepicker-calendar tr:first-child th:first-child {color:#ff0000;}
.ui-datepicker-calendar td:first-child>a {color:#ff7d7d;}

/* 에러 */
#errorWrap {width:590px;margin:74px auto;text-align:center;}
#errorWrap h2 {padding:0 0 20px 55px;border-bottom:1px solid #d4d4d4;font-size:46px;color:#0c0b0b;line-height:50px;letter-spacing:-1.5px;background:url(../images/img/img_error.png) no-repeat 0 6px;}
#errorWrap h2 strong {color:#90c31f;}
#errorWrap h4 {padding:0 0 20px 55px;border-bottom:1px solid #d4d4d4;font-size:38px;color:#0c0b0b;line-height:50px;letter-spacing:-1.5px;background:url(../images/img/img_error.png) no-repeat 0 6px;}
#errorWrap h4 strong {color:#90c31f;}
#errorWrap .cont {margin-top:31px;padding:58px 53px 54px;border:1px solid #cacaca;border-radius:7px;background:#f6f6f6;}
#errorWrap .cont p {padding-top:20px;border-top:1px solid #fff;font-size:24px;color:#666;line-height:15px;}
#errorWrap .cont span {display:block;margin:39px 0 37px;font-size:15px;color:#0c0b0b;line-height:22px;}
#errorWrap .cont span h5 {display:block;margin:39px 0 37px;font-size:18px;color:#0c0b0b;line-height:22px;}
#errorWrap.ty02 .cont {padding:40px 53px}
#errorWrap.ty02 h2 {text-align:left;font-size:30px;}
#errorWrap .cont ul {margin-top:24px;}
#errorWrap .cont li {position:relative;margin-top:10px;padding-left:10px;text-align:left;font-size:15px;color:#0c0b0b;line-height:22px;}
#errorWrap .cont li strong {position:absolute;left:0;top:2px;color:#a01310;}
#errorWrap .cont li span {margin:0;font-weight:600;color:#a01310;}

/* 카드발급중단 */
.waitBox {margin-top:46px;border-radius:5px;padding:63px 120px;background:#f6f6f6;}
.waitBox>div {box-sizing:border-box;padding:38% 14% 7%;border:6px solid #f6ac03;border-radius:20px;text-align:center;font-size:15px;color:#000;line-height:24px;background:#fff url(../images/bg/bg_wait_2019.png) no-repeat 0 23px;background-size:100%;-webkit-box-shadow: 0 4px 0 0 rgba(221,221,221,1);-moz-box-shadow: 0 4px 0 0 rgba(221,221,221,1);box-shadow: 0 4px 0 0 rgba(221,221,221,1);}
.waitBox strong {display:block;margin-top:6px;color:#ab1310;}

/* 팝업 */
#popWrap h1 {padding:15px 0 17px 20px;font-size:16px;font-weight:600;color:#fff;line-height:18px;background:#76a118;}
#popContents {padding:13px 20px 15px;}
.zipTab {position:relative;overflow:hidden;}
.zipTab:after {content:"";overflow:hidden;position:absolute;z-index:1;left:0;bottom:-1px;width:100%;height:1px;border-top:1px solid #212121;}
.zipTab li {position:relative;z-index:2;float:left;width:98px;margin-right:1px;border:1px solid #979797;}
.zipTab li.on {border:1px solid #212121;border-bottom:1px solid #fff;}
.zipTab li a {display:block;padding:5px 0;text-align:center;font-size:14px;font-weight:600;color:#bbb;line-height:16px;}
.zipTab li.on a {color:#212121;}
.zipCont {margin-top:8px;}
.zipCont>div {display:none;padding:15px 13px 18px;font-size:14px;color:#212121;line-height:18px;letter-spacing:0;background:#f0f0f0;}
.zipCont>div:first-child {display:block;}
.zipCont .txt {display:block;}
.zipCont .check {margin-top:20px;font-weight:600;}
.zipCont .check a {text-decoration:underline;font-weight:400;color:#84a736;}
.zipCont .search {margin-top:17px;}
.zipCont .btnType07 {padding:6px 15px 10px;}
.zipResult {display:none;overflow-y:auto;max-height:265px;margin-top:13px;}
.zipResult>li {border-bottom:1px solid #b3b3b3;}
.zipResult>li:first-child {border-top:1px solid #b3b3b3;}
.zipResult>li li {position:relative;padding:5px 20px 10px 59px;font-size:13px;line-height:19px;border-top:1px dashed #d9d9d9;}
.zipResult>li li:first-child {padding:6px 30px 5px 59px;border-top:0;}
.zipResult>li li>span {display:block;box-sizing:border-box;position:absolute;left:0;top:6px;width:50px;padding:1px 0 3px;border:1px solid #f6ab00;border-radius:2px;text-align:center;font-size:12px;font-weight:600;color:#fff;line-height:14px;background:#f6ab00;}
.zipResult>li li:first-child>span {border:1px solid #84a736;background:#84a736;}
.zipResult>li li a {color:#212121;}
.pwCont .tblWrite {margin-top:0;}
.pwCont .tblWrite th {padding:10px 13px 12px;}
.pwCont .tblWrite td {padding:4px 15px;}
.pwCont .tblWrite td input {padding:6px 9px 7px;}
.pwCont .tblWrite td .exp {font-size:12px;font-weight:600;}
.pwCont .tblWrite tr:first-child th,
.pwCont .tblWrite tr:first-child td {border-top:1px solid #909090;}
.pwCont .btnWrap {margin-top:15px;}
.pwCont .btnWrap>a {width:100px;}

/* 레이어팝업 */
.dimmed {display:none;position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.layerPop {display:none;position:fixed;z-index:51;left:50%;top:8%;}
.layerPop h2 {padding:15px 0 17px 20px;border:1px solid #84a736;border-radius:7px 7px 0 0;box-sizing:border-box;font-size:16px;font-weight:600;color:#fff;line-height:18px;background:#84a736;}
.layerPop .layerClose {overflow:hidden;position:absolute;top:16px;right:16px;width:18px;height:18px;text-indent:-5000px;background:url(../images/btn/btn_layer_close.png) no-repeat;}
.layerPop .layerCont {overflow-y:auto;height:685px;padding:0 10px 15px;background:#fff;}
#layerCardInfo {width:930px;margin-left:-455px;}
#layerMap {top:20%;width:600px;margin-left:-300px;}
#layerMap .layerCont {position: relative; height:420px !important;padding:0;}
#layerMap .layerCont .skip_map {position: relative;z-index: 9999;}
#layerMap .layerCont .skip_map a {display: block;height: 1px;width: 1px;margin-bottom: -1px;overflow: hidden;font-size: 12px;color: #fff;font-weight: bold;background: #2466a6;white-space: nowrap;text-align: center;}
#layerMap .layerCont .skip_map a:focus, #layerMap .layerCont .skip_map a:active{height:auto; width:100%; padding:5px; margin-bottom:10px; position:absolute; left:0; top:0;}


/* 리스트 디테일 */
.cardUseList01,
.cardUseList02,
.cardUseList03,
.cardUseList04,
.cardUseList05,
.cardUseList06,
.dotList {margin-top:10px !important;}
.cardAddList.deviceType {display:none;}
.boardList03 td .link {max-width:700px;}
.areaList01 td .link,
.areaList02 td .link {max-width:400px;}
.csList01 td .link {max-width:370px;}

/* 태블릿 */
@media screen and (max-width:769px) {
html {overflow-x:hidden;}
body {min-width:320px;}
#topBanner,
#header .searchBox,
#gnb,
#gnb .bgWrap,
#rnb,
#container #snb {display:none;}
#topBanner .inner {width:100%;}
#topBanner .btnClose {top:20%;right:0;margin-right:10px;}
#header {position:fixed !important;z-index:26 !important;top:0;left:0;min-width:320px;width:100%;height:59px;background:#fff;border-bottom:1px solid #0c0b0b;}
#header .inner {width:auto;}
#header .logo {top:7px;left:50%;margin-left:-34px;}
#header .logo img {width:68px;}
#header .btn_mobileGnb {overflow:hidden;position:absolute;left:10px;top:10px;width:39px;height:40px;text-indent:-5000px;background:url(../images/icon/icon_navi.png) no-repeat;}
#gnb {position:fixed;z-index:26;left:-244px;top:0;overflow-y:auto;width:224px;height:100%;background:#96b74f;}
#gnb>ul {position:static;width:auto;margin-left:0;padding:0;}
#gnb li {float:none !important;}
#gnb li>a:hover {text-decoration:none !important;}
#gnb>ul>li {width:auto;border-bottom:1px solid #81a13c;}
#gnb>ul>li:first-child {width:auto;margin:0;}
#gnb>ul>li>a {margin-bottom:0;padding:12px 15px;text-align:left;font-size:14px;color:#fff;background:url(../images/btn/btn_gnb_off.png) no-repeat 103% 50%;}
#gnb>ul>li.on>a {background:#76a118 url(../images/btn/btn_gnb_on.png) no-repeat 103% 50%;}
#gnb>ul>li>ul {height:auto;padding-top:0;border-right:0;background:#f5f5f5 !important;}
#gnb>ul>li:first-child>ul {border-left:0;}
#gnb>ul>li>ul>li {margin:0;border-top:1px solid #d4d4d4;}
#gnb>ul>li>ul>li:first-child {border-top:1px solid #81a13c;}
#gnb>ul>li li>a {display:block;padding:12px 15px;font-size:13px !important;}
#gnb>ul>li>ul>li>a:active,
#gnb>ul>li>ul>li>a:focus {background:#efefef;}
#gnb>ul>li>ul>li>ul {border-top:1px solid #d4d4d4;background:#fff;}
#gnb>ul>li>ul>li>ul>li>a {padding:7px 15px;font-size:13px;}
#gnb>ul>li:nth-child(2)>ul>li:nth-child(8)>a {font-size:0 !important;line-height:0;}
#gnb>ul>li:nth-child(2)>ul>li:nth-child(8)>a:after {content:"카드 비밀번호 변경 및 개인정보 \a수정";font-size:14px;line-height:18px;white-space:pre;}
#gnb>ul>li:nth-child(5)>ul>li:nth-child(4)>a {font-size:0 !important;line-height:0;}
#gnb>ul>li:nth-child(5)>ul>li:nth-child(4)>a:after {content:"웹사이트 개선/오류 의견남기기";font-size:14px;line-height:18px;}
#header .btn_mobileGnb {display:block;}
#localNavi {display:none;}
#container {width:100%;padding:60px 0 0;background:none;}
#container #contents {float:none;width:100%;min-height:auto;margin-bottom:60px;}
#container h3.h3_bul,
#container h4.h4_bul {margin-left:10px;margin-right:10px;}
#container h4.h4_ty01 {padding-left:10px;padding-right:10px;}
#linkArea {position:absolute;left:-5000px;}
#linkArea .inner {width:100%;}
#linkArea h3 {margin:26px 170px 0 20px;}
#linkArea .bx-wrapper {float:right;width:56%;}
#linkSlide li {width:25% !important;}
#linkSlide li a {font-size:14px;}
#footer {padding-bottom:50px;}
#footer .inner {width:auto;margin:0 20px;}
#footer .info li {margin-left:20px;}
#footer .info li:first-child {margin:-3px 0 0;}
#footer .info li a {font-size:14px;}
#footer .info li:first-child a {font-size:16px;}
#footer .info p {line-height:26px;}
#footer .mark {display:none;}
.cardCheckChoice>div {width:232px;}
.faqSearch {margin-top:0;}
.faqSearch .inner {width:auto;margin:0 15px;}
.faqSearch .inputBox {width:auto;margin:0 25px;}
.faqSearch input[type=text] {width:75%;height:56px;box-sizing:border-box;}
.faqSearch .inputBox a {width:25%;}
.faqSearch .keyword {margin-left:25px;}
.faqCont {width:auto;}
.faqCont li>a {padding-left:15px;}
.faqList {width:auto;padding:0 15px;}
.faqList ul {margin:34px 0 21px;}
.faqList li {width:33.3%;}
.subTitle {padding: 23px 10px 0;background-size:40% !important;}
.subTitle span {margin-right:0;}
.subTitle .btn {margin-top:30px;}
.infoCard {margin:10px 10px 0;padding-top:4px;background:#f6f6f6;}
.infoCard .mobileImg {display:block;position:relative;z-index:1;margin-top:-165px;text-align:center;}
.infoCard .mobileImg img {max-width:90%;}
.infoCard>ol {position:relative;z-index:3;margin-left:10px !important;margin-right:10px !important;}
.infoCard .info {margin-top:18px;}
.inquiryList {margin:10px;background-position:20px 7px;background-size:35px 40px;}
.inquiryList h3 {float:none;margin:15px 0 15px 65px;}
.inquiryList ul {float:none;width:auto;}
.areaList {width:440px;margin:0 auto;}
.areaList>li {margin-left:0;}
.howUse,
.lottoFund {margin-left:10px;margin-right:10px;}
.sitemap {width:598px;margin:0 auto;}
.sitemap>ul {position:relative;margin-left:-10px;}
.sitemap>ul>li {margin-left:10px;}
.sitemap>ul:nth-child(2)>li:first-child {position:absolute;top:-389px;right:0;}
.tblTop {margin:0 10px -23px;}
.tblList {margin:30px 10px 0;}
.issueStep {margin:0 10px;padding:28px 3% 14px 1%;border-radius:5px;}
.issueStep:before,
.issueStep:after {display:none;}
.issueStep.ty02 {padding:28px 2% 23px 0;}
.issueStep li,
.issueStep.ty02 li {width:18%;margin:0 0 10px 2%;padding-top:19%;}
.issueStep.ty02>strong {margin-bottom:15px;}
.issueStep.ty02>strong:first-child {margin-top:0;}
.cardQualify {margin:0 10px;padding:30px 0 29px;text-align:center;border:1px solid #767676;border-radius:5px;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#f6f6f6 url(../images/img/img_card_qualify02.png) no-repeat 50% 140px;}
.cardQualify p {width:198px;margin:0 auto;border:1px solid #835428;border-radius:10px;box-sizing:border-box;background:#835428;}
.cardQualify span {margin:155px 20px 0;text-align:left;}
.qualifyDetail {margin:0 10px;}
.applyProcess {margin:21px 10px 0;padding:0;}
.applyProcess ol {width:604px;margin:23px auto 0;padding-right:12px;}
.applyProcess ol:before {content:"";overflow:hidden;position:absolute;z-index:1;left:8%;top:71%;width:40%;height:1px;border-top:1px solid #d1d1d1;}
.applyProcess ol:after {top:21%;}
.applyProcess.ty02 ol:before {display:none;}
.applyProcess ol li {width:139px;margin:0 0 30px 12px !important;}
.applyProcess ol li>p {height:81px;background-size:100%;}
.applyProcess.ty02 ol li.ty02 p {height:90px;}
.applyProcess ul {margin-bottom:30px;}
.cardBenefit {margin:0 10px;}
.cardBenefit>strong {padding:27px 25px 22px;}
.cardBenefit ol {width:544px;margin:0 auto;padding-right:10px;}
.cardBenefit li {margin-left:15px;}
.cardBenefit li:first-child {margin-left:10px;}
.cardBenefit li:nth-child(4) {margin:20px 0 0 10px;}
.areaDateList {margin:0 10px;}
.infoArea,
.tblWrite {margin-left:10px;margin-right:10px;}
.tblView {margin: 62px 0px;}
.tblWrite th,
.tblView th {padding-left:10px !important;padding-right:10px;word-wrap:normal;word-break:keep-all;}
.tblWrite.ty03 th {text-align:center;}
.infoCustomer {margin:20px 10px 0;}
.infoCustomer .bg {margin-left:18%;}
.cardCheckChoice {margin:10px 10px 0;}
.btnWrap.tar {margin-right:10px;}

/* 2020-08-06 추가 */
/* 프로그램 상세보기 */
.programVeiw { margin-left:10px; margin-right:10px; }
.programInfo .thumBox { float:none; width:100%; margin-bottom:30px; }
.programInfo .infoBox { float:none; width:100%; }

#container h3.h3_ty01 .btnInfo {right:10px;}
.cardStep {width:707px;margin-top:20px;}
.agreeWrap02 {padding:0 10px;}
.agreeWrap02 .agreeCont {width:auto;}
.agreeWrap03 {padding:0 10px;}
.agreeWrap03 .agreeCont {width:auto;}
.agreeWrap03 .agreeCont .txt {width:auto;}
.subTabWrap {padding:0 10px;}
.joinFinish {margin-left:10px;margin-right:10px;padding-left:155px;background-position:50px 50%;}
.cardDetail {margin-left:10px;margin-right:10px;}
.payInfo {margin-left:10px;margin-right:10px;padding:155px 20px 31px;background-position:50% 15px;}
.payInfo ul {margin-left:0;}
.payInfo ol {width:557px;margin:0 auto;border-top:0;}
.payInfo ol li {margin-left:15px;}
.userInfo {margin-left:10px;margin-right:10px;}
.cardCheckChoice>div {float:none;width:280px;margin:10px auto !important;}
.subTabWrap .tabCont .useInfo {margin:0;}
.subTabWrap .tabCont .useInfo.ty03 {background-position:50% 20px;}
.useInfo li a {word-break:break-all;}
.subTabWrap .tabCont .tblWrite {margin-left:-15px;margin-right:-15px;}
.subTabWrap .tabCont .tblWrite td .w60 {width:16%;}
.disUse {width:672px;margin:0 auto;padding-right:4px;}
.ticketCont {margin:0 10px;}
.ticketCont .tit h3 {margin-left:-11px;}
.ticketCont .tit span {display:block;margin:20px 0 0;}
.ticketCont ul {width:584px;margin:40px auto;}
.ticketCont li {margin-left:0;}
.ticketCont li:nth-child(2) {margin-left:20px;}
.zipTab,
.zipCont,
.zipResult {margin-left:10px;margin-right:10px;}
.zipCont .search .btnType07 {vertical-align:top;}
.zipCont .search .w240 {min-width:198px;}
#layerCardInfo,
#layerMap {left:5% !important;width:90%;margin:0;}
#layerMap {top:10%;}
.cardUseList01 colgroup,
.cardUseList02 colgroup,
.cardUseList03 colgroup,
.dotList colgroup,
.offlineList colgroup,
.onlineList02 colgroup,
.boardList01 colgroup,
.boardList02 colgroup,
.boardList03 colgroup,
.boardList04 colgroup,
.csList01 colgroup,
.csList02 colgroup,
.csList03 colgroup,
.areaList01 colgroup,
.areaList02 colgroup {display:none;}
.cardUseList01 tr:first-child th:nth-child(1),
.cardUseList01 td:nth-child(1),
.cardUseList02 th:nth-child(3),
.cardUseList02 td:nth-child(3) {display:none;}
.cardUseList01 tr:first-child th:nth-child(2),
.cardUseList01 td:nth-child(2) {border-left:0;}
.cardAddList {display:none;}
.cardAddList.deviceType {display:block;}
.dotList th:nth-child(4),
.dotList td:nth-child(4) {display:none;}
.offlineList th:nth-child(3),
.offlineList td:nth-child(4) {display:none;}
.onlineList02 th:nth-child(3),
.onlineList02 td:nth-child(4) {display:none;}

.boardList01 th,
.boardList01 td {display:none;}
.boardList01 th:nth-child(2),
.boardList01 td:nth-child(2) {display:table-cell;max-width:275px;border-left:0;}
.boardList02 th:nth-child(1),
.boardList02 th:nth-child(4),
.boardList02 th:nth-child(5),
.boardList02 td:nth-child(1),
.boardList02 td:nth-child(4),
.boardList02 td:nth-child(5) {display:none;}
.boardList02 th:nth-child(2),
.boardList02 td:nth-child(2) {max-width:220px;border-left:0;}
.boardList02 th:nth-child(3) {min-width:50px;}
.boardList03 th,
.boardList03 td {display:none;}
.boardList03 th:nth-child(2),
.boardList03 th:nth-child(4),
.boardList03 td:nth-child(2),
.boardList03 td:nth-child(4) {display:table-cell;}
.boardList03 th:nth-child(2) {border-left:0;}
.boardList03 td:nth-child(2) {max-width:200px;border-left:0;}
.boardList03 th:nth-child(4) {min-width:65px;}
.boardList04 th,
.boardList04 td {display:none;}
.boardList04 th:nth-child(2),
.boardList04 th:nth-child(3),
.boardList04 th:nth-child(5),
.boardList04 td:nth-child(2),
.boardList04 td:nth-child(3),
.boardList04 td:nth-child(5) {display:table-cell;}
.boardList04 th:nth-child(2),
.boardList04 td:nth-child(2) {border-left:0;}
.boardList04 td:nth-child(3) {max-width:155px;}
.boardList04 th:nth-child(2) {min-width:40px;}
.boardList04 th:nth-child(5) {min-width:60px;}
.tblList tr th.borL {border-left:0;}
.tblList td .link {max-width:80%;}
.csList01 th,
.csList01 td {display:none;}
.csList01 th:nth-child(2),
.csList01 th:nth-child(3),
.csList01 th:nth-child(5),
.csList01 td:nth-child(2),
.csList01 td:nth-child(3),
.csList01 td:nth-child(5) {display:table-cell;}
.csList01 th:nth-child(2),
.csList01 td:nth-child(2) {border-left:0;}
.csList01 th:nth-child(2) {min-width:50px;}
.csList01 td:nth-child(3) {max-width:140px;}
.csList01 th:nth-child(5) {min-width:65px;}
.csList02 th:nth-child(1),
.csList02 td:nth-child(1) {display:none;}
.csList02 th:nth-child(2),
.csList02 td:nth-child(2) {border-left:0;}
.csList02 th:nth-child(3),
.csList02 td:nth-child(3) {max-width:80px;}
.csList03 th:nth-child(1),
.csList03 td:nth-child(1),
.csList03 th:nth-child(2),
.csList03 td:nth-child(2) {display:none;}
.csList03 th:nth-child(3),
.csList03 td:nth-child(3) {max-width:95px;border-left:0;}
.areaList01 th:nth-child(1),
.areaList01 th:nth-child(4),
.areaList01 th:nth-child(5),
.areaList01 th:nth-child(6) {display:none;}
.areaList01 td:nth-child(1),
.areaList01 td:nth-child(4),
.areaList01 td:nth-child(5),
.areaList01 td:nth-child(6) {display:none;}
.areaList01 td:nth-child(2) {max-width:75px;}
.areaList01 td:nth-child(3) {max-width:140px;}
.areaList01 th:nth-child(2),
.areaList01 td:nth-child(2) {border-left:0;}
.areaList02 th:nth-child(1),
.areaList02 th:nth-child(4),
.areaList02 th:nth-child(5),
.areaList02 th:nth-child(6) {display:none;}
.areaList02 td:nth-child(1),
.areaList02 td:nth-child(4),
.areaList02 td:nth-child(5),
.areaList02 td:nth-child(6) {display:none;}
.areaList02 td:nth-child(2) {max-width:70px;}
.areaList02 td:nth-child(3) {max-width:140px;}
.areaList02 th:nth-child(2),
.areaList02 td:nth-child(2) {border-left:0;}
.useTab {margin:10px 10px 0;}
.useTab .useInfo.ty03 {margin:0;background-position:30px 50%;}
.useTab .tblWrite {margin-left:0;margin-right:0;}
.layerPop .cardQualify,
.layerPop .applyProcess {margin:21px 0 0;}
.layerPop .areaDateList {margin:0;}
.layerPop .applyProcess ol {width:540px;}
.layerPop .applyProcess ol li {width:123px;}
.layerPop .applyProcess ol li>p {height:65px;}
.layerPop .applyProcess.ty02 ol li.ty02 p {height:74px;}
.userName {margin:10px 10px 0;}
.waitBox {padding:5%;}
.subTabWrap .tabCont>.ty02 {width:283px;padding-bottom:0;}
.subTabWrap .tabCont .ty02 div,
.subTabWrap .tabCont .ty02 .btnType05 {margin-left:0;}
.subTabWrap .tabCont .ty02 .onePassTxt {position:static;width:300px;margin-left:-8px;text-align:center;}
}
@media screen and (max-width:725px) {
#container h3.h3_ty01 {width:320px;margin:0 auto;}
#container h3.h3_ty01 .btnInfo {position:static;margin-top:10px;}
.cardStep {width:610px;margin:10px auto 0;}
.cardStep li {width:143px;margin:10px 0 0 10px;}
.cardStep li:first-child {margin-left:0;}
.cardStep li span {display:none;}
.tblWrite th .num {display:block;margin:0 auto;}
.tblView.ty04 th {display:block;}
.tblView.ty04 tr:first-child td {border-width:1px;}
.tblView.ty04 td {display:block;border-left:0;}
.tblView.ty04 .onlineList {max-width:550px;margin:-8px auto 0;padding-left:10px;}
.tblView.ty04 .onlineList li {width:31%;max-width:170px;}
.tblView.ty04 .onlineList li>a {width:100%;}
.subTabWrap .tab li>a,
.subTabWrap .tab li.on>a {font-size:0;line-height:0;}
.subTabWrap .tab li>a:after,
.subTabWrap .tab li.on>a:after {font-size:13px;line-height:20px;}
.subTabWrap .tab li.t01>a:after {content:"간편인증" !important;}
.subTabWrap .tab li.t02>a:after {content:"공동인증서" !important;}
.subTabWrap .tab li.t03>a:after {content:"휴대폰" !important;}
.subTabWrap .tab li.t04>a:after {content:"아이핀" !important;}
}
@media screen and (max-width:685px) {
.disUse {width:448px;}
}
/* 모바일 */
@media screen and (max-width:639px) {
.subTitle {background-size:45% !important;}


.subTitle.s01 {background:none; }
.subTitle.s02 {background:none; }
.subTitle.s03 {background:none; }
.subTitle.s04 {background:none; }
.subTitle.s05 {background:none; }
.subTitle.s06 {background:none; }
.subTitle span { display:none;}

.subTitle h2 {margin-right: 0;}
#linkArea .inner {width:auto;padding:0 10px;}
#linkArea h3 {margin:10px 0 0;}
#linkArea .inner>a {top:16px;}
#linkArea .bx-wrapper {float:left;width:100%;margin-top:6px;}
#linkSlide li {padding:5px 0;}
#linkSlide li a {height:35px;font-size:13px;}
#footer .info li:first-child {margin:-1px 0 0;}
#footer .info li a {font-size:13px;}
#footer .info li:first-child a {font-size:14px;}
#footer .info p {font-size:12px;line-height:26px;}
.paging a:nth-child(8),
.paging a:nth-child(9),
.paging a:nth-child(10),
.paging a:nth-child(11),
.paging a:nth-child(12),
.paging a:nth-last-child(2),
.paging a.next02 {display:inline-block;}
.faqList li {width:50%;}
.zipResult {max-height:256px;}
.inquiryList li {margin:0 15px;}
.inquiryList li strong {width:165px;}
.inquiryList li a {display:inline-block;margin-top:5px;}
#errorWrap {width:95%;margin:30px auto;}
#errorWrap .cont {padding:28px 23px 24px;}
#errorWrap h2 {padding-bottom:10px;text-align:left;font-size:23px;}
#errorWrap .cont p {font-size:18px;}
#errorWrap .cont span {font-size:14px;}
.sitemap {width:100%;}
.sitemap>ul {margin-left:0;}
.sitemap>ul>li {float:none;width:95%;margin:0 auto;}
.sitemap>ul:nth-child(2)>li:first-child {position:static;}
.tblTop .all {width:93%;}
.applyProcess ol {width:453px;}
.applyProcess ol:before {width:82%;} 
.applyProcess.ty02 ol:before {display:block;top:64%;width:50%;}
.applyProcess ul {margin:0 20px 30px;}
.cardBenefit ol {width:361px;}
.cardBenefit li:nth-child(3) {margin:20px 0 0 10px;}
.cardBenefit li:nth-child(4) {margin:20px 0 0 15px;}
.tblWrite .w130 {width:30%;}
.tblWrite .w140 {width:140px;}
.tblWrite .w160 {width:98%;}
.tblWrite .w220,
.tblWrite .w280 {width:60%;}
.tblWrite .w400 {width:94%;}
.tblWrite select.w160:first-child {margin-top:0;}
.tblWrite select.w160 {margin-top:5px;}
.tblView td {padding:9px 10px 13px;}
.tblView tr.cont td>div {margin:0;}
.fileList {margin-left:0;}
.cardStep {width:300px;}
.cardStep li {margin:10px 0 0;}
.cardStep li:nth-child(even) {float:right;}
.infoArea.ty02,
.infoArea.ty03,
.infoArea.ty04 {padding-left:20px;}
.infoArea.ty02 p,
.infoArea.ty03 p,
.infoArea.ty04 p {padding-left:75px;}
.joinFinish {padding:100px 20px 20px;text-align:center;background-position:50% 20px;}
.useInfo {margin-left:10px;margin-right:10px;padding:145px 20px 18px;background-position:50% 20px;}
.cardDetail {padding:160px 30px 23px;background-position:50% 13px;}
.payInfo ol {width:271px;}
.payInfo ol:after {display:none;}
.payInfo ol li:nth-child(3) {margin-left:0;}
.payInfo ol li:nth-child(3),
.payInfo ol li:nth-child(4) {margin-top:15px;}
.tblWrite .btnInfo {float:right;position:static;margin:0 auto 10px;}
.lawList {margin:0 20px;}
.lawList li {background-position:0 11px;}
.ticketCont ul {width:282px;}
.ticketCont li {margin-top:20px;}
.ticketCont li:first-child {margin-top:0;}
.ticketCont li:nth-child(2) {margin-left:0;}
#popContents {padding-left:0;padding-right:0;}
#popContents .tblWrite .exp {display:block;margin-left:0;}
.howUse>li {padding:7% 20px 20px;background-size:12% !important;background-position:20px 15px !important;}
.howUse>li>strong {margin-left:15%;margin-bottom:6%;}
.lottoFund>li {padding:7% 20px 20px;}
.layerPop .applyProcess ol {width:405px;}
.infoCard .exp {padding:3px 20px 30px;}
.useTab .useInfo.ty03 {background-position:50% 20px;}
.useTab>ul>li>a {width:150px;font-size:13px !important;}
.useTab>ul>li.t02>a {left:149px;width:151px;}
.useTab .btnType02 {width:268px;}
}
@media screen and (max-width:603px) {
.subTitle {background-size:50% !important;}
.subTitle {min-height:auto;padding-top: 0;}
.subTitle h2 {padding:13px 0 18px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;text-align:center;font-size:24px;font-weight:600;color:#3d3d3d;letter-spacing:-2px;}
#container .h3_ty01, #container .h4_ty01 { display:none}
.btnWrap .btnLink02 {margin-top:10px;}
}
@media screen and (max-width:518px) {
.infoCard .mobileImg {margin-top:-32.5%;}
.subTabWrap .tabCont .txt {width:auto;margin-left:0;}
}
@media screen and (max-width:493px) {
h4.h4_ty01 {margin:0;}
.subTitle {background-size:50% !important;}
.applyProcess ol {width:302px;}
.applyProcess ol:before,
.applyProcess ol:after {display:none !important;}
.infoCustomer .bg {margin-left:15%;}
.subTabWrap.ty02 .tab li {width:120px;}
.subTabWrap.ty02 .tab li.t02 {left:120px;}
.subTabWrap.ty02 .tab li>a,
.subTabWrap.ty02 .tab li.on>a {font-size:13px;line-height:20px;}
.subTabWrap.ty02 .tab li>a:after {display:none;}
.tblView.ty04 .onlineList {padding:0;}
.layerPop .applyProcess ol {width:270px;}
}
@media screen and (max-width:400px) {
    .subTitle h2 {font-size: 25px;}
    .csList02 th:nth-child(3) {font-size:0;line-height:0;}
    .csList02 th:nth-child(3):after {content:"상담 예약시간";font-size:14px;line-height:17px;}

    .lottoFund>li.lotto_banner > div { float:none; width:100%; text-align:center; }
    .lottoFund>li.lotto_banner > div:first-child { margin-right:0; margin-bottom:10px; }
    .lottoFund>li.lotto_banner > div:last-child { margin-left:0; }
}
@media screen and (max-width:473px) {
input[type=text], input[type=password], input[type=file], input[type=number] {padding-left:4px;padding-right:4px;}
.issueStep li {width:29%;height:66px;margin-left:4%;padding-top:33%;}
.issueStep.ty02 {padding:28px 3% 14px 1%;}
.issueStep.ty02 li {width:29% !important;margin-left:4%;padding-top:33%;}
.cardQualify {background-size:80%;}
.cardBenefit ol {width:190px;}
.cardBenefit li {margin:15px 0 0 10px !important;}
.cardBenefit li:first-child {margin-top:0 !important;}
.infoCustomer .bg {float:none;margin:0 auto 10px;}
.infoCustomer p {float:none;margin:0;text-align:center;}
.infoCustomer .btnWrap {margin-top:0;}
.areaList {width:auto;margin:0 10px;}
.areaList>li {float:none;width:auto;height:auto;}
.areaList>li .img {display:none;}
.areaList ul {margin-left:0;}
.tblWrite .w60 {width:18%;}
.tblWrite th, .tblWrite td {font-size:13px;}
.tblWrite td .space {margin-left:10px;}
.tblView colgroup,
.tblWrite colgroup {display:none;}
.tblView th:nth-child(1),
.tblWrite th:nth-child(1) {min-width:60px;}
.infoArea.ty02,
.infoArea.ty03,
.infoArea.ty04 {padding-left:0;}
.infoArea.ty02 p,
.infoArea.ty03 p,
.infoArea.ty04 p {padding:82px 25px 25px;background-position:50% 14px;}
.infoArea ul {margin-left:20px;}
.infoArea ul.ty02 {margin-left:0;padding-left:0;}
.infoArea .exp {margin-left:0;}
.disUse {width:224px;}
.infoCard .exp {margin-top:10px;}
.infoCard .info {padding:0 15px 15px;}
.infoCard .info>li {margin-top:20px !important;padding-left:0;}
.infoCard .info>li>em {display:block;float:left;position:static;margin-bottom:10px;}
.infoCard .info>li>strong {float:left;margin:16px 0 0 10px;}
.infoCard .info>li>p {clear:both;}
.subTabWrap .tabCont .txt02,
.subTabWrap .tabCont .txt03 {width:100%;margin-left:0;}
.subTabWrap .tabCont h3 {width:auto;margin:20px 0 23px 5px;font-size:20px;}

#userInfoDataList colgroup {display:none;}
#userInfoDataList {margin : 0 -10px;}
#userInfoDataList tr {display: block; margin: 0 0 10px 5px;}
#userInfoDataList th {display: block; width:100%;}
#userInfoDataList td {display: list-item; width: 90%; margin-left:0%; border:none; list-style-type: none;}
.tblView {margin: 20px 0 0 -7px;}
.tblWrite td .exp {margin-left:8px;color:#a01310;display: block;}
.tblWrite td .exp01 {margin-left:2px;color:#a01310;display: block;}
.tblWrite td .exp02 { left: 0px; position: absolute;}
}
@media screen and (max-width:375px) {
.inquiryList li:first-child a {display:block;margin:8px 0 8px 20px;}
.applyProcess>strong {width:auto;margin:0 10px;}
.tblWrite .w130 {width:36%;}
.tblWrite .w140 {width:140px;}
.tblWrite .w220,
.tblWrite .w280,
.tblWrite .w400 {width:95%;}
.btnWrap.tar {margin-right:0;text-align:center !important;}
.btnWrap .btnType01.sport {font-size:0;line-height:0;}
.btnWrap .btnType01.sport:after {content:"스포츠강좌이용권 바로가기";font-size:16px;line-height:18px;}
.infoCard {background-position:50% 60%;}
.howUse .btnLink01,
.howUse .btnLink02 {min-width:250px;}
}
@media screen and (max-width:339px) {
.applyProcess ol {width:286px;}
.applyProcess ol li {width:131px;}
.layerPop .applyProcess ol {width:237px;}
.layerPop .applyProcess ol li {width:106px;}
.layerPop .applyProcess ol li>p {height:56px;padding-top:50px;font-size:13px;line-height:18px;}
.layerPop .applyProcess ol li.ty02 p {padding-top:50px;font-size:11px;line-height:14px;}
.subTabWrap.ty02 .btnType02 {width:268px;}
.tblView.ty04 .onlineList li {width:30.5%;}
}

/* subTabWrap3 */
.subTabWrap3 {margin-top:10px;}
.subTabWrap3 .tab {position:relative;height:47px;}
.subTabWrap3 .tab li {position:absolute;z-index:1;left:0;top:0;width:33.3%;border-top:1px solid #c7c7c7;border-right:1px solid #ababab;box-sizing:border-box;text-align:center;background:#fafafa;}
.subTabWrap3 .tab li.t02 {width:33.3%;}
.subTabWrap3 .tab li.t03 {left:33.4%;}
.subTabWrap3 .tab li.t04 {display:none;left:66.8%;}
.subTabWrap3 .tab li:first-child {border-left:1px solid #ababab;}
.subTabWrap3 .tab li.on {z-index:2;border:1px solid #f2660a;border-bottom:0;background:#f2660a;}
.subTabWrap3 .tab li a {display:block;padding:13px 5px 14px;font-size:16px;color:#656565;line-height:20px;}
.subTabWrap3 .tab li.on a { font-size:18px; font-weight:600; color:#fff; }
.subTabWrap3 .tab li .bar,
.subTabWrap3 .tab li.on:first-child .bar {display:none;}
.subTabWrap3 .tab li.on .bar {display:block;overflow:hidden;position:absolute;left:-2px;top:0;width:1px;height:100%;border-left:1px solid #f2660a;}
.subTabWrap3 .tab.ty02 li {width:25%;}
.subTabWrap3 .tab.ty02 li.t02 {left:25%;}
.subTabWrap3 .tab.ty02 li.t03 {left:50%;}
.subTabWrap3 .tab.ty02 li.t04 {display:block;left:75%;}
.subTabWrap3 .tabCont {box-sizing:border-box;position:relative;z-index:3;min-height:320px;padding-bottom:43px;border:1px solid #f2660a;}
.subTabWrap3 .tabCont>div {display:none;width:283px;margin:0 auto;padding-top:17px;font-size:14px;font-weight:600;color:#100e0d;}
.subTabWrap3 .tabCont>div:first-child {display:block;}
.subTabWrap3 .tabCont h3 {width:205px;height:25px;margin:20px 0 23px -8px;padding:27px 0 31px 95px;font-size:22px;font-weight:600;color:#505050;line-height:25px;}
.subTabWrap3 .tabCont #tab01 h3 {background:url(../images/img/img_tab_cert05.png) no-repeat;}
.subTabWrap3 .tabCont #tab02 h3 {background:url(../images/img/img_tab_cert01.png) no-repeat;}
.subTabWrap3 .tabCont #tab03 h3 {background:url(../images/img/img_tab_cert02.png) no-repeat;}
.subTabWrap3 .tabCont #tab04 h3 {background:url(../images/img/img_tab_cert04.png) no-repeat;}
.subTabWrap3 .tabCont div div {margin-top:6px;}
.subTabWrap3 .tabCont span {display:inline-block;width:66px;}
.subTabWrap3 .tabCont .btnType05 {margin-top:14px;}
.subTabWrap3 .tabCont .txt {width:485px;margin-left:-101px;padding-top:20px;text-align:center;line-height:22px;}
.subTabWrap3 .tabCont .txt02 {width:430px;margin:-4px 0 23px -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap3 .tabCont .txt03 {width:430px;margin:14px 0 0 -75px;text-align:center;font-weight:400;color:#000;line-height:22px;}
.subTabWrap3 .tabCont .txt03 em {color:#898989;}
.subTabWrap3 .tabCont>.ty02 {width:auto;padding-bottom:17px;}
.subTabWrap3 .tabCont .ty02 h3 {margin:20px auto 26px;}
.subTabWrap3 .tabCont .ty02 div,
.subTabWrap3 .tabCont .ty02 .btnType05 {margin-left:140px;}
.subTabWrap3 .tabCont .ty02 .onePassTxt {position:absolute;left:460px;top:133px;width:375px;margin-left:0;font-weight:400;color:#000;line-height:22px;letter-spacing:-0.5px;}
.subTabWrap3 .tabCont .ty02 .onePassTxt .ty02 {margin:11px 0;}
.subTabWrap3 .tabCont .ty02 .onePassTxt .ty03 em {color:#8b8b8b;}

.subTabWrap3.ty02 .tabCont {height:auto;}
.subTabWrap3.ty02 .tabCont>div {width:auto;margin:0;padding:15px;}
.subTabWrap3.ty03 {display:none;margin:40px 0 -23px;}

/* 카드 발급 마감 안내 */
.box_end_card { width:100%; min-height:250px; padding:0 100px 30px 100px; background:#ffefd1 url('/images/bg/bg_end_card.jpg') no-repeat center bottom; /*background-size:contain;*/ text-align:center; box-sizing:border-box; word-break: keep-all; }
.box_end_card .end_title { padding-top:10px; }
.box_end_card .end_title img { max-width:100%; }
.box_end_card p.text01 { padding-top:70px; font-size:22px; color:#1fb53b; font-weight:bold; }
.box_end_card p.text02 { padding-top:10px; font-size:18px; }

/**
 * custom
 */
a[role="button"] { cursor: pointer; }
.dn { display: none; }
.mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; }
.mb5 { margin-bottom:5px; } .mb10 { margin-bottom:10px; }
.ml0 { margin-left:0 !important; } .ml10 { margin-left:10px; }
.blue { color: #3498db !important; }


/*custom 10.26*/
.mid_title{ margin:15px 0; text-align: left; font-size:18px; font-weight:bold; }

.tblWrite .wauto{ width:auto; }
.tblWrite .w90{ width:90%; }
.tblWrite .dash{ display:inline-block; }
.tblWrite .row{ padding:3px 0;}

.agree_box{ border:#eee solid 1px; padding:10px; margin-bottom:10px; }
.agree_txt{ font-size:14px; }
.agree_txt input{ margin-right:3px; vertical-align: middle }
.agree_txt label{ font-size:16px; font-weight:bold; margin-right:10px; vertical-align: middle}

.exp_txt{ font-size:14px; margin-top:5px; }
.btn_addr{ padding:0 15px; height:34px;  background:#424242; color:#fff; vertical-align: middle; margin-left:10px; }

.agree_block{ border:#d1d1d1 solid 1px; background:#f5f5f5; padding:30px; margin:15px 0; }
.agree_block p{ font-size:14px; word-break: keep-all; line-height: 1.5 }
.agree_block .agree_check{ margin-top:15px; text-align: center; }
.agree_block .agree_check input{ margin-right:10px; vertical-align: -4px}
.agree_block .agree_check label{ vertical-align: middle }

/* default green button style */
.btn.green, .btn-two.green   {background-color: #4e8425;}
.btn.green {box-shadow: 0px 4px 0px #87a86f;}
.btn.green:active {box-shadow: 0px 4px 0px #43741d; background-color: #87a86f;}

.rounded {
  border-radius: 5px;
}

/* default button style */
.btn {
  position: relative;
  border: 0;
  padding: 5px 10px;
  display: inline-block;
  text-align: center;
  color: white !important;;
}

.btn:active {
  top: 4px; 
}

/*청년문화예술패스*/
.subTitle.s07 {background:url(/images/img/bg_sub_tite07.png) no-repeat 100% 0;}
.btnType14 {display:inline-block;width:300px;margin-bottom:3px;padding:14px 20px 16px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;border:1px solid #1472c1;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#1472c1;}
.btnType14:hover {border-color:#1472c1;background:#1472c1;}
.btnType15 {display:inline-block;width:300px;margin-bottom:3px;padding:14px 20px 16px;text-align:center;font-size:16px;font-weight:600;color:#fff;line-height:18px;border:1px solid #1196b2;border-radius:5px;box-sizing:border-box;-webkit-box-shadow:0 3px 0 0 #d9d9d9;-moz-box-shadow:0 3px 0 0 #d9d9d9;box-shadow:0 3px 0 0 #d9d9d9;background:#1196b2;}
.btnType15:hover {border-color:#1196b2;background:#1196b2;}
.pass_btn{margin-top:60px;}
.pass_btn a:first-child{margin-right:20px;}
.img_wrap img{max-width:100%; text-align: center;}

@media screen and (max-width: 639px) {
    .subTitle.s07{background: none;}
    .pass_btn{text-align: center; margin-top:30px;}
    .pass_btn a:first-child{margin-right:0; margin-bottom:20px;}
}



/* 가맹점 승인 상태 조회 */
.group_preces_img .group_m{display: none}
.group_preces_img .group_pc{position: relative}
.group_preces_img .active{position: absolute}
.group_preces_img.step1 .active{top:100px;left: 0}
.group_preces_img.step2 .active{top:100px;left: 186px}
.group_preces_img.step3 .active{top:100px;left: 372px}
.group_preces_img.step4 .active{top:100px;left: 557px}
.group_preces_img.step5 .active{top:100px;left: 743px}
.group_preces_img.step_return1 .active{top:0;left: 372px}
.group_preces_img.step_return2 .active{top:200px;left: 186px}
.group_preces_img.step_return3 .active{top:200px;left: 557px}
@media screen and (max-width: 769px) {
  /* 가맹점 승인 상태 조회 */
  .group_preces_img{padding:0 20px}
  .group_preces_img .group_pc{display: none}
  .group_preces_img .group_m{display: block;position: relative;max-width: 380px;margin:0 auto;aspect-ratio: 325 / 602}
  .group_preces_img .group_m .img_process_m{width: 100%;vertical-align: top}
  .group_preces_img .group_m .active{left: 50%;width: 76.92307692%;height: 8.30564784%;transform: translateX(-50%)}
  .group_preces_img.step1 .active{top:0}
  .group_preces_img.step2 .active{top:15.44850498%}
  .group_preces_img.step3 .active{top:40.86378738%}
  .group_preces_img.step4 .active{top:66.27906977%}
  .group_preces_img.step5 .active{top:91.69435216%}
  .group_preces_img.step_return1 .active{top:25.41528239%}
  .group_preces_img.step_return2 .active{top:50.83056478%}
  .group_preces_img.step_return3 .active{top:76.24584718%}
}

/*260616 추가*/
.agree_info_new img{display: block; width:auto; height:32px; margin:0 auto 10px;}
.agree_info_new .agree_text{text-align: center; padding:5px 0}
.color_orange{color:#E57200; font-weight:bold;}
.color_red{color:#BC1C0A; font-weight:bold;}
.color_red02{color:#DD0A0A; font-weight:bold;}
.color_blue{color:#0000FF; font-weight:bold;}
.agree_info_new tbody{border-top:0;}
.agree_info_new tbody tr:first-child td {border-top:0;}
.agree_info_new tbody td{vertical-align:top; word-break:keep-all;}
.agree_info_box{border:1px solid #F8D3AF; background:#FEF7F0; padding:20px; margin-top:10px; overflow:hidden;}
.agree_info_box .left{float:left; margin-right:12px;}
.agree_info_box .right{float: left;}
.agree_info_box img{width:auto; height:32px;}
.agree_info_box .tit{margin-bottom:5px; font-weight:bold; color:#E57200;}
.agree_info_box .txt{margin-bottom:0;}
.agree_info_bottom{border:1px solid #F0CFCC; background:#FBF2F1; margin-top:10px; padding:20px; text-align:center;}
.agree_info_bottom input{margin-right:4px;}
.agreeWrap03.agree_new .check label{font-size:16px;margin-right: 6px;}
.agreeWrap03.agree_new .check span{font-size:13px;font-weight: 500;}
.agreeWrap03.agree_new .check div{float:none;}
.agreeWrap03.agree_new .tblWrite th, .agreeWrap03.agree_new .tblWrite td{font-size:13px;}
.agreeWrap03.agree_new .check01{padding-bottom:25px;}
.agreeWrap03.agree_new .check01 div{float:none;}
.agreeWrap03.agree_new .check01 span{font-size:13px;}
.agreeWrap03.agree_new .agreeCont .txt{height:190px; font-size:13px;}

/* 260813 추가 : 문화누리카드 필독 안내 */ 
.mn-card-notice { background: #fff; border: 2px solid #e53935; border-radius: 12px; padding: 24px 26px; margin: 20px 0; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); color: #333; font-size: 15px; line-height: 1.8; } 
.mn-card-notice .notice-title { display: flex; align-items: center; gap: 10px; padding-bottom: 15px; margin-bottom: 18px; border-bottom: 1px solid #eee; } 
.mn-card-notice .notice-badge { display: inline-block; padding: 5px 10px; background: #e53935; color: #fff; border-radius: 5px; font-size: 14px; font-weight: bold; line-height: 1.4; white-space: nowrap; } 
.mn-card-notice .notice-heading { color: #222; font-size: 21px; font-weight: bold; } 
.mn-card-notice .deadline-box { background: #fff8e1; border: 1px solid #f2c94c; border-radius: 8px; padding: 13px 16px; margin-bottom: 18px; font-weight: bold; } 
.mn-card-notice .deadline { color: #d32f2f; font-size: 17px; font-weight: bold; text-decoration: underline; } 
.mn-card-notice .notice-list { margin: 0; padding: 0; list-style: none; } 
.mn-card-notice .notice-list li { position: relative; padding: 8px 0 8px 18px; border-bottom: 1px dashed #ddd; } 
.mn-card-notice .notice-list li:last-child { border-bottom: 0; } 
.mn-card-notice .notice-list li::before { content: "•"; position: absolute; left: 2px; top: 8px; color: #e53935; font-weight: bold; } 
.mn-card-notice .important { color: #d32f2f; font-weight: bold; } 
.mn-card-notice .point { color: #1565c0; font-weight: bold; } 
.mn-card-notice .warning-box { background: #fff5f5; border-left: 4px solid #e53935; padding: 12px 15px; margin-top: 16px; border-radius: 4px; } 
.mn-card-notice .warning-box strong { color: #c62828; }

/* 260818 추가 */ 
.biz_notice {margin: 10px 0 4px;padding: 8px 12px;color: #c11814;background-color: #fff3f2; border: 1px solid #e6aaa7;font-size: 14px;font-weight: 600; line-height: 1.5;}
.biz_notice strong {font-weight: 800;}