.container { position: relative; display: flex; justify-content: center; width: 100%; min-width: 728px; height: 100%; background-color: #f2f2f2; }
.contents {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
	max-width: 360px;
    min-width: 320px;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

/* 페이지 */
.section { position: relative; }
.section img { max-width: 100%; }
#section1 { background: #000; }
#section2 { background: #fff url('../image/main/section2_bg01.png') center center no-repeat; background-size: cover; }
#section3 { background: #00ff01; }
#section4 { background: #fff; }
#section5 { background: #fff; }
#section6 { background: #000; color: #fff; }
#section7 { background: #e8e8e8; }
#section8 { background: #000; color: #fff; }
#section9 { background: #f2f2f2 url('../image/main/section9_bg01.jpg') center bottom no-repeat; background-size: contain; }
#section10 {  }
#section11 { background: #000; }
.section .section-inner { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 50px 30px; }

/* 애니메이션 */
@keyframes fadeIn {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}
@keyframes fadeUp {
	0%{transform:translateY(80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeLeft {
	0%{transform:translateX(-80px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeRight {
	0%{transform:translateX(80px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes up {
	0%{transform:translateY(120%);}
	100%{transform:translateY(0);}
}
@keyframes moveTxt {
	0%{transform:translateX(-20px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

/* main */
#section1 .section-inner {  }
.section1_textbox { display: flex; flex-wrap: wrap; align-content: center; height: 100%; }
.section1_text { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; }
.section1_text01 { width: 100%; margin-bottom: 20px; }
.section1_text02 { width: 100%; }
.section1_text01.active { animation: fadeUp 0.5s 0.55s both; }
.section1_text02.active { animation: fadeUp 0.7s 0.75s both; }
.section1_img01 { position: absolute; left: 0px; bottom: 2%; text-align: center; width: 100%; }
.section1_img01.active { animation: fadeUp 0.4s 0.5s both; }
.section1_img01 img { width: 65%; }
.section1_banner { position: relative; width: 100%; height: 70px; background: #00ff01; }
.section1_banner span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 70px; margin: 0 10px; }
.section1_banner span img { height: 20px; }

#section2 .section-inner { padding: 50px 5%; }
.section2_imgbox { opacity: 1; }
.section2_imgbox.active { animation: fadeLeft 0.5s 0.8s both; }

#section3 .section-inner { gap: 40px 0; padding-bottom: 0px; }
.section3_img { opacity: 1; }
.section3_img01.active { animation: fadeUp 0.5s 0.55s both; }
.section3_img02.active { animation: fadeUp 0.6s 0.75s both; }
.section3_img03.active { animation: fadeUp 0.7s 0.95s both; }

#section4 .section-inner { gap: 40px 0; }
.section4_img { opacity: 1; }
.section4_img01.active { animation: fadeUp 0.5s 0.55s both; }
.section4_img02.active { animation: fadeUp 0.6s 0.75s both; }

.section5_list01 { display: flex; flex-wrap: wrap; width: 100%; height: 100%; }
.section5_list01 li { display: flex; flex-wrap: wrap; align-content: space-between; width: 33.33%; height: 50%; padding: 50px 30px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.section5_list01 li:nth-child(3n+1) { border-left: none; }
.section5_list01 li h3 { width: 100%; font-family: 'BMDOHYEON'; font-size: 45px; font-style: normal; }
.section5_list01 li .imgbox { text-align: right; width: 100%; }
.section5_list01 li p { width: 100%; font-size: 25px; word-break: keep-all; }

.section.active .section5_list01 li  h3 { animation: fadeUp 0.5s 0.55s both; }
.section.active .section5_list01 li .imgbox { animation: fadeUp 0.7s 0.75s both; }
.section.active .section5_list01 li p { animation: fadeUp 0.9s 0.95s both; }

#section6 .section-inner { }
#section6 img { opacity: 1; }
#section6 img.active { animation: fadeUp 0.5s 0.55s both; }

#section7 .section-inner {  }
.section7_top { margin-bottom: 15px; opacity: 1; }
.section7_middle { margin-bottom: 30px; opacity: 1; }
.section7_bottom { opacity: 1; }
.section7_top.active { animation: fadeUp 0.5s 0.55s both; }
.section7_middle.active { animation: fadeUp 0.6s 0.75s both; }
.section7_bottom.active { animation: fadeUp 0.7s 0.95s both; }

#section8 .section-inner { padding: 50px 0px; }
#section8 h2 { text-align: center; width: 100%; opacity: 1; }
#section8 h2.active { animation: fadeUp 0.5s 0.55s both; opacity: 0; }
#section8 .section8_imgbox { text-align: center; width: 100%; }
#section8 .section8_imgbox.active { animation: fadeUp 0.7s 0.75s both; }

#section8 .section8_banner { display: block; width: 100%; }
#section8 .section8_banner_inr { width: 100%; height: 50px; }
#section8 .section8_banner_inr span { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 40px; padding: 0 20px; margin: 0 5px; border: 2px solid #00ff01; border-radius: 500px; color: #00ff01; font-size: 16px; font-weight: 600; }
#section8 .section8_banner_inr span.active { background: #00ff01; color: #000; }

#section9 .section-inner { align-content: flex-start; }
.section9_text { margin-bottom: 120px; }
#section9 h2 { text-align: center; width: 100%; margin-bottom: 30px; opacity: 1; }
#section9 h2.active { animation: fadeUp 0.5s 0.55s both; }
#section9 p { text-align: center; opacity: 1; }
#section9 p.active { animation: fadeUp 0.7s 0.75s both; }

#section10 .section-inner { padding: 0; }

#section11 .section-inner { padding: 80px 30px; }
#section11 a { opacity: 1; }
#section11 a.active { animation: fadeUp 0.5s 0.55s both; }
#section11 img { width: 180px; }
.section11_btnbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 10px; margin-top: 30px; }
.section11_btnbox a { flex:1; }
.section11_btnbox a img { max-width: 100%; }

.cont_right { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 288px; margin-left: 80px; }
.cont_right_inr { position: fixed; top: 0; width: 288px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.cont_right .imgbox { position: relative; top: -30px; }
.cont_right .img_inr02 { position: relative; margin-top: -60px; }
.cont_right img { max-width: 100%; }
.cont_right .btnbox { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px 0; margin-bottom: 30px; }
.cont_right .btnbox a { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #000; width: 180px; height: 40px; border-radius: 500px; color: #00ff01; font-size: 1.1em; font-weight: 700; }
.cont_right .noti_img { width: 50px; }

.about img { max-width: 100%; }