@media screen and (max-width:1079px) {
    
.hd_top {padding:1.5625rem 0;}
    .hd_top h1 {position: static; transform: none}
.hd_top h1 a { font-size:2.125rem; }

.hd_top .sch { width: 60%;}
.hd_top .sch .ip_comm {height:2.5rem;}
.hd_top .sch button {width:2.375rem; height:2.375rem; }

.hd_top nav {display:none; position: fixed; left:40px; top:40px; z-index: 103;}
.hd_top nav a {margin-left:0.9375rem; font-size: 0.875rem; color: #fff;}
.hd_top nav a.balloon::after {bottom:-1.5625rem; padding:0.25rem; border-radius:0.125rem; background-color: #fff; color: #fff;}
.hd_top nav a.balloon::before {color: #fff;}
.hd_top nav a .cnt {background-color: #fff; color: #000 ;width:1.375rem; height:1.375rem;font-size: 0.75rem; }

    
    .btn_nav {display:flex; }

    .hd_btm {display:none; position: fixed; left:0; top:0; overflow-y:scroll; width:100%; height:100%; padding:60px 40px; padding-right:50%; background-color: #000 ; z-index: 105;}
    .on .hd_btm {display: block;}
    
.hd_btm .row {display:block;}
    .hd_btm .center > div {margin-bottom:40px;}
    
.hd_btm .dep1 {height:auto; display:inline-block; font-size: 1.3rem; padding:0;  font-weight:700;}
.hd_btm .center > div:hover > .dep1 {background-color: transparent;}
.hd_btm .dep2 {display: block; position: static; background-color: transparent; text-align:left; padding-left:20px;}
.hd_btm .dep2 > li {margin-bottom: 10px;}
.hd_btm .dep2 > li:last-child {margin-bottom: 0px;}

.hd_btm .center > div:hover > .dep2 {display: block; }
.hd_btm .center> div:hover > .dep2.row {display: block; }

.hd_btm .dep2.row {display:block; width:auto; height:auto; }
.hd_btm .dep2.row > li {width: auto; margin-bottom:20px; padding:0;  border-right:none;}
.hd_btm .dep2 > li > a {font-size: 1rem;}
.hd_btm .dep2.row > li > a {margin-bottom:10px; padding:0; font-weight: 700;}
    .hd_btm .set_login {display: block;}
    .hd_btm .set_login a {display: block;margin:10px 0; text-decoration: underline; font-size: 0.95rem;}

#wrapper.fixed {padding-top:84px;}
    .fixed #header {box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.fixed #header .hd_top {display: flex;}

}

@media screen and (max-width:991px) {
    /*========= header ===========*/

.hd_top {padding:25px 0;}
.hd_top h1 a { font-size:34px; }

.hd_top .sch {width: 200px;}
.hd_top .sch .ip_comm {height:40px;}
.hd_top .sch button {width:38px; height:38px; }

.hd_top nav a {margin-left:15px; font-size: 14px;}
.hd_top nav a.balloon::after {bottom:-25px; padding:4px; border-radius:2px; }
.hd_top nav a.balloon::before {}
.hd_top nav a .cnt {width:22px; height:22px;font-size: 12px; }






/*========= footer ===========*/

#footer {padding:50px 0; }
#footer nav a {font-size: 14px; }
#footer ul li {font-size: 14px;}
#footer .copyright {font-size: 12px; }



/* visual */
.visual {height:500px;}

#contents.sub {padding-top:60px;}



.main_title {padding-bottom:15px; }
.main_title h2 {font-size: 20px; }


.pd_list { grid-template-columns: repeat(4,auto); grid-gap:50px 10px}

.pd_list.col4 {grid-template-columns: repeat(4,calc((100% - 30px)/4)); }

.set_btn .btn_more { width: 150px; }



.view_top img {display: block; width:100%; height:auto;}
.view_top .pd_img {width: 45%;}
.view_top .pd_img .main_img {width:100%; }
.view_top .pd_info {width: 47%; padding-left:0; padding-top:0;}
.view_top .pd_info .tit {line-height:1.5; font-size: 20px; }
.view_top .pd_info .price { font-size: 18px; margin-top:20px }
.view_top .pd_info .info {padding:20px 0; margin:30px 0; }
.view_top .pd_info .info dt,
.view_top .pd_info .info dd {line-height:2.2;   font-size: 15px; }

.view_btm { margin-top:60px;}

.nav_detail > a { height:44px; font-size: 14px;}
.view_btm .detail_cont {padding:30px 0 60px 0;}





    
}