@charset "utf-8";

.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: 63%;
    left: 50%;
    text-align: center;
    z-index: 90;
    color: #fff;
    transform: translate(-50%, -50%);
    padding: 5em 2em;
    }
.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;
    margin-top: 1em;
	} 
.slide_text h2{    text-shadow: 0 0 5px #000;
    color: #fff;
    font-size: 3em;
    font-weight: 900;
    opacity: 0;
    animation: fadein 3s 1s both;
    width: 100%;
    text-transform: uppercase;
    word-break: keep-all;
    }
.slide_text h2 span:nth-of-type(1) {color: #34ff00;}
.slide_text h2 span:nth-of-type(2) {color: #ffe400;}
.bx-pager {margin-bottom:5em;}

.m_notice {float:right;}
.m_img {float:right;}
/*tab디자인*/
.sub01_tab{        margin: 0px 0 0px 0;
    /* font-size: 16px; */
    padding: 1.16em;
    width: 100%;
    /* height: 48px; */
    overflow: hidden;
    box-sizing: border-box;
    display: table;
    background-color: #ececec;
    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_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: 49px; */
    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;
    display: table;
    box-sizing: border-box;
    width: 100%;
    }
.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: #686868;
    /* text-align: center; */
    display: block;
    /* line-height: 18px; */
    /* padding: 10px 20px 10px 24px; */
    font-size: 1.3em;
    font-weight: 400;
    float: left;}
.sub01_tab li label {                /* position: absolute; */
    /* top: 0.4em; */
    /* right: 0.8em; */
    cursor: pointer;
    font-size: 1.2em;
    color: #949494;
    background-image: url(/img/main/btn_more.png);
    width: 26px;
    height: 26px;
    float: right;
    margin-top: 0.2em;}
.sub01_tab li.on{ /*background-color: #e2e2e2; */
    /* border-bottom: 1px solid white; */
    /* border-right: 1px solid #d2d2d2;*/     padding: 0 1em 0 1em;}
.sub01_tab li:nth-child(1).on label { 
	/*position: absolute;
    left: 545px; */
    }
.sub01_tab li:nth-child(2).on label {position: absolute;
    left: 355px;}

.sub01_tab li.on a{text-decoration:none;color:#008000; font-weight: 500;
    font-size: 1.5em;} 
.tabIn{        display: none;
    /* position: relative; */
    margin-top: 0px;
    border-bottom: 1px solid #dadada;
    width: 590px;
    height: 253px;
    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;
    }
.tabIn ul {display: table;
    margin: 0 1em;
    width: 95%;     margin-top: 2em;}
.tabIn ul li a{    width: 100%; 
    display: table;
    color: #000;    font-size: 1.1em; font-weight: 400;
       }
.tabIn ul li a>img{     vertical-align: baseline;}
.tabIn ul li a > label{float: right;}    
/*
.main_latest1 {}
.main_latest1 li:nth-of-type(1){    padding: 0 0 1em 0;
    margin-top: -1.5em;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1em;}
.main_latest1 li:nth-of-type(1) a {        color: black;
    font-weight: 400;
    font-size: 1.4em;}
.main_latest1 li:nth-of-type(1) a label{        display: table;
    float: unset;
    color: #b7b7b7;
    margin-top: 1.5em;
    font-size: 0.75em;}
.main_latest1 li:nth-of-type(1)::before {display:none;}
*/
.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 #ccc;
    border-radius: 1em;
    height: 304px;
    margin-left: 1em;
    box-sizing: border-box;
    overflow: hidden;
}
.m_calendar > h3 {    font-size: 1.4em;
    background-color: #f2f2f2;
    padding: 0.35em 1em;
    color: #97c9ce; }
.m_calendar > h3 > label{    float: right;     cursor: pointer;}
.m_calendar > ul {    display: table;    width: auto; 
    margin: 0 auto;     margin-bottom: 0.6em;}
.m_calendar > ul > li {float: left; margin-right: 1em;}
.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;}

.m_notice2 {
    float: left;
    width: 100%;
    /* border: 1px solid #e0e0e0; */
    border-radius: 1em;
    /* padding: 1em; */
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 5.1em;
    margin-bottom:1em;
    }
.m_notice2 ul{display: table;
    width: 100%;
    box-sizing: border-box;}
.m_notice2 ul li{}
.m_notice2 ul li a{}
.m_notice2 ul li span{display: table;}
.m_notice2 ul:nth-of-type(1){
    /* background-color: #ffffff; */
    /* padding: 1em; */
    font-size: 1.2em;
    font-weight: 400;
    }
.m_notice2 ul:nth-of-type(1) li{/* padding: 0 1em 0 1em; */width: 100%;}
.m_notice2 ul:nth-of-type(1) li a{
    color: #ff612c;
    font-weight: 500;
    font-size: 1.8em;
    position:relative;
    padding-left:1em;
    display:table;
    float: left;
    }
.m_notice2 ul:nth-of-type(1) li a:after {content:"";width: 2px;height: 46px;background-color: #ff612c;position:absolute;left:0px;top:0;}
.m_notice2 ul:nth-of-type(1) li span{
    /* float: left; */
    display: inline-block;
    cursor: pointer;
    /* font-size: 1.4em; */
    color: #6f6f6f;
    /* background-image: url(/img/main/btn_more.png); */
    /* width: 26px; */
    /* height: 26px; */
    font-weight: 300;
    float: left;
    line-height: 2.8em;
    padding-left: 1em;
    }
.m_notice2 ul:nth-of-type(2){
    margin-top: 1em;
}
.m_notice2 ul:nth-of-type(2) li{
    float: left;
    width: 277px;
    height: 300px;
    margin-left: 1.5em;
    margin-top: 2em;
    cursor: pointer;
    border: 1px solid #cacaca;
    position: relative;
    background-repeat: no-repeat;
    border-radius: 1em;
    background-position-x: center;
    }
.m_notice2 ul:nth-of-type(2) li:nth-of-type(1) {background-image: url(/img/main/3.jpg);}
.m_notice2 ul:nth-of-type(2) li:nth-of-type(2) {background-image: url(/img/main/4.jpg);}
.m_notice2 ul:nth-of-type(2) li:nth-of-type(3) {background-image: url(/img/main/5.jpg);}
.m_notice2 ul:nth-of-type(2) li:nth-of-type(4) {background-image: url(/img/main/6.jpg);margin-left: 0;float: right;}
/*
.m_notice2 ul:nth-of-type(2) li:nth-of-type(2) {background-image: url(/img/main/img2.png);  }*/
.m_notice2 ul:nth-of-type(2) li p{
    width: 100%;
    display: table;
    text-align: center;
    /* margin-top: 10em; */
    position: absolute;
    bottom: 1em;
    text-align:center;
    width:100%;
    /* height: 70px; */
    padding: 0px 2em;
    }
.m_notice2 ul:nth-of-type(2) li p span {display:table;width:100%;text-align:center;font-weight: 600;}

ul.tail_info {
    width: 98%;
    display: table;
    border: 1px solid #cecece;
    border-radius: 1em;
    padding: 1em;
    float: right;
    margin-top: 2em;
    text-align: center;
}
ul.tail_info li{
    /* float: left; */
    display: inline-block;
    margin-right: 1em;
    padding: 1em 0;
}
ul.tail_info li:nth-of-type(1){}
ul.tail_info li:nth-of-type(2) a{
    color: white;
    background-color: #ff612c;
    border-radius: 2em;
}
ul.tail_info li:nth-of-type(3) {
    margin-right: 0;
}
ul.tail_info li:nth-of-type(3) a{color: white;background-color: #005aa7;border-radius: 2em;}
ul.tail_info li a{
    padding: 0.5em 3em;
    /* margin: 1em 0; */
}
div.m_img7 {background-image:url(/img/main/7.jpg);
background-position-x: -18px;
background-repeat: no-repeat;
background-position-y: 257px;}

@media (min-width: 1000px) and (max-width: 1680px) {
   div.m_img7 {background-position-x: -138px;}
}
@media screen and (max-width: 1000px) { 
    .m_notice2 ul:nth-of-type(2) li p {
    top: 11em;
    /* position: relative; */
    padding: 0;
}
    .m_notice2 ul:nth-of-type(2) li p span{
    margin: 0;
    width: 100%;
    padding: 0;
    position: unset;
    margin-bottom: 1em;
}
    div.m_img7 {background-position-x: -18px;background: unset;}
    
  .m_notice2 ul:nth-of-type(1){ }
	.m_notice2 ul:nth-of-type(1) li{ }
	.m_notice2 ul:nth-of-type(1) li a{width: 100%;text-align: center;padding: 0;}
	.m_notice2 ul:nth-of-type(1) li a:after {display: none;}
	.m_notice2 ul:nth-of-type(1) li span{
    width: 100%;
    text-align: center;
    line-height: unset;
    }
    
}
ul.m_title {width: 100%;
    display: table;}
ul.m_title li{/* padding: 0 1em 0 1em; */width: 100%;}
ul.m_title li a{
    color: #ff612c;
    font-weight: 500;
    font-size: 1.8em;
    position:relative;
    padding-left:1em;
    display:table;
    float: left;
    }
ul.m_title li a:after {content:"";width: 2px;height: 46px;background-color: #ff612c;position:absolute;left:0px;top:0;}
ul.m_title li span{
    /* float: left; */
    display: inline-block;
    cursor: pointer;
    /* font-size: 1.4em; */
    color: #6f6f6f;
    /* background-image: url(/img/main/btn_more.png); */
    /* width: 26px; */
    /* height: 26px; */
    font-weight: 300;
    float: left;
    line-height: 2.8em;
    padding-left: 1em;
    }
.m_notice3 {
    display: table;
    width: 100%;
    padding: 2em 0;
}
.m_notice3 * { box-sizing:border-box; }
.m_notice3 ul {width: 24.1%;display:table;float:left;margin-right: 0.9em;background-color:white;height: 270px;border-radius:1em;padding:1em;height: 17em;}
.m_notice3 ul li{width:100%;display:table;padding: 0 0 0.3em 0;}
.m_notice3 ul li a{display:table;float:left;position:relative;padding:0 0 0 1em;}
.m_notice3 ul li a:after {content:""; width:5px; height:5px; position:absolute;background-color:#929292
; left:0; top:9px;}
.m_notice3 ul li i{display:table;float:right;background-image: url(/img/common/plus.png);width: 14px;height: 14px;background-repeat: no-repeat;}
.m_notice3 ul li span{display:table;float:right;color: #a0a0a0;}
.m_notice3 ul li:nth-of-type(1) {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.5em;
    color: #0808afe0;
}

.m_notice3 ul:nth-of-type(1) {}
.m_notice3 ul:nth-of-type(2) {}
.m_notice3 ul:nth-of-type(3) {margin-right:0;}
.m_notice3 ul:nth-of-type(4) {margin-right:0;float:right;}
.m_notice3 ul:nth-of-type(5) {margin-right:0; float:right }

p.m_title2 {
    font-size: 1.6em; padding-left:1.2em;
}
p.m_title2:after {content:"▶";position:absolute;left:0;color: lightgrey;}

ul.m_d1 {
    width: 100%;
    display: table;
    padding-left: 8.3em;
}
ul.m_d1 *{ box-sizing:border-box}
ul.m_d1 li{
    display: table;
    width: 320px;
    height: 220px;
    border-top: 1px solid gray;
    border-right:1px solid gray;
    float: left;
    padding: 1em 2.3em;
    cursor: pointer;
}
ul.m_d1 li h3{
    font-size: 1.4em;
    margin-bottom: 0.5em;
}
ul.m_d1 li span{cursor: pointer;display: table;border: 1px solid #b0b0b0;padding: 0.1em 0.5em;margin-top: 0.5em;background-color: gray;color: white;}
ul.m_d1 li:nth-of-type(1){
    width: 418px;
    height: 439px;
    background-color: #2e5ecb;
    color: white;
    margin-bottom: 1em;
    color: #ffe700; font-size:1.2em; font-weight:600
}
ul.m_d1 li:nth-of-type(1) span{cursor: pointer;display: table;border: 1px solid white;padding: 0.3em 0.5em;margin-top: 1em;background-color: unset;}
ul.m_d1 li:nth-of-type(2){}
ul.m_d1 li:nth-of-type(3){}
ul.m_d1 li:nth-of-type(4){}
ul.m_d1 li:nth-of-type(5){}
ul.m_d1 li:nth-of-type(6){border-bottom:1px solid gray;border-left:1px solid gray;
}
ul.m_d1 li:nth-of-type(7){border-bottom:1px solid gray;}
ul.m_d1 li:nth-of-type(8){ display:none}
ul.m_d1 li:nth-of-type(1) h3{color:white; font-size:1.8em}
ul.m_d1 li:nth-of-type(2) h3{color:green;}
ul.m_d1 li:nth-of-type(3) h3{color:navy;
}
ul.m_d1 li:nth-of-type(4) h3{color:navy;}
ul.m_d1 li:nth-of-type(5) h3{color:navy;}
ul.m_d1 li:nth-of-type(6) h3{color:blue;}
ul.m_d1 li:nth-of-type(7) h3{color: #ff612c;}

@media screen and (max-width: 1000px) { 
    p.m_title2 {
    margin: 1em 0;
    display: none;
}
    ul.m_d1 {padding: 0;}
	ul.m_d1 li{width: 50%;padding: 1em;}
	ul.m_d1 li h3{ }
	ul.m_d1 li:nth-of-type(1){
    width: 50%;
    margin: 0;
    padding: 1em;
    height: 220px;
    font-size: 1em;
}
	ul.m_d1 li:nth-of-type(2){}
	ul.m_d1 li:nth-of-type(3){
    border-left: 1px solid gray;
}
	ul.m_d1 li:nth-of-type(4){
    float: left;
    /* border-left: 1px solid gray; */
}
	ul.m_d1 li:nth-of-type(5){
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
}
	ul.m_d1 li:nth-of-type(6){
    border-left: 0;
}
	ul.m_d1 li:nth-of-type(7){/* width: 100%; */border-top: 0;border-left: 1px solid gray;}
    ul.m_d1 li:nth-of-type(8){display: block;border: 0;background-image: url(/img/main/7.jpg);background-size: cover;background-repeat: no-repeat;}
    
	ul.m_d1 li:nth-of-type(1) h3{
    font-size: 1.2em;
}
	ul.m_d1 li:nth-of-type(2) h3{}
	ul.m_d1 li:nth-of-type(3) h3{}
	ul.m_d1 li:nth-of-type(4) h3{}
	ul.m_d1 li:nth-of-type(5) h3{}
	ul.m_d1 li:nth-of-type(6) h3{}
	ul.m_d1 li:nth-of-type(7) h3{}

	ul.m_title {margin-bottom: 1em;}
	ul.m_title li{ }
	ul.m_title li a{width: 100%;text-align: center;padding: 0; }
    ul.m_title li a:after {display: none;}
    ul.m_title li span{ 
    width: 100%;
    text-align: center;
    line-height: unset; }


	.m_notice3 ul {width: 48%;margin: 0 0 1em 0;height: 19em;}
	.m_notice3 ul li{padding: 0;}
	.m_notice3 ul li a{  }
	.m_notice3 ul li a:after { }
	.m_notice3 ul li i{display: none;}
	.m_notice3 ul li span{ }
	.m_notice3 ul li:nth-of-type(1) {font-size: 0.9em;}
	.m_notice3 ul:nth-of-type(1) {}
	.m_notice3 ul:nth-of-type(2) {
    float: right;
}
	.m_notice3 ul:nth-of-type(3) {
    /* overflow: hidden; */
}
	.m_notice3 ul:nth-of-type(4) {
    float: right;
}
	.m_notice3 ul:nth-of-type(5) {float: unset;}

       

	.m_notice2 {width:100%;margin-bottom: -1em;}
	.m_notice2 ul:nth-of-type(2) li {
    float: left;
    /* margin: 0 auto; */
    /* margin-top: 2em; */
    position: relative;
    margin: 0;
    width: 48%;
    height: 300px;
    margin-bottom: 1em;
    box-sizing: border-box;
    background-position-y: -3em;
    }
	.m_notice2 ul:nth-of-type(2) li:nth-of-type(1) {background-position-y: -3em;}
	.m_notice2 ul:nth-of-type(2) li:nth-of-type(2) {float: right;}
	.m_notice2 ul:nth-of-type(2) li span {    margin: 0;
    position: absolute;
    bottom: -1.6em;}
    .tabIn ul li a {}
    .tabIn ul li a > label {    float: left;
    color: gray;}
}
ul.m_icon {
	    float: right;
    border: 1px solid #c3c3c3;
    display: table;
    width: 290px;
    height: 306px;
    border-radius: 1em;
    position: relative;
    overflow: hidden;    padding: 2em 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){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.2em;
    font-weight: 600;margin-left: 2em;
}
ul.m_icon > li:nth-child(2){background-image: url(/img/main/main_icon6.png);
    height: 65px;
    /* margin-left: 2.5em; */
    margin-top: 0;
    padding-left: 4.5em; 
    line-height: 65px;
    font-size: 1.2em;
    font-weight: 600;     margin: 1em 0 0 2em}
ul.m_icon > li:nth-child(3){  
                background-color: #3da630;
    height: 93px;
    /* margin-left: 0.9em; */
    /* margin-right: 0.5em; */
    color: white;
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 1.4em;
    padding: 1.2em 0 0 1.2em;
    }
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;}


.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.4em;
    font-weight: 500;}
.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:#37ae23; } 
.sub02_tab li a:hover{text-decoration:none;}
.tab_2In{        display: none;
    /* position: relative; */
    margin-top: 0px;
    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: 95%;     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;}


.m_gallery {      margin-top: 1em;
    margin-bottom: 2em;
    box-shadow: 0.3em 0.3em 0.3em #c5c5c5;
    border-radius: 1em;
    background-color: #f7f7f0;;
    display: table;
    box-sizing: border-box;
    padding: 2em;
    width: 100%;
    }
.m_gallery ul:nth-of-type(1) {float: left;
    width: 200px;
    padding: 0 1em;
    box-sizing: border-box;}
.m_gallery ul:nth-of-type(1) li{}
.m_gallery ul:nth-of-type(1) li a{    font-size: 1.5em;
    font-weight: 500;
    color: green;}
.m_gallery ul:nth-of-type(1) li label{    display: table;}
.m_gallery ul:nth-of-type(2) {    float: right;
    width: 80%;}
.m_gallery ul:nth-of-type(2) li{float: left;
    width: 25%;}
.m_gallery ul:nth-of-type(2) li a{}
.m_gallery ul:nth-of-type(2) li a span{margin: 0 auto;}
.m_gallery ul:nth-of-type(2) li a span:nth-of-type(1){}
.m_gallery ul:nth-of-type(2) li a span:nth-of-type(2){    color: #a0a0a0;}
.m_gallery ul:nth-of-type(2) li a p{font-size: 1em; margin-top: 0.5em;}

@media screen and (max-width: 1000px) { 
	.m_gallery ul:nth-of-type(1) { width: 100%; margin-bottom:2em}
	.m_gallery ul:nth-of-type(2),.m_gallery ul:nth-of-type(2) li {    width: 100%;
    text-align: center;}
	.m_gallery ul:nth-of-type(2) li {}
}

/* 배너사이즈와 위치 */
#s_banner_wrap {
    width: 100%;
    height: 600px;
    position: relative;
    margin: 0px 0;
    padding-top: 100px;
    display: table;
}
.bx-controls-direction {display:none;}
ul.bxslider1 li {
    background-position-x: center;
    background-position-y: center;
    height: 600px;
    }
.slide_text h2 img.pc_txt{display: block;}
.slide_text h2 img.m_txt{display: none;}
@media screen and (max-width: 1000px) {
	/*#s_banner_wrap {display:none;} */
	ul.main_banner2 {    margin-top: 5em;}
	#s_banner_wrap {
    padding-top: 126px;
    }
	#s_banner_wrap,.bx-viewport, .bx-wrapper,.bxslider1,ul.bxslider1 li {
    height: 286px;
    overflow: hidden;
    width: 100% !important;
    background-size: 153%;
    background-repeat: no-repeat;
    /* padding-top: revert; */
    /* padding-top: 42px; */
    }
	.main_gallery1 {    overflow: hidden;
    height: 28em;}
	.slide_text {    top: 53%; word-break: keep-all; width: 64%; 
		    margin-top: 0;
    font-size: 0.5em;
		}
	.slide_text h2 {font-size:2.8em;   margin-bottom: 1em; word-break: keep-all;}
	.slide_text h2 img.pc_txt{display: none;}
	.slide_text h2 img.m_txt{display: block;}
	.slide_text p {font-size:1.6em;    word-break: keep-all;}
	.bx-pager {margin-bottom:0;}
	.bx-wrapper img {       max-width: 153%;
    left: 50%;
    margin-left: -50px;}
}
@media screen and (max-width: 380px) {

	#s_banner_wrap {
    padding-top: 110px;
    margin-bottom: -3em;
    }
}


@media screen and (max-width: 1000px) {
	.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: -15em;
    margin-bottom: 8em;
    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: 9em;
    width: 16%;
    border-radius: 0.5em;
    /* border: 1px solid gray; */
    margin-right: 0.6em;
    background-position-y: 1.3em;
    background-position-x: center;
    background-color: #f7f7f0;
    z-index: 1;
    position: relative;
}
ul.main_banner2 li:hover {background-color:#3da630; z-index:100;}
ul.main_banner2 li:hover p {color:#fff;}

ul.main_banner2 > li:nth-child(1){background-image:url(/img/main/main_icon1.png);}
ul.main_banner2 > li:nth-child(2){background-image:url(/img/main/main_icon2.png);}
ul.main_banner2 > li:nth-child(3){background-image:url(/img/main/main_icon3.png);}
ul.main_banner2 > li:nth-child(4){background-image:url(/img/main/main_icon4.png);}
ul.main_banner2 > li:nth-child(5){background-image:url(/img/main/main_icon5.png);}
ul.main_banner2 > li:nth-child(6){background-image:url(/img/main/main_icon6.png);}

ul.main_banner2 > li:nth-child(1):hover{background-image:url(/img/main/main_icon1_over.png);}
ul.main_banner2 > li:nth-child(2):hover{background-image:url(/img/main/main_icon2_over.png);}
ul.main_banner2 > li:nth-child(3):hover{background-image:url(/img/main/main_icon3_over.png);}
ul.main_banner2 > li:nth-child(4):hover{background-image:url(/img/main/main_icon4_over.png);}
ul.main_banner2 > li:nth-child(5):hover{background-image:url(/img/main/main_icon5_over.png);}
ul.main_banner2 > li:nth-child(6):hover{background-image:url(/img/main/main_icon6_over.png);}

ul.main_banner2 li:nth-last-child(1),ul.main_banner2 li:nth-last-child(2){margin-right: 0;}
ul.main_banner2 li:nth-last-child(1) {float:right;}
ul.main_banner2 li:hover {    border-color: #77e46e;    cursor: pointer;
    color: #30b925;}
ul.main_banner2 li p{    text-align: center;
    font-size: 1.2em;
    font-weight: 400;
    margin-top: 5.0em;
}

ul.g1 {}
ul.g1 > li{
        float: left;
    width: 24%;
    margin-right: 0.9em;
}
ul.g1 > li:nth-last-child(1){    margin-right: 0;
    float: right;}
ul.g1 > li > a {}
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;}
	.tabIn {width:100%; padding-left: 0; height: 24em;}
	.sub01_tab li a,.sub02_tab li a {font-size:1em;}

	.slide_notice {        left: 0em;
    width: 100%;
    height: 391px;
    border-radius: 3em;
	}
	.slide_notice img {width:100%;}
	.slide_text{ }
	.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;     margin-bottom: 2em;}
	ul.main_banner2 li{ width: 50%;
    margin: 0; }
	
}

.banner_01 {width:100%; background-image:url(/img/slide/1.jpg);}
.banner_02 {width:100%; background-image:url(/img/slide/2.jpg);}
@media screen and (max-width: 1000px) { 
	.banner_01 { background-size: 200% !important;}
	.banner_02 {background-size: 200% !important;}
}
/*.banner_03 {width:100%; background-image:url(<?=G5_URL?>/img/slide/3.jpg);}
.banner_04 {width:100%; background-image:url(<?=G5_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(); }
.main_notice_img li.img2 {        background-image: url(); }
.main_notice_div {width: 625px;
    height: 502px;
    position: absolute;
    z-index: 1;
    right: 355px;
    top: 81px;
    border-radius: 1em;
    overflow: hidden;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -42px;
}
@media (min-width:1000px) and (max-width:1680px) {

	.main_notice_div {    width: 625px;
    height: 502px;
    position: absolute;
    z-index: 1;
    right: 232px;
    top: 81px;
    border-radius: 1em;
    overflow: hidden; }
}    

@media screen and (max-width: 999px) { 
	.main_notice_div {        width: 100%;
    position: unset;
    height: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    }
}

.main_bottom_banner {   border-top: 1px solid #cecece }
.bottom_scroll_banner{    border-left: 1px solid #cecece;border-right: 1px solid #cecece; padding: 0 0.5em;}
.bottom_scroll_banner_center {width:1101px; margin:0 auto;}
.bottom_scroll_banner tr td { border: none; }

.
.main_3_con {}
.main_3_con *{
    box-sizing: border-box;
}
.main_3_con ul{width:49%;padding:2.3em 2em;border:1px solid gray; border-radius:1em;
margin-bottom:3em;margin-top:1em}
.main_3_con ul:nth-of-type(1){float:left;}
.main_3_con ul:nth-of-type(2){float:right;}
.main_3_con ul li{padding-bottom:0.5em; position:relative; padding-left:1em;}
.main_3_con ul li a{}
.main_3_con ul li a:after {content:""; position:absolute; width:5px; height:5px; background-color:gray; left:0;top:10px}
.main_3_con ul li:nth-last-child(1) {padding-bottom:0;}

.main_4_con {}
.main_4_con *{box-sizing: border-box;}
.main_4_con > p{}
.main_4_con ul{}
.main_4_con ul li{width:49%;/* padding-left:10em; */border:1px solid gray;background-color: black;color: white;padding-right: 1em;cursor: pointer;}
.main_4_con ul li:nth-of-type(1){float:left; }
.main_4_con ul li:nth-of-type(1) div{float:left;background-image:url(/img/main/8.jpg);}
.main_4_con ul li:nth-of-type(2){float:right;}
.main_4_con ul li:nth-of-type(2) div{float:left;background-image:url(/img/main/9.jpg);}
.main_4_con ul li div {
    display: table;
    width: 50%;
    height: 250px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    margin-right: 1em;
}
.main_4_con ul li h3{
    color: white;
    /* padding: 1em 0 0 0; */
    /* float: right; */
    font-size: 1.4em;
    margin-top: 1em;
}
.main_4_con ul li p{
    color: white;
}
.main_4_con ul li span{border: 1px solid white;padding: 0.2em 0.5em;margin-top: 1em;display: table;}
.m_notice5 {}
.m_notice5 *{box-sizing:border-box;}
.tab_menu1 {
    width: 260px;
    height: 510px;
    background-color: #004899;
    color: white;
    border-radius: 2em 0 0 2em;
    padding: 7em 0 0 0;
    text-align:right;
    display:table;
    float:left;box-shadow: 5px 5px 10px 0px #c5c5c5;
}

.tab_menu1 li{
    width: 90%;
    float: right;
    text-align: left;
    padding:0.6em 0;
    margin-bottom:0.5em;
    padding-left: 1em;
    display: table;
    font-weight: 400;
    font-size: 1.4em;
    vertical-align: middle;
    /* line-height: 1em; */
    cursor: pointer;
}
.tab_menu1 li i {
    float: right;
    margin-right: 1em;
    margin-top: 0.3em;
}
.tab_menu1 li.on{
    background-color: white;
    color: navy;
    border-radius: 0.5em 0 0 0.5em;
}
.tab_thum1 {
    display: table;
    width: 940px;
    background-color: white;
    float: right;
    height: 510px;
    border-radius: 0 2em 2em 0;
    box-shadow: 5px 5px 10px 0px #c5c5c5;
}
.tab_thum1 ul{
    display: table;
    width: 90%;
    margin: 0 auto;
    margin-top: 4em;
}
.tab_thum1 ul li{
    float: left;
    display: table;
    border: 1px solid #ccc;
    width: 31%;
    margin: 0 0.5em;
    height: 400px;
    border-radius: 1em;
    /*background-image: url(/img/main/sample.jpg);*/
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: -7em;
    position: relative;
    background-size: cover;
}
.tab_thum1 ul li:nth-of-type(4) {display:none}

.tab_thum1 ul li a{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    display: table;
    text-align: center;
    color: white;
    position: absolute;
    top: 8em;
    padding: 1em;
    font-weight: 600;
}
.tab_thum1 ul li a span{
    display: table;
    width: 100%;
    text-align: center;
    font-weight: 100;
}
.tab_thum1 ul li p{
    position: absolute;
    /* top: 15em; */
    text-align: center;
    width: 100%;
    bottom: 0;
    height: 12em;
    background-color: rgba(0,0,0,0.9);
    color: white;
    padding-top: 1em;
}
.tab_thum1 ul li p span {display: table;width: 100%;text-align: center;font-weight: 600;}


@media screen and (max-width: 1000px) {
	.main_3_con ul{padding: 0.5em;}
	
	.main_4_con {}
	.main_4_con *{}
	.main_4_con > p{}
	.main_4_con ul{}
	.main_4_con ul li{
    text-align: center;
    padding: 2em 0.5em;
    }
	.main_4_con ul li:nth-of-type(1){}
	.main_4_con ul li:nth-of-type(1) div{
    display: none;
    }
	.main_4_con ul li:nth-of-type(2){}
	.main_4_con ul li:nth-of-type(2) div{
    display: none;
    }
	.main_4_con ul li div { }
	.main_4_con ul li h3{margin: 0;}
	.main_4_con ul li p{	}

	.m_notice5 {}
	.m_notice5 *{}
	.tab_menu1 {width: 100%;height: unset;float: unset;border-radius: 1em 1em 0 0;text-align: center;display: table;padding: 1em 0 0 0;}

	.tab_menu1 li{float: unset;width: 46%;display: inline-block;text-align: center;padding-left: 0;margin-bottom: 0;/* border-radius: 1em 1em; */}
	.tab_menu1 li i {display: none;}
	.tab_menu1 li.on{border-radius: 1em 1em 0 0;}
	.tab_thum1 {width: unset;float: unset;width: 100%;border-radius: 0 0 1em 1em;height: unset;}
	.tab_thum1 ul{margin-top: 2em;width: 100%;}
	.tab_thum1 ul li{width: 46%;height: 271px;background-position-y: -5em;margin-bottom: 1em;margin-right: 0;overflow: hidden;}

	.tab_thum1 ul li a{top: 2em;}
	.tab_thum1 ul li a span{ }
	.tab_thum1 ul li p{top: 8em;height: 9em;}
	.tab_thum1 ul li p span { }
	.tab_thum1 ul li:nth-of-type(4) {display:block}

}