@charset "utf-8";

.sub{
    margin-top: 60px;
    padding-top: 50px;
}
.location{margin-top: 6.25rem; border-bottom: 1px solid #ccc; background: #f9f9f9;}

.main_tit_c{text-align: center;}
.title_con p.main_tit_c_p{text-align: center; font-size: 20px;}
.main_tit b{color: #f47420;}

/* sub_nav */
.sub_nav{width: 100%; height: 60px; background: #f1f1f1; position: absolute; top: 100px; left: 0;z-index: 99; border-bottom: 1px solid #ccc;}
.sub_nav_con{display: flex; align-items: center; height: 60px;}
.sub_nav_con1{margin-right: 15px;}
.sub_nav_con2, .sub_nav_con3, .sub_nav_con4{width: 200px; position: relative; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.sub_nav_con3{margin-left: -1px;}
.sub_nav_con2 > a, .sub_nav_con3 > a, .sub_nav_con4 > a{padding: 0 15px;}
.sub_nav_con > li > a{display: flex; align-items: center; font-size: 18px;}

.sub_nav_con2 > a::after, .sub_nav_con3 > a::after, .sub_nav_con4 > a::after{content: '▼'; display: block; width: 10px; height: 20px; font-size: 12px; position: absolute; top: 2px; right: 15px; transition: 0.2s;}

.sub_nav_con2.show .sub_nav_drop1, .sub_nav_con3.show .sub_nav_drop2, .sub_nav_con4.show .sub_nav_drop3{
    display: block;
}
.sub_nav_con2.show > a::after, .sub_nav_con3.show > a::after, .sub_nav_con4.show > a::after{transform: rotate(180deg);}

.sub_nav_drop a{ padding: 0 15px; display: flex; align-items: center; height: 40px; font-size: 18px;}
.sub_nav_drop > li:hover > a{background: #f47420; color: #fff;}
.sub_nav_drop1, .sub_nav_drop2, .sub_nav_drop3{display: none; position: absolute; top: 41px; left: 0; width: 200px; background: #fff; border: 1px solid #ccc;}
.sub_nav_drop3{left: -1px;}

.title_con{margin-bottom: 50px;}
.title_con .main_tit{font-size: 40px; color: #333; margin-bottom: 10px;}
.title_con p{font-size: 18px; color: #555;}

.support_box{background: #ffeed9;}
.support_box.bg_ebe5d8{background: #ebe5d8;}
.support_box.bg_e9edff{background: #e9edff;}
.support_box.bg_d0eeff{background: #d0eeff;}



.support_box{padding: 50px 0; position: relative;}
.support_box .support_box_f{display: flex; justify-content: space-between;}

.support_box .support_box_text{width: 60%;}
.support_box .support_box_text p{font-size: 18px; color: #555; word-break: keep-all; margin: 5px 0;}
.support_box .support_box_text h3.support_box_tit{font-size: 30px; color: #333; word-break: keep-all;}
.support_box .support_box_text h3.support_box_tit span{color: #f47420;}
.support_box .support_box_text .support_box_txt{color: #555; font-size: 18px;}
.support_box .support_box_r{position: relative;}
.support_box .support_box_r > figure{position: absolute; top: -200px; right: 0; width: 400px;}

.support_box_point figure{position: absolute;}
.support_box_point figure.support_box_point1{width: 100px; left: 100px; bottom: -60px;}
.support_box_point figure.support_box_point2{width: 50px; left: 20px; bottom: 250px;}
.support_box_point figure.support_box_point3{width: 70px; right: 32%; top: -20px;}
.support_box_point figure.support_box_point4{width: 50px; right: 50px; bottom: 80px;}

.support_box_button a{display: flex; justify-content: center; align-items: center; width: 250px; height: 60px; background: #f47420; color: #fff; font-size: 18px; margin-top: 30px; border-radius: 10px; border: 1px solid #f47420; transition: 0.3s; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);}
.support_box_button a:hover{color: #f47420; background: #fff;}

.support_info{margin: 100px 0 150px;}
.support_info .support_ul3 ul{display: flex; justify-content: space-between;}
.support_info .support_ul3 ul li{width: 32%;}

.support_info .support_ul3 ul li figure{background: #f2f2f2; width: 100%; height: 450px; border-radius: 20px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);}
.support_info .support_ul3 ul li p{font-size: 18px; text-align: center; margin-top: 10px; word-break: keep-all;}

.support_info .support_ul5 ul{display: flex; justify-content: center; flex-wrap: wrap;}
.support_info .support_ul5 ul li{width: 32%; margin-right: 20px;}
.support_info .support_ul5 ul li:nth-child(3), .support_info .support_ul5 ul li:nth-child(5){margin-right: 0;}
.support_info .support_ul5 ul li:nth-child(4), .support_info .support_ul5 ul li:nth-child(5) {margin-top: 50px;}
.support_info .support_ul5 ul li figure{background: #f2f2f2; width: 100%; height: 295px; border-radius: 20px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); overflow: hidden;}
.support_info .support_ul5 ul li p{font-size: 18px; text-align: center; margin-top: 10px; word-break: keep-all; text-align: center;}
.support_info .support_ul5 ul li h6.info_tit{text-align: center; margin-top: 20px;}

h4.con_tit{font-size: 30px; margin-bottom: 50px;}
h4.con_tit::before{content: ''; display: block; width: 35px; height: 3px; background: #f47420;}
h4.con_tit span{font-weight: normal;}
h4.con_tit p{color: #555; font-size: 18px; font-weight: normal; margin-top: 10px;}

.support_info_bottom{margin-top: 150px;}

.support_ul4 ul{display: flex; justify-content: space-between;}
.support_ul4 ul li{width: 24%; background: #f7f7f7; text-align: center; border-radius: 20px; padding: 30px; word-break: keep-all; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);}
.support_ul4 ul li figure{background: #fff; border-radius: 50%; margin: 0 auto 20px; width: 150px; height: 150px; display: flex; justify-content: center; align-items: center;}
.support_ul4 ul li figure img{width: 60%;}
.support_ul4 ul li:nth-child(3) figure img, .support_ul4 ul li:nth-child(4) figure img{width: 50%;}
.support_ul4 ul li p{font-size: 18px; color: #555; margin-top: 10px;}
.info_tit{font-weight: 500; color: #333; font-size: 20px;}


.typing-container {
    font-size: 30px;
    font-weight:500;
    text-align: center;
    word-break:keep-all;
    position: relative;
    margin-bottom: 100px;
}

.typing-container::before{display: block; width: 40px; height: 35px; content: ''; background: url(../../images/quotes_l.png) 0 0 no-repeat; position: absolute; top: 0; left: 260px;}
.typing-container::after{display: block; width: 40px; height: 35px; content: ''; background: url(../../images/quotes_r.png) 0 0 no-repeat; position: absolute; top: 0; right: 260px;}


.support_box.bg_e9edff .support_box_r > figure{right: 0; top: -160px;}
.bg_e9edff .support_box_point figure.support_box_point3{right: 37%;}
.support_ul3 h6.info_tit{text-align: center; margin-top: 20px;}
.support_ul3 p{text-align: center; font-size: 18px; color: #555;}

.support_info.support_info3 .support_ul3 ul li figure{height: 295px; overflow: hidden; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2);}

.con_f_txt_s{font-size: 30px; font-weight: 700; margin-top: 30px;}
.con_f_txt_s b{color: #f47420;}
.con_f_txt_s a{transition: 0.3s;}
.con_f_txt_s a:hover{text-underline-offset: 5px; text-decoration: underline;}

.support_box.bg_d0eeff .support_box_r > figure{top: -25px;}
/* .procedure_ul{position: relative;} */
.procedure_ul ul{position: relative; display: flex; justify-content: space-between;}
.procedure_ul ul::before{content: ''; width: 100%; height: 1px; display: block; background: #ccc; position: absolute; left: 0; top: 0;}
.procedure_ul ul li{width: 25%;}
.procedure_ul ul li p{position: relative; text-align: center; padding-top: 20px; font-size: 18px; margin-bottom: 10px; word-break: keep-all;}
.procedure_ul ul li p::before{content: ''; width: 15px; height: 15px; display: block; background: #fbceb1; border-radius: 50%; position: absolute; left: 50%; top: -7px; transform: translateX(-50%); animation: pulseAnim 2s infinite;}
.procedure_ul ul li p::after{content: ''; width: 5px; height: 5px; display: block; background: #f47420; border-radius: 50%; position: absolute; left: 50%; top: -2px; transform: translateX(-50%);}

.procedure_ul ul li p i{font-weight: 700; font-size: 30px; display: block; font-style: normal; color: #f47420;}

.procedure_ul ul li span{text-align: center; color: #555; display: block; margin: 0 auto; width: 210px; word-break: keep-all;}

@keyframes pulseAnim {
	0% {
		box-shadow: 0 0 0 0 rgb(255, 180, 81);
	}
	70% {
		box-shadow: 0 0 0 5px rgba(243, 189, 88, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(243, 194, 88, 0);
	}
}

.procedure_ul ul li p span{font-size: 18px; color: #555; display: block;}

.support_ul4.support_ul4_3 ul li{width: 32%;}
.support_info .support_ul3.support_ul3_4 ul li{width: 24%;}
.support_info.support_info3 .support_ul3.support_ul3_4 ul li figure{height: 220px;}

.support_info .support_ul4.support_ul4_5 ul{display: flex; justify-content: space-between;}
.support_ul4.support_ul4_5 ul li{width: 19%;}
.support_ul4.support_ul4_5 ul li:nth-child(3) figure img, .support_ul4.support_ul4_5 ul li:nth-child(4) figure img{width: 60%;}


/* sub3_busibess */
.business_top{width: 100%; margin: 100px auto 0;  position: relative; height: 0; padding-top: 56.25%; border: none;}
.business_video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business_video iframe{width: 100%; height: 100%;}

.business_con{margin: 100px 0;}
.business_con_box{display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
.business_con_box_txt{width: 50%;}
.business_con_box_txt p{font-size: 30px; font-weight: 500; color: #333; margin-bottom: 20px;}
.business_con_box_txt p::before{content: ''; display: block; width: 35px; height: 3px; background: #f47420;}
.business_con_box_txt span{font-size: 18px; color: #555; word-break: keep-all;}
.business_con_box figure{border-radius: 20px; overflow: hidden; height: 400px;}

.business_bottom{border-top: 1px dashed #ccc; padding-top: 100px;}
.business_bottom_con{display: flex; justify-content: space-between;}
.business_bottom_box {width: 48%;}
.business_bottom_box p{font-size: 24px; font-weight: 500; color: #333; margin-top: 30px;}
.business_bottom_box p::before{content: ''; display: block; width: 35px; height: 3px; background: #f47420;}
.business_bottom_box figure{border-radius: 20px; overflow: hidden; height: 310px; width: 70%; margin: 0 auto;}
.business_bottom_box span{font-size: 18px; color: #666; margin-top: 10px; word-break: keep-all; display: block;}

.business_go{margin-top: 100px; max-width: 2000px; height: 500px; background: url(../../images/business_img_bg1.jpg) 0 0/cover no-repeat; background-attachment: fixed;}
.business_go .wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.business_go .wrap p{color: #fff; font-size: 36px; font-weight: 700; text-align: center; word-break: keep-all;}
.business_go .wrap a{display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; background: #fff; color: #f47420; border: 1px solid #f47420; border-radius: 50px; margin: 50px auto 0; transition: 0.3s; font-weight: 500;}
.business_go .wrap a:hover{background: #f47420; color: #fff;}

.business_go2{background: url(../../images/business_img_bg6.jpg) 0 0/cover no-repeat; background-attachment: fixed;}
.business_go3{background: url(../../images/business_img_bg3.jpg) 0 0/cover no-repeat; background-attachment: fixed;}
.business_go4{background: url(../../images/business_img_bg4.jpg) 0 0/cover no-repeat; background-attachment: fixed;}
.business_go5{background: url(../../images/business_img_bg7.jpg) 0 0/cover no-repeat; background-attachment: fixed;}


.support_box.business3_box1 .support_box_r > figure{top: -176px;}
.support_box.business3_box1 .support_box_point figure.support_box_point3{right: 35%;}

.support_box.business3_box2 .support_box_r > figure{top: -150px;}

.support_box.business3_box3 .support_box_r > figure{top: -172px;}
.support_box.business3_box3 .support_box_point figure.support_box_point3{right: 40%;}

.support_box.business3_box4 .support_box_r > figure{top: -186px;}
.support_box.business3_box4 .support_box_point figure.support_box_point3{right: 40%;}

.support_box.business3_box5 .support_box_r > figure{top: -158px;}
.support_box.business3_box5 .support_box_point figure.support_box_point3{right: 40%;}


.business_bottom{border-top: 1px dashed #ccc; padding-top: 100px;}
.business_bottom_con{display: flex; justify-content: space-between;}
.business_bottom_box {width: 48%;}
.business_bottom_img{display: flex; justify-content: space-between;}
.business_bottom_img figure{border-radius: 20px; overflow: hidden; height: 290px; width: 32%; margin: 0 auto;}
.business_bottom_txt p{font-size: 24px; font-weight: 500; color: #333; margin-top: 30px;}
.business_bottom_txt p::before{content: ''; display: block; width: 35px; height: 3px; background: #f47420;}

.business_bottom_txt span{font-size: 18px; color: #666; margin-top: 10px; word-break: keep-all; display: block;}


/* news */
.news_info{padding-bottom: 150px;}

/* 검색바 */
.search_bar{display: flex; align-items: center; justify-content: center; position: relative; width: 800px; height: 60px; margin: 100px auto;}
.search_bar{position: relative;}
.search_bar input{margin-left: 5px; width: 800px; height: 60px; border-radius: 30px; border: 2px solid #f47420; font-size: 18px; padding-left: 30px; position: relative;}
.search_bar_btn{position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.search_bar_btn{text-indent: -9999px; color: transparent; width: 35px; height: 35px; background: url(../../images/search.png) 50% no-repeat;}

/* 게시판 */
.notice_table{margin-top: 50px; text-align: center; font-size: 18px; font-weight: normal;}
.notice_table_con{table-layout:fixed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 100%;}
.notice_table_con thead{background: #f2f2f2; border-top: 1px solid #333;}
.notice_table_con thead th{height: 50px; vertical-align: middle; color: #333; font-weight: 700;
}

.notice_table_con tbody tr:hover{background: #f8f8f8;}
.notice_table_con tbody tr{border-bottom: 1px solid #ccc;}
.table_title{width: 50%;}
.notice_table_con tbody td{height: 70px; vertical-align: middle; color: #666; font-size: 18px;}
.notice_table_con tbody tr .text-left{font-weight: 700; text-align: left; padding-right: 5px;}
.notice_table_con tbody tr .text-left a{display: block; padding-right: 5px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; width: 100%; color: #333; transition: 0.3s;}
.notice_table_con tbody tr:hover .text-left a{color: #f47420;}

.notice_table_con tbody tr strong{background: #f47420; padding: 5px 10px; border-radius: 5px; color: #fff; font-weight: normal;}

.notice_indicator{display: flex; align-items: center; justify-content: center; margin-top: 100px; cursor: pointer;}
.notice_indicator a{width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 18px; border-radius: 5px; border: 1px solid #ccc; transition: 0.3s;}

.notice_indicator > a{margin: 0 2px;}
.notice_indicator span{margin: 0 2px;}
.notice_indicator span:hover a{color: #f47420; border: 1px solid #f47420;}
.notice-on{background: #f47420; color: #fff;}
.notice-on:hover{color: #fff;}

/* 화살표 움직임 */
.notice_indicator span img{transition: all .3s ease;}
.notice_indicator span:first-child:hover img{transform: translateX(-5px);}
.notice_indicator span:last-child:hover img{transform: translateX(5px);}
.notice_indicator span.news_prev:hover img{transform: translateX(-5px);}
.notice_indicator span.news_next:hover img{transform: translateX(5px);}

/* 게시글 내용 */
.notice-title{width: 100%; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #f3f3f3;}
.notice-title p{display: flex;  align-items: center; height: 80px; padding: 0 30px; font-weight: 700; font-size: 24px; word-break: keep-all;}
.notice-title-bar{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; font-size: 18px; height: 50px; padding: 0 30px;}
.notice-title-bar strong{font-weight: 700;}
.notice-title-bar p strong{margin-right: 5px;}
.notice-title-bar-r{display: flex;}
.notice-title-bar-r p{margin-left: 20px;}
.notice-file{padding: 10px 30px; font-size: 18px; display: flex; align-items: center; border-bottom: 1px solid #ccc;}
.notice-file p{font-weight: 700;margin-right: 10px;}
.notice-con{padding: 50px 30px; word-break: break-all; border-bottom: 1px solid #666;}
.notice-file a{transition: 0.3s;}
.notice-file a:hover{color: #f47420;}
.notice-con p img{height: auto !important;}
.notice-con b{font-weight: 700;}
.notice-con iframe{max-width: 100%;}
.notice-con-img{text-align: center;}

.page-move{border-bottom: 1px solid #666; border-top: 1px solid #666; font-size: 18px; margin-top: -1px; color: #555;}
.page-move-prev{display: flex; align-items: center; height: 50px; border-bottom: 1px solid #ccc;}
.page-move-prev li{display: flex; align-items: center; }
.page-move-prev li:first-child{justify-content: center; padding: 0 30px; background: #f3f3f3; height: 100%;}
.page-move-prev li:last-child{padding: 0 20px; width: 85%; height: 100%;}
.page-move-prev li:last-child a{width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 13px 0;}
.page-move a{transition: 0.3s;}
.page-move a:hover{color: #f47420;}
.page-move-prev li p{margin-right: 5px; color: #666;}

.page-move-next{height: 50px; display: flex; align-items: center;}
.page-move-next li{display: flex; align-items: center;}
.page-move-next li:first-child{justify-content: center; padding: 0 30px; background: #f3f3f3; height: 100%;}
.page-move-next li:last-child{padding: 0 20px; width: 85%; height: 100%;}
.page-move-next li:last-child a{width: 100%; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 13px 0;}
.page-move-next li p{margin-right: 5px; color: #666;}

.notice-btn-group{margin-top: 50px; text-align: center;}
.notice-btn-group button{margin-left: 10px; width: 200px; height: 60px; border-radius: 5px; background: #fff; color: #f47420; font-size: 18px; transition: 0.3s; font-weight: 500; border: 2px solid #f47420;}
.notice-btn-group button:hover{background: #f47420; color: #fff;}

/* 갤러리 */
.gallery_wrap{margin-top: 100px; display: flex; flex-wrap: wrap;}
.list_wrap{margin-bottom: 50px; width: 327px; margin-left: 30px; position: relative;}
.list_wrap:first-child{margin-left: 0;}
.list_wrap:nth-child(4n+1){margin-left: 0;}
.list_wrap a{display: block; width: 100%; border: 1px solid #ccc;}
.list_wrap > a::before{display: block; content: ''; position: absolute; top: 0; right: 0;left: 0; bottom: 0; border: 0 solid #f47420; transition: border-width .2s; z-index: 5;}
.list_wrap a:hover::before{border-width: 3px;}
.gallery_con{padding: 20px;}
.gallery_con p{font-size: 18px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; font-size: 18px;}
.gallery_con span{color: #666;}
.list_wrap a figure{overflow: hidden; height: 250px;}
.list_wrap a img{transition: 0.5s; width: 100%; height: 100%;}
.list_wrap a:hover img{transform: scale(1.1);}

/* 등록된 내용이 없습니다. */
.notice_table_no {border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center;}
.notice_no{font-weight: normal;}

/* 동영상 갤러리 */
.video_list_wrap{margin-bottom: 30px;}
/* .video_list_wrap .gallery_con{border: 1px solid #ccc;} */
.video_list_wrap a{
    width: 100%;
    /* margin: 30px auto; */
    /* position: relative; */
    /* height: 0; */
    /* padding-top: 56.25%; */
}
.video_list_wrap a figure{
    height: 185px;
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; */
}
.video_list_wrap a figure iframe{
    width: 100%;
    height: 100%;
}

/* 동영상 갤러리 내용 */
.video-con{width: 100%; margin: 50px auto 200px;  position: relative; height: 0; padding-top: 56.25%; border: none;}
.video-con .vod-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-con .vod-wrap iframe{width: 100%;height: 100%;}

/* 분류 */
.classify ul{display: flex; justify-content: space-between; margin-top: 50px;}
.classify ul a{display: flex; justify-content: center; align-items: center; width: 200px; background: #fff; height: 60px; border: 2px solid #f47420; color: #f47420; font-size: 18px; font-weight: 500; transition: 0.3s;}
.classify ul li.on a{background: #f47420; color: #fff; font-weight: 700;}
.classify ul li.on:hover a{color: #fff;}
.classify ul li:hover a{color: #fff; background: #f47420;}

.classify.classify3 ul{flex-wrap: wrap; justify-content: center;}
.classify.classify3 ul li{margin: 5px;}

/* 포토갤러리 분류 */
.classify.classify_photo ul li{width: 19%;}
.classify.classify_photo ul a{width: 100%;}

.classify.classify2 ul{justify-content: center;}
.classify.classify2 ul li{margin: 0 10px;}


.classify.management_classify ul{justify-content: center;}
.classify.management_classify ul li{margin: 0 10px;}


/* 뉴스레터 */
.report_wrap{margin-top: 100px; display: flex; flex-wrap: wrap;}
.report_list_wrap{margin-bottom: 50px; width: 327px; margin-left: 30px;}
.report_list_wrap:first-child{margin-left: 0;}
.report_list_wrap:nth-child(4n+1){margin-left: 0;}

.report_list_wrap a{display: block; width: 100%;}

.report_list_wrap figure{position: relative; border: 1px solid #ccc; overflow: hidden; height: 430px;}
.report_list_wrap figure::before{display: block; content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border: 0 solid #f47420; transition: border-width .2s; z-index: 5;}
.report_list_wrap figure:hover::before{border-width: 3px;}
.report_con{padding: 20px 0;}

.report_con p{font-size: 18px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; font-size: 18px; text-align: center; color: #333;}
.report_con span{color: #666;}
/* .report_list_wrap a img{transition: 0.5s; width: 100%; height: 100%;}
.report_list_wrap a:hover img{transform: scale(1.1);} */
.report_btn{display: flex; justify-content: space-between;}
.report_btn a{display: flex; justify-content: center; align-items: center; width: 48%; border: 2px solid #f47420; color: #f47420; padding: 10px; border-radius: 5px; transition: 0.3s;}
.report_btn a:hover{background: #f47420; color: #f47420; color: #fff;}

/* 분류 */
.tab_menu ul{display: flex; justify-content: center; margin-top: 50px;}
.tab_menu ul li{margin: 0 10px;}
.tab_menu ul a{display: flex; justify-content: center; align-items: center; width: 200px; background: #fff; height: 60px; border: 2px solid #f47420; color: #f47420; font-size: 18px; font-weight: 500; transition: 0.3s;}
.tab_menu ul li.on a{background: #f47420; color: #fff; font-weight: 700;}
.tab_menu ul li.on:hover a{color: #fff;}
.tab_menu ul li:hover a{color: #fff; background: #f47420;}
.tab-con2, .tab-con3, .tab-con4, .tab-con5{display: none;}

.ft_md_s{color: #555; font-size: 18px; display: block;}

.agree_box{height: 350px; overflow: auto; padding: 30px; border: 1px solid #ccc; margin-top: 50px;}

.agree_box strong.important{font-size: 30px; text-align: center; font-weight: 700;}

.agree_box strong{display: block; font-weight: 500; text-align: left; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; font-size: 18px;}
.agree_box p{margin-bottom: 5px; text-align: left; word-break: keep-all;}
.agree_box p b{color: #f00; font-weight: 500;}
.agree_box span{display: block; color: #666; font-size: 18px; margin-bottom: 5px; margin-top: -5px; margin-left: 45px;}

.agree_box span.special_con{color: #f00; margin-left: 3px; display: inline; margin: 0; font-size: 30px;}
.agree_box_check{display: flex; justify-content: space-between; margin-top: 20px; font-size: 20px; background: #f5f5f5; border: 1px solid #ccc; padding: 20px; align-items: center;}
.agree_box_check2{margin-left: 50px;}
.agree_box_check2 .select_ag{margin-bottom: 0;}

.agree_box .m_l{margin-left: 46px;}
.agree_box{color: #333;}

/* .mission_bg{background: #ffede0; padding: 100px 0;} */
.mission{font-size: 18px; color: #666;}
.mission p{margin-top: -20px;}

.vision{word-break: keep-all;}
.vision ul{display: flex; justify-content: center;}
.vision ul li{width: 32%; text-align: center;}
.vision ul li figure{text-align: center;}

.vision .info_tit{font-size: 24px; font-weight: 700; color: #333; margin: 10px 0;}
.vision p{font-size: 20px; color: #666;}

.ceo{text-align: center;}
.ceo_l{word-break: keep-all;}
.ceo_l strong{font-weight: 500; display: block; font-size: 20px; color: #f47420; margin-bottom: 10px;}
.ceo_l strong:first-child{margin-bottom: 20px; font-size: 30px;}
.ceo_l p{color: #555; font-size: 18px; margin-bottom: 30px;}

.ceo_r {display: flex; justify-content: center;}
.ceo_r figure{margin-bottom: 20px;}
.ceo_r p{font-size: 20px; font-weight: 700; color: #333; text-align: center; margin-right: 10px;}

.organization{text-align: center; padding-bottom: 200px;}

/* 협력기관 */
.partner strong{font-size: 28px; font-weight: 700; color: #333;}
.partner p{font-size: 20px; font-weight: 700; margin: 10px 0;}

.sub4{padding-bottom: 200px; color: #333;}

.partner_ul{display: flex; justify-content: center; padding: 100px 0; text-align: center;}
.partner_ul li{margin: 0 20px; text-align: center; width: 20%;}
.partner_ul figure{min-height: 180px; display: flex; align-items: center; justify-content: center;}
.partner_ul p{font-size: 20px; color: #f47420; font-weight: 500; margin-bottom: 10px;}
.partner_ul span{font-size: 18px;}

.title_con p b{color: #f47420; font-size: 24px;}
.title_con2 p{margin-bottom: 10px;}

.ci{display: flex; justify-content: space-between; align-items: center;}
.ci_con{font-size: 18px;}
.ci_con b{color: #f47420;}
.ci_img{width: 40%;}
.ci ul{display: flex; justify-content: space-between; padding: 0 100px; margin-top: 50px;}
.ci ul li{width: 25%; display: flex;}
.ci ul li span{display: block; width: 50px; height: 50px;}
.ci ul li:nth-child(1) span{background: #f47420;}
.ci ul li:nth-child(2) span{background: #a15624;}
.ci ul li:nth-child(3) span{background: #4e4b49;}
.ci ul li:nth-child(4) span{background: #9da2a2;}
.ci ul li p{text-align: left; margin-left: 20px; color: #333; font-size: 18px;}

.ci_down a{display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; border-radius: 50px; background: #fff; border: 1px solid #f47420; color: #f47420; margin: 100px auto 0; transition: 0.3s; font-size: 18px;}
.ci_down a::after{display: block; width: 20px; height: 20px; background: url(../../images/down.png); margin-left: 10px; transition: 0.3s;}
.ci_down a:hover{background: #f47420; color: #fff;}
.ci_down a:hover::after{background: url(../../images/down_hover.png);}

.ci > p{color: #555; font-size: 18px; margin-top: 50px;}
.ci > p a{transition: 0.3s;}

.ci > p a:hover{color: #f47420; text-underline-offset: 5px; text-decoration: underline;}

.main_tit_f{display: flex;}
.main_tit_f figure{width: 12%; margin-top: -100px; margin-left: 50px;}
/* .main_tit_f figure{width: 15%; position: absolute; top: 0; left: 0;} */

.sub4.sub4_pn{padding-bottom: 0;}
.character{display: flex; justify-content: space-between;}
.character .wrap{display: flex; justify-content: space-between; position: relative;}
.character .wrap::before{display: block; content: ''; width: 1px; height: 100%; border-left: 1px dashed #7a7a7a; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.character_con {width: 48%; border: 10px solid #ee743f; border-radius: 30px; padding: 50px;}
.character_con2{border: 10px solid #f7d469;}
.character_con strong{font-size: 24px; color: #333; font-weight: 500; text-align: center; display: block;}
.character_con p{color: #555; font-size: 18px; margin-bottom: 20px; word-break: keep-all;}

/* .character_con ul{display: flex; justify-content: space-between; margin: 50px 0;}
.character_con ul li{border-radius: 20px; overflow: hidden;} */
.character_con ul{margin: 30px auto; width: 20%;}
.character_con ul li{text-align: center;}
.character_con ul li img{height: 100%;}

.character_con .slick-slider{position: relative;}
.character_con .slick-slider .slick-arrow{position: absolute; width: 25px; height: 35px; display: flex; justify-content: center; align-items: center; z-index: 1; top: 50%; transform: translateY(-50%); color: transparent;}
.character_con .slick-slider .slick-arrow.slick-prev{left: -50px; background: url(../../images/character_arrow_l1.png) 0 0 no-repeat; }
.character_con .slick-slider .slick-arrow.slick-next {right: -50px; background: url(../../images/character_arrow_r1.png) 0 0 no-repeat;}
.character_con.character_con2 .slick-slider .slick-arrow.slick-prev{background: url(../../images/character_arrow_l2.png) 0 0 no-repeat; }
.character_con.character_con2 .slick-slider .slick-arrow.slick-next {background: url(../../images/character_arrow_r2.png) 0 0 no-repeat;}

.public ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.public ul li{width: 32%; text-align: center; margin-bottom: 30px;}
.public ul li figure{border-radius: 20px; overflow: hidden; height: 560px;}
.public ul li p{font-size: 24px; font-weight: 500; text-align: center; color: #333; margin-top: 20px;}
.public ul li span{font-size: 18px; font-weight: 500; text-align: center; color: #555; font-weight: normal;}

.title_con strong{color: #f47420; font-weight: 500; font-size: 24px;}

/* sub1_intro4 */
/* 오시는 길 */
.way_add{margin-top: 100px; margin-bottom: 50px;}
.way_add p{font-size: 24px; font-weight: 700;}
.way_add table{margin-top: 10px; border-top: 2px solid #f47420; border-bottom: 2px solid #f47420; width: 100%;}
.way_add table tbody tr{border-bottom: dashed 1px #ccc;}
.way_add table tbody tr:last-child{border: none;}
.way_add table tbody tr th{font-size: 18px; font-weight: 700; vertical-align: middle; width: 15%; text-align: center; background: #f7f7f7;}
.way_add table tbody td{color: #666; padding: 20px 0; vertical-align: middle; font-size: 18px; padding-left: 30px; word-break: keep-all;}
.way_wrap iframe{margin-top: 50px;}
#copyBtn {cursor: pointer; width: 8%;}

.way_add table tbody td a{color: #666;}
#copyBtn:hover{color: #f47420; text-decoration: underline;}
.way_add table tbody td a:hover{color: #f47420; text-decoration: underline;}
.way_add table tbody td img{margin-top: 3px; vertical-align: top;}
.way_wrap iframe{margin-top: 50px;}

.root_daum_roughmap .wrap_controllers{display: none;}

.map .section_address{display: none;}

/* .sub_menu{margin: 0px 0 50px;}
.sub_menu ul{display: flex; justify-content: center; flex-wrap: wrap; width: 900px; margin: 0 auto;}
.sub_menu ul li{margin: 0 10px;}
.sub_menu ul li a{display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #f2f2f2; border: 1px solid #ccc; color: #666; font-size: 18px; transition: 0.3s;}
.sub_menu ul li.on a{ background: #0081CC; color: #fff; font-weight: 700;}
.sub_menu ul li:hover a{border: 1px solid #0081CC; color: #0081CC;}
.sub_menu ul li.on:hover a{border: 1px solid #ccc; color: #fff;} */

/* sub_menu */
.sub_menu ul{display: flex; justify-content: center; margin: 100px 0;}
.sub_menu ul li{margin: 5px;}
.sub_menu ul a{display: flex; justify-content: center; align-items: center; width: 200px; background: #fff; height: 60px; border: 2px solid #f47420; color: #f47420; font-size: 18px; font-weight: 500; transition: 0.3s;}
.sub_menu ul li.on a{background: #f47420; color: #fff; font-weight: 700;}
.sub_menu ul li.on:hover a{color: #fff;}
.sub_menu ul li:hover a{color: #fff; background: #f47420;}

.history > .tab_con > .tab_con_ul{display: none;}
.history > .tab_con > .tab_con_ul.on{display: block;}
.history > .tab_con > .tab_con_ul > ul{position: relative; display: flex; margin-top: 50px; flex-wrap: wrap;}

.history > .tab_con > .tab_con_ul > ul:first-child{margin-top: 0;}
.history > .tab_con > .tab_con_ul > ul > li{width: 23%; margin-right: 20px; position: relative; margin-top: 50px;}
.history > .tab_con > .tab_con_ul > ul > li:nth-child(4n){margin-right: 0px;}
.history > .tab_con > .tab_con_ul > ul > li::before{display: block; content: ''; border-bottom: 1px solid #ccc; width: 110vw; position: absolute; top: 105px; left: -80%; z-index: -1;}
.history > .tab_con > .tab_con_ul > ul > li strong{font-size: 50px; font-weight: 700;}
.history > .tab_con > .tab_con_ul > ul > li strong::after{display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #f47420; margin: 20px 0 30px;}
.history_con li{margin-top: 10px; /* min-width: 330px; */}
.history_con img{margin-top: 10px;}
.history_info{display: flex;}
.history_info b{font-weight: 700; color: #f47420; font-size: 18px; min-width: 40px;}
.history_info p{color: #666; font-size: 18px; word-break: keep-all;}

.history2{position: relative;}
.history2 > p{position: absolute; font-size: 30px; font-weight: 700; top: -30px; left: 0; color: #f47420;}


/* .list{display: flex; justify-content: space-between; align-items: center; height: 50px; padding: 50px 0;} */
.list{margin-top: 200px;}
.list_ul{width: 80%; display: inline-block;}
.list_ul li{display: flex; justify-content: center; align-items: center;}
.list_ul li a{display: flex; justify-content: center; align-items: center; width: 250px; min-height: 60px; border: 1px solid #ccc;}
.list_ul li a img{min-width: 180px; height: 50px;}
.list .slick-arrow{width: 30px; height: 30px; box-shadow: none; bottom: 0; display: none !important;}
.list .slick-prev{background: url(../../images/main_list1.svg) 0 0 no-repeat; left: -50px;}
.list .slick-next{background: url(../../images/main_list2.svg) 0 0 no-repeat; right: 0px;}

.support_box.bg_ffeed9{background: #ffeed9;}
.support_box.bg_ffeed9 .support_box_r > figure{top: -125px;}

.con_f{display: flex; justify-content: space-between; align-items: center;}
.con_f_txt{font-size: 20px; color: #333; word-break: keep-all;}
.con_f_txt p{margin-bottom: 10px;}
.con_f_img{width: 20%; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.con_f_img img{max-width: 100%;}

.store{display: flex; justify-content: space-between; align-items: center;}
.stotre_l{width: 450px; height: 450px; border-radius: 10px; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.2); overflow: hidden;}
.stotre_l img{height: 100%; width: 100%;}

.stotre_r p.stotre_r_t{font-size: 30px; font-weight: 500; text-align: center; color: #f47420;}
.stotre_r p.stotre_r_t span{color: #333;}
.stotre_r p.stotre_r_tb{font-size: 24px; color: #333; text-align: center; margin-top: 20px; margin-bottom: 50px; word-break: keep-all;}

.stotre_con dl{display: flex; align-items: center; margin-top: 20px;}
.stotre_con dt{font-size: 24px; font-weight: 500; color: #333; position: relative;}
.stotre_con dt::after{display: block; content: ''; width: 3px; height: 20px; background: #f47420; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.stotre_con dd{font-size: 20px; color: #555; padding-left: 40px;}

.classify.classify3 ul a{width: auto; padding: 0 47px;}

.store_list_wrap .gallery_con p{font-size: 24px; white-space: initial; overflow: auto; text-overflow: unset; }
.store_list_wrap{border: 1px solid #ccc;}
.store_list dl{display: flex; word-break: keep-all; margin: 5px 0; font-size: 18px;}
.store_list dl dt{margin-right: 20px; font-weight: 500; color: #333;}
.store_list dl dd{color: #555;}
.store_list_wrap a{display: flex; justify-content: center; align-items: center; margin: 10px auto; background: #f47420; border: 1px solid #f47420; color: #fff; border-radius: 5px; padding: 10px 0;}

.store_list_wrap figure{height: 22vw; overflow: hidden; display: flex; justify-content: center; align-items: center;}

.store_list_wrap figure img{width: 100%; min-height: 100%;}

.list_wrap.store_list_wrap{width: 31%;}
/* .list_wrap.store_list_wrap */
.list_wrap.store_list_wrap:nth-child(4n+1){margin-left: 30px;}

.notice-btn-group .list{margin-top: 0; margin-left: 0;}

.list_s{border: 1px solid #ccc; width: 31%;}
.list_s figure{position: relative; height: 310px;}
.list_s img{transition: 0.3s; width: 100%; height: 100%;}
.list_s figure span{position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; color: #fff; width: 75px; height: 35px; border-radius: 5px; background: #f47420;}

.list_n figure{position: relative;}
.list_n figure span{position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; color: #fff; width: 75px; height: 35px; border-radius: 5px; background: #7a7a7a;}
.list_s figure span.end{background: #7a7a7a; color: #fff;}

.list_button{display: flex; justify-content: space-between; padding: 0px 20px 20px; transition: 0.3s;}
.list_button a{width: 48%; display: flex; justify-content: center; align-items: center; padding: 10px; z-index: 10; border: none; transition: 0.3s;}
.list_button a:hover{text-decoration: underline; text-underline-offset: 5px;}
.list_button a:nth-child(1){background: #f47420; color: #fff;}
.list_button a:nth-child(2){background: #01a86b; color: #fff;}

.list_s::before{display: block; content: ''; position: absolute; top: 0; right: 0;left: 0; bottom: 0; border: 0 solid #f47420; transition: border-width .2s; z-index: 5;}
.list_s:hover::before{border-width: 3px;}

.list_wrap.list_s:nth-child(4n+1){margin-left: 30px;}

.slt_tab_con{display: none;}
.slt_tab_con.on{display: block;}
.slt_tab_img{text-align: center; margin-top: 50px;}



.management{
    background: #f47420;
    padding: 60px 0;
    position: relative;
    z-index: -2;
    overflow: hidden;
}

.management::after{
    display: block;
    position: absolute;
    content: '';
    left: 0;
    bottom: -50px;
    width: 815px;
    height: 450px;
    background: url(../../images/management_bg.png) 0 0 no-repeat;
    z-index: -1;
}

.charts {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    gap: 30px;
}

.chart-box {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
    /* box-shadow: 0 4px 10px rgba(0,0,0,0.1); */
}

#income-box {
    width: 40%;
    max-width: 1000px;
}

#expense-box {
    width: 40%;
    max-width: 1000px;
}

.chart-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px;
}

.title_con_txt{text-align: center;}
.title_con_txt strong{font-size: 30px; color: #fff; font-weight: normal; word-break: keep-all;}
.title_con_txt strong b{font-weight: 700; color: #fff; background: linear-gradient(to top, #E26100 50%, transparent 50%);}
.title_con_txt p{font-size: 20px; margin-top: 30px; color: #fff; word-break: keep-all;}
.title_con_txt p b{font-weight: 700; color: #fff; background: linear-gradient(to top, #E26100 50%, transparent 50%);}

.table_title{width: 30%;}

.management_title{
    margin-top: 50px;
    text-align: center;
}
.management_title p{
    font-size: 28px; 
    font-weight: 500;
}
.management_title span{
    font-size: 20px;
    color: #f47420;
    margin-top: 20px;
    display: inline-block;
    word-break: keep-all;
}

.management_table table{
    width: 100%;
    vertical-align: middle;
    font-size: 20px;
}

.management_table table tbody{
    border-top: 2px solid #ec6f37;
    border-bottom: 2px solid #ec6f37;
}
.management_table table tbody tr{
    border-bottom: 1px solid #f29a50;
}
.management_table table tbody tr th{
    vertical-align: middle;
    padding: 10px;
    text-align: left;
    color: #e06a38;
}
.management_table table tbody tr td{
    padding: 10px;
    color: #555;
}
.management_table table tbody tr td.management_table_num{
    text-align: right;
}
.management_table table tbody tr td:last-child{
    color: #e06a38;
    text-align: right;
}

.management_table2{
    margin-top: 100px;
}

.management_table2 table tbody{
    border-top: 2px solid #fdc405;
    border-bottom: 2px solid #fdc405;
}
.management_table2 table tbody tr{
    border-bottom: 1px solid #fdc405;
}
.management_table2 table tbody tr th{
    color: #fdc405;
}

.management_table2 table tbody tr td:last-child{
    color: #fdc405;
}

@media screen and (max-width: 1500px) {
    .tab_menu ul a{width: 180px; height: 50px;}

    .business_con_box figure{width: 45%; height: 29vw;}

    .business_bottom_box figure{height: 21vw;}

    /* 포토갤러리 형식 */
    .list_wrap{width: 29.1vw; margin-left: 3vw;}
    .list_wrap:nth-child(3n+1){margin-left: 0;}
    .list_wrap:nth-child(4n+1){margin-left: 3vw;}
    .list_wrap:first-child{margin-left: 0;}
    .list_wrap a figure{height: 20vw;}
    .notice_indicator{margin-top: 50px;}
    

    /* 연혁 */
    .tab_con_ul{overflow: hidden;}
    .tab_con_ul > ul{flex-wrap: wrap;}
    .history > .tab_con > .tab_con_ul > ul > li{width: 33%; margin-right: 0; margin-top: 30px;}
    .history_con{width: 90%;}
    .history_con li{max-width: unset;}

    .sub4{padding-bottom: 150px;}
    .support_info_bottom{margin-top: 100px;}
    .partner_ul{padding: 100px 0 0;}
    .public ul li figure{height: 39vw;}

    .report_list_wrap{width: 30vw; margin-left: 2vw;}
    .report_list_wrap:nth-child(3n+1){margin-left: 0;}
    .report_list_wrap:nth-child(4n+1){margin-left: 2vw;}
    .report_list_wrap:nth-child(1){margin-left: 0;}
    .report_list_wrap figure{height: 39vw;}

    .list_wrap.list_s:nth-child(4n+1){margin-left: 3vw;}
    .list_wrap.list_s:nth-child(1){margin-left: 0;}

    .list_s figure{height: 20vw;}

    .support_box_point figure.support_box_point1{left: 30%;}
    .support_box_point figure.support_box_point4{right: 5%; bottom: -30px;}
    .support_info .support_ul5 ul li figure{height: 20vw;}

    .support_box_point figure.support_box_point2{bottom: 260px;}
    .support_info.support_info3 .support_ul3 ul li figure{height: 20vw;}

    .support_info.support_info3 .support_ul3.support_ul3_4 ul li figure{height: 15vw;}

    .list_ul li a{width: 90%;}

    .typing-container::before{left: 13%;}
    .typing-container::after{right: 13%;}

    .support_box.bg_ffeed9 .support_box_r > figure{top: -81px;}

    .list_wrap.store_list_wrap:nth-child(1){margin-left: 0;}
    .list_wrap:nth-child(3n+1){margin-left: 0;}
    .list_wrap.store_list_wrap:nth-child(3n+1){margin-left: 0;}
    .list_wrap.store_list_wrap{width: 30vw;}

    .list_wrap.store_list_wrap figure{height: 30vw;}

    .management::after{background: url(../../images/management_bg.png) -100% 50%/90% no-repeat;}
}

@media screen and (max-width: 1217px) {
    .support_box.bg_e9edff .support_box_r > figure{top: -117px;}
}


@media screen and (max-width: 1200px) {
    .support_box.business3_box1 .support_box_point figure.support_box_point3{right: 43%;}

    .partner_ul li{width: 30%;}

    .classify ul li{width: 19%;}
    .classify ul a{width: 100%;}

    .tab_menu ul li{width: 19%;}
    .tab_menu ul a{width: 100%;}

    .support_info .support_ul5 ul li{margin-right: 1vw;}

    .support_box.bg_e9edff .support_box_r > figure{top: -43px;}

    .support_info .support_ul4.support_ul4_5 ul{flex-wrap: wrap; justify-content: center;}
    .support_ul4.support_ul4_5 ul li{width: 31%; margin: 10px;}

    .list_ul li a{width: 95%;}

    .typing-container::before{left: 6%;}
    .typing-container::after{right: 6%;}

    .support_ul4 ul li{padding: 20px;}

    .stotre_l {width: 45%; height: 43vw;}
    .stotre_r {width: 50%;}

    .classify ul li{width: 18%;}
    .classify.classify3 ul a{padding: 0 10px;}

    .character_con{padding: 30px;}
    .character_con ul{width: 30%;}

    .management::after{background: url(../../images/management_bg.png) -50% 80%/80% no-repeat;}
    #income-box{width: 48%;}
    #expense-box{width: 48%;}

}



@media screen and (max-width: 1024px) {
    .support_box .support_box_text{width: 65%;}
    .support_box .support_box_r > figure{width: 260px;}
    .support_box.business3_box1 .support_box_r > figure{top: -109px;}
    .support_box_point figure.support_box_point2{top: -3%; left: 5%;}
    .support_box_point figure.support_box_point4{width: 40px; right: 0; bottom: -10%;}
    .business_go .wrap p{font-size: 30px;}
    .business_go{height: 300px;}

    .support_box.business3_box2 .support_box_r > figure{top: 0;}

    .support_box.business3_box3 .support_box_r > figure{top: -77px;}

    .support_box.business3_box4 .support_box_r > figure{top: -138px;}

    .support_box.business3_box5 .support_box_r > figure{top: -86px;}

    .support_info_bottom{margin-top: 100px;}
    .vision p{font-size: 18px;}
    .vision ul{justify-content: space-between;}

    .history > .tab_con > .tab_con_ul > ul > li strong{font-size: 46px;}

    /* 오시는 길 */
    .way_add{margin-bottom: 50px;}
    .way_add table tbody tr{padding: 10px;}
    .way_add table tbody tr th{width: 15%;}
    .way_add table tbody td:nth-child(3){padding-left: 0;}
    .root_daum_roughmap{margin-top: 0;}

    .sub4{padding-bottom: 100px;}

   
    /* 검색창 */
    .search_bar{width: 80%; margin: 50px auto;}

    .gallery_wrap{margin-top: 50px;}
    .list_wrap{margin-bottom: 30px;}

    .page-move-next li:last-child{width: 80%;}
    .page-move-prev li:last-child{width: 80%;}

    .notice_table_con tbody tr td{font-size: 16px;}
    .notice_table_con tbody tr td:first-child{width: 8%;}

    .classify ul a{height: 50px;}
    .tab_menu ul a{height: 50px;}

    .list_button a{padding: 8px 5px;}

    .support_box .support_box_r > figure{top: -70px;}
    .support_box .support_box_text h3.support_box_tit{font-size: 24px;}
    .support_box_point figure.support_box_point1{left: 40%;}
    .procedure_ul ul li span{width: auto;}

    .support_ul4.support_ul4_5 ul li{width: 30%; padding: 20px;}

    .support_info .support_ul3 ul{flex-wrap: wrap;}
    .support_info .support_ul3.support_ul3_4 ul li{width: 48%;}
    .support_info .support_ul3.support_ul3_4 ul li:nth-child(3), .support_info .support_ul3.support_ul3_4 ul li:nth-child(4){margin-top: 30px;}
    .support_info.support_info3 .support_ul3.support_ul3_4 ul li figure{height: 29vw;}
    .support_info .support_ul3 ul li:nth-child(4){margin-left: 3vw;}

    .procedure_ul ul li p{font-size: 16px;}

    .list_ul li a{width: 90%;}
    .list_ul li a img{min-width: auto; height: auto;}

    .support_box.bg_ffeed9 .support_box_r > figure{top: 16px;}
    .typing-container span{width: 80%; display: block; margin: 0 auto;}
    .typing-container::before{left: 4%;}
    .typing-container::after{right: 4%;}

    .support_ul4 ul{flex-wrap: wrap;}
    .support_ul4 ul li{width: 48%; margin-bottom: 20px;}

    .con_f_txt{width: 70%;}

    .stotre_l{width: 40%; height: 38vw;}
    .stotre_r{width: 55%;}
    .stotre_r p.stotre_r_t{font-size: 24px;}
    .stotre_r p.stotre_r_tb{font-size: 18px;}
    .stotre_con dt{font-size: 18px;}

    .list_wrap.store_list_wrap{width: 29vw;}
    .list_wrap.store_list_wrap figure{height: 29vw;}
    .store_list dl dt{margin-right: 10px;}

    .character{flex-wrap: wrap;}
    .character_con {width: 100%; }
    .character_con:first-child{margin-bottom: 50px;}
    .character_con ul{width: 20%;}

    .ci{flex-wrap: wrap;}
    .ci_con{order: 2;}
    .ci_img{order: 1; width: 100%; margin-bottom: 30px;}
}

@media screen and (max-width: 899px) {
    .support_box.bg_e9edff .support_box_r > figure{top: -8px;}
}

@media screen and (max-width: 881px) {
    .support_box.bg_e9edff .support_box_r > figure{top: 27px;}
}

@media screen and (max-width: 800px) {
    .sub_nav{top: 4.5rem;}
}

@media screen and (max-width: 768px) {
    .sub{margin-top: 30px;}
    .sub_nav_con2, .sub_nav_con3, .sub_nav_con4{width: 42%;}
    .sub_nav_drop1, .sub_nav_drop2, .sub_nav_drop3{width: 102%;}
    .sub_nav_drop a{font-size: 16px;}
    .sub_nav_con > li > a{font-size: 16px;}
    .title_con .main_tit{font-size: 32px;}
    .support_box{padding: 50px 0 0;}
    .support_box .support_box_text{width: 100%;}
    .support_box .support_box_text p{font-size: 16px;}

    .support_box .support_box_f{flex-wrap: wrap;}
    .support_box .support_box_r{width: 100%; display: flex; justify-content: center; align-items: center;}
    .support_box .support_box_r > figure{position: relative;}
    .support_box.business3_box1 .support_box_r > figure{top: 5px;}

    .support_box.business3_box1 .support_box_point figure.support_box_point3{right: 5%;}
    .support_box_point figure.support_box_point1{width: 80px; left: 5%; bottom: 30px;}
    .support_box_point figure.support_box_point2{display: none;}
    .support_box_point figure.support_box_point4 {right: 10%; bottom: 10%;}
    
    /* .container img{width: 100%;} */
    .business_con{margin: 50px 0;}
    .business_con_box{flex-wrap: wrap;}
    .business_con_box figure{width: 100%; height: 62vw;}
    .business_con_box_txt{width: 100%; margin-top: 30px;}
    .business_con_box_txt p{font-size: 24px; margin-bottom: 10px;}
    .business_con_box_txt span{font-size: 16px;}
    .business_con_box:nth-child(2n){flex-direction: column-reverse;}

    .business_bottom{padding-top: 50px;}
    .business_bottom_con{flex-wrap: wrap;}
    .business_bottom_box{width: 100%;}
    .business_bottom_box:first-child{margin-bottom: 50px;}

    .business_bottom_box span{font-size: 16px;}
    .business_go .wrap p{font-size: 24px;}

    .support_box.business3_box2 .support_box_r > figure{top: 30px;}

    .support_box.busine0ss3_box3 .support_box_r > figure{top: 5px;}
    .support_box.business3_box3 .support_box_point figure.support_box_point3{right: 10%;}
    .support_box.business3_box5 .support_box_point figure.support_box_point3{right: 10%; top: -40px;}

    .business_bottom_box figure{height: 43vw;}

    .business_bottom_txt span{font-size: 16px;}

    .support_box.business3_box4 .support_box_r > figure{top: 5px;}
    .support_box.business3_box5 .support_box_r > figure{top: 5px;}

    .support_info{margin: 50px 0 100px;}
    h4.con_tit{font-size: 24px; margin-bottom: 30px;}
    .mission p{font-size: 16px;}
    .support_info_bottom{margin-top: 50px;}

    .vision ul li figure{width: 80%; margin: 0 auto;}
    .vision .info_tit{font-size: 20px;}
    .vision p{font-size: 16px;}

    .ceo_l strong:first-child{font-size: 24px;}
    .ceo_l p{font-size: 16px;}

    .organization{padding-bottom: 50px;}

    .tab_menu ul{justify-content: center; flex-wrap: wrap;}
    .tab_menu ul li{width: 30%;}
    .tab_menu ul a{height: 40px; font-size: 16px;}

    .history > .tab_con > .tab_con_ul > ul > li{width: 100%;}
    .history > .tab_con > .tab_con_ul > ul > li::before{left: 0; top: 80px; width: 100vw;}
    .history > .tab_con > .tab_con_ul > ul > li strong{font-size: 36px;}
    .history_info b{font-size: 16px;}
    .history_info p{font-size: 16px;}

    .public ul li{width: 48%;}
    .public ul li figure{height: 56vw;}
    .public ul li p{margin-top: 10px; font-size: 20px;}
    .public ul li span{font-size: 16px;}

    .sub4{padding-bottom: 50px;}

    #copyBtn{width: 13%;}
    .way_add table tbody tr th{font-size: 16px;}
    .way_add table tbody td{padding-left: 10px; font-size: 16px;}
    .way_add table tbody td img{width: auto;}

    /* 포토갤러리 */
    .search_bar{width: 100%;}
    .search_bar input{width: 100%; height: 50px; font-size: 16px;}

    .list_wrap{width: 44.1vw;}
    .list_wrap a figure{height: 29.82vw;}
    .list_wrap:nth-child(2n-1){margin-left: 0;}
    /* .list_wrap.store_list_wrap:nth-child(3n+1){margin-left: 5vw;} */
    .list_wrap.store_list_wrap:nth-child(2n){margin-left: 5vw;}
    .list_wrap:nth-child(2n){margin-left: 5vw;}

    .gallery_con{padding: 10px;}
    .gallery_con p{font-size: 16px; margin-bottom: 5px;}
    .gallery_con span{font-size: 14px;}

    .notice_indicator img{width: 50%;}

    .news_info{padding-bottom: 100px;}
    .notice_indicator{margin-top: 30px;}

    .notice-title p{font-size: 20px;}
    .notice-title-bar{font-size: 16px;}

    .page-move img{width: auto;}
    .page-move-next li:first-child{font-size: 16px; padding: 0 10px;}
    .page-move-next li:last-child{font-size: 16px;}

    .page-move-prev li:first-child{font-size: 16px; padding: 0 10px;}
    .page-move-prev li:last-child a{font-size: 16px;}

    .notice-btn-group button{width: 150px; height: 50px; font-size: 16px;}
    .notice_table_con thead th{font-size: 16px;}

    .notice_table_con tbody tr strong{padding: 5px;}
    .table_title{width: 25%;}

    .classify.classify2 ul li{margin: 5px;}
    .classify.classify2 ul li a{font-size: 16px; height: 45px;}

    .tab_menu ul li{margin: 5px;}
    .tab_menu ul li a{font-size: 16px; height: 45px;}



    .report_wrap{margin-top: 50px;}
    .report_list_wrap{width: 45vw;}
    .report_list_wrap figure{height: 59vw;}
    .report_con{padding: 10px 0;}

    .report_list_wrap:nth-child(2n-1){margin-left: 0;}
    .report_list_wrap:nth-child(2n){margin-left: 2vw;}

    .agree_box strong.important{font-size: 24px;}

    .list_button{padding: 0 10px 20px;}
    .list_button a{padding: 5px; font-size: 14px;}
    .list_s figure{height: 29.82vw;}

    .list_wrap.list_s:nth-child(2n-1){margin-left: 0;}

    .support_box .support_box_text h3.support_box_tit{text-align: center; font-size: 20px; }
    .support_box.bg_d0eeff .support_box_r > figure{top: 25px;}
    
    .support_box_point figure.support_box_point3{right: 6%;}

    .support_box .support_box_r > figure{top: 10px;}
    .support_box_button{padding-bottom: 30px; margin-top: 20px;}
    .support_box_button a{margin: 0px auto;}

    .support_info .support_ul5 ul li{width: 48%; margin-right: 2vw;}
    .support_info .support_ul5 ul li figure{height: 29vw;}
    .support_info .support_ul5 ul li h6.info_tit{font-size: 18px; margin-top: 10px;}

    .support_info .support_ul5 ul li:nth-child(3){margin-right: 2vw;}
    .support_info .support_ul5 ul li:nth-child(2), .support_info .support_ul5 ul li:nth-child(4){margin-right: 0;}

    .support_info .support_ul5 ul li:nth-child(3), .support_info .support_ul5 ul li:nth-child(4), .support_info .support_ul5 ul li:nth-child(5){margin-top: 30px;}

    .support_info .support_ul3 ul{flex-wrap: wrap; justify-content: center;}
    .support_info .support_ul3 ul li{width: 48%;}
    .support_info .support_ul3 ul li:first-child{margin-right: 3vw;}
    .support_info .support_ul3 ul li:nth-child(3){margin-top: 20px;}

    .support_info.support_info3 .support_ul3 ul li figure{height: 29vw;}
    .info_tit{font-size: 18px;}
    .support_info .support_ul3 ul li p{font-size: 16px; margin-top: 5px;}

    .support_ul4 ul{flex-wrap: wrap; justify-content: center;}
    .support_ul4.support_ul4_3 ul li{width: 48%;}
    .support_ul4 ul li{padding: 20px 10px;}
    .support_ul4 ul li:first-child{margin-right: 3vw;}
    /* .support_ul4 ul li:nth-child(3){margin-top: 20px;} */
    .support_ul4 ul li:nth-child(4){margin-left: 3vw;}
    .support_ul4 ul li p{font-size: 16px; margin-top: 5px;}
    .support_ul4 ul li figure{width: 120px; height: 120px; margin: 0 auto 10px;}

    .support_box .support_box_r > figure{width: 240px;}
    .bg_e9edff .support_box_point figure.support_box_point3{right: 7%;}

    .support_ul4.support_ul4_5 ul li{width: 45%;}

    .procedure_ul ul{flex-wrap: wrap;}
    .procedure_ul ul li{width: 32%;}
    .procedure_ul ul::after{content: ''; width: 100%; height: 1px; display: block; background: #ccc; position: absolute; left: 0; bottom: 43%; z-index: -1;}

    .procedure_ul ul li:nth-child(4){margin-top: 30px;}

    .support_box.bg_ffeed9 .support_box_r > figure{top: 26px;}

    .typing-container span{font-size: 24px;}
    .typing-container::before{left: 1%;}
    .typing-container::after{right: 1%;}

    .procedure_ul.procedure_ul4 ul li{width: 47%; margin-bottom: 30px;}

    .con_f{flex-wrap: wrap;}
    .con_f_img{order: 1; width: 50%; margin: 0 auto; margin-bottom: 30px;}
    .con_f_txt{order: 2; width: 100%; text-align: center;}

    .store{flex-wrap: wrap;}
    .stotre_l{width: 60%; height: 56vw; margin: 0 auto 30px;}
    .stotre_r{width: 100%; padding-bottom: 50px;}

    .classify ul li{width: 22%;}

    .list_wrap.store_list_wrap{width: 44vw;}
    .list_wrap.store_list_wrap figure{height: 44vw;}
    .store_list_wrap .gallery_con p{font-size: 18px;}
    .store_list dl dt{font-size: 16px;}
    .store_list dl dd{font-size: 16px; word-break: break-all;}
    .list_wrap.store_list_wrap:nth-child(4n+1){margin-left: 0;}
    
    .con_f_txt p{font-size: 16px;}
    .con_f_txt p.con_f_txt_s{font-size: 24px;}

    .title_con_txt strong{font-size: 24px;}
    .title_con_txt p{font-size: 16px;}

    .management_title p{font-size: 24px;}
    .management_title span{font-size: 16px;}

    .charts{flex-wrap: wrap;}
    #income-box{width: 98%;}
    #expense-box{width: 98%;}

    .chart-title{margin-bottom: -30px;}

    .management_table table tbody tr th{font-size: 16px; padding: 5px;}
    .management_table table tbody tr td{font-size: 16px; padding: 5px;}

    .table_scroll{overflow-x: scroll; margin-top: 0px; background-image: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 10%);}
    .table_scroll table{width: 800px !important;}

    .management::after{background: url(../../images/management_bg.png) -20% 80%/50% no-repeat;}

    .classify.management_classify ul li{width: 30%;}
}

@media screen and (max-width: 480px) {
    .title_con .main_tit{font-size: 30px;}
    .support_box{padding: 30px 0 0;}
    .support_box .support_box_r > figure{width: 55vw;}
    .support_box_point figure.support_box_point1{width: 60px;}

    .business_go{margin-top: 50px;}
    .business_go .wrap p{font-size: 20px;}
    .business_bottom_txt p{font-size: 20px;}

    .public ul li p{font-size: 18px;}

    #copyBtn{width: 15%;}

     /* 포토갤러리 */
    .gallery_wrap{margin-top: 30px;}
    .list_wrap{width: 100%;}
    .list_wrap a figure{height: 63.75vw;}
    .list_wrap:nth-child(2n){margin-left: 0;}

    .notice-title p{padding: 0 20px; font-size: 18px;}
    .notice-title-bar{padding: 0 20px;}
    .notice-file{padding: 10px 20px; font-size: 16px;}

    .notice-con{padding: 50px 20px;}

    .page-move-next li:last-child{width: 70%;}
    .page-move-prev li:last-child{width: 70%;}

    /* 게시판 */
    .notice_indicator span{margin: 0 5px;}
    .notice_table{margin-top: 30px;}
    .notice_table_con thead{display: none;}
    .notice_table_con tbody{border-top: 2px solid #333; display: block; width: 96vw;}
    .notice_table_con tbody tr td:first-child{display: none;}
    .notice_table_con tbody tr{display: flex; flex-wrap: wrap; padding-bottom: 10px;}
    .notice_table_con tbody tr td{height: auto; border-right: 1px solid #ccc; padding: 0 10px; font-size: 14px;}
    .notice_table_con tbody tr td:nth-child(2){border-right: none;}
    .notice_table_con tbody tr td:last-child{border-right: none;}
    .text-left{width: 100%; border-right: none;}
    .text-left a{padding: 10px 0; font-size: 16px;}

    .classify.classify2 ul{justify-content: center; flex-wrap: wrap;}
    .classify.classify2 ul li{margin: 2px; width: 32%;}
    .classify.classify2 ul li a{height: 35px;}

    .report_list_wrap{width: 92vw;}
    .report_list_wrap figure{height: 121vw;}
    .report_list_wrap:nth-child(2n){margin-left: 0;}

    .ft_md_s{font-size: 14px;}

    .agree_box{padding: 20px;}
    .agree_box strong.important{font-size: 20px;}
    .agree_box strong{font-size: 16px;}

    .list_s figure{height: 63.75vw;}
    .list_button a{padding: 10px 5px; font-size: 16px;}

    .support_box_button a{width: 180px; height: 50px;}
    h4.con_tit p{font-size: 16px;}

    .support_box_point figure.support_box_point3{top: -40px;}
    .procedure_ul ul li p{font-size: 16px;}
    .procedure_ul ul li p span{font-size: 14px;}

    .support_info .support_ul3 ul li{width: 100%; margin-bottom: 20px;}
    .support_info.support_info3 .support_ul3 ul li figure{height: 59vw;}
    .support_info .support_ul3 ul li:first-child{margin-right: 0;}

    .support_ul4.support_ul4_3 ul li{width: 100%; margin-bottom: 20px;}
    .support_ul4 ul li:first-child{margin-right: 0;}

    .support_ul4.support_ul4_5 ul li{width: 80%;}
    .support_ul4.support_ul4_5 ul li{margin: 10px;}
    .support_info .support_ul3.support_ul3_4 ul li{width: 100%;}
    .support_info.support_info3 .support_ul3.support_ul3_4 ul li figure{height: 60vw;}
    .support_ul3 h6.info_tit{margin-top: 10px;}
    .info_tit{font-size: 16px;}
    .procedure_ul ul li p{font-size: 14px;}

    .typing-container span{font-size: 18px;}
    .typing-container::before{background: url(../../images/quotes_l.png) 10%/80% no-repeat;}
    .typing-container::after{background: url(../../images/quotes_r.png) 100%/80% no-repeat;}

    .support_ul4 ul li{width: 80%;}
    .support_ul4 ul li:nth-child(4){margin-left: 0;}
    .procedure_ul ul::after{bottom: 42%;}

    .character_con{padding: 20px 10px;}
    .character_con p{font-size: 16px;}
    .character_con ul{width: 38%;}

    .title_con_txt strong{font-size: 20px;}

    .classify.management_classify ul li{width: 49%;}
    .classify ul a{font-size: 16px;}

    .list_wrap.store_list_wrap{width: 100vw;}
    .list_wrap.store_list_wrap figure{height: 91vw;}
    .list_wrap.store_list_wrap:nth-child(2n){margin-left: 0;}
}

@media screen and (max-width: 373px){
    .procedure_ul ul::after{bottom: 39%;}
}


/* 개인정보취급방침 */
.personal_wrap{word-break:keep-all; padding-bottom: 100px;}
.subclass_personal{display: flex; justify-content: center;}
.personal_first{margin-top: 55px; background: #fce9d0; border-top: 3px solid #f47420; border-bottom: 1px solid #f47420; text-align: center; padding: 40px 20px 30px;}
.personal_first p{font-size: 16px;}
.personal_first span{display: inline-block;font-size: 18px;background: #fff;padding: 10px;margin-top: 20px;}
.personal_article{margin-top: 50px;}
.personal_article strong{font-size: 24px;font-weight: 600;}
.personal_article > p{font-size: 16px;}
.personal_article_box{border: 1px solid #ccc;margin-top: 20px;padding: 20px;}
.personal_article_con{display: flex;margin-bottom: 20px;}
.personal_article_con:last-child{margin-bottom: 0;}
.personal_article_con i{display: flex;align-items: center;justify-content: center;font-style: normal;font-size: 20px;font-weight: bold;color: #fff;width: 30px;height: 30px;border-radius: 50%;background: #f47420;margin-right: 20px;}
.personal_article_con b{font-size: 18px; color: #333; font-weight: 500;}
.personal_article_con p{font-size: 16px; color: #555;}
.personal_article_bundle{width: 94%;}
.personal_article_bundle p a{text-decoration: none;color: inherit; font-size: 16px;}
.personal_article_bundle p a:hover{color: #f47420;}
.personal_article_a{margin-top:20px; text-decoration: none;font-size: 16px;display: flex;justify-content: center;align-items: center;color: #f47420;border: 1px solid #f47420;width: 210px;height: 40px;}
.personal_article_a:hover{background: #f47420; color: #fff;}
.personal_table{width: 100%;text-align: center;margin-top: 10px;}
.personal_table_wrap{width: 100%; border-collapse: collapse;}
.personal_table_title{height: 40px;}
.personal_table_title th{background: #f47420;font-size: 18px;color: #fff;font-weight: 600;}
.personal_table_con th{background: #fce9d0;font-weight: 600;font-size: 16px;border-bottom:1px solid #898989;border-right: 1px solid #898989;}
.personal_table_con td{font-size: 16px;padding: 10px 0;border-bottom:1px solid #898989;}
.personal_table_con_r{border-right: 1px solid #898989;}
.personal_article_con_b{margin-top: 10px;}
.personal_article_con_b p{font-size: 16px;}
.personal_article_con_b span a{text-decoration: none;color: inherit;}
.personal_article_con_b span a:hover{color: #f47420;}

/* 이메일무단수집거부 */

.mail{width: 600px; margin: 55px auto 0; border-radius: 20px 20px 0 0; border: 1px solid #ccc; text-align: center; margin-bottom: 150px;}
.mail-top p{font-size: 26px;  font-weight: 600; padding: 15px 0; background: #f47420; border-radius: 20px 20px 0 0; color: #fff;}
.mail-img{padding: 30px 0;}
.mail-con{border-top: 2px dotted #ccc;}
.mail-con p{font-size: 18px; padding: 30px 0;}
.mail-con p b{font-size: 18px; color: #f47420; font-weight: 600;}

@media (max-width:800px){
	.mail{width: 500px;}
	.mail-top p{font-size: 20px;}
	.mail-img{padding: 20px 0;}
    .mail-img img{width: 30%;}
	.mail-con p{font-size: 16px; padding: 20px 0;}
	.mail-con p b{font-size: 16px;}
}
@media (max-width:640px){
	.mail{width: 90%; word-break: keep-all;}
	.mail-top p{font-size: 18px;}
	.mail-con p{font-size: 15px;}
	.mail-con p b{font-size: 15px;}
}
@media (max-width:430px){
	.mail-con p{font-size: 14px;}
	.mail-con p b{font-size: 14px;}
}

.support_board{
    margin: 0 auto 100px;
    text-align: center;
}

.support_board figure{
    width: 100%;
}

/* 사이트맵 */
.sitemap{margin-bottom: 100px;}
.sitemap-con{display: flex; justify-content: start; flex-wrap: wrap;}
.sitemap-con > li{margin-right: 30px; margin-top: 30px; width: 21%;}
.sitemap-con > li:last-child{margin-right: 0;}

.sitemap-con > li > p{display: flex; justify-content: center; align-items: center; font-size: 18px; text-align: center; height: 40px; background: #f2f2f2; color: #f47420; font-weight: 700;}
.sitemap-info > li > a{display: block; border-bottom: 1px solid #ccc; padding: 10px; font-size: 16px; position:relative; transition: 0.3s; text-align: center;}
.sitemap-info > li > a:hover{color: #f47420; font-weight: 500;}

.sitemap_con{background: #f8f8f8; border-bottom: 1px solid #ccc; padding: 1rem 1rem 1rem 3rem;}
.sitemap_con li a{position: relative;  font-size: 14px; padding-left: 10px; color: #666;}
.sitemap_con li a::before{content: ''; display: block; width: 3px; height: 3px; background: #666; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sitemap_con li:hover a{text-decoration: underline;}

.sitemap-info > li > a.db_n{border-bottom: none;}
.sitemap_link img{padding-top: 5px; padding-left: 5px;}
.sitemap_link2 img{padding-top: 7px;}

@media screen and (max-width:1200px){
    .sitemap_con{padding: 1rem 1rem 1rem 2rem;}
}

@media screen and (max-width:768px){
    /* 사이트맵 */
    .sitemap-con > li{width: 41vw; margin-top: 20px;}
    .sitemap-con > li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:480px){
    /* 사이트맵 */
    .sitemap-con > li > p{font-size: 16px;}
    .sitemap-info li a{font-size: 14px; padding: 5px;}
}