@charset "utf-8";
.container{overflow: hidden}

/*메인 공통*/
.m_section{padding: 34px 0 50px;background: url(../images/bg/bg_line01.png) no-repeat right bottom;background-size: 90%}
.m_section .top_txt{font-size: 15px;color: #34ade0;line-height: .7;font-family:nanumBarunLFont;padding: 0 5%;top: 30px}
.m_section .top_txt strong{font-family:nanumBarunBFont;}
.m_section .top_txt strong.first{font-size: 26px;}
.m_section h2{font-size: 15px;margin-bottom: 20px;line-height: 1.2;font-family:nanumBarunLFont;font-weight: 600;padding: 0 5%;top: 30px}
.m_section .txt{font-size: 13px;font-family:nanumBarunLFont;line-height: 1.2;margin-bottom: 35px;padding: 0 5%}
.m_section .txt p{margin-bottom: 10px}

.m_section .top_txt.active{opacity: 1;top: 0}
.m_section h2.active{opacity: 1;top: 0}

/*메인 section*/
.section1{color: #fff;text-shadow: 1px 1px 5px rgba(0,0,0,.3);padding: 0}
.bx-wrapper,.bx-viewport{height: 100%;}
.box_main_visual{height: 100%;}
.box_main_visual li{width: 100%;height: 100%;padding-top: 50px;box-sizing: border-box;display: table;background-repeat: no-repeat;background-size: cover}
.box_main_visual .visual1{background-image: url(../images/bg/bg_mainvisual01.jpg);background-position: 60% center;}
.box_main_visual .visual2{background-image: url(../images/bg/bg_mainvisual02.jpg);background-position: 60% 50%}
.box_main_visual .visual3{background-image: url(../images/bg/bg_mainvisual06.jpg);background-position: 85% center;}
.box_main_visual .wrap_txt{display: table-cell;vertical-align: middle;padding-left: 30px}
.box_main_visual .tit{font-size: 30px;line-height: 1;margin-bottom: 10px;top: -50px}
.box_main_visual .comm{font-size: 12.5px;line-height: 1.2;margin-bottom: 10px;top: 30px}

.box_main_visual .tit.on{opacity: 1;top: 0}
.box_main_visual .comm.on{opacity: 1;top: 0}

.section1 .bx-pager{position: relative !important; left: 0; right: 0; margin: 0 auto; bottom: 25px;text-align: center}
.section1 .bx-pager-item{display: inline-block;padding: 0 5px}
.section1 .bx-pager-item a{display: block;width: 9px;height: 9px;border-radius: 50%;background: #fff; text-indent: -9999px;}
.section1 .bx-pager-item a.active{background: #373737}

.section2 .wrap_icon{position: relative;height: 10px;width: 100%;text-align: center;margin-bottom: 50px;}
.section2 .wrap_img{text-align: center;}
.section2 img{width: 50%;transform: scale(.2)}
.section2 img.active{opacity: 1; transform: scale(1)}

.section3 .wrap_btn{text-align: center}
.section3 .wrap_img{margin-top: 15px;position: relative;top: 65px}
.section3 img{width: 100%;left: -80%}
.section3 img.active{opacity: 1;left: 0}

.section4 img{width: 100%;right: -80%}
.section4 img.active{opacity: 1;right: 0}

.section5 .txt{margin-bottom: 15px}
.section5 .comm{font-size: 10px;color: #9f9f9f;padding: 0 5%;line-height: 1.1; margin-bottom: 70px;font-family:nanumBarunBFont;}
.section5 ul{overflow: hidden;padding: 0 5%}
.section5 li{float: left;width: 28%;margin-left: 8%}
.section5 li:first-child{margin-left: 0}
.section5 li img{width: 100%;transform: scale(.1)}
.section5 li img.active{opacity: 1;transform: scale(1)}

.section6{background: none}
.section6 .wrap_img{text-align: center;padding: 0 5%}
.section6 img{width: 100%;top: 100px}
.section6 img.active{opacity: 1;top: 0}