#main_popup_pc {display: none !important;}
.mo-only {display: block;}
.pc-only {display: none;}

.non_benefit_img {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-60%); width: 90%; height: auto; z-index: 999; display: none;}
.non_benefit_img img {width: 100%; height: 100%;}
.non_benefit_img.on {display: block;}

/*------서브 컨텐츠 ------*/
.sub_contain .sub_title_img {background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; width: 100%; height: 100vh;}
.sub_wrap .sub_skin_img {width: 100%; height: auto;}
.sub_wrap .sub_skin_img img {width: 100%;}
.sub_wrap .sub_skincare_img img {width: 100%;}

/*------ 피부기능의학 ------*/
.sub_contain .sub_title_img.sub_1-1 {background-image: url("../images/sub/functional/functional-medicine-title.jpg");}
.sub_contain .sub_title_img.sub_1-1  .sub_title_txt {opacity: 0; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; transition-delay: 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50px); z-index: 10; width: 70%; height: auto;}
.sub_contain .sub_title_img.sub_1-1 .sub_title_txt img {width: 100%; height: 100%;}
.sub_contain .sub_title_img.on.sub_1-1 .sub_title_txt {opacity: 1; transform: translate(-50%, -50%);}

/*------ 수액 ------*/
.sub_contain .sub_title_img.sub_2-1 {background-image:url("../images/sub/sap/sap-title.jpg");}
.sub_contain .sub_title_img.sub_2-1  .sub_title_txt {opacity: 0; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; transition-delay: 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50px); z-index: 10; width: 70%; height: auto;}
.sub_contain .sub_title_img.sub_2-1 .sub_title_txt img {width: 100%; height: 100%;}
.sub_contain .sub_title_img.on.sub_2-1 .sub_title_txt {opacity: 1; transform: translate(-50%, -50%);}

/*------ 면역 ------*/
.sub_contain .sub_title_img.sub_3-1 {background-image: url("../images/sub/immun/immun-title.jpg");}
.sub_contain .sub_title_img.sub_3-1 .sub_title_txt {opacity: 0; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; transition-delay: 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50px); z-index: 10; width: 70%; height: auto;}
.sub_contain .sub_title_img.sub_3-1 .sub_title_txt img {width: 100%; height: 100%;}
.sub_contain .sub_title_img.on.sub_3-1 .sub_title_txt {opacity: 1; transform: translate(-50%, -50%);}

/*------ 비만 ------*/
.sub_contain .sub_title_img.sub_4-1 {background-image: url("../images/sub/obesity/obesity-title.jpg");}
.sub_contain .sub_title_img.sub_4-1 .sub_title_txt {opacity: 0; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; transition-delay: 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50px); z-index: 10; width: 70%; height: auto;}
.sub_contain .sub_title_img.sub_4-1 .sub_title_txt img {width: 100%; height: 100%;}
.sub_contain .sub_title_img.on.sub_4-1 .sub_title_txt {opacity: 1; transform: translate(-50%, -50%);}

/*------ 스킨케어 ------*/
.sub_contain .sub_title_img.sub_5-1 {background-image: url("../images/sub/skincare/skincare-title.jpg");}
.sub_contain .sub_title_img.sub_5-1  .sub_title_txt {opacity: 0; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; transition-delay: 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50px); z-index: 10; width: 70%; height: auto;}
.sub_contain .sub_title_img.sub_5-1 .sub_title_txt img {width: 100%; height: 100%;}
.sub_contain .sub_title_img.on.sub_5-1 .sub_title_txt {opacity: 1; transform: translate(-50%, -50%);}

/*------가이드------*/
.main_container {padding-top: 130px;}

.ctt_con {width: 90%; font-size: 15px; line-height: 30px; margin: 0 auto;}
.privacy_wrap {width: 100%; padding: 10px 0 30px 0; margin: 0 auto; line-height: 1.6;}
.privacy_wrap:first-child {padding-top: 30px;}
.privacy_wrap .title {margin-bottom: 20px;}
.privacy_wrap.provision .title {margin-bottom: 6px;}
.privacy_wrap .title h2 {margin-bottom: 6px; font-size: 1.3em; color: #111; font-weight: bold; line-height: 1;}
.privacy_wrap .title h3 {margin-bottom: 4px; font-size: 1.3em; color: #111; font-weight: bold; line-height: 1;}
.privacy_wrap .title p {width: 100%; font-size: 0.9em; color: #444; letter-spacing: 0;}
.privacy_wrap dl dt {margin-bottom: 8px; padding: 8px 12px; background: #f1f1f1; border-radius: 8px; font-size: 100%; box-sizing: border-box; letter-spacing: 0; color: #000;}
.privacy_wrap dl dd {padding-left: 12px; margin-bottom: 28px; color: #444; font-size: 0.8em}
.privacy_wrap dl dd span {display: block; padding-left: 12px; margin: 4px 0; font-size: 0.9em;}

.container_title {text-align: center;}
.container_title h1 {font-size: 3em; font-weight: bold; color: #000; line-height: 1;}
.container_title p {font-size: 1em; font-weight: 500; color: #a2a2a2; padding-top: 5px;}

/*------------PC------------*/
@media all and (min-width: 1200px) {

.mo-only {display: none;}
.pc-only {display: block;}

.non_benefit_img {position: fixed; top: 50%; left: 50%; transform: translate(-50%,-60%); width: 640px; height: 574px; z-index: 999; display: none;}

/*------서브 컨텐츠------*/
.sub_contain .sub_title_img.sub_1-1 .sub_title_txt {width: 20%;}

/*------서브 컨텐츠 - 피부기능의학------*/
.sub_contain .skin-img>img {width: 100%;}
.sub_contain .sub_img1 {transform: translateX(-50px); opacity: 0; transition: all 0.5s ease-in-out;}
.sub_contain .sub_img1.on {transform: translateY(0); opacity: 1;}
.sub_contain .sub_img2 {transform: translateX(50px); opacity: 0; transition: all 0.5s ease-in-out;}
.sub_contain .sub_img2.on {transform: translateY(0); opacity: 1;}
.sub_contain .sub_img3 .sub_img3_box {position: relative; margin-bottom: 10px;}
.sub_contain .sub_img3 .sub_img3_box>img {width: 100%;}
.sub_contain .sub_img3 .sub_img3_box .sub3-txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub_contain .sub_img3 .sub_img3_box .sub3-txt img {position: absolute; top: 50%; opacity: 0; transition: all 0.5s ease-in-out;}
.sub_contain .sub_img3 .sub_img3_box:nth-child(odd) .sub3-txt img {right: -50px; transform: translate(-65%, -55%); width: 27%;}
.sub_contain .sub_img3 .sub_img3_box:nth-child(even) .sub3-txt img {left: -50px; transform: translate(82%, -55%); width: 24%;}
.sub_contain .sub_img3 .sub_img3_box:nth-child(odd).on .sub3-txt img {right: 0; opacity: 1;}
.sub_contain .sub_img3 .sub_img3_box:nth-child(even).on .sub3-txt img {left: 0; opacity: 1;}
.sub_contain .sub_img4 {transform: translateY(50px); opacity: 0; transition: all 0.5s ease-in-out;}
.sub_contain .sub_img4.on {transform: translateY(0); opacity: 1;}

/*------가이드------*/
.main_container {padding-top: 150px;}
.main_container::after {display: block; content: ""; clear: both; width: 100%; height: 94px; position: absolute; top: 0; background-color: #7f7e7b;}

.ctt_con {width: 100%;}
.privacy_wrap .title {margin-bottom: 10px;}
.privacy_wrap .title h3 {font-size: 1.7em;}
.privacy_wrap {width: 900px;}
.privacy_wrap dl dt, .privacy_wrap dl dd {font-size: 100%}
.privacy_wrap dl dd span {font-size: inherit;}
.privacy_wrap .title h2 {font-size: 2em;}
.privacy_wrap .title p {font-size: 1.05em;}

.container_title p {font-size: 1.2em;}

/*------ 수액 ------*/
.sub_contain .sub_title_img.sub_2-1 .sub_title_txt {width: 20%;}


.sub_wrap .sub_sap_img {width: 100%; height: auto;}
.sub_wrap .sub_sap_img img {width: 100%;}


.sub_contain .sub_img3 .sap_img3_box:nth-child(even) .sub3-txt img {left: -50px; transform: translate(25%, -55%); width: 35%;}


.sub_contain .sap-img>img {width: 100%;}

/*------ 면역 ------*/
#immun_wrap .sub_img3 .sub_img3_box:nth-child(1) .sub3-txt img {right: -50px; transform: translate(-65%, -55%); width: 27%;}
#immun_wrap .sub_img3 .sub_img3_box:nth-child(2) .sub3-txt img {left: -50px; transform: translate(42%, -55%); width: 32%;}
#immun_wrap .sub_img3 .sub_img3_box:nth-child(3) .sub3-txt img {right: -50px; transform: translate(-55%, -55%); width: 29%;}
#immun_wrap .sub_img3 .sub_img3_box:nth-child(4) .sub3-txt img {left: -50px; transform: translate(56%, -55%); width: 29%;}

#immun_wrap .sub_img3 .sub_img3_box:nth-child(1).on .sub3-txt img, #immun_wrap .sub_img3 .sub_img3_box:nth-child(3).on .sub3-txt img {right: 0; opacity: 1;}
#immun_wrap .sub_img3 .sub_img3_box:nth-child(2).on .sub3-txt img, #immun_wrap .sub_img3 .sub_img3_box:nth-child(4).on .sub3-txt img {left: 0; opacity: 1;}

.sub_contain .sub_title_img.sub_3-1 .sub_title_txt {width: 20%;}
.sub_contain .immun-img>img {width: 100%;}

.sub_wrap .sub_immun_img {width: 100%; height: auto;}
.sub_wrap .sub_immun_img img {width: 100%;}

.sub_contain .immun-img>img {width: 100%;}

/*------ 비만 ------*/
#obesity_wrap .sub_img3 .sub_img3_box:nth-child(1) .sub3-txt img {right: -50px; transform: translate(-49%, -55%); width: 31%;}
#obesity_wrap .sub_img3 .sub_img3_box:nth-child(2) .sub3-txt img {left: -50px; transform: translate(48%, -55%); width: 31%;}
#obesity_wrap .sub_img3 .sub_img3_box:nth-child(3) .sub3-txt img {right: -50px; transform: translate(-46%, -55%); width: 32%;}
#obesity_wrap .sub_img3 .sub_img3_box:nth-child(4) .sub3-txt img {left: -50px; transform: translate(45%, -55%); width: 32%;}

#obesity_wrap .sub_img3 .sub_img3_box:nth-child(1).on .sub3-txt img, #obesity_wrap .sub_img3 .sub_img3_box:nth-child(3).on .sub3-txt img {right: 0; opacity: 1;}
#obesity_wrap .sub_img3 .sub_img3_box:nth-child(2).on .sub3-txt img, #obesity_wrap .sub_img3 .sub_img3_box:nth-child(4).on .sub3-txt img {left: 0; opacity: 1;}

.sub_contain .sub_title_img.sub_4-1 .sub_title_txt {width: 20%;}
.sub_contain .obesity-img>img {width: 100%;}

.sub_wrap .sub_obesity_img {width: 100%; height: auto;}
.sub_wrap .sub_obesity_img img {width: 100%;}

.sub_contain .obesity-img>img {width: 100%;}

/*------ 스킨케어 ------*/
.sub_contain .sub_title_img.sub_5-1 .sub_title_txt {width: 20%;}
.sub_contain .skincare-img>img {width: 100%;}

.sub_wrap .sub_skincare_img {width: 100%; height: auto;}
.sub_wrap .sub_skincare_img img {width: 100%;}
}