@charset "utf-8";

@import"global.css";

/* Layout */
html, body {width:100%; min-width:1200px;}
#header {position:relative; width:100%; background:url("/images/common/bg_gnb.png") repeat-x bottom}
#footer {width:100%; height:111px; padding-top:30px; border-top:1px solid #ebebeb;}
#container {width:100%;}
#contents {width:1200px; margin:0 auto;}
#contents:after, #footer:after {content:" "; display:block; clear:both; height:0;}

/* Common */
h2  {position:absolute; z-index:-1; visibility:hidden;}
legend {display:none;}
button {cursor:pointer}
button span {display:inline-block; text-indent:-99999em}
.btn_area {overflow:hidden; text-align:center;}
.btn_area * {vertical-align:top}
.center {float:none;}
.flow {float:left;}
.reverse {float:right;}
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.bgNone {background:none !important;}
.hdTxt {position:absolute; z-index:-1; visibility:hidden;}

/* Gnb */
.gnb {position:relative; width:1200px; height:92px; margin:0 auto; padding-top:49px;}
.gnb h1 {position:absolute; top:72px; left:0; font-size:24px; font-family: 'Open Sans Light';}
.gnb h1 a {color:#1f4787}
.gnb ul {float:right; overflow:hidden; padding-top:33px;}
.gnb li {float:left; padding:0 25px;}
.gnb li.last {padding-right:0;}
.gnb li a {color:#444}
.util {position:absolute; top:0; width:100%; height:49px; background:#737373;}
.util .top_area {overflow:hidden; width:1200px; margin:0 auto; font-size:12px;}
.util .top_area ul {float:left; overflow:hidden; margin-right:5px; padding-top:16px;}
.util .top_area li {float:left; color:#fff; background:url("/images/common/ico_bar.png") no-repeat left center;}
.util .top_area li:first-child {background:none;}
.util .top_area li a {display:inline-block; padding:0 7px; color:#fff;}
.util .top_area p {float:left; position:relative; padding-top:9px;}
.util .top_area button {position:absolute; top:9px; right:0; display:inline-block; width:30px; height:30px; background:url("/images/common/btn_search.png") no-repeat}
.util .top_area input {display:inline-block; width:150px; height:30px; background:url("/images/common/bg_search.png") no-repeat; border:0;}

/* Footer */
#footer > div {position:relative; width:1200px; margin:0 auto;}
#footer .btn_top {position:absolute; top:-30px; right:0;}
#footer p {float:left; margin-right:40px;}
#footer .foot_info {width:800px; float:left; font-size:12px; color:#888}
#footer .foot_info * {display:block;}
#footer .copyright {margin-top:15px; font-size:10px; font-family: 'Open Sans Semibold'; color:#444}

/* Lnb */
#lnb {float:left; width:196px; margin-right:50px; padding-top:50px;}
#lnb li {float:left; width:100%; height:50px; border-bottom:1px solid #d8d8d8;}
#lnb li:first-child {border-top:1px solid #d8d8d8;}
#lnb li a {display:block; width:100%; height:100%; line-height:50px; text-indent:29px;}
#lnb li a:focus, #lnb li a:hover, #lnb li.on a {background:#ff4949 url("/images/common/ico_arrow.png") no-repeat 160px center ; color:#fff}

/* Content */
#sub_visual {height:240px; text-align:center;}
#sub_visual span {display:inline-block; text-indent:-99999em}
#content {float:left; width:954px; padding-top:50px;}
.hgroup {position:relative; width:100%; padding-bottom:15px; border-bottom:1px solid #d8d8d8;}
.hgroup h3 {height:53px; padding-top:10px; font-size:34px; background:url("/images/common/red_bar.png") no-repeat left top; font-weight:normal; font-family: 'NanumGothic bold';}
.hgroup span {font-size:12px; color:#888}
.location {position:absolute; bottom:14px; right:0; font-size:12px; color:#888}
.location a, .location span {display:inline-block; height:20px;  padding:0 10px}
.location span {padding-right:0;}
.location * {vertical-align:middle}
.cont_area {padding:50px 0 95px; font-size:14px; }
.cont_area .txt_line {line-height:20px; color:#666666}
.cont_area .brightYellowBg { width:95%; background:#e9e3bc; font-size:15pt; text-align:center;padding:30px;}
.cont_area .brightYellowBg .red { color:#ff0033; }
/* Main */
.main_visual {position:relative; margin-bottom:50px;}
.main_paging {position:absolute; right:30px; bottom:30px; text-align:center}
.main_paging button {display:inline-block; width:13px; height:13px; background:url("/images/main/ico_off.png") no-repeat; border:0;}
.main_paging button.on {background:url("/images/main/ico_on.png") no-repeat;}
.article_area {margin-bottom:66px;}
.article_area .btn_more {position:absolute; top:4px; right:0;}
.article_area:after {content:" "; display:block; clear:both; height:0;}
.article_area .col {position:relative; float:left; width:365px; margin-left:30px;}
.article_area .col:first-child {margin-left:20px;}
.col h3 {margin-bottom:18px;}
.col.news_area h3, .col.product_area h3 {font-family: 'Open Sans Light'}
.col.sunwoo_area h3 {font-family: 'NanumGothic';}
.col_img {margin-bottom:26px;}
.news_area li {overflow:hidden; padding-left:9px; font-size:12px; background:url("/images/common/bullet_green.png") no-repeat left 8px; margin-bottom:16px;}
.news_area li a {float:left; display:inline-block; width:280px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_area li span {float:right; color:#bbb}
.product_cont p {float:left;}
.product_cont strong, .sunwoo_area strong {float:left; display:block; margin-bottom:10px; font-size:14px; color:#38b684;}
.product_cont span, .sunwoo_area span {float:left; display:inline-block; width:210px; font-size:11px; line-height:20px; color:#888}
.product_cont button {position:absolute; top:300px; display:block; width:19px; height:19px;}
.product_cont button.btn_prev {left:8px; background:url("/images/common/btn_left.png") no-repeat;}
.product_cont button.btn_next {left:125px; background:url("/images/common/btn_right.png") no-repeat;}
.sunwoo_area strong {color:#ff3c3c}
.sunwoo_area span {width:366px;}

/* Board */
.srh_area {overflow:hidden; margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #d8d8d8}
.srh_area * {vertical-align:middle;}
.srh_area span {float:left}
.srh_area span select {height:28px; margin-left:7px;}
.srh_area p {position:relative; float:right}
.srh_area button {position:absolute; top:4px; right:5px; display:inline-block; width:21px; height:21px; background:url("/images/common/btn_search_gray.png") no-repeat}
.srh_area input {height:28px;}
.board_list, .board_view {width:100%; margin-bottom:18px; border-top:1px solid #d8d8d8;}
.board_list td, .board_view td {height:50px; border-bottom:1px solid #d8d8d8; text-align:center;}
.board_list tr:hover td {background:#fef3eb}
.board_list a {color:#666;}
.board_view .board_cont {padding:30px 0;}
.board_view th {border-bottom:1px solid #d8d8d8;}
.board_view th.article_prev {background:#f6f8f9 url("/images/common/ico_upper.png") no-repeat 77px center; }
.board_view th.article_next {background:#f6f8f9 url("/images/common/ico_under.png") no-repeat 77px center}
.board_view td.txtL {padding-left:20px;}
.board_area .board_list {border-top:none;}
.board_area .srh_area {margin-bottom:0;}
.paging {text-align:center;}
.paging a, .paging strong {display:inline-block; padding:0 2px;}

/* Video */
.video_cont {overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #d8d8d8}
.video {float:left; width: 500px; height:300px; margin-right:30px;}
.video_dec {float:left; width: 424px; border-top:1px solid #000}
.video_dec strong {display:block; height:70px; line-height:70px; font-size:20px; color:#333333}
.dec_cont {width:100%; height:227px;}
.video_list ul {overflow:hidden;}
.video_list li {float:left; margin-left:20px;}
.video_list li:first-child {margin-left:10px}
.video_list li span {display:inline-block; width:139px; text-align:center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Company */
h4.circle {margin-bottom:17px; padding-left:22px; font-size:20px; color:#333; background:url("/images/sub/ico_orange_circle.png") no-repeat left center; font-weight:normal; font-family: 'NanumGothic bold';}
h4.circle.redType {background:url("/images/sub/ico_red_circle.png") no-repeat left center;}
.orange_tab {overflow:hidden; margin-bottom:45px;}
.orange_tab li {float:left; width:318px; height:50px; background:#333333; text-align:center; line-height:50px;}
.orange_tab li:focus, .orange_tab li:hover, .orange_tab li.on {background:#ff4949;}
.orange_tab li a {display:block; width:100%; height:100%; color:#fff; border-left:1px solid #d8d8d8}
.orange_tab li:first-child a {border-left:none;}
.orange_tab.tab02 li {width:477px;}
.orange_tab.tab04 li {width:238px;}
.orange_tab.tab05 li {width:180px;}
.orange_tab.tab06 li {width:150px;}
.orange_tab li.t110 {width:110px;}
.orange_tab li.t130 {width:130px;}
.orange_tab li.t150 {width:150px;}
.orange_tab li.t170 {width:170px;}
.orange_tab li.t200 {width:200px;}
.orange_tab li.t230 {width:230px;}
.orange_tab li.t250 {width:250px;}
.orange_tab li.t270 {width:270px;}
.inc_info:first-child {margin-bottom:49px; border-bottom:1px dashed #d0d0d0}
.inc_info p {margin-bottom:48px}
.inc_info span {display:block; margin-bottom:58px; text-align:center}
.greeting {background:url("/images/sub/img_hello.png") no-repeat right 10px;}
.ceo_say {background:url("/images/sub/img_leaf.jpg") no-repeat right 50px;}
.tit_name {display:block; margin-bottom:15px; font-size:30px; color:#333; font-weight:normal; font-family: 'NanumGothic bold';}
.tit_name.txt_type {margin-bottom:30px; line-height:35px}
.img_list ul {overflow:hidden; margin-left:-20px;}
.img_list li {float:left; width:304px; height:200px; margin:0 0 20px 20px; background:#f78d37;}
.etc_txt {padding:30px 44px; background:#f6f6f6;}
.etc_txt li {padding-left:10px; background:url("/images/common/bullet_orange.png") no-repeat left 8px;}
.etc_txt span {display:inline-block; width:73px; color:#333; font-family: 'NanumGothic bold';}
.contact_info {margin-top:18px}
.contact_info span {display:inline-block; height:20px; padding-left:17px;}
.contact_info .ico_here {background:url("/images/common/ico_here.png") no-repeat left 1px;}
.contact_info .ico_call {background:url("/images/common/ico_call.png") no-repeat left 3px;}

/* Customer */
.fna_list {width:100%; margin-bottom:15px;}
.fna_list td {padding:12px 0; text-align:center; vertical-align:top; border-bottom:1px solid #d8d8d8;}
.fna_list td.txtL {padding-left:20px;}

/* 사업영역 */
.field_biz.mine {padding-bottom:20px; background:url("/images/sub/bg_mine.png") no-repeat right 3px;}
.field_biz p {margin-bottom:28px;} 
.bullet_orange {margin-bottom:14px; padding-left:10px; font-size:14px; color:#333; background:url("/images/common/bullet_orange.png") no-repeat left center;  font-weight:normal; font-family: 'NanumGothic bold';}
.bullet_green {margin-bottom:14px; padding-left:10px; font-size:14px; color:#333; background:url("/images/common/bullet_green.png") no-repeat left center;  font-weight:normal; font-family: 'NanumGothic bold';}
.orange_tbl {width:100%; margin-bottom:48px; border-top:1px solid #e4e4e4;}
.orange_tbl.noBottom {width:100%; margin-bottom:8px; border-top:1px solid #e4e4e4;}
.orange_tbl.mgb {margin-bottom:5px;}
.orange_tbl th {height:50px; background:#ff4949; text-align:center; color:#fff; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-weight:normal; font-family: 'NanumGothic bold';}
.orange_tbl th.bg_gray {background:#f7f7f7; color:#666; text-align:center;}
.orange_tbl th:first-child, {border-left:none}
.orange_tbl th.bd_left {border-left:1px solid #e4e4e4;}
.orange_tbl td {height:50px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; text-align:center; color:#666}
.orange_tbl td:first-child {border-left:1px solid #e4e4e4;}
.orange_tbl .txtL {padding-left:28px;}
.txt_red {font-size:12px; color:#ff4444;}
.txt_red.type2 {font-size:14px;}
.txt_green {font-size:12px;color:#339900;}
.txt_green.type2 {font-size:14px;}
.txt_blue {font-size:14px; color:#3598db; font-weight:normal; font-family: 'NanumGothic bold';}
.txt_gray {overflow:hidden; width:100%; margin-bottom:45px; font-size:14px; color:#666}
.txt_black {display:block; font-size:12px; text-align:center}
.blue_box {overflow:hidden; margin:0 0 50px -20px;}
.blue_tbl {float:left; margin:0 0 20px 20px}
.blue_tbl th {width:467px; height:50px; background:url("/images/sub/bg_blue.png") no-repeat; color:#fff; font-weight:normal; font-family: 'NanumGothic bold';}
.blue_tbl td {height:63px; background:#f6f6f6; text-align:center;}
.img_area {width:304px; height:194px; background:#f78d37;}
.img_area.full_wide {width:100%; margin:15px 0 38px}
.txt_wrap {overflow:hidden; margin-bottom:40px}
.eco_area .flow {width:625px;}
.eco_area p, .farming_area p, .industry_area p, .jimjil_area p, .farming_area li{color:#666}
.half_box {overflow:hidden;}
.half_box > div {float:left; width:467px; margin-left:20px;}
.half_box > div:first-child {margin-left:0;}
.img_math {margin:5px 0 10px;}
.use_list {overflow:hidden; margin-left:-20px}
.use_list li {float:left; width:304px; margin:0 0 50px 20px;} 
.use_list li strong {display:block; margin-bottom:17px; font-size:20px; color:#333; font-weight:normal;  font-family: 'NanumGothic bold'; line-height:21px;}
.use_list li strong span {display:inline-block; margin-right:5px; width:21px; height:21px; background:url("/images/sub/bg_num.png") no-repeat; text-align:center; line-height:21px; color:#fff; font-size:14px}
.use_list li p {width:304px; margin:0; text-align:center; background:#f5f5f5; color:#666; font-size:12px;}
.use_list li.num_01 p {height:51px; padding:30px 0;}
.use_list li.num_02 p {height:15px; padding:48px 0;}
.use_list li.num_03 p {height:35px; padding:38px 0;}
.space {margin-right:30px;}

/* 응용분야 */
.application {margin-bottom:50px; padding:50px 50px 25px; background:#f6f6f6;}
.application ul {overflow:hidden; margin-left:-20px;}
.application li {float:left; margin:0 0 25px 20px; text-align:center;}
.application li p {width:198px; height:120px; background:#f78b37; margin-bottom:7px;}

/* 설립목적 */
.purpose_list {overflow:hidden;}
.purpose_list li {float:left; height:345px; margin-left:24px; text-align:center; background:#f5f5f5; font-size:12px; color:#666}
.purpose_list li:first-child {margin-left:0;}
.purpose_list li strong {display:block; margin-bottom:10px; color:#ff4949; font-weight:normal;  font-family: 'NanumGothic bold'; font-size:16px;}
.purpose_list li.orange strong {color:#f78d37;}
.purpose_list li.blue strong {color:#3598db;}
.purpose_list li.skyblue strong {color:#0dcdc0;}
.purpose_list img {display:block;margin-bottom:24px;}
.purpose_list.type2 li {height:305px}
.purpose_list.type3 > li {height:480px; margin-left:20px}
.purpose_list.type3 > li:first-child {margin-left:0}
.purpose_list.type3 > li strong {padding-left:30px; text-align:left; color:#000}
.purpose_list.type3 > li span {display:block; margin-bottom:10px; padding-left:41px; background:url("/sunwoo/images/sub/bullet_red.png") no-repeat 30px 6px; text-align:left; color:#666}

/* 인재채용 */
.hire_area ul {margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #d0d0d0}

/* 제품소개 */
.bul_list li {margin-bottom:20px; padding-left:10px;background:url("/images/sub/bullet_red.png") no-repeat left 7px;}
.red_dot {display:block; margin-bottom:7px; padding-left:10px;background:url("/images/sub/bullet_red.png") no-repeat left 7px;}

/* 축산사료 첨가제 */
.gray_table {width:100%; margin-bottom:50px; border:1px solid #c0c0c0; border-top:none}
.gray_table th {background:#f7f7f7; height:50px; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0;}
.gray_table th:first-child {border-left:none}
.gray_table td {text-align:center; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0}

/* Etc */
#dimmed {position:fixed; z-index:600; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:Alpha(Opacity=50);}
#sitemap {position:absolute; z-index:700; top:30%; left:50%; margin-left:-450px; width:954px; height:560px; background:#fff;}
#sitemap .sitemap_head {position:relative; width:100%; height:70px; background:#f78d37;}
#sitemap .sitemap_head strong {display:block; padding-left:45px; color:#fff; font-size:30px; font-weight:normal; font-family: 'Open Sans Bold'; line-height:70px;}
#sitemap .btn_close {position:absolute; top:0; right:0; display:block; width:79px; height:70px; background:url("/images/sub/btn_close.png") no-repeat;;}
#sitemap .sitemap_cont {width:860px; padding:50px 47px;}
#sitemap .map_col {float:left; width:140px; margin-left:39px;}
#sitemap .map_col:first-child {margin-left:0;}
#sitemap .map_col strong {display:block; padding-bottom:8px; border-bottom:1px solid #000; font-size:24px; font-weight:normal; font-family: 'NanumGothic bold';}
#sitemap .map_col ul {border-bottom:1px solid #000;}
#sitemap .map_col li {height:50px; line-height:50px; border-top:1px solid #ececec; font-size:14px;}
#sitemap .map_col li:first-child {border-top:none}
#sitemap .map_col li a {color:#666}


/* 2014-06-26 갤러리
-------------------------------------------------------------------------- */
.with-gallery {
  font-size: 13px;
  font-family: "NanumGothic";
  padding-bottom: 70px;
}
.with-gallery * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-list {
  padding: 25px 0;
  clear: both;
  border-top: 2px solid #8e8e8e;
  border-bottom: 1px solid #8e8e8e;
}
.gallery-list li {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 180px;
  margin: 7px;
  border: 1px solid #c9c3b6;
}

.gallery-img {
  left: 0;
}

.gallery-text {
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: -2px;
  width: 230px;
  background: url(../images/bg_black_a6.png) repeat ;
}
.gallery-text .subject {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 15px 12px 15px;
}
.gallery-text .date {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ffc30e;
  font-size: 11px;
  font-family: "Trebuchet MS";
}