/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #58FAF4; }
::-moz-selection { background-color: #cccccc; color: white; }


/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#9c9c9c; font-size:12px; padding: 5px 0px 0; margin-bottom: 10px; list-style: none; border-radius: 4px; background:none;font-family: "NotoSans-Medium", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #9c9c9c; content: ">";}
.breadcrumb .active{color:#9c9c9c;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
#navitop_mobile {vertical-align:middle;background:#000}
.logo{line-height: 70px;vertical-align: middle;}
.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:7px 15px 0 0}
.icon-bar {margin-top:4px;margin-bottom:4px;background-color:#939393;display:block;width:22px;height:2px;border-radius:1px}

.top_navi{background:#151314;padding:5px 0 7px}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 2.3% 0;}
.top_navi ul li a{font-size:9pt;color:#fff;text-decoration:none;letter-spacing:0.5px;font-family: "nanumMJ_B", sans-serif}
.top_navi ul li a.active{color:#666}

.call{line-height: 70px;vertical-align: middle;padding-left: 20px;}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area {text-align:center;background: #fff;padding:5% 0;border-top:1px solid #ccc;}

.open_info{border-top:1px solid #484848;border-bottom:1px solid #484848;padding:5px 0;color:#c0c0c0;font-size:12px;line-height:20px}
.open_info a{color:#898d8e;font-size:20px;}

.ft_color{color:#9d741e;}
.footer_copy {font-size:12px;color:#7a7a7a;line-height:18px; text-align:left; padding-left:4%;}
.admin{;}
.admin a{font-size:10px;color:#ccc;border:1px solid #666;background:#333;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{;}
.footer_device{;}
.footer_area .btn-default{font-size:10px;background:#fff;color:#666}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ececec;border:1px solid #ccc;color:#666}

.quick_wrap{width:100%}
.quick{position:relative;text-align:center;padding:20px 0}
.quick img{width:80%}
.quick a{text-decoration:none}
.quick ul{;}
.quick ul:after {display:block;clear:both;content:"";}
.quick ul li{width:48%;float:left;margin:0 1%}

/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.btn_page_up img:hover{opacity:0.5; cursor:pointer;}
.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }


/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -30px;
	opacity:0.6;
}


/* .main_col1_wrap{position: relative;width:100%;} */
.main_col1_wrap{position: relative;width:100%; height:330px; padding: 0 20px; background:url('../images/common/main_col1_wrap_bg') no-repeat;background-size:cover;}

.main_col2_wrap{width:100%;display: inline-block;}
.col2_tt{color:#555;font-family: "nanum_B", sans-serif;font-size: 20px;margin-top:5%;}
.col2_t{color:#666;font-size: 13px;margin-bottom:5%;}
.main_col2_wrap ul{background: #fafafa;display: inline-block;padding:5%;}
.main_col2_wrap li{float:left;margin-right:2%;width:32%;}

.main_col3_wrap{width:100%;background: #000;padding:5%;display: inline-block;}
.main_col3_wrap1{width:100%;background: #fff;padding:0 5% 8% 5%;display: inline-block;}
.main_col3_wrap2{width:100%;background: #000;padding:5%;display: inline-block;}
.col3_ga{width:100%;position:relative;min-height:200px;}
.col3_ga_img img{position:absolute;z-index:9;width:100%;}
.col3_ga_t1{position:absolute;z-index:10;font-size:15px;color:#fff;left:5%;bottom:20%;}
.col3_ga_t2{font-size:13px;}

.col3_form{width:100%;display: inline-block;margin-top:5%;}
.col3_form_t{color:#000;font-size:20px;font-family: "nanum_B", sans-serif; text-align: center; }

.form{background:#fff;width:100%;height:35px;padding-left:10px;margin-right:10px;margin-bottom:10px;}
.form2{background:#fff;width:100%;height:35px;padding-left:10px;margin-bottom:10px;}
.form3{background:#fff;width:100%;height:70px;padding-left:10px;margin-bottom:6px;}
.btn_send{background:#000;width:100%;font-size: 15px;color:#fff;text-align: center;height:40px;line-height: 40px;vertical-align: middle;}

.col_g{width:100%;display: inline-block;}
.col01_01_t1{color:#fff;font-size:12px;font-family: "nanum", sans-serif;}
.col01_01_t1>span{float: right}
::placeholder {
    color: #666;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #666;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #666;
}

.col3_bd{width:100%; padding:10% 5% 0 5%; margin: 0 auto;}

.col3_bd_tt{color:#000;font-size:28px;font-family: "nanum_B", sans-serif;  text-align:center;}
.col3_bd_tt2{ font-size:12px;  text-align:center;}
.col3_bd_con{position: relative;display: inline-block;width:100%;}
.col3_bd_con li {position: relative;width:100%;line-height: 30px;}
.col3_bd_con li a{width:100%;line-height: 30px;text-decoration: none;color:#000;font-size: 12px;}
.col01_03_date{font-size:12px;color:#000;font-family: "nanum_B", sans-serif;position: absolute;right:0;}
.col01_03_date a{text-decoration:none;color:#000}
.col01_03_date a:hover{color:#000}
.col3_bd_more{font-size:20px;color:#000; margin:5px 0;  text-align:center;}
.col3_bd_more a{color:#000;font-size:20px;}
.col3_bd_more a.active{color:#000;font-size:20px;}

.col3_bd_line{border:1px dashed #757575;margin:5% 0;border-width:0.5px;width:100%;}

.col3_cs_num{color:#fff;font-size: 25px;font-family: "nanum_EB", sans-serif;}
.col3_cs_cont{color:#a3a3a3;font-size: 12px;font-family: "nanum_B", sans-serif;}

.main_col4_wrap{width:100%;display: inline-block;padding:5% 5% 0;}
.col4_tt{font-size:20px;font-family: "nanum_B", sans-serif;color:#333;}

.main_col5_wrap{width:100%;display: inline-block;padding:5%;margin:0 auto;position: relative;text-align: center;}
.main_col5_wrap li{float:left;width:20%;}



/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;height:100%;min-height: 120px;}
.sub_top_area{position:relative;width:100%;margin:0 auto;text-align:center;color:#fff;padding:40px 0}
.sub_top_area_t{font-size:20px;font-family: "nanum_EB", sans-serif;}
.sub_top_area_t span{font-family: "nanum", sans-serif;}
.sub_top_area_line{width:100px;height:1px;border-bottom:1px solid #fff;margin:0 auto;padding-top:10px;}

.sub_article{position:relative;width:1300px;margin:0 auto;padding-bottom:50px;border-bottom:1px solid #151314}
.title{text-align:center;padding:20px;border-bottom: 1px solid #ccc;}
.sub_title{color:#222;font-size:20px;border-bottom:3px solid #d01c25;padding-bottom:20px;}
.contents{min-height:350px;padding:5%;display:block;}

.greetings{text-align:center;line-height:30px;font-size:13px;}
.greetings_t{font-size:20px;color:#333;font-family: "nanum_B", sans-serif;}
.greetings_t2{font-size:15px;color:#d01c25;font-family: "nanum_B", sans-serif;}
.greetings_t3{font-size:15px;color:#333;font-family: "nanum_B", sans-serif;}
.greetings_t4{font-size:15px;color:#d01c25;}
.greetings_txt{display: inline-block;text-align: left;}

.location{font-size:13px;color:#333;line-height:30px;}
.location_t{font-size:15px;font-family: "nanum_B", sans-serif;}
.location_t2{color:#d01c25;}

.gallery_t{font-size:17px;color:#333;font-family: "nanum_B", sans-serif;}

.culum_table{font-size:13px;color:#666;text-align:center;}
.culum_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.culum_table th{border-left:1px solid #ccc;border-right:1px solid #ccc;color:#333;font-size:15px;padding:20px 0;text-align:center;border-top:1px solid #ccc;background: #f5f5f5}
.culum_table td{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0;border-top:1px solid #ccc;}
.culum_tb_t{color:#202020;font-family: "NotoSans-Medium", sans-serif;background: #f5f5f5}

.culum{font-size:13px;color:#333;line-height:30px;}
.culum_t{font-size:15px;font-family: "nanum_B", sans-serif;}
.culum_t2{font-size:13px;color:#d01c25;}
.culum_line{width:20px;height:1px;background:#d01c25;}