@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}


/* ****************** 01 소개 :: 01 소개 ********************** */
.intro-con01{margin-top: 6rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.intro-con01-img{width: 40.88%;}
.intro-con01-img img{max-width: 100%; border-radius: 2rem;}
.intro-con01-txt{width: 53.86%;}
.intro-con01-txt h5{font-size: 3rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 700; color: #1b1b1b;}
.intro-con01-txt h5 b{font-weight: inherit; color: var(--main-color2); /* color: #cc9a72; */}
.intro-con01-txt p{margin-top: 2.5rem; font-size: 1.62rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #4d4d4d;}


/* ****************** 01 소개 :: 02 이용안내 ********************** */
.information-con01{}
.information-con01-list{margin-top: 6rem;}
.information-con01-item{padding: 6rem 0; border-bottom: 1px solid #e7e7e7; display: flex; flex-wrap:wrap;}
.information-con01-item:first-child{border-top: 1px solid #e7e7e7;}
.information-con01-tit{width: 32.5rem; padding-right: 2rem; box-sizing: border-box;}
.information-con01-tit h5{font-size: 2.7rem; line-height: 1.29; letter-spacing: -0.05em; font-weight: 600; color: #1b1b1b;}
.information-con01-txt{width: calc(100% - 32.5rem);}
.information-con01-txt .tit{margin-bottom: 1.5rem; font-size: 2.3rem; line-height: 1.3; letter-spacing: -0.043em; font-weight: 600; color: #bd8a60;}
.information-con01-txt p + .tit{margin-top: 3.5rem;}
.information-con01-txt .txt{font-size: 1.62rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #3d3d3d;}
.information-con01-txt .dot-txt{position: relative; padding-left: 1.7rem; font-size: 1.6rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #3d3d3d;}
.information-con01-txt .dot-txt + .dot-txt{margin-top: 0.5rem;}
.information-con01-txt .dot-txt:before{position: absolute; top: 0.8rem; left: 0; width: 0.6rem; height: 0.6rem; background-color: #a98c6b; border-radius: 100%; content: '';}
.information-con01-txt .caution-txt{margin-top: 1rem; position:relative; padding-left: 2.4rem; font-size: 1.5rem; line-height: 1.6; letter-spacing: -0.045em; font-weight: 500; color: #6e6e6e;}
.information-con01-txt .caution-txt:before{position: absolute; top: -0.2rem; left: 0; font-size: 1.9rem; color: #ff5400; content: "\e9ab"; font-family: xeicon;}
/* 고해상 파일 신청 */
.information-con01-txt .file-box{margin-top: 1.5rem; padding: 2.5rem 3rem 2.5rem 4rem; border-radius: 1.5rem; background-color: #f8f8f8; display: flex; flex-wrap:wrap; align-items: center;}
.information-con01-txt .file-box h5{width: 20rem; width: 27%; font-size: 1.72rem; line-height: 1.68; letter-spacing: -0.047em; font-weight: 700; color: #171717; padding-right: 2rem; box-sizing: border-box;}
.information-con01-txt .file-box ul{width: calc(73% - 23.5rem); padding-right: 2rem; box-sizing: border-box;}
.information-con01-txt .file-box ul li{position: relative; padding-left: 1rem; font-size: 1.62rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #4d4d4d;}
.information-con01-txt .file-box ul li:before{position: absolute; top: 0; left: 0; content: '-';}
.information-con01-txt .file-box .btn{width: 23.5rem; height: 6.5rem; font-size: 1.8rem; letter-spacing: -0.043em; font-weight: 500; color: #fff; background-color: #c28e64; border-radius: 1rem; display: flex; align-items: center; justify-content: center; border:2px solid #c28e64; overflow: hidden; box-sizing: border-box; position: relative; transition:all 0.3s;}
.information-con01-txt .file-box .btn span{position:relative; z-index:1; left:0px; color:#fff; transition:left 0.4s;}
.information-con01-txt .file-box .btn:before{display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#fff; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.information-con01-txt .file-box .btn i{margin-left: 1rem;}
.information-con01-txt .file-box .btn:hover span{color:var(--main-color); left:1.5rem;}
.information-con01-txt .file-box .btn:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}
/* 문의 및 안내 */
.information-con01-txt .tel-txt{margin-top: 2rem; font-size: 2.3rem; line-height: 1.3; letter-spacing: -0.043em; font-weight: 600; color: #bd8a60;}
.information-con01-txt .tel-txt strong{margin-left: 2rem; font-size: 2rem; font-weight: 700; letter-spacing: 0; color: #000;}
.information-con01-txt .tel-txt strong i{position: relative; top: 0.1rem; font-weight: 400; margin-right: 0.3rem;}


/* ****************** 01 소개 :: 03 저작권 관련 안내 ********************** */
.copyright-con01{margin-top: 2rem;}
.copyright-con01 .top-txt{font-size: 1.85rem; line-height: 1.56; letter-spacing: -0.05em; font-weight: 500; color: #3d3d3d;}
.copyright-con01-list{margin-top: 6rem;}
.copyright-con01-item{padding: 6rem 0; border-bottom: 1px solid #e7e7e7; display: flex; flex-wrap:wrap;}
.copyright-con01-item:first-child{border-top: 1px solid #e7e7e7;}
.copyright-con01-tit{width: 31.5rem; padding-right: 2rem; box-sizing: border-box;}
.copyright-con01-tit h5{position: relative; padding-left: 6rem; font-size: 2.7rem; line-height: 1.29; letter-spacing: -0.05em; font-weight: 600; color: #1b1b1b;}
.copyright-con01-tit h5 span{position: absolute; top: -1rem; left: -0.5rem; font-size: 4rem; letter-spacing: -0.043em; font-weight: 800; font-style: italic; color: #a98c6b; opacity: 0.45;}
.copyright-con01-txt{width: calc(100% - 31.5rem);}
.copyright-con01-txt p{position: relative; padding-left: 1.7rem; font-size: 1.62rem; line-height: 1.66; letter-spacing: -0.05em; font-weight: 500; color: #3d3d3d;}
.copyright-con01-txt p + p{margin-top: 1.5rem;}
.copyright-con01-txt p:before{position: absolute; top: 0.8rem; left: 0; width: 0.6rem; height: 0.6rem; background-color: #a98c6b; border-radius: 100%; content: '';}


/* ****************** 02 주제 :: 리스트 ********************** */
.sub-page .bbs-top-list-box.has-filter-box{padding: 2rem 0;}

/* 페이크폼 */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.fakeform-selectbox .select-title {text-indent: 1.5rem; width: 100% !important; height: 3.7rem; text-align: left; vertical-align: middle; border:0; line-height: 3.5rem; font-size:1.45rem; color: #575757; border: 1px solid #e6e6e6; background-color: #fafafa; display: inline-block; box-sizing: border-box; cursor: pointer;}
.fakeform-selectbox .select-title:after{font-family: 'xeicon'; position:absolute; top:50%; right:1rem; transform:translateY(-50%); content: "\e936"; font-size:1.45rem; color: #575757;}
.fakeform-selectbox .select-title strong {width: 100%; font-weight: 500; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox .select-title.active:after{content: "\e930";}
.fakeform-selectbox .select-title.focus{}
.fakeform-selectbox .select-title.disabled{}
/* 옵션창 */
.select-option {border: 1px solid #e6e6e6; border-top: 0; background: #fafafa; max-height: 200px; overflow: auto; z-index: 999 !important;}
.select-option::-webkit-scrollbar{
	width: 5px;
}
.select-option::-webkit-scrollbar-thumb{
	background-color:#333;
	border-radius:5px;
	transition:all 0.5s;
}
.select-option::-webkit-scrollbar-track{
	background-color:#f2f2f2; 
	border-radius:0;
}
.select-option ul {margin: 0; padding: 0;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.4rem; line-height: 1.4; color: #575757; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0.8rem 1.5rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #f0f0f0;}
.select-option span.selected {color: #000; font-weight: 600;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

/* 페이크폼 white ver */
.fakeform-selectbox.white-ver .select-title {color: #868686; border-color: #dbdbdb; background-color: #fff; border-radius: 0.5rem;}
.fakeform-selectbox.white-ver .select-title:after{content: "\e942"; font-size:1.25rem; color: #000;}
.fakeform-selectbox.white-ver .select-title.active{border-radius: 0.5rem 0.5rem 0 0;}
.fakeform-selectbox.white-ver .select-title.active:after{content: "\e945";}
/* 옵션창 */
.white-select-option {border-color: #dbdbdb; background: #fff; border-radius: 0 0 0.5rem 0.5rem;}
.white-select-option span:hover {background: #f9f9f9;}


/* 리스트 */
.cm-gallery-list{margin: -1rem -0.8rem; display: flex; flex-wrap:wrap;}
.cm-gallery-item{width:calc(25% - 1.6rem); margin:1rem 0.8rem; border: 1px solid #e3e3e3; background-color: #fff; box-sizing: border-box; border-radius: 1rem;}
.cm-gallery-item a{display: block; width: 100%; height: 100%; border-radius: 1rem; overflow: hidden; position: relative; transition: var(--transition-custom); transition-property: box-shadow;}
.cm-gallery-item a:after{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; opacity:0; border: 2px solid var(--main-color); border-radius: 1rem; content: ''; visibility:hidden; transition: var(--transition-custom);}
.cm-gallery-img{position:relative; /* padding:2.5rem 0; */ background-color: #f4f4f4;}
.cm-gallery-img .img-con{display:block; position:relative; width: 100%; /* max-width: 181px; */ margin:0px auto;}
.cm-gallery-img .img-con span{position: relative; width: 100%; height: 0; padding-top: 102.75%; display: block;}
.cm-gallery-img .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit: contain;}
.cm-gallery-img .over-icon{position:absolute; top:50%; left:50%; margin: -2.5rem 0 0 -2.5rem; width:5rem; height:5rem; line-height:5rem; background-color:var(--main-color); text-align:center; color:#fff; font-size:2rem; border-radius:50%; opacity:0; visibility:hidden; transition: var(--transition-custom);}
.cm-gallery-txt{padding: 1rem 1.5rem; height: 8rem; text-align:center; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.cm-gallery-txt .tit{width: 100%; font-size:1.65rem; line-height: 1.3; color:#333; font-weight:500; letter-spacing:-0.046em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 리스트02 */
.cm-gallery-list02 .cm-gallery-item{border-color: #e9e9e9; border-radius: 0;}
.cm-gallery-list02 .cm-gallery-item a{border-radius: 0;}
.cm-gallery-list02 .cm-gallery-item a:after{border-color: #7b7b7b; border-width: 1px; border-radius: 0; content: '';}
.cm-gallery-list02 .cm-gallery-img{padding:0;}
.cm-gallery-list02 .cm-gallery-img .img-con{width: 100%; max-width: none;}
.cm-gallery-list02 .cm-gallery-img .img-con span{padding-top: 62.73%;}
.cm-gallery-list02 .cm-gallery-txt{border-radius: 0; height: 7.5rem;}

@media all and (min-width:801px){
	.cm-gallery-item:hover a:after,
	.cm-gallery-item:hover .cm-gallery-img .over-icon{opacity:1; visibility:visible;}
	.cm-gallery-list02 .cm-gallery-item a:hover{box-shadow: 1.2rem 1.2rem 3.2rem -0.6rem rgba(0,0,0,0.11);}
}


/* ****************** 02 주제 :: 뷰 ********************** */
.cm-view-top{padding-top: 7.5rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.cm-view-top-left{width: 55%; max-width: 61rem;}
.cm-view-top-right{padding-left: 2rem; width: 45%; max-width: 52rem; box-sizing: border-box;}

.cm-view-pdf-iframe{/* max-width: 50rem;  */width:100%; /* height:54.6rem; */ height: 60rem; border:none; margin: 0 auto; display: block;}

.cm-view-pdf-slide{width: 100%;}
.cm-view-ori-container{position: relative; overflow: hidden;}
.cm-view-ori-list{}
.cm-view-ori-item{border: 1px solid #e5e5e5; box-sizing: border-box;}
.cm-view-ori-item > span{position: relative; width: 100%; height: 0; padding-top: 66.009%; background-color: #f6f6f6; display: block;}
.cm-view-ori-item > span img {position:absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: contain;}
.video-iframe-wrapper{position:relative; overflow:hidden;}
.video-iframe-box{position:relative; padding-top: 66.009%; height:0; background-color:#000;}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer;}
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:rgba(0,0,0,0.3); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%; transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{transform: scale(1.1) rotate(0.002deg);}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; transform: translate(-50%, -50%);}
.video-cover-box .icon i{font-size:8.5rem; color:#fff; line-height:8.5rem; transform: rotate(90deg);}
/* .cm-view-ori-next.swiper-button-next, 
.cm-view-ori-prev.swiper-button-prev{color: #fff; visibility: hidden; opacity: 0;} */
.cm-view-ori-next.swiper-button-next, 
.cm-view-ori-prev.swiper-button-prev{color: #fff;}

.cm-view-thum-container{margin-top: 3rem; position: relative; overflow: hidden;}
.cm-view-thum-list{}
.cm-view-thum-item{width: 20%; height: 100%; opacity: 1; border: 1px solid #e5e5e5; box-sizing: border-box;}
.cm-view-thum-item.swiper-slide-thumb-active {opacity: 1;}
.cm-view-thum-item span{position: relative; width: 100%; height: 0; padding-top: 66.009%; display: block; background-color: #f6f6f6;}
.cm-view-thum-item span img {position:absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: contain; cursor: pointer;}
.cm-view-thum-item span i{position:absolute; top:50%; left:50%;  z-index:1; transform: translate(-50%, -50%) rotate(90deg); font-size:2rem; color:#fff; line-height:2rem;}
.cm-view-thum-item .video-thumb{background-color: #000;}
.cm-view-thum-item .video-thumb img{opacity: 0.75; object-fit: cover;}

.cm-view-top-right-tit{}
.cm-view-top-right-tit h5{font-size: 2.8rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 600; color: #272727;}
.cm-view-top-right-info{margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #e0e0e0;}
.cm-view-top-right-caution dl,
.cm-view-top-right-info dl{display: flex; flex-wrap:wrap;}
.cm-view-top-right-info dl + dl{margin-top: 1rem;}
.cm-view-top-right-info dt, .cm-view-top-right-info dd{font-size: 1.55rem; line-height: 1.67; letter-spacing: -0.045em;}
.cm-view-top-right-caution dt,
.cm-view-top-right-info dt{width: 10rem; padding-right: 1.5rem; font-weight: 600; color: #272727; box-sizing: border-box;}
.cm-view-top-right-caution dd,
.cm-view-top-right-info dd{width: calc(100% - 10rem); color: #555454;}
.cm-view-top-right-caution{margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #e0e0e0;}
.cm-view-top-right-caution dt{font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.04em;}
.cm-view-top-right-caution dd{font-size: 1.45rem; line-height: 1.51; letter-spacing: -0.045em; color: #6b6b6b;}

.cm-view-hidden-txt{width: 100%; height: 3.02em; word-break: break-word; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cm-view-hidden-txt.is-open{height: auto; -webkit-line-clamp: unset; display: block;}
.cm-view-hidden-btn{margin-top: 1rem; min-width: 9rem; padding: 0 2.6rem 0 1.2rem; font-size: 1.25rem; line-height: calc(3rem - 4px); letter-spacing: -0.05em; font-weight: 600; color: #b17b50; background-color: #fff; border: 2px solid #dec3ac; box-sizing: border-box; border-radius: 3rem; box-shadow: 0.4rem 0.4rem 0.4rem 0 rgba(0,0,0,0.08); position:relative; overflow:hidden; transition:all 0.3s;}
.cm-view-hidden-btn span{position:relative; z-index:1; left:0px; color:#b17b50; transition:left 0.4s;}
.cm-view-hidden-btn:before{display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background:#b17b50; border-radius: 0 3rem 3rem 0; opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.cm-view-hidden-btn i{position: absolute; top: calc(50% + 0.1rem); right: 0.8rem; transform: translateY(-50%); font-size: 1.35rem; font-weight: 400;}
.cm-view-hidden-btn:hover{border-color: #b17b50;}
.cm-view-hidden-btn:hover span{color: #fff; left:0.8rem;}
.cm-view-hidden-btn:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);}
.cm-view-hidden-close{display: none; padding-left: 2rem;}

.cm-view-top-right-btn{margin-top: 4rem; padding-top: 3rem; border-top: 1px solid #e0e0e0; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.cm-view-top-right-btn a{width: calc(33.333% - 0.2rem); height: 5.5rem; font-size: 1.55rem; letter-spacing: -0.045em; color: #fff; background-color: #4e443c; border: 1px solid #e5e5e5; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; overflow:hidden; transition:all 0.3s;}
/* 2개일 때 */
.cm-view-top-right-btn a:nth-last-child(2):first-child,
.cm-view-top-right-btn a:nth-last-child(2):first-child ~ a{width: calc(50% - 0.2rem);}
/* 1개일 때 */
.cm-view-top-right-btn a:only-child{width: 100%;}
.cm-view-top-right-btn .link-btn{background-color: #242221; border-color: #242221;}
.cm-view-top-right-btn .download-btn{background-color: #4e443c; border-color: #4e443c;}
.cm-view-top-right-btn .back-btn{background-color: #b17b50; border-color: #b17b50;}
.cm-view-top-right-btn a:before{display:block; position:absolute; top:0px; left:-130%; content:""; width:130%; height:100%; background: #fff; border-radius: 0 20px 20px 0; opacity:0;filter:Alpha(opacity=0); transition:all 0.3s;}
.cm-view-top-right-btn a span{position:relative; z-index:1; left:0px; color:#fff; transition:left 0.4s;}
.cm-view-top-right-btn a i{margin-left: 0.5rem; font-size: 2rem;}
.cm-view-top-right-btn .link-btn:hover{border-color: #242221;}
.cm-view-top-right-btn .download-btn:hover{border-color: #4e443c;}
.cm-view-top-right-btn .back-btn:hover{border-color: #b17b50;}
.cm-view-top-right-btn a:hover span{left:1.5rem;}
.cm-view-top-right-btn .link-btn:hover span{color: #242221;}
.cm-view-top-right-btn .download-btn:hover span{color: #4e443c;}
.cm-view-top-right-btn .back-btn:hover span{color: #b17b50;}
.cm-view-top-right-btn a:hover:before{left:0px; opacity:1.0;filter:Alpha(opacity=100);} 

.cm-view-bottom{margin-top: 7rem;}

.cm-view-tab-list ul{height: 8.2rem; border-bottom:1px solid #c1c1c1; text-align:center; *zoom:1;}
.cm-view-tab-list ul:after{clear:both; content:""; display:block;}
.cm-view-tab-list ul li{float:left; width:24.7rem; position:relative; margin-left:-1px;}
.cm-view-tab-list ul li:first-child{margin-left:0;}
.cm-view-tab-list ul li a{width: 100%; height: calc(8.2rem - 1px); line-height:1.3; color:#626262; font-size:2.2rem; letter-spacing:-0.035em; font-weight: 500; color: #6b6b6b; text-align:center; border:1px solid #c1c1c1; background-color:#fcfcfc; display: flex; align-items: center; justify-content: center; position: relative;}
.cm-view-tab-list ul li a:before{position: absolute; top: -1px; left: 0; width: 100%; height: 2px; background-color: #424242; opacity: 0; content: '';}
.cm-view-tab-list ul li:first-child a{border-left:1px solid #c1c1c1;}
.cm-view-tab-list ul li a:hover{color:#000;}
.cm-view-tab-list ul li.selected{z-index:1;}
.cm-view-tab-list ul li.selected a{font-weight: 600; color:#000; border-bottom-color:#fcfcfc;}
.cm-view-tab-list ul li.selected a:before{opacity: 1;}
.cm-view-tab-content-wrapper{background-color: #fcfcfc; border: 1px solid #c1c1c1; border-top:0;}
.cm-view-tab-con{padding: 5.5rem 4.5rem 4rem;}
.cm-view-tab-con .paging {margin: 6rem 0 2rem;}

.cm-view-filter-box{padding-bottom: 1.7rem; margin-bottom: 3.3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-end; border-bottom: 2px solid #232323;}
.cm-view-filter-item{display: flex; align-items: center;}
.cm-view-filter-item + .cm-view-filter-item{margin-left: 5rem;}
.cm-view-filter-item .tit{margin-right: 1rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.045em; font-weight: 600; color: #000;}
.cm-view-filter-item .fakeform-selectbox{width: 17.5rem;}
.cm-view-filter-item + .cm-view-filter-item .fakeform-selectbox{width: 9rem;}



/* ****************** 06 컬렉션 :: 리스트(유형1) ********************** */
.collections-gallery-txt{height: 10rem; flex-direction: column;}
.collections-gallery-txt .tit{font-size: 1.65rem; margin-bottom: 0.5rem;}
.collections-gallery-txt .txt{width: 100%; font-size: 1.5rem; line-height: 1.3; color:#555454; font-weight:500; letter-spacing:-0.046em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.collections-gallery-txt .txt + .txt{margin-top: 0.2rem;}


/* ****************** 06 컬렉션 :: 뷰(유형1) ********************** */
.bbs-detail-info-box{margin-top: 2rem; padding: 1.5rem; border: 1px dashed #ebd2be; display: flex; flex-wrap:wrap;}
.bbs-detail-info-box dl{margin: 0.5rem; width: calc(50% - 1rem); display: flex; flex-wrap:wrap;}
.bbs-detail-info-box dt, .bbs-detail-info-box dd{font-size: 1.6rem; line-height: 1.5; font-weight: 400; letter-spacing: -0.025em; color: #6e6e6e;}
.bbs-detail-info-box dt{position: relative; padding-left: 1rem; width: 9rem; font-weight: 600; color: #272727; box-sizing: border-box;}
.bbs-detail-info-box dt:before{position: absolute; top: 0.9rem; left: 0; width: 0.4rem; height: 0.4rem; background-color: #272727; border-radius: 100%; content: '';}
.bbs-detail-info-box dd{width: calc(100% - 9rem);}
.bbs-detail-info-box .row-dl{width: calc(100% - 1rem); /* flex-direction: column; */}
/* .bbs-detail-info-box .row-dl dt{width: 100%;}
.bbs-detail-info-box .row-dl dd{margin-top: 0.5rem; width: 100%;} */

@media all and (max-width:800px){
	.bbs-detail-info-box{margin-top: 2rem; padding: 1.5rem;}
	.bbs-detail-info-box dl{margin: 0.5rem; width: calc(100% - 1rem);}
	.bbs-detail-info-box dt, .bbs-detail-info-box dd{font-size: 1.6rem; line-height: 1.5;}
	.bbs-detail-info-box dt{padding-left: 1rem; width: 9rem;}
	.bbs-detail-info-box dt:before{top: 0.9rem; left: 0; width: 0.4rem; height: 0.4rem;}
	.bbs-detail-info-box dd{width: calc(100% - 9rem);}
	.bbs-detail-info-box .row-dl{width: calc(100% - 1rem);}
}