@charset "utf-8";

/* ---------------------------------- layout */
html,
body {
    height: 100%;
    word-break: keep-all;
}

#wrapeer {
    width: 100%;
}

/*
	header
*/
#header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 144px;
    z-index: 9999999;
    transition: .3s;
    background: rgba(35, 22, 17, 0.65);
}

body[class^="page"] #header {
    position: relative;
    background: rgba(65, 50, 44);
}

#header.fixed {
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #ddd;
    transition: .3s;
}

#header .header-top {
    width: 100%;
    background-color: rgba(150, 0, 117, 0.8);
}

#header .header-top dl {
    margin: 0 auto;
    width: 1100px;
    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: 15px;
    line-height: 49px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
}

#header .header-top dd:last-child a::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
}

#header .header-bottom {
    margin: 0 auto;
    width: 1100px;
}

#header .header-bottom:after {
    content: '';
    display: block;
    clear: both;
}

#header .logo {
    float: left;
}

#header .logo a {
    display: block;
    width: 100%;
    margin-top: 13px;
}

@media screen and (max-width:1100px) {
    #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/img/logo.png') no-repeat 0 0;
    }

    #header .logo img {
        display: none;
    }
}

@media screen and (max-width:767px) {
    #header .header-bottom {
        padding: 0 20px;
        height: 60px;
    }

    #header .logo {
        margin-top: 10px;
        width: 159px;
        height: 40px;
        background-size: auto 100%;
    }

    #header .logo a {
        height: 100%;
    }
}

/* web gnb */
#header .gnb {
    float: right;
}

@media screen and (min-width:1101px) {
    #header {
        max-height: 144px;
    }

    #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:last-child {
        padding-right: 0;
    }

    #header .gnb>ul>li>a {
        display: block;
        font: 400 20px/95px 'NanumSquare', sans-serif;
        color: #fff;
        text-transform: uppercase;
    }

    /* #header .gnb > ul > li:hover > a {color:#a20a63;} */
    /* 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 #a20a63;
        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: 400;
        font-size: 16px;
        line-height: 1.4;
        height: 50px;
        padding: 0 10px;
        color: #fff;
        letter-spacing: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;

    }

    #header .gnb .depth2 a:hover {
        color: #a20a63;
        background: #fff;
    }

    #header .gnb>ul>li:hover .depth2 {
        display: block;
        z-index: 9999;
        height: auto;
        opacity: 1;
        width: 140%;
        left: -20%;
    }

    #header .gnb>ul>li:hover .depth2 li {
        transform: translateX(0);
    }

    #header .gnb>ul>li:last-child:hover .depth2 {
        left: -10%;
    }

    /* #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: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: #a20a63;
        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: #a20a63;
        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: #a20a63
    }

    #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: #a20a63;
    }
}

@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%;
    background: #41322c;
}

#footer .footer-top {
    width: 100%;
    background: #651c45 url('/html/_skin/fostec/img/bg_footerTop.jpg') repeat-x 0 0;
    position: relative;
}

/* #footer .footer-top::after {content: ''; display: inline-block; width: 100%; height: 52px; background: #3d0c27; position: absolute; top: 0; left: 0;} */
#footer .footer-top a {
    color: #fff;
}

/* #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-top {}

#footer .footer-top>ul {
    overflow: hidden;
    width: 1100px;
    margin: 0 auto;
}

#footer .footer-top>ul>li {
    float: left;
    width: 20%;
}

#footer .footer-top>ul>li:first-child {
    width: 15%;
}

#footer .footer-top>ul>li:nth-child(2) {
    width: 25%;
}

#footer .footer-top>ul>li>a {
    font-size: 20px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    width: 100%;
}

#footer .footer-top>ul>li:hover>a {
    text-decoration: underline;
}

/* #footer .footer-top > ul > li > a::after {content: ''; display: inline-block; width: 100%; height: 52px; background: #3d0c27; position: absolute; top: 0; left: 0;} */
#footer .footer-top>ul>li>a+ul {
    font-size: 16px;
    margin: 25px 0;
}

#footer .footer-top>ul>li>a+ul a {
    color: #d3b3c5;
    margin: 2px 0;
    display: inline-block;
}

#footer .footer-top>ul>li>a+ul li:hover a {
    text-decoration: underline;
}


#footer .footer-bottom {
    margin: 0 auto;
    padding: 40px 0;
    width: 1100px;
    position: relative;
}

#footer .footer-bottom p {
    display: inline-block;
    margin-right: 54px;
    vertical-align: middle;
}

#footer .footer-bottom p img {
    max-width: 129px;
}

#footer .footer-bottom address {
    display: inline-block;
    width: 814px;
    font-weight: 100;
    font-size: 14px;
    line-height: 21px;
    vertical-align: middle;
    color: #afafaf;
}

#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:nth-child(2) {
    padding: 0 16px;
}

#footer .footer-bottom address p:nth-child(3) {
    color: #7d7d7d;
}

.btn_footer {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.btn_footer li {
    margin: 5px 0;
}

@media screen and (max-width:1100px) {
    #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 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: 924px;
    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: 400;
    font-size: 45px;
    line-height: 1.4;
    text-shadow: 3px 0 0 #000;
    word-break: keep-all;
}

.main-visual li a h2 {
    font-weight: 400;
    font-size: 45px;
    line-height: 1.4;
    color: #7d135e;
    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;
}

.main-visual .item1 a {
    background: url('/html/_skin/fostec/img/main/img_slide1.jpg') no-repeat center top/cover;
}

.main-visual .item2 a {
    background: url('/html/_skin/fostec/img/main/img_slide2.jpg') no-repeat center top/cover;
}

.main-visual .item3 a {
    background: url('/html/_skin/fostec/img/main/img_slide3.jpg') no-repeat center top/cover;
}

/* visual pager */

.main-visual .bx-controls {
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.main-visual .bx-controls .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}

.main-visual .bx-controls .bx-pager-item a {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.main-visual .bx-controls .bx-pager-item a.active {
    width: 35px;
    border-radius: 7px;
    background: #fff;
}

@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;
    }

    .main-visual .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;
    padding-top: 20px;
    font-weight: 400;
    font-size: 50px;
    line-height: 1;
    font-family: 'NanumSquare';
    color: #000;
    letter-spacing: -0.5px;
}

.main-conts-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -40px;
    display: block;
    width: 80px;
    height: 1px;
    background: #a20a63;
}

.main-conts-title+p {
    margin-bottom: 50px;
    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: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: 1100px;
}

.section01 .product-list {
    width: 100%;
    position: relative;
}

.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%;
    vertical-align: middle;
}

.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(162, 10, 99, .75);
    transition: .3s;
}

.section01 .product-list li div span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 0 63px;
    width: 100%;
    background: url('/html/_skin/fostec/img/main/ico_plus.png') no-repeat center bottom;
    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%;
    z-index: 555;
    font-size: 0;
    line-height: 0;
    background: none;
    transform: translateY(-50%)
}

.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: #a20a63;
}

.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: #a20a63;
    background: #a20a63;
}

.section01 .slick-dots li button:focus {
    outline: none;
}

@media screen and (max-width:1100px) {
    .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;
    }
}

/* section02 */
.section02 {
    background: #f9f9f9;
}

.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-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/img/main/ico_1_1.png');
}

.section02 ul li:nth-child(2) i {
    background-image: url('/html/_skin/fostec/img/main/ico_1_2.png');
}

.section02 ul li:nth-child(3) i {
    background-image: url('/html/_skin/fostec/img/main/ico_1_3.png');
}

.section02 ul li:nth-child(4) i {
    background-image: url('/html/_skin/fostec/img/main/ico_1_4.png');
}

.section02 ul li i:hover {
    background-color: #a20a63;
}

.section02 ul li:nth-child(1) i:hover {
    background-image: url('/html/_skin/fostec/img/main/ico_1_1_on.png');
}

.section02 ul li:nth-child(2) i:hover {
    background-image: url('/html/_skin/fostec/img/main/ico_1_2_on.png');
}

.section02 ul li:nth-child(3) i:hover {
    background-image: url('/html/_skin/fostec/img/main/ico_1_3_on.png');
}

.section02 ul li:nth-child(4) i:hover {
    background-image: url('/html/_skin/fostec/img/main/ico_1_4_on.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-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: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:nth-child(4) i {
        background-size: 40% 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: 35%;
    text-align: left;
    vertical-align: top;
}

.section03>section:first-child {
    margin-left: 0;
}

.section03>section:last-child {
    width: 20%;
}

/* board */
.section03 .main-board-wrap h1 {
    padding: 20px 0;
    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;
    display: block;
    margin-top: 5px;
}

.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: #a20a63;
}

/* customer */
.main-customer-wrap {
    padding-top: 20px
}

.main-customer-wrap ul {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

/* .main-customer-wrap p img {max-width:100%;}
.main-customer-wrap ul {margin-left:7%;}
.main-customer-wrap ul li {margin-top: 10px;}
.main-customer-wrap ul li:first-child {margin-top: 0;} */

.main-customer-wrap ul li {
    font-size: 15px;
    line-height: 23px;
    width: 100%;
}

.main-customer-wrap ul li a {
    border: 1px solid #dfdfdf;
    background: #f6f6f6;
    display: inline-block;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    margin-top: 10px;
    color: #a20a63;
    background: #f6f6f6 url('/html/_skin/fostec/img/main/ico_download.png') no-repeat 95% center;
}

.main-customer-wrap ul li:first-child a {
    margin-top: 0;
    position: relative;
}

.main-customer-wrap ul li:last-child a {
    background: #f6f6f6;
}

.main-customer-wrap ul li a p:last-child {
    color: #333;
    font-size: 13px;
}

.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) a {
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
}

@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 {
    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 .main-conts-title:before {
    background: #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%;
}

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


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

@media screen and (max-width:1100px) {
    #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: 1100px;
    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: 16px;
}

.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: #a20a63;
}

/* 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: #a20a63;
}

.location-wrap .location-depth2 li.on a {
    color: #a20a63;
}

@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 {
    float: left;
    border-bottom: 1px solid #dedede;
    width: 200px;
}

#leftMenu .left-menu-title {
    padding: 38px 0;
    background: #a20a63;
    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: #fff;
    display: none;
}

#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: #a20a63
}

#leftMenu>ul>li.on:before,
#leftMenu>ul>li:hover:before {
    color: #a20a63;
}

#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:1100px) {
    #leftMenu {
        display: none;
    }
}

/* 
	--- sub conts 
*/
#subConts {
    float: right;
    padding: 40px 0 100px 40px;
    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;
    }
}

/* company */
.ceo-wrap {
    width: 100%;
    font-size: 15px;
    line-height: 1.5;
}

.ceo-wrap img {
    width: 100%;
}

.ceo-wrap p {
    margin-top: 2%;
    color: #777;
}

.ceo-wrap .Sincerely {
    float: right;
    margin-top: 10%;
}

.ceo-wrap .Sincerely p {
    margin-top: 0;
    font-size: 15px;
    color: #333;
}

.ceo-wrap p strong {
    margin: 20px 0 15px;
    display: inline-block;
    font-size: 24px;
    color: #a20a63;
}

.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 28px/1.4 'NanumSquare';
    color: #a10a62;
}

.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 #a20a63;
    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: #000;
    font-weight: 600;
}

.history-list dd {
    width: 75%;
    font-size: 13px;
}

.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: #a20a63;
}

.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: #a20a63;
    vertical-align: middle;
}

.ci-wrap ul li strong {
    color: #a20a63;
}

@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 #a20a63;
    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: #a20a63;
}

@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 #a20a63;
    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: #a20a63;
    }

    .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.4;
    font-family: 'NanumSquare';
    color: #333;
    vertical-align: middle;
    position: relative;
    padding-left: 15px;
}

.para-title:first-of-type {
    margin-top: 0;
}

.para-title:before {
    content: '';
    display: inline-block;
    margin-top: -2px;
    margin-right: 0px;
    width: 4px;
    height: 22px;
    background: #a20a63;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    left: 0;
}

.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: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: #a20a63;
    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: #a20a63;
    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: #a20a63;
}

.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;
    }
}


/* --- sitemap */
.sitemap-wrap {
    padding-bottom: 150px;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.sitemap-wrap a {
    display: block;
    font-family: 'NanumSquare';
}

.sitemap-wrap a:hover {
    color: #a20a63;
}

.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';
}

.sitemap-wrap>li:nth-child(4),
.sitemap-wrap>li:nth-child(5) {
    margin-top: 20px;
}

@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;
    }
}

/* --- placeholder */
input[type="text"]::placeholder {
    color: #d0d0d0;
    opacity: 1;
    /* Firefox */
}

input[type="text"]:-ms-input-placeholder {
    color: #d0d0d0;
}

input[type="text"]::-ms-input-placeholder {
    color: #d0d0d0;
}

@media screen and (max-width:767px) {
    #header {
        height: auto;
    }

    .section03>section:last-child {
        width: 100%;
    }

    .section03 .main-customer-wrap ul {
        margin-left: 0;
    }

    #footer .footer-top {
        display: none;
    }

    #footer .footer-bottom p img {
        width: 129px;
        height: 51px;
    }

    .btn_footer {
        position: relative;
        top: inherit;
        right: inherit;
        transform: inherit;
        text-align: center;
        margin-top: 20px;
    }

    .board-search-wrap p:nth-of-type(2) {
        width: 60%;
    }
}




/* 240520 */
#header .header-top dd {
    width: auto;
}

#header .header-top dd a {
    padding: 0 20px;
}

#header .header-top dd.lang a {
    padding-right: 0;
}

#header .header-top dd:last-child a::before {
    display: none;
}

.section03 .board-wrap .gallery-list {
    padding: 34.5px 0 !important;
    border-bottom: 1px solid #000;
}

.section03 .board-wrap .gallery-list figure {
    margin-bottom: 0;
}

#subConts h3 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    padding: 50px 0;
}

@media screen and (max-width: 1100px) {
    #header {
        height: auto;
    }

    #header .logo {
        width: auto;
        background: none;
    }

    #header .logo img {
        max-width: 100px;
        display: block;
    }

    #header .logo a {
        height: 46px;
        margin-top: 0;
    }

    #footer .footer-top>ul {
        width: 100%;
        padding: 0 20px;
    }

    .btn_footer {
        position: relative;
        top: inherit;
        right: inherit;
        transform: inherit;
        text-align: center;
        margin-top: 20px;
    }

    #footer .footer-bottom {
        padding: 35px 10px;
        width: 100%;
    }

    #subConts h3 {
        font-size: 26px;
        padding: 40px 0;
    }
}

@media (max-width: 767px) {
    .basic-board-list tbody td.board-subject a {
        white-space: inherit;
    }

    .tblWrap table th,
    .tblWrap table td {
        padding: 10px 10px !important;
    }

    .board-wrap input,
    .board-wrap select,
    .board-wrap textarea {
        padding-left: 0px !important;
    }

    .board-wrap {
        padding: 0px;
    }

    .basic-board-list colgroup {
        display: none;
    }

    .basic-board-list,
    .webzine-board-list {
        margin-bottom: 50px;
    }

    #subConts h3 {
        font-size: 18px;
        padding: 30px 0;
    }

    /* body .board-wrap .gallery-list figure a .thumb-wrap {
        height: auto;
    }

    .board-wrap .gallery-list figure a .thumb-wrap.embed-responsive-16by9 {
        padding-bottom: 0%;
    }

    body .board-wrap .gallery-list figure a .thumb-wrap {
        height: auto !important;
        max-height: 250px;
    } */
}

@media (max-width: 575px) {
    .board-wrap .category-tab ul li {
        margin: 0 3px;
    }
}


/* 아랍어 */
.dir-ltr {
    display: inline-block;
    direction: ltr;
}

.tblWrap table td {
    direction: ltr;
}

html:lang(ar) {
    direction: rtl;
}

html:lang(ar) .para-title {
    padding-right: 15px;
    padding-left: inherit;
}

html:lang(ar) .para-title:before {
    right: 0;
    left: inherit;
}

html:lang(ar) #header .logo {
    float: right;
}

html:lang(ar) #header .gnb {
    float: left;
}

/* 안줘야하는 부분만 특정 클래스 지정 */
/* html:lang(ar) .main-visual {
    direction: rtl;
} */

@media screen and (min-width: 1101px) {
    html:lang(ar) #header .gnb>ul>li:last-child {
        padding-right: 30px;
        padding-left: 0;
    }
}

html:lang(ar) .main-visual .item1 a {
    background: url('/html/_skin/fostec/img/main/img_slide1_ar.jpg') no-repeat center top/cover;
}

html:lang(ar) .bx-wrapper {
    direction: ltr;
}

html:lang(ar) .productsSlider {
    display: flex;
}

html:lang(ar) .slick-list {
    direction: ltr;
}

html:lang(ar) #header .header-top dl {
    text-align: left;
}

html:lang(ar) #header .header-top dd:last-child a::before {
    left: inherit;
    right: 0;
}

html:lang(ar) .section03>section {
    text-align: right;
    margin-left: 0;
    margin-right: 4.72727272727273%;
}

html:lang(ar) .section03>section:first-child {
    margin-right: 0;
}

html:lang(ar) .section03 .main-board-wrap .btn-more {
    right: inherit;
    left: 6px;
}

html:lang(ar) .main-customer-wrap ul li a {
    background: #f6f6f6 url(/html/_skin/fostec/img/main/ico_download.png) no-repeat 5% center;
}

html:lang(ar) .main-customer-wrap ul li:last-child a {
    background: #f6f6f6;
}

html:lang(ar) .board-wrap .gallery-list {
    text-align: left;
    direction: ltr;
}

html:lang(ar) #footer .footer-top>ul>li {
    float: right;
}

html:lang(ar) .btn_footer {
    right: inherit;
    left: 0;
}

html:lang(ar) #subConts {
    float: left;
    text-align: right;
    padding: 40px 40px 100px 0px;
}

html:lang(ar) #leftMenu {
    float: right;
}

html:lang(ar) .sub-conts-title {
    padding: 0 27px 10px 0px;
    background: url(/html/_skin/fostec/images/common/sub_conts_title.jpg) no-repeat 100% 3px;
}

html:lang(ar) .location-wrap li a {
    padding: 0 20px 0 30px;
}

html:lang(ar) .location-wrap .location-depth2 a {
    padding: 15px 20px;
}

html:lang(ar) .location-wrap>ul>li:before {
    right: inherit;
    left: 15px;
}

html:lang(ar) #leftMenu>ul>li:before {
    right: inherit;
    left: 15px;
    transform: rotate(180deg);
}

html:lang(ar) .para-title:before {
    margin-right: 0px;
    margin-left: 10px;
}

html:lang(ar) .Management_3 h1,
html:lang(ar) .Management_3 p {
    text-align: right;
}

html:lang(ar) .Management_1 div {
    background: url(/html/_skin/fostec/img/sub/img_Vision_ar.jpg) no-repeat 100% 0;
}

html:lang(ar) .products.list1 .listUl2>li {
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 10px;
    margin-right: 10px;
}

html:lang(ar) .products.list1 .listUl1>li {
    float: right;
}

html:lang(ar) .products.list1 .listUl2>li::before {
    left: inherit;
    right: 0;
}

html:lang(ar) .board-wrap .gallery-list figure {
    text-align: right;
}

html:lang(ar) .subCont .tit1 {
    padding-left: 0px;
    padding-right: 30px;
}

html:lang(ar) .subCont .tit1::before {
    left: inherit;
    right: 0;
}

html:lang(ar) .downloadWrap ul li {
    float: right;
}

html:lang(ar) .downloadWrap ul li a::before {
    background: url(/html/_skin/fostec/img/sub/img_download_over_ar.png) no-repeat 0 0;
}

html:lang(ar) .subCont .tit3 {
    padding-left: 0px;
    padding-right: 15px;
}

html:lang(ar) .subCont .tit3::before {
    left: inherit;
    right: 0;
}

html:lang(ar) #header .header-top dd.lang a {
    padding-left: 0;
}

html:lang(ar) .products.detail .bx-controls-direction a {
    text-align: left;
}

html:lang(ar) .products.detail .bx-pager-item a {
    text-align: left;
}

html:lang(ar) #footer .footer-bottom>p {
    margin-right: 0;
}

@media screen and (max-width: 1100px) {
    html:lang(ar) #header .m-menu-btn {
        right: inherit;
        left: 30px;
    }

    html:lang(ar) #header .m-lang {
        padding: 18px 33px 0 0px;
    }

    html:lang(ar) #header .gnb>ul {
        right: inherit;
        left: 0;
    }

    html:lang(ar) #header .gnb ul a {
        padding-right: 36px;
        padding-left: 0px;
    }

    html:lang(ar) #header .gnb>ul>li>a:before {
        right: inherit;
        left: 30px;
    }

    html:lang(ar) .section03>section {
        margin-left: 0;
        margin-right: 0%;
    }

    html:lang(ar) .section03>section:first-child {
        margin-left: 4%;
    }

    html:lang(ar) #subConts {
        float: none;
        padding: 40px 30px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    html:lang(ar) #header .m-lang {
        padding: 12px 20px 0 0;
    }

    html:lang(ar) #subConts {
        padding: 20px;
    }
}

html:lang(ar) {}