/**
* 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;font-family: "nanum_B", sans-serif}
.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;z-index:100}
.header{position:relative;width:1200px;margin:0 auto;height:100px}
.logo{position:absolute;top:20px;left:0;}

.gnb{position:absolute;right:80px;top:20px;}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#fff;padding-left:15px;font-family: "nanum_B", sans-serif;}
.gnb ul li a{font-size:10px;color:#a3a3a3;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none;opacity:0.5}
.gnb ul li a:hover{opacity:1}

.top_menu{position:relative;width:1200px;margin:0 auto;top:-40px;z-index:200}
.top_menu ul.top_menu_list{position:absolute;top:0px;right:80px;}
.top_menu ul.top_menu_list li.parent_menu{float:left;padding-left:180px}
.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:16px;color:#030303;text-decoration:none;font-family: "nanum_B", sans-serif;letter-spacing:-0.5px}
.top_menu ul.top_menu_list li.parent_menu a:hover{color:#1361aa}
.top_menu ul.top_menu_list li.parent_menu a.active{color:#1361aa}

.s_menu_wrap{position:absolute;top:100px;width:100%;min-width:1200px;height:190px;background:#fff;border-top:1px solid #edeae9;display:none;z-index:1000;}
.s_menu{position:relative;width:1200px;margin:0 auto;}
.s_menu .inner{float:right;}
.s_menu ul.child_menu {float:left;color:#333;height:100px;border-right:1px solid #edeae9;margin:30px 0 0;}
.s_menu ul.child_menu li.child_smenu{ text-align:center;}
.s_menu ul.child_menu li.child_smenu a{position:relative;display:block;top:-8px;font-size:13px;color:#666;text-decoration:none;line-height:32px;}
.s_menu ul.child_menu li.child_smenu a:hover{color:#1361aa}
.s_menu ul.child_menu li.child_smenu a.active{color:#1361aa}

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#333333}
.footer_area {position:relative;width:1200px;margin:0 auto;padding:20px 0 100px;}
.footer_copy {position:absolute;left:0;font-size:11px;color:#9c9c9c;line-height:20px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif;}
.admin{position:absolute;left:460px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #9c9c9c;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "nanum_B", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute;right:0px;top:40px}
.footer_area .footer_device{position:absolute;left:230px;top:60px}
.footer_area .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #9c9c9c;}
.footer_area .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #9c9c9c;color:#ccc}


/* -------------------------------------------------------------------
| 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: -10px;
	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: -10px;
	opacity:0.6;
}

.main_cont{position:absolute;width:1024px;height:200px;left:50%;top:50%;margin-left:-512px;margin-top:-80px;border:0px solid red;text-align:center;z-index:900}
.main_cont_t{;}
.main_cont_t h3{color:#fff;font-size:30px;line-height:60px;letter-spacing:-0.5px;margin:0;text-shadow: 2px 2px 2px #555;opacity:0.9}
.main_cont_tb{font-size:45px;font-family: "nanum_EB", sans-serif; line-height:55px;}
.main_cont_t_txt{color:#fff;font-size:20px;margin:10px 0 40px}

#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{width:100%;min-width:1200px;}
.colgroup{position:relative;width:1200px;margin:0 auto;padding-top:45px}
.colgroup h3{color:#1f1f1f;font-size:20px;font-family: "nanum_B", sans-serif;margin:0 0 15px}
.colgroup h3 span{color:#666;font-size:15px;}
.colgroup a{text-decoration:none}
.col01{height:350px;margin-bottom:50px}

.col01_01{position:relative;width:875px;height:350px;float:left;background:url(../images/common/col01_01_bg.jpg) no-repeat;}
.col01_01img{height:271px;padding:30px 0 30px 20px}
.col01_01img li{width:200px;height:271px;float:left;margin-right:10px}
.col01_01img li p{padding-top:13px; text-align:center; font-weight:bold; font-size:15px; color:#070000;}


.col01_02{position:relative;width:300px;height:350px;float:right}
.col01_02 .text_box{ width:300px; 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:23px;}



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

.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding-top:40px}
.sub_title{color:#342b2a;font-size:35px;letter-spacing:0.5px;font-family: "nanum_B", sans-serif}
.sub_menu{;}
.list-group{text-align:center;margin:40px 0 60px;}
.list-group a.menubox{background:#ebebeb;padding:15px 27px;font-size:14px;color:#666;text-decoration:none;font-family: "nanum_B", sans-serif;margin:0 2px}
.list-group a.active{background:#79a1c8;color:#fff}
.list-group a.menubox:hover{background:#79a1c8;color:#fff}
.contents{min-height:450px;padding-bottom:50px}

/* OK에듀센터 */
.greeting_info{line-height:33px;font-size:15px;color:#666; overflow:hidden;}
.greeting_img{float:left;width:550px;height:550px}
.greeting_cont{float:right;width:600px;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;}





/* 대표 인사말 */
.ceogreeting_info{height:300px;line-height:33px;font-size:15px;color:#666;width:1077px;margin:0 auto}
.ceogreeting_cont{float:left;width:750px;height:294px;padding-top:10px}
.ceogreeting_img{float:right;width:290px;height:294px}

.ceogreeting_img2{float:left;width:286px;height:260px}
.ceogreeting_cont2{float:right;width:740px;height:260px;padding-top:10px;letter-spacing:-0.5px;}

.ceogreeting_txt5{font-size:20px}
.ceogreeting_txt1{color:#333;font-family: "nanum_B", sans-serif}
.ceogreeting_txt2{color:#666;font-family: "nanum_B", sans-serif}
.ceogreeting_txt3{color:#fe7815;font-family: "nanum_B", sans-serif;border-bottom:1px solid #fe7815;padding-bottom:2px}
.ceogreeting_txt4{border-bottom:1px solid #666;padding-bottom:2px}

/* 오시는길 */
.location_info{font-family: "nanum_B", sans-serif;line-height:18px;text-align:center;letter-spacing:0.5px}
.location_info h3{width:150px;height:30px;background:#333;color:#fff;font-size:14px;text-align:center;font-family: "nanum_B", sans-serif;padding-top:7px;margin:0 auto 20px}
.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}


/* 준비중 */
.ready{text-align:center;color:#666;font-size:15px;padding-top:50px}






/*------------------------- 제품소개 ----------------------------------------*/

/* tpe */
.prd_info{}
.prd_info .tpe{position:relative; margin:80px 0; overflow:hidden;}
.prd_info .tpe .tit_cont{padding-left:5px; width:240px; height:150px; position: absolute; top:0; bottom:0; margin:auto;}
.prd_info .tpe .tit_cont .tit1{width:175px; height:50px; background-color:#1e3078; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .tpe .tit_cont .tit2{width:175px; height:50px; background-color:#3f9e8c; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .tpe .tit_cont .tit3{width:175px; height:50px; background-color:#8879cc; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .tpe .tit_cont .tit4{width:175px; height:50px; background-color:#bba755; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .tpe .tit_cont h2{ margin:0; padding:8px 0 13px; font-size:15px; color:#999;font-weight:bold;}
.prd_info .tpe .tit_cont h3{ margin:0; padding:0; font-size:15px; color:#333; line-height:30px;font-weight:bold;}
.prd_info .tpe .tit_cont h3 span{font-size:17px; border-bottom:1px solid #ddd; padding:2px; }
.prd_info .tpe .line_V{height:492px; position:absolute; top:20px; left:210px; overflow:hidden;}
.prd_info .tpe .line_H{position:absolute; top:9px; left:210px;}

.prd_info .tpe .line_H.tit_line{position:absolute; left:180px;}



/* 공통 */
.prd_name_wrap{float:left; width:900px; min-height: 150px;}
.prd_name_wrap .prd_name{float:left; margin-bottom:30px;}
.prd_name_wrap .prd_name h1{background-color: #ccc;float:left;padding:0px 10px 0px 10px; margin:0;width:270px; min-height:50px; line-height:42px; font-size:13px; color:#333; border:1px solid #666; text-align:center; font-weight: bold;}
.prd_name_wrap .prd_name p{float:left; padding:15px 0 0 20px; font-size:13px; color:#666;}


.prd_name_wrap .prd_name2{float:left; margin-bottom:30px;}
.prd_name_wrap .prd_name2 h1{float:left; padding-top:10px;margin:0;width:235px;height:70px;line-height:23px; font-size:12px; color:#333; border:1px solid #666; text-align:center;}
.prd_name_wrap .prd_name2 p{float:left; padding:25px 0 0 20px; font-size:15px; color:#666;}

.prd_name_wrap .more1{float:right; width:145px; height:40px; line-height:40px; background-color:#1e3078; text-align:center;}
.prd_name_wrap .more2{float:right; width:145px; height:40px; line-height:40px; background-color:#3f9e8c; text-align:center;}
.prd_name_wrap .more3{float:right; width:145px; height:40px; line-height:40px; background-color:#8879cc; text-align:center;}
.prd_name_wrap .more4{float:right; width:145px; height:40px; line-height:40px; background-color:#bba755; text-align:center;}
.prd_name_wrap .more1.mg{margin-top:15px;}
.prd_name_wrap .more2.mg{margin-top:15px;}
.prd_name_wrap .more3.mg{margin-top:15px;}
.prd_name_wrap .more4.mg{margin-top:15px;}
.prd_name_wrap .more1 { font-size:14px; color:#fff;}
.prd_name_wrap .more2 { font-size:14px; color:#fff;}
.prd_name_wrap .more3 { font-size:14px; color:#fff;}
.prd_name_wrap .more4 { font-size:14px; color:#fff;}
.prd_name_wrap .more1:hover{text-decoration:none;color:#ccc;}
.prd_name_wrap .more2:hover{text-decoration:none;color:#ccc;}
.prd_name_wrap .more3:hover{text-decoration:none;color:#ccc;}
.prd_name_wrap .more4:hover{text-decoration:none;color:#ccc;}



/* ENPLA */
.prd_info .ENPLA{position:relative; margin-bottom:80px; overflow:hidden;}
.prd_info .ENPLA .tit_cont{float:left; padding-top:165px; padding-left:5px; width:240px;}
.prd_info .ENPLA .tit_cont .tit{width:175px; height:50px; background-color:#333; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .ENPLA .tit_cont h2{ margin:0; padding:8px 0 13px; font-size:15px; color:#999;font-weight:bold;}
.prd_info .ENPLA .tit_cont h3{ margin:0; padding:0; font-size:15px; color:#333; line-height:30px;font-weight:bold;}
.prd_info .ENPLA .tit_cont h3 span{font-size:17px; border-bottom:1px solid #ddd; padding:2px; }
.prd_info .ENPLA .line_V{height:306px; position:absolute; top:35px; left:210px; overflow:hidden;}
.prd_info .ENPLA .line_H{position:absolute; top:9px; left:210px;}

.prd_info .ENPLA .line_H.tit_line{position:absolute; top:180px; left:180px;}
.prd_info .ENPLA .line_H.tpe_line_01{position:absolute; top:24px; left:210px;}
.prd_info .ENPLA .line_H.tpe_line_02{position:absolute; top:130px; left:210px;}
.prd_info .ENPLA .line_H.tpe_line_03{position:absolute; top:226px; left:210px;}
.prd_info .ENPLA .line_H.tpe_line_04{position:absolute; top:330px; left:210px;}


/* Special */
.prd_info .Special{position:relative; margin-bottom:60px; overflow:hidden;}
.prd_info .Special .tit_cont{float:left; padding-top:195px; padding-left:5px; width:240px;}
.prd_info .Special .tit_cont .tit{width:175px; height:50px; background-color:#333; color:#fff; text-align:center; font-size:20px; line-height:50px;font-weight:bold;}
.prd_info .Special .tit_cont h2{ margin:0; padding:8px 0 13px; font-size:15px; color:#999;font-weight:bold;}
.prd_info .Special .tit_cont h3{ margin:0; padding:0; font-size:15px; color:#333; line-height:30px;font-weight:bold;}
.prd_info .Special .tit_cont h3 span{font-size:17px; border-bottom:1px solid #ddd; padding:2px; }
.prd_info .Special .line_V{height:400px; position:absolute; top:26px; left:210px; overflow:hidden;}
.prd_info .Special .line_H{position:absolute; top:50px; left:210px;}

.prd_info .Special .line_H.tit_line{position:absolute; top:210px; left:180px;}
.prd_info .Special .line_H.tpe_line_01{position:absolute; top:15px; left:210px;}
.prd_info .Special .line_H.tpe_line_02{position:absolute; top:90px; left:210px;}
.prd_info .Special .line_H.tpe_line_03{position:absolute; top:170px; left:210px;}
.prd_info .Special .line_H.tpe_line_04{position:absolute; top:255px; left:210px;}
.prd_info .Special .line_H.tpe_line_05{position:absolute; top:335px; left:210px;}
.prd_info .Special .line_H.tpe_line_06{position:absolute; top:415px; left:210px;}


.prd_info .Special .prd_name_wrap .prd_name p{width:300px;}




/*------------------------- 제품 상세보기 ----------------------------------------*/
.prd_view_cont{width:860px; margin:0 auto;  padding-bottom:80px;border:1px solid #ddd;}
.prd_view_cont h1{margin:0; padding:45px 0 10px; font-size:24px; color:#1e3078;text-align:center; font-family: "nanum_EB", sans-serif;}
.prd_view_cont .img_box{width:800px; margin:0 auto 30px; overflow:hidden;}

.prd_view_cont p.text_box{width:700px; margin: 10px auto; text-align:left; font-size:14px;}
.prd_view_cont p.text_box2{width:700px; margin: 10px auto; text-align:center; font-size:14px;}
.prd_view_cont h2{width:350px; margin:30px auto 0; text-align:center; font-size:19px; color:#333; padding-bottom:7px; border-bottom:1px solid #ddd; font-weight:bold;}
.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;}