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

@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.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;border-bottom:1px solid #ccc}
.logo{padding:20px 0 10px}
.logo a{color:#333;font-size:13px;font-family: "nanum_B", sans-serif;line-height:18px;text-decoration:none}
.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:6px 0 7px;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.top_navi ul{;}
.top_navi ul li{display:inline;padding:0 1% 0;color:#5e5e5e}
.top_navi ul li a{font-size:9.5pt;color:#5e5e5e;text-decoration:none;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.top_navi ul li a.active{color:#1d7668}

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

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

.call{text-align:center;border-radius:6px;background:#1e307c;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_cont{background:#000;padding:0 10px}
.footer_copy {font-size:12px;color:#a7a7a7;line-height:17px;}
.admin{;}
.admin a{font-size:10px;color:#a7a7a7;border:1px solid #989898;background:#2c2c2c;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:#666;color:#fff}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#333;border:1px solid #666;color:#fff}

.blog a{color:#5e5e5e;font-size:9.5pt;font-family: "nanum_B", sans-serif;text-decoration:none}
.blog .fonti{font-size:20px}


/* -------------------------------------------------------------------
| 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: -13px;
	opacity:1;
}
.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: -13px;
	opacity:1;
}


.colgroup_wrap3{width:100%;background:url(../images/common/colgroup3_bg.jpg) repeat;text-align:center;padding:30px 0}
.colgroup3{position:relative;width:100%;margin:0 auto;}
.colgroup3 img{width:100%}
.colgroup3 a{text-decoration:none}
.colgroup3 ul{;}
.colgroup3 ul:after {display:block;clear:both;content:"";}
.colgroup3 ul li{position:relative;width:23%;float:left;margin-left:1.5%}
.colgroup3 ul li h4{color:#333;font-size:17px;margin:15px 0 10px;font-family: "nanum_EB", sans-serif}
.colgroup3 ul li p{color:#666;font-size:13px;line-height:23px;letter-spacing:-0.5px}
.colgroup3 a.more{display:block;width:50%;height:28px;margin:0 auto;border-radius:30px;border:1px solid #b7b7b7;color:#666;font-size:12px;padding-top:5px;margin-top:0px}
.colgroup3 a.more:hover{border:1px solid #1e307c;color:#fff;background:#1e307c}


h3.prd_tit{margin:0 0 15px; padding-top:30px;color:#1f1f1f;font-size:20px;font-family: "nanum_B", sans-serif; text-align:center;}
h3.prd_tit span{color:#666;font-size:15px; font-family: "nanum_EB", sans-serif;}
.prd_view_cont h1{font-size:18px; font-weight: bold;}
.prd_view_cont h4{margin:0; padding:5px 0 5px; font-size:16px; color:#333;text-align:center;}
.prd_view_cont .img_box{width:100%; margin:0 auto 30px; overflow:hidden;}

.prd_view_cont .text_box{text-align: left;}
.prd_view_cont .text_box2{text-align: center;}
.prd_view_cont h2{margin:10px auto 0;text-align:center; font-size:16px; font-weight: bold; margin-bottom:10px;}
.prd_view_cont .download{margin:40px auto 0;text-align:center;}
.prd_view_cont .download a{display:inline-block;padding:20px 70px; background-color:#79a1c8; color:#fff; font-size:17px; font-weight:bold;}
.prd_view_cont .download a:hover{text-decoration:none;}


.col01_02{position:relative;width:100%;}
.col01_02 .img_box{width:94%;border:1px solid #ddd; padding:5%;margin:5% 3% 0;}
.col01_02 .text_box{margin:0 3% 3%;  width:94%; height:107px;padding:18px 30px;border:1px solid #e0e0e0;}
.col01_02 .text_box h3{font-size:14px; color:#0a6391; font-weight:bold; margin:0;padding:0;}
.col01_02 .text_box h4{font-size:19px; color:#383838; font-weight:bold; margin:0;padding:5px 0 7px;}
.col01_02 .text_box .icon{position:absolute; bottom:20px; right:10%}










/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;}
.sub_top_area{position:relative;text-align:center;color:#fff;font-size:15px;padding:50px 10px}
.sub_top_area_t{font-size:25px;font-family: "nanum_B", sans-serif}
.sub_top_area_t2{font-size:13px;line-height:18px;}
.sub_top_line{border-top:3px solid #fff;width:63px;margin:10px auto 10px}

.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}
.contents{min-height:350px;padding:0 15px 30px;word-break: keep-all;}

/* 인사말 */
.greeting_info{line-height:27px;font-size:15px;color:#666;text-align:center}
.greeting_info img{width:100%}
.greeting_img{;}
.greeting_cont{padding-top:10px}
.greeting_txt5{font-size:23px;font-weight:bold;}
.greeting_txt1{color:#333;font-family: "nanum_B", sans-serif}
.greeting_txt2{color:#666;font-family: "nanum_B", sans-serif}
.greeting_txt3{color:#79a1c8;font-family: "nanum_B", sans-serif;}
.greeting_txt4{border-bottom:1px solid #666;padding-bottom:2px}
.greeting_cont p{font-size:15px; color:#333; line-height:33px;}
.greeting_cont p span.und_line{border-bottom:1px solid #ddd; padding-bottom:2px;}



/* 오시는길 */
.location_info{padding-top:20px; font-family: "nanum_B", sans-serif;line-height:18px;text-align:center;letter-spacing:0.5px}
.location_info h3{padding-top:7px;margin:0 auto 20px; width:150px;height:30px;background:#333;color:#fff;font-size:14px;text-align:center;font-family: "nanum_B", sans-serif;}
.location_txt1{font-size:14px;color:#333;}
.location_txt2{font-size:15px;color:#333;}
.location_txt3{font-size:30px;color:#fe9c15;font-family: "nanum_EB", sans-serif}
.location_txt4{font-size:13px;color:#666;}
.location_txt5{font-size:20px;color:#333;font-family: "nanum_EB", sans-serif}
.map{width:1000px;height:470px;margin:0 auto}


/*------------------------- 제품소개 ----------------------------------------*/
/* tpe */
.prd_info{width:100%; }
.prd_info .tit_cont{text-align:center;margin-top:50px;}
.prd_info .tit_cont .tit{display:inline-block; margin-bottom:5px;font-size:20px; padding:5px 40px; }
.prd_info .tit_cont h2{font-size:15px; margin:0; padding:0;}
.prd_info .tit_cont h3{font-size:15px; line-height:25px;}
.prd_info .tit_cont h3 span{font-size:17px; border-bottom:1px solid #ddd; padding:2px; }

.prd_info .prd_info_wrap{width:100%; margin:20px auto 10px; border:1px solid #ddd;; overflow:hidden;}
.prd_info .prd_info_wrap .prd_text {float:left; width:75%; border-right:1px solid #ddd; height:30px; }
.prd_info .prd_info_wrap .prd_text ul li{float:left;display:block;padding:20px 0 20px 10px ; width:100%; border-bottom:1px solid #ddd;  }
.prd_info .prd_info_wrap .prd_text ul li:last-child{border:0px;}
.prd_info .prd_info_wrap .prd_text .prd_name{background-color:#eee; color:#111; font-weight:bold;}
.prd_info .prd_info_wrap .prd_btn{float:right;width:25%; padding:40px 5px; text-align:center;}
.prd_info .prd_info_wrap .prd_btn a{color:#fff;}


.prd_info .tpe_bg{background-color:#1e3078; color:#fff;}
.prd_info .ENPLA_bg{background-color:#3f9e8c; color:#fff;}
.prd_info .spc_bg{background-color:#8879cc; color:#fff;}
.prd_info .other_bg{background-color:#bba755; color:#fff;}