@charset "utf-8";
@import url("./font-awesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;letter-spacing:-.3px;font-family:'Noto Sans KR'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Noto Sans KR'} 
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 

#sh_wrapper{overflow:hidden;position:relative;max-width:1920px;margin:0 auto}

/* HEADER */
#sh_hd{position:relative;z-index:10} 

/* 팝업 */
.hd_pops_footer .hd_pops_reject, .hd_pops_footer .hd_pops_close{font-size:14px;font-weight:500;font-family:'Noto Sans KR'}

#sh_pop{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;background:rgba(0,0,0,.2);font-family:'Noto Sans KR'}
#sh_pop .inner{overflow:hidden;max-width:1200px;margin:0 auto}
#sh_pop .inner .pop_wrap{overflow:hidden;position:relative;top:50px;max-width:370px;width:100%;margin-left:auto;padding:50px 0}
#sh_pop .sh_pop_slider{background:#fff}
#sh_pop .sh_pop_slider li a{display:block}
#sh_pop .sh_pop_slider li img{width:100%}
#sh_pop .sh_pop_slider li .pc_img{display:none}	
#sh_pop .sh_pop_slider li .mo_img{display:block}
#sh_pop .sh_pop_pager{display:flex;justify-content:space-between;border-top:1px solid #e1e1e1;background:#fff}
#sh_pop .sh_pop_pager span{flex-grow:1;display:flex;justify-content:center;align-items:center;opacity:1;width:auto;height:50px;margin:0;border-radius:0;font-size:15px;background:none;font-weight:500}
#sh_pop .sh_pop_pager span.active{color:#fff;background:#2e7cae}
#sh_pop .sh_pop_pager{position:absolute;top:25px;border-top:none;justify-content:center;background:none}
#sh_pop .sh_pop_pager span{flex-grow:unset;width:10px;height:10px;border-radius:50%;font-size:0;background:#ddd}
#sh_pop .sh_pop_pager span+span{margin-left:8px;border:none}
#sh_pop .sh_pop_ft{position:relative;z-index:10;overflow:hidden;background:#000;display:flex}
#sh_pop .sh_pop_ft button{padding:10px 20px;border:none;font-size:15px;color:#fff;background:none;font-weight:500}
#sh_pop .sh_pop_ft .sh_pop_close{position:relative;z-index:101;margin-left:auto;color:#222;background:#fff}


@media(max-width:768px){
#hd_pop{width:100%}
.hd_pops{left:10px!important}
.hd_pops_con{max-width:480px;width:100%!important;height:auto!important}
.hd_pops_footer .hd_pops_reject, .hd_pops_footer .hd_pops_close{font-size:13px}
#sh_pop .inner .pop_wrap{width:60%;margin:0 auto}
#sh_pop .sh_pop_ft button{position:relative;z-index:999;padding:10px 5px;font-size:12px}
#sh_pop .sh_pop_ft .sh_pop_close{padding:10px 20px;font-size:13px}
}
@media(max-width:480px){
#sh_pop .inner .pop_wrap{width:80%}
}

/*인덱스 영역*/
#sh_container{position:relative;z-index:5}
#sh_section{font-family:'Noto Sans KR'}

/* SUB */
#sub_main_banner{width:100%;height:400px;background:url(../hd/sub_main_banner/sub_main_banner_dep.jpg) no-repeat;animation:main 25s linear infinite}


@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit{padding-top:165px;text-align:center;font-size:15px;color:#fff;font-family:'Noto Sans KR'}
#sh_content_tit h3{display:inline-block;position:relative;z-index:5;margin-bottom:10px;font-size:34px;font-weight:normal;font-family:'Noto Sans KR'}
#sh_content_tit h3:after{display:block;position:absolute;z-index:-1;width:41px;height:42px;content:'';top:-12px;right:-22px}
#sh_content_tit .fa-home{color:#fff}
#sh_content_tit .fa-angle-right{padding:0 5px;color:#b5b5b5}

/* 사이드 */
#sh_aside{position:relative;width:100%;max-width:1200px;margin:-25px auto 0;text-align:center;background-color:transparent}

/* 컨텐츠 본문 영역 */
#sh_content{position:relative;z-index:4;width:100%;max-width:1070px;min-height:580px;padding:0;margin:70px auto 40px;font-size:14px;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* 하단 */

/* 바로위 배너때문에 간격좁힘 100에서 50으로 */
#sh_ft{width:100%;margin:0 auto;padding:50px 15px 74px;font-size:14px;letter-spacing:-.2px;line-height:24px;color:#777;font-family:'Noto Sans KR'}



#sh_ft_wrapper{width:100%;max-width:1200px;margin:0 auto}
#sh_ft_wrapper:after{display:block;clear:both;content:''}
#sh_ft_wrapper> div{float:left}
#sh_ft_wrapper .tit{width:278px}
#sh_ft_wrapper .info .ft_nav{margin-bottom:35px;line-height:15px;font-size:0;color:#222;font-family:'Noto Sans KR';font-weight:500;letter-spacing:-.5px}
#sh_ft_wrapper .info .ft_nav li{display:inline-block;font-size:15px}
#sh_ft_wrapper .info .ft_nav li+li{margin-left:26px}
#sh_ft_wrapper .info .link{margin-top:35px;font-size:0}
#sh_ft_wrapper .info .link li{display:inline-block;font-size:12px;font-weight:700;line-height:12px;font-family:'Philosopher'}
#sh_ft_wrapper .info .link li+li{padding-left:10px;margin-left:10px;border-left:1px solid #ccc}
#sh_ft_wrapper .info .link li a{-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;color:#777}
#sh_ft_wrapper .info .link li a:hover{color:#333}
#sh_ft_wrapper .cs{float:right;width:198px;letter-spacing:0;font-family:'Philosopher';margin-top:-5px}
#sh_ft_wrapper .cs .tit{width:100%;margin-bottom:28px;font-size:17px;font-weight:700;line-height:20px;color:#2e7cae}
#sh_ft_wrapper .cs .tel{margin-bottom:26px;font-size:28px;line-height:28px;font-weight:700;color:#222}

/* 반응형 하단 버튼 공통 */
#fix_tel{opacity:0;display:none;position:fixed;right:15px;bottom:20px;z-index:100;width:65px;height:65px;margin-right:-10px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#fff;background-color:#2e7cae;box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel.active{opacity:1;margin-right:0}
#sh_ft_btns{display:none;padding:15px;background:#f7f7f7}
#sh_ft_btns .btns{overflow:hidden}
#sh_ft_btns .row2 a{width:50%}
#sh_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background-color:#2e7cae;font-family:'Noto Sans KR';font-weight:700}
#sh_ft_btns a.tel{font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#sh_ft_btns a i{padding-right:5px;font-size:18px}
#sh_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}


.related-sites-bar {
background-color: #f0f0f0; /* Light gray background */
width: 100%;
padding: 20px 0; /* Vertical padding */
text-align: center;
}

.related-sites-container {
display: flex;
justify-content: center; /* Center the banners horizontally */
gap: 20px; /* Space between banners */
max-width: 1200px; /* Optional: limit width of banners for better readability */
margin: 0 auto; /* Center the container itself */
}

.related-site-banner {
flex: 0 1 calc(30.333% - 20px); /* Distribute space for 3 banners, accounting for gap */
background-color: #fff;
border: 1px solid #ddd;
padding: 15px;
box-sizing: border-box;
text-align: center;
border-radius: 8px; /* Slightly rounded corners */
text-decoration: none; /* Remove underline from links */
color: #333; /* Default text color */
transition: transform 0.2s ease-in-out; /* Smooth hover effect */
}

.related-site-banner:hover {
transform: translateY(-5px); /* Lift effect on hover */
}

.related-site-banner img {
max-width:  auto; /* Adjust as needed */
height: 40px;
}

.related-site-banner p {
margin: 0;
font-size: 0.9em;
font-weight: bold;
}




/* 반응형 [s] */
@media (max-width:1624px){
}

@media (max-width:1024px){
#sh_ft{padding:70px 15px}
#sh_ft_wrapper .tit{width:100%;margin-bottom:35px}
#sub_main_banner{height:260px}
#sh_content_tit{padding-top:88px}
#sh_aside{display:none}
}

@media (max-width:1200px){
}

@media (max-width:768px){
/* 반응형 스타일 필수 [s] */
#sh_login, #sh_agree, #sh_register,#sh_mb_confirm, #sh_result{padding:15px;margin:15px auto;border:none}
#sh_login input[type=submit], #sh_agree .btn_wrap input[type=submit], #sh_register .btn_wrap input[type=submit],#sh_find_info input[type=submit], #sh_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#sh_login .bnr .txt p a{color:#0054a6}
#sh_pw_confirm{width:100%;padding:30px 20px;border:none}
#sh_agree .inner{padding:15px}
#sh_agree .cont{padding:10px}
/* 반응형 스타일 필수 [e] */
    
#sh_ft{padding:50px 15px}
#sh_ft_wrapper{text-align:center}
#sh_ft_wrapper> div{width:100%}
#sh_ft_wrapper .cs{display:none}



.related-sites-container {
justify-content: flex-start; /* 모바일에서만 스크롤되도록 */
overflow-x: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding-bottom: 10px;
margin-left: 20px; /* 왼쪽 여백 추가 (선택 사항) */
margin-right: 20px; /* 오른쪽 여백 추가 (선택 사항) */
}

.related-site-banner {
flex-shrink: 0;
width: 350px; /* 모바일 배너 너비 조정 (픽셀 값) */
/* 또는 width: calc(70vw - 20px); /* 뷰포트 너비 기준 (선택 사항) */ 
}

}

@media (max-width:480px){
#sh_ft_wrapper> div{font-size:13px;line-height:23px;word-break:keep-all}
#sh_ft_wrapper .tit{margin-bottom:25px}
#sh_ft_wrapper .info .ft_nav{display:none}
#sub_main_banner{height:auto;background:none}
#sh_content{min-height:350px;margin:30px auto 0}
#sh_content_tit{padding:60px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #eee;color:#FFF}
#sh_content_tit h3{margin:0;font-size:16px;font-family:'Noto Sans KR';font-weight:500}
#sh_content_tit p{display:none}
#fix_tel{display:block}
#sh_ft_btns{display:block}
}
/* 반응형 [e] */