@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: 20%;
    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: 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: 760px;
    position: relative;
    margin: 0px 0;
}
ul.bxslider1 li {    background-position-x: center;
    background-position-y: center;
    height:760px; 
    }
@media screen and (max-width: 1000px) {
	#s_banner_wrap,.bx-viewport, .bx-wrapper,.bxslider1,ul.bxslider1 li {     height: 235px;
    overflow: hidden;
    width: 100% !important;
    background-size: 153%;
    background-repeat: no-repeat;}
	.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;}
	.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: 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;}
    
@media screen and (max-width: 1000px) {
	
}