<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* font */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* Common Object */
html,body,*{color:#333;font-family:"Noto Sans KR";background:none;}
body{overflow:auto;height:auto;}
div{box-sizing:border-box;}
a{text-decoration:none;color:#333;}
.btn i{color:#fff !important;}
ul{padding:0px;margin:0px;}
ul li{list-style:none;}
.img-responsive{max-width:100%;display:block;}
.text-center .img-responsive{margin:0px auto;}

.panel.panel-default{border:1px solid #ddd;box-shadow: 0 1px 2px rgba(0,0,0,.05);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);}

.subTitle{font-size:18px;font-weight:bold;margin-bottom:5px;}

/* btn */
.btn.btn-primary{}
.btn.btn-danger{}
.btn.btn-success{}

.top_area,.body_area,.foot_area{clear:both;width:100%;box-sizing:border-box;}
.content{max-width:1400px;margin:0px auto;}
.form-control{border:1px solid #ccc;padding:5px;}

.table{}
.table th,.table td{padding:5px;}

/* paging */
.pagination&gt;.active&gt;a, .pagination&gt;.active&gt;a:focus, .pagination&gt;.active&gt;a:hover, .pagination&gt;.active&gt;span, .pagination&gt;.active&gt;span:focus, .pagination&gt;.active&gt;span:hover
{
    background-color: #130424;
    border-color: #130424;
}
.pagination&gt;li&gt;a, .pagination&gt;li&gt;span{color: #130424;}

/* Top area */
.top_area{background:#fff;padding:20px 20px 20px;overflow:hidden;position:absolute;left:0px;top:0px;min-height:80px;z-index:999;}
.top_area .member_bar{text-align:right;width:80%;margin:10px auto;height:24px;}
.top_area .member_bar a{color:#333;display:inline-block;margin:0px 10px;}
.top_area .member_bar a:hover{color:#222;}
.top_area .logo{float:left;width:20%;text-align:Center;margin:0px;}
.top_area .menu-wrap{float:left;width:70%;margin-top:10px;margin-left:10%;}
.top_area .menu-wrap&gt;.menu&gt;li{float:left;width:16.666666%;text-align:center;position:relative;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;a{color:#333;display:block;padding:10px 0px;font-size:20px;font-weight:bold;text-align:left;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;a img{vertical-align:top;}
.top_area .menu-wrap&gt;.menu&gt;li:hover&gt;a{color:#00aad1;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;.submenu{display:none;}
.top_area .menu-wrap&gt;.menu:hover&gt;li&gt;.submenu{display:block;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;.submenu&gt;li{text-align:left;padding-left:0px;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;.submenu&gt;li&gt;a{color:#333;font-weight:normal;padding:10px 0px;display:block;font-size:14px;}
.top_area .menu-wrap&gt;.menu&gt;li&gt;.submenu&gt;li&gt;a:hover{color:#00aad1;}

/* Body area */
.body_area{margin-top:80px;}

/* Foot area */
.foot_area{}
.copyright{background:#000;color:#fff;padding:20px;font-size:12px;line-height:24px;margin:0px auto;border:5px solid #000;}
.copyright a{color:#fff;}

/* main_page */
.main_page{background:#ebebeb;}

.main_page .swiper .swiper-slide .ani_text_wrap{position:absolute;margin-top:18%;width: 100%;}
.main_page .swiper .swiper-slide .ani_text_wrap .ani_text{width:100%;text-align:center;}
.main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml1{}
.main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml2{margin-top:50px;}
.main_page .swiper .swiper-slide{background-size:cover;background-position:center center;}
.main_page .swiper img{opacity: 0;}
.main_page .swiper .swiper-slide .ani_text .letter{color:#fff;font-weight:900;font-size:2em;opacity: 0;}

.main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml1 .letter{font-weight:100;font-size:1em;}
.main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml2 .letter{}

/* mobile main swiper */
@media (max-width: 768px){
    .main_page .swiper .swiper-slide{overflow:hidden;}
    .main_page .swiper img{height:600px;width:auto !important;max-width:9999999px;margin-left:-125%;}
    .main_page .swiper .swiper-slide .ani_text .letter{color:#fff;font-weight:900;font-size:0.7em;}

    .main_page .swiper .swiper-slide .ani_text_wrap{margin-top:40%;width: 100%;}
    .main_page .swiper .swiper-slide .ani_text.ml1{}
    .main_page .swiper .swiper-slide .ani_text.ml2{}

    .main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml1 .letter{font-weight:100;font-size:0.6em;}
    .main_page .swiper .swiper-slide .ani_text_wrap .ani_text.ml2{margin-top:10px;}

}

/* sub top page */
.sub_page{clear:both;}
.sub_top{height:200px;line-height:200px;font-size:34px;color:#fff;font-weight:bold;text-align:center;background-position:center center;background-repeat:no-repeat;margin:0px 0px 30px;background-color:#130424;}
.sub_top.sub_top_board1{background-color:#00d2ff;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image1.jpg);}
.sub_top.sub_top_board2{background-color:#00d2ff;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image2.jpg);}
.sub_top.sub_top_board3{background-color:#3950a0;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image3.jpg);}
.sub_top.sub_top_board4{background-color:#0865c2;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image4.jpg);}
.sub_top.sub_top_board5{background-color:#00d2ff;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image5.jpg);}
.sub_top.sub_top_company{background-color:#1a2a5e;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/company/top_image.jpg);}
.sub_top.sub_top_certificate{background-color:#052f2e;background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/certificate/top_image.jpg);}

/* mobile sub top 2021.12.14 */
@media (max-width: 768px){
    .sub_top{height:75px;   display:none;} /* ìˆ¨ê¹€ìš”ì²­ ì²˜ë¦¬ 2021.12.22 */
    .sub_top.sub_top_board1{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image1_m.jpg);}
    .sub_top.sub_top_board2{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image2_m.jpg);}
    .sub_top.sub_top_board3{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image3_m.jpg);}
    .sub_top.sub_top_board4{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image4_m.jpg);}
    .sub_top.sub_top_board5{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/board/top_image5_m.jpg);}
    .sub_top.sub_top_company{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/company/top_image_m.jpg);}
    .sub_top.sub_top_certificate{background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../image/certificate/top_image_m.jpg);}
}

.subpage_title{font-size:24px;font-weight:900;border-bottom:1px solid #333;}
.sub_page .content{padding:30px;overflow:hidden;}

/* modal */
.modal-body{background:#fff;}

/* mobile style */
.mobile-navi-btn{float:right;border:0px;margin:7px 10px;padding:0px;width:20px;height:20px;}
.mobile-navi-btn img{width:100%;}

.menu-wrap_m{display:none;}
@media (max-width: 768px){
    .main_page .content{padding:0px 30px;}
    .sub_page .content{padding:20px 10px;}
    .sub_page .subpage_title{padding:10px 30px;}
    .menu-wrap{display:none;}

    .menu-wrap_m{width:100%;height:100%;position:fixed;background:rgba(255,255,255);left:0px;top:0px;padding:0px;}
    .menu-wrap_m .menu_top{border-bottom:1px solid #ddd;overflow: hidden;padding:10px;}
    .menu-wrap_m .menu_top .logo{width:150px;padding:10px;}
    .menu-wrap_m .menu{width:100%;float:left;border-right:1px solid #ddd;position:fixed;height:100%;padding-top:10px;}
    .menu-wrap_m .menu a{margin-bottom:0px;display:inline-block;}
    .menu-wrap_m .menu&gt;li{width:150px;margin:10px 0px;padding:10px 0px 20px 20px;/*border-bottom:1px solid #ddd;*/}
    .menu-wrap_m .menu&gt;li&gt;a{font-size:1.1em;font-weight:bold;width:100%;}
    .menu-wrap_m .menu&gt;li&gt;a&gt;i{float:right;}
    .menu-wrap_m .menu&gt;li&gt;ul&gt;li&gt;a{margin:20px 0px 20px 20px;display:block;font-size:1em;}
    .menu-wrap_m .menu&gt;li&gt;ul{display:none;width:calc(100% - 150px);position:absolute;left:150px;top:0px;height:100%;border-left:1px solid #ddd;background:#f8f8f9;}

    .menu-wrap_m .close_btn{position:absolute;right:30px;top:20px;border:0px;font-size:34px;}

    .menu-wrap_m .close_btn {
        display: block;position: absolute;right: 26px;top: 26px;z-index: 20;width: 24px;height: 24px;
    }
    .menu-wrap_m .close_btn:before,
    .menu-wrap_m .close_btn:after {
        content: "";display: block;position: absolute;left: 3px;top: 10px;width: 71%;height: 2px;background-color: #666;
    }
    .menu-wrap_m .close_btn:before {
        transform: rotate(45deg);
    }
    .menu-wrap_m .close_btn:after {
        transform: rotate(-45deg);
    }


    .top_area .logo{width:50%;text-align:left;}
    .top_area .logo img{width:100%;max-width:130px;}

    .top_area{position:relative;}
    .body_area{margin-top:0px;}

    .popupDiv{left:2% !important; top:20px !important;width:96%;}
    .popupDiv img{width:100% !important;}

}
</pre></body></html>