@charset "utf-8";

/*br*/
.br_w {display:block;}

/* img-responsive */
.img-block {width:99.9999%; display:block; height:auto;}
.img-inblock {max-width:100%; display:inline-block;}

/* color */
.l_mint {color:#1bd1ad;}
.mint {color:#26baaa;}
.s_blue {color:#0098e7;}
.blue {color:#00e3d8;}
.navy {color:#0e2a4f;}
.white {color:#fff;}
.l_gray {color:#ccc;}
.gray {color:#999;}
.d_gray {color:#666;}
.l_black {color:#333;}
.black {color:#000;}
.red_c {color:#c60039 !important;}

/* background-color */
.bg_l_mint {background-color:#1bd1ad;}
.bg_mint {background-color:#26baaa;}
.bg_s_blue {background-color:#0098e7;}
.bg_blue {background-color:#1585cb;}
.bg_navy {background-color:#0e2a4f;}
.bg_white {background-color:#fff;}
.bg_l_gray {background-color:#f5f5f5;}
.bg_gray {background-color:#999;}
.bg_d_gray {background-color:#666;}
.bg_l_black {background-color:#333;}
.bg_black {background-color:#000;}
.bg_red {background-color:#c60039;}

/* vertical-align */
.vertical_middle {display:table-cell; vertical-align: middle;}
.vertical_top {vertical-align:top;}

/* font-style */
h1.Title {display:inline-block; padding:0;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.eng_bold {font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'AppleSDGothicNeo'; font-weight:bold;}
.ls_default {letter-spacing:0px;}
.text-inter-cluster {text-justify:inter-cluster;}

.fs26 {font-size:26px;}
.fs24 {font-size:24px;}
.fs22 {font-size:22px;}
.fs20 {font-size:20px;}
.fs18 {font-size:18px;}
.fs14 {font-size:14px;}
.fs12 {font-size:12px;}
.fs11 {font-size:11px;}

/* display */
.dpb {display:block;}
.dpi {display:inline;}
.dpib {display:inline-block;}
.dptable {display:table;}
.dpbm {display:none;}

/* position */
.relative {position:relative;}

/* 비고정 button */
.btn_white, a.btn_white {background-color:#fff; color:#c60039; display:inline-block; padding:12px 26px;}
.btn_white:hover, a.btn_white:hover {background-color:#000; color:#fff;}
.btn_black, a.btn_black {background-color:transparent; border:3px solid #333; color:#333; display:inline-block; padding:12px 26px;}
.btn_black:hover, a.btn_black:hover {background-color:#333; border:3px solid #333; color:#fff;}
.btn_red, a.btn_red {background-color:#c60039; color:#fff; display:inline-block; padding:12px 26px; border:1px solid #c60039;}
.btn_red:hover, a.btn_red:hover {background-color:#000; color:#fff; border:1px solid #000;}

/* float */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}

/* direction */
.reverse {direction:rtl;}

/* margin */
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt25 {margin-top:25px;}
.mgt30 {margin-top:30px;}
.mgt35 {margin-top:35px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgt60 {margin-top:60px;}
.mgt70 {margin-top:70px;}
 
.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb25 {margin-bottom:25px;}
.mgb30 {margin-bottom:30px;}
.mgb35 {margin-bottom:35px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb60 {margin-bottom:60px;}
.mgb70 {margin-bottom:70px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}
.mgr30 {margin-right:30px;}
.mgr35 {margin-right:35px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}
.mgr60 {margin-right:60px;}
.mgr65 {margin-right:65px;} /*모바일일때 margin:0;*/
.mgr70 {margin-right:70px;}

.mgl5 {margin-left:5px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}
.mgl25 {margin-left:25px;}
.mgl30 {margin-left:30px;}
.mgl35 {margin-left:35px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.mgl60 {margin-left:60px;}
.mgl70 {margin-left:70px;}

/* 블릿 */
p.bul_red, ul.bul_red li {background:url(/img/layout/bul_red.png) left top 8px no-repeat; padding-left:12px;}

/* 테이블 스타일 */
.responsive_table {overflow-x:auto;}
.cont_table {border-top:1px solid #ddd; width:100%;}
.cont_table th, .cont_table td {padding:15px 20px; border-bottom:1px solid #ddd; min-width:80px;}
.cont_table th {text-align:center;}
.cont_table thead th {color:#c60039;}
.cont_table tbody th {color:#333;}
.cont_table tbody tr:nth-child(odd) {background:#fbf9f9;}
.white_table {border-top:1px solid #ddd; width:100%; table-layout:fixed;}
.white_table th, .white_table td {padding:15px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; min-width:80px;}
.white_table th.last, .white_table td.last {border-right:none;}
.white_table th {text-align:center;}
.white_table thead th {color:#c60039;}
.white_table tbody th {color:#333;}
.red_table {border-top:1px solid #ddd; width:100%; table-layout:fixed;}
.red_table th {padding:15px 20px; border-right:1px solid #ddd; text-align:center; min-width:80px;}
.red_table td {padding:15px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; min-width:80px;}
.red_table th.last, .red_table td.last {border-right:none;}
.red_table thead th {text-align:center; background:#c60039; color:#fff;}
.red_table tbody th {color:#333; border-bottom:1px solid #ddd;}
.graph_table {width:100%; table-layout:fixed;}
.graph_table th, .graph_table td {padding:10px 35px 10px 0;}
.graph_table thead th {color:#666; font-weight:normal;}
.graph_table tbody th {color:#333;}
.graph_table tbody td span {height:10px; border-radius:5px; background: linear-gradient(to right, #ffdb85, #c60039); display:block; text-indent:-9999px;}
.graph_table tbody td .graph10 {width:100%;}
.graph_table tbody td .graph9 {width:90%;}
.graph_table tbody td .graph8 {width:80%;}
.graph_table tbody td .graph7 {width:70%;}
.graph_table tbody td .graph6 {width:60%;}
.graph_table tbody td .graph5 {width:50%;}
.graph_table tbody td .graph4 {width:40%;}
.graph_table tbody td .graph3 {width:30%;}
.graph_table tbody td .graph2 {width:20%;}
.graph_table tbody td .graph1 {width:10%;}

/* 탭 스타일 */
.tabwrap {margin-bottom:40px;}
/*.tab ul {background:#666;}*/
.tab ul li {float:left; width:11%;}
.tab ul li a {display:table; background:#666; color:#fff; text-align:center; height:48px; width:100%; overflow:hidden; line-height:1.2;}
.tab ul li a span {display:table-cell; vertical-align:middle;}
.tab ul li a:hover {background:#333;}
.tab ul li.active a {background:#fff; color:#333;}
.tab.tab2 ul li {width:50%;}
.tab.tab3 ul li {width:33.3333333333333333333%;}
.tab.tab4 ul li {width:25%;}

/* 제품가이드 */
#product_guide .guide .guidebox {margin-bottom:50px;}
#product_guide .guide .guidebox:last-child {margin-bottom:0;}
#product_guide .guide .box_title {background:#c60039; color:#fff; width:195px; line-height:45px; text-align:center; font-weight:bold; float:left;}
#product_guide .guide .recommend {margin:20px 0 0 0; float:right;}
#product_guide .guide .recommend li {float:left; margin-left:10px;}
#product_guide .pack {padding:50px 0 70px 0; margin-top:25px;}
.star3 {color:#8c52c1; text-align:center;}
.star2 {color:#5aa5df; text-align:center;}
.star1 {color:#cb9f5a; text-align:center;}

/* 제품 */
#product .table_box {margin:45px 0 0 0;}
#product .table_box.first {margin:0;}
#product .table_box h4 {margin:0 0 15px 0;}
#product .product_detail .table_box ul.soymark > li {padding:10px 0;}
#product .product_detail .table_box .soymark ul li.txtwrap p {padding-left:17px;}
#product .product_detail .table_box .soymark ul li.imgwrap {padding-left:50px;}
#product .product_img{margin-top:25px;}
#product .product_img ul::after{clear: both; display: block; content: "";}
#product .product_img li{width: 49%;}
#product .product_img li.fl{float: left;}
#product .product_img li.fr{float: right;}

/*포장가이드*/
#packing_guide .imgwrap img {border: 1px solid #ddd;}
#packing_guide .row {margin: -15px;}
#packing_guide .row > div {padding: 15px;}

/* R&D센터 */
#rnd .rndvisual .bg_l_gray {padding:35px 40px;}
#rnd .research_box ul::after{display: block; content: ""; clear: both;}
#rnd .research_box ul li{float: left; width: 19%; margin-right: 1.25%; border: 10px solid #ddd; padding: 40px 40px;text-align: center;}
#rnd .research_box ul li:last-child{margin-right: 0;}
#rnd .research_box ul li p{margin-bottom: 12px; font-size: 50px; font-weight: bold; line-height: 50px;}
#rnd .research_box ul li.point_red{color: #c60039; border: 10px solid #c60039;}
#rnd .research_box ul li.point_red p{color: #c60039;}
#rnd .chart img.pc{width: 100%; display: block;}
#rnd .chart img.mobile{width: 100%; display: none;}
#rnd .rnd_icons{background: url(/img/02_r&d/icon_bg.jpg) center center no-repeat; background-size: cover;}
#rnd .rnd_icons ul{display: block; padding: 65px; width: 100%; overflow: hidden; margin: 0 auto; }
#rnd .rnd_icons ul li{float: left; width:33.33%; text-align: center; color: #fff;}
#rnd .rnd_icons ul li h4{color: #fff; margin: 25px 0 15px 0;}
#rnd .rnd_icons ul li img{margin: 0 auto;}
#rnd .add ul::after{display: block; content: ""; clear: both;}
#rnd .add ul li{float: left;}
#rnd .add ul li.img{float: right; width: 60%; margin-top: -65px;}
#rnd .add ul li.img img{width: 100%;}
#rnd .add ul li h4{color: #c60039; margin-bottom: 15px;}
#rnd .add ul li .lineheight{line-height: 3;}
#rnd .develop{position: relative;}
#rnd .develop .list{position: relative; padding-left: 20px;}
#rnd .develop .list .dot{position: absolute; left: 0px;}
#rnd .develop > ul {display: block; overflow: hidden;}
#rnd .develop > ul > li{float: left; width: 48.5%;  margin-right: 3%; border: 1px solid #ddd; padding: 50px 30px 50px 45px;}
#rnd .develop > ul > li:last-child{margin-right: 0;}
#rnd .develop > ul > li h2{margin-bottom: 25px;}
#rnd .img_board .txtwrap {height: 30px; text-align: center;}
#rnd .img_board .txtwrap h4{color: #666;}


/* 실험장비 */
#facility .img_board .txtwrap {height:200px;}

/* 특허/인증 */
#patent .img_board {text-align:center;}
#patent .img_board .imgwrap {position:relative; padding-top:124.9758%; overflow:hidden;}
#patent .img_board .imgwrap img {left:0;}

/* One stop system */
#onestopsystem .inner_visual {background:url(/img/03_facility/visual_onestop.jpg) center center no-repeat; background-size:cover; color:#fff; text-align:center; height:400px;}
#onestopsystem .inner_visual h2 {color:#fff; padding:125px 0 0 0;}
#onestopsystem .inner_visual p {padding: 0 30px;}
#onestopsystem .txtwrap {padding:50px 0; border-bottom:1px solid #ddd;}
#onestopsystem .txtwrap h3 {line-height:1.5;}
#onestopsystem .txtwrap .inner_img {padding-right:50px;}
#onestopsystem .txtwrap .inner_img img {width: 100%;}
#onestopsystem .pd {padding-top: 50px;}

/* 생산공정 */
#process .process {margin:0 -15px; padding:25px 0; table-layout:fixed; width:100%;}
#process .process > div {width:50%; padding:0 15px;}
#process .process.reverse > div:last-child {direction:ltr; text-align:right;}
#process .process:first-child {padding-top:0;}
#process > div > div:last-child a{text-decoration: underline;}

/* 문의 */
#inquiry .dptable {width:100%; table-layout:fixed;}
#inquiry .vertical_middle {float:none;}
#inquiry .vertical_middle.txtwrap {left:-70px;}
#inquiry .vertical_middle .bg_l_gray {padding:70px 70px 0 70px;}
#inquiry .vertical_middle .bg_l_gray > ul > li {height:300px;}
#inquiry .vertical_middle .bg_l_gray > ul > li.logowrap {text-align:center; padding-top:18%;}
#inquiry .vertical_middle .bg_l_gray ul ul li.icon {background-position:left top 3px; background-repeat:no-repeat; padding-left:30px;}
#inquiry .vertical_middle .bg_l_gray ul ul li.tel {background-image:url(/img/05_customer/icon_redtel.png);}
#inquiry .vertical_middle .bg_l_gray ul ul li.fax {background-image:url(/img/05_customer/icon_redfax.png);}
#inquiry .vertical_middle .bg_l_gray ul ul li.mail {background-image:url(/img/05_customer/icon_redmail.png);}
#inquiry .pc {display: block;}
#inquiry .mobile {display: none;}

/* KMi 소개 */
#kmi .introduce ul li {background-position:center; background-repeat:no-repeat; background-size:cover; height:400px; text-align:center; padding:0 70px;}
#kmi .introduce ul li h1 {padding-top:110px; padding-bottom:35px;}
#kmi .introduce ul li h1 span {color:#c60039;}
#kmi .introduce ul li.intro1 {background-image:url(/img/06_company/img_introduce1.jpg); height:800px; text-align:left; padding:0 35px;}
#kmi .introduce ul li.intro2 {background-color:#f5f5f5; background-image:url(/img/06_company/img_introduce2_180423_re.jpg);}
#kmi .introduce ul li.intro3 {background-image:url(/img/06_company/img_introduce3_180423.jpg); color: #fff;}
#kmi .introduce ul li.intro3 h1{color: #fff;}
#kmi .introduce ul li.intro4 {background-image:url(/img/06_company/img_introduce3.jpg);}
#kmi .introduce ul li.intro4 h1 span {color:#fff;}
#kmi .introduce ul li.intro5 {background-image:url(/img/06_company/img_introduce5_180423.jpg);}
#kmi .introduce ul li.intro5 h1 {color:#fff;}
#kmi .introduce ul li.intro4, #kmi .introduce ul li.intro5 p {color:#fff;}
#kmi .ceo {margin-top:50px;}
#kmi .ceo .dptable div {float:none;}
#kmi .ceo .dptable .txtwrap {padding:0 50px; direction:ltr; text-align:right;}
#kmi .ceo .dptable .txtwrap h3 {margin-bottom:30px;}
#kmi .movie h1 {margin:65px 0 45px 0;}
#kmi .youtube {position: relative; width:1200px; height:675px; padding-bottom: 38%; margin: 0 auto;}

/* 철학/연혁 */
#philosophy .visual_philosophy {background:url(/img/06_company/visual_philosophy.jpg) center center no-repeat; background-size: cover; padding:100px 0;}
#philosophy .visual_philosophy h1 {color:#fff; text-align:center; text-shadow:0 0 15px rgba(0,0,0,0.3);}
#philosophy .visual_philosophy ul {padding:45px 100px 0 100px;}
#philosophy .visual_philosophy ul li {padding:0 15px;}
#philosophy .visual_philosophy ul li div {background-color:rgba(255,255,255,0.9); padding:30px; height:330px;}
#philosophy .visual_philosophy ul li div strong {font-weight:bold; font-size:18px; color:#c60039;}
#philosophy .visual_philosophy ul li div h4 {margin:15px 0;}
#philosophy .history {margin-top:50px;}
#philosophy .history > ul > li {padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:30px;}
#philosophy .history > ul > li:last-child {margin-bottom:0;}
#philosophy .history > ul > li > ul {width:100%;}
#philosophy .history ul ul li.imgwrap {float:none; padding:9.5% 0; text-align:center;}
#philosophy .history ul ul li.imgwrap.img01 {background:url(/img/06_company/img_history1.jpg) center center no-repeat;}
#philosophy .history ul ul li.imgwrap.img02 {background:url(/img/06_company/img_history2.jpg) center center no-repeat;}
#philosophy .history ul ul li.imgwrap.img03 {background:url(/img/06_company/img_history3.jpg) center center no-repeat;}
#philosophy .history ul ul li.imgwrap.img04 {background:url(/img/06_company/img_history4.jpg) center center no-repeat;}
#philosophy .history ul ul li.imgwrap h3 {text-shadow:0 0 15px rgba(0,0,0,0.75); color:#fff;}
#philosophy .history ul ul li.txtwrap {float:none; padding-left:110px; position:relative;}
#philosophy .history ul ul li.txtwrap strong {position:absolute; left:40px;}

/* 글로벌 네트워크 */
#global .bg_l_gray {padding:50px 0;}
#global .global .txtwrap {padding-right:100px;}
#global .global table {border-top:1px solid #ddd; width:100%;}
#global .global table th, #global .global table td {padding:6px 0 4px 0; border-bottom:1px solid #ddd; min-width:80px; text-align:center; width:33%;}
#global .global table td.total {font-weight:bold; color:#c60039;}

/*ci*/
#ci .signature, #ci .slogan, #ci .color {text-align: center;}
#ci .signature .txt, #ci .slogan .txt, #ci .color .txt {text-align: left;}
#ci .intro {width: 100%;}
#ci .intro .logo{width: 100%; background: url(/img/06_company/img_ci01.jpg) center center no-repeat; text-align: center; padding: 66px;}
#ci .txt h4 {margin: -15px 0 0 25px; font-size: 20px;}
#ci .txt h4.mgb{margin-bottom: 15px;}
#ci .gridsystem > ul::after{display: block; content: ""; clear: both;}
#ci .gridsystem > ul > li {float: left;}
#ci .gridsystem a.file_button {margin: 280px 0 0 0;}
#ci .signature > ul {margin: 0 -15px;}
#ci .signature > ul > li {padding: 15px;}
#ci .signature > ul > li img {width: 100%;}
#ci .slogan > ul {margin: 0 -15px;}
#ci .slogan > ul > li {padding: 15px;}
#ci .slogan > ul > li img {width: 100%;}
#ci .color > ul > li.a .color_box {background-color: #c2063a;}
#ci .color > ul > li.b .color_box {background-color: #9d9d9c;}
#ci .color > ul > li.c .color_box {background-color: #210810;}
#ci .color > ul > li.d .color_box {background-color: #f39200;}
#ci .color > ul > li.e .color_box {background-color: #50af31;}
#ci .color > ul > li.f .color_box {background-color: #fcc14e;}
#ci .color > ul > li.g .color_box {background-color: #a07f44;}
#ci .color > ul > li.h .color_box {background-color: #999598;}
#ci .color > ul {margin: 0 -15px;}
#ci .color > ul > li {padding: 15px;}
#ci .color > ul > li .none {opacity: 0;}
#ci .color > ul > li .color_box {height: 175px; font-size: 24px; font-weight: bold; color: #fff; padding: 15px;}
#ci .color > ul > li .color_txt {border: 1px solid #ddd; padding: 15px; text-align: center; color: #333; font-weight: bold;}
#ci .color .color_box {text-align: left;}
#ci a.file_button {display:inline-block; border: 1px solid #ddd; line-height: 30px; padding: 5px 20px 5px 50px; margin: 20px auto 0 auto; background: url(/img/06_company/img_ci_file.png) 15px center no-repeat;}
#ci a.file_button img {padding: 0 8px 0 0;}
#ci a.file_button:hover {color: #fff; background: #c2063a url(/img/06_company/img_ci_file_on.png) 15px center no-repeat;}

/* 오시는길 */
#contact_us .location iframe {width:100%; padding:15px 0 0 0;}
#contact_us .box_title {background:#c60039; color:#fff; width:195px; line-height:45px; text-align:center; font-weight:bold;}
.sublocation .info {margin:35px 0; position:relative; border-bottom:1px solid #ddd; padding:0 0 30px 0;}
.sublocation .info .txtbox {padding:15px 0;}
.sublocation .info .txtbox h5 {font-weight:bold;}
.sublocation .info .quickmap {position:absolute; top:15px; right:0;}
.sublocation .info .quickmap a {background:#333; color:#fff; width:200px; height:50px; line-height:50px; display:block; text-align:center; font-size:18px;}
.sublocation ._nmap_mapbox, .sublocation .nmap {max-width: 1200px; width: 99.99% !important; height: 540px; margin:40px auto 0 auto;}
#sublocation .subloctab ul {border-top:1px solid #ddd;}
#sublocation .subloctab ul li {text-align:center;}
#sublocation .subloctab ul li a {display:block;}
#sublocation .subloctab ul li a span {display:inline-block; padding:25px 0 0 0; margin:-4px 0 0 0;}
#sublocation .subloctab ul li a.active span {border-top:5px solid #333; padding:20px 0 0 0; margin:-4px 0 0 0;}
#sublocation .sublocont {margin:70px 0 0 0;}
#sublocation .sublocont h2 {font-size:48px;}
#sublocation .sublocont ul li .year {width:15%; float:left;}
#sublocation .sublocont ul li .txt {width:85%; float:right; margin:0 0 30px 0;}
#sublocation .sublocont ul li .txt h5 {width:100px; float:left; line-height:1.7;}
#sublocation .sublocont ul li .txt p {padding:0 0 0 100px;}
#sublocation .sublocont ul li .txt .img {margin:20px 0 0 0;}

/* 이메일무단수집거부 */
#email .emailwrap {border:1px solid #ddd; margin:0 auto;}

@media (max-width:767px){

	/*br*/
	.br_w {display:none;}

	/* margin */
	.mgt5 {margin-top:3px;}
	.mgt10 {margin-top:5px;}
	.mgt15 {margin-top:8px;}
	.mgt20 {margin-top:10px;}
	.mgt25 {margin-top:13px;}
	.mgt30 {margin-top:15px;}
	.mgt35 {margin-top:18px;}
	.mgt40 {margin-top:20px;}
	.mgt50 {margin-top:25px;}
	.mgt60 {margin-top:30px;}
	.mgt70 {margin-top:35px;}

	.mgb5 {margin-bottom:3px;}
	.mgb10 {margin-bottom:5px;}
	.mgb15 {margin-bottom:8px;}
	.mgb20 {margin-bottom:10px;}
	.mgb25 {margin-bottom:13px;}
	.mgb30 {margin-bottom:15px;}
	.mgb35 {margin-bottom:18px;}
	.mgb40 {margin-bottom:20px;}
	.mgb50 {margin-bottom:25px;}
	.mgb60 {margin-bottom:30px;}
	.mgb70 {margin-bottom:35px;}

	.mgr5 {margin-right:3px;}
	.mgr10 {margin-right:5px;}
	.mgr15 {margin-right:8px;}
	.mgr20 {margin-right:10px;}
	.mgr25 {margin-right:13px;}
	.mgr30 {margin-right:15px;}
	.mgr35 {margin-right:18px;}
	.mgr40 {margin-right:20px;}
	.mgr50 {margin-right:25px;}
	.mgr60 {margin-right:30px;}
	.mgr65 {margin-right:0;} /*모바일일때 margin:0;*/
	.mgr70 {margin-right:35px;}

	.mgl5 {margin-left:3px;}
	.mgl10 {margin-left:5px;}
	.mgl15 {margin-left:8px;}
	.mgl20 {margin-left:10px;}
	.mgl25 {margin-left:13px;}
	.mgl30 {margin-left:15px;}
	.mgl35 {margin-left:18px;}
	.mgl40 {margin-left:20px;}
	.mgl50 {margin-left:25px;}
	.mgl60 {margin-left:30px;}
	.mgl70 {margin-left:35px;}

	/* display */
	.dpbm {display:block;}

	/* 탭 스타일 */
	.btn_more a {display:table; background-color:#ddd; background-image:url(/img/board/arrow_down.png); background-position:right 7px center; background-repeat:no-repeat; color:#333; text-align:center; height:45px; width:100%; overflow:hidden; line-height:1.2;}
	.btn_more a span {display:table-cell; vertical-align:middle;}
	.tab {display:none;}
	.tabwrap {margin-bottom:20px;}
	.tab ul li, .tab.tab2 ul li, .tab.tab3 ul li, .tab.tab4 ul li {float:none; width:100%;}
	.tab ul li a {display:table; background:#666; color:#fff; text-align:center; height:45px; width:100%; overflow:hidden; line-height:1.2;}
	.tab ul li a span {display:table-cell; vertical-align:middle;}
	.tab ul li a:hover {background:#333;}
	.tab ul li.active a {background:#fff; color:#333;}

	/* 테이블 스타일 */
	.cont_table th, .cont_table td {padding:8px; line-height:1.2;}
	.white_table th, .white_table td {padding:8px; line-height:1.2;}
	.red_table {table-layout:auto;}
	.red_table th {padding:8px !important; line-height:1.2;}
	.red_table td {padding:8px; line-height:1.2;}

	/* 블릿 */
	p.bul_red {background:url(/img/layout/bul_red.png) left top 6px no-repeat; padding-left:10px;}
	ul.bul_red li {background:url(/img/layout/bul_red.png) left top 6px no-repeat; padding-left:10px;}
	table ul.bul_red li {background:url(/img/layout/bul_red.png) left top 3px no-repeat; padding-left:10px;}

	/* 제품가이드 */
	#product_guide .guide .box_title {width:150px; line-height:35px;}
	#product_guide .guide .recommend {margin:7px 0 0 0; float:right;}
	#product_guide .guide .guidebox {margin-bottom: 25px;}


	/* 제품정보 */
	#product .table_box {overflow-x:auto;}

	/*제품*/
	#product .product_img li{width: 100%;}
	#product .product_img li.fl{margin-bottom: 25px;}

	/*포장가이드*/
	#packing_guide .mgt30 {margin-top: 0;}
	#packing_guide .imgwrap img {width: 100%; float:left;}

    /*rnd*/
	#rnd .research ul li{width: 100%;}
	#rnd .chart img.pc{width: 100%; display: none;}
	#rnd .chart img.mobile{width: 100%; display: block;}
	#rnd .rnd_icons ul{padding: 30px 10px;}
	#rnd .rnd_icons ul li img{width: 40%;}
	#rnd .rnd_icons ul li{padding: 0 5px;}
	#rnd .add ul li.img{float: left; width: 100%; margin-top: 30px;}
	#rnd .develop > ul > li {padding: 20px 15px; height:auto; margin-bottom:20px; margin-right:0; width:100%;}
	#rnd .develop > ul > li h2{font-size: 22px;}
	#rnd .img_board .rnd_img{width:50%;}

	/* One stop system */
	#onestopsystem .inner_img img {width: 100%; margin: 0 auto;}
	#onestopsystem .txtwrap .inner_img {padding-right:0px;}
	#onestopsystem h3 {margin-bottom: 15px;}
	#onestopsystem h3 .dpb {display: inline;}
	#onestopsystem .txtwrap {padding:30px 0;}
	#onestopsystem .mgt {margin-top: 15px;}

	/* 실험장비 */
	.img_board ul li {padding:15px 0;}
	.img_board .txtwrap {height:auto;}
	#facility .img_board .txtwrap {height:auto;}

	/* 생산공정 */
	#process .process {margin:0; padding:0 0 10px 0;}
	#process .process > div {width:100%; padding:0 0 15px 0; display:block;}
	#process .process.reverse > div:last-child {text-align: left;}
	#process .process:first-child {padding-top:0;}
	#process .process.reverse {direction: ltr;}
	#process  img {width:100%;}
	#process .pack {padding: 25px 0; margin-top: 15px;}
	#process .pack .txtwrap {margin-bottom:20px;}
	#process .pack .imgwrap p {margin-bottom:20px;}

	/* 문의 */
	#inquiry .vertical_middle {width:100%; display:block;}
	#inquiry .vertical_middle img {width:100%;}
	#inquiry .vertical_middle.txtwrap {left:auto;}
	#inquiry .vertical_middle .bg_l_gray {padding: 35px;}
	#inquiry .vertical_middle .bg_l_gray > ul > li {height: auto; margin-top:25px;}
	#inquiry .vertical_middle .bg_l_gray > ul > li:first-child {margin-top:0;}
	#inquiry .vertical_middle .bg_l_gray > ul > li.logowrap {display:none;}
	#inquiry .pc {display: none;}
	#inquiry .mobile {display: block;}
	#inquiry .dptable {table-layout:auto;}

	/* Kmi 소개 */
	#kmi .introduce ul li {height: auto; padding: 0 35px 55px 35px;}
	#kmi .introduce ul li.intro1 {background-image: url(/img/06_company/img_introduce1_m.jpg); background-size: 100%; background-position:center; height: auto; padding: 0 35px 190px 35px;}
	#kmi .introduce ul li.intro1 p {width:80%;}
	#kmi .introduce ul li h1 {padding-top: 55px; padding-bottom: 20px;}
	#kmi .ceo .dptable div, #kmi .ceo .dptable div img {width:100%; display:block;}
	#kmi .ceo .dptable .txtwrap {padding:25px 25px 0 25px; width:100%; text-align:left;}
	#kmi .ceo .dptable.reverse {direction:ltr;}
	#kmi .movie h1 {margin:35px 0 25px 0;}
	#kmi .youtube {position: relative; width:auto; height:0; padding-bottom: 56.25%; margin: auto;}

	/* 철학/연혁 */
	#philosophy .visual_philosophy {padding: 50px 20px 40px 20px;}
	#philosophy .visual_philosophy ul {padding: 25px 0 0 0;}
	#philosophy .visual_philosophy ul li {padding: 0;}
	#philosophy .visual_philosophy ul li div {padding: 15px; height:auto; margin-bottom:10px;}
	#philosophy .history ul ul li.imgwrap {padding: 22.5% 0; width:100%; display:block;}
	#philosophy .history ul ul li.txtwrap {padding-left: 60px; width:100%; display:block; margin-top:15px;}
	#philosophy .history ul ul li.txtwrap strong {left:0;}

	/* 글로벌 네트워크 */
	#global .bg_l_gray {padding: 25px 0;}
	#global .global .txtwrap {padding-right: 0; margin-bottom:15px;}
	#global .global .txtwrap h3 {width:200px;}

	/*ci*/
	#ci .intro .logo img {width: 80%;}
	#ci .gridsystem a.file_button {margin: 30px auto 0 auto;}
	#ci .gridsystem .img_wrap li img {width: 100%;}
	#ci .gridsystem > ul > li {width: 100%; text-align: center;}

	/* 오시는길 */
	#contact_us .location iframe {height:300px;}
	#contact_us .box_title {width:150px; line-height:35px;}

	/* 페이지 준비중입니다 */
	.ready {padding:0 15%;}

	/* 이메일무단수집거부 */
	#email .emailwrap {padding:20px; text-align:center;}
	#email .emailwrap img {margin-bottom:25px;}

}

@media (min-width:768px){

	/*br*/
	.br_w {display:none;}

	/* 문의 */
	#inquiry .vertical_middle .bg_l_gray {padding: 35px 0 0 35px; height:540px;}
	#inquiry .vertical_middle.txtwrap {left:0;}
	#inquiry .vertical_middle .bg_l_gray > ul > li {height: auto; margin-bottom:45px;}
	#inquiry .vertical_middle .bg_l_gray > ul > li.logowrap {display:none;}

	/* KMi 소개 */
	#kmi .introduce ul li {padding: 0 10px; height:300px;}
	#kmi .introduce ul li.intro1 {height: 600px;}
	#kmi .introduce ul li h1 {padding-top: 50px; padding-bottom: 25px;}
	#kmi .youtube {position: relative; width:720px; height:405px; padding-bottom: 38%; margin: 0 auto;}

	/*제품소개*/
	.tab ul li {width:11.112%;}
	.tab ul {background:#666;}

	/*포장가이드*/
	#packing_guide .mgt30 {margin-top: 0;}

	/*rnd*/
	#rnd .develop > ul > li{height:535px;}
	#rnd .research ul li{width: 32%; margin-right: 2%;}
	#rnd .research ul li:nth-child(3){margin-right: 0;}
	#rnd .research ul li:nth-child(4){margin-top: 2%;}
	#rnd .research ul li:nth-child(5){margin-top: 2%;}
	#rnd .add ul li.img{float: right; width: 45%; margin-top: 30px;}

	/* One stop system */
	#onestopsystem .txtwrap .inner_img {padding-right:20px;}

	/* 철학/연혁 */
	#philosophy .visual_philosophy ul {padding: 45px 5px 0 5px;}
	#philosophy .visual_philosophy ul li {padding: 0 5px;}
	#philosophy .visual_philosophy ul li div {padding: 15px 13px; height: 330px;}

	/*ci*/
	#ci .gridsystem a.file_button {margin: 30px auto 0 auto;}
	#ci .gridsystem > ul > li {width: 100%; text-align: center;}

	/* 오시는길 */
	#contact_us .location iframe {height:400px;}

	/* 이메일무단수집거부 */
	#email .emailwrap {padding:30px 30px 30px 0; max-width:100%;}


}
@media (min-width:992px){

	/*br*/
	.br_w {display:block;}

	/* 문의 */
	#inquiry .vertical_middle .bg_l_gray {padding: 70px 0 0 70px; height:auto;}
	#inquiry .vertical_middle.txtwrap {left:-70px;}
	#inquiry .vertical_middle .bg_l_gray > ul > li.logowrap {display:block;}
	#inquiry .vertical_middle .bg_l_gray > ul > li {height: 200px; margin-bottom:45px;}

	/* KMi 소개 */
	#kmi .introduce ul li h1 {padding-top: 75px;}
	#kmi .youtube {position: relative; width:950px; height:530px; padding-bottom: 38%; margin: 0 auto;}

	/*rnd*/
	#rnd .develop > ul > li{height:auto;}
	#rnd .research ul li{width: 32%; margin-right: 2%;}
	#rnd .research ul li:nth-child(3){margin-right: 0;}
	#rnd .research ul li:nth-child(4){margin-top: 2%;}
	#rnd .research ul li:nth-child(5){margin-top: 2%;}
	#rnd .add ul li.img{width: 50%;}

	/* 철학/연혁 */
	#philosophy .visual_philosophy ul {padding: 45px 20px 0 20px;}
	#philosophy .visual_philosophy ul li {padding: 0 10px;}
	#philosophy .visual_philosophy ul li div {padding: 23px; height: 330px;}

	/*ci*/
	#ci .gridsystem a.file_button {margin: 30px 0 0 0px;}
	#ci .gridsystem > ul > li {width: 100%; text-align: center;}


	/* 이메일무단수집거부 */
	#email .emailwrap {padding:50px 50px 50px 20px; max-width:80%;}

}

@media (min-width:1260px){

	/*br*/
	.br_w {display:block;}

	/* 문의 */
	#inquiry .vertical_middle .bg_l_gray > ul > li {height: 255px; margin-bottom:45px;}

	/* KMi 소개 */
	#kmi .introduce ul li {padding: 0 70px; height:400px;}
	#kmi .introduce ul li.intro1 {height: 800px;}
	#kmi .introduce ul li h1 {padding-top: 110px; padding-bottom: 35px;}
	#kmi .youtube {position: relative; width:1200px; height:675px; padding-bottom: 38%; margin: 0 auto;}

	/*제품소개*/
	.tab ul li {width:11%;}
	.tab ul {background:none;}

	/*포장가이드*/
	#packing_guide .mgt30 {margin-top: 30px;}

	/*rnd*/
	#rnd .research ul li{width: 19%; margin-right: 1.25%;}
	#rnd .research ul li:last-child{margin-right: 0;}
	#rnd .research ul li:nth-child(3){margin-right: 1.25%;}
	#rnd .research ul li:nth-child(4){margin-top: 0;}
	#rnd .research ul li:nth-child(5){margin-top: 0;}
	#rnd .add ul li.img{width: 60%;}

	/* One stop system */
	#onestopsystem .txtwrap .inner_img {padding-right:50px;}

	/* 철학/연혁 */
	#philosophy .visual_philosophy {padding:100px 0;}
	#philosophy .visual_philosophy ul {padding:45px 100px 0 100px;}
	#philosophy .visual_philosophy ul li {padding:0 15px;}
	#philosophy .visual_philosophy ul li div {padding:30px; height:330px;}
	#philosophy .visual_philosophy ul li div strong {font-size:18px;}
	#philosophy .visual_philosophy ul li div h4 {margin:15px 0;}

	/*ci*/
	#ci .gridsystem a.file_button {margin: 280px 0 0 0;}
	#ci .gridsystem > ul > li {width: 50%; text-align: left;}

	/* 오시는길 */
	#contact_us .location iframe {height:500px;}
}