/* BASIC css start */
#footer_top{background:#3B0073; text-align:center; padding:30px 20px 52px; margin-top:50px;}
#footer_top h2{font-size:25px; font-weight:700; color:#fff;  line-height:33px;}
#footer_top .cont_box{width:100%; margin:0 auto; padding-top:53px;}
#footer_top .cont_box li em{position:absolute; top:-20px; left:50%; transform: translateX(-50%); display:block; font-size:18px; font-weight:500; width:42px; height:42px; line-height:42px; background:#FFA435; border-radius:100%; color:#fff; }
#footer_top .cont_box li{position:relative; background:#fff;  border-radius:10px; text-align:center; padding:30px 0 8px; margin-bottom:32px; }
#footer_top .cont_box li p{font-size:18px; font-weight:600; color:#111;}
#footer_top .cont_box li span{font-size:14px; font-weight:500; color:#3B0073; line-height:28px;}
#footer_top .bt_txt{display:flex; align-items:center; font-size:15px; font-weight:400; color:#FFDD00;  margin-top:5px; justify-content:center; }
#footer_top .bt_txt img{padding-right:10px; width:25px;}
#footer_top .more_btn{position:relative; padding:20px 0 0; text-align:center;}
#footer_top .more_btn span{padding:0 35px;}



#footer { background-color: #151218; width: 100%; padding:50px 3% 40px; margin: 0 auto 0 } 
#footer .bt_logo img{width: 95px;}
/* 푸터 공통 */
#footer li { font-family: 'Noto Sans KR', sans-serif; } 
#footer li a { font-family: 'Noto Sans KR', sans-serif; } 

#footer .foot_top { width: 100%; } 
#footer .foot_top .f_menu { width: 100%; border-bottom:1px solid #5F5B5B; padding-top:20px; } 
#footer .foot_top .f_menu ul { width: 100%; display: flex; flex-wrap: wrap; gap:20px;}
#footer .foot_top .f_menu ul li { } 
#footer .foot_top .f_menu ul li a { display: block; text-align: center; padding: 4px 0; color: #999; font-size:12px; font-weight: 500; line-height:24px; } 

#footer .foot_inner { padding:20px 0 50px; width: 100%; } 


#footer .foot_inner .address h2{font-size:16px; font-weight:700; line-height:32px; color:#999;}
#footer .foot_inner .address p{font-size:12px; font-weight:300; padding-top:10px; color:#999;}
#footer .foot_inner .address span{display:block; padding-top:10px; font-size:10px; font-weight:500; line-height:20px; color:#999;}
#footer .foot_inner .cs_num{padding-top:20px; color:#999;}
#footer .foot_inner .cs_num h2{font-size:16px; font-weight:700; color:#999; line-height:32px; color:#999;}
#footer .foot_inner .cs_num p{font-size:12px; font-weight:300; padding-top:10px; color:#999;}



#footer .foot_inner>div { width: 100%; } 
#footer .foot_inner .foot_middle { text-align: left; padding-top: 5%; } 
#footer .foot_inner .foot_middle h3 { margin-bottom: 20px; } 
#footer .foot_inner .foot_middle h3 a { display: block; } 
#footer .foot_inner .foot_middle h3 a img { width: 95px; } 
#footer .foot_inner .foot_middle .cs_center { } 
#footer .foot_inner .foot_middle .cs_center h4 { font-size: 18px; color: #222; letter-spacing: 1px; margin-bottom: 6px; font-weight: 700; line-height: 1.25; } 
#footer .foot_inner .foot_middle .cs_center ul { } 
#footer .foot_inner .foot_middle .cs_center ul li { color: #595959; font-size: 13px; font-weight: 400; line-height: 1.6; } 
#footer .foot_inner .foot_bottom { /*padding-bottom: 70px;*/ text-align: left; margin-top: 30px; } 
#footer .foot_inner .foot_bottom .f_info { margin-bottom: 30px; } 
#footer .foot_inner .foot_bottom .f_info h5 { color: #222; font-size: 14px; font-weight: 600; margin-bottom: 6px; } 
#footer .foot_inner .foot_bottom .f_info ul { } 
#footer .foot_inner .foot_bottom .f_info ul li { font-size: 13px; font-weight: 400; color: #595959; line-height: 1.5; } 
#footer .foot_inner .foot_bottom .ft_sns_wrap { display: flex; justify-content: space-between; align-items: center; } 
#footer .foot_inner .foot_bottom .f_sns { } 
#footer .foot_inner .foot_bottom .f_sns ul { display: flex; align-items: center; justify-content: center; gap: 16px; } 
#footer .foot_inner .foot_bottom .f_sns ul li { display: inline-block; } 
#footer .foot_inner .foot_bottom .f_sns ul li a { } 
#footer .foot_inner .foot_bottom .f_sns ul li a img { height: 16px; } 
.family_select { position: relative; } 
.family_select select { width: 152px; font-size: 14px; font-weight: 500; color: #999; border: 2px solid #999; border-radius: 36px; padding: 9.5px 16px; height: auto; background: url(/design/whatson/img/common/dw_arrow.svg) transparent no-repeat center right 16px/8px 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 

/* BASIC css end */

