@charset "utf-8";

/** CSS reset **/
@import url("/styles/reset.css");
/** Web fonts **/
@import url("/styles/webfont-NanumSquare.css");
/** Only applied to IE11 **/
@import url("/styles/ie11-patch.css");

/** Common **/
html, html * {
    box-sizing: border-box;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

/** Typography **/
body {
    font-family: 'NanumSquare', sans-serif;
    color: #333333;
}
strong {
    font-weight: 700;
}
em {
    font-weight: 700;
}

/** Modules **/
button {
    border: none 0;
    background-color: transparent;
    cursor: pointer;
}

/** Specifics **/
/* BEGIN::body */
    body {
    }
/* END::body */
/* BEGIN::header */
    .header-outer {
        position: fixed;
        z-index: 10000;
        width: 100%;
        background-color: #ffffff;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.25);
    }
    header {
        max-width: 1200px;
        height: 74px;
        margin: 0 auto;
    }
    header > h1 {
        float: left;
    }
    header > h1 {
        display: inline-block;
        margin: 30px 0 0 10px;
    }
    @media screen and (max-width: 810px) {
        header > h1 {
            margin: 20px 0 0 15px;
        }
    }
/* END::header */
/* BEGIN::#gnb */
    #gnb {
        float: right;
    }
    header::after {
        content: '';
        display: block;
        clear: both;
    }
    #gnb li {
        float: left;
    }
    #gnb::after {
        content: '';
        display: block;
        clear: both;
    }
    #gnb a {
        display: block;
        width: 110px;
        height: 100px;
        padding: 45px 0 0;
        font-size: 17px;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        color: #222222;
        border-bottom: 5px solid transparent;
    }
    #gnb > ul > li:nth-child(5) a {
        width: 135px;
    }
    #gnb a:hover {
        border-bottom: 5px solid #f9bd15;
    }
    #gnb .btn-menu {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        padding: 0;
        margin: -1px;
        border: 0;
        clip: rect(0, 0, 0, 0);
    }
    @media screen and (max-width: 810px) {
        #gnb > ul {
            display: none;
        }
        #gnb {
            position: absolute;
            float: none;
            width: 74px;
            height: 74px;
            right: 0;
        }
        #gnb a {
            width: 100%;
            height: 60px;
            padding-top: 19px;
            border-bottom: 1px solid #1f1f1f;
            opacity: 1.0;
        }
        #gnb > ul > li:nth-child(5) a {
            width: 100%;
        }
        #gnb a:hover {
            border-bottom: 0 none;
        }
        #gnb > ul::after {
            content: '';
            display: none;
        }
        #gnb .btn-menu {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 24px;
            height: 16px;
            margin-top: -24px;
            margin-left: -24px;
            padding: 25px;
            cursor: pointer;
            clip: auto;
            border: 0 none;
        }
        #gnb .btn-menu:hover {
            border-bottom: 0 none;
        }
        #gnb .btn-menu > span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 24px;
            height: 3px;
            margin-top: -1.5px;
            margin-left: -12px;
            background-color: #000000;
            font-size: 0;
        }
        #gnb .btn-menu > span::before {
            content: '';
            position: absolute;
            top: 0;
            width: 100%;
            height: 3px;
            margin-top: -7px;
            margin-left: -12px;
            background-color: #000000;
        }
        #gnb .btn-menu > span::after {
            content: '';
            position: absolute;
            top: 0;
            width: 100%;
            height: 3px;
            margin-top: 7px;
            margin-left: -12px;
            background-color: #000000;
        }
        #gnb.open {
            background-color: #000000;
        }
        #gnb.open .btn-menu > span, 
        #gnb.open .btn-menu > span::before, 
        #gnb.open .btn-menu > span::after {
            background-color: #ffffff;
        }
        #gnb > ul {
            display: none;
            position: absolute;
            left: calc(-100vw + 100%);
            width: 100vw;
            top: 74px;
        }
        #gnb > ul > li {
            z-index: 100;
            float: none;
        }
        #gnb > ul > li > a {
            background-color: #000000;
            font-weight: 700;
            color: #ffffff;
            text-align: center;
        }
        #gnb > ul > li > a:hover, 
        #gnb > ul > li > a:focus {
            background-color: #000000;
            color: #f9bd15;
        }
    }
    @media screen and (min-width: 530px) and (max-width: 1199px) {

    }
/* END::#gnb */
/* BEGIN::#welcome */
    #welcome {
        position: relative;
        height: 700px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/bg-welcome.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
        border-bottom: 10px solid #f9bd15;
    }
    #welcome::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -10px;
        width: 50%;
        height: 10px;
        background-color: #49afe2;
    }
    #welcome .p-outer {
        max-width: 1200px;
        margin: 0 auto;
        padding: 276px 0 0 10px;
    }
    #welcome p.highlight {
        margin: 10px 0 20px;
        font-size: 34px;
        font-weight: 700;
        line-height: 51px;
        color: rgba(255, 255, 255, 1.0);
    }
    #welcome p.highlight::after {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        margin-top: 21px;
        margin-bottom: 21px;
        margin-left: 3px;
        background-color: #f9bd15;
    }
    #welcome p.highlight span {
        display: block;
    }
    #welcome p {
        font-size: 16px;
        line-height: 25px;
        color: rgba(255, 255, 255, 0.79);
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.37), 0 1px 0 rgba(0, 0, 0, 0.49);
    }
    #welcome p.text {
        padding-left: 3px;
    }
    #welcome p span:nth-child(even)::after {
        content: '';
        display: block;
    }
    @media screen and (max-width: 529px) {
        #welcome {
            height: 540px;
        }
        #welcome .p-outer {
            padding: 141px 10px 0;
        }
        #welcome p.highlight {
            font-size: 32px;
        }
        #welcome p span::after {
            content: '';
            display: block;
        }
    }
/* END::#welcome */
/* BEGIN::#major-clients */
    #major-clients {
        height: 170px;
        padding: 30px 0 0;
    }
    #major-clients h2 {
        font-size: 21px;
        line-height: 36px;
        text-align: center;
    }
    #major-clients .list {
        position: relative;
        max-width: 1200px;
        margin: 0 auto;
        font-size: 0;
    }
    #major-clients .btn-left {
        position: absolute;
        top: 0;
        left: 10px;
        width: 25px;
        height: 100px;
        font-size: 0;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('/images/chevron-left.svg');
        background-size: 30px, 30px;
        background-position: 50% 50%, 50% 50%;
        background-repeat: no-repeat, no-repeat;
    }
    #major-clients ul {
        max-width: 1100px;
        height: 100px;
        margin: 0 auto;
        font-size: 0;
        text-align: center;
        overflow: hidden;
    }
    #major-clients .btn-right {
        position: absolute;
        top: 0;
        right: 10px;
        width: 25px;
        height: 100px;
        font-size: 0;
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('/images/chevron-right.svg');
        background-size: 30px, 30px;
        background-position: 50% 50%, 50% 50%;
        background-repeat: no-repeat, no-repeat;
    }
    #major-clients ul li {
        display: inline-block;
        text-align: justify;
    }
    #major-clients ul::after {
        content: '';
        display: block;
        clear: both;
    }
    #major-clients li img {
        width: 179px;
        height: 100px;
        margin: 0 auto;
    }
/* END::#major-clients */
/* BEGIN::#greetings */
    #greetings {
        padding: 120px 10px 30px;
        background-color: #f0f3f5;
    }
    #greetings p.highlight {
        margin: 0 0 35px;
        font-size: 26px;
        line-height: 40px;
    }
    #greetings p span:nth-child(even)::after {
        content: '';
        display: block;
    }
    #greetings p {
        margin: 2.0em 0;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
    }
    @media screen and (max-width: 529px) {
        #greetings p span::after {
            content: '';
            display: block;
        }
    }
/* END::#greetings */
/* BEGIN::#vision-and-core-values */
    #vision-and-core-values {
        padding-bottom: 200px;
        background: #f0f3f5 url('/images/symbol.svg') 50% 159%/600px no-repeat;
    }
    #vision-and-core-values .inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 30px 0 0;
    }
    #vision-and-core-values h2 {
        height: 50px;
        margin: 0 0 30px;
        border-bottom: 1px solid #dbdbdb;
        font-size: 21px;
        font-weight: 700;
        line-height: 36px;
        text-align: center;
    }
    #vision-and-core-values #vision-and-mission {
    }
    #vision-and-core-values #vision-and-mission h3 {
        float: left;
        width: 112px;
        padding: 10px;
        border-radius: 20px;
        color: #ffffff;
        font-size: 17px;
        text-align: center;
        line-height: 30px;
    }
    #vision-and-core-values #vision-and-mission div:nth-child(odd) h3 {
        background-color: #49afe2;
    }
    #vision-and-core-values #vision-and-mission div:nth-child(even) h3 {
        background-color: #f9bd15;
    }
    #vision-and-core-values #vision-and-mission p {
        float: right;
        width: calc(100% - 112px - 15px);
        padding: 10px;
        border-radius: 20px;
        line-height: 30px;
        text-align: center;
        background-color: #ffffff;
    }
    #vision-and-core-values #vision-and-mission div:nth-child(odd) p {
        color: #49afe2;
    }
    #vision-and-core-values #vision-and-mission div:nth-child(even) p {
        color: #f9bd15;
    }
    #vision-and-core-values #vision-and-mission .outer {
        width: 744px;
        margin: 15px auto;
    }
    #vision-and-core-values #vision-and-mission .outer::after {
        content: '';
        display: block;
        clear: both;
    }
    #vision-and-core-values #core-values h3 {
        margin: 30px 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 100px;
        text-align: center;
        background: transparent url('/images/bg-grad-arrow-up.png') 50% 0/cover no-repeat;
    }
    #vision-and-core-values #core-values ul {
        width: 960px;
        margin: 0 auto;
        border: dotted 2px #cfcfcf;
        border-radius: 20px;
        font-size: 0;
        background-color: #ffffff;
        text-align: center;
    }
    #vision-and-core-values #core-values li {
        display: inline-block;
        width: 20%;
        margin: 20px calc((960px - 20%*3 - 2px*2) / 6);
        padding: 15px 10px;
        border: 2px solid #49afe2;
        border-radius: 20px;
        font-size: 17px;
        color: #333333;
        text-align: center;
        background-color: #f8f8f8;
    }
    #vision-and-core-values #major-features h3 {
        margin: 30px 0;
        font-size: 18px;
        font-weight: 700;
        line-height: 100px;
        text-align: center;
        background: transparent url('/images/bg-grad-arrow-down.png') 50% 100%/cover no-repeat;
    }
    #vision-and-core-values #major-features ul {
        width: 960px;
        margin: 0 auto;
        border-radius: 20px;
        font-size: 0;
        background-color: #ffffff;
        text-align: center;
    }
    #vision-and-core-values #major-features li {
        display: inline-block;
        width: 25%;
        height: auto;
        margin: 20px calc((960px - 25%*3) / 6);
        padding: 20px 10px;
        font-size: 15px;
        text-align: center;
        line-height: 22px;
    }
    @media screen and (max-width: 810px) {
        #vision-and-core-values {
            padding-bottom: 100px;
            background: #f0f3f5 url('/images/symbol.svg') 50% 145%/613px no-repeat;
        }
        #vision-and-core-values #core-values ul {
            min-width: 260px;
            width: 60%;
        }
        #vision-and-core-values #core-values li {
            display: block;
            width: auto;
            margin: 20px;
        }
        #vision-and-core-values #major-features ul {
            width: 80%;
        }
        #vision-and-core-values #major-features li {
            display: block;
            width: calc(100% - 40px);
            margin: 0 20px;
        }
        #vision-and-core-values #vision-and-mission h3 {
            float: none;
            margin: 15px;
            width: calc(100% - 30px);
        }
        #vision-and-core-values #vision-and-mission p {
            float: none;
            margin: 0 25px;
            width: calc(100% - 50px);
        }
        #vision-and-core-values #vision-and-mission .outer {
            width: auto;
        }
        #vision-and-core-values #vision-and-mission p span::after {
            content: '';
            display: block;
        }
    }
    @media screen and (min-width: 811px) and (max-width: 1199px)
    {
        #vision-and-core-values #core-values ul {
            width: calc(100% - 50px);
        }
        #vision-and-core-values #core-values li {
            margin: 20px calc(((100% - 50px) - 20%*3 - 2px*2) / 6);
        }
        #vision-and-core-values #major-features ul {
            width: calc(100% - 50px);
        }
        #vision-and-core-values #major-features li {
            margin: 20px calc(((100% - 50px) - 25%*3) / 6);
        }
    }
/* END::#vision-and-core-values */
/* BEGIN::#interpretation-svc */
    #interpretation-svc {
        padding: 110px 31.5px 110px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)) 0 0/auto repeat, transparent url('/images/bg-microphone.jpg') 0 0/700px no-repeat;
    }
    #interpretation-svc h2 {
        color: #49afe2;
        font-size: 22px;
        line-height: 43px;
        text-align: center;
        padding-bottom: 32px;
        background: transparent url('/images/seperator-gray.png') 50% 65px/auto no-repeat;
    }
    #interpretation-svc h3 {
        margin: 60px 0 40px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eeeeee;
        color: #333333;
        font-size: 21px;
        line-height: 36px;
        text-align: center;
    }

    #interpretation-svc #sorts-of-interpret {
        width: 1200px;
        margin: 0 auto;
    }
    #interpretation-svc #sorts-of-interpret section {
        float: left;
        margin: 20px 40px 0;
        padding-bottom: 50px;
        width: 520px;
    }
    #interpretation-svc #sorts-of-interpret::after {
        content: '';
        display: block;
        clear: both;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(2) {
        background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(3) {
        background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(4) {
        background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section p {
        font-size: 14px;
        line-height: 22px;
        color: #383d4b;
        text-align: center;
    }
    #interpretation-svc #sorts-of-interpret section p span::after {
        content: '';
        display: block;
    }
    #interpretation-svc #sorts-of-interpret section h4 {
        padding: 50px 0 10px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(2) h4 {
        color: #49afe2;
        background: transparent url('/images/icon-single-balloon.svg') 50% 0/36px no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(3) h4 {
        color: #f9bd15;
        background: transparent url('/images/icon-double-balloon.svg') 50% 0/36px no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(4) h4 {
        color: #f9bd15;
        background: transparent url('/images/icon-briefcase.svg') 50% 0/30px no-repeat;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(5) h4 {
        background: transparent url('/images/icon-speech.svg') 50% 0/30px no-repeat;
        color: #49afe2;
    }
    #interpretation-svc #sorts-of-interpret section:nth-child(6) h4 {
        color: #49afe2;
        background: transparent url('/images/icon-mic.svg') 50% 0/26px no-repeat;
    }

    #interpretation-svc #interpret-process {
        width: 1200px;
        margin: 0 auto;
    }
    #interpretation-svc #interpret-process section{
        font-size: 0;
        text-align: center;
    }
    #interpretation-svc #interpret-process h4 {
        margin: 15px 0 5px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }
    #interpretation-svc #interpret-process .outer {
        display: inline-block;
        width: 265px;
        height: 204px;
        background: transparent url('/images/icon-arrow-right-gray.svg') 100% calc(50% - 25px)/10px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:last-child {
        background: none;
    }
    #interpretation-svc #interpret-process section::after {
        content: '';
        display: block;
        clear: both;
    }
    #interpretation-svc #interpret-process .outer:nth-child(odd) h4 {
        color: #49afe2;
    }
    #interpretation-svc #interpret-process .outer:nth-child(even) h4 {
        color: #f9bd15;
    }
    #interpretation-svc #interpret-process p {
        color: #333333;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }
    #interpretation-svc #interpret-process .icon {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border: 3px solid #ebebeb;
        border-radius: 100%;
    }
    #interpretation-svc #interpret-process .outer:nth-child(1) .icon {
        background: #fcfcfc url('/images/icon-interpret-process1.svg') 50% 50%/25px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(2) .icon {
        background: #fcfcfc url('/images/icon-interpret-process2.svg') 50% 50%/22px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(3) .icon {
        background: #fcfcfc url('/images/icon-interpret-process3.svg') calc(50% + 2px) 50%/20px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(4) .icon {
        background: #fcfcfc url('/images/icon-interpret-process4.png') calc(50% + 2px) 50%/33px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(5) .icon {
        background: #fcfcfc url('/images/icon-interpret-process5.png') calc(50% + 2px) 50%/32px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(6) .icon {
        background: #fcfcfc url('/images/icon-interpret-process6.png') calc(50% + 3px) 50%/28px no-repeat;
    }
    #interpretation-svc #interpret-process .outer:nth-child(7) .icon {
        background: #fcfcfc url('/images/icon-interpret-process7.png') calc(50% + 4px) 50%/29px no-repeat;
    }

    #interpretation-svc #interpret-price {
        width: 1200px;
        margin: 0 auto;
    }
    #interpretation-svc #interpret-price table {
        float: left;
        margin: 0 10px;
    }
    #interpretation-svc #interpret-price::after {
        display: block;
        content: ' ';
        clear: both;
    }
    #interpretation-svc #interpret-price thead {
        border-top: 1px solid #dfe1e4;
    }
    #interpretation-svc #interpret-price thead th {
        width: 580px;
        height: 48px;
        font-size: 18px;
        color: #262b2f;
        text-align: center;
        vertical-align: middle;
    }
    #interpretation-svc #interpret-price tbody {
        border-top: 1px solid #dfe1e4;
        border-bottom: 1px solid #dfe1e4;
    }
    #interpretation-svc #interpret-price tbody td {
        width: 580px;
        height: 33px;
        font-size: 14px;
        color: #434a58;
        text-align: center;
        vertical-align: middle;
    }
    @media screen and (max-width: 810px) {
        #interpretation-svc {
            padding: 42px 0;
        }
        #interpretation-svc #sorts-of-interpret {
            width: auto;
        }
        #interpretation-svc #sorts-of-interpret section {
            width: auto;
            margin: 20px 0 0;
        }
        #interpretation-svc #sorts-of-interpret section p {
            margin: 0 31.5px;
        }
        #interpretation-svc #sorts-of-interpret section p span::after {
            display: inline;
        }
        #interpretation-svc #interpret-process {
            width: auto;
        }
        #interpretation-svc #interpret-process .outer {
            background: transparent none;
        }
        #interpretation-svc #interpret-price {
            width: auto;
        }
        #interpretation-svc #sorts-of-interpret section:nth-child(5) {
            background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
        }
        #interpretation-svc #interpret-price table {
            float: none;
            width: calc(100% - 20px);
            margin: 0 10px 20px;
        }
        #interpretation-svc #sorts-of-interpret section:nth-child(4) h4 {
            color: #49afe2;
        }
        #interpretation-svc #sorts-of-interpret section:nth-child(5) h4 {
            color: #f9bd15;
        }
    }
    @media screen and (min-width: 811px) and (max-width: 1199px) {
        #interpretation-svc #sorts-of-interpret {
            width: auto;
        }
        #interpretation-svc #sorts-of-interpret section {
            float: none;
            width: auto;
            margin: 20px auto 0;
        }
        #interpretation-svc #sorts-of-interpret section:nth-child(5) {
            background: transparent url(/images/seperator-lightgray.png) 50% calc(100% - 16px)/auto no-repeat;
        }
        #interpretation-svc #interpret-process {
            width: auto;
        }
        #interpretation-svc #interpret-price {
            width: auto;
        }
        #interpretation-svc #interpret-price table {
            width: calc(100%/2 - 10px*4);
        }
        #interpretation-svc #interpret-price thead th, 
        #interpretation-svc #interpret-price tbody td {
            width: auto;
        }
    }
/* END::#interpretation-svc */
/* BEGIN::#translation-svc */
    #translation-svc {
        padding: 110px 0 110px;
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)) 0 0/auto repeat, transparent url('/images/bg-pen-hand.jpg') 0 0/700px no-repeat;
    }
    #translation-svc h2 {
        color: #49afe2;
        font-size: 22px;
        line-height: 43px;
        text-align: center;
        padding-bottom: 32px;
        background: transparent url('/images/seperator-gray.png') 50% 65px/auto no-repeat;
    }
    #translation-svc h3 {
        margin: 60px auto 40px;
        /*width: 1200px;*/
        padding-bottom: 10px;
        border-bottom: 1px solid #eeeeee;
        color: #333333;
        font-size: 21px;
        line-height: 36px;
        text-align: center;
    }
    #translation-svc #trans-doc-groups {
        width: 1200px;
        margin: 0 auto;
    }
    #translation-svc #trans-doc-groups > section {
        float: left;
        width: 232px;
        height: 515px;
        margin: 0 4px;
        padding: 20px 5px;
        border: 1px solid #f1f1f1;
        border-radius: 30px;
        background-color: #fafafa;
    }
    #translation-svc #trans-doc-groups > section h4 {
        margin: 15px 0 5px;
        line-height: 24px;
        font-size: 16px;
        text-align: center;
    }
    #translation-svc #trans-doc-groups > section:nth-child(even) h4 {
        color: #40afe2;
    }
    #translation-svc #trans-doc-groups > section:nth-child(odd) h4 {
        color: #f9bd15;
    }
    #translation-svc #trans-doc-groups > section .icon {
        display: block;
        width: 150px;
        height: 150px;
        margin: auto;
        border: 3px solid #ebebeb;
        border-radius: 100%;
    }
    #translation-svc #trans-doc-groups > section:nth-child(2) .icon {
        background: transparent url('/images/img-signature.jpg') 50% 50%/cover no-repeat;
    }
    #translation-svc #trans-doc-groups > section:nth-child(3) .icon {
        background: transparent url('/images/img-traffic-analysis.jpg') 50% 50%/cover no-repeat;
    }
    #translation-svc #trans-doc-groups > section:nth-child(4) .icon {
        background: transparent url('/images/img-lookup.jpg') 50% 50%/cover no-repeat;
    }
    #translation-svc #trans-doc-groups > section:nth-child(5) .icon {
        background: transparent url('/images/img-globe.jpg') 50% 50%/cover no-repeat;
    }
    #translation-svc #trans-doc-groups > section:nth-child(6) .icon {
        background: transparent url('/images/img-coding-laptop.jpg') 50% 50%/cover no-repeat;
    }
    #translation-svc #trans-doc-groups > section ul {
        margin: 20px 15px 10px;
        font-size: 14px;
    }
    #translation-svc #trans-doc-groups > section li {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #c7cacf;
        line-height: 20px;
    }
    #translation-svc #trans-doc-groups::after {
        content: ' ';
        display: block;
        clear: both;
    }
    #translation-svc #sorts-of-trans {
        width: 1200px;
        margin: 0 auto;
    }
    #translation-svc #sorts-of-trans section {
        float: left;
        margin: 20px calc((100% - (520px*2))/4) 0;
        padding-bottom: 50px;
        width: 520px;
    }
    #translation-svc #sorts-of-trans::after {
        content: '';
        display: block;
        clear: both;
    }
    #translation-svc #sorts-of-trans section h4 {
        padding: 50px 0 10px;
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }
    #translation-svc #sorts-of-trans section:nth-child(2) {
        background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
    }
    #translation-svc #sorts-of-trans section:nth-child(3) {
        background: transparent url('/images/seperator-lightgray.png') 50% calc(100% - 16px)/auto no-repeat;
    }
    #translation-svc #sorts-of-trans section p {
        font-size: 14px;
        line-height: 22px;
        color: #383d4b;
        text-align: center;
    }
    #translation-svc #sorts-of-trans section p span::after {
        content: '';
        display: block;
    }
    #translation-svc #sorts-of-trans section:nth-child(2) h4 {
        color: #49afe2;
        background: transparent url('/images/icon-doc.svg') 50% 0/33px no-repeat;
    }
    #translation-svc #sorts-of-trans section:nth-child(3) h4 {
        color: #f9bd15;
        background: transparent url('/images/icon-clipboard.svg') 50% 0/32px no-repeat;
    }
    #translation-svc #sorts-of-trans section:nth-child(4) h4 {
        color: #f9bd15;
        background: transparent url('/images/icon-film-camera.svg') 50% 0/34px no-repeat;
    }
    #translation-svc #sorts-of-trans section:nth-child(5) h4 {
        background: transparent url('/images/icon-pc.svg') 50% 0/33px no-repeat;
        color: #49afe2;
    }

    #translation-svc #trans-process {
        width: 1200px;
        margin: 0 auto;
    }
    #translation-svc #trans-process section{
        font-size: 0;
        text-align: center;
    }
    #translation-svc #trans-process h4 {
        margin: 15px 0 5px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }
    #translation-svc #trans-process .outer {
        display: inline-block;
        width: 265px;
        height: 204px;
        background: transparent url('/images/icon-arrow-right-gray.svg') 100% calc(50% - 25px)/10px no-repeat;
    }
    #translation-svc #trans-process .outer:last-child {
        background: none;
    }
    #translation-svc #trans-process section::after {
        content: '';
        display: block;
        clear: both;
    }
    #translation-svc #trans-process .outer:nth-child(odd) h4 {
        color: #49afe2;
    }
    #translation-svc #trans-process .outer:nth-child(even) h4 {
        color: #f9bd15;
    }
    #translation-svc #trans-process p {
        color: #333333;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }
    #translation-svc #trans-process .icon {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border: 3px solid #ebebeb;
        border-radius: 100%;
    }
    #translation-svc #trans-process .outer:nth-child(1) .icon {
        background: #fcfcfc url('/images/icon-interpret-process1.svg') 50% 50%/25px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(2) .icon {
        background: #fcfcfc url('/images/icon-interpret-process2.svg') 50% 50%/22px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(3) .icon {
        background: #fcfcfc url('/images/icon-interpret-process3.svg') calc(50% + 2px) 50%/22px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(4) .icon {
        background: #fcfcfc url('/images/icon-interpret-process4.png') calc(50% + 2px) 50%/33px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(5) .icon {
        background: #fcfcfc url('/images/icon-trans-process5.svg') calc(50% + 2px) 50%/28px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(6) .icon {
        background: #fcfcfc url('/images/icon-trans-process6.svg') calc(50% + 3px) 50%/28px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(7) .icon {
        background: #fcfcfc url('/images/icon-trans-process7.svg') calc(50% + 1px) 50%/23px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(8) .icon {
        background: #fcfcfc url('/images/icon-trans-process6.svg') calc(50% + 4px) 50%/29px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(9) .icon {
        background: #fcfcfc url('/images/icon-interpret-process7.png') calc(50% + 4px) 50%/29px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(10) .icon {
        background: #fcfcfc url('/images/icon-interpret-process6.png') calc(50% + 4px) 50%/29px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(11) .icon {
        background: #fcfcfc url('/images/icon-interpret-process7.png') calc(50% + 4px) 50%/29px no-repeat;
    }
    #translation-svc #trans-process .outer:nth-child(6) .icon {
        border: 5px solid #49afe2;
        background-color: #f1f7fa;
    }
    #translation-svc #trans-process .outer:nth-child(7) .icon {
        border: 5px solid #f9bd15;
        background-color: #fffdf7;
    }
    #translation-svc #trans-process .outer:nth-child(8) .icon {
        border: 5px solid #49afe2;
        background-color: #f1f7fa;
    }

    #translation-svc #trans-price {
        width: 1200px;
        margin: 0 auto;
    }
    #translation-svc #trans-price table {
        float: left;
        margin: 0 10px;
    }
    #translation-svc #trans-price section::after {
        display: block;
        content: ' ';
        clear: both;
    }
    #translation-svc #trans-price thead {
        border-top: 1px solid #dfe1e4;
    }
    #translation-svc #trans-price thead th {
        width: 280px;
        height: 50px;
        font-size: 18px;
        color: #262b2f;
        text-align: center;
        vertical-align: middle;
    }
    #translation-svc #trans-price tbody {
        border-top: 1px solid #dfe1e4;
        border-bottom: 1px solid #dfe1e4;
    }
    #translation-svc #trans-price tbody td {
        width: 280px;
        height: 100px;
        font-size: 14px;
        color: #434a58;
        text-align: center;
        vertical-align: middle;
    }
    #translation-svc #trans-price .note {
        margin-top: 30px;
        text-align: center;
        line-height: 20px;
        font-size: 13px;
        color: #b6b6b6;
    }
    @media screen and (max-width: 810px) {
        #translation-svc {
            padding: 42px 0 42px;
        }
        #translation-svc h3 {
            width: auto;
            margin: 30px auto 30px;
        }
        #translation-svc #trans-doc-groups {
            width: auto;
        }
        #translation-svc #trans-doc-groups > section {
            width: calc(100% - 20px);
            height: auto;
            margin: 0 10px 10px;
        }
        #translation-svc #trans-doc-groups > section li {
            text-align: center;
        }
        #translation-svc #sorts-of-trans {
            width: auto;
        }
        #translation-svc #sorts-of-trans section {
            width: 100%;
            margin: 0 auto 0;
        }
        #translation-svc #trans-process {
            width: auto;
        }
        #translation-svc #trans-process .outer {
            background: transparent none;
        }
        #translation-svc #trans-price {
            width: auto;
        }
        #translation-svc #trans-price table {
            width: calc(100% - 20px);
            margin: 0 10px 20px;
        }
        #translation-svc #trans-price thead th {
            width: 100%;
        }
        #translation-svc #trans-price tbody td {
            width: 100%;
        }
        #translation-svc #trans-price .note p span::after {
            content: ' ';
            display: block;
        }
        #translation-svc #sorts-of-trans section:nth-child(4) {
            background: transparent url(/images/seperator-lightgray.png) 50% calc(100% - 16px)/auto no-repeat;
        }
        #translation-svc #sorts-of-trans section:nth-child(4) h4 {
            color: #49afe2;
        }
        #translation-svc #sorts-of-trans section:nth-child(5) h4 {
            color: #f9bd15;
        }

    }
    @media screen and (min-width: 811px) and (max-width: 1199px) {
        #translation-svc #trans-doc-groups {
            width: 100%;
        }
        #translation-svc #trans-doc-groups > section {
            width: calc((100% - 130px) / 3);
            margin: 0 20px 40px;
        }
        #translation-svc #sorts-of-trans {
            width: auto;
            text-align: center;
        }
        #translation-svc #sorts-of-trans section {
            float: none;
            display: inline-block;
            vertical-align: middle;
            margin: 0 calc((100% - (520px*2))/4) 0;
        }
        #translation-svc #trans-process {
            width: auto;
        }
        #translation-svc #trans-price {
            width: auto;
        }
        #translation-svc #trans-price table {
            width: calc(100%/4 - 20px);
            margin: 0 10px 20px;
        }
        #translation-svc #trans-price thead th {
            width: 100%;
        }
        #translation-svc #trans-price tbody td {
            width: 100%;
        }
        #translation-svc #sorts-of-trans section:nth-child(4) {
            background: transparent url(/images/seperator-lightgray.png) 50% calc(100% - 16px)/auto no-repeat;
        }
    }
/* END::#translation-svc */
/* BEGIN::#inquiry */
    #inquiry {
        padding: 110px 0 110px;
        background: linear-gradient(180deg, rgba(93, 103, 121, 0.9), rgba(93, 103, 121, 0.9)) 0 0/auto repeat, transparent url('/images/bg-inquiry.jpg') 0 0/cover no-repeat;
    }
    #inquiry h2 {
        color: #f9bd15;
        font-size: 22px;
        line-height: 43px;
        text-align: center;
        padding-bottom: 32px;
        background: transparent url('/images/seperator-white.png') 50% 65px/auto no-repeat;
    }

    #inquiry dl {
        width: 1200px;
        margin: 10px auto 10px;
    }
    #inquiry dt {
        display: inline-block;
        width: 234px;
        height: 43px;
        margin: 12px 0 10px;
        line-height: 43px;
        color: #ffffff;
    }
    #inquiry dd {
        display: inline-block;
        width: 960px;
        height: 43px;
        margin: 12px 0 10px;
    }
    #inquiry dd.textarea {
        height: 216px;
        vertical-align: middle;
    }
    #inquiry dl input {
        width: 100%;
        height: 43px;
        padding: 8px 12px;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 14px;
        font-family: inherit;
        color: #949494;
    }
    #inquiry dl input, 
    #inquiry dl input:active, 
    #inquiry dl input:hover, 
    #inquiry textarea, 
    #inquiry textarea:active, 
    #inquiry textarea:hover {
        border: 0 none;
    }
    #inquiry textarea {
        width: 100%;
        height: 216px;
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 14px;
        font-family: inherit;
        color: #949494;
    }
    #inquiry p {
        width: 1200px;
        margin: 0 auto;
        text-align: right;
    }
    #inquiry p input {
        width: 960px;
        height: 50px;
        margin-right: 2px;
        border: 0 none;
        background-color: #262b2f;
        font-size: 16px;
        color: #ffffff;
    }
    @media screen and (max-width: 810px) {
        #inquiry {
            padding: 42px 20px 42px;
        }
        #inquiry dl {
            width: auto;
        }
        #inquiry dt {
            display: block;
            width: 100%;
            height: 20px;
            margin: 0 auto 5px;
            line-height: 20px;
        }
        #inquiry dd {
            width: 100%;
            margin: 0 auto 22px;
        }
        #inquiry p {
            width: auto;
        }
        #inquiry p input {
            width: 100%;
        }
    }
    @media screen and (min-width: 811px) and (max-width: 1199px) {
        #inquiry dl {
            width: auto;
        }
        #inquiry dt {
            display: block;
            width: 100%;
            height: 30px;
            margin-bottom: 0;
        }
        #inquiry dt label {
            margin-left: 20px;
        }
        #inquiry dd {
            width: calc(100% - 40px);
        }
        #inquiry dd input, 
        #inquiry dd textarea {
            margin: 0 20px;
        }
        #inquiry p {
            width: auto;
        }
        #inquiry p input {
            width: calc(100% - 40px);
            margin: 0 20px;
        }
    }
/* END::#inquiry */
/* BEGIN::#kicater-apply */
    #kicater-apply {
        padding: 150px 0 150px;
        background: transparent url('/images/bg-map.png') 50% 50%/cover no-repeat;
        color: #ffffff;
    }
    #kicater-apply > .inner {
        width: 557px;
        margin: 0 auto;
    }
    #kicater-apply h2 {
        color: #f9bd15;
        font-size: 22px;
        line-height: 43px;
        text-align: center;
        padding-bottom: 32px;
        background: transparent url('/images/seperator-white.png') 50% 65px/auto no-repeat;
    }
    #kicater-apply .promotion {
        margin: 16px 0 49px;
        color: #ffffff;
        font-size: 26px;
        line-height: 35px;
        text-align: center;
    }
    #kicater-apply h3 {
        margin: 28px 0;
        color: #f9bd15;
        font-size: 18px;
        text-align: center;
    }
    #kicater-apply .qualifications {
        padding-bottom: 33px;
        border-bottom: 1px solid #ffffff;
    }
    #kicater-apply .qualifications li {
        line-height: 24px;
        text-align: center;
    }
    #kicater-apply .how-to-apply {
        border-bottom: 1px solid #ffffff;
        padding-bottom: 33px;
    }
    #kicater-apply .how-to-apply strong {
        display: block;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }
    #kicater-apply .how-to-apply p {
        margin-bottom: 22px;
        line-height: 24px;
        font-size: 13px;
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
    }
    #kicater-apply .how-to-apply p span::after {
        content: '';
        display: block;
    }
    #kicater-apply .offers {
        padding-bottom: 10px;
        border-bottom: 1px dotted #c7cacf;
    }
    #kicater-apply .offers p {
        line-height: 24px;
        text-align: center;
    }
    #kicater-apply .email {
        padding-top: 30px;
        font-size: 26px;
        line-height: 33px;
        text-align: center;
    }
    #kicater-apply .email a {
        color: #ffffff;
        text-decoration: none;
    }
    @media screen and (max-width: 810px) {
        #kicater-apply {
            padding: 52px 0 52px;
        }
        #kicater-apply > .inner {
            width: auto;
        }
        #kicater-apply .promotion {
            font-size: 19px;
        }
        #kicater-apply .promotion span::after {
            content: ' ';
            display: block;
        }
    }
    @media screen and (min-width: 811px) and (max-width: 1199px) {
    }
/* END::#kicater-apply */
/* BEGIN::footer */
    footer {
        background-color: #000000;
        font-size: 14px;
        color: #868686;
        line-height: 20px;
    }
    footer .inner {
        width: 1200px;
        height: 250px;
        padding: 57px 0;
        margin: 0 auto;
    }
    footer .inner > section, 
    footer .inner > p {
        float: left;
        width: 300px;
    }
    footer .inner::after {
        content: '';
        display: block;
        clear: both;
    }
    footer .logo {
        width: 180px;
        height: auto;
    }
    footer address p:first-child span::after {
        content: '';
        display: block;
    }
    footer .company-info span::after {
        content: '';
        display: block;
    }
    footer .kakaotalk {
    }
    footer .kakaotalk a {
        display: inline-block;
        padding-left: 35px;
        background: transparent url('/images/icon-kakaotalk.png') 0 50% no-repeat;
        line-height: 26px;
        vertical-align: middle;
        color: #868686;
        text-decoration: none;
    }
    @media screen and (max-width: 810px) {
        footer .inner {
            width: auto;
            height: auto;
            padding: 28px 0;
        }
        footer p.logo {
            width: 100%;
            margin: 2px auto 40px;
        }
        footer .inner > section, 
        footer .inner > p {
            float: none;
            width: auto;
        }
        footer section {
            margin: 20px 0;

        }
        footer p {
            text-align: center;
        }
    }
    @media screen and (min-width: 811px) and (max-width: 1199px) {
        footer .inner {
            width: calc(210px*3 + 120px);
            height: auto;
            padding: 28px 0;
        }
        footer .inner > section, 
        footer .inner > p {
            width: 210px;
        }
        footer .inner p.kakaotalk {
            width: 120px;
        }
    }
/* END::footer */

/* scaffolding */