@charset "UTF-8";

/* 공통 */ 
.right{float:right;}
.bold{font-weight:500;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum;}
.s_txt{font-size:12px;}
.b_txt{font-size:18px;}
.comm_list{overflow:hidden; padding:20px; border:1px dashed #aac0a8; border-radius:5px;}
.comm_list li{padding:7px 0 7px 30px; background:url(../images/common/li_icon.png) no-repeat 5px 7px;}
.bg_li li{margin-bottom:5px; margin-right:5px;}
.bg_li li a{background:#9a060b url(../images/common/sub_menu.jpg) no-repeat center right; padding:5px 10px; color:#ffffff; display:inline-block; padding-right:40px; border-radius:3px; }
.bg_li li a:hover{background:#303030}

.comm_table{width:100%; border-top:3px solid #9a060b;  border-left:1px solid #c8c8c8;position:relative;}
.comm_table th{font-weight:500;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; padding:8px 20px; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; background:#f0f0f0;font-weight:500; white-space:nowrap !important; text-align:center; vertical-align: middle;color:#363636; }
.comm_table .tal{text-align:left !important;background-color:#f7f7e6;}
.tal td{text-align:left !important;}
.comm_table td{padding:8px 20px; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8;  text-align:center; vertical-align:middle}
.comm_table caption{display:none;}
.comm_table .tc{text-align:center;}
.btg{border-top-color:#dddddd !important;}
.comm_li li{ padding-left:10px;background:url(../images/common/comm_li.gif) no-repeat 0px 1px; margin-bottom:3px;}
.dot_li li{padding-left:10px;background:url(../images/common/dot_li.png) no-repeat 0px 1px;margin-bottom:3px;}
.titblue {margin-left:50px; margin-bottom:-20px; color:#104e8c; font-weight:500;}
.btn_go{display:inline-block; padding:3px 10px; color:#ffffff !important; background:#9a060b; font-size:11px !important; border-radius:4px; margin-left:10px;}

.half{width:350px;  position:relative; float:left; min-height:20px; box-sizing:border-box;}
.mr30{margin-right:30px;}
.tac{text-align:center;}
.borderB{border:1px solid #e9e9e9; box-sizing:border-box;}
.paddigB20{padding:20px; background:#f0f0f0}
.redp{color:#9a060b; font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; font-weight:500;}
.bluep{color:#9a060b; font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; font-weight:500;}
#wrap{width:100%;max-width:2000px; margin: 0 auto;}

#footer{width:100%; max-width:2000px; margin: 0 auto; background:#323232;position:relative;z-index:2;}
address{color:#d8d8d8; font-size:12px; padding: 0 20px; margin-bottom:10px; letter-spacing:0.1px;}
address span{color:#0278a4; font-weight:500;}

#wrap_none #footer{margin-top:0px;}
.foot{width:1000px; margin: 0 auto;position:relative;padding:30px 0px; background:url("../images/common/logo.gif") no-repeat center right}
.foot p{color:#c8c8c8; font-size:12px; margin-left:20px;}
.foot p span{color:#f7b52c; font-size:inherit; font-weight:500;}
.foot_li{overflow:hidden; margin-bottom:20px;}
.foot_li li{float:left; margin-left:20px;}
.foot_li li a{color:#ffffff; font-size:12px;}

.header{width:100%; max-width:2000px; margin: 0 auto; position:relative; height:125px; background:url("../images/common/header_bg.gif") no-repeat center top;z-index:100;}
.gnb ul {position:absolute;overflow:hidden; right:0px; top:0px;z-index:105;border-bottom:3px solid #323232 }
.gnb ul li{float:left;}
.gnb ul li a{display:block; padding:11px 16px ; color:#e6e6e6; font-size:12px; }
.gnb ul li.bgc1 a{background:#323232}
.gnb ul li.bgc2 a{background:#505050}

#DB_navi24 img{border:0}
#DB_navi24 a{text-decoration:none}

#DB_navi24 .DB_wrap{position:relative;width:1000px;margin:0 auto;/*비표준=>left:50%;margin-left:-500px*/;height:100%}
#DB_navi24 .DB_wrap h1{position:absolute; left:20px;top:30px;}
#DB_navi24 .DB_wrap .DB_main{position:absolute;right:0px;top:65px;}
#DB_navi24 .DB_wrap .DB_main li{float:left;width:145px;display:block; text-align:center; height:57px;}
#DB_navi24 .DB_wrap .DB_main li.long{width:200px;}
#DB_navi24 .DB_wrap .DB_main li.short{width:140px;}

#DB_navi24 .DB_wrap .DB_main li a{display:block;width:100%;height:100%; font-weight:500; font-size:18px; letter-spacing:-1px; color:#ffffff;}
#DB_navi24 .DB_wrap .DB_main li.DB_select{border-bottom:3px solid #ae383c}
#DB_navi24 .DB_wrap .DB_main li.DB_select a{font-weight:500;}

#DB_navi24 .DB_mask{position:absolute;width:100%;min-width:1000px;/*height:200px서브메뉴전체높이*/;overflow:hidden;display:none}
#DB_navi24 .DB_mask .DB_move{position:relative;width:100%;top:-200px/*위로 메뉴숨기기*/;border-bottom:1px solid #9a060b; border-top:1px solid #ae383c; background:#323232 /*url("../images/common/mask_bg.png") no-repeat bottom center*/;}
#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;width:1000px;margin:0 auto;/*비표준=>left:50%;margin-left:-500px*/;padding:20px 0px; overflow:hidden;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul{float:left;width:145px; /*width:기존값 125*/border-left:1px solid #505050; box-sizing:border-box;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul.long{width:200px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul.short{width:140px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul:first-child{margin-left:275px; /*margin-left:기존값 320*/}/*비표준=> 첫번째 li에 클래스로 적용*/
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li{height:22px;text-indent:10px; margin-bottom:5px; }
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li:last-child{margin-bottom:0px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a{display:block;padding:4px 2px;color:#c8c8c8; letter-spacing:-0.2px}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a:hover{color:#ffffff !important;font-weight:500; background-color:#9a060b}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#ffffff;font-weight:500;}
#DB_navi24 .DB_mask .DB_move .DB_close{position:absolute;top:130px;right:10px;cursor:pointer;}

.visual{width:100%; max-width:2000px; min-width:1000px; height:610px;position:relative;z-index:0}
.inner{width:1000px;margin:0 auto; position:relative;/*코드변경금지금지금지*/}
.DB_tab25 {width:100%;height:100%;position:relative;overflow:hidden}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:610px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_tab{text-align:center; position:absolute; top:515px; left:362px; overflow:hidden; z-index:100}
.DB_tab25 .DB_tab li{float:left;margin-right:10px;}
.DB_tab25 .DB_tab li:last-child{margin-right:0px;}
/*모션오브젝트(순차적으로 추가가능)*/
.DB_tab25 .DB_imgSet li{z-index:10}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:200px;top:180px}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:370px;top:270px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:450px;top:340px}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:340px;top:410px}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:200px;top:180px}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:160px;top:235px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:80px;top:300px}
.DB_tab25 .DB_imgSet .DB_2_4{position:absolute;left:120px;top:370px}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0px;top:80px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:0px;top:120px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:650px;top:0px}

.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:0px;top:80px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:0px;top:120px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:0px;top:150px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:0px;top:180px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:650px;top:0px}

.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:1000px; top:520px;text-align:center;font-size:0;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline; margin-bottom:10px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li:last-child{margin-bottom:0px;}

.DB_tab25 .DB_prev{position:absolute;left:-140px;top:270px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-140px;top:270px;cursor:pointer;display:none}


.main_contents{position:relative;padding-top:50px; padding-bottom:50px; background:#e6e6e6;}
.main_contents .inner{overflow:hidden;}
.main_contents .box4{width:235px; height:290px; float:left; }
.main_contents .h320{height:320px !important; position:relative;}
.main_contents .banner{width:490px; height:320px; float:left;}
.mr0{margin-right:0px !important;}

.mainbox{width:255px;height:290px; position:relative;box-sizing:border-box;float:left; background-color:#ffffff}
.mainbox h2{margin-bottom:20px;}
.mainbox h2 span{font-size:12px; color:#808080; display:block}
.mainbox h2 a{ font-size:22px; font-weight:500}
.mainbox a{color:#303030}



#DB_tab23 h2 a{position:absolute; top:35px; left:25px; color:#ffffff; z-index:100;font-size:16px; }
#DB_tab23 ul, #DB_tab23 li{margin:0;padding:0;list-style:none}
#DB_tab23 img{vertical-align:top;border:0}

#DB_tab23{position:relative;width:490px; height:290px; float:left;overflow:hidden;}
#DB_tab23 .DB_img {position:absolute;z-index:0}
#DB_tab23 .DB_img li{position:absolute;left:0;top:0;}

#DB_tab23 .DB_btn{position:absolute;z-index:1;left:20px; bottom:20px;;font-size:0}
#DB_tab23 .DB_btn li{cursor:pointer;display:inline;padding:2px;}
#DB_tab23 .DB_btn li img{width:12px; height:12px;}

#DB_tab23 .DB_prev{position:absolute;z-index:1;left:10px;top:50%;margin-top:-15px;cursor:pointer}
#DB_tab23 .DB_next{position:absolute;z-index:1;right:10px;top:50%;margin-top:-15px;cursor:pointer}

.m_notice{position:relative; padding:25px; background:#ffffff url(../images/main/m_notice_bg.gif) no-repeat right top;}
.m_notice ul li{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #c8c8c8; overflow:hidden; position:relative;}
.m_notice ul li a{display:block; width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; float:left;}
.m_notice ul li span.date{position:absolute; right:0px;float:right;}

.m_camp{width:490px; background:url(../images/main/m_camp.jpg) no-repeat center top;}
.m_camp ul{overflow:hidden; position:absolute; top:105px; left:20px;}
.m_camp ul li{margin-bottom:10px; float:left; margin-right:10px;}
.m_camp ul li:last-child{float:none; clear:both;}
.m_camp ul li a{font-size:16px; display:inline-block; padding:3px 25px; letter-spacing: -0.5px; border-radius:20px; border:2px solid #ffffff; color:#ffffff; font-weight:500}
.m_camp ul li a:hover{background:rgba(255,255,255,0.7); color:#303030}



.m_link{padding:25px 20px;background:url(../images/main/m_link_bg.jpg) no-repeat center top;}
.m_link a{color:#ffffff !important}
.m_link h2 a span{color:#92afd0 !important;}
.m_link ul{overflow:hidden; margin-bottom:27px;}
.m_link ul li{float:left; width:33.3333333%;}
.m_link ul li.q1{background:url(../images/main/ic_q1.png) no-repeat center top;}
.m_link ul li.q2{background:url(../images/main/ic_q2.png) no-repeat center top;}
.m_link ul li.q3{background:url(../images/main/ic_q3.png) no-repeat center top;}

.m_link ul li a{text-align:center;padding-top:70px; display:block; font-size: 11px;  letter-spacing: 0.3px;}
.m_link .btn_catalog{background:url(../images/main/btn_cat.png) no-repeat 20px center; display:block; padding:6px; text-align:center; font-size:12px; color:#ffffff; border-radius:30px; border:2px solid #ffffff}
.m_link .btn_catalog span{padding-left:20px;}


#DB_etc16_2{position:absolute;color:#555555;height:28px/*위치값과 맞추세요*/; bottom:35px; z-index:100}
#DB_etc16_2 img{cursor:pointer}
#DB_etc16_2 ul.DB_family{display:none;position:absolute;width:183px;left:0;bottom:28px/*위치*/;border:1px solid #c8c8c8; background:#ffffff;border-bottom:none;padding:2px 0;line-height:20px}
#DB_etc16_2 ul.DB_family a{text-decoration:none;font-size:11px;color:#787878;display:block;text-indent:10px;padding:1px 0; letter-spacing:-0.5px}
#DB_etc16_2 ul.DB_family a:hover{background:#9a060b; color:#ffffff}




/*서브*/
.subcon{overflow:hidden; position:relative; min-height:500px;}
.subcon h3{margin:80px 0px 30px; font-size:30px;color:#303030; letter-spacing:-2px;} /*color:#323232;*/
.subcon h3 span{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif;margin:0 0 0 20px; font-size:13px;  margin-right:20px; letter-spacing:0px; color:#505050; }
.subcon .con h5{margin-bottom:30px;}
.subcon{float:left; width:740px; position:relative; }

.conp {line-height:22px; letter-spacing:-0.5px;}

/* 서브 네비게이션 */
#sub_navigation{position:absolute; display:inline-block; padding:0; margin:0 auto; left:12px; top:100px;}
#sub_navigation ul{overflow:hidden; padding:0; margin:0 auto;}
#sub_navigation li{ display:block; float:left;  padding:0px 20px 0px 8px; background:url(../images/common/sub_navibg.png) no-repeat  center  right; font-size:12px; color:#f0f0f0}
#sub_navigation li:last-child{background:none; padding-right:0px;}

#sub_container{width:1000px; overflow:hidden; padding:0px 0px 60px; margin:0 auto; margin-top:-40px;}
/* 왼쪽메뉴 */
#sub_head {background:#4f0d0f url(../images/common/subhead.gif) no-repeat left top; min-height:160px; }
#sub_head h2{padding-left:20px; font-size:30px; text-transform:uppercase; color:#ffffff; padding-top:65px; letter-spacing:-0.5px; line-height:100%;}
#sub_head h2 span{display:inline-block; font-size:13px;color:#ffe505; letter-spacing:0px;}
#sub_side h3{border-bottom:1px solid #c8c8c8; padding-bottom:20px; font-size:18px; text-align:center; margin-top:20px; color:#9a060b}
#sub_side{float:left; overflow:hidden; margin:0 45px 0 0px; width:200px;}
.left_dep2 {min-height:70px; margin: 0 0 30px 0 ; padding:0; }
.left_dep2 li {padding: 0; display: block; overflow:hidden;  }
.left_dep2 li a { margin:0; padding:16px 20px ; color:#303030; font-weight:400; display: block;  border-bottom: 1px dashed #c8c8c8; }
.left_dep2 li a:hover{color:#808080; font-weight:500;background:url(../images/common/sub_menu_2.gif) no-repeat center right; }
.left_dep2 li a:link,
.left_dep2 li a:visited,
.left_dep2 li a:active { letter-spacing:0px;  }
.left_dep2 li a.select {color:#4f0d0f; font-weight:600;  background:url(../images/common/sub_menu.gif) no-repeat center right; }
.fss li a{font-size:12px !important; letter-spacing:-0.5px !important}

.DB_navi23 ,.DB_navi23 ul,.DB_navi23 li{margin:0;padding:0;list-style:none}
.DB_navi23 img{border:0}
.DB_navi23 a{text-decoration:none;text-indent:10px;display:block}

.DB_navi23 {position:relative;width:200px;}
.DB_navi23 li.DB_main {}
.DB_navi23 li.DB_main a{ margin:0; padding:16px 20px ; color:#303030; font-weight:400; display: block;  border-bottom: 1px dashed #c8c8c8;}
.DB_navi23 li.DB_main a:hover{color:#4f0d0f; font-weight:600;  background:url(../images/common/sub_menu.gif) no-repeat center right; }
.DB_navi23 li.DB_main a.DB_select{color:#4f0d0f; font-weight:600;  background:url(../images/common/sub_menu.gif) no-repeat center right; }

.DB_navi23 li.DB_main ul{display:none; background:#ececec}
.DB_navi23 li.DB_main ul li a{height:10px;line-height:10px;font-weight:normal;}
.DB_navi23 li.DB_main ul li a:hover{color:#de9c23; background:none}
.DB_navi23 li.DB_main ul li a.DB_select{color:#de9c23; background:none}



.menubanner{margin-bottom:20px;}


.subtop{width:100%; height:200px; max-width:2000px; margin: 0 auto; background-color:#e5e4c0; background:url(../images/common/sub_bg.jpg) no-repeat top center;}
/*.sub01{background:#e5e4c0 url("../images/sub01/.jpg") no-repeat center top;}
.sub02{background:#e5e4c0 url("../images/sub02/.jpg") no-repeat center top;}
.sub03{background:#e5e4c0 url("../images/sub03/.jpg") no-repeat center top;}
.sub04{background:#e5e4c0 url("../images/sub04/.jpg") no-repeat center top;}
.sub05{background:#e5e4c0 url("../images/sub05/.jpg") no-repeat center top;}
*/ 
.subtop .inner h2{position:absolute;text-align:left; font-size:32px; left:20px; top:55px; color:#505050; font-weight:500;}
.subtop .inner p{text-align:center;font-size:20px; color:#ffffff; margin:0 auto; padding:60px 0;}
.subtop .inner .path{position:absolute; right:20px; padding-left:23px;top:70px;color:#505050; background:url("../images/common/ic_home.png") no-repeat left center; font-size:12px;}
.subtop .inner .path span{font-size:13px; color:#505050}
.inner .btn_cat{position:absolute; right:20px;top:4px;}

.subcon h4{font-size:22px; margin:0 0 30px 0; letter-spacing:-2px;}
.subcon h4.tit_h4{font-size:30px; color:#9a060b;}

#DB_navi39 a{text-decoration:none;display:block}
#DB_navi39 img{border:0;vertical-align:top}

#DB_navi39{position:relative;width:100%;height:40px;background:#fafafa;border:1px solid #cccccc;border-width:1px 0 1px 1px}
#DB_navi39 ul{}
#DB_navi39 ul li{border-right:1px solid #cccccc;text-indent:15px;line-height:40px;}
#DB_navi39 ul li.m1{width:215px}

#DB_navi39 ul li.DB_main{position:relative; font-size:15px; background:url("../images/common/menu_bg.gif") no-repeat right center;}
#DB_navi39 ul li.DB_main a{font-size:14px;color:#666666;line-height:40px;;background:url('images/arrow.gif') no-repeat right 10px}/*메뉴간격*/
#DB_navi39 ul li.DB_main a:hover{color:#333333;background-position:right -27px}
#DB_navi39 ul li.DB_main.DB_select a{color:#333333;background-position:right -27px}

#DB_navi39 ul li.m0 a{background:url('images/home.gif') no-repeat 13px 11px;text-indent:-9999px}
#DB_navi39 ul li.m0.DB_select a{background-position: 13px -24px;}


#DB_navi39 .DB_main .DB_sub{position:absolute;left:0;top:40px;width:100%;display:none;background:#ffffff;border:1px solid #cccccc;border-width:1px 1px 0;margin-left:-1px}
#DB_navi39 .DB_main .DB_sub li{border:none;border-bottom:1px solid #cccccc}
#DB_navi39 .DB_main .DB_sub li a{color:#666666;line-height:40px;background:#ffffff}
#DB_navi39 .DB_main .DB_sub li a:hover{color:#ffffff;background:#666666}
#DB_navi39 .DB_main .DB_sub li.DB_select a{color:#ffffff;background:#666666}

/*공통*/
.bt3{border-top:3px solid #5c5c5c}
.line_dl{overflow:hidden; border-bottom:1px solid #5c5c5c; color:#505050}
.line_dl dt{float:left; width:35%; padding:30px 20px; box-sizing:border-box; clear:both; font-size:18px; font-weight:600; }
.line_dl dd{float:left; width:65%; padding:30px 20px; box-sizing:border-box; }
.fsb{color:#787878; font-size:24px;}
/*인사말*/
.company{background:url(../images/sub01/company_bg.jpg) no-repeat left top; border-bottom:1px dashed #9a060b}


.cer_box{background:url(../images/sub01/cerbox_bg.jpg) no-repeat left top; border-bottom:1px dashed #9a060b; min-height:220px;}
.txt_ready{color:#c8c8c8; text-align:center; font-size:32px; margin:50px 0px;}

/*설립취지 및 목적*/
.pur .bg_txt{background:url(../images/sub01/bg_txt.gif) no-repeat center center; padding:40px; font-size:19px; color:#303030; background-color:none; }
.pur p{width:100%;background-color:#f0f0f0; padding:20px; border-radius:40px;  max-width:500px; margin: 0px auto 20px; }
.pur p img{padding:10px;}
.logo_box img{border:0px !important; left:70px !important; top:30px !important;}
/*활동*/
.act dt{width:25%; text-align:center;  padding-top:60px; margin-top:20px; color:#303030}
.act dt.ic_per01{background:url(../images/sub01/ic_per01.gif) no-repeat center top;}
.act dt.ic_per02{background:url(../images/sub01/ic_per02.gif) no-repeat center top; margin-top:40px;}
.act dt.ic_per03{background:url(../images/sub01/ic_per03.gif) no-repeat center top;}
.act dt.ic_per04{background:url(../images/sub01/ic_per04.gif) no-repeat center top;}
.act dd{width:75%;}
.major_per {position:relative; overflow:hidden;}
.major_per .half{min-height:160px; margin-bottom:30px;}
.major_per img{position:absolute; left:0px; top:0px; border:1px solid #c8c8c8}
.major_per h4{margin-left:185px; text-indent:65px; background:url(../images/sub01/blue_line.gif) no-repeat left 10px;  font-size:16px; margin-bottom:10px;}
.major_per h4 span{font-size:18px; display:block; margin-top:20px; text-indent:0;}
.major_per ul{margin-left:175px;}
.per_box {min-height:100px !important;}
.per_box h4{margin-left:0px; background:url(../images/sub01/green_line.gif) no-repeat left 10px;}

/*연혁*/
.history{padding:10px 0px; overflow:hidden;}
.history img{float:left;}
.history dl{float:left;}
.history dt{font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; width:130px; font-size:30px; line-height:24px; margin-top:-3px;font-weight:500; float:left; margin-right:20px; text-indent:20px; clear:both; color:#1e1e1e} /*margin-top:-3px;*/
.history dd{width:550px; float:right; padding-left:25px; margin-bottom:18px; background:url("../images/common/ic_circle_red.png") no-repeat 5px 5px; }/*text-indent:25px;  width:660px*/
.history dd.last{border-bottom:1px dashed #c8c8c8; padding-bottom:20px;} /*padding-bottom:30px;*/
.last2 {margin-bottom:-30px; display:block; width:275px; padding-left:65px !important;}
.history dd.bgn{background:none;}
.history dd span{display:block;  min-height:10px; width:85%; float:left;font-weight:500; margin-right:5px;} /*margin-right:30px;*/
.history dd span.month{width:12%;}

/*정관*/
.pdbox{padding:20px; background:#f5f5f5}



/*오시는길*/
.com_info{padding:30px 30px; background:#f5f5f5; border:1px solid #c8c8c8; border-width:1px 1px 0px; overflow:hidden; }
.com_info span b{margin-right:3px; margin-left:12px; color:#9a060b}
.com_info span b:first-child{margin-left:0px;}


/*사업부소개*/



/*제품소개*/
#tabsholder{position:relative;}
#tabsholder ul.tabs {width:100%;overflow:hidden;border-bottom:2px solid #9a060b; margin-bottom:30px;}
#tabsholder ul.tabs li {list-style-type:none;display:block;float:left;color:#505050;margin-right:2px;border:1px solid #c8c8c8;border-bottom:2px solid #f0f0f0;background-color:#f0f0f0;cursor:pointer; font-size:14px;}
#tabsholder ul.tabs li a{color:#505050; padding:6px 35px; display:block;}
#tabsholder ul.shorttabs li a{color:#505050; padding:8px 10px !important; display:block;}

#tabsholder ul.tabs li:hover {background-color:#505050; color:#ffffff; border-color:#505050; font-weight:500;}
#tabsholder ul.tabs li:hover a{color:#ffffff;}
#tabsholder ul.tabs li.current {border:1px solid #9a060b;border-bottom:2px solid #9a060b;background-color:#9a060b; color:#ffffff; font-weight:500;}
#tabsholder ul.tabs li.current a{color:#ffffff}
#tabsholder .tabscontent {padding:20px 0 0 0;display:none;width:100%;text-align:justify;}

#DB_gallery1 ul, #DB_gallery1 li{list-style:none;margin:0;padding:0}
#DB_gallery1 img{border:none;vertical-align:top;}

#DB_gallery1{position:relative;width:730px; margin-bottom:30px;}
#DB_gallery1 .DB_imgSet {position:relative;width:100%;height:450px/*이미지사이즈*/;overflow:hidden;}
#DB_gallery1 .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery1 .DB_imgSet .DB_page{/*position:absolute;right:20px;top:10px;font:11px tahoma;padding:6px; background-color:#505050; color:#ffffff;*/ display:none; }
#DB_gallery1 .DB_imgSet .DB_page .DB_current{color:#ffffff; font-weight:500;}
#DB_gallery1 .DB_imgSet .DB_page .DB_total{color:#ffffff}
#DB_gallery1 .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery1 .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}
#DB_gallery1 .DB_imgSet .DB_info_wrap{position:absolute;left:0;bottom:0;width:690px;font-size:14px; font-weight:500; color:#ffffff;background:url('../images/common/info_bg.png') no-repeat right center;padding:7px 20px}



#DB_gallery1 .DB_thumSet {position:relative;margin-top:10px;width:100%;height:66px/*썸네일사이즈*/;overflow:hidden}
#DB_gallery1 .DB_thumSet .DB_thumMove{position:relative;}
#DB_gallery1 .DB_thumSet .DB_thumMove li{position:absolute;left:0;top:0}
#DB_gallery1 .DB_thumSet .DB_thumMove li img{width:110px; height:66px;}
#DB_gallery1 .DB_thumSet .DB_thumMove li .DB_info{display:none}
#DB_gallery1 .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery1 .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery1 .DB_thumSet .DB_thumLine{position:absolute;width:110px;height:66px;border:5px solid #9a060b;left:0;top:0; box-sizing:border-box;}

h4.pro_tit{font-size:36px; font-weight:500;}



.business_li01{overflow:hidden; clear:both;}
.business_li01 li{width:135px; height:135px;float:left; margin-right:20px; text-indent:-999999px;}
.business_li01 li.m1 a{background:url("../images/sub02/bu01_li01.gif") no-repeat 0px 0px;}
.business_li01 li.m1 a:hover{background-position:0px -135px;}
.business_li01 li.m2 a{background:url("../images/sub02/bu01_li02.gif") no-repeat 0px 0px;}
.business_li01 li.m2 a:hover{background-position:0px -135px;}
.business_li01 li.m3 a{background:url("../images/sub02/bu01_li03.gif") no-repeat 0px 0px;}
.business_li01 li.m3 a:hover{background-position:0px -135px;}
.business_li01 li.m4 a{background:url("../images/sub02/bu01_li04.gif") no-repeat 0px 0px;}
.business_li01 li.m4 a:hover{background-position:0px -135px;}
.business_li01 li a{display:block; width:135px; height:135px;}
.business_li01 li:last-child{margin-right:0px;}

.business_li02{overflow:hidden; clear:both;}
.business_li02 li{width:135px; height:135px;float:left; margin-right:20px; text-indent:-999999px;}
.business_li02 li.m1 a{background:url("../images/sub02/bu02_li01.gif") no-repeat 0px 0px;}
.business_li02 li.m1 a:hover{background-position:0px -135px;}
.business_li02 li.m2 a{background:url("../images/sub02/bu02_li02.gif") no-repeat 0px 0px;}
.business_li02 li.m2 a:hover{background-position:0px -135px;}
.business_li02 li.m3 a{background:url("../images/sub02/bu02_li03.gif") no-repeat 0px 0px;}
.business_li02 li.m3 a:hover{background-position:0px -135px;}
.business_li02 li.m4 a{background:url("../images/sub02/bu02_li04.gif") no-repeat 0px 0px;}
.business_li02 li.m4 a:hover{background-position:0px -135px;}
.business_li02 li a{display:block; width:135px; height:135px;}
.business_li02 li:last-child{margin-right:0px;}

.product_li{overflow:hidden; border-bottom:4px solid #9a060b; border-left:1px solid #c8c8c8; margin-bottom:50px;}
.product_li li{float:left;}
.product_li li a{padding:10px 25px; display:block; background-color:#f5f5f5; border:1px solid #c8c8c8; border-width: 1px 1px 0px 0px;}
.product_li li a:hover{background-color:#505050; border-color:#505050; color:#f5f5f5}
.product_li li.current a{background-color:#9a060b; font-weight:500; color:#ffffff;}

.product_info{margin-bottom:30px;}
.product_info h4{padding-left:50px; margin-bottom:20px !important;}
.product_info h5{padding-left:50px; margin-bottom:10px !important; font-size:20px; font-weight:500; color:#9a060b}
.product_info ul{padding-left:50px;}
.product_info table{margin-left:50px; width:400px !important; border-top:2px solid #505050;border-left:0px;}
.product_info table td{border-right:0px;}


/* 인증서 */
#cer pre{ display:block; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:700px;}
#cer ul,li{ margin:0; padding:0; }
#cer li{ list-style:none; float:left; display:inline; margin:0 10px 10px 0}
#cer li a{ margin:0; padding:0;} 
#cer li img{width:230px;  border:1px solid #CCC;}
#cer li span{display:block; text-align:center; font-weight:500; padding:20px 0;}
#preview{position:absolute;	border:1px solid #ccc; background:#333;	padding:5px; display:none; color:#fff; z-index:99}

/* 제품 사진 */
/*백그라운드*/
#dd_lightBox_overlay{position:fixed;left:0;top:0;background:#000000;opacity:0.8;width:100%;height:100%;display:none;z-index:9998}

#dd_lightBox{
	position:fixed;
	left:0;
	top:0;
	display:none;
	background:url('img/lightbox-ico-loading.gif') no-repeat center center #ffffff; /*로딩*/
	width:200px; /*기본사이즈, 이후 이미지원본사이즈로 조정*/
	height:200px;
	padding:10px 10px 50px 10px; /*여백패딩*/
	margin-left:-5px; /*패딩값의 절반*/
	margin-top:-25px; /*패딩값의 절반*/
	overflow:hidden;
	z-index:9999
}
#dd_lightBox #dd_img_wrap{background:#ff0000;padding:12px;overflow:hidden}
#dd_lightBox #dd_iframe{width:640px;height:360px}/*유투브기본사이즈  개별사이즈는 data-size="가로x세로" */

#dd_lightBox #dd_title{position:absolute;left:10px;bottom:25px;font:11px dotum;color:#777777}
#dd_lightBox #dd_page{position:absolute;left:10px;bottom:10px;font:bold 11px verdana, helvetica;color:#888888}

#dd_lightBox #dd_next{position:absolute;right:0px;top:50%;margin-top:-20px;background:url('../images/sub02/lightbox-btn-next.gif') no-repeat;width:70px;height:70px;cursor:pointer}
#dd_lightBox #dd_prev{position:absolute;left:0px;top:50%;margin-top:-20px;background:url('../images/sub02/lightbox-btn-prev.gif') no-repeat;width:63px;height:32px;cursor:pointer;z-index:10}
#dd_lightBox #dd_close{position:absolute;right:10px;bottom:10px;background:url('../images/sub02/lightbox-btn-close.gif') no-repeat;width:66px;height:22px;cursor:pointer}

.d_lightBox{overflow:hidden}
.d_lightBox span{position:absolute; right:20px; top:70px;}

.d_lightBox li{;float:left}
.d_lightBox li img{width:250px;height:180px; margin:0 5px 10px 0;}


/*주요구성원 및 활동*/
.active{width:100%; border-top:3px solid #f8b52b;  border-left:1px solid #c8c8c8;position:relative;}
.active tr{margin-bottom:20px;}
.active th{font-weight:500;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; padding:20px; font-size:20px; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; background:#505050;font-weight:500; white-space:nowrap !important; text-align:center; vertical-align: middle;color:#ffffff; }
.active .tal{text-align:left !important;background-color:#f7f7e6;}
.active td{padding:20px; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8;  vertical-align:middle}
.active .tc{text-align:center;}

.active_box{overflow:hidden; position:relative;border:1px dotted #c8c8c8; border-top:4px solid #f3b725; margin-bottom:20px; background:#f0f0f0}
.active_box h4{padding:40px 0px ; text-align:center; height:100%; color:#ffffff; float:left; width:100%;}
.active_box .left{position:absolute;float:left; width:200px;}
.active_box  ul{border-left:200px solid #505050; float:left; width:460px; padding:20px;}

/*정관*/
.policy .roman_num{padding:10px; margin-top:10px; background:#f5f5f5; font-size:13px;}
.policy p{font-weight:500;font-family:'Noto Sans Korean','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum;}
.policy h4{text-align:center;}

.roman_num{margin-bottom:10px;}
.roman_num li{list-style:lower-roman !important; list-style-position:inside !important; margin-bottom:3px; padding-left:10px;}
.list_num{margin-bottom:30px;}
.list_num li{list-style:decimal; list-style-position:inside; margin-bottom:3px;}


/* 로그인 */
.login{overflow:hidden; background:url(../images/sub05/login_bg.jpg) no-repeat top center; padding:220px 0 80px 400px; position:relative; min-height:140px;}
.log_box{width:290px; height:40px; border:1px solid #CCC; display:block; margin:0 0 10px 0; padding:0 0 0 10px;}
.btn_login{width:302px;}
.login_btn{overflow:hidden;}
.login_btn li{float:left; display:inline; margin:0 10px 0 0;}
.login_btn li:last-child{margin-right:0px;}
.login_btn li a{display:block; background:#9a060b; color:#fff; padding:5px 32px;}
.login_btn li:last-child a{background:#666 !important;}

/*회원가입*/
.cer_txt h4{font-size:18px;color:#303030}
.cer_txt h5{font-size:16px; color:#303030; margin-bottom:10px;}
.cer_txt{width:100%; height:300px; border:1px solid #c8c8c8; box-sizing:border-box; padding:20px; font-size:13px; font-weight:400; color:#505050; margin-bottom:20px; overflow-y:scroll}
.tar{text-align:right;}
/*회원정보수정*/
.comfirm_box{padding:0px 30px; box-sizing:border-box; text-align:center; }
.comfirm_box dl{overflow:hidden; margin-bottom:20px;}
.comfirm_box dt{clear:both; float:left;  width:30%; font-weight:bold; margin-bottom:20px;}
.comfirm_box dd{float:right;  width:70%;margin-bottom:10px; text-align:left;}
.comfirm_box dd input{border:1px solid #c8c8c8; padding:10px; min-width:150px; border-radius:3px; text-align:left;}


/*  제품 */ 
.product_view{line-height:0 !important;}