@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');



* {padding: 0; margin: 0; border: 0; box-sizing: border-box;}
li {list-style: none;}
a {text-decoration: none; color: inherit;}
img {vertical-align: top; max-width: 100%; filter: none;}
button {background-color: inherit; cursor: pointer; font-family: 'Noto Sans KR', sans-serif; color: #1a1a1a;}
html, body {font-family: 'Noto Sans KR', sans-serif; color: #1a1a1a; overflow-x: hidden; max-width: 960px; width: 100%; margin: 0 auto;}
.serif {font-family: 'Noto Serif KR', sans-serif;}
input, select, textarea {font-family: 'Noto Sans KR', sans-serif; color: #1a1a1a;}





/* common */
.title {margin-bottom: 40px;}
.title h2 {font-family: 'Noto Serif KR', sans-serif; font-size: 24px; line-height: 24px; font-weight: 600; text-align: center; margin-bottom: 10px;}
.title p {font-family: 'Noto Serif KR', sans-serif; font-size: 14px; line-height: 16px; font-weight: 500; text-align: center; word-break: keep-all;}

.sub_title {margin-bottom: 60px;}
.sub_title h2 {font-size: 24px; line-height: 24px; font-weight: 700; margin-bottom: 0; text-align: center;}
.sub_title p {font-size: 16px; line-height: 16px; font-weight: 300; text-align: center; word-break: keep-all;}
.sub_title .title_line {width: 480px; height: 1px; background-color: #1a1a1a; margin: 10px auto;}
.sub_title.log {margin-bottom: 80px;}
.sub_title.log .title_line {width: 343px; height: 1px; background-color: #1a1a1a; margin: 10px auto;}

.orange_title h2 {color: #fbb03b;}
.orange_title .title_line {background-color: #fbb03b;}

.t_top_c {position: relative;}
.t_top_c i {display: block; width: 45px; height: 35px; border-radius: 35px 0 0 35px; background-color: #fbb03b;}
.t_top_c h2 {position: relative; top: -30px; left: 20px; font-size: 16px; line-height: 16px; letter-spacing: -1px; display: inline;}

section > .inner .top_txt {display: flex; flex-direction: column; justify-content: center; align-items: center;}
section > .inner .top_txt .t_top_c {position: relative; left: -20px;}
section > .inner .top_txt > p {position: relative; font-size: 24px; line-height: 24px; font-weight: 300; text-align: center;}
section > .inner .top_txt > span {font-size: 18px; line-height: 22px; text-align: center; margin-top: 24px;}
section > .inner .top_txt > span i {color: #fbb03b;}
section > .inner .top_txt > h3 {font-size: 36px; line-height: 36px; text-align: center; margin-top: 20px;}
section > .inner .top_txt > h3 i {color: #fbb03b;}
section > .inner .top_txt > h4 {font-size: 28px; line-height: 32px; text-align: center; margin-top: 15px;}
section > .inner .top_txt > h5 {font-size: 21px; line-height: 24px; text-align: center; margin-top: 50px;}
section > .inner .top_txt > strong {display: block; width: 343px; height: 40px; border-radius: 50px; background-color: #ccc; color: #fff; font-size: 16px; line-height: 38px; text-align: center; letter-spacing: -1px; margin-top: 40px;}
section > .inner .top_txt > i {display: block; text-align: center; font-style: normal; font-size: 16px; line-height: 24px; font-weight: 300; color: #666; margin-top: 40px; word-break: keep-all;}

section > .inner .top_txt > p.before_bg {font-weight: 700;}
.before_bg::before {content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 145%; height: 80%; background-color: #ffdfc5; z-index: -1;}

.mt30 {margin-top: 30px;}

.cp_contents_mb {margin-bottom: 80px;}
.cp_contents_mt {margin-top: 80px;}

.side_effcet {text-align: center; font-size: 12px; color: #808080; margin: 50px auto 0; word-break: keep-all;}

.bottom_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.1; z-index: 1001; display: none; cursor: pointer;}





/* header */
header {position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 90px; background-color: #fff; z-index: 5000;}
header .inner {display: flex; justify-content: space-between; align-items: center; max-width: 960px; width: 100%; height: 100%; margin: 0 auto; position: relative; z-index: 1;}
header .inner h1 a img {width: 75px; margin-left: 16px;}
header .inner .right {display: flex; gap: 10px; margin-right: 16px;}
header .inner .right img {width: 30px; cursor: pointer;}
header > img {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 0; width: 100%; height: 40px; object-fit: cover;}

header .lang_btn{position:absolute; right:96px; display:inline-block; height:24px; margin-top:2px; padding: 0 10px; font-size: 14px; border: 1px solid #ff8c00; border-radius: 10px; color: #ff8c00;}




.mob_bg {position: fixed; top: 90px; left: 0; width: 100%; height: calc(100vh - 90px); background-color: #000; opacity: 0.4; z-index: 1000; display: none;}
/* left_menu */
.left_menu {position: fixed; top: 90px; left: -270px; width: 270px; height: calc(100vh - 90px); background-color: #1a1a1a; z-index: 1001; padding: 0 20px;}
.left_menu .close {position: absolute; top: 20px; right: 20px; width: 25px; height: 25px; cursor: pointer;}
.left_menu .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 30px; height: 1px; background-color: #fff;}
.left_menu .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 30px; height: 1px; background-color: #fff;}
.left_menu h2 {padding: 30px 0 0px; color: #fff; font-size: 18px;}
.left_menu ul li {padding: 10px 0; border-bottom: 1px dashed #ccc; display: flex; align-items: center;}
.left_menu ul li:last-child {border-bottom: none;}
.left_menu ul li span {display: block; width: 13px; height: 13px; border-radius: 50%; background-color: #fff; margin-right: 15px;}
.left_menu ul li p {font-size: 18px; color: #808080;}
.left_menu ul li div {display: flex; gap: 5px; position: relative; top: 1px; margin-left: auto;}
.left_menu ul li div b {display: block; width: 28px; height: 28px; background: url(../img/icon-m-call.png) no-repeat center/cover;}
.left_menu ul li div i {display: block; width: 28px; height: 28px; background: url(../img/icon-m-kakaotalk.png) no-repeat center/cover;}





/* asdie */
aside {position: fixed; top: 90px; right: -300px; width: 300px; height: calc(100vh - 90px); background-color: #fff; z-index: 1002; overflow-y: auto;}
aside .top {position: fixed; bottom: 0; right: -300px; display: flex; align-items: center; width: 300px; height: 50px; background-color: #1a1a1a;}
aside .top a {display: flex; justify-content: center; align-items: center; width: calc(50% - 0.5px); height: 100%; color: #fff; font-size: 15px;}
aside .top span {display: block; width: 1px; height: 30px; background-color: #fff;}
aside > ul {height: 635px;}
aside ul > li > a {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 15px 10px 15px 18px; font-size: 14px;}
aside ul > li > a::after {content: ''; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #000;}
aside ul > li > a img {width: 10px; margin-left: 10px;}
aside ul > .close > a {border-bottom: none; padding: 5px 0;}

aside ul .depth {display: none;}
aside ul ul li a {border-bottom: none; font-size: 12px; padding: 15px 25px;}
aside ul ul li:first-child a {font-size: 12px; padding: 15px 25px;}
aside ul ul li:first-child a::before {display: none;}
aside ul ul li a::after {display: none;}

aside .close {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; border: 2px solid #333; border-radius: 50%; cursor: pointer;}
aside .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 15px; height: 2px; background-color: #333; border-radius: 2px;}
aside .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 15px; height: 2px; background-color: #333; border-radius: 2px;}

aside ul > li:first-child > a {display: block; font-size: 12px; padding: 15px 10px;}
aside ul > li:first-child > a b {font-size: 16px;}
aside ul > li:first-child > a::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 280px; height: 1px; background-color: #000;}
aside ul > li:first-child > a::after {display: none;}

aside .d_arrow {width: 7px;}
aside .l_arrow {transform: rotate(-90deg); width: 7px;}





/* q_menu_wrap */
.q_bottom {position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); max-width: 960px; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 20; padding: 0 16px;}
.q_bottom a {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;}
.q_bottom a img {width: 100%; height: 100%;}
.q_bottom > img {width: 60px; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}


.b_you {position: fixed; bottom: 100px; left: 10px; z-index: 502; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;}
.b_you img {width: 100%; height: 100%;}
.q_menu_btn {position: fixed; bottom: 30px; right: 10px; z-index: 502; width: 60px; cursor: pointer; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}
.mob_blog {position: fixed; bottom: 30px; left: 10px; z-index: 502; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px;}
.mob_blog img {width: 100%; height: 100%;}


.q_menu_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; cursor: pointer; display: none;}
.q_menu_wrap .bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 1000; display: none;}
.q_menu_wrap .inner {position: absolute; bottom: -110px; right: -120px; width: 375px; height: 375px; background: #fff url(../img/m-quick-bg.png) 0 0 /100% no-repeat; border-radius: 50%; border: 4px solid #e7e7e7; z-index: 1001;}
.q_menu_wrap .center {position: absolute; top: 148px; left: 148px; width: 84px; height: 84px; border-radius: 50%; background-color: #fbb03b;}
.q_menu_wrap .center span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 40px; height: 4px; background-color: #fff; border-radius: 3px;}
.q_menu_wrap .center span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 40px; height: 4px; background-color: #fff; border-radius: 3px;}
.q_menu_wrap .center img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25px;}
.q_menu_wrap .btn {position: absolute; width: 88px; height: 60px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.q_menu_wrap .btn span {display: block; font-size: 12px; color: #666;}
.q_menu_wrap .btn.call {top: 40px; left: 148px;}
.q_menu_wrap .btn.call i {display: block; width: 35px; height: 35px; background: url(../img/q-call.png) no-repeat center/35px;}
.q_menu_wrap .btn.kakao {top: 85px; left: 45px;}
.q_menu_wrap .btn.kakao i {display: block; width: 35px; height: 35px; background: url(../img/q-kakao.png) no-repeat center/35px;}
.q_menu_wrap .btn.counsel {top: 180px; left: 24px;}
.q_menu_wrap .btn.counsel i {display: block; width: 35px; height: 35px; background: url(../img/q-talk.png) no-repeat center/35px;}

.q_menu_wrap.on {display: block;}
.q_menu_wrap.on .bg {display: block;}
.q_menu_wrap.on .inner {animation: menuInner 0.3s;}
.q_menu_wrap.on .btn {animation: menuBtn 0.3s}

@keyframes menuInner {
    0% {transform: rotate(100deg) scale(0.3); opacity: 0; visibility: hidden;}
    100% {transform: rotate(0deg) scale(1); opacity: 1; visibility: visible;}
}
@keyframes menuBtn {
    0% {opacity: 0; visibility: hidden;}
    100% {opacity: 1; visibility: visible;}
}





/* mob_bottom_fix */
.mob_bottom_fix {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1001;}
.mob_bottom_fix .top {width: 200px; height: 50px; border-radius: 10px 10px 0 0; background-color: #fbb03b; line-height: 48px; text-align: center; font-size: 18px; font-weight: 700; margin: 0 auto; position: relative; top: 1px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); z-index: 99;}
.mob_bottom_fix .bottom {width: 100%; height: 404px; background-color: #fbb03b; height: 0; position: relative; z-index: 100;}
.mob_bottom_fix .bottom .contents {max-width: 343px; width: 100%; display: none; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; padding: 30px 0;}
.mob_bottom_fix .bottom .contents > input {width: 100%; height: 50px; border-radius: 10px; background-color: #fff; font-size: 14px; outline: none; padding: 0 15px; margin-bottom: 10px;}
.mob_bottom_fix .bottom .contents > input::placeholder {color: #b3b3b3;}
.mob_bottom_fix .bottom .contents select {width: 100%; height: 50px; border-radius: 10px; background: #fff url(../img/select-bottom-arrow.png) no-repeat 95%/12px; font-size: 14px; outline: none; appearance: none; padding: 0 15px; margin-bottom: 10px;}
.mob_bottom_fix .bottom .contents label {display: flex; justify-content: center; align-items: center; gap: 5px; margin: 5px 0 15px;}
.mob_bottom_fix .bottom .contents label input[type="checkbox"] {appearance: none; outline: none; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #333; position: relative; top: 2px;}
.mob_bottom_fix .bottom .contents label input[type="checkbox"]:checked {border: 8px solid #333;}
.mob_bottom_fix .bottom .contents label span {font-size: 16px; color: #333;}
.mob_bottom_fix .bottom .contents button {width: 240px; height: 60px; border-radius: 10px; background-color: #333; color: #fff; font-size: 21px;}

.fix_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 499; display: none;}






/* footer */
footer {width: 100%; padding: 40px 16px; background-color: #212121; position: relative; z-index: 501;}
footer .inner {width: 100%; margin: 0 auto;}
footer .inner > img {width: 100px;}

footer .inner .middle {margin: 25px 0;}
footer .inner .middle .contents {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 10px;}
footer .inner .middle .contents:last-child {margin-bottom: 0;}
footer .inner .middle .contents p {font-size: 12px; line-height: 14px; color: #fff; font-weight: 300; width: 180px;}
footer .inner .middle .contents p:first-child {font-weight: 400;}
footer .inner .middle .contents p:nth-child(even) {width: calc(100% - 180px);}

footer .inner .bottom .top {display: flex; align-items: center; gap: 20px;}
footer .inner .bottom .top a {position: relative; font-size: 14px; color: #fff;}
footer .inner .bottom .top a::before {content: ''; position: absolute; top: 4px; right: -10px; width: 1px; height: 14px; background-color: #fff;}
footer .inner .bottom .top a:last-child::before {display: none;}
footer .inner .bottom .line {width: 100%; height: 2px; background-color: #fff; margin: 10px auto;}
footer .inner .bottom .bot {display: flex; flex-direction: row; flex-wrap: wrap; gap: 3px;}
footer .inner .bottom .bot p {font-size: 14px; color: #9d9d9d; text-align: center;}
footer .inner .bottom .bot span {font-size: 14px; color: #9d9d9d;}





/***********************************************************************************/

/* sub_banner */
.sub_banner {position: relative; width: 100%; height: 800px; margin-top: 90px;}
.sub_banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35;}
.sub_banner .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff;}
.sub_banner .txt_box h2 {font-size: 48px; line-height: 48px; margin-bottom: 15px;}
.sub_banner .txt_box p {font-size: 24px; line-height: 24px; font-weight: 300; letter-spacing: 4px;}





/* menu_flow */
.menu_flow {width: 100%; height: 70px; background-color: #fff; box-shadow: 0px 5px 20px rgba(0,0,0,0.25); position: relative;}
.menu_flow .inner {width: 100%; height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 30px; padding: 0 16px;}
.menu_flow .inner h2 {font-size: 14px; line-height: 14px; font-weight: 700; color: #808080; position: relative; top: -1px;}
.menu_flow .inner img {width: 12px;}





/* intro */
.intro {width: 100%; padding: 80px 16px;}
.intro .t_top_c {width: 125px; display: block; margin: 0 auto;}
.intro.fact_intro .t_top_c {width: 134px;}
.intro_contents .contents {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.intro_contents .contents:first-child {margin-bottom: 120px;}
.intro_contents .contents .left p {font-size: 24px; line-height: 28px;}
.intro_contents .contents .left span {display: block; font-size: 16px; line-height: 30px; color: #666; margin: 20px 0; word-break: keep-all;}
.intro_contents .contents .right {position: relative; max-width: 480px; width: 100%; margin: 0 auto;}
.intro_contents .contents .right::before {content: ''; position: absolute; top: 20px; left: -20px; width: 100%; height: 100%; background-color: #f2f2f2; border-radius: 10px;}
.intro_slide {position: relative; width: 100%; border-radius: 10px; overflow: hidden;}
.intro_slide .swiper-slide {width: 100%;}
.intro_slide .swiper-slide img {width: 100%;}

.intro_slide .swiper_pagination01 {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 15; display: flex; align-items: center;}
.intro_slide .swiper-pagination-bullet {width: 6px; height: 6px; border: none; background-color: #fff; margin-right: 8px; opacity: 1;}
.intro_slide .swiper-pagination-bullet:last-child {margin-right: 0px;}
.intro_slide .swiper-pagination-bullet-active {background-color: #1a1a1a; width: 10px; height: 10px;}

.intro_slide .swiper_pagination02 {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 15; display: flex; align-items: center;}
.intro_slide .swiper-pagination-bullet {width: 6px; height: 6px; border: none; background-color: #fff; margin-right: 8px; opacity: 1;}
.intro_slide .swiper-pagination-bullet:last-child {margin-right: 0px;}
.intro_slide .swiper-pagination-bullet-active {background-color: #1a1a1a; width: 10px; height: 10px;}





/* report */
.report {width: 100%; padding: 80px 16px; background-color: #f2f2f2;}

.report_contents {display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px; max-width: 340px; width: 100%; margin: 0 auto;}
.report_contents .box_contents {max-width: 340px; width: 100%; margin-bottom: 30px; position: relative;}

.report_contents .box_contents .txt_box {display: flex; align-items: center; margin-bottom: 10px;}
.report_contents .box_contents .txt_box .box {display: flex; justify-content: space-between; align-items: center; width: 50%;}
.report_contents .box_contents .txt_box .box div {display: flex; align-items: center; gap: 10px;}
.report_contents .box_contents .txt_box .box div h2 {font-size: 12px; line-height: 12px;}
.report_contents .box_contents .txt_box .box div p {font-size: 12px; line-height: 12px; font-weight: 300;}
.report_contents .box_contents .txt_box .box h3 {font-size: 12px; line-height: 12px;}

.report_contents .box_contents .contents {position: relative; width: 100%; height: 194px; border: 1px solid #bbb; overflow: hidden; background-color: #fff;}
.report_contents .box_contents .contents .report_branch {position: absolute; top: 5px; left: 5px; width: 80px; height: 30px; border-radius: 5px; background-color: #333; color: #fff; z-index: 22; display: none;}
.report_contents .box_contents .contents .report_branch h2 {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: 12px; font-weight: 300;}
.report_contents .box_contents .contents .top_contents {position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; z-index: 21;}
.report_contents .box_contents .contents .top_contents img {width: 50%;}

.report_contents .cocoen_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 190px; z-index: 20; opacity: 0;}
.report_contents .cocoen_box .cocoen {position: relative; overflow: hidden;}
.report_contents .cocoen_box img {max-width: none;}
.report_contents .cocoen_box .cocoen div {position: absolute; top: 0; left: 0; width: 50%; height: 100%;}

.report_contents .box_cate {position: relative; width: 150px; height: 35px; margin: 0 auto;}
.report_contents .box_cate li {position: absolute; width: 100%; height: 100%; border-radius: 0 0 10px 10px; background-color: #555; color: #fff; line-height: 33px; text-align: center; font-size: 14px; font-weight: 500; opacity: 0; transition: opacity .5s; cursor: pointer;}
.report_contents .box_cate li:first-child {background-color: #555;}
.report_contents .box_cate li:last-child {background-color: #fbb03b; color: #000; font-weight: 700;}
.report_contents .box_cate li.on {opacity: 1;}



/* .report_contents .box_contents .no_log {position: absolute; top: 0; left: 0; width: 100%; height: 194px; background-color: #000; z-index: 250; display: flex; justify-content: center; align-items: center; font-size: 14px; color: #fff; text-align: center;}
.report_contents .txt_box {margin-top: 20px;}
.report_contents .txt_box p {font-size: 18px; line-height: 18px; font-weight: 300; margin-bottom: 10px; text-align: center;}
.report_contents .txt_box span {display: block; font-size: 14px; line-height: 21px; text-align: center; word-break: keep-all;} */





/* watch */
.watch {width: 100%; padding: 80px 16px;}

/* .watch .youtube_slide {position: relative; width: 100%; margin-bottom: 15px;}
.watch .youtube_slide .swiper-slide {width: 100%;}
.watch .youtube_slide .swiper-slide img {width: 100%;}
.watch .youtube_slide > img {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 11;}
.watch .youtube_slide .you_prev {left: 10px;}
.watch .youtube_slide .you_next {right: 10px;}

.watch .youtube_slide01 .swiper-slide {position: relative;}
.watch .youtube_slide01 .swiper-slide .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8;}
.watch .youtube_slide01 .swiper-slide-active .bg {display: none;} */

.watch_contents {max-width: 1200px; width: 100%; margin: 0 auto;}
.watch_contents .main_watch_contents {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.watch_contents .main_watch_contents iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.watch_contents .bottom_watch {width: 100%; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin-top: 20px;}
.watch_contents .bottom_watch .bottom_watch_box {width: 24%; position: relative;}
.watch_contents .bottom_watch .bottom_watch_box .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.watch_contents .bottom_watch .bottom_watch_contents {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.watch_contents .bottom_watch .bottom_watch_contents iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.watch_contents .bottom_watch .bottom_watch_box img {width: 100%; height: 120px; object-fit: cover;}




/* point */
.point {width: 100%; padding: 80px 16px; background-color: #f2f2f2;}
.point_contents > div {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 60px;}
.point_contents > div h2 {width: 60px; height: 60px; background-color: #fbb03b; border-radius: 50%; text-align: center; line-height: 58px; font-size: 24px; color: #fff; margin-bottom: 20px;}
.point_contents > div h3 {font-size: 24px; line-height: 24px; word-break: keep-all; text-align: center;}
.point_contents > div p {font-size: 21px; line-height: 21px; word-break: keep-all; text-align: center; margin: 15px 0 20px;}
.point_contents > div .bottom {display: flex; justify-content: center; gap: 15px;}
.point_contents > div .bottom span {display: block; font-size: 16px; line-height: 16px; font-weight: 500; margin-top: 10px; text-align: center;}
.point_contents > div > img {max-width: 615px; width: 100%;}





/* solution */
.solution {width: 100%; padding: 80px 16px;}
.solution_contents {margin-top: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.solution_contents > h2 {font-size: 24px; line-height: 24px; font-weight: 300; margin-bottom: 30px; text-align: center;}

.solution_contents .contents .left {width: 100%; text-align: center;}
.solution_contents .contents .left h3 {font-size: 24px; line-height: 28px;}
.solution_contents .contents .left p {font-size: 16px; line-height: 24px; color: #999; margin: 20px auto 30px; word-break: keep-all;}
.solution_contents .contents .left .bottom {display: flex; flex-direction: column; margin-bottom: 20px;}
.solution_contents .contents .left .bottom h4 {font-size: 21px; line-height: 21px; color: #fbb03b; margin-bottom: 10px;}
.solution_contents .contents .left .bottom span {font-size: 16px; line-height: 16px;}
.solution_contents .contents .left .bottom i {font-style: normal; font-size: 16px; line-height: 16px; font-weight: 300; margin: 20px 0 10px;}
.solution_contents .contents .left .bottom em {font-style: normal; font-size: 14px; line-height: 14px; font-weight: 300; word-break: keep-all;}

.solution_contents .contents .right {display: flex; justify-content: center; align-items: flex-start; width: 100%; gap: 15px;}
.solution_contents .contents .right div h5 {font-size: 16px; line-height: 16px; margin-top: 10px; text-align: center;}
.solution_contents .contents .right div p {font-size: 14px; line-height: 14px; text-align: center; margin-top: 5px;}



.notice_board {margin-top:20px;}
.notice_board ul {display: flex; background-color: #fbb03b;}
.notice_board ul li {display: flex; justify-content: center; align-items: center; height: 60px; color: #fff; font-size: 18px; font-weight: 700;}
.notice_board a {display: flex; border-bottom: 1px solid #fbb03b;}
.notice_board a p {display: flex; justify-content: center; align-items: center; height: 50px; font-weight: 300;}

.notice_board ul li:nth-child(1) {width: 100px;}
.notice_board ul li:nth-child(2) {width: calc(100% - 440px);}
.notice_board ul li:nth-child(3) {width: 120px;}
.notice_board ul li:nth-child(4) {width: 120px;}
.notice_board ul li:nth-child(5) {width: 100px;}

.notice_board a p:nth-child(1) {width: 100px;}
.notice_board a p:nth-child(2) {display: block; line-height: 50px; width: calc(100% - 440px); padding-left: 10px; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden;}
.notice_board a p:nth-child(3) {width: 120px;}
.notice_board a p:nth-child(4) {width: 120px;}
.notice_board a p:nth-child(5) {width: 100px;}
.notice_board a:last-child {border-bottom: 2px solid #fbb03b;}

.list-page {display: flex; gap: 15px; justify-content: center; margin: 20px auto 20px;}
.list-page .prev {position: relative; width: 30px; height: 30px; background-color: #4d4d4d;}
.list-page .prev a {display: block; width: 100%; height: 100%;}
.list-page .prev span:first-child {position: absolute; top: 11px; left: 8px; width: 12px; height: 3px; background-color: #fff; border-radius: 3px; transform: rotate(-45deg);}
.list-page .prev span:last-child {position: absolute; top: 18px; left: 8px; width: 12px; height: 3px; background-color: #fff; border-radius: 3px; transform: rotate(45deg);}
.list-page .num {display: flex; gap: 15px;}
.list-page .num div {width: 30px; height: 30px; background-color: #4d4d4d; color: #fff; text-align: center; line-height: 30px; font-weight: 500; font-size: 20px;}
.list-page .num div a {display: block; width: 100%; height: 100%;}
.list-page .num div.on {background-color: #fbb03b; color: #fff; font-weight: 900;}
.list-page .next {position: relative; width: 30px; height: 30px; background-color: #4d4d4d;}
.list-page .next a {display: block; width: 100%; height: 100%;}
.list-page .next span:first-child {position: absolute; top: 11px; right: 8px; width: 12px; height: 3px; background-color: #fff; border-radius: 3px; transform: rotate(45deg);}
.list-page .next span:last-child {position: absolute; top: 18px; right: 8px; width: 12px; height: 3px; background-color: #fff; border-radius: 3px; transform: rotate(-45deg);}


.detail-title {display: flex; padding: 16px 50px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; align-items: center; margin-top:20px; margin-bottom: 20px;}
.detail-title > p {width: 100%; word-break: keep-all; font-weight: 700; font-size: 18px; padding-right: 20px;}
.detail-title div {width: 260px; display: flex; justify-content: space-between;}
.detail-title div p {margin-right: 10px;}
.detail-title div p span {margin-left: 6px;}
.detail-title ul {display: flex; align-items: center;}
.detail-title ul:first-child {margin-right: 80px;}
.detail-title ul li {height: 22px;line-height: 22px; font-weight: 700; position: relative;}
.detail-title ul li:first-child {margin-right: 26px;}
.detail-title ul li:first-child::before {content: ''; position: absolute; top: 4px; right: -13px; width: 1px; height: 14px; background-color: #1a1a1a;}
.detail-content {display: flex; flex-direction: column; align-items: center;}
.detail-content p {line-height: 24px; text-align: center; word-break: keep-all; position: relative;}
/* .detail-content p a {pointer-events: none; cursor: default;} */
.detail-content img {display: block; margin: 30px auto 30px;}

.detail-content div img {display: inline;}
.inner .list_go {width: 240px; height: 60px; background-color: #fbb03b; color: #fff; font-size: 21px; display: flex; justify-content: center; align-items: center; margin: 20px auto;}



/* skin01 */
.skin01 {width: 100%; padding: 80px 16px; background-color: #f2f2f2;}
.skin_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; margin-top: 40px;}
.skin_txt h2 {width: 60px; height: 60px; background-color: #fbb03b; border-radius: 50%; text-align: center; line-height: 58px; font-size: 24px; color: #fff;}
.skin_txt p {font-size: 21px; line-height: 25px; text-align: center;}

.skin_contents01 {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.skin_contents01 > img {max-width: 480px; width: 100%;}
.skin_contents01 .right {max-width: 400px; width: 100%;}
.skin_contents01 .right .contents {margin-bottom: 24px; display: flex; align-items: flex-start;}
.skin_contents01 .right .contents:last-child {margin-bottom: 0;}
.skin_contents01 .right .contents h3 {width: 75px; height: 75px; border-radius: 50%; font-size: 18px; line-height: 22px; color: #fff; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #ce9a89; margin-right: 15px;}
.skin_contents01 .right .contents:first-child h3 {background-color: #cf916b;}
.skin_contents01 .right .contents:last-child h3 {background-color: #d1bf87;}
.skin_contents01 .right .contents div {width: calc(100% - 90px); position: relative; top: 17px;}
.skin_contents01 .right .contents div p {font-size: 16px; line-height: 16px; margin-bottom: 5px;}
.skin_contents01 .right .contents div span {font-size: 16px; line-height: 19px; color: #999; word-break: keep-all;}





/* skin02 */
.skin02_slide .swiper_pagination03 {width: 100%; display: flex; justify-content: center; align-items: center; gap: 2px; margin: 40px auto;}
.skin02_slide .swiper-pagination-bullet {width: 180px; height: 40px; border: none; background-color: #999; opacity: 1; border-radius: 50px; font-size: 16px; line-height: 38px; color: #fff; font-weight: 700; text-align: center;}
.skin02_slide .swiper-pagination-bullet-active {background-color: #fbb03b;}

.skin02_slide > p {font-size: 24px; line-height: 28px; text-align: center; width: 100%; margin: 60px auto;}

.skin02_slide .swiper-slide {width: 100%;}
.skin02_slide .swiper-slide > img {display: block; width: 100%; height: 300px; object-fit: cover; margin: 0 auto;}
.skin02_slide .swiper-slide p {font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 10px;}

.skin02_slide > img {position: absolute; bottom: 132px; width: 40px; z-index: 11; cursor: pointer;}
.skin02_slide .skin_prev {left: 2%;}
.skin02_slide .skin_next {right: 2%;}


/* animation */
.skin02_slide .swiper-slide div {position: absolute; left: 50%; transform: translateX(-50%); z-index: 11;}
.skin02_slide .swiper-slide div img {position: absolute;}

.ani01 {bottom: 25px; width: 300px; height: 100px;}
.ani01 img {width: 25px;}
.ani01 img:nth-child(1) {top: 0; left: 0; transform: rotate(60deg); animation: ani0101 1s infinite ease-in-out;}
.ani01 img:nth-child(2) {bottom: 25px; left: 55px; transform: rotate(30deg); animation: ani0102 1s infinite ease-in-out;}
.ani01 img:nth-child(3) {bottom: 0; left: 50%; transform: translateX(-50%); animation: ani0103 1s infinite ease-in-out;}
.ani01 img:nth-child(4) {bottom: 25px; right: 55px; transform: rotate(-30deg); animation: ani0104 1s infinite ease-in-out;}
.ani01 img:nth-child(5) {top: 0; right: 0; transform: rotate(-60deg); animation: ani0105 1s infinite ease-in-out;}

@keyframes ani0101 {
    0% {transform: translate(0px, 0px) rotate(60deg);}
    50% {transform: translate(14px, -14px) rotate(60deg);}
    100% {transform: translate(0px, 0px) rotate(60deg);}
}

@keyframes ani0102 {
    0% {transform: translate(0px, 0px) rotate(30deg);}
    50% {transform: translate(14px, -14px) rotate(30deg);}
    100% {transform: translate(0px, 0px) rotate(30deg);}
}

@keyframes ani0103 {
    0% {transform: translate(-50%, 0px);}
    50% {transform: translate(-50%, -15px);}
    100% {transform: translate(-50%, 0px);}
}

@keyframes ani0104 {
    0% {transform: translate(0px, 0px) rotate(-30deg);}
    50% {transform: translate(-14px, -14px) rotate(-30deg);}
    100% {transform: translate(0px, 0px) rotate(-30deg);}
}

@keyframes ani0105 {
    0% {transform: translate(0px, 0px) rotate(-60deg);}
    50% {transform: translate(-14px, -14px) rotate(-60deg);}
    100% {transform: translate(0px, 0px) rotate(-60deg);}
}


.ani02 {bottom: 85px; width: 175px; height: 93px; overflow: hidden;}
.ani02 img {bottom: 0; left: 0; width: 175px; animation: ani03 6s infinite linear;}

.ani03 {bottom: 30px; width: 300px; height: 150px; overflow: hidden;}
.ani03 img {bottom: 0; left: 0; width: 300px; animation: ani04 6s infinite linear;}

@keyframes ani03 {
    0% {transform: rotate(360deg);}
    100% {transform: rotate(0deg);}
}

@keyframes ani04 {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


.ani04 {bottom: 185px; width: 250px; height: 60px;}
.ani04 img {width: 40px;}
.ani04 img:nth-child(1) {bottom: 0; left: 0; transform: rotate(-30deg); animation: ani0401 1s infinite ease-in-out;}
.ani04 img:nth-child(2) {top: 0; left: 50%; transform: translateX(-50%); animation: ani0402 1s infinite ease-in-out;}
.ani04 img:nth-child(3) {bottom: 0; right: 0; transform: rotate(30deg); animation: ani0403 1s infinite ease-in-out;}

@keyframes ani0401 {
    0% {transform: translate(0px, 0px) rotate(-30deg);}
    50% {transform: translate(-14px, -14px) rotate(-30deg);}
    100% {transform: translate(0px, 0px) rotate(-30deg);}
}

@keyframes ani0402 {
    0% {transform: translate(-50%, 0px);}
    50% {transform: translate(-50%, -15px);}
    100% {transform: translate(-50%, 0px);}
}

@keyframes ani0403 {
    0% {transform: translate(0px, 0px) rotate(30deg);}
    50% {transform: translate(14px, -14px) rotate(30deg);}
    100% {transform: translate(0px, 0px) rotate(30deg);}
}





/* treat_target */
.treat_target {width: 100%; padding: 80px 16px; background-color: #f2f2f2;}
.treat_target .t_top_c {width: 150px; margin: 0 auto;}
.treat_target_contents {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; max-width: 600px; width: 100%; margin: 60px auto 0;}
.treat_target_contents li {width: 50%; position: relative; cursor: pointer;}
.treat_target_contents li img {width: 100%; height: 100%; object-fit: cover; opacity: 0.1; transition: opacity 0.3s;}
.treat_target_contents li .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; transition: opacity 0.3s;}
.treat_target_contents li .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.treat_target_contents li .txt_box h2 {font-size: 80px; line-height: 80px; color: #808080; text-align: center; transition: all 0.3s;}
.treat_target_contents li .txt_box .target_line {width: 100px; height: 3px; background-color: #808080; margin: 20px auto 30px; transition: all 0.3s;}
.treat_target_contents li .txt_box p {height: 48px; font-size: 16px; line-height: 24px; color: #808080; text-align: center; word-break: keep-all; transition: all 0.3s;}


.treat_target_contents li:hover img {opacity: 1;}
.treat_target_contents li:hover .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.8;}
.treat_target_contents li:hover .txt_box h2 {color: #fff;}
.treat_target_contents li:hover .txt_box .target_line {background-color: #fff;}
.treat_target_contents li:hover .txt_box p {color: #fff;}






/* true */
.true {width: 100%; padding: 80px 0;}

.true .click_event {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; margin: 30px 0 60px;}
.true .click_event li {position: relative; width: 300px; height: 300px; border-radius: 50%; background-color: #fbb03b; color: #fff; cursor: pointer; transition: all 0.2s;}
.true .click_event li h2 {position: absolute; top: 40px; left: 50%; transform: translateX(-50%); font-size: 48px; line-height: 48px; font-weight: 900;}
.true .click_event li p {position: absolute; top: 110px; left: 50%; transform: translateX(-50%); font-size: 18px; line-height: 18px; font-weight: 300; width: 100%; text-align: center;}
.true .click_event li .normal {position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; opacity: 1;}
.true .click_event li .normal img {width: 32px;}
.true .click_event li .normal span {display: block; font-size: 14px; line-height: 16px; font-weight: 300; text-align: center; margin-top: 5px;}
.true .click_event li .click {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center; display: none; opacity: 0;}
.true .click_event li .click h3 {font-size: 48px; line-height: 48px; font-weight: 900;}
.true .click_event li .click h4 {font-size: 28px; line-height: 28px;}
.true .click_event li.on {background-color: #b3b3b3;}

.true .bottom_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; word-break: keep-all;}
.true .bottom_txt p {font-size: 36px; line-height: 48px; margin-bottom: 40px;}
.true .bottom_txt span {display: block; font-size: 18px; line-height: 30px; margin-bottom: 40px;}
.true .bottom_txt h2 {font-size: 24px; line-height: 36px; margin-bottom: 20px;}
.true .bottom_txt h3 {font-size: 18px; line-height: 18px; margin-bottom: 40px;}
.true .bottom_txt ul {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px;}
.true .bottom_txt ul li {width: 10px; height: 10px; border-radius: 50%; background-color: #b3b3b3;}

.true_contents {width: 100%; margin: 0 auto;}
.true_contents .contents_box {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 80px;}
.true_contents .contents_box:last-child {margin-bottom: 0;}
.true_contents .contents_box .contents {width: 32%;}
.true_contents .contents_box .contents .img_box {position: relative;}
.true_contents .contents_box .contents .img_box p {width: 120px; height: 35px; border-radius: 45px; background-color: #1a1a1a; color: #fff; font-size: 16px; line-height: 33px; font-weight: 500; text-align: center; position: absolute; top: -17.5px; left: 50%; transform: translateX(-50%);}
.true_contents .contents_box .contents h2 {font-size: 16px; line-height: 16px; text-align: center; margin-top: 10px; font-weight: 400;}
.true_contents .contents_box .contents:last-child h2 {font-weight: 700;}





/* charge */
.charge {width: 100%; padding: 80px 16px; background-color: #f2f2f2;}
.charge .charge_title {max-width: 343px; width: 100%; height: 60px; border-radius: 20px; border: 1px solid #333; text-align: center; line-height: 58px; font-size: 21px; margin: 0 auto 40px;}

.charge01 {display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; margin-bottom: 60px;}
.charge01 .contents {position: relative;}
.charge .charge01 .contents .top {position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 270px;}
.charge .charge01 .contents .top p {font-size: 28px; line-height: 34px; height: 68px;}
.charge .charge01 .contents .top .line {width: 100%; height: 1px; background-color: #4d4d4d; margin: 20px auto 40px;}
.charge .charge01 .contents .top h2 {font-size: 28px; line-height: 28px; text-align: right;}

.charge .charge02 {margin: 60px auto 80px;}
.charge .charge02 .txt_box {margin-bottom: 100px; max-width: 456px; width: 100%; margin: 0 auto 60px;}
.charge .charge02 .txt_box div {display: flex; align-items: center; margin-bottom: 25px;}
.charge .charge02 .txt_box div:last-child {margin-bottom: 0;}
.charge .charge02 .txt_box div h2 {font-size: 20px; line-height: 20px; width: 110px;}
.charge .charge02 .txt_box div p {font-size: 20px; line-height: 20px; font-weight: 300; width: calc(100% - 110px); word-break: keep-all;}
.charge .charge02 .img_box {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}
.charge .charge02 .img_box img {max-width: 465px; width: 100%;}

.charge_contents {display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 40px; max-width: 440px; width: 100%; margin: 0 auto;}
.charge_contents li {width: 200px; position: relative; cursor: pointer;}
.charge_contents li h2 {position: absolute; top: 0; left: 0; font-size: 24px; line-height: 24px; color: #333; transition: all 0.3s;}
.charge_contents li .icon_box {width: 100%; height: 200px; border-radius: 50%; background-color: #333; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.charge_contents li .icon_box img {width: 75px; height: 75px;}
.charge_contents li h3 {font-size: 18px; line-height: 18px; font-weight: 500; text-align: center; margin: 10px 0;}
.charge_contents li p {font-size: 14px; line-height: 24px; color: #999; text-align: center; word-break: keep-all;}
.charge_contents li:hover .icon_box {background-color: #fbb03b;}
.charge_contents li:hover h2 {color: #fbb03b;}

.charge_go {display: flex; justify-content: center; align-items: center; max-width: 343px; width: 100%; height: 60px; border-radius: 15px; background-color: #fbb03b; margin: 80px auto 0;}
.charge_go p {font-size: 14px; line-height: 14px;}
.charge_go i {display: block; width: 1px; height: 25px; background-color: #333; margin: 0 15px 0 15px;}
.charge_go img {width: 20px;}





/* faq */
.faq {width: 100%; padding: 80px 16px;}
.faq_contents {width: 100%; margin: 0 auto;}
.faq_contents ul {border-radius: 10px; margin-bottom: 50px;}
.faq_contents ul:last-child {margin-bottom: 0;}
.faq_contents ul li:first-child {width: 100%; height: 70px; border-radius: 8px; border: 1px solid #1a1a1a; display: flex; align-items: center; padding: 0 20px; cursor: pointer;}
.faq_contents ul li:first-child h2 {font-size: 16px; margin-right: 15px;}
.faq_contents ul li:first-child p {font-size: 16px; font-weight: 300; width: calc(100% - 35px); word-break: keep-all;}
.faq_contents ul li:last-child {padding: 20px; font-size: 14px; line-height: 28px; word-break: keep-all; display: none;}

.faq_contents ul li.on:first-child {background-color: #1a1a1a;}
.faq_contents ul li.on:first-child h2 {color: #fff;}
.faq_contents ul li.on:first-child p {color: #fff;}





/* diet */
.diet_contents {display: flex; justify-content: center; gap: 20px; margin: 50px auto;}
.diet_contents .contents {width: 160px; height: 160px; border-radius: 50%; background-color: #f1f1f1; position: relative; transition: all 0.3s; cursor: pointer;}
.diet_contents .contents p {position: absolute; top: 35px; left: 50%; transform: translateX(-50%); font-size: 12px; line-height: 16px; text-align: center; width: 100%;}
.diet_contents .contents h2 {position: absolute; top: 95px; left: 50%; transform: translateX(-50%); font-size: 21px; line-height: 21px; text-align: center; width: 100%;}
.diet_contents .contents:hover {background-color: #fbb03b;}

.detail_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px;}
.detail_txt p {font-size: 24px; line-height: 36px; font-weight: 300; text-align: center; color: #666; word-break: keep-all;}
.detail_txt p b {color: #1a1a1a;}
.cover_txt {display: block; text-align: center; font-size: 16px; line-height: 36px; color: #666; font-weight: 300;}
.cover_txt i {font-style: normal; color: #1a1a1a; font-weight: 400; padding: 2px 8px; background-color: #fbb03b; border-radius: 50px;}





/* diet */
.diet {padding: 80px 16px;}
.diet01 {background-color: #f1f1f1; padding: 80px 16px;}
.diet02 {padding: 80px 16px;}
.diet03 {background-color: #f1f1f1; padding: 80px 16px;}
.diet04 {padding: 80px 16px;}





/* diet01 */
.diet_title {margin-bottom: 25px;}
.diet_title h2 {width: 60px; height: 60px; background-color: #fbb03b; border-radius: 50%; line-height: 56px; text-align: center; font-size: 24px; color: #fff; margin: 0 auto 30px;}
.diet_title p {font-size: 28px; line-height: 36px; font-weight: 300; text-align: center; word-break: keep-all;}
.big_title {font-size: 48px; line-height: 48px; text-align: center; margin: 25px auto 50px;}

.diet_contents_img {max-width: 400px; width: 100%; display: block; margin: 40px auto 0; border-radius: 50%; border: 1px solid #b2b2b2;}
.diet_contents_img.mb80 {margin: 40px auto 80px;}


.diet_bottom_txt {margin-bottom: 80px;}


.diet04 .inner {width: 100%;}
.box6 {display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.box6 .contents {width: 49%; margin-bottom: 30px;}
.box6 .contents .top {width: 100%; height: 55px; background-color: #333; position: relative;}
.box6 .contents .top h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 18px; line-height: 18px; color: #fff; text-align: center;}
.box6 .contents .bot {width: 100%; height: 150px; border: 1px solid #989898; margin-top: 10px; position: relative;}
.box6 .contents .bot p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 14px; line-height: 32px; color: #666; word-break: keep-all; text-align: center;}





.pimple_category {display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 auto 60px;}
.pimple_category a {display: block; width: 140px; height: 50px; border-radius: 15px; background-color: #999; font-size: 14px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -1px; line-height: 48px; cursor: pointer;}
.pimple_category a.on {background-color: #fbb03b;}


.case_category {display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0 auto 60px;}
.case_category li {display: block; width: 110px; height: 45px; border-radius: 15px; background-color: #999; font-size: 14px; font-weight: 500; color: #fff; text-align: center; letter-spacing: -1px; line-height: 45px; cursor: pointer;}
.case_category li.on {background-color: #fbb03b;}

.case_box .report_contents {display: none;}
.case_box .report_contents.active {display: flex;}


.true01 {width: 100%; padding: 100px 0; background-color: #f2f2f2;}
.true01 .bottom_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.true01 .bottom_txt p {font-size: 48px; line-height: 60px; margin-bottom: 60px;}
.true01 .bottom_txt span {display: block; font-size: 21px; line-height: 36px; margin-bottom: 40px;}
.true01 .bottom_txt h2 {font-size: 36px; line-height: 48px; margin-bottom: 20px;}
.true01 .bottom_txt h3 {font-size: 24px; line-height: 24px; margin-bottom: 60px;}
.true01 .bottom_txt ul {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; margin-bottom: 40px;}
.true01 .bottom_txt ul li {width: 15px; height: 15px; border-radius: 50%; background-color: #b3b3b3;}


.sub_change01 {background-color: #fff;}
.cp_contents .cp_title {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; margin-bottom: 60px;}
.cp_contents .cp_title h2 {width: 60px; height: 60px; border-radius: 50%; background-color: #fbb03b; font-size: 24px; line-height: 58px; color: #fff; text-align: center;}
.cp_contents .cp_title h3 {font-size: 24px; line-height: 24px; text-align: center;}

.cp_contents01 .contents {display: flex; justify-content: center; align-items: center; gap: 80px; max-width: 960px; width: 100%; padding: 40px 0; background-color: #f2f2f2; border-radius: 15px; margin: 0 auto;}
.cp_contents01 .contents .left h2 {font-size: 36px; line-height: 43px; margin-bottom: 15px;}
.cp_contents01 .contents .left h2 span {font-size: 28px; font-weight: 300;}
.cp_contents01 .contents .left p {font-size: 24px; line-height: 24px; font-weight: 300;}
.cp_contents01 .contents .line {width: 1px; height: 120px; background-color: #4d4d4d;}
.cp_contents01 .contents h3 {font-size: 70px; line-height: 70px;}
.cp_contents01 .contents h3 span {font-size: 24px; line-height: 24px;}
.cp_contents01 .bottom {max-width: 720px; width: 100%; margin: 40px auto 80px;}
.cp_contents01 .bottom div {display: flex; gap: 14px; margin-bottom: 20px;}
.cp_contents01 .bottom div img {width: 20px; height: 20px;}
.cp_contents01 .bottom div p {font-size: 21px; line-height: 25px; width: calc(100% - 34px); word-break: keep-all;}

.cp_contents02 h4 {font-size: 24px; line-height: 24px; text-align: center;}
.cp_contents02 h4 span {font-weight: 300;}
.cp_contents02 .contents {max-width: 960px; width: 100%; margin: 60px auto;}
.cp_contents02 .contents > div {display: flex; align-items: center; padding: 24px 60px; gap: 60px; background-color: #f2f2f2; border-radius: 15px; margin-bottom: 25px;}
.cp_contents02 .contents > div:last-child {margin-bottom: 0;}
.cp_contents02 .contents > div h2 {font-size: 24px;}
.cp_contents02 .contents > div .line {width: 1px; height: 50px; background-color: #1a1a1a;}
.cp_contents02 .contents > div p {font-size: 24px; font-weight: 300; word-break: keep-all;}
.cp_contents02 .bottom {display: flex; justify-content: space-between; align-items: center;}
.cp_contents02 .bottom img {width: 49%;}


.charge_contents01 {display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 40px; max-width: 440px; width: 100%; margin: 100px auto 0;}
.charge_contents01 li {width: 200px; position: relative; cursor: pointer;}
.charge_contents01 li .icon_box {width: 100%; height: 200px; border-radius: 50%; border: 3px solid #ccc; display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.charge_contents01 li .icon_box p {width: 75px; height: 75px;}
.charge_contents01 li .line {width: 66%; height: 2px; background-color: #333; margin: 15px auto;}
.charge_contents01 li h2 {font-size: 24px; line-height: 24px; text-align: center;}
.charge_contents01 li h3 {font-size: 18px; line-height: 18px; font-weight: 500; text-align: center; margin: 10px 0;}
.charge_contents01 li p {font-size: 14px; line-height: 26px; color: #333; text-align: center; word-break: keep-all;}

.charge_contents01 li:nth-child(1) .icon_box p {background: url(../img/icon-g-process01.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(2) .icon_box p {background: url(../img/icon-g-process02.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(3) .icon_box p {background: url(../img/icon-g-process03.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(4) .icon_box p {background: url(../img/icon-g-process04.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(5) .icon_box p {background: url(../img/icon-g-process05.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(6) .icon_box p {background: url(../img/icon-g-process06.png) no-repeat center/cover;}

.charge_contents01 li:hover .icon_box {border: 3px solid #fbb03b;}
.charge_contents01 li:hover .line {background-color: #fbb03b;}

.charge_contents01 li:nth-child(1):hover .icon_box p {background: url(../img/icon-g-process-on01.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(2):hover .icon_box p {background: url(../img/icon-g-process-on02.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(3):hover .icon_box p {background: url(../img/icon-g-process-on03.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(4):hover .icon_box p {background: url(../img/icon-g-process-on04.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(5):hover .icon_box p {background: url(../img/icon-g-process-on05.png) no-repeat center/cover;}
.charge_contents01 li:nth-child(6):hover .icon_box p {background: url(../img/icon-g-process-on06.png) no-repeat center/cover;}


.sub_faq {position: relative; background-color: #eef1f3;}
.sub_faq::before {content: ''; position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background-color: #eef1f3;}
.sub_faq.cora_faq::before {display: none;}
.sub_faq.sub07_faq::before {display: none;}
.sub06_charge {position: relative; background-color: #eef1f3;}
.sub06_charge::before {content: ''; position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background-color: #eef1f3;}
.sub06_charge .cp_contents02 .contents > div {background-color: #fff;}
.cora_result {position: relative; background-color: #eef1f3;}
.cora_result::before {content: ''; position: absolute; bottom: -50px; left: 0; width: 100%; height: 50px; background-color: #eef1f3;}


.sub02_third {width: 100%; margin: 50px auto 0; display: flex; justify-content: center; align-items: flex-start; gap: 20px;}
.sub02_third li {position: relative; width: 200px; cursor: pointer;}
.sub02_third li img {width: 100%; height: 200px; border-radius: 50%;}
.sub02_third li .border_line {position: absolute; top: 0; left: 0; width: 100%; height: 200px; border-radius: 50%; border: 5px solid #fbb03b; opacity: 0; transition: opacity 0.3s;}
.sub02_third li h2 {font-size: 14px; line-height: 14px; text-align: center; margin-top: 10px;}
.sub02_third li p {font-size: 24px; line-height: 24px; text-align: center; margin: 10px auto 15px;}
.sub02_third li span {display: block; font-size: 16px; line-height: 28px; text-align: center; font-weight: 300; text-align: center; word-break: keep-all;}
.sub02_third li:hover .border_line {opacity: 1;}





.pimple_box {margin-top: 80px;}
.pimple_box .left {position: relative; max-width: 343px; width: 100%; margin: 0 auto;}
.pimple_box .left .contents {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.pimple_box .left .contents p {position: absolute; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../img/pimple-click.png) no-repeat center/cover; cursor: pointer;}
.pimple_box .left .contents p.on {background: url(../img/pimple-click-on.png) no-repeat center/cover;}

.pimple_box .left .contents p:nth-child(1) {top: 62%; left: 75%;}
.pimple_box .left .contents p:nth-child(2) {top: 44%; left: 85%;}
.pimple_box .left .contents p:nth-child(3) {top: 37%; left: 51%;}
.pimple_box .left .contents p:nth-child(4) {top: 57%; left: 51%;}

.pimple_box .right {max-width: 640px; width: 100%; margin: 30px auto 0;}
.pimple_box .right .pim_box_category {display: flex; justify-content: center; gap: 10px; margin-bottom: 25px;}
.pimple_box .right .pim_box_category li {display: block; width: 90px; height: 30px; border-radius: 35px; background-color: #999; color: #fff; font-size: 11px; line-height: 30px; font-weight: 500; text-align: center; cursor: pointer;}
.pimple_box .right .pim_box_category li.on {background-color: #fbb03b;}

.pimple_box .right .contents {display: none; opacity: 0;}
.pimple_box .right .contents.active {display: block; opacity: 1;}
.pimple_box .right .contents h2 {font-size: 24px; line-height: 24px; text-align: center;}
.pimple_box .right .contents p {font-size: 16px; line-height: 24px; word-break: keep-all; margin: 15px 0 30px; text-align: center;}

.pimple_slide {position: relative; width: 100%;}
.pimple_slide .swiper-slide {width: 100%; height: 100%; overflow: hidden; border-radius: 15px;}

.pimple_slide .swiper-pagination {position: absolute; bottom: 20px; right: 25px; z-index: 15; display: flex; align-items: center;}
.pimple_slide .swiper-pagination-bullet {width: 12px; height: 12px; border: 1px solid #1a1a1a; background-color: transparent; margin-right: 7px; opacity: 1;}
.pimple_slide .swiper-pagination-bullet:last-child {margin-right: 0px;}
.pimple_slide .swiper-pagination-bullet-active {background-color: #1a1a1a; width: 12px; height: 12px;}

.pimple_box .right .contents a {display: block; width: 200px; height: 50px; border-radius: 15px; background-color: #333; color: #fff; font-size: 16px; font-weight: 500; line-height: 50px; text-align: center; margin: 20px auto 0;}


.pimple_box01 {margin-top: 60px;}
.pimple_box01 .left {display: flex; justify-content: center; align-items: flex-start; gap: 25px; margin-bottom: 40px;}
.pimple_box01 .left .contents {cursor: pointer;}
.pimple_box01 .left .contents:last-child {margin-bottom: 0;}
.pimple_box01 .left .contents div {display: flex; justify-content: center; align-items: center; background-color: #b3b3b3; width: 200px; height: 200px; border-radius: 50%;}
.pimple_box01 .left .contents.on div {background-color: #fbb03b;}
.pimple_box01 .left .contents div span {display: block; width: 100px; height: 40px;}
.pimple_box01 .left .contents div:nth-child(1) span {background: url(../img/pimple-01.png) no-repeat center/cover;}
.pimple_box01 .left .contents div:nth-child(2) span {background: url(../img/pimple-02.png) no-repeat center/cover;}
.pimple_box01 .left .contents div:nth-child(3) span {background: url(../img/pimple-03.png) no-repeat center/cover;}
.pimple_box01 .left .contents.on div:nth-child(1) span {background: url(../img/pimple-on-01.png) no-repeat center/cover;}
.pimple_box01 .left .contents.on div:nth-child(2) span {background: url(../img/pimple-on-02.png) no-repeat center/cover;}
.pimple_box01 .left .contents.on div:nth-child(3) span {background: url(../img/pimple-on-03.png) no-repeat center/cover;}

.pimple_box01 .left .contents p {font-size: 18px; line-height: 24px; color: #808080; text-align: center; margin-top: 15px;}
.pimple_box01 .left .contents.on p {font-weight: 700; color: #1a1a1a;}

.pimple_box01 .right {max-width: 640px; width: 100%; margin: 30px auto 0;}
.pimple_box01 .right .pim_box_category {display: flex; justify-content: center; gap: 10px; margin-bottom: 25px;}
.pimple_box01 .right .pim_box_category li {display: block; width: 90px; height: 30px; border-radius: 35px; background-color: #999; color: #fff; font-size: 11px; line-height: 30px; font-weight: 500; text-align: center; cursor: pointer;}
.pimple_box01 .right .pim_box_category li.on {background-color: #fbb03b;}

.pimple_box01 .right .contents {display: none; opacity: 0;}
.pimple_box01 .right .contents.active {display: block; opacity: 1;}
.pimple_box01 .right .contents h2 {font-size: 24px; line-height: 24px; text-align: center;}
.pimple_box01 .right .contents p {font-size: 16px; line-height: 24px; word-break: keep-all; margin: 15px 0 30px; text-align: center;}

.pimple_box01 .right .contents a {display: block; width: 200px; height: 50px; border-radius: 15px; background-color: #333; color: #fff; font-size: 16px; font-weight: 500; line-height: 50px; text-align: center; margin: 20px auto 0;}


.pimple_box01.acne_box01 {align-items: flex-start; margin-bottom: 120px;}
.pimple_box01.acne_box01 .left .contents div {width: 150px; height: 150px; background-color: #e6e6e6;}
.pimple_box01.acne_box01 .left .contents.on div {background-color: #fbb03b;}

.pimple_box01.acne_box01 .left .contents div span {width: 150px; height: 150px;}
.pimple_box01.acne_box01 .left .contents:nth-child(1) div span {background: url(../img/icon-ance01.png) no-repeat center/cover;}
.pimple_box01.acne_box01 .left .contents:nth-child(2) div span {background: url(../img/icon-ance02.png) no-repeat center/cover;}
.pimple_box01.acne_box01 .left .contents:nth-child(3) div span {background: url(../img/icon-ance03.png) no-repeat center/cover;}
.pimple_box01.acne_box01 .left .contents:nth-child(4) div span {background: url(../img/icon-ance04.png) no-repeat center/cover;}

.pimple_box01.acne_box01 .left .contents p {font-weight: 300;}
.pimple_box01.acne_box01 .left .contents.on p {font-weight: 700;}


.ance_point {margin: 60px auto 0;}
.ance_point .txt_box {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; text-align: center;}
.ance_point .txt_box h2 {font-size: 24px; line-height: 24px;}
.ance_point .txt_box p {font-size: 16px; line-height: 16px; font-weight: 300;}
.ance_point img {display: block; margin: 15px auto 20px;}
.ance_point > span {display: block; text-align: center; margin-top: 60px; font-size: 18px; line-height: 23px; font-weight: 300;}
.ance_point > span i {font-style: normal; font-weight: 400;}


.ance_simple_img {display: flex; justify-content: center; align-items: center; gap: 20px; margin: 50px auto 120px;}
.ance_simple_img img {width: 45.45%;}


.ance_check_box {position: relative; max-width: 500px; width: 100%; padding: 80px 0px 60px; display: flex; flex-direction: column; align-items: center; border-radius: 15px; border: 1px solid #fbb03b; margin: 0 auto;}
.ance_check_box .pos_h2 {position: absolute; top: -25px; left: 50%; transform: translateX(-50%); width: 240px; height: 50px; border-radius: 15px; background-color: #fbb03b; font-size: 24px; line-height: 48px; color: #fff; text-align: center;}
.ance_check_box .contents {display: flex; align-items: center; gap: 15px; width: 375px; margin-bottom: 25px;}
.ance_check_box .contents img {width: 35px;}
.ance_check_box .contents p {font-size: 20px; color: #4d4d4d; word-break: keep-all; width: calc(100% - 50px); position: relative; top: -1px;}

.eat_contents {display: flex; justify-content: center; align-items: flex-start; gap: 40px; margin: 120px auto;}
.eat_contents .contents {width: 45.45%; cursor: pointer;}
.eat_contents .contents .img_box {position: relative;}
.eat_contents .contents .img_box img {width: 100%; border-radius: 50%;}
.eat_contents .contents .img_box .bg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 101%; height: 101%; background-color: #fff; opacity: 0.7; transition: opacity 0.3s;}
.eat_contents .contents > p {font-size: 24px; line-height: 24px; color: #999; text-align: center; margin-top: 20px; transition: all 0.3s;}
.eat_contents .contents:hover .img_box .bg {opacity: 0;}
.eat_contents .contents:hover > p {color: #1a1a1a;}
.eat_p {font-size: 18px; line-height: 42px; color: #4d4d4d; text-align: center; word-break: keep-all;}


.out_treat {background-color: #eef1f3; padding: 80px 16px;}
.out_treat .contents {display: flex; align-items: flex-start; margin-top: 65px;}
.out_treat .contents .img_box {position: relative; width: 50%;}
.out_treat .contents .img_box img {width: 100%; position: relative; z-index: 1;}
.out_treat .contents .img_box .bg {display: none;}
.out_treat .contents .txt_box {width: 50%; padding-left: 40px; display: flex; flex-direction: column;}
.out_treat .contents.reverse_con .txt_box {align-items: flex-end; padding-left: 0; padding-right: 40px;}
.out_treat .contents .txt_box h2 {width: 60px; height: 60px; border-radius: 50%; background-color: #fbb03b; color: #fff; text-align: center; font-size: 21px; line-height: 56px;}
.out_treat .contents .txt_box h3 {font-size: 21px; line-height: 21px; margin: 30px 0 15px;}
.out_treat .contents .txt_box p {font-size: 16px; line-height: 24px; font-weight: 300; color: #4d4d4d; word-break: keep-all;}
.out_treat .contents.reverse_con .txt_box p {text-align: right;}






/* sub07 */
.sub07 {padding: 80px 0;}
.sub07 .t_top_c {margin-top: 80px;}
.sub07_txt span {display: block; font-size: 24px; line-height: 24px; text-align: center; margin-bottom: 30px;}
.sub07_txt p {font-size: 60px; line-height: 74px; text-align: center; font-weight: 300;}
.sub07_bg {display: block; margin: 50px auto 0; width: 100%;}


.sub07_circle_contents {margin: 80px auto 0;}
.sub07_circle_contents .txt_box {text-align: center; margin-bottom: 30px;}
.sub07_circle_contents .txt_box p {font-size: 36px; font-weight: 300; margin-bottom: 15px;}
.sub07_circle_contents .txt_box span {display: block; font-size: 18px; line-height: 30px; font-weight: 300;}

.sub07_circle_contents .c_contents {display: flex; justify-content: center; align-items: flex-start; gap: 20px; max-width: 420px; width: 100%; flex-direction: row; flex-wrap: wrap; margin: 0 auto;}
.sub07_circle_contents .c_contents .contents {width: 200px; cursor: pointer;}
.sub07_circle_contents .c_contents .contents .img_box {width: 100%; height: 200px; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 3px solid #e0e0e0; margin-bottom: 15px; transition: all 0.3s;}
.sub07_circle_contents .c_contents .contents:hover .img_box {border: 3px solid #fbb03b;}

.sub07_circle_contents .c_contents .contents .img_box p {width: 100px; height: 100px; transition: all 0.3s;}
.sub07_circle_contents .c_contents .contents:nth-child(1) .img_box p {background: url(../img/icon-pore01.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(2) .img_box p {background: url(../img/icon-pore02.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(3) .img_box p {background: url(../img/icon-pore03.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(4) .img_box p {background: url(../img/icon-pore04.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(1):hover .img_box p {background: url(../img/icon-pore-on01.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(2):hover .img_box p {background: url(../img/icon-pore-on02.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(3):hover .img_box p {background: url(../img/icon-pore-on03.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents:nth-child(4):hover .img_box p {background: url(../img/icon-pore-on04.png) no-repeat center/cover;}

.sub07_circle_contents .c_contents .contents.bot_con:nth-child(1) .img_box p {background: url(../img/icon-pore05.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents.bot_con:nth-child(2) .img_box p {background: url(../img/icon-pore06.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents.bot_con:nth-child(1):hover .img_box p {background: url(../img/icon-pore-on05.png) no-repeat center/cover;}
.sub07_circle_contents .c_contents .contents.bot_con:nth-child(2):hover .img_box p {background: url(../img/icon-pore-on06.png) no-repeat center/cover;}

.sub07_circle_contents .c_contents .contents > p {font-size: 16px; line-height: 16px; font-weight: 300; text-align: center;}

.sub07_report_title {font-size: 36px; font-weight: 300; text-align: center; margin-bottom: 50px;}
.report_contents .box_contents .box_title {font-size: 16px; font-weight: 300; text-align: center; margin-bottom: 20px; letter-spacing: -1px;}





.special {width: 100%; padding: 80px 0;}
.special_inner {padding: 80px 16px;}
.special_inner.gray_bg {background-color: #eef1f3;}
.special_inner .inner990 {max-width: 990px; width: 100%; margin: 0 auto;}

.special_inner .txt_box span {font-size: 24px; line-height: 24px; font-weight: 300;}
.special_inner .txt_box p {font-size: 24px; font-weight: 300; margin: 10px 0 15px;}
.special_inner .txt_box i {font-size: 16px; line-height: 26px; font-weight: 300; word-break: keep-all;}

.special_inner .contents > h2 {font-size: 18px; line-height: 18px; margin-top: 40px; margin-bottom: 20px;}
.special_inner .contents .img_contents {display: flex; justify-content: space-between; align-items: flex-start;}
.special_inner .contents .img_contents > div {width: 48.48%; position: relative; overflow: hidden;}
.special_inner .contents .img_contents > div img {width: 100%; border-radius: 15px;}
.special_inner .contents .img_contents .bottom_p {font-size: 16px; line-height: 16px; font-weight: 300; text-align: center; color: #4d4d4d; word-break: keep-all; margin-top: 12px;}
.special_inner .contents .img_contents .img_pos {display: flex; justify-content: center; align-items: center; gap: 40px; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background-color: rgba(255,255,255,0.5);}
.special_inner .contents .img_contents .img_pos h3 {font-size: 16px;}
.special_inner .contents .img_contents .img_pos div {display: flex; justify-content: center; align-items: center; gap: 20px;}
.special_inner .contents .img_contents .img_pos div h2 {font-size: 16px;}
.special_inner .contents .img_contents .img_pos div p {font-size: 16px; font-weight: 300;}
.special_inner .contents .img_contents .img_bot {display: flex; justify-content: center; align-items: center; gap: 40px; margin-top: 12px;}
.special_inner .contents .img_contents .img_bot h3 {font-size: 16px;}
.special_inner .contents .img_contents .img_bot div {display: flex; justify-content: center; align-items: center; gap: 20px;}
.special_inner .contents .img_contents .img_bot div h2 {font-size: 16px;}
.special_inner .contents .img_contents .img_bot div p {font-size: 16px;}





.target_bottom_contents {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; margin: 60px auto 0;}
.target_bottom_contents li {max-width: 343px; width: 100%; height: 50px; border-radius: 15px; border: 1px solid #4d4d4d; display: flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 300; color: #4d4d4d; word-break: keep-all; cursor: pointer;}
.target_bottom_contents li:hover {border: 1px solid #fbb03b; background-color: #fbb03b;}





/**********************************************************/

.cora_youtube {max-width: 1500px; width: 100%; margin-left: auto;}
.cora_youtube div {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.cora_youtube div iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.skin_txt h3 {font-size: 21px; line-height: 21px; text-align: center;}
.skin_txt h4 {font-size: 32px; text-align: center; word-break: keep-all;}
.skin_txt h4 span {font-weight: 300;}
.history_p {font-size: 16px; line-height: 30px; text-align: center; font-weight: 300; margin-top: 30px; word-break: keep-all;}

.history {padding: 80px 16px;}
.history .inner {max-width: 1640px; width: 100%; margin: 0 auto;}
.his_contents {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 60px;}
.his_contents .contents {width: 30%;}
.his_contents .contents .img_box {display: flex; justify-content: center; align-items: center; width: 100%; position: relative;}
.his_contents .contents .img_box img:first-child {width: 100%;}
.his_contents .contents .img_box img:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 92%; object-fit: contain;}
.his_contents .contents h2 {width: 100%; height: 125px; display: flex; justify-content: center; align-items: center; text-align: center; word-break: keep-all; font-size: 15px;}
.his_contents .contents a {display: block; width: 200px; height: 50px; border-radius: 10px; border: 1px solid #000; text-align: center; line-height: 48px; font-size: 15px; font-weight: 700; color: #979797; margin: 0 auto;}

.history_pop {position: fixed; top: 53%; left: 50%; transform: translate(-50%, -50%); z-index: 300; max-width: 960px; width: 90%; padding: 40px 5%; border-radius: 15px; border: 1px solid #808080; background-color: rgba(255,255,255,0.95); cursor: pointer; display: none;}
.history_pop .contents {display: none;}
.history_pop .contents h2 {font-size: 16px; line-height: 34px; text-align: center; margin-bottom: 20px; word-break: keep-all;}
.history_pop .contents div {width: 100%; height: 200px; padding: 20px 10px; overflow-y: auto;}
.history_pop .contents div p {font-size: 12px; line-height: 24px; word-break: keep-all; text-align: center; color: #4d4d4d;}


.treat_work {padding: 80px 0;}
.treat_work .txt_box {margin-top: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 25px;}
.treat_work .txt_box h2 {font-size: 24px; text-align: center; word-break: keep-all;}
.treat_work .txt_box p {font-size: 16px; line-height: 34px; color: #4d4d4d; text-align: center; word-break: keep-all;}


.scar_contents {padding: 80px 0px;}
.con_inner {max-width: 1440px; width: 100%; margin: 0 auto;}
.con_inner .top_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 40px;}
.con_inner .top_txt .t_top_c {position: relative; left: -10px;}
.con_inner .top_txt p {font-size: 24px; line-height: 24px; font-weight: 300; text-align: center;}
.con_inner .contents {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.con_inner .contents iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.custom_treat {padding: 80px 16px;}
.custom_contents {width: 100%; margin: 80px auto 0;}
.custom_contents > h2 {font-size: 24px; line-height: 24px; text-align: center; margin-bottom: 40px;}
.custom_contents > div {display: flex; justify-content: center; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 5%;}
.custom_contents .contents {width: 30%; margin-bottom: 5%;}
.custom_contents .contents h2 {font-size: 18px; line-height: 18px; text-align: center; margin: 10px auto; word-break: keep-all;}
.custom_contents .contents p {font-size: 14px; font-weight: 300; color: #666; text-align: center; word-break: keep-all;}


.survey {background-color: #eef1f3; padding: 80px 16px;}
.survey .inner {max-width: 1480px; width: 100%;}
.history_span {display: block; font-size: 18px; line-height: 30px; font-weight: 300; color: #808080; text-align: center; word-break: keep-all; margin-top: 30px;}
.history_i {display: block; font-size: 21px; line-height: 28px; text-align: center; font-weight: 300; margin: 30px auto 60px;}
.history_i span {font-size: 18px;}
.survey_contents {display: flex; justify-content: center; align-items: flex-start; gap: 60px; margin-bottom: 80px;}
.survey_contents .contents {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.survey_contents .contents > h2 {font-size: 24px; line-height: 24px; text-align: center; font-weight: 300;}

.odometer {display: flex; justify-content: center; align-items: flex-end;}
.odometer .digit {font-size: 80px; width: 50px; height: 100px; line-height: 90px; overflow: hidden; font-weight: 900;}
.odometer .digit.text_box {font-size: 40px; width: 40px; line-height: 125px; font-weight: 700;}

.odometer.on .digit .digit-thousand {-webkit-animation: slide 5s 1 ease; animation: slide 5s 1 ease;}
.odometer.on .digit .digit-hundred {-webkit-animation: slide 5s 1 ease-out; animation: slide 5s 1  ease-out;}
.odometer.on .digit .digit-ten {-webkit-animation: slide 5s 1 ease-in-out; animation: slide 5s 1 ease-in-out;}
.odometer.on .digit .digit-one {-webkit-animation: slide 5s 1 linear; animation: slide 5s 1 linear;}


@-webkit-keyframes slide {
    0% {
        -webkit-transform: translateY(-10em);
    }
    40% {
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes slide {
    0% {
        transform: translateY(-10em);
    }
    40% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0);
    }
}

.graph_contents {display: flex; justify-content: space-between; align-items: center;}
.graph_contents img {width: 48%;}




.true01.fact .bottom_txt p {font-size: 36px; line-height: 45px; margin-bottom: 30px; word-break: keep-all;}
.true01.fact .bottom_txt p b {display: block;}
.true01.fact .bottom_txt h2 {font-size: 24px; line-height: 30px; word-break: keep-all; margin-bottom: 40px;}
.true01.fact .bottom_txt h3 {margin-bottom: 40px;}




.cora_result {padding: 100px 16px; background-color: #eef1f3;}
.cora_result .cora_title h2 {font-size: 30px; line-height: 30px; text-align: center; margin-bottom: 20px;}
.cora_result .cora_title p {font-size: 20px; line-height: 32px; font-weight: 300; text-align: center; word-break: keep-all;}
.cora_result .contents_box {width: 100%; display: flex; justify-content: center; align-items: center; gap: 0px; margin: 40px auto;}
.cora_result .contents_box .contents {position: relative; width: 250px; height: 250px; padding: 12.5px;}
.cora_result .contents_box .contents .con_cir {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 215px; height: 215px; border-radius: 50%; background-color: #fff;}
.cora_result .contents_box .contents .con_cir::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 205px; height: 205px; border-radius: 50%; background-color: #f7f7f7;}

.cora_result .contents_box .contents .con_cir .circle {position: relative; overflow: hidden; height: 50%; z-index: 3;}
.cora_result .contents_box .contents .con_cir .circle::after {content: ''; position: absolute; top: 0px; left: 0px; width: 215px; height: 215px; box-sizing: border-box; border-radius: 50%; border: 5px solid transparent; z-index: 4;}

@keyframes spin-circle-top01 {
    0% {transform: rotate(-135deg);}
    50% {transform: rotate(45deg);}
    100% {transform: rotate(45deg);}
}
@keyframes spin-circle-bottom01 {
    0% {transform: rotate(45deg);}
    50% {transform: rotate(45deg);}
    100% {transform: rotate(225deg);}
}
@keyframes spin-circle01 {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(360deg);}
}
@keyframes spin-circle02 {
    0% {transform: translate(-50%, -50%) rotate(135deg);}
    100% {transform: translate(-50%, -50%) rotate(495deg);}
}
@keyframes spin-circle03 {
    0% {transform: translate(-50%, -50%) rotate(270deg);}
    100% {transform: translate(-50%, -50%) rotate(630deg);}
}

.cora_result .contents_box .contents .con_cir .circle.top::after {border-top-color: #fbb03b; border-left-color: #fbb03b; animation: spin-circle-top01 4s infinite linear both;}
.cora_result .contents_box .contents .con_cir .circle.bottom::after {border-top-color: #fbb03b; border-left-color: #fbb03b; top: -108px; animation: spin-circle-bottom01 4s infinite linear both;}

.cora_result .contents_box .contents p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; line-height: 27px; text-align: center; width: 100%; z-index: 1;}
.cora_result .contents_box .contents img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; height: 92%; z-index: 2;}
.cora_result > img {display: block; margin: 0 auto;}

.cora_result .contents_box .contents:nth-child(1) .con_cir {transform: translate(-50%, -50%) rotate(90deg);}
.cora_result .contents_box .contents:nth-child(1) img {animation: spin-circle01 4s infinite linear;}
.cora_result .contents_box .contents:nth-child(2) .con_cir {transform: translate(-50%, -50%) rotate(225deg);}
.cora_result .contents_box .contents:nth-child(2) img {animation: spin-circle02 4s infinite linear;}
.cora_result .contents_box .contents:nth-child(3) .con_cir {transform: translate(-50%, -50%) rotate(360deg);}
.cora_result .contents_box .contents:nth-child(3) img {animation: spin-circle03 4s infinite linear;}


.intro.philo > .inner {max-width: 1440px;}
.philo .top_txt {margin: 50px auto 70px;}
.rodam_philo {display: flex; flex-direction: column; gap: 50px; justify-content: center; align-items: center;}
/* .rodam_philo .contents {width: 100%; background-color: #fff; padding: 20px; position: relative;} */
.rodam_philo .contents {width: 100%; background-color: #fff; position: relative;}
.rodam_philo .contents img {width: 100%; border-radius: 10px;}
.rodam_philo .contents .blank_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 100%; height: 100%;}
.rodam_philo .contents .blank_box > div {width: 50%; display: flex; flex-direction: column; justify-content: center;}
.rodam_philo .contents .blank_box .txt_box p {font-size: 14px; word-break: keep-all;}
.rodam_philo .contents .blank_box .txt_box h2 {font-size: 14px; margin: 15px 0 10px; word-break: keep-all;}
.rodam_philo .contents .blank_box .txt_box span {font-size: 12px;}




.rodam_slide_box {width: 100%; margin-top: 50px;}
.rodam_slide_box .rodam_slide {position: relative; width: 100%; margin-bottom: 15px;}
/* .rodam_slide_box .rodam_slide .swiper-slide {width: 100%; position: relative; background-color: #fff; padding: 20px;} */
.rodam_slide_box .rodam_slide .swiper-slide {width: 100%; position: relative; background-color: #fff;}
.rodam_slide_box .rodam_slide .swiper-slide img {width: 100%; border-radius: 10px;}
.rodam_slide_box .rodam_slide .swiper-slide .blank_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 100%; height: 100%;}
.rodam_slide_box .rodam_slide .swiper-slide .blank_box > div {width: 50%; display: flex; flex-direction: column; justify-content: center; padding-right: 10px;}
.rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box p {font-size: 14px; word-break: keep-all;}
.rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box h2 {font-size: 14px; margin: 15px 0 10px; word-break: keep-all;}
.rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box span {font-size: 12px;}
.rodam_slide_box .rodam_slide01 {max-width: 1400px; width: 100%; margin: 0 auto;}
.rodam_slide_box .rodam_slide01 p {font-size: 12px; margin-top: 5px; word-break: keep-all;}

.rodam_slide_box .rodam_slide > img {position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 11; width: 30px; display: none;}
.rodam_slide_box .rodam_slide .you_prev {left: 10px;}
.rodam_slide_box .rodam_slide .you_next {right: 10px;}



.founder {padding: 80px 16px; background-color: #eef1f3;}
.founder_box {margin-top: 80px; width: 100%; padding: 20px; background-color: #fff;}
.founder_box div {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.founder_box div iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.founder_p {font-size: 14px; font-weight: 300; text-align: center; margin-top: 20px; letter-spacing: -1px; word-break: keep-all;}

.true01.fact .bottom_txt h2 {margin-bottom: 80px;}





.report_fix {position: fixed; top: 50%; left: -140px; transform: translateY(-50%); width: 120px; border-radius: 10px; background-color: #fff; z-index: 1;}
.report_fix .top {position: relative; width: 100%; height: 20px; background-color: #fbb03b; border-radius: 10px 10px 0 0;}
.report_fix .top::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 1px; background-color: #fff;}
.report_fix .bottom {width: 100%; height: 20px; background-color: #fbb03b; border-radius: 0 0 10px 10px;}
.report_fix .contents a {position: relative; display: block; width: 100%; height: 40px; text-align: center; color: #666; font-size: 11px; line-height: 39px;  border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
.report_fix .contents a:last-child {border-bottom: none;}
.report_fix .contents a.on {background-color: #fbb03b; border-left: 1px solid #fbb03b; border-right: 1px solid #fbb03b; font-weight: 600; color: #1a1a1a;}
.report_fix .close {position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; border-radius: 50%; background-color: #fbb03b; cursor: pointer;}
.report_fix .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25px; height: 3px; border-radius: 3px; background-color: #fff;}
.report_fix .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 3px; border-radius: 3px; background-color: #fff;}


.report_fix_btn {position: fixed; top: 50%; left: 0px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 0 15px 15px 0; background-color: #fbb03b; cursor: pointer; z-index: 900; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.report_fix_btn span:first-child {position: absolute; top: 13.5px; left: 10px; transform: rotate(45deg); width: 17px; height: 3px; border-radius: 3px; background-color: #fff;}
.report_fix_btn span:last-child {position: absolute; top: 23.5px; left: 10px; transform: rotate(-45deg); width: 17px; height: 3px; border-radius: 3px; background-color: #fff;}

.ba_txt {font-size: 18px; line-height: 36px; text-align: center; font-weight: 300; word-break: keep-all;}


.report_link {max-width: 343px; width: 100%; margin: 60px auto 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap; gap: 13px;}
.report_link a {display: block; width: 165px; height: 40px; border-radius: 15px; background-color: #f0f0f0; font-size: 14px; text-align: center; line-height: 38px;}
.report_link a.on {background-color: #fbb03b; color: #fff; font-weight: 600;}


.report_page {display: flex; justify-content: center; align-items: center; gap: 15px; margin: 70px auto 60px;}
.report_page a {display: block; width: 30px; height: 30px; background-color: #4d4d4d; color: #fff; text-align: center; line-height: 28px; font-size: 14px;}
.report_page a.on {background-color: #e6e6e6; color: #1a1a1a; font-weight: 600;}
.report_page > a {position: relative;}
.report_page > a:first-child span:first-child {position: absolute; top: 10.5px; left: 8px; transform: rotate(-45deg); width: 12px; height: 2px; border-radius: 2px; background-color: #fff;}
.report_page > a:first-child span:last-child {position: absolute; top: 17.5px; left: 8px; transform: rotate(45deg); width: 12px; height: 2px; border-radius: 2px; background-color: #fff;}
.report_page > a:last-child span:first-child {position: absolute; top: 10.5px; left: 10px; transform: rotate(45deg); width: 12px; height: 2px; border-radius: 2px; background-color: #fff;}
.report_page > a:last-child span:last-child {position: absolute; top: 17.5px; left: 10px; transform: rotate(-45deg); width: 12px; height: 2px; border-radius: 2px; background-color: #fff;}
.report_page .num {display: flex; justify-content: center; align-items: center; gap: 15px;}

.re_bot_txt {font-size: 18px; line-height: 36px; font-weight: 300; color: #808080; text-align: center; word-break: keep-all;}


.report_contents .box_contents.no_login .contents .login_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 25;}
.report_contents .box_contents.no_login .contents .login_bg h2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: 14px; font-weight: 500; color: #fff;}

































/************************************************************************/

.login_banner {position: relative; width: 100%; height: 300px; margin-top: 90px;}
.login_banner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.35;}
.login_banner .txt_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff;}
.login_banner .txt_box h2 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
.login_banner .txt_box p {font-size: 16px; line-height: 16px; font-weight: 300; letter-spacing: 4px;}

/* login */
.login {padding: 80px 0;}
.login .title {margin-bottom: 120px;}
.login_box {max-width: 343px; width: 100%; margin: 0 auto;}
.login_box > p {font-size: 21px; line-height: 21px; margin-bottom: 25px;}
.login_box .login_btn {position: relative; display: block; width: 100%; height: 40px; border-radius: 2px; background-color: #1a1a1a;}
.login_box .login_btn p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; line-height: 14px; color: #fff;}
.login_box.login_underLine {padding-bottom: 40px; border-bottom: 1px solid #cacaca; margin-bottom: 60px;}

.login_box .sns_box a {display: flex; align-items: center; width: 100%; height: 40px; margin-bottom: 10px; padding: 0 15px; border-radius: 2px;}
.login_box .sns_box a:last-child {margin-bottom: 0;}
.login_box .sns_box a img {display: block; width: 20px; margin-right: 15px;}
.login_box .sns_box a span {display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 14px; width: calc(100% - 65px);}
.login_box .sns_box a.sns_naver {background-color: #03c75a; color: #fff;}
.login_box .sns_box a.sns_kakao {background-color: #fee500;}
.login_box .sns_box a.sns_kakao span {color: #000; opacity: 0.85;}
.login_box .sns_box a.sns_google {background-color: #fff; border: 1px solid #ccc;}

.login .bottom_btn {max-width: 343px; width: 100%; margin: 80px auto 0; padding-top: 25px; border-top: 1px solid #cacaca; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.login .bottom_btn a {display: flex; justify-content: center; align-items: center; width: 32.5%; height: 40px; border-radius: 2px; font-size: 14px; line-height: 14px; color: #fff; text-align: center; font-weight: 300;}
.login .bottom_btn a.gray {background-color: #b1b1b1;}
.login .bottom_btn a.black {background-color: #1a1a1a; font-weight: 500;}
.login .bottom_btn .auto-no {margin-bottom: 40px;}
.login .bottom_btn button {display: flex; justify-content: center; align-items: center; width: 32.5%; height: 40px; border-radius: 2px; background-color: #1a1a1a; font-size: 14px; line-height: 14px; color: #fff; text-align: center; font-weight: 500;}
.login .bottom_btn button.orange {background-color: #fbb03b; color: #1a1a1a; font-weight: 700;}

.login_box.login_underLine .login_contents {display: flex; align-items: center; margin-bottom: 10px;}
.login_box.login_underLine .login_contents p {font-size: 14px; line-height: 14px; width: 80px;}
.login_box.login_underLine .login_contents input {width: calc(100% - 80px); height: 35px; border: 1px solid #979797; border-radius: 5px; padding: 0 5px; outline: none; font-size: 12px;}
.login_box.login_underLine .warning {display: block; font-size: 14px; line-height: 14px; color: #c1272d; font-weight: 700; text-align: center; margin-top: 35px;}
button.login_go {max-width: 343px; width: 100%; height: 40px; background-color: #1a1a1a; color: #fff; font-size: 14px; font-weight: 500; margin: 0 auto; display: block;}


.login_box.login_underLine .tt_txt {font-size: 14px; line-height: 21px; letter-spacing: -1px;}
.login_box.login_underLine .find_email {width: 100%; height: 40px; border-radius: 2px; border: 1px solid #1a1a1a; outline: none; padding: 0 15px; margin: 20px auto;}

.auto-no {position: relative;}
.auto-no div {display: flex; align-items: center;}
.auto-no div:first-child h3 {width: 100px; height: 40px; background-color: #f1f1f1; border: 1px solid #b2b2b2; line-height: 38px; text-align: center; font-size: 12px;}
.auto-no div:first-child p {width: 140px; height: 40px; margin-right: 10px; border: 1px solid #b2b2b2; border-left: none;}
.auto-no div:first-child p img {width: 100%; height: 100%; object-fit: cover;}
.auto-no div:first-child input {width: 85px; height: 40px; border: 1px solid #b2b2b2; outline: none; border-radius: 0; padding-left: 5px; font-size: 12px;}
.auto-no div:last-child {display: block;}
.auto-no div:last-child p {font-size: 12px; line-height: 12px; margin-top: 10px;}
.captcha_reload {width: 20px; height: 20px; margin-right: 10px; cursor: pointer;}

.find_box {max-width: 343px; width: 100%; margin: 0 auto;}
.find_box span {display: block; font-size: 12px; line-height: 20px; text-align: center; word-break: keep-all; letter-spacing: -1px;}
.find_box button {display: block; width: 130px; height: 40px; border-radius: 2px; background-color: #1a1a1a; font-size: 14px; font-weight: 500; color: #fff; margin: 25px auto;}
.find_box .find_txt p {font-size: 14px; font-weight: 500; text-align: center;}


.mypage_box .contents {display: flex; align-items: center; margin-bottom: 15px;}
.mypage_box .contents p {font-size: 14px; line-height: 14px; width: 100px;}
.mypage_box .contents .right {display: flex; align-items: center; width: calc(100% - 100px); gap: 10px;}
.mypage_box .contents .right input {width: calc(100% - 90px); height: 35px; border: 1px solid #979797; border-radius: 5px; outline: none; padding: 0 5px; font-size: 12px;}
.mypage_box .contents .right button {width: 80px; height: 35px; border-radius: 5px; background-color: #1a1a1a; color: #fff; font-size: 12px;}
.mypage_box .contents .right span {font-size: 12px; line-height: 12px; color: #666;}



.join {padding: 80px 16px;}
.join .contents_over {margin-bottom: 75px;}
.join .contents_over h2 {font-size: 20px; line-height: 20px; margin-bottom: 15px; padding-left: 10px;}
.join .contents_over {width: 100%; height: 200px; border: 1px solid #979797; border-radius: 5px; padding: 20px 25px; overflow-y: auto;}
.join .contents_over p {font-size: 12px; color: #666; word-break: keep-all;}
.join .contents_over label {display: flex; justify-content: right; align-items: center; gap: 5px; padding-right: 15px; margin-top: 25px;}
.join .contents_over label input[type="checkbox"] {outline: none; appearance: none; width: 14px; height: 14px; border: 1px solid #1a1a1a; border-radius: 50%;}
.join .contents_over label input[type="checkbox"]:checked {background-color: #1a1a1a;}
.join .contents_over label p {font-size: 14px; line-height: 14px; position: relative; top: -1px;}
.join .join_btn {display: flex; flex-direction: column; gap: 30px; justify-content: center; align-items: center;}
.join .join_btn p {font-size: 14px; text-align: center;}
.join .join_btn button {width: 130px; height: 40px; border-radius: 2px; background-color: #1a1a1a; color: #fff; font-size: 14px; font-weight: 500;}


.label_contents01 {display: flex; width: calc(100% - 130px); align-items: center; gap: 30px; position: relative; top: -1px;}
.mypage_box .label_contents01 p {font-size: 14px; line-height: 14px; width: auto;}
.label_contents01 div {display: flex; align-items: center; gap: 5px; position: relative; top: 1px;}
.label_contents01 div label {display: flex; gap: 4px; cursor: pointer;}
.mypage_box .contents .right input[type="radio"] {width: 14px !important; height: 14px; border-radius: 50%; border: 1px solid #1a1a1a; background-color: transparent; outline: none; appearance: none;}
.mypage_box .contents .right input[type="radio"]:checked {background-color: #1a1a1a;}
.label_contents01 div label i {font-style: normal; font-size: 14px; line-height: 14px;}

.join .mypage_box .contents .right input::placeholder {font-size: 10px;}


.login_box .label_contents {margin-bottom: 25px;}
.login_box .label_contents .title_nnn {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: unset; align-items: flex-end; margin-bottom: 15px; gap: 5px;}
.login_box .label_contents .title_nnn h2 {font-size: 13px; line-height: 13px;}
.login_box .label_contents .title_nnn span {font-size: 11px; line-height: 11px;}
.login_box .label_contents .contents {display: flex; flex-direction: row; flex-wrap: wrap;}
.login_box .label_contents .contents label {display: flex; align-items: flex-start; width: 33.33%; gap: 4px; margin-bottom: 8px;}
.login_box .label_contents .contents50 label {display: flex; align-items: flex-start; width: 50%; gap: 4px; margin-bottom: 8px;}
.login_box .label_contents .contents label input[type="radio"] {outline: none; appearance: none; width: 12px !important; height: 12px; border-radius: 50%; border: 1px solid #1a1a1a; background-color: transparent;}
.login_box .label_contents .contents label input[type="radio"]:checked {background-color: #1a1a1a;}
.login_box .label_contents .contents label input[type="checkbox"] {outline: none; appearance: none; width: 12px !important; height: 12px; border-radius: 50%; border: 1px solid #1a1a1a; background-color: transparent;}
.login_box .label_contents .contents label input[type="checkbox"]:checked {background-color: #1a1a1a;}
.login_box .label_contents .contents label span {font-size: 12px; line-height: 14px; word-break: keep-all; width: calc(100% - 16px); position: relative; top: -2px;}
.login_box .label_contents .contents > input {width: 33.33%; height: 35px; border-radius: 5px; border: 1px solid #979797; font-size: 12px; outline: none; padding: 0 5px;}
.login_box .label_contents .contents50 > input {width: 50%;}



.join .bottom_btn {max-width: 400px; width: 100%; margin: 80px auto 0; padding-top: 25px; border-top: 1px solid #cacaca; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
.join .bottom_btn a {display: flex; justify-content: center; align-items: center; width: 32.5%; height: 40px; border-radius: 2px; font-size: 14px; line-height: 14px; color: #fff; text-align: center; font-weight: 300;}
.join .bottom_btn a.gray {background-color: #b1b1b1;}
.join .bottom_btn a.black {background-color: #1a1a1a; font-weight: 500;}
.join .bottom_btn .auto-no {margin-bottom: 40px;}
.join .bottom_btn button {display: flex; justify-content: center; align-items: center; width: 32.5%; height: 40px; border-radius: 2px; background-color: #1a1a1a; font-size: 14px; line-height: 14px; color: #fff; text-align: center; font-weight: 500;}
.join .bottom_btn button.orange {background-color: #fbb03b; color: #1a1a1a; font-weight: 700;}


/* reservation_pop */
.pop_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.25; z-index: 9000; cursor: pointer; display: none;}
.reservation_pop {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 10px; padding: 30px 20px; z-index: 9001; display: none;}
.reservation_pop .close {position: absolute; top: 28px; right: 25px; width: 30px; height: 30px; cursor: pointer;}
.reservation_pop .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25px; height: 1px; background-color: #000;}
.reservation_pop .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 1px; background-color: #000;}
.reservation_pop h2 {font-size: 24px; line-height: 24px; font-weight: 400; text-align: center;}
.reservation_pop p {font-size: 14px; text-align: center; color: #666; margin: 35px auto 30px;}
.reservation_pop > input {display: block; width: 320px; height: 50px; background-color: #fff; border: 1px solid #b3b3b3; border-radius: 10px; outline: none; padding: 0 20px; font-size: 16px; margin-bottom: 15px;}
.reservation_pop > input::placeholder {color: #b3b3b3;}
.reservation_pop div {display: flex; gap: 20px;}
.reservation_pop div select {width: 150px; height: 50px; background: #fff url(../img/select-bottom-arrow.png) no-repeat 95%/10px; border: 1px solid #b3b3b3; border-radius: 10px; appearance: none; outline: none; padding: 0 20px; color: #b3b3b3; font-size: 16px;}
.reservation_pop label {display: flex; justify-content: center; align-items: center; gap: 5px; margin: 15px auto 30px;}
.reservation_pop label input[type="checkbox"] {appearance: none; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #666; position: relative; top: 1px;}
.reservation_pop label input[type="checkbox"]:checked {border: 9px solid #000;}
.reservation_pop label span {font-size: 14px; color: #666;}
.reservation_pop button {width: 240px; height: 40px; border-radius: 5px; background-color: #fbb03b; color: #fff; font-size: 14px; font-weight: 700; display: block; margin: 0 auto;}



/* left_fix */
.left_fix {position: fixed; top: 53%; left: 0px; transform: translateY(-50%); display: flex; flex-direction: column; gap: 30px; z-index: 900; background-color: rgba(255,255,255,0.95); padding: 30px 30px 60px 15px; border-radius: 0 10px 50px 0; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.left_fix a {display: flex; align-items: center; gap: 10px;}
.left_fix a div {width: 24px; height: 24px; border-radius: 50%; background-color: #f0f0f0; border: 1px solid #666; color: #666; font-size: 12px; line-height: 22px; font-weight: 400; text-align: center; position: relative;}
.left_fix a div::before {content: ''; position: absolute; top: 23px; left: 11px; width: 1px; height: 35px; background-color: #666;}
.left_fix a:nth-child(5) div::before {display: none;}
.left_fix a p {font-size: 14px; line-height: 14px; font-weight: 300; color: #666; position: relative; top: -1px;}

.left_fix a.active div {background-color: #333; border: 1px solid #333; color: #fff; font-weight: 700;}
.left_fix a.active p {font-weight: 500;}

.left_fix .close {position: absolute; bottom: 20px; left: 15px; width: 24px; height: 24px; border-radius: 50%; background-color: #fbb03b; cursor: pointer;}
.left_fix .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 12px; height: 2px; border-radius: 3px; background-color: #fff;}
.left_fix .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 12px; height: 2px; border-radius: 3px; background-color: #fff;}

.left_fix_btn {position: fixed; top: 50%; left: -50px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 0 15px 15px 0; background-color: #fbb03b; cursor: pointer; z-index: 900; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.left_fix_btn span:first-child {position: absolute; top: 13.5px; left: 10px; transform: rotate(45deg); width: 17px; height: 3px; border-radius: 3px; background-color: #fff;}
.left_fix_btn span:last-child {position: absolute; top: 23.5px; left: 10px; transform: rotate(-45deg); width: 17px; height: 3px; border-radius: 3px; background-color: #fff;}


.br480 {display: none;}
.br410 {display: block;}












.top_btn {position: fixed; left: 15px; bottom: 170px; z-index: 100; display: flex; align-items: center; gap: 15px; cursor: pointer;}
.top_btn div {width: 50px; height: 50px; border-radius: 50%; background-color: #333; display: flex; justify-content: center; align-items: center;}












.news-view{width: 100%; height:50px; line-height: 50px; box-sizing: border-box; border-top: 1px solid #999; border-bottom: 1px solid #ccc;  padding-left: 15px; color: #666;font-size: 14px;margin-top: 25px;}
.news-view::after{clear: both;content: '';display: block;}
.news-view .title{float: left; width: 70%; font-weight: 900; margin-bottom: 10px;}
.news-view p {word-break: keep-all;}
.info_wrap01{text-align: left; width: 650px;height: 605px; position: fixed;margin-left: -325px;margin-top: -300px;top: 50%;left: 50%;background: #fff;padding: 5px 15px;border-radius: 25px;z-index: 9999;background: #fff;display: none;border: 1px solid #333;box-sizing: border-box;}
.info_wrap02{text-align: left; width: 650px;height: 605px; position: fixed;margin-left: -325px;margin-top: -300px;top: 50%;left: 50%;background: #fff;padding: 5px 15px;border-radius: 25px;z-index: 9999;background: #fff;display: none;border: 1px solid #333;box-sizing: border-box;}
.info_wrap03{text-align: left; width: 650px;height: 605px; position: fixed;margin-left: -325px;margin-top: -300px;top: 50%;left: 50%;background: #fff;padding: 5px 15px;border-radius: 25px;z-index: 9999;background: #fff;display: none;border: 1px solid #333;box-sizing: border-box;}
.info_wrap04{text-align: left; width: 650px;height: 605px; position: fixed;margin-left: -325px;margin-top: -300px;top: 50%;left: 50%;background: #fff;padding: 5px 15px;border-radius: 25px;z-index: 9999;background: #fff;display: none;border: 1px solid #333;box-sizing: border-box;}
.info_wrap05{text-align: left; width: 650px;height: 605px; position: fixed;margin-left: -325px;margin-top: -300px;top: 50%;left: 50%;background: #fff;padding: 5px 15px;border-radius: 25px;z-index: 9999;background: #fff;display: none;border: 1px solid #333;box-sizing: border-box;}
.view-detail {width: 100%}
.info_close_btn {width: 20px; height: 20px; position: absolute; right: 25px; top: 47px; cursor: pointer;}
.info_close_btn img{ display: block;}















.model_p {font-size: 24px; text-align: center; margin: 0 auto 40px; word-break: keep-all;}

.model_btn {position: relative; display: block; margin: 50px auto 80px; width: 140px; height: 50px; border-radius: 35px; background-color: #fbb03b;}
.model_btn p {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; font-weight: 700; width: 100%; text-align: center;}


.model_popBg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; z-index: 5000; cursor: pointer; display: none;}

.model_pop {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 343px; height: 300px; border-radius: 12px; background-color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5001; display: none;}
.model_pop .close {position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background-color: #000; cursor: pointer;}
.model_pop .close span:first-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25px; height: 3px; border-radius: 3px; background-color: #fff;}
.model_pop .close span:last-child {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 3px; border-radius: 3px; background-color: #fff;}
.model_pop p {font-size: 24px; line-height: 32px; text-align: center; width: 100%; margin-bottom: 20px;}
.model_pop a {display: block; width: 150px; height: 50px; border-radius: 35px; text-align: center; background-color: #000; color: #fff; line-height: 50px; font-size: 16px; font-weight: 300; margin-bottom: 10px;}
.model_pop a:last-child {margin-bottom: 0;}



.model .inner {padding: 0 16px;}
.model .top_contents > p {font-size: 24px; text-align: center; margin: 0 auto 30px;}
.model .top_contents .contents {width: 100%; height: 300px; border-radius: 10px; border: 1px solid #1a1a1a; padding: 25px 15px; overflow-y: auto;}
.model .top_contents .contents p {font-size: 14px; line-height: 22px;}
.model .top_contents label {display: flex; justify-content: center; align-items: center; gap: 5px; margin: 25px auto 50px;}
.model .top_contents label input[type="checkbox"] {outline: none; appearance: none; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #000; position: relative; top: 1px; cursor: pointer;}
.model .top_contents label input[type="checkbox"]:checked {background-color: #000;}
.model .top_contents label span {font-size: 14px; cursor: pointer;}



.model .line {width: 100%; height: 1px; background-color: #999; margin: 60px auto;}

.model .bottom_contents .con_box > h2 {font-size: 20px; line-height: 20px; margin-bottom: 30px;}
.model .bottom_contents .con_box > div {margin-bottom: 20px;}
.model .bottom_contents .con_box > div:last-child {margin-bottom: 0;}

.model .bottom_contents .flex_box {display: flex; align-items: center;}
.model .bottom_contents .flex_box .contents {display: flex; align-items: center; width: 50%;}
.model .bottom_contents .flex_box .contents p {font-size: 15px; width: 125px;}
.model .bottom_contents .flex_box .contents .box {width: 60%; height: 45px; border-radius: 8px; border: 1px solid #999; padding: 0 10px; font-size: 18px; outline: none;}
.model .bottom_contents .flex_box .label_con {display: flex; align-items: center; gap: 20px;}
.model .bottom_contents .flex_box .label_con input[type="radio"] {outline: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #000; position: relative; top: 1px; cursor: pointer;}
.model .bottom_contents .flex_box .label_con input[type="radio"]:checked {background-color: #000;}
.model .bottom_contents .flex_box .label_con span {font-size: 15px; cursor: pointer;}

.model .bottom_contents .one_box {display: flex; align-items: center;}
.model .bottom_contents .one_box p {font-size: 15px; width: 125px;}
.model .bottom_contents .one_box .e_box {display: flex; align-items: center; gap: 7px; width: calc(100% - 125px);}
.model .bottom_contents .one_box .e_box input {width: 42%; height: 45px; border-radius: 8px; border: 1px solid #999; padding: 0 10px; font-size: 18px; outline: none;}
.model .bottom_contents .one_box .e_box span {font-size: 18px; font-weight: 600; position: relative; top: -2px;}
.model .bottom_contents .one_box .e_box input:nth-child(3) {width: 37%;}

.model .bottom_contents .label_box {display: flex; align-items: center; height: 45px;}
.model .bottom_contents .label_box p {font-size: 15px; width: 125px;}
.model .bottom_contents .label_box .right {display: flex; align-items: center; width: calc(100% - 125px); gap: 15px;}
.model .bottom_contents .label_box .right label {display: flex; align-items: center; gap: 4px;}
.model .bottom_contents .label_box .right label input[type="checkbox"] {outline: none; appearance: none; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #000; position: relative; top: 1px; cursor: pointer;}
.model .bottom_contents .label_box .right label input[type="checkbox"]:checked {background-color: #000;}
.model .bottom_contents .label_box .right label span {font-size: 14px; cursor: pointer;}
.model .bottom_contents .select {display: flex; align-items: center;}
.model .bottom_contents .select p {font-size: 15px; width: 125px;}
.model .bottom_contents .select select {width: 320px; height: 45px; border-radius: 8px; border: 1px solid #999; outline: none; background: url(../img/asdie-arrow.png) no-repeat 96%/15px; appearance: none; padding: 0 10px; font-size: 14px;}



.model .bottom_contents .con_box > p {font-size: 14px; line-height: 21px; font-weight: 500; color: #666;}

.model .bottom_contents .img_con {display: flex; justify-content: space-between; margin: 40px auto 0;}
.model .bottom_contents .img_con .contents {width: 240px;}
.model .bottom_contents .img_con .contents .find {display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.model .bottom_contents .img_con .contents .find p {font-size: 16px;}
.model .bottom_contents .img_con .contents .find button {position: relative; width: 80px; height: 35px; border-radius: 8px; background-color: #fbb03b;}
.model .bottom_contents .img_con .contents .find button span {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 13px; font-weight: 500;}
.model .bottom_contents .img_con .contents .img {position: relative; width: 100%; height: 200px; border: 1px solid #999; border-radius: 8px; background-color: #fff; overflow: hidden;}
.model .bottom_contents .img_con .contents .img span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; width: 100%; text-align: center; z-index: 100;}
.model .bottom_contents .img_con .contents .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 101;}


.model .bottom_btn {display: flex; flex-direction: column; justify-content: center;}
.model .bottom_btn .auto-no {margin: 0 auto 45px;}
.model .bottom_btn > i {font-style: normal; font-size: 16px; line-height: 21px; text-align: center;}
.model .bottom_btn button {position: relative; width: 180px; height: 50px; border-radius: 35px; background-color: #fbb03b; margin: 40px auto 0;}
.model .bottom_btn button p {position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; font-size: 16px; font-weight: 700;}










/* 반응형 시작 */
@media(max-width:1650px){

    

}

@media(max-width:1600px){

    

}

@media(max-width:1500px){

    

}

@media(max-width:1450px){

    

}

@media(max-width:1440px){

    

}

@media(max-width:1350px){

    

}

@media(max-width:1240px){

    

}

@media(max-width:1200px){

    

}

@media(max-width:1100px){

    

}

@media(max-width:1053px){

    

}

@media(max-width:1024px){

    .notice_board ul li {font-size: 16px;}
    .notice_board a p {font-size: 14px;}
    .notice_board ul li:nth-child(2) {width: calc(100% - 320px);}
    .notice_board a p:nth-child(2) {width: calc(100% - 320px);}
    .notice_board ul li:nth-child(3) {display: none;}
    .notice_board a p:nth-child(3) {display: none;}

}

@media(max-width:939px){

    

} 

@media(max-width:926px){

    

}

@media(max-width:880px){

    .review .inner .review_slide .swiper-slide p {width: 360px;}

}

@media(max-width:854px){

    .time .time_etc div {margin-bottom: 10px;}
    .time .time_etc div p {font-size: 14px; line-height: 14px;}
    .time .time_etc div p:first-child {width: 260px; margin-right: 20px;}
    .time .time_etc div p:last-child {width: 255px;}


    .gallery_pop {max-width: 710px;}
    .gallery_pop .close {top: 15px; right: 15px; width: 20px; height: 20px;}
    .gallery_pop .close span:first-child {width: 20px; height: 3px;}
    .gallery_pop .close span:last-child {width: 20px; height: 3px;}


    .cp_contents01 .contents {gap: 40px;}
    .cp_contents01 .contents .left h2 {font-size: 24px; line-height: 30px; margin-bottom: 10px;}
    .cp_contents01 .contents .left h2 span {font-size: 16px;}
    .cp_contents01 .contents .left p {font-size: 18px; line-height: 18px;}
    .cp_contents01 .contents h3 {font-size: 50px; line-height: 50px;}
    .cp_contents01 .contents h3 span {font-size: 16px; line-height: 16px;}
    .cp_contents01 .contents .line {height: 90px;}

    .cp_contents01 .bottom {max-width: 550px;}
    .cp_contents01 .bottom div {gap: 10px; margin-bottom: 15px;}
    .cp_contents01 .bottom div img {width: 16px; height: 16px;}
    .cp_contents01 .bottom div p {font-size: 16px; line-height: 21px; position: relative; top: -2px; width: calc(100% - 26px);}

    .cp_contents02 .contents > div {gap: 30px;}
    .cp_contents02 .contents > div h2 {font-size: 18px;}
    .cp_contents02 .contents > div p {font-size: 18px;}
    .cp_contents02 .contents > div .line {height: 25px;}

}

@media(max-width:810px){

    .branch_banner {height: 700px;}
    .branch_banner .txt_box {gap: 25px;}
    .branch_banner .txt_box p {font-size: 48px;}
    .branch_banner .txt_box a {width: 300px; font-size: 30px;}


    .gallery_contents {max-width: 630px;}
    .gallery_contents img {width: 200px; height: 200px;}


    .cora_result .contents_box {flex-direction: column; gap: 40px;}
    .cora_result .contents_box .contents {position: relative; width: 340px; height: 340px; padding: 12.5px;}
    .cora_result .contents_box .contents .con_cir {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 315px; height: 315px; border-radius: 50%; background-color: #fff;}
    .cora_result .contents_box .contents .con_cir::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 305px; height: 305px; border-radius: 50%; background-color: #f7f7f7;}

    .cora_result .contents_box .contents .con_cir .circle {position: relative; overflow: hidden; height: 50%; z-index: 3;}
    .cora_result .contents_box .contents .con_cir .circle::after {content: ''; position: absolute; top: 0px; left: 0px; width: 315px; height: 315px; box-sizing: border-box; border-radius: 50%; border: 5px solid transparent; z-index: 4;}
    .cora_result .contents_box .contents .con_cir .circle.top::after {border-top-color: #fbb03b; border-left-color: #fbb03b; animation: spin-circle-top01 4s infinite linear both;}
    .cora_result .contents_box .contents .con_cir .circle.bottom::after {border-top-color: #fbb03b; border-left-color: #fbb03b; top: -158px; animation: spin-circle-bottom01 4s infinite linear both;}

    .cora_result .contents_box .contents p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; line-height: 36px; text-align: center; width: 100%; z-index: 1;}
    .cora_result .contents_box .contents img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 2;}
    .cora_result > img {display: block; margin: 0 auto;}



    .model .bottom_contents .con_box:nth-child(3) > h2 {text-align: center;}
    .model .bottom_contents .con_box:nth-child(3) > p {text-align: center; font-size: 13px;}
    .model .bottom_contents .img_con {flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px;}
    .model .bottom_contents .img_con .contents {width: 320px;}
    .model .bottom_contents .img_con .contents .img {height: 280px;}

}

@media(max-width:768px){

    .info_wrap01 {width: 343px; margin: 0; transform: translate(-50%, -50%);}
    .info_wrap02 {width: 343px; margin: 0; transform: translate(-50%, -50%);}
    .info_wrap03 {width: 343px; margin: 0; transform: translate(-50%, -50%);}

    .menu_flow .inner {gap: 15px;}

    .main_slide {height: 600px;}
    .main_slide .swiper-pagination {bottom: 50px;}


    .sub_slide .swiper-pagination {bottom: 25px;}
    .sub_slide .swiper-slide .txt_box {max-width: 480px;}
    .sub_slide .swiper-slide .txt_box img {width: 160px;}
    .sub_slide .swiper-slide .txt_box .right p {font-size: 14px; line-height: 14px;}
    .sub_slide .swiper-slide .txt_box .right h2 {font-size: 30px; line-height: 30px; margin: 8px 0;}
    .sub_slide .swiper-slide .txt_box .right span{font-size: 25px; line-height: 25px;}


    .swiper_inner > img {display: none;}


    .time .time_etc {margin: 40px 0 60px;}
    .time .time_link {max-width: 325px;}
    .time .time_link a {width: 95px; gap: 10px; margin-right: 20px; margin-bottom: 20px;}
    .time .time_link a p {font-size: 16px;}
    .time .time_link a img {width: 50px;}


    .review .inner {margin-top: 60px;}
    .review .inner .top h2 {font-size: 24px; line-height: 24px;}
    .review .inner .top .swiper_btn img {width: 25px;}
    .review .inner .review_slide .swiper-slide h2 {font-size: 20px; line-height: 20px;}
    .review .inner .review_slide .swiper-slide p {font-size: 16px; line-height: 26px; width: 300px; height: 185px;}


    .way .map_box {height: 450px;}
    .way .map_box .root_daum_roughmap .wrap_map {height: 450px;}


    .gallery_pop {max-width: 500px;}


    .sub_banner {height: 600px;}


    .sub_title .title_line {width: 300px;}
    .sub_title p {font-size: 14px; line-height: 14px;}


    .intro_contents .contents .left span {font-size: 14px; line-height: 26px;}


    .watch .youtube_slide > img {width: 35px;}

    .notice_board ul li {font-size: 14px; line-height: 14px; height: 45px;}
    .notice_board a p {font-size: 12px; line-height: 12px; height: 40px;}
    .notice_board ul li:nth-child(1) {width: 60px;}
    .notice_board ul li:nth-child(4) {width: 100px;}
    .notice_board ul li:nth-child(5) {display: none;}
    .notice_board a p:nth-child(5) {display: none;}
    .notice_board a p:nth-child(1) {width: 60px;}
    .notice_board ul li:nth-child(2) {width: calc(100% - 160px);}
    .notice_board a p:nth-child(2) {width: calc(100% - 160px); line-height: 40px;}
    .notice_board a p:nth-child(4) {width: 100px;}


    section > .inner .top_txt > p {font-size: 18px; line-height: 24px;}
    section > .inner .top_txt > span {font-size: 14px; line-height: 18px;}
    section > .inner .top_txt > h3 {font-size: 30px; line-height: 30px;}


    .point_contents > div h3 {font-size: 21px; line-height: 21px;}
    .point_contents > div p {font-size: 18px; line-height: 18px; margin: 10px 0 15px;}


    .solution_contents {margin-top: 80px;}
    .solution_contents .contents .left h3 {font-size: 21px; line-height: 25px;}
    .solution_contents .contents .left p {font-size: 14px; line-height: 21px; margin: 15px auto 25px;}
    .solution_contents .contents .left .bottom h4 {font-size: 18px; line-height: 18px; margin-bottom: 8px;}
    .solution_contents .contents .left .bottom span {font-size: 14px; line-height: 14px;}
    .solution_contents .contents .left .bottom i {font-size: 14px; line-height: 14px; margin: 16px 0 8px;}
    .solution_contents .contents .left .bottom em {font-size: 12px; line-height: 12px;}


    .skin02_slide > p {font-size: 21px; line-height: 25px;}
    .skin02_slide .swiper-slide > img {height: 250px;}
    .skin02_slide > img {bottom: 106px;}

    .ani02 {bottom: 70px; width: 150px; height: 80px;}
    .ani02 img {width: 150px;}

    .ani03 {bottom: 30px; width: 250px; height: 136px;}
    .ani03 img {width: 250px;}

    .ani04 {bottom: 140px;}


    .treat_target_contents li .txt_box h2 {font-size: 60px; line-height: 60px;}
    .treat_target_contents li .txt_box .target_line {width: 70px; margin: 15px auto 20px;}
    .treat_target_contents li .txt_box p {font-size: 12px; line-height: 18px;}


    .detail_txt {gap: 25px;}
    .detail_txt p {font-size: 20px; line-height: 30px;}
    .cover_txt {font-size: 14px; line-height: 32px;}


    .diet_title p {font-size: 20px; line-height: 26px;}
    .big_title {font-size: 36px; line-height: 36px; margin: 15px auto 40px;}
    section > .inner .top_txt > h4 {font-size: 22px; line-height: 24px;}
    section > .inner .top_txt > i {font-size: 12px; line-height: 18px; margin-top: 20px;}


    .box6 .contents .top {height: 45px;}
    .box6 .contents .top h2 {font-size: 16px; line-height: 16px;}
    .box6 .contents .bot {height: 120px;}
    .box6 .contents .bot p {font-size: 12px; line-height: 28px;}


    .case_category02 {max-width: 343px; width: 100%; gap: 0; justify-content: space-between;}
    .case_category02 li {width: 32%;}
    .case_category02 li {margin-bottom: 10px;}


    .sub02_third {flex-direction: column; justify-content: center; align-items: center; gap: 50px;}
    .sub02_third li {width: 300px;}
    .sub02_third li img {height: 300px;}
    .sub02_third li .border_line {height: 300px;}


    .true01 .bottom_txt p {font-size: 32px; line-height: 40px; margin-bottom: 30px;}
    .true01 .bottom_txt h2 {font-size: 24px; line-height: 36px; margin-bottom: 10px;}
    .true01 .bottom_txt span {font-size: 18px; line-height: 30px; margin-bottom: 20px;}
    .true01 .bottom_txt h3 {margin-bottom: 40px;}


    .pimple_box01 .left {gap: 15px;}
    .pimple_box01 .left .contents div {width: 150px; height: 150px;}
    .pimple_box01 .left .contents div span {width: 60px; height: 24px;}
    .pimple_box01 .left .contents p {font-size: 14px; line-height: 18px;}


    .sub07_txt span {font-size: 20px; line-height: 20px; margin-bottom: 15px;}
    .sub07_txt p {font-size: 48px; line-height: 52px;}
    .sub07_circle_contents .txt_box p {font-size: 30px; margin-bottom: 10px;}
    .sub07_circle_contents .txt_box span {font-size: 16px; line-height: 26px;}
    .sub07_report_title {font-size: 30px;}


    .special_inner .contents .img_contents .bottom_p {font-size: 12px; line-height: 12px; margin-top: 10px;}
    .special_inner .contents .img_contents .img_pos {height: 40px; gap: 20px;}
    .special_inner .contents .img_contents .img_pos div {gap: 10px;}
    .special_inner .contents .img_contents .img_pos div h2 {font-size: 12px;}
    .special_inner .contents .img_contents .img_pos div p {font-size: 12px;}
    .special_inner .contents .img_contents .img_pos h3 {font-size: 12px;}
    .special_inner .contents .img_contents .img_bot {gap: 20px; margin-top: 10px;}
    .special_inner .contents .img_contents .img_bot div {gap: 10px;}
    .special_inner .contents .img_contents .img_bot div h2 {font-size: 12px;}
    .special_inner .contents .img_contents .img_bot div p {font-size: 12px;}
    .special_inner .contents .img_contents .img_bot h3 {font-size: 12px;}


    .pimple_box01.acne_box01 {margin-top: 40px;}
    .pimple_box01.ance_box01 .left {gap: 10px;}
    .pimple_box01.acne_box01 .left .contents div {width: 80px; height: 80px;}
    .pimple_box01.acne_box01 .left .contents div span {width: 80px; height: 80px;}
    .pimple_box01.acne_box01 .left .contents p {font-size: 12px; line-height: 12px; margin-top: 10px;}


    .ance_point .txt_box {gap: 5px;}
    .ance_point .txt_box p {font-size: 12px; line-height: 12px;}
    .ance_point .txt_box h2 {font-size: 20px; line-height: 20px;}
    .ance_point img {margin: 8px auto 14px;}
    .ance_point > span {font-size: 14px; line-height: 19px; margin-top: 30px;}


    .out_treat .contents {flex-direction: column; justify-content: center; align-items: center;}
    .out_treat .contents.reverse_con {flex-direction: column-reverse;}
    .out_treat .contents .img_box {max-width: 670px; width: 100%;}
    .out_treat .contents .txt_box {max-width: 670px; width: 100%; padding: 0; margin-top: 15px; justify-content: center; align-items: center;}
    .out_treat .contents.reverse_con .txt_box {align-items: center; padding: 0;}
    .out_treat .contents.reverse_con .txt_box p {text-align: center;}
    .out_treat .contents .txt_box h3 {font-size: 18px; line-height: 18px; margin: 10px auto;}
    .out_treat .contents .txt_box p {text-align: center; font-size: 13px; line-height: 20px;}



    .his_contents {flex-direction: column; justify-content: center; align-items: center; gap: 40px;}
    .his_contents .contents {max-width: 520px; width: 100%;}


    .skin_txt h2 {width: 50px; height: 50px; font-size: 21px; line-height: 48px;}
    .skin_txt h3 {font-size: 18px; line-height: 18px;}
    .skin_txt h4 {font-size: 28px;}
    .history_p {font-size: 14px; line-height: 26px; margin-top: 20px;}


    .treat_work .txt_box {margin-top: 30px; gap: 15px;}
    .treat_work .txt_box h2 {font-size: 18px;}
    .treat_work .txt_box p {font-size: 12px; line-height: 24px;}


    .history_span {font-size: 12px; line-height: 20px; margin-top: 20px;}
    .history_i {margin: 15px auto 20px;}
    .survey_contents {margin-bottom: 40px; gap: 40px;}


    .true01.fact .bottom_txt p {font-size: 24px; line-height: 30px; margin-bottom: 20px;}
    .true01.fact .bottom_txt h2 {font-size: 16px; line-height: 20px;}


    .rodam_philo .contents .blank_box > div {padding-right: 10px;}
    .rodam_philo .contents .blank_box .txt_box p {font-size: 12px;}
    .rodam_philo .contents .blank_box .txt_box h2 {font-size: 12px; margin: 5px 0;}
    .rodam_philo .contents .blank_box .txt_box span {font-size: 11px;}

    .rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box p {font-size: 12px;}
    .rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box h2 {font-size: 12px; margin: 5px 0;}
    .rodam_slide_box .rodam_slide .swiper-slide .blank_box .txt_box span {font-size: 11px;}
    .rodam_slide_box .rodam_slide01 p {font-size: 10px;}


    .ba_txt {font-size: 14px; line-height: 28px;}
    .re_bot_txt {font-size: 14px; line-height: 28px;}




    .model .bottom_contents .con_box > div {width: 100%; margin-bottom: 15px;}
    .model .bottom_contents .flex_box {display: block;}
    .model .bottom_contents .flex_box .contents {width: 100%; margin-bottom: 15px;}
    .model .bottom_contents .flex_box .contents .box {width: calc(100% - 125px);}
    .model .bottom_contents .one_box .e_box span {display: block; width: 20px; text-align: center;}
    .model .bottom_contents .one_box .e_box input {width: calc((100% - 20px) / 2);}
    .model .bottom_contents .one_box .e_box input:nth-child(3) {width: calc((100% - 20px) / 2);}
    .model .bottom_contents .label_box {align-items: flex-start;}
    .model .bottom_contents .label_box .right {gap: 0; flex-direction: row; flex-wrap: wrap;}
    .model .bottom_contents .label_box .right label {width: 33.33%; margin-bottom: 5px;}
    .model .bottom_contents .select select {width: calc(100% - 125px);}

}

@media(max-width:710px){

    

}

@media(max-width:676px){

    .gallery_contents {max-width: 470px; gap: 10px;}
    .gallery_contents img {width: 150px; height: 150px;}

    .review .inner .review_slide .swiper-slide h2 {font-size: 21px;}
    .review .inner .review_slide .swiper-slide p {width: 100%; font-size: 18px; height: auto;}


    .custom_contents .contents h2 {font-size: 16px; line-height: 16px;}
    .custom_contents .contents p {font-size: 11px;}

}

@media(max-width:643px){

    footer .inner > img {display: block; margin: 0 auto;}
    footer .inner .middle .contents {justify-content: center;}
    footer .inner .middle .contents p {width: 100%; text-align: center;}
    footer .inner .middle .contents p:first-child {margin-bottom: 4px;}
    footer .inner .middle .contents p:nth-child(even) {width: 100%;}
    footer .inner .middle .contents p:nth-child(2) {width: 80px;}
    footer .inner .middle .contents p:nth-child(3) {width: 170px;}
    footer .inner .middle .contents p:nth-child(4) {margin-top: 2px;}
    footer .inner .bottom .top {justify-content: center;}
    footer .inner .bottom .bot {flex-direction: column; justify-content: center; align-items: center;}
    footer .inner .bottom .bot span {display: none;}

}

@media(max-width:600px){

    .main_slide {height: 400px;}
    .main_slide .swiper-pagination {bottom: 25px;}
    .main_slide .swiper-slide .txt_box {max-width: 310px;}
    .main_slide .swiper-slide .txt_box p {font-size: 14px; line-height: 14px;}
    .main_slide .swiper-slide .txt_box h2 {font-size: 30px; line-height: 30px; margin: 8px 0;}
    .main_slide .swiper-slide .txt_box span{font-size: 25px; line-height: 25px;}


    .sub_slide {height: 400px;}


    .map01 .swiper-pagination03 .swiper-pagination-bullet {width: 15px; height: 23px;}
    .map01 .swiper-pagination03 .swiper-pagination-bullet::before {font-size: 10px; top: -15px;}
    .map02 .swiper-pagination04 .swiper-pagination-bullet {width: 15px; height: 23px;}
    .map02 .swiper-pagination04 .swiper-pagination-bullet::before {font-size: 10px; top: -15px;}
    .swiper_inner .swiper-container .swiper-slide h2 {font-size: 16px; line-height: 16px; margin-bottom: 12px;}
    .swiper_inner .swiper-container .swiper-slide p {font-size: 13px;}


    .record .record_link a p {font-size: 14px;}


    .branch_banner {height: 400px;}
    .branch_banner .txt_box p {font-size: 36px;}
    .branch_banner .txt_box a {width: 240px; height: 55px; font-size: 24px; line-height: 53px;}


    .time .time_table .top h2 {font-size: 16px; height: 40px;}
    .time .time_table .list li:first-child {font-size: 16px;}
    .time .time_table .list li {font-size: 14px; padding: 15px 0;}
    .time .time_table .list li.none p {width: 25px; height: 25px;}
    .time .time_table .list li.none span {width: 10px;}
    .time .time_etc {max-width: 260px; width: 100%; margin: 40px auto 60px;}
    .time .time_etc div {flex-direction: column; gap: 10px;}
    .time .time_etc div p:first-child {width: 100%; margin-right: 0;}
    .time .time_etc div p:last-child {width: 100%;}


    .doctors .contents .right > p {font-size: 15px;}
    .doctors .contents .bottom .bot_box ul li {font-size: 15px;}
    .doctors .contents .bottom .bot_box ul li::before {top: 9px;}


    .way .map_box {height: 380px;}
    .way .map_box .root_daum_roughmap .wrap_map {height: 380px;}


    .way .information .contents .right .address p {width: 100%;}
    .way .information .contents .right .address button {position: absolute; top: -37px; right: 0;}
    .way .information .contents .right .bus .top {justify-content: space-between;}


    .sub_banner {height: 400px;}
    .sub_banner .txt_box h2 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    .sub_banner .txt_box p {font-size: 16px; line-height: 16px;}


    .skin_txt h4 {font-size: 21px;}
    .history_p {font-size: 12px; line-height: 24px;}


    .graph_contents {flex-direction: column; gap: 40px;}
    .graph_contents img {width: 100%;}


    .watch_contents .bottom_watch .bottom_watch_box {width: 49%; margin-bottom: 12px;}




    .model .bottom_contents .label_box {height: auto;}
    .model .bottom_contents .label_box .right label {width: 50%;}

}

@media(max-width:560px){

    .diet_contents {flex-direction: row; flex-wrap: wrap; gap: 10px;}


    .cp_contents02 .contents > div {gap: 10px; padding: 20px 25px;}
    .cp_contents02 .contents {margin: 40px auto;}
    .cp_contents02 .contents > div h2 {font-size: 14px; line-height: 14px;}
    .cp_contents02 .contents > div p {font-size: 14px; line-height: 14px;}
    .cp_contents02 .contents > div .line {height: 15px; position: relative; top: 1px;}

}

@media(max-width:540px){

    .sub_slide .swiper-slide .txt_box {flex-direction: column; justify-content: center; gap: 20px;}


    .q_bottom {bottom: 20px;}


    .gallery_contents {max-width: 410px;}
    .gallery_contents img {width: 200px; height: 200px;}
    .gal_br {display: block;}


    .gallery_pop {max-width: 400px;}


    .charge .charge02 .txt_box {max-width: 365px;}
    .charge .charge02 .txt_box div {margin-bottom: 15px;}
    .charge .charge02 .txt_box div h2 {font-size: 16px; line-height: 16px; width: 85px;}
    .charge .charge02 .txt_box div p {font-size: 16px; line-height: 16px; width: calc(100% - 85px);}


    .true .bottom_txt p {font-size: 24px; line-height: 36px;}
    .true .bottom_txt span {font-size: 14px; line-height: 24px;}
    .true .bottom_txt h2 {font-size: 18px; line-height: 27px;}

    .true_contents .contents_box .contents .img_box p {width: 90px; height: 25px; font-size: 12px; line-height: 23px; top: -12.5px;}


    .box6 .contents {width: 100%;}


    .true01 .bottom_txt p {font-size: 24px; line-height: 36px; margin-bottom: 20px;}
    .true01 .bottom_txt h2 {font-size: 18px; line-height: 27px; margin-bottom: 10px;}
    .true01 .bottom_txt span {font-size: 14px; line-height: 24px; margin-bottom: 20px; word-break: keep-all;}
    .true01 .bottom_txt h3 {font-size: 18px; margin-bottom: 25px;}


    .cp_contents01 .contents {gap: 20px;}
    .cp_contents01 .contents .left h2 {font-size: 16px; line-height: 21px;}
    .cp_contents01 .contents .left h2 span {font-size: 12px;}
    .cp_contents01 .contents .left p {font-size: 14px; line-height: 14px;}
    .cp_contents01 .contents .line {height: 60px;}


    .case_category01 {max-width: 230px; width: 100%;}


    .pimple_box01 .left .contents div {width: 100px; height: 100px;}




    .model .bottom_contents .one_box {align-items: flex-start;}
    .model .bottom_contents .one_box p {position: relative; top: 10px;}
    .model .bottom_contents .one_box .e_box {flex-direction: row; flex-wrap: wrap;}
    .model .bottom_contents .one_box .e_box input {width: 100%;}
    .model .bottom_contents .one_box .e_box input:nth-child(3) {width: calc(100% - 27px);}

}

@media(max-width:500px){

    .rodam_philo .contents .blank_box .txt_box p br {display: none;}

}

@media(max-width:483px){

    .diet .inner .detail_txt p br {display: none;}

}

@media(max-width:480px){

    footer .inner .bottom .top {gap: 12px;}
    footer .inner .bottom .top a {font-size: 12px;}
    footer .inner .bottom .top a::before {height: 12px; right: -6px;}


    .main_slide {height: 300px;}
    .main_slide .swiper-pagination {bottom: 20px;}


    .sub_slide {height: 350px;}
    .sub_slide .swiper-pagination {bottom: 20px;}


    .map02 {max-width: 250px;}


    .time .time_table .top h2 {font-size: 14px;}
    .time .time_table .list li:first-child {font-size: 14px;}
    .time .time_table .list li {font-size: 12px;}
    .time .time_link a {width: 82px; margin-right: 15px;}
    .time .time_link a p {font-size: 14px;}

    .gallery_contents {max-width: 310px;}
    .gallery_contents img {width: 150px; height: 150px;}


    .doctors .contents > img {width: 300px; height: 300px;}
    .doctors .contents .bottom .doctor_cate li {padding-left: 8px;}
    .doctors .contents .bottom .doctor_cate li span {width: 7px; height: 7px; margin-right: 5px;}
    .doctors .contents .bottom .doctor_cate li p {font-size: 12px; position: relative; top: -1px;}


    .re_br {display: block;}
    .review .inner .top > div {align-items: flex-end;}
    .review .inner .top h2 {line-height: 30px;}
    .review .inner .top .swiper_btn img {width: 30px;}


    .way .map_box {height: 300px;}
    .way .map_box .root_daum_roughmap .wrap_map {height: 300px;}


    .gallery_pop {max-width: 343px;}


    .sub_banner {height: 300px;}


    .skin02_slide > p {font-size: 18px; line-height: 23px;}
    .skin02_slide .swiper-slide > img {height: 200px;}
    .skin02_slide > img {width: 25px; bottom: 88px;}

    .ani01 {bottom: 20px; width: 240px; height: 80px;}
    .ani01 img:nth-child(2) {bottom: 15px; left: 40px;}
    .ani01 img:nth-child(4) {bottom: 15px; right: 40px;}

    .ani02 {bottom: 60px; width: 120px; height: 65px;}
    .ani02 img {width: 120px;}

    .ani03 {bottom: 20px; width: 200px; height: 110px;}
    .ani03 img {width: 200px;}

    .ani04 {width: 200px; bottom: 95px;}
    .ani04 img {width: 30px;}


    .treat_target_contents {margin: 25px auto 0;}


    .charge_contents {gap: 20px; max-width: 330px;}
    .charge_contents li {width: 155px; margin-bottom: 20px;}
    .charge_contents li .icon_box {height: 155px;}
    .charge_contents li h2 {font-size: 20px; line-height: 20px;}
    .charge_contents li .icon_box img {width: 60px; height: 60px;}
    .charge_contents li h3 {font-size: 16px; line-height: 16px;}
    .charge_contents li p {font-size: 12px; line-height: 18px;}
    .charge_go {margin: 40px auto 0;}


    .faq_contents ul {margin-bottom: 25px;}
    .faq_contents ul li:first-child h2 {font-size: 14px;}
    .faq_contents ul li:first-child p {font-size: 14px;}
    .faq_contents ul li:last-child {font-size: 12px; line-height: 24px;}



    .diet_contents_img.mb80 {margin: 40px auto 40px;}
    .cover_txt {font-size: 12px; line-height: 26px; word-break: keep-all;}
    .cover_txt i {padding: 2px 6px;}


    .diet03 .inner .top_txt > i br {display: none;}


    .cp_contents .cp_title {margin-bottom: 40px;}

    .cp_contents01 .bottom {margin: 25px auto 80px;}
    .cp_contents01 .bottom div p {font-size: 14px; line-height: 18px;}

    .cp_contents02 h4 {font-size: 16px; line-height: 16px; letter-spacing: -1px;}


    .charge_contents01 {max-width: 340px; gap: 0; justify-content: space-between;}
    .charge_contents01 li {width: 160px; margin-bottom: 40px;}
    .charge_contents01 li .icon_box {height: 160px;}
    .charge_contents01 li h2 {font-size: 21px; line-height: 21px;}
    .charge_contents01 li h3 {font-size: 16px; line-height: 16px; margin: 8px 0;}
    .charge_contents01 li p {font-size: 12px; line-height: 20px;}


    .sub07_txt p {font-size: 40px; line-height: 46px;}
    .sub07_circle_contents .c_contents .contents {width: 160px;}
    .sub07_circle_contents .c_contents .contents .img_box {height: 160px; margin-bottom: 10px;}
    .sub07_circle_contents .c_contents .contents .img_box p {width: 80px; height: 80px;}


    .special_inner .txt_box span {font-size: 20px; line-height: 20px;}
    .special_inner .txt_box p {font-size: 20px;}
    .special_inner .txt_box i {font-size: 13px; line-height: 20px;}
    .special_inner .contents .img_contents .bottom_p {font-size: 13px; line-height: 13px; margin-top: 10px;}
    .special_inner .contents > h2 {font-size: 15px; margin-top: 30px; margin-bottom: 10px;}


    .br480_none {display: none;}
    .br480 {display: block;}


    .ance_simple_img {margin: 30px auto 80px;}

    .ance_check_box {padding: 50px 0 00px;}
    .ance_check_box .pos_h2 {top: -20px; font-size: 18px; width: 180px; height: 40px; line-height: 38px; border-radius: 10px;}
    .ance_check_box .contents {gap: 10px; width: 295px;}
    .ance_check_box .contents img {width: 25px;}
    .ance_check_box .contents p {font-size: 16px; width: calc(100% - 35px);}

    .eat_contents {margin: 50px auto; gap: 20px;}
    .eat_contents .contents > p {font-size: 16px; line-height: 16px; margin-top: 10px;}
    .eat_p {font-size: 13px; line-height: 36px;}


    .out_treat .contents {margin-top: 30px;}


    .intro_contents .contents .left p {font-size: 20px; line-height: 24px;}
    .intro_contents .contents .left span {font-size: 12px; line-height: 22px;}


    .model_p {font-size: 18px;}

    .model .top_contents > p {font-size: 18px; margin: 0 auto 20px;}
    .model .top_contents .contents {height: 240px;}


    .model .bottom_btn > i {font-size: 14px; word-break: keep-all;}

}

@media(max-width:440px){

    .network .n_title div p {width: 200px;}

    .doctors .contents .bottom .doctor_cate li p {font-size: 10px;}
    .doctors .contents .bottom .bot_box ul li {font-size: 13px;}
    .doctors .contents .bottom .bot_box ul li::before {top: 8px;}


    .diet02 .inner .top_txt > i br {display: none;}
    .diet02 .inner .top_txt > i .diet02_br {display: block;}


    .special_inner .contents .img_contents .img_pos {height: 30px;}


    .cp_contents02 .contents > div h2 {font-size: 12px; line-height: 12px; width: 50px;}
    .cp_contents02 .contents > div p {font-size: 12px; line-height: 12px; width: calc(100% - 71px);}




    .model .bottom_contents .label_box .right label {width: 100%;}

}

@media(max-width:410px){

    .br410 {display: none;}


    .auto-no div:first-child h3 {width: 80px;}
    .auto-no div:first-child p {width: 125px;}

}

@media(max-width:400px){

    .charge .charge02 .txt_box div {align-items: flex-start;}

    .cover_txt {font-size: 10px; line-height: 24px;}


    .cp_contents01 .contents {gap: 12px;}
    .cp_contents01 .contents .left h2 {font-size: 14px; line-height: 18px;}
    .cp_contents01 .contents .left h2 span {font-size: 10px;}
    .cp_contents01 .contents .left p {font-size: 12px; line-height: 12px;}
    .cp_contents01 .contents h3 {font-size: 40px; line-height: 40px;}
    .cp_contents01 .contents h3 span {font-size: 14px; line-height: 14px;}

}

@media(max-width:360px){

    .model .bottom_contents .con_box:nth-child(3) > p {font-size: 12px;}
    .model .bottom_contents .img_con .contents {width: 100%;}

}