/****************************** layout.css - 헤더 푸터 css ******************************/
@charset "UTF-8";

@font-face {  /*에스코어 드림 6볼드*/
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * {  /*노토 산스*/
 font-family: 'Noto Sans KR', sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');

@font-face { /* Exo 2 Bold Italic */
    font-family:"Exo 2 Bold Italic";
    src:url("Exo2-BoldItalic.eot?") format("eot"),url("Exo2-BoldItalic.woff") format("woff"),url("Exo2-BoldItalic.ttf") format("truetype"),url("Exo2-BoldItalic.svg#Exo2-BoldItalic") format("svg");
    font-weight:normal;
    font-style:normal;}


/*---------- 헤더 ----------*/
.header {border-bottom: 1px solid #ddd; width: 100%; height: 83px; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background-color: #fff;}
.header .header_container {height: 100%; display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}

.header .logo a {display: flex; align-items: center; height: 100%;}
.header .logo a span {font-weight: 600;font-size: 20.52px; font-family: S-CoreDream-6Bold;}

.main_nav {width: 70%; height: 100%; clear: both;}
.main_nav .main_menu {display: flex; justify-content: space-between; height: 100%; float: right;}
.main_nav .main_menu > li {height: 100%; line-height: 83px; position: relative;width: 177px;text-align: center;}
.main_nav .main_menu > li > a {font-size: 19px; font-family: 'Noto Sans KR', sans-serif; display: block;line-height: 82px;}

.main_menu > li:hover {border-top: 2px solid #215fa5;}

/* 서브메뉴 */
.sub_menu {position: absolute; top: 100%; left: 0px; width: 100%; margin: 0 auto; justify-content: center; height: 0px; overflow: hidden;}
.sub_menu > li:hover > a {color: #fff;}

.sub_menu > li {text-align: center; width: 100%; background-color: rgb(33, 95, 165, 95%);}
.sub_menu > li > a {color: #fff; font-size: 16px; display: block;line-height: 50px;border-bottom: 1px solid #4a7ab3; margin: 0px 15px;}
.sub_menu > li:last-child > a {border-bottom: none;}

.main_menu > li:hover .sub_menu{height: auto;}




/*---------- 푸터 ----------*/
.footer {width: 100%; background: #3b3b3b; position: relative;}
.footer .footer_container {display: flex; width: 1200px; margin: 0 auto; color: #eeeeee; padding-top: 50px;}

.footer .logo_wrap{width: 27%;}
.footer .logo a {display: flex; align-items: center; height: 100%;}
.footer .logo a span {font-weight: 600;font-size: 20.52px; font-family: S-CoreDream-6Bold; color: #cdcdcd;}

.footer ul {width: 100%; display: flex;}
.footer ul li {float: left; position: relative;}
.footer ul li:first-child, .footer ul li:nth-child(2){padding-right: 32px;}
.footer ul li:first-child::before {content:" "; display: block; width: 2px; height: 14px; background-color: #fff; position: absolute; top: 15%; transform: translateY(-50%); right: 15px;}
.footer ul li:nth-child(2)::before {content:" "; display: block; width: 2px; height: 14px; background-color: #fff; position: absolute; top: 15%; transform: translateY(-50%); right: 15px;}
.footer ul li a {color: #e6e7e8; font-size: 15px;}

.footer .address_wrap {width: 55%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .address_wrap address {}
.footer .address_wrap address span {font-size: 16px; display: inline-block; padding-right: 40px; position: relative; margin-bottom: 16px; font-weight: 100; color: #e6e7e8}
.footer .address_wrap address span::before {content:" "; display: block; width: 2px; height: 14px; background-color: #eee; position: absolute; right: 18px; top: 2px;}
.footer .address_wrap address span:nth-child(2):before, .footer .address_wrap address span:last-child:before {display: none;}
.footer .address_wrap .copy {margin-top: -57px; width: 100%;font-weight: 100;}

.footer .btn_top {width: auto; height: auto; border: none; background: transparent; outline: none; cursor:pointer;background-color: transparent;border-color: transparent;
                    bottom: 197px;right: 350px; line-height:46px; text-align:center;font-size:15px;z-index:90;margin-left: 160px;}
.footer .btn_top img {padding-bottom: 195px;}