@charset "utf-8";

[class^="scene-"].active .main_txt{visibility:visible !important;}
[class^="scene-"].active .sub_txt{visibility:visible !important;}
[class^="scene-"].active .mobile_wrap{visibility:visible !important;}
[class^="scene-"].active .vi_wrap{visibility:visible !important;}
[class^="scene-"].active .cont_wrap .info_wrap{visibility:visible !important;}

.anchur { position:absolute; top:-50px; }

@media screen and (min-width:901px) {
[class^="scene-"] { position:relative; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 { position:relative; background:url(/theme/basic/img/main/mainback02.jpg) repeat-x center / auto 100%; }
.scene-1 .cont_wrap {  }
.scene-1 .cont_wrap .inner { height:100vh; background:url(/theme/basic/img/main/mainback01.jpg) no-repeat center / auto 100%; }
.scene-1 .main_txt { width:90%; max-width:1600px; margin:auto; overflow:visible; position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); text-align:left; position:relative; z-index:1001; }
.scene-1 .main_txt h2 { font-size:52px; line-height:56px; font-family: 'Noto Sans KR'; color:#222; animation:txtright 1s ease alternate; }
.scene-1 .main_txt h2 font { color:#ff9700; }
.scene-1 .main_txt p { color:#666; padding:10px 0; font-family: 'Noto Sans KR'; font-size:15px; line-height:27px; margin:auto; word-break:keep-all; animation:txtleft 1s ease alternate; }
.scene-1 .sub_txt { position:absolute; bottom:0px; left:0px; width:100%; }

.scene-2 { position:relative; background-color:#fff; padding:150px 0px; overflow:hidden; }
.scene-2 .cont_wrap { max-width:1200px; margin:auto; overflow:visible; }
.scene-2 .cont_wrap .inner { overflow:visible; }
.scene-2 .main_txt { text-align:center; }
.scene-2 .main_txt div {  }
.scene-2 .main_txt h2 { font-size:42px; font-family:'GS_B'; color:#333; font-weight:500; margin:0; }
.scene-2 .main_txt p { color:#666; padding:10px 0 30px; font-size:15px; line-height:21px; margin:auto; word-break:keep-all; font-family: 'Noto Sans KR'; }
.scene-2 .sub_txt { padding-bottom:20px; }
.scene-2 .sub_txt ul { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:14px; row-gap:14px; text-align:center; }
.scene-2 .sub_txt ul li { padding:200px 20px; position:relative; background-color:#fff; overflow:hidden; transition-duration: 0.4s; transform:scale(1,1); filter:grayscale(100%); color:#fff; border-radius:8px; }
.scene-2 .sub_txt ul li:first-child { background:url(/theme/basic/img/main/img01.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:nth-child(2) { background:url(/theme/basic/img/main/img02.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:nth-child(3) { background:url(/theme/basic/img/main/img03.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:last-child { background:url(/theme/basic/img/main/img04.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li h6 { font-family:'GS_M'; font-size:32px; text-shadow:0 0 10px rgba(0,0,0,0.5); }
.scene-2 .sub_txt ul li h6 font { display:block; }
.scene-2 .sub_txt ul li p { padding:10px 0; font-family: 'Noto Sans KR'; font-size:14px; line-height:21px; word-break:keep-all; word-break:keep-all; margin:0 10px; }
.scene-2 .sub_txt ul li span { display:block; }
.scene-2 .sub_txt ul li img { width:100%; margin:0 0 10px; }
.scene-2 .sub_txt ul li:hover { transform:scale(1.1,1.1); filter:grayscale(0%); color:#fff; }
.scene-2 .sub_txt a { display:block; width:150px; height:40px; line-height:40px; font-size:13px; color:#fff; text-align:center; background-color:#630; margin:auto; font-family: 'Noto Sans KR'; font-weight:bolder; }

.scene-3 { position:relative; }
.scene-3 .cont_wrap { margin:auto; position:relative; }
.scene-3 .cont_wrap .inner { display:table; width:100%; }
.scene-3 .main_txt { padding:100px 0; display:table-cell; width:50%; vertical-align:middle; background:url(/theme/basic/img/main/back03.png) no-repeat center / cover; text-align:center; }
.scene-3 .main_txt > div { display:inline-block; vertical-align:top; padding:0 25px; }
.scene-3 .main_txt h2 { font-size:42px; color:#fff; font-family:'GS_B'; font-weight:500; }
.scene-3 .main_txt p { font-size:16px; line-height:27px; color:#fff; font-family: 'Noto Sans KR'; margin:0 0 30px; }
.scene-3 .main_txt a { display:block; width:150px; height:40px; line-height:40px; font-size:13px; color:#fff; text-align:center; background-color:#630; margin:auto; font-family: 'Noto Sans KR'; font-weight:bolder; }
.scene-3 .sub_txt { padding:100px 0; overflow:hidden; display:table-cell; width:50%; vertical-align:middle; background-color:#f5f1e9; text-align:center; }
.scene-3 .sub_txt > div { max-width:800px; text-align:left; display:inline-block; padding:0 25px; }
.scene-3 .sub_txt h2 { font-size:42px; color:#333; font-family:'GS_B'; font-weight:500; }
.scene-3 .sub_txt p { font-size:16px; line-height:27px; color:#666; font-family: 'Noto Sans KR'; }
.scene-3 .sub_txt ul { padding:20px 0; }
.scene-3 .sub_txt ul li { background-color:#fff; padding:7px 15px; border-radius:40px; margin-bottom:7px; }
.scene-3 .sub_txt ul li font { font-size:16px; color:#333; font-family:'GS_B'; font-weight:500; margin-right:20px; }
.scene-3 .sub_txt ul li span { font-size:16px; color:#666; font-family: 'Noto Sans KR'; }

.scene-4 {  padding:100px 20px; position:relative;background:url(/theme/basic/img/main/back02.png) no-repeat center / auto 100%;  }
.scene-4 .cont_wrap { margin:auto; position:relative; max-width:1200px; overflow:visible; }
.scene-4 .main_txt { text-align:center; }
.scene-4 .main_txt h2 { font-family:'GS_B'; font-size:42px; font-weight:500; color:#000; word-break:keep-all; }
.scene-4 .main_txt h2 font { color:#ff9700; }
.scene-4 .main_txt p { font-size:18px; font-family: 'Noto Sans KR'; font-weight:normal; margin:3px auto; max-width:700px; color:#333; word-break:keep-all; }
.scene-4 .main_txt h2:before { display:block;visibility:visible;clear:both;content:""; width:80px; height:3px; background-color:#855205; margin:20px auto; }
.scene-4 .sub_txt {  text-align:left; margin:auto; padding:50px 0 0; display:grid; grid-template-columns:repeat(4, 1fr); column-gap:14px; row-gap:14px; }
.scene-4 .sub_txt div { padding:30px; background-color:#fff; transition-duration: 0.4s; transform:scale(1,1); }
.scene-4 .sub_txt div h2 { font-size:21px; font-family: 'Noto Sans KR'; font-weight:bolder; color:#855205; text-align:center; word-break:keep-all; }
.scene-4 .sub_txt div p { font-size:15px; font-family: 'Noto Sans KR'; font-weight:400; margin:3px 0; color:#666; word-break:keep-all; text-align:center; }
.scene-4 .sub_txt span { display:block; text-align:center; padding:0 0 20px; }
.scene-4 .sub_txt span img { width:50px; }
.scene-4 .sub_txt div:hover { transform:scale(1.1,1.1); }
}


@media screen and (max-width:900px) {
[class^="scene-"] { position:relative; }
[class^="scene-"] .inner { position:relative; z-index:1; }
[class^="scene-"] .cont_wrap { overflow:hidden; }
[class^="scene-"] .main_txt { position: relative; visibility:hidden; }
[class^="scene-"] .sub_txt { position: relative; visibility:hidden; }
[class^="scene-"] .mobile_wrap { position: relative; visibility:hidden; }
[class^="scene-"] .vi_wrap { position: relative; visibility:hidden; }
[class^="scene-"] [class^="status_wrap-"] { display: inline-block;}	

.scene-1 { position:relative; background:url(/theme/basic/img/main/mainback02.jpg) repeat-x center / auto 100%; }
.scene-1 .cont_wrap {  }
.scene-1 .cont_wrap .inner { height:600px; background:url(/theme/basic/img/main/mainback01.jpg) no-repeat center / auto 100%; }
.scene-1 .main_txt { width:100%; margin:auto; overflow:visible; position:absolute; top:40%; left:50%; transform:translate(-50%,-50%); text-align:center; position:relative; z-index:1001; }
.scene-1 .main_txt h2 { font-size:32px; line-height:36px; font-family: 'Noto Sans KR'; color:#222; animation:txtright 1s ease alternate; }
.scene-1 .main_txt h2 font { color:#ff9700; }
.scene-1 .main_txt p { color:#666; padding:10px 0; font-family: 'Noto Sans KR'; font-size:14px; line-height:18px; margin:auto; word-break:keep-all; animation:txtleft 1s ease alternate; }

.scene-2 { position:relative; background-color:#fff; padding:100px 20px; overflow:hidden; }
.scene-2 .cont_wrap { margin:auto; overflow:visible; }
.scene-2 .cont_wrap .inner { overflow:visible; }
.scene-2 .main_txt { text-align:center; }
.scene-2 .main_txt div {  }
.scene-2 .main_txt h2 { font-size:32px; font-family:'GS_B'; color:#333; font-weight:500; margin:0; }
.scene-2 .main_txt p { color:#666; padding:10px 0 30px; font-size:15px; line-height:21px; margin:auto; word-break:keep-all; font-family: 'Noto Sans KR'; }
.scene-2 .sub_txt { padding-bottom:20px; }
.scene-2 .sub_txt ul { display:grid; grid-template-columns:repeat(1, 1fr); column-gap:14px; row-gap:14px; text-align:center; }
.scene-2 .sub_txt ul li { padding:100px 20px; position:relative; background-color:#fff; overflow:hidden; transition-duration: 0.4s; transform:scale(1,1); color:#fff; border-radius:8px; }
.scene-2 .sub_txt ul li:first-child { background:url(/theme/basic/img/main/img01.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:nth-child(2) { background:url(/theme/basic/img/main/img02.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:nth-child(3) { background:url(/theme/basic/img/main/img03.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li:last-child { background:url(/theme/basic/img/main/img04.png) no-repeat center / cover; }
.scene-2 .sub_txt ul li h6 { font-family:'GS_M'; font-size:32px; text-shadow:0 0 10px rgba(0,0,0,0.5); }
.scene-2 .sub_txt ul li h6 font { display:block; }
.scene-2 .sub_txt ul li p { padding:10px 0; font-family: 'Noto Sans KR'; font-size:14px; line-height:21px; word-break:keep-all; word-break:keep-all; margin:0 10px; }
.scene-2 .sub_txt ul li span { display:block; }
.scene-2 .sub_txt ul li img { width:100%; margin:0 0 10px; }
.scene-2 .sub_txt a { display:block; width:150px; height:40px; line-height:40px; font-size:13px; color:#fff; text-align:center; background-color:#630; margin:auto; font-family: 'Noto Sans KR'; font-weight:bolder; }

.scene-3 { position:relative; }
.scene-3 .cont_wrap { margin:auto; position:relative; }
.scene-3 .main_txt { padding:100px 20px; background:url(/theme/basic/img/main/back03.png) no-repeat center / cover; text-align:center; }
.scene-3 .main_txt > div { display:inline-block; vertical-align:top; padding:0; }
.scene-3 .main_txt h2 { font-size:32px; color:#fff; font-family:'GS_B'; font-weight:500; }
.scene-3 .main_txt p { font-size:16px; line-height:27px; color:#fff; font-family: 'Noto Sans KR'; margin:0 0 30px; }
.scene-3 .main_txt a { display:block; width:150px; height:40px; line-height:40px; font-size:13px; color:#fff; text-align:center; background-color:#630; margin:auto; font-family: 'Noto Sans KR'; font-weight:bolder; }
.scene-3 .sub_txt { padding:100px 20px; background-color:#f5f1e9; text-align:center; }
.scene-3 .sub_txt > div { text-align:left; display:inline-block; padding:0; }
.scene-3 .sub_txt h2 { font-size:32px; color:#333; font-family:'GS_B'; font-weight:500; }
.scene-3 .sub_txt p { font-size:16px; line-height:27px; color:#666; font-family: 'Noto Sans KR'; }
.scene-3 .sub_txt ul { padding:20px 0; }
.scene-3 .sub_txt ul li { background-color:#fff; padding:7px 15px; border-radius:40px; margin-bottom:7px; }
.scene-3 .sub_txt ul li font { font-size:16px; color:#333; font-family:'GS_B'; font-weight:500; margin-right:20px; }
.scene-3 .sub_txt ul li span { font-size:16px; color:#666; font-family: 'Noto Sans KR'; }

.scene-4 {  padding:100px 20px; position:relative;background:url(/theme/basic/img/main/back02.png) no-repeat center / auto 100%;  }
.scene-4 .cont_wrap { margin:auto; position:relative; overflow:visible; }
.scene-4 .main_txt { text-align:center; }
.scene-4 .main_txt h2 { font-family:'GS_B'; font-size:42px; font-weight:500; color:#000; word-break:keep-all; }
.scene-4 .main_txt h2 font { color:#ff9700; }
.scene-4 .main_txt p { font-size:18px; font-family: 'Noto Sans KR'; font-weight:normal; margin:3px auto; color:#333; word-break:keep-all; }
.scene-4 .main_txt h2:before { display:block;visibility:visible;clear:both;content:""; width:80px; height:3px; background-color:#855205; margin:20px auto; }
.scene-4 .sub_txt {  text-align:left; margin:auto; padding:50px 0 0; display:grid; grid-template-columns:repeat(1, 1fr); column-gap:14px; row-gap:14px; }
.scene-4 .sub_txt div { padding:30px; background-color:#fff; transition-duration: 0.4s; transform:scale(1,1); }
.scene-4 .sub_txt div h2 { font-size:21px; font-family: 'Noto Sans KR'; font-weight:bolder; color:#855205; text-align:center; word-break:keep-all; }
.scene-4 .sub_txt div p { font-size:15px; font-family: 'Noto Sans KR'; font-weight:400; margin:3px 0; color:#666; word-break:keep-all; text-align:center; }
.scene-4 .sub_txt span { display:block; text-align:center; padding:0 0 20px; }
.scene-4 .sub_txt span img { width:50px; }
}


@keyframes txtleft{
    0% { margin-left:-400px; opacity:0; }
    100% { margin-left:0px; opacity:1; }
}
@keyframes txtright{
    0% { margin-left:400px; opacity:0; }
    100% { margin-left:0px; opacity:1; }
}
@keyframes txttop{
    0% { top:-100px; opacity:0; }
    100% { margin-top:0px; opacity:1; }
}
@keyframes txtbottom{
    0% { bottom:-100px; opacity:0; }
    100% { margin-top:0px; opacity:1; }
}
@keyframes smback{
    0% { background-position:0px auto; }
    100% { background-position:1000px auto; }
}