@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
*/
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif; color:#505050;}
div {display:block;}
h1,h2,h3,h4 {font-family: 'Noto Sans KR';font-weight: 500;letter-spacing:-0.08em;line-height:125%;}

.c_main {color:#21437c !important}
.c_black {color:#303030 !important}
.c_sky {color:#1ab9f4 !important;}
.c_lightgray {color:#a0a0a0 !important}
.c_darkgray {color:#535353 !important}
.c_gray {color:#808080 !important}
.c_white {color:#fff !important}

p {font-size:14px;line-height:180%}
h1 {font-size:36px;}
h2 {font-size:24px}
h3 {font-size:22px;}
h4 {font-size:20px;}

.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}
.center {text-align:center;}
.al_left {text-align:justify}
.al_right {text-align:right}
/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}

.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container_fluid {width:100%; }

#wrap {width:100%; /*text-align:center;*/ margin:0 auto;display:block;}

/* 상단 */
#header {width:100%; height:68px; position:relative; text-align:center;background:#fff; border-bottom:1px solid #e5e5e5;}

#header .wrap {position:relative; width:100%;height:68px;}
#header .wrap a {position:absolute;}
#header .wrap a.logo {top:15px;left:15px; display:inline-block; width:140px;}
#header .wrap a.logo img {width:100%; }
#header .wrap>img.sales {position:absolute; top:43px;left:15px; display: block; width:163px;}
#header .wrap:after {content:""; clear:both; display:block;}


header .wrap .material-icons {font-size:2rem;}
#header .btn-left {position:absolute;left:10px;top:0;}
#header .btn-right {position:absolute;right:10px;top:0.1rem;}
#header .hammenu {color:#222222;}
#header .hammenu i {line-height:50px;}

.sidenav-menu a:hover, .sidenav-menu a.active {color:#1ab9f4;}
.bx-wrapper .bx-pager.bx-default-pager a {}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#202020;}

/* 메인 */
#main { width:100%;}
.bx-slider a {width:100%;}
.bx-wrapper img {width:100%;}


#main #banner {width:100%;}
#main .banner {margin:15px 0;}
#main .box-2 {width:50%; float:left;}
#main .box-3 {width:33.3333%; float:left;}
#main #banner img {width:100%;}

#main .m_customer {padding:5px 15px;width:100%;background:#fff;}
#main .m_customer .box-4 {width:25%;float:left;text-align:center;position:relative;}
#main .m_customer .box-4 a {padding:5px 5px;display:block;font-size:12px;color:#333333;font-weight:normal;}
#main .m_customer img {width:100%;display:block;margin:0 auto;margin-bottom:5px;}

#main .one_stop {height: 42px; background-color:#fd501d; }
#main .one_stop h4{font-size: 17px;line-height: 41px; font-weight: 600; letter-spacing: 0.065em;}


/* 하단 */
footer {text-align:center; width:100%;background:#fff;border-top:1px solid #dfdfdf;}

.footer_txt {display:inline-block; padding:0 15px 15px;font-size:12px;color:#949494;line-height:150%;}
.footer_txt span {}
.admin {background:#fff;}
.admin ul {display:inline-block;}
.admin li {float:left; margin:8px 0; font-weight:300;}
.admin li a {color:#424242; padding:5px 12px; font-size:14px;}
.admin li:first-child:after {color:#424242;content:"|";}


header, #main, footer {position:relative;}
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%; position:relative; }
.container {padding-left:15px;padding-right:15px;}
.inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* 서브 공통 */
#sub {width:100%;margin:auto; }
#sub .title {background:#19366b;text-align:center;padding:15px;}
#sub .title h2 {color:#fff;}
#sub .title span {color:#a0a0a0;font-size:13px;margin-top:5px;display:inline-block}

/* 서브tab */
#sub .tab-menu {width:100%;}
#sub #content ul.tabs {width:100%; margin:0 auto;border-bottom:none;}
#sub #content ul.tabs li {float:left; text-align:center; font-size:17px; color:#808080;  letter-spacing:-1px; text-transform:uppercase; background:#fff; }
#sub #content ul.tabs li a {display:block; padding-top:8px;padding-bottom:8px;border:1px solid #d0d0d0;border-right:none;border-bottom:1px solid #070848;font-size:15px;}
#sub #content ul.tabs li.last a {border-right:1px solid #d0d0d0;}
#sub #content ul.tabs li a:hover {color:#070848;background:#fcfcfc;}
#sub #content ul.tabs li a.active, #sub #content .tab-menu ul.tabs li a.on  {border-top:1px solid #070848;border-left:1px solid #070848;border-right:1px solid #070848;border-bottom:1px solid #fff;color:#070848;background:#fff;}
#sub #content ul.tabs.t2 li {width:50%;}
#sub #content ul.tabs.t3 li {width:33.333%;}
#sub #content ul.tabs.t4 li {width:25%;}
#sub #content ul.tabs.t5 li {width:20%;}

/* 서브 네비게이션 메뉴 snb */
#sub .snb {width:100%;background:#efefef;}
#sub .snb li {float:left;position:relative;}
#sub .snb ul:after {content:"";display:block;clear:both;}
#sub .snb .t1 li {width:100%;}
#sub .snb .t2 li {width:50%;}
#sub .snb .t3 li {width:33.333%;}
#sub .snb .t4 li {width:25%;}
#sub .snb .t5 li {width:20%;}
#sub .snb .t6 li {width:16.666%;}
#sub .snb .t7 li {width:14.2857%;}
#sub .snb .t8 li {width:12.5%;}
#sub .snb .t9 li {width:11.1111%;}
#sub .snb li > a {display:block; color:#303030; background:#f5f5f5;text-align:center; padding:15px 0; text-align:center; font-size:12px;    letter-spacing: -0.1em; }
@media screen and (max-width:320px) {
  #sub .snb li > a {font-size:11px;}
}
#sub .snb li.small > a {zoom:0.8;}
#sub .snb > ul.about > li > a.on {color:#fff; background:#ccbaba;}
#sub .snb > ul.clinic > li > a.on {color:#fff; background:#e7c5a9;}
#sub .snb > ul.laser > li > a.on {color:#fff; background:#dcb262;}
#sub .snb > ul.skin > li > a.on {color:#fff; background:#b99a6c;}
#sub .snb > ul.community > li > a.on {color:#fff; background:#b8c7c4;}

/* 서브 본문 내용 */
#sub #content {margin-top:40px;margin-bottom:40px;}
#sub #content img {width:100%;}
#sub #content img.initial {width:initial;}


#sub #content .paragraph {width:100%; margin-bottom:60px;}
#sub #content .paragraph p {color:#606060;}
#sub #content .paragraph .row {width:100%; display:inline-block}
#sub #content .paragraph h3.subject {background:url(/base/img/pc/images/subject.png) top left no-repeat;padding-top:20px;margin-bottom:15px;color:#21437c;font-size:30px}
#sub #content .paragraph h4 {margin-bottom:5px}
#sub #content .paragraph h4.number {font-weight:300;margin-bottom:10px}
#sub #content .paragraph h4.number span {background:#3a4c88;height:29px;width:29px;border-radius:29px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:100;margin-right:10px;font-size:20px;display:inline-block;line-height:29px;text-align:center}


#sub #content .paragraph .map {width:100%;}
#sub #content .paragraph .map li {float:left;width:33.33%;}
#sub #content .paragraph .map li a {display:block;text-indent:-3333px}

#sub #content .paragraph table.bagic th,#sub #content .paragraph table.bagic td {padding:7px 10px}
#sub #content .paragraph table.bagic th {border-bottom:1px #21437c solid;text-align:left;font-weight:normal;}
#sub #content .paragraph table.bagic th p {color:#21437c}
#sub #content .paragraph table.bagic td {border-bottom:1px #d0d0d0 solid}
#sub #content .paragraph table.bagic .top th {border-top:1px #21437c solid}
#sub #content .paragraph table.bagic .top td {border-top:1px #d0d0d0 solid}
#sub #content .paragraph table.bagic .article {background:#21437c;color:#fff;}
#sub #content .paragraph table.bagic .article th {text-align:center}
#sub #content .paragraph table.bagic.center th {text-align:center}


#sub #content .paragraph .device {}
#sub #content .paragraph .device > img {border:1px #e0e0e0 solid;margin-bottom:20px}
#sub #content .paragraph .device h2 {margin-bottom:10px}


#sub #content .paragraph ul.bullet {display:inline-block}
#sub #content .paragraph ul.bullet li {background:url(/base/img/pc/images/bullet.png) 0 12px no-repeat;padding-left:10px;margin-bottom:5px}

/* 오시는길 */
#content .map ul li {width:33.3333%;}
#content .map ul li img {width:100%;}

/* 테이블 */

/* 게시판 */
.board {border:0;}
.table_02 td {
    font-size:12px;
}
table .paging {font-size:11px;}
.webzine_type2 .obj_name {
    width: 50px !important;
    padding: 5px 0 0 5px !important;
}
.news_title {
    font-size: 12px !important;
}
.formmail_textarea_style { width:432px; }





/* 컨텐츠 보드 */
#sub #content .table_02 textarea, #sub #content .table_02 input {width:90%;}
/* #sub #content input {height:30px;} */
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}

#sub #content .community img {width:initial;}
.table_02 img {height:auto !important;}
.gallery_subject {
    width: 90%;
    padding: 3px 0 12px;
}
.gallery_title {font-size:13px; width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.gallery_subject font {vertical-align:top;}

#post_area img {width:100% !important; height:auto !important;} 

td#board {}

/*게시판 제목*/
.bbsnewf5 {padding:10 10 10 10;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}