/*공통*/
a.submit_btn,
.submit_btn{ display:block; width:92%; border-radius:10px; background:#00b5d0; color:#fff; line-height:40px; height:40px; text-align:center; font-size:1.2em;    margin: 0 auto;
}
h3#hd_h3 {
    text-align: center;
    font-size: 1.3em;
    color: #000;
    font-weight: 800;
    line-height: 1.85em;
}
/*카피라이터*/
#ft_copy{ font-size:0.8em; line-height:1.6em; padding:15px 20px;}
#ft_copy p{margin-bottom:5px;}
#ft_copy p:first-child{opacity:0.8;}
#ft_copy p a:first-child{font-weight:600; color:#00b5d0;}

/*메인*/
#visual{margin-bottom:0px; background:#f5f5f5;}
#visual .swiper-button-next,
#visual .swiper-button-prev{display:none;}
#visual .swiper-slide{ padding:15px 30px; display:flex; align-items: center; justify-content: space-between;}
#visual .swiper-pagination-bullet-active{ background:#00b5d0;}
#visual .img{width:50%;}
#visual .img img{ width:100%;}
#visual .text p{ color:#00b5d0; font-weight:700; font-size:1.3em;}

#idx_cate.main {width: 95%;margin: 0 auto}
#idx_cate ul{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom:10px}
#idx_cate li{    width: 48%;  /*   width: 32%;    */margin-bottom: 4%; text-align:right;border-radius:5px; background: #f5f5f5;}
#idx_cate li:hover{  background: #ffdead;  box-shadow: 0px 0px 10px 2px #e1e1e1;}
#idx_cate li:hover a{    box-shadow: inset 0px 0px 0 3px #ffa216;}
#idx_cate li.yellow{
       background: #ffa216;
}

#idx_cate li.yellow2{
    background: #f8f828;
}
#idx_cate li.yellow:hover a {
    box-shadow: inset 0px 0px 0 3px #b86f00;
}
#idx_cate li a{display:block; color:#5e5e5e; padding:15px 7px;     border-radius: 5px}
#idx_cate li.yellow a{ color:#313131; }
#idx_cate li.yellow a p span {    box-shadow:0 0 6px 3px #703b011f; background: #fff;    margin-left: 5px;    border-radius: 20px;    padding: 2px 10px;    font-size: 0.75em;    color: #ff6016; }
#idx_cate li a img {    width: 70%;    margin-right: 5px;}
#idx_cate li a p{    margin-left: 10px;    text-align: left;    font-size: 1.4em;    font-weight: 700;}
#idx_cate li:hover a p{ color: #ffa216;    font-weight: 800;}
#idx_cate li.yellow:hover a p{ color: #b86f00;    font-weight: 800;}

.btn-ytb { border: 2px solid #995d03; background: #ffa216; color: #995d03; font-size: 4em; box-shadow: 3px 3px 5px 0px #995d036b; width: 100%;
    padding: 20px 0px; }
.btn-ytb:hover { background: #995d03;    color: #ffa216; }

#idx_cate li.none {background: #fff}
#idx_cate li.none  a{color: #D9D9D9; }
#idx_cate li.none  a p{color: #D9D9D9; font-weight: 400;}
#idx_cate li.none {    box-shadow: none;}
#idx_cate li.none:hover {    box-shadow: none;}
#idx_cate li.none:hover a {    box-shadow: none;}


#search input.search:focus {  outline: none;}
div#search {    padding: 20px;    padding-bottom: 0px;}
#search div.search {    position: relative;}
#search select.searchSelect {position: absolute;    background: none;    border: none;    width: 25%;    left: 10px;    height: 40px;}
#search input.search {    width: 100%;       height: 40px;    border-radius: 50px;    border: none;    background: #F5F5F5;    padding-left: 90px;    padding-right: 40px;}
#search a {position: absolute;      right: 13px;    line-height: 3em;    color: #ffa216;;}