@charset "utf-8";

#contents {min-width:320px;}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

/* title */
.main_tit01 h2 {position:relative;margin-bottom:20px;text-align:center;font-size:35px;color:#100e0d;/*letter-spacing:-5px;*/}
.main_tit01 h2:after {content:"";overflow:hidden;position:absolute;left:50%;bottom:-14px;width:76px;margin-left:-38px;border-top:1px solid #90c31f;}
.main_tit01 strong {display:block;margin-top:31px;text-align:center;font-size:17px;font-weight:400;letter-spacing:-1px;}
.main_tit01 em {font-size:13px;}

.main_tit02 h2 {position:relative;margin-bottom:20px;text-align:center;font-size:35px;color:#100e0d;/*letter-spacing:-5px;*/}
.main_tit02 h2:after {content:"";overflow:hidden;position:absolute;left:50%;bottom:-14px;width:76px;margin-left:-38px;border-top:1px solid #e93a35;}
.main_tit02 strong {display:block;margin-top:31px;text-align:center;font-size:17px;font-weight:400;letter-spacing:-1px;}
.main_tit02 em {font-size:13px;}

/* 메인공통박스 */
.boxType01 {position:relative;width:1282px;margin:15px auto 10px;padding-bottom:21px;border:1px solid #767676;border-radius:4px;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;}
.boxType01 .bgTop,
.boxType01 .bgBottom {display:none;}

.msc {opacity:0;transform:translateY(80px);}
.msc.active {opacity:1;transform:translateY(0);transition:all 0.6s;}

/* topBanner */
#topBanner {position:relative;width:100%;}
#topBanner>a {overflow:hidden;position:absolute;z-index:3;left:50%;top:120px;width:12px;height:20px;text-indent:-5000px;}
#topBanner .btnClose {top:25px;width:30px;height:30px;margin-left:609px;background:url(../images/btn/btn_banner_close.png) no-repeat;}
#topBanner .btnPrev {margin-left:580px;background:url(../images/main/btn_banner_prev.png) no-repeat;}
#topBanner .btnNext {margin-left:626px;background:url(../images/main/btn_banner_next.png) no-repeat;}
#topBanner #banner li a {overflow:hidden;display:block;height:159px;text-align:center;}
#topBanner .bx-controls {display:none;}
#topBanner>p {position:absolute;z-index:3;left:50%;top:31px;margin-left:480px;font-size:12px;color:#000;}

/* visual */
#visualWrap {position:relative;height:686px;}
#visualWrap #mobileVisual {display:none;}
#mainVisual li {height:686px;-webkit-box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.3);box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.3);}
#mainVisual li.v01 {background:#fff url(../images/main/img_visual01.jpg) no-repeat 50% 0;}
#mainVisual li.v02 {background:#fff url(../images/main/img_visual02.jpg) no-repeat 50% 0;}
#mainVisual li.v03 {background:#fff url(../images/main/img_visual03.jpg) no-repeat 50% 0;}
#mainVisual li.v04 {background:#fff url(../images/main/img_visual01.jpg) no-repeat 50% 0;}
#mainVisual li>div {position:relative;width:1048px;margin:0 auto;text-align:left;}
#mainVisual li>div>p {position:absolute;top:143px;right:0;margin-top:0;text-align:left;}
#mainVisual li .img {position:absolute;top:-238px;right:-181px;}
#mainVisual li dd {margin:30px 0 0 12px;}
#mainVisual li.v01 dt {margin-top:476px;}
#mainVisual li.v02 dt {margin-top:51px;}
#mainVisual li.v02 p {top:565px;}
#mainVisual li.v02 .img {top:170px;}
#mainVisual li.v03 dt {margin-top:446px;}
#mainVisual li.v03 p {top:166px;}
#mainVisual li.v03 .img {top:-300px;}
#mainVisual li.v04>div {width:600px;height:338px;padding-top:95px;}
#mainVisual li span {display:block;margin-left:241px;}
#mainVisual li strong {display:block;width:512px;margin:11px auto 0;padding-bottom:25px;border-bottom:1px solid #fff;text-align:center;}
#mainVisual li p {margin-top:24px;text-align:center;font-size:25px;color:#fff;line-height:33px;letter-spacing:-2px;}
#mainVisual li p em {display:block;margin-top:5px;font-size:17px;}
#visualWrap #bx-pager {position:absolute;z-index:3;top:592px;left:50%;width:60px;padding-right:10px;margin-left:-35px;}
#visualWrap #bx-pager>a {display:block;box-sizing:border-box;float:left;width:10px;height:10px;margin-left:10px;border:1px solid #bebebe;border-radius:10px;text-indent:-5000px;background:#bebebe;}
#visualWrap #bx-pager>a.active {transition-duration:1.5s;border-color:#90c31f;background:#90c31f;}
#visualWrap .bxLink {position:absolute;z-index:3;top:461px;left:50%;width:966px;margin-left:-483px;}
#visualWrap .bxLink>a {display:inline-block;float:left;width:320px;height:32px;margin-left:3px;padding:46px 0 52px;text-align:center;font-size:26px;font-weight:600;color:#fff;line-height:32px;}
#visualWrap .bxLink .p01 {margin-left:0;background:url(../images/main/btn_visual01.png) no-repeat;}
#visualWrap .bxLink .p02 {background:url(../images/main/btn_visual02.png) no-repeat;}
#visualWrap .bxLink .p03 {background:url(../images/main/btn_visual03.png) no-repeat;}
#visualWrap .bxLink a:hover {transition-duration:0.7s;}
#visualWrap .bxLink a:hover.p01 {background:url(../images/main/btn_visual01_on.png) no-repeat;}
#visualWrap .bxLink a:hover.p02 {background:url(../images/main/btn_visual02_on.png) no-repeat;}
#visualWrap .bxLink a:hover.p03 {background:url(../images/main/btn_visual03_on.png) no-repeat;}
#visualWrap .bx-controls {position:relative;}
#visualWrap .bx-controls-auto>div>a {display:inline-block;position:absolute;top:-61px;left:50%;overflow:hidden;width:38px;height:38px;text-indent:-5000px;}
#visualWrap .bx-controls-auto .bx-start {margin-left:-42px;background:url(../images/main/btn_play.png) no-repeat;}
#visualWrap .bx-controls-auto .bx-stop {margin-left:4px;background:url(../images/main/btn_stop.png) no-repeat;}

#visualWrap02 {position:relative;height:540px;background:url(../images/main/bg_2023_visual01.jpg) no-repeat 50%;background-size:cover;-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);}
#visualWrap02 .inner {overflow:hidden;width:1282px;margin:0 auto;background: none;}
#visualWrap02 .visual {float:left;padding:0 37px;}
#visualWrap02 .visual p {margin:94px 0 21px 12px;}
#visualWrap02 .event {position:relative;float:right;box-sizing:border-box;width:424px;margin-left:213px;padding:0 1px;background:#fff;}
#visualWrap02 .event h3 {box-sizing:border-box;position:absolute;z-index:4;left:0;top:0;padding:10px 0 0 7px;font-size:18px;color:#100e0d;letter-spacing:0;}
#visualWrap02 .event h3 span {display:inline-block;width:12px;height:12px;margin-right:5px;background:url(../images/main/h3_bul.png) no-repeat;}
/*#visualWrap02 .bx-wrapper:before {content:"";position:absolute;z-index:3;left:0;top:0;width:100%;height:40px;border-bottom:1px solid #fff;background:url(../images/main/bg_2019_event.png) repeat-x;}*/
#visualWrap02 .bx-wrapper:before {content:"";position:absolute;z-index:3;left:0;top:0;width:100%;height:40px;border-bottom:1px solid #fff;background:url(../images/main/bg_2019_event.png) repeat-x;background-color: #fff;}
#visualWrap02 .bx-viewport:before {content:"";position:absolute;}
#visualWrap02 .banner {z-index:2;overflow:hidden;}
#visualWrap02 .banner li {float:left;}
#visualWrap02 .bx-controls-direction {display:none;}
/* #visualWrap02 .bx-pager {position:absolute;z-index:4;top:18px;right:46px; } */
#visualWrap02 .bx-pager {position:absolute;z-index:4;top:13px;right:7px;}
/* #visualWrap02 .bx-pager-item {overflow:hidden;float:left;margin-left:5px;text-indent:-5000px;} */
#visualWrap02 .bx-pager-item {float:left;padding-left:6px;text-indent:-5000px;}
/*#visualWrap02 .bx-pager-item>a {display:block;width:7px;height:7px;padding:3px;background:url(../images/main/btn_event_pager01.png) no-repeat; background-position: center ; }*/
#visualWrap02 .bx-pager-item>a {display:block;width: 5px;height: 5px;padding:5px;background:url(../images/main/btn_event_pager01.png) no-repeat;/* background-position: center; */background: none;border-radius: 100px;color: #fff;background-color: #888;}
#visualWrap02 .bx-pager-item>a:focus-visible {border:2px solid #515151;}
/*#visualWrap02 .bx-pager-item .active {width:34px;background-image:url(../images/main/btn_event_pager02.png);}*/
#visualWrap02 .bx-pager-item .active {width:34px;background-image:url(../images/main/btn_event_pager02.png);background: none;border-radius: 100px;background-color: #81b805;}
#visualWrap02 .bx-controls-auto {position:absolute;z-index:4;top:8px;right:9px;text-indent:-5000px;}
#visualWrap02 .bx-controls-auto .bx-controls-auto-item>a {display:block;width:28px;height:28px;background:url(../images/main/btn_event_stop.png) no-repeat;}
#visualWrap02 .bx-controls-auto .bx-controls-auto-item .bx-start {background:url(../images/main/btn_event_play.png) no-repeat;}
#visualWrap02 .banner li a {display:block;}
#visualWrap02 .banner li a:focus-visible {border:2px solid #515151;}
#visualWrap02 .banner li a img {height: 503px; width: 100%; margin-top: 39px;}
.blind {position:absolute; overflow:hidden; width:1px; height:1px; line-height:0}

/* 문화누리카드 스토리 */
.storyWrap {width:100%;padding:28px 0 21px;background:#f5f5f5;}
.storyWrap>ul {overflow:hidden;width:1048px;margin:44px auto 0;}
.storyWrap>ul>li {float:left;width:338px;margin-left:14px;border:1px solid #d4d4d4;letter-spacing:-1px;background:#fff;}
.storyWrap li:first-child {margin-left:0;}
.storyWrap li strong {display:block;margin-top:23px;text-align:center;font-size:35px;font-weight:600;color:#ff786b;letter-spacing:3px;}
.storyWrap li.story02 strong {color:#f6ab00;}
.storyWrap li.story03 strong {color:#22b500;}
.storyWrap li ul {margin:25px 20px 30px;}
.storyWrap li li {height:20px;padding:4px 0 6px;border-top:1px dashed #d4d4d4;}
.storyWrap li li:first-child {border-top:0;}
.storyWrap li li a {display:inline-block;overflow:hidden;max-width:290px;font-size:14px;color:#5e5d5d;line-height:20px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.storyWrap li li a:hover {text-decoration:underline;}

.storyWrap02 {width:100%;padding:20px 0;background:#f5f5f5;}
.storyWrap02>ul {overflow:hidden;box-sizing:border-box;width:1282px;margin:0 auto;border:1px solid #d4d4d4;border-radius:5px;background:#fff;}
.storyWrap02>ul>li {position:relative;box-sizing:border-box;float:left;width:33.3%;height:269px;padding:18px 32px 0;border-left:1px solid #d4d4d4;}
.storyWrap02>ul>li:first-child {border-left:0;}
.storyWrap02>ul>li>strong {display:block;position:relative;text-align:center;font-size:28px;font-weight:600;color:#d01301;letter-spacing:0;line-height:34px;}
.storyWrap02>ul>li>strong:before {content:"";overflow:hidden;position:absolute;left:50%;bottom:-12px;width:76px;height:1px;margin-left:-38px;border-bottom:1px solid #cf3526;}
.storyWrap02>ul>li .more {position:absolute;top:25px;right:30px;width:22px;height:22px;text-indent:-5000px;background:url(../images/main/bul_list_more.png) no-repeat;}
.storyWrap02>ul>li .more2 {position:absolute;top:25px;right:30px;width:22px;height:22px;text-indent:-5000px;}
.storyWrap02>ul>li>a:focus>.more2{border:1px solid #00f;box-sizing:border-box}	/* 2019.12.12. add. webbizz*/
.storyWrap02>ul>li li {position:relative;height:19px;padding:6px 45px 6px 12px;border-bottom:1px dashed #d4d4d4;background:url(../images/main/bul_list.png) no-repeat 0 50%;}
.storyWrap02>ul>li li:first-child {margin-top:27px;}
.storyWrap02>ul>li li a {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;font-size:14px;color:#555;white-space:nowrap;word-wrap:normal;}
.storyWrap02>ul>li li a:hover {text-decoration:underline;}
.storyWrap02>ul>li li span {position:absolute;top:5px;right:0;font-size:14px;color:#777;}
.storyWrap02>ul>li.story02>strong,
.storyWrap02>ul>li.story02>strong:before {color:#f65d00;border-color:#f65d00;}
.storyWrap02>ul>li.story03>strong {font-size:30px;}
.storyWrap02>ul>li.story03>strong,
.storyWrap02>ul>li.story03>strong:before {color:#0d6f00;border-color:#0d6f00;}

.link01 a:hover,
.link01 a:focus {border:1px solid #ee6600;}

/* 문화누리카드 */
.nuriCard {margin-top:23px;padding-top:13px;}
.nuriCard .main_tit01 {padding-bottom:181px;background:url(../images/main/img_nuri_card.png) no-repeat 50% 100%;}
.nuriCard ul {overflow:hidden;width:937px;margin:14px auto 0;}
.nuriCard ul li {float:left;width:300px;margin-left:18px;}
.nuriCard ul li:first-child {margin-left:0;}
.nuriCard ul li a {display:block;height:24px;padding:117px 0 39px;text-align:center;font-size:22px;font-weight:600;color:#000;line-height:24px;letter-spacing:-1px;background:url(../images/main/bg_nuri_card01.png) no-repeat;}
.nuriCard ul li.type02 a {background:url(../images/main/bg_nuri_card02.png) no-repeat;}
.nuriCard ul li.type03 a {background:url(../images/main/bg_nuri_card03.png) no-repeat;}
.nuriCard ul li.type04 a {background:url(../images/main/bg_nuri_card03.png) no-repeat;}
.nuriCard ul li.type01 a:hover,
.nuriCard ul li.type01 a:active {background:url(../images/main/bg_nuri_card01_on.png) no-repeat;}
.nuriCard ul li.type02 a:hover,
.nuriCard ul li.type02 a:active {background:url(../images/main/bg_nuri_card02_on.png) no-repeat;}
.nuriCard ul li.type03 a:hover,
.nuriCard ul li.type03 a:active {background:url(../images/main/bg_nuri_card03_on.png) no-repeat;}
.nuriCard ul li.type04 a:hover,
.nuriCard ul li.type04 a:active {background:url(../images/main/bg_nuri_card03_on.png) no-repeat;}

/* 신청 재발급 재충전 */
.requestList {padding-top:13px;}
.requestList ul {width:865px;margin:44px auto 6px;}
.requestList li {float:left;width:140px;margin-left:29px;}
.requestList li.type06 {clear:both;margin-left:115px;}
.requestList li a {display:block;padding:157px 0 35px;text-align:center;font-size:18px;font-weight:600;color:#100e0d;line-height:23px;letter-spacing:-1px;background:url(../images/main/bg_request_list01.png) no-repeat;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.requestList li a:hover {color:#74a30d;}
.requestList li.type01 a {background:url(../images/main/bg_request_list01.png) no-repeat;}
.requestList li.type02 a {background:url(../images/main/bg_request_list02.png) no-repeat;}
.requestList li.type03 a {background:url(../images/main/bg_request_list03.png) no-repeat;}
.requestList li.type04 a {background:url(../images/main/bg_request_list04.png) no-repeat;}
.requestList li.type05 a {background:url(../images/main/bg_request_list05.png) no-repeat;}
.requestList li.type06 a {background:url(../images/main/bg_request_list06.png) no-repeat;}
.requestList li.type07 a {background:url(../images/main/bg_request_list07.png) no-repeat;}
.requestList li.type08 a {background:url(../images/main/bg_request_list08.png) no-repeat;}
.requestList li.type09 a {background:url(../images/main/bg_request_list09.png) no-repeat;}
.requestList li.type01 a:focus,
.requestList li.type01 a:hover,
.requestList li.type01 a:active {background:url(../images/main/bg_request_list01_on.png) no-repeat;}
.requestList li.type02 a:focus,
.requestList li.type02 a:hover,
.requestList li.type02 a:active {background:url(../images/main/bg_request_list02_on.png) no-repeat;}
.requestList li.type03 a:focus,
.requestList li.type03 a:hover,
.requestList li.type03 a:active {background:url(../images/main/bg_request_list03_on.png) no-repeat;}
.requestList li.type04 a:focus,
.requestList li.type04 a:hover,
.requestList li.type04 a:active {background:url(../images/main/bg_request_list04_on.png) no-repeat;}
.requestList li.type05 a:focus,
.requestList li.type05 a:hover,
.requestList li.type05 a:active {background:url(../images/main/bg_request_list05_on.png) no-repeat;}
.requestList li.type06 a:focus,
.requestList li.type06 a:hover,
.requestList li.type06 a:active {background:url(../images/main/bg_request_list06_on.png) no-repeat;}
.requestList li.type07 a:focus,
.requestList li.type07 a:hover,
.requestList li.type07 a:active {background:url(../images/main/bg_request_list07_on.png) no-repeat;}
.requestList li.type08 a:focus,
.requestList li.type08 a:hover,
.requestList li.type08 a:active {background:url(../images/main/bg_request_list08_on.png) no-repeat;}
.requestList li.type09 a:focus,
.requestList li.type09 a:hover,
.requestList li.type09 a:active {background:url(../images/main/bg_request_list09_on.png) no-repeat;}

/* 사용하기 */
.useList {padding:13px 0 60px;}
.useList ul {overflow:hidden;width:930px;margin:35px auto 0;}
.useList li {float:left;width:302px;margin:10px 0 0 12px;}
.useList li.type01,
.useList li.type04,
.useList li.type07 {margin-left:0;}
.useList li a {display:block;height:122px;padding:45px 20px 0 140px;letter-spacing:-1px;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;background:url(../images/main/bg_use_list01.png) no-repeat;}
.useList li a:hover {border-color:#343434;}
.useList li.type02 a {padding-top:30px;background:url(../images/main/bg_use_list02.png) no-repeat;}
.useList li.type03 a {background:url(../images/main/bg_use_list03.png) no-repeat;}
.useList li.type04 a {background:url(../images/main/bg_use_list04.png) no-repeat;}
.useList li.type05 a {padding-top:30px;background:url(../images/main/bg_use_list07.jpg) no-repeat;}
.useList li.type06 a {background:url(../images/main/bg_use_list05.png) no-repeat;}
.useList li.type07 a {background:url(../images/main/bg_use_list06.png) no-repeat;}
/* .useList li strong {font-size:20px;font-weight:600;color:#f6ab00;letter-spacing:-2px;line-height:27px;} */
.useList li strong {font-size:20px;font-weight:600;color:#000;letter-spacing:-2px;line-height:27px;}
.useList li.type02 strong,
.useList li.type04 strong,
.useList li.type05 strong {color:#000;}
/* .useList li.type05 strong {color:#e93a35;} */
.useList li.type03 strong,
.useList li.type06 strong {color:#000;}
/* .useList li.type06 strong {color:#90c31f;} */

/* 알림방 */
.noticeList {padding:13px 0 60px;}
.noticeList ul {overflow:hidden;width:930px;margin:35px auto 0;}
.noticeList li {float:left;width:302px;margin:10px 0 0 12px;}
.noticeList li.type01 {margin-left:0;}
.noticeList li a {display:block;height:172px;padding-top:132px;text-align:center;font-size:16px;font-weight:600;color:#000;letter-spacing:-1px;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;background:#fff url(../images/main/bg_notice_list01.png) no-repeat 50% 0;}
.noticeList li a:hover {border-color:#343434;color:#f6ab00;background:#fff url(../images/main/bg_notice_list01_on.png) no-repeat 50% 0;}
.noticeList li.type02 a {background:#fff url(../images/main/bg_notice_list02.png) no-repeat 50% 0;}
.noticeList li.type03 a {background:#fff url(../images/main/bg_notice_list03.png) no-repeat 50% 0;}
.noticeList li.type04 a {background:#fff url(../images/main/bg_notice_list04.png) no-repeat 50% 0;}
.noticeList li.type05 a {background:#fff url(../images/main/bg_notice_list05.png) no-repeat 50% 0;}
.noticeList li.type06 a {background:#fff url(../images/main/bg_notice_list06.png) no-repeat 50% 0;}
.noticeList li.type02 a:hover,
.noticeList li.type02 a:active {background:#fff url(../images/main/bg_notice_list02_on.png) no-repeat 50% 0;}
.noticeList li.type03 a:hover,
.noticeList li.type03 a:active {background:#fff url(../images/main/bg_notice_list03_on.png) no-repeat 50% 0;}
.noticeList li.type04 a:hover,
.noticeList li.type04 a:active {background:#fff url(../images/main/bg_notice_list04_on.png) no-repeat 50% 0;}
.noticeList li.type05 a:hover,
.noticeList li.type05 a:active {background:#fff url(../images/main/bg_notice_list05_on.png) no-repeat 50% 0;}
.noticeList li.type06 a:hover,
.noticeList li.type06 a:active {background:#fff url(../images/main/bg_notice_list06_on.png) no-repeat 50% 0;}

/* 고객센터 */
.csCenter {margin-bottom:81px;padding:13px 0 60px;}
.csCenter ul {overflow:hidden;width:930px;margin:35px auto 0;}
.csCenter li {float:left;width:302px;margin:10px 0 0 12px;}
.csCenter li.type01, .csCenter li.type04 {margin-left:0;}
.csCenter li a {display:block;height:122px; padding: 45px 20px 0 140px;font-size:16px;font-weight:600;color:#000;letter-spacing:-2px;border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;background:#fff url(../images/main/bg_cs_center01.png) no-repeat;}
.csCenter li a:hover {border-color:#343434;color:#f6ab00;background:#fff url(../images/main/bg_cs_center01_on.png) no-repeat;}
.csCenter li.type02 a {background:#fff url(../images/main/bg_cs_center02.png) no-repeat;}
.csCenter li.type03 a {background:#fff url(../images/main/bg_cs_center03.png) no-repeat;}
.csCenter li.type04 a {background:#fff url(../images/main/bg_cs_center04.png) no-repeat;}
.csCenter li.type05 a {background:#fff url(../images/main/bg_cs_center05.png) no-repeat;}
.csCenter li.type02 a:hover,
.csCenter li.type02 a:active {background:#fff url(../images/main/bg_cs_center02_on.png) no-repeat;}
.csCenter li.type03 a:hover,
.csCenter li.type03 a:active {background:#fff url(../images/main/bg_cs_center03_on.png) no-repeat;}
.csCenter li.type04 a:hover,
.csCenter li.type04 a:active {background:#fff url(../images/main/bg_cs_center04_on.png) no-repeat;}
.csCenter li.type05 a:hover,
.csCenter li.type05 a:active {background:#fff url(../images/main/bg_cs_center05_on.png) no-repeat;}

/* 탭 */
.tabWrap {width:1282px;margin:15px auto 16px;padding:13px 61px 56px 48px;border:1px solid #767676;border-radius:4px;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;}
.tabWrap .main_tit02 {margin-bottom:40px;}
.tabWrap .fl {width:534px;}
.tabWrap .tabBox {position:relative;overflow:hidden;margin-top:10px;background:url(../images/main/bg_tab_line01.png) repeat-x 0 46px;}
.tabWrap .tabBox .btnTab {display:block;position:absolute;left:0;top:0;width:142px;padding:14px 0 13px;border:1px solid #d9d9d9;border-bottom:1px solid #f6ab00;text-align:center;font-size:16px;font-weight:600;color:#bab9b9;line-height:18px;letter-spacing:-1px;}
.tabWrap .tabBox .event .btnTab {left:150px;}
.tabWrap .tabBox .btnTab.on {border-color:#f6ab00;border-bottom:1px solid #fff;color:#100e0d;}
.tabWrap .tabBox .landing {display:none;overflow:hidden;position:absolute;top:15px;right:0;width:18px;height:18px;text-indent:-5000px;background:url(../images/main/btn_landing.png) no-repeat;}
.tabWrap .tabBox .landing.on {display:block;}
.tabWrap .tabBox ul {display:none;padding-top:56px;}
.tabWrap .tabBox .notice ul {display:block;}
.tabWrap .tabBox ul li {position:relative;padding-left:1px;letter-spacing:-1px;}
.tabWrap .tabBox ul li a {display:inline-block;overflow:hidden;max-width:78%;color:#100e0d;text-overflow:ellipsis;font-size:14px;white-space:nowrap;word-wrap:normal;line-height:30px;}
.tabWrap .tabBox ul li a:hover {text-decoration:underline;}
.tabWrap .tabBox ul li span {position:absolute;right:1px;top:7px;font-size:14px;color:#909090;}
.tabWrap .fr {width:534px;padding:0 0 16px 47px;border-left:1px solid #d9d9d9;}
.tabWrap .fr .tabBox {background:url(../images/main/bg_tab_line02.png) repeat-x 0 46px;}
.tabWrap .fr .tabBox .btnTab {border-color:#e93a35;border-bottom-color:#fff;}
.tabWrap .fr .tabBox ul {display:block;}

.mainScroll {margin-top:50px;}

/* newMain */
#newMain {box-sizing:border-box;width:1105px;margin:0 auto;padding:0 121px 45px;background:url(../images/main/bg_new_main.png) no-repeat 0 84px;}
#newMain #nHeader {position:relative;padding:62px 0 58px;}
#newMain #nHeader ul {overflow:hidden;}
#newMain #nHeader li {float:left;margin-right:30px;}
#newMain #nHeader h1 {position:absolute;top:47px;right:0;}
#newMain .box {box-sizing:border-box;margin-top:51px;padding:38px 0 250px 312px;border:0px solid #dcdcdc;border-radius:3px;background:url(../images/main/notice_2020.png) no-repeat 41px 37px;}
#newMain .box li {margin-bottom:16px;line-height:0;}
#newMain .btn {display:block;margin-top:40px;text-align:center;}
#newMain .btn>a {display:inline-block;width:380px;height:60px;border:1px solid #1e1266;border-radius:5px;text-indent:-5000px;background:#1e1266 url(../images/main/btn_new_card_off.png) no-repeat 50%;}
#newMain .btn>a:hover {background:#fff url(../images/main/btn_new_card_on.png) no-repeat 50%;}

/* 배너 문구 */
.banner_text {position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0}

/* 가맹점 등록 신청 버튼 */
#merchmt {position: absolute;top: 16px;right: 183px;width: 110px;}

/* 태블릿 */
@media screen and (max-width: 769px) {
#topBanner {display:none !important;}
.boxType01 {width:auto;margin:15px 10px 10px;padding:30px 10px;}
.main_tit01 {margin-left:20px;margin-right:20px;}
.nuriCard.boxType01 {padding:30px 0;}
.nuriCard .main_tit01 {margin:15px 0 10px;}
.storyWrap>ul {width:616px;}
.storyWrap>ul>li {width:291px;}
.storyWrap>ul>li.story03 {margin:14px 0 0;}
.storyWrap li li a {max-width:95%;}
#header .inner {width:100%;}
#visualWrap {height:auto;margin-top:60px;}
#mainVisual li>div {width:auto;margin:0 20px;}
#mainVisual li.v04>div {width:auto;margin:0 50px;height:50%;}
#mainVisual li dt {margin-top:40px !important;}
#mainVisual li>div>p {display:none;}
#mainVisual li>div {position:static;}
#mainVisual li .img {display:block;top:39% !important;right:0;margin:0 100px;}
#mainVisual li strong {width:auto;max-width:512px;}
#mainVisual li strong img {max-width:80%;}
#mainVisual li p {font-size:16px;line-height:22px;}
#visualWrap .bxLink {left:10%;width:80%;margin-left:0;}
#visualWrap .bxLink>a {width:32.9%;padding:4% 0;font-size:20px;background-size:100% !important;}
.nuriCard ul {width:576px;}
.nuriCard ul li {width:180px;background-size:100% !important;}
.nuriCard ul li a {padding:71px 0 13px;font-size:19px;background-size:100% !important;}
.requestList ul {width:568px;margin:44px auto 0;padding-right:29px;}
.requestList li {width:113px;}
.requestList li.type06 {clear:none;margin-left:29px;}
.requestList li a {padding-top:122px;background-size:100% !important;}
.useList ul {width:600px;margin:25px auto 0;padding-right:10px;}
.useList ul li {width:290px;margin:10px 0 0 10px !important;}
.noticeList ul {width:600px;margin:25px auto 0;padding-right:10px;}
.noticeList li {width:190px;margin:10px 0 0 10px !important;}
.noticeList li a {height:170px;background-size:100% !important;}
.tabWrap {width:auto;margin:15px 10px 50px;padding:30px;border:1px solid #767676;border-radius:4px;box-sizing:border-box;background:none;}
.tabWrap .fl,
.tabWrap .fr {width:100%;}
.tabWrap .fr {float:left !important;margin-top:30px;padding-left:0;border-left:0;}
.csCenter ul {width:600px;margin:25px auto 0;padding-right:10px;}
.csCenter li {width:290px;margin:10px 0 0 10px !important;}
.csCenter li a {background-position:50% 0 !important;}
#newMain {width:100%;min-width:320px;padding:0 20px 45px;background-size:100%;}
#newMain #nHeader ul {padding-right:74px;}
#newMain .box {padding:33% 20px 7px;text-align:center;background-size:35%;background-position:50% 20px;}
#visualWrap02 {height: auto;background: url(../images/main/bg_2023_visual01_m.png) no-repeat center -150px;margin-top: 60px;padding-top: 601px;background-size: 980px;}
#visualWrap02 .inner {width:auto; background: #f0e9df;}
#visualWrap02 .visual {float:none;}
#visualWrap02 .event {float:none;/* width:auto; */margin: 12px auto 0;}
#visualWrap02 .event .bx-viewport li a img {width:100%;}
.storyWrap02 {width:auto;padding:20px 10px;}
.storyWrap02>ul {width:auto;}
.storyWrap02>ul>li {float:none;width:auto;border-left:0;border-top:1px solid #d4d4d4;}
.storyWrap02>ul>li:first-child {border-top:0;}

.banner_text {height: auto; line-height: 1.3; width: 90%; text-align: center; font-family: 'S-CoreDream'; FONT-SIZE: 16PX; position: absolute; top: 390px; left: 50%; transform: translateX(-50%); word-break: keep-all; color: #5b626c; font-weight: 600; display: block; top: 470px;}

#merchmt {position: absolute;top: 10px;right: 12px;width: 110px;}
}

/* 모바일 */
@media screen and (max-width:639px) {
#visualWrap02 .bx-pager-item {font-size: 0;text-indent: 0;}
.main_tit01 h2,
.nuriCard .main_tit01 h2,
.main_tit02 h2 {font-size:26px;}
.main_tit01 strong,
.main_tit02 strong {font-size:14px;}
.storyWrap>ul {width:300px;}
.storyWrap>ul>li {float:none;width:298px !important;margin:0 0 14px;}
.nuriCard ul {width:270px;margin-bottom:-10px;}
.nuriCard ul li {width:130px;margin:0 0 10px 10px;}
.nuriCard ul li:nth-child(3) {margin-left:0;}
.nuriCard ul li a {padding:48px 0 6px;font-size:15px;}
.requestList .main_tit02 h2:before {font-size:26px;}
.requestList .main_tit02 strong:after {font-size:14px;}
.requestList ul {width:270px;}
.requestList li {width:80px;min-height:162px;margin-left:10px !important;}
.requestList li a {padding:92px 0 15px;font-size:14px;line-height:18px;}
.useList ul {width:278px;padding:0;}
.useList ul li {float:none;width:100%;margin:10px 0 0 !important;}
.useList li a {height:110px;padding:40px 15px 0 125px;background-size:100% !important;}
.useList li.type02 a {padding-top:28px;}
.useList li strong {font-size:18px;}
.noticeList ul {width:276px;padding-right:10px;}
.noticeList li {width:128px;}
.noticeList li a {height:117px;padding-top:90px;font-size:14px;}
.tabWrap {padding:12px;}
.tabWrap .fr {margin-top:8px;}
.tabWrap .tabBox .btnTab {top:6px;width:108px;padding:11px 0 10px;font-size:15px;}
.tabWrap .tabBox .event .btnTab {left:118px;}
.tabWrap .tabBox ul li a {max-width:72%;line-height:26px;}
.tabWrap .tabBox ul li span {font-size:13px;}
.csCenter ul {width:276px;padding-right:10px;}
.csCenter li {width:128px;}
.csCenter li a {height:auto;min-height:115px;padding:62% 10px 0;font-size:14px;background-size:100% !important;}
.csCenter li.type04 a {padding-top:56%;}
#visualWrap {height:580px;}
#mainVisual li {height:580px;}
#mainVisual li .img {margin:0 10px;}
#mainVisual li.v04>div {height:38%;padding-top:40px;}
#visualWrap #bx-pager {top:490px;}
#visualWrap .bxLink {left:50%;top:322px;width:200px;margin-left:-100px;}
#visualWrap .bxLink>a {width:200px;margin:0 0 5px;padding:25px 0 24px;font-size:22px;}
#visualWrap02 {height: auto;background: url(../images/main/bg_2023_visual01_m.png) no-repeat center -100px;margin-top: 40px;padding-top: 596px;background-size: 860px;}

#merchmt {position: absolute;top: 29px;right: 12px;width: 110px;}
}
@media screen and (max-width:480px) {
#mainVisual li.v04>div {height:220px;}
#newMain #nHeader ul {display:none;}
#newMain #nHeader h1 {top:30px;right:50%;margin-right:-44px;}
#newMain .box {margin-top:30px;}
#newMain .box li {margin-bottom:12px;}
#newMain .btn {margin-top:30px;}
#newMain .btn>a {width:100%;height:50px;}
#visualWrap02 .visual {padding:0 20px;}
.storyWrap02>ul>li {padding-left:20px;padding-right:20px;}
#visualWrap02 {height: auto;background: url(../images/main/bg_2023_visual01_m.png) no-repeat center top;margin-top: -30px;padding-top: 460px;background-size: 590px;}
.banner_text {width: 90%; text-align: center; font-family: 'S-CoreDream'; FONT-SIZE: 16PX; position: absolute; top: 390px; left: 50%; transform: translateX(-50%); word-break: keep-all; color: #5b626c; font-weight: 600; display: block; top: 390px; font-size: 14px;}

#merchmt {position: absolute;top: 100px;right: 12px;width: 110px;}
}
@media screen and (max-width:428px) {
#visualWrap02 .event {width:100%;}
}
@media screen and (max-width:400px) {
	#mainVisual li.v04>div {width:350px;margin:0 auto;padding-top:80px;}
	#visualWrap02 .bx-pager-item>a {width: 3px; height: 3px; padding: 3px;}
	#visualWrap02 .bx-pager {top: 16px;}
}
@media screen and (max-width:370px) {
#mainVisual li.v04>div {width:300px;height:200px;}
}