/*메인*/

/*비주얼*/
.visual {position: relative; overflow: hidden; height: 100vh;}
.visual .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.visual video {position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%,-50%); z-index: -100; width: auto; height: auto;}
.visual .textbox {position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 90%; text-align: center;}
.visual .textbox .tit {text-align: center; position: relative; margin: 0 auto; margin-bottom: 50px;}
.visual .textbox .tit .h2 {color: #fff; text-align: center; position: absolute; left: 0; width: 100%; transform: translateY(-50%); font-weight: normal; top: 25%;}
.visual .textbox .tit .h2 h2 {font-weight: normal; font-size: 3rem;}
.visual .textbox .tit .sinceTxt {color: #fff; text-align: center; font-size: 2.5rem; margin-top: 20px;}
.visual .textbox ul {display: flex; justify-content: center; width: 40%; margin: 0 auto;}
.visual .textbox ul li {flex: 1; max-width: 160px; background-image: url(../img/visual_border.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: relative;}
.visual .textbox ul li:first-child {margin-right: 50px;}
.visual .textbox ul li dl {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.8rem; color: #fff; flex-direction: column; line-height: 1.2;}
.visual .textbox ul li dl dt {width: 20%; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 10px;}
.visual .textbox ul li:last-child dl dt {width: 25%;}
.visual .textbox ul li dl dt::after {content: ''; display: block; padding-bottom: 100%;}
.visual .textbox ul li::after {content: ''; display: block; padding-bottom: 100%;}

.visual .add_img {text-align: center; width: 60%; margin: 0 auto; margin-top: 30px;}

@media screen and (max-width:768px){
    .visual {background: url(/img/visual_ex_mob.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1; display: flex; justify-content: center; flex-direction: column;}
    .visual .bg {position: relative; width: 90%; height: auto; margin: 0 auto;}
    .visual .bg video {left: 0; top: 0; transform: none; min-width: auto; min-height: auto; width: 100%; height: 100%;}
    .visual .bg .mob {position: absolute; width: 100%; height: 100%; cursor: pointer;}
    .visual .bg .mob img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .visual .bg .mob .playbtn {position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 20vw; height: 20vw; background-image: url(/img/mVp_icon.png);content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; max-width: 86px; max-height: 86px; z-index: 2;}
    .visual .bg::after {content: ''; display: block; padding-bottom: 56.25%;}
    .visual .textbox {position: static; transform: none; margin: 0 auto;}
    .visual .textbox .tit {width: 150%; left: 50%; transform: translateX(-50%); margin-bottom: 5%;}
    .visual .textbox .tit img {margin-right: -3%;}
    .visual .textbox .tit .h2 h2{font-size: 4vw;}
    .visual .textbox .tit .sinceTxt {font-size: 3vw;}
    .visual .textbox ul {width: 80%;}
    .visual .textbox ul li:first-child {margin-right: 5%;}
    .visual .textbox ul li dl {font-size: 2.6vw;}
}
/*섹션1*/
.section01 {height: 500px; background: #f3eee8; display: flex; align-items: center;; justify-content: center;}
.section01 h2 {font-size: 4.8rem; text-align: center; margin-bottom: 50px; line-height: 1.3; font-weight: 500;}
.section01 h2 span {font-size: 4.32rem; display: block; font-weight: 200;}
.section01 h2 strong {font-weight: bold;}
.section01 .list {display: flex; box-sizing: border-box; margin: 0 80px; justify-content: center;}
.section01 .list dt {font-size: 8rem; display: flex; align-items: flex-end; line-height: 0.5; justify-content: center;}
.section01 .list dt em {font-family: 'Garamond'; font-weight: bold; font-style: normal;}
.section01 .list dt p {font-size: 2.2rem; white-space: nowrap; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.section01 .list dd {font-size: 2.4rem; text-align: center; margin-top: 30px; white-space: nowrap;}
.section01 .list dl {margin-right: 8.5rem;}
.section01 .list dl:last-child {margin-right: 0;}

@media screen and (max-width:1230px){
    .section01 .list dt {font-size: 6vw;}
    .section01 .list dl {margin-right: 6%;}
    .section01 .list dd {font-size: 2vw;}
}

@media screen and (max-width:768px){
    .section01 {height: auto; padding: 20% 0 17%;}
    .section01 h2 span {font-size: 5.5vw;}
    .section01 h2 {margin-bottom: 10%; font-size: 6vw;}
    .section01 .list {display: block; margin: 0;}
    .section01 .list dl {display: flex; flex-direction: column-reverse; margin-right: 0; margin-bottom: 6%; padding-bottom: 8%; position: relative;}
    .section01 .list dl:last-child {margin-bottom: 0; padding-bottom: 0;}
    .section01 .list dl::after {content: ''; position: absolute; bottom: 0; width: 20%; height: 1px; background: #dfcba9; left: 50%; transform: translateX(-50%);}
    .section01 .list dl:last-child::after {display: none;}
    .section01 .list dt {justify-content: center; font-size: 15vw;}
    .section01 .list dt p {font-size: 7vw;}
    .section01 .list dd {margin-top: 0; margin-bottom: 30px; font-size: 5vw;}
}
/*섹션2*/
.section02 {position: relative; padding: 280px 0 180px;}

.section02 .wrap1400.ver_mo {display: none; padding: 0 5px;}
.section02 .wrap1400.ver_mo .sB .y_caseItem {margin: 0; display: flex; flex-wrap: nowrap;}
.section02 .wrap1400.ver_mo .sB .y_caseItem li {margin: 0; padding-left: 20px; position: relative;}
.section02 .wrap1400.ver_mo .sB .y_caseItem li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section02 .wrap1400.ver_mo .sB .y_caseItem li .tB {margin: 0; padding-bottom: 25px; border: 1px solid #ccc; transition: .3s;}
.section02 .wrap1400.ver_mo .sB .y_caseItem li .case {background: #042e24; margin: 15px 0; font-size: 2rem; padding: 0.6em 1.5em; color: #fff; display: inline-block; transform: translateX(-20px);}
.section02 .wrap1400.ver_mo .sB .swiper-pagination {position:static; margin-top: 15px;}
.section02 .wrap1400.ver_mo .sB .swiper-pagination-bullet {width: 15px; height: 15px; background: #042e24;}


.y_caseItem.ver2 li .hashtag,
.y_caseItem.ver2 li h2, .y_caseItem.ver2 li p {margin: 0 5%; word-break: break-all;}
.y_caseItem li .hashtag span {font-size: 1.5rem; border-radius: 100px; display: inline; padding: 0.2em 1em; line-height: 2;}
.y_caseItem.ver2 li h2 {margin: 15px 5%; font-size: 2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; height: 2.4em; word-break: inherit;}
.y_caseItem li p {font-size: 1.7rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;line-height: 1.2em;height: 4.8em;}
.y_caseItem li .hashtag, .y_caseItem li h2, .y_caseItem li p {word-break: break-all;}

.section02 .bgImg {position: absolute; right: 0; top: 0; transform: translateY(-20%);}
.section02 .searchbox {position: absolute; left: 0; top: 0; max-width: 745px; max-height: 820px; display: flex; justify-content: center; flex-direction: column; box-sizing: border-box; padding: 10% 3%; background-image: url(../img/searchBox_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 100; width: 40vw; min-height: 100vh;}
.section02 .searchbox h2 {font-size: 3.2rem; color: #fff; margin-bottom: 60px; line-height: 1.2; position: relative; font-weight: 500; z-index: 1;}
.section02 .searchbox h2 span {font-weight: bold;}
.section02 .searchbox h2 img {position: absolute; left: 0; top: 0; transform: translate(-20%,-50%); z-index: -1; opacity: 0.2; max-width: 82px; width: 15%;}

.section02 .searchbox h2 span {color: #cebd95; font-weight: bold;}
.section02 .searchbox .inputbox {display: flex; margin-bottom: 35px;}
.section02 .searchbox .inputbox input[type='text'] {height: 50px; border: 1px solid #cccccc; border-right: none; outline: none; background: none; box-sizing: border-box; padding: 0 20px; color: #fff; font-family: 'Noto Sans KR', sans-serif; font-size: 1.8rem; width: 80%; border-radius: 0;}
.section02 .searchbox .inputbox input[type='text']::placeholder {color: rgba(255,255,255,0.6);}
.section02 .searchbox .inputbox input[type='button'] {background: #fff; color: #042e24; border: none; cursor: pointer; width: 20%; min-width: 60px; max-width: 120px; font-family: 'Montserrat', sans-serif; font-weight: 600; border-radius: 0; box-shadow: 0; border: 1px solid #fff;}
.section02 .searchbox .hashtag {margin-top: 35px; display: flex; margin: -8px -10px 0; flex-wrap: wrap; justify-content: center;}
.section02 .searchbox .hashtag li {font-size: 1.8rem; margin: 8px 5px 0; white-space: nowrap; background: #fff; flex: 0 1 calc(100%/4 - 40px/4); text-align: center; border-radius: 1000px;}
.section02 .searchbox .hashtag li a {padding: 0.5em; display: block;}
.section02 .searchbox a.btn {font-size: 1.8rem; color: #fff; display: flex; align-items: center; margin-top: 25%; margin-left: auto;}
.section02 .searchbox a.btn img {margin-left: 20px;}
.section02 .searchbox a.btn span {transition: .3s;}
.section02 .searchbox a.btn:hover span {transform: translateX(-5px);}

.section02 .caseList {width: 55%; margin-left: auto; display: flex; flex-wrap: wrap; align-items: flex-start;}
.section02 .caseList > li {background: #ffffff; border: 1px solid #cccccc; padding: 120px 25px 40px; position: relative; width: calc(50% - 50px/2); margin-bottom: 25%; transition: .5s; transition-property: background;}
.section02 .caseList > li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.section02 .caseList > li:nth-of-type(even) {margin-top: -20%;}
.section02 .caseList > li:nth-of-type(2) {margin-top: 25%;}
.section02 .caseList > li:nth-of-type(odd) {margin-right: 50px; margin-top: -45%;}
.section02 .caseList > li:nth-of-type(1) {margin-top: 0;}
.section02 .caseList > li .case {position: absolute; background: #042e24; font-size: 2rem; color: #fff; left: -5%; width: 175px; height: 55px; display: flex; align-items: center; justify-content: center; top: 40px;}
.section02 .caseList > li .cont span.hashtag {font-size: 1.5rem; border: 1px solid #042e24; color: #042e24; border-radius: 1000px; padding: 0.2em 1em; line-height: 2; word-break: break-all;}
.section02 .caseList > li .cont h2 {margin-top: 10px; line-height: 1.2; font-size: 2.4rem; margin-bottom: 30px; letter-spacing: -0.08em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2em;  max-height: 2.4em;}
.section02 .caseList > li .cont p {font-size: 1.8rem; color: #666; line-height: 1.3; letter-spacing: -0.08em; display: -webkit-box; overflow: hidden; text-overflow: ellipsis;; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.2em;  max-height: 3.6em;}
.section02 .caseList > li ul {margin-top: 45px; display: flex; flex-wrap: wrap; width: 100%;}
.section02 .caseList > li ul li {display: flex; align-items: center; width: calc(50% - 20px/2); margin-top: 10px;}
.section02 .caseList > li ul li:nth-of-type(odd) {margin-right: 20px;}
.section02 .caseList > li ul li .img {margin-right: 8px; border-radius: 100px; width: 100%; max-width: 57px; background-position: 50% 0; background-repeat: no-repeat; background-size: 200%; flex: 0 0 57px;}
.section02 .caseList > li ul li .img::after {content: ''; display: block; padding-bottom: 100%;}
.section02 .caseList > li ul li dl {font-size: 1.5rem;}
.section02 .caseList > li ul li dt {margin-bottom: 5px; color: #888888;}
.section02 .caseList > li ul li dd {white-space: nowrap;}

@media screen and (min-width:769px) {
    /*hover*/
    .section02 .caseList > li:hover {background: #232323; border: 1px solid #232323;}
    .section02 .caseList > li:hover .cont span.hashtag {color: #fff; border-color: #fff;}
    .section02 .caseList > li:hover .cont h2 {color: #cebd95;}
    .section02 .caseList > li:hover ul li dd {color: #cccccc;}
}


@media screen and (max-width:1500px){
    .section02 .caseList > li .case {width: auto; height: auto; font-size: 1.5vw; padding: 0.8em 2em; max-width: 175px; max-height: 55px; top: 8%;}
    .section02 .caseList > li {width: calc(50% - 5%/2); padding: 20% 3% 8%;}
    .section02 .caseList > li:nth-of-type(odd) {margin-right: 5%; margin-top: -40%;}
    .section02 .caseList > li:nth-of-type(2) {margin-top: 20%;}
    .section02 .caseList > li:nth-of-type(1) {margin-top: 0;}
    .section02 .caseList > li ul {display: flex;}
    .section02 .caseList > li ul li {width: calc(50% - 5%/2); margin-right: 0;}
    .section02 .caseList > li ul li:nth-of-type(odd) {margin-right: 5%;}
    .section02 .caseList > li ul li + li {margin-top: 10px;}
    .section02 .caseList > li ul li .img {min-width: 30px; flex: 0 0 30%;}
    .section02 .caseList > li ul li dt {font-size: 14px;}
    .section02 .caseList > li ul li dd {font-size: 14px;}
}

@media screen and (max-width:1050px){
    .section02 .caseList > li {width: 100%; margin-bottom: 25px;}
    .section02 .caseList > li:nth-of-type(2) {margin-top: 0;}
    .section02 .caseList > li:nth-of-type(odd) {margin-right: 0; margin-top: 0;}
    .section02 .caseList > li:nth-of-type(even) {margin-top: 0;}
    .section02 .caseList > li ul {display: flex;}
}


@media screen and (max-width:768px) {
    .section02 {padding: 0; margin-bottom: 50px; position: relative;}

    .section02 .wrap1400 {display: none;}
    .section02 .wrap1400.ver_mo {display: block; width: 100%; padding: 5%; background-color: #fff; }

    .section02 .searchbox {position: static; width: 100%; padding: 15% 5% 0%; height: auto; min-height: unset; }
    .section02 .bgImg {display: none;}
    .section02 .searchbox h2{margin-bottom: 30px;}
    .section02 .searchbox a.btn {display: none;}
    .section02 .caseList {width: 100%; margin-top: -45%;}

    .section02 .caseList > li {width: 100%; padding-bottom: 5%; padding-top: 15%; transition-property: all;}
    .section02 .caseList > li:nth-of-type(2) {margin-top: 0;}
    .section02 .caseList > li:nth-of-type(odd) {margin-top: 0; margin-right: 0;}
    .section02 .caseList > li:nth-of-type(1) {margin-top: 0;}

    .section02 .caseList > li .case {font-size: 2.5vw; top: 5%;}

    .section02 .caseList > li .cont h2 {margin: 15px 0;}
    .section02 .caseList > li ul {margin-top: 15px;}

    .section02 .caseList > li:nth-of-type(n+5) {display: none;}

    .section02 .caseList > li ul li {width: auto; flex: 1 1 45%;}
    .section02 .caseList > li ul li dl{white-space: nowrap;}.section02 .searchbox .inputbox input[type='text']{padding: 0 16px; font-size: 1.4rem;}

}

@media screen and (max-width:520px){
    .section02 .caseList > li .case {font-size: 3vw; top: 5%;}
    .section02 .caseList > li {padding-top: 20%;}
}

/*섹션3*/
.section03 {background-image: url(../img/overslideBg.jpg);background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 840px; background-color: #666; transition: .3s; transition-property: background-image; overflow: hidden;}
.section03 .wrap1280 {height: 100%;}

.section03 .overslide {display: flex; border: 1px solid #676767; border-top: none; border-bottom: none;}
.section03 .overslide li {flex: 1; box-sizing: border-box; padding: 40px 30px; color: #fff; padding-bottom: 55%; cursor: pointer;}
.section03 .overslide li:nth-of-type(2) {border-left: 1px solid #676767; border-right: 1px solid #676767;}
.section03 .overslide li dt {font-size: 2.4rem; margin-bottom: 10px; font-weight: 500;}
.section03 .overslide li dd {font-size: 3rem; font-weight: bold;}
.section03 .overslide li.over {background: #042e24;}
.section03 .overslide li.over dt {font-size: 4.2rem; font-weight: bold;}

.section03 .contslide {position: absolute; bottom: 0; width: 100%; pointer-events: none; padding-top: 15%;}
.section03 .contslide h2 {font-size: 3.3rem; white-space: nowrap; color: #fff; transform: translateY(-60%); margin-left: 60px; line-height: 1.2; z-index: 2; font-weight: 400; display: inline-block; transition: 1s; transition-property: transform, opacity; opacity: 0; position: absolute; top: 0;}
.section03 .contslide li.swiper-slide-active h2 {transform: translateY(-50%); opacity: 1;}
.section03 .contslide li.swiper-slide-active {pointer-events: none !important;}
.section03 .contslide li:not(.swiper-slide-active) {visibility: hidden;}
.section03 .contslide .img {pointer-events: all !important;}
.section03 .contslide .img a {pointer-events: all !important;}

.section03 .contslide li:nth-child(3) .img > img {scale: 1.05; position: relative; z-index: -1;}

.section03 .contslide h2 span {font-weight: bold;}
.section03 .contslide .img {position: relative;}
.section03 .contslide .img a {position: absolute; right: 50px; top: 0; width: 160px; height: 160px; background-image: url(../img/section03_more.png); background-repeat: no-repeat; background-position: center; background-size: contain; border-radius: 1000px; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; transform: translateY(-50%); font-family: 'Montserrat', sans-serif;}

@media screen and (min-width:769px){
    .section03 .overslide li.over dd p {display: none;}
    .section03 .overslide li.over dd img {display: block; width: 75%; max-width: none;}
    .section03 .overslide li:nth-of-type(2).over dd img {width: 90%;}
    .section03 .overslide li:nth-of-type(3).over dd img {width: 100%;}
    .section03 .overslide li:not(.over) dd p {display: block;}
    .section03 .overslide li:not(.over) dd img {display: none;}
}

@media screen and (max-width: 1280px){
    .section03{ height: 720px; }
}

@media screen and (max-width:1160px){
    .section03 .overslide li {padding: 5% 2.5%; padding-bottom: 55%;}
    .section03 .overslide li dd {font-size: 2.5vw;}
    .section03 .contslide h2 {font-size: 3vw; margin-left: 5%;}
}

@media screen and (max-width:768px){
    .section03 {background: none; max-height: none; overflow: visible; height: unset; }
    .section03 .wrap1280 {width: 100%;}
    .section03 .contslide {display: none;}
    .section03 .overslide {display: block;}
    .section03 .overslide li {background: #042e24; padding: 0;}
    .section03 .overslide li dl {display: flex; padding: 3% 5%; align-items: center;}

    .section03 .overslide li .list {position: relative; display: block; width: 100%; height: 100%; display: block;}
    /* .section03 .overslide li:nth-child(3) .list img {height: 50vw; object-fit: cover; filter: brightness(0.7);} */
    .section03 .overslide li:nth-child(3) .list img {object-fit: cover; filter: brightness(0.7);}
    .section03 .overslide li h2 {font-size: 6vw; color: #fff; line-height: 1.2; position: absolute; z-index: 2; font-weight: 400; display: inline-block; top: 0; padding: 5%;}
    .section03 .overslide li h2 span {font-weight: bold;}
    .section03 .overslide li.over dd p,
    .section03 .overslide li dd p {display: none;}
    .section03 .overslide li dt,
    .section03 .overslide li.over dt {font-size: 6vw; margin: 0; margin-right: 15px; font-weight: bold;}
    .section03 .overslide li.over dd,
    .section03 .overslide li dd {width: 30%; display: flex; align-items: center;}

    .section03 .overslide li.over:not(:nth-of-type(1)) dd,
    .section03 .overslide li:not(:nth-of-type(1)) dd {width: 40%;}

    .section03 .overslide li:nth-of-type(2) .list img {filter: brightness(0.7);}

    .section03 .overslide li{position: relative;}
    .section03 .morebtn {width: 15vw; height: 15vw; position: absolute; top: 20%; right: 5px; border-radius: 1000px; background-image: url(../img/section03_more.png); background-position: center; background-repeat: no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 3vw; font-family: 'Montserrat', sans-serif;}
}

/*섹션4*/
.section04 {background: #f3eee8; padding: 185px 0 115px; overflow: hidden; box-sizing: border-box; padding-left: 15.5%;}
.section04 dl {margin-bottom: 60px;}
.section04 dl dt {margin-bottom: 35px; font-size: 5rem; font-weight: bold; position: relative; z-index: 1;}
.section04 dl dt img {position: absolute; left: 0; top: 0; transform: translate(-20%,-60%); z-index: -1; opacity: 0.1;}
.section04 dl dd {font-size: 2.4rem; line-height: 1.2; color: #666666;}
.section04 .slidebox {position: relative;}
.section04 .slidebox .btn {max-width: 1280px; position: absolute; top: 50%; transform: translateY(-50%); height: 10vw; width: 100%; z-index: 5; pointer-events: none; max-height: 142px;}
.section04 .slidebox .btn a {position: absolute; top: 50%; pointer-events: auto; width: 10vw; height: 10vw; max-width: 142px; max-height: 142px;}
.section04 .slidebox .btn a:first-child {transform: translate(-50%,-50%);}
.section04 .slidebox .btn a:last-child {transform: translate(100%,-50%); right: 0;}
.section04 .slidebox a.links {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.section04 .s4Slide .img{padding-top: calc(582/417 * 100%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.section04 .s4Slide .graditon {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/se04SGS.png); background-position: bottom; background-repeat: no-repeat; background-size: 100% auto;}
.section04 .s4Slide .overtext {position: absolute; width: 100%; margin-bottom: 30px; padding-left: 25px; left: 0; bottom: 0;}
.section04 .s4Slide .overtext h2 {font-size: 3rem; color: #fff;}
.section04 .s4Slide .overtext h2 ~ * {display: none;}
.section04 .s4Slide .overtext p {font-size: 2rem; color: #fff; margin-bottom: 15px; padding-bottom: 20px; position: relative; margin-top: 20px;}
.section04 .s4Slide .overtext p::after {position: absolute; bottom: 0; width: 15%; height: 1px; background: #fff; content: ''; left: 0;}
.section04 .s4Slide .overtext ol li{font-size: 1.8rem; color: #e1e1e1; margin-bottom: 15px;}
.section04 .s4Slide .overtext ol li::before {width: 3px; height: 3px; border-radius: 1000px; background: #e1e1e1; content: ''; display: inline-block; vertical-align: middle; margin-right: 3px;}
.section04 .s4Slide .overtext ol li:last-child {margin-bottom: 0;}
.section04 .s4Slide .overtext i {position: absolute; right: 5%; bottom: 0;}

@media screen and (min-width:769px){
    .section04 .s4Slide li.swiper-slide:hover .graditon {background-size: cover; background-size: auto 100%; background-image: url(/img/se04SGS_hover.png);}
    .section04 .s4Slide li.swiper-slide:hover .overtext h2 {color: #cebd95;}
}

@media screen and (max-width:1620px){
    .section04 .slidebox .btn a:last-child {transform: translate(0,-50%); right: 6%;}
}

@media screen and (max-width:1250px){
    .section04 .slidebox .btn a:last-child {transform: translate(0,-50%); right:12%;}
}


@media screen and (max-width:768px){
    .section04 {padding: 20% 0 10%;}
    .section04 .slidebox .btn {display: none;}
    .section04 dl {width: 90%; margin: 0 auto; margin-bottom: 6%;}
    .section04 dl dt {margin-bottom: 5%; font-size: 8vw;}
    .section04 dl dt img {width: 10%; height: auto;}
    .section04 dl dd {font-size: 1.8rem;}

    .section04 .pagenumber {color: #cebd95; font-size: 25px; display: flex; align-items: center; justify-content: center; margin-top: 10%;}
    .section04 .pagenumber li.number {display: flex; align-items: flex-end;}
    .section04 .pagenumber li.prev {margin-right: 5%; cursor: pointer;}
    .section04 .pagenumber li.next {margin-left: 5%; cursor: pointer;}
    .section04 .pagenumber .total {font-size: 15px; margin-left: 5px;}

    .section04 .s4Slide .graditon {background-size: cover;}
    .section04 .s4Slide .overtext {margin-bottom: 5%; padding-left: 5%;}
    .section04 .s4Slide .overtext h2 {color: #cebd95;}
    .section04 .s4Slide .overtext h2 ~ * {display: block !important;}
    .section04 .s4Slide .overtext h2 ~ ol {display: none !important;}
    .section04 .s4Slide .overtext p {padding-bottom: 5%; margin-bottom: 5%; margin-top: 5%; font-size: 1.8rem;}


}

/*섹션5*/
.section05 {height: 820px; background-image: url(../img/se05Bg.jpg); background-repeat: no-repeat; background-position: center; display: flex; align-items: center; color: #fff; overflow: hidden; background-size: cover;}
.section05 .wrap1280 {display: flex; align-items: center;}
.section05 .t_b {width: 45%; margin-right: 70px; max-width: 520px;}
.section05 .t_b h2 {font-size: 5rem; margin-bottom: 30px; line-height: 1.3; font-weight: bold;}
.section05 .t_b h2 span {font-weight: 200;}
.section05 .t_b p {font-size: 2.4rem; margin-bottom: 40px; line-height: 1.2; font-weight: 400;}
.section05 a.morebtn {font-size: 1.8rem; color: #fff; display: inline-flex; align-items: center;}
.section05 a.morebtn img {margin-left: 15px;}

.section05 .whitebox {padding: 15px; position: relative; width: 55%;}
.section05 .whitebox .btn {position:absolute; right: 0; top: 50%; transform: translate(30%,-50%); z-index: 5; cursor: pointer; width: 10vw; height: 10vw; max-width: 142px; max-height: 142px;}
.section05 .whitebox .frame {content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-image: url(../img/insta_frame.jpg); background-repeat: no-repeat; background-position: left top; background-size: auto 100%; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); max-width: 347px;}
.section05 .whitebox .title {display: flex; align-items: center; position: relative; z-index: 5;}
.section05 .whitebox .title li {flex: 1;}
.section05 .whitebox .title li h2 {color: #042e24; font-size: 1.8rem; display: flex; align-items: center; margin-bottom: 10px;}
.section05 .whitebox .title li h2 span {font-size: 2.2rem; color: #000; margin-left: 20px; white-space: nowrap;}
.section05 .whitebox .title li:nth-of-type(2) {font-size: 2.8rem; margin-bottom: 10px; position: relative;}
.section05 .whitebox .title li:nth-of-type(2) > img {position: absolute; left: 0; top: 0; transform: translate(-10%,-10%);}
.section05 .whitebox .title li:nth-of-type(2) p {padding-left: 110px;}
.section05 .whitebox .title li:nth-of-type(3){ position: absolute; right: 0; top: 0; }
.section05 .whitebox .title li:nth-of-type(3) > a{ display: flex; justify-content: flex-end; align-items: center; }
.section05 .whitebox .title li:nth-of-type(3) img{ width: 90%; }
.section05 .whitebox .slidebox li {position: relative;}
.section05 .whitebox .slidebox li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section05 .whitebox .textbox {width: 50%; margin-left: auto; padding-left: 30px; box-sizing: border-box; padding-top: 15px; padding-bottom: 10%;}
.section05 .whitebox .textbox dt {font-size: 1.6rem; text-transform: uppercase; margin-bottom: 10px;}
.section05 .whitebox .textbox dd {font-size: 1.8rem;}

@media screen and (max-width:1350px){
    .section05 .t_b h2 {font-size: 4vw;}
    .section05 .t_b {margin-right: 5%;}
    .section05 .whitebox .title li:nth-of-type(2) p {padding-left: 35%;}
    .section05 .whitebox .title li h2 span {font-size: 1.8vw; margin-left: 2%;}
    .section05 .whitebox .title li:nth-of-type(2) p {font-size: 2vw;}
    .section05 .whitebox .title li:nth-of-type(2) > img {width: 10vw; height: 10vw;}
}

@media screen and (max-width:1200px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 82%; }
}

@media screen and (max-width:1000px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 71%; }
}

@media screen and (max-width:768px){
    .section05 {height: auto; padding: 20% 0;}
    .section05 .wrap1280 {display: block;}
    .section05 .t_b {width: 100%; margin-bottom: 5%;}
    .section05 .whitebox {width: 100%;}
    .section05 .t_b h2 {font-size: 8vw; margin-bottom: 0.5em;}
    .section05 .t_b p {margin-bottom: 0; font-size: 1.8rem;}
    .section05 a.morebtn {margin-top: 5%; font-size: 18px;}
    .section05 .whitebox .frame {background-size: 100% 100%;}
    .section05 .whitebox .title li:nth-of-type(2) > img {width: 15vw; height: 15vw;}
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 90%; }
    .section05 .whitebox .title li h2 {font-size: 3vw;}
    .section05 .whitebox .title li h2 span {font-size: 3vw;}
    .section05 .whitebox .title li:nth-of-type(2) p {font-size: 3.5vw;}
    .section05 .whitebox .textbox dt {font-size: 3.5vw;}
    .section05 .whitebox .textbox dd {font-size: 4vw;}
    .section05 .whitebox .textbox {padding-left: 5%; padding-bottom: 5%;}

}

@media screen and (max-width:650px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 85%; }
}

@media screen and (max-width:550px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 75%; }
}

@media screen and (max-width:450px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 60%; }
}

@media screen and (max-width:400px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 52%; }
}

@media screen and (max-width:350px){
    .section05 .whitebox .title li:nth-of-type(3) img{ width: 48%; }
}

/*섹션6*/
.section06 {height: 820px; display: flex; position: relative;}
.section06 .lt {background: url(../img/se06_LtBg.jpg) no-repeat center/cover; align-items: center; justify-content: center; width: 55%; display: flex;}
.section06 .videobox {width: 80%; position: relative;}
.section06 .videobox::after {content: ''; display: block; padding-bottom: 56.25%}
.section06 .videobox iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.section06 .rg {position: absolute; width: 100%; height: 100%; pointer-events: none;}
.section06 .rg .bg {background: url(../img/se06_RgBg.jpg) no-repeat center/cover;width: 45%; right: 0; height: 100%; position: absolute;}
.section06 .rg .poa {position:absolute; max-width: 1280px; width: 100%; height: 100%; left: 50%; transform: translateX(-50%);}
.section06 .rg .poa .textbox { position:absolute; width: 45%; right: 0; height: 100%; display: flex; justify-content: center; flex-direction: column; padding-left: 13%; box-sizing: border-box; pointer-events: all;}
.section06 .rg .poa .textbox h2 {font-size: 5rem; line-height: 1.3; margin-bottom: 30px; font-weight: 200; position: relative; letter-spacing: -0.025em;}
.section06 .rg .poa .textbox h2 span {font-weight: bold;}
.section06 .rg .poa .textbox h2 img {position: absolute; left: 0; top: 0; transform: translate(-20%,-50%); opacity: 0.1;}
.section06 .rg .poa .textbox p {font-size: 2.4rem; line-height: 1.2; color: #666666; font-weight: 400; letter-spacing: -0.025em;}
.section06 .rg .poa .textbox ul {display: flex; margin-top: 50px; flex-wrap: wrap; max-width: 375px;}
.section06 .rg .poa .textbox ul li {width: 30%; max-width: 115px; margin-bottom: 15px;}
.section06 .rg .poa .textbox ul li + li {margin-left: 15px;}
.section06 .rg .poa .textbox ul li:nth-of-type(4){ margin-left: 0; }
.section06 .rg .poa .textbox ul li:nth-of-type(7){ margin-left: 0; }
.section06 .rg .poa .textbox ul li a{ background: #fff; border-radius: 1000px;  display: block; position: relative; transition: .3s;}
.section06 .rg .poa .textbox ul li a::after {content: ''; display: block; padding-bottom: 100%;}
.section06 .rg .poa .textbox ul li a dl {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.section06 .rg .poa .textbox ul li a dl dt {width: 30%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.section06 .rg .poa .textbox ul li a dl dt::after {content: ''; padding-top: 100%; display: block;}
.section06 .rg .poa .textbox ul li a dl dd {font-size: 1.6rem; font-size: 13px; color: #000; margin-top: 7px; text-align: center; line-height: 1.3; padding: 0 6px; box-sizing: border-box;}
.section06 .rg .poa .textbox ul li a dl dt.icon1 {background-image: url(../img/blog_off.png);}
.section06 .rg .poa .textbox ul li a dl dt.icon2 {background-image: url(../img/youtube_off.png);}
.section06 .rg .poa .textbox ul li a dl dt.icon3 {background-image: url(../img/insta_off.png);}
.section06 .rg .poa .textbox ul li a dl dt.icon4 {background-image: url(../img/blog_off.png);}
.section06 .rg .poa .textbox ul li a dl dt.icon5 {background-image: url(../img/naver_off.png);}

@media screen and (min-width:769px){
    .section06 .rg .poa .textbox ul li a:hover {background: #042e24;}
    .section06 .rg .poa .textbox ul li a:hover dl dd {color: #fff;}
    .section06 .rg .poa .textbox ul li a:hover dl dt.icon1 {background-image: url(../img/blog_on.png);}
    .section06 .rg .poa .textbox ul li a:hover dl dt.icon2 {background-image: url(../img/youtube_on.png);}
    .section06 .rg .poa .textbox ul li a:hover dl dt.icon3 {background-image: url(../img/insta_on.png);}
    .section06 .rg .poa .textbox ul li a:hover dl dt.icon4 {background-image: url(../img/blog_on.png);}
    .section06 .rg .poa .textbox ul li a:hover dl dt.icon5 {background-image: url(../img/naver_on.png);}

}

@media screen and (max-width:1380px){
    .section06 {height: auto; min-height: 700px;}
    .section06 .lt {padding: 15% 0;}
    .section06 .rg .poa .textbox h2 {font-size: 4vw;}
    .section06 .rg .poa .textbox ul {margin-top: 10%;}
    .section06 .rg .poa .textbox {padding: 0 5%;}
    /* .section06 .rg .poa .textbox ul li a dl dd{ font-size: 14px; } */
    .section06 .rg .poa .textbox ul li + li{ margin-left: 10px; }
    .section06 .rg .poa .textbox ul li{ margin-bottom: 10px; }
    .section06 .rg .poa .textbox ul li{ max-width: 105px; }
}


@media screen and (max-width:768px) {
    ul:after{ display: none; }
    .section06 .rg .poa .textbox ul li a dl dt::after{ padding-top: 50%; }
    .section06 {height: auto; padding: 20% 0 ; background-image: url(../img/se06_MobBg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: unset;}
    .section06 .rg .poa .textbox {padding: 0;}
    .section06 .lt {display: none;}
    .section06 .rg {position: static; height: auto; width: 90%; margin: 0 auto;}
    .section06 .rg .bg {display: none;}
    .section06 .rg .poa {position: static; left: auto; height: auto; transform: none;}
    .section06 .rg .poa .textbox {position: static; width: 100%; padding-left: 0;}
    .section06 .rg .poa .textbox ul {max-width: 100%; margin-top: 25px; display: none;}
    .section06 .rg .poa .textbox h2 {margin-bottom: 3%; font-size: 6vw;}
    .section06 .rg .poa .textbox h2 img {width: 10%; height: auto;}
    .section06 .rg .poa .textbox p {margin-bottom: 8%; font-size: 1.8rem;}
    .section06 .videobox {width: 100%;}
    .section06 .rg .poa .textbox ul li a {border-radius: 0;}
    .section06 .rg .poa .textbox ul li a::after {display: none;}
    .section06 .rg .poa .textbox ul li {max-width: none; width: 100%;}
    .section06 .rg .poa .textbox ul li:nth-of-type(3) {display: none;}
    .section06 .rg .poa .textbox ul li + li{ margin-left: 0; }
    .section06 .rg .poa .textbox ul li a dl {flex-direction: row; position: relative; align-items: center; padding-left: 15px; box-sizing: border-box;}
    .section06 .rg .poa .textbox ul li:nth-of-type(4) a dl {padding-left: 30px;}
    .section06 .rg .poa .textbox ul li a dl dd {margin-top: 0; font-size: 16px; padding: 1em 0;}
    .section06 .rg .poa .textbox ul li a dl dd br{ display: none; }
    .section06 .rg .poa .textbox ul li a dl dt {position: absolute; left: 0; width: 25%; max-height: 50%;}

    .section06 .rg .poa .textbox ul li:first-child a {background: #042e24;}
    .section06 .rg .poa .textbox ul li:nth-of-type(5) a {background: #32b44a;}
    .section06 .rg .poa .textbox ul li:first-child a dl dt {background-image: url(../img/blog_on.png);}
    .section06 .rg .poa .textbox ul li:nth-of-type(5) a dl dt {background-image: url(../img/blog_on.png);}
    .section06 .rg .poa .textbox ul li:first-child a dl dd {color: #fff;}
    .section06 .rg .poa .textbox ul li:nth-of-type(5) a dl dd {color: #fff;}
    .section06 .rg .poa .textbox ul li a dl dt.icon3{ background-image: url('../img/instagram.png'); }

    .section06 .rg .poa .textbox ul li:nth-of-type(6) a {background: #27d346;}
    .section06 .rg .poa .textbox ul li:nth-of-type(6) a dl dt {background-image: url(../img/naver_on.png);}
    .section06 .rg .poa .textbox ul li:nth-of-type(6) a dl dd {color: #fff;}
}

@media screen and (max-width:600px){
    /* .section06 .rg .poa .textbox ul li a dl dd br{ display: block; } */
}

@media screen and (max-width: 500px){
    .section06 .rg .poa .textbox ul li a dl dd{ font-size: 14px; }
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ서브ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/*타이틀 레이아웃0*/
.y_titLayout0 h2 {font-size: 3.5rem; padding-bottom: 20px; font-weight: 400; border-bottom: 1px solid #e1e1e1; line-height: 1.3;}
.y_titLayout0 h2 span {font-weight: bold; color: #b0894a;}

@media screen and (max-width:768px){
    .y_titLayout0 h2 {font-size: 5vw;}
}


/*버튼 레이아웃0*/
.y_btnLayout0 h2 {font-size: 2.2rem; color: #042e24; font-weight: bold; position: relative; text-align: center; margin: 3px 0 25px;}
.y_btnLayout0 .pin {content: ''; width: 1px; height: 35px; background: #c6c6c6; position: relative; margin: 0 auto;}
.y_btnLayout0 .pin::before {position:absolute; bottom: 0; left: 50%; width: 8px; height: 8px; border-radius: 1000px; background: #042e24; content: ''; transform: translateX(-55%);}
.y_btnLayout0 ul {display: flex;}
.y_btnLayout0 ul li {flex: 1; font-size: 1.6rem; color: #464646; text-align: center; border: 1px solid #e1e1e1; border-left: none; border-right: none; padding: 1em 0; display: flex; align-items: center; justify-content: center; transition: .3s; position: relative;}
.y_btnLayout0 ul li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.y_btnLayout0 ul li.active {border-color: #042e24; background: #042e24; color: #fff; position: relative;}
.y_btnLayout0 ul li.active .line {position: absolute; width: 110%; height: 130%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.y_btnLayout0 ul li.active .line span {position: absolute; width: 20px; height: 20px; border: 2px solid #042e24;}
.y_btnLayout0 ul li.active .line span:nth-of-type(1) {left: 0; top: 0; border-right: none; border-bottom: none;}
.y_btnLayout0 ul li.active .line span:nth-of-type(2) {right: 0; top: 0; border-left: none; border-bottom: none;}
.y_btnLayout0 ul li.active .line span:nth-of-type(3) {right: 0; bottom: 0; border-top: none; border-left: none;}
.y_btnLayout0 ul li.active .line span:nth-of-type(4) {left: 0; bottom: 0; border-right: none; border-top: none;}

@media screen and (max-width:550px){
    .y_btnLayout0 ul {display: block;}
    .y_btnLayout0 ul li.active {cursor: pointer;}
    .y_btnLayout0 ul li.active .line {display: none;}
    .y_btnLayout0 ul li.active::after {
        content: '\ea4f';
        font-family: 'remixicon' !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        font-size: 24px;
        position: absolute;
        right: 0;
    }
    .y_btnLayout0 ul li.active a {display: none;}

    .y_btnLayout0 ul li + li {border-top: none; height:0; overflow:hidden;padding:0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-width:0;}
}


/*검색메뉴*/
.y_searchmenu {width: 90%; max-width: 710px; margin: 0 auto; display: flex;}
.y_searchmenu .select {margin-right: 10px; flex: 1; display: flex; border-bottom: 2px solid #000; box-sizing: border-box;}
.y_searchmenu .select select {width: 20%; max-width: 120px; border: none; margin-right: 15px; outline: none; cursor: pointer; font-size: 1.5rem; color: #333; background: none; font-family: 'Noto Sans KR', sans-serif;}
.y_searchmenu .select input {height: 50px; width: 80%; border: none; outline: none; font-size: 1.5rem; color: #000; background: none; font-family: 'Noto Sans KR', sans-serif;}
.y_searchmenu .select input::placeholder {color: #aaa;}
.y_searchmenu input[type="button"] {flex: 1; max-width: 120px; border: none; background: #232323; color: #fff; cursor: pointer; font-size: 1.8rem;}

@media screen and (max-width:768px){
    .y_searchmenu .select select {width: 100px;}
    .y_searchmenu .select input {height: 35px;}
    .y_searchmenu input[type="button"] {max-width: 80px;}
}

/*리스트 토탈*/
.y_list_total {font-size: 1.5rem; margin-bottom: 15px; margin-top: 30px;}
.y_list_total span {color: #042e24; font-weight: bold;}

/*테이블 레이아웃0*/
.y_tableLayout0 {border-top: 1px solid #042e24;}
.y_tableLayout0 table {font-size: 1.6rem; table-layout: fixed; border-collapse: collapse; text-align: center; width: 100%;}
.y_tableLayout0 table colgroup col.num {width: 95px;}
.y_tableLayout0 table colgroup col.cla {width: 15%;}
.y_tableLayout0 table colgroup col.cons {width: 5%;}
.y_tableLayout0 table colgroup col.date {width: 10%;}
.y_tableLayout0 table colgroup col.proc {width: 8%;}
.y_tableLayout0 table colgroup col.view {width: 70px;}

.y_tableLayout0 table tr th:first-child,
.y_tableLayout0 table tr td:first-child {padding-left: 20px; white-space: nowrap;}

.y_tableLayout0 table th {padding: 20px 0; background: #f7f3ef; white-space: nowrap;}
.y_tableLayout0 table td {padding: 30px 0;}
.y_tableLayout0 table tr td p.notice {color: #fff; background: #042e24; padding: 5px 0;}
.y_tableLayout0 table tr td.cla {color: #042e24;}
.y_tableLayout0 table tr td.title {text-align: left;}
.y_tableLayout0 table tr td.title a {white-space: nowrap; text-overflow:ellipsis; overflow: hidden; display: block;}
.y_tableLayout0 table tr td p.text {display: flex; align-items: center;}
.y_tableLayout0 table tr td .lock {margin-left: 10px;}
.y_tableLayout0 table tr:nth-of-type(n+2) {border-bottom: 1px solid #ccc;}

/*버튼 리스트*/
.btnmore {display: flex; justify-content: center; width: 80%; margin: 50px auto 0;}
.btnmore a {flex:1;color: #042e24; border: 2px solid #042e24; font-size: 1.8rem; font-weight: 500; max-width: 150px; height: 45px; display: flex; align-items: center; justify-content: center; transition: .3s; margin-right: 13px; transition-property: background, color;}
.btnmore a:last-child {margin-right: 0;}
.btnmore a.yellow {color: #b89146; border-color: #b89146;}
.btnmore a.black {color: #000; border-color: #000;}

.btnmore a.black:hover {color: #fff; background: #000;}
.btnmore a.yellow:hover {background: #b89146; color: #fff;}
.btnmore a:hover {background: #042e24; color: #fff;}

.btnmore.more2 a:first-child,
.btnmore.more2 a:last-child {border: none; color: #666;}
.btnmore.more2 a:first-child img {margin-right: 5px;}
.btnmore.more2 a:last-child img {margin-left: 5px;}
.btnmore.more2 a:first-child:hover,
.btnmore.more2 a:last-child:hover {background: none;}

@media screen and (max-width:768px){
    .btnmore a {height: auto; padding: 0.8em 1em;}
}

.btn_link {font-size: 1.8rem; color: #fff; background: #b0894a; padding: 1em 1em; max-width: 160px; width: 20%; margin: 0 auto; display: block; text-align: center; margin-top: 40px;}

@media screen and (max-width:768px){
    .btn_link {width: 160px;}
    .y_tableLayout0 table th{width: 100%;}
}


/*페이지 버튼*/
.pagebtn {display: flex; align-items: center; justify-content: center; margin-top: 35px;}
.pagebtn a {width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-right: 30px;}
.pagebtn a.d-prev,
.pagebtn a.prev,
.pagebtn a.next,
.pagebtn a.d-next {width: auto; height: auto;}
.pagebtn a.prev {margin-left: 15px; margin-right: 50px;}
.pagebtn a.next {margin-right: 15px; margin-left: 20px;}
.pagebtn a.active {border: 1px solid #042e24; border-radius: 1000px; color: #042e24;}

@media screen and (max-width:768px){
    .pagebtn a {width: auto; height: auto; width: 30px; height: 30px; margin-right: 3%;}
    .pagebtn a:nth-last-of-type(3) {margin-right: 0;}
    .pagebtn a.prev {margin-left: 3%; margin-right: 5%;}
    .pagebtn a.next {margin-left: 3%; margin-right: 5%;}
    .pagebtn a.d-prev {margin-right: 0;}
}

/*승소사례 레이아웃*/
.y_caseLayout .tit {font-size: 2.2rem; color: #232323; padding-left: 25px; position: relative; margin: 40px 0 15px;}
.y_caseLayout .tit a {border: 1px solid #b0894a; color: #b0894a; padding: 0.2em 1em; font-size: 15px; font-weight: normal; margin-left: 15px; white-space: nowrap;}
.y_caseLayout .tit::before {position: absolute; left: 0; top: 0; height: 100%; width: 8px; background: #232323; content: '';}
.y_caseLayout.color1 .tit {color: #042e24;}
.y_caseLayout.color1 .tit::before {background: #042e24;}

.y_caseItem {display: flex; margin: 0 -30px; flex-wrap: wrap; margin-top: -35px;}
.y_caseItem li {width: calc(99.9%/3 - 180px/3); margin: 0 30px; margin-top: 35px; position: relative;}
.y_caseItem li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.y_caseItem li .tB {border: 1px solid #ccc; margin-left: 20px; padding-bottom: 45px; transition: .3s;}
.y_caseItem li .case {font-size: 2rem; padding: 0.6em 1.5em; background: #404040; color: #fff; display: inline-block; transform: translateX(-20px); margin: 40px 0 35px;}
.y_caseItem.ver2 li .case {background:#042e24;}
.y_caseItem li .hashtag, .y_caseItem li h2, .y_caseItem li p {margin: 0 30px; word-break: break-all;}

.y_caseItem li .hashtag span{font-size: 1.5rem; border-radius: 100px; display: inline; padding: 0.2em 1em; line-height: 2;}

.y_caseItem li h2 {font-size: 2rem; margin: 10px 30px 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; height: 2.4em; word-break: inherit;}
.y_caseItem li span {display: block; border: 1px solid #042e24; color: #042e24;}
.y_caseItem li p {font-size: 1.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; line-height: 1.2em; height: 4.8em;}

@media screen and (max-width:1090px){
    .y_caseItem {margin: 0 -5%; margin-top: -35px;}
    .y_caseItem li {width: calc(99.9%/3 - 15%/3); margin: 0 2.5%; margin-top: 35px;}
    .y_caseItem li .case {margin: 15px 0;}

    .y_caseItem li .hashtag, .y_caseItem li h2, .y_caseItem li p {margin: 0 8%;}
    .y_caseItem li h2 {margin: 15px 8%;}
    .y_caseItem li .tB {padding-bottom: 25px;}
}

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

    .y_caseItem.ver2 li .hashtag, .y_caseItem.ver2 li h2, .y_caseItem.ver2 li p {margin: 0 5%;}
    .y_caseItem.ver2 li h2 {margin: 15px 5%;}

    .y_caseItem.ver1 {margin: 0; width: 100%; border-top: 2px solid #042e24;}
    .y_caseItem.ver1 li .case {transform: none; margin: 0 15px; border-radius: 100px;}
    .y_caseItem.ver1 li {width: 100%; margin: 0; border-bottom: 1px solid #e0e0e0;padding: 20px 0;}
    .y_caseItem.ver1 li .hashtag, .y_caseItem.ver1 li h2, .y_caseItem.ver1 li p {
        margin: 0;
    }
    .y_caseItem.ver1 li .hashtag {display: none;}
    .y_caseItem.ver1 li .tB {border: none; padding: 0; margin: 0; display: flex; align-items: center; width: 100%;}
    .y_caseItem.ver1 li .case { width: 100px; text-align: center; background:#042e24; font-size: 12px; padding: 0.2em 0.5em; margin: 0;}
    .y_caseItem.ver1 li p {display: none;}
    .y_caseItem.ver1 li h2 {-webkit-line-clamp: 2; height: auto; display: -webkit-box; width: calc(100% - 100px); font-weight: normal; font-size: 15px; color: #444; padding-left: 10px;}

    .y_caseItem.ver1 li:first-child {width: 100%; display: flex; background: #f7f3ef;}
    .y_caseItem.ver1 li:first-child p {display: table-cell; line-height: 1; height: auto; text-align: center;}
    .y_caseItem.ver1 li:first-child p:first-child {width: 95px; margin: 0 15px;}
    .y_caseItem.ver1 li:first-child p:last-child {width: calc(100% - 100px); text-align:center;}

}

@media screen and (max-width:308px){
    .y_caseLayout .tit a {margin-left: 0; display: inline-block; margin-top: 10px;}
}

@media screen and (min-width:769px){
    /*hover*/
    .y_caseItem li:hover .tB {background: #232323;}
    .y_caseItem li:hover span {color: #fff; border-color: #fff;}
    .y_caseItem li:hover h2 {color: #cebd95;}
    .y_caseItem li:hover p {color: #999999;}
}


/*서브 디자인*/

/*서브 마진값 변경 및 기본설정*/
#jySub {margin: 120px 0;}
#jySub.instarwebtoon,
#jySub.wv {margin: 0;}

@media screen and (max-width:768px){
    #jySub {margin: 80px 0;}

}



/*변호사 소개 승소사례*/
.y_caseLayout .sBback {position: relative;}
.y_caseLayout .sBback .btn a {position: absolute; top: 50%; transform: translateY(-50%);}
.y_caseLayout .sBback .btn a.prev {left: -5%;}
.y_caseLayout .sBback .btn a.next {right: -7%;}
.y_caseLayout .sBback .swiper-pagination {position: static; bottom: auto; left: auto; margin-top: 15px;}
.y_caseLayout .sBback .swiper-pagination-bullet {width: 15px; height: 15px; background:#042e24;}

.y_caseLayout .sB .y_caseItem {margin: 0; flex-wrap: nowrap;}
.y_caseLayout .sB .y_caseItem li {margin: 0 ; padding-left: 20px;}
.y_caseLayout .sB .y_caseItem li .tB {margin: 0;}

@media screen and (max-width:1090px){
    .y_caseLayout .sBback {width: 90%; margin: 0 auto;}
    .y_caseLayout .sBback .btn a.next {right: -8%;}
}

@media screen and (max-width:768px){
    .y_caseLayout .sBback {width: 100%; margin: 0 auto;}
    .y_caseLayout .sBback .btn {display: none;}
}

/*변호사 소개 언론매체*/
.introduce-view div.act_fade {display: none; transform-origin: top center;}
.introduce-view div.act_fade1 {display: block;}
.introduce-view .vll {padding-top: 30px;}
.introduce-view .vll li h2 {margin-bottom: 0;}


/*대표승소사례*/
#jySub.rep .y_btnLayout0 {margin: 25px 0 45px;}

/* #jySub.rep .y_tableLayout0 td.title {padding: 2.5%;} */

@media screen and (max-width:768px){
    #jySub.rep .y_tableLayout0 table tr th:first-child,
    #jySub.rep .y_tableLayout0 table tr td:first-child  {padding-left: 10px;}

    #jySub.rep .y_tableLayout0 table colgroup col.num {width: 50px;}

    #jySub.rep .y_tableLayout0 table th.date, #jySub.rep .y_tableLayout0 table td.date, #jySub.rep .y_tableLayout0 table th.view, #jySub.rep .y_tableLayout0 table td.view, #jySub.rep .y_tableLayout0 table colgroup col.date, #jySub.rep .y_tableLayout0 table colgroup col.view {display: none;}
}








/*상담신청 리스트*/

.pwMod {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: none;}
.pwMod .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.pwMod .pwbox {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #fff; width: 90%; max-width: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 95px 0; background-image: url(/img/pwModBg.png); background-repeat: no-repeat; background-position: 100% 100%; background-size: auto 50%;}
.pwMod .pwbox .line {position: absolute; left: 50%; top: 50%; width: 102%; height: 102%; pointer-events: none; transform: translate(-50%,-50%);}
.pwMod .pwbox .line span {width: 70px; height: 70px; position: absolute; border: 10px solid #042e24;}
.pwMod .pwbox .line span:first-child {left: 0; top: 0; border-right: none; border-bottom: none;}
.pwMod .pwbox .line span:last-child {right: 0; bottom: 0; border-left: none; border-top: none;}
.pwMod .pwbox .close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #000; color:#c9b892; font-size: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pwMod .pwbox label {font-size: 2.4rem; margin-bottom: 20px;}
.pwMod .pwbox .iB {display: flex; width: 80%;}
.pwMod .pwbox input[type='password']{height: 40px; padding: 0 3%; font-size: 1.8rem;outline: none; background: none; border: 1px solid #ccc; font-family: 'Noto Sans KR', sans-serif; width: 70%;}
.pwMod .pwbox input[type='button']{color: #fff; background:#042e24; border: none; outline: none; width: 30%; max-width: 120px; cursor: pointer;}


@media screen and (max-width:768px){
    #jySub.listLayout .y_tableLayout0 table colgroup col.cla {width: 75px;}
    #jySub.listLayout .y_tableLayout0 table colgroup col.cons {width: 50px;}
    #jySub.listLayout .y_tableLayout0 table colgroup col.proc {width: 70px;}

    #jySub.listLayout .y_tableLayout0 table tr th.cla,
    #jySub.listLayout .y_tableLayout0 table tr td.cla {padding-left: 15px; padding-right: 15px; white-space: nowrap;}
    #jySub.listLayout .y_tableLayout0 table tr th.proc,
    #jySub.listLayout .y_tableLayout0 table tr td.proc {padding-right: 15px;}

    #jySub.listLayout .y_tableLayout0 table colgroup col.num,
    #jySub.listLayout .y_tableLayout0 table colgroup col.date,
    #jySub.listLayout .y_tableLayout0 table tr th.num,
    #jySub.listLayout .y_tableLayout0 table tr td.num,
    #jySub.listLayout .y_tableLayout0 table tr th.date,
    #jySub.listLayout .y_tableLayout0 table tr td.date {display: none;}

    .pwMod .pwbox {padding: 80px 0;}
}



/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ뷰페이지 관련ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.viewlayout > h2 {font-size: 3rem; font-weight: 500; margin-bottom: 25px; line-height: 1.3;}
.viewlayout .title {box-sizing: border-box; border-top: 2px solid #042e24; background: #f7f3ef; display: flex; align-items: center; justify-content: flex-end; font-size: 1.5rem; padding: 25px 30px 20px; box-sizing: border-box;}
.viewlayout .title li {padding-right: 20px; margin-right: 25px; position: relative;}
.viewlayout .title li span {color: #888;}
.viewlayout .title li:last-child {padding-right: 0; margin-right: 0;}
.viewlayout .title li:last-child::after {display: none;}
.viewlayout .title li::after {position: absolute; right: 0; height: 50%; top: 50%; transform: translateY(-50%); width: 1px; background: #000; content: '';}
.viewlayout .view {border-bottom: 1px solid #cccccc; font-size: 1.8rem; padding: 5%; line-height: 1.5;}
.viewlayout .view .videobox {position: relative;}
.viewlayout .view .videobox iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.viewlayout .view .videobox::after {content: ''; display: block; padding-bottom: 56.25%;}
.viewlayout .view h2{ padding: 10px 0; }

.viewlayout .reply {margin-top: 15px; background: #eeeeee; padding: 20px 25px 20px 50px; font-size: 1.8rem; position: relative; line-height: 1.3; word-break: break-all;}
.viewlayout .reply img {position: absolute; left: 25px;}

@media screen and (max-width:768px){
    .viewlayout > h2 {margin-bottom: 40px;}
    .viewlayout .title {padding: 15px 5%; flex-wrap: wrap; margin-top: -5px;}
    .viewlayout .title li {padding-right: 4%; margin-right: 5%; white-space: nowrap; margin-top: 5px;}
    .viewlayout .reply {padding: 5% 8% 5% 50px;}
    .viewlayout .reply img {left: 25px;}
}

/*변호사 버튼*/
.btn_person {display: flex; width: 100%; margin-bottom: 10%; justify-content: center;}
.btn_person li {width: calc(100%/4 - 90px/4);  border: 1px solid #ccc; padding: 15px; display: flex; align-items: center; justify-content: space-between; position: relative; transition: .3s; transition-property: border; margin-right: 30px;}
.btn_person li:last-child {margin-right: 0;}
.btn_person li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.btn_person li .img {max-width: 70px; width: 100%; background: #555; border-radius: 1000px; background-position: 50% 0; background-size: 200%; background-repeat: no-repeat; min-width: 30px;}
.btn_person li .img::after {content: ''; display: block; padding-bottom: 100%;}
.btn_person li dl {margin: 0 40px 0 20px; color: #444444; font-size: 1.8rem; white-space: nowrap; line-height: 1.3;}
.btn_person li dl dd {font-weight: bold;}
.btn_person li i {width: 35px; background-image: url(/img/btn_person_arrow_off.png); background-repeat: no-repeat; background-position: center; background-size: contain; flex: 0 0 auto;}
.btn_person li i::after {content: ''; display: block; padding-bottom: 100%;}
.btn_person li:hover {border-color: #042e24;}
.btn_person li:hover i {background-image: url(/img/btn_person_arrow_on.png);}

@media screen and (max-width:1390px){
    .btn_person li {margin-right: 3%;}
    .btn_person li dl {margin: 0 5%; font-size: 1.4vw;}
}


@media screen and (max-width:1020px){
    .btn_person li p {margin: 0 5% 0 4%; font-size: 1.5vw;}
    .btn_person li i {width: 25px;}
}

@media screen and (max-width:768px){
    .btn_person {flex-wrap: wrap; margin-top: -15px;}
    .btn_person li {flex: none; width: calc(50% - 15px/2); margin-top: 15px; margin-right: 15px; padding: 10px;}
    .btn_person li:nth-of-type(even) {margin-right: 0;}
    .btn_person li dl {font-size: 3vw;}
}

@media screen and (max-width:360px){
    .btn_person li {display: block;}
    .btn_person li .img {margin: 0 auto;}
    .btn_person li i {display: none;}
    .btn_person li dl {font-size: 1.8rem; margin: 0; text-align: center; margin-top: 10px;}
}


/*파일롬*/
.viewlayout .file {border-bottom: 1px solid #cccccc; padding: 20px; box-sizing: border-box; display: flex; font-size: 1.5rem; align-items: center;}
.viewlayout .file h2 {margin-right: 30px;}
.viewlayout .file a {color: #042e24;}
.viewlayout .file a img {margin-left: 5px;}

@media screen and (max-width:768px){
    .viewlayout .file {padding: 20px 0;}
}

/*이전,다음 리스트*/
.list_pn {border: 1px solid #ccc; border-left: none; border-right: none; margin-top: 70px;}
.list_pn li {width: 100%; display: flex; font-size: 1.5rem; align-items: center; color: #666;}
.list_pn li + li {border-top: 1px solid #ccc;}
.list_pn li p {background: #f7f3ef; padding: 20px 0; min-width: 120px; display: flex; align-items: center; justify-content: center;}
.list_pn li p i {font-size: 24px; color: #666;}
.list_pn li a {margin-left: 25px; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis;}

@media screen and (max-width:768px){
    .list_pn {margin-top: 10%;}
    .list_pn li p {min-width: 80px; padding: 0.5em 0;}
    .list_pn li a {margin-left: 15px;}
}


/*상담신청*/
#jySub.counsleSign .tit {margin-bottom: 30px;}
#jySub.counsleSign .tit dt {font-size: 3rem; color: #232323; margin-bottom: 30px; position: relative;}
#jySub.counsleSign .tit dt img {position: absolute; left: 0; top: 0; transform: translate(-30%,-70%); opacity: 0.1; z-index: -1;}
#jySub.counsleSign .tit dt span {color: #042e24; font-weight: bold;}
#jySub.counsleSign .tit dd {font-size: 2.4rem; color: #666; line-height: 1.3;}

#jySub.counsleSign p.listUp {text-align: right; font-size: 1.8rem; border-bottom: 2px solid #042e24; padding-bottom: 15px;}
#jySub.counsleSign p.listUp span {color: #042e24;}

#jySub.counsleSign .privacy .check {color: #888;}
#jySub.counsleSign .privacy a{color: #888; border-color: #888;}
#jySub.counsleSign .privacy .check label::before {background-color: #888;}

#jySub.counsleSign .btnlist {display: flex; margin-top: 20px; margin-bottom: 40px;}
#jySub.counsleSign .btnlist li {flex: 1; text-align: center; background: #eee;  color: #666; margin-right: 15px; font-size: 1.8rem; padding: 15px 0; cursor: pointer; transition: .3s; transition-property: background;}
#jySub.counsleSign .btnlist li:last-child {margin-right: 0;}
#jySub.counsleSign .btnlist li.active {background: #042e24; color: #fff;}

#jySub.counsleSign .formlist {display: flex; flex-wrap: wrap;}
#jySub.counsleSign .formlist li {flex: 1 1 45%; display: flex; font-size: 2rem; color: #232323; align-items: center; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
#jySub.counsleSign .formlist li:nth-of-type(odd) {margin-right: 30px;}
#jySub.counsleSign .formlist li .img {flex: 0 0 22px; margin-right: 15px;}
#jySub.counsleSign .formlist li:last-child {flex: 1 1 100%; margin-right: 0; margin-bottom: 0;}
#jySub.counsleSign .formlist li p {width: 100px;}
#jySub.counsleSign .formlist li p span {color: #042e24;}
#jySub.counsleSign .formlist li input {flex: 1; height: 35px; padding: 0 10px; border: none; outline: none; font-size: 1.8rem; font-family: 'Noto Sans KR', sans-serif; width: 100%;}

#jySub.counsleSign textarea {width: 100%; resize: none; margin-top: 30px; height: 350px; padding: 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 1.8rem; font-family: 'Noto Sans KR', sans-serif;}

@media screen and (max-width:768px){
    #jySub.counsleSign .tit {margin-bottom: 5%;}
    #jySub.counsleSign .tit dt {font-size: 5vw; line-height: 1.3; margin-bottom: 5%;}
    #jySub.counsleSign .tit dd {font-size: 1.8rem;}
    #jySub.counsleSign .btnlist {flex-wrap: wrap; margin: 5% 0 8%;}
    #jySub.counsleSign .btnlist li {margin-right:3%; font-size: 16px; padding: 0.8em 0; white-space: nowrap;}
    #jySub.counsleSign .formlist li {flex: 1 1 100%; padding-bottom: 3%; margin-bottom: 5%;}
    #jySub.counsleSign .formlist li:nth-of-type(odd) {margin-right: 0;}
    #jySub.counsleSign .formlist li p {width: 80px;}
    #jySub.counsleSign textarea {height: 250px;}
    #jySub.counsleSign .tit dt img {width: 10%;}
}

@media screen and (max-width:400px){
    #jySub.counsleSign .btnlist li {flex: none; width: calc(50% - 3%/2); margin-bottom: 3%;}
    #jySub.counsleSign .btnlist li:nth-of-type(2n) {margin-right: 0;}
    #jySub.counsleSign .btnlist li:nth-last-of-type(-n+2) {margin-bottom: 0;}
}

/*뷰 리스트*/
.vll{ display: flex; margin: 0 -10px; flex-wrap: wrap; margin-top: -50px;}
.vll li {width: calc(100%/3 - 60px/3); margin: 0 10px; padding: 35px 30px; border: 1px solid #ccc; margin-top: 50px; position: relative; transition: .3s; transition-property: background;}
.vll li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.vll li dl.preson {font-size: 1.8rem; display: flex; color: #444;margin-top: -5px; transition: .3s; transition-property: color; align-items: center; flex-wrap: wrap;}
.vll li dl.preson dt {display: flex; margin-top: 5px; position: relative; padding-right: 8px; margin-right: 8px; align-items: center;}
.vll li dl.preson dt::after {content: ''; display: block; width: 1px; height: 15px; background: #444; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.vll li dl.preson dt img {margin-right: 5px;}
.vll li dl.preson dd {margin-top: 5px; word-break: break-all; flex: 1; display: flex;flex-wrap: wrap;}
.vll li dl.preson dd p {font-size: 14px; display: flex; white-space: nowrap; line-height: 1.3;}
.vll li dl.preson dd p:nth-of-type(even):after {display: none;}
.vll li dl.preson dd p::after {content: '·'; display: block; margin: 0 5px;}

/*뷰 리스트0*/
.vll0 li .img {width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.vll0 li .img::after {content: ''; display: block; padding-bottom: calc(214/347 * 100%);}
.vll0 li h2 {font-size: 2rem; margin-top: 15px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 1.2em; height: 2.4em; transition: .3s; transition-property: color;}

/*뷰 리스트1*/
.vll1 li {line-height: 1.3;}
.vll1 li .tit dt {font-size: 1.8rem; margin-bottom: 20px; color: #042e24;}
.vll1 li .tit dd {font-size: 2rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 1.2em; height: 2.4em; font-weight: bold ;}
.vll1 li > p {font-size: 1.7rem; margin: 18px 0 37px; color: #666666; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 1.5em; height: 6em; word-break: break-all;}
.vll1 li span.date {font-size: 1.8rem; display: block; margin-bottom: 20px; color: #888888;}


@media screen and (min-width:769px){
    .vll li:hover {background: #232323;}
    .vll li:hover dl.preson {color: #ccc;}

    .vll0 li:hover h2,
    .vll1 li:hover .tit dd {color: #cebd95;}
    .vll1 li:hover .tit dt {color: #fff;}

    .vll1 li:hover p {color: #999999;}
    .vll1 li:hover span.date {color: #999;}
}

@media screen and (max-width:980px){
    .vll0 li {padding: 3%;}
    .vll li dl.preson dd {white-space: normal;}
}

@media screen and (max-width:768px){
    .vll {margin: 0 -2.5%; margin-top: -5%;}
    .vll li {width: calc(100%/2 - 10%/2); margin: 0 2.5%; padding: 3%; margin-top: 5%;}
    .vll0 li h2 {margin: 10px 0 15px;}
    .vll1 li > p {margin: 5% 0;}
}

@media screen and (max-width:500px){
    .vll0 {margin: 0; margin-top: -5%; }
    .vll li {width: 100%; margin: 0; margin-top: 5%;}
}

.list_hashtag {display: flex; flex-wrap: wrap; margin: 35px 12% 0; justify-content: center;}
.list_hashtag a {background: #232323; color: #fff; text-align: center; font-size: 1.8rem; padding: 0.5em; display: block; margin: 5px 5px 0; border-radius: 1000px;  white-space: nowrap; min-width: 77px;}
.list_hashtag a.wh {background: #104135;}
.list_hashtag a.wh:last-of-type {background: #232323;}

@media screen and (max-width:768px){
    .list_hashtag {margin: 35px 0 0;}
}

/*해쉬태그 클릭*/
.ckhashtag {position: relative; background: #f7f7f7; margin-top: 50px; text-align: center;}
.ckhashtag .line {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ckhashtag .line span {border: 10px solid #042e24; position:absolute; width: 10vw; height: 10vw; max-width: 70px; max-height: 70px;}
.ckhashtag .line span:nth-of-type(1) {border-right: 0; border-bottom: 0; left: 0; top: 0;}
.ckhashtag .line span:nth-of-type(2) {border-left: 0; border-top: 0; right: 0; bottom: 0;}
.ckhashtag dl {display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 50px 0 35px; line-height: 1.5;}
.ckhashtag dt {font-size: 3rem; font-weight: 400; position: relative; z-index: 1;}
.ckhashtag dt img {position: absolute; left: 0; top: 0; transform: translate(-50%,-60%); z-index: -1; opacity: 0.1; width: 15%; max-width: 82px;}
.ckhashtag dt span {font-weight: bold; color: #042e24;}
.ckhashtag dd {font-size: 2rem; color: #888;}

@media screen and (max-width:768px){
    .ckhashtag dl {padding: 35px 0;}
    .ckhashtag dt {font-size: 2rem;}
    .ckhashtag dd {font-size: 1.6rem;}
}


/*유튜브 채널*/
.vll.vil2 h2 {margin-bottom: 0;}

/*미디어 뷰*/
#jySub.meidaview .btnmore {margin: 50px auto 0;}


/*인스타그래 뷰*/
#jySub.instarwebtoon {position: relative;}
#jySub .web_visual {height: 720px; background-image: url(/img/webtoon_visual.png); position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 100px;}
#jySub .web_visual dl {position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%); line-height: 1.3;}
#jySub .web_visual dl dt {font-size: 3.2rem; white-space: nowrap; color: #705547; font-weight: 500;}
#jySub .web_visual dl dt span,
#jySub .web_visual dl dt strong {font-size: 6rem; font-family: 'yg-jalnan';}
#jySub .web_visual dl dt span {color: #fff; -webkit-text-stroke: 3px #705547;}
#jySub .web_visual dl dd {font-size: 2rem; margin-top: 25px; font-weight: 400; color: rgba(112, 85, 71, 0.7);}
#jySub .web_visual .img {position: absolute; right: 5%; left: 65%; top: 50%; transform: translateY(-50%);}

@media screen and (max-width:1385px){
    #jySub .web_visual .img {left: 70%; right: 0;}
}

@media screen and (max-width:1265px){
    #jySub .web_visual {margin-top: 80px;}
}

@media screen and (max-width:1100px){
    #jySub .web_visual .img {display: none;}
}

@media screen and (max-width:768px){
    #jySub .web_visual {margin-top: 50px; height: 50vh; background-image: url(/img/webtoon_visual_mob.png);}
    #jySub .web_visual dl {transform: translateY(-50%); right: 0; left: auto; top: 40%; width: 65%;}

    #jySub .web_visual dl dt {font-size: 4vw;}
    #jySub .web_visual dl dt span,
    #jySub .web_visual dl dt strong {font-size: 7.2vw;}
    #jySub .web_visual dl dd {font-size: 1.5rem; margin-top: 3%; line-height: 1.5;}
    #jySub .web_visual dl dt span {-webkit-text-stroke: 0.05em #705547;}
}

@media screen and (max-width:320px){
    #jySub .web_visual dl {width: auto;}
}


#jySub .webSlideBox {margin-top: 80px; position: relative; margin-bottom: 100px;}
#jySub .webSlideBox .btn {position: absolute; width: 90%; max-width: 1280px; left: 50%; transform: translateX(-50%);}
#jySub .webSlideBox .btn ul {max-width: 280px; width: 30%;}
#jySub .webSlideBox .btn ul li {background-color: #fff; color: #232323; box-sizing: border-box; padding: 15px 30px; border-bottom: 1px solid #ccc; cursor: pointer; background-image: url(/img/btn_person_arrow_off.png); background-repeat: no-repeat; background-position: 90% center;}
#jySub .webSlideBox .btn ul li dl {line-height: 1.3;}
#jySub .webSlideBox .btn ul li dt {color: #042e24; font-size: 1.7rem;}
#jySub .webSlideBox .btn ul li dd {font-size: 2.8rem; font-weight: bold;}
#jySub .webSlideBox .btn ul li.active {background-color: #042e24; border-bottom: 1px solid #042e24; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); position: relative;background-image: url(/img/btn_person_arrow_offW.png);}
#jySub .webSlideBox .btn ul li.active dt,
#jySub .webSlideBox .btn ul li.active dd {color: #fff;}
#jySub .webSlideBox .btn ul li:first-child {border-top: 1px solid #ccc;}
#jySub .webSlideBox .btn ul li:first-child.acitve {border-top: 1px solid #042e24;}

#jySub .webSlideBox .wbS {width:60%; margin-left: auto;}

#jySub .webSlideBox .sb .img {background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
#jySub .webSlideBox .sb .img::after {content: ''; display: block; padding-bottom: 100%;}
#jySub .webSlideBox .sb li {width: calc(100%/2.5);}

#jySub .webSlideBox .sb li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
#jySub .webSlideBox .sb li > h2 {font-size: 2.4rem; text-align: center; margin-top: 15px;}
#jySub .webSlideBox .sb .tb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.5); color: #fff; opacity: 0; visibility: hidden; transition: .3s;}
#jySub .webSlideBox .sb .tb h2 {font-size: 3rem;}
#jySub .webSlideBox .sb .tb p {font-size: 2rem; margin: 10px 0;}

#jySub .webSlideBox .pagebar {display: flex; align-items: center; margin-top: 40px;}
#jySub .webSlideBox .pagebar li:last-child {flex: 1; height: 3px; margin-right: 0;}
#jySub .webSlideBox .pagebar li.swiper-pagination-progressbar {position: relative;}
#jySub .webSlideBox .pagebar li {margin-right: 10px;}
#jySub .webSlideBox .pagebar li.next {margin-right: 30px;}
#jySub .webSlideBox .pagebar li .swiper-pagination-progressbar-fill {background: #042e24 !important;}

#jySub .webSlideBox .pagebar li.next,
#jySub .webSlideBox .pagebar li.prev {cursor:pointer;}

#jySub .webSlideBox .sb li:hover .img .tb{opacity: 1; visibility: visible;}

@media screen and (max-width:1300px){
    #jySub .webSlideBox .sb li {width: calc(100%/1.5);}
}


@media screen and (max-width:880px){
    #jySub .webSlideBox .btn ul li dt {font-size: 2vw;}
    #jySub .webSlideBox .btn ul li dd {font-size: 2.5vw;}
}

@media screen and (max-width:768px){
    #jySub .webSlideBox {margin: 0; margin-top: 10%;}
    #jySub .webSlideBox .btn {position: static; left: auto; transform: none; margin: 0 auto;}
    #jySub .webSlideBox .btn ul {width: 100%; max-width: none; display: flex; margin-bottom: 30px;}
    #jySub .webSlideBox .btn ul li {background-image: none; flex: 1; text-align:center; padding: 0;}
    #jySub .webSlideBox .btn ul li dl {padding: 3% 0;}
    #jySub .webSlideBox .btn ul li:first-child {border-top: none;}
    #jySub .webSlideBox .btn ul li.active {background-image: none;}

    #jySub .webSlideBox .btn ul li dt {font-size: 3vw;}
    #jySub .webSlideBox .btn ul li dd {font-size: 4vw;}

    #jySub .webSlideBox .wbS {width: 100%; margin-top: 5%; margin-bottom: 5%;}

    #jySub .webSlideBox .sb li > h2 {font-size: 4.5vw;}
    #jySub .webSlideBox .sb .tb h2 {font-size: 5vw;}
    #jySub .webSlideBox .sb .tb p {font-size: 3vw; margin: 0.8em 0;}

    #jySub .webSlideBox .pagebar {width: 90%; margin: 8% auto 0;}
    #jySub .webSlideBox .pagebar li.next {margin-right: 10px;}
}

#jySub .inwBottom {background: #eee; padding-bottom: 60px; position: relative;}
#jySub .inwBottom::after {position: absolute; top: 0; height: 100%; background: #eee; content: ''; width: 100%; z-index: -1; transform: translateY(-25%);}

@media screen and (max-width:768px){
    #jySub .inwBottom {padding-top: 5%;}
    #jySub .inwBottom::after {display: none;}
}


#jySub .weblist {max-width: 1280px; width: 90%; margin: 50px auto;}
#jySub .weblist ul {display: flex; flex-wrap: wrap; margin: 0 -10px; margin-top: -55px;}
#jySub .weblist li {width: calc(99.9%/3 - 120px/3); margin: 0 20px; margin-top: 55px; position: relative;}
#jySub .weblist li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
#jySub .weblist li > h2 {text-align: center; margin-top: 20px; font-size: 2.4rem;}
#jySub .weblist .img {border: 1px solid #ccc; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
#jySub .weblist .img::after {content: ''; display: block; padding-bottom: 100%;}
#jySub .weblist .img .tb {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,0.5); color: #fff; opacity: 0; visibility: hidden; transition: .3s;}
#jySub .weblist .img .tb h2 {font-size: 3rem;}
#jySub .weblist .img .tb p {font-size: 2rem; margin: 10px 0;}

#jySub .weblist li:hover .img .tb{opacity: 1; visibility: visible;}

@media screen and (max-width:768px){
    #jySub .weblist {margin-top: 20px;}
    #jySub .weblist ul {margin-top: -5%;}
    #jySub .weblist li {width: calc(99.9%/2 - 10%/2); margin: 0 2.5%; margin-top: 5%;}

    #jySub .weblist li > h2 {font-size: 4vw; margin-top: 0.8em;}
    #jySub .weblist .img .tb h2 {font-size: 4vw;}
    #jySub .weblist .img .tb p {font-size: 3vw; margin: 0.5em 0;}
}

/*웹툰 view*/

#jySub.wv {padding-bottom: 120px;}
#jySub .webView .tbox {text-align: center; border-bottom: 3px solid #042e24; padding-bottom: 30px;}
#jySub .webView .tbox dt {border-radius: 1000px; background-image: url(/img/instar_logo.png); background-size: contain; background-position: center; max-width: 56px; width: 15%; margin: 0 auto;}
#jySub .webView .tbox dt::after {display: block; padding-bottom: 100%; content: '';}
#jySub .webView .tbox dd {font-size: 2.4rem; color: #042e24; margin-top: 10px;}
#jySub .webView .tbox h2 {font-size: 4rem; color: #000; margin-top: 30px;}

#jySub .webView .datebox {display: flex; justify-content: flex-end; margin-top: 20px;}
#jySub .webView .datebox li {display: flex; align-items: center; font-size: 2rem; color: #888;}
#jySub .webView .datebox li + li {margin-left: 30px;}
#jySub .webView .datebox li img {margin-right: 10px;}
#jySub .webView .viewbox {padding: 70px 0; border-bottom: 1px solid #ccc; text-align: center; font-size: 1.6rem;}
#jySub .webView .viewbox img {pointer-events: none;}

#jySub .webView .web_Of {display: flex; margin-top: 25px; line-height: 1;}
#jySub .webView .web_Of li {flex: 1; display: flex; font-size: 1.8rem; color: #666; padding: 15px 20px; box-sizing: border-box; border: 1px solid #ccc; align-items: center;}
#jySub .webView .web_Of li:last-child {justify-content: flex-end; border-color: #042e24; color: #fff; background: #042e24;}
#jySub .webView .web_Of li span {font-size: 1.6rem; font-family: 'Montserrat', sans-serif; position: relative; top: 1px;}
#jySub .webView .web_Of li p {color: #444; margin-left: 15px;}
#jySub .webView .web_Of li:last-child p {color: #fff; margin-right: 15px; margin-left: 0;}


#jySub .webView .webPN {margin-top: 55px;}
#jySub .webView .webPN .sB {display: flex; align-items: center; padding: 35px 30px; border: 1px solid #ccc; border-top: none;}
#jySub .webView .webPN .sB .prev {margin-right: 35px;}
#jySub .webView .webPN .sB .next {margin-left: 35px;}
#jySub .webView .webPN .sB .prev,
#jySub .webView .webPN .sB .next {flex: none; cursor: pointer;}
#jySub .webView .webPN .swiper-container {flex: 1;}
#jySub .webView .webPN ul li {position: relative; text-align: center;}
#jySub .webView .webPN ul li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
#jySub .webView .webPN ul li:last-child::after {display: none;}
#jySub .webView .webPN ul li .img {width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; position: relative;}
#jySub .webView .webPN ul li.active .img {box-sizing: border-box; border: 5px solid #042e24;}
#jySub .webView .webPN ul li.active p {color: #042e24;}
#jySub .webView .webPN ul li .img::before {content: ''; height: 50%; background: #666; width: 1px; position:absolute; right: 0; top: 50%; transform: translate(25px,-50%);}
#jySub .webView .webPN ul li .img::after {content: ''; display: block; padding-bottom: 100%;}
#jySub .webView .webPN ul li p {font-size: 1.4rem; color: #666; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#jySub .webView .webPN ul li:last-child .img::before {display: none;}

@media screen and (max-width:1255px){
    #jySub .webView .webPN .sB {padding: 35px 10px;}
    #jySub .webView .webPN ul li .img::before {transform: translate(17.5px,-50%);}
    #jySub .webView .webPN .sB .prev {margin-right: 15px;}
    #jySub .webView .webPN .sB .next {margin-left: 15px;}
}

@media screen and (max-width:768px){
    #jySub.wv {padding-bottom: 10%;}
    #jySub .webView .viewbox {padding-top: 10%;}
    #jySub .webView .tbox {padding-bottom: 5%;}
    #jySub .webView .tbox dt {width: 10%;}
    #jySub .webView .tbox dd {font-size: 3.5vw; margin-top: 0.5em;}
    #jySub .webView .tbox h2 {font-size: 5vw; margin-top: 0.5em;}
    #jySub .webView .webPN ul li .img::before {transform: translate(10px,-50%);}
    #jySub .webView .webPN .sB {padding: 5% 10px;}
    #jySub .webView .webPN .sB .prev,
    #jySub .webView .webPN .sB .next {width: 10%;}

    #jySub .webView .web_Of li {padding: 1em 1em; flex: none; width: 50%;}
    #jySub .webView .web_Of li p {margin-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    #jySub .webView .web_Of li:last-child p {margin-right: 10px;}
}

/*승소사례 뷰페이지*/
#jySub.pv_view .tp {display: flex;}
#jySub.pv_view .tp .info {margin-right: 95px; flex: 1; max-width: 350px;}
#jySub.pv_view .tp .info .dlt dt {font-size: 2.4rem; margin-bottom: 25px; color: #042e24;}
#jySub.pv_view .tp .info .dlt dd {font-size: 3rem; margin-bottom: 15px; line-height: 1.3; font-weight: 500; word-break: break-all;}
#jySub.pv_view .tp .info .date {display: flex; font-size: 1.8rem; color: #888; margin-bottom: 40px;}
#jySub.pv_view .tp .info .date li {display: flex; align-items: center;}
#jySub.pv_view .tp .info .date li:first-child {margin-right: 20px;}
#jySub.pv_view .tp .info .date li img {margin-right: 5px;}
#jySub.pv_view .tp .info .person {display: flex; margin-bottom: 30px; flex-wrap: wrap; margin-top: -20px;}
#jySub.pv_view .tp .info .person li {width: calc(50% - 20px/2); margin-right: 20px; margin-top: 20px; position: relative;}
#jySub.pv_view .tp .info .person li a {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#jySub.pv_view .tp .info .person li:nth-of-type(even) {margin-right: 0;}
#jySub.pv_view .tp .info .person li .img {background-color: #555; border-radius: 1000px; width: 80%; background-position: 50% 0; background-size: 200%; max-width: 70px; }
#jySub.pv_view .tp .info .person li .img::after {content: ''; display: block; padding-bottom: 100%;}
#jySub.pv_view .tp .info .person li dl {font-size: 1.8rem; font-weight: normal; margin-top: 15px; line-height: 1.5; color: #444;}
#jySub.pv_view .tp .info .person li dd {font-weight: bold;}
#jySub.pv_view .tp .info .rv {font-size: 2rem; margin-bottom: 20px; color: #042e24; font-weight: 400;}
#jySub.pv_view .tp .info .rvcont {background: #f7f7f7; font-size: 1.8rem; color: #666; box-sizing:border-box; padding: 20px; line-height: 1.5;}
#jySub.pv_view .tp .info .rvcont p + p {margin-top: 30px;}

@media screen and (max-width:768px){
    #jySub.pv_view .tp .info .person {max-width: 270px; margin: 0 auto;}
    #jySub.pv_view .tp .info .person li .img {max-width: none;}
    #jySub.pv_view .tp .info .date {margin-bottom: 25px;}
    #jySub.pv_view .tp .info .rv {margin-top: 25px;}
}


#jySub.pv_view .tp .cont {flex: 2;}
#jySub.pv_view .tp .cont .pvVlayout0 + .pvVlayout0 {margin-top: 60px;}
#jySub.pv_view .tp .cont .pvVlayout0 dt {font-size: 2.4rem; font-weight: bold; color: #042e24; padding-bottom: 30px; margin-bottom: 15px; position: relative; display: inline-block;}
#jySub.pv_view .tp .cont .pvVlayout0 dt::after {content: ''; position: absolute; left: 0; width: 30px; height: 3px; background: #666666; bottom: 0;}
#jySub.pv_view .tp .cont .pvVlayout0 dd {font-size: 1.8rem; color: #666; line-height: 1.5;}
#jySub.pv_view .tp .cont .pvVlayout0 dd + dd {margin-top: 25px;}
#jySub.pv_view .tp .cont .pvVlayout0 .lB {display: flex; margin-top: 30px;}
#jySub.pv_view .tp .cont .pvVlayout0 .lB li {width: calc(100%/4); margin-right: 10px; box-sizing: border-box; border: 1px solid #ccc; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s; position: relative; cursor: pointer;}
#jySub.pv_view .tp .cont .pvVlayout0 .lB li::before {content: '\f0d1'; position: absolute; width: 32px; height: 32px; border-radius: 1000px; background-color:#042e24; right: 5px; top: 5px; color: #fff; font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; display: flex; align-items: center; justify-content: center;}
#jySub.pv_view .tp .cont .pvVlayout0 .lB li:hover {border-color: #042e24;}
#jySub.pv_view .tp .cont .pvVlayout0 .lB li::after {content: ''; display: block; padding-bottom: calc(278/197 * 100%);}
#jySub.pv_view .tp .cont .pvVlayout0 .lB li:last-child {margin-right: 0;}
#jySub.pv_view .bt {margin-top: 160px; min-height: 290px; background-color: #042e24; display: flex; align-items: center; color: #fff; position: relative; background-image: url(/img/pv_view_btBg.png); background-repeat: no-repeat; background-position: right -80px; background-size: auto 80%; padding: 5em 0;}
#jySub.pv_view .bt img {position: absolute; left: 3%; top: 0; transform: translateY(-50%);}
#jySub.pv_view .bt .tB {display: flex;  width: 80%; margin: 0 auto;}
#jySub.pv_view .bt .tB h2 {margin-right: 50px; font-size: 3rem;}
#jySub.pv_view .bt .tB p {font-size: 2rem; font-weight: 400; line-height: 1.5;}

@media screen and (max-width:768px){
    #jySub.pv_view .tp .cont .pvVlayout0 + .pvVlayout0 {margin-top: 15%;}
    #jySub.pv_view .tp {display: block;}
    #jySub.pv_view .tp .info {margin-right: 0; max-width: none; margin-bottom: 30px;}
    #jySub.pv_view .bt {height: auto; margin-top: 15%; padding: 50px 0; min-height: auto;}
    #jySub.pv_view .bt img {width: 15%; max-width: 82px;}
    #jySub.pv_view .bt .tB h2 {margin-right: 15px;}
}

/*히스토리 리스트*/

.J-history-list {display: flex;}
.J-history-list > li {background-repeat: no-repeat; background-size: cover; margin-right: 20px; position: relative; flex: 1; transition: .5s; cursor: pointer; height: 560px; transition-property: flex; background-position: center;}
.J-history-list > li.active {flex: 3;}
.J-history-list > li:last-child {margin-right: 0;}
.J-history-list > li .tx {position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 60px 70px;}
.J-history-list > li h2 {font-size: 4rem; font-weight: bold; margin-bottom: 20px;}
.J-history-list > li ol li {font-size: 2rem; font-weight: 400; margin-bottom: 10px; display: flex; align-items: center;}
.J-history-list > li ol li::before {display: block; width: 5px; height: 5px; background: #000; border-radius: 100px; content: ''; margin-right: 5px; flex: 0 0 5px;}
.J-history-list > li ol li:last-child {margin-bottom: 0;}

.J-history-list > li:not(.active) h2 {position: absolute; left: 50%; transform: translateX(-345%); width: 5px; font-weight: 500; line-height: 1.2;}
.J-history-list > li:not(.active) ol li {display: none;}

/*색상코드*/
.J-history-list > li:nth-of-type(1) h2 {color: #bb9b69;}
.J-history-list > li:nth-of-type(3) h2 {color: #fff;}
.J-history-list > li:nth-of-type(3) ol li {color: #fff;}
.J-history-list > li:nth-of-type(3) ol li::before {background: #fff;}


/*히스토리 리스트 이미지*/
.J-history-list > li:nth-of-type(1).active {background-image: url(/img/history_img_01_over.jpg);}
.J-history-list > li:nth-of-type(2).active {background-image: url(/img/history_img_02_over.jpg);}
.J-history-list > li:nth-of-type(3).active {background-image: url(/img/history_img_03_over.jpg);}

.J-history-list > li:nth-of-type(1) {background-image: url(/img/history_img_01.jpg);}
.J-history-list > li:nth-of-type(2) {background-image: url(/img/history_img_02.jpg);}
.J-history-list > li:nth-of-type(3) {background-image: url(/img/history_img_03.jpg);}

@media screen and (max-width:1170px){
    .J-history-list > li .tx {padding: 50px 10%;}
}


@media screen and (max-width:768px){
    .J-history-list {display: block;}
    .J-history-list > li {margin-right: 0; cursor:auto; height: auto; background-position: left bottom; background-size: cover; margin-bottom: 20px;}
    .J-history-list > li .tx {padding: 5% 8%; position: static; width: 100%; height: 100%;}
    .J-history-list > li:not(.active) h2 {position: static; transform:none; width: auto; font-weight: bold; margin-bottom: 10px;}
    .J-history-list > li:not(.active) ol {display: flex; flex-wrap: wrap;}
    .J-history-list > li:not(.active) ol li {display: flex; width: 100%;}
    .J-history-list > li ol li::before {width: 3px; height: 3px; flex: 0 0 3px;}

    .J-history-list > li:nth-of-type(1) ol li {flex: 100%;}

    .J-history-list > li:nth-of-type(1) {background-image: url(/img/mobile_history_img_01.jpg);}
    .J-history-list > li:nth-of-type(2) {background-image: url(/img/mobile_history_img_02.jpg);}
    .J-history-list > li:nth-of-type(3) {background-image: url(/img/mobile_history_img_03.jpg); margin-bottom: 0; padding-bottom: 10%;}
}












/*plzLay*/
.plzLay{margin-bottom: 140px;}
.plzLay > h2 {font-size: 2.5rem; margin-bottom: 40px; color: #042e24;}
.plzLay .flex {display: flex;}
.plzLay .lt {width: 50%;}
.plzLay .rg {width: 50%; position: relative; max-height: 100%; margin-left: 8%;}

.plzLay .lt li {border-bottom: 1px solid #e1e1e1; padding-bottom: 30px; cursor: pointer; position: relative;}

.plzLay .lt li + li {padding-top: 30px;}

.plzLay .lt li:last-child {margin-bottom: 0;}

.plzLay .lt dt {font-size: 2.5rem; color: #494949; line-height: 1.3; font-weight: 600;}
.plzLay .lt dd {font-size: 2rem; margin-top: 25px; color: #323232;     line-height: 1.3;}

.plzLay .pcont {background: #042e24; color: #fff; display: none; box-sizing: border-box; position: relative; max-height: 100%; animation: clickAnima 1s;}

@keyframes clickAnima {
    0%{
        transform: translateX(50%);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}

.plzLay .pcont::before {position: absolute; right: -5%; top: -5%; width: 100%; height: 100%; content: ''; background: #f7f3ed; z-index: -1;}
.plzLay .pcont::after {position: absolute; left: 5%; top: 0; transform: translateY(-50%); width: 4vw; height: 6vw; background-image: url(/img/quote2.png); background-position: center; background-size: contain; background-repeat: no-repeat; content: '';}
.plzLay .pcont .txb { overflow-y: auto; overflow-x: auto; box-sizing: border-box;}
.plzLay .pcont p {font-size: 1.6rem; background: #042e24; line-height: 1.5; padding: 10%; }

.plzLay .rg .pcont {width: 100%; position: absolute; top: 0;}

.plzLay .rg .pcont:nth-of-type(1) {display: block;}


.plzLay .lt li.on dt ,
.plzLay .lt li.on dd {color: #042e24;}

/*컬러변경*/

.plzLay.color2 > h2 {color: #b0894a;}
.plzLay.color2 .lt li.on dt ,
.plzLay.color2 .lt li.on dd {color: #b0894a;}
.plzLay.color2 .pcont p {background: #b0894a;}
.plzLay.color2 .pcont {background: #b0894a;}


@media screen and (min-width:769px){
    .plzLay .lt li.on::before {position: absolute; right: -9%; top: 50%; transform: translateY(-50%); content: ''; background-image: url(/img/pay-arrow.png); width: 15px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: contain; animation: arrowplay 0.7s both infinite alternate;}

    .plzLay.color2 .lt li.on::before {background-image: url(/img/pay-arrow02.png);;}

    @keyframes arrowplay {
        0%{
            transform: translate(-40%,-70%);
        }
        100%{
            transform: translate(0,-70%);
        }
    }

    .plzLay .lt li .pcont {display: none !important;}

}

@media screen and (max-width:768px){
    .plzLay{margin-bottom: 60px;}
    .plzLay .flex {display: block;}
    .plzLay .lt {width: 100%; padding-right: 0;}

    .plzLay .lt li{margin-bottom: 25px; padding-bottom: 25px;}
    .plzLay .lt li dt::after{background-color: #aaa; width: 18px; height: 18px; border-radius: 50%; content: ""; display: inline-block; margin-left: 5px; vertical-align: middle; background-image: url('/img/arrow_down.png'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25%; position: absolute; right: 0; top: 0;}
    .plzLay .lt li.imgon dt::after{background-color: #042e24; transform: rotate(180deg);}

    .plzLay .lt dt{font-size: 2rem; padding-right: 20px; position: relative;}
    .plzLay .lt dd{margin: 20px 0 0; font-size: 1.6rem;}

    .plzLay .lt li + li{padding-top: 0;}

    .plzLay.color2 .lt li.imgon dt::after{background-color:#b0894a;}

    .plzLay .rg {display: none;}

    .plzLay .pcont {padding: 5%; animation: none; margin-top: 20px;}
    .plzLay .pcont p{padding: 0; font-size: 1.4rem;}

    .plzLay .lt li:first-child .pcont {display: block;}


    .plzLay .lt li.on dt ,
    .plzLay .lt li.on dd {color: #000;}
    .plzLay .lt li.imgon dt ,
    .plzLay .lt li.imgon dd {color: #042e24;}

    .plzLay.color2 .lt li.on dt ,
    .plzLay.color2 .lt li.on dd {color: #000;}
    .plzLay.color2 .lt li.imgon dt ,
    .plzLay.color2 .lt li.imgon dd {color: #b0894a;}

}


/*21.12.30 통합검색 추가*/
.cS-Layout {margin-top: 60px;}
.cS-Layout .tit {display: flex; justify-content:space-between;}
.cS-Layout .tit h2 {font-size: 2rem; padding-left: 20px; position: relative; color: #323232;}
.cS-Layout .tit h2::before {position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #323232; content: '';}
.cS-Layout .tit h2 a {display: inline-block; font-size: 1.6rem; font-weight: normal; background: #323232; color: #fff; padding: 0.5em 1em; margin-left: 20px;}
.cS-Layout .tit .y_list_total {margin: 0;}
.cS-Layout .tbx {border-top: 1px solid #042e24; margin-top: 25px;}
.cS-Layout .tbx table {table-layout: fixed; border-collapse: collapse; width: 100%;}
.cS-Layout .tbx tr {border-bottom: 1px solid #cccccc;}
.cS-Layout .tbx td {padding: 15px 0; font-size: 1.5rem; text-align: center; color: #666666;}
.cS-Layout .tbx td.num {width: 90px;}
.cS-Layout .tbx td.date {width: 110px;}
.cS-Layout .tbx td.title {text-align: left;}
.cS-Layout .tbx td a {white-space:nowrap; text-overflow: ellipsis; overflow: hidden; width: 80%; display: block; color: #444;}
.cS-Layout .tbx td a span {font-weight: bold; color: #042e24;}

@media screen and (max-width:768px){
    .cS-Layout {margin-top: 40px;}
    .cS-Layout .tit {flex-wrap: wrap;}
    .cS-Layout .tit h2 {width: 100%; display: flex; justify-content: space-between; font-size: 1.8rem; align-items: center; padding-left: 10px;}
    .cS-Layout .tit h2 a {margin-left: auto; font-size: 1.4rem; white-space: nowrap;}
    .cS-Layout .tit .y_list_total {flex:  1 1 100%; text-align: left; margin-top: 20px;}
    .cS-Layout .tbx {margin-top: 10px;}
    .cS-Layout .tbx td.num {width: 50px;}
    .cS-Layout .tbx td a {width: 95%;}
    .cS-Layout .tbx td.date {width: 80px;}
}


/*컬러변경*/
.cS-Layout.color .tit h2 {color: #042e24;}
.cS-Layout.color .tit h2 a {background: #042e24; color: #fff;}
.cS-Layout.color .tit h2::before {background: #042e24;}



/* 메인 의뢰인후기 추가노출 */
.section02_1{ padding: 100px 0; background-color: #f3eee8; }
.section02_1 .sBback{ margin-top: 50px; }
.section02_1 .vll{ flex-wrap: nowrap; margin: 0; }
.section02_1 .vll li{ width: auto; box-sizing: border-box; margin: 0; background-color: #fff; }
.section02_1 .vll0 li .img{ border: 1px solid #ccc; }
.section02_1 .y_caseLayout .sBback .btn a.next{ right: -5%; }
.section02_1 .tit{ font-size: 50px; padding-left: 0; text-align: center; margin-top: 0; }
.section02_1 .tit::before{ display: none; }
.section02_1 .btnmore a{ border-width: 1px; font-weight: 400; }

@media screen and (min-width: 769px){
    .section02_1 .vll li:hover{ background-color: #232323; }
}

@media screen and (max-width: 768px){
    .y_caseLayout.color1 .tit{ font-size: 35px; }
}

@media screen and (max-width: 500px){
    .y_caseLayout.color1 .tit{ font-size: 24px; }
    .section02_1 .sBback{ margin-top: 30px; }
}


/* 메인페이지 '신세계로 소개' 이동 디자인섹션 추가 */
.wrap1720{ width: 90%; max-width: 1720px; margin: 0 auto; }

.section00_1{ width: 100%; margin-top: -200px; padding-top: 215px; padding-bottom: 105px; background-image: url(/img/main_00_1_bg.png); background-position: top right; background-repeat: no-repeat; }
.section00_1 .wrap1720{ display: flex; justify-content: space-between; }
.section00_1 .sep{ width: calc(840 / 1720 * 100%); }
.section00_1 .sep:nth-of-type(1){ align-self: center; }
.section00_1 .tit00_1{ padding-right: calc(160 / 840 * 100%); width: 100%; box-sizing: border-box; text-align: right; }
.section00_1 .tit00_1._mob{ display: none; }
.section00_1 .tit00_1 p{ font-size: 29px; line-height: calc(57.5 / 48); letter-spacing: -0.05em; font-weight: 400; }
.section00_1 .tit00_1 p span{ font-size: 48px; font-weight: 700; margin-bottom: 10px; display: block; }
.section00_1 .tit00_1 .newsbtn{ text-align: left; margin-top: 50px; transition-duration: 0.4s; }

.sep_flex{ display: flex; width: 100%; align-items: flex-end; margin-top: 50px; justify-content: space-between; }
.sep_flex .l_1{ width: calc(480 / 840 * 100%); overflow: hidden; position: relative; }
.sep_flex .l_1::after{ content: ''; display: block; padding-bottom: calc(600 / 480 * 100%); }
.sep_flex .l_1 ._max{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.sep_flex .l_1 ._max._2{ background-image: url(/img/main_00_law2_2_2.jpg); }


.sep_flex .lawyerinfo{ margin-left: -100px; width: calc(460 / 840 * 100%); box-sizing: border-box; padding: 65px 55px; background-color: #fff; z-index: 2; }
.sep_flex .lawyerinfo dl dt{ font-size: 16px; letter-spacing: -0.05em; color: #232323; }
.sep_flex .lawyerinfo dl dd{ font-size: 30px; letter-spacing: -0.05em; color: #cebd95; margin-top: 10px; }
.sep_flex .lawyerinfo dl dd span{ font-weight: 700; }
.sep_flex .lawyerinfo ul{ margin-top: 25px; }
.sep_flex .lawyerinfo ul li{ font-size: 17px; line-height: calc(30 / 18); letter-spacing: -0.05em; color: #666; padding-left: 13px; position: relative; }
.sep_flex .lawyerinfo ul li::before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #042e24; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.sep_flex:nth-of-type(2) .lawyerinfo{ margin-left: 0; margin-right: -100px; text-align: right; }
.sep_flex:nth-of-type(2) .lawyerinfo ul li{ padding-left: 0; padding-right: 13px; }
.sep_flex:nth-of-type(2) .lawyerinfo ul li::before{ left: auto; right: 0; }


@media screen and (max-width: 1440px){
    .section00_1 .tit00_1{ padding-right: 5%; }
    .section00_1 .tit00_1 p{ font-size: 2.778vw; }
    .sep_flex .lawyerinfo{ padding: 35px 25px; }
    .sep_flex .lawyerinfo ul li{ font-size: 16px; }
}

@media screen and (max-width: 1280px){
    .section00_1 .tit00_1 p span{ margin-bottom: 0; }
    .sep_flex .lawyerinfo dl dt{ font-size: 14px; }
    .sep_flex .lawyerinfo dl dd{ font-size: 24px; }
    .sep_flex .lawyerinfo ul li{ font-size: 13px; }
}

@media screen and (max-width: 1000px){
    .section00_1 .tit00_1{ display: block; }
    .section00_1 .tit00_1 p, .section00_1 .tit00_1 p span { font-size: 2.778vw; }
    .section00_1 .tit00_1._mob{ display: block; padding-right: 0; }
    .section00_1 .wrap1720{ display: block; }
    .section00_1 .sep{ width: 100%; }
}

@media screen and (max-width: 768px){
    .sep_flex.add__ {flex-direction: row; align-items: center; column-gap: 20px;}
    .section00_1.add__ .sep:nth-of-type(1){ width: 95%; align-self: center; margin-top: 40px;}
    .section00_1.add__ .sep:nth-of-type(2){ align-self: center; width: 95%; margin-top: 40px;}
    .section00_1.add__ .sep+.sep{ margin-left: 20px;}
    .section00_1 { margin-top: 0; padding: 100px 0; }
    .section00_1 .tit00_1 p{ font-size: 3.778vw; }
    .section00_1 .tit00_1.pc{ display: none; }
    .section00_1 .tit00_1 p span {font-size: 5.778vw;}
    .section00_1 .tit00_1 p .br-none { display: none; }
    .section00_1 .tit00_1 .newsbtn{ width: 200px; height: 50px; }
    .section00_1 .newsbtn.newsbtn02::after{ margin-left: 53%; }
    .sep_flex:nth-of-type(2) .lawyerinfo{text-align: left; }
    .sep_flex:nth-of-type(2) .lawyerinfo ul li::before{ left: 0; right: auto; }
    .sep_flex:nth-of-type(2) .lawyerinfo ul li{ padding-left: 13px; padding-right: 0; }
}

@media screen and (max-width: 600px){
    .section00_1 .tit00_1 .newsbtn{ width: 117px; height: 34px; line-height: 30px; }
    .section00_1 .tit00_1 .newsbtn::after{ margin-left: 20%; }
}

@media screen and (max-width: 500px){
    .sep_flex .lawyerinfo{ padding: 25px 15px; }
    .section00_1 .sep:nth-of-type(1){ align-self: auto; }
    .section00_1.add__ .sep:nth-of-type(1){ align-self: auto;}
    .section00_1.add__ .sep:nth-of-type(2){ align-self: auto;}
}

@media screen and (max-width: 450px){
    .sep_flex{ flex-direction: column; }
    .sep_flex:nth-of-type(2){ flex-direction: column-reverse; }
    .sep_flex .lawyerinfo{ margin-left: 0; width: 100%; margin-top: 20px; }
    .sep_flex:nth-of-type(2) .lawyerinfo{ margin-right: 0; width: 100%; text-align: left; }
    .sep_flex .l_1{ width: 100%; max-width: 300px; margin: 0 auto; }
    .sep_flex.add__ .lawyerinfo {max-width: 300px; margin: 0 auto;}
    .sep_flex:nth-of-type(2) .lawyerinfo ul li{ padding-left: 13px; padding-right: 0; }
    .sep_flex:nth-of-type(2) .lawyerinfo ul li::before{ left: 0; right: auto; }
}


/* 인사말 디자인 수정 */
.d-message .m-contents.mod1220{ display: block; }
.d-message .m-contents.mod1220 .imgwrap::before{ display: none; }
.d-message .m-contents.mod1220 .m-txt{ margin-top: 75px; }

.mes_imgWrap{ display: flex; }
.mes_imgWrap .sep{ width: 50%; }
.mes_imgWrap .sep_flex .l_1{ width: calc(382 / 640 * 100%); display: block; }
.mes_imgWrap .sep_flex .l_1 ._max{ background-image: url(/img/message_img1.jpg); transition-duration: 0.6s; background-size: cover;}
.mes_imgWrap .sep_flex .l_1 ._max._2{ background-image: url(/img/message_img2.jpg); }
.mes_imgWrap .sep_flex .lawyerinfo{ padding: 40px 45px; }
.mes_imgWrap .sep_flex .lawyerinfo dl dd{ font-size: 24px; }
.mes_imgWrap .sep_flex .lawyerinfo ul{ margin-top: 20px; }

@media screen and (min-width: 769px){
    .mes_imgWrap .sep_flex .l_1 ._max:hover{ transform: scale(1.1); }
}

@media screen and (max-width: 1280px){
    .mes_imgWrap .sep_flex .lawyerinfo{ padding: 30px 35px; }
}

@media screen and (max-width: 1000px){
    .mes_imgWrap{ display: block; }
    .mes_imgWrap .sep{ width: 100%; max-width: 700px; }
    .mes_imgWrap .sep:nth-of-type(2){ margin-left: auto; margin-right: 0; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex{ flex-direction: row-reverse; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo{ margin-left: 0; margin-right: -100px; text-align: right; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo ul li{ padding-right: 13px; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo ul li::before{ left: auto; right: 0; }
}

@media screen and (max-width: 600px){
    .mes_imgWrap .sep_flex .lawyerinfo{ padding: 20px 25px; }
}

@media screen and (max-width: 500px){
    .sep_flex.add__{flex-direction: column; margin: 0 auto;}
    .mes_imgWrap .sep_flex{ display: block; }
    .mes_imgWrap .sep_flex .l_1{ margin: 0 auto; width: 100%; max-width: 300px; }
    .mes_imgWrap .sep_flex .lawyerinfo{ margin: 0 auto; width: 100%; max-width: 300px; padding: 0; padding-top: 20px; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo{ margin: 0 auto; text-align: left; width: 100%; max-width: 300px; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo ul li{ padding-right: 0; padding-left: 13px; }
    .mes_imgWrap .sep:nth-of-type(2) .sep_flex .lawyerinfo ul li::before{ left: 0; right: auto; }
    .d-message .m-contents.mod1220 .m-txt{ margin-top: 50px; }
}



/* 디자인추가섹션 반응형 수정 */
.sep_flex .lawyerinfo dl dt{ line-height: 1.2; }
.sep_flex .lawyerinfo dl dt br{ display: none; }

@media screen and (max-width: 1000px){
    .section00_1.add__ .wrap1720{ display: flex; }
    .section00_1.add__ .sep{ width: 49%; }
    .section00_1.add__ .sep:nth-of-type(3) .sep_flex.add__{ margin-top: 30px; }

    .sep_flex.add__ .lawyerinfo ul{ margin-top: 10px; }
    .sep_flex.add__ .lawyerinfo ul li::before{ top: 9px; transform: translateY(0); }
    .sep_flex.add__ .lawyerinfo ul li{ font-size: 12px; }
    .sep_flex .lawyerinfo dl dt br{ display: block; }
    .sep_flex.add__ .lawyerinfo dl dt{ font-size: 12px; }
    .sep_flex.add__ .lawyerinfo dl dd{ font-size: 20px; margin-top: 5px; }
    .sep_flex.add__ .lawyerinfo{ padding: 15px; }
}

@media screen and (max-width: 768px){
    .sep_flex.add__{ flex-direction: column; }
    .sep_flex.add__:nth-of-type(2){ flex-direction: column-reverse; }
    .sep_flex.add__ .l_1{ width: 100%; }
    .sep_flex.add__ .lawyerinfo{ width: 100%; margin-left: 0; }
    .sep_flex.add__:nth-of-type(2) .lawyerinfo{ margin-right: 0; }
    .section00_1.add__ .sep:nth-of-type(3) .sep_flex.add__{ margin-top: 0; flex-direction: column-reverse; }
    .section00_1.add__ .tit00_1._mob{ margin-bottom: 30px; }
    .sep_flex.add__ .lawyerinfo dl dd{ font-size: 18px; }
}

@media screen and (max-width: 500px){
    .sep_flex.add__{height: 100%;}
    .section00_1 .tit00_1 .newsbtn{ margin-top: 30px; }
    .sep_flex.add__ .lawyerinfo{ margin-top: 0; padding: 30px 10px 20px; }
    .sep_flex.add__:nth-of-type(1) .lawyerinfo{ margin-left: auto; flex-grow: 1;}
    .sep_flex.add__ .lawyerinfo ul li{ line-height: 1.3; margin-bottom: 3px; }
    .sep_flex.add__ .lawyerinfo ul li:last-of-type{ margin-bottom: 0; }
    .sep_flex.add__ .lawyerinfo ul li::before{ top: 5px; }
}

/* 인사말 디자인추가 반응형 수정 */
@media screen and (max-width: 1000px){
    .mes_imgWrap.add__{ display: flex; }
    .mes_imgWrap.add__ .sep{ width: 49%; }


}

@media screen and (max-width: 768px){
    .mes_imgWrap.add__ .sep:nth-of-type(2) .sep_flex{ flex-direction: column; }
    .mes_imgWrap.add__ .sep:nth-of-type(2) .sep_flex .lawyerinfo{ margin-right: 0; }
    .mes_imgWrap.add__ .sep_flex .lawyerinfo{ border: 1px solid #eee; }
}

@media screen and (max-width: 500px){
    .d-message .m-contents.mod1220 .m-txt{ margin-top: 30px; }
}


/* 라디오 링크연결 섹션 추가 */
.radio_se{ width: 100%; }
.radio_mob{ width: 100%; display: none; margin-top: 20px; }

.radio_se a,
.radio_mob a{ display: block; width: 100%; background-image: url(../img/radio_section.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.radio_se a::after,
.radio_mob a::after{ content: ''; display: block; padding-bottom: calc(680 / 1920 * 100%); transition-duration: 0.4s; }

@media screen and (min-width: 769px){
    .radio_se:hover a::after{ background-color: rgba(255,255,255,0.2); }
}

@media screen and (max-width: 768px){
    .radio_se{ display: none; }
    .radio_mob{ display: block; }
}

@media screen and (max-width: 500px){
    .radio_mob{ margin-top: 10px; }
}


/* 230221 조담소 섹션 추가작업 */
.section06._07{ width: 100%; }
.section06._07 .lt{ background: url(../img/se07_LtBg.jpg) no-repeat center/cover; }
.section06._07 .rg{ width: 45%; position: static; }
.section06._07 .rg .bg{ background: url(../img/se07_RgBg.jpg) no-repeat center/cover; }
.section06._07 .rg .poa{ position: static; transform: translate(0); }
.section06._07 .rg .poa .textbox{ width: 100%; position: static; padding: 0 16.4%; }
.section06._07 .rg .poa .textbox .more07{ margin-top: 65px; }
.section06._07 .rg .poa .textbox .more07 a{ display: flex; align-items: center; }
.section06._07 .rg .poa .textbox .more07 a span{ display: block; font-size: 18px; letter-spacing: -0.05em; transition-duration: 0.4s; }
.section06._07 .rg .poa .textbox .more07 a .morebtn07{ width: 36px; height: 36px; border-radius: 50%; border: 1px solid #000; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-left: 30px; transition-duration: 0.4s; }

.sec07_mob{ display: none; }
.sec07_mob dl{ font-weight: 200; letter-spacing: -0.025em; position: relative; line-height: 1.3; margin-bottom: 3%; font-size: 6vw; margin-top: 10%; }
.sec07_mob dl dd{ font-weight: bold; }
.sec07_mob dl img{ position: absolute; left: 0; top: 0; transform: translate(-20%, -50%); opacity: 0.1; width: 10%; }
.sec07_mob iframe{ position: absolute;  }
.section06 .rg .poa .textbox .sec07_mob > p{ margin-top: 20px; font-weight: 500; word-break: keep-all; font-size: 1.9rem; letter-spacing: -0.025em; }

@media screen and (min-width: 769px){
    .section06._07 .rg .poa .textbox .more07 a:hover span{ text-decoration: underline; text-underline-position: under; }
    .section06._07 .rg .poa .textbox .more07 a:hover .morebtn07{ transform: translateX(20%); }
}

@media screen and (max-width: 1380px){
    .section06._07 .rg{ display: flex; align-items: center; height: auto; }
    .section06._07 .rg .poa{ display: flex; flex-direction: column;justify-content: center; height: 100%; }
}

@media screen and (max-width: 768px){
    .section06._07{ display: none; }
}



/* 230221 조담소 컨텐츠 추가작업 - 언론매체 페이지 */
.vll1 li .pressThb{ width: 100%; position: relative; margin-top: 20px; margin-bottom: 20px; background-color: #eee; overflow: hidden; }
.vll1 li .pressThb ._max__{ width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition-duration: 0.4s; }
.vll1 li .pressThb ._max__::after{ content: ''; display: block; padding-bottom: calc(1080 / 1920 * 100%); }

.vll1 li > p._2line{ -webkit-line-clamp: 2; height: 3em; }

@media screen and (max-width: 500px){
    .vll1 li .pressThb{ margin-top: 10px; margin-bottom: 10px; }
}

@media screen and (min-width: 769px){
    .vll1 li:hover .pressThb ._max__ {transform: scale(1.05);}
}


/* 230221 추가수정작업 - 신세계로의 차별화된 시스템 */
@media screen and (max-width: 500px){
    .d-system .strength .tab-contents > div .in02 .lef .media-img span.ytn{ width: 74.7%; margin-top: 20px; }
}


/* 230705 기사관련 형사소송 추가작업 */
.d-artcl .wrap1280.pd-t {padding-top: 20px; padding-bottom: 140px; font-size: 16px;}
.d-artcl .tab-cont ul {display: flex; flex-flow: row wrap; justify-content: space-between;}
.d-artcl .tab-cont ul li {width: calc(100% / 2 - 5px); margin-top: 65px; padding: 55px 35px 25px 20px; border-top: 1px solid #d0d0d1; position: relative;}
.d-artcl .tab-cont ul li:last-child {border: none; padding: 0 0 0 45px;}
.d-artcl .tab-cont ul li:not(:last-child)::before {content: ''; position: absolute; top: -2px; left: 0; display: block; width: 40%; border-top: 3px solid #042e24;}
.d-artcl .tab-cont .num {font-size: 1.8em; font-weight: 300; letter-spacing: -0.025em; color: #bcbcbc;}
.d-artcl .tab-cont .title {font-size: 1.5em; font-weight: bold; letter-spacing: -0.025em; padding: 20px 0;}
.d-artcl .tab-cont p {font-size: 1em; line-height: 1.5; color: #303030;}

@media screen and (max-width: 1380px) {
    .d-artcl .wrap1280.pd-t {font-size: 1.2vw;}
}

@media screen and (max-width: 1000px) {
    .d-artcl .wrap1280.pd-t {font-size: 1.5vw;}
    .d-artcl .tab-cont ul li {width: 100%; padding: 40px 10px 40px; margin-top: 20px;}
    .d-artcl .tab-cont .num {font-size: 4em;}
    .d-artcl .tab-cont ul li:last-child {padding: 0;}
}

@media screen and (max-width: 820px) {
    .d-artcl .wrap1280.pd-t {font-size: 14px;}
}


/* 하단 네이버카페 배너추가 240508 */
.section06 .rg .poa .textbox ul._add li:nth-of-type(3){ display: block; }
.section06 .rg .poa .textbox ul._add li:nth-of-type(6) a dl dt{ background-image: url(../img/naver_off.png); }


@media screen and (min-width:769px){
    .section06 .rg .poa .textbox ul._add li a:hover dl dt.icon5 {background-image: url(../img/naver_on.png);}

}


@media screen and (max-width: 768px){
    .section06 .rg .poa .textbox ul._add li:nth-of-type(4) a{ background: #32b44a; }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(4) a dl dt{ background-image: url(../img/blog_on.png); }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(6) a dl dt{ background-image: url(../img/naver_on.png); }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(4) a dl dd{ color: #fff; }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(5) a{ background: #27d346; }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(5) a dl dt{ background-image: url(../img/naver_on.png); }
    .section06 .rg .poa .textbox ul._add li:nth-of-type(6) a{ background: #27d346; }
}



/* 241217_모바일 섹션순서 수정 */
body.add241218 .section00 .career .video{ display: none; }

body.add241218 .section00 .ceoProfile .imgBx{ position: relative; }

body.add241218 .section00 .ceoProfile .imgBx dl{ position: absolute; width: 90%; left: 5%; bottom: 15px; background-color: rgba(255,255,255,0.6); padding: 25px 15px; box-sizing: border-box; display: none; }
body.add241218 .section00 .ceoProfile .imgBx dl dt{ font-size: 1.8rem; margin-bottom: 10px; font-weight: 700;color: #042e24; }
body.add241218 .section00 .ceoProfile .imgBx dl dd{ font-size: 30px; line-height: 1.3; letter-spacing: -0.025em; display: block; color: #000; margin: 0; }
body.add241218 .section00 .ceoProfile .imgBx dl dd span{ font-weight: 700; }
body.add241218 .section00 .mobbtns{ display: none; }



/* 추가 20250113 */
.section00 .ceoProfile .imgBx .absol{
	position: absolute; width: 90%; left: 50%; bottom: 22%; transform: translateX(-50%); max-width: 440px;
}
.section00 .ceoProfile .imgBx .absol > div{}
.section00 .ceoProfile .imgBx .absol > div:nth-child(1){
	background-color: rgba(255,255,255,0.3); padding: 25px 15px; box-sizing: border-box;
	font-size: 22px; font-weight: 700;
}
.section00 .ceoProfile .imgBx .absol > div:nth-child(1) p{margin-bottom: 0.5em;}
.section00 .ceoProfile .imgBx .absol > div:nth-child(1) p:last-child{margin-bottom: 0;}


.section00 .ceoProfile .imgBx .absol > div:nth-child(2){
	display: none;
	background-color: rgba(255,255,255,0.6); padding: 25px 15px; box-sizing: border-box;
}

.section00 .ceoProfile .imgBx .absol > div:nth-child(2) strong{
	display: block;
	font-size: 1.8rem; margin-bottom: 10px; font-weight: 700;color: #042e24;
}
.section00 .ceoProfile .imgBx .absol > div:nth-child(2) p{
	font-size: 30px; line-height: 1.3; letter-spacing: -0.025em; display: block; color: #000; margin: 0;
}
.section00 .ceoProfile .imgBx .absol > div:nth-child(2) span{font-weight: 700;}


@media screen and (max-width:768px) {
	.section00 .ceoProfile .imgBx .absol{bottom: 15px;}
	.section00 .ceoProfile .imgBx .absol > div:nth-child(1){margin-bottom: 20px;}
	.section00 .ceoProfile .imgBx .absol > div:nth-child(2){display: block;}
}
@media screen and (max-width:480px) {
	.section00 .ceoProfile .imgBx .absol > div:nth-child(1){font-size: 14px; padding: 15px 10px;}

	.section00 .ceoProfile .imgBx .absol > div:nth-child(2){ padding: 15px 10px; }
    .section00 .ceoProfile .imgBx .absol > div:nth-child(2) strong{ font-size: 1.6rem; }
	.section00 .ceoProfile .imgBx .absol > div:nth-child(2) p{ font-size: 20px; }

}






@media screen and (max-width: 768px){
    /* body.add241218 .visual .bg .mob{ display: none; }
    body.add241218 .visual{ display: none; } */
    

    body.add241218 .section00 .career{ padding-bottom: 40px; }
    

    body.add241218 .section00{ display: flex; flex-direction: column; }
    body.add241218 .section00 .ceoProfile{ order: -1; margin-top: 0; margin-bottom: 0; }
    body.add241218 .section00 .ceoProfile .imgBx dl{ display: block; }
    body.add241218 .section00 .newsbtn.newsbtn02._add{ display: none; height: 35px; line-height: 30px; font-size: 12px; }
    body.add241218 .section00 .mobbtns{ display: block; }
    body.add241218 .section00 .mobbtns .newsbtn.newsbtn02._add{ display: block; }

    body.add241218 .section00 h1.addT{ display: none; }
    body.add241218 .section00 .career strong{ display: none; }

    body.add241218 .section00 .career ul{ margin-bottom: 30px; }
    body.add241218 .section00 .career .video{ width: 90%; position: relative; margin: 0 auto; margin-top: 30px; display: none; }
    body.add241218 .section00 .career .video video{ position: relative; width: 100%; padding-bottom: 50px; }
    body.add241218 .section00 .career ul li span{ color: #042e24; }
    body.add241218 .section00 .career ul li span.bold{ font-weight: 700; }


    body.add241218 .visual{ background: url(/img/visual_ex_mob.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }


    /* body.add241218 header{ box-shadow: 3px 3px 20px #ccc !important; background: #fff !important; }
    body.add241218 header .logo2{ display: block; }
    body.add241218 header .logo1{ display: none; }
    body.add241218 header .wrap1280 .gnb .schpage{ color: #444 !important; }
    body.add241218 header .menu span {background: #444 !important;} */
}

@media screen and (max-width: 480px){
    body.add241218 .section00 .ceoProfile .imgBx dl{ padding: 15px 10px; }
    body.add241218 .section00 .ceoProfile .imgBx dl dd{ font-size: 20px; }
    body.add241218 .section00 .ceoProfile .imgBx dl dt{ font-size: 1.6rem; }

}


/* 메인 금색텍스트 수정_250311 */
.section03 .overslide li.over dd{ width: 100%; font-size: 3.7rem; letter-spacing: -0.025em; }
.section03 .overslide li.over dd p{display: block; background: linear-gradient(148deg, rgba(180,140,74,1) 0%, rgba(238,211,124,1) 50%, rgba(180,140,74,1) 100%); background-clip: text; color: transparent; line-height: 1.3; transition-duration: 0.2s; }
.section03 .overslide li.over dd img {display: none;}
.section03 .overslide li:not(.over) dd p {display: block; line-height: 1.3;}
.section03 .overslide li:not(.over) dd img {display: none;}

@media screen and (max-width: 1280px){
    .section03 .overslide li.over dd{ font-size: 3rem; }
}



@media screen and (max-width: 768px){
    .section03 .overslide li h2{ font-size: 4vw; display: flex; align-items: flex-end; height: 100%; box-sizing: border-box; }
    .section03 .overslide li.over dd,
    .section03 .overslide li dd{ width: 100%; }
    .section03 .overslide li.over dd{ font-size: 4.4vw; }
    .section03 .overslide li dd{ font-size: 4.4vw; letter-spacing: -0.025em; }
    .section03 .overslide li dd p{ display: block; background: linear-gradient(148deg, rgba(180,140,74,1) 0%, rgba(238,211,124,1) 50%, rgba(180,140,74,1) 100%); background-clip: text; color: transparent; line-height: 1.3; transition-duration: 0.2s; }
    .section03 .overslide li.over:not(:nth-of-type(1)) dd,
    .section03 .overslide li:not(:nth-of-type(1)) dd{ width: 100%; }
    .section03 .overslide li dd p br{ display: none; }
}



/* 250701_이혼+상속 분리, 개편 */
.visual .textbox ul.add250701{ width: 60%; }
.visual .textbox ul.add250701 li{ max-width: 220px; }

.section02 .wrap1400 .case_pc{ width: 55%; margin-left: auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.section02 .wrap1400 .case_pc li{ width: calc(370 / 770 * 100%); }
.section02 .wrap1400 .case_pc li > a{ display: block; width: 100%; position: relative; }
.section02 .wrap1400 .case_pc li > a .thumb{ position: relative; overflow: hidden; }
.section02 .wrap1400 .case_pc li > a .thumb::after{ content: ''; display: block; padding-bottom: calc(500 / 370 * 100%); }
.section02 .wrap1400 .case_pc li > a .thumb img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section02 .wrap1400 .case_pc li:nth-of-type(even) {margin-top: 6%;}
.section02 .wrap1400 .case_pc li:nth-of-type(2) {margin-top: 19%;}
.section02 .wrap1400 .case_pc li:nth-of-type(odd) { margin-top: -14%;}
.section02 .wrap1400 .case_pc li:nth-of-type(1) {margin-top: 0;}
/* .section02 .wrap1400 .case_pc li:nth-of-type(2){ margin-top: 230px; } */
.section02 .wrap1400 .case_pc li > a strong{ display: block; font-size: 24px; letter-spacing: -0.05em; line-height: calc(34 / 24); margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

.section02 .case_mob{ width: 90%; overflow: hidden; margin: 0 auto; display: none; margin-top: 30px; }
.section02 .case_mob .swiper-slide > ._inn{ display: block; }
.section02 .case_mob .swiper-slide > ._inn .thumb{ position: relative; width: 100%; overflow: hidden; }
.section02 .case_mob .swiper-slide > ._inn .thumb::after{ content: ''; display: block; padding-bottom: calc(500 / 370 * 100%); }
.section02 .case_mob .swiper-slide > ._inn .thumb img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.section02 .case_mob .swiper-slide > ._inn strong{ font-size: 14px; font-weight: 700; line-height: 1.4; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.05em; }
.section02 .case_mob .swiper-pagination {position:static; margin-top: 15px;}
.section02 .case_mob .swiper-pagination-bullet {width: 13px; height: 13px; background: #042e24;margin: 0 4px;}

.section02 .searchbox.add250701 h2 em{ font-size: 2rem; font-style: normal; margin-top: 10px; display: block; color: rgba(255,255,255,0.6); }


@media screen and (max-width: 1280px){
    .section02 .wrap1400 .case_pc li > a strong{ font-size: 18px; }
}

@media screen and (max-width: 768px){
    .visual .textbox ul.add250701{ width: 80%; }
    .section02 .searchbox.add250701{ padding: 5%; }
    .section02 .searchbox.add250701 .inputbox{ margin-bottom: 0; }
    .section02 .searchbox.add250701 h2{ margin-bottom: 15px; }
    .section02 .searchbox.add250701 h2 > div{ display: none; }
    .section02 .searchbox.add250701 h2 em{ font-size: 2.8rem; font-weight: 700; color: #fff; }

    .section02 .case_mob{ display: block; }
    .section02 .case_mob .swiper-pagination{ display: block; }
}


.inq_area{ width: 100%; background-color: #f3eee8; padding: 50px 0; box-sizing: border-box; min-height: 100vh; display: flex; align-items: center; }
.inq_area .wrap{ width: 95%; max-width: 1290px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.inq_area .wrap::after{ display: none; }
.inq_area .lbx{ flex-shrink: 0; padding-right: 20px; box-sizing: border-box; }
.inq_area .lbx dl{ font-size: 48px; line-height: calc(68 / 48); letter-spacing: -0.025em; color: #232323; }
.inq_area .lbx dl dt{ font-weight: 300; position: relative; }
.inq_area .lbx dl dt img{ position: absolute; left: -50px; top: -30px; }
.inq_area .lbx dl dd{ font-weight: 700; }
.inq_area .lbx dl dd span{ color: #042e24; }
.inq_area .lbx p{ font-size: 24px; letter-spacing: -0.025em; color: #666666; line-height: calc(36 / 24); font-weight: 200; margin-top: 35px; }
.inq_area .lbx .start{ font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.025em; background-color: #042e24; padding: 13px 20px; box-sizing: border-box; cursor: pointer; display: inline-block; margin-top: 30px; display: none; }

.inq_area .rbx{ width: 100%; max-width: 450px; }
.inq_area .rbx .top{ display: flex; justify-content: space-between; }
.inq_area .rbx .top p{ font-size: 18px; letter-spacing: -0.025em; font-weight: 500; color: #666666; }
.inq_area .rbx .top .pr{ display: flex; align-items: center; flex-shrink: 0; }
.inq_area .rbx .top .pr .line{ width: 34px; height: 7px; box-sizing: border-box; position: relative; background-color: rgba(0,0,0,0.2); }
.inq_area .rbx .top .pr .line span{ display: block; width: 50%; background-color: #042e24; height: 100%; position: absolute; left: 0; top: 0; transition-duration: 0.4s; transform-origin: 0 0; display: block; }
.inq_area .rbx .top .pr .pag{ margin-left: 10px; font-size: 16px; letter-spacing: -0.025em; color: #666666; }
.inq_area .rbx .top .pr .pag span{ font-weight: 700; color: #042e24; font-size: 20px;  }

.inq_area .rbx .answer{ position: relative; margin-top: 20px; }
.inq_area .rbx .cont{ width: 100%; position: relative; transition-duration: 0.4s; }
.inq_area .rbx .cont .cover{ position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7); backdrop-filter: blur(3px); display: flex; align-items: center; justify-content: center; z-index: 5; transition-duration: 0.4s; }
.inq_area .rbx .cont .cover span{ font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -0.025em; background-color: #042e24; padding: 20px 70px; box-sizing: border-box; cursor: pointer; }

.inq_area .rbx .cont.hide{ opacity: 0; pointer-events: none; }
.inq_area .rbx .cont .cover.hide{ opacity: 0; pointer-events: none; }


.inq_area .rbx .cont .q_{ width: 100%; padding: 20px 35px; box-sizing: border-box; font-size: 18px; font-weight: 700; color: #232323; background-color: #fff;  line-height: 1.3; }
.inq_area .rbx .cont .a_{ width: 100%; margin-top: 10px; background-color: #fff; padding: 30px; box-sizing: border-box; }


.inq_area .rbx .cont .a_ .lists{ width: 100%; }
.inq_area .rbx .cont .a_ .lists li{ width: 100%; margin-bottom: 10px; display: flex; align-items: center; }
.inq_area .rbx .cont .a_ .lists li:last-of-type{ margin-bottom: 0; }
.inq_area .rbx .cont .a_ .lists li > span{ font-size: 14px; display: block; margin-right: 5px; }
.inq_area .rbx .cont .a_ .lists li > label{ display: flex; align-items: center; position: relative; padding: 18px 30px; box-sizing: border-box; border: 1px solid #e2e2e2; cursor: pointer; width: 100%; }
.inq_area .rbx .cont .a_ .lists li > label input{ position: absolute; visibility: hidden; }
.inq_area .rbx .cont .a_ .lists li > label i{ font-size: 22px; color: #c9c9c9; margin-right: 13px; }
.inq_area .rbx .cont .a_ .lists li > label p{ font-size: 18px; letter-spacing: -0.025em; font-weight: 500; color: #232323; }

.inq_area .rbx .cont .a_ .lists li > label input:checked ~ i{ color: #042e24; }
.inq_area .rbx .cont .a_ .lists li > label input:checked ~ p{ color: #042e24; }


.inq_area .rbx .cont .a_ .inq_btn{ width: 100%; padding: 17px 0; background-color: #042e24; color: #fff; font-weight: 500; margin-top: 30px; font-size: 18px; text-align: center; display: block; cursor: pointer; }

.inq_area .rbx .cont .a_ .lists li > input{ border: 1px solid #e2e2e2; box-sizing: border-box; width: 100%; height: 60px; color: #232323; font-weight: 200; padding: 0 30px; font-size: 18px; }
.inq_area .rbx .cont .a_ .lists li > input::placeholder{ color: #c9c9c9; }
.inq_area .rbx .cont .a_ .lists li > label.priv{ border: none; padding: 0; }
.inq_area .rbx .cont .a_ .lists li > label.priv p{ font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #666666; }

.inq_area .rbx .cont._2{ position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; }
.inq_area .rbx .cont._2.show{ opacity: 1; pointer-events: unset; }



@media screen and (max-width: 1280px){
    .inq_area .lbx{ width: 50%; }
    .inq_area .lbx dl{ font-size: 34px; }
    .inq_area .lbx dl dt img{ left: -30px; top: -15px; width: 50px; }
    .inq_area .lbx p{ font-size: 20px; }
    .inq_area .rbx{ width: 50%; }

    .inq_area .rbx .top p{ font-size: 16px; }
    .inq_area .rbx .cont .cover span{ font-size: 18px; padding: 15px 50px; }
    .inq_area .rbx .cont .q_{ padding: 15px 25px; }
    .inq_area .rbx .cont .a_{ padding: 15px 20px; }
    .inq_area .rbx .cont .a_ .lists li > label{ padding: 15px 25px; }
    .inq_area .rbx .cont .a_ .lists li > label p{ font-size: 16px; }
    .inq_area .rbx .answer{ margin-top: 10px; }
    .inq_area .rbx .cont .a_ .lists li > input{ font-size: 16px; padding: 0 25px; height: 50px; }
    .inq_area .rbx .cont .a_ .inq_btn{ font-size: 16px; }
}

@media screen and (max-width: 768px){
    .inq_area{ min-height: 540px; overflow: hidden; padding: 0; }
    .inq_area .wrap{ display: block; position: relative; height: 100%; }
    .inq_area .lbx{ width: 100%; height: 100%; padding: 50px 0; position: absolute; top: 0; left: 0; z-index: 10; background-color: #f3eee8; transition-duration: 0.4s; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
    .inq_area .lbx dl{ font-size: 30px; }
    .inq_area .lbx p{ font-size: 16px; margin-top: 20px; }
    .inq_area .lbx .start{ display: inline-block; }
    .inq_area .rbx{ width: 100%; padding: 50px 0; margin: auto 0; max-width: unset; }

    .inq_area .lbx.hide{ opacity: 0; pointer-events: none; }
    .inq_area .rbx .cont .cover{ display: none; }
}

@media screen and (max-width: 500px){
    .inq_area .lbx dl{ font-size: 24px; }
    .inq_area .lbx dl dt img{ top: -15px; left: -2.5%; width: 35px; }
    .inq_area .rbx .top p{ font-size: 14px; }
    .inq_area .rbx .top .pr .pag{ font-size: 14px; }
    .inq_area .rbx .top .pr .pag span{ font-size: 16px; }

    .inq_area .rbx .cont .q_{ padding: 10px 15px; font-size: 16px; }
    .inq_area .rbx .cont .a_{ padding: 10px; }
    .inq_area .rbx .cont .a_ .lists li > label{ padding: 10px 15px; }
    .inq_area .rbx .cont .a_ .lists li > label p{ font-size: 14px; }
    .inq_area .rbx .cont .a_ .inq_btn{ font-size: 14px; padding: 13px 0; margin-top: 20px; }

    .inq_area .rbx .cont .a_ .lists li > input{ padding: 0 10px; font-size: 14px; height: 45px; }
    .inq_area .rbx .cont .a_ .lists li > label i{ margin-right: 5px; }
    .inq_area .rbx .cont .a_ .lists li > label.priv p{ font-size: 14px; }
    .inq_area .rbx .cont .cover span{ font-size: 14px; padding: 13px 25px; }
}



.newrightFix{ position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 99; }
.newrightFix > ul{ width: 63px; background-color: #042e24; }
.newrightFix > ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; }
.newrightFix > ul li:last-of-type{ border-bottom: none; }
.newrightFix > ul li > a{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 13px 0; box-sizing: border-box; transition-duration: 0.2s; color: #fff; font-size: 20px; flex-direction: column; }
.newrightFix > ul li > a span{ display: block; font-size: 13px; margin-top: 4px; text-align: center; line-height: 1.3; letter-spacing: -0.025em; color: rgba(255,255,255,0.8); transition-duration: 0.2s; font-weight: 500; }

.newrightFix > ul li > a:hover{ background-color: #fff; color: #042e24; }
.newrightFix > ul li > a:hover span{ color: #042e24; }

@media screen and (max-width: 768px){
    .newrightFix{ display: none; }
}



.newbotFix{ position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 9998; padding: 10px 0; transition-duration: 0.2s; }
.newbotFix.hide{ opacity: 0; pointer-events: none; }
.newbotFix .wrap{ width: 95%; max-width: 1380px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.newbotFix .wrap::after{ display: none; }
.newbotFix .tel{ width: 200px; flex-shrink: 0; display: flex; align-items: center; color: #042e24; }
.newbotFix .tel i{ font-size: 26px; }
.newbotFix .tel strong{ font-size: 28px; font-weight: 700; margin-left: 7px; }
.newbotFix .fixform{ width: calc(100% - 360px); padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.newbotFix .fixform > li{ position: relative; margin-right: 10px; display: flex; align-items: center; }
.newbotFix .fixform > li:last-of-type{ margin-right: 0; }
.newbotFix .fixform > li span{ font-size: 14px; }
.newbotFix .fixform > li .top{ width: 100%; box-sizing: border-box; border: 1px solid #cccccc;box-sizing: border-box;  display: flex; align-items: center; padding-right: 20px; }
.newbotFix .fixform > li .top input{ border: none; padding: 12px 20px; max-width: 100%; }
.newbotFix .fixform > li .top input:focus{ outline: none; }
.newbotFix .fixform > li .top i{ font-size: 16px; color: #666666; }
.newbotFix .fixform > li .options{ position: absolute; bottom: 100%; left: 0; width: 100%; background-color: #fff; padding: 5px 0; box-sizing: border-box; border: 1px solid #cccccc; opacity: 0; pointer-events: none; transform: translateY(40px); transition-duration: 0.4s; }
.newbotFix .fixform > li .options.on{ opacity: 1; pointer-events: unset; transform: translateY(0); }
.newbotFix .fixform > li .options li{ padding: 5px 20px; box-sizing: border-box; width: 100%; font-size: 14px; letter-spacing: -0.025em; cursor: pointer; }
.newbotFix .fixform > li .options li:hover{ background-color: rgba(0,0,0,0.04); }
.newbotFix .botsubmit{ width: 160px; text-align: center; padding: 13px 0; display: block; background-color: #042e24; color: #fff; font-size: 16px; letter-spacing: -0.025em; font-weight: 700; }
.newbotFix .fixform > li > input{ border: 1px solid #cccccc; box-sizing: border-box; padding: 13px 20px; max-width: 100%; }
.newbotFix .fixform > li > label{ display: flex; align-items: center; cursor: pointer; position: relative; }
.newbotFix .fixform > li > label input{ position: absolute; visibility: hidden; }
.newbotFix .fixform > li > label i{ font-size: 22px; color: #c9c9c9; }
.newbotFix .fixform > li > label p{ font-size: 14px; font-weight: 300; color: #666666; margin-left: 5px; line-height: 1.3; }

.newbotFix .fixform > li > label input:checked ~ i{ color: #042e24; }
.newbotFix .fixform > li > label input:checked ~ p{ color: #042e24; }

@media screen and (max-width: 1280px){
    .newbotFix .fixform{ width: calc(100% - 290px); }
    .newbotFix .tel{ width: 140px; }
    .newbotFix .tel i{ font-size: 18px; }
    .newbotFix .tel strong{ font-size: 22px; }
    .newbotFix .fixform > li{ width: 30%; }
    .newbotFix .botsubmit{ width: 80px; font-size: 14px; }
    .newbotFix .fixform > li .top input{ padding: 10px; display: block; max-width: 80%; }
    .newbotFix .fixform > li .options li{ padding: 5px 10px; font-size: 14px; }
    .newbotFix .fixform > li > input{ padding: 10px; }
    .newbotFix .fixform > li:nth-of-type(3) > input{ max-width: 85%; }
}

@media screen and (max-width: 768px){
    .newbotFix{ display: none; }
}


.team_str{ width: 100%; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; padding: 150px 0; box-sizing: border-box; }
.team_str .wrap{ width: 95%; margin: 0 auto; max-width: 1290px; }
.team_str h1{ font-size: 35px; letter-spacing: -0.025em; font-weight: 400; text-align: center; line-height: 1.3; }
.team_str h1 span{ font-weight: 700; }
.team_str .circle{ width: 100%; max-width: 610px; margin: 0 auto; margin-top: 70px; text-align: center; }
.team_str .subbtn{ display: flex; margin: 0 auto; margin-top: 40px; justify-content: space-between; max-width: 530px; }
.team_str .subbtn > a{ display: flex; align-items: center; justify-content: center; background-color: #042e24; color: #fff; font-size: 18px; letter-spacing: -0.03em; font-weight: 500; text-align: center; padding: 15px 0; width: 48%; border: 2px solid #042e24; box-sizing: border-box; transition-duration: 0.2s; line-height: 1.2; }

.team_str .subbtn > a:hover{ background-color: #fff; color: #042e24; }

@media screen and (max-width: 1280px){
    .team_str{ padding: 120px 0; }
    .team_str h1{ font-size: 24px; }
    .team_str .subbtn > a{ font-size: 16px; }
    .team_str .circle{ margin-top: 40px; }
}

@media screen and (max-width: 768px){
    .team_str .wrap{ width: 90%; }
    .team_str{ padding: 70px 0; }
    .team_str h1{ font-size: 22px; }
    .team_str .subbtn > a{ font-size: 14px; padding: 7px 0; }
    .team_str .circle{ margin-top: 40px; }
}


.section03.add250701 .overslide li:last-of-type{ border-left: 1px solid #676767; }


.captcha{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: 999999; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; display: none; flex-direction: column; }
.captcha > a{ background-color: #8a0b2f; color: #fff; font-weight: 500; letter-spacing: -0.025em; padding: 10px 20px; text-align: center; margin-top: 20px; font-size: 16px; display: block; }
.captcha .close{ display: block; font-size: 26px; color: #fff; padding: 10px; margin-bottom: 10px; cursor: pointer; }



.visual .textbox .grad{ font-size: 25px; display: inline-block; background: linear-gradient(148deg, rgba(180,140,74,1) 0%, rgba(238,211,124,1) 50%, rgba(180,140,74,1) 100%); background-clip: text; color: transparent; line-height: 1.3; font-weight: 700; text-align: center; margin-top: 30px; }


@media screen and (max-width: 768px){
    .visual .textbox .grad{ font-size: 18px; margin-top: 10px; }
}


.visual .textbox .tit .sinceTxt.add250722{ margin-top: 0; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); }
.visual .txt_23{ font-size: 18px; letter-spacing: -0.045em; margin-top: 10px; color: #fff; text-align: center; }
.team_str .txt_23{ font-size: 22px; letter-spacing: -0.045em; margin-top: 10px; text-align: center; display: block; color: #232323; margin-bottom: 10px; }


@media screen and (max-width: 768px){
    .visual .txt_23{ font-size: 14px; }
    .team_str .txt_23{ font-size: 18px; }
}