@charset "UTF-8"; /* 공통 */ .mb30{margin:0 0 30px 0;} .right{float:right;} .bold{font-weight:bold;font-family:'Noto Sans Korean', 'noto-b','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:#811418 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 #e82626; border-left:1px solid #c8c8c8;position:relative;} .comm_table th{font-weight:bold;font-family:'noto-b','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; padding:8px 20px; border-bottom:1px solid #c8c8c8; border-right:1px solid #c8c8c8; background:#f0f0f0;font-weight:bold; white-space:nowrap !important; text-align:center; vertical-align: middle;color:#363636; } .comm_table .tal{text-align:left !important;background-color:#f7f7e6;} .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:bold;} .btn_go{display:inline-block; padding:3px 10px; color:#ffffff !important; background:#2b366b; font-size:11px !important; border-radius:4px; margin-left:10px;} .comm_box{text-align: center; font-size:18px; font-weight:bold; border: 3px solid #ccc; padding:30px} .half{width:355px; position:relative; float:left; min-height:20px; box-sizing:border-box;} .mr20{margin-right:20px;} .tac{text-align:center;} .borderB{border:1px solid #e9e9e9; box-sizing:border-box;} .paddigB20{padding:20px; background:#f0f0f0} .redp{color:#811418; font-family:'noto-b','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; font-weight:bold;} .bluep{color:#2b366b; font-family:'noto-b','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; font-weight:bold;} #wrap{width:100%;max-width:2000px; margin: 0 auto;} #wrap_none{width:100%;max-width:2000px; margin: 0 auto;} /*#wrap_none .header{background:rgba(0,0,0,0.3) url("../images/common/header_bg.png") no-repeat bottom center;)}*/ #wrap_none .header{background:#ffffff;)} #footer{width:100%; max-width:2000px; margin: 0 auto; background:#343434;position:relative;z-index:2; padding:0 20px;} #foot_inner{width:1000px; overflow:hidden; padding:20px 0; margin:0 auto;} .foot_menu{float:left; width:700px;} .foot_menu dl{float:left; width:150px;} .foot_menu dl dt{font-weight:bold; color:#696; margin:0 0 20px 0;} .foot_menu dl dd ul li{padding:5px 0;} .foot_menu dl dd ul li a{display:block; color:#d8d8d8;} .foot_menu dl dd ul li a:hover{font-weight:bold; color:#696;} address{color:#d8d8d8; font-size:12px; padding: 0px; margin-bottom:10px;} address span{color:#0278a4; font-weight:bold;} #footer .foot_list ul { height: 30px;} #footer .foot_list ul li {float:left; margin:0 20px; } #footer .foot_list ul li a {color:#fff;} #footer .foot_list ul li a:hover {color:#e40009;} #footer .foot_list ul li:first-child {margin-left:0;} #footer .foot_list ul .on a {color:#e40009;} #footer .address {clear:both; padding-bottom:5px; border-bottom:1px solid #fff; margin-bottom:15px;} .privacy_box h4 { text-align: left; margin: 20px 0 10px 0 !important; background: url(../images/common/h5_bg.jpg) no-repeat -1% 0; padding-top: 5px;} #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*/ background:url(../images/common/foot_bg.png) no-repeat right 20px;} .foot p{color:#c8c8c8; font-size:12px; margin-left:0px;} .foot p span{color:#e40009; font-size:inherit; font-weight:600;} .header{width:100%; max-width:2000px; margin: 0 auto; position:relative; height:100px; background:#ffffff;z-index:1000;} .gnb{width:100%; max-width:2000px; margin: 0 auto; height:34px;background:#e6e6e6; } .gnb ul {position:absolute;overflow:hidden; right:0px; top:0px; background:url("../images/common/gnb_bg.png") no-repeat center left; padding-left:130px;} .gnb ul li{float:left;} .gnb ul li a{display:block; padding:9px 15px 9px 17px; color:#ffffff; background:#2b366b;} .gnb ul li:first-child a{background:#505050;}T #DB_navi24 *{margin:0;padding:0;list-style:none} #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:0px;top:23px;} #DB_navi24 .DB_wrap .DB_main{position:absolute;right:20px;top:35px;} #DB_navi24 .DB_wrap .DB_main li{float:left;width:auto; padding:0px 23px;display:block; text-align:center; height:62px;} #DB_navi24 .DB_wrap .DB_main li.long{width:210px;} #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:600; font-size:18px; font-family: 'notokr-b';} #wrap_none #DB_navi24 .DB_wrap .DB_main li a{color:#505050;} /*#DB_navi24 .DB_wrap .DB_main li.DB_select{border-bottom:3px solid #2b366b}*/ #DB_navi24 .DB_wrap .DB_main li.DB_select a{font-weight:600;} #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:-162px/*위로 메뉴숨기기*/;border-bottom:1px solid #2b366b; border-top:1px solid #f0f0f0; background:#fbfbfb 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:110px; /*width:기존값 125*/border-left:1px solid #e6e6e6;} #DB_navi24 .DB_mask .DB_move .DB_subSet ul.long{width:120px;} #DB_navi24 .DB_mask .DB_move .DB_subSet ul.long li {letter-spacing:-1px;} #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:230px; /*margin-left:기존값 320*/}/*비표준=> 첫번째 li에 클래스로 적용*/ #DB_navi24 .DB_mask .DB_move .DB_subSet ul li.m_tit{font-weight:bold; color:#1e1e1e;font-family: 'notokr-b'; letter-spacing:-1px;} #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:2px;color:#505050; font-size:13px;letter-spacing:-0.2px} #DB_navi24 .DB_mask .DB_move .DB_subSet ul li a:hover{color:#ffffff !important;font-weight:bold; background-color:#2b366b} #DB_navi24 .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#505050;font-weight:bold;} #DB_navi24 .DB_mask .DB_move .DB_close{position:absolute;top:130px;right:10px;cursor:pointer;} #DB_navi24 .DB_wrap .DB_main {position: relative; margin-left:230px; right:0; } .header_lang {position:absolute; top: 30px; right:0} .header_lang li {float:left; width:30px; height:30px; border:1px solid #d1d1d1; font-size: 14px; font-weight:600; text-align: center; line-height: 30px; color:#b1b1b1;} .header_lang .lang_on {color:#fff; background-color:#e40009; border:1px solid #e40009;} .header_lang li:hover {color:#fff; background-color:#e40009; border:1px solid #e40009;} .visual{width:100%; max-width:2000px; min-width:1000px; height:647px;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:750px;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:60px;top:230px} .DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:60px;top:290px} .DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:60px;top:380px} .DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:80px;top:230px} .DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:80px;top:290px} .DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:80px;top:380px} .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:430px;text-align:center;font-size:0; text-align:left; margin-left:90px;} .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} #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:250px; margin-right:20px; 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;right:20px; top:25px;text-align:center;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} .main_contents{position:relative; margin-top:-200px; min-height:680px; z-index:10; background:url(../images/main/main_c_bg.jpg) no-repeat center bottom; padding-top:65px;} .main_contents .inner{margin-bottom:0px; overflow:hidden;} .main_contents .box4{width:235px; height:190px; margin-right:20px; float:left;} .main_contents .h320{height:320px !important; position:relative;} .main_contents .banner{width:490px; height:320px; margin-right:20px; float:left;} .mr0{margin-right:0px !important;} .mainbox{width:235px;height:250px; position:relative; padding:25px;box-sizing:border-box;float:left;} .mainbox h2{margin-bottom:15px;} .mainbox h2 a{ font-size:16px;} .mainbox a{color:#ffffff} .mainbox2 a {#333333;} .m_company{width:333px; height:292px; margin-right:0px; background:url(../images/main/companyinfo.jpg) no-repeat center top; } .m_company h3{font-size:28px; margin-bottom:30px;} .m_company img {position: absolute; right: 12px; bottom: 12px;} .m_company a p {font-size:14px;} .m_product{background:url(../images/main/products_bg.jpg) no-repeat center top; } .m_product ul li{margin-bottom:5px;} .m_product ul li a{background:#5d1c1e; display:block; padding:5px 5px; letter-spacing: -0.5px;} .m_product ul li a:hover{background:#303030} .m_relavant{background:url(../images/main/rela_bg.gif) no-repeat center top; margin-right: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-top: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:#2b366b; color:#ffffff} .m_notice{width: 666px; height: 291px; border:1px solid #d9d9d9; margin-right:0px; background: url(../images/main/m_notice_bg.jpg) no-repeat right bottom;} .m_notice a {color: #333333;} .m_notice .notice_t { font-size: 28px; margin-bottom: 30px;} .m_notice .notice_c { font-size: 15px;} .m_notice .notice_d { position: absolute; bottom: 20px; font-weight:bold;} .m_notice img { position: absolute; right: 12px; bottom: 12px;} /* .m_notice h2{border-bottom:4px solid #1e1e1e; display:inline-block; padding-bottom:10px; } .m_notice dl{margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #c8c8c8} .m_notice dl dt{font-size:16px; margin-bottom:10px;} .m_notice a{color:#1e1e1e !important;} */ .m_catalog{background:url(../images/main/catalog_bg.gif) no-repeat center top; margin-right:20px } .m_catalog h2{border-bottom:4px solid #ffffff; display:inline-block; padding-bottom:10px; } .m_inquiry{background:url(../images/main/inquiry_bg.jpg) no-repeat center top; } .m_inquiry h2{border-bottom:4px solid #ffffff; display:inline-block; padding-bottom:10px; } .m_catalogue {background-image:none; background-color:#e40009;} .m_catalogue_bt {width:110px; height:28px; border:1px solid #fff; margin-top:10px; text-align:center;} .m_catalogue_bt a {line-height:28px;} .m_catalogue_bt:hover {background-color:#fff;} .m_catalogue_bt a:hover {color:#e40009; font-weight:bold;} #DB_tab30 {width:665px;height:290px;position:relative;overflow:hidden; border:1px solid #d9d9d9; background:#fff} #DB_tab30 .DB_mask {width:100%; height:100%; padding:0;} #DB_tab30 .DB_mask .DB_img li{position:absolute; width:665px;height:290px;} #DB_tab30 .DB_info{position:absolute;bottom:0;width:100%;height:60px;background:url('img/black50.png')} #DB_tab30 .DB_info li{font:12px '돋움';line-height:20px;color:#ffffff;padding:10px;display:none} #DB_tab30 .DB_menu{position:absolute;width:100%;bottom:15px;text-align:center;font-size:0} #DB_tab30 .DB_menu li{display:inline;margin:0 3px;cursor:pointer} #DB_tab30 .DB_prev{position:absolute; bottom:10px;right:42px; cursor:pointer; } #DB_tab30 .DB_next{position:absolute; bottom:10px; right:10px;cursor:pointer; } #DB_tab30 span img {vertical-align:bottom;} #DB_tab30 .DB_mask .DB_img li {padding:25px;} #DB_tab30 .DB_mask .DB_img li h2 { font-size: 16px; color:#333333; margin-bottom: 15px;} #DB_tab30 .DB_mask .DB_img li h3 { font-size: 28px; margin-bottom: 30px;} #DB_tab30 .DB_mask .DB_img a p {font-size:14px; font-weight:600;} #DB_tab30 .DB_mask .DB_img .m_pd_01 {background:url(../images/main/m_pd_01.jpg) no-repeat;} #DB_tab30 .DB_mask .DB_img .m_pd_02 {background:url(../images/main/m_pd_02.jpg) no-repeat;} #DB_tab30 .DB_mask .DB_img .m_pd_03 {background:url(../images/main/m_pd_03.jpg) no-repeat;} #DB_tab30 .DB_mask .DB_img .m_pd_04 {background:url(../images/main/m_pd_04.jpg) no-repeat;} /*서브*/ .subcon{overflow:hidden; position:relative; min-height:500px;} .subcon p{line-height:22px;} .subcon > h3{margin:30px 0px; font-size:30px;color:#303030; padding-top:10px; background:url(../images/common/bg_tit_label.png) no-repeat left top;} /*color:#323232;*/ .subcon h3 span{font-family:'notokr-dl','Malgun Gothic', '맑은 고딕', dotum, '돋움', gulim, '굴림', tahoma, sans-serif;margin:0 0 0 20px; font-size:13px; letter-spacing:0px; color:#505050; } .subcon .con h5{margin-bottom:30px;} .subcon h4{font-size:18px; margin-bottom:30px;color:#303030; } /*color:#323232;*/ .subcon{float:left; width:730px; position:relative;} /* 서브 네비게이션 */ #sub_navigation{width:100%; height:50px; padding:0; margin:0 auto; border-bottom:1px solid #d4d8e1;} #sub_navigation ul{overflow:hidden; padding:0; margin:0 auto;} #sub_navigation li{ display:block; float:left; margin: 0 10px 0 0; padding:15px 50px 17px 20px; background:url(../images/common/sub_navibg.jpg) no-repeat 100% 0; } #sub_container{width:1000px; overflow:hidden; padding:0px 0px 100px; margin:0 auto;} /* 왼쪽메뉴 */ #sub_head {background:url(../images/common/subhead_bg.jpg) no-repeat center top; min-height:150px; } #sub_head h2{text-align:center; font-size:27px; text-transform:uppercase; color:#ffffff; padding-top:55px; letter-spacing:-0.5px; line-height:100%;} #sub_head h2 span{display:inline-block; font-size:13px;color:#ffffff; letter-spacing:10px;} #sub_side h3{border-bottom:1px solid #c8c8c8; padding-bottom:20px; font-size:18px; text-align:center; margin-top:20px; color:#2b366b} #sub_side{float:left; overflow:hidden; margin:30px 30px 0 0px; width:220px;} .left_dep2 {min-height:70px; margin: 0 0 30px 0 ; padding:0; } .left_dep2 li {border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; padding: 0; display: block; overflow:hidden; } .left_dep2 li a { margin:0; padding:16px 20px ; color:#444444; font-weight:600; display: block; border-bottom: 1px solid #c8c8c8; } .left_dep2 li a:hover{color:#811418; font-weight:bold;background:url(../images/common/sub_menu_2.jpg) no-repeat center right; } .left_dep2 li a:link, .left_dep2 li a:visited, .left_dep2 li a:active {padding:; letter-spacing:0px; } .left_dep2 li a.select {color:#e40009; font-weight:600; background:url(../images/common/sub_menu_2.jpg) no-repeat center right; /*background:url(../images/common/sub_menu.jpg) no-repeat center right;*/ border:0px;} .fss li a{font-size:12px !important; letter-spacing:-0.5px !important} .subtop{width:100%; height:200px; max-width:2000px; margin: 0 auto; background-color:#e5e4c0; background:url(../images/common/sub_bg4.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:600;} .subtop .inner p{text-align:center;font-size:24px; color:#ffffff; margin:0 auto; padding:70px 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{margin:0 0 30px 0;} #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} /*회사개요*/ .sub_int .int_t { font-size: 26px; color: #323232; margin-bottom:10px; letter-spacing: -2px; padding-bottom: 10px; line-height: 45px; font-weight:600;} .sub_int .int_t span { color: #a70000; } /*연혁*/ .history{padding:10px 0px; overflow:hidden;} .history img{float:left;} .history dl{float:left;} .history dt{font-family:'noto-b','Malgun Gothic', '맑은 고딕',sans-serif,'돋움',dotum; width:130px; font-size:30px; line-height:24px; margin-top:-3px;font-weight:bold; 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:bold; margin-right:5px;} /*margin-right:30px;*/ .history dd span.month{width:12%;} .history2 { position: relative; padding-bottom: 50px; background: url("../images/sub01/bg-history-line.gif") repeat-y 293px 0; top:30px;} .history2 > div { position: relative; margin-bottom: 115px; } .history2 .history_2010 { background: url("../images/sub01/history01.jpg") no-repeat 10px 80px;} .history2 h2 { position: absolute; top: -22px; left: 0; width: 270px; padding-right: 30px; text-align: right; background: url("../images/sub01/history02.jpg") no-repeat 100% 50%;} .history2 dl { position: relative; margin: 28px 0 0 320px; padding-left: 90px;} .history2 dl dt { position: absolute; left: 0; font-style: italic; font-weight: bold; font-size: 24px; color: #a30034; } .history2 dl dd { position: relative; line-height: 24px; font-size: 15px; color: #444; padding-left: 0px; } .history2 .history_2000 { background: none;} /*오시는길*/ .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:#2b366b} .com_info span b:first-child{margin-left:0px;} /*협력회사*/ .rel_wrap div{padding:40px 30px; background:url(../images/common/sub_h3_bg.gif) no-repeat left bottom;} .rel_wrap div h4{font-size:17px; margin-bottom:10px; color:#2b366b} .rel_wrap div img{padding-bottom:10px;} .rel_wrap div p{margin-bottom:10px;} .rel_wrap div a{color:#811418} .rel_wrap div a b{letter-spacing:0px;} /*사업부소개*/ /*제품소개*/ #tabsholder{position:relative;} #tabsholder ul.tabs {width:100%;overflow:hidden;border-bottom:2px solid #2b366b; 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 5px !important; display:block;} #tabsholder ul.tabs li:hover {background-color:#505050; color:#ffffff; border-color:#505050; font-weight:600;} #tabsholder ul.tabs li:hover a{color:#ffffff;} #tabsholder ul.tabs li.current {border:1px solid #2b366b;border-bottom:2px solid #2b366b;background-color:#2b366b; color:#ffffff; font-weight:600;} #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:600;} #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:bold; 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 #811418;left:0;top:0; box-sizing:border-box;} h4.pro_tit{font-size:36px; font-weight:bold;} .bnt_ret{position:absolute; right:0px; top:50px;} .bnt_ret a{font-weight:bold; font-size:16px; display:inline-block; padding:10px 20px; border-left:4px solid #811418; background:#f5f5f5; color:#811418;} .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 #2b366b; 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:#2b366b; font-weight:600; 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:600; color:#2b366b} .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:bold; 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} #certify { background: url(../images/sub01/cer_bg2.jpg) no-repeat right bottom; padding-bottom:50px;} .d_lightBox{overflow:hidden; } .d_lightBox span{position:absolute; right:20px; top:70px;} .d_lightBox li{;float:left} .d_lightBox li img{width:230px; height:325px; margin:0 5px 10px 0;} #certify ul { margin: 0; padding: 0; text-align: center; } #certify li { list-style: none; display: inline-block; margin: 15px; } #certify li a { margin: 0; padding: 0; } #certify li img { width: 230px; padding: 15px; background: url(../images/sub01/cerli_bg.gif) no-repeat center center; border: 1px solid #c8c8c8; } #fac_list{padding:50px 0} #fac_list ul{display:flex; flex-wrap: wrap; gap:20px} #fac_list li{width: calc(50% - 20px); text-align: center; font-weight: bold;} #fac_list img{width:calc(100% - 20px); height:auto; background:none; border: 10px solid #ccc;} /* 제품소개*/ .v_line { border: 0px; background: url(../images/common/hr_bg.gif) no-repeat left top; min-height: 6px; display:block;} .ofh { overflow: hidden; position: relative; } .quarter { width: 25%; position: relative; float: left; min-height: 20px; box-sizing: border-box; } .redp { color: #a70000; font-weight: 600; font-size: 20px; } .quarter3 { width: 75%; box-sizing: border-box; position: relative; float: left; } .subcon p { line-height: 22px; } .quarter3 ul li {float:left; margin-left:10px; text-align:center;} .quarter3 ul li p {font-weight:600; line-height:30px;} /*사이트맵*/ .sitemap { max-width: 100%; overflow: hidden; padding: 20px 0;} .sitemap dt { float: left; width: 20%; border-top: 3px solid #e40009; font-weight: bold; overflow: hidden; font-size: 20px; padding: 20px 0;} .sitemap dd { float: left; width: 80%; border-top: 1px dashed #CCC; font-size:15px; font-weight:600;} .sitemap dd ul { padding: 20px 0 0 0;} .sitemap dd ul li { background: url(../images/common/list_bg.jpg) no-repeat 0 10px; padding: 3px 0 3px 20px;} .sitemap dd ul li a:hover {color:#e40009;}