@charset "utf-8";


/* 제목박스 */
.content .con_list .titBox{padding:17px 15px;background:#f4f5f9;border-top:1px solid #c4c9ce;}
.content .con_list .titBox.slideTit{padding:17px 50px 17px 15px}
.content .con_list .titBox h4{padding:0;margin:0;font-size:19px}
.content .con_list .titBox h4:before{display:none}
.content .con_list .titBox h5{padding:0;margin:0;font-size:19px;color:#111;font-weight:500;line-height:inherit}
.content .con_list .titBox strong{font-size:19px;color:#111;font-weight:500}

.content .con_list .titBox.type_1{background:#e0edf6;border-left:1px solid #c4c9ce;border-right:1px solid #c4c9ce}
.content .con_list .titBox.icon h4{position:relative;padding-left:40px}
.content .con_list .titBox.icon h4:before{content:"";display:block;width:32px;height:32px;position:absolute;left:0;top:50%;margin-top:-16px}
.content .con_list .titBox.icon_1 h4:before{background:url(/resource/images/paid/nep/pot/content/icon_titB_1.png) no-repeat}
.content .con_list .titBox.icon_2 h4:before{background:url(/resource/images/paid/nep/pot/content/icon_titB_2.png) no-repeat}

/* 본인인증 */
.loginBox{margin:80px 0;}
.loginBox .align_left .item_input input{height:60px}
.loginBox .item_list ul {width:100%; display:flex; flex-flow:row wrap; gap:24px;}
.loginBox .item_list ul li {width: calc(50% - 12px); display:flex; flex-direction:column; position:relative; height:110px; background-color:#f8f8f8; border:1px solid #cdd1d5; border-radius:12px;}
.loginBox .item_list ul li a{flex:1; display:flex; flex-direction:row; align-items:center; justify-content:space-between; padding-left:80px; font-size:20px; font-weight:700;}
.loginBox .item_list ul li a:before{content:""; display:block; width:34px; height:34px; position:absolute; top:50%; left:28px; margin-top:-17px; background-size:contain;}
.loginBox .item_list ul li.icon1 a:before{background:url(/resource/nsf/images/common/icon_login_01.svg) center no-repeat; background-size:contain;}
.loginBox .item_list ul li.icon2 a:before{background:url(/resource/nsf/images/common/icon_login_02.svg) center no-repeat; background-size:contain;}
.loginBox .item_list ul li.icon3 a:before{background:url(/resource/nsf/images/common/icon_login_03.svg) center no-repeat; background-size:contain;}
.loginBox .item_list ul li.icon4 a:before{background:url(/resource/nsf/images/common/icon_login_04.svg) center no-repeat; background-size:contain;}
.loginBox .item_list ul li.icon5 a:before{background:url(/resource/nsf/images/common/icon_login_05.svg) center no-repeat; background-size:contain;}
.loginBox .item_list ul li.icon6 a:before{background:url(/resource/nsf/images/common/icon_login_06.svg) center no-repeat; background-size:contain;}
.loginBox .item_list .login_noti {margin-right:20px;}
.loginBox .item_list .login_noti span {display:inline-block; vertical-align:middle; border:1px solid #b2b2b2; border-radius:50px; padding:10px 15px; font-size:18px; font-weight:400;}
.loginBox .item_list .login_noti span.noti_g {border-color: #3fa654;}
.loginBox .item_list .login_noti span.noti_o {border-color: #ffb114;}
.loginBox .item_list .login_noti span.noti_r {border-color: #de3412;}
.loginBox .item_list .login_noti span:before{content:''; width:30px; height:30px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px;}
.loginBox .item_list .login_noti span.noti_g:before {background-color: #3fa654;}
.loginBox .item_list .login_noti span.noti_o:before {background-color: #ffb114;}
.loginBox .item_list .login_noti span.noti_r:before {background-color: #de3412;}

@media (max-width: 1199px) {
	.loginBox{margin:60px 0;}
	.loginBox .item_list ul li a {font-size:18px; padding-left:60px;}
	.loginBox .item_list ul li a:before {left:20px;}
	.loginBox .item_list ul li span i {font-size:16px; font-weight:400; display:block;}
	.loginBox .item_list .login_noti span {padding:5px 10px; font-size:16px;}
	.loginBox .item_list .login_noti span:before{width:20px; height:20px; margin-right:5px;}
}

@media (max-width: 767px) {
	.loginBox{margin:40px 0;}
	.loginBox .item_list ul {gap:12px;}
	.loginBox .item_list ul li {width:100%; height:70px;}
	.loginBox .item_list ul li span i {font-size:14px; font-weight:400;}
	.loginBox .item_list .login_noti span {font-size:14px;}
}


/* 레이어팝업 */
.def_LayerPop2,
.l_LayerPop,
.l_LayerPop2 {display:none;position:fixed;background:#fff;z-index:9999;overflow:hidden;border-radius:12px;}
.l_LayerPop:focus,
.l_LayerPop2:focus{outline:2px solid #fff; outline-offset:4px; }
.def_lPop_top {padding:30px 30px 20px 30px; position:relative; box-shadow:0 0 3px 3px rgba(0,0,0,0.1); }
.def_lPop_top strong {color:#000;font-size:24px;font-weight:700}
.def_lPop_body {padding:30px;text-align:left;overflow-y: scroll;}
.def_lPop_body em {display:block;margin:20px 0 0;color:#111}
.def_lPop_body em:first-child {margin-top:0}
.def_lPop_body .btnArea {margin-top:20px;padding-top:20px;border-top:1px solid #6f6e6e;text-align:center}
.def_lPop_body .ta_box {margin:8px 0}
.defPop_close{position:absolute;right:30px;top:30px;width:29px;height:29px;text-indent:-9999px;border-radius:4px;background-color:#fff;}
.defPop_close:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/resource/nsf/images/common/icon_defPop_close_black.png) center center no-repeat;transition:all .3s}
.defPop_close:hover:after{transform:rotate(180deg)}
.defPop_close:hover{background-color:#edf5fc;}

@media all and (min-width:768px){
	.def_LayerPop2,
	.l_LayerPop,
	.l_LayerPop2 {top:50%;left:50%;width:100%;max-width:768px;max-height:100%;margin-left:-384px;}
	.def_lPop_body {height:540px;}
}
@media all and (max-width:767px){
	.def_LayerPop2,
	.l_LayerPop,
	.l_LayerPop2 {top:5%;left:5%;width:90%;max-width:90%;height:90%;max-height:90%;margin:0 !important;}
	.def_lPop_top {padding:20px 20px 15px 20px; }
	.def_lPop_top strong {font-size:20px;}
	.defPop_close { top:20px; right:20px; }
	.def_lPop_body { padding:20px; height:calc(100% - 65px); }
}

/* 이용안내 레이어팝업 */
.ja_intro { margin:10px 0 40px 0; }
.ja_intro > li { z-index:10; border:1px solid #c4c9ce; margin:16px 0 24px 0; border-radius:8px; position:relative; }
.ja_intro > li:before { z-index:100; content:''; position:absolute; bottom:-17px; left:calc(50% - 16px); display:block; border-radius:50%; width:32px; height:32px; background:#fff url('/resource/nsf/images/common/btn_slideArrow.png') center no-repeat; border:1px solid #c4c9ce;}
.ja_intro > li:last-child:before { display:none; }
.jai_wrap { display:flex; }
.jai_wrap .jai_tit { display:flex; align-items:center; justify-content:center; width:25%; min-width:180px; background:#eef2f7; border-radius:8px 0 0 8px; text-align:center; }
.jai_wrap .jai_tit strong { font-size:18px; font-weight:700; word-break:keep-all; }
.jai_wrap .jai_tit .t_in span { display:block; }
.jai_wrap .jai_txt { padding:20px; }
.jai_wrap .jai_txt .txt_list li { font-size:16px; position:relative; padding-left:12px; }
.jai_wrap .jai_txt .txt_list li:before { position:absolute; top:8px; left:0; content:''; width:4px; height:4px; border-radius:50%; background:#888; }
.jai_wrap .jai_txt .txt_list li .tip { color:#256ef4; }

@media all and (max-width:640px){
	#contentWrap #txt{padding:0 0 30px 0}

	.jai_wrap { display:block; }
	.jai_wrap .jai_tit { width:100%; padding:10px 15px; justify-content:left; text-align:left; border-radius:8px 8px 0 0; }
	.jai_wrap .jai_tit strong { font-size:17px; }
	.jai_wrap .jai_tit .t_in span { display:inline-block; }
	.jai_wrap .jai_txt { padding:15px 15px 20px 15px; }
	.ja_intro > li:last-child .jai_wrap .jai_txt { padding:15px; }
	.jai_wrap .jai_txt .txt_list li { font-size:15px; }
}

/* 자주 하는 질문 */
.slideTxt{margin: 10px 0;}
.slideTxt>li>a{display:block;position:relative;padding:25px 90px 25px 30px;background:#fff;border-top:1px solid #c4c9ce;font-weight:700;font-size:17px;color:#111;background: #f4f5f9;}
.slideTxt>li>a .t_in{display:block; text-indent:-20px; margin-left: 10px;}

.slideTxt>li>a.on{background:#f4f5f9;font-weight:700;}
.slideTxt>li>a:after{content:"";display:block;position:absolute;right:20px;top:50%;margin-top:-18px;width:35px;height:35px;background: url(/resource/nsf/images/common/btn_slideArrow.png) center center no-repeat;transition:all .3s;}
.slideTxt>li>a.on:after{transform:rotate(180deg)}
.slideTxt>li:last-child{border-bottom:1px solid #c4c9ce}
.slideTxt>li>.slideT_box{display:none;background: #fbfcfe;}
.slideTxt>li>.slideT_box>.slideT_con{padding:20px;border-top:1px solid #e1e1e1;}
.slideTxt>li>.slideT_box>.slideT_bottom{padding:15px;border-top:1px solid #e1e1e1}
.slideTxt>li>.slideT_box>.slideT_bottom ul li{margin-top:6px}
.slideTxt>li>.slideT_box>.slideT_bottom ul li:first-child{margin-top:0}
.slideTxt>li>.slideT_box>.slideT_bottom span{margin-right:10px;color:#111;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_bottom span strong{color:#274aba;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_input{display:none;padding:15px;border-top:1px solid #e1e1e1}
.slideTxt>li>.slideT_box>.slideT_input .sT_masg>span{margin-right:10px;color:#111;font-weight:500}
.slideTxt>li>.slideT_box>.slideT_input .sT_masg>span>strong{color:#274aba;font-weight:500}

.slideTxt>li>.slideT_box>.slideT_con .box_pt{overflow:hidden;min-height:100px;margin:10px 0;font-size:16px;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt strong{display:block;color:#333;margin-bottom:0;font-weight:700;word-break:keep-all;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt p{color:#555;line-height:24px;word-break:keep-all}
.slideTxt>li>.slideT_box>.slideT_con .box_pt .tip {font-weight:500;color:#256ef4;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt .tip2 {font-weight:500;color:red;}

.slideTxt>li>.slideT_box>.slideT_con .box_pt .txt_list {margin-top:10px;}
.slideTxt>li>.slideT_box>.slideT_con .box_pt .txt_list li {margin-bottom:10px;}


/* 자주하는 질문 -반응형 */
@media all and (max-width:640px){
	.slideTxt>li>a{padding:15px 70px 15px 20px;font-size:15px;}
	.slideTxt>li>a .t_in{text-indent:-17px;}
	.slideTxt>li>a:after {right:15px;}
	.slideTxt>li>.slideT_box * {font-size:14px;}
	.slideTxt>li>.slideT_box>.slideT_con {padding:5px 20px;}
}


/*  테이블  */
.table_box{overflow:hidden;margin: 20px 0;}
.table_box>ul{display:table;background:#fff}
.table_box>ul>li{display:table-cell;width:50%;border:1px solid #dfdfdf; font-size:15px;}
.table_box>ul>li:first-child{border-right:0}
.table_box>ul>li .tit{padding:10px 12px;text-align:center;border-bottom:1px solid #dfdfdf;background:#e0edf6}
.table_box>ul>li .tit strong{font-size:15px;color:#111;margin-bottom:0}
.table_box>ul>li .cont{padding:10px 12px;background:#fff}
@media (max-width:640px){
	.table_box>ul{display:block}
	.table_box>ul>li{width:100%;display:block;}
	.table_box>ul>li:first-of-type{border-right:1px solid #dfdfdf;border-bottom:0}
	.table_box>ul>li .tit{padding:10px}
	.table_box>ul>li .cont{padding:10px}
}

.sT_item{margin-top:5px;position:relative;padding-left:75px;max-width:285px}
.sT_item input[type=text]{width:100%}
.sT_item:first-child{margin-top:0}
.sT_item label{color:#111;position:absolute;left:0;top:11px}
.sT_item.r_btn{padding-right:65px;max-width:350px}
.sT_item.r_btn .btn{position:absolute;right:0;top:0}

.sMore_btn{padding:6px 0;text-align:center;background:#fff;border:1px solid #9a9a9a;margin-top:10px}
.sMore_btn a, .sMore_btn button{display:inline-block;padding:4px 26px 5px 0;background:url(/resource/images/paid/nep/pot/board/prog_search_fold_plus.png) right center no-repeat;font-size:16px;color:#111}
.sMore_btn a.on, .sMore_btn button.on{background:url(/resource/images/paid/nep/pot/board/prog_search_fold_min.png) right center no-repeat}

@media all and (max-width:500px){
	.sT_item{max-width:inherit;width:100%}
}


/* 단계 표시기 new */
.step_new { display:flex; width:100%; justify-content:flex-start; align-items:flex-start; margin:40px 0 60px 0; }
.step_new li { position:relative; display:flex; padding-top:28px; }
.step_new li.col_4 { width:33.3333333%; }
.step_new li:before { position:absolute; top:10px; right:-10px; content:''; width:100%; height:1px; background-color:#ccc;}
.step_new li.done:before { background-color:#003675; }
.step_new li:last-child:before {display:none;}
.step_new li > span:before,
.step_new li > span:after { content:''; border-radius:50%; }
.step_new li > span:before { position:absolute; top:0; left:0; z-index:2; width:18px; height:18px; background-color:#e6e8ea; border:1px solid #e6e8ea;}
.step_new li.done > span:before { width:16px; height:16px; margin-top:2px; border:0; background-color:#003675;}
.step_new li.done > span:after { position:absolute; top:4px; left:2px; z-index:3; width:12px; height:12px; background:url('/resource/nsf/images/common/ico_step_done.svg') no-repeat center; }
.step_new li.active > span:before { background-color:#fff; border-color:#246beb; }
.step_new li.active > span:after { position:absolute; top:4px; left:4px; z-index:3; width:12px; height:12px; background:#246beb url('/resource/nsf/images/common/ico_step_active.svg') no-repeat center; background-size:contain; }
.step_new li span { display:block; }
.step_new li .step { font-size:14px;}
.step_new li .step-tit { font-weight:700; color:#333; font-size:18px; word-break:keep-all; }

@media all and (max-width:640px){
	.step_new { margin:30px 0 50px 0; }
	.step_new li .step { font-size:13px;}
	.step_new li .step-tit { font-size:15px; }
}


/************************
 2025 민생회복소비쿠폰 이의신청 : 인트로
 ************************/

/* 인트로 - 배경 이미지 */
.bg_container { position:relative; width:1200px; height:100%; margin:0 auto; z-index:0; }
.bg_container .bg_item { position:absolute; }
.bg_container .circle1 { top:30px; right:26%; width:29px; height:29px; background:url('/resource/nsf/images/main/bg_circle_1.png') no-repeat center; background-size:contain; }
.bg_container .circle2 { top:165px; right:30%; width:42px; height:42px; background:url('/resource/nsf/images/main/bg_circle_2.png') no-repeat center; background-size:contain; }
.bg_container .circle3 { top:400px; right:-10%; width:62px; height:62px; background:url('/resource/nsf/images/main/bg_circle_3.png') no-repeat center; background-size:contain; }
.bg_container .img1 { top:300px; right:30%; width:124px; height:121px; background:url('/resource/nsf/images/main/bg_img_1.png') no-repeat center; background-size:contain; }
.bg_container .img2 { top:490px; right:-60px; width:134px; height:124px; background:url('/resource/nsf/images/main/bg_img_2.png') no-repeat center; background-size:contain; }
.bg_container .coupon { top:280px; right:0; width:333px; height:539px; background:url('/resource/nsf/images/main/bg_coupon.png') no-repeat center; background-size:contain; }
.bg_container .slogan { top:80px; right:-10px; width:330px; height:172px; background:url('/resource/nsf/images/main/bg_slogan.png') no-repeat center; background-size:contain; }
.bg_container .floating { animation:float 2s ease-in-out infinite; }
@keyframes float {
	0% { transform:translateY(0); }
	50% { transform:translateY(-10px); }
	100% { transform:translateY(0); }
}
/*
.bg_item.fade { opacity:0; transform:translateY(20px); transition:opacity 0.4s ease, transform: 0.4s ease; }
.bg_item.fade.show { opacity:1; transform:translateY(0); }
*/
.m_bg { position:absolute; bottom:-80px; left:0; width:100%; height:200px; background:#eff5ff; content:''; border-radius:200px 0 0 0; }

/* 인트로 - 메인 텍스트 */
.mainTit { max-width:1200px; margin:0 auto; padding-top:100px; z-index:10; transition:all 0.3s ease; }
.mainTit h2 { font-size:60px; line-height:1.3; z-index:10; }
.mainTit h2 .blue { color:#1854c1; }
.mainTit .text1 { font-size:20px; color:#343434; margin-top:40px; }
.mainTit .mainPeriod { margin-top:40px; }
.mainTit .mainPeriod dl { margin-top:5px; }
.mainTit .mainPeriod dl dt,
.mainTit .mainPeriod dl dd { font-size:22px; display:inline-block; }
.mainTit .mainPeriod dl dt span { display:inline-block; border-radius:4px; font-weight:500; font-size:17px; padding:1px 8px; }
.mainTit .mainPeriod dl dt span .pc_blind { display:none; }
.mainTit .mainPeriod dl.on dt span { background:#1854c1; color:#fff; vertical-align:4px; }
.mainTit .mainPeriod dl.off dt span { background:#cdd1d5; color:#6d7882; vertical-align:2px; }
.mainTit .mainPeriod dl dd { padding-left:10px; }
.mainTit .mainPeriod dl.on dd { font-size:28px; font-weight:700; }

/* 인트로 - 바로가기 버튼 */
.introBtn { max-width:1200px; margin:0 auto; z-index:10; }
.introBtn ul { display:flex; flex-direction:row; align-items:flex-start; gap:24px; margin:70px 0 70px 0; }
.introBtn ul li a { display:block; width:400px; height:300px; font-size:34px; font-weight:700; color:#fff; padding:50px 40px; position:relative; border-radius:24px; box-shadow:10px 10px 15px rgba(36,97,197,0.22); transition:all 0.3s ease; word-break:keep-all; }
.introBtn ul li a:before { position:absolute; bottom:40px; right:40px; content:''; width:43px; height:26px; background:url('/resource/nsf/images/main/btn_arrow_intro.png') no-repeat center; background-size:contain; }
.introBtn ul li a.btn_go1 { background:linear-gradient(135deg, rgba(40,132,231,1) 0%, rgba(34,89,191,1) 70%); }
.introBtn ul li a.btn_go2 { background:linear-gradient(135deg, rgba(104,84,204,1) 0%, rgba(34,89,191,1) 70%); }
.introBtn ul li a span { display:block; }
.introBtn ul li a:hover { transform:translateY(-10px); box-shadow:10px 10px 15px rgba(36,97,197,0.5); }

@media (max-width: 1199px) {
	.bg_container { width:94%; }
	.bg_container * { transform:scale(0.9); }
	.bg_container .circle2 { top:120px; right:35%; }
	.bg_container .circle3 { top:360px; right:-20px; }
	.bg_container .img1 { top:240px; right:32%; }
	.bg_container .img2 { top:450px; right:-40px; }
	.bg_container .coupon { top:180px; }
	.bg_container .slogan { top:40px; }
	.introBtn { padding:0 24px; width:100%; }
	.m_bg { height:300px; border-radius:0; }

	.mainTit { padding:70px 30px 0 40px; }
	.mainTit h2 { font-size:56px; }
	.mainTit h2 span.blue { display:block; }
	.mainTit .text1 { font-size:18px; margin-top:30px; }
	.mainTit .mainPeriod { margin-top:30px; }
	.mainTit .mainPeriod dl dt,
	.mainTit .mainPeriod dl dd { font-size:20px; }

	.introBtn ul { margin:60px 0 50px 0; }
}
@media (max-width: 979px) {
	.bg_container .circle1 { top:30px; right:22%; width:20px; height:20px; }
	.bg_container .circle2 { top:100px; right:38%; width:32px; height:32px; }
	.bg_container .circle3 { top:280px; right:1%; width:50px; height:50px; }
	.bg_container .img1 { top:240px; right:34%; width:100px; }
	.bg_container .img2 { top:400px; right:2%; width:90px; }
	.bg_container .coupon { top:140px; right:5%; width:250px; }
	.m_bg { height:260px; border-radius:0; }

	.mainTit { padding:50px 0 0 40px; }
	.mainTit h2 span { display:block; }
	.mainTit .text1 { font-size:16px; }
	.mainTit .mainPeriod dl dt,
	.mainTit .mainPeriod dl dd { font-size:18px; }
	.mainTit .mainPeriod dl.on dd { font-size:24px; }

	.introBtn ul { margin:60px 0; }
	.introBtn ul li { width:50%; }
	.introBtn ul li a { width:100%; font-size:28px; height:240px; box-shadow:5px 5px 10px rgba(36,97,197,0.22); }
}
@media (max-width: 840px) {
	.bg_container .circle2 { top:80px; right:42%; }
	.bg_container .circle3 { top:200px; }
	.bg_container .img1 { top:200px; right:40%; width:80px; }
	.bg_container .img2 { top:360px; }
	.bg_container .slogan { right:0; width:310px; }
	.mainTit .text1 { display:none; }
	.mainTit .mainPeriod dl dt { vertical-align:top; }
	.mainTit .mainPeriod dl dt span { font-size:15px; }
	.mainTit .mainPeriod dl dd span { display:block; }
	.mainTit .mainPeriod dl.on dt span { vertical-align:-3px; }
	.mainTit .mainPeriod dl.off dt span { vertical-align:0; }
	.mainTit .mainPeriod dl.on dd { font-size:20px; }
}
@media (max-width: 640px) {
	.bg_container { width:100%; }
	.bg_container .circle1 { top:170px; right:30%; width:15px; height:15px; }
	.bg_container .circle2 { top:200px; right:40%; width:25px; height:25px; }
	.bg_container .circle3 { top:240px; right:4%; width:30px; height:30px; }
	.bg_container .img1 { top:260px; right:36%; width:70px; }
	.bg_container .img2 { top:320px; width:60px; }
	.bg_container .coupon { top:80px; right:7%; width:180px; }
	.bg_container .slogan { top:0; width:240px; }

	.mainTit { padding:30px 30px 0 30px; }
	.mainTit h2 { font-size:44px; }
	.mainTit .mainPeriod { margin-top:20px; }
	.mainTit .mainPeriod h3 { display:none; }
	.mainTit .mainPeriod dl { margin-top:10px; }
	.mainTit .mainPeriod dl dt,
	.mainTit .mainPeriod dl dd { font-size:16px; display:block; padding:0; margin:0; }
	.mainTit .mainPeriod dl dt span { margin-bottom:5px; }
	.mainTit .mainPeriod dl dt span .pc_blind { display:inline-block; }

	.introBtn ul { margin:30px 0; }
	.introBtn ul li a { padding:40px 30px; font-size:26px; }
}
@media (max-width: 480px) {
	.bg_container .circle1 { top:120px; right:20%; width:10px; height:10px; }
	.bg_container .circle2 { top:145px; right:28%; width:20px; height:20px; }
	.bg_container .circle3 { top:180px; right:5%; width:24px; height:24px; }
	.bg_container .img1 { top:150px; right:15%; width:60px; }
	.bg_container .img2 { top:210px; right:3%; }
	.bg_container .coupon { display:none; }
	.bg_container .slogan { top:-35px; right:1%; width:140px; }
	.m_bg { display:none; }

	.mainTit { padding:30px 24px 0 24px; }
	.mainTit h2 { font-size:36px; }
	.mainTit h2 span { display:block; }
	.mainTit .mainPeriod dl { display:flex; flex-direction:row; overflow:hidden; }
	.mainTit .mainPeriod dl.on { border-color:#1854c1; }
	.mainTit .mainPeriod dl.off { border-color:#cdd1d5; }
	.mainTit .mainPeriod dl dt { display:flex; justify-content:center; word-break:keep-all; }
	.mainTit .mainPeriod dl dt span { display:flex; align-items:center; margin-bottom:0; }
	.mainTit .mainPeriod dl dt span .pc_blind { display:none; }
	.mainTit .mainPeriod dl dd { padding:0 10px; font-size:14px; }
	.mainTit .mainPeriod dl.on dd { font-size:16px; }

	.introBtn ul { flex-direction:column; margin:30px 0; }
	.introBtn ul li { width:100%; }
	.introBtn ul li a { height:auto; font-size:24px; padding:30px; border-radius:12px; }
	.introBtn ul li a:before { width:30px; bottom:30px; right:30px; }
}

/************************
 2025 민생회복소비쿠폰 이의신청 : 메인
 ************************/

/* 상단영역 */
.main_top_area { width:100%; position:relative; height:300px; background-color:#f1f6ff; }
.main_top_area .m_title { max-width:1248px; height:100%; margin:0 auto; position:relative; padding:0 24px; background:url('/resource/nsf/images/main/bg_main_top.png') no-repeat right 30px; word-break:keep-all; }
.main_top_area .m_title > p { font-size:24px; padding-top:80px; }
.main_top_area .m_title h2 { font-size:54px; color:#111; word-break:keep-all; }
.main_top_area .m_title h2 .blue { color:#1854c1; }
.main_top_area .m_title .logo { background:url('/resource/nsf/images/main/logo_korea.png') no-repeat 0 0; width:143px; height:38px; display:block; text-indent:-9999px; margin-top:20px; background-size:contain; }

@media (max-width: 1199px) {
	.main_top_area .m_title { background-size:340px auto; background-position:right 50px; }
	.main_top_area .m_title > p { font-size:20px; }
	.main_top_area .m_title h2 { font-size:48px; }
}
@media (max-width: 979px) {
	.main_top_area { height:auto; }
	.main_top_area .m_title { padding:40px 24px; background-size:280px auto; background-position:right 30px; }
	.main_top_area .m_title > p { padding:0; }
	.main_top_area .m_title h2 { font-size:42px; }
}
@media (max-width: 767px) {
	.main_top_area .m_title { background-position:right 40px; }
	.main_top_area .m_title > p { font-size:17px; }
	.main_top_area .m_title h2 { font-size:38px; line-height:1.3; }
	.main_top_area .m_title h2 .blue { display:block; }
}
@media (max-width: 640px) {
	.main_top_area .m_title { background:none; text-align:center; padding:30px 24px; }
	.main_top_area .m_title > p { font-size:15px; }
	.main_top_area .m_title h2 { font-size:32px; }
	.main_top_area .m_title h2 .blue { display:inline;}
	.main_top_area .m_title .logo { margin:10px auto 0 auto; width:110px; }
}

/* 콘텐츠 영역 */
.conts_wrap { margin:40px 0 80px 0; }
.conts_wrap h4 { font-size:32px; color:#222; }
.conts_wrap .conts_box { border:1px solid #cdd1d5; padding:30px; border-radius:12px; margin-top:15px; }

@media (max-width: 767px) {
	.conts_wrap { margin:40px 0; }
	.conts_wrap h4 { font-size:26px; }
	.conts_wrap .conts_box { padding:20px; margin-top:10px; }
}

/* 신청기간 */
.def_list { display:flex; flex-wrap:wrap; gap:10px 0; }
.def_list dt { width:180px; font-weight:700; }
.def_list dd { width:calc(100% - 180px); display:flex; flex-direction:column; }
.def_list dt.on { color:#1854c1; }
.def_list dd.on { font-weight:700; font-size:20px; color:#222; }
.tbl { table-layout:fixed; width:100%; min-width:100%; border-collapse:collapse; margin:15px 0; }
.tbl thead th { border-bottom:1px solid #d6e0eb; padding:10px; background:#eef2f7; word-break:keep-all; }
.tbl tbody th, .tbl tbody td { border-bottom:1px solid #cdd1d5; padding:10px; text-align:center; word-break:keep-all; }
.tbl.mb_ver { display:none; }

@media (max-width: 767px) {
	.def_list { flex-direction:column; gap:5px 0; }
	.def_list dt { margin-top:20px; }
	.def_list dt:first-child { margin-top:0; }
	.def_list dd { width:100%; }
	.def_list dd.on { font-size:18px;}
}
@media (max-width: 640px) {
	.tbl.pc_ver { display:none; }
	.tbl.mb_ver { display:table; }
}

/* 신청절차 */
.service_step > li { display:flex; align-items:flex-start; flex-direction:column; position:relative; gap:5px; padding-left:50px; padding-bottom:30px; }
.service_step > li:before { position:absolute; top:5px; left:12px; content:''; width:1px; height:100%; background:#d6e0eb; }
.service_step > li:last-of-type:before { height:15px; }
.service_step > li:last-of-type { padding-bottom:0; }
.service_step .num { display:flex; align-items:center; justify-content:center; flex-direction:row; position:absolute; top:2px; left:0; width:24px; height:24px; z-index:2; font-size:15px; font-weight:700; color:#fff; background:#063a74; border-radius:4px; }
.service_step .tit_area { display:flex; width:100%; }
.service_step .tit_area .tit { color:#063a74; font-weight:700; }
.service_step .tit_area .period { display:flex; align-items:center; color:#000; font-weight:500; }
.service_step .tit_area .period:before { content:''; margin:0 10px; display:inline-block; width:1px; height:18px; background:#cdd1d5; }
.service_step .conts_desc { color:#464c53; }

@media (max-width: 767px) {
	.service_step > li { padding-left:40px; }
	.service_step .num { top:2px; }
	.service_step .tit_area { flex-direction:column; }
	.service_step .tit_area .tit { font-size:18px; margin-bottom:5px; }
	.service_step .tit_area .period:before { display:none; }
}
@media (max-width: 480px) {
	.service_step > li { padding-left:40px; }
	.service_step .conts_desc { font-size:15px; }
}

/* 필수 제출 서류 */
.down_btn { display:flex; flex-direction:row; gap:10px; margin-top:15px; }
.down_btn .btn { display:inline-block; vertical-align:middle; position:relative; padding:15px 45px 15px 55px; color:#1d1d1d; border-radius:6px; font-size:17px; }
.down_btn .btn.down_hwp,
.down_btn .btn.down_hwp_m { background:#edf5fc url('/resource/nsf/images/common/ico_down_hwp.png') no-repeat 15px center; }
.down_btn .btn.down_word,
.down_btn .btn.down_word_m { background:#edf5fc url('/resource/nsf/images/common/ico_down_word.png') no-repeat 15px center; }
.down_btn .btn.down_pdf,
.down_btn .btn.down_pdf_m { background:#edf5fc url('/resource/nsf/images/common/ico_down_pdf.png') no-repeat 15px center; }
.down_btn .btn.down_hwp_m,
.down_btn .btn.down_word_m,
.down_btn .btn.down_pdf_m { display:none; }
.down_btn .btn:after { content:''; position:absolute; top:calc(50% - 10px); right:15px; width:20px; height:20px; background:url('/resource/nsf/images/common/ico_download.svg') no-repeat center; background-size:contain; }
.down_btn .btn:hover { outline:1px solid #318de7; }

@media (max-width: 999px) {
	.down_btn .btn { font-size:16px; word-break:keep-all; }
}
@media (max-width: 767px) {
	.down_btn { flex-direction:column; align-items:flex-start; }
	.down_btn .btn { font-size:16px; background-size:24px; padding:15px 40px 15px 60px; }
	.down_btn .btn:after { top:18px; right:12px; width:18px; height:18px; }
	.down_btn .btn.down_hwp_m,
	.down_btn .btn.down_word_m,
	.down_btn .btn.down_pdf_m { display:block; }
	.down_btn .btn.down_hwp,
	.down_btn .btn.down_word,
	.down_btn .btn.down_pdf { display:none; }
}

/* 이의신청 버튼 */
.main_btn { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:20px; margin:80px 0; }
.main_btn .btn { position:relative; border-radius:6px; padding:15px 30px; font-size:22px; word-break:keep-all; }
.main_btn .btn.fill { border:1px solid #256ef4; background:#256ef4; color:#fff; }
.main_btn .btn.fill:hover { background:#0b50d0; border-color:#0b50d0;}
.main_btn .btn.gray { border:1px solid #333; background:#fff; color:#333; }
.main_btn .btn.gray:hover { background:#f8f8f8; }

@media (max-width: 767px) {
	.main_btn { margin:60px 0; }
}
@media (max-width: 480px) {
	.main_btn { flex-direction:column; }
	.main_btn .btn { display:block; width:100%; }
}

/* 안내 영역 */
.main_bottom_area { border-top:1px solid #b2b2b2; padding-top:20px; }
.main_bottom_area h5 { font-size:18px; }
.main_bottom_area ul { display:flex; flex-flow:row wrap; gap:24px; margin-top:20px; }
.main_bottom_area ul li { background:#f4f5f6; border-radius:12px; width:calc(25% - 18px); text-align:center; height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.main_bottom_area ul li a { display:flex; width:100%; height:100%; align-items:center; justify-content:center; }
.main_bottom_area ul li a:hover { outline:1px solid #256ef4; border-radius:12px; background:#fff; }
.main_bottom_area ul li a:hover dl:before { transform:translateY(-5px); }
.main_bottom_area ul li dl { position:relative; padding:0 20px; }
.main_bottom_area ul li dl.icon_guide:before { content:''; display:block; width:80px; height:80px; transition:all 0.3s ease; background:url('/resource/nsf/images/main/icon_guide.png') no-repeat center; margin:0 auto; background-size:contain; margin-top:-10px;}
.main_bottom_area ul li dt { font-size:20px; font-weight:700; word-break:keep-all; }
.main_bottom_area ul li dd { font-size:16px; margin-top:5px; }
.main_bottom_area ul li .callnum { display:flex; align-items:center; margin-bottom:10px; }
.main_bottom_area ul li .callnum > strong { font-size:30px; font-weight:700;}
.main_bottom_area ul li .callnum > strong:first-child { display:block; }

@media (max-width: 999px) {
	.main_bottom_area ul { gap:16px; }
	.main_bottom_area ul li { width:calc(50% - 8px); }
	.main_bottom_area ul li dt { font-size:17px; }
	.main_bottom_area ul li dd { font-size:14px; }
}
@media (max-width: 767px) {
	.main_bottom_area ul li { height:auto; padding:20px; }
	.main_bottom_area ul li:first-child { padding:0; }
	.main_bottom_area ul li:first-child a { padding:20px; }
	.main_bottom_area ul li:first-child dd { display:none; }
	.main_bottom_area ul li .callnum { height:auto; margin-bottom:5px; }
	.main_bottom_area ul li .callnum > strong { font-size:24px; font-weight:700; }
}
@media (max-width: 640px) {
	.main_bottom_area ul li { width:100%; padding:15px; }
	.main_bottom_area ul li dl.icon_guide:before { width:60px; height:60px; }
}