@charset "utf-8";

.title_box .tit{
	font-size:3.125rem;
	font-weight:500;
	color:var(--white);
	word-break:keep-all;
}

.title_box .tit strong{
	font-weight:800;
	color:var(--brown01);
	font-size:inherit;
}

.title_box .sub_txt{
	font-size:1.125rem;
	margin-top:25px;
	line-height:1.5;
	word-break:keep-all;
}

.m_br{
	display:none;
}

@media screen and (max-width: 1280px){
	.title_box .tit{
		font-size:2.666rem;
	}

	.title_box .sub_txt{
		font-size:1rem;
	}
}

@media screen and (max-width:980px){
	.title_box .tit{
		font-size:2.333rem;
	}
}

@media screen and (max-width:460px){
	.title_box .tit{
		font-size:2.153rem;
	}
}

@meida screen and (max-width:375px){
	.title_box .tit{
		font-size:1.846rem;
	}
}

/*sec01 mainVisual*/
#sec01{
	width:100%;
	height:100vh;
	position:relative;
}

#sec01 .swiper{
	width:100%;
	height:100%;
}

#sec01 .swiper .swiper-wrapper{
	width:100%;
	height:100%;
	position:relative;
}

#sec01 .swiper .swiper-wrapper .swiper-slide{
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	position:relative;
}

#sec01 .swiper .swiper-wrapper .swiper-slide .text_area{
	width:1300px;
	margin:0 auto;
}

#sec01 .swiper .swiper-wrapper .swiper-slide .text_area h2{
	color:var(--white);
	font-size:3.4375rem;
	font-weight:800;
	margin-bottom:30px;
	line-height:1.2;
	word-break:keep-all;
}

#sec01 .swiper .swiper-wrapper .swiper-slide .text_area .sub_txt{
	color:var(--white);
	font-size:1.25rem;
	line-height:1.5;
	word-break:keep-all;
}

#sec01 .swiper .swiper-wrapper .swiper-slide .text_area .sub_txt strong{
	font-size:inherit;
	color:inherit;
	font-weight:700;
}

#sec01 .swiper .swiper-wrapper .slide01{
	background:url(/img/slide_01.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec01 .swiper .swiper-wrapper .slide02{
	background:url(/img/slide_02.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec01 .swiper .swiper-wrapper .slide03{
	background:url(/img/slide_03.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec01 .swiper .swiper-wrapper .slide04{
	background:url(/img/slide_04.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec01 .swiper .swiper-wrapper .slide05{
	background:url(/img/slide_05.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec01 .pagination_container{
	display:flex;
	align-items:center;
	gap:10px;
	width:fit-content;
	position:absolute;
	z-index:1;
	bottom:60px;
	left:50%;
	transform:translateX(-50%);
}

#sec01 .pagination_container .paging_box{
	display:flex;
	align-items:center;
	flex-direction:row;
	gap:10px;
}

#sec01 .pagination_container .paging_box .num-pagination{
	font-size:1rem;
	color:var(--white);
	width:fit-content;
}

#sec01 .pagination_container .paging_box .num-pagination .swiper-pagination-current,
#sec01 .pagination_container .paging_box .num-pagination .swiper-pagination-total{
	color:var(--white);
	font-size:1rem;
	font-weight:500;
}

#sec01 .pagination_container .paging_box .swiper-pagination{
	height:3px;
	width:280px;
	position:relative;
	overflow:hidden;
	background:var(--gray04);
}

#sec01 .pagination_container .paging_box .swiper-pagination .swiper-pagination-progressbar-fill{
	height:100%;
	background:#fff;
}

#sec01 .pagination_container .stop{
	display:flex;
	gap:7px;
	cursor:pointer;
}

#sec01 .pagination_container .stop span{
	width:2px;
	height:18px;
	background-color:var(--white);
	display:inline-block;
}

#sec01 .scroll{
	position:absolute;
	right:110px;
	bottom:80px;
	gap:10px;
	display:flex;
	align-items:center;
	z-index:1;
}

#sec01 .scroll .scroll_txt{
	font-size:0.875rem;
	color:var(--white);
	font-weight:500;
}

#sec01 .scroll .down{
	width:6px;
	height:20px;
	border-radius:3px;
	background-color:rgba(255,255,255,.3);
}

#sec01 .scroll .down span{
	display:block;
	width:6px;
	height:6px;
	background-color:var(--white);
	border-radius:50%;
	animation-name:scroll;
	animation-duration:2.2s;
	animation-timing-function:cubic-bezier(.15,.41,.69,.94);
	animation-iteration-count:infinite;
}

@keyframes scroll{
	0%{
		opacity:0;
	}
	10%{
		transform:translateY(0);
		opacity:1;
	}
	100%{
		transform:translateY(15px);
		opacity:0;
	}
}

.custom-page{
	display:flex;
	position:absolute;
	bottom:60px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	z-index:1;
	justify-content:center;
}

.custom-pagination {
	/* position:absolute; */
	/* bottom: 60px !important; */
	left:0;
	display: flex;
	/* padding:0 1em; */
	box-sizing:border-box;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-size:2em;
	z-index:2;
	width:fit-content !important;
}
.custom-pagination .progress__bar {
    position:relative;
    width:280px;
    height:2px;
    margin:0 20px;
    background-color:var(--gray04);
}
.progress__fill {
      position:absolute;
      inset:0;
      display:block;
      height: 100%;
      background-color: var(--white);
}
        
.custom-pagination .current, .total, .slash {
	color:var(--white);
	font-size:1rem;
	font-weight:500;
	padding:0 3px;
}

.custom-pagination strong{
	color:var(--white);
	font-size:1rem;
	font-weight:500;
}

.stopBtn .stopbtn{
	background:transparent;
	outline:none;
	border:0;
	cursor:pointer;
	margin-left:10px;
}

.stopBtn .stopbtn .pause.off{
	display:none;
}

.stopBtn .stopbtn .play.off{
	display:none;
}

/*sec02 diagnosis*/
#sec02{
	background:url(/img/sec02_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec02 .title_box .tit{
	color:var(--black);
}

#sec02 .diagnosis_cont{
	width:417px;
	height:592px;
	background:url(/img/phone.png) no-repeat;
	background-position:center top;
	background-size:100% auto;
	padding:20px 25px 0 25px;
	box-sizing:border-box;
	margin:80px auto 0 auto;
}

#sec02 .diagnosis_cont .swiper{
	background-color:#222;
	border-radius:45px 45px 0 0;
    box-sizing: border-box;
	height:100%;
}

#sec02 .diagnosis_cont .swiper-slide{
	position:relative;
	padding:40px 20px 40px 20px;
	box-sizing:border-box;

	flex-direction:column;
	justify-content:space-between;
	
}

#sec02 .diagnosis_cont .swiper-slide .tit_topBox{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#sec02 .diagnosis_cont .swiper-slide .tit_topBox h4{
	font-size:1.5rem;
	color:var(--white);
	font-weight:600;
	line-height:1.5;
}

#sec02 .diagnosis_cont .swiper-slide .tit_topBox .page{
	color:var(--gray04);
	font-size:1rem;
	font-weight:600;
}

#sec02 .diagnosis_cont .swiper-slide .tit_topBox .page strong{
	font-size:inherit;
	font-weight:inherit;
	color:var(--white);
}

#sec02 .diagnosis_cont .swiper-slide .answer_box{
	
	margin-top:18px;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box .select_answer{
	display:flex;
	flex-direction:column;
	gap:10px;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li{
	padding:5px 10px;
	border-radius:10px;
	border:1px solid var(--gray01);
	transition:0.3s;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li:hover{
	background-color:#c8c8c838;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li label figure{
	width:26px;
	height:26px;
	border-radius:50%;
	background-color:var(--white);
	display:flex;
	justify-content:center;
	align-items:center;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li input[type=radio]{
	display:none;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li input[type=radio]+label{
	cursor:pointer;
	display:inline-flex;
	width:100%;
	gap:10px;
	align-items:center;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li label figure img{
	width:50%;
	filter: invert(37%) sepia(11%) saturate(13%) hue-rotate(3deg) brightness(102%) contrast(89%);
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li label span{
	font-size:1rem;
	color:var(--white);
}

#sec02 .diagnosis_cont .swiper-slide .prev_next{
	/* position:absolute;
	bottom:40px;
	left:50%;
	transform:translateX(-50%); */
	display:flex;
	margin:0 auto;
	gap:10px;
}

#sec02 .diagnosis_cont .swiper-slide .prev_next button{
	padding:8px 20px;
	border-radius:10px;
	background-color:#333;
	display:flex;
	gap:20px;
	align-items:center;
	outline:none;
	border:none;
	cursor:pointer;
}

#sec02 .diagnosis_cont .swiper-slide .option-btn{
	padding:10px 20px;
	border-radius:10px;
	background-color:#333;
	display:flex;
	gap:30px;
	align-items:center;
	outline:none;
	border:none;
	cursor:pointer;
	color:var(--white);
	margin:0 auto;
	width:fit-content;
	font-size:1.125rem;
	font-weight:600;
}

#sec02 .diagnosis_cont .swiper-slide .submit_box input::-webkit-outer-spin-button,
#sec02 .diagnosis_cont .swiper-slide .submit_box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
#sec02 .diagnosis_cont .swiper-slide .submit_box input[type='number'] {
  -moz-appearance: textfield;
}

#sec02 .diagnosis_cont .swiper-slide .submit_box{
	display:flex;
	flex-direction:column;
	gap:60px;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	align-items:center;
	box-sizing:border-box;
	left:50%;
}

#sec02 .diagnosis_cont .swiper-slide .submit_box .hp_wrap{
	display:flex;
	gap:20px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

#sec02 .diagnosis_cont .swiper-slide .submit_box .hp_wrap span{
	color:var(--white);
	font-size:1.5rem;
	font-weight:700;
}

#sec02 .diagnosis_cont .swiper-slide .submit_box .hp_wrap input{
	width:250px;
	height:45px;
	padding:5px 10px;
	border:0;
	outline:none;
	box-sizing:border-box;
	border-radius:10px;
}

#sec02 .diagnosis_cont .swiper-slide .prev_next button span{
	font-size:1rem;
	font-weight:600;
	color:var(--white);
}

#sec02 .diagnosis_cont .swiper-slide .prev_next button.prev{
	flex-flow: row-reverse;
}

#sec02 .diagnosis_cont .swiper-slide .prev_next button.prev .btn_icn{
	transform:rotate(180deg);
}

#sec02 .diagnosis_cont .swiper-slide .prev_next button .btn_icn{
	background-color:rgba(255,255,255,.1);
	background-image:url(/img/btn_icn.png);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	width:38px;
	height:38px;
	border-radius:50%;
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li.on{
	background-color:var(--white);
	border:1px solid var(--white);
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li.on label figure{
	background-color:var(--green01);
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li.on label figure img{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

#sec02 .diagnosis_cont .swiper-slide .answer_box li.on label span{
	color:var(--green01);
}

/*sec03 example*/
#sec03{
	background:var(--green02);
	overflow:hidden;
}

#sec03 .title_box .sub_txt{
	color:var(--white);
}

#sec03 .sec03_cont{
	display:flex;
	align-items:center;
	gap:40px;
}

#sec03 .sec03_cont .sec03_left{
	width:50%;
	flex-shrink:0;
}

#sec03 .sec03_cont .sec03_right{
	width:649px;
	position: relative;
}

#sec03 .sec03_cont .sec03_left .txt_cont h4{
	font-size:1.875rem;
	color:var(--white);
	line-height:1.2;
	font-weight:400;
}

#sec03 .sec03_cont .sec03_left .txt_cont h4 strong{
	color:var(--brown01);
	font-size:inherit;
	font-weight:700;
}

#sec03 .sec03_cont .sec03_left .txt_bold{
	color:var(--brown01);
	font-size:2.5rem;
	font-weight:700;
	margin-top:30px;
}

#sec03 .sec03_cont .sec03_left .moreExample{
	margin-top:60px;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
	background:url(/img/file.png) no-repeat;
	background-size:cover;
	background-position:center;
	padding:10px 30px 40px 30px;
	box-sizing:border-box;
	height:456px;
	width:649px !important;
	-webkit-font-smoothing: antialiased;

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0) scale(1.000001);
	transform: translate3d(0, 0, 0) scale(1.000001);
	will-change: transform;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide img{
	image-rendering: crisp-edges;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .category{
	width:200px;
	padding:10px 0;
	text-align:center;
	color:var(--white);
	font-size:1rem;
	font-weight:600;
	background-color:var(--brown01);
	border-radius:10px;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .exmaple_contBox{
	margin-top:60px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:314px;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_top h5{
	font-size:1.5rem;
	word-break:keep-all;
	font-weight:600;
	color:var(--white);
	line-height:1.5;
	width:80%;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_top>p{
	font-size:1rem;
	font-weight:300;
	color:var(--gray01);
	line-height:1.5;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-top:20px;
	word-break:keep-all;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .lawyer{
	display:flex;
	gap:10px;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .lawyer .lawyer_list figure{
	width:80px;
	height:80px;
	border-radius:50%;
	overflow:hidden;
	border:1px solid var(--green02);
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .lawyer .lawyer_list figure img{
	width:100%;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .lawyer .lawyer_list .name{
	color:var(--white);
	text-align:center;
	margin-top:10px;
}

#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .btn{
	background-color:var(--green02);
}

#sec03 .sec03_right .swiper-button-next::after,
#sec03 .sec03_right .swiper-button-prev::after {
  display: none;
}

#sec03 .sec03_right .swiper-button-next,
#sec03 .sec03_right .swiper-button-prev{
	width:38px;
	height:38px;
	border-radius:50%;
	background-color:rgba(255,255,255,.1);
	position:absolute;
}

#sec03 .sec03_right .swiper-button-next{
	background-image:url(/img/arr_right.png);
	background-position:center;
	background-repeat:no-repeat;
	right:-50px;
}

#sec03 .sec03_right .swiper-button-prev{
	background-image:url(/img/arr_left.png);
	background-position:center;
	background-repeat:no-repeat;
	left:-50px;
}

/*sec04 value*/
/* #sec04{
	background: linear-gradient(#f4efe7, #ebddc7);
	position:relative;
	z-index:0;
}

#sec04 .bg{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:60px;
	opacity:0.5;
	z-index:-1;
	width:95%;
}

#sec04 .bg img{
	width:100%;
}

#sec04 .wrapper{
	display:flex;
}

#sec04 .wrapper .sec04_left,
#sec04 .wrapper .sec04_right{
	width:50%;
}

#sec04 .wrapper .sec04_left{
	
}

#sec04 .wrapper .sec04_right{
	padding-left:150px;
	box-sizing:border-box;
}

#sec04 .wrapper .sec04_right .value_scroll{
	display:flex;
	flex-direction:column;
	gap:100px;
}

#sec04 .wrapper .sec04_right figure{
	width:100%;
	padding:0;
	margin:0;
	border-radius:10px;
	overflow:hidden;
}

#sec04 .wrapper .sec04_right figure img{
	width:100%;
}

#sec04 .wrapper .sec04_right .value_txtbox h5{
	font-size:1.5rem;
	font-weight:700;
	color:var(--green01);
	margin:20px 0;
}

#sec04 .wrapper .sec04_right .value_txtbox .value_txt{
	font-size:1rem;
	line-height:1.2;
}

#sec04 .wrapper .sec04_right .value_txtbox .value_txt strong{
	font-weight:700;
	font-size:inherit;
}

#sec04 .wrapper .sec04_left .title_box .tit{
	color:var(--black);
}

#sec04 .wrapper .sec04_left .title_box .tit strong{
	font-family: "Noto Sans KR";
} */

#sec04{
	background:linear-gradient(#f4efe7, #ebddc7);
	position:relative;
	z-index:0;
	
}

/* #sec04::before{
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	content:'';
	background-image:url(/img/sec04_bg.png);
	background-position:center bottom 60px;
	background-repeat:no-repeat;
	background-size:80% auto;
	display:block;
	background-attachment:fixed;
	
} */

/* #sec04::after{
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	background-image:url(/img/sec04_bg.png);
	background-position:center bottom 60px;
	background-repeat:no-repeat;
	background-size:95% auto;
	background-attachment:fixed;
} */

.sec04_bg {
  position: absolute;
  bottom:60px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  z-index: -1;
}

.sec04_bg.fixed_bg {
  position: fixed;
  bottom: 60px;
    left: 50%;
  transform: translateX(-50%);
  width: 95%;
}

.sec04_bg.absolute_bg {
  position: absolute;
  bottom: 60px;
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
}

.sec04_bg img{
	width:100%;
}


#sec04 .right-box-mobile{
	display:none;
}



#sec04 .wrapper{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin:0 auto;
	
}

#sec04 .left-box,
#sec04 .right-box{
	width: 50%;
}

#sec04 .wrapper .left-box .title_box .tit{
	color:var(--black);
}

#sec04 .wrapper .left-box .title_box .tit strong{
	font-family: "Noto Sans KR";
}

#sec04 .left-box{
	position: sticky;
    top: 150px;
	left: 0;
    align-self: flex-start;
}

#sec04 .right-box{}

#sec04 .value-list{
	display: flex;
	flex-wrap: wrap;
	gap: 100px;
	padding-left:150px;
	box-sizing:border-box;
}

#sec04 .value-list  .list-item{
	width: 100%;
	height: fit-content;
	box-sizing: border-box;
}

#sec04 .value-list  .list-item figure{
	width: 100%;
	margin: 0;
	overflow:hidden;
	border-radius:10px;
}
#sec04 .value-list .list-item figure img{
	width: 100%;
}

#sec04 .value-list .list-item .txt-box{}

#sec04 .value-list .list-item .txt-box .value_tit{
	margin:20px 0;
	font-size: 1.5rem;
	color:var(--green01);
	font-weight:700;
}

#sec04 .value-list .list-item .txt-box .value_txt{
	font-size:1rem;
	line-height:1.5;
	word-break:keep-all;
}

#sec04 .value-list .list-item .txt-box .value_txt strong{
	font-weight:700;
	font-size:inherit;
}



/* sec05 rollingQuestion */
#sec05 .wrapper{
	display:flex;
	align-items:center;
}

#sec05 .wrapper .sec05_left,
#sec05 .wrapper .sec05_right{
	width:50%;
}

#sec05 .wrapper .sec05_left{
	padding:30px 25px;
	border-radius:10px;
	background-color:var(--gray02);
	box-sizing:border-box;
	height:320px;
}

#sec05 .wrapper .sec05_left .swiper{
	height:100%;
}

#sec05 .wrapper .sec05_left .swiper-slide{
	padding:15px 20px;
	border-radius:10px;
	background-color:var(--white);
	display:flex;
	gap:20px;
	align-items:center;
	height:fit-content !important;
	box-sizing:border-box;
}

#sec05 .wrapper .sec05_left .swiper-slide .icn_q{
	display:inline-flex;
	font-size:1.5rem;
	font-weight:700;
	color:var(--gray03);
	justify-content:center;
	text-align:center;
	background-color:var(--gray02);
	width:50px;
	height:50px;
	border-radius:50%;
	align-items:center;
}

#sec05 .wrapper .sec05_left .swiper-slide .questionTxt{
	font-size:1.125rem;
}

#sec05 .wrapper .sec05_left .swiper-slide-active{
	background:var(--green01);
}

#sec05 .wrapper .sec05_left .swiper-slide-active .icn_q{
	color:var(--green01);
	background:var(--white);
}

#sec05 .wrapper .sec05_left .swiper-slide-active .questionTxt{
	color:var(--white);
	font-weight:600;
}

#sec05 .wrapper .sec05_right{
	padding-left:60px;
	box-sizing:border-box;
}

#sec05 .wrapper .sec05_right .title_box .tit{
	color:var(--black);
	line-height:1.2;
}

#sec05 .wrapper .sec05_right .title_box{
	margin-bottom:60px;
}

/*sec06 major*/
#sec06{
	background:url(/img/sec06_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}

#sec06 .title_box .tit{
	text-align:center;
	line-height:1.2;
}

#sec06 .title_box .sub_txt{
	color:var(--white);
	text-align:center;
}

#sec06 .wrapper .sec06_cont{
	margin-top:160px;
}

#sec06 .wrapper .sec06_cont .major_list{
	padding:0 10px;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	gap:20px;
	flex-flow:wrap;
}

#sec06 .wrapper .sec06_cont .major_list .list{
	width:180px;
	height:180px;
	border:1px solid var(--gray03);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
}

#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
	width:165px;
	height:165px;
	border-radius:50%;
	background:rgba(13,13,13,.6);
	text-align:center;
	color:var(--white);
	font-size:1.25rem;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:0.3s;
	font-weight:400;
}

#sec06 .wrapper .sec06_cont .major_list .list:hover .list_inner{
	background:rgba(255,255,255,.3);
}

/*sec07 process*/

#sec07{
	background-color:var(--black);
	background-image:url(/img/symbol.png);
	background-repeat:no-repeat;
	background-position:top 60px right;
}

#sec07 .wrapper .title_box .tit{
	text-align:center;
}

#sec07 .wrapper .title_box .sub_txt{
	color:var(--white);
	text-align:center;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide{
	display:flex;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide figure,
#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
	width:50%;
	box-sizing:border-box;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide figure{
	padding:0;
	margin:0;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide figure img{
	width:100%;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
	padding:50px 0 0 60px;
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_num{
	font-size:1.5rem;
	font-weight:700;
	color:var(--brown01);
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_tit{
	font-size:1.875rem;
	font-weight:500;
	color:var(--white);
	padding-bottom:20px;
	margin:10px 0 20px 0;
	border-bottom:1px solid var(--brown01);
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_tit strong{
	font-size:inherit;
	font-weight:700;
	color:var(--brown01);
}

#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_txt{
	font-size:1.125rem;
	color:var(--gray01);
	line-height:1.5;
	word-break:keep-all;
}

#sec07 .sec07_cont .swiper .process-swiper-pagination{
	position:absolute;
	width:50%;
	padding-left:60px;
	box-sizing:border-box;
	left:50%;
	bottom:60px;
	display:flex;
	gap:10px;
	z-index:1;
}

#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet{
	text-align:center;
	font-size:1.5rem;
	font-weight:500;
	color:var(--gray03);
	display:inline-block;
	width:120px;
	height:40px;
	background:none;
}

#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet::after{
	display:block;
	content:'';
	width:120px;
	height:2px;
	background-color:var(--gray03);
	position:absolute;
	bottom:0;
}

#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet-active::after{
	background-color:var(--brown01);
}

#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet-active{
	color:var(--brown01);
	font-weight:700;
	background:transparent;
}

/*sec08 legal_information*/
#sec08 .wrapper .sec08_top{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}

#sec08 .wrapper .sec08_top .title_box .tit{
	color:var(--black);
}

#sec08 .wrapper .sec08_bottom .swiper .swiper-wrapper .swiper-slide a{
	/* display:block;
	width:100%; */
}

#sec08 .wrapper .sec08_bottom .swiper .swiper-wrapper .swiper-slide a figure{
	/* margin:0;
	width:100%;
	border-radius:10px;
	overflow:hidden; */
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	height:auto !impotant;
	max-height:none !important;
	padding-bottom:134%;
	overflow:hidden;
	border-radius:10px;
}

#sec08 .wrapper .sec08_bottom .swiper .swiper-wrapper .swiper-slide a figure img{
	/* width:100%;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%); */
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

#sec08 .wrapper .sec08_bottom .swiper .swiper-wrapper .swiper-slide a h4{
	margin-top:20px;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.5;
	word-break:keep-all;
}

#sec08 .wrapper .sec08_bottom .legalSlide_progressbar{
	width:100%;
	height:10px;
	background:var(--gray02);
	position:relative;
	overflow:hidden;
	margin-top:80px;
}

#sec08 .wrapper .sec08_bottom .legalSlide_progressbar .swiper-pagination-progressbar-fill{
	background:var(--green01);
}



/*sec09 banner_contact*/

#sec09{
	background:url(/img/banner_bg.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}

#sec09 .title_box .tit{
	text-align:center;
	line-height:1.2;
	margin:0 auto;
}

#sec09 .btn{
	background-color:#333;
	margin:40px auto 0 auto;
}

@media screen and (max-width:1500px){
	#sec06 .wrapper .sec06_cont .major_list .list{
		width:165px;
		height:165px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:150px;
		height:150px;
	}

	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area{
		width:90%;
	}
}

@media screen and (max-width:1400px){
	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area h2{
		font-size:3.125rem;
	}

	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area .sub_txt{
		font-size:1.125rem;
	}

	#sec02 .diagnosis_cont{
		width:397px;
		height:564px;
	}

	#sec02 .diagnosis_cont .swiper-slide{
		padding:40px 20px 30px 20px;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box li label figure{
		width:22px;
		height:22px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next{
		bottom:30px;
	}

	#sec03 .sec03_cont .sec03_left{
		width:47%;
	}

	#sec03 .sec03_cont .sec03_right{
		width:582px;
	}

	#sec03 .sec03_cont .sec03_left .txt_cont h4{
		font-size:1.75rem;
	}

	#sec03 .sec03_cont .sec03_left .txt_bold{
		font-size:2rem;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
		width:582px !important;
		height:410px;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom .lawyer .lawyer_list figure{
		width:65px;
		height:65px;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .category{
		width:172px;
		font-size:0.923rem;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .exmaple_contBox{
		margin-top:40px;
		height:283px;
	}

	#sec04 .wrapper .right-box .value-list{
		gap:80px;
	}

	#sec04 .value-list .list-item .txt-box .value_txt br{
		display:none;
	}

	#sec05 .wrapper .sec05_left .swiper-slide{
		padding:10px 15px;
	}

	#sec05 .wrapper .sec05_left{
		height:290px;
	}

	#sec05 .wrapper .sec05_right .title_box{
		margin-bottom:40px;
	}

	#sec03 .sec03_cont .sec03_left .moreExample{
		margin-top:40px;
	}

	#sec06 .wrapper .sec06_cont{
		margin-top:120px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		width:145px;
		height:145px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:130px;
		height:130px;
		font-size:1.125rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_txt br{
		display:none;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet::after{
		width:97px;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet{
		font-size:1.25rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
		padding:30px 0 0 60px;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination{
		bottom:30px;
	}
}

@media screen and (max-width:1280px){
	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area h2{
		font-size:3rem;
	}

	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area .sub_txt{
		font-size:1.066rem;
	}

	#sec02 .diagnosis_cont .swiper-slide .tit_topBox h4{
		font-size:1.333rem;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box .select_answer{
		gap:7px;
	}

	#sec03 .sec03_cont{
		flex-direction:column;
		gap:60px;
	}

	#sec03 .sec03_cont .sec03_left{
		width:100%;
		display:flex;
		justify-content:space-between;
		align-items:flex-end;
	}


	/* #sec03 .sec03_cont .sec03_right{
		width:57%;
	} */

	#sec04 .value-list .list-item .txt-box .value_tit{
		font-size:1.333rem;
		margin:15px 0;
	}

	#sec04 .wrapper .right-box .value-list{
		gap:60px;
	}

	#sec05 .wrapper .sec05_left .swiper-slide .questionTxt{
		font-size:1rem;
	}

	#sec05 .wrapper .sec05_left .swiper-slide .icn_q{
		font-size:1.333rem;
		width:45px;
		height:45px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		width:135px;
		height:135px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:120px;
		height:120px;
		font-size:1rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_tit{
		font-size:1.733rem;
		padding-bottom:15px;
		margin:10px 0 15px 0;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_num{
		font-size:1.333rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox .process_txt{
		font-size:1rem;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet{
		width:80px;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination .swiper-pagination-bullet::after{
		width:80px;
	}

	#sec07{
		background-size:32%;
	}

	#sec05 .wrapper .sec05_left{
		height:275px;
	}
}

@media screen and (max-width:1100px){
	.custom-pagination .progress__bar{
		width:200px;
	}

	.custom-pagination .current, .total, .slash{
		font-size:0.866rem;
	}

	.stopBtn .stopbtn{
		margin-left:5px;
		width:20px;
	}

	.stopBtn .stopbtn img{
		width:100%;
	}

	#sec02 .diagnosis_cont{
		width:386px;
		height:548px;
	}

	#sec02 .diagnosis_cont .swiper-slide{
		padding:30px 15px 20px 15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next{
		bottom:20px;
	}

	#sec04 .wrapper .right-box .value-list{
		padding-left:80px;
	}

	#sec06 .wrapper .sec06_cont{
		margin-top:80px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		width:115px;
		height:115px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:100px;
		height:100px;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide{
		flex-direction:column;
		align-items:center;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
		padding:30px 0 0 0;
	}

	#sec07 .sec07_cont .swiper .process-swiper-pagination{
		display:none;
	}


}

@media screen and (max-width:980px){
	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area h2{
		font-size:2.666rem;
		margin-bottom:20px;
	}

	.custom-page{
		bottom:80px;
	}

	/* #sec03 .sec03_cont .sec03_right{
		width:80%;
	} */

	#sec03 .sec03_cont .sec03_right{
		width:589px;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
		width:589px !important;
		height:414px;
	}

	#sec04 .wrapper .right-box .value-list{
		padding-left:60px;
	}

	#sec05 .wrapper .sec05_left{
		padding:20px 15px;
		height:240px;
	}

	#sec05 .wrapper .sec05_left .swiper-slide{
		gap:10px;
	}

	#sec05 .wrapper .sec05_left .swiper-slide .icn_q{
		width:40px;
		height:40px;
		font-size:1rem;
	}

	#sec06 .wrapper .sec06_cont .major_list{
		gap:10px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		width:105px;
		height:105px
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:95px;
		height:95px;
		font-size:0.933rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide figure, 
	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
		width:60%;
	}

	#sec08 .wrapper .sec08_bottom .legalSlide_progressbar{
		height:6px;
	}
}

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

	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area h2{
		font-size:2.153rem;
		margin-bottom:15px;
	}

	#sec01{
		height:90vh;
	}

	#sec02 .diagnosis_cont{
		width:366px;
		height:520px;
		margin:40px auto 0 auto;
		overflow:hidden;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next button{
		gap:10px;
	}

	/* #sec03 .sec03_cont .sec03_right{
		width:100%;
	} */

	#sec03 .sec03_right .swiper-button-next, 
	#sec03 .sec03_right .swiper-button-prev{
		display:none;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .category{
		font-size:1rem;
	}

	#sec04 .wrapper .right-box .value-list{
		padding-left:40px;
		gap:30px;
	}

	#sec05 .wrapper{
		flex-direction:column-reverse;
		gap:40px;
	}

	#sec05 .wrapper .sec05_left, 
	#sec05 .wrapper .sec05_right{
		width:100%;
	}

	#sec05 .wrapper .sec05_right{
		padding-left:0;
		display:flex;
		justify-content:space-between;
		align-items:flex-end;
	}

	#sec05 .wrapper .sec05_right .title_box{
		margin-bottom:0;
	}

	#sec06 .wrapper .sec06_cont .major_list{
		padding:0;
		gap:7px;
	}

	#sec06 .wrapper .sec06_cont{
		margin-top:60px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		width:85px;
		height:85px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		width:75px;
		height:75px;
		font-size:1rem;
	}

	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide figure, 
	#sec07 .sec07_cont .swiper .swiper-wrapper .swiper-slide .process_txtbox{
		width:100%;
	}

	#sec09 .btn {
		background-color: #333;
		margin: 30px auto 0 auto;
	}


}

@media screen and (max-width:640px){
	.custom-page{
		bottom:190px;
		left:0px;
		transform:unset;
		justify-content:flex-start;
		width:fit-content;
	}

	#sec01 .scroll{
		right:5%;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
		width:100% !important;
		background-size:contain;
		padding:20px 30px 40px 30px;
		height:fit-content;
	}

	#sec04{
		overflow:hidden;
	}

	#sec04 .wrapper{
		flex-direction:column;
	}

	#sec04 .wrapper .left-box{
		position:static;
		width:100%;
	}

	#sec04 .right-box-mobile{
		display:block;
		width:100%;
	}

	#sec04 .sec04_bg{
		display:none;
	}

	#sec04 .right-box{
		display:none;
	}

	#sec04 .right-box-mobile .value-list{
		display:flex;
		flex-wrap:unset;
		padding-left:0;
		gap:0;
	}

	#sec03 .sec03_cont .sec03_left{
		flex-direction:column;
		align-items:flex-start;
	}

	#sec05 .wrapper .sec05_right{
		flex-direction:column;
		align-items:flex-start;
		gap:40px;
	}

	#sec08 .wrapper .sec08_top{
		flex-direction:column;
		align-items:flex-start;
		gap:40px;
	}
}

@media screen and (max-width:610px){
	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
		background:url(/img/file_m.png) no-repeat;
		background-size:99% 100%;
		background-position:center;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .exmaple_contBox{
		flex-direction:column;

	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .category{
		width:32%;
	}

	#sec03 .sec03_cont .sec03_right{
		width:100%;
	}

}

@media screen and (max-width:460px){
	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_top>p{
		margin-top:10px;
	}

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide .example_bottom{
		flex-direction:column;
		align-items:flex-start;
		gap:20px;
	}

	#sec03 .sec03_cont .sec03_left .txt_bold{
		margin-top:20px;
	}

	#sec06 .wrapper .sec06_cont .major_list .list .list_inner{
		/* width:65px;
		height:65px;
		font-size:0.923rem; */

		width:57px;
		height:57px;
		font-size:0.846rem;
		line-height:1.2;
	}

	#sec06 .wrapper .sec06_cont .major_list .list{
		/* width:75px;
		height:75px; */

		width:65px;
		height:65px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next button{
		gap:10px;
		padding:5px 15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next button .btn_icn{
		width:34px;
		height:34px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next button{
		gap:5px;
	}

	#sec02 .diagnosis_cont .swiper-slide .submit_box .hp_wrap input{
		width:200px;
		height:40px;
	}

	#sec02 .diagnosis_cont .swiper-slide .submit_box .hp_wrap span{
		font-size:1.384rem;
	}

	#sec02 .diagnosis_cont {
        width: 347px;
        height: 486px;
		overflow:hidden;
    }

	.m_br{
		display:block;
	}

	#sec09 .title_box .tit{
		font-size:1.846rem;
	}

	.custom-page{
		bottom:170px;
	}
}

@media screen and (max-width:375px){
	#sec02 .diagnosis_cont{
		width:320px;
		height:454px;
		padding:12px 15px 0 15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box{
		margin-top:10px;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box li label figure{
		width:15px;
		height:15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next button{
		padding:5px 15px;
		gap:10px;
	}

	#sec03 .sec03_cont .sec03_left .txt_cont h4 {
        font-size: 1.23rem;
    }

	#sec03 .sec03_cont .sec03_left .txt_bold {
        font-size: 1.461rem;
    }

	#sec03 .sec03_right .swiper .swiper-wrapper .swiper-slide{
		padding:20px 15px;
	}

	#sec05 .wrapper .sec05_left .swiper-slide .icn_q{
		width:30px;
		height:30px;
	}

	#sec05 .wrapper .sec05_left{
		height:212px;
	}

	#sec02 .diagnosis_cont{
		width:320px;
		height:445px;
		padding:15px 20px 0 20px;
	}

	#sec02 .diagnosis_cont .swiper{
		border-radius:35px 35px 0 0;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box{
		margin-top:15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next{
		bottom:15px;
	}

	#sec02 .diagnosis_cont .swiper-slide .answer_box .select_answer{
		gap:5px;
	}

	#sec01 .swiper .swiper-wrapper .swiper-slide .text_area .sub_txt br{
		display:none;
	}

	.custom-page{
		left:0;
	}

	.custom-pagination .progress__bar{
		width:150px;
	}
}

@media screen and (max-width:320px){
	#sec02 .diagnosis_cont{
		width:287px;
		height:407px;
	}

	#sec02 .diagnosis_cont .swiper-slide .prev_next{
		flex-direction:column;
	}
}