@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body {font-family:'Noto Sans KR','Malgun Gothic','Nanum Myeongjo',sans-serif;}
#doc {position:relative;min-width:320px; overflow:hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body {overflow-y:visible;overflow-x:hidden;}


/*=======================================================
  css dafault
=========================================================*/
.div-cont{position:relative; text-align:left;}
.div-cont:after {clear:both;content:"";display:block;}

.doc-pg{overflow:hidden;}
.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:relative;z-index:2005;}
#container-wrap{position:relative;z-index:1004; }
#footer-wrap{position:relative;z-index:2000; }


/*=======================================================
    #header-wrap 
=========================================================*/

#header-wrap {position:relative; height:70px; padding-bottom:20px; border-bottom:1px solid #d9d9d9; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Nanum Myeongjo',sans-serif;}
#header-wrap:before{position:Absolute; left:0px; top:0px; height:100%; background:#fff; width:100%; display:block; content:"";}
#header{position:relative; text-align:center;}

#header-wrap .mn-bar{display:none !important; position:absolute;background:#fff;border-top:1px solid #e6e6e6;left:0;top:90px;width:2000px; left:50%; margin-left:-1000px;z-index:2000;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) }

#header .bt-mnall {position:absolute; display:block; z-index:2599; width:30px; height:30px; background:url(/images/dumbeong/Layout/bt-mnall.png)no-repeat center center; background-size:24px auto; right:auto; top:auto;}
#header .bt-mnall-close {position:absolute;right:0;top:0;width:54px;height:70px; z-index:5400;border:0;background:url(/images/dumbeong/Layout/bt-mnall-close.png) no-repeat center center;}

#logo{position:absolute; left:60px; top:30px; text-align:left; z-index:2010; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
#logo a{background:url(/images/dumbeong/logo.jpg) no-repeat top center; display:block; width:128px; height:38px; float:left;}
#logo a.sub-logo{position:relative; width:auto; height:auto; color:#262626; background:none; font-size:20px; font-weight:600; line-height:38px; margin-left:15px; padding-left:12px; letter-spacing:-0.04em; display:block; float:left; }
#logo a.sub-logo:before{position:absolute; left:0px; top:50%; width:2px; height:20px; margin-top:-10px; background:#6b6b6b;display:block; content:"";}

    @media only screen and (min-width:1000px){
        
        #header .bt-mnall{display:none;}

        /* MainNavi-wrap */
        #mainNavi-wrap{}
        #mainNavi-wrap{overflow:hidden; position:absolute; right:0; top:20px; width:auto; display:block; z-index:2007;}
        #mainNavi-wrap .tmn-tit {display:none;}

        #mainNavi {position:relative;}
        
        .topmenu {display:block;position:relative;text-align:left;}
        .topmenu:after {display:block;content:"";clear:both;}
        .topmenu .tgl-btn {display:none;}
        .topmenu .mn_a1{position:relative; text-align:center;}
        .topmenu .mn_a1 .mn_s1{display:none; width:230px; font-size:18px; padding:14px 0px; line-height:120%; display:block; color:#fff; font-weight:600; letter-spacing:-0.06em; background:#5e5e5e; text-align:center;}
        .topmenu .mn_l1{position:relative; border-right:1px solid #c4c4c4; float:left;}
        .topmenu .mn_l1:first-child .mn_a1 .mn_s1{border-radius:10px 0px 0px 10px}
        .topmenu .mn_l1:last-child{margin-right:60px; border-right:none;}
        .topmenu .mn_l1:last-child .mn_a1 .mn_s1{border-radius:0px 10px 10px 0px}
        .topmenu .is-open .mn_a1 .mn_s1, .topmenu .is-over .mn_a1 .mn_s1{background:#009b62;}

        .topmenu .mn_l1:last-child a.mn_a1:after{position:absolute; right:-12px; width:20px; height:20px; top:50%;margin-top:-6px;display:block; content:""; background:url(/images/dumbeong/Layout/depth-down.png) no-repeat center center;} 
        .topmenu .mn_l1.is-open:last-child a.mn_a1:after, .topmenu .mn_l1.is-over:last-child a.mn_a1:after { background:url(/images/dumbeong/Layout/depth-up.png) no-repeat center center;}
        

        
        /* .topmenu #tm05 .depth2-wrap:before{background:#ececec; width:1px ;height:100% ;right:0; top:0; display:block; content:""; position:absolute;} */

        .topmenu .mn_l1.is-open .mn-txt{ color:#36aaeb;border-color:#36aaeb}
        .topmenu .mn-txt{font-size:17px; letter-spacing:-0.03em; color:#212121;border:1px solid #cecece; font-weight:400;padding:0 20px 0 20px; margin-top:15px; line-height:44px; display:block; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
        .topmenu .depth2-wrap {position:absolute; top:25px; line-height:120%;display:none;visibility:hidden;padding:0; width:100%; }
        .topmenu .depth2{position:relative; height:auto; padding:10px; overflow:hidden; border:3px solid #009b62; background:#fff; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
        .topmenu .depth2 li {letter-spacing:-1px;line-height:1.3em; width:auto;}
        .topmenu .depth2 .mn_l2{text-align:left; margin-bottom:5px;}
        .topmenu .depth2 .mn_l2:last-child{margin-bottom:0px;}
        .topmenu .depth2 .mn_a2{position:relative; cursor:pointer; line-height:120%; padding-left:10px; color:#666; display:block;}
        .topmenu .depth2 .mn_a2:before{position:absolute; left:0px; top:6px; width:4px; height:4px; background:#5e5e5e; content:"";}
        .topmenu .depth2 .mn_a2:hover{color:#009b62;}
        .topmenu .depth2 .mn_a2:hover:before{background:#009b62;}
        .topmenu .depth2 .mn_a2 span{display:inline-block; font-weight:300; font-size:15px; font-weight:400; letter-spacing:-0.02em; text-transform:uppercase; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
    
        #mainNavi-wrap .ovbar {position:absolute;height:14px;top:59px;display:block;overflow:hidden; height:12px; display:none;}
        #mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-35%;background:#214c9b; height:4px; content:""; display:block;z-index:200; width:70%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
        
        .tm-top{display:none;}
        
    }

    @media only screen and (min-width:1000px) and (max-width:1300px){
        #logo{left:20px;}

        .topmenu .mn_a1 .mn_s1{width:auto; padding:14px 15px;}
    }

    @media only screen and (max-width:999px) {

        /* 메뉴 */
        #header-wrap .mn-bg {display:none;}
        #mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
        #mainNavi {position:fixed; background:#fff; transition:right 0.3s ease; z-index:7000; right:-270px; overflow-y:auto;overflow-x:hidden;top:0px; width:270px;height:100%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;   transition: all 0.2s ease-out;}
        #mainNavi.mn-h-open {right:0;}

        #header-wrap,#header{height:50px;}
        #header .bt-mnall {top:20px; right:20px; display:block;}
        #logo{top:17px; left:20px;}
        #logo a{}
        #logo a.sub-logo{font-size:17px; margin-left:10px; padding-left:10px; }
        #logo a.sub-logo:before{height:16px; margin-top:-8px; background:#6b6b6b;display:block; content:"";}

        .tm-top{position:relative;}
        .tm-top h3{ background:#fff url(/images/dumbeong/logo.jpg)no-repeat 15px center; height:70px; border-bottom:2px solid #214c9b}
        

        .topmenu {width:100%;display:block;position:relative;}
        .topmenu:after {display:block;content:"";clear:both;}
        .topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
        
        .topmenu a {position:relative;}
        .topmenu .mn-txt{display:none;}

        .topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
        .topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
        .topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
        .topmenu .mn_l1 > .tgl-btn {right:15px;top:16px;}
        .topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
        .topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);}
        .topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
        .topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
        .topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
        .topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

        .topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #e6e6e6;}
        .topmenu .mn_a1 span {display:block;padding:17px 50px 17px 20px;overflow:hidden; font-size:17px; font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#333;}
        .topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#111;}

        .topmenu .has-sub .is-ico {padding:0;display:block;width:30px;height:30px;position:absolute;right:0px;top:3px;border:1px solid red;}

        .topmenu li > div {display:none; opacity:0;}
        .topmenu .depth2-wrap {position:relative; width:auto !important}
        .topmenu .depth2 {position:relative;background:#f6f6f6;padding:12px 0;border-bottom:1px solid #e6e6e6;}
        .topmenu .depth2:after {clear:both;content:"";display:block}
        .topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
        .topmenu .depth2 .mn_l2:last-child{border-bottom:none}
        .topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
        .topmenu .depth2 .mn_a2 {display:block;padding:6px 45px 6px 21px; position:relative;}
        .topmenu .depth2 .mn_a2 span.img{display:none;}
        .topmenu .depth2 .mn_a2 span {font-size:14px;font-weight:300;cursor:pointer;color:#444;}
        .topmenu .depth2 .mn_a2:hover span, .topmenu .depth2 .over .mn_a2 span{color:#214c9b;text-decoration:underline}

        .mn-bar {display:none;}
        
    }

    @media only screen and (max-width:480px){
        #logo{top:10px; left:15px;}
        #logo a{width:100px; background-size:100px; height:32px; float:none;}
        #logo a.sub-logo{font-size:15px; line-height:120%; margin-left:0px; padding-left:0px; float:none; margin-top:2px;}
        #logo a.sub-logo:before{display:none;}

        .topmenu .mn_a1 span {padding:15px 30px 15px 15px; font-size:15px;}
    }



/* ======================================================
   #container 
=========================================================*/

#container-wrap #contents{min-height:320px;}

    @media only screen and (max-width:1000px){

    }

    @media only screen and (max-width:680px){

    }

/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap{display:block; position:relative; background:#1b1b1b;}
#footer{position:relative; text-align:center; padding:25px 20px;}

#footer .copy{color:#fff; font-size:15px; letter-spacing:-0.02em;}
#footer .heritage{position:absolute; right:25px; top:50%; margin-top:-24px;}
#footer .heritage a{display:block; background:url(/images/dumbeong/Layout/heritage.png) no-repeat top left; width:220px; background-size:220px; height:48px;}

    @media only screen and (max-width:1200px){
        #footer .copy{margin-bottom:15px;}
        #footer .heritage{position:relative; right:auto; top:auto; margin-top:0px; display:inline-block;}
    }

    @media only screen and (max-width:680px){
        #footer{position:relative; text-align:center; padding:15px;}

        #footer .copy{font-size:13px;}
        #footer .heritage a{width:180px; background-size:180px; height:40px;}
    }