@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.7; font-weight:300; color:#555;}

#content .mob_info{padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}
#content.sub{padding:100px 0;}
#content.sub.pdb0{padding-bottom:0}
h2.sub_tit {margin-bottom:50px; font-size: 35px; text-align: center; color: #111; font-weight: 500;}

/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}
nav.lnb{display: none;}
.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}
.faqList dt.on:before{background:#152f53;}
.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}
.inr_pagination > a:hover > em{color: #c6a582;}

/* page navigation */
.area_navigation{margin-bottom:140px; text-align:right;}
.area_navigation ul{display:inline-block; overflow:hidden;}
.area_navigation ul li{position:relative; float:left; line-height:1; padding:0 7px; font-size:15px; color:#fff;}
.area_navigation ul li a{color:#fff;}
.area_navigation ul li img{display:inline-block; position:relative; top:1px; height:12px; vertical-align:top;}
.area_navigation ul li i{display:none;}
.area_navigation ul li:after{content:"/"; margin-left:12px;}
.area_navigation ul li:first-child{padding:0;}
.area_navigation ul li:last-child:after{display:none;}

/* lnb */
.lnb .wrap{text-align:center;}
.lnb ul{overflow:hidden;}
.lnb ul li a{display:block;}
.lnb ul li.active a{color:#222;}

/* sub visual */
.area_subVisual {position:relative; height: -webkit-calc(100vh - 150px); height: calc(100vh - 150px); background-size:cover; background-repeat:no-repeat; background-attachment: fixed; background-position:55% 50%; text-align:center;}
.area_subVisual > .wrapper{position:relative; top:50%; transform:translateY(-50%); text-align:center;}
.area_subVisual > .wrapper span{color:#fff; font-size:20px;}
.area_subVisual > .wrapper h2{margin-top:7px; color:#fff; font-size:50px; font-weight: 500;}
.area_subVisual > .wrapper p{color:#fff; font-weight:300; font-size:18px;}
.area_subVisual > .wrapper p:before{content:''; display:block; width:1px; height:30px; margin:20px auto; background:#fff;}
.area_subVisual .sub_scroll{position:absolute; left:50%; bottom:20px; ; transform:translateX(-50%); animation: bounce2 1.5s infinite;}
.area_subVisual .sub_scroll img{height:20px; transform: rotate(-90deg);}

@keyframes bounce2{
	0% {
        transform: translateY(0);
      }

      50% {
       transform: translateY(-6px);
      }

      100% {
       transform: translateY(0);
      }
}

@media screen and (max-width:1279px){
	.area_subVisual{height: -webkit-calc(100vh - 61px); height: calc(100vh - 61px);}
}
@media all and (max-width:767px){
	.area_subVisual{margin-top:60px; height:50vh; background-attachment: inherit;}
	.area_subVisual:before{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2)}
	.area_subVisual > .wrapper p{display:none; margin-top:10px; font-size:14px;}
	.area_subVisual > .wrapper p:before{display:none; height:20px; margin:10px auto;}
	.area_subVisual > .wrapper h2{font-size:21px;}
	.area_subVisual > .wrapper span{font-size:14px;}

	.lnb > div{margin:0; padding:0; overflow-x:scroll; overflow-y:hidden;}
	.lnb ul{display:table; margin:0 auto; margin-top:0;}
	.lnb ul li{display:table-cell; white-space:nowrap; float:none; padding:0 15px;}

	.area_navigation{display:none; margin-bottom:40px;}
}

/* 공통부분 */
.tit_wrap {margin-bottom:60px;}
.tit {line-height: 1.5; font-size:40px; text-align:center;color: #000;font-weight: 400; letter-spacing: -1px;}
.tit2{margin-top:30px; font-size:25px; color: #7f5d41; text-align:center;}
.add{margin-top:30px; line-height:1.8; font-size:18px; text-align:center;color: #555; font-weight: 300;}
.add2{margin-top:30px; line-height:1.8; font-size:18px; text-align:center;color: #111; font-weight:500}
.add b{color:#111; font-weight:500}
.tit_wrap dl {margin-top: 30px;}
.tit_wrap dd {line-height:1.8; font-size:18px; text-align:center;color: #555; font-weight: 300}
.tit_wrap dd + dd {margin-top: 20px;}
.tit_wrap .bg{margin-top:30px; height:500px; background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%;}

#content .mgb0{margin-bottom:0;}
#content .mgt0{margin-top:0;}
.mgb100{margin-bottom:100px;}
.mg100{margin:100px 0;}
.mgt100{margin-top:100px;}
.pd100{padding:100px 0;}
.pd150{padding:150px 0;}
.mgt50{margin-top:50px;}

.sub_text{max-width:980px; margin:0 auto; line-height:1.8; font-size:18px; text-align:left;color: #555;}
.sub_text b{display:block; margin:60px 0 20px 0; font-size:22px; color: #111; font-weight:500; text-align:center;}
.sub_text p{font-weight:300}

.list02 > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px;}
.list02 > li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:1px; margin-right:5px; background:#555;}
.list01 > li{overflow: hidden; position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px; text-align: left; font-size: 18px;}
.list01 > li:before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; margin-right:5px; background:#777; border-radius:50%;}
.list01 > li:last-child{margin-bottom:0}

.bg_color{overflow: hidden; padding:100px 0; margin:100px 0; background:#f5f1ee }
.gray{overflow: hidden; padding:100px 0; background:#f6f6f6}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
.area_policy{padding-top:0;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* 1) 나의계절 - 소개*/
.area_company .company01{position:relative; width:100%; height:1600px;}
.area_company .company01:before{opacity:0; content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); transition: 1.2s ease-out;}
.area_company .company01.active:before{opacity:1; }
.area_company .company01 .text{position:absolute; left:55%; top:100px; color:#fff;}
.area_company .company01 .text span{opacity:0.5;font-size: 20px; font-weight:200;letter-spacing: 10px;display: block;margin-bottom: 30px;}
.area_company .company01 .text p{font-size:19px;font-family:'Chosunilbo_myungjo', serif;}
.area_company .company02{margin:150px 0;}
.area_company .company02 h2{line-height:1.6; margin-bottom:60px; text-align:left; font-size:35px; font-weight:300; color:#111}
.area_company .company02 ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.area_company .company02 ul li{width:46%}
.area_company .company02 ul li img{width:100%;}
.area_company .company02 ul li:nth-child(2n){margin-top:80px;}
.area_company .company02 ul li p{margin-top:25px; font-size:22px; font-weight:500; color:#222;}
.area_company .company03{position:relative; width:100%; height:500px; background-size:cover; background-position:50%;}
.area_company .company03 .text{position:absolute; left:0; top:50%; width:100%; color:#fff; text-align:center;transform: translateY(-50%);}
.area_company .company03 .text img{height:100px;}
.area_company .company03 .text p{margin-top:30px;font-size: 35px; font-weight:200}
.area_company .company03 .text p b{font-weight:500}

/* 1) 나의계절 - 의료진소개 */
.area_doctor {position: relative;}
.area_doctor .mark {position: absolute; bottom:-40px;right:100px; width: 100%; max-width:330px; opacity:0.06; z-index:-1;}
.area_doctor .wrap {display: flex; gap: 50px; align-items: center; justify-content: space-between;}
.area_doctor .doctor_img  {width:41%;}
.area_doctor .doctor_img img {width:100%; max-width:100%} 
.area_doctor .doctor_txt {width:52%}
.area_doctor .doctor_txt h3 {font-size: 33px; font-family: 'Chosunilbo_myungjo', serif; font-weight:600; color: #222; margin-bottom:45px;}
.area_doctor .doctor_txt span {display: block; font-size: 18px; font-family: Marcellus; font-weight: 500; letter-spacing: 0.2px; color: #7f5d41; margin-bottom: 25px;}
.area_doctor .doctor_txt dd {font-size: 18px;line-height: 1.8; font-weight: 300; color: #222;}
.area_doctor .doctor_txt dd + dd {margin-top: 25px;}

/* 1) 나의계절 - 오시는 길 */
.area_location .root_daum_roughmap .wrap_controllers{display:none;}
.area_location .location_wrap{display: flex; overflow: hidden; margin-top:60px;}
#content .area_location table.table.table01 th{background:#4e403c;}
.map_wrap {width: 68%;}
.map_text {width:32%; padding: 3%; background: #f6f6f6;}
.map_text h3 {display:block;font-size:23px;font-weight:400;letter-spacing:-0.025em;color:#222;margin-bottom: 26px;}
.map_text h3:after {content:"";display: block;width:30px;height: 2px;background:#000;margin-top: 22px;}
.map_text .info dl {margin-bottom: 20px; letter-spacing:-0.025em;color:#222; }
.map_text .info dl:last-child {margin-right:0;}
.map_text .info dt {display:inline-block;font-weight:600; color:#6e3e30; font-family:'Montserrat';}
.map_text .info dd {display:block; margin-top: 6px; font-size: 16px; color:#555}

@media all and (max-width:1279px){
	.area_company .company01{background-position: 30% 50%;}
}
@media all and (max-width:1080px){
	.area_doctor .doctor_txt {width: 50%;}
	.area_doctor .doctor_img {width: 45%;}
	.area_doctor .doctor_txt h3 {font-size: 28px; margin-bottom: 30px;}
	.area_doctor .doctor_txt span {margin-bottom: 20px;}
	.area_doctor .mark {right: 350px; bottom: -65px; max-width: 280px;}
}
@media all and (max-width:1024px){
	.area_company .company01 .text{width:80%;right: 0;left: auto;}
	/* .area_doctor [data-pop-layer="layer"] .popBox .popConts{max-height: inherit;} */
	/* .area_doctor .list > li > a > p{font-size:16px;} */
}
@media all and (max-width:959px){
	.area_company .company02 h2{font-size:30px;}
	.area_doctor .wrap {flex-direction: column-reverse; text-align: center;}
	.area_doctor .doctor_img  {width:100%;}
	.area_doctor .doctor_img img {max-width:45%} 
	.area_doctor .doctor_txt {width:100%}
	.area_doctor .mark {right: auto; left: 30px; top: 250px; bottom: auto;}
}
@media all and (max-width:767px){
	/* 소개 */
	.area_company .company01 {height:auto;}
	.area_company .company01 .text {position:static; padding:100px 30px}
	.area_company .company01 .text p {font-size:15px;}
	.area_company .company01 .text span{font-size:14px}
	.area_company .company02{margin:40px 0}
	.area_company .company02 h2{font-size:18px;}
	.area_company .company02 h2 br{display:none;}
	.area_company .company02 ul li{width:48%}
	.area_company .company02 ul li:nth-child(2n){margin-top:40px;}
	.area_company .company02 ul li p{font-size:14px;}
	.area_company .company03{height:270px;}
	.area_company .company03 .text p{font-size:18px;}
	.area_company .company03 .text img{height:60px;}
	/* 의료진 */
	.area_doctor .wrap {gap: 35px; padding-bottom: 20px;}
	.area_doctor .doctor_img img {max-width: 70%;}
	.area_doctor .doctor_txt span {font-size: 14px; margin-bottom: 15px;}
	.area_doctor .doctor_txt h3 {font-size: 20px; margin-bottom: 25px;}
	.area_doctor .doctor_txt h3 br {display: none;}
	.area_doctor .doctor_txt dd {font-size: 14px; color: #555;}
	.area_doctor .doctor_txt dd + dd {margin-top: 15px;}
	/* .area_doctor .list > li{width:49%; margin-bottom:30px;}
	.area_doctor .pop_info{flex-direction: column;}
	.area_doctor .pop_info .pop_img{width:60%; margin:0 auto;}
	.area_doctor .pop_info .pop_text{width:100%; margin-top:30px;}
	.area_doctor .pop_info .pop_text h3{font-size:16px; text-align:center;}
	.area_doctor .pop_info .pop_text dt{padding:10px 0; font-size:15px;} */
	/* 오시는길 */
	.area_location .location_wrap{flex-direction: column;}
	.map_text{box-sizing:border-box; width:100%; background:none;}
	.map_text .info dd{font-size:14px;}
	.map_text h3{margin-bottom:14px; font-size:18px;}
	.map_text h3:after{display:none;}
	.map_wrap{width:100%;}
}
@media all and (max-width:500px){
	.area_company .company01 .text{text-align:center;}
	.area_doctor .mark {left:-50px; top: 200px; max-width: 200px;}
}

/* 2) 시그니처 - 리프팅 */
.num-round-list{counter-reset:title;}
.num-round-list > li{position:relative; padding-left:30px; font-weight:400 !important;}
.num-round-list > li:before{display:flex; justify-content:center; align-items:center; counter-increment:title; content:counters(title, ".")""; position:absolute; left:0; top:2px; width:24px; height:24px; border-radius:100%; background-color:#7f5d41; font-size:13px; font-weight:500; color:#fff;}
.tit-round{display:inline-flex; justify-content:center; align-items:center; height:55px; margin:20px auto 0; padding:0 30px; border:2px solid #7f5d41; border-radius:50rem; font-size:18px; font-weight:500; text-align:center; color:#7f5d41;}
.title-cont-list{display:flex; flex-direction:column;}
.title-cont-list dt{margin-top:50px; font-size:22px; font-weight:500; color:#111;}
.title-cont-list dd{margin-top:20px; font-size:18px; font-weight:300; color:#555; line-height:2;}
.qna-list{display:flex; flex-direction:column; gap:20px;}
.qna-list > li{display:flex; flex-direction:column; gap:20px; padding:50px 54px; background-color:#fff; border:1px solid #ddd;}
.qna-list > li em{display:flex; align-items:center; gap:10px; font-size:22px; font-weight:500; color:#111; line-height:1.1;}
.qna-list > li em i{margin-top:-4px; font-size:25px; font-weight:600; color:#7f5d41;}
.qna-list > li p{font-size:18px; color:#555; font-weight:300;}
.area_signature-lift .img{display:block;}
.area_signature-lift .img img{max-width:100%;}
.signature-sec02 .text{font-family:'Spoqa Han Sans Neo', Sans-serif;}
.signature-sec03 .tit_wrap{text-align:center;}																																																   
.signature-sec04{margin-bottom:0;}				   
.signature-sec05{padding-top:100px;}
.signature-sec06{margin-bottom:0; padding:150px 0; background:url(../images/content/img_signature_lift0601.jpg) no-repeat 50% 50%; background-size:cover; text-align:center; color:#fff;}
.signature-sec06 .tit_wrap{margin-bottom:0;}
.signature-sec06 .tit,
.signature-sec06 .add{color:#fff;}
.signature-sec07{margin:0 !important;}
.signature-sec07 .qna-list{max-width:980px; margin:0 auto;}

/* 3) 주사시술 - 보톡스 */
.tab_list{display: flex;}
.tab_list .tabs{display: flex; width:260px; flex-direction: column; border: 1px solid #ddd; border-bottom:0; }
.tab_list .tabs li{line-height: 1; height: 100%; display: flex;align-items: center;justify-content: center; border-bottom:1px solid #ddd;}
.tab_list .tabs li + li{border-left:0}
.tab_list .tabs li a{display:flex; align-items: center; justify-content: center; flex-direction: column; font-size: 18px; color:#111;}
.tab_list .tabs li a i{margin-bottom:12px;}
.tab_list .tabs li a b{font-size:23px; font-weight:500}
.tab_list .tab_container{width:calc(100% - 260px);}
.tab_list .tabs li.active{background: #6e3e30;}
.tab_list .tabs li.active a{color:#fff;}
.tab_list .tab_content{overflow:hidden; box-sizing:border-box; background:#f6f6f6; padding:60px;}
.tab_list .tab_content h3{margin-bottom:25px; font-size:30px; color:#111; text-align:center; font-weight:400}
.tab_list .tab_content img{display:block; max-width:100%; margin:0 auto;}
.tab_list .tab_content .text{overflow:hidden; max-width:635px; padding:30px 0 15px 0; margin:40px auto 0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.tab_list .tab_content .text .list > li{display:flex; float:left; width:50%; margin-bottom:15px; }
.tab_list .tab_content .text .list > li b{width:80px; color:#111;}
.tab_list .tab_content .text .list > li > ul{width:calc(100% - 80px)}
.tab_list .tab_content .text .list > li > .list01 > li{padding-right:10px; font-size:16px;}

.area_btx02 .btx01 img{display:block; margin:0 auto;}
.area_btx02 .btx01 .area_wrap{position:relative;}
.btx01.gray{padding:100px 0 0 0; margin:100px 0; background:#f5f1ee}

.area_wrap{position:relative; min-height:200px;}
.area_list li{position:absolute;}
.area_list li b{line-height: 20px;display: flex;width: 20px;height: 20px;background: rgba(255,255,255,0.8);border: 2px solid #7f5d41;border-radius:50%;color: #7f5d41;font-family:'Spoqa Han Sans Neo';text-align:center;align-items: center;/* align-content: center; */justify-content: center;}
.area_btx02 .btx01 .area1{top: 139px;left: 595px;}
.area_btx02 .btx01 .area2{top: 200px;left: 595px;}
.area_btx02 .btx01 .area3{top: 270px;left: 490px;}
.area_btx02 .btx01 .area4{top: 279px;left: 640px;}
.area_btx02 .btx01 .area5{top: 246px;left: 595px;}
.area_btx02 .btx01 .area6{top: 362px;left: 655px;}
.area_btx02 .btx01 .area7{top: 395px;left: 480px;}
.area_btx02 .btx01 .area8{top: 457px;left: 595px;}
.area_btx02 .btx01 .area9{top: 512px;left: 645px;}
.area_btx02 .btx01 .area_list2{position: absolute;right:10%; top:50%; transform: translateY(-50%);}
.area_btx02 .btx01 .area_list2 li{display:flex;align-items: center; margin:10px 0; padding:7px 15px; border-radius:20px;background: #7f5d41; color:#fff;}
.area_btx02 .btx01 .area_list2 li b{background:#fff;color: #7f5d41; width:20px; height:20px; margin-right:7px; border-radius:50%; font-family:'Spoqa Han Sans Neo';display: flex;align-items: center;justify-content: center;}

.list_feature{max-width:1100px; margin:0 auto;}
.list_feature > li{display:flex; align-items: center; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd; }
.list_feature > li .img{width:275px; height:215px; background-size:cover; background-position:50%; background-repeat: no-repeat;}
.list_feature > li .text{width: -webkit-calc(100% - 375px * 1); width: calc(100% - 375px * 1); padding:0 50px;}
.list_feature > li .text b{display:block; margin-bottom: 8px; font-size:22px; color:#7f5d41; font-weight:500}
.list_feature > li .text p{font-size:18px;}

.area_btx03 .area_list li{display:flex; align-items: center;}
.area_btx03 .area_list li i{background: #7f5d41; color:#fff;margin: 0 13px;padding: 5px 15px;border-radius: 20px;}
.area_btx03 .btx01 .area1{top: 239px;left: 265px;flex-flow: row-reverse;}
.area_btx03 .btx01 .area2{top: 315px;left: 715px;}
.area_btx03 .btx01 .area3{top: 386px;left: 282px;flex-flow: row-reverse;}
.area_btx03 .btx01 .area4{top: 449px;left: 680px;}

.area_btx04 .area_list li{display:flex; align-items: center;}
.area_btx04 .area_list li i{background: #7f5d41; color:#fff;margin: 0 13px;padding: 5px 15px;border-radius: 20px;}
.area_btx04 .btx01 .area1{top: 309px;left: 425px;flex-flow: row-reverse;}
.area_btx04 .btx01 .area2{top: 415px;left: 665px;}
.area_btx04 .btx01 .area3{top: 376px;left: 382px;flex-flow: row-reverse;}
.area_btx04 .btx01 .area4{top: 449px;left: 680px;}

.area_btx05 .btx01 .inr{max-width:1100px; margin:0 auto;}
.area_btx05 .tabs{display:flex; justify-content: space-between; margin-bottom:30px;}
.area_btx05 .tabs li{width:31%; padding:15px 0; text-align:center; background:#ddd;}
.area_btx05 .tabs li a{display:block; width:100%; height:100%; font-size:18px; font-weight:500}
.area_btx05 .tabs li.active{background:#6e3e30; color:#fff;}
.area_btx05 .tabs li.active a{color:#fff;}
.area_btx05 .tab_content{padding:50px; background:#fff;}
.area_btx05 .btx01.gray{padding:100px 0}

.area_btx06 .btx01{margin-bottom:100px;}
.bg_list{display:flex; justify-content: space-between;}
.bg_list li{position:relative; width:23%; }
.bg_list li img{width:100%;}
.bg_list li:nth-child(2n){margin-top:30px;}
.bg_list li .image{position:relative;}
.bg_list li .image:before{opacity:0.2; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#6e3e30; transition:0.5s}
.bg_list li:hover .image:before{opacity:0.6;}
.bg_list li p{line-height: 1.5; position:absolute; bottom:30px; left:0; padding:0 30px; font-weight:500; color:#fff; font-size:20px;}

/* 3) 주사시술 - 필러 */
.area_filler01 .filler01 .tit{margin-bottom: 30px; font-weight:400; text-align:left;}
.area_filler01 .filler01 img{margin:50px 0; width:100%}
.area_filler01 .filler01 .text{width: 90%; margin:50px auto 0 auto;}
.area_filler01 .filler01 .text > div{justify-content: space-between;}
.area_filler01 .filler01 .text > div p{margin-bottom: 50px;}
.area_filler01 .filler01 b{display:block; margin-bottom:30px; font-size:22px; color:#111; font-weight:500}
.area_filler01 .filler01 p{ line-height:2;width: 100%;word-break: keep-all;text-align:left;color:#555;font-size: 18px;font-weight: 300;}
.area_filler01 .filler01 .cont{margin-top:80px;}
.area_filler01 .tab_list .tab_content{background:#fff;}
.area_filler01 .tab_list .tabs li{background:#fff;}
.area_filler01 .tab_list .tabs li.active{background:#6e3e30}
.area_filler02 .filler02 .w50_con{max-width:960px;margin: 0 auto;padding: 0 2%;}
.area_filler02 .filler02 .w50_con .img{width:40%;}
.area_filler02 .filler02 .w50_con .text{width:55%;}
.area_filler02 .filler04 {margin-top:100px;text-align: center;padding: 150px 0; background-size: cover; background-position: 50%;}
.area_filler02 .filler04 .wrap{position:relative;}
.area_filler02 .filler04 .wrap .text{ color:#fff;}
.area_filler02 .filler04 .wrap .text h2{color:#fff;}
.area_filler02 .filler04 .wrap .text p{margin-top:20px;font-size: 18px;font-weight: 300;}
.area_filler02 .filler06{margin-top:0}
.area_filler03 .bg_color{margin-bottom:0}
.area_filler03 .filler02 #graph img{min-height:200px;}
.area_filler03 .filler02 .tit2:before{content:''; display:block; width:1px; height:30px; margin:20px auto; background:#999;}
.area_filler03 .area_list li.area1 b{width:40px; height:200px; background: rgb(255 255 255 / 50%); border: 0;}
.area_filler03 .area_list li.area1{top:100px; top:250px; left:50%;transform: translateX(-29%); }
.area_filler03 .area_list li.area2 b{width:200px; height:40px; background: rgb(203 109 109 / 50%); border: 0;}
.area_filler03 .area_list li.area2{top:200px; left:50%;transform: translateX(-50%); }
.area_filler03 .filler03{padding:100px 0;background:#f6f6f6}
.area_filler03 .filler03 .text{margin-top:60px;}
.area_filler03 .filler03 .list_before2{margin-top:60px;}
.area_filler03 .filler03 .list_before2 li{margin-bottom:20px;}
.area_filler03 .filler04{margin-top:100px;}
.area_filler03 .filler05 .w980.v1{margin-top:100px;}
.area_filler03 .filler05 .list > li{display:block; margin-top: 40px; padding-top: 40px;border-top: 2px dashed #ddd;}
.area_filler03 .filler05 .list > li p{margin-bottom: 8px; font-size:22px; color:#7f5d41; font-weight:500}
.area_filler03 .filler05 .list > li ul li{margin-left:20px; font-size:18px;}
.area_filler03 .filler05 .list > li ul li span{display:block; margin-top:7px; font-size:16px; text-decoration:underline}
.area_filler04 .filler04{margin:100px 0;padding: 150px 0;background-position: 50%; background-attachment: fixed;}
.area_filler04 .filler04 .wrap{position:relative;text-align: center;}
.area_filler04 .filler04 .wrap .text{color:#fff;}
.area_filler04 .filler04 .wrap .text h2{text-align: center;color:#fff;}
.area_filler04 .filler04 .wrap .text p{margin-top:20px;font-size: 18px;font-weight: 300;}
.area_filler05 .filler04 img{display:block; max-width:100%; margin:0 auto;}
.area_filler05 .filler05{background-size:cover; padding:100px 0; text-align:center; color:#fff;}
.area_filler05 .filler05 .add, .area_filler05 .filler05 .tit{color:#fff;}
.area_filler05 .filler05 b{display:block; margin-top:40px; font-size:18px; font-weight:400}
.area_filler05 .filler05 b:before{content:''; display:block; width:1px; height:30px; margin:20px auto; background:#999;}
.area_filler06 .filler01 img{display:block; margin:0 auto; max-width:100%;}
.area_filler06 .filler02 .case{box-sizing:border-box; max-width:980px; padding:40px; margin:40px auto; background:#fff;}
.area_filler07 .filler03 .tit{color:#fff;}
.area_filler08 .filler04{background-size:cover;}
.area_filler08 .filler04 .tit_wrap{margin-bottom:0}
.area_filler08 .filler04 .add,
.area_filler08 .filler04 .tit{color:#fff;}
.area_filler09 .case{padding:40px; border:1px solid #ddd;}
.area_filler09 .filler03{background:#f6f6f6}

.w50_list{display:flex; justify-content: center; max-width: 980px; margin:0 auto;}
.w50_list > li{width:49%; margin:0 10px;}
.w50_list li p{margin-top:20px; margin-bottom: 8px; font-size:22px; font-weight:500; color:#111; text-align:center;}
.w50_list li span{font-size:18px;}
.w50_list img{width:100%;}

.w3_list{display:flex; justify-content: space-between;}
.w3_list li{width:30%;}
.w3_list li img{width:100%;}
.w3_list li b{display:block; margin-top:20px;margin-bottom: 8px;font-size: 22px; color:#7f5d41; font-weight:500; font-family:'Spoqa Han Sans Neo'}
.w3_list li p{color:#555;font-weight: 300;font-size: 18px;}
.w3_list li p.p1{margin-top:20px; color:#333; font-size: 18px;}

.check{max-width:768px; margin:0 auto; padding:40px; background:#fff; border:1px solid #ddd;}
.check h4{display:flex;align-items: center; margin-bottom:20px; font-size:23px; color:#111;justify-content: center; font-weight:500}
.check h4:before{content:''; display:block; width:25px; height:25px; margin-right:10px; background:url(../../images/content/icon_check.svg) no-repeat; background-size:100%;}

.case h4{margin-bottom:20px; font-size:23px; color:#111;font-weight:500}
.case ul li{display:flex; font-size:18px; margin-bottom:10px;}
.case ul li b{line-height:25px; width:25px; height:25px; border-radius:50%; margin-right:10px; background:#7f5d41; color:#fff; font-size:12px; text-align:center; }

ul.list_before.v1{margin-top:60px}
ul.list_before{display:flex; justify-content: space-between; max-width:980px; margin:0 auto;}
ul.list_before li{width:49.5%;}
ul.list_before li img{width:100%;}
ul.list_before li p{padding:15px 0; background:#555; text-align:center; font-size:18px; color:#fff;}
ul.list_before li:last-child p{background:#6e3e30;}
ul.list_before2 li img{width:100%;}
.add_bf{margin-top:40px; line-height:1.8; font-size:18px; text-align:center; color: #555; font-weight: 300; font-style: italic;}
.bg_text{margin:40px 0; padding:40px; background:#442b24; text-align:center;}
.bg_text b{color:#fff; font-size:23px; font-weight:500}
.bg_text p{margin-top:10px; color:#fff;}

.mg_img{display:block; margin:0 auto; max-width:100%;}

.left_list > li{display:flex;align-items: stretch; margin-bottom:40px; background:#fff;}
.left_list > li .img{width:350px; min-height:260px; background-size:cover;}
.left_list > li .text{width: -webkit-calc(100% - 450px * 1);width: calc(100% - 450px * 1); padding:30px 50px; background:#fff;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.left_list > li .text b{display:block; margin-bottom: 8px; font-size:22px; color:#7f5d41; font-weight:500}
.left_list > li .text p{font-size:18px;}

.w50_con{display:flex; justify-content: space-between; align-items: center;}
.w50_con .img{width:50%;}
.w50_con .img img{width:100%;}
.w50_con .text{width:45%;}
.w50_con .text h3{line-height:1.5; font-size:35px; color:#111; font-weight:400}
.w50_con .text p{line-height:1.8; margin-top:20px; font-size:18px; color:#555; font-weight: 300;}


/* 3) 주사시술 - 스킨부스터 */
.area_skinbooster01{position:relative;padding:100px 0; margin-top:40px;}
.area_skinbooster01 .wrap{position:relative;}
.area_skinbooster01:before{content:''; position:absolute; left:0; top:0; width:35%; height:100%;background: #4e403c;}
.area_skinbooster01:after{content:''; position:absolute; right:0; top:0; width:65%; height:100%; background:#f6f6f6;}
.area_skinbooster01 .inr{display:flex;align-items: center;justify-content: flex-start;}
.area_skinbooster01 .inr .img{width:45%; margin-right:5%}
.area_skinbooster01 .inr .img img{width:100%;}
.area_skinbooster01 .inr .text{width:45%;}
.area_skinbooster01 .inr .text h3{margin-bottom:25px; font-size:30px;color: #7f5d41;font-weight:400}
.area_skinbooster01 .inr .text ul li{display:flex; align-items: flex-start; margin-bottom:20px;}
.area_skinbooster01 .inr .text ul li b{width:150px;/* background:#4e403c; *//* padding:5px 20px; */ border-radius:30px;/* text-align:center; */color: #000000;font-weight: 600;}
.area_skinbooster01 .inr .text ul li i{width:calc(100% - 170px); margin-left:20px; font-size:18px;}
.area_skinbooster01 .inr .img img{max-width:100%;}
.area_skinbooster01 .btn{width:1200px; margin:0 auto;position: absolute; bottom: 50%;}
.area_skinbooster01 .btn > div{opacity:1;  width:65px; height:65px; transition:0.5s}
.area_skinbooster01 .btn > div:hover{opacity:1; transition:0.5s}
.area_skinbooster01 .btn .swiper-button-next{right:-100px; background:rgba(0,0,0,0.5) url(../images/main/arr_slider01.svg) no-repeat 50% 50%; background-size:11px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.area_skinbooster01 .btn .swiper-button-prev{left:-100px; background:rgba(0,0,0,0.5) url(../images/main/arr_slider01.svg) no-repeat 50% 50%; background-size:11px;}
.area_skinbooster01 .btn .swiper-button-prev:after{content:''; }
.area_skinbooster01 .btn .swiper-button-next:after{content:''; }
.area_skinbooster01 .swiper-pagination{width:100%;}
.area_skinbooster01 .swiper-pagination-bullet{margin:0 3px;}
.area_skinbooster01 .inr .text ul li:last-child{margin-bottom:0}
.area_skinbooster01 .swiper-pagination-bullet-active{background:#7f5d41}
.area_skinbooster02 .skinbooster03 .cont{max-width:980px; margin:0 auto;}
.area_skinbooster02 .skinbooster03 .cont ul{display:flex; justify-content: space-between;}
.area_skinbooster02 .skinbooster03 .cont ul li b{display:block; padding:15px 0; background:#666; color:#fff; text-align:center; font-weight:500}
.area_skinbooster02 .skinbooster03 .cont ul li:nth-child(2) b{background:#6e3e30}

#content .area_skinbooster02 .skinbooster03 .cont .table td{text-align:center;}
#content .area_skinbooster02 .skinbooster03 .cont .table td.mid{background:#f6f6f6;}
#content .area_skinbooster02 .skinbooster03 .cont .table td.point{background:#fff2ee; color:#6e3e30;} 

.area_skinbooster03 .skinbooster02 .top{display:flex; align-items: center; justify-content: center; padding:80px 10px; background:#fff;}
.area_skinbooster03 .skinbooster02 .top .img p{margin-top:20px; text-align:center; font-size:18px;}
.area_skinbooster03 .skinbooster02 .top .plus{width:10%; text-align:center;}
.area_skinbooster03 .skinbooster02 .top .plus img{height:35px;}
.area_skinbooster03 .skinbooster02 .top .list{box-sizing:border-box; width:310px; max-width:310px; padding:30px; border:5px solid #e8e0de;}
.area_skinbooster03 .skinbooster02 .top .list li{display:flex;align-items: center; margin-bottom:20px;font-weight: 400;font-size: 18px;color: #333;}
.area_skinbooster03 .skinbooster02 .top .list li:before{content:''; display:block; width:22px; height:22px; margin-right:15px; background:url(../../images/content/icon_check2.svg) no-repeat; }
.area_skinbooster03 .skinbooster02 .top .list li:last-child{margin-bottom:0}
.area_skinbooster03 .skinbooster02 .bottom{padding:30px; background:#efece7; text-align:center; font-size:20px; color:#111;}
.area_skinbooster03 .skinbooster02 .bottom b{display:block; text-decoration:underline}
.area_skinbooster03 .skinbooster04 .img_wrap{position:relative; text-align:center;}
.area_skinbooster03 .skinbooster04 .img_wrap .img{overflow:hidden; width:420px; height:420px; margin:0 auto;border: 2px dashed #e8e0de; border-radius:50%;display: flex;align-items: center;justify-content: center;}
.area_skinbooster03 .skinbooster04 .img_wrap .img img{display:block;width: 80%;margin: 0 auto;}
.area_skinbooster03 .skinbooster04 .area_list li{display:flex; align-items: center;}
.area_skinbooster03 .skinbooster04 .area_list li b{width:10px; height:10px; border:5px solid}
.area_skinbooster03 .skinbooster04 .area_list li span{display: block; content:''; width:40px; height:2px; background:#7f5d41}
.area_skinbooster03 .skinbooster04 .area_list li i{/* margin:0 10px; */font-weight: 500;background: #7f5d41;color: #fff;padding: 9px 10px;border-radius: 30px;width: 205px;}
.area_skinbooster03 .skinbooster04 .area1{right: 155px;top: 15%;}
.area_skinbooster03 .skinbooster04 .area2{left: 155px;top: 15%;}
.area_skinbooster03 .skinbooster04 .area3{right: 115px;top: 41%;}
.area_skinbooster03 .skinbooster04 .area4{left: 113px;top: 41%;}
.area_skinbooster03 .skinbooster04 .area5{right: 140px;top: 70%;}
.area_skinbooster03 .skinbooster04 .area6{left: 140px;top: 70%;}
.area_skinbooster03 .skinbooster04 .area_list li:nth-child(2n){flex-flow: row-reverse;}
.area_skinbooster04 .skinbooster02 .top{display:flex; align-items: center; justify-content: center; padding:80px 10px; background:#fff;}
.area_skinbooster04 .skinbooster02 .top .img h4{font-size: 22px; color: #7f5d41; margin:20px 0 8px 0; font-weight:500; text-align:center;}
.area_skinbooster04 .skinbooster02 .top .img p{ text-align:center; font-size:18px;}
.area_skinbooster04 .skinbooster02 .top .plus{width:10%; text-align:center; transform: translateY(-30px);}
.area_skinbooster04 .skinbooster02 .top .plus img{height:35px;}
.area_skinbooster04 .skinbooster02 .bottom{display:flex;align-items: center;padding:30px;background:#efece7;color:#111;justify-content: space-around;}
.area_skinbooster04 .skinbooster02 .bottom h4{display:block; margin-bottom:8px; font-size:22px; font-weight:500}
.area_skinbooster04 .skinbooster02 .bottom p{font-size:18px; font-weight:300}
.area_skinbooster04 .skinbooster02 .bottom .img{width: 36%;}
.area_skinbooster04 .skinbooster02 .bottom .img img{max-width:100%}
.area_skinbooster04 .skinbooster02 .bottom .text{width: 55%;}
.area_skinbooster04 .skinbooster03{overflow:hidden;}
.area_skinbooster05 .skinbooster02 img{background:#fff;}
.area_skinbooster06 .textlist ul li{border-top:2px solid #7f5d41;}
.area_skinbooster06 .textlist ul li b{color:#333;}
.area_skinbooster06 .skinbooster03 .list{display:flex; align-items: center;}
.area_skinbooster06 .skinbooster03 .img{width:45%; text-align:center;}
.area_skinbooster06 .skinbooster03 .img img{width:100%;}
.area_skinbooster06 .skinbooster03 ul{display:flex; flex-wrap: wrap; gap:2%; width:60%}
.area_skinbooster06 .skinbooster03 ul li{box-sizing: border-box; position:relative; width:48%; padding:20px 10px 20px 70px;margin-bottom:2%;font-size: 18px;font-weight: 400;color: #333;border: 1px solid #e7d5d0;}
.area_skinbooster06 .skinbooster03 ul li b{position:absolute;padding: 7px 6px; left:20px; top:0; background:#4e403c; color:#fff; text-align:center;font-size: 14px;font-weight: 500;}
.area_skinbooster07 .skinbooster02 ul{overflow:hidden; clear:both;}
.area_skinbooster07 .skinbooster02 ul li{float:left; width:25%;}
.area_skinbooster07 .skinbooster02 ul li div{position:relative; width:90%; height: 0; margin: 0 auto; padding-bottom:90%; background:#a98e77;}
.area_skinbooster07 .skinbooster02 ul.v1{clear:both; margin-top:20px;}
.area_skinbooster07 .skinbooster02 ul.v1 li div{background:#4e403c;}
.area_skinbooster07 .skinbooster02 ul li:nth-child(2n) div{background:#4e403c;}
.area_skinbooster07 .skinbooster02 ul.v1 li:nth-child(2n) div{background:#a98e77;}
.area_skinbooster07 .skinbooster02 ul li div p{position:absolute; left:0; top:50%; width:100%; text-align:center; transform: translateY(-50%); color:#fff;}
.area_skinbooster07 .skinbooster02 ul li div p img{display:block; margin:0 auto; height:50px;}
.area_skinbooster07 .skinbooster02 ul li div b{display:block; margin-top:15px; text-align:center; color:#fff; font-weight:500; font-size:18px;}

.icon_list li{float:left; width:25%;}
.icon_list li div{position:relative; width:90%; height: 0; margin: 0 auto; padding-bottom:90%; border-radius: 50%; background:#a98e77;}
.icon_list li:nth-child(2n) div{background:#4e403c;}
.icon_list li div p{position:absolute; left:0; top:50%; width:100%; text-align:center; transform: translateY(-50%); color:#fff;}
.icon_list li div p img{display:block; margin:0 auto; height:60px;}
.icon_list li div b{display:block; margin-top:15px; text-align:center; color:#fff; font-weight:500; font-size:18px;}

/* 3) 주사시술 - 얼굴형 */
.area_face01 .text_wrap{display:flex; justify-content: space-between;}
.area_face01 .text_wrap > li{width:24%}
.area_face01 .text_wrap > li p{display:flex; align-items: center; justify-content: center; height:150px; padding:0 10px; background:#a98e77; text-align:center; color:#fff; font-size:18px; font-weight:500}
.area_face01 .text_wrap > li:nth-child(2n) p{background:#4e403c}
.area_face01 .text_wrap > li .list li{position:relative; padding:15px 10px;background:#f1f1f1; text-align:center; margin-top:20px;}
.area_face01 .text_wrap > li .list li:before{content:''; position:absolute; top:-20px; left:50%; display:block; width:1px; height:20px; background: #ddd;}
.area_face06 .face03{padding-bottom: 0;}
.area_face06 .face03 .area1{top: 155px;left: 595px;}
.area_face06 .face03 .area2{top: 210px;left: 595px;}
.area_face06 .face03 .area3{top: 270px;left: 490px;}
.area_face06 .face03 .area4{top: 279px;left: 690px;}
.area_face06 .face03 .area5{top: 314px;left: 505px;}
.area_face06 .face03 .area6{top: 362px;left: 655px;}
.area_face06 .face03 .area7{top: 379px;left: 530px;}
.area_face06 .face03 .area_list2{position: absolute;right:10%; top:50%; transform: translateY(-50%);}
.area_face06 .face03 .area_list2 li{display:flex;align-items: center; margin:10px 0; padding:7px 15px; border-radius:20px;background: #7f5d41; color:#fff;}
.area_face06 .face03 .area_list2 li b{background:#fff;color: #7f5d41; width:20px; height:20px; margin-right:7px; border-radius:50%; font-family:'Spoqa Han Sans Neo';display: flex;align-items: center;justify-content: center;}

/* 주사시술 반응형 */
@media screen and (max-width:1535px){
	.area_skinbooster01 .btn .swiper-button-prev{left:0;}
	.area_skinbooster01 .btn .swiper-button-next{right:0}
}
@media screen and (max-width:1279px){
	/* 필러 */
	.area_filler02 .filler02 .w50_con .text{width:100%;}
	/* 스킨부스터 */
	.area_skinbooster01 .btn{width:100%}
	.area_skinbooster03 .skinbooster04 .img_wrap{display:flex;align-items: center;justify-content: center;}
	.area_skinbooster03 .skinbooster04 .img_wrap .img{margin:0 5% 0 0 } 
	.area_skinbooster03 .skinbooster04 .area_list li{position:static; margin-bottom:5px;}
	.area_skinbooster03 .skinbooster04 .area_list li:nth-child(2n){flex-flow: inherit;}
}
@media screen and (max-width:1024px){
	.area_skinbooster01 .btn{display:none;}
	.area_skinbooster01 .inr{align-items: flex-start;}
	.area_skinbooster01:after,
	.area_skinbooster01:before{display:none;}
	.area_skinbooster01{background:#f6f6f6}
}
@media screen and (max-width:959px){
	.area_skinbooster06 .skinbooster03 .list{flex-direction: column;}
	.area_skinbooster06 .skinbooster03 ul{width:100%;}
}
@media screen and (max-width:767px){
	/* 보톡스 */
	.area_btx03 .btx01 .area1{left:180px;}
	.area_btx03 .btx01 .area3{left:200px;}
	.area_btx04 .btx01 .area3{left:290px;}
	.area_btx04 .btx01 .area1{left:375px;}
	.area_btx05 .btx01.gray{padding:40px 0}
	.area_btx05 .tabs li a{font-size:14px;}
	.area_btx05 .tab_content{padding:20px 15px}
	.area_btx06 .btx01{margin-bottom:40px;}
	/* 필러 */
	.area_filler01 .filler01 .text{margin:20px 0; width:100%}
	.area_filler01 .filler01 .text h2{margin-bottom:10px;}
	.area_filler01 .filler01 .text > div{flex-direction: column;}
	.area_filler01 .filler01 .text p{width:100%; font-size:14px;}
	.area_filler01 .filler01 .cont{margin-top:30px;}
	.area_filler01 .filler03 .tab_list .tabs{flex-wrap: wrap;}
	.area_filler01 .filler03 .tab_list .tabs li{flex: auto; width:33%}
	.area_filler01 .tab_list .tabs li{box-sizing:border-box; flex: auto; width:33.3%; padding:15px 10px;}
	.area_filler01 .tab_list .tabs{flex-wrap: wrap;}
	.area_filler01 .filler01 b{margin-bottom:15px; font-size:16px;}
	.area_filler02 .filler04 .wrap .text p{font-size:14px;}
	.area_filler02 .filler04{padding:40px 0; margin:40px 0}
	.area_filler03 .filler02 .tit2:before{height:20px; margin:10px auto}
	.area_filler03 .filler03{padding:40px 0}
	.area_filler03 .filler03 .text{margin-top:20px;}
	.area_filler03 .filler03 .list_before2{margin-top:40px;}
	.area_filler03 .filler03 .list_before2 li{margin-bottom:10px;}
	.area_filler03 .filler05 .w980.v1{margin-top:40px;}
	.area_filler03 .filler05 .list > li ul li{font-size:14px;}
	.area_filler03 .filler05 .list > li p{font-size:15px}
	.area_filler04 .filler04{padding:40px 0; margin:40px 0}
	.area_filler04 .filler04 .wrap .text p{font-size:14px;}
	.area_filler05 .filler05{padding:40px 0}
	.area_filler05 .filler05 b{font-size:14px; text-decoration: underline;}
	.area_filler05 .filler05 b:before{display:none;}
	.area_filler06 .filler02 .case{padding:20px; margin:10px 0 0 0}
	.area_face01 .text_wrap > li p{font-size:14px;}
	/* 스킨부스터 */
	.area_skinbooster01{padding:40px 0}
	.area_skinbooster01 .inr{flex-direction: column;}
	.area_skinbooster01 .inr .img{width:100%; margin-right:0}
	.area_skinbooster01 .inr .text{width:100%; margin-top:40px;}
	.area_skinbooster01 .inr .text h3{margin-bottom:14px; font-size:18px;}
	.area_skinbooster01 .inr .text ul li{flex-direction: column;}
	.area_skinbooster01 .inr .text ul li i{width:100%; margin-left:0; font-size:14px;}
	.area_skinbooster01 .swiper-pagination{top:10px;}
	.area_skinbooster03 .skinbooster02 .top{flex-direction: column; padding:20px;}
	.area_skinbooster03 .skinbooster02 .top .plus{margin:15px 0}
	.area_skinbooster03 .skinbooster02 .top .list li{font-size:14px;}
	.area_skinbooster03 .skinbooster02 .top .img p{margin-top:10px; font-size:15px;}
	.area_skinbooster03 .skinbooster04 .img_wrap .img{width:auto; height:auto; border:0}
	.area_skinbooster03 .skinbooster04 .img_wrap .img img{width:100%;}
	.area_skinbooster03 .skinbooster04 .area_list li i{font-size:14px;}
	.area_skinbooster03 .skinbooster04 .area_list li span,
	.area_skinbooster03 .skinbooster04 .area_list li b{display:none;}
	.area_skinbooster04 .skinbooster02 .top{flex-direction: column; padding:20px}
	.area_skinbooster04 .skinbooster02 .top .plus{margin:15px 0; transform: translateY(0);}
	.area_skinbooster04 .skinbooster02 .top .img h4{font-size:16px;}
	.area_skinbooster04 .skinbooster02 .top .img p{font-size:14px;}
	.area_skinbooster04 .skinbooster02 .bottom{padding:15px; align-items: flex-start;}
	.area_skinbooster04 .skinbooster02 .bottom h4{font-size:15px;}
	.area_skinbooster04 .skinbooster02 .bottom p{font-size:14px;}
	.area_skinbooster06 .skinbooster03 .img{width:70%;}
	.area_skinbooster06 .skinbooster03 ul li{padding:20px 20px 20px 50px;}
	.area_skinbooster06 .skinbooster03 ul li b{left:0}
	.area_skinbooster07 .skinbooster02 ul li div{height:155px; padding-bottom:0}
	.area_skinbooster07 .skinbooster02 ul li div b{padding:0 5px; font-size:14px;}
	.area_skinbooster07 .skinbooster02 ul li div p img{height:40px;}
}

@media screen and (max-width:500px){
	.area_skinbooster03 .skinbooster02 .top .list{width:auto;}
	.area_skinbooster03 .skinbooster02 .top > .img img{max-width:250px;}
	.area_skinbooster04 .skinbooster02 .top .img img{max-width:250px;}
	.area_skinbooster07 .skinbooster02 ul.v1{margin-top:0}
	.area_skinbooster07 .skinbooster02 ul li{width:50%; margin-bottom:2%;}
	.area_skinbooster07 .skinbooster02 ul li div{width:96%}
	.area_face01 .text_wrap > li .list li{border:1px solid #ddd;}
}
@media screen and (max-width:420px){
	.area_skinbooster03 .skinbooster04 .img_wrap{flex-direction: column;}
	.area_skinbooster03 .skinbooster04 .img_wrap .img{margin-right:0}
	.area_skinbooster04 .skinbooster02 .bottom{flex-direction: column;}
	.area_skinbooster04 .skinbooster02 .bottom .img {width:100%;}
	.area_skinbooster04 .skinbooster02 .bottom .text {width:100%; margin-top:20px;}
}

/* 4) 나의 피부 */
.area_skin01 .skin05 ul{display:flex; justify-content: space-between; margin-bottom:60px;}
.area_skin01 .skin05 ul li{display:flex; flex-direction: column; justify-content: center; text-align: center;  position: relative; width:28%;}
.area_skin01 .skin05 ul li.arr{width:3%}
.area_skin01 .skin05 ul li div{border: 5px solid #e8e0de;height: 150px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #7f5d41;font-weight: 500;}
.area_skin01 .skin05 ul li:last-child div{background: #6e3e30;border-color: #6e3e30; color:#fff;}
.area_skin03 .skin02 .list{display:flex;justify-content: space-between;flex-direction: column;}
.area_skin03 .skin02 .list > li{display:flex; align-items: center; width: 100%; margin-bottom:20px; background:#fff;}
.area_skin03 .skin02 .list > li > .img{width:40%; background:#fff; border-right:1px solid #f5f1ee;}
.area_skin03 .skin02 .list > li > .img img{width:100%;}
.area_skin03 .skin02 .list > li > .text{box-sizing:border-box; padding: 30px; width:60%; background:#fff; }
.area_skin03 .skin02 .list > li .text b{display:block; margin-bottom: 8px; font-size:22px; color:#7f5d41; font-weight:500}
.area_skin03 .skin02 .list > li .text p{font-size:18px;}
.area_skin04 .skin02 .list{display:flex; align-items: center;}
.area_skin04 .skin02 .img{width: 41%;text-align:center;}
.area_skin04 .skin02 .img img{max-width:100%}
.area_skin04 .skin02 ul{width: 60%;}
.area_skin04 .skin02 ul li{box-sizing: border-box; position:relative; padding:20px 10px 20px 70px;margin-bottom:2%; background:#fff; font-size: 18px;font-weight: 400;color: #333;border: 1px solid #e7d5d0;}
.area_skin04 .skin02 ul li:last-child{margin-bottom:0}
.area_skin04 .skin02 ul li b{position:absolute;padding: 7px 6px; left:20px; top:0; background:#4e403c; color:#fff; text-align:center;font-size: 14px;font-weight: 500;}
.area_skin06 .tabs,
.area_skin05 .tabs{display:flex; justify-content: space-between; margin-bottom:50px;}
.area_skin06 .tabs li,
.area_skin05 .tabs li{width:24%; padding:15px 0; text-align:center; background:#f6f6f6; border-radius:30px; border: 2px solid #ddd;}
.area_skin06 .tabs li a,
.area_skin05 .tabs li a{display: flex;width:100%;height:100%;font-size:18px;font-weight:500;align-items: center;justify-content: center;}
.area_skin06 .tabs li.active,
.area_skin05 .tabs li.active{background:#6e3e30; border: 2px solid #6e3e30; color:#fff;}
.area_skin06 .tabs li.active a,
.area_skin05 .tabs li.active a{color:#fff;}
.area_skin06 .skin02 ul{display:flex; justify-content: space-between;}
.area_skin06 .skin02 ul li{width:23%; text-align:center;}
.area_skin06 .skin02 ul li img{height:150px;}
.area_skin06 .skin02 ul li p{background:#a98e77; border-radius:30px; margin-top:20px; padding:10px 0; font-size:18px; color:#fff; font-weight:300}
.area_skin07 .skin01 .list{display:flex;justify-content: flex-start;flex-wrap: wrap;gap: 2%;}
.area_skin07 .skin01 .list > li{width: 23%; margin-bottom:2%; border:1px solid #a98e77;}
.area_skin07 .skin01 .list > li a{position:relative;box-sizing: border-box; display:block; padding:15px 30px 15px 30px; width:100%; height:100%;background: #a98e77; font-size:18px;color: #fff;  transition:0.5s}
.area_skin07 .skin01 .list > li a::before,
.area_skin07 .skin01 .list > li a::after {content: '';position: absolute;top: 50%; right:30px;margin: -1px 0 0 -5px;width: 15px; height:1px;background-color: #fff;-webkit-transition: -webkit-transform .6s;transition: -webkit-transform .6s;-o-transition: transform .6s;transition: transform .6s;transition: transform .6s, -webkit-transform .6s;}
.area_skin07 .skin01 .list > li a:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.area_skin07 .skin01 .list > li a::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.area_skin07 .skin01 .list > li a:hover{background:#4e403c; border-color:#4e403c; transition:0.5s}
.area_skin07 .popConts{display:flex; align-items: center; justify-content: space-between; }
.area_skin07 .popConts .img{width:40%}
.area_skin07 .popConts .img img{width:100%;}
.area_skin07 .popConts .text{width:55%;}
.area_skin07 .popConts .text span{letter-spacing:3px;}
.area_skin07 .popConts .text h3{display:block; margin: 8px 0; font-size:30px; color:#7f5d41; font-weight:500}
.area_skin07 .popConts .text > p{font-size:18px; font-weight:300; color:#111;}
.area_skin07 .popConts .text .list01{margin-top:30px;}
.area_skin07 .popConts .text .list01 > li{font-size:16px;}
.area_skin07 [data-pop-layer="layer"] .popBox .popConts{max-height:640px;}

@media screen and (max-width:1279px){
	.area_skin07 .skin01 .list{gap:1.5%}
	.area_skin07 .skin01 .list > li{width:32%;}
}
@media screen and (max-width:1024px){
	.area_skin07 .skin01 .list > li a{padding:15px 20px 15px 20px}
	.area_skin07 .skin01 .list > li a::before, .area_skin07 .skin01 .list > li a::after{right:20px;}
	.area_skin07 [data-pop-layer="layer"] .popBox .popConts{max-height: inherit; height: 100%;}
}
@media screen and (max-width:959px){
	.area_skin04 .skin02 .img{width:70%;}
	.area_skin04 .skin02 .list{flex-direction: column;}
	.area_skin04 .skin02 ul{width:100%; margin-top:20px}
}
@media screen and (max-width:767px){
	.area_skin01 .skin05 ul{margin-bottom:20px;}
	.area_skin01 .skin05 ul li div{font-size:14px;}
	.area_skin03 .skin02 .list > li{flex-direction: column;}
	.area_skin03 .skin02 .list > li > .text{padding:20px; width:100%;}
	.area_skin03 .skin02 .list > li .text b{font-size:15px;}
	.area_skin03 .skin02 .list > li > .img{width:70%; padding-top:20px; border-right:0}
	.area_skin04 .skin02 ul li b{left:0}
	.area_skin04 .skin02 ul li{padding:20px 20px 20px 50px;}
	.area_skin06 .skin02 ul li{width:49%; margin-bottom:20px;}
	.area_skin06 .skin02 ul li img{height:60px;}
	.area_skin06 .skin02 ul li p{padding:6px 0; font-size:14px;}	
	.area_skin06 .skin02 ul{flex-wrap: wrap;}	
	.area_skin06 .tabs li, .area_skin05 .tabs li{border-radius:0; font-size:14px;}
	.area_skin06 .tabs li a, .area_skin05 .tabs li a{font-size:14px;}
	.area_skin07 .skin01 .list{gap:1%}
	.area_skin07 .skin01 .list > li{width:49%; margin-bottom:1%;}
	.area_skin07 .skin01 .list > li a{font-size:14px;}
	.area_skin07 .popConts .text h3{font-size:18px;}
	.area_skin07 .popConts .text > p{font-size:14px;}
	.area_skin07 .popConts .text .list01{margin-top:14px;}
	.area_skin07 .popConts .text .list01 > li{font-size:14px;}
	.area_skin07 .popConts{flex-direction: column; justify-content: flex-start; background: #f6f6f6;}
	.area_skin07 .popConts .img{width:55%;}
	.area_skin07 .popConts .text{width:100%; margin-top:30px;}
}
@media screen and (max-width:460px){
	.area_skin07 .skin01 .list{gap: inherit;}
	.area_skin07 .skin01 .list > li{width:100%;}
}

/* 5) 리프팅 */
.area_lifting01 .lifting03 .img{position:relative;}
.area_lifting01 .lifting03 ul{position: absolute;right:5%; top:50%; transform: translateY(-50%);}
.area_lifting01 .lifting03 ul li{margin:10px 0; padding:7px 23px; border-radius:20px;background: #7f5d41; color:#fff; text-align:center;}
.area_lifting01 .lifting03 ul li b{background:#fff;color: #7f5d41; width:25px; height:25px; margin-right:10px; border-radius:50%; font-family:'Spoqa Han Sans Neo';display: flex;align-items: center;justify-content: center;}
.area_lifting02 .lifting03 .table01{position:relative;}
.area_lifting02 .lifting03 .table01:before{position:absolute; content:'VS';top: 50%; left:50%; display:flex;align-items: center;justify-content: center; width:40px; height:40px;background: #4e403c; border-radius:50%;transform: translate(-50%,-50%);color: #fff;}
.area_lifting03 .lifting03 .list_wrap > li{display:flex; justify-content: space-between; align-items: center;}
.area_lifting03 .lifting03 .list_wrap > li:nth-child(2){flex-direction: row-reverse; margin-top:60px; padding-top:60px; border-top:2px dashed #ddd}
.area_lifting03 .lifting03 .list_wrap > li .text{width:65%}
.area_lifting03 .lifting03 .list_wrap > li .text h3{margin-bottom:15px; font-size:25px; color:#7f5d41; font-weight:500}
.area_lifting03 .lifting03 .list_wrap > li .text h4{margin-bottom:10px; font-size:20px; color:#111; font-weight:500}
.area_lifting03 .lifting03 .list_wrap > li .text p{margin-bottom:10px; color:#333; font-size:18px;}
.area_lifting03 .lifting04 li{float:left; width:20%;}
.area_lifting03 .lifting04 li div{position:relative; width:90%; height: 0; margin: 0 auto; padding-bottom:90%; border-radius: 50%; background:#a98e77;}
.area_lifting03 .lifting04 li:nth-child(2n) div{background:#4e403c;}
.area_lifting03 .lifting04 li div p{position:absolute; left:0; top:50%; width:100%; text-align:center; transform: translateY(-50%); color:#fff;}
.area_lifting03 .lifting04 li div p img{display:block; margin:0 auto; height:20px;}
.area_lifting03 .lifting04 li div b{display:block; margin-top:15px; text-align:center; color:#fff; font-weight:400; font-size:20px;}
.area_lifting03 .lifting05 .img{position:relative;}
.area_lifting03 .lifting05 ul{position: absolute;right:5%; top:50%; transform: translateY(-50%);}
.area_lifting03 .lifting05 ul li{margin:10px 0; padding:7px 23px; border-radius:20px;background: #7f5d41; color:#fff; text-align:center;}
.area_lifting03 .lifting05 ul li b{background:#fff;color: #7f5d41; width:25px; height:25px; margin-right:10px; border-radius:50%; font-family:'Spoqa Han Sans Neo';display: flex;align-items: center;justify-content: center;}
.area_lifting03 .lifting06 .add{color:#fff;}
.area_lifting03 .lifting06 .tit{color:#fff;}
.area_lifting03 .lifting08{padding-bottom:0}
.area_lifting03 .lifting08 .area1{top: 169px;left: 595px;}
.area_lifting03 .lifting08 .area2{top: 225px;left: 595px;}
.area_lifting03 .lifting08 .area3{top: 270px;left: 490px;}
.area_lifting03 .lifting08 .area4{top: 279px;left: 640px;}
.area_lifting03 .lifting08 .area5{top: 294px;left: 595px;}
.area_lifting03 .lifting08 .area6{top: 362px;left: 655px;}
.area_lifting03 .lifting08 .area7{top: 395px;left: 480px;}
.area_lifting03 .lifting08 .area8{top: 457px;left: 595px;}
.area_lifting03 .lifting08 .area_list2{position: absolute;right:10%; top:50%; transform: translateY(-50%);}
.area_lifting03 .lifting08 .area_list2 li{display:flex;align-items: center; margin:10px 0; padding:7px 15px; min-width: 140px; border-radius:20px;background: #7f5d41; color:#fff;}
.area_lifting03 .lifting08 .area_list2 li b{background:#fff;color: #7f5d41; width:20px; height:20px; margin-right:7px; border-radius:50%; font-family:'Spoqa Han Sans Neo';display: flex;align-items: center;justify-content: center;}

/* area_lifting04 - 셰르프 */
.area_lifting04 .sec02 .img_wrap {width: 100%; height:450px; background:url(/images/content/img_xerf.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%;}
.area_lifting04 .list_wrap > li {display:flex; gap:70px; align-items: center; justify-content: center;}
.area_lifting04 .list_wrap > li:nth-child(even) {flex-direction: row-reverse;}
.area_lifting04 .list_wrap > li + li {margin-top: 60px; padding-top: 60px; border-top: 2px dashed #ddd;}
.area_lifting04 .list_wrap > li .img {width: 40%;}
.area_lifting04 .list_wrap > li .img img {width: 100%; max-width: 100%;}
.area_lifting04 .list_wrap > li .text {width:50%}
.area_lifting04 .list_wrap > li .text h3 {font-size:25px;color:#222; font-weight:500; margin-bottom:30px;}
.area_lifting04 .list_wrap > li .text p {font-size:18px; line-height: 1.8; font-weight: 300; color: #555;}

@media screen and (max-width:1279px){
	.area_lifting03 .lifting03 .list_wrap > li{align-items: flex-start;}
	.area_lifting03 .lifting03 .list_wrap > li .img{width:30%}
	.area_lifting03 .lifting03 .list_wrap > li .img img{width:100%}
}
@media screen and (max-width:1024px){
	.area_lifting04 .sec02 .img_wrap {background-attachment: inherit; height: 350px; background-size: cover;}
	.area_lifting04 .list_wrap > li {gap: 50px;}
	.area_lifting04 .list_wrap > li .text h3 {margin-bottom: 20px;}
	.area_lifting04 .list_wrap > li .text {width: 62%;}
}
@media all and (max-width:959px){
	.area_lifting04 .list_wrap > li .text h3 {font-size: 20px;}
	.area_lifting04 .list_wrap > li .text p {font-size: 16px;}
}
@media all and (max-width:767px){
	.area_lifting01 .lifting03 ul{position:static; transform: translateY(0);}
	.area_lifting01 .lifting03 ul li{margin:0; border-bottom: 1px solid #fff; border-radius:0}
	.area_lifting03 .lifting03 .list_wrap > li{flex-direction: column;}
	.area_lifting03 .lifting03 .list_wrap > li:nth-child(2){flex-direction: column; margin-top:40px; padding-top:40px;}
	.area_lifting03 .lifting03 .list_wrap > li .img{width:70%; margin:0 auto;}
	.area_lifting03 .lifting03 .list_wrap > li .text{width:100%; margin-top:30px;}
	.area_lifting03 .lifting03 .list_wrap > li .text h3{font-size:16px;}
	.area_lifting03 .lifting03 .list_wrap > li .text h4{font-size:15px;}
	.area_lifting03 .lifting03 .list_wrap > li .text p{font-size:15px;}
	.area_lifting03 .lifting04 li{width:33.3%;}
	.area_lifting03 .lifting04 li div{margin:5px auto}
	.area_lifting03 .lifting04 li div b{font-size:14px;}
	.area_lifting03 .lifting04 li div p img{height:14px;}
	.area_lifting03 .lifting05 ul{position:static; transform: translateY(0);}
	.area_lifting03 .lifting05 ul li{margin:0; border-bottom: 1px solid #fff; border-radius:0}
	.area_lifting04 .sec02 .img_wrap {height: 300px;}
	.area_lifting04 .list_wrap > li {flex-direction: column !important; gap: 30px;}
	.area_lifting04 .list_wrap > li .img {width: 100%;}
	.area_lifting04 .list_wrap > li .text {width: 100%;}
	.area_lifting04 .list_wrap > li .text h3 {margin-bottom: 15px;}
	.area_lifting04 .list_wrap > li .text p {font-size: 14px;}
	.area_lifting04 .list_wrap > li .text p br {display: none;}
	.area_lifting04 .list_wrap > li + li {margin-top: 35px; padding-top:35px; border-top: 1px dashed #ddd;}
}
@media all and (max-width:500px){
	.area_lifting04 .sec02 .img_wrap {height: 240px;}
	.area_lifting04 .list_wrap > li .text h3 {font-size: 18px;}
}

.list_process{display:flex; justify-content: space-between;}
.list_process li{position:relative; display:flex; width:24%; flex-direction: column; align-items: center; text-align:center;}
.list_process li b{margin:15px 0; color:#7f5d41}
.list_process li p{font-size:18px;}
.list_process li:before{content:''; position:absolute; right:-14px; top:30%; display:block; width:14px; height:20px; background:url(../../images/content/arr2.svg) no-repeat}
.list_process li:last-child:before{display:none;}

.tabScroll{display:flex; justify-content: space-between; } 
.tabScroll > li{position:relative; width:31%}
.tabScroll > li p{display:flex; align-items: center; justify-content: center; height:150px; padding:0 10px; background:#a98e77; text-align:center; color:#fff; font-size:18px; font-weight:500}
.tabScroll > li:nth-child(2) p{background:#6f493c}
.tabScroll > li:nth-child(3) p{background:#5b504a}
.tabScroll > li p:before {content: ""; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid transparent; transition: border 0.15s ease-out;}
.tabScroll > li p:hover:before{border-color: #cfc7c4; border-width: 6px;}

.tab_cont{display:flex; justify-content: flex-start; align-items: center;}
.tab_cont .img{width:45%;}
.tab_cont .text{width:50%;}
.tab_cont .text span{letter-spacing:3px;}
.tab_cont .text h3{display:block; margin: 8px 0; font-size:25px; color:#7f5d41; font-weight:500}
.tab_cont .text > p{font-size:18px; font-weight:300}

#content table.table.table01 th{padding:25px 10px; background:#333; color:#fff;}
#content table.table.table01 th.point{background:#6e3e2f; color:#fff;}
#content table.table.table01 td{padding:25px 10px;}
#content table.table.table01 td.point{background: #fbf5f3;}

.precess-step{display:flex; justify-content: space-between;}
.precess-step > div, 
.precess-list > div{width:24%;text-align:center;}
.precess-step > div img{width:100%}
.precess-step > div span {background: #4e403c; display: block; padding:10px 0; color:#fff; font-size:18px;}
.precess-step > div p{margin-top:15px;}

.list_circle {position:relative; display: flex; text-align: center; justify-content: center;}
.list_circle > li {display: flex; flex-direction: column; justify-content: center; position: relative; width: 250px; height: 250px; border: 3px solid #7f5d41; border-radius:50%;  margin: 0 -10px;background: #fff; }
.list_circle > li > em { line-height: 1.3; font-size: 22px;font-weight: 500;color:#7f5d41;}
.list_circle:before{content:''; position:absolute;top: 180px; left:0; display:block;width: 90%;height: 145px; background:url(../../images/content/img_circle_arrow.png) no-repeat;background-position: 50% 100%;background-size: cover;left: 5%;}
.point_circle b{box-sizing: border-box; display:block; width:100%; padding:25px;background: #4e403c; color:#fff; border-radius:50px; text-align:center;font-size: 20px;font-weight: 500;/* border: 3px solid #5c4c3f; */}
.point_circle{position:relative; padding-top:100px;}

.textlist{display:flex; justify-content: space-between; align-items: stretch;}
.textlist .img{float:left; width:37%; background:#fff;display: flex;align-items: center;justify-content: center;}
.textlist .img img{max-width: 100%;}
.textlist ul{display:flex; flex-wrap: wrap; justify-content: space-between; width:60%; }
.textlist ul li{box-sizing:border-box; display: flex; float:left; width:49%; height:210px; padding:30px; margin-bottom:2%; background:#fff; border:1px solid #eee; color: #666; flex-direction: column;justify-content: center;border-top:3px solid #7f5d41;}
.textlist ul li:nth-child(3),
.textlist ul li:nth-child(4){margin-bottom:0}
.textlist ul li span{display: block; margin-top:8px; font-size: 18px; }
.textlist ul li b{display: block; font-size:22px;color: #7f5d41; font-weight:500;}

ul.list_vs{display:flex; justify-content: space-between; max-width:980px; margin:0 auto;}
ul.list_vs li{width:48%;}
ul.list_vs li img{width:100%;}
ul.list_vs li p{padding:15px 0; background:#555; text-align:center; font-size:18px; color:#fff;}
ul.list_vs li:last-child p{background:#7f5d41;}

.img_list > ul{display:flex; flex-wrap: wrap; justify-content: space-between;}
.img_list > ul > li{box-sizing: border-box; position:relative; width:24%; margin-bottom:2%; background:#fff; border: 1px solid #e7d5d0;}
.img_list > ul > li .text{ padding:30px; }
.img_list > ul > li img{width:100%;}
.img_list > ul > li p{margin-bottom:8px; font-size:22px; font-weight: 500; color: #7f5d41;}
.img_list > ul > li span{font-size:16px; font-weight: 400; color: #555;}
.img_list > ul > li .list01 li{font-size:16px;}

.w980{max-width:980px; margin:0 auto;}

.list_icon{display:flex;justify-content: space-around; flex: 1; margin-top:40px; padding:30px 20px; border: 5px solid #f5f1ee;}
.list_icon li{width:24%; text-align:center; font-size:16px;}
.list_icon li p{font-size:16px;}
.list_icon img{height:50px; margin-bottom:10px;}

/* 바디프로그램 */
.img_view{display:flex; align-items: center; justify-content: space-between; }
.img_view .text span{display:block; margin-bottom:10px; color:#7f5d41; font-size:18px; font-weight:bold;}
.img_view .text{width:45%}
.img_view .add,
.img_view .tit{text-align:left;}

/* 상담 */
.area_online_counsel .bbsSearch form,
.area_non_face .bbsSearch form{margin:40px 0 0 0}
.area_non_face .top p{margin-top:-20px; margin-bottom:50px; text-align:center; font-size:18px; font-weight:300}
.area_non_face .list_img ul{display:flex; justify-content: space-between;}
.area_non_face .list_img ul li{position:relative; width:31%;}
.area_non_face .list_img ul li img{width:100%;}
.area_non_face .list_img ul li span{display: flex; align-items: center; justify-content: center; position:absolute; top:0; left:0; width:80px; height:50px; background:#a98e77; color:#fff;}
.area_non_face .check{margin:30px auto; margin-bottom:50px; max-width:1200px; background: #f6f6f6; border:0}
.area_non_face .check ul li b{color:#7f5d41; font-weight:500}
.area_online_counsel .search_bbs, .area_non_face .search_bbs{margin:20px 0}
.before_box h3{width:20%; font-size:30px; color:#7f5d41;}
.before_box .text{display:flex; margin-top:30px;}
.before_box .text p{box-sizing:border-box; width:80%;line-height:1.8;font-size:18px;font-weight: 300;border: 2px dotted #ddd3cb;padding: 30px;}
.before_box > span{display:block; margin-top:10px;}

@media all and (max-width:767px){
	.area_non_face .top p{margin-bottom:20px; font-size:14px;}
	.area_non_face .list_img ul li span{width:50px; height:30px;}
	.before_box .text{flex-direction: column;}
	.before_box h3{font-size:18px; width:100%; margin-bottom:15px;}
	.before_box .text p{padding:15px; width:100%; font-size:14px;}
}
@media all and (max-width:460px){
	.area_non_face .list_img ul li span{position:static; width:100%;}
}

/* 공통부분 */
@media screen and (max-width:1279px){
	.add br{display:none;}
	.add_bf{font-size:14px;}
	.w50_con{align-items: flex-start;}
	.tab_cont{align-items: flex-start; justify-content: space-between;}
	.tab_cont .img img{width:100%}
	.list_process li{width:22%;}
	.list_process li img{width:100%;}
	.list_process li:before{right:-12%; top:20%}
	.img_view .img{width:50%}
	.img_view .img img{width:100%;}
}
@media screen and (max-width:1024px){
	.w980{width:90%;}
	.tit{font-size:30px;}
	.add {font-size:16px;}
	.tit_wrap dd {font-size:16px;}
	.tit_wrap .bg {height:350px; background-attachment: inherit; background-size: cover;}
	.tab_list .tabs{flex-direction: row;flex:1}
	.tab_list{flex-direction: column;}
	.tab_list .tab_container{width:100%;}
	.tab_list .tabs{width:100%;}
	.tab_list .tabs li{flex:1; padding:15px 0; border-left:1px solid #ddd;}
	.tab_list .tabs li + li{border-left:1px solid #ddd}
	.bg_list li p{position:static; padding:0; margin-top:10px; color:#333;}
	.bg_list li .image:before{display:none; }
	.list_circle{justify-content: space-between;}
	.list_circle > li{box-sizing:border-box; width:24%; padding:0 5px; margin:0; border-radius:0; border:1px solid #7f5d41}
}
@media screen and (max-width:959px){
	.textlist{flex-direction: column;}
	.textlist ul{width:100%;}
	.textlist .img{width:70%; margin:0 auto;}
	.icon_list li div p img{height:40px}
	.img_list > ul > li{width:49%}
	.tab_cont{flex-direction: column;}
	.tab_cont .img{width:70%; margin: 0 auto;}
	.tab_cont .text{margin-top:20px; width:100%}

}
@media screen and (max-width:767px){
	#content.sub{padding:40px 0}
	#content table.table.table01 th, #content table.table.table01 td{padding:10px;}
	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}

	.mg100{margin:50px 0}
	.pd150{padding:50px 0}
	.pd100{padding:50px 0}
	.mgt100{margin-top:50px}
	.mgb100{margin-bottom:50px}
	.gray{padding:50px 0}
	.bg_color{padding:50px 0; margin: 50px 0;}
	.btx01.gray{padding:40px 0 0 0; margin:50px 0}
	h2.sub_tit{margin-bottom:20px; font-size:18px;}
	.tit{font-size:20px;}
	.tit2{font-size:16px;}
	.sub_text b{margin:30px 0 20px 0; font-size:16px}
	.sub_text b br{display:none;}
	.add {margin-top:15px; font-size:14px;}

	.tit_wrap{margin-bottom:20px;}
	.tit_wrap dl {margin-top: 20px;}
	.tit_wrap dd {font-size:14px;}
	.tit_wrap dd br {display: none;}
	.tit_wrap dd + dd {margin-top:15px;}

	.check{padding:20px}
	.check h4{font-size:16px}

	.title-cont-list dt {margin-top:30px; font-size:16px;}
	.title-cont-list dd {margin-top:15px; font-size:14px;}
	.title-cont-list dd br {display:none;}

	.area_face06 .face03 .area_list2 li b, .area_lifting03 .lifting08 .area_list2 li b, .area_list li b, .area_btx02 .btx01 .area_list2 li b{width:30px; height:30px;}
	.area_face06 .face03 .area_list2 li, .area_lifting03 .lifting08 .area_list2 li, .area_list li, .area_btx03 .area_list li, .area_btx02 .btx01 .area_list2 li{font-size:25px;}

	.tab_list .tabs li a b,
	.tab_list .tabs li a{font-size:14px;}
	.tab_list .tab_content{padding:20px 15px;}
	.tab_list .tab_content h3{margin-bottom:10px; font-size:17px;}
	.tab_list .tab_content .text .list > li > .list01 > li{font-size:14px;}
	.tab_cont .text h3{font-size:15px;}
	.tab_cont .text > p{font-size:14px;}
	.tabScroll > li p{font-size:14px;}

	.list01 > li{line-height: 1.4; font-size:14px;}
	.list_process{flex-wrap: wrap;}
	.list_process li{width:49%; margin-bottom:20px;}
	.list_process li:before{display:none;}
	.list_process li p{font-size:14px;}
	.list_process li b{margin-bottom:7px;}
	.list_feature > li{margin-bottom:20px; padding-bottom:20px;}
	.list_feature > li .text b{font-size:15px;}
	.list_feature > li .text p{font-size:14px;}
	.list_feature > li .img{width:225px; height:165px;}
	.list_feature > li .text{padding:0 25px; width: -webkit-calc(100% - 275px * 1);  width: calc(100% - 275px * 1);}

	.w3_list li{width:32%}
	.w3_list li b{font-size:15px;}
	.w3_list li p.p1,
	.w3_list li p{font-size:14px;}
	.w50_con{flex-direction: column;}
	.w50_con .img{margin: 0 auto; width:70%}
	.w50_con .text{width:100%;}
	.w50_con .text h3{margin-top:30px; font-size:18px;}
	.w50_con .text p{font-size:14px;}
	.w50_list li p{font-size:15px;}
	.w50_list li span{font-size:14px;}

	.bg_list{flex-wrap: wrap;}
	.bg_list li{width:49%; margin-bottom:20px;}
	.bg_list li:nth-child(2n){margin-top:0;}
	.bg_list li p{font-size:14px; text-align:center;}

	.textlist ul li{height:auto; padding:20px;}
	.textlist ul li b{font-size:15px;}
	.textlist ul li span{font-size:14px;}

	.left_list > li{flex-direction: column;}
	.left_list > li .text{box-sizing:border-box; width:100%; padding:20px}
	.left_list > li .text b{font-size:15px;}
	.left_list > li .text p{font-size:14px;}
	.left_list > li .img{width:100%;}

	.icon_list li{width:50%;}
	.icon_list li div{margin:10px auto;}
	.icon_list li div b{font-size:14px;}
	.list_icon{flex: auto; padding:15px;}	
	.list_icon li p{font-size:14px;}
	.list_icon img{height:40px;}

	.img_list > ul > li .text{padding:20px;}
	.img_list > ul > li p{font-size:15px;}
	.img_list > ul > li span{font-size:14px;}

	.list_circle > li > em{font-size:14px; word-break: break-all;}
	.list_circle > li{height:130px;}
	.list_circle:before{top:60px; height:100px;}
	.point_circle{padding-top:50px;}
	.point_circle b{padding:15px; font-size:14px;}

	ul.list_before li p{padding:10px 0; font-size:14px; font-weight:600}
	ul.list_vs li p{padding:10px 0; font-size:14px;}
	
	.case h4{margin-bottom:10px; font-size:16px;}
	.case ul li{font-size:14px;}

	.qna-list > li {gap:10px; padding:30px;}
	.qna-list > li em {font-size:16px;}
	.qna-list > li p {font-size:14px;}
	.qna-list > li em i {font-size:18px;}
	.num-round-list > li:before {width:20px; height:20px; font-size:12px;}
	.tit-round {height:40px; padding:5px 15px; font-size:16px; line-height:1.2;}
	.precess-step > div span{font-size:15px;}
	.signature-sec02 .w50_con .img {width:100%;}
	.signature-sec05 {padding-top:0;}
	.signature-sec07 {padding-bottom:60px !important;}

	.img_view{align-items: flex-start;}
	.img_view .text span{font-size:12px;}
	.img_list > ul > li .list01 li{font-size:14px;}
	.tab_list .tabs li a i{display:none;}
	.area_join_select{margin-top:80px;}
}
@media screen and (max-width:640px){
	/* 공지사항 */
	.bbsList tr{border-bottom:0}
	.bbsList td[data-table="date"]{bottom:auto; top:0;padding: 10px;}
	.bbsList td[data-table="write"]{display:none;}
	.bbsList td[data-table="subject"]{padding-right:100px;}
}
@media screen and (max-width:500px){
	.tit{font-size:18px;}
	.list_feature > li{flex-direction: column;}
	.list_feature > li .text{width:100%; margin-top:15px; }
	.list_feature > li .img{width:100%; height:200px;} 
	.case ul li{position:relative; padding-left:10px}
	.case ul li:before{content:""; position:absolute; left:0; top:10px; width:4px; height:4px; margin-right:5px; background:#777; border-radius:50%;}
	.case ul li b{display:none;margin-bottom:4px;}
	.left_list > li .img{min-height:200px;}
	.list_icon{flex-wrap: wrap;}
	.list_icon li{width:33.3%; margin:10px 0}
	.img_view{flex-direction: column;}
	.img_view .img{width:70%; margin:0 auto;}
	.img_view .text{width:100%; margin-top:20px;}
	.tab_list .tab_content .text .list > li{width:100%;}
}
@media all and (max-width:420px){
	body,p,li,a{font-size:13px;}
	.w3_list{flex-direction: column;}
	.w3_list li{width:100%; margin-bottom:20px;}
	.precess-step{flex-wrap: wrap;}
	.precess-step > div, .precess-list > div{width:48%; margin-bottom:20px; }
	ul.list_before li p{padding:4px 0}
}