@charset 'utf-8';

/*공통*/
.wrap {overflow:hidden; background:#4a8ab8}
.iw{
    width:96%;
    max-width:1200px;
    margin:0 auto;
}
/*헤더*/
header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:8rem;
    background-color:#fafafa;
	border-bottom:1px solid #f6f6f6;
    z-index: 100;
}
header .iw{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    height:100%;
    position:relative;
}
header .logo{
	margin-right:5rem;
}
header .gnb{
    display:flex;
    justify-content: flex-start;
    align-items: center;
	position:absolute;
	left:30%;
	transform:translateX(-50%);
    height:100%;
}
header .gnb__item{
    position: relative;
    height:100%;
}
header .gnb__item:after{
    content:"";
    width:1px;
    height:50%;
    background-color:#dedfe0;
    position:absolute;
    top:50%;
    right:-2px;
    transform: translateY(-50%);
}
header .gnb__item:last-child:after{
    display: none;
}
header .gnb__item > a{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
    padding:0 3.1rem;
    color:#000;
    font-size:1.8rem;
}
header nav{
	height:100%;
}
.lnb{
    display:none;
    position:absolute;
    top:9rem;
    left:50%;
    transform: translateX(-50%);
}
.lnb.open{
    display:block;
}
.lnb.intro{
    width:16rem;
}
.lnb.business{
    width:24rem;
}
.lnb.data{
    width:14rem;
}
.lnb.news{
    width:18rem;
}
.lnb .lnb__item{
    border-bottom:1px solid #eaeaea;
}
.lnb .lnb__item:last-child{
    border-bottom:none;
}
.lnb a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    padding:1.5rem 0;
    color:#666;
    font-size:1.5rem;
    text-align: center;
    letter-spacing: -0.05em;
    background-color:#fff;
}
header .logo{
    position: relative;
    z-index: 1100;
}

header .iw .lang{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    margin-left:auto;
    z-index:1100;
}
header .iw .lang a{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1.2rem;
    color:#333;
    font-size:1.5rem;
}
header .iw .lang li:nth-of-type(1) a{
	/*padding-right:0;*/
}

header .iw .lang li:last-child a{
	padding-right:2rem;
}

header .iw .mobile__lang{
	display:none;
}

header .iw .lang a figure{
    margin-right:5px;
}
header .iw .lang li{
    opacity: 0.8;
}
header .iw .lang li.active{
    opacity:1;
}

.quick__top{
    position:fixed;
    top:50%;
    right:2rem;
    z-index:999;
    cursor: pointer;
}
.quick__top figure{
	text-align:center;
}
.quick__top > figure{
	margin-bottom:1rem;
}
.quick__sns li{
	margin-bottom:1rem;
}

.mobile__sns{
	display:none;
}
@media (max-width:1217px){
    header nav{
        display:none;
    }
}
@media (max-width:1024px){
    header{
        height:7rem;
    }
    .logo img{
       /* width:20rem;*/
    }
    header .iw .lang a{
        font-size:1.3rem;
        padding:0 1rem;
    }
	header .iw .sns li i{
		font-size:2rem;
		color:#fff;
	}
	.mobile__sns{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.mobile__sns li{
		margin-right:2rem;
	}
	.mobile__sns li:last-of-type{
		margin-right:0;
	}
	.mobile__sns a{
		font-size:2rem; 
		color:#fff;
	}
	header .iw .sns{
			display:none;
	}
	header .iw .lang{
		display:none;
	}
	header .iw .mobile__lang{
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		right:35px;
		/*margin-bottom:2rem;*/
	}
	header .iw .mobile__lang a figure {
    margin-right: 5px;
	}
	header .iw .mobile__lang a{
		    display: flex;
			justify-content: flex-start;
			align-items: center;
			padding: 0 1.3rem;
			color: #333;
			font-size: 1.6rem;
	}

	.all__bt{
		margin-left:auto;
	}
}

@media (max-width:768px){
    .quick__top{
        display:none;
    }
	header .logo{
		margin-right:2rem;
	}
}

.all__bt{
	flex-shrink:0;
    display:block;
    position:relative;
    width:32px;
    height:20px;
    cursor: pointer;
    z-index:1100;
}
.all__bt span{
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    background-color:#333;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0.2s, 0s, 0.2s;
}
.all__bt.active span{
    background-color:#333;
    transition: top 0.2s, transform 0.2s ,opacity 0.2s;
    transition-delay: 0s, 0.2s, 0s;
}
.all__bt-top{
    top:0px;
    transform: rotate(0deg);
}
.all__bt .all__bt-middle{
    top:9px;
    transform: rotate(0deg);
}
.all__bt-bottom{
    top:18px;
}
.all__bt.active .all__bt-top{
    top:9px;
    transform: rotate(45deg);
}
.all__bt.active .all__bt-middle{
    opacity: 0;
}
.all__bt.active .all__bt-bottom{
    top:9px;
    transform: rotate(-45deg);
}
/*전체메뉴*/
.all__menu{
    display:flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top:0;
    left:100%;
    transform: translateX(0%);
    width:100%;
    height:100vh;
    background-color:#fafafa;
    background-image: url('../imgs/all_menu_bg.png');
    background-repeat: no-repeat;
    background-position:center;
    z-index:1000;
    transition:0.3s;
}
.all__menu.open{
    left:50%;
    transform: translateX(-50%);
}
.all__menu-iw{
    width:100%;
    max-width:1200px;
    margin:0 auto;
}
.all__menu-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.all__menu-wrap > li{
    width:25%;
    padding:0 2rem;
}
.all__menu-wrap > li h3{
    position: relative;
    padding-bottom:0.52083333vw;
    margin-bottom:1.04166667vw;
    color:#fff;
    font-size:1.570833333vw;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}

.all__menu-wrap > li h3 a{
	color:#333;	
}
.all__lnb-wrap li{
    margin-bottom:1.5625vw;
}

.all__lnb-wrap a{
    display:block;
    position: relative;
    width:100%;
    height:100%;
    color:#eee;
    font-size:0.9375vw;
    text-align: center;
    opacity: 0.5;
}

@media (max-width:1024px){
    .all__menu-wrap{
        flex-direction: column;
    }
    .all__menu-iw h2{
        font-size:2.4rem;
        margin-bottom:5rem;
    }
    .all__menu-wrap > li h3{
        font-size:2rem;
        margin-bottom:2rem;
        padding-bottom:2rem;
        background-image: url('../imgs/title_img_02.png');
        background-repeat: no-repeat;
        background-position: 98% 28%;
        border-bottom:1px solid #f1f1f1;
    }
    .all__menu-wrap li{
        width:100%;
    }
    .all__menu-wrap li li:last-child a{
        margin-bottom:0;
        padding-bottom:0;
    }

    .all__lnb-wrap a{
        font-size:1.8rem;
        opacity: 1;
        margin-bottom:1rem;
        padding-bottom:1rem;
    }
    .all__lnb-wrap a::before{
        top:13px;
    }
    .all__lnb-wrap{
        display:none;
    }
    .all__lnb-wrap.selected{
        display:block;
    }
    .all__lnb-wrap li:last-of-type{
        padding-bottom:2rem;
        margin-bottom:1rem;
        border-bottom:1px solid rgba(255,255,255,0.3);
    }
    .all__bt{
        width:24px;
    }
}
@media (max-width:640px){
    .all__scroll{
        height:70vh;
        overflow-y:auto ;
    }
}

/*메인비쥬얼*/
.section__01{
    position: relative;
    width:100%;
   /* padding-top:12rem;*/
    /*background:#4a8ab8 url('../imgs/main_visual_bg.png');*/
    background:#4a8ab8;
/*    background-size:contain;
    background-position:center top;
    background-repeat: no-repeat;*/
	overflow:hidden;
}
.section__01 .iw{
    position: relative;
	z-index:99;
}


#fullpage .section{overflow:hidden;}
.section__01 .main-video video {min-width: 100vw; min-height:43vh;position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:none; z-index:1;  opacity: 0.9;}

.section__01 .main__slider{
    width:100%;
}
.main__slider > div{
    line-height: 0;
}
.section__01 .main__slider .main__slider-item{
    position:relative;
    height:43vw;
  /*  background-image: url('../imgs/main_visual.png');*/
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center top;
}

.main__slider-item .typo{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:100%;
    text-align:center;
}
.main__slider-item .typo .desc{
    color:#fff;
    font-size:1.041667vw;
    text-align: center;
    letter-spacing: 0.9em;
    margin-right:-0.9em;
    line-height: 1.6em;
    text-align:right;
}
.main__slider-item .typo  h2{
    color:#fff;
    font-size:3.854167vw;
    word-break: keep-all;
    line-height:1.2em;
    font-weight:500;
	text-align:left;
	letter-spacing:-.15rem;
	font-family: 'Roboto Slab', serif;
	
}
.main__slider-item .typo  h2.en{
    font-weight:500;
}
.main__slider .typo .view__more{
    position:absolute;
    left:50%;
    bottom:-8.208333vw;
    transform: translateX(-50%);
    padding:0 1rem;
}
.main__slider .typo .view__more a{
    color:#fff;
    font-size:1.5rem;
    font-weight: 300;
    letter-spacing: 0.025em;
}
.main__slider .typo .view__more em{
    position:absolute;
    bottom:0;
    left:0;
    width:0%;
    height:1rem;
    background-color:#0f4391;
    transition: 0.3s;
    z-index:-1;
}
.main__slider .slick-dots{
    position:absolute;
    right:0;
    top:47%;
}
.main__slider .slick-dots li{
    text-align:center;
}
.main__slider .slick-dots li button{
    width:16px;
    height:2px;
    background-color:#fff;
    text-indent:-9999px;
}
.main__slider .slick-dots li button{
    outline: none;
}
.main__slider .slick-dots li.slick-active button{
    width:3.489583333vw;
    height:4px;
    background-color:#4759aa
}
.main__notice{
    display:flex;
    justify-content: flex-start;
    position:absolute;
    bottom:0px;
    right:0;
    width:64.322916666vw;
    height:3vw;
    background-color:rgba(26,28,60,0.9);
}
.main__notice .title{
    display:flex;
    justify-content: center;
    align-items: center;
    width:14.322916666vw;
    height:100%;
    color:#ddad69;
    font-size:1.041667vw;
    font-weight: 300;
    border-right:1px solid rgba(255,255,255,0.2);
	font-size:1.8rem
}
.notice__slider .slick-list{
    width:100%;
}
.notice__slider.slick-slider{
    display: flex;
    align-items: center;
    width:50vw;
}
.main__notice .notice__slider-item {
    height:100%;
    padding-top:4px;
}
.main__notice .notice__slider-item a{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    height:100%;
    padding-left:2.604166666vw;
    color:#fff;
    font-size:1.041666666vw;
    font-weight:300;
}
.main__notice .notice__slider-item p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size:1.5rem
}
.main__notice .notice__slider-item a figure{
    margin-right:1.5rem;
    width:1.770883vw;
}

.main__notice .notice__slider-item .date{
    font-size:0.833333vw;
    color:rgba(255,255,255,0.5);
    margin-left:auto;
    margin-right:2.604166666vw;
}

@keyframes scroll{
    0%{transform: translateY(0);}
    100%{transform: translateY(-10%);}
}
.scroll__down{
    animation-name: scroll;
    animation-duration: 0.7s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    position:absolute;
    left:2.25vw;
    bottom:0;
    opacity: 0.8;
	z-index:99;
}

@media (max-width:1700px){
		.main__notice{

    width:72vw;
	

}
}

@media (max-width:1024px){
    .section__01{
        padding-top:7rem;
    }
    .main__slider .slick-dots li.slick-active button{
        width:3rem;
    }
    .section__01 .main__slider .main__slider-item{
        height:43.5rem;
    }
    .main__slider-item .typo .desc{
        font-size:1.6rem;
    }
    .main__slider-item .typo h2{
        font-size:5rem;
    }
    .main__slider .typo .view__more{
        bottom:-5rem;
    }
    .main__slider .typo .view__more em{
        width:100%;
    }
    .main__notice{
        width:90%;
        height:5rem;
		bottom:0;
    }
    .notice__slider.slick-slider{
        flex:1;
    }
	.main__notice{

    width:90vw;

}

    .main__notice .title{
        flex-shrink: 0;
        width:8rem;
        font-size:1.4rem;
    }
    .main__notice .notice__slider-item a figure{
        width:2.4rem;
    }
    .main__notice .notice__slider-item a{
        font-size:1.4rem;
    }
    .main__notice .notice__slider-item .date{
        font-size:1.3rem;
    }
}
@media (max-width:768px){
    .main__slider-item .typo .desc{
        font-size:1.5rem;
        letter-spacing: -0.025em;
    }
    .main__slider-item .typo h2{
        font-size:3rem;
    }
    .main__notice .notice__slider-item .date{
        display:none;
    }
}

@media (max-width:640px){
    .main__slider-item .typo{
        width:70%;
    }
    .main__notice{
        width:100%;
    }
    .scroll__down{
        bottom:7rem;
    }
}

/*섹션타이틀*/
.main__section-title{
	width:100%;
    text-align:center;
}
.main__section-title span{
    display:block;
    margin-bottom:2rem;
    font-size:0.9375vw;
    line-height:1;
}
.main__section-title h2{
    position: relative;
    padding-bottom:2.083333333vw;
    margin-bottom:0.5vw;
    font-size:2.5vw;
    line-height:1;
}
.main__section-title.en h2{
	font-weight:500;
}
/*.main__section-title h2:after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
    width:2.604166666vw;
    height:2px;
}*/
.section__02 {
background:#4a8ab8 url('../imgs/default-dark-bg-111.jpg');
background-size:cover;
}
.section__02 .iw{
    max-width:1200px;
    padding:6.25vw 0 5.208333333vw;
	
}
.section__02 .main__section-title span{
    color:#0a85b4;
}
.section__02 .main__section-title h2{
    color:#fff;
	font-family:'Roboto Slab', serif;
	font-size:2.7rem;
	text-align:left
}
.section__02 .main__section-title h2:after{
    background-color:#222;
}
.section__02 .list{
    display: flex;
    justify-content: space-between;
}
.section__02 .item{
    text-align: center;
}
.section__02 .item figure{
    margin-bottom:2rem;
}
.section__02 .item figure img{
    width:10.208333333vw;
}
.section__02 .item p{
    color:#666;
    font-size:1.041666666vw;
    line-height:1.6em;
}
@media(max-width:1024px){
    .section__02 .iw{
        padding:5rem 2rem;
    }
    .main__section-title h2{
        padding-bottom:2.5rem;
   /*     margin-bottom:3.5rem;*/
		
    }
    .main__section-title h2:after{
        width:3rem;
    }
    .section__02 .list{
        justify-content: flex-start;
        flex-wrap:wrap;   
    }
    .section__02 .item{
        width:32%;
        margin-right:2%;
        margin-bottom:2%;
    }
    .section__02 .item:nth-child(3n){
        margin-right:0;
    }
    .section__02 .item:nth-child(3n+1){
        clear: both;
    }
    .main__section-title span{
        font-size:1.6rem;
    }
    .main__section-title h2{
        font-size:2.8rem;
    }
	
	.section__02 .main__section-title h2{
        font-size:2rem;
    }
	
	
    .section__02 .item figure img{
        width:10rem;
    }
    .section__02 .item p{
        font-size:1.6rem;
    }
}

@media(max-width:640px){
    .section__02 .list{
        justify-content: flex-start;
        flex-wrap:wrap;   
    }
    .section__02 .item{
        width:49%;
        margin-right:2%;
        margin-bottom:10%;
    }
    .section__02 .item:nth-child(3n){
        margin-right:2%;
    }
    .section__02 .item:nth-child(3n+1){
        clear: none;
    }
    .section__02 .item:nth-child(2n){
        margin-right:0%;
    }
    .section__02 .item:nth-child(2n+1){
        clear: both;
    }    
}





.section__03{
    background-image:url('../imgs/section03_img_bg.png');
    background-size:cover;
}
.section__03 h2{
	font-family:'Roboto Slab', serif;
	font-size:2.7rem;
	text-align:left
}
	
.section__03 .iw{

    padding:5.208333333vw 0;
	/*overflow:hidden;*/
}
.section__03 .section__top{
	position:relative;
}
.section__03 .arrow{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.section__03 .news__arrow {
    width:2.604166666vw;
    height:2.604166666vw;
    margin-left:auto;
    background-color:#fff;
    background-size:0.520833333vw 1.041666666vw;
    border-radius: 1.302083333vw;
    border:1px solid #d6d6d6;
    transition:0.2s;
}
.section__03 .news__arrow.prev{
    background-image: url('../imgs/section03_prev.png');
    background-position: center;
    background-repeat: no-repeat;
}
.section__03 .news__arrow.next{
    background-image: url('../imgs/section03_next.png');
    background-position: center;
    background-repeat: no-repeat;
}


.main__section-title span{
    color:#0a85b4;
}
.section__03 .main__section-title h2:after{
    left:50%;
    transform: translateX(-50%);
    background-color:#222;
}
.section__03 .swiper-container{
    overflow: visible;
	position:relative
}
.section__03 .news__slider-item {
    transition:0.3s;
    cursor: pointer;


}
.section__03 .news__slider-item a{
    display:block;
    transition:0.3s;
}
.section__03 .news__slider-item figure{
    /*margin-bottom:1.041666666vw;*/
    text-align: center;
	position:relative;
}
.section__03 h3{
    /*margin-bottom:1.5625vw;*/
    color:#fff;
    font-size:1.041666666vw;
    font-weight:500;
    word-break: keep-all;
    text-align: center;
	position:absolute;
	bottom:20px;
    width: 100%;
	/*font-family: 'Noto Serif KR', serif !important;*/
}
.section__03 .news__slider-item .more{
    display: flex;
    justify-content: center;
    align-items: center;
    width:6.979166666vw;
    height:34px;
    margin: 0 auto;
    border-radius: 5px;
    color:#0a85b4;
    font-size:0.729166666vw;
    background-color:#fff;
    border:1px solid #0a85b4;
    transition:0.3s;
}
.section__03 .swiper-scrollbar {
    width: 98%;
    height: 5px;
    margin-top:6rem;
}

@media(max-width:1024px){
    .section__03 .iw{
        padding: 5rem 2rem;
    }
    .section__03 .arrow{
        display:none;
    }
    .section__03 .section__top{
        display:block;
    }
    .section__03 .main__section-title{
        text-align: center;
    }
    .section__03 .main__section-title h2:after{
        left:50%;
        transform: translateX(-50%);
    }
    .section__03 .news__slider-item figure{
        margin-bottom:2rem;
    }
	
	 .section__03 h2{
	    font-size:2rem;
    }
	
	
    .section__03 h3{
        font-size:1.6rem;
        margin-bottom:1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .section__03 .news__slider-item .more{
        width:100%;
        font-size:1.4rem;
    }
	
	.section__03 .swiper-scrollbar {

    margin-top:2rem;
}

}

@media(max-width:768px){
	.section__02 .main__section-title h2,
	 .section__03 h2{
	    font-size:1.6rem;
    }
}
.section__04{
    background-image: url('../imgs/section04_img_bg.png');
    background-size:cover;
    background-position:center;
}
.section__04 .iw{
    max-width:1480px;
    padding:5.208333333vw 0;
}
.section__04 .main__section-title span{
    color:#fff;
    font-weight: 300;
    opacity: 0.5;
}
.section__04 .main__section-title h2{
    color:#fff;
}
.section__04 .main__section-title h2::after{
    background-color:#fff;
}
.section__04 .list{
    display:flex;
    justify-content: space-between;
} 
.section__04 .item{
    display:flex;
    flex-direction: column;
    width:14.270833333vw;
    background-color:#fff;
    text-align:center;
    padding:4.166666666vw 0;
    transition:0.5s;
}
.section__04 .item figure{
    margin-bottom:1.5625vw;
}
.section__04 .item h4{
    margin-bottom:1.041666666vw;
    font-size:1.041666666vw;
    line-height:1;
    transition:0.2s;
}
.section__04 .item h4.en{
	font-weight:500;
}

.section__04 .item strong{
    margin-bottom:1.041666666vw;
    color:#0a85b4;
    font-size:2.604166666vw;
    line-height:1;
    font-weight: 600;
    transition:0.2s;
}
.section__04 .item span{
    font-size:0.833333333vw;
    color:#666;
    transition:0.2s;
}
.section__04 .item figure img{
    width:5.20833333vw;
}
.section__04 .item:nth-child(4) figure img{
    width:6.770833333vw;
}

@media (max-width:1024px){
    .section__04 .iw{
        padding: 5rem 0;
    }
    .section__04 .item{
        width:18%;
        padding: 4rem 0;
        margin-right:2.5%;
    }
    .section__04 .item:nth-child(5n){
        margin-right:0;
    }
    .section__04 .item figure{
        margin-bottom:2rem;
    }
    .section__04 .item h4{
        margin-bottom:2rem;
        font-size:1.6rem;
    }
    .section__04 .item strong{
        font-size:3rem;
        margin-bottom:1rem;
    }
    .section__04 .item span{
        font-size:1.3rem;
    }
}

@media (max-width:768px){
    .section__04 .list__wrap{
        overflow-x: auto;
    }
    .section__04 .list{
        width:80rem;
    }    
    .section__04 .item figure img{
        width:7rem;
    }
    .section__04 .item:nth-child(4) figure img{
        width:9.1rem;
    }
    
}

.section__05{
    background-image: url('../imgs/section05_img_bg.png');
    background-position:center top;
    background-repeat: no-repeat;
    background-size:contain
}
.section__05 .iw{
    max-width:1480px;
    padding-top:5.208333333vw;
}
.section__05 .main__section-title h2{
    color:#fff;
}
.section__05 .main__section-title h2:after{
    background-color:#fff;
}
.section__05 .main__section-title span{
    color:#fff;
}
.section__05 .map{
    position:relative;
    background-color:#fff;
    text-align:center;
    margin: 0 auto;
}
.section__05 .bottom{
    text-align: center;
}
.section__05 .map .map__img figure{
    padding:3.125vw 0;
}
.section__05 .map,
.section__05 .map .map__img figure{
    width:77.083333333vw;
}
.section__05 .map .map__img figure img{
    width:65.572916666vw
}
.section__05 .map > div{
    position:absolute;
    cursor: pointer;
}
.section__05 .map .mark{
    position:relative;
    margin-bottom:2rem;
}
@keyframes mark1{
    0%{
        transform: translate(-50% , -50%) scale(0);
        opacity: 1;
    }
    50%{
        transform: translate(-50% , -50%) scale(1);

    }
    100%{
        transform: translate(-50% , -50%) scale(0);
        opacity: 0;
    }
}
.section__05 .map .mark .big{
    animation-name: mark1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50% , -50%);
    width:30px;
    height:30px;
    margin:0 auto;
    margin-bottom:5px;
    border-radius: 15px;
    background-color:rgba(11,48,97,0.12);
}
@keyframes mark2{
    0%{
        transform: translate(-50% , -50%) scale(0);
        opacity: 1;
    }
    50%{
        transform: translate(-50% , -50%) scale(1);

    }
    100%{
        transform: translate(-50% , -50%) scale(0);
        opacity: 0;
    }
}
.section__05 .map .mark .mid{
    animation-name: mark2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50% , -50%);
    width:14px;
    height:14px;
    border-radius: 7px;
    background-color:rgba(11,48,97,0.4);
}
.section__05 .map .mark .small{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50% , -50%);
    width:4px;
    height:4px;
    border-radius: 2px;
    background-color:rgba(11,48,97,1);
}
.section__05 .map em{
    color:#222;
    font-size:0.729166666vw;
    font-weight: 500;
    line-height:1em;
}
.section__05 .mark__01 {
	top: 26.264583333vw;
    left: 13.585416666vw;
}
.section__05 .mark__02 {
    top:17.302083333vw;
    left:20.833333333vw;
}
.section__05 .mark__03 {
    top: 24.802083333vw;
    left: 27.025416666vw;
}
.section__05 .mark__04 {
	top: 18.664583333vw;
    left: 31.159583vw;
}
.section__05 .mark__05 {
	top: 32.04125vw;
    left: 33.220833333vw;
}
.section__05 .mark__06 {
    top:29.59375vw;
    left:66.064583333vw;
}
.section__05 .mark__img{
    display:none;
}
.section__05 .mark__img.on{
    display:block;
}
.mark__01 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4.7vw;
    z-index:100;
}
.mark__02 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4.4vw;
    z-index:100;
}
.mark__03 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4.3vw;
    z-index:100;
}
.mark__04 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4vw;
    z-index:100;
}
.mark__05 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4.5vw;
    z-index:100;
}
.mark__06 .mark__img{
    position:absolute;
    width:13.802083333vw;
    top:-8.2vw;
    left:-4.5vw;
    z-index:100;
}
@media (max-width:1040px){
	.mark_wrap{
		display:none;
	}
}
@media (max-width:1024px){
	.section__05{
		background-size:cover;
	}
    .section__05 .iw{
        padding: 5rem 0;
    }
	.section__05 .map, .section__05 .map .map__img figure{
		width:100%;
	}
	.section__05 .map .map__img figure img{
		width:94%;
	}
}

footer {
    position:relative;
    background-color: #121212;
	clear:both
}

footer .top__scroll{
    position:absolute;
    left:50%;
    transform: translate(-50% , -100%);
    width:3.333333333vw;
    cursor: pointer;
}

footer .iw {
    width: 94%;
    max-width: 1480px;
    padding: 1.5625vw 0;
    margin: 0 auto;
}

footer h2 {
    text-align: center;
    margin-bottom: 2.08333333vw;
}
footer h2 figure{
    width:15.625vw;
    margin:0 auto;
}

footer h2 figure a .ft-logo {
	mix-blend-mode: lighten;
}

footer .privacy {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.52083333vw;
}

footer .privacy a {
    position: relative;
    color: #fff;
    font-size: 0.78125vw;
}

footer .privacy a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background-color: #727272;
}

footer .privacy li:nth-child(1) a {
    color: #ddad69;
    padding-right: 1.19791667vw;
    margin-right: 1.19791667vw;
}

footer address p {
    text-align: center;
    margin-bottom: 0.52083333vw;
    color: #727272;
    font-size: 0.9375vw;
}

footer .contact {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .contact span {
    color: #727272;
    font-size: 0.9375vw;
}

footer .contact span a {
    color: #727272;
    font-size: 0.9375vw;
    margin-right: 1.04166667vw;
}

footer .copy {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.125vw;
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.72916667vw;
    text-align: center;
    background-color: #222;
}

@media (max-width:1024px){
    footer .iw {
        padding:5rem 0 4rem;
    }
    footer h2{
        margin-bottom:2rem;
    }
    footer h2 figure{
        width:13rem;
    }
    footer .privacy{
        margin-bottom:2rem;
    }
    footer .privacy a{
        font-size:1.3rem;
    }
    footer .privacy li:nth-child(1) a{
        padding-right:1rem;
        margin-right:1rem;
    }
    footer address p{
        font-size:1.3rem;
        margin-bottom:1rem;
    }
    footer .contact span,
    footer .contact span a{
        font-size:1.3rem;
    }
    footer .copy{
        height:auto;
        padding:1rem 0;
        font-size:1.3rem;
    }
    footer .top__scroll{
        width:4.8rem;
    }
}

@media (min-width:1217px){
    header .gnb__item:hover > a{
        color:#dcad36;
    }
    header .lnb__item:hover a{
        color:#fff;
        background-color:#051b3d;
    }
    .main__slider .typo .view__more:hover em{
        width:100%;
    }
    .section__02 .item:hover p{
        color:#072960;
    }
    .section__03 .news__slider-item:hover a{
        transform: translateY(-10%);
    }
    .section__03 .news__slider-item:hover figure{
        box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    }
    .section__03 .news__slider-item:hover .more{
        background-color:#0a85b4;
        color:#fff;
    }
    .section__03 .news__arrow.prev:hover{
        background-image: url('../imgs/section03_prev_on.png');
        background-color:#0a85b4;
    }
    .section__03 .news__arrow.next:hover{
        background-image: url('../imgs/section03_next_on.png');
        background-color:#0a85b4;
    }
    .section__04 .item:hover{
        background-color:#0a85b4;
    }
    .section__04 .item:hover h4{
        color:#fff;
    }
    .section__04 .item:hover strong{
        color:#fff;
    }
    .section__04 .item:hover span{
        color:#fff;
    }

    /*footer*/
    .all__menu-wrap li:hover h3{
        color:#4759aa;
    }
	
	.all__menu-wrap li:hover h3 a{
        color:#4759aa;
    }
	
    .all__menu-wrap li:hover h3:before{
        content:"";
        position:absolute;
        top:-2rem;
        left:50%;
        transform: translateX(-50%);
        width:5px;
        height:5px;
        border-radius: 3px;
        background-color:#4759aa;
    }
	
	
	  .all__menu-wrap li:hover h3 a:before{
        content:"";
        position:absolute;
        top:-2rem;
        left:50%;
        transform: translateX(-50%);
        width:5px;
        height:5px;
        border-radius: 3px;
        background-color:#4759aa;
    }
	
	
    .all__lnb-wrap li:hover a{
        opacity:1;
    }
    .all__lnb-wrap li:hover a:before{
        background-color:#4759aa;
    }
}


/*************************************/
/* 모달팝업
/*************************************/
.modal_wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 999999; display: none;}
.modal_wrapper .modal_contents {position: absolute; width:50%; margin-left:-25%; top:0; left: 50%;  box-sizing: border-box; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 0 10px rgba(0,0,0,0.5); opacity: 0; transition: .5s;}
.modal_wrapper .modal_contents .close_btn {position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer;}
.modal_wrapper .modal_contents video {width:100%}
.modal_wrapper .modal_contents.open {top: 25%; opacity: 1;}
.modal_wrapper .modal_contents .res-close_btn {display: none;  width: 150px; height: 50px; border: 1px solid #fff; box-sizing: border-box; text-align: center; line-height: 50px; font-size: .7em; color: #fff; font-weight: 500; margin:30px auto; cursor: pointer;}




@media screen and (max-width: 1200px) {
	.modal_wrapper .modal_contents { width:100%; position: absolute; margin-left:-50%; left:50%;}

	.modal_wrapper .modal_contents.open {top: 30%; opacity: 1;}
	
}


@media screen and (max-width: 980px) {
	.modal_wrapper .modal_contents { top: 20%;}

	.modal_wrapper .modal_contents.open {top: 30%;}
	

	
}

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

	.modal_wrapper .modal_contents .close_btn {width: 45px;}
	.modal_wrapper .modal_contents .close_btn img {width: 100%;}
	
	.modal_wrapper .modal_contents .res-close_btn {display: block;}
	

}





/*=============================================================
						모달팝업
=============================================================*/
.modal_pop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);  z-index:999999;}
.modal_pop .modal_main_contents {position:absolute; top:50%; left:50%; overflow: hidden; box-sizing:border-box; border-radius:10px; background:#fff; box-sizing:border-box;}
.modal_pop span.modal_close_btn {position:absolute; right:20px; top:29px; display:block; width:20px; height:20px; text-indent:-99999px; background:url(../imgs/close.png) no-repeat center; background-size:100%; cursor:pointer; z-index: 555;}

.member_choice_pop_btnWrap {text-align: center; margin-top: 50px;}
.member_choice_pop_btnWrap button {display: inline-block; width: 140px; height: 50px; border-radius: 5px; margin: 0 5px; text-align: center; border: 0;}
.member_choice_pop_btnWrap button span { font-size: 15px; font-weight: 600; line-height: 3;}
.member_choice_pop_btnWrap button.cancle {background: #eee;}
.member_choice_pop_btnWrap button.cancle span {color:#333;}
.member_choice_pop_btnWrap button.delete {background: #333;}
.member_choice_pop_btnWrap button.delete span {color:#fff;}
.member_choice_pop_btnWrap button.register {background: #111; width: 260px;}
.member_choice_pop_btnWrap button.register span {color:#fff;}


.list_scroll_wrap {overflow: hidden;}

.pop_inner_section {width: 100%; overflow: hidden; margin: 30px 0;}
.pop_inner_section:first-of-type {margin-top: 0}
.pop_inner_section h6 {color:#000; font-size: 17px; }

.print_btn {width: 50px; height: 50px; background: #c4192b; position: absolute; top: 50px; right: -50px; text-align: center;}
.print_btn svg {width: 25px; height: 30px; fill:#fff; margin-top: 10px;}



@media screen and (max-width: 1200px) {
	.modal_pop .modal_main_contents  { width:100%; position: absolute; margin-left:-50%; left:50%;}
	.modal_pop .modal_main_contents.open {top: 60%; opacity: 1;}
	
}


@media screen and (max-width: 980px) {
	.modal_pop .modal_main_contents { top: 61%;}

	
}

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



}




/*=============================================================
						로그인&회원가입
=============================================================*/
#utility_page-header {width: 100%; background: #fff; padding: 25px 0; border-bottom: 1px solid #ddd;}
#utility_page-header h1 {text-align: center;}
#utility_page-header h1 img {}

#utility_page-body {width:100%; height: auto; overflow:hidden; box-sizing: border-box; background: #fafafa; padding: 0 35px;}
#utility_page-body h5 {color:#111;}
#utility_page-body .logo {text-align: center; font-size: 23px; font-weight: 600; color:#333; line-height: 1.3; margin: 30px 0;}
#utility_page-body .logo img {width: 185px;}
#utility_page-body .btn_wraps {margin: 0; margin-top: 30px;}
#utility_page-body .btn_wraps .comm_btnStyle {border-radius: 5px; height: 50px;}
#utility_page-body .btn_wraps .comm_btnStyle.write_btn {width: 100%; font-size: 15px; margin: 0; border: 0; background: #333; color:#fff;}
#utility_page-body .btn_wraps .comm_btnStyle.cancel {background: #e1e1e1; color:#737373;}

.form_section {margin: 12px 0;}
.form_section>p {color:#737373; font-size:16px; text-align: center; padding: 30px 0; letter-spacing: -0.3px;}  
.form_section>p>a {color:#f43906; padding-left: 7px;}
.form_section input[type='text'], .form_section input[type='password'] {width:100%; height:50px; border:1px solid #e1e1e1; font-size:14px; display:block; box-sizing:border-box; margin:0; border-radius: 3px; padding: 0 10px;}
.form_section input[type='text']::placeholder, .form_section input[type='password']::placeholder {color:#aaa;}
.form_section input[type=checkbox] + label:before {border-radius: 0; width: 15px; height: 15px; background-size: 8px !important; top: 1px; background-color: #e1e1e1; border: 1px solid #e1e1e1;}
.form_section input[type=checkbox] + label {font-size: 12px; padding-left: 23px;}
.form_section input[type='text'].short {width:73%; float:left;}
.form_section button.short_btn {float: right; width:25%; height:50px; border:1px solid #e1e1e1; background: #e1e1e1; font-size:12px; display:block; box-sizing:border-box; margin:0; border-radius: 3px; color:#555;}

/*로그인*/
.form_section ul {}
.form_section ul li {width: 100%; margin-bottom: 7px; overflow: hidden;}
.form_section .single {float: left;}
.form_section#find {display: flow-root;}
.form_section#find a {float: right; font-size: 12px; color:#555; letter-spacing: -0.3px;}


/*회원가입*/
.form_section dl {position:relative; width:100%; /*overflow:hidden;*/ margin-bottom:7px;}
.form_section dl dt {position:absolute; top:20px; left:12px; text-align:left; font-size:14px; font-weight:500; letter-spacing:-0.01em; color:#666; padding-bottom:10px; line-height:1;}
.form_section dl dt span {color:#f00; padding-left:5px;}
.form_section dl dd {width:100%; overflow:hidden;}
.form_section dl dd input[type='text'], .form_section dl dd input[type='password'] {padding-left:115px;}
.form_section dl dd span {display:none; padding-top:10px; font-size:13px; color:#e63323; /*background:url(../_img/icon/close.svg) no-repeat top 9px left; background-size:19px;*/ }
.form_section dl dd span.num_count {padding:0; background:none; position:absolute; top:18px; left:220px; display:block;}


/*회원가입완료*/
#join_success_pop {}
#join_success_contents {margin-left: -183px; margin-top: -169px;}
#join_success_pop p {font-size: 15px; color:#5a5a5a; line-height: 1.5; text-align: center;}
#join_success_pop p#name { font-size: 25px; font-weight: 700; color: #333; line-height: 1; padding: 85px 0 15px 0; background: url(/_img/icon/btn_icon-member-g.png) no-repeat center top; background-size: 60px;}
#join_success_pop p#name span {color:#c21a2b;}

#join_success_pop #utility_page-body {padding-top: 40px; padding-bottom: 50px;}

/*약관동의*/
.agreeBox {width:100%; overflow: hidden; margin-bottom: 0}
/*
.agreeBox button {float:left !important; width:49% !important; margin-left:2% !important; border-radius: 5px !important;}
.agreeBox button:first-of-type {margin-left:0 !important;}
*/
.agreeBox ul {width:100%; overflow:hidden;}
.agreeBox ul li {width:100%; overflow:hidden; font-size:13px; margin:10px 0; letter-spacing: -0.3px;}
.agreeBox ul li.all_check {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.agreeBox ul li p {float: left; color:#777; padding-left: 25px; font-size: 13px;}
.agreeBox ul li p a {font-weight:500; background:url(../_img/icon/arrow-ios-forward.svg) no-repeat center right; background-size:15px; text-decoration: underline}
.agreeBox ul li p span {padding-left:5px; font-size: 12px; color: #26b1d0;}
.agreeBox ul li p span.not {color:#aaa}

/*로그인 광고배너*/
.ad_banner {border:1px solid #dedede; box-sizing: border-box; width: 318px; height: 148px; overflow: hidden; margin: 40px auto;}

/*팝업크기*/
#login_contents {display: none; width: 400px; margin-left: -200px; height: auto; margin-top: -352px; }
#join_contents {display: none; width: 400px; margin-left: -200px; height: auto; margin-top: -352px; }
#join_contents #utility_page-body {padding: 35px;}
#join_in_contents {display: none; width: 400px; margin-left: -200px; height: auto; margin-top: -352px; }
#find_mody_contents {display: none; width: 400px; margin-left: -200px; height: 670px; margin-top: -352px;  }



h1.sub_top_title { display:inline-block; font-size:36px; line-height:40px; text-align:center; margin-bottom:50px; letter-spacing:-1px;}

.front_login { padding-top: 165px;}
.title_comment h1 {font-size: 30px; color: #222; padding-bottom: 20px; line-height: 30px;}
.title_comment p {font-size: 18px; color: #666;   line-height:1.5; letter-spacing:1px;}
.title_comment span {padding:0 10px;}
.title_comment span stong {color:#666}
@media screen and (max-width: 740px) {


.title_comment span { padding:0; display:block; line-height:1.2}
}