/*test page template*/
html {
height: 100%;
}
* {
margin: 0;
padding: 0;
}
body {
font-family:'Noto Sans KR';
background: #363636;
color: #777;
word-break: break-all;

}
p {
padding: 0 0 20px 0;
line-height: 1.7em;
}
img {
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font: bold 28px "century gothic", arial, sans-serif;
color: #068900;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;
}
h2 {
font: normal 115% "century gothic", arial, sans-serif;
color: #068900;
}
h4,
h5,
h6 {
margin: 0;
padding: 0 0 5px 0;
font: normal 25px arial, sans-serif;
color: #068900;
}
h5,
h6 {
font: italic 21px arial, sans-serif;
padding: 0 0 15px 0;
color: #000;
}
h6 {
color: #362c20;
}
a,
a:hover {
outline: none;
text-decoration: underline;
color: tomato;
}
a:hover {
text-decoration: none;
}
.left {
float: left;
width: auto;
margin-right: 10px;
}
.right {
float: right;
width: auto;
margin-left: 10px;
}
.center {
display: block;
text-align: center;
margin: 20px auto;
}
blockquote {
margin: 20px 0;
padding: 10px 20px 0 20px;
border: 1px solid #e5e5db;
background: #fff;
}
ul {
margin: 2px 0 22px 17px;
}
ul li {
}
ol {
margin: 8px 0 22px 20px;
}
ol li {
margin: 0 0 11px 0;
}
#main,
#logo,
#menubar,
#site_content,
#footer {
margin-left: auto;
margin-right: auto;
}
#header {
height: 240px;
}
#logo {
width: 80%;
position: relative;
margin-bottom: 45px;
}
#logo h1,
#logo h2 {
font: normal 300% "century gothic", arial, sans-serif;
border-bottom: 0;
text-transform: none;
margin: 0;
}
#logo_text h1,
#logo_text h1 a,
#logo_text h1 a:hover {
padding: 22px 0 0 0;
color: #000;
letter-spacing: 0.1em;
text-decoration: none;
}
#logo_text h1 a .logo_colour {
color: #068900;
}
#logo_text h2 {
font-size: 15px;
padding: 4px 0 0 0;
color: #676767;
}
#menubar {
width: 80%;
height: 72px;
padding: 0;
background: transparent url(transparent.png) repeat;
}
ul#menu,
ul#menu li {
float: left;
margin: 0;
padding: 0;
}
ul#menu li {
list-style: none;
}
ul#menu li a {
letter-spacing: 0.1em;
font: normal 15px arial, sans-serif;
display: block;
float: left;
height: 37px;
padding: 29px 26px 6px 26px;
text-align: center;
color: #000;
text-transform: uppercase;
text-decoration: none;
border-bottom: 2px solid #068900;
background: transparent;
}
ul#menu li a:hover,
ul#menu li.selected a,
ul#menu li.selected a:hover {
color: #fff;
background: #068900;
}
#site_content {
width: 100%;
overflow: hidden;
margin: 0 auto 0 auto;
padding: 0;
/* background: transparent url(transparent_light.png) repeat; */
background: transparent repeat;
}
.sidebar {
float: right;
width: 190px;
padding: 0 15px 20px 15px;
}
.sidebar ul {
width: 178px;
padding: 4px 0 0 0;
margin: 4px 0 30px 0;
}
.sidebar li {
list-style: none;
padding: 0 0 7px 0;
}
.sidebar li a,
.sidebar li a:hover {
padding: 0 0 0 40px;
display: block;
background: transparent url(link.png) no-repeat left center;
}
.sidebar li a.selected {
color: #444;
text-decoration: none;
}
#content {

padding: 0;
}
#content ul {

}
#content ul li {
list-style:none;
}
#footer {
width: 900px;
font: normal 15px "lucida sans unicode", arial, sans-serif;
height: 33px;
padding: 24px 0 5px 0;
text-align: center;
background: transparent url(transparent.png) repeat;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}
footer {
background: #068900;
height: 350px;
}
footer h2 {
color: #fff;
font-size: 28px;
width: 80%;
margin: auto;
}
.search {
color: #5d5d5d;
border: 1px solid #bbb;
width: 134px;
padding: 4px;
font: 100% arial, sans-serif;
}
#colours {
height: 0px;
text-align: right;
padding: 66px 16px 0px 300px;
}
.form_settings {
margin: 15px 0 0 0;
}
.form_settings p {
padding: 0 0 4px 0;
}
.form_settings span {
float: left;
width: 200px;
text-align: left;
}
.form_settings input,
.form_settings textarea {
padding: 5px;
width: 299px;
font: 15px arial;
border: 1px solid #e5e5db;
background: #fff;
color: #47433f;
}
.form_settings .submit {
font: 15px arial;
border: 1px solid;
width: 99px;
margin: 0 0 0 212px;
height: 33px;
padding: 2px 0 3px 0;
cursor: pointer;
background: #068900;
color: #fff;
}
.form_settings textarea,
.form_settings select {
font: 15px arial;
width: 299px;
}
.form_settings select {
width: 310px;
}
.form_settings .checkbox {
margin: 4px 0;
padding: 0;
width: 14px;
border: 0;
background: none;
}
/*easy scroll dots - codepenVersion*/
.scroll-indicator-controller {
position: fixed;
top: 36%;
transform: translate(0, -50%);
right: 43px;
z-index: 999;
display:none;
}
@media (max-width: 1024px) {
.scroll-indicator-controller {
right: 10px;
}
}
.scroll-indicator-controller > div {
width: 6px;
height: 7px;
position: relative;


background: #dcdcdc;
margin: 0 0 10px 0;
cursor: pointer;
transition: background 0.4s ease;
will-change: transition;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
.scroll-indicator-controller > div:hover{
background: #dcdcdc;
border-color: 0;
height: 46px;
}

.scroll-indicator-controller > div span {

position: absolute;
right: calc(100% + 8px);
white-space: nowrap;
top: -1px;
font-family: 'KoreanYNSJG5-R';
font-size: 16px;
line-height: 17px;
width: 0;
overflow: hidden;
opacity: 0;
transform: translateX(10px);
transition: all 0.4s ease;
will-change: transition;
color: #dcdcdc;
font-weight: 600;
text-align:right;
}




.header{width:100%;position:fixed;background:#0072bc;top:0;z-index:99999999;text-align:center;box-shadow: -1px 2px 5px 0 #343434;}
.header_area{max-width: 1360px;width: 100%;position: relative;display: inline-block;}
.header .section_wrap{text-align:right;padding:31px 0;}
.header_logo{position:absolute;top:0;left:0%;box-shadow: -1px 2px 5px 0 #343434;z-index: 9999}
.header_logo img{display: block;}
.header .section_wrap img{margin-right:6%;margin-top:5px;}
.header_txt1{font-size:35.68px;font-weight:700;display:inline-block;color:#fff;margin-right: 155px;}
.header_txt1 span{font-weight: 400;}
.header_txt1:after{content:'';width:77px;height:2px;display:inline-block;background:#0072bc;vertical-align:middle;margin:0 12px;}
.header_txt2{font-size:27.95px;font-weight:600;color:#0072bc;font-weight:700;display:inline-block;}

@media screen and (max-width:1500px){
.header .section_wrap{text-align:right;max-width:inherit;width:59%;}
.header .section_wrap img{margin-right:0;margin-left:13%;}


}
.header_btn{display:inline-block;font-size:29.73px;font-weight:900;color:#0072bc;background:#ffe84b;padding:7.5px 2%;position:absolute;right:0;top:30px;}

.scroll_top{position:fixed;left:30px;bottom:30px;cursor:pointer;z-index:99999;}
.logo{position:absolute;top:30px;left:43px;}
.tel{position:absolute;top:30px;right:43px;}

.section_1{width:100%;background:#0072bc;background:url('../img/sec1_bg.jpg') no-repeat center 0;background-size:cover;}
.section_wrap{max-width:1360px;width:100%;margin:auto;text-align:center;position:relative;overflow:hidden;}
.section_1 .section_wrap{padding:30% 0 23% 0;text-align: center;}
.sec1_txt_area{display:inline-block;}
.sec1_txt1{width:100%;text-align:center;}
.sec1_txt1 div{font-family:'Noto Sans KR';font-size:10em;font-weight:600;color:#ffe530;line-height: 0.7em;}
.sec1_txt1 div span{color: #ffe530;font-size: 0.5em;}
.sec1_txt2{margin-top:4%;font-family:'Noto Sans KR';font-size:3em;color:#fff;text-align:center;font-weight: 400;}



.video1{width: 100%;background: #363636;padding: 15% 0;}

/*
.video{
	width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
*/

/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
/*
video[poster]{
	height:100%;
	width:100%;
}
*/



.section_2{width:100%;padding: 20% 0;text-align: center;position: relative;background: url(../img/mbsec2_bg.jpg) no-repeat center 0;background-size: cover; }
.sec2_txt_area1 img{width: 409px;position: absolute;top: 0;left: 50%;margin-left: -187px;}
.section_2 .section_wrap{text-align:center;}
#videobcg {
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}
.videobcg_filter{
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -999;
     overflow: hidden;


}
.section_2 .videobcg_filter{background:rgba(0,0,0,0.6);}

.y_dots{padding:3% 0;}

.sec2_txt_area1{position:relative;height: 541px;width: 413px;display: inline-block;}
.sec2_txt1{margin:auto;font-family:'Noto Sans KR';font-size:39px;font-weight:500;color:#faeb00;text-align:center;line-height: 69px;font-style: italic;}
.sec2_txt2{font-size:32px;color:#fff;font-weight:500;margin-top: 2%;}

    .text_act_area{width: 100%;margin: auto;text-align: center;position: relative;background: #363636;color: #fff;padding: 25% 0;}
    .text_act_area .text_sec{opacity: 1;margin-top: -119px;margin-left: 37px;}
.text_act_area .text5::before{content: '';display: block;width: 177px;height: 3px;background: #fff;margin: auto;margin-top: 5%;margin-bottom: 4%;}

    .text_act_area .text1{font-size: 148px;font-weight: 900;display: inline-block;transform: matrix(1, 0, 0, 1, -424, 0);text-shadow: rgb(0 210 255) 0px 0px 13px, transparent 0px 0px 7px;}
    .text_act_area .text1 span{padding: 0 10px;font-size: 100px;opacity: 1}
    .text_act_area .text2{font-size: 148px;font-weight: 900;display: inline-block;transform: matrix(1, 0, 0, 1, -30, 0);text-shadow: rgb(0 210 255) 0px 0px 13px, transparent 0px 0px 7px;}
    .text_act_area .text3{font-size: 58px;font-weight: 500;display: inline-block;margin-right: 232px;}
    .text_act_area .text4{font-size: 60px;font-weight: 500;display: inline-block;margin-left: -50px;}
    .text_act_area .text5{font-size: 3em;font-weight: 400;display: inline-block;letter-spacing: -1px;}
    .text_act_area .text5 span{color: #ffe84b;}


    .text_act_area2{width: 100%;margin: auto;text-align: center;position: relative;background: #0072bc;color: #fff;padding: 25% 0;}
    .text_act_area2 .text_sec2{opacity: 1;margin-top: -119px;margin-left: 173px;}
    .text_act_area2 .text10::before{content: '';display: block;width: 177px;height: 3px;background: #fff;margin: auto;margin-top: 7%;margin-bottom: 5%;}
.text_act_area2 .text_first{}

    .text_act_area2 .text6{font-size: 148px;font-weight: 900;display: inline-block;transform: matrix(1, 0, 0, 1, -134, 0);text-shadow: rgb(0 210 255) 0px 0px 13px, transparent 0px 0px 7px;}
    .text_act_area2 .text6 span{padding: 0 10px;font-size: 100px;opacity: 1}
    .text_act_area2 .text7{font-size: 148px;font-weight: 900;display: inline-block;transform: matrix(1, 0, 0, 1, 71, 0);text-shadow: rgb(0 210 255) 0px 0px 13px, transparent 0px 0px 7px;}
    .text_act_area2 .text8{font-size: 58px;font-weight: 500;display: inline-block;margin-right: 215px;}
    .text_act_area2 .text9{font-size: 60px;font-weight: 500;display: inline-block;}
    .text_act_area2 .text10{font-size: 3em;font-weight: 400;display: inline-block;letter-spacing: -1px;}
    .text_act_area2 .text10 span{color: #ffe84b;}


.year_10{width:100%;/*background:url('../img/10year_bg.png') no-repeat center 0;background-size:cover;*/background:#fff;}
.year_10_txt1{width:100%;padding:178px 0;}
.year_10_txt1 img{width:100%;}

.section_3{width:100%;background:url('../img/sec3_bg.jpg') no-repeat center 0;background-size:cover;padding: 25% 0;}
.section_3 .section_wrap{text-align:center;width: 100%;max-width: inherit;overflow: inherit;}
.sec3_txt1 div{font-family:'Noto Sans KR';font-size:4em;font-weight:400;color:#fff;}
.sec3_txt4{font-size:5em;font-weight:900;color:#fff;letter-spacing: -1px;margin-top: 1%;}
.sec3_txt4 span{color: #ffe84b;}
.sec3_txt5{font-size:5em;font-weight:900;color:#fff;letter-spacing: -1px;margin-top: 1%;}
.sec3_txt5 span{color: #00aeef;}


.section_4{width:100%;background:#000;position: relative;overflow: hidden;}
.sec4_bg1{position: absolute;top: 0;left: 0;}
.sec4_bg2{position: absolute;bottom: -7px;right: 0;}
.section_4 .section_wrap{text-align:center;}
.sec4_txt_area{padding:26% 0;}
.sec4_txt1 div::after{content: '';display: block;width: 177px;height: 3px;background: #fff;margin: auto;margin-top: 4%;margin-bottom: 4%;}
.sec4_txt1 div{font-family:'Noto Sans KR';font-size:3em;font-weight:500;color:#fff;}
.sec4_txt1 div span{font-size: 1em;color: #ffe530;font-weight:600;}
.sec4_txt2{color:#fff;font-weight:300;font-size:3.5em;margin-top: 3%;}

.sec4_cont{width:100%;overflow:hidden;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0;
margin-top:26px;
}
.sec4_cont li{diplay:inline-block;text-align:center;float:left;}
.sec4_cont li:nth-child(1){float:left;}
.sec4_cont li:nth-child(2){margin-left:15px;}
.sec4_cont li:nth-child(3){float:right;}
.sec4_cont li:nth-child(4){float:left;margin-top:28px;}
.sec4_cont li:nth-child(5){float:right;margin-top:28px;}

.section_5{width:100%;height: 900px;background:url('../img/sec5_bg.jpg') no-repeat center 0;background-size:cover !important;position: relative;overflow: hidden;position: relative;z-index: 2;}

.section_5_on{width:100%;height: 100%; background:url('../img/sec5_bg_on.jpg') no-repeat center 0;background-size:cover !important;position: relative;overflow: hidden;z-index: 2;opacity: 0;}

.sec5_img{position: absolute;top: -15px;left: 137px;}
.section_5 .section_wrap{text-align:right;    position: absolute;
    top: 0;
    right: 5%;z-index: 4}
.sec5_txt_area{padding:14% 0 29% 0;}
.sec5_txt1{font-size: 3em;line-height: 59px;color: #fff;font-weight: 500;}
.sec5_txt2{font-size: 4em;line-height: 98px;color: #fff;font-weight: 500;margin-top: 2%;}
.sec5_txt2 span{font-size: 1.4em;line-height: 1em;color: #00aeef;font-weight: 700;}
.sec5_txt3{font-size: 46px;line-height: 59px;color: #fff;font-weight: 500;margin-top: 2%;}


.info1{background:#363636;width:100%;position: relative;padding: 5% 0 20% 0;}
.info1_img{display: inline-block;}
.info1 .section_wrap{text-align: center;padding: 0% 0;margin: 0 auto;overflow: inherit;}
.info1_txt1{width:100%;color:#fff;font-size:4em;font-weight:500;line-height: 1.3em;letter-spacing: -1px;margin-top: 2%;opacity: 0;}
.info1_txt1 span{color:#00aeef;font-weight:900;font-size: 1.2em}
.line_vertical{display: block;text-align: center;width: 5px;height: 408px;background: #fff;content: '';margin: auto;margin-bottom: -37%;
    margin-top: 2%;opacity: 0;}
    .up_down {
        position: relative;
       animation-name: scroll_down;
       animation-duration: 3s;
       animation-iteration-count: infinite;
        margin-bottom: 3%;
        width: 100%;height:  230px;display: inline-block;
     }
.sec2_txt_area1 {
        position: relative;
       animation-name: scroll_down;
       animation-duration: 3s;
       animation-iteration-count: infinite;

        width: 100%;height:  230px;display: inline-block;
     }
.up_down img{position: absolute;top: 0;left: 50%;margin-left: -99px;}
     @keyframes scroll_down {
      0%   {top:0px;}
      50%  {top:20px;}
      100% {top:0px;}
    }


.section_6{width:100%;background:url('../img/sec6_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_1{width:100%;background:url('../img/sec6_1_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_2{width:100%;background:url('../img/sec6_2_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_3{width:100%;background:url('../img/sec6_3_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_4{width:100%;background:url('../img/sec6_4_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_5{width:100%;background:url('../img/sec6_5_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6_6{width:100%;background:url('../img/sec6_6_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_6 .section_wrap{text-align:center;}
.sec6_txt_area{padding:21% 0 0 0;position:relative;}
.sec6_1_txt_area{padding:3% 0 0 0;position:relative;}
.sec6_6_txt_area{padding:0 0 10% 0;position:relative;}
.sec6_txt1{font-size: 3em;color: #fff;font-weight: 500;}
.sec6_txt1 span{font-size: 1.5em;color: #00aeef;font-weight: 900;}
.sec6_txt2{margin-top:8%;font-size: 28px;color: #fff;font-weight: 500;    display: flex;    align-content: center;    justify-content: center;    align-items: center;    flex-wrap: wrap;    flex-direction: column;}
.sec6_txt2 span{font-size: 1.1em;color: #00aeef;font-weight: 700;}
.s_vest_txt{text-align: center;display: inline-block;font-size: 1.8em;width: 100%;}
.s_vest{display: inline-block;width: 100px;height: 120px;position: relative;}
.s_vest img{position: absolute;top:0;left: 0;}
.line_vertical2{display: block;text-align: center;width: 5px;height: 145px;background: #fff;content: '';margin: auto;    margin-top: 4%;opacity: 1;}
.line_vertical3{display: block;text-align: center;width: 5px;height: 308px;background: #fff;content: '';margin: auto;    margin-top: 0%;opacity: 1;}

.sec6_6box{padding: 60px;background: rgba(0,0,0,0.6);display: inline-block;border: 3px solid #fff;}
.sec6_6_txt1{font-size: 57px;line-height: 71px;font-weight: 700;color: #fff;}
.sec6_6_txt1 span{font-size: 150px;line-height: normal;font-weight: 700;color: #00aeef;line-height: 155px;}
.sec6_6_txt2{font-size: 3.5em;color: #fff;font-weight: 500;margin-top: 25px;}

.section_7{width:100%;background:url('../img/sec7_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;}
.section_7 .section_wrap{text-align:center;padding: 25% 0;}
.sec7_txt_area{padding:9% 0;}
.sec7_txt1{font-size: 4em;color: #fff;font-weight: 500;}
.sec7_txt1 span{font-size: 61px;color: #00aeef;font-weight: 900;}

.info2{background:#e3edff;width:100%;}
.info2 .section_wrap{padding:9% 0;}
.need{width: 100%;margin: 0;overflow: hidden;padding: 1% 0;}
.need li{list-style: none;width: 23.8%;margin-right: 20px;display: inline-block;float: left;background: #fff;text-align: center;padding: 3% 0 2% 0;box-shadow: 5px 3px 10px;}
.need li:last-child{margin-right: 0;}
.need_img{}
.need_txt1{font-size: 34.69px;color: #0072bc;font-weight: 600;letter-spacing: -3px;margin-top: 6%;}
.need_txt2{font-size: 24.78px;color: #0072bc;letter-spacing: -3px;}

.info2_txt1{    width: 100%;
    margin-top: 3%;
    text-align: center;
    color: #0f0f0f;
    font-size: 27.46px;
    font-weight: 300;
    line-height: 45.77px;
    letter-spacing: -2px;}

.info2_txt1 span{font-weight: 600;color: #0072bc;}

.section_8{width:100%;background:url('../img/sec8_bg.jpg') no-repeat center 0;background-size:cover;background-position: bottom;padding:30% 0;}
.section_8 .section_wrap{text-align:center;}
.sec8_txt1{font-size:3.5em;color: #fff;font-weight: 500;}
.sec8_txt2{margin-top:2%;width: 100%;height: 336px;position: relative;}
.sec8_txt2 img{position: absolute;
    top: 0;
    left: 50%;
    margin-left: -216px;}
.sec8_txt3{font-size:3.5em;color: #fff;font-weight: 500;margin-top: 2%;}

.section_9{width:100%;background:#000;}
.section_9 .section_wrap{text-align:center;}
.sec9_txt_area{padding:26% 0;}
.sec9_txt1 div::after{content: '';display: block;width: 177px;height: 3px;background: #fff;margin: auto;margin-top: 4%;margin-bottom: 4%;}
.sec9_txt1 div{font-family:'Noto Sans KR';font-size:4em;font-weight:500;color:#fff;font-style: italic;}
.sec9_txt1 div span{color: #00aeef;font-weight:600;}
.sec9_txt2{color:#fff;font-weight:300;font-size:3.5em;margin-top: 3%;}


.section_10{width:100%;background:#363636;}
.section_10 .section_wrap{text-align:center;}
.sec10_txt_area{padding:21% 0 21% 0;}
.sec10_txt1{font-family:'Noto Sans KR';font-size:3em;font-weight:500;color:#fff;line-height: 71px;}
.sec10_txt2{color:#fff;font-weight:900;font-size:4em;line-height: 1.5em;margin-top: 3%;}
.sec10_txt2 span{color: #fff200;}


.section_11{width:100%;background:#fff;padding:15% 0;}
.section_11 .section_wrap{text-align:center;}
.sec11_txt1{font-size:3em;font-weight:400;color:#000;letter-spacing: -2px;}
.sec11_txt1 span{font-size:2em;font-weight:900;color:#0072bc;letter-spacing: -3px;}
.sec11_txt2{margin-top:5%;}
.sec11_cont{margin:auto;text-align:center;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;margin-top:6%;}
.sec11_cont {overflow:hidden;width:100%;}
.sec11_cont li{text-align:center;display:inline-block;width: 100%;margin-top: 5%;}
.sec11_cont li img{width: 30%;}
.cont_tit{font-size:5em;color:#0072bc;font-weight:700;margin-top:2%;}
.cont_txt{color:#000;font-size:3.5em;margin-top:2%;letter-spacing: -2px;font-weight: 300;}


.section_12{background:#363636;}
.section_12 .section_wrap{padding: 0 0 10% 0;}

.section_13{width:100%;background:#363636;}
.section_13 .section_wrap{text-align:center;}
.sec13_txt_area{padding:0% 0 20% 0;}
.sec13_txt1{font-family:'Noto Sans KR';font-size:3em;font-weight:500;color:#fff;}
.sec13_txt2{color:#fff;font-weight:900;font-size:4em;}
.sec13_txt2 span{color: #fff200;}
.officer_area{width: 100%;position: relative;height: 580px;margin-top: 2%;}
.officer_cont{border-radius: 400px;display: inline-block;border: 5px solid #00aeef;background-size: cover !important;overflow: hidden;position: absolute;-webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);}
.officer_layer{width: 100%;height: 100%;background:rgba(0,0,0,0.5);font-size: 31px;font-family: 'NanumSquare';font-weight: 600;color: #fff;display: flex;justify-content: center;align-items: center;line-height: 44px;
}
.officer01{background: url(../img/officer_01.jpg) no-repeat center center;width: 258px;height: 258px;top: 31px;left: 38px;}
.officer02{background: url(../img/officer_02.jpg) no-repeat center center;width: 396px;height: 396px;bottom: 0;left: 172px;}
.officer03{background: url(../img/officer_03.jpg) no-repeat center center;width: 292px;height: 292px;top: 20px;left: 465px;}
.officer03{background: url(../img/officer_03.jpg) no-repeat center center;width: 292px;height: 292px;top: 20px;left: 465px;}
.officer04{background: url(../img/officer_04.jpg) no-repeat center center;width: 303px;height: 303px;bottom: 0;right: 446px;}
.officer05{background: url(../img/officer_05.jpg) no-repeat center center;width: 391px;height: 391px;top: 0;right: 169px;}
.officer06{background: url(../img/officer_06.jpg) no-repeat center center;width: 300px;height: 300px;bottom: 65px;right: 0;}

.section_14{width:100%;background:#0072bc;}
.section_14 .section_wrap{text-align:center;}
.sec14_txt_area{padding:21% 0;}
.sec14_txt1{font-family:'Noto Sans KR';font-size:4em;font-weight:900;color:#fff200;}
.sec14_txt2{color:#fff;font-weight:500;font-size:4em;margin-top: 1%;}
.sec14_txt2 span{color:#fff200;font-weight:900;}
.sec14_txt3{font-family:'Noto Sans KR';font-size:4em;font-weight:900;color:#fff200;margin-top: 6%;}
.sec14_txt4{font-family:'Noto Sans KR';font-size:2em;font-weight:400;color:#fff;margin-top: 6%;}

.section_15{width:100%;background:url('../img/sec15_bg.jpg') no-repeat center 0;background-size:cover;}
.section_15 .section_wrap{text-align:center;}
.sec15_txt_area{padding:29% 0;}
.sec15_txt1{font-family:'Noto Sans KR';font-size:4em;font-weight:900;color:#00aeef;line-height: 1.5em;}
.sec15_txt2{color:#fff;font-weight:500;font-size:3em;line-height: 1em;margin-top: 2%;}

.section_16{width:100%;background:#363636;padding: 15% 0;}
.section_16 .section_wrap{text-align:center;}
.sec16_txt_area{padding:24% 0;}
.sec16_txt2{font-family:'Noto Sans KR';font-size:3em;font-weight:400;color:#fff;line-height: 1.5em;margin-top: 3%;}
.sec16_txt2 span{font-weight: 700;color: #00aeef;}

.section_17{width: 100%;}
.hope_slide{width: 100%;}
.hope1{width: 100%;height: 100%;background: #0072bc;text-align: center;padding: 5% 0;}
.hope2{width: 100%;height: 100%;background: #fff;text-align: center;padding: 5% 0;}
.hope3{width: 100%;height: 100%;background: #0072bc;text-align: center;padding: 5% 0;}

.hope_area{width: 1360px;overflow: hidden;text-align: center;margin: auto;}
.hope_txt{width: 100%;}
.htxt_1{font-size: 4.5em;color: #fff;font-weight: 900;margin-top: 4%;}
.htxt_1 span{font-weight: 500;}
.htxt_2{font-size: 3.5em;color: #fff;font-weight: 400;}
.htxt_2 span{color: #fff200;}
.hope_pic{width: 50%;margin: auto;}
.hope2 .htxt_1{color: #0072bc;font-weight: 900;}
.hope2 .htxt_1 span{font-weight: 500;}
.hope2 .htxt_2{color: #000;font-weight: 400;}
.hope2 .htxt_2 span{color: #000;}
.hope2 .sec17_tit{color: #0072bc;}
.sec17_tit{font-size: 5em;line-height: 1.5em;color: #ffe84b;margin-bottom: 2%;font-weight: 700;}

.number{width:100%;background:#fff;}
.number .section_wrap{text-align:center;padding:13% 0;}
.percent{overflow:hidden;width:100%;;margin:0;}
.percent li{font-family:'KoreanCUBE-R';color:#0072bc;font-size:60px;float:left;margin-right:2%;width:305px;}
.percent li:last-child{margin-right:0;}
.percent li span{font-size:97px;}
.num_txt{font-size:36px;width:61%;border-top:5px solid #0072bc;border-bottom:5px solid #0072bc;padding:10px 0;font-family:'Noto Sans KR';margin:auto;font-weight:900;}
.number_txt1{margin-top:4%;}


@media screen and (max-width:1650px){


}





.donate{font-size:3em;color:#0072bc;padding:1% 4%;background:#ffe530;display:inline-block !important;margin:auto;margin-top:3%;overflow:auto;transition:0.3s ease-in-out;font-weight:600;}
.donate a{color:#0072bc;text-decoration:none;}
.donate:hover{background:#fff;}
.donate:hover a{}

.footer{background:#000;}
.footer .section_wrap{text-align:left;}
.foot_info{color:#bacec6;font-family:'NanumSquare';font-size:11px;padding:3% 0;display:inline-block;}
.footer_sns{position:absolute;right:0;top:55px;}
.footer_sns ul{}
.footer_sns li{float:left;list-style: none;}
.footer_sns li a{
 display: block;
 width: 80px;
 height: 80px;
 background-image: url(../img/sns_mb.png);
 background-repeat: no-repeat;
}
.footer_sns li + li{margin-left:12px;}

.footer_sns li.sns2 a{background-position:-105px 0;}
.footer_sns li.sns3 a{background-position:-207px 0;}
.footer_sns li.sns4 a{background-position:-313px 0;}


.footer_logo{

 left: 0;


 vertical-align: top;
 width: 10%;
 min-height: 170px;
 background: url(../img/foot_logo.png) no-repeat 0 0;
 font-size: 0;
 text-indent: -999em;
    background-size: cover;position:inherit;display:inline-block;top:0;

}
.footer_logo{position:inherit;display:inline-block;top:0;}
.db_ul{width:100%;overflow:hidden;margin:6% 0 10% 0;

}
.db_ul>li{float:left;width:44%;}
.db_ul>li:nth-child(2){width:50%;float:right;}
.active-purple{background:#fff;}
.event{width:100%;height:1000px;background:url('../img/event.jpg') no-repeat center 0;background-size:cover;min-width:1307px;}


@media (hover: hover) {
.scroll-indicator-controller > div:hover span {
width: auto;
opacity: 1;
overflow: visible;
transform: translateX(0px);
}
}
.scroll-indicator-controller > div.active span{

width: auto;
opacity: 1;
overflow: visible;
transform: translateX(0px);

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.scroll-indicator-controller > div:hover span {
width: auto;
opacity: 1;
overflow: visible;
transform: translateX(0px);
}
}
@media (hover: none) {
.scroll-indicator-controller > div span {
display: none;
}
}
.scroll-indicator-controller.indi-mobile > div span {
display: none;
}
.scroll-indicator-controller > div.active {
background: #dcdcdc;
border-color: 0;
height:46px;
}
@supports (-ms-ime-align: auto) {
.scroll-indicator-controller > div span {
transition: opacity 0.4s ease;
}
}

.pc{display:block !important;}
.mb{display:none !important;}

.mheader{width:100%;overflow:hidden;position:fixed;display:inline-block;z-index:99999999}
.mheader_01{float:left;width:64.8841%;display:inline-block;}
.mheader_02{float:left;width:35.1158%;display:inline-block;}
.mheader img{width:100%;}

.footer_sns{position:inherit;text-align:center;top:0;}
.footer_sns ul{display:inline-block;}
.scroll_top{display:none;}
.footer .section_wrap{text-align:center;padding:4% 0;}

.foot_info{margin-left:0;width:100%;padding:5% 3%;text-align:left;word-break:keep-all;}
#content>div{position: relative;}
.refer{position: absolute;right: 2%;bottom: 2%;color: #fff;font-size: 2.5em;z-index: 999;}
.hope2 .refer{color: #000;}

@media screen and (max-width:1100px){
.pc{display:none !important;}
.mb{display:block !important;}

body{min-width:inherit;}*/
.section_wrap{max-width:inherit;text-align:center;}
.section_1 .section_wrap{padding:35% 0 28% 0;}
.mbsection_center{text-align:center;}


    #main{padding-top: 7%;}
.section_1{height:inherit;background-position: bottom;}
.sec1_video{width:80%;margin:auto;float:inherit;margin-top:5%;}
.sec1_video video{width:100%;height:inherit;}
.sec1_txt_area{width:100%;}
.sec1_txt2{margin-top:1%;}
.sec1_txt1,.sec1_txt2{text-align:center;}
.sec2_txt1_m{font-size:3em;}
.section_2{background:url('../img/section2_bg_mb.png') no-repeat center 0;background-attachment:fixed;background-size:cover;}
.section_2 .section_wrap,.section_4 .section_wrap,.section_5 .section_wrap,.section_6 .section_wrap,.section_7 .section_wrap,.section_8,.section_9 .section_wrap,.section_10{padding:18% 0;}
.section_3 .section_wrap{padding:14% 0;overflow: inherit;}
.section_4{background:#fff;}
.section_5{}
.section_5{background:url('../img/section5_bg_mb.png') no-repeat center 0;background-attachment:fixed;background-size:cover;}
.section_6{background:url('../img/section6_bg_mb.png') no-repeat center 0;background-attachment:fixed;background-size:cover;}
.section_10{background-position-x:inherit;}
.section_8{background-position-x:right;}
.info1 .section_wrap,.info2 .section_wrap{padding:10% 0;}
.percent li{width:48%;margin-bottom:5%;}
.num_txt{padding:0;font-size:0.4em;}
.percent li{font-size:3em;}
.percent li span{font-size:1em;}

.section_9{background-position-x:inherit;}
.donate{margin-top:6%}

#videobcg{left:-60%;}
.section_9,.section_10{display:none !important;}

.footer_sns{position:inherit;text-align:center;top:0;}
.footer_sns ul{display:inline-block;}
.scroll_top{display:none;}
.footer .section_wrap{text-align:center;padding:4% 0;}
.footer_logo{position:inherit;width:70px;height:87px;display:inline-block;top:0;}
.foot_info{margin-left:0;width:100%;padding:5% 3%;text-align:left;word-break:keep-all;}

}