@charset "utf-8";

/* CSS Document */

@import url(http://font.googleapis.com/css?family=Open+Sans:300italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic);
@import url(http://font.googleapis.com/earlyaccess/nanumgothic.css);

/*@import url(http://font.googleapis.com/css?family=Open+Sans:400,700);*/

@font-face {
    font-family: 'MalgunGothic';
    font-style: normal;
    font-weight: 400;
    src: url(../font/MalgunGothic.eot);
    src: url(../font/MalgunGothic.eot?#iefix) format('embedded-opentype'), url(../font/MalgunGothic.woff) format('woff'), url(../font/MalgunGothic.TTF) format('truetype');
}

html,
body {
    font-size: 13px;
    color: #393939;
    font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '돋움', dotum, sans-serif;
    /* overflow-x: hidden;*/
}

.soft,
a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

div,
li,
ul,
p,
span,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '돋움', dotum, sans-serif;
    list-style: none;
    padding: 0;
    margin: 0;
}


/* 서브페이지 우측 스크롤메뉴 */

#quick_wrap {
    width: 1170px;
    margin: 0 auto;
    text-align: left;
    margin-top: 0px;
    position: relative;
}

#quickmenu_sub {
    position: absolute;
    right: -127px;
    top: 133px;
    width: 126px;
    height: auto;
    z-index: 1
}

#quickmenu_sub {
    float: left;
}

#quickmenu_sub a img {
    vertical-align: middle;
}

#quickmenu_sub .quick_list {
    width: 87px;
    background-color: #f8f8f8;
    border: 1px #e8e8e8 solid;
    padding: 10px 6px;
    margin-top: 7px;
}

#quickmenu_sub .quick_list p {
    text-align: center;
}

#quickmenu_sub .quick_list li:first-child {
    padding-left: 3px;
}

#quickmenu_sub .quick_list li {
    display: inline;
    text-align: center;
}

#quickmenu_sub .quick_list p.text {
    margin-top: 10px;
}


/* 가로사이즈 */

.full_width {
    width: 100%;
    clear: both;
}

.wz_container {
    width: 1170px;
    margin: 0 auto;
    clear: both;
}

.wz_container_full {
    width: 2000px;
    margin: 0 auto;
    clear: both;
}


/*메인컬러 */

.color-green {
    background-color: #7ba630;
}

.color-font {
    color: #0070bd;
}

.section:before,
.section:after {
    display: block;
    content: "";
    line-height: 0;
    clear: both;
}


/*버튼 */

.wz_btn {
    border: 1px #dad9d9 solid !important;
    font-size: 12px !important;
    color: #4d4d4d !important;
    font-weight: 900 !important;
}


/* 기본마감 */

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


/* 레이아웃 */

#header-bottom .company {
    float: left;
    border-top: 1px #eee solid;
}

#header-bottom .company h4 {
    float: left;
    font-weight: 900;
    padding-bottom: 8px;
    margin-top: 15px;
}

#header-bottom .company p {
    line-height: 18px;
    text-align: left;
    clear: both;
    margin-bottom: 12px;
}

#header-bottom .company dl {
    float: left;
    clear: both;
}

#header-bottom .company dl dt {
    font-weight: 600;
    color: #000;
    float: left;
    margin-right: 10px;
}

#header-bottom .company dl dd {
    float: left;
}

#header-bottom .company .add {
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    float: left;
    clear: both;
    padding: 12px 0;
    margin-top: 12px;
    text-align: left;
}

#header-bottom .company .add p {
    padding-top: 5px;
    font-weight: 600;
    color: #000;
    font-size: 11px;
    padding-bottom: 10px;
}

.portfolio-item-title a {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    color: #555;
    font-weight: 700;
}
.portfolio-item-terms span {
   font-family: 'Ubuntu', sans-serif;
    letter-spacing: 0;
}

.portfolio-item-title a:hover {
    color: #000 !important;
}

.section_content {
    margin-right: 80px;
}

.section_content .sub_name2 {
    font-size: 42px;
    color: #000;
    padding-bottom: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    line-height: 48px;
}

@media screen and (max-width:900px) {
    .section_content {
        margin-right: 0;
    }
}
.sub_mtitle {
    padding-top:80px;padding-bottom:45px;
}
.wzd_s_title {
    border-bottom: 1px #eee solid;
    padding-bottom: 50px;
}

.wzd_s_title h3 {
    font-size: 42px;
    font-weight: 400;
    padding-bottom: 15px;
    color: #000;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
}

.wzd_s_title h3 p.text {
    font-size: 16px;
    clear: both;
    display: none;
}
.wzd_s_conty {
    padding-top:40px;padding-bottom:0px;
    
}

.wzd_s_title h5 {
    font-size: 14px;
    font-weight: 400;
    color: #272727;
    text-align: center;
    font-family: 'Ubuntu Mono', sans-serif;
}

.right_video {
    margin-top: 0;
}

.right_video h5 {
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 15px;
}

.right_video h5 i {
    font-size: 25px;
    margin-right: 6px;
}

.right_download {
    margin-top: 10px;
}

.right_download h5 {
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    padding-bottom: 15px;
}

.right_download h5 i {
    font-size: 25px;
    margin-right: 6px;
}

.right_download .sheet {
    border: 1px #ededed solid;
    background-color: #f7f7f7;
    line-height: 50px;
    height: 50px;
    margin-bottom: 4px;
}

.right_download .sheet a {
    padding-left: 30px;
    font-size: 14px;
    color: #575757;
    display: block;
}

.right_download .sheet a:hover {
    background-color: #292424;
    color: #fff;
}

.right_download .sheet i {
    float: right;
    font-size: 20px;
    margin-top: 18px;
    margin-right: 20px;
}


/*#navigation { text-align:left;}
#navigation ul {padding-left:30px;}
#navigation ul ul {}
#navigation li { text-align:left;}*/

.product_wrap a {
    color: #0045B0;
    text-decoration: underline;
    font-weight: 700;
}
span.point {
        color: #0045B0;
    text-decoration: underline;
    font-weight: 700;
}

.product_wrap {
    font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '돋움', dotum, sans-serif;
    font-size: 14px;
}
.product_wrap h4 {
    font-weight: 700;
    padding-bottom: 12px;
}
.product_wrap h5 {
    font-weight: 700;
    padding-bottom: 12px;
}

.product_wrap dl {
    margin-bottom: 12px;
}

.product_wrap dl dt {
    background-color: #eee;
    padding: 9px 0px 9px 12px;
    font-weight: 600;
    font-size: 14px;
}

.product_wrap dl dt i {
    float: right;
    padding-right: 18px;
    padding-top: 5px;
}

.product_wrap dl dd {
    padding: 9px 0px 9px 12px;
    border: 1px #eee solid;
}

.product_wrap ol {
    border-left: 8px #eee solid;
}

.product_wrap ol li:before {
    content: " - ";
}
.product_wrap .b-image {
    border: 1px #ddd solid;
    text-align: center;
padding-top: 20px;
padding-bottom: 20px;}
.product_wrap .wzd_table {
    
}
.product_wrap .pick_wrap {
    margin-top: 30px;
}
.product_wrap .pick_wrap .row {
    margin-left: -6px;
    margin-right: -6px;
}
/* .product_wrap .pick_wrap .row {
    padding-left: 11px;
    padding-right: 11px;
}
.product_wrap .pick_wrap .col-md-4 {
    margin-right: 4px;
    margin-left: 4px;
} */
@media(max-width:768px) {
    /* .product_wrap .pick_wrap .col-xs-6 {width:50%;}
    .product_wrap .pick_wrap .col-xs-6:nth-child(2n+1) {clear:left;}
    .product_wrap .pick_wrap .thumbnail img {
        height: 284px;
        width: auto;
    } */
}
.product_wrap .pick_wrap .thumbnail {
    text-align: center;
    border: 1px #ddd solid;
    margin-bottom: 20px;
    margin-right: 6px;
    margin-left: 6px;
}
.product_wrap .pick_wrap .caption {
    text-align: center;
    margin-top: 20px;
}
.product_wrap .pick_wrap .caption h3 {
    font-size:16px;
    font-weight:900;
    /* background: #00559C; */
}
.product_wrap .pick_wrap .thumbnail p {
     position: absolute;
     background: #00559C;
     color: #fff;
     padding: 3px 12px;
     font-size:12px;
     font-weight:600;
}
.product_wrap .wzd_table thead th {
    background-color: #f7f7f7;
    text-transform:lowercase !important;
    
    
}
.product_wrap .wzd_table tbody th {
    background-color: #f7f7f7;
    font-size: 12px; 
    min-width: 80px;
    
}
.product_wrap .wzd_table.s17 tbody th {
    text-align: left;
}
.product_wrap .wzd_table tbody td {
    font-size: 12px;
}
.product_gallery {
    margin-top: 30px;
}

.product_wrap .text_title {
    font-size: 14px;
    font-weight: 900;

}
.product_wrap .text_title.s17 {
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px #eee solid;
    padding-bottom: 30px;
    padding-top: 30px;
    border-top: 2px #000 solid;
    margin-bottom: 40px;
}

.product_gallery h3 {
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px #eee solid;
    padding-bottom: 10px;
}

.product_gallery i {
    margin-right: 4px;
}

.product_gallery .row {
    text-align: center;
}
.product_gallery p.ex {margin-top: 5px; font-weight: 700;}
.product_gallery .sub15_table {
    padding-left: 30px;
}
section.downloard {
    padding: 20px 30px;
    border: 1px #e6e6e6 solid;
}
.video_wrap {
    
}
.gray_line {border-bottom: 1px #eee solid;}

@media only screen and (max-width: 1279px) {
    .sub_menu_wrap h2 {
        margin-top: 30px;
    }
}
/*comapny */
.sub_company {
    text-align: center;
}
.sub_company h3 {font-size: 38px; font-weight: 700; padding-bottom: 30px;}
.sub_company p {
    font-size: 18px; line-height: 34px; padding-bottom: 30px;
}
.sub_company h4 {
    margin-top: 50px; margin-bottom: 30px;
}
.sub_company {
padding-bottom: 30px;
}
.sub_company h4.location {
    font-weight: 700;
    margin-bottom: 14px;
}
.sub_company p.location {
    font-size: 14px;
    line-height: 26px;
}
#maps {
    padding-top: 25px;
    border-top: 1px #eee solid;
    margin-top: 30px;
    
}
#maps button {
    border-radius: 0;
    font-weight: 700;
    font-size: 11px;
   
}
#maps-right {
    padding-left: 10px;
    padding-right: 10px;
}
#maps-right button {
    text-align: center;
    font-weight: 700 !important;
    font-size: 10px;
    
}
/* 모바일일시 */

    @media only screen and (max-width: 480px) {
    .sub_mtitle {
        padding-top: 40px;
        padding-bottom: 45px;
    }
    .wzd_s_title {
        border-bottom: 1px #eee solid;
        padding-bottom: 20px;
    }
    .wzd_s_title h3 {
        font-size: 23px;
        font-weight: 400;
        padding-bottom: 0;
        color: #000;
        text-align: center;
        font-family: 'Ubuntu', sans-serif;
    }
    .wzd_s_title h3 p.text {
        font-size: 16px;
        clear: both;
        display: none;
    }
    .wzd_s_title h5 {
        font-size: 14px;
        font-weight: 400;
        color: #272727;
        text-align: center;
        font-family: 'Ubuntu Mono', sans-serif;
        line-height: 16px;
    }
    .section_content .sub_name2 {
        font-size: 32px;
        color: #000;
        padding-bottom: 20px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 400;
        line-height: 32px;
    }
    .wzd_s_conty {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    #maps {
        display: none;
    }
    #navigation .my-sub-menu a {
        padding: 1px 10px;
    }
        
}