@charset "utf-8";

/* ---------------------------------- layout */
html, body {height:100%;}
#wrapeer {width:100%;}

/*
	header
*/
#header {position:relative; top:0; width:100%; background:#fff; z-index:9999999; transition:.3s;}
#header.fixed {position:fixed; top:-30px; border-bottom:1px solid #ddd; transition:.3s;}

#header .header-top {width:100%; background-color:#f1f1f1;}
#header .header-top dl {margin:0 auto; width:1200px; text-align:right; font-size:0; line-height:0;}
#header .header-top dd {display:inline-block; width:130px;}
#header .header-top dd a {display:block; font-size:13px; line-height:30px; text-align:center; letter-spacing:0.5px;}
#header .header-top dd.lang a {background-color:#ff7f10; color:#fff;}

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

@media screen and (max-width:1200px) {
	#header.fixed {top:0; border-bottom:0 none;}
	#header .header-top {display:none;}
	#header .header-bottom {padding:0 30px; width:100%; height:80px; background:#3f3f40;}
	
	#header .logo {position:relative; z-index:9999; margin-top:22px; width:236px; height:38px; background:url('/html/_skin/fostec/images/common/m_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 {text-align: center; position: relative;}
@media screen and (min-width:1201px) {
	#header {max-height:125px;}
	#header .m-menu-btn,
	#header .m-gnb-bg,
	#header .m-lang {display:none;}
		/* 1depth */
	#header .gnb > ul {font-size:0; line-height:0;}
	#header .gnb > ul > li {position:relative; display:inline-block; padding:0 30px; vertical-align:top;}
    #header .gnb > ul > li:first-child{padding-left:0;}
	#header .gnb > ul > li:last-child {padding-right:0;}
	#header .gnb > ul > li > a {display:block; font:700 18px/76px 'NanumSquare', sans-serif; color:#818181;}
	#header .gnb > ul > li:hover > a {color:#ff7f10;}
		/* 2depth */
	#header .gnb .depth2 {display:none; overflow:hidden; position:absolute; top:80px; left:0; z-index:0; width:100%; height:0; border-top:4px solid #f5821e; background:rgba(0,0,0,.8); text-align:center; transition:.3s; opacity:0;}
	#header .gnb .depth2 li {transform:translateX(120px); transition:.3s;}
	#header .gnb > ul > li:last-child .depth2 {left:0; width:calc(100% + 30px);}
	#header .gnb > ul > li:nth-child(3) .depth2 {width:calc(100% + 20px);}
	#header .gnb .depth2 a {font-weight:300; font-size:15px; line-height:37px; color:#fff; letter-spacing:0.1px;}
	#header .gnb .depth2 a:hover {color:#ff7f10;}

	#header .gnb > ul > li:hover .depth2 {display:block; z-index:9999; padding:14px 0; 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;}
}
@media screen and (max-width:1200px) {
	#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:#f5821e; 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:#f5821e; opacity:0;}
	#header .m-lang a {display:block; width:110px; height:44px; border:1px solid #fff; font:400 21px/42px 'NanumSquare'; color:#fff; text-align:center;}
	/* on */
	#header .m-lang a:hover {background:#fff; color:#f5821e}

	#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:'NanumSquare'; 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:#3f3f40; border-top:0 none; color:#fff;}
	#header .gnb > ul > li.on > a:before {content:'\f106';}
	#header .gnb > ul > li > ul > li > a:hover {color:#f5821e;}
}
@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';}
	#header .gnb > ul > li > ul > li > a {padding-top: 12px; padding-bottom:12px; font-size:13px;}
}

/*
	footer
*/
#footer {width:100%;}
#footer .footer-top {width:100%; background:#f1f1f1;}
#footer .footer-top dl {margin:0 auto; width:1200px;}
#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 {margin:0 auto; padding:24px 0; width:1200px;}
#footer .footer-bottom p {display:inline-block; margin-right:54px; vertical-align:middle;}
#footer .footer-bottom address {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 span {padding:0 10px;}

@media screen and (max-width:1200px) {
	#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-top:10px;}
	#footer .footer-bottom address .copy {display:none;}
}
@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 p img {width:157px; height:25px;}
	#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 a div {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.main-visual li a h1 {font-weight:700; font-size:70px; 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:300; font-size:23px; 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;}

/* visual pager */
.bx-controls {position:absolute; bottom:36px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
.bx-controls .bx-pager-item {display:inline-block; margin:0 5px;}
.bx-controls .bx-pager-item a {display:block;  width:15px; height:15px; border-radius:50%; border:3px solid #929292;}
.bx-controls .bx-pager-item a.active {width:35px; border-radius:7px; background:#929292;}

@media screen and (max-width:1200px) {
	.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:68px 0; text-align:center;}
.main-conts-title {position:relative; margin-bottom:10px; font-weight:400; font-size:50px; line-height:1; font-family:'NanumSquare'; color:#000; letter-spacing:-0.5px;}
.main-conts-title + p {font-weight:400; font-size:17px; line-height:1.4; font-family:'NanumSquare'; color:#888; letter-spacing:-0.5px; word-break:keep-all;}

@media screen and (max-width:1200px) {
	.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 + p {margin-bottom:30px; font-size:15px;}
}

/* section01 */
.section01 {overflow:hidden; position:relative; margin:0 auto; width:1200px;}
.section01 .product-list {width:100%;}
.section01 .product-list li {display:inline-block; width:25%; padding:0 1.5%; vertical-align:top;}
.section01 .product-list li a {overflow:hidden; position:relative; display:block;}
.section01 .product-list li img {width:100%;}
.section01 .product-list li > span {display:block; margin-top:10px; font-weight:300; font-size:14px; line-height:1.4; color:#a8a8a8;}
.section01 .product-list li > span strong {display:block; font-weight:700; font-size:23px; font-family:'NanumSquare'; color:#333;}
.section01 .product-list li div {position:absolute; bottom:-100%; left:0; z-index:555; width:100%; height:100%; background:rgba(255,136,33,.75); transition:.3s;}
.section01 .product-list li div span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:63px 0 0; width:100%; background:url('/html/_skin/fostec/images/main/icon_more.png') no-repeat center top; font-weight:100; font-size:25px; line-height:1; font-family:'NanumSquare'; color:#fff;}
.section01 .product-list li:hover div {bottom:0;}
/* arrows */
.slick-prev,.slick-next {position:absolute; top:50%; margin-top:20px; z-index:555; font-size:0; line-height:0; background:none;}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev:before, .slick-next:before {display:inline-block; font-size:50px; line-height:1; font-family:'FontAwesome'; color:#ccc;}
.slick-prev:before {content:"\f104";}
.slick-next:before {content:"\f105";}
.slick-prev:hover:before, .slick-next:hover:before {color:#f5821e;}
.slick-prev:focus,.slick-next:focus {outline:none;}
.slick-dots {position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.section01 .slick-dots li {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 (max-width:1200px) {
	.section01 {width:100%;}
}
@media screen and (max-width:767px) {
	.section01 {padding-bottom:70px;}
	.section01 .product-list li > span {font-size:13px;}
	.section01 .product-list li > span strong {font-size:20px;}
	.section01 .product-list li div span {font-size:20px;}
}
s
/* section02 */
.section02 ul {margin:0 auto; width:1200px; 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 #f5821e; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center center; transition:.3s;}
.section02 ul li:nth-child(1) i {background-image:url('/html/_skin/fostec/images/main/about_icon01.png');}
.section02 ul li:nth-child(2) i {background-image:url('/html/_skin/fostec/images/main/about_icon02.png');}
.section02 ul li:nth-child(3) i {background-image:url('/html/_skin/fostec/images/main/about_icon03.png');}
.section02 ul li:nth-child(4) i {background-image:url('/html/_skin/fostec/images/main/about_icon04.png');}
.section02 ul li i:hover {background-color:#f5821e;}
.section02 ul li:nth-child(1) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon01_off.png');}
.section02 ul li:nth-child(2) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon02_off.png');}
.section02 ul li:nth-child(3) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon03_off.png');}
.section02 ul li:nth-child(4) i:hover {background-image:url('/html/_skin/fostec/images/main/about_icon04_off.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:700; font-size:23px; font-family:'NanumSquare',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:1200px) {
	.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:nth-child(4) i {background-size:40% auto;}
	.section02 ul li strong {margin-top:10px; font-size:20px;}
}

/* section03 */
.section03 {margin:0 auto; 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:'NanumSquare',sans-serif; color:#333;}
.section03 .main-board-wrap h1 span {font-weight:400; font-size:15px; font-family:'Noto Sans Kr'; 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;}
.modal-backdrop{z-index: 9999999;}
.video_con .modal {z-index: 99999999;}

@media screen and (max-width:1200px) {
	.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 {background:url('/html/_skin/fostec/images/main/contact_us_bg.jpg') no-repeat center top/cover;}
.section04 .main-conts-title ,
.section04 .main-conts-title + p {color:#fff;}
.section04 form {min-width:auto;}
.section04 ul {margin:0 auto; padding:0 30px; width:880px;}
.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:'NanumSquare',sans-serif; font-size:21px; line-height:40px; color:#333;}

@media screen and (max-width:880px) {
	.section04 ul {width:100%;}
}
@media screen and (max-width:767px) {
	.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;}
}

/* section05 */
.main-reference {height:305px; background:url('/html/_skin/fostec/images/main/main_reference_bg.jpg') no-repeat center center; text-align:center;}
.main-reference h1 {padding-top:99px; font-size:40px; line-height:1.3; font-family:'NanumSquare',sans-serif; color:#674e33; letter-spacing:-0.5px;}
.main-reference h1 strong {display:block; font-size:50px; color:#262626;}

@media screen and (max-width:767px) {
	.main-reference {height:200px;}
	.main-reference h1 {padding-top:69px; font-size:26px;}
	.main-reference h1 strong {font-size:33px;}
}

/* section06 */
.main-map {overflow:hidden; width:100%; height:333px;}

@media screen and (max-width:767px) {
	.main-map {height:220px;}
}


/* ---------------------------------- sub page */
/*
	sub layout
*/
#subWrap {overflow:hidden; margin:0 auto; padding-bottom:7%; width:1200px;}

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

/* location */
.location-wrap {width:100%; border:1px solid #d9d9d9; border-width:1px 0; background:#f1f1f1;}
.location-wrap > ul {margin:0 auto; 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:15px; content:"\f0d7"; 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:0;}
.location-wrap > ul > li.location-home:before {display:none;}
.location-wrap li a {display:block; padding:0 30px 0 20px; min-width:170px; border:1px solid #d9d9d9; border-width:0 1px; background:#f1f1f1; font-size:14px; line-height:45px;}
.location-wrap > ul > li.on > a {background:#fff; color:#f2811e;}
/* 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:#ff7f10;}
.location-wrap .location-depth2 li.on a {color:#f2811e;}

@media screen and (max-width:1200px) {
	.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 {float:left; border-bottom:1px solid #dedede; width:200px;}
#leftMenu .left-menu-title {padding:38px 0; background:#f5821e url('/html/_skin/fostec/images/common/sub_left_bg.jpg') repeat 0 0; font-size:30px; line-height:1.3; font-family:'NanumSquare'; color:#fff; text-align:center;}
#leftMenu .left-menu-title span {display:block; font-size:14px; font-family:'Noto Sans Kr'; color:#f2b37c;}
#leftMenu > ul > li {position:relative;}
#leftMenu > ul > li:before {position:absolute; top:11px; right:15px; content:"\f105"; display:inline-block; font-family:'FontAwesome'; font-size:24px; line-height:1; color:#333;}
#leftMenu > ul > li > a {padding:12px 25px; border-top:1px solid #dedede; font-size:16px; line-height:20px; color:#333; letter-spacing:-0.5px; word-break:keep-all;}
#leftMenu > ul > li:first-child > a {border-top:0 none;}
#leftMenu a {display:block; width:100%; padding-left:25px;}
/* 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 {font-weight:400; color:#f5821e}
#leftMenu > ul > li.on:before,
#leftMenu > ul > li:hover:before {color:#f5821e;}
#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;}
}

/* 
	--- sub conts 
*/
#subConts {float:right; padding:40px 0 100px 40px; width:900px; text-align:left;}
@media screen and (max-width:1200px) {
	#subConts {float:none; padding:40px 30px; width:100%;}
}
@media screen and (max-width:767px) {
	#subConts {float:none; padding:30px 20px 60px;}
}

/* company */
.ceo-wrap {width:100%; font-size:15px; line-height:1.5;}
.ceo-wrap img {width:100%;}
.ceo-wrap p {margin-top:5%;}
.ceo-wrap p strong {margin:20px 0 15px; display:inline-block; font-size:24px; color:#f2811e;}
.ceo-wrap p em {margin-top:7%; display:block; width:100%; font-size:18px; color:#000; text-align:right;}
@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;}
}

/* history */
.history-wrap {position:relative; padding-top:5%; width:100%; background:url('/html/_skin/fostec/images/sub/company/history_line.gif') repeat-y center top;}
.history-wrap:after {content:''; display:block; width:1px; height:205px; position:absolute; bottom:0; left:50%; background:#fff;}
.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:700 27px/1.4 'NanumSquare'; color:#111;}
.history-list:nth-child(odd) .history-year:before,
.history-list:nth-child(even) .history-year:before {content:''; position:absolute; top:17px; display:block; width:30px; height:1px; background:#d0d0d0;}
.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:8px; display:block; width:19px; height:19px; border-radius:50%; border:4px solid #f5821e; 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 {margin:5px 0; font-weight:300; line-height:20px; letter-spacing:-0.5px;}
.history-list dt {width:15%; font-size:18px; color:#111;}
.history-list dd {width:75%; font-size:15px;}
.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(odd) dt,
	.history-list:nth-child(odd) dd {float:left;}
	.history-list:nth-child(odd) dt {padding-left:0;}
}

/* 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:'NanumSquare'; 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:'NanumSquare'; 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';}
	.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 'NanumSquare'; 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:40px; width:100%; table-layout:fixed; border-top:2px solid #ff8a23; color:#111;}
.data-list-row tr {border-bottom:1px solid #dedede;}
.data-list-row th {background:#f9f9f9; color:#333;}
.data-list-row th, .data-list-row td {padding:8px 5px; font-size:15px; line-height:24px; color:#666; text-align:center; vertical-align:middle;}
.data-list-row td {padding:8px 30px; border-left:1px solid #dedede; text-align:left;}
.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:50px; padding:0 0 10px 27px; border-bottom:1px solid #000; background:url('/html/_skin/fostec/images/common/sub_conts_title.jpg') no-repeat 0 3px; font-weight:700; font-size:25px; line-height:1; font-family:'NanumSquare'; color:#010101;}

.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:'NanumSquare'; 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'; 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; padding-left:20px; 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:1200px) {
	.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;}
.conts-img-list li {display:inline-block; margin-bottom:5%; 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:14px; line-height:22px; letter-spacing:-0.5px;}
.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;}
}