@charset "utf-8";
@import url(common.css);

#header{width: 100%;height: 121px;}
#header .gnb_area{width: 100%;height: 35px;border-bottom: 1px solid #f2f2f2;clear:both;}
#header .gnb{width: 960px;height: 35px;margin: 0 auto;}
#header .gnb ul li{height: 25px;line-height: 25px; float: left;margin: 6px 10px 0 10px;}
#header .gnb ul li{color: #909090;letter-spacing: 1px;}
#header .gnb ul li a{color: #909090;}
#header .gnb ul li a:hover{color: #000;text-decoration: underline;}
#header .gnb ul{float: right;}
#header .gnb ul.add{float: left;}
li.hp{background:url(/images/common/ico_hp.gif) no-repeat left center;padding-left: 20px;}
li.mail{background:url(/images/common/ico_email.gif) no-repeat left center;padding-left: 20px;}
li.eweb{background:url(/images/common/ico_eweb.gif) no-repeat left center;padding-left: 20px;}
#header .nav{width: 960px;margin: 0 auto;clear:both;}
#header .nav h1{width: 240px;float: left;margin-top: 22px;}
#header .nav h1 a{display: block;}
#header .nav ul{float: right;margin-right: 10px;}
#header .nav ul li{float: left;margin: 35px 0 0 48px;}
#header .nav ul li a{font-size: 14px;color: #909090;}
#header .nav ul li a:hover{font-size: 14px;color: #ed1c24;}
#header .nav ul li a.active{font-size: 14px;color: #ed1c24;}

#container{width: 100%;min-width: 960px;background:url(/images/common/container_top_bar_bg.jpg) repeat-x 0 0;}
.contents{width: 100%;background:url(/images/common/container_top_bar.png) no-repeat center top;padding-top: 30px;}
.slide_area{width: 100%;height: 350px;background: #eaeaea;}
.bxslider{width: 100%!important; height: 350px;margin: 0 auto;}
.bx-wrapper{max-width: 100%!important;}
.bx-viewport{width: 960px!important; overflow: hidden; position: relative; height: 350px; margin-left: -480px; left: 50%;}

.bx-wrapper .bx-controls {display: flex; justify-content: center; position: absolute; bottom: 13px; width: 100%;}
.bx-wrapper .bx-controls-direction a {top: -150px !important; margin-top: -25px;}
.bx-wrapper .bx-pager {width:auto !important; margin-left:0 !important;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:initial !important;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {margin-left:10px !important;}

#container .contents .tit{width: 960px;height: 88px; margin: 0 auto;text-align: center;}
#container .contents .tit h2{font-size: 28px;color: #fff;margin: 5px 0;}
#container .contents .tit p{font-size: 14px;color: #fff;}
#container .contents .contents_area{width: 960px;margin: 0 auto;padding: 40px 0; clear:both;}

/* 서브메뉴 */
#container .contents .contents_area .nav{width: 260px;float: left;}
#container .contents .contents_area .nav ul li span{display:block;text-indent:-9999em; font-size:0; color:transparent;}
#container .contents .contents_area .nav ul.depth01 li a{height: 25px;display:block;}
#container .contents .contents_area .nav ul.depth01 li.m01 a{background:url(/images/common/menu_0101_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01 a:hover{background:url(/images/common/menu_0101_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01 a.active{background:url(/images/common/menu_0101_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02 a{background:url(/images/common/menu_0102_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02 a:hover{background:url(/images/common/menu_0102_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02 a.active{background:url(/images/common/menu_0102_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03 a{background:url(/images/common/menu_0103_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03 a:hover{background:url(/images/common/menu_0103_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03 a.active{background:url(/images/common/menu_0103_on.gif) no-repeat 0 0;}
/* us */
#container .contents .contents_area .nav ul.depth01 li.m01.us a{background:url(/images/common/menu_0101_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01.us a:hover{background:url(/images/common/menu_0101_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01.us a.active{background:url(/images/common/menu_0101_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.us a{background:url(/images/common/menu_0102_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.us a:hover{background:url(/images/common/menu_0102_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.us a.active{background:url(/images/common/menu_0102_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.us a{background:url(/images/common/menu_0103_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.us a:hover{background:url(/images/common/menu_0103_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.us a.active{background:url(/images/common/menu_0103_us_on.gif) no-repeat 0 0;}
/* cn */
#container .contents .contents_area .nav ul.depth01 li.m01.cn a{background:url(/images/common/menu_0101_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01.cn a:hover{background:url(/images/common/menu_0101_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m01.cn a.active{background:url(/images/common/menu_0101_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.cn a{background:url(/images/common/menu_0102_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.cn a:hover{background:url(/images/common/menu_0102_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m02.cn a.active{background:url(/images/common/menu_0102_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.cn a{background:url(/images/common/menu_0103_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.cn a:hover{background:url(/images/common/menu_0103_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth01 li.m03.cn a.active{background:url(/images/common/menu_0103_cn_on.gif) no-repeat 0 0;}

#container .contents .contents_area .nav ul.depth02 li a{height: 25px;display:block;}
#container .contents .contents_area .nav ul.depth02 li.m01 a{height: 50px;background:url(/images/common/menu_0201_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m01 a:hover{height: 50px;background:url(/images/common/menu_0201_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m01 a.active{height: 50px;background:url(/images/common/menu_0201_on.gif) no-repeat 0 0;}

#container .contents .contents_area .nav ul.depth02 li.m02 a{height: 50px;background:url(/images/common/menu_0202_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m02 a:hover{height: 50px;background:url(/images/common/menu_0202_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m02 a.active{height: 50px;background:url(/images/common/menu_0202_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m03 a{background:url(/images/common/menu_0203_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m03 a:hover{background:url(/images/common/menu_0203_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m03 a.active{background:url(/images/common/menu_0203_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m04 a{background:url(/images/common/menu_0204_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m04 a:hover{background:url(/images/common/menu_0204_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m04 a.active{background:url(/images/common/menu_0204_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m05 a{background:url(/images/common/menu_0205_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m05 a:hover{background:url(/images/common/menu_0205_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth02 li.m05 a.active{background:url(/images/common/menu_0205_on.gif) no-repeat 0 0;}

#container .contents .contents_area .nav ul.depth03 li a{height: 25px;display:block;}
#container .contents .contents_area .nav ul.depth03 li.m01 a{background:url(/images/common/menu_0301_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01 a:hover{background:url(/images/common/menu_0301_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01 a.active{background:url(/images/common/menu_0301_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m02 a{background:url(/images/common/menu_0302_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m02 a:hover{background:url(/images/common/menu_0302_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m02 a.active{background:url(/images/common/menu_0302_on.gif) no-repeat 0 0;}
/* us */
#container .contents .contents_area .nav ul.depth03 li.m01.us a{background:url(/images/common/menu_0301_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01.us a:hover{background:url(/images/common/menu_0301_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01.us a.active{background:url(/images/common/menu_0301_us_on.gif) no-repeat 0 0;}
/* cn */
#container .contents .contents_area .nav ul.depth03 li.m01.cn a{background:url(/images/common/menu_0301_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01.cn a:hover{background:url(/images/common/menu_0301_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .nav ul.depth03 li.m01.cn a.active{background:url(/images/common/menu_0301_cn_on.gif) no-repeat 0 0;}

#container .contents .contents_area .nav ul.depth02 li.m01 ul li{margin-left: 20px;}
#container .contents .contents_area .nav ul.depth02 li.m02 ul li{margin-left: 20px;}
#container .contents .contents_area .nav ul.depth02 li.m01 ul.depth2 li a{display:block;height: 20px;background:none;color: #686868;}
#container .contents .contents_area .nav ul.depth02 li.m02 ul.depth2 li a{display:block;height: 20px;background:none;color: #686868;}
#container .contents .contents_area .nav ul.depth02 li.m01 ul.depth2 li a:hover{color:#ed1d24;}
#container .contents .contents_area .nav ul.depth02 li.m02 ul.depth2 li a:hover{color:#ed1d24;}
#container .contents .contents_area .nav ul.depth02 li.m01 ul.depth2 li a.active{color:#ed1d24;}
#container .contents .contents_area .nav ul.depth02 li.m02 ul.depth2 li a.active{color:#ed1d24;}
#container .contents .contents_area .nav ul.depth02 li.m01 ul.depth2 li.m01 a{margin-top: 10px;}
#container .contents .contents_area .nav ul.depth02 li.m02 ul.depth2 li.m01 a{margin-top: 10px;}

#container .contents .contents_area .nav ul.depth2 li a em{font-style: normal;background:url(/images/common/ico_square_off.gif) no-repeat 0 4px;padding-left: 10px;}
#container .contents .contents_area .nav ul.depth2 li a:hover em{font-style: normal;background:url(/images/common/ico_square_on.gif) no-repeat 0 4px;padding-left: 10px;}
#container .contents .contents_area .nav ul.depth2 li a.active em{font-style: normal;background:url(/images/common/ico_square_on.gif) no-repeat 0 4px;padding-left: 10px;}

/* contents_area 공동 */
#container .contents .contents_area .section{width: 700px;margin-left: 260px;}
#container .contents .contents_area .section h3{font-size: 38px;color: #777;margin-bottom: 10px;}
#container .contents .contents_area .section h3.kr{font-size: 35px;}

#container .contents .contents_area .section h4{position:relative; height:32px; line-height:32px; font-size:22px; margin:20px 0 20px -20px; padding-left:15px; border-left:2px solid #bbb;}
#container .contents .contents_area .section h4 span{display:inline-block; font-size: 22px;}
#container .contents .contents_area .section h4:after {content:''; position:absolute; top:0; left:0; width:10px; height:100%; background-color:#ed1d24;}
#container .contents .contents_area .section h4.txt-hidden {font-size:0; color:transparent;}

/* 회사소개 */
#container .contents .contents_area .section .about{width: 690px; height: 450px;  }
#container .contents .contents_area .section.bg{background:url(/images/common/about_bg2.gif) no-repeat 0 bottom ;}
#container .contents .contents_area .section .about p{width: 610px;height: 340px;line-height: 20px;margin-top: 30px;}

#container .contents .contents_area .section .history{display:flex; flex-direction:column; margin:50px 0;}
#container .contents .contents_area .section .history dl{padding:20px 0;}
#container .contents .contents_area .section .history dl dt{display:none; font-size:0; color: #fff;}
#container .contents .contents_area .section .history dl dd{}
#container .contents .contents_area .section .history dl dd em{display:inline-block; width: 75px; font-size:18px; font-weight:bold; font-style:normal;}
#container .contents .contents_area .section .history dl dd span{font-size:16px; font-weight: bold;}
#container .contents .contents_area .section .history dl dd p{padding-left:80px;}
/* #container .contents .contents_area .section .history .list_new{height: 170px;background:url(/images/common/his_list_bg1.png) no-repeat 13px 0;margin-bottom: -30px;}
#container .contents .contents_area .section .history dl.list_new dt{position: absolute;top:72px;left: 0;width: 190px;font-size: 22px;color: #ed1d24;}
#container .contents .contents_area .section .history dl.list_new dd{position: absolute;top:57px;left: 190px; }
#container .contents .contents_area .section .history .list{height: 130px;background:url(/images/common/his_list_bg2.png) no-repeat 30px 0;}
#container .contents .contents_area .section .history .list0{height: 230px;background:url(/images/common/his_list_bg0.png) no-repeat 0 0;margin-top: -25px;}
#container .contents .contents_area .section .history dl.list0 dt{position: absolute;top:78px;left: 0;width: 189px;font-size: 24px;}
#container .contents .contents_area .section .history dl.list0 dd{position: absolute;top:62px;left: 190px; } */

#container .contents .contents_area .section .ContactUs{margin: 20px 0 0 0;}
#container .contents .contents_area .section .ContactUs #maps{width:690px;height: 450px;margin-bottom: 30px;}
#container .contents .contents_area .section .ContactUs #maps a {cursor: url(/images/common/icon_map_view.png) 25 25, auto;}
#container .contents .contents_area .section .ContactUs #Map img{border: 1px solid #e6e6e6;border-top: 1px solid #666;margin-bottom: 20px;}
#container .contents .contents_area .section .ContactUs p{font-size: 14px;}

#container .contents .contents_area .section .siteMap{margin: 40px 0 0 0;width: 690px;height: 460px;}
#container .contents .contents_area .section .siteMap ul.depth01,
#container .contents .contents_area .section .siteMap ul.depth02,
#container .contents .contents_area .section .siteMap ul.depth03{width: 215px;float: left;border-top: 5px solid #ed1d24;margin: 0 10px 0 0;padding: 20px 0 0 5px;}

#container .contents .contents_area .siteMap ul li{width: 210px; border-bottom: 1px solid #e4e4e4;}
#container .contents .contents_area .siteMap ul li span{display:block;text-indent:-9999em;}
#container .contents .contents_area .siteMap ul.depth01 li a{height: 25px;display:block;}
#container .contents .contents_area .siteMap ul.depth01 li.m01 a{background:url(/images/common/menu_0101_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m01 a:hover{background:url(/images/common/menu_0101_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02 a{background:url(/images/common/menu_0102_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02 a:hover{background:url(/images/common/menu_0102_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03 a{background:url(/images/common/menu_0103_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03 a:hover{background:url(/images/common/menu_0103_on.gif) no-repeat 0 0;}
/* us */
#container .contents .contents_area .siteMap ul.depth01 li.m01.us a{background:url(/images/common/menu_0101_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m01.us a:hover{background:url(/images/common/menu_0101_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02.us a{background:url(/images/common/menu_0102_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02.us a:hover{background:url(/images/common/menu_0102_us_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03.us a{background:url(/images/common/menu_0103_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03.us a:hover{background:url(/images/common/menu_0103_us_on.gif) no-repeat 0 0;}
/* cn */
#container .contents .contents_area .siteMap ul.depth01 li.m01.cn a{background:url(/images/common/menu_0101_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m01.cn a:hover{background:url(/images/common/menu_0101_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02.cn a{background:url(/images/common/menu_0102_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m02.cn a:hover{background:url(/images/common/menu_0102_cn_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03.cn a{background:url(/images/common/menu_0103_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth01 li.m03.cn a:hover{background:url(/images/common/menu_0103_cn_on.gif) no-repeat 0 0;}

#container .contents .contents_area .siteMap ul.depth02 li a{height: 25px;display:block;}
#container .contents .contents_area .siteMap ul.depth02 li.m01 a{height: 50px;background:url(/images/common/menu_0201_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m01 a:hover{height: 50px;background:url(/images/common/menu_0201_on.gif) no-repeat 0 0;}

#container .contents .contents_area .siteMap ul.depth02 li.m02 a{height: 50px;background:url(/images/common/menu_0202_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m02 a:hover{height: 50px;background:url(/images/common/menu_0202_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m03 a{background:url(/images/common/menu_0203_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m03 a:hover{background:url(/images/common/menu_0203_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m04 a{background:url(/images/common/menu_0204_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m04 a:hover{background:url(/images/common/menu_0204_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m05 a{background:url(/images/common/menu_0205_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth02 li.m05 a:hover{background:url(/images/common/menu_0205_on.gif) no-repeat 0 0;}

#container .contents .contents_area .siteMap ul.depth03 li a{height: 25px;display:block;}
#container .contents .contents_area .siteMap ul.depth03 li.m01 a{background:url(/images/common/menu_0301_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth03 li.m01 a:hover{background:url(/images/common/menu_0301_on.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth03 li.m02 a{background:url(/images/common/menu_0302_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth03 li.m02 a:hover{background:url(/images/common/menu_0302_on.gif) no-repeat 0 0;}
/* us */
#container .contents .contents_area .siteMap ul.depth03 li.m01.us a{background:url(/images/common/menu_0301_us_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth03 li.m01.us a:hover{background:url(/images/common/menu_0301_us_on.gif) no-repeat 0 0;}
/* cn */
#container .contents .contents_area .siteMap ul.depth03 li.m01.cn a{background:url(/images/common/menu_0301_cn_off.gif) no-repeat 0 0;}
#container .contents .contents_area .siteMap ul.depth03 li.m01.cn a:hover{background:url(/images/common/menu_0301_cn_on.gif) no-repeat 0 0;}

#container .contents .contents_area .siteMap ul.depth02 li.m01 ul li{margin-left: 20px;}
#container .contents .contents_area .siteMap ul.depth02 li.m02 ul li{margin-left: 20px;}
#container .contents .contents_area .siteMap ul.depth02 li.m01 ul.depth2 li a{display:block;height: 20px;background:none;color: #686868;}
#container .contents .contents_area .siteMap ul.depth02 li.m02 ul.depth2 li a{display:block;height: 20px;background:none;color: #686868;}
#container .contents .contents_area .siteMap ul.depth02 li.m01 ul.depth2 li a:hover{color:#ed1d24;}
#container .contents .contents_area .siteMap ul.depth02 li.m02 ul.depth2 li a:hover{color:#ed1d24;}
#container .contents .contents_area .siteMap ul.depth02 li.m01 ul.depth2 li.m01 a{margin-top: 10px;}
#container .contents .contents_area .siteMap ul.depth02 li.m02 ul.depth2 li.m01 a{margin-top: 10px;}
#container .contents .contents_area .siteMap ul li ul.depth2 li{border: none;}

#container .contents .contents_area .siteMap ul.depth2 li a em{font-style: normal;background:url(/images/common/ico_square_off.gif) no-repeat 0 4px;padding-left: 10px;}
#container .contents .contents_area .siteMap ul.depth2 li a:hover em{font-style: normal;background:url(/images/common/ico_square_on.gif) no-repeat 0 4px;padding-left: 10px;}

/* 재퓸소개 */
#container .contents .contents_area .section h5{font-size: 18px;margin: 10px 0;}
#container .contents .contents_area .section .sum{font-size: 16px;color: #8c8c8c;}
#container .contents .contents_area .section .sum span{color: #555;font-weight: bold;}
#container .contents .contents_area .section .JPimg{width: 690px;position: relative;margin: 30px 0 0 0;}
#container .contents .contents_area .section .JPimg .patent{position:absolute;top:0;left:0;}
#container .contents .contents_area .section .mov{padding: 20px 0 0 20px;}
#container .contents .contents_area .section .spc{padding: 20px 0 0 20px;width: 670px;/* height: 400px; */ clear:both;}
#container .contents .contents_area .section .spc dl{float: left;}
#container .contents .contents_area .section .spc dl.type1{width: 320px;height: 160px;}
#container .contents .contents_area .section .spc dl.type2{width: 350px;height: 160px;}
#container .contents .contents_area .section .spc dl.type3{width: 350px;height: 140px;margin-top: -60px;}
#container .contents .contents_area .section .spc dl dt{font-size: 18px;font-weight: bold; margin: 0 0 10px 0;}
#container .contents .contents_area .section .spc dl dd{font-size: 14px;}
#container .contents .contents_area .section .spc dl dd p span{display: inline-block;width: 65px;font-weight: bold;}
#container .contents .contents_area .section .spc dl dd p{height: 23px;}
#container .contents .contents_area .section .spc dl dd img{margin: -10px 0 0 -30px;}
#container .contents .contents_area .section .spc dl dd p.gray{color: #ed1d24;}

/* 푸터 */
#footer{width: 100%;border-top: 1px solid #d8d8d8;}
#footer .section{width: 960px;height: 160px;margin: 0 auto;}
#footer .section ul{float: left;margin: 25px 0 0 40px;}
#footer .section ul h5{color: #a8a8a8;margin-bottom: 10px;}
#footer .section ul li{letter-spacing: 1px;line-height: 22px;}
#footer .section ul li a:hover{font-size: 12px;color: #ed1c24;}
#footer .section ul.list2{width: 180px;height: 100px; margin: 25px 10px 0 120px;}
#footer .section ul.list3{margin: 48px 70px 0 40px;}
#footer .copyright{width: 100%;height: 40px;padding-top: 20px; border-top: 2px solid #ed1c24;text-align: center;background: #272727;color: #fff;font-size: 14px;}
#footer .goTop{position: absolute;left: 50%;margin: 0 0 0 420px;}
#footer .goTop a span{display:block;text-indent:-9999em;}
#footer .goTop a{display: block;width: 50px;height: 40px;background:url(/images/common/btn_top.png) no-repeat 0 0;margin-top: -40px;}
#footer .goTop a:hover{display: block;width: 50px;height: 50px;background:url(/images/common/btn_top.png) no-repeat -50px 0;margin-top: -50px;}


.main #footer .goTop{display:none;}

/* 채용안내 */
.recruit h4 {margin-left: 0px !important;}
.recruit .text-border-list {width: 100%; border-top: 1px solid #222; border-bottom: 1px solid #c8c8c8; background: #fff; table-layout: fixed; border-collapse: collapse; border-spacing: 0; word-break: break-all;}
.recruit .text-border-list.mt20 {margin: 50px 0 50px 0;}
.recruit .text-border-list tr th {padding: 12px 30px; color: #666; font-size: 14px; vertical-align: middle; border-top: none; border-bottom: 1px solid #dcdcdc; text-align: left; background: #fafafa;}
.recruit .text-border-list tr td {padding: 12px 30px; color: #666; font-size: 14px; vertical-align: middle; border-top: none; border-bottom: 1px solid #dcdcdc; text-align: left;}
.recruit .text-border-list tr th[rowspan] {border-right: 1px solid #dcdcdc;}