@charset "utf-8";
.visit_sec1 {
    margin-bottom: 5%;
}
.visit_sec1 ul {
    display: flex;
    justify-content: space-between;
}
.visit_sec1 ul li {
    width: 32%;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid var(--color-main);
    padding: 3rem;
    border-radius: 1rem;
}
.visit_sec1 ul li h5 {
    padding: 2rem 0 1rem;
}
.visit_sec1 ul li strong {font-size:var(--font-size20);font-weight: 500;display: block;margin-top: 1rem;}
.visit_sec1 ul li .point {
}

.visit_sec2 {
    /* margin-bottom: 5%; */
} 
.visit_flow {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.visit_flow li {
    width: 20%;
    text-align: center;
    /* background-color: #9DCB67; */
    padding: 1rem;
    border-radius: 2rem;
    background-color: #fff;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    border: 3px solid #9DCB67;
    /* color: #9DCB67; */
}
.visit_flow li:nth-child(2) {border-color:#70B567;/* color:#70B567; */}
.visit_flow li:nth-child(3) {border-color:#43A066;/* color:#43A066; */}
.visit_flow li:nth-child(4) {border-color:#269266;/* color:#269266; */}
.visit_flow li:after {
	content:"";
	background-image: url(/img/common/t_flow.png);
	display: block;
	position: absolute;
	width: 22px;
	height: 16px;
	background-repeat-y: no-repeat;
	top: 50%;
	right: -20%;
	transform: translateY(-50%);
}
.visit_flow li:last-child::after {display:none;}

.visit_list {
    /* background-color: #fff; */
    padding: 0 1rem;
    margin: 2rem 0;
    /* border: 1px solid #ddd; */
    border-radius: 1rem;
}
.visit_list dl {display: flex;flex-wrap: wrap;}
.visit_list dt {
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}
.visit_list dd {
    width: 80%;
    padding: 1rem 0;
    border-bottom: 1px solid #ddd;
}
.visit_list dt:last-of-type, .visit_list dd:last-of-type {border-bottom:none;padding-bottom: 0;}
.visit_list dd p {
    margin: .5rem 0;
    word-break: keep-all;
}
.visit_btn {
    width: 25%;
    /* margin: 0 auto; */
    margin: 3% auto 0;
    padding: 1rem;
    border: 2px solid var(--color-main);
    border-radius: 1rem;
}
.visit_btn a {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-main);
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}
.visit_btn:hover {background-color: var(--color-main);}
.visit_btn:hover a {color:#fff}
/* PC */ 
@media only screen and (min-width:1280px) and (max-width: 1600px)  {
    .visit_list dl {padding:1rem}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .visit_sec1 ul {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
}
    .visit_sec1 ul li {
    width: 48%;
    margin-bottom: 1rem;
}
    .visit_list dl {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}
    .visit_list dt {
    width: 25%;
    padding: 1rem 0;
    font-size: 1em;
}
    .visit_list dd {width: 75%;padding: 1rem 0;}
    .visit_list dt span {display: inline-block;margin-right: .5rem;}
    .process dl {
    padding: 2rem 1rem;
}
	.visit_flow {}
	.visit_flow li {word-break:keep-all;width: 22%;}
	.visit_flow li:after {
    background-repeat: no-repeat;
    width: 18px;
}
	.visit_list {padding:0;margin-top: 1rem;}
	.visit_btn {width:50%;}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    p, li {font-size:4.5vw}
    .visit_sec2, .visit_sec3 {/* padding: 15% 0; */}
    .visit_sec1 ul li {width:100%}
    .visit_list ul {
    width: 100%;
}
    .visit_list ul li {
    /* width: 33%; */
}
    .visit_sec1 ul li strong {font-size:4.8vw}
    .visit_list ul li p {}
    .visit_list ul li > div {}
    .visit_list ul li:nth-of-type(3) span:before {display:none}
    .visit_list ul li span:after {display:none}
    .visit_list dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
    .visit_list dl dt {
    width: 100%;
    border-bottom: unset;
    padding-bottom: 0;
}
    .visit_list dl dd {
    width: 100%;
    padding-top: 0;
} 
    .process {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
    /* border: unset; */
}
    .process dl {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
    .process dl:last-child {border-bottom:unset}
    .process dl:before {display:none}
    .process dl:after {
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    top: unset;
    left: 46.5%;
    bottom: -5%;
}
	.visit_flow {flex-wrap:wrap;gap: 1.5rem;display: flex;justify-content: flex-start;}
	.visit_flow li {width:45%;font-size:17px;border-radius:1rem;padding: 1rem.5rem;}
	.visit_flow li:after {width:12px;right: -15%;}
	.visit_btn {width: 94%;}
}