@charset "utf-8";

.dark {background-color: #313131;transition: all 0.3s}
/* .dark #hd { background: #414040} */
.dark .placeholdersjs {color: #aaa !important}
.dark #popular li a {color: #8d8c8c;}
.dark #hd_qnb li a {display: inline-block;color:#919191}
.dark #gnb {position:relative;/*background: #212020*/}
.dark .gnb_1da {
  display: block;
  font-weight: bold;
  padding: 0 15px;
  color: #a0a0a0;
  text-decoration: none;
}
.dark .gnb_2da {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  background: #a0a0a0;
  text-align: left;
  text-decoration: none;
}
.dark #gnb .gnb_menu_btn {background:#0d1950;color:rgb(223, 217, 217);}
.dark #wrapper {
  /*background: #313030;*/transition: all 0.3s
}
/*.dark #container {
  position: relative;
  float: left;
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  height: 500px;
  font-size: 1em;
  width: 930px;
  zoom: 1;
  background: #303030;
}*/
/* 상단 최신글 */
.dark .pic_li_lt {
  position: relative;
  width: 33.3333%;
  float: left;
  padding: 0 10px;
  background: #3a3a3a;
}
.dark .pic_li_lt .lat_title a {
  color: #c0c0c0;
}
.dark .pic_li_lt .empty_li {
  line-height: 145px;
  color: #c0c0c0;
  text-align: center;
  padding: 0;
}
/* 최신글 밑줄 */
.dark .pic_li_lt li {
  border-bottom: 1px solid #555c5e;
  margin-bottom: 10px;
}
/* 상단 최신글 제목 */
.dark a {
  color: #d1d1d1;
  text-decoration: none;
}
/* 상단 글쓴이/날짜 */
.dark .lt_nick {
  color: #d1d1d1;
}
.dark .lt_date {
  color: #c1c1c1;
}
.dark .sv_member {
  color: #777;
}
.dark .lt_info .lt_data {
  color: #d8d8d8;
}
.dark .pic_lt {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
/* 갤러리 최신글 */
.dark .pic_lt {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
.dark .pic_lt .lat_title a {
  color: #c0c0c0;
}
/* 제일 아래 최신글 */
.dark .lat {
  position: relative;
  margin-bottom: 20px;
  background: #3a3a3a;
}
.dark .lat li {
  border-bottom: 1px solid #555c5e;
}
.dark .lat .lat_title a {
  color: #c0c0c0;
}

.dark #container_title span {
  color: #c0c0c0;
}
.dark .btn_bo_user > li {
  background: #313131;
}
.dark .tbl_wrap table {
  background: #d0d0c0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  background: #313030;
}
.dark .tbl_head01 thead th {
  border-bottom: 1px solid #ececec;
  color: #212020;
}
.dark .tbl_head01 tbody tr:hover td {background:#3a3a3a}
.dark .tbl_head01 tbody .even {background:#5a5a5a}
.dark .tbl_head01 td {color:#666;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;}
.dark .tbl_head01 tr th {color:#d0d0c0}
.dark .tbl_head02 thead th {
  border-bottom: 1px solid #ececec;
  color: #414040;
}
.dark a {
  color: #e1e1e1 !important;
}

.dark .lt_img {
  position:relative;
}

.dark .lt_img:before {
  content:"";
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  /*background: rgba(0,0,0,0.5);
   z-index:999; */
}
.dark #gnb_all {background:#515050; color: #d0d0c0}
.dark #gnb_all .gnb_al_li li a {color:#d0d0c0}



/* 다크모드 스타일시트 시작 hp014 */
/* 헤더 */
/*@media screen and (min-width:1024px) {*/
.dark.scrollfix #header {background:#313131;}
.dark #header {background:#313131;}
.dark #header:before {background:#313131;}
.dark #header #logo {display:none;}
.dark #header #logo-dark {display:inline-block;margin-top:19px;position:relative;}



.dark #header .spinBtn.active i{width:17px; height:5px;background:#fff;}
.dark #header .spinBtn.active i:nth-child(2){right:-2px; top:4px; background:#fff; transition-delay:0.3s;}
.dark #header.fixed-new .spinBtn i{background:#fff;}
.dark #header .spinBtn i:nth-child(2){right:0; top:0; transform:rotate(-45deg); background:#397ae1;}
.dark #header.fixed-new .spinBtn.active i:nth-child(2){background:#fff;}
/* 전체메뉴 */
.dark .bcel_menu .w_cont dl dt {color:#fff;}
.dark .total_menu a span {background:#fff;}
.dark .bcel_menu {background:#333;}
.dark .total_menu_m a span {background:#fff;}
.dark .bcel_menu .w_cont dl dd ul > li.depth:after {color:#fff;}
.dark .bcel_menu .w_cont dl dt:after {background:#fff;}
@media screen and (max-width: 1024px){
.dark #header #logo-dark {position:absolute; top:0px; left:20px;margin-top:0px;padding-top:8px;}
.dark #header #logo-dark img {width:160px;}
.dark #header {background:#000;}
.dark #header > .top > .mobile-tel span {color:#999;}

.dark #gnb > li > ul {border-radius:0px;}
}

/*헤더호버시 스타일*/
.dark #lnb.opened {background:#000;}
.dark #lnb ul#nav {background:#000;}

.dark #header.fixed:before {background:#222;}
body.dark.tablet #header.fixed #gnb > li > a {color:#fff;}
.dark #gnb > li > ul {background:#222;}
.dark #gnb > li > ul > li a > span {color:#fff;}
.dark #gnb > li > ul:before {border-color:transparent transparent #222 transparent}

.dark #lnb > .menu_inner .nav-bottom li i {color:#fff;}


.dark #gnbTrigger {background:#000;}
.dark #gnbTrigger > span {background:#fff;}
/*.dark #gnbTrigger.open {background:#fff;}
.dark #gnbTrigger.open > span {background:#000;}*/


/* 메인페이지 */
.dark .main_contents .main_sub_rolling .in_box .title {color:#fff;}
.dark .main_contents .main_sub_rolling .in_box:before {background:#fff;}

.dark .section1 .inner .title > h1 {color:#fff;}
.dark .section1 .inner .iconArea .list p {color:#fff;}
.dark .section1 .inner .review .imgList .list h3 {color:#66CCFF;}

.dark .section2 .count .list > p {color:#333 !important;}
 
.dark .section3 {background:#333;}
.dark .section3 .main_latest > div {background:#282828;}
.dark .section3 .main_latest > div h1 {color:#fff;}

.dark .section3 #main_cancer .play_mov .play_right div.txtArea h1 {color:#fff;}
.dark .section3 #main_cancer .play_mov .play_right div.txtArea span { color:#999;}

.dark .section04 {background:#333;}
.dark .section04 .sectionCon .title h2 {color:#fff}
.dark .section04 .sectionCon .title p {color:#999}
.dark .section04 .sectionCon .hp001 ul li a {color:#fff}

.dark .section04 .sectionCon .hp001 ul li {background:#000;}
.dark .section04 .sectionCon .hp001 ul li:before {height:1px;background:#333;}

/* 서브페이지 */
.dark .opacity-cover {display:block;}
.dark #sub_content {position:relative;transition: all 0.3s}
.dark #sub_content .dark-mask {width:100%;height:100%;background:rgba(0,0,0,0.2);position:absolute;left:0px;top:0px;z-index:-1;}
.dark #sub_content .sub_top {z-index:1;}
.dark #sub_content .sub_inner .sub_title h4 {color:#fff;}
.dark #sub_content .sub_inner .sub_title span {color:#ddd;}
.dark #sub_content .sub_inner .sub_title span strong {color:#ddd;}
.dark #sub_container  {z-index:1;}
.dark #sub_container .sub_tit strong {color:#fff;}
.dark #sub_container .sub_tit h1 {color:#fff;}
.dark ul#tab_menu_th li.on a {color:#fff;}
.dark ul#tab_menu_th li:hover a {color:#ddd;}
.dark ul#tab_menu_se li.on {background:#333;}
.dark ul#tab_menu_se li {background:#222;}
.dark ul#tab_menu_se li a {color:#999;}
.dark ul#tab_menu_se li:hover {background:#000}
.dark ul#tab_menu_se li:hover a {color:#ddd}
.dark ul#tab_menu_se li.on a {color:#fff;}
.dark ul#tab_menu_se li {border-color:#666666 !important;}
.dark ul#tab_menu_se li:first-child {border-color:#666666}
.dark ul#tab_menu_se li:last-child {border-color:#666666}
.dark .sub_tab {border-color:#666666}
.dark .sub_tab_area {border-color:#666666 !important;}
.dark ul#tab_menu_th li {background:#313131;}
.dark ul#tab_menu_th li a {color:#999;}
.dark h1 {color:#ddd;}
.dark p {color:#ddd;}
.dark #sub_container .sub_tit {color:#ddd;}
.dark .sr_tit2 h1 span {color:#999;}
.dark .sr_graph4 {background:#000;}
.dark .sr_graph4 ul li span {background:none;}
.dark .sr_col4.icon ul li {background:#000;}
.dark .history .his_list h2 {color:#999;}
.dark .sr_col2.mediteam {background:#000;}
.dark .sr_col2.mediteam .right .mediteam_info ul li span {color:#ddd}
.dark .sr_col2.time_info {background:#000;}
.dark .sr_col2.time_info .right span {color:#ddd;}
.dark .sr_box {background:#000;}
.dark .sr_table th {background:#000;border-color:#666 !important;}
.dark .sr_table td {border-color:#666 !important;}
.dark .breast .sr_table.col2 th {background:#000;}
.dark .sr_col2.jaga span strong {color:#999;}
.dark .sr_col4_style2 ul li span {color:#fff;}
/* 게시판 */
.dark .tbl-basic thead th {background:#000;color:#999;border-color:#666;}
.dark .tbl-basic tbody th,.dark .tbl-basic tbody td {border-color:#666;}
.dark .tbl-basic tbody td a {color:#999;}
.dark .tbl-board tbody tr:hover td {background:#333}
.dark .tbl-basic tbody td a:hover {color:#ddd;}
.dark .combo-primary {background:#111;border:1px solid #333;color:#999;}
.dark .combo-primary option {color:#999;}
.dark .text-primary {border:1px solid #333;background:#111;border-right:0px;}

.dark .btn.btn-grey {background:#666;border:solid 1px #313131;}

.dark .search_btn {border:1px solid #333;background:#111;border-left:0px;}
.dark .search_btn i {color:#ddd;}
.dark .tbl-basic tbody th,.dark .tbl-basic tbody td {background:#333;color:#fff;}
.dark .btn_cke_sc {background:#333 !important;border-color:#666;color:#fff;}
.dark .cke_sc_def {background:#333 !important;}
.dark #captcha #captcha_key {background:#333;color:#fff;border-color:#666;}
.dark #bo_v_title {color:#fff;}
.dark #bo_v_info {color:#ddd;border-color:#666;}
.dark #bo_v_info .sv_member,.dark #bo_v_info .sv_guest,.dark #bo_v_info .member,.dark #bo_v_info .guest {color:#ddd;}
.dark #bo_v_atc {border-color:#666;}
.dark #sub_container .portfolio-list > li .infoArea h3 {color:#ddd;}
.dark #sub_container .portfolio-list {border-color:#666;}
.dark .content-new {border-color:#666;}
.dark #bo_vc {background:#313131;border-color:#666;}
.dark .agr_content {border-color:#666;}
.dark .bo_privacy .bop_tit {color:#ddd;}
.dark .bop_check {border-color:#666;}
/* 온라인예약 */
.dark #pop_product {background:#333;}
.dark .schedule01,.dark .schedule02 {background:#111;}
.dark #bo_vc h2 {color:#999;}
.dark #bo_v_bot {border-color:#666;}
.dark .reser_confirm span {border-color:#666;}
.dark #pf-layer-reser .content {background:#333;}
.dark #reserve_search .title {background:#333}
.dark #reserve_search .title > h1 {color:#fff;}
.dark #pf-layer-reser .btn-close {background:#333}
.dark #reserve_search .input-area > div > h2 {color:#fff;}
.dark #reserve_search .input-area > div.tel-area {color:#fff;}
.dark #reserve_search .input-area > .btnArea > button {border-color:#000;}

/* 탭 */
.dark .board_tab_before > ul > li > a {border-color:#666;}
.dark .board_tab_before > ul > li:hover > a {background:#222}

/*전후사진*/
.dark .gallery-mask {background:none;}
.dark .gallery-mask .tab_con > div {background:none;}
.dark .gallery-mask .gallery li a {background:#333;border-color:#666;}
.dark .gallery-mask .gallery li.on a {background:#222;color:#fff !important;}
.dark .gallery-mask .gallery li.on a:after {display:none;}
.dark #bo_gall .gall_box {background:none;}

/*수술후기*/
.dark .title-latest h1 span {display:none;}
.dark .x-gallery {border-color:#666;}
.dark #sub_container .portfolio-list3 > li .infoArea h3 {color:#fff;}

.dark #vd-layer .content {background:#222} 

/* 회원가입/로그인 */
.dark #login-box #login_area > h2 {color:#fff;}
.dark #login-box #login_area {background:#333;border-color:#666;}
.dark #login-box #login_area #login_fs .login_input {background:#000;border-color:#000;}
.dark #login-box #login_info {background:#333;border-color:#666;}
.dark #login-box #login_info div a {border-color:#666;color:#fff;}
.dark #join-box #join_area {background:#333;border-color:#666;}
.dark #fregister textarea {background:#111;border-color:#333;color:#999;}
.dark #join-box #join_area > h2 {color:#fff;}
.dark #join-box #join_area h4 {color:#999;}
.dark #join-box #join_area #fregister_private table th {background:#333;border-color:#666;}
.dark #join-box #join_area #fregister_private table {border-color:#666;}
.dark #join-box #join_area #fregister_private table th,.dark #join-box #join_area #fregister_private table td {border-color:#666;}
.dark #join-box #join_area #regist_member table th {background:#333;border-color:#666;color:#ddd;}
.dark #join-box #join_area #regist_member table th,.dark #join-box #join_area #regist_member table td {background:#333;border-color:#666;color:#ddd;}
.dark wr_content textarea,.dark .tbl_frm01 textarea,.dark .form_01 textarea,.dark .frm_input {background:#333;border-color:#666;}
.dark #fregister .fregister_agree label {color:#999;}
.dark .mbskin .win_btn input {border-color:#000;}

/*페이징*/
.dark .pg_current {border-color:#000;}
.dark .pg_page {color:#000 !important;}
.dark #vd-layer .content .title h2 {color:#fff;}
.dark #vd-layer .btn-close {background:#333;}


@media screen and (max-width: 1024px){

.dark #gnbWrapper {background:#333;}
.dark #gnbWrapper:before {display:none;}
.dark #gnbWrapper:after  {display:none;}
.dark #gnb > li > a {color:#fff;}
.dark #gnbWrapper .membership ul li a {color:#fff;}
.dark ul#tab_menu_se li.on a {color:#fff;}

.dark #docVisual .mobile-style {width:100%;background:#303131;}
/*
#docVisual .mobile-style img.dark {opacity:0;}
#docVisual .mobile-style img.light {opacity:1;}
.dark #docVisual .mobile-style img.dark {opacity:1;}
.dark #docVisual .mobile-style img.light {opacity:0;}
*/
}

.dark .bcel_menu .w_cont dl dd ul > li.depth > a:after {color:#fff;}
.dark #footer {background:#000;border-color:#000;}
/*.dark #fixbanner > div {background:#333;border:solid 1px #444;}
.dark #fixbanner > div span {color:#dbdbdb;}*/