@charset "UTF-8";

/* 상단부 */
.footer { margin: auto; max-width: 1920px; width: 100%; height: 714px; background-image: url(../images/foot_bg.png);}
.footer_inner { display: flex; margin: auto; max-width: 1520px; padding: 100px 0;}
.info { width: 740px; text-align: left; }
.info h3 { color: #fff; font-weight: 900; font-size: 44px;  line-height: 44px; margin-bottom: 25px; }
.info h4 { color: #67b4d6; font-weight: 600; font-size: 24px; line-height: 24px; text-transform: uppercase; }
.info h4 span { font-size: 12px; margin-left: 3px; }
.info h5 {display: flex; align-items: flex-end; gap: 3px; margin-bottom: 50px; color: #67b4d6; font-weight: 600; font-size: 20px; line-height: 20px; }
.info > p { color: #fff; line-height: 26px; margin-bottom: 35px; font-size: 15px;}
.info .contact { margin-bottom: 30px; }
.info .contact li { color: #fff !important; font-size: 14px; font-weight: 400; margin-bottom: 10px; }
.info .contact li span { display: inline-block; margin-right: 10px; width: 17px; height: 17px; background-color: #fff; border-radius: 90%; }
.info .contact li img {padding-left: 4px; }
.info .logo { display: flex; gap: 60px; width: 575px; margin-bottom: 30px; }
.info .logo_box { width: 50%; }
.info .logo_box div { display: flex; gap: 10px; }
.info .logo_box p { font-size: 18px; font-weight: 500; color: #fff; line-height: 18px; margin-bottom: 20px; }
.info .logo_box a { display: block; text-align: left; width: 125px; height: 50px; line-height: 50px; border-radius: 3px; border: none; }
.info .logo_box:last-child a { width: 100%; text-align: left;  background-color: transparent; border: none; }
.info .social {display: flex; gap: 10px; width: 166px; height: 34px;}
.info .social li { width: 25%; background-color: #3d4044; border-radius: 90%; transition: all 0.3s;}
.info .social li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.info .social li a span {display: block;}
.info .social li:nth-child(1) span {width: 15px; height: 15px; background-image: url(../../../../header/412/inc/images/ico_social_in_hov.png);}
.info .social li:nth-child(2) span {width: 9px; height: 16px; background-image: url(../../../../header/412/inc/images/ico_social_fb_hov.png);}
.info .social li:nth-child(3) span {width: 18px; height: 17px; background-image: url(../../../../header/412/inc/images/ico_social_ig_hov.png);}
.info .social li:nth-child(4) span {width: 15px; height: 15px; background-image: url(../../../../header/412/inc/images/ico_social_x_hov.png);}
.info .social li:hover {background-color: #414f5f;}

.sitemap { width: calc(100% - 740px); }
.sitemap .gnb { display: flex; flex-wrap: wrap; gap: 50px; }
.sitemap .gnb > li { width: calc(33% - 31px); text-align: left; }
.sitemap .gnb > li > a { width: 100%; color: #fff; font-size: 20px; font-weight: 700;}
.sitemap .gnb .submenu {text-align: left; margin-top: 30px;}
.sitemap .gnb .submenu li { margin-bottom: 15px; }
.sitemap .gnb .submenu a { color: #fff; font-size: 15px; font-weight: 500; opacity: 0.5; }
.sitemap .gnb .submenu a:hover {opacity: 0.8;}

/* 하단부 */
.btm { margin: auto; max-width: 1920px; width: 100%; height: 100px; border-top: 1px solid #2a2a2a; background: #000;}
.btm div { display: flex; align-items: center; justify-content: space-between; margin: auto; max-width: 1520px; height: 100%;}
.btm div p { color: #777; font-weight: 400; font-size: 12px;}
.btm div span { margin-left: 10px; }
.btm ul { display: flex; }
.btm ul li:last-child {position: relative; margin-left: 50px;}
.btm ul li:last-child::before {position: absolute; content: ""; top: 4px; left: -25px; width: 1px; height: 12px; background-color: #4d4d4d;}
.btm ul li:hover a { color: #e7516a; }
.btm ul a { color: #fff; font-size: 14px; font-weight: 400; opacity: 0.6; }

.footer .gnb > li.on > a {color: #fff !important;}
.footer .gnb > li.on > a:before {display: none !important;}