/*font---------------------------------------------------------------------------\

font-family: 'Lato', sans-serif;

---------------------------------------------------------------------------*/

a {transition: all 0.5s;}
/*a:hover {color: #08297c;}*/
body .container {max-width: 1200px; padding: 0;}
#top_header {background-color: #08297c;}
#top_header .row {
    justify-content: flex-end;
}
.logo_m {display: none;}
.top-menu li {
    float: left;
}
.top-menu li a {
    display: block;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    color: #fff;
    line-height: 2.5;
    font-size: 13px;
    font-weight: 300;
}
.top-menu li a::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #fff;
    width: 1px;
    height: 11px;
}
.top-menu li:first-child a::before {display: none;}

.carousel-caption {
    margin: auto;
    max-width: 1200px;
}



/*products*/
.main-section .htitle h1 {
    font-family: 'Lato'!important;
    font-size: 46px!important;
    color: #262626!important;
}
.main-section .htitle p {
    font-size: 18px!important;
    font-weight: 300!important;
    color: #666666!important;
    margin : 0 auto;
}
.container .htitle {text-align: center;}
.sc04_visual button.slick-prev.slick-arrow {
    background: url(prev-btn.png) center center no-repeat;
    left: -6%;
}
.sc04_visual button.slick-next.slick-arrow {
    background: url(next-btn.png) center center no-repeat;
    right: -6%;
}
.sc04_visual .slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 26%;
    font-size: 0;
    text-indent: -9999px;
    width: 54px;
    height: 54px;
    border: none;
    box-shadow: none;
    opacity: 0.5;
    transition: all 0.5s;
}
.sc04_visual .slick-arrow:hover {opacity: 1;}
.sc04_visual {
    padding: 80px 0 100px!important;
    background: url(sc04_bg.jpg) center center no-repeat;
    background-size: cover;
    color: #fff;
}
.slick-track {
/*
    display: flex!important;
    justify-content: space-between;
*/
}
.slick-slide {max-width:  389px!important;    /*float: initial!important*/}
.product-flex img {
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.5s;
    margin: auto;
}
.product-flex li {overflow: hidden;}
.slide-area a:hover img {opacity: 0.7;}
.slide-area a:hover .product-cont h2 {
    color: #0f4c9a;
}
.product-cont h2 {
    font-family: 'Noto Sans KR','Roboto'!important;
    font-size: 17px!important;
    font-weight: 500!important;
    color: #5d5d5d!important;
    text-align: center;
    line-height: 4!important;
}

/*adv_divs*/
.adv_divs {position: relative;}
.cont-area {
    position: absolute;
    left: 55%;
    padding: 40px 0;
}

/*cs*/
.blind {
    font-size: 0!important;
    text-indent: -9999px!important;
    color: #fff!important;
    line-height: 0;
}
.cs-area {
    padding: 80px 0 90px;
}
.qalist tr {background: none!important;}
.main-section h3 {
    font-size: 21px;
    font-weight: 500;
    color: #424242;
    margin-bottom: 10px!important;
}
.noice-area {
    border: 1px solid #ddd;
    padding: 30px;
}
.cs-area .noticeoutput tr td a,.cs-area .noticeoutput tr td {
    font-size: 15px!important;;
    font-weight: 300;
    color: #666666;
    padding-left: 10px;
    position: relative;
}
.cs-area .noticeoutput tr td a::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #2d6385;
    top: 9px;
    left: 0;
}
.noice-area p {
    position: absolute;
    top: 30px;
    right: 50px;
}
.noice-area p a {
    display: block;
    width: 23px;
    height: 23px;
    background: url(more-btn.png) center no-repeat;
}
.quick-mn {
    height: 100%;
}
.quick-mn ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 100%;
}
.quick-mn li {
    width: 32.5%;
    height: 100%;
    text-align: center;
}
.quick-mn li a {
    display: block;
    height: 100%;
    padding-top: 65%;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: relative;
}
.quick-mn li:nth-child(1) a {background-color: #08297c;}
.quick-mn li:nth-child(2) a {background-color: #0c62bc;}
.quick-mn li:nth-child(3) a {background-color: #424242;}
.quick-mn li a:hover {background-color: #292929;}
.quick-mn li a::before {
    content: "";
    position: absolute;
    top:25%;
    left: 0;
    width: 100%;
    height: 55px;
    background-position: center center;
    background-repeat: no-repeat;
}
.quick-mn li:nth-child(1) a::before { background-image: url(goto-icon_01.png);}
.quick-mn li:nth-child(2) a::before { background-image: url(goto-icon_02.png);}
.quick-mn li:nth-child(3) a::before { background-image: url(goto-icon_03.png);}

/*footer*/

.footersubarea h1 {
    float: left;
    margin-right: 50px!important;
}
#footerarea ul span::before {
    content: "";
    position: absolute;
    top: 13px;
    right: 6px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #fff;
}
#footerarea ul li span:last-child::before {display: none;}
#footerarea ul li.copy span::before {display: none;}
#footerarea ul li.copy span,#footerarea ul li.copy a {color: #bfbfbf!important; padding: 0!important;}
#subtitbg h2,#subtitbg p {text-shadow: 1px 1px 5px #666;}


/*---------------------------------------------------------------------------\

서브페이지

---------------------------------------------------------------------------*/
.subbg2 {
    background-repeat: no-repeat;
    background-position:  center center;
    background-size: cover;
}
.subbg2_1 {background-image: url('subbg2_1.jpg');}
.subbg2_2 {background-image: url('subbg2_2.jpg');}
.subbg2_3 {background-image: url('subbg2_3.jpg');}
.subbg2_4 {background-image: url('subbg2_4.jpg');}
.subbg2_5 {background-image: url('subbg2_5.jpg');}
.bd-top {
    background-color: #f7f7f7;
    padding: 20px 50px;
}
#subarea .container {
    max-width: 1170px;
}
.pt {color: #08297c!important;}
.subtit {
    background-color: #08297c;
    text-align: center;
    padding: 10px;
    color: #fff!important;
    border-radius: 10px;
}
p.pbrnone {
    letter-spacing: -0.05em;
    line-height: 1.8!important;
}
/*
.subcontxt h4 {
    position: relative;
    padding-left: 12px;
}

.subcontxt h4::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 20px;
    background-color: #333;
    border-radius: 5px;
}
*/

.boxlist {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.boxlist li {
    width: 30%;
    border: 1px solid #ddd;
    padding: 30px 20px;
    text-align: center;
    margin: 0 10px 30px;
}

.boxlist li p.pbrnone {margin-bottom: 0!important;}
.subcontxt h4 {margin-bottom: 5px!important;}

p.ceo {
    font-size: 1.1em!important;
    text-align: right;
    color: #333;
}
p.ceo span {
    font-size: 1.4em;
    letter-spacing: 0.4em;
    padding-left: 12px;
    color: #111;
    font-weight: 600;
}

.culture_list h3 span {
    font-size: 0.895em;
    color: #999;
}
.subcontxt h3 {
    margin-bottom: 10px!important;
}
.bd-top h3 {margin: 0!important; color: #333;}
.culture_list ol {
    padding-left: 20px;
    margin: 0;
}

.culture_list li {
    line-height: 1.5;
    margin-bottom: 10px;
    padding-left: 5px;
}
.culture_list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.culture_list:last-child {
    border: none;
    padding: ;
    margin: 0;
}
.culture_list li:last-child {margin: 0;}

.map-wrapper iframe {
    box-shadow: 10px 10px 30px #ddd;
}

.add-area {
    border-top: 1px solid #08297c;
    padding: 30px 50px!important;
    border-bottom: 1px solid #cfcfcf;
    float: right;
}
.img-wrapper.col-md-3 {
    display: inline-block;
    padding: 0;
}
.add-area dl {margin-bottom: 0;}
.add-area dt {
    float: left;
    min-width: 80px;
}


.qalist font {
    font-size: 15px!important;
    color: #333!important;
}

td.board_bgcolor font {
    font-size: 15px!important;
    color: #333!important;
}

td.board_bgcolor {
    padding: 10px;
}

td.board_desc {
    font-size: 15px!important;
    padding-left: 20px;
}
.qalist td.att_title {
    color: #e9ecef !important;
    background-color: #f1f1f1!important;
    border-bottom: 1px solid #ccc!important;
}
td.paging b {
    color: #08297c;
}
input.formmail_border[name='address_post1'] {
    max-width: 150px!important;
    margin-bottom: 5px;
}
table.mailformtb > tbody > tr {
    border-bottom: 1px solid #ddd;
}
td.formmail_cell_bgcolor a {
    display: inline-block;
    width: 70px;
    height: 30px;
    background: url(addsc.gif) center no-repeat;
}
td.formmail_cell_bgcolor a img {
    display: none;
}

td.formmail_cell_bgcolor a {
    display: block;
    width: 70px;
    height: 44px;
    background: url(addsc.gif) center no-repeat;
    line-height: 44px!important;
    float: left;
    margin-right: 20px!important;
}
td.formmail_cell_bgcolor a:hover {opacity: 0.7;}
.formmail_border {
    font-size: 15px!important;
}

.symposium-list h1 {
    font-size: 20px;
    color: #08297c;
    position: relative;
    padding-left: 20px;
}

.symposium-list h1::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #08297c;
    transform: rotate(45deg);
}

.symposium-list {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}

.symposium-list .img-wrapper {
    padding: 30px 0;
    text-align: center;
    border: 1px solid #ddd;
    margin-top: 25px;
    background-color: #f7f7f7;
}
.symposium-list:first-child {border: none;}
.img-wrapper img {
    padding: 5px;
}


.product-sepc {
    border: 1px solid #f0f0f0;
    padding: 40px 50px 30px;
    background-color: #f7f7f7;
}

h2.prod-logo {
    text-align: center;
}
h2.prod-logo img {
    float: left;
    padding: 0px 30px 5px 0;
    max-height: 120px;
}
h2.prod-logo2 img {padding: 15px 30px 5px 0;}
h2.prod-logo3 img {padding: 15px 30px 20px 0;}
.prod-gall {
    padding-top: 30px;
}
.glist4t .bbsnewf5 > table > tbody > tr:first-child > td {
    border: 1px solid #dfdfdf;
}
.prod-gall #post_area {padding: 10px 50px!important}
.pd5 {margin-top: 16px;}
.img-wrapper {text-align: center;}
.symposium-area {
    display: flex;
    flex-direction: column-reverse;
}
.gallery_title, .board_output_gallery_subject {letter-spacing: -0.05em;}

/*
.gallery_subject {
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}
*/

.glist4t td {
    vertical-align: top;}
.expo .webzine_type2 .webzine_type_img img {
    height: 200px!important;
}
.expo .webzine_type2 .obj_name {
    min-width: 150px;
}
.webzine_subject .obj_value {padding: 0!important;}
.news_title {
    padding: 0 0 0 10px;}
.webzine_subject .obj_name {
    padding: 3px 0 0 0!important;
    vertical-align: top;
    background-position: 90% 10px!important;
}
.webzine_type2 dl {margin-bottom: 0;}
/*---------------------------------------------------------------------------\

반응형-서브

---------------------------------------------------------------------------*/

@media (max-width: 1200px){
    #subarea .container {max-width: 90%;}
/*    .glist4t img {height: 100%; max-height: 250px;min-height: auto;}*/
    .subcontxt .mailformtb input[type='text'] {width: 98% !important;}
    expo .webzine_add3 .obj_value {max-width: 70%;}
}

@media (max-width: 890px){
    .expo .webzine_type2 > tbody > tr .webzine_type_text_td_left {
        max-width: 370px; margin: auto;
    }
}
@media (max-width: 811px){
    .add-area {padding: 20px 30px!important;}
    .add-area dt {min-width: 70px;}
    .add-area dl {font-size: 0.9em;}
    .subcontxt .mailformtb input[type='text'] {width: 97.5% !important;}
    .bbsnewf5 a {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 400px;
    }
    .symposium-list img {max-width: 32%;}
    .bd-top {padding: 10px 30px;}
    #post_area {padding: 10px 30px !important;}
    .expo .webzine_add3 .obj_value,.expo .webzine_add5 .obj_value {
        max-width: 200px;
    }
    .webzine_type2 .obj_value {letter-spacing: -0.05em; max-width: 55%!important;}
    
    
}

@media (max-width: 680px){
    .subcontxt {padding: 0 0px!important;}
    .bd-top {padding: 10px 10px;}
    hr.gap50px {height: 30px !important;}
    .submn {margin: 40px auto 0;}
    p.ceo {font-size: 0.9em!important; margin-top: 30px;}
    .shtitle {margin: 0 auto 30px;}
    .subcontxt h3 {line-height: 1.3!important;}
    .culture_list li {font-size: 0.85em!important;}
    .subcontxt h3 span {display: block;}
    .add-area {padding: 20px 10px!important;}
    .add-area dt {float: initial;}
    .add-area dd {line-height: 1.3;}
    .submn a {padding: 0 10px;}
    .product-sepc {padding: 5px;}
    p.pbrnone,.prod-gall #post_area p,.qalist font,.qalist td,td.board_desc,td.board_bgcolor,.inner #post_area,input.formmail_border {font-size: 0.825em!important;margin-bottom:0;}
    .qalist .bbsnewf5 a:link ,td.board_bgcolor font{font-size: 1em!important;max-width: 180px;}
    h2.prod-logo img {padding: 0px 10px 5px 0;}
    .prod-gall {padding-top: 0;}
    .glist4t img {height: 150px !important;}
    .glist4t .bbsnewf5 {
        padding: 0!important;
        line-height: 1!important;
    }
    .prod-gall #post_area {padding: 5px!important;}
    .symposium-list h1 {
        font-size: 1.1em;
        line-height: 1.2!important;
        letter-spacing: -0.05em;
        padding-left: 15px;
        margin-bottom: 10px!important;
    }
    .symposium-list h1::before {top: 6px;}
    .symposium-list li {
        font-size: 0.825em!important;
        line-height: 1.5!important;
        padding-left: 15px!important;
    }
    .symposium-list .img-wrapper {padding: 10px 0;}
    .inner #post_area {padding: 20px 15px!important;}
    .inner .board_bgcolor font {white-space: nowrap;}
    .table_tle1, .formmail_title_bgcolor, .formmail_cell_bgcolor {font-size: 0.825em !important;}
    .mailformtb td.formmail_title_bgcolor {min-width: 45px;}
    .mail .subcontxt, .notice .subcontxt {padding: 0!important;}
    .subcontxt .mailformtb input[type='text'] {width: 96.5% !important;}
    .webzine_type2 .webzine_type_text_td_left,
    td.webzine_type_img_td {
        display: block!important;
        width: 100%!important;
        padding-bottom: 20px;
    }
    #subarea .webzine_type2 .webzine_type_img img {
        max-width: 250px!important;
        width: 100%!important;
        height: auto!important;
        margin: auto;
    }
    #subarea .webzine_type2 .obj_name {
        font-size: 0.852em!important;
        width: 40px!important;
        background-position: right 6px!important;
        padding: 0!important;
    }
    #subarea .webzine_type2 dd {
        width: 340px;
        max-width: 100%;
    }
    .webzine_type2 .obj_value {max-width: 85%!important;}
    .webzine_type2 dl {float: none !important; display: block!important; max-width: 340px; margin: auto!important;}
    .news_title {font-size: 1.1em!important;}
    .expo .webzine_type2 .obj_name {min-width: 70px;}
    .expo .webzine_type2 .obj_value {max-width: 70%!important;}
}





/*---------------------------------------------------------------------------\

반응형-메인

---------------------------------------------------------------------------*/

@media (max-width: 1450px){#main_slide .carousel-caption {left: 9%; right: 9%;}}
@media (max-width: 1360px){
    .sc04_visual .container {
        max-width: 85%;
    }
    
}


@media (max-width: 1200px){
    
    body .container {max-width: 90%;}
    .adv_divs {min-height: 400px; padding: 80px 0;}
    .cont-area {padding: 0 30px 0 0;}
    body .adv_divs h2 {
        font-size: 1.5em;
        margin: 0 auto 10px!important;
    }
    .adv_divs h2 span {display: block; font-size: 1.2em;}
    .adv_divs p {font-size: 1em!important;  
    line-height: 1.5!important;   margin-bottom: 1rem;}
    .adv_divs p br {display: none!important;}
    .quick-mn li a {padding-top: 85%;}
    li.copy {margin: 0!important;}
    #footerarea ul li {line-height: 1.5;}
    #footerarea ul span::before {top: 10px;}
    .sc04_visual .slick-arrow {display:none!important;}
    .cs-area .noticeoutput tr td a {
        max-width: 230px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cs-area .noticeoutput tr td {white-space: nowrap;}

}

@media (max-width: 1024px){
}

@media (max-width: 811px){
    
    .carousel-caption {width: 100%; left: 0!important;}
    .slide_txtarea {text-align: center!important;}
    .slide_txtarea h2 {font-size: 3.5em!important; letter-spacing: 0!important;}
    .slide_txtarea p {font-size: 1.8em !important;}
    .adv_divs {padding: 60px 0;}
    .adv_divs a {
        display: block;
        text-align: center;
    }
    .cs-area .row {flex-wrap: wrap;}
    .cs-area .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: auto;
        margin-bottom: 30px;
    }
    .cs-area .noticeoutput tr td a {max-width: 100%;}
    .quick-mn li a {padding: 55% 0 20%;}
    #footerarea {
    text-align: center;}
    .footersubarea h1 {float: initial;margin: 0 0 30px!important;}
}

@media (max-width: 680px){
    
    .htitle {margin: 0 auto 30px;}
    .slide_txtarea h2 {
        font-size: 2em!important;
        line-height: 1.2!important;
    }
    .main-section .htitle h1 {font-size: 2em!important;}
    .main-section .htitle p {font-size: 1em!important;}
    .sc04_visual, .cs-area {padding: 50px 0 60px!important;}
    .adv_divs {background: url(adv_divs.jpg) no-repeat top right; min-height: 100%;}
    .cont-area {
        left: 0;
        padding: 0;
        text-align: center;
        max-width: 90%;
        margin: auto;
        position: initial;
    }
    p.more {margin: 0!important;}
    .cs-area .noticeoutput tr td:nth-child(3) {display: none;}
    .cs-area .noticeoutput tr td a, .cs-area .noticeoutput tr td {font-size: 1em!important;}
    .cs-area .noticeoutput tr td a::before {top: 11px;}
    .quick-mn li a {
        font-size: 1em;
        padding: 75px 0 10px;
    }
    .quick-mn li a::before {top: 15px;}
    #footerarea ul span,#footerarea ul b {font-size: 1em!important;}
    .toparr a.top {right: 2%;    bottom: 2%;}
    span.admin {
        display: block!important;;
        margin-top: 15px;
    }
    .product-flex li {padding: 0 10px;}
    .product-cont h2 {
        font-size: 0.8em!important;
        letter-spacing: -0.05em;
        line-height: 1!important;
        padding-top: 15px;
    }
    .cs-area .noticeoutput tr td a {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
    }
    #main_slide .carousel-inner .carousel-item img {object-position: 75% center!important;}
    .carousel-control-next, .carousel-control-prev {display: none!important;}
    .carousel-caption {bottom: 25%!important;}
    .carousel-indicators {bottom:2%!important;}
    
}