@charset "utf-8";

.goto {
    position: fixed;
    right: 2%;
    top: 11%;
    z-index: 100;
    box-shadow: 0px 5px 16px 1px #0000002b;
    /* padding: 1em; */
    border-radius: 1em;
    overflow: hidden;
    background-color: white;
}
.goto h3 {/* visibility:hidden; */height:0;text-indent: -9999px;}
.goto ul{
    padding: 1em;
}
.goto ul li{
    visibility: hidden;
}
.goto ul li a{padding: .5em 0 .5em 0em;display: flex;justify-content: flex-start;align-items: center;}
.goto ul li a span {
    display: table;
    width: 50px;
    height: 50px;
    background-color: var(--color-point1);
    background-repeat: no-repeat;
    margin-right: .5em;
    border-radius: 3em;
    background-position-x: center;
    background-position-y: center;
}
.goto ul li:nth-of-type(1) a span{
    background-image: url(/img/main/goto1.png);
}

.goto ul li:nth-of-type(2) a span{background-image: url(/img/main/goto2.png); background-color: var(--color-point2);}
.goto ul li:nth-of-type(3) a span{background-image: url(/img/main/goto3.png);background-color: var(--color-point3);}
.goto ul li:nth-of-type(4) a span{background-image: url(/img/main/goto4.png);background-color: var(--color-point4);}
.goto ul li:nth-of-type(5) a span{background-image: url(/img/main/goto5.png);background-color: #ff981f;}
.goto > a{
    background-color: var(--color-main);
    color: white;
    width: 100%;
    display: flex;
    padding: 1em;
    align-items: center;
    justify-content: space-around;
}	
.section1 {height: 95vh;}

.section1 div a {
    
    width: 100%;
    height: 100%;
    display: table;
}

.section1 div a:focus-visible, 
.section1 div a:focus{}

.section1 .slide1 {
    z-index: 0;
    width: 100%;
}
.section1 .slide1 li{
    width: 100%;
    height: 70vh;
    background-size: 100%;
    background-position: center;
}
.section1 .slide1 li a {
    width: 100%;
    height: 100%;
    display: table;
}
.section1 .bx-wrapper {
    box-shadow: none;
    margin-bottom: unset;
    border: 0;
}
.section1 .bx-wrapper .bx-pager {
    bottom: 5em;
    text-align: left;
    width: var(--width-size);
    padding-left: 16%;
}

.section1 .slide1 li .text {opacity:0;left: 50%;top: 45%;width: calc(1300/1920*100vw);transform: translate(-50%, -50%);position: absolute;z-index: 9;font-size: 4em;height: auto;visibility: hidden;/* animation-delay: 0.2s; */}
.section1 .slide1 li .text * {opacity:0;text-shadow: 0 3px 6px rgb(0 0 0 / 24%);}
.section1 .slide1 li .text h2 {font-size:4rem;}
.section1 .slide1 li .text p {
    font-size: 1.4rem;
    padding-top: 1em;
    font-weight: 400;
}
.section1 .slide1 li .text a {
    font-size: 20px;
    display: inline-flex;
    padding: .5rem 1rem;
    background-color: var(--color-main);
    width: 15%;
    justify-content: center;
    border-radius: 3rem;
    text-shadow: unset;
    font-weight: 600;
}
.section1 .slide1 li .text span {
    /* color: var(--color-main); */
}
.section1 .slide1 li .text span.point2 {/* color: var(--color-point2); */}
.section1 .slide1 li.on .text *{
	opacity:1;
	visibility:visible;
	animation: fadeleft .6s alternate;
	animation-fill-mode: both;
	color: #fff;
}
.section1 .slide1 li.on .text h2 {animation-delay: 0s;}
.section1 .slide1 li.on .text p {animation-delay: 0.3s;}
.section1 .slide1 li.on .text a {animation-delay: 0.6s;}
.section1 .bx-wrapper {
    box-shadow: none;
    margin-bottom: unset;
    border: 0;
    /* height: 100vh; */
    margin-top: 90px;
}
.section1 .bx-wrapper .bx-prev {
    background: url(/img/slide/arrow_left.png) no-repeat 0 0px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-color: rgba(255,255,255,.5);
    z-index: 8;
}
.section1 .bx-wrapper .bx-next {
	background: url(/img/slide/arrow_right.png) no-repeat 0 0px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-color: rgba(255,255,255,.5);
	z-index: 8;
}
.section1 .bx-wrapper .bx-next:hover,
.section1 .bx-wrapper .bx-next:focus,
.section1 .bx-wrapper .bx-prev:hover,
.section1 .bx-wrapper .bx-prev:focus{}

.section1 .quickmenu {width: var(--width-size);margin: 0 auto;display: flex;justify-content: space-between;}
.section1 .icon_link{
    width: 57%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 2em; */
}
.section1 .icon_link:hover {
	/*margin-top:-1em; */
	
}
.section1 .icon_link li{
    width: 200px;
    height: 240px;
    transform: translateY(0px);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    overflow: hidden;
    /* visibility: hidden; */
    display: flex;
    align-items: center;
}
.section1 .icon_link li:hover {
	background-color:
	green;
	border-radius:1em;
	padding:2em 0;
	transform: translateY(-20%);
	z-index: 1;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-backface-visibility: hidden;
}


.section1 .icon_link li a{
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    padding-bottom: 1em;
    /* padding-top: 4em; */
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.2em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 1em;
    align-items: flex-end;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    overflow: hidden;
}
.section1 .icon_link li.i_cl1:hover {background-color:var(--color-main);}
.section1 .icon_link li.i_cl2:hover {background-color:var(--color-point1);}
.section1 .icon_link li.i_cl3:hover {background-color:var(--color-point2);}
.section1 .icon_link li.i_cl4:hover {background-color:var(--color-point3);}
.section1 .icon_link li.i_cl5:hover {background-color: var(--color-point4);}
.section1 .icon_link li.i_cl6:hover {background-color:var(--color-point5);}

.section1 .icon_link li:hover a {color:white; margin-top:0;
	-webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-backface-visibility: hidden;}

.section1 .icon_link li:nth-of-type(1) a { background-image:url(/img/main/icon3.png)}
.section1 .icon_link li:nth-of-type(1):hover a{background-image:url(/img/main/icon3_over.png);}

.section1 .icon_link li:nth-of-type(2) a { background-image:url(/img/main/icon5.png)}
.section1 .icon_link li:nth-of-type(2):hover a{background-image:url(/img/main/icon5_over.png);}
.section1 .icon_link li:nth-of-type(3) a { background-image:url(/img/main/icon2.png)}
.section1 .icon_link li:nth-of-type(3):hover a{background-image:url(/img/main/icon2_over.png);}
.section1 .icon_link li:nth-of-type(4) a { background-image:url(/img/main/icon4.png)}
.section1 .icon_link li:nth-of-type(4):hover a{background-image:url(/img/main/icon4_over.png);}
.section1 .icon_link li:nth-of-type(5) a { background-image:url(/img/main/icon1.png)}
.section1 .icon_link li:nth-of-type(5):hover a{background-image:url(/img/main/icon1_over.png);}
.section1 .icon_link li:nth-of-type(6) a { background-image:url(/img/main/icon6.png)}
.section1 .icon_link li:nth-of-type(6):hover a{background-image:url(/img/main/icon6_over.png);}
.section1 .banner {
    width: 35%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section1 .banner li {
    width: 100%;
    text-align: center;
    transition:all .5s
}
.section1 .banner li h4 {font-family: 'GmarketSansBold';font-size: 24px;color: #fff;margin-bottom: .5rem;}
.section1 .banner li > div  {padding:1rem;border-radius: 10px;}
.section1 .banner li .banner_l {
    background-color: var(--color-main);
}
.section1 .banner li .banner_r {
    background-color: var(--color-point3);
}
.section1 .banner li .banner_d {
    background-color: #fff;
    border-radius: 10px;
    padding: .5rem;
}
.section1 .banner li p {
    font-weight: 400;
    margin: .5rem;
}
.section1 .banner li p.tit {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    line-height: 1.6;
}
.section1 .banner li p span {background-color: #4daaf026;/* display: block; *//* margin: 0 1rem; */border-radius: 20px;padding: 0 2rem 2px;font-weight: 700;color: var(--color-main);}
.section1 .banner li:nth-child(2) p span {background-color: #ff6d9824;color: var(--color-point3);}
.section1 .banner li:hover {transform: translateY(-20%);
	z-index: 1;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	-webkit-backface-visibility: hidden;}

@media screen and (max-width: 1000px) {
	.goto {
    display: none;
}
	.goto ul{}
	.goto ul li{}
	.goto ul li a{}
	.goto > a{}	
	.section1 {
}
	.section1 {height:auto;}
	.section1 .bx-wrapper{height: 75vh;min-width: 100%;}
	.section1 .slide1 {
    min-width: 100%;
    height: 75vh;
}
	.section1 .slide1 li{
    background-position-x: -15em;
    background-position-y: center;
    /* background-size: unset; */
    height: 64vh;
}
	.section1 .slide1 li{background-position-x: 65%;background-position-y: bottom;/* margin-top: 80px; */background-repeat: no-repeat;background-size: cover;/* background-color: #000; */max-width: 100%;height: 100%;}
	.section1 .slide1 li .text {
    width: 100%;
    padding: 2rem 1rem;
    top: 0;
    left: 0;
    transform: unset;
    margin-top: 80px;
}
	.section1 .slide1 li .text h2 {
    font-size: 2rem;
}
	.section1 .slide1 li .text p {
    font-size: 1rem;
}
	.section1 .slide1 li .text a {width:100%}
	.section1 .quickmenu {width: 100%;display: flex;flex-direction: column;}
	.section1 .icon_link{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
}
	.section1 .icon_link li{
    width: 33%;
    height: auto;
}
	.section1 .icon_link li a{
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.2em;
    align-items: center;
    padding-top: 6em;
}
	.section1 .icon_link li:hover {
    padding: .5rem;
    transform: translateY(-10%);
}
	.section1 .banner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    }
	.section1 .banner li {width: 100%;}
	.section1 .bx-wrapper .bx-pager {
    bottom: 5%;
    width: 100%;
    padding-left: 0;
    text-align: center;
}
}

.section2 {
    background-color: var(--color-bg-point1);
    display: flex;
    justify-content: center;
    padding: 4em 0;
}
.section2 .sec_wrap {
	width: var(--width-size);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.section2 .notice {
    width: var(--width-size);
    box-shadow: 10px 10px 20px -10px #00000021;
    background-color: white;
    border-radius: 1em;
    /* display: flex; */
    /* justify-content: space-between; */
    padding: 2em 3em;
    width: 62%;
}
.section2 .notice .top {
    display: flex;
    justify-content: space-between;
    margin: 2rem 0 1rem;
    border-bottom: 1px solid #ddd;
}
.section2 .notice .top .tablink a {
	/* background-color: #4daaf0; */
	color: var(--color-main);
	/* width: 10rem; */
	padding: .5rem;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	visibility: hidden;
	display: flex;
	border-radius: 50%;
	border: 1px solid var(--color-main);
	width: 35px;
	height: 35px;
}
.section2 .notice > div{
    /* width: 60%; */
}
.section2 .notice > div:nth-of-type(1){
    /* width: 30%; */
    text-align: center;
}
.section2 h2{
    font-size: var(--main-h3-size);
    visibility: hidden;
    text-align: center;
}
.section2 .notice > div:nth-of-type(1) p{
    margin: 1em 0 3em;
    /* width: 45%; */
    word-break: keep-all;
}
.section2 .notice > div:nth-of-type(1) a{
    background-color: var(--color-main);
    color: white;
    width: 10rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    visibility: hidden;
    display: flex;
    border-radius: .5rem;
}
.section2 .notice > div:nth-of-type(1) i{}
.section2 .notice > div:nth-of-type(2){
    /* width: 60%; */
    /* height: 25em; */
    margin-bottom: 1em;
}
.section2 .notice > div:nth-of-type(2).tabs {}

.section2 .notice > div:nth-of-type(2) .tab{
    /* border-bottom: 1px solid #ddd; */
    /* padding: 0 0 0.8rem 0; */
    display: flex;
    position: relative;
    height: unset;
    /* margin: 2rem 0 1rem; */
}
.section2 .notice > div:nth-of-type(2) .tab h3 a{
    font-size: 1.2em;
    /* margin-right: 1.8em; */
    color: var(--color-gray);
    font-weight: 600;
    /* padding: .5em 2em; */
    display: block;
    text-align: center;
    /* margin-right: 3em; */
    padding: 0 2em .5em;
}
.section2 .notice > div:nth-of-type(2) .tab h3 a.on {
    color: var(--color-main);
    position: relative;
    border-bottom: 4px solid var(--color-main);
}
.section2 .notice > div:nth-of-type(2) ul{}
.section2 .notice > div:nth-of-type(2) ul li{
    padding: 1em 0;
    border-bottom: 1px dashed #eee;
    display: flex;
    justify-content: space-between;
}
.section2 .notice > div:nth-of-type(2) ul li span{
    display: flex;
    align-items: center;
}
.section2 .notice > div:nth-of-type(2) ul li span:nth-of-type(1){
    color: white;
    padding: .3em .5em;}
.section2 .notice > div:nth-of-type(2) ul li span:nth-of-type(2){}
.section2 .notice > div:nth-of-type(2) ul li a{
    width: 70%;
    display: flex;
    align-items: center;
}
.section2 .notice > div:nth-of-type(2) .tab_inner {
    display: none;
    font-weight:unset;
    position: relative;
}
.section2 .notice > div:nth-of-type(2) .tab_inner.on {
    display: unset;
}
.section2 .angel {width: 35%;box-shadow: 10px 10px 20px -10px #00000021;background-color: white;border-radius: 1em;padding: 2em;}
.section2 .angel > p {
    text-align: center;
    margin-top: 1em;
    font-weight: 400;
    color: #7e7e7e;
}
.section2 .angel_list {height: 300px;margin-top: 1rem;background-color: #E9F5FE;border-radius: 10px;padding: 1.5rem;/* overflow: hidden; */}
.section2 .angel_list .listSwiper {overflow: hidden;height: 100%;}
.section2 .angel_list .listSwiper li {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.section2 .angel .bank {
    margin-top: 1.5rem;
    text-align: center;
    background-color: var(--color-main);
    border-radius: 10px;
    padding: 1rem;
    color: #fff;
}
.section2 .angel .bank strong {font-size: 1.4rem;font-weight: 600;}
.section2 .angel .bank p {font-weight:400}
.section3 > .slide {width: var(--width-size);height: 400px;margin-top: 2em;}
.section3 > .slide .bx-wrapper {
    box-shadow: unset;
    background: unset;
    border: unset;
}
.section3 > .slide .slide33 {
    display: flex;
}
.section3 > .slide .slide33 li{}

span.color1 {background-color: var(--color-point4);}
span.color2 {background-color: green;}
span.color3 {background-color: var(--color-point3);}
span.color4 {background-color: var(--color-point3);}

.section3 > .simple_list{
    display: none;
}
.section3 > .simple_list.on {
    display: block;
}
.section3 > .simple_list ul{
    display: flex;
    /* margin-left: 27.7px; */
}
.section3 > .simple_list ul li{
    border: 0;
    width: 382px;
    height: 382px;
    box-shadow: 4px 11px 30px -11px #ccc;
}
.section3 > .simple_list ul li:nth-last-of-type(1) {
    margin-right: 0;
}
.section3 > .simple_list ul li div{}
.section3 > .simple_list ul li a{
    border: 0;
}
.section3 > .simple_list ul li.empty_li{
    box-shadow: unset;
}

@media screen and (max-width: 1000px) {
	.section2 {
}
	.section2 .sec_wrap {
    display: flex;
    flex-wrap: wrap;
}
	.section2 .notice {
    padding: 1em;
    display: flex;
    flex-direction: column;
    width: 94%;
    border-radius: 1em;
    margin: 0 auto;
}
	.section2 .notice > div{
}
	.section2 .notice .top {
    margin: 0;
    display: flex;
    align-items: center;
}
	.section2 .notice > div:nth-of-type(1){
    width: 100%;
    text-align: center;
    margin-bottom: .5rem;
}
	.section2 .notice > div:nth-of-type(1) h3{}
	.section2 .notice > div:nth-of-type(1) p{
    margin: 1em 0;
    width: 100%;
}
	.section2 .notice > div:nth-of-type(1) a{
    margin: 0 auto;
    padding: .5rem;
}
	.section2 .notice > div:nth-of-type(1) i{}
	.section2 .notice > div:nth-of-type(2){
    display: flex;
    flex-direction: column;
    width: 100%;
	height: auto;
}
	.section2 .notice > div:nth-of-type(2) .tab{display: flex;flex-direction: row;justify-content: space-between;padding: .5rem 0;flex-wrap: wrap;margin-bottom: 0;}
	.section2 .notice > div:nth-of-type(2) .tab a{
    margin-right: 0;
    font-size: 1.2em;
}
	.section2 .notice > div:nth-of-type(2) .tab h3 a {
    padding: 0.5rem;
}
	.section2 .notice > div:nth-of-type(2) ul{}
	.section2 .notice > div:nth-of-type(2) ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    align-items: baseline;
}
	.section2 .notice > div:nth-of-type(2) ul li:last-child{border-bottom:0}
	.section2 .notice > div:nth-of-type(2) ul li span{}
	.section2 .notice > div:nth-of-type(2) ul li span:nth-of-type(1){
    width: 25%;
    font-size: 0.9em;
    border-radius: 1em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2em;
}
	.section2 .notice > div:nth-of-type(2) ul li span:nth-of-type(2){/* width: 100%; */text-align: right;font-size: 0.85em;line-height: 0;position: absolute;right: 3px;bottom: 14px;font-weight: 300;}
	.section2 .notice > div:nth-of-type(2) ul li a{
    width: 70%;
    padding: 0.5em 0 0.8em;
}
	.section2 .notice > div:nth-of-type(2) .tab a.on:after {
    display: none;
	}
	.section2 .angel {width:94%;margin: 0 auto;margin-top: 2rem;padding: 1rem;}
	.section3 > div.slide {
    width: 360px;
    overflow: hidden;
 }
}

.section3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4em 0;
}
.section3 .wrap {
    width: var(--width-size);
}
.section3 .wrap .bx-wrapper {
    box-shadow: none;
    border: 0;
}
.section3 .wrap .bx-wrapper .bx-controls-direction {
    position: absolute;
    width: 100%;
    top: 37%;
}
.section3 .wrap .bx-wrapper .bx-controls-direction a{right: -5%;background: unset;margin-top: 0;}
.section3 .bx-wrapper .bx-prev {
    left: -5%;
    background: unset;
}
.section3 .bx-wrapper .bx-controls-direction:before {
	content:"\f053";
	position: absolute;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	font-size: 40px;
	left: 0;
	transform: translateX(-60px);
	color: #888;
}
.section3 .bx-wrapper .bx-controls-direction:after {
	content:"\f054";
	position: absolute;
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	font-size: 40px;
	right: 0;
	transform: translateX(60px);
	color: #888;
}
.section3 .flex_h3 {display: flex;flex-direction: row;width: var(--width-size);justify-content: center;/* border-bottom: 1px solid #ccc; *//* border-top: 1px solid #ccc; */margin-top: 1em;position: relative;}
.section3 .tab {
    margin-top: 1em;
    /* margin-bottom: 1em; */
    /* width: var(--width-size); */
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-items: center; */
    /* background-color: var(--color-bg-point2); */
    /* padding: 1em; */
    border-bottom: 1px solid #ddd;
    /* border-top: 1px dashed #ccc; */
    /* border-radius: 4em; */
    /* box-shadow: 0 5px 8px -4px #34343454; */
}
.section3 .tab a {
    display: inline-flex;
    padding: .5em 2em;
    /* border: 1px solid #ccc; */
    /* border-radius: 1em; */
    /* background-color: white; */
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.2em;
    color: var(--color-gray);
}
.section3 .tab a:hover{color:var(--color-main);}
.section3 .tab a.on {
    color: var(--color-main);
    font-weight: 500;
    border-bottom: 4px solid var(--color-main);
}

.section3 div.title {
    width: var(--width-size);
    text-align: center;
    font-size: var(--main-h3-size);
    visibility: hidden;
}
.section3 div.simple_list {display:none;width: 100%;margin-bottom: 3em;}
.section3 div.simple_list.on {display:block;position: relative;left: 0;top: 4em;margin-bottom: 1em;}
.section3 ul{
    width: 100%;
    display: flex;
    /* flex-direction: row; */
    /* margin: 0 0 5em; */
    position: relative;
    /* height: 365px; */
    justify-content: center;
}
.section3 ul li{
    display: flex;
    width: 407px;
    margin-right: 40px;
    border: 1px solid #ccc;
    position: relative;
    height: 353px;
    /* border-bottom: 1px solid #ccc; */
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
}
.section3 ul li:last-child {margin-right:0}
.section3 ul li div:first-child{
    width: 100%;
    height: 16em;
    background-image: url(/img/main/bz1.jpg);
    background-size: cover;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.section3 ul li div.list_img1 {background-image: url(/img/main/bz1.jpg);}
.section3 ul li div.list_img2 {background-image: url(/img/main/bz2.jpg);}
.section3 ul li div.list_img3 {background-image: url(/img/main/bz3.jpg);}

.section3 ul li .list_txt {height: 5rem;display: flex;align-items: center;font-weight: 500;}
.section3 ul li a{
    /* padding: 2em; */
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 79px;
    /* border-bottom: 1px solid #ccc; */
    background-color: #fff;
}
.section3 ul.slide2 {
    display: block;
}
.section3 ul.slide2 li{min-width: 400px;} 

.section3 a.main_btn{
    background-color: var(--color-main);
    color: white;
    padding: .5em 0em;
    border-radius: .5rem;
    width: 8em;
    display: flex;
    align-items: center;
    font-size: 1.1em;
    visibility: hidden;
    margin: 3em 0 0;
    position: relative;
    justify-content: space-evenly;
}
.section3 > a i{font-size: 0.8em;}
.section3.bg_navy > a {
    /* background-color: var(--color-point1); */
    z-index: 111;
}
.section3.section5 {background-color:var(--color-bg-point2)}
.section3.section5 ul {margin-top: 2em;}
.section3.section5 ul li {
    border: 0;
}

@media screen and (max-width:1000px) {
	.section3 {
    width: 100%;
    overflow: hidden;
    /* min-width: 360px; */
}
	.section3 .wrap {
    width: 100%;
}
	.section3 .flex_h3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
	.section3 .wrap .bx-wrapper {
    margin: 0 1rem;
}
	.section3 h3{}
	.section3 ul{
    /* display: flex; */
    /* flex-direction: column; */
    /* overflow: hidden; */
}

    .section3 ul li {max-width: 100%;margin-right: 0;}
	.section3 ul.slide2 {min-width:100vw;}
	.section3 ul.slide2 li {min-width: 90vw;max-height: 18em;}
	
    .section3 ul li:last-child {margin-right: 0;}

	.section3 ul li div{
    background-color: #fff;
}
	.section3 ul li div:first-child {
    height: 13em;
}
	.section3 ul li .list_txt {
    height: auto;
    padding: 1rem;
}
	.section3 ul li a{
    padding: 0 1em;
}
	.section3 a.main_btn{
    font-size: 1.2em;
    margin-top: 1em;
}
	.section3 > a i{}  
	.section3.section5 {
    padding: 3em 1rem;
}
	.section3.section5 ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
	.section3.section5 ul li {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}
	 
}

.bangi_TV {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bangi_TV > div:nth-of-type(2) > div{
    height: 440px;
    width: 780px;
    position: absolute;
    right: 0;
    top: -17em;
    background-image: url(/img/main/sample.png);
    border-radius: 1em;
    box-shadow: 0 0 18px 5px #cfcfcf;
}
.bangi_TV > div:nth-of-type(1) {
    background-color: #fff8e6;
    display: flex;
    justify-content: center;
    width: 100%;
    /* padding: 4em 0; */
}
.bangi_TV > div:nth-of-type(1) div{
    width: var(--width-size);
    height: 22em;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.bangi_TV > div:nth-of-type(2) {
    width: var(--width-size);
    position: relative;
}
.bangi_TV > div:nth-of-type(3) {
    width: var(--width-size);
    display: flex;
    padding: 6em 0;
}
.bangi_TV div h3{
    font-size: var(--main-h3-size);
    visibility: hidden;
}
.bangi_TV div p{}
.bangi_TV div a{}
.bangi_TV div a i{
    margin-right: .5em;
}
.bangi_TV div a img{
    margin-right: .5em;
}
.bangi_TV div:nth-of-type(1) a{
    background-color: red;
    color: white;
    padding: 1em .5em;
    border-radius: 1em;
    width: 11em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 1.4em;
    visibility: hidden;
}
.bangi_TV div:nth-of-type(3) a{
    width: 15%;
    text-align: center;
}
.bangi_TV div:nth-of-type(3) a:nth-child(1){
    background-color: var(--facebook-color);
    color: white;
    padding: 1em 2em;
    border-radius: 1em;
    margin-right: .5em;
    visibility: hidden;
}
.bangi_TV div:nth-of-type(3) a:nth-child(2){
    background-color: var(--kakaotalk-color);
    /* color: white; */
    padding: 1em 2em;
    border-radius: 1em;
    visibility: hidden;
}
br.mo {display:none;}
br.pc {display:unset;}

.bg_navy, .bg_navy .bx-wrapper {
    background-color: #fff;
}
.bg_navy .bx-wrapper{border: 5px solid #ebebfc;}
.section1 div.bx-controls {
    height: unset;
}
.section1 div.bx-controls div{
    height: unset;
    width: unset;
}
.section1 div.bx-controls div a{}
.bx-wrapper div.bx-pager.bx-default-pager a {
    border: 0;
    border-radius: 50%;
    background: #ffffff87;
    width: 12px;
    height: 12px;
    }
.bx-wrapper div.bx-pager.bx-default-pager a.active {
	 border: 0;
	 border-radius: 30px;
	 background: #ffffff;
	 width: 30px;
	 height: 12px;
}
.bx-wrapper div.bx-pager.bx-default-pager a:focus, .bx-wrapper div.bx-pager.bx-default-pager a:hover{background: var(--color-main);}

@media screen and (max-width: 1000px) {
	.bangi_TV {}
	.bangi_TV div{}
	.bangi_TV div h3{}
	.bangi_TV div p{}
	.bangi_TV div a{}
	.bangi_TV div a i{}
	.bangi_TV div a img{}
	.bangi_TV > div:nth-of-type(1) div{
    width: 100%;
    height: auto;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
	.bangi_TV > div:nth-of-type(1) {
    padding: 2em 0;
}
	.bangi_TV div:nth-of-type(1) a {
    font-size: 1.2em;
    padding: 0.5em;
    margin-top: 99%;
}
	.bangi_TV > div:nth-of-type(2) {
    width: 100%;
    margin-top: 30%;
    position: absolute;
}
	.bangi_TV > div:nth-of-type(2) > div {
    width: 94%;
    height: 18em;
    top: 0;
    background-position: center;
    margin: 10% 3%;
}
	.bangi_TV > div:nth-of-type(3) {
    width: 100%;
    padding: 0 0 3em;
    display: flex;
    justify-content: center;
    background: #fff8e6;
    /* position: absolute; */
    /* margin-top: 2em; */
    }
	.bangi_TV div:nth-of-type(3) a {
    width: 47%;
}
	.bangi_TV div:nth-of-type(3) a:nth-child(1), .bangi_TV div:nth-of-type(3) a:nth-child(2){
    padding: 0.5em;
    text-align: center;
}
	br.mo {display:unset;}
	br.pc {display:none;}

	.section1 div.bx-controls div {
}
	
	.section3 .tab {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0;
    width: 20%;
}
	.section3 .tab a {
    width: auto;
    padding: 0;
    font-size: 1.1em;
    width: 100%;
}
	.section3 .tab a:nth-last-child(1), .section3 .tab a:nth-last-child(2){}
	div.bg_navy {
    max-width: 100%;
	}
	.section3 > div.simple_list ul {
    display: flex;
    flex-direction: column;
    height: auto;
	}
	.section3 > div.slide {
    height: auto;
	}
	.section3 > div.simple_list ul li {
    margin-bottom: 1em;
}
	
}

.main_width_setting {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 80px;
}
.bottom_scroll_banner {
    width: var(--width-size);
    margin: 0 auto;
    display: flex;
    align-items: center;
    }
.bottom_scroll_banner .fix_tit {width: 12%;font-weight: 500;font-size: 20px;}
.bottom_scroll_banner .banner {width: 88%;}

@media screen and (max-width: 1000px) {
	.main_width_setting {
    height: auto;
}
	.bottom_scroll_banner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 1rem;
}
	.bottom_scroll_banner .fix_tit {
    width: 100%;
    /* text-align: center; */
    padding: 1rem 0 0;
}
	.bottom_scroll_banner .banner {width: 100%;}
}