@charset "utf-8";
            
            
            
            @import url(//fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean);
            #cms2frame *, .wrapper *::before, .wrapper *::after {
                box-sizing: content-box !important;
            }
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, etails, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
                margin: 0;
                padding: 0;
                border: 0;
                vertical-align: baseline;
                font-family: 'Noto Sans KR', sans-serif, 'Lato';
            }
            
            article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
                display: block; 
            }
            
            body {
                line-height: 1; 
            }
            
            ol, ul {
                list-style: none; 
            }
            
            table {
                border-collapse: collapse;
                border-spacing: 0; 
            }
            
            body {
                position: relative;
                min-width: 320px;
                padding-top:70px;
                width: 100%;
                font-size: 14px;
                color: #000;
                font-family: 'Noto Sans KR', sans-serif, 'Lato', sans-serif;
                box-sizing: border-box; 
                padding:0 !important;
                overflow-x:hidden;
            }
            body *, body *::before, body *::after {
                box-sizing: border-box;
            }
            
            .container {
                max-width: 1500px;
                width: 100%;
                display: block;
                margin: 0 auto;
            }
            
            .container-fluid {
                width: 100%;
                display: block; 
            }
            
            .sr-only {
                position: absolute;
                width: 1px;
                height: 1px;
                padding: 0;
                overflow: hidden;
                clip: rect(0, 0, 0, 0);
                white-space: nowrap;
                border: 0; 
            }
            
            input, select, textarea {
                font-family: inherit;
                outline: none !important; 
            }
            
            a, button {
                color: #333;
                cursor: pointer;
                background: none;
                border: 0;
                padding: 0;
                outline: none;
                text-decoration: none; 
            }
            a:hover, button:hover {
                color: #666; 
            }
            
            .btn {
                display: inline-block;
                -webkit-transition-property: all;
                transition-property: all;
                -webkit-transition-duration: 0.15s;
                transition-duration: 0.15s;
                -webkit-transition-timing-function: linear;
                transition-timing-function: linear;
                -webkit-transition-delay: 0s;
                transition-delay: 0s; 
            }
            .btn:hover {
                opacity: .7; 
            }
            img{max-width:100%;}

            .event_top { width: 100%; height:90px;top:0; position: relative; z-index: 20;}
            
           
            .mNav { display: none; }
            #header {
                position: fixed;
                top:0px;
                left:0;
                width:100%;
                z-index: 12;
                background-color:#fff;
                transition: all 0.3s;
}
            #header > .logo {
                position: relative;
                z-index: 1;
                display: inline-block;
                font-size: 0;
                margin-top: 18px;
            }
            #header > .logo > a {
                display: block; 
            }
            #header .logo a img {
                display:none; 
            }
            #header .logo a img+img {
                display:block;
                /* width: 119px; */
                margin: 18px auto;
            }



            @media (min-width: 992px) {
                body {padding-top:0;}
                
                body.scroll {
                    padding-top:170px;
                }
                #header .logo {
                    margin: 30px 0;
                    float: left;
                }
                #header .logo a img {
                    display:block;
                    max-width: 100%; 
                }
                #header  .logo  a img+img {
                    display:none;
                }
            }
            
            #gnb {
                display: none; 
            }               

            @media (min-width: 992px) {
                #gnb {
                    /* position: relative; */
                    float: right;
                    display: block;
                    margin: 30px 0;
                    top: 30px;
                    /* border-top: 1px solid #8a8a8a; */
                }
                #gnb .container {
                    position: relative;
                    height: 60px;
                    padding-left: 0;
                }
                #gnb .container .mmn {
                    position: absolute;
                    top: 0;
                    right: 0px;
                    width: 60px;
                    height: 60px; 
                    background:#484954;
                }
                #gnb .container .mmn span.bar {
                    position: relative;
                    display: block;
                    width: 18px;
                    height: 2px;
                    margin: 0 auto;
                    background-color: #fff;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s; 
                }
                #gnb .container .mmn span.bar ~ .bar {
                    margin-top: 4px; 
                }
                #gnb .container .mmn.btn-close {
                    background-color: #545660; 
                }
                #gnb .container .mmn.btn-close span.bar {
                    background-color: #; 
                }
                #gnb .container .mmn.btn-close span.bar ~ .bar {
                    margin-top: 0; 
                }
                #gnb .container .mmn.btn-close span.bar:nth-of-type(1) {
                    top: 2px;
                    transform: rotate(45deg); 
                }
                #gnb .container .mmn.btn-close span.bar:nth-of-type(2) {
                    opacity: 0; 
                }
                #gnb .container .mmn.btn-close span.bar:nth-of-type(3) {
                    top: -2px;
                    transform: rotate(-45deg); 
                }
                #gnb .container > ul {
                    width: 100%;
                    font-size: 0;
                    text-align: center;
                }
                #gnb .container > ul > li {
                    position: relative;
                    display: inline-block;
                }
                #gnb .container > ul > li > a {
                    position: relative;
                    font-size: 16px;
                    display: inline-block;
                    line-height: 59px;
                    padding: 0 30px;
                    color: #303030;
                    font-weight: 400;
                    overflow: hidden;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s;
                }
                #gnb .container > ul > li:nth-child(7) > a:after {
                    display: inline-block; content: ''; width: 38px; height: 18px; background: url(/_files/6iHrlX5ci.png) no-repeat;
                    vertical-align: middle; margin: -2px 0 0 4px;
                }
                /*#gnb .container > ul > li > a:after {
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    width: 100%;
                    height: 4px;
                    content: '';
                    display: block;
                    background-color: #545660;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s; 
                }*/
                #gnb .container > ul > li > div {
                    display: none;
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 180px;
                    height: 0;
                    overflow: hidden;
                    background-color: rgba(72,73,84,0.9);
                }
                /*#gnb .container > ul > li > div:after {
                    display: none;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                    width: 100%;
                    height: 200px;
                    content: '';
                    background-image: url();
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-position: 100% 0; 
                }*/
                #gnb .container > ul > li > div > ul {
                    display: block;
                    width: 100%;
                    padding: 30px 10px; 
                }
                #gnb .container > ul > li > div > ul > li {
                    position: relative;
                    text-align: center;
                }
                #gnb .container > ul > li > div > ul > li ~ li {
                    margin-top: 15px; 
                }
                #gnb .container > ul > li > div > ul > li > a {
                    position: relative;
                    display: inline-block;
                    word-break: keep-all;
                    font-size: 16px;
                    color: #ffffff;
                    letter-spacing: -1px;
                    font-weight: 400;
                    line-height: 22px;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s; 
                }
                #gnb .container > ul > li > div > ul > li > a:after {
                    position: absolute;
                    bottom: -3px;
                    left: 0;
                    width: 0;
                    height: 1px;
                    content: '';
                    background-color: #aeaeb2;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s; 
                }
                #gnb .container > ul > li > div > ul > li:hover > a {
                    color: #aeaeb2; 
                }
                #gnb .container > ul > li > div > ul > li:hover > a:after {
                    width: 100%; 
                }
                #gnb .container > ul > li > div > ul > li:nth-of-type(3n + 1) {
                    clear: left; 
                }
                #gnb .container > ul > li.active > a {
                    color: #545660; 
                }
                /*#gnb .container > ul > li.active > a:after {
                    bottom: 0; 
                }*/
                #gnb .container > ul > li.active > div {
                    display: block;
                    height: auto; 
                } 
            }
            
            @media (min-width: 1200px) {
                #gnb .container > ul > li {
                    padding: 0px; 
                }
                
                
            }
            @media (min-width: 1420px) {
                #gnb .container > ul {
                   width:100%;
                   /* border-top: 1px solid #eee; */
                }
                #gnb .container > ul > li > a {
                    /* position: relative; */
                    font-size: 18px;
                    display: inline-block;
                    line-height: 20px;
                    border-right: 1px solid #333;
                    padding: 0 30px;
                    margin: 20px 0;
                    color: #303030;
                    font-weight: 400;
                    overflow: hidden;
                    -webkit-transition-property: all;
                    transition-property: all;
                    -webkit-transition-duration: 0.15s;
                    transition-duration: 0.15s;
                    -webkit-transition-timing-function: linear;
                    transition-timing-function: linear;
                    -webkit-transition-delay: 0s;
                    transition-delay: 0s;
                }
                #gnb .container > ul > li:last-child > a {border-right: none}
                #gnb .container > ul > li > div {
                    display: none;
                    position: absolute;
                    top: 100%;
                    height: 0;
                    overflow: hidden;
                    background-color: rgba(72,73,84,0.9);
                }
                #gnb .container > ul > li > div:after {
                    width: 1200px;
                    left: 50%;
                    margin-left: -600px; 
                }
            } 
           
           
                       
           @media screen and (max-width: 1240px) {
                .container{max-width: 96%;} 
                header .container{max-width:100%;}
                header #gnb .container{position: initial;}
                #gnb .container > ul {width:97%;}
                #gnb .container > ul > li > a{padding: 0 12px;}
             }                
             @media screen and (max-width: 991px) {
                .event_top .item a.mo_img { display: block; margin: 0 auto;}
                .event_top .item a.mo_img img{height:75px; padding-top:15px;}
                .event_top .item a.pc_img { display:none;}
                #header{/* top:90px; */}
                body.scroll #header{top:0px;}
                
                .body_wrap.offevent { padding-top: 70px; }
            	.contents{margin-top: 130px;padding:0;}
            	body.scroll .contents {margin-top: 130px;}
            	#header > .container-fluid .mmn{background:#fff;}
             }                
            
            @media screen and (max-width: 800px) {
                .body_wrap.offevent { }
                .event_top{height:65px;}
                .event_top .item a.mo_img img{height:55px; padding-top:5px;}
                .event_top .item a{height: 65px;}
                .event_top a.close_top img{width:25px; }
                .event_top .slick-dots{top:20px;}
                .event_top .item { height: 65px; position:relative; top:-130px;}
            	.body_wrap.offevent .header .gnb,
            	.body_wrap.offevent .header .gnb.scroll {top: 0;}
            	#header{top: 0;position: fixed;/* height: 50px; */}
            	
            	.contents{margin-top: 100px;}
            	body.scroll .contents {margin-top: 130px;}
                body.event_none.scroll .contents {margin-top: 95px;}
                body.event_none .contents {margin-top: 90px;}
            }    
            @media screen and (max-width: 1400px) {
                #site-map .container-fluid > .nav-body > ul{width:100%; text-align:center;}
            }
                    
        .mobile-nav { display: none; }
        .mobile-view { display: none; }
        .mobile-nav.active {
            display: block;
            width: 300px; height: 100vh;
            background-color: #fff;
            position: fixed;
            top: 0;
            right: 0;
            padding: 30px 0px;
            box-sizing: border-box;
            z-index:999;
        }
        .mobile-nav .quick-link {
            padding-bottom: 20px;
            font-size: 0;
        }
        .mobile-nav .quick-link a {
            display: inline-block;
            padding: 5px 10px; background-color: #fff;
            color: #454545; font-size: 14px;
        }
        .mobile-nav .quick-link a+a { margin-left: 5px; }
        .mobile-nav .depth1{display: flex;text-align: center;/* padding: 10px; */width: 100%;border-bottom: 1px solid #333;margin: auto;justify-content: center;}
        .mobile-nav .depth1 > li {line-height: 50px;text-align: center;width: 35%;height: 50px;border-right: 1px solid #333;/* border-bottom: 1px solid #333; */}
        .mobile-nav .depth1 > li:last-child {border-right: none}

        .mobile-nav .depth1 > li.active{background:url(/_files/6hXasrOWD.jpg) no-repeat 90% 20px}
        .mobile-nav .depth1 > li > a {
            font-size: 12px;
            letter-spacing: -1.5px;
            /* line-height: 12px; */
            /* height: 15px; */
            color: #232323;
            padding-left: 5px;
            padding-right: 5px;
            border-right: 1px solid #f4f4f473;
            text-align: center;
            /* width: 100px; */
        }

        .mobile-nav .depth1 > li:nth-child(4) > a {
                    border-right: none;
                    }
        .mobile-nav .depth1 > li:nth-child(7) > a {
                    border-right: none;
                    }
        .mobile-nav .depth1 > li > div {
            display: none;
        }
        .mobile-nav .depth2{background:#f7f7f7;border-top:1px solid #eaeaea;padding: 20px 0px;}
        .mobile-nav .depth2 > li { padding-left: 30px; }
        .mobile-nav .depth2 > li > a {
            font-size: 17px; line-height: 36px; color: #303030;     letter-spacing: -1px;font-weight: 300;  }
        .mobile-nav .depth2 > li > a:hover{color:#000;}
        .mobile-nav ul > li > a:hover {/* color: #2a33a9; *//* opacity: 1; */}
        .mobile-nav .mlogin { margin-bottom: 30px; padding-left: 30px; }
        .mobile-nav .mlogin ul { font-size: 0; }
        .mobile-nav .mlogin ul li { display: inline-block; margin-right: 10px; }
        
        .mobile-nav .mlogin ul li+li+li { border-right: none; }
        .mobile-nav .mlogin ul li a,
        .mobile-nav .mlogin ul li span { 
            display: block; width: 100%; line-height: 28px;
            color: #565656; font-size: 17px; text-align: left;
        }
        
        .dimm { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.66); display: none; z-index: 99; }
        .dimm.active { display: block; } 
       
        .mobile-nav .mmn span {
            display: block;
            width: 36px;
            height: 2px;
            background-color: #505050;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.3s;
        }
        .mobile-nav .mmn span:nth-child(1) {
            margin-top: 0;
            transform: translate(-50%, -50%) rotate(45deg);
        }    
        .mobile-nav .mmn span:nth-child(2) {
            opacity: 0;
        }
        .mobile-nav .mmn span:nth-child(3) {
            margin-top: 0;
            transform: translate(-50%, -50%) rotate(-45deg);
        }
        
        
    
        #header > .container-fluid .news {
            position: absolute;
            top: 40px;
            left: 6px;
            width: 380px;
            height: 30px;
        }
        #header > .container-fluid .news .news-title{
            color: #444;
            font-weight: bold;
            line-height: 30px;
            font-size: 27px;
            width:200px;
            /* text-align:center; */
            margin-right:10px;
            float:left;
        }
        #header > .container-fluid .news .news-slider {flex-grow: 1;height: 30px;}

        #header > .container-fluid .news .news-slider .swiper-slide a{
            float:right;
            margin-right: 25px;  
            width:230px;
            overflow: hidden;
            font-size: 17px;
            color: #494955;
            line-height: 30px;
            letter-spacing:-1px;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align:left;
        }
        #header > .container-fluid .news .news-container{overflow:hidden;}
        #header > .container-fluid .news .news-container>.swiper-wrapper{height:30px;flex-direction: column;}
        #header > .container-fluid .news .news-slider .news-button-prev{    
            width: 15px;
            height: 14px;
            background: url(/_files/6hX5FShVR.png) no-repeat center;
            position: absolute;
            top: 15px;
            right: 0%;
            transition: all 0.3s;
            cursor: pointer;
            z-index: 3;}
        #header > .container-fluid .news .news-slider .news-button-next{
            width: 15px;
            height: 13px;
            background: url(/_files/6hX5FSfe3.png) no-repeat center;
            position: absolute;
            top: 2px;
            right: 0%;
            transition: all 0.3s;
            cursor: pointer;
            z-index: 3;}
       
        @media screen and (max-width: 992px) {   
        }
            /*ㅁㅂ일*/
             @media screen and (max-width: 800px) {
                 #header {
    height: 100px;
}
     .mobile-nav {display:block;position: fixed;z-index: 100;bottom: 0;/* color: #444; */background: #f9f3f0;width: 100%;}          
}