/*why 류헌*/
/*section01*/
#why_wrap{
    width: 100%;
    overflow: hidden;
}

#why_wrap .why_se01{
    width: 67%;
    margin: 0 auto;
    margin-top: 135px;
}

#why_wrap .why_tit{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.why_tit dl{
    float: left;
}

.why_tit dl dt{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}

.why_tit dl dt span{
    font-weight: bold;
}

.why_tit dl dd{
    font-size: 70px;
    font-weight: 900;
    margin-top: 20px;
    letter-spacing: -2px;
}

.why_tit li{
    height: 20px;
    float: left;
    padding: 0 10px;
    line-height: 20px;
}

.why_tit li a{
    font-weight: 400;
    color: #888888;
    font-family: "Noto Sans KR", sans-serif;
}

.why_tit li:last-child{
    padding-right: 0;
}

.why_tit li:last-child img{
    margin-top: 1px;
}


.why_tit li:nth-child(5) a{
    color: #1a6271;
}

.why_tit li:nth-child(2) img,
.why_tit li:nth-child(4) img{
    margin-top: 4.5px;
}

.why_titmain{
    width: 100%;
    overflow: hidden;
    padding: 18px;
    margin: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wtm_l{
    width: 35%;
    display: flex;
    align-items: center;
}

.wtm_r{
    width: 60%;
    overflow: hidden;
    font-size: 20px;
}
.wtm_r dl dt{
    line-height: 30px;
    word-break: keep-all;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}
.wtm_r dl dd{
    font-size: 60px;
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 80px;
    margin: 10px 0;
    word-break: keep-all;
    position: relative;
    /* box-shadow: inset 0 -30px 0 #ebe5d8; */
}

.wtm_r dl .wtmbg1{
    background: url(/divorce/img/sub_why_se01Textbg1.webp) left bottom no-repeat;
}

.wtm_r dl .wtmbg2{
    background: url(/divorce/img/sub_why_se01Textbg2.webp) left bottom no-repeat;
}

/* .wtm_r dl dd::after{
    content: " ";
    display: block;
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: 5%;
    z-index: -1;
    background: url(/divorce/img/sub_why_se01Textbg1.jpg) center no-repeat;
} 배경 가로길이 조절 불가*/


/* 추가 */


/* END */

/*//section01*/

/*section02*/
.why_se02{
    width: 100%;
    background-color: #fafafa;
    margin-top: 30px;
    padding-top: 110px;
}

.why_se02 .conWrap1{
    width: 67%;
    margin: 0 auto;
    display: flex;
}

.why_se02 .conBox{
    width: 33.3%;
    height: 282px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    padding: 10px;
    line-height: 40px;
    word-break: keep-all;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 5px solid transparent;
}


.why_se02 .conBox dl dt:first-child{
    font-weight: 900;
}
.why_se02 .conBox dl dd{
    font-weight: 900;
    font-size: 38px;
    line-height: 50px;
}


.why_se02 .conBox h2{
	font-weight: normal;
	font-size: 25px;
	line-height: 40px;
}
.why_se02 .conBox h2 dt:first-child{
    font-weight: 900;
}
.why_se02 .conBox h2 dd{
    font-weight: 900;
    font-size: 38px;
    line-height: 50px;
}


.why_se02 .conBox1{
    background: url(/divorce/img/sub_why_se02_1.webp) center no-repeat;
    background-size: cover;
}

.why_se02 .conBox2{
    background: url(/divorce/img/sub_why_se02_2.webp) center no-repeat;
    background-size: cover;
}

.why_se02 .conBox3{
    background: url(/divorce/img/sub_why_se02_3.webp) center no-repeat;
    background-size: cover;
}

.why_se02 .downIcon{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.why_se02 .downIcon img{
    display: inline-block;
    margin: 40px 0;
}

.why_se02 .conWrap2{
    width: 67%;
    height: 650px;
    margin: 0 auto;
    padding-bottom: 150px;
    position: relative;
    word-break: keep-all;
}

.why_se02 .conTextBox{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    position: absolute;
    display: none;
}

.why_se02 .conTextBox1{
    background: url(/divorce/img/sub_why_se02_1-1.webp) bottom no-repeat;
    display: flex;
}

.why_se02 .conTextBox2{
    background: url(/divorce/img/sub_why_se02_2-1.webp) bottom no-repeat;
}

.why_se02 .conTextBox3{
    background: url(/divorce/img/sub_why_se02_3-1.webp) top no-repeat;
}

.why_se02 .cTB_text{
    width: 93.4%;
    height: 90%;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 50px;
}

.why_se02 .cTB_text dl dt{
    font-size: 40px;
    font-weight: 400;
}
.why_se02 .cTB_text dl dd{
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    color: #505050;
    margin-top: 20px;
    box-sizing: border-box;
    font-family: "Noto Sans KR", sans-serif;
}


.why_se02 .cTB_text dl h2{
    font-size: 40px;
    font-weight: 400;
}
.why_se02 .cTB_text dl h2 b{
	font-weight: bolder;
}

#why_wrap .mob{ /*모바일 버전*/
    display: none;
}

#why_wrap .mob .conBox{
    height: auto;
    width: 100%;
}

#why_wrap .mob .conBox dl{
    display: flex;
    justify-content: center;
    align-items: center;
}

#why_wrap .mob .conBox dl dt{
    float: left;
    margin-right: 20px;
}

#why_wrap .mob .conWrap1{
    position: static;
    z-index: 1;
    margin-bottom: 100px;
}

#why_wrap .mob .conTextBox{
    word-break: keep-all;
    position: static;
    margin: 30px 0;
    display: flex;
}

/*//section02*/

/*반응형*/
@media screen and (max-width: 1900px){
    .why_se02 .cTB_text3 dl dd br{
        display: none;
    }
	.why_se02 .cTB_text2 dl dd br{
        display: none;
    }
}
@media screen and (max-width: 1440px){
    #why_wrap .why_se01,
    .why_se02 .conWrap1{
        width: 80%;
    }

    .why_tit dl dd{
        font-size: 60px;
    }
    
    .wtm_r dl dd{
        font-size: 48px;
        line-height: 56px;
    }

    .why_se02 .conBox dl dt{
        font-size: 20px;
    }

    .why_se02 .conBox dl dd{
        font-size: 32px;
    }
	
	.why_se02 .conBox h2{
        font-size: 20px;
    }
	.why_se02 .conBox h2 dd{
        font-size: 32px;
    }
	

    .why_se02 .conWrap2{
        width: 80%;
    }

    .why_se02 .cTB_text dl dt{
        font-size: 34px;
    }
	.why_se02 .cTB_text dl h2{
        font-size: 34px;
    }

    .why_se02 .cTB_text dl dd{
        font-size: 16px;
    }
	.br_n{
		display: none;
	}
}

@media screen and (max-width: 1400px){
    .wtm_r dl dt{
        font-size: 18px;
    }

    .wtm_r dl dd{
        font-size: 50px;
    }

    .why_se02 .conBox{
        font-size: 20px;
    }

    .why_se02 .conBox dl dd{
        font-size: 34px;
    }

    
}

@media screen and (max-width: 1280px){
    .wtm_r dl{
        margin-top: 20%;
    }

    .why_se02 .conBox{
        padding: 10px;
    }
    
}

@media screen and (max-width: 1024px){
    #why_wrap .why_tit{
        flex-direction: column;
        align-items: inherit;
    }

    #why_wrap .why_tit ul{
        margin-top: 10px;
    }
    
    .why_titmain{
        margin: 40px 0;
        flex-direction: column;
    }
    
    .wtm_l,
    .wtm_r{
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .wtm_l img{
        display: inline-block;
        width: 50%;
    }

    .wtm_r dl{
        margin-top: 5%;
    }

    .wtm_r dl .wtmbg1{
        background: url(/divorce/img/sub_why_se01Textbg1.jpg) center bottom no-repeat;
        background-size: 80%;
    }

    .wtm_r dl .wtmbg2{
        background: url(/divorce/img/sub_why_se01Textbg2.jpg) center bottom no-repeat;
        background-size: 65%;
    }

    .why_se02 .conWrap1{
        flex-direction: column;
        align-items: center;
    }

    .why_se02 .conBox{
        width: 70%;
    }

    .why_se02 .conTextBox{
        height: auto;
    }

    .why_se02 .cTB_text{
        overflow: hidden;
        height: auto;
        margin-bottom: 50px;
    }

    .why_se02 .cTB_text dl dd br{
        display: none;
    }

    .why_se02 .cTB_text dl dt{
        font-size: 26px;
    }
	.why_se02 .cTB_text dl h2{
        font-size: 26px;
    }

    .why_se02 .cTB_text dl dd{
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px){
    #why_wrap .pc{
        display: none;
    }

    #why_wrap .mob{
        display: block;
    }
}

@media screen and (max-width: 768px){
    #why_wrap .why_se01,
    .why_se02 .conWrap1{
        width: 90%;
    }
    
    .why_tit dl dt{
        font-size: 14px;
    }
    
    .why_tit dl dd{
        font-size: 40px;
        margin-top: 5px;
    }
    .why_tit ul{
        margin-top: 20px;
        font-size: 14px;
    }

    .why_tit li{
        padding: 0 5px;
    }

    .why_tit li:last-child img{
        margin-top: 0;
    }

    .wtm_l img{
        display: inline-block;
        width: 80%;
    }

    .wtm_r dl dt{
        font-size: 16px;
    }

    .wtm_r dl dd{
        font-size: 38px;
    }

    .wtm_r dl .wtmbg1{
        background: url(/divorce/img/sub_why_se01Textbg1.jpg) center bottom no-repeat;
    }

    .wtm_r dl .wtmbg2{
        background: url(/divorce/img/sub_why_se01Textbg2.jpg) center bottom no-repeat;
    }

    .why_se02 .conWrap1{
        width: 90%;
    }

    .why_se02 .conBox dl dt{
        font-size: 3vw;
        line-height: 5vw;
    }

    .why_se02 .conBox dl dt:last-child{
        font-family: "Noto Sans KR", sans-serif;
    }

    .why_se02 .conBox dl dd{
        font-size: 5vw;
        line-height: 7vw;
    }

    .why_se02 .conWrap2{
        width: 100%;
    }

    .why_se02 .cTB_text{
        padding: 30px;
    }

}

@media screen and (max-width: 550px){
    .why_se02 .conBox{
        width: 100%;
    }

    .why_se02 .conBox dl dt{
        font-size: 4vw;
        line-height: 7vw;
    }

    .why_se02 .conBox dl dd{
        font-size: 6vw;
        line-height: 9vw;
    }
}

@media screen and (max-width: 375px){
    .why_se02 .cTB_text{
        padding: 30px 10px;
    }
    .why_se02 .conBox dl dt{
        font-size: 5vw;
        line-height: 8vw;
    }

    .why_se02 .conBox dl dd{
        font-size: 5vw;
        line-height: 10vw;
    }

    .why_se02 .conTextBox3{
        background-size: cover;
    }
}

@media screen and (max-width: 320px){
    /* .why_se02 .conBox dl dt{
        font-size: 6vw;
        line-height: 9vw;
    }

    .why_se02 .conBox dl dd{
        font-size: 6.5vw;
        line-height: 11vw;
    } */
}

/* 추가 */

.wtm_r dl dd {background: none !important; font-size: 3vw; white-space: nowrap; margin: 0; line-height: 1; position: relative; z-index: 2; padding-bottom: 5px; display: inline-block;}
.wtm_r dl dd:nth-of-type(1) {margin-top: 20px;}
.wtm_r dl dd:nth-of-type(2) {margin-top: 10px;}

.wtm_r dl dd::after {position: absolute; bottom: 0; width: 0; height: 50%; background: #ebe5d8; z-index: -1; content: ''; left: 0; animation: why_se02_Bar .8s .8s ease forwards;}

.why_se02 .conBox dl {transition: .6s; transition-property: color;}

.why_se02 .conBox.on,
.why_se02 .conBox:hover {background: #fff; color: #000;}
.why_se02 .conBox1.on {border-color: #1d6a7b;}
.why_se02 .conBox2.on {border-color: #313131;}
.why_se02 .conBox3.on {border-color: #766637;}

.why_se02 .downIcon img {animation: why_se02_DownIcon .6s ease-in-out infinite alternate;}


@keyframes why_se02_DownIcon {
    0%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(10px);
    }
}

@keyframes why_se02_Bar {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}


@media screen and (max-width:1420px){
    .wtm_r dl dd {font-size: 3.5vw;}
}

@media screen and (max-width:1024px){
    .wtm_r dl dd {font-size: 5vw;}
}

@media screen and (max-width:600px){
    .wtm_r dl dd {font-size: 7vw;}
}

@media screen and (max-width:500px){
    .wtm_r dl dd {font-size: 6vw;}
}

/* END */



/*오시는길*/
#loca_wrap{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 135px;
}

#loca_wrap ._titMax {margin-top: 0;}

/*section01*/
#loca_wrap .ryuLoca_se01{
    width: 100%;
    overflow: hidden;
}

.loca_tit{
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.loca_tit dl dt{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}

.loca_tit dl dt span{
    font-weight: bold;
}

.loca_tit dl dd{
    font-size: 70px;
    font-weight: 900;
    margin-top: 10px;
    letter-spacing: -2px;
}

.loca_tit li{
    height: 20px;
    float: left;
    padding: 0 10px;
    line-height: 20px;
}

.loca_tit li a{
    font-weight: 400;
    color: #888888;
    font-family: "Noto Sans KR", sans-serif;
}

.loca_tit li:last-child{
    padding-right: 0;
}

.loca_tit li:last-child img{
    margin-top: 1px;
}


.loca_tit li:nth-child(5) a{
    color: #1a6271;
}

.loca_tit li:nth-child(2) img,
.loca_tit li:nth-child(4) img{
    margin-top: 4.5px;
}

.loca_con{
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}

.loca_con .maps{
    width: 100%;
    height: 460px;
    overflow: hidden;
    background-color: #eeeeee;
    position: relative;
}

/* .loca_con .maps .root_daum_roughmap {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.loca_con .maps .root_daum_roughmap .wrap_controllers {display: none;}
.loca_con .maps .root_daum_roughmap .wrap_btn_zoom {display: none;}
.loca_con .maps .root_daum_roughmap .wrap_map {height: 100%;} */

.loca_con #map,
.loca_con #map1,
.loca_con #map2 {height: 460px;}

.loca_con .link{
    float: right;
    overflow: hidden;
    margin-top: 25px;
    display: flex;
}

.loca_con .link a{ 
    width: 120px;
    display: inline-block;
    border-bottom: 1px solid #353535;
    line-height: 35px;
    margin: 0 20px;
    color: #353535;
    padding-left: 3px;
    font-family: "Noto Sans KR", sans-serif;
}

.loca_con .link a:last-child{
    margin-right: 0;
}

.loca_con i{
    float: right;
    font-size: 24px;
    color: #353535;
}

.loca_infor{
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}

.loca_infor h2{
    font-size: 30px;
    color: #897356;
    font-family: "Pretendard", sans-serif;
}

.loca_infor ul{
    width: 100%;
    overflow: hidden;
}

.loca_infor ul li{
    float: left;
    margin: 15px 40px 0 0;
    padding: 0 50px 0 0;
    border-right: 1px solid #e9e9e9;
}

.loca_infor ul li:last-child{
    border: 0;
    margin-right: 0;
    padding: 0;
}

.loca_infor ul li dt{
    font-size: 25px;
    font-weight: bold;
    color: #897356;
    line-height: 42px;
}

.loca_infor ul li dd{
    font-size: 18px;
    font-family: "Pretendard", sans-serif;
    color: #545454;
}

.maps .map_label {
    position: relative;
    background: #fff;
    border: 1px solid #027AFA;
    border-radius: 30px;
}

.maps .map_label .txt {
    display: flex;
    align-items: center;
    font-size: 16px;
    letter-spacing: -0.045em;
    color: #000;
    font-weight: 600;
}

.maps .map_label .txt .icon {
    padding: calc(5/16*1em);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #027AFA;
    color: #fff;
	margin-left: calc(0 / 16* 1em);
}

.maps .map_label .txt span {
    display: block;
    margin-left: calc(5/16*1em);
    margin-right: 15px;
}
.map_label .icon i {
    font-size: 18px; /* 아이콘 크기 */
    color: #ffffff; /* 아이콘 색상 */
    width: 20px;
    height: 20px;
    margin: 0  auto;
    text-align: center;
}
.maps .se06 .maps .locBx {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 90%;
    transform: translate(-50%, 50%);
    z-index: 5;
    background: #fff;
    padding: 50px;
}

.pb_30 {padding-bottom: 7rem;}
/*//section01*/

/*section02*/
.ryuLoca_se02{
    width: 100%;
    overflow: hidden;
    margin: 50px 0 160px 0;
}

.ryuLoca_se02 .tab{
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.ryuLoca_se02 .tab1{
    width: 49%;
    overflow: hidden;
    line-height: 60px;
    color: #fff;
    background-color: #1a5866;
    text-align: center;
    font-size: 20px;
    float: left;
}

.ryuLoca_se02 .tab2{
    width: 49%;
    overflow: hidden;
    line-height: 60px;
    color: #afafaf;
    border: 1px solid #dfdfdf;
    float: right;
    text-align: center;
    font-size: 20px;
}

.slideWrap{
    width: 100%;
    height: 600px;
    border-top: 1px solid #dfdfdf;
    margin-top: 50px;
    padding-top: 50px;
    position: relative;
    display: flex;
    align-items: center;
}

.slideWrap .loca_slide{
    width: 62%;
    position: absolute;
    height: 600px;
    overflow: hidden;
    background: url(/divorce/img/sub_loca_slideL1.webp) top center/cover no-repeat;
    transition: .6s background;
}

.slideWrap .loca_slidetxt{
    width: 34.5%;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 15%;
}

.slideWrap .loca_slidetxt dl dt{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    color: #b9b9b9;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}

.slideWrap .loca_slidetxt dl dt span{
    font-weight: bold;
}

.slideWrap .loca_slidetxt dl dd{
    font-size: 40px;
    line-height: 72px;
    font-weight: bold;
    letter-spacing: -2px;
    color: #222222;
}

.loca_rBox{
    width: 41.5%; /*531px*/
    height: 268px;
    background: url(/divorce/img/logo/sub_loca_logoW.webp) right -1px bottom -1px no-repeat;
    background-color: #897356;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    padding: 30px;
}

.loca_rBox .rBox_txt{
    color: #fff;
    font-size: 25px;
    line-height: 43px;
    word-break: keep-all;
}

.slide_list{
    width: 100%;
    overflow: hidden;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media screen and (max-width: 1600px){
    #loca_wrap{
        width: 80%;
    }
}

@media screen and (max-width: 1300px){
    .loca_rBox br{
        display: none;
    }
}

@media screen and (max-width: 1440px){
    .loca_tit dl dd {
        font-size: 60px;
    }
}

@media screen and (max-width: 1000px){ /*임시 레이아웃*/
    #loca_wrap{
        width: 90%;
    }

    .loca_tit dl dd{
        font-size: 60px;
    }

    .loca_tit li{
        font-size: 14px;
        padding: 0 5px;
    }

    .loca_infor{
        margin-top: 50px;
    }
    
    .slideWrap{
        padding-top: 250px;
    }
    
    .slideWrap .loca_slide{
        width: 100%;
        background-size: cover;
    }

    .slideWrap .loca_slidetxt{
        width: 100%;
        top: 5%;
        left: 0;
    }

    .loca_rBox{
        height: 200px;
        width: 60%;
        bottom: -30%;
    }

    .loca_rBox br{
        display: block;
    }

    .loca_rBox .rBox_txt{
        font-size: 22px;
    }

    .slide_list{
        margin-top: 200px;
    }

}

@media screen and (max-width: 768px){
    .loca_tit{
        flex-direction: column;
        align-items: flex-start;
    }

    .loca_tit dl dt{
        font-size: 14px;
    }
    
    .loca_tit dl dd{
        font-size: 40px;
        margin-top: 5px;
    }
    .loca_tit ul{
        margin-top: 20px;
        font-size: 14px;
    }

    .loca_con .link a{
        margin: 0 10px;
        width: 100px;
        font-size: 14px;
        line-height: 30px;
    }

    .loca_rBox{
        width: 70%;
    }

    .loca_rBox .rBox_txt br{
        display: none;
    }
	.pb_30 {padding-bottom: 3rem;}	
	.maps .map_label .txt {font-size: 13px;}
    .loca_con #map,
	.loca_con #map1,
	.loca_con #map2{
        height: 230px;
    }
	.map_label .icon i {font-size: 15px;width: 15px;height: 15px;}
	
    .loca_con .maps{
        height: 230px;
    }
}

@media screen and (max-width: 530px){
    .loca_con .link{
        float: none;
        justify-content: center;
    }
    .loca_infor ul li{
        border-right: 0px;
        margin: 0;
        padding-right: 30px;
    }

    .loca_infor h2{
        font-size: 16px;
    }

    .loca_infor ul li dt{
        font-size: 14px;
    }

    .loca_infor ul li dd{
        font-size: 13px;
    }

    .slideWrap{
        padding-top: 0;
    }

    .slideWrap .loca_slidetxt dl dt{
        letter-spacing: 2px;
    }

    .slideWrap .loca_slidetxt dl dd{
        font-size: 32px;
        line-height: 46px;
    }

    .loca_rBox{
        bottom: 0;
    }

    .loca_rBox .rBox_txt{
        font-size: 13px; 
        line-height: 2;
    }
    .loca_rBox .rBox_txt p br{
        display: none;
    }

    .slide_list{
        margin-top: 20px;
    }

    .slideWrap .loca_slide{
        height: 400px;
    }
}

@media screen and (max-width: 375px){
    .loca_con .map{
        height: 300px;
    }

    .loca_con .link a{
        width: 92px;
        margin: 0;
    }

    .loca_con .link{
        width: 100%;
        float: left;
        margin-top: 10px;
        display: flex;
        justify-content: space-between;
    }

    .slideWrap{
        height: 550px;
    }

    .slideWrap .loca_slide{
        position: inherit;
        height: 300px;
        top: -4%;
    }

    .loca_rBox{
        width: 100%;
        bottom: 0;
        padding: 15px;
        height: 150px;
        background-size: 17%;
    }

    .loca_rBox .rBox_txt{
        line-height: 32px;
        font-family: "Noto Sans KR", sans-serif;
    }

    .loca_rBox .rBox_txt br{
        display: block;
    }

    
}
@media screen and (max-width: 321px){
    .loca_con .link{
        flex-wrap: wrap;
    }
    .loca_con .link a{
        width: auto;
        font-size: 14px;
    }
    .loca_con i{
        font-size: 18px;
    }
}


/*//section02*/




/*류헌 소개*/
#intro_wrap{
    width: 100%;
    overflow: hidden;
    margin-top: 135px;
    margin-left: auto;
}

#intro_wrap dl{
    word-break: keep-all;
}

/*section01*/
#intro_wrap .int_se01{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
}

.int_tit{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.int_tit dl{
    float: left;
}

.int_tit dl dt{
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
    color: #222222;
}

.int_tit dl dt span{
    font-weight: bold;
}

.int_tit dl dd{
    font-size: 70px;
    font-weight: 900;
    margin-top: 10px;
    letter-spacing: -2px;
}

.int_tit li{
    height: 20px;
    float: left;
    padding: 0 10px;
    line-height: 20px;
}

.int_tit li a{
    font-weight: 400;
    color: #888888;
    font-family: "Noto Sans KR", sans-serif;
}

.int_tit li:last-child{
    padding-right: 0;
}

.int_tit li:last-child img{
    margin-top: 1px;
}


.int_tit li:nth-child(5) a{
    color: #1a6271;
}

.int_tit li:nth-child(2) img,
.int_tit li:nth-child(4) img{
    margin-top: 4.5px;
}

.titcon{
    width: 93%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 70px;
}

.titcon .subtit{
    width: 100%;
    overflow: hidden;
    text-align: center;
    letter-spacing: 4px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 3;
    font-size: 18px;
}

.titcon .subtit p span{
    font-weight: bold;
}

.titcon .picWrap{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.picWrap .pic_t img{
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
}

.picWrap dl dt{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
}

.picWrap dl dd{
    font-size: 16px;
    color: #737373;
    line-height: 24px;
    margin-top: 5px;
    padding-left: 2px;
    font-family: "Noto Sans KR", sans-serif;
}

.picWrap .pic_t{
    width: 25%;
    overflow: hidden;
    margin-top: 85px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.picWrap .pic_t dl:last-of-type{
    margin-top: auto;
}

.picWrap .pic_c{
    width: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pic_c .emblem{
    position: absolute;
    text-align: center;
}

.pic_c .emblem img{
    display: inline-block;
}

.pic_c .emblem p{
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-top: 10px;
}
/*//section01*/

/*section02*/
.int_se02{
    width: 100%;
    height: 935px;
    margin-top: 110px;
    background-color: #000;
    background-image: url(/divorce/img/rh_about_01_bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .6s background;
    color: #fff;
}

.int_se02 .int_conWrap{
    width: calc(100% - 90px);
    margin-left: 90px;
    overflow: hidden;
    display: flex;
}

.int_se02 .conbox{
    width: 33.3%;
    height: 935px;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: .6s background-image;
    background-image: url(/divorce/img/rh_about_Ani.webp);
}
 
.int_se02 .conbox1{
    background-position: right center;
}

/*추가*/
.int_se02 .conbox1.on {background-image: url(/divorce/img/rh_about_01.webp);}


.int_se02 .conbox .txt{
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 46%;
}

.int_se02 .conbox .txt dt{
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se02 .conbox .txt dd{
    font-size: 45px;
    line-height: 1.3;
    margin-top: 5px;
}
.int_se02 .conbox .txt h2{
    font-size: 45px;
    line-height: 1.3;
    margin-top: 5px;
	font-weight: normal;
}
.int_se02 .conbox .txt h2 span{
	font-weight: bold;
}

.int_se02 .conbox .txt dd span{
    font-weight: bold;
}

.int_se02 .conbox .txt .line{
    width: 150px;
    height: 1px;
    background-color: #fff;
    margin: 20px 0;
}

.int_se02 .conbox .txt p{
    font-size: 16px;
    line-height: 40px;
    word-break: keep-all;
    font-family: "Noto Sans KR", sans-serif;
    opacity: 0;
    transform: translateY(300px);
    transition: 0.5s;
    font-weight: 100;
}
.int_se02 .conbox3 .txt p{transform: translateY(100px);}
.int_se02 .conbox .txt p span{font-weight: 600;}

/*//section02*/

/*section03*/
.int_se03{
    width: 100%;
    overflow: hidden;
    margin-top: 110px;
}

.int_se03 .subtit{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;    
}

.int_se03 .subtit dl dt:first-child{
    font-size: 12px;
    letter-spacing: 2px;
    color: #a8a8a8;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se03 .subtit dl dt:last-child{
    font-size: 16px;
    line-height: 30px;
    font-family: "Noto Sans KR", sans-serif;
}
.int_se03 .subtit dl h3:last-child{
	font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se03 .subtit dl dd{
    font-size: 30px;
    margin: 5px 0;
}

.int_se03 .subtit dl dd span{
    font-weight: bold;
}

.int_se03 .conwrap{
    width: 100%;
    overflow: hidden;
    background-color: #fcfcfc;
    margin-top: 40px;
    padding-bottom: 100px;
}

.int_se03 .tabbar{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
}

.int_se03 .tabbar ul{
    width: 95.7%; /*1225px*/
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    display: flex;
}

.int_se03 .tabbar ul li p{
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 20px;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se03 .tabbar ul li br{
    display: none;
}


.int_se03 .tabbar>img{
    position: absolute;
    top: 0;
    right: 266px;
}

.int_se03 .tabbar>p{
    margin-bottom: 30px;
    color: #a0a0a0;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se03 .tabcon{
    width: 61.7%; /*1184px*/
    /* height: 620px; */
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px;
    padding: 50px 0;
    /* background: url(/divorce/img/sub_intro_se03_tabconframe.webp) center no-repeat; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    position: relative;
    display: none;
}

.int_se03 .tabcon .frame{
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.int_se03 .tabcon .frame img{
    max-width: 100%;
}

.int_se03 .tabconBox{
    width: 27.9%; /*330px*/
    height: calc(540px); /*540px*/
    box-shadow: rgba(0,0,0,0.07) 7px 7px 20px;
    border-radius: 60px;
    padding: 50px 24px;
    box-sizing: border-box;
}

.int_se03 .tcBbg{
    background-color: #1a6271;
    color: #fff;
}

.int_se03 .tabconBox .icon{
    text-align: center;
}

.int_se03 .tabconBox .icon2 img{
    margin: 3px 0;
}

.int_se03 .tabconBox .icon3 img{
    margin: 5px 0;
}

.int_se03 .tabconBox .icon h2{
    margin-top: 20px;
}

.int_se03 .tabconBox .icon .line{
    width: 50px;
    height: 1px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #a1a1a1;
}

.int_se03 .tabconBox .icon .line2{
    background-color: #fcfcfc;
}

.int_se03 .tabconBox ul li{
    font-size: 18px;
    line-height: 28px;
    word-break: keep-all;
    text-indent: -20px;
    margin-left: 20px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}

.int_se03 .tabconBox ul li::before{
    content: "";
    display: inline-block;
    background-color: #21899f;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    margin: 3px 8px;
}

.int_se03 .tcBbg ul li::before{
    background-color: #fff;
}

/* 추가 */
.int_se03 .tabbar ul li {cursor: pointer;}

.int_se03 .tabbar ul li .imgon {display: none;}

.int_se03 .tabbar ul li.on .imgon {display: block;}
.int_se03 .tabbar ul li.on .imgoff {display: none;}
.int_se03 .tabbar ul li.on p {color: #21899f;}

.int_se03 .tabcon.on {display: flex;}

/* -END- */


/*//section03*/

/*section04*/
.int_se04{
    width: 100%;
    overflow: hidden;
}

.int_se04 .subtit{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;    
}

.int_se04 .subtit dl dt:first-child{
    font-size: 12px;
    letter-spacing: 2px;
    color: #a8a8a8;
    font-weight: 600;
}

.int_se04 .subtit dl dt:last-child{
    font-size: 16px;
    line-height: 30px;
}

.int_se04 .subtit dl dd{
    font-size: 30px;
    margin: 5px 0;
}
.int_se04 .subtit dl dd span{
    font-weight: bold;
}

.int_se04 .subtit dl h2{
	font-weight: normal;
    font-size: 30px;
    margin: 5px 0;
}
.int_se04 .subtit dl h2 span{
    font-weight: bold;
}

.int_se04 .corp{
    width: 67%;
    height: auto;
    margin: 0 auto;
    margin-top: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.int_se04 .corp .img{
    width: 34.7%;
    overflow: hidden;
    float: left;
}

.int_se04 .corp .corp_r{
    width: 62.5%;
    overflow: hidden;
    float: right;
    margin-top: 40px;
}

.int_se04 .corp_r p{
    font-size: 30px;
    word-break: keep-all;
}

.int_se04 .corp_r p br{
    display: none;
}

.int_se04 .corp_r p span{
    color: #8f7a45;
    font-weight: bold;
}

.int_se04 .corp_r .logos{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    margin-top: 20px;
}

.int_se04 .corp_r .corLogo{
    width: 17.5%; /*140px*/
    height: 65px;
    border: 1px solid #f1f1f1;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    box-sizing: border-box;
}

.int_se04 .numbering{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-top: 50px;
}

.int_se04 .numbering .numcon{
    width: 31%;
    overflow: hidden;
    background-color: #8f7a45;
    text-align: center;
    padding: 30px 20px;
    font-size: 20px;
    font-weight: 600;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.int_se04 .numbering .numcon br{
    display: none;
}

.int_se04 .numcon .wrap{
    display: flex;
    align-items: center;
    justify-content: center;
}

.int_se04 .numcon dl dd{
    margin-top: 10px;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
}

.int_se04 .numcon .line{
    display: flex;
    width: 40px;
    height: 1px;
    margin: 0 10px;
    background-color: #fff;
    justify-content: space-between;
}

.int_se04 .numcon h2{
    font-size: 50px;
    font-weight: 600;
    white-space: nowrap;
}

.int_se04 .numcon h2 span{
    font-weight: 300;
}

.int_se04 .numcon h2 i{
    font-style: normal;
}

.int_se04 .article{
    width: 67%;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.int_se04 .article a{
    display: block;
    width: 31%;
    overflow: hidden;
}

.int_se04 .article a dl{
    width: 100%;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    padding: 20px;
}

.int_se04 .article a dl dt{
    font-weight: 700;
    font-size: 17px;
    line-height: 1.6em;
    max-height: 3.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se04 .article a dl dd{
    color: #949494;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Noto Sans KR", sans-serif;
}

.int_se04 .article a dl dd:last-child{
    color: #816b4f;
    font-size: 15px;
    float: right;
    margin-top: 20px;
}

.int_se04 .article a dl dd>img{
    margin-top: 5px;
    margin-left: 10px;
}

.int_se04 .graph{
    overflow: hidden;
    margin-left: auto;
    margin-top: 60px;
    margin-bottom: 100px;
}

/*//section04*/



/*류헌의 약속*/
#proWrap{ width: 100%; height: auto; }
#proWrap .proTit{ width: 67%; height: auto; margin: 0 auto; }
#proWrap .pro_conWrap{ width: 100%; height: auto; margin-top: 50px; }
#proWrap .pro_con1Wrap{ width: 67%; height: 650px; margin: 0 auto; position: relative; }
#proWrap .pro_con1Wrap .img{ position: absolute; left: 0; top: 0; }
#proWrap .pro_con1Wrap .line{ width: 150px; height: 1px; background-color: #5f4d37; position: absolute; bottom: 31%; left: 22%; z-index: 3; }
#proWrap .pro_con1Wrap .pro_txt{ width: 70%; height: auto; position: absolute; right: 0; bottom: 0; background-color: #fff; padding: 50px 100px; }
#proWrap .pro_con1Wrap .pro_txt p{ font-size: 36px; line-height: 60px; word-break: keep-all; }
#proWrap .pro_con1Wrap .pro_txt p span{ color: #5d4b36; font-weight: bold; }

#proWrap .pro_con2WrapBg{ width: 100%; height: 920px; background-color: #fafafa; position: relative; margin-top: 100px;}
#proWrap .pro_txtBg{ width: 58%; height: 470px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 3; padding-right: 50px; padding-bottom: 70px; display: flex; align-items: flex-end; }
#proWrap .pro_txtBg .pro_txt{ margin-left: 34%; word-break: keep-all; }
#proWrap .pro_txtBg .pro_txt h2{ font-size: 33px; line-height: 50px;}
#proWrap .pro_txtBg .pro_txt p{ font-size: 18px; margin-top: 15px; line-height: 30px;}
#proWrap .pro_con2Wrap .img{ position: absolute; right: 16.5%; top: 20%; }
#proWrap .pro_con2Wrap.pro_con4Wrap .img{right: 12%;}
#proWrap .pro_con2Wrap .line{ width: 150px; height: 1px; background-color: #5f4d37; position: absolute; top: 26%; right: 36% ; z-index: 3;}


/*반응형*/
@media screen and (max-width: 1900px){
    .int_se04 .numbering .numcon{
        padding: 30px 10px;
    }
}

@media screen and (max-width: 1800px){
    .int_se03 .tabcon .frame img{
        display: none;
    }

    .int_se03 .tabconBox ul li{
        font-size: 16px;
    }

    #proWrap .pro_con2Wrap .line{ top: 36%; }

}

@media screen and (max-width: 1600px){
    #intro_wrap .int_se01{
        width: 80%;
    }
    .titcon{
        width: 100%;
    }
}

@media screen and (max-width: 1440px){
    .titcon .picWrap{
        margin-top: 50px;
    }

    .int_se03 .tabconBox{
        padding: 40px 15px;
    }

    .int_se03 .tabconBox ul li{
        font-size: 16px;
    }

    .int_se03 .tabconBox .icon h2{
        font-size: 20px;
    }

    .int_se04 .numbering .numcon,
    .int_se04 .article a{
        width: 32%;
    }

    .int_se04 .numbering .numcon{
        padding: 20px 10px;
    }

    .int_se04 .numbering .numcon br{
        display: block;
    }
}

@media screen and (max-width: 1400px){
    .picWrap dl dt{
        font-size: 20px;
    }
    
    .int_se02{
        height: auto;
    }

    .int_se02 .int_conWrap{
        flex-direction: column;
    }

    .int_se02 .conbox{
        width: 100%;
        height: inherit;
        padding: 50px 0;
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    .int_se02 .conbox1{
        background-position: top right;
    }

    .int_se02 .conbox .txt{
        margin-top: 0;
    }

    .int_se03 .subtit,
    .int_se03 .tabbar,
    .int_se03 .tabcon,
    .int_se04 .subtit,
    .int_se04 .corp,
    .int_se04 .numbering,
    .int_se04 .article,
    .int_se04 .graph{
        width: 80%;
    }

    .int_se04 .corp_r p{
        font-size: 26px;
    }

    #proWrap .proTit,
    #proWrap .pro_con1Wrap{ width: 80%; }

    #proWrap .pro_txtBg .pro_txt{ margin-left: 18%; }

    #proWrap .pro_con2Wrap .img{ right: 10%; }

    #proWrap .pro_con2Wrap .line{ width: 120px; }

    #proWrap .pro_txtBg{ height: 430px; }
    #proWrap .pro_con1Wrap .pro_txt{ width: 65%; }
}

@media screen and (max-width: 1300px){
    .int_se04 .numbering .numcon .wrap{
        flex-direction: column;
    }

    .int_se04 .numcon .line{
        margin: 20px 0;
    }

    .int_se04 .numbering .numcon br{
        display: none;
    }

    #proWrap .pro_con1Wrap .pro_txt p{ font-size: 30px; line-height: 50px; }
    #proWrap .pro_txtBg .pro_txt h2{ font-size: 26px; line-height: 40px; }
    #proWrap .pro_txtBg .pro_txt p{ margin-top: 10px; font-family: "Noto Sans KR", sans-serif; font-weight: 300; font-size: 16px;}
    
    

}

@media screen and (max-width: 1200px){
    .int_se04 .corp .img{
        width: 40%;
    }

    .int_se04 .corp .corp_r{
        width: 57%;
    }
}

@media screen and (max-width: 1000px){
    #intro_wrap{
        width: 100%;
    }

    #intro_wrap .int_se01{
        width: 90%;
    }

    .int_tit dl dd{
        font-size: 60px;
    }

    .int_tit li{
        font-size: 14px;
        padding: 0 5px;
    }

    .titcon .picWrap{
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .picWrap .pic_t{
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 0;
    }

    .pic_c .emblem img{
        width: 80%;
    }

    .pic_c .emblem p{
        font-size: 18px;
    }

    .int_se02{
        width: 100%;
        margin-left: 0;
    }

    .int_se02 .conbox .txt,
    .int_se03 .subtit,
    .int_se03 .tabbar,
    .int_se03 .tabcon,
    .int_se04 .numbering,
    .int_se04 .article,
    .int_se04 .graph{
        width: 90%;
    }

    .int_se02 .int_conWrap{ width: 100%; margin-left: 0; }

    .int_se03 .tabbar ul li br{
        display: block;
    }

    .int_se03 .tabbar ul li p{
        font-size: 16px;
        line-height: 24px;
    }

    .int_se03 .tabcon{
        width: 100%;
    }

    .int_se03 .tabconBox{
        width: 30%;
        border-radius: 40px;
    }

    .int_se04 .corp{
        width: 90%;
    }

    .int_se04 .corp_r .corLogo{
        height: 50px;
    }

    .int_se04 .corp_r p{
        line-height: 36px;
    }

    .int_se04 .corp_r p br{
        display: block;
    }

    .int_se04 .article{
        flex-direction: column;
    }

    .int_se04 .article a{
        width: 100%;
        display: flex;
        margin-bottom: 20px;
    }

    .int_se04 .article a:nth-of-type(2){
        flex-direction: row-reverse;
    }

    #proWrap{ width: calc(100%); margin: 0;}
    #proWrap .proTit, #proWrap .pro_con1Wrap{ width: 90%; }
    #proWrap .pro_con1Wrap .img{ width: 100%; display: flex; justify-content: center; align-items: center; }
    #proWrap .pro_con1Wrap .pro_txt{ width: 80%; }

    #proWrap .pro_txtBg .pro_txt{ margin-left: 15%; }
    #proWrap .pro_con2Wrap .img{ right: 5%; }
    #proWrap .pro_con2Wrap.pro_con4Wrap .img{right: 5%;}
    #proWrap .pro_txtBg{ width: 65%; }
    #proWrap .pro_txtBg .pro_txt p{ font-size: 15px; }

    #proWrap .pro_con1Wrap .line,
    #proWrap .pro_con2Wrap .line{ display: none; }

    
}

@media screen and (max-width: 768px){
    .int_tit{
        flex-direction: column;
        align-items: flex-start;
    }

    .int_tit dl dt{
        font-size: 14px;
    }
    
    .int_tit dl dd{
        font-size: 40px;
        margin-top: 5px;
    }

    .int_tit ul{
        margin-top: 20px;
        font-size: 14px;
    }

    .titcon .picWrap{
        margin-top: 0;
    }

    .picWrap .pic_t{
        margin-top: 30px;
    }

    .picWrap .pic_t dl{
        margin-bottom: 30px;
    }

    .picWrap dl dt{font-size: 16px;}
    .picWrap dl dd{font-size: 13px;}

    .picWrap dl dd br{
        display: none;
    }

    .picWrap .pic_t dl:last-of-type{
        margin-top: 0;
    }

    .int_se02{
        background-size: cover;
    }

    .int_se02 .conbox .txt dd{
        font-size: 30px;
    }
	.int_se02 .conbox .txt h2{
        font-size: 30px;
    }

    .int_se03 .subtit dl dd{
        font-size: 24px;
    }
	.int_se03 .subtit dl h2{
        font-size: 24px;
    }

    .int_se03 .subtit dl dt:last-child{
        font-size: 13px;
    }
	.int_se03 .subtit dl h3:last-child{
        font-size: 13px;
		line-height: 1.6;
    }

    .int_se03 .tabcon{
        width: 90%;
        flex-direction: column;
    }

    .int_se03 .tabconBox{
        width: 70%;
        height: auto;
        margin-bottom: 20px;
    }

    .int_se04 .corp{
        flex-direction: column;
    }

    .int_se04 .corp .img{
        width: 60%;
    }

    .int_se04 .corp .corp_r{
        width: 100%;
    }

    .int_se04 .corp_r p{
        font-size: 24px;
    }

    .int_se04 .corp_r p br{
        display: none;
    }

    .int_se04 .corp_r .corLogo{
        height: 60px;
        padding: 10px;
    }

    .int_se04 .numcon h2{
        font-size: 40px;
    }

    .int_se04 .numbering .numcon{
        font-size: 18px;
    }

    #proWrap .pro_con1Wrap{ height: auto; }
    #proWrap .pro_con1Wrap .img{ position: static; }    
    #proWrap .pro_con1Wrap .pro_txt{ width: 100%; border-radius: 0px 0 50px 0; padding: 30px; text-align: center; position: static;}
    #proWrap .pro_con1Wrap .pro_txt p{ font-size: 26px; }
    #proWrap .pro_txtBg .pro_txt h2{ font-size: 22px; }

    #proWrap .pro_txtBg{ width: 100%; padding: 30px; height: auto; position: static;}
    #proWrap .pro_txtBg .pro_txt{ margin: 0; }
    #proWrap .pro_con2WrapBg{ height: 800px; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 100px; margin-top: 0;}
    #proWrap .pro_con2Wrap .img{ width: 90%; height: auto; display: flex; justify-content: center; align-items: center; right: 5%;}

}

@media screen and (max-width: 600px){
    .int_se04 .corp_r .corLogo{
        height: 50px;
        padding: 5px;
    }

    .int_se04 .article a dl dt{
        max-height: 3.2em;
        -webkit-line-clamp: 2;
    }

    #proWrap .pro_con2Wrap .img{ top: 10% }
    #proWrap .pro_con2WrapBg{ height: 700px; }
}

@media screen and (max-width: 425px){
    .picWrap .pic_t{
        flex-direction: column;
        align-items: flex-start;
    }

    /* .picWrap .pic_t dl{
        width: 80%;
    }

    .picWrap .pic_t dl:last-of-type{
        margin-left: auto;
        text-align: right;
    } */

    .pic_c .emblem img{
        width: 60%;
    }

    .pic_c .emblem p{
        font-size: 16px;
        line-height: 20px;
    }

    .int_se03 .tabbar ul li p{
        font-size: 14px;
    }

    .int_se03 .tabbar>p{
        font-size: 14px;
    }

    .int_se03 .tabcon{
        width: 100%;
        flex-direction: column;
    }

    .int_se03 .tabconBox{
        width: 90%;
    }

    .int_se04 .corp_r p br{
        display: block;
    }

    .int_se04 .corp_r .corLogo{
        margin-bottom: 10px;
    }

    .int_se04 .corp .img{
        width: 70%;
    }

    .int_se04 .numbering{
        flex-direction: column;
    }

    .int_se04 .numbering .numcon{
        width: 100%;
        margin-bottom: 20px;
    }

    .int_se04 .numbering .numcon .wrap{
        flex-direction: row;
    }

    .int_se04 .numcon .line{
        margin: 0 20px;
    }

    .int_se04 .numcon h2{
        font-size: 30px;
    }

    .int_se04 .numbering .numcon{
        font-size: 16px;
    }

    .int_se04 .article a{
        flex-direction: column;
    }

    .int_se04 .article a:nth-of-type(2){
        flex-direction: column;
    }

    #proWrap .pro_con1Wrap .pro_txt p{ font-size: 22px; line-height: 38px;}
    #proWrap .pro_txtBg .pro_txt h2{ font-size: 20px; line-height: 30px; }
    

}

@media screen and (max-width: 375px){
    .int_se04 .corp_r .corLogo{
        height: 40px;
    }

    #proWrap .pro_con1Wrap .pro_txt p{ font-size: 16px; font-family: "Noto Sans KR", sans-serif;}
    #proWrap .pro_txtBg .pro_txt h2{ font-size: 16px; font-family: "Noto Sans KR", sans-serif; }
    #proWrap .pro_txtBg .pro_txt p{ font-size: 14px; line-height: 26px; }

}

/*추가*/

/*류헌 소개 맨위 SVG*/
.picWrap .pic_c {width: 50%;}
.picWrap .pic_c .slide {width: 100%;}

.picWrap .pic_c .slide .img {display: none;}
.picWrap .pic_c .slide .img01 {display: block;}

.picWrap .pic_c .slide .ellipse {stroke:#A78D4D; stroke-width:4; transform: rotate(-90deg); transform-origin: center;}
/* #A78D4D */

.picWrap .pic_c .slide .dots .dotOn {opacity: 0;}

.pic_c .emblem {display: none;}

.picWrap dl dt .imglogo {display: inline-block; position: relative; width: 25px; height: 25px; margin-right: 10px;}
.picWrap dl dt div.off {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/criminal/img/logo/sub_intro_logoB.png) no-repeat center/cover;}
.picWrap dl dt div.on {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/criminal/img/logo/all_logo.png) no-repeat center/cover; opacity: 0;}

.picWrap dl dt .imglogo.over div.off {opacity: 0;}
.picWrap dl dt .imglogo.over div.on {opacity: 1;}

@media screen and (min-width:1001px) {
    .picWrap .pic_t.mob {display: none !important;}
}

@media screen and (max-width:1000px) {
    .titcon .picWrap {margin-top: 50px;}
    .picWrap .pic_c {width: 90%;}
    .picWrap .pic_t {display: none;}
    .picWrap .pic_t.mob {display: block !important; word-break: keep-all;}
    .picWrap .pic_t.mob .imglogo .on {opacity: 1;}
    .picWrap .pic_t.mob dl dt {font-size: 20px;}
    .picWrap .pic_t.mob dl dd {font-size: 16px;}

    .int_se02 {margin-top: 50px;}

}


/*오시는길 슬라이더*/

.slide_list .swiper-slide { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.slide_list .swiper-slide .plus{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.slide_list .swiper-slide .plus>img{ transform: translateY(18%); opacity: 0; transition-duration: 0.6s;}
.slide_list .swiper-slide::before{ position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; border: 9px solid transparent; box-sizing: border-box; cursor: pointer; transition-duration: 0.6s;}

.slide_list .swiper-slide:hover::before{ border-color: #897356; background-color: rgba(0,0,0,0.5);}
.slide_list .swiper-slide:hover .plus>img{ transform: translateY(0); opacity: 1; }

@media screen and (max-width: 768px){
    .slide_list .swiper-slide .plus>img{ max-width: 30%; }
}

@media screen and (max-width: 768px){
    .slide_list .swiper-slide::before{ border-width: 5px; }
}


/*why 류헌 */
.why_se02 .conBox { position: relative; border: 0;}
.why_se02 .conBox::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid transparent; content: ''; box-sizing: border-box;}

.why_se02 .conBox1.on::before {border-color: #543f25;}
.why_se02 .conBox2.on::before {border-color: #313131;}
.why_se02 .conBox3.on::before {border-color: #766637;}

/* why 류헌 오버했을때 */
.why_se02 .conBox1:hover::before {border-color: #543f25;}
.why_se02 .conBox2:hover::before {border-color: #313131;}
.why_se02 .conBox3:hover::before {border-color: #766637;}

.why_se02.mob .conBox {cursor:auto;}
.why_se02.mob .cTB_text dl dd {line-height: 1.5;}


/*류헌 소개 그래프*/
.int_se04 .graph {position: relative; width: 100%; height: auto;}

.int_se04 .graph #chartOption {width: calc(90% - 90px); max-width: 1280px; margin: 0 auto; height: 100%;}

.int_se04 .graph .highcharts-credits {display: none !important;}

@media screen and (max-width: 1000px) {
    .int_se04 .graph {width: 90%; margin: 0 auto;}
    .int_se04 .graph {height: 400px;}

    .int_se04 .graph #chartOption {width: 100%;}
}


/* END */

/* 0412_최다희 추가 */
/* 류헌소개 오버효과 */
.int_se02 .conbox:hover p{opacity: 1; transform: translateY(0);}

@media screen and (max-width: 1400px){
    .int_se02 .conbox .txt p{opacity: 1; transform: translateY(0);}
}

@media screen and (max-width: 768px){
    .int_se02 .conbox .txt p{font-size: 13px; line-height: 2.2;}
}

.int_se03 .tabconBox ul {transform: translateY(40px); transition: .7s; opacity: 0;}
.int_se03 .tabconBox ul.on {transform: translateY(0); opacity: 1;}

/* 류헌소개 원 슬라이드 수정_최다희 */
@media screen and (max-width: 430px){
    .picWrap .pic_t.pic_t2{flex-direction: column-reverse;}
    .picWrap .pic_t.pic_t2 dl:first-child{text-align: right; margin-left: auto;}
    .picWrap .pic_t.pic_t2 dl:nth-child(2){text-align: left; margin-left: 0;}
}

/* 류헌소개 원 슬라이드 수정_최다희 */
@media screen and (max-width: 430px){
    .picWrap .pic_t.pic_t2{flex-direction: column-reverse;}
    .picWrap .pic_t.pic_t2 dl:first-child{text-align: right; margin-left: auto;}
    .picWrap .pic_t.pic_t2 dl:nth-child(2){text-align: left; margin-left: 0;}

    .picWrap .pic_t:nth-child(1) dl:last-of-type dt{justify-content: flex-end;}
    .picWrap .pic_t.pic_t2 dl:first-child dt{justify-content: flex-end;}

    
}

/* 반응형 수정 최다희 */
@media screen and (max-width: 768px){
    .picWrap dl dt div.off{background-size: 80%;}
    .picWrap dl dt div.on{background-size: 80%;}

    .int_se03{margin-top: 70px;}
    .int_se03 .tabbar{margin-top: 0;}
    .int_se03 .tabcon{padding-top: 0;}
    .int_se03 .conwrap{padding-bottom: 0;}
    .int_se03 .subtit dl dd{font-size: 18px;}
	.int_se03 .subtit dl h2{font-size: 18px;}
    .int_se03 .tabconBox .icon h2{font-size: 16px;}

    .int_se04{margin-top: 70px;}
    .int_se04 .corp_r p{font-size: 18px;}
    .int_se04 .numcon h2{font-size: 25px;}
    .int_se04 .numcon dl dd{font-size: 16px;}

    .ryuLoca_se02{margin-top: 0; margin-bottom: 70px;}
    .slide_list .swiper-slide .plus>img{width: 14%;}

    .wtm_r dl dt{font-size: 15px;}

    .why_se02{padding-top: 55px;}
    .why_se02 .cTB_text dl dt{font-size: 18px;}
	.why_se02 .cTB_text dl h2{font-size: 18px;}
}



/*류헌 소개 로고이미지 임시 모자이크*/
.int_se04 .corp .logos { filter: blur(5px); -webkit-filter: blur(5px); }
.int_se04 .corp .img{ filter: blur(5px); -webkit-filter: blur(5px); }

/*류헌 소개 그래프 글자 추가*/
.int_se04 .graph{ margin-bottom: 30px; }
.int_se04 .graph dl{ width: 67%; margin: 0 auto; margin-top: 30px; margin-bottom: 30px;}
.int_se04 .graph dl dt:first-child{ font-size: 12px; letter-spacing: 2px; color: #a8a8a8; font-weight: 400; font-family: "Noto Sans KR", sans-serif; }
.int_se04 .graph dl dd{ font-size: 30px; margin: 5px 0; }
.int_se04 .graph dl dt:last-child { font-size: 16px; line-height: 30px;
 font-family: "Noto Sans KR", sans-serif;
}
.int_se04 .graph dl dd span{ font-weight: bold; }

.int_se04 .graph dl h2{ font-weight: normal;font-size: 30px; margin: 5px 0; }
.int_se04 .graph dl h2 span{ font-weight: bold; }
.int_se04 .graph dl h3:last-child {font-weight: normal; font-size: 16px; line-height: 30px;
 font-family: "Noto Sans KR", sans-serif;
}

@media screen and (max-width: 1400px){
    .int_se04 .graph dl{ width: 80%; }
}

@media screen and (max-width: 1000px){
    .int_se04 .graph dl{ width: 100%; }
    .int_se04 .graph{ height: auto; }
}

@media screen and (max-width: 768px){
    .int_se04 .graph dl dd { font-size: 18px; }
	.int_se04 .graph dl h2 { font-size: 18px; }
    .int_se04 .graph dl dt:last-child { font-size: 13px; }
	.int_se04 .graph dl h3:last-child { font-size: 13px;line-height: 1.6;}
}


/* 220421 추가 */

.int_se04 .article .img {width: 100%; position: relative; overflow: hidden;}
.int_se04 .article .img .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.int_se04 .article .img::after {
    content: '';
    display: block;
    padding-bottom: 100%;
}

@media screen and (min-width:769px){
    .int_se04 .article .img .bg {transform: scale(1); transition: .6s;}
    .int_se04 .article a:hover .img .bg {transform: scale(1.1);}
}

@media screen and (max-width:1000px) {
    #intro_wrap dl {display: flex; justify-content: center; flex-direction: column;}
}

/* 220421 - Y */

/* 오시는길 */

.ryuLoca_se02 .newLocaSlide .bx {position: relative;}
.ryuLoca_se02 .newLocaSlide .bx .bigSlide {width: 62%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .6s;}
.ryuLoca_se02 .newLocaSlide .bx .bigSlide::after {content: ''; display: block; padding-bottom: calc(550/790 * 100%);}

.ryuLoca_se02 .newLocaSlide .bx dl {position: absolute; left: calc(750/1280 * 100%); right: 0; top: 0; margin-left: 7%; top: 10%;}
.ryuLoca_se02 .newLocaSlide .bx dl dt {font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    color: #b9b9b9;
    font-family: "Noto Sans KR", sans-serif;
    font-weight: 300;
}
.ryuLoca_se02 .newLocaSlide .bx dl dd {font-size: 2.0833vw;
    font-weight: bold;
    letter-spacing: -2px;
    color: #222222;
    margin-top: 0.2em;
}

.ryuLoca_se02 .newLocaSlide .bx .txtBx {position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #897356; font-size: 1.3021vw; line-height: 1.8; color: #fff; padding: 2.3999em 2em; left: calc(750/1280 * 100%); background-image: url(/criminal/img/logo/sub_loca_logoW.png); background-repeat: no-repeat; background-position: right bottom; background-size: 10% auto;}

.ryuLoca_se02 .newLocaSlide .smbx {margin-top: 50px;}
.ryuLoca_se02 .newLocaSlide .smbx .swiper-slide {cursor: pointer; overflow: hidden;}
.ryuLoca_se02 .newLocaSlide .smbx .bg {width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center;}
.ryuLoca_se02 .newLocaSlide .smbx .bg::after {padding-bottom: calc(200/300 * 100%); content: ''; display: block;}
.ryuLoca_se02 .newLocaSlide .smbx .border {position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 10px solid #897356; background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none;}
.ryuLoca_se02 .newLocaSlide .smbx .plus {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; transform: translateY(20%); opacity: 0; pointer-events: none;}

@media screen and (min-width:769px) {
    .ryuLoca_se02 .newLocaSlide .smbx .swiper-slide .border,
    .ryuLoca_se02 .newLocaSlide .smbx .plus {transition: .6s;}

    .ryuLoca_se02 .newLocaSlide .smbx .swiper-slide:hover .border {opacity: 1;}
    .ryuLoca_se02 .newLocaSlide .smbx .swiper-slide:hover .plus {transform: translateY(0); opacity: 1;}
}

@media screen and (max-width:1220px){
    .ryuLoca_se02 .newLocaSlide .bx .bigSlide {width: 70%;}
    .ryuLoca_se02 .newLocaSlide .bx dl {right: 0; left: auto; right: 3%;}
    .ryuLoca_se02 .newLocaSlide .bx dl dd {font-size: 4vw;}
    .ryuLoca_se02 .newLocaSlide .bx .txtBx {font-size: 1.5vw;}
}

@media screen and (max-width:900px){
    .ryuLoca_se02 .newLocaSlide .bx .bigSlide {margin-top: 25px;}
    .ryuLoca_se02 .newLocaSlide .bx dl {position: static; left: auto; right: auto; margin-left: 0; margin-right: 0;}

    .ryuLoca_se02 .newLocaSlide .bx dl dd {font-size: 6vw;}

    .ryuLoca_se02 .newLocaSlide .bx .txtBx {left: auto; bottom: 0; right: 0; font-size: 2.5vw; top: auto; transform: none;}
}

@media screen and (max-width:768px){
    .ryuLoca_se02 {margin-top: 25px;}
    .ryuLoca_se02 .newLocaSlide .bx .bigSlide {width: 90%;}
    .ryuLoca_se02 .newLocaSlide .bx .bigSlide::after {padding-bottom: calc(770/790 * 100%);}
    .ryuLoca_se02 .newLocaSlide .bx .txtBx {font-size: 16px;}
}


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

    .ryuLoca_se02 .newLocaSlide .smbx {margin-top: 25px;}
    .ryuLoca_se02 .newLocaSlide .bx dl dd {font-size: 8vw;}
    .ryuLoca_se02 .newLocaSlide .bx .bigSlide {width: 100%;}
    .ryuLoca_se02 .newLocaSlide .bx .txtBx {font-size: 14px; line-height: 1.5; position: static; left: auto; bottom: auto; right: auto; padding: 1.5em;}
    
}


/* 익스 */
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {

    /* 류헌소개 */
    .picWrap .pic_c .slide svg {height: 25vw;}
    .int_se03 .tabbar ul {align-items: center;}
    .int_se03 .tabbar ul li {flex: 1;}

    /* 올인원 */
    .allcon .d-wrap .alllist > li dl::before {left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .allbg .d-wrap dl {width: 100%;}
    .allcon .d-wrap .alllist {width: 100%;}

    /* 형사소개 */
    .type_con .d-wrap .tit {width: 100%;}
    .support_con .d-wrap .imgwrap {width: 100%; height: auto; position: relative;}
    .support_con .d-wrap .imgwrap::before {display: none;}
    .support_con .d-wrap .txtwrap {width: 100%; box-sizing: border-box;}
    .type_con .d-wrap .imglist {width: 95%;}
    .type_con .d-wrap .imglist .first {width: 50%;}
    .type_con .d-wrap .imglist .first > div {flex: 1;}
    .type_con .d-wrap .imglist .second {width: 50%;}
    .type_con .d-wrap .imglist .second > div {flex: 1;}

    /* 류헌약속 */
    #proWrap .pro_con1Wrap .img img,
    #proWrap .pro_con2Wrap .img img {flex: 1;}
    

    /* 전담센터 레이아웃 */
    .contents .c_list .list_con > li .layer .ly_in .ly_tab li.on::before {top: 0;}

}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width:1000px) {

    /* 류헌소개 */
    .picWrap .pic_c .slide svg {height: 50vw;}
    .int_se04 .article a .img {width: 40%;}
    .int_se04 .article a dl {width: 60%;}

    /* 형사소개 */
    .type_con .d-wrap .imglist .first {width: 100%;}
    .type_con .d-wrap .imglist .second {width: 100%;}


}


/*0425 수정 요청사항 반영*/
/*류헌 소개*/
    /*section02 마우스오버 텍스트*/
.int_se02 .conbox .txt p span{  background-color: #ab8c4a;
    color: #fff; font-weight: 400;}

    /*section04 숫자 카운트 부분*/
@media screen and (max-width: 768px){
    .int_se04 .numcon .line{ display: none; }
    .int_se04 .numcon h2{ margin-top: 10px; }
    .int_se04 .numbering{ margin-top: 20px; }
}

@media screen and (max-width: 425px){
    .int_se04 .numbering{ flex-direction: row; }
    .int_se04 .numbering .numcon .wrap{ flex-direction: column; justify-content: flex-end;}
    .int_se04 .numbering .numcon{ padding: 10px; }
    .int_se04 .numbering .numcon{ width: 32%; }
    .int_se04 .numcon dl dd{ font-size: 14px; }
    .int_se04 .numcon h2{ margin-top: 5px; font-size: 20px; }
    .int_se04 .numbering .numcon br{ display: block; }
}

/* why류헌 모바일 탭기능 수정 */
#why_wrap .why_se02.mob .w_con .conTextBox{display: none;}
#why_wrap .why_se02.mob .conWrap1{align-items: inherit;}
#why_wrap .why_se02.mob .conWrap1 .w_con{margin-bottom: 20px;}
#why_wrap .why_se02.mob .conWrap1 .w_con:last-child{margin-bottom: 0;}
#why_wrap .why_se02.mob .conWrap1 .w_con .conBox{cursor: pointer;}
#why_wrap .why_se02.mob .w_con .conTextBox.on{display: flex;}



/*0426 수정 요청사항 반영*/
    /*류헌의 약속 컨텐츠 추가*/
#proWrap .pro_txtBg_r{ width: 58%; height: 470px; background-color: #fff; position: absolute; top: 0; right: 0; z-index: 3; padding-left: 70px; padding-bottom: 70px; display: flex; align-items: flex-end; padding-right: calc(300 / 1920 * 100%);}
#proWrap .pro_con3Wrap .line{ top: 240px; right: 15%; }
#proWrap .pro_con5Wrap .line{ top: 210px; right: 5%; }
#proWrap .pro_txtBg_r .pro_txt{ word-break: keep-all; }
#proWrap .pro_txtBg_r .pro_txt h2{ font-size: 33px; line-height: 50px; }
#proWrap .pro_txtBg_r .pro_txt p{ font-size: 18px; margin-top: 15px; line-height: 30px; }
#proWrap .pro_con3Wrap .img,
#proWrap .pro_con5Wrap .img{ left: 16.5%; top: 15%; }
#proWrap .pro_con3WrapBg,
#proWrap .pro_con4WrapBg,
#proWrap .pro_con5WrapBg{ margin-top: 0; }
#proWrap .pro_con3WrapBg,
#proWrap .pro_con5WrapBg{ background-color: #fff; }

@media screen and (max-width: 1800px) {
    #proWrap .pro_con3Wrap .line{ top: 210px; right: 7%; }
}

@media screen and (max-width: 1300px) {
    #proWrap .pro_txtBg_r{ height: 430px; padding-right: calc(100 / 1920 * 100%); }
    #proWrap .pro_txtBg_r .pro_txt h2{ font-size: 26px; line-height: 40px; }
    #proWrap .pro_txtBg_r .pro_txt p{ font-size: 16px; font-weight: 300; font-family: "Noto Sans KR", sans-serif; }
    #proWrap .pro_con2Wrap .line,
    #proWrap .pro_con1Wrap .line{ display: none; }
}

@media screen and (max-width: 1000px){ 
    #proWrap .pro_con3Wrap .img,
    #proWrap .pro_con5Wrap .img{ left: 5%; }
    #proWrap .pro_txtBg_r{ width: 65%; }
}

@media screen and (max-width: 768px){
    #proWrap .pro_con1Wrap .pro_txt p{ line-height: 1.6; }
    #proWrap .pro_con2Wrap .img{ position: static; margin: 0 auto; }
    #proWrap .pro_con2WrapBg{ flex-direction: column-reverse; padding-bottom: 0; }
    #proWrap .pro_txtBg{ width: 90%; margin: 0 auto; }
    #proWrap .pro_txtBg_r{ width: 90%; padding: 30px; height: auto; position: static; margin: 0 auto; background-color: #fafafa; }
    #proWrap .pro_con3Wrap .img,
    #proWrap .pro_con5Wrap .img{ width: 90%; height: auto; display: flex; justify-content: center; align-items: center; right: 5%; }
    #proWrap .pro_txtBg_r .pro_txt h2{ font-size: 22px; line-height: 1.5; }
    #proWrap .pro_txtBg_r .pro_txt p{ font-size: 15px; line-height: 1.5; }
    #proWrap .pro_txtBg .pro_txt h2,
    #proWrap .pro_txtBg .pro_txt p{ line-height: 1.5; }
}

@media screen and (max-width: 600px){
    #proWrap .pro_con3Wrap .img,
    #proWrap .pro_con5Wrap .img{ top: 10%; }
    #proWrap .pro_con2WrapBg,
    #proWrap .pro_con3WrapBg,
    #proWrap .pro_con5WrapBg{ height: auto; margin-top: 20px; }
    #proWrap .pro_con5WrapBg{ margin-bottom: 50px; }
}

@media screen and (max-width: 375px){
    #proWrap .pro_txtBg_r .pro_txt h2{ font-size: 16px; font-family: "Noto Sans KR", sans-serif; }
    #proWrap .pro_txtBg_r .pro_txt p{ font-size: 14px; }
    #proWrap .pro_con2WrapBg{ padding-bottom: 0; }
}




/* why 류헌 수정사항 0429 */
.picWrap dl dt{display: flex; align-items: center;}

/*류헌 소개 행간조절*/
@media screen and (max-width: 768px){
    .int_se03 .subtit dl dt:last-child,
    .int_se04 .graph dl dt:last-child{ line-height: 1.6; }
}