@charset "utf-8"; 

/* Style Reset */
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
@import url("script/fullPage/jquery.fullPage.css");


*{font-family: "Noto Serif KR", "serif", "moneycode", "맑은 고딕", "Dotum", "돋움", "Gulim", "굴림", "AppleGothic", "sans-serif", "dotum";  font-weight:400; letter-spacing:-2px;}
*{margin:0;padding:0;border:0;}

html, body {max-width: 100%;height:100%;margin:0px;padding:0px;overflow:hidden; background:#2b2234; font-size:22px; color: #fff ; letter-spacing: -1px;}

img{width: 100%; height: 100%; object-fit: cover; border:0;  margin:0; padding:0;display: block;}

.section{display:none;overflow: hidden;}

.top {display: block; overflow:hidden; width:100%; color:#000;position:fixed;top:5px;z-index:9;}
.ci {display:block; float:left; padding:10px 0 0 20px; opacity:0.8; width: 90px}
.title {display:block; float:right; padding:10px 10px 10px 30px; opacity:0.8; width: 120px}

/*섹션별배경설정*/
.sbox {background-size:cover;background-position:center center;background-attachment:fixed;}
.bg01{background-image:url('item/section01_bg.jpg');}
.bg02 {background-image:url('item/section02_bg.JPG');}
.bg04 {background-image:url('item/section04_bg.jpg');}

.t_table { min-width:700px;max-width:700px; background-color:rgba(17, 0, 23, 0.8);  margin:0 auto; padding:20px; box-sizing:border-box; border-radius:10px; line-height:1.5em;display:none; font-size: 90%; text-align: center;} 

.t_table_no{line-height:2.5em;display:none; font-size: 113%; text-align: center;}

.t_title{color: rgb(242, 237, 246); font-size: 30px; font-weight: bold;line-height: 1.7em;text-align: center; margin-bottom: 3px;}

.t_body{font-weight:bold ; font-size: 23px; line-height: 1.7em;margin-bottom: 30px;}

.t_box{ text-align: center; position: absolute; top: 50%;width: 100%;z-index: 3;}

.upbutton{width:40px;position:fixed;bottom:0;padding-left:15px; padding-bottom:10px;}
.upbutton img{width:50px;}

.intro_bg {background-image:url('../img/intro_bg.png'); width:100%; height:100%; background-size:cover;}
.intro_img01 {opacity: 0.0; position:absolute; }
.intro_img01 img {width:100%;}

.sin{max-width:100%; height:100vh ;  display:flex;align-items: center;justify-content: center;}

.sin img{max-width: 100%; height:auto ;object-fit: cover; }

.slide_table { min-width:700px;max-width:1000px; background-color:#2b2234;  margin:0 auto; padding:20px; box-sizing:border-box; border-radius:10px; line-height:1.5em;display:none; font-size: 90%; text-align: center;} 

.slide img{width: 100%; display: inline;}

.sin_frame{max-width:100%; height:70% ; margin: 2%; padding-top: 70px;   box-sizing:border-box; display:flex;align-items: center;justify-content: center;
   flex-wrap: wrap; }
   
iframe{min-width:300px;max-width:700px; height:auto ;}

p{font-size: 15px; text-align: center;}

#video_box2{width: 100%; height:100%;object-fit: cover;}

.sin2{max-width:100%; height: 100%; display:flex ; justify-content: center; align-content: center; text-align: center; flex-wrap: wrap; flex-direction: column;}

.next{max-width:80%;  display:flex;align-items: center;justify-content: center;text-align: center;
   flex-wrap: wrap;}

.next img{max-width :400px; min-width: 200px; height: auto; padding: 5px; object-fit: contain;
   text-align: center;}

.down{max-width: 100%; height: 50px;  display:flex;align-items: center;justify-content: center;text-align: center;
   flex-wrap: wrap;}

.down img{max-width: 70px; min-width: 40px;}

.ending{max-width:900px;  display:flex;align-items: center;justify-content: center;text-align: center;
   flex-wrap: wrap; }

.ending img{max-width :230px; min-width: 180px; height: auto; padding: 2px; object-fit: contain;
   text-align: center;}

.credit{height :auto;padding: 10px; display:flex;align-items: center;justify-content: center;text-align: center;
   flex-wrap: wrap;}

.credit img{max-width: 350px; min-width: 200px;}



/*화면 1000이하일때*/
@media screen and (max-width: 1000px) {
.intro_bg{background-position: center top;background-size: 100%;background-size:cover;}
.intro_img01{width: 100%; height: 70% ;  top:10%; left: -5%}
.t_table{top:50%;}
.t_title{font-size: 26px;}
.t_body{font-size: 20px;}
p{font-size: 14px;}


}



/*화면 800이하일때*/
@media screen and (max-width: 800px) {

.intro_bg{background-position: center top;background-size: 160%;background-size:cover;}
.intro_img01{width: 120%; height: 70% ;  left: -17%}
.t_table{top:47%;}
.t_title{font-size: 22px;}
.t_body{font-size: 18px;}
p{font-size: 12px;}

}


/*화면 600이하일때*/
@media screen and (max-width: 600px) {
.intro_bg{background-position: 40% top;background-size: 200%;background-size:cover;}
.intro_img01{width: 120%; height: 70% ;  left: -11%}
.t_table{top:30%;}
.t_title{font-size: 18px;}
.t_body{font-size: 16px;}
p{font-size: 11px;}

}