@charset "utf-8";
/* CSS Document */


/* 스크롤 */
/* width */
::-webkit-scrollbar {
    width: 5px; height:5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 10px;
}

@media (min-width:1000px){	
html,body,div,span,iframe,p,a,ul,ol,li,dl,dt,dd,form,fieldset,input,table,tr,th,td,button,textarea,select,h1,h2,h3,h4,h5,h6{margin:0; padding:0; border:0; list-style:none; vertical-align:top; background:transparent; font-family: "Pretendard", sans-serif; letter-spacing: -1px;}
img {border:0; vertical-align:top;}

#wrapper{width:100%; border:0px; padding: 0px; margin: 0px; box-sizing:border-box; overflow-x:hidden;}
#container{width:100%; background-color: #fe223b; height: 778px; display: inline-block;}
	.emenu{width:100%; height: 60px; background-color: #d90429;}
	.emenu ul{width: 1000px; margin: 0 auto;} 
	.emenu li{float: left;}
#container2{width:100%; background-color: #f6f6f6; text-align: center; padding-top: 140px; padding-bottom: 140px; display: inline-block;}
#container3{width:100%; background-color: #fff; text-align: center; padding-top: 140px; padding-bottom: 140px; display: inline-block;}
	.model{width: 1000px; margin: 0 auto; text-align: left;}
	.model h2{padding-top: 80px; padding-bottom: 20px; color: #000; font-size: 36px; font-weight: 500; display: inline-block;}
	.model ul{width: 1000px; margin: 0 auto;} 
	.model li{float: left; margin-right: 20px;}
	.model li:last-child{margin-right: 0px;}

	h1{padding-bottom: 40px;}
	.title{color: #000;}
	.title span{font-size: 54px; font-weight: 400;}
	.title strong{font-size: 60px; font-weight: 700;}

#container4{width:100%; background-color: #2e2a29; text-align: center;  display: inline-block;}
#container5{width:100%; background-color: #eaebeb; text-align: center; padding-top: 140px; display: inline-block;}
#container6{width:100%; background-color: #fe223b; text-align: center; padding-top:80px; padding-bottom:80px; display: inline-block;}

#footer{width: 100%; padding-top: 20px; padding-bottom: 20px; background-color: #f6f6f6; font-size: 14px; color: #626262; font-weight: 400;}	
#footer .bottom{width: 1000px; margin: 0 auto; text-align: left; line-height: 24px;  font-weight: 600;}	
#footer .bottom a{color: #333; 	font-size: 14px; text-decoration: none;}
#footer font{font-weight: 100;}
#footer	.bottom2{width: 1000px; margin: 0 auto; text-align: left; line-height: 24px; margin-top: 20px; align-items: center; display: flex; justify-content: space-between;}
#footer	.bottom2 .agree{display: block;}
#footer	.bottom2 .agree a{align-items: center; display: flex; gap: 10px; text-decoration: none;}	
#footer	.bottom2 .agree p{margin: 0px; font-size: 11px; line-height: 17px; color: #626262;}
#btmFixed{display:none!important}	
	
}



@media (min-width: 568px) {
	.visible-xs {display:none!important}
}

@media (min-width: 450px) {
	.visible-xs2 {display:none!important}
}


@media (max-width:999px){
html,body,div,span,iframe,p,a,ul,ol,li,dl,dt,dd,form,fieldset,input,table,tr,th,td,button,textarea,select,h1,h2,h3,h4,h5,h6{margin:0; padding:0; border:0; list-style:none; vertical-align:baseline; background:transparent; font-family: "Pretendard", sans-serif; letter-spacing: -1px;}
img{width:100%; height:auto; vertical-align:middle; border:0;}	
a{text-decoration: none;}
#wrapper{width:100%; border:0px; padding: 0px; margin: 0px; box-sizing:border-box;}	
#container{width:100%; background-color: #fe223b; display: inline-block;}
	.emenu{width:100%; height: 50px; background-color: #d90429;}
	.emenu li{float: left; width: 26.5%; text-align: center;}
	.emenu li a{font-size: 16px; font-weight: 500; color: #fff; line-height: 50px;}
	
#container2{width: calc(100% - 30px); background-color: #f6f6f6; text-align: center; padding-top: 80px; padding-bottom: 80px; display: inline-block; padding-left: 15px; padding-right: 15px;}
h1{display: inline-block;}	
.title{color: #000;}
.title span{font-size: 28px; font-weight: 400;}
.title strong{font-size: 32px; font-weight: 700;}
	
#container3{width: calc(100% - 30px); background-color: #fff; text-align: center; padding-top: 80px; padding-bottom: 80px; display: inline-block; padding-left: 15px; padding-right: 15px;}
	.model{width: 100%; text-align: left;}
	.model h2{padding-top: 40px; padding-bottom: 15px; color: #000; font-size: 21px; font-weight: 600; display: inline-block;}
	
	.x-scroll{width: 100%;}
	.cardbox{width: 100%; display: flex; flex-wrap: nowrap; overflow: hidden; overflow-x: auto;}
	li{flex: 0 0 auto;}
	.cardbox li {position: relative; width: 235px; margin-bottom: 10px;}
	li .screen{display: inline-block; width: 100%; height:auto;}
	li + li{margin-left: 0px;}
	.cardbox li{flex: 0 0 auto; display: inline-block; margin-right: 15px;}
	.cardbox li:last-child{margin-right: 0px;}
	.screen img{width: 100%;}

#container4{width: calc(100% - 30px); background-color: #2e2a29; text-align: center;  display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 80px; padding-bottom: 80px;}
#container5{width: calc(100% - 30px); background-color: #eaebeb; text-align: center; padding-top: 80px; display: inline-block; padding-left: 15px; padding-right: 15px;}
#container6{width: calc(100% - 30px); background-color: #fe223b; text-align: center; padding-top:40px; padding-bottom:30px; display: inline-block; padding-left: 15px; padding-right: 15px;}
	
#footer{width: 100%; padding-top: 20px; padding-bottom: 65px; background-color: #f6f6f6; font-size: 14px; color: #626262; font-weight: 400;}	
#footer .bottom{padding-left: 15px; padding-right: 15px; text-align: left; line-height: 24px;  font-weight: 600;}	
#footer .bottom a{color: #333; 	font-size: 14px; text-decoration: none;}
#footer font{font-weight: 100;}
#footer	.bottom2{padding-left: 15px; padding-right: 15px; text-align: left; line-height: 24px; margin-top: 20px;}

#btmFixed {position:fixed; right:0; bottom:0; left:0; z-index:3000; background:#fff; box-shadow:-1px -1px 6px rgba(0,0,0,.1);}
#btmFixed.main_fixed_wrap{background:rgba(255,255,255, 0.6);  box-shadow:none; box-sizing:border-box;}
#btmFixed.main_fixed_wrap .main_fixed{overflow:hidden; }
#btmFixed.main_fixed_wrap .main_fixed a{float:left; color:#fff; line-height:45px; position:relative; width:50%; display:block ; text-align:center; font-weight:600; font-size:14px; letter-spacing:-0.5px; text-decoration: none;}
#btmFixed.main_fixed_wrap .main_fixed a.go_cus{float:left; width:50%; background:#35373a;}		
}