@charset "utf-8";
/* CSS Document */

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

/* commom.css */

.top_util_wrap {padding:0 1rem;box-sizing:border-box}
.header_navi {padding:0 1rem;box-sizing:border-box}

/* main.css */

.sc01_wrap {padding:0 1rem;box-sizing:border-box}
.character_control .character_prev {left:0}
.character_control .character_next {right:0}

.sc02_wrap {padding:0 1rem;box-sizing:border-box}

.sc03_wrap {padding:0 1rem;box-sizing:border-box}

.bannerWrap {padding:0 1rem;box-sizing:border-box}
.footerWrap {padding:0 1rem;box-sizing:border-box}

/* sub.css */

.location_wrap {padding:0 1rem;box-sizing:border-box}

.sub_content {padding:0 1rem 4rem 1rem;box-sizing:border-box}

.characterBox .character_img {margin-right:1.5rem}
.characterBox .character_cont {width:calc(100% - 15.5rem)}

.character_detail .character_detail_img {margin-right:2rem}
.character_detail .character_detail_info {width:calc(100% - 22rem)}

.photoList .photo_item {width:calc((100% - 3rem)/4);margin:1.5rem 0 0 1rem}

.sitemap_list {width:calc((100% - 6rem)/5);margin:0 0 2rem 1.5rem}

}

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


/* common.css */

/* main.css */

.character_list ul li {width:calc((100% - 3rem)/3);margin-left:1.5rem}
.noticeTab .tabCon ul li {width:calc((100% - 3rem)/4);margin-left:1rem}

/* sub.css */


}
    

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

/* common.css */

.header_navi {justify-content:space-between}

.header_navi .gnb > ul {justify-content:space-evenly;padding-right:0}
.header_navi .gnb > ul > li > a {padding:1rem .75rem}
.header_navi .gnb > ul > li > .submenuWrap {left:-10%;width:120%}




/* main.css */

/*sub.css */

.greetingImg {margin-right:2rem}
.greetingInfo {width:calc(100% - 23.5rem)}

.process_wrap > ul > li {width:calc((100% - 6rem)/4);margin-left:2rem}
.process_wrap > ul > li .process_cont:before {left:-1.65rem}
.process_wrap > ul > li .process_cont span {margin:0 .75rem}
.process_wrap > ul > li .process_cont ul {padding:.5rem .75rem}

.charge_img {width:18rem}
.charge_info {width:calc(100% - 18rem)}
.charge_info ul {padding:0 1rem;box-sizing:border-box}
.charge_info ul li {width:calc(50% - 1rem);margin:.25rem 0 .25rem 1rem}

.photoList .photo_item {width:calc((100% - 2rem)/3)}
.photoList .photo_item:nth-child(3n+1) {margin:1.5rem 0 0 0}
.photoList .photo_item:nth-child(4n+1) {margin:1.5rem 0 0 1rem}
.photoList .photo_item:first-child {margin:1.5rem 0 0 0}

.sitemap_list {width:calc((100% - 4rem)/5);margin:0 0 2rem 1rem}


}

@media screen and (max-width:1000px){
	
.pc {display: none !important}
.header_navi .header_util ul li.nav_pc{display:none;}
.header_navi .header_util ul li.nav_mov{display:inline-block;}

/* common.css */

.ft_logo {position:relative;top:auto;left:auto;transform:translateY(0);margin:0 auto}
.ft_cont {width:100%;margin-top:1.5rem;padding-left:0}

/* main.css */

.section01 {padding:3rem 0}
.character_list ul {height:17.35rem}
.character_list ul li {width:calc((100% - 2rem)/3);margin-left:1rem}
.character_list ul li .character_img {height:10.5rem}

.quickmenu_wrap {padding-top:2rem}
.quickmenu_wrap ul {flex-wrap:wrap;justify-content:flex-start}
.quickmenu_wrap ul li {width:20%;margin:.75rem 0}

.noticeTab .tabCon ul li {width:calc((100% - 2rem)/3)}
.noticeTab .tabCon ul li:nth-child(4) {display:none}

.sc03_wrap {display:block}
.calendar_wrap {width:100%}
.popup_wrap {width:100%;margin:1.5rem 0 0 0}
.popup_cont ul li a img {width:auto;max-width:100%}

/* sub.css */

.sub_content {margin:2rem auto 0;padding:0 1rem 2rem 1rem}

.sub_Tit {margin-bottom:1.5rem;font-size:1.5rem}

.location .path_wrap > ul > li {min-width:9.5rem}
.lct_util > ul > li.util_print {display:none}

.greetingWrap {display:block}
.greetingImg {margin-right:0;margin:0 auto}
.greetingImg img {max-width:100%}
.greetingInfo {width:100%;margin-top:1.5rem}

.tabBox .tab_select {display:block}
.tabBox ul {display:none;position:absolute;top:2.5rem;left:0;width:100%;background:#fff;border:1px solid #e5e5e5;border-bottom:none;box-sizing:border-box;z-index:10}
.tabBox ul li {display:block;margin-left:0;padding:0 .75rem;background:#fff;border-bottom:1px solid #e5e5e5;border-radius:0;text-align:left}
.tabBox.cols8 ul li {width:100%}
.tabBox ul li.on, .tabBox ul li:hover {background:#fff;border-bottom:1px solid #1d57aa}
.tabBox ul li.on a, .tabBox ul li:hover a {color:#1d57aa;font-weight:500}

.table_responsive .tbl_info {white-space:nowrap;width:auto;min-width:100%}

.process_wrap > ul > li .process_top {height:6.65rem}
.process_wrap > ul > li .process_top .process_icon1 {width:4.65rem;height:3.7rem;background-size:4.65rem}
.process_wrap > ul > li .process_top .process_icon2 {width:3.35rem;height:3.7rem;background-size:3.35rem}
.process_wrap > ul > li .process_top .process_icon3 {width:3.95rem;height:3.7rem;background-size:3.95rem}
.process_wrap > ul > li .process_top .process_icon4 {width:4.65rem;height:3.7rem;background-size:4.65rem}
.process_wrap > ul > li .process_top span {font-size:1rem}
.process_wrap > ul > li .process_cont {height:calc(100% - 6.65rem)}
.process_wrap > ul > li .process_cont .process_tit {height:2.5rem;font-size:.9rem;line-height:2.5rem}

.site_list_wrap .site_list li {width:calc((100% - 2rem)/3)}
.site_list_wrap .site_list li:nth-child(4n+1) {margin:.5rem 0 .5rem 1rem}
.site_list_wrap .site_list li:nth-child(3n+1) {margin:.5rem 0}

.charge_wrap {display:block}
.charge_img {width:100%}
.charge_info {width:100%;padding:1rem 0}
.charge_info ul li {width:50%;margin:.25rem 0}

.business_step_wrap ul li {width:calc(33.3% - 2rem)}

.character_detail {display:block}
.character_detail .character_detail_img {margin:0 auto}
.character_detail .character_detail_info {width:100%;margin-top:1.5rem}

.tbl_form td .calendar_input {width:25%}

.sitemap_list {width:calc((100% - 2rem)/3)}
.sitemap_list:nth-child(4) {margin:0 0 2rem 0}

}

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

/* common.css */

html {font-size:18px}


/* main.css */

.character_list ul li {width:calc((100% - 1rem)/2)}

.quickmenu_wrap {padding-top:1.5rem}
.quickmenu_wrap ul li {width:25%}

.notice_wrap {padding:2rem 0}
.notice_wrap h2 {font-size:2rem}
.noticeTab {height:19.1rem;padding-top:2rem}
.noticeTab .tabCon {top:6rem}
.noticeTab .tabCon ul li .noticeTop .cate01 {padding:.25rem .5rem .15rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate02 {padding:.25rem .5rem .15rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate03 {padding:.25rem .5rem .15rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate04 {padding:.25rem .5rem .15rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate05 {padding:.25rem .5rem .15rem .5rem}
.noticeTab .tabCon ul li .tit a {height:2.4rem;font-size:.9rem}
.noticeTab .tabCon .more {top:-4.2rem}

.section03 {padding:2rem 0}
.calendar_wrap {display:block;height:auto}
.calendar_box {width:100%;padding:0 1rem 2rem 1rem}
.schedule_box {width:100%;padding:1.5rem 1rem 5rem 1rem}
.schedule_box h3 {margin-top:0}
.schedule_box .schedule_list {margin-top:1rem}
.schedule_box .schedule_list ul li span {width:8rem}
.schedule_box .schedule_list ul li a {width:calc(100% - 8rem)}

/* sub.css */

.location a.lct_home {display:none}
.location .path_wrap {width:calc(100% - 3rem)}
.location .path_wrap > ul > li {display:none}
.location .path_wrap > ul > li:last-child {display:block;min-width:auto;max-width:100%;width:100%}
.lct_util {width:3rem}
.lct_util > ul > li {border-left:none}

.greetingInfo {margin-top:0}

.process_wrap > ul {flex-wrap:wrap}
.process_wrap > ul > li {width:calc((100% - 2rem)/2);margin:.5rem 0 .5rem 2rem}
.process_wrap > ul > li:first-child, .process_wrap > ul > li:nth-child(3) {margin:.5rem 0}
.process_wrap > ul > li:nth-child(3) .process_cont:before {display:none}

.business_step_wrap ul li .step_hd {padding:.5rem}
.business_step_wrap ul li .step_cont {padding:.75rem .5rem}

.sub_searchBox {display:block;padding:0;background:none;border:none}
.sub_searchBox select {display:block;width:100%;margin:.5rem 0 0 0}
.sub_searchBox input[type=text] {display:block;width:100%;margin:.5rem 0 0 0}
.sub_searchBox .searchBtn {display:block;width:100%;margin:.5rem 0 0 0;padding:0;text-align:center}

.characterBox a {display:block}
.characterBox .character_img {margin:0 auto}
.characterBox .character_cont {width:100%;margin-top:1.5rem}

.board-nav ul li p {width:6rem}
.board-nav ul li a {width:calc(100% - 6rem);padding-right:0}
.board-nav ul li a .board-nav_date {display:none}

.tbl_form colgroup {display:none}
.tbl_form th {display:block;width:100%;border-left:none}
.tbl_form td {display:block;width:100%;padding:.75rem .5rem;border-left:none}
.tbl_form td input[type=text], .tbl_form td input[type=password] {display:block;width:100%}
.tbl_form td textarea {width:100%}
.tbl_form td input[type=text].regist_date {display:inline-block;width:calc(50% - 4px)}
.tbl_form td select {display:block;width:100%}
.tbl_form td .check_select {display:inline-block}
.tbl_form td input[type=text].tbl_calendar {display:inline-block}
.tbl_form td .calendar_input {width:45%}

.boardList .tbl_list colgroup {display:none}
.boardList .tbl_list thead {display:none}
.boardList .tbl_list tr {position:relative;display:block;width:100%;padding:.5rem 1.3rem .5rem 0;border-bottom:1px solid #ccc;box-sizing:border-box}
.boardList .tbl_list td {display:inline-block;padding:.1rem .25rem;border:none}
.boardList .tbl_list td.subject {width:calc(100% - .5rem)}
.boardList .tbl_list .m_hidden {display:none}
.boardList .tbl_list .m_file {position:absolute;bottom:.65rem;right:0}
.boardList .tbl_list td .answer_step1 {padding:.25rem 0 .15rem 0}
.boardList .tbl_list td .answer_step2 {padding:.25rem 0 .15rem 0}
.boardList .tbl_list td .answer_step3 {padding:.25rem 0 .15rem 0}
.boardList .tbl_list td .answer_step4 {padding:.25rem 0 .15rem 0}

.photoList .photo_item {width:calc((100% - 1rem)/2)}
.photoList .photo_item:nth-child(odd ) {margin:1rem 0 0 0}
.photoList .photo_item:nth-child(even) {margin:1rem 0 0 1rem}

.month-list ul li {width:calc(100% / 6);margin:.25rem 0}
.calendar-cont {margin-top:1.5rem}
.calendar-box {float:none;width:100%;margin-right:0}
.calendar-list {float:none;width:100%;margin-top:1.5rem}

}

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

/* commom.css */

html {font-size:16px}

/* main.css */

.section01 {padding:2rem 0}
.noticeTab > ul > li {padding:0 .4rem}
.noticeTab .tabCon ul li {width:calc((100% - .5rem)/2);margin-left:.5rem}
.noticeTab .tabCon ul li:nth-child(3) {display:none}
.noticeTab .tabCon ul li .noticeTop .cate01 {padding:.2rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate02 {padding:.2rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate03 {padding:.2rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate04 {padding:.2rem .5rem}
.noticeTab .tabCon ul li .noticeTop .cate05 {padding:.2rem .5rem}

/* sub.css */

.site_list_wrap .site_list li {width:calc((100% - 1rem)/2)}
.site_list_wrap .site_list li:nth-child(even) {margin:.5rem 0 .5rem 1rem}
.site_list_wrap .site_list li:nth-child(odd) {margin:.5rem 0}

.charge_info ul li {display:block;width:100%}

.business_step_wrap ul li {width:calc(50% - 2rem)}

.calendar-list ul li .date {width:8rem}
.calendar-list ul li a {width:calc(100% - 8rem)}

.sitemap_list {width:calc((100% - 1rem)/2)}
.sitemap_list:nth-child(odd) {margin:0 0 2rem 0}
.sitemap_list:nth-child(even) {margin:0 0 2rem 1rem}

}

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

/* common.css */


/* main.css */

.character_list ul li {width:100%;margin-left:0}

.noticeTab .tabCon .more {top:-4rem}

/* sub.css */

.business_step_wrap ul li {width:100%;margin:.5rem 0 1rem 0}
.business_step_wrap ul li:after {top:auto;right:auto;left:50%;bottom:-1rem;transform:translate(-50%, 0) rotate(90deg)}
.business_step_wrap ul li .step_cont {padding:.75rem 1rem}

.photoList .photo_item {width:100%;margin-left:0}
.photoList .photo_item:nth-child(even) {margin:1rem 0 0 0}

.tbl_form td .attachForm input[type=file] {width:calc(100% - 7rem)}

}

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

/* common.css */


/* main.css */



/* sub.css */

.process_wrap > ul {display:block}
.process_wrap > ul > li {width:100%;margin:0 0 3rem 0}
.process_wrap > ul > li:first-child , .process_wrap > ul > li:nth-child(3) {margin:0 0 3rem 0}
.process_wrap > ul > li:last-child {margin:0}
.process_wrap > ul > li .process_cont:before {top:auto;bottom:-2rem;left:50%;transform:translate(-50%, 0) rotate(90deg)}
.process_wrap > ul > li:first-child .process_cont:before, .process_wrap > ul > li:nth-child(3) .process_cont:before {display:block}
.process_wrap > ul > li:last-child .process_cont:before {display:none}

.site_list_wrap .site_list li {width:100%;margin:.5rem 0}
.site_list_wrap .site_list li:nth-child(even) {margin:.5rem 0}

.sitemap_list {width:100%;margin:0 0 1rem 0}
.sitemap_list:nth-child(odd) {margin:0 0 1rem 0}
.sitemap_list:nth-child(even) {margin:0 0 1rem 0}
.sitemap_list > ul > li > a {padding:.5rem 0;text-align:center}

}