@charset "utf-8";


/* 뷰 페이지 */

.bo_dd_img_wrap {position: relative;}
#bo_dd_img_slider .slick-slide {border-radius: 25px; border: 3px solid #000; overflow: hidden;}
.bo_dd_img_wrap .direction {display: flex; align-items: center; justify-content: center; position: absolute; width: 100%; bottom: 50px;}
.bo_dd_img_wrap .direction .bo_view_arrow {position: relative; display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; margin: 0 8px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%;}
.bo_dd_img_wrap .direction .bo_view_arrow i {color: #000; font-size: 25px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); z-index: 5;}
.bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 84px; height: 84px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); background: #fff; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0.25rem 0.25rem #000, -0.1rem -0.1rem #000; border: 1px solid #000; cursor: pointer; font-size: 0;}
.bo_dd_img_wrap .direction .bo_view_arrow .btn:active {box-shadow: inset -.3rem -.1rem 1.4rem  #FBFBFB, inset .3rem .4rem .8rem #BEC5D0; }

.bo_dd_txt_wrap {position: relative; margin-top: 50px;}
.bo_dd_txt_wrap .view_logo {width: 190px; height: 33px; background: url("/images/sub/view_ic.png") center no-repeat; background-size: 100%;}
.bo_dd_txt_wrap h3 {color: #000; font-size: 30px; color: #000000; font-family: 'Recipekorea'; margin-top: 20px;}
.bo_dd_txt_wrap p {font-size: 30px; line-height: 1.33; color: #000000; margin-top: 20px;}
#bo_v_con .bo_dd_txt_wrap ul {padding: 0;}
#bo_v_con .bo_dd_txt_wrap ul {margin-top: 50px;}
#bo_v_con .bo_dd_txt_wrap ul {display: flex; align-items: center; flex-wrap: wrap;}
#bo_v_con .bo_dd_txt_wrap ul li {width: 50%; list-style: none; display: flex; align-items: center; margin-bottom: 20px;}
#bo_v_con .bo_dd_txt_wrap ul li.full_width {width: 100%;}
.bo_dd_txt_wrap ul li .bo_dd_txt1 {display: flex; align-items: center; justify-content: center; width: 130px; height: 50px; border-radius: 25px; background-color: #000000; color: #fff; font-size: 22px; color: #ffffff; font-weight: bold;}
.bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 30px; line-height: 1.5; color: #000000; margin-left: 30px;}
.dpp_center_btn.bo_view {border-top: 2px solid #000; display: flex; align-items: center; justify-content: center;}
.dpp_center_btn.bo_view .dpp_list_btn {display: flex; align-items: center; justify-content: center; font-size: 26px; color: #000000; font-family: 'TTTogether'; text-align: center; height: 75px; border-radius: 38px; background-color: #ffffff; border: 2px solid #000000; padding: 0 30px; width: auto; line-height: normal; padding: 0 82px; font-weight: 400;}

@media screen and (max-width: 1740px) {
    
    /* 뷰 페이지 */

    #bo_dd_img_slider .slick-slide {border-radius: 1.44vw; }
    .bo_dd_img_wrap .direction {bottom: 2.87vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow {width: 4.83vw; height: 4.83vw; margin: 0 0.46vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow i { font-size: 1.44vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 4.83vw; height: 4.83vw;}
    .bo_dd_txt_wrap { margin-top: 2.87vw;}
    .bo_dd_txt_wrap .view_logo {width: 10.92vw; height: 1.90vw;}
    .bo_dd_txt_wrap h3 { font-size: 1.72vw; margin-top: 1.15vw;}
    .bo_dd_txt_wrap p {font-size: 1.72vw; margin-top: 1.15vw;}
    #bo_v_con .bo_dd_txt_wrap ul {margin-top: 2.87vw;}
    #bo_v_con .bo_dd_txt_wrap ul li {margin-bottom: 1.15vw;}
    .bo_dd_txt_wrap ul li .bo_dd_txt1 {width: 7.47vw; height: 2.87vw; border-radius: 1.44vw; font-size: 1.26vw;  }
    .bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 1.72vw; margin-left: 1.72vw;}
    .dpp_center_btn.bo_view .dpp_list_btn {font-size: 1.49vw; height: 4.31vw; border-radius: 2.18vw; padding: 0 1.72vw; padding: 0 4.71vw; }
}

@media screen and (max-width: 1600px) {
    
    /* 뷰 페이지 */

    #bo_dd_img_slider .slick-slide {border-radius: 1.56vw; }
    .bo_dd_img_wrap .direction {bottom: 3.13vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow {width: 5.25vw; height: 5.25vw; margin: 0 0.50vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow i { font-size: 1.56vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 5.25vw; height: 5.25vw;}
    .bo_dd_txt_wrap { margin-top: 3.13vw;}
    .bo_dd_txt_wrap .view_logo {width: 11.88vw; height: 2.06vw;}
    .bo_dd_txt_wrap h3 { font-size: 1.88vw; margin-top: 1.25vw;}
    .bo_dd_txt_wrap p {font-size: 1.88vw; margin-top: 1.25vw;}
    #bo_v_con .bo_dd_txt_wrap ul {margin-top: 3.13vw;}
    #bo_v_con .bo_dd_txt_wrap ul li {margin-bottom: 1.25vw;}
    .bo_dd_txt_wrap ul li .bo_dd_txt1 {width: 8.13vw; height: 3.13vw; border-radius: 1.56vw; font-size: 1.38vw;  }
    .bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 1.88vw; margin-left: 1.88vw;}
    .dpp_center_btn.bo_view .dpp_list_btn {font-size: 1.63vw; height: 4.69vw; border-radius: 2.38vw; padding: 0 1.88vw; padding: 0 5.13vw; }
}

@media screen and (max-width: 1280px) {
    
    /* 뷰 페이지 */

    #bo_dd_img_slider .slick-slide {border-radius: 1.95vw; }
    .bo_dd_img_wrap .direction {bottom: 3.91vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow {width: 6.56vw; height: 6.56vw; margin: 0 0.63vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow i { font-size: 1.95vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 6.56vw; height: 6.56vw;}
    .bo_dd_txt_wrap { margin-top: 3.91vw;}
    .bo_dd_txt_wrap .view_logo {width: 14.84vw; height: 2.58vw;}
    .bo_dd_txt_wrap h3 { font-size: 2.34vw; margin-top: 1.56vw;}
    .bo_dd_txt_wrap p {font-size: 2.34vw; margin-top: 1.56vw;}
    #bo_v_con .bo_dd_txt_wrap ul {margin-top: 3.91vw;}
    #bo_v_con .bo_dd_txt_wrap ul li {margin-bottom: 1.56vw;}
    .bo_dd_txt_wrap ul li .bo_dd_txt1 {width: 10.16vw; height: 3.91vw; border-radius: 1.95vw; font-size: 1.72vw;  }
    .bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 2.34vw; margin-left: 2.34vw;}
    .dpp_center_btn.bo_view .dpp_list_btn {font-size: 2.03vw; height: 5.86vw; border-radius: 2.97vw; padding: 0 2.34vw; padding: 0 6.41vw; }
}


@media screen and (max-width: 1024px) {
	
	
	/* 뷰 페이지 */

    #bo_dd_img_slider .slick-slide {border-radius: 2.44vw; }
    .bo_dd_img_wrap .direction {bottom: 4.88vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow {width: 8.20vw; height: 8.20vw; margin: 0 0.78vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow i { font-size: 2.44vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 8.20vw; height: 8.20vw;}
    .bo_dd_txt_wrap { margin-top: 4.88vw;}
    .bo_dd_txt_wrap .view_logo {width: 18.55vw; height: 3.22vw;}
    .bo_dd_txt_wrap h3 { font-size: 2.93vw; margin-top: 1.95vw;}
    .bo_dd_txt_wrap p {font-size: 2.93vw; margin-top: 1.95vw;}
    #bo_v_con .bo_dd_txt_wrap ul {margin-top: 4.88vw;}
    #bo_v_con .bo_dd_txt_wrap ul li {margin-bottom: 1.95vw;}
    .bo_dd_txt_wrap ul li .bo_dd_txt1 {width: 12.70vw; height: 4.88vw; border-radius: 2.44vw; font-size: 2.15vw;  }
    .bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 2.93vw; margin-left: 2.93vw;}
    .dpp_center_btn.bo_view .dpp_list_btn {font-size: 2.54vw; height: 7.32vw; border-radius: 3.71vw; padding: 0 2.93vw; padding: 0 8.01vw; }

	
}


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


	/* 뷰 페이지 */

    #bo_dd_img_slider .slick-slide {border-radius: 3.26vw; }
    .bo_dd_img_wrap .direction {bottom: 6.51vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow {width: 10.94vw; height: 10.94vw; margin: 0 1.04vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow i { font-size: 3.26vw;}
    .bo_dd_img_wrap .direction .bo_view_arrow .btn {width: 10.94vw; height: 10.94vw;}
    .bo_dd_txt_wrap { margin-top: 6.51vw;}
    .bo_dd_txt_wrap .view_logo {width: 24.74vw; height: 4.30vw;}
    .bo_dd_txt_wrap h3 { font-size: 3.91vw; margin-top: 2.60vw;}
    .bo_dd_txt_wrap p {font-size: 3.91vw; margin-top: 2.60vw;}
    #bo_v_con .bo_dd_txt_wrap ul {margin-top: 6.51vw;}
    #bo_v_con .bo_dd_txt_wrap ul li {margin-bottom: 2.60vw; width: 100%;}
    .bo_dd_txt_wrap ul li .bo_dd_txt1 {width: 20.93vw; height: 7.81vw; border-radius: 6.51vw; font-size: 3.26vw;  }
    .bo_dd_txt_wrap ul li .bo_dd_txt2 {font-size: 3.91vw; margin-left: 3.91vw;}
    .dpp_center_btn.bo_view .dpp_list_btn {font-size: 3.39vw; height: 9.77vw; border-radius: 4.95vw; padding: 0 3.91vw; padding: 0 10.68vw; }

	
}