@charset "utf-8";

img{max-width:100%;}

#wrap{overflow:auto;}
@media all and (max-width:768px) {
	#wrap{min-width:auto; width:100%;}
}
/* #wrap{overflow:hidden;} */

/* main */
.main-top{position:relative; z-index:0; overflow:hidden;}

.main-visual{height:560px;}
.main-visual .inner{}
.main-visual .main-copy{text-align:left; width:1200px; margin:0 auto; padding-top:200px; color:black;}
/* .main-visual .main-copy{text-align:left; width:1200px; margin:0 auto; padding-top:200px; color:#fff;} */
.main-visual .main-copy .txt1{font-size:32px; line-height:1.16em; margin-bottom:30px;}
.main-visual .main-copy .txt2{font-size:28px; margin-bottom:5px;}
.main-visual .main-copy .txt3{font-size:25px; font-weight:300;}
.main-visual ul li{height:560px;}
@media all and (max-width:768px) {
	.main-visual{height:400px; background-size:cover; background-position:center;}
	.main-visual ul li{height:400px;}
	.main-visual .main-copy{width:100%; padding:100px 20px 0; box-sizing:border-box; text-align:center;}
	.main-visual .main-copy .txt1{font-size:24px; margin-bottom:15px;}
	.main-visual .main-copy .txt2{font-size:16px; margin-bottom:5px;}
	.main-visual .main-copy .txt3{font-size:16px;}
}
.main-visual ul li.visual1{background:url(../img/main/visual1.jpg) center top  no-repeat;}
.main-visual ul li.visual2{background:url(../img/main/visual2.jpg) center top no-repeat;}
.main-visual ul li.visual3{background:url(../img/main/visual3.jpg) center top no-repeat;}
.main-visual ul li.visual3 .main-copy .txt1{font-size:34px; padding-top:25px;}

.main-visual-container .swiper-slide{ transition:all 0.5s;}
.main-visual-container .swiper-slide-active{animation: visualEffect 5s ease-in-out;}
.main-visual-container .swiper-nav{position:absolute;right:0;bottom:50px;width:938px;}
.main-visual-container .swiper-nav .swiper-pagination-bullet{background-color:#fff; margin-right:20px; width:8px;height:8px; transition:all 1s; border-radius:5px; opacity:1;}
.main-visual-container .swiper-nav .swiper-pagination-bullet-active{width:54px;}
/*
@keyframes visualEffect {
  from {background-size:auto 120%;}
  to {background-size:auto 100%;}
}*/


.main-login{height:390px; width:420px; position:absolute;left:calc(50% + 180px);top:130px; z-index:10; background-color:#0fa0b1; }
.main-login:before{display:block;content:'';height:390px; width:351px; position:absolute;left:420px;top:0; background-color:#0fa0b1;}
@media all and (max-width:992px){
	.main-login{position:static; width:100%; height:auto; margin:20px auto; max-width:420px; padding:30px 20px; box-sizing:border-box;}
	.main-login:before{display:none;}
}
@media all and (max-width:768px){
	.main-login{margin:20px auto; padding:25px 15px;}
}

.main-login-wrap{width:280px; box-sizing:border-box; text-align:center; position:relative; margin:0 auto; padding-top:40px;}
.main-login-wrap h2{color:#fff; margin-bottom:27px;}
.main-login-wrap h2 span{font-size:20px; display:block;margin-bottom:8px;}
.main-login-wrap h2 em{font-size:43px;}
.main-login-wrap .login-form .row.id{margin-bottom:4px;}
.main-login-wrap .login-form input[type="text"],
.main-login-wrap .login-form input[type="password"]{width:100%; height:38px; line-height:38px; border:none; border-radius:3px; padding:0 0 0 33px;}
.main-login-wrap .login-form .row.id input{background:#33aebd url(../img/main/i_id.png) 14px center no-repeat;}
.main-login-wrap .login-form .row.pw input{background:#33aebd url(../img/main/i_pw.png) 14px center no-repeat;}
.main-login-wrap .login-form .row.id{margin-bottom:4px;}
.main-login-wrap .login-form .row.cmd{padding:20px 0;}
.main-login-wrap .login-form .row.cmd input{height:44px; border-radius:23px; border:1px solid #fff; line-height:40px; width:165px; color:#fff; background:none; font-size:22px;}
.main-login-wrap .login-guide{margin-top:20px; border-top:1px solid rgba(255,255,255,0.4); padding-top:15px;}
.main-login-wrap .login-guide a{display:inline-block; padding:0 10px; color:#fff; font-size:17px; position:relative;}
.main-login-wrap .login-guide a + a:before{display:block;content:'';clear:both; width:1px;height:10px; background-color:rgba(255,255,255,0.3); position:absolute;left:-1px;top:5px;}

.main-login-wrap .login-form .row input[type="text"]::placeholder,
.main-login-wrap .login-form .row input[type="password"]::placeholder {color:#fff !important; letter-spacing:0; font-size:18px;}
.main-login-wrap .login-form .row input[type="text"]:-ms-input-placeholder,
.main-login-wrap .login-form .row input[type="password"]:-ms-input-placeholder {color:#fff !important; letter-spacing:0; font-size:18px;}
.main-login-wrap .login-form .row input[type="text"]::-ms-input-placeholder,
.main-login-wrap .login-form .row input[type="password"]::-ms-input-placeholder {color:#fff !important; letter-spacing:0; font-size:18px;}


.main-container{}

.main-container .inner{width:1200px;margin:0 auto;padding:60px 0 50px; text-align:left;}
.main-container .inner:after{display:block;content:'';clear:both;}

.main-notice{float:left; width:700px; position:relative;}
.main-notice h2{font-size:34px; border-bottom:2px solid #e5e5e5; height:50px;}
.main-notice .more{position:absolute;right:0;top:15px; background:url(../img/main/i_more.png) 0 5px no-repeat; padding-left:25px;}
.main-notice .list{padding-top:20px;}
.main-notice .list li{position:relative; margin-bottom:20px;}
.main-notice .list li:after{display:block;content:'';clear:both;}
.main-notice .list .title{width:calc(100% - 90px);float:left; font-size:16px; color:#363636;}
.main-notice .list .date{width:90px;float:right; color:#959595; font-size:14px; text-align:right;}

.main-link{float:right; width:420px; padding-top:20px;}
.main-link ul:after{display:block;content:'';clear:both;}
.main-link ul li{float:left;}

@media all and (max-width:768px){
	.main-container .inner{width:100%; padding:30px 15px; box-sizing:border-box;}
	.main-notice{float:none; width:100%; margin-bottom:30px;}
	.main-notice h2{font-size:28px; height:40px;}
	.main-notice .more{top:10px; font-size:18px;}
	.main-notice .list .title{font-size:14px;}
	.main-notice .list .date{font-size:12px;}
	.main-link{float:none;}
	.main-link ul li{float:none;margin-bottom:15px;}
	/* .main-link ul li img{width:100%;} */
	/* .main-link{float:none; width:100%; padding-top:0;}
	.main-link ul li{float:none; width:100%; margin-bottom:15px;}
	.main-link ul li img{width:100%;} */
}



/* sub */
.con-title{font-size:30px;margin-bottom:30px;}

/* 조사안내 - 이미지·파란박스 위치 고정, 박스 길어져도 푸터와 겹치지 않도록 그리드로 높이 자동 확장 */
.survey-way{display:grid; grid-template-columns:1fr; grid-template-rows:auto; margin-bottom:150px;}
.survey-way .photo{grid-area:1/1; z-index:0;}
.survey-way .photo img{display:block; width:100%; height:auto;}
.survey-way .txt{grid-area:1/1; justify-self:end; align-self:start; margin-top:215px; width:796px; box-sizing:border-box; padding:40px 60px; text-align:left; background-color:#0fa0b1; color:#fff; z-index:1;}
.survey-way .txt > div{position:relative; padding:40px 0;}
.survey-way .txt > div:before{position:absolute;left:0;top:0; display:block;content:''; width:22px;height:14px; background:url(../img/content/intro_p_first.png) 0 0 no-repeat;}
.survey-way .txt > div:after{position:absolute;left:0;bottom:0; display:block;content:''; width:22px;height:14px; background:url(../img/content/intro_p_last.png) 0 0 no-repeat;}
.survey-way .txt .txt1{font-size:30px;font-weight:600; margin-bottom:15px; line-height: 1cm;}
.survey-way .txt .txt2{font-size:24px; font-weight:300;}

/* 패널소개 */
.pn-intro{position:relative; margin-bottom:150px;}
.pn-intro .txt{position:absolute;right:0;top:215px;width:796px; box-sizing:border-box; padding:40px 60px; text-align:left; background-color:#0fa0b1; color:#fff;}
.pn-intro .txt > div{position:relative; padding:40px 0;}
.pn-intro .txt > div:before{position:absolute;left:0;top:0; display:block;content:''; width:22px;height:14px; background:url(../img/content/intro_p_first.png) 0 0 no-repeat;}
.pn-intro .txt > div:after{position:absolute;left:0;bottom:0; display:block;content:''; width:22px;height:14px; background:url(../img/content/intro_p_last.png) 0 0 no-repeat;}
.pn-intro .txt .txt1{font-size:30px;font-weight:600; margin-bottom:15px;}
.pn-intro .txt .txt2{font-size:24px; font-weight:300;}

.join-process{margin-bottom:70px;}
.join-process dl:after{display:block;content:'';clear:both;}
.join-process dt{float:left;width:320px; font-size:30px;color:#222222; padding-top:50px;}
.join-process dd{float:left;width:calc(100% - 320px);}
.join-process ul{display:flex; justify-content:space-between;}
.join-process ul li{width:132px; text-align:center; white-space:nowrap; padding-top:140px; position:relative; font-size:18px;}
.join-process ul li.step1{background:url(../img/content/i_process1.png) center top no-repeat;}
.join-process ul li.step2{background:url(../img/content/i_process2.png) center top no-repeat;}
.join-process ul li.step3{background:url(../img/content/i_process3.png) center top no-repeat;}
.join-process ul li.step1 span{margin-left:-20px;}
.join-process ul li + li:before{display:block;content:'';width:25px;height:58px;background:url(../img/content/process_arr.png) 0 0 no-repeat; position:absolute;left:-115px;top:38px;}

.join-benefit{background-color:#f0f0f0; padding:36px 0;}
.join-benefit dl:after{display:block;content:'';clear:both;}
.join-benefit dt{float:left;width:320px; font-size:30px;color:#222222; line-height:91px;}
.join-benefit dd{float:left;width:calc(100% - 320px);}
.join-benefit ul{display:flex; justify-content:space-between;}
.join-benefit ul li{width:45%; box-sizing:border-box; height:91px; line-height:91px; padding-left:110px; font-size:16px; position:relative;}
.join-benefit ul li.benefit1{background:url(../img/content/i_benefit1.png) left center no-repeat;}
.join-benefit ul li.benefit2{background:url(../img/content/i_benefit2.png) left center no-repeat;}
.join-benefit ul li.benefit2:before{display:block;content:'';width:1px;height:56px; background-color:#ccc; position:absolute;left:-15%; top:18px;}

/* 포인트 안내  */
.point-intro{border:6px solid #f0f0f0; padding:70px 116px; text-align:center; margin-bottom:30px;}
.point-intro .coupon-intro{padding:30px 80px; border-bottom:1px solid #ddd;}
.point-intro .coupon-intro dl{padding:10px 0 30px 250px; background:url(../img/content/coupon.png) left top no-repeat; text-align:left; margin:0 auto;}
.point-intro .coupon-intro dl dt{font-size:32px;color:#222; font-weight:600; margin-bottom:20px;}
.point-intro .coupon-intro dl dd{font-size:18px;color:#222; position:relative;}
.point-intro .coupon-intro dl dd li{display:inline-block;width:48%; line-height:1.75em; white-space:nowrap; font-weight:300;}
.point-intro .guide-txt{text-align:left; padding:40px 0 0 70px; color:#0fa0b1; font-size:18px; line-height:1.75em; font-weight:300;}

.point-guide-wrap{background-color:#f0f0f0; padding:50px 0;}
.point-guide-wrap ul{padding-left:180px; background:url(../img/content/i_point_guide.png) 58px center no-repeat;}
.point-guide-wrap ul li{line-height:1.5em; font-size:16px;}

.list-dot > li{position:relative; padding-left:16px; font-size:18px;}
.list-dot > li:before{display:block;content:'ㆍ'; position:absolute;left:0;top:0;}
.list-dot > li + li{margin-top:5px;}



/* 게시판 */
.board-top{margin-bottom:15px;}
.board-top:after{display:block;content:'';clear:both;}
.board-top .board-search{float:right;}

.board-search{text-align:center;}
.board-search .opt{width:110px;}
.board-search .keyword{width:280px; font-size:16px;}

.btn-search{width:85px; height:40px; background-color:#6b6b6c; color:#fff; font-size:16px;}

@media all and (max-width:768px){
	/* 조사참여 테이블: 스크롤 없이 5열 한 화면에 맞춤 */
	.contents .board .list{table-layout: fixed; width: 100%; font-size: 12px;}
	.contents .board .list th,
	.contents .board .list td{padding: 8px 4px;}
	.contents .board .list th:nth-child(1), .contents .board .list td:nth-child(1){width: 10%;}
	.contents .board .list th:nth-child(2), .contents .board .list td:nth-child(2){width: 14%;}
	.contents .board .list th:nth-child(3), .contents .board .list td:nth-child(3){width: 20%;}
	.contents .board .list th:nth-child(4), .contents .board .list td:nth-child(4){width: 36%;}
	.contents .board .list th:nth-child(5), .contents .board .list td:nth-child(5){width: 20%;}
	.contents .board .list td.period{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.contents .board .list td.title{overflow: hidden; text-overflow: ellipsis;}
	.contents .board .list .start-btn{padding: 6px 4px; font-size: 12px;}

	/* 조사참여 테이블: 스크롤 없이 5열 한 화면에 맞춤 */
	.survey-contents .board .list{table-layout: fixed; width: 100%; font-size: 12px;}
	.survey-contents .board .list th,
	.survey-contents .board .list td{padding: 8px 4px;}
	.survey-contents .board .list th:nth-child(1), .survey-contents .board .list td:nth-child(1){width: 10%;}
	.survey-contents .board .list th:nth-child(2), .survey-contents .board .list td:nth-child(2){width: 14%;}
	.survey-contents .board .list th:nth-child(3), .survey-contents .board .list td:nth-child(3){width: 20%;}
	.survey-contents .board .list th:nth-child(4), .survey-contents .board .list td:nth-child(4){width: 36%;}
	.survey-contents .board .list th:nth-child(5), .survey-contents .board .list td:nth-child(5){width: 20%;}
	.survey-contents .board .list td.period{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.survey-contents .board .list td.title{overflow: hidden; text-overflow: ellipsis;}
	.survey-contents .board .list .start-btn{padding: 6px 4px; font-size: 12px;}
	/* 조사참여: 모바일에서 번호,조사번호 컬럼 숨김 */
	.survey-contents .board .list th:nth-child(1),
	.survey-contents .board .list td:nth-child(1):not(.noData),
	.survey-contents .board .list th:nth-child(2),
	.survey-contents .board .list td:nth-child(2){display: none;}
	.survey-contents .board .list td.noData{display: table-cell !important;}
	.survey-contents .board .list th:nth-child(3), .survey-contents .board .list td:nth-child(3){width: 30%;}
	.survey-contents .board .list th:nth-child(4), .survey-contents .board .list td:nth-child(4){width: 30%;}
	.survey-contents .board .list th:nth-child(5), .survey-contents .board .list td:nth-child(5){width: 40%;}

	.my-contents .board .list{table-layout: fixed; width: 100%; font-size: 12px;}
	.my-contents .board .list th,
	.my-contents .board .list td{padding: 8px 4px;}
	.my-contents .board .list th:nth-child(1), .contents .board .list td:nth-child(1){width: 10%;}
	.my-contents .board .list th:nth-child(2), .contents .board .list td:nth-child(2){width: 14%;}
	.my-contents .board .list th:nth-child(3), .contents .board .list td:nth-child(3){width: 20%;}
	.my-contents .board .list th:nth-child(4), .contents .board .list td:nth-child(4){width: 36%;}
	.my-contents .board .list th:nth-child(5), .contents .board .list td:nth-child(5){width: 20%;}
	.my-contents .board .list td.period{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.my-contents .board .list td.title{overflow: hidden; text-overflow: ellipsis;}
	.my-contents .board .list .start-btn{padding: 6px 4px; font-size: 12px;}
	/* 마이페이지 조사관리: 모바일에서 조사번호·응답일 컬럼 숨김 */
	.my-contents .board .list th:nth-child(1),
	.my-contents .board .list td:nth-child(1):not(.noData),
	.my-contents .board .list th:nth-child(4),
	.my-contents .board .list td:nth-child(4){display: none;}
	.my-contents .board .list td.noData{display: table-cell !important;}
	.my-contents .board .list th:nth-child(2), .my-contents .board .list td:nth-child(2){width: 50%;}
	.my-contents .board .list th:nth-child(3), .my-contents .board .list td:nth-child(3){width: 50%;}

	.board-top .board-search{float:none; width:100%; display:flex; flex-wrap:nowrap; align-items:center; gap:8px;}
	.board-search .opt{width:90px; flex-shrink:0; height:40px;}
	.board-search .keyword{flex:1; min-width:0;}
	.board-search .btn-search{flex-shrink:0;}
	/* 정보관리 */
	.pw-check{padding:40px 20px;}
	.pw-check .guide-txt{font-size:20px;}
	.pw-check .pw-input input{width:100%; max-width:340px; box-sizing:border-box;}
	.pw-check2{padding:30px 20px;}
	.pw-check2 h4{font-size:26px; margin-bottom:16px;}
	.pw-check2 .guide-txt{font-size:16px; margin-bottom:24px;}
	.pw-check2 .pw-input{padding:30px 15px;}
	.pw-check2 .pw-input input{width:100%; max-width:340px; box-sizing:border-box;}
	.point-status{padding:24px 15px;}
	.point-status ul{flex-wrap:wrap;}
	.point-status ul li{width:50%; padding:10px 0 40px; box-sizing:border-box;}
	.point-status ul li:nth-child(odd){border-left:none;}
	.point-status ul li:nth-child(3){border-left:none;}
	.point-status ul li:before{width:80px; height:80px; margin:0 auto 15px; background-size:contain;}
	.point-status ul li .data em{font-size:32px;}
	.tab-title{margin-bottom:30px;}
	.tab-title h4{font-size:26px;}
	.list-top > .left,.list-top > .right{float:none; display:block; margin-bottom:10px;}
	.member-out{width:100%; max-width:100%; border-width:2px; padding:30px 20px; box-sizing:border-box; overflow-x:hidden;}
	.member-out .front-txt{margin-bottom:30px; padding:0; width:100%; max-width:100%; box-sizing:border-box; overflow-wrap:break-word; word-break:keep-all;}
	.member-out .front-txt .txt1{font-size:24px; margin-bottom:12px;}
	.member-out .front-txt .txt2{font-size:16px;}
	.member-out .front-txt .list-dot{margin-top:20px; padding-top:20px; font-size:18px;}
	.member-out .img{position:static; margin-top:24px; text-align:center; max-width:100%; overflow:hidden;}
	.member-out .img img{width:auto; max-width:200px; height:auto; display:block; margin:0 auto; object-fit:contain;}
	.member-out .out-form{padding:24px 20px; box-sizing:border-box; width:100%; max-width:100%; overflow-x:hidden;}
	.member-out .out-form .guide1{font-size:15px; line-height:1.5;}
	.member-out .out-form textarea{width:100%; max-width:100%; min-height:120px; box-sizing:border-box;}
	.member-out .out-form .guide2{margin-top:28px; padding-top:24px; font-size:15px;}
	.member-out .out-form .pw-input{text-align:left;}
	.member-out .out-form .pw-input .lb{display:block; margin-bottom:8px; font-size:20px;}
	.member-out .out-form .pw-input input{width:100%; max-width:100%; box-sizing:border-box;}
	.point-request .point-wrap{flex-wrap:wrap;}
	.point-request .point-wrap .point-info{width:100%; border-right:none; border-bottom:1px dotted #ddd; padding-bottom:24px; margin-bottom:24px;}
	.point-request .point-wrap .request-current{padding-left:0; padding-top:0;}
	.point-request .point-wrap .request-current h4{font-size:24px; margin-bottom:20px;}
	.point-request .point-wrap .request-current .txt1{font-size:20px;}
	.point-request .point-wrap .request-current .txt2{font-size:26px;}
	.point-request .request-guide{padding:24px 20px 24px 110px; background-position:20px center; background-size:80px auto;}
	.request-type .row{padding:16px 20px;}
	.request-type .row.type p{float:none;}
	.request-type .row.type .won-select{float:none; margin-top:10px;}
	.request-type .row.type .won-select span + span{margin-left:20px;}
	.point-request2{padding:30px 20px;}
	.point-request2 .front-txt{padding:20px 0 0 0;}
	.point-request2 .front-txt .txt1{font-size:24px;}
	.point-request2 .front-txt .txt2{font-size:18px;}
	.point-request2 .img{position:static; margin-top:15px;}
	.point-request2 .request-info{margin-top:20px; padding-top:20px; font-size:16px;}
	.point-request2 .request-info > div{display:block; margin-right:0; margin-bottom:10px;}

	.change-box{padding:40px 15px 30px;}
	.change-box .change-txt{margin-bottom:24px;}
	.change-box .change-txt p{font-size:20px;}
	.change-box .change-form{padding:30px 15px; text-align:left;}
	.change-box .change-form table{display:block; width:100%;}
	.change-box .change-form table tr{display:block; margin-bottom:20px;}
	.change-box .change-form table th{display:block; text-align:left; padding:0 0 8px 0; line-height:1.4;}
	.change-box .change-form table td{display:block; padding:0; white-space:normal;}
	.change-box .change-form table td input{width:100%; max-width:100%; box-sizing:border-box;}
	.change-box .btns{padding-top:24px;}

	/* 로그인 박스 모바일 */
	.login-box{padding:30px 20px;}
	.login-box .login-txt{background:url(../img/content/login_bg.png) center top no-repeat; padding-top:100px; margin-bottom:30px; background-size:80px auto;}
	.login-box .login-txt .txt1{font-size:24px; margin-bottom:12px;}
	.login-box .login-txt .txt1 b{font-size:24px;}
	.login-box .login-txt .txt2{font-size:14px;}
	.login-box .login-form{width:100%; max-width:500px; margin:0 auto 30px; padding:0 15px; box-sizing:border-box;}
	.login-box .login-form .login-input{float:left; width:calc(100% - 75px); text-align:left;}
	.login-box .login-form .login-input .row{margin-bottom:10px;}
	.login-box .login-form .login-input .row label{display:inline-block; width:55px; margin-bottom:0; font-size:14px;}
	.login-box .login-form .login-input .row input{width:calc(100% - 60px); max-width:240px; min-width:0; box-sizing:border-box; min-height:40px; font-size:14px;}
	.login-box .login-form .login-input .save{padding-left:58px;}
	.login-box .login-form .login-cmd{float:right; width:70px; margin-top:0;}
	.login-box .login-form .login-cmd input{width:70px; height:70px; min-height:70px; font-size:14px;}
	.login-box .login-guide{background-color:#f0f0f0; line-height:44px; padding:0;}
	.login-box .login-guide a{display:inline-block; height:44px; line-height:44px; padding:0 24px; font-size:13px;}
	.login-box .login-guide a + a{background:url(../img/content/login_guide_line.png) left center no-repeat;}

	/* 아이디 찾기 (find-box) 모바일 - 한 줄에 하나씩 */
	.find-box{padding:40px 15px 30px;}
	.find-box .find-txt{margin-bottom:30px;}
	.find-box .find-txt p{font-size:24px;}
	.find-box .find-form{width:100%; float:none; margin-bottom:20px; padding:30px 15px;}
	.find-box .find-form:last-of-type{margin-bottom:0;}
	.find-box .find-form .find-title{font-size:18px; margin-bottom:24px;}
	.find-box .find-form .find-title + p{font-size:14px; margin:-16px 0 16px;}
	.find-box .find-form .find-input{width:100%; max-width:395px; margin:0 auto; box-sizing:border-box;}
	.find-box .find-form .row > label{display:inline-block; width:55px;}
	.find-box .find-form .row > input{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form .row > .input-phone{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form1{float:none;}
	.find-box .find-form2{float:none;}
	.find-box .btns{padding-top:24px;}
}

.board .list{width:100%; border-top:2px solid #454545;}
.board .list th{text-align:center; border-bottom:1px solid #454545; background-color:#f9f9f9; padding:12px 0; font-weight:400;}
.board .list td{text-align:center; border-bottom:1px solid #dddddd; padding:15px 0; color:#666; font-weight:300;}
/* .board .list td.title{text-align:left;} */
.board .list tr:last-child td{border-bottom:1px solid #454545;}
.board .list .noData{padding:50px 0;}
.board .list .file span{display:inline-block;width:30px;height:30px; border-radius:16px; border:2px solid #d6d6d8; text-align:center;  box-sizing:border-box; padding:7px 0;}
.board .list .file span img{}

.view-title{border-top:2px solid #454545; border-bottom:1px solid #dddddd; background-color:#f6f6f6; padding:25px 40px; font-size:18px; color:#222;}
.view-info{border-bottom:1px solid #dddddd; padding:12px 40px;}
.view-info ul{text-align:right;}
.view-info ul li{display:inline;}
.view-info ul li + li{margin-left:30px;}
.view-info .lb{padding:0 20px; font-weight:600;}
.view-info .data{font-weight:300;}
.view-file{border-bottom:1px solid #dddddd; padding:12px 40px;}
.view-file dl:after{display:block;content:'';clear:both;}
.view-file dt{font-weight:600; float:left; width:100px;}
.view-file dd{float:left; width:calc(100% - 100px)}
.view-file .file{padding-left:20px; background:url(../img/content/i_file.png) left 5px no-repeat;}
.view-contents{padding:40px 50px; border-bottom:1px solid #dddddd;}

.reply-contents{margin-top:40px;}
.reply-contents .line{margin-bottom:40px;}

.inner-list{ margin-top:40px;}
.inner-list table{width:100%; border-top:1px solid #dddddd;}
.inner-list table th{background-color:#f6f6f6; padding:15px 40px; border-bottom:1px solid #dddddd; width:200px; box-sizing:border-box;}
.inner-list table td{padding:15px 40px; border-bottom:1px solid #dddddd; font-size:14px;}
.inner-list table td a{color:#666;}

.board .regist table{width:100%; border-top:1px solid #454545;}
.board .regist table th{background-color:#f7f7f7; padding:10px 10px 10px 20px; font-size:16px; text-align:left; border-bottom:1px solid #dddddd;}
.board .regist table td{padding:10px; text-align:left; border-bottom:1px solid #dddddd;}
.board .regist table td .input-data{min-height:40px; display:flex; align-items:center;}

.paging{text-align:center;padding:30px 0;}

.paging a{display:inline-block;height:28px;width:28px;vertical-align:middle;overflow:hidden;}
.paging .page{width:28px;height:28px;text-align:left;text-indent:-9999px;position:relative;}
.paging .page:after{display:block;width:28px;height:28px;position:absolute;left:0;top:0;content:'';}
.paging .first:after{background:url(../img/content/page_first.png) center center no-repeat;}
.paging .prev:after{background:url(../img/content/page_prev.png) center center no-repeat;}
.paging .prev{margin-right:10px;}
.paging .next{margin-left:10px;}
.paging .next:after{background:url(../img/content/page_next.png) center center no-repeat;}
.paging .last:after{background:url(../img/content/page_last.png) center center no-repeat;}
.paging .num{line-height:28px;font-size:13px;display:inline-block;width:30px;}
.paging .current{background:#0fa0b1;color:#fff;}

.btns{text-align:center;margin:30px 0; position:relative;}
.btns .right{position:absolute;right:0;top:0;}

.board-bottom{position:relative;}
.board-bottom .btns{position:absolute;right:0;top:-5px;}

.btn{min-width:150px;height:40px; line-height:40px; display:inline-block; text-align:center; font-size:15px; box-sizing:border-box; vertical-align:middle; transition:all 0.3s; }
.btn.gray{background-color:#6b6b6c; color:#fff;}
.btn.gray2{background-color:#787878; color:#fff; font-size:20px;}
.btn.blue{background-color:#0fa0b1; color:#fff; font-size:20px;}

.btn.auto{min-width:0; padding:0 15px;}
.btn.round{border-radius:4px;}
.btn.wide{min-width:170px; padding:0 25px;}

.btn.blue-line{background-color:#fff; border:1px solid #0fa0b1; line-height:38px; color:#0fa0b1; font-size:20px;}
.btn.line{background-color:#fff; border:1px solid #6b6b6c; line-height:38px; color:#333;}

.input-tel{line-height:40px;}
.input-tel select,
.input-tel input{width:160px;}

.input-email{line-height:40px;}
.input-email .e-id{width:170px; font-size:20px;}
.input-email .e-domain{width:200px;font-size:20px;}
.input-email .e-domain-opt{width:170px;font-size:20px;}

.radio-group label{margin-right:30px; line-height:40px;}

.input-addr .zipcode{margin-bottom:10px;}
.input-addr .zipcode input{width:160px;}
.input-addr .addr input + input{margin-top:3px;}

/* comment */
.comment-wrap{background-color:#f6f6f6; padding:30px;}
.cmt-title{margin-bottom:10px;}
.cmt-title .title{margin-right:10px; line-height:30px;}
.cmt-title .acount{margin-right:10px; line-height:30px; display:inline-block; height:30px; padding:0 28px; border-radius:15px; background-color:#fff; font-size:13px; vertical-align:middle;}
.cmt-input{background-color:#fff; padding:10px;}
.cmt-input:after{display:block;content:'';clear:both;}
.cmt-input .cmt-txt{float:left;height:50px; width:calc(100% - 75px);border:none; outline:none;}
.cmt-input .btn-regist{float:left;height:50px;width:75px;background-color:#6b6b6c;color:#fff; font-size:13px;font-weight:600;}
.cmt-list .row{border-bottom:1px solid #d4d4d4; position:relative; padding:30px 0;}
.cmt-list .row:after{display:block;content:'';clear:both;}
.cmt-list .u-info{float:left; width:220px; padding:3px 0; line-height:16px; font-size:14px; color:#777;}
.cmt-list .u-info .name{padding-right:10px;margin-right:10px;}
.cmt-list .u-info .date{margin-right:10px;}
.cmt-list .u-info .delete{width:16px;height:16px;display:inline-block;vertical-align:middle;text-align:left;overflow:hidden; text-indent:-9999px; background:url(../img/content/btn_cmt_delete.png) 0 0 no-repeat;}
.cmt-list .u-cmt{float:left; width:calc(100% - 220px); line-height:1.5em; font-size:14px; color:#777;}

/* 정보관리 */
.pw-check{border:1px solid #c6ccd8; text-align:center; padding:60px 80px;}
.pw-check .guide-txt{font-size:24px; line-height:1.33em; font-weight:300;}
.pw-check .pw-input{padding:30px 0 50px; text-align:center;}
.pw-check .pw-input .lb{margin-right:10px; font-size:20px;}
.pw-check .pw-input input{width:340px;}
.pw-check .btns{padding-top:30px; border-top:1px dotted #c6ccd8;}
.pw-check .btns .btn{margin:0 5px; font-size:20px;}

.pw-check2{border:1px solid #c6ccd8; text-align:center; padding:50px;}
.pw-check2 h4{font-size:32px; margin-bottom:20px;}
.pw-check2 h4 em{color:#0fa0b1;}
.pw-check2 .guide-txt{font-size:18px; line-height:1.33em; font-weight:300; margin-bottom:30px;}
.pw-check2 .pw-input{padding:50px 0; text-align:center; background-color:#f9f9f9;}
.pw-check2 .pw-input .lb{margin-right:10px; font-size:16px;}
.pw-check2 .pw-input input{width:340px;}
.pw-check2 .btns{padding:0; margin:30px 0 0 0;}
.pw-check2 .btns .btn{margin:0 5px;}

.point-status{border:6px solid #f0f0f0; padding:35px 0;}
.point-status ul{display:flex;}
.point-status ul li{width:25%; text-align:center; position:relative; padding:10px 0 50px;}
.point-status ul li:before{width:132px;height:132px;content:'';display:block; margin:0 auto 25px auto;}
.point-status ul li.total:before{background:url(../img/content/i_point_total.png) center center no-repeat;}
.point-status ul li.input:before{background:url(../img/content/i_point_input.png) center center no-repeat;}
.point-status ul li.ing:before{background:url(../img/content/i_point_ing.png) center center no-repeat;}
.point-status ul li.balance:before{background:url(../img/content/i_point_balance.png) center center no-repeat;}
.point-status ul li .lb{font-size:16px;margin-bottom:10px;}
.point-status ul li .data{font-size:16px; }
.point-status ul li .data em{font-size:42px; font-weight:300;}
.point-status ul li + li{border-left:1px dotted #b8b8b8; }
.point-status ul li.balance{color:#10a0b1; font-weight:600;}
.point-status ul li.balance .lb{font-size:20px;}

.tab-title{text-align:center; margin-bottom:50px;}
.tab-title h4{font-size:32px;}

.list-top{position:relative; margin-bottom:15px;}
.list-top:after{display:block;content:'';clear:both;}
.list-top > .left{float:left; position:relative; vertical-align:bottom;}
.list-top > .right{float:right; position:relative; vertical-align:bottom;}
.list-top > .guide{position:absolute;right:0;bottom:0;}

.radio-group + .search-period{margin-top:15px;}
.search-period{}
.search-period select{width:130px;}

.txt-blue{color:#0fa0b1;}

.radio.type-btn{position:relative; margin-right:3px;}
.radio.type-btn input{position:absolute;left:-9999px;}
.radio.type-btn span{display:inline-block; border:1px solid #ccccce; height:38px;line-height:38px; width:90px; text-align:center;cursor:pointer; }
.radio.type-btn input:checked + span{background-color:#acacac;color:#fff; font-size:14px;}

.lb-status{display:inline-block;height:28px;width:80px;text-align:center;line-height:28px; color:#0fa0b1; font-weight:600; border:1px solid #0fa0b1;}
.lb-status.end{color:#6b6b6c; border:1px solid #b2b2b2;}

.member-out{border:6px solid #f0f0f0; padding:56px;}
.member-out .front-txt{position:relative; text-align:left; margin-bottom:60px; padding:27px 100px 0 20px; }
.member-out .front-txt .txt1{font-size:32px; margin-bottom:16px;}
.member-out .front-txt .txt1 em{font-weight:600; color:#0fa0b1;}
.member-out .front-txt .txt2{font-size:18px;}
.member-out .front-txt .list-dot{margin-top:30px;padding-top:30px; border-top:1px solid #ddd; font-size:20px;color:#787878;}
.member-out .img{position:absolute;right:0;top:27px;}
.member-out .out-form{background-color:#f9f9f9; padding:45px 50px 50px 50px;}
.member-out .out-form .guide1{margin-bottom:10px; font-size: 18px;}
.member-out .out-form textarea{height:135px;}
.member-out .out-form .guide2{margin-top:40px; border-top:1px solid #ddd; padding:35px 0 25px; text-align:center; font-weight:600; font-size:18px;}
.member-out .out-form .pw-input{text-align:center;}
.member-out .out-form .pw-input input{width:330px; font-size:20px;}

.point-request{border:6px solid #f0f0f0; margin-bottom:30px;}
.point-request .point-wrap{padding:36px 0; display:flex;}
.point-request .point-wrap .point-info{width:290px; border-right:1px dotted #ddd; text-align:center; position:relative; font-size:16px;}
.point-request .point-wrap .point-info:before{display:block;content:'';width:132px;height:132px; margin:0 auto 15px auto; background:url(../img/content/i_point_balance2.png) center center no-repeat;}
.point-request .point-wrap .point-info em{font-size:42px;}
.point-request .point-wrap .request-current{padding-left:70px; padding-top:25px;}
.point-request .point-wrap .request-current h4{font-size:32px; font-weight:600; margin-bottom:30px;}
.point-request .point-wrap .request-current h4 em{color:#0fa0b1;}
.point-request .point-wrap .request-current .txt1{font-size:24px; margin-bottom:15px;}
.point-request .point-wrap .request-current .txt2{font-size:32px;}
.point-request .point-wrap .request-current .txt2 em{font-weight:600;}
.point-request .point-wrap .request-current .txt2 span{font-size:24px;}
.point-request .request-guide{background:#f0f0f0 url(../img/content/i_point_guide.png) 50px center no-repeat; padding:40px; padding:45px 0 45px 173px; font-size:16px;}

.request-type{border-top:2px solid #333;}
.request-type .row{border-bottom:1px solid #333; padding:24px 50px;}
.request-type .row:after{display:block;content:'';clear:both;}
.request-type .row.type{background-color:#f9f9f9;}
.request-type .row.type p{float:left; line-height:40px; font-size:16px; font-weight:600;}
.request-type .row.type .won-select{float:right; color:#777777; font-size:14px; line-height:40px;}
.request-type .row.type .won-select span + span{margin-left:100px;}
.request-type .row.type .won-select select{width:162px;}
.request-type .row.total{text-align:right; font-size:24px; font-weight:600;}
.request-type .row.total em{color:#0fa0b1; margin-left:65px;}

.point-request2{border:6px solid #f0f0f0; padding:56px;}
.point-request2 .front-txt{position:relative; text-align:left; padding:27px 100px 0 20px; }
.point-request2 .front-txt .txt1{font-size:32px; margin-bottom:16px;}
.point-request2 .front-txt .txt1 em{font-weight:600; color:#0fa0b1;}
.point-request2 .front-txt .txt2{font-size:22px;}
.point-request2 .front-txt .list-dot{margin-top:30px;padding-top:30px; border-top:1px solid #ddd; font-size:18px;color:#787878;}
.point-request2 .request-info{margin-top:30px;padding-top:30px; border-top:1px solid #ddd; font-size:18px;}
.point-request2 .request-info > div{display:inline-block; margin-right:40px; font-size:20px;}
.point-request2 .request-info > div span{margin-right:5px;}
.point-request2 .request-info > div em{font-weight:bold; color:#0fa0b1;}
.point-request2 .img{position:absolute;right:0;top:27px;}

.request-end-msg{text-align:center; padding:45px 0 10px; font-size:18px; font-weight:600;}


/* 회원서비스 *************************************************************************************** */

.login-box{border:1px solid #c6ccd8; text-align:center; padding:60px 80px;}
.login-box .login-txt{background:url(../img/content/login_bg.png) center top no-repeat;padding-top:150px; margin-bottom:50px;}
.login-box .login-txt .txt1{font-size:32px;color:#333; margin-bottom:15px; font-weight:300;}
.login-box .login-txt .txt1 b{font-size:32px;color:#0fa0b1;}
.login-box .login-txt .txt2{font-size:18px;color:#666666; font-weight:350;}
.login-box .login-form{width:500px;margin:0 auto 50px auto;}
.login-box .login-form:after{display:block;content:'';clear:both;}
.login-box .login-form .login-input{float:left; text-align:left;}
.login-box .login-form .login-input .row label{display:inline-block;width:65px;}
.login-box .login-form .login-input .row input{width:333px;}
.login-box .login-form .login-input .row{margin-bottom:10px;}
.login-box .login-form .login-input .save{padding-left:68px;}
.login-box .login-form .login-cmd{float:right; width:90px;}
.login-box .login-form .login-cmd input{width:90px;height:90px; background-color:#0fa0b1; color:#fff; border-radius:3px;}
.login-box .login-guide{background-color:#f0f0f0; line-height:44px;}
.login-box .login-guide a{display:inline-block; height:44px; line-height:44px; padding:0 60px; font-size:14px; position:relative;}
.login-box .login-guide a:before{display:inline-block; height:44px; content:''; vertical-align:middle; width:16px; margin-right:3px;}
.login-box .login-guide a.find-id:before{background:url(../img/content/i_find_id.png) center center no-repeat;}
.login-box .login-guide a.find-pw:before{background:url(../img/content/i_find_pw.png) center center no-repeat;}
.login-box .login-guide a.join:before{background:url(../img/content/i_join.png) center center no-repeat;}
.login-box .login-guide a + a{background:url(../img/content/login_guide_line.png) left center no-repeat;}


.agree-con{margin-bottom:40px;}
.agree-con h4{font-size:22px;margin-bottom:20px;}
.agree-con textarea{width:100%;height:240px; background-color:#fbfbfb; padding:20px; line-height:1.5em; font-size:14px;}
.agree-con .agree-check{padding:10px 0; text-align:right;}

.input-pw{}
.input-pw .pw-status{margin-left:15px;}
.input-pw .pw-status span{padding-left:25px; line-height:25px; display:inline-block; margin-right:15px; color:#818181; font-size:14px;}
.input-pw .pw-status span.off{background:url(../img/content/pw_off.png) left center no-repeat;}
.input-pw .pw-status span.on{background:url(../img/content/pw_on.png) left center no-repeat;  color:#333;}
.pw-guide{font-size:16px;color:#0fa0b1; line-height:1.5em; margin-top:10px;}

.join-end{border:1px solid #c6ccd8; text-align:center; padding:60px 80px;}
.join-end .end-txt{background:url(../img/content/end_bg.png) center top no-repeat;padding-top:150px; margin-bottom:50px;}
.join-end .end-txt .txt1{font-size:32px;color:#333; margin-bottom:20px; font-weight:300;}
.join-end .end-txt .txt1 b{font-size:32px;color:#0fa0b1; font-weight:500;}
.join-end .end-txt .txt2{font-size:22px;color:#666666; font-weight:300;}
.join-end .end-txt .txt2 span{color:#ff884d; border-bottom:1px solid #ff884d;}
.join-end .end-guide{padding-top:20px; border-top:1px dotted #c6ccd8; text-align:left; font-size:14px;}
.join-end .end-guide p{position:relative; padding-left:10px;}
.join-end .end-guide p:before{position:absolute;left:0;top:12px; display:block;content:'';width:3px;height:3px; background-color:#949494;}
.join-end .end-guide p.point{color:#2d4b8d;}



.panel-box{border:1px solid #c6ccd8; text-align:center; padding:60px 80px ;}
.panel-box .panel-txt{background:url(../img/content/panel_bg.png) center top no-repeat;padding-top:150px; margin-bottom:50px;}
.panel-box .panel-txt .txt1{font-size:32px;color:#333; margin-bottom:15px; font-weight:300;}
.panel-box .panel-form{width:425px;margin:0 auto 10px auto; text-align:left;}
.panel-box .panel-form .row label{display:inline-block;width:88px; font-size:18px;}
.panel-box .panel-form .row input{width:333px;}
.panel-box .panel-form .row{margin-bottom:10px;}
.panel-box .btns a{font-size:18px;}

.panel-arrow{height:66px; background:url(../img/content/panel_arrow.png) center center no-repeat;}
.panel-result{border:1px solid #c6ccd8; text-align:center; padding:40px 50px;}
.panel-result .msg{background-color:#f9f9f9; color:#0fa0b1; font-size:20px; padding:40px;}
.panel-result .btns{padding-top:20px;}


.find-box{border:1px solid #c6ccd8; text-align:center; padding:60px 20px 50px 20px;}
.find-box .find-txt{margin-bottom:50px;}
.find-box .find-txt p{font-size:32px;color:#333; margin-bottom:15px; font-weight:300;}
.find-box .find-txt p b{color:#0fa0b1;}
.find-box .find-form{width:calc(50% - 10px); background-color:#f9f9f9; box-sizing:border-box; padding:50px 0; text-align:center;}
.find-box .find-form .find-title{font-size:20px; margin-bottom:30px;}
.find-box .find-form .find-title span{padding-left:40px; display:inline-block; line-height:37px;}
.find-box .find-form .find-title + p{font-size:15px; margin:-20px 0 20px;}
.find-box .find-form .find-input{width:395px; margin:0 auto;}
.find-box .find-form .row{margin-bottom:10px;}
.find-box .find-form .row > label{display:inline-block;width:55px;}
.find-box .find-form .row > input{width:333px;}
.find-box .find-form .row > .input-phone{display:inline-block; width:333px; text-align:left; vertical-align:middle;}
.find-box .find-form .row > .input-phone:after{display:block;content:'';clear:both;}
.find-box .find-form .row > .input-phone select{width:110px;float:left;}
.find-box .find-form .row > .input-phone .dash{width:32px;float:left; text-align:center; line-height:40px;}
.find-box .find-form .row > .input-phone input{width:79px;float:left;}
.find-box .find-form1{float:left;}
.find-box .find-form1 .find-title span{background:url(../img/content/i_find_email.png) 0 0 no-repeat;}
.find-box .find-form2 .find-title span{background:url(../img/content/i_find_tel.png) 0 0 no-repeat;}
.find-box .find-form2{float:right;}
.find-box .find-form3{width:auto; padding:80px 0;}
.find-box .btns{clear:both; padding-top:40px;}
.find-box .find-form .btns{padding:20px 0 0 0;}
.find-box:after{display:block;content:'';clear:both;}


.change-box{border:1px solid #c6ccd8; text-align:center; padding:60px 20px 50px 20px;}
.change-box .change-txt{margin-bottom:30px;}
.change-box .change-txt p{font-size:24px;color:#333; margin-bottom:15px; font-weight:300;}
.change-box .change-txt p b{color:#0fa0b1;}
.change-box .change-form{background-color:#f9f9f9; box-sizing:border-box; padding:50px 20px; text-align:center;}
.change-box .change-form table{margin:0 auto;}
.change-box .change-form table th{padding:5px 10px;  text-align:right; line-height:40px; vertical-align:top; font-weight:400;}
.change-box .change-form table td{padding:5px; text-align:left; white-space:nowrap;}
.change-box .change-form table td input{width:333px;}
.change-box .btns{padding:20px 0 0 0;}

.phone-box{border:1px solid #c6ccd8; text-align:center; padding:60px 20px 50px 20px;}
.phone-box .certi-txt{background:url(../img/content/certi_bg.png) center top no-repeat;padding-top:150px;}
.phone-box .certi-txt h4{font-size:32px;color:#0fa0b1; margin-bottom:15px; font-weight:400;}
.phone-box .certi-txt p{font-size:22px;color:#666666; font-weight:300; line-height:1.25em;}

.result-box{border:1px solid #c6ccd8; text-align:center; padding:60px 80px 50px 80px;}
.result-box .result-txt{margin-bottom:30px;}
.result-box .result-txt p{font-size:24px;color:#333; margin-bottom:15px; font-weight:300;}
.result-box .result-msg{margin-bottom:40px;}
.result-box .result-msg .msg{background-color:#f9f9f9; padding:30px 20px; text-align:center; color:#0fa0b1; font-size:20px; font-weight:600;width:550px;margin:0 auto;}
.result-box .btns{padding:30px 0 0 0; border-top:1px dotted #ccc;}

/* 조사참여 *************************************************************************************** */
.start-btn {width: 100%; border:1px solid #c6ccd8; text-align:center; border-radius: 8px; padding: 8px 8px; background-color: #8c8c8c; color: white; white-space: nowrap;}

/* mobile ************************************************************************************************* */

@media all and (max-width:1200px){
	.main-visual .main-copy{width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;}
	.main-container .inner{width:100%; padding-left:20px; padding-right:20px; box-sizing:border-box;}
	.pn-intro .txt{width:100%; max-width:796px; box-sizing:border-box;}
	.survey-way .txt{width:100%; max-width:796px; box-sizing:border-box;}
}

@media all and (max-width:1000px){
	.main-visual{height:450px;}
	.main-visual ul li{height:450px;}
	.main-visual .main-copy{padding-top:150px;}
	.main-login{position:static; width:100%; max-width:420px; margin:20px auto; padding:30px 20px; box-sizing:border-box;}
	.main-login:before{display:none;}
	/* 패널소개 */
	.pn-intro{margin-bottom:80px;}
	.pn-intro .txt{position:static; width:100%; max-width:none; padding:30px 24px; margin-top:20px;}
	.pn-intro .txt > div{padding:24px 0;}
	.pn-intro .txt .txt1{font-size:24px; margin-bottom:12px;}
	.pn-intro .txt .txt2{font-size:18px;}

	/* 조사안내 - 모바일: 이미지 위·파란박스 아래로 겹치지 않게 배치 (.pn-intro와 동일) */
	.survey-way{display:block; margin-bottom:80px;}
	.survey-way .photo{grid-area:unset; z-index:auto;}
	.survey-way .txt{position:static; grid-area:unset; justify-self:auto; align-self:auto; width:100%; max-width:none; padding:30px 24px; margin-top:20px; z-index:auto;}
	.survey-way .txt > div{padding:24px 0;}
	.survey-way .txt .txt1{font-size:24px; margin-bottom:12px;}
	.survey-way .txt .txt2{font-size:18px;}

	.join-process{margin-bottom:50px;}
	.join-process dt{float:none; width:100%; padding-top:0; margin-bottom:24px; font-size:24px;}
	.join-process dd{float:none; width:100%;}
	.join-process ul{flex-wrap:wrap; justify-content:center; gap:30px 20px;}
	.join-process ul li{width:120px; padding-top:120px; font-size:15px;}
	.join-process ul li + li:before{left:50%; margin-left:-12px; top:-25px;}
	.join-benefit dt{float:none; width:100%; line-height:1.4; padding:0 0 20px 0; font-size:24px;}
	.join-benefit dd{float:none; width:100%;}
	.join-benefit ul{flex-wrap:wrap;}
	.join-benefit ul li{width:100%; height:auto; line-height:1.5; padding:16px 0 16px 90px; min-height:70px;}
	.join-benefit ul li.benefit2:before{display:none;}

	/* 로그인 박스 */
	/* 로그인 박스 모바일 */
	.login-box{padding:30px 20px;}
	.login-box .login-txt{background:url(../img/content/login_bg.png) center top no-repeat; padding-top:100px; margin-bottom:30px; background-size:80px auto;}
	.login-box .login-txt .txt1{font-size:24px; margin-bottom:12px;}
	.login-box .login-txt .txt1 b{font-size:24px;}
	.login-box .login-txt .txt2{font-size:14px;}
	.login-box .login-form{width:100%; max-width:500px; margin:0 auto 30px; padding:0 15px; box-sizing:border-box;}
	.login-box .login-form .login-input{float:left; width:calc(100% - 75px); text-align:left;}
	.login-box .login-form .login-input .row{margin-bottom:10px;}
	.login-box .login-form .login-input .row label{display:inline-block; width:55px; margin-bottom:0; font-size:14px;}
	.login-box .login-form .login-input .row input{width:calc(100% - 60px); max-width:240px; min-width:0; box-sizing:border-box; min-height:40px; font-size:14px;}
	.login-box .login-form .login-input .save{padding-left:58px;}
	.login-box .login-form .login-cmd{float:right; width:70px; margin-top:0;}
	.login-box .login-form .login-cmd input{width:70px; height:70px; min-height:70px; font-size:14px;}
	.login-box .login-guide{background-color:#f0f0f0; line-height:44px; padding:0;}
	.login-box .login-guide a{display:inline-block; height:44px; line-height:44px; padding:0 24px; font-size:13px;}
	.login-box .login-guide a + a{background:url(../img/content/login_guide_line.png) left center no-repeat;}

	.change-box{padding:40px 15px 30px;}
	.change-box .change-txt{margin-bottom:24px;}
	.change-box .change-txt p{font-size:20px;}
	.change-box .change-form{padding:30px 15px; text-align:left;}
	.change-box .change-form table{display:block; width:100%;}
	.change-box .change-form table tr{display:block; margin-bottom:20px;}
	.change-box .change-form table th{display:block; text-align:left; padding:0 0 8px 0; line-height:1.4;}
	.change-box .change-form table td{display:block; padding:0; white-space:normal;}
	.change-box .change-form table td input{width:100%; max-width:100%; box-sizing:border-box;}
	.change-box .btns{padding-top:24px;}

	/* 아이디 찾기 (find-box) 모바일 - 한 줄에 하나씩 */
	.find-box{padding:40px 15px 30px;}
	.find-box .find-txt{margin-bottom:30px;}
	.find-box .find-txt p{font-size:24px;}
	.find-box .find-form{width:100%; float:none; margin-bottom:20px; padding:30px 15px;}
	.find-box .find-form:last-of-type{margin-bottom:0;}
	.find-box .find-form .find-title{font-size:18px; margin-bottom:24px;}
	.find-box .find-form .find-title + p{font-size:14px; margin:-16px 0 16px;}
	.find-box .find-form .find-input{width:100%; max-width:395px; margin:0 auto; box-sizing:border-box;}
	.find-box .find-form .row > label{display:inline-block; width:55px;}
	.find-box .find-form .row > input{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form .row > .input-phone{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form1{float:none;}
	.find-box .find-form2{float:none;}
	.find-box .btns{padding-top:24px;}

	/* result-box (조회 결과) 모바일 */
	.result-box{padding:40px 24px 30px; box-sizing:border-box;}
	.result-box .result-txt{margin-bottom:24px;}
	.result-box .result-txt p{font-size:20px;}
	.result-box .result-msg{margin-bottom:30px;}
	.result-box .result-msg .msg{width:100%; max-width:100%; box-sizing:border-box; padding:24px 16px; font-size:18px;}
	.result-box .btns{padding-top:24px;}

	/* panel-box (패널 확인) 모바일 */
	.panel-box{padding:40px 24px; box-sizing:border-box;}
	.panel-box .panel-txt{background-size:80px auto; padding-top:100px; margin-bottom:36px;}
	.panel-box .panel-txt .txt1{font-size:24px;}
	.panel-box .panel-form{width:100%; max-width:100%; padding:0; box-sizing:border-box;}
	.panel-box .panel-form .row{display:block; margin-bottom:16px;}
	.panel-box .panel-form .row label{display:block; width:100%; margin-bottom:6px;}
	.panel-box .panel-form .row input{width:100%; max-width:100%; box-sizing:border-box;}
}

@media all and (max-width:800px){
	.main-visual{height:400px;}
	.main-visual ul li{height:400px;}
	.main-visual .main-copy{padding-top:120px;}
	.main-visual .main-copy .txt1{font-size:28px;}
	.main-visual .main-copy .txt2{font-size:22px;}
	.main-visual .main-copy .txt3{font-size:22px;}
}

@media all and (max-width:600px){
	.main-visual{height:350px;}
	.main-visual ul li{height:350px;}
	.main-visual .main-copy{padding-top:80px; text-align:center;}
	.main-visual .main-copy .txt1{font-size:22px; margin-bottom:10px;}
	.main-visual .main-copy .txt2{font-size:18px; margin-bottom:5px;}
	.main-visual .main-copy .txt3{font-size:18px;}
	.main-container .inner{padding:30px 15px;}
	.main-notice h2{font-size:30px; height:35px;}
	.main-notice .list .title{font-size:13px;}
	.main-notice .list .date{font-size:11px; width:70px;}
	/* 패널소개 */
	.pn-intro{margin-bottom:50px;}
	.pn-intro .txt{padding:24px 16px;}
	.pn-intro .txt > div{padding:20px 0;}
	.pn-intro .txt .txt1{font-size:20px; margin-bottom:10px;}
	.pn-intro .txt .txt2{font-size:16px;}

	/* 조사안내 */
	.survey-way{display:block; margin-bottom:50px;}
	.survey-way .txt{padding:24px 16px;}
	.survey-way .txt > div{padding:20px 0;}
	.survey-way .txt .txt1{font-size:20px; margin-bottom:10px;}
	.survey-way .txt .txt2{font-size:16px;}

	.join-process{margin-bottom:40px;}
	.join-process dt{font-size:20px; margin-bottom:10px;}
	.join-process ul{gap:24px 0;}
	.join-process ul li{width:100%; background-size:auto 80px; font-size:14px;}
	/* .join-process ul li{width:100%; padding-top:100px; background-size:auto 80px; font-size:14px;} */
	.join-process ul li + li:before{left:50%; top:-30px;}
	/* .join-process ul li + li:before{left:50%; top:-20px;} */
	.join-process ul li.step1 span{margin-left:0; margin-top:30px;}
	.join-benefit{padding:24px 0;}
	.join-benefit dt{font-size:20px; padding-bottom:16px;}
	.join-benefit ul li{padding-left:80px; min-height:60px; font-size:14px;}
	.join-benefit ul li.benefit1,
	.join-benefit ul li.benefit2{background-size:50px auto;}
	/* 정보관리 */
	.pw-check{padding:30px 15px;}
	.pw-check .guide-txt{font-size:18px;}
	.pw-check2 h4{font-size:22px;}
	.pw-check2 .guide-txt{font-size:15px;}
	.point-status ul li{width:50%; padding-bottom:30px;}
	.point-status ul li:before{width:60px; height:60px;}
	.point-status ul li .lb{font-size:14px;}
	.point-status ul li .data em{font-size:28px;}
	.tab-title h4{font-size:22px;}
	.member-out{width:100%; max-width:100%; padding:24px 16px; overflow-x:hidden;}
	.member-out .front-txt{width:100%; max-width:100%; overflow-wrap:break-word; margin-bottom:24px;}
	.member-out .front-txt .txt1{font-size:20px;}
	.member-out .front-txt .txt2{font-size:15px;}
	.member-out .front-txt .list-dot{margin-top:16px; padding-top:16px; font-size:14px;}
	.member-out .img{max-width:100%; margin-top:20px;}
	.member-out .img img{width:auto; max-width:160px; height:auto; object-fit:contain; display:block; margin:0 auto;}
	.member-out .out-form{width:100%; max-width:100%; padding:20px 16px; overflow-x:hidden;}
	.member-out .out-form .guide1{font-size:14px;}
	.member-out .out-form textarea{min-height:100px;}
	.member-out .out-form .guide2{margin-top:22px; padding-top:20px; font-size:14px;}
	.point-request .point-wrap .point-info:before{width:80px; height:80px; background-size:contain;}
	.point-request .point-wrap .point-info em{font-size:32px;}
	.point-request .point-wrap .request-current h4{font-size:20px;}
	.point-request .point-wrap .request-current .txt2{font-size:22px;}
	.request-type .row{padding:12px 15px;}
	.request-type .row.type p{font-size:14px;}
	.request-type .row.total{font-size:20px;}
	.point-request2 .front-txt .txt1{font-size:20px;}
	.point-request2 .front-txt .txt2{font-size:16px;}
	.request-end-msg{font-size:16px;}

	/* 로그인 박스 모바일 */
	.login-box{padding:30px 20px;}
	.login-box .login-txt{background:url(../img/content/login_bg.png) center top no-repeat; padding-top:100px; margin-bottom:30px; background-size:80px auto;}
	.login-box .login-txt .txt1{font-size:24px; margin-bottom:12px;}
	.login-box .login-txt .txt1 b{font-size:24px;}
	.login-box .login-txt .txt2{font-size:14px;}
	.login-box .login-form{width:100%; max-width:500px; margin:0 auto 30px; padding:0 15px; box-sizing:border-box;}
	.login-box .login-form .login-input{float:left; width:calc(100% - 75px); text-align:left;}
	.login-box .login-form .login-input .row{margin-bottom:10px;}
	.login-box .login-form .login-input .row label{display:inline-block; width:55px; margin-bottom:0; font-size:14px;}
	.login-box .login-form .login-input .row input{width:calc(100% - 60px); max-width:240px; min-width:0; box-sizing:border-box; min-height:40px; font-size:14px;}
	.login-box .login-form .login-input .save{padding-left:58px;}
	.login-box .login-form .login-cmd{float:right; width:70px; margin-top:0;}
	.login-box .login-form .login-cmd input{width:70px; height:70px; min-height:70px; font-size:14px;}
	.login-box .login-guide{background-color:#f0f0f0; line-height:44px; padding:0;}
	.login-box .login-guide a{display:inline-block; height:44px; line-height:44px; padding:0 24px; font-size:13px;}
	.login-box .login-guide a + a{background:url(../img/content/login_guide_line.png) left center no-repeat;}

	.change-box{padding:40px 15px 30px;}
	.change-box .change-txt{margin-bottom:24px;}
	.change-box .change-txt p{font-size:20px;}
	.change-box .change-form{padding:30px 15px; text-align:left;}
	.change-box .change-form table{display:block; width:100%;}
	.change-box .change-form table tr{display:block; margin-bottom:20px;}
	.change-box .change-form table th{display:block; text-align:left; padding:0 0 8px 0; line-height:1.4;}
	.change-box .change-form table td{display:block; padding:0; white-space:normal;}
	.change-box .change-form table td input{width:100%; max-width:100%; box-sizing:border-box;}
	.change-box .btns{padding-top:24px;}

	/* 아이디 찾기 (find-box) 모바일 - 한 줄에 하나씩 */
	.find-box{padding:40px 15px 30px;}
	.find-box .find-txt{margin-bottom:30px;}
	.find-box .find-txt p{font-size:24px;}
	.find-box .find-form{width:100%; float:none; margin-bottom:20px; padding:30px 15px;}
	.find-box .find-form:last-of-type{margin-bottom:0;}
	.find-box .find-form .find-title{font-size:18px; margin-bottom:24px;}
	.find-box .find-form .find-title + p{font-size:14px; margin:-16px 0 16px;}
	.find-box .find-form .find-input{width:100%; max-width:395px; margin:0 auto; box-sizing:border-box;}
	.find-box .find-form .row > label{display:inline-block; width:55px;}
	.find-box .find-form .row > input{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form .row > .input-phone{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form1{float:none;}
	.find-box .find-form2{float:none;}
	.find-box .btns{padding-top:24px;}

	/* result-box (조회 결과) 소형 모바일 */
	.result-box{padding:30px 16px 24px; box-sizing:border-box;}
	.result-box .result-txt{margin-bottom:20px;}
	.result-box .result-txt p{font-size:18px;}
	.result-box .result-msg{margin-bottom:24px;}
	.result-box .result-msg .msg{width:100%; max-width:100%; box-sizing:border-box; padding:20px 12px; font-size:16px;}
	.result-box .btns{padding-top:20px;}
	.result-box .btns a,
	.result-box .btns input[type="button"],
	.result-box .btns input[type="submit"]{display:block; width:100%; max-width:100%; margin:0 auto 10px; box-sizing:border-box;}
	.result-box .btns a:last-child,
	.result-box .btns input[type="button"]:last-child,
	.result-box .btns input[type="submit"]:last-child{margin-bottom:0;}

	/* panel-box (패널 확인) 소형 모바일 */
	.panel-box{padding:30px 16px; box-sizing:border-box;}
	.panel-box .panel-txt{background-size:64px auto; padding-top:80px; margin-bottom:28px;}
	.panel-box .panel-txt .txt1{font-size:20px;}
	.panel-box .panel-form .row{margin-bottom:14px;}
}

/* 패널 현황표 (panel-status-table) - 구분/남자(n)/여자(n)/합계 레이아웃 */
.panel-status-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;}
.panel-status-wrap table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;border:2px solid black;}
.panel-status-wrap th,.panel-status-wrap td{border:1px solid #8e8e8e;box-sizing:border-box;}
.panel-status-wrap thead th{font-weight:600;padding:10px 8px;text-align:center;vertical-align:middle;}
.panel-status-wrap thead .panel-status-hdr-division,
.panel-status-wrap thead .panel-status-hdr-total{background:#e0f2f7;color:#333;}
.panel-status-wrap thead .panel-status-hdr-gender,
.panel-status-wrap thead .panel-status-hdr-age{background:#e0f2f7;color:#333;}
.panel-status-wrap thead .panel-status-hdr-gender{border-right-width:2px;}
.panel-status-wrap thead .panel-status-hdr-age{padding:8px 6px;font-size:13px;}
.panel-status-wrap tbody th{font-weight:500;padding:8px 10px;border:1px solid #8e8e8e;white-space:nowrap;}
.panel-status-wrap tbody td{padding:6px 8px;border:1px solid #8e8e8e;min-width:2.2em;}
.panel-status-wrap .panel-status-cell-left{text-align:left;background:#e0f2f7 !important;color:#333;}
.panel-status-wrap .panel-status-cell-num{text-align:right;}
.panel-status-wrap tbody tr:nth-child(even) th:not(.panel-status-cell-left){background:#f8f9fa;}
.panel-status-wrap tbody tr:hover th,.panel-status-wrap tbody tr:hover td{background:#e8f4f6;}
.panel-status-wrap .panel-status-row-total{background:#e0f2f7 !important;font-weight:600;color:#333;}
.panel-status-wrap tbody tr:last-child td{background:#f0f4f8;}
.panel-status-wrap tbody tr:last-child:hover td{background:#e0e8f0;}

/* 패널 현황표: 스크롤 영역 너비 확대 */
.sub-container.sub-container--panel-status{width:1400px;}
@media (max-width:1420px){.sub-container.sub-container--panel-status{width:100%;}}

/* 조사 현황표 전용: 스크롤 없이 자동 크기 조정, 한눈에 보기 */
.survey-status-table-wrap{overflow:visible;margin-bottom:1rem;}
.survey-status-table-wrap .survey-status-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;border:2px solid black;}
.survey-status-table-wrap .survey-status-table th,
.survey-status-table-wrap .survey-status-table td{border:1px solid #8e8e8e;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.survey-status-table-wrap .survey-status-table thead th{font-weight:600;padding:10px 6px;text-align:center;vertical-align:middle;}
.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-division,
.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-gender,
.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-total{background:#e0f2f7;color:#333;}
.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-gender{border-right-width:2px;}
/* 연령대 헤더: 줄바꿈 허용·뭉개짐 방지 (overflow-wrap은 구형 브라우저용 word-wrap과 함께 사용) */
.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-age{background:#e0f2f7;color:#333;padding:6px 3px;font-size:14px;line-height:1.25;white-space:normal;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word;min-width:0;}
.survey-status-table-wrap .survey-status-table tbody th{font-weight:500;padding:8px 6px;border:1px solid #8e8e8e;}
.survey-status-table-wrap .survey-status-table tbody td{padding:6px 4px;border:1px solid #8e8e8e;text-align:right;}
.survey-status-table-wrap .survey-status-table .panel-status-cell-left{text-align:left;background:#e0f2f7 !important;color:#333;white-space:normal;word-break:keep-all;}
.survey-status-table-wrap .survey-status-table .panel-status-cell-num{text-align:right;}
.survey-status-table-wrap .survey-status-table tbody tr:nth-child(even) th:not(.panel-status-cell-left){background:#f8f9fa;}
.survey-status-table-wrap .survey-status-table tbody tr:hover th,
.survey-status-table-wrap .survey-status-table tbody tr:hover td{background:#e8f4f6;}
.survey-status-table-wrap .survey-status-table .panel-status-row-total{background:#e0f2f7 !important;font-weight:600;color:#333;}
.survey-status-table-wrap .survey-status-table tbody tr:last-child td{background:#f0f4f8;}
.survey-status-table-wrap .survey-status-table tbody tr:last-child:hover td{background:#e0e8f0;}
/* 구분 열·합계 열 너비 고정, 나머지 균등 분배 */
.survey-status-table-wrap .survey-status-table thead th.survey-status-hdr-division,
.survey-status-table-wrap .survey-status-table th.panel-status-cell-left{width:12%;}
.survey-status-table-wrap .survey-status-table thead th.survey-status-hdr-total,
.survey-status-table-wrap .survey-status-table td:last-child{width:5%;}

@media all and (max-width:992px){
	.survey-status-table-wrap .survey-status-table{font-size:13px;}
	.survey-status-table-wrap .survey-status-table thead th{padding:8px 4px;}
	.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-age{padding:5px 2px;font-size:10px;line-height:1.2;}
	.survey-status-table-wrap .survey-status-table tbody th,
	.survey-status-table-wrap .survey-status-table tbody td{padding:6px 4px;}
}
@media all and (max-width:768px){
	.survey-status-table-wrap .survey-status-table{font-size:12px;}
	.survey-status-table-wrap .survey-status-table thead th{padding:6px 3px;font-size:11px;}
	.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-age{padding:4px 2px;font-size:9px;line-height:1.2;}
	.survey-status-table-wrap .survey-status-table tbody th,
	.survey-status-table-wrap .survey-status-table tbody td{padding:5px 3px;font-size:11px;}
	.survey-status-table-wrap .survey-status-table th.panel-status-cell-left{width:14%;}
	.survey-status-table-wrap .survey-status-table th.survey-status-hdr-total,
	.survey-status-table-wrap .survey-status-table td:last-child{width:6%;}
}
@media all and (max-width:500px){
	.survey-status-table-wrap{margin-left:-12px;margin-right:-12px;padding:0 8px;}
	.survey-status-table-wrap .survey-status-table{font-size:10px;}
	.survey-status-table-wrap .survey-status-table thead th{padding:4px 2px;font-size:9px;}
	.survey-status-table-wrap .survey-status-table thead .survey-status-hdr-age{padding:3px 1px;font-size:8px;line-height:1.15;}
	.survey-status-table-wrap .survey-status-table tbody th,
	.survey-status-table-wrap .survey-status-table tbody td{padding:4px 2px;font-size:10px;}
	.survey-status-table-wrap .survey-status-table th.panel-status-cell-left{width:18%;}
}

@media all and (max-width:768px){
	.panel-status-wrap table{min-width:680px;font-size:13px;}
	.panel-status-wrap thead th{padding:8px 6px;font-size:13px;}
	.panel-status-wrap thead .panel-status-hdr-age{padding:6px 4px;font-size:12px;}
	.panel-status-wrap tbody th{position:sticky;left:0;z-index:2;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
	.panel-status-wrap tbody th.panel-status-cell-left{background:#e0f2f7 !important;}
	.panel-status-wrap tbody tr:last-child th.panel-status-row-total{background:#e0f2f7 !important;}
	.panel-status-wrap tbody td{padding:5px 6px;min-width:2em;}
}

@media all and (max-width:500px){
	.main-visual{height:300px;}
	.main-visual ul li{height:300px;}
	.main-visual .main-copy{padding-top:40px;}
	.main-visual .main-copy .txt1{font-size:20px;}
	.main-visual .main-copy .txt2{font-size:18px;}
	.main-visual .main-copy .txt3{font-size:18px;}
	.main-login-wrap{width:100%; padding:20px 15px;}
	.main-login-wrap h2 span{font-size:26px;}
	.main-login-wrap h2 em{font-size:32px;}
	.pn-intro .txt .txt1{font-size:25px;}
	.pn-intro .txt .txt2{font-size:20px;}
	.survey-way .txt .txt1{font-size:22px;}
	.survey-way .txt .txt2{font-size:20px;}
	.join-process dt{font-size:24px;}
	.join-process ul li{font-size:20px;}
	.join-benefit dt{font-size:18px;}
	.join-benefit ul li{font-size:13px;}
/* 정보관리 */
	.pw-check .guide-txt{font-size:20px;}
	.pw-check2 h4{font-size:20px;}
	.pw-check2 .guide-txt{font-size:14px;}
	.point-status ul li{width:100%; border-left:none !important; border-bottom:1px dotted #b8b8b8;}
	.point-status ul li:last-child{border-bottom:none;}
	.point-status ul li:before{width:56px; height:56px;}
	.point-status ul li .data em{font-size:24px;}
	.tab-title h4{font-size:20px;}
	.member-out{width:100%; max-width:100%; padding:20px 12px; overflow-x:hidden;}
	.member-out .front-txt{width:100%; max-width:100%; margin-bottom:20px;}
	.member-out .front-txt .txt1{font-size:24px;}
	.member-out .front-txt .txt2{font-size:20px;}
	.member-out .front-txt .list-dot{margin-top:16px; padding-top:16px; font-size:13px;}
	.member-out .img img{width:auto; max-width:100px; height:auto; display:block; margin:0 auto;}
	.member-out .out-form{width:100%; max-width:100%; padding:18px 12px; overflow-x:hidden;}
	.member-out .out-form .guide1{font-size:18px;}
	.member-out .out-form .guide2{font-size:18px;}
	.point-request .point-wrap .point-info:before{width:64px; height:64px;}
	.point-request .point-wrap .point-info em{font-size:28px;}
	.point-request .point-wrap .request-current h4{font-size:18px;}
	.point-request .point-wrap .request-current .txt1{font-size:18px;}
	.point-request .point-wrap .request-current .txt2{font-size:20px;}
	.request-type .row.type p{font-size:13px;}
	.request-type .row.total{font-size:18px;}
	.point-request2 .front-txt .txt1{font-size:18px;}
	.point-request2 .front-txt .txt2{font-size:15px;}
	.point-request2 .request-info{font-size:15px;}

/* 로그인 박스 모바일 */
	.login-box{padding:30px 20px;}
	.login-box .login-txt{background:url(../img/content/login_bg.png) center top no-repeat; padding-top:100px; margin-bottom:30px; background-size:80px auto;}
	.login-box .login-txt .txt1{font-size:28px; margin-bottom:12px;}
	.login-box .login-txt .txt1 b{font-size:28px;}
	.login-box .login-txt .txt2{font-size:20px;}
	.login-box .login-form{width:100%; max-width:500px; margin:0 auto 30px; padding:0 15px; box-sizing:border-box;}
	.login-box .login-form .login-input{float:left; width:calc(100% - 75px); text-align:left;}
	.login-box .login-form .login-input .row{margin-bottom:10px;}
	.login-box .login-form .login-input .row label{display:inline-block; width:55px; margin-bottom:0; font-size:14px;}
	.login-box .login-form .login-input .row input{width:calc(100% - 60px); max-width:240px; min-width:0; box-sizing:border-box; min-height:40px; font-size:14px;}
	.login-box .login-form .login-input .save{padding-left:58px;}
	.login-box .login-form .login-cmd{float:right; width:70px; margin-top:0;}
	.login-box .login-form .login-cmd input{width:70px; height:70px; min-height:70px; font-size:18px;}
	.login-box .login-guide{background-color:#f0f0f0; line-height:44px; padding:0;}
	.login-box .login-guide a{display:inline-block; height:44px; line-height:44px; padding:0 24px;}
	/* .login-box .login-guide a + a{background:url(../img/content/login_guide_line.png) left center no-repeat;} */

	.change-box{padding:40px 15px 30px;}
	.change-box .change-txt{margin-bottom:24px;}
	.change-box .change-txt p{font-size:25px;}
	.change-box .change-form{padding:30px 15px; text-align:left;}
	.change-box .change-form table{display:block; width:100%;}
	.change-box .change-form table tr{display:block; margin-bottom:20px;}
	.change-box .change-form table th{display:block; text-align:left; padding:0 0 8px 0; line-height:1.4;}
	.change-box .change-form table td{display:block; padding:0; white-space:normal;}
	.change-box .change-form table td input{width:100%; max-width:100%; box-sizing:border-box; font-size: 18px;}
	.change-box .btns{padding-top:24px;}

/* 아이디 찾기 (find-box) 모바일 - 한 줄에 하나씩 */
	.find-box{padding:40px 15px 30px;}
	.find-box .find-txt{margin-bottom:30px;}
	.find-box .find-txt p{font-size:24px;}
	.find-box .find-form{width:100%; float:none; margin-bottom:20px; padding:30px 15px;}
	.find-box .find-form:last-of-type{margin-bottom:0;}
	.find-box .find-form .find-title{font-size:18px; margin-bottom:24px;}
	.find-box .find-form .find-title + p{font-size:14px; margin:-16px 0 16px;}
	.find-box .find-form .find-input{width:100%; max-width:395px; margin:0 auto; box-sizing:border-box;}
	.find-box .find-form .row > label{display:inline-block; width:55px;}
	.find-box .find-form .row > input{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form .row > .input-phone{width:100%; max-width:333px; box-sizing:border-box;}
	.find-box .find-form1{float:none;}
	.find-box .find-form2{float:none;}
	.find-box .btns{padding-top:24px;}

/* result-box (조회 결과) 소형 모바일 */
	.result-box{padding:30px 16px 24px; box-sizing:border-box;}
	.result-box .result-txt{margin-bottom:20px;}
	.result-box .result-txt p{font-size:18px;}
	.result-box .result-msg{margin-bottom:24px;}
	.result-box .result-msg .msg{width:100%; max-width:100%; box-sizing:border-box; padding:20px 12px; font-size:16px;}
	.result-box .btns{padding-top:20px;}
	.result-box .btns a,
	.result-box .btns input[type="button"],
	.result-box .btns input[type="submit"]{display:block; width:100%; max-width:100%; margin:0 auto 10px; box-sizing:border-box;}
	.result-box .btns a:last-child,
	.result-box .btns input[type="button"]:last-child,
	.result-box .btns input[type="submit"]:last-child{margin-bottom:0;}

/* panel-box (패널 확인) 소형 모바일 */
	.panel-box{padding:30px 16px; box-sizing:border-box;}
	.panel-box .panel-txt{background-size:64px auto; padding-top:80px; margin-bottom:28px;}
	.panel-box .panel-txt .txt1{font-size:20px;}
	.panel-box .panel-form .row{margin-bottom:14px;}
/* 패널 현황표 모바일 - 가로 스크롤 + 교구열 고정 */
	.panel-status-wrap{margin-left:-12px;margin-right:-12px;padding:0 12px;box-shadow:inset -8px 0 12px -8px rgba(0,0,0,0.08);}
	.panel-status-wrap table{min-width:680px;font-size:12px;}
	.panel-status-wrap thead th{padding:8px 4px;font-size:12px;}
	.panel-status-wrap thead .panel-status-hdr-age{padding:6px 4px;font-size:11px;}
	.panel-status-wrap tbody th{position:sticky;left:0;z-index:2;padding:6px 8px;font-size:12px;box-shadow:2px 0 4px rgba(0,0,0,0.06);}
	.panel-status-wrap tbody td{padding:5px 4px;min-width:2em;font-size:12px;}
}