@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);

/* ---------------------------------- layout */
html, body {height:100%;}
#wrapeer {width:100%;}
body {font-family: 'Noto Sans KR', sans-serif; width:100%; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
h1,h2,h3,h4,h5,h6,p,li,dd,dt,a{word-break:keep-all; word-spacing:5px;}

.mr_red {color:#ef1925;}
.mr_blue {color:#064179;}
.t_center {text-align:center;}
.red_line {position:relative; padding-top:22px;}
.red_line:after {position:absolute; top:-22px; content:""; display:block; width:40px; height:4px; background:#ef1925; margin-top:22px;}
p {font-size:18px;}
@media (max-width:799px) {
  p {font-size:16px;}
}

/* header */
#header {position:relative; top:0; width:100%; background:#fff; z-index:9999999; transition:.3s; box-shadow:0 0 10px rgba(0,0,0,.5);}
#header.fixed {position:fixed; top:0; border-bottom:1px solid #ddd; transition:.3s;}
#header .header-top {/*width:100%;*/width:235px; background-color:#fff; float:right; margin-top:25px;}
#header .header-top dl {/*margin:0 auto; width:1100px;*/width:130px; text-align:right; font-size:0; line-height:0;}
#header .header-top dd {/*width:130px;*/width:190px;}
#header .header-top dd a {display:block; font-size:16px; line-height:30px; text-align:center; letter-spacing:0.5px; font-weight: 350;}
#header .header-top dd.lang a.on {color:#333;}
#header .header-top dd.lang a {position:relative; float:left; width:60px; background-color:#fff; color:#999;}
#header .header-top dd.lang a:first-child:after,
#header .header-top dd.lang a:nth-child(2):after
{content:""; position:absolute; right:0; top:7.5px; display:blcok; width:1px; height:15px; border-right:2px solid #333;}
#header .header-top dd.lang a:nth-child(2):after{border-color:#999;}
#header .header-top .sitemap_btn {float:right; width:30px; height:30px; cursor:pointer;}
#header .header-top .sitemap_btn span {margin-top:14px; position:absolute; transition:all 0.3s; display:block; height:2px; background:#333;}
#header .header-top .sitemap_btn span:nth-child(1) {width:24px; transform:translateY(-6px) rotate(0deg);}
#header .header-top .sitemap_btn span:nth-child(2) {width:16px; transform:translateY(0) rotate(0deg);opacity:1;}
#header .header-top .sitemap_btn span:nth-child(3) {width:24px; transform:translateY(6px) rotate(0deg);}
#header .header-top .sitemap_btn.close span:nth-child(1) {width:24px; transform:translateY(0) rotate(45deg);}
#header .header-top .sitemap_btn.close span:nth-child(2) {width:24px; transform:translateY(0) rotate(0deg); opacity:0;}
#header .header-top .sitemap_btn.close span:nth-child(3) {width:24px; transform:translateY(0) rotate(-45deg);}

#header .header-bottom {margin:0 auto; width:1200px;}
#header .header-bottom:after {content:''; display:block; clear:both;}
#header .logo {float:left; margin-top:20px;}
#header .logo a {display:block; width:100%; height:38px;}

#header .sitemap {display:none; position:absolute; left:0; top:80px; width:100%; height:360px; background:rgba(0,0,0,.9);}
#header .sitemap > ul {height:360px; padding:60px 135px; box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto;}
#header .sitemap > ul:after {content:""; display:block; clear:both;}
#header .sitemap > ul > li {float:left; width:20%; padding-right:40px;}
#header .sitemap > ul > li:nth-child(2) {width:40%;}
#header .sitemap > ul > li > a {display:block; height:40px; color:#358bdc; font-size:18px; font-weight:1000;}
#header .sitemap > ul > li > ul > li {border-bottom:1px solid #333;}
#header .sitemap > ul > li > ul > li:last-child {border-bottom:none;}
#header .sitemap > ul > li > ul > li > a {display:block; height:40px; line-height:40px; font-size:14px; font-weight:700; transition:all 0.3s;}
#header .sitemap > ul > li > ul > li:hover > a {color:#fff;}

@media screen and (max-width:1100px) {
	#header .sitemap {display: none;}
	#header .header-top .sitemap_btn {display:none;}
	#header.fixed {top:0; border-bottom:0 none;}
	#header .header-top {display:none;}
	#header .header-bottom {padding:0 30px; width:100%; height:80px; background:#fff;}

	#header .logo {position:relative; z-index:9999; margin-top:22px; width:130px; height:40px; background:url('/html/_skin/fostec/images/mainpage/logo.png') no-repeat 0 0;}
	#header .logo img {display:none;}
}
@media screen and (max-width:767px) {
	#header .header-bottom {padding:0 20px; height:55px;}
	#header .logo {margin-top:15px; width:157px; height:25px; background-size:auto 100%;}
	#header .logo a {height:100%;}
}


/* web gnb */
#header .gnb {float:right;}
@media screen and (min-width:1101px) {
	#header {height:80px;}
	#header .center{position:relative; width:100%; max-width:1200px; height: 80px; margin:0 auto;}
	#header .gnb {position:absolute; top:0; left:50%; transform:translateX(-50%);width:75%; height:80px;}
	#header .gnb * {text-align: center;}
	#header .m-menu-btn,
	#header .m-gnb-bg,
	#header .m-lang {display:none;}
		/* 1depth */
	#header .gnb > ul {font-size:0; line-height:0; height:80px;}
	#header .gnb > ul > li {position:relative; display:inline-block; height:inherit; padding:0 35px; vertical-align:top;}
	#header .gnb > ul > li:last-child {border-bottom:none;}
	#header .gnb > ul > li > a {display:block; font:400 18.16px/80px 'Noto Sans KR', sans-serif; color:#333; height: 80px;}
	#header .gnb > ul > li > a
	#header .gnb > ul > li:hover > a {position:relative; color:#064179;}
	#header .gnb > ul > li:hover > a:after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
		display:block; width:50%; height:4px; background:#064179;}
		/* 2depth */
	#header .gnb > ul > li:nth-child(2) .depth2 {width:180%;}
	#header .gnb .depth2 {display:none; overflow:hidden; position:absolute; top:80px; left:50%; z-index:0; width:100%; height:0; border:1px solid #ccc;
		background:#fff; text-align:center; transform:translateX(-50%); transition:.3s; opacity:0;}
	#header .gnb .depth2 li { transition:.3s; height: 50px; border-bottom:1px solid #ccc;}
	#header .gnb .depth2 li:last-child {border-bottom:none;}
	#header .gnb .depth2 li:hover {background:#064179;}
	#header .gnb > ul > li:last-child .depth2 {width:calc(100% + 30px);}
	#header .gnb > ul > li:nth-child(3) .depth2 {width:100%;}
	#header .gnb .depth2 a {color:#333; font-size:16px; line-height:50px; letter-spacing:-0.05em; font-weight:400;}
	#header .gnb > ul > li:hover .depth2 {display:block; z-index:9999; height:auto; opacity:1;}
	#header .gnb > ul > li:hover .depth2 li {transform:translateX(0);}
	#header .gnb > ul > li:hover .depth2 li:nth-child(1) {transition:.3s .05s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(2) {transition:.3s .1s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(3) {transition:.3s .15s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(4) {transition:.3s .2s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(5) {transition:.3s .25s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(6) {transition:.3s .3s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(7) {transition:.3s .35s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(8) {transition:.3s .4s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(9) {transition:.3s .45s;}
	#header .gnb > ul > li:hover .depth2 li:nth-child(10) {transition:.3s .5s;}
	#header .gnb > ul > li .depth2 li:hover a {color:#fff;}
}
@media screen and (max-width:1100px) {
	#header {position:relative;}

	#header .m-menu-btn {display:block; position:absolute; top:24px; right:30px; width:42px; height:34px; z-index:9999; cursor:pointer;}
	#header .m-menu-btn span {height:6px; background:#ef1925; transition:.3s;}
	#header .m-menu-btn span:nth-child(1) {position:absolute; top:50%; margin-top:-3px; width:100%;}
	#header .m-menu-btn span:nth-child(2) {position:absolute; top:0; width:100%;}
	#header .m-menu-btn span:nth-child(3) {position:absolute; bottom:0; width:100%;}
	/* on */
	#header .m-menu-btn.on {z-index:100000;}
	#header .m-menu-btn.on span {background:#fff;}
	#header .m-menu-btn.on span:nth-child(1) {opacity:0;}
	#header .m-menu-btn.on span:nth-child(2) {height:2px; transform:translateY(16px) rotate(-45deg);}
	#header .m-menu-btn.on span:nth-child(3) {height:2px; transform:translateY(-16px) rotate(45deg);}

	#header .gnb {float:none; position:fixed; top:0; right:-100%; z-index:99999; width:100%; height:100vh; opacity:0;}
	#header .m-gnb-bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}

	#header .m-lang {position:fixed; top:0; right:-100%; z-index:100000; padding:18px 0 0 33px; width:80%; height:80px; background:#ef1925; opacity:0;}
	#header .m-lang a {display:block; width:110px; height:44px; border:1px solid #fff; font:400 21px/42px 'NotoKrR'; color:#fff; text-align:center;}
	/* on */
	#header .m-lang a:hover {background:#fff; color:#ef1925;}

	#header .gnb > ul {overflow-x:hidden; position:absolute; top:80px; right:0; z-index:100000; width:80%; height:calc(100% - 80px); background:#fff;}
	/* depth */
	#header .gnb ul a {display:block; padding-left:36px; width:100%; line-height:1;}
	/* 1depth */
	#header .gnb > ul > li {width:100%;}
	#header .gnb > ul > li > a {position:relative; padding-top:20px; padding-bottom:20px; border-top:1px solid #ddd; font-size:23px; font-family: 'Noto Sans KR', sans-serif; color:#333;}
	#header .gnb > ul > li > a:before {position:absolute; top:16px; right:30px; content:"\f107"; display:block; font-family:'FontAwesome'; font-size:30px; line-height:1;}
	#header .gnb > ul > li:first-child > a {border-top:0 none;}
	#header .gnb > ul > li:last-child > a {border-bottom:1px solid #ddd;}
	/* 2epth */
	#header .gnb > ul > li > ul {display:none;}
	#header .gnb > ul > li > ul,
	#header .gnb > ul > li > ul > li {width:100%; background:#e8e8e8;}
	#header .gnb > ul > li > ul > li > a {padding-top:15px; padding-bottom:15px; border-top:1px solid #d1d1d1; font-size:17px;}
	#header .gnb > ul > li > ul > li:first-child > a {border-top:0 none;}
	/* on */
	#header .gnb > ul > li.on > a {background:#333; border-top:0 none; color:#fff;}
	#header .gnb > ul > li.on > a:before {content:'\f106';}
	#header .gnb > ul > li > ul > li > a:hover {color:#064179;}
}
@media screen and (max-width:767px) {
	#header .m-menu-btn {top:16px; right:20px; width:28px; height:23px;}
	#header .m-menu-btn span {height:3px;}
	#header .m-menu-btn span:nth-child(1) {top:10px; margin-top:auto;}
	#header .m-menu-btn.on span:nth-child(2) {height:2px; transform:translateY(10.5px) rotate(-45deg);}
	#header .m-menu-btn.on span:nth-child(3) {height:2px; transform:translateY(-10.5px) rotate(45deg);}

	#header .gnb > ul {top:55px; height:calc(100% - 55px);}
	#header .gnb ul a {padding-left:20px;}
	#header .gnb > ul > li > a:before {top:12px; right:20px; font-size:23px;}

	#header .m-lang {padding:12px 0 0 20px; height:55px;}
	#header .m-lang a {width:75px; height:29px; font-size:14px; line-height:27px;}

	#header .gnb > ul > li > a {padding-top:16px; padding-bottom:16px; font-size:15px; font-family: 'Noto Sans KR', sans-serif;}
	#header .gnb > ul > li > ul > li > a {padding-top: 12px; padding-bottom:12px; font-size:13px;}
}

/*
	footer
*/
#footer {width:100%; background:#333;}
#footer .footer-top {width:100%; background:#f1f1f1;}
#footer .footer-top dl {margin:0 auto; width:1100px;}
#footer .footer-top dd {display:inline-block; margin-right:25px;}
#footer .footer-top dd a {display:block; font-size:15px; line-height:40px;}
#footer .footer-bottom {position:relative; margin:0 auto; padding:40px 0; width:95%; max-width:1200px;}
#footer .footer-bottom .question {position:absolute; top:0; right:0;
	display:block; width:240px; height:100%; background:#111; color:#ccc;
	text-align:center; font-size:18px; line-height:107px; font-weight:350;}
#footer .footer-bottom .question img {margin-left:10px;}
#footer .footer-bottom p {display:inline-block; margin-right:54px; vertical-align:middle;}
#footer .footer-bottom p img {max-width:100%;}
#footer .footer-bottom address {position:relative; display:inline-block; width:814px; font-weight:100; font-size:12px; line-height:21px; vertical-align:middle; color:#b1b1b1;}
#footer .footer-bottom address .copy {display:block;}
#footer .footer-bottom address .m-copy,
#footer .footer-bottom address .m-email {display:none;}
#footer .footer-bottom address a {font-size:14px; color:#b1b1b1;}
#footer .footer-bottom address span {padding:0 16px; font-size:14px; text-transform:uppercase; font-weight:350;}
#footer .topbtn {opacity:0; z-index:10; position:fixed; display:block; bottom:20px; right:20px;
	width:50px; height:50px; background:rgba(0,0,0,.8); border:1px solid #ccc; transition:0.3s;}
#footer .topbtn:before {
	content:"";
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
@media (min-width:1101px) {
    #footer .footer-bottom address a {position:absolute; right:0; top:0;}
}
@media screen and (max-width:1100px) {
	#footer .footer-bottom .question {display:none;}
	#footer .footer-top dl {width:100%; text-align:center;}
	#footer .footer-top dd {margin-right:0; padding:0 20px;}
	#footer .footer-top dd a {font-size:18px; line-height:50px;}
	#footer .footer-bottom {padding:35px 0; width:100%;}
	#footer .footer-bottom p {margin-right:0; width:100%; text-align:center;}
	#footer .footer-bottom address {margin-top:20px; position:relative; width:100%; font-size:16px; line-height:1.4;}
	#footer .footer-bottom address span {display:block; text-align:center;}
	#footer .footer-bottom address .m-copy,
	#footer .footer-bottom address .m-email {display:block;}
	#footer .footer-bottom address .m-copy {margin:10px 0;}
	#footer .footer-bottom address .copy {display:none;}
    #footer .footer-bottom address a {display:block; text-align:center;}
	#footer .topbtn {bottom:10px; right:10px; transform:translateY(0);}
}
@media screen and (max-width:767px) {
	#footer .footer-top dd a {font-size:15px; line-height:40px;}
	#footer .footer-bottom {padding:25px 0;}
	#footer .footer-bottom address {font-size:13px;}
	#footer .footer-bottom address .m-copy {font-size:12px;}
}


/* ---------------------------------- contents */
#contents {width:100%}

@media screen and (min-width:1101px) {
	#contents {min-height:calc(100vh - 255px);}
}
@media screen and (max-width:767px) {
	#contents {min-height:calc(100vh - 288px);}
}

/* ---------------------------------- main */
/*
	main visual
*/
.main-visual {position:relative; width:100%;}
.main-visual li {position:relative; height:700px; text-align:center;}
.main-visual li a {display:block; width:100%; height:100%; color:#fefefe;}
.main-visual li a div {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.main-visual li a h1 {font-weight:500; font-size:64px; line-height:1.4; text-shadow:3px 0 0 #000; word-break:keep-all;}
.main-visual li a p {position:relative; margin-top:25px; padding-top:28px; font-weight:400; font-size:30px; line-height:1.4; text-shadow:2px 0 0 #000; word-break:keep-all;}
.main-visual li a p:before {position:absolute; top:0; left:50%; margin-left:-50px; content:''; display:block; width:100px; height:3px; background:#fefefe; box-shadow:2px 0 0 #000;}
.main-visual .item1 a {background:url('/html/_skin/fostec/images/mainpage/main_visual1.jpg') no-repeat center top/cover;}
.main-visual .item2 a {background:url('/html/_skin/fostec/images/mainpage/main_visual2.jpg') no-repeat center top/cover;}
.main-visual .item3 a {background:url('/html/_skin/fostec/images/mainpage/main_visual3.jpg') no-repeat center top/cover;}

/* visual pager */
.bx-controls {z-index:1000; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:100%; max-width:1920px; font-size:20px; line-height:0;}
.bx-controls .bx-pager-item {position:absolute; right:0; display:block; width:100px;}
.bx-controls .bx-pager-item:nth-child(1) {transform:translateY(-40px);}
.bx-controls .bx-pager-item:nth-child(2) {transform:translateY(0);}
.bx-controls .bx-pager-item:nth-child(3) {transform:translateY(40px);}
.bx-controls .bx-pager-item a {display:block; width:100%; color:#ccc;}
.bx-controls .bx-pager-item a.active {background:#ef1925; color:#ef1925;}
.bx-controls .bx-pager-item a.active:after{position:absolute; right:0; content:""; padding-left:20px; display:block; width:65px; height:2px; background:#ef1925;}

/* visual button */
.main-visual .bx-controls-direction{z-index:1000;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	width:70%; max-width:1400px; height:78px;}
.bx-prev,.bx-next{position:absolute; top:50%; transform:translateY(-50%); transition:.3s;
	display:block; width:78px; height:78px; background:none; opacity:.7;
	border:1px solid #ccc; color:#ccc; font-size:0; font-size:0; font-weight:300; text-align:center;}
.bx-prev:hover,.bx-next:hover {opacity:1; background:rgba(0,0,0,.7);}
.bx-prev {left:0; padding-left:5px;}
.bx-next {right:0; padding-right:5px;}
.bx-prev:before,.bx-next:before {
	position:absolute;
	top:30px;
	left:30px;
	content:"";
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 6px;
}
.bx-next:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.bx-prev:before{transform: rotate(135deg); -webkit-transform: rotate(135deg);}

@media screen and (max-width:999px) {
	.bx-pager {display:none;}
	.bx-prev,.bx-next {border:none;}
	.bx-prev {left:-30px;}
	.bx-next {right:-30px;}
	.bx-prev:hover, .bx-next:hover {background:none;}
}
@media screen and (max-width:1100px) {
	.main-visual li {height:calc(100vh - 80px);}
	.main-visual li a h1 {padding:0 30px; font-size:60px; line-height:1.2;}
	.main-visual li a p {padding:30px 30px 0; font-size:20px;}
	.main-visual li a p:before {margin-left:-35px; width:70px;}
}
@media screen and (max-width:767px) {
	.main-visual li a h1 {padding:0 20px; font-size:40px; letter-spacing:-1px;}
	.main-visual li a p {padding: 30px 20px 0; font-size:18px;}
	.main-visual li a p:before {margin-left:-25px; width:50px;}
	.bx-controls .bx-pager-item a {border-width:2px;}
}

/*
	main contents
*/
.main-section {padding:130px 0; text-align:center;}
.main-conts-title {position:relative; margin-bottom:10px; font-weight:400; font-size:50px; line-height:1; font-family: 'Noto Sans KR', sans-serif; color:#000; letter-spacing:-0.5px;}
.main-conts-title:before {opacity:0; content:''; position:absolute; top:0; left:50%; margin-left:-40px; display:block; width:80px; height:1px; background:#f5821e;}
.main-conts-title + p {margin-bottom:50px; font-weight:400; font-size:17px; line-height:1.4; font-family: 'Noto Sans KR', sans-serif; color:#888; letter-spacing:-0.5px; word-break:keep-all;}

@media screen and (max-width:1100px) {
	.main-section {padding:60px 0;}
	.main-conts-title + p {padding:0 30px;}
}
@media screen and (max-width:767px) {
	.main-section {padding:50px 0;}
	.main-conts-title {font-size:36px;}
	.main-conts-title:before {margin-left:-25px; width:50px;}
	.main-conts-title + p {margin-bottom:30px; font-size:15px;}
}

/* section01 */
.section01 {overflow:hidden; position:relative; margin:0 auto; width:1200px; padding:100px 0;}
.section01 .main-conts-title {color:#333; font-size:36px; font-weight:500; margin-bottom:40px;}
.section01 .product-list {width:100%; max-width:1200px; height:400px;}
.section01 .product-list li.slick-slide {display:inline-block; width:100%; max-width:1200px; vertical-align:top; height:400px;}
.section01 .product-list li.slick-slide:after {content:""; clear:both; display:block;}
.section01 .product-list li.slick-slide > a {overflow:hidden; width:100%; max-width:600px;
	display:block; height:400px; background:#eee;}
.section01 .product-list li.slick-slide img {display:block; max-width:100%; min-height:400px;}
.section01 .product-list li.slick-slide > a, .section01 .product-list li > span{float:left;}
.section01 .product-list li.slick-slide > span {display:block; width:100%; border:1px solid #ccc; max-width:600px; height:400px;
	font-weight:300; font-size:14px; line-height:1.4; color:#a8a8a8;}
.section01 .product-list li.slick-slide > span strong {padding-left:80px; display:block; font-weight:500; font-size:28px;
	font-family: 'Noto Sans KR', sans-serif; color:#064179; text-align:left; margin-bottom:50px;}
.section01 .product-list li.slick-slide > span p {padding-right:40px; margin-top:40px; font-size:20px; text-align:right; font-weight:500;}
.section01 .product-list li.slick-slide > span p b {color:#064179;}
.section01 .product-list li.slick-slide > span ul {margin-bottom:70px;}
.section01 .product-list li.slick-slide > span ul li {text-align:left; padding-left:80px;
	font-size:20px; color:#333; font-weight:350; margin-bottom:10px;}
.section01 .product-list li.slick-slide > span ul li:before {content:"-"; margin-right:5px;}
.section01 .product-list li.slick-slide > span a {margin-left:80px; display:block; width:124px; height:38px; line-height:38px;
	border:1px solid #064179; color:#064179; font-size:14px; font-weight:350;}

/* arrows */
ul.product-list {position:relative;}
ul.product-list .slick-prev,ul.product-list .slick-next {position:absolute; bottom:0; z-index:555; font-size:0; line-height:0; background:none; width:80px; height:80px;
	background:#064179;}
ul.product-list .slick-prev {right:80px;}
ul.product-list .slick-next {right:0;}
ul.product-list .slick-prev:before,ul.product-list  .slick-next:before {display:inline-block; font-size:50px; line-height:1; font-family:'FontAwesome'; color:#ccc;}
ul.product-list .slick-prev:before {content:"\f104";}
ul.product-list .slick-next:before {content:"\f105";}
ul.product-list .slick-prev:hover:before,ul.product-list  .slick-next:hover:before {color:#fff;}
ul.product-list .slick-prev:focus,ul.product-list .slick-next:focus {outline:none;}
ul.product-list .slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.section01 .slick-dots li {float:left; padding:0; width:auto; margin:0 5px;}
.section01 .slick-dots li button {display:block;  width:15px; height:15px; border-radius:50%; border:2px solid #dedede; background:#fff; font-size:0; line-height:0;}
.section01 .slick-dots li.slick-active button {width:35px; border-radius:7px; border-color:#f5821e; background:#f5821e;}
.section01 .slick-dots li button:focus {outline:none;}

@media screen and (min-width:1210px) {
	.section01 li.slick-slide strong .m_br {display:none;}
}
@media screen and (max-width:1209px) {
	.section01 {width:100%;}
	.section01 {padding-bottom:70px;}
	.section01 .product-list {height:800px;}
	.section01 .product-list li.slick-slide {height:800px;}
	.section01 .product-list li.slick-slide > span {font-size:13px;}
	.section01 .product-list li.slick-slide > span strong {font-size:25px;}
	.section01 .product-list li.slick-slide > span a {margin-left:20px;}
	.section01 .product-list li.slick-slide div span {font-size:20px;}
	.section01 .product-list li.slick-slide > a,.section01 .product-list li.slick-slide > span{position:relative; left:50%; transform:translateX(-50%);}
	.section01 .product-list li.slick-slide > span strong,
	.section01 .product-list li.slick-slide > span ul li {padding-left:20px;}
	.section01 .product-list li.slick-slide > span ul li {font-size:18px;}
	ul.product-list .slick-prev,ul.product-list .slick-next {top:50%; transform:translateY(-50%); width:40px; height:40px;}
	ul.product-list .slick-prev {left:10px;}
	ul.product-list .slick-next {right:10px;}
	ul.product-list .slick-prev:before,ul.product-list  .slick-next:before {font-size:30px;}
}

/* section02 */
.section02 {background-image:url('/html/_skin/fostec/images/mainpage/back_map.png'); background-size:cover;}
.section02 ul {margin:0 auto; width:1100px; font-size:0; line-height:0;}
.section02 ul li {display:inline-block; width:25%; vertical-align:top;}
.section02 ul li a {display:block; font-size:0; line-height:0;}
.section02 ul li i {display:block; margin:0 auto; width:154px; height:154px; border:2px solid #999; border-radius:50%; background-color:rgba(255,255,255,.7); background-repeat:no-repeat; background-position:center center; transition:.3s;}
.section02 ul li:nth-child(1) i {background-image:url('/html/_skin/fostec/images/mainpage/icon1.png');}
.section02 ul li:nth-child(2) i {background-image:url('/html/_skin/fostec/images/mainpage/icon2.png');}
.section02 ul li:nth-child(3) i {background-image:url('/html/_skin/fostec/images/mainpage/icon3.png');}
.section02 ul li:nth-child(4) i {background-image:url('/html/_skin/fostec/images/mainpage/icon4.png');}
.section02 ul li i:hover {background-color:#ef1925;}
.section02 ul li:nth-child(1) i:hover {background-image:url('/html/_skin/fostec/images/mainpage/icon1_hover.png');}
.section02 ul li:nth-child(2) i:hover {background-image:url('/html/_skin/fostec/images/mainpage/icon2_hover.png');}
.section02 ul li:nth-child(3) i:hover {background-image:url('/html/_skin/fostec/images/mainpage/icon3_hover.png');}
.section02 ul li:nth-child(4) i:hover {background-image:url('/html/_skin/fostec/images/mainpage/icon4_hover.png');}
.section02 ul li strong,
.section02 ul li span {display:block; line-height:1.8; letter-spacing:-1px;}
.section02 ul li strong {margin-top:15px;font-weight:400; font-size:24px; font-family: 'Noto Sans KR', sans-serif; color:#333;}
.section02 ul li span {padding:0 10px; font-weight:400; font-size:15px; line-height:1.4; word-break:keep-all;}

@media screen and (max-width:1100px) {
	.section02 ul {width:100%;}
	.section02 ul li:nth-child(1),
	.section02 ul li:nth-child(2) {margin-bottom:40px;}
}
@media screen and (max-width:767px) {
	.section02 ul li {width:50%;}
}
@media screen and (max-width:479px) {
	.section02 ul li {width:100%;}
	.section02 ul li:nth-child(3) {margin-bottom:40px;}
	.section02 ul li i {width:130px; height:130px; background-size:60% auto;}
	.section02 ul li strong {margin-top:10px; font-size:20px;}
}

/* section03 */
.section03 {margin:0 auto; width:1100px; font-size:0; line-height:0;}
.section03 > section {position:relative; display:inline-block; margin-left:4.72727272727273%; width:30.18181818181818%; text-align:left; vertical-align:top;}
.section03 > section:first-child {margin-left:0;}
/* board */
.section03 .main-board-wrap h1 {padding:20px 0 8px; border-bottom:1px solid #262626; font-weight:700; font-size:23px; line-height:1; font-family: 'Noto Sans KR', sans-serif; color:#333;}
.section03 .main-board-wrap h1 span {font-weight:400; font-size:15px; font-family: 'Noto Sans KR', sans-serif; color:#9e9e9e;}
.section03 .main-board-wrap ul {width:100%; padding:11px 0 0;}
.section03 .main-board-wrap ul li a {display:block; padding:0 6px; font-size:14px; line-height:27px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section03 .main-board-wrap ul li a:before {content:'-'; display:inline-block; margin-right:5px;}
.section03 .main-board-wrap .btn-more {position:absolute; top:25px; right:6px; font-size:14px; line-height:1;}
.section03 .main-board-wrap .btn-more:after {content:'+'; display:inline-block; margin-left:4px; font-weight:700; color:#f5821e;}
/* customer */
.main-customer-wrap {padding-top:18px}
.main-customer-wrap p,
.main-customer-wrap ul {display:inline-block; vertical-align:middle;}
.main-customer-wrap p img {max-width:100%;}
.main-customer-wrap ul {margin-left:7%;}
.main-customer-wrap ul li {font-size:15px; line-height:23px;}
.main-customer-wrap ul li strong {font-weight:500; font-size:30px; line-height:1.5; color:#333;}
.main-customer-wrap ul li span {font-size:20px; line-height:1.2; color:#333;}
.main-customer-wrap ul li:nth-child(3) {margin-top:10px;}

@media screen and (max-width:1100px) {
	.section03 {padding:50px 30px; width:100%;}
	.section03 .main-board-wrap {margin-bottom:30px; margin-left:4%; width:48%;}
	.section03 .main-customer-wrap {margin-left:0; margin-bottom:-10px; padding:20px; width:100%; background: rgba(123,106,88,.15); text-align:center;}
	.section03 .main-customer-wrap ul {margin-left:5%;}
}
@media screen and (max-width:767px) {
	.section03 {padding:30px 20px;}
	.section03 .main-board-wrap {margin-left:0; width:100%;}
	.section03 .main-board-wrap h1 {font-size:20px;}
	.section03 .main-board-wrap h1 span {font-size:13px;}
	.section03 .main-board-wrap:nth-of-type(2) h1 {padding-top:0;}
	.section03 .main-board-wrap:nth-of-type(2) .btn-more {top:5px;}
	.main-customer-wrap p {display:block; margin-bottom:7px;}
	.main-customer-wrap p img {width:70px;}
	.main-customer-wrap ul li {font-size:13px; line-height:1.4;}
	.main-customer-wrap ul li strong {font-size:24px; line-height:1.3;}
	.main-customer-wrap ul li span {font-size:16px;}
	.main-customer-wrap ul li:nth-child(3) {margin-top:5px;}
}

/* section04 */
.section04 {padding:0; position:relative; background:url('/html/_skin/fostec/images/mainpage/notice_bg.jpg') no-repeat center center/cover;
	background-attachment:fixed;}
.section04 .black_cover {position:absolute; left:0; top:0; width:100%; height: 100%; background:rgba(0,0,0,.8);}
.section04 .center{z-index:3; padding:130px 0; position:relative; width:90%; max-width:1200px; margin:0 auto;}
.section04 .center>*{text-align:left;}
.section04 .main-conts-title {position:relative; color:#fff; font-weight:700; margin-bottom:80px; font-size:60px;}
.section04 .main-conts-title:after {content:''; position:absolute; bottom:-40px; left:0; display:block; width:60px; height:2px; background:#ef1925;}
.section04 .main-conts-title:before{display:none;}
.section04 .main-conts-title + p {padding:0;}
.section04 p {color:#999; margin-bottom:80px; font-weight:300; font-size:20px;}
.section04 h2 {width:100%; max-width:400px; color:#fff; font-size:20px;}
.section04 h2 a {float:right; margin-top:4px; display:block; width:22px; height:22px; line-height:0.6;
	border:1px solid #ef1925; text-align: center; color:#ef1925; font-size:25px;}
.section04 form {min-width:auto;}
.section04 ul {position:relative; z-index:2; width:400px;}
.section04 li {margin:12px 0;}
.section04 li input[type="text"] {padding:0 13px; width:100%; height:45px; border:0 none;}
.section04 li:first-child input[type="text"] {width:49.3%;}
.section04 li:first-child input[type="text"]:first-child {margin-right:1.4%;}
.section04 li textarea {padding:13px; width:100%; border:0 none;}
.section04 li a {display:block; width:100%; height:40px; border-radius:4px; background:#ffd800; font-weight:700; font-family: 'Noto Sans KR', sans-serif; font-size:21px; line-height:40px; color:#333;}
.section04 .basic-board-list colgroup {display:none;}
.section04 .basic-board-list tr th,
.section04 .board-num,
.section04 .board-name,
.section04 .board-hit,
.section04 .board-paging,
.section04 .board-search-wrap,
.section04 #google_translate_element{display:none;}
.section04 .basic-board-list {border-bottom:1px solid #666;}
.section04 .basic-board-list tbody tr {border-top:1px solid #666;}
.section04 .basic-board-list td {color:#999; font-size:14px; font-weight:700; text-align:right;}
.section04 .basic-board-list tbody td.board-subject a {color:#fff;}
.section04 .latest_photo {position:absolute; width:100%; max-width:1200px; height:100%; top:0; left:50%; transform:translateX(-50%);}
.section04 .latest_photo img{position:absolute;}
.section04 .latest_photo img:nth-child(1) {top:-50px; right:-130px;}
.section04 .latest_photo img:nth-child(2) {top:130px; right:320px;}
.section04 .latest_photo img:nth-child(3) {z-index:1; top:270px; right:-130px;}
.section04 .latest_photo img:nth-child(4) {top:460px; right:-170px;}
@media screen and (max-width:1100px) {
	.section04 .center p br, .section04 .latest_photo{display:none;}
}
@media screen and (max-width:880px) {
	.section04 .center>* {text-align:center;}
	.section04 .center>h2 {text-align:left; width:100%; max-width:880px;}
	.section04 .main-conts-title {font-size:40px;}
	.section04 .main-conts-title:after {bottom:-40px; left:50%; margin-left:-30px;}
	.section04 ul {width:100%;}
}
@media screen and (max-width:767px) {
	.section04 .center>h2 {padding:0 35px;}
	.section04 ul {padding:0 20px;}
	.section04 li input[type="text"] {height:30px;}
	.section04 li:first-child input[type="text"] {width:100%;}
	.section04 li:first-child input[type="text"]:first-child {margin-bottom:12px; margin-right:0;}
	.section04 li textarea {padding:7px 13px; height:150px;}
	.section04 li a {height:25px; font-size:15px; line-height:25px;}
}

/* banner */
.main-reference {position:relative; height:380px; background-image:url('/html/_skin/fostec/images/mainpage/banner_bg.jpg'); text-align:center;
background-attachment:fixed; background-size:cover;}
.main-reference * {color:#fff !important;}
.main-reference .black_cover {position:absolute; width:100%; height: 100%; background:rgba(0,0,0,.8);}
.main-reference>div {position:relative; padding-top:99px; font-size:24px; line-height:2;  font-weight:400;
font-family: 'Noto Sans KR', sans-serif; color:#674e33; letter-spacing:-0.5px; margin-bottom:50px;}
.main-reference div.tit_wrap h1 {z-index:2;position:absolute; top:0; width:100%;}
.main-reference div.tit_wrap>div {position:relative; display:block; width:100%; height:48px;}
.main-reference div.tit_wrap>div .through_line {position:absolute; top:50%; left:50%; transform:translateX(-50%);
	display:block; width:70%; max-width:330px; height:4px; background:#064179;}
.main-reference div strong {position:relative; display:block; font-size:28px; font-weight:350; color:#262626;}
.main-reference a {position:relative; font-size:18px; background:#064179; padding:20px 30px;}
.main-reference a img {margin-left:15px; vertical-align:middle;}

@media screen and (min-width:768px) {
	.main-reference div br {display:none;}
}

@media screen and (max-width:767px) {
	.main-reference {height:280px;}
	.main-reference div {padding-top:25px; font-size:15px; margin-bottom:10px; line-height:1.5; margin-bottom:20px;}
	.main-reference div strong {font-size:18px;}
	.main-reference a {font-size:14px; background:#064179; padding:15px 20px;}
}

/* section06 */
.main-map {overflow:hidden; width:100%; height:auto;}
.main_map_info {padding:25px 0; width:100%; background:#ef1925;}
.main_map_info:after {content:""; clear:both; display:block;}
.main_map_info .center{width:95%; max-width:1200px; margin:0 auto;}
.main_map_info p {display:inline-block; color:#fff; font-size:16px; font-weight:350;}
.main_map_info p:nth-child(1) {display:inline-block;}
.main_map_info p a {display:inline-block; color:#fff; font-weight:300; vertical-align:middle;}
.main_map_info p img {margin-right:10px; vertical-align:middle;}
.main_map_info button {padding:10px 20px; background:none; border: 1px solid #fff; border-radius:20px; color:#fff; outline:none; vertical-align:middle;}
.main_map_info button img {margin-left:10px; transition:all 0.3s;}
.main_map_info button.active img {transform:rotate(180deg);}
.main_map_info button span.close{display:inline;}
.main_map_info button span.open{display:none;}
.main_map_info button.active span.close{display:none;}
.main_map_info button.active span.open{display:inline;}

@media (min-width:1101px) {
	.main_map_info .center {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}
@media screen and (max-width:1200px) {
	.main_map_info .center {position:Relative; padding-bottom:30px;}
	.main_map_info p {width: 100% !important; margin:5px auto;}
	.main_map_info p:after {content:""; display:block; clear:both;}
	.main_map_info p img+* {width:calc(100% - 30px); float:right;}
	.main_map_info button {position:absolute; right:0; bottom:0;}
}
@media screen and (max-width:767px) { 
	.main-map {height:auto;}
	.main_map_info {display:block;}
}


/* ---------------------------------- sub page */
/*
	sub layout
*/
#subWrap {position:relative; width:100%;}
#subWrap .sub_center{position:relative; margin:0 auto; padding-bottom:100px; width:95%; max-width:1200px;}

@media screen and (max-width:1100px) {
	#subWrap .sub_center{width:100%;}
}

/* location */
.location-wrap {width:100%;}
.location-wrap > ul {margin:0 auto; width:100%; max-width:1200px; font-size:0; line-height:0;}
.location-wrap > ul > li {position:relative; display:inline-block; margin-right:-1px; vertical-align:top;}
.location-wrap > ul > li:before {position:absolute; top:17px; right:0; content:">"; display:inline-block; font-family:'FontAwesome'; font-size:12px; line-height:1; color:#888;}
.location-wrap > ul > li.location-home a {display:block; padding:0; min-width:54px; height:45px; text-align:center;}
.location-wrap > ul > li.location-home img {padding-top:16px;}
.location-wrap > ul > li:last-child:before {display:none;}
.location-wrap li a {display:block; padding:0 15px 0 10px; font-size:16px; line-height:45px; font-weight:300;}
.location-wrap > ul > li.on > a { color:#666;}
/* 2depth */
.location-wrap .location-depth2 {display:none; position:absolute; top:45px; left:0; z-index:555; width:100%; border:1px solid #d9d9d9; border-width:1px 0 0;}
.location-wrap .location-depth2 a {padding:15px 20px; border-bottom:1px solid #d9d9d9; background:#fff; line-height:17px;}
.location-wrap .location-depth2 a:hover {background:#f1f1f1; color:#ef1920;}
.location-wrap .location-depth2 li.on a {color:#ef1925;}

@media screen and (min-width:1101px) {
	.location-wrap{position:absolute; top:400px; text-align:right;}
}
@media screen and (max-width:1100px) {
	.location-wrap > ul  {width:100%;}
}
@media screen and (max-width:767px) {
	.location-wrap > ul > li:not(.on) {display:none;}
	.location-wrap > ul > li:last-child {width:100%;}
	.location-wrap > ul > li:last-child > a {background:#f9f9f9; text-align:center;}
}

/* left menu */
#leftMenu {border-bottom:1px solid #dedede; width:100%;}
#leftMenu .left-menu-title {width:100%; height:250px; background-image:url('/html/_skin/fostec/images/subpage/sub01/sub01_bg.jpg'); font-size:36px; font-weight:400;
	line-height:1.3; font-family: 'Noto Sans KR', sans-serif; color:#fff; text-align:center; line-height:250px;}
#leftMenu .left-menu-title span {display:none; font-size:14px; font-family: 'Noto Sans KR', sans-serif; color:#f2b37c;}
#leftMenu > ul {width:100%; max-width:1200px; height:60px; margin:0 auto;}
#leftMenu > ul > li {position:relative; float:left; width:20%; height:60px; text-align:center;}
#leftMenu > ul > li:before {position:absolute; top:15px; right:0; content:""; display:inline-block; width:1px; height:30px; background:#ccc;}
#leftMenu > ul > li:first-child:after {position:absolute; top:15px; left:0; content:""; display:inline-block; width:1px; height:30px; background:#ccc;}
#leftMenu > ul > li > a {font-size:15px; line-height:60px; color:#333; letter-spacing:-1.5px; word-break:keep-all; font-weight:400;}
#leftMenu a {display:block; width:100%;}
/* 2depth */
#leftMenu > ul > li > ul {display:none; padding:6px 0; border-top:1px solid #dedede; background:#f5f5f5;}
#leftMenu > ul > li > ul a {padding:7px 25px; font-size:13px; line-height:18px; word-break:keep-all;}
/* on */
#leftMenu > ul > li.on >a,
#leftMenu > ul > li:hover > a {color:#ef1925;}
#leftMenu > ul > li.on >a:before,
#leftMenu > ul > li:hover > a:before {position:absolute; bottom:0; content:""; display:block; width:100%; height:4px; background:#ef1925;}
#leftMenu > ul > li.on:before,
#leftMenu > ul > li:hover:before {color:#ef1925;}
#leftMenu > ul > li.on ul {display:block;}
#leftMenu > ul > li li.on a,
#leftMenu > ul > li li a:hover {font-weight:400; color:#000;}

@media screen and (max-width:1200px) {
	#leftMenu {display:none;}
	#leftMenu > ul > li > a {font-size:14px;}
}


/*
	--- sub conts
*/
#subConts {padding-top:100px; width:900px; text-align:left;}
@media screen and (max-width:1100px) {
	#subConts {float:none; padding:40px 30px; width:100%;}
}
@media screen and (max-width:767px) {
	#subConts {float:none; padding:30px 20px 60px;}
}
.sub_h2 {font-size:24px; color:#333; margin:20px 0; font-weight:400;}

/* company */
.ceo-wrap {width:100%; font-size:15px; line-height:1.5;}
.ceo-wrap img {width:100%;}
.ceo-wrap p {margin-top:5%; font-size:18px; color:#666; font-weight:350;}
.ceo-wrap p strong {margin:20px 0 15px; display:inline-block; font-size:22px; color:#333; font-weight:500;}
.ceo-wrap p em {margin-top:7%; display:block; width:100%; font-size:18px; color:#000; text-align:right;}
.mr_promise {position:relative; width:100%; height:500px; background:url('/html/_skin/fostec/images/subpage/sub01/sub01_01.jpg') no-repeat center center;}
.mr_promise>span {position:absolute; left:80px; top:100px; padding-top:40px; padding-left:40px; display:block; width:520px; height:250px; background:rgba(239,25,37,.7);}
.mr_promise>span>* {color:#fff;}
.mr_promise>span>h2 {position:relative; font-size:40px; font-weight:500;}
.mr_promise>span>h2:before {
  position: absolute;
  top: -140px;
  left: -5px;
  content: "\201C";
  font-size: 4.3em;
  font-family: 'Noto Sans KR', sans-serif;
  color: #fff;
}
.mr_promise>span>p {font-size:1.5em; font-weight:350; letter-spacing:-1px; line-height:1.6; }
.mr_promise>h3 {position:absolute; bottom:50px; width:100%; padding-right:60px; color:#fff; text-align:right; font-size:20px; font-weight:350;}
.mr_promise>h3>span {font-size:30px; font-weight:500;}
@media screen and (max-width:767px) {
	.ceo-wrap {font-size:13px;}
	.ceo-wrap p strong {font-size:20px;}
	.ceo-wrap p em  {font-size:16px;}
	.mr_promise>span {width:100%;left:0; top:50%; transform:translateY(-50%); padding:40px;}
	.d_br{display:none;}
	.mr_promise>h3 {font-size:15px; text-align:center; padding:0;}
	.mr_promise>h3>span {font-size:20px;}
}
@media screen and (max-width:575px) {
	.mr_promise>span>h2 {font-size:25px;}
	.mr_promise>span>h2:before {top: -100px;}
	.mr_promise>span>p {font-size:16px;}
	.mr_promise>span>p br {display:none;}
	.ceo-wrap p {font-size:16px;}
	.ceo-wrap p strong {font-size:18px;}
}

/* history */
.history-wrap {margin-top:40px; position:relative; width:100%; background:url('/html/_skin/fostec/images/sub/company/history_line.gif') repeat-y center top;}
.history-list {display:inline-block; padding-bottom:30px; width:100%;}
.history-list:nth-child(odd) {padding-right:50%; text-align:right;}
.history-list:nth-child(even) {padding-left:50%;}

.history-year {position:relative; margin-bottom:15px; font:500 32px/1.4 'Noto Sans KR'; color:#ef1925; letter-spacing:-1px;}
.history-list:nth-child(odd) .history-year:before,
.history-list:nth-child(odd) .history-year:before {right:0;}
.history-list:nth-child(even) .history-year:before {left:0;}
.history-list:nth-child(odd) .history-year:after,
.history-list:nth-child(even) .history-year:after {content:''; position:absolute; top:16px; display:block; width:19px; height:19px; border-radius:50%; border:4px solid #ef1925; box-sizing:border-box; background:#fff;}
.history-list:nth-child(odd) .history-year:after {right:-10px;}
.history-list:nth-child(even) .history-year:after {left:-10px;}
.history-list dl {overflow:hidden;}
.history-list:nth-child(odd) .history-year,
.history-list:nth-child(odd) dl {padding-right:40px;}
.history-list:nth-child(even) .history-year,
.history-list:nth-child(even) dl {padding-left:40px;}
.history-list dt, .history-list dd {font-weight:300; letter-spacing:-0.5px;}
.history-list dt {width:15%; font-size:18px; color:#333; font-weight:500;}
.history-list dd {width:75%; font-size:18px; line-height:1.6; margin-bottom:20px; font-weight:300;}
.history-list:nth-child(odd) dt,
.history-list:nth-child(odd) dd {float:right;}
.history-list:nth-child(odd) dt {padding-left:15px;}
.history-list:nth-child(even) dt,
.history-list:nth-child(even) dd {float:left;}
.history-list:nth-child(even) dt {padding-right:15px;}
.history-list dt {clear:both;}
@media screen and (max-width:767px) {
	.history-wrap {background-position:10px top;}
	.history-wrap:after {left:10px; height:180px;}

	.history-year {margin-bottom:5px; font-size:24px;}

	.history-list:nth-child(odd) {padding-right:0; text-align:left;}
	.history-list:nth-child(even) {padding-left:0;}

	.history-list:nth-child(odd) .history-year:before,
	.history-list:nth-child(even) .history-year:before {right:auto; top:15px; left:3px;}
	.history-list:nth-child(odd) .history-year:after,
	.history-list:nth-child(even) .history-year:after {right:auto; left:3px;}
	.history-list:nth-child(odd) .history-year:after,
	.history-list:nth-child(even) .history-year:after {width:15px; height:15px; border-width:3px;}

	.history-list:nth-child(odd) .history-year,
	.history-list:nth-child(odd) dl {padding-left:40px; padding-right:0;}

	.history-list dt, .history-list dd {font-size:13px; line-height:17px;}
	.history-list:nth-child(even) dt {float:left; padding-right:0;}
	.history-list:nth-child(even) dd {float:right;}
	.history-list:nth-child(odd) dt	{float:left;}
	.history-list:nth-child(odd) dd {float:right;}

	.history-list:nth-child(odd) dt {padding-left:0;}
}

/* business area */

.business_area_img {margin-bottom:60px;}
.business_area_img.last {margin-bottom:0;}

@media screen and (min-width:800px) {
	.business_area_img:after {content:""; display:block; clear:both;}
	.business_area_img li {float:left; width:32%; margin-left:2%;}
	.business_area_img li:nth-child(1) {margin-left:0;}
	.business_area_img li img {display:block; width:100%;}
}
@media screen and (max-width:799px) {
	.business_area_img li {margin-bottom:20px;}
}


/* location */

 .sub_question {margin:0 auto; margin-top:60px; display:block; width:240px; height:60px; background:#111; color:#fff;
	text-align:center; font-size:18px; line-height:60px; font-weight:350;}

/* product_list */
sup {
    vertical-align: super;
    font-size: smaller;
}
.product_list:after {content:""; display:block; clear:both;}
.product_list li {margin-bottom:60px;}
.product_list li img {display:block; width:100%; margin-bottom:30px;}
.product_list li span {display:block; text-align:center; font-size:18px; color:#333; font-weight:350;}

@media (min-width:800px){
	.product_list li {float:left; width:48%;}
	.product_list li:nth-child(2n) {margin-left:4%;}
	.product_list li:nth-child(2n+1) {clear:both;}
}

/* consulting */
.consulting_h2 {font-size:26px; font-weight:500; margin-top:60px; margin-bottom:30px;}
.consulting_list li {padding:40px 20px; width:95%; margin:0 auto; border:7px solid #f2f5f8; margin-bottom:50px; min-height:300px; }
.consulting_list h3 {font-size:26px; font-weight:500; text-align:center; margin-bottom:40px;}
.consulting_list h3:after {margin:30px auto; content:""; display:block; width:40px; height:4px; background:#064179;}
.consulting_list p {font-size:18px; text-align:center; font-weight:350;}
.consult_btn {display:block; width:100%; height:100px; text-align:center; line-height:100px; font-weight:400;
	background-image:url('/html/_skin/fostec/images/subpage/sub03/btn.jpg'); color:#fff; font-size:24px;}
.consult_btn * {vertical-align:middle;}
.consult_btn img {margin-left:10px;}
@media screen and (min-width:800px){
	.consulting_list:after {content:""; display:block; clear:both;}
	.consulting_list li {padding:70px 35px; float:left; width:32%; margin-left:2%;}
	.consulting_list li:first-child {margin-left:0;}
}
@media screen and (max-width:767px){
	.consulting_h2 {font-size:18px;}
	.consulting_list h3 {font-size:20px;}
}

/* board customizing */

#google_translate_element {padding:10px 0;}
.basic-board-list thead tr {background:#ccc;}
.basic-board-list thead th, .webzine-board-list thead th {background:#f2f2f2;}
.basic-board-list, .webzine-board-list {border-bottom:1px solid #e1e1e1;}
.board-paging li.on>a, .board-paging li:hover>a {background-color:#fff; color:#ef1925;}
.board-paging li>a {border:none;}

/* contact us */
.contact_us {width:100%; max-width:450px; margin:0 auto;}
.contact_us .basic-board-row {border:none;}
.contact_us th {position:fixed; left:-100000px;}
.contact_us .basic-board-row tr td {position:Relative; width:100%;}
.contact_us .basic-board-row tr td input {height:50px;}
.contact_us .basic-board-row tr td input,
.contact_us .basic-board-row tr td textarea {padding-left:10px;}
.contact_us .basic-board-row tr {border:0;}
.contact_us .basic-board-row tr td, .contact_us .basic-board-row tr th {padding-top:0; padding-left:0; padding-right:0;}
.contact_us .basic-board-row tbody tr.board-row-subject:nth-child(2) td,.contact_us .basic-board-row tr:nth-child(2) th {padding-bottom:0;}
.contact_us .basic-board-row tbody tr.board-row-subject:nth-child(2) input{border-bottom:none;}
.contact_us .board-write-captcha td[align="left"] {border:1px solid #dedede; padding-bottom:0; padding-top:15px;}
.contact_us .board-write-captcha td[align="left"] input {border:none; width:100%; border-top:1px solid #dedede;}
.contact_us .board-write-captcha td[align="left"] img {margin-left:15px;}
.contact_us .board-write-btn-wrap .btn-confirm {width:100%; height:60px; line-height:60px; background:#064179; font-size:20px; font-weight:300;}
.contact_us .board-write-btn-wrap a {margin:0;}
.contact_us input[type="file"]{position:absolute; bottom:0; left:0; width:100%; height:50px; opacity:0; cursor:pointer;}
.contact_us .fileSelect{width:100%; height:50px; line-height:50px; background:#333333; color:#fff; font-size:16px; font-weight:350; text-align:center; cursor:pointer;}
.contact_us .fileName{width:100%; height:50px; line-height:50px; font-size:16px; font-weight:350; border:1px solid #dedede; padding-left:10px;}

/* product_consult */

body,html {height:100%;}
.product_cons {display:none;}

@media (min-width:800px) and (min-height:775px) {
.product_cons {overflow:auto; padding:0; position:fixed; z-index:9999999; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8);}
.product_cons .gray_bg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	padding:40px; width:100%; max-width:820px;background:#f2f2f2}
}
@media (max-width:799px){
.product_cons .gray_bg {position:relative;}
.close_btn {right:5px;}
}

.product_cons .gray_bg {padding-top:40px; width:100%; background:#f2f2f2}
.product_cons .gray_bg h2 {margin-bottom:40px; font-size:32px; font-weight:500; color:#333;}
.product_cons .gray_bg .board-wrap {width:100%; max-width:450px; margin:0 auto;}
.product_cons .basic-board-row {border:none;}
.product_cons th {position:fixed; left:-100000px;}
.product_cons .basic-board-row tr td {width:100%;}
.product_cons .basic-board-row tr td input {height:50px; padding-left:15px; background:#fff;}
.product_cons .basic-board-row tr {border:0;}
.product_cons .basic-board-row tr td, .product_cons .basic-board-row tr th {padding-top:0; padding-left:0; padding-right:0;}
.product_cons .basic-board-row tbody tr.board-row-subject:nth-child(1) td,.product_cons .basic-board-row tr:nth-child(2) th {padding-bottom:0;}
.product_cons .basic-board-row tbody tr.board-row-subject:nth-child(1) input{border-bottom:none;}
.product_cons .board-write-captcha td[align="left"] {border:1px solid #dedede; padding-bottom:0; padding-top:15px; background:#fff;}
.product_cons .board-write-captcha td[align="left"] input {border:none; border-top:1px solid #dedede; width:100%;}
.product_cons .board-write-captcha td[align="left"] img {margin-left:15px;}
.product_cons .board-write-btn-wrap .btn-confirm {width:100%; height:60px; line-height:60px; background:#000; font-size:18.25px; font-weight:350;}
.product_cons .board-write-btn-wrap .btn-confirm:hover{color:#fff;}
.product_cons .board-write-btn-wrap a {margin:0;}
.close_btn {position:absolute; right:5%; top:5%; width:30px; height:30px; background:none;}
.close_btn span {position:absolute; left:0; width:30px; height:2px; background:#333;}
.close_btn span:nth-child(1) {transform:rotate(45deg);}
.close_btn span:nth-child(2) {transform:rotate(-45deg);}

/* quick_consult */

.quick_cons {display:none;}

@media (min-width:800px) and (min-height:775px) {
.quick_cons {overflow:auto; padding:0; position:fixed; z-index:9999999; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8);}
.quick_cons .gray_bg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	padding:40px; width:100%; max-width:820px;background:#f2f2f2}
}
@media (max-width:799px){
.quick_cons {margin-top:30px;}
.quick_cons .gray_bg {position:relative;}
}

.quick_cons .gray_bg {padding-top:40px; width:100%; background:#f2f2f2}
.quick_cons .gray_bg h2 {margin-bottom:40px; font-size:32px; font-weight:500; color:#333;}
.quick_cons .gray_bg .board-wrap {width:100%; max-width:450px; margin:0 auto;}
.quick_cons .basic-board-row {border:none;}
.quick_cons th {position:fixed; left:-100000px;}
.quick_cons .basic-board-row tr td {width:100%;}
.quick_cons .basic-board-row tr td input {height:50px; padding-left:15px;}
.quick_cons .basic-board-row tr {border:0;}
.quick_cons .basic-board-row tr td, .quick_cons .basic-board-row tr th {padding-top:0; padding-left:0; padding-right:0;}
.quick_cons .basic-board-row tbody tr.board-row-subject:nth-child(1) td,.quick_cons .basic-board-row tr:nth-child(2) th {padding-bottom:0;}
.quick_cons .basic-board-row tbody tr.board-row-subject:nth-child(1) input{border-bottom:none;}
.quick_cons .board-write-captcha td[align="left"] {border:1px solid #dedede; padding-bottom:0; padding-top:15px; background:#fff;}
.quick_cons .board-write-captcha td[align="left"] input {width:100%; border:none; border-top:1px solid #dedede;}
.quick_cons .board-write-captcha td[align="left"] img {margin-left:15px;}
.quick_cons .board-write-btn-wrap .btn-confirm {width:100%; height:60px; line-height:60px; background:#000; font-size:18.25px; font-weight:300;}
.quick_cons .board-write-btn-wrap a {margin:0;}

/* gallery-list */
.board-wrap {padding-top:0;}
.board-wrap .gallery-list {padding:0; border:none;}
.board-wrap .gallery-list:after {content:""; display:block; clear:both;}
.board-wrap .gallery-list figcaption ul {display:none;}
.board-wrap .gallery-list figure a figcaption {padding:20px; height:60px; background:#fff; border:1px solid #dedede;}
.board-wrap .gallery-list figure a figcaption p {color:#666; font-weight:400;}
.board-wrap .gallery-list figure a .thumb-wrap.embed-responsive-16by9 {padding-bottom:70%;}
.board-search-wrap .search-btn-wrap a {font-size:18px; font-weight:300;}
@media screen and (min-width:768px){
	.board-wrap .gallery-list figure {padding:0; display:block; float:left; width:23.5%; margin-left:2%;}
	.board-wrap .gallery-list figure:first-of-type {margin-left:0;}
	.board-wrap .gallery-list figure a .thumb-wrap img {height:210px;}
	.board-search-wrap p {margin:0;}
	.board-search-wrap p:nth-of-type(1) {width:200px; height:60px;}
	.board-search-wrap select {height:60px;}
	.board-search-wrap p:nth-of-type(2) {width:690px; height:60px;}
	.board-search-wrap input[type="text"] {height:60px;}
	.board-search-wrap p:nth-of-type(3) {width:240px; height:60px;}
	.board-search-wrap .search-btn-wrap a {height:60px; line-height:60px; margin:0;}
	.board-wrap input, .board-wrap select, .board-wrap textarea {padding-left:0;}
}

/* supply performence */
.supply {border-top:2px solid #333; overflow-x:auto;}
.performance {width:1200px; border-bottom:1px solid #ccc; font-size:16px;}
.performance th{text-align:center;}
.performance td.t_center {font-weight:500; font-size:16px; vertical-align:middle;}
.performance td.t_center:first-child {color:#333; font-weight:500;}
.performance th:nth-child(1) {width:240px;}
.performance tr:nth-child(1) th{height:60px; line-height:60px; text-align:center; font-size:18px; color:#333;
	font-weight:500; border-bottom:1px solid #ccc; background:#f8f8f8;}
.performance th:nth-child(2) {width:560px;}
.performance th:nth-child(3),.performence th:nth-child(4) {width:200px;}
.performance tr td {height:50px; line-height:50px; border-bottom:1px solid #ccc; font-size:16px; font-weight:350;}

@media screen and (min-width:767px){
	.performance:first-child {margin-top:0;}
	.performance:first-child tr:nth-of-type(1) {opacity:1;}
	.performance {margin-top:-60px;}
	.performance tr:nth-of-type(1) {opacity:0;}
}
@media screen and (max-width:766px){
	.performance {margin-bottom:30px;}
}

/* product */
.product_h2 {font-size:25px; margin-bottom:32px; color:#333; font-weight:500; text-transform:uppercase;}
.product_intro,.product_intro2 {padding-bottom:100px;}
.product_intro span,,.product_intro2 span {display:block;}
.product_intro span>img:nth-child(1),.product_intro2 span>img:nth-child(1) {display:block; width:100%; margin-bottom:20px;}
.product_intro span>img:nth-child(2) {margin-right:5px;}
.product_intro table,.product_intro2 table {border-top:2px solid #333; word-break:keep-all;}
.product_intro table tbody th,.product_intro table tbody td,
.product_intro2 table tbody th,.product_intro2 table tbody td
{padding-left:15px; height:50px; line-height:50px;
	border-bottom:1px solid #ccc; font-size:16px; font-weight:400;}
.product_intro table tbody th,.product_intro2 table tbody th {background:#f8f8f8; color:#333;}
.product_intro span>img:nth-child(2),.product_intro span>img:nth-child(3){width:20%; max-width:80px;}
.catalog {float:right; margin-top:20px; display:inline-block; font-size:15px; background:#064179; padding:5px 10px; color:#fff;}
.catalog:after{content:"";clear:both;display:block;}
.catalog img {margin-left:10px; vertical-align:middle;}
.product_btns {margin-bottom:60px; text-align:center;}
.product_btns button {width:100%; max-width:398px; height:60px; background:#f2f2f2; border:1px solid #ccc; color:#333; font-size:18px; font-weight:400;}
.product_btns button.active {background:#fff;}
.product_intro {display:none;}
.product_intro.active {display:block;}


@media screen and (min-width:767px){
	.product_intro:after,.product_intro2:after {content:""; display:block; clear:both;}
	.product_intro>*,.product_intro2>* {float:left;}
    .product_intro .product_h2,.product_intro2 .product_h2 {float:none;}
	.product_intro span,.product_intro2 span {width:49%;}
	.product_intro table,.product_intro2 table {width:49%; margin-left:2%;}
	.product_intro span>img:nth-child(2),.product_intro2 span>img:nth-child(2) {margin-right:20px;}
	.catalog {font-size:18px; background:#064179; padding:20px 30px; font-weight:350; font-size:18px;}
	ul.video_li:after {content:""; display:block; clear:both;}
	ul.video_li li{float:left; width:32%; margin-left:2%;}
	ul.video_li li:nth-child(1) {margin-left:0;}
}

@media screen and (max-width:766px){
	ul.video_li li{width:100%; margin-bottom:30px;}
}
ul.video_li li img{display:block; width:100%;}

.video_li2{position:relative; padding-bottom:30px;}
.video_li2 .slick-list{position:relative; overflow:hidden;}
.video_li2 .slick-track:after {content:""; display:block; clear:both;}
.video_li2 li{position:relative; float:left; width:auto; width:33.3333%; padding:0.8%;}
.video_li2 li a{position:absolute; left:0; top:0; width:100%; height:100%;}
.video_li2 li img{display:block; width:100%;}
.video_li2 .slick-prev,
.video_li2 .slick-next{z-index:100000; position:absolute; top:50%; width:15px; height:20px; background:none; color:#000; font-size:0; outline:none; transform:translateY(-50%);}
.video_li2 .slick-prev:hover:before,
.video_li2 .slick-next:hover:before{border-color:#ef1925;}
.video_li2 .slick-prev{left:-30px;}
.video_li2 .slick-next{right:-30px;}

@media (max-width:1100px){
	.video_li2 li{width:50%;}
    .video_li2 .slick-dots{text-align:center;}
    .video_li2 .slick-dots li{float:none; display:inline-block; width:10px; height:10px; margin:0 5px;}
    .video_li2 .slick-dots li button{font-size:0; width:10px; height:10px; border-radius:50%; background:#ccc;}
    .video_li2 .slick-dots li.slick-active button{background:#064179;}
}

.video_li2 .slick-prev:before,.video_li2 .slick-next:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 6px;
}
.video_li2 .slick-next:before{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.video_li2 .slick-prev:before{transform: rotate(135deg); -webkit-transform: rotate(135deg);}


/* management */
.mgt-header {display:table; margin-top:30px; padding:0 50px; width:100%;}
.mgt-header > p , .mgt-header > div {display:table-cell; vertical-align:middle;}
.mgt-header > div ul {margin-top:20px; width:250px;}
.mgt-header > div li {margin:10px 0; padding:10px 15px; background:#faccaa; font-size:15px; line-height:22px; color:#333;}
@media screen and (max-width:767px) {
	.mgt-header {padding:0;}
	.mgt-header > p , .mgt-header > div  {display:table-row; width:100%;}
	.mgt-header > p {text-align:center;}
	.mgt-header > p img {padding-bottom:30px; width:50%;}
	.mgt-header > div ul {margin:20px auto 0;}
	.mgt-header > div li {font-size:13px; line-height:18px;}
}

.vision-proceoss-img {display:none;}
.vision-proceoss {display:table; margin-top:20px; width:100%; min-height:111px; background:url('/html/_skin/fostec/images/sub/company/management_bg.jpg') no-repeat center center; background-size:100% 100%;}
.vision-proceoss li {display:table-cell; width:25%; font-weight:700; font-size:20px; line-height:1.2; font-family: 'Noto Sans KR', sans-serif; color:#996c1a; vertical-align:middle; text-align:center;}
.vision-proceoss li:last-child {padding-right:30px;}
.vision-proceoss li span {display:block;}
.vision-proceoss li .year {margin:0 auto 5px; padding:5px 0; width:90px; background:#a48754; font-size:17px; color:#fff}
.vision-proceoss li strong {color:#634309;}
.vision-title {margin:0 auto; padding:20px 0; width:80%; font-weight:300; font-size:30px; line-height:1.4; font-family: 'Noto Sans KR', sans-serif; color:#333; text-align:center; /* box-shadow:0 0 30px rgba(0,0,0,.2); */}
.vision-title strong {font-weight:700; color:#a48754;}
@media screen and (max-width:767px) {
	.vision-proceoss li {font-size:17px;}
	.vision-proceoss li .year {width:70px; font-weight:400; font-size:15px; font-family: 'Noto Sans KR', sans-serif;}
	.vision-title {width:100%; font-size:27px;}
}
@media screen and (max-width:639px) {
	.vision-proceoss {display:none;}
	.vision-proceoss-img {display:block; margin-top:20px !important;}
	.vision-title {padding:20px 30px; width:100%; font-size:20px; word-break:keep-all;}
}

.mgt-text {margin-top:20px; font-size:15px; line-height:22px;}
.ci-wrap {width:100%; text-align:center;}
.ci-wrap .ci-title {margin:20px 0 40px; font:400 26px/1 'NotoKrR'; color:#000;}
.ci-wrap .ci-title strong {position:relative; padding:0 28px; font-weight:700; font-size:35px; color:#f5821e;}
.ci-wrap .ci-title strong:before {content:"“"; position:absolute; top:-7px; left:0; display:inline-block; font-size:60px; font-family:'Gulim'; color:#fcdecd;}
.ci-wrap .ci-title strong:after {content:"”"; position:absolute; top:-7px; right:0; display:inline-block; font-size:60px; font-family:'Gulim'; color:#fcdecd;}
.ci-wrap p {margin:0 auto; width:426px; padding:50px 0; border:1px solid #eee; background:url('/html/_skin/fostec/images/sub/company/ci_bg.gif') repeat -2px -1px;}
.ci-wrap ul {margin:50px auto; padding:30px 9%; width:90%; border:1px solid #e6e6e6; text-align:left;}
.ci-wrap ul li {padding:5px 0 5px 20px; font-size:16px; line-height:20px; text-indent:-20px;}
.ci-wrap ul li:before {content:''; position:relative; top:-2px; display:inline-block; margin-right:10px; width:6px; height:6px; background:#f5821e; vertical-align:middle;}
.ci-wrap ul li strong {color:#f5821e;}
@media screen and (max-width:767px) {
	.mgt-text {font-size:13px; line-height:18px;}
	.ci-wrap .ci-title {margin-bottom:30px; font-size:20px;}
	.ci-wrap .ci-title strong {margin:15px 0 0; display:inline-block; font-size:27px;}
	.ci-wrap ul {width:100%;}
	.ci-wrap ul li {font-size:14px; line-height:27px;}
}
@media screen and (max-width:639px) {
	.ci-wrap ul  {margin:30px auto; padding:20px 9%}
	.ci-wrap ul li {padding-left:16px; font-size:12px; line-height:20px; text-indent:-16px;}
	.ci-wrap p {width:100%;}
	.ci-wrap p img {width:auto; height:30px;}
}

/* company location */
.para-title + iframe {margin-top:40px;}
.data-list-row {margin-top:60px; width:100%; table-layout:fixed; border-top:2px solid #333; color:#111;}
.data-list-row tr {height:58px; border-bottom:1px solid #ccc;}
.data-list-row th {background:#f9f9f9; color:#333;}
.data-list-row th, .data-list-row td {padding:8px 30px; font-size:16px; line-height:24px; vertical-align:middle;}
.data-list-row th {font-weight:400;}
.data-list-row td {font-weight:350;}
.data-list-row td {text-align:left; color:#666;}
.data-list-row dl {width:100%;}
.data-list-row dt,.data-list-row dd {display:inline-block; vertical-align:middle;}

/* organization */
.ozn-text {margin:20px 0 30px; font-size:16px; line-height:24px;}
.ozn-text strong {color:#f5821e;}
@media screen and (max-width:767px) {
	.ozn-text {font-size:14px; line-height:20px;}
}

/* business rnd */
.data-list {width:100%; table-layout:fixed; border-top:2px solid #ff8a23; color:#111;}
.data-list caption {margin-bottom:10px; text-align:left; font-size:16px; line-height:24px;}
.data-list tr {border-bottom:1px solid #dedede;}
.data-list thead th {background:#f9f9f9; color:#333;}
.data-list th, .data-list td {padding:8px 5px; font-size:15px; line-height:24px; color:#666; text-align:center; vertical-align:middle;}
.data-list td:last-child {text-align:left;}

@media screen and (max-width:767px) {
	.data-list-row th, .data-list-row td,
	.data-list th, .data-list td {padding:5px 10px; font-size:13px; line-height:18px;}
	.data-list colgroup,
	.data-list thead,
	.data-list td:nth-child(1) {display:none;}
	.data-list td {display:inline-block; padding:15px 10px;}
	.data-list td:nth-child(2) {color:#f2811e;}
	.data-list td:last-child {margin-top:-10px; padding-top:0; display:block; width:100%;}

	.data-list-row th {width:30%;}
	.data-list-row dt, .data-list-row dd {display:block;line-height:1.4;}
	.data-list-row dt:last-of-type {margin-top:10px;}
}

/* --- product */
#subConts > img {margin-top:40px; max-width:100%;}
#subConts > img:first-of-type {margin-top:0;}
.specification-list-center + img,
#subConts .m-ordering {margin-top:40px !important;}

.sub-conts-title {margin-bottom:60px; font-weight:500; font-size:40px; line-height:1; font-family: 'Noto Sans KR', sans-serif; color:#333;}

.part-num {font-size:16px; line-height:1.4; color:#0054bb;}
.product-info {margin-top:2%; font-size:15px; line-height:22px; color:#333; word-break:keep-all;}

.para-title {margin-top:50px; width:100%; font-weight:700; font-size:21px; line-height:1; font-family: 'Noto Sans KR', sans-serif; color:#333; vertical-align:middle;}
.para-title:first-of-type {margin-top:0;}
.para-title:before {content:''; display:inline-block; margin-top:-2px; margin-right:10px; width:4px; height:22px; background:#ff8a23; vertical-align:middle;}
.para-title span {margin-left:5px; font-weight:300; font-size:15px; font-family: 'Noto Sans KR', sans-serif; color:#9f9f9f; letter-spacing:-0.5px;}
.para-title + img {margin-top:20px !important;}

.para-text {margin-top:20px; width:100%; font-size:0; line-height:0;}
.para-text > li {display:inline-block; margin:5px 0; padding:0 15px 0 20px; width:50%; font-weight:400; font-size:15px; line-height:22px; color:#333; text-indent:-5px;vertical-align:top;}
.para-text > li:before {content:'-'; display:inline-block; margin-right:5px;}
.para-text > li strong {color:#000;}
.para-text > li ul li {font-size:14px;text-indent:0;}

@media screen and (max-width:767px) {
	.sub-conts-title {margin-bottom:30px; font-size:18px; background-size: auto 12px;}

	.part-num {font-size:14px;}
	.part-title{font-size: 16px;
    line-height: 1.4;
    color: #0054bb;}
	.product-info {font-size:13px; line-height:18px;}

	.para-title {margin-top:30px; font-size:17px;}
	.para-title:before {margin-right:5px; width:3px; height:15px;}
	.para-title span { font-size:14px;}

	.para-text {margin-top:10px;}
	.para-text > li {margin:3px 0; width:100%; font-size:13px; line-height:18px;}
}

/* img list */
.product-img-wrap {margin-top:40px; width:86.04651162790698%; font-size:0; line-height:0;}
.product-img-wrap:first-of-type {margin-top:0;}
.para-title + .product-img-wrap {margin-top:40px;}
.product-img-wrap li {margin-bottom:5%; display:inline-block; text-align:center; vertical-align:top;}
.product-img-wrap li span {display:block; margin-top:7px; padding:0 10px; font-size:14px; line-height:22px; font-family:'Malgun Gothic';}
.product-img-wrap li img {max-width:100%;}

.product-img-wrap-05 li {margin-bottom:0;}
.product-img-wrap-1 li {width:100%;}
.product-img-wrap-2 li {width:50%;}
.product-img-wrap-3 li {width:33.333%;}
.product-img-wrap-66 li:first-child {width:66.666%;}
.product-img-wrap-66 li:last-child {width:33.333%;}

.product-img-wrap-1 + .product-img-wrap-3  ,
.product-img-wrap-1 + .product-img-wrap-66,
.product-img-wrap-66 + .product-img-wrap-3 ,
.product-img-wrap-3 + .para-title {margin-top:0;}

.fusion-splicer-img-wrap {margin-top:40px;}
.fusion-splicer-img-wrap > li {display:table; table-layout:fixed;}
.fusion-splicer-img-wrap > li > span {display:table-cell; width:119px; vertical-align:middle; font-family:'Malgun Gothic';}
.fusion-splicer-img-wrap > li > ul {display:table-cell; padding-left:30px; vertical-align:middle;}
.fusion-splicer-img-wrap > li strong {font-weight:700; color:#333;}

.kit-img-wrap {font-size:0; line-height:0; width:85%;}
.kit-img-wrap p ,
.kit-img-wrap ul {display:inline-block; width:50%; text-align:center;}
.kit-img-wrap img {max-width:100%;}
.kit-img-wrap p span ,
.kit-img-wrap ul span {display:block; margin-top:7px; font-size:14px; line-height:22px; font-family:'Malgun Gothic';}
.kit-img-wrap ul li:first-child span {margin-bottom:10px;}

.video-link-list {overflow:hidden; width:100%;}
.video-link-list > p {display:inline-block; vertical-align:top;}
.video-link-list > ul {display:inline-block; padding-left:15px; vertical-align:top;}
.video-link-list img {max-width:100%;}
.video-link-list span {display:block; margin:2px 0 6px;}
.video-link-list > p span,
.video-link-list > ul li:first-child {text-align:center;}

@media screen and (max-width:1100px) {
	.para-title + .product-img-wrap {margin-top:20px;}
	.kit-img-wrap , .kit-img-wrap ,
	.product-img-wrap {width:100%;}
	.product-img-wrap-2 li {width:48.5%;}
	.product-img-wrap-2 li:nth-child(even) {margin-left:3%;}
	.product-img-wrap-3 li {margin-right:2%; width:32%;}
	.product-img-wrap-3 li:nth-child(3n) {margin-right:0;}
}
@media screen and (max-width:767px) {
	.product-img-wrap li span {margin-top:3px; font-size:12px; line-height:16px;}

	.product-img-wrap-1 + .product-img-wrap-3  ,
	.product-img-wrap-1 + .product-img-wrap-66,
	.product-img-wrap-66 + .product-img-wrap-3 ,
	.product-img-wrap-3 + .para-title {margin-top:30px;}

	.kit-img-wrap p , .kit-img-wrap ul {width:100%;}
	.kit-img-wrap p span , .kit-img-wrap ul span {margin-bottom:5%;}

	.video-link-list {text-align:center;}
	.video-link-list > ul {padding-left:0;}
	.video-link-list span {margin-bottom:5%;}
}

/* ordering */
.ordering-title {margin:40px auto 30px; display:table; table-layout:fixed;}
.ordering-title li {display:table-cell; text-align:center; vertical-align:middle;}
.ordering-title li:nth-child(odd) {width:112px;}
.ordering-title li strong {padding-bottom:2px; border-bottom:1px solid #a3491a; font-weight:bold; font-size:14px; line-height:1; font-family:'Gulim'; letter-spacing:-0.5px; color:#5e2a0f;}

.ordering-list {width:100%;font-size:0; line-height:0;}
.ordering-list dl {display:inline-block; text-align:center; vertical-align:top;}
.ordering-list dt {margin:0 auto; padding-bottom:40px; display:table;}
.ordering-list dt span {position:relative; display:table-cell; width:112px; height:112px; border-radius:50%; background:#ff7700; vertical-align:middle; font-size:14px; line-height:1.2; color:#fff; word-break:keep-all;}
.ordering-list dd {display:table; margin: 5px auto; padding:3px 5px; width: 112px; min-height:55px; border-radius: 5px; font-size:13px; line-height: 15px; font-family:'Malgun Gothic','맑은 고딕'; color:#333; border: 2px solid #ddd; word-break:keep-all;}
.ordering-list dd span {display:table-cell; vertical-align:middle;}
.ordering-list dd strong {font-weight:bold;}

.ordering-list dt span:after,
.ordering-list dt span:before {content:"\f0d7"; display:inline-block; position:absolute; left:50%; margin-left:-3px; font-family:'FontAwesome'; font-size:12px; line-height:1; color:#ff7700;}
.ordering-list dt span:after {bottom:-20px;}
.ordering-list dt span:before {bottom:-27px;}
.ordering-list dl:first-child dt span:after,
.ordering-list dl:first-child dt span:first-child:before {content:'';}

.ordering-list dl:nth-child(1) dd {display:none;}

.ordering-title-3 {margin: 40px 0 30px; width:48%;}
.ordering-title-5 {width:93.02325581395349%;}
.ordering-title-6 {width:96.27906976744186%;}
.ordering-title-7 {width:99%;}
.ordering-title-8 {width:98.7%;}
.ordering-title-9 {width:98.5%;}

.ordering-list-3 {width:50%;}
.ordering-list-3 dl {width:33.33333333333333%;}
.ordering-list-5 dl {width:20%;}
.ordering-list-6 dl {width:16.66666666666667%;}
.ordering-list-7 dl {width:14.28571428571429%}
.ordering-list-8 dl {width:12.5%}
.ordering-list-9 dl {width:11.11111111111111%}

.ordering-title-8 li:nth-child(odd),
.ordering-list-8 dt span {width:95px; height:95px;}
.ordering-list-8 dd {width:95px;}

.ordering-title-9 li:nth-child(odd),
.ordering-list-9 dt span {width:85px; height:85px;}
.ordering-list-9 dd {width:85px;}

.ordering-list dl:first-child dt span {opacity:.3;}

.ordering-list-5 dl:nth-child(2) dt span,
.ordering-list-5 dl:nth-child(2) dt span:after, .ordering-list-5 dl:nth-child(2) dt span:before {opacity:.45;}
.ordering-list-5 dl:nth-child(3) dt span,
.ordering-list-5 dl:nth-child(3) dt span:after, .ordering-list-5 dl:nth-child(3) dt span:before {opacity:.55;}
.ordering-list-5 dl:nth-child(4) dt span,
.ordering-list-5 dl:nth-child(4) dt span:after, .ordering-list-5 dl:nth-child(4) dt span:before {opacity:.75;}

.ordering-list-6 dl:nth-child(2) dt span,
.ordering-list-6 dl:nth-child(2) dt span:after, .ordering-list-6 dl:nth-child(2) dt span:before {opacity:.45;}
.ordering-list-6 dl:nth-child(3) dt span,
.ordering-list-6 dl:nth-child(3) dt span:after, .ordering-list-6 dl:nth-child(3) dt span:before {opacity:.55;}
.ordering-list-6 dl:nth-child(4) dt span,
.ordering-list-6 dl:nth-child(4) dt span:after, .ordering-list-6 dl:nth-child(4) dt span:before {opacity:.70;}
.ordering-list-6 dl:nth-child(5) dt span,
.ordering-list-6 dl:nth-child(5) dt span:after, .ordering-list-6 dl:nth-child(5) dt span:before {opacity:.85;}

.ordering-list-7 dl:nth-child(2) dt span,
.ordering-list-7 dl:nth-child(2) dt span:after, .ordering-list-7 dl:nth-child(2) dt span:before {opacity:.40;}
.ordering-list-7 dl:nth-child(3) dt span,
.ordering-list-7 dl:nth-child(3) dt span:after, .ordering-list-7 dl:nth-child(3) dt span:before {opacity:.50;}
.ordering-list-7 dl:nth-child(4) dt span,
.ordering-list-7 dl:nth-child(4) dt span:after, .ordering-list-7 dl:nth-child(4) dt span:before {opacity:.65;}
.ordering-list-7 dl:nth-child(5) dt span,
.ordering-list-7 dl:nth-child(5) dt span:after, .ordering-list-7 dl:nth-child(5) dt span:before {opacity:.70;}
.ordering-list-7 dl:nth-child(6) dt span,
.ordering-list-7 dl:nth-child(6) dt span:after, .ordering-list-7 dl:nth-child(6) dt span:before {opacity:.85;}

.ordering-list-8 dl:nth-child(2) dt span,
.ordering-list-8 dl:nth-child(2) dt span:after, .ordering-list-8 dl:nth-child(2) dt span:before {opacity:.45;}
.ordering-list-8 dl:nth-child(3) dt span,
.ordering-list-8 dl:nth-child(3) dt span:after, .ordering-list-8 dl:nth-child(3) dt span:before {opacity:.5;}
.ordering-list-8 dl:nth-child(4) dt span,
.ordering-list-8 dl:nth-child(4) dt span:after, .ordering-list-8 dl:nth-child(4) dt span:before {opacity:.6;}
.ordering-list-8 dl:nth-child(5) dt span,
.ordering-list-8 dl:nth-child(5) dt span:after, .ordering-list-8 dl:nth-child(5) dt span:before {opacity:.7;}
.ordering-list-8 dl:nth-child(6) dt span,
.ordering-list-8 dl:nth-child(6) dt span:after, .ordering-list-8 dl:nth-child(6) dt span:before {opacity:.8;}
.ordering-list-8 dl:nth-child(7) dt span,
.ordering-list-8 dl:nth-child(7) dt span:after, .ordering-list-8 dl:nth-child(7) dt span:before {opacity:.9;}

.ordering-list-9 dl:nth-child(2) dt span,
.ordering-list-9 dl:nth-child(2) dt span:after, .ordering-list-9 dl:nth-child(2) dt span:before {opacity:.45;}
.ordering-list-9 dl:nth-child(3) dt span,
.ordering-list-9 dl:nth-child(3) dt span:after, .ordering-list-9 dl:nth-child(3) dt span:before {opacity:.5;}
.ordering-list-9 dl:nth-child(4) dt span,
.ordering-list-9 dl:nth-child(4) dt span:after, .ordering-list-9 dl:nth-child(4) dt span:before {opacity:.55;}
.ordering-list-9 dl:nth-child(5) dt span,
.ordering-list-9 dl:nth-child(5) dt span:after, .ordering-list-9 dl:nth-child(5) dt span:before {opacity:.6;}
.ordering-list-9 dl:nth-child(6) dt span,
.ordering-list-9 dl:nth-child(6) dt span:after, .ordering-list-9 dl:nth-child(6) dt span:before {opacity:.7;}
.ordering-list-9 dl:nth-child(7) dt span,
.ordering-list-9 dl:nth-child(7) dt span:after, .ordering-list-9 dl:nth-child(7) dt span:before {opacity:.8;}
.ordering-list-9 dl:nth-child(8) dt span,
.ordering-list-9 dl:nth-child(8) dt span:after, .ordering-list-9 dl:nth-child(8) dt span:before {opacity:.9;}

.ordering-list dl:last-child dt span,
.ordering-list dl:last-child dt span:after, .ordering-list dl:last-child dt span:before {opacity:1;}


/* ordering information fobex */
.fobex-title {margin:40px 0 30px; padding-top:20px; width:100%; border-top:2px solid #ffbb7f; font-size:0; line-height:0;}
.fobex-title h1 {display:inline-block; width:46%; font-size:18px; line-height:1; color:#f2811e; vertical-align:middle; text-align:center}
.fobex-title h1 img {display:inline-block; vertical-align:middle;}
.fobex-title h1 img:first-child {margin-left:20px;}
.fobex-title ul {display:inline-block; vertical-align:middle;}
.fobex-title li {display:inline-block; vertical-align:middle; text-align:center}
.fobex-title li:nth-child(odd) {width:60px;}

.fobex-list {position:relative; width:100%; min-height:580px;}
.fobex-list > div  {position:absolute; top:0; left:0; padding-left:20px; border-right:1px solid #555; border-bottom:1px solid #555;}
.fobex-list p {position:absolute; top:0; right:0; display:inline-block; width:75px; font-weight:500; color:#333; text-align:center;}
.fobex-list dl dt {margin-bottom:5px; font-weight:500; color:#333;}
.fobex-list dl dd {font:normal 13px/17px 'Malgun Gothic', '맑은 고딕';}

/* .fobex00 {width:46%; height:30px;}
.fobex01 {padding-top: 40px; width:52%; height:147px;}
.fobex02 {padding-top: 156px; width:58%; height:334px;}
.fobex03 {padding-top: 344px; width:64%; height:451px;}
.fobex04 {padding-top: 461px; width:70%; height:621px;}
.fobex05 {padding-top: 631px; width:76%; height:738px;}
.fobex06 {padding-top: 748px; width:82%; height:857px;}
.fobex07 {padding-top: 867px; width:88%; height:974px;}
.fobex08 {padding-top: 984px; width:94%; height:1108px;}
.fobex09 {padding-top: 1118px; width:100%; height:1210px;}

.fobex-title1 h1 {width:40%;}
.fobex-title1 ul {padding:0 8px;}
.fobex-title1 li:nth-child(odd) {width: 68px;}

.fobex-list1 p {width:82px;}
.fobex-list1 {min-height: 865px;}
.fobex-list1 .fobex00  {width:40%; height: 30px;}
.fobex-list1 .fobex01 {padding-top: 55px; width:50%; height:160px;}
.fobex-list1 .fobex02 {padding-top: 184px; width:60%; height:292px;}
.fobex-list1 .fobex03 {padding-top: 317px; width:70%; height:421px;}
.fobex-list1 .fobex04 {padding-top: 446px; width:80%; height:588px;}
.fobex-list1 .fobex05 {padding-top: 611px; width:90%; height:733px;}
.fobex-list1 .fobex06 {padding-top: 757px; width:100%; height:865px;} */

.fobex00 {width:46%; height:30px;}
.fobex01 {padding-top: 40px; width:54.5%; height:124px;}
.fobex02 {padding-top: 136px; width:63.5%; height:225px;}
.fobex03 {padding-top: 236px; width:72.5%; height:305px;}
.fobex04 {padding-top: 316px; width:81.5%; height:385px;}
.fobex05 {padding-top: 396px; width:91%; height:485px;}
.fobex06 {padding-top: 496px; width:100%; height:565px;}


.fobex-title1 h1 {width:40%;}
.fobex-title1 ul {padding:0 8px;}
.fobex-title1 li:nth-child(odd) {width: 68px;}

.fobex-list1 p {width:82px;}
.fobex-list1 {min-height: 865px;}
.fobex-list1 .fobex00  {width:40%; height: 30px;}
.fobex-list1 .fobex01 {padding-top: 55px; width:50%; height:160px;}
.fobex-list1 .fobex02 {padding-top: 184px; width:60%; height:292px;}
.fobex-list1 .fobex03 {padding-top: 317px; width:70%; height:421px;}
.fobex-list1 .fobex04 {padding-top: 446px; width:80%; height:588px;}
.fobex-list1 .fobex05 {padding-top: 611px; width:90%; height:733px;}
.fobex-list1 .fobex06 {padding-top: 757px; width:100%; height:865px;} *

/****************/

.fobex-title_2 {margin:40px 0 30px; padding-top:20px; width:100%; border-top:2px solid #ffbb7f; font-size:0; line-height:0;}
.fobex-title_2 h1 {display:inline-block; width:40%; font-size:18px; line-height:1; color:#f2811e; vertical-align:middle; text-align:center}
.fobex-title_2 h1 img {display:inline-block; vertical-align:middle;}
.fobex-title_2 h1 img:first-child {margin-left:20px;}
.fobex-title_2 ul {display:inline-block; vertical-align:middle;}
.fobex-title_2 li {display:inline-block; vertical-align:middle; text-align:center}
.fobex-title_2 li:nth-child(odd) {width:35px;}

.fobex-list_2 {position:relative; width:100%; min-height:1240px;}
.fobex-list_2 > div  {position:absolute; top:0; left:0; padding-left:20px; border-right:1px solid #555; border-bottom:1px solid #555;}
.fobex-list_2 p {position:absolute; top:0; right:0; display:inline-block; width:51px; font-weight:500; color:#333; text-align:center;}
.fobex-list_2 dl dt {margin-bottom:5px; font-weight:500; color:#333;}
.fobex-list_2 dl dd {font:normal 13px/17px 'Malgun Gothic', '맑은 고딕';}

.fobex00_2 {width:40%; height:30px;}
.fobex01_2 {padding-top: 40px; width:46%; height:215px;}
.fobex02_2 {padding-top: 230px; width:52%; height:385px;}
.fobex03_2 {padding-top: 395px; width:58%; height:465px;}
.fobex04_2 {padding-top: 475px; width:64%; height:615px;}
.fobex05_2 {padding-top: 625px; width:70%; height:715px;}
.fobex06_2 {padding-top: 725px; width:76%; height:835px;}
.fobex07_2 {padding-top: 845px; width:82%; height:955px;}
.fobex08_2 {padding-top: 965px; width:88%; height:1055px;}
.fobex09_2 {padding-top: 1065px; width:94%; height:1175px;}
.fobex10_2 {padding-top: 1185px; width:100%; height:1245px;}

.fobex-title1_2 h1 {width:40%;}
.fobex-title1_2 ul {padding:0 8px;}
.fobex-title1_2 li:nth-child(odd) {width: 68px;}

.fobex-list1_2 p {width:82px;}
.fobex-list1_2 {min-height: 865px;}
.fobex-list1_2 .fobex00_2  {width:40%; height: 30px;}
.fobex-list1_2 .fobex01_2 {padding-top: 55px; width:50%; height:160px;}
.fobex-list1_2 .fobex02_2 {padding-top: 184px; width:60%; height:292px;}
.fobex-list1_2 .fobex03_2 {padding-top: 317px; width:70%; height:421px;}
.fobex-list1_2 .fobex04_2 {padding-top: 446px; width:80%; height:588px;}
.fobex-list1_2 .fobex05_2 {padding-top: 611px; width:90%; height:733px;}
.fobex-list1_2 .fobex06_2 {padding-top: 757px; width:100%; height:865px;}


.m-ordering {display:none;}
@media screen and (max-width:860px) {
	.ordering-title, .ordering-list,
	.fobex-title, .fobex-list {display:none;}
	.m-ordering {display:block; width:100%;}
}
.m-ordering {display:none;}
@media screen and (max-width:860px) {
	.ordering-title, .ordering-list,
	.fobex-title_2, .fobex-list_2 {display:none;}
	.m-ordering {display:block; width:100%;}
}
/* table (Specification) */
.specification-list-center {margin-top:20px; width:100%; table-layout:fixed; border-top:2px solid #ffbb7f; color:#111;}
.specification-list-center caption {margin-bottom:10px; text-align:right;}
.specification-list-center tr {border-bottom:1px solid #d9d9d9;}
.specification-list-center thead th {background:#fff8f2;}
.specification-list-center th,
.specification-list-center td {padding:5px; border-left:1px solid #d9d9d9; font-size:13px; line-height:17px; color:#666; vertical-align:middle; text-align:center; word-break:keep-all;}
.specification-list-center th:first-child, .specification-list-center td:first-child {border-left:0 none;}

.specification-list-left tbody th,
.specification-list-left tbody td {padding:5px 20px; text-align:left;}
.specification-list-left tbody th {background:#fff8f2;}
/* .specification-list-left tbody th[colspan="2"] {text-align:center;} */

.specification-list-left table {table-layout:fixed; width:100%; border-top:2px solid #ddd;}
.specification-list-left table th {background:none;}
.specification-list-left table th,
.specification-list-left table td {padding:2px 0; text-align:center; font-weight:300;}

/* img + table outer box */
.fiber-cable {display:table; width:100%;}
.fiber-cable > p {display:table-cell; padding-top:20px; width:320px; vertical-align:top;}
.fiber-cable > p img {max-width:100%;}
.fiber-cable > div {display:table-cell; vertical-align:top;}

@media screen and (max-width:767px) {
	.specification-list-center colgroup {display:none;}
	.specification-list-center th,
	.specification-list-center td {padding:5px 2px; font-size:12px;}

	.specification-list-left tbody th,
	.specification-list-left tbody td {padding:5px 7px;}
	.specification-list-left tbody th:first-child {width:30%;}

	.fiber-cable {display:block;}
	.fiber-cable > p,
	.fiber-cable > div {display:inline-block; width:100%;}
}


/* --- technology list */
.data-list + .conts-img-list {margin-top:40px;}
.conts-img-list {width:100%; font-size:0; line-height:0; margin-bottom:50px;}
.conts-img-list li {display:inline-block; margin-bottom:60px; margin-right:2.666666666666667%; width:23%; text-align:center; vertical-align:top;}
.conts-img-list li:nth-child(4n) {margin-right:0;}
.conts-img-list li span {display:inline-block; width:100%; margin-top:7px; padding:0 10px; font-size:18px; line-height:22px; letter-spacing:-0.5px; font-weight:350; color:#333;}
.conts-img-list li strong {display:block; width:100%; color:#f2811e;}
.conts-img-list li img {width:100%;}
@media screen and (max-width:767px) {
	.conts-img-list li {margin-right:3%; width:48.5%;}
	.conts-img-list li:nth-child(2n) {margin-right:0;}
}

/* --- privacy */

.subcontents {
    text-align: left;
    font-size: 20px;
    color: #333;
    font-weight: 350;
    margin-bottom: 10px;
}


/* --- sitemap */
.sitemap-wrap {padding-bottom:150px; width:100%; font-size:0; line-height:0;}
.sitemap-wrap a {display:block; font-family: 'Noto Sans KR', sans-serif;}
.sitemap-wrap a:hover {color:#ef1920;}
.sitemap-wrap > li {display:inline-block; margin-right:5%; width:30%; vertical-align:top; text-align:center;}
.sitemap-wrap > li:nth-child(3n) {margin-right:0;}
.sitemap-wrap > li > a {padding:15px 0;  background:#3f3f40; font-weight:700; font-size:18px; line-height:1; color:#fff;}
.sitemap-wrap > li ul a {padding:12px 0; border-bottom:1px solid #dedede; font-size:14px; line-height:18px; color:#555; font-family: 'Noto Sans KR', sans-serif;}
.sitemap-wrap > li:nth-child(4),
.sitemap-wrap > li:nth-child(5) {margin-top:-220px;}

@media screen and (max-width:639px) {
	.sitemap-wrap {padding-bottom:0;}
	.sitemap-wrap > li {margin-right:0; margin-bottom:5%; width:100%;}
	.sitemap-wrap > li:nth-child(4),
	.sitemap-wrap > li:nth-child(5) {margin-top:0;}
}

html:lang(en) .main_map_info p{word-spacing:0;}

@media (min-width: 768px){
  html:lang(en) .main_map_info p{font-size:13px;}
  html:lang(en) .main_map_info p img{margin-left:5px; margin-right:5px;}
  html:lang(en) .main_map_info button,
  html:lang(zh) .main_map_info button{padding:5px 10px;}
  html:lang(en) .map_close{margin-left:5px;}
  html:lang(zh) .main_map_info p{font-size:13px;}
}
@media screen and (max-width: 767px){
  html:lang(en) .main_map_info p:nth-child(1) {
    margin-bottom: 40px;
  }
  .main_map_info p {
    font-size: 14px;
  }
}

html:lang(en) .section01 .product-list li.slick-slide > span strong,.section01 .product-list li.slick-slide > span ul li{padding-left:40px;}
html:lang(en) .section01 .product-list li.slick-slide > span a{margin-left:40px;}


@media screen and (max-width: 1100px){
  #header .m-lang a {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
  }
}

.board-wrap .board-paging {margin:15px 0 50px;}

html:lang(zh) body *{font-family:Noto Sans SC !important;}