@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Poppins:wght@300;500;600;800&display=swap');

.d-wrap{max-width: 1280px; margin: 0 auto; width: 90%;}

.sub-vs {margin: 0 auto; padding-top: 200px;}
.d_sub .tit dl{text-align: center; margin-bottom: 50px; display: none;}
.d_sub.left .tit dl{text-align: left;}
.d_sub .tit dl dt{font-size: 16px; color: #222; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 10px; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
.d_sub .tit dl dt span{font-weight: bold;}
.d_sub .tit dl dd{font-size: 70px; font-weight: 900;}
.sub-vs .subbg{background: url('/criminal/img/traffic_bg.jpg') no-repeat; color: #fff; font-family: "NanumMyeongjo"; padding: 210px 0;}

.sub-vs .subbg .p_bigTag{font-size: 120px; display: block; margin-bottom: 22px; font-weight: 700;}
.sub-vs .subbg .p_bigTag::after{content: ""; display: inline-block; width: 30px; height: 48px; background: url('/criminal/img/comma.png') no-repeat; vertical-align: sub;}
.sub-vs .subbg p:not(.p_bigTag){font-size: 57px; line-height: 1.5;}
.sub-vs .subbg .p1{margin-left: 20%; font-weight: 700;}
.sub-vs .subbg .p2{margin-left: 32%;}
.sub-vs .subbg .p2 span{font-weight: 700;}

@media screen and (max-width: 768px){
    .sub-vs .subbg .p_bigTag{margin-bottom: 0;}
    .sub-vs .subbg .p_bigTag::after{background-size: 60%; vertical-align: -webkit-baseline-middle;}
}


/*구조조정*/

.aniSubVs {padding-top: 0; height: 150vh; position: relative;}

.aniSubVs .imgBg {position: relative; overflow: hidden;}
.aniSubVs .imgBg video {position: absolute; left: 0; top: 0; width: auto; height: auto; min-width: 100%; min-height: 100%;}

.aniSubVs .tit dl{padding-top: 200px; position: fixed; top: 0; left: 0; width: 100%;background: #fff; padding-bottom: 50px; margin-bottom: 0; z-index: 3;}

.aniSubVs .tit dl dt {overflow: hidden;}
.aniSubVs .tit dl dt i {font-style: normal; transform: translateY(100%); animation: start .6s .6s ease-in-out forwards; display: block;}
.aniSubVs .tit dl dd {position: relative; display: inline-block; overflow: hidden;}
.aniSubVs .tit dl dd i {font-style: normal; transform: translateY(100%); animation: start .6s .6s ease-in-out forwards; display: block;}
/* .aniSubVs .tit dl dd::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; animation: barRemove .8s ease-in-out forwards; animation-delay: .6s; transform: translateY(100%);} */

@keyframes start{
    0%{
        transform: translateY(100%);
    }
    100%{
        transform: translateY(0);
    }
}

@keyframes barRemove{
    0% {
        transform: translateY(100%);
    }
    20%{
        transform: translateY(0);
    }
    30%{
        transform: translateY(0);
        width: 100%;
    }
    100%{
        transform: translateY(0);
        width: 0;
    }
}


.aniSubVs .subbg {background: none; padding: 0; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; display: flex; justify-content: center; align-items: center; transition: .6s ease-in-out;}
.aniSubVs .subbg p.smallTag {font-size: 2vw; overflow: hidden;}
.aniSubVs .subbg p.smallTag span {transform: translateY(100%); transition: .6s; display: inline-block;}
.aniSubVs .subbg .p_bigTag::after {visibility: hidden;}
.aniSubVs .subbg p {overflow: hidden; word-break: keep-all;}
.aniSubVs .subbg p i {font-style: normal; display: inline-block; transform: translateY(100%); transition: .6s; transition-property: transform;}

.aniSubVs .subbg .d-wrap { width: 90%;}
.aniSubVs .imgBg {background-size: cover; background-repeat: no-repeat; background-position: top center; position: fixed; top: 0; left: 0; height: calc(100% + 100px); width: 100%;}

.aniSubVs.dlCheck .tit dl {transform: translateY(0);}
.aniSubVs.dlCheck .subbg {transform: translateY(100%);}

.aniSubVs.subBgCheck .p_bigTag::after {visibility: visible;}
.aniSubVs.subBgCheck .subbg {transform: translateY(0);}
.aniSubVs.subBgCheck .subbg p.smallTag span {transform: translateY(0);}
.aniSubVs.subBgCheck .subbg p i {transform: translateY(0);}
.aniSubVs.subBgCheck .subbg p.p1 i {transition-delay: .4s;}
.aniSubVs.subBgCheck .subbg p.p2 i {transition-delay: .8s;}


@media screen and (max-width:768px) {
    .aniSubVs {height: 1400px;}
    .aniSubVs .tit dl {padding-top: 100px;}
}

/*ㅡENDㅡ*/


.contents{overflow-x: hidden; position: relative; z-index: 5; background: #fff;}
.contents .sub_tab{display: flex; justify-content: center; align-items: center; width: 100%; z-index: 2; }
.contents .sub_tab li a{color: #666; padding: 40px 37px; display: block; font-family: "Noto Sans KR", sans-serif; word-break: keep-all;}
.contents .sub_tab li.active a{color: #897256; font-weight: 700;}
.contents .c_list{position: relative; padding: 50px 0 80px; min-height: 900px; }
.contents .c_list .d-wrap{text-align: left; align-items: flex-start;}
.contents .c_list .list_tit {margin-bottom: 50px;}
.contents .c_list .list_tit dt{font-size: 18px; color: #c2a664; margin-bottom: 10px; font-weight: 600;}
.contents .c_list .list_tit dd{font-size: 30px; font-weight: 700; }
.contents .c_list .list_tit h1{font-size: 30px; font-weight: 700; }
/* .contents .c_list .list_con{max-width: 1280px; margin: 0 auto;}  */
.contents .c_list .list_con > li{border-top: 2px solid #000; transition: 0.5s;}
.contents .c_list .list_con > li .lc{display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 30px 20px;}
.contents .c_list .list_con > li:hover .lc span{color: #897256;}
.contents .c_list .list_con > li:hover .lc h2{color: #897256;}
.contents .c_list .list_con > li .lc.active > span{color: #897256; font-size: 26px;}
.contents .c_list .list_con > li .lc.active + .layer{transform: translateX(0);  cursor: initial;}
.contents .c_list .list_con > li .lc span{font-size: 20px; width: 20%; font-weight: 700; transition: 0.3s; word-break: keep-all;}
.contents .c_list .list_con > li .lc h2{font-size: 20px; width: 20%; font-weight: 700; transition: 0.3s; word-break: keep-all;}
.contents .c_list .list_con > li .lc.active > h2{color: #897256; font-size: 26px;}
/* .contents .c_list .list_con > li.active > span{color: #20899f; } */
.contents .c_list .list_con > li > .lc > p{margin-left: 10%; color: #666; line-height: 1.5; width: 60%; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; font-size: 15px;}
.contents .c_list .list_con > li > .lc > h3{font-weight: normal;margin-left: 10%; color: #666; line-height: 1.5; width: 60%; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; font-size: 15px;}
.contents .c_list .list_con > li .lc i{background-image: url('/divorce/img/icon/se3_arrowNext.webp'); background-repeat: no-repeat; width: 47px; height: 47px; background-color: #aaa; background-position: center; transition: 0.3s;}
.contents .c_list .list_con > li:hover .lc i{background-color: #897256;}
.contents .c_list .list_con > li .lc.active i{background-color: #897256;}
.contents .c_list .list_con > li .layer{position: absolute; top: 0; right: 0; width: 63%; height: 100%; background-color: #f6f6f6; transition: 0.8s; transform: translateX(300%); padding: 100px 50px 50px;  z-index: 1; transition-property: transform;}
/* .contents .c_list .list_con > li.active .layer{transform: translateX(0); padding: 100px 50px 50px; cursor: initial;} */
.contents .c_list .list_con > li .layer .ly_in{display: flex; }
.contents .c_list .list_con > li .layer .ly_in .ly_tab{margin-top: 12%; width: 18%;}
.contents .c_list .list_con > li .layer .ly_in .ly_tab li{ position: relative; z-index: 1; display: flex; align-items: center; color: #626262; font-size: 16px; width: 100%; height: 66px; cursor: pointer; margin-bottom: 8px; word-break: keep-all; transition: 0.3s;}
.contents .c_list .list_con > li .layer .ly_in .ly_tab li:last-child{margin-bottom: 0;}
.contents .c_list .list_con > li .layer .ly_in .ly_tab li.on {color: #fff; }
.contents .c_list .list_con > li .layer .ly_in .ly_tab li.on::before{content: ""; display: inline-block; background-color: #c2a664; width: 160%; height: 65px; position: absolute; z-index: -1; left: -12%;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt{margin-left: 50px; width: 90%; max-width: 870px;}
.contents .c_list .list_con > li .layer strong{font-size: 30px; margin-left: 21%;}
.contents .c_list .list_con > li .layer strong::before{content: ""; display: inline-block; width: 40px; height: 40px; background: url('/divorce/img/layer_icon.webp') no-repeat; background-size: cover; background-position: center; vertical-align: middle; margin-right: 20px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{text-indent: -99999px;width: 40px;height: 40px;background: url('/divorce/img/close_btn.webp') no-repeat;background-position: center;background-size: cover;border: none;outline: none;position: absolute;right: 120px;top: 90px;cursor: pointer;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{max-height: 650px; background-color: #fff; overflow-y: auto; padding: 50px; padding-left: 70px; margin-top: 30px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin .p00{margin-bottom: 20px; font-size: 18px; color: #666; word-break: keep-all; line-height: 1.5;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li{margin-bottom: 50px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li:last-child{margin-bottom: 50%;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span{font-size: 24px; font-weight: 700;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p{font-size: 16px; color: #666; margin-top: 15px; line-height: 1.8; word-break: keep-all;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p span{font-size: 16px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p .ch{font-family: "NanumSquareR"; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p .pointer{font-size: 18px; font-weight: 800; color: #666;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li .tbwrap{overflow-x: auto; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table{margin-top: 20px; white-space: nowrap; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table th,
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table tr,
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table td
{border: 1px solid #ccc; padding: 10px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table th{font-size: 18px; background-color: #eee;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt .mCSB_scrollTools .mCSB_draggerRail{background: transparent;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #897256; width: 7px;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul{padding-left:0px;}

/* 2뎁스 li 기본 bullet */
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul li{position:relative;padding-left:10px;margin-bottom:10px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul li::before{content:"•";position:absolute;left:-10px;top:0;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul li:last-child {margin-bottom: 10px;}

/* 원형 숫자 리스트용 */
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul.num-circle {counter-reset: num;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul.num-circle li {counter-increment: num;position: relative;padding-left: 30px;margin-bottom: 10px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li ul.num-circle li::before {content: counter(num);position: absolute;left: 0;top: 2px;width: 20px;height: 20px;border-radius: 50%;background: #414141;color: #fff;font-size: 14px;font-weight: 600;display: flex;align-items: center;justify-content: center;}


.mb_5 {margin-bottom: 5px;}
.mt_5 {margin-top: 5px;}
/* 성범죄전담센터 */
.sub-vs .subbg.scbg{background-image: url('/divorce/img/crime_bg.webp');}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p em{border: 1px solid #666; border-radius: 50%; width: 11px; height: 11px; font-size: 10px; display: inline-block; padding: 2px; text-align: center; line-height: 10px; font-style: normal;}
.contents .c_list .list_con > li .lc .ch00{font-style: normal; font-family: "NanumSquareR";}
.c_list table{width: 100%;}

/* 마약전담센터 */
.sub-vs .subbg.dbg{background-image: url('/divorce/img/drug_bg.webp');}
.subbg.dbg .p1{margin-left: 13%; font-weight: 500;}
.subbg.dbg .p2{margin-left: 16%;}
.subbg.dbg .p1 span{font-weight: 700;}
.sub-vs .subbg p span{font-weight: 700;}

/* 업무분야 */
.sub-vs .subbg.wbg{background-image: url('/divorce/img/detective_bg.webp');}
.sub-vs .subbg.wbg .d-wrap{padding-left: 10%;}
.c_list .tcenter table{text-align: center;}

@media screen and (max-width: 1500px){
    .aniSubVs .subbg .d-wrap{padding-left: 10%;}
    .contents .c_list .list_con > li .layer strong{font-size: 2vw;}
    .contents .c_list .list_con > li .layer .ly_in .ly_tab li{font-size: 15px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt{margin-left: 0;}
}


@media screen and (max-width: 1280px){
    .sub-vs .subbg .p_bigTag{font-size: 80px;}
    /* .sub-vs .subbg p:not(.p_bigTag){font-size: 45px;} */
    .contents .c_list .list_con > li .layer{width: 73%;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span{font-size: 25px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}

    .contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{background-size: 70%; }

    /*상간소송전담센터 추가*/
    .sub-vs .subbg .commaNone .p2{ margin-left: 20%; }

}

@media screen and (max-width: 1000px){
    .aniSubVs .subbg .d-wrap{padding-left: 0;}
    .sub-vs{padding-top: 150px;}
    .d-wrap{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
    .d_sub .tit dl dd{font-size: 8vw;}
    .sub-vs .subbg .p_bigTag{font-size: 10vw;}
    .sub-vs .subbg p:not(.p_bigTag){font-size: 8vw;}
    .sub-vs .subbg .p1{margin-left: 0;}
    .sub-vs .subbg .p2{margin-left: 0;}

    .contents .sub_tab li a{font-size: 14px; padding: 25px;}
    .contents .sub_tab.sub_tab02 li{width: calc(99.9%/4 - 50px/4); margin-right: 0;}
    .contents .sub_tab.sub_tab02 li + li{ margin-left: 10px; }
    .contents .c_list{max-width: 1280px; margin: 0 auto;}
    .contents .c_list .list_con > li .layer strong{font-size: 3vw;}
    .contents .c_list .list_con > li .layer{width: 85%;}
    .contents .c_list .list_tit{margin-bottom: 30px;}
    .contents .c_list .list_tit dt{font-size: 15px;}
    .contents .c_list .list_tit dd{font-size: 25px;}
	.contents .c_list .list_tit h1{font-size: 25px; }
    .contents .c_list .list_con > li .lc span{font-size: 20px;}
	.contents .c_list .list_con > li .lc h2{font-size: 20px;}

    /*상간소송전담센터 추가*/
    .sub-vs .subbg .commaNone .p1,
    .sub-vs .subbg .commaNone .p2{ margin-left: 0;}
}

@media screen and (max-width: 768px){
    .contents .sub_tab{flex-wrap: wrap;}
    .contents .sub_tab li{width: calc(99.9%/3 - 50px/3); margin-right: 10px; text-align: center; word-break: keep-all;}
    
    .contents .sub_tab li a{font-size: 13px; }
    /* .contents .c_list{min-height: 1235px;} */
    .contents .c_list .list_con > li .lc{padding: 20px 10px;}
    .contents .c_list .list_con > li .lc span{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
	.contents .c_list .list_con > li .lc h2{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .contents .c_list .list_con > li > .lc > p{margin-left: 5%; font-size: 13px;}
	.contents .c_list .list_con > li > .lc > h3{margin-left: 5%; font-size: 13px;}
    .contents .c_list .list_con > li .lc i{width: 35px; height: 35px;}
    .contents .c_list .list_con > li .layer strong{margin-left: 0;}
    .contents .c_list .list_con > li .layer .ly_in{display: block;}

    .contents .c_list .list_con > li .layer .ly_in .ly_tab{display: none; width: 100%;}
    .contents .c_list .list_con > li .layer .ly_in .ly_tab li{font-size: 14px; flex: 1; justify-content: center; height: auto; text-align: center; margin-bottom: 0; padding: 10px; border: 1px solid #e1e1e1; font-family: "Noto Sans KR", sans-serif;}

    .contents .c_list .list_con > li .layer .ly_in .ly_tab li.on::before{left: 0; width: 100%; height: 100%;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt{width: 100%; margin-left: 0;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{background-size: 70%;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{margin-top: 15px; padding: 30px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin .p00{font-size: 16px;}

    .contents .c_list .list_con > li .layer .ly_in .ly_tab.tab2 {flex-wrap: wrap;}
    .contents .c_list .list_con > li .layer .ly_in .ly_tab.tab2 li{width: calc(100%/2); flex: none;}
}

@media screen and (max-width: 500px){
    /* .contents .c_list{min-height: 1080px;} */
    .contents .c_list .list_con > li .lc{position: relative; display: block;}
    .contents .c_list .list_con > li .lc span{width: auto; display: block; margin-bottom: 10px;}
	.contents .c_list .list_con > li .lc h2{width: auto; display: block; margin-bottom: 10px;}
    .contents .c_list .list_con > li > .lc > p{width: auto; margin-left: 0; font-size: 13px;}
	.contents .c_list .list_con > li > .lc > h3{width: auto; margin-left: 0; font-size: 13px;}
    .contents .c_list .list_con > li .lc i{width: 25px; height: 25px; background-size: 25%; position: absolute; top: 21%; transform: translateY(-50%); right: 10px;}
    .contents .c_list .list_con > li .layer{width: 100%; padding: 80px 30px 30px;}
    .contents .c_list .list_con > li .layer strong{font-size: 18px; display: inline-block; text-indent: -45px; margin-left: 45px;}
    .contents .c_list .list_con > li .layer strong::before{background-size: 55%; margin-right: 3px;}
    /* .contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{right: 0; top: -15%;} */
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{padding: 30px 25px; max-height: 750px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p, .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p span{font-size: 13px;}
    
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table th{font-size: 14px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li table td{font-size: 13px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin .p00{font-size: 14px;}

    .contents .sub_tab li a{ padding: 10px 5px; }
    .contents .sub_tab li{ width: calc(99.9%/3 - 30px/3); }

    .contents .sub_tab.sub_tab02 li{width: calc(99.9%/2 - 50px/2); margin-right: 0;}
    .contents .sub_tab.sub_tab02 li + li{ margin-left: 0px; }

    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p .pointer{font-size: 16px;}

}

@media screen and (max-height: 901px){
    .contents .c_list .list_con > li .lc{padding: 24px 20px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{max-height: 600px;}
}

/* 온라인상담 _ 1:1 비밀상담 */

.d_sub.left .d-wrap{padding-bottom: 100px; padding-top: 35px;}
.d_sub.left .tit{display: flex; align-items: center; justify-content: space-between;}
/* .d_sub.left .tit dd{font-size: 55px;} */
.d_sub.left .tit .sub_menu{display: flex; align-items: center; justify-content: center;}

.d_sub .sub_menu li{font-size: 16px; color: #888; text-transform: uppercase; font-weight: 400; font-family: "Noto Sans KR", sans-serif;}
.d_sub .sub_menu li i{font-size: 16px; font-weight: 200; vertical-align: middle; margin: 0 10px;}
.d_sub .sub_menu .subwrap{position: relative;}
.d_sub .sub_menu .subwrap {color: #21899f; cursor: pointer;}
.d_sub .sub_menu .subwrap i{color: #fff; background-color: #20899f; border-radius: 50%;}
.d_sub .sub_menu .subwrap .menulist{z-index: 1; position: absolute; background-color: #fff; border-radius: 15px; top: 100%; margin-top: 10px; width: 100%;  box-shadow: 2px 3px 4px #218fa6; padding: 5px;}
.d_sub .sub_menu .subwrap .menulist{display: none;}
.d_sub .sub_menu .subwrap .menulist li a{color: #888; padding: 10px; display: block;}

.d_sub .write_banner{display: flex; align-items: center; justify-content: space-between; background: url(/divorce/img/secret_banner_d.webp) no-repeat; background-size: 100%; color: #fff; background-position: center; padding: 0 50px; height: 160px; margin-bottom: 40px;}
.d_sub .write_banner p{font-size: 26px; line-height: 1.5; word-break: keep-all;}
.d_sub .write_banner p span{font-weight: 600;}
.d_sub .write_banner .write{font-size: 18px;}
.d_sub .write_banner .write a{display: block; color: #fff;}
.d_sub .write_banner .write a span{ font-size: 20px; }
.d_sub .write_banner .write span img{vertical-align: middle; margin-right: 5px;}
.d_sub .write_banner .write figure{display: inline-block; width: 30px; height: 30px; background-color: #c2a664; line-height: 30px; text-align: center; margin-left: 15px;}
.d_sub .write_banner .write figure img{vertical-align: middle;}


.s_listwrap > p{font-size: 18px; font-weight: 600;}
.s_listwrap > p span{color: #897256;}
.s_listwrap .list_table{margin: 20px 0 60px}
.s_listwrap .list_table table{width: 100%; border-top: 2px solid #000; table-layout: auto;}
.s_listwrap .list_table table tr{border-bottom: 1px solid #d9d9d9;}
.s_listwrap .list_table table tr td{text-align: center;  padding: 25px 10px; font-size: 16px; color: #666; white-space: nowrap; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
.s_listwrap .list_table table tr .s_category{color: #c2a664; font-weight: 600; font-family: "Noto Sans KR", sans-serif;}
.s_listwrap .list_table table tr .s_title{text-align: left; cursor: pointer;}
.s_listwrap .list_table table tr .s_title p{display: flex; align-items: center; margin-right: 10px;}
.s_listwrap .list_table table tr .s_title a{font-weight: 600;  font-family: "Noto Sans KR", sans-serif; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.s_listwrap .list_table table tr .s_title img{vertical-align: middle; margin-left: 10px;}
.s_listwrap .list_table table tr .progress span{display: inline-block; width: 80px; height: 38px; line-height: 38px; color: #fff; background-color: #897256;}
.s_listwrap .list_table table tr .progress .p_ing{background-color: #dbdbdb; color: #666;}

.s_page{width: 100%; text-align: center; margin: 40px 0 30px;}
.s_page a{color: #aaa; font-size: 14px; display: inline-block; margin: 0 15px; font-family: "Noto Sans KR", sans-serif;}
.s_page a img{vertical-align: middle;}
.s_page a.on{background: linear-gradient(90deg, rgba(19,30,34,1) 0%, rgba(25,78,90,1) 46%, rgba(29,110,128,1) 100%); color: #fff; border-radius: 50%; width: 30px; height: 30px; line-height: 30px;}

.s_search{width: 100%; text-align: center; display: flex; justify-content: center;}
.s_search select{border: 1px solid #ccc; outline: none; max-width: 125px; color: #888;  font-size: 16px; height: 50px; width: 10%;}
.s_search select option{color: #888; }
.s_search input{max-width: 280px;  font-size: 16px;border: 1px solid #ccc; outline: none; height: 50px; padding: 0 15px; box-sizing: border-box; margin: 0 15px; width: 20%;}
.s_search button{max-width: 120px; background-color: #1a5866; border: none; outline: none; color: #fff; font-size: 16px; height: 50px; width: 10%;}

.secret_pop{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.secret_pop .secret_popbg{position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.secret_pop .popin{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('/divorce/img/secret_popbg.webp') no-repeat; background-size: cover; background-position: center; padding: 50px 30px 70px; text-align: center; max-width: 545px; width: 90%; }
.secret_pop .popin .popclose{background-color: #c2a664; width: 43px; height: 43px; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; cursor: pointer;}
.secret_pop .popin .poptxt > img{margin-bottom: 20px;}
.secret_pop .popin .poptxt > p{font-size: 24px; color: #fff; font-weight: 400; margin-bottom: 20px; font-family: "Noto Sans KR", sans-serif;}
.secret_pop .popin .poptxt > p span{font-weight: 600;}
.secret_pop .popin .poptxt .passwordbox {display: flex; border-radius: 30px; justify-content: center; align-items: center; width: 80%; margin: 0 auto;}
.secret_pop .popin .poptxt .passwordbox input {font-size: 16px; color: #Fff; border: 2px solid #fff; border-right: none; border-radius: 30px 0 0 30px; box-sizing: border-box; outline: none; background: transparent; height: 43px; width: 75%; padding-left: 30px; font-family: "Noto Sans KR", sans-serif;}
.secret_pop .popin .poptxt .passwordbox button {font-size: 16px; color: #Fff; outline: none; border: none; background-color: #c2a664; border-radius: 0 30px 30px 0; cursor: pointer; width: 28%; height: 43px; font-family: "Noto Sans KR", sans-serif;}

@media screen and (max-width: 1280px){
    .d_sub .write_banner p{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .d_sub .write_banner .write{font-size: 14px; font-family: "Noto Sans KR", sans-serif;}
    .d_sub .write_banner .write figure{width: 20px; height: 20px; line-height: 20px;}
    .d_sub .write_banner .write figure img{width: 20%; transform: translateY(-2px);}
}

@media screen and (max-width: 1000px){
    .d_sub.left .tit .sub_menu{margin-bottom: 20px;}
    .d_sub.left .d-wrap{display: block; text-align: left; padding-top: 35px;}
    .d_sub.left .tit dl{text-align: center;}
    .d_sub.left .tit{display: block;}
    .d_sub.left .tit dl{margin-bottom: 20px;}
    .d_sub.left .tit dl{margin-bottom: 20px;} 
    .d_sub .write_banner{display: block; padding: 20px; text-align: center; height: auto; background-size: cover; width: 100%; }
    .d_sub .write_banner p{margin-bottom: 10px;}

    .s_listwrap > p{font-size: 13px; font-family: "Noto Sans KR", sans-serif; font-weight: 400;}

}

@media screen and (max-width: 768px){
    .d_sub .sub_menu li{font-size: 13px;}
    .d_sub .write_banner p{font-size: 13px;}
    .s_listwrap .list_table table tr td{font-size: 13px; padding: 25px 0;}
    .s_listwrap .list_table table tr .s_title{padding-left: 25px;}
    .s_listwrap .list_table table tr .s_title img{width: 10px; flex: 0 0 auto; margin-left: 5px;}
    .s_listwrap .list_table table .s_num,
    .s_listwrap .list_table table .s_date{display: none;}
    .s_listwrap .list_table table tr .s_name{padding-right: 7px;}
    .s_listwrap .list_table table tr .progress span{width: 50px; height: 20px; line-height: 20px;}

    .s_page a{margin: 0 8px;}

    .s_search select{width: 16%; height: 35px; font-size: 13px;}
    .s_search input{width: 35%; height: 35px; font-size: 13px; margin: 0 5px;}
    .s_search button{width: 16%; height: 35px; font-size: 13px;}
}


/* 온라인상담 _ 1:1 비밀상담 신청페이지 */
._titMax dl dt.color{color: #c2a664; font-weight: 600; margin-bottom: 5px;}
._titMax dl dd.font{font-size: 30px; padding-bottom: 20px;}
._titMax dl h1.font{font-size: 30px; padding-bottom: 20px;}

.catelist {display: flex; flex-wrap: wrap; }
.catelist li{margin-right: 45px; font-size: 18px;font-family: 'Noto Sans KR', sans-serif; }
.catelist li input{width: 25px; height: 25px; vertical-align: sub; position: relative; }

.catelist li input[type='radio']:checked{background-color: #194c58; }
.catelist li input::after{content: ""; width: 25px; height: 25px; background-color: #897256; position: absolute; border-radius: 50%; background-image: url('/divorce/img/icon/secretcheck_icon.png'); background-repeat: no-repeat; background-position: center ; display: none; }
.catelist li input[type='radio']:checked::after{display: block;}

.inforlist {margin: 45px 0; display: flex; flex-wrap: wrap; align-items: end;}
.inforlist li{width: calc(99.9%/3 - 50px/3); margin-right: 25px;  position: relative; display: flex; flex-direction: row-reverse; }
.inforlist li:nth-child(-n+3){margin-bottom: 40px;}
.inforlist li:nth-child(4), .inforlist li:nth-child(5){margin-right: 0;}
.inforlist li:nth-child(3){margin-right: 0;}
.inforlist li:nth-child(4){width: 100%;}
.inforlist li span{font-size: 18px;}
.inforlist li label{ transition: 0.4s; white-space: nowrap;}
.inforlist li label::after{content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: #897256; vertical-align: middle; margin: 0 10px;}
.inforlist li input{border: none; outline: none; font-size: 18px; border-bottom: 1px solid #ccc;  width: 100%;}

.inforlist li input:focus{border-bottom: 1px solid #897256;}
.inforlist li input:focus ~ label, .inforlist li input:valid ~ label{top: -24px; font-size: 14px;}

/* 추가 START*/

.inforlist li:nth-child(6) {width: 100%; margin-top: 40px; position: relative; margin-right: 0;}

/* END */


.s_textbox {margin-bottom: 30px;}
.s_textbox textarea{width: 100%; max-height: 250px; height: 250px; outline: none; border: 1px solid #ccc; padding: 30px; box-sizing: border-box; font-size: 16px;}

.s_agreebox {background-color: #f6f6f6; display: flex; justify-content: space-between; padding: 20px 30px; align-items: center;}
.s_agreebox .lef{display: flex; align-items: center;}
.s_agreebox .lef input[type="checkbox"]{width: 20px; height: 20px; border-radius: 50%; appearance: none; border: 1px solid #ccc; transition: 0.2s; padding: 13px; margin-right: 10px; cursor: pointer;}
.s_agreebox .lef input[type="checkbox"]:checked {background-image: url(/divorce/img/icon/secretcheck_icon.png); background-color: #897256; background-repeat: no-repeat; background-position: center; }
.s_agreebox .lef p {font-size: 18px; font-weight: 600;}
.s_agreebox .lef p span{color: #c2a664;}
.s_agreebox .s_open{font-size: 16px; color: #666; border: 1px solid #666; cursor: pointer; padding: 5px 10px; box-sizing: border-box;}

.s_apply{font-size: 18px; cursor: pointer; color: #897256; background-color: transparent; border: 1px solid #897256; outline: none; margin: 0 auto; display: block; margin-top: 40px; width: 280px; height: 68px; line-height: 68px; text-align: left; padding-left: 25px; box-sizing: border-box; font-weight: 600; position: relative;}
.s_apply span::after{content: ""; display: inline-block; width: 10px; height: 18px; background-image: url('/divorce/img/icon/secretapply_arrow_d.webp'); position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: 20px;}

@media screen and (max-width: 1200px){
    .catelist li { width: calc(99.9%/5 - 240px/5); white-space: nowrap; margin-bottom: 10px;
    }
}

@media screen and (max-width: 1000px){
    ._titMax dl dd.font{font-size: 20px;}
	._titMax dl h1.font{font-size: 20px;}
    .d_sub .tit.left dl{text-align: left;}
    .d_sub .tit dl dt.color{font-size: 14px;}
    .d_sub .tit dl dd.font{font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

    .catelist li{font-size: 14px; margin-bottom: 10px;}
    .catelist li input{width: 20px; height: 20px;}
    .catelist li input::after{width: 20px; height: 20px;}
}

@media screen and (max-width: 768px){
    ._titMax dl dd.font{font-size: 20px;}
	._titMax dl h1.font{font-size: 20px;}
    .s_agreebox .lef p{font-size: 14px;}
    .s_agreebox .lef input[type="checkbox"]{width: 16px; height: 16px; padding: 10px;}
    .s_agreebox .s_open{font-size: 13px;}
    .s_apply{width: 150px; height: 50px; line-height: 50px; font-size: 14px;}

    .inforlist{margin: 0; margin-bottom: 45px;}
    .inforlist li{width: 100%; margin-right: 0; align-items: center;}
    .inforlist li:nth-child(2n){margin-right: 0;}
    .inforlist li input{width: 100%;}
    .inforlist li label{width: 100px;}

    .catelist li{ width: calc(99.9%/3 - 65px/3); margin-right: 20px; }
}

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

    .inforlist li{width: 100%;}
    .inforlist li input{padding-bottom: 15px;}
    .inforlist li:nth-child(2){margin-right: 0;}
    .inforlist li label{font-size: 13px;}

    .s_agreebox{display: block; padding: 20px;}
    .s_agreebox .lef{margin-bottom: 10px;}
}

/* 방문상담예약 */
.v_calendar{display: flex;}

.v_calendar .calbox{width: 50%;}
.v_calendar .calselect {width: 50%; margin-left: 50px;}
.v_calendar .calselect > p{font-size: 24px; font-weight: 600; position: relative; word-break: keep-all;}
.v_calendar .calselect > p::before{content: ""; display: inline-block; width: 62px; height: 62px; background: url('/divorce/img/logo/visit_logo.webp') no-repeat; background-position: center; background-size: cover; position: absolute; left: -30px; top: -17px;}
.v_calendar .calselect > p span{color: #897256;}
.v_calendar .calselect .visit_date{margin: 35px 0;}
.v_calendar .calselect .span_{font-size: 18px; display: block; margin-bottom: 20px; color: #000; font-weight: 600;} 
.v_calendar .calselect .visit_date p{font-size: 18px; color: #666; border: 1px solid #666; width: 220px; height: 60px; line-height: 60px; text-align: center;}
.v_calendar .calselect .visit_hour .span_{border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.v_calendar .calselect .visit_hour .hourlist{display: flex; flex-wrap: wrap;}
.v_calendar .calselect .visit_hour .hourlist li{flex: 0 1 23%; margin-right: auto; border: 1px solid #888; text-align: center; border-radius: 30px; padding: 15px; box-sizing: border-box; cursor: pointer; transition: 0.3s; white-space: nowrap;}
/* .v_calendar .calselect .visit_hour .hourlist li:nth-child(4n), .v_calendar .calselect .visit_hour .hourlist li:last-child{margin-right: 0;} */
.v_calendar .calselect .visit_hour .hourlist li:nth-child(-n+12){margin-bottom: 17px;}
.v_calendar .calselect .visit_hour .hourlist li img{vertical-align: middle;}
.v_calendar .calselect .visit_hour .hourlist li span{font-size: 18px; color: #888;}
.v_calendar .calselect .visit_hour .hourlist li::before{content: ""; display: inline-block; width: 22px; height: 22px; background: url('/divorce/img/icon/hour_icon.webp') no-repeat; vertical-align: middle; margin-right: 5px; transition: 0.3s;}
.v_calendar .calselect .visit_hour .hourlist li.on{background-color: #897256; border: 1px solid #897256;}
.v_calendar .calselect .visit_hour .hourlist li.on span{color: #fff;}
.v_calendar .calselect .visit_hour .hourlist li.on::before{background-image: url('/divorce/img/icon/hour_icon_on.webp');}
.v_calendar .calselect .visit_hour .hourlist li:hover{background-color: #897256; border: 1px solid #897256;}
.v_calendar .calselect .visit_hour .hourlist li:hover span{color: #fff;}
.v_calendar .calselect .visit_hour .hourlist li:hover::before{background-image: url('/divorce/img/icon/hour_icon_on.webp');}

.formwrap .inforlist{margin: 60px 0;}
.formwrap .inforlist li{flex: 1; margin-bottom: 0; display: flex; flex-direction: row-reverse; justify-content: flex-end;}
.formwrap .inforlist li:first-child{margin-right: 40px;}
.formwrap .inforlist li:last-child{margin-right: 0;}

/*
.v_calendar .fc-direction-ltr{background-color: #f8f8f8;}
.v_calendar .calbox .fc-h-event{display: none;}
.v_calendar .fc .fc-toolbar.fc-header-toolbar{position: relative; margin-bottom: 0; padding: 20px 0;} 
.v_calendar .fc-direction-ltr .fc-toolbar>*>:not(:first-child){display: none;}
.v_calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2){margin: 0 auto;}
.v_calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3){display: none;}
.v_calendar .fc-theme-standard td, .fc-theme-standard th{border: none;}
.v_calendar .fc .fc-button-group{position: inherit;}
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){position: absolute; left: 30%; top: 20px; background-color: transparent; border: none; }
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){position: absolute; right: 30%; top: 20px; margin-left: 0; background-color: transparent; border: none; }
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child):hover{background-color: transparent; border: none; }
.fc-direction-ltr .fc-button-group>.fc-button .fc-icon-chevron-right:before{content: ""; display: block; width: 12px; height: 14px; background: url('/divorce/img/icon/cal_arrow_next.webp') no-repeat; background-position: center;}
.fc-direction-ltr .fc-button-group>.fc-button .fc-icon-chevron-left:before{content: ""; display: block; width: 12px; height: 14px; background: url('/divorce/img/icon/cal_arrow_prev.webp') no-repeat; background-position: center;}
.fc .fc-button-primary{background-color: transparent; border-color:none;}
.fc .fc-button-primary:hover{background-color: transparent;}
 .v_calendar .fc-theme-standard .fc-scrollgrid{border: none; border-top: 2px solid #000;}
.v_calendar .fc-theme-standard td{border: none;}
.v_calendar .fc-theme-standard th{border: none; padding: 5px 0; border-bottom: 1px solid #ddd;} */

@media screen and (max-width: 1000px){
    .v_calendar{display: block;}
    .v_calendar .calbox{width: auto; text-align: center; margin-bottom: 65px;}
    .v_calendar .calselect{width: auto; margin-left: 0;}
    .v_calendar .calselect > p{font-size: 18px;}
    .v_calendar .calselect > p::before{background-size: 58%;}
    .v_calendar .calselect .visit_date{margin: 20px 0;}
    .v_calendar .calselect .visit_date p{font-size: 16px; width: 150px; height: 50px; line-height: 50px;}
    .v_calendar .calselect .span_{font-size: 16px;}
}

@media screen and (max-width: 768px){
    .v_calendar .calselect > p br{display: none;}
    .v_calendar .calselect .visit_hour .hourlist li{width: calc(99.9%/3 - 40px/3); margin-right: 20px; flex: inherit; padding: 10px;}
    .v_calendar .calselect .visit_hour .hourlist li:nth-child(3n){margin-right: 0;}
    .v_calendar .calselect .visit_hour .hourlist li span{font-size: 14px;}
    .v_calendar .calselect .visit_hour .hourlist li::before{background-size: 80%; margin-right: 0; }

    .formwrap .inforlist{margin: 45px 0;}

}

@media screen and (max-width: 1000px){
    .v_calendar{display: block;}
    .v_calendar .calbox{width: auto; text-align: center; margin-bottom: 65px;}
    .v_calendar .calselect{width: auto; margin-left: 0;}
    .v_calendar .calselect > p{font-size: 18px;}
    .v_calendar .calselect > p::before{background-size: 58%;}
    .v_calendar .calselect .visit_date{margin: 20px 0;}
    .v_calendar .calselect .visit_date p{font-size: 16px; width: 150px; height: 50px; line-height: 50px;}
    .v_calendar .calselect .span_{font-size: 16px;}
}

@media screen and (max-width: 768px){
    .v_calendar .calselect > p br{display: none;}
    .v_calendar .calselect .visit_hour .hourlist li{width: calc(99.9%/3 - 40px/3); margin-right: 20px; flex: inherit; padding: 10px;}
    .v_calendar .calselect .visit_hour .hourlist li:nth-child(3n){margin-right: 0;}
    .v_calendar .calselect .visit_hour .hourlist li span{font-size: 14px;}
    .v_calendar .calselect .visit_hour .hourlist li::before{background-size: 80%; margin-right: 0; }

    .formwrap .inforlist{margin: 45px 0;}

}

/* 고객후기 */
.reviewwrap{margin-bottom: 60px;}
.reviewwrap > p{font-size: 18px; font-weight: 600; margin-bottom: 30px;}
.reviewwrap > p span{color: #897256;}

.reviewwrap .reviewlist{display: flex; flex-wrap: wrap;}
.reviewwrap .reviewlist li{width: calc(99.9%/3 - 60px/3); margin-right: 30px; transition: 0.3s; border: 1px solid #ccc;}
.reviewwrap .reviewlist li:nth-child(-n+3){margin-bottom: 30px;}
.reviewwrap .reviewlist li:nth-child(3n){margin-right: 0;}
.reviewwrap .reviewlist li .r_wrap{ position: relative; display: block; transition: 0.3s;background: url(/divorce/img/review_df_img.webp) no-repeat;background-size: cover;background-position: center; transition: 0.3s; height: 520px;}
/* .reviewwrap .reviewlist li .r_wrap::after{content: ""; display: block; padding-bottom: calc(520/410 * 100%);} */
.reviewwrap .reviewlist li .r_wrap .txtbox{position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 30px; box-sizing: border-box;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_date {font-size: 16px; color: #fff; display: flex;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_date dt{color: #c2a664; text-transform: uppercase;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_date dt::after{content: ""; display: inline-block; width: 1px; height: 10px; background-color: #c2a664; margin: 0 10px;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_date dd{color: #666;}
.reviewwrap .reviewlist li .r_wrap .txtbox strong{display: block; margin: 25px 0 30px; font-size: 22px; line-height: 1.5; word-break: keep-all; margin-top: 0;}
.reviewwrap .reviewlist li .r_wrap .txtbox h2{display: block; margin: 25px 0 30px; font-size: 22px; line-height: 1.5; word-break: keep-all; margin-top: 0;}
.reviewwrap .reviewlist li .r_wrap .txtbox .imgbox{background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px;}
.reviewwrap .reviewlist li .r_wrap .txtbox .imgbox::after{content: ""; display: block; padding-bottom: calc(230/360 * 100%);}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_name{font-size: 16px; display: flex; background-color: #f6f6f6; padding: 20px; font-weight: 600; font-family: "Noto Sans KR", sans-serif;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_name dt{color: #c2a664;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_name dt::after{content: ""; display: inline-block; width: 1px; height: 10px; background-color: #c2a664; margin: 0 10px;}
.reviewwrap .reviewlist li .r_wrap .txtbox .r_name dd{color: #666;}
.reviewwrap .reviewlist li:hover .r_wrap{background: url('/divorce/img/slideListOver.webp') no-repeat; background-size: cover; background-position: center; height: 520px;}
.reviewwrap .reviewlist li:hover .r_wrap .txtbox .r_date dd{color: #fff;}
.reviewwrap .reviewlist li:hover .r_wrap .txtbox strong{color: #fff;}
.reviewwrap .reviewlist li:hover .r_wrap .txtbox h2{color: #fff;}
.reviewwrap .reviewlist li:hover .r_wrap .txtbox .r_name{background-color: rgba(0,0,0,0.2);}
.reviewwrap .reviewlist li:hover .r_wrap .txtbox .r_name dd{color: #fff;}

@media screen and (max-width: 1000px){
    .reviewwrap .reviewlist li{width: calc(99.9%/2 - 20px/2); margin-right: 20px;}
    .reviewwrap .reviewlist li:nth-child(-n+4){margin-bottom: 30px;}
    .reviewwrap .reviewlist li:nth-child(3n){margin-right: 20px;}
    .reviewwrap .reviewlist li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width: 768px){
    .reviewwrap > p{font-size: 14px; font-family: "Noto Sans KR", sans-serif;}
    .reviewwrap .reviewlist li .r_wrap{height: 420px;}
    .reviewwrap .reviewlist li:hover .r_wrap{height: 420px;}
    .reviewwrap .reviewlist li .r_wrap .txtbox .r_date{font-size: 13px;}
    .reviewwrap .reviewlist li .r_wrap .txtbox strong{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
	.reviewwrap .reviewlist li .r_wrap .txtbox h2{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .reviewwrap .reviewlist li:hover .r_wrap .txtbox strong{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .reviewwrap .reviewlist li .r_wrap .txtbox .r_name{font-size: 13px; padding: 12px;}
}

@media screen and (max-width: 600px){
    .reviewwrap .reviewlist li{width: 100%; margin-right: 0; margin-bottom: 20px;}
    .reviewwrap .reviewlist li:nth-child(3n){margin-right: 0;}
    .reviewwrap .reviewlist li:last-child{margin-bottom: 0;}
    .reviewwrap .reviewlist li .r_wrap{height: 475px;}
    .reviewwrap .reviewlist li:hover .r_wrap{height: 475px;}
}

@media screen and (max-width: 400px){
    .reviewwrap .reviewlist li .r_wrap{height: 430px;}
    .reviewwrap .reviewlist li:hover .r_wrap{height: 430px;}
}

/* 고객후기 뷰페이지 */
.d_sub .tit dl dd.font{word-break: keep-all;}

.review_view{ border-bottom: 1px solid #ccc; padding: 20px 0 30px; margin-bottom: 45px; padding-top: 20px;}
.review_view .r_view{color: #666; font-size: 18px; display: flex; align-items: center; font-weight: 600; margin-bottom: 30px;}
.review_view .r_view  dt{margin-right: 50px;}
.review_view .r_view img{margin-right: 10px; vertical-align: middle;}
.review_view .lawlist {background-color: #f6f6f6; display: flex; align-items: center; padding: 15px 30px;}
.review_view .lawlist li{width: 18%; margin-right: 30px;}
.review_view .lawlist li a{display: flex; align-items: center;}
.review_view .lawlist li a .lawimg{background-repeat: no-repeat; background-size: 120%; max-width: 60px; border-radius: 50%; width: 100%; background-color: #888; background-position: 50% 0; min-width: 30px; margin-right: 15px;}
.review_view .lawlist li a .lawimg::after{content: ""; display: block; padding-bottom: 100%;}
.review_view .lawlist li a dl dt{font-size: 16px; color: #c2a664; margin-bottom: 5px; font-weight: 500; font-family: "Noto Sans KR", sans-serif;}
.review_view .lawlist li a dl dd{font-weight: 500; font-size: 15px; font-family: "Noto Sans KR", sans-serif;}
.review_view .lawlist li a dl dd span{font-weight: 800;font-size: 20px; } 
.review_view .view_contents{margin-top: 45px;}
.review_view .view_contents .reviewimg{margin-bottom: 50px; text-align: center;}.review_view .view_contents > span{display: block; font-size: 18px; font-weight: 800; color: #897256; margin-bottom: 15px;}
.review_view .view_contents > p{font-size: 18px; color: #666; line-height: 1.5;}
.review_view .view_contents > p > img{width: auto !important; height: auto !important; margin-bottom: 20px;}
.review_view .view_contents .replytxt{margin-top: 40px; background-color: #f6f6f6; padding: 30px; display: flex; align-items: flex-start;}
.review_view .view_contents .replytxt img{margin-right: 15px;}
.review_view .view_contents .replytxt p{color: #333; font-size: 18px; line-height: 1.5;}

.reviewbtn {display: flex; justify-content: space-between; align-items: center;}
.reviewbtn li:first-child, .reviewbtn li:last-child{width: 30%; }
.reviewbtn li:first-child:hover, .reviewbtn li:last-child:hover{transition: 0.5s;}
.reviewbtn li .btnwrap{cursor: pointer;}
.reviewbtn li .btnwrap span{font-size: 16px; text-transform: uppercase; font-weight: 800; letter-spacing: 0.2em;}
.reviewbtn li:first-child .btnwrap span{color: #999;}
.reviewbtn li:first-child .btnwrap i{color: #999;}
.reviewbtn li .btnwrap i{vertical-align: middle; font-size: 28px;}
.reviewbtn li:nth-child(3) .btnwrap{text-align: right;}
.reviewbtn .r_listbtn a{background-color: #000; display: block; }
.reviewbtn li .overtitle{visibility: hidden; }
.reviewbtn li p.overtitle{text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap; font-weight: 600; font-family: "Noto Sans KR", sans-serif;}
.reviewbtn li:first-child:hover .overtitle, .reviewbtn li:last-child:hover .overtitle{visibility: visible;}

.secretbtn {display: flex; justify-content: center; align-items: center;}
.secretbtn li {border: 1px solid #000; width: 160px; height: 60px; text-align: center; line-height: 60px;cursor: pointer; margin-right: 20px; position: relative;}
.secretbtn li:last-child{margin-right: 0;}
.secretbtn li button, .secretbtn li a{font-size: 18px; font-weight: 600; font-family: "Noto Sans KR", sans-serif; transition: 0.3s;}
.secretbtn li a{display: block;}
.secretbtn li button{outline: none; border: none; background-color: transparent; cursor: pointer; }
.secretbtn li:first-child{border: 1px solid #21899f;}
.secretbtn li:first-child button{color: #21899f;}
.secretbtn li:nth-child(2){border: 1px solid #a78d4d;}
.secretbtn li:nth-child(2) button{color: #a78d4d;}

.secretbtn li::before{content: ""; display: block; width: 0; height: 100%; background-color: #21899f; position: absolute; top: 0; left: 0; transition: 0.3s; z-index: -1;}
.secretbtn li:nth-child(2):before{background-color: #a78d4d;}
.secretbtn li:nth-child(3):before{background-color: #000;}
.secretbtn li:hover::before{width: 100%; }
.secretbtn li:hover button, .secretbtn li:hover a{color: #fff; z-index: 1;}

@media screen and (max-width: 1000px){
    .review_view .lawlist li{width: 27%;}
    .review_view .lawlist li a{display: block;}
    .review_view .lawlist li a .lawimg{max-width: 40px; margin-bottom: 10px;}
    .review_view .lawlist li a dl dt{font-size: 13px;}
    .review_view .lawlist li a dl dd{font-size: 14px;}

    .review_view .view_contents .reviewimg{margin-bottom: 20px;}
    .review_view .view_contents > p{font-size: 14px;}
    .review_view .view_contents .replytxt p{font-size: 13px;}

    .secretbtn li button, .secretbtn li a{font-size: 15px;}
}

@media screen and (max-width: 768px){
    .secretbtn li{width: 100px; height: 40px; line-height: 40px; margin-right: 8px;}
    .secretbtn li button, .secretbtn li a{font-size: 13px;}
}


/* 성공사례 */
.successwrap .selectbox{background-color: #f2f2f2; border-radius: 50px; display: flex; height: 64px; width: 100%;}
.successwrap .selectbox select{width: 15%; outline: none; border: none; background-color: #f2f2f2; border-radius: 50px 0 0 50px; font-size: 18px; color: #999; padding: 0 30px; font-family: 'Noto Sans KR', sans-serif;}
.successwrap .selectbox input{border: none; outline: none; background-color: #f2f2f2; width: 70%; font-size: 18px; color: #999; padding-left: 30px; font-family: 'Noto Sans KR', sans-serif;} 
.successwrap .selectbox button{width: 15%; border: none; outline: none; background: linear-gradient(328deg, rgba(28,24,17,1) 23%, rgba(95,77,55,1) 81%); width: 15%; border-radius: 0 50px 50px 0; font-size: 18px; color: #fff; cursor: pointer; font-family: 'Noto Sans KR', sans-serif;}

.successwrap .s_keyword{margin: 30px 0 50px; font-size: 18px;padding: 0 38px; box-sizing: border-box;}
.successwrap .s_keyword span{ font-weight: 800; margin-right: 50px;}
.successwrap .s_keyword a{color: #888; font-weight: 600; margin-right: 20px;}
.successwrap .s_keyword a:last-child{margin-right: 0;}

.successwrap .sc_slide li.swiper-slide {background-image: url('/divorce/img/slideListOverW02.webp');background-size: cover;background-repeat: no-repeat;display: flex;flex-direction: column;justify-content: center;box-sizing: border-box;position: relative;transition: 0.5s;background-color: #fff;transition-property: color, background;}
.successwrap .sc_slide li.swiper-slide a{color: #000;display: block;padding: 70px 25px 60px;}
.successwrap .sc_slide li.swiper-slide dl{margin-bottom: 30px;}
.successwrap .sc_slide li.swiper-slide dl dt{font-size: 18px; color: #c2a664; font-weight: 800; margin-bottom: 15px;}
.successwrap .sc_slide li.swiper-slide dl dt img{vertical-align: middle; margin-right: 10px;}
.successwrap .sc_slide li.swiper-slide dl dd{font-size: 22px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; margin-top: 10px; font-weight: bold;}
.successwrap .sc_slide li.swiper-slide a > p{font-size: 16px; color: #666; line-height: 1.3; margin-top: 30px; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-family: "Noto Sans KR", sans-serif;
}
.successwrap .sc_slide li.swiper-slide .more{position: absolute;right: 0;top: 0;width: 60px;height: 60px;color: #fff;background: #c2a664; flex-direction: column; align-items: center; justify-content: center; font-size: 0.9rem; display: none;}
.successwrap .sc_slide li.swiper-slide-active .more{display: flex;}
.successwrap .sc_slide li.swiper-slide-active .more i{font-size: 25px;}
.successwrap .sc_slide li.swiper-slide .result{font-size: 1.6rem; margin-top: 20px; background: #f6f6f6; padding: 20px; white-space: nowrap;
}
.successwrap .sc_slide li.swiper-slide .result li, .sc_listwrap .result li{display: flex; align-items: center; font-size: 1.6rem; font-family: "Noto Sans KR", sans-serif;}
.successwrap .sc_slide li.swiper-slide .result li + li, .sc_listwrap .result li + li{margin-top: 10px;}
.successwrap .sc_slide li.swiper-slide .result li h2, .sc_listwrap .result li h2{font-size: inherit;
 color: #c2a664; padding-right: 10px; margin-right: 10px; position: relative; font-weight: 600;}
 
.successwrap .sc_slide li.swiper-slide .result li dt, .sc_listwrap .result li dt{font-size: inherit;
 color: #c2a664; padding-right: 10px; margin-right: 10px; position: relative; font-weight: 600;}
 
.successwrap .sc_slide li.swiper-slide .result li h2::after, 
.successwrap .sc_slide li.swiper-slide .result li dt::after, 
.sc_listwrap .result li h2::after
{content: "";  position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 50%;width: 1px; background: #c2a664;}
.successwrap .sc_slide li.swiper-slide .result li p, .sc_listwrap .result li p{color: #222;}

.successwrap .sc_slide li.swiper-slide:hover, .successwrap .sc_slide li.swiper-slide-active{background-image: url(/divorce/img/slideListOver.webp);}
.successwrap .sc_slide li.swiper-slide:hover dl dt,  .successwrap .sc_slide li:hover dl dd, .successwrap .sc_slide li.swiper-slide:hover a > p{color: #fff;}
.successwrap .sc_slide li.swiper-slide-active dl dt, .successwrap .sc_slide li.swiper-slide-active dl dd, .successwrap .sc_slide li.swiper-slide-active a >  p{color: #fff;}
.successwrap .sc_slide li.swiper-slide:hover .more{display: flex;}
.successwrap .sc_slide li.swiper-slide:hover .result{background-color: rgba(0, 0, 0, 0.2);}
.successwrap .sc_slide li.swiper-slide-active .result{background-color: rgba(0, 0, 0, 0.2);}
.successwrap .sc_slide li.swiper-slide:hover .result li p{color: #fff;}
.successwrap .sc_slide li.swiper-slide-active .result li p{color: #fff;}

.successwrap .arrow-box{margin-top: 45px; display: flex; align-items: center; }
.successwrap .arrow-box a{display: inline-block; background-repeat: no-repeat; background-position: center;}
.successwrap .arrow-box a.prev,  .successwrap .arrow-box a.next{width: 44px; height: 44px; flex: 0 0 auto;}
.successwrap .arrow-box a.prev{background-color: #dedede; background-image: url('/divorce/img/icon/se3_arrowPrev.webp');}
.successwrap .arrow-box a.next{margin-left: 8px; background-color: #c2a664; background-image: url('/divorce/img/icon/se3_arrowNext.webp');}
.successwrap .arrow-box .page{height: 1px; width: 100%; background: #ccc; position: relative;}
.successwrap .arrow-box .page .swiper-scrollbar-drag{position: absolute; height: 34px; border-radius: 100%; border: 1px solid #c2a664; top: 50%; margin-top: -17px; background: none;}
.successwrap .arrow-box .page .swiper-scrollbar-drag::before{content: ""; width: 7px; height: 7px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #c2a664;}

.sc_listwrap{margin: 95px 0 60px;}
.sc_listwrap > p{font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.sc_listwrap > p span{color: #c2a664;}
.sc_listwrap .sc_list{border-top: 2px solid #000;}
.sc_listwrap .sc_list > li a{display: flex; align-items: center;  padding: 35px 50px; border-bottom: 1px solid #ccc; cursor: pointer; transition: 0.3s;}
.sc_listwrap .sc_list > li dl dt{font-size: 50px; font-weight: 800;}
.sc_listwrap .sc_list > li dl dd{font-size: 16px; color: #242424; font-family: "Noto Sans KR", sans-serif; font-weight: 300; text-align: center;}
.sc_listwrap .sc_list > li .sc_title{width: 135%; margin: 0 50px;}
.sc_listwrap .sc_list > li .sc_title span{display: block; font-size: 18px; color: #c2a664;}
.sc_listwrap .sc_list > li .sc_title strong{font-size: 22px; display: block; margin: 10px 0 17px;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.sc_listwrap .sc_list > li .sc_title .scin h2{font-size: 22px; display: block; margin: 10px 0 17px;display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.sc_listwrap .sc_list > li .sc_title p{font-size: 16px; color: #666;     display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
/* .sc_listwrap .result{width: 16%;} */
.sc_listwrap .sc_list > li:hover{background-color: #fbf1e5;}

@media screen and (max-width: 1000px){
    .successwrap .selectbox{height: 38px;}
    .successwrap .selectbox select{width: auto; font-size: 13px;}
    .successwrap .selectbox input{font-size: 13px;}
    .successwrap .selectbox button{font-size: 13px;}

    .successwrap .s_keyword{font-size: 13px; padding: 0; font-family: "Noto Sans KR", sans-serif;}
    .successwrap .s_keyword span{margin-right: 20px;}
    .successwrap .s_keyword a{margin-right: 10px;}

    .sc_listwrap .sc_list > li dl{display: none;}
    .sc_listwrap .sc_list > li a{display: block; padding: 20px 0;}
    .sc_listwrap .sc_list > li .sc_title{width: 100%; margin-bottom: 15px; margin-left: 0;}
    .sc_listwrap .sc_list > li .sc_title span{font-size: 14px;}
    .sc_listwrap .sc_list > li .sc_title strong{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
	.sc_listwrap .sc_list > li .sc_title .scin h2{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .sc_listwrap .sc_list > li .sc_title p{font-size: 13px;}
    .sc_listwrap .sc_list .result li h2, .sc_listwrap .sc_list .result li dt, .sc_listwrap .sc_list .result li p{font-size: 13px;}
	
    .sc_listwrap .result{width: 100%; display: flex;}
    .sc_listwrap .result li:first-child{margin-right: 10px;}
    .sc_listwrap .result li + li{margin-top: 0;}
}

@media screen and (max-width: 768px){
    .successwrap .selectbox select{ padding: 0 13px; }
}

/* 성공사례 뷰페이지 */
.review_view .sc_contents{display: flex; margin-top: 80px;}
.review_view .sc_contents .lawlist{background-color: transparent; width: 32%; padding: 0; display: block; margin-right: 55px;}
.review_view .sc_contents .lawlist li{width: auto;}
.review_view .sc_contents .lawlist li:first-child{margin-right: 0;}
.review_view .sc_contents .lawlist .result{display: flex; align-items: center; margin-top: 25px;background-color: #f6f6f6; padding: 20px 30px; position: relative;}
.review_view .sc_contents .lawlist .result::after{content: ""; display: block; width: 280px; height: 119px; background: url('/divorce/img/ryuheon_titimg.webp') no-repeat; position: absolute; right: 0; top: -67px;}
.review_view .sc_contents .lawlist .result dt{font-size: 20px; font-weight: 600; margin-right: 20px; }
.review_view .sc_contents .lawlist .result dt::before{content: ""; display: inline-block; width: 24px; height: 24px; background: url(/divorce/img/sc_view_icon.webp) no-repeat; vertical-align: middle; margin-right: 5px;}
.review_view .sc_contents .lawlist .result dd{font-size: 16px; color: #222;}
.review_view .sc_contents .lawlist .imglist{display: flex; margin-top: 30px;}
.review_view .sc_contents .lawlist .imglist li{flex: 1; margin-right: 20px; cursor: pointer; position: relative;}
.review_view .sc_contents .lawlist .imglist li:nth-child(2n){margin-right: 0;}
.review_view .sc_contents .lawlist .imglist li .scimg{background-position: center; background-size: cover; background-repeat: no-repeat; border: 1px solid #ccc; transition: 0.3s;}
.review_view .sc_contents .lawlist .imglist li .scimg::after{content: ''; display: block; padding-bottom: calc(274/194 * 100%);}
.review_view .sc_contents .lawlist .imglist li::after{content: ""; display: block; width: 32px; height: 32px; background: url('/divorce/img/icon/sc_search_icon_d.webp') no-repeat; position: absolute; right: 10px; top: 10px;} 
.review_view .sc_contents .lawlist .imglist li:hover .scimg{border: 1px solid #2e90a5;}

.review_view .sc_contents .view_contents{width: 64%; margin-top: 0; margin-left: auto;}
.review_view .sc_contents .view_contents ul li{margin-bottom: 65px;}
.review_view .sc_contents .view_contents ul li strong{font-size: 28px; color: #897256; font-weight: 800; display: block; margin-bottom: 25px;}
.review_view .sc_contents .view_contents ul li p{font-size: 18px; color: #666; line-height: 1.3; word-break: keep-all;}

.review_view .sc_contents .view_contents ul li h2{font-size: 28px; color: #897256; font-weight: 800; display: block; margin-bottom: 25px;}
.review_view .sc_contents .view_contents ul li h3{font-weight: normal;font-size: 18px;line-height: 1.5; color: #666; word-break: keep-all;}

.modal-wrap{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: none; z-index: 9999;}
.modal-wrap .modal-bg{background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%;}
.modal-wrap .closebtn{width: 30px; height: 30px; cursor: pointer; position: absolute; right: 0; top: -30px; background-color: #000;}
.modal-wrap .closebtn span{position: absolute; width: 18px; height: 2px; top: 48%; left: 20%; background-color: #fff; transform: rotate(45deg);}
.modal-wrap .closebtn span:nth-child(2){transform: rotate(-45deg);}
.modal-wrap .modal-in{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.modal-wrap .modal-in img{width: 100%; height: 100%;}

@media screen and (max-width: 1000px){
    .review_view .sc_contents{display: block;}
    .review_view .sc_contents .lawlist{width: 50%; margin-right: 0; margin-bottom: 70px;}
    .review_view .sc_contents .view_contents{width: auto;}
    .review_view .sc_contents .view_contents ul li{margin-bottom: 30px;}
    .review_view .sc_contents .view_contents ul li strong{font-size: 18px; margin-bottom: 10px;}
    .review_view .sc_contents .view_contents ul li p{font-size: 16px;}
	
	.review_view .sc_contents .view_contents ul li h2{font-size: 18px; margin-bottom: 10px;}
    .review_view .sc_contents .view_contents ul li h3{font-size: 16px;}
}
@media screen and (max-width: 768px){
    .review_view .sc_contents .view_contents ul li strong{font-size: 16px; }
    .review_view .sc_contents .view_contents ul li p{font-size: 13px;}
	
	.review_view .sc_contents .view_contents ul li h2{font-size: 16px;font-family: "Noto Sans KR", sans-serif;font-weight: 600; }
    .review_view .sc_contents .view_contents ul li h3{font-size: 13px;}
}

@media screen and (max-width: 500px){
    .review_view .sc_contents .lawlist{width: 95%;}
}

/* 형사소송 */

.tit_con .d-wrap{position: relative;}

.d_sub.left .dt_wrap{padding-top: 0;}
.tit_con .d-wrap .dtbg{background-repeat: no-repeat; background-size: cover; background-position: center; height: 500px;}
.tit_con .d-wrap .title{padding-left: 50px; padding-top: 57px;  background-size: cover; background-color: #fff; width: 100%; position: absolute; top: 0; right: 0; width: 92%; padding-bottom: 85px;}
.tit_con .d-wrap .title dl dt{font-size: 18px; margin-bottom: 10px; font-weight: 600; word-break: keep-all;}
.tit_con .d-wrap .title dl dd{font-size: 42px; font-weight: 800;}
.tit_con .d-wrap .title .d-tab{margin: 25px 0 40px; display: inline-flex; align-items: center; background-color: #1a5866; padding: 20px 30px; border-radius: 30px;}
.tit_con .d-wrap .title .d-tab li{color: #fff; font-weight: 400; cursor: pointer; font-family: "Noto Sans KR", sans-serif;}
.tit_con .d-wrap .title .d-tab li:first-child::after{content: ""; display: inline-block; width: 1px; height: 20px; background-color: #fff; vertical-align: middle; margin: 0 15px;}
.tit_con .d-wrap .title .d-tab li.on{font-weight: 600;}
.tit_con .d-wrap .title .d-contents > div{display: none;}
.tit_con .d-wrap .title .d-contents > div.on{display: block;}

.tit_con .d-wrap .title .d-contents > div p{font-size: 16px; line-height: 1.5; font-family: "Noto Sans KR", sans-serif; font-weight: 300; word-break: keep-all;}

.support_con{margin: 100px 0 120px; background: url('/divorce/img/detective_sp_bg.webp') no-repeat; background-size: cover; background-position: center;}
.support_con .d-wrap .imgwrap{text-align: center; margin-bottom: 170px; position: relative; z-index: 1; padding-top: 5%;}
.support_con .d-wrap .imgwrap::before{content: ""; display: block; width: 508px; height: 368px; background: url('/divorce/img/detective_obj_bg.webp') no-repeat; background-position: center; position: absolute; top: 10%; left: 50%; transform: translateX(-57%); z-index: -1;}
.support_con .d-wrap .txtwrap{padding: 0 95px 75px;}
.support_con .d-wrap .txtwrap dt{font-size: 42px; margin-bottom: 30px; position: relative; z-index: 1; display: inline-block; font-weight: 600;}
.support_con .d-wrap .txtwrap dt::after{content: ""; display: block; width: 100%; height: 27px; background-color: #ebe5d8; position: absolute; bottom: 0; z-index: -1;}
.support_con .d-wrap .txtwrap dt span{font-weight: 800;}
.support_con .d-wrap .txtwrap dd{font-size: 16px; line-height: 1.5; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}

.type_con .d-wrap{text-align: center; padding-bottom: 120px;}
.type_con .d-wrap .tit{margin-bottom: 30px;}
.type_con .d-wrap .tit strong{font-size: 42px; font-weight: 600; display: block; margin-bottom: 20px;}
.type_con .d-wrap .tit strong span{font-weight: 800; }
.type_con .d-wrap .tit p{font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
.type_con .d-wrap .imglist{display: flex; justify-content: center; height: 100%;}
.type_con .d-wrap .imglist .first, .type_con .d-wrap .imglist .second{display: flex;}
.type_con .d-wrap .imglist > div a{display: block; position: relative; transition: 0.3s;}
.type_con .d-wrap .imglist > div a span{position: absolute; left: 20px; bottom: 20px; color: #fff; font-size: 24px; transition: 0.3s;}
.type_con .d-wrap .imglist > div a .overtxt{opacity: 0; position: absolute; bottom: 20px; left: 20px; color: #fff; transition: 0.3s; z-index: 1;}
.type_con .d-wrap .imglist > div a .overtxt dl dt{font-size: 24px; text-align: left; margin-bottom: 15px;}
.type_con .d-wrap .imglist > div a .overtxt dl dd{font-size: 15px;}
.type_con .d-wrap .imglist > div a .overtxt dl dd i{vertical-align: middle;}
.type_con .d-wrap .imglist > div a::after{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(26,88,102,0.6); position: absolute; top: 0; left: 0; opacity: 0; transition: 0.3s;}
.type_con .d-wrap .imglist > div a:hover span{opacity: 0;}
.type_con .d-wrap .imglist > div a:hover::after{opacity: 1;}
.type_con .d-wrap .imglist > div a:hover .overtxt{opacity: 1;}

@media screen and (max-width: 1150px){
    .support_con .d-wrap .txtwrap{padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 1000px){
    .d_sub.left .dt_wrap{padding-bottom: 0;}
    .tit_con{margin-top: 35px;}
    .tit_con .d-wrap{display: block;}
    .tit_con .d-wrap .title{text-align: left;}
    .support_con .d-wrap .txtwrap{padding: 0; padding-bottom: 5%;}
}
@media screen and (max-width: 768px){
    .tit_con .d-wrap .dtbg{height: 325px;}
    .tit_con .d-wrap .title{ padding-top: 29px; padding-left: 33px;}
    .tit_con .d-wrap .title .titin{padding: 0 10px;}
    .tit_con .d-wrap .title dl dt{font-size: 14px;}
    .tit_con .d-wrap .title dl dd{font-size: 16px;}
    .tit_con .d-wrap .title .d-tab{padding: 10px 20px; margin: 15px 0 25px;}
    .tit_con .d-wrap .title .d-tab li{font-size: 13px;}
    .tit_con .d-wrap .title .d-contents > div p{font-size: 13px;}
    .tit_con .d-wrap .title .d-contents > div p br{display: none;}

    .support_con{height: auto; padding: 30px 0; margin: 70px 0;}
    .support_con .d-wrap .imgwrap{padding-top: 0; margin-bottom: 73px;}
    .support_con .d-wrap .imgwrap::before{width: 76%; background-size: 85%; top: -15%;}
    .support_con .d-wrap .txtwrap{text-align: left;}
    .support_con .d-wrap .txtwrap dt{font-size: 20px; margin-bottom: 20px;}
    .support_con .d-wrap .txtwrap dd{font-size: 13px; word-break: keep-all;}
    .support_con .d-wrap .txtwrap dd br{display: none; }

    .type_con .d-wrap .tit strong{font-size: 25px;}
    .type_con .d-wrap .tit p{font-size: 14px;}

    .type_con .d-wrap .imglist .first, .type_con .d-wrap .imglist .second{display: block;}
    .type_con .d-wrap .imglist div a span{font-size: 16px; left: 11px; bottom: 8px;}
    .type_con .d-wrap .imglist div a .overtxt{bottom: 5px; left: 10px;}
    .type_con .d-wrap .imglist div a .overtxt dl dt{font-size: 16px; margin-bottom: 6px;}
    .type_con .d-wrap .imglist div a .overtxt dl dd{font-size: 13px;}

}

@media screen and (max-width: 500px){
    .tit_con .d-wrap .title{padding-left: 14px; padding-bottom: 46px;}
}

@media screen and (max-width: 320px){
    .tit_con .d-wrap .title dl dt{font-size: 13px;}
    .tit_con .d-wrap .title .d-tab{padding: 8px 4px; margin: 10px 0 9px;}
}

/* 올인원 솔루션 */
.d_sub.left .d-wrap.allin{padding-bottom: 0;}
.allbg {background: url('/divorce/img/allinone_bg.webp') no-repeat; background-position: center; background-size: cover; padding: 255px 0; margin-top: 38px;}
.allbg .d-wrap dl {color: #fff; }
.allbg .d-wrap dl dt{font-size: 24px; margin-bottom: 20px; font-family: "Noto Sans KR", sans-serif; font-weight: 300;}
.allbg .d-wrap dl dd{font-size: 57px; font-weight: 600;}

.alltab {width: 100%; border-bottom: 1px solid #ccc; background: #fff;}
.alltab .sub_tab{display: flex; justify-content: center; align-items: center; }
.alltab .sub_tab li{color: #666; padding: 40px 44px; cursor: pointer; font-family: "Noto Sans KR", sans-serisf; transition: .6s font-weight;}
.alltab .sub_tab li.on{color: #5f4d37; font-weight: 700;}

.allcon{padding: 165px 0 100px; }
.allcon .d-wrap .alllist > li {margin-bottom: 170px;}
.allcon .d-wrap .alllist > li:last-child{margin-bottom: 0;}
.allcon .d-wrap .alllist > li dl {margin: 0 auto 130px; color: #5f4d37; text-align: center; border-radius: 100px; border: 2px solid #5f4d37; width: 520px; height: 110px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.allcon .d-wrap .alllist > li dl::before{content: ""; display: block; width: 16px; height: 260px; background: url('/divorce/img/allin_obj.webp') no-repeat; background-position: center; background-size: cover; position: absolute;}
.allcon .d-wrap .alllist > li dl dd{font-weight: 800; font-size: 24px; margin-top: 5px;}
.allcon .d-wrap .alllist > li dl h2{font-weight: 800; font-size: 24px; margin-top: 5px;}
.allcon .d-wrap .alllist > li .flex{display: flex; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 50px; margin-bottom: 40px;}
.allcon .d-wrap .alllist > li .flex.reverse{flex-direction: row-reverse; justify-content: space-between;}
.allcon .d-wrap .alllist > li .flex .lef{width: 50%;}
.allcon .d-wrap .alllist > li .flex .lef img{width: 100%;}
.allcon .d-wrap .alllist > li .flex .rig{margin-left: 45px;}
.allcon .d-wrap .alllist > li .flex.reverse .rig{margin-left: 0;}
.allcon .d-wrap .alllist > li .flex .rig strong{font-size: 35px; display: block; margin-bottom: 25px; word-break: keep-all;}
.allcon .d-wrap .alllist > li .flex .rig h2{font-size: 35px; display: block; margin-bottom: 25px; word-break: keep-all;}
.allcon .d-wrap .alllist > li .flex .rig p{line-height: 1.8; font-weight: 600; font-family: "Noto Sans KR", sans-serif; word-break: keep-all;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li{border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li:last-child{border-bottom: none;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li > span{font-size: 25px; color: #a78d4d; font-weight: 600; display: block; margin-bottom: 20px; word-break: keep-all;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li:nth-of-type(2) > span{ margin-top: 20px; }
.allcon .d-wrap .alllist > li .txtlist .txtin > li > span::before{content: ""; display: inline-block; width: 34px; height: 33px; background: url('/divorce/img/all_justi_icon.webp') no-repeat; vertical-align: middle; margin-right: 10px;}

.allcon .d-wrap .alllist > li .txtlist .txtin > li:nth-of-type(2) > h3{ margin-top: 20px; }
.allcon .d-wrap .alllist > li .txtlist .txtin > li > h3{font-size: 25px; color: #a78d4d; font-weight: 600; display: block; margin-bottom: 20px; word-break: keep-all;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li > h3::before{content: ""; display: inline-block; width: 34px; height: 33px; background: url('/divorce/img/all_justi_icon.webp') no-repeat; vertical-align: middle; margin-right: 10px;}

.allcon .d-wrap .alllist > li .txtlist .txtin > li:last-child > span::before{content: ""; display: inline-block; width: 25px; height: 25px; background: url('/divorce/img/all_justi_icon.webp') no-repeat; vertical-align: middle; margin-right: 10px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt{padding-left: 3%;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt li{font-weight: 400; color: #444; margin-bottom: 20px; line-height: 1.8; font-family: "Noto Sans KR", sans-serif; word-break: keep-all;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt li:last-child{margin-bottom: 0;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt .lasttxt{margin-top: 20px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt .lasttxt li span{color: #666; font-weight: 600; background-color: #eee; border-radius: 10px; padding: 5px 20px; display: inline-block; margin-bottom: 10px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt .lasttxt li{text-indent: 0;}

/*이혼하고싶어요 페이지 추가*/
@media screen and (max-width: 1500px){
    .allcon .d-wrap .alllist > li .flex .rig p br{ display: none; }
    .allcon .d-wrap .alllist > li .flex .rig{ width: 50%; }
}

@media screen and (max-width: 1250px){
    ._titMax dl dd.alltitle{font-size: 5rem;}
}

@media screen and (max-width: 1000px){
    .allbg{padding: 118px 0; }
    .allbg .d-wrap dl{word-break: keep-all;}
    .allbg .d-wrap dl dt{font-size: 4vw;}
    .allbg .d-wrap dl dd{font-size: 7.3vw;}

    .alltab .sub_tab li{font-size: 13px;}
    .allcon .d-wrap .alllist > li dl{width: 200px; height: 50px; margin-bottom: 100px; font-family: "Noto Sans KR", sans-serif;}
    .allcon .d-wrap .alllist > li dl::before{background-size: 64%;}
    .allcon .d-wrap .alllist > li dl dt{font-size: 13px;}
	.allcon .d-wrap .alllist > li dl h2{font-size: 13px;}
    .allcon .d-wrap .alllist > li dl dd{font-size: 16px; font-weight: 600;}

    .allcon .d-wrap .alllist > li{margin-bottom: 100px;}
    .allcon .d-wrap .alllist > li .flex{display: block;}
    .allcon .d-wrap .alllist > li .flex .lef{width: 100%; margin-bottom: 20px;}
    .allcon .d-wrap .alllist > li .flex .rig{margin-left: 0; width: 100%;}
}

@media screen and (max-width: 768px){
    ._titMax dl dd.alltitle{font-size: 4rem;}
    .alltab .sub_tab li{padding: 20px 10px; font-size: 13px;}
    .allcon .d-wrap .alllist > li .flex{padding-bottom: 30px; margin-bottom: 30px;}
    .allcon .d-wrap .alllist > li .flex .rig strong{font-size: 20px; margin-bottom: 15px;}
	.allcon .d-wrap .alllist > li .flex .rig h2{font-size: 20px; margin-bottom: 15px;}
    .allcon .d-wrap .alllist > li .flex .rig p{font-size: 14px; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; font-weight: 400;}
    .allcon .d-wrap .alllist > li .flex .rig p br{display: none;}

    .allcon .d-wrap .alllist > li .txtlist .txtin > li > span{font-size: 18px; font-family: "Noto Sans KR", sans-serif; font-weight: 500;}
    .allcon .d-wrap .alllist > li .txtlist .txtin > li > span::before{background-size: 60%; background-position: center; margin-right: 0;}
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt{font-size: 14px;}
	
	.allcon .d-wrap .alllist > li .txtlist .txtin > li > h3{font-size: 18px; font-family: "Noto Sans KR", sans-serif; font-weight: 500;}
    .allcon .d-wrap .alllist > li .txtlist .txtin > li > h3::before{background-size: 60%; background-position: center; margin-right: 0;}

    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span{font-size: 18px; font-family: "Noto Sans KR", sans-serif; font-weight: 500;}
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span::before{background-size: 60%; background-position: center; margin-right: 0;}
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt{font-size: 14px;}

    .allbg{padding: 80px 0;}
}

@media screen and (max-width: 320px){
    .alltab .sub_tab li{ padding: 10px 5px; }
}

/*올인원 추가*/

    .alltab {position: relative;}
    .alltab .bar {width: 100%; position: absolute; bottom: 0; height: 2px; background: #1a6271;}

    .allcon .d-wrap .alllist > li .flex .lef {position: relative; overflow: hidden;}
    .allcon .d-wrap .alllist > li .flex .lef .coloron {position: absolute; top: 0; left: 0; opacity: 0; transition: .6s opacity;}

    .allcon .d-wrap .alllist > li .flex .lef.start .coloron {opacity: 1;}

@media screen and (max-width: 400px){
    .alltab .sub_tab{flex-wrap: wrap; justify-content: center;}
    .alltab .sub_tab li{width: calc(99.9%/3 - 20px/3); margin-right: 10px; word-break: keep-all;}
    .alltab .sub_tab li:nth-child(3), .alltab .sub_tab li:nth-child(5){margin-right: 0;}
}

/*END*/



/* 성공사례 키워드 검색결과 페이지 */
.s_searchwrap{background: url('/criminal/img/s_search_bg.png') no-repeat; width: 100%; background-position: center; background-size: cover; height: auto; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; padding: 25px 0;}
.s_searchwrap img{width: 17%;}
.s_searchwrap dl{margin-top: 15px;}
.s_searchwrap dl dt{font-size: 30px; font-weight: 600; margin-bottom: 10px;}
.s_searchwrap dl dt span{color: #998358; font-weight: 800;}
.s_searchwrap dl dd{font-size: 20px; font-weight: 300;}

.s_searchwrap p{margin-top: 10px; line-height: 1.3; font-family: 'Noto Sans KR', sans-serif;}

.searbtn{margin: 0 auto;background-color: #c2a664; border-radius: 10px; width: 200px; height: 50px; line-height: 50px; margin-top: 30px; display: block; text-align: center;}
.searbtn span{font-size: 18px; color: #fff; }

@media screen and (max-width: 1000px){
    .s_searchwrap img{width: auto;}
}

@media screen and (max-width: 768px){
    /* .s_searchwrap{height: 125px;} */
    .s_searchwrap img{width: 36%;}
    .s_searchwrap dl dt{font-size: 18px;}
    .s_searchwrap dl dd{font-size: 16px;}
    .s_searchwrap p{font-size: 15px;}

    .searbtn{width: 150px; height: 40px; line-height: 40px;}
    .searbtn span{font-size: 15px; }
}

/*이혼하고싶어요 페이지*/
.subLay .allWrap{ background-color: #fff; position: relative; }

.sub-vs .subbg .wanna_d .p1{ margin-left: 0; font-weight: 500;}
.sub-vs .subbg .wanna_d .p2{ margin-left: 15%; font-weight: 800;}
.goodL{ display: flex; justify-content: center; align-items: center; }
.allcon .d-wrap .alllist > li .txtlist .txtin .goodL{ border-bottom: 0; }
.goodL_r{ margin-left: 50px; }
.allcon .d-wrap .alllist > li .txtlist .txtin .reverse{ flex-direction: row-reverse;}
.allcon .d-wrap .alllist > li .txtlist .txtin .reverse img{ margin-left: 20px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span{font-size: 25px; color: #a78d4d; font-weight: 600; display: block; margin-bottom: 20px;}
.allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span::before{content: ""; display: inline-block; width: 34px; height: 33px; background: url('/divorce/img/all_justi_icon.webp') no-repeat; vertical-align: middle; margin-right: 10px;}

@media screen and (max-width: 1000px){
    .aniSubVs .subbg p.p1 i{ font-size: 6vw; }
    .aniSubVs .subbg p.p2 i{ font-size: 6vw; }
    .sub-vs .subbg .wanna_d .p2{ margin-left: 0; }
    .goodL_r{ margin-left: 0; }

    .goodL{ display: block; }
    .goodL img{ margin-bottom: 25px; }

    .allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt li br{ display: none; }
}

@media screen and (max-width: 768px){
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span{ font-size: 18px; font-weight: 500; }
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span::before { background-size: 60%; background-position: center; margin-right: 0;
    }
    .allcon .d-wrap .alllist > li .txtlist .txtin > li:last-child > span::before{ background-size: 80%; background-position: center; margin-right: 5px; }
    .allcon .d-wrap .alllist > li .txtlist .txtin .reverse img{ margin-left: 0;  margin-bottom: 20px; }
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt{ padding-left: 0; }
}


/*0418수정사항 장여지*/
.reviewbtn li:last-child:hover .overtitle{visibility: visible; text-align: right;}

    
/* 0419_최다희 */
.ly_txt .oj{margin-bottom: 80px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ {position: relative; margin-bottom: 35px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ span{font-size: 24px;color: #715c41;font-weight: 800;position: relative;border-bottom: 1px solid #715c41;padding-bottom: 15px;margin-bottom: 15px;display: block;width: 295px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ span::after{content: "";display: block;width: 8px;height: 8px;background-color: #715c41;border-radius: 50%;position: absolute;bottom: -4px;right: 0;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img{position: absolute;  bottom: 0; transform: translateX(263px);}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ p{font-size: 14px; color: #888; line-height: 1.3;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_  .weight{font-size: 16px; color: #666; margin-bottom: 14px;}

.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj03{bottom: -24px; transform: translateX(278px);}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj04{transform: translateX(277px);}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj05{transform: translateX(277px); bottom: -14px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj06{transform: translateX(276px);}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj07{transform: translateX(302px); bottom: -16px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj08{transform: translateX(259px); bottom: -16px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj09{transform: translateX(279px); bottom: -30px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj10{transform: translateX(277px); bottom: -1px;}

@media screen and (max-width: 768px){
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ span{font-size: 18px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ .weight{font-size: 14px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ p{font-size: 13px;}
}

@media screen and (max-width: 480px){
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ span{width: auto; font-size: 16px;}
}


/*0420 검수 수정사항 _장여지*/
.reviewwrap .reviewlist li .r_wrap .txtbox strong{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.reviewwrap .reviewlist li .r_wrap .txtbox h2{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.successwrap .sc_slide li.swiper-slide .result li p, .sc_listwrap .result li p{ display: block; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.reviewwrap .reviewlist li .r_wrap .txtbox .r_name dt{ white-space: nowrap; }
.contents .c_list .d-wrap .list_con{ width: 100%; }


/* 업무분야 모바일 폰트 수정 */
@media screen and (max-width: 768px){
    .contents .c_list .list_con > li .lc.active > span{font-size: 18px;}
	.contents .c_list .list_con > li .lc.active > h2{font-size: 18px;}
    .t-pro .alltab li{font-size: 16px;}
    .t-pro .alltab li:first-child{margin-right: 95px;}
}

/* 업무분야 강조 폰트 수정 */
.point_{background-color: #ab8c4a; color: #fff; }
.point2{color: #a47d2a;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p .fontsz{ font-size: 20px; font-family: 'Noto Sans KR', sans-serif;}
.fontsz{font-size: 20px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p{ font-family: "Noto Sans KR", sans-serif; }
.fontcol{ color: #a28d6e; font-weight: 600;  }

/*전담센터 및 업무분야 공통 메인 텍스트 스타일 수정*/
.sub-vs .subbg .p_bigTag{font-size: 100px;}
.aniSubVs .subbg p.p1 i,
.aniSubVs .subbg p.p2 i{ font-size: 55px; line-height: 1.5; }
.aniSubVs .subbg .p2{ margin-left: 0; }
.sub-vs .subbg .p1{ margin-left: 0; }


@media screen and (max-width: 1300px){
    .aniSubVs .subbg p.p1 i,
    .aniSubVs .subbg p.p2 i{ font-size: 3.5vw; }
    .sub-vs .subbg p:not(.p_bigTag){ font-size: 3vw; }
    .sub-vs .subbg .p_bigTag{font-size: 7vw;}
}

@media screen and (max-width: 1000px){
    .aniSubVs .subbg p.p1 i,
    .aniSubVs .subbg p.p2 i{ font-size: 3.9vw; }
    .sub-vs .subbg p:not(.p_bigTag){ font-size: 3.5vw; }
}


/*상간소송 절차 추가*/
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj10{transform: translateX(277px); bottom: 25px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj11{transform: translateX(277px); bottom: 26px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj12{transform: translateX(295px); bottom: 30px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj13{transform: translateX(275px); bottom: -20px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj14{transform: translateX(310px); bottom: 38px;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img.oj15{transform: translateX(277px); bottom: 46px;}




/*전담센터 이미지처리*/
.contents .c_list .list_con > li .layer strong{ color: #fff; word-break: keep-all; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{ background-color: rgba(0, 0, 0, 0.2); color: #fff; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p{ color: #fff; }
.contents .c_list .list_con > li .layer .ly_in .ly_tab li{ color: #fff; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ span{ color: #cf9d5a; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ p{ color: #dadada; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{ background: url(/divorce/img/close_btn_W.webp) no-repeat; }
.contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ .weight{ color: #dadada; }


.contents .c_list .list_con > li .requebg{ background: url(/divorce/img/requebg.webp) no-repeat; }
.contents .c_list .list_con > li .ifsuebg{ background: url(/divorce/img/ifsuebg.webp) no-repeat; }
.contents .c_list .list_con > li .inheritbg{ background: url(/divorce/img/inheritbg.webp) no-repeat; }
.contents .c_list .list_con > li .dyingbg{ background: url(/divorce/img/dyingbg.webp) no-repeat; }
.contents .c_list .list_con > li .adultbg{ background: url(/divorce/img/adultbg.webp) no-repeat; }
.contents .c_list .list_con > li .biobg{ background: url(/divorce/img/biobg.webp) no-repeat; }
.contents .c_list .list_con > li .agreebg{ background: url(/divorce/img/agreebg.webp) no-repeat; }
.contents .c_list .list_con > li .trialbg{ background: url(/divorce/img/trialbg.webp) no-repeat; }
.contents .c_list .list_con > li .elderbg{ background: url(/divorce/img/elderbg.webp) no-repeat; }
.contents .c_list .list_con > li .factobg{ background: url(/divorce/img/factobg.webp) no-repeat; }
.contents .c_list .list_con > li .divolawbg{ background: url(/divorce/img/divolawbg.webp) no-repeat; }


/*전담센터 등 동영상 밝기 처리*/
.aniSubVs .imgBg::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.2; z-index: 1;}
.aniSubVs .imgBg.setBg video {left: 50%; top: 50%; transform: translate(-50%,-50%);}


/*전담센터 등 타이틀 텍스트 위치조정*/
.sub-vs .subbg .wanna_d .p2{ margin-left: 0; }


/*0428 이혼 검수 수정사항*/
    /*이혼하고싶어요 탭 line 색깔*/
    .alltab .bar{ background: #5f4d37; }

    /*이혼하고싶어요 '좋은 변호사를 알아보려면' 텍스트 강조 수정*/
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span.point_{ border-bottom: #cf9d5a solid 1px; color: #fff; font-weight: 600; font-size: 16px; margin-bottom: 0; display:inline; }
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span.point_::before{ display: none; }
    .allcon .d-wrap .alllist > li .txtlist .txtin > li .goodL_r span{ word-break: keep-all; }

    @media screen and (max-width: 768px){
        .allcon .d-wrap .alllist > li .txtlist .txtin > li .innertxt li span.point_{ font-size: 14px; }
    }

    /*전담센터 절차 아이콘 위치조정 및 모바일상 안보이게 처리*/
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img{ transform: translateX(280px); }

    @media screen and (max-width: 1000px){
        .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin li .tit_ img{ display: none; }
    }

    /*전담센터 모바일상 서브메뉴 간격 조정*/
    @media screen and (max-width: 1000px){
        .contents .sub_tab li a{ padding: 15px;}

        .contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{background-position: center; background-size: 55%;}
    }
    @media screen and (max-width: 500px){
        .contents .sub_tab li a{ padding: 10px 0; }
    }


/* 0429 전담센터 제목 수정 */
/* .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span::before{content: ""; display: inline-block; width: 31px; height: 30px; background: url('/criminal/img/icon/pen-icon.png') no-repeat; vertical-align: middle; margin-right: 10px; } */

/* 0429 전담센터 제목, 모바일 수정, 비디오 수정 */
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span{font-family: 'MaruBuri'; padding-bottom: 23px; border-bottom: 1px solid #666;display: block;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li:first-child > span{border-top: none;}
.contents .c_list .list_con > li .layer .ly_in .ly_txt ul li > span::before{content: ""; display: block; width: 22px; height: 14px; background: url('/criminal/img/quotesicon.png') no-repeat; margin-bottom: 10px;}

@media screen and (max-width: 1000px){
    .contents .c_list .list_con > li .layer .ly_in .ly_txt ul li p .fontsz{font-size: 15px;}
    .aniSubVs .imgBg video{top: 50%; left: 50%; transform: translate(-50%, -50%);}

    .contents .c_list .list_con > li .layer .ly_in .ly_txt .close_btn{background-position: center; background-size: 55%;     right: 25px; top: 25px;}
	
}

@media screen and (max-width: 500px){
    .contents .c_list .list_con > li .layer{    padding: 23px 12px 30px;}
    .contents .c_list .list_con > li .layer .ly_in .ly_txt .ly_txtin{    padding: 25px 14px;}
}



/*성공사례 뷰페이지 prev, next 호버 텍스트 모바일에서 안보이게*/
@media screen and (max-width: 1000px){
    .reviewbtn li p.overtitle{ display: none; }
}

/*방문상담예약 예약시간 위치조정*/
.v_calendar .calselect .visit_hour .hourlist li{ margin-right: 12px; }


/*뷰페이지 제목 고정을 위한 마크업 수정*/
.subLay.viewpage {margin-top: 150px;}

._titMax.viewPage{ flex-direction: column; align-items: flex-start;  background: #fff; max-width: 1280px; margin-top: 0; padding-bottom: 0;}
._titMax.viewPage .r_view{color: #666; font-size: 18px; display: flex; align-items: center; font-weight: 600; padding-top: 20px;}
._titMax.viewPage .r_view dt{ font-size: 18px; margin-right: 50px; font-weight: 600; letter-spacing: 0;}
._titMax.viewPage .r_view dd{ font-size: 18px; font-weight: 600;}
._titMax.viewPage .r_view img{margin-right: 10px; vertical-align: middle;}
._titMax.viewPage dl{ width: 100%;}
._titMax.viewPage dl:first-child{ border-bottom: #ccc solid 1px; }
.d_sub.left .d-wrap.viewPage{ padding-top: 0; }

.review_view .sc_contents{ margin-top: 0; }

@media screen and (max-width: 1000px){
    ._titMax.viewPage .r_view dt,
    ._titMax.viewPage .r_view dd{ font-size: 14px; }

    .review_view.viewPage{ padding-top: 20px; }
}

/*뷰페이지 수정*/
.review_view .sc_contents .lawlist .result dt{ white-space: nowrap; }
.review_view .sc_contents .lawlist .result dd{ word-break: keep-all; }
.review_view .lawlist li a .lawimg{ background-size: cover; }
.modal-wrap .modal-in{ width: 90%; max-width: 500px; }

@media screen and (max-width: 1000px){
    .review_view .sc_contents .lawlist .result{ z-index: 99; }
    .subLay.viewpage {margin-top: 100px;}
}

@media screen and (max-width: 768px){
    .review_view .sc_contents .lawlist .result{ font-family: "Noto Sans KR", sans-serif; }
    .review_view .sc_contents .lawlist .result dt{ font-size: 16px; font-weight: 600; line-height: 1.5; }
    .review_view .sc_contents .lawlist .result dd{ font-size: 14px; }

    .review_view .sc_contents .view_contents ul li strong{ font-family: "Noto Sans KR", sans-serif; font-weight: 600; }
}

@media screen and (max-width: 400px){
    .review_view .sc_contents .lawlist .result{ padding: 15px 20px; }
}

/*성공사례 글 리스트 반응형 수정*/
@media screen and (max-width: 768px){
    .sc_listwrap .result{ flex-direction: column; }
    .sc_listwrap .result li + li{ margin-top: 5px; }
}

/* 달력ui */

/* -------------------------------- datepicker ----------------------------------- */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; background-color: #Fff; border: 1px solid #ccc;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:20px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:19px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; white-space: nowrap;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 40%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


/* 성공사례 수정 0511 최다희 */
.sc_listwrap .sc_list > li .sc_title{width: 245%;}
.sc_listwrap .sc_list > li .sc_title .scin{border-bottom: 1px solid #f0f0f0; padding-bottom: 15px;}
.sc_listwrap .sc_list > li .sc_title .tittxt{font-size: 16px; display: flex; align-items: center; margin-top: 12px;}
.sc_listwrap .sc_list > li .sc_title .tittxt h2{font-size: 16px; margin-right: 10px; font-family: "Noto Sans KR", sans-serif;}
.sc_listwrap .sc_list > li .sc_title .tittxt h2 img{vertical-align: middle; margin-right: 5px;}
.sc_listwrap .sc_list > li .sc_title .tittxt dl.lawname{font-weight: bold;font-size: 16px; margin-right: 10px; font-family: "Noto Sans KR", sans-serif;}
.sc_listwrap .sc_list > li .sc_title .tittxt dl.lawname img{vertical-align: middle; margin-right: 5px;}
.sc_listwrap .sc_list > li .sc_title .tittxt p{line-height: normal; height: auto;}
.sc_listwrap .result li{display: block;}
.sc_listwrap .result li h2{font-size: 18px; margin-bottom: 10px;}
.sc_listwrap .result li h2::after{display: none;}
.sc_listwrap .result li h2 img{margin-right: 5px;}
.sc_listwrap .result li p{font-size: 17px;}

.sc_listwrap .result li dt{font-size: 18px; margin-bottom: 10px;}
.sc_listwrap .result li dt::after{display: none;}
.sc_listwrap .result li dt img{margin-right: 5px;}

@media screen and (max-width: 1000px){
    .sc_listwrap .sc_list > li .sc_title{width: 100%;}
    .sc_listwrap .sc_list > li .sc_title .tittxt{display: block;}
    .sc_listwrap .sc_list > li .sc_title .tittxt h2{font-size: 14px; margin-bottom: 5px;}
	.sc_listwrap .sc_list > li .sc_title .tittxt dl.lawname{display: block;font-size: 14px; margin-bottom: 5px;}
    .sc_listwrap .result li {display: flex;}
    .sc_listwrap .result li h2{margin-right: 0; padding-right: 0; margin-bottom: 0;}
    .sc_listwrap .result li h2 img{width: 30%; vertical-align: middle;}
	
	.sc_listwrap .result li dt{margin-right: 0; padding-right: 0; margin-bottom: 0;}
    .sc_listwrap .result li dt img{width: 30%; vertical-align: middle;}
}


/* 검색결과 뷰페이지 추가수정 0512 */
.sc_listwrap .listwrap > dl{margin-bottom: 30px;}
.sc_listwrap .listwrap > dl dt{font-size: 15px; text-transform: uppercase; letter-spacing: 4px; margin-bottom: 8px; }
.sc_listwrap .listwrap > dl dt span{font-weight: 600;}
.sc_listwrap .listwrap > dl dd{font-size: 35px; font-weight: 800;     margin-left: -0.1em;}
.sc_listwrap .listwrap > p{font-size: 18px;font-weight: 600;margin-bottom: 20px;}
.sc_listwrap .listwrap > p span{color: #218fa6;}

.sc_listwrap  .morebtn_{text-align: center; display: block;  font-size: 20px; width: 200px; height: 40px; margin: 30px auto 0; color: #fff; background-color: #c2a664; line-height: 40px; border-radius: 10px;}

.sc_listwrap .listwrap{margin-bottom: 45px;}
.sc_listwrap .listwrap:last-child{margin-bottom: 0;}

.mglistwrap > ul { display: flex; flex-wrap: wrap; } 
.mglistwrap  > ul li { width: calc(99.9%/4 - 135px/4); margin-right: 45px; transition: 0.5s; transition-property: box-shadow; } 
.mglistwrap  > ul li:nth-child(4n){margin-right: 0;}

.mglistwrap  > ul li .img { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } 
.mglistwrap > ul li .img::after { content: ""; display: block; padding-bottom: 100%; } 
.mglistwrap  > ul li .img::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background: #0f0202; background: linear-gradient(135deg, #0f0202 0%, #897256 100%); } 
.mglistwrap  > ul li .img .plus { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -30%); width: 40px; height: 40px; background: url(/divorce/img/icon/plus.png) no-repeat center/cover; transition: 0.5s; opacity: 0; } 

.mglistwrap  > ul li dl { padding: 15px 0 25px; font-weight: 600; } 
.mglistwrap  > ul li dl dt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.5rem; font-family: "Noto Sans KR", sans-serif; } 
.mglistwrap  > ul li dl dd { margin-top: 15px; font-size: 1.3rem; color: #9b9b9b; } 

@media screen and (min-width: 1001px){
    .mglistwrap > ul li:hover { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); } 
    .mglistwrap > ul li:hover .img::before { opacity: 0.5; } 
    .mglistwrap > ul li:hover .img .plus { transform: translate(-50%, -50%); opacity: 1; } 
  }
  
.rvlistwrap .reviewlist{display: flex; flex-wrap: wrap;}
.rvlistwrap .reviewlist li{width: calc(99.9%/3 - 60px/3); margin-right: 30px;  transition: 0.3s; border: 1px solid #ccc;}
.rvlistwrap .reviewlist li:nth-child(-n+3){margin-bottom: 30px;}
.rvlistwrap .reviewlist li:nth-child(3n){margin-right: 0;}
.rvlistwrap .reviewlist li .r_wrap{ position: relative; display: block; transition: 0.3s;background: url(/divorce/img/review_df_img.webp) no-repeat;background-size: cover;background-position: center; transition: 0.3s;}
.rvlistwrap .reviewlist li .r_wrap .txtbox{  padding: 30px; box-sizing: border-box; position: static;width: auto;height: auto;top: auto;left: auto;}
.rvlistwrap .reviewlist li .r_wrap .txtbox strong{ margin: 25px 0 30px; font-size: 22px; line-height: 1.5; word-break: keep-all; margin-top: 0;    display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;}
.rvlistwrap .reviewlist li .r_wrap .txtbox .imgbox{background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 20px;}
.rvlistwrap .reviewlist li .r_wrap .txtbox .imgbox::after{content: ""; display: block; padding-bottom: calc(230/360 * 100%);}
.rvlistwrap .reviewlist li .r_wrap .txtbox .r_name{font-size: 16px; display: flex; background-color: #f6f6f6; padding: 20px; font-weight: 600; font-family: "Noto Sans KR", sans-serif;}
.rvlistwrap .reviewlist li .r_wrap .txtbox .r_name dt{color: #c2a664; white-space: nowrap; word-break: keep-all;}
.rvlistwrap .reviewlist li .r_wrap .txtbox .r_name dt::after{content: ""; display: inline-block; width: 1px; height: 10px; background-color: #c2a664; margin: 0 10px;}
.rvlistwrap .reviewlist li .r_wrap .txtbox .r_name dd{color: #666;     white-space: nowrap;display: block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.rvlistwrap .reviewlist li:hover .r_wrap{background: url('/divorce/img/slideListOver.webp') no-repeat; background-size: cover; background-position: center; }
.rvlistwrap .reviewlist li:hover .r_wrap .txtbox .r_date dd{color: #fff;}
.rvlistwrap .reviewlist li:hover .r_wrap .txtbox strong{color: #fff;}
.rvlistwrap .reviewlist li:hover .r_wrap .txtbox .r_name{background-color: rgba(0,0,0,0.2);}
.rvlistwrap .reviewlist li:hover .r_wrap .txtbox .r_name dd{color: #fff;}

@media screen and (max-width: 1000px){
    .mglistwrap  > ul li{width: calc(50% - 20px); margin-right: 40px;}
    .mglistwrap  > ul li:nth-of-type(2n){margin-right: 0;}

    .rvlistwrap .reviewlist li{width: calc(99.9%/2 - 20px/2);margin-right: 20px;}
    .rvlistwrap .reviewlist li:nth-child(2n){margin-right: 0;}
    .rvlistwrap .reviewlist li:nth-child(3n){margin-right:20px;}
}

@media screen and (max-width: 768px){
    .reviewwrap > p{font-size: 14px; font-family: "Noto Sans KR", sans-serif;}
    .rvlistwrap .reviewlist li.r_wrap .txtbox .r_date{font-size: 13px;}
    .rvlistwrap .reviewlist li .r_wrap .txtbox strong{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .rvlistwrap .reviewlist li:hover .r_wrap .txtbox strong{font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    .rvlistwrap .reviewlist li .r_wrap .txtbox .r_name{font-size: 13px; padding: 12px;}
}

@media screen and (max-width: 600px){
    .rvlistwrap .reviewlist li{width: 100%; margin-right: 0;}
}


/* 신청완료페이지 230307 */
.subLay.complete__{text-align: center;}
.subLay.complete__ .complete_wrap .wrap{max-width: 1280px; width: 90%; margin: 0 auto; min-height: 100vh;display: flex;   align-items: center; justify-content: center;}
.subLay.complete__ .complete_wrap .wrap .txtbox{background-color: #f5f5f5; position: relative; padding: 100px 20px; width: 100%;}
.subLay.complete__ .complete_wrap .wrap .txtbox > img{position: absolute;top: -75px;left: 50%;transform: translateX(-50%);}
.subLay.complete__ .complete_wrap .wrap .txtbox dl{margin: 50px 0 45px;}
.subLay.complete__ .complete_wrap .wrap .txtbox dl dd{font-size: 45px; font-family: 'Poppins', sans-serif; font-weight: 800; color: #baa574; margin-top: 5px;}
.subLay.complete__ .complete_wrap .wrap .txtbox .p1{font-size: 35px; font-weight: 800;}
.subLay.complete__ .complete_wrap .wrap .txtbox .p2{font-size: 20px; color: #595959; font-weight: 600; margin-bottom: 20px;margin-top: 6px;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox{background: linear-gradient(328deg, rgba(28,24,17,1) 23%, rgba(95,77,55,1) 81%); color: #fff; font-size:20px;padding: 7px; position: absolute; width: 80%; left: 50%; transform: translateX(-50%); bottom: -65px; margin-top: 80px;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul{display: flex; align-items: center; justify-content: center; padding: 40px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2)}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li{margin-right: 60px;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li:last-of-type{margin-right: 0;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li span::before{content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; transform: translateY(-5px); margin-right: 7px;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li p{display: inline-block;}
.subLay.complete__ .complete_wrap .wrap .txtbox .inforBox a{color: #fff;}

@media screen and (max-width: 1000px){
    .subLay.complete__ .complete_wrap .wrap{min-height: auto; padding: 200px 0 150px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox {padding: 70px 20px 50px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox dl dt img{width: 150px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox dl dd{font-size: 20px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox .p1{font-size: 18px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox .p2{font-size: 15px; margin-bottom: 60px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox .inforBox{font-size: 13px; }
    .subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul{padding: 25px;}
    .subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li {margin-right: 20px;}
}
@media screen and (max-width: 600px){
    .subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul{display: block;}
    .subLay.complete__ .complete_wrap .wrap .txtbox .inforBox ul li{margin-right: 0; margin-bottom: 5px;}
}


/* 자필후기 뷰페이지 날짜 추가 */
.review_view .cl_date_{margin-bottom: 30px;}
.review_view .cl_date_ img{margin-right: 10px;vertical-align: sub;}
.review_view .cl_date_ span{font-size: 18px; font-weight: 600; color: #666;} 

@media screen and (max-width: 1000px){
    .review_view .cl_date_ span{font-size: 14px;}
}