/*---sub common css---*/
#item_view{padding-bottom: 70px;}

.sub_section{margin-top: 86px;}

@media screen and (max-width: 768px){

    #item_view{padding-bottom: 20px;}

    .sub_section{margin-top: 0;}
}

/*view copy btn*/
.view_copy{width: 67px;line-height: 26px;background-color: #911bcb;color: #FFF;border-radius: 4px;overflow: hidden;font-size: 13px;font-weight: 600;}
.view_copy img{display: inline-block;vertical-align: middle;margin-right: 2px;}

@media screen and (max-width: 768px){

/*    .view_copy{display: none;}  */
}

/*---header---*/
#k_header{}
#hd_gnb>ul>li>a{color: #222;}

.hd_logo_c{display: block;}
.hd_logo_w{display: none;}

.hd_sch_btn{background-color: #ad32ea;background-image: url(/images/icon/sch_icon_w.png);}

/*---section_gps---*/
#section_gps{padding-bottom: 78px;}

@media screen and (max-width: 1480px){

    #section_gps{padding-bottom: 60px;}
}

@media screen and (max-width: 768px){

    #section_gps{padding-bottom: 53px;}
}

/*---search box---*/
#sch_wrap{margin-top: -37.5px;z-index: 900;}

/*---view page---*/
.view_wrap{display: flex;align-items: flex-start;}
.view_img_wrap{width: 600px;}
.view_info{width: 680px;padding-left: 76px;}

.view_img{border-radius: 8px;overflow: hidden;}
.view_img figure{overflow: hidden;}
.view_img img{display: block;max-width: 100%;}

.view_img_dot{margin-top: 15px;}
.view_img_dot span{background-color: #911bcb;margin-right: 8px;}

.view_tit{margin-bottom: 23px;}
.view_tit h2{display: flex;align-items: center;margin-bottom: 15px;}


.view_tit span{line-height: 30px;background-color: #911bcb;color: #FFF;font-weight: 900;-webkit-text-stroke: 0.01em;}
.view_tit span{padding: 5px 9px;border-radius: 4px;overflow: hidden;margin-left: 15px;}
.view_tit p{color: #888;padding:5px}

.view_like_btn{width: 30px;margin-left: 8px;position: relative;}
.view_like_btn i{line-height: 30px;font-size: 25px;color: #b1b1b1;position: absolute;top: 50%;left: 50%;transform: translate(-60%,-88%);z-index: 1;}
.view_like_btn i.xi-heart-o{opacity: 1;}
.view_like_btn i.xi-heart{opacity: 0;}

.view_like_btn.on i.xi-heart-o{opacity: 0;}
.view_like_btn.on i.xi-heart{opacity: 1;color: #911bcb;}

.view_status{display: flex;flex-direction: row;align-items: center;height: 70px;border: 1px solid #e8e8e8;border-radius: 10px;overflow: hidden;
    box-shadow: 0 13px 16px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 13px 16px rgba(0,0,0,.05);
}
.view_stat{display: flex;align-items: flex-end;justify-content: center;width: 201.333px;text-align: center;position: relative;}
.view_stat::after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 22px;transform: translateY(-50%);background-color: #e1e1e1;}
.view_stat>i{font-size: 25px;}
.view_stat>span{line-height: .9;}
.view_stat b{font-size: 25px;font-weight: 900;color: #000;padding-right: 5px;}

.view_review>i{color: #ffe400;margin-right: 8px;}
.view_review span{font-weight: 300;font-size: 18px;-webkit-text-stroke: 0.01em;color: #888;}

.view_range>i{color: #911bcb;margin-right: 2px;}

.view_like::after{display: none;}
.view_like>i{color: #911bcb;margin-right: 5px;}

.view_info_t{margin-top: 15px;}
.view_info_t li{border-bottom: 1px solid #ebebeb;}
.view_info_t li:last-child{border: none;}
.view_info_t li::after{content: "";clear: both;display: block;}
.view_info_t li h4, .view_info_t li p{float: left;padding: 20px 0;}
.view_info_t li h4{width: 98px;}
.view_info_t li p{color: #777;padding: 15px 0;}

.view_info_area p{font-family: 'NanumSquare';display: flex;flex-direction: row;align-items: center;height: 59px;}
.view_info_area .view_copy{margin-left: 13px;}

@media screen and (max-width: 1480px){

    .view_img_wrap{width: 47%;}
    .view_info{width: 53%;padding-left: 70px;}
    .view_info_t li h4, .view_info_t li p{padding: 15px 0;}
    
    .view_status{height: 60px;} 

    .view_info_area p{height: 47px;}
}

@media screen and (max-width: 1080px){

    .view_tit b{font-size: 1.5rem;}

    .view_stat>i{font-size: 20px;}
    .view_stat b{font-size: 18px;}
    .view_review span{font-size: 14px;}
	.view_like_btn i{font-size: 18px;}

    .view_info_t li h4{width: 80px;}
}

@media screen and (max-width: 960px){

    .view_wrap{display: block;flex: none;margin-top: 50px;}

    .view_img_wrap{width: 100%;}
    .view_img img{width: 100%;}
    .view_img_dot{text-align: center;margin-top: 10px;}
    .view_img_dot span{margin: 0 4px;}

    .view_info{padding: 0;width: 100%;margin-top: 15px;}
    .view_stat{width: 33.333%;}
}

@media screen and (max-width: 768px){

    .view_wrap{margin-top: 0px;}

    .view_img_dot span{width: 6px;height: 6px;}

    .view_info{margin-top: 20px;}
    .view_tit{margin-bottom: 18px;}
    .view_tit h2{margin-bottom: 10px;}
    .view_tit b{font-size: 18px;}
    .view_tit span{line-height: 25px;margin-left: 10px;}

    .view_like_btn{margin-left: 5px;}
	.view_like_btn i{line-height: 20px; font-size: 18px;}

    .view_status{height: 50px;}
    .view_stat>i, .view_stat b{font-size: 16px;}
    
    .view_info_t li h4, .view_info_t li p{float: none;display: block;width: 100%;}
    .view_info_t{margin-top: 8px;}
    .view_info_t li h4{padding-bottom: 0;padding-top: 13px;}
    .view_info_t li p{padding: 10px 0;height: auto;}
}

/*view order button*/
.view_btn_wrap{display: flex;margin-top: 8px;}
.view_butn{display: flex;justify-content: center;align-items: flex-end;width: calc( ( 100% - 10px ) / 1 );border: 1px solid #e8e8e8;border-radius: 5px;overflow: hidden;padding: 14px 0;margin-right: 5px;
    box-shadow: 0 13px 16px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 13px 16px rgba(0,0,0,.05);
}
.view_butn h4{margin-left: 10px;color: #911bcb;}

.view_order{background-color: #911bcb;}
.view_order h4{color: #FFF;}

.view_call{margin-right: 0;}

@media screen and (max-width: 1480px){

    .view_butn{padding: 15px 0;}
    .view_butn img{max-height: 23px;}
}

@media screen and (max-width: 768px){

    .view_butn{padding: 13px 0;}
    .view_butn img{max-height: 16px;}
    .view_butn h4{font-size: 13px;margin-left: 5px;}
}

/*view detail*/
.view_detail_wrap{margin-top: 76px;}

.view_tab{margin-bottom: 46px;}
.view_tab li{float: left;width: 33.333%;margin-left: -1px;}
.view_tab li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 20px;font-weight: 400;-webkit-text-stroke: 0.01em;border: 1px solid #ddd;background-color: #f5f5f5;color: #777;padding: 21px 0;border-bottom-color: #222;position: relative;}
.view_tab li a::after{content: "";position: absolute;top: -1px;left: -1px;width: calc( 100% + 2px );height: 3px;background-color: #911bcb;z-index: 10;display: none;}

.view_tab li a.on{font-weight: 900;-webkit-text-stroke: 0;background-color: #FFF;color: #222;border-color: #222;border-bottom-color: #FFF;z-index: 1;}
.view_tab li a.on::after{display: block;}

@media screen and (max-width: 1480px){

    .view_detail_wrap{margin-top: 65px;}
    
    .view_tab{margin-bottom: 40px;}
    .view_tab li a{font-size: 1.25rem;padding: 18px 0;}
}

@media screen and (max-width: 1080px){

    .view_tab{margin-bottom: 30px;}
    .view_tab li a{font-size: 1.13rem;padding: 18px 0;}
}

@media screen and (max-width: 768px){

    .view_detail_wrap{margin-top: 45px;}

    .view_tab li a{font-size: 1rem;padding: 13px 0;}
}

/*view detail content*/
.view_content{display: none;}
#view_tab_01{display: block;}

.view_guide_tit a{display: flex;align-items: center;justify-content: space-between;padding: 12px 0;border-bottom: 2px solid #222;}
.view_guide_tit a h4{color: #ad32ea;}
.view_guide_tit a i{font-size: 23px;-webkit-text-stroke: 0.04em;}

.view_guide_tit a.tit_none i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.view_guide_tit a b{text-align: left;font-size: 23px;-webkit-text-stroke: 0.04em;}

.view_guide_box{margin-top: 6px;padding-bottom: 46px;}
.view_bo_txt{padding: 25px 0;border-bottom: 1px solid #ebebeb;}
.view_bo_txt h5{margin-bottom: 10px;}
.view_bo_txt p{font-size: 17px;font-weight: 400;line-height: 180%;}

.view_gui_price{display: flex;justify-content: space-between;align-items: center;border: 1px solid #e7e7e7;border-radius: 5px;overflow: hidden;padding: 30px 35px;margin-bottom: 18px;
    box-shadow: 0 13px 16px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 13px 16px rgba(0,0,0,.05);
}
.gui_tit{display: flex;align-items: flex-end;}
.gui_tit h4{margin-right: 18px;}
.gui_tit p{color: #777;}

.view_guide_item{margin-top: 30px;}

.view_gui_price_on{padding: 17.5px 35px;}
.view_gui_price_on .gui_price span{display: block;font-size: 18px;font-weight: 400;color: #b5b5b5;text-align: right;text-decoration: line-through;padding-bottom: 4px;}
.view_gui_price_on .gui_price b{color: #F00;}
.view_gui_price_on .gui_price i{display: inline-block;vertical-align: middle;background-color: #F00;font-size: 1rem;width: 57px;height: 27px;line-height: 29px;text-align: center;color: #FFF;border-radius: 3px;margin-right: 3px;margin-top: -2px;}
.view_gui_price_on .gui_price .bg_black{background-color: #000;}


@media screen and (max-width: 1480px){

    .view_bo_txt{padding: 20px 0;}

    .view_guide_box{padding-bottom: 35px;}
}

@media screen and (max-width: 1080px){


    .view_guide_box{padding-bottom: 30px;}
    .view_guide_item{margin-top: 20px;}
    
    .view_gui_price{padding: 20px 25px;}
    .gui_tit h4{font-size: 1.13rem;margin-right: 10px;}
    .gui_tit p{font-size: 1rem;}

    .gui_price{font-size: 1.3rem;}
    .view_gui_price_on .gui_price span{font-size: 1rem;}

    .view_bo_txt{padding: 15px 0;}
    .view_bo_txt p{font-size: 14px;}
}

@media screen and (max-width: 768px){

    .view_guide_box{padding-bottom: 20px;}

    .view_gui_price{padding: 15px 20px;}

    .view_bo_txt{padding: 13px 0;}


    .gui_tit{display: block;}
    .gui_tit p{margin-top: 5px;}

    .view_gui_price_on .gui_price span{padding-bottom: 0;}
    .view_gui_price_on .gui_price i{width: 48px;height: 23px;line-height: 25px;margin-top: 1px;margin-top: -2px;-webkit-text-stroke: 0.01em;}
}