@charset "utf-8";
/* version 1.0 | 2024-02-21 */
/*------------------------------------------------
폰트 선언
------------------------------------------------*/
@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 200;
src: url("../fonts/NotoSansKR/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Thin.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 300;
src: url("../fonts/NotoSansKR/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Light.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 400;
src: url("../fonts/NotoSansKR/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Regular.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 500;
src: url("../fonts/NotoSansKR/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Medium.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 700;
src: url("../fonts/NotoSansKR/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Bold.woff") format("woff");
}

@font-face {
font-family: "Noto_Sans_KR";
font-style: normal;
font-weight: 900;
src: url("../fonts/NotoSansKR/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR/NotoSansKR-Black.woff") format("woff");
}

/*------------------------------------------------
footer reset
------------------------------------------------*/
.footer li{list-style: none;}
.footer input, .footer select, .footer textarea, .footer button, .footer a { font-family: "Noto_Sans_KR"; font-size: 10px;}
.footer a { text-decoration: none; color: inherit; font-weight: 400;}
.footer button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; }
.footer img { vertical-align: top; }
.footer fieldset { margin: 0; padding: 0; border: none; }
.footer ul, .footer li { margin: 0; padding: 0; list-style: none; }
.footer p { margin: 0; }
.footer dl, .footer dt, .footer dd { margin: 0; padding: 0; }
.footer pre { font-family: "malgun gothic", "sans-serif", "dotum"; color: #222; letter-spacing: -0.05em; }
.footer h1, .footer h2, .footer h3 { font-size: 10px; margin: 0; padding: 0;}

/*------------------------------------------------
footer
------------------------------------------------*/
.footer { z-index: 1; position: relative; background: #292F32; font-weight: 300; font-family: "Noto_Sans_KR"; font-size: 10px; letter-spacing: -0.02em; padding: 48px 0 80px 0;}
.footer > div { width: 95%; max-width: 1440px; margin: 0 auto; position: relative; }
.footer .footer_top { z-index: 1; position: relative; display: flex; align-items: center; width: 100%; height: 116px; border-bottom: 1px solid #424242; box-sizing: border-box;}
.footer .footer_top .ftr_nav { display: flex; justify-content: flex-start; width: 100%;}
.footer .footer_top .ftr_nav a { font-size: 1.4em; font-weight: 500; outline: none; color: #E0E0E0;}
.footer .footer_top .ftr_nav a + a{margin-left: 36px;}
.footer .footer_top .ftr_nav a.on { color: #75B4FF; font-weight: 500; }
.footer .footer_top .ftr_nav a.on:hover,
.footer .footer_top .ftr_nav a.on:focus{ color: #4298FF; }
.footer .footer_top .ftr_nav a:hover,
.footer .footer_top .ftr_nav a:focus{color: #fff; font-weight: 500;}
.footer .footer_top .ftr_nav a.link span{background: url("../images/footer/ic_new_tab_white.svg") no-repeat top 3px right 0; background-size: 16px; padding-right: 20px;}
.footer .footer_top .ftr_nav a.on.link span{background: url("../images/footer/ic_new_tab_16px_blue200.svg") no-repeat top 3px right 0;}
.footer .footer_bottom { z-index: 2; position: relative; display: flex; justify-content: space-between;}
.footer .footer_bottom .ftr_info { display: flex; justify-content: flex-start; width: 100%;}
.footer .footer_bottom .ftr_info .address { margin-left: 4%; font-size: 1.4em; color: #fff; line-height: 1.5em; }
.footer .footer_bottom .ftr_info .address li {font-weight: 300;}
.footer .footer_bottom .ftr_link {display: flex; justify-content: flex-end; margin-right: 6px;}
.footer .footer_bottom .ftr_link .sns { width: 136px; display: flex; justify-content: space-between; align-items: center; margin-right: 36px;}
.footer .footer_bottom .ftr_link .sns a { display: block; width: 40px; height: 40px; text-indent: -10000px; overflow: hidden; border-radius: 50%; transition: all 0.1s; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1) { background: url("../images/footer/btn_sns_01.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(1):focus{ background: url("../images/footer/btn_sns_01_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2) { background: url("../images/footer/btn_sns_02.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(2):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(2):focus{ background: url("../images/footer/btn_sns_02_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3) { background: url("../images/footer/btn_sns_03.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(3):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{ background: url("../images/footer/btn_sns_03_on.svg") no-repeat center center; background-size: 100%; }
.footer .footer_bottom .ftr_link .sns a:nth-child(1):focus,
.footer .footer_bottom .ftr_link .sns a:nth-child(2):focus,
.footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{outline: 1px solid #fff;}
.footer .footer_bottom .ftr_link .mo_wa { display: none; }
.footer .footer_bottom .ftr_link .familysite { position: relative; }
.footer .footer_bottom .ftr_link .familysite .family_tit { display: block; padding: 0 40px 0 16px; width: 225px; height: 40px; line-height: 40px; border: 1px solid #e0e0e0; box-sizing: border-box; background: #292F32 url("../images/footer/ic_arrow_open.png") no-repeat center right 16px; font-size: 1.4em; font-weight: 500; color: #fff; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; }
.footer .footer_bottom .ftr_link .familysite .family_list { z-index: 100; display: none; position: absolute; bottom: 40px; left: 0; right: 0; height: 330px; border: 1px solid #e0e0e0; border-bottom: 0; background: #292F32; box-sizing: border-box; } /* 2024-05-10 수정 */
.footer .footer_bottom .ftr_link .familysite .family_list .inner { overflow-y: auto; height: 100%; padding: 20px 10px 20px 0; box-sizing: border-box; }
.footer .footer_bottom .ftr_link .familysite .family_list .option { display: block; padding: 0 0 0 16px; width: calc(100% - 20px); height: 30px; font-size: 1.4em; line-height: 30px; color: #fff; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: none; }
.footer .footer_bottom .ftr_link .familysite .family_list .option span { position: relative; font-weight: 400; }
.footer .footer_bottom .ftr_link .familysite .family_list .option span::before { display: none; content: ""; position: absolute; top: 0; right: -20px; width: 20px; height: 22px; background: url("../images/footer/ic_arrow_open_12px.svg") no-repeat center center; }
.footer .footer_bottom .ftr_link .familysite .family_list .option:focus span,
.footer .footer_bottom .ftr_link .familysite .family_list .option:hover span { font-weight: 500;}
.footer .footer_bottom .ftr_link .familysite .family_list .option:focus span::before,
.footer .footer_bottom .ftr_link .familysite .family_list .option:hover span::before { display: block; }
.footer .footer_bottom .ftr_cs {}
.footer .footer_bottom .ftr_cs .info_cs {display: flex; justify-content: flex-end; align-items: center; margin-top: 28px;}
.footer .footer_bottom .ftr_cs > div h3 { font-size: 1.6em; color: #fff; font-weight: 500; white-space: nowrap;}
.footer .footer_bottom .ftr_cs > div p { font-size: 3.2em; line-height: 1.2; color: #75B4FF; font-weight: 300; margin-left: 8px; white-space: nowrap;}
.footer .footer_bottom .ftr_cs > div p span { display: inline-block; vertical-align: top; margin-top: 14px; margin-left: 8px; font-size: 12px; color: #fff; font-weight: 400; }
.footer .footer_bottom .ftr_cs > div .cs_link { display: flex; justify-content: space-between; margin-top: 12px;}
.footer .footer_bottom .ftr_cs > div .cs_link a { display: block; flex-grow: 1; width: 90px; height: 26px; line-height: 26px; text-align: center; color: #e0e0e0; font-weight: 400; font-size: 1.2em; background: #3A4246; border: 1px solid #3A4246; transition: all 0.2s; outline: none; }
.footer .footer_bottom .ftr_cs > div .cs_link a + a { margin-left: 5px; }
.footer .footer_bottom .ftr_cs > div .cs_link a.link { text-indent: -18px; background: #3A4246 url("../images/footer/ic_new_tab_white.svg") no-repeat top 7px right 10px; background-size: 14px;}
.footer .footer_bottom .ftr_cs > div .cs_link a:focus,
.footer .footer_bottom .ftr_cs > div .cs_link a:hover { background-color: #5B6266; transition: all 0.2s; }
.footer .copyright { position: absolute; left: 0; bottom: 8px; color: #9E9E9E; font-size: 1.4em; font-weight: 400; }
.footer .copyright i { font-style: normal; }

.footer input[type="checkbox"]{box-shadow: none; font-size:1em; -webkit-appearance:none; -moz-appearance: none; -o-appearance:none; appearance: none; visibility: hidden;}
.footer input[type="checkbox"] + label{font-size: 1.6em; display: inline-block; vertical-align: middle; color: #424242; padding-left: 28px; background: url("../images/footer/ic_check_off.svg") top 3px left 0 no-repeat; cursor: pointer;}
.footer input[type="checkbox"]:checked + label{background: url("../images/footer/ic_check_on.svg") top 3px left 0 no-repeat;}
.footer input[type="checkbox"]:focus + label{outline: none; text-decoration: underline;}

.family_list .inner::-webkit-scrollbar {width: 4px; height: 4px;}
.family_list .inner::-webkit-scrollbar-track {background-color: transparent;}
.family_list .inner::-webkit-scrollbar-thumb {border-radius: 3px; background-color: gray;}
.family_list .inner::-webkit-scrollbar-button {width: 0; height: 0;}

.footer .logo img{width: auto;}

@media all and (max-width: 1340px){
    /*------------------------------------------------
    footer
    ------------------------------------------------*/
	.footer{ padding: 36px 0 60px 0;}
    .footer .footer_top { height: 96px; }
	.footer .footer_bottom .ftr_info .address{font-size: 1.2em; margin-top: 5px;}
	.footer .footer_bottom .ftr_link .sns{justify-content: flex-start; width: 100%; margin-left: 10px; margin-right: 18px;}
	.footer .footer_bottom .ftr_link .sns a{width: 32px; height: 32px;}
	.footer .footer_bottom .ftr_link .sns a + a{margin-left: 8px;}
	.footer .footer_bottom .ftr_link .sns a:nth-child(1) { background: url("../images/footer/btn_sns_01_mo.svg") no-repeat center center; background-size: 100%; }
	.footer .footer_bottom .ftr_link .sns a:nth-child(1):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(1):focus{ background: url("../images/footer/btn_sns_01_on_mo.svg") no-repeat center center; background-size: 100%; }
	.footer .footer_bottom .ftr_link .sns a:nth-child(2) { background: url("../images/footer/btn_sns_02_mo.svg") no-repeat center center; background-size: 100%; }
	.footer .footer_bottom .ftr_link .sns a:nth-child(2):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(2):focus{ background: url("../images/footer/btn_sns_02_on_mo.svg") no-repeat center center; background-size: 100%; }
	.footer .footer_bottom .ftr_link .sns a:nth-child(3) { background: url("../images/footer/btn_sns_03_mo.svg") no-repeat center center; background-size: 100%; }
	.footer .footer_bottom .ftr_link .sns a:nth-child(3):hover, .footer .footer_bottom .ftr_link .sns a:nth-child(3):focus{ background: url("../images/footer/btn_sns_03_on_mo.svg") no-repeat center center; background-size: 100%; }       
	.footer .footer_bottom .ftr_link .familysite .family_tit{margin-top: 0; height: 48px; line-height: 48px; width: 210px;}
	.footer .footer_bottom .ftr_link .familysite .family_list{bottom: 48px;}
	.footer .footer_bottom .ftr_cs .info_cs{margin-top: 20px;}
	.footer .footer_bottom .ftr_cs > div h3{font-size: 1.4em;}
	.footer .footer_bottom .ftr_cs > div p{font-size: 2.4em;}
	.footer .footer_bottom .ftr_cs > div p span{margin-top: 8px;}
	.footer .copyright {font-size: 1.2em; margin-top: 22px; text-align: left; }
}

@media all and (max-width:1024px) {
    /*------------------------------------------------
    footer
    ------------------------------------------------*/
	.footer{padding: 20px;}
	.footer .footer_bottom{display: block;}
	.footer .footer_bottom .ftr_link{display: block;}
	.footer .footer_bottom .ftr_link .sns{margin-left: 0;}
	.footer .footer_bottom .ftr_link .familysite{margin-top: 12px;}
    .footer .footer_bottom .ftr_link .familysite .family_tit{width: 100%; height: 32px; line-height: 30px; margin-top: 8px;}
	.footer .footer_bottom .ftr_cs{margin-top: 16px; padding-top: 16px; border-top: 1px solid #424242; box-sizing: border-box;}
	.footer .footer_bottom .ftr_cs .info_cs{justify-content: flex-start; margin-top: 16px;}
	.footer .footer_bottom .ftr_cs > div h3{font-weight: 400;}
	.footer .footer_bottom .ftr_cs > div p{font-size: 1.6em; font-weight: 500;}
	.footer .footer_bottom .ftr_cs > div p span{margin-top: 3px;}
	.footer .copyright{position: relative; bottom: 0; margin-top: 16px;}
}

@media all and (max-width:767px) {
    /*------------------------------------------------
    footer
    ------------------------------------------------*/
	.footer > div {width: 100%;}
	.footer .footer_bottom .ftr_info{display: block;}
	.footer .footer_bottom .ftr_info .address{margin-left: 0; margin-top: 16px;}
	.footer .copyright{text-align: center;}
	.footer .copyright i { display: none; }
}