@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap");
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NEXON Lv1 Gothic OTF Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff'); font-weight: normal; font-style: normal; }

.smalltit{font-size:30px;font-weight: 600;}
.middletit{font-size:45px;font-weight: 600;}
.nopd{margin:0; padding:0;line-height: 1.2;}

header .logo{position: fixed;top:0;left:0;right:0;z-index: 999;}
header .logo img{max-height: 50px;;}
header .logo ul{margin:0 auto;position: relative;display: block;width:1300px;padding-top:35px;text-align: right;z-index:-1;}

header .logo ul li{display: inline-block;text-align: center;padding:;border-radius: 20px; border:0px solid #fff;width:20%;box-sizing: border-box;}
header .logo ul li:nth-child(1){width:15%;}
header .logo ul li:nth-child(2){width:25%;}
header .logo ul li a{color:#fff;font-size: 24px;position: relative;overflow: hidden;display: inline-block;font-family: 'GmarketSansMedium'}
header .logo ul li a:hover{color:#fff;}
header .logo ul li a::after{position: absolute;bottom:0; left:-100%;content: "";height: 3px;width:100%;background-color: #fff;-webkit-transition: 0.3s ease-in-out;}
header .logo ul li a:hover::after{left:0;-webkit-transition: 0.2s ease-in-out;}



header .logo{}
header .logo .logoimgbox{position: absolute;left:3%;top:40%;}
header .logo .logoimgbox a{z-index: 9;;}
header .logo .logoimgbox a img{max-height: 50px;}


/*
header .logo ul li{display: inline-block;text-align: center;padding:;border-radius: 20px; border:1px solid #fff;width:19.5%;box-sizing: border-box;}
header .logo ul li a{display: inline-block;width:100%;padding:7px 0;color:#fff}
header .logo ul li:hover{background-color: #fff;}
header .logo ul li:hover a{color:#666;}

*/

#fullpage{}
#fullpage .section{text-align: center;color:#fff}
#fullpage .section .slide{background-color: ;}



.firstTit{text-align: left;}
.firstTit p:nth-child(1){font-size: 90px;line-height: 0.9;text-shadow: 2px 2px 10px #040d3c;}
.firstTit p:nth-child(2){padding:40px 0 0px;font-size: 30px;}
.firstTit p:nth-child(3){font-size: 30px; line-height: 1;}
.firstTit p:nth-child(4){font-size: 20px; font-weight: 100;padding:20px 0 0;}
.sliderfl{width:45%}
.sliderfr{width:55%;max-height: 504px;position: relative;;}
.sliderfr img{max-width:100%;height:100%;}


.bigtit{font-size: 80px;font-family: 'NanumSquare';padding:0 0 40px;}
.subtit{font-family: 'NanumSquare'; font-size:50px;}
.section .slide .subtit:last-child{padding:15px 0 0;}
.section .slide:nth-child(1){text-align: left;}
.section .slide:nth-child(2){text-align: right;}
.section .slide:nth-child(3){text-align: center;}
.section .slide:nth-child(4){text-align: left;}


.swiper-container{max-width:640px;;max-height: 504px;box-shadow: 5px 9px 10px #0a154e;border-radius: 15px;;}
.swiper-container-vertical > .swiper-pagination-bullets{top:40px!important;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff!important;}


.rightfix{position: fixed;right:5%;top:50%;margin-top:-87px;}
.rightfix ul li{text-align: right;padding:0 0 40px 0;}
.rightfix ul li:last-child{padding:0 0 00px 0;}
.rightfix ul li a{color:#fff;text-align: right;text-decoration: none;font-size: 20px;font-weight: 100;position: relative;-webkit-transition: 0.2s ease-in;font-family: 'S-CoreDream-3Light';}
.rightfix ul li a::before{position: absolute;content: "";left:0;bottom:0px; width:100%; height:1px; background-color: #fff;-webkit-transition: 0.2s ease-in;}
.rightfix ul li a:hover::before{position: absolute;content: "";left:0;bottom:0px; width:100%; height:1px; background-color: #49d04e;-webkit-transition: 0.2s ease-in;}
.rightfix ul li a::after{position: absolute;content: "";left:50%;margin-left:-5px;top:-10px; width:10px; height:10px; background-color: transparent;border-radius: 100%;-webkit-transition: 0.2s ease-in;}
.rightfix ul li a:hover::after{position: absolute;content: "";left:50%;margin-left:-5px;top:-10px; width:10px; height:10px; background-color: #49d04e;border-radius: 100%;-webkit-transition: 0.2s ease-in;}
.rightfix ul li a:hover{color:#49d04e;-webkit-transition: 0.2s ease-in;}

.rightfix.orangefix ul li a:hover::before{position: absolute;content: "";left:0;bottom:0px; width:100%; height:1px; background-color: #d78a3b;-webkit-transition: 0.2s ease-in;}
.rightfix.orangefix ul li a:hover::after{position: absolute;content: "";left:50%;margin-left:-5px;top:-10px; width:10px; height:10px; background-color: #d78a3b;border-radius: 100%;-webkit-transition: 0.2s ease-in;}
.rightfix.orangefix ul li a:hover{color:#d78a3b;-webkit-transition: 0.2s ease-in;}

.rightfix.bluefix ul li a:hover::before{position: absolute;content: "";left:0;bottom:0px; width:100%; height:1px; background-color: #5180ad;-webkit-transition: 0.2s ease-in;}
.rightfix.bluefix ul li a:hover::after{position: absolute;content: "";left:50%;margin-left:-5px;top:-10px; width:10px; height:10px; background-color: #5180ad;border-radius: 100%;-webkit-transition: 0.2s ease-in;}
.rightfix.bluefix ul li a:hover{color:#5180ad;-webkit-transition: 0.2s ease-in;}

.brightunder{display: inline-block;position: relative;}
.brightunder::after{content: "";width: 100%;height: 14px;background-color: rgba(255,152,0,0.82);bottom: 0;left: 0;position: absolute;z-index: -1;}


.greenunderbig{position: relative;display: inline-block;font-size: 36px;margin-top:30px!important;}
.greenunderbig::after{position: absolute;content: "";left:0;bottom:-10px; width:100%; height:8px; background-color: #49d04e;-webkit-transition: 0.2s ease-in;}

.orangeunderbig{position: relative;display: inline-block;font-size: 36px;margin-top:30px!important;}
.orangeunderbig::after{position: absolute;content: "";left:0;bottom:-10px; width:100%; height:8px; background-color: #d78a3b;-webkit-transition: 0.2s ease-in;}

.blueunderbig{position: relative;display: inline-block;font-size: 36px;margin-top:30px!important;}
.blueunderbig::after{position: absolute;content: "";left:0;bottom:-10px; width:100%; height:8px; background-color: #5180ad;-webkit-transition: 0.2s ease-in;}


.splitwrap{width:1300px; margin:0 auto;text-align: left;}
.splitwrap .spl{width:69%;}
.splitwrap .spr{width:30%;border: 1px solid #fff;max-height:565px;;}
.splitwrap .fltop{}
.splitwrap .fltop .spspleft{width:45%;;color:#000;min-height: 238px;}
.splitwrap .fltop .spspright{width:53%;;color:#000;}
.splitwrap .spl .spb{width:80%;color:#000;margin-top: 15px; display: inline-block;vertical-align: top;}
.splitwrap .spl .spbr{width:19.5%;display: inline-block;padding-top:15px;vertical-align: top;text-align: right;}
.splitwrap .spl .spbr img{width:162px;vertical-align: top;border:1px solid #fff;}
.splitwrap .spl .spbr img:last-child{margin-top:15px;}
.spspleft,.spspright,.spb{background-color:rgba(255,255,255,0.8);}
.spspleft,.spspright,.spb,.spr{padding:27px 25px;box-sizing: border-box;}

.fortoppd{padding-top: 70px;;}


.info1wrap .fl{width:50%;padding-right:15px;}
.info1wrap .fr{width:50%;padding-left:15px;}
.splitwrap .wwbox{background-color:rgba(255,255,255,0.8);color:#333;}
.splitwrap .wlbox{border: 1px solid #fff;color:#fff;}
.splitwrap .wlbox .intit{color:#fff;}

.splitwrap .info1box{padding:20px 25px;box-sizing: border-box;margin-bottom:15px;height:210px;}
.splitwrap .info1box:last-child{margin-bottom:0;}
.splitwrap .info1box .spanline{}
.splitwrap .info1box .spanline span{display: inline-block;width:50%;font-size:20px; font-family: "NanumSquare";font-weight: 600;;}
.splitwrap .info1box .spanline.wholespan span{width:100%;}
.splitwrap .info1box .spanline.wholespan span.indent{text-indent: -67px;margin-left: 67px;max-width: 87%;}

.splitwrap .info1box .spanline.lh14{line-height: 1.4;}

.info1wrap .fr img{max-width:100%;}
.font18 span{font-size: 18px!important;}

.intit{font-weight: 800;color:#000;font-size: 30px;margin-bottom: 30px!important;text-decoration: underline; font-family: "NanumSquare";}
.intxt{font-weight: 200; font-size: 16px;;}

.multipletxt{line-height:2;}

.sprbox .intit{font-weight: 600;color:#fff;font-size: 24px;margin-bottom: 17px!important;}
.sprbox .multipletxt{line-height:1.3;margin-bottom:20px!important;word-break: keep-all;}
.sprbox.overbox{overflow:auto;height:510px;}

.intro{width:1200px; margin:0 auto;}
.intro .fl{width:35%;}
.intro .fl .imgtop{border:1px solid #fff;margin-bottom:33px;}
.intro .fl .imgtop img{width:100%;}
.intro .fl .imgbot{border:1px solid #fff;}
.intro .fl .imgbot img{width:100%;}

.intro .fr{width:65%;padding:0 0 0 33px;}

.intro .intxt{font-size: 20px;word-break: keep-all;}
.txtcenter{text-align: center!important;text-decoration: underline;font-weight: 600;}

.introtxtbox:hover{background-color: #ffffffba;-webkit-transition: 0.25s ease-in;}
.introtxtbox:hover .intxt{color:#000;-webkit-transition: 0.15s ease-out;}

.intro .introtxtbox{border:1px solid #fff;padding:60px 30px;display: block;max-width:1200px; margin:0 auto;text-align: left;-webkit-transition: 0.25s ease-out;}



.organwrap{width:1200px; margin:0 auto;}
.organwrap .fl{width:60%;padding-right:20px;}
.organwrap .fl .organbox{border:1px solid #fff;padding:30px;}
.organwrap .fl .organbox img{width:100%;}
.organwrap .fr{width:40%;}
.organwrap .fr img{width:100%;}
.organwrap .fr .imgtop{border:1px solid #fff;padding:20px;}
.organwrap .fr .imgbot{border:1px solid #fff;margin-top:20px;}
.organwrap .fr .imgbot img{height:322px;}



.minitables{width:900px; margin:0 auto;margin-top:40px;}
.mintbox{border:1px solid #fff;padding:25px;}
.mintbox > p{font-weight: 800;font-size: 26px;padding:0 0 20px;}
.mintbox .mintboxin{text-align: left;padding:10px 0 10px;border-bottom:1px solid #fff;}
.mintbox .mintboxin:last-child{border-bottom:0px;}
.mintbox .mintboxin p{font-weight: 500;display: inline-block;font-size: 20px;width:calc(100% - 80px);}
.mintbox .mintboxin span{display: inline-block;width:75px;background-color: #d78a3b;text-align: center;font-weight: 800;padding: 3px 0 5px;font-size: 18px;;}
.mintbox .mintboxin a{color:#fff;}
.mintbox .mintboxin a:hover{color:#aaa;}



.wholebox{max-width:1520px; margin-left:35px;background-color: rgba(217,218,218,0.85);color:#373737;padding:25px 35px;font-family: "NanumSquare";}
.wbinbox{}
.inbtop{background-color: #fff;line-height: 1.5;padding:10px 0;}
.inbtop p:nth-child(1){font-size: 26px;color:#000;font-weight: 500;;}
.inbtop p:nth-child(2){font-size: 35px;color:#d78a3b;font-weight: 800;text-decoration: underline;}
.inblinebox{border-bottom:1px solid #373737;padding:15px 0;text-align: left;}
.inblinebox span{display: inline-block;vertical-align: middle;;}
.inblinebox .inlinetit{font-size: 22px; font-weight: 500;;}
.inblinebox .inlinetxt{font-size: 20px; font-weight: 300;line-height: 1.2;}


#map{width:1000px;height:500px;margin:0 auto;}
.mapiwrap{top:-70px;position: relative;}
.mapiinfo{background-color: #fff;padding:5px 10px;border-radius: 20px;border:1px solid #d5d3ce;}
.mapititle{color:#333;}
.mapinfobox{width:1000px; margin:0 auto;padding:10px 0 0;}
.mapinfo1{text-align: left;font-weight: 600;font-size: 24px;;}

.boardwrap{margin:0 auto;width:70%;background-color: #fff;max-width:1100px;border-radius: 10px;;}
.boardbox{width:100%;padding:40px 25px;}


.boardTable{width:100%;}

.boardTable .horizonTable{border-top: 3px solid #818181;width:100%;border-collapse:collapse ;}
.boardTable .horizonTable thead tr{height: 40px;border-bottom: 1px solid #888;}
.boardTable .horizonTable thead tr th{font-size: 14px; color:#414141;font-weight: 500;border-bottom: 1px solid #888;}

.boardTable .horizonTable tbody tr{height: 45px;}
.boardTable .horizonTable tbody tr:hover{background-color:#f4fcff;}
.boardTable .horizonTable tbody tr td{font-size: 16.5px;font-weight:300;border-bottom: 1px solid #e5e5e5;}
.boardTable .horizonTable tbody tr td a{}
.boardTable .horizonTable tbody tr td a:hover{color:#0095da;}
.boardTable .horizonTable tbody tr td:nth-child(1){padding-left:20px;text-align:left;}
.boardTable .horizonTable tbody tr td:nth-child(2){text-align: center;width:15%;color:#575757;font-size:14.5px;
-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.boardTable .horizonTable tbody tr td:nth-child(3){text-align: center;width:15%;color:#575757;font-size:15px;letter-spacing:-1px;}
.boardTable .horizonTable tbody tr td:nth-child(4){text-align: center;width:15%;color:#575757;font-size:15px;letter-spacing:-1px;}

span.coling{display: inline-block;background-color: #d78a3b;width:70px;font-size: 14px;padding:4px 0;color:#fff;font-weight: 600;;}
span.coling.fining{background-color: #ccc;}


.rowwrap .row5{padding:20px 20px 0;}
.rowwrap .row5 li{float:left;width:200px;text-align: center;height:200px;margin-right: 40px;margin-bottom: 80px;}
.rowwrap .row5 li a .rowbox{position: relative;height:100%;-webkit-transition: 0.2s ease-in;border-radius: 5px;}
.rowwrap .row5 li a .rowbox:hover{box-shadow: 0px 4px 5px #aaa;-webkit-transition: 0.2s ease-in;}
.rowwrap .row5 li a .rowbox:hover p{-webkit-transition: 0.2s ease-in;opacity: 1;}


.rowwrap .row5 li:nth-child(5n){margin-right: 0;}
.rowwrap .row5 li:nth-child(5n) a .rowbox{margin-right: 0;}
.rowwrap .row5  li a .rowbox img{width:100%;height:100%;border-radius: 5px;}
.rowwrap .row5  li a .rowbox .rowboxtit b{font-weight: 800;display: block;color:#414141;font-size: 20px;padding-top:5px;;}
.rowwrap .row5 li a .rowbox .rowboxtit p{color:#575757;}

.imgboardwrap{width:100%;max-width:1200px;padding:20px 0;}

.rowboxtit{}



.footerwrap{}
.footerwrap .ftbox{background-color: #000;padding:20px 0;;}
.footerwrap .ftbox img{max-height:50px;padding:0px 0 10px;}
.footerwrap .ftbox p{color:#fff;text-align: center;font-size: 13px;font-weight: 100;;}


.submainLeft{width:100%;text-align: center;padding-bottom:35px;border-bottom:1px solid #edd;}
.submainLeft .subleftTit{color:#000;font-size: 18px;font-weight: 800;position: relative;padding-top: 10px;}
.submainLeft .subleftTit::after{content: "";position: absolute;top:0;left:0;width:60px; height:2px; background-color: #000;;}

.submainLeft .subleftTitlist a{color:#c1c1c1;font-weight: 500;}
.submainLeft .subleftTit.on a{color:#0095da;font-weight:800;}
.submainLeft .subleftTit.on::after{content: "";position: absolute;top:0;left:0;width:60px; height:2px; background-color: #0095da;;}

.submainLeft .tableTit{font-size: 18px; font-weight: 800;color:#000;padding-right: 10px;}
.submainLeft .tableDate{font-size: 14px; color:#5d5d5d;font-weight: 200;padding: 30px 0 0;}


.submainRight{width:100%;padding:20px 30px;word-break: keep-all;}
.submainRight .subtxtSub:first-child {padding-top:0;}

.boardmainText {padding-bottom:60px;border-bottom:1px solid #e6e6e6;min-height:550px;}
.boardmainText p{color:#414141;text-align: center;}
.boardmainText img{max-width: 100%;margin:0 0 30px 0;}

.boardBtnwrap{padding: 21px 0;}
.boardBtnwrap button{width:70px; height:30px;font-size: 14px;}
.boardBtnwrap a:nth-child(2) button{margin-left:10px;}
.boardBtnwrap button img{max-height: 20px;margin-right: 10px;;}

.sub_1 .maingallWrap{width:944px;}
.sub_1 .mainimgBox{max-height: 191px;overflow: hidden;}
.sub_1 .mainimgBox a > img{width: 255px;}

.boardmainTextA{margin:40px 0 0;padding:20px 10px;background-color:#eee;border-radius:15px;position:relative;}
.boardmainTextA::after{content: "";;position: absolute;border-left: 32px #eee solid;top: -30px;height: 0px;width: 30px;z-index: 0;border-top: 32px solid transparent;}
.boardAnswer{padding-bottom:10px;font-size:18px; font-weight:800;}

.boardmainTextC{margin:40px 0 10px;padding:20px 30px;background-color:#fcda06;border-radius:15px;position:relative;}
.boardmainTextC .boardAtime{font-size:13px;letter-spacing: -1px;margin-bottom:15px;color:#888;}
.boardmainTextC .boardAnswer{padding:5px 0;font-size:22px;}
.boardmainTextC .prewrap{font-size:17px;}




@media(max-width:800px){
    .container2{width:100%;}
    header .logo ul{width:100%;text-align: right;}
    header .logo ul li{width:12%;}
    header .logo ul li a{font-size: 10px;;}
    header .logo ul li a::after{height: 1px;}

    .sliderfl{width:100%}
.sliderfr{width:100%;max-height: 200px;position: relative;padding: 30px 0 0;}
.swiper-container{max-height: 200px;max-width: 60%;}

    .firstTit{text-align:center;}
    .firstTit p:nth-child(1){font-size: 30px;line-height: 0.9;text-shadow: 2px 2px 10px #040d3c;}
.firstTit p:nth-child(2){padding:20px 0 0px;font-size: 20px;}
.firstTit p:nth-child(3){font-size: 15px; line-height: 1;}
.firstTit p:nth-child(4){font-size: 10px; font-weight: 100;padding:20px 0 0;}
.bigtit{font-size: 30px;;}
.subtit{font-size: 20px;}

.fp-controlArrow.fp-prev{border-width: 13.5px 15px 13.5px 0!important;}
.fp-controlArrow.fp-next{border-width: 13.5px 0 13.5px 15px!important;}

.slide .container2{padding:0 50px;}


}




/*** Mobile Menu ***/
.window {
    
    position: relative;
    
    display:none;
    width: 100%;
    height: auto;
    margin: 100px auto 0;
    box-shadow: 0 0 65px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 3px;
    background: #F1F1F1;
  }
  .window .header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    transition: all 0.5s ease-out, background 1s ease-out;
    transition-delay: 0.2s;
    z-index: 9;
  }
  .window .header .burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: transparent;
  }
  .window .header .burger-container #burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
  }
  .window .header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #FFF;
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0s;
  }
  .window .header .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  .window .header .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(6px) rotate(0deg);
            transform: translateY(6px) rotate(0deg);
  }
  .window .header .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .window .header .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0.65s;
  }
  .window .header ul.menu2 {
    position: relative;
    display: block;
    padding: 40px 48px 0;
    list-style: none;
  }
  .window .header ul.menu2 li.menu-item2 {
    border-bottom: 1px solid #333;
    margin-top: 5px;
    -webkit-transform: scale(1.15) translateY(-30px);
            transform: scale(1.15) translateY(-30px);
    opacity: 0;
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  }
  .window .header ul.menu2 li.menu-item2:nth-child(1) {
    transition-delay: 0.49s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(2) {
    transition-delay: 0.42s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(3) {
    transition-delay: 0.35s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(4) {
    transition-delay: 0.28s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(5) {
    transition-delay: 0.21s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(6) {
    transition-delay: 0.14s;
  }
  .window .header ul.menu2 li.menu-item2:nth-child(7) {
    transition-delay: 0.07s;
  }
  .window .header ul.menu2 li.menu-item2 a {
    display: block;
    position: relative;
    color: #FFF;
    font-family: "Ek Mukta", sans-serif;
    font-weight: 100;
    text-decoration: none;
    font-size: 22px;
    line-height: 2.35;
    font-weight: 200;
    width: 100%;
  }
  
  .window a.menufont{font-size:12px!important;}
  
  .window .header.menu-opened {
    height: 100%;
    background-color: #000;
    transition: all 0.3s ease-in, background 0.5s ease-in;
    transition-delay: 0.25s;
  }
  .window .header.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .window .header.menu-opened .burger-container #burger .bar {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition-delay: 0.2s;
  }
  .window .header.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
            transform: translateY(4px) rotate(45deg);
  }
  .window .header.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
            transform: translateY(3px) rotate(-45deg);
  }
  .window .header.menu-opened ul.menu2 li.menu-item2 {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
    opacity: 1;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(1) {
    transition-delay: 0.27s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(2) {
    transition-delay: 0.34s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(3) {
    transition-delay: 0.41s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(4) {
    transition-delay: 0.48s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(5) {
    transition-delay: 0.55s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(6) {
    transition-delay: 0.62s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(7) {
    transition-delay: 0.69s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(8) {
    transition-delay: 0.76s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(9) {
    transition-delay: 0.83s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(10) {
    transition-delay: 0.90s;
  }
  .window .header.menu-opened ul.menu2 li.menu-item2:nth-child(11) {
    transition-delay: 0.97s;
  }
  .window .header.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    transition-delay: 0.3s;
  }
  .window .content {
    font-family: "Ek Mukta", sans-serif;
    padding: 67px 4% 0;
    text-align: justify;
    overflow: scroll;
    max-height: 100%;
  }
  .window .content::-webkit-scrollbar {
    display: none;
  }
  .window .content h2 {
    margin-bottom: 0px;
    letter-spacing: 1px;
  }
  .window .content img {
    width: 95%;
    position: relative;
    display: block;
    margin: 75px auto 75px;
  }
  .window .content img:nth-of-type(2) {
    margin: 75px auto;
  }
  @media (max-width: 850px) {
    .window {
      display: block;
      width: 100%;
      margin: 0;
      border-radius: 0px;
    }
    .window .header {
      position: fixed;
    }
  }   
  
  
  /******/