@charset "euc-kr";
.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;
}
.dark #container {
  position: relative;
  
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  
  font-size: 1em;
  
  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;
}
.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}

/* ´ÙÅ©¸ðµå ½ºÅ¸ÀϽÃÆ® ½ÃÀÛ hp003 */
/* Çì´õ */
@media screen and (min-width:1024px) {
.dark #header.on #logo.scroll {display:none;}
}
/*Çì´õÈ£¹ö½Ã ½ºÅ¸ÀÏ*/
.dark #header.on {background:#222;}
.dark #header.on > .top > .inner .left-link > li a {transition:all 0.3s ease}
.dark #header.on > .top > .inner .left-link > li a i {color:#fff;border:solid 1px #fff;transition:all 0.3s ease}
.dark #header.on > .top > .inner .left-link > li a span {color:#fff;}
.dark #header.on > .top > .inner .left-link > li a:hover i {color:#000;border:solid 1px #4b84ed;background:#4b84ed;}
.dark #header.on > .top > .inner .left-link > li a:hover span {color:#4b84ed;}
.dark #header.on #nav > li > a {color:#fff;}
.dark #header.on #nav > li:hover > a {color:#4b84ed}
.dark #header.on #nav > li div.menu-item ul > li a {color:#fff;}
.dark #header.on #nav > li div.menu-item ul > li.on a,.dark #header.on  #nav > li div.menu-item ul > li a:hover {color:#4b84ed}
.dark #header.on #nav > li.on > a,.dark #header.on  #nav > li > a:hover,.dark #header.on  #nav > li.open a {color:#4b84ed}
.dark #header.on > .top > .inner .right-link ul > li a {color:#fff;border:solid 1px #fff;transition:all 0.3s ease}
.dark #header.on > .top > .inner .right-link ul > li a i {color:#fff}
.dark #header.on > .top > .inner .right-link ul > li a:hover {color:#000;border:solid 1px #4b84ed;background:#4b84ed;}
.dark #header.on > .top > .inner .right-link ul > li a:hover i {color:#000}
.dark #header.on > .top > .inner .right-link ul > li.right-tel a {background:#4b84ed;color:#000;border:0px;}
.dark #gnbTrigger {background:#000;}
.dark #gnbTrigger > span {background:#fff;}
/*.dark #gnbTrigger.open {background:#fff;}
.dark #gnbTrigger.open > span {background:#000;}*/
/*½ºÅ©·Ñ½Ã Çì´õÈ£¹ö½Ã ½ºÅ¸ÀÏ*/
@media screen and (min-width:1024px) {
body.dark.scroll #header {background:#222;}
}
body.dark.scroll #header #nav > li > a {color:#fff;}
body.dark.scroll #header #nav > li:hover > a {color:#4b84ed}
body.dark.scroll #header > .btm {border:0px;}

/* ¸ÞÀÎÆäÀÌÁö */
/*.dark #mainVisual {height:910px;}
.dark #mainVisual .visual_wave_box {display:none;}*/
.dark #mainVisual .visual_wave { background: url('../../img/wave_bk_4x.svg') repeat-x;}
.dark #mainVisual .visual_wave {
 background: url('../../img/wave_bk_4x.svg') repeat-x;
 position:absolute;
 top:-100px;
 width:6400px;
 height:157px;
 animation: wave 14s cubic-bezier(0.36,0.45,0.63,0.53) infinite;
 transform: translate3d(0,0,0);
 z-index:999;
}
@keyframes wave {
 0% {
  margin-left: -1600px;
 }
 100% {
  margin-left:0px;
 }
}
.dark #section0 .title h1 {color:#666;}
.dark #section0 .title span {color:#fff}
.dark #section0 ul li .txt_ov .more a p {color:#000}
.dark #section1 {background:#111;}
.dark #section1 .swiper5 .swiper-slide .slide_txt .slide_txt_title {color:#fff}
.dark #section2 {background:#313131;}
.dark #section2 .count-title  span {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#542aaf+0,2a2daf+100 */background: #fff; /* Old browsers */background: -moz-linear-gradient(top,  #fff 0%, #2a2daf 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #fff 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #fff 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dark #section2 .count-title  span{background: none;color:#fff;}
}
.dark #section2 .count-txt strong {color:#fff;}
.dark #section2 .visual_wave_box {z-index:-1}
.dark #section2 .visual_wave { background: url('../../img/wave_bk_reverse_4x.svg') repeat-x;z-index:-1;transform:rotate(0deg);}
.dark #section2 .price .box {background:#313131;}
.dark #section6 {background:#111;}
.dark #section6 .title h1 {color:#fff}
.dark #section6 .title p {color:#fff}
.dark #section3 .grid > li {background:#000;}
.dark #section3 .grid > li.banner2 {background:#000;}
.dark #section3 .grid > li h1 {color:#fff}
.dark #section3 .grid > li.banner1 .content .hp001 li a {color:#999}
.dark #section3 .grid > li.banner1 .content .board_output_4_tr td.bd_out1 a {color:#999}
.dark #section3 .grid > li.banner3 .content input {background:#333;}
.dark #section3 .grid > li.banner3 .content textarea {background:#333;}
.dark #section3 .grid > li.banner3 .content .main_form_btn input {background:#666;}
.dark #section3 .grid > li.banner3 .content table.main_form td input {background:#111;border-color:#666;}

.dark #section3 .grid > li.banner3 .content table.main_form td select {background:#111;border-color:#666;color:#fff;}


/* ¼­ºêÆäÀÌÁö */
.dark #sub_content {position:relative;transition: all 0.3s}
.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 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:hover {background:#333}
.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 ul#tab_menu_se li a.selected {background:#333}
.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.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 .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 .text-primary {border:1px solid #333;background:#111;border-right:0px;}
.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 #pop_product {background:#333;}
.dark .schedule01,.dark .schedule02 {background:#111;}
/* ȸ¿ø°¡ÀÔ/·Î±×ÀÎ */
.dark #login-box #login_area {background:#333;border-color:#666;}
.dark #login-box #login_area #login_fs .login_input {background:#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;}
.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;}

@media screen and (max-width: 1024px){
.dark #header > .btm {background:#333;}
.dark #nav > li {border-color:#666;}
.dark #nav > li div.menu-item {background:#555;}
.dark #header > .btm .m_loginArea ul li a {color:#fff;}
.dark #header > .btm .m_loginArea {border-color:#666;}
.dark #nav > li > a,.dark #nav > li.on > a,.dark #nav > li > a:hover {color:#fff;}
.dark #nav > li div.menu-item {border-color:#666;}
.dark #nav > li div.menu-item ul > li a {color:#fff;}
.dark ul#tab_menu_se li.on a {color:#fff;}

/* ¸ÞÀÎÆäÀÌÁö */

}





/* ºô´õÈ£½ºÆà ½ºÅ¸ÀÏÃß°¡ */
.dark .board_tab > ul > li > a {border-color:#666;color:#999;}
.dark .board_tab > ul > li:first-child > a {border-color:#666}
.dark .tbl_board .att_title {background:#000 !important;color:#fff !important;}
.dark .tbl_board .att_title font {color:#fff !important;}
.dark .bbsnewf5 a:link {color:#ddd;}
.dark .tbl_board.tbl_list tr:hover {background:#111}
.dark .tbl_board a:hover {color:#ddd !important}
.dark #ext_search input[type=text] {background:#000;border-color:#666;}
.dark #ext_search select {background:#000;border-color:#666;color:#ddd;}
.dark .tbl_board {background:#333;}
.dark .tbl_board .board_bgcolor {background:#333;color:#fff;}
.dark .tbl_board .board_bgcolor span {color:#fff !important;}
.dark .tbl_board .board_bgcolor font {color:#fff !important;}
.dark .tbl_board input[type=text],.dark .tbl_board input[type=password] {background:#333;border-color:#666;}
.dark .tbl_board select {background:#333;border-color:#666;color:#fff;}
.dark .tbl_board th, .dark .tbl_board td {border-color:#666;}
.dark table {background:#333}
.dark .tbl_calendar .m_sunday,.dark .tbl_calendar .m_saturday {background:#000 !important;}
.dark .tbl_calendar tbody td:hover {background:#111;}
.dark .tbl_calendar thead th {color:#666;}
.dark .tbl_calendar .td_sun { color: #c62b2b;}
.dark .tbl_calendar .td_sat { color:#3f63eb;}
.dark .reserveWrapper .pickMonth #cur {color:#fff;}
.dark #css_orderform table th {background:#333;color:#fff;}
.dark #css_orderform table td input[type=text] {background:#333;border-color:#666;}
.dark #css_orderform table td select {background:#333;border-color:#666;color:#fff;}
.dark .tbl_board td textarea {background:#333;border-color:#666}
.dark .agreeWrapper .agreeinfo textarea {background:#333;border-color:#666}


.dark .member-box h2 {color:#ddd;}
.dark .member-box h3 {color:#ddd;}
.dark .loginWrapper > .login-box {border-color:#666}
.dark .joinWrapper > .join-box {border-color:#666}
.dark .member-box input[type=text],.dark .member-box input[type=password] {background:#333;border-color:#666}
.dark .sub-section .section-tit h2 {color:#fff;}
.dark .joinWrapper .agree-box textarea {background:#333;border-color:#666}
.dark .member_td_bgcolor {background:#333;border-color:#666}

.dark .btn.btn-link {background:#333;border-color:#666}
.dark .btn.btn-link:hover {background:#333 !important;border-color:#666;}

.dark .photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {color:#ddd;}