:root {
	/*메인컬러*/
	--main-color1:#ffa50f;
    --main-color1-rgb:255,165,15;
	--main-color2:#f77100;
    --main-color2-rgb:247,133,0;
	--main-color3:#a0744f;
    --main-color3-rgb:160,16,79;

    /*메인 배경 그레이*/
    --main-bg:#f8f8f8; 
}

#jinjjayo-search-btn {background:none;}
#jinjjayo-search-btn {border:none;}	
#jinjjayo-search-btn i{font-size:16px;}


/* 리스트 헤드*/
/* 폼태그 */
.form-tag { border:1px solid #ddd; border-radius:2px; padding:10px; font-size:20px; width:100%;font-family: "Pretendard", sans-serif !important; font-weight:400;color:#666;}
.form-tag:focus { outline: none; border: 1px solid #666 !important; }

/* 검색상자 */
.list-head .search-area {width:480px;position:relative;overflow:hidden;margin:0 auto;}
.list-head .search-area .abtn {float:left;} /* 250118 widemap추가*/
.list-head .search-area .search-box { position:relative; width:calc(100% - 100px);float:right;}
/*.list-head .search-area .search-box:before { content:""; position:absolute; left:calc(50% - 1px); bottom:calc(100% + 20px); width:2px; height:30px; background:#666; }*/
.list-head .search-area .search-box input { padding-left:20px; padding-right:40px; border-color:#ccc; border-radius:99px; }
.list-head .search-area .search-box button { position:absolute; top:10px;right:15px; }

@media (max-width: 767px) {
    .list-head .search-area{width:380px;}
    .list-head .search-area .search-box {width:calc(100% - 100px);}
	.list-head .search-area .search-box:before {}
    .list-head .search-area .search-box input { padding-left:10px; }
}

@media (max-width: 550px) {
.list-head .search-area{width:100%;}
.list-head .search-area .search-box {width:calc(100% - 100px);}
/*.list-head .search-box .abtn {top:-35px; transform:translateY(-10%); left:calc(40% - 1px);} /* 250118 widemap추가*/
}


/* 분류탭 & 게시글수 */
.list-head .list-head { margin-bottom:10px; }
.list-head .category-box { display:flex; flex-wrap:wrap; }
.list-head .category-box a { display:block; }

.list-head .category-box.left { margin:0 -15px 30px; }
.list-head .category-box.left li { position:relative; padding:0 15px; font-size:1.125rem; }
.list-head .category-box.left li:not(:last-child):after { content:""; position:absolute; left:100%; top:10%; width:1px; height:80%; background:#ccc; }
.list-head .category-box.left li a { position:relative;text-decoration:none; }
.list-head .category-box.left li.active a { color:#111; font-weight:800; }
.list-head .category-box.left li.active a:before { content:""; position:absolute; left:0; top:calc(100% + 3px); right:0; height:3px; background:var(--main-color2); }

.list-head .category-box:not(.left) { justify-content:center; align-items:center; }
.list-head .category-box:not(.left) li a { color:#555; }

.list-head .category-box.list li { position:relative; padding:0 20px; font-size:1.125rem; }
.list-head .category-box.list li:not(:last-child):after { content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); width:1px; height:80%; background:#ccc; }
.list-head .category-box.list li a:hover,
.list-head .category-box.list li.active a { color:var(--main-color2); }

.list-head .category-box.photo { margin-top:-2.5px; }
.list-head .category-box.photo li { padding:2.5px;}
.list-head .category-box.photo li a { padding:8px 20px; border:1px solid #ddd; border-radius:99px; text-decoration:none;font-size:16px;  }
.list-head .category-box.photo li:not(:last-child) a{margin-right:5px;}
.list-head .category-box.photo li a:hover,
.list-head .category-box.photo li.active a { background:var(--main-color2); border-color:var(--main-color2); color:#fff; }


.list-head .list-total { display:flex; justify-content:space-between; align-items:center; color:#888; margin-bottom:10px;overflow:hidden; }
.list-head .list-total span { position:relative; padding-right:10px; margin-right:10px; font-size:16px; }
.list-head .list-total b { color:#333; }


@media (max-width: 767px) {

	.list-head .category-box.list li { font-size:1.1rem; margin-bottom:10px;font-weight:400;}

    .list-head .category-box.photo li { padding:2px; }
    .list-head .category-box.photo li a { font-size:1.1rem; margin-bottom:10px;padding:5px 15px; font-weight:400;}

}
/*리스트 헤드*/

/*new*/
.list-total-new {width:100%;overflow:hidden;margin-bottom:30px; }
.list-total-new .left-box{width:calc(33.33% - 15px);min-height:50px; float:left; display:flex; justify-content:space-between; align-items:center; font-size:1rem; color:#888;}
.list-total-new .left-box .total-num { position:relative;top:0px; padding-right:5px; margin-right:5px; font-size:16px;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300;}
.list-total-new .left-box .sort { position:relative;top:0px; padding-right:5px; margin-right:5px;cursor:pointer; }
.list-total-new .left-box .sort .fa-sort-down{ position:absolute;top:2px;left:0;}
.list-total-new .left-box .sort .fa-sort-up{ position:absolute;top:2px;left:0;}
.list-total-new .left-box .sort .sort-text{padding-left:11px;font-size:16px;color:#666;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300;}
.list-total-new .left-box .sort .sort-text-on{padding-left:11px;font-size:16px;color:#f77100;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300;}
.list-total-new .left-box b { color:#333; font-size:16px;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300;}

.list-total-new .right-box{width:calc(66.66% - 15px); float:right; display:flex; justify-content:space-between; align-items:center; font-size:1rem; color:#888;}

/* 검색상자 */
.list-total-new .right-box .search-area {width:100%;position:relative;overflow:hidden;}

.list-total-new .right-box .widemap{float:left;position:relative;height:50px;}

.list-total-new .right-box .search-area .search-box { position:relative; width:calc(100% - 100px);float:right;}
/*.list-total-new .right-box .search-area .search-box:before { content:""; position:absolute; left:calc(50% - 1px); bottom:calc(100% + 20px); width:2px; height:30px; background:#666; }*/
.list-total-new .right-box .search-area .search-box input { padding-left:20px;height:50px; padding-right:40px; border-color:#ccc; border-radius:99px; }
.list-total-new .right-box .search-area .search-box .jinjjayo-refresh-btn {position:absolute; top:17px;right:45px; }
.list-total-new .right-box .search-area .search-box .jinjjayo-search-btn { position:absolute; top:17px;right:15px; }

@media (max-width: 1023px) {

   .list-total-new .left-box{width:100%;overflow:hidden; float:none;margin-bottom:15px;}
   .list-total-new .right-box{width:100%;overflow:hidden; float:none;}

    .list-total-new .right-box .search-area{width:100%;}
    .list-total-new .right-box .search-area .search-box {width:calc(100% - 100px);}
	.list-total-new .right-box .search-area .search-box:before {}
    .list-total-new .right-box .search-area .search-box input { padding-left:10px; }
}

@media (max-width: 550px) {
.list-total-new .right-box .search-area{width:100%;}
.list-total-new .right-box .search-area .search-box {width:calc(100% - 100px);}
/*.list-total-new .right-box .search-box .abtn {top:-35px; transform:translateY(-10%); left:calc(40% - 1px);} /* 250118 widemap추가*/
}

/*리스트 헤드*/

/*게시물 디폴트*/
#data-default { position:relative; }


#data-default .list-box { border-top:1px solid #666; }
#data-default .list-box li { position:relative; display:flex; justify-content:space-between; border-bottom:1px solid #ddd; }
#data-default .list-box li.head { background:#f8f8f8; }
#data-default .list-box li.empty_table { justify-content:center; align-items:center; height:30vh; }
#data-default .list-box li:before { content:""; position:absolute; left:0; right:0; bottom:-1px; width:0; height:1px; background:#666; transition-duration:400ms; }
#data-default .list-box li:not(.head):hover:before { width:100%; }

#data-default .list-box li div { padding:20px 5px; transition-duration:400ms; }
#data-default .list-box li.head div { padding-top:25px; padding-bottom:25px; }
#data-default .list-box li div:not(.li_subject) { text-align:center; white-space:nowrap; overflow:hidden; }

#data-default .list-box li.head a { position:relative; }
#data-default .list-box li.head a i { position:absolute; top:calc(50% - 5px); left:calc(100% + 5px); height:10px; font-size:.625rem; color:#ccc; }
#data-default .list-box li.head a[href*="asc"] i { transform:rotate(-180deg); }

#data-default .list-box .li_ck { width:40px; display:flex; justify-content:center; align-items:center; }
#data-default .list-box .li_ck input { margin:0; }
#data-default .list-box .li_num { width:100px; padding-top:0; padding-bottom:0; display:flex; justify-content:center; align-items:center; }
#data-default .list-box .li_ca { width:150px; }
#data-default .list-box .li_ca { width:150px; }

#data-default .list-box .li_subject { position:relative; flex:1; padding-left:30px; padding-right:30px; }
#data-default .list-box .li_subject a { position:absolute; left:30px; top:0; right:30px; bottom:0; display:flex; align-items:center; }
#data-default .list-box .li_subject a .subject { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:5px; }

#data-default .list-box .li_sub_title { position:relative; flex:1; padding-left:30px; padding-right:30px; }
#data-default .list-box .li_sub_title a { position:absolute; left:30px; top:0; right:30px; bottom:0; display:flex; align-items:center; }
#data-default .list-box .li_sub_title a .sub_title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:5px; }

#data-default .list-box .li_hit { width:80px; }
#data-default .list-box .li_date { width:150px; }

#data-default .list-box .notice-icon { display:block; width:25px; height:25px; line-height:24px; font-size:.875rem; border:1px solid #f50000; color:#f50000; margin:0 auto; border-radius:99px; }


@media (max-width: 1024px) {
	#data-default .list-box .li_num { width:80px; }
	#data-default .list-box .li_ca { width:120px; }
	#data-default .list-box .li_hit { width:60px; }
}


@media (max-width: 767px) {
	#data-default .list-box li { flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:15px 5px; }

	#data-default .list-box li div:not(.li_subject) { text-align:left; }
	#data-default .list-box li div:not(.li_sub_title) { text-align:left; }	

	#data-default .list-box li div { padding:0; }


	#data-default .list-box .li_ck { width:auto; justify-content:flex-start; margin-right:10px; }
	#data-default .list-box .li_num { width:auto; text-align:left; margin-right:5px; }
	#data-default .list-box .li_ca { width:auto; border-radius:99px; border:1px solid #666; padding:3px 10px !important; font-size:.875rem; margin-left:5px; }
	#data-default .list-box .li_subject { flex:none; width:100%; padding:7px 0 3px; font-size:1.125rem; font-weight:600; }
	#data-default .list-box .li_subject a { position:relative; left:0; right:0; }
	
	#data-default .list-box .li_sub_title { flex:none; width:100%; padding:7px 0 3px; font-size:1.125rem; font-weight:600; }
	#data-default .list-box .li_sub_title a { position:relative; left:0; right:0; }	


	#data-default .list-box .li_hit { width:auto; margin-right:20px; }
	#data-default .list-box .li_hit:before { content:"View"; color:#bbb; margin-right:5px; }
	#data-default .list-box .li_date:before { content:"Date"; color:#bbb; margin-right:5px; }

	#data-default .list-box .notice-icon { text-align:center; }
}
/*게시물 리스트*/

/* 게시물 썸네일형 250213*/

.hover-img-zoom110 .a:hover .img { transform: scale(1.1); }
.hover-img-zoom115 .a:hover .img { transform: scale(1.15); }
/********************************************************
	■ 위에 정사각 이미지 / 아래에 head, desc
********************************************************/
.ts-squareimg-top-1 .tile { margin-bottom: 50px; }

.ts-squareimg-top-1 .image .img { position: relative; padding-bottom: 100%; }

/* 이미지 직사각 비율로 표현하려면 padding-bottom(%)을 재정의한다. */
.ts-squareimg-top-1 .content { margin-top: 20px; height: 100%; }

.ts-squareimg-top-1 .content .desc { margin-top: 10px; color: #666; font-weight: 300; }

@media (max-width: 767px) {
	.ts-squareimg-top-1 { margin: 0 -5px; }
	.ts-squareimg-top-1 .tile { padding: 0 5px; }
}

[class^="ellipsis"],
[class*=" ellipsis"] { text-overflow: ellipsis; overflow: hidden; word-break: normal; line-height:var(--ellipsis-height); --ellipsis-height:1.4em; }
.ellipsis { white-space: nowrap; word-wrap: normal; }
.ellipsis2 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:calc(var(--ellipsis-height) * 2); }
.ellipsis3 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height:calc(var(--ellipsis-height) * 3); }
.ellipsis4 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height:calc(var(--ellipsis-height) * 4); }
.ellipsis5 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; max-height:calc(var(--ellipsis-height) * 5); }

#data-thumb { position:relative; }
/*#data-thumb .list-box { border-top:1px solid #666; --img-w:20%; --li-margin:40px; --arrow-size:40px; } */
#data-thumb .list-box {
        .empty_table { display:flex; justify-content:center; align-items:center; height:30vh; }

        .tiles { display:flex; flex-wrap:wrap; }
        .tile { visibility:visible; }
        .a { position:relative; height:auto; border-radius:20px; overflow:hidden; box-shadow:0 10px 20px rgba(0,0,0,.1); --v-padding:25px; --h-padding:25px; }
        .a::before,
        .a::after { display:none; }

        .li_ck { position:absolute; z-index:9; left:15px; top:15px; display:flex; justify-content:center; align-items:center; }
        .li_ck input { margin:0; }

        .image { position:relative; background:#ddd;width:100%; height:100%;overflow:hidden;}
		        
        .img { background-repeat: no-repeat;background-position: center center;background-size:120% /*cover*/; padding-bottom:50%;}
        .li_label { position:absolute; top:20px; right:20px; font-weight:700; text-align:center; line-height:1; display:flex; gap:0 5px; }
        .li_label span { border-radius:5px; padding:5px 7px; color:#fff; height:34px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
        .li_label span.pick { background:#ff172e; font-size:.75rem; }
        .li_label span.new { border:2px solid #ff172e; color:#ff172e; background:#fff; font-weight:900; font-size:.625rem; line-height:22px; padding:5px; }

        .content { position:relative; margin-top:0; padding:var(--v-padding) var(--h-padding); font-size:.875rem; }

        .sticker { position:absolute; top:5px; font-weight:600; }
        /*.sticker span { color:#fff; border-radius:5px; padding:3px 8px; }*/
        .good {cursor:pointer; color:#fff; border-radius:5px; padding:3px 8px;  background:#ff172e linear-gradient(45deg, rgba(253, 168, 11, .4), #ff172e); }
        .hit { color:#fff; border-radius:5px; padding:3px 8px;  background:#212736; }
        .wish {cursor:pointer; color:#fff; border-radius:5px; padding:3px 8px;  background:#f77100; }				

        .tag { position:relative;top:5px; font-weight:600; margin-bottom:5px; }
        .tag span { background:none no-repeat left center/contain; margin-right:10px; white-space: nowrap; }
        .tag span:not(:nth-child(3)) i { margin-right:3px; color:#fda80b; }

        .distance { float:right; font-size:.75rem; color:#aaa; display:flex; align-items:center; }
        .distance i { margin-right:3px; }

        .head { font-size:1.25rem; font-weight:600; }

        .area { color:#888; }
        .comment { margin:8px 0 10px; display:flex; font-size:.75rem; }
        .comment span { padding:5px 7px 4px; border-radius:3px; border:1px solid; line-height:1; margin-right:3px; font-weight:600; }
        .comment span:nth-child(1) { border-color:#d4262c; color:#d4262c; }
        .comment span:nth-child(2) { border-color:#2181f0; color:#2181f0; }
        .comment span:nth-child(3) { border-color:#06be34; color:#06be34; }
        .comment span:nth-child(4) { border-color:#333; color:#333; }

        .desc { margin-right:60px; }
		.desc .cprice {text-decoration:line-through;color: #666; font-weight: 300;font-size:.875rem;}		
		.desc .sprice {color:#ef2011;font-size:.875rem;font-weight:600;}		

        button { position:absolute; right:var(--h-padding); bottom:var(--v-padding); width:50px; font-size:.75rem; font-weight:700; border-radius:5px; line-height:1; padding:7px 5px; background:#ffe500; color:#333; z-index:2; line-height:1.2; }


        @media (max-width: 767px) {
            .li_ck { left:10px; top:10px; }

            .a { border-radius:15px; --v-padding:20px; --h-padding:15px; }

            .li_label { top:10px; right:10px; }
            .li_label span { height:30px; }
            .li_label span.new { line-height:18px; }

            .sticker { font-size:.875rem; }
            .tag { margin-bottom:0; }
            .head { font-size:1.125rem; }

            .comment span { padding:3px 5px 2px; }

            button { width:45px; padding:7px 5px; line-height:1.1; }
        }
    }

    .wrap-loading { position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); display:none; justify-content:center; align-items:center; color:#888; z-index:9999; }

    .wrap-loading > * { position:absolute; }
    .wrap-loading span,
    .wrap-loading.finish i { display:none; }

    .wrap-loading.on,
    .wrap-loading.finish { display:flex; }
    .wrap-loading.on i,
    .wrap-loading.finish span { display:block; }

    .wrap-loading.on i { font-size:60px; animation:loading_spin 2s linear infinite; }
    .wrap-loading.finish span {  padding:20px 50px; background:rgba(0,0,0,.6); color:#fff; border-radius:10px; animation:finish_text 600ms linear 1.5s forwards; white-space: nowrap; }
}

@keyframes loading_spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(359deg); }
}

@keyframes finish_text {
	from { opacity:1; }
	to { opacity:0; visibility:hidden; }
}
/* 게시물 썸네일형 250213*/

/* 게시물 리스트형*/
#data-list { position:relative; }


#data-list .list-box { border-top:1px solid #666; --img-w:20%; --li-margin:40px; --arrow-size:40px; }
#data-list .list-box li { border-bottom:1px solid #ddd; }
#data-list .list-box li.empty_table { justify-content:center; align-items:center; height:30vh; }
#data-list .list-box li .a { position:relative; display:flex; justify-content:space-between; align-items:center; padding:10px 20px; }

#data-list .list-box .image2 { width:var(--img-w); overflow:hidden; }
#data-list .list-box .image2 .img { cursor:pointer;padding-bottom:60%; background:none no-repeat center/cover; transition-duration:400ms; }

#data-list .list-box .txt { width:calc(100% - var(--img-w) - var(--li-margin)*2 - var(--arrow-size)); margin:0 var(--li-margin); }

#data-list .list-box .arrow2 { position:relative; width:var(--arrow-size); height:var(--arrow-size); border-radius:99px; border:1px solid #ddd; transition-duration:400ms; }
#data-list .list-box .arrow2:before,
#data-list .list-box .arrow2:after { content:""; position:absolute; left:50%; width:1px; height:12px; background:#ddd; transition-duration:400ms; }
#data-list .list-box .arrow2:before { transform:rotate(50deg); top:45%; }
#data-list .list-box .arrow2:after { transform:rotate(-50deg); bottom:45%; }


#data-list .list-box .li_ck { position:absolute; left:10px; top:10px; z-index:99; display:flex; justify-content:center; align-items:center; }
#data-list .list-box .li_ck input { margin:0; }
#data-list .list-box .li_num { position:absolute; z-index:3; right:10px; top:10px; }

#data-list .list-box .li_ca { margin-bottom:20px; }
#data-list .list-box .li_ca span { display:inline-block; padding:5px 15px; border:1px solid var(--main-color2); color:var(--main-color2); font-size:.875rem; }

#data-list .list-box .li_subject { display:flex; align-items:center; }
#data-list .list-box .li_subject .subject {cursor:pointer; position:relative; font-size:1.625rem; font-weight:700; max-width:calc(100% - 150px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:10px; }
#data-list .list-box .li_subject .subject:before { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; transition-duration:400ms; background:#333; }

#data-list .list-box .li_sub_title { display:flex; align-items:center; }
#data-list .list-box .li_sub_title .sub_title { position:relative; font-size:1.2rem; font-weight:500; max-width:calc(100% - 150px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-right:10px; }
#data-list .list-box .li_sub_title .sub_title:before { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; transition-duration:400ms; background:#333; }

#data-list .list-box .li_con { margin:20px 0 20px; --ellipsis-height:1.7em; }
#data-list .list-box .li_date { font-weight:300; }

#data-list .list-box .notice-icon { width:30px; height:30px; font-size:.875rem; padding-top:2px; padding-right:1px; background:var(--main-color1); color:#fff; border-radius:99px; display:flex; justify-content:center; align-items:center; }
#data-list .list-box .notice-icon i { transform:rotate(25deg); }

#data-list .list-box li a:hover .img { transform:scale(1.1); }
#data-list .list-box li a:hover .arrow2 { border-color:var(--main-color1); }
#data-list .list-box li a:hover .arrow2:before,
#data-list .list-box li a:hover .arrow2:after { background:var(--main-color1); }

#data-list .list-box li a:hover .li_subject .subject:before { width:100%; }
#data-list .list-box li a:hover .li_sub_title .sub_title:before { width:100%; }


@media (max-width: 1400px) {
	#data-list .list-box { --li-margin:50px; }
    #data-list .list-box .image2 .img { padding-bottom:66%; }
}
@media (max-width: 1200px) {
	#data-list .list-box { --img-w:35%; }
    #data-list .list-box li { padding:35px 40px; }
}

@media (max-width: 1024px) {
	#data-list .list-box { --li-margin:30px; --arrow-size:40px; }
    #data-list .list-box li { padding:20px 25px; }

    #data-list .list-box .li_ca { margin-bottom:15px; }
    #data-list .list-box .li_subject .subject { font-size:1.25rem; max-width:none; }
    #data-list .list-box .li_sub_title .sub_title { font-size:1rem; max-width:none; }	
    #data-list .list-box .li_con { margin:10px 0 20px; }
}

@media (max-width: 767px) {
    #data-list .list-box { border-top:none; --img-w:100%; }
    #data-list .list-box ul { display:flex; justify-content:space-between; flex-wrap: wrap; }
    #data-list .list-box li { padding:0; width:100%; margin:5px; border-bottom:0; }
    #data-list .list-box li a { display:block; padding:0; }

    #data-list .list-box .txt { width:100%; margin:20px 0; }

	#data-list .list-box .arrow2 { display:none; }

    #data-list .list-box .li_con { --ellipsis-height:1.5em; margin-bottom:15px; }
}

@media (max-width: 480px) {
    #data-list .list-box ul { display:block; margin:-5px 0; }
    #data-list .list-box li { padding:0; width:100%; margin:0 0 5px; }
}



/*리스트 스킨*/
.header-title { margin-bottom:70px; text-align:center; }
.header-title .subhead { position:relative; padding-top:10px; font-weight:900; margin-bottom:20px; }
.header-title .subhead:before { content:""; position:absolute; left:0; top:0; height:1px; width:25px; background:#333; left:50%; margin-left:-12.5px; }
.header-title .head { font-size:2.813rem; line-height:140%; margin-bottom:25px; font-weight: 700; }
.header-title .desc { font-size:1.25rem; line-height: 160%; font-weight:300; color:#000; }
.header-title .desc a { color:var(--main-color2); }
.header-title button { padding:5px 20px; background:#222; color:#fff; margin-top:20px; }


@media (max-width: 767px) {
	.header-title { margin-bottom:30px; margin-top:20px; }
	.header-title .subhead { margin-bottom:10px; }
	.header-title .head { font-size:1.75rem; margin-bottom:15px; }
	.header-title .desc { font-size:1rem; }
}

/*리스트 스킨*/


/*본문 뷰*/
/* 게시판 읽기 */
#bo_v { --view-row-padding:30px; --view-col-padding:10px; }
#bo_v .view-head { border-top:1px solid #666; border-bottom:1px solid #ddd; padding:var(--view-row-padding); }
#bo_v .view-head .ctg { display:inline-block; border-radius:99px; padding:5px 20px; border:1px solid var(--main-color1); color:var(--main-color1); margin-bottom:10px; }
#bo_v .view-head .subject { font-size:2rem; font-weight:600; }
#bo_v .view-head .sub-title {width:100%;overflow:hidden;margin-bottom:15px; font-size:1.25rem; font-weight:400; }
#bo_v .view-head .desc { display:flex; margin-top:20px; }
#bo_v .view-head .desc li:not(:last-child) { margin-right:30px; }
#bo_v .view-head .desc li b { margin-right:5px; }


#bo_v .view-file { padding:var(--view-col-padding) var(--view-row-padding); background:#fcfcfc; border-bottom:1px solid #ddd; }
#bo_v .view-file li { padding:5px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
#bo_v .view-file li b { display:flex; align-items:center; }
#bo_v .view-file li img { width:20px; margin-right:5px; }
#bo_v .view-file li .small { margin-left:5px; color:#888; font-weight:400; }
#bo_v .view-file li .btn { border-radius:99px; padding:5px 15px; border:1px solid #666; margin-left:auto; }
#bo_v .view-file li .btn:hover { background:#333; color:#fff; }
#bo_v .view-file li .btn i { font-size:.875rem; }

#bo_v .view-link { padding:var(--view-col-padding) var(--view-row-padding); display:flex; flex-wrap:wrap; align-items:center; margin:0 -5px; }
#bo_v .view-link li { margin:5px; }
#bo_v .view-link li a { display:inline-block; padding:10px 30px; border:1px solid #ddd; border-radius:99px; }
#bo_v .view-link li a:hover { box-shadow:2px 2px 3px rgba(0,0,0,.1); }
#bo_v .view-link li a i { font-size:.875rem; }


#bo_v .view-box { padding:var(--view-row-padding) var(--view-row-padding) calc(var(--view-row-padding) + 20px); }
#bo_v .view-box .view-editor { margin-top:20px; }


#bo_v .view-btn-box { border-top:1px solid #ddd; padding-top:40px; }
#bo_v .view-another ~ .view-btn-box { border-top:none; padding-top:0px; }


@media (max-width: 1024px) {
	#bo_v { --view-row-padding:20px; }
	#bo_v .view-head .subject { font-size:1.5rem; }
}


@media (max-width: 767px) {
	#bo_v { --view-row-padding:15px; --view-col-padding:5px; }
	#bo_v .view-head .ctg { padding:5px 15px; margin-bottom:5px; }
	#bo_v .view-head .desc { margin-top:15px; }

	#bo_v .view-link li { margin:2.5px; }
	#bo_v .view-link li a { padding:5px 15px; }
}

#bo_vc_send_sns { display:inline-block; float:left; }
#bo_vc_sns { display:inline-block; margin:0; padding:0; list-style:none; zoom:1; }
#bo_vc_sns:after {display:block; visibility:hidden; clear:both; content:""; }
#bo_vc_sns li { float:left; margin:0 5px 0 0; }
#bo_vc_sns .sns_li_f { border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px; }
#bo_vc_sns .sns_li_t { border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px; }
#bo_vc_sns .sns_li_off { background:#bbb; }
#bo_vc_sns a { display:inline-block; padding:0 15px 0 5px; }
#bo_vc_sns input { margin:0 5px 0 0; }



/* 이전글&다음글 */
#bo_v .view-another { margin-top:50px; }
#bo_v #bo_comment ~ .view-another { margin-top:0; }
#bo_v .view-another li { border-top:1px solid #ddd; padding:calc(var(--view-row-padding, 30px) - 5px) var(--view-row-padding, 10px); font-size:1.125rem; display:flex; align-items:center; }
#bo_v .view-another li:last-child { border-bottom:1px solid #ddd; }
#bo_v .view-another li span[class*="-tit"] { position:relative; padding-right:70px; margin-right:20px; white-space:nowrap; }
#bo_v .view-another li span[class*="-tit"]:before { content:""; position:absolute; right:20px; width:10px; height:10px; }
#bo_v .view-another li span.prev-tit:before { top:calc(50% - 3px); border-top:1px solid #666; border-left:1px solid #666; transform:rotate(45deg); }
#bo_v .view-another li span.next-tit:before { top:3px; border-bottom:1px solid #666; border-left:1px solid #666; transform:rotate(-45deg); }

#bo_v .view-another li a:hover { text-decoration:underline; }
#bo_v .view-another li span:last-child { color:#aaa; }

@media (max-width: 767px) {
	#bo_v .view-another li { font-size:1rem; }
	#bo_v .view-another li span[class*="-tit"] { padding-right:40px; margin-right:0; }
	#bo_v .view-another li span[class*="-tit"]:before { right:15px; width:8px; height:8px; }

	#bo_v .view-another li span.prev-tit:before { top:calc(50% - 2px); }
	#bo_v .view-another li span.next-tit:before { top:2px; }
}



/* 게시글 전체보기 */
#bo_v ~ #bo_list { margin-top:100px; }
#bo_v ~ header.header,
#bo_v ~ #bo_list .search-box,
#bo_v ~ #bo_list .list-head,
#bo_v ~ #bo_list .list-btn-box { display:none; }

#bo_v .view-btn-box { border-top:1px solid #ddd; padding-top:40px; }
#bo_v .view-another ~ .view-btn-box { border-top:none; padding-top:0px; }

/* 리스트 버튼 디자인 */
.list-btn-box { display:flex; justify-content:center; margin-top:10px; text-align:center; flex-wrap:wrap; width:100%; }
.list-btn-box ul { display:flex; justify-content:center; margin:0 -2px; list-style:none !important; }
.list-btn-box ul li { margin:0 2px; }
.list-btn-box .btn200 { border-radius:99px; border:1px solid #666; outline:none; opacity:1; padding:10px 30px; text-decoration:none; color:#1a1a1a;font-size:16px;}
.list-btn-box .btn200.btn_write { background:#333; color:#fff; }

.list-btn-box .adm-btn { margin-right:auto; }
.list-btn-box .adm-btn .btn200 { padding:10px 20px; }
.list-btn-box i { font-size:.75rem; }

.list-btn-box:not(.write-btn-box) .user-btn { margin-left:auto; }

@media (max-width: 767px) {
    .list-btn-box { margin-top:5px; }
	.list-btn-box ul { margin:5px 0; }
	.list-btn-box .btn200 { padding:5px 20px; }
	.list-btn-box .adm-btn .btn200 { padding:5px 10px; }
	.list-btn-box i { display:none; }
}

/*상세 버튼 디자인*/
.view-btn-box { display:flex; justify-content:center; margin-top:50px; text-align:center; flex-wrap:wrap; width:100%; }
.view-btn-box ul { display:flex; justify-content:center; margin:0 -2px; list-style:none !important; }
.view-btn-box ul li { margin:0 2px; }
.view-btn-box .btn200 { border-radius:99px; border:1px solid #666; outline:none; opacity:1; padding:10px 30px; }
.view-btn-box .btn200.btn_write { background:#333; color:#fff; }

.view-btn-box .adm-btn { margin-right:auto; }
.view-btn-box .adm-btn .btn200 { padding:10px 20px; }
.view-btn-box i { font-size:.75rem; }

.view-btn-box:not(.write-btn-box) .user-btn { margin-left:auto; }

@media (max-width: 767px) {
    .view-btn-box { margin-top:15px; }
	.view-btn-box ul { margin:5px 0; }
	.view-btn-box .btn200 { padding:5px 20px; }
	.view-btn-box .adm-btn .btn200 { padding:5px 10px; }
	.view-btn-box i { display:none; }
}


/*문의하기 버튼 디자인*/
.contact-btn-box {width:100%;margin-top:50px;overflow:hidden;padding:10px 0 10px 0; text-align:center;}
.contact-btn-box .btn200 { border-radius:5px; border:1px solid #666; outline:none; opacity:1; padding:10px 30px; }
.contact-btn-box .btn200.btn_write { background:#333; color:#fff; }

.contact-btn-box .adm-btn { margin-right:auto; }
.contact-btn-box .adm-btn .btn200 { padding:10px 20px; }
.contact-btn-box i { font-size:.75rem; }

.contact-btn-box:not(.write-btn-box) .user-btn { margin-left:auto; }

@media (max-width: 767px) {
    .contact-btn-box { margin-top:15px; }
	.contact-btn-box .btn200 { padding:5px 20px; }
	.contact-btn-box .adm-btn .btn200 { padding:5px 10px; }
	.contact-btn-box i { display:none; }
}

/*문의하기 버튼 디자인*/
.contact-qna-box {width:100%;margin-top:20px;overflow:hidden;padding:10px 0 10px 0; text-align:center;}
.contact-qna-box .btn200 { border-radius:5px; border:1px solid #666; outline:none; opacity:1; padding:10px 90px; }
.contact-qna-box .btn200 {border-radius:5px; border:1px solid #666; outline:none; opacity:1; padding:10px 90px; }
.contact-qna-box .btn200.btn_write { background:#333; color:#fff; }

.contact-qna-box .adm-btn { margin-right:auto; }
.contact-qna-box .adm-btn .btn200 { padding:10px 20px; }
.contact-qna-box i { font-size:.75rem; }

.contact-qna-box:not(.write-btn-box) .user-btn { margin-left:auto; }

@media (max-width: 767px) {
    .contact-qna-box { margin-top:15px; }
	.contact-qna-box .btn200 { padding:5px 60px; }
	.contact-qna-box .adm-btn .btn200 { padding:5px 10px; }
	.contact-qna-box i { display:none; }
}


/* 버튼 효과 */
.btn200[class*="btn-effect"] { position:relative; overflow:hidden; z-index:1; transition-duration:var(--effect-speed, 200ms); }
.btn-effect1 { --effect-size:250px; --effect-color:var(--main-color2, #888); --effect-speed:200ms; }
.btn-effect1:hover { color:#fff !important; border-color:var(--effect-color) !important; background:var(--effect-color); transition-duration:500ms;}
.btn-effect1:hover:before { width:var(--effect-size); height:var(--effect-size); }


.btn-effect2 { --effect-size:-5px; --effect-speed:300ms; }
.btn-effect2:hover { transform:translateY(var(--effect-size)); }


.btn-effect3 { --effect-size1:150px; --effect-size2:200px; --effect-position1:10%; --effect-position2:20%; --effect-color1:var(--main-color2-rgb); --effect-color2:var(--main-color2-rgb); --effect-speed:200ms; --effect-speed1:3s; --effect-speed2:5s; }
.btn-effect3:hover { color:#fff !important; border-color:rgba(var(--effect-color1), 1) !important; }
.btn-effect3:hover:before,
.btn-effect3:hover:after { content:""; position:absolute; }
.btn-effect3:hover:before { width: var(--effect-size1); height: var(--effect-size1); bottom:var(--effect-position1); left: calc(50% - calc(var(--effect-size1)/2)); border-radius: 45%; background: rgba(var(--effect-color1), 0.5); animation: btn_wave var(--effect-speed1) infinite linear; z-index:-1;  }
.btn-effect3:hover:after { width: var(--effect-size2); height: var(--effect-size2); bottom: var(--effect-position2); left: calc(50% - calc(var(--effect-size2)/2)); border-radius: 40%; background: rgba(var(--effect-color2), 0.7); border: 6px solid rgba(255,255,255,0.5); animation: btn_wave var(--effect-speed2) infinite linear reverse; z-index:-2; }

@keyframes btn_wave {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.btn-effect4 { --effect-speed:400ms; --effect-color:var(--main-color1, #333); }
.btn-effect4:before { content:""; position:absolute; left:0; top:0; bottom:0; width:100%; transform:scaleX(0); transform-origin:right center; transition:transform var(--effect-speed); background:var(--effect-color); z-index:-1; }
.btn-effect4:hover:before { transform:scaleX(1); transform-origin:left center; }


.buttons {margin:20px 0; text-align: center;}
.buttons .left-side {float:left; text-align:left;}
.buttons .left-side .total-data{height:43px;padding-top:10px;}
.buttons .left-side .total-data .num{font-size:1rem;font-weight:400;}
.buttons .left-side .total-data .current-page{font-size:1rem;font-weight:400;}
.buttons .left-side .total-data .total-page{font-size:1rem;font-weight:400;}

.buttons .right-side {float:right; text-align:right;}
.buttons .pagebox01 {margin: -22px 0 0 0; padding: 0 145px;}

.addr-btn {padding:8px 10px 8px 10px;margin-left:5px;}

.title-area {width:100%;height:27px;margin:10px 0 10px 0;*zoom:1;padding-top:10px;}
.title-area .title-text {letter-spacing:-1px;font-weight:bold;font-size:18px;}

.rb-divider {float: left;color: #999;position:relative;top:0px;padding: 5px;}
.rb-inline {float: left;}

.rb-margin-bottom {margin-bottom:5px;}
.rb-margin-left {margin-left:5px;}

.rb-floatleft  {float:left;}
.rb-width-30  {float:left;max-width: 30px;}
.rb-width-50  {float:left;max-width: 50px;}
.rb-width-60  {float:left;max-width: 60px;}
.rb-width-70  {float:left;max-width: 70px;}
.rb-width-80  {float:left;max-width: 80px;}
.rb-width-100 {float:left;max-width: 100px;}
.rb-width-120 {float:left;max-width: 120px;}
.rb-width-150 {float:left;max-width: 150px;}
.rb-width-200 {float:left;max-width: 200px;}
.rb-width-250 {float:left;max-width: 250px;}
.rb-width-300 {float:left;max-width: 300px;}
.rb-width-400 {float:left;max-width: 400px;}
.rb-width-500 {float:left;max-width: 500px;}

/*상세분할*/
.view-left {float:left; width:calc(66.66% - 10px);}
.view-right {float:right; width:calc(33.33% - 10px); }

@media (max-width: 767px) {

   .view-left {float:none; width:100%; }
   .view-right {float:none; width:100%; }

}

/*차량옵션분할*/
.car-opt-box {width:100%;overflow:hidden;border:#dfdfdf 1px solid;padding:10px;}

.car-opt-box .car-opt-box1 {float:left; width:calc(33.33%);/*overflow:hidden;*/}
.car-opt-box .car-opt-box2 {float:left; width:calc(33.33%);/*overflow:hidden;*/}
.car-opt-box .car-opt-box3 {float:right; width:calc(33.33%);/*overflow:hidden;*/}

/*박스1*/
.car-opt-box .car-opt-box1 .car-opt-left {float:left; width:calc(49.48%);}
.car-opt-box .car-opt-box1 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}
.car-opt-box .car-opt-box1 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box1 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}

/*박스2*/
.car-opt-box .car-opt-box2 .car-opt-left {float:left; width:calc(49.48%); }
.car-opt-box .car-opt-box2 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}
.car-opt-box .car-opt-box2 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box2 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}

/*박스3*/
.car-opt-box .car-opt-box3 .car-opt-left {float:left; width:calc(49.48%);}
.car-opt-box .car-opt-box3 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}
.car-opt-box .car-opt-box3 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box3 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:16px;}


@media (max-width: 767px) {

.car-opt-box .car-opt-box1 {float:none; width:100%;margin-bottom:15px;}
.car-opt-box .car-opt-box2 {float:none; width:100%;margin-bottom:15px;}
.car-opt-box .car-opt-box3 {float:none; width:100%;margin-bottom:15px;}

}

/*담당자 분할*/
.contact-title { width:90%;border-bottom:#dfdfdf 1px solid;overflow:hidden; font-weight:600;text-align:center;font-size:1.5rem; line-height:1.2; padding:20px 0 20px 0;margin:0 auto 15px auto;}

.contact-box {width:100%;overflow:hidden;padding:5px 0 5px 0;margin-bottom:10px;}
.contact-box .contact-name {float:left; width:calc(33.33% - 10px);font-weight:600;text-align:center;font-size:1rem;}
.contact-box .contact-desc {float:right; width:calc(66.66% - 10px);font-weight:400;text-align:left;font-size:1rem;}

@media (max-width: 767px) {

}

/*상세정보 분할*/
.detail-title { width:100%;border-bottom:#dfdfdf 1px solid;overflow:hidden; font-weight:600;text-align:left;font-size:1.5rem; line-height:1.2; padding:20px 0 20px 0;margin:0 auto 15px auto;}

.detail-box {width:100%;overflow:hidden;padding:5px 0 5px 0;margin-bottom:10px;}

/*박스-4*/
.detail-box .detail-box-four {width:100%;overflow:hidden;margin-bottom:15px;border-bottom:#D5D5D5 solid 1px;}
.detail-box .detail-box-four .detail-div1 {float:left;width:calc(49.49% - 10px);}
.detail-box .detail-box-four .detail-div1 .detail-name{float:left; width:calc(120px - 10px);font-weight:600;padding:10px 0 10px 0;text-align:center;font-size:1rem;background:#ddd;}
.detail-box .detail-box-four .detail-div1 .detail-desc{float:right; width:calc(100% - 120px);font-weight:400;padding:10px 0 10px 0;text-align:left;font-size:1rem;}

.detail-box .detail-box-four .detail-div2 {float:right;width:calc(49.49% - 10px);}
.detail-box .detail-box-four .detail-div2 .detail-name{float:left; width:calc(120px - 10px);font-weight:600;padding:10px 0 10px 0;text-align:center;font-size:1rem;background:#ddd;}
.detail-box .detail-box-four .detail-div2 .detail-desc{float:right; width:calc(100% - 120px);font-weight:400;padding:10px 0 10px 0;text-align:left;font-size:1rem;}

/*박스-2*/
.detail-box .detail-box-two {width:100%;overflow:hidden;margin-bottom:15px;border-bottom:#D5D5D5 solid 1px;}
.detail-box .detail-box-two .detail-name {float:left; width:calc(120px - 10px);font-weight:600;padding:10px 0 10px 0;text-align:center;font-size:1rem;background:#ddd;}
.detail-box .detail-box-two .detail-desc {float:right; width:calc(100% - 120px);font-weight:400;padding:10px 0 10px 0;text-align:left;font-size:1rem;}

@media (max-width: 767px) {

.detail-box .detail-box-four {border-bottom:#D5D5D5 solid 0px;}
.detail-box .detail-box-four .detail-div1 {float:none;width:100%;overflow:hidden;margin-bottom:15px;border-bottom:#D5D5D5 solid 1px;}
.detail-box .detail-box-four .detail-div2 {float:none;width:100%;overflow:hidden;border-bottom:#D5D5D5 solid 1px;}

.detail-box .detail-box-two .detail-desc {padding:0px 0 0px 0;}


}


/*등록화면 추가*/
/*추가 */
.red-i{color:#ef2011; position:relative;top:-4px;}
.black-i{color:#1a1a1a;}
.checkbox-inline span{position:relative;top:-4px;}
.radio-inline span{position:relative;top:-4px;}
.help-box {width:100%;overflow:hidden;margin-top:10px;margin-bottom:5px;text-align:left;font-size:12px;}

.btn-check {font-size:.715rem;}
/*.btn i {font-size:.215rem;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}*/

.i-box1 {width:100%;overflow:hidden;margin-bottom:10px;text-align:left;}
.i-box2 {width:100%;overflow:hidden;margin-bottom:10px;}

.input-box {width:100%;overflow:hidden;margin-bottom:10px;border-bottom:#dfdfdf 1px solid;}
.input-left { float:left; width:calc(12.33% - 10px);height:40px;text-align:left;padding-top:8px;font-size:12px;font-weight:bold;}
.input-left .sbj-input{ position:relative;top:-7px;}
.input-left .sbj-name{ display:none;}
.input-right { float:right; width:calc(87.66% - 10px);}

.collapse-icon {float:left;font-size:14px;}

.title-text {font-size:14px;font-weight:bold;}

.radio-inline {position:relative;top:-10px !important;}

.addr-btn {position:relative;left:-2px;height:34px;border-top-left-radius: 0px 0px !important;border-bottom-left-radius: 0px 0px !important;}

@media (max-width: 767px) {

	.btn-check {height:35px !important;font-size:.415rem;}
	.btn-check-i {font-size:.875rem;}

     .view-right {margin-bottom:10px;}

   .i-box2 {margin-bottom:0px;}

    /* 뉴스등록*/
    .input-box {border:none;}

	.input-left {

	width:30%;
	position:relative;
	border:#dfdfdf 1px solid;
	text-align:center;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;	
    background: linear-gradient(rgba(209, 209, 200, 0.26), white);
	padding-top:15px;

	}

    .input-left .sbj-input{ display:none;}
    .input-left .sbj-name{ display:block;}

	.input-left::before {
        content: '';
        display: block;
        position: absolute;
        bottom: -1px;
        width: 100%;
        left: 0%;
        border-bottom: 1px solid #fff;
		z-index:2;
    }


	.input-right {width:100%;margin-bottom:0px;
		border:#dfdfdf 1px solid;
	    border-top-right-radius: 15px 15px;	
		position:relative;top:-1px;
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:5px;
		position:relative;
		z-index:1;
	
	}

}

@media (max-width: 598px) {

     .input-box {position:relative;}
}


@media (max-width: 550px) {

}

.rb-divider {float: left;color: #999;padding-left: 5px;padding-right: 5px;}
.rb-inline {float: left;}
.rb-width-30  {float:left;max-width: 30px;}
.rb-width-50  {float:left;max-width: 50px;}
.rb-width-60  {float:left;max-width: 60px;}
.rb-width-80  {float:left;max-width: 80px;}
.rb-width-100 {float:left;max-width: 100px;}
.rb-width-120 {float:left;max-width: 120px;}
.rb-width-150 {float:left;max-width: 150px;}
.rb-width-175 {float:left;max-width: 175px;}
.rb-width-180 {float:left;max-width: 180px;}
.rb-width-200 {float:left;max-width: 200px;}
.rb-width-250 {float:left;max-width: 250px;}
.rb-width-260 {float:left;max-width: 260px;}
.rb-width-300 {float:left;max-width: 300px;}
.rb-width-400 {float:left;max-width:400px;}
.rb-width-500 {float:left;max-width: 500px;}


.btn-file {
  position: relative;
  overflow: hidden;
  border-radius:0 0 0 0;
}

.btn-file:hover {
  position: relative;
  overflow: hidden;
  border-radius:0 0 0 0;

}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.btn-file input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/* 리스트 체크박스*/

/* This css is for normalizing styles. You can skip this. */

.check-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.check-group label {
  position: relative;
  cursor: pointer;
}

.check-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.check-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.check-group1 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.check-group1 label {
  position: relative;
  cursor: pointer;
}

.check-group1 label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid rgba(255,67,80,1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.check-group1 input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid rgba(255,67,80,1);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.new-up {position:relative;top:-1px;margin-left:5px;border-radius:50%;padding:4px 6px 2px 6px;}

/*차량옵션분할*/
.car-opt-box {width:100%;overflow:hidden;border:#dfdfdf 1px solid;padding:10px;}

.car-opt-box .car-opt-box1 {float:left; width:calc(33.33%);/*overflow:hidden;*/}
.car-opt-box .car-opt-box2 {float:left; width:calc(33.33%);/*overflow:hidden;*/}
.car-opt-box .car-opt-box3 {float:right; width:calc(33.33%);/*overflow:hidden;*/}

/*박스1*/
.car-opt-box .car-opt-box1 .car-opt-left {float:left; width:calc(49.48%);}
.car-opt-box .car-opt-box1 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}
.car-opt-box .car-opt-box1 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box1 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}

/*박스2*/
.car-opt-box .car-opt-box2 .car-opt-left {float:left; width:calc(49.48%); }
.car-opt-box .car-opt-box2 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}
.car-opt-box .car-opt-box2 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box2 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}

/*박스3*/
.car-opt-box .car-opt-box3 .car-opt-left {float:left; width:calc(49.48%);}
.car-opt-box .car-opt-box3 .car-opt-left .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}
.car-opt-box .car-opt-box3 .car-opt-right {float:right; width:calc(49.48%); }
.car-opt-box .car-opt-box3 .car-opt-right .opt-name {width:100%;margin-bottom:10px;font-weight:600;text-align:center;font-size:12px;}


@media (max-width: 767px) {

.car-opt-box .car-opt-box1 {float:none; width:100%;margin-bottom:15px;}
.car-opt-box .car-opt-box2 {float:none; width:100%;margin-bottom:15px;}
.car-opt-box .car-opt-box3 {float:none; width:100%;margin-bottom:15px;}

}

/* Preview Gallery */
#photo-preview{
   z-index: 99;
   position:absolute;
   border:1px solid #ccc;
   background:#333;
   padding:5px;
   display:none;
   color:#fff;
}


/*CK- EDITOR*/
/*포토파일*/
#ck-upload-list {display:none;}
#ck-upload-list ul {margin:0;padding:0;}
#ck-upload-list ul li{overflow:hidden;width:100%;height:35px;padding:5px 0 5px 0;margin-bottom:2px;}

#ck-upload-list ul li .listbox{padding:5px 5px 5px 5px;}
#ck-upload-list ul li .listbox .name{float:left;padding-left:5px;padding-top:0px;font-size:12px;cursor:pointer;}
#ck-upload-list ul li .listbox .txt{float:right;position:relative;top:-3px;font-size:12px;}
#ck-upload-list ul li .listbox .txt .pd10{margin-right:5px;}

#ck-upload-list ul li .listbox .txt .first-img {position:absolute;top:0;right:40px;} 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"] { display: none; } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"] + label { font-weight: 400; font-size: 14px;cursor:pointer; } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span { display: inline-block; width: 18px; height: 18px; margin: -2px 5px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #ffffff; } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span { background-color: #c5c3c3; border: 2px solid #ffffff; box-shadow: 2px 2px 2px rgba(0,0,0,.1); } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"]:checked + label { color: #333; font-weight: 700; } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"]:checked + label span { background-color: #ff8800; border: 2px solid #ffffff; box-shadow: 2px 2px 2px rgba(0,0,0,.1); } 
#ck-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span, input[type="radio"]:checked + label span { -webkit-transition: background-color 0.24s linear; -o-transition: background-color 0.24s linear; -moz-transition: background-color 0.24s linear; transition: background-color 0.24s linear; }

#ck-upload-list ul li .listbox .txt .delete {position:absolute;top:0;right:5px;} 

/*진짜요 포토파일*/
#jinjjayo-photo-upload-list {display:none;}
#jinjjayo-photo-upload-list ul {margin:0;padding:0;}
#jinjjayo-photo-upload-list ul li{overflow:hidden;width:100%;height:35px;padding:5px 0 5px 0;margin-bottom:2px;}

#jinjjayo-photo-upload-list ul li .listbox{padding:5px 5px 5px 5px;}
#jinjjayo-photo-upload-list ul li .listbox .name{float:left;padding-left:5px;padding-top:0px;font-size:12px;cursor:pointer;}
#jinjjayo-photo-upload-list ul li .listbox .txt{float:right;position:relative;top:-3px;font-size:12px;}
#jinjjayo-photo-upload-list ul li .listbox .txt .pd10{margin-right:5px;}

#jinjjayo-photo-upload-list ul li .listbox .txt .first-img {position:absolute;top:0;right:40px;} 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"] { display: none; } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"] + label { font-weight: 400; font-size: 14px;cursor:pointer; } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span { display: inline-block; width: 18px; height: 18px; margin: -2px 5px 0 0; vertical-align: middle; cursor: pointer; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #ffffff; } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span { background-color: #c5c3c3; border: 2px solid #ffffff; box-shadow: 2px 2px 2px rgba(0,0,0,.1); } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"]:checked + label { color: #333; font-weight: 700; } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"]:checked + label span { background-color: #ff8800; border: 2px solid #ffffff; box-shadow: 2px 2px 2px rgba(0,0,0,.1); } 
#jinjjayo-photo-upload-list ul li .listbox .txt .first-img input[type="radio"] + label span, input[type="radio"]:checked + label span { -webkit-transition: background-color 0.24s linear; -o-transition: background-color 0.24s linear; -moz-transition: background-color 0.24s linear; transition: background-color 0.24s linear; }

#jinjjayo-photo-upload-list ul li .listbox .txt .delete {position:absolute;top:0;right:5px;} 


/*리스트 슬라이더*/
#main-slide { display:flex; background:#fff;margin-bottom:15px; }
#main-slide .swiper-container { width:65%; }

#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .img { position:relative; padding-bottom:60%; transition-duration:200ms; background:none no-repeat center/cover;}
#main-slide .swiper-slide .img::after { content: ""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(to bottom, transparent, rgba(0,0,0,.8)); }

#main-slide .ctrl { width:35%; }
#main-slide .ctrl .pg { position:relative; z-index:1; height:100%; color:#fff; }
#main-slide .ctrl .pg .item { position:relative; width:100%; height:20%; background:rgba(0,0,0,.7); border-radius:0; opacity:1; display:flex; align-items:center; }
#main-slide .ctrl .pg .item:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--main-color3); z-index:-1; }
#main-slide .ctrl .pg .item i { width:0; overflow:hidden; }
#main-slide .ctrl .pg .item .tit { font-size:1.5rem;line-height:22px;transition-duration:200ms; padding:0 20px; max-height:45px; width:65%; white-space:normal; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
#main-slide .ctrl .pg .item .img { width:35%; height:100%; background:none no-repeat center/cover; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active { background:none; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active i { width:auto; padding-left:20px; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active .tit { width:100%; }
#main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:none; }

#main-slide .swiper-slide .content { position:absolute; left:0; right:0; bottom:0; color:#fff; padding:30px; opacity:0; }
#main-slide .swiper-slide .content .head { line-height:1.3; font-size:3rem; font-weight:600; }

#main-slide .swiper-slide-active .content { opacity:1; }


@media (max-width: 1024px) {

    #main-slide .swiper-slide .img { padding-bottom:80%; }

}

@media (max-width: 767px) {
    #main-slide { display:block; }
    #main-slide .swiper-container, #main-slide .ctrl { width:100%; }

    #main-slide .swiper-slide .img { padding-bottom:60%; }
    #main-slide .swiper-slide .img::after { height:70%; }

    #main-slide .ctrl .pg { display:flex; }
    #main-slide .ctrl .pg .item i, #main-slide .ctrl .pg .item .tit { display:none; }

    #main-slide .ctrl .pg .item { opacity:.2; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active { opacity:1; }
    #main-slide .ctrl .pg .item .img { width:100%; height:auto; padding-bottom:70%; }
    #main-slide .ctrl .pg .item.swiper-pagination-bullet-active .img { display:block; }

    #main-slide .swiper-slide .content { padding:15px; }
    #main-slide .swiper-slide .content .head { font-size:1.8rem; }

}


/*탭 카테고리*/
#jinjjayo-category-tab { width:100%;height:51px;overflow:hidden;border-bottom:#dfdfdf 0px solid;margin-bottom:15px;}
#jinjjayo-category-tab .swiper-container { overflow:visible; height:51px;}
#jinjjayo-category-tab .swiper-container li {margin-right:0px;}
#jinjjayo-category-tab .swiper-container li:first-child { margin-left:0px; }
#jinjjayo-category-tab .swiper-container li:last-child { margin-right:0px; }

#jinjjayo-category-tab .swiper-wrapper li a:hover,
#jinjjayo-category-tab .swiper-wrapper li.active a {font-size:16px;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300; background:var(--main-color2); border-color:var(--main-color2); color:#fff; }

#jinjjayo-category-tab .swiper-container li.on {position: relative;}
#jinjjayo-category-tab .swiper-container li.on a {position: relative;}

#jinjjayo-category-tab .swiper-slide {position: relative; padding-left:8px;padding-right:8px; width:auto; }

#jinjjayo-category-tab .swiper-slide a {font-size:16px;color:#333;text-decoration:none;font-family: "Pretendard", sans-serif !important;font-weight:300;position:relative;top:0px; display:flex; align-items:center; height:48px;border:1px solid #ddd; border-radius:99px; padding:3px 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#jinjjayo-category-tab .swiper-slide a:before { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; right:0; opacity: 0; height:3px; width:0; transition-duration: 300ms; }
#jinjjayo-category-tab .swiper-slide:hover a:before, #jinjjayo-category-tab .swiper-slide.on a:before { opacity: 1; }

#jinjjayo-category-tab .nav { position:absolute; top:34%; transform:translateY(-15%); padding:0 5px; cursor:pointer; z-index:3; display:block; }
#jinjjayo-category-tab .nav.prev { left:0; }
#jinjjayo-category-tab .nav.next { right:0; }
#jinjjayo-category-tab .nav.swiper-button-disabled i { opacity:.2; }


@media (max-width: 767px) {

	#jinjjayo-category-tab {}
	#jinjjayo-category-tab .swiper-container {overflow:hidden; }
	/*
	#jinjjayo-category-tab .swiper-slide { margin:0 5px; }
	#jinjjayo-category-tab .swiper-slide a { padding:14px 10px; }
	*/

	#jinjjayo-category-tab:hover .nav { display:block; }
   
}

.check-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.check-group label {
  position: relative;
  cursor: pointer;
}

.check-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #0079bf;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.check-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 2px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0079bf;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/*rolling list*/
.rolling-content {width:400px;margin:0 auto;height:360px;border:#dfdfdf 0px solid;position: relative;overflow: hidden;z-index: 11;font-size: 12px;color: #666;padding: 0; margin-bottom:15px;}
.active.rolling-content {
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.6);
}
/* Feeds */
.rolling-content .tab-inner {height:320px;overflow:hidden;}
.rolling-content .stream {overflow: hidden;}
.rolling-content .tab-inner ul.stream > li {width:100%;height:45px;margin: 0;position: relative;overflow: hidden;background: none;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;}

/*썸네일 타이틀 스몰형*/
.rolling-content .tab-inner ul.stream > li .list-box {width:100%;height:45px;line-height:45px;padding: 0px;overflow:hidden;border-bottom:#dfdfdf 1px solid;}
.rolling-content .tab-inner ul.stream > li .list-box .tit-box {width:calc(66.66% - 10px);float:left;}
.rolling-content .tab-inner ul.stream > li .list-box .tit-box a {margin-bottom: 7px; display: block; overflow: hidden; font-size: 14px; line-height: 45px;color: rgb(31, 33, 35);font-weight:bold;font-family:'맑은 고딕','Malgun Gothic',나눔고딕,돋움,Dotum,굴림,Gulim,'Apple SD Gothic Neo',sans-serif;} 
.rolling-content .tab-inner ul.stream > li .list-box .tit-box a:hover {text-decoration: underline;}
/*
.rolling-content .tab-inner ul.stream > li .list-box .thumb-box {margin: 0px 0px 0px 0px; padding: 5px; overflow: hidden; border: 1px solid rgb(223, 223, 223); width: 100px; height: 80px; box-sizing: border-box; float: left;}
.rolling-content .tab-inner ul.stream > li .list-box .thumb-box .thumb {width: 88px; height: 68px; display: block; overflow: hidden; background-position: center center; background-size: 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
*/
.rolling-content .tab-inner ul.stream > li .list-box .desc {width:calc(33.33% - 10px);float:right;line-height:45px;}
.rolling-content .tab-inner ul.stream > li .list-box .desc .cont {width:100%;overflow:hidden;}
.rolling-content .tab-inner ul.stream > li .list-box .desc .cont {text-align:right;text-decoration: none;letter-spacing: -0.05em;font-size: 13px; line-height: 45px;color: rgb(119, 119, 119);} 
.rolling-content .tab-inner ul.stream > li .list-box .desc .cont:hover {} 

.rolling-content  .loading {background: url('/modules/jinjjayo/themes/default/image/loader.gif') no-repeat 10px center;padding: 10px 30px 10px 42px;}

/* Controls */
.rolling-content .controls {position: absolute;left: 10px;height: 20px;padding: 5px 0;z-index: 12;display: none;background: url('/modules/jinjjayo/themes/default/image/bg_white.png') repeat 0 0;}
.rolling-content .controls ul {padding: 0 10px;}
.rolling-content .controls li {display: inline;}
.rolling-content .controls a {	display: block;width: 20px;height: 20px;float: left;margin-right: 4px;background: url('/modules/jinjjayo/themes/default/image/controls.png') no-repeat 0 0;}
.rolling-content .controls .prev {	background-position: -40px 0;}
.rolling-content .controls .next {background-position: -60px 0;}
.rolling-content .controls .play {background-position: 0 0;}
.rolling-content .controls .pause {background-position: -20px 0;}
.rolling-content .controls .rolling-content-close {background-position: -80px 0;}
.rolling-content .controls .prev:hover {background-position: -40px -20px;}
.rolling-content .controls .next:hover {background-position: -60px -20px;}
.rolling-content .controls .play:hover {background-position: 0 -20px;}
.rolling-content .controls .pause:hover {background-position: -20px -20px;}
.rolling-content .controls .rolling-content-close:hover {background-position: -80px -20px;}
/** Bottom **/
.rolling-content.bottom .controls {bottom: 0;}

/* The animation code */
@keyframes colorchange1 {
  0%   {background-color:#ffffff;}
  50%  {background-color:#f5f5f5;}
  100% {background-color:#ffffff;}
}

/* The element to apply the animation to */
.colorchange {
  background-color: #ffffff;
  animation-name: colorchange1;
  animation-duration: 2s;
  animation-iteration-count: 1;
}