@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body { width:100%; font-family:'Nanum Gothic'; }
html.is-active,
html.is-active body { overflow-y:hidden !important; height:100%; }
img.forWeb {margin:0 auto;}

.forWeb{display:block;}
.forMobile {display:none;}
.hidden {display:none;}


#main {width: 100%; min-width: 1200px;}
/* #main * {transition:0.25s cubic-bezier(0.645, 0.045, 0.355, 1);} */
#main .visual {	height: 800px;}

#wrap {position:relative; margin: 0 auto; width: 1200px;}
#contents {	position: relative;	padding-bottom:180px;}
/*#contents p {font-size:18px;color: #111111;line-height: 1.22;} */
#contents section {margin:80px 0px;}
#contents article {margin:30px 0px;}


#top-company {background-image:url(../images/company/Top_img.jpg);}
#top-product {background-image:url(../images/product/Top_img2.jpg);}
#top-customer {background-image:url(../images/customer/Top_img.jpg);}
#top-promotion {background-image:url(../images/promotion/Top_img.png);}
#top-technology {background-image:url(../images/technology/Top_img.png);}



/*Common*/
.p-right {text-align:right;}
.p-left {text-align:left;}
.bottom100 {padding-bottom:100px;}
.slider-box { height:650px; }
.box { width:100%; margin:0 auto; }
.section {padding:30px 0; }
.title {font-size: 30px;  font-weight: bold; color: #000000;}
.top-line-box{border-top: solid 2px #000000; margin-top:25px; margin-bottom:80px; padding-top:40px;}
.list-flex{display:flex; justify-content: space-between;}
.flex{display:flex;}
.txt{font-size: 20px; line-height: 2;}
.txt22 {font-size: 22px; line-height: 1.45;}
.lh22 {line-height: 2.2;}
.lh18 {line-height: 1.89;}
.lh15 {line-height: 1.56;}
.t-cell {display:table-cell;vertical-align:middle;}
.t-cell2 {display:table-cell;vertical-align:middle;}
.pl10{padding-left:10px;}
.pl33{padding-left:33px;}
.pl110{padding-left:110px;}
.pl100{padding-left:100px;}
.mtop20 {margin-top: 20px}
.mtop40 {margin-top: 40px}
.mtop60 {margin-top: 60px}
.mtop80 {margin-top: 80px}
.mbottom80 {margin-bottom: 80px}
.txt-org {color: #f98848;}
.gray-line {border-top: solid 1px #d4d4d4;}
.button {display:block;border: solid 1px #000000;width: 155px;height:40px;line-height:40px;text-align:center;font-size:15px;}
.left-box{float:left;}
.txtIndent{padding-left:15px; text-indent:-15px;}


nav { -webkit-overflow-scrolling:touch; }
/* .navigation-box { width:100%; position:fixed; top:0; left:0; z-index:9999; } */
.navigation-box { width:100%; position:relative; top:0; left:0; z-index:900; }
.navigation-box.show-nav { top:0; }

.title-box { height:400px; margin-top:0px; display:table; text-align:center; background-size:cover; background-position:center; }
.title-box div { display:table-cell; position:relative; color:#fff; font-weight:400; vertical-align:middle; overflow-y:hidden; z-index:99; }
.title-box div h2 { font-size:50px; margin-bottom:45px; font-weight:bold; }
.title-box div h3 { font-size:20px; font-weight:400;}
.title-box div .trans-btn { margin-top:23px; }
.title-box video { position:absolute; width:100%; bottom:0; left:0; z-index:-1; }
#layer-popup { max-width:100% !important; position:fixed; background:#fff; z-index:99998; border:1px solid #e4e7eb; border-radius:3px; display:none; box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.17); }
#layer-popup.center-popup { left:50% !important; }
#layer-popup input[type="checkbox"] { margin-right:5px; }
#layer-popup .popup-content { max-width:100% !important; font-size:1rem; padding:10px; overflow-y:scroll; }
#layer-popup .popup-menu { background:#e4e7eb; width:100%; padding:17px 15px; color:#6f7173; font-size:0.8rem; }
#layer-popup .popup-menu span { float:right; font-size:1.5rem; color:#6f7173; cursor:pointer; }
#layer-popup img { width:100% !important; height:auto !important; }
.glass { width:100%; height:100%; background-color:rgba(0,0,0,.6); position:fixed; top:0; left:0; z-index:10000; display:none; opacity:0; transition: all 0.6s cubic-bezier(0.645,0.045,0.355,1); }
.glass.is-active { display:block; opacity:1; transition: all 700ms cubic-bezier(0.645,0.045,0.355,1); }

input.error, select.error, textarea.error{  border:1px solid #d55b5b !important; }
label.error{ padding-left:10px; color:#d55b5b; vertical-align:middle; }
.ajax-loading { text-align:center; color:#C3C4C3; font-size:1.3rem; padding:30px 0; display:none; }
.ajax-loading img { width:50px; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
.layer-alert { font-size:1rem; position:fixed; top:50%; left:50%; margin-top:-100px; margin-left:-150px; z-index:10001; color:#222; border:1px solid #e4e7eb; border-radius:5px; background-color:#fff; width:300px; /* height:180px; */ }
.layer-alert div.layer-title { padding:15px 20px; background-color:#eee; font-weight:bold; font-size:1.4rem; }
.layer-alert div.layer-title span { float:right; cursor:pointer; }
.layer-alert div.layer-content { padding:30px 30px 20px 30px; text-align:center; } 
.layer-alert div.layer-content p { text-align:left; line-height:1.4rem; } 
.layer-alert div.layer-content button { margin-top:30px; } 
.layer-confirm { width:364px; height:auto; /* margin-top:-100px; margin-left:-182px; */ }
.layer-confirm div.layer-content button { margin-top:20px; }

.location {margin:58px 0 40px 0; font-size:14px;color: #979797;}
.location strong{color: #000000;}


.mTab1{border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;margin-bottom:68px;text-align:center;}
.mTab1 .bg{ display: -ms-flexbox; display: -webkit-box; display:flex;
	 -ms-flex-direction: row; }
.mTab1 .ls{-webkit-flex:1;  -ms-flex: 1;  flex:1; border-left:1px solid #e5e5e5;}
.mTab1 .ls:last-child{border-right:1px solid #e5e5e5;}
.mTab1 .ls a{position:relative;display:block;color:#999;font-size:23px;font-weight:400;line-height:73px;height:73px;}
.mTab1 .ls.selected a{color:#ffffff;background-color:#979797;}
.mTab1 .ls.selected a:before{background-color:#979797;}


/*GNB*/
.navigation-box * { transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1); }

.navigation-box.show-nav { width:100%; margin:0 auto; position:relative; height:110px; background-color:#fff;}
.gnb { width:1200px; height:110px; background-color:#fff; margin:0 auto;  position:relative; border-bottom:0px solid #fff; }
.gnb.is-active { }

.gnb h1 { height:50px; float:left; margin:30px 40px 30px 0px; }
.gnb h1 img { width:177px; vertical-align:middle; }
.gnb nav { float:left;height:50px;margin:30px 60px;}
.gnb nav > ul > li { float:left; padding:15px 0; }
.gnb nav > ul > li.about { width:165px; }
.gnb nav > ul > li.business { width:170px; }
.gnb nav > ul > li.ethics { width:165px; }
.gnb nav > ul > li.recruit { width:165px; }
.gnb nav > ul > li > a { color:#000000; font-weight:bold; font-size:18px;font-weight: bold; position:relative; }
.gnb nav > ul > li > a:hover { color:#f96f20; }
.gnb nav > ul > li > a.is-active { color:#f96f20; }

/*.gnb nav > ul > li > a.is-active:before { height:2px; width:100%; background-color:#f96f20; position:absolute; bottom:-4px; left:0; content:""; display:block; }*/
.gnb nav > ul > li > ul { display:none; margin-top:60px; transition:none; }
.gnb nav > ul > li > ul li { height:45px; line-height: 45px;}
.gnb nav > ul > li > ul li a { color:#000000; font-size:16px;  }
.gnb nav > ul > li > ul li a:hover { color:#f96f20; }
.gnb div.lang-select { float:right; font-size:1rem; margin-top:35px; color:#555; border:1px solid #fff; width:86px; height:35px; 
	overflow:hidden; text-align:left; letter-spacing:-0.2px; border-radius:3px; transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);
	z-index:9; }
.gnb div.lang-select.is-active { border:1px solid #e1e1e1; background-color:#f6f6f6; height:auto; transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1); }
.gnb div.lang-select span { display:block; color:#111; font-size:14px; font-weight:bold; padding:8px 0 6px 13px; cursor:pointer; }
.gnb div.lang-select span:first-child{text-decoration: underline;}
.gnb div.lang-select span:last-child { padding:6px 0 8px 13px; color:#9a9a9a; }
.gnb div.lang-select span:last-child:hover { text-decoration:underline; }
.nav-bg { position:absolute; top:110px; left:0; width:100%; height:295px; background-color:#fff; z-index:-1; display:none; transition:none; border-top:1px solid #e9e9e9;}


/*Main*/
.news-box { width:1200px; margin:0 auto; padding:90px 0; }
.news-box h2 {color:#000000; font-size: 40px; font-weight:bold; letter-spacing:0.1em;  text-align:center;}
.news-box .news-type { text-align:left; color:#f96f20; font-size:14px; border-bottom:solid 1px #f96f20;padding-bottom:7px;margin-bottom:10px;}
.news-box .clr {display:flex; justify-content: space-between;}
.news-box article { margin-top:80px; float:left; width:260px;  word-break:keep-all; }
.news-box article h3 { margin:37px 0 25px 0; width:195px; height:54px; overflow:hidden; }
.news-box article h3 a { font-size:20px; color:#000000;  line-height:1.2;}
.news-box article h3 a:hover { color:#000; transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1); }
.news-box article p.news-content { font-size:16px; color:#000; line-height:1.2; margin-bottom:16px; height:70px; position:relative; overflow: hidden;
	 text-overflow: ellipsis; white-space: normal;  word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; 	}
.news-box article p.news-content a { color:#666; }
.news-box article p.news-date { font-size:14px; color:#999999; margin-bottom:36px; }
.news-box article > a span { font-size:12px; color:#000; }
.news-box article > a span img{margin-left:8px;}

.grid-box {width:100%; background-color: #f0f0f0;padding:100px 0; }
.grid-box .grid-wrap {width:1200px; margin:0 auto;}
.grid-box ul{display:flex;}
.grid-box ul:last-child{margin-top:28px;margin-left:410px;}
.grid-box li{width:380px; height:280px;margin-right:30px; }
.grid-box li:last-child{margin-right:0px;}

.grid-box ul li a {display: block; width:100%; height:100%; }
.grid-box ul li a:hover {background-color: rgba(0, 0, 0, 0.6);}
.grid-box ul li a div {padding:50px 0 0px 40px;}
.grid-box ul li h3{font-size: 16px; font-weight: bold;opacity: 0.7; color: #ffffff; margin-bottom:15px;}
.grid-box ul li span {font-size: 20px; font-weight: bold; color: #ffffff;}
.grid-box .item1 {background:url('../images/sub_img_01.jpg') center top no-repeat; display:block;}
.grid-box .item2 {background:url('../images/sub_img_02.jpg') center top no-repeat; display:block;}
.grid-box .item3 {background:url('../images/sub_img_03.jpg') center top no-repeat; display:block;}
.grid-box .item4 {background:url('../images/sub_img_04.jpg') center top no-repeat; display:block;}



.main_visual{height:800px; width:100%;}
.mv_list{width:100%; height:800px; position:relative;margin: 0 auto;background:url('../images/main_img_01.jpg') center top no-repeat; background-size: 100% 100%; }
.mv_list li{width:100%; height:inherit; position:absolute; left:0; top:0; z-index:0; }
.mv_list li.ver1{background:url('../images/main_img_01.jpg') center top no-repeat; background-size: 100% 100%; display:block;}
.mv_list li.ver2{background:url('../images/main_img_02.jpg') center top no-repeat; background-size: 100% 100%; display:none;}
.mv_list li.ver3{background:url('../images/main_img_03.jpg') center top no-repeat; background-size: 100% 100%; display:none;}
.mv_list li.ver4{background:url('../images/main_img_04.jpg') center top no-repeat; background-size: 100% 100%; display:none;}


.main_visual .nav-wrap{width:1200px; position: relative; margin: 0 auto; }
.main_visual .nav{width:200px; position:absolute; bottom:50px; right:0px; display:flex;}
.main_visual .nav span{display: block;width:25%; height:50px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.main_visual .nav span a{display: block;width:100%; height:50px; opacity: 0; font-size:18px; font-weight: thin; letter-spacing: 3px; color: #ffffff;text-align: left;}
.main_visual .nav span a b{font-size:24px; margin-right:3px;}
.main_visual .nav span.active a{border-bottom: 1px solid rgba(255,255,255,1); font-weight: bold;opacity: 1;}

.main_visual .nav em{display: none;}
.main_visual .nav em a{width:10px; height:12px; display:inline-block; zoom:1; *display:inline; overflow:hidden;}
.main_visual .nav em.active a img{margin-top:-12px;}
.main_visual .nav em a.play{margin:0 3px 0 10px;}


/*Footer*/
#footer { width: 100%; border-top: 1px solid #ececec;
}
#footer .m_sitemap {width: 1205px; padding: 43px 0; margin: 0 auto;}
#footer .m_sitemap .inner { width: inherit;}
#footer .m_sitemap .inner ul { display: flex; justify-content: space-between;}
#footer .m_sitemap .inner ul li .other { overflow: hidden; width: 260px; border-bottom: 2px solid #000;}
#footer .m_sitemap .inner ul li .family_site { width: 100%; height: 37px; font-size: 15px; font-weight: bold; color: #111111; border: none;
	 background: url(../images/footer_down.png) no-repeat 99% 50%;}

#footer .fnb_copy { padding-top: 27px; display: flex; justify-content: space-between; align-items: flex-end;}
#footer .fnb { display: flex;}
#footer .fnb li {padding: 0 20px; font-size: 15px;}
#footer .fnb li:first-child { padding: 0 10px 0 0;}
#footer .fnb li a { color: #111; font-weight: bold;}
#footer .address { padding-top: 14px; font-size: 15px; color: #888; line-height: 1.6;}
#footer p { font-size: 15px; color: #888; line-height: 1.6;}



/* paging */
.paging {margin:28px auto 0; text-align:center; overflow:hidden;}
.paging ul{display:inline-block; vertical-align:middle;}
.paging li{display:block; height:45px; width:45px; float:left; margin-left:9px;}
.paging li:first-child{margin-left:0;}
.paging ul li a{display:inline-block; width:45px; height:45px; line-height:45px; font-size:15px; border:1px solid #dddddd;}
.paging ul.num{margin:0 9px;}
.paging ul.num li a{ margin-left:0; position:relative;}
.paging ul.num li {margin-left:0px;}
.paging strong{display:inline-block; width:45px; height:45px; line-height:45px; background:#000000; font-weight:bold; color:#fff;}


/*Company*/

.img_box {text-align : center;}
.img_box p{margin-top:18px;}

.oval-wrap{display:table;width:320px; height:320px; border-radius: 50%; background-color: rgba(15,95,140,0.05); padding:20px; margin:0 auto;}
.oval{display:table-cell; width:280px; height:280px; border: solid 1px #0f5f8c; border-radius: 50%; background-color: #fff;
	font-size: 30px;font-weight: bold;color: #0f5f8c; vertical-align:middle;}
	
.flex-wrap{display:flex; justify-content: space-between;padding-bottom:20px;}
.flex-wrap li{text-align:center;}
.flex-wrap li img{margin-top:38px;}
.flex-wrap .title{width:100%;height:70px;line-height:70px;border-radius:50px; background-color: #0f5f8c; }
.flex-wrap .title span{color:#fff;font-size:20px; font-weight: bold;line-height:2; }

.flex-wrap .item4 {width:270px;}
.flex-wrap .item2 {width:600px;text-align:left;}
.flex-wrap .item2 .title{width:400px;text-align:center;margin-left:120px;}
.flex-wrap .item2 img{margin-left:-45px;}

.logo-box img{width:200px; height:57px;}

.round-box {width:600px; height:60px; line-height:60px; border-radius:40px;  border: solid 1px #0f5f8c;
	text-align:center; margin:0 auto; font-size: 22px; margin-bottom:60px;}

.rectangle {margin-top:68px; margin-bottom:200px;  width: 100%;  height: 252px;  border-radius: 126px;  border: solid 1px #f97b34;  background-color: #ffffff;}
.oval-box-wrap ul {	margin-top:45px;	margin-left:-1px;	width: 101%;  display: flex;  justify-content: space-between;  background-color: #ffffff;}
.oval-box-wrap ul li .oval-box { width: 350px; height: 350px; border-radius: 50%; position: relative; text-align: center;}
.oval-box-wrap ul li .oval-box span {color: #ffffff; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.oval-box-wrap ul li .oval-box span small{display:block; font-size:15px;}
.oval-box-wrap ul li .oval-box span strong{display:block; font-size:30px; font-weight: bold; margin:40px 0 22px 0;}
.oval-box-wrap ul li .oval-box span hr {border: solid 1px; width:30px; height:1px; align:center;}
.oval-box-wrap ul li .oval-box span div {font-size: 18px; line-height: 1.22;height:44px;margin-top:27px;}
.oval-box.oval01 { background-color: #f97b34; opacity: 0.9;}
.oval-box.oval02 { background-color: #979797; opacity: 0.7;}


.ci_box {width:100%;height:350px;border: solid 1px #d4d4d4;padding:115px 0px;text-align : center;}
.ci_desc {margin-top:45px;}
.ci_desc h2{font-size: 30px;font-weight: bold;margin-bottom:18px;}

.ci_desc .ci_txt {text-align:center; position:relative; margin:0 auto;}
.ci_desc .ci_txt p {display: inline-block; height: 72px;font-size: 22px;line-height: 1.64;margin:0 40px;text-align:center;}
.ci_desc .qt {color:#979797; font-size:45px; line-height:45px; font-weight: bold; display: inline-block; }
.ci_desc .tp {vertical-align:top;padding-top:0px;}
.ci_desc .bt {vertical-align:middle; margin-left:-20px; display: inline-block;}

.ci_desc ul{margin-bottom:67px;}
.ci_desc ul li::before { content: "\2022"; color: #f96f20;font-weight: bold; display: inline-block; width: 10px; margin-right:16px;}
.ci_desc ul li{font-size: 18px;line-height: 2;color: #111111;}
.ci_desc .button {margin-top:50px;}
.ci_desc .button img {margin-left:9px;}

.greeting-txt {margin-top:80px;}

.recruit-box{margin:60px auto; width:1000px; text-align:center;}
.recruit-box ul li{width:350px; margin-left:-25px;}
.recruit-box ul li div{height:70px;line-height:70px;border-radius:40px; background-color: #f97b34; opacity:0.9; color:#fff; font-size: 22px; font-weight: bold;}
.recruit-box ul li:nth-child(1) {order:1;}
.recruit-box ul li:nth-child(2) {order:3;}
.recruit-box ul li:nth-child(3) {order:2;}
.recruit-box ul li:nth-child(3) div {background-color: #979797; opacity:0.7; z-index:999;}
.recruit-box ul li span{display:block; margin:40px auto; width:260px; font-size: 16px;}


.process ol {margin-top:34px;margin-bottom:100px;}
.process ol li {text-align:center; margin:0 auto;}
.process ol li small {font-size: 15px;color: #979797; }
.process ol li span {display:block; font-size: 20px;color: #000; margin-top:15px; }

.process ol li:nth-child(1) {width:200px;}
.process ol li:nth-child(2) {width:400px; padding-left:80px;}
.process ol li:nth-child(3) {width:400px; padding-right:80px;}
.process ol li:nth-child(4) {width:200px;}

.recruit-person {margin-top:50px;}
.recruit-person .person{ font-size: 20px;}
.recruit-person .contact {margin-left:40px; font-size: 18px; color: #979797; line-height: 1.67;}


.soluray_map {width:100%; margin:50px 0; }
.oval80 {width: 80px; height: 25px; line-height: 25px; border-radius: 12.5px; text-align:center; }
.rd {background-color: #af0734; color:#fff; font-size: 15px; display:inline-block; padding-bottom:10px;}
.gr {background-color: #269a21; color:#fff; font-size: 15px;}

.history ul{ display:flex; margin-top:30px;  border-bottom: solid 1px #d4d4d4; padding-bottom:50px;}
.history ul li h1{font-size: 30px; font-weight: bold; color: #f96f20; width:145px;}
.history ul dl {display:flex; font-size: 22px; line-height: 2.27; margin-bottom:28px;}
.history ul dl dt {width:100px;} 


.x-ray .ti a {font-size: 22px; color: #979797; margin-right:25px; padding-bottom:8px;}
.x-ray .ti .selected{font-weight: bold; color: #000 !important; border-bottom: solid 1.5px #000000;}
.x-ray article {padding-top:30px;}
.x-ray article:last-child dl{border-bottom: solid 0px;}
.x-ray dl {display:flex; position:relative; padding: 30px 0; border-bottom: solid 1px #d4d4d4;}
.x-ray dl dt {width:490px;}
.x-ray dl dd p {line-height: 2.22; padding-left:77px; position:absolute; top:50%; transform: translate(0, -50%);}

.x-ray2 p {margin:30px 0px; }
.x-ray2 .img_box {padding:30px 0;}


.series .t-cell {width:600px;}
.series dl dt {font-weight: bold;color: #f98848; margin-top:38px;}
.series dl dt:first-child {margin-top:0px;}
.series dl dt:before { content: "\2022"; color: #f98848;font-weight: bold; display: inline-block; width: 10px; margin-right:16px;}
.series dl dd {font-size: 15px; line-height: 1.87; color: #000000; margin:13px 0 0 26px;}
.series small {display:inline-block; font-size: 10px; color: #979797; }

table {width:100%; border-collapse: collapse; border-top: solid 1px #000000;}
table thead tr {background-color: #f0f0f0; font-weight: bold;  }
table tr {height:60px; font-size:18px;  }
table td {border: solid 1px #d4d4d4; text-align:center; border-top:0px;}
table td:first-child {border-left:0px;} 
table td:last-child {border-right:0px;} 

.series .desc { display:block; line-height: 1.56; margin:25px 0;}

.weight1 tbody tr td p {display:block; text-align:left; padding:8px;}
.weight2 tbody tr td p {display:block; text-align:left; padding: 10px 25px;}

.series .t-cell ul {display:flex; }
.series .gray-box {width:270px; margin-left:30px; padding:22px 10px; font-size: 15px;  text-align:left;
	 border-radius: 8px; background-color: #f9f9f9;}
	 
.series .gray-box p {font-weight: bold; line-height: 1.67; text-indent:-10px; padding-left:20px; padding-bottom:8px;}
.series .gray-box p:before { content: "\2022"; font-weight: bold; display: inline-block; width: 10px; }
.series .gray-box p span {font-weight: normal; }
.series .gray-box p span.no-ml {margin-left:2px;}

.x-ray .info .tit{font-size: 22px; font-weight: bold; line-height: 1.55; color: #f98848; padding-left:50px; margin-bottom:10px;}
.x-ray .info .txt{font-size: 22px; line-height: 1.55; color: #000000; padding-left:50px; margin-bottom:50px;}

.x-ray .oval-list {display:flex; justify-content: space-between; margin-bottom:100px;}
.x-ray .oval-list li {width:250px; text-align: center;}
.x-ray .oval-list li p {border-radius: 50px;}
.x-ray .oval-list .oval-tit {height:100px; width:250px; opacity: 0.9;  background-color: #f97b34;  margin:50px 0; }
.x-ray .oval-list .oval-tit span{display:block; font-size: 22px; line-height:1.4; font-weight: bold; color: #ffffff;  margin:23px 0; padding-top:17px;}  
.x-ray .oval-list .oval-tit:after {content:''; width:50%; height:50px; border-right: solid 1px #979797; display:block; }	  
.x-ray .oval-list .oval-item {height:60px; line-height:60px; width:230px; border: solid 1px #979797;  background-color: #ffffff; margin:0 10px 30px 10px;}  
.x-ray .oval-list li .oval-item:not(:last-child):after {content:''; width:50%; height:30px; border-right: solid 1px #979797; display:block;}	

.x-ray .series table tbody td {font-size:15px; line-height: 2;}

.ol-list li {margin-bottom:20px;}
.ol-list strong {line-height: 2;}
.ol-list p {line-height: 1.56; padding-left:15px;}

.img-desc {display:flex; width:791px; margin:5px auto; text-align:left;}
.img-desc strong {padding:4px 10px; border:solid 1px #f98848;}
.img-desc .item1 {width:252px;}	
.img-desc .item2 {width:235px;margin-left:46px;}	
.img-desc .item3 {width:212px;margin-left:46px;}	
.img-desc li p {font-size:15px;line-height: 1.73;}

.metal2 {margin-top:80px;}
.metal2 .t-cell:last-child article {padding-left:10px;}
.metal2 .tit {font-size: 22px; margin-bottom:22px;}
.metal2 .info {font-size: 18px; line-height: 1.67; text-indent:-10px; padding-left:10px;} 
.metal2 .info br.forWeb:after {content:''; width:10px; margin-right:20px; }
.metal2 article {padding:50px 0;  border-bottom: solid 1px #d4d4d4;}
.metal2 .top-line-box {padding-top:0px;}
.metal2 article ul {justify-content: flex-start; height:192px;}
.metal2 article ul li:first-child {margin-right:28px;}

.metal3 section ul {margin-bottom:20px;}
.metal3 section ul li{width:390px; height:400px; padding-top:60px; padding-left:30px; border: solid 1px #d4d4d4;}
.metal3 section ul li div img{margin:0px;}

.metal3 .tit {font-size: 22px; margin:25px 0; height:50px;}
.metal3 .info {font-size: 18px; line-height: 2; color: #000000;} 
.metal3 .info span{display:block; line-height: 1.33; padding-bottom:18px;}
.metal3 .txt-indent {padding-left:10px; text-indent:-10px;}

.metal4 .list-flex{width:600px;}
.metal4 .list-flex .item {margin-top:40px; height:68px; }
.metal4 .list-flex .item p {line-height: 1.89;}
.metal4 p.lh15{margin-bottom:10px; padding-left:20px; text-indent:-20px;}
.metal4 .t-cell img.forWeb {margin:0px;}
.metal4 .p-right img.forWeb {padding-left:20px;}

.weight4 .p-right img.forWeb {margin:0px; float:right;}

.org-box { height: 120px; background-color: rgba(249,136,72,0.11); border: solid 2px #db6c2b;}
.org-box p {text-align:center; padding:26px 0;}

.right-line-box {border-top: solid 1px #979797; border-right: solid 1px #979797; height:209px; margin-top:60px; margin-left:16px; }
.left-line-box {border-top: solid 1px #979797; border-left: solid 1px #979797; height:112px; margin-top:60px; }

.rectangle-box{opacity: 0.9; border-radius: 50px; width: 160px; height: 50px; margin-left:16px;
	text-align:center; line-height: 50px; font-size: 20px; font-weight: bold; color: #ffffff;}
.tit-gray {background-color: #979797; }
.tit-org {background-color: #f97b34;}
.tit-navy {width: 354px; background-color: #0f608c;}

.haccp .left-line-box .list-flex {margin-left:16px; }
.haccp .list-flex {margin-top:-25px;  width:1152px;}
.haccp .list-flex li{position: relative; width:200px; height: 60px;   border-radius: 5px; border: solid 1px #979797; background-color: #ffffff; z-index:10; }
.haccp .list-flex li small{position: absolute; margin-top:-25px;font-size: 14px; color: #f98848; ont-weight: bold;}
.haccp .list-flex li p {text-align:center; line-height: 60px;}

.haccp .right-line-box .list-flex li:not(:first-child):before {content:""; display: block; width: 12px;   height: 12px; margin-left:-30px; margin-top:17px;
border-top:1px solid #979797; border-right:1px solid #979797; -webkit-transform: rotate(45deg); transform: rotate(45deg);  position: absolute; }

.haccp .left-line-box .list-flex li:not(:first-child):before {content:""; display: block; width: 12px;   height: 12px; margin-left:-25px; margin-top:17px;
border-top:1px solid #979797; border-right:1px solid #979797; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);  position: absolute; }

.haccp .left-line-box:last-child .list-flex li:not(:first-child):before {content:""; display: block; width: 12px;   height: 12px; margin-left:-30px; margin-top:17px;
border-top:1px solid #979797; border-right:1px solid #979797; -webkit-transform: rotate(45deg); transform: rotate(45deg);  position: absolute; }


.haccp .tit-org {margin-top: -110px; }
.haccp .left-line-box:last-child {border-left: 0px; margin-top:0px; width:400px;}
.haccp .left-line-box:last-child .list-flex {width:480px;}
.haccp .left-line-box:last-child .list-flex li:last-child {width:240px;}


.safe1 table td {font-size: 15px; padding:10px;}
.safe1 table td sup {font-size: 8px;}
.safe1 .h200 {height:200px;}
.safe1 .btn_download {width:18px;}


.safe1 .lh18{line-height: 1.89;}
.safe1 dl {margin-bottom:60px;}
.safe1 dl dt {color:#111; margin:0px;}
.safe1 dl dt:before{content:''; width:0px; margin:0px;}
.safe1 dl dd {font-size:18px; color:#111; margin:0px; padding-left:10px;padding-bottom:20px;}


.safe2 .btn_download {width:15px;}
.safe2 ul {margin-top:40px; position: relative; }
.safe2 ul li{width:270px; height:150px; background-color: #f0f0f0;}
.safe2 ul li:not(:last-child) {margin-right:40px;}
.safe2 .arrow-right li:not(:first-child):before {content:url(../images/technology/icon_arrow.png); 
	display: block; position: absolute; margin-left:-30px; padding:54px 0;}
	
.safe2 .arrow-right:after{content:url(../images/technology/icon_arrow.png); 
	display: block; position: absolute; left:1050px; top:155px; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.safe2 .arrow-left li:not(:first-child):before {content:url(../images/technology/icon_arrow.png); 
	display: block; position: absolute; margin-left:-35px; padding:54px 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }	
	
.safe2 ul li p {width:270px; text-align:center; position: absolute; top: 50%; transform: translate(0, -50%); }

.rectangle-blue { width: 400px;  height: 50px;  border-radius: 25px; border: solid 1px #639ab8; background-color: #e9f3f8; margin:0 auto;}
.rectangle-blue span {color: #0f608c; font-weight: bold; line-height: 50px;}

.safe2 table tbody td {font-size: 15px; padding:15px 0; line-height: 1.8;}
.safe2 table tbody .lft {text-align:left; padding-left:20px;}

.safe2 table tbody td img{margin-left:5px; }

.vision {display:relative;}
.vision div {width:210px; height:117px; font-size: 15px; line-height: 1.47; position: absolute; }
.vision div h3{display:none;}
.vision div strong { font-size: 16px; }
.vision .lft {text-align:right;}
.vision .rgt {text-align:left;}
.vision .item1 {margin-top:-470px; margin-left:160px;}
.vision .item2 {margin-top:-300px; margin-left:60px;}
.vision .item3 {margin-top:-120px; margin-left:160px;}
.vision .item4 {margin-top:-490px; margin-left:840px; width:250px;}
.vision .item5 {margin-top:-300px; margin-left:940px;}
.vision .item6 {margin-top:-120px; margin-left:840px;}

.system2 ul { padding:0 60px; margin:0 auto; }
.system2 ul li p{margin:0 auto;}
.system2 ul li ol {margin-left:10px;margin-top:30px; }
.system2 ul li ol li{font-size: 16px;margin-bottom:12px; line-height:30px;}

.system2 ul li ol li:before {content: "\2022"; color: #0f608c;font-weight: bold; display: inline-block; width: 10px; margin-right:16px;}
.system2 .fst {margin-top:90px;}
.system2 .path:before {content: "\279C"; display: inline-block; font-size: 14px; margin:0 8px;}

.search-box {width:1000px; height: 60px; border-radius: 10px; border: solid 1px #d4d4d4; background-color: #ffffff; margin:0 auto;}
.search-box input[type="text"]{width:830px; height:25px; margin:18px 10px 17px 50px; font-size: 20px; color: #979797; border:0px;}
.search-box > a > img {display:inline; vertical-align:middle;}

table.board {margin-top:50px; }

table.board tbody tr {height:80px; }
table.board tbody tr:hover {background-color: #f9f9f9;}
table.board tr td {border-left:0px; border-right:0px; }
table.board tr td.subject {text-align:left;}
table.board tr td.attach {text-align:left;}
table.board tr td.attach img {margin-top:8px;}

table.board-view {border:0px; }
table.board-view thead tr{background-color: #fff; border-bottom: solid 2px #000000;}
table.board-view thead tr td {font-size: 22px;  border:0px;padding-bottom:30px;}
table.board-view thead tr td.info {text-align:right;font-size: 15px;color: #757575;} 
table.board-view thead tr td.info span {padding-left:8px;}
table.board-view thead tr td.info span:not(:last-child):after {content:''; width:8px; height:10px; border-right: solid 1px #979797; display:inline-block;}

table.board-view tr td {text-align:left; font-size: 16px; line-height:24px;}
table.board-view .content {height:450px; padding:34px 0 80px 0; vertical-align:top;}


table.board-write {border:0px; }
table.board-write tbody tr td{border:0px; padding-top:10px;}
table.board-write tr td {text-align:left;}
table.board-write input[type="text"],  table.board-write input[type="password"]{width:50%; height: 50px; border: solid 1px #d4d4d4; font-size: 16px; color: #979797; padding-left:20px;}
table.board-write input[id="title"] {width:100%; }



.upload-file {width:100%;  margin-top:24px;}
.upload-file dl {height:50px; border: solid 1px #d4d4d4; display:flex; flex-direction:row; }
.upload-file dl dt {width:15%; background-color: #f0f0f0; font-size: 16px; color: #979797; text-align:center; line-height:50px; }
.upload-file dl dd {width:85%; display:flex; flex-direction:row; justify-content:space-between; padding:0 20px; }
.upload-file dl dd div {line-height:50px; font-size:15px; }
.filebox label { font-size: 15px; line-height: 50px; cursor: pointer; border: 0px; text-decoration: underline; text-underline-position: under; } 
.filebox input[type="file"] { /* ÆÄÀÏ ÇÊµå ¼û±â±â */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }



.btn-box {display:flex; margin:30px 0; justify-content: flex-end;}
.c {justify-content: center; }
.btn-box .w {color: #757575; border: solid 1px #e8e8e8;}
.btn-box .b {color: #fff; background-color: #000; }
.btn {width:60px; height:40px; line-height:40px; font-size: 15px; margin-left:10px; text-align:center; }
.btn3 {width:110px; height:40px; line-height:40px; font-size: 15px; margin-left:10px; text-align:center; display:inline-block;}
.btn4 {width:180px; height:40px; line-height:40px; font-size: 18px; margin:0px 25px; text-align:center; }

.reply-box {width:100%; border: solid 1px #979797;}
.reply-box textarea {width:100%; height:118px; border:0px; padding:10px;}
.reply-box input[type="text"], .reply-box input[type="password"] {width:110px; height:40px; margin-left:20px; margin-top:10px; border: solid 1px #d4d4d4; text-align:center;}
.reply-box .re-info {height:60px; border-top: solid 1px #d4d4d4; position:relative;}
.reply-box .re-info .re-btn {height:60px; line-height:60px; position:absolute; right:0; top:0; width:100px; border-left: solid 1px #d4d4d4; font-size:15px; color: #757575; text-align:center;}

.reply-list{margin:40px 0; }
.reply-list li {display:flex; border-bottom: solid 1px #d4d4d4; padding:30px 10px; font-size:15px;}
.reply-list li:first-child {border-top: solid 1px #d4d4d4;}
.reply-list .re-name{font-weight:bold; flex-basis:10%;}
.reply-list .re-txt{flex-basis:75%; line-height:20px;}
.reply-list .re-date{color: #757575;flex-basis:13%; text-align:center;}
.reply-list .re-x{flex-basis:2%; text-align:right;}

.modal-bg {display:none; position:fixed; top:0; left:0; background-color: rgba(0, 0, 0, 0.3); width:100%; height:100%; z-index:990;}
.pop-pwd {display:none; position:fixed; top:50%; left:50%; margin:-175px; 0 0 -200px; background:#fff; text-align:center; width:400px; height:350px; z-index:999; border-radius: 10px;}
.pop-pwd .tit {font-size: 22px;color: #f96f20;margin-top:50px; font-weight: bold;}
.pop-pwd .txt {font-size: 18px; line-height:20px; color: #979797; margin-top:18px;}
.pop-pwd input[type="password"] {width:300px; height:50px; border-radius: 5px; border: solid 1px #d4d4d4; margin-top:40px;}
.pop-pwd .close {position:absolute; top:20px; right:20px; }
.pop-pwd .confirm {display:block; position:absolute; bottom:0; width:100%; height:60px; line-height:60px; background-color: #f0f0f0; font-size: 18px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.attach-box{padding:20px 0; font-size:12px;}
.attach-box img{margin-right:9px; float:left; clear:both;}
.attach-box div {margin-left:25px; margin-top:12px;}
.news table {margin-top:50px; }
.news table tbody tr {height:80px; }
.news table tbody tr:hover {background-color: #f9f9f9;}
.news table tr td {border-left:0px; border-right:0px; }
.news table tr td.subject {text-align:left;}


.category {text-align:center; font-size: 20px; margin-bottom:50px;}
.category span { display:inline-block; width: 150px; height: 50px; border-radius: 5px; border: solid 1px #d4d4d4; background-color: #ffffff;  
	color: #979797; margin:0 10px; line-height:50px;}
	
.category span.selected {background-color: #000000; font-weight: bold; color: #ffffff;}

table.result-table {margin-top:70px;}
table.result-table tbody tr td {height:80px;}

.brochure {display:flex; margin-top:70px;}
.brochure div {margin-right:44px; vertical-align:center;}
.brochure .rgt {margin-top:182px;}
.brochure .rgt p {font-size: 22px; height: 50px; margin-top:13px;}

.txt22 .txt-indent {padding-left:22px; text-indent:-22px; line-height: 1.45;}


/*
@media only screen and (max-width:768px) {
	*/
@media all and (min-width:100px) and (max-width:768px){	
	

	span.forMobile{display:inline;}
	div.forMobile{display:block;}
	.br{display:inline;}
	.brForMobile{display:block;}
	.forWeb{display:none;}
	.forMobile{display:block;}
	
	
    html { font-size:15px; color: #000; line-height: 1.47;}
    img.forMobile {width:100%; max-width:400px; margin:0 auto;}
	#main {width:100%; min-width:100%;}   
	#contents article {margin:15px 0 30px 0;}
		
	#contents .top-line-box > article:first-child{margin-top:0px;}
	.top-line-box {padding-top:30px; margin-bottom:50px;} 
	.top-line-box > .section {padding:0px;}
		
	.txt22 {font-size:15px;line-height:22px;}
	.mbottom0  {margin-bottom:0px;}
	.mbottom80 {margin-bottom:40px;}
	.mtop60 {margin-top:30px !important;}
	.mtop80 {margin-top:40px !important;}
	.pt0 {padding-top:0px;}
	.txt {font-size:15px;line-height: 1.47;}
	.series .bottom100{padding-bottom:30px;}
	.series .pl100{padding-left:0px;}
    
	.layer-alert { width:300px; margin-left:-150px; }
    
	.list-box article a span { display:block; margin-left:0; }
  	.list-box article a.news-content { margin-top:4px; }
	.list-box article div.comp-name { width:3px; height:62px; margin-right:2px;}
	.list-box article div.comp-name span { font-size:1.5rem; }
	.list-box article div.news-wrap { left:3px; width:80%; }
	.list-box .news-content { margin-top:0; }
    
	ul.table-box li.table-col-required div:first-child { padding:20px 0px 10px 0; }
    ul.table-box li div:first-child { padding: 20px 21px 10px 21px; }
    .btn-wrap button span { height:60px; line-height:60px; }
    
    .navigation-box { z-index:1;}
    .navigation-box.show-nav { width:100%; position:relative; height:85px; background-color: transparent; z-index:999}
    
  	.gnb { height:85px; width:100%; background:transparent; z-index:1 }
	.gnb h1{ margin-top:24px; margin-left:20px;}
    .gnb h1 a img,
    .gnb.en h1 a img { width:110px; }
    .gnb .lang-wrap {display:inline-flex; height:100%; margin-top:24px;  } 
    .gnb .lang-wrap li {margin-right:16px;}
    .gnb .lang-wrap li a {font-size: 14px; font-weight: bold; color: #bababa;}
    .gnb .lang-wrap li a.active {color: #111111; text-decoration: underline;}
    .gnb .mClose{margin-top:24px; margin-left:10px; margin-right:7%;}
    .gnb .mClose img {width:18px; vertical-align:bottom;}
    
    .gnb nav .forMobile {text-align:right;}

	.gnb nav {position:fixed; top:0; opacity:0; left:100%; width:100%; height:100%; background-color:#fff; margin:0px; float:none;}    
	.gnb nav.is-active{opacity:1; left:0;}
	.gnb nav div{display:block;}
	.gnb nav div:after {content:''; display:block; clear:both;}
		
	.gnb nav > ul {display:flex; flex-direction: column; width:100%;}		
	.gnb nav > ul > li {padding:0; }
	.gnb nav > ul > li.is-active > a {background:url(../images/mobile/main/btn_menu_arrow.png) no-repeat 93% 50%; background-size: 15px;}
	.gnb nav > ul > li > a{ display:block; margin-left:20px; font-size: 18px;ont-weight: bold;line-height: 3.33;  
		background: url(../images/mobile/main/btn_menu_downarrow.png) no-repeat 93% 50%; background-size: 15px; }
	.gnb nav > ul > li > ul {display:none; margin:0px; padding:20px 0 20px 40px;background-color: #f8f8f8;}
	.gnb nav > ul > li > ul  li a {font-size: 14px; line-height: 2.86;}
	.gnb nav ul li.about, .gnb nav ul li.business, .gnb nav ul li.ethics, .gnb nav ul li.recruit,  .gnb nav ul li.promo {width:100%;}
		
		
   
    .gnb div.lang-select, .gnb.en div.lang-select { width:72px; display:none; }
    
    .gnb div.ham-menu { width:21px; display:block; position:absolute; top:24px; right:20px; z-index:100; transition: all 0.35s cubic-bezier(0.645,0.045,0.355,1); }
    #hamburger .line {width: 100%; height: 2px;  background-color: #fff; display: block; margin: 6px auto; 
    	-webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    	
    .gnb div.ham-menu.is-active {display:none;}
    
    
    .main_visual {margin-top:-85px; height:540px;}
    .mv_list {width:100%; height:540px; background:url('../images/mobile/main_img_01.png')}
		.mv_list li.ver1{background:url('../images/mobile/main_img_01.png') center top no-repeat; background-size: 100% 100%; display:block;}
		.mv_list li.ver2{background:url('../images/mobile/main_img_02.jpg') center top no-repeat; background-size: 100% 100%; display:none;}
		.mv_list li.ver3{background:url('../images/mobile/main_img_03.png') center top no-repeat; background-size: 100% 100%; display:none;}
		.mv_list li.ver4{background:url('../images/mobile/main_img_04.png') center top no-repeat; background-size: 100% 100%; display:none;}
    
    
    
    .main_visual .nav-wrap {position:relative; width:100%; }
    .main_visual .nav {width:120px; position:absolute; bottom:30px; right:20px;}
    .main_visual .nav span {height:28px; width:30px; }
    .main_visual .nav span a {height:28px; font-size: 12px; letter-spacing: 2px;}
    .main_visual .nav span a b {font-size: 18px;letter-spacing: 2.25px;}
    
    .news-box {width:100%; padding:45px 22px;}
    .news-box .clr{display:flex; flex-direction:column;}
    .news-box h2{font-size: 22px; font-weight: bold; color: #000000;}
    .news-box article {width:100%; border-bottom: solid 1px #eaeaea; padding:44px 0; margin-top:0px;}
    .news-box article:last-child {border:0px;}
    
    .news-box article h3 { margin:17px 0; width:100%; height:21px;}
    .news-box article h3 a {font-size:18px;}
    
    .news-box article p.news-content {font-size:15px; line-height: 1.33; margin-bottom:25px;}
    .news-box article p.news-type { width:25%; }
    .news-box article p.news-date { margin-bottom:20px; font-size:12px;}
    
    .news-box .btn-more {width: 100px; height: 35px; line-height:35px; border: solid 1px #888888; font-size: 14px; color: #000000; text-align:center; margin:0 auto;}
    
    
    .grid-box {padding:0px;}
    .grid-box .grid-wrap {width:100%;}
    .grid-box ul {flex-direction:column;}
    .grid-box ul:last-child {margin:0px}
    .grid-box ul li { height:280px; width:100%;}
	.grid-box .item1 {background:url('../images/mobile/sub_img_01.png') center top no-repeat; background-size: 100% 100%; display:block;}
	.grid-box .item2 {background:url('../images/mobile/sub_img_02.png') center top no-repeat; background-size: 100% 100%; display:block;}
	.grid-box .item3 {background:url('../images/mobile/sub_img_03.png') center top no-repeat; background-size: 100% 100%; display:block;}
	.grid-box .item4 {background:url('../images/mobile/sub_img_04.png') center top no-repeat; background-size: 100% 100%; display:block;}
    
    
    .title-box {position:absolute; height:260px; top:0; }
    
    .title-box div {position:relative; display:block; padding-top:98px;height:260px;}
    .title-box div h2 {font-size: 26px; margin-bottom:14px;}
    .title-box div h3 {font-size: 12px; line-height: 1.67; font-weight:normal; }
    
    #wrap {position:relative; margin-top:200px; width:100%;}
    #top-company {background-image:url(../images/mobile/company/Top_img.png);}
    #top-product {background-image:url(../images/mobile/product/Top_img.png);}
    #top-customer {background-image:url(../images/mobile/customer/Top_img.png);}
    #top-promotion {background-image:url(../images/mobile/promotion/Top_img.png);}
    #top-technology {background-image:url(../images/mobile/technology/Top_img.png);}
    
    
    #footer {padding:0 22px;}
    #footer .m_sitemap .inner ul {display:flex; flex-direction:column;}
    #footer .m_sitemap {width:100%;}
    #footer .f_logo img{width:116px;}
    #footer .m_sitemap .inner ul li .other {width:182px; margin-top:30px;}
    #footer .m_sitemap .inner ul li .family_site {font-size: 13px;}
    
    #footer .fnb li {font-size:13px;}
    #footer .fnb_copy {padding-top:36px;}
    #footer .address {padding-top:36px;font-size: 13px;line-height: 1.38;}
    #footer p {font-size: 13px;line-height: 1.38; margin-bottom:15px;}
    
	/* paging */
	.paging {margin:44px auto 0; text-align:center; overflow:hidden;}
	.paging ul{display:inline-block; vertical-align:middle;}
	.paging li{display:block; height:32px; width:32px; float:left; margin-left:9px;}
	.paging li.forWeb {display:none;}
	.paging li:first-child{margin-left:0;}
	.paging ul li a{display:inline-block; width:32px; height:32px; line-height:32px; font-size:13px; border:1px solid #dddddd;}
	.paging ul.num{margin:0 9px;}
	.paging ul.num li a{ margin-left:0; position:relative;}
	.paging strong{display:inline-block; width:32px; height:32px; line-height:32px; background:#000000; font-weight:bold; color:#fff;}    
    
    #contents {padding:0 20px 80px 20px;}
    #contents section {margin:40px 0px;}
    
    .location {display:none;}
    .mTab1 {width:320px; margin:0 auto; border:0px;}
    .mTab1 .bg {display:flex; flex-wrap: wrap; margin-bottom:50px;}
    .mTab1 .ls{width:160px; height: 40px; display: flex; align-items: center; box-sizing: border-box;  word-break: break-word; flex:0; border:0px;  border: 1px solid #e5e5e5;}
    .mTab1 .ls a {width:160px; height:40px; line-height:40px; font-size: 13px;}
    
    .oval-wrap {width:176px; height:176px;padding:12px;}
    .oval {width:151px; height:151px; font-size: 18px; line-height: 1.33;}
    
    .flex-wrap {display:flex; flex-wrap: wrap; justify-content: space-around;}
    .flex-wrap .item4 {width:135px; }
    .flex-wrap .item4 img{width:130px;}
    
    .flex-wrap .title {height: 50px; line-height: 50px;}
    .flex-wrap .title span {font-size:15px;line-height: 1.33;}
    
    .round-box {width:280px; height:35px; line-height:35px; font-size:15px; margin-bottom:20px; border-radius: 20px;}
    .flex-wrap .item2 {width:100%; text-align:center;}
    .flex-wrap .item2 .title {width:280px; height:50px; margin:0px auto;}
    .flex-wrap .item2 img {margin:30px auto;}
    	
    .title {font-size:18px;}
    .img_box p {line-height: 1.47;}
    
    .logo-box img{width:150px; height:43px;}
    
    .rectangle {border:0px; margin-top:34px; height:590px; margin-bottom:20px; }
    
    .oval-box-wrap ul {display:flex; flex-direction:column; margin:45px auto; width:210px; justify-content:flex-start;}
    .oval-box-wrap ul li {margin-top:-20px;}
    .oval-box-wrap ul li .oval-box {width:210px; height:210px;}
    .oval-box-wrap ul li .oval-box span small {font-size:10px; font-weight:bold;}
    .oval-box-wrap ul li .oval-box span strong {font-size:18px; margin: 26px 0 14px 0;}
    .oval-box-wrap ul li .oval-box span div {font-size:15px; margin-top:11px; line-height: 1.33;}
    .oval-box-wrap ul li .oval-box span hr { border: solid 0.5px; width: 15px; height: 1px; align: center; }
    
	.ci_box {height:200px; padding:72px 0;}    
	.ci_box > img {width:200px; height:57px; }
	.ci_desc {margin-top:17px;}
	.ci_desc h2 {font-size:18px; margin-bottom:12px; color: #000;}
	.ci_desc ul {margin-bottom:42px;}
	.ci_desc ul li {font-size:15px; padding-left:20px; text-indent:-13px;}
	.ci_desc ul li::before {margin-right:5px;}
		
	.greeting-img {width:320px; height:200px;}
		
	.ci_desc .ci_txt p {height:105px; width:280px; font-size:18px; font-weight: bold; line-height: 1.44; color: #000; margin:23px 20px; display:inline-block;}
	.ci_desc .qt {position:absolute; font-size:50px; font-weight:20;}
	.ci_desc .tp {margin-top:20px;}
	.ci_desc .bt {top:65%;}
	.img_box {margin:0 auto; text-align:center;}
		
	.greeting-txt {margin-top:50px;}
		
	.history ul {margin-top:23px; padding-bottom:20px;}
	.history ul:first-child {margin-top:0px;}
	.history ul li h1 {font-size:22px; width:70px;}
	.history ul dl {font-size:15px;  margin-bottom:20px; }
	.history ul dl dt {width:40px; }
		
		
	.recruit-box {margin:0 auto; width:280px;}
	.list-flex {display:flex; flex-direction: column; }
	.recruit-box ul li {width:280px; margin:0px; }
	
	.recruit-box ul li div {height:50px; line-height:50px; font-size:18px;}
	.recruit-box ul li span {width:244px; font-size:15px; margin:15px 17px 30px 17px;}
		
	.recruit-box > img.forMobile {width:100%; position:absolute; left:0; }
		
		
	.process ol {position:relative; height:130px;}
	.process ol li {position:absolute; }
	.process ol li small {font-size:12px;}
	.process ol li span {font-size:15px; margin-top:8px;}
		
		
	.process ol li:nth-child(1) {width:60px; margin-left:10px; padding:0px;}
	.process ol li:nth-child(2) {width:75px; margin-left:210px; padding:0px;}
	.process ol li:nth-child(3) {width:45px; margin-top:120px; margin-left:60px; padding:0px;}
	.process ol li:nth-child(4) {width:70px; margin-top:120px; margin-left:250px; padding:0px;}
		
	.recruit-person {margin:0px;}
	.recruit-person .person {font-size:15px; line-height:1.47;}
	.recruit-person .contact {margin:0px; font-size:15px; line-height: 1.47;}
	
	.oval80 {width:64px; height:20px; line-height:20px;}
	.rd, .gr {font-size:12px;}
		
	.x-ray .ti a {font-size:18px; padding-bottom:6px; margin-right:18px;}
		
	.x-ray dl {padding:30px 0 0 0; flex-direction: column; position:static; border:0px;}
	.x-ray dl dt {width:100%;}
    .x-ray dl dd p {position:static; padding:27px 0px; top: 0; transform: translate(0, 0); line-height: 1.73;}
    
    .x-ray article {padding-top:0px;}
    
    .x-ray h2{border-bottom:solid 2px #000000; padding-bottom:16px;}
    .x-ray .oval-list {display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom:0px;}
    .x-ray .oval-list li {width:125px;}
    .x-ray .oval-list .oval-tit {width:125px; height:50px; margin:25px 0;}
    .x-ray .oval-list .oval-tit:after {height:25px;}
    .x-ray .oval-list .oval-tit span {font-size:12px; margin:10px auto; padding-top:9px;}
    
    .x-ray .oval-list .oval-item {width:115px; height:30px; line-height:30px; margin: 0 5px 15px 5px; font-size:11px;}
    .x-ray .oval-list li .oval-item:not(:last-child):after {height:15px;}
    
    .t-cell {display:block; width:100%}
    
    .x-ray .info .tit {padding-left:0px; font-size: 15px; margin:20px 0 0 0; line-height: 1.81;}
    .x-ray .info .txt {padding-left:0px; font-size: 12px; margin:0 0 20px 0; line-height: 1.67;}
    
    table caption{font-size:15px; font-weight: bold; padding:20px; position:relative;}
    table tr {font-size:12px;}
    table thead tr{height:40px;}
    .x-ray .series table tbody td {font-size:12px; line-height: 1.67;}
    .x-ray .series table tbody td:last-child {text-align:left; padding-left:8px;}
    
    
    .x-ray2 p {height:100%;}
    .x-ray2 p:first-child {margin-top:0px; font-size: 15px; line-height: 1.47;}
    
    .series dl dd {font-size:12px;line-height: 1.67;}
    .series .t-cell {width:100%;}
    
    table.noshow {display:none;}
    table > caption > a.prev {position:absolute; left:20px; top:10px;}
    table > caption > a.next {position:absolute; right:20px; top:10px;}
    table > caption > span {position:absolute; left:50%; transform: translate(-50%, 0%); top:10px;}
    
    table.metal {margin-top:40px;}
    table.metal tbody td:last-child {text-align:left; padding-left:8px;}
    
    table.weight1 {margin-top:40px;}
    table.weight1 tbody td:last-child {text-align:left; padding-left:8px;}
    table.weight2 tbody td:last-child {text-align:left; padding-left:8px;}
    
    .series .gray-box {width:140px;margin-left:0px; padding:0px; text-align:left;  font-size:10px; }
    .series .mobile-gray-box{border-radius: 8px; background-color: #f9f9f9; padding:22px 20px;}
    
	.series .gray-box p {font-weight: bold; line-height: 2.0; text-indent:-5px; padding-left:15px;}
	.series .gray-box p:before { content: "\2022"; font-weight: bold; display: inline-block; width: 6px; }
	.series .gray-box p span {font-weight: normal; }
	.series .gray-box p span.no-ml {margin-left:2px;}
    
    
    table.weight2 tbody tr td p {padding:10px 0px;}
    
    .metal2 article ul {height:100%; display:flex; flex-direction: column;}
    .metal2 article ul li:first-child {margin-right:0px;}
    
    .metal2 .tit {font-size:15px; margin:15px 0;}
    .metal2 .info {font-size:12px; line-height: 2;}
    .metal2 article {padding:0px 0 30px 0; margin-top:0px;}
    .metal2 article:first-child{padding-top:30px;}
    .metal2 .t-cell:last-child article {padding-left:0px;}
    
    .metal3 table {margin-top:30px;}
    .metal3 table tbody tr td:last-child{text-align:left; padding-left:10px;}
    .metal3 section ul li {width:100%; height:220px;padding:18px; margin-bottom:19px; position:relative;}
    .metal3 section ul li div{position:absolute; top:50%; transform: translate(0, -50%);}
    .metal3 section ul li div img{width:29px;}
    .metal3 .tit {font-size: 15px; margin:15px 0; height:17px;}
    .metal3 .info {font-size: 12px; }
    .metal3 .info span {padding-bottom:8px; line-height:18px;}
    
    .metal4 p.lh15{margin-bottom:8px; padding-left:15px; text-indent:-15px;}
    .metal4 .list-flex {width:100%; display:flex; flex-direction:row; justify-content: space-between; }
    .metal4 .list-flex .left{width:50%;}
    .metal4 .list-flex .right{width:50%;}
    .metal4 .list-flex .item {margin-top:25px; height:40px;}
    .metal4 .list-flex .item:first-child{margin-top:0px;}
    .metal4 .list-flex .item p {line-height: 1.67;}
    .metal4 .list-flex .item p:last-child {font-size: 12px;}
    .metal4 .mtop40 {margin-top:0px;}
    .metal4 .t-cell{margin-bottom:10px;}
    
    .img-desc {flex-direction:column; width:100%; margin:24px 0 0 0;}
    .img-desc li p {font-size:12px; line-height: 1.67; margin-top:10px;}
    .img-desc .item1, .img-desc .item2, .img-desc .item3 {width:100%; margin-left:0px; margin-top:24px;}
    
    .img-number {display:flex; flex-direction:row; }
    .img-number li{width:15px; height:15px; border: solid 1px #f98848; background-color: #f98848; border-radius: 50%; font-size:10px; color: #ffffff;}
    .img-number li:before {content:''; display:block; border-left: solid 1px #f98848; width:0.4px; height:27px;margin-left:45%; margin-top: -27px;}
    
    .img-number li:nth-child(1) {margin-left:8%;}
    .img-number li:nth-child(2) {margin-left:25%;}
    .img-number li:nth-child(3) {margin-left:40%;}
    
    .weight4 .p-right img {width:200px; margin:0 auto;}
    
    .mo-inline {display:inline-block; margin-top:0px;}
    
    .org-box p {padding:16px 10px; font-size: 15px; line-height: 1.47;}
    
    .haccp .img_box {padding-top:30px;}
    .haccp .lh22{line-height: 1.6;}
    .haccp .lh22 strong {line-height: 2.2;}
    
    .haccp ul{display:flex; flex-direction:row; justify-content: space-between; max-width:350px;}
    .haccp ul.list-flex {display:flex; flex-direction:column; }
    
    .haccp .rectangle-box {width:130px; height:35px;margin-left:-5px; line-height:35px; font-size:15px;}
    
    .haccp .tit-org {margin-top: 96px;}
    .haccp .list-flex {margin-top:0px; width:100%;}
    .haccp .list-flex li {width:180px; height:42px; margin-bottom:18px; position: relative;}
    .haccp .list-flex li:not(:last-child):after{content:''; display:block; width:9px; height:9px; position: absolute; left:48%; 
    	border-right: 1px solid #979797; border-bottom: 1px solid #979797; transform: rotate(45deg); }
    .haccp .list-flex li:not(:first-child):before {content:''; display:block; width:1px; height:18px; background-color:#979797; 
    	position: absolute; left:50%; margin-top:-18px;}	
    .haccp .list-flex li p {font-size:14px; line-height:42px;}
    .haccp .list-flex li small {font-size:13px; margin-left:-40px; margin-top:13px;}
    
    .safe1 .btn_download {width:15px;}
    .safe1 .lh18{line-height: 1.47;}
    .safe1 dl {margin-bottom:20px;}
    .safe1 dl dt {color:#111; margin:0px;}
    .safe1 dl dt:before{content:''; width:0px; margin:0px;}
    .safe1 dl dd {font-size:15px; color:#111; margin:0px; padding-left:10px;padding-bottom:20px;}
    
    .safe1 table tr td:last-child {text-align:left; padding-left:10px;}
    .safe1 table td {font-size:12px;}
    .safe1 .h200 {height:60px;}
    .safe1 .table-desc dl dt {font-size:12px; font-weight:bold; line-height: 20px;}
    .safe1 .table-desc dl dd {font-size:12px; line-height: 16px; padding-left:0px;}
    
    .rectangle-blue {width:320px; height:40px;}
    .rectangle-blue span {line-height:40px; font-size:14px;}
    
    .safe2 .btn_download {width:12px;}
    .safe2 ul {position:static; margin-top:10px;}
    .safe2 ul:last-child{margin:0px;}
    .safe2 ul li {width:320px; height:60px; margin:20px auto; position:relative;}
    .safe2 ul li:not(:last-child) {margin:20px auto;}
    .safe2 ul li p {font-size:12px; width:320px;}
    .safe2 .arrow-right li:not(:first-child):before {content:''; width:0px; height:0px;}
	.safe2 .arrow-left li:not(:first-child):before {content:''; width:0px; height:0px; }
		
    .safe2 li:after {content:''; background-image:url(../images/mobile/technology/icon_arrow_down.png); background-size: 25px 20px;
    display: inline-block; width:25px; height:20px; position: absolute; top:70px; left:50%; transform: translate(-50%,0); }
    .safe2 ul:last-child li:last-child:after {content:''; width:0px; height:0px; }
    
    .safe2 table tbody td {font-size:12px;}
    .safe2 table tbody .lft {padding-left:0px;}
    .safe2 .pl33 {padding-left:27px;}
    .safe2 .pl42 {padding-left:42px;}
    
    
    .vision div{width:100%; height:100%; position:static; font-size:14px;}
    .vision div h3{display:block; font-size:16px; line-height:30px; color: #1f4d78;}
    .vision div strong{font-size:14px;}
    .vision .lft {text-align:left;}
    .vision .item1 {margin:0px;padding-bottom:20px;}
    .vision .item2 {margin:0px;padding-bottom:20px;}
    .vision .item3 {margin:0px;padding-bottom:20px;}
    .vision .item4 {margin:0px;padding-bottom:20px;}
    .vision .item5 {margin:0px;padding-bottom:20px;}
    .vision .item6 {margin:0px;padding-bottom:20px;}
    
    .system2 ul {padding:0px;}
    .system2 .fst {margin-top:0px;}
    .tit-navy {width:283px;}
    .system2 ul li ol {margin:30px 0;}
    .system2 ul li ol li {font-size:12.8px; line-height:32px; margin-bottom:0px;}
    
    .search-box-bg {width:100%;height:100px; margin-top:-25px; left:0;background-color: #f0f0f0;padding:26px 20px;}
    .search-box {width:100%; height:45px; }
    .search-box input[type="text"] {width:82%; height:17px; font-size:15px; margin:14px 10px 14px 10px;}
    .search-box img {width:20px;}
    
    .notice table {margin:30px 0;}
    .notice table thead{display:none;}
    .notice table tbody tr {display:flex; flex-wrap:wrap; align-items: center; border-bottom: solid 1px #d4d4d4; height:80px; padding:15px 0;}
    .notice table tbody tr td {text-align:left; border:0px; position:relative;}
    .notice table tbody tr td.seq {display:none;}
    .notice table tbody tr td.attach {width:10%; text-align:center;}
    .notice table tbody tr td.attach img {width:12px;height:12px;}
    .notice table tbody tr td.subject {width:90%;}
    .notice table tbody tr td.regist {color: #979797; padding-left:10%;}
    .notice table tbody tr td.regist:last-child{padding-left:5px;}
    .notice table tbody tr td.regist:last-child:before {content:''; display: inline-block; width:1px; height:8px; background-color:#d4d4d4; margin-right:8px;}
    
    .news table {margin:30px 0;}
    .news table thead{display:none;}
    .news table tbody tr {display:flex; flex-direction:column; justify-content:center; border-bottom: solid 1px #d4d4d4; height:90px; }
    .news table tbody tr td {text-align:left; border:0px; }
    .news table tbody tr td:first-child {display:none;}
    .news table tbody tr td:nth-child(2) {}
    .news table tbody tr td:last-child {color: #979797; padding-left:65px; width:100%; line-height:21px;}
    .news table tbody tr td a:last-child {left:0px;}
	.news table tbody tr td.subject a {display:flex; flex-direction:row;}
    .news table tbody tr td .type { color: #979797; line-height:21px;}
    .news table tbody tr td .tit {padding-left:10px; line-height:21px;}
    
    
    .category {font-size:12px; margin:40px 0;}
    .category span {width:80px; height:30px; line-height:30px; margin:0 5px;}
    
	table.result-table tbody tr td{height:40px;}
		
	.brochure {display:flex; flex-direction:column; }
	.brochure .rgt {margin-top:35px;}
	.brochure .rgt p {font-size:15px; margin-top:8px;}
	.brochure .button {width:100px; height:30px; line-height:30px; font-size:12px;}
	.brochure .button img {width:10px;}
		
	.txt22 .txt-indent {padding-left:18px; text-indent:-18px; line-height:21px;}
	.soluray_map .t-cell {display:inline-block;}
	.metal3 .txt-indent {padding-left:8px; text-indent:-8px;}
	
	table.board-view {width:100%;}
	table.board-view .content img{max-width:100%;}	
	table.board-view thead tr{display:flex; flex-direction:column; height:100%;}
	table.board-view thead tr td {line-height:30px;}
	table.board-view thead tr td.info {text-align:left;}
	table.board-view thead tr td {padding-bottom:20px;}
	table.board-view thead tr td.info span:first-child {padding-left:0px;}
		
	table.board-write {border:0px; }
	table.board-write tbody tr td{border:0px; padding-top:0px;}
	table.board-write tr {height:50px;}
	table.board-write tr td {text-align:left;}
	table.board-write input[type="text"] {width:100%; height: 50px; border:0px; border-top: solid 1px #d4d4d4; font-size: 15px; color: #979797; padding-left:20px;}
	table.board-write input[id="title"] {width:100%; }
		
		
	.btn-box {margin-bottom:30px;}
	.btn3 { width: 80px; height: 30px;  line-height: 30px; font-size: 15px;  margin-left: 10px; text-align: center;}
	.btn4 {width:144px; height:40px; line-height:40px; font-size: 15px; margin:0px 10px; text-align:center; }
		
	.reply-box .re-info {height:50px;}
	.reply-box .re-info .re-btn {width:60px;height:50px;line-height:50px;}
	.reply-box input[type="text"] {width:100px; height:30px; margin-left: 10px;}
		
	.reply-list{margin:20px 0; width: 100vw; margin-left: calc(-50vw + 50%); }
	.reply-list li {position:relative; display:flex; flex-direction:column; font-size:15px; padding:20px;}
	.reply-list .re-name{font-weight:bold; }
	.reply-list .re-txt{padding-top:10px; padding:17px 0; line-height:20px;}
	.reply-list .re-date{color: #757575;font-size:12px; text-align:left;}
	.reply-list .re-x{position:absolute; right:20px; top:20px;}

	.pop-pwd {margin:-150px; 0 0 -150px; width:300px; height:300px; }
	.pop-pwd .tit {font-size: 18px; margin-top:33px;}
	.pop-pwd .txt {font-size: 15px; line-height:20px;}
	.pop-pwd input[type="password"] {width:250px; margin-top:25px;}
	.pop-pwd .close {position:absolute; top:20px; right:20px;}
	.pop-pwd .close img{width:16px; height:16px;}
	.pop-pwd .confirm {bottom:0; width:100%; height:60px; line-height:60px; font-size: 18px; }
	
	.upload-file { margin-top:16px;}
	.upload-file dl {border-left:0px; border-right:0px;}
	.upload-file dl dt {width:25%; min-width:80px; font-size: 15px; }
	.upload-file dl dd {width:75%; display:flex; flex-direction:row; justify-content:space-between; padding:0 10px; }
	.upload-file .file-name {width:70%;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


}