@charset "UTF-8"; 

.subtopNav {position:relative; z-index:1;}
.subtopNav .subtopInner {position:absolute; left:0; top:0; right:0; bottom:0; background:linear-gradient(-135deg, #ef9412 5%, #8f5d3e 40%, #3a5396 75%, #1263f0 90%); opacity:0.1;}

/*상단 탭*/
.tab_outside {position:relative; margin:0 auto; padding:50px 40px 0;}
.tab_outside:before {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#d8d8d8; /*z-index:1;*/}
.tab_outside:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 {margin:1px auto 0; max-width:1520px;}
.tab_box2:after {content:''; display:block; visibility:hidden; clear:both;}
.tab_box2 li {position:relative; display:table; float:left; padding:2px 2px 0; width:25%; height:100%; vertical-align:middle;}
.tab_box2 li a {position:relative; display:table-cell; height:60px; cursor:pointer; font-family:'OneMobile'; color:#444; text-align:center; vertical-align:middle; line-height:1.0; border-width:1px; border-style:solid; border-color:#cacaca; border-radius:15px 15px 0 0; background-color:#f5f5f5;}
.tab_box2 li a:hover, .tab_box2 li a:active, .tab_box2 li a:focus {color:#121212; background-color:#d1d1d1; transition: all 0.1s linear;}
.tab_box2 li.tab_on a {color:#121212; border-color:#121212; background-color:#fff; text-decoration:none; border-bottom-color:#fff; font-weight:500; z-index:2;}
.tab_box2 li.tab_on a:after {content:''; visibility:visible; display:block; position:absolute; bottom:-4px; left:50%; margin-left:-5px; width:0; height:0; border:solid transparent; border-width:5px; border-color:rgba(0,125,198,0); border-top-color:#121212; transform-origin:center; transition: all 0.2s ease;}
.tab_box2 li a span {display:block; padding:3px 15px 0 ; line-height:1.2;}


/*상단 탭 select*/
.tabSelect {display:none; padding:20px;}

.site_item {display:block; position:relative; border:1px solid #aaa; border-radius:10px;}
.site_show {display:block; position:relative; width:100%; padding:17px 75px 15px 18px; border-radius:10px; font-family:'OneMobile'; font-size:1.8rem; text-align:left; background-color:#fff; color:#444;}
.site_show:before {content:''; display:block; position:absolute; top:0; right:18px; bottom:0; margin-top:auto; margin-bottom:auto; width:15px; height:9px; background: url(../images/foot_arrowbl.png) no-repeat;  transform:rotate(180deg); transition:transform 0.2s ease;}
.site_item.active .site_show:before {background:url(../images/foot_arrow.png) 0 0 no-repeat; transform:rotate(0deg); transition:transform 0.2s ease;}

.site_panel {display:none; position:absolute; top:100%; left:0; width:100%; padding:1px; border-color:transparent; background-image:linear-gradient(#fff, #fff),linear-gradient(120deg, #203274 5%, #275c99 40%, #2c7fb7 75%, #33a7d9 90%); background-origin:border-box; background-clip:content-box,border-box; border-radius:0 0 10px 10px; transition-property:background-image, color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.site_ul {padding:14px 10px 10px 15px;}
.site_li {position:relative; padding-left:12px;}
.site_li:before {content:''; display:block; position:absolute; top:14px; left:0; width:6px; height:1px; background-color:#8c8c8c;}
.site_li:hover:before {background-color: #000;}
a.site_anchor {font-family:'OneMobile'; color:#666; line-height:26px; letter-spacing:-0.025em; font-size:1.6rem;}
.site_li:hover .site_anchor {color:#000;}

/* 활성화 */
.site_item.active {border:none;}
.site_item.active .site_show {
	background:#203274; /* Old browsers */
	background:-moz-linear-gradient(45deg, #203274 5%, #275c99 40%, #2c7fb7 75%, #33a7d9 90%); /* FF3.6-15 */
	background:-webkit-linear-gradient(45deg,  #203274 5%,#275c99 40%,#2c7fb7 75%,#33a7d9 90%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(120deg, #203274 5%, #275c99 40%, #2c7fb7 75%, #33a7d9 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#fff;
	border-radius:10px 10px 0 0;
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#203274', endColorstr='#33a7d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.site_item.active .site_panel{}



/* media query */
@media screen and (max-width:1200px) {
	.tab_outside {padding:40px 20px 0;}
}

@media screen and (max-width:1024px) { 
}

@media screen and (max-width:920px) { 
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:640px) {
}

@media screen and (max-width:480px) {
	.tab_outside {display:none;}
	.tabSelect {display:block;}
}



/*서브페이지 타이틀 */
.sub_title h2 {padding:20px 0; font-family:'OneMobile'; font-size:3.4rem; color:#222; text-align:center;}
.sub_title.onlyTit h2 {padding:30px 0 25px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
	.sub_title h2 {font-size:3.0rem;}
}

@media screen and (max-width:920px){
}

@media screen and (max-width:767px){
	.sub_title h2 {padding:15px 0 10px; font-size:2.7rem;}
  	.sub_title.onlyTit h2 {padding:20px 0 15px;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.sub_title h2 {padding:0 0 10px; font-size:2.5rem;}
}
 
 
 
/********************************
 반응형 테이블 상세
 *******************************/
.viewTable {position:relative;}

.viewTable .view_info {display:flex; flex-wrap:wrap; border-top:2px solid #333;}
.viewTable .view_info > div {width:50%; display:flex; justify-content:flex-start; align-items:stretch; border-bottom:1px solid #ddd;}
.viewTable .view_info > div dl {display:flex; align-items:stretch; width:100%;}
.viewTable .view_info > div dt {padding:15px; width:150px; min-width:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:#f7f7fc; color:#333; text-align:center;}
.viewTable .view_info > div dd {padding:15px; width:calc(100% - 150px); display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;}

.viewTable .view_info > div dd select {position:relative; padding:0 30px 0 12px; min-width:160px; background:#fbfbfb url(../../kdgas/images/select_arrow.png) right 10px center no-repeat; border-radius:8px;}
.viewTable .view_info > div dd input {border-radius:8px; background-color:#fbfbfb;}
.viewTable .view_info > div dd input.onlyInput {width:unset;}
.viewTable .view_info > div dd input[type="file"] {margin-bottom:5px; border-radius:0;}
.viewTable .view_info > div dd.addr_tbox {justify-content:space-between;}
.viewTable .view_info > div dd.addr_tbox input {width:calc(100% - 110px);}

.viewTable .view_info > div dd.addr_tbox2 {align-items:flex-start; flex-direction:column;}
.viewTable .view_info > div dd.addr_tbox2 span {display:flex; flex-wrap:wrap; gap:10px; width:100%;}
.viewTable .view_info > div dd.addr_tbox2 span.ip_box1 input {width:150px;}

.viewTable .view_info > div dd.addr_tbox2 span.ip_box2 {margin-top:10px;}
.viewTable .view_info > div dd.addr_tbox2 span.ip_box2 input {width:100%;}

.viewTable .view_info > div dd.addr_tbox2 span.ip_box2.box2 input {width:calc(50% - 10px);}
.viewTable .view_info > div dd.addr_tbox2 span.ip_box2.box3 input {width:unset;}

.viewTable .view_info > div dd textarea {min-height:120px; border-radius:8px;}

.view_txtarea {padding:30px 20px; border-bottom:1px solid #ddd;}


/*버튼박스*/
.btnBox {margin-top:50px; text-align:center;}
.btnBox.popup_btn {margin-top:20px;}
.btnBox .btn_save {width:20%;}

/* 라디오 버튼 나열 */
.viewTable .view_info > div dd.radio_list {gap:5px;}
.viewTable .view_info > div dd.check_list {gap:5px;}

/* 셀렉트 ~ 셀렉트 */
.viewTable .view_info > div dd .dash {padding:0 10px;}
.viewTable .view_info > div dd.two_select {}

/* 인풋 ~ 인풋 */
.viewTable .view_info > div dd.two_input input {margin-right:5px; max-width:65px;}


/* .view_info > div안에 dl리스트 여러개일때 */
.viewTable .view_info > div.more_info dl {height:100%;}
.viewTable .view_info > div.more_info > dl > dd {padding:0;}
.viewTable .view_info > div.more_info dt {padding:0;}
.viewTable .view_info > div.more_info dd ul {width:100%; display:flex; flex-wrap:wrap; align-items:stretch;}
.viewTable .view_info > div.more_info dd ul li {width:50%; border-top:1px solid #ddd;}
.viewTable .view_info > div.more_info dd ul li:nth-child(-n+2) {border-top:0;}
.viewTable .view_info > div.more_info dd ul li dt {width:100px; min-width:100px; background-color:#fbfbfb;}
.viewTable .view_info > div.more_info dd ul li dd {width:calc(100% - 100px);}
.viewTable .view_info > div.more_info .more_del {display:block;line-height:inherit; padding:2px 10px;}


/*동의 박스*/
.agreeWrap {width:100% !important; border-bottom:0 !important;}
.agreeWrap ul {width:100%;}
.agreeWrap ul li {display:flex; justify-content:space-between; align-items:center; margin-top:15px; padding:15px 10px 15px 15px; border:1px solid #ddd; border-radius:10px;}
.agreeWrap ul li p {line-height:1.2;}
.agreeWrap ul li .miniTxt {font-size:1.7rem;}

.agreeWrap ul li .mkt_list {display:inline-block;}
.agreeWrap ul li .mkt_list dl dt {padding:unset; width:unset; min-width:unset; display:unset; background-color:unset; color:#333; text-align:unset; font-weight:400;}
.agreeWrap ul li .mkt_list dl dd {padding:unset; width:unset; display:unset;}


/*보안문자입력*/
.security_box .captcha_rebtn {position:relative; width:70px; height:70px; background-color:#138719;}
.security_box .captcha_rebtn:before {content:''; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; width:28px; height:28px; background:url(../../kdgas/images/sub02/icon_reload.png) 0 0 no-repeat;}
.security_box .numbox {display:flex; margin-bottom:0; margin-right:20px;}

/*전출-세대정보확인*/
.info_select {margin-bottom:10px; text-align:right;}



  /* media query */
@media screen and (max-width:1200px) {
	/*버튼박스*/
	.btnBox {margin-top:35px;}
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:920px) {
	/*동의 박스*/
	.agreeWrap ul li .mktArea {display:flex; flex-wrap:wrap; flex-direction:column;}
	.agreeWrap ul li .mkt_list {margin-bottom:5px;}
	.agreeWrap ul li .mktArea > .agrb_check {margin-left:0;}
}

@media screen and (max-width:780px){
	/*보안문자입력*/
	.security_box .numbox {margin-right:0; margin-bottom:10px;}
	.security_box input {display:block; width:100%;}
}

@media screen and (max-width:767px) {
	.viewTable .view_title {font-size:2.4rem;}

	.viewTable .view_info > div {width:100%;}
	.viewTable .view_info > div dt {padding:10px; width:120px; min-width:120px;}
 	.viewTable .view_info > div dd {padding:10px; width:calc(100% - 120px);}
	
	.viewTable .view_info > div.more_info > dl {position:relative; display:block; width:100%;}
	.viewTable .view_info > div.more_info > dl > dt {width:100%; padding:10px; min-width:unset;}
	.viewTable .view_info > div.more_info > dl > dd {width:100%;}
	.viewTable .view_info > div.more_info .more_del {display:unset; margin-left:10px;}
	
	/*동의 박스*/
	.agreeWrap ul li .mkt_list dl dt {font-size:1.7rem;}
	.agreeWrap ul li .miniTxt {font-size:1.4rem;}
	
	
	/*보안문자입력*/
	.search_ctbox.subject_select {padding-bottom:0; border:none;}
 	
	/*버튼박스*/
	.btnBox {margin-top:30px;}
	.btnBox .btn_save {width:30%;}
}

@media screen and (max-width:640px) {
	
	.viewTable .view_info > div dt {width:100px; min-width:100px;}
 	.viewTable .view_info > div dd {width:calc(100% - 100px);}
 	
	.viewTable .view_info > div dd select {width:100%;}
	.viewTable .view_info > div dd input.onlyInput {width:100%;}
 	.viewTable .view_info > div dd.addr_tbox2 span {justify-content:center;}
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box2.box3 {justify-content:unset; gap:10px;}
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box1 input {width:100%;}
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box1 button {width:100%; text-align:center;}
	
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box2.box2 input {width:100%;}
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box2.box3 input {width:calc(50% - 5px);}
	
	
	/* .view_info > div안에 dl리스트 여러개일때 */
	.viewTable .view_info > div.more_info dt {padding:5px;}
	
	/* 인풋 ~ 인풋 */
	.viewTable .view_info > div dd.two_input input {margin-right:3px; max-width:48px;}
	
	.viewTable .view_info > div.more_info dd ul li {width:100%;}
	.viewTable .view_info > div.more_info dd ul li:nth-child(2) {border-top:1px solid #ddd;}
	
	
	/*동의 박스*/
	.agreeWrap ul li {flex-direction:column;}
	.agreeWrap ul li p {margin-bottom:7px;}
	.agreeWrap ul li label {font-size:1.6rem;}
}

@media screen and (max-width:530px) {
	.viewTable .view_info > div dd.two_select {flex-direction:column; align-items:flex-start;}
}

@media screen and (max-width:480px) {
	.viewTable .view_title {font-size:2.2rem;}
		
	/*동의 박스*/
	.agreeWrap ul li {align-items:flex-start;}
	.agreeWrap ul li .mkt_list dl dt {margin-right:10px;}
	
	
	/*보안문자입력*/
	.security_box .numbox > img {height:50px;}
	.security_box .captcha_rebtn {width:50px; height:50px;}
	
	/*버튼박스*/
	.btnBox {margin-top:25px;}
	.btnBox .btn_save {width:40%;}
}


@media screen and (max-width:380px){
	/*보안문자입력*/
	.security_box .numbox > img {width:105px; height:auto;}
}

@media screen and (max-width:360px) {
	/*전출-세대정보확인*/
	.info_select {margin-bottom:10px; text-align:right;}
	.info_select .agrb_check {display:inline-block; margin:0 5px 0;}
}





/*달력*/
/********************************
 달력
 *******************************/
.calendar_box {}
.calendar_box:after {content:''; display:block; visibility:hidden; clear:both;}

.calendar_box .cal_ctrlbox {position:relative; width:30%; margin:20px auto;}
.cal_ctrlbox .cal_year {font-family:'OneMobile'; font-size:3.0rem; line-height:1.2; color:#121212; text-align:center;}
.cal_ctrlbox .cal_btnset {position:absolute; top:50%; margin-top:-20px;}
.cal_ctrlbox .cal_btnset button {display:block; width:40px; height:40px; background-image:url(../images/img_calbtn_ir.png); background-color:#fff; background-repeat:no-repeat;}
.cal_ctrlbox .cal_btnset.cal_btn_pre {left:0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button {background-position:0 0;}
.cal_ctrlbox .cal_btnset.cal_btn_pre button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:active,
.cal_ctrlbox .cal_btnset.cal_btn_pre button:focus {background-position:0 -40px;}
.cal_ctrlbox .cal_btnset.cal_btn_next {right:0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button{background-position:-40px 0;}
.cal_ctrlbox .cal_btnset.cal_btn_next button:hover,
.cal_ctrlbox .cal_btnset.cal_btn_next button:active,
.cal_ctrlbox .cal_btnset.cal_btn_next button:focus {background-position:-40px -40px;}

.calendar_box .cal_cont {}
.calendar_box .cal_cont:after {content:''; display:block; visibility:hidden; clear:both;}

.tbl_cal_list {border-collapse:separate; table-layout:fixed; margin-bottom:10px; width:100%; line-height:1.4; border-style:solid; border-width:1px 0 0 0; border-color:#ddd; border-top-color:#0054a2;}
.tbl_cal_list thead th {padding:10px 0; font-size:1.7rem; color:#121212; text-align:center; border-bottom:1px solid #d5d5d5; background-color:#f6f8fc; font-family:'OneMobile';}

.tbl_cal_list tbody td {border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; vertical-align:top; background-color:#fff;}
.tbl_cal_list tbody td:first-child {border-left:0;}
.tbl_cal_list tbody td:last-child {border-right:0;}

.tbl_cal_list tbody td .day {position:relative; display:flex; justify-content:center; align-items:center; text-decoration:none;}
.tbl_cal_list tbody td .day b {font-family:'OneMobile';}

.tbl_cal_list tbody td .day.sun ,
.tbl_cal_list tbody td .day.holiday {position:relative;background-color:#f8f9fa;cursor: default;pointer-events: none;}
.tbl_cal_list tbody td .day.sun b,
.tbl_cal_list tbody td .day.holiday b {display:flex; justify-content:center; align-items:center; text-decoration:none; color:#ed1d1d; font-family:'OneMobile';}
.tbl_cal_list tbody td .day.sat b {color:#0073e9;}
.tbl_cal_list tbody td .day .closed {color:#ed1d1d;}
.tbl_cal_list tbody td.no_day {position:relative;background-color:#f8f9fa;cursor: default;pointer-events: none;}
.tbl_cal_list tbody td.no_day b {display:flex; justify-content:center; align-items:center; text-decoration:none; color:#b7b7b7; font-family:'OneMobile';}

.tbl_cal_list tbody td .day,
.tbl_cal_list tbody td.no_day b {padding:13% 0;}

.tbl_cal_list tbody td .day:hover,
.tbl_cal_list tbody td .day:active,
.tbl_cal_list tbody td .day:focus {background-color:#f7fbff;}
.tbl_cal_list tbody td a:hover:after,
.tbl_cal_list tbody td a:active:after,
.tbl_cal_list tbody td a:focus:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0054a2; box-sizing:border-box;}

.tbl_cal_list tbody td .day .day_schedule_box {padding:30px 10px 10px;}
.tbl_cal_list tbody td .day .day_schedule_box ul {display:flex; flex-direction:column;}
.tbl_cal_list tbody td .day .day_schedule_box li {margin-top:3px; line-height:1.3; color:#666;}
.tbl_cal_list tbody td .day .day_schedule_box li:first-child {margin-top:0;}


/*.tbl_cal_list tbody td .day .day_schedule_box li.list_btn {overflow:unset; white-space:unset; text-overflow:unset;}*/
.tbl_cal_list tbody td .day .day_schedule_box li button {position:relative; padding-left:5px; font-size:1.6rem; line-height:inherit; text-align:left;}
.tbl_cal_list tbody td .day .day_schedule_box li button:before {content:''; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:#444; border-radius:2px;}
.tbl_cal_list tbody td .day .day_schedule_box li button:hover,
.tbl_cal_list tbody td .day .day_schedule_box li button:active,
.tbl_cal_list tbody td .day .day_schedule_box li button:focus {text-decoration:underline; color:#3c62c0;}


.tbl_cal_list.normal tbody td .day .day_schedule_box li {overflow:unset; white-space:unset; text-overflow:unset;}

.tbl_cal_list tbody td .day .day_schedule_box li span.btn_cld {padding:5px 10px 3px; line-height:inherit; border-radius:5px; color:#fff; border-color:#3c62c0; background-color:#3c62c0;}



/** media query **/

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	.cal_ctrlbox .cal_year {font-size:2.6rem;}
}

@media screen and (max-width:920px) {
	.calendar_box .cal_ctrlbox {width:50%;}
}

@media screen and (max-width:767px) {
	.tbl_cal_list thead th {font-size:1.6rem;}

}

@media screen and (max-width:640px) {
	.cal_ctrlbox .cal_year {font-size:2.2rem;}

}

@media screen and (max-width:480px) {
	.calendar_box .cal_ctrlbox {width:80%;}
}


/* 캘린더 - 상세일정 */
.cal_viewbox {}
.cal_viewbox:after {content:''; display:block; visibility:hidden; clear:both;}
.cal_view_tit {margin:30px 0 10px;}
.cal_view_tit p {margin-bottom:0; padding:10px 0; text-align:center; background-color:#1673d4; border-radius:5px; font-size:2.4rem; font-weight:500; color:#fff;}

.cal_viewlist {}
.cal_viewlist ul {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:20px;}
.cal_viewlist ul li {width:calc(33.3333% - 14px); text-align:center;}
.cal_viewlist ul li a {display:block; padding:10px; border:1px solid #ddd; border-radius:10px;}
.cal_viewlist ul li a span {display:block;}
.cal_viewlist ul li a:hover,
.cal_viewlist ul li a:focus,
.cal_viewlist ul li a:active,
.cal_viewlist ul li a.on {background-color:#1673d4; color:#fff; text-decoration:none;}

.cal_viewlist ul li a.unable {background-color:#ebebeb;}
.cal_viewlist ul li a.unable:hover,
.cal_viewlist ul li a.unable:focus,
.cal_viewlist ul li a.unable:active {background-color:#ebebeb; color:#555;}

.cal_viewlist ul li.none {padding:15px 10px; width:100% !important; background-color:#ebebeb; border-radius:11px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){
}

@media screen and (max-width:767px){
	.cal_view_tit p {font-size:2.0rem;}
	
	.cal_viewlist ul {gap:10px;}
	.cal_viewlist ul li {width:calc(33.3333% - 7px);}
	.cal_viewlist ul li a {padding:5px;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:480px){
	.cal_viewlist ul li {width:calc(50% - 5px);}

}


/*전입,전출 step01 - 레이어팝업*/
.layerBox {position:absolute; padding:30px; top:40%; left:50%; margin-left:-40%; width:80%; min-height:200px; background-color:#fff; border-radius:20px; border:2px solid #333; z-index:1;}
.layerBox .tit {margin-bottom:10px; font-family:'OneMobile'; text-align:center; font-size:2.8rem;}
.layerBox .popup_tb .check button {padding:7px 10px; line-height:inherit;}


.dongBox {text-align:right;}
.dongBox label {display:inline-block; margin-left:10px;}
.dongBox label:first-child {margin-left:0;}
.dongBox input {margin-left:5px; width:150px;}



/* media query */
@media screen and (max-width:1200px){
	.layerBox .tit {font-size:2.4rem;}
}

@media screen and (max-width:1024px){
	.layerBox {left:0; margin:0 40px; width:inherit;}
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.layerBox {top:45%; margin:0 20px;}
	.layerBox .tit {font-size:2.0rem;}
	
}

@media screen and (max-width:640px){
	.viewTable .view_info > div dd.addr_tbox2 span.ip_box1 .layerBox .btnBox button {width:inherit;} 
	
	.dongBox {text-align:Center;}
	.dongBox button {display:block; margin:10px auto 0; width:85%;}
}

@media screen and (max-width:480px){
	.layerBox {top:35%;}
	.dongBox input {width:100px;}
}


@media screen and (max-width:380px){
	.dongBox input {width:80px;}
	.dongBox button {width:100%;}
}


/*전입*/
.adr_pickbox {margin-bottom:10px; padding:10px 30px; max-height:183px; overflow-y:auto; border:1px solid #ddd; border-radius:20px;}
.adr_pickbox div {padding:15px 0; border-top:1px dashed #ddd;}
.adr_pickbox div:first-child {border:none;}

.adr_pickbox .radio_check .input_keep {top:50%; margin-top:-7px;}
.adr_pickbox .radio_check .keep_text {margin-left:10px;}
.adr_pickbox .radio_check .keep_text:before {top:50%; margin-top:-10px;}


/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
}

@media screen and (max-width:767px){
	.adr_pickbox {padding:10px 20px;}
	.adr_pickbox div {padding:10px 0;}
	.adr_pickbox .radio_check .keep_text {margin-left:5px;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.adr_pickbox {max-height:180px;}
}



/*전입 - 사용신청서 작성*/
/*생년월일+성별*/
.viewTable .view_info > div dd.dob_box input {max-width:150px;}
.viewTable .view_info > div dd.dob_box .genderbox {margin-left:10px;}
.viewTable .view_info > div dd.dob_box button {margin-left:10px;}


/*청구수령방법*/
.billInput {display:flex;}
.billInput input {margin-left:10px;}
.billInput input.mailInput {width:300px;}
.billInput select {min-width:100px !important; width:100px !important;}



/*납부방법*/
.viewTable .view_info > div dd.payBox {flex-direction:column; align-items:flex-start;}
.automaticCard {display:flex;}
.automaticCard .cardInput {display:flex; margin-top:10px;}
.automaticCard .cardInput.two {margin-left:10px;}
.automaticCard .cardInput input {min-width:200px;}

/*납부방법 - 카드자동이체*/
.automaticCard .cardInput span {display:flex;}
.automaticCard .cardInput span > * {margin-left:10px;}
.viewTable .view_info > div dd .automaticCard .cardInput select {min-width:auto;}

.automaticCard.cardNum {flex-direction:column;}
.automaticCard.cardNum .cardInput.one input {min-width:100px; width:120px;}
.automaticCard.cardNum .cardInput.two {margin-left:0;} 


/*버튼박스*/
.formbtnBox {margin-top:50px; text-align:center;}
.formbtnBox.popup_btn {margin-top:20px;}
.formbtnBox .btn_save {width:20%;}




/* media query */
@media screen and (max-width:1200px){
	/*납부방법*/
	.automaticCard {flex-direction:column; margin-top:5px;}
	.automaticCard .cardInput.two {margin-left:0;}
	
	.automaticCard.cardNum .cardInput.one {flex-direction:column;}
	.automaticCard.cardNum .cardInput.one span {margin-top:10px;}
	.automaticCard.cardNum .cardInput.one input {min-width:50px; width:25%;}
	.automaticCard.cardNum .cardInput.one span input:first-child {margin-left:0;}
	
	
	/*버튼박스*/
	.formbtnBox {margin-top:35px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	/*청구수령방법*/
	.viewTable .view_info > div dd.billBox {flex-direction:column; align-items:flex-start;}
	.billInput {margin-top:10px;}
	.billInput input {margin-left:5px;}
	.billInput input:first-child {margin-left:0;}
	.billInput select {margin-left:0 !important;}
	
	
	/*납부방법*/
	.automaticCard .cardInput {margin-top:5px;}
	.automaticCard .cardInput span > * {margin-left:5px;}
	.automaticCard .cardInput input {min-width:unset;}
	
}

@media screen and (max-width:767px){
}



@media screen and (max-width:680px){
	/*납부방법*/
	.automaticCard .cardInput {flex-direction:column;}
	.automaticCard .cardInput span > * {margin-top:5px;}
	.automaticCard .cardInput span > *:first-child {margin-left:0;}
	
}
@media screen and (max-width:640px){
	/*생년월일+성별*/
	.viewTable .view_info > div dd.dob_box input {max-width:unset;}
	.viewTable .view_info > div dd.dob_box .genderbox {margin-left:0; margin-top:5px;}
	.viewTable .view_info > div dd.dob_box button {margin-left:0; margin-top:5px; width:100%;}
	
	
	/*청구수령방법*/
	.billInput input.mailInput {width:100%;}
}

@media screen and (max-width:480px){	
	/*청구수령방법*/
	.billInput {flex-direction:column; width:100%;}
	.billInput {margin-top:0;}
	.billInput input {margin-left:0; margin-top:5px;}
	.billInput select {margin-top:10px; min-width:unset !important; width:100% !important;}
	
	
	/*납부방법*/
	.automaticCard {width:100%;}
	.automaticCard .cardInput span {flex-direction:column;}
	.automaticCard .cardInput span > * {margin-left:0;}
	
	
	.automaticCard.cardNum .cardInput.one input {min-width:unset; width:100%;}
	
	
	/*버튼박스*/
	.formbtnBox {margin-top:25px;}
	.formbtnBox .btn_save {width:40%;}
}



/* 예약 조회/취소 */
.member_box {padding:2px; border-width:0; border-color:transparent; border-radius:70px; background-origin:border-box; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #1b69f1 5%, #5d78af 40%, #ef981c 60%, #f0981b 90%); background-clip:content-box, border-box; box-shadow:8px 6px 20px 0 rgb(125 125 125 / 7%);}
.member_box .member_inner {margin:0 auto; padding:80px 50px 100px;}
.member_box .member_inner .titbox {margin-bottom:50px; color:#333; text-align:center;}
.member_box .member_inner .titbox .tit_b {font-family:'OneMobile'; font-size:3.0rem;}
.member_box .member_inner .titbox .tit_s {font-weight:500;} 

.login_info {margin:0 auto; padding:90px 120px; max-width:760px; background-color:#f3f8ff; border-radius:20px; text-align:center;}

.login_info .tbox {margin-bottom:20px;}
.login_info .tbox i.icon {display:block; position:relative; margin:0 auto 20px; width:140px; height:140px; background-color:#fff; border-radius:50%;}
.login_info .tbox i.icon:before {content:''; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background-position:0 0; background-repeat:no-repeat;}
.login_info .tbox i.icon.icon01:before {background-image:url(../images/icon07.png);} 

.login_info .tbox p {margin-bottom:0;}
.login_info .tbox .tit {font-family:'OneMobile'; font-size:2.2rem;}

.login_info .btn_area .bd_btn {position:relative; padding:5px 20px; width:35%; text-align:left;}
.login_info .btn_area .bd_btn:before {content:''; position:absolute; right:20px; top:50%; margin-top:-6px; width:8px; height:12px; background:url(../../kdgas/images/arrow_ir.png) -9px -28px no-repeat;}



/* media query */
@media screen and (max-width:1520px){
	.login_info {width:95%;}
}

@media screen and (max-width:1200px){
	.login_info {padding:60px; width:100%;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.member_box .member_inner .titbox {margin-bottom:30px;}
	.member_box .member_inner .titbox .tit_b {font-size:2.6rem;}
	
	.login_info {flex-direction:column;}
}

@media screen and (max-width:767px){
	.member_box .member_inner {padding:60px 50px;}
	.member_box .member_inner .titbox .tit_b {font-size:2.4rem;}
	
	
	.login_info .tbox i.icon {width:100px; height:100px;}
	.login_info .btn_area .bd_btn {width:50%;}
}

@media screen and (max-width:640px){
	.member_box {border-radius:40px;}
	.member_box .member_inner {padding:40px;}
	.member_box .member_inner .titbox {margin-bottom:20px;}
	.member_box .member_inner .titbox .tit_b {font-size:2.2rem;}
	
	
	.login_info {padding:40px 20px;}
}

@media screen and (max-width:480px){
	.member_box {border-radius:30px;}
	.member_box .member_inner {padding:30px 20px;}
	.member_box .member_inner .titbox .tit_b {margin-bottom:10px; font-size:1.9rem;}
	
	
	.login_info .btn_area .bd_btn {width:80%;}
}


/*상단 없는 메뉴*/
.top_txtbox.noTop {margin:0 auto 25px; width:60%;}



/*사업자등록증 등록*/
.addFile_box {margin:50px auto; padding:30px; width:60%; border:1px solid #f0f0f0; border-radius:20px; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); background-color:#fff;}
.addFile_box .addFile_tit {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:20px;}
.addFile_box .addFile_tit .tit {font-family:'OneMobile'; font-size:2.5rem;}

.card_zone {display:block;}

.uploadFile {padding:30px 20px; width:100%; min-height:150px; border:1px dashed rgb(169, 169, 169); cursor:pointer; border-radius:10px; text-align:center;}
.uploadFile:hover {background:#F2F5F8;}
.uploadFile .fileIcon {display:block; position:relative; margin:0 auto 5px; width:50px; height:50px;}
.uploadFile .fileIcon:before {content:''; position:absolute; left:0; top:0; width:50px; height:50px; background:url(../images/fileIcon.png) 0 0 no-repeat;}
.uploadFile strong {display:block;}
.uploadFile span {font-size:1.6rem;}
.uploadFile p {margin-top:10px;}

.cert {visibility:hidden; position:absolute; top:0px; left:0px; height:0px; width:0px;}

/*사진등록방법*/
.layer_addFile {position:absolute; top:50px; left:50%; margin-left:-300px; width:600px;  z-index:1;}
.layer_addFile .addFile_box {margin:0; width:100%; border-color:#333; border-width:2px;}

.layer_addFile .addFile_box .addFile_tit {justify-content:center; flex-direction:column;}
.fileSample {margin:0 auto;}
.fileSample .fileImg {position:relative; margin-top:20px; padding:30px 20px; width:100%; border:10px solid #ddd; border-radius:20px; background:rgba(0,0,0,0.5);}
.fileSample .fileImg:before {content:''; position:absolute; left:15px; top:15px; width:40px; height:40px; background:url(../images/line_ir.png) 0 0 no-repeat; z-index:1;}
.fileSample .fileImg:after {content:''; position:absolute; right:15px; top:15px; width:40px; height:40px; background:url(../images/line_ir.png) -40px 0 no-repeat;}

.fileSample .fileImg div {position:relative;}
.fileSample .fileImg div:before {content:''; position:absolute; left:-5px; bottom:-15px; width:40px; height:40px; background:url(../images/line_ir.png) 0 -40px no-repeat;}
.fileSample .fileImg div:after {content:''; position:absolute; right:-5px; bottom:-15px; width:40px; height:40px; background:url(../images/line_ir.png) -40px -40px no-repeat;}

.fileSample .fileImg img {width:200px;}
.layer_addFile .btnBox {margin-top:20px;}


.finish {margin:0 auto; padding:50px 30px; width:60%; border-radius:20px; border:1px solid #f0f0f0; box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.finish .finish_tit {margin-bottom:10px; text-align:center;}
.finish .finish_tit .tit {font-family:'OneMobile'; font-size:2.5rem;}
.finish .finish_txt {text-align:center;}


/* media query */
@media screen and (max-width:1200px){
	.fileSample {width:100%;}
	
	.finish .finish_txt {text-align:left;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.top_txtbox.noTop {width:100%;}
	.addFile_box {width:100%;}
	
	
	.finish {padding:40px 20px; width:100%;}
}

@media screen and (max-width:767px){
	.addFile_box {margin:30px auto;}
	.addFile_box .addFile_tit .tit {font-size:2.2rem;}
	.addFile_box .addFile_tit .bd_btn {padding:10px; line-height:inherit;}
	
	.uploadFile span {font-size:1.4rem;}
	
	.layer_addFile {left:0; margin-left:0; padding:0 20px; width:100%;}
	
	.finish .finish_tit .tit {font-size:2.2rem;}
}

@media screen and (max-width:640px){
}

@media screen and (max-width:480px){
	.addFile_box .addFile_tit .tit {font-size:1.9rem;}
	.addFile_box .addFile_tit .bd_btn {padding:10px 5px;}
	.addFile_box {padding:20px;}
	
	
	.finish .finish_tit .tit {font-size:1.9rem;}
}

/*제3자 정보공유대상자 등록(본인)*/
.headTit {margin:50px auto 0; text-align:center;}
.headTit > p {font-size:2.8rem; font-family:'OneMobile';}
.headTit .btnBox {position:relative; margin-top:20px;}
.headTit .btnBox a:hover {text-decoration:none;}

.bodyTxt {margin:50px auto 0; width:60%; text-align:center;}
.bodyTxt h3 {display:inline-block;}
.bodyTxt .list {min-height:100px; border:1px dashed #ddd; border-radius:20px;}
.bodyTxt .list ul {display:flex; flex-wrap:wrap; flex-direction:column; align-items:center; gap:10px; padding:20px;}
.bodyTxt .list li {display:flex; gap:10px;}
.bodyTxt .list li span {display:block; padding:10px 20px; border:1px solid #ddd; background-color:#F2F5F8; border-radius:10px;}
.bodyTxt .list li button {padding:0 15px; border-radius:10px;}

.addLayer {position:relative;}
.addPerson {position:absolute; left:50%; margin-left:-30%; top:-250px; padding:30px 20px; width:60%; background-color:#fff; border-radius:20px; border:2px solid #444; z-index:1;}

.bodyTxt .viewTable .view_info > div dd.addr_tbox3 {gap:10px;}
.bodyTxt .viewTable .view_info > div dd.addr_tbox3 select {width:calc(100% - 83px);}

/* media query */
@media screen and (max-width:1200px){
	.headTit > p {font-size:2.4rem;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.addPerson {left:0; margin-left:0; width:100%;}
	
	.bodyTxt {width:100%;}
}

@media screen and (max-width:767px){
	.headTit > p {font-size:2.2rem;}
}

@media screen and (max-width:640px){	
	.bodyTxt .viewTable .view_info > div dd button {padding:7px 10px; line-height:inherit;}
	.bodyTxt .viewTable .view_info > div dd.addr_tbox3 {flex-direction: column;}
	.bodyTxt .viewTable .view_info > div dd.addr_tbox3 select {width:100%;}
	.bodyTxt .viewTable .view_info > div dd.addr_tbox3 button {width:100%;}
}

@media screen and (max-width:480px){
	.headTit > p {font-size:2.0rem;}
	
	.bodyTxt .list ul {padding:10px;}
	
	.addPerson .viewTable .view_info > div dd select {min-width:inherit;}
}


/* 미신고 전출 확인 */
.btn_agree {padding:3px 10px; line-height:inherit; font-size:1.6rem;}

.agreePop {position:relative;}
.agreePop .agree_pop {position:absolute; left:50%; margin-left:-400px; top:-300px; padding:20px; width:800px; background-color:#fff; border-radius:20px; border:2px solid #444; z-index:1;}
.agreePop .btnBox {margin-top:25px;}

/* media query */
@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.agreePop .agree_pop {margin-left:-320px; width:640px;}
}

@media screen and (max-width:767px){
	.agreePop .agree_pop {left:0; margin-left:0; width:100%;}
}

@media screen and (max-width:640px){
	.btn_agree {margin:2px 0 5px 22px;}
}

@media screen and (max-width:480px){
	.agreePop .agree_pop {top:-450px; padding:10px 10px 15px;}
	.agreePop .agree_pop .agreebox .tith4 {font-size:1.8rem;}
	.agreePop .btnBox {margin-top:15px;}
}



/*고객만족도 조사*/
.surveyBox {margin:0 auto; width:60%;}

.surveyList li {display:block; margin-top:20px; padding:30px; border:1px solid #e5e5e5; border-radius:15px; background-color:#f7f7fc;}
.surveyList li:first-child {margin-top:0;}
.surveyList li .titNum {position:relative;}
.surveyList li .titNum i {margin-right:10px; color:#1b75d6; font-weight:600;}

.answerBox {display:flex; justify-content:center; gap:20px; margin-top:20px;}
.answerBox .radio_check {padding-right:0; width:20%;}

.answerBox.complain {gap:10px; flex-wrap:wrap; justify-content:space-between;}
.answerBox.complain .radio_check  {width:calc(20% - 16px);}
.answerBox.complain .cplInput {width:100%;}

.answerBox .txtInput {width:100%;}

.btnBox .btn_save.surveyBtn {width:30%;}

/* media query */
@media screen and (max-width:1200px){
	.surveyBox {width:80%;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:920px){ 
	.surveyBox {width:100%;}
}

@media screen and (max-width:767px){	
	.answerBox {gap:10px;}
	.answerBox .radio_check input:checked+.keep_text:before {top:0;}
	
	.answerBox.complain .radio_check  {width:calc(20% - 8px);}
	
	.btnBox .btn_save.surveyBtn {width:40%;}
}

@media screen and (max-width:640px){
	.surveyList li {padding:20px 15px;}
	
	.answerBox .radio_check {display:flex; flex-direction:column; align-items:center; padding-left:0;}
	.answerBox .radio_check .input_keep {position:relative; left:unset; top:unset;}
	.answerBox .radio_check .keep_text {margin:8px 0 0 0;}
	.answerBox .radio_check .keep_text:before {top:-4px; left:50%; margin-left:-11px; width:22px; height:22px;}
	.answerBox .radio_check input:checked+.keep_text:before {top:-4px;}
	
	.btnBox .btn_save.surveyBtn {width:60%;}
}

@media screen and (max-width:480px){
	.surveyList li {margin-top:10px; padding:15px 10px;}
	.surveyList li .titNum i {margin-right:5px;}
	
	.answerBox {gap:3px; justify-content:space-around; margin-top:10px;}
	.answerBox .radio_check .keep_text {font-size:1.4rem;}
	.answerBox .radio_check .keep_text:before {top:-2px; margin-left:-10px; width:20px; height:20px;}
	.answerBox .radio_check input:checked+.keep_text:before {top:-1px; width:20px; height:20px; background-size:100%; background-position:0 -20px;}
	
	.answerBox.complain {gap:3px;}
	.answerBox.complain .radio_check  {width:calc(20% - 3px);}
	
	.btnBox .btn_save.surveyBtn {width:100%;}
}

@media screen and (max-width:370px){
	.answerBox .radio_check .keep_text {font-size:1.3rem;}
	
}