/**/
@media(max-width:1340px){
    .site-map-toggle .hamburger span {background:#fff;}
}

/**/
section {margin-bottom:120px;}
section:last-child {margin-bottom:0;}
section.bg-gray {
    background:linear-gradient(to bottom, #fff 15%, #f5f5f5 15%, #f5f5f5 85%, #fff 85%);
}
.line-1 {line-height:1em;}
.line-2 {line-height:2em;}
.line-3 {line-height:3em;}
ul.bnr li {margin-right:20px;}
.btn-orange {
    color:#fff; padding:8px 45px 8px 20px; display:inline-block; font-size:15px;
    background:url(/images/main/vi_bt_wh.png) no-repeat right 14px center #f18d00;
}
.btn-more {
    border:1px solid #fff; border-radius:30px; color:#fff;
    display:inline-block; padding:10px 20px;
}
.btn-more:hover {color:#fff;}
.font-outline {
    text-shadow: -1px 0 #888888, 0 1px #888888, 1px 0 #888888, 0 -1px #888888; color:#fff;
}

/* MAIN */
#section-01 {position:relative; overflow:hidden; padding:0 100px 0 0;}
#section-01 .scroll-down {
    position:absolute; right:2%; bottom:10%;
}
#section-01 .image {/*display:flex; flex-direction:row-reverse;*/}
#section-01 .wrap-sub {
    position:absolute; z-index:100;
    margin:auto; top:0; right:0; bottom:0; left:0; height:300px; width:100%;
}
#section-01 .wrap-sub p {opacity:0; top:15px; position:relative;}
#section-01 .wrap-sub p:nth-child(1) {line-height:110%; font-weight:600; font-size:76px; margin-bottom: 30px;}
#section-01 .wrap-sub p:nth-child(2) {font-weight:600;}
#section-01 .swiper-slide {border-radius:0 0 100px 0; overflow:hidden;}
#section-01 .swiper-pagination {
    max-width:1300px; margin:auto; left:0; right:0;
    text-align:left; bottom:28%;
}
#section-01 .swiper-pagination-bullet-active,
#section-01 .swiper-pagination-bullet {
    width:30px; height:30px; border-radius:0; font-size:16px; color:#fff; font-weight:400;
    background:transparent; opacity: 0.5; line-height:30px; text-align:center;
    transition:all 200ms; position:relative; margin-right:0;
}
#section-01 .swiper-pagination-bullet:before {
    content:''; width:0; height:2px; background:#fff; transition:all 200ms;
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:100%;
}
#section-01 .swiper-pagination-bullet-active {opacity:1; margin-right:40px; font-size:20px;}
#section-01 .swiper-pagination-bullet-active:before {width:40px;}

@media(max-width:1340px){
    #section-01 {padding:0;}
}
@media(max-width:425px){
    #section-01 .wrap-sub p:nth-child(1) {font-size:46px;}
    #section-01 .wrap-sub p:nth-child(2) {font-size:28px;}
}

/**/
#section-02 {
    background:url(/images/main/se02_bg.jpg) bottom 120% right no-repeat;
    padding:80px 0 160px 0;
}
#section-02 .wrap-sub > p {margin-bottom:150px; line-height: 1.3;}
#section-02 .flex {margin-top:80px; justify-content: space-between;}
#section-02 .flex > div {width:45%; position:relative; color:#000;}
#section-02 .flex > div div {}
#section-02 .flex > div div:nth-child(1) {margin-bottom:15px;}
#section-02 .flex > div div:nth-child(2) {color:#666}
#section-02 .flex > div a {
    position:absolute; margin:auto; top:0; right:0; bottom:0; left:auto;
    width:80px; height:80px; background:#ec6800; border-radius:100%; color:#fff;
    display:flex; justify-content: center; align-items: center; font-size:50px;
}

@media(max-width:1024px){
    #section-02 .flex {flex-direction: column;}
    #section-02 .flex > div {width:100%;}
    #section-02 .flex > div:nth-child(1) {margin-bottom:50px;}
}

@media(max-width:425px){
	#section-02{margin-bottom:0;}
	#section-02 .wrap-sub > p {margin-bottom:80px;}
    #section-02 .flex > div a {width:40px; height:40px; font-size:25px;}
    #section-02 .wrap-sub > p br {display:none;}
	#section-02 {padding:0 0 80px 0;}
}

/**/
.owl-nav a {
    display:flex; border:1px solid #ec6800; border-radius:100%; color:#ec6800;
    width:40px; height:40px; justify-content: center; align-items: center; margin:0 10px;
    transition:all 200ms; font-size:14px;
}
.owl-nav a:hover {color:#fff; background:#ec6800;}

/**/
#section-03 {
    margin-bottom:0; padding:170px 0;
    background:url(/images/main/se03_bg.jpg) no-repeat top -30% right -10%, #f5f5f5;
}
#section-03 .se03-head {text-align:left; margin-bottom:100px;line-height: 1.4; position:relative;}
#section-03 .se03-head .owl-nav {position:absolute; right:0; bottom:0; display:flex;}
#section-03 .se03-body {min-height:500px;}
#section-03 .owl-carousel {height:auto; width:100%; margin:auto;}
#section-03 .owl-stage-outer {overflow: initial;}
#section-03 .owl-carousel .item {text-align:center; padding:0 30px;}
#section-03 .owl-carousel .item-card {
    background-color:#fff; border-radius:40px 20px 40px 20px; width:600px; height:420px; position:relative;
    transition:all 200ms; padding:40px; color:#000; overflow:hidden; margin:auto;
}
#section-03 .owl-carousel .item-card:hover {
    background-color:#222; color:#fff; box-shadow: 0 0 36px rgba(0,0,0,0.3);
}
#section-03 .owl-carousel .flex {display:flex; justify-content: space-between; position:relative; z-index:10;}
#section-03 .owl-carousel .flex > div:nth-child(1) {text-align:left;}
#section-03 .owl-carousel .flex > div:nth-child(1) p:nth-child(1) {line-height:50px; margin-bottom:15px;font-weight: 500;}
#section-03 .owl-carousel .flex > div:nth-child(1) p:nth-child(2) {line-height:20px; margin:0;}
#section-03 .owl-carousel .flex > div:nth-child(2) {line-height:80px;}
#section-03 .owl-carousel .product {position:absolute; right:45px; bottom:45px; z-index:10;}
#section-03 .owl-carousel .product img {max-width:300px; max-height:200px;}
#section-03 .owl-carousel .product-bg {position:absolute; left:0; top:0; z-index:1; transform:translateY(77%) translateX(-14%);}
#section-03 .owl-carousel .product-bg.bg02{transform:translateY(25%) translateX(5%);}
#section-03 .owl-carousel .product-bg.bg03{transform:translateY(17%) translateX(18%);}
#section-03 .owl-carousel .product-bg.bg04{transform:translateY(41%) translateX(15%);}

#section-03 .owl-carousel .product-bg img {opacity:0.1;}
#section-03 .owl-carousel .more {position:absolute; bottom:40px; left:40px; animation: dung 1.3s infinite linear;}
#section-03 .owl-carousel .more img {width:50px; height:8px;}
#section-03 .main-slider .swiper-button {position:absolute; top:0; right:0; outline:1px solid blue; width:120px; height:44px; display:flex;}
#section-03 .main-slider .swiper-button-next,
#section-03 .main-slider .swiper-button-prev{
    width:42px; height:42px; border:1px solid #ec6800; border-radius:100%; transition:all 200ms;
}
#section-03 .main-slider .swiper-button-prev{}
#section-03 .main-slider .swiper-button-next{}
#section-03 .main-slider .swiper-button-next:after,
#section-03 .main-slider .swiper-button-prev:after{
    display: flex; justify-content: center; align-items: center; float:left;
    color:#ec6800; font-size:12px; font-weight: 600; width:42px; height:42px;
}

@keyframes dung{
    0%{transform: translateX(0)}
    50%{transform: translateX(12px)  rotate(.001deg);}
    100%{transform: translateX(0);}
}

@media(max-width:768px){
    #section-03 .se03-head .owl-nav {top:auto; right:0; bottom:-45px; left:auto; position:absolute;}
    #section-03 .owl-carousel .item-card {width:100%; max-width:600px;}
}
@media(max-width:425px){
	#section-03 {padding:80px 0;}
    #section-03 .se03-head {margin-bottom:80px;}
    
    #section-03 .se03-head br {display:none;}
    #section-03 .owl-carousel .item {padding:10px;}
	#section-03 .owl-carousel .item-card {width:100%; max-width:400px; height:calc(100vh - 65vh); padding:25px;}
	#section-03 .owl-carousel .item-card .fs-44{font-size:32px;}
	#section-03 .owl-carousel .item-card .fs-68{font-size:35px;}
	#section-03 .owl-carousel .product {right:25px; bottom:25px;}
	#section-03 .owl-carousel .product img{max-width:180px;}
	
	#section-03 .se03-body {min-height:0;}
}
@media(max-width:375px){
	#section-03 .owl-carousel .product {right:15px; bottom:15px;}
	#section-03 .owl-carousel .product img{max-width:130px;}
}
@media(max-width:360px){
	#section-03 .owl-carousel .flex > div:nth-child(1) p:nth-child(1) {margin-bottom:10px;}
	
	#section-03 .owl-carousel .item-card .fs-68{font-size:35px;}

}

/**/
#section-04 {
    background:url(/images/main/se04_bg.jpg) no-repeat center center;
    height:600px;
}
#section-04 .se04-head {line-height: 1.3;margin: 0;}
#section-04 .text {display:flex; flex-direction: column; justify-content: space-between;}
#section-04 .text p:nth-child(1){font-weight:600;}
#section-04 .wrap-b {display:flex; height:100%;}
#section-04 .wrap-sub {flex-shrink: 0; width:100%;}
#section-04 .wrap-sub .flex {justify-content: space-between;}
#section-04 .fc-se04 {color:rgba(255,255,255,0.5); line-height: 1.6;}
#section-04 .items {text-align:center; color:#fff; margin:100px 0 0 0; font-weight:500;}
#section-04 a.view-more {border-bottom:2px solid #fff; padding:0 0 6px 0; font-size:14px; font-weight:500;}

@media(max-width:425px){
	#section-04{height:500px; margin-bottom:80px;}
	#section-04 .wrap-sub {margin-top:80px;}
    #section-04 .wrap-sub .flex  {flex-direction: column;}
    #section-04 .wrap-sub .flex > div:nth-child(1) {margin-bottom:30px;}
    #section-04 .wrap-sub .flex > div:nth-child(2) {}
    #section-04 .wrap-sub .flex > div:nth-child(2) > div:nth-child(1) {margin-bottom:30px;}

}

/**/
#section-05 {background:url(/images/main/se05_bg.png) no-repeat left -200px top 47%;}
#section-05 .se05-head div:nth-child(1){line-height:1.3;}
#section-05 .se05-body .post{transition:all 0.2s;}
#section-05 .se05-body .post:hover{background:#f9f9f9;}
#section-05 .slider {margin:140px 0 0 0;}
#section-05 .slider .wrap-sub p{line-height:1.3; }
#section-05 .slider .wrap-b {position:relative; margin-top:80px;}
#section-05 .slider .wrap-b > .owl-nav {display:flex; align-items: center;}
#section-05 .owl-nav-left,
#section-05 .owl-nav-right {position:absolute; margin:auto; top:0; bottom:0;}
#section-05 .owl-nav-left {left:100px;}
#section-05 .owl-nav-right {right:100px;}
#section-05.section-bbs {padding-bottom:0; margin-bottom:0;}

@media(max-width:1740px){
    #section-05 .owl-nav-left {left:10px;}
    #section-05 .owl-nav-right {right:10px;}
    #section-05 .slider .wrap-b {padding:0 80px;}
}
@media(max-width:425px){
	#section-05 .owl-nav-left {left:0;}
    #section-05 .owl-nav-right {right:0;}
    #section-05 .slider .wrap-sub p br {display:none;}
	#section-05 .slider .wrap-sub p{text-align:center;}
}

/**/
#section-06 {padding-bottom:200px; margin-top:140px;}
#section-06 p {margin-bottom:40px; line-height:1.3;}
#section-06 .ci-list {margin-bottom:50px;}
#section-06 .ci-list ul {display:flex; flex-wrap:wrap;}
#section-06 .ci-list li {width:20%; margin-bottom:40px;}
#section-06 .view-more {color:#000; border-bottom:2px solid #222; padding-bottom:6px; font-size:14px; font-weight:500;}

@media(max-width:1340px){
    #section-06 {}
    #section-06 .ci-list ul {flex-wrap:wrap; justify-content: space-between;}
    #section-06 .ci-list ul li {width:25%;}
}
@media(max-width:900px){
    #section-06 .ci-list ul li {width:30%;}
}
@media(max-width:425px){
	#section-06 {padding-bottom:120px;}
    #section-06 .ci-list ul li {width:50%;}
	#section-06 p {text-align:center; word-break:keep-all;}
}

/**/
.section-bbs {padding:30px 0 160px 0; }
.section-bbs .se05-body {margin:60px 0 0 0;}
.section-bbs .post {display:flex; border-bottom:1px solid #e0e0e0;}
.section-bbs .post:first-child {border-top:2px solid #333;}
.section-bbs .post > div {padding:18px;}
.section-bbs .post .date {
    flex-shrink:0; width:150px; text-align:center; color:#999; display:flex;
    flex-direction:column; justify-content: center; align-items: center;
}
.section-bbs .post .date p {line-height:100%; margin:0;}
.section-bbs .post .date p:nth-child(1) {margin-bottom:10px;}
.section-bbs .post .subject {
    width:100%; display:flex; flex-direction:column; justify-content: center;
}
.section-bbs .post .subject p {margin:0;}
.section-bbs .post .subject a {color:#000;}
.section-bbs .post .img {flex-shrink:0; width:240px;}
.section-bbs .se05-body .post{transition:all 0.2s;}
.section-bbs .se05-body .post:hover{background:#f9f9f9;}
.section-bbs .se05-foot .wrap-sub {
    display:flex; justify-content: center; align-items: center; height:60px; margin-top:40px;
}
.section-bbs .se05-foot .wrap-sub ul {height:100%; margin:0;}
.section-bbs .se05-foot .wrap-sub li,
.section-bbs .se05-foot .wrap-sub > div {display:flex; justify-content: center; align-items: center; height:100%;}
.section-bbs .se05-foot .wrap-sub div > a {
    color:#ec6901; border:1px solid #ec6901; border-radius:100%; width:42px; height:42px;
    display:flex; justify-content: center; align-items: center;
}
.section-bbs .se05-foot .wrap-sub div:first-child {padding-right:40px;}
.section-bbs .se05-foot .wrap-sub div:last-child {padding-left:40px;}
.section-bbs .se05-foot .wrap-sub li a {
    color:#000; width:42px; height:42px; text-align:center; border:1px solid transparent;
    display:flex; justify-content: center; align-items: center; margin:0 4px; border-radius:100%;
}
.section-bbs .se05-foot .wrap-sub li a.active {
    border-color:#ec6901; background:#ec6901; color:#fff;
}

@media(max-width:425px){
    .section-bbs .post .img {display:none;}
}