

/* 레이아웃 */
.container{max-width:1200px;}

.sr_only {overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999px; color:transparent;}
#skip_nav {
	position: relative;
	width: 100%;
	z-index: 1100;
}

#skip_nav a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
	background-color: #75378c;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

#skip_nav a:focus {
	height: 50px;
	line-height: 50px;
}
/*bx-slider
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
   	line-height: 50px;
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
   display: block;
   text-indent: -9999px;
   width: 15px;
   height: 15px;
   background: url(../img/main/control.png) -82px -16px no-repeat;
   margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
   background-position: -82px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
   display: block;
   text-indent: -9999px;
   width: 15px;
   height: 15px;
   background: url(../img/main/control.png) -82px -48px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
   background-position: -82px -32px;
}
.bx-wrapper .bx-controls-direction a{
	position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 32px;
    text-indent: -9999px;
    z-index: 1;
    display: block;
}
*/
/*
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}
*/
/* --------------------------- 메인 --------------------------- */

/* 상단 */
.wrap_header{position:relative;width:100%;background:#fff;transition:all .3s;border-bottom:1px solid #ccc;}
.header{display:flex;justify-content:space-between;align-items:center;height:64px;}
.header .btn_menu_all{display:flex;justify-content: center;align-items: center;}
.header .btn_mobild_menu_all{display:none;}

/* 상단 스크롤 고정 */
.wrap_header.header_fixed{position:fixed;left:0;top:0;z-index:100;box-shadow: 0 0 10px 3px rgba(0,0,0, 0.05);}

/* 탑메뉴 시작 */
.wrap_top_menu{position:relative;background:#f5870c;}
.top_menu{display:inline-flex;justify-content: flex-end;align-items:center;width:100%;padding:4px 0;}

.lang_select > li{position:relative;}
.lang_select > li > a{position:relative;display:inline-block;width:100px;height:30px;line-height:28px;color:#000;font-size:1.4rem;text-align:left;background:url('/img/common/icon_lang.png') no-repeat left center;background-size:20px;padding:0 20px 2px 25px;cursor:pointer;}
.lang_select > li > a:after{content: '';position:absolute;right:0;top:0;display:block;width:20px;height:30px;background:url('/img/common/icon_lang_arr.png') no-repeat center;}
.lang_select > li ul{visibility:hidden;position:absolute;left:0;top:30px;z-index:99999;width:100%;background:#f5870c;}
.lang_select > li ul li a{display:block;line-height:26px;font-size:1.3rem;color:#000;padding:3px 10px;}
.lang_select > li ul li a:hover{background:rgba(255,255,255, 0.2);}


.text_zoom{display:flex;align-items: center;border-left:1px solid #fff;border-right:1px solid #fff;padding:0 10px;margin:0 10px;}
.text_zoom a{width:24px;height:24px;background-size:22px !important;text-indent: -9999px;}
.text_zoom a.plus{background: url('/img/common/icon_view_plus.png') no-repeat;}
.text_zoom a.minus{background: url('/img/common/icon_view_minus.png') no-repeat;}
.text_zoom i{font-size:0;width:1px;height:1px;text-indent: -9999px;}
.text_zoom span{color:#000;font-size:1.4rem;padding:0 10px 2px 10px;}

.top_customer{height:24px;font-size:1.6rem;color:#000;font-weight: 500;background:url('/img/common/icon_tel.png') no-repeat left center;background-size:22px !important;padding-top:2px;padding-left:28px;}


/* PC 메뉴 */
.menu{margin-left:80px;}
.menu > ul{display:flex;justify-content:center;align-items:center;}
.menu > ul > li{position:relative;z-index:10001;}
.menu > ul > li > a{display:flex;justify-content:center;align-items:center;height:64px;font-size:1.9rem;color:#333;font-weight:600;padding:0 70px 2px 0;}
.menu > ul > li > a.on, .menu > ul > li > a:hover{color:#B26209;}

.menu .menu_2{position:absolute;left:0;top:74px;width:100%;}
.menu .menu_2.blind{position:fixed;left:-9999px;top:-9999px;}
.menu .menu_2 li a{display:flex;font-size:1.5rem;color:#333;width:100%;letter-spacing:-0.5px;padding:7px 0;}
.menu .menu_2 li a:hover{color:#B26209;}

.mobile_menu{display:none;}

/* 메뉴 배경 */
.bg_menu{position:absolute;left:0;top:102px;z-index:10000;width:100%;border-top:1px solid #d5d5d5;border-bottom:3px solid #f5870c;background:#fff;}
.bg_menu.off{left:-9999px;top:-9999px;}
.bg_menu:before{content: '';position:absolute;left:0;top:0;z-index:-1;display:flex;width:calc(50% - 220px);height:100%;background:#f9f5f0;}

.menu_2_etc{width:380px;padding:20px;background:#f9f5f0;}
.menu_2_etc ul{display:flex;flex-wrap:wrap;}
.menu_2_etc ul li{width:50%;height:140px;}
.menu_2_etc ul li:nth-child(1){border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.menu_2_etc ul li:nth-child(2){border-bottom:1px solid #d5d5d5;}
.menu_2_etc ul li:nth-child(3){border-right:1px solid #d5d5d5;}
.menu_2_etc ul li div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2;font-size:1.5rem;color:#333;font-weight:500;text-align:center;}
.menu_2_etc ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2;font-size:1.5rem;color:#333;font-weight:500;text-align:center;}
.menu_2_etc ul li img{margin-bottom:5px;}




/* 탑 슬라이드 */
.wrap_top_slide{position:relative;}
.ts_01{width:100%;text-align:center;background:#af7cd9;}
.ts_01 div{display:inline-flex;justify-content:center;align-items:center;max-width:1200px;width:100%;min-height:38px;height:64px;padding:0 20px 4px 20px;font-size:2.2rem;color:#fff;font-weight: 300;}
.btn_ts_close{position:absolute;right:10px;top:6px;z-index:1000;width:24px;height:24px;background:url('/img/main/icon_top_close.png') no-repeat;background-size:24px !important;text-indent:-9999px;}
/* 탑 슬라이드 컨트롤 */
.wrap_top_slide .bx-wrapper .bx-prev {left:inherit;right: 80px;background: url('/img/main/icon_top_arr_prev.png') no-repeat;}
.wrap_top_slide .bx-wrapper .bx-prev:hover,
.wrap_top_slide .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.wrap_top_slide .bx-wrapper .bx-next {right: 45px;background: url('/img/main/icon_top_arr_next.png') no-repeat;}
.wrap_top_slide .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: 0 0;}
.wrap_top_slide .bx-wrapper .bx-controls-direction a {position: absolute;top: 10px;margin-top:0;/*outline:inherit*/;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}


/* 메인 슬라이드 */
.bx-wrapper{box-shadow:none;border:0;margin-bottom:0 !important;}
.ms_01{display:inline-flex;justify-content: center;align-items: center;width:100%;text-align:center;background:#f7f7f7;}
.ms_01 img{display:inline-flex;justify-content: center;align-items: center;}
/* 메인 슬라이드 컨트롤 */
.bx-controls-direction{display:none;}
.wrap_main_slide .bx-wrapper .bx-prev {left: 10px;background: url('/img/main/icon_arr_prev.png') no-repeat;}
.wrap_main_slide .bx-wrapper .bx-prev:hover,
.wrap_main_slide .bx-wrapper .bx-prev:focus {background-position: 0 0;}
.wrap_main_slide .bx-wrapper .bx-next {right: 10px;background: url('/img/main/icon_arr_next.png') no-repeat;}
.wrap_main_slide .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {background-position: 0 0;}
.wrap_main_slide .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -38px;/*outline:inherit;*/width: 73px;height: 75px;text-indent: -9999px;z-index: 9999;}



/* 메인-콘텐츠 */
.main_board{display:flex;flex-wrap:wrap;margin:0 -15px;}
.main_board > div{display:flex;}


/* 메인-활동게시판 */
.main_album{display: flex;width:calc(100% + 10px);margin:0 -5px;}
.main_album a{display: flex;flex-direction:column;width:calc(33.333333333333% - 10px);border:1px solid #e1e1e1;margin:0 5px;}
.main_album a img{width:100%;}
.main_album a > span{display: flex;flex-direction:column;}
.main_album a sub{width:130px;line-height:22px;font-size:1.3rem;color:#B26209;font-weight:500;border:3px solid #ee760a;text-align:center;padding:0 5px;margin:10px 10px 0;}
.main_album a em{font-weight:500;color:#000;font-size:1.5rem;line-height:1.2;margin:10px;}
.main_album a > span span{font-weight:400;color:#969696;font-size:1.4rem;line-height:1.4;margin:10px;}


/* 메인-탭 */
.main_tab_con{display: flex;align-self:stretch;width:100%;border:1px solid #e1e1e1;}
.box_tab{position:relative;width:calc(100% - 30px);margin:15px;}
.main_tab_con span{position:absolute;left:0;top:40px;display:block;width:100%;height:3px;background:#e2915c;}
.main_tab_con h2.tab_title_1{position:absolute;left:0;top:0;}
.main_tab_con h2.tab_title_2{position:absolute;left:152px;top:0;}
.main_tab_con h2 a{display:block;width:150px;height:40px;line-height:39px;font-size:1.7rem;color:#707083;text-align:left;padding-left:20px;cursor:pointer;}
.main_tab_con h2 a.on{color:#000;}
.main_tab_con h2.tab_title_2:before{content: '';position:absolute;left:-2px;top:10px;display:block;width:2px;height:20px;background:#e1e1e1;}

.main_tab_con .box_tab > a{position:absolute;display:block;width:20px;height:20px;line-height:20px;text-indent: -9999px;background:url('/img//main/icon_more.png') no-repeat center;}
.main_tab_con .box_tab > a.tab_more_1{left:120px;top:10px;}
.main_tab_con .box_tab > a.tab_more_2{left:272px;top:10px;}

.main_tab_con ul{position:absolute;left:0;top:60px;width:100%;}
.main_tab_con ul li a{position:relative;display:block;width:100%;font-size:1.6rem;color:#848484;padding:7px 0 7px 14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main_tab_con ul li a:before{content: '';position:absolute;left:0;top:50%;display:block;width:4px;height:4px;background:#ccc;margin-top:-2px;}

.main_tab_con ul.tab_con_2{visibility:hidden;}


/* 메인-인포 */
.main_info{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:240px;border:1px solid #e1e1e1;}
.main_info p:nth-child(1){display:flex;flex-direction:column;justify-content:center;align-items:center;width:65%;height:100%;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:3.3rem;background:#fff;}
.main_info p:nth-child(1) b{color:#fff;font-weight:600;font-size:2.8rem;}

.main_info a:nth-child(2){display:flex;justify-content:center;align-items:center;width:35%;height:calc(50% - 2px);line-height:1.3;color:#4a4a4a;font-weight:600;font-size:2.4rem;background:#f9f5f0;}
.main_info a:nth-child(3){display:flex;justify-content:center;align-items:center;width:35%;height:calc(50% - 2px);line-height:1.3;color:#4a4a4a;font-weight:600;font-size:2.4rem;background:#f9f5f0;}


.main_info_n{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:240px;border:1px solid #e1e1e1;}
.main_info_n p:nth-child(1){display:flex;flex-direction:column;justify-content:center;align-items:center;width:33.3%;height:100%;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:3.3rem;background:#fff;}
.main_info_n p:nth-child(1) b{color:#fff;font-weight:600;font-size:2.8rem;}

.main_info_n a:nth-child(2){display:flex;justify-content:center;align-items:center;width:33.3%;height:calc(50% - 2px);line-height:1.3;color:#4a4a4a;font-weight:600;font-size:2.4rem;background:#f9f5f0;}
.main_info_n a:nth-child(3){display:flex;justify-content:center;align-items:center;width:33.3%;height:calc(50% - 2px);line-height:1.3;color:#4a4a4a;font-weight:600;font-size:2.4rem;background:#f9f5f0;}
.main_info_n a:nth-child(4){display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(33.3% - 8px);height:100%;line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#f5870c;}
.main_info_n a:nth-child(4) b{color:#000;font-weight:600;font-size:2.8rem;}

/* 메인-배너 */
.main_banner{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:240px;}
.main_banner a:nth-child(1){display:flex;justify-content:center;align-items:center;width:calc(50% - 8px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#f5870a;}
.main_banner a:nth-child(2){display:flex;justify-content:center;align-items:center;width:calc(50% - 7px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#EE717C;}

.main_banner a:nth-child(3){display:flex;justify-content:center;align-items:center;width:calc(50% - 8px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#ff6c5c;}
.main_banner a:nth-child(4){display:flex;justify-content:center;align-items:center;width:calc(50% - 7px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#f7ac1d;}


/* 메인 - 부분리뉴얼 2025.06 */
/* 메인 콘텐츠 배경 */
.container_bg {
    background-color:#f5f5f5;
}
/* 메인 - direct */
#direct {
    display:flex;
    align-items:stretch;
    gap:30px;
}
#direct a {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    height:80px;
    border-radius:20px;
    border-width:3px;
    border-style:solid;
}
#direct a p {
    flex:1;
    font-size:2rem;
    font-weight:700;
    letter-spacing:-0.6px;
    line-height:130%;
    color:#333;
}
#direct a:nth-child(1) {
    border-color:#FFA869;
    background-color:#FFA869;
}
#direct a:nth-child(2) {
    border-color:#FFB47E;
    background-color:#FFB47E;
}
#direct a:nth-child(3) {
    border-color:#FFCA67;
    background-color:#FFCA67;
}
#direct a:nth-child(4) {
    border-color:#FFD88E;
    background-color:#FFD88E;
}
#direct a:hover {
    background-color:#fff;
}
#direct a:hover p {
    color:#333;
}

/* 메인 - 사업소개 */
#business {
    display:flex;
    align-items:stretch;
    gap:30px;
    margin-top:60px;
}
#business a {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:180px;
    border:3px solid #ddd;
    background:#fff;
    border-radius:30px;
}
#business a p {
    font-size:1.8rem;
    font-weight:500;
    color:#222;
    text-align:center;
}
#business a:hover {
    border-color:#fff;
    background: RGBA(255, 205, 150, 0.5);
    background: linear-gradient(131deg, rgba(255, 205, 150, 0.9) 3.61%, rgba(245, 135, 12, 1) 96.39%);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.10);

}

/* 메인 - 게시판 */
#board_main {
    display:flex;
    align-items:stretch;
    gap:30px;
    margin-top:60px;
}
#board_main .board_main_cont {
    flex:1;
    background-color:#fff;
    border-radius:30px;
    box-shadow:0 0 20px 0 #eaeaea;
    display:flex;
    flex-direction:column;
    gap:20px;
    max-width: calc(50% - 15px);
}
#board_main .board_main_cont .board_title_wrap {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
}
#board_main .board_main_cont .board_title_wrap .board_title {
    display:flex;
    align-items:center;
    gap:10px;
    padding-left:30px;
}
#board_main .board_main_cont .board_title_wrap .board_title p {
    font-size:2.8rem;
    font-weight:700;
    color:#222;
}
#board_main .board_main_cont .board_title_wrap .board_more_btn {
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#FCD23E;
    border-radius:0 30px 0 30px;
}
#board_main .board_main_cont .board_title_wrap .board_more_btn:hover svg path {
    fill:#fff;
}
#board_main .board_main_cont .board_main_list {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:0 30px 30px;
} 
#board_main .board_main_cont .board_main_list li a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:10px;
    position: relative;
}
#board_main .board_main_cont .board_main_list li a::before {
    content:'';
    width:5px;
    height:5px;
    background-color:#ddd;
    border-radius:30px;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}
#board_main .board_main_cont .board_main_list li a .notice_board_ti {
    font-size:1.8rem;
    font-weight:400;
    line-height:111%;
    color:#222;
    flex:1;
    max-width:75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  /* 말줄임 적용 */
}
#board_main .board_main_cont .board_main_list li a span {
    font-size:1.4rem;
    font-weight:400;
    color:#444;
}
#board_main .board_main_cont .board_main_list li a:hover .notice_board_ti {
    font-weight:700;
}

/* 메인 - 활동게시판 및 뉴스레터 */
#album_main {
    display:flex;
    align-items:stretch;
    gap:30px;
    margin-top:60px;
}
#album_main i {
    text-align:center;
}
/* 메인 - 활동게시판 */
#active {
    display: flex;
    gap: 30px;
    flex:3;
}
#active a {
    display:flex;
    flex-direction:column;
    gap:15px;
    flex:1;
}
#active a i img {
    border:1px solid #ccc;
    border-radius:20px;
    width:100%;
    max-width:275px;
}
#active a span {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}
#active a span sub {
    border:1px solid #399741;
    border-radius:20px;
    padding:5px 15px;
    font-size:1.6rem;
    font-weight:600;
    line-height:1;
    color:#399741;
    text-align:center;
}
#active a span em {
    font-size:1.8rem;
    font-weight:600;
    color:#333;
    text-align:center;
    word-break: keep-all;
}
#active a:hover span sub {
    background-color:#399741;
    color:#fff;
}
#active a:hover span em {
    text-decoration:underline;
}
/* 메인 - 뉴스레터 */
#letter {
    flex:1;
}
#letter a {
    border:3px solid #fff;
    background-color:#FFF2C3;
    box-shadow:0 0 20px 0 #eaeaea;
    border-radius:20px;
    padding:10px 20px;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
}
#letter a .letter_tit {
    font-size:1.8rem;
    font-weight:500;
    letter-spacing:-0.54px;
    line-height:177%;
    color:#222;
    text-align:center;
}
#letter a i img {
    border-radius:10px;
    width:100%;
}
#letter a .letter_btn {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 20px;
    border:2px solid #F5870C;
    border-radius:5px 5px 10px 10px;
    background-color:#F5870C;
    font-size:1.6rem;
    font-weight:700;
    color:#fff;
    width:100%;
}
#letter a:hover .letter_btn {
    background-color:#fff;
    color:#F5870C;
}
#letter a:hover .letter_btn svg path {
    fill:#F5870C;
}

/* 메인 - 메인퀵메뉴 */
#quick {
    height:100%;
    position:absolute;
    right: 12.5%;
    top:720px;
    width:95px;
}
#quick ul {
    display:flex;
    flex-direction:column;
    gap:20px;
    background-color:#fff;
    border-radius:20px;
    box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.15);
    padding:20px 10px;
    position: sticky;
    right:12.5%;
    top:300px;
}
#quick ul li a {
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    height:80px;
}
#quick ul li a p {
    font-size:1.4rem;
    font-weight:500;
    letter-spacing:-0.42px;
    color:#222;
}
#quick ul li a span {
    position: relative;
    top:0;
}
#quick ul li a .kakao_icon {
    width:50px;
    height:50px;
    background-color:#FAE100;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#quick ul li a .facebook_icon {
    width:50px;
    height:50px;
    background-color:#3B589E;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#quick ul li a:hover span {
    top:-5px;
    transition:all .3s;
}
#quick ul li a:hover p {
    font-weight:700;
}


/* --------------------------- 하단 --------------------------- */
.footer{position:relative;z-index:10000;background:#202020;}
.footer .b_b_1{border-bottom:3px solid #2c2c2c;}
.box_footer_menu{display:flex;justify-content:space-between;height:60px;}

.footer_menu{display:flex;align-items: center;}
.footer_menu li{position: relative;}
.footer_menu li:after{content: '';position:absolute;right:0;top:50%;display:block;width:2px;height:10px;background:#9a9c9f;margin-top:-5px;}
.footer_menu li a{display:flex;font-size:1.5rem;color:#c9ccd0;padding:5px 15px;transition: all .3s;}
.footer_menu li a:hover{color:#fff;}
.footer_menu li:last-child:after{display:none;}
.footer_menu li:first-child a{padding-left:0;}

.box_sns_family{display:flex;align-items: center;}
.footer_sns {display:flex;align-items: center;}
.footer_sns a{padding:5px;}

.family_site > li{position:relative;}
.family_site > li button{position:relative;width:190px;height:40px;line-height:38px;color:#c9ccd0;font-size:1.4rem;text-align:left;background:#565656;padding:0 30px 0 15px;cursor:pointer;}
.family_site > li button:after{content: '';position:absolute;right:0;top:0;display:block;width:40px;height:40px;background:#707070 url('/img/common/icon_footer_arr.png') no-repeat center;}
.family_site > li ul{visibility:hidden;position:absolute;left:0;bottom:40px;width:100%;border:1px solid #585858;background:#fff;}
.family_site > li ul li a{display:block;line-height:26px;font-size:1.3rem;color:#3d3d3d;padding:3px 10px;}
.family_site > li ul li a:hover{background:#f7f7f7;}

.box_copyright{display: flex;align-items:center;}
.box_copyright img{height:53px;margin-right:40px;}

.footer address{line-height:20px;font-size:1.3rem;color:#9a9c9f;padding:20px;}
.footer address span{line-height:20px;font-size:1.3rem;color:#9a9c9f;}





/* 브레이크 포인트 */

/*  */
@media (max-width:1680px) {
    /* 메인 - 메인퀵메뉴 */
    #quick {
        right:50px;
    }
}


/* xl */
@media(max-width:1439px){
    /* 메인 - 메인퀵메뉴 */
    #quick {
        right:30px;
    }
}

/* lg */
@media(max-width:1190px){
    /* 메인 - direct */
    #direct {
        gap:20px;
    }
    #direct a {
        padding:0 20px;
    }
    #direct a p {
        font-size:1.8rem;
    }

    /* 메인 - 사업소개 */
    #business {
        gap:20px;
    }
    #business a {
        height:150px;
    }
    #business a p {
        font-size:1.6rem;
    }
    #business a svg {
        width:60px;
        height:60px;
    }


    /* 메인 - 활동게시판 및 뉴스레터 */
    #album_main {
        gap:20px;
    }
    /* 메인 - 활동게시판 */
    #active {
        gap: 20px;
    }


    /* 메인 - 메인퀵메뉴 */
    #quick {
        position: unset;
        transform: unset;
    }
    #quick ul {
        flex-direction:row;
        width:fit-content;
        padding:10px 20px;
        margin:auto;
        border-radius:20px 20px 0 0;
    }
}

/* md */
@media(max-width:991px){
    /* 메인 - 활동게시판 */
    #active {
        flex:2;
    }
    #active a:last-child {
        display:none;
    }
}

/* sm */
@media(max-width:767px){


    /* --------------------------- 메인 --------------------------- */

    .wrap_header{z-index: 10000;}
    .wrap_header.header_fixed{z-index: 10000;}

    /* 탑메뉴 시작 */
    .wrap_top_menu{position:relative;z-index:10;background:#f5870c;}
    .top_menu{display:inline-flex;justify-content: space-between;align-items:center;width:100%;}
    .header h1 img{height:30px;}
    .header .btn_menu_all{display:flex;justify-content: center;align-items: center;}
    .header .btn_menu_all img{width:30px;}
    .lang_select > li ul{margin-top:4px;}

    /* 모바일 메뉴 */
    .mobile_menu{display:block;}
    .mobile_menu > ul > li{position:relative;z-index:10001;}
    .mobile_menu > ul > li > a{position:relative;display:flex;justify-content: flex-start;align-items:center;height:40px;font-size:1.8rem;color:#333;font-weight:500;border-bottom:1px solid #ddd;padding:0 0 2px 10px;}
    .mobile_menu > ul > li > a:before{content: '';width:40px;height:40px;background:url('/img/common/icon_plus.png') no-repeat center;background-size:14px;}
    .mobile_menu > ul > li > a.on, .mobile_menu > ul > li > a:hover{color:#f5870c;}
    .mobile_menu > ul > li > a.on:before{background:url('/img/common/icon_minus.png') no-repeat center;background-size:14px;}

    .mobile_menu .menu_2{display:none;width:100%;border-bottom:1px solid #ddd;}
    .mobile_menu .menu_2 li a{display:flex;font-size:1.5rem;color:#666;width:100%;letter-spacing:-0.5px;padding:7px 0 7px 50px;}
    .mobile_menu .menu_2 li a:hover{color:#f5870c;}

    /* 메뉴 배경 */
    .bg_menu{position:absolute;left:0;top:102px;z-index:1;width:100%;border-top:1px solid #d5d5d5;border-bottom:3px solid #f5870c;background:#fff;}

    .bg_menu.off{left:-9999px;top:-9999px;}
    .bg_menu:before{display:none;}

    .menu_2_etc{width:100%;background:#f9f5f0;padding:0;}
    .menu_2_etc ul{display:flex;flex-wrap:wrap;}
    .menu_2_etc ul li{width:25%;height:70px;}
    .menu_2_etc ul li:nth-child(1){border-right:1px solid #d5d5d5;border-bottom:0;}
    .menu_2_etc ul li:nth-child(2){border-bottom:0;border-right:1px solid #d5d5d5;}
    .menu_2_etc ul li:nth-child(3){border-right:1px solid #d5d5d5;}
    .menu_2_etc ul li div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2;font-size:1.3rem;color:#333;font-weight:500;text-align:center;}
    .menu_2_etc ul li a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2;font-size:1.3rem;color:#333;font-weight:500;text-align:center;}
    .menu_2_etc ul li img{width:20px;margin-bottom:5px;}


    /* 탑 슬라이드
    .wrap_top_slide{position:relative;}
    .ts_01{width:100%;text-align:center;background:#af7cd9;}
    .ts_01 div{display:inline-flex;justify-content:center;align-items:center;max-width:1200px;width:100%;min-height:70px;height:70px;font-size:1.8rem;color:#fff;}
    .wrap_top_slide .bx-wrapper .bx-prev {right: 55px;background-size:20px;opacity: 0.5;}
    .wrap_top_slide .bx-wrapper .bx-next {right: 30px;background-size:20px;opacity: 0.5;}
    .wrap_top_slide .bx-wrapper .bx-controls-direction a {margin-top: -5px;width: 20px;height: 20px;}
    .btn_ts_close{position:absolute;right:5px;top:5px;z-index:1000;width:20px;height:20px;background:url('/img/main/icon_top_close.png') no-repeat;background-size:20px;text-indent:-9999px;}
    */

    /* 탑 슬라이드 */
    .ts_01 div{font-size:1.6rem;}
	.btn_ts_close{position:absolute;right:10px;top:50%;z-index:1000;width:24px;height:24px;background:url('/img/main/icon_top_close.png') no-repeat;background-size:24px !important;text-indent:-9999px;margin-top:-12px;}

    /* 메인 슬라이드 컨트롤 */
    .wrap_main_slide .ms_01{display:inline-flex;justify-content:center;align-items:center;width:100%;;text-align:center;background:#f7f7f7;}
    .wrap_main_slide .ms_01 img{display:inline-flex;justify-content: center;align-items: center;}
    .wrap_main_slide .bx-wrapper .bx-prev {background-size:36px;opacity: 0.7;}
    .wrap_main_slide .bx-wrapper .bx-next {background-size:36px;opacity: 0.7;}
    .wrap_main_slide .bx-wrapper .bx-controls-direction a {margin-top: -18px;width: 36px;height: 36px;}


    /* 메인-활동게시판 */
    .main_album{display: flex;flex-direction:column;width:100%;margin:0;}
    .main_album a{display: flex;flex-direction:row;align-items:center;width:100%;border:1px solid #e1e1e1;margin:0 0 5px 0;}
    .main_album a i{display:flex;width:35%;padding-left:10px}
    .main_album a img{width:100%;height:66.5%;}
    .main_album a > span{display: flex;flex-direction:column;width:65%;padding:0 10px;}
    .main_album a sub{width:120px;line-height:22px;font-size:1.3rem;color:#ee760a;font-weight:500;border:3px solid #ee760a;text-align:center;padding:0 5px;margin:10px 10px 0;}
    .main_album a em{font-weight:500;color:#000;font-size:1.5rem;line-height:1.2;margin:10px;}
    .main_album a > span span{font-weight:400;color:#969696;font-size:1.4rem;line-height:1.4;margin:10px;}

    /* 메인-탭 */
    .main_tab_con{display: flex;align-self:stretch;width:100%;height:300px;border:1px solid #e1e1e1;}
    .box_tab{position:relative;width:calc(100% - 30px);margin:15px;}
    .main_tab_con span{position:absolute;left:0;top:40px;display:block;width:100%;height:3px;background:#e2915c;}
    .main_tab_con h2.tab_title_1{position:absolute;left:0;top:0;}
    .main_tab_con h2.tab_title_2{position:absolute;left:152px;top:0;}
    .main_tab_con h2 a{display:block;width:150px;height:40px;line-height:39px;font-size:1.7rem;color:#999;text-align:left;padding-left:20px;cursor:pointer;outline:0;}
    .main_tab_con h2 a.on{color:#000;}
    .main_tab_con h2.tab_title_2:before{content: '';position:absolute;left:-2px;top:10px;display:block;width:2px;height:20px;background:#e1e1e1;}

    .main_tab_con .box_tab > a{position:absolute;display:block;width:20px;height:20px;line-height:20px;text-indent: -9999px;background:url('/img//main/icon_more.png') no-repeat center;}
    .main_tab_con .box_tab > a.tab_more_1{left:120px;top:10px;}
    .main_tab_con .box_tab > a.tab_more_2{left:272px;top:10px;}

    .main_tab_con ul{position:absolute;left:0;top:60px;width:100%;}
    .main_tab_con ul li a{position:relative;display:block;width:100%;font-size:1.6rem;color:#848484;padding:7px 0 7px 14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
    .main_tab_con ul li a:before{content: '';position:absolute;left:0;top:50%;display:block;width:4px;height:4px;background:#ccc;margin-top:-2px;}
    .main_tab_con ul.tab_con_2{visibility:hidden;}

    /* 메인-인포 */
    .main_info{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:auto;border:0;}
    .main_info p:nth-child(1){display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;line-height:1.3;color:#fff;font-weight:600;font-size:2rem;background: #f7ac1d;padding:20px;}
    .main_info p:nth-child(1) b{color:#fff;font-weight:600;font-size:2.8rem;}
    .main_info a:nth-child(2){display:flex;justify-content:center;align-items:center;width:calc(50% - 3px);height:60px;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:1.7rem;background:#f9f5f0;}
    .main_info a:nth-child(3){display:flex;justify-content:center;align-items:center;width:calc(50% - 3px);height:60px;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:1.7rem;background:#f9f5f0;}
    .main_info a img{width:60px;}

	.main_info_n{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:auto;border:0;}
    .main_info_n p:nth-child(1){display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;line-height:1.3;color:#fff;font-weight:600;font-size:2rem;background: #f7ac1d;padding:20px;}
    .main_info_n p:nth-child(1) b{color:#fff;font-weight:600;font-size:2.8rem;}
    .main_info_n a:nth-child(2){display:flex;justify-content:center;align-items:center;width:calc(33.3% - 3px);height:60px;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:1.7rem;background:#f9f5f0;}
    .main_info_n a:nth-child(3){display:flex;justify-content:center;align-items:center;width:calc(33.3% - 3px);height:60px;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:1.7rem;background:#f9f5f0;}
	.main_info_n a:nth-child(4){display:flex;justify-content:center;align-items:center;width:calc(33.3% - 3px);height:60px;line-height:1.3;color:#4a4a4a;font-weight:600;font-size:1.4rem;background:#f9f5f0;}
	.main_info_n a:nth-child(4) img{display:none;}
    .main_info_n a img{width:40px;}

    /* 메인-배너 */
    .main_banner{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;align-content:space-between;height:240px;}
    .main_banner a:nth-child(1){display:flex;justify-content:center;align-items:center;width:calc(50% - 8px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#f5870c;}
    .main_banner a:nth-child(2){display:flex;justify-content:center;align-items:center;width:calc(50% - 7px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#EE717C;}
    .main_banner a:nth-child(3){display:flex;justify-content:center;align-items:center;width:calc(50% - 8px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#ff6c5c;}
    .main_banner a:nth-child(4){display:flex;justify-content:center;align-items:center;width:calc(50% - 7px);height:calc(50% - 8px);line-height:1.3;color:#000;font-weight:600;font-size:2.4rem;background:#f7ac1d;}


    /* 메인 - direct */
    #direct {
        flex-wrap: wrap;
        gap:10px;
    }
    #direct a {
        flex:none;
        width:calc(50% - 5px);
    }

    /* 메인 - 사업소개 */
    #business {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top:30px;
    }
    #business a {
        height: 80px;
        flex-direction: row;
        flex: none;
        width: calc(50% - 5px);
        justify-content: space-between;
        padding: 0 20px;
        border-radius: 20px;
    }
    #business a svg {
        width:45px;
        height:45px;
    }

    /* 메인 - 게시판 */
    #board_main {
        flex-direction:column;
        margin-top:30px;
    }
    #board_main .board_main_cont {
        max-width: 100%;
        width:100%;
    }

    /* 메인 - 활동게시판 및 뉴스레터 */
    #album_main {
        flex-direction:column;
        gap:30px;
    }
    /* 메인 - 활동게시판 */
    #active {
        gap: 20px;
    }





    /* 하단 */
    .footer{background:#202020;}
    .footer .b_b_1{border-bottom:0}
    .box_footer_menu{flex-direction:column;height:auto;padding:10px 0;}

    .footer_menu{order:3;display:flex;justify-content:center;flex-wrap:wrap;align-items: center;background:#000;padding:10px 10px;margin:0 -15px;}
    .footer_menu li{position: relative;}
    .footer_menu li:after{content: '';position:absolute;right:0;top:50%;display:block;width:2px;height:10px;background:#9a9c9f;margin-top:-5px;}
    .footer_menu li a{display:flex;font-size:1.5rem;color:#9a9c9f;padding:5px 15px;transition: all .3s;}
    .footer_menu li a:hover{color:#fff;}
    .footer_menu li:last-child:after{display:none;}
    .footer_menu li:first-child a{padding-left:0;}

    .box_sns_family{display:flex;justify-content:space-between;align-items: center;padding-bottom:10px;}
    .footer_sns a{padding:5px 10px;}
    .footer_sns a:first-child{padding-left:0;}
    .footer_sns a img{height:30px;}

    .family_site > li{position:relative;}
    .family_site > li button{position:relative;width:170px;height:30px;line-height:28px;color:#9a9c9f;font-size:1.4rem;text-align:left;background:#565656;padding:0 30px 0 15px;cursor:pointer;}
    .family_site > li button:after{content: '';position:absolute;right:0;top:0;display:block;width:30px;height:30px;background:#707070 url('/img/common/icon_footer_arr.png') no-repeat center;background-size:8px;}
    .family_site > li ul{visibility:hidden;position:absolute;left:0;bottom:30px;width:100%;border:1px solid #585858;background:#fff;}
    .family_site > li ul li a{display:block;line-height:24px;font-size:1.3rem;color:#3d3d3d;padding:3px 10px;}
    .family_site > li ul li a:hover{background:#f7f7f7;}

    .box_copyright{flex-direction:column;}
    .box_copyright img{height:80px;margin-right:30;}
    .footer address{text-align:center;}

}

/* xs */
@media(max-width:575px){

}
