@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline;text-underline-offset: 2px;}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .ovn_content p a:not([target=_blank]):hover,
.under main .link:not([target=_blank]):hover{color: var(--scolor);}
.under main .list_anchor .btn.active a{background: var(--scolor);pointer-events: none;}

/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}

.under main .list_l{width: 65%}
.under main .list_r{width: calc(100% - 70%);}
.under main .full_w{width: 100%}
.under main .list_img .item:nth-child(3n+3){margin-right: 0}
.under main{padding-top: 119px}
.under main .list_ovn .info_box .cate{font-size: 22px}
.under main .list_ovn li .price{font-size: 40px}

.btn-seach:hover,.under main .btn_list .is_none a:hover,.under main .btn_list .is_prev a:hover{background:#000}

.input_check:hover input ~ .checkmark::before {
   content: "";
  position: absolute;
    left: 10px;
  top: 4px;
  width: 5px;
  height: 14px;
  border: solid var(--mcolor);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


}
@media screen and (min-width: 751px) and (max-width: 1600px){
.under main #top_info .inner{width: 100%;}
.under main{padding-top: 93px}

}
@media screen and (max-width: 750px) {
.under main{padding-top: 60px}
.under main #content,.under#recommend #content{padding:0 0 60px}
.under main section{padding:0 0 30px;}
.under main .group_h3{padding: 40px 0;margin: 0;}
.under main .image_r,
.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */

.under main #top_info{height:100px}
.under main #top_info .inner{padding-top: 0}
.under main #topic_path{margin-bottom:15px}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;}
.under main h3,
.under main .ovn_content h3{font-size:24px}
.under main h3::before, .under main .ovn_content h3::before{width: 65px}
.under main h4,
.under main .ovn_content h4{font-size:22px;border-bottom-width: 4px}
.under main h4::before, .under main .ovn_content h4::before{height: 4px;bottom: -4px;width: 60px;}
.under main h5,
.under main .ovn_content h5{font-size:20px;}
.under main h6,
.under main .ovn_content h6{font-size:16px;}
.under main h6::before, .under main .ovn_content h6::before{width: 8px;height: 8px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table th,.under main table.mailform th{font-size: 18px}
.under main table td,
.under main table th{padding:10px}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block tr:not(:last-child) th{border-bottom:none}
.under main table.tb_block td + td{border-top: none;}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 800px;}
.under main .tb_note{margin-bottom: 10px;color: #999;}

/*============ LIST ============ */
.under main .list01,
.under main .ovn_content ul{}
.under main .list01 li,
.under main .ovn_content ul li{}
.under main .list01 li::before,
.under main .ovn_content ul li::before{top: 12px;}

.under main .list02,
.under main .ovn_content ol{}
.under main .list02 li,
.under main .ovn_content ol li{}
.under main .list02 li::before,
.under main .ovn_content ol li::before{top: 2px;}

.under main .list_check{}
.under main .list_check li{}
.under main .list_check li::before{top: 2px}

/* LIST FAQ */
.under main .list_faq dl{margin-bottom: 30px; padding: 15px}
.under main .list_faq dt span{top:3px;}
.under main .list_faq dt{font-size: 18px;min-height: 50px;padding-bottom: 3px;}

/* List STEP */
.under main .list_step dl{margin-bottom: 20px;padding-bottom: 40px}
.under main .list_step dt{font-size: 18px}
.under main .list_step dl:not(:last-child)::before{width: 50px;bottom: 0px;left: calc(50% - 25px);}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px}

.under main .frame02{padding:30px 15px}

.under main .frame_pick{padding:30px 15px}


/* ============ ORTHER ============ */
.under main .box_map{height:250px}
.under main .list_img{justify-content: center}
.under main .list_img .item,.under main .list_img_big .item{width: calc((100% - 30px) / 2);}
.under main .list_img .item:nth-child(2n+2){margin-right: 0}
.under main .list_img .item:last-child{margin: 0}
.under main .list_img .item .img,.under main .list_img_big .item{height: 35vh}
.under main .list_img_big{margin: 30px 0 0 0}

.under main .btn_list {display: flex;margin: 0 auto;flex-direction: column;align-items: center;}
.under main .btn_list li:not(:last-child) {margin-bottom: 20px;}
.under main .list_img_big .item:last-child{margin-bottom: 0}

.under main .wp-list{flex-direction: column;}
.under main .wp-list .list_r{margin: 0px 0 15px 0;text-align: center;}
.under main .list_r{order: 1;}
.under main .list_l{order: 2}
.under main .tt-address{display: inline-block;padding: 6px 20px 4px 20px;}
.under main .tt-cate{font-size: 20px;margin-bottom: 5px;}
.under main .tt-price{font-size: 35px}

.content_input_check{flex-wrap: wrap;margin: 0 auto;max-width: 400px;justify-content: space-between;padding: 15px 15px 0 15px;}
.input_check{font-size: 18px;width: calc((100% - 20px) / 2);margin: 0 10px 10px 0;}
.input_check:nth-child(2n+2){margin-right: 0}
.checkmark{width: 20px;height: 20px}
.input_check .checkmark:after{top: 1px;left: 8px}
.btn-seach{padding-left: 0}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
.under main .list_img .item,.under main .list_img_big .item{width: 100%;margin: 0 0px 30px 0}
.input_check{font-size: 16px}



}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
.content_input_check{padding: 10px 10px 0 10px;}
.input_check{font-size: 14px;padding-left: 25px;}
}