@charset "utf-8";
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('font/PretendardVariable.woff2') format('woff2-variations');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #333;
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

ul,
li {
    list-style: none;
}

html {
    font-size: 10px;
    overflow-x: hidden;
}

body {
    font-family: 'Pretendard Variable', sans-serif;
    font-size: 1.6rem;
    letter-spacing: -0.064rem;
    color: #333;
    font-weight: 400;
    min-width:350px
}

/* 공통요소 */
.container {
    position: relative;
    display: block;
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    padding:0 1rem;
    box-sizing: border-box;
}

.wrap {
    position: relative;
    display: block;    
    overflow: hidden;
}

.sw-prev-btn {    
    display:block;
    cursor: pointer;
}
.sw-prev-btn::before {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#fff;
    transform:rotate(-45deg);
    top:-0.75rem;
}

.sw-prev-btn::after {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#fff;
    transform:rotate(45deg);
    bottom:0.5rem;
}


.sw-next-btn {    
    display:block;
    cursor: pointer;
}
.sw-next-btn::before {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#fff;
    transform:rotate(45deg);
    top:-0.75rem;
}

.sw-next-btn::after {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#fff;
    transform:rotate(-45deg);
    bottom:0.5rem;
}


/* 상단영역 */
.header {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;   
    background: #fff; 
    border-bottom: 0.1rem solid #e4e4e4;
    padding-bottom:3rem;
    z-index: 999999;
}

.header .login-wrap {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align:right;   
}

.login_area,
.member_area {display:inline-block}

.login_area a,
.member_area a,
.login-wrap a,
.login-wrap span {
    font-size:1.4rem;
    color:#151515;
    padding-right: 3.6rem;
    padding-top:1rem;
    padding-bottom: 1rem;;
    display: inline-block;
}

.header .login-wrap span {
    font-size:1.4rem;
    color:#151515;
    padding-right: 3.6rem;
    padding-top:1rem;
    padding-bottom: 1rem;;
    display: inline-block;
}
.sub-bg {
    position:absolute;
    width:100%;
    height:150px;
    background:#fff;
    display:block;
    top:6.5rem;
    left:0;
    display:none
}


/* 상단 주메뉴 고정 */
.header-focus {
    position: fixed;
    height: 8rem;
    background: #fff;
    border-bottom: 0.1rem solid #e4e4e4;
    animation-name: slidedown;
    animation-duration: 0.5s;
    padding-bottom:0;
}
.header-focus .mb-menu {
    color: #000;
}

@keyframes slidedown {
    from {
        margin-top: -8rem;
    }

    to {
        margin-top: -0rem;
    }
}


.header-focus .logo {
    background: url('../images/renewal/images/logo.jpg') no-repeat center !important;
    background-size: cover !important;
}

.header-focus .gnb .main-menu {
    color: #20283b !important;
    font-weight: 600 !important;
}

.header-focus .login-wrap {display:none !important}

.header-focus .sub-bg {height:17rem}


.header>.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.logo {
    display: block;
    width: 13rem;
    height: 3.5rem;
    background: url('../images/renewal/images/logo.jpg') no-repeat center;
    background-size: contain;
    margin-left: 1.5rem;
}

.gnb {
    display: block;
}

.gnb-list {
    display: flex;
}

.gnb-list>li {
    position:relative;
    display: inline-block;
}


.gnb-list>li>.main-menu {
    display: block;
    font-size: 1.8rem;
    color: #151515;
    font-weight: 600;
	padding:0 2.5rem
}

.gnb-list>li:hover>.main-menu::after { 
	position:absolute;
    display: block;
    content:'';
    width:25px;
	height:3px;
    background:#0466b0;
	left:50%;
	transform:translate(-50%, 0);
}

/* .gnb-list>li>a:hover {
    text-decoration: underline;
}
 */
.sub-menu {
    position: absolute;
    padding-top:40px;
    width:130px;
    left:50%;
    margin-left:-65px;
    z-index: 20;
    display:none
}

.sub-menu li {
    text-align: center;
}

.sub-menu li a {
    display: inline-block;
    padding:0.5rem 0;
}

.sub-menu li a:hover {
    color:#0064b7
}


.mb-menu {
    position: absolute;

    top: 50%;
    transform: translateY(-50%);

    right: 2.5rem;
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;

    color: #151515;
}

.mb-gnb {
    position: fixed;
    left: -31rem;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;

    width: 30rem;
    height: 100%;
    background-color: #fefefe;
    box-shadow: 0px 0.2rem 0.6rem 0rem rgb(0 0 0 / 25%);
    padding: 3rem;

    transition: left 0.3s ease-in-out;
}

.mb-gnb-open {
    left: 0;
}

.mb-gnb-close {
    font-size: 3.2rem;
    color: #20283b;
    line-height: 1;
    transform: scale(0.7);
    margin-bottom: 2.8rem;
}

.mb-gnb-list {
    width: 100%;
}

.mb-gnb-list>li {
    border-bottom: 0.1rem solid #e5e5e5;
}

.mb-gnb-list>li:last-child {
    border-bottom: none;
}

.mb-gnb-list>li>a {
    display: block;
    line-height: 6.5rem;
}

.mb-gnb-list>li>a:hover {
    background-color: #f6f6f6;
    text-decoration: underline;
}

i.icon-th {
    font-size:2rem;
}

.mb-gnb-list .sub-menu {
    position: relative;
    padding-top:0;
	padding-bottom:30px;
    width:130px;
    left:0;
    margin-left:0;
    z-index: 20;
    display:none
}

.mb-gnb-list .sub-menu li {
    text-align: left;
}

.sub-menu li a {
    display: inline-block;
    padding:0.5rem 0;
}




/* header 영역 반응형 : 1024px */
@media screen and (max-width:1024px) {
    .header {
        height: 6.8rem;
        padding-bottom:0;
    }

    .logo {
        width:10.8rem;
        height:3.3rem;
        margin-left:1rem;
    } 

    .gnb {
        display: none;
    }

    .mb-menu {
        display: block;
    }

    .header .login-wrap {
        display:none;
    }

}



/* 비주얼영역 */
.visual {
    position: relative;
    display: block;
    width: 100%;
    height: 62vh;
    margin-top: 4%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.visual-box {
    position: relative;
    width: 100%;
    height: 62vh;
}

.v1 {
    background: url('../images/renewal/images/mainbanner-01.jpg') no-repeat center;
    background-size: cover;
}

.v2 {
    background: url('../images/renewal/images/mainbanner-02.jpg') no-repeat center;
    background-size: cover;
}

.visual-box .text-wrap {
    position: absolute;
    left: 10.0208vw;
    top: 35%;
    transform: translateY(-50%);

    height: 15vh;
    width: auto;

    opacity: 0;
}

.visual-box .text-wrap p {
    font-size:4.7rem;
    font-weight:700;
    font-style: italic;
}

.visual-box .text-wrap span {
    display: inline-block;
    font-size:2.6rem;
    margin-top: 4rem;
}

.sw-visual-pg {
    left: 75% !important;
    bottom: calc(50% - 5rem) !important;
    width: 0.8rem !important;
}

.sw-visual-pg .swiper-pagination-bullet {
    position: relative;

    border: 0.1rem solid #fff;
    background: rgba(255, 255, 255, 0.0);
    opacity: 1;
    transition: background 0.3s;

    overflow: hidden;
}

.sw-visual-pg .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 1.0);
}

.sw-visual-pg .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    left: -0.1rem;
    top: 100%;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    background: #fff;
    border-radius: 100%;
}

.sw-visual-pg .swiper-pagination-bullet-active::before {
    top: -0.1rem;
}

.sw-visual-pg-active::before {
    animation: ani-down 1.0s;
}

@keyframes ani-down {
    0% {
        top: -0.1rem;
    }

    100% {
        top: 100%;
    }
}


.sw-visual .main-sw-control {
    position: absolute;
    display: flex;
    top: 70%;
    left: 13.0208vw;
    z-index: 9;
}

.sw-visual .main-sw-control .sw-prev-btn,
.sw-visual .main-sw-control .sw-next-btn {
    position:relative; 
    width:3rem; 
    height:3rem; 
    border:1px solid #151515; 
    border-radius: 50%; 
    cursor: pointer;}

.sw-visual .main-sw-control .sw-prev-btn::before {
    background:#151515; 
    left:13px; 
    top:13px
}
.sw-visual .main-sw-control .sw-prev-btn::after {
    background:#151515; 
    left:13px; 
    bottom:13px
}
.sw-visual .main-sw-control .sw-next-btn::before {
    background:#151515; 
    left:15px; 
    top:13px
}
.sw-visual .main-sw-control .sw-next-btn::after {
    background:#151515; 
    left:15px; 
    bottom:13px
}

@media screen and (max-width:825px) {
    .visual-box .text-wrap p {
        font-size:4.2rem;
    }

    .visual-box .text-wrap span {
        font-size:2.1rem;
    }

    .sw-visual .main-sw-control {
        display:none;
    }

    .v1 {
        background: url('../images/renewal/images/m-mainbanner-01.jpg') no-repeat center;
        background-size: cover;
    }
    
    .v2 {
        background: url('../images/renewal/images/m-mainbanner-02.jpg') no-repeat center;
        background-size: cover;
    }
}

@media screen and (max-width:500px) {
    .visual-box .text-wrap {
        top:33%;
    }

    .visual-box .text-wrap p {
        font-size:3.7rem;        
    }

    .visual-box .text-wrap span {
        font-size:1.6rem;
        margin-top:3rem;
    }

    .sw-visual .main-sw-control {
        bottom:22rem;
    }
    
}


/* 아이콘 영역 */
.icon {
    position:relative;
    display:block;
    width:100%;
    height:20rem;
    margin-top:-9.5rem;
    z-index: 9;
    box-sizing: border-box;
}

.icon>.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height:100%;
}

.icon-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content:center;
    text-align:center;
    width: 65%;
    background-color:#fff;
    border-radius:3rem;
    box-sizing: border-box;
    margin-right:2%;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);;

    /* 모션코드 */
    transform: translateX(-100%);
    transition: transform 1.0s;
}

.icon-box a {
    display:inline-block;
    box-sizing: border-box;
}

.icon-box a p {
    margin-top: 1.5rem;
    font-weight:600;
}

.icon-img {
    display:block; 
    width:111px; 
    height:111px;    
    margin:0 auto;
}

.icon-img-1 {background: url('../images/renewal/images/icon/icon-1.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-2 {background: url('../images/renewal/images/icon/icon-2.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-3 {background: url('../images/renewal/images/icon/icon-3.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-4 {background: url('../images/renewal/images/icon/icon-4.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-5 {background: url('../images/renewal/images/icon/icon-5.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-6 {width:140px; height:140px; background: url('../images/renewal/images/icon/icon-6.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-6-m {background: url('../images/renewal/images/icon/icon-6-m.png') no-repeat center center; transition:background 0.3s; background-size:cover;}
.icon-img-6-m-all {display:none !important}

.icon-box a:hover .icon-img-1 {background: url('../images/renewal/images/icon/icon-1-on.png') no-repeat center center;}
.icon-box a:hover .icon-img-2 {background: url('../images/renewal/images/icon/icon-2-on.png') no-repeat center center;}
.icon-box a:hover .icon-img-3 {background: url('../images/renewal/images/icon/icon-3-on.png') no-repeat center center;}
.icon-box a:hover .icon-img-4 {background: url('../images/renewal/images/icon/icon-4-on.png') no-repeat center center;}
.icon-box a:hover .icon-img-5 {background: url('../images/renewal/images/icon/icon-5-on.png') no-repeat center center;}


.dona-box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content:center;
    width: 33%;
    background-color:#fff;
    border-radius:3rem;
    box-sizing: border-box;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
    padding:1rem;

    /* 모션코드 */
    transform: translateX(100%);
    transition: transform 1.0s;
}

.dona-left {
    position: relative;
    display: flex;
    flex-direction:column;
    align-content: space-between;    
}

.dona-left > p {
    font-size: 2.4rem;
    font-weight: 700;
    height:50%;
    display: flex;
    align-items: flex-start;    
}

a.arrow-btn {
    position: relative;
    height:50%;
    display: flex;
    align-items: flex-end;
    color:#0466b0;
    font-weight:600;
}

a.arrow-btn::before {
    position:absolute;
    display: block;
    content:'';
    left:10.95rem;
    bottom:-7px;
    width:0.5px;
    height:1rem;
    background:#0466b0;
    transform:rotate(-45deg);
}

a.arrow-btn::after {
    position:absolute;
    display: block;
    content:'';
    left:0;
    bottom:-6px;
    width:11.2rem;
    height:1px;
    background:#0466b0;
}

@media screen and (max-width:980px){
    .icon-box {
        margin-right:1%;
    }

    .dona-box {
        width: 34%;
    }

    .dona-left > p {
        font-size: 2.1rem;
    }
}

@media screen and (max-width:880px) {
    .icon {
        height:auto;
        margin-top: -7rem;
    }

    .icon-box {
        width:70%;
        margin-right:1%;
        padding:1.25rem 0;
    }
    .icon-img {
        width:90px;
        height:90px;
    }

    .dona-box {
        width: 29%;
        justify-content: flex-start;
    }

    .dona-box img {
        position: absolute;
        right:0;
        bottom:0;
        opacity:0.9;
        z-index: -1;
    }

    .dona-left {
        height:72%;
    }   
    
}

@media screen and (max-width:662px) {
    .icon {
        margin-top: 0;
        height:auto;
        padding:2.5rem 0;
    }
    
    .icon-box {
        width: 100%;
        margin-right: 0;
        border-radius: 0;
        box-shadow: none;;
    }

    .icon-box a {
        width:33.3333333%; padding-bottom:2rem;
    }
    
    .icon-img {
        margin:0 auto;
        width:135px;
        height:135px;
    }
    
    .dona-box {
        display:none;
    }
    
    .icon-img-6-m-all {
        display:block !important;
    }
    
    .m-6-text {
        color:#0086bf
    }
}

@media screen and (max-width:500px) {
    .icon {
        padding:2.5rem 0 0.5rem;
    }

    .icon-img {
        width:90px;
        height:90px;
    }
    
}

/* 전체공지 활동사진 영역 */

  #cross {
      background: #0466b0;
      height: 25px;
      position: relative;
      width: 3px;
	  display:inline-block;
	  top:5px;
	  right:10px;

    }
    #cross:after {
      background: #0466b0;
      content: ""; 
      height: 3px;
      left: -11px;
      position: absolute;
      top: 11px;
      width: 25px;
    } 

 

 


.notice-gall {
    position:relative;
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    height:61rem;
    background:#f2f7fb;
    margin-top: 8rem;
}

.notice-gall .container {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.notice-wrap,
.gallery-wrap {
    position: relative;
    width:48.5%;
    max-width:57rem;
    max-height:49.5rem;
}

.notice-wrap {margin-right:1.5%}
.gallery-wrap {margin-left: 1.5%;}

.notice-wrap h2,
.gallery-wrap h2 {
    font-size:28px;
    padding-bottom: 1.1rem;
    border-bottom:2px solid #0466b0;
    margin-bottom:3rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.notice-content ul li {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.notice-content ul li:last-child {
    margin-bottom: 0;
}

.notice-content .date {
    display: flex;    
    width:9.2rem;
    height:9.2rem;
    background:#fff;
    border-radius:50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right:3rem;
}

.notice-content .date p {
    font-size:3.6rem;
    font-weight:700;
    line-height:1
}

.notice-content .date span {
    font-size:1.6rem
}

.notice-content .board-content p {
    font-size:1.8rem;
    font-weight:700;
    line-height:1;
    margin-bottom: 1rem;
}

.notice-content .board-content span {
    font-size:1.5rem
}

.gallery-content .sw-gallery {
    position:relative;
    display:block;
    width: 100%;
    height:42rem;
    border-radius:1.5rem;
    background:#000;
}

.sw-gallery .sw-control {
    position: absolute;
    display: flex;
    bottom: 15px;
    right: 20px;
    z-index: 9;
}

.sw-gallery .sw-control a {display:inline-block}

.sw-gallery .sw-control .sw-prev-btn,
.sw-gallery .sw-control .sw-next-btn {
    position:relative;
    width:3rem;
    height: 3rem;
    border-radius:50%;
    border:1px solid #fff;
}

.sw-gallery .sw-control .sw-prev-btn {
    margin-right:5px;
}

.sw-gallery .sw-control .sw-prev-btn::before,
.sw-gallery .sw-control .sw-next-btn::before {
    top:13px
}

.sw-gallery .sw-control .sw-prev-btn::before,
.sw-gallery .sw-control .sw-prev-btn::after {
    left:13px;
}

.sw-gallery .sw-control .sw-prev-btn::after,
.sw-gallery .sw-control .sw-next-btn::after {
    bottom:13px
}

.sw-gallery .sw-control .sw-next-btn::before,
.sw-gallery .sw-control .sw-next-btn::after {
    left:15px;
}

.sw-gallery .gall-box {
    position:absolute;
    bottom: 0;
    width:100%;
    background:rgba(255,255,255,0.4);
    padding:2.5rem;
}

.sw-gallery .gall-box-1 {
    background: url('../images/renewal/images/gallery/gall-img-01.jpg') no-repeat center center; 
    background-size: cover;
}

.sw-gallery .gall-box-2 {
    background: url('../images/renewal/images/gallery/gall-img-02.jpg') no-repeat center center; 
    background-size: cover;
}

.sw-gallery .gall-box-3 {
    background: url('../images/renewal/images/gallery/gall-img-03.jpg') no-repeat center center; 
    background-size: cover;
}

.sw-gallery .gall-box-4 {
    background: url('../images/renewal/images/gallery/gall-img-04.jpg') no-repeat center center; 
    background-size: cover;
}

.sw-gallery .gall-box-5 {
    background: url('../images/renewal/images/gallery/gall-img-05.jpg') no-repeat center center; 
    background-size: cover;
}


.sw-gallery .gall-box p {
    font-size:1.8rem;
    font-weight: 700;
    color:#fff;
}

@media screen and (max-width:825px) {
    .notice-gall {height:auto;}

    .notice-gall .container {
        padding:7rem 2rem;
    }
    .notice-wrap,
    .gallery-wrap {
        width:100%;
        max-width:100%;
    }

    .notice-wrap h2,
    .gallery-wrap h2 {
        padding-bottom:2rem;
        margin-bottom:2rem;        
    }

    .notice-wrap {
        margin-right:0;
    }

    .notice-content .date {
        width: auto;
        height: auto;
        padding: 2rem;
    }

    .gallery-wrap {
        margin-top: 10%;
        margin-left:0;
    }
}

@media screen and (max-width:662px) {
    .notice-gall {
        margin-top: 0;
    }
}


@media screen and (max-width:500px) {
    .notice-gall .container {
        padding:2rem 1rem;
    }

    .sw-gallery .sw-control {
        display:none;
    }
}

@media screen and (max-width:414px) {
    .notice-wrap h2, .gallery-wrap h2 {
        font-size:2.4rem;
    }

    .notice-content .date {
        padding:1.5rem;
        margin-right:1.5rem;
    }
    

    .notice-content .date p {
        font-size:2.9rem;
    }

    .notice-content .date span {
        font-size:1.4rem;
    }
}

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

}

/* 숫자로보는미담장학회영역 */
.midam {
    position:relative;
    display: block;
    width: 100%;
    padding:9rem 0;
}

.midam-title {
    position:relative;
    display: block;
}

.midam-title p {
    font-size:2.8rem;
    color:#0064b7;
    font-weight: 700;
    margin-bottom: 3rem;
}

.midam-title span {
    display: inline-block;
    font-size:1.9rem;
    font-weight: 400;
    margin-bottom: 5rem;
}

.togo-wrap {
    position:relative;
    display: block;    
}

.togo-wrap ul {
    display: flex;
    justify-content: space-between;
    
}

.togo-wrap ul li {
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 35rem;
    height: 26rem;
    justify-content: space-around;
    padding: 0 3rem;
    border-radius:1rem;
    overflow: hidden;
}

.togo-wrap ul li.profile {background:#0086bf}
.togo-wrap ul li.story {background:#005eb8}
.togo-wrap ul li.camp {background:#003f77}

.togo-wrap ul li .back-img {
    position:absolute;
    right:0;
    bottom:0;
    width:15.7rem;
    height:9.8rem;
}

.togo-wrap ul li.profile .back-img {background: url('../images/renewal/images/midam/midam-01.png') no-repeat center center;}
.togo-wrap ul li.story .back-img {background: url('../images/renewal/images/midam/midam-02.png') no-repeat center center;}
.togo-wrap ul li.camp .back-img {background: url('../images/renewal/images/midam/midam-03.png') no-repeat center center; height:10.8rem;}

.togo-title p {
    color:#fff;
    font-size:2.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.togo-title span {
    color:rgba(255,255,255,0.6);
    font-size:1.6rem;
    font-weight:300;
}

.togo-wrap ul li a {
    position:relative;
    display:block;
    color:#fff;
    font-size:1.4rem;
    font-weight:600
}

.togo-wrap ul li a::before {
    position:absolute;
    display: block;
    content:'';
    left:10.95rem;
    bottom:-7px;
    width:0.5px;
    height:1rem;
    background:#fff;
    transform:rotate(-45deg);
}
.togo-wrap ul li a::after {
    position:absolute;
    display: block;
    content:'';
    left:0;
    bottom:-6px;
    width:11.2rem;
    height:1px;
    background:#fff;
}

.partner {
    position:relative;
    margin-top:6rem;
}

.sw-partner .swiper-wrapper {
    max-width: 112rem;
}

.sw-partner .swiper-wrapper .swiper-slide {
    text-align:center;
    max-width:170px;
}

.sw-partner a img {
    border:1px solid #eee; 
    box-sizing: border-box; 
    max-width:100%
}


.sw-partner .sw-prev-btn {
    position:absolute;
    width: 1.3rem;
    height: 2.7rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.sw-partner .sw-next-btn {
    position:absolute;
    width: 1.3rem;
    height: 2.7rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.sw-partner .sw-prev-btn::before {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#121212;
    transform:rotate(-45deg);
    top:12px;
    left:9px;
}

.sw-partner .sw-prev-btn::after {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#121212;
    transform:rotate(45deg);
    bottom:12px;
    left:9px;
    
}


.sw-partner .sw-next-btn::before {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#121212;
    transform:rotate(45deg);
    top:12px;
    right:9px;
}

.sw-partner .sw-next-btn::after {
    position:absolute;
    display: block;
    content:'';
    width:0.5px;
    height:1rem;
    background:#121212;
    transform:rotate(-45deg);
    bottom:12px;
    right:9px;
}

@media screen and (max-width:930px){
    .togo-wrap ul li.story {
        margin: 0 0.5rem;
    }

    .togo-wrap ul li a {
        z-index: 1;
    }
}

@media screen and (max-width:825px) {
    .midam {
        padding:7rem 2rem;
    }   

    .togo-title p {
        font-size : 2.1rem;
    }
}

@media screen and (max-width:662px) {
    .midam-title p {
        margin-bottom:2rem;
    }

    .midam-title span {
        font-size:1.7rem;
        margin-bottom: 3rem;
    }

    .togo-wrap ul li {
        padding: 0 1rem;
        height:22rem;
    }

    .togo-title {
        position:relative;
        display:block;
        z-index:1;
    }

    .togo-title p {
        font-size:1.9rem
    }

    .partner {
        margin-top:4rem;
    }
    
}

@media screen and (max-width:620px) {
    .midam {
        padding:2rem 0;
    }

    .midam-title {
        display:none;
    }
    

    .togo-wrap ul {
        display:block
    }

    .togo-wrap ul li {
        width:100%;
        margin-bottom: 1.25rem;
        padding: 0 3rem
    }

    .togo-wrap ul li.story {
        margin:0 0 1.25rem 0;
    }

    .togo-title p {
        font-size:2.1rem;
    }

    .togo-title span {
        font-size:1.7rem;
    }

    .partner {
        margin-top: 2rem;
    }
}

/* 지도영역 */
.map {
    position:relative;
    display: block;
    width: 100%;
    margin-bottom:15rem;
}

.wrap_controllers.hide {
    display:none
}
 
.map-content {
    position: relative;
    display: block;
    margin-top:-28rem;
    width:40%;
    padding:8rem 10rem;
    box-sizing: border-box;
    background:#003f77;
    float:right;
    z-index: 2;
}
.map-text {
    color:#fff;
}
.map-text .title {
    font-weight:600;
    font-size:2.8rem;
}

.map-text span {
    font-size:1.9rem;
    margin:3.5rem 0;
    display:inline-block;
}

.map-text .tele-fax p {
    color:#add7ed;
    font-weight:600;
    font-size:2.6rem;
}

.story-box-ani {
    transform: translateX(0%);
}

@media screen and (max-width:1200px) {
    .map-content {
        padding:5rem 6rem;
        width: 50%;
        margin-top: -17rem;
    }

    .map-text .tele-fax p {
        font-size:2.3rem
    }
}

@media screen and (max-width:1024px) {
    .map-content {
        width:60%;
        padding:5rem 5rem;
        margin-top: -17rem;
    }

    .map-text span {
        margin:2rem 0;
        font-size:1.7rem;
    }

    .map-text .tele-fax p {
        font-size:2.1rem;
    }
}


@media screen and (max-width:500px) {
    .map {
        margin-bottom: 0;
    }

    .map-content {
        padding:2rem;
        margin-top:0;
        width: 100%;
        float:none;
    }

}

@media screen and (max-width:500px) {
    .map-text .title {
        font-size: 2.1rem;
        font-weight: 700;
    }

    .map-text span {
        margin:2rem 0;
        font-size:1.6rem;
    }

    .map-text .tele-fax p {
        font-size:1.8rem;
    }
}



/* footer */

.footer {
    position:relative;
    display: block;
    width:100%;
    background:#3c3c3c;
    color:#fff;
    font-size:1.6rem;
}

.f-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height:100%;
    padding:2rem 0;
    border-bottom:1px solid rgba(255,255,255,0.4);
    align-items: center;
}

.f-top .top-left a {
    position:relative;
    display:inline-block;
    color:#fff;
    padding:0 1.5rem;
    opacity:0.9;
} 

.f-top .top-left a:first-child {
    padding-left:0
}

.f-top .top-left a:last-child {
    padding-right:0;
}

.f-top .top-left a::after {
    position: absolute;
    display:inline-block;
    content:'';
    width:1px;
    height:1.5rem;
    right:-4px;
    top:2px;
    background:#fff;    
}

.f-top .top-left a:last-child::after {
    display:none;
}

.f-top .top-right a {
    margin-left:2rem;
}

.f-bottom {
    display: flex;
    flex-wrap: wrap;
    height:100%;
    padding:2rem 0;
}

.f-bottom .logo {
    margin-right:3rem;
}

.f-adress {
    font-size:1.4rem;
    color:rgba(255,255,255,0.8);
}

.f-adress p {
    line-height:1.5}

.f-adress span {
    position:relative;
    display:inline-block;
    padding-right: 2rem;
}

.f-adress span::after {
    position: absolute;
    display:inline-block;
    content:'';
    width:1px;
    height:1.4rem;
    right:9px;
    top:2px;
    background:#fff;    
}

.f-adress span:last-child::after {
    display:none;
}

.copyright {
    font-size:1.2rem;
    color:rgba(255,255,255,0.4);
    padding:2rem 0;
}

@media screen and (max-width:525px) {
    .f-top .top-right a {
        margin-left:1rem;
    }
}

@media screen and (max-width:500px) {
    .top-left {
        margin:0 auto;
    }
    .top-right {
        position:absolute;
        top:85px;
        right:10px;
    }

    .f-bottom .f-logo {
        margin-left:0;
        display: block;
        width: 13rem;
        height: 3.5rem;
        background: url('../images/renewal/images/logo-2.png') no-repeat center;
        background-size: contain;
    }

    .f-adress {
        margin-top: 1rem;
        text-align:center;
    }

    .copyright {
        text-align:center;
    }

    .f-adress p {
        line-height:2;
    }
}

/* sub location */
.location-frame {
	width:100%;
	max-width:1200px; 
	text-align:center; 
	display:block; 
	margin:0 auto; 
	padding:50px 0;
}
.sub-location-wrapper { padding: 3rem 0; }
.sub-map-content {
	display: block;
	width: 100%;
    padding: 4rem 10rem 2rem;
    box-sizing: border-box;
}
.sub-map-content .map-text {
	color: #000;
}
.sub-map-content .map-text .tele-fax p {
	color: #88cdf1;
}

@media all and (max-width:600px) {
    .sub-title-bg .container p { font-size: 2.6rem; }
}
@media all and (max-width: 578px) {
	.location-frame { padding: 0; }
	.sub-map-content { padding: 2rem 2rem 3rem; } 
	.sub-map-content .map-text span { word-break: keep-all; }
}