@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px; background:#ffffff}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}
.mb50{margin-bottom:50px;}


.comm_table{width:100%; border-top:1px solid #323232; border-collapse:separate; font-size:0.9em}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:bold; color:#323232; background:#f0f0f0}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7; font-weight:500}
.comm_table .tal{text-align:left;}

/*.bd_table{border-right:1px solid #dcdcdc}*/
.bd_table th, .bd_table td{border-left:1px solid #dcdcdc}
.bln {border-left:none!important;}
.bbl {border-bottom:1px solid #828282!important;}


.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse; border-bottom:2px solid #6d6a60}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:600; background:#dbdbdb; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table .bgcc{background:#007452; color:#ffffff}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}

.intra {margin:20px  }
.intra a { border:1px solid #CCCCCC; background:#000000; padding:5px 10px;width:150px}

@media all and (min-width:768px) {
.intra {float:right; }
}

@media all and (min-width:768px) {
.comm_table{font-size:1em}	
}






.blackTxt{color:#000000}
.blTxt{color:#007452 !important}
.blgrTxt{color:#345468}

.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#00DBFF;}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:30px 0; background:rgba(230,230,230,0.3);}
.pdbox{padding:30px 20px}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#cef2ff;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0;}

.tit_nm{font-size:1.4em; font-weight:600; letter-spacing:-0.06em; color:#000000;}
.tit_sm{font-size:1.2em;  font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:600; letter-spacing:-0.065em; padding-left:26px; background:url(../img/tit_dot.png) no-repeat left center;}
.txt_line {display:inline-block;}
.txt_line:after {content:''; background:#00DBFF70; width:100%; display:block; height:15px; margin-top:-15px;}



/*탭리스트*/
.tablist {overflow:hidden; text-align:center; }
.tablist li{display:inline-block;  line-height:50px; text-align:center;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:90%; margin-bottom:20px;}
.tablist.list04 li{width:20%}


@media all and (min-width:768px) {
.tablist.list03 li{width:30% }
}



.tablist li a{ display:block; text-align:center; border-bottom:1px solid #dcdcdc; color:#808080; }
.tablist li.active a{color:#007452; font-weight:600; border-bottom:3px solid #007452;}


/*탭홀더*/
#tabsholder .tabs li{background:#ffffff; color:#808080; border:1px solid #dcdcdc; cursor:pointer}
#tabsholder .tabs li.current{background:#34425c; color:#ffffff; border-color:#34425c}
#tabsholder .tabscontent {display:none;}

@media all and (min-width:540px) {

}




@media all and (min-width:768px) {
.bgbox{padding:60px 0;}
.pdbox{padding:60px 30px;}

.comm_table th{padding:20px 5px}
.comm_table td{padding:15px 5px;}

.content_table th{padding:5px 5px}
.content_table td{padding:15px 5px;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:30.33%; margin:0 1.5%; float:left;}
.sub_con .col-04{width:22%; margin:0 1.5%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.mEnter{display:inline-block;}
.tEnter{display:block;}

.tit_nm{font-size:1.8em;}
.tit_sm{font-size:1.4em;}
.tit_dot{ font-size:1.5em;}

}

@media all and (min-width:1200px) {
.bgbox{padding:80px 0px;}
.pdbox{padding:80px 50px;}
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:2.5em;}
.tit_sm{font-size:1.6em;}
}

/*소개공통*/
.comm_top{position:relative; }
.deco:after{content:''; display:block; width:100%; position:absolute; bottom:0; height:8px; background:url(../img/line_bg.png) no-repeat;}
.comm_top h4{color:#29343f;  font-size:1.3em; line-height:1.3;}
@media all and (min-width:768px) {
.comm_top h4{font-size:1.8em;}
}



@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.1) translateY(-15px);
            transform: scale(1.1) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}




@media all and (min-width:768px) {
.com_info{background-position:center bottom;}
.info_dl dl dt{font-size:1em}
.info_dl dl{width:25%; padding:20px 0px}
.info_dl dl:before{content:''; width:1px; height:70px; background:#c8c8c8; position:absolute; display:block; top:0; bottom:0; left:0; margin:auto}
.half_bg{padding-bottom:50px;}
.vision_li li b{font-size:1.4em}
.vision_li li{width:23%; margin:0 1%; padding:100px 0px 50px}
}


@media all and (min-width:1200px) {
.vs_tit{font-size:3em;}
}



/*인사말*/
.greeting ul {width:100%; display:block;}
.greeting .txt_box {width:100%; margin:0 auto}
.greeting .img_box {width:100%}

@media all and (min-width:768px) {
.greeting .txt_box {width:35%; display:inline-block;}
.greeting .img_box {width:60%; display:inline-flex; margin-right:3%;}
}


/*그래프연혁*/
.history>dl {max-width:960px; margin:0 auto;}
.history>dl dd {display:inline-block; width:100%; margin:20px 0; border-top:1px solid #dcdcdc; padding-top:20px;line-height:30px;}
.history>dl dd div.y {color:#003480; font-weight:600; font-size:1.75em; position:relative; margin-bottom:10px;}
.history>dl dd div.y img {display:none;}
.history>dl dd div.txt {font-size:1.1em;}
.history>dl dd div.m {font-weight:600; margin-right:10px; display:inline-block; height:100%; position:relative; padding-right:15px;}
.history>dl dd div.m:after {content:''; display:inline-block; width:4px; height:4px; border-radius:500px; background:#C7C7C7; position:absolute; right:0; top:15px;}

@media all and (min-width:768px) {
.history>dl dd div.y {float:left; width:30%;}
.history>dl dd div.y img {width:80%; max-width:240px; display:block; margin-top:20px;}
.history>dl dd div.txt {float:right; width:70%;}
}


/*인증서*/
.certi ul {width:100%;}
.certi ul li {display:inline-grid; width:46%; margin:0 2% 2% 0; text-align:center; border:1px solid #CCCCCC}
.certi ul li img {width:100%;}
.certi ul li p{background:#6B6B6B; color:#FFFFFF; padding:10px 8px;;}
@media all and (min-width:768px) {
.certi ul li {width:17.5%;}
.certi .line02 img {height:284px;}
.certi .line02 p {padding:22px 0;}
.certi .line03 p {padding:22px 0;}
}


/*오시는길*/
.map {width:100%!important;}
.map_info li{
    border-bottom: 1px solid #dedede;
    display: flex;
    align-items: center;
    padding: 15px 0;
    color: #555;
}
.map_info li .tlt{
    color: #003480;
    font-weight: 700;
    width: 60px;
    text-align: center;
}
.map_info li em{
    width: calc(100% - 120px);
}

@media all and (min-width:768px) {
.map_info li{padding: 40px 15px; font-size: 18px;
}
.map_info li .tlt{width: 100px;}
.map_info li em{width: calc(100% - 160px);}
}
@media all and (min-width:1200px) {
.map_info ul{display: flex;flex-wrap: wrap;}
.map_info li{width: 50%;}
}

/*주요생산품*/
.product img {width:100%;}
.product>ul {width:100%; display:inline-block;}
.product>ul li {width:50%; float:left; text-align:center; display:inline-block;}
.product>ul li h5 {font-weight:600; color:#FFFFFF; padding:3px; background:#003480; width:20%; margin:0 auto; border-radius:20px; margin-top:20px}

.product>ul li .hd {margin-top:0!important;}


@media all and (min-width:768px) {
.product>ul {width:50%;}
.product img {width:50%; margin-bottom:30px;}
.product>ul li p {margin:5px;}
}

/*설비현황*/

.line h4 {width:30%; float:left; margin-right:20px;}
.line h4:before {content:''; width:140px;  height:3px; background:#003480; display:block; margin-bottom:10px;}
.line .line_img {width:62%}
.line_li {width:100%; display:inline-block;}
.line_li ul li img{border-bottom:3px solid #003480; margin-bottom:10px;}

@media all and (min-width:768px) {
.line_li ul li{width:30%; float:left; margin:10px; color:#003480; font-weight:600;}
}


/*프로세스*/
.pro {width:100%; margin:0 auto;}

@media all and (min-width:768px) {
.pro {width:80%}
}

.pro_line {text-align:left; border-top:1px solid #CCCCCC; padding-top:20px;}

/*비즈니스*/
.busi_con ul {margin:0 auto; font-size:0;}
.busi_con ul li{width:100%; margin-bottom:20px; position:relative; box-shadow:5px 5px 10px hsla(0,0%,0%,0.2); display:block; padding:50px; font-size:14px; overflow:hidden; height:270px; background:#fff;}
.busi_con ul li h4 {margin-bottom:20px;}
.busi_con .click{margin:0 auto;}
.busi_con .click a{background:#fff; margin:0 auto ; text-align:center; width:150px; padding:10px 30px; display:block; border:1px solid #007452; border-radius:50px;}	
.busi_con .click a:hover{transform:scale(1.1); transition:0.5s; background:#007452; color:#FFFFFF; }

.busi_con .busi_li li b{position:absolute; top:0; left:0; background:#007452; color:#fff; font-weight:bold; width:40px; height:40px; text-align:center; line-height:40px;}
.busi_con .busi_box {margin-top:0px;}	
.busi_con .busi_li {margin-top:0px;}

.small_box p span{font-weight:bold; margin-right:5px; position:relative;}
.small_box p span:before {font-family:'FontAwesome'; content:'\f105'; font-size:0.8em; position:absolute; top:2px; margin-left:-10px; color:#007452;}
.busi_img {text-align:center;}
.busi_img img {width:100%;}

@media all and (min-width:500px) {
.busi_con ul li{height:200px; }
.busi_con .busi_li04 li{height:250px;}	
.busi_img img {width:70%;}	
}

@media all and (min-width:1200px) {
.busi_con ul li{width:30.33%; margin:3% 15px; display:inline-block; height:270px;}
.busi_con .busi_li04 li {width:47.33%}
.busi_con .busi_box {margin-top:150px;}	
.busi_con .busi_li {margin-top:-200px;}
}

.busi_con .img_box ul {text-align:center;}
.busi_con .img_box ul li{box-shadow:none; padding:0; height:auto; margin:3% 0;}
.busi_con .img_box ul li img {width:100%;}

@media all and (min-width:768px) {	
.busi_con .img_box ul li {margin:3% 5px;}
}

.container01 .txt ul li{position:relative; }
.container01 .txt ul li:after {font-family:'FontAwesome'; content:'\f111'; font-size:.6em; position:absolute; color:#007452; position:absolute; left:-15px; top:5px;}

.container01 .txt {border:1px solid #B3B3B3; margin-bottom:100px;}

/*컨테이너*/
.container01 .txt {padding:20px;border-radius:20px; text-align:left}
@media all and (min-width:768px) {	
.container01 .txt ul li {text-align:left; margin-bottom:20px;}	
.container01 .txt {width:100%; float:left; padding:20px 60px 8px 60px; }
}


.container01_01 ul li:nth-child(1){position:relative;}
.container01_01 ul li:nth-child(1):after {content:''; background:url("../img/container01_02.png")no-repeat; position:absolute; top:0; left:0; background-size:cover; width:100%; height:100%;}


@media all and (min-width:1200px) {	
.container01_01 ul li:nth-child(1):after {display:none;}
	
.container01_01 ul li:nth-child(2),	
.container01_01 ul li:nth-child(3),	
.container01_01 ul li:nth-child(4) {height:270px;}
	
.container01_01 ul li:nth-child(2) {position:relative; margin:-800px 0 0;}
.container01_01 ul li:nth-child(2):after {content:''; background:url("../img/container01_03.png")no-repeat; position:absolute; top:40px; left:60px; width:50%; height:100%; background-size:contain;}

.container01_01 ul li:nth-child(3) {position:relative}
.container01_01 ul li:nth-child(3):after {content:''; background:url("../img/container01_04.png")no-repeat; position:absolute; top:60px; left:60px; width:60%; height:100%; background-size:contain;}
	
.container01_01 ul li:nth-child(4) {position:relative}
.container01_01 ul li:nth-child(4):after {content:''; background:url("../img/container01_05.png")no-repeat; position:absolute; bottom:240px; right:-380px; width:60%; height:100%; background-size:contain;}	


}


/*수직농장*/
.verti{position:relative; min-height:500px;}
.verti li {position:absolute;}


.verti02, 
.verti03,
.verti04 {display:none}



@media all and (min-width:768px) {	
.verti{position:relative; height:1200px;}
}


@media all and (min-width:1200px) {	
.verti{position:relative; height:1200px;}
	
.verti02 {top:0; left:0;}
.verti03 {top:39%; left:3%;}
.verti04 {top:75%; right:-50px;}
	
.verti03 img{width:80%}
.verti04 img{width:80%}
	
.verti02, 
.verti03,
.verti04 {display:block}
.verti00 {display:none}	
}



/*수출입포워딩_스텝*/
.busi_step ul {text-align:center;}
.busi_step ul li { height:auto; width:100%; border:1px solid #cdcdcd;}
.busi_step ul li:hover {border:1px solid #0033a0;}
.busi_step ul li dl dt {text-align:center; background:#0033a0; padding:20px; color:#fff; border-top-left-radius:30px; border-bottom-right-radius: 30px; 
	margin-bottom:40px;}
.busi_step ul li dl dt h5{color:#fff;}
.busi_step ul li dl dd:after {content:''; background:#CDCDCD repeat; height:40px; width:1px; display:block; margin:0 auto;}
.busi_step ul li dl dd:last-child:after{display:none;}
.busi_step ul li dl dd span {background:#007452; display:block; width:80px; height:80px; color:#fff; border-radius:500px; text-align:center; line-height:80px;  margin:0 auto; margin-bottom:10px;}
.after_none:after {content:''; display:none;}


@media all and (min-width:1200px) {
.busi_step ul{text-align:left;}	
.busi_step ul li {width:47.33%; display:inline-block;}
.busi_step ul li dl dd{margin:20px;}
.busi_step ul li dl dd:after {display:none; content:'';}
.busi_step ul li dl dd span {display:inline-block; position:relative; margin-right:20px;}
.busi_step ul li dl dd span:after {content:''; background:#CDCDCD repeat; height:40px; width:1px; position:absolute; top:100%; left:50%;}


}




/*CFS운용현황*/
.busi_com {position:relative;}
.busi_com .txt {background:#007452; padding:30px 50px; position:absolute; top:0; left:0; color:#fff;}
.busi_com .txt h5,
.busi_com .txt p {color:#fff;}
.busi_com01_01 ul {display:inline-block; text-align:center;}
.busi_com01_01 li {width:100%; display:inline-block; ; position:relative; margin:0 2% 20px 0;}
.busi_com01_01 li p {background:#007452; padding:10px; position:absolute; bottom:0; right:0; color:#fff;}


@media all and (min-width:768px) {	
.busi_com01_01 li {width:47.333%; }
.busi_com01_01 li:last-child {margin-right:0;}
.busi_com01_01 li p {padding:15px;}
}

.busi_com_li05 li {width:100%;}

@media all and (min-width:768px) {	
.busi_com_li05 li {width:30.33%;}

}


/*서브페이지 bx슬라이더 pager*/

.bsbox .bx-wrapper  .bx-has-controls-direction .bx-controls-direction a{display:none}
.bsbox  #bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100}
.bsbox  #bx-pager li{display:inline-block; margin:0 3px; text-align:center; position:relative;}
.bsbox  #bx-pager li a{color:#ffffff; opacity:0.9; width:22px; height:22px; display:block}
.bsbox  #bx-pager li a:before{content:''; position:absolute; display:block; width:14px; height:14px; background:#ffffff;  top:0; left:0; bottom:0; right:0; margin: auto; border-radius:500px;}
.bsbox  #bx-pager li a.active{ transition:0.3s; opacity:1;}
.bsbox  #bx-pager li a.active:after{content:''; display:block; position:absolute;  width:100%; height:100%; border:1px solid #ffffff; left:0; top:0; bottom:0; right:0; margin:auto;  border-radius:500px; box-sizing:border-box}

.bsbox.dot_btn .bx-pager{position:absolute; color:#ffffff; overflow:hidden;  max-width:1200px;  width:94%; margin:0 auto; left:0; right:0; bottom:15%; text-align:center; min-height:25px; z-index:100; margin-bottom:-20px}
.bsbox.dot_btn .bx-pager .bx-pager-item{display:inline-block; margin:0 3px !important; text-align:center; position:relative; background:none;}
.bsbox.dot_btn .bx-pager .bx-pager-item a{color:#ffffff; opacity:0.9; width:22px; height:22px; display:block}
.bsbox.dot_btn .bx-pager .bx-pager-item a:before{content:''; position:absolute; display:block; width:14px; height:14px; background:#ffffff;  top:0; left:0; bottom:0; right:0; margin: auto; border-radius:500px;}
.bsbox.dot_btn .bx-pager .bx-pager-item a.active{ transition:0.3s; opacity:1; background:none}
.bsbox.dot_btn .bx-pager .bx-pager-item a.active:after{content:''; display:block; position:absolute;  width:100%; height:100%; border:1px solid #ffffff; left:0; top:0; bottom:0; right:0; margin:auto;  border-radius:500px; box-sizing:border-box}

@media all and (min-width:768px) {
.bsbox #subslider li{}
.bsbox .bx-wrapper .bx-has-controls-direction{bottom:130px;}
.bsbox  #bx-pager{width:84%; text-align:left;}
.bsbox.dot_btn .bx-pager{margin-bottom:-35px}

}

@media all and (min-width:1200px) {
.bsbox.dot_btn .bx-pager{margin-bottom:-50px}

}


/*개인정보처리관리*/
.Personal {padding-top:200px;}
.Personal h4 {font-size: 1.5em; font-weight:600; margin-bottom:10px;}
.Personal div {border-bottom:1px solid #c8c8c8; padding-bottom:30px;}
.noneline {border-bottom:none!important;}
.Personal .red {color:#D82C2F;}