@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type='number'] {
  -moz-appearance: textfield;
}
/* font-family: 'Pretendard Variable'; */


body {
	font-family: 'Pretendard', sans-serif;
    font-weight: 400;
    margin: 0 !important;
}

html {scroll-behavior: smooth;}

input,
select {
    font-family: 'Pretendard', sans-serif;
}

p {
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.inner{
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
}
.pc_hide {
    display: none! important;
}

.sp5 {
    height: 5px;
    clear: both;
}

.sp10 {
    height: 10px;
    clear: both;
}

.sp12 {
    height: 12px;
    clear: both;
}

.sp15 {
    height: 15px;
    clear: both;
}

.sp20 {
    height: 20px;
    clear: both;
}

.sp25 {
    height: 25px;
    clear: both;
}

.sp30 {
    height: 30px;
    clear: both;
}

.sp35 {
    height: 35px;
    clear: both;
}

.sp40 {
    height: 40px;
    clear: both;
}

.sp45 {
    height: 45px;
    clear: both;
}

.sp50 {
    height: 50px;
    clear: both;
}

.sp55 {
    height: 55px;
    clear: both;
}

.sp60 {
    height: 60px;
    clear: both;
}

.sp65 {
    height: 65px;
    clear: both;
}

.sp70 {
    height: 70px;
    clear: both;
}

.sp75 {
    height: 75px;
    clear: both;
}

.sp80 {
    height: 80px;
    clear: both;
}

.sp90 {
    height: 90px;
    clear: both;
}

.sp100 {
    height: 100px;
    clear: both;
}

.sp110 {
    height: 110px;
    clear: both;
}

.sp120 {
    height: 120px;
    clear: both;
}

.sp130 {
    height: 130px;
    clear: both;
}

.sp140 {
    height: 140px;
    clear: both;
}

.sp150 {
    height: 150px;
    clear: both;
}

.sp160 {
    height: 160px;
    clear: both;
}

.sp165 {
    height: 165px;
    clear: both;
}

.sp200 {
    height: 200px;
    clear: both;
}

.t_bold {
    font-weight: bold
}

.pc_hider {
    display: none;
}
#wrap{
    max-width: 1920px;
    margin: auto;
}
/* 공통 input 시작 */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 8px auto;
}

input,
select {
    appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -webkit-padding: 0 10px;
    -moz-padding: 0 10px;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox
}

input[type='radio'] {
    -webkit-appearance: radio
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
a {
    text-decoration: none;
    color: inherit;
}
select::-ms-expand {
    display: none;
    /*for IE10, 11*/
}
/* 공통 input 끝 */

#header {
    width: 100%;
    z-index: 999999;
    max-width: 700px;
    margin: 0 auto;
    position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    left: 50%;
    transform: translate(-50%);
	transition: transform 0.3s, opacity 0.3s;
}
#header.hidden {
    transform: translate(-50%, -100%);
    opacity: 0;
}
#header .in{
    display:flex;
	padding:15px;
	align-items: center;
}
#header .in .logo_box {
    width: 38%;
    flex-shrink: 0;
    max-width: 230px;
}
#header .in .logo_box img{
    width:100%;
}
#header .in .menu{
    margin-left: auto;
    width: 62%;
}
#header .in .menu ul {
    display: flex;
    flex-shrink: 0;
    width: 100%;
    justify-content: flex-end;
	gap:10px;
}
#header .in .menu ul li{
    text-align: center;
	width: calc(100% / 3);
}
#yn07 #header .in .menu ul li{
    text-align: center;
	width: auto;
}
#header .in .menu ul li a{
    font-size: 15px;
    font-weight: 700;
}
#yn07 #header .in .menu ul li a{
    font-size: 12px;
    font-weight: 700;
}

#content {
    overflow: hidden;
    max-width: 700px;
    margin: 0 auto;
	padding-top: 66px;
}
#content .section01{display:flex;flex-direction: column;}
#content .section01 .yn01_01{width:100%;}
#content .section01 .itemForm{
	padding-top:50px;
	padding-bottom:50px;
	display:flex;
	background:#023473;
	flex-direction: column;
	}
#content .section01 .itemForm .formBox{
	width:100%;
	text-align:center;
	margin-bottom:50px;
	}
#content .section01 .itemForm .formBox img{
	margin-bottom:20px;
	}
#content .section01 .itemForm .formBox:last-child{
	margin-bottom:0px;
	}
#content .section01 .itemForm .formBox .tit{
	font-size:15px;
	color:#ffffff;
	font-weight:700;
	margin-bottom: 10px;
	}
#content .section01 .itemForm .formBox .stxt{
	font-size:14px;
	color:#ffffff;
	font-weight:400;
	}



#content .section01_1 {
	width: 100%;
    height: auto;
    background: Url(../img/yn05_01.jpg)no-repeat;
    background-size: 100% 100%;
    padding-top: 20%;
    padding-bottom: 20%;
	}
#content .section01_1 .tit {
    font-size: 34px;
    position: relative;
    text-align: center;
    color: #fff;
    display: table;
    margin: 0 auto 60px;
}
#content .section01_1 .tit::after {
	content: '';
    width: 100%;
    height: 3px;
    background: #ffffff;
    position: absolute;
    bottom: -15px;
    left: 0px;
	}
#content .section01_1 .tit span{
   font-weight:700;
}
#content .section01_1 .txtBox{
	display:flex;
	flex-direction:column;
	align-items: center;
	gap: 30px;
	}
#content .section01_1 .mb40{
	margin-bottom:40px;
	}
#content .section01_1 .txtBox P {
    color: #ffffff;
    text-align: Center;
    font-size: 16px;
    line-height: 1.6;
}
#content .section01_1 .txtBox .bullet{
	width: auto;
    padding: 7px 30px;
    background: #063674;
    border: 1px solid #20497f;
    border-radius: 50px;
	}
#content .section01_1 .txtBox .bullet span{
	color:#dcebff;
	font-size:20px;
	font-weight:500;
	}
#content .call_banner{
	width:100%;
	padding-top:18px;
	padding-bottom:18px;
	background:#0d1e33;
	display: flex;
    align-items: center;
    justify-content: center;
	}
#content .call_banner p{
	font-size:16px;
	font-weight:500;
	color:#ffffff;
	}
#content .call_banner a{
	font-size: 20px;
    font-weight: 700;
    color: #ffd200;
    margin-left: 7px;
    margin-right: 10px;
	}
#content .call_banner img{
	height:15px;
	}
#content .box_banner img{
	width:100%;
	}





#content .advice_content {
    width: 100%;
    background: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 9999999;
}
#content .advice_content .txt-box{
	text-align:Center;
	margin-bottom:25px;
	}
#content .advice_content .txt-box .txt{
	font-size:34px;
	color:#000000;
	font-weight:700;
	margin-bottom:15px;
	}
#content .advice_content .txt-box .stxt {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
}
#content .advice_content .item01 {
	width:90%;
	background:#ededed;
	padding-top:40px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	margin: 0 auto;
	}
#content .advice_content .item01 .value-title{
	text-align:center;
	width:100%;
    font-size:16px;
	}
#content .advice_content .type_B {
	
	}

#content .advice_content .type_B .in_form .radio_form .label_type01 p{
    text-align: center;
    height: 28px;
}

#step_btn {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:10px;
	margin-bottom: 20px;
}
#step_btn button {
    width: 100px;
    height: 40px;
    background: #607da4;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
	font-family: 'Pretendard', sans-serif;
}
#step_btn button.next {
    background: #607da4;
    cursor: not-allowed;
}
#step_btn button.next.on {
    background-color: #023373;
    cursor: pointer;
}



#content .advice_content .item01 .in_form{
	max-width:500px;
	margin: 0 auto;
	width:100%;
	}
#content .advice_content .item01 .in_form .radio_form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	gap: 30px 0px;
    justify-content: center;
	margin-bottom:30px;
}
#content .advice_content .item01 .in_form .radio_form .radio_form_inner{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	gap: 30px 0px;
    justify-content: center;
	margin-top: 30px;
}

#content .advice_content .item01 .in_form .radio_form .label_type01 {
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	position: relative;
}
#content .advice_content .item01 .in_form .radio_form .label_type01 p {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-top: 10px;
	letter-spacing: -0.3;
	word-break: keep-all;
}


#content .advice_content input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    top: 0px;
}

#content .advice_content input[type="radio"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../img/checkbox.png) left top no-repeat;
    cursor: pointer;
    background-size: cover;
}

#content .advice_content input[type="radio"]:checked + label span {
    background:url(../img/checkbox_on.png) left top no-repeat;
     background-size: cover;
}
#content .advice_content input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    top: 0px;
}

#content .advice_content input[type="checkbox"] + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background: url(../img/checkbox.png) left top no-repeat;
    cursor: pointer;
    background-size: cover;
}

#content .advice_content input[type="checkbox"]:checked + label span {
    background:url(../img/checkbox_on.png) left top no-repeat;
     background-size: cover;
}

#content .advice_content .item01 .in_form .info_form{
    display:flex;
	gap: 5px;
}
#content .advice_content .item01 .in_form .info_form .input-box {
    width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#content .advice_content .item01 .in_form .info_form .info_form_inner {
    width: 100%;
    display: flex;
    gap: 5px;
}
#content .advice_content .item01 .in_form .info_form .input-box input {
    width: 100%;
    height: 40px;
    border: 1px #cccccc solid;
    background: #ffffff;
    font-size: 16px;
    color: #313131;
    text-indent: 15px;
    font-weight: 500;
}
#content .advice_content .item01 .in_form .info_form .input-box input::placeholder{
    color: #c1c1c1;
	
}
#content .advice_content .item01 .in_form .info_form .info_button {
    width: 120px;
    height: 85px;
    background: #023373;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    border: none;
    outline: none;
    cursor: pointer;
}

#content .advice_content .item01 .btns {
        display: flex;
        justify-content: space-between;
        padding: 12px 0;
    }
#content .advice_content .item01 .btns a{
        margin-left:5px;
    }
#content .advice_content .item01 .btns input {
        display: none;
    }
#content .advice_content .item01 .btns input + label {
    position: relative;
    padding-left: 5px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
}
#content .advice_content .item01 .btns input + label:before {
        display: block;
        content: "";
        width: 19px;
        height: 19px;
        box-sizing: border-box;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 50%;
    }
#content .advice_content .item01 .btns input:checked + label:before {
    background: url(../img/checkbox_on.png) no-repeat center;
    background-size: 19px 19px;
    border: none;
}

#content .advice_content .alarm_layer {
    width: 90%;
	display:none;
    background: #ededed;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 auto;
}

#content .advice_content .alarm_layer .layer_inner{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#content .advice_content .alarm_layer p {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}
#content .advice_content .alarm_layer .call_box {
    background: #023473;
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
}
#content .advice_content .alarm_layer .call_box img{
    height:20px;
	margin-left:8px;
}

#content .section02 {
	background:#ededed;
	width:100%;
	padding-top:60px;
	padding-bottom:40px;
	}

#content .section02 .txt{
	font-size: 34px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
	text-align:Center;
	}
#content .section02 .stxt{
	font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
	text-align:Center;
	}
#content .section02 .section02_item{
	overflow:hidden;
	position:relative;
	}
#content .section02 .section02_item ul.txt_form {
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 40px;
    gap: 20px;
}
#content .section02 .section02_item ul.txt_form li{
	font-size:17px;
	color:#212121;
	font-weight:700;
	line-height: 1.5;
	letter-spacing: -0.5;
	position:relative;
	text-align: center;
	}

#content .section02 .section02_item .image_list{
    position:relative;
}

#content .section02 .section02_item .image_list img{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    display: table;
}
.more_link{
    background: #023473;
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
	margin:40px auto 0px;
}
.more_link img {
    height: 11px;
    margin-left: 12px;
}
#content .section03 {padding-top:60px;padding-bottom:60px;}
#content .section03 .yn01_09 {
    width: 100%;
    max-width: 550px;
    margin: 40px auto 0px;
    display: table;
}
#content .section03 .success-swiper{margin-top:40px;width:100%;}
#content .section03 .txt{
	font-size: 34px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
	text-align:Center;
	}
#content .section03 .stxt{
	font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
	text-align:Center;
	}
#content .section03 .success-swiper{position:relative;}
#content .section03 .swiper-wrapper{
	height: auto;
    position: relative;
    width: 100%;
    max-width: 700px;
	}
#content .section03 .swiper-wrapper ..swiper-slide{
	width:100%;
	}
#content .section03 .common-swiper-next {
    position: absolute;
    left: 0;
    transform: translateX(-50%);
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
    right: 0px;
    left: auto;
	background-size:55px !important;
}
#content .section03 .common-swiper-prev{
	position: absolute;
    left: 0;
    transform: translateX(-50%);
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
    right: 0px;
    left: 0;
	background-size:55px !important;
		}
#content .section03 .success-swiper .swiper-pagination {
				top: 0;
				bottom: auto;
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				gap: 10px;
				justify-content: center;
				padding-left: 20px;
				padding-right: 20px;
			}
#content .section03 .success-swiper .swiper-pagination-bullet {
    width: calc((100% / 2 - 20px));
    height: 50px;
    border-radius: 0;
    opacity: 1;
    background: #ffffff;
    position: relative;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
	color:#2f477f;
	word-break: keep-all;
}

#content .section03 .success-swiper .swiper-pagination-bullet:nth-child(1):after {content:'집행유예';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#content .section03 .success-swiper .swiper-pagination-bullet:nth-child(2):after {content:'약식명령 벌금형';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#content .section03 .success-swiper .swiper-pagination-bullet:nth-child(3):after {content:'집행유예';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#content .section03 .success-swiper .swiper-pagination-bullet:nth-child(4):after {content:'집행유예 전과무혐의';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#content .section03 .success-swiper .swiper-pagination-bullet-active:nth-child(1) {background: #2f477f;color:#ffffff;}
#content .section03 .success-swiper .swiper-pagination-bullet-active:nth-child(2) {background: #2f477f;color:#ffffff;}
#content .section03 .success-swiper .swiper-pagination-bullet-active:nth-child(3) {background: #2f477f;color:#ffffff;}
#content .section03 .success-swiper .swiper-pagination-bullet-active:nth-child(4) {background: #2f477f;color:#ffffff;}



.section02 .partner_wrap {
   display: flex; 
    overflow: hidden;
}
.section02 .rolling-list ul {
    padding : 50px 0px;
    display: flex;
	gap:10px;
}
.section02 .rolling-list ul li { 
    box-sizing: border-box; 
    display: flex; 
    align-items: center; 
    flex-shrink: 0; 
}
.section02 .rolling-list ul li img{
    width: 150px;
}
.section02 .rolling-list ul .circle_logo img{
    width: 100px;
}
.section02 .rolling-list.original {
    animation: rollingleft1 60s linear infinite;
	margin-right:10px;
}
.section02 .rolling-list.clone {
    animation: rollingleft2 60s linear infinite;
}

@keyframes rollingleft1 {
    0% { transform: translateX(0); }
    50% { transform: translateX(-100%); }
    50.01% { transform: translateX(100%); }
    100% { transform: translateX(0); }
}

@keyframes rollingleft2 {
    0% { transition: translateX(0); }
    100% { transform: translateX(-200%); }
}




#slide_content .container {
    overflow: hidden;
    position: relative;
    width: 100%; /* 컨테이너 너비 */
}
#slide_content ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
	gap:0px 10px;
}
#slide_content li {
    flex-shrink: 0; /* 이미지가 줄어들지 않도록 설정 */
}

#slide_content {
	position: relative;
	width:100%;
	height:200px;
	overflow:hidden;
	margin-top:30px;
	}

#slide_content li img {width:143px;}
#slide_content p {padding:0; margin:0;}
#content .section04 .txt_box {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    background: url(../img/yn01_10.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    background-position: 50% 50%;
}
#content .section04 .txt_box .in{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
#content .section04 .txt_box .txt1{
	font-size: 34px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
	}
#content .section04 .txt_box .txt2{
	font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    line-height: 1.5;
	}

#content .section04{display:flex;flex-direction: column;}



#content .section04 img{width:100%;}

#content .section05 {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
}
#content .section05 .txt{
	font-size: 34px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 15px;
	text-align:Center;
	}
#content .section05 .stxt{
	font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 1.3;
	text-align:Center;
	}
#content .section05 .img-box{
	width:80%;
	margin:40px auto 20px;
	position:relative;
	}
#content .section05 .img-box:after {
    content: '';
    position: absolute;
    bottom: 0px;
    box-shadow: 1px 6px 10px #5d5d5d;
    width: 100%;
    height: 22px;
    left: 0px;
    bottom: 0px;
}
#content .section05 .img-box img{
	width: 100%;
    z-index: 999;
    position: relative;
	}

#content .section05 .swiper {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

#content .section05 .swiper-wrapper {
     height:auto;
    }
#content .section05 .swiper-slide {
       background-position: center;
      background-size: cover;
      width: auto;
      height: auto;
    }

#content .section05 .swiper-slide img {
      display: block;
      width: 100%;
    }

#content .section05 .swiper-container-3d .swiper-slide-shadow-left {background: transparent;}
#content .section05 .swiper-container-3d .swiper-slide-shadow-right {background: transparent;}
#content .section06 {margin-top:30px;}
#content .section06 .img-box {
    width: 90%;
    position: relative;
    margin: 0 auto;
    border-radius: 30px;
    /* overflow: hidden; */
    margin-bottom: 20px;
}
#content .section06 .img-box img {
    width: 100%;
    z-index: 999;
    position: relative;
    box-shadow: 1px 1px 10px #bebebe;
    border-radius: 10px;
}



#content .location_map {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 190px;
}
#content .location_map .txt {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: Center;
}
#content .location_map .img-box {
    width: 90%;
    position: relative;
    margin: 0 auto;
    border-radius: 30px;
    margin-bottom: 20px;
}
#content .location_map .img-box img{
     width: 100%;
}

#content .location_map .info {
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
}
#content .location_map .info ul li{
     margin-bottom:10px;
	 display:flex;
}
#content .location_map .info ul li .value {
    font-size: 16px;
    font-weight: 700;
    color: #717171;
    width: 90px;
}

#content .location_map .info ul li .var {
    font-size: 16px;
    font-weight: 700;
    color: #121212;
    width: calc(100% - 90px);
	word-break: keep-all;
}


#content #consultation {
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:40px;
	padding-right:40px;
	background:#023373;
	position: fixed;
	display:none;
    bottom: 0px;
	z-index: 999999;
	max-width: 700px;
    transition: opacity 0.3s ease-in-out;
	}
#consultation.visible {
    display: block;
    opacity: 1;
}
#content #consultation .info_form{
    display:flex;
	gap: 5px;
}
#content #consultation .info_form .input-box {
    width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
#content #consultation .info_form .input-box input {
    width: 100%;
    height: 40px;
    background: #ffffff;
    font-size: 16px;
    color: #313131;
    text-indent: 15px;
    font-weight: 500;
}
#content #consultation .info_form .input-box input::placeholder{
    color: #c1c1c1;
	
}
#content #consultation .info_form .info_button {
    width: 120px;
    height: 85px;
    background: #f24a01;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    border: none;
    outline: none;
    cursor: pointer;
}

#content #consultation .btns {
        display: flex;
        justify-content: space-between;
        padding: 8px 0 0px 0px;
    }
#content #consultation .btns a{
        color:#ffffff;
		margin-left: 5px;
    }
#content #consultation .btns input {
        display: none;
    }
#content #consultation .btns input + label {
    position: relative;
    padding-left: 5px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    }
#content #consultation .btns input + label:before {
    display: block;
    content: "";
    width: 19px;
    height: 19px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 50%;
}
#content #consultation .btns input:checked + label:before {
    background: url(../img/checkbox_on.png) no-repeat center;
    background-size: 19px 19px;
    border: none;
    }


#content .section01 .itemForm {
        padding-top: 35px;
        padding-bottom: 35px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #content .section01 .itemForm .formBox{
        width:calc(100% / 3);
        margin-bottom:0px;
        position: relative;
        width: 50%;
    }
    #content .section01 .itemForm .formBox:nth-child(1), #content .section01 .itemForm .formBox:nth-child(2) {
        padding-bottom: 30px;
    }
    /*#content .section01 .itemForm .formBox:nth-child(2)::after {
        content: '';
        width: 1px;
        height: 40px;
        background: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
    }*/
    #content .section01 .itemForm .formBox:nth-child(2)::before, #content .section01 .itemForm .formBox:nth-child(4)::before {
        content: '';
        width: 1px;
        height: 40px;
        background: rgba(255, 255, 255, 0.6);
        position: absolute;
        top: 50%;
        left: 0px;
        transform: translateY(-50%);
    }
    #content .section01 .itemForm .formBox .imgbox{
        height:50px;
    }
    #content .section01 .itemForm .formBox:nth-child(1) img {
        height: 36px;
    }
    #content .section01 .itemForm .formBox:nth-child(2) img {
        height: 26px;
    }
    #content .section01 .itemForm .formBox:nth-child(3) img {
        height: 26px;
    }
    #content .section01 .itemForm .formBox:nth-child(4) img {
        height: 26px;
    }
    #content .section01 .itemForm .formBox .tit {
        font-size: 15px;
    }
    #content .section01 .itemForm .formBox .stxt {
        font-size: 10px;
    }

    #content .section02 .section02_item ul.txt_form li:nth-child(2), #content .section02 .section02_item ul.txt_form li:nth-child(4) {
        color: #b9b9b9;
    }



#yn07 .item_section01{
	overflow:hidden;
	width:100%;
	background:url(../img/yn07_bg.jpg)no-repeat;
	background-size: cover;
    background-position: center;
	text-align:center;
	position:relative;
	}
#yn07 .item_section01 .txt1{
	font-size: clamp(24px, 5vw, 35px);
    color: #ffffff;
    font-weight: 500;
    padding-top: 20%;
    margin-bottom: 3%;
	}
#yn07 .item_section01 .txt2{
	font-size: clamp(24px, 5.5vw, 40px);
	background: linear-gradient(90deg, #b8edff, #52c0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-weight:700;
	}
#yn07 .item_section01 .img_ani {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
	margin-top:8%;
}

#yn07 .item_section01 .img_ani img{
	width:100%;
	}

#yn07 .item_section01 .text-box{
	margin-top:8%;
	text-align:center;
	}
#yn07 .item_section01 .text-box ul{
	display: flex;
    align-items: Center;
    justify-content: center;
    gap: 15px;
	margin-bottom:3%;
	}
#yn07 .item_section01 .text-box ul li{
	color:#ffffff;
	font-size: clamp(12px, 1vw, 20px);
	position:relative;
	}
#yn07 .item_section01 .text-box ul li:after{
	content: '';
    width: 1px;
    height: 10px;
    background: #ffffff;
    position: absolute;
    top: 2px;
    right: -8px;
	}
#yn07 .item_section01 .text-box ul li:last-child:after{
	display:none;
	}
#yn07 .item_section01 .user_item {
	margin-top: 30px;
    display: flex;
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
	}
#yn07 .item_section01 .user_item img{
	width: 120px;
    height: auto;
	}
#yn07 .item_section01 .user_item .brief_history{
	margin-left:auto;
	text-align:right;
	width: 100%;
	}
#yn07 .item_section01 .user_item .brief_history .name{
	font-size:12px;
	color:#ffffff;
	font-weight:400;
	margin-bottom:5%;
	}
#yn07 .item_section01 .user_item .brief_history .txt_Box {
	border-right: 1px #104280 solid;
    padding-right: 8%;
    width: 100%;
	}
#yn07 .item_section01 .user_item .brief_history .name span{
	font-size:16px;
	color:#ffffff;
	font-weight:700;
	}
#yn07 .item_section01 .user_item .brief_history ul li{
	font-size: 10px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 5px;
	}
#yn07 .user_item02 {
	width:100%;
	background:#0e2d54;
	height:190px;
	padding-right: 10%;
    padding-left: 10%;
	display:flex;
	position:relative;
	}
#yn07 .user_item02 img {
    margin-left: auto;
    /* margin-top: -20px; */
    z-index: 99;
    width: 135px;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 5%;
}

#yn07 .user_item02 .brief_history {
        text-align: left;
        width: 100%;
}
#yn07 .user_item02 .brief_history  .txt_Box {
        border-left: 1px #104280 solid;
    padding-left: 8%;
    width: 100%;
    margin-top:5%;
    }
#yn07 .user_item02 .brief_history .name {
        font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 3%;
    }
#yn07 .user_item02 .brief_history .name span {
        font-size: 16px;
        color: #ffffff;
        font-weight: 700;
    }
#yn07 .user_item02 .brief_history ul li {
        font-size: 10px;
        color: #ffffff;
        font-weight: 400;
        margin-bottom: 4px;
    }



#yn07 .item_section02 {
        width:100%;
		aspect-ratio: 700 / 723;
		background: url(../img/yn07_bg2.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		text-align: center;
		position: relative;
    }
#yn07 .item_section02 .txt1 {
    font-size: clamp(16px, 3vw, 26px);
    color: #ffffff;
    font-weight: 500;
    padding-top: 10%;
    margin-bottom: 3%;
	text-align:center;
}
#yn07 .item_section02 .txt2 {
    font-size: clamp(22px, 4vw, 36px);
    color:#c0d8ff;
    font-weight: 700;
	text-align:center;
}
#yn07 .item_section02 .box {
    display:flex;
	flex-wrap:wrap;
	padding-left: 10%;
    padding-right: 10%;
	margin-top:30px;
	gap: 12px 0px;
}
#yn07 .item_section02 .box > div{
    width:calc(100% / 2 );
	display:flex;
	flex-direction:column;
	text-align:center;
	align-items: center;
}
#yn07 .item_section02 .box > div img{
    width: 55%;
    margin-bottom: 5px;
    max-width:75px;
}


#yn07 .item_section02 .box > div .tx1{
    font-size: clamp(12px, 2vw, 20px);
	font-weight:700;
	color:#ffffff;
	margin-bottom:7px;
}
#yn07 .item_section02 .box > div .tx2{
    font-size: clamp(9px, 2vw, 12px);
	font-weight:400;
	line-height:1.4;
	color:#ffffff;
}
#yn07 .box_banner{
    position:relative;
}
#yn07 .box_banner .yn07_a {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 116px;
    height: 30px;
}
#yn07 .slide_area{
    width:100%;
	background:#ffffff;
	padding:20px;
}
#yn07 .slide_area .swiper-wrapper{
    height:auto;
}

#yn07 .slide_area .swiper {
      width: 100%;
      height: auto;
    }

#yn07 .slide_area .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
	  height: auto;
    }

#yn07 .slide_area .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
#yn07 .item_section03 {
	width:100%;
	aspect-ratio: 700 / 780;
	background: url(../img/yn07_bg3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	}
#yn07 .item_section03 .txt1 {
    font-size: clamp(24px, 5vw, 35px);
    color: #ffffff;
    font-weight: 500;
    padding-top: 10%;
    margin-bottom: 2%;
}
#yn07 .item_section03 .txt2 {
    font-size: clamp(24px, 5vw, 38px);
    color: #ffffff;
    font-weight: 700;
	margin-bottom: 5%;
}
#yn07 .item_section03 .box_img {
    padding:0% 15%;
}
#yn07 .item_section03 .box_img img{
    width:100%;
}
#yn07 .item_section03 .link_box {
    width: 132px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #023373;
    font-weight: 400;
    background: #fff;
    margin: 5% auto 0px;
    gap: 6px;
}
#yn07 .item_section03 .link_box img{
   height: 11px;
}

#yn07 #content #consultation {
    background: #ededed;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
#yn07 #content #consultation .info_form .input-box input {
    border: 1px #676767 solid;
}
#yn07 #content #consultation .info_form .info_button {background: #023373;}
#yn07  #content #consultation .btns a {
    color: #212121;
    margin-left: 5px;
}

#yn07 #content #consultation .info_form {
	width: auto;
    margin: auto;
	}
#content #consultation .btns {width: auto;
    margin: auto;
	}

#map_section {
	width: 100%;
    padding-top: 60px;
    padding-bottom: 190px;
	display:Flex;
	flex-direction:column;
	align-items:center;
	}
#map_section .map_logo {
    height:50px;
	margin-bottom:30px;
}
#map_section .img-box {
    width: 90%;
    position: relative;
    margin: 0 auto;
    border-radius: 30px;
    margin-bottom: 20px;
}
#map_section .img-box img{
    width: 100%;
}

#map_section .add {
   text-align:center;
}
#map_section .add .txt1{
    font-size: clamp(14px, 3vw, 18px);
    font-weight: 500;
    color: #023373;
    word-break: keep-all;
	margin-bottom:7px;
}
#map_section .add .txt2{
    font-size: clamp(14px, 3vw, 16px);
    font-weight: 500;
    color: #121212;
    word-break: keep-all;
}
#map_section .link_area {
    width: 350px;
    display: flex;
    gap: 15px;
	margin-top: 30px;
}
#map_section .link_area a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    background: #023373;
    color: #fff;
    font-size: 15px;
    gap: 7px;
    justify-content: center;
    font-weight: 500;
}
#map_section .link_area a .yn07_icon_call{
   height: 22px;
}
#map_section .link_area a .yn07_icon_kakao{
   height: 22px;
}
#map_section .link_area a .yn07_icon05{
   height: 12px;
}



.alarm_layer_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100vh;
	display: flex;
    align-items: center;
    justify-content: center;
}
.alarm_layer_box .alarm_layer{
	display:block !important;
	max-width: 600px;
}




@media (min-width: 650px) {
	#header .in .menu ul {
    gap: 30px;
	}
    #header .in .menu ul li a {
        font-size: 20px;
    }
	#content .section01 .itemForm .formBox .tit, #content .section01 .itemForm .formBox .stxt {
        font-size: 18px;
	}
    #content .section01 .itemForm .formBox .tit span, #content .section01 .itemForm .formBox .stxt span {
        display: inline-block;
    }


    #content .section02 .section02_item ul.txt_form {
        display: flex;
        position: relative;
    	justify-content: center;
        margin-top: 20px;
    	margin-bottom:40px;
    	flex-direction:row;
    }
    #content .section02 .section02_item ul.txt_form li{
    	font-size:17px;
    	color:#212121;
    	font-weight:700;
    	line-height: 1.5;
    	letter-spacing: -0.5;
    	position:relative;
    	text-align: center;
    	width: calc(100% / 3);
    	}
    #content .section02 .section02_item ul.txt_form li:nth-child(2), #content .section02 .section02_item ul.txt_form li:nth-child(4) {
        display: none;
    }
    #content .section02 .section02_item ul.txt_form li:nth-child(3):before {
        content: '';
        width: 1px;
        height: 40px;
        background: #5e5e5e;
        position: absolute;
        top: 0px;
        left: -20px;
    }
    #content .section02 .section02_item ul.txt_form li:nth-child(3):after {
        content: '';
        width: 1px;
        height: 40px;
        background: #5e5e5e;
        position: absolute;
        top: 0px;
        right: -20px;
    }
	#yn07 #header .in .menu ul li a {
	font-size: 20px;
    font-weight: 700;
	}

	#yn07 .item_section01{
	
	}

	#yn07 .item_section01 .text-box ul{
	display: flex;
    align-items: Center;
    justify-content: center;
    gap: 18px;
	margin-bottom:3%;
	}

	#yn07 .item_section01 .text-box ul li:after {
    content: '';
	width: 2px;
	height: 15px;
	background: #ffffff;
	position: absolute;
	top: 4px;
	right: -10px;
	}

	#yn07 .item_section01 .user_item {
	margin-top: 30px;
    display: flex;
    width: 100%;
    padding-right: 10%;
    padding-left: 10%;
	}

	#yn07 .item_section01 .user_item img{
		width: 221;
		height:308px;
		}
	#yn07 .item_section01 .user_item .brief_history{
		margin-left:auto;
		text-align:right;
		width: 100%;
		}
	#yn07 .item_section01 .user_item .brief_history .name{
		font-size:14px;
		color:#ffffff;
		font-weight:400;
		margin-bottom:5%;
		}
	#yn07 .item_section01 .user_item .brief_history .txt_Box {
		border-right: 1px #104280 solid;
		padding-right: 8%;
		width: 100%;
		margin-top: 10%;
		}
	#yn07 .item_section01 .user_item .brief_history .name span{
		font-size:22px;
		color:#ffffff;
		font-weight:700;
		}
	#yn07 .item_section01 .user_item .brief_history ul li{
		font-size: 14px;
		color: #ffffff;
		font-weight: 400;
		margin-bottom: 5px;
		}





		#yn07 .user_item02 {
	width:100%;
	background:#0e2d54;
	height:281px;
	padding-right: 5%;
    padding-left: 10%;
	display:flex;
	}
	#yn07 .item_section02 .box {
		display: flex;
		flex-wrap: wrap;
		padding-left: 10%;
		padding-right: 10%;
		margin-top: 30px;
		gap: 30px 0px;
	}
	#yn07 .user_item02 img {
		margin-left: auto;
        margin-top: -20px;
        z-index: 99;
        width: 234px;
		bottom: 0px;
	}

	#yn07 .user_item02 .brief_history {
			text-align: left;
			width: 100%;
	}
	#yn07 .user_item02 .brief_history  .txt_Box {
			border-left: 1px #104280 solid;
			padding-left: 30px;
			width: 100%;
			margin-top: 5%;
			margin-left:50px;
		}
	#yn07 .user_item02 .brief_history .name {
			font-size: 14px;
			color: #ffffff;
			font-weight: 400;
			margin-bottom: 5%;
		}
	#yn07 .user_item02 .brief_history .name span {
			font-size: 22px;
			color: #ffffff;
			font-weight: 700;
		}
	#yn07 .user_item02 .brief_history ul li {
			font-size: 14px;
			color: #ffffff;
			font-weight: 400;
			margin-bottom: 5px;
		}


	#yn07 .item_section02 .box > div img{
    width:149px;
	margin-bottom:10px;
	max-width:100%;
	}

	#yn07 .item_section02 .box > div .tx1{
    font-size:20px;
	font-weight:700;
	color:#ffffff;
	margin-bottom:7px;
	}
	#yn07 .item_section02 .box > div .tx2{
		font-size:15px;
		font-weight:400;
		line-height:1.4;
		color:#ffffff;
	}


	
	#yn07 .item_section03 {
	width:100%;
	aspect-ratio: 700 / 755;
	background: url(../img/yn07_bg3.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	position: relative;
	}
	#yn07 #content #consultation {
    background: #ededed;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
	}
	#yn07 .item_section03 .link_box {
    width: 200px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #023373;
    font-weight: 400;
    background: #fff;
    margin: 5% auto 0px;
	gap: 7px;
	}
	#yn07 .item_section03 .link_box img{
	height: auto;
	}

	#yn07 #content #consultation .info_form {
	width: 500px;
    margin: 0 auto;
	}
	#content #consultation .btns {width: 500px;
		margin: 0 auto;
		}



	#map_section .link_area {
    width: 500px;
    display: flex;
    gap: 20px;
	margin-top: 40px;
	}
	#map_section .link_area a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 60px;
		background: #023373;
		color: #fff;
		font-size: 20px;
		gap: 9px;
		justify-content: center;
		font-weight: 700;
	}




	#map_section .link_area a .yn07_icon_call{
   height: auto;
	}
	#map_section .link_area a .yn07_icon_kakao{
	   height: auto;
	}
	#map_section .link_area a .yn07_icon05{
	   height: auto;
	}




}