@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: 50%;
	    left: 34%;
	    text-align: left;
	    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.4em;
    position: relative;
    opacity: 0;
    margin-bottom: 0;
    animation: up 1s 0.4s both;
    margin-top: 1em;
    font-weight: 300;
 } 
.slide_text h2{
    /* text-shadow: 0 0 5px #000; */
    color: white;
    font-size: 5em;
    font-weight: 900;
    opacity: 0;
    animation: fadein 3s 1s both;
    width: 100%;
    /* text-transform: uppercase; */
    line-height: 1.1em;
    margin-bottom: 1.1em;
    }
.bx-pager {margin-bottom:5em;}
.slide_text a{
    padding: 0.8em 3em;
    border: 2px solid #7ccbed;
    border-radius: 0.6em;
    animation: fadein 3s 1s both;
    color:#ffffff;
    font-size: 1.4em;
    }

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

/* 배너사이즈와 위치 */
#s_banner_wrap {    width: 100%;
    height: 803px;
    position: relative;
    margin: 0px 0;
}
ul.bxslider1 li {
    background-position-x: center;
    background-position-y: -28em;
    height:803px;
    }
@media screen and (max-width: 1000px) {
	#s_banner_wrap,.bxslider1,ul.bxslider1 li {
    height: 520px;
    overflow: hidden;
    width: 100% !important;
    background-size: 226%;
    background-repeat: no-repeat;
    background-position-y: 0em;
    background-position-x: -28em;
    }
	.bx-wrapper{}
	.bxslider1{}
	.banner_01,.banner_02,.banner_03{}
	.main_gallery1 {    overflow: hidden;
    height: 28em;}
	.slide_text {
		    word-break: keep-all;
		    width: 90%;
		    top: 23%;
		    margin-top: 0;
		    font-size: 0.5em;
		    margin-left: 9em;
		    text-align: center;
		}
	.slide_text h2 {font-size: 5em;margin-bottom: 1em;word-break: keep-all;width: 96%;}
	.slide_text p {font-size: 2.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: 5em;
    }
.product_info1 h4{
    text-align: center;
    /* font-size: 2em; */
    text-transform: uppercase;
    }
    
@media screen and (max-width: 1000px) {
	
}

.main_w2_100 {width: 100vw;clear:both;background-color:#fff;padding: 5em 0;overflow: hidden;}
.main_w2_100 h4 {text-align:center;text-transform: uppercase;margin: 0 0 2em;}
.main_w2_100 ul {    display: table;
    width: 100%;
    box-sizing: border-box;     margin-top: 3em;}
.main_w2_100 ul li{
    width: 378px;
    position: relative;
    height: 423px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-right: .3em;
    float: left;
    background-image:url(/img/main/sample.jpg);
    cursor: pointer;
    }
.main_w2_100 ul li:hover p{display:block; }
.main_w2_100 ul li p {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 1.6em;
    background-color: #0a3d88cc;
    color: white;
    display:none;
    font-size: 1.3em;
    font-weight: 300;
    }
.main_w2_100 ul li p span{display: table;font-size: 1.2em;font-weight: 500;padding-bottom: 0.5em;}

@media screen and (max-width: 1000px) {
	.main_w2_100 ul li {width: 100%;}
	
}

.main_w_100 {width:100%;clear:both; background-color:#f7f7f7; }
.product_info1 {}
.product_info1 ul {display: table;
    box-sizing: border-box;
    margin-top: 3em;
    padding-bottom: 0;}
.product_info1 ul li{        width: 32%;
    float: left;
    height: 21em;
    background-repeat: no-repeat;
    text-align: center;
    color: black;
    font-size: 1.5em;
    box-sizing: border-box;
    padding-top: 16em;
    cursor: pointer;
    }
.product_info1 ul li:nth-of-type(1){background-image:url(/img/main/1.jpg);margin-right: 1.6em;}
.product_info1 ul li:nth-of-type(2){background-image:url(/img/main/2.jpg);}
.product_info1 ul li:nth-of-type(3){background-image:url(/img/main/3.jpg);    float: right;}
@media screen and (max-width: 1000px) { 
	.product_info1 ul {width:80%; margin:0 auto;}
	.product_info1 ul li{width:100%;}
	.product_info1 ul li:nth-of-type(1) {margin-right:0;}
	
}

	/*css 에 포함시킬경우 메인에만 적용*/
	body {overflow:hidden;}
		div.bx-viewport {
    overflow: visible !important;
}
	.bxslider_03 {}
	.bxslider_03 li{}