@charset "utf-8";

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

@font-face {
    font-family: 'NBL';
    src: url('../fonts/NanumBarunGothicUltraLight.eot');
    src: url('../fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/NanumBarunGothicUltraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.outline {
    outline: 1px solid red;
}

body {
    font-family: "NBG";
    font-size: 15px;
    line-height: 18px;
    color: #666;
    word-break: keep-all;
}

a {
    text-decoration: none;
}

.bold {
    font-weight: 600 !important;
}

.normal {
    font-family: "NBG";
}

.title.fs36 {
    font-size: 36px !important;
    line-height: 50px;
    margin: 50px 0 30px !important;
    letter-spacing: -1px;
    font-weight: 600;
}

.title.fs32 {
    font-size: 32px;
    line-height: 42px;
    margin: 50px 0 30px !important;
}

.title.fs24 {
    font-size: 24px;
    line-height: 35px !important;
}

.title.fs21 {
    font-size: 21px;
    line-height: 35px !important;
}

.title.fs18 {
    font-size: 18px;
    line-height: 25px !important;
}

.title.line {
    padding: 30px 0;
    border-bottom: 1px solid #dfe3e6 !important;
}

.title .add {
    float: right;
    font-size: 13px;
    color: #666 !important;
    font-weight: normal;
    position: relative;
    top: 20px;
}

.blue {
    color: #4c7a98 !important;
}

.light_blue {
    color: #0075c2 !important;
}

.black {
    color: #333 !important;
}

.fs18 {
    font-size: 18px;
    line-height: 25px !important;
}

ul.disc,
ol.disc {
    list-style: disc !important;
}

ul.decimal,
ol.decimal {
    list-style: decimal !important;
}

.left_pic {
    min-height: 224px;
    margin-bottom: 50px;
    padding-left: 430px;
    position: relative;
}

p {
    line-height: 28px;
}

textarea:focus,
input:focus,
button:focus {
    outline: none;
}

.img_center {
    display: block;
    margin: 0 auto;
}

.border_b_none {
    border-bottom: none !important;
}

.border_top {
    border-top: 1px solid #ddd;
}

caption,
legend,
.hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}

.al {
    text-align: left !important;
}

.ac {
    text-align: center !important;
}

.ar {
    text-align: right !important;
}

.line_h30 {
    line-height: 30px !important;
}

.line_h50 {
    line-height: 50px !important;
}

.inblock {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.dnone {
    display: none !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fn {
    float: none !important;
}

.cb {
    clear: both !important;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.pt20 {
    padding-top: 20px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 25px !important;
    margin-left: 350px;
}

.mt125 {
    margin-top: 125px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.wd680 {
    width: 680px !important;
}

.h100 {
    height: 100px !important;
}

.ellipsis {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.col2_1 {
    display: inline-block;
    margin-right: -3px;
    width: 50%;
    width: calc((100% / 2) * 1);
    vertical-align: top;
}

.col3_1 {
    display: inline-block;
    margin-right: -3px;
    width: 33%;
    width: calc((100% / 3) * 1);
    vertical-align: top;
}

.col4_1 {
    display: inline-block;
    margin-right: -3px;
    width: 25%;
    width: calc((100% / 4) * 1);
    vertical-align: top;
}

.tab {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tab li a {
    display: inline-block;
    transition: 0.3s;
}

.tab_line {
    position: relative;
    overflow: hidden;
}

.tab_line:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #555;
    z-index: 30;
}

.tab_line li {
    float: left;
}

.tab_line li a {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #999;
    background-color: #f6f7f8;
    padding: 17px 0 14px;
    border: 1px solid #dfe3e6;
}

.tab_line li a.active {
    position: relative;
    background-color: #0075c2;
    z-index: 50;
    color: #fff;
    border: 1px solid #555;
    border-bottom: 1px solid #0075c2;
}

.tab_line.one {
    padding: 0 353px;
}

.tab_line.one li {
    width: 436px;
}

.tab_line.two {
    padding: 0 135px;
}

.tab_line.two li {
    width: 50%;
}

.tab_line.three {
    padding: 0 135px;
}

.tab_line.three li {
    width: 33%;
}

.tab_line.four {
    padding: 0 18px;
}

.tab_line.four li {
    width: 25%;
}

.tab_line.five {
    padding: 0 18px;
}

.tab_line.five li {
    width: 20%;
}

.tab_line.six li {
    width: 16.6%;
}

.tab_line.seven li {
    width: 14.28%;
}

.tab_line.wd1142 {
    width: 1142px;
    margin: 0 auto 50px;
}

.tab_2depth {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    text-align: center
}

.tab_2depth.w500 {
    width: 500px
}

.tab_2depth.w1000 {
    width: 1000px
}

.tab_2depth li {
    display: inline-flex;
    flex-grow: 1;
    height: 54px
}

.tab_2depth li a {
    display: block;
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 54px;
    color: #999;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box
}

.tab_2depth li a.active {
    font-weight: bold
}

.tab_2depth li a.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 3px
}

.tab_2depth.green a.active {
    color: #5aba42
}

.tab_2depth.green a.active:after {
    background-color: #5aba42
}

.tab_2depth.blue a.active {
    color: #0075c2
}

.tab_2depth.blue a.active:after {
    background-color: #0075c2
}

.tab_2depth.green a.active {
    color: #5aba42
}

.tab_2depth.green a.active:after {
    background-color: #5aba42
}

.tab_2depth.orange a.active {
    color: #f18026
}

.tab_2depth.orange a.active:after {
    background-color: #f18026
}

.tab_3depth {
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    text-align: center
}

.tab_3depth {
    width: 400px
}

.tab_3depth li {
    display: inline-flex;
    flex-grow: 1;
    height: 54px
}

.tab_3depth li a {
    display: block;
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 54px;
    color: #999;
    box-sizing: border-box
}

.tab_3depth li a.active {
    font-weight: bold;
    color: #0075c2
}

.tab_3depth li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 2px;
    height: 30px;
    background-color: #cdcdcd
}

.tab_3depth li:first-child a::before {
    display: none
}

.product_ico {
    position: relative;
    overflow: hidden;
    padding: 13px 0 26px 0;
    border-bottom: 1px solid #dfe3e6;
}

.product_ico li {
    float: left;
    margin-top: 15px;
}

.product_ico li a {
    height: 35px;
    display: block;
    position: relative;
    padding: 19px 20px 0 85px;
    font-size: 16px;
    color: #333;
}

.product_ico li a:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 20px;
    top: 0;
    width: 54px;
    height: 54px;
    background-color: #9ab7ca;
    border-radius: 50px;
    background-image: url(../images/spr_product.png);
    background-repeat: no-repeat;
}

.product_ico li a:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    right: 0;
    top: 17px;
    width: 1px;
    height: 22px;
    background-color: #e1e5e7;
}

.product_ico li a.active {
    font-weight: bold;
}

.product_ico li a.active:after {
    background-color: #0075c2;
}

.product_ico li a:focus {
    outline: none;
}

.product_ico li:nth-child(1) a:after {
    background-position: 8px -543px;
}

.product_ico li:nth-child(2) a:after {
    background-position: -42px -543px;
}

.product_ico li:nth-child(3) a:after {
    background-position: -90px -540px;
}

.product_ico li:nth-child(4) a:after {
    background-position: -143px -542px;
}

.product_ico li:nth-child(5) a:after {
    background-position: 8px -590px;
}

.product_ico li:nth-child(6) a:after {
    background-position: -42px -591px;
}

.product_ico li:nth-child(7) a:after {
    /* 수술관련기기 */
    background-position: -143px -593px;
}

.product_ico li:nth-child(8) a:after {
    /* 멸균기 */
    background-position: -193px -592px;
}

.product_ico li:nth-child(9) a:after {
    /* 산부인과,유아케어 */
    background-position: 10px -638px;
}

.product_ico li:nth-child(10) a:after {
    /* 페활량케어 */
    background-position: -42px -637px;
}

.product_ico li.etc a:after,
.product_ico li:last-child a:after {
    /* 기타 */
    background-position: -90px -589px;
}

.product_ico li.etc a:before {
    /* 기타 */
    display: none;
}

#mask {
    width: 1102px !important;
    overflow: hidden;
    margin: 0 auto;
}

#panel .tab_cont {
    float: left;
    width: 1102px !important;
    display: block !important;
    margin: 0 20px;
}

.tab_cont {
    padding: 40px 0;
}

.subtab_cont {
    padding: 65px 0 40px;
}

.subtab_cont .scroll-box {
    max-height: 660px;
    /* 원하는 높이로 조절 */
    overflow-y: auto;
    border: 0.5px solid #ccc;
    /* 박스의 경계선 */
    padding: 10px;
    box-sizing: border-box;
    /* padding을 포함하여 크기를 계산 */
}

.skipNavi {
    position: absolute;
    top: -80px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 80px;
    text-align: center;
}

.skipNavi a {
    width: 100%;
    background-color: #252;
    color: #fff;
}

.skipNavi a:active,
.skipNavi a:focus {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 100;
    height: 25px;
    padding: 10px 0 0 0;
}

.ellipsis_two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    line-height: 1.6em;
    height: 50px;
}

table {
    table-layout: fixed;
}

table td {
    word-break: keep-all;
    word-wrap: normal;
}

button {
    display: inline-block;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    font-family: ntk-m;
}

.btn {
    display: inline-block;
    display: inline-block !important;
    height: 18px;
    padding: 12px 50px 10px;
    margin: 0 1px;
    color: #fff !important;
    text-align: center;
    letter-spacing: -0.5px;
}

.btn.big {
    width: 168px;
    height: 25px;
    padding: 17px 36px 10px;
    margin-right: 8px;
}

.btn.big.arr {
    background-image: url(../images/spr.png);
    background-position: 200px -130px;
}

.btn.grayblue {
    background-color: #0075c2;
    transition: background-color 0.5s ease 0s;
}

.btn.grayblue:hover {
    background-color: #00568f;
}

.btn.blue {
    background-color: #0075c2;
    transition: background-color 0.5s ease 0s;
}

.btn.blue:hover {
    background-color: #00568f;
}

.btn.arr {
    background-image: url(../images/spr.png);
    background-position: 110px -134px;
}

.paging {
    position: relative;
    text-align: center;
    margin: 30px auto 20px;
}

.paging a {
    display: inline-block;
    width: 30px;
    height: 23px;
    padding-top: 7px;
    color: #999;
    background-color: #fff;
    vertical-align: middle;
    border: 1px solid #fff;
    transition: border 0.5s ease;
}

.paging a.on,
.paging a:hover {
    border: 1px solid #333;
    color: #333;
    font-weight: bold;
}

.paging a.btn_bg {
    transition: background 0.1s ease;
    background: url("../images/paging_direction.png") no-repeat left top;
    border: none;
}

.paging a.btn_bg.first:hover,
.paging a.btn_bg.prev:hover {
    background-position-x: -30px;
}

.paging a.btn_bg.first {
    background-position-y: -60px;
}

.paging a.btn_bg.prev {
    background-position-y: 0;
}

.paging a.btn_bg.next,
.paging a.btn_bg.last {
    background-position-x: -30px;
}

.paging a.btn_bg.next {
    background-position-y: -30px;
}

.paging a.btn_bg.last {
    background-position-y: -90px;
}

.paging a.btn_bg.next:hover,
.paging a.btn_bg.last:hover {
    background-position-x: 0px;
}

article.sub.prcenter .submain_txt {
    position: relative;
}

article.sub.prcenter .submain_txt div {
    border-bottom: 1px solid #dfe3e6;
    padding-bottom: 40px;
}

article.sub.prcenter .submain_txt.brochure img {
    box-shadow: 10px 10px 0px #ededed;
}

article.sub.prcenter .submain_txt.brochure .btn_area {
    position: absolute;
    top: 300px;
    right: 110px;
}

article.sub.prcenter .submain_txt.radio img {
    display: block;
    margin: 0 auto;
    background: #eef0f2 url(../images/radio_bg.gif) no-repeat 50% 50%;
    border: 1px solid #dfe3e6;
}

.board_top {
    overflow: hidden;
    text-align: right;
    margin-bottom: 20px;
}

.board_all {
    float: left;
    padding: 17px 0 0;
    font-size: 18px;
    color: #333;
}

.board_all span {
    margin-left: 5px;
    color: #333;
}

.board_search {
    float: right;
}

.board_search input[type="text"] {
    width: 148px;
    height: 30px;
    padding: 3px 10px 2px;
    margin-left: 7px;
    border: 1px solid #abb1b5;
}

.board_search .select {
    display: inline-block;
    position: relative;
    z-index: 10;
    border: 1px solid #abb1b5;
    margin-left: 7px;
}

.board_search .select:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 3px;
    right: 1px;
    width: 15px;
    height: 32px;
    background-color: #fff;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: -49px 10px;
    z-index: 50;
}

.board_search select {
    height: 37px;
    border: none;
}

.board_search input[type="submit"] {
    display: inline-block;
    width: 45px;
    height: 37px;
    border: 0;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: 8px 0;
    text-indent: -5000px;
    background-color: transparent;
}

.board_tbl {
    margin-top: 5px;
    border-top: 1px solid #abb1b5;
    text-align: center;
}

.board_tbl th,
.board_tbl td {
    height: 55px;
    padding: 0 15px;
}

.board_tbl th {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #abb1b5;
}

.board_tbl td {
    font-size: 15px;
    border-bottom: 1px solid #dfe3e6;
}

.board_tbl td.title {
    text-align: left;
}

.board_tbl td.title a.file {
    display: block;
    position: relative;
    padding-left: 37px;
    height: 22px;
    padding-top: 5px;
}

.board_tbl td.title a.file:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 27px;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: 0px -50px;
}

.board_tbl td .download {
    display: inline-block;
    width: 25px;
    height: 20px;
    text-indent: -5000px;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: 0px -100px;
}

.table_cmt {
    margin-top: 15px;
}

.table_cmt a {
    position: relative;
    top: 10px;
}

.detail_top {
    border-top: 1px solid #abb1b5;
    border-bottom: 1px solid #abb1b5;
}

.detail_top span {
    position: relative;
}

.detail_top span:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #abb1b5;
}

.detail_top h3 {
    border-bottom: 1px solid #dfe3e6;
    padding: 18px 26px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.detail_top h3 span {
    color: #333;
    font-size: 13px;
    padding-right: 25px;
    margin-right: 25px;
    float: right;
    padding: 0;
    margin: 0;
}

.detail_top h3 span:after {
    display: none;
}

.detail_top .info {
    overflow: hidden;
    padding: 16px 26px 12px 26px;
}

.detail_top .info .file,
.detail_top .info .related {
    float: left;
    display: inline-block;
}

.detail_top .info .file span,
.detail_top .info .related span {
    float: left;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
}

.detail_top .info .file span:after,
.detail_top .info .related span:after {
    top: 1px;
}

.detail_top .info .txt {
    float: right;
    display: inline-block;
}

.detail_top .info .txt span {
    padding-right: 15px;
    margin-right: 15px;
}

.detail_top .info .txt span:after {
    top: 1px;
}

.file_ico {
    float: none;
    display: inline-block;
    width: 700px;
}

.file_ico .file {
    position: relative;
    padding: 2px 0 10px 30px;
    float: none !important;
    display: block !important;
}

.file_ico .file:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0px;
    left: 0;
    width: 26px;
    height: 26px;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: 0px -54px;
    text-indent: -5000px;
}

.related {
    float: none;
    display: inline-block;
    width: 1085px;
    overflow: hidden;
}

.related ul {
    float: left;
    width: 950px;
}

.detail_cont {
    padding: 40px 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d3d4;
}

.detail_cont p {
    margin-top: 20px;
}

.detail_cont p:first-child {
    margin-top: 0;
}

.detail_cont img {
    max-width: 705px;
    margin-bottom: 20px;
}

.btn_area {
    margin: 25px 0;
    text-align: center;
}

.btn_area .btn {
    width: 180px;
    height: 50px;
}



.detail_cont.ck-content figure {
    margin: 0 auto !important;
}

.detail_cont.ck-content figure img {
    width: 100%
}

.board_view_nav {
    overflow: hidden;
    margin-top: 50px;
    border-top: 1px solid #abb1b5;
    border-bottom: 1px solid #abb1b5;
}

.board_view_nav li {
    overflow: hidden;
    padding: 0 30px;
    border-top: 1px solid #dfe3e6;
    height: 56px;
}

.board_view_nav li:first-child {
    border-top: none;
}

.board_view_nav span,
.board_view_nav a {
    display: inline-block;
    float: left;
    padding-top: 20px;
    color: #333;
}

.board_view_nav .prev,
.board_view_nav .next {
    position: relative;
    padding: 20px 35px 0 25px;
    margin-right: 25px;
}

.board_view_nav .prev:after,
.board_view_nav .next:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 21px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #abb1b5;
}

.board_view_nav .prev:before,
.board_view_nav .next:before {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 21px;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url("../images/spr_board.png");
    background-repeat: no-repeat;
    background-position: -150px 4px;
}

.board_view_nav .prev:before {
    background-position: -100px 4px;
}

.board_view_nav .date {
    float: right;
}

.culture_list {
    margin: 15px 0 35px;
    padding: 0 15px -;
    border-top: 1px solid #abb1b5;
    border-bottom: 1px solid #abb1b5;
}

.culture_list li {
    width: 100%;
    overflow: hidden;
    padding: 15px 0;
}

.culture_list li img,
.culture_list li a {
    float: left;
}

.culture_list li a {
    margin-left: 30px;
    text-decoration: none;
    font-size: 15px;
    width: 870px;
    position: relative;
}

.culture_list li img {
    background: #eef0f2 url(../images/thumb_bg.gif) no-repeat 50% 50%;
    border: 1px solid #dfe3e6;
}

.culture_list li span {
    display: block;
}

.culture_list li .title {
    color: #333;
    font-size: 18px;
    margin: 12px 0 20px;
    padding-bottom: 23px;
    border-bottom: 1px solid #dfe3e6;
}

.culture_list li .date {
    color: #666;
    font-size: 13px;
    position: absolute;
    top: 11px;
    right: 10px;
}

.culture_list li p {
    line-height: 28px;
    color: #666;
    font-size: 15px;
}

.jwTab {
    overflow: hidden;
    position: relative;

}

.jwTabMenu {
    float: left;
    margin: 0;
}

.jwTabMenu:hover {
    cursor: pointer;
}

.jwTabContent {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contTabTit {
    display: block;
    margin: 0 auto;
    width: 280px;
    margin-bottom: 5px;
    padding: 16px 0;
    text-align: center;
    color: #999;
    font-size: 16px;
    border: 1px solid #dfe3e6;
    border-bottom: 1px solid #555;
    border-left: none;
    background: #f6f7f8;
    font-weight: normal;
    position: relative;
}

.contTabTit.current {
    border-color: #555;
    border-left: 1px solid #555 !important;
    border-bottom: 1px solid #0075c2;
    background: #0075c2;
    color: #fff;
}

.tabTwoCenter .contTabTit:first-child {
    margin: 0 0 0 289px;
    border-left: 1px solid #dfe3e6;
}

.tabTwoCenter .contTabTit:first-child:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: -1px;
    left: -289px;
    width: 289px;
    height: 1px;
    background: #333;
}

.tabTwoCenter .contTabTit:first-child:before {
    display: none;
}

.tabTwoCenter .contTabTit {
    margin-right: 289px;
    position: relative;
}

.tabTwoCenter .contTabTit:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: -1px;
    right: -289px;
    width: 289px;
    height: 1px;
    background: #333;
}

.tabFourCenter .contTabTit {
    width: 270px;
}

.tabFourCenter .contTabTit:first-child {
    margin: 0 0 0 20px;
    border-left: 1px solid #dfe3e6;
}

.tabFourCenter .contTabTit:first-child:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: -1px;
    left: -20px;
    width: 20px;
    height: 1px;
    background: #333;
}

.tabFourCenter .contTabTit:first-child:before {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: -1px;
    right: -834px;
    width: 20px;
    height: 1px;
    background: #333;
}

.productTab .contTabTit:first-child {
    margin: 0 0 0 9px;
    border-left: 1px solid #dfe3e6;
}

.productTab .contTabTit:first-child:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    bottom: -1px;
    left: -9px;
    width: 1142px;
    height: 1px;
    background: #333;
}

/*
.productTab .contTabTit:first-child:before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  right: -850px;
  width: 569px;
  height: 1px;
  background: #333;
} */
.pdSch {
    margin-bottom: 50px;
    padding-top: 40px;
    zoom: 1;
    text-align: center;
}

.pdSch:after {
    display: block;
    clear: both;
    content: '';
}

.pdSch p {
    color: #4c7a98;
    font-size: 17px;
}

.initialSch {
    padding: 25px 0;
    zoom: 1;
    overflow: hidden;
    display: inline-block;
}

.initialSch a,
.btnSearch,
.pdSchBar {
    float: left;
}

.initialSch a {
    padding: 7px 0 8px;
    width: 34px;
    border: 1px solid #dfe3e6;
    border-right: none;
    background-color: #fff;
    color: #333;
    text-align: center;
}

.initialSch a:last-child {
    border-right: 1px solid #dfe3e6 !important;
}

.initialSch .current {
    border: 1px solid #0075c2;
    background-color: #0075c2;
    color: #fff;
}

.pdSchBarArea {
    width: 500px;
    display: inline-block;
    border-bottom: 1px solid #333;
}

.pdSchBar {
    padding: 10px;
    width: 440px;
    height: 22px;
    border: none;
}

.btnSearch {
    width: 32px;
    height: 32px;
    background: url(../images/spr_product.png) no-repeat 0 0;
    text-indent: -999em;
    font-size: 0;
    line-height: 0;
    border: none;
}

.boardTop {
    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;
}

.boardAll {
    float: left;
    padding-top: 5px;
    font-size: 18px;
}

.boardAll span {
    margin-left: 5px;
    color: #0075c2;
}

.boardSearch {
    float: right;
}

.btnType02 {
    margin-left: 35px;
    height: 25px;
    display: inline-block;
}

.btnType02 .btnAllView,
.btnType02 .btnQandA,
.btnType02 .btnDown02 {
    height: 20px;
    background: url(../images/spr_product.png) no-repeat;
    padding: 5px 0 0 30px;
    display: inline-block;
    color: #333;
}

.btnType02 .btnPrint {
    display: inline-block;
    width: 55px;
    height: 50px;
    background: #0175c2 url(../images/icon_print.png) no-repeat center center / 25px auto
}

.btnType02 .btnNormal {
    display: inline-block;
    padding: 0 15px;
    height: 50px;
    background: #0175c2;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
    color: #fff
}

.btnType02 .btnAllView {
    background-position: -250px 2px;
}

.btnType02 .btnQandA {
    background-position: -250px -49px;
}

.btnType02 .btnDown02 {
    background-position: -250px -99px;
    padding: 5px 0 0 35px;
}

.btnType03 span,
.btnType03 input {
    padding: 17px 20px;
    width: 200px;
    border: none;
    background: #0075c2;
    color: #fff;
}

.btnType04 span,
.btnType04 input {
    padding: 17px 20px;
    width: 200px;
    border: none;
    background: #0075c2;
    color: #fff;
}

.btnCenter {
    padding: 50px;
    text-align: center;
}

.btnCenter .btnType03 {
    display: block;
    margin: 0 auto;
    width: 140px;
}

.btnCenter .btnType03 span {
    display: block;
    background: #0075c2;
    border: 1px solid #666;
    color: #fff;
    font-size: 17px;
    padding: 13px 0;
    text-align: center;
}

.productList {
    overflow: hidden;
    padding: 40px 0 0 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

.productList .nocont {
    text-align: center;
    color: #333;
    font-size: 27px;
    line-height: 38px;
    padding: 40px 0 60px;
}

.productList li {
    height: 180px;
    width: 50%;
    margin: 0;
    padding-bottom: 30px;
}

.productList li a {
    display: block;
}

.productList li,
.productList a,
.productList img,
.productList span,
.productList ul {
    float: left;
}

.productList img {
    display: block;
    width: 178px;
    height: 178px;
    border: 1px solid #efefef;
}

.productList .title,
.productList ul {
    width: 330px;
}

.productList ul {
    margin-left: 50px;
    list-style: disc;
}

.productList ul li {
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
    padding: 7px 0;
}

.productList .title {
    padding: 10px 0 20px 30px;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: 21px;
}

.productList a:hover .title {
    color: #333;
}

.productList a:hover img {
    border-color: #c1c1c1;
}

.thum_img {
    background: #eef0f2 url(../images/thumb_bg.gif) no-repeat 50% 50%;
    border: 1px solid #dfe3e6;
}

.effectSch {
    margin: 0 0 0 50px;
    list-style: disc;
}

.effectSch li {
    float: left;
    text-align: left;
    margin-top: 10px;
    width: 16%;
}

.effectSch a:hover,
.effectSch .current {
    text-decoration: underline;
    color: #0075c2;
}

/* product view */
.productView {
    zoom: 1;
    margin-bottom: 50px;
}

.productView:after {
    display: block;
    clear: both;
    content: '';
}

.productTit {
    position: absolute;
    left: -9999em;
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.productCont .productName {
    color: #333;
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    padding: 12px 0 20px;
    border-bottom: 1px solid #333;
}

.productCont .productName span {
    float: right;
    font-size: 13px;
    color: #666;
    position: relative;
    top: 18px;
}

.productCont ul {
    border-bottom: 1px solid #dfe3e6;
    list-style: disc;
    padding: 24px 0 24px 20px;
}

.productCont ul li {
    color: #333;
    padding: 12px 0;
}

.productCont ul li span {
    color: #666;
}

.productImg,
.pdDetailImg,
.pdImgList,
.pdImgList li,
.pdImgList li a {
    float: left;
}

.productImg {
    width: 380px;
}

.pdDetailImg {
    width: 380px;
    height: 380px;
    border: 1px solid #dfe3e6;
}

.pdImgList {
    padding-top: 9px;
}

.pdImgList li {
    margin-left: 6px;
    border: 1px solid #ccc;
}

.pdImgList li:first-child {
    margin-left: 0;
}

.pdImgList .current,
.pdImgList li:hover {
    border-color: #999;
}

.pdImgList li img {
    width: 33px;
    height: 33px;
}

.productView .productCont {
    float: left;
    width: 700px;
    margin-left: 60px;
}

.pdViewBtn {
    float: right;
    margin-top: 35px;
}

.pdViewBtn a {
    margin-left: 10px
}

.pdViewBtn a [class^=btn] {
    display: inline-block;
    vertical-align: top
}

.pdViewBtn .btnDetail .btnNormal {
    width: 180px;
    text-align: center
}

.productInfo {
    line-height: 1.5;
    padding: 40px;
    box-sizing: border-box
}

.productInfo p {
    padding-left: 27px;
    line-height: 28px;
}

.productInfo ul.disc {
    list-style: disc;
    padding-left: 20px;
}

.productInfo ul.disc li {
    padding: 8px 0;
    line-height: 28px;
}

.productInfo ul.careList {
    padding-left: 20px;
}

.productInfo ul.careList li {
    padding: 8px 0;
    line-height: 28px;
}

.productInfo ul.careList li ul {
    margin-left: 20px;
}

.productInfo h4,
.productInfo h3 {
    padding: 40px 0 20px;
    font-size: 21px;
    line-height: 21px;
    color: #333;
    font-weight: normal;
}

/* data table */
.data_tbl,
.rowDataTbl {
    border: 1px solid #dfe3e6;
}

.data_tbl.td_ar td,
.rowDataTbl.td_ar td {
    text-align: right !important;
}

.data_tbl.td_al td,
.rowDataTbl.td_al td {
    text-align: left !important;
}

.data_tbl.padding10 th,
.rowDataTbl.padding10 th,
.data_tbl.padding10 td,
.rowDataTbl.padding10 td {
    padding: 17px 10px;
}

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

.data_tbl.left tbody th {
    text-align: left;
}

.data_tbl th,
.data_tbl td {
    border-left: 1px solid #dfe3e6;
    border-top: 1px solid #dfe3e6;
}

.data_tbl th {
    font-family: "NBG";
}

.data_tbl thead th {
    padding: 17px 18px;
    border-top: 1px solid #dfe3e6;
    border-bottom: 1px solid #dfe3e6;
    color: #333;
    background-color: #ecf3ff;
}

.data_tbl tbody th {
    padding: 17px 18px;
    font-weight: normal;
    color: #333;
}

.data_tbl tr.bg th,
.data_tbl tr.bg td {
    background-color: #f7f9fa;
}

.data_tbl td {
    padding: 17px 18px;
    text-align: center;
}

.down_list {
    width: 100%;
    border-top: 1px solid #dfe3e6;
}

.down_list li {
    color: #333;
    border-bottom: 1px solid #dfe3e6;
    overflow: hidden;
}

.down_list li span {
    display: inline-block;
    float: left;
    padding: 15px 0;
}

.down_list li span.tit {
    width: 670px;
    padding-left: 27px;
}

.down_list li span.data {
    width: 230px;
    color: #666;
}

.down_list li span.btn_area {
    padding: 5px 0;
    margin: 0;
}

.down_list li span.btn_area .btn {
    width: 180px;
    height: 36px;
    padding: 7px 50px 10px;
}

/* write */
.input_txt_tit {
    font-size: 36px;
    font-family: "NBL";
    color: #333;
    margin-bottom: 20px;
    padding-top: 10px;
    font-weight: normal;
}

.input_txt_tit .comt {
    display: inline-block;
    float: right;
    font-size: 14px;
}

.essential {
    color: #da0000 !important;
}

.input_tbl {
    border-top: 1px solid #abb1b5;
}

.input_tbl input {
    border: 1px solid #abb1b5;
    height: 30px;
    padding: 2px 7px;
}

.input_tbl select {
    border: 1px solid #abb1b5;
    height: 36px;
    padding: 2px 15px 0 7px;
}

.input_tbl textarea {
    border: 1px solid #abb1b5;
    padding: 7px 7px;
}

.input_tbl th,
.input_tbl td {
    border-bottom: 1px solid #dfe3e6;
    padding: 14px 0 12px;
}

.input_tbl th {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.input_tbl th label {
    color: #333;
}

.input_tbl .wd95p {
    width: 95% !important;
}

.input_tbl .wd370 {
    width: 370px !important;
}

.input_tbl .wd383 {
    width: 383px !important;
}

.input_tbl .wd107 {
    width: 107px !important;
}

.input_tbl .wd209 {
    width: 209px !important;
}

.input_tbl .wd88 {
    width: 88px !important;
}

.input_tbl .input_title input[type="text"] {
    width: 95%;
}

.input_tbl .file_input input {
    position: relative;
    width: 118px;
    border: none;
    height: auto;
    display: inline-block;
    top: -5px;
}

.input_tbl .file_input input:after {
    clear: both;
    display: block;
    content: "+ 파일등록";
    position: absolute;
    top: 0;
    left: 0;
    background: #2d84be;
    color: #fff;
    border: 1px solid #abb1b5;
    padding: 10px 32px;
    border-radius: 2px;
}

.input_tbl .file_input p {
    display: inline-block;
    padding: 10px 20px;
}

.input_tbl .inpTxt {
    width: 370px;
}

.input_tbl .answerPwd {
    margin-left: 5px;
}

.input_tbl .emailInput input[type="text"] {
    width: 100px;
}

.input_tbl .emailInput select {
    width: 120px;
}

.input_tbl .telInput input[type="text"] {
    width: 100px;
}

.input_tbl .telInput select {
    width: 120px;
}

#main_visual {
    position: relative;
    width: 100%;
    min-width: 1142px;
    height: 750px;
    border-bottom: 1px solid #dfe3e6;
}

#main_visual div {
    position: relative;
    width: 100%;
    height: 749px;
}

/* s : 기존 배너 수정하지 말 것 */
#main_visual div.item01 {
    background: url('../images/main_visual01_origin.jpg') no-repeat center 0;
}

#main_visual div.item01 .tit_box {
    top: 350px !important;
    left: -50px !important;
}

#main_visual div.item02 {
    background: url('../images/main_visual02_origin.jpg') no-repeat center 0;
}

#main_visual div.item02 .visual_txt {
    position: absolute;
    top: 290px;
}

#main_visual div.item02 .tit_box {
    top: 200px !important;
    left: -50px !important;
}

#main_visual div.item03 {
    background: url('../images/main_visual03_origin.jpg') no-repeat center 0;
}

/* e : 기존 배너 수정하지 말 것 */
#main_visual div.item04 {
    background: url('../images/main_visual_20200921.jpg') no-repeat center 0;
}

#main_visual div.item05 {
    background: url('../images/main_visual_20200718.jpg') no-repeat center 0;
}

#main_visual div.item06 {
    background: url('../images/main_visual_20200731.jpg') no-repeat center 0;
}

#main_visual div .item_inner {
    position: relative;
    width: 1140px;
    height: 100%;
    margin: 0 auto;
}

#main_visual div .slick-slide .tit_box {
    position: absolute;
    left: 0px;
    top: 300px;
    height: auto;
}

#main_visual div .slick-slide .tit_box .belit {
    display: none;
    /*margin-bottom:15px; transition:all 0.5s ease-out;transform:translateX(-100px);opacity:0; */
}

#main_visual div .slick-slide .tit_box .tit {
    margin: 25px 0 0px 0;
    /* transition:all 0.8s ease-out 07px;*/
    height: 40px;
    font-size: 41px;
    /* font-weight: bold; */
    color: #333;
    font-family: "NBL";
    letter-spacing: -1px;
}

#main_visual div .slick-slide .tit_box .txt {
    /* transition:all 1s ease-out;transform:translateX(-100px);opacity:0;height: 150px; */
    font-size: 41px;
    /* font-weight: bold; */
    color: #0e4e7c;
    line-height: 60px;
    font-family: "NBL";
    letter-spacing: -1px;
}

#main_visual .slick-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 60%;
    margin-top: -25px;
    font-size: 0;
    text-indent: -9999px;
    background-color: transparent;
    z-index: 99;
}

#main_visual .slick-prev {
    left: 50%;
    margin-left: -700px;
    background: url('../images/spr.png') no-repeat -150px -450px;
}

#main_visual .slick-prev.hover {
    background: url('../images/spr.png') no-repeat -100px -450px;
}

#main_visual .slick-next {
    right: 50%;
    margin-right: -700px;
    background: url('../images/spr.png') no-repeat -250px -450px;
}

#main_visual .slick-next.hover {
    background: url('../images/spr.png') no-repeat -200px -450px;
}

@media screen and (max-width: 1280px) {
    #main_visual .slick-prev {
        left: 50%;
        margin-left: -570px;
    }

    #main_visual .slick-next {
        right: 50%;
        margin-right: -570px;
    }
}

@media screen and (max-width: 769px) {
    #main_visual .slick-prev {
        left: 2%;
        margin-left: 0;
    }

    #main_visual .slick-next {
        right: 2%;
        margin-right: 0;
    }
}

#main_visual .slick-dots {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    text-align: center;
    font-size: 0;
}

#main_visual .slick-dots li {
    display: inline-block !important;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url('../images/spr.png') no-repeat 0px -236px;
    cursor: pointer;
}

#main_visual .slick-dots li button {
    display: block;
    background: transparent;
    font-size: 0;
}

#main_visual .slick-dots li.slick-active {
    width: 34px;
    height: 12px;
    background: url('../images/spr.png') no-repeat -17px -236px;
}

#main_visual .slick-dots li:first-child {
    margin-left: 0;
}

#main_visual .slick-dots:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    left: 50%;
    top: -72px;
    margin-left: -50px;
    width: 100px;
    height: 65px;
    background: url(../images/spr_main_scroll.png) no-repeat 0 0;
}

.main_section {
    position: relative;
}

.main_section .sec_inner {
    width: 1142px;
    margin: 0 auto;
    padding-bottom: 80px;
    overflow: hidden;
}

.main_section h2 {
    position: relative;
    font-size: 48px;
    font-family: "NBL";
    font-weight: normal;
    color: #000;
    line-height: 55px;
    margin: 78px 0 53px;
    text-align: center;
}

#randd li {
    position: relative;
    float: left;
    width: 350px;
    height: 433px;
    text-align: center;
    margin-left: 43px;
    opacity: 0;
    transition: all .5s;
    transform: translateY(100px);
}

#randd li * {
    transition: all .4s;
}

#randd li:first-child {
    margin-left: 0;
}

#randd li.item02 {
    width: 355px;
}

#randd li.item.on {
    opacity: 1;
    transform: translateY(0px);
}

#randd li h3 {
    font-size: 31px;
    line-height: 36px;
    font-weight: normal;
    color: #0e4e7c;
    margin-bottom: 20px;
}

#randd li p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    opacity: 1;
}

#randd li .btn_more {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: inline-block;
    width: 170px;
    height: 38px;
    margin-left: -85px;
    border: 1px solid #d7e2e9;
    background-color: #fff;
    line-height: 38px;
    color: #0e4e7c;
    font-size: 12px;
    text-align: center;
}

#randd li .btn_more:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url('../images/spr.png') no-repeat 0 -200px;
}

#randd li.item01 {
    background: url('../images/randd_01.png') no-repeat 0 0;
    background-position: center bottom 82px;
}

#randd li.item02 {
    background: url('../images/randd_02.png') no-repeat 0 0;
    background-position: center bottom 82px;
}

#randd li.item03 {
    background: url('../images/randd_03.png') no-repeat 0 0;
    background-position: center bottom 82px;
}

#randd li:hover.item01 {
    background: url('../images/randd_01_on.png') no-repeat 0 0;
    background-position: center bottom 104px;
}

#randd li:hover.item02 {
    background: url('../images/randd_02_on.png') no-repeat 0 0;
    background-position: center bottom 104px;
}

#randd li:hover.item03 {
    background: url('../images/randd_03_on.png') no-repeat 0 0;
    background-position: center bottom 104px;
}

#randd li:hover h3 {
    margin: 20px 0 0;
    font-size: 36px;
}

#randd li:hover p {
    opacity: 0;
}

#randd li:hover .btn_more {
    bottom: 30px;
}

#product {
    background-color: #f3f6f8;
}

#product .btn_pharmacy {
    position: absolute;
    height: 28px;
    padding-left: 29px;
    background: url('../images/icon_pin.png') no-repeat 0 0;
    line-height: 28px;
    color: #000;
    font-size: 14px;
    right: 13px;
    top: 13px;
}

#product .sec_inner {
    padding-bottom: 67px;
}

#product .sec_inner h2 {
    margin: 67px 0 40px !important;
}

#product .product_wrap {
    width: 554px;
    float: left;
}

#product .product_wrap.left {
    margin-right: 34px;
}

#product .product_wrap h3 {
    font-size: 31px;
    line-height: 36px;
    color: #2a4a6d;
    text-align: Center;
    margin-bottom: 24px;
    font-weight: normal;
}

#product .product_wrap h3 .cate_more {
    float: right;
    display: inline-block;
    font-size: 14px;
    color: #718fa4;
    padding-left: 23px;
    background: url(../images/spr.png) no-repeat -250px -99px;
    margin: 13px 30px 0 0;
}

#product .product_list {
    width: 100%;
    overflow: hidden;
}

#product .product_list .slick-arrow {
    position: absolute;
    top: 170px;
    font-size: 0;
    text-indent: -99999px;
    width: 13px;
    height: 24px;
    z-index: 10;
    padding: 0;
}

#product .product_list .slick-prev {
    left: 0;
    background: url('../images/spr.png') no-repeat 0 -426px;
}

#product .product_list .slick-next {
    right: 0;
    background: url('../images/spr.png') no-repeat -15px -426px;
}

#product .product_list .slick-list {
    width: 512px;
    overflow: hidden;
    margin: 0 auto;
}

#product .product_list .item {
    position: relative;
    float: left;
    height: 412px;
    text-align: center;
}

#product .product_list .item.slick-slide {
    margin: 0 7px;
}

#product .product_list .item img {
    margin: 0 auto;
    border: 1px solid #e2e8ec;
    width: 100%;
}

#product .product_list .item p {
    /* display:inline-block; */
    width: 100%;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    max-height: 48px;
    text-align: left;
    margin-top: 27px;
}

#product .product_list .item p.ellipsis {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#product .product_list .item strong {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
    height: 24px;
    line-height: 27px;
    color: #333;
    font-size: 20px;
    font-weight: normal;
}

#product .product_list .item span {
    color: #333;
}

#product .product_list:after {
    content: '';
    display: block;
    cleat: both;
}

#invest .sec_inner {
    padding-bottom: 117px;
}

#invest .sec_inner h2 {
    margin: 96px 0 80px;
}

#invest .invest_box {
    width: 1140px;
    height: 312px;
}

#invest .invest_box div {
    float: left;
    width: 50%;
    height: 100%;
    padding: 50px 55px;
    box-sizing: border-box;
}

#invest .invest_box div h3 {
    font-size: 36px;
    font-weight: normal;
    line-height: 43px;
    margin-bottom: 15px;
}

#invest .invest_box div.invest_01 {
    background: url('../images/invest_bg01.jpg') no-repeat 0 0;
}

#invest .invest_box div.invest_01 * {
    color: #2b9ab8;
}

#invest .invest_box div.invest_01 li {
    position: relative;
    line-height: 22px;
    font-size: 14px;
    width: 210px;
    margin-top: 10px;
}

#invest .invest_box div.invest_01 li a {
    padding-left: 10px;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#invest .invest_box div.invest_01 li:before {
    position: absolute;
    content: '·';
    font-weight: bold;
    display: inline-block;
    width: 10px;
    height: 18px;
    line-height: 18px;
}

#invest .invest_box div.invest_01 li:first-child {
    margin-top: 0;
}

#invest .invest_box div.invest_02 {
    background: url('../images/invest_bg02.jpg') no-repeat 0 0;
}

#invest .invest_box div.invest_02 * {
    color: #fff;
}

#invest .invest_box div.invest_02 .price {
    font-size: 60px;
    font-family: 'NBL';
    line-height: 67px;
    margin-bottom: 8px;
}

#invest .invest_box div.invest_02 .price span {
    font-size: 14px;
}

#invest .invest_box:after {
    content: '';
    display: block;
    clear: both;
}

#company {
    background: #f3f6f8;
}

#company .sec_inner {
    border-bottom: none;
}

#company .sec_inner h2 {
    margin-bottom: 33px;
}

#company .board_box {
    position: relative;
    width: 516px;
    height: 536px;
    float: left;
    margin-left: 110px;
    vertical-align: top;
}

#company .board_box.left {
    margin-left: 0;
}

#company .board_box h3 {
    position: relative;
    font-size: 29px;
    font-weight: normal;
    color: #0e4e7c;
    height: 30px;
    line-height: 30px;
    margin-bottom: 27px;
}

#company .board_box h3 a {
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 57px;
    font-size: 12px;
    color: #2a4a6d;
}

#company .board_box h3 a:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 14px;
    right: 0;
    top: 0;
    background: url('../images/spr_board.png') no-repeat 0 -132px;
}

#company .board_box .thumb_news {
    width: 516px;
    max-height: 356px;
    height: auto;
}

#company .board_box .board_info strong {
    display: block;
    margin: 32px 0 20px;
    font-size: 21px;
    color: #333;
    line-height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#company .board_box .board_info .ellipsis {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    max-height: 48px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.quick_menu {
    position: absolute;
    left: 50%;
    top: 310px;
    margin-left: 665px;
    width: 82px;
    height: 103px;
    z-index: 10;
}

.quick_menu:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 5px;
    width: 1px;
    height: 93px;
    background-color: #ddd;
    z-index: 5;
}

.quick_menu ul {
    position: relative;
    z-index: 10;
}

.quick_menu ul li {
    margin-top: 17px;
}

.quick_menu ul li:first-child {
    margin-top: 0;
}

.quick_menu ul li a {
    display: block;
    padding-left: 30px;
    font-size: 13px;
    color: #474747;
    line-height: 13px;
    background: url('../images/spr.png') no-repeat 2px -379px;
}

.quick_menu ul li a.active {
    background-position: 0 -365px;
}

@media screen and (max-width: 1513px) {
    .quick_menu {
        margin-left: 513px;
        margin-left: 0;
        right: 10px;
        left: inherit;
    }
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1142px;
    height: 120px;
    z-index: 99;
    overflow: hidden;
    /*
	&.on {
		.header_gnb{ height:368px;
			.gnb_wrap{ height:368px;
				.gnb{ height:100%;
					> li {height:100%;
						&.active{
							> a{color:#0075c2;}
							> a{
								border-bottom:3px solid #0075c2;
							}
							.depth2{display:block !important;}
						}
					}
				}
			}

		}

	}
	&.fixed{
		background:url('../images/bg_fixed_gnb.jpg') repeat-x 0 0;
		.header_top{display:none}
	}
	*/
}

#header.on:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ccd2d7;
    left: 0;
    bottom: 0;
}

#header .header_top {
    position: relative;
    width: 100%;
    height: 39px;
    margin: 0 auto;
    background-color: rgba(235, 238, 240, 0.65);
    overflow: hidden;
}

#header .header_top:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ccd2d7;
    left: 0;
    bottom: 0;
}

#header .header_top .top {
    position: relative;
    width: 1142px;
    height: 40px;
    padding-top: 10px;
    text-align: right;
    margin: 0 auto;
    overflow: hidden;
    z-index: 100;
    box-sizing: border-box;
}

#header .header_top .top a {
    display: inline-block;
    color: #333;
    font-size: 13px;
    margin-right: 20px;
}

#header .header_gnb {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.8);
}

#header .header_gnb:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #ccd2d7;
    left: 0;
    top: 80px;
}

#header .header_gnb .gnb_wrap {
    width: 1142px;
    height: 80px;
    margin: 0 auto;
    z-index: 99;
    position: relative;
    top: 0;
}

#header .header_gnb .gnb_wrap h1 {
    display: inline-block;
    margin-top: 17px;
}

#header .header_gnb .gnb_wrap h1 a {
    display: block;
    width: 180px;
    height: 50px;
    font-size: 0;
    text-indent: -99999px;
    background: url('../images/top_logo.png') no-repeat 0 0;
}

#header .header_gnb .gnb_wrap .gnb {
    position: absolute;
    top: 0px;
    left: 200px;
}

#header .header_gnb .gnb_wrap .gnb>li {
    float: left;
    width: 124px;
}

#header .header_gnb .gnb_wrap .gnb>li>a {
    position: relative;
    display: block;
    padding: 31px 0;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
}

#header .header_gnb .gnb_wrap .gnb>li.active>a:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0075c2;
    bottom: 0;
    left: 0;
}

#header .header_gnb .gnb_wrap .gnb .depth2 {
    margin: 34px 0 34px 0;
    /* border-left:1px solid #c7ced3; */
    height: 255px;
    width: 122px;
    opacity: 0;
}

#header .header_gnb .gnb_wrap .gnb .depth2>li {
    margin-top: 15px;
}

#header .header_gnb .gnb_wrap .gnb .depth2>li:first-child {
    margin-top: 0;
}

#header .header_gnb .gnb_wrap .gnb .depth2>li>a {
    display: block;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #333;
    font-weight: normal;
    text-align: center;
    letter-spacing: -0.5px;
}

#header .header_gnb .gnb_wrap .gnb .depth2>li>a:hover {
    color: #0075c2;
}

#header .header_gnb .gnb_wrap .gnb .depth3 li {
    margin-top: 15px;
}

#header .header_gnb .gnb_wrap .gnb .depth3 li>a {
    display: block;
    padding-left: 22px;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: #848484;
}

#header .header_gnb .gnb_wrap .gnb .depth3 li>a:hover {
    color: #002ea4;
}

#header .header_gnb .gnb_wrap .lang {
    position: absolute;
    top: 29px;
    right: 0;
    overflow: hidden;
}

#header .header_gnb .gnb_wrap .lang a {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 10;
    height: 25px;
    width: 88px;
    padding-top: 6px;
    border: 1px solid #7e95a8;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}

#header .header_gnb .gnb_wrap .lang a:hover {
    background-color: #0075c2;
}

#header .header_gnb .gnb_wrap .lang a:hover span {
    color: #fff;
    position: relative;
    z-index: 10;
}

#header .header_gnb .gnb_wrap .lang a:first-child {
    border-radius: 5px 0 0 5px;
}

#header .header_gnb .gnb_wrap .lang a:last-child {
    border-radius: 0 5px 5px 0;
    border-left: none;
}

#header .header_gnb .gnb_wrap .lang a.on {
    background-color: #0075c2;
    color: #fff;
}

#header .header_gnb .gnb_wrap .lang a.on span {
    color: #fff;
    position: relative;
    z-index: 10;
}

#header .header_gnb .gnb_wrap .lang a span {
    color: #666666;
    position: relative;
    z-index: 10;
}

#header .header_gnb.on {
    height: 522px;
}

#header .header_gnb.on .depth2 {
    opacity: 1 !important;
}

#header.on .header_top {
    background-color: #eaeef0;
}

#header.on .header_gnb {
    background-color: #ffffff;
}

#darkness {
    width: 100%;
    height: 100%;
    z-index: 98;
    display: none;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

#sub_visual {
    position: relative;
    width: 100%;
    height: 405px;
    min-width: 1142px;
    z-index: 10;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

#sub_visual div {
    width: 1142px;
    position: absolute;
    top: 210px;
    left: 50%;
    margin-left: -571px;
    font-size: 45px;
    text-align: center;
    color: #fff;
    line-height: 46px;
    font-weight: bold;
}

#sub_visual div span {
    display: block;
    margin-top: 25px;
    /* opacity: 0.8; */
    line-height: 20px;
    font-size: 21px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}

#sub_visual.intro {
    background-image: url("../images/sub_visual_company.jpg");
}

#sub_visual.esg {
    background-image: url("../images/sub_visual_esg.jpg");
}

#sub_visual.product {
    background-image: url("../images/sub_visual_product.jpg");
}

#sub_visual.rnd {
    background-image: url("../images/sub_visual_rnd.jpg");
}

#sub_visual.investment {
    background-image: url("../images/sub_visual_investment.jpg");
}

#sub_visual.customer {
    background-image: url("../images/sub_visual_customer.jpg");
}

#sub_visual.prcenter {
    background-image: url("../images/sub_visual_prcenter.jpg");
}

#sub_visual.util {
    background-image: url("../images/sub_visual_util.jpg");
}

#sub_visual.health {
    background-image: url("../images/sub_visual_health.jpg");
}

#sub_visual.jwstory {
    background-image: url("../images/sub_visual_jw.jpg");
}

@media (min-width: 0px) and (max-width: 1925px) {
    #sub_visual {
        background-size: auto !important;
    }
}

.location_wrap {
    width: 100%;
    height: 58px;
    position: relative;
    z-index: 80;
    background: #f6f7f8;
    border-top: 1px solid #dfe3e6;
    border-bottom: 1px solid #dfe3e6;
}

.location_wrap .location {
    width: 665px;
    margin: 0 auto;
}

.location_wrap .location .home {
    float: left;
    display: block;
    padding: 22px 0 5px 55px;
    width: 145px;
    height: 31px;
    background: url('../images/spr.png') no-repeat -220px 20px;
    border-left: 1px solid #dfe3e6;
}

.location_wrap .location ul {
    float: left;
}

.location_wrap .location ul li {
    float: left;
    position: relative;
    z-index: 80;
}

.location_wrap .location ul li:last-child {
    border-right: 1px solid #dfe3e6;
}

.location_wrap .location ul li .depth1 {
    display: block;
    position: relative;
    width: 190px;
    height: 31px;
    padding: 22px 10px 5px 30px;
    border-left: 1px solid #dfe3e6;
    cursor: pointer;
}

.location_wrap .location ul li .depth1:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 26px;
    right: 17px;
    width: 13px;
    height: 8px;
    background: url('../images/spr.png') no-repeat 0px 0;
}

.location_wrap .location ul li .depth1.on {
    color: #333;
}

.location_wrap .location ul li .depth1.on:after {
    background: url('../images/spr.png') no-repeat 0px -25px;
}

.location_wrap .location ul li .depth2 {
    display: none;
    z-index: 70;
    background-color: #f6f7f8;
    padding: 15px 0 0;
    position: absolute;
    left: 0;
    width: 230px;
    border: 1px solid #dfe3e6;
    border-bottom: none;
}

.location_wrap .location ul li .depth2 li {
    float: none;
    padding: 11px 25px;
    width: 180px;
    border-bottom: 1px solid #dfe3e6;
}

.location_wrap .location ul li .depth2 li:after {
    display: none;
}

.location_wrap .location.depth3 {
    width: 895px;
}

article.sub {
    /*margin-top: 405px;*/
    min-width: 1142px;
    width: 100%;
}

article.sub .title_section {
    width: 1142px;
    margin: 0 auto;
    position: relative;
    height: 130px;
    z-index: 9;
    border-bottom: 1px solid #dfe3e6;
    margin-bottom: 60px;
}

article.sub .title_section .cont_tit_sildeup {
    position: absolute;
    bottom: 25px;
    opacity: 0;
    width: 100%;
    color: #2e3d47;
    font-size: 41px;
    text-align: center;
    letter-spacing: -1px;
}

article.sub .cont_container .content.wd1142 {
    clear: both;
    width: 1142px !important;
    margin: 0 auto !important;
}

article.sub .cont_container .content .cont {
    width: 1008px;
    margin: 0 auto;
}

footer.sub {
    width: 100%;
    min-width: 1142px;
    height: 233px;
    position: relative;
    background-color: #f1f2f3;
    margin-top: 70px;
    /* border-top:1px solid #dfe3e6; */
}

footer.sub .footer_wrap {
    width: 1142px;
    margin: 0 auto;
}

footer.sub .link {
    position: relative;
    height: 80px;
}

footer.sub .link .family_site {
    height: 30px;
    position: relative;
    top: 23px;
    cursor: pointer;
}

footer.sub .link .family_site .title {
    display: block;
    width: 200px;
    height: 22px;
    position: relative;
    z-index: 30;
    border: 1px solid #ccd2d7;
    background: #e3e6e9 url('../images/spr.png') no-repeat 198px -41px;
    padding: 7px 15px 3px;
    color: #333;
}

footer.sub .link .family_site ul {
    position: absolute;
    bottom: 0;
    width: 200px;
    display: none;
    background-color: #f5f5f5;
    border: 1px solid #ccd2d7;
    margin-bottom: 29px;
    margin-top: -1px;
    padding: 5px 15px;
    z-index: 10;
}

footer.sub .link .family_site ul li a {
    display: block;
    padding: 5px 0;
    color: #333;
}

footer.sub .info_link {
    position: absolute;
    left: 270px;
    top: 30px;
}

footer.sub .info_link a {
    display: inline-block;
    margin-right: 25px;
}

footer.sub .top {
    position: absolute;
    right: 0;
    top: 24px;
    color: #333;
    font-weight: 600 !important;
    border: 1px solid #ccd2d7;
    border-radius: 2px;
    background: #e3e6e9 url('../images/spr.png') no-repeat 55px -89px;
    padding: 6px 36px 8px 19px;
    display: block;
    cursor: pointer;
}

footer.sub .info {
    background: url('../images/logo_footer.gif') no-repeat right 47px;
}

footer.sub .info address {
    font-style: normal;
    color: #333;
    font-size: 13px;
    padding-top: 37px;
    line-height: 30px;
}

footer.sub:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dfe3e6;
}

#myModal .title.fs32 {
    margin-top: 30px !important
}

#myModal .input_tbl .inpTxt {
    width: 300px
}

#myModal .input_tbl .telInput select {
    width: 90px
}

#myModal .input_tbl .telInput input[type="text"] {
    width: 90px
}