/* ¸ÞÀοµ¿ª ½ºÅ¸ÀÏ ½ÃÆ® */
body { }
div#contents { width:100% ;}

/*input number È­»ìÇ¥ Á¦°Å 20190814*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* mobile -wide*/
@media only screen and (max-width:1023px){

div#m_sin { margin:20px auto; width:20%; padding:10px;background:#fff;color:#0a0a0a;cursor:pointer;font-size:15px;text-align:center;border:1px solid #0a0a0a; }
div#m_sin:hover { margin:20px auto; width:20%; padding:10px;background:#0a0a0a;color:#fff;cursor:pointer;font-size:15px;text-align:center;border:1px solid #fff; }

div#cont { 
   width: 100%;
   height: 100%;
} 

div#visual1 { position:relative;width:100%;}
div#visual2 { position:relative;width:100%;}

div#cont { position: relative;width:100%; height:34px; background:#f7f7f7;border-top:1px #ebebeb solid; border-bottom:1px #ebebeb solid; }
div#cont ul { width:100%; margin:0px auto; }
div#cont ul li.left { float:left; height:34px; }
div#cont ul li.right { display:none;  }
div#cont ul img { width:100%; width:32px; height:32px; }

div#cont_text { position: relative; width:100%; }
div#cont_text ul { width:100%;  } 
div#cont_text ul li { width:96%; margin:0px auto;  } 

.swiper {width: 100%;height:100%;}
.swiper-slide {text-align: center;font-size:18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display:block;width:100%;height:100%;object-fit: cover;}
.swiper {width:100%;height:100%;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}

.mySwiper2 {height:50%;width:100%;}
.mySwiper {height:20%;box-sizing: border-box;padding:10px 0;}
.mySwiper .swiper-slide {width:25%;height:80%;opacity: 0.4;margin-top:10px;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;} 
.swiper-slide img {display: block;width:100%;height:100%;object-fit: cover;}

.mySwiper4 {height: 50%;width: 100%;}
.mySwiper {height:20%;box-sizing: border-box;padding:10px 0;}
.mySwiper .swiper-slide {width:33.3%;height:80%;opacity: 0.4;margin-top:10px;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;} 
.swiper-slide img {display: block;width:100%;height:100%;object-fit: cover;cursor:pointer;}

select.box180 {width:146px;height:32px;font-size:13px;text-align:center;font-weight:bold;border:none;white-space:normal;margin-top:-1px;margin-right:1px;cursor:pointer;background:#fff;}
select.box150 {width:146px;height:32px;font-size:13px;text-align:center;font-weight:bold;border:none;white-space:normal;margin-top:-1px;margin-right:1px;cursor:pointer;background:#fff; }

}

/* pc */
@media only screen and (min-width:1024px){

div#m_sin { margin:20px auto; width:20%; padding:10px;background:#fff;color:#0a0a0a;cursor:pointer;font-size:15px;text-align:center;border:1px solid #0a0a0a; }
div#m_sin:hover { margin:20px auto; width:20%; padding:10px;background:#0a0a0a;color:#fff;cursor:pointer;font-size:15px;text-align:center;border:1px solid #fff; }

div#cont { 
   width: 100%;
   height: 100%;
} 

div#visual1 { position:relative;width:100%;}
div#visual2 { position:relative;width:100%;}

div#cont { position: relative;width:100%; height:47px; background:#f7f7f7;border-top:1px #ebebeb solid; border-bottom:1px #ebebeb solid; }
div#cont ul { width:1000px; margin:0px auto; }
div#cont ul li.left { float:left; height:47px; }
div#cont ul li.right { float:right; height:47px; }

div#cont_text { position: relative; width:100%; }
div#cont_text ul { width:100%;  } 
div#cont_text ul li { width:1000px; margin:0px auto;  } 

   .swiper {width: 100%;height:100%;}
   .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
   .swiper-slide img {display: block;width:100%;height:100%;object-fit: cover;}
   .swiper {width: 100%;height:300px;margin-left: auto;margin-right: auto;}
   .swiper-slide {background-size: cover;background-position: center;}
   .mySwiper2 {height:90%;width: 100%;}
   .mySwiper {height:20%;box-sizing: border-box;padding: 10px 0;}
   .mySwiper .swiper-slide {width:33.3%;height: 100%;opacity: 0.4;margin-top:10px;}
   .mySwiper .swiper-slide-thumb-active {opacity: 1;} 
   .swiper-slide img {display: block;width: 100%;height:100%;object-fit: cover;cursor:pointer;}

/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.cont_login { width:100%; margin-top:150px; }
div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div.cont_login ul li { margin:12px auto; width:98%; }
div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div.cont_login li.logo { text-align:center; }
div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }

select.box180 {width:146px;height:46px;font-size:15px;text-align:center;font-weight:bold;border:none;white-space:normal;margin-top:-1px;margin-right:1px;cursor:pointer;}
select.box150 {width:146px;height:46px;font-size:15px;text-align:center;font-weight:bold;border:none;white-space:normal;margin-top:-1px;margin-right:1px;cursor:pointer; }

}