@charset "utf-8";

* {box-sizing:border-box;}
.full_size {
    background: linear-gradient(to left, #f2f2f2 1400px, #f69020 200px);
}
div.title {
    float: left;
    text-align: right;width: 264px;
    height: 490px;
    /* background: #f69020; */
    color: white;
    padding: 3em 3em 3em 0em;
    position: relative;
}
div.title h3,div.title p,div.title a{color:white;}
div.title h3{}
div.title p{
    font-size: 1.1em;
    padding-top: 1em;
}
div.title a{
    position: absolute;
    bottom: 4em;
    border-bottom: 1px solid white;
margin-left: -4em;}
.main_con_margin {margin-bottom:40px; margin-top:37px; display:table;}

.main_latest {        width: 100%;
	float: left;
	display: table;
	box-sizing: border-box;}
	.main_latest li{    box-sizing: border-box; width: 33.33%;}
	.main_latest > li:nth-child(1){    float: left;}
	.main_latest > li:nth-child(2){    float: left;}
	.main_latest > li:nth-child(3),.main_latest > li:nth-child(4){    
		/* margin-top: 1em; */
	border: 1px solid #ccc;
	height: 17.7em;
}
.main_latest > li:nth-child(3){float: right;        }
.main_latest > li:nth-child(4){    float: right;    }
.main_latest > li:nth-child(5){ }
.main_latest li > div{padding: 1em;
	display: table;
	width: 100%;}
.main_latest li > div a{    font-size: 2em;
	font-weight: 600;
	float: left;}
.main_latest li > div img{    float: right;     margin-top: 0.5em; cursor: pointer;}

.main_con_margin > img {    float: right;}
.mt_30 {margin-top:13em;}
.slide_notice {    position: absolute;
    top: 9em;
    right: 0em;
    border-radius: 4em;
    border: 1px solid #425da2;
    width: 640px;
    height: 518px;
    overflow: hidden;}
.slide_text{
    position: absolute;
    top: 40%;
    left: 17%;
    
    z-index: 90;
    color: #fff;
    display: flex;/* transform: translate(-50%, -50%); */
    
    
    
    flex-direction: column;}
.slide_text p{
    /* text-shadow: 0 0 3px #000; */
    color: #fff;
    font-size: 1.5em;
    position: relative;
    opacity: 0;
    margin-bottom: 0;
    animation: up 1s 0.4s both;
    font-weight: 400;
    text-shadow: 0px 0px 8px #464646;
    } 
.slide_text h2{
    /* text-shadow: 0 0 5px #000000bd; */
    color: #ffffff;
    opacity: 0;
    animation: fadein 2s 0.5s both;
    text-transform: uppercase;
    word-break: keep-all;
    font-size: 4em;
    /* line-height: 1.6em; */
    text-align: left;
    font-weight: 900;
    margin-bottom: 0.5em;
    text-shadow: 0px 0px 8px #2c2c2c;
    }
.slide_text h2 span {color: #ff7e00;display: block;}
.slide_text a {padding: 0.6em 1em;background: #ff7e00;width: 15em;color: #fff;font-size: 1.1em;font-weight: 500;text-align: center;border-radius: 4em;}
.bx-pager {margin-bottom:5em;}

.m_notice {float: right;width: 900px;margin-top: 4em;padding-left: 2em;}
.m_img {float:right;}
/*tab디자인*/
.sub01_tab{
    margin: 0px 0 0px 0;
    /* font-size: 16px; */
    padding: 0;
    width: 100%;
    height: 50px;
    /* overflow: hidden; */
    box-sizing: border-box;
    display: table;
    /* background-color: #fff; */
    position: relative;
    /* border-top: 1px solid #dcdcdc; */
    /* border-left: 1px solid #dcdcdc; */
    /* border-right: 1px solid #dcdcdc; */
    /* border-radius: 1em 1em 0 0; */
    /* overflow: hidden; */
    border-bottom: 2px solid #272727;
    }
.sub01_tab:after{
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    /* border-bottom: 1px solid #e0e0e0; */
    position: absolute;
    bottom: 0px;
    z-index: 0;
    }
.sub01_tab li{
    float: left;
    /* background: #fff; */
    /* margin: 0 5px 0px 0; */
    /* border-radius: 5px; */
    height: 55px;
    /* width: 33%; */
    padding-top: 0em;
    padding-bottom: em;
    /* border-bottom: 1px solid #d2d2d2; */
    /* border-right: 1px solid #d2d2d2; */
    box-sizing: border-box;
    z-index: 3;
    position: relative;
    }
.sub01_tab li:nth-child(1){}
.sub01_tab li:nth-child(2){}
    
/* .sub01_tab li:nth-child(5){float: right;
    margin-right: 0;}*/

.sub01_tab li a{
    color: #747474;
    text-align:center;
    display:block;
    line-height:18px;
    padding: 11px 20px 20px 20px;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    z-index: 111;
    }
.sub01_tab li label {
    position: absolute;
    top: 0.6em;
    right: 0.8em;
    cursor: pointer;
    font-size: 1.4em;
    color: #949494;
    background-image: url(/img/main/btn_more.png);
    width: 26px;
    height: 26px;
    visibility: hidden;
    }
.sub01_tab li.on{/* background-color:#fff; *//* border-bottom: 1px solid white; *//* border-right: 1px solid #d2d2d2; */}

.sub01_tab li:nth-child(1).on label {
    position: absolute;
    right: 1%;
    height: 28px;
    width: 28px;
    margin-top: .3em;
    }
.sub01_tab li:nth-child(2).on label {
    position: absolute;
    left: 318px;
    top: 0.9em;
    }

.sub01_tab li.on a{text-decoration:none;color: #ff7e00;position:relative;} 
.sub01_tab li.on a:after {content:"";width: .5em;height: .5em;background: #ff7e00;z-index: 1;display: table;position: absolute;left: 50%;top: -5px;/* bottom: -3%; */margin-left: -.25em;border-radius: 7em;}
.sub01_tab li a:hover{text-decoration:none;color: #ff7e00;}
.tabIn{
    display: none;
    /* position: relative; */
    margin-top: 0px;
    /* border-bottom: 1px solid #dadada; */
    width: 884px;
    height: 320px;
    /* border-left: 1px solid #dadada; */
    /* border-right: 1px solid #dadada; */
    padding: 0.5em 1em 1em 0em;
    box-sizing: border-box;
    /* border-radius: 0 0 1em 1em; */
    overflow: hidden;
    }
.tabIn ul {display: table;
    margin: 0 0em;
    width: 95%;     margin-top: 2em;}
.tabIn ul li a{    width: 100%;
    display: table;
    color: #000;    font-size: 1.1em;
       }
.tabIn ul li a>img{     vertical-align: baseline;}
.tabIn ul li a > label{float: right;}    

.tabIn2{        display: none;
    /* position: relative; */
    margin-top: 0px;
    border-bottom: 1px solid #dadada;
    width: 425px;
    height: 256px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding: 1em;
    box-sizing: border-box;
    border-radius: 0 0 1em 1em;
    }
.tabIn2 ul {display: table;
    margin: 0 1em;
    width: 95%;     margin-top: 2em;}
.tabIn2 ul li a{    width: 100%;
    display: table;
    color: #000;    font-size: 1.1em;
       }
.tabIn2 ul li a>img{     vertical-align: baseline;}
.tabIn2 ul li a > label{float: right;}    

.m_calendar {
    display: table;
    float: left;
    width: 290px;
    border: 1px solid #dcdcdc;
    /* border-radius: 1em; */
    height: 300px;
    margin-left: 1em;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0.8em;
}
.m_calendar > h3 {
    font-size: 1.7em;
    /* background-color: #f2f2f2; */
    padding: 0.55em;
    padding-left: 1em;
    color: #3d4647;
    }
.m_calendar > h3 > label{    float: right;     cursor: pointer;}
.m_calendar > ul {
    display: table;
    width: auto;
    margin: 0 auto;
    margin-bottom: 0.5em;
    }
.m_calendar > ul > li {float: left;margin-right: 1em;/* font-size: 0.8em; */}
.m_calendar > ul > li:nth-child(1){}
.m_calendar > ul > li:nth-child(2){}
.m_calendar > ul > li:nth-child(3){ margin-right: 0em;}
.m_calendar > ul > li > a {    font-size: 1.4em;
    color: #000;}
.m_calendar > table > tbody > tr > td > p {    font-size: 1em;}
.m_calendar > table > tbody > tr > td > p a{    font-size: 1em;}

ul.calendar {margin: 1em auto;font-size: 1.3em;}
ul.calendar li{
    top: 0.6em;
    cursor: pointer;
    font-size: 1.4em;
    background-image: url(/img/main/btn_more.png);
    width: 28px;
    height: 28px;
    float: right;
    margin-left: 5em;
    margin-right: 0;
    }
ul.calendar a{font-size: 1.5em;font-weight: 700;color: #3d4647;}

ul.m_icon {
	    float: right;
	    border: 1px solid #dcdcdc;
	    display: table;
	    width: 290px;
	    height: 306px;
	    /* border-radius: 1em; */
	    position: relative;
	    overflow: hidden;
	    padding: 0em 0 0 0;
}
ul.m_icon li{    background-repeat: no-repeat;
    /* background-position-x: center; */
    background-position-y: 0;
    /* float: left; */
    position: relative;
}
ul.m_icon > li:nth-child(1){
    text-align: center;
    line-height: 4em;
    font-size: 1.6em;
    font-weight: 600;
    bottom: 0.7em;
    height: 90px;
}
ul.m_icon > li:nth-child(2){
    background-image: url(/img/main/main_icon5.png);
    height: 65px;
    /* margin-left: 2.5em; */
    margin-top: 0;
    padding-left: 4.5em;
    /* line-height: 65px; */
    font-size: 1.0em;
    font-weight: 300;
    /* margin-left: 2em; */
    /* text-align: center; */
    position: relative;
    margin: 0 1.5em 2em 1.5em;
    word-break: keep-all;
    background-size: 23%;
    /* background-position-x: center; */
    background-position: .5em;
    line-height: 1.2em;
}
ul.m_icon > li:nth-child(2):after {content:"";width: 100%;height: 1px;display: table;background: #d0d0d0;position: absolute;left: 0;bottom: -1em;}
ul.m_icon > li:nth-child(2) span {
    display: table;
    font-weight: 300;
    background-color: #02adc1;
    color: white;
    padding: .2em .5em;
    border-radius: .5em;
}
ul.m_icon > li:nth-child(3){
    background-image: url(/img/main/youtube.png);
    height: 98px;
    /* margin-left: 2.5em; */
    margin-top: 0;
    padding-left: 5.5em;
    padding-top: 0.5em;
    line-height: 65px;
    font-size: 1.2em;
    font-weight: 600;
    /* margin-left: 2em; */
    position: relative;
    margin: 1em 1.5em 0.5em;
    background-size: 37%;
    }

ul.m_icon > li:nth-child(3) i {       font-size: 3em;
    /* margin-top: 0em; */
    float: left;
    margin-right: 0.3em;
    /* line-height: 0.8em;*/ }
ul.m_icon > li:nth-child(3) span {font-size: 1.6em;}
ul.m_icon > li:nth-child(4){
	background-image:url(/img/main/icon_2.png);width:80px; height:80px; 
	margin-top: 3em;
    margin-left: 1em;
}
ul.m_icon > li:nth-child(5){background-image:url(/img/main/icon_3.png);width:80px; height:80px;
	margin-left: 1em;
    margin-top: 3em;
}
ul.m_icon li label{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 1.3em;
    font-weight: 400; }



.sub01_tab2{    margin: 0px 0 0px 0;
    /* font-size: 16px; */
    padding: 0;
    width: 100%;
    height: 46px;
    overflow: hidden;
    box-sizing: border-box;
    display: table;
    background-color: #fff;
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-radius: 1em 1em 0 0;
    overflow: hidden;
    /* border-bottom: 1px solid #e0e0e0;*/
    }
.sub01_tab2:after{    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e0e0e0;
    position: absolute;
    bottom: 0px;
    z-index: 0;}
.sub01_tab2 li{     float: left;
    background: #fff;
    /* margin: 0 5px 0px 0; */
    /* border-radius: 5px; */
    height: 46px;
    width: 32.46%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    box-sizing: border-box;
    z-index: 3;
    position: relative;
    }
.sub01_tab2 li:nth-child(1){}
.sub01_tab2 li:nth-child(2){}
.sub01_tab2 li a{color:#686868;text-align:center;display:block;line-height:18px;padding:10px 20px 10px 20px;font-size: 1.2em;
    font-weight: 500;}
.sub01_tab2 li label {            position: absolute;
    top: 0.4em;
    right: 0.8em;
    cursor: pointer;
    font-size: 1.4em;
    color: #949494;
    background-image: url(/img/main/btn_more.png);
    width: 26px;
    height: 26px;}
.sub01_tab2 li.on{background-color:#fff; border-bottom: 1px solid white; border-right: 1px solid #d2d2d2;}
.sub01_tab2 li:nth-child(1).on label {position: absolute;
    left: 388px;}
.sub01_tab2 li:nth-child(2).on label {position: absolute;
    left: 251px;}

.sub01_tab2 li.on a{text-decoration:none;color:#f29506; } 
.sub01_tab2 li a:hover{text-decoration:none; color:#f29506;}

.m_gallery {
    /* float: right; */
    margin-top: 2.5em;
    margin-bottom: 2em;
    /* box-shadow: 0em 0.3em 0.2em #c5c5c5; */
    border-radius: 1em;
    width: 900px;
    float: left;
    }
.sub02_tab{
    margin: 0px 0 0px 0;
    /* font-size: 16px; */
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    display: table;
    /* background-color: #f2f2f2; */
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    /* border-radius: 1em 1em 0 0; */
    overflow: hidden;
    }
.sub02_tab:after{content:"";clear:both;display:block;}
.sub02_tab li{     float: left;
    background: #f2f2f2;
    margin: 0 5px 0px 0;
    /* border-radius: 5px; */
    /* height: 40px; */
    width: 21%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;}
.sub02_tab li:nth-child(1){}
.sub02_tab li:nth-child(2){}
    
/* .sub01_tab li:nth-child(5){float: right;
    margin-right: 0;}*/
.sub02_tab li.on{background-color:#fff; }
.sub02_tab li a{
    text-align: center;
    display: block;
    line-height: 35px;
    padding: 10px 20px 10px 20px;
    font-size: 1.6em;
    font-weight: 700;
    }
.sub02_tab li label {            position: absolute;
    top: 0.8em;
    right: 0.8em;
    cursor: pointer;
    font-size: 1.4em;
    color: #949494;
    background-image: url(/img/main/btn_more.png);
    width: 26px;
    height: 26px;}
.sub02_tab li.on a{text-decoration:none;color: #3d4647;} 
.sub02_tab li a:hover{text-decoration:none;}
.tab_2In{
    display: none;
    /* position: relative; */
    margin-top: 0px;
    margin: 0 auto;
    border-bottom: 1px solid #dadada;
    width: 100%;
    height: 262px;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding: 1em;
    box-sizing: border-box;
    /* border-radius: 0 0 1em 1em; */
    }
.tab_2In ul {
    display: table;
    /* margin: 0 1em; */
    width: 100%;
    margin-top: 1em;
    }
.tab_2In ul li a{    width: 100%;
    display: table;
    color: #000;    font-size: 1.4em;
       }
.tab_2In ul li a > label{float: right;}


/* 배너사이즈와 위치 */
#s_banner_wrap {
    width: 100%;
    height: 66vh;
    position: relative;
    margin: 0px 0;
    /* margin-top: -5.5em; */
    z-index: 1;
}
ul.bxslider1 li {
    background-position-x: center;
    background-position-y: center;
    height: 66vh;
    background-size: cover;
    }
@media screen and (max-width: 1000px) {
	/*#s_banner_wrap {display:none;} */
	ul.main_banner2 {    margin-top: 5em;}
	#s_banner_wrap,.bx-viewport, .bx-wrapper,.bxslider1,ul.bxslider1 li {
    /* height: 60vh; */
    overflow: hidden;
    /* width: 100% !important; */
    /* background-size: 153%; */
    /* background-repeat: no-repeat; */
    }
    #s_banner_wrap, .bx-viewport, .bx-wrapper, .bxslider1, ul.bxslider1 li:nth-child(1) {
    background-position: -13em;
}
    #s_banner_wrap, .bx-viewport, .bx-wrapper, .bxslider1, ul.bxslider1 li:nth-child(2) {
    background-position: -10em;
    }
    #s_banner_wrap, .bx-viewport, .bx-wrapper, .bxslider1, ul.bxslider1 li:nth-child(3) {
    background-position: -11em;
}
    #s_banner_wrap, .bx-viewport, .bx-wrapper, .bxslider1, ul.bxslider1 li:nth-child(4) {
    background-position: -19em;
}
	.main_gallery1 {    overflow: hidden;
    height: 28em;}
	.slide_text {    top: 38%; word-break: keep-all; width: 64%; top: 27%;
		    margin-top: 0;
    font-size: 0.5em;
		}
	.slide_text h2 {/* font-size:2.2em; */margin-bottom: 1em;word-break: keep-all;width: 92%;/* margin: 0 auto; */text-align: unset;}
	.slide_text p {font-size: 5vw;word-break: keep-all;width: 78%;}
	.bx-pager {margin-bottom:0;}
	.bx-wrapper img {       max-width: 153%;
    left: 50%;
    margin-left: -50px;}
}



@media screen and (max-width: 1000px) {
	.sub01_tab li.on a:after {
    top: 4px;
}
	.go_link {margin:1em 0; }
    
	
	.main_con_margin > img { width: 100%;}
	.main_con_margin {margin-top:1em;}
	.main_latest {    width: 100%;}
	.main_latest li{    clear: both; width: 100%;}
	.main_latest li a img {width: 100%;}
	.main_latest > li:nth-child(1),.main_latest > li:nth-child(2),.main_latest > li:nth-child(3),.main_latest > li:nth-child(4) {width:100%}
	.main_latest > li:nth-child(1){    float: none;}
	.main_latest > li:nth-child(2){    float: none;}
	.main_latest > li:nth-child(3){    float: none;}
	.main_latest > li:nth-child(4){    float: none;}
	.main_latest li > div{}
	.main_latest li > div a{}
	.main_latest li > div img{}
}


.product_info1 {        clear: both;
    padding-top: 3em;}
.product_info1 h4{    text-align: center;
    font-size: 2em;     text-transform: uppercase;}

ul.main_banner2 {
    display: table;
    margin-top: -6em;
    margin-bottom: 3em;
    /* box-shadow: 0px 4px 15px 0px #80808087; */
    border-radius: 1em;
    box-sizing: border-box;
    }
ul.main_banner2 li{
    background-repeat: no-repeat;
    box-sizing: border-box;
    float: left;
    display: table;
    height: 12em;
    width: 16%;
    border-radius: 0.5em;
    border: 6px solid #01abc5;
    /* margin-right: 0.6em; */
    background-position-y: 2.3em;
    background-position-x: center;
    background-color: #fff;
    z-index:1;
    position: relative;
    margin-right: 3.7em;
    border-radius: 8em;
}
ul.main_banner2 li:hover {z-index:100;}

ul.main_banner2 > li:nth-child(1){background-image:url(/img/main/icon1.png);}
ul.main_banner2 > li:nth-child(2){background-image:url(/img/main/icon2.png);border: 6px solid #18b1b1;}
ul.main_banner2 > li:nth-child(3){background-image:url(/img/main/icon3.png);border: 6px solid #45b692;}
ul.main_banner2 > li:nth-child(4){background-image:url(/img/main/icon4.png);/* float: right; */margin-right: 0;border: 6px solid #7dbd6a;}

ul.main_banner2 li:nth-last-child(1){background-image: url(/img/main/icon5.png);
    float: right;
    margin-right: 0;
    border: 6px solid #a3c14f;
}
ul.main_banner2 li:hover {  cursor: pointer;}
ul.main_banner2 li p{
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 6em;
}

ul.g1 {}
ul.g1 > li{
        float: left;
        width: 32%;
        margin-right: 1em;
}
ul.g1 > li:nth-last-child(2){    margin-right: 0; }
ul.g1 > li:nth-last-child(1){    margin-right: 0;
    float: right;}
ul.g1 > li > a {
    border: 1px solid #d5d5d5;
}
ul.g1 > li > a img{    width: 100%;}
@media screen and (max-width: 1000px) { 
	.m_notice,.m_calendar,ul.m_icon {
    box-sizing: border-box;
    width: 100%;
    margin:0;
    margin-bottom:1em;
    padding: 0;
    margin-top: 1em;
    }
	.tabIn {width:100%;padding-left: 0;padding: 0;}
	.sub01_tab li a,.sub02_tab li a {font-size: .8em;}

	.slide_notice {        left: 0em;
    width: 100%;
    height: 391px;
    border-radius: 3em;
	}
	.slide_notice img {width:100%;}
	.slide_text{width: 83%;left: 13%;}
	.tab_2In {height:auto;}
	.sub02_tab li {width: 38%;}
	ul.g1 > li {width: 100%;
    text-align: center;
    margin-bottom: 0.5em;}
	ul.g1 > li > a {text-align:center;}
	ul.g1 > li > a span {margin:0 auto;}
	ul.main_banner2 {    margin-top: 0em;}
	ul.main_banner2 li{ width:50%}
	
}


.banner_01,.banner_02,.banner_03,.banner_04 {width:100vw;height:100vh;}
.banner_01 {background-image:url(/img/slide/1.jpg);}
.banner_02 {background-image:url(/img/slide/2.jpg);}
.banner_03 {background-image:url(/img/slide/3.jpg);}
.banner_04 { background-image:url(/img/slide/4.jpg);}

.main_notice_img {  
	display:table;
    width: 640px;
    height: 510px;
    position: absolute;
    z-index: 111;
    border-radius: 2em;
    background-position-x: center;
    background-position-y: center;
    right: 0;
    top: 0;}
.main_notice_img li { display:table;
    width: 640px;
    height: 510px;     background-size: contain; background-repeat: no-repeat;}
/*.main_notice_img li.img1 {        background-image: url(http://bjsocial.dodocat.com/img/main/2.png); }
.main_notice_img li.img2 {        background-image: url(http://bjsocial.dodocat.com/img/main/1.jpg); } */
.main_notice_div {width: 625px;
    height: 502px;
    position: absolute;
    z-index: 1;
    right: 355px;
    top: 81px;
    border-radius: 1em;
    overflow: hidden;}

.bx-wrapper {
    height: 73vh;
}
/* 텝형태의 이미지활용시 사용 */
/* 
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -42px;
}
.bx-wrapper .bx-pager {
    position: absolute;
    top: 56%;
    left: 53%;
    text-align: left;
    padding: 0;
    width: 36em;
    height: 21em;
    margin: 0;
}
.bx-wrapper .bx-pager .bx-pager-item {
    margin-block-start: 1.3em;
}
.bx-wrapper .bx-pager .bx-pager-item a{
    width: 16em;
    height: 8em;
    border-radius: 0 0 2em 0;
    color: #125c3fe0;
    margin-bottom: .6em; 
    background-size: 100%;
    margin-right: 1em;
}
.bx-wrapper .bx-pager .bx-pager-item a.active,.bx-wrapper .bx-pager .bx-pager-item a:hover {
    background-size: 100%;
}
.bx-wrapper .bx-pager .bx-pager-item a.active{}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(1) a{
    background-image: url(/img/slide/icon1.png);
}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(1) a.active{background-image: url(/img/slide/icon1_on.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(2) a{background-image: url(/img/slide/icon2.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(2) a.active{background-image: url(/img/slide/icon2_on.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(3) a{background-image: url(/img/slide/icon3.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(3) a.active{background-image: url(/img/slide/icon3_on.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(4) a{background-image: url(/img/slide/icon4.png);}
.bx-wrapper .bx-pager .bx-pager-item:nth-of-type(4) a.active{background-image: url(/img/slide/icon4_on.png);}
*/
ul.m_info {
    display: table;
    float: right;
    width: 287px;
    height: 324px;
    margin-top: 2.5em;
    margin-bottom: 2em;
    /* box-shadow: 0em 0.3em 0.2em #c5c5c5; */
    /* border-radius: 1em; */
    border: 1px solid #dcdcdc;
    padding: 1em 2em;
    background-image: url(/img/main/main_icon7.png);
    background-repeat: no-repeat;
    background-position: 12em 1em;
    font-weight: 500;
    font-size: 1em;
}
ul.m_info li{}
ul.m_info li:nth-of-type(1){
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 0em;
}
ul.m_info li:nth-of-type(2){
    font-size: 1.5em;
    font-weight: 600;
    color: #02adc1;
    padding-bottom: 0.6em;
}
ul.m_info li:nth-of-type(3){
    color: #999999;
    margin-bottom: .2em;
}
ul.m_info li:nth-of-type(4){
    margin-bottom: 1em;
    color: #999999;
}
ul.m_info li:nth-of-type(5){
    letter-spacing: -.05em;
    margin-bottom: 1em;
}
ul.m_info li:nth-of-type(6){
    background: #b1cc73;
    padding: .5em;
    text-align: center;
    border-radius: .5em;
    color: white;
}
ul.m_info li span{
    display: inline-block;
    background: #02adc1;
    color: white;
    padding: .2em 1.2em;
    border-radius: .5em;
    margin-right: .5em;
}

ul.m_info2 {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    /* font-size: 1em; */
    padding-top: 1em;
    padding-bottom: 2em;
}
ul.m_info2 li{
    width: 33.4%;
    float: left;
    padding: 1.5em;
    padding-left: 8em;
    color: white;
    background-repeat: no-repeat;
    background-position: 1em;
}


ul.m_info2 li:nth-of-type(1){
    background-color: #b1cc73;
    background-image: url(/img/main/icon6.png);
}
ul.m_info2 li:nth-of-type(2){
    background-color: #02adc1;
    background-image: url(/img/main/icon7.png);
}
ul.m_info2 li:nth-of-type(3){
    /* float: right; */
    background-color: #5ea2cf;
    background-image: url(/img/main/icon8.png);
}
ul.m_info2 li span{
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: .4em;
    display: table;
}
ul.m_info2 li p{
    color: white;
    font-size: 1em;
}
.main_gallery {
    background-image: url(/img/main/3.jpg);
    margin: 0 0 2em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -52em;
    position: relative;
    background: #fff;
border-top: 1px solid #d0d0d0;}
.main_gallery div.title2 {
    position: relative;
    display: table;
    margin: 0 auto;
    margin-top: 4em;
    margin-bottom: 3em;
    cursor: pointer;
}
.main_gallery div.title2:after {/* content:""; *//* position: absolute; *//* width: 100%; *//* height: 10px; *//* background: #b1cc73; *//* top: 5.4em; */left: 50%;margin-left: -50%;z-index: 1;bottom: 2px;}
.main_gallery div.title2 h3{
    color: #232323;
    text-align: center;
    /* margin: 2em 0; */
    position: relative;
    z-index: 4;
    font-size: 2.2em;
    font-weight: 400;
    /* text-shadow: 2px 2px 2px gray; */
}
.main_gallery div.title2 p {font-size:1.1em;}

#instafeed {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
#instafeed a{
    display: flex;
    width: 20%;
    overflow: hidden;
    height: 200px;
    margin-bottom: .5em;
    border: 1px solid white;
}
#instafeed a img{
    width: 100%;
}


.goto_icon {
    display: flex;
    max-width: 1200px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: stretch;
}
.goto_icon li{
    width: 33.33%;
    color: white;
    padding: 3em;
    background-repeat: no-repeat;
    background-position: 88% 77%;
}
.goto_icon li h3{
    color: white;
}
.goto_icon li p{
    color: white;
}
.goto_icon li a{
    color: white;
    margin-top: 5em;
    display: inline-block;
    padding: .6em 1.5em;
    background: #c77500;
    border-radius: 1em;
    box-shadow: 5px 5px 5px #00000073;
}
.goto_icon li:nth-child(1){height: 410px;background-color: #ff9600;
						   background-image: url(/img/main/icon1.png);}
.goto_icon li:nth-child(2){
    background-color: #94c11f;
    height: 410px;
    background-image: url(/img/main/icon2.png);
}
.goto_icon li:nth-child(3){
						  background-color: #6fceff;
						  height: 205px;
						  background-image: url(/img/main/icon3.png);
						  }
.goto_icon li:nth-child(4){
						  background-color: #ff7b97;
						  margin-top: -205px;
						  height: 205px;
						  background-image: url(/img/main/icon4.png);
						  }
.goto_icon li:nth-child(2) a {
    background: #5e8105;
}
.goto_icon li:nth-child(3) a {
    margin-top: 1em;
    background: #1697da;
}
.goto_icon li:nth-child(4) a {
    margin-top: 1em;
    background: #c1435e;
}

ul.g2 {
    margin: 3em 0;
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
}
ul.g2 li{
    float: left;
    width: 25.5%;
    /* padding-top: 11em; */
    height: 19.5em;
    background-color: white;
    padding: 1em;
    position: relative;
    border-radius: 1em;
}
ul.g2 li span {
    display: none;
    position: absolute;
    bottom: 1em;
    width: 89%;
    text-align: right;
    border-top: 1px solid #d5d5d5;
    color: #c3c3c3;
}
ul.g2 li a{}
ul.g2 li a h4{}
ul.g2 li div {
    margin-bottom: 1em;
    width: 17.5em;height: 17.5em;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.8em;
    cursor: pointer;
}
ul.g2 li:nth-of-type(1) div {background-image: url(/img/slide/5.jpg);
    
}
ul.g2 li:nth-of-type(2) div {
    background-image: url(/img/slide/1.jpg);
    background-size: 200%;
    background-position-x: -2em;
    background-position-y: center;
    }
ul.g2 li:nth-of-type(3) div {background-image: url(/img/slide/2.jpg);}
ul.g2 li:nth-of-type(4) div {background-image: url(/img/slide/8.jpg);}
ul.g2 li a h4{
    font-size: 1em;
    /* height: 3.5em; */
    background: #7bb92b;
    color: white;
    width: auto;
    display: table;
    padding: .2em .5em;
    font-weight: 200;
    margin-bottom: .5em;
}
ul.g2 li a p{
    font-size: 1.2em;
    font-weight: 400;
}
.main_no_img2 {
    background-image: url(/img/logo/logo.png);
    width: 100%;
    height: 12em;
    display: table;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border: 1px solid #e7e7e7;
    background-size: 70%;
    box-sizing: border-box;
    background-color: white;
    }
.main_1_con {
    margin-top: 3em;
}
.main_icon {
    background-image: url(/img/main/3.jpg);
    background-size: cover;
}
.main_icon .bm {
    text-align: center;
    padding: 2.0em;
    font-size: 2.2em;
    font-weight: 400;
}
.main_icon .main_icon_list{
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-around; */
    /* flex-direction: row; */
    padding: 0em 0 4em 0;
}
.main_icon .main_icon_list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
}
.main_icon .main_icon_list ul li{
    width: 24%;
    text-align: center;
    height: 19em;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    border-radius: 1em;
    color: white;
    background-repeat: no-repeat;
    background-position: 50% 30%;
    cursor: pointer;
    padding: 0 1em;
}
.main_icon .main_icon_list ul li p {
    color: white;
    /* display: flex; */
    /* justify-content: space-between; */
    /* align-content: space-between; */
    /* align-items: center; */
    margin-bottom: 2em;
    font-weight: 400;
    font-size: 1.4em;
}
.main_icon .main_icon_list ul li:nth-of-type(1) {
    background-color: #1ba6e7;
    /* border-radius: 1em; */
    background-image: url(/img/main/icon1.png);
}
.main_icon .main_icon_list ul li:nth-of-type(2) {
    background-color: #f29209;
    background-image: url(/img/main/icon2.png);
}
.main_icon .main_icon_list ul li:nth-of-type(3) {
    background-color: #7acd00;
    background-image: url(/img/main/icon3.png);
}
.main_icon .main_icon_list ul li:nth-of-type(4) {
    background-color: #876be6;
    background-image: url(/img/main/icon4.png);
}
.main_notice_bg {
    background-image: url(/img/main/4.jpg);
    background-repeat: no-repeat;
    background-position-y: 0;
    background-size: auto 100%;
    background-color: #f5f5f5;
}

@media (min-width:1000px) and (max-width:1680px) {
    .main_notice_bg {background-position-x: -9em;}    
	.main_notice_div {    width: 625px;
    height: 502px;
    position: absolute;
    z-index: 1;
    right: 232px;
    top: 81px;
    border-radius: 1em;
    overflow: hidden; }
    .bx-wrapper {
    height: 50vh;
    }
}    

@media screen and (max-width: 999px) { 
	
	
	.main_notice_bg {
    background: unset;
}
    .main_icon .main_icon_list ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
    .main_icon .main_icon_list ul li {width: 50%;}
	div.title {width: 100%;height: 13em;padding: 1em;color: gray;}
	div.title h3,div.title p,div.title a{}
	div.title h3{
    color: gray;
}
	div.title p{
    color: gray;
}
	div.title a{
    color: gray;
    bottom: 1em;
}

    .bx-wrapper {
    /* height: 60vh; */
    }

    .bx-wrapper .bx-pager{
    display: none;
    left: 50%;
    width: 92%;
    /* height: 6em; */
    /* margin: 0 auto; */
    margin-left: -47%;
    }
    .bx-wrapper .bx-pager .bx-pager-item {width: 50%;height: 4em;}
    .bx-wrapper .bx-pager .bx-pager-item a{
    height: 5em;
    width: 100%;
}
    
    
	.main_notice_div {        width: 100%;
    position: unset;
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    }
  ul.m_info {}
	ul.m_info li{}
	ul.m_info li:nth-of-type(1){}
	ul.m_info li:nth-of-type(2){}
	ul.m_info li:nth-of-type(3){}
	ul.m_info li:nth-of-type(4){}
	ul.m_info li:nth-of-type(5){}
	ul.m_info li:nth-of-type(6){}
	ul.m_info li span{}

	ul.m_info2 {}
	ul.m_info2 li{}
	ul.m_info2 li:nth-of-type(1){}
	ul.m_info2 li:nth-of-type(2){}
	ul.m_info2 li:nth-of-type(3){}
	ul.m_info2 li span{}
	ul.m_info2 li p{}	

	ul.g2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
	ul.g2 li{
	width: 50%;
	}
	ul.g2 li a{}
	ul.g2 li a h4{}
	ul.g2 li a p{}
	
	.goto_icon {}
	.goto_icon li{
    width: 100%;
}
	.goto_icon li h3{}
	.goto_icon li p{}
	.goto_icon li a{}
	.goto_icon li:nth-child(1){
    height: 18em;
}
	.goto_icon li:nth-child(2){
    height: 18em;
}
	.goto_icon li:nth-child(3){}
	.goto_icon li:nth-child(4){
    margin-top: unset;
}

	#s_banner_wrap {
    height: 50vh;
    width: 100%;
    overflow: hidden;
 }
	#s_banner_wrap .bx-wrapper {
    height: unset;
    width: 100%;
 }
	#s_banner_wrap .bx-wrapper .bx-viewport {
    height: 50vh;
}
	#s_banner_wrap .bx-wrapper .bx-viewport ul{
    height: 100%;
    width: 100%;
}
	#s_banner_wrap .bx-wrapper .bx-viewport ul li{
    height: 100%;
    width: 100%;
    background-position-x: -40em;
 }
	.slide_text a {
    font-size: 2.4em;
    padding: .5em 1em;
    width: 8em;
    display: block;
	}
	#instafeed {}
	#instafeed a{
    width: 50%;
}
	#instafeed a img{}
}