/* BASIC css start */
/* sec7 */
#footer_top{background:#3B0073; text-align:center; padding:70px 0 95px; margin-top:80px; }
#footer_top h2{font-size:48px; font-weight:700; color:#fff;  line-height:96px;}
#footer_top .cont_box{width:568px; margin:0 auto; padding-top:53px;}
#footer_top .cont_box li em{position:absolute; top:-35px; left:50%; transform: translateX(-50%); display:block; font-size:24px; font-weight:500; width:60px; height:60px; line-height:60px; background:#FFA435; border-radius:100%; color:#fff; }
#footer_top .cont_box li{position:relative; background:#fff; width:568px; border-radius:10px; text-align:center; padding:35px 0 13px; margin-bottom:58px; }
#footer_top .cont_box li p{font-size:24px; font-weight:500; color:#111;}
#footer_top .cont_box li span{font-size:16px; font-weight:500; color:#3B0073; line-height:32px;}
#footer_top .bt_txt{display:flex; align-items:center; font-size:20px; font-weight:500; color:#FFDD00; line-height:40px; margin-top:80px; justify-content:center; }
#footer_top .bt_txt img{padding-right:6px;}
#footer_top .more_btn{position:relative; padding:23px 0 0; text-align:center;}
#footer_top .more_btn span{position:relative; display:inline-flex; align-items:center; font-size:24px; font-weight:700; color:#fff; line-height:71px; padding:0 88px; background:#FFA435;  border-radius:67px; cursor:pointer;  }



#footer{width: 100%;   background:#151218; color:#999;}
#footer .foot_inner{width: 1400px; margin: 0 auto; background-color: #fff; border-top: 2px solid #222; padding: 53px 0 80px; position: relative;}
#footer .util_menu{padding-left:63px; border-bottom:1px solid #5F5B5B;}
#footer .util_menu ul{display:flex; align-items:center; gap:35px;}
#footer .util_menu li a{display:block; font-size:20px; font-weight:500;line-height:63px; color:#999;}
#footer .info_box{padding:30px 63px; display:flex; justify-content:space-between;}
#footer .info_box .box_1{display:flex;}
#footer .info_box .box_1 .address h2{font-size:20px; font-weight:700; line-height:40px; color:#999;}
#footer .info_box .box_1 .address p{font-size:18px; font-weight:400; padding-top:8px;}
#footer .info_box .box_1 .address span{display:block; padding-top:15px; font-size:16px; font-weight:500; line-height:32px;}
#footer .info_box .box_1 .cs_num{padding-left:93px;}
#footer .info_box .box_1 .cs_num h2{font-size:20px; font-weight:700; color:#999; line-height:40px;}
#footer .info_box .box_1 .cs_num p{font-size:18px; font-weight:400; padding-top:8px;}
#footer .info_box .box_2{display:flex; }
#footer .info_box .box_2 .sns_ico{margin-right:40px; margin-top:5px;}
#footer .info_box .box_2 .sns_ico ul{display:flex; align-items:center; gap:9px;}

/* 푸터 공통 */
#footer .foot_inner>div{width: 100%;}
#footer .foot_inner>div li{font-family: 'Noto Sans KR', sans-serif;}
#footer .foot_inner>div li a{font-family: 'Noto Sans KR', sans-serif;}
#footer .f_top{margin-bottom: 40px;}
#footer .f_top h4{}
#footer .f_top h4 img{}
#footer .f_middle{display:flex;}
#footer .f_middle>div{}
#footer .f_middle .f_m_L{margin-right: 130px;}
#footer .f_middle .f_m_L ul{margin-top:40px;}
#footer .f_middle .f_m_L ul li{margin-bottom: 12px;}
#footer .f_middle .f_m_L ul li:nth-child(4) a{color: #222;}
#footer .f_middle .f_m_L ul li a{font-size: 16px; color: #999; font-weight: 500;}
#footer .f_middle .f_m_R{}
#footer .f_middle .f_m_R h5{font-size: 22px; font-weight: 700; letter-spacing: 1.4px; margin-bottom: 6px;}
#footer .f_middle .f_m_R p{font-size: 14px; font-family: 'Noto Sans KR', sans-serif; color: #999; margin-bottom: 34px;}
#footer .f_middle .f_m_R ul{margin-bottom: 30px;}
#footer .f_middle .f_m_R ul li{display: inline-block;font-size: 14px;color: #999;line-height: 1.5; font-weight: 500; position: relative; padding-right: 16px; margin-right: 10px;}
#footer .f_middle .f_m_R ul li::after{content: ""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #999; width: 1px; height: 12px;}
#footer .f_middle .f_m_R ul li.afnone::after{display:none;}
#footer .f_middle .f_m_R .copy{font-family:  'Noto Sans KR', sans-serif; font-size: 14px;color: #ccc; font-weight: 500;}
#footer .f_sns{flex: 1; text-align: right; padding-top: 8px;}
#footer .f_sns ul{display: inline-block; vertical-align: top;}
#footer .f_sns ul li{display: inline-block; margin-left: 24px;}
#footer .f_sns ul li a{}
#footer .f_sns ul li a img{}
.family_site{display: inline-block; position:relative; }
.family_site > p{width:225px; height:46px; line-height:36px; font-size:18px; line-height:44px; border:2px solid #999; padding:0 18px; box-sizing:border-box; border-radius:40px; font-weight:500; /*margin-top:-9px;*/ cursor:pointer; text-align:left;}
.family_site > p img{float:right; margin-top: 21px;}
.family_site .select_box{position: absolute; opacity: 0; visibility: hidden; width: 100%; background: #fff; border-radius: 15px; padding: 15px; box-sizing: border-box; filter: drop-shadow(4px -1px 8px rgba(0, 0, 0, 0.08)); top: 70px; left: 0; transition: all .3s ease;}
.family_site .select_box:before {content: ''; display: inline-block; width: 10px; height: 10px; position: absolute; top: -5px; left: 50%; margin-left: -5px; background: #fff; transform: rotate(45deg);}
.family_site:hover .select_box{opacity: 1; visibility: visible; top:50px;}
.family_site .select_box p{margin: 5px 0; text-align:center;}
.family_site .select_box p a{color:#999;}
.family_site .select_box p a:hover{color: #000; border-bottom: 1px solid #000;}

.fix_move_btn{position: fixed; bottom: 10%; right:24px; z-index: 40; /*transform: translateX(776px);*/}
.fix_move_btn ul{}
.fix_move_btn ul li{height:54px; background:#985EFF; opacity: 0.8;}
.fix_move_btn ul li:first-child{border-radius:100% 100% 0 0;}
.fix_move_btn ul li a{display:flex; align-items:center; justify-content:center; width:54px; height:54px; }
.fix_move_btn ul li:last-child{border-radius:0 0 100% 100%;}


/* BASIC css end */

