/**
* 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: "nanum_B", sans-serif}
.breadcrumb>li+li:before {padding: 0 5px; color: #9c9c9c; content: ">";}
.breadcrumb .active{color:#9c9c9c;}


/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
#navitop_mobile {vertical-align:middle;}
.logo{padding:25px 0 23px}
.mobile_btn {float:right;position:relative;width:34px;height:34px;background-color:#000;border:0px solid #2f2f2f;margin:7px 5px 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:#fff;padding:8px 0 9px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 3.6% 0;}
.top_navi ul li a{font-size:10pt;color:#3c3c3c;text-decoration:none;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.top_navi ul li a.active{color:#6eb92b}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/

.footer_area {text-align:center;background:#fff;}

.call{text-align:center;border-radius:6px;background:#264384;padding:4px 0;width:98%;margin:0 auto}
.call img{max-width:5%}
.call a{color:#fff;font-size:10pt;font-family: "nanum_B", sans-serif}

.foot_info{padding:5px 0 3px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:12px;color:#797878;font-family: "nanum_B", sans-serif;letter-spacing:0px}

.foot_cont{background:#fff;padding:0 10px}
.footer_copy {font-family: 'NotoSans-Light', sans-serif;font-size:11px;color:#797878;line-height:18px;}
.admin{;}
.admin a{font-size:10px;color:#989898;border:1px solid #989898;background:#fff;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{;}
.footer_device{;}
.btn-default{font-size:10px;background:#666;color:#fff}
.btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#333;border:1px solid #666;color:#fff}


/* -------------------------------------------------------------------
| 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: 27px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -20px;
	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: 27px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -20px;
	opacity:0.6;
}

.main_des{text-align:center;letter-spacing:-0.5px;}
.main_des_line{width:40%;margin:0 auto;border-top:4px solid #111986;}
.main_des_txt1{font-size:25px;line-height:36px;font-family: "nanum_B", sans-serif; color:#3d3e56;}
.main_des_txt2{font-size:13px;line-height:22px;}

.main_col{position:relative;}
.main_col ul{position:relative;text-align:center}
.main_col ul:after {display:block;clear:both;content:"";}
.main_col ul li{position:relative;float:left;width:24%;margin:0 0.5%;padding:3% 0;background:#fff;border:1px solid #ccc}
.main_col ul li p{width:100%;text-decoration:none;font-size:9.5pt;font-family: "nanum_B", sans-serif;color:#666;padding:9% 0 0;text-align:center;}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:100%;padding:40px 0;}
.sub_top_area{position:relative;width:100%;margin:0 auto;text-align:center;color:#fff;font-size:20px;line-height:28px;opacity:0.9;padding:15px 0}
.sub_top_area_t{font-size:25px}
.sub_article{position:relative;width:1300px;margin:0 auto;padding-bottom:50px;border-bottom:1px solid #151314}
.title{text-align:center;margin:10px 0 20px;border-bottom:1px dashed #494949}
.sub_title{color:#333;font-size:20px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif; text-align: center;}
.sub_top_text { width: 100%; text-align:center;position:relative; top: -20px;font-size: 18px; color: #FFF;}
.sub_top_border {width: 50px ;height: 2px; background: #111986; margin:0 auto;}
.contents{min-height:350px;padding:0 15px 30px;word-break: keep-all;}


/* 인사말 */
.greeting_info{text-align:center; border-top: 1px solid #CCC;}
.greeting_cont{padding-top: 30px;}
.greeting_img img{width:80%; height: 250px}
.greeting_txt1{color:#333;font-size:30px;line-height:45px}
.greeting_txt1-1{font-family: "nanum_EB", sans-serif;}
.greeting_txt2{color:#4e4e4e;font-size:14px;line-height:24px;font-family: "nanum", sans-serif;}
.greeting_txt2 span { font-size: 20px; font-family: "nanum_B", sans-serif; color: #263584;}

/* 회사연혁 */
/* .history_info {position:relative;}
.history_info .history_cont{margin-left:0px;background:url(../images/sub/history_bg.jpg) repeat-y 34px 0px;}
.history_info p.nowyear{float:left;font-size:18px;color:#ffffff;font-family: "nanum_B", sans-serif;display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background:#6eb92b;}
.history_info p.year{float:left;font-size:18px;color:#ffffff;font-family: "nanum_B", sans-serif;display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background:#b3b2b2;} */
.his_article_box .month{overflow:hidden;}
.his_article_box dl {margin-left:0px;overflow:hidden; padding-top:15px;}
.his_article_box dl dt {font-size:20px;color:#666;font-family: 'NotoSans-Bold', sans-serif; float: left; }
.his_article_box dl dd {margin-left:20px;margin-top: 5px;line-height:25px;font-size:12px;color:#666;float: left;}
.his_img {}
.his_img img { width: 200px;}

.history_img{position:relative;text-align:center; padding-left: -50px;}
.his_title_box { width: 145px; float: left; font-size: 30px; text-align: right; color: #263584; font-family: 'NotoSans-Bold', sans-serif;  margin-right: 40px;}
.his_article_box {width: 350px;background: url('../images/sub/history_bg.jpg')no-repeat 10% 0%; float: left; padding-left: 80px; }

/* 오시는길 */
.map{width:1024px;height:470px;margin:20px auto 0}
.location_t_box { margin-bottom: 20px; color: #666;}
.location_txt1 { background: url('../images/sub/location_icon1.png')no-repeat; padding: 7px 45px; margin-bottom: 20px;}
.location_txt2 { background: url('../images/sub/location_icon2.png')no-repeat; padding: 7px 45px; }

/* business_tab */
/* .business_wrap { width: 100%; height: 650px; background: url('../images/sub/business_bg.jpg')no-repeat 50% 0; position:relative;} */
.business_title span { color: #263584; font-size: 20px; }
.business_title {color: #666;}
.business_img {text-align: center;}
.business_img img { width: 300px;}
/* pd1 */
.pd1_img {width: 100%; text-align: center;}
.pd1_img1 {display: inline-block; width: 49%;}
.pd1_img1 img {width: 100%;}
.pd1_img2 { display: inline-block; width: 49%;}
.pd1_img2 img {width: 100%;}
.pd_script { width: 100%;}
.pd_script h3 { font-size: 20px; color: #333;}
.pd_script p { font-size: 13px; color: #666; line-height: 30px; }
/* pd2 */
.pd2_img {width: 100%; text-align: center;}
.pd2_img1 {display: inline-block; width: 32%;}
.pd2_img1 img {width: 100%;}
.pd2_img2 { display: inline-block; width: 32%;}
.pd2_img2 img {width: 100%;}
.pd2_img3 { display: inline-block; width: 32%; }
.pd2_img3 img {width: 100%;}
/* pd3 */
.pd3_img {width: 100%; text-align: center;}
.pd3_img1 {width: 100%; }
.pd3_img1 img {width: 100%; }
/* pd4 */
.pd4_img  {width: 100%; text-align: center;}
.pd4_img1 {width: 100%; }
.pd4_img1 img {width: 100%; }
/* pd5 */
.pd5_img1 {width: 100%; text-align: center;}
.pd5_img1 img {width: 100%;}

/* pd6 */
.pd6_img1 {width: 100%; text-align: center;}
.pd6_img1 img {width: 100%;}
/* PC */
.pc_info{font-size:13px;color:#333;line-height:27px;text-align:center}
.pc_info h4{font-size:15px;font-family: "nanum_B", sans-serif;margin:50px 0 15px}
.pc_info img{margin:0 auto}

/* 기타 */
.etc_info{font-size:13px;color:#333;line-height:27px}
.etc_info h3{font-size:20px;font-family: "nanum_B", sans-serif;margin:30px 0 15px}
.etc_info h4{font-size:15px;font-family: "nanum_B", sans-serif;margin:30px 0 15px}