/**
* 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;background: url('../images/common/header_bg.png') repeat-x;}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;width:355px;height:65px;top:18px;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:260px}
.top_menu ul.top_menu_list li.parent_menu{float:left;padding-left:90px}
.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:#fff;text-decoration:none;font-family: "NotoSans-Medium", sans-serif; text-align: center;}
.top_menu>ul.top_menu_list>li.parent_menu>a:hover{color:#1468f3}
.top_menu>ul.top_menu_list>li.parent_menu>a.active{color:#1468f3}

/* 펼침메뉴 */
ul.child_menu {position:absolute;width:100%;display:none;z-index:100;padding-top:20px;}
ul.child_menu li.child_smenu{position:relative;width:150px;padding:0px 10px;padding-bottom:5px;background-color:#333; 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:#ddd;text-decoration:none;}
ul.child_menu li.child_smenu a:hover{color:#fff;}
ul.child_menu li.child_smenu a.active{color:#fff;}

.menu_po{position:absolute;top:-34px;right:0;}

/*
.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:#333;height:175px;top:0;position: relative;}
.footer_area {position:relative;width:1200px;margin:0 auto;padding:20px 0 100px;}
.footer_copy {position:absolute;left:0;font-size:12px;color:#7e7e7e;line-height:20px;font-size:12px;color:#bbb;}
.admin{position:absolute;left:310px;top:60px}
.admin a{font-size:10px;color:#666;border:1px solid #ccc;background:#fff;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.um-naver-square{font-size:23px;color:#b3b3b3}
.dwebs_logo{position:absolute;right:0px;top:90px}
.footer_device{position:absolute;left:0px;top:110px}
.footer_area .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #474747;}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #474747;color:#ccc;}
.ft_seo{color:#2bb4ea}


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

.main_cont{font-size: 30px;font-family:"NotoSans-Thin", sans-serif;color:#fff;position:absolute;width:1200px;height:130px;left:50%;top:50%;margin-left:-600px;margin-top:-65px;text-align:center;z-index:900}
.main_cont_txt{font-size:60px;font-family: "NotoSans-Medium", sans-serif;}


#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;}



.col1_wrap{position:relative;background: url('../images/common/col1_bg.jpg') no-repeat;width:1200px;height:125px;z-index:100;margin:0 auto;top:-125px;}
.col1_wrap li{float: left;text-align: center;color:#333;font-size: 20px;font-family: "NotoSans-Bold", sans-serif;line-height: 25px;}
.col1_txt{font-size: 25px;color:#0c367b;font-family: "NotoSans-Medium", sans-serif;text-align: center}
.col1_txt2{font-size: 25px;color:#0c367b;font-family: "NotoSans-Bold", sans-serif;text-align: center}
.col1_number{font-size: 20px;color:#0c367b;font-family: "NotoSans-Bold", sans-serif;border-bottom:1px solid #0c367b;line-height: 15px;width:30px;margin:0 auto}



.col2_wrap{background:#eee;width:100%;min-width:1200px;height:885px;position:relative;margin:0 auto;top:-125px;}
.col2_box{background:#fff;width:1720px;height:785px;margin:0 auto;border-top:1px solid #7f7f7f;}
.col2{width:1200px;margin:0 auto;font-size:15px;color:#666;font-family: "NotoSans-Thin", sans-serif;}
.col2_txt{font-size: 40px;color:#0c367b;font-family: "NotoSans-Medium", sans-serif;}


.col3_wrap{position:relative;margin:0 auto;height:730px;width:100%;min-width:1200px;top:-75px;}
.col3_box{width:1720px;height:730px;margin:0 auto;color:#fff;font-size:20px;font-family: "NotoSans-Thin", sans-serif;text-align: center;}
.col3_con1{background: url('../images/common/col3_con1_bg.jpg') no-repeat;width:1720px;height:530px;}
.col3_con1_t{font-size: 40px;font-family: "NotoSans-Medium", sans-serif;}
.col3_con1_t2{font-size: 15px;}
.col3_con1_icon{width:1200px;height:150px;margin:0 auto;top:100px;position: relative;}
.col3_con1_icon li{float: left;width:200px;font-size: 20px;font-family: "NotoSans-Light", sans-serif;line-height: 25px}

.col3_con2{width:1720px;margin:0 auto;position:relative;height:200px;}
.col3_b1{float:left;width:860px;background: #0c367b;height:200px;}
.col3_b2{float:left;width:860px;background: #434a5d;height:200px;}
.col3_b_t{font-size: 25px;font-family: "NotoSans-Medium", sans-serif;}
.col3_b_t2{font-size: 15px;font-family: "NotoSans-Light", sans-serif;}
.col3_b_t3{font-size: 30px;font-family: "NotoSans-Medium", sans-serif;}
.col3_b_btn a{width:130px;height:40px;display: inline-block;border:1px solid #869bbd;text-decoration: none;font-size: 15px;color:#fff;font-family: "NotoSans-Light", sans-serif;padding-top:7px;}
.col3_b_btn a:hover{color:#fff}

.sns_link{width:80px;position: relative;margin:0 auto;height:20px;}
.col3_b1 li{float:left;margin-right:10px;}
.col3_b1 li a{color:#fff;}

.sns_link2{width:95px;position: relative;margin:0 auto;height:20px;}
.sns_link2 li{float:left;margin-right:10px;font-size:25px;}
.sns_link2 li a{color:#0c367b;}



.main_img_ov{position:absolute;left:0;top:0}
.main_img{position:absolute;left:0;top:0;z-index:200}

.cg_cont{padding:20px 0 0}
.cg_c1{color:#3c3c3c;font-size:20px;padding:0 0 20px;font-family: "NotoSans-Bold", sans-serif;}
.cg_c2{line-height:20px;letter-spacing:-0.5px}


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


.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding:40px;border-bottom: 1px solid #ccc;}
.sub_title{color:#222;font-size:35px;border-bottom:3px solid #0c367b;padding-bottom:37px;}
.sub_menu{;}
.list-group{text-align:center;margin:40px 0;}
.list-group a.menubox{background:#ebebeb;padding:15px 80px;font-size:15px;color:#666;text-decoration:none;margin:0 2px;}
.list-group a.active{background:#0152a2;color:#fff}
.list-group a.menubox:hover{background:#0152a2;color:#fff}
.contents{min-height:450px;padding-bottom:50px}

.ready_info{position:relative;width:1200px;font-size:15px;color:#666;line-height:35px;text-align:center}


.sub_info{position:relative;width:1200px;font-size:15px;color:#666;line-height:35px;text-align:left}
.sub_txt1{font-size:25px;color:#333;font-family: "NotoSans-Bold", sans-serif}
.sub_txt2{font-size:25px;color:#0152a2;font-family: "NotoSans-Bold", sans-serif}
.sub_txt3{font-size:20px;color:#333;font-family: "NotoSans-Medium", sans-serif}

.sub_left{float:left;width:600px;padding-left:100px}
.sub_left img{float:right;margin-right:20px}
.sub_right{float:right;width:466px;margin-right:100px}



.sub_menu ul{width:100%;border-top:0px solid #1d5bc0; border-bottom:1px solid #eee; display:table;}
/* .sub_menu li{height:60px; padding:20px 0; text-align:center;border-right:1px solid #ccc; display:table-cell;} */
.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:#0c367b;background:#fff}
.sub_menu li a.active{color:#0c367b;}


.about{line-height: 30px;font-size: 15px;color:#666;}
.about_con{float:left;width:600px;}
.about_img{float:left;width:600px;}
.about_txt{font-size: 25px;font-family: "NotoSans-Bold", sans-serif;color:#333;}
.about_txt2{font-size: 25px;font-family: "NotoSans-Medium", sans-serif;color:#666;}
.about_txt3{color:#0c367b;}

.location{position: relative;margin:0 auto;}
.location_img{float:left;width:600px;height:460px;}
.location_map{float:left;width:600px;}
.location_t{font-size: 17px;font-family: "NotoSans-Medium", sans-serif;color:#333;}

.location_table{font-size:15px;color:#666;text-align:center;}
.location_table caption{font-size:0px;color:#fff;padding:0;line-height:0}
.location_table th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;font-size:17px;padding:20px 0;text-align:center;border-top:2px solid #0152a2;}
.location_table td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0}
.line_none{border-right:0px !important}

.products_t{font-size: 25px;color:#0c367b;font-family: "NotoSans-Bold", sans-serif;text-align: center;}
.products_t2{font-size: 17px;color:#0c367b;}
.products ul{width:1200px;height:280px;position: relative;margin:0 auto;}
.products li {float: left;width:183px;height:280px;margin-right:20px;text-align: center;text-decoration: none;}
.products li a{float: left;border:1px solid #ccc;width:183px;height:280px;margin-right:20px;text-align: center;text-decoration: none;color:#999;font-size:14px;}
.products li a:hover{border:1px solid #0c367b;}

.products_img{width:181px;height:180px; overflow:hidden; background-size: cover;}

/* 둘러보기 */
.view_info h3{font-size:20px;color:#333;font-family: "nanum_B", sans-serif;margin:60px 0 0;text-align:center}
.view{position:relative;width:1200px;margin:0 auto;text-align:center}
.view .bx-wrapper .bx-viewport{ border:0px;}
.view .bx-wrapper {position:relative;width:960px;margin:0 auto;padding:0;}
.view .pensionreview_txt{display:block;position:absolute;left:5px;bottom:5px;width:950px;height:50px;background:#000;opacity:0.6;color:#fff;text-align:right;}
.view #slider1_pager, .view #slider2_pager{width:900px;margin:0 auto;}
.view #slider1_pager img, .view #slider2_pager img{width:9.5%;margin-bottom:5px;margin-right:10px}
.slider1_btn_prev, .slider2_btn_prev {
	position: absolute;
	left: 0px;
	top: 50%;
	z-index: 200;
	background: url('../images/sub/sub_prev.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -70px;
	outline:none;
}

.slider1_btn_next, .slider2_btn_next {
	position: absolute;
	right: 0px;
	top: 50%;
	z-index: 200;
	background: url('../images/sub/sub_next.png') no-repeat 0 50%;
	border: 0;
	width: 46px;
	height: 64px;
	text-indent: -9999px;
	margin-top: -70px;
	outline:none;
}