@charset "UTF-8";

/* TODO : Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* TODO : Common */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
/*
    src: url(../font/NotoSans/NotoSansKR-Thin.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Thin.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Thin.otf) format('opentype')
*/
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
/*
    src: url(../font/NotoSans/NotoSansKR-Light.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Light.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Light.otf) format('opentype')
*/
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
/*
    src: url(../font/NotoSans/NotoSansKR-Regular.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Regular.otf) format('opentype')
*/
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
/*
    src: url(../font/NotoSans/NotoSansKR-Medium.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Medium.otf) format('opentype')
*/
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
/*
    src: url(../font/NotoSans/NotoSansKR-Bold.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Bold.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Bold.otf) format('opentype')
*/
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
/*
    src: url(../font/NotoSans/NotoSansKR-Black.woff2) format('woff2'),
    url(../font/NotoSans/NotoSansKR-Black.woff) format('woff'),
    url(../font/NotoSans/NotoSansKR-Black.otf) format('opentype')
*/
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: 100%;

    font-family: "Noto Sans KR", sans-serif;
    font-weight: 400;
    font-size: 16px;
    min-width: 1400px;

    -webkit-tap-highlight-color: transparent;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
    border: transparent;
    outline: transparent;
}

.blind {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}

h1{font-size: 55px}
h2{font-size: 45px}
h3{font-size: 35px}
h4{font-size: 24px}
h5{font-size: 18px}

/* TODO : Modal */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100;

    opacity: 0;
    pointer-events: none;
    transition: opacity .35s;
}

.modal.on {
    pointer-events: auto;
    opacity: 1;
}

.modal .modal-content {
    opacity: 0;
    pointer-events: none;
}

.modal.on .modal-content.on {
    pointer-events: auto;
    opacity: 1;
}

.modal .modal-content.tell-info.on {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal .modal-content.terms.on {
    position: relative;
    margin: 0 auto;
    width: 650px;
    height: 350px;
    background-color: #ffffff;
    font-size: 16px;
    color: #222222;
    line-height: 1.5em;
    padding: 50px 20px 35px;
    overflow: auto;
}

.modal .btn-modal-close {
    position: absolute;
    top: 35px;
    right: 30px;
    width: 25px;
    height: 25px;
    background: url(../../resources/main/btn-modalclose.png) center no-repeat;
}

/* TODO : Reveal Motion */

/* .reveal {
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
}

.reveal.action {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0);
    overflow: hidden;
}

.reveal-top {
    transform: translate(0, -30px);
}

.reveal-bottom {
    transform: translate(0, 30px);
}

.reveal-right {
    transform: translate(-50px, 0);
}

.reveal-left {
    transform: translate(50px, 0);
}
 */
/* TODO : Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100px;
    background-color: rgba(255, 255, 255, 1);
}

.header .header-inner {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.header .header-inner .logo {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -35px;
    width: 205px;
    height: 70px;
    background: url(../../resources/logo.png) center no-repeat;
}

.header .header-inner .gnb {
    position: absolute;
    /*top: 50%;
    transform: translate(0, -50%);*/
    /* overflow: hidden; */
    height:75px;
    margin-top:25px;
    line-height:50px;
    right: 0;
}

.header .header-inner .gnb a {
    position: relative;
    padding: 10px;
    display: block;
    float: left;
    text-align: center;
    margin-left: 25px;
    font-size: 20px;
    font-weight: 500;
    color:#888888;
    height:100%;
}

.header .header-inner .gnb a.on{
    color: #222;
    border-bottom:2px solid #e60012;
}


.header .header-inner .gnb a:first-child {
    margin-left: 0;
}

.header .header-inner .gnb .radius_menu {border: 1px solid #222; border-radius: 50px; color: #888; transition: all 0.3s; padding:0 10px 0 10px; margin-top:10px; height:auto;}
.header .header-inner .gnb .radius_menu:hover{border: 1px solid #e60012; border-radius: 50px; background: #e60012; color: #fff !important;}

/* TODO : Footer */
.footer {
    border-top: 1px solid #ccc;
    background-color: #fff;
    height: 150px;
}

.footer .footer-inner {
    text-align: center;
    padding: 42.5px 0;
    width: 1200px;
    margin: 0 auto;
    letter-spacing: -0.3px;
    font-size: 16px;
    color: #cccccc;
    font-weight: 300;
    line-height: 1.5em;
}

.footer .footer-inner span{
    display: inline-block;
    position: relative;
    padding: 0 8px 0 5px;
}

.footer .footer-inner span::after{
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    position: absolute;
    top:6px;
    right: 0;
    background-color: #DDDDDD;
}

.footer .footer-inner span:last-child::after{
    display: none;
}

.footer .footer-inner em {
    font-weight: 500;
}

.footer .footer-inner .copyright {
    margin-top: 23px;
    color: #aaa !important;
    padding-left: 5px;
}

/* TODO : Snb */
.snb {
    position: fixed;
    z-index: 90;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
}

.snb a {
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
}

.section .container {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1200px;
    height: 100%;
}

.section h2 {
    font-size: 45px;
    font-weight: 500;
    text-align: center;
    line-height: 1.25em;
}

.section h2 span {
    font-size: 30px;
    font-weight: 400;
}

/* TODO : Section 1 */
#section-1 {
    height: 805px;
   /* background: url(../img/content/main_slide_01.jpg) bottom no-repeat; */
}

#section-1 .swiper-container {
    margin-top:100px;
}

#section-1 .intro {
}

#section-1 .intro h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
/*    margin: -150px 0 0 -324px;*/
    width: 100%;
    height: 180px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

#section-1 .btn-scroll-down {
    overflow: inherit;
    position: absolute;
    bottom: 3%;
    left: 50%;
    background: transparent;
    transform: translate(-50%, 0);
}

#section-1 .btn-scroll-down i {
    display: block;
    margin: 0 auto;
    width: 35px;
    height: 39px;
    background: url(../../resources/main/btn-scroll-down.png) center no-repeat;

    animation: scrollDownButton 1s infinite alternate;
}

@keyframes scrollDownButton {
    0% {
        transform: translate(0, -10px);
    }
    100% {
        transform: translate(0, 0);
    }
}

#section-1 .btn-scroll-down span {
    display: block;
    margin: 15px auto 0;
    text-indent: -9999px;
    width: 100px;
    height: 11px;
    background: url(../../resources/main/txt-scroll-down.png) center no-repeat;
}

#section-1 .swiper-container-horizontal>.swiper-pagination-bullets, #section-1 .swiper-pagination-custom, #section-1 .swiper-pagination-fraction {
    bottom:50px;
}

#section-1 .swiper-pagination-bullet {
    width:15px;
    height:15px;
}
#section-1 .swiper-pagination-bullet-active {
    background:#e60012;
}

.section.icon_slider .swiper-button-next, .section.icon_slider .swiper-container-rtl .swiper-button-prev {
    top:15%;
    background:#fff;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
    color:#730009;
    right:22px;
}

.section.icon_slider .swiper-button-prev, .section.icon_slider .swiper-container-rtl .swiper-button-next {
    top:15%;
    right:0;
    left:auto;
    background:#fff;
    line-height:20px;
    width:20px;
    height:20px;
    text-align: center;
    color:#730009;
}

/* TODO : Section 2 */
#section-2 {
    height: 1100px;
    padding: 70px 0;
}

#section-2 .career {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
/*    background:url(../img/content/main_cont1_img_01.jpg) center no-repeat;*/
    padding: 90px 50px;
/*    box-shadow: 20px 20px 20px #191919;*/
}

#section-2 .career h3 {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.3px;
    padding-bottom: 20px;
}

#section-2 .career li {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5em;
}

#section-2 .img {
    position: absolute;
    bottom: 0;
    right: 55px;
}

#section-2 .img p {
    position: absolute;
    bottom: 15px;
    right: -55px;

    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.3px;
}

/* TODO : Section 3 */
#section-3 {
    height: 400px;
    padding: 70px 0;
    text-align: center;
    color: #fff;
    background: url(../../resources/main/main_cont3_bg.jpg) center no-repeat;
    background-attachment: fixed
}

#section-3 .explanation {
    display: inline-block;
}

#section-3 .explanation::after {
    content: '';
    display: block;
    clear: both;
}

/* TODO : Section 4 */
#section-4 {
    padding: 70px 0;
    height: auto;
}

#section-4 h2 {
    margin-bottom: 20px;
}

#section-4 table {
    width: 100%;
    margin-bottom: 50px;
    border-collapse: collapse;
    border-top: 2px solid #ffffff;
    border-bottom: 1px solid #ffffff;

    font-size: 18px;
    color: #ffffff;
    text-align: center;
}

#section-4 table tr {
    height: 70px;
}

#section-4 table tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.3);
}

#section-4 table tr th {
    table-layout: fixed;
    position: relative;
    vertical-align: middle;
}

#section-4 table tr th::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    display: block;
    width: 2px;
    height: 10px;
    opacity: .5;
    background-color: #fffefe;
}

#section-4 table tr td {
    vertical-align: middle;
}

#section-4 .reference {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    color: #ffffff;
}

#section-4 .accordian_dotted.reveal.reveal-top.action ul {
    display:none;
    overflow:inherit!important;
}

\
/* TODO : Section 5 */
section#section-5.section {
    padding: 70px 0;
    height: 1080px;
    background: #f7f7f7;
}

#section-5 h2 {
    color: #222;
    margin-bottom: 20px;
}

#section-5 h2 span {
    color: #333333;
}

#section-5 .procedure {
    width: 1200px;
    height: 300px;
    position: relative;
    margin-bottom: 90px;
    text-align: center;
}

#section-5 .procedure h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    color: #4f0d0d;
    text-align: center;
    position: relative;
    padding: 5px 20px;
}

#section-5 .procedure h3::after,
#section-5 .procedure h3::before {
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    border: 2px solid #767676;
}

#section-5 .procedure h3::after {
    left: 0;
    border-right: transparent;
}

#section-5 .procedure h3::before {
    right: 0;
    border-left: transparent;
}

#section-5 .procedure li {
    position: absolute;
    bottom: 0;
}

#section-5 .procedure li span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.3px;
    color: #ffffff;
    line-height: 1.3em;
}

#section-5 .procedure li span a {
    font-weight: 300;
    color: #444444;
}

#section-5 .procedure-01 li:nth-child(1) {
    left: 0;
    z-index: 40;

    width: 461px;
    height: 221px;
    background: url(../img/content/procedure-arrow-01.png) center no-repeat;

    transition-delay: 0s;
}

#section-5 .procedure-01 li:nth-child(2) {
    left: 240px;
    z-index: 30;

    width: 462px;
    height: 221px;
    background: url(../img/content/procedure-arrow-02.png) center no-repeat;

    transition-delay: 0.2s;
}

#section-5 .procedure-01 li:nth-child(3) {
    left: 495px;
    z-index: 20;

    width: 462px;
    height: 221px;
    background: url(../img/content/procedure-arrow-03.png) center no-repeat;

    transition-delay: 0.4s;
}

#section-5 .procedure-01 li:nth-child(4) {
    right: 0;
    bottom: 30px;
    z-index: 10;

    width: 361px;
    height: 159px;
    background: url(../img/content/procedure-arrow-04.png) center no-repeat;

    transition-delay: 0.6s;
}

#section-5 .procedure-02 li:nth-child(1) {
    left: 0;
    z-index: 40;

    width: 461px;
    height: 221px;
    background: url(../img/content/procedure-arrow-05.png) center no-repeat;

    transition-delay: 0s;
}

#section-5 .procedure-02 li:nth-child(2) {
    left: 240px;
    z-index: 30;

    width: 462px;
    height: 221px;
    background: url(./img/content/procedure-arrow-06.png) center no-repeat;

    transition-delay: 0.2s;
}

#section-5 .procedure-02 li:nth-child(3) {
    left: 495px;
    z-index: 20;

    width: 462px;
    height: 221px;
    background: url(./img/content/procedure-arrow-07.png) center no-repeat;

    transition-delay: 0.4s;
}

#section-5 .procedure-02 li:nth-child(4) {
    right: 0;
    bottom: 30px;
    z-index: 10;

    width: 361px;
    height: 159px;
    background: url(./img/content/procedure-arrow-08.png) center no-repeat;

    transition-delay: 0.6s;
}

#section-5 .lnk-choice {
    display: block;
    margin: 0 auto;
    width: 500px;
    height: 80px;
    line-height: 80px;

    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    background-color: #541212;
    border-radius: 30px;
}

#section-5.section { margin-bottom:100px; position:relative;}

/* MAIN */
.icon_slider{width: 100%; height: 250px; background: #730009}
.icon_slider .icon_slider_nav{float: right;}
.icon_slider .icon_slider_nav li{margin-top: 20px; margin-right: 2px; display: inline-block; width: 20px; height: 20px; background: #fff; text-align: center; color: #730009}
.icon_slider .icon_slider_nav li:last-child{margin-right: 0px;}
.icon_slider .icon_slider_nav li:hover{cursor: pointer}

.icon_slider ul{width: 100%; height: 100%;}
.icon_slider ul li{float: left; display: inline; margin-right: 20px;  width: 12%; height: 100%;}
.icon_slider ul li:hover{cursor: pointer;}
.icon_slider .icon_area{margin: 0 auto; margin-top: 60px; margin-bottom: 20px; width: 100px; height: 100px; border: 2px solid #fff; border-radius: 100%;}
.icon_slider .icon_title{text-align: center; color: #fff}

/* MAIN - Content 2 => PRODUCT */

.title_red_line{margin: 20px auto 0; width: 50px; height: 2px; background: #e60012}
.product_login{float: right; margin: 20px 0; width: 222px; height: 35px;}
.product_login input{display: inline-block; padding-left: 10px; width: 160px; height: 36px; border: 1px solid #999; color: #666;}
.product_login input::placeholder{color: #ccc;}
.product_login a{float:right; padding: 10px; background: #96000c; color: #fff}

.triangle_left {
    position: absolute; top: 50%; left: -20px; width: 0; height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #f7f7f7;
        }
.triangle_right {
    z-index: 9999 !important;
    position: absolute; top: 50%; right: -20px; width: 0; height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #f7f7f7;
        }
.product_info_top{margin-top: 100px; width: 100%; height: 350px;}
.product_info_text_right{position: absolute; width: 51%; right: 0; background: #f7f7f7; height: 350px; padding: 20px;	overflow: hidden;}
.product_info_text_right h5{color: red; margin-bottom: 20px;}
.product_info_text_right h3{margin-bottom: 20px;}
.product_info_text_right p{color: #777; line-height: 20px; font-weight: 300 !important; font-size: 14px;}
.product_info_left_img img{width: 100% !important; height: 350px !important}

.product_info_top_bottom{margin-top: 0; width: 100%; height: 380px;}
.product_info_text_left{position: absolute; width: 49%; left: 0; background: #f7f7f7; height: 430px; padding: 20px; z-index:100;}
.product_info_text_left h5{color: red; margin-bottom: 20px;}
.product_info_text_left h3{margin-bottom: 20px;}
.product_info_text_left p{color: #777; line-height: 20px; font-weight: 300 !important; font-size: 14px;}
.product_info_right_img{position: absolute; right: 0; width: 51%;}
.product_info_left_img{position: absolute; left: 0; width: 51%;}
.product_info_right_img img{width: 100% !important; height: 430px}

.product_info_text_right a, .product_info_text_left a{float: right; margin-top: 10px; color: #96000c;}

/* MAIN - Content 3 => REFERNCE */
#section-3 h5{margin-top: 50px}
.click_btn{position: relative; padding: 10px 20px; margin: 35px auto 0; width: 170px; height: 40px; border: 1px solid #fff; border-radius: 50px; display: block; text-align: left; background: transparent; color: #fff !important; transition: all 0.3s}
.click_right_arrow{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 66px; height: 14px; background: url(../../resources/main/click_arrow.png) center no-repeat;
}
.click_btn:hover{background: #e60012; border: 1px solid #e60012}

/* MAIN - Content 4 => SUPPORT */
.sec_sub_title{margin: 20px 0 70px; text-align: center; color: #666;}

.accordian_dotted{padding: 33px; margin-bottom: 10px; width: 100%; border: 1px dotted #999; border-radius: 3px; background: #fdfdfd;}
.accordian_dotted h4{position: relative; padding-left: 20px; margin-bottom: 35px}
.accordian_dotted p{padding-left: 20px; color: #666}
.point_red_circle{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 5px; height: 5px; background: url(../../resources/main/point_red_circle.png) center no-repeat}
.ico_ar{float: right; color: #e60012; font-weight: 900; cursor:pointer;}

/* MAIN - Content 5 => ARCHAVE */

#section-5 table{margin-top: 50px; width: 100%; text-align: center;}
#section-5 th{padding: 20px; border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; color: #666}
#section-5 .th_line{position: relative;}
.th_line::after {content: ''; position: absolute; top: 40%; right: 0; width: 1px; height: 8px; background-color: #ccc;}
#section-5 th:nth-child(1){width: 10%;}
#section-5 th:nth-child(2){width: 45%;}
#section-5 th:nth-child(3){width: 15%;}
#section-5 th:nth-child(4){width: 30%;}
#section-5 td{padding: 20px; color: #444; border-bottom: 1px solid #ccc}
.notice{color: #730009 !important}
.notice_title{text-align: left;}
.td_file{position: relative;}
/* .td_file:hover{cursor: pointer} 파일 다운 테스트를 위해 권수 주석*/
.file_down{position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 10px; height: 10px; background: url(../../resources/main/file_down_icon.png) center no-repeat; cursor: pointer;}
.board_pg{    
    width: 100%;
    height: 20px;
    text-align: center;
}
.board_pg ul{
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    text-align: center;
    list-style: none;
}
.board_pg li{
    float: left;
    width: 20px;
    height: 100%;
    font-weight: 600;
    /* cursor: pointer; */
}
.board_pg ul li.page_active { border-bottom:2px solid #e60012;}
.prev_btn{background: url(../../resources/main/prev_arrow.png) center no-repeat;}                        
.next_btn{background: url(../../resources/main/next_arrow.png) center no-repeat;} 

.board_pg li > span {color: #444;}

.form_select{    
    display: block;
    width: 100%;
    max-width: 720px;
    margin: 100px auto 0;
    overflow: hidden;}

.sound_only{
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
#sfl{    
    float: left;
    position: relative;
    width: 110px;
    height: 40px;}
.form_select .form_text{    
    position: relative;
    top: 0;
    left: 0;
    float: left;
    margin-left: 10px;
    width: 500px;}
.form_select .form_text input{
    width: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
    padding: 13px 20px;
    height: 40px;
}
.form_select .btn_search{
    position: absolute;
    top: 0;
    right: 0;
    background: #999;
    border: 1px solid #999;
    color: #fff;
    width: 160px;
    height: 40px;
}

/*FOOTER*/
.footer_left{float: left; /*width: 80%;*/ display: inline; text-align: left; color: #aaa !important;}
.footer_right{float: right;/* width: 20%;*/ display: inline; text-align: right; color: #aaa !important;}
.footer_right a{color: #e60012}
.copyright{clear: both; text-align: left; display: block;}
.text_center{text-align: center}
.footer_right a.btn_send_mail { background:#e60012; color:#fff; border-radius:3px; padding:0 10px;}



/*MASTER-FAQ*/
li.btn_master { float:right; margin:10px 0;}
a.btn_master_modify { color:#fff; background:#00335b; padding:0.2em 0.5em; text-align: center; margin-right:5px;} 
a.btn_master_delete { color:#fff; background:#e60012; padding:0.2em 0.5em; text-align: center;}

#accordian { position:relative;}
div#pop_master { display:none;} 
div#pop_master.show { display:block; position:absolute; top:0; width:770px; height:600px; background:#fff;left:215px;box-shadow: 5px 10px 18px #888888;box-sizing:border-box; overflow:hidden; padding:25px 0; border:1px solid #b4b4b4;border-radius:10px;}
h4.pop_master_tit { text-align: center; margin-bottom:35px; line-height:1.5em;}
input#pop_master_faq_tit,textarea#content { width:90%; display:block; margin:0 auto; padding:1.5em; background:#f7f7f7; border:1px solid #ccc;}
input#pop_master_faq_tit { margin-bottom:10px;}
textarea#content { height:200px;}
ol.pop_master_btn { width:460px; margin:35px auto 0;}
ol.pop_master_btn li { float:left; margin-right:5px; width:150px;}
ol.pop_master_btn li.margin_none { margin-right:0;}
ol.pop_master_btn li a { display:block; text-align:center;color:#fff; padding:0.5em 1em;}
ol.pop_master_btn li a.pop_master_btn_modify { background:#00335b;}
ol.pop_master_btn li a.pop_master_btn_delete { background:#e60012;}
ol.pop_master_btn li a.pop_master_btn_cancle { background:#222222; cursor: pointer;}
#section-5 td { height: 60px; line-height:60px; padding:0; vertical-align: middle;}
#section-5 td.td_master { line-height:0;}
#section-5 td.td_master a.td_modify { background:#00335b; color:#fff; padding:5px; text-align: center; display:inline-block; height:30px; width:65px;line-height:20px; cursor: pointer;}
#section-5 td.td_master a.td_delete { background:#e60012; color:#fff; padding:5px; text-align: center; display: inline-block; height:30px; width:65px; line-height:20px; cursor: pointer;}
div#btn_master_write { width:100%; margin-top:10px; height:40px;}
div#btn_master_write a { display:inline-block; float:right; background:#e60012; color:#fff; width:65px; height:30px; line-height:20px; padding:5px; text-align: center; cursor: pointer;}

/*MASTER-WRIGHT*/
div#pop_master02 { display:none;}
/* div#pop_master02.show { display:block; position:absolute; top:25%; width:770px; height:350px; background:#fff;left:215px;box-shadow: 5px 10px 18px #888888;box-sizing:border-box; overflow:hidden; padding:25px; border:1px solid #b4b4b4;border-radius:10px; } */
div#pop_master02.show { display:block; position:absolute; top:25%; width:770px; height:600px; background:#fff;left:215px;box-shadow: 5px 10px 18px #888888;box-sizing:border-box; overflow:hidden; padding:25px; border:1px solid #b4b4b4;border-radius:10px; }
div#pop_master02.show input#pop_master_write_tit, div#pop_master02.show input#pop_master_write_serch { display:block; width:100%; padding:1em; background:#f7f7f7; border:1px solid #ccc;}
div#pop_master02.show input#pop_master_write_tit { margin:25px 0 10px;}
ol.pop_master_btn02 { width:305px; margin:30px auto; height:32px;}
ol.pop_master_btn02 li { float:left; margin-right:5px; width:150px;}
ol.pop_master_btn02 li.margin_none { margin-right:0;}
ol.pop_master_btn02 li a { display:block; text-align:center;color:#fff; padding:0.5em 1em;}
ol.pop_master_btn02 li a.pop_master_btn_submit { background:#e60012; color:#fff;}
ol.pop_master_btn02 li a.pop_master_btn_cancle { background:#222222; color:#fff; cursor: pointer;}

/* 파일 인풋 디자인 */

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.filebox label {
	display: inline-block;
	padding: .6em .75em;
	color: #ffffff;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #737373;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	width: 21%;
	margin-left: -11px;
	text-align: center;
}
.filebox .upload-name {
	display: inline-block;
	padding: 1em;
	width:80%;
	font: 400 13.3333px Arial;
	line-height: normal;
	vertical-align: middle;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.fileAdd{
	text-align: right;
	margin-top: 10px;
	width: 100%;
}
.fileAdd a{
	background: #00335b;
	color: white;
	padding: 1px 15px;
	cursor: pointer;
}
/* ADD */
#section-1 .swiper-container{
	height: inherit;
}

.mainTextA{
	position: absolute;
	width: 100%;
	top: 50%;
	z-index: 10;
	text-align: center;
	color: #fff;
	font: inherit;
	font-size: 1.5em;
	line-height: 1.3em;
}
.archiveTable{
	width: 100%;
}
.P_main{
	position: absolute;
	width: 100%;
	top: 30%;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.3em;
	color: white;
	z-index: 10;
}

/*MEDIA QUERY*/
@media screen and (max-width: 1399px){
    body { min-width:100%;}
}

@media screen and (max-width:1199px) {
    body { min-width:100%;}
    
    /*HEADER*/
    .header .header-inner { width:100%;}
    .header .header-inner .logo { width:20%; background-size:80%; background-position-x: left;}
    .header .header-inner .gnb a { font-size:0.9em;}
    .header .header-inner .gnb ul.sub_hover li a { font-size:0.9em;}
    ul.sub_hover { width:auto; padding:0 15px; left:15px;}
    
    /*MAIN*/
    #section-1 .intro h2 { font-size:1.3em;}
    .section .container { min-width: 100%;}
    #section-2 p, #section-2 a, .icon_slider .icon_title { font-size:0.9em;}
    #section-2 h5 { font-size:1em;}
    #section-2 h3 { font-size:1.5em;}
    .section h2 { font-size:2.5em;}
    .sec_sub_title, h4 { font-size:1.2em;}
    h4.sub_des_tit{font-size:1.2em;}
    /* p.sub_des_tit03{font-size: 15px;} */
    .mainTextA{font-size:1.2em;}
    
    /*SUB*/
    div.sub-main-content { padding-top:0;}
    div.sub_wrapper { min-width:100%;}
    div.sub_top_visual div.sub_wrapper { padding-top:125px;}
    div.sub_menu_tab ul li a { font-size:0.9em; padding:12px 0;}
    h3.sub_content_title { font-size:1.5em;}
    section#sub-section-2 { padding:65px 0;}
    
    ul.product_top_gallery { height:auto; overflow:hidden;}
    ul.product_top_gallery li { width:49%;}
    ul.product_top_gallery .width3 { width:48%; margin-left:2%;}
    ul.product_top_gallery li:nth-child(2n) { margin-left:2%;}
    ul.product_top_gallery .width3:nth-child(2n) { margin-left:2%;}
    ul.product_top_gallery2 li:nth-child(2n) { margin-left:2%;}
    ul.product_top_gallery li img { width:100%;}
    
    ol.product_des_tab.fixed { min-width: 100%; max-width:100%;}
    ol.product_des_tab li a { font-size:0.9em;}
    
    table.table01 tr:first-child td { font-size:14px;}
    
    p.sub_des_des02 { padding-left:10%;}
    
    /*FOOTER*/
    .footer .footer-inner { width:100%;}
    .footer_left { float:inherit; width:100%;}
    .footer_right { float:inherit; width:100%; display:block; text-align: center; margin-top:1.5em;}
    .footer .footer-inner .copyright { margin-top:2em; text-align: center; padding-left:0;}
    .footer .footer-inner span{	text-align: center;	}
}


@media screen and (max-width: 1023px){
    body { min-width:100%;}
    
    /* ADD */
    .product_info_text_right{
    	height: auto;
    }
    
    /*HEADER*/
    .header { height:auto;}
    .header .header-inner .logo { top:0; position:relative; top:0; margin:0 auto; background-size:100%;}
    .header .header-inner .gnb { position:relative; margin:0 auto; width:100%;}
    .header .header-inner .gnb a { width:14.5%; display:block;}
    ul.sub_hover { left:11%;}
    .header .header-inner .gnb .radius_menu { width:auto;}
    
    /*MAIN*/
    .product_info_top { height:auto;}
    div.product_info_top div.reveal.reveal-right.product_info_left_img.action { position:relative!important;; width:100%}
    .reveal.reveal-left.product_info_text_right.action { position:relative; width:100%; border-bottom:1px dotted #666;}
    div.product_info { margin-top:0; height:auto;}
    .product_info_text_left { width:100%; position:relative;	height: auto;	overflow: hidden;}
    .product_info_right_img { width:100%; position:relative;}
    .product_info_text_right { width:100%; position:relative;}
    .product_info_left_img { width:100%; position:relative;}
    #section-2 { height:auto; overflow:hidden; padding-bottom:0;}
    h2 { font-size:2.5em;}
    
    /*SUB*/
    div.sub_menu_tab ul { height:auto; overflow:hidden;}
    div.sub_menu_tab ul li { width:25%; height:90px; line-height:70px; padding:0; border-bottom:1px solid #666;}
    div.sub_menu_tab { border-bottom:none;}
    div.sub_menu_tab ul li.border_bd { border-bottom:1px dotted #ccc;}
    
}

@media screen and (max-width:954px) {
    #section-5 th:nth-child(2) { width:20%;}
    
    /* ADD */
    #section-1{height: 653px;}
    #section-1 .swiper-container{margin-top: 120px;}
}

@media screen and (max-width: 889px) {
    .header .header-inner .gnb a { width:13.5%;}
    ul.sub_hover { left:9%;}
    
    /*MAIN*/
    #section-1 p { font-size:0.8em;}
    
    .certificate{width: 50%;}
    
    #tableTop {margin-top:3%;}
    #tableTop2 {margin-top:3%;}
    .img033{width: 70%;}
}

@media screen and (max-width: 779px){
    body { min-width:100%;}
    
    /*SUB*/
    ul.product_top_gallery li { width:100%; padding: 0 5%;}
    ul.product_top_gallery li img { width:90%; display:block; margin:0 auto;}
    ul.product_top_gallery li:nth-child(2n) { margin-left:0;}
    
    ul.sub_des_box li { width:90%; margin:0 auto; float:inherit; }
    ul.sub_des_box li:first-child { margin:0 auto 10px;}
    
    ul.sub_des_box02 li { width:90%; margin:0 auto; width:90%; float:inherit;}
    ul.sub_des_box02 li:nth-child(2n-1) { margin:0 auto 50px;}
    
    p.sub_des { width:90%; margin:0 auto;}
    
    p.sub_des_des02 { text-align:center; padding-left:0;}  
    ul.product_top_gallery2 li{width: 100%; text-align: center;}
    ul.product_top_gallery2 li img{width: 98%;}
    ul.product_top_gallery2 li:nth-child(2n) { margin-left:0px;} 
    
    /* yj */
    .leftBox_3 { width:90%; margin:0 auto; float:inherit; }
    .one_img {width: 80%;}
    #tableTop {margin-top:0;}
    #wid90{ width: 90%; margin: 0 auto; }
    
    #wid30 .wid30{	width: 100%;	}
	#wid30 .wid30 img{	width: 80%; height: 500px;	}
	
	ul.product_top_gallery li{	float: none;	text-align: center;	}
	ul.product_top_gallery li .centerBox{	text-align: center; line-height: 1.5em;	}
    
}

@media screen and (max-width: 754px) {
    body { min-width:100%;}
    
    
    /*HEADER*/
    .header .header-inner .gnb a { width:12.5%;}
    
    /* MAIN */
   /*  .product_info_text_left{
    	height: 390px;
    } */
    
    /*SUB*/
    /*div.sub_menu_tab ul li a { padding:5px 0;}*/
    p.sub_des_des02 { padding:0 0.5em;}
    ul.sub_des_box03 li { width:90%; margin:0 auto; float:inherit;}
    ul.sub_des_box03 li:first-child { margin:0 auto 10px;}
    ul.sub_des_box03 li.last_merge { width:90%;}
    p.sub_des_des03 { width:90%; margin:0 auto;}
    
	.img033{width: 80%;}
    
    
}

@media screen and (max-width: 654px) {
    .header .header-inner .logo { width:28%;}
    .header .header-inner .gnb a { width:33%; padding:10px 0; text-align:center; margin:0;}
    .header .header-inner .gnb .radius_menu { width:33%; height:50px; line-height:50px;}
    /*MAIN*/
    table.reveal.reveal-top.action tr td:nth-child(3), table.reveal.reveal-top.action tr th:nth-child(3) { display:none;}
    .header .header-inner .gnb { height:60px; line-height:60px;}
    
    #sfl { width:40%; float:inherit; margin-bottom:10px;}
    .form_select .form_text { width:auto; margin:0; float:inherit; }
    .form_select .form_text input { width:80%;}
    .form_select .btn_search { position: relative; margin-top: 10px;}
    
    ol.pop_master_btn { width:90%;}
    ol.pop_master_btn li { width:33%; margin:0}
    ol.pop_master_btn li:nth-child(2) { margin:0 0.5%;}
    
    #section-5 td.td_master a.td_modify, #section-5 td.td_master a.td_delete { display:block;}
    #section-5 tr th:last-child { width:1%;}
    
    .archiveTable{
    overflow-x: scroll;
    white-space:nowrap;
    }
    #section-5 table{
    	width: 600px;
    	margin: 0 auto;
    	margin-top: 50px
    }
    #section-1 p{
    	font-size: 0.5em;
    	width: 90%;
    	margin: 0 auto;
    }
    
    /*SUB*/
    ul.sub_hover { left:33%; width:33%; z-index:999; top:60px;}
    div.sub-main-content { clear:both;}
    .header .header-inner .gnb ul.sub_hover li a { line-height:1.5em;}
    div.location { width:50%; margin:0 auto;}
    ol.product_des_tab li { height:100%;}
    ol.product_des_tab li a { padding-top:10%;}
    .file_down { display:none;}
    .btnDiv { left: 0; transform: none; margin-left: 13%;}
    
}

@media screen and (max-width: 479px) {
	
	/* ADD */
	#section-1{height: 470px;}
    #section-1 .swiper-container{margin-top: 163px;}
	
    body { min-width:100%;}
    
    /*MAIN*/
    .product_info_text_left { height:auto;}
    .product_info_text_left a { margin-top:0;}
    #accordian { font-size:0.9em;}
    #section-5 td { font-size:0.9em; line-height:1.2em;}
    
    
    /* SUB */
    ol.product_des_tab li a { font-size:0.8em;}
    p.txt_test_guide { font-size:1em;}
    
    /*FOOTER*/
    .footer .footer-inner em { font-size:0.9em;}
    .footer .footer-inner .copyright { font-size:0.9em;}
    
    .btnDiv{margin-left: 3%;}
    .product_top_gallery01 li{
    	width: 90%;
    }
    .img033{
    	width: 90%;
    }
}