/*********************footer*********************/
#footer{ overflow:hidden;width:100%;}
#footer.dark{background-color:#272727;}
#footer.light{background-color:#fff;}
#footer div{box-sizing:border-box;}

#footer a[x-apple-data-detectors],
#footer a[href^="tel"]{
  color: inherit !important;
  text-decoration: none !important;
}

.ft_cont{ padding:20px 0px 50px 0px; margin:0 auto;border:0px solid #fff; max-width:1240px; width:100%; display:block;}
.ft_pt_wrap{ margin:0px; display:block; border:0px solid #000;}
.ft_pt{ box-sizing:border-box; border:0px solid #000;}

.ft_logo_wrap{width:20%; margin-bottom:7px; border:0px solid #000;text-align:center; float:left; display:block;}
.ft_logo img{ max-height:80px; max-width:100%; width:auto; display:block;}
.ft_icon{ margin-right:10px; margin-bottom:10px; }
.ft_icon:last-child{ margin-right:0; }

.ft_icon_wrap{border:0px solid #fff;display:flex;justify-content:center;}

.ft_icon i{ width:40px; height:40px; border-radius:100%; text-align:center; line-height:40px; font-size:20px; }

.ft_icon .xi-kakaotalkch{background:url("../img/quick_ch.png") no-repeat;background-size:75%;background-position:center;}
#footer.dark .ft_icon i{ color:#fff; background-color:#444; }
#footer.light .ft_icon i{ color:#333; background-color:#ddd; }

.ft_info{float:right; display:block; padding:17px 0 0; margin:0 0 30px; width:75%; position:relative;}

.ft_pt_title{ font-size:20px; font-weight:600; margin-bottom:10px; }
#footer.dark .ft_pt_title{ color:#fff; }
#footer.light .ft_pt_title{ color:#333; }

.ft_pt_cont{ line-height:1.5; font-size:16px; font-weight:500; font-family: 'Pretendard';}
#footer.dark .ft_pt_cont{ color:#b2b2b2; }
#footer.light .ft_pt_cont{ color:#686868; }
.ft_pt_cont span{padding-right:12px;}

li.ft_list{ padding:2px 0; }
li.ft_list a{ font-size:14px; }
#footer.dark li.ft_list a{ color:#b2b2b2; }
#footer.light li.ft_list a{ color:#4d4d4d; }


/*********************copyright.css*********************/
.copyright{ padding:0px 15px; }
#footer.dark .copyright{ background-color:#383838; }
#footer.light .copyright{ background-color:#fff; }
.copy_txt{ max-width:100%; margin:0 auto; color:#555; font-size:15px; line-height:1.4; font-weight:500; margin-top:5px;}
.copyright a{color:#fff;}
/*********************footer_mediaquery*********************/
@media (max-width: 1024px) {
	.ft_info{float:none; padding:17px 0 0; margin:0 0 20px; width:100%;}
    .ft_pt_cont{font-size:14px;}
}
@media( max-width:900px ){
	.ft_cont{ padding:25px 0px 10px 0px;}
	.ft_pt.pt_01, .ft_pt.pt_02, .ft_pt.pt_03, .ft_pt.pt_04{ width:100%; max-width:700px; margin:0 auto 30px; }
	.ft_pt{ margin:0 auto 20px !important;}
	.ft_pt:last-child{ margin-bottom:0 !important; display:none;}
	.ft_pt_cont span{padding:0 6px;}
	.ft_logo_wrap{width:130px; margin:0 auto; float:none;}
	.ft_logo img{ margin:0 auto; }
	.ft_icon_wrap{ justify-content:center; }
}

@media( max-width:850px ){
	.ft_top_pt{ width:100%; border:none; }
}
@media( max-width:768px ){
	.ft_info{text-align:center;}
	.ft_logo img{ max-width:100%; width:100%;}
	.ft_pt{ margin:0 auto 5px !important;}
	.copy_txt{font-size:13px;}
}

.ft_link{background:#353535; display:flex; flex-wrap:wrap; padding:13px; margin:0; justify-content:center;}
.ft_link a{color:#fff; font-weight:500; text-align:center; position:relative;}
.ft_link a:nth-child(1){width:30%;}
.ft_link a:nth-child(2){width:40%;}
.ft_link a:nth-child(3){width:30%;}
.ft_link a:nth-child(2):before{content:''; position:absolute; width:1px; height:20px; right:0; top:50%; transform: translate(0, -50%); background:#888;}
.ft_link a:nth-child(2):after{content:''; position:absolute; width:1px; height:20px; left:0px; top:50%; transform: translate(0, -50%); background:#888;}

@media( max-width:380px ){
	.ft_link a{font-size:12px;}
	.ft_link a:nth-child(1){width:35%;}
	.ft_link a:nth-child(2){width:45%;}
	.ft_link a:nth-child(3){width:20%;}
}

.ft_wave{height:145px; background:url(../img/wave_back01.png) no-repeat center bottom, url(../img/wave_back02.png) repeat-x center bottom; border-bottom:1px solid #ddd;}

@media (max-width: 1350px) {
    .ft_wave {height:100px; background-size:auto 95px, auto 46px;}
}

.ft_btm{text-align:center; padding:17px 15px; font-size:13px; line-height:1.4; color:#999; border-top:1px solid #ddd; word-break:keep-all; margin:0px 0 0; width:100%; max-width:100%; display:block; overflow:hidden; box-sizing:border-box;}

.sitemap_li{list-style:none; padding:0 0 12px; margin:0; display:flex; flex-wrap:wrap;}
.sitemap_li li{padding:0 50px 0 0; font-size:15px; font-weight:500; position:relative;}
.sitemap_li li:before{content:''; position:absolute; width:2px; height:14px; background:#999; right:25px; top:6px;}
.sitemap_li li:last-of-type:before{display:none;}
.sitemap_li li a{color:#686868;}
.sitemap_li li:first-of-type a{color:#ff7700;}

@media( max-width:1024px ){
	.ft_btm{font-size:13px;}
}
@media( max-width:768px ){
	.sitemap_li{justify-content:center; margin:0 30px;}
	.sitemap_li li{flex:1; text-align:center; padding:0; font-size:14px;}
	.sitemap_li li:before{right:3px; top:4px;}
	.ft_btm{font-size:12px;}
}

/* 시각적으로 숨김(접근성용) */
.sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
.help-text { font-size: 0.875rem; color: #666; margin-top: 0.25rem; }
.family_zone .site {
min-width: 240px;
padding: 8px 12px;
border: 1px solid #d6d6d6;
border-radius: 6px;
background: #fff;
}
.family_zone .site:focus {
outline: 2px solid #6aa9ff;
outline-offset: 2px;
}

.family_zone{display:block; position:relative; padding:0; margin:0;}
.family_zone .ft_family{width:225px; right:10px; top:0px; z-index:1; position:absolute;}

.select_wrap{position:relative; display:inline-block;}

.site {
  appearance: none;          /* 기본 화살표 제거 (모던 브라우저) */
  -webkit-appearance: none;  /* Safari */
  -moz-appearance: none;     /* Firefox */
  padding: 8px 32px 8px 15px !important; /* 오른쪽 여백 확보 */
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  font-size:16px;
  line-height:40px;
  color:#888;
}

/* IE 구버전 대비 */
.site::-ms-expand{display:none;}

/* + 아이콘 추가 */
.select_wrap::after {content:"+"; position:absolute; right:15px; top:50%; transform:translateY(-50%); font-weight:bold; font-size:18px; color:#888; pointer-events:none;/* 클릭 방해 안 함 */}

/* 포커스 시에도 색상 변화 없음 */
.site:focus{outline:none; border-color:#d6d6d6;}

@media (max-width: 768px) {
	.family_zone{display:block; position:relative; padding:0; margin:0 0 20px;}
	.family_zone .ft_family{width:220px; display:block; margin:0 auto; position:relative;}
	.site{padding: 8px 32px 8px 15px !important; font-size:14px; line-height:30px;}
}

.site_link{border-top:1px solid #ddd;border-bottom:1px solid #ddd; display:block; padding:10px 0;}