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

/* -------------------------------------------------------------------
| 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:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1200px;height:100px;}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;width:173px;height:58px;top:21px;left:0px;}

.gnb{position:absolute;right:0px;top:15px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#666;padding-left:8px;font-family: "NotoSans-Bold", sans-serif}
.gnb ul li a{font-size:10px;color:#666;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}

.top_menu{position:relative;width:1200px;margin:0 auto;top:-65px;z-index:2000}
.top_menu ul.top_menu_list{position:absolute;top:0px;right:410px}
.top_menu ul.top_menu_list li.parent_menu{float:left;background: none;}
.top_menu ul.top_menu_list li.parent_menu:first-child{padding-left:0px;}
.top_menu>ul.top_menu_list>li.parent_menu>a{display:block;font-size:18px;color:#333;text-decoration:none;font-family: "NotoSans-Medium", sans-serif;background: url('../images/common/menu_blet.jpg') no-repeat 0 50%;padding:0 30px;letter-spacing: -0.5px;}
.top_menu>ul.top_menu_list>li.parent_menu>a:hover{color:#00a8e2}
.top_menu>ul.top_menu_list>li.parent_menu>a.active{color:#00a8e2}
.parent_menu:first-child a{background:none !important;}


/* 펼침메뉴 */
ul.child_menu {position:absolute;width:100%;display:none;z-index:100;padding-top:20px;}
ul.child_menu li.child_smenu{position:relative;width:170px;padding:0px 15px;padding-bottom:5px;background-color:#00a8e2; color:#ddd;line-height:25px;border-top:0px solid #ccc;}
ul.child_menu li.child_smenu:first-child{padding-top:20px;}
ul.child_menu li.child_smenu:last-child{padding-bottom:20px;}
ul.child_menu li.child_smenu a{display:block;width:100%;font-size:11pt;color:#eee;text-decoration:none;letter-spacing:-0.5;}
ul.child_menu li.child_smenu a:hover{color:#fff;text-decoration:none;}
ul.child_menu li.child_smenu a.active{color:#fff;text-decoration:none;}

.menu_po{width:145px;height:40px;line-height: 40px;vertical-align:middle;text-align: center;position:absolute;top:-7px;right:250px;}
.menu_po a{width:145px;height:40px;font-size: 16px;color:#000;border:1px solid #000;display: inline-block;text-decoration: none;letter-spacing: -0.5px;}
.menu_po + .menu_po{right: 110px; width: 130px;}
.menu_po + .menu_po a{width: 130px;}
.language{position: absolute;top:0;right:0;}
.language li{float:left;margin-right:30px;}
.language li a{color:#333;font-size: 20px;font-family: "NotoSans-Medium", sans-serif;text-decoration: none;}
.language li a:hover{border-bottom: 0px solid #000;padding-bottom: 5px;}
.language li a.active{border-bottom: 0px solid #000;padding-bottom: 5px;}

/*
.s_menu_wrap{position:absolute;top:100px;width:100%;min-width:1200px;height:150px;background:#fff;border-top:1px solid #edeae9;display:none;z-index:1000;}
.s_menu{position:relative;width:1200px;margin:0 auto;}
.s_menu ul.child_menu {float:left;color:#333;height:70px;border-right:1px solid #edeae9;margin:30px 0 0;}
.s_menu ul.child_menu li.child_smenu{}
.s_menu ul.child_menu li.child_smenu a{position:relative;display:block;top:-8px;font-size:15px;color:#666;text-decoration:none;line-height:33px;}
.s_menu ul.child_menu li.child_smenu a:hover{color:#1d5bc0}
.s_menu ul.child_menu li.child_smenu a.active{color:#1d5bc0}
*/

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#f5f5f5; padding: 30px 0;}
.footer_area {position:relative;width:1200px;margin:0 auto; display: flex; }
.footer_copy {font-size:12px;color:#666;line-height:18px;}
.footer_device{margin-top: 15px;}
.admin{position:absolute;left:230px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}
.footer_device .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #474747;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #474747;color:#ccc}
.footer_copy_tt{color:#333;font-family: "NotoSans-Medium", sans-serif;}
.ft_logo + .ft_wrap{margin: 0 45px;}
.ft_cs{color:#333;font-size: 20px;font-family: "NotoSans-Medium", sans-serif;letter-spacing: -.05px;}
.ft_cs_t{font-size: 40px;color:#00a8e2;font-family: "NotoSans-Medium", sans-serif;font-style: italic;}
.ft_imgs{display: flex; align-items: flex-end; position: absolute; top: 0; right: 0;}
.ft_imgs .ft_img{margin-right: 25px;}
.ft_imgs .dwebs_logo{position: relative; top: -10px;}

/* -------------------------------------------------------------------
| 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영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	margin-top: -42px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	margin-top: -42px;
	opacity:0.6;
}

.main_cont{position:absolute;width:800px;height:250px;left:50%;top:50%;margin-left:-600px;margin-top:-100px;border:0px solid red;z-index:900;}
.main_cont_t{color:#000;}
.main_t{font-size: 35px;font-family: "NotoSans-Light", sans-serif;}
.main_t2{font-size: 50px;font-family: "NotoSans-Regular", sans-serif;}
.main_btn{width:120px;height:40px;border-radius: 5px;background: #333;display: inline-block;}
.main_btn a{width:120px;height:40px;color:#fff;font-size: 15px;text-decoration: none;display: inline-block;line-height: 40px;vertical-align: middle;text-align: center;border-radius: 5px;}
.main_btn a:hover{width:120px;height:40px;color:#fff;font-size: 15px;text-decoration: none;background:#00a8e2;display: inline-block;}



#bx-pager1{;}
#bx-pager1 a{display:inline;color:#a3a2a1;font-size:30px;font-weight:bold;width:50px;height:50px;margin:0 0 0 4px;text-decoration:none;}
#bx-pager1 a.active{color:#fff;font-size:30px;font-weight:bold;width:50px;height:50px;}

.colgroup_wrap{position: relative;width:100%;min-width:1200px;display: inline-block;background:fff;padding: 60px 0;text-align:center;}
.colgroup{position:relative;width:1200px;margin:0 auto;font-size: 20px;color:#fff;letter-spacing: -0.5px;display: inline-block;}
.colgroup li{float:left;width:232px;height:280px;margin-right:10px;background: #bcbcbc;padding:20px;}
.colgroup li img {width: 100%;}
.colgroup li a{color:#fff;}
.colgroup li a:hover{text-decoration: underline;}
.col_tt{font-size: 35px;color:#000;letter-spacing: -3px;}

.colgroup_wrap2{position: relative;width:100%;min-width:1200px;background: url('../images/common/col2_bg.jpg') no-repeat;background-size: cover;height:500px;}
.colgroup2{position: relative;width:1200px;margin:0 auto;font-size: 13px;color:#ddd;line-height: 20px;padding:100px;}
.col2_video{float:left;width:500px;height:300px;padding-right:50px;border-right:1px solid #6fc1dd;}

.col2_notice{position:relative;display: inline-block;width:450px;float:left;margin-left:50px;font-size: 13px;line-height: 20px;color:#ddd;}
.col2_notice p{color:#fff;font-size:20px;}
.col2_notice_more{position:absolute;right:0px;top:0;}
.col2_notice_more a{text-decoration: none;color:#fff;font-size:25px;font-family: "NotoSans-Bold", sans-serif;}
.col2_notice_tt a{text-decoration: none;color:#fff;font-size:15px;}
.col2_notice_date a{text-decoration: none;font-size:12px;color:#fff;font-family: "NotoSans-Medium", sans-serif;font-style:italic}
.col2_notice_cont a{text-decoration: none;color:#ddd}
.col2_notice_line{border:1px dotted #ddd;margin:10px 0;border-width:0.5px}
.col2_notice li{background: url('../images/common/col_blet.jpg') no-repeat 0 50%;padding-left:10px}
.col2_notice li a{text-decoration: none;color:#ddd}



/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:400px}
.sub_top_area{position:relative;width:1200px;margin:0 auto;text-align:center;color:#000;padding-top:150px}
.sub_top_area_t{font-size:30px;font-family: "NotoSans-Light", sans-serif;}
.sub_top_area_t2{font-size:45px;}


.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding-bottom:50px;border-bottom:1px solid #ccc;}
.sub_title{color:#000;font-size:30px;border-bottom: 2px solid #00a8e2;padding-bottom:48px;letter-spacing: -0.5px;font-family: "NotoSans-Medium", sans-serif}
.sub_menu{;}
.list-group{;}
.list-group a.menubox:first-child{background:none;padding-left:0;}
.list-group a.menubox{padding:20px;font-size:18px;color:#000;text-decoration:none;letter-spacing: -0.5px;background: url('../images/sub/submenu_blet.jpg') 0 50% no-repeat;}
.list-group a.active{color:#00a8e2;font-family: "NotoSans-Medium", sans-serif}
.list-group a.menubox:hover{color:#00a8e2}
.contents{min-height:450px;padding-bottom:50px}
.sub_menu{width:100%;margin-top:80px;margin-bottom:30px;}
.sub_menu li{height:60px; text-align:center;border-right:1px solid #ccc; display:table-cell; width:25%; vertical-align: middle;}
.sub_menu li:last-child{border-right:0px}
.sub_menu li a{font-size:20px;color:#333;text-decoration: none;}
.sub_menu li a:hover{font-size:20px;color:#2e8f98;background:#fff}
.sub_menu li a.active{color:#2e8f98;}


.greetings{font-size: 15px;color:#666;line-height: 35px;letter-spacing: -1px;}
.greetings_tt{font-size: 25px;color:#00a8e2;font-family: "NotoSans-Bold", sans-serif;}
.greetings_t{color:#000;font-family: "NotoSans-Medium", sans-serif}
.greetings_con1{float:left;width:600px;border-right:1px solid #eee;padding-right:50px;}
.greetings_con2{float:left;width:600px;padding-left:50px;}
.greetings_sign{float:right;}

.location{color:#666;font-size:15px;line-height:35px;letter-spacing: -0.5px;}
.map{width:1200px}
.location_table{font-size:15px;color:#666;margin-top:10px;text-align:center}
.location_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.location_table th{border:1px solid #ccc;color:#333;font-size:17px;font-family: "NotoSans-Light", sans-serif;padding:10px 0;text-align:center;border-top:1px solid #000}
.location_table td{border:1px solid #ccc;padding:10px 0}

.history{position: relative;letter-spacing: -0.5px;width:1200px;display: inline-block;}
.history_con1{float:left;width: 500px;padding-right:50px;border-right:0px solid #eee;}
.history_con2{float:right;}
.history_con3{float:left;padding-right:50px;}
.history_con4{float:right;width: 500px;padding-left:50px;text-align: right;}
.history_txt1{font-size: 30px;font-family: "NotoSans-Light", sans-serif;}
.history_txt3{font-size: 20px;display: inline-block;border-bottom:2px solid #00a8e2;padding-bottom:5px;}
.history_txt4{font-size: 15px;color:#666;line-height: 25px;}

.plasma_btn{width:150px;height:50px;border-radius: 5px;background: #333; float: left;}
.plasma_btn a{width:150px;height:50px;color:#fff;font-size: 17px;text-decoration: none;line-height: 50px; text-align: center; border-radius: 5px;letter-spacing: -0.5px; display: block; }
.plasma_btn a:hover{background:#00a8e2;}
/* .plasma_img {float: left; margin-left: 50px;} */
.plasma_img ul {display: flex; text-align: center ; justify-content: space-between;}
.plasma_img ul li {border: 1px solid #ccc; padding: 30px; width: 580px;}
.plasma_img ul li h2 {font-size:20px; color:#333; }
.plasma_img ul li .btn {color:#fff;font-size: 17px;text-decoration: none;line-height: 42px; text-align: center; border-radius: 5px;letter-spacing: -0.5px; display: block; width:180px;height:45px;border-radius: 5px;background: #333; padding:0; margin:20px auto 0;}
.plasma_img ul li .btn:hover {background-color: #00a8e2;}


.plasma_ing{width:1200px;padding:300px 0;font-size: 35px;color:#ccc;background: #eee;display: inline-block;}
.plasma_tt{font-size:25px;font-family: "NotoSans-Light", sans-serif;color:#333;}
.plasma{font-size: 15px;line-height: 35px;color:#666;}
.plasma_line{width:40px;height:2px;background: #00a8e2;}
.plasma_t{font-size: 15px;}

.certification li{float:left;margin-right:15px;margin-bottom:50px;font-size: 13px;}
.certification li img{border:1px solid #ccc;}
.certification li:nth-child(5n) {margin-right: 0;}