/* 갤러리 */
.sub-title-box{ overflow:hidden; width:100%;}
.sub-title-box .tit-total{font-size:18px; font-weight:bold; float:left; margin-right:10px;}
.sub-title-box .tit-total .point{display:inline-block; color:#2b83c1;}
.sub-title-box .section_top{display:inline-block; float:left!important;}
.sub-title-box .fr.button{padding-right:10px; display:flex; align-items:center; float:right;}
.sub-title-box .fr.button .section_top{float:none!important;}
.btn-tab-change{display:inline-block; margin-left:10px;}
.btn-tab-change .btn-change{display:inline-block; background-position:center; background-repeat:no-repeat; width:25px; height:25px; background-size:contain; vertical-align:bottom;}
.btn-tab-change .btn-change.card{background:url(/images/front/index/img-sub/btn-tab-card.png);}
.btn-tab-change .btn-change.card.on,
.btn-tab-change .btn-change.card:hover{background:url(/images/front/index/img-sub/btn-tab-card-on.png);}
.btn-tab-change .btn-change.table{background:url(/images/front/index/img-sub/btn-tab-table.png);}
.btn-tab-change .btn-change.table.on,
.btn-tab-change .btn-change.table:hover{background:url(/images/front/index/img-sub/btn-tab-table-on.png);}
.tab-change-box{width:100%; margin-top:10px;}
.tab-change-box *{box-sizing:border-box;}
.tab-change-box .tab-change{display:none;}
.tab-change-box .tab-change.on{display:block;}
.tab-card{max-width:1160px; width:100%; margin:0 auto;}
.suggest_wrap3{ overflow: hidden; clear: both; border-top:2px solid #979797;margin-top: 35px; }
.suggest_wrap3 > li{width:100%;  overflow:hidden; padding:17px 10px; border-bottom:1px solid #c4c4c4;}
.suggest_wrap3 > li .sw3-box{display:flex; align-items: center; justify-content:space-between;}
.suggest_wrap3 > li .sw3-box .text-kind{font-size:14px; font-weight:bold; margin-right:20px; width:65px; text-align:center;}
.suggest_wrap3 > li .sw3-box .text-kind.blue{color: #0047bf;}
.suggest_wrap3 > li .sw3-box .text-kind.green{color: #1F8477;}
.suggest_wrap3 > li .sw3-box .text-kind.green2{color: #118614;}
.suggest_wrap3 > li .sw3-box .text-kind.gray{color: #686868;}
.suggest_wrap3 > li .sw3-box .text-kind.pink{color: #ff1a92;}
.suggest_wrap3 > li .sw3-box .now-situ{    border-radius: 50px; text-align: center; width: 75px; font-size: 14px; color: #fff; font-weight: 500; margin: 20px; }
.suggest_wrap3 > li .sw3-box .now-situ.green{background: #717901;}
.suggest_wrap3 > li .sw3-box .sw3-main-info{width:calc(100% - 530px);  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 2; max-width:800px; text-align:left; }
.suggest_wrap3 > li .sw3-box .sw3-main-info .sw3-tit{font-size:20px!important; font-weight:bold; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 2; max-width:800px; text-align:left; width:calc(100% - 530px); display:block;  width:100%; }
.suggest_wrap3 > li .sw3-box .sw3-main-info a.sw3-tit{font-size:20px!important; font-weight:bold; color:#666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 2; max-width:800px; text-align:left; width:calc(100% - 530px); display:block;  width:100%; }
.suggest_wrap3 > li .sw3-box .sw3-main-info .sw3-tit-sub{font-size:16px!important; color:#a1a1a1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 2; max-width:800px; text-align:left; width:calc(100% - 530px); display:block;  width:100%; margin-top:5px;}
.suggest_wrap3 > li .sw3-box .sw3-main-info a.sw3-tit-sub{font-size:16px!important; color:#a1a1a1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp: 2; max-width:800px; text-align:left; width:calc(100% - 530px); display:block;  width:100%; margin-top:5px;}
.suggest_wrap3 > li .sw3-box .sw3-info{float:right; width:300px;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-id{ font-size:14px; color:#666666; font-weight:900; position:relative; padding-left:20px; width:100%; display:block; margin-bottom:3px;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-id::before{position:absolute; content:''; display:inline-block; background:url(/images/front/index/img-sub/ico-man.png) center no-repeat; width:15px; height:15px; top:50%; transform:translateY(-50%); left:0; background-size:contain;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when{display:flex; align-items: center; justify-content: space-between; }
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li{display:flex; align-items: center; justify-content: center;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li .sw-day{ font-size:14px; color:#666666; position:relative; }
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li .count{ font-size:14px; color:#666666; position:relative; padding-left:20px; width:50%;  margin-right:10px;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li .count::before{position:absolute; background-position:center; background-size:contain; background-repeat:no-repeat; content:''; display:inline-block; left:0; top:50%; transform:translateY(-50%);}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li .count.like::before{background:url(/images/front/index/img-sub/ico-like.png); width:15px; height:15px;}
.suggest_wrap3 > li .sw3-box .sw3-info .sw3-when li .count.reple::before{background:url(/images/front/index/img-sub/ico-reple.png); width:15px; height:13px;}

/* 디스크립션 */
.description{width:100%; padding:24px 30px; overflow:hidden; border-top:2px solid #b7bdc6; border-bottom:1px solid #d9dce1; background:#f6f6f8;}
.description .d-tit-01{position:relative; font-size:18px; color:#555555; line-height:24px; padding-left:24px; margin-bottom:10px;}
.description .d-tit-01::before{content:'●'; display:inline-block; position:absolute; left:0; top:0px; font-size:18px;}
.description .d-tit-01:last-child{margin-bottom:0;}

/* 금융인증서 */
.cert-box{width:100%; max-width:310px; padding:20px; background:#f6f6f8; border:1px solid #e6e6e7; text-align:center; margin:0 auto; margin-top:112px;}
.cert-box .certi-img{font-size:0;}
.cert-box .certi-img img{width:100%;}
.cert-box .c-tit-01{font-size:20px; font-weight:bold; color:#555555; line-height:24px; margin-top:25px;}
.cert-box .c-text-01{font-size:16px; color:#555555; line-height:20px; margin-top:14px;}
.cert-box .c-text-01 em{display:block;}
.cert-box .btn_type_more{max-width:130px; width:100%; height:40px; text-align:center; display:inline-block; line-height:38px; color:#ffffff; background:#2a88d1; margin-top:50px; font-size:16px;}

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

    /* 갤러리 */
    .sub-title-box .fl.message{float:unset; text-align:center; margin-bottom:10px;}
    .sub-title-box .fr.button{float:unset; width:100%; text-align:center; margin-bottom:10px;}
    .sub-title-box .fr.button .tit-total{float:left; font-size:16px; margin-right:5px;}
    .sub-title-box .fr.button .section_top{float:right; font-size:14px;}
    .sub-title-box .fr.button .section_top li{padding:0 5px;}
    .sub-title-box .fr.button .section_top a{font-size:14px; line-height:28px;}
    .btn-tab-change{display:block; float:right;}
    .suggest_wrap3 > li{height:210px; position:relative; padding:17px 0;}
    .suggest_wrap3 > li .sw3-box{position:relative; display:block; height: 100%;}
    .suggest_wrap3 > li .sw3-box .text-kind{position:absolute; top:0px; left:0px;}
    .suggest_wrap3 > li .sw3-box .sw3-main-info{overflow:hidden; display:block; width:100%; top:47px; position:absolute;}
    .suggest_wrap3 > li .sw3-box .sw3-main-info .sw3-tit{width:100%;  font-size:18px; }
    .suggest_wrap3 > li .sw3-box .sw3-main-info .sw3-tit-sub{width:100%; font-size:14px; }
    .suggest_wrap3 > li .sw3-box .sw3-main-info a.sw3-tit{width:100%;  font-size:18px; }
    .suggest_wrap3 > li .sw3-box .sw3-main-info a.sw3-tit-sub{width:100%;  font-size:18px; }
    .suggest_wrap3 > li .sw3-box .now-situ{top:0px; position:absolute; right:0; margin:0;}
    .suggest_wrap3 > li .sw3-box .sw3-info{float:unset; position:absolute; width:100%; bottom:0;}
    .suggest_wrap3 > li .sw3-box .sw3-info .sw3-id{margin-bottom:5px;}

    
}

@media screen and (max-width: 640px){
    /* 디스크립션 */
    .description{ padding: 15px;}
    .description .d-tit-01{font-size:14px; line-height:20px; }
    .description .d-tit-01::before{font-size:14px;}

    .cert-box .c-tit-01{font-size:18px;}
    .cert-box .c-text-01{font-size:14px;}

}