/*Ãß°¡*/
.bottom_container{line-height:150%; text-align:center;}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*·¹À̾ƿô - °øÅë*/
.mgbnone{margin-bottom:0px !important}
.h550{height:550px}
.full{width:100%}

.bannerbg-2{background-image:url(/img/sub_n/bannerbg-2.png) !important}

.threebox{width:calc((100% / 3) - 20px)}

.clear{clear:both}

.txt1em{font-size:1em}
.txt2em{font-size:2em}
.txt3em{font-size:3em}
.txt4em{font-size:4em}
.txt5em{font-size:5em}


.pd10{padding:10px}
.pd20{padding:20px}
.pd30{padding:30px}
.pd40{padding:40px}
.pd50{padding:50px}
.pd60{padding:60px}
.pd70{padding:70px}
.pd80{padding:80px}
.pd90{padding:90px}
.pd100{padding:100px}


.pdt10{padding-top:10px}
.pdt20{padding-top:20px}
.pdt30{padding-top:30px}
.pdt40{padding-top:40px}
.pdt50{padding-top:50px}
.pdt60{padding-top:60px}
.pdt70{padding-top:70px}
.pdt80{padding-top:80px}
.pdt90{padding-top:90px}
.pdt100{padding-top:100px}

.mgt10{margin-top:10px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgt40{margin-top:40px}
.mgt50{margin-top:50px}
.mgt60{margin-top:60px}
.mgt70{margin-top:70px}
.mgt80{margin-top:80px}
.mgt90{margin-top:90px}
.mgt10{margin-top:100px}

.txt-center{text-align:center}
.txt-left{text-align:left}
.txt-right{text-align:right}

.three{width:30%}
.threeul li{width:30%;float:left}
.five li{float:left;width:calc(100% / 6); text-align:left; margin: 15px 10px;}
.weight{font-size:1.5em;font-weight:600}
.undernumber{color:#978671;border-bottom:1px solid #978671;font-family:'GmarketSansBold';padding:0px 0px;font-size:1.3em }
.bageline{color:#978671;text-decoration:underline;letter-spacing:0.05em;margin-bottom:30px;font-family:'GmarketSansMedium'}
.orange{color:#ff7200}
.ob{font-style:oblique}
.sub-title{text-align:center;font-size:2em}
.free{padding:40px 0px;font-size:1.2em;font-weight:300}
.pcview{display:block}
.moview{display:none}

.flex-be{display:flex;align-items:center;justify-content:space-between;}
.flex-fix{display:flex;}
.flex-pc{display:flex;align-items:center;}
.flex-pc-top{display:flex;}
.flex-center{display:flex;align-items:center;}


.pdbnone{padding-bottom:0px !important}

/*<img class="pc50 pdt20 mgr50 " src="/img/sub_n/video_thumb.png">*/
.linebage{border-bottom:1px solid #e8e2db;width:100%;height:1px}
.blinebage h2{font-size:1.3em;line-height:150%}
.blinebage{padding-top:30px}
.blinebage div div{padding:50px 0px}
.blinebage div div div{padding:20px; text-align:center}

.shadow_bage{border-radius:10px;background-color:##f3f0ec;box-shadow:10px 10px 10px rgb(234 227 218 / 92%), -10px -10px 15px rgb(250 251 251 / 65%)}

.black{color:#000}
.bgbage{background-color:#f5f2ee !important}
.bggray{background-color:#f9f9f9  !important}
.bgwhite{background-color:#fff  !important}


.mcimg{text-align:center;}
.mctext{padding-left:50px;padding-top:20px}
.mctext p{padding-bottom:20px}

@media (max-width:1024px) {
  .mctext{padding-left:0;}
}

.bt-more{padding:20px 0px;border-radius:50px;text-align:center;width:100%;max-width:200px;margin:0 auto;color:#fff !important;background-color:#CEBBA2; box-shadow: 5px 5px 5px rgba(0,0,0,0.2)}
.bt-more a{color:#fff}
.leftline{border-left:5px solid #978671;line-height:inherit; padding-left: 10px;}

.mgt50{margin-top:50px}
.mgt100{margin-top:100px}
.mgr50{margin-right:50px;}
.pdtb50{padding:50px 0px}
.pdb50{padding-bottom:50px}
.pdb100{padding-bottom:100px}

@media (max-width:1024px) {
  .pdtb50{padding:20px 0px}
  .pdb50{padding-bottom:20px}
  .pdb100{padding-bottom:50px}
  .pdt50 { padding-top:0;}
  .bt-more { padding: 10px 0;}
}


.pdtnone{padding-top:0px !important}

.pc50{width:50%}
/*color*/
.bage{color:#978671}

/*font*/
.gmb{font-family:'GmarketSansBold';letter-spacing:0.1em}
.gmb_2{font-family:'Montserrat', sans-serif; font-weight: 700;}

/*emty*/
.pd70{padding:70px !important}

/*area*/
.four li{width:calc(100% / 4)}

/*layout*/
.focustab ul li{cursor: pointer;}
.focustab ul li p{text-align:center}
.focustab ul li p:nth-child(1){border-radius:50px;padding:30px 0px;box-shadow:5px 5px 5px rgb(0,0,0,0.04);text-align:center;border-radius:35px;color:#bababa}
.focustab ul li p:nth-child(2){color:#bababa;padding:15px 0px}
.focustab ul li.on p:nth-child(1){background-color:#604f3b;color:#fff}
.focustab ul li.on p:nth-child(2){color:#604f3b;}

.fixmgr10{margin-right:10px}
.fixmgr20{margin-right:20px}
.fixmgr30{margin-right:30px}
.fixmgr40{margin-right:40px}
.fixmgr50{margin-right:50px}
.pcmgr50{margin-right:50px}


.boxfour div{width:calc(100% / 4);text-align:center;border-right:1px solid #bababa;padding:20px 30px}
.boxfour div:nth-child(4){border-right:0px}

#text-bg-right{padding-top:0px;background-image:url(/img/sub_n/dermal-intractable_09.png);background-position:top right;background-repeat:no-repeat}
#logo-bg-right{padding-top:0px;background-image:url(/img/sub_n/dermal-intractable_11.png);background-position:top right;background-repeat:no-repeat}


#text-bg-right-green{padding-top:0px;background-image:url(/img/sub_n/_text-bg-right-green.png);background-position:top right;background-repeat:no-repeat}
#logo-bg-right-green{padding-top:0px;background-image:url(/img/sub_n/_logo-bg-big-green.png);background-position:top right;background-repeat:no-repeat}

/*·¹À̾ƿô - º£ÀÌÁö ¹è³Ê ÀÏ¹Ý ÅؽºÆ®*/
#bagetop{margin-top:100px}
#bagetop div.bagebanner{padding:70px 0px;background-color:#f5f2ee;margin-top:70px}

/*·¹À̾ƿô - Ç®¹è³Ê*/
#fullbanner{margin-top:180px}
#fullbanner div{width:100%;background-size:cover}
#fullbanner div.bg-doctor{background-image:url(/img/sub_n/dermal-intractable_08.png);padding-left:40%}
#fullbanner div{text-align:center}
#fullbanner div div.line{width:1px;height:143px;margin:0 auto;background-color:#fff}
#fullbanner div div.bannerin{padding:40px 0px}
#fullbanner div div.bannerin p.large{font-size:3em;color:#fff;line-height:100%}
#fullbanner div div.bannerin p.basic{font-size:1.2em;color:#fff;font-weight:200;padding:30px 0px}
#fullbanner div div.bannerin p.thin{font-size:1.3em;color:#fff;letter-spacing:0.03em;font-weight:100;font-family:'GmarketSansLight'}
#fullbanner div div.bannerin p.thin b{font-family:'GmarketSansBold'}

/*·¹À̾ƿô - ¿ÞÂÊ À̹ÌÁö*/
/*#leftimg {background-image:url(/img/sub_n/dermal-intractable_09.png);background-repeat:no-repeat;background-position:center right;}*/
#leftimg div div.title:nth-child(1){margin-top:0px}
#leftimg div div.title{font-size:40px;margin-bottom:20px;margin-top:80px}
#leftimg div div.con{display:flex;align-items:center;justify-content:space-between;}
#leftimg div div.con div.conimg{margin-right:70px}
#leftimg div div.con div.context{font-size:1.1em;line-height:180%;font-weight:300}

/*sub tab navi*/
#tabnavi div div.ultab{margin-bottom:50px;}
#tabnavi div div.ultab ul{margin-bottom:40px;display:flex}
#tabnavi div div.ultab ul li{width:calc((100% / 3) - 75px);margin-right:75px;background-color:#fbfbfb;box-shadow:5px 5px 5px rgb(0,0,0,0.04);text-align:center;border-radius:35px}
#tabnavi div div.ultab ul li a{font-size:20pt;color:#bababa;font-weight:300;display:block;padding:35px 0px;}
#tabnavi div div.ultab ul li.on{background-color:#604f3b}
#tabnavi div div.ultab ul li.on a, #tabnavi div div.ultab ul li:hover a{color:#ffffff}
#tabnavi div div.ultab ul li:hover{background-color:#ff7200}
.tablegreen {background-color:#f8f8f6;margin-top:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.05);border-radius:0px 0px 50px 50px}
.tablegreen p{padding:20px 0px}
.tablegreen p:nth-child(2){padding:20px 40px; min-height:400px;border-radius:0px 0px 50px 50px}


.tablegreen2 {background-color:#f8f8f6;margin-top:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.05);border-radius:0px 0px 50px 50px;width:calc(100% / 2)}
.tablegreen2 p{padding:20px 0px}
.tablegreen2 p:nth-child(2){padding:20px 40px; min-height:150px;border-radius:0px 0px 50px 50px}

.white{color:#fff}
.bggreen{background-color:#f3f4f0 !important}
.green{color:#71876c !important}
.green-m{color:#71876c}
.green-d{color:#3d553d}
.bggreend{background-color:#3d553d !important}
.leftlinegreen {border-left:5px solid #71876c; padding-left:10px;line-height:100%}
.mn0205 .sub03 .right_container .top_container .green:before{ content: ""; display: block; position: absolute; top: 50%; left: 110%; width: 250%; height: 2px; background: #c5c6b5; !important}
.mn0205 .ongreen .shadow_box.current{background-color:#3d553d !important}

.mn0205 .ongreen .inner_title:before{ content: ""; display: block; width: 4px; height: 60%; background: #3d553d; position: absolute; left: -20px; top: 20%; }
.mn0205 .ongreen .eq_box{ position: absolute; bottom: -250%; right: 4%; }


.bgmn0301_02{background-image:url(/img/sub_n/mn0301_02.png);background-size:cover}
.bgmn0301_05{background-image:url(/img/sub_n/mn0301_05.png);background-size:cover}
.bt-green{background-color:#3d553d;border-radius:50px;padding:10px 20px}
.bt-green a{color:#fff}
.mn0205 .ongreenthree .tab-link{width:30%}

.fixmgt100{margin-top:100px}
.fixmgt200{margin-top:200px}
.fixmgt300{margin-top:300px}

.tab10 .current p{background-color:#604f3b;color:#fff !important}

.tabtit{ position: relative;}
.tabtitimg{ position: absolute; bottom: -150%; right: 5%; }


@media (max-width: 1320px) {
 .pcview{display:none}
 .moview{display:block}
 .mofive li{width:20% !important}
 .mofive li p{font-size:13px}
 .txt-mo, .txt-mo p{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; line-height: 30px; }	
 .mgr50{margin-right:0px;}
 .pd70{padding:30px !important}
 .pcmgr50{margin-right:0px}
 .momgt10{margin-top:10px}
 .momgt20{margin-top:20px}
 .momgt30{margin-top:30px}
 .momgt40{margin-top:40px}
 .momgt50{margin-top:50px}
 .mfull{width:100% !important}
 .pc50{width:100%}  
 .boxfour div{border-right:0px; width: 50%; }
 #leftimg div div.title{font-size:30px;}

 .mn0205 .sub03 .right_container .top_container .green:before{display:none}

 .tabtitimg{ position:absolute; width:30% ; margin-bottom:-20px}



}

@media (max-width: 1024px) { 
  .three{width:100%}
  .flex-pc{display:block}
  .flex-pc-top{display:block}
    /*area*/
 .four li{width:100%}
 .mn0205 .sub08 .left_container{width:100%;margin-right:0px}
 .right_container{width:100% !important}
 .tablegreen p:nth-child(2){min-height:auto;}
 .tablegreen2 {width:100%;}
 .tablegreen2 p:nth-child(2){min-height:auto;}
 #text-bg-right-green{background-size:30%}
 #leftimg div div.title{font-size:25px;font-weight:600}

  
}
@media (max-width: 600px) {
 .five li {float:left; text-align:left; margin: 10px 3px;}
 .boxfour div { padding: 10px;}
 .txt-mo{font-size:13px }	
 .pd70{padding:30px !important}
 .pdt100 { padding-top:70px;}
 .pcmgr50{margin-right:0px}
 .momgt10{margin-top:10px}
 .momgt20{margin-top:20px}
 .momgt30{margin-top:30px;}
 .momgt40{margin-top:40px}
 .momgt50{margin-top:50px}
 .mfull{width:100%}
 .blinebage h2{font-size:14px}
 .blinebage div div { padding: 20px 0; }
 .blinebage div div div{width: 25%; padding:0px;}
 .blinebage div div div img {width: 60px;}
 .mofive li p{font-size:10px}
 .mofive li{width:47.5%!important}
 .mcimg{text-align:center; width: 36%; padding-right:10px; }
 .mcimg > img { width:100%; }
 .bt-more { border-radius: 16px; width:80%; padding: 6px 0; margin-top: 10px; font-weight: 500;}
 .momgt30.wid_re{margin-top:0px; width:65%;}

}

@media (max-width: 400px) {
.mainSlide_title02{font-size:25px;line-height:120%}
.mn0205 .sub02 .right_box{height:150px}

.mn0205 .sub02 .right_box {width:calc(50% - 10px)}
.mn0205 .sub02 .right_box .text_box a{font-size:8px}
}

/* 210823 °­Áö¿î - ¿©µå¸§ ¼öÁ¤ */
.acne_coloring .what_container .bottom_color { height: 68%; }
.acne_scar .what_container .bottom_color { height: 63%; }
.acne_result .sub04 .flex-pc-top .mgr50 img { width: 100%; }
.acne_result .sub04 .flex-pc img { max-width: 100%; }
.acne .what_container .what_text { color: #c5c6b5; }
.acne .what_container .what_text:before { background-color: #c5c6b5; }

@media (max-width: 960px) {
  .acne_result .sub03 .flex >div:nth-child(1)  { width: 40%; }
  .acne_result .sub03 .flex >div:nth-child(1) img { width: 100%; }
  .acne_result .sub03 .flex >div:nth-child(2)  { width: 60%; }
  .acne_result .sub03 .flex-center >div:nth-child(1)  { width: 40%; }
  .acne_result .sub03 .flex-center >div:nth-child(1) img { width: 100%; }
  .acne_result .sub03 .flex-center >div:nth-child(2)  { width: 60%; }
  .acne_result .sub08 .left_container { position: relative; z-index: 20; }
  .acne_result .sub08 .tab .tab-link { width: calc(50% - 20px); }

  .acne_sebaceous .sub08 .flex > p:nth-child(1) { width: 30px; margin-right: 0; }
  .acne_sebaceous .sub08 .flex > p:nth-child(1) .fixmgr20 { margin-right: 0; }
  .acne_sebaceous .sub08 .flex > p:nth-child(2) { width: calc(100% - 30px); }

  .acne_scar .sub08 .flex > p:nth-child(1) { width: 30px; margin-right: 0; }
  .acne_scar .sub08 .flex > p:nth-child(2) { width: calc(100% - 30px); }
  .acne_scar .sub08 .tab_wrapper .tab-content { margin-bottom: 40px; }

  .acne_coloring .sub08 #tab6 .eq_box { bottom: -460%; }
  .acne_coloring .sub08 #tab7 .eq_box { bottom: -360%; }

  .acne .fixmgt200 { margin-top: 50px; }
  .acne h1.white { font-size: 24px; }
}