@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@100;200;300;400;500;600;700;800;900&family=Lusitana:wght@400;700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;400&display=swap');

@import url('./HANBatang.css');


html {
   --Width:1170px;
   --width-padd:50px;
   --Main-gray:#2c2e3d;
   --Main-color:#d18500;
   --Gnb-h:120px;
}

/*공통*/
*{margin: 0; padding: 0; box-sizing: border-box; -webkit-overflow-scrolling:touch;}
*{font-family:"Apple SD Gothic Neo", "Open Sans", "Noto Sans KR", sans-serif;}
img {border:none; vertical-align: top; }
html,body { color: var(--Gray-Dark);}
body {overflow-x: hidden; letter-spacing: -0.05em; color: var(--Main-gray);}
body { margin: 0; padding: 0; font-size: var(--Font-size); }

input,select,td,th {font-size: var(--Font-size12)}
span {font-size: inherit;}
li {list-style: none; margin: 0; padding: 0}
a {color: inherit; text-decoration: none; transition: .2s; font-size: inherit;}
textarea {border: 1px solid #ddd; width: 100%; height: 6em; padding: 15px; font-size: 1rem}



/*GNB*/
.gnb  {position: fixed; width: 100%; min-width:calc(var(--Width )+ 80px);  z-index: 110; transition: .2s; top: 0; left: 0;  background-color: #fff; display: flex; padding:0 40px ; height: var(--Gnb-h);;}
.gnb .menu { padding: 0 55px; margin:auto; font-size: 16px; width: 100%; text-align: center;}
.gnb .menu .menus .menu-n > li {display: inline-block; font-size: 0; padding: 0px 0.5rem; color: #000; font-weight: 500; letter-spacing: -0.03em; position: relative;}
.gnb .logo { height: var(--Gnb-h);; background: url(../images/SSM-main-logo.png) no-repeat left center; background-size: auto 65px; position: relative; cursor: pointer; pointer-events: all; position:absolute; left: 40px; top: 0; width: 250px;}
.gnb .logo a {width: 100%; height: 100%; position: absolute;}
.gnb .member {position: absolute; top: 0; right: 40px; height: var(--Gnb-h);; font-size: 13px; color: var(--Main-gray); display: flex; align-items: center; justify-content: center; }
.gnb .member li {padding-left: 24px; }
.gnb .member.login li {padding-left: 10px; }
.gnb .menu a{display: block; vertical-align: top; transition: .3s; font-weight: 600;}
.gnb .menu a img {vertical-align: middle;}
.gnb .menu a:hover, .gnb .menu a.active{color: var(--Main-color)}
.gnb .menu .menus {text-align: center; }
.gnb .menu .menus .menu-n > li {line-height: var(--Gnb-h);; height: var(--Gnb-h);; font-size: 16px; position: relative;}
.gnb .menu .menus .submenu {  padding: 20px 16px;  background-color: #fff; line-height: initial; text-align: left; position: absolute; left:-0.5rem; display: none;}
.gnb .menu .menus .submenu li {font-size: 16px; color: var(--Main-gray); }
.gnb .menu .menus .submenu li a {position: relative; display: block;transition: .3s; min-width: 180px; word-break: keep-all; white-space: normal; padding: 15px; font-weight: 500; letter-spacing: 0; text-transform: uppercase;}
.gnb .menu .menus .submenu li a:hover, .gnb .menu .menus .submenu li a.active {color: #fff; background-color: var(--Main-color);}

.scrolled .gnb {border-bottom: 1px solid rgba(0,0,0,0.1); transition: 0;}

/* (2021.11.16) kr 전환 버튼 */
.main .switch_language{position:relative; z-index:10; height:30px; margin-top:13px; padding:5px 10px; font-size:13px; border:1px solid var(--Main-color); display: none;}

@media screen and (max-width: 720px) {
	.main .switch_language{display:none;}
	.menu-n .switch_language{width:100px; margin:80px 35px 0; padding:5px 10px; font-size:16px; text-align:center; border:1px solid #fff;}
}

/*탑 비주얼*/
.visual-slider {position: relative; min-width: var(--Width); width: 100%; top: var(--Gnb-h);; left: 0; position: fixed; z-index: -1;}
.scrolled .visual-slider {z-index: -1;}
.visual-slider .slider-wrapper {position: relative; z-index: 4;}
.visual {background-size: cover; height: 800px; background-position: center; display: flex; align-items: flex-end; justify-content: center;  color: #fff; flex-direction: column; position: relative; background-color: var(--Gray-Dark); width: 100%; }
.visual:first-of-type {background-image: url(../images/visual-main1.jpg);}
.visual:nth-of-type(2) {background-image: url(../images/visual-main2.jpg);}
.visual:nth-of-type(3) {background-image: url(../images/visual-main3.jpg);}

.visual .ment {width: var(--Width); margin: auto;  text-align: left;}
.visual h1 {line-height: 1.2; z-index: 2; transition: 1s; margin-left: 80%; font-size: 54px; font-weight: 500; white-space: nowrap; opacity: 0; overflow: hidden; width: 100%;}
.visual h1 + h1 {transition: 1.4s;}
.visual h1 + h2 {margin-top: 40px!important;}
.visual h2 { z-index: 2; line-height: 1.6; transition: 1.5s; font-weight: 500; font-size: 24px; margin-left: 100%;  opacity: 0; width:80%; overflow: hidden; word-break: keep-all;}
.visual h3 { z-index: 2; line-height: 1; transition: 1s; margin-left: 80%; color: var(--m);}
.visual .ment span {color: var(--Main-color);}
.visual.swiper-slide-active h1, .visual.swiper-slide-active h2,.visual.swiper-slide-active h3{ margin-left: 0; opacity: 1; white-space: normal;}

.visual .ment h2.indent { margin-top: 5px; padding-left: 24px;}
.visual .ment h2.indent span { margin:0 0 0 -12px; color: #fff; margin-right: 8px;}
.visual .ment h2.indent:fitst-child { margin-top: 10px;}

.main .swiper-pagination {text-align: center; left: 0; width: 100%; bottom: 60px; color: #fff;}
.swiper-pagination .swiper-pagination-bullet {width: auto; height: auto; background: none; font-size: 16px; text-align: left; opacity: 1;}
.swiper-pagination .swiper-pagination-bullet .bar {background: #fff; border-radius: 10px; width: 30px; transition: .5s; height: 3px; margin-top: 20px;}
.swiper-pagination .swiper-pagination-bullet-active {color: var(--Main-color); font-weight: bold;}
.swiper-pagination .swiper-pagination-bullet-active .bar {background:var(--Main-color); width: 160px;}

/* .wrap {overflow-x: hidden;} */


.footer { background-color: var(--Main-gray); position: relative; z-index: 100; color: #fff; }
.footer .footer-in {}
.footer .footer-in .location{width: var(--Width); margin: auto;  overflow: hidden; padding: 120px 0; }
.footer .footer-in .location .left {float: left; letter-spacing: 0;}
.footer .footer-in .location .left h1 {font-size: 24px; letter-spacing: 0;}
.footer .footer-in .location .left .loc {margin-top: 32px; font-size: 15px; line-height: 1.6; letter-spacing: 0;}
.footer .footer-in .location .left .loc a{color: #ff8000; margin-left: 10px; transition: .3s;}
.footer .footer-in .location .left .loc a:hover{color: var(--Main-color)}

.footer .footer-in .location .left .loc .title { padding-bottom: .5em; font-size: 16px; color: var(--Main-color);}

.footer .footer-in .location .right {float: right; letter-spacing: 0;}
.footer .footer-in .location .right .btn{font-size: 24px;}
.footer .footer-in .location .right .btn a{margin-left: 60px; font-weight: bold; transition: .3s; color: #fff;}
.footer .footer-in .location .right .btn a:hover{color: var(--Main-color)}
.footer .footer-in .location .right .logos {margin-top: 94px; overflow: hidden; font-size: 0; text-align: right;}
.footer .footer-in .location .right .logos div {height: 60px; margin-left: 60px; background-position: right top; background-repeat: no-repeat; width: 158px; display: inline-block; vertical-align: top; cursor: pointer;}
.footer .footer-in .location .right .logos .iacbe {background-image: url(../images/logo-iacbe.png);  background-size: auto 100%; width: 172px; height: 41px; margin-top: 3px;}
.footer .footer-in .location .right .logos .eduqua {background-image: url(../images/logo-eduqua.png);  background-size: auto 100%;}

.footer .footer-in .copyright {text-align: center; padding: 30px 0; color: #828389; border-top: 1px solid #373947; letter-spacing: 0;}

.section {background-color: #fff; overflow: hidden;}
.visual-slider + .section {position: relative; margin-top: 920px;}

.section .title{ padding: 140px 0;  overflow: hidden;}
.section .title {width: var(--Width); margin: 0 auto; text-align: center; font-family: "Lusitana"; }
.section .title h1 {font-family: "Lusitana"; font-size: 36px;}
#section01 .title {width: initial; white-space: nowrap;}
#section01 .title h1 {color: #4f7da5;}
#section01 .feat {width: var(--Width); margin: auto;}
#section01 .feat li {overflow: hidden; clear: both; margin-bottom: 140px;}
#section01 .feat li .img {width: 50%; float: left; background-size: cover; height: 280px;}
#section01 .feat li .descript, #section01 .feat li .descrpit {width: 50%; float: left; padding-left: 70px; position: relative; height: 280px;}
#section01 .feat .ment h2 {font-family: "Lusitana"; font-size: 36px; margin-bottom: 35px; line-height: 1;}
#section01 .feat .ment h2 small {font-family: "Lusitana"; font-size: 24px;}
#section01 .feat .ment p { font-size: 18px; line-height: 1.6;}
#section01 .feat .ment {color: var(--Main-gray); }
#section01 .feat .btn {position: absolute; bottom: 0; font-size: 0; white-space: nowrap;}
#section01 .feat .btn a {background-color: var(--Main-color); width: 180px; height: 50px; line-height: 50px; text-align: center; font-size: 18px ; font-weight: bold; display: inline-block; color: #fff; border-radius: 5px; margin-right: 10px; transition: .5s; vertical-align:middle;}
#section01 .feat .btn a.lineover{line-height:18px; padding-top:5px;}
#section01 .feat .btn a span{font-size:14px;}
#section01 .feat .btn a:hover {background-color: #4f7da5;}
#section01 .feat .btn.var a { width: unset; padding: 0 12px;}
#section01 .feat .btn.small { display: flex; flex-wrap: wrap; justify-content:space-around; overflow-x: auto; padding: 0 0 20px; margin: 0;}
#section01 .feat .btn.small a { width: 120px; padding: 0 12px; font-size: 13px;}
	/* 21.07 버튼 2줄로 변경 */
#section01 .feat li.db_height .descript,
#section01 .feat li.db_height .img{height:340px;}
#section01 .feat li.db_height .btn{width:100%; padding-left:0; text-align:center;}
#section01 .feat li.db_height .btn_pad{bottom:60px;}

.btn-small-sep { width: 100%; height: 10px; display: none}

#section01 .feat li:nth-of-type(2) > div {float: right;}
#section01 .feat li:nth-of-type(2) .descript, #section01 .feat li:nth-of-type(2) .descrpit {padding-left: 0; padding-right: 70px;}
#section01 .feat li .img {background-image: url(../images/main-focus1.jpg);}
#section01 .feat li:nth-of-type(2) .img {background-image: url(../images/main-focus2.jpg);}
#section01 .feat li:nth-of-type(3) .img {background-image: url(../images/main-focus3.jpg);}


#section02 {background: url(../images/main-notice.jpg) no-repeat; background-size: cover; height: 458px; color: #fff;}
#section02 .notice {width: var(--Width); margin: auto; display: flex; flex-direction: column; justify-content: center;  height: 100%; position: relative;}
#section02 .notice .nav {position: absolute; right: 0; top: 30px; font-size: 0; }
#section02 .notice .nav a {width: 40px; height: 40px; background: url(../images/-e-ic_arrow.png) no-repeat center; background-size: auto 12px; border: 1px solid #fff; display: inline-block; transition: .3s;}
#section02 .notice .nav a:hover {background-color: var(--Main-color); border:1px solid var(--Main-color);}
#section02 .notice .nav a.next {transform:scaleX(-1); margin-left: 10px; color: var(--Main-gray)}

#section02 .notice h2.date {font-size: 18px; margin-bottom: 20px; line-height: 1;}
#section02 .notice h1 {font-size: 28px;}
#section02 .notice h1:after {margin: 40px 0; height: 2px; width: 24px; background-color: #fff; content: ""; display: block;}
#section02 .notice p {font-size: 18px; line-height: 1.8; word-break: keep-all;  white-space: normal; height: 3.6em;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}

#section03 { }
#section03 .title { padding-bottom: 0;}
#section03 .title h1{font-size: 28px; padding: 80px 0; font-weight: normal; width: var(--Width); margin: auto; background-color: #f4f5f6;}
#section03 .progress {width: var(--Width); margin: auto; background-color: #f4f5f6; height: 100%;  padding: 0 15px 90px; overflow: hidden; white-space: nowrap; font-size: 0;}
#section03 .progress li {text-align: center; width: 20%; word-break: keep-all;  padding: 0 30px; font-weight: 500; line-height: 1.4; display: inline-block; position: relative; vertical-align: top;}

#section03 .progress li .icon {height: 82px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin-bottom: 32px;}
#section03 .progress li .number {width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background-color: var(--Main-color); margin-bottom: 24px; display: inline-block; font-size: 18px; font-weight: bold; color: #fff;}
#section03 .progress li p {font-size: 18px;}
#section03 .progress li:nth-of-type(1) .icon {background-image: url(../images/main-progress1.png);}
#section03 .progress li:nth-of-type(2) .icon {background-image: url(../images/main-progress2.png);}
#section03 .progress li:nth-of-type(3) .icon {background-image: url(../images/main-progress3.png);}
#section03 .progress li:nth-of-type(4) .icon {background-image: url(../images/main-progress4.png);}
#section03 .progress li:nth-of-type(5) .icon {background-image: url(../images/main-progress5.png);}

#section03 .engProgress{width: var(--Width); margin: auto; background-color: #f4f5f6; height: 100%;  padding: 0 15px 90px; overflow: hidden; white-space: nowrap; font-size: 0;}
#section03 .engProgress li {text-align: center; width: 25%; word-break: keep-all;  padding: 0 30px; font-weight: 500; line-height: 1.4; display: inline-block; position: relative; vertical-align: top;}
#section03 .engProgress li .icon {height: 82px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; margin-bottom: 32px;}
#section03 .engProgress li .number {width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background-color: var(--Main-color); margin-bottom: 24px; display: inline-block; font-size: 18px; font-weight: bold; color: #fff;}
#section03 .engProgress li p {font-size: 18px;}
#section03 .engProgress li:nth-of-type(1) .icon {background-image: url(../images/main-progress1.png);}
#section03 .engProgress li:nth-of-type(2) .icon {background-image: url(../images/main-progress2.png);}
#section03 .engProgress li:nth-of-type(3) .icon {background-image: url(../images/main-progress3.png);}
#section03 .engProgress li:nth-of-type(4) .icon {background-image: url(../images/main-progress4.png);}
#section03 .engProgress li:nth-of-type(5) .icon {background-image: url(../images/main-progress5.png);}


#section04 .video {width: var(--Width); margin: auto;}
#section04 .title, #section05 .title {padding-bottom: 80px;}
.section .title h1 + p {margin-top: 24px; line-height: 1; font-size: 18px;}

#section05 .map {width: var(--Width); margin: auto; background:url(../images/main-map.jpg) no-repeat center; background-size: auto 100%;}
#section05 .map img {width: 100%; opacity: 0;}


#section06 .contact{width: var(--Width); margin:140px auto; display: flex; justify-content:space-around;}
#section06 .contact li {width: 33.3%; margin-right: 30px; background: no-repeat 220px center; background-size: auto 64px;}
#section06 .contact li:last-child {margin-right: 0;}
#section06 .contact li .ment h1{ font-size: 24px; line-height: 1; margin-bottom: 20px;}
#section06 .contact li .ment h1 span {font-size: 15px; font-weight: normal; margin-left: 10px;}
#section06 .contact li .ment p{ font-size: 15px; line-height: 1.6;}
#section06 .contact li .ment h2 {font-size: 32px; color: #032e58;}
/* #section06 .contact li:first-of-type {background-image: url(../images/-e-ic_logo_kakao.png);}
#section06 .contact li:nth-of-type(2) {background-image: url(../images/-e-ic_email.jpg);} */

.leaflet-marker-icon.leaflet-interactive:last-of-type .nectar-leaflet-pin {border:10px solid #1f94f3 !important;}
.leaflet-container {z-index: 0;}
.mobile-menu {display: none;}
@keyframes loading-rotate { from {transform: rotate(0); } to { transform: rotate(359deg); } }

/*반응형*/
@media (max-width: 1110px) {
   html {
      --Width:initial;
      --Main-gray:#2c2e3d;
      --Main-color:#d18500;
      --Gnb-h:60px;
      --margin:20px;
   }
   .gnb {padding: 0 var(--margin);}
   .gnb .logo {left: var(--margin); background-size: auto 24px;}
   .gnb .menu, .gnb .member {display: none;}
   .gnb .menu-call { width: var(--Gnb-h); height: var(--Gnb-h); display: block; background: url(../images/menu.svg) no-repeat center; background-size: auto 14px; position: absolute; top: 0; right: 0;}

   .menu-pop {background-color: var(--Main-color); }
   .menu-pop .mobile-menu {right: 0;}
   .menu-pop .wrap {transition: .2s; transform-origin: right center; transform: scale(.8); overflow: hidden; height: 100vh; position: absolute; top: 0; left: -78%; background-color: #fff; width: 100vw;}

   .mobile-menu {position: fixed; width: 100%; height: 100%; background-color: var(--Main-color); right: -100%; top: 0; text-align: left; color: #fff; padding: 0; z-index: 200; font-weight: 500; padding-left: 50px; display: flex; flex-direction: column; padding-top: 80px; width: 78%; margin-left: 22%; transition: .3s; overflow-y: auto;}
   .mobile-menu .close {background: url(../images/close.png) no-repeat; background-size: 100%; width: 50px; height: 50px; position: absolute; top: 25px; right: 25px;}
   .mobile-menu > li { color: #fff; text-align: left; font-size: 24px; }
   .mobile-menu > li > a{ margin:7px 0; display: inline-block; transition: .4s; position: relative;}
   .mobile-menu > li .submenu { padding-left: 10px; text-transform: uppercase; overflow: hidden; display: none; opacity: .5;}
   .mobile-menu > li .submenu li { font-size: 14px; padding: 4px 0; }
   .mobile-menu > li .submenu li a { display: inline-block;}
   .mobile-menu > li > a:after { border-bottom: 2px solid #fff; width: 0; position: absolute; left:0; bottom: 0; display: block; content: ""; transition: .3s;}
   .mobile-menu > li > a.active::after {width: 100%;}
   .mobile-menu .member {font-size:16px; top: 120px; right: auto; left:0; left:22%; padding: 15px 0;}
   .mobile-menu .member li {padding-left: 0; padding-right: 20px; display: inline-block; color: var(--Main-gray);}

   .visual {height: calc(100vh - 60px); align-items: flex-start; background-position: right 25% center;}
   .visual h1 {font-size: 32px; font-weight: bold;}
   .visual h1 + h1{font-size: 24px; font-weight: bold;}
   .visual h2 {font-size: 16px; line-height: 1.4; width: 100%; }
   .visual h1 + h2 {margin-top: 20px;}
   .visual .ment {margin: 0; width: initial; padding-left: 30px; padding-right: 30px;}

   .main .swiper-pagination {text-align: center; left: 0; width: 100%; bottom: 30px; color: #fff;}
   .swiper-pagination .swiper-pagination-bullet {width: auto; height: auto; background: none; font-size: 12px; text-align: left; opacity: 1;}
   .swiper-pagination .swiper-pagination-bullet .bar {background: #fff; border-radius: 10px; width: 30px; transition: .5s; height: 2px; margin-top: 20px;}
   .swiper-pagination .swiper-pagination-bullet-active {color: var(--Main-color); font-weight: bold;}
   .swiper-pagination .swiper-pagination-bullet-active .bar {background:var(--Main-color); width: 160px;}


   .visual-slider + .section {margin-top: 100vh;}
   .section .title h1 {font-size: 24px; line-height: 1; }
   .section .title {padding: 60px 0; }
   #section01 .feat li {padding: 0 var(--margin); margin-bottom: 60px;}
   #section01 .feat li .img {float: none !important; width: initial; height: 160px !important;}
   #section01 .feat li .descript {float: none !important; width: initial; padding-left: 0; height: auto !important; padding: 0 10px !important;}
   #section01 .feat li .descript .ment h2 {font-size: 24px; line-height: 1; padding: 30px 0 var(--margin) 0; margin-bottom: 0;}
   #section01 .feat .ment h2 small {font-family: "Lusitana"; font-size: 16px;}

   	/* 21.07 버튼 2줄로 변경 */
	#section01 .feat li.db_height .btn{margin-top:0;}
	#section01 .feat li.db_height .btn_pad{bottom:0;}


   #section01 .feat li .descript .ment p {font-size: 14px; word-break: keep-all;}
   #section01 .feat .btn {display: flex; justify-content: space-between; width: initial; position: relative; margin-top: 30px; justify-content: center;}
   #section01 .feat .btn a {width: 50%; height: 40px; line-height: 40px; font-size: 12px; padding-left:5px; padding-right:5px;}
   #section01 .feat .btn a.lineover{padding-top:3px;}
   #section01 .feat .btn a:last-child {margin-right: 0; }
   #section02 {background-position: right 20% center;}
   #section02 .notice {margin: 0 30px;}
   #section02 .notice p {font-size: 15px; line-height: 1.6; word-break: keep-all;  white-space: normal; height: 4.8em;text-align: left;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
   /*#section02 .notice .nav {right: 30px;}*/
   #section02 .notice h1:after {margin: 30px 0;}

   .section .title h1 + p {margin-top: 15px;}

   #section03 .progress {padding:0 0 var(--margin); white-space: normal;}
   #section03 .progress {flex-wrap: wrap;}
   #section03 .progress li {width: 50%;}
   #section03 .title {background-color:#f4f5f6 ; padding-top: 0; margin-top: 60px;}
   #section03 .title h1 { line-height: initial; font-size: 24px; word-break: keep-all; width: 260px; margin: auto;}
   #section03 .title h1 strong {display: block;}
   #section03 .progress li {margin-bottom: 60px;}
   #section03 .progress li .number {margin-bottom: 24px;}

   #section04 .title, #section05 .title {padding: 80px 0 40px 0;}
   #section04 .video {padding: 0 var(--margin);}
   #section04 .video iframe {width: 100%; height: calc(100vw * 0.56);}

   #section05 .map {background-position: right 25% center; margin: 0 var(--margin);}
   #section05 .map img {width: auto; height:500px ;}

   #section06 .contact {margin: 30px 0; display: block; padding: 0 var(--margin); }
   #section06 .contact li {width: 100%; padding: 30px 10px; border-bottom: 1px solid #f4f5f6; background-position: right center;}
   #section06 .contact li .ment h1{font-size: 20px;}
   #section06 .contact li .ment p {font-size: 15px; line-height: 1.4;}
   #section06 .contact li .ment h1 span {display: block; margin-left: 0; margin-top: 5px;}


   .footer .footer-in .location {padding: 60px 30px;}
   .footer .footer-in .location .left {float: none;}
   .footer .footer-in .location .right {float: none;}
   .footer .footer-in .location .right .btn a {display: block; margin-left: 0; margin-top: 30px;}
   .footer .footer-in .location .right .logos {display: none;}

    #section01 .feat .btn.small { flex-wrap: wrap;}
    #section01 .feat .btn.small a { width: 45%; margin: 0;}
    .btn-small-sep { display: block;}
}

/* 반응형 수정사항 */
@media screen and (max-width: 1660px) {
	.gnb .logo {left: 20px; background-size: auto 50px;}
}
@media screen and (max-width: 1500px) {
	.gnb .menu .menus .menu-n > li {font-size: 0.9rem;}
	.gnb .menu .menus .submenu li {font-size: 0.9rem;}
}

@media screen and (max-width: 1400px) {

	/* Header 메뉴 */
	.gnb {padding: 0 10px;}
	.gnb .logo {left: 20px; background-size: auto 40px;}
	.gnb .menu {padding: 0;}
	.gnb .menu .menus .submenu {left: -25px;}
	.gnb .menu .menus .menu-n > li {font-size: 0.8rem; padding: 0 5px;}
	.gnb .menu .menus .submenu li {font-size: 0.8rem;}
	.gnb .member {right: 20px;}

	/* Footer */
	.footer .footer-in .location .left {padding-left: 15px; padding-right: 15px;}
}

@media screen and (max-width: 1140px) {
	.gnb .logo {left: 10px;}
	.member > li:last-child {padding-left: 12px;}
}


.float-popup { position: fixed; display:flex; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; z-index: 1100;}
.float-popup .inner { background-color: #fff; opacity: 0; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); z-index: 1001; width: auto; min-width: 320px; max-width: 500px; transition: all .3s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(10vh);}
.float-popup .inner-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); z-index: 998; transition: opacity .3s cubic-bezier(0.4, 0, 0.2, 1);}
.float-popup.on .inner { transform: translateY(0vh); opacity: 1;}
.float-popup.on .inner-overlay { opacity: 1; transition-delay: 0s;}