@charset "utf-8";

/* 에스코어드림 */
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); 
	font-weight: 100; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); 
	font-weight: 200; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); 
	font-weight: 300; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); 
	font-weight: 400; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); 
	font-weight: 500; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); 
	font-weight: 600; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); 
	font-weight: 700; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); 
	font-weight: 800; 
	font-style: normal; 
}
@font-face { 
	font-family: 'S-CoreDream'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); 
	font-weight: 900; 
	font-style: normal; 
}
*:hover{-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}
* {

	font-family: 'S-CoreDream', 'Noto Sans KR Regular', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
    font-weight: 400;
}
b, h1, h2, h3, h4, h5, h6, strong, th {
    font-family: 'S-CoreDream', 'Noto Sans KR Bold', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
    font-weight: 600 !important;
}
body {
    font-family: 'S-CoreDream', 'Noto Sans KR Bold', 'Noto Sans CJK KR', 'Noto Sans KR', '맑은 고딕', sans-serif;
	color: #333;
    font-size: 16px;
    word-spacing: -.5px;
    letter-spacing: -0.5px;
}

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

#wrap {position: relative; width: 100%; min-height: 100%; box-sizing: border-box;}

html, body{height:100%;}
html, body, div, span, object, iframe,
em, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {margin:0; padding:0; border:0;}
table,th,tr,td {border-collapse:collapse;}

ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
header,footer,aside,nav,article,section{display:block;}

h1, h2, h3, h4, h5 {margin:0; padding:0; border:0;}
h6 {margin:0; padding:0; border:0; font-size:18px; font-weight:500; color:#1b2c5b; line-height:18px;}

textarea {overflow:auto;}

input, textarea, select { vertical-align:middle;}
button {border:0px;cursor:pointer;}
img, a img, input.image {border:0 none;margin:0; padding:0;}
img{vertical-align: middle;}
hr     {display: none;}
table  {border-collapse:collapse;}

*{box-sizing: border-box;}


.top_wr{position:absolute;width:100%; z-index:100;height:80px; border-bottom:1px solid ; border-color:rgba(255,255,255,0.3)}
.top_wr .logo{position:absolute;z-index:101;left:20%; top:22px}
.top_wr .login_wr{position:absolute;z-index:101;right:20%; top:30px; }
.top_wr .login_wr a{font-size:16px; color:#fff; font-weight:500}

.top_wr .login_wr .logout_info_wr{display:none;position:absolute;z-index:1000; top:50px; left:-60px; background:#fff url('/images/sub/login_arrow01.jpg') no-repeat center top; border:1px solid #333333; width:322px; height:225px; padding:20px 30px}
.top_wr .login_wr .logout_info_wr.show {
  display: block;
}
.top_wr .login_wr .logout_info_wr .ul_st01{width:100%; border-bottom:1px solid #ddd;padding:0 0 5px 0}
.top_wr .login_wr .logout_info_wr .ul_st01:after {display:block;visibility:hidden;clear:both;content:""}
.top_wr .login_wr .logout_info_wr .ul_st01 li{float:left; }
.top_wr .login_wr .logout_info_wr .ul_st01 li.name{width:70%;font-size:16px; color:#0a9696; font-weight:700; text-align:left}
.top_wr .login_wr .logout_info_wr .ul_st01 li.btn{width:30%;text-align:right;}
.top_wr .login_wr .logout_info_wr .ul_st01 li.btn span{background:#6b6b6b; font-size:14px; color:#fff; padding:5px 10px;border-radius: 3px;}
.top_wr .login_wr .logout_info_wr .ul_st02{width:100%;padding:20px 0 0 0}
.top_wr .login_wr .logout_info_wr .ul_st02:after {display:block;visibility:hidden;clear:both;content:""}
.top_wr .login_wr .logout_info_wr .ul_st02 li{float:left; }
.top_wr .login_wr .logout_info_wr .ul_st02 li.tit{width:30%;font-size:14px; color:#333; text-align:left}
.top_wr .login_wr .logout_info_wr .ul_st02 li.cont{width:70%;text-align:left;font-size:14px; color:#333;}
.top_wr .login_wr .logout_info_wr .ul_st02 li.cont span{color:#fe6600; font-weight:700; padding-right:15px}
.top_wr .login_wr .logout_info_wr .btn_wr{width:100%; text-align:center; padding:15px 0 0 0}
.top_wr .login_wr .logout_info_wr .btn_wr .btn_st01{border:1px solid #1b2c5b; color:#1b2c5b;font-size:14px;padding:5px 13px 5px 45px; border-radius: 3px;background:#fff url('/images/sub/myp_icon.png') no-repeat 10px 4px;}
.top_wr .login_wr .logout_info_wr .btn_wr .btn_st02{border:1px solid #f13336; color:#f13336;font-size:14px;padding:5px 13px 5px 45px; border-radius: 3px;background:#fff url('/images/sub/poi_icon.png') no-repeat 10px 4px;}



.top_wr .login_wr .top_sline{padding:0 5px}

@media (max-width: 1024px){
.top_wr .logo{left:5%;}
.top_wr .login_wr{right:5%;}
}
@media (max-width: 480px){
.top_wr{height:60px; }
.top_wr .logo img{width:50%}
.top_wr .login_wr{top:25px; }
.top_wr .login_wr a{font-size:14px;}
}

.footer_wr{position:absolute;bottom:0; width:100%; z-index:100;height:63px;line-height:63px;background:#111; text-align:center; color:#707070}
@media (max-width: 480px){
.footer_wr{font-size:12px;position:fixed;height:50px;line-height:50px;}
}


[name="slide"] {
appearance: none; position: absolute;z-index:100; bottom:70px;border:1px solid #fff;background-color: rgba(0,0,0,0);
width: 200px;
height: 200px;
border-radius: 0;
opacity: 100%;
margin: 10px;

}
[name="slide"]:checked{background-color: rgba(0,0,0,1);}
.slidebox {width:100%;height:100vh; overflow:hidden;}
.slidebox img {max-width:100%;}
.slidebox .slidelist {
	white-space:nowrap;
	font-size:0;
	overflow:hidden;
}
.slidebox .slideitem {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	width:100%;
	transition:all .35s;
}
.slidebox .slideitem label {
	position:absolute;
	z-index:1;
	top:50%;
	transform:translateY(-50%);
	padding:20px;
	border-radius:50%;
	cursor:pointer;
}
label.left {
	left:20px;
	background-image:url('/images/intro/left-arrow.png');
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
}
label.right {
	right:20px;
	background-image:url('/images/intro/right-arrow.png');
	background-position:center center;
	background-size:100%;
	background-repeat:no-repeat;
}
#slide01{left:50%; margin-left:-460px}
#slide02{left:50%; margin-left:-220px}
#slide03{left:50%; margin-left:20px}
#slide04{left:50%; margin-left:260px}

/* 페이징 스타일 */
.paginglist {text-align:center;padding:30px 0;}
.paginglist > li {display:inline-block;vertical-align:middle;margin:0 10px;}
.paginglist > li > label {display:block;padding:10px 30px;border-radius:10px;background:#ccc;cursor:pointer;}
.paginglist > li:hover > label {background:#333;}

[id="slide01"]:checked ~ .slidelist .slideitem {transform:translateX(0);animation:slide01 20s infinite;}
[id="slide02"]:checked ~ .slidelist .slideitem {transform:translateX(-100%);animation:slide02 20s infinite;}
[id="slide03"]:checked ~ .slidelist .slideitem {transform:translateX(-200%);animation:slide03 20s infinite;}
[id="slide04"]:checked ~ .slidelist .slideitem {transform:translateX(-300%);animation:slide04 20s infinite;}

@keyframes slide01 {
	0% {left:0%;}
	23% {left:0%;}
	25% {left:-100%;}
	48% {left:-100%;}
	50% {left:-200%;}
	73% {left:-200%;}
	75% {left:-300%;}
	98% {left:-300%;}
	100% {left:0%;}
}
@keyframes slide02 {
	0% {left:0%;}
	23% {left:0%;}
	25% {left:-100%;}
	48% {left:-100%;}
	50% {left:-200%;}
	73% {left:-200%;}
	75% {left:100%;}
	98% {left:100%;}
	100% {left:0%;}
}
@keyframes slide03 {
	0% {left:0%;}
	23% {left:0%;}
	25% {left:-100%;}
	48% {left:-100%;}
	50% {left:200%;}
	73% {left:200%;}
	75% {left:100%;}
	98% {left:100%;}
	100% {left:0%;}
}
@keyframes slide04 {
	0% {left:0%;}
	23% {left:0%;}
	25% {left:300%;}
	48% {left:300%;}
	50% {left:200%;}
	73% {left:200%;}
	75% {left:100%;}
	98% {left:100%;}
	100% {left:0%;}
}

#slider_new {overflow:hidden;position:relative;height:100vh;background:url(/images/intro/intro_main_bg5.jpg) center/cover;}
#slider_new .intro_text{position:absolute; width:100%; text-align:center; top:20%; }
#slider_new .intro_text .font_st01{font-size:70px; font-weight:700; color:#fff}
#slider_new .intro_text .font_st02{font-size:40px; font-weight:300; color:#fff; padding:50px 0 0 0;line-height:54px}
#slider_new .btn_wrap{position:absolute;top:60%; width:100%;}
#slider_new .btn_wrap > ul{position:relative;margin:0 auto; width:870px}
#slider_new .btn_wrap > ul:after {display:block;visibility:hidden;clear:both;content:""}
#slider_new .btn_wrap > ul > li{float:left; width:250px; height:250px; margin:0 20px;border:1px solid #fff; text-align:center; padding-top:25px; cursor:pointer;}
#slider_new .btn_wrap > ul > li:nth-child(1):hover {background: url(/images/intro/intro_btn05_ov.png) no-repeat top center;transition: all 3s}
#slider_new .btn_wrap > ul > li:nth-child(2):hover {background: url(/images/intro/intro_btn02_ov.png) no-repeat top center;transition: all 3s;}
#slider_new .btn_wrap > ul > li:nth-child(3):hover {background: url(/images/intro/intro_btn01_ov.png) no-repeat top center;transition: all 3s;}



#slider_new .btn_wrap > ul > li .p_st01{padding:35px 0 0 0 }
#slider_new .btn_wrap > ul > li .p_st01_2{padding:25px 0 0 0 }

#slider_new .btn_wrap > ul > li .p_st02{font-size:20px; color:rgba(255,255,255,.8); padding:50px 0 0 0}
#slider_new .btn_wrap > ul > li .p_st02 .span_st01{display: none}
#slider_new .btn_wrap > ul > li .p_st02_2{font-size:20px; color:rgba(255,255,255,.8); padding:30px 0 0 0}
#slider_new .btn_wrap > ul > li .p_st01_3{padding:22px 0 0 0 }
#slider_new .btn_wrap > ul > li .p_st01_3 img{width:50%}
#slider_new .btn_wrap > ul > li .p_st02_3{font-size:20px; color:rgba(255,255,255,.8); padding:40px 0 0 0}


@media (max-width: 1024px){
#slider_new .intro_text .font_st01{font-size:60px; }
#slider_new .intro_text .font_st02{font-size:35px;padding:40px 0 0 0;line-height:44px}
#slider_new .btn_wrap{top:55%; }
}

@media (max-width: 768px){
#slider_new .btn_wrap > ul{ width:720px}
#slider_new .btn_wrap > ul > li{width:200px; height:200px;padding-top:0;}
#slider_new .btn_wrap > ul > li .p_st02_3{font-size:18px;}
#slider_new .btn_wrap > ul > li .p_st02_2{font-size:18px;}
#slider_new .btn_wrap > ul > li .p_st02{font-size:18px;}
}

@media (max-width: 480px){
#slider_new .intro_text{ top:16%; }
#slider_new .intro_text .font_st01{font-size:40px; }
#slider_new .intro_text .font_st02{font-size:22px;padding:30px 0 0 0;line-height:24px}
#slider_new .btn_wrap{top:auto; bottom:70px}
#slider_new .btn_wrap > ul{width:96%}
#slider_new .btn_wrap > ul > li{float:left; width:70%; height:100px; margin:5px 15%;padding-top:0px; padding-top:0px; }

#slider_new .btn_wrap > ul > li .p_st01_3{float:left; padding:15px 0 0 0; width:35%;}
#slider_new .btn_wrap > ul > li .p_st01_3 img{width:80%;}
#slider_new .btn_wrap > ul > li .p_st02_3{float:left; font-size:14px; color:rgba(255,255,255,.8); padding:40px 0 0 0; width:65%;}
#slider_new .btn_wrap > ul > li .p_st02_3 .span_st01{display: inline-block; padding:0 3px;}

#slider_new .btn_wrap > ul > li .p_st01_2{float:left; padding:25px 0 0 0; width:35%;}
#slider_new .btn_wrap > ul > li .p_st01_2 img{width:80%;}
#slider_new .btn_wrap > ul > li .p_st02_2{float:left; font-size:14px; color:rgba(255,255,255,.8); padding:25px 0 0 0; width:65%;}
#slider_new .btn_wrap > ul > li .p_st02_2 .span_st01{display: inline-block; padding:0 3px;}

#slider_new .btn_wrap > ul > li .p_st01{float:left; padding:35px 0 0 15px; width:35%;}
#slider_new .btn_wrap > ul > li .p_st01 img{width:100%;}
#slider_new .btn_wrap > ul > li .p_st02{float:left; font-size:14px; color:rgba(255,255,255,.8); padding:30px 0 0 0;  width:65%;}
#slider_new .btn_wrap > ul > li .p_st02 .span_st01{display: inline-block; padding:0 3px;}


#slider_new .btn_wrap > ul > li:nth-child(1):hover {background: url(/images/intro/intro_btn05_ov.png) no-repeat right 40%;background-size:100%; transition: all 3s}
#slider_new .btn_wrap > ul > li:nth-child(2):hover {background: url(/images/intro/intro_btn02_ov.png) no-repeat center 60%; background-size:100%; transition: all 3s;}
#slider_new .btn_wrap > ul > li:nth-child(3):hover {background: url(/images/intro/intro_btn01_ov.png) no-repeat center 35%; background-size:100%; transition: all 3s;}
}

@media (max-width: 360px){
#slider_new .intro_text .font_st01{font-size:30px; }
#slider_new .intro_text .font_st02{font-size:16px;padding:15px 0 0 0;line-height:24px}
#slider_new .btn_wrap > ul > li .p_st01_3{padding:25px 0 0 0;}
#slider_new .btn_wrap > ul > li .p_st01_2{padding:35px 0 0 0;}
#slider_new .btn_wrap > ul > li .p_st01{padding:40px 0 0 10px;}
}

@media (max-width: 320px){
#slider_new .intro_text{top:15%; }
#slider_new .intro_text .font_st01{font-size:25px; }
#slider_new .intro_text .font_st02{font-size:14px;padding:0;line-height:18px}
}

#slider {overflow:hidden;position:relative;height:100vh;}
#slider ul {}
#slider li {background:url(/images/intro/intro_main_bg1.jpg) center/cover;height:100vh;float:left;}
#slider li:nth-child(2) {background-image: url(/images/intro/intro_main_bg2.jpg);}
#slider li:nth-child(3) {background-image: url(/images/intro/intro_main_bg3.jpg);}
#slider li:nth-child(4) {background-image: url(/images/intro/intro_main_bg4.jpg);}
#slider div {position:absolute;left:50%;bottom:15%;transform:translateX(-50%);}
#slider span {width:200px;height:200px;float:left;margin-left:10px;margin-right:10px;border:1px solid #fff;background:url(/images/intro/intro_btn01.png) center/cover;}
#slider span:hover {cursor:pointer;}
#slider span.on {background:rgba(0,0,0,1) url(/images/intro/intro_btn01.png) center/cover;}
#slider span:nth-child(2) {background:url(/images/intro/intro_btn02.png) center/cover;}
#slider span:nth-child(2).on {background:rgba(0,0,0,1) url(/images/intro/intro_btn02.png) center/cover;}
#slider span:nth-child(3) {background:url(/images/intro/intro_btn03.png) center/cover;}
#slider span:nth-child(3).on {background:rgba(0,0,0,1) url(/images/intro/intro_btn03.png) center/cover;}
#slider span:nth-child(4) {background:url(/images/intro/intro_btn04.png) center/cover;}
#slider span:nth-child(4).on {background:rgba(0,0,0,1) url(/images/intro/intro_btn04.png) center/cover;}
#slider div>i {display:none}
#slider div>p {width:100%;position:absolute;top:-250px;left:0;}
#slider div>p>i {font-size:100px;color:rgba(255,255,255,.3);position:absolute;left:-40%;padding:0 15px;text-shadow: 0px 0px 14px rgba(0,0,0,0.2)}
#slider div>p>i:hover {color:#fff;cursor:pointer;}
#slider div>p>i:nth-child(2) {right:-40%;left:auto;}
#slider h3,#slider p {margin:0 auto;text-align:center;color:#fff;font:45px/100% 'Noto Sans KR',sans-serif;width:70%;}
#slider h3 {margin:90px auto 0;text-shadow: 2px 2px 0 #000,0px 0px 14px rgba(0,0,0,1);font-weight:700;}

#slider a {margin:auto;}
#slider a:hover {}
#slider li p.slide01_text{margin-top:300px;}
#slider li p.slide02_text{margin-top:240px;}
#slider li p.slide03_text{margin-top:360px;}
#slider li p.slide04_text{margin-top:162px;}

@media (max-width: 1920px){
#slider li p.slide01_text{margin-top:250px;}
#slider li p.slide01_text img{width:450px}
#slider li p.slide02_text{margin-top:140px;}
#slider li p.slide03_text{margin-top:260px;}
#slider li p.slide04_text{margin-top:102px;}
#slider li p.slide04_text img{width:560px}
}
@media (max-width: 1024px){
#slider div {width:880px; transform:translateX(-440px);}
#slider li p.slide01_text{margin-top:180px;}
#slider li p.slide01_text img{width:50%}
#slider li p.slide02_text{margin-top:120px;}
#slider li p.slide02_text img{width:50%}
#slider li p.slide03_text{margin-top:200px;}
#slider li p.slide03_text img{width:50%}
#slider li p.slide04_text{margin-top:102px;}
#slider li p.slide04_text img{width:55%}
#slider div>p>i {font-size:100px;left:-2%}
#slider div>p>i:nth-child(2) {right:-2%;}
}
@media (max-width: 800px){
#slider div>p {width:100%;position:absolute;top:-270px;left:0;}
#slider div {width:440px; transform:translateX(-220px);}
#slider li p.slide01_text{margin-top:230px;}
#slider li p.slide01_text img{width:60%}
#slider li p.slide02_text{margin-top:170px;}
#slider li p.slide02_text img{width:60%}
#slider li p.slide03_text{margin-top:250px;}
#slider li p.slide03_text img{width:65%}
#slider li p.slide04_text{margin-top:152px;}
#slider li p.slide04_text img{width:70%}
#slider div>p>i {font-size:100px;left:-20%}
#slider div>p>i:nth-child(2) {right:-20%;}
}

@media (max-width: 768px){

#slider div {width:70%;transform:translateX(-37%);}

}
@media (max-width: 712px){

#slider div {transform:translateX(-41%);}

}
@media (max-width: 480px){
#slider div>p {top:-160px;}
#slider div {width:70%;transform:translateX(-50%);}
#slider span {width:48%;height:130px;float:left;margin:1%;border:1px solid #fff;background:url(/images/intro/intro_btn01.png) center/cover;}
#slider li p.slide01_text{margin-top:170px;}
#slider li p.slide01_text img{width:60%}
#slider li p.slide02_text{margin-top:150px;}
#slider li p.slide02_text img{width:60%}
#slider li p.slide03_text{margin-top:160px;}
#slider li p.slide03_text img{width:75%}
#slider li p.slide04_text{margin-top:122px;}
#slider li p.slide04_text img{width:80%}
#slider div>p>i {font-size:50px;left:-20%}
}
@media (max-width: 375px){
#slider div>p {top:-100px;}

#slider span {height:120px;}
#slider li p.slide01_text{margin-top:130px;}
#slider li p.slide02_text{margin-top:150px;}
#slider li p.slide03_text{margin-top:160px;}
#slider li p.slide04_text{margin-top:122px;}

}


.intro_linkbtn {position:absolute;left:50%;bottom:15%;transform:translateX(-50%);z-index:100;}
.intro_linkbtn:after {display:block;visibility:hidden;clear:both;content:""}
.intro_linkbtn .btn_wr {width:200px;height:200px;float:left;margin-left:10px;margin-right:10px;}
@media (max-width: 800px){
	.pop_up {
	width: 100%;
	}
	.pop_up img {
	width: 100%;
	}
}
@media (min-width: 800px){
	.pop_up img {
	height: 85vh;
	}
}
/*팝업레이어 시작*/
.pop_up_wrap {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.7);
z-index: 500;
overflow: auto;
}
.pop_up {
position: absolute;
top: 50%;left:50%;
transform: translate(-50%,-50%);
}
.pop_up img {
}
.btn_close {
position: absolute;
cursor: pointer;
top: -30px;
right: 0;
color: #fff;
}
.btn_24close {
position: absolute;
cursor: pointer;
top: -30px;
right: 70px;
color: #fff;
}
/*팝업레이어 끝*/