@charset "utf-8";
.pc_mode{display: block !important;}
.t_mode{display: none !important;}
.m_mode{display: none !important;}
.pc_none{display: none !important;}
.t_none{display: block !important;}
.m_none{display: block !important;}

@media (min-width:2800px){
	#visual {height: inherit;}
	#visual ul li.visual_li{height: inherit;}
	#visual ul li.visual_li img{position: static;width: 100%;margin-left: 0px;}
}/* //2800px */

@media (max-width:1279px){
	.pc_mode{display: none !important;}
	.t_mode{display: block !important;}
	.m_mode{display: none !important;}
	.pc_none{display: block !important;}
	.t_none{display: none !important;}
	.m_none{display: block !important;}


	body {
    min-width: auto;
	}
	/* layout */
	.cont_area{margin: 50px 0 52px;}
	.inner{padding: 0 20px;}

	#wrap #content_wrap {margin: 15px;}

	#header{height: 71px;border-bottom: 1px solid #e4e4e4;position: fixed;z-index: 100;background: #fff;}
	#header .head_top {display: none;}
	#header .header_inner {display: block;width: 100%;}
	#header .header_inner h1.logo{display: block;float: left;width: auto;height: 70px;padding: 15px 20px;}
	#header .header_inner h1.logo a{margin: 0;}
	#header .header_inner h1.logo a img{width: 136px;}
	#header .header_inner #btn_gnbm {display: block;float: left;/* width: 64px; */padding: 21px;vertical-align: middle;text-align: left;position: fixed;right: 0;}
	#header .header_inner #btn_gnbm a {
    background: url(../../images/btn_gnbm.png) no-repeat center;
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -100px;
    overflow: hidden;
}
	#header .header_inner #btn_gnbm a.on {
    background-image: url(../../images/btn_close_gnbm_m.png);
}
	#header .header_inner #gnb{max-width: 320px;width: 100%;background: #fff;z-index: 100;top: 70px;border-top: 1px solid #e4e4e4;min-height: 100vh;position: fixed;padding-left: 16px;padding-right: 16px;right: -100%;}

	#gnbm {display: block;position:absolute; top: 0;left:-100%;z-index: 99999;width: 100%;overflow-y: auto;background: #fff;border-top: none;/* background: violet; */}
	#header .header_inner #gnb > ul {width: auto;float: none;}
	#header .header_inner #gnb > ul:after {}
	#header .header_inner #gnb > ul > li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    height: auto;
    padding: 28px 5px;
}
	#header .header_inner #gnb > ul > li > a,
	#header .header_inner #gnb > ul > li > span {
    pointer-events: none;
}
	#header .header_inner #gnb > ul > li > a:hover,
	#header .header_inner #gnb > ul > li > a:focus,
	#header .header_inner #gnb > ul > li > a.active,
	#header .header_inner #gnb > ul > li > span:hover,
	#header .header_inner #gnb > ul > li > span:focus,
	#header .header_inner #gnb > ul > li > span.active{}
	#header .header_inner #gnb > ul > li .dep2{
    position: relative;
    top: 0;
    left: 0;
    height: auto;
    border-right: 0;
}
	#header .header_inner #gnb > ul > li:first-child .dep2{
    border-left: 0;
    margin-left: auto;
}
	#header .header_inner #gnb > ul > li .dep2 > ul{
    height: auto;
    padding: 20px 0 0 0;
}
	#header .header_inner #gnb > ul > li .dep2 > ul > li {}
	#header .header_inner #gnb > ul > li .dep2 > ul > li:first-child{}
	#header .header_inner #gnb > ul > li .dep2 > ul > li > a{}
	#header .header_inner #gnb > ul > li .dep2 > ul > li > a:hover,
	#header .header_inner #gnb > ul > li .dep2 > ul > li > a:focus,
	#header .header_inner #gnb > ul > li .dep2 > ul > li > a.on{}
	#dep2_bg {visibility: hidden;position: fixed;width: 100%;height: 100%;background: #000;top: 70px;opacity: 0;display: block;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
	#gnbm .head_top_m {margin: 20px 60px;}
	#gnbm .head_top_m ul {width: 350px;max-width: 100%;border: 1px solid #e5e5e5;}
	#gnbm .head_top_m ul:after{display: block;clear: both;content: "";}
	#gnbm .head_top_m ul li {float: left;width: 50%;}
	#gnbm .head_top_m ul li:after{display: block;clear: both;content: "";}
	#gnbm .head_top_m ul li > a {display: block;padding: 7px 10px;background: url(../../images/arr_head_top.png) 95% center no-repeat; color: #646464;font-weight: 300;font-size: 12px;}
	#gnbm .head_top_m ul li p {float: left;width: 50%;}
	#gnbm .head_top_m ul li p a {display: block;padding: 7px 0; text-align: center;color: #646464;font-weight: 300; font-size: 12px;}
	#gnbm .head_top_m ul li p:first-child a{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
	#gnbm .head_top_m ul li p.fb a {background: #3c5ead;color: #fff;}

	#header .header_inner #gnb .ban {
    display: block;
    margin-top: 32px;
}
	#header .header_inner #gnb .ban ul {width: 100%;/* width: 444.24px; */border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;display: flex;}
	#header .header_inner #gnb .ban ul:after{display: block;clear: both;content: "";}
	#header .header_inner #gnb .ban ul li {height: 50px;border-right: 1px solid #e4e4e4;position:relative;flex: 1;border-bottom: 1px solid #e4e4e4;}
	#header .header_inner #gnb .ban ul li a{display: block;height: 100%;text-indent: -500px;overflow: hidden;}
	#header .header_inner #gnb .ban ul li a:after {content:'';display:block;width: 6px;height: 11px;background: url(../../images/top-head-arrow.png);right: 14px;position: absolute;top: 20px;}
	#header .header_inner #gnb .ban ul li.one a {background: url(../../images/top-head-link1.png) 17px center no-repeat;background-size: 90px;}
	#header .header_inner #gnb .ban ul li.gender a {background: url(../../images/top-head-link2.png) 17px center no-repeat;background-size: 74px;}

	.gnbm_out_bg{display: none;position: absolute; top: 0;z-index: 10000; width:100%;height:100%; background:#fff;}

	.content{}
#footer {}
#footer .inner{
    padding-left: 32px;
    padding-right: 32px;
    display: flex;
    flex-direction: row-reverse;
}
#footer .inner:after{}
#footer .inner .f_right {
    float: none;
}
#footer .inner .f_right .f_list:after{}
#footer .inner .f_right .f_list ul {}
#footer .inner .f_right .f_list ul:after{}
#footer .inner .f_right .f_list ul li {}
#footer .inner .f_right .f_list ul li:first-child{}
#footer .inner .f_right .f_list ul li a {}
#footer .inner .f_right address {}
#footer .inner .f_right address p {}
#footer .inner .f_right address p span {}
#footer .inner .f_right address p span:after{}
#footer .inner .f_right address p span:first-child:after{}
#footer .inner .f_right address p .copyright {}
#footer .inner .f_left {
    float: none;
    width: 60%;
}
#footer .inner .f_left a {}
#footer .inner .f_left a img {}
#footer .inner .f_left address {}
#footer .inner .f_left p {}
.f_logo {
    margin-top: 15px;
}
.f_logo ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.f_logo ul:after {}
.f_logo ul li {
    float: none;
    padding-left: 10px;
    margin-right: -14px;
}
.f_logo ul li.txt {
    width: 100%;
    text-align: right;
    order: 1;
}
	.f_logo ul li:nth-child(1) {
    order: 2;
    margin-right: 0;
}
	.f_logo ul li:nth-child(2) {
    order: 3;
}
	.f_logo ul li:nth-child(3) {
    order: 4;
}
	.f_logo ul li:nth-child(4) {}


/* popup */
.popup {min-width: 400px; top: 100px;}
.popup .popup-cont {}
.popup .popup-cont img {}
.popup .foot {
}
.popup .foot input {
}
.popup .foot a {
}


	/*** main ***/
	.visual_wrap {padding-top: 70px;}
	#visual ul li.visual_li {height: inherit;}
	#visual ul li.visual_li a img{position: static;width: 100%;margin-left: 0px;max-width: inherit;}
	#visual .bx-controls{left: 0;bottom: 7%;width: 1280px;/* margin: 0 0 0 -30px; */}

	/* main content */


.main_cont_wrap{}
.main_cont_wrap .inner{
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.main_cont_wrap .main_tit {
    margin-bottom: 24px;
}
.main_cont_wrap .main_tit:after{}
.main_cont_wrap .main_tit h2 {
    font-size: 18px;
}
.main_cont_wrap .main_tit .btn_more {}

.main_top {}
.main_top .inner .cont_box{}
.main_top .inner .cont_box.left {}
.main_top .inner .cont_box.left .main_tit {}
.main_top .inner .cont_box.right {}
.main_top .inner .cont_box.right a{}
.main_top .inner .cont_box.right a:first-child{}

.main_top .tab_area {}
.main_top .tab_area .tab_list{}
.main_top .tab_area .tab_list > ul{}
.main_top .tab_area .tab_list > ul:after{}
.main_top .tab_area .tab_list > ul > li{}
.main_top .tab_area .tab_list > ul > li a{
    padding: 9px 0;
}
.main_top .tab_area .tab_list > ul > li:first-child a{}
.main_top .tab_area .tab_list > ul > li a span{}
.main_top .tab_area .tab_list > ul > li.on a {
    border-bottom: 1px solid #f0f0f1;
}
.main_top .tab_area .tab_list > ul > li.on a:after{
    display: none;
}
.main_top .tab_area .tab_cont > .tab_cont_box{}
.main_top .tab_area .tab_cont > .tab_cont_box.on{}

.main_top .tab_cont .tab_cont_box{
    height: auto;
    padding: 24px;
}

.vslide_box {}
.vslide_box:after{}
.vslide_box > div {}
.vslide_box > div ul{}
.vslide_box > div ul li {}
.vslide_box > div ul li:after{}
.vslide_box > div ul li:first-child{}
.vslide_box > div ul li a {
    font-size: 14px;
    width: calc(100% - 100px);
}
.vslide_box > div ul li span {}

.vslide_box .btn_box{}
.vslide_box .btn_box a{}
.vslide_box .btn_box a.prev {}
.vslide_box .btn_box a.next {}

.main_bot{}
.main_bot .inner{
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}
.main_bot .inner .cont_box{}
.main_bot .inner .cont_box.left{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 10px;
}
.main_bot .inner .cont_box.right{
    padding-left: 32px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.main_bot .inner .cont_box .main_bbs_list {}
.main_bot .inner .cont_box .main_bbs_list > ul{
    margin-top: 30px;
}
.main_bot .inner .cont_box .main_bbs_list > ul > li {
    margin-top: 20px;
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit {}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit:after{}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    padding: 0;
    float: none;
    margin-right: 0;
    white-space: break-spaces;
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a:hover{}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit span {}
.main_bot .inner .cont_box .main_bbs_list > ul > li .txt {
    display: none;
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .date {}




	/*** sub ***/
/* sub common */
.sub_visual_wrap {
    padding-top: 70px;
	margin-bottom: -70px;
}

.sub_visual_wrap .sub_visual {}
.sub_visual_wrap .sub_visual .bg_img {}
.sub_visual_wrap .sub_visual .bg_img img{
    margin-left: auto;
    transform: translateX(-50%);
}
.sub_visual_wrap .sub_visual .inner{
    margin-left: auto;
    transform: translateX(-50%);
}
.sub_visual_wrap .sub_visual .inner h3 {
    padding-bottom: 77px;
}
.sub_visual_wrap .sub_visual .inner h3 span{}
.sub_visual_wrap .sub_visual .sub_menu {
    transform: translateX(-50%);
    width: calc(100% - 64px);
    max-width: none;
    margin-left: auto;
    bottom: 0;
}
.sub_visual_wrap .sub_visual .sub_menu > ul {flex-wrap: wrap;background: #fff;}
.sub_visual_wrap .sub_visual .sub_menu > ul:after{}
.sub_visual_wrap .sub_visual .sub_menu > ul > li {}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a {font-size: 15px;padding: 12px 0px;}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a:hover,
.sub_visual_wrap .sub_visual .sub_menu > ul > li.on a{}
.sub_visual_wrap .sub_visual .sub_menu.n1 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n2 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n3 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n4 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n5 > ul > li{
    flex: none;
    width: 25%;
}
.sub_visual_wrap .sub_visual .sub_menu.n6 > ul > li{width: 33.33%;}
.sub_visual_wrap .sub_visual .sub_menu.n7 > ul > li{}



.content.sub {
    padding: 40px 0;
    padding-top: 114px !important;
}
.content.sub > .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 32px;
}
.content.sub > .inner .tit_area {
    width: 160px;
}
.content.sub > .inner .tit_area h2{
    font-size: 20px;
    line-height: 1;
    padding: 10px 0;
    width: 100%;
}
.content.sub > .inner .cont_area {
    width: 100%;
    float: none;
    margin: 40px 0 0;
}

.cont_area .cont_box{
    margin-top: 30px;
}
.cont_area .cont_box:first-child{}

.cont_area .img {
    text-align: center;
}
.cont_area .img img {
    margin: auto;
}

.cont_area .tit_box{
    text-align: center;
    border-bottom: 0;
    padding: 0;
    font-size: 15px;
}

.cont_area .txt_box {
}
.cont_area .txt_box p {
    font-size: 14px;
    margin-top: 30px;
}
.cont_area .txt_box.plussize p {
	font-size: 16px;
}
.cont_area .txt_box p:first-child{}
.cont_area .txt_box p b{}

.cont_area .gray_box{
    padding: 0;
    background: #fff;
    border: none;
}

.cont_area .box_list {}
.cont_area .box_list ul {}
.cont_area .box_list ul:after{}
.cont_area .box_list ul li {
    font-size: 14px;
    padding: 24px 0;
}
.cont_area .box_list.n2 ul li{}
.cont_area .box_list ul li:after{}
.cont_area .box_list ul li.last{}

.cont_area .sub_menu2 {}
.cont_area .sub_menu2 > ul {}
.cont_area .sub_menu2 > ul:after{}
.cont_area .sub_menu2 > ul > li {}
.cont_area .sub_menu2 > ul > li a {
    font-size: 14px;
    padding: 12px 0;
}
.cont_area .sub_menu2 > ul > li:first-child a{}
.cont_area .sub_menu2 > ul > li a:hover,
.cont_area .sub_menu2 > ul > li.on a{}
.cont_area .sub_menu2.n1 > ul > li{}
.cont_area .sub_menu2.n2 > ul > li{}
.cont_area .sub_menu2.n3 > ul > li{}
.cont_area .sub_menu2.n4 > ul > li{}
.cont_area .sub_menu2.n5 > ul > li{}
.cont_area .sub_menu2.n6 > ul > li{}
.cont_area .sub_menu2.n7 > ul > li{}



/* sub content */
/* about */
#about {}
#about .about-top {padding: 0 24px;height: 178px;background-size: 147px;}
#about .about-top .text-box {}
#about .about-top .text-box .tit {}
#about .about-top .text-box .tit:after{
    width: 230px;
}
#about .about-top .text-box .cont {font-size: 15px;}

/* purpose */
#purpose{}
#purpose .txt_box p {text-align: center;}

/* history */
#history{}
.history_list {}
.history_list dl {}
.history_list dl dt {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
}
.history_list dl dt:after{}
.history_list dl dd {}
.history_list dl dd p {}
.history_list dl dd p:first-child{}
.history_list dl dd p b {
    font-size: 14px;
}
.history_list dl dd p span {
    font-size: 14px;
}


/* people */
#people {}
#people .people_list {}
#people .people_list ul {}
#people .people_list ul:after{}
#people .people_list ul li {
    width: calc(33.33% - 20px);
}
#people .people_list ul li dl {}
#people .people_list ul li dl dt {
    font-size: 18px;
}
#people .people_list ul li dl dt span{}
#people .people_list ul li dl dd {}
#people .people_list ul li dl dd span{}



/* together */
#together{}
.together_list {}
.together_list ul {}
.together_list ul:after{}
.together_list ul li {
    width: calc(33.33% - 22px);
    text-align: center;
}
.together_list ul li a {}
.together_list ul li a img {}



/* 오시는 길 */
.map_list {}
.map_list dl {
    padding: 24px 0;
}
.map_list dl dt {
    width: 148px;
    padding: 0 25px;
    text-align: center;
}
.map_list dl dt img {}
.map_list dl dd {
    padding-left: 24px;
}
.map_list dl dd p {}
.map_list dl dd p:first-child {}
.map_list dl dd p b {
    font-size: 14px;
}
.map_list dl#m2 dd p b {}
.map_list dl#m2 dd p b em{}
.map_list dl#m2 dd p b em.green{}
.map_list dl#m2 dd p b em.orange{}
.map_list dl#m2 dd p b em.red{}
.map_list dl#m3 dd p b {
    display: block;
}
.map_list dl dd p b i{}
.map_list dl dd p > span {
    font-size: 14px;
    display: block;
}
.map_list dl#m2 dd p > span > em{}
.map_list dl dd p > span > span{}
.map_list dl dd p > span > span em{}
.map_list dl dd p > span > span em.blue{}
.map_list dl dd p > span > span em.orange{}
.map_list dl dd p > span > span em.brown{}
.map_list dl dd p > span > span em.mint{}
.map_list dl dd p > span > span em.green{}
.map_list dl dd p > span > span i{}
.root_daum_roughmap .wrap_map {height: 290px !important;}

/* 개인정보취급방침 */
#exemption {}
#txt_privacy {
    font-size: 14px;
}
#txt_privacy strong {
    margin: auto;
}

/* 기부현황 */
#support {}
#support.cont_area .txt_box p {text-align: center;}
/* 사회공헌 */
#contribute {}
#contribute.cont_area .txt_box p {text-align: center;}



/* bbs btn */
.bbs_btn{
    text-align: center;
    margin-top: 40px;
}
.bbs_btn button,
.bbs_btn a{}

/* 페이지목록 */
.paginate_wrap{
    margin: 40px 0;
}
.paginate_wrap ul.pagination{}
.paginate_wrap ul.pagination:after{}
.paginate_wrap ul.pagination li{}
.paginate_wrap ul.pagination li a{}
.paginate_wrap ul.pagination li.on a,
.paginate_wrap ul.pagination li a:hover:not(.on) {}
.paginate_wrap ul.pagination li.first a{}
.paginate_wrap ul.pagination li.last a{}
.paginate_wrap ul.pagination li.prev a{}
.paginate_wrap ul.pagination li.next a{}
.paginate_wrap ul.pagination li.first a:hover,
.paginate_wrap ul.pagination li.last a:hover,
.paginate_wrap ul.pagination li.prev a:hover,
.paginate_wrap ul.pagination li.next a:hover{}

/* 검색 */
.search_box{
    padding: 30px 0;
}
.search_box .search {}
.search_box .search select {
    height: 28px;
}
.search_box .search input[type=text]{
    height: 28px;
}
.search_box .search button[type=submit]{
    height: 28px;
    width: 68px;
}

.no_data{}

/* 일반게시판  */
.bbs_list {}
.bbs_list ul {}
.bbs_list ul li {
    padding: 20px 30px;
    position: relative;
    display: block;
}
.bbs_list ul li .num {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
}
.bbs_list ul li .num b {
    display: inline-block;
}
.bbs_list ul li .num b:after {content: '|';padding-left: 5px;}
.bbs_list ul li .num .date {
    display: inline-block;
    font-size: 14px;
}
.bbs_list ul li.notice {}
.bbs_list ul li.notice .num {}
.bbs_list ul li.notice .num span {
    color: #255386;
    background: none;
    width: auto;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
}
.bbs_list ul li .txt {
    display: block;
    padding-left: 0;
    padding-top: 10px;
    padding-right: 30px;
}
.bbs_list ul li .txt a {
    max-width: none;
    white-space: normal;
}
.bbs_list ul li .txt a:hover{}
.bbs_list ul li .txt .new {}
.bbs_list ul li .down {
    width: 30px;
    position: absolute;
    display: block;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.bbs_list ul li .down a {}
.bbs_list ul li .down a img {}

.bbs_view {}
.bbs_view .head {}
.bbs_view .head .tit_box {}
.bbs_view .head .tit_box .tit {
    font-size: 16px;
}
.bbs_view .head .tit_box .tit .category {}
.bbs_view .head .tit_box .date {}
.bbs_view .body {}
.bbs_view .body .body_cont {}
.bbs_view .body .body_cont:after{}
.bbs_view .body .body_cont .img {}
.bbs_view .body .body_cont .img img {}
.bbs_view .foot {}
.bbs_view .foot .file_box {}
.bbs_view .foot .file_box .ico_file {}
.bbs_view .foot .file_box .ico_file img {}
.bbs_view .foot .file_box .ico_file span {}
.bbs_view .foot .file_box .file_list {}
.bbs_view .foot .file_box .file_list ul {}
.bbs_view .foot .file_box .file_list ul li {}
.bbs_view .foot .file_box .file_list ul li a {}

/* 썸네일게시판 */
.bbs_thumb {}
.bbs_thumb ul {
    margin-top: -20px;
}
.bbs_thumb ul:after{}
.bbs_thumb ul li {
    width: calc(33.33% - 22px);
    margin-top: 20px;
}
.bbs_thumb ul li .img {}
.bbs_thumb ul li .img a {}
.bbs_thumb ul li .img a img {}
.bbs_thumb ul li .txt {}
.bbs_thumb ul li .txt a {}
.bbs_thumb ul li .txt span {}

.bbs_thumb.long ul li .img {}
.bbs_thumb.long ul li .img a {}
.bbs_thumb.long ul li .img a img {}


/* 썸네일게시판2 */
.bbs_thumb2 {
    margin-top: 40px;
}
.bbs_thumb2 ul {
    margin: -22px 0 0 -22px;
    display: flex;
    flex-wrap: wrap;
}
.bbs_thumb2 ul:after{}
.bbs_thumb2 ul li {
    width: calc(33.33% - 22px);
    margin: 22px 0 0 22px;
    background: #eff7ff;
}
.bbs_thumb2 ul li .img_box {
    width: 100%;
    aspect-ratio: 255/165;
    height: auto;
}
.bbs_thumb2 ul li .img_box a {
    aspect-ratio: 255/165;
    display: block;
    height: auto;
    width: 100%;
}
.bbs_thumb2 ul li .img_box a img {max-width: none;}
.bbs_thumb2 ul li .img_box .over{}
.bbs_thumb2 ul li:hover .over{}
.bbs_thumb2 ul li .txt_box {
    padding: 20px;
    height: auto;
}
.bbs_thumb2 ul li .txt_box a {}
.bbs_thumb2 ul li .txt_box a span {}
.bbs_thumb2 ul li .txt_box a span.tit{}
.bbs_thumb2 ul li .txt_box a span.date{}
.bbs_thumb2 ul li .txt_box a span.date:after{}
.bbs_thumb2 ul li .txt_box a span.txt{}





}/* //1279px */
@media (max-width:767px){
	.pc_mode{display: none !important;}
	.t_mode{display: none !important;}
	.m_mode{display: block !important;}
	.pc_none{display: block !important;}
	.t_none{display: block !important;}
	.m_none{display: none !important;}

	/* layout */
	.cont_area{margin: 20px 0 22px;}
	.inner{padding: 0 20px;}

#header .header_inner #gnb {
    max-width: 100%;
}
#header .header_inner #gnb .ban ul li {height: 46px;}
#header .header_inner #gnb .ban ul li a:after {top: 17px;}
#footer {}
#footer .inner{flex-direction: column-reverse;}
#footer .inner:after{}
#footer .inner .f_right {margin-top: 20px;}
#footer .inner .f_right .f_list:after{}
#footer .inner .f_right .f_list ul {
    float: none;
}
#footer .inner .f_right .f_list ul:after{}
#footer .inner .f_right .f_list ul li {}
#footer .inner .f_right .f_list ul li:first-child{}
#footer .inner .f_right .f_list ul li a {}
#footer .inner .f_right address {}
#footer .inner .f_right address p {}
#footer .inner .f_right address p span {}
#footer .inner .f_right address p span:after{}
#footer .inner .f_right address p span:first-child:after{}
#footer .inner .f_right address p .copyright {}
#footer .inner .f_left {width: 100%;}
#footer .inner .f_left a {}
#footer .inner .f_left a img {}
#footer .inner .f_left address {}
#footer .inner .f_left p {}
.f_logo {margin-top: 10px;}
.f_logo ul {justify-content: flex-start;}
.f_logo ul:after {}
.f_logo ul li {padding-left: 0;padding-right: 10px;}
.f_logo ul li.txt {text-align: left;padding-left: 0;}
	.f_logo ul li:nth-child(1) {
}
	.f_logo ul li:nth-child(2) {
}
	.f_logo ul li:nth-child(3) {
}
	.f_logo ul li:nth-child(4) {}


/* popup */
.popup {min-width: 320px; top: 70px;}
.popup .popup-cont {}
.popup .popup-cont img {}
.popup .foot {
}
.popup .foot input {
}
.popup .foot a {
}
	/*** main ***/
	/* main content */
.main_cont_wrap{}
.main_cont_wrap .inner{
    padding: 24px 16px;
}
.main_cont_wrap .main_tit {
}
.main_cont_wrap .main_tit:after{}
.main_cont_wrap .main_tit h2 {
}
.main_cont_wrap .main_tit .btn_more {}

.main_top {}
.main_top .inner .cont_box{}
.main_top .inner .cont_box.left {}
.main_top .inner .cont_box.left .main_tit {}
.main_top .inner .cont_box.right {}
.main_top .inner .cont_box.right a{}
.main_top .inner .cont_box.right a:first-child{}

.main_top .tab_area {}
.main_top .tab_area .tab_list{}
.main_top .tab_area .tab_list > ul{}
.main_top .tab_area .tab_list > ul:after{}
.main_top .tab_area .tab_list > ul > li{
    width: 33.33%;
}
.main_top .tab_area .tab_list > ul > li a{}
.main_top .tab_area .tab_list > ul > li:first-child a{}
.main_top .tab_area .tab_list > ul > li a span{}
.main_top .tab_area .tab_list > ul > li.on a {}
.main_top .tab_area .tab_list > ul > li.on a:after{
}
.main_top .tab_area .tab_cont > .tab_cont_box{}
.main_top .tab_area .tab_cont > .tab_cont_box.on{}

.main_top .tab_cont .tab_cont_box{
}

.vslide_box {}
.vslide_box:after{}
.vslide_box > div {}
.vslide_box > div ul{}
.vslide_box > div ul li {}
.vslide_box > div ul li:after{}
.vslide_box > div ul li:first-child{}
.vslide_box > div ul li a {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: break-spaces;width: 100%;float: none;}
.vslide_box > div ul li span {
    float: none;
    padding-left: 0;
    padding-top: 5px;
    display: block;
}

.vslide_box .btn_box{}
.vslide_box .btn_box a{}
.vslide_box .btn_box a.prev {}
.vslide_box .btn_box a.next {}

.main_bot{}
.main_bot .inner{
    flex-direction: column;
    padding: 0;
}
.main_bot .inner .cont_box{}
.main_bot .inner .cont_box.left{width: auto;padding-right: 16px;border-right: 0;border-bottom: 1px solid #f1f1f1;padding-left: 16px;padding-top: 24px;padding-bottom: 24px;}
.main_bot .inner .cont_box.right{width: auto;padding-left: 16px;padding-right: 16px;padding-top: 24px;padding-bottom: 24px;}
.main_bot .inner .cont_box .main_bbs_list {}
.main_bot .inner .cont_box .main_bbs_list > ul{
    margin-top: 0;
}
.main_bot .inner .cont_box .main_bbs_list > ul > li {
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit {}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit:after{}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a {
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit a:hover{}
.main_bot .inner .cont_box .main_bbs_list > ul > li .tit span {}
.main_bot .inner .cont_box .main_bbs_list > ul > li .txt {
}
.main_bot .inner .cont_box .main_bbs_list > ul > li .date {}

	/*** sub ***/
/* sub common */
.sub_visual_wrap {
}
.sub_visual_wrap .sub_visual {}
.sub_visual_wrap .sub_visual .bg_img {}
.sub_visual_wrap .sub_visual .bg_img img{
}
.sub_visual_wrap .sub_visual .inner{
}
.sub_visual_wrap .sub_visual .inner h3 {padding-bottom: 117px;}
.sub_visual_wrap .sub_visual .inner h3 span{}
.sub_visual_wrap .sub_visual .sub_menu {width: calc(100% - 32px);}
.sub_visual_wrap .sub_visual .sub_menu > ul {}
.sub_visual_wrap .sub_visual .sub_menu > ul:after{}
.sub_visual_wrap .sub_visual .sub_menu > ul > li {}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a {
}
.sub_visual_wrap .sub_visual .sub_menu > ul > li a:hover,
.sub_visual_wrap .sub_visual .sub_menu > ul > li.on a{}
.sub_visual_wrap .sub_visual .sub_menu.n1 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n2 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n3 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n4 > ul > li{}
.sub_visual_wrap .sub_visual .sub_menu.n5 > ul > li{
    width: 50%;
}
.sub_visual_wrap .sub_visual .sub_menu.n6 > ul > li{
    width: 50%;
}
.sub_visual_wrap .sub_visual .sub_menu.n7 > ul > li{}



.content.sub {padding: 32px 0;}
.content.sub > .inner {padding: 0 16px;}
.content.sub > .inner .tit_area {}
.content.sub > .inner .tit_area h2{
}
.content.sub > .inner .cont_area {margin: 25px 0 0;}

.cont_area .cont_box{
    margin-top: 24px;
}
.cont_area .cont_box:first-child{}

.cont_area .img {}
.cont_area .img img {margin: auto;}

.cont_area .tit_box{}

.cont_area .txt_box {}
.cont_area .txt_box p {
    margin-top: 24px;
}
.cont_area .txt_box p:first-child{}
.cont_area .txt_box p b{}

.cont_area .gray_box{
    display: none;
}

.cont_area .box_list {}
.cont_area .box_list ul {}
.cont_area .box_list ul:after{}
.cont_area .box_list ul li {}
.cont_area .box_list.n2 ul li{}
.cont_area .box_list ul li:after{}
.cont_area .box_list ul li.last{}

.cont_area .sub_menu2 {
    margin: 24px 0;
}
.cont_area .sub_menu2 > ul {
    border-bottom: 0;
    border-left: 0;
}
.cont_area .sub_menu2 > ul:after{}
.cont_area .sub_menu2 > ul > li {}
.cont_area .sub_menu2 > ul > li a {}
.cont_area .sub_menu2 > ul > li:first-child a{}
.cont_area .sub_menu2 > ul > li a:hover,
.cont_area .sub_menu2 > ul > li.on a{}
.cont_area .sub_menu2.n1 > ul > li{}
.cont_area .sub_menu2.n2 > ul > li{}
.cont_area .sub_menu2.n3 > ul > li{}
.cont_area .sub_menu2.n4 > ul > li{
    width: 50%;
    border-bottom: 1px solid #255386;
}
.cont_area .sub_menu2.n5 > ul > li{}
.cont_area .sub_menu2.n6 > ul > li{}
.cont_area .sub_menu2.n7 > ul > li{}



/* sub content */
/* about */
#about {}
#about .about-top {background-image: none;aspect-ratio: auto;}
#about .about-top .text-box {
    width: 100%;
}
#about .about-top .text-box .tit {width: 100%;}
#about .about-top .text-box .tit:after{
    width: 100%;
}
#about .about-top .text-box .cont {
}
/* purpose */
#purpose{}
#purpose .txt_box p {}

/* history */
#history{}
.history_list {
    position: relative;
}
.history_list:before {content:'';position: absolute;height: 100%;width: 1px;display: block;left: 24px;border-right: 1px dotted #e5e5e5;}	
.history_list dl {}
	
.history_list dl dt {
    width: 100%;
    display: block;
    padding-left: 50px;
    border: 0;
    padding-bottom: 0;
}
.history_list dl dt:after{
    left: 18px;
    top: 31px;
}
.history_list dl dd {
    display: block;
    width: 100%;
    padding-left: 50px;
    padding-top: 20px;
}
.history_list dl dd p {
    margin-top: 10px;
}
.history_list dl dd p:first-child{}
.history_list dl dd p b {
    display: block;
}
.history_list dl dd p span {}



/* people */
#people {}
#people .people_list {}
#people .people_list ul {}
#people .people_list ul:after{}
#people .people_list ul li {
    width: calc(50% - 20px);
    height: 120px;
}
#people .people_list ul li dl {}
#people .people_list ul li dl dt {}
#people .people_list ul li dl dt span{}
#people .people_list ul li dl dd {
    display: none;
}
#people .people_list ul li dl dd span{}


/* together */
#together{}
.together_list {}
.together_list ul {}
.together_list ul:after{}
.together_list ul li {
    width: calc(100% - 22px);
    margin-top: 16px;
}
.together_list ul li a {}
.together_list ul li a img {}




/* 오시는 길 */
.map_list {
    margin-top: 24px;
}
.map_list dl {}
.map_list dl dt {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    font-size: 17px;
    border: 0;
}
.map_list dl dt img {
	max-width: 73px;
}
.map_list dl dd {
    display: block;
    width: 100%;
    padding: 16px 0 0;
}
.map_list dl dd p {}
.map_list dl dd p:first-child {}
.map_list dl dd p b {}
.map_list dl#m2 dd p b {}
.map_list dl#m2 dd p b em{}
.map_list dl#m2 dd p b em.green{}
.map_list dl#m2 dd p b em.orange{}
.map_list dl#m2 dd p b em.red{}
.map_list dl#m3 dd p b {}
.map_list dl dd p b i{}
.map_list dl dd p > span {}
.map_list dl#m2 dd p > span > em{}
.map_list dl dd p > span > span{}
.map_list dl dd p > span > span em{}
.map_list dl dd p > span > span em.blue{}
.map_list dl dd p > span > span em.orange{}
.map_list dl dd p > span > span em.brown{}
.map_list dl dd p > span > span em.mint{}
.map_list dl dd p > span > span em.green{}
.map_list dl dd p > span > span i{}

/* 개인정보취급방침 */
#exemption {}
#txt_privacy {}
#txt_privacy strong {}






/* bbs btn */
.bbs_btn{
    margin-top: 24px;
}
.bbs_btn button,
.bbs_btn a{}

/* 페이지목록 */
.paginate_wrap{}
.paginate_wrap ul.pagination{}
.paginate_wrap ul.pagination:after{}
.paginate_wrap ul.pagination li{}
.paginate_wrap ul.pagination li a{}
.paginate_wrap ul.pagination li.on a,
.paginate_wrap ul.pagination li a:hover:not(.on) {}
.paginate_wrap ul.pagination li.first a{}
.paginate_wrap ul.pagination li.last a{}
.paginate_wrap ul.pagination li.prev a{}
.paginate_wrap ul.pagination li.next a{}
.paginate_wrap ul.pagination li.first a:hover,
.paginate_wrap ul.pagination li.last a:hover,
.paginate_wrap ul.pagination li.prev a:hover,
.paginate_wrap ul.pagination li.next a:hover{}

/* 검색 */
.search_box{
    padding: 16px;
}
.search_box .search {}
.search_box .search select {
    width: 100%;
    max-width: none;
}
.search_box .search input[type=text]{
    width: calc(100% - 68px);
    max-width: none;
    margin: -1px 0 0 0;
}
.search_box .search button[type=submit]{
    margin: -1px 0 0 -4px;
    left: auto;
}

.no_data{}

/* 일반게시판  */
.bbs_list {}
.bbs_list ul {}
.bbs_list ul li {
    padding: 15px 16px;
}
.bbs_list ul li .num {}
.bbs_list ul li .num b {}
.bbs_list ul li .num .date {}
.bbs_list ul li.notice {}
.bbs_list ul li.notice .num {}
.bbs_list ul li.notice .num span {}
.bbs_list ul li .txt {}
.bbs_list ul li .txt a {}
.bbs_list ul li .txt a:hover{}
.bbs_list ul li .txt .new {}
.bbs_list ul li .down {
    right: 15px;
}
.bbs_list ul li .down a {}
.bbs_list ul li .down a img {}

.bbs_view {}
.bbs_view .head {}
.bbs_view .head .tit_box {}
.bbs_view .head .tit_box .tit {}
.bbs_view .head .tit_box .tit .category {}
.bbs_view .head .tit_box .date {}
.bbs_view .body {}
.bbs_view .body .body_cont {}
.bbs_view .body .body_cont:after{}
.bbs_view .body .body_cont .img {}
.bbs_view .body .body_cont .img img {}
.bbs_view .foot {}
.bbs_view .foot .file_box {}
.bbs_view .foot .file_box .ico_file {}
.bbs_view .foot .file_box .ico_file img {}
.bbs_view .foot .file_box .ico_file span {}
.bbs_view .foot .file_box .file_list {}
.bbs_view .foot .file_box .file_list ul {}
.bbs_view .foot .file_box .file_list ul li {}
.bbs_view .foot .file_box .file_list ul li a {}

/* 썸네일게시판 */
.bbs_thumb {}
.bbs_thumb ul {}
.bbs_thumb ul:after{}
.bbs_thumb ul li {
    width: calc(100% - 22px);
}
.bbs_thumb ul li .img {}
.bbs_thumb ul li .img a {}
.bbs_thumb ul li .img a img {}
.bbs_thumb ul li .txt {}
.bbs_thumb ul li .txt a {}
.bbs_thumb ul li .txt span {}

.bbs_thumb.long ul li .img {}
.bbs_thumb.long ul li .img a {}
.bbs_thumb.long ul li .img a img {}


/* 썸네일게시판2 */
.bbs_thumb2 {
    margin-top: 24px;
}
.bbs_thumb2 ul {}
.bbs_thumb2 ul:after{}
.bbs_thumb2 ul li {
    width: calc(100% - 22px);
}
.bbs_thumb2 ul li .img_box {}
.bbs_thumb2 ul li .img_box a {}
.bbs_thumb2 ul li .img_box a img {}
.bbs_thumb2 ul li .img_box .over{}
.bbs_thumb2 ul li:hover .over{}
.bbs_thumb2 ul li .txt_box {}
.bbs_thumb2 ul li .txt_box a {}
.bbs_thumb2 ul li .txt_box a span {}
.bbs_thumb2 ul li .txt_box a span.tit{}
.bbs_thumb2 ul li .txt_box a span.date{}
.bbs_thumb2 ul li .txt_box a span.date:after{}
.bbs_thumb2 ul li .txt_box a span.txt{}



}/* //767px */
@media (max-width:414px){


}/* //414px */