.sub_visual_con.notice {
    background-image: url(./../images/sub_visual_notice.png);
} 
.sub_visual_con.news {
    background-image: url(./../images/sub_visual_news.png);
} 
.sub_visual_con.review {
    background-image: url(./../images/sub_visual_review.jpg);
} 
.sub_visual_con.youtube {
    background-image: url(./../images/sub_visual_youtube.png);
} 
.sub_visual_con.column {
    background-image: url(./../images/sub_visual_column.png);
} 
.sub_visual_con.photo {
    background-image: url(./../images/sub_visual_photo.png);
} 
.sub_visual_txt {
    padding-top: 28rem;
}
.sub_visual_txt .tit {
    margin-top: 0;
    margin-bottom: 0;
    /* font-family: "Nanum Myeongjo"; */
    font-family:"Pretendard";
    font-size: 6rem;
    font-weight: 700;
    /* color: #433a43; */
    color:#fff;
	transform: translateY(10rem);
    text-shadow:0 0 1rem rgba(0, 0, 0, .3);
}
.sub_visual_txt.active .tit {
	transform: translateY(0rem);
}
.sub_visual_txt .sub_txt {
    /* color: #8D7F74; */
    color:#fff;
    text-shadow:0 0 1rem rgba(0, 0, 0, .3);
}

.sub_visual_con.notice .ver_news {
    display: none;
}
.sub_visual_con.news .ver_notice {
    display: none;
}

/* 공지사항&새소식 */
.notice_page_con {}
.notice_page_con > .wrap,
.review_page_con > .wrap {
    max-width: 146rem;
    margin: 0 auto;
    padding: 0 3rem 13rem;
}
.notice_page_con .tab_wrap {
    max-width: 64rem;
    margin: 0 auto;
}
.notice_page_con .tab_wrap  {
    padding-top: 8.5rem;
    padding-bottom: 8rem; 
}


/* 리뷰 */
.review_txt_wrap {
    padding-top: 20rem;
    padding-bottom: 3.4rem;
	/* background-image: url(../../images/main_deco_sym_light.png); */
	background-repeat: no-repeat;
	background-position: 16rem;
	background-size: 12.2rem;
}
.review_txt_wrap .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.03rem;
    color: #4b4b4b;
}
.review_txt_wrap .txt {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 3.5rem;
    letter-spacing: -0.025rem;
    color: #433A34;
}



/* 게시판 카드형  공지, 새소식*/
.bbs_list_card ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbs_list_card li {
    width: calc(50% - 2rem);
}
.bbs_list_card li:nth-child(n+3) {
    margin-top: 4rem;
}
.bbs_list_card a,
.bbs_list_card button {
    display: block;
    width: 100%;
    padding: 3.5rem 3.5rem 2rem;
    background-color:#F4F4F4;
    text-align: left;
    transition: all 0.5s;
}
.bbs_list_card a:hover,
.bbs_list_card button:hover {
    background-color: rgba(166,183,194,0.2);
}
.bbs_list_card .img_wrap {
    overflow: hidden;
    position: relative;
    height: 31rem;
}
.bbs_list_card .img_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.bbs_list_card .img_wrap video,
.bbs_list_card .img_wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.bbs_list_card .tit_wrap {
    margin-top: 2rem;
}
.bbs_list_card .tit_wrap .tit {
    overflow: hidden;
    font-family: "Pretendard";
    font-size: 2.2rem;
    line-height: 2.6rem;
    letter-spacing: -0.025rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828;
}
.bbs_list_card .tit_wrap .date {
    margin-top: 2.8rem;
    font-family: "Pretendard";
    font-size: 1.8rem;
    line-height: 2.1rem;
    letter-spacing: -0.025rem;
    color: #878787;
}

.bbs_list_card .bna_img_wrap {
    display: flex;
    gap: 5px;
    margin-top: 2rem;
    padding-bottom: 1.5rem;
}

.bbs_list_card .bna_img_wrap figure {
    flex:1;
}

.bbs_list_card .bna_img_wrap figure .img_lyr {
    padding-top: 40%;
    position: relative;
}

.bbs_list_card .bna_img_wrap figure .img_lyr img {
    height: 100%;
    left: 0;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}

.bbs_list_card .bna_img_wrap figure figcaption {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 1.9rem;
    text-align: center;
}

/* 게시판 갤러리형  후기*/
.bbs_list_gallery {
}
.bbs_list_gallery > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbs_list_gallery > ul li {
    width: calc(25% - 1.27rem);
}
.bbs_list_gallery > ul li:nth-child(n+5) {
    margin-top: 2rem;
}
.bbs_list_gallery > ul a,
.bbs_list_gallery > ul button {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.bbs_list_gallery > ul img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.bbs_list_gallery > ul .btn  {
    display: inline-block;
    position: absolute;
    bottom: 4rem;
    left: calc(50% - 10rem);
	width: 20rem;
	height: 4.8rem;
	padding-left: 2.7rem;
	border-radius: 2.4rem;
	font-size: 1.5rem;
	letter-spacing: -0.025rem;
    line-height: 4.8rem;
	text-align: left;
	background-image: url(../../images/btn_icon_arr_dark.svg);
	background-repeat: no-repeat;
	background-position: center right 3.8rem;
	background-size: 3rem;
    background-color: rgba(248,246,240,0.8);
	color: #282828;
    opacity: 0;
    transform: translateY(10rem);
    transition: all 1s;
}
.bbs_list_gallery li:hover .btn  {
    opacity: 1;
    transform: translateY(0rem);
}

/* 게시판 카드형  후기 전체보기 */
.bbs_list_thumb ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bbs_list_thumb li {
    width: calc(25% - 1.27rem);
}
.bbs_list_thumb li:nth-child(n+5) {
    margin-top: 3rem;
}
.bbs_list_thumb a,
.bbs_list_thumb button {
    display: block;
    width: 100%;
    text-align: left;
    background-color: transparent;
}
.bbs_list_thumb .img_wrap {
    overflow: hidden;
    position: relative;
    padding-top: 100%;
}
.bbs_list_thumb .img_wrap img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.bbs_list_thumb .tit_wrap {
    margin-top: 2.3rem;
}
.bbs_list_thumb .tit_wrap .tit {
    overflow: hidden;
    font-family: "Pretendard";
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 3.22rem;
    letter-spacing: -0.03rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828;
}
.bbs_list_thumb .tit_wrap .txt {
    display: -webkit-box;
    overflow: hidden;
    height: 7rem;
    margin-top: 1.5rem;
    font-family: "Pretendard";
    font-size: 1.8rem;
    line-height: 3.2rem;
    letter-spacing: -0.025rem;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #282828;
}


.pagination { display:flex; align-items:center; justify-content:center; padding-top:6rem; }
.pagination-list { display:flex; align-items:center; justify-content:center; padding:0 6rem; }
.pagination-list li { padding-left:6rem; 
    list-style: none;}
.pagination-list li:first-child { padding-left:0; }
.pagination-list a { display:block; font-size:18px; color:#282828; }
.pagination-list li.active a { font-weight:500; }

.pagination [class^="btn-page"] { display:flex; align-items:center; justify-content:center; width:30px; height:30px; font-size:0; background-color:#282828; background-repeat:no-repeat; background-position:center center; border-radius:50%; }
.pagination .btn-page-prev { background-image:url('../images/icon/icon_pagination_prev.svg'); }
.pagination .btn-page-next { background-image:url('../images/icon/icon_pagination_next.svg'); }


/* 글 보기 화면 */
.bbs_view_wrap {
    padding-top: 10rem;
}
.bbs_view_wrap .view_head {
    display: flex;
    padding: 2rem 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D3DBE1;
}
.bbs_view_wrap .link_wrap {
    flex: 0 0 auto;
}
.bbs_view_wrap .link_wrap a,
.bbs_view_wrap .link_wrap button {
    display:inline-block;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 3rem;
    background-position: center center;
    background-color: transparent;
    vertical-align: middle;
}
.bbs_view_wrap .link_wrap .btn_home {
    background-image: url(../images/icon_bbs_home.svg);
}
.bbs_view_wrap .link_wrap .btn_back {
    margin-left: 1.5rem;
    background-image: url(../images/icon_bbs_back.svg);
}

.bbs_view_wrap .view_head .tit { 
    padding: 0 2.5rem;
    flex: 1 1 auto;
    /*font-family: "Nanum Myeongjo";*/
    font-size: 2.8rem;
    line-height: 3.4rem;
    color: #282828;
}

.bbs_view_wrap .etc_wrap {
    flex: 0 0 auto;;
}
.bbs_view_wrap .etc_wrap button {
    display:inline-block;
    width: 2rem;
    height: 2rem;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    vertical-align: middle;
}
.bbs_view_wrap .etc_wrap .btn_url {
    background-image: url(../images/icon_bbs_url.svg);
    background-size: 1.7rem;
}
.bbs_view_wrap .etc_wrap .btn_share {
    margin-left: 0.7rem;
    background-image: url(../images/icon_bbs_share.svg);
    background-size: 1.9rem;
}
.bbs_view_wrap .etc_wrap .date {
    margin-left: 1.2rem;
    margin-right: 5rem;
    font-size: 1.8rem;
    letter-spacing: -0.025rem;
    vertical-align: middle;
    color: #878787;
}


.bbs_view_wrap .view_body {}
.bbs_view_wrap .view_body > .wrap {
    max-width: 98rem;
    width: 100%;
    margin: 0 auto;
    padding: 15rem 0 18rem;
}
.bbs_view_wrap .view_body > .wrap * { font-size:1.3rem; line-height:1.4; }
.bbs_view_wrap .view_body > .wrap h1 { font-size: 36px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap h2 { font-size: 30px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap h3 { font-size: 24px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap h4 { font-size: 18px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap h5 { font-size: 14px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap h6 { font-size: 12px; font-weight: 700; }
.bbs_view_wrap .view_body > .wrap .yt_wrap { height:0; padding-bottom:56%; position:relative; }
.bbs_view_wrap .view_body > .wrap iframe { height:100%; left:0; position:absolute; top:0; width: 100%; }

.bbs_view_wrap .view_body > .wrap img { object-fit: contain; max-width: 100%; }
.bbs_view_wrap .view_body > .wrap b,
.bbs_view_wrap .view_body > .wrap font,
.bbs_view_wrap .view_body > .wrap font * { font-size: inherit; }

.bbs_view_wrap .view_foot ul {}
.bbs_view_wrap .view_foot ul li {
    display: flex;
    padding: 2rem 5rem 2rem 2.4rem;
    align-items: center;
    justify-content: space-between;
}
.bbs_view_wrap .view_foot ul li~li {
    border-top: 1px solid #D3DBE1;
}
.bbs_view_wrap .view_foot ul span {
    width: 7.6rem;
    flex: 1 0 auto;
    font-size: 1.8rem;
    letter-spacing: -0.025rem;
    color: #878787;
}

.bbs_view_wrap .view_foot ul p {
    display: block;
    width: 100%;
    flex: 1 1 auto;
    padding-right: 5rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
    letter-spacing: -0.025rem;
    color: #282828;
}
.bbs_view_wrap .view_foot ul span.date {
    width: auto;
}



/* 유튜브 */
.youtube_con .wrap {
	display: flex;
    height: 108rem;
}
.youtube_con .youtube_wrap {
	overflow: hidden;
	position: relative;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

/*.youtube_con .youtube_wrap::after { background-color: rgba(255,255,255,0.6); bottom:0; content: ""; height: 400px; left:0; position:absolute; width: 100%; }*/

.youtube_con .youtube01 {
	/* border-right: 1px solid #AA9B7A; */
    background-image: url(../images/youtube_img01.jpg);
}
.youtube_con .youtube02 {
    background-image: url(../images/youtube_img02.jpg);
}
.youtube_con .youtube_info {
    background-color: rgba(255,255,255,0.6);
    bottom:0;
    height: fit-content;
	  position: absolute;
    padding:4rem 0 6.6rem 0;
    width: 100%;
}
/* .youtube_con .youtube01 .youtube_info {
    top: 10.5rem;
    left: 16rem;
} */
.youtube_con .youtube01 .youtube_info {
    padding-left: 15.9rem;
}
.youtube_con .youtube02 .youtube_info {
    padding-left: 5.7rem;
}
.youtube_con .youtube_info .yt_type {
	/* font-family: "AmstelvarAlpha"; */
	font-size: 3rem;
	letter-spacing: -0.025rem;
	color: #67669C;
}
.youtube_con .youtube_info .yt_name {
    margin-top: 2rem;
	/* font-family: "Nanum Myeongjo"; */
	font-size: 6rem;
	font-weight: 700;
	letter-spacing: -0.03rem;
	color: #232176;
}
.youtube_con .youtube_info .yt_summ {
	margin-top: 2rem;
	font-size: 2.8rem;
    line-height: 4rem;
	letter-spacing: -0.03rem;
	color: #282828;
}
.youtube_con .youtube_info .btn_wrap a {
	display: block;
	width: 30rem;
    margin-top: 3rem;
	padding-left: 2.7rem;
	border-radius: 2.4rem;
	font-size: 1.5rem;
    line-height: 4.8rem;
	letter-spacing: -0.1rem;
	text-align: left;
	background-image: url(../images/btn_icon_arr_dark.svg);
	background-repeat: no-repeat;
	background-position: center right 2rem;
	background-size: 3rem;
    background-color: #FFF;
	border: 0.1rem solid #232176;
	color: #232176;
	transition: all 0.5s;
}
.youtube_con .youtube_info .btn_wrap a:hover{
	background-image: url(../images/btn_icon_arr_white.svg);
	background-color: #232176;
	border: 0.1rem solid #232176;
	color: #fff;
}



@media screen and (max-width:1600px){
    .youtube_con .youtube01 .youtube_info {
        padding-left: 5.8rem;
    }
}
@media screen and (max-width:1400px){
    .youtube_con .wrap {
        height: 70rem;
    }
    .youtube_con .youtube01 .youtube_info {
        padding-left: 4rem;
    }
    .youtube_con .youtube02 .youtube_info {
        padding-left: 4rem;
    }
    .youtube_con .youtube_info .yt_type {
        font-size: 1.8rem;
    }
    .youtube_con .youtube_info .yt_name {
        margin-top: 1rem;
        font-size: 3.6rem;
    }
    .youtube_con .youtube_info .yt_summ {
        margin-top: 0.5rem;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}
/* 모바일 */
@media screen and (max-width:768px){
    .sub_visual_con.notice {
        background-image: url(./../images/sub_visual_notice_mo.png);
    } 
    .sub_visual_con.news {
        background-image: url(./../images/sub_visual_news_mo.png);
    } 
    .sub_visual_con.review {
        background-image: url(./../images/sub_visual_review_mo.jpg);
    } 
    .sub_visual_con.youtube {
        background-image: url(./../images/sub_visual_youtube_mo.png);
    } 
    .sub_visual_con.photo {
        background-image: url(./../images/sub_visual_photo_mo.png);
    } 
    .sub_visual_con.column {
        background-image: url(./../images/sub_visual_column_mo.png);
    } 

    .sub_visual_txt {
        padding-top: 23rem;
        padding-left: 2.8rem;
    }
    .sub_visual_txt .txt {
        margin-bottom: 0.5rem;
    }
    .sub_visual_txt .tit {
        font-size: 3rem;
    }
    .review .txt,
    .review .sub_txt {
        color: #fff
    }
    
    .review_txt_wrap {
        padding-top: 15rem;
        padding-bottom: 4.4rem;
        background-position: 11rem 10rem;
        background-size: 8rem;
    }
    .review_txt_wrap .tit {
        font-size: 1.8rem;
    }
    .review_txt_wrap .txt {
        margin-top: 3rem;
        font-size: 1.4rem;
        line-height: 2.5rem;
    }

    .notice_page_con > .wrap {
        padding: 0 1.5rem 9rem;
    }
    .notice_page_con .tab_wrap {
        width: 32rem;
        padding-top: 4rem;
        padding-bottom: 8rem;
    }
    .review_page_con > .wrap {
        padding: 0 2.8rem 9rem;
    }
    .review_page_con .page_title .txt {
        display: none;
    }


    .ui_tab {
        height: auto;
    }
	.ui_tab > .wrap {
        height: auto;
        border: none;
	}
	.ui_tab .btn_tab_open {
		display: none;
	}
	.ui_tab ul{
        display: flex;
        padding: 0;
        background-color: transparent;
	}
	.ui_tab ul li {
        flex: 1 1 0;
	}
	.ui_tab ul button {
      color: #878787;
        text-align: center;
      font-size: 1.8rem;
      font-weight: 500;
      line-height: 5.2rem;
        /*font-family: "Nanum Myeongjo";*/
        border-top: 0;
        border-bottom: 0.3rem solid #E9E9E9;
    }
	.ui_tab ul button.on  {
        color: #282828;
        border-bottom: 0.3rem solid #232176;
	}
	.ui_tab ul button:hover {
        background: transparent;
        color: #282828;
	}
    
    
    /* 게시판 카드형 */
    .bbs_list_card ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .bbs_list_card li {
        width: 100%;
    }
    .bbs_list_card li~li,
    .bbs_list_card li:nth-child(n+3) {
        margin-top: 2rem;
    }
    .bbs_list_card a,
    .bbs_list_card button {
        padding: 1.3rem 1.3rem 2rem;
    }
    .bbs_list_card .img_wrap {
        height: 17rem;
    }
    .bbs_list_card .tit_wrap .tit {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
    .bbs_list_card .tit_wrap .date {
        margin-top: 1rem;
        font-size: 1.2rem;
        line-height: 1.4rem;
    }

    .bbs_list_card.bna .tit_wrap {
        margin-top: 1rem;
    }

    .bbs_list_card .bna_img_wrap {
        margin-top: 1rem;
        padding: 0;
    }

    .bbs_list_card .bna_img_wrap figure figcaption {
        font-size:1.2rem;
        margin-top: 1rem;
    }
    

    /* 게시판 갤러리형  후기*/
    .bbs_list_gallery > ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .bbs_list_gallery > ul li {
        width: 100%;
    }
    .bbs_list_gallery > ul li~li,
    .bbs_list_gallery > ul li:nth-child(n+5) {
        margin-top: 2rem;
    }
    .bbs_list_gallery > ul li:nth-child(n+6) {
        display: none;
    }
    .bbs_list_gallery > ul .btn  {
        height: 4.5rem;
        padding-left: 2.5rem;
        border-radius: 2.25rem;
        font-size: 1.4rem;
        line-height: 4.5rem;
        background-position: center right 2rem;
        background-size: 3rem;
    }

    /* 게시판 카드형  후기 전체보기 */
    .bbs_list_thumb li {
        width: 100%;
    }
    .bbs_list_thumb li~li,
    .bbs_list_thumb li:nth-child(n+5) {
        margin-top: 1rem;
    }
    .bbs_list_thumb .tit_wrap {
        margin-top: 1rem;
    }
    .bbs_list_thumb .tit_wrap .tit {
        font-size: 1.8rem;
        line-height: 1;
    }
    .bbs_list_thumb .tit_wrap .txt {
        height: 5rem;
        margin-top: 1rem;
        font-size: 1.2rem;
        line-height: 2.4rem;
    }


    /* 글 보기 화면 */
    .bbs_view_wrap {
        padding-top: 7rem;
    }
    .bbs_view_wrap .view_head {
        position: relative;
        padding: 1rem 0;
    }
    .bbs_view_wrap .link_wrap a,
    .bbs_view_wrap .link_wrap button {
        width: 2rem;
        height: 2rem;
        background-size: 2rem;
    }
    .bbs_view_wrap .link_wrap .btn_back {
        margin-left: 0.5rem;
    }
    .bbs_view_wrap .view_head .tit { 
        padding: 0 2rem;
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .bbs_view_wrap .etc_wrap {
        position: absolute;
        bottom: -4.7rem;
        right: 0;
    }
    .bbs_view_wrap .etc_wrap button {
        width: 2rem;
        height: 2rem;
    }
    .bbs_view_wrap .etc_wrap .btn_url {
        background-image: url(../images/icon_bbs_url.svg);
        background-size: 1.7rem;
    }
    .bbs_view_wrap .etc_wrap .btn_share {
        margin-left: 0.7rem;
        background-image: url(../images/icon_bbs_share.svg);
        background-size: 1.9rem;
    }
    .bbs_view_wrap .etc_wrap .date {
        margin-left: 0.5rem;
        margin-right: 0;
        font-size: 1.2rem;
    }

    .bbs_view_wrap .view_body > .wrap {
        padding: 5rem 0 5rem;
    }

    .bbs_view_wrap .view_body > .wrap * { font-size:1.2rem; }

    .bbs_view_wrap .view_foot ul li {
        padding: 1.5rem 0;
    }
    .bbs_view_wrap .view_foot ul span {
        width: 4rem;
        flex: 1 0 auto;
        font-size: 1.2rem;
    }
    .bbs_view_wrap .view_foot ul p {
        padding-right: 5rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .pagination {padding-top:2rem}
    .pagination-list { padding:0 20px; }
    .pagination-list li { padding-left:20px; }
    .pagination-list a { font-size:12px; }
    
    
    /* 유튜브 */
    .youtube_con .wrap {
        display: block;
        height: auto;
    }
    .youtube_con .youtube_wrap {
        width: 100%;
        height: 50rem;
    }
    .youtube_con .youtube01 {
        border-right: none;
        background-image: url(../images/youtube_img01_mo.jpg);
    }
    .youtube_con .youtube02 {
        background-image: url(../images/youtube_img02_mo.jpg);
    }

    .youtube_con .youtube_info {
        padding: 2.8rem 0;
    }
    .youtube_con .youtube01 .youtube_info {
        padding-left: 2.8rem;
    }
    .youtube_con .youtube02 .youtube_info {
        padding-left: 2.8rem;
    }
    .youtube_con .youtube_info .btn_wrap a {
        font-size:1.5rem;
        margin-top: 2rem;
        background-image: url(../images/btn_icon_arr_dark.svg);
    }

}