@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;
	margin-top: 3em;}
	.main_latest li{        box-sizing: border-box;
    width: 33.33%;
    border-radius: 2em;
    overflow: hidden;}
	.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;}

.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: 50%;
    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: 2.3em;
    position: relative;

    opacity: 0;
    margin-bottom: 0;
    animation: up 1s 0.4s both;
	} 
.slide_text h2{    text-shadow: 0 0 5px #000;
    color: #fff;
    font-size: 5em;
    font-weight: 900;
    opacity: 0;
    animation: fadein 3s 1s both;
    width: 100%;
        text-transform: uppercase;
    }
.bx-pager {margin-bottom:5em;}

@media screen and (max-width: 1000px) { 
	.slide_notice {        left: 0em;
    width: 100%;
    height: 391px;
    border-radius: 3em;
	}
	.slide_notice img {width:100%;}
	.slide_text{ }
}

/* 배너사이즈와 위치 */
#s_banner_wrap {    width: 100%;
    height: 600px;
    position: relative;
    margin: 0px 0;
}
ul.bxslider1 li {    background-position-x: center;
    background-position-y: center;}
@media screen and (max-width: 1000px) {
	.main_gallery1 {    overflow: hidden;
    height: 28em;} 

	#s_banner_wrap,.bx-viewport, .bx-wrapper,.bxslider1,ul.bxslider1 li {    height: 400px;
    overflow: hidden;
    background-size: 281%;
    /* background-repeat: round; */
    background-position-x: center;
    background-position-y: center;}
    
	.slide_text {   word-break: keep-all; width: 80%; top: 55%;}
	.slide_text h2 {font-size:3.5em;   margin-bottom: 0.3em; word-break: keep-all;}
	.slide_text p {font-size:1.5em;    word-break: keep-all;}
	.bx-pager {margin-bottom:0;}
	
ul.bxslider1 li {    background-position-x: 42em;
    background-position-y: -31em; }
    
}


.go_link {    display: table;
    width: 100%;
    box-sizing: border-box;
    margin-top: -6em;
    margin-bottom: 1em;}
.go_link li{        width: 25%;
    height: 10em;
    float: left;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: 100%;
    cursor: pointer;
    border-radius: 1em;}

@media screen and (max-width: 1000px) {
	.go_link {margin:1em 0; }
	.go_link li{float: none;
    width: 100%;
    float: left;
    height: 137px;
    border: 1px solid #fff;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;    margin-bottom: 0em;
}
	
	.main_con_margin > img { width: 100%;}
	.main_con_margin {margin-top:1em;}
	.main_latest {    width: 100%;}
	.main_latest li{    clear: both; width: 100%;     margin-bottom: 1em;}
	.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{}
}

.main_gallery1 {        clear: both;
    padding-top: 3em; margin-bottom: 2em;}
.main_gallery1 h4{    text-align: center;
    font-size: 2em;}
.main_gallery1 p{    text-align: center; margin-bottom:1em; font-size:1.2em;}
.main_gallery1 ul{    display: table;
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
    margin-top: 2em;}
.main_gallery1 ul li{    width: 24%;
    float: left;
    height: 15em;
    box-sizing: border-box;
    margin-right: 1.2em;
    background-color: gray;         background-size: 100%;
    background-position-y: center;
    background-position-x: center; border-radius: 2em;} 
.main_gallery1 ul li:nth-last-child(2){margin-right: 0em;}
.main_gallery1 ul li:nth-last-child(1){margin-right: 0em; float:right;}

.main_gallery2 {    clear: both;}
.main_gallery2 ul{    width: 49%;
    float: left;
    display: table;
    box-sizing: border-box;
    border: 1px solid #cecece;
    margin-top: 3em;
    padding: 3em;}
.main_gallery2 ul li{        background-color: gray;
    height: 13em;
    width: 45%;
    float: left;
    margin-bottom: 1em;
    background-size: 100%;
    background-position-x: center;
    background-position-y: center;
    }
.main_gallery2 ul li h4{    float: left;
    font-size: 1.6em;}
.main_gallery2 ul li img{    float: right;     cursor: pointer;}
.main_gallery2 ul li:nth-child(1){        width: 100%;
    float: none;
    background-color: white;
    height: 4em;
    margin-bottom: 0;}
.main_gallery2 ul li:nth-child(3), .main_gallery2 ul li:nth-child(5){    float: right;}
.main_gallery2 ul:nth-of-type(1){}
.main_gallery2 ul:nth-of-type(2){float: right;}
.main_gallery2 ul li:nth-child(4),.main_gallery2 ul li:nth-child(5){margin-bottom:0;}
.main_btn {    background-color: #44acc7;
    color: white;
    padding: 2em 5em;
    display: table;
    margin: 0 auto;
    font-size: 1.4em;
    border-radius: 2em;}
@media screen and (max-width: 1000px) { 
	.main_btn { }
	
	.main_gallery1 ul {}
	.main_gallery1 ul li {    float: left;
    width: 46%;
    margin-bottom: 1em;}
    .main_gallery1 ul li:nth-child(2) {margin-right:0;     float: right;}
	
	.main_gallery2 ul {    padding: 1em; width: 100%;}
	.main_gallery2 ul li {    float: none;
    width: 100%;}
	.main_gallery2 ul li h4 {}
}