/* Typography 22-01-04 */
body, ul, li, p, a, label, div {
 font-family: 'Noto Sans KR', sans-serif;
 font-size: 15px !important;
 font-weight: 300 !important;
}
input, select {
 font-size: 15px !important;
 font-weight: 300 !important;
}
.h1 {font-family: 'Noto Sans KR';font-size: 50px !important;font-weight: 200 !important;}
.h2 {font-family: 'Noto Sans KR';font-size: 30px !important;font-weight: 300 !important;}
.h3 {font-family: 'Noto Sans KR';font-size: 25px !important;}
.h4 {font-family: 'Noto Sans KR';font-size: 22px !important;}
.h5 {font-family: 'Noto Sans KR';font-size: 20px !important;}
.h6 {font-family: 'Noto Sans KR';font-size: 18px !important;}
.h7 {font-family: 'Noto Sans KR';font-size: 15px !important;}
.h8 {font-family: 'Noto Sans KR';font-size: 12px !important;}
.h9 {font-family: 'Noto Sans KR';font-size: 10px !important;}

.fs50 {font-size: 50px !important;}
.fs30 {font-size: 30px !important;}
.fs25 {font-size: 25px !important;}
.fs22 {font-size: 22px !important;}
.fs20 {font-size: 20px !important;}
.fs18 {font-size: 18px !important;}
.fs15 {font-size: 15px !important;}
.fs12 {font-size: 12px !important;}
.fs10 {font-size: 10px !important;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
 /* $font-weight-light:           300; */
 /* $font-weight-normal:          400;*/
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
 /* $font-weight-bold:            700;*/
 /* $font-weight-bolder:          bolder;*/
 
.fcAAAAAA {color:#AAAAAA;}
.fcFFFFFF {color:#FFFFFF;}
.fc000000 {color:#000000;}
.fc888888 {color:#888888;}

/* General */
.text-warning {color: #ede861 !important;}
.text-muted {color: #888888 !important;}
.text-success {color: #59ab6e !important;}
.text-light {color: #cfd6e1 !important;}
.bg-dark {background-color: #212934 !important;}
.bg-light {background-color: #e9eef5 !important;}
.bg-black {background-color: #1d242d !important;}
.bg-success {background-color: #59ab6e !important;}
.btn-success {background-color: #59ab6e !important;border-color: #56ae6c !important;}

.pagination .page-link:hover {color: #000;}
.pagination .page-link:hover, .pagination .page-link.active {background-color: #69bb7e;color: #fff;}

.card .card-body, .card-body ul{width:100%;}
.card.product-wap:hover .product-overlay {visibility:visible;opacity:1;}

/* index banner image */ 
#template-mo-zay-hero-carousel { background: #efefef !important;}
#template-mo-zay-hero-carousel .carousel-indicators li {margin-top: 0px;background-color: #59ab6e;}
#template-mo-zay-hero-carousel .carousel-control-next i,
#template-mo-zay-hero-carousel .carousel-control-prev i {color: #59ab6e !important;font-size: 2.8em !important;}

/* 아래는 추가한 것인데 확인하고 정리할 것  */

/* common CSS */
 #tempaltemo_footer .Mcontainer{display:none;}
 #tempaltemo_footer .McontainerSpace{display:none;}

/* index CSS*/
 .btn-more { display:inline-block;position:absolute; right:0; top:14px;;  width: 76px; height:30px; background:url('../img/icon_more.png') right 4px no-repeat;}
 .btn-more:hover { text-decoration:underline;}
 .btn-more > span.more{font-size:16px;}
 #indexbtbox{margin:0;padding:0}

/* sesae CSS */
#sesae {padding:0;background:#F4F4F4;}

/*#bo_btn_top {background:#F4F4F4;} */
#sesae #searchbox {background:#F4F4F4;}
#sesae #searchrow span {font-size:1em;font-weight:400;}
#sesae #searchrow div {clear:both;}
#sesae #searchrow li {float:left;padding:5px 5px 0 0;}
#sesae #searchrow .chk_box {padding:2px 5px 0 5px;margin:0 10px 0 0;}
#sesae #searchrow li img {padding:0 0 3px 0;}
#sesae #searchrow select {border:1px solid #d0d3db;width:300px;height:40px;border-radius:3px}


/*// For Mobile */
@media (max-width: 360px) { 
 /* Nav top*/ 
 #templatemo_main_nav .navbar-nav{width:100%;}
 #templatemo_main_nav .navbar-nav .nav-item {padding:0;}
 #templatemo_main_nav .navbar-nav .nav-item .nav-link {font-size: 1em;color: #000000;}
 /* Nav */
/* index CSS*/
 .carousel-indicators{display:none;}
 .carousel-control-prev {display:none;}
 .carousel-control-next {display:none;}

 /* footer */
 #tempaltemo_footer .McontainerSpace{display:block;clear:both;width:100%;padding:100px 0 0 0;}
 #tempaltemo_footer .Mcontainer{display:block;clear:both;position:fixed;bottom: 0;left: 0;width:100%;background-color: #FFFFFF;}
 #tempaltemo_footer .Mcontainer li {height:50px;}
 #tempaltemo_footer .footerlogbox{width:250px;}
 #tempaltemo_footer .footertxt{display:none;}
}

/* For Mobile Common */
@media (max-width: 361px) {
  /* index bottom */
 #indexbtbox .noticebox{margin:0;padding:0}
 #indexbtbox .boxing{margin:0;padding:0;}
 #indexbtbox .eventlistbox{margin:50px 0 0 0;padding:0}
 #indexbtbox .card-img-top{margin:0;padding:0;}

}

/* For PC Common */
@media (min-width: 361px) {
 /* Nav top*/
 #templatemo_nav_top {height: 39px;width:100%;background:#E5E5E5;}
 #templatemo_nav_top .logobox {margin:0 auto;}
 #templatemo_nav_top a{font-size: .9em !important;color: #000000;}
 #templatemo_nav_top a:visited{font-size: .9em !important;color: #000000;}

 .card-body{background:#FFFFFF;}
 /* index bottom */
 #indexbtbox .noticebox{margin:0;padding:0}
 #indexbtbox .boxing{margin:0 0 0 1px;padding:0;}
 #indexbtbox .eventlistbox, .card-img-top{margin:0;padding:0;}


}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  

}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  

 #indexbtbox .eventlistbox{margin:50px 0 0 0;padding:0}
}


/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
 /* Nav */
 #templatemo_main_nav {padding:0;}
 #templatemo_main_nav .navbar-nav {max-width: 1024px;padding:0;}
 #templatemo_main_nav .navbar-nav .nav-item {padding:0;}
 #templatemo_main_nav .navbar-nav .nav-item .nav-link {color: #000000;}
 .sesae .sesaebtn{width:70px;margin:40px 0 0 70px;}
}

@media (min-width: 991.98px) {
 /* Nav */
 #templatemo_main_nav {padding:0 0 0 80px;}
 #templatemo_main_nav .navbar-nav {max-width: 1024px;padding:0 0 0 100px;}
 #templatemo_main_nav .navbar-nav .nav-item {padding:42px 0 0 0;}
 #templatemo_main_nav .navbar-nav .nav-item .nav-link {font-size: 22px;color: #000000;font-weight: 400;}
 .sesae .sesaebtn{width:70px;margin:48px 0 0 10px;}
}
/* `lg` applies to medium devices (tablets, less than 992px)*/



/* `xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {  

}

/* `xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) { 

}