@import url("common.css"); #wrap{width:100%;} #header{width:100%; position:relative; z-index:99;} #visual{width:100%; background:url("../images/common/slide_bg.gif") center 0 no-repeat; border-top:3px solid #091739; border-bottom:57px solid #091739; } #sub_visual{width:100%; height:196px; background:url("../images/common/sub_top_bg.gif") center 0 no-repeat; } #visual .visual_wrap{width:1100px; margin:0 auto ; position:relative; } #sub_visual .sub_visual_wrap{width:1000px; margin:0 auto ; position:relative; } .inner_area{width:1000px; margin:0 auto; position:relative; } #contents .sub_inner{width:1000px; margin:0 auto; position:relative; padding:0 0 0 0; border-left:1px solid #ddd;} #contents .sub_inner:after{content:""; display:block; clear:both;} #contents .left_Area{float:left; width:190px; min-height:600px; } #contents .right_Area{float:left; padding:0 0 180px 30px; width:779px; min-height:600px; border-left:1px solid #ddd;} #footer{padding:25px 0 25px 0; width:100%; background-color:#EFEFEF;} #header .top_menu_area{width:100%; height:30px; background-color:#F4F4F4;} #header .top_menu_area .top_menu{padding:7px 0 0 0; float:right; display:inline-block;} #header .top_menu_area .top_menu>li{float:left; padding-left:10px;} #header .top_menu_area .top_menu>li a{color:#a4a4a4; font-size:11px;} #header .top_menu_area .top_menu li span.bullet{display:inline-block; padding:0 0 0 10px; color:#a4a4a4;} #header .center{width:1000px; margin:0 auto; } #header h1.logo{width:211px; padding:30px 0 20px 0; position:relative; z-index:99;} #header .gnb_wrap{position:absolute; top:55px; left:0; width:100%; height:61px; } #header .gnb_wrap .gnb{width:1000px; height:60px; margin:0 auto; } #header .gnb_wrap .gnb>ul.gnb_menu{margin-left:288px; width:712px; display:inline-block; } #header .gnb_wrap .gnb>ul.gnb_menu>li{float:left; padding-left:65px; background-color:#FFF;} #header .gnb_wrap .gnb>ul.gnb_menu>li>a{display:inline-block; padding:10px 0 24px 0; font-size:17px; font-weight:600; color:#212121; } #header .gnb_wrap .gnb>ul.gnb_menu>li>a:active, #header .gnb_wrap .gnb>ul.gnb_menu>li>a:focus, #header .gnb_wrap .gnb>ul.gnb_menu>li>a:hover{font-size:17px; font-weight:600; color:#EA5332; text-decoration:none;} #header .gnb_wrap .gnb>ul.gnb_menu>li.on>a{font-size:17px; font-weight:600; color:#EA5332;} #header .gnb_wrap .gnb>ul.gnb_menu>li.first{padding-left:0;} #header .sub_menu_bg{display:none; width:100%; position:absolute; left:0px; top:51px; background:#fff; border-top:3px solid #132038; border-bottom:1px solid #132038; height:265px; overflow:hidden;} #header .sub_menu{width:1000px; margin:0 auto; } #header .bg1{background: url("../images/contents/sub_wrap_bg1.gif") right 40px no-repeat;} #header .bg2{background: url("../images/contents/sub_wrap_bg2.gif") right 40px no-repeat;} #header .bg3{background: url("../images/contents/sub_wrap_bg3.gif") right 40px no-repeat;} #header .bg4{background: url("../images/contents/sub_wrap_bg4.gif") right 40px no-repeat;} #header .bg5{background: url("../images/contents/sub_wrap_bg5.gif") right 40px no-repeat;} #header .bg6{background: url("../images/contents/sub_wrap_bg6.gif") right 40px no-repeat;} #header .sub_menu{} #header .sub_menu:after{content:""; display:block; clear:both;} #header .sub_menu dl{float:left;} #header .sub_menu dl.txt_box{width:185px; height:265px;padding:40px 25px 0 25px; border-right:1px solid #E5E5E5;} #header .sub_menu dl.txt_box dt{padding-bottom:20px; font-size:20px; font-weight:600; color:#263967;} #header .sub_menu dl.txt_box dd{font-size:13px; color:#8089a0;} /* gnb 2차메뉴 */ #header .sub_menu dl.depth2{padding:22px 0 0 10px; width:220px; height:265px; background-color:#F6F6F6; border-right:1px solid #E5E5E5; position:relative;} #header .sub_menu dl.depth2 dd{} #header .sub_menu dl.depth2 dd>a{display:inline-block; padding:5px 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#333; text-decoration:none; } #header .sub_menu dl.depth2 dd>a:hover{display:inline-block; padding:5px 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#fff; background: url("../images/common/depth_on_bg.png") 0 0 no-repeat;} #header .sub_menu dl.depth2 dd.sub_menu_on>a{display:inline-block; padding:5px 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#fff; background: url("../images/common/depth_on_bg.png") 0 0 no-repeat;} #header .sub_menu dl.depth2 dd.sub_menu_on ul.depth3{display:block;} #header .sub_menu dl.depth2 dd a.selected1{display:inline-block; padding:0 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#fff; background: url("../images/common/depth_on_bg.png") 0 0 no-repeat;} #header .sub_menu dl.depth2 dd a.selected2{display:inline-block; padding:0 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#fff; background: url("../images/common/depth_on_bg.png") 0 0 no-repeat;} #header .sub_menu dl.depth2 dd a.selected3{display:inline-block; padding:0 0 0 10px; width:186px; height:27px; font-size:15px; font-weight:600; color:#fff; background: url("../images/common/depth_on_bg.png") 0 0 no-repeat;} /* gnb 3차메뉴 */ #header .sub_menu{} #header .sub_menu dl.depth2 dd>ul.depth3{display:none; height:100%; position:absolute; top:20px; left:230px;} #header .sub_menu dl.depth2 dd>ul.depth3 li{line-height:29px;} #header .sub_menu dl.depth2 dd>ul.depth3 li a{display:inline-block; width:200px; padding:0 0 0 15px; font-size:14px; color:#999; font-weight:600;} #header .sub_menu dl.depth2 dd>ul.depth3 li a:active, #header .sub_menu dl.depth2 dd>ul.depth3 li a:focus, #header .sub_menu dl.depth2 dd>ul.depth3 li a:hover{color:#333;} #visual .slider {margin-left:5px; width:1089px; min-width:1089px; height:399px; position:relative; overflow:hidden; background:#fff; text-align:center; z-index:5; } #visual .slider .slide_area { width:1089px; position:absolute; left:50%; margin-left:-653px; } #visual .slider .slide_area li {width:1089px; overflow:hidden;} #visual .slider .slide_area li img {display:block; width:1089px; height:399px; } #visual .slider .tempWrap { overflow:visible !important} #visual .slider .tempWrap ul {margin-left:-980px !important;} #visual .slider .bottom_btn { position:absolute; width:100%; top:200px; left:40px; height:8px; z-index:1; } #visual .slider .bottom_btn .center_area{width:1089px; margin:0 auto;} #visual .slider .bottom_btn:after{content:""; display:block; clear:both;} #visual .slider .bottom_btn li {float:left; width:14px; height:14px; line-height:99px; overflow:hidden; background:url("../images/btn/slider-btn.png") 0 -18px no-repeat; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;} #visual .slider .bottom_btn li.on { background-position:0 0; filter:alpha(opacity=100); opacity:1;} #visual .slider .pnBtn {position:absolute; z-index:1; top:0; width:100%; height:399px; cursor:pointer;} #visual .slider .prev {left:-50%; margin-left:-545px;} #visual .slider .next {left:50%; margin-left:545px;} #visual .slider .pnBtn .blackBg {display:block; position:absolute; left:0; top:0; width:100%; height:399px; background:#091839; filter:alpha(opacity=50); opacity:0.5;} #visual .slider .pnBtn .arrow {display:none; position:absolute; top:0; z-index:1; width:60px; height:399px;} #visual .slider .pnBtn .arrow:hover {filter:alpha(opacity=60); opacity:0.6;} #visual .slider .prev .arrow {right:0; background:url("../images/btn/slider-arrow.png") -120px 40px no-repeat;} #visual .slider .next .arrow {left:0; background:url("../images/btn/slider-arrow.png") 0 40px no-repeat;} #visual .slide_txt{} #visual .txt_type{position:absolute; bottom:-40px; left:45px; font-family:'Myriad Pro', sans-serif; font-size:21px; color:#fff; font-weight:600; z-index:999;} #visual .txt_type span{padding-left:13px; font-size:13px; color:#8293b2;} #visual .down_btn{position:absolute; bottom:-45px; right:45px; z-index:999;} #contents .cont_slide_area{margin-bottom:70px; padding:45px 0 40px 0; width:100%; background-color:#F8F8F8; border-bottom:1px solid #E4E4E4;} #contents .cont_slide_area .product_slide{width:1000px; margin:0 auto;} #contents .cont_slide_area .product_slide .slide p.title{font-family:'Myriad Pro',dotum, sans-serif; font-size:12px; color:#666; text-align:center;} #contents .inner_area:after{content:""; display:block; clear:both;} #contents .cont_box{float:left; width:292px; height:110px; margin-left:60px; margin-bottom:40px; position:relative; } #contents .first{margin-left:0;} #contents .cont_box p.more{position:absolute; top:0; right:0;} #contents .cont_box p.more>a{font-family:'Myriad Pro',dotum, sans-serif; font-size:14px; color:#021846; font-weight:normal !important;} #contents .cont_box dl.box1{width:292px; } #contents .cont_box dl.box1 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box1 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img1_1.gif") 95% 10px no-repeat;} #contents .cont_box dl.box2{width:292px; } #contents .cont_box dl.box2 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box2 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img2_1.gif") 95% 10px no-repeat;} #contents .cont_box dl.box3{width:292px; } #contents .cont_box dl.box3 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box3 dd{padding:15px 0 10px 0; color:#333; } #contents .cont_box dl.box3 dd ul.notice_list{} #contents .cont_box dl.box3 dd ul.notice_list li{padding-left:10px; line-height:20px; clear:both; background:url("../images/ico/ico_bullet.gif") 0 8px no-repeat; } #contents .cont_box dl.box3 dd ul.notice_list li a{float:left; width:80%;} #contents .cont_box dl.box3 dd ul.notice_list li span.day{float:right; width:20%;} #contents .cont_box dl.box4{width:292px; } #contents .cont_box dl.box4 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box4 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img3_1.gif") 95% 10px no-repeat;} #contents .cont_box dl.box5{width:292px; } #contents .cont_box dl.box5 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box5 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img4_1.gif") 95% 10px no-repeat;} #contents .cont_box dl.box6{width:292px; } #contents .cont_box dl.box6 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box6 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img5.gif") 95% 10px no-repeat;} #contents .cont_box dl.box7{width:292px; } #contents .cont_box dl.box7 dt{padding:0 0 15px 0; color:#021846; font-size:18px; font-weight:600; border-bottom:1px solid #D2D2D2;} #contents .cont_box dl.box7 dd{padding:23px 85px 10px 0; color:#333; font-size:13px; line-height:18px; background: url("../images/ico/ico_img8.gif") 95% 10px no-repeat;} /* sub start */ #sub_visual .txt_visual{padding-top:60px; font-family:'Myriad Pro', sans-serif; } #sub_visual .txt_visual li.txt_big{padding-bottom:10px; font-size:34px; color:#fff; font-weight:600;} #sub_visual .txt_visual li.txt_small{ font-size:17px; color:#fff;} #contents .left_Area dl.lnb{padding:65px 0 0 0; width:190px; } #contents .left_Area dl.lnb dt{padding:0 0 19px 10px; font-size:25px; font-weight:600; color:#132038; border-bottom:3px solid #132038;} #contents .left_Area dl.lnb dd{border-bottom:1px solid #DDDDDD; } #contents .left_Area dl.lnb dd.align{letter-spacing:2px;} #contents .left_Area dl.lnb dd.align1{letter-spacing:26px;} #contents .left_Area dl.lnb dd>a{padding:16px 0 16px 16px; display:inline-block; width:180px; color:#777; font-size:14px; font-weight:600; text-decoration:none;} #contents .left_Area dl.lnb dd>a:active, #contents .left_Area dl.lnb dd>a:focus, #contents .left_Area dl.lnb dd>a:hover{color:#fff; background: url("../images/common/lnb_bg.gif") 0 0 no-repeat;} #contents .left_Area dl.lnb dd>a.active {color:#fff; background: url("../images/common/lnb_bg.gif") 0 0 no-repeat;} #contents ul.lnb_sub{width:190px; border-top:1px solid #ddd;} #contents ul.lnb_sub li {border-bottom:1px solid #ddd;} #contents ul.lnb_sub li.last{border-bottom:none;} #contents ul.lnb_sub li a{display:inline-block; padding:15px 0 15px 30px; width:160px; text-decoration:none;} #contents ul.lnb_sub li a:active, #contents ul.lnb_sub li a:focus, #contents ul.lnb_sub li a:hover{color:#ea5431;} .none{display:none;} #contents ul.left_thume{padding-top:70px;} #contents ul.left_thume li{margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #contents ul.left_thume li img{width:190px;} #contents ul.left_thume li.last {margin-bottom:0; } #contents .right_Area .top_navi_area{margin-bottom:25px; padding:65px 0 12px 0; width:780px;display:inline-block; border-bottom:2px solid #0E1B33;} #contents .right_Area .top_navi_area p.title{float:left; width:300px; font-size:30px; font-weight:600; color:#132038;} #contents .right_Area .top_navi_area ul.top_navi{float:right; padding:5px 0 0 0; width:480px; text-align:right; } #contents .right_Area .top_navi_area ul.top_navi:after{content:""; display:block; clear:both;} #contents .right_Area .top_navi_area ul.top_navi li{display:inline;} #contents .right_Area .top_navi_area ul.top_navi li.ico{padding-left:15px; background: url("../images/ico/ico_home.gif") 0 50% no-repeat;} #contents .right_Area .top_navi_area ul.top_navi li>span.bullet{padding:0 10px 0 10px; display:inline-block;} #contents .top_img_Area{ width:100%; border-bottom:1px solid #0E1B33;} #contents h3.title{padding:45px 0 20px 0 ; font-size:18px; color:#0d1a32; text-align:left; font-weight:normal;} #contents h3.title1{padding:6px 0 30px ; font-size:18px; color:#0d1a32; text-align:left; font-weight:normal;} #contents .conts_img{padding-bottom:50px; text-align:center; border-bottom:1px solid #ddd;} #contents .list_Box{padding:30px 0 30px 0; border-bottom:1px solid #ccc;} #contents .list_Box:after{content:""; display:block; clear:both;} #contents .info_machine{float:left; background-color:#eee; width:195px; text-align:center; border:1px solid #ccc;} #contents p.name{padding:5px 0 5px 0; font-size:13px; color:#333;} #contents .ul_txt_type7{float:left; width:530px; padding:50px 0 50px 50px; font-size:13px; color:#333;} #contents .ul_txt_type7 li{font-size:13px; color:#333; line-height:23px; } #contents .ul_txt_type7 li>span{font-size:13px; color:#333; } #contents .dl_txt_type8{float:left; width:530px; padding:25px 0 25px 50px; font-size:13px; color:#333;} #contents .dl_txt_type8 dt{font-size:14px; color:#0e1b33; font-weight:600; line-height:23px; } #contents .dl_txt_type8 dd{font-size:13px; color:#333; line-height:23px; } #contents .dl_txt_type8 li>span{font-size:13px; color:#333; } #contents .dl_txt_type9{float:left; width:530px; padding:50px 0 25px 50px; font-size:13px; color:#333;} #contents .dl_txt_type9 dt{font-size:14px; color:#0e1b33; font-weight:600; line-height:23px; } #contents .dl_txt_type9 dd{font-size:13px; color:#333; line-height:23px; } #contents .dl_txt_type9 li>span{font-size:13px; color:#333; } #contents .map_area{} #contents .map_area h3.title{padding:0 0 20px; font-size:18px; color:#0d1a32;} #contents .map_area .map{width:780px; height:345px; border:1px solid #ddd;} #contents .map_txt {} #contents .map_txt li.bg1{padding:10px 0 10px 40px; font-size:14px; background: url("../images/ico/ico_img1.gif") 0 50% no-repeat;} #contents .map_txt li.bg1_1{padding:5px 0 5px 40px; font-size:14px; background: url("../images/ico/ico_img1.gif") 0 50% no-repeat;} #contents .map_txt li.bg2{padding:10px 0 10px 40px; font-size:14px; background: url("../images/ico/ico_img2.gif") 0 50% no-repeat;} #contents .map_txt li.bg3{padding:10px 0 10px 40px; font-size:14px; background: url("../images/ico/ico_img3.gif") 0 50% no-repeat;} #contents .map_txt li>span{display:inline-block; width:45px; font-size:14px;} #contents .address_txt{width:740px; display:inline-block; padding:20px; background-color:#EFEFEF;} #contents .address_txt dt{padding-bottom:15px; font-size:15px; color:#0d1a32; } #contents .address_txt dd{float:left; margin-right:15px;} #contents .address_txt dd.bg1{padding:10px 0 10px 40px; font-size:14px; background: url("../images/ico/ico_img6.png") 0 50% no-repeat;} #contents .address_txt dd.bg2{padding:10px 0 10px 40px; font-size:14px; background: url("../images/ico/ico_img7.png") 0 50% no-repeat;} #contents .address_txt dd>span{display:inline-block; width:45px; font-size:14px;} /* sitemap */ #contents .sitemap_Area{padding-top:50px; display:inline-block;} #contents .dl_site_type{float:left; width:155px; height: 290px; margin:0 0 30px 100px; } #contents .none_left{margin-left:50px;} #contents .dl_site_type dt.title{padding-bottom:5px; margin-bottom:10px; font-size:18px; font-weight:600; color:#0d1a32; border-bottom:2px solid #0d1a32;} #contents .dl_site_type dd{line-height:30px;} #contents .dl_site_type dd>a{font-size:14px; color:#555;} #contents .dl_site_type dd>a:hover{ color:#0d1a32;} #contents .ul_site_type{padding-left:10px;} #contents .ul_site_type li{line-height:25px;} #contents .ul_site_type li>a{font-size:12px; color:#878787; } #contents .ul_site_type li>a:hover{ color:#0d1a32;} /* tab_style */ #contents .tab_box{margin-bottom:50px; width:100%; height:44px; position:relative; border-bottom:1px solid #142139;} #contents .tab_box .tab_type1{position:absolute; width:100%; display:inline-block; } #contents .tab_box .tab_type1 li{float:left;} #contents .tab_box .tab_type1 li.tab1 a{display:inline-block; width:151px; height:45px; background: url("../images/common/tab1_img1_off.gif") 0 0 no-repeat;} #contents .tab_box .tab_type1 li.tab1 a.selected{display:inline-block; width:151px; height:45px; background: url("../images/common/tab1_img1_on.gif") 0 0 no-repeat;} #contents .tab_box .tab_type1 li.tab2 a{padding-left:151px; display:inline-block; width:150px; height:45px; background: url("../images/common/tab1_img2_off.gif") 0 0 no-repeat;} #contents .tab_box .tab_type1 li.tab2 a.selected{padding-left:151px; display:inline-block; width:150px; height:45px; background: url("../images/common/tab1_img2_on.gif") 0 0 no-repeat;} #contents .tab_Area{width:100%; height:45px; border-bottom:1px solid #AAA; position:relative;} #contents .tab_style{position:absolute; top:0; height:45px;display:inline-block; } #contents .tab_style li{float:left; position:relative;} #contents .tab_style li a{display:inline-block; width:149px; text-align:center; padding:14px 0 14px 0; height:16px; font-size:14px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#eee; text-decoration:none;} #contents .tab_style li a.align{display:inline-block; width:149px; text-align:center; padding:7px 0 7px 0; height:30px; font-size:14px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#eee; text-decoration:none;} #contents .tab_style li a.last{border-right:1px solid #ccc;} #contents .tab_style li a span.on_btn{display:none; position:absolute; top:0; left:-1px; width:149px; padding:14px 0 16px 0; height:14px; font-size:14px; text-align:center; background:#fff; border-top:2px solid #142139; border-left:1px solid #142139; border-right:1px solid #142139; cursor:pointer;} #contents .tab_style li a.align span.on_btn{display:none; position:absolute; top:0; left:-1px; width:149px; padding:7px 0 9px 0; height:28px; font-size:14px; text-align:center; background:#fff; border-top:2px solid #142139; border-left:1px solid #142139; border-right:1px solid #142139; cursor:pointer;} /* #contents .tab_style li a span.on_btn{display:none; position:absolute; top:0; left:0; width:151px; padding:15px 0 15px 0; height:16px; text-align:center; background: url("../images/btn/tab_on_bg.gif") 0 0 no-repeat; cursor:pointer;} */ #contents .tab_style li a:hover span.on_btn{display:block; } #contents .tab_style li a.select span.on_btn{display:block; } #contents .tab_style li.on a span.on_btn{display:block; } #contents .tab_style1{position:absolute; top:0; height:45px;display:inline-block; } #contents .tab_style1 li{float:left; position:relative;} #contents .tab_style1 li a{display:inline-block; width:189px; text-align:center; padding:14px 0 14px 0; height:16px; font-size:14px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#eee; text-decoration:none;} #contents .tab_style1 li a.align{display:inline-block; width:189px; text-align:center; padding:7px 0 7px 0; height:30px; font-size:14px; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#eee; text-decoration:none;} #contents .tab_style1 li a.last{border-right:1px solid #ccc;} #contents .tab_style1 li a span.on_btn{display:none; position:absolute; top:0; left:-1px; width:189px; padding:14px 0 16px 0; height:14px; font-size:14px; text-align:center; background:#fff; border-top:2px solid #142139; border-left:1px solid #142139; border-right:1px solid #142139; cursor:pointer;} #contents .tab_style1 li a.align span.on_btn{display:none; position:absolute; top:0; left:-1px; width:189px; padding:7px 0 9px 0; height:28px; font-size:14px; text-align:center; background:#fff; border-top:2px solid #142139; border-left:1px solid #142139; border-right:1px solid #142139; cursor:pointer;} /* #contents .tab_style1 li a span.on_btn{display:none; position:absolute; top:0; left:0; width:151px; padding:15px 0 15px 0; height:16px; text-align:center; background: url("../images/btn/tab_on_bg.gif") 0 0 no-repeat; cursor:pointer;} */ #contents .tab_style1 li a:hover span.on_btn{display:block; } #contents .tab_style1 li a.select span.on_btn{display:block; } #contents .tab_style1 li.on a span.on_btn{display:block; } /* txt_style */ #contents .ul_txt_type{width:100%;} #contents .ul_txt_type li{padding-bottom:25px; font-size:13px; color:#333; line-height:20px;} #contents .ul_txt_type li.sign{text-align:right;} #contents .ul_txt_type li.sign span{padding-left:5px;} #contents .ul_txt_type1{width:100%; padding-bottom:30px; border-bottom:1px solid #ddd;} #contents .ul_txt_type1 li{font-size:14px; color:#333;} #contents .ul_txt_type2{width:100%; padding:55px 0 45px 90px; background: url("../images/contents/cont1_img4_1.gif") 5px 20px no-repeat;} #contents .ul_txt_type2 li{font-size:14px; color:#333;} #contents .ul_txt_type3{width:100%; padding:40px 0 45px 90px; background: url("../images/contents/cont1_img4_2.gif") 5px 10px no-repeat;} #contents .ul_txt_type3 li{font-size:14px; color:#333;} #contents .ul_txt_type4{width:100%; padding:40px 0 45px 90px; background: url("../images/contents/cont1_img4_3.gif") 5px 10px no-repeat;} #contents .ul_txt_type4 li{font-size:14px; color:#333;} #contents .ul_txt_type5{width:100%; padding:40px 0 45px 90px; background: url("../images/contents/cont1_img4_4.gif") 5px 10px no-repeat;} #contents .ul_txt_type5 li{font-size:14px; color:#333;} #contents .ul_txt_type6{} #contents .ul_txt_type6 li{padding:0; font-size:13px; color:#333;} #contents .ul_img_type{display:inline-block;} #contents .ul_img_type li{float:left; margin-left:5px;} #contents .ul_img_type li.first{margin-left:0;} #contents .dl_txt_type{width:100%; padding-bottom:30px; display:inline-block; text-align:center; border-bottom:1px solid #ddd;} #contents .dl_txt_type dt{padding-bottom:20px; font-size:15px; text-align:left; color:#0d1a32;} #contents .dl_txt_type dt.title{padding-bottom:15px; margin-bottom:30px; text-align:left; font-size:15px; color:#0d1a32;} #contents .dl_txt_type dt.title1{padding-bottom:5px; margin-bottom:5px; text-align:left; font-size:15px; color:#0d1a32;} #contents .dl_txt_type dt.title2{padding:30px 0 5px 0; margin-bottom:5px; text-align:left; font-size:15px; color:#0d1a32; border-top:1px solid #ddd;} #contents .dl_txt_type dd.notice{text-align:left; font-size:13px;color:#333; line-height:20px;} #contents .dl_txt_type dd.bg{padding: 0 0 0 260px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_4.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.bg1{padding: 0 0 0 260px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_6.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.bg2{padding:50px 0 30px 270px; height:85px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_8.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.bg3{padding:22px 0 30px 270px; height:115px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_9.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.bg4{padding:22px 0 30px 270px; height:115px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_11.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.bg5{padding:22px 0 30px 270px; height:115px; text-align:left; font-size:13px;color:#333; line-height:20px; background: url("../images/contents/cont5_img1_13.gif") 0 0 no-repeat;} #contents .dl_txt_type dd.left{float:left; width:270px; display:inline-block; } #contents .dl_txt_type dd.left1{padding:20px 0 0 0; text-align:left;} #contents .dl_txt_type dd.right{padding:40px 0 0 30px; float:left; width:450px; text-align:left; font-size:13px; line-height:20px;} #contents .dl_txt_type dd.left_1{float:left; width:360px; display:inline-block; } #contents .dl_txt_type dd.right_1{padding:0 0 0 20px; float:left; width:360px; text-align:left; font-size:15px; line-height:26px;} #contents .dl_txt_type>dd>p{float:left;} #contents .dl_txt_type>dd>span.txt_c_box{float:left; text-align:left; padding:15px 0 0 15px; font-size:13px; color:#333;} #contents .dl_txt_type dd p.c_box1{width:81px; height:81px; background-color:#13004C;} #contents .dl_txt_type dd p.c_box2{width:81px; height:81px; background-color:#FF3F00;} #contents .dl_list_type{display:inline-block;} #contents .dl_list_type dt.title{padding:15px 0 15px 0; font-size:18px; color:#0d1a32;} #contents .dl_list_type dd{float:left; margin-right:8px; } #contents .dl_list_type dd.last{margin-right:0; } #contents .dl_list_type dd>span{padding-top:5px; display:block; text-align:center; font-size:13px; color:#333; padding-bottom:30px;} #contents .dl_img_type{display:inline-block;} #contents .dl_img_type dt.title{padding:15px 0 15px 0; font-size:18px; color:#0d1a32;} #contents .dl_img_type dd{float:left; margin-right:10px; font-size:13px; color:#333; line-height:20px; } #contents .dl_img_type dd.notice{padding:10px 0 0 0; } #contents .dl_img_type dd.last{margin-right:0; } #contents .dl_img_type dd>span{padding-top:5px; display:block; text-align:center; font-size:13px; color:#333;} #contents p.p_img_type{height:109px; margin-bottom:20px; padding:25px 0 20px 230px; font-size:13px; color:#333; line-height:20px; background: url("../images/contents/cont4_img1_1.gif") 0 0 no-repeat;} #contents p.p_img_type1{height:109px; padding:25px 380px 20px 0; font-size:13px; color:#333; line-height:20px; background: url("../images/contents/cont4_img1_2.gif") right 0 no-repeat;} #contents p.p_img_type2{height:109px; padding:340px 0 20px 0; font-size:13px; color:#333; line-height:20px; background: url("../images/contents/cont4_img1_3.gif") center top no-repeat;} #contents .p_txt_type{padding-bottom:20px; font-size:13px; color:#333; line-height:20px; border-bottom:1px solid #ccc;} #contents .dl_txt_type5 {width:100%; display:inline-block; text-align:center; } #contents .dl_txt_type5 dt{ font-size:15px; text-align:left; color:#0d1a32;} #contents .dl_txt_type5 dt.title{padding-bottom:15px; margin-bottom:30px; text-align:left; font-size:15px; color:#0d1a32;} /* table_style */ #contents .table_style{width:100%; border:1px solid #ddd;} #contents .table_style th{padding:10px 0 10px 0; font-size:14px; background-color:#F1F4FA; border-bottom:1px solid #ddd;} #contents .table_style td{padding:10px 0 10px 10px; font-size:14px; border-bottom:1px solid #ddd;} #contents .table_style1{width:100%; border:1px solid #ddd;} #contents .table_style1 th{padding:7px 0 6px 0; font-size:13px; text-align:center; background-color:#F1F4FA; border-bottom:1px solid #ddd;} #contents .table_style1 td{padding:7px 0 6px 10px; font-size:13px; border-bottom:1px solid #ddd;} /* btn_style */ #contents .btn_l_area{padding:20px 0 20px 0; text-align:left;} #contents .btn_c_area{padding:20px 0 20px 0; text-align:center;} #contents .btn_r_area{padding:20px 0 20px 0; text-align:right;} #contents .btn_r_area1{padding:10px 0 10px 0; text-align:right;} #contents .btn_style{display:inline-block; padding:8px 10px; color:#fff; font-weight:bold; text-align:center; background-color:#666; text-decoration:none;} #footer .inner_area:after{content:""; display:block; clear:both;} #footer .f_logo{float:left; padding:25px 0 0 0; width:196px;} #footer .address{float:left; width:804px; line-height:18px;} #footer .address .f_menu{padding:0 0 0 25px; display:inline-block;} #footer .address .f_menu li{float:left; padding-left:10px;} #footer .address .f_menu li.first{padding-left:0;} #footer .address .f_menu li a{font-size:13px; font-weight:600; color:#3f4e73;} #footer .address .f_menu li span.bullet{padding-left:10px; display:inline-block; font-weight:600; color:#3f4e73;} #footer .address address{padding:15px 0 0 25px; width:670px;} #footer .address address span.bullet{padding:0 10px 0 10px; display:inline-block; color:#828282;} #footer .address p.copy{padding:5px 0 0 25px; font-size:10px;} /* 팝업 영역 */ .popupbox { width:690px; height:677px; display:none; /*Hidden as default */ float: left; position: fixed; top: 50%; left: 50%; z-index: 99999; } #fade { display: none; /* Hidden as default */ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .layer_pop{width:690px; height:677px; background-color:#fff;} .layer_pop .title{padding:22px 40px 38px 40px; width:610px; height:15px; font-size:25px; font-weight:bold; color:#fff; background-color:#0E1B33;} .layer_pop .title_1{padding:22px 40px 30px 40px; font-size:20px; font-weight:bold; color:#0d1a32; } .layer_pop .list_Box{margin:0 30px 20px 40px; width:630px; max-height:490px; overflow-y:auto; overflow-x:hidden;} .layer_pop .brand_list{ display:inline-block} .layer_pop .brand_list li{float:left; margin:0 0 27px 27px;} .layer_pop .brand_list li img{border:1px solid #ccc;} .layer_pop .brand_list li.first{margin-left:0;} .close_btn{position:absolute; top:22px; right:40px;} .pdf_down_btn{position:absolute; top:100px; right:43px;} .popupbox .btn_style1{display:inline-block; width:60px; padding:8px 20px 8px 10px; color:#fff; font-weight:bold; text-align:center; background:#666 url("../images/ico/ico_img4.gif") 95% 50% no-repeat; text-decoration:none;} /*윤리경영,품질경영,환경경영 이미지삽입*/ #contents p.p_img_type3 {height:109px; padding:25px 345px 20px 0; font-size:13px; color:#666; line-height:20px; background: url("../images/contents/cont1_img3_2_3.gif") right 0 no-repeat; } #contents .line {border-bottom:1px solid #ddd; padding-top:30px;} #contents .line2 {border-bottom:1px solid #ddd; padding-top:30px;} #contents .line4 {border-bottom:1px solid #ddd; padding-top:50px;} #contents .line5 {border-bottom:1px solid #ddd; padding-top:110px;} #contents p.p_img_type4 {height:153px; background: url("../images/contents/cont2_img1_2.gif") right 0 no-repeat; font-size: 13px; } #contents p.p_img_type5 {height:153px; background: url("../images/contents/cont2_img2_2.gif") right 0 no-repeat; font-size: 13px;padding-bottom:30px;} #contents p.p_img_type6 {height:153px; background: url("../images/contents/cont2_img3_2.gif") right 0 no-repeat; font-size: 13px; padding-bottom:20px;} #contents .conts_img2 {padding-top:50px; text-align:center; } .bold{font-size:13px; font-weight:600; color:#0d1a32;} .bold2{font-size:14px; color:#0d1a32; line-height: 24px;}