/**
* 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: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.top_title{width:100%;min-width:1024px;height:45px;background:#f5f5f5;border-bottom:1px solid #d9d9d9}
.bs-component{position:relative;width:1024px;margin:0 auto;}
.breadcrumb {color:#5c5c5c; font-size:12px; padding: 15px 0 0; margin-bottom:0px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px; color: #979494; content: ">";}
.breadcrumb .active{color:#5c5c5c;font-family: "nanum_B", sans-serif}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1024px;height:110px;}
.header{position:relative;width:1024px;margin:0 auto;height:110px}
.logo{position:absolute;width:219px;height:58px;top:23px;left:0;}
.gnb{position:absolute;right:0px;top:0px;width:190px;height:26px;background:#eee}
.gnb ul{padding:6px 0 0 8px;}
.gnb ul li{float:left;font-size:10px;color:#777777;padding-left:8px;}
.gnb ul li a{font-size:10px;color:#777777;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;text-decoration:none}
.gnb ul li a:hover{color:#333}

.top_menu{position:absolute;right:0;top:53px;z-index:1000}
.top_menu ul.top_menu_list{}
.top_menu ul.top_menu_list li{float:left;padding-right:70px;padding-top:5px}
.top_menu ul.top_menu_list li a{font-size:20px;color:#3c3c3c;text-decoration:none;letter-spacing:0.5px;font-family: "NotoSans-Medium", sans-serif;}
.top_menu ul.top_menu_list li a:hover{color:#2265b1}
.top_menu ul.top_menu_list li a.active{color:#2265b1}
.top_menu ul.top_menu_list li.parent_menu:last-child{padding-right:0px;}
ul.child_menu {position:absolute;width:140px;display:none;z-index:100;padding-top:23px;}
ul.child_menu li.child_smenu{width:140px;padding-left:10px;background:#fff;line-height:25px;border-top:1px solid #ccc;opacity:0.9;padding-bottom:5px;}
ul.child_menu li.child_smenu a{display:block;width:140px;font-size:10pt;color:#3c3c3c;text-decoration:none;letter-spacing:0}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1024px;border-top:1px solid #e5e5e5}
.footer_area {position:relative;width:1024px;margin:0 auto;padding:20px 0 120px;}
.footer_copy {position:absolute;left:0;font-size:12px;color:#7e7e7e;line-height:20px;letter-spacing:0.5px;}
.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:40px}
.footer_device{position:absolute;left:130px;top:80px}
.footer_area_wrap .btn-default{font-size:10px;background:#fff;color:#666;border:1px solid #ccc;}
.footer_area_wrap .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#ececec;border:1px solid #ccc;color:#666}


/* -------------------------------------------------------------------
| 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:20px 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; }
.f_ling_btn {margin-right: 5px;}
.f_ling_btn a {display: block; text-decoration: none; color:#666}
.f_ling_btn a span {font-size: 16px; padding-right: 5px; color:#455391}

/* -------------------------------------------------------------------
| 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{position:absolute;width:1024px;height:270px;left:50%;top:50%;margin-left:-512px;margin-top:-100px;border:0px solid red;z-index:900}
.main_cont_t{border-left:0px solid #8ee800;padding-left:20px;color:#fff;}
.main_cont_t h3{font-size:40px;letter-spacing:-0.5px;line-height:50px;margin:0;font-family: "NotoSans-Bold", sans-serif;text-align:center;}
.main_cont_t p{font-size:17px;letter-spacing:-0.5px;line-height:25px;padding-top:20px;text-align:center;}

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

.colgroup{position:relative;width:1024px;margin:0 auto;height:200px;padding-top:35px}
.colgroup a{text-decoration:none}
.col01{position:relative;width:395px;height:140px;float:left;margin-right:75px}
.col01 h3{color:#333;font-size:16px;font-family: "NotoSans-Medium", sans-serif;margin:0 0 20px}
.col01 h3 span{color:#666;font-size:15px;font-family: "NotoSans-Regular", sans-serif;}
.col01 .col_more{position:absolute;right:0;top:0;}
.col01 .col_more a{color:#333;font-size:15px;font-family: "NotoSans-Bold", sans-serif;}
.col01 .col01_img{width:135px;height:91px;float:left;}
.col01 .col01_cont{width:247px;height:91px;float:right;color:#666;font-size:12px;line-height:18px;letter-spacing:-0.5px;padding-top:11px}

.col02{position:relative;width:300px;height:140px;float:left}
.col02 h3{color:#333;font-size:16px;font-family: "NotoSans-Medium", sans-serif;margin:0 0 20px}
.col02 h3 span{color:#666;font-size:13px;font-family: "NotoSans-Regular", sans-serif;}
.col02 .col_more{position:absolute;right:0;top:0;}
.col02 .col_more a{color:#333;font-size:15px;font-family: "NotoSans-Bold", sans-serif;}
.col02 ul{;}
.col02 ul li{line-height:25px;color:#7b7878;font-size:12px}
.col02 ul li a{float:left;display:block;width:215px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b7878;font-size:12px;padding-left:7px;background:url(../images/common/dot.gif) 0px center no-repeat;}
.col02 ul li a:hover{color:#000}
.col02 ul li .date{float:right;}

.col03{position:relative;width:175px;height:140px;float:right}
.col03 h3{color:#333;font-size:16px;font-family: "NotoSans-Medium", sans-serif;margin:0 0 12px}
.col03 h3 span{color:#666;font-size:13px;font-family: "NotoSans-Regular", sans-serif;}
.col03 .col03_cont{}
.col03 .col03_txt1{color:#1e1e1e;font-size:26px;font-family: "NotoSans-Bold", sans-serif;}
.col03 .col03_txt2{color:#6a6969;font-size:16px;font-family: "NotoSans-Bold", sans-serif;padding:3px 0 7px}
.col03 .col03_txt3{color:#8c8c8c;font-size:12px;line-height:16px}

/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1024px;height:180px;padding-top:60px}
.sub_top_area{position:relative;width:1024px;margin:0 auto;border-left:0px solid #8ee800;padding-left:15px;color:#fff;}
.sub_top_area h3{font-size:25px;letter-spacing:-0.5px;margin:0;font-family: "nanum_B", sans-serif;text-align:center;}
.sub_top_area p{font-size:14px;letter-spacing:-0.5px;line-height:20px;padding-top:15px;text-align:center;}

.sub_article_wrap{position:relative;width:100%;min-width:1024px;}
.sub_article{position:relative;width:1024px;margin:0 auto;border-left:1px solid #dddddd}
.sub_article:after {display:block;clear:both;content:"";}

.sub_menu{float:left;width:200px;}
.sub_menu_t{width:200px;height:110px;background:#2265b1;text-align:center;color:#fff;font-size:23px;font-family: "NotoSans-Medium", sans-serif;padding-top:18px}
.sub_menu_t span{font-size:12px;color:#a9a9a9}
.list-group{;}
.list-group a.menubox{display:block;border-bottom:1px solid #dddddd;background:#fff;padding:14px 0px 14px 27px;font-size:14px;color:#666;text-decoration:none;}
.list-group a.active{background:#7e7e7e;color:#fff}
.list-group a.menubox:hover{background:#7e7e7e;color:#fff}

.sub_contents{float:left;width:820px;padding-left:48px;border-left:1px solid #dddddd}
.title2{margin:40px 0}
.sub_title{color:#333;font-size:30px;letter-spacing:0.5px;font-family: "NotoSans-Bold", sans-serif;}
.contents{min-height:450px;padding-bottom:50px}

/* 인사말 */
.greeting_info{}
.greeting_cont{width:440px;}
.greeting_img{width:300px; margin-bottom: 30px;}
.greeting_img img{width:500px;}
.greeting_txt1-1{color:#333;font-size:25px;line-height:35px;font-family: "NotoSans-Regular", sans-serif}
.greeting_txt1{font-family: "NotoSans-Bold", sans-serif;font-size:25px;}
.greeting_txt2{color:#666;font-size:15px;line-height:24px;}

/* 회사연혁 */
.history_info {position:relative;}
.history_info .history_cont{margin-left:60px;background:url(../images/sub/history_bg.jpg) repeat-y 34px 0px;}
.history_info p.nowyear{float:left;font-size:18px;color:#ffffff;font-family: "NotoSans-Medium", 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: "NotoSans-Medium", sans-serif;display:inline-block;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;background:#b3b2b2;}
.history_info .month{overflow:hidden;}
.history_info dl {margin-left:50px;overflow:hidden;}
.history_info dl dt {float:left;font-size:16px;color:#333;font-family: "NotoSans-Medium", sans-serif;}
.history_info dl dd {margin-left:20px;float:left;line-height:25px;font-size:15px;color:#777;}

.history_img{position:absolute;right:0;top:0}

/* 오시는길 */
.location_info{line-height:17px;letter-spacing:0.5px;}
.location_txt1{font-size:14px;color:#333;}
.location_txt2{font-size:15px;color:#333;font-family: "NotoSans-Medium", sans-serif;}
.location_txt3{font-size:25px;color:#000;font-family: "NotoSans-Bold", sans-serif}
.location_txt4{font-size:13px;color:#666;}
.location_txt5{font-size:20px;color:#6a6969;font-family: "nanum_B", sans-serif;}
.map{width:1024px;height:470px;margin:20px auto 0}


/* 제품소개 */
.product_info{position:relative;}
.product{float:left; margin-right:18px; margin-bottom: 30px;}
.product p{text-align:center; font-size:15px; margin-top:10px;}


/* business_tab */
.business_tab li{width:50%;margin-bottom:35px;}
.business_tab li{float:left;height:45px;text-align:center;border:1px solid #dddddd;border-left:0 none;background:#f9f9f9;}
.business_tab li:first-child{float:left;height:45px;text-align:center;border-left:0;border-left:1px solid #dddddd;background:#f9f9f9;}
.business_tab li a{display:block;width:100%;height:45px;font-size:14px;color:#7d7d7d;padding-top:12px;text-decoration:none}
.business_tab li.on{background:#ffffff;border-top:1px solid #000;}
.business_tab li a.on{color:#000;font-family: "nanum_B", sans-serif;}

/* 재단사업부 */
.business01_t{margin-top:-20px;color:#333;font-size:23px;}
.business01_t span{font-family: "NotoSans-Bold", sans-serif;}

.business01_info{font-size:15px;color:#333;line-height:28px}
.business01_info span{font-family: "nanum_B", sans-serif;}
.business01_box{width:250px;background:#f3f3f3;border:1px solid #dddddd;padding:10px 20px;margin:25px 0 0;font-size:13px;font-family: "nanum_B", sans-serif;color:#666;letter-spacing:0.5px}
.business01_box2{background:#f3f3f3;border:1px solid #dddddd;padding:10px 20px;margin:20px 0 0;font-size:13px;font-family: "nanum_B", sans-serif;color:#666;letter-spacing:0.5px}

.business01_info ul{height:220px}
.business01_info ul li.business01_2_img{width:260px;height:177px;float:left;}
.business01_info ul li.business01_2_cont{width:480px;height:177px;float:right}
.business01_info ul li.business01_2_cont h4{font-size:20px;font-family: "nanum_B", sans-serif;}

/* 필름사업부 */
.business02_info{font-size:13px;color:#333;line-height:25px}
.business02_info h4{font-size:17px;font-family: "nanum_B", sans-serif;margin:0}
.business02_info ul{;}
.business02_info ul:after {display:block;clear:both;content:"";}
.business02_info ul li.business02_img{width:320px;float:left;}
.business02_info ul li.business02_img a{display:block;width:150px;height:25px;margin:10px auto 0;border-radius:20px;border:1px solid #ccc;background:#fff;text-align:center;color:#666;font-size:13px;text-decoration:none}
.business02_info ul li.business02_img a:hover{background:#ececec}
.business02_info ul li.business02_cont{width:430px;float:right}
.business02_t{font-size:15px;font-family: "nanum_B", sans-serif;margin-bottom:5px}

/* 수출포장사업부 */
.business03_info{font-size:14px;color:#333;line-height:25px}
.business03_info h4{font-size:16px;font-family: "nanum_B", sans-serif;margin:30px 0 0}
.business03_info ul{margin-top:20px;height:150px}
.business03_info ul li{float:left;margin-right:10px}
.business03_info ul li.business03_c{width:95px;height:95px;border-radius:50%;background:#f5f5f5;text-align:center;font-size:14px;font-family: "nanum_B", sans-serif;padding-top:35px;color:#666}
.business03_info ul li.business03_arrow{color:#ccc;padding-top:35px}
.business03_o{margin-top:20px;line-height:32px;padding-left:20px}

/* 연구개발전담부서 */
.business04_info{font-size:14px;color:#333;line-height:25px;text-align:center;padding-top:80px}

/* PC */
.pc_info{font-size:13px;color:#333;line-height:27px}
.pc_info h4{font-size:15px;font-family: "nanum_B", sans-serif;margin:50px 0 15px}

/* 기타 */
.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}


.svs{position:relative;width:100%;margin:0 auto;text-align:center}
.svs .bx-wrapper {position:relative;width:760px;margin:0 auto;padding:0;}
.svs .bx-wrapper .bx-viewport{ border:0px;}
.svs .pensionreview_txt{display:block;position:absolute;left:5px;bottom:5px;width:750px;height:50px;background:#000;opacity:0.6;color:#fff;text-align:right;}
.svs #slider1_pager, .svs #slider2_pager{width:760px;margin:0 auto;}
.svs #slider1_pager img, .svs #slider2_pager img{width:24.5%;margin-bottom:5px}
.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;
}

.carinfo_spec_table{width:100%;margin:20px auto 0;text-align:center;font-size:13px;color:#666;}
.carinfo_spec_table caption{font-size:0px;color:#fff;padding:0;line-height:0px}
.carinfo_spec_table th{background:#ececec;text-align:center;border:1px solid #d9d9d9;font-family: "nanum_B", sans-serif;line-height:20px;padding:7px 0;width:33%}
.carinfo_spec_table td{border:1px solid #d9d9d9;line-height:20px;padding:8px 0;font-family: "nanum", sans-serif;width:33%}

/*examination*/
.sub_h1 {font-size: 24px; background: url('../images/sub/title_icon.png') no-repeat 0 0%; padding-left: 20px; color:#333; margin: 0 0 15px 0;}
.sub_p {font-size: 16px; color:#666; padding-left: 20px; word-break : keep-all;}
.exam_table {width: 100%; border-top: 2px solid #2265b1;}
.exam_table table {width: 100%;}
.exam_table table th, .exam_table table td {padding: 10px; border: 1px solid #ccc;}
.exam_table table th {background: #f9f9f9; font-size: 14px; font-family: "NotoSans-Regular", sans-serif; letter-spacing: -0.5px;}
.exam_table table td {font-family: "NotoSans-Light", sans-serif; font-size: 14px; color:#666; letter-spacing: -0.5px;}
.exam_table table td span {font-size: 12px; color:#aaa;}

.exam_bax {width: 370px; float: left; border: 1px solid #ccc; padding: 20px;}
.exam_bax:nth-child(2) {float: right; height: 402px; padding: 0;}
.exam_bax ul li {width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f9f9f9; border: 1px solid #ccc; margin: 10px 0; border-radius: 5px;}
.exam_bax ul li:nth-child(2n) {background: none; border: none; border-radius: 0;}
.exam_box_title {width: 100%; padding: 10px; background: #f5f5f5; border-bottom: 1px solid #ccc; font-size: 20px; color:#333; text-align: center;}
.eaxm_text_box {padding: 30px;}
.sub_h2 {font-size: 18px; background: url('../images/sub/title_icon.png') no-repeat 0 0%; padding-left: 18px; color:#333; margin: 0 0 15px 0;}
.sub_p2 {font-size: 14px; color:#666; padding-left: 18px; word-break : keep-all; margin-bottom: 20px; font-family: "NotoSans-Light", sans-serif;}
/*safe*/
.safe {}
.safe img {width: 400px; border: 1px solid #ccc;}