@charset "utf-8";
@import url('font/fs_font.css');

/***********************/
/* 커스텀하여 사용권장
 직접커스텀 : https://matthewlein.com/tools/ceaser
 이징 참고표 : https://easings.net/ko
*/
/* easeInOutQuart */
/*a {
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}*/
/***********************/

body { overflow-x: hidden; }

/* 반응형 */
.wrap { width: clamp(0px, 100%, 1600px); margin: 0 auto; }

@media only screen and (max-width:1599px) {
    .wrap { width: clamp(0px, 98%, 1600px); }
}

@media only screen and (max-width:1023px) {
    .wrap { width: clamp(0px, 100%, 1600px); padding: 0 15px; }
    .con_body .wrap { padding: 0; }
}

/* 애니메이션 모션 */
.animate_op { opacity: 0; transition: all 0.5s ease-in-out; }
.animate_op.active { opacity: 1; }
.animate_op2 { opacity: 0; transition: all 0.5s ease-in-out; transition-delay: 0.2s; }
.animate_op2.active { opacity: 1; }
.fs_main_visual { transition-delay: 0.2s; }
.top_con_box { transition-delay: 0.1s; }
.con_box1 { transition-delay: 0.4s; }

@media only screen and (max-width:1023px) {
    .animate_op { transition: 0s; }
    .animate_op2 { transition: 0s; transition-delay: 0s; }
    .fs_main_visual { transition-delay: 0s; }
    .top_con_box { transition-delay: 0s; }
    .con_box1 { transition-delay: 0s; }
}


/* 해더영역 */
#fs_header { background: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: transform .4s 10ms; }
#fs_header.scroll-down { transform: translateY(-160%); }
#fs_header.scroll-up { transform: translateY(0); }

/* gnb영역 */
.top_cont { height: 50px; background: #f1f7fc; border-bottom: 1px solid #dedede; }
.top_cont .wrap { display: flex; justify-content: space-between; height: 100%; }
.top_cont .wrap a { display: flex; align-items: center; font-size: 1.4rem; }
.top_cont .left { display: flex; align-items: center; font-size: 1.4rem; padding: 0 0px; }
.top_cont .left span { display: inline-block; font-size: 1.4rem; margin: 3px 5px 0px; vertical-align: top; }
.top_cont .right { display: flex; align-items: stretch; border-right: 1px solid #dedede; }
.top_cont .right a:first-child { padding: 0 20px; }
.top_cont .right a:first-child img { margin-right: 8px; width: auto; margin-top: -2px; }
.top_cont .right a { padding: 0 15px; border-left: 1px solid #dedede; }
.top_cont .right a img { width: 23px; transform: rotate(0deg) scale(1, 1); transition: 0.4s ease-in-out; }
.top_cont .right a:is(:hover, :focus, :active) img { transform: rotate(360deg) scale(1.2, 1.2); }

@media only screen and (max-width:1023px) {
    .top_cont { height: 40px; }
    .top_cont .right a+a { display: none; }
}

/* 상단 */
.fs_head { display: flex; justify-content: space-between; align-items: center; padding: 17px 0; }
.fs_head .logo { font-size: 1.5rem; }
.fs_head .logo a { display: flex; align-items: flex-end; font-weight: 600; }
.fs_head .logo a img {}
.fs_head .logo a span {margin:0 0 7px 5px;letter-spacing:-1px;font-size:1.7rem;font-weight:400;color:#58585a;}
.fs_head .global_box { display: flex; align-items: stretch; }
.fs_head .global_box .gnb_top { display: flex; align-items: center; }
.fs_head .global_box .gnb_top li { margin-left: 15px; }
.fs_head .global_box .gnb_top li a { display: flex; align-items: center; font-size: 1.3rem; color: #001b2f; }
.fs_head .global_box .gnb_top li a span { display: inline-block; margin-left: 8px; font-weight: 300; }
.fs_head .global_box .gnb_top li.ser {}
.fs_head .global_box .gnb_top li.ser .search_box { border-bottom: 3px solid #dedede; }
.fs_head .global_box .gnb_top li.ser input { height: 40px; border: 0; vertical-align: bottom; font-size: 1.5rem; color: #000; }
.fs_head .global_box .gnb_top li.ser input::placeholder { color: #808d97; }
.fs_head .global_box .gnb_top li.ser button { display: inline-block; width: 50px; height: 40px; background: #fff; text-align: center; }
.fs_head .global_box .gnb_top li.ser .search_box .bg .search_co { display: none; }
.fs_head .global_box .gnb_top li.ser .search_op { display: none; }

@media only screen and (max-width:1023px) {
    #fs_header { padding-bottom: 0; }
    .fs_head { border-bottom: 1px solid #003964; }
    .fs_head .logo a { margin-left: 15px; }
    .fs_head .logo a img { height: 45px; }
    .fs_head .global_box .gnb_top { margin-right: 60px; }
    .fs_head .global_box .gnb_top li:last-child { display: none; }
    .fs_head .global_box .gnb_top li { display: none; }
    .fs_head .global_box .gnb_top li.ser .search_box { border-bottom: 5px solid #dedede; }
    .fs_head .global_box .gnb_top li+li { display: none; }
    /*통합검색 주석 처리 해서 임시로 만듬 시작   */
    /* 		.fs_head .global_box .gnb_top li {display:none;} */
    /*통합검색 주석 처리 해서 임시로 만듬 끝  */
}

@media only screen and (max-width:767px) {
    .fs_head .logo a img { height: 40px; }
    .fs_head .global_box .gnb_top li.ser .search_box { border-bottom: 4px solid #dedede; }
}

@media only screen and (max-width:499px) {
    .fs_head .global_box .gnb_top li.ser .search_box { overflow: hidden; opacity: 0; position: absolute; left: 0; top: 0; bottom: 0; z-index: 11; width: 100%; height: 0; padding: 0; background: rgba(0, 0, 0, 0.5); text-align: center; transition: 0.1s; border-bottom: 0; }
    .fs_head .global_box .gnb_top li.ser .search_box .bg { opacity: 0; position: relative; display: flex; justify-content: space-between; padding: 50px 30px 30px 30px; background: #fff; transform: scale(1.2, 1.2); transition: 0.4s; }
    .fs_head .global_box .gnb_top li.ser .search_box.on { overflow: visible; opacity: 1; height: 100%; padding: 15px; }
    .fs_head .global_box .gnb_top li.ser .search_box.on .bg { opacity: 1; transform: scale(1, 1); }
    .fs_head .global_box .gnb_top li.ser .search_box .bg input { width: 100%; border: 1px solid #d7d7d7; }
    .fs_head .global_box .gnb_top li.ser .search_box .bg button { flex-grow: 1; background: #003964; }
    .fs_head .global_box .gnb_top li.ser .search_box .bg button img { filter: invert(100%) brightness(200%); }
    .fs_head .global_box .gnb_top li.ser .search_box .bg .search_co { display: block; position: absolute; right: 0; left: 0; top: 10px; margin: 0 auto; padding: 10px; }
    .fs_head .global_box .gnb_top li.ser .search_op { display: block; margin-top: 3px; }
}

/* 헤더메뉴 */
.fs_top_menu { position: absolute; z-index: 3; width: 100%; background: #fff; border-bottom: 1px solid #003964; border-top: 1px solid #d7d7d7; }
.fs_top_menu:after { content: ""; position: absolute; left: 0; top: 70px; z-index: 0; width: 100%; height: 1px; background: #003964; }

/* 헤더메뉴_주메뉴 */
.fs_top_menu .menu_box .wrap { display: flex; justify-content: space-between; }
.fs_top_menu .menu_box .lnb { display: flex; justify-content: center; flex-grow: 1; }
.fs_top_menu .menu_box .lnb>li { width: 17%; }
.fs_top_menu .menu_box .lnb>li .lnb_title.active { border-bottom: 4px solid #052b57 }
.fs_top_menu .menu_box .lnb>li:nth-child(5), .fs_top_menu .menu_box .lnb>li:nth-child(6) { width: 16%; }
.fs_top_menu .menu_box .lnb>li h2 { text-align: center; font-weight: 400; font-size: 2.4rem; color: #000; }
/*.fs_top_menu .menu_box .lnb > li h2 a {display:flex;justify-content:center;align-items:center;height:70px;}*/
.fs_top_menu .menu_box .lnb>li h2 a { display: flex; justify-content: center; align-items: center; height: 70px; text-decoration: none; }
.fs_top_menu .menu_box .lnb>li.active-bg { background: #edf6fc; }

/* 헤더메뉴_하위메뉴 */
.fs_top_menu .menu_box .lnb>li .lnb_layer01 { display: none; position: relative; z-index: 1; min-height: calc(100% - 70px) !important; padding: 25px 0; border-left: 1px solid #d7d7d7; font-weight: 300; }
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li {}
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li>a { display: flex; justify-content: space-between; align-items: center; padding: 3px 25px; font-size: 1.7rem; color: #666; }
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li>a.on { background: url("./../images/layout/arr_menu_down.png") no-repeat right 22px center; }
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li>a.on.active { filter: grayscale(100%) brightness(50%) contrast(150%); }
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li>a:is(:hover) { font-weight: 400; color: #000; }

/*20231104 1줄추가*/
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li .lnb_layer02 { display: none; background: #003964; padding: 5px 0; }
/*20231104 1줄추가*/
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li .lnb_layer02>li {}
.fs_top_menu .menu_box .lnb>li .lnb_layer01>li .lnb_layer02>li>a { display: block; padding: 7px 25px; font-size: 1.5rem; color: #fff; word-break: keep-all; }

@media only screen and (max-width:1023px) {
    .fs_top_menu { top: 40px; border-bottom: 0; border-top: 0; background: rgba(0, 0, 0, 0.5); }
    .fs_top_menu:after { display: none; }
    .fs_top_menu.on {}
    .fs_top_menu .menu_box .wrap .bg, .fs_top_menu .menu_box .lnb { display: none; }
}

/* 헤더메뉴_전체메뉴버튼 */
.fs_top_menu .menu_box .lnb_menu_open { position: relative; display: none; width: 27px; }
.fs_top_menu .menu_box .lnb_menu_open:before { content: ""; position: absolute; left: 0; top: 28px; display: block; width: 27px; height: 3px; background: #000; transition: 0.4s; }
.fs_top_menu .menu_box .lnb_menu_open:after { content: ""; position: absolute; right: 0; top: 37px; display: block; width: 18px; height: 3px; background: #000; transition: 0.4s; }
.fs_top_menu .menu_box .sitemap_lnb_menu { position: relative; display: block; width: 27px; }
.fs_top_menu .menu_box .sitemap_lnb_menu:before { content: ""; position: absolute; left: 0; top: 28px; display: block; width: 27px; height: 3px; background: #000; transition: 0.4s; }
.fs_top_menu .menu_box .sitemap_lnb_menu:after { content: ""; position: absolute; right: 0; top: 37px; display: block; width: 18px; height: 3px; background: #000; transition: 0.4s; }

@media only screen and (max-width:1023px) {
    .fs_top_menu .menu_box .sitemap_lnb_menu { display: none; }
    .fs_top_menu .menu_box .lnb_menu_open { position: absolute; right: 15px; top: 0; display: block; height: 78px; z-index: 1; background: #fff; }
    .fs_top_menu .menu_box .lnb_menu_open:before { top: 31px; }
    .fs_top_menu .menu_box .lnb_menu_open:after { top: 40px; }
    .fs_top_menu .menu_box .lnb_menu_open.on { right: 0; width: 60px; background: #003964; }
    .fs_top_menu .menu_box .lnb_menu_open.on:before { top: 38px; left: 19px; width: 25px; transform: rotate(45deg); background: #fff; }
    .fs_top_menu .menu_box .lnb_menu_open.on:after { top: 38px; right: 15px; width: 25px; transform: rotate(-45deg); background: #fff; }
}

@media only screen and (max-width:499px) {
        .fs_top_menu .menu_box .lnb_menu_open { height: 73px; background: #fff; }
}

.fs_top_menu .lnb_menu_box .wrap { padding: 0; }
.fs_top_menu .lnb_menu_box .wrap:after { content: ""; display: block; clear: both; }
.fs_top_menu .lnb_menu_box .gnb_box a { display: inline-block; margin: 0 5px; }
.fs_top_menu .lnb_menu_box .gnb_box a img { height: 30px; }

@media only screen and (min-width:1024px) {
    .fs_top_menu .lnb_menu_box { display: none !important; }
}

@media only screen and (max-width:1023px) {
    .fs_top_menu .lnb_menu_box { display: none; }
    .fs_top_menu .lnb_menu_box .gnb_box { float: right; display: flex; align-items: center; width: 60%; height: 80px; padding-left: 15px; background: #fff; box-shadow: -5px 0 0 rgba(0, 0, 0, 0.1); border-bottom: 1px solid #d7d7d7; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb { float: right; margin: 0; width: 60%; height: 100vh; position: relative; background: #f2f5f7; box-shadow: -5px 0 0 rgba(0, 0, 0, 0.1); }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li {}
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li h2 { font-weight: 400; font-size: 2.0rem; color: #000; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li h2 a { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid #d7d7d7; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li h2 a.on { background: #fff; color: #003964; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01 { overflow-y: scroll; display: none; position: absolute; left: 120px; top: 0; width: calc(100% - 120px); height: calc(100% - 125px); padding: 0 15px; background: #fff; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>a { display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; border-bottom: 1px solid #003964; font-size: 1.8rem; font-weight: 400; color: #000; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>a.on { background: url("./../images/layout/arr_menu_down.png") no-repeat right 10px center; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>.lnb_layer02 { display: none; padding: 0 15px; border-bottom: 1px solid #003964; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>.lnb_layer02 li {}
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>.lnb_layer02 li a { display: block; padding: 15px 0; border-bottom: 1px dashed #d7d7d7; font-weight: 300; font-size: 1.5rem; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01.on { display: block; }
}

@media only screen and (max-width:767px) {
    .fs_top_menu .lnb_menu_box .gnb_box { width: 70%; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb { width: 70%; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li h2 a { padding: 15px 20px; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>a { padding: 15px 10px; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb>li .lnb_layer01>li>.lnb_layer02 li a { padding: 12px 0; }
}

@media only screen and (max-width:599px) {
    .fs_top_menu .lnb_menu_box .gnb_box { flex-wrap: wrap; width: 90%; padding-left: 0; }
    .fs_top_menu .lnb_menu_box .gnb_box .gnb_top { flex-shrink: 0; width: 100%; padding-left: 10px; padding-bottom: 5px; border-bottom: 1px solid #d7d7d7; }
    .fs_top_menu .lnb_menu_box .gnb_box a { margin: 0; }
    .fs_top_menu .lnb_menu_box .gnb_box>a { padding: 0 10px; margin: 0; border-right: 1px solid #d7d7d7; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb { width: 90%; }
}

@media only screen and (max-width:499px) {
    .fs_top_menu .lnb_menu_box .gnb_box { height: 75px; }
}

@media only screen and (max-width:379px) {
    .fs_top_menu .lnb_menu_box .gnb_box { width: 100%; }
    .fs_top_menu .lnb_menu_box .lnb_box .lnb { width: 100%; }
}


#fs_container_wrap { margin-top: 135px; }

@media only screen and (max-width:1023px) {
    #fs_container_wrap { margin-top: 115px; }
}


@media only screen and (max-width:379px) {
    #fs_container_wrap { margin-top: 115px; }
}

.fs_snb_contents { display: flex; justify-content: flex-start; margin-top: 30px; }

/* 왼쪽영역 */
.fs_snb_box { flex-shrink: 0; width: 270px; }

/* 서브메뉴 */
.snb_menu { width: 100%; }
.snb_menu .h3_box { display: grid; place-items: center; position: relative; height: 90px; border-radius: 0 15px 0 0; font-size: 3.0rem; font-weight: 400; color: #fff; background: -moz-radial-gradient(circle at 10% 31%, #005B9F 0%, #003964 100%); background: -webkit-radial-gradient(circle at 10% 31%, #005B9F 0%, #003964 100%); background: -o-radial-gradient(circle at 10% 31%, #005B9F 0%, #003964 100%); background: -ms-radial-gradient(circle at 10% 31%, #005B9F 0%, #003964 100%); background: radial-gradient(circle at 10% 31%, #005B9F 0%, #003964 100%); }
.snb_menu .h3_box em { position: relative; z-index: 1; text-align: center; }
.snb_menu .h3_box:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; z-index: 0; width: 100px; height: 90px; background: url("./../images/layout/sub_menu_bg2.png") no-repeat right -23px top 20px; }
.snb_menu .dep1 { padding: 0 20px 10px; border: 1px solid #d7d7d7; border-radius: 0 0 0 9px; box-shadow: 0px 2px 0 #003964; }
/* 	.snb_menu .dep1 {padding:0 20px;border:1px solid #d7d7d7;border-radius: 0 0 0 15px;box-shadow: 0px 2px 0 #003964;}	*/
.snb_menu .dep1>li { border-bottom: 1px solid #d7d7d7; }
.snb_menu .dep1>li>a { display: flex; justify-content: space-between; align-items: center; padding: 15px 10px 15px 0; font-weight: 400; font-size: 1.6rem; color: #444; }
.snb_menu .dep1>li>a .btn_down { display: block; width: 6px; height: 8px; margin-right: 2px; background: url("./../images/layout/arr_menu_right.png") no-repeat left center; }
.snb_menu .dep1>li:last-child>a {}
.snb_menu .dep1>li>.dep2_2 { display: none; position: relative; margin-left: -20px; padding: 15px 0 15px 20px; background: #f2f4f7; border-right: 1px solid #d7d7d7; border-radius: 0 0 0 15px; }
.snb_menu .dep1>li>.dep2 { display: none; position: relative; margin-left: -20px; padding: 15px 0 15px 20px; background: #f2f4f7; border-right: 1px solid #d7d7d7; }
.snb_menu .dep1>li>.dep2:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d7d7d7; }
.snb_menu .dep1>li>.dep2:after { content: ""; display: block; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #d7d7d7; }
.snb_menu .dep1>li>.dep2 li {}
.snb_menu .dep1>li>.dep2 li a { display: block; position: relative; padding: 5px 20px 5px 20px; font-size: 1.5rem; font-weight: 300; color: #666; }
/* .snb_menu .dep1 > li > .dep2 li > a.on {color:#000;font-weight:700;}*/
.snb_menu .dep1>li>.dep2 li a:before { content: ""; position: absolute; left: 0; top: 13px; display: inline-block; width: 9px; height: 3px; background: #999; transform: rotate(-45deg); border-radius: 5px; }
.snb_menu .dep1>li>.dep2 li a:is(:hover, :focus, :active, .on) { color: #003964; font-weight: 500; }
.snb_menu .dep1>li>.dep2 li a:is(:hover, :focus, :active, .on):before { background: #003964; }
.snb_menu .dep1>li.on { border-bottom: 0px solid #d7d7d7; }
.snb_menu .dep1>li.on>a { color: #000; font-weight: 700; }
.snb_menu .dep1>li.onn>a { color: #000; font-weight: 700; }
.snb_menu .dep1>li>a.on { color: #0969fd; }
.snb_menu .dep1>li.on>a .btn_down { width: 10px; height: 6px; margin-right: 0; background-image: url("./../images/layout/arr_menu_down.png"); }

@media only screen and (max-width:1023px) {
    .fs_snb_contents {margin-top: -100px;}
    .fs_snb_box {display: none;}
}

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

/* 오른쪽영역 */
.fs_content { flex-grow: 1; overflow: hidden; padding-left: 56px; }

/* 로케이션 */
.con_header { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; height: 90px; border-bottom: 1px solid #d7d7d7; }
.con_header h3 { font-size: 3.0rem; font-weight: 500; color: #222; word-break: break-all; }
.con_header h1 { font-size: 3.0rem; font-weight: 500; color: #222; word-break: break-all; }
.con_header .location { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: 25px; }
.con_header .location a { padding: 4px 0; font-weight: 300; font-size: 1.4rem; color: #666; }
.con_header .location a img { vertical-align: middle; transform: translateY(-1px); }
.con_header .location a img.arr { margin: 0 10px; }
.con_header .link_box { position: relative; margin-left: auto; }
.con_header .link_box>a { display: inline-block; margin-left: 12px; }
.con_header .link_box>a img {}
.con_header .link_box>.sns_open {}
.con_header .link_box>.sns_on { display: none; position: absolute; right: 0; top: 35px; z-index: 1; padding: 20px 35px; box-shadow: 3px 3px 17px rgba(0, 0, 0, 0.08); background: #fff; border: 1px solid #ececec; border-radius: 5px; }
.con_header .link_box>.sns_on h4 { font-size: 1.8rem; font-weight: 300; color: #000; }
.con_header .link_box>.sns_on .box { display: flex; padding-top: 25px; }
.con_header .link_box>.sns_on .box a { display: inline-block; padding: 0 10px; width: 25%; text-align: center; }
.con_header .link_box>.sns_on .box a img { transform: rotate(0deg) scale(1, 1); transition: 0.4s ease-in-out; }
.con_header .link_box>.sns_on .box a:is(:hover, :focus, :active) img { transform: rotate(360deg) scale(1.2, 1.2); }
.con_header .link_box>.sns_on .box a em { display: inline-block; margin-top: 8px; font-weight: 300; font-size: 1.4rem; color: #000; }
.con_header .link_box>.sns_on .close_btn { position: absolute; right: 22px; top: 8px; display: grid; place-items: center; width: 40px; height: 40px; }

@media only screen and (max-width:1023px) {
    .fs_content { padding-left: 0; }
    .con_header { height: 70px; }
    .con_header .location a { font-size: 1.6rem; }
}

@media only screen and (max-width:767px) {
    .con_header { flex-direction: column; height: auto; padding: 15px 0; }
    .con_header .location { margin: 4px 0 15px 0; }
    .con_header .location a.home img:first-child { height: 16px; }
    .con_header .location a img.arr { margin: 0 5px; }
    .con_header .link_box { margin-left: 0; }
    .con_header .link_box>.sns_on { right: -66px; padding: 20px 15px; }
}

/* 프린트할때 배경색도 같이 프린트되게하는 속성 */
/*@media print {
		* {
			-webkit-print-color-adjust:exact !important;
			color-adjust:exact !important;
		}
	}*/

/* 실컨텐츠영역 */
.con_body { padding: 20px 0; font-weight: 300; font-size: 1.5rem; color: #555; }

@media only screen and (max-width:1023px) {
    .con_body { padding: 48px 0; }
}

@media only screen and (max-width:767px) {
    .con_body { padding: 38px 0; }
}

/* 푸터영역 */
#fs_footer { border-top: 1px solid #d7d7d7; }

/* 배너모음 20231010 */
.banner_slide_box { display: flex; align-items: center; height: 80px; }
.banner_slide_box .control { flex-shrink: 0; width: 200px; display: flex; align-items: center; }
.banner_slide_box .control .tit { font-size: 1.6rem; color: #000; }
.banner_slide_box .control .fot_slide_controll_box { display: flex; margin-left: 8px; }
.banner_slide_box .control .fot_slide_controll_box a { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; background: #e9eff4; margin-left: 8px; }
.banner_slide_box .control .fot_slide_controll_box .prev {}
.banner_slide_box .control .fot_slide_controll_box .next {}
.banner_slide_box .control .fot_slide_controll_box .playStopButton { background-repeat: no-repeat; background-position: center center; font-size: 0; }
.banner_slide_box .control .fot_slide_controll_box .playStopButton.play { background-image: url("./../images/layout/arr_black_stop.png"); }
.banner_slide_box .control .fot_slide_controll_box .playStopButton.stop { background-image: url("./../images/layout/arr_black_play.png"); }
.banner_slide_box .banner_slide { width: 100%; height: 40px; }
.banner_slide_box .banner_slide .fot_slide_banner { align-items: center; text-align: center; }
.banner_slide_box .banner_slide .fot_slide_banner .swiper-slide { padding: 0 15px; }
.banner_slide_box .banner_slide .fot_slide_banner a { display: inline-block; }
.banner_slide_box .banner_slide .fot_slide_banner a:is(:focus) { border: 1px solid; }

/* 패밀리사이트 */
.family_box { background: #5f7587; }
.family_box .sitelink { display: flex; }
.family_box .sitelink li { position: relative; width: 25%; border-right: 1px solid #afbac3; z-index: 999; }
.family_box .sitelink li:first-child { border-left: 1px solid #afbac3; }
.family_box .sitelink li button { position: relative; display: block; width: 100%; height: 60px; padding: 0 20px; background: transparent; text-align: left; font-weight: 400; font-size: 1.8rem; font-family: 'Paperlogy', sans-serif; color: #fff; transition: 0.4s; }
.family_box .sitelink li button:before { content: ""; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; display: block; width: 11px; height: 7px; background-image: url("./../images/layout/arr_white_down.png"); transition: 0.4s; }
.family_box .sitelink li dl { display: none; position: absolute; left: 0; bottom: 60px; z-index: 2; width: 100%; padding: 20px; background: #fff; border: 1px solid #d7d7d7; }
.family_box .sitelink li dl dt { padding: 10px 20px; background: #5f7587; font-size: 1.6rem; color: #fff; }
.family_box .sitelink li dl dd { border-bottom: 1px dashed #d7d7d7; }
.family_box .sitelink li dl dd a { display: block; padding: 10px 35px 10px 20px; font-size: 1.5rem; font-weight: 300; background: url("./../images/layout/icon_menu_blank.png") no-repeat right 15px center; word-break: break-all; color: #222; }
.family_box .sitelink li:is(.on) button { background-color: #000; }
.family_box .sitelink li:is(.on) button:before { transform: rotate(180deg); }

/* sns, 링크 */
.fs_footer_top {border-top: 1px solid #dedede;}

.fs_footer_top .wrap { display: flex; justify-content: space-between; align-items: center; height: 100%; margin-top: 10px; margin-bottom: 10px; }
.fs_footer_top .wrap .left_box {}
.fs_footer_top .wrap .left_box a { display: inline-block; padding: 0 20px; font-weight: 300; font-size: 1.5rem; }
.fs_footer_top .wrap .left_box a:nth-child(1) { color: #0a6cbb; }
.fs_footer_top .wrap .right_box { text-align: right; }
.fs_footer_top .wrap .right_box a { margin-left: 11px; }
.fs_footer_top .wrap .right_box span { display: block; }

/* 텍스트 */
.fs_footer_box { padding: 38px 0; }
.fs_footer_box .wrap { justify-content: space-between; align-items: flex-start; }
.fs_footer_box .wrap .fot_logo { margin-bottom: 20px; }
.fs_footer_box .wrap .fot_con { display: flex; }
.fs_footer_box .wrap .fot_con .foot_text { align-self: flex-start; }
.fs_footer_box .wrap .fot_con .foot_text { font-size: 1.8rem; font-weight: 300; color: #5f7587; }
.fs_footer_box .wrap .fot_con .foot_text .address { line-height: 1.5; margin: 20px 0 20px 0; }
.fs_footer_box .wrap .fot_con .foot_text .address span { margin: 0 5px; }
.fs_footer_box .wrap .fot_con .foot_text .copyright { display: block; margin-top: 10px; }
.fs_footer_box .wrap .fot_con .foot_text .copyright em {}
.fs_footer_box .wrap .fot_con .foot_text ul li { margin-top: 10px; }
.fs_footer_box .wrap .fot_con .foot_acc { display: flex; align-self: flex-end; margin-left: auto; text-align: left; margin-right: 120px; padding-bottom: 10px; }
.fs_footer_box .wrap .fot_con .foot_acc a { display: inline-block; margin-left: 20px; vertical-align: middle; }
.fs_footer_box .wrap .fot_con .foot_acc .tel { line-height: 1.4; padding-right: 20px; border-right: 1px solid #d7d7d7; text-align: left; letter-spacing: -1px; font-weight: 500; font-size: 2.6rem; color: #000; }
.fs_footer_box .wrap .fot_con .foot_acc .tel span { display: block; font-weight: 400; font-size: 1.6rem; color: #3157d0; }
.fs_footer_box .wrap .fot_con .foot_acc .tel span img { vertical-align: middle; }
.fs_footer_box .wrap .fot_con .foot_acc ul li { margin-top: 15px; }
.fs_footer_box .wrap .fot_con .foot_acc ul li a img { max-width: 30px; height: auto; }

@media only screen and (max-width:1023px) {
    /* 패밀리사이트 */
    .family_box .sitelink li button { height: 50px; padding: 0 10px; }
    .family_box .sitelink li dl { bottom: 50px; padding: 10px; }
    .family_box .sitelink li dl dt { padding: 10px 10px; }
    .family_box .sitelink li dl dd a { padding: 10px 35px 10px 10px; }
    /* 텍스트 */
    .fs_footer_box .wrap .fot_logo { margin-right: 40px; }
    .fs_footer_box .wrap .fot_logo img { height: 46px; }
    .fs_footer_box .wrap .foot_acc a { margin: 5px 0 5px 10px; white-space: nowrap; }
    .fs_footer_box .wrap .foot_acc a:nth-child(2) img { height: 48px; display: none; }
    .fs_footer_box .wrap .foot_acc a:nth-child(3) img { height: 30px; }
}

@media only screen and (max-width:767px) {
    /* 배너모음 */
    .banner_slide_box { flex-wrap: wrap; align-items: stretch; height: auto; padding: 15px 15px; }
    .banner_slide_box .control { flex-shrink: 1; width: 100%; padding-bottom: 10px; margin-bottom: 10px; }
    .banner_slide_box .banner_slide .fot_slide_banner li { border-right: 1px solid #d7d7d7; }
    .banner_slide_box .banner_slide .fot_slide_banner a { display: grid; place-items: center; height: 100%; }
    .banner_slide_box .banner_slide .fot_slide_banner a img { max-height: 80%; }
    /* 패밀리사이트 */
    .family_box .sitelink { flex-wrap: wrap; }
    .family_box .sitelink.wrap { padding: 0; }
    .family_box .sitelink li { width: 50%; border-top: 1px solid #afbac3; }
    .family_box .sitelink li:nth-child(1), .family_box .sitelink li:nth-child(2) { border-top: 0; }
    .family_box .sitelink li:nth-child(3) { border-left: 1px solid #afbac3; }
    .family_box .sitelink li button { height: 40px; font-size: 1.6rem; }
    .family_box .sitelink li dl { bottom: 40px; }
    /* sns, 링크 */
    .fs_footer_top .wrap { flex-direction: column; height: auto; padding: 0; margin-top: 0; }
    .fs_footer_top .wrap .left_box { display: flex; flex-wrap: wrap; width: 100%; }
    .fs_footer_top .wrap .left_box a { display: block; width: 50%; padding: 10px 15px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; text-align: center; }
    .fs_footer_top .wrap .right_box { padding: 10px 15px; }
    .fs_footer_top .wrap .right_box a { margin: 0 5px; }
    .fs_footer_top .wrap .right_box a img { width: 35px; }
    /* 텍스트 */
    .fs_footer_box { padding: 20px 0; }
    .fs_footer_box .wrap { flex-direction: column; align-items: center; }
    .fs_footer_box .wrap .fot_logo { align-self: auto; text-align: center; margin-right: 0; }
    .fs_footer_box .wrap .fot_logo img { height: 41px; }
    .fs_footer_box .wrap .fot_con { width: 100%; display: flex; align-items: flex-start; }
    .fs_footer_box .wrap .foot_text { margin: 15px 0; flex: 0 0 50%; max-width: 50%; text-align: left; box-sizing: border-box; }
    .fs_footer_box .wrap .foot_acc { margin: 15px 0; flex: 0 0 50%; max-width: 50%; align-self: auto; margin-left: 0; margin-right: 0; text-align: left; box-sizing: border-box; }
}

@media only screen and (max-width:419px) {
    .fs_footer_box .wrap .foot_acc a:nth-child(2) img { height: 30px; }
    .fs_footer_box .wrap .foot_acc a:nth-child(3) img { height: 25px; }
}

/* 맨위로 */
#fs_footer .btn_top { position: fixed; right: 10px; bottom: 10px; z-index: 1; display: grid; place-items: center; padding: 15px; background: #fff; border: 1px solid #d7d7d7; }

.fs_top_menu .menu_box .lnb>li span { text-align: center; font-weight: 400; font-size: 2.4rem; color: #000; }
.fs_top_menu .menu_box .lnb>li span a { display: flex; justify-content: center; align-items: center; height: 70px; text-decoration: none; }