.clearfix:after
{clear:both; content:''; display:block;}
/******************* HEADER SECTION ********************/
.header
{border-bottom:1px solid #ddd;}
.header .header-top
{display:flex; justify-content:space-between; align-items:center;}
.header .logo
{margin:20px 0px;}
.header .header-top .call img
{margin-top:12px;}
.header .header-top .call .call-txt
{float:right; text-align:right; padding-left:10px;}
.header .header-top .call .call-txt p
{font-size:15px; color:#2e2e2e; font-weight:500;}
.header .header-top .call .call-txt h4
{font-size:20px; color:#6d1c15; font-weight:600;}
/******************* GNB SECTION ********************/
#header,#header .header_gnb
{height:60px;}
#header .header_gnb .contains
{max-width:1300px; width:100%;}
#gnb
{width:100%; float:none;}
#gnb .menu
{max-width:200px;}
#gnb .sub_menu
{top:60px;}
#gnb .menu .link
{line-height:60px; height:60px; font-size:17px; font-weight:500; color:#303030;}
#gnb .menu:hover > a
{color:#b45145; font-weight:500;}
#gnb .menu:hover a
{font-weight:500;}
#gnb .sub_menu a:hover
{color:#b45145;}

/******************* MAIN SECTION ********************/
.container 
{max-width:1300px; width:100%; margin:0 auto; padding:0px;}
.section01
{padding:80px 0px 115px;}
.main-title
{margin:0 0 40px; text-align:center;}
.main-title h2
{font-size:40px; color:#333333; font-weight:600;}
.main-title p
{font-size:18px; color:#8e8e8e;}
.sec01-content:after
{clear:both; content:''; display:block;}
.sec01-content .sec01-wrap
{width:33.3%; float:left; background-repeat:no-repeat; overflow:hidden;}
.sec01-content .sec01-txt-wrap
{padding:140px 0px; text-align:center;}
.sec01-content .sec01-txt-wrap strong
{font-family:'Raleway'; font-size:15px; color:#a01200; font-weight:600;}
.sec01-content .sec01-txt-wrap h2
{font-weight:400; color:#222222; font-size:28px; margin:13px 0px;}
.sec01-content .sec01-txt-wrap p
{font-size:16px; color:#444444; line-height:25px;}

.sec01-content .sec01-img01
{background-image:url('../img/sec01-img01.jpg');}
.sec01-content .sec01-img02
{background-image:url('../img/sec01-img02.jpg');}
.sec01-content .sec01-img03
{background-image:url('../img/sec01-img03.jpg');}
.sec01-content .sec01-img04
{background-image:url('../img/sec01-img04.jpg');}
.sec01-content .sec01-img05
{background-image:url('../img/sec01-img05.jpg');}
.sec01-content .sec01-img06
{background-image:url('../img/sec01-img06.jpg');}
.sec01-content .sec01-wrap:hover
{opacity:.8;}


.section02
{padding:160px 0 120px; background:url('../img/sec02-bg.jpg') no-repeat center;}
.sec02-content
{}
.sec02-content:after
{clear:both; content:''; display:block;}
.sec02-content .sec02-title
{float:left; position:relative; margin-top:10px;}
.sec02-content .sec02-title:after
{content:''; position:absolute; width:100px; height:5px; background:#8f1303; right:-111%; top:35%;}
.sec02-content .sec02-title h2
{font-size:38px; color:#222222; font-weight:600;}
.sec02-content .sec02-icon-wrap
{float:right; display:flex; justify-content:space-between; width:65%;}
.sec02-content .sec02-icon-wrap .sec02-icon
{text-align:center;}
.sec02-content .sec02-icon-wrap .sec02-icon p
{font-size:20px; color:#222222; margin-top:20px; font-weight:500;}

.sec02-content .sec02-icon-wrap a > div
{width:123px; height:123px; border-radius:50%; background-color:#8f1303; display:inline-block;}
.sec02-content .sec02-icon-wrap a:hover > div
{background-color:#af2b1a;}
.sec02-content .sec02-icon-wrap .sec02-icon01
{background-image:url('../img/sec02-ico01.png'); background-repeat:no-repeat; background-position:center;}
.sec02-content .sec02-icon-wrap .sec02-icon02
{background-image:url('../img/sec02-ico02.png'); background-repeat:no-repeat; background-position:center;}
.sec02-content .sec02-icon-wrap .sec02-icon03
{background-image:url('../img/sec02-ico03.png'); background-repeat:no-repeat; background-position:center;}
.sec02-content .sec02-icon-wrap .sec02-icon04
{background-image:url('../img/sec02-ico04.png'); background-repeat:no-repeat; background-position:center;}
.sec02-content .sec02-icon-wrap .sec02-icon05
{background-image:url('../img/sec02-ico05.png'); background-repeat:no-repeat; background-position:center;}

/******************* FOOTER SECTION ********************/
.footer
{background:#4a4a4a;}
.footer:after
{content:''; display:block; clear:both;}
.f-info
{float:left; width:60%; padding:40px 0px 40px;}
.f-info .f-police li
{padding-right:20px; display:inline-block;}
.f-info .f-police li a
{font-size:15px; color:#f3f3f3; }
.f-info .f-logo
{background:url('../img/f-logo.png'); width:237px; height:61px; display:inline-block; margin:50px 0px 20px;}
.f-info .f-txt ul li span
{font-size:15px; color:#f3f3f3; padding-right:15px;}
.f-info .f-txt ul li span.copy
{color:#d2d2d2;}


.footer .f-cs
{float:right; background:#3c3f44; padding:60px 60px 42px;}
.footer .f-cs strong
{font-size:24px; color:#fff; font-weight:600; display:inline-block; margin-bottom:10px;}
.footer .f-cs p
{font-size:36px; font-weight:500; color:#fff; line-height:110%;}
.footer .f-cs .f-cs-open
{margin-top:10px !important;}
.footer .f-cs .f-cs-open li
{color:#ffffff; font-size:15px; padding-left:20px; line-height:23px;}

/******************* SUB SECTION ********************/
#content
{padding:80px 0px;}
.aria
{max-width:1300px; margin:0 auto;}
/******************* SUB VISUAL SECTION ********************/
#sub-title-bg
{height:300px;}
.sub-visual-con
{display:table; width:100%; height:100%;}
.sub-visual-table-cell
{display:table-cell; vertical-align:middle; text-align:center;}
.sub-visual-title
{color:#fff; font-size:30px;}
/******************* SUB TOPMENU SECTION ********************/
#topmenu01
{height:86px; margin-top:-86px;; position:relative;}
#topmenu01 .sub-menu-wrap
{height:100%; background:#fff; text-align:center;}
#topmenu01 .sub-menu-wrap-con
{margin:0 40px; border-bottom:1px solid #ddd; height:86px;}
#topmenu01 .sub-menu
{display:inline-block; }
#topmenu01 .sub-menu li
{max-width:300px; float:left; text-align:center; height:86px;}
#topmenu01 .sub-menu li.on
{border-bottom:1px solid #000;}
#topmenu01 .sub-menu li.on span
{color:#000; font-weight:500;}
#topmenu01 .sub-menu li a
{display:table; width:100%; height:85px; }
#topmenu01 .sub-menu li a span
{display:table-cell; vertical-align:middle; word-break:keep-all; padding:0 20px; font-size:17px; color:#666;}

/**************** CLINIC 2CATEGORY MENU SECTION ******************/
.clinic-content .btn-wrap
{}
.clinic-content .btn-wrap:after
{clear:both; content:''; display:block;}
.clinic-content .btn-wrap ul
{display:flex; justify-content:center; flex-wrap:wrap;}
.clinic-content .btn-wrap li
{border:1px solid #e48fcf; width:25%; margin-left:-0.1%; margin-top:-0.1%; background:#d66fbb; height:50px; display:table; text-align:center;}
.clinic-content .btn-wrap li a
{ width:100%; display:table-cell; vertical-align:middle; padding:0 20px; position:relative; z-index:999; overflow:hidden; font-size:16px; color:#fff; transition: all 0.45s;}
.clinic-content .btn-wrap li a:before
{content:''; position:absolute; width:120%; height:100%; background:#ca3fa6; left:0px; top:0px; transform:skew(45deg); z-index:-1; left:-130%;  opacity:0;}
.clinic-content .btn-wrap li:hover
{background:#ca3fa6;}
.clinic-content .btn-wrap li:hover a
{color:#fff;}

/******************* SUB 3CATEGORY MENU SECTION ********************/
.clinic-content .btn-wrap li.active
{background:#9a0d75;}
#sub-dep3-menu .sub-menu
{text-align:center;}
#sub-dep3-menu .sub-menu li
{display:inline-block; width:200px; border:1px solid #ddd; height:50px;}
#sub-dep3-menu .sub-menu li a
{display:table;; width:100%; height:100%;}
#sub-dep3-menu .sub-menu li a span
{display:table-cell; vertical-align:middle; color:#000;}
#sub-dep3-menu .sub-menu li.active
{background:linear-gradient(90deg, #cc8f87, #d87669);}
#sub-dep3-menu .sub-menu li.active a span
{color:#fff;}
#sub-dep3-menu .sub-menu li:hover
{background:linear-gradient(90deg, #cc8f87, #d87669);  transition:all 0.25s}
#sub-dep3-menu .sub-menu li:hover a span
{color:#fff; }


/******************* SUB TITLE SECTION ********************/
#sub-title h2
{margin-bottom:20px; font-size:27px; border-bottom:3px solid #000; display:inline-block; padding-bottom:10px;}



/******************* SUB GREETING SECTION ********************/
.com-top-sec
{text-align:center;}
.slogan h1
{font-size:76px; color:#ddd; text-shadow:0px 1px 2px #aaa;}
.slogan span
{display:block; font-size:44px; line-height:130%; text-shadow:none;}
.com-circle
{margin-top:60px;}
.circle-wrap
{max-width:1000px; margin:0 auto;}
.circle-wrap:after
{clear:both; content:''; display:block;}
.circle-wrap .circle
{width:200px; height:200px; float:left; border-radius:50%; background:#bd4a3c; margin-right:5%; display:table; text-align:center;}
.circle-wrap .circle:last-child
{margin-right:0px;}
.circle-wrap .circle p
{display:table-cell; vertical-align:middle; color:#fff; font-size:21px;}
.com-greeting
{margin-top:140px;}
.com-greeting::after
{clear:both; content:''; display:block;}
.greeting-ceo
{float:left; width:25%; padding:20px; background:#8a6565;}
.greeting-ceo p
{color:#fff; font-size:24px; font-weight:400; line-height:45px;}
.greeting-txt
{float:right; width:70%;}
.greeting-txt h5
{font-size:22px; font-weight:400; margin-bottom:10px;}
.greeting-txt h5 strong
{font-weight:500; color:#000;}
.greeting-txt p
{font-size:16px; font-weight:400; color:#666;}
.greeting-txt p.txt01
{color:#bc4b3d; font-size:19px; margin-bottom:10px;}
.greeting-txt p strong
{font-family:'Railway', 'Noto Sans Kr'; font-weight:500; color:#000; font-size:18px;}

/******************* SUB DIRECTOR SECTION ********************/
.director
{max-width:1000px; margin:0 auto; padding:50px; background:#f4f4f4}
.director:after
{content:''; display:block; clear:both;}
.director .dir-img
{float:left;}
.director .profile
{float:right; width:70%; }
.profile dt
{font-size:19px; color:#000000; font-weight:500; margin-bottom:10px;}
.profile dd
{font-size:15px; color:#666; margin:0 0 5px; position:relative; padding-left:25px;}
.profile dd:before
{content:''; position:absolute; width:10px; height:2px; background:#6d1c15; top:10px; left:8px;}

.building-wrap
{text-align:center;}
.building
{display:inline-block;}
.building-list
{margin:50px 0 0;}
.building-list ul
{display:flex; justify-content:space-between;}
.building-list ul li
{width:15%; border:1px solid #ddd; height:140px;}
.building-list ul li img
{width:100%; height:100%;}

/******************* SUB LOCATION SECTION ********************/
.map .map-txt
{background:#540a00; padding:10px 20px; text-align:center;}
.map .map-txt li
{display:inline-block; color:#fff; margin-right:20px;}
.map .map-tbl
{margin-top:30px;}
.map .map-tbl li
{margin-bottom:15px;}
.map .map-tbl li strong
{font-weight:500; font-size:19px;}
.map .map-tbl li p
{font-size:16px; color:#666;}



/**************************************************************************************************************************************************
                                                            SUB TITLE BG
******************************************************************************************************************************************************/
.sub-title-bg02
{background:url('../img/subtitlebg2.jpg'); height:350px;}
.sub-title-bg03
{background:url('../img/subtitlebg3.jpg'); height:350px;}
.sub-title-bg04
{background:url('../img/subtitlebg4.jpg'); height:350px;}
.sub-title-bg05
{background:url('../img/subtitlebg5.jpg'); height:350px;}
.sub-title-bg06
{background:url('../img/subtitlebg6.jpg'); height:350px;}
.sub-title-bg07
{background:url('../img/subtitlebg7.jpg'); height:350px;}

.sub-title-bg
{display:table; width:100%;}
.sub-top-title
{text-align:center; display:table-cell; vertical-align:middle;}
.sub-top-title p
{font-size:19px; font-weight:400; color:#fff; text-shadow:1px 1px 3px #333;}
.sub-top-title h2
{font-size:38px; font-weight:500; color:#fff; text-shadoW:1px 1px 3px #333;}
.sub-top-title h2 strong
{text-shadoW:1px 1px 3px #333; font-weight:500; font-size:38px;}

/***************************************************************************************************************************************************
                                                            SUB CLINIC COMMON CONTENT 
******************************************************************************************************************************************************/
.clinic-content
{margin-top:80px;}

/***************************************************************************************************************************************************
                                                            SUB CLINIC MAIN CONTENT 
******************************************************************************************************************************************************/
.clinic-main-content .top-list
{padding:50px 0px;}
.clinic-main-content .top-list:after
{clear:both; content:''; display:block;}
.clinic-main-content .top-list dl
{display:inline-block; width:30%; margin:0 1%; float:left;}
.clinic-main-content .top-list dl dt
{color:#ddd; font-size:24px; font-weight:500; margin-bottom:10px; border-bottom:1px solid #e4e4e4; padding-bottom:5px;}
.clinic-main-content .top-list dl dt strong
{color:#ff61d6; }
.clinic-main-content .top-list dl dt span
{color:#333; padding-left:15px; font-size:19px;}
.clinic-main-content .top-list dd
{font-size:15px; color:#666; word-break:keep-all;}

/***************************************************************************************************************************************************
                                                            SUB CLINIC SUB CONTENT 
******************************************************************************************************************************************************/
.clinic-sub-content
{margin-top:80px;}
.cc-mn-sec
{display:inline-block; width:100%; margin:30px 0px;}
.cc-sec-tit
{border-bottom:1px solid #ddd; display:inline-block; margin:0 0 10px; padding:0 0 10px; width:100%;}
.cc-sec-tit h4
{font-size:21px; color:#333;}
.cc-sec-des .cc-des-img-wrap
{text-align:center; margin:0 0 10px;}
.cc-sec-des p
{font-size:16px; font-weight:400; color:#666;}
.cc-sec-des p strong
{font-weight:600; color:#333;}

.cc-sec-div-list ul li
{display:inline-block; width:47.5%; margin:0 1%; padding:15px 0px; background:#b15b51; color:#fff; text-align:center;}
.cc-sec-div-list .etc
{margin-top:20px; font-size:16px; color:#666; text-align:center;}

.cc-sec-process .cc-process-wrap .cc-process-img
{float:left; width:15%; margin-right:1%; border:1px solid #ddd; text-align:center;}
.cc-sec-process .cc-process-wrap .cc-process-img p
{background:#b15b51; display:inline-block; width:100%; padding:5px 0px; color:#fff; font-size:16px;}

.cc-sec-type
{padding:0 20px;}
.cc-sec-type-wrap
{margin-bottom:30px;}
.cc-sec-type-wrap .type-tit
{margin:0 0 10px;}
.cc-sec-type-wrap .type-tit h3
{font-size:19px;}
.cc-sec-type-wrap .type-des p
{font-size:16px; font-weight:400; color:#666;}
/* type-des 안의 img-wrap (여드름 페이지) */
.cc-sec-type-wrap .type-des .type-des-img
{display:inline-block; width:100%; margin:20px 0px;}
.cc-sec-type-wrap .type-des .type-des-img img
{border:1px solid #ddd; padding:5px 10px;}
/* type-des 바깥의 img-wrap (기미/오타/잡티/접/문신 페이지) */
.cc-sec-type-wrap .type-img-wrap
{display:flex; justify-content:space-between; border:1px solid #ddd; padding:20px; margin:10px 0 0;}
.cc-sec-type-wrap .type-img-wrap .type-img-inner
{width:28%; text-align:center;}
.cc-sec-type-wrap .type-img-wrap .type-img-inner img
{width:100%;}
.cc-sec-type-wrap .type-img-wrap .type-img-inner .type-img-txt
{margin-top:10px;}
.cc-sec-type-wrap .type-img-wrap .type-img-inner .type-img-txt strong
{color:#000; font-size:19px; font-weight:500; display:inline-block; width:100%;}
.cc-sec-type-wrap .type-img-wrap .type-img-inner .type-img-txt p
{font-size:15px; color:#666; text-align:left;}
/* type-des 안의 type-des-list (주름/탄력) */
.cc-sec-type-wrap .type-des .type-des-list ul li
{font-size:15px; color:#666; margin:0 0 10px;}
.cc-sec-type-wrap .type-des .type-des-list ul li strong
{display:block; font-size:17px; color:#000;}

/* 여드름 흉터/자국 */
.cc-div-img
{width:45%; float:left; margin-right:10%;}
.cc-div-img:last-child
{margin-right:0px;}
.cc-div-img-lt p
{font-size:16px; float:right; width:70%;}
.cc-div-img-rt p
{font-size:16px; float:left; width:70%;}
.cc-div-img-lt > div
{float:left;}
.cc-div-img-rt > div
{float:right;}
/* 모공 */
.cc-sec-fx-list ul
{display:flex; justify-content:space-between;}
.cc-sec-fx-list ul li
{text-align:center; border:1px solid #ddd; width:30%;}
.cc-sec-fx-list ul li h5
{background:#8a6565; color:#fff; display:inline-block; width:100%; padding:5px 0px;}
.cc-sec-fx-list ul li p
{font-size:16px; color:#666; padding:20px 0px;}
.cc-sec-list ul li
{font-size:16px; color:#666; margin:0 0 15px;}
.cc-sec-list ul li strong
{display:block; font-weight:700; color:#333; font-size:17px;}

/* 제모 */
.cc-sec-img-wrap
{text-align:center; border:1px solid #ddd; padding:20px 0px; margin:30px 0;}


/***************************************************************************************************************************************************
                                                            SUB CLINIC SUB INNER CONTENT 
******************************************************************************************************************************************************/
/* SUB TITLE SEC */
.clinic-sub-content .sub-title-sec
{padding:50px 70px; background:#f4f4f4;}
.clinic-sub-content .sub-title-sec .sub-title p
{font-size:23px;}
.clinic-sub-content .sub-title-sec .sub-title h2
{font-size:52px; font-weight:600; color:#d40263;}
.clinic-sub-content .sub-title-sec .sub-title-eff
{margin-top:20px;}
.clinic-sub-content .sub-title-sec .sub-title-eff li 
{position:relative; padding-left:40px; margin-bottom:10px; }
.clinic-sub-content .sub-title-sec .sub-title-eff li span
{position:absolute; background:#e48745; display:inline-block; padding:0 10px; left:0px; color:#fff;}
.clinic-sub-content .sub-title-sec .sub-title-list ul
{margin-top:20px !important;}
.clinic-sub-content .sub-title-sec .sub-title-list ul li
{width:20%; border:1px solid #ddd; background:#fff; margin:0 -0.1%; float:left; text-align:center;}
.clinic-sub-content .sub-title-sec .sub-title-list ul li a
{display:inline-block; padding:5px 0px; width:100%;}
.clinic-sub-content .sub-title-sec .sub-title-list ul li a:hover
{background:#da458a; color:#fff; border-color:#da458a}

/* SUB TITLE PRINCIPLE */
.clinic-sub-content .principle .prin-tit-sec
{margin:0 0 15px; display:inline-block; width:100%;}
.clinic-sub-content .principle .prin-tit
{border-bottom:1px solid #ddd; padding:0 0 10px;}
.clinic-sub-content .principle .prin-tit h2
{font-family:'Raleway'; font-size:44px; font-weight:600; display:inline-block;}
.clinic-sub-content .principle .prin-tit span
{display:inline-block; font-size:17px; font-weight:400; padding-left:15px; color:#969696;}
/* SUB PRINCIPLE INNER */
.principle .prin-sec
{display:inline-block; width:100%; margin:40px 0px;}
/* SUB PEELING TITLE SEC */
.principle .peeling-tit
{padding:60px 0 0;}
.principle .peeling-tit h2
{margin:0 0 20px; text-align:center;}
.principle .peeling-tit ul li
{float:left; width:30%; margin-right:5%; padding:35px 0px; background:#8a6565; color:#fff; text-align:center;}
.principle .peeling-tit ul li:last-child
{margin-right:0px;}
.principle .peeling-txt
{font-size:16px; color:#666; margin:10px 0 0;}



/* prin-sec tit common */
.principle .prin-sec-tit
{ margin:0 0 15px;}
.principle .prin-sec-tit h4
{font-size:21px; color:#333; padding:0 0 10px; border-bottom:1px solid #ddd; width:100%; display:inline-block;}
/* advantage common */
.principle .advantage
{margin:30px 0 0 ;}
.principle .advantage h4
{font-size:21px; color:#333; margin:0 0 15px; padding:0 0 10px; border-bottom:1px solid #ddd; width:100%; display:inline-block;}
.principle .advantage p
{font-size:15px; color:#333; margin:0 0 15px;}
.principle .advantage ul li
{margin-bottom:10px;}
.principle .advantage ul li strong
{background:#8a6565; color:#fff; font-weight:400; width:20%; display:inline-block; padding:5px 0 5px 15px; font-size:16px; float:left;}
.principle .advantage ul li span
{padding:5px 20px; display:inline-block; background:#f1f1f1; width:80%;}
/* eff-list common */
.principle .eff-list li
{font-size:16px; color:#666; margin:0 0 15px; }
.principle .eff-list li:after
{clear:both; content:''; display:block;}
.principle .eff-list li p
{font-size:16px; color:#666; float:right; width:96%;}
.principle .eff-list li span
{color:#020202; font-weight:500; font-family:'Roboto','Noto Sans Kr'; font-size:21px; margin-right:15px;}
.principle .eff-list li strong
{font-size:17px; color:#000; font-weight:500;}
/* caution common*/
.principle .caution
{border:1px solid #ddd;}
.principle .caution h4
{color:#fff; margin:0 0 30px; text-align:Center; background:#e460c2; padding:20px 0px; font-size:21px; font-weight:400;;}
.principle .caution ul
{padding:0 40px !important;}
.principle .caution ul li
{margin:0 0 10px; display:inline-block; width:100%;}
.principle .caution ul li strong
{color:#000; font-weight:500; font-family:'Roboto';}
.principle .caution ul li span
{float:right; width:97%; color:#333;}
/* part-list common */
.principle .part h4
{font-size:21px; color:#333; margin:0 0 15px; padding:0 0 10px; border-bottom:1px solid #ddd; width:100%; display:inline-block;}
.principle .part .part-list
{margin:10px 0 0; display:inline-block; width:100%;}
.principle .part .part-list ul li
{margin:0 0 40px;}
.principle .part .part-list ul li dl dt
{font-size:18px; color:#000; margin:0 0 15px; display:inline-block; width:100%; font-weight:500;}
.principle .part .part-list ul li dl dd
{font-size:16px; color:#666; margin: 0 0 10px;}
.principle .part .part-list .part-list-img
{text-align:center; border:1px solid #ddd; padding:20px; margin:0 0 10px;}
/* kind common */
.principle .kind li
{margin:0 0 15px;}
.principle .kind .kind-lf
{float:left; width:70%;}
.principle .kind .kind-lf strong
{font-size:18px; color:#000; display:block; margin:0 0 10px; font-weight:500; font-family:'Roboto', 'Noto Sans Kr';}
.principle .kind .kind-lf p
{font-size:16px; color:#666;}
.principle .kind .kind-rt
{float:right; width:30%; text-align:center;}
    /* 필러 */
.principle .kind-filler > p
{font-size:16px; color:#666;}
.principle .kind-filler .kind-filler-wrap
{margin-top:20px;}
.principle .kind-filler .kind-filler-tit strong
{font-size:18px; font-weight:500; font-family:'Roboto', 'Noto Sans Kr'; color:#333;}
.principle .kind-filler .kind-filler-tit p
{font-size:16px; padding-left:20px;}
.principle .kind-filler .kind-filler-list
{padding:0 0 0 20px; margin:20px 0 0;}
.principle .kind-filler .kind-filler-list ul li
{margin:0 0 65px;}
.principle .kind-filler .kind-filler-list ul li dt
{display:inline-block; padding:3px 30px; background:#8a6565; border-radius:25px; font-weight:500; color:#fff; margin:0 0 10px;}
.principle .kind-filler .kind-filler-list ul li dd
{font-size:16px; color:#666;}
.principle .kind-filler .kind-filler-list .filler-sub-list li
{font-size:16px; color:#666; margin:0 0 5px;}
.principle .kind-filler .kind-filler-list .filler-sub-list li strong
{font-family:'Roboto', 'Noto Sans Kr'; font-size:18px; color:#000; font-weight:500;}
.principle .kind-filler .kind-filler-list .filler-sub-list li p
{font-size:16px; color:#666; margin:0 0 5px;}
/* img-wrap-cnt */
.img-wrap-cnt
{text-align:center; width:100%; border:1px solid #ddd; padding:20px 0; margin:20px 0px;}
/* flush (홍조) */
.flush-list ul li
{width:30%; display:inline-block; padding:0 20px; margin:0 0 20px;}
.flush-list ul li strong
{display:inline-block; background:#d66fbb; font-weight:600; margin-right:10px; width:28px; height:28px; text-align:center; color:#fff; border-radius:50%; font-size:15px;}
/* treatment common */
.principle .treatment li
{margin:0 0 30px;}
.principle .treatment .treat-lt
{float:left; width:70%;}
.principle .treatment .treat-inner strong
{font-size:19px; color:#000; font-weight:500; margin:0 0 10px; font-family:'Roboto','Noto Sans Kr'; display:block;}
.principle .treatment .treat-inner p
{font-size:16px; color:#666;}
.principle .treatment .treat-rt
{float:right; width:30%; text-align:center;}
.principle .treatment .treat-img-list ul
{display:flex; justify-content:space-between;}
.principle .treatment .treat-img-list ul li
{border:1px solid #ddd; width:30%; text-align:center;}
.principle .treatment .treat-img-list ul li strong
{display:block; background:#8a6565; color:#fff; text-align:center; font-weight:400; font-size:17px; padding:10px 0px;}
/* cure common */
.principle .cure .cure-des p
{font-size:16px; color:#666;}




/* what */
.principle .what-des p
{font-size:17px; color:#666; margin:0 0 5px;}
.principle .what-des p strong
{color:#000; }
.principle .what-des .what-img
{margin:20px 0px; display:inline-block; width:100%;}
.principle .what-des .what-img img
{border:1px solid #ddd; padding:10px}
/* who */
.principle .who-cir-wrap
{display:flex; justify-content:center;}
.principle .who-cir-wrap .who-cir
{width:180px; height:180px; background:#e460c2; border-radius:50%; margin-right:1.5%; display:table;}
.principle .who-cir-wrap .who-cir p
{display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:18px;}
.principle .who-cir-wrap .who-cir p strong
{font-weight:500; display:block; color:#ddd}
.principle .who-cir-wrap .who-cir:last-child
{margin-right:0px;}
.principle .who-des
{margin:30px 0 0 ; text-align:center;}
.principle .who-des p
{font-size:17px; color:#fff; background:#1684a5; padding:10px 20px}
.principle .who-eff-list
{margin:30px 0px 0px; display:inline-block ; width:100%;}
/* how */
.principle .how-step ul
{display:flex; justify-content:space-between;}
.principle .how-step ul li
{width:24%; border:1px solid #ddd; margin-right:1%; text-align:center;}
.principle .how-step ul li:last-child
{margin-right:0px;}
.principle .how-step ul li span
{display:block; padding:5px 0px; background:#8a6565; text-align:center; color:#fff;}
.principle .how-step ul li strong
{display:block; text-align:center; font-weight:500; margin:10px 0 0; font-size:18px; color:#333;}
.principle .how-step ul li p
{font-size:15px; color:#666; padding:10px 25px; text-align:center;}
    /*카복시테라피*/
.principle .step-fx-img ul
{flex-wrap:wrap;}
.principle .step-fx-img ul li
{width:47%; text-align:center; margin:0 0 20px;}
    /*블루토닝*/
.principle .step-fx-inner
{margin:20px 0 0;}
.principle .step-fx-inner dl
{display:inline-block; width:45%; text-align:left; margin:5px 0 5px;}
.principle .step-fx-inner dl dt
{font-family:'Roboto'; font-size:19px;}
.principle .step-fx-inner dl dd
{font-size:15px; color:#666;}

.principle .how-cir
{float:left; width:150px; height:150px; border-radius:50%; margin-right:3%; background:#8a6565; display:table;}
.principle .how-cir:last-child
{margin-right:0px;}
.principle .how-cir p
{display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:17px;}
.principle .how-cir p b
{display:block; color:#fff; font-family:'Roboto'; font-size:21px; font-weight:500;}
.principle .how-eff-list
{margin:30px 0 0;}
.principle .how-img-wrap .how-img
{margin:0 0 20px;}
.principle .how-img-wrap p
{font-size:17px; color:#666;}
.principle .how-des p
{font-size:16px; color:#666; margin:0 0 15px;}
/* why */
.principle .why-des p
{font-size:16px; color:#666; margin:0 0 5px;}
.principle .why-eff-list li p
{width:100%;}
/* wow */
.principle .wow .wow-sec
{margin:50px 0px 20px; display:inline-block; width:100%;}
.principle .wow .wow-tit
{text-align:center; margin:0 0 40px;}
.principle .wow .wow-tit h4
{font-size:21px; color:#fff; display:inline-block; font-weight:400; padding:10px 30px; background:#e89458;}
.principle .wow .wow-num ul li
{display:inline-block; width:48%; margin:0 0 20px; font-size:17px; color:#333; font-weight:500;}
.principle .wow .wow-num ul li strong
{display:inline-block; width:35px; height:35px; padding:4px 0px; text-align:center; margin-right:10px; border-radius:50%; background:#0c97e8; color:#fff; font-size:16px; font-weight:500;}
.principle .wow .wow-num p
{font-size:17px; color:#666;}
.principle .wow .wow-list li
{margin: 0 0 10px; background:#eee; padding:20px;}
.principle .wow .wow-list .wow-list-num
{float:left;}
.principle .wow .wow-list .wow-list-num strong
{font-size:19px; color:#000;}
.principle .wow .wow-list .wow-list-txt
{float:right; width:97%; }
.principle .wow .wow-list .wow-list-txt span
{display:block; font-size:16px; color:#333;}
.principle .wow .wow-list-des li
{font-size:15px; color:#333; }


/* online */
/*
.online .mailformtb > tbody > tr
{height:50px !important; border-bottom:1px solid #ddd;}
.online .mailformtb > tbody > tr > td
{padding: 0 25px !important;}
.online .mailformtb > tbody > tr > td.formmail_title_bgcolor
{background:#eee !important;}
.online .mailformtb > tbody > tr > td.formmail_cell_bgcolor input
{border:1px solid #ddd;}
.online .mailformtb > tbody > tr:last-child
{height:auto !important;}
*/
.subcontxt .mailformtb table textarea
{max-height:1000px; height:300px;}


@media screen and (max-width:414px){
    .header .container
    {padding:0 10px;}
    .header .header-top
    {display:inline-block;}
    .header a
    {display:inline-block;}
    .header .blog
    {width:100%; text-align:center; margin:10px 0 0;}
    .header .logo
    {text-align:center; width:100%;}
    .header .call
    {display:none; float:right; margin:0 0 10px;}

    #gnb
    {display:inline-block;}
    #gnb .sub_menu
    {top:0px;}


    .main-title h2
    {font-size:32px;}
    .main-title p
    {font-size:16px;}
    .sec01-content .sec01-wrap
    {width:100%;}
    .section02
    {background-size:cover;}
    .sec02-content .sec02-title
    {width:100%; text-align:center; margin:0 0 30px;}
    .sec02-content .sec02-title h2
    {font-size:36px;}

    .sec02-content .sec02-title:after
    {display:none;}
    .sec02-content .sec02-icon-wrap
    {display:inline-block; float:none; width:100%; text-align:center;}

    .footer .container
    {padding:0 10px;}
    .f-info .f-police li
    {padding-right:10px;}
    .f-info
    {width:100%; float:none;}
    .footer .f-cs
    {padding:60px 30px 42px;}


    /* sub */
    #sub-title-bg
    {height:200px;}

    #topmenu01
    {height:auto; margin-top:0px;}
    #topmenu01 .sub-menu-wrap
    {background:#b15b51; padding:20px 0px;}
    #topmenu01 .sub-menu-wrap-con
    {margin:0px 5px; border:none; height:auto;}
    #topmenu01 .sub-menu li
    {height:45px; background:transparent; border:1px solid #fff; margin:0 10px 5px 0;}
    #topmenu01 .sub-menu li a
    {height:45px;}
    #topmenu01 .sub-menu li a span
    {padding:0 10px; font-size:15px; color:#fff;}
    #topmenu01 .sub-menu li.on
    {border:none;}
    #topmenu01 .sub-menu li.on span
    {color:#333; background:#fff;}

    .sub-body
    {padding:0 10px;}

    .slogan h1
    {font-size:55px;}
    .slogan span
    {font-size:30px;}
    .circle-wrap
    {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .circle-wrap .circle
    {width:150px; height:150px; margin:0 0 15px;}
    .circle-wrap .circle p
    {font-size:17px;}
    .greeting-ceo
    {width:100%; float:none;}
    .greeting-txt
    {float:none; width:100%; margin:20px 0 0}

    .director
    {padding:50px 10px;}
    .director .profile
    { width:100%; margin:20px 0 0;}
    .profile dt
    {margin-bottom:20px; text-align:center;}

    .building-list ul
    {flex-wrap:wrap;}
    .building-list ul li
    {width:33%;}

    .map .map-txt
    {text-align:left;}
    .map .map-txt li
    {margin:0 0 10px 0;}

    .clinic-content .top-title h2
    {font-size:30px;}
    .clinic-main-content .top-list dl
    {width:auto; margin:15px 10px;}
    .clinic-content .btn-wrap li
    {width:50%;}
    .clinic-content .btn-wrap li a
    {font-size:13px;}

    .clinic-sub-content
    {padding:0 10px;}
    .cc-sec-div-list ul li
    {margin:0; width:100%;}
    .cc-sec-div-list .etc
    {text-align:left;}
    .cc-sec-process .cc-process-wrap .cc-process-img
    {margin:0 0 20px; width:50%;}
    /*홍조*/
    .flush-list ul li
    {width:49%; padding:0px;}
    .flush-list ul li span
    {display:block;}



    /* clinic sub inner */
    .clinic-sub-content .sub-title-sec
    {padding:50px 10px;}
    .clinic-sub-content .sub-title-sec .sub-title p
    {font-size:17px;}
    .clinic-sub-content .sub-title-sec .sub-title h2
    {font-size:30px; letter-spacing:-1px;}
    .clinic-sub-content .sub-title-sec .sub-title-eff li
    {padding:0px;}
    .clinic-sub-content .sub-title-sec .sub-title-eff li span
    {width:27px; position:relative; display:block;}
    /* 필링 */
    .clinic-sub-content .sub-title-sec .sub-title-list ul li
    {width:33%;}
    .principle .peeling-tit ul li
    {width:100%; border-bottom:#9e7b7b}

    .img-wrap-cnt
    {padding:20px 5px;}

    .cc-div-img > div
    {float:none; text-align:center;}
    .cc-div-img
    {width:100%; margin:0; float:none; margin:0 0 20px; padding: 0 0 20px; border-bottom:1px solid #ddd;}
    .cc-div-img:last-child
    {margin:0; padding:0; border:none;}
    .cc-div-img p
    {float:none; width:100%;}

    .cc-sec-type-wrap .type-img-wrap
    {flex-wrap:wrap;}
    .cc-sec-type-wrap .type-img-wrap .type-img-inner
    {width:100%; margin:0 0 20px; padding:0; border:none;}
    .cc-sec-type-wrap .type-img-wrap .type-img-inner .type-img-txt
    {margin:0; padding:10px; background:#f4f4f4;}

    .cc-sec-fx-list ul
    {display:inline-block;}
    .cc-sec-fx-list ul li
    {width:100%;}

    

    .clinic-sub-content .principle .prin-tit span
    {display:block; padding:0px;}

    .principle .eff-list li span
    {display:block; margin:0 0 5px;}
    .principle .eff-list li p
    {width:100%;}

    .principle .advantage ul li strong
    {width:100%;}
    .principle .advantage ul li span
    {width:100%; padding:5px 15px;}

    .principle .caution h4
    {font-size:18px;}
    .principle .caution ul
    {padding:0 10px !important;}
    .principle .caution ul li
    {margin:0 0 20px;}
    .principle .caution ul li strong
    {font-size:19px;}
    .principle .caution ul li span
    {width:100%;}

    .principle .who-cir-wrap
    {justify-content:space-between; flex-wrap:wrap;}
    .principle .who-cir-wrap .who-cir
    {width:150px; height:150px; margin:0 0 10px;}
    .principle .who-cir-wrap .who-cir p
    {font-size:17px;}
    .principle .who-des
    {text-align:left;}

    .principle .how-step ul
    {flex-wrap:wrap;}
    .principle .how-step ul li
    {width:49%; margin-bottom:10px; padding:10px}
    .principle .how-step ul li p
    {text-align:left; padding:10px;}
    .principle .how-step ul li p br
    {display:none;}
    .principle .step-fx-img ul li
    {width:100%;}
    .principle .step-fx-inner dl
    {width:100%; padding:0 20px;}
    .principle .how-cir
    {margin-bottom:10px;}

    .principle .wow .wow-list .wow-list-txt
    {width:100%; float:none;}


    .principle .treatment .treat-img-list ul
    {display:inline-block;}
    .principle .treatment .treat-img-list ul li
    {width:100%;}    

    .principle .kind li
    {margin:0 0 70px;}
    .principle .kind .kind-lf
    {width:100%; float:none;}
    .principle .kind .kind-rt
    {width:100%; float:none;}






















    .clinic-sub-content .sub-title-sec
    {overflow:hidden;}
    .principle{overflow:hidden}
}














/* 21 09 09 */
.clinic-content .img-des-ct
{text-align:Center;}