@charset "utf-8";
/*
@font-face { font-family: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; 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: 'SCD'; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff") format("woff"); font-weight: 900; font-style: normal }
*/
@import url('https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
	font-weight:100;
	
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
	font-weight:300;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
	font-weight:400;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
	font-weight:500;
}
@font-face{
	font-display: swap;
	font-family: NanumSquareNeo;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
	font-weight:700;
}
body { font-family:"NanumSquareNeo"; font-weight:400;  font-size:12px;}

.navigationtext { position:fixed; z-index:100; color:#fff; left:20px; top:50%; margin-top:-240px;   }
.navigationtext li {height: 80px;  display:flex; align-items : center;  font-size:2em; font-weight:700; border:0px solid #fff; letter-spacing:4px;cursor:pointer; }
.c_logo {position:fixed; z-index:100; top:20px; left:20px }
.c_logo img { width:150px;}
@media screen and (max-width:768px){
	.navigationtext { top:80px; margin-top:0}
	.navigationtext li {height: 30px;  font-size:1.2em; letter-spacing:2px;}
	.c_logo img { width:100px;}
}


.section { background-position:center; background-size:110% auto; background-repeat:no-repeat; transition:2.5s; }
.bgaction {background-size:100% auto;}
.stn1 {background-image:url("/asset/img/index/1.jpg");  }

.stn2 {background-image:url("/asset/img/index/2.jpg"); }
.stn3 {background-image:url("/asset/img/index/3.jpg"); }
.stn4 {background-image:url("/asset/img/index/4.jpg"); }
.stn5 {background-image:url("/asset/img/index/5.jpg"); }
.stn6 {background-image:url("/asset/img/index/6.jpg"); }

.con { color:#fff; width:1000px; left:50%; margin-left:-500px; text-align:center; position:absolute;}
.con1 { bottom:0; margin-bottom:30px;}
.con2 { margin-top:30px;}
.con {transition: 1s; opacity:0;}
.act4con1 {
	opacity:1; margin-bottom:50px;
}
.act4con2 {
	opacity:1; margin-top:0;
}
.c_t { font-size:4em; font-weight:200; margin-bottom:20px; letter-spacing:-4px}
.c_t span { color:#00a0e9; font-weight:500; }
.c_t span em { font-size:.8em; font-weight:300; opacity:.8}
.c_p {font-size:1.2em;  font-weight:300;  margin-bottom:50px; line-height:1.3; opacity:.8}
.c_a {font-size:1em;  font-weight:300;  margin-top:50px; line-height:1.3;  font-family:"Roboto"; letter-spacing:1px;}
.c_a + .c_a { margin-top:20px;}
.c_a span { opacity:.5}
.c_a .phone { font-size:inherit; padding:10px 15px; border-radius:6px; margin-bottom:10px; width:inherit;}

@media screen and (max-width:768px){
	.section { background-size: auto 110%; }
	.bgaction {background-size:auto 100%;} 
	.stn1 {background-image:url("/asset/img/index/1m.jpg"); }
	.stn2 {background-image:url("/asset/img/index/2m.jpg"); }
	.stn3 {background-image:url("/asset/img/index/3m.jpg"); }
	.stn4 {background-image:url("/asset/img/index/4m.jpg"); }
	.stn5 {background-image:url("/asset/img/index/5m.jpg"); }
	.stn6 {background-image:url("/asset/img/index/6m.jpg"); }
	.con { width:100%; left:0; margin-left:0; padding:0 30px; }
	.con2 { margin-top:inherit;  bottom:0; margin-bottom:20px;}
	.act4con2 {
		margin-bottom:50px;
	}
	.c_t { font-size:2.5em; letter-spacing:-2px}
	.c_p {font-size:1.2em; margin-bottom:30px;}
	.c_a {font-size:1.2em; line-height:1}
	.c_a br { display:block; height:10px;}
}


.prct img {position:absolute; opacity:0;}
.p1 { transition: 1.5s; top:0; left:50px;}
.p2 { transition: 6s; bottom:0; left:50%; margin-left:-311px}
.p3 { transition: 3s; top:20%; right:0}
img.move1 { opacity:1; top:-100px; left:-20px}
img.move2 { opacity:1; bottom:-100px}
img.move3 { opacity:1; top:15%; right:-100px;}
.slide {width:100%;}
/*
.c_t { font-size:40px; font-weight:200; margin-bottom:20px; letter-spacing:-4px}
.c_t span { color:#00a0e9; font-weight:500; }
.c_p {font-size:14px;  font-weight:300;  margin-bottom:20px; line-height:1.3; opacity:.8}

*/

.con a { display:inline-block; width:200px; padding:20px 0; text-align:center; border-radius:20px 0; background-color:#00a0e9; color:#fff; transition: 1s; font-size:2em}
.con a:hover { background-color:#005a83}
.con a.big { width:inherit; padding:20px 40px;}
.con a + a { margin-left:20px;}
@media screen and (max-width:768px){
	.con a { border-radius:10px 0;}
	.con a + a { margin-left:0px; margin-top:10px;}
	.con a {font-size:1.5em;}
	.con a.big {font-size:1.4em;}
}
.allcenter { display:flex; align-items : center;  justify-content : center;  color:#fff;}

.mainpopup { min-height:inherit;   background-size:cover;  background-position:center; -ms-interpolation-mode: nearest-neighbor;	image-rendering: pixelated;}
.mainpopup { position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5);  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display:flex; align-items:center; justify-content:center; z-index:10000}
.popupbtnbox {position:fixed; top:20px; right:20px;}
.popupbtnbox a { width:50px; height:50px;}
.popupbtnbox a img { width:100%;}
@media screen and (max-width:768px){
	.popupbtnbox { top:0; right:0;}
	.popupbtnbox a { width:30px; height:30px; background-color:#00a0e9; padding:8px;}
}
.pcon {  margin:0 auto;  transition: 0.3s ease; }
.pcon1 {width:1200px; display:flex; justify-content : center; align-items : center; flex-wrap: wrap;}
.pcon1 li {display:block; margin:1px; transition: 1s; }
.pcon1 li img {vertical-align:top;}

.pcon2 > li { text-align:center;}
.pcon2 .p_t { color:#fff; font-size:2em; padding-bottom:20px;}
.pcon2 .p_tab { color:#fff; }
.pcon2 .p_tab:after {content:""; clear:both; display:block; } 
.pcon2 .p_tab a { display:inline-block; padding:20px 0 30px 0; width:calc(100% / 3); /*border:1px solid #4e4e4e; border-bottom:none; */background: linear-gradient(to bottom, #78787840, #000000ba); color:#fff; font-size:1.4em; font-weight:300; box-sizing:border-box;  float:left;}
/*.pcon2 .p_tab a + a {border-left:none;}*/
.pcon2 .p_tab a:first-child { border-radius:20px 0 0 0;}
.pcon2 .p_tab a:last-child { border-radius:0 20px 0 0;}
.pcon2 .p_tab a.act4tab { color:#00a0e9; font-weight:700; background: linear-gradient(to bottom, #00a0e940, #000000ba); }
.pcon2 .p_tab a:hover {color:#00a0e9}
.pcon2 .tabpage { width:1000px; min-height:500px;}
.pcon2 .tp1, .pcon2 .tp2, .pcon2 .tp3 {display:flex; justify-content : center; align-items : center; flex-wrap: wrap; background-color: #000000ba; border-radius:0 0 20px 20px;  transition: 0.3s ease;} 
.pcon2 .tp3 {  flex-wrap: unset;}
.pcon2 li .plist { color:#fff; text-align:left;}
.pcon2 li .plist .pl_t { font-size:1.6em;}
.pcon2 li .plist .pl_p { padding-left:20px;  font-size:1.2em;  line-height:1.4; font-weight:200; }
.pcon2 li .plist .pl_p em { display:inline-block; margin-left:-20px; width:20px; color:#00a0e9;  font-weight:900 }
.pcon2 li .plist .pl_p span {color:#00a0e9;  font-weight:900}
.pcon2 li .plist .pl_t + .pl_p { margin-top:8px;}
.pcon2 li .plist .pl_p + .pl_p { margin-top:5px;}
.pcon2 li .plist .pl_p + .pl_t { margin-top:14px;}

.video {position: relative; padding-bottom: 45%; height: 0; width: 100%; overflow: hidden; display:block; }
.video iframe {position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
.video video {position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
.movie { display:flex; width: 200px; flex-direction: column; margin: 10px;}
.movie li { flex-grow: 1; flex-basis: 33%;}
.movie li a { display: flex; flex-direction: column; align-items: center; overflow:hidden; border-radius:10px;}
.movie li + li { margin-top:5px; }
.movie img {width:100%; transition:0.3s ease }
.movie a div { display:flex; align-items: center; justify-content: center; width:100%; padding:0 20px; height:50px;  background-color: #00a0e9; color:#fff; font-weight:400; font-size:1.2em; line-height:1.2; transition:0.3s ease; z-index:1 }
.movie a i { color: #00ffc4; margin-left:5px}
.movie a:hover div { background-color:#005a83}
.movie a:hover img { transform: scale(105%)}

@media screen and (max-width:768px){
	.pcon1 {width:100%;}
	.pcon1 li {width:45%;}
	.pcon1 li img {width:100%;}
	.pcon2 { width:98%; /*position:fixed; top:40px*/}
	.pcon2 .p_t { font-size:1.6em;}
	.pcon2 .p_tab a {font-size:1.2em; padding:14px 0;}
	.pcon2 .tabpage { width:100%;  min-height:inherit; padding-bottom: 30px;}
	.pcon2 .tabpage img {width:100%;}
	.pcon2 .tabpage.tp1 img, .pcon2 .tabpage.tp2 img {margin:40px 0;}
	.pcon2 .tp3 {flex-direction: column; padding-bottom:0}
	.pcon2 li .plist .pl_t { font-size:1.2em;}
	.pcon2 li .plist { padding:0 40px; width:100%;}
	.pcon2 li .plist .pl_p { width:100%;   font-size:1em;  }

	.movie { width:100%; flex-direction:unset; padding:0 10px 0 10px}
	.movie a div { font-size:.9em; line-height:1.4;  height:45px; padding: 0 10px; }
	.movie li + li { margin-top:0; margin-left:5px; }
	.video { padding-bottom:56%}
}
@media screen and (max-width:375px){
	.navigationtext li {font-size:1em; height: 20px; }
	.c_t { font-size:1.5em; letter-spacing:-2px}
	.c_p {font-size:1em; margin-bottom:0;}
	.pcon2 .tabpage img {width:80%;}
	.con a.big { margin-top:20px;}
	.c_a {font-size:1em; }
	.con a.big {  font-size: 1em; padding:10px 18px}
	.pcon2 li .plist .pl_p {   font-size:.8em;  }
}