/****** PLACE YOUR CUSTOM STYLES HERE ******/
/*나눔 폰트 적용 */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@media (prefers-color-scheme: dark) {
  .menu li a, .bd a, .bd_tb_lst th,  h1, h2, h3, h4, h5, h6, .fdb_itm .meta a{
     color : #EEE;
  }
  body {
     font-color: #EEE;
     background-color: #1e1f21;
  }
  .logo {
     filter : invert(1);
  }
  .bg-secondary, .nav-utility, .nav-bar, nav.fixed.scrolled, .rd_hd .board .top_area, .bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover, .rd_hd .board .top_area, .feature.boxed, .button-tabs .tab-title {
    background-color : #1e1f21;
  }
  .bd .bg_f_f9 {
    background : #1e1f21;
  }
  .pricing-table.navy-font strong, .pricing-table.navy-font p{
    color : #292929;
  }
  a, .ti-server:before, .ti-ruler-pencil:before, {
    color : #d9d9d9;
  }
  .bd_lst td.title a {
    color : #DDD;
  } 
  .bd a.btn_img{
    color : #1e1f21;
  }
  .xe_content {
    color : #DDD;
  }
  .bd_tb_lst td, .bd_zine li {
    border-bottom : 1px solid #333;
  }
}

:root {
  --bg-color: #fff;
  --color : #292929;
  --color2 : #292929
  --invert : 0;
  --navy: #292929;
  --bottom :  1px solid #EEE;
  --top : 1px solid #CCC;
}

html.darkmode:root {
  --bg-color: #1e1f21;
  --color : #ddd;
  --color2 : #ddd;
  --invert : 1;
  --navy : #292929;
  --bottom : 1px solid #333;
  --top : #666;
}

.bd_tb_lst td, .bd_zine li {
  border-bottom : var(--bottom);
}

.theme {
  color : var(--bg-color);
  background-color : var(--color);
}

.bd .bg_f_f9 {
   background : var(--bg-color);
}

.menu li a, h1, h2, h3, h4, h5, h6, .bd a, .bd_tb_lst th , a, .ti-server:before, .ti-ruler-pencil:before, .ti-comment-alt:before, .ti-package:before, .ti-desktop:before, .fdb_itm .meta a, .xe_content {
     color : var(--color);
}

.bd a.btn_img{
  color : var(--navy);
}

.pricing-table.navy-font strong, .pricing-table.navy-font p{
  color : var(--navy);
}

*/

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  line-height: 24px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Nanum Gothic", dotum, Arial, sans-serif;
  color: #666;
  overflow-x: hidden;
}


/*.nav-utility, .nav-bar, nav.fixed.scrolled, .bg-secondary, .bd a.bg_f_f9, .bd_tb_lst .notice td, .bd_zine li.notice, .bd_tb_lst .select, .bd_tb_lst tbody tr:hover, .rd_hd .board .top_area, .feature.boxed, .button-tabs .tab-title {
    background-color : var(--bg-color);
} 

.bd_lst td.title a {
   color : var(--color2);
}


.logo {
    filter : invert(var(--invert));
}*/

/* 폼 값 중에서 email 타입에 대한 스타일 지정 */

input[type="email"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bg-secondary input[type="email"]{
  background: #fff;
}

input[type="email"]{
  background: #f5f5f5;
  border: none;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  border-radius: 0;
}

.image-bg input[type="email"]{
  color: #555;
}

input[type="email"]:focus {
  outline: 1px solid #ccc;
}

.control-label, .image-bg .feature.bordered label{
	/* color:white; */
	color:#555;
}

.button-tabs .tab-title a{
    font-family: "Raleway", "Helvetica Neue", "Nanum Gothic", dotum, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
	color:#666;
}

.button-tabs .active .tab-title a{
	color:#fff;
}

.dl-horizontal dt,.dl-horizontal dd{
	line-height:2em;
}

.member_wrapper .button-tabs .tabs{
	margin-bottom:0;
	
}

.__submit_group button[type="submit"],
.__submit_group input[type="submit"]{
	width:auto;
	height:30px;
	line-height:27px;
	font-size:11px;
}

.img-carousel{
	position:relative;
}

.img-carousel li:hover .background-image-holder {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.horizontal-tile {
  overflow: hidden;
}
.horizontal-tile:not(:last-of-type) {
  margin-bottom: 30px;
}
.tile-left,
.tile-right {
  width: 50%;
  float: left;
  display: inline-block;
  overflow: hidden;
  min-height: 300px;
  position: relative;
}
.tile-right .description,
.tile-left .description {
  padding: 48px;
}
.tile-right:hover .background-image-holder,
.tile-left:hover .background-image-holder {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.menu > li{
	margin-right:10px;
	padding-right:18px;
}

.has-dropdown:after{
	  display:none;
  }
  
.nav-utility{
	position:relative;
	z-index:10;
	overflow:visible;
	border-bottom-color:#e1e1e1;
}
.nav-bar{
	position:relative;
	z-index:9;
}

.module .menu{
	height:44px;
}

.module.widget-handle i{
	line-height:39px;
	}

	
.container .menu > li:last-child {
	padding-right:0;
}

.btn{
	text-shadow:none;
}

.btn-sm{
	font-size:12px;
}

.top-right-menu a{
	color:#aaa;
}
.module.top-right-menu a{
	padding-left:15px;	
}
.menu li a{
	opacity:0.8;
}

hr{
	clear:both;
}

.site-map{

	
}

.site-map > li{
	position:relative;
	float:left;
	display:block;
	padding-right:65px;
	margin-bottom:20px;
}

.site-map > li:last-child{
	padding-right:0px;
}

.site-map > li > a{
	font-size:1.1em;
	font-weight:bold;
}

.site-map > li > ul{
	left:0;
	padding-top:10px;
	
}
.site-map > li > ul > li{
	display:block;
}

.site-map > li > ul > li > a{
	color:#888;
	padding:5px 0;
}


.nav-bar{
    height: 65px;
    max-height: 65px;
    line-height: 63px;
}

.logo{
	max-height:85%;
}
div.bd,
section.sub-content{
	padding:60px 0;
}

@media (max-width: 990px){
	.module.widget-handle{
		border:none;
	}
	.module .menu{
	  height:auto;
	  }
	  .nav-bar > .container{
		  padding:0;
	  }
}
@media all and (max-width: 767px) {
	div.bd,
	section.sub-content{
	padding:30px 0;
}

  .tile-left,
  .tile-right {
    width: 100%;
    float: none;
  }
  .has-dropdown:after{
	  display:block;
  }
  .module{
	  padding:0px;
  }
  
.site-map > li{
	padding-right:30px;
}
  
  
}

#popup_menu_area {
    position: absolute;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.3;
    box-shadow: 0 0 6px #666;
    font-size: 12px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=5);
}

#popup_menu_area ul{
	margin-bottom:0;
}

#dark-mode

@media (prefers-color-scheme: dark) {
   .logo {
      filter:invert(1);
   }
}
/* 구글 CSE 광고 숨기기 */
.gsc-adBlock {
    display: none !important;
}

/* 구글 CSE 정렬 기준 크기 조정 */
.gsc-selected-option {
    position: relative;
    width: 130% !important;
}