@charset "UTF-8";  
  
/* visual */  
.content .visual{  
    position: relative;  
    overflow: hidden;  
    height: 25.0rem;  
}  
.content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap{  
    display: flex;  
    align-items: center;  
    height: 100%;  
}  
.content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt h2{  
    font-size: 2.5rem;  
    color: #fff;  
    margin-bottom: 1.125rem;  
}  
.content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt h2 span{  
    color:#edffa6;  
    font-weight: 700;  
}  
.content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt p{  
    font-size: 1.0625rem;  
    color: #fff;  
}  
.slid_pager.type1 .swiper-pagination{  
    margin-top: 3.125rem; 
    left: 50%;  
    transform: translateX(-50%);  
}  
.slid_pager.type1 .swiper-button-next{  
    right: 6.875rem;  
    background-image: url(../images/slide_next.png);  
    width: 7.125rem;  
    height: 7.125rem;  
    background-size: 7.125rem;  
    transform: translateY(-50%);  
}  
.slid_pager.type1 .swiper-button-prev{  
    left: 6.875rem;  
    background-image: url(../images/slide_prev.png);  
    width: 7.125rem;  
    height: 7.125rem;  
    background-size: 7.125rem;  
    transform: translateY(-50%);  
}  
.slid_pager.type1 .swiper-pagination-bullet{  
    margin: 0 0.5625rem;  
    border: 0.125rem solid #999999;  
    background: #fff;  
    opacity: 1;  
}  
.slid_pager.type1 .swiper-pagination-bullet-active{  
    border: 0.125rem solid #222222;  
    background: #222222;  
}  
  
/* reservation */  
.content .reserv {  
    padding: 2.5rem 0;  
    background: #f9f9f9;;  
}  
.content .reserv .wrap{  
    display: flex;  
    justify-content: space-between;  
}  
.content .reserv .wrap .reserv_con{  
    width: 100%;  
    box-sizing: border-box ;  
    background: #FFFFFF;  
    box-shadow: 0.0rem 0.0rem 0.625rem rgba(0, 0, 0, 0.08);    
    position: relative;  
    overflow: hidden;  
}  
.content .reserv .wrap .reserv_con > h3{  
    flex: none;  
    background: #D91E26;  
    color: #fff;  
    text-align: center;  
    font-size: 1.25rem;  
    font-weight: 700;  
    display: inline-block;  
    width: 100%;  
    padding: 1.25rem 0;  
}  
  
.content .reserv .wrap .reserv_con form{  
    display: flex;  
    align-items: flex-end;  
    padding: 1.5625rem 3.0rem 2.375rem;  
}  
.content .reserv .wrap .reserv_con form .form_input{  
    display: flex;  
}  
.content .reserv .wrap .reserv_con form .form_input .input_con:nth-child(1){  
    padding-right: 2.5rem;  
    border-right: 0.0625rem solid #dddddd;  
}  
.content .reserv .wrap .reserv_con form .form_input .input_con:nth-child(2){  
    padding-left: 2.5rem;  
}  
  
.content .reserv .wrap .reserv_con form .form_input .input_con h5{  
    margin-bottom: 1.125rem;  
    font-weight: 500;  
}  
.content .reserv .wrap .reserv_con form .form_input .input_con ul.input_left{  
    display: flex;  
    flex-wrap: wrap;  
}  
.content .reserv .wrap .reserv_con form .form_input .input_con ul.input_left li:nth-child(3),  
.content .reserv .wrap .reserv_con form .form_input .input_con ul.input_left li:nth-child(4){  
    margin-top: 0.625rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul.input_right{  
    display: flex;  
    flex-wrap: wrap;  
}  
.content .reserv .wrap .reserv_con form .form_input ul.input_right li:nth-child(3){  
    margin-top: 0.625rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li{  
    position: relative;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li input{  
    height: 3.125rem;  
    padding-left: 0.9375rem;   
    border: 0.0625rem solid #DDDDDD;  
    border-radius: 0.25rem;  
    font-size: 0.875rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li select{  
    height: 3.125rem;  
    padding-left: 0.9375rem;   
    border: 0.0625rem solid #DDDDDD;  
    border-radius: 0.25rem;  
    background:url('../images/select_arrow.png') no-repeat 95% 50%/0.875 auto;  
    font-size: 0.875rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li.prod_name{  
    position: relative;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li.prod_name p{  
    position: absolute;  
    top: 50%;  
    transform: translateY(-50%);  
    left: 0.9375rem;  
    font-size: 0.875rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li.prod_name input{  
    padding-left: 4.5625rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li i{  
    position: absolute;  
    top: 50%;  
    transform: translateY(-50%);  
    left: 0.9375rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li .input_sm{  
    width: 13.7375rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li .input_md{  
    width: 17.03125rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li .input_lg{  
    width: 34.6875rem;  
}  
.content .reserv .wrap .reserv_con form .form_input ul li:nth-child(2n-1){  
    margin-right: 0.625rem;  
}  
.content .reserv .wrap .reserv_con form .form_btn{  
    flex: none;  
}  
.content .reserv .wrap .reserv_con form .form_btn button{  
    width: 6.6875rem;  
    height: 6.875rem;  
    background: #333333;  
    border: 0.1875rem solid #333333;  
    border-radius: 0.25rem;      
    font-size: 0.9375rem;  
    font-weight: 700;  
    color: #fff;  
}  
  
/* section title 공통 */  
.sec_tit{  
    text-align: center;  
    margin-bottom: 2.8125rem;  
}  
.sec_tit h2{  
    font-weight: 700;  
    font-size: 2.125rem;  
    line-height: 2.5rem;  
    color: #333333;  
}  
.sec_tit p{  
    font-size: 0.9375rem;  
    color: #666666;  
    margin-top: 0.625rem;  
}  
.sec_tit2{  
    height: 12.5rem;  
    margin-bottom: 5.0rem;  
}  
.sec_tit2 h2{  
    color: #fff;  
    height: 12.5rem;  
    line-height: 12.5rem;  
    text-align: center;  
    font-size: 3.0rem;  
    font-weight: 700;  
    font-family: 'Roboto', sans-serif;  
}  
  
/* section content 공통 */  
.content .wrap .sec_con ul.product_list{  
    display: flex;  
    justify-content: flex-start;  
    align-items: center;  
    flex-wrap: wrap ;  
}  
.content .wrap .sec_con ul.product_list li{  
     width: 18.8125rem;  
     background: #fff;  
     box-sizing: border-box;  
     position: relative;  
     border: 0.0625rem solid #DDDDDD;  
     margin-right: 2rem;
}   
.content .wrap .sec_con ul.product_list li:nth-child(4n){
    margin-right: 0;
}
.content .wrap .sec_con ul.product_list li .prod_img {  
    width: 100%;  
    height: 18.6875rem;  
    transition: .3s;  
    background-size: 100% !important;  
}  
.content .wrap .sec_con ul.product_list li:hover .prod_img{  
    background-size: 110% !important;  
}  
  
  
.content .wrap .sec_con ul.product_list li .prod_img .new{  
    width: 3.25rem;  
    height: 3.25rem;  
    background: linear-gradient(135deg, #F83D3D 0%, #C81F1F 100%);  
    border-radius: 0.125rem;  
    text-align: center;  
    border: 0.125rem;  
    position: absolute;  
    top: 0.0rem;  
    right: 0.0rem;  
    padding: 0.5rem;  
    box-sizing: border-box;  
}  
.content .wrap .sec_con ul.product_list li .prod_img .new p{  
    color: #fff;  
    font-size: 0.875rem;  
    margin-top: 0.1875rem;  
    font-family: 'Roboto', sans-serif;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt h4{  
    font-size: 1.125rem;  
    text-align: center;  
    background: #333333;  
    color: #fff;  
    padding: 0.90625rem;  
    font-family: 'Roboto', sans-serif;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list{  
    padding: 0.875rem 1.5625rem;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price{  
    display: flex;  
    align-items: center;  
    justify-content: space-between;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price{  
    margin-bottom: 0.3125rem;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price:last-child{  
    margin-bottom: 0;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price p{  
    display: flex;  
    align-items: center;  
    font-size: 0.875rem;  
    font-weight: 500;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price p i{  
    margin-right: 0.4375rem;  
}  
.content .wrap .sec_con ul.product_list li .prod_txt .price_list .price h5{  
    font-size: 0.875rem;  
    font-weight: 500;  
    color: #FF3535;  
}  
.content .wrap .sec_con ul.product_list li:nth-child(n+5){  
    margin-top: 2.0rem;  
}  
.content .wrap .sec_con ul.product_list.type2 li .prod_txt h4{  
    display: inline-block;
    padding: 0 1.5625rem;  
    background: #fff;  
    color: inherit;  
    text-align: left;  
    font-weight: 700;  
}  
.content .wrap .sec_con ul.product_list.type2 li .prod_img{  
    height: 18.125rem;  
}  

.content .sec_con .more_btn a{
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 2.6875rem;  
    color: #fff;  
    font-size: 1.0rem;  
    text-align: center;
    font-family: 'Roboto', sans-serif;  
}

.content .sec_con .more_btn{  
    background: #333333;  
    border-radius: 31.25rem;  
    width: 6.875rem;  
    height: 2.6875rem;  
    line-height: 2.6875rem;  
    margin: 0 auto;
    margin-top: 2.6875rem;  
}  
  
/* new_product */  
.content .new_product {  
    padding-top: 3.125rem;  
    padding-bottom: 12.8125rem;  
    position: relative;  
    overflow: hidden;      
}  
.content .new_product .new_swiper .swiper-wrapper{ 
    height: fit-content; 
} 
  
  
/* banner */  
.content .banner{  
    height: 19.375rem;  
}   
.content .banner .wrap{  
    height: 100%;  
    display: flex;  
    justify-content: right;  
    align-items: center;  
}  
.content .banner .wrap .banner_txt *{  
    color: #fff;  
}  
.content .banner .wrap .banner_txt h2{  
    font-size: 2.5rem;  
}  
.content .banner .wrap .banner_txt h2 span{  
    font-weight: 700;  
    color: #edffa6;  
}  
  
.content .banner .wrap .banner_txt p{  
    margin-top: 0.8125rem;  
    font-size: 1.125rem;  
    line-height: 1.75rem;  
}  
  
/* equipment */  
.content .equipment {  
    padding-top: 8.125rem;  
    padding-bottom: 8.125rem;  
}  
  
  
/* camera */  
.content .camera {  
    padding-bottom: 8.125rem;  
}  
/* lens */  
.content .lens {  
    padding-bottom: 8.125rem;  
}  
/* accessory */  
.content .accessory {  
    padding-bottom: 8.125rem;  
}  
  
@media screen and (max-width: 1700px){
    .slid_pager.type1 .swiper-button-next{  
        right: 0%;  
        display: none;
    }  
    .slid_pager.type1 .swiper-button-prev{  
        left: 0%;   
        display: none;
    }  
}  
 
@media screen and (max-width: 1330px){
    /* content */ 
    .content .banner .wrap .banner_txt{
        margin-right: 3.125rem;
    }
    .content .reserv .wrap .reserv_con form .form_input .input_con{
        width: 46%;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li{width: 48.7%;}
    .content .reserv .wrap .reserv_con form .form_input ul.input_right li:nth-child(3){
        width: 100%;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li:nth-child(2n-1){
        margin-right: 2.6%;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li.prod_name{
        margin-right: 0;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li .input_sm{
        width: 100%;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li .input_md{
        width: 100%;
    }
    .content .reserv .wrap .reserv_con form .form_input ul li .input_lg{
        width: 100%;
    }
    .content .reserv .wrap .reserv_con form .form_btn{margin-left: 10px;}

    .content .wrap .sec_con ul.product_list{ 
        justify-content: flex-start; 
        width: 60.1875rem; 
        margin: 0 auto; 
    } 
    .content .wrap .sec_con ul.product_list li:nth-child(4n){
        margin-right: 0.625rem; 
    }        
    .content .wrap .sec_con ul.product_list li{ 
        margin: 0 0.625rem; 
    } 
    .content .wrap .sec_con ul.product_list li:nth-child(n+4){  
        margin-top: 1.25rem;  
    }    
}  
 
@media screen and (max-width: 1060px){
    /* header */ 
    /* content */ 
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide{
        background-position-x: right !important;
    }
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt h2{
        font-size: 2rem;
    }
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt p{
        font-size: 0.9625rem;
    }
    .content .banner .wrap .banner_txt h2{
        font-size: 2rem;
    }
    .content .banner .wrap .banner_txt p{
        font-size: 0.9625rem;
    }    
    .content .banner{
        background-position-x: left !important;
    }    
    .content .wrap .sec_con ul.product_list{ 
        width: 40.125rem; 
    } 
    .content .wrap .sec_con ul.product_list li:nth-child(n+3){  
        margin-top: 1.25rem;  
    }      

    /* footer */ 
    footer .footer_bottom .wrap{
        flex-direction: column-reverse;
    }
} 


@media screen and (max-width: 750px){
    .content .banner .wrap .banner_txt{
        margin-right: 0;
    }
    .content .wrap .sec_con ul.product_list{ 
        width: 19.9375rem; 
    } 
    .content .wrap .sec_con ul.product_list li:nth-child(n+2){  
        margin-top: 1.25rem;  
    }          
    /* .content .reserv .wrap .reserv_con form{
        padding: 1.5625rem 1rem 2.375rem;
    } */
    .content .reserv .wrap .reserv_con form .form_input{
        display: block;
    }
    .content .reserv .wrap .reserv_con form .form_input .input_con:nth-child(1){
        padding-right: 0;
        border:none;
    }
    .content .reserv .wrap .reserv_con form .form_input .input_con:nth-child(2){
        padding-left: 0;
        margin-top: 1.25rem;
    }
    .content .reserv .wrap .reserv_con form .form_input .input_con{
        width: 100%;
    }
    .content .reserv .wrap .reserv_con form{
        display: block;
    }
    .content .reserv .wrap .reserv_con form .form_btn{
        margin-left: 0;
        margin-top: 0.625rem;
    }
    .content .reserv .wrap .reserv_con form .form_btn button{
        width: 100%;
        height: 3.125rem;
    }    
    .slid_pager.type1 .swiper-button-next{  
        right: 0%;  
        background-image: url(../images/slide_next.png);  
        width: 3.125rem;  
        height: 3.125rem;  
        background-size: 3.125rem;  
        transform: translateY(-50%);  
        /* filter: brightness(0); */
    }  
    .slid_pager.type1 .swiper-button-prev{  
        left: 0%;  
        background-image: url(../images/slide_prev.png);  
        width: 3.125rem;  
        height: 3.125rem;  
        background-size: 3.125rem;  
        transform: translateY(-50%); 
        /* filter: brightness(0);  */
    }
}
@media screen and (max-width: 600px){
}

@media screen and (max-width: 500px){
    .content .reserv .wrap .reserv_con form{
        padding: 1.5625rem 1.5rem 2.375rem;
    }

    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt h2{
        font-size: 1.8rem;
    }
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt p{
        font-size: 0.9625rem;
    }
  
    .content .banner .wrap .banner_txt h2{
        font-size: 1.8rem;
    }
    .content .banner .wrap .banner_txt p{
        font-size: 0.8625rem;
    }
    
}

@media screen and (max-width: 420px){
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt h2{
        font-size: 1.6rem;
    }
    .content .visual .visu_swiper .swiper-wrapper .swiper-slide .wrap .visu_txt p{
        font-size: 0.9625rem;
    }
  
    .content .banner .wrap .banner_txt h2{
        font-size: 1.6rem;
    }
    .content .banner .wrap .banner_txt p{
        font-size: 0.7625rem;
    }

    /* footer */ 
    footer .footer_bottom .wrap .footer_info_right ul li{
        width: 50%;
    }
    footer .footer_bottom .wrap .footer_info_right ul li:first-child{
        padding-right: 1rem;
    }
    footer .footer_bottom .wrap .footer_info_right ul li:last-child{
        padding-left: 1rem;
    }   
    footer .footer_bottom .wrap > div h4{
        font-size: 1.1rem;
    }
    footer .footer_bottom .wrap > div p{
        font-size: 0.8rem;
    } 
}