@charset "utf-8";
.weight-100 {font-weight:100} .weight-200 {font-weight:200} .weight-300 {font-weight:300}
.weight-400 {font-weight:400} .weight-500 {font-weight:500} .weight-600 {font-weight:600}
.weight-700 {font-weight:700} .weight-800 {font-weight:800} .weight-900 {font-weight:900}

.font-100 {font-size:100px; line-height:110%; word-break: keep-all;}
.font-80 {font-size:80px; line-height:110%; word-break: keep-all;}
.font-70 {font-size:70px; line-height:110%; word-break: keep-all;}
.font-60 {font-size:60px; line-height:110%; word-break: keep-all;}
.font-55 {font-size:55px; line-height:110%; word-break: keep-all;}
.font-50 {font-size:50px; line-height:110%; word-break: keep-all;}
.font-45 {font-size:45px; line-height:120%; word-break: keep-all;}
.font-44 {font-size:44px; line-height:140%; word-break: keep-all;}
.font-40 {font-size:40px; line-height:140%; word-break: keep-all;}
.font-38 {font-size:38px; line-height:140%; word-break: keep-all;}
.font-35 {font-size:35px; line-height:140%; word-break: keep-all;}
.font-30 {font-size:30px; line-height:140%; word-break: keep-all;}
.font-28 {font-size:28px; line-height:140%; word-break: keep-all;}
.font-25 {font-size:25px; line-height:140%; word-break: keep-all;}
.font-24 {font-size:24px; line-height:140%; word-break: keep-all;}
.font-22 {font-size:22px; line-height:160%; word-break: keep-all;}
.font-20 {font-size:20px; line-height:160%; word-break: keep-all;}
.font-18 {font-size:18px; line-height:160%; word-break: keep-all;}
.font-17 {font-size:17px; line-height:160%; word-break: keep-all;}
.font-16 {font-size:16px; line-height:160%; word-break: keep-all;}
.font-14 {font-size:14px; line-height:160%; word-break: keep-all;}

@media screen and (max-width: 1200px) {
    .font-100 {font-size:50px;}
    .font-80 {font-size:45px;}
    .font-70 {font-size:42px;}
    .font-60 {font-size:40px;}
    .font-55 {font-size:38px;}
    .font-50 {font-size:35px;}
    .font-45 {font-size:32px;}
    .font-44 {font-size:30px;}
    .font-40 {font-size:28px;}
    .font-38 {font-size:27px;}
    .font-35 {font-size:26px;}
    .font-30 {font-size:25px;}
    .font-28 {font-size:24px;}
    .font-25 {font-size:22px;}
    .font-24 {font-size:20px;}
    .font-22 {font-size:19px;}
    .font-20 {font-size:19px;}
    .font-18 {font-size:17px;}
    .font-17 {font-size:16px;}
    .font-16 {font-size:15px;}
    .font-14 {font-size:13px;}
}

@media screen and (max-width: 768px) {
    .font-100 {font-size:34px;}
    .font-80 {font-size:32px;}
    .font-70 {font-size:30px;}
    .font-60 {font-size:29px;}
    .font-55 {font-size:28px;}
    .font-50 {font-size:27px;}
    .font-45 {font-size:26px;}
    .font-44 {font-size:25px;}
    .font-40 {font-size:24px;}
    .font-38 {font-size:23px;}
    .font-35 {font-size:22px;}
    .font-30 {font-size:21px;}
    .font-28 {font-size:20px;}
    .font-25 {font-size:19px;}
    .font-24 {font-size:18px;}
    .font-22 {font-size:17px;}
    .font-20 {font-size:16px;}
    .font-18 {font-size:15px;}
    .font-17 {font-size:14px;}
    .font-16 {font-size:13px;}
    .font-14 {font-size:12px;}
}
@media screen and (max-width: 450px) {
    .font-100 {font-size:30px;}
    .font-80 {font-size:28px;}
    .font-70 {font-size:27px;}
    .font-60 {font-size:26px;}
    .font-55 {font-size:25px;}
    .font-50 {font-size:24px;}
    .font-45 {font-size:22px;}
    .font-44 {font-size:22px;}
    .font-40 {font-size:20px;}
    .font-38 {font-size:19px;}
    .font-35 {font-size:18px;}
    .font-30 {font-size:17px;}
    .font-28 {font-size:16px;}
    .font-25 {font-size:16px;}
    .font-24 {font-size:15px;}
    .font-22 {font-size:14px;}
    .font-20 {font-size:13px;}
    .font-18 {font-size:12px;}
    .font-17 {font-size:11px;}
    .font-16 {font-size:10px;}
    .font-14 {font-size:10px;}
}
/* .sub_page{width: calc(100% - 100px);} */
.inner{width: 100%; max-width: 1500px; margin: 0 auto;}
.inner_sub{width: 100%; max-width: 1200px; margin: 0 auto;}
.color_p{color: #e84549;}
.gray{color: #595757;}
.center{text-align: center;}
.border{border: 1px solid #e84549; box-sizing: border-box; padding: 3px 20px; display: inline-block;}

.sub_page .title_head{width: 100%; padding-bottom: 80px; text-align: center;}
.sub_page .title_head h4{letter-spacing: -1px;}
.sub_page h4.s_tit{text-align: center; padding-bottom: 40px; letter-spacing: -1px;}
.sub_page .title_head span.border{border-radius: 30px 0 30px 30px; margin-bottom: 30px;}
.sub_page .title_head p{padding-top: 10px;}

.sub_page .flex{display: flex; flex-wrap: wrap;}
.sub_page .flex.two li{width: 50%;}
.sub_page .flex.three li{width: 33.3333%;}
.sub_page .flex.four li{width: 25%;}
.sub_page .flex.five li{width: 20%;}

.sub_page .notice{color: #9fa0a0; text-align: center;}

@media screen and (max-width : 1500px) {
    .inner{padding: 0 20px;}
}
@media screen and (max-width : 1200px) {
    .inner_sub{padding: 0 20px;}
    .sub_page .flex.three li{width: 50%;}
}
@media screen and (max-width : 768px) {
    .sub_page .title_head{padding-bottom: 40px;}
    .sub_page .flex.three li{width: 100%;}

	.sub_page h4.s_tit{padding-bottom: 20px;}
}

/* 서브페이지 상단 모델 배너 */
.sub_page .sub_top{width: 100%; height: 105vh; background: #eaeaea;}
.sub_page .sub_top .inner{position: relative; width: 100%; height: 100%;}
.sub_page .sub_top .top_tit{width: 42%; position: absolute; left: 0; top: 40%; transform: translateY(-50%); z-index: 2;}
.sub_page .sub_top .top_img{width: 58%; position: absolute; right: 0; bottom: 0; text-align: center; z-index: 1;}

.sub_page .sub_top .top_tit span.border{border-radius: 25px 0 25px 25px; margin-bottom: 30px; display: inline-block; border: 2px solid #e84549; padding: 3px 30px;}
.sub_page .sub_top .top_tit p{padding-top: 80px; color: #d9272c !important;}
.sub_page .sub_top .top_img img{min-height: 950px; max-height: 950px;}

@media screen and (max-width : 1500px) {
    .sub_page .sub_top .top_tit{left: 20px;}
    .sub_page .sub_top .top_img{right: 20px;}
}
@media screen and (max-width : 1200px) {
    .sub_page .sub_top{height:90vh;}
    .sub_page .sub_top .top_img img{max-width: 90%; min-height: auto; max-height: auto;}
}
@media screen and (max-width : 1000px) {
    .sub_page .sub_top{height: auto;}
    .sub_page .sub_top .top_tit{width: 100%; position: initial; transform: translateY(0); text-align: center; padding: 50px 0 40px;}
    .sub_page .sub_top .top_tit p{display: none;}
    .sub_page .sub_top .top_img{width: 100%; position: initial;}
    .sub_page .sub_top .top_img img{max-width: 80%;}
}
@media screen and (max-width : 650px){
	.sub_page .sub_top .top_img img{max-width: 90%;}
}


/* 서브페이지 상단 옵션 리스트 박스 */
.sub_page .top_opt{width: 100%; padding: 20px; background: #e84549; position: relative; top: -100px; z-index: 2;}
.sub_page .top_opt.none{top: -10px; width: 100%; height: 10px; padding: 0; margin-bottom: 100px;}
.sub_page .top_opt ul{display: flex; flex-wrap: wrap; justify-content: center;}
.sub_page .top_opt ul li{width: 20%; text-align: center; color: #fff; padding: 20px 0px;}
.sub_page .top_opt ul li:not(:last-child){border-right: 1px solid #ffffff6e;}
.sub_page .top_opt ul li .icon{height: 60px;}
.sub_page .top_opt ul li > span{color: #ffffffde;}
.sub_page .top_opt ul li > p{line-height:130% !important;}
.sub_page .top_opt ul li p span{display: block; margin-top: -3px;}
@media screen and (max-width : 1400px){
    .sub_page .top_opt ul li{width: 16.6666%;}
    .sub_page .top_opt ul li .icon img{max-width: 38px;}
}
@media screen and (max-width : 768px){
    .sub_page .top_opt ul li{width: 33.3333%;}
	.sub_page .top_opt ul li:nth-child(3n){border-right: 0;}
    .sub_page .top_opt ul li:nth-child(1n + 4){margin-top: 5px;}
    .sub_page .top_opt ul li .icon{height: 50px;}
}
@media screen and (max-width : 650px){
    .sub_page .top_opt{top: 0px; margin-bottom: 100px;}
	.sub_page .top_opt ul li{padding: 12px 0;}
	.sub_page .top_opt ul li .icon{height: 40px;}
	.sub_page .top_opt ul li .icon img{max-width: 30px;}
}
@media screen and (max-width : 550px){
    .sub_page .top_opt ul li{width: 50%;}
    .sub_page .top_opt ul li:nth-child(1n + 3){margin-top: 5px;}
	.sub_page .top_opt ul li:nth-child(3n){border-right: 1px solid #ffffff6e;}
	.sub_page .top_opt ul li:nth-child(2n){border-right: 0;}
}


/* 서브페이지 시술설명 txt info */
.sub_page .sub_info{width: 100%; padding-bottom: 140px; text-align: center;}
.sub_page .info_p{text-align: center; padding-bottom: 50px;}
.sub_page .info_p p{padding-bottom: 15px;}
.sub_page .sub_info .info_word{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.sub_page .sub_info .info_word li{margin: 0 5px 5px; border-radius: 20px;}
.sub_page .sub_info .info_word li.bg{background: #e84549; color: #fff;}
.sub_page .sub_info .info_word li.bg p{color: #fff;}

.sub_page .sub_info .info_box{background: #fafafa; text-align: center; padding: 60px 20px; margin-top: 50px;}
.sub_page .sub_info .info_box > p{padding: 0px 0 50px;}

.sub_page .sub_info .info_box .flex.left{align-items: center;}
.sub_page .sub_info .info_box .flex.left img{max-width: 70%;}
.sub_page .sub_info .info_box .flex.left li.left{text-align: left;}
.sub_page .sub_info .info_box .flex.left li.left img{margin-top: 30px;}

.sub_page .sub_info .info_box .flex_column{width: 100%; max-width: 700px; margin: 0 auto;}
.sub_page .sub_info .info_box .flex_column li{display: flex; flex-wrap: wrap; text-align: left;}
.sub_page .sub_info .info_box .flex_column li span{display: inline-block; padding-bottom: 10px; width: 130px;}
.sub_page .sub_info .info_box .flex_column li p{width: calc(100% - 130px);}
.sub_page .sub_info .info_box .flex_column li.arrow{margin: 30px 0; display: block; text-align: center;}
.sub_page .sub_info .info_box .flex_column li.arrow img{transform: rotate(90deg);}

.sub_page .sub_info .info_box > h5.bg{background: #e84549; color: #fff; border-radius: 40px;}

.sub_page .info_img{text-align: center;}
.sub_page .info_img img{max-width: 80%; margin: 50px auto;}
.sub_page .info_img.trans img:nth-child(2){display: none;}

.sub_page .sub_info .info_li{max-width: 1200px; margin: 40px auto 0;}
.sub_page .sub_info .info_li.wide{max-width: 1420px;}
.sub_page .sub_info .info_li li{text-align: left; margin-bottom: 50px;}
.sub_page .sub_info .info_li li.line{padding-left: 40px; position: relative;}
.sub_page .sub_info .info_li li.line::before{content: ""; width: 20px; height: 2px; background: #e84549; position: absolute; left: 0; top: 16px;}
.sub_page .sub_info .info_li li.check{padding-left: 25px; position: relative;}
.sub_page .sub_info .info_li li.check::before{content: ""; width: 15px; height: 15px; background: url(../img/page/check_icon.png) no-repeat; background-size: cover; background-position: center; position: absolute; left: -10px; top: 8px;}
.sub_page .sub_info .info_li li.line p{padding-right: 30px; padding-top: 10px;}

.sub_page .sub_info .info_li li.line span{display: block; padding-left: 18px; position: relative;}
.sub_page .sub_info .info_li li.line span::before{content: ""; width: 8px; height: 8px; background: #e84549; border-radius: 7px 0 7px 7px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.sub_page .sub_info .info_li li.border{width: calc(33.3333% - 30px); margin-right: 40px; padding: 50px 20px; border-radius: 40px; text-align: center;}
.sub_page .sub_info .info_li li.border:nth-child(3n){margin-right: 0;}
.sub_page .sub_info .info_li li.border h5{padding-bottom: 10px;}

.sub_page .sub_info.point{background: #fafafa; margin-top: 140px; padding-top: 100px;}

.sub_page .flex.edge_bg {justify-content: space-around; margin-top: 60px;}
.sub_page .flex.edge_bg.three li{width: 30%; background: #e84549; color: #fff; margin-bottom: 30px; padding: 40px 40px; border-radius: 80px 0 80px 80px;}
.sub_page .flex.edge_bg.four li{width: 24%; margin-bottom: 20px; padding: 10px 10px; border-radius: 80px;}

.sub_page .sub_info.bg{background: #fafafa; padding-top: 100px;}
.sub_page .sub_info .row_img{width: 100%; justify-content: center;}
.sub_page .sub_info .row_img li{margin: 0 5px 10px; width: auto;}
.sub_page .sub_info .row_img li img{max-width: 100%;}

.sub_page .sub_info .star_step{width: 100%; max-width: 1000px; margin: 60px auto 0;}
.sub_page .sub_info .star_step ul{width: 100%; position: relative; flex-wrap: nowrap; z-index: 1;}
.sub_page .sub_info .star_step ul:not(:last-child){margin-bottom: 80px;}
.sub_page .sub_info .star_step ul::after{content: ""; width: 66%; height: 1px; background: #ccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.sub_page .sub_info .star_step ul.cir::after{content: ""; width: 66%; height: 1px; background: #e84549; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}

.sub_page .sub_info .star_step ul.ache::before{content: "통증"; font-size: 17px; position: absolute; left: 0; top: 30%; transform: translateY(-50%); color: #e84549; font-weight: 700;}
.sub_page .sub_info .star_step ul.area::before{content: "흉터 범위"; font-size: 17px; position: absolute; left: 0; top: 30%; transform: translateY(-50%); color: #e84549; font-weight: 700;}

.sub_page .sub_info .star_step ul li.txt_cir span{width: 150px; height: 150px; border-radius: 100%; background: #e84549; color: #fff; display: inline-block; line-height: 150px;}

.sub_page .sub_info .star_step ul li.star{position: relative;}
.sub_page .sub_info .star_step ul li.star span{display: inline-block; padding-top: 10px;}
.sub_page .sub_info .star_step ul li.star::after{content: ""; width: 12px; height: 12px; background: #ccc; border-radius: 100%; position: absolute; top: -5px; left: 50%; transform: translateX(-50%);}

.sub_page .sub_info ul.flex.four li span{border-radius: 40px; margin-bottom: 5px; width: 80%;}
.sub_page .sub_info ul.flex.four li span.edge{width: auto; border-radius: 20px 0 20px 20px; padding: 2px 30px;}

.sub_page .sub_info ul.flex.two li{padding: 0 10px;}
.sub_page .sub_info ul.flex.two li.line{padding-left: 30px;}

@media screen and (max-width : 1200px){
    .sub_page .sub_info .info_p p br.none{display: none;}
    .sub_page .flex.edge_bg.three li{padding: 40px 15px;}

    .sub_page .sub_info .info_box .flex.left li.left p br.none{display: none;}
    .sub_page .sub_info .row_img.five li{max-width: calc(20% - 10px);}

    .sub_page .sub_info .info_li li.border{width: calc(33.3333% - 20px); margin-right: 20px;}
    .sub_page .sub_info .info_li li.border:nth-child(3n){margin-right: 0;}

    .sub_page .sub_info ul.flex.four li span{width: 95%;}
}
@media screen and (max-width : 1000px){
    .sub_page .flex.edge_bg.three li{width: 48%;}
    .sub_page .flex.edge_bg.four li{width: 48%;}

    .sub_page .sub_info .row_img.four li{max-width: calc(25% - 10px);}

    .sub_page .sub_info .info_li li.border{width: calc(50% - 20px); margin-right: 20px;}
    .sub_page .sub_info .info_li li.border:nth-child(3n){margin-right: 20px;}
    .sub_page .sub_info .info_li li.border:nth-child(2n){margin-right: 0;}

    .sub_page .sub_info ul.flex.four li{width: 50%;}
    .sub_page .sub_info ul.flex.four li:nth-child(1n + 3){margin-top: 30px;}
}
@media screen and (max-width : 768px){
	.sub_page .sub_info{padding-bottom: 100px;}
	.sub_page .sub_info .info_box{padding: 40px 20px; margin-top: 30px;}
	.sub_page .sub_info .info_box > p{padding: 0px 0 30px;}
	.sub_page .info_p{padding-bottom: 30px;}
	.sub_page .info_img img{max-width: 90%; margin: 30px auto;}

	.sub_page .sub_info .info_li{justify-content: flex-start;}

    .sub_page .info_img.trans img:nth-child(1){display: none;}
    .sub_page .info_img.trans img:nth-child(2){display: block;}
    
    .sub_page .sub_info .info_li li{width: 50%; margin-bottom: 20px;}

    .sub_page .sub_info .info_p br.none{display: none;}
    .sub_page .sub_info .info_box > p br.none{display: none;}

    .sub_page .sub_info .info_li li.line{padding-left: 20px;}
    .sub_page .sub_info .info_li li.line::before{width: 14px; top: 14px;}

    .sub_page .sub_info .info_box .flex.left li{width: 100%;}
    .sub_page .sub_info .info_box .flex.left li.left{margin-top: 30px; text-align: center;}

    .sub_page .sub_info .info_box .flex_column li{text-align: center;}
    .sub_page .sub_info .info_box .flex_column li span{width: 100%;}
    .sub_page .sub_info .info_box .flex_column li p{width: 100%;}

    .sub_page .sub_info .row_img.two li{max-width: calc(50% - 10px);}
    .sub_page .sub_info .row_img.five li{max-width: calc(50% - 10px);}

    .sub_page .sub_info .star_step ul li.txt_cir span{width: 120px; height: 120px; line-height: 120px;}

    .sub_page .sub_info .star_step ul.ache::before{content: "통증"; font-size: 17px; position: absolute; left: 50%; top: -40px; transform: translate(-50%, 0); color: #e84549; font-weight: 700;}
    .sub_page .sub_info .star_step ul.area::before{content: "흉터 범위"; font-size: 17px; position: absolute; left: 50%; top: -40px; transform: translate(-50%, 0); color: #e84549; font-weight: 700;}

    .sub_page .sub_info .info_li li.border{padding: 30px 15px;}

	.sub_page .sub_info ul.flex.four li:nth-child(1n + 3){margin-top: 0px;}
	.sub_page .flex.edge_bg.four li{margin-bottom: 10px;}

	.sub_page .sub_info .info_li li.check::before{width: 12px; height: 12px; top: 6px;}
}
@media screen and (max-width : 550px){
    .sub_page .sub_info .info_li li.line{padding-left: 24px; width: 100%;}
	.sub_page .sub_info .info_li li.line.two{width: 50%;}
    .sub_page .sub_info .info_li li.line::before{width: 15px; top: 12px;}
	.sub_page .sub_info .info_li li.line p{padding-right: 0;}
    .sub_page .sub_info .info_li li h5{font-size: 16px;}
    .sub_page .sub_info .info_li li p{font-size: 13px;}

    .sub_page .flex.edge_bg.three li{width: 100%; margin-bottom: 15px; padding: 15px 10px;}
    .sub_page .flex.edge_bg.four li{width: 100%;}

    .sub_page .sub_info .row_img.four li{max-width: calc(50% - 10px);}

    .sub_page .sub_info .star_step ul li.txt_cir span{width: 100px; height: 100px; line-height: 100px; font-size: 12px;}

    .sub_page .sub_info .info_li li.border{width: 100%; margin-right: 0px;}
    .sub_page .sub_info .info_li li.border:nth-child(3n){margin-right: 0px;}
    .sub_page .sub_info .info_li li.border:nth-child(2n){margin-right: 0;}

    .sub_page .sub_info ul.flex.four li{width: 100%;}
    .sub_page .sub_info ul.flex.four li:nth-child(1n + 2){margin-top: 0px;}
}
@media screen and (max-width : 450px){
	.sub_page .sub_info .star_step ul li.txt_cir span{width: 70px; height: 70px; line-height: 70px;}
	.sub_page .sub_info .star_step ul.cir::after{top: 32%;}
}

/* 서브페이지 system */
.sub_page .system{width: 100%; background: #fafafa; padding: 100px 0 120px; margin-bottom: 140px;}

.sub_page .system .flex.list li span{position: relative; display: inline-block; padding-bottom: 10px; margin-bottom: 20px;}
.sub_page .system .flex.list li span::after{content: ""; width: 40px; height: 5px; background: #e84549; position: absolute; left: 0; bottom: 0;}

.sub_page .system .flex.list li:nth-child(1n + 4){margin-top: 50px;}
@media screen and (max-width : 1200px) {
    .sub_page .system .flex.list li:nth-child(1n + 3){margin-top: 50px;}
}
@media screen and (max-width : 768px) {
	.sub_page .system{padding: 100px 0 100px; margin-bottom: 100px;}

    .sub_page .system .flex.list li:nth-child(1n + 2){margin-top: 50px;}
}

/* 서브페이지 시술부위 */
.sub_page .region{width: 100%; background: #fafafa; padding: 100px 0 0px; margin-bottom: 140px;}
.sub_page .region.bg_none{background: #fff;}
.sub_page .region.bottom{padding-bottom: 100px;}
.sub_page .region .title_head{padding-bottom: 30px;}
.sub_page .region .region_list{text-align: center;}
.sub_page .region .region_list p{display: inline-block;}
.sub_page .region .region_list p:not(:last-child){margin-right: 30px;}
.sub_page .region .region_list p span.bg{background: #e84549; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 20px;}

.sub_page .region .model_img{text-align: center; margin-top: 60px;}
.sub_page .region .model_img img{max-width: 100%;}
.sub_page .region .model_img img:nth-child(2){display: none;}

.sub_page .region .flex.margin{margin-top: 80px;}
.sub_page .region .flex.margin li{margin-bottom: 20px;}
.sub_page .region .flex.margin li img{max-width: 100%; }
@media screen and (max-width : 1200px) {
    .sub_page .region .region_list p{display: block;}
    .sub_page .region .region_list p:not(:last-child){margin-right: 0px; margin-bottom: 10px;}
}
@media screen and (max-width : 768px) {
	.sub_page .region{padding: 80px 0 0px; margin-bottom: 100px;}
	.sub_page .region .model_img{margin-top: 20px;}

    .sub_page .region .model_img img:nth-child(1){display: none;}
    .sub_page .region .model_img img:nth-child(2){display: inline-block;}
}



/* 공통 sub_tab */
.sub_page .sub_tab{margin-bottom: 100px;}

.sub_page .sub_tab .click .tab_li{width: 80%; max-width: 1400px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 120px;}
.sub_page .sub_tab .click .tab_li li{text-align: center; cursor: pointer; border: 1px solid #e84549; box-sizing: border-box; padding: 5px 5px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.sub_page .sub_tab .click .tab_li li a{color: #e84549; display: block; width: 100%; display: flex; align-items: center; justify-content: center;}
.sub_page .sub_tab .click .tab_li.two li{width: 50%;}
.sub_page .sub_tab .click .tab_li.three li{width: 33.33333%;}
.sub_page .sub_tab .click .tab_li.four li{width: 25%;}
.sub_page .sub_tab .click .tab_li.five li{width: 20%;}
.sub_page .sub_tab .click .tab_li li:first-child{border-radius: 27px 0 0 27px;}
.sub_page .sub_tab .click .tab_li li:last-child{border-radius: 0 27px 27px 0;}
.sub_page .sub_tab .click .tab_li li:not(:last-child){border-right: 0;}
.sub_page .sub_tab .click .tab_li li.on{background: #e84549; color: #fff;}
.sub_page .sub_tab .click .tab_li li.on a{background: #e84549; color: #fff;}

.sub_page .sub_tab .click .tab_show{width: 100%;}
.sub_page .sub_tab .click .tab_show > li{display: none; width: 100%;}
.sub_page .sub_tab .click .tab_show > li.on{display: block;}
@media screen and (max-width : 1400px) {
    .sub_page .sub_tab .click .tab_li li{font-size: 18px;}
}
@media screen and (max-width : 1200px) {
    .sub_page .sub_tab .click .tab_li{width: 100%;}
    .sub_page .sub_tab .click .tab_li li{font-size: 15px;}
}
@media screen and (max-width : 768px) {
	.sub_page .sub_tab .click .tab_li{margin: 0 auto 60px;}
    .sub_page .sub_tab .click .tab_li li{font-size: 12px;}
}


/* 서브페이지 효과 */
.sub_page .effect{width: 100%; background: url(../img/page/effect_bg.png) no-repeat; background-size: cover; background-position: center; padding: 100px 0 120px;}
.sub_page .effect.bg_none{background: transparent; padding-top: 0;}
.sub_page .effect .flex {justify-content: center;}
.sub_page .effect .flex.start {justify-content: flex-start;}
.sub_page .effect .flex li{text-align: center; padding: 20px 20px; margin-bottom: 40px;}
.sub_page .effect .flex li span{display: inline-block; border-bottom: 3px solid #e84549; box-sizing: border-box; padding: 0 10px; margin-bottom: 15px;}
.sub_page .effect .flex li p{padding-top: 20px; color: #595757;}
.sub_page .effect .flex li:not(:last-child){border-right: 1px solid #d9d9d9; box-sizing: border-box;}

.sub_page .effect .eff_body{width: 100%;}
.sub_page .effect .eff_body li{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 60px 0;}
.sub_page .effect .eff_body li:first-child{padding-top: 0;}
.sub_page .effect .eff_body li:last-child{padding-bottom: 0;}
.sub_page .effect .eff_body li:not(:last-child){border-bottom: 1px solid #ccc; box-sizing: border-box;}

.sub_page .effect .eff_body li > div{width: 47%;}

.sub_page .effect .eff_body li .img_info img{max-width: 100%;}
.sub_page .effect .eff_body li .txt_info h5{position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.sub_page .effect .eff_body li .txt_info h5::after{content: ""; width: 40px; height: 3px; background: #e84549; position: absolute; left: 0; bottom: 0;}

.sub_page .effect .eff_body li .txt_info .wrap_box{margin-top: 40px; display: flex; flex-wrap: wrap;}
.sub_page .effect .eff_body li .txt_info .wrap_box span.border{height: 50px; line-height: 40px; border-radius: 40px; margin-right: 20px; margin-bottom: 10px;}

.sub_page .effect .flex.two li:nth-child(2n){border-right: 0;}
.sub_page .effect .flex.three li:nth-child(3n){border-right: 0;}
.sub_page .effect .flex.four li:nth-child(4n){border-right: 0;}

.sub_page .effect .check_list{max-width: 1200px; width: 100%; margin: 0 auto;}
.sub_page .effect .check_list p{padding: 15px 0;}


.sub_page .effect .notice{margin-top: 70px;}
@media screen and (max-width : 1200px) {
    .sub_page .effect .flex.three li{width: 33.3333%;}
    .sub_page .effect .flex.four li{width: 50%;}
    .sub_page .effect .flex.four li:nth-child(2n){border-right: 0;}
    .sub_page .effect .flex.five li{width: 33.3333%;}
    .sub_page .effect .flex.five li:nth-child(3n){border-right: 0;}
}
@media screen and (max-width : 1000px) {
    .sub_page .effect .eff_body li > div{width: 100%;}
    .sub_page .effect .eff_body li .img_info{margin-top: 40px;}
    .sub_page .effect .eff_body li .txt_info .wrap_box span.border{height: 40px; line-height: 30px;}

    .sub_page .effect .flex.three li{width: 50%;}
    .sub_page .effect .flex.three li:nth-child(3n){border-right: 1px solid #d9d9d9;}
    .sub_page .effect .flex.three li:nth-child(2n){border-right: 0px;}

	.sub_page .effect .check_list p img{width: 20px;}
}
@media screen and (max-width : 768px) {
	.sub_page .effect{padding: 80px 0;}

    .sub_page .effect .flex.five li{width: 50%;}
    .sub_page .effect .flex.five li:nth-child(3n){border-right: 1px solid #d9d9d9;}
    .sub_page .effect .flex.five li:nth-child(2n){border-right: 0;}
}
@media screen and (max-width : 600px) {
    .sub_page .effect .flex.three li{width: 100%; border-right: 0; margin-bottom: 0;}
    .sub_page .effect .flex.three li:nth-child(3n){border-right: 0;}
    .sub_page .effect .flex.three li:not(:last-child){border-bottom: 1px solid #d9d9d9;}

    .sub_page .effect .flex.four li{width: 100%; border-right: 0; margin-bottom: 0px;}
    .sub_page .effect .flex.four li:not(:last-child){border-bottom: 1px solid #d9d9d9;}

    .sub_page .effect .flex.five li{width: 100%; margin-bottom: 0px; border-right: 0;}
    .sub_page .effect .flex.five li:nth-child(3n){border-right: 0px;}
    .sub_page .effect .flex.five li:not(:last-child){border-bottom: 1px solid #d9d9d9;}

	.sub_page .effect .flex li p{padding-top: 6px;}
}



/* 서브페이지 체크포인트 */
.sub_page .check_point{padding-bottom: 140px;}
.sub_page .check_point .flex.list li{text-align: center; margin-bottom: 60px; padding: 0 15px;}
.sub_page .check_point .flex.list li p{padding-top: 15px; letter-spacing: -1px;}
@media screen and (max-width : 768px) {
	.sub_page .check_point{padding-bottom: 100px;}

    .sub_page .check_point .flex.list li{margin-bottom: 30px;}
	.sub_page .check_point .flex.list li img{width: 20px;}
    .sub_page .check_point .flex.list li p{padding-top: 8px;}
}


/* 서브페이지 표 table */
/* 표 공통 */
.sub_page .table_df{width: 100%; margin-bottom: 140px;}
.sub_page .table_df table{border-spacing: 0;}
.sub_page .table_df table caption{display: none;}
.sub_page .table_df table tr th,
.sub_page .table_df table tr td{text-align: center; padding: 18px 10px;}

.sub_page .table_df table.bd{width: 100%;}
.sub_page .table_df table.bd{border: 1px solid #e84549; border-radius: 40px; overflow: hidden;}

.sub_page .table_df table.bd tr th,
.sub_page .table_df table.bd tr td{border-bottom: 1px solid #e84549; border-right: 1px solid #e84549; box-sizing: border-box;}
.sub_page .table_df table.bd tr td img{max-width: 90%;}
.sub_page .table_df table.bd tr th:last-child,
.sub_page .table_df table.bd tr td:last-child{border-right: 0;}
.sub_page .table_df table.bd tr:last-child td{border-bottom: 0;}
.sub_page .table_df table.bd tr th.point{background: #e84549; color: #fff;}
.sub_page .table_df table.bd tr td.point{background: #fafafa; color: #e84549;}
.sub_page .table_df table.bd tr th.point:not(:last-child){border-right: 1px solid #fff;}

.sub_page .table_df table.bd tr td .line{width: 60%; margin: 0 auto; background: #ccc;}
.sub_page .table_df table.bd tr td.point .line{background: #e84549;}
.sub_page .table_df table.bd tr td .line.one{height: 1px;}
.sub_page .table_df table.bd tr td .line.two{height: 2px;}
.sub_page .table_df table.bd tr td .line.three{height: 3px;}
.sub_page .table_df table.bd tr td .line.four{height: 4px;}
.sub_page .table_df table.bd tr td .line.five{height: 6px;}

.sub_page .table_df table.bd tr td .grad{width: 90%; height: 10px; margin: 0 auto;}
.sub_page .table_df table.bd tr td .grad.low{background: linear-gradient(to right, #e84549, #f7f7f7);}
.sub_page .table_df table.bd tr td .grad.hard{background: linear-gradient(to left, #e84549, #f7f7f7);}

.sub_page .table_df table tr td.height{padding: 50px 0;}

.sub_page .table_df table tr th.height{height: 60px;}
.sub_page .table_df table tr td.height-150{height: 172px;}
.sub_page .table_df table tr td.height-130{height: 200px;}


/* vs 표 테이블 */
.sub_page .table_df .vs_table{width: 100%; display: flex; justify-content: center;}
.sub_page .table_df .vs_table table{text-align: center;}
.sub_page .table_df .vs_table table.vs{border: 1px solid #6e6e6e; border-radius: 70px; width: 35%;}
.sub_page .table_df .vs_table table.vs.point{border: 1px solid #e84549;}
.sub_page .table_df .vs_table table.center{width: 15%;}

.sub_page .table_df .vs_table table.vs tr th{border-bottom: 1px solid #6e6e6e; color: #595757;}
.sub_page .table_df .vs_table table.vs.point tr th{border-bottom: 1px solid #e84549; color: #e84549;}

.sub_page .table_df .vs_table table.vs tr td{color: #595757;}
.sub_page .table_df .vs_table table.vs.point tr td{color: #e84549;}

.sub_page .table_df ul.table_top{width: 100%; max-width: 80%; margin: 0 auto 40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_page .table_df ul.table_top li:nth-child(1),
.sub_page .table_df ul.table_top li:nth-child(3){width: 35%; text-align: center;}
.sub_page .table_df ul.table_top li:nth-child(2){width: 15%;}
.sub_page .table_df ul.table_top li > div span{display: block; padding: 20px 0 10px;}
.sub_page .table_df ul.table_top li > div img{max-width: 80%;}

.sub_page .table_df ul.table_top li.flex{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_page .table_df ul.table_top li.flex > div{width: 48%;}

.sub_page .table_df .vs_table table.vs tr td.flex{justify-content: center; align-items: center;}
.sub_page .table_df .vs_table table.vs tr td.flex span{margin: 0 10px;}
.sub_page .table_df .vs_table table.vs tr td.flex .progress{width: 50%; height: 4px; background: #e84549;}
.sub_page .table_df .vs_table table.vs tr td.flex .progress.low{position: relative;}
.sub_page .table_df .vs_table table.vs tr td.flex .progress.low::after{content: ""; width: 60%; height: 100%; background: #ccc; position: absolute; right: 0; top: 0;}

@media screen and (max-width : 1200px) {
    .sub_page .table_df table tr th.font-18{font-size: 16px;}
	.sub_page .table_df table tr th.font-20{font-size: 16px;}
    .sub_page .table_df table tr th.font-25{font-size: 18px;}
    .sub_page .table_df table tr th.font-22{font-size: 17px;}
    .sub_page .table_df table tr td.font-18{font-size: 15px;}
    .sub_page .table_df table tr td.font-16{font-size: 14px;}
    .sub_page .table_df table tr td.font-20{font-size: 15px;}
    .sub_page .table_df .vs_table table.vs{width: 42.5%;}

    .sub_page .table_df ul.table_top{min-width: 100%; align-items: center;}
    .sub_page .table_df ul.table_top li.flex > div{width: 100%;}
    .sub_page .table_df ul.table_top li.flex > div:first-child{margin-bottom: 20px;}
}
@media screen and (max-width : 768px) {
	.sub_page .table_df{margin-bottom: 100px;}

	.sub_page .table_df table.bd{border-radius: 30px;}
    .sub_page .table_df .vs_table table.vs{border-radius: 30px;}
    .sub_page .table_df table tr th.font-18{font-size: 10px;}
    .sub_page .table_df table tr th.font-20{font-size: 10px;}
    .sub_page .table_df table tr th.font-25{font-size: 10px;}
    .sub_page .table_df table tr th.font-22{font-size: 10px;}
    .sub_page .table_df table tr td.font-18{font-size: 10px;}
    .sub_page .table_df table tr td.font-16{font-size: 10px;}
    .sub_page .table_df table tr td.font-20{font-size: 10px;}

	.sub_page .table_df table tr th, .sub_page .table_df table tr td{padding: 15px 2px; word-break: break-all;}
	.sub_page .table_df table tr td{padding: 15px 2px;}
}



.sub_page .product{width: 100%; padding: 120px 0 140px; background: #fafafa;}
.sub_page .product.bg_none{background: #fff;}
.sub_page .product.pd_none{padding-top: 0;}
.sub_page .product .flex li{padding-right: 40px; display: flex; align-items: center;}
.sub_page .product .flex li .img_box{width: 220px; height: 220px; line-height: 220px; margin-right: 30px; border-radius: 100%; text-align: center; overflow: hidden; background: #fff; border: 1px solid #e84549; box-sizing: border-box;}
.sub_page .product .flex li .img_box img{max-width: 100%; width: 100%; height: 100%; object-fit: cover;}
.sub_page .product .flex.two li:nth-child(1n + 3){margin-top: 50px;}
.sub_page .product .flex.three li:nth-child(1n + 4){margin-top: 50px;}

.sub_page .product .flex.two li .img_box.radi{border-radius: 70px 0 70px 70px; border: 0;}
.sub_page .product .flex.two li .txt_box{width: calc(100% - 250px);}
.sub_page .product .flex.two li .txt_box h5{padding-bottom: 10px;}

.sub_page .product .flex.two.pd_two li{width: 50% !important;}

@media screen and (max-width : 1400px) {
    .sub_page .product .flex li .img_box{width: 180px; height: 180px; line-height: 180px;}
    .sub_page .product .flex.two li .txt_box{width: calc(100% - 210px);}
}
@media screen and (max-width : 1200px) {
    .sub_page .product .flex.two li{width: 100%; padding-right: 0;}
    .sub_page .product .flex.two li:nth-child(1n + 2){margin-top: 40px;}
    .sub_page .product .flex.three li:nth-child(1n + 3){margin-top: 50px;}
	.sub_page .product .flex.two.pd_two li{flex-direction: column;}
	.sub_page .product .flex.two.pd_two li:nth-child(2){margin-top: 0;}
	.sub_page .product .flex.two li .txt_box{width: calc(100% - 140px);}
	.sub_page .product .flex.two li .txt_box.center{width: calc(100% - 50px); text-align: center; margin-top: 15px;}
}
@media screen and (max-width : 768px) {
	.sub_page .product{padding: 100px 0;}

    .sub_page .product .flex.two li .img_box{width: 120px; height: 120px; line-height: 120px; margin-right: 20px;}

    .sub_page .product .flex.three li:nth-child(1n + 2){margin-top: 50px;}
}
@media screen and (max-width : 550px){
    .sub_page .product .flex.two li{flex-wrap: wrap;}
    .sub_page .product .flex.two li .img_box{margin: 0 auto;}
    .sub_page .product .flex.two li .txt_box{width: calc(100%); text-align: center;}
	.sub_page .product .flex.three li {flex-wrap: wrap;}
	.sub_page .product .flex.three li .img_box{margin: 0 auto;}
    .sub_page .product .flex.three li .txt_box{width: calc(100%); margin-top: 15px; text-align: center;}

	.sub_page .product .flex.two.pd_two li{width: 100% !important;}
	.sub_page .product .flex.two.pd_two li:nth-child(1n + 2){margin-top: 40px;}
}

.sub_page .feature{margin-bottom: 140px;}
.sub_page .feature .flex.two li{width: calc(50% - 10px); background: #fafafa; border-radius: 40px; text-align: center; padding: 60px 40px !important;}
.sub_page .feature .flex.two li:nth-child(odd){margin-right: 20px;}
.sub_page .feature .flex.two li:nth-child(1n + 3){margin-top: 20px;}

.sub_page .feature .flex.two li.three{width: calc(33.3333% - 20px); margin-right: 20px;}
.sub_page .feature .flex.two li.three:nth-child(3){margin-top: 0px;}
.sub_page .feature .flex.two li.five{width: calc(20% - 20px);margin-right: 20px}
.sub_page .feature .flex.two li.five:nth-child(3){margin-top: 0px;}
.sub_page .feature .flex.two li.five:nth-child(4){margin-top: 0px;}
.sub_page .feature .flex.two li.five:nth-child(5){margin-top: 0px;}

.sub_page .feature .flex.two li h5{border-bottom: 1px solid #e84549; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 15px;}
.sub_page .feature .flex.two li h5 b{font-style: italic;}

.sub_page .feature .flex.three {justify-content: center;}
.sub_page .feature .flex.three li{text-align: center; padding: 0 40px; margin-bottom: 40px;}

.sub_page .feature .flex.three li .img_box{border-radius: 0 0 180px 180px; overflow: hidden; margin-bottom: 40px;}
.sub_page .feature .flex li .img_box img{width: 100%; max-width: 100%;}
.sub_page .feature .flex li h5{padding: 0px 0 10px;}

.sub_page .feature .flex.four.center{justify-content: center;}
.sub_page .feature .flex.four li{text-align: center; padding: 0 20px; margin-bottom: 40px;}
.sub_page .feature .flex.four li .img_box{margin-bottom: 40px;}
.sub_page .feature .flex.four li .img_box.radius{border-radius: 0 0 160px 160px; overflow: hidden;}

.sub_page .feature .flex.four li span{background: #e84549; color: #fff; border-radius: 20px 0 20px 20px; display: inline-block; padding: 0px 15px; transform: translateY(-50px);}
.sub_page .feature .flex.four li p.top{transform: translateY(-40px);}

.sub_page .feature .flex.two.center{justify-content: center;}
.sub_page .feature .flex.two.center li.full{width: 70%; padding: 50px 40px;}

@media screen and (max-width : 1400px){
    .sub_page .feature .flex.two li.five{width: calc(33.3333% - 20px);}
    .sub_page .feature .flex.two li.five:nth-child(3){margin-top: 0px;}
    .sub_page .feature .flex.two li.five:nth-child(4){margin-top: 20px;}
    .sub_page .feature .flex.two li.five:nth-child(5){margin-top: 20px;}
}
@media screen and (max-width : 1200px){
    .sub_page .feature .flex.two li.three{width: calc(50% - 20px);}
    .sub_page .feature .flex.two li.three:nth-child(3){margin-top: 20px;}
}
@media screen and (max-width : 1000px){
    .sub_page .feature .flex.two li{padding: 60px 20px; padding: 40px 20px;}
    
    .sub_page .feature .flex.four li{width: 50%;}
    .sub_page .feature .flex.two.center li.full{width: 100%;}
}
@media screen and (max-width : 768px){
	.sub_page .feature{margin-bottom: 100px;}

    .sub_page .feature .flex.three li{width: 50%; padding: 0 5px;}
    .sub_page .feature .flex.two li{width: 100%;}
    .sub_page .feature .flex.two li:nth-child(2n + 1){margin-right: 0px;}
    .sub_page .feature .flex.two li:nth-child(1n + 2){margin-top: 20px;}

    .sub_page .feature .flex.two li.three{width: 100%; margin-right: 0;}

    .sub_page .feature .flex.two li.five{width: 100%; margin-right: 0;}
    .sub_page .feature .flex.two li.five:nth-child(3){margin-top: 20px;}
    .sub_page .feature .flex.two li.five:nth-child(4){margin-top: 20px;}
    .sub_page .feature .flex.two li.five:nth-child(5){margin-top: 20px;}

	.sub_page .feature .flex li h5{margin-top: -20px;}
}
@media screen and (max-width : 550px){
	.sub_page .feature .flex.four li{margin-bottom: 20px;}
}




.sub_page .process{margin: 140px auto;}
.sub_page .process.bg{background: url(../img/page/effect_bg.png) no-repeat; background-size: cover; background-position: center; margin-bottom: 0; padding: 100px 0 140px;}
.sub_page .process.gray_bg{background: #fafafa; margin-bottom: 0; padding: 100px 0 140px;}

.sub_page .process .pcs_step{display: flex; flex-wrap: wrap;}
.sub_page .process .pcs_step li{position: relative;}
.sub_page .process .pcs_step li:not(:last-child):after{content: ""; background: url(../img/page/step_arrow.png) no-repeat; background-size: cover; width: 20px; height: 35px;  position: absolute; right: -10px; top: 10px;}
.sub_page .process .pcs_step li.top:not(:last-child):after{top: 50%; transform: translateY(-50%);}
.sub_page .process .pcs_step li.arrow_none::after{display: none;}
.sub_page .process .pcs_step li .num{width: 60px; height: 60px; border-radius: 50px 0 50px 50px; margin: 0 auto 15px; background: #e84549; color: #fff; line-height: 58px;}
.sub_page .process .pcs_step li h5{padding-bottom: 15px;}
.sub_page .process .pcs_step li p{padding: 0 30px;}

.sub_page .process .pcs_step li .img_wrap{width: 80%; margin: 30px auto 15px; overflow: hidden; text-align: center;}
.sub_page .process .pcs_step li .img_wrap img{max-width: 100%;}
.sub_page .process .pcs_step li .img_wrap.edge{border: 2px solid #e84549; border-radius: 30px 0 30px 30px; box-sizing: border-box;}

.sub_page .process .pcs_step.two li{width: 50%; text-align: center;}
.sub_page .process .pcs_step.two li:nth-child(1n + 3){margin-top: 60px;}
.sub_page .process .pcs_step.two li:nth-child(2n)::after{display: none;}
.sub_page .process .pcs_step.three li{width: 33.3333%; text-align: center;}
.sub_page .process .pcs_step.three li:nth-child(1n + 4){margin-top: 60px;}
.sub_page .process .pcs_step.three li:nth-child(3n)::after{display: none;}
.sub_page .process .pcs_step.four li{width: 25%; text-align: center;}
.sub_page .process .pcs_step.four li:nth-child(1n + 5){margin-top: 60px;}
.sub_page .process .pcs_step.four li:nth-child(4n)::after{display: none;}
.sub_page .process .pcs_step.five li{width: 20%; text-align: center;}
.sub_page .process .pcs_step.five li:nth-child(1n + 6){margin-top: 60px;}
.sub_page .process .pcs_step.five li:nth-child(5n)::after{display: none;}

.sub_page .process .step_tit{margin: 80px 0 50px;}
.sub_page .process .step_tit h5{padding-bottom: 5px}
.sub_page .process .pcs_step.full li{width: 100%;}

.sub_page .process .pcs_step.two li.full{width: 100%; margin-top: 0; margin-bottom: 50px;}

.sub_page .process .video_wrap{max-width: 1000px; margin: 0 auto;}
.sub_page .process .video_wrap video{width: 100%;}

.sub_page .process .video_wrap.two{max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_page .process .video_wrap.two > div{width: 48%; border-radius: 40px; overflow: hidden; border: 1px solid #e84549; box-sizing: border-box; background: #000;}

.sub_page .process .flex.two{margin-bottom: 100px; display: flex; align-items: center;}
.sub_page .process .flex.two li.txt .box_wrap{padding: 50px 20px 0; position: relative;}
.sub_page .process .flex.two li.txt .box_wrap::after{content: ""; display: block; clear: both;}
.sub_page .process .flex.two li.txt .box_wrap .gage{display: flex; margin-bottom: 30px;}
.sub_page .process .flex.two li.txt .box_wrap .gage span{display: inline-block; width: 120px;}
.sub_page .process .flex.two li.txt .box_wrap .gage .gage_img{max-width: calc(100% - 120px);}
.sub_page .process .flex.two li.txt .box_wrap .gage .gage_img img{max-width: 100%;}
.sub_page .process .flex.two li.txt > p{padding-top: 40px;}

.sub_page .process .flex.two li.txt .box_wrap .gage.float{width: 38%; display: inline-block;}
.sub_page .process .flex.two li.txt .box_wrap .gage.float .gage_img{max-width: calc(90%);}
.sub_page .process .flex.two li.txt .dot > li{width: 100%; position: relative; padding-left: 20px;}
.sub_page .process .flex.two li.txt .dot > li::before{content: ""; width: 5px; height: 5px; background: #e84549; position: absolute; left: 0; top: 12px;}

.sub_page .process .flex.two li.bg img{max-width: 100%; margin-right: -20px;}

.sub_page .process .flex.two.column{margin-top: 50px; text-align: center;}
.sub_page .process .flex.two.column li .img_wrap:first-child{min-height: 390px;}
.sub_page .process .flex.two.column li .img_wrap:first-child img{max-width: 60%;}
.sub_page .process .flex.two.column li .img_wrap img{max-width: 90%;}
.sub_page .process .flex.two.column li .img_wrap.bd_r{border-right: 1px solid #e84549;}
.sub_page .process .flex.two.column li span{display: block; padding: 50px 0 20px;}
.sub_page .process .flex.two.column li img.arrowdown{transform: rotate(90deg); margin-bottom: 40px;}
.sub_page .process .flex.two.column li p{text-align: left; width: 80%; margin: 20px auto 0;}

.sub_page .process .flex.radi_bg{justify-content: space-around;}
.sub_page .process .flex.radi_bg li{width: 47%; text-align: center; background: #fafafa; border-radius: 300px; padding: 100px 50px 130px;}
.sub_page .process .flex.radi_bg li > img{/*max-height: 267px;*/ max-width: 70%; margin: 60px 0 80px;}

.sub_page .process .flex.radi_bg li .float_icon{width: 100%; display: flex; justify-content: center; align-items: center;}
.sub_page .process .flex.radi_bg li .float_icon .img_box{width: 120px; height: 120px; line-height: 120px; border-radius: 100px 0 100px 100px; background: #e84549; margin-right: 30px;}
.sub_page .process .flex.radi_bg li .float_icon .img_box img{max-height: 60%; max-width: 60%;}
.sub_page .process .flex.radi_bg li .float_icon > p{text-align: left;}

.sub_page .process .flex.radi_bg li .check_list p{padding-bottom: 15px;}
.sub_page .process .flex.radi_bg li .check_list span{display: block; text-align: left; max-width: 55%; margin: 0 auto; padding-left: 20px; position: relative;}
.sub_page .process .flex.radi_bg li .check_list span::before{content: "☑"; color: #e84549; font-size: 17px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.sub_page .process .process_info{width: 100%; background: #fafafa; text-align: center; padding: 60px 20px;}
.sub_page .process .process_info h3{background: #e84549; color: #fff; border-radius: 30px; display: inline-block; padding: 4px 30px; margin-bottom: 10px;}
.sub_page .process .process_info p{padding-top: 30px;}

.sub_page .process h4.s_tit{margin-top: 70px;}

.sub_page .process > .inner .info_p{margin: 40px 0 80px;}
.sub_page .process > .inner .info_p.top{margin: 0 0 80px;}

.sub_page .process .pcs_step.two.center{justify-content: center; margin-top: 60px;}
.sub_page .process .pcs_step.two.center li{width: 100%;}
.sub_page .process .pcs_step.center .box_flex{display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}
.sub_page .process .pcs_step.center .box_flex .box{width: 20%; position: relative;}
.sub_page .process .pcs_step.center .box_flex .box:not(:last-child)::after{content: "or"; color: #ccc; font-size: 18px; position: absolute; right: -4px; top: 40%;}

@media screen and (max-width : 1500px){
    .sub_page .process .flex.two.column li p{width: 90%;}
    /* .sub_page .process .flex.radi_bg li > img{max-height: 180px;} */
    .sub_page .process .flex.radi_bg li .float_icon .img_box{width: 100px; height: 100px; line-height: 100px;}
    .sub_page .process .flex.radi_bg li > img{margin: 40px 0 50px;}

    .sub_page .process .flex.radi_bg li .check_list span{min-width: 72%;}

    .sub_page .process .pcs_step.five li{width: 33.3333%;}
    .sub_page .process .pcs_step.five li:nth-child(3n)::after{display: none;}
    .sub_page .process .pcs_step.five li:nth-child(1n + 4){margin-top: 40px;}
}
@media screen and (max-width : 1200px){
    .sub_page .process .pcs_step li .num{width: 50px; height: 50px; line-height: 48px;}
    .sub_page .process .flex.radi_bg li .float_icon > p br.none{display: none;}

    .sub_page .process .flex.radi_bg li{padding: 80px 30px 100px;}
    .sub_page .process .flex.radi_bg li .float_icon{flex-direction: column;}
    .sub_page .process .flex.radi_bg li .float_icon .img_box{width: 60px; height: 60px; line-height: 60px;  margin-right: 0;}
    .sub_page .process .flex.radi_bg li .float_icon > p{text-align: center; padding: 10px 15px 0;}

    .sub_page .process .pcs_step.four li{width: 50%;}
    .sub_page .process .pcs_step.four li:nth-child(2n)::after{display: none;}
    .sub_page .process .pcs_step.four li:nth-child(1n + 3){margin-top: 40px;}

    .sub_page .process .flex.incisio li{width: 100%;}
    .sub_page .process .pcs_step.center .box_flex .box{width: 30%;}
}
@media screen and (max-width : 1000px){
    .sub_page .process .flex.two.column li .img_wrap:first-child{min-height: 300px;}
    .sub_page .process .pcs_step.three li{width: 50%;}
    .sub_page .process .pcs_step.three li:nth-child(2n)::after{display: none;}
    .sub_page .process .pcs_step.three li:nth-child(1n + 3){margin-top: 40px;}

    .sub_page .process .flex.two li.txt{width: 100%;}
    .sub_page .process .flex.two li.bg{width: 100%; text-align: right;}
    .sub_page .process .flex.two li.bg img{max-width: 80%;}
	.sub_page .process .flex.radi_bg li > img{max-width: 50%;}

    /* .sub_page .process .flex.radi_bg li > img{max-height: 130px;} */
    .sub_page .process .flex.radi_bg li .check_list span{min-width: 85%;}

    .sub_page .process .pcs_step.five li{width: 50%;}
    .sub_page .process .pcs_step.five li:nth-child(2n)::after{display: none;}
    .sub_page .process .pcs_step.five li:nth-child(3n)::after{display: block;}
    .sub_page .process .pcs_step.five li:nth-child(1n + 3){margin-top: 40px;}
}
@media screen and (max-width : 768px){
	.sub_page .process{margin: 100px auto;}
	.sub_page .process.bg,
	.sub_page .process.gray_bg{padding: 80px 0 100px;}
	.sub_page .process .pcs_step li .num{width: 40px; height: 40px; line-height: 38px;}

    .sub_page .process .flex.two.column li{width: 100%;}
    .sub_page .process .flex.two.column li:first-child{border-bottom: 1px solid #e84549; box-sizing: border-box; padding-bottom: 80px; margin-bottom: 80px;}
    .sub_page .process .flex.two.column li .img_wrap.bd_r{border-right: 0;}
    .sub_page .process .flex.two.column li .img_wrap:first-child{min-height: auto;}

    .sub_page .process .flex.radi_bg li{padding: 60px 15px 80px;}

    /*.sub_page .process .pcs_step.two li{width: 100%;}
    .sub_page .process .pcs_step.two li:nth-child(1n + 2){margin-top: 60px;}
    .sub_page .process .pcs_step.two li::after{width: 14px; height: 25px; top: auto; bottom: -42px; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}*/

	.sub_page .process > .inner .info_p{margin: 10px 0 40px;}

	.sub_page .process .process_info{padding: 40px 10px;}
	.sub_page .process > .inner .info_p.top{margin: 0 0 40px;}

	.sub_page .process .process_info p{padding-top: 15px;}
}
@media screen and (max-width : 600px){
    /*.sub_page .process .pcs_step.three li{width: 100%;}
    .sub_page .process .pcs_step.three li:nth-child(2n)::after{display: block;}
    .sub_page .process .pcs_step.three li:nth-child(1n + 2){margin-top: 60px;}
    .sub_page .process .pcs_step.three li::after{width: 14px; height: 25px; top: auto; bottom: -42px; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}*/

    .sub_page .process .pcs_step li:not(:last-child):after{width: 12px; height: 21px;}
	.sub_page .process .pcs_step li p{padding: 0 10px;}
   /* .sub_page .process .pcs_step.four li{width: 100%;}
    .sub_page .process .pcs_step.four li:nth-child(2n)::after{display: block;}
    .sub_page .process .pcs_step.four li:nth-child(1n + 2){margin-top: 60px;}
    .sub_page .process .pcs_step.four li::after{width: 14px; height: 25px; top: auto; bottom: -42px; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}*/

    .sub_page .process .pcs_step.five li{width: 100%;}
    .sub_page .process .pcs_step.five li:nth-child(2n)::after{display: block;}
    .sub_page .process .pcs_step.five li:nth-child(1n + 2){margin-top: 60px;}
    .sub_page .process .pcs_step.five li::after{width: 14px; height: 25px; top: auto; bottom: -42px; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}

    .sub_page .process .video_wrap.two > div{width: 100%;}
    .sub_page .process .video_wrap.two > div:not(:first-child){margin-top: 20px;}

    .sub_page .process .flex.two li.txt .box_wrap{padding: 50px 0 0;}
    .sub_page .process .flex.two li.bg img{max-width: 80%;}

    .sub_page .process .flex.radi_bg li{width: 100%; margin-bottom: 20px;}

    .sub_page .process .flex.radi_bg li .check_list span{min-width: 60%; padding-top: 4px; padding-bottom: 4px;}
	.sub_page .process .flex.radi_bg li .check_list span::before{font-size: 13px;}
    .sub_page .process .pcs_step.center .box_flex .box{width: 50%;}
    .sub_page .process .pcs_step.center .box_flex .box:not(:last-child)::after{top: auto; bottom: -22px; right: auto; left: 50%; transform: translateX(-50%);}
}



.sub_page .basic_txt{width: 100%; text-align: center; padding: 140px 0;}
.sub_page .basic_txt.bg{background: url(../img/page/cream_bg.png) no-repeat; background-size: cover; background-position: center;}
.sub_page .basic_txt .img_wrap{width: 100%; margin-top: 60px;}
.sub_page .basic_txt .img_wrap img{max-width: 100%;}

.sub_page .basic_txt .flex.center{justify-content: center; align-items: center; margin-bottom: 50px;}
.sub_page .basic_txt .flex.center .circ .circle_wrap{width: 250px; height: 250px; border-radius: 100%; border: 1px solid #e84549; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.sub_page .basic_txt .flex.center .plus{margin: 0 50px;}

.sub_page .basic_txt .flex.center .circ.big{margin: 0 20px;}
.sub_page .basic_txt .flex.center .circ.big .circle_wrap{width: 350px; height: 350px;}
@media screen and (max-width : 1000px) {
    .sub_page .basic_txt .flex.center .circ .circle_wrap{width: 200px; height: 200px;}
    .sub_page .basic_txt .flex.center .plus{margin: 0 30px;}

	.sub_page .basic_txt .flex.center .circ.big{margin: 5px 5px;}
	.sub_page .basic_txt .flex.center .circ.big .circle_wrap{width: 280px; height: 280px;}
}
@media screen and (max-width : 768px) {
    .sub_page .basic_txt .flex.center{flex-direction: column;}
    .sub_page .basic_txt .flex.center .plus{margin: 10px 0px;}
	.sub_page .basic_txt{padding: 100px 0;}
	.sub_page .basic_txt .img_wrap{margin-top: 30px;}
}



.sub_page .flex_info{width: 100%; margin-bottom: 140px;}
.sub_page .flex_info ul.two{width: 100%;}
.sub_page .flex_info ul.two li .inner{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 60px 0;}
.sub_page .flex_info ul.two li .inner > div{width: 47%;}
.sub_page .flex_info ul.two li .txt_wrap h5{padding-bottom: 30px;}
.sub_page .flex_info ul.two li .txt_wrap span.bg{background: #e84549; color: #fff; border-radius: 30px; margin-bottom: 5px;}
.sub_page .flex_info ul.two li .img_wrap > img{max-width: 100%;}

.sub_page .flex_info ul.two li:nth-child(even){background: #fafafa;}
.sub_page .flex_info ul.two li:nth-child(even) .txt_wrap{order: 2; text-align: right;}
.sub_page .flex_info ul.two li:nth-child(even) .img_wrap{order: 1;}

.sub_page .flex_info ul.two li.bg_none{background: #fff;}
.sub_page .flex_info ul.two li.bg_none .txt_wrap{order: 1;}
.sub_page .flex_info ul.two li.bg_none .img_wrap{order: 2;}

.sub_page .flex_info ul.two li .img_wrap.float{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_page .flex_info ul.two li .img_wrap.float .box{width: 48%;}
.sub_page .flex_info ul.two li .img_wrap.float .box:nth-child(1n + 3)
{margin-top: 30px;}
.sub_page .flex_info ul.two li .img_wrap.float .box img{max-width: 100%;}
.sub_page .flex_info ul.two li .img_wrap.float .box span{display: block; padding: 10px 0 5px;}

.sub_page .flex_info ul.two li .inner.column{flex-direction: column;}
.sub_page .flex_info ul.two li .inner.column > div{width: 100%;}
.sub_page .flex_info ul.two li:nth-child(even) .inner.column .txt_wrap{order: 1;}
.sub_page .flex_info ul.two li:nth-child(even) .inner.column .img_wrap{order: 2;}

.sub_page .flex_info ul.two li .inner.column .txt_wrap{margin-bottom: 40px;}
.sub_page .flex_info ul.two li .inner.column .img_wrap{text-align: center;}
.sub_page .flex_info ul.two li .inner.column .img_wrap .box.two{width: 50%;}
.sub_page .flex_info ul.two li .inner.column .img_wrap .box.three{width: 33.3333%;}
.sub_page .flex_info ul.two li .inner.column .img_wrap .box img{max-width: 95%; border-radius: 20px;}
.sub_page .flex_info ul.two li .inner.column .img_wrap .box span{display: block; padding-top: 10px;}

@media screen and (max-width : 1200px) {
    .sub_page .flex_info ul.two li .inner{padding: 60px 20px;}
    .sub_page .flex_info ul.two li .txt_wrap p br,
    .sub_page .flex_info ul.two li .txt_wrap p br.none{display: none;}
}
@media screen and (max-width : 768px) {
	.sub_page .flex_info{margin-bottom: 100px;}

    .sub_page .flex_info ul.two li .inner > div{width: 100%;}
    .sub_page .flex_info ul.two li .inner > .txt_wrap{margin-bottom: 20px;}
    .sub_page .flex_info ul.two li:nth-child(even) .txt_wrap{order: 1; text-align: right;}
    .sub_page .flex_info ul.two li:nth-child(even) .img_wrap{order: 2;}

    .sub_page .flex_info ul.two li.bg_none .txt_wrap{order: 2;}
    .sub_page .flex_info ul.two li.bg_none .img_wrap{order: 1;}

    .sub_page .flex_info ul.two li .inner.column .img_wrap .box.three{width: 50%; margin-bottom: 15px;}

	.sub_page .flex_info ul.two li .txt_wrap h5{padding-bottom: 15px;}
	.sub_page .flex_info ul.two li .inner{padding: 35px 20px;}
	.sub_page .flex_info ul.two li .inner.order .img_wrap{order: 2;}
	.sub_page .flex_info ul.two li .inner.order .txt_wrap{order: 1; text-align: center;}
}
@media screen and (max-width : 600px) {
    .sub_page .flex_info ul.two li .inner.column .img_wrap .box.two{width: 100%; margin-bottom: 15px;}
    .sub_page .flex_info ul.two li .inner.column .img_wrap .box.three{width: 100%;}
}


.sub_page .type{width: 100%; background: #fafafa; padding: 100px 0 140px; margin-bottom: 140px;}
.sub_page .type ul.full{width: 100%; max-width: 1000px; margin: 0 auto;}
.sub_page .type ul.full > li{width: 100%; text-align: center;}
.sub_page .type ul.full > li:not(:last-child){margin-bottom: 100px;}
.sub_page .type ul.full > li .flex{justify-content: space-between; margin-bottom: 40px;}
.sub_page .type ul.full > li .flex.one .type_img{width: 100%; text-align: center;}
.sub_page .type ul.full > li .flex.two .type_img{width: 48%; text-align: center;}

.sub_page .type ul.full > li .flex .type_img img{max-width: 100%;}
.sub_page .type ul.full > li .flex.two .type_img span{display: block; padding-top: 15px;}

.sub_page .type ul.full > li .flex .type_img.trans img:nth-child(2){display: none;}

.sub_page .type ul.full > li > p{padding-top: 10px;}

.sub_page .type ul.flex.five li {text-align: center;}
.sub_page .type ul.flex.five li img{max-width: 80%;}

@media screen and (max-width : 1000px) {
	.sub_page .type ul.flex.five li {width: 33.3333%}
	.sub_page .type ul.flex.five li:nth-child(1n + 4){margin-top: 20px;}
}
@media screen and (max-width : 768px) {
	.sub_page .type{padding: 80px 0; margin-bottom: 100px;}

    .sub_page .type ul.full > li .flex .type_img.trans img:nth-child(1){display: none;}
    .sub_page .type ul.full > li .flex .type_img.trans img:nth-child(2){display: block;}
}
@media screen and (max-width : 500px) {
	.sub_page .type ul.flex.five li {width: 50%}
	.sub_page .type ul.flex.five li:nth-child(1n + 3){margin-top: 20px;}
}


.sub_page .chart{margin-top: 140px;}
.sub_page .chart ul.flex.two{margin-bottom: 60px;}
.sub_page .chart ul.flex.two li:first-child{text-align: right;}
.sub_page .chart ul.flex.two li h6{padding-bottom: 10px;}


.sub_page .chart  .icon_wrap{margin-bottom: 50px;}
.sub_page .chart  .icon_wrap ul{display: flex; flex-wrap: wrap; justify-content: center;}
.sub_page .chart  .icon_wrap ul li{text-align: center; padding: 10px 4%;}
.sub_page .chart  .icon_wrap ul li p{padding-top: 15px;}

.sub_page .chart  .icon_wrap ul.bd_right li:not(:last-child){border-right: 1px solid #ccc;}

.sub_page .img_wrap{text-align: center; margin: 30px 0 40px;}
.sub_page .img_wrap.left{text-align: left; margin: 15px 0 15px;}
.sub_page .img_wrap.m_none{margin: 30px 0 20px;}
.sub_page .img_wrap.bottom{margin: 80px 0 30px;}
.sub_page .img_wrap img{max-width: 100%;}
.sub_page .img_wrap.bottom_m{margin-bottom: 80px;}
.sub_page .img_wrap.trans img:nth-child(2){display: none;}

.sub_page .img_wrap.bd img{border: 2px solid #e84549; box-sizing: border-box; border-radius: 55px 0 55px 55px; overflow: hidden; max-width: 90%;}
.sub_page .img_wrap.bd.gray img{border: 2px solid #ccc;}
.sub_page .img_wrap.bd p{padding-top: 15px;}

@media screen and (max-width : 1000px) {
    .sub_page .chart ul.flex.two li p br.none{display: none;}
}
@media screen and (max-width : 768px) {
    .sub_page .chart ul.flex.two{margin-bottom: 40px;}
    .sub_page .chart ul.flex.two li{width: 100%; text-align: center;}
    .sub_page .chart ul.flex.two li:first-child{text-align: center;}

    .sub_page .img_wrap.trans img:nth-child(1){display: none;}
    .sub_page .img_wrap.trans img:nth-child(2){display: block;}

	.sub_page .chart  .icon_wrap ul li img{width: 50px;}

	.sub_page .img_wrap.bottom{margin: 40px 0 15px;}

	.sub_page .img_wrap{text-align: center; margin: 20px 0;}
}


.sub_page .principle{margin-top: 140px;}
.sub_page .principle .flex.four li .img_box{width: 90px; height: 90px; line-height: 90px; text-align: center; border-radius: 100%; background: #e84549;}
.sub_page .principle .flex.four li .img_box img{max-width: 55%;}
.sub_page .principle .flex.four li h5{padding: 20px 0 15px;}
@media screen and (max-width : 1000px) {
    .sub_page .principle .flex.four li {width: 50%; margin-bottom: 40px;}
}
@media screen and (max-width : 768px) {
    .sub_page .principle .flex.four li .img_box{width: 60px; height: 60px; line-height: 60px;}
    .sub_page .principle .flex.four li p{padding-right: 30px;}
    .sub_page .principle .flex.four li p br{display: none;}
}
/* @media screen and (max-width : 550px) {
    .sub_page .principle .flex.four li{width: 100%;}
} */

.sub_page .circle{margin-bottom: 140px;}
.sub_page .circle .circ_list{margin-top: 50px; justify-content: center;}
.sub_page .circle .circ_list li{width: 360px; height: 360px; text-align: center; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; margin: -10px -10px;}
.sub_page .circle .circ_list li.small{width: 280px; height: 280px;}
.sub_page .circle .circ_list li:nth-child(odd){border: 1px solid #e84549;}
.sub_page .circle .circ_list li:nth-child(even){border: 1px solid #ccc;}

.sub_page .circle .circ_list li span{margin-top: -15px;}
.sub_page .circle .circ_list li h5{position: relative; padding-bottom: 20px;}
.sub_page .circle .circ_list li h5::after{content: ""; width: 30px; height: 3px; background: #e84549; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.sub_page .circle .circ_list li p{padding: 0 50px;}


/* sub_tab - 필러 */
.sub_page .sub_tab .click .tab_show li .top_info{width: 100%; text-align: center; margin-bottom: 50px;}
.sub_page .sub_tab .click .tab_show li .top_info h5{padding-bottom: 15px;}

.sub_page .sub_tab .click.filler .tab_show li .flex.two{justify-content: center;}
.sub_page .sub_tab .click .tab_show li .flex.two li .box_wrap{text-align: center; background: #fafafa; padding: 50px 50px; border-radius: 100px 0 100px 100px; margin: 0 10px;}
.sub_page .sub_tab .click .tab_show li .flex.two li .box_wrap p{padding-top: 10px;}
@media screen and (max-width : 1200px) {
    .sub_page .sub_tab .click .tab_show li .flex.two > li{width: 100%;}
    .sub_page .sub_tab .click .tab_show li .flex.two > li:not(:last-child){margin-bottom: 20px;}

	.sub_page .circle .circ_list li.small{width: 220px; height: 220px;}
}
@media screen and (max-width : 768px) {
	.sub_page .circle{margin-bottom: 100px;}

    .sub_page .circle .circ_list li{width: 300px; height: 300px;}
	.sub_page .circle .circ_list li p{padding: 0 30px;}

	.sub_page .circle .circ_list li.small{width: 180px; height: 180px;}
}
@media screen and (max-width : 450px) {
    .sub_page .circle .circ_list li{width: 250px; height: 250px;}
}



.sub_page .pkg_box{width: 100%; padding: 100px 0; background: url(../../../data/editor/2304/edge_package_bg.png) no-repeat; background-size: cover; background-position: center;}
.sub_page .pkg_box .inner{background: #fff; border-radius: 10px; box-shadow: 0 5px 10px #0000003b; padding: 50px 40px 100px; position: relative; z-index: 1;}
.sub_page .pkg_box .inner::before{content: url(../img/page/ribbon_left.png); position: absolute; left: -3px; top: -1px; z-index: -1;}
.sub_page .pkg_box .inner::after{content: url(../img/page/ribbon_right.png); position: absolute; right: -2px; bottom: -3px; z-index: -1;}
.sub_page .pkg_box .inner .title_head img{margin-bottom: 40px;}
.sub_page .pkg_box.bg_none{background: #fff;}
.sub_page .pkg_box.bg_none .inner{box-shadow: none;}
.sub_page .pkg_box.bg_none .inner::before,
.sub_page .pkg_box.bg_none .inner::after{display: none;}

.sub_page .pkg_box .pkg_list{width: 100%;}
.sub_page .pkg_box .pkg_list > li{width: 100%; padding: 50px 45px; border-top: 1px solid #ccc; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column;}
.sub_page .pkg_box .pkg_list > li.three{flex-direction: row;}
.sub_page .pkg_box .pkg_list > li:last-child{border-bottom: 1px solid #ccc;}

.sub_page .pkg_box .pkg_list > li .left_icon{width: 40px;}
.sub_page .pkg_box .pkg_list > li .right_box{width: calc(100% - 40px);}

.sub_page .pkg_box .pkg_list > li .right_box.bd_top{border-top: 1px solid #ccc; box-sizing: border-box;  margin-top: 40px; padding-top: 40px;}
.sub_page .pkg_box .pkg_list > li .right_box.pd_top{margin-top: 20px;padding-top: 20px;}
.sub_page .pkg_box .pkg_list > li .right_box h6{padding-bottom: 10px;}
.sub_page .pkg_box .pkg_list > li .right_box .keyword{width: 100%; margin: 10px 0 20px;}
.sub_page .pkg_box .pkg_list > li .right_box .keyword span{margin-bottom: 5px; display: inline-block;}
.sub_page .pkg_box .pkg_list > li .right_box .keyword span.bg_g{background: #f1f1f1; color: #e84549; padding: 2px 10px; border-radius: 20px 0 020px 20px; box-shadow: 0px 1px 4px #0000002d;}
.sub_page .pkg_box .pkg_list > li .right_box .keyword span.bg_p{background: #e84549; color: #fff; padding: 2px 10px; border-radius: 20px 0 020px 20px; box-shadow: 0px 1px 4px #0000002d;}
.sub_page .pkg_box .pkg_list > li .right_box .keyword span.color_p{margin: 0 8px;}

.sub_page .pkg_box .pkg_list > li .right_box .link_a{width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 20px;}
.sub_page .pkg_box .pkg_list > li .right_box .link_a.left{justify-content: flex-start;}
.sub_page .pkg_box .pkg_list > li .right_box .link_a li{margin: 0 5px 5px;}
.sub_page .pkg_box .pkg_list > li .right_box .link_a li a{display: inline-block; width: 100%; padding: 5px 15px; background: #f5f5f5; border-bottom: 1px solid #e84549; box-sizing: border-box;}

.sub_page .pkg_box .pkg_list > li.flex{justify-content: space-between; border-top: 0; border-bottom: 0;}
.sub_page .pkg_box .pkg_list > li .pkg_item{width: 30%; text-align: center; border: 2px solid #ccc; box-sizing: border-box; border-radius: 30px; padding: 60px 20px; box-shadow: 2px 3px 7px #00000023; position: relative; background: #fff;}
.sub_page .pkg_box .pkg_list > li .pkg_item .item_num{width: 50px; height: 50px; background: #e84549; border-radius: 50px 0 50px 50px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%);}
.sub_page .pkg_box .pkg_list > li .pkg_item .item_num span{text-align: center; color: #fff; line-height: 50px;}
.sub_page .pkg_box .pkg_list > li .pkg_item h6{padding-bottom: 40px;}
.sub_page .pkg_box .pkg_list > li .pkg_item .link_a{margin-top: 40px;}
.sub_page .pkg_box .pkg_list > li .pkg_item .link_a a{display: inline-block;  padding: 5px 15px; background: #f5f5f5; border-bottom: 1px solid #e84549; box-sizing: border-box;}

.sub_page .pkg_box .pkg_list > li .pkg_title{text-align: center; margin-bottom: 40px;}
.sub_page .pkg_box .pkg_list > li .pkg_title .item_num{width: 35px; height: 35px; background: #b72b3e; border-radius: 50px 0 50px 50px; margin: 0 auto;}
.sub_page .pkg_box .pkg_list > li .pkg_title .item_num span{text-align: center; color: #fff; line-height: 35px;}

.sub_page .pkg_box .pkg_list > li.fx_none{display: block;}
.sub_page .pkg_box .pkg_list > li .add_list{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.sub_page .pkg_box .pkg_list > li .add_list .pkg_item{width: 45%;}
.sub_page .pkg_box .pkg_list > li .add_list .plus{text-align: center;}

.sub_page .pkg_box .bottom_logo{width: 100%; margin-top: 50px; text-align: center;}


.sub_page .pkg_box .pkg_list > li .pkg_plan{padding-top: 40px; position: relative;}
.sub_page .pkg_box .pkg_list > li .pkg_plan .plan_step{margin-top: 10px;}
.sub_page .pkg_box .pkg_list > li .pkg_plan .plan_step li{margin-bottom: 5px;}

.sub_page .pkg_box .pkg_list > li .pkg_plan .notice.left{text-align: left; margin-top: 40px;}

.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs{position: absolute; bottom: 40px; right: 0; display: flex; flex-wrap: wrap; }
.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div{text-align: right;}
.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div:nth-child(1){padding-right: 20px;}
.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div span{display: block;}
.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div p.line{position: relative; color: #595757; display: inline-block;} 
.sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div p.line::before{content: ""; width: 100%; height: 1px; background: #6e6e6e; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}



@media screen and (max-width : 1400px) {
	.sub_page .pkg_box{padding: 100px 10px;}
	.sub_page .pkg_box .inner .title_head img{width: 80px; margin-bottom: 20px;}
	.sub_page .pkg_box .bottom_logo img{width: 35px;}

    .sub_page .pkg_box .pkg_list > li.flex .pkg_item{width: 48%;}
    .sub_page .pkg_box .pkg_list > li.flex .pkg_item:nth-child(1n + 3){margin-top: 80px;}
}
@media screen and (max-width : 1000px) {
    .sub_page .pkg_box .inner{padding: 50px 20px 60px;}
    .sub_page .pkg_box .pkg_list > li{padding: 50px 20px;}

    .sub_page .pkg_box .pkg_list > li .right_box .link_a{justify-content: flex-start;}

    .sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs{position: initial; margin-top: 30px;}
    .sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div{text-align: left;}
}
@media screen and (max-width : 768px) {
	.sub_page .pkg_box{padding: 60px 10px;}
	.sub_page .pkg_box .inner .title_head img{width: 60px;}
	.sub_page .pkg_box .inner{padding: 40px 20px;}
    .sub_page .pkg_box .pkg_list > li{padding: 20px 0px;}
	.sub_page .pkg_box .pkg_list > li .pkg_item h6{padding-bottom: 20px;}
	.sub_page .pkg_box .pkg_list > li .pkg_item .link_a{margin-top: 20px;}
	.sub_page .pkg_box .pkg_list > li .pkg_item{padding: 40px 10px 30px;}
    .sub_page .pkg_box .pkg_list > li .left_icon{width: 100%; margin-bottom: 10px;}
    .sub_page .pkg_box .pkg_list > li .right_box{width: 100%;}
    
    .sub_page .pkg_box .pkg_list > li.flex .pkg_item{width: 100%;}
    .sub_page .pkg_box .pkg_list > li.flex .pkg_item:nth-child(1n + 2){margin-top: 50px;}
    
    .sub_page .pkg_box .pkg_list > li .add_list .pkg_item{width: 100%;}
    .sub_page .pkg_box .pkg_list > li .add_list .plus{width: 100%; margin: 15px auto;}

    .sub_page .pkg_box .inner::before,
    .sub_page .pkg_box .inner::after{display: none;}

	.sub_page .pkg_box .bottom_logo{margin-top: 20px;}
	.sub_page .pkg_box .pkg_list > li .pkg_item .item_num{width: 40px; height: 40px;top: -20px;}
	.sub_page .pkg_box .pkg_list > li .pkg_item .item_num span{line-height: 40px;}
}
@media screen and (max-width : 400px) {
    .sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div{width: 100%;}
    .sub_page .pkg_box .pkg_list > li .pkg_plan .price_abs div:nth-child(1){padding-right: 0; padding-bottom: 10px;}
}



.sub_page .comparison{width: 100%; background: #fafafa; padding: 100px 0 140px;}
.sub_page .comparison.bg_none{background: #fff;}
.sub_page .comparison .flex.two li{text-align: center;}
.sub_page .comparison .flex.two li:first-child{border-right: 1px solid #e84549; box-sizing: border-box;}
.sub_page .comparison .flex.two li .img_wrap img{max-width: 70%;}
.sub_page .comparison .flex.two li h5{padding: 20px 0 15px;}
.sub_page .comparison .flex.two li > p{padding: 0 20px;}

.sub_page .comparison .flex.two li .img_wrap.flex > div{width: 50%; display: flex; flex-direction: column; align-items: center;}
.sub_page .comparison .flex.two li .img_wrap.flex > div img{min-height: 150px; object-fit: cover;}
.sub_page .comparison .flex.two li .img_wrap.flex > div span{display: inline-block; background: #e84549; color: #fff; margin-top: 30px; padding: 5px 25px; border-radius: 20px 0 20px 20px;}

@media screen and (max-width : 1400px) {
    .sub_page .comparison .flex.two li .img_wrap.flex > div{width: 100%;}
    .sub_page .comparison .flex.two li .img_wrap.flex > div:first-child{margin-bottom: 20px;}
    .sub_page .comparison .flex.two li .img_wrap.flex > div img{min-height: auto;}
}
@media screen and (max-width : 1200px) {
    .sub_page .comparison .flex.two li{width: 50% !important;}
}
@media screen and (max-width : 768px) {
	.sub_page .comparison{padding: 80px 0;}
	.sub_page .comparison .flex.two li h5{padding: 10px 0 5px;}

	.sub_page .comparison .flex.two li .img_wrap img{max-width: 80%;}
}
@media screen and (max-width : 450px) {
    .sub_page .comparison .flex.two li{width: 100% !important;}
    .sub_page .comparison .flex.two li:first-child{border-right: 0; border-bottom: 1px solid #e84549; margin-bottom: 50px; padding-bottom: 25px;}
}

.sub_page .age_step{width: 100%; background: #fafafa; padding: 100px 0 140px;}
.sub_page .age_step .age{width: 100%;}
.sub_page .age_step .age li{width: 25%;}
.sub_page .age_step .age li span{display: block; padding-bottom: 20px;}
.sub_page .age_step .age li .line{width: 100%; height: 1px; background: #e84549; position: relative;}
.sub_page .age_step .age li .line::after{content: ""; width: 12px; height: 12px; background: #e84549; border-radius: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sub_page .age_step .age li p{padding-top: 20px; padding-right: 20px;}
@media screen and (max-width : 1000px) {
    .sub_page .age_step .age li{width: 50%;}
    .sub_page .age_step .age li:nth-child(1n + 3){margin-top: 50px;}
}
@media screen and (max-width : 768px) {
	.sub_page .age_step{padding: 80px 0;}
}
@media screen and (max-width : 500px) {
    .sub_page .age_step .age li{width: 100%;}
    .sub_page .age_step .age li:nth-child(1n + 2){margin-top: 30px;}
}



.sub_page .flex.calender{justify-content: space-between; align-items: center;}
.sub_page .flex.calender.two li{width: 48%; text-align: left;}
.sub_page .flex.calender li.img{text-align: right;}
.sub_page .flex.calender li.img img{max-width: 100%;}
.sub_page .flex.calender.two li h5{padding: 20px 0 10px;}

.sub_page .flex.calender.two li .box_wrap{display: flex; flex-wrap: wrap; margin-top: 40px;}
.sub_page .flex.calender.two li .box_wrap span{background: #e84549; display: inline-block; border-radius: 30px; padding: 0px 5px; height: 40px; line-height: 40px; color: #fff; margin-right: 20px; width: 120px; text-align: center;}
.sub_page .flex.calender.two li .box_wrap .right_box{width: calc(100% - 140px);}

.sub_page .flex.calender.two li span{border-radius: 40px; background: #e84549; color: #fff; margin: 30px 0 5px;}
.sub_page .flex.calender.two li span:first-child{margin-top: 0;}
@media screen and (max-width : 1200px){
    .sub_page .flex.calender.two li{width: 100%; text-align: center;}
    .sub_page .flex.calender.two li:nth-child(1){order: 2;}
    .sub_page .flex.calender.two li:nth-child(2){order: 1; margin-bottom: 40px;}

    .sub_page .flex.calender.two li p br.none{display: none;}
    .sub_page .flex.calender.two li .box_wrap{flex-direction: column;}
    .sub_page .flex.calender.two li .box_wrap span{margin: 0 auto 10px;}
    .sub_page .flex.calender.two li .box_wrap .right_box{width: 100%;}
}


.sub_page .use{background: #fafafa; width: 100%; padding: 100px 0 140px;}



.sub_page .img_vs{width: 100%; margin: 140px auto;}
.sub_page .img_vs ul.flex{justify-content: center; align-items: flex-end;}
.sub_page .img_vs ul.flex.three li{width: 28%; text-align: center;}
.sub_page .img_vs ul.flex li .wrap_img{width: 100%; background: #fafafa; padding: 5px; margin-top: 20px;}
.sub_page .img_vs ul.flex li .wrap_img p{padding: 25px 10px;}
.sub_page .img_vs ul.flex li img{max-width: 100%;}
@media screen and (max-width : 1200px) {
    .sub_page .img_vs ul.flex.three li{width: 33.3333%;}
}
@media screen and (max-width : 768px) {
	.sub_page .img_vs{width: 100%; margin: 100px auto;}

    .sub_page .img_vs ul.flex.three li{width: 100%;}
    .sub_page .img_vs ul.flex.three li:nth-child(2){margin: 40px 0;}
}



.sub_page .qa_wrap{width: 100%; padding: 140px 0; background: url(../img/page/qa_bg.png) no-repeat;  background-size: cover; background-position: center; margin-bottom: 140px;}
.sub_page .qa_wrap ul.flex{justify-content: space-around;}
.sub_page .qa_wrap ul.flex li{background: #fff; text-align: center; padding: 80px 50px 100px; box-shadow: 0px 6px 15px #0000001f; position: relative;}
.sub_page .qa_wrap ul.flex.two li{width: 46%;}
.sub_page .qa_wrap ul.flex.three li{width: calc(33% - 15px);}

.sub_page .qa_wrap ul.flex li h5{width: 35px; height: 35px; line-height: 32px; border-radius: 30px 0 30px 30px; margin: 0 auto 10px;}
.sub_page .qa_wrap ul.flex li h6{margin-bottom: 50px;}
.sub_page .qa_wrap ul.flex li h5.q{background: #e7e7e7;}
.sub_page .qa_wrap ul.flex li h5.a{background: #e84549; color: #fff;}

.sub_page .qa_wrap ul.flex li h6 b,
.sub_page .qa_wrap ul.flex li p b{position: relative;}
.sub_page .qa_wrap ul.flex li h6 b::before,
.sub_page .qa_wrap ul.flex li p b::before{content: ""; width: 100%; height: 10px; background: #e845482f; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.sub_page .qa_wrap ul.flex li::before{content: url(../img/page/pin_img.png); position: absolute; top: 0; left: 48%; transform: translateX(-50%);}
.sub_page .qa_wrap ul.flex li::after{content: url(../img/page/small_logo.png); position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);}
.sub_page .qa_wrap ul.flex.two li:nth-child(1n + 3){margin-top: 50px;}


.sub_page .qa_wrap ul.flex li.full{width: 80%; padding: 80px 100px 100px;}
.sub_page .qa_wrap ul.flex li p.left{text-align: left; margin: 8px 0;}
.sub_page .qa_wrap ul.flex li.full span{display: inline-block; padding-right: 15px;}

.sub_page .qa_wrap .table_df table.bd tr th.point:not(:last-child){border-right: 1px solid #fff;}

@media screen and (max-width : 1000px) {
    .sub_page .qa_wrap ul.flex.two li{width: 100%;}
    .sub_page .qa_wrap ul.flex.two li:not(:first-child){margin-top: 50px;}

	.sub_page .qa_wrap ul.flex.two li.full{width: 98%; padding: 80px 20px;}
	.sub_page .qa_wrap ul.flex.three li{width: calc(50% - 15px);}
	.sub_page .qa_wrap ul.flex.three li:nth-child(1n + 3){margin-top: 50px;}
}
@media screen and (max-width : 768px){
	.sub_page .qa_wrap ul.flex li{padding: 80px 20px;}
	.sub_page .qa_wrap ul.flex.three li{width: calc(100%);}
	.sub_page .qa_wrap ul.flex.three li:nth-child(1n + 2){margin-top: 30px;}
}



.sub_page .chest{margin-top: 140px;}
.sub_page .chest .flex.four li{text-align: center;}
.sub_page .chest .flex.four li .img_wrap{width: 100%; text-align: center; margin-bottom: 0;}
.sub_page .chest .flex.four li .img_wrap img{max-width: 100%;}
.sub_page .chest .flex.four li span{display: inline-block; background: #acacac; color: #fff; border-radius: 40px; width: 240px; height: 40px; line-height: 40px;}
@media screen and (max-width : 1200px) {
    .sub_page .chest .flex.four li span{width: 80%;}
}
@media screen and (max-width : 768px) {
	.sub_page .chest{margin-top: 100px;}
    .sub_page .chest .flex.four li{width: 50%;}
}


.sub_page .method{margin: 140px auto;}
.sub_page .method .img_wrap img{border-bottom: 3px solid #e84549; box-sizing: border-box; max-width: 100%;}



.sub_info .head_info:not(:first-child){margin-top: 120px;}
.sub_info .head_info h4{padding-bottom: 15px;}

.sub_page .arrow_step{width: 100%; margin-top: 80px;}
.sub_page .arrow_step .flex{justify-content: center;}
.sub_page .arrow_step .flex li{text-align: center; padding: 0 20px;}
.sub_page .arrow_step .flex li span.border{border-radius: 40px; background: #e84549; color: #fff; margin-bottom: 15px;}
.sub_page .arrow_step .flex li span.border.line{border: 2px solid #e84549; background: transparent; color: #000;}

.sub_page .arrow_step span.border.radi{border-radius: 40px 0 40px 40px; background: #e84549; color: #fff; margin-bottom: 10px;}
.sub_page .arrow_step .flex li .img_wrap{text-align: center;}
.sub_page .arrow_step .flex li .img_wrap img{max-width: 90%;}

.sub_page .arrow_step .flex li.arrow{position: relative;}
.sub_page .arrow_step .flex li.arrow::after{content: url(../img/page/step_arrow.png); position: absolute; right: -8px; top: 50%; transform: translateY(-50%);}
.sub_page .arrow_step .flex li.arrow.text{position: relative;}
.sub_page .arrow_step .flex li.arrow.text::before{content: "Insert prosthesis "; position: absolute; right: -45px; top: 58%; transform: translateY(-50%); font-size: 17px; color: #e84549; letter-spacing: -1px;}

.sub_page .arrow_step .flex li.low{width: 40%;}
.sub_page .arrow_step .flex li.more{width: 60%;}
.sub_page .arrow_step .flex li.more .step_box.flex{justify-content: center;}

.sub_page .sub_info .region_list{text-align: center; margin-bottom: 100px;}
.sub_page .sub_info .region_list p{display: inline-block; margin-bottom: 5px;}
.sub_page .sub_info .region_list p:not(:last-child){margin-right: 30px;}
.sub_page .sub_info .region_list p span.bg{background: #e84549; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 20px 0 20px 20px;}


@media screen and (max-width : 1000px) {
    .sub_page .arrow_step .flex li{width: 100%;}
    .sub_page .arrow_step .flex li.arrow{padding-bottom: 40px; margin-bottom: 40px;}
    .sub_page .arrow_step .flex li.arrow::after{right: auto; top: auto; left: 50%; bottom: -15px; transform: translate(-50%, 0) rotate(90deg); }
    .sub_page .arrow_step .flex li.arrow.text::before{right: auto; top: auto; left: 50%; bottom: 32px; transform: translate(-50%, 0); }
}


.sub_page .ratio{margin-bottom: 80px;}

.sub_page .title_head .c_white{color: #fff;}

.sub_page .mento_wrap{padding: 140px 0 30px; margin-bottom: 80px; background: #e84549;}
.sub_page .mento_wrap.bg_white{background: #fff;}
.sub_page .mento_wrap.bg_gray{background: #dddddd;}
.sub_page .mento_wrap .img_wrap img{max-width: 100%;}

.sub_page .mento_sticker{margin-bottom: 140px;}
.sub_page .mento_sticker ul.flex{justify-content: center;}
.sub_page .mento_sticker ul.flex li{width: 25%;}
.sub_page .mento_sticker ul.flex li{text-align: center;}
.sub_page .mento_sticker ul.flex li img{max-width: 90%;}

.sub_page .why_edge{width: 100%; padding: 100px 0 0;}




.sub_page .kind_pop{margin-bottom: 140px;}
.sub_page .kind_pop ul{justify-content: center; flex-wrap: wrap;}
.sub_page .kind_pop ul li{width: 25%; padding: 0 15px; margin-bottom: 40px; text-align: center; cursor: pointer;}
.sub_page .kind_pop ul li .wrap{background: #fff; border-radius: 20px 0 20px 20px; box-shadow: 2px 4px 10px #00000018; padding: 30px 10px; min-height: 270px; position: relative; display: flex; flex-direction: column; align-items: center;}
.sub_page .kind_pop ul li .wrap .keyword{display: inline-block; border: 1px solid #e84549; border-radius: 25px 0 25px 25px; padding: 0 20px;}
.sub_page .kind_pop ul li .wrap h5{margin-top: 40px; display: inline-block; position: relative;}
.sub_page .kind_pop ul li .wrap h5::before{content: ""; width: 100%; height: 15px; background: #e845481c; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.sub_page .kind_pop ul li .wrap p{position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
@media screen and (max-width : 1200px) {
    .sub_page .kind_pop ul li{width: 33.3333% !important;}

	.sub_page .mento_sticker ul.flex li{width: 33.3333%;}
	.sub_page .mento_sticker ul.flex li img{max-height: 180px;}
}
@media screen and (max-width : 768px) {
	.sub_page .mento_wrap{padding: 80px 0 30px; margin-bottom: 60px;}
	.sub_page .kind_pop{margin-bottom: 100px;}

    .sub_page .kind_pop ul li{width: 50% !important;}
    .sub_page .kind_pop ul li .wrap{min-height: 220px;}

	.sub_page .mento_sticker ul.flex li img{max-height: 140px;}
}
@media screen and (max-width : 550px) {
    .sub_page .kind_pop ul li{width: 100% !important;}

	.sub_page .mento_sticker ul.flex li img{max-height: 100px;}
}


/* 팝업 공통 */
.modal{
    position: fixed;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.664);
    top: 0;
    z-index: 99999999;
    display: none;
}
.modal_ctt .modal_wrap{
    position: fixed;
    width: 100%; max-width: 850px;
    background-color: #fff;
    z-index: 99999999;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    max-height: 900px;
    display: none; 
    overflow-y: scroll;
}
.modal_ctt .modal_wrap::-webkit-scrollbar {width: 12px;}
.modal_ctt .modal_wrap::-webkit-scrollbar-thumb {width: 100%; background: #595757; border: 2px solid #ccc; border-radius: 10px;}
.modal_ctt .modal_wrap::-webkit-scrollbar-track  {background: #ccc;}
.modal_ctt .modal_wrap .close{
    position: fixed;
    font-size: 25px;
    font-weight: 100;
    line-height: 32px;
    color: #fff;
    background: #ccc;
    text-align: center;
    border-radius: 18px 0 18px 18px;
    width: 40px; height: 40px;
    cursor: pointer;
    right: 10px; top: 15px; z-index: 1;
}
/* 팝업 상단 배너 */
.modal_ctt .modal_wrap .top_bann{width: 100%; min-height: 300px; height: 300px; overflow: hidden; background: #fbfbfb; position: relative;}
.modal_ctt .modal_wrap .top_bann .txt_top{position: absolute; left: 60px; top: 55%; transform: translateY(-50%); z-index: 2;}
.modal_ctt .modal_wrap .top_bann .somn_top{position: absolute; right: 60px; bottom: 0; width: 340px; text-align: center; z-index: 1;}
.modal_ctt .modal_wrap .top_bann .somn_top::before{content: ""; width: 340px; height: 340px; border-radius: 180px 0 180px 180px; background: #e84549; position: absolute; bottom: -80px; right: 0; z-index: -1;}

.modal_ctt .modal_wrap .top_bann .txt_top span{margin-bottom: 60px; display: inline-block; border: 1px solid #e84549; box-sizing: border-box; border-radius: 25px 0 25px 25px; padding: 2px 30px; background: #fbfbfb;}

/* 팝업 하단 내용 컨텐츠 */
.modal_ctt .modal_wrap .bottom_ctt{width: 100%; padding: 20px 60px;}
.modal_ctt .modal_wrap .bottom_ctt ul.tag{padding: 0px 0 20px; margin-bottom: 50px; justify-content: center; border-bottom: 1px solid #eee; box-sizing: border-box;}
.modal_ctt .modal_wrap .bottom_ctt ul.tag li{margin: 0px 20px; color: #e84549; font-size: 16px;}
.modal_ctt .modal_wrap .bottom_ctt p.pop_info{text-align: center;}

.modal_ctt .modal_wrap .bottom_ctt ul.icon{margin: 50px 0 40px;}
.modal_ctt .modal_wrap .bottom_ctt ul.icon li{width: 25%; text-align: center; padding: 20px 10px;}
.modal_ctt .modal_wrap .bottom_ctt ul.icon li:not(:last-child){border-right: 1px solid #d1d1d1; box-sizing: border-box;}
.modal_ctt .modal_wrap .bottom_ctt ul.icon li .icon_wrap{height: 55px;}


.modal_ctt .modal_wrap .bottom_ctt .notice_wrap{width: 100%; background: #fafafa; padding: 30px 40px; display: flex; flex-wrap: wrap;}
.modal_ctt .modal_wrap .bottom_ctt .notice_wrap > span{display: inline-block; width: 100px; }
.modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul{width: calc(100% - 100px);}
.modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul li{font-size: 15px; font-weight: 400;}
.modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul li:not(:last-child){margin-bottom: 5px;}
@media screen and (max-width : 870px) {
    .modal_ctt .modal_wrap{width: 96%; max-height: 90%;}
    .modal_ctt .modal_wrap .top_bann .txt_top{left: 20px;}
    .modal_ctt .modal_wrap .top_bann .somn_top{right: 20px;}
    .modal_ctt .modal_wrap .bottom_ctt{padding: 20px 20px;}
    .modal_ctt .modal_wrap .bottom_ctt ul.tag li{font-size: 14px;}
    .modal_ctt .modal_wrap .bottom_ctt .notice_wrap > span{width: 100%; margin-bottom: 10px;}
    .modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul{width: 100%;}
    .modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul li{font-size: 14px;}
    .modal_ctt .modal_wrap .bottom_ctt .notice_wrap{padding: 30px 20px;}
}
@media screen and (max-width : 600px) {
    .modal_ctt .modal_wrap .bottom_ctt ul.icon li{width: 50%; padding: 10px;}
    .modal_ctt .modal_wrap .bottom_ctt ul.icon li:nth-child(2){border-right: 0;}
    .modal_ctt .modal_wrap .bottom_ctt ul.icon li:nth-child(1n + 3){margin-top: 20px;}
    .modal_ctt .modal_wrap .bottom_ctt ul.icon li .icon_wrap{height: 42px;}
    
    .modal_ctt .modal_wrap .top_bann .somn_top{width: 280px;}
    .modal_ctt .modal_wrap .top_bann .somn_top::before{width: 280px; height: 280px;}
    .modal_ctt .modal_wrap .top_bann .somn_top img{max-width: 50%;}

    .modal_ctt .modal_wrap .bottom_ctt ul.tag li{font-size: 12px; margin: 0 10px;}
    .modal_ctt .modal_wrap .bottom_ctt .notice_wrap > ul li{font-size: 12px;}
}
@media screen and (max-width : 500px) {
    .modal_ctt .modal_wrap .bottom_ctt ul.tag li{margin: 0 8px;}
    .modal_ctt .modal_wrap .top_bann .somn_top{width: 240px;}
    .modal_ctt .modal_wrap .top_bann .somn_top::before{width: 240px; height: 240px; bottom: -40px;}
}






.sub_page .item_content .sub_info.top{margin-top: 140px;}
.sub_page .item_content .title_head{padding-bottom: 60px;}
.sub_page .item_content .sub_info .info_box{margin-top: 0; background: #efefef;}

.sub_page .item_content .sub_info .full_box{display: flex; max-width: 700px; margin: 0 auto; align-items: center; width: 100%;}
.sub_page .item_content .sub_info .full_box:nth-child(2){margin-bottom: 50px;}
.sub_page .item_content .sub_info .full_box li:first-child{width: 300px; text-align: left;}
.sub_page .item_content .sub_info .full_box li:last-child{width: calc(100% - 300px);}


.sub_page .item_content .sub_info .btn_flex{margin-top: 30px; justify-content: space-between;}
.sub_page .item_content .sub_info .btn_flex li{width: 48%;}
.sub_page .item_content .sub_info .btn_flex li a{width: 100%; background: #e84549; color: #fff; border-radius: 50px 0 50px 50px; padding: 20px 0;}


.sub_page .item_content .sub_info .flex.way{margin-top: 50px;}
.sub_page .item_content .sub_info .flex.way li{width: 33.3333%; padding: 20px 40px;}
.sub_page .item_content .sub_info .flex.way li:not(:last-child){border-right: 1px solid #e1e1e1; box-sizing: border-box;}

.sub_page .item_content .sub_info .flex.way li .icon_wrap{width: 50px; height: 50px; line-height: 50px; text-align: center; background: #e84549; border-radius: 50px 0 50px 50px; margin: 0 auto 20px;}
.sub_page .item_content .sub_info .flex.way li h5{padding-bottom: 10px;}

.sub_page .item_content .sub_info .flex.parking{justify-content: space-between;}
.sub_page .item_content .sub_info .flex.parking li{text-align: left; width: 49%; margin-bottom: 40px;}
.sub_page .item_content .sub_info .flex.parking li .img_wrap{margin-bottom: 10px; text-align: left;}
.sub_page .item_content .sub_info .flex.parking li .img_wrap img{max-width: 100%; border: 1px solid #ccc; box-sizing: border-box;}
.sub_page .item_content .sub_info .flex.parking li span{width: 40px; height: 40px; line-height: 40px; background: #e84549; border-radius: 30px 0 30px 30px; display: inline-block; margin: 0 10px 0 20px; color: #fff; text-align: center;}
.sub_page .item_content .sub_info .flex.parking li p{display: inline-block;}

.sub_page .sub_info .info_box .info_list li{margin-bottom: 20px; display: flex; justify-content: center;}
.sub_page .sub_info .info_box .info_list span{display: inline-block; width: 100px; margin-right: 20px; border-right: 1px solid #ccc;}
.sub_page .sub_info .info_box .info_list p{display: inline-block; width: calc(55% - 100px); text-align: left;}

.sub_page .sub_info .why_doctor{width: 100%;}
.sub_page .sub_info .why_doctor li .dct_img{max-width: 100%;}
.sub_page .sub_info .why_doctor li .dct_img img{max-height: 400px;}
.sub_page .sub_info .why_doctor li .dct_p{width: 100%; text-align: center;}
.sub_page .sub_info .why_doctor li .dct_p h5{background: #e84549; color: #fff; border-radius: 25px 25px 0 0; padding: 10px;}
.sub_page .sub_info .why_doctor li .dct_p p{border: 2px solid #e84549; box-sizing: border-box; min-height: 280px; padding: 40px 50px;}

.sub_page .sub_info .why_tech{width: 100%; padding-top: 120px;}
.sub_page .sub_info .why_tech ul{justify-content: space-between;}
.sub_page .sub_info .why_tech ul li{width: calc(33.3333% - 20px); text-align: left; border-bottom: 2px solid #e84549; box-sizing: border-box; padding: 0 10px; position: relative; min-height: 395px;}
.sub_page .sub_info .why_tech ul li:nth-child(1n + 4){margin-top: 60px;}
.sub_page .sub_info .why_tech ul li .tech_info h5{position: relative; padding-bottom: 30px;}
.sub_page .sub_info .why_tech ul li .tech_info h5::before{content:""; width: 20px; height: 2px; background: #e84549; position: absolute; left: 0; bottom: 15px;}
.sub_page .sub_info .why_tech ul li .tech_info p{position: absolute; left: 10px; bottom: 20px; max-width: 50%;}
.sub_page .sub_info .why_tech ul li .tech_img{position: absolute; right: 0; bottom: 0; z-index: -1; width: 50%; text-align: right;}
.sub_page .sub_info .why_tech ul li .tech_img img{max-width: 100%;}



@media screen and (max-width : 1400px) {
	.sub_page .sub_info .info_box .info_list span{width: 100px; margin-right: 10px;}
	.sub_page .sub_info .info_box .info_list p{width: calc(80% - 100px);}

	.sub_page .sub_info .why_doctor li .dct_img img{max-height: 300px;}
	.sub_page .sub_info .why_doctor li .dct_p p{padding: 30px 30px;}

	.sub_page .sub_info .why_tech ul li{width: calc(50% - 20px);}
	.sub_page .sub_info .why_tech ul li:nth-child(1n + 3){margin-top: 60px;}
}
@media screen and (max-width : 1000px) {
    .sub_page .item_content .sub_info .full_box li:first-child{width: 100px; text-align: left;}
    .sub_page .item_content .sub_info .full_box li:last-child{width: calc(100% - 100px);}

    .sub_page .item_content .sub_info .flex.way li{padding: 20px 20px;}

    .sub_page .item_content .sub_info .flex.parking li span{margin-left: 0;}

	.sub_page .sub_info .info_box .info_list span{width: 80px; margin-right: 10px;}
	.sub_page .sub_info .info_box .info_list p{width: calc(100% - 100px);}

	.sub_page .sub_info .why_doctor li{width: 100%;}
	.sub_page .sub_info .why_doctor li:not(:last-child){margin-bottom: 30px;}
	.sub_page .sub_info .why_doctor li .dct_p p{min-height: auto;}
}
@media screen and (max-width : 768px) {
    .sub_page .item_content .sub_info .full_box{flex-wrap: wrap;}
    .sub_page .item_content .sub_info .full_box li:first-child{width: 100%; text-align: center;}
    .sub_page .item_content .sub_info .full_box li:last-child{width: 100%; margin-bottom: 5px;}
    
    .sub_page .item_content .sub_info .btn_flex li{width: 100%;}
    .sub_page .item_content .sub_info .btn_flex li:first-child{margin-bottom: 10px;}

    .sub_page .item_content .sub_info .flex.way li{width: 100%;}
    .sub_page .item_content .sub_info .flex.way li:not(:last-child){border-right: 0; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;}

    .sub_page .item_content .sub_info .flex.parking li{width: 100%;}
	.sub_page .sub_info .why_doctor li .dct_img img{max-height: 220px;}

	.sub_page .sub_info .why_tech ul li{width: calc(100%);}
	.sub_page .sub_info .why_tech ul li:nth-child(1n + 2){margin-top: 40px;}
}
@media screen and (max-width : 400px) {
    .sub_page .item_content .sub_info .btn_flex li a{font-size: 15px;}
    .sub_page .item_content .sub_info .flex.parking li span{font-size: 13px; width: 30px; height: 30px; line-height: 30px;}

	.sub_page .sub_info .why_tech ul li{min-height: 320px;}
}


.sub_page .item_content .sub_info .care_step{width: 100%;}
.sub_page .item_content .sub_info .care_step > li:not(:last-child){margin-bottom: 100px;}
.sub_page .item_content .sub_info .care_step > li span.border{background: #e84549; color: #fff; border-radius: 40px;}
.sub_page .item_content .sub_info .care_step > li div img {width:100%}
.sub_page .item_content .sub_info .care_step > li div {padding-top:50px}

.sub_page .item_content .sub_info .care_step > li h5{padding-top: 10px;}
.sub_page .item_content .sub_info .care_step > li p{padding-top: 20px;}

.sub_page .item_content .sub_info .care_step > li .img_wrap.two li img,
.sub_page .item_content .sub_info .care_step > li .img_wrap.three li img{width: 100%;}
@media screen and (max-width : 1200px) {
    .sub_page .item_content .sub_info .care_step > li .img_wrap.three li{width: 33.3333%;}
    .sub_page .item_content .sub_info .care_step > li .img_wrap.two li{width: 50%;}
.sub_page .item_content .sub_info .care_step > li div {padding-top:70px}
}
@media screen and (max-width : 600px) {
	.sub_page .item_content .sub_info .care_step > li:not(:last-child){margin-bottom: 40px;}
    .sub_page .item_content .sub_info .care_step > li .img_wrap.three li{width: 100%;}
    .sub_page .item_content .sub_info .care_step > li .img_wrap.two li{width: 100%;}
    .sub_page .item_content .sub_info .care_step > li .img_wrap.two li:not(:last-child){margin-bottom: 0;}
.sub_page .item_content .sub_info .care_step > li div {padding-top:20px}
}


.sub_page .about_banner{width: 100%; height: 93vh; background: url(../img/page/about_bg.png); position: relative; overflow: hidden; background-size: cover;}
.sub_page .about_banner .abs_txt{width: 100%; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%);}
.sub_page .about_banner .abs_txt .edge_logo{text-align: center; width: 100%;}
.sub_page .about_banner .abs_txt .edge_logo img{max-width: 12%;}
.sub_page .about_banner .abs_txt h1{color: #fff; margin-top: 20px; width: 100%;}

.sub_page .about_banner .scroll_down{position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); width: 30px; height: 55px; border: 1px solid #fff; box-sizing: border-box; border-radius: 40px;}
.sub_page .about_banner .scroll_down .box_scroll{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 2px; height: 10px; background: #fff; animation: scroll_down 2.5s infinite linear;}

.sub_page .about_banner .slide_txt{width: 100%; overflow: hidden;}
.sub_page .about_banner .slide_txt img{opacity: 0.7; animation: slider_text 700s infinite linear; position: absolute; bottom: 40px; left: 0; transform: translateX(-85%);}



.sub_page .about_info{margin-top: 140px;}
.sub_page .about_info .title_head p{padding-top: 50px;}

.sub_page .about_info .slide_img{width: 100%; overflow: hidden; }
.sub_page .about_info .slide_img img{animation: slider_img 600s infinite linear; transform: translateX(-82%);}


.sub_page .about_info ul.flex.two{max-width: 1200px; margin: 0 auto; justify-content: space-between;}
.sub_page .about_info ul.flex.two li:nth-child(1){width: 55%; padding-top: 70px;}
.sub_page .about_info ul.flex.two li:nth-child(2){width: 42%;}

.sub_page .about_info ul.flex.two li:nth-child(1) .title_head{text-align: right;}
.sub_page .about_info ul.flex.two li:nth-child(2) .title_head{text-align: left;}

.sub_page .about_info ul.flex.two li .title_head{padding-bottom: 20px; padding-top: 50px;}
.sub_page .about_info ul.flex.two li .img_wrap img{width: 100%;}


.sub_page .about_info .about_bottom_bg{height: 350px; background: url(../img/page/bottom_bg.png) no-repeat; background-size: cover; background-position: center; position: relative; margin-bottom: 140px;}
.sub_page .about_info .about_bottom_bg .slide_txt{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; overflow: hidden;}
.sub_page .about_info .about_bottom_bg .slide_txt img{opacity: 0.7; animation: slider_text 700s infinite linear; transform: translateX(-85%);}

@media screen and (max-width : 1250px) {
	.sub_page .about_info .slide_img img{height: 300px;}
}

@media screen and (max-width : 1000px) {
	.sub_page .about_info .title_head p{padding-top: 20px;}
	.sub_page .about_info{margin-top: 100px;}
    .sub_page .about_info ul.flex.two li:nth-child(1){width: 52%; padding-top: 70px;}
    .sub_page .about_info ul.flex.two li:nth-child(2){width: 45%;}
}
@media screen and (max-width : 680px) {
	.sub_page .about_banner{height: 70vh;}
	.sub_page .about_banner .abs_txt .edge_logo img{max-width: 20%;}
	.sub_page .about_info{margin-top: 60px;}
	.sub_page .about_info .slide_img img{height: 250px;}
	.sub_page .about_banner .slide_txt img{height: 10px;}
    .sub_page .about_info ul.flex.two li:nth-child(1){width: 100%; padding-top: 0px;}
    .sub_page .about_info ul.flex.two li:nth-child(2){width: 100%;}

    .sub_page .about_info ul.flex.two li:nth-child(1) .title_head{text-align: center;}
    .sub_page .about_info ul.flex.two li:nth-child(2) .title_head{text-align: center;}
}






@keyframes scroll_down{
    0%{top: 10px;}
    50%{top: 30px;}
    100%{top: 10px;}
}
@keyframes slider_text {
    0%{transform: translateX(-85%);}
    100%{transform: translateX(0%);}
} 
@keyframes slider_img {
    0%{transform: translateX(-82%);}
    100%{transform: translateX(0%);}
}





.circle_01 {width: 100px;
        height: 30px;
        background: #e04641;
        text-align: center;
        border-radius: 25px 0 25px 25px; margin: 0 auto 30px; line-height:140%}
.white {color:#fff}
.mb20 {margin-bottom:20px}


.text-left {text-align:left  !important }
.comparison.xerf .img {top: 250px;  position: absolute;  right: 0;}

.comparison.xerf .flex.four {margin-top:200px}
.comparison.xerf .flex.four li {width:calc(25% - 20px) ;background:#fbfbfb; border-radius:150px; padding:50px 0px; margin:0px 20px 0px 0px}
.comparison.xerf .flex.four li:last-child {margin:0px}

.comparison.xerf .flex.four li .icon01 {margin-bottom:50px}

@media screen and (max-width : 1500px) {
.comparison.xerf .img {top: 350px;}
.comparison.xerf .img img {width:600px}

}

@media screen and (max-width : 1200px) {
.sub_page .comparison.xerf .flex.two li {width: 100% !important;}
.sub_page .comparison.xerf .flex.two li br.none {display:none}
.comparison.xerf .img {position: relative; top:30px; text-align:right}
.comparison.xerf .img img {width:600px}
.sub_page .comparison.xerf .flex.two li:first-child {border:0px; padding-bottom:0px; margin-bottom:0px}
.comparison.xerf {padding:100px 0px 0px; margin-bottom:100px !important}

.sub_page .comparison.xerf_01 .flex.two li {width: 100% !important;}
.sub_page .comparison.xerf_01 .flex.two li img {width:70%}
.sub_page .comparison.xerf_01 {padding:80px 0px 0px}
}

@media screen and (max-width :1000px) {
.comparison.xerf .flex.four li {width:calc(50% - 20px) ;background:#fbfbfb; border-radius:150px; padding:50px 0px; margin:0px 10px 10px 0px}
.comparison.xerf .flex.four li:nth-child(2) {margin:0px 0px 10px 0}
.comparison.xerf .flex.four li:last-child {margin:0px 0px 10px 0}

.comparison.xerf .flex.four li .icon01 {margin-bottom:30px}
.comparison.xerf .flex.four li p {padding:20px 0px !important}
}

@media screen and (max-width : 700px) {
.comparison.xerf .img img {width:80%}

}


@media screen and (max-width :600px) {
.sub_page .effect.xerf .flex.three li {border-bottom:0px}
.comparison.xerf .flex.four {margin-top:50px}
.sub_page .comparison.xerf .flex .icon01 img {width:80px}
}


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

}