@charset "UTF-8";
@import url('font.css');

@media (min-width: 1200px) and (min-height: 750px) { 
	body { overflow:hidden !Important; }
}

/********************************************************
■ Header : 상단 해더
********************************************************/
body.scrolled #top {  border-bottom:none; } /* background:none; */
body.scrolled #top .logo a { background-image:url('../image/logo_txt.png'); } /* background-image:url('../image/logo-white.png'); */
body.scrolled #top.bg .logo a { background-image:url('../image/logo_txt.png'); }

body.scrolled #top #top-menu .depth1 > li > a { color:inherit; } /* #fff */
body.scrolled #top.bg #top-menu .depth1 > li > a { color:inherit; }

body.scrolled #top .links a { color:inherit; } /* #fff */
body.scrolled #top.bg .links a { color:inherit; }
body.scrolled #top .links a.intro:before { background-image:url('../image/main/top-links-intro-on.png'); }
body.scrolled #top .links a.member:before { background-image:url('../image/main/top-links-member-on.png'); }
body.scrolled #top.bg .links a.intro:before { background-image:url('../image/main/top-links-intro.png'); }
body.scrolled #top.bg .links a.member:before { background-image:url('../image/main/top-links-member.png'); }

body.scrolled #top .top-menu-btn > div { background:#333; } /* #fff */
body.scrolled #top.bg .top-menu-btn > div { background:#333; }


@media (max-width: 1200px) { 
	body.scrolled #top { background:#fff; border-bottom:1px solid #ddd; z-index:101}
	body.scrolled #top .logo a { background-image:url('../image/logo_txt.png'); }
	body.scrolled #top #top-menu.depth1 > li > a { color:inherit; }

	body.scrolled #top .links a { color:inherit; }
	body.scrolled #top .links a.intro:before { background-image:url('../image/main/top-links-intro.png'); }
	body.scrolled #top .links a.member:before { background-image:url('../image/main/top-links-member.png'); }

	body.scrolled #top .top-menu-btn > div { background:#333; }
}

/********************************************************
■ 지도
********************************************************/
#map-wrap {position:relative; min-width:360px; padding:100px 60px 40px; font-size:15px;}
.main-map{ position:relative; overflow:hidden; height:100%; }
#main-mouse-scroll { position: absolute; display:block; width:100%; bottom:0; z-index:1; color:#fff; text-align: center;}
#main-mouse-scroll .line { margin: 0.5rem auto 0; width: 1px; height: 30px; background:#fff; }

.map-search{position: absolute; width:370px; height:500px; padding:30px 25px 15px; border-radius:30px; background: #fff; z-index: 1;}
.map-search > h3{position:relative; margin-bottom:25px; padding-left:28px; font-size:22px !important; font-family: 'S-CoreDream-4Regular';}
.map-search > h3:before{content:''; position:absolute; left:0; top:2px; display:inline-block; width:23px; height:33px; background: url('/new/image/main/ic_loca.png') no-repeat; background-size:90%;}
.map-search .map-list{width:100%; margin-top:16px; padding:0 3px; overflow:hidden; font-size:14px} /*   */
.map-search .map-list > ul > li > a:before{content:''; position:absolute; left:10px; top:50%; transform:translateY(-50%); display:inline-block; width:43px; height:43px; background: url('/new/image/main/ic_center.png') no-repeat; background-size:contain;}
.map-search .map-list > ul > li > a{position:relative; display:block; padding:10px 15px 10px 65px; }
.map-search .map-list > ul > li > a:hover:before{background: url('/new/image/main/ic_center_r.png') no-repeat;}
.map-search .map-list > ul > li > a:hover{background:#f5f5f5; border-radius:10px;}
.map-search .map-list > ul > li > a > strong{display:block; margin-bottom:4px; font-size:15px; color:#333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.map-search .map-list > ul > li > a > span{display:block; font-size:13.5px; color:#555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.paging{margin:23px auto 0; text-align:center;}

.total-search {display:flex; flex-wrap: wrap; align-items: center; justify-content: center; position: absolute; left: 50%; transform:translateX(-50%); bottom:30px; width:40rem;  z-index: 1; gap: 0 1rem;}
.total-search .word {flex: 1 0; display: flex; position: relative; padding:8px; height:60px; border:2px solid #ad0d3c; background: #fff; border-radius:50px;}
.total-search .word input[type='text'] {flex: 1 0; padding: 0 10px 0 60px; height: 100%; border: 0; border-radius: 0; background: url('/new/image/main/ic_search.png') no-repeat 10px center;  font-size: 16px; outline:0; color: #757575; font-weight: 300;}
.total-search .word .btn-search {flex: none; width:110px; background-color: #ad0d3c; border-radius: 2.8rem; font-weight: 700; color: #fff;border:none}

.main-map .find{position: absolute; left:50%; transform:translateX(-50%); bottom:95px;  width:40rem; height:60px; padding:8px 20px; border-radius:30px; background: #fff; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1); z-index: 1;}
.main-map .find .navbar-form{padding:0}
.main-map .find .navbar-form > select{display:inline-block; width:calc(50% - 30px); margin:0 13px; border:none; border-bottom:2px solid #333; border-radius:0}

.noti{position:absolute; top:15px; left:15px; padding:4px 7px; font-weight:500; font-size:13px; background:#fff; border-radius:50px; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1); color:#777; z-index:1}
.noti > div{display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;}
.noti > div > strong{display:inline-block; letter-spacing:-1px;}
.noti1{display:inline-block; width:19px; height:19px; margin-top:-4px !important; background:#ad0d3c; border-radius:50% 50% 50% 0; transform:rotate(-45deg); border: 2px solid #fff;}
.noti2{display:inline-block; width: 20px; height: 20px; margin-left:5px; background: #ff306c; border: 2px solid #fff; border-radius: 50%;} 


@media (min-width: 1201px) {
	.map-search{right: 4.5rem; top:3.5rem; box-shadow:0 0 4px rgba(0,0,0,0.2)}
	.m-h3{display:none;}
}

@media (max-width: 1200px) {
	.m-h3{display:block; position:absolute; left:10px; top:10px; padding:9px 18px 7px 40px; font-size:16px !important; font-family: 'S-CoreDream-4Regular'; background:#fff; border-radius:50px; box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);  z-index:990;}
	.m-h3:before{content:''; position:absolute; left:18px; top:8px; display:inline-block; width:23px; height:33px; background: url('/new/image/main/ic_loca.png') no-repeat; background-size:70%;}
	.map-search > h3, .map-list, .paging{display:none;}
	.input-sm{font-size:15px}
	.noti{top:55px; left:10px;}
}

@media (max-width: 1024px) {
	#map-wrap { padding:100px 30px 40px; }
	.main-map .find, .total-search{width:90%}
}

@media (max-width: 767px) {
	#map-wrap { padding:70px 15px 40px;}
	.total-search .word input[type='text'] {width:100%; background:none; padding:0 10px; font-size:14px;}
	.total-search .word .btn-search{width:40px;background:#ad0d3c url('/new/image/main/ic_search_w.png') no-repeat center center; background-size:50%; text-indent:-9999em}
	.find{height:55px; padding:0 20px;}
	

}


/********************************************************
■ 메인 section
********************************************************/
.fp-half-and-half1 { background:#333; }
.fp-half-and-half1::before, .fp-half-and-half1::after { content:""; position:absolute; top:0; bottom:0; }
.fp-half-and-half1::before { left:0; right:50%; background:#fff; z-index:2; }
.fp-half-and-half1::after { left:50%; right:0; background:url('../image/main/fp-half-and-half1.jpg') center/cover; transform: scale(1.2); opacity:.3; transition-duration:3s; }
.fp-half-and-half1.active::after { transform: scale(1); opacity:1; transition-duration:5s; }

.fp-half-and-half1 .c .header { width:50%; padding-right:100px; text-align:left !important; }
.fp-half-and-half1 .c .header .subhead { margin-bottom:20px; }
.fp-half-and-half1 .c .header .desc { margin:80px 0; }
.fp-half-and-half1 .c .header .more-btn { display:inline-block; padding:20px 40px 25px; font-weight:600; line-height:1; animation-delay:1400ms; }
.fp-half-and-half1 .c .header .more-btn .fa { margin-left:50px; }

@media (max-width: 767px) {  
.fp-half-and-half1 { margin-top:-100px;}
	.fp-half-and-half1::before, .fp-half-and-half1::after { top:auto; bottom:auto; }
	.fp-half-and-half1::before { right:0; top:0; bottom:300px; }
	.fp-half-and-half1::after { left:0; bottom:0; height:300px; }

	.fp-half-and-half1 .c { top:0 !important; transform:translateY(0) !important; margin-bottom:350px; }
	.fp-half-and-half1 .c .header { width:100%; padding:0 20px; }
	.fp-half-and-half1 .c .header .desc { margin:40px 0; }
	.fp-half-and-half1 .c .header .more-btn { padding:15px 30px 20px; animation-delay:200ms; }
}



.fp-tiles-4topimg1 { }

.fp-tiles-4topimg1 .c { padding:5%; } /* padding:0 5%; */
.fp-tiles-4topimg1 .header { margin-bottom:50px; }
.fp-tiles-4topimg1 .header .head { margin:0 0 20px !important; }

.fp-tiles-4topimg1 .tile .a .img:after { content:""; position:absolute; left:0; right:0; bottom:0; width:0; height:3px; transition-duration: 400ms; background:#bf4c0e; }
.fp-tiles-4topimg1 .tile .a:hover .img:after { width:100%; }
.fp-tiles-4topimg1 .tile .a .desc { position:relative; padding-top:20px; border-top:1px solid #ddd; margin-top:20px; }

.fp-tiles-4topimg1 .btn-wrap { text-align:center; margin-top:30px; }
.fp-tiles-4topimg1 .btn-wrap .btn { display:inline-block; padding:10px; width:180px; text-align:center; border:1px solid #666; }
.fp-tiles-4topimg1 .btn-wrap .btn:hover { background:#666; color:#fff; }
.fp-tiles-4topimg1 .btn-wrap .btn .fa { color:#fff; transition-duration: 200ms; }
.fp-tiles-4topimg1 .btn-wrap .btn:hover .fa { margin-left:20px; }

@media (max-width: 1024px) {  
	.fp-tiles-4topimg1 .c { padding:0 15px; }
}

@media (max-width: 767px) { 
.fp-tiles-4topimg1 {margin-top:35px; } 
	.fp-tiles-4topimg1 .tile { margin-bottom:30px !important; }
	.fp-tiles-4topimg1 .tile .a .content { margin-top:15px; }
	.fp-tiles-4topimg1 .tile .a .desc { padding-top:15px; margin-top:15px; }
}



.fp-3fullimg1 { }

.fp-3fullimg1 .fullimg { display:flex; height:100vh; }
.fp-3fullimg1 .fullimg .a { position:relative; display:block; flex:1; height:100%; color:#fff; transition-duration: 100ms; }
.fp-3fullimg1 .fullimg .a .image, .fp-3fullimg1 .fullimg .a .img { position:relative; height:100%; }
.fp-3fullimg1 .fullimg .a .image:after { content:""; position:absolute; left:auto; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); width:0; }
.fp-3fullimg1 .fullimg .a .image.over:after { width:100%; transition-duration: 400ms; transition-delay:200ms; }
.fp-3fullimg1 .fullimg .a:nth-child(2) .image.over:after { transition-delay:400ms; }
.fp-3fullimg1 .fullimg .a:nth-child(3) .image.over:after {  transition-delay:600ms; }

.fp-3fullimg1 .fullimg .a .img { background:none no-repeat center/cover; }
.fp-3fullimg1 .fullimg .a .img:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.6); }

.fp-3fullimg1 .fullimg .a .content { position:absolute; padding:50px; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center; margin-top:50px; transition-duration: 400ms; z-index:2; }
.fp-3fullimg1 .fullimg .a:hover .content { margin-top:0; }
.fp-3fullimg1 .fullimg .a .content .head { margin-bottom:10px; transition-delay:0ms; }
.fp-3fullimg1 .fullimg .a .content .desc { color:#fff; }

.fp-3fullimg1 .fullimg .a .more { position:relative; display:inline-block; opacity:0; margin-top:50px; padding:10px 50px; color:#fff; }
.fp-3fullimg1 .fullimg .a:hover .more { opacity:1; }
.fp-3fullimg1 .fullimg .a .more span { position:absolute; left:0; top:0; right:0; bottom:0; }
.fp-3fullimg1 .fullimg .a .more span:before, .fp-3fullimg1 .fullimg .a .more span:after { content:""; position:absolute; background:#fff; transition-duration: 500ms; }
.fp-3fullimg1 .fullimg .a .more span:before { width:1px; height:0; }
.fp-3fullimg1 .fullimg .a .more span:after { width:0; height:1px; }

.fp-3fullimg1 .fullimg .a .more span.line1:before { top:0; left:0; }
.fp-3fullimg1 .fullimg .a .more span.line1:after { top:0; left:0; }
.fp-3fullimg1 .fullimg .a .more span.line2:before { bottom:0; right:0; }
.fp-3fullimg1 .fullimg .a .more span.line2:after { bottom:0; right:0; }

.fp-3fullimg1 .fullimg .a:hover .more span:before { height:100%; }
.fp-3fullimg1 .fullimg .a:hover .more span:after { width:100%; }

@media (max-width: 1024px) {  
	.fp-3fullimg1 .fullimg { height:500px; }
}

@media (max-width: 767px) {  
	.fp-3fullimg1 .fullimg { height:auto; flex-direction: column; }
	.fp-3fullimg1 .fullimg .a { height:250px; flex:auto; }

	.fp-3fullimg1 .fullimg .a .content { margin-top:0; }
	.fp-3fullimg1 .fullimg .a .content .head { margin-bottom:10px; }

	.fp-3fullimg1 .fullimg .a .more { opacity:1; margin-top:20px; }
	.fp-3fullimg1 .fullimg .a .more span:before { height:100%; }
	.fp-3fullimg1 .fullimg .a .more span:after { width:100%; }
}



.fp-tiles-4topimg1 .tile .a .content{position:relative;}
.fp-tiles-4topimg1 .tile .a .content span {
	display:inline-block;
    position: absolute;
    top:2px;
    right:10px;
	width:30px;
	height:12px;
    opacity: 0;
    transition: opacity 0.5s;
}
.fp-tiles-4topimg1 .tile .a:hover .content span {
    opacity: 1;
}
.fp-tiles-4topimg1 .tile .a .content span img {
	width:30px;
}




.c3wrap{padding:0 60px;}
.c3wrap > div > h3{margin-bottom:45px; font-size:34px; color:#fff;font-family: 'S-CoreDream-4Regular', 'Roboto', Helvetica, Arial, sans-serif; line-height:1.4;}
.c3wrap > div > p{font-size:15px; font-weight:500; color:#fff; line-height:1.5;}
.c3wrap .num{float:right;}
.c3wrap .num > li{position:relative; max-width:323px; margin-bottom:20px; padding:20px 30px 25px 120px;background:#fdfcfb; border-radius:20px;}
.c3wrap .num > li:first-child:before{content:''; position:absolute; left:30px; top:50%; transform:translateY(-50%); display:inline-block; width:70px; height:80px; background:url('/user/images/main/cont03_ico1.png') no-repeat;}
.c3wrap .num > li:last-child:before{content:''; position:absolute; left:30px; top:50%; transform:translateY(-50%); display:inline-block; width:70px; height:80px; background:url('/user/images/main/cont03_ico2.png') no-repeat;}
.c3wrap .num > li > span{font-size:19px; font-weight:500; color:#383838}
.c3wrap .num > li > p{margin:0; font-size:40px; font-weight:700; color:#884242; line-height:1.2; letter-spacing:-1px}

@media (max-width: 991px) { 
	.c3wrap{padding:0 20px;}
	.c3wrap .num{float:none;}
	.c3wrap > div > h3{margin-bottom:35px; font-size:27px;}
	.c3wrap > div > h3 > br{display:none}

}