*{margin: 0 auto; padding: 0; list-style: none; color: #000; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;}
body{overflow: hidden; position: relative;}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.ser{font-family: 'Noto Serif'; font-weight: 400;}
@media screen and (max-width: 767px){
    body{overflow-y: auto;  background-color: #d8e3f1;}
.mana{    font-size: 14px;
    position: absolute;
    top: 520px;
    left: 20px; z-index: 1;}
    .botSec{width: 100%; height: 80px; position: fixed; overflow-x: scroll; box-shadow: 0px -3px 3px rgb(0 0 0 / 40%);; background-color: #fff; bottom: 0; left: 0; z-index: 11;}
    .botSec::-webkit-scrollbar{display: none;}
    .botSec ul{width: 677px; margin-top: 14px;}
    .botSec ul::after{content: ''; visibility: hidden; clear: both; display: block;}
    .botSec li{float: left; width: 45px; border: 4px solid #666; display: block; border-radius: 50%; margin-left: 20px; text-align: center; white-space:  nowrap;}
    .botSec li a{color: #666; font-weight: 700; display: inline-block; line-height: 45px;}
    .botSec .br a{line-height: 18px; margin: 4.5px 0;}
    .imgWrapper > h3{font-size: 24px; color: #fff; padding: 30px;}
    .hg{width: 100%;text-align: center;}
    .h1,
    .h2{font-family: 'yg-jalnan';font-size: 10px; color: #fff; padding: 4px 11px; border-radius: 1000px; display: inline-block; line-height: 1vh;}
    .h1{margin-right: 3%; background-color:#003f9b}
    .h2{background-color: #de007b;}
    li .h2{margin-right: 3%;}
    
    .new .tableBig li ul li ul li ul li{border-bottom: 1px solid #ddd; }
    .imgWrapper > img.ghM{height: 85%;}
    .imgWrapper > img.southM{height: 100%}
    .imgWrapper > img.bpM{height: 110%;}
    .imgWrapper > img.eastM{height: 150%;}
    .imgWrapper > img.eunsuM{height: 100%}
    .imgWrapper > img.gyM{height: 100%}
    .imgWrapper > img.micM{height: 130%;}
    .imgWrapper > img.midM{height: 90%; left: 45%;}
    .ghbg{display: none;}
    .backgraound{display: none;}
    .imgWrapper img.bpbg{height: 130%; left: -10%;}
    .imgWrapper img.gybg{height: 130%; left: -7%;}
    .imgWrapper img.sgbg{height: 100%; left: 30%;}
    .imgWrapper img.dgbg{height: 250%; left: -28%;}
    .imgWrapper img.esbg{height: 170%; left: -15%; top: 36.4%;}
    .imgWrapper img.mcbg{height: 195%; left: -39%; top: 53.4%;}
    .imgWrapper img.mdbg{height: 160%; left: 50.6%; top: 59.1%;}
    
    .imgWrapper img.ndbg{height: 170%; left: -34.4%;; top: 33.1%;}
    .imgWrapper{height: 480px; overflow: hidden; width: 100%; background-color: #d8e3f1; transform: translateY(15%);}
    .imgWrapper > img{position: absolute; z-index: 1; top: 50%; left: 50%; width: auto; transform: translateX(-50%) translateY(-50%); height: 90%;}
    .imgWrapper ul{position: absolute; z-index: 9; cursor: pointer; height: 32px;}
    .imgWrapper ul li{text-align: center; height: 32px; position: relative; }
    .imgWrapper ul li p{font-size: 16px; font-weight: 700; background-color: #fff; border-radius: 15px; padding: 6px 10px; color: #333; opacity: 0;transform: translateY(-50px);  display: none;}
    .imgWrapper ul li span{color: #003f9b; font-weight: 700; font-size: 10px; position: absolute; top: 40%; left: 100%; transform: translateY(-50%); z-index: 1;}
    .imgWrapper ul li span a{color: #003f9b; font-weight: 500; z-index: 1;}
    .imgWrapper ul li svg{width: 24px; }
    .imgWrapper ul li svg .st0{ transition: all ease-in-out 0.2s;}
    .imgWrapper ul .gray .st0{fill: #666;}
    .imgWrapper ul .gray span{color: #666;}
    .imgWrapper ul .gray span a{color: #666;}
    
    .imgWrapper .namd li span,
    .imgWrapper .gyesanw li span,
    .imgWrapper .ye1 li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left}
    .imgWrapper .gl li span,
    .imgWrapper .gjwa li span{position: absolute; top: 40%; left: 25px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .ce li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .west li span,
    .imgWrapper .fs li span{position: absolute; top: 90%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: left;}
    .imgWrapper .bup0 li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .bupw li span,
    .imgWrapper .ff li span,
    .imgWrapper .insungw li span,
    .imgWrapper .in1w li span,
    .imgWrapper .inhwa li span,
    .imgWrapper .songc li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left}
    .imgWrapper .sm li span{position: absolute; top: 40%; left: -27px; transform: translateY(-50%); text-align: left}
    .imgWrapper .hw li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left}
    .imgWrapper .hyos li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left}
    .imgWrapper .gyesan0 li span{position: absolute; top: 40%; left: -77px; transform: translateY(-50%); text-align: left}
    .imgWrapper .jw li span{position: absolute; top: 40%; left: 70px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .mys li span{position: absolute; top: 40%; left: 6.6vw; transform: translateY(-50%); text-align: left;}
    .imgWrapper .inha li span{position: absolute; top: 40%; left: 7.3vw; transform: translateY(-50%); text-align: left;}
    .imgWrapper .sunin li span{position: absolute; top: 40%; left: 30px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .art li span,
    .imgWrapper .weco li span{position: absolute; top: 40%; left: -96px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .seil li span,
    .imgWrapper .bugae li span,
    .imgWrapper .bup li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .bugaew li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .hakw li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .hak li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .bs li span,
    .imgWrapper .di li span,
    .imgWrapper .jkj li span,
    .imgWrapper .anam li span,
    .imgWrapper .euns li span{position: absolute; top: 40%; left: 25px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .mids li span,
    .imgWrapper .incs li span,
    .imgWrapper .inter li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .infs li span,
    .imgWrapper .mic li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .jkjw li span,
    .imgWrapper .dongi li span,
    .imgWrapper .ocrw li span,
    .imgWrapper .seil li span,
    .imgWrapper .daeg li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .inhang li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .gwang li span{position: absolute; top: 110%; left: 3px; transform: translateY(-50%); text-align: left; display: inline-block; width: 37px; word-break:break-all; line-height: 11px;}
    .imgWrapper .ghg li span{position: absolute; top: 40%; left: -60px; transform: translateY(-50%); text-align: left}
    .imgWrapper .jemul li span{position: absolute; top: 40%; left: -66px; transform: translateY(-50%); text-align: left}
    .imgWrapper .ds li span{position: absolute; top: 40%; left: -60px; transform: translateY(-50%); text-align: left}
    .imgWrapper .eunsw li span{position: absolute; top: 40%; left: -76px; transform: translateY(-50%); text-align: left}
    .imgWrapper .ghw li span{position: absolute; top: 40%; left: -76px; transform: translateY(-50%); text-align: left}
    .imgWrapper .inj li span{position: absolute; top: 40%; left: -57px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .bg li span{position: absolute; top: 40%; left: 35px; transform: translateY(-50%); width: 130px; text-align: left;}
    .imgWrapper .mech li span{position: absolute; top: 40%; left: -96px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .eunsong li span,
    .imgWrapper .haes li span{position: absolute; top: 40%; left: -76px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .seas li span{position: absolute; top: 40%; left: -96px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .songd li span{position: absolute; top: 40%; left: 27px; transform: translateY(-50%); text-align: left;}
    .imgWrapper .airfort li span{position: absolute; top: 90%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: left;}

    .imgWrapper ul li p{ transform: translateY(-90px); position: relative; transition: all ease-in-out 0.4s; display: none;}
    .imgWrapper ul li p::after{content: '';position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 50%; transform: translateX(-50%); opacity: 0; }
    .imgWrapper ul li p::after{content: '';position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 50%; transform: translateX(-50%); opacity: 1;  transition: all ease-in-out 0.4s;}
    
    
    .title{font-weight: 600; margin-right: 5px;}
    .imgWrapper .Table p span.indent{color: #fff;}
    .imgWrapper .Table{position: absolute; z-index: 100; left: 50%;  transform:  translateX(-50%) translateY(-50%); background-color: #fff; width: 330px; height: auto; top: 200%; border-radius: 10px; text-align: center; transition: all ease-in-out 0.4s; box-shadow: 2px 2px 2px rgb(0 0 0 / 10%); opacity: 0; overflow: hidden; padding-bottom: 30px;}
    .imgWrapper .Table.up{top: 50%; opacity: 1;}
    .imgWrapper .Table .cancel{width: 32px; position: absolute; right: 20px; top: 16px;}
    .imgWrapper .Table h3{font-size: 24px; color: #fff; display: inline-block; line-height: 60px; background-color: #003f9b; width: 100%;}
    .imgWrapper .inha h3{font-size: 16px; color: #fff; display: inline-block; line-height: 60px;}
    .imgWrapper .mys h3{font-size: 20px; color: #fff; display: inline-block; line-height: 60px;}
    .imgWrapper .Table h3.back{display: none;}
    .imgWrapper .Table a img{width: 40px;}
    .imgWrapper .Table div > img:not(:first-of-type){display: none;} 
    .imgWrapper .Table p:first-of-type{margin-top: 10px;}
    .imgWrapper .Table p span{color: #000; margin-right: 20px; font-weight: 700;}
    .imgWrapper .Table p{font-size: 12px; width: 280px; padding: 10px; border-bottom: 1px solid #eee; color: #000; font-weight: 400; text-align: left;}
    .imgWrapper .Table .ggm2 {overflow-y: scroll; width: 280px; height: 200px; margin: 10px auto;}
    .imgWrapper .Table .ggm3 {overflow-y: scroll; width: 280px; height: auto; margin: 10px auto;}
    .imgWrapper .Table .ggm2 div > span:not(:nth-of-type(3n)){margin-right: 3%;}
    .imgWrapper .Table .ggm2 .h1g,
    .imgWrapper .Table .ggm2 .h2g{font-size: 12px; color: #333; border-radius: 50px; border: none;  position: relative; display: inline-block; font-weight: 700; width: 100%; text-align: left; margin-bottom: 10px;}

    .imgWrapper .Table .ggm2 div > span{font-size: 10px; font-weight: 500; color: #000;  cursor: pointer;  text-align: center; display: inline-block; line-height: 20px; padding: 2px 0; border-radius: 5px;  width: 47%;  box-sizing: border-box; margin-bottom: 2%; float: left; background-color: #fff; border: 1px solid #999;}
    .imgWrapper .Table .ggm2 div div{color: #000; display: inline-block; line-height: 14px;}
    .imgWrapper .Table .ggm2 div div span{font-family: 'yg-jalnan';font-size: 10px; color: #fff; padding: 1px 11px; border-radius: 1000px; border: none; width: auto; display: inline-block; line-height: 14px;}
    .imgWrapper .Table .ggm2 div div span.h1{background-color:#003f9b}
    .imgWrapper .Table .ggm2 div div span.h2{background-color:#de007b}
    .imgWrapper .Table .ggm3 div > span{font-size: 10px; font-weight: 500; color: #000;  cursor: pointer;  text-align: center; display: inline-block; line-height: 20px; padding: 2px 0; border-radius: 5px;  width: 47%;  box-sizing: border-box; margin-bottom: 2%; float: left; background-color: #fff;}
    .imgWrapper .Table p.pFront{font-size: 20px; color: #333; padding: 0; border-bottom: none; margin: 15px auto; width: 90%; font-weight: 700;display: none;}
    .imgWrapper .Table p.pBack{display: none;}
    .imgWrapper .Table div div > span{font-size: 14px; font-weight: 500;color: #fff; padding: 5px; border-radius: 5px;}
    .imgWrapper .Table .ggm3 span:nth-of-type(1){background: #6d5cae;}
    .imgWrapper .Table .ggm3 span:nth-of-type(2){ background:#48b0f7;}
    .imgWrapper .Table .ggm3 span:nth-of-type(3){ background: #10cfbd;}
    .imgWrapper .Table .ggm3 span:nth-of-type(4){ background: #f55753;}
    .imgWrapper .Table .ggm3 span:nth-of-type(5){background: #f8d053;}
    .imgWrapper .Table .ggm3 span:nth-of-type(6){background: #8a7dbe;}
    .imgWrapper .Table .ggm3 span:nth-of-type(7){background: #6dc0f9;}
    .imgWrapper .Table .ggm3 span:nth-of-type(8){ background: #40d9ca;}
    .imgWrapper .Table .ggm3 span:nth-of-type(9){background: #f77975;}
    .imgWrapper .Table .ggm3 span:nth-of-type(10){background: #ce9b36;}
    .imgWrapper .Table .ggm3 span:not(:nth-of-type(2n)){
        margin-right: 6%;
    }
    .imgWrapper .Table .ggm2 span:not(:nth-of-type(2n)){margin-right: 3%;}

    

 
 
    
    .imgWrapper > ul.mj{top: 11.42%; right: 41.6%;}
    .imgWrapper > ul.gd{top: 17.5%; right: 40.72%;}
    .imgWrapper > ul.wd{top: 21.13%; right: 26%;}
    .imgWrapper > ul.sm{top: 25.4%; right: 43.2%;}
    .imgWrapper > ul.ar{top: 26.68%; right: 29%;}
    .imgWrapper > ul.jw{top: 32.01%; right: 42.2%;}
    .imgWrapper > ul.bs{top: 35.75%; right: 42.2%;}
    .imgWrapper > ul.west{top: 43%; right: 39.6%;}
    .imgWrapper > ul.di{top: 45%; right: 33.75%;}
    .imgWrapper > ul.design{top: 53.57%; right: 42.33%;}
    .imgWrapper > ul.ex{top: 53.36%; right: 63.92%;}
    .imgWrapper > ul.cr{top: 59.23%; right: 42.2%;}
    .imgWrapper > ul.ce{top: 64.78%; right: 44.13%;}
    .imgWrapper > ul.hw{top: 65.10%; right: 55.87%;}
    .imgWrapper > ul.sh{top: 69.37%; right: 39.77%;}
    .imgWrapper > ul.gj{top: 73.57%; right: 33.14%;}
    .imgWrapper > ul.bg{top: 79.5%; right: 45.45%;}
    .imgWrapper > ul.gl{top: 84.3%; right: 34.1%;}
    .imgWrapper > ul.gjwa{top: 88.5%; right: 34.1%;}
    .imgWrapper > ul.ye1{top: 47.5%; right: 44.1%;}
    .imgWrapper > ul.se1{top: 53.5%; right: 38.1%;}
    .imgWrapper > ul.gyesan{top: 54.5%; right: 60.1%;}
    .imgWrapper > ul.gyeyang{top: 57.5%; right: 43.1%;}
    .imgWrapper > ul.gyesan0{top: 65%; right: 46.1%;}
    .imgWrapper > ul.gyesanw{top: 60.5%; right: 42.1%;}
    .imgWrapper > ul.jkj{top: 68.5%; right: 50.1%;;}
    .imgWrapper > ul.jkjw{top: 73.5%; right: 50.1%;}
    .imgWrapper > ul.seoun{top: 71%; right: 41.1%;}
    .imgWrapper > ul.hyos{top: 70.5%; right: 61.1%;}
    .imgWrapper > ul.anam{top: 77.5%; right: 53.1%;}
    .imgWrapper > ul.yungs{top: 21.57%; right: 38.1%;}
    .imgWrapper > ul.jinsan{top: 25%; right: 48.92%;}
    .imgWrapper > ul.myungw{top: 31.23%; right: 73.2%;}
    .imgWrapper > ul.bugae{top: 41.78%; right: 37.13%;}
    .imgWrapper > ul.bugaew{top: 37.1%; right: 36.87%;}
    .imgWrapper > ul.bugwa{top: 45.37%; right: 69.77%;}
    .imgWrapper > ul.bugwaw{top: 28.87%; right: 44.14%;}
    .imgWrapper > ul.bup{top: 33.5%; right: 45.45%;}
    .imgWrapper > ul.bup0{top: 22.3%; right: 51.1%;}
    .imgWrapper > ul.bupw{top: 35.5%; right: 59.1%;}
    .imgWrapper > ul.sams{top: 15.5%; right: 37.1%;}
    .imgWrapper > ul.seil{top: 26.5%; right: 77.1%;}
    .imgWrapper > ul.fs{top: 39%; right: 51.1%;}
    .imgWrapper > ul.buh{top: 46.5%; right: 45.1%;}
    .imgWrapper > ul.sangj{top: 52%; right: 73.1%;}
    .imgWrapper > ul.eng{top: 38%; right: 86.1%;}
    .imgWrapper > ul.car{top: 40.5%; right: 82.1%;}
    .imgWrapper > ul.jeil{top: 57%; right: 78.1%;}
    .imgWrapper > ul.sang{top: 28.5%; right: 70.1%;}

    .imgWrapper > ul.mys{top: 21.36%; right: 56.92%;}
    .imgWrapper > ul.art{top: 26.23%; right: 59.2%;}
    .imgWrapper > ul.ff{top: 30.78%; right: 58.13%;}
    .imgWrapper > ul.hj{top: 25.1%; right: 56.87%;}
    .imgWrapper > ul.bsns{top: 31.5%; right: 58.77%;}
    .imgWrapper > ul.sunin{top: 35.87%; right: 52.14%;}
    .imgWrapper > ul.inhwa{top: 35.5%; right: 65.45%;}
    .imgWrapper > ul.mech{top: 49.3%; right: 47.1%;}
    .imgWrapper > ul.inc{top: 51.5%; right: 27.1%;}
    .imgWrapper > ul.jsair{top: 53.5%; right: 72.1%;}
    .imgWrapper > ul.inha{top: 58.5%; right: 49.1%;}
    .imgWrapper > ul.inhang{top: 58.5%; right: 72.1%;}
    .imgWrapper > ul.hak{top: 67.5%; right: 53.1%;}
    .imgWrapper > ul.hakw{top: 63%; right: 43.1%;}
    .imgWrapper > ul.inmyung{top: 66.5%; right: 38.1%;}
    .imgWrapper > ul.mhi{top: 72.5%; right: 39.1%;}


    .imgWrapper > ul.gwang{top: 41.23%; right: 4.2%;}
    .imgWrapper > ul.insungw{top: 40.28%; right: 10.13%;}
    .imgWrapper > ul.in1w{top: 31.5%; right: 8.87%;}
    .imgWrapper > ul.yjinter{top: 29.5%; right: 70.77%;}
    .imgWrapper > ul.airfort{top: 24.87%; right: 85.14%;}
    .imgWrapper > ul.incs{top: 26.5%; right: 73.45%;}
    .imgWrapper > ul.inter{top: 32.3%; right: 73.1%;}
    .imgWrapper > ul.weco{top: 45.5%; right: 9.1%;}
    .imgWrapper > ul.ejong{top: 35.5%; right: 80.1%;}
    .imgWrapper > ul.infs{top: 36.5%; right: 5.1%;}
    .imgWrapper > ul.mids{top: 23%; right: 54.1%;}
    .imgWrapper > ul.jemul{top: 35.5%; right: 14.1%;}
    .imgWrapper > ul.midw{top: 51.5%; right: 14.1%;}
    .imgWrapper > ul.sky{top: 21.5%; right: 84.1%;}
    .imgWrapper > ul.sea{top: 43%; right: 33.1%;}

    .imgWrapper > ul.sinmw{top: 15.23%; right: 57.2%;}
    .imgWrapper > ul.dongi{top: 19.28%; right: 38.13%;}
    .imgWrapper > ul.soongdw{top: 24.5%; right: 38.87%;}
    .imgWrapper > ul.inj{top: 25.5%; right: 54.77%;}
    .imgWrapper > ul.yesul{top: 22.87%; right: 77.14%;}
    .imgWrapper > ul.moon1{top: 30.5%; right: 40.45%;}
    .imgWrapper > ul.mans{top: 36.3%; right: 40.1%;}
    .imgWrapper > ul.dor{top: 56.5%; right: 32.1%;}
    .imgWrapper > ul.geumy{top: 63.5%; right: 69.1%;}
    .imgWrapper > ul.namd{top: 70.5%; right: 46.1%;}
    .imgWrapper > ul.nonh{top: 72.5%; right: 41.1%;}
    .imgWrapper > ul.songc{top: 78.5%; right: 45.1%;}
    .imgWrapper > ul.mic{top: 82.5%; right: 42.1%;}
    .imgWrapper > ul.goj{top: 86.5%; right: 48.1%;}
    .imgWrapper > ul.incn{top: 17.5%; right: 80.1%;}
    .imgWrapper > ul.sjw{top: 15.5%; right: 84.1%;}

    .imgWrapper > ul.ocrw{top: 11.23%; right: 50.2%;}
    .imgWrapper > ul.songd{top: 15.28%; right: 55.13%;}
    .imgWrapper > ul.seas{top: 21.5%; right: 58.87%;}
    .imgWrapper > ul.incw{top: 23.5%; right: 22.77%;}
    .imgWrapper > ul.ss{top: 19.87%; right: 45.14%;}
    .imgWrapper > ul.bio{top: 22.5%; right: 49.45%;}
    .imgWrapper > ul.euns{top: 31.3%; right: 30.1%;}
    .imgWrapper > ul.eunsw{top: 32.5%; right: 38.1%;}
    .imgWrapper > ul.beaut{top: 35.5%; right: 38.1%;}
    .imgWrapper > ul.daeg{top: 40.5%; right: 37.1%;}
    .imgWrapper > ul.eunsong{top: 38.5%; right: 52.1%;}
    .imgWrapper > ul.posco{top: 43.5%; right: 60.1%;}
    .imgWrapper > ul.sins{top: 48.5%; right: 42.1%;}
    .imgWrapper > ul.bakmw{top: 55.5%; right: 36.1%;}
    .imgWrapper > ul.haes{top: 55.5%; right: 51.1%;}

    .imgWrapper > ul.ghw{top: 16.5%; right: 7.77%;}
    .imgWrapper > ul.ghg{top: 20.87%; right: 11.14%;}
    .imgWrapper > ul.ds{top: 25.5%; right: 11.45%;}
    .imgWrapper > ul.gnm{top: 38.3%; right: 24.1%;}
    .imgWrapper > ul.gyd{top: 15.5%; right: 50.1%;}
    .imgWrapper > ul.dc{top: 72.5%; right: 74.1%;}
    .imgWrapper > ul.dj{top: 76.5%; right: 50.1%;}
    .imgWrapper > ul.bakr{top: 69.5%; right: 96.1%;}
    .imgWrapper > ul.san{top: 35.5%; right: 25.1%;}
    .imgWrapper > ul.seod{top: 36.5%; right: 55.1%;}
    .imgWrapper > ul.yenp{top: 53.5%; right: 45.1%;}
    .imgWrapper > ul.youngh{top: 58.5%; right: 22.1%;}
    .imgWrapper > ul.chef{top: 31.5%; right: 38.1%;}

    .imgWrapper > ul.dongs{top: 55.5%; right: 36.1%;}
    .imgWrapper > ul.intermov{top: 59.5%; right: 47.1%;}
    .imgWrapper > ul.jen{top: 49.5%; right: 40.1%;}
    
    .ham{display:block; cursor:pointer; position: absolute; z-index: 12; right: 20px; top: 20px;}  
    .ham span{display:block; width:35px; height:5px; margin:5px auto; background-color:#101010; transition: 0.4s; border-radius: 5px;} 
    .change .bar1 {transform: rotate(45deg) translate(7px,7.5px);}  
    .change .bar2 {opacity: 0;}  
    .change .bar3 {transform: rotate(-45deg) translate(7px,-7.5px);}  

    .menuBar{width: 80%; background-color: #fff; height: 100%; padding: 2vw 7vw; box-sizing: border-box; position: fixed; z-index: 11; top: 0; right: -80%; transition-duration: 0.5s;}
    .menuBar.visible{right: 0%;}
    .menuBar h3{font-size: 16px; margin-top: 10px;}
    .menuBar > ul { margin-top: 3vh; }
    .menuBar > ul li{float: left; margin-right: 5%; margin-bottom: 1%;}
    .menuBar > ul > li:last-child { border-bottom:none; }
    .menuBar ul li div {font-size: 16px; color:#000; font-weight: 700;}
    .menuBar > ul li ul {display: none;}
    .ci{position: absolute; z-index: 10; left: 20px; top: 20px; width: 130px;}

    .menuBar h3 img {width: 40px;}
    .menuBar h3 a { white-space: nowrap;}
    .menuBar > ul { margin-top: 30px; height:78vh; overflow: auto; } 
    .menuBar > ul::-webkit-scrollbar-track{border-radius: 10px; background-color: #F5F5F5;}
    .menuBar > ul::-webkit-scrollbar{width: 10px; background-color: #F5F5F5;}
    .menuBar > ul::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #005cff;}
    .menuBar > ul > li {padding:2.1vh 0; border-bottom:1px solid #ddd; width: 90%;}
    .menuBar > ul > li:last-child { border-bottom:none; }
    .menuBar ul li div {font-size:16px ; color:#333; font-weight: 700; cursor: pointer;}
    .menuBar > ul li ul {display: none;}
    .menuBar > ul li ul li { margin-top: 1vh; }
    .menuBar > ul li ul li:before { content:"- "; color:#666; }
    .menuBar > ul li ul li a { font-size: 14px; color:#666; font-weight: 500; }
    .menuBar > ul li ul li #none{font-weight: 300;}
    .menuBar > img { position: absolute; bottom:15px; left:36px; height:60px; }
    .menuBar .ci{display: none; }

    .new{width: 100%; background-color: #d8e3f1; z-index: 11; margin-top: 90px;}
    .new img{display: none;}
    .new h3{font-size: 1.6vw; color: #fff; margin-left: 7%; margin-top: 7%; display: none;}
    .new .jalnan{font-family: 'yg-jalnan'; color: #000; font-size: 20px; width: 100%; text-align: center;}
    .new .jalnan span{font-family: 'yg-jalnan'; color: #de007b; font-size: 22px;}
    .new .tableBig{width: 380px;  padding-bottom: 80px;}

    .new .tableBig::-webkit-scrollbar{display: none;}
   
   .indent{text-indent: -9999px;}
   .new .tableBig > li > ul > li > ul{display: inline-block; line-height: 2.5vh; width: 100%;}
   .new .tableBig > li > ul > li:nth-of-type(2) > ul > li:first-of-type{width: 100%; display: inline-block; line-height: 2.5vh; border-bottom: 1px solid #ddd; margin-bottom: 4%;}
   .new .tableBig > li > ul > li:nth-of-type(2) > ul > li:last-of-type{width: 100%; display: inline-block; line-height: 2.5vh; }
   .new .tableBig > li > ul > li:nth-of-type(3) > ul > li:first-of-type{width: 100%; border-bottom: 1px solid #ddd; display: inline-block;}
   .new .tableBig > li > ul > li:nth-of-type(3) > ul > li:last-of-type{width: 100%; display: inline-block; line-height: 2.5vh; }
    .new .tableBig > li > ul{box-sizing: border-box; padding: 5px 0; border-radius: 5px; margin-bottom: 2%; width: 95%; background-color: #fff; box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);}
    .new .tableBig > li > ul::after{content: ""; clear: both; display: block;}
    .new .tableBig > li > ul > li{float: left; width: 33.3%; text-align: left; font-size: 12px; font-weight: 500; display: inline; line-height: 16px; }
    .new .tableBig > li > ul > li:nth-of-type(1){width: 33%; padding: 0 3%;  font-weight: 500; box-sizing: border-box;}
    .new .tableBig > li > ul > li:nth-of-type(2){width: 22%; padding: 0 3%; border-left: 1px solid rgb(0 0 0 / 15%); border-right: 1px solid rgb(0 0 0 / 15%); text-align: center; box-sizing: border-box; height: 100%; }
    .new .tableBig > li > ul > li:nth-of-type(3){width: 45%; padding: 0 3%;  box-sizing: border-box;}
    .new .tableBig > li > ul > li.line2{line-height: 32px;}
    .new .tableBig > li > ul > li.line02{line-height: 48px;}
    .new .tableBig > li > ul > li.line3{line-height: 24px;}
    .new .tableBig > li > ul > li.line03{line-height: 32px;}
    .new .tableBig > li > ul > li.line4{line-height: 2.5vh;}
    .new .tableBig > li > ul > li.line04{line-height: 3.5vh;}
    .new .tableBig > li > ul > li.linelong{line-height: 24px;}
    .new .tableBig > li > ul > li.line5{line-height: 28px;}
    .new .tableBig > li > ul > li > ul > li.lh10{line-height: 10vh !important; }
    .new .tableBig > li > ul > li > ul > li.lh15{line-height: 15vh !important; }
    .new .tableBig > li > ul > li > ul > li.lh175{line-height: 17.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh5{line-height: 5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh25{line-height: 2.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh75{line-height: 7.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh375{line-height: 3.75vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh4{line-height: 4.2vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh125{line-height: 12.5vh !important;}
    .new .tableBig  .tableTop li{text-align: center; font-weight: 500; font-size: 16px;}
    .new .tableBig  ul .junb{color: #005cff; background-color: rgb(0 92 255 / 10%); border-radius: 1000px; padding: 1% 15%; font-weight: 500;}
    .new .tableBig  ul .eyon9{color: #00d694; background-color: rgb(0 255 182 / 15%); border-radius: 1000px; padding: 1% 15%; font-weight: 500;}
    .new .ci{position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); bottom: 2%; width: 10vw; height:10%; display: none;}
    .new .home{position: absolute; width: 9%; z-index: 11; top: 8%; left: 85%; height: auto; margin: 0; content: ''; height: 4%; display: none;}
    
}

@media screen and (min-width: 768px){
    .mana{display: none;}
    .imgWrapper > img.ghM{height: 100%;}
    .imgWrapper > img.southM{height: 100%}
    .imgWrapper > img.bpM{height: 110%;}
    .imgWrapper > img.eastM{height: 150%;}
    .imgWrapper > img.eunsuM{height: 100%}
    .imgWrapper > img.gyM{height: 100%}
    .imgWrapper > img.micM{height: 130%;}
    .imgWrapper > img.midM{height: 100%; left: 45%;}
    .imgWrapper > h3{display: none;}
    .backgraound{width: 100%; height: 100%; background-color: #FFFFFF; position: absolute; z-index: 10; opacity: 0;}
    .ham,
    .botSec,
    .imgWrapper .ci{display: none;}
    .menuBar{width: 20%; background-color: #fff; height: 100vh; padding: 2vw; box-sizing: border-box;  transition: all ease-in-out 0.4s; z-index: 11; overflow: hidden; position: relative;}
    .menuBar > ul::-webkit-scrollbar-track{border-radius: 10px; background-color: #F5F5F5;}
    .menuBar > ul::-webkit-scrollbar{width: 0.5vw; background-color: #F5F5F5;}
    .menuBar > ul::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #005cff;}
.ci{display: none;}
    .menuBar h3{ animation: 1.5s blink infinite; }
    .menuBar h3 img {width: 40px; }
    .menuBar h3 a { white-space: nowrap; }
    .menuBar > ul { margin-top: 1vh; height:78vh; overflow: auto; } 
    .imgWrapper > img.ghbg{height: 100vh}
    .menuBar > ul > li {padding:2.1vh 0; border-bottom:1px solid #ddd; width: 90%;}
    .menuBar > ul > li:last-child { border-bottom:none; }
    .menuBar ul li div {font-size:1.05vw ; color:#333; font-weight: 700; cursor: pointer;}
    .menuBar > ul li ul {display: none;}
    .menuBar > ul li ul li { margin-top: 1vh; }
    .menuBar > ul li ul li:before { content:"- "; color:#666; }
    .menuBar > ul li ul li a { font-size:0.8vw ; color:#666; font-weight: 500; }
    .menuBar > ul li ul li #none{font-weight: 300;}
    .menuBar > img { position: absolute; bottom:15px; left:36px; height:60px; }
    .menuBar .ci{position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); bottom: 2%; width: 10vw; height:10%; }
    @keyframes blink {
        0%, 70%, 100% { opacity:1; }
        35% { opacity:0; }
    }

    .indent{text-indent: -9999px;}
    .new{float: left; width: 30%; background-color: #0f2b84; height: 100vh; position: relative; z-index: 11;}
    .new img{position: absolute; top: 3%; left: 50%; transform: translateX(-50%); width: 90%;}
    .new h3{font-size: 1.6vw; color: #fff; margin-left: 7%; margin-top: 7%;}
    .new .jalnan{font-family: 'yg-jalnan'; color: #000; font-size: 1vw; position: absolute; top: 17%; width: 100%; text-align: center;}
    .new .jalnan span{font-family: 'yg-jalnan'; color: #de007b; font-size: 1.2vw;}
    .new .tableBig{width: 77%; position: absolute;  bottom: 5%; left: 50%; transform: translateX(-50%);  overflow-y: scroll; height: 70%;}
    .new .tableBig::-webkit-scrollbar-track{border-radius: 10px; background-color: #F5F5F5;}
    .new .tableBig::-webkit-scrollbar{width: 0.5vw; background-color: #F5F5F5;}
    .new .tableBig::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #005cff;}
   
    .new .tableBig > li > ul{border: 1px solid #ddd; box-sizing: border-box; padding: 0.4vh 0; border-radius: 5px; margin-bottom: 3%; width: 95%; }
    .new .tableBig > li > ul > li > ul{display: inline-block; line-height: 2.5vh; width: 100%;}
    .new .tableBig > li > ul > li:nth-of-type(2) > ul > li:first-of-type{width: 100%; display: inline-block; line-height: 2.5vh; border-bottom: 1px solid #ddd; margin-bottom: 4%;}
    .new .tableBig > li > ul > li:nth-of-type(2) > ul > li:last-of-type{width: 100%; display: inline-block; line-height: 2.5vh; }
    .new .tableBig > li > ul > li:nth-of-type(3) > ul > li:first-of-type{width: 100%; border-bottom: 1px solid #ddd; display: inline-block;}
    .new .tableBig > li > ul > li:nth-of-type(3) > ul > li:last-of-type{width: 100%; display: inline-block; line-height: 2.5vh; }
    .new .tableBig > li > ul > li > ul > li.lh10{line-height: 10vh !important; }
    .new .tableBig > li > ul > li > ul > li.lh15{line-height: 15vh !important; }
    .new .tableBig > li > ul > li > ul > li.lh175{line-height: 17.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh5{line-height: 5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh25{line-height: 2.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh75{line-height: 7.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh375{line-height: 3.75vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh33{line-height: 3.3vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh4{line-height: 4.2vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh125{line-height: 12.5vh !important;}
    .new .tableBig > li > ul > li > ul > li.lh66{line-height: 6.6vh !important;}
    .new .tableBig > li > ul > li > ul > li.second{border-bottom: 1px solid #ddd; margin-bottom: 4%;}
    .new .tableBig li ul li ul li ul li{border-bottom: 1px solid #ddd; }

    .new .tableBig > li > ul::after{content: ""; clear: both; display: block;}
    .new .tableBig > li > ul > li{float: left; width: 33.3%; text-align: left; font-size: 0.7vw; font-weight: 500; display: inline; line-height: 2.5vh; }
    .new .tableBig > li > ul > li:nth-of-type(1){width: 33%; padding: 0 3%;  font-weight: 500; box-sizing: border-box;}
    .new .tableBig > li > ul > li:nth-of-type(2){width: 22%; padding: 0 3%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; box-sizing: border-box; height: 100%; }
    .new .tableBig > li > ul > li:nth-of-type(3){width: 45%; padding: 0 3%;  box-sizing: border-box;}
    .new .tableBig > li > ul > li.line2{line-height: 5vh;}
    .new .tableBig > li > ul > li.line02{line-height: 10vh;}
    .new .tableBig > li > ul > li.line12{line-height: 12.5vh;}
    .new .tableBig > li > ul > li.line3{line-height: 3.75vh;}
    .new .tableBig > li > ul > li.line03{line-height: 8vh;}
    .new .tableBig > li > ul > li.line4{line-height: 2.5vh;}
    .new .tableBig > li > ul > li.line04{line-height: 3.5vh;}
    .new .tableBig > li > ul > li.linelong{line-height: 25vh;}
    .new .tableBig > li > ul > li.line5{line-height: 4.5vh;}
    .new .tableBig > li > .tableTop li{text-align: center; font-weight: 500; font-size: 0.8vw;}
    .new .tableBig ul .junb{color: #005cff; background-color: #e6f7ff; border-radius: 1000px; padding: 1% 15%; font-weight: 500;}
    .new .tableBig ul .eyon9{color: #00d694; background-color: #ccffee; border-radius: 1000px; padding: 1% 15%; font-weight: 500;}
    .new .ci{position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); bottom: 2%; width: 10vw; height:10%; display: none;}
    .new .home{position: absolute; width: 12%; z-index: 11; top: 7%; left: 79%;  margin: 0; content: ''; height: 5%;}

    .imgWrapper{position: relative; height: 100vh; width: 50vw; float: left; }
    .imgWrapper > img{height: 90%; position: absolute; left: 50%; top: 50%;transform:  translateX(-50%) translateY(-50%); z-index: 9;}
    
    .imgWrapper ul{position: absolute; z-index: 11; cursor: pointer; height: 3.4vh;}
    .imgWrapper ul li{text-align: center; height: 3.4vh; position: relative; }
    .imgWrapper ul li p{font-size: 0.8vw; font-weight: 700; background-color: #fff; border-radius: 15px; padding: 6px 10px; color: #333; opacity: 0;transform: translateY(-0.53vh); visibility: hidden;}
    .imgWrapper ul li span{color: #003f9b; font-weight: 700; font-size: 1.5vh; position: absolute; top: 3.5vh; left: 50%; transform: translateX(-50%); width: 6.77vw; transition: all ease-in-out 0.2s; z-index: 1;}
    .imgWrapper ul li span a{color: #003f9b; font-weight: 500; z-index: 1;}
    .imgWrapper ul li svg{width: 1.67vw;}
    .imgWrapper ul li svg .st0{ transition: all ease-in-out 0.2s;}
    .imgWrapper ul .gray .st0{fill: #666;}
    .imgWrapper ul .gray span{color: #666;}
    .imgWrapper ul .gray span a{color: #666;}
    .imgWrapper ul li span .no{color: #333;}
    .imgWrapper .ci{width: 15%; position: absolute; top: 5%; z-index: 10; height: auto;}
    .imgWrapper .bg li span{position: absolute; top: 50%; left: 1.8vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    
    .imgWrapper .gl li span,
    .imgWrapper .gjwa li span{position: absolute; top: 50%; left: 4.2vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .ce li span{position: absolute; top: 50%; left: 4.6vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .west li span,
    .imgWrapper .ye1 li span,
    .imgWrapper .gyesanw li span,
    .imgWrapper .bupw li span,
    .imgWrapper .ff li span,
    .imgWrapper .insungw li span,
    .imgWrapper .in1w li span,
    .imgWrapper .namd li span,
    .imgWrapper .songc li span{position: absolute; top: 50%; left: -3.3vw; transform: translateY(-50%); width: 6.77vw; text-align: left}
    .imgWrapper .hyos li span{position: absolute; top: 50%; left: -3.3vw; transform: translateY(-50%); width: 6.77vw; text-align: left}
    .imgWrapper .gyesan0 li span{position: absolute; top: 50%; left: -3.3vw; transform: translateY(-50%); width: 6.77vw; text-align: left}
    .imgWrapper .jw li span{position: absolute; top: 50%; left: 5.1vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .mys li span{position: absolute; top: 50%; left: 6.6vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .inha li span{position: absolute; top: 50%; left: 7.3vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .sunin li span{position: absolute; top: 50%; left: 4.1vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .art li span,
    .imgWrapper .weco li span{position: absolute; top: 50%; left: -3.8vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .seil li span,
    .imgWrapper .bugae li span,
    .imgWrapper .bup li span{position: absolute; top: 50%; left: 4.1vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .bugaew li span,
    .imgWrapper > ul.sang li span{position: absolute; top: 50%; left: 4.8vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .hakw li span{position: absolute; top: 50%; left: 4.8vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .bs li span,
    .imgWrapper .di li span,
    .imgWrapper .jkj li span,
    .imgWrapper .anam li span,
    .imgWrapper .euns li span{position: absolute; top: 50%; left: 3.95vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .mids li span,
    .imgWrapper .incs li span,
    .imgWrapper .inter li span{position: absolute; top: 50%; left: 4.7vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .infs li span,
    .imgWrapper .mic li span{position: absolute; top: 50%; left: 5.45vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .jkjw li span,
    .imgWrapper .dongi li span,
    .imgWrapper .ocrw li span,
    .imgWrapper .daeg li span{position: absolute; top: 50%; left: 4.7vw; transform: translateY(-50%); width: 6.77vw; text-align: left;}
    .imgWrapper .jemul li span,
    .imgWrapper .ghg li span{position: absolute; top: 50%; left: -2.8vw; transform: translateY(-50%); width: 6.77vw; text-align: left}
    .imgWrapper .ghw li span{position: absolute; top: 50%; left: -3.4vw; transform: translateY(-50%); width: 6.77vw; text-align: left}

    .imgWrapper ul li p{font-size: 0.8vw; font-weight: 700; background-color: #fff; border-radius: 15px; padding: 6px 10px; color: #333; opacity: 0;transform: translateY(-0.53vh); visibility: hidden;}
    .imgWrapper ul li span{color: #003f9b; font-weight: 700; font-size: 1.5vh; position: absolute; top: 3.5vh; left: 50%; transform: translateX(-50%); width: 6.77vw; transition: all ease-in-out 0.2s; z-index: 1;}
    .imgWrapper ul li span a{color: #003f9b; font-weight: 500; z-index: 1;}
    .imgWrapper ul li:hover p{opacity: 1; transform: translateY(-5.68vw); position: relative; transition: all ease-in-out 0.4s; z-index: 11; visibility: visible;}
    .imgWrapper ul li p::after{content: '';position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 50%; transform: translateX(-50%); opacity: 0; }
    .imgWrapper ul li p::after{content: '';position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 50%; transform: translateX(-50%); opacity: 1;  transition: all ease-in-out 0.4s;}
    .imgWrapper > ul.mj{top: 11.42%; right: 41.6%;}
    .imgWrapper > ul.gd{top: 17.5%; right: 40.72%;}
    .imgWrapper > ul.wd{top: 21.13%; right: 26%;}
    .imgWrapper > ul.sm{top: 25.4%; right: 43.2%;}
    .imgWrapper > ul.ar{top: 26.68%; right: 29%;}
    .imgWrapper > ul.jw{top: 32.01%; right: 42.2%;}
    .imgWrapper > ul.bs{top: 35.75%; right: 42.2%;}
    .imgWrapper > ul.west{top: 43%; right: 39.6%;}
    .imgWrapper > ul.di{top: 45%; right: 33.75%;}
    .imgWrapper > ul.design{top: 53.57%; right: 42.33%;}
    .imgWrapper > ul.ex{top: 53.36%; right: 63.92%;}
    .imgWrapper > ul.cr{top: 59.23%; right: 42.2%;}
    .imgWrapper > ul.ce{top: 64.78%; right: 44.13%;}
    .imgWrapper > ul.hw{top: 65.10%; right: 55.87%;}
    .imgWrapper > ul.sh{top: 69.37%; right: 39.77%;}
    .imgWrapper > ul.gj{top: 72.57%; right: 33.14%;}
    .imgWrapper > ul.bg{top: 79.5%; right: 45.45%;}
    .imgWrapper > ul.gl{top: 84.3%; right: 34.1%;}
    .imgWrapper > ul.gjwa{top: 88.5%; right: 34.1%;}
    .imgWrapper > ul.ye1{top: 50.5%; right: 41.1%;}
    .imgWrapper > ul.se1{top: 52.5%; right: 36.1%;}
    .imgWrapper > ul.gyesan{top: 54.5%; right: 56.1%;}
    .imgWrapper > ul.gyeyang{top: 59.5%; right: 43.1%;}
    .imgWrapper > ul.gyesan0{top: 66%; right: 46.1%;}
    .imgWrapper > ul.gyesanw{top: 63.5%; right: 42.1%;}
    .imgWrapper > ul.jkj{top: 69.5%; right: 50.1%;;}
    .imgWrapper > ul.jkjw{top: 72.5%; right: 50.1%;}
    .imgWrapper > ul.seoun{top: 72.5%; right: 41.1%;}
    .imgWrapper > ul.hyos{top: 70.5%; right: 61.1%;}
    .imgWrapper > ul.anam{top: 75.5%; right: 53.1%;}
    .imgWrapper > ul.yungs{top: 21.57%; right: 36.1%;}
    .imgWrapper > ul.jinsan{top: 24.36%; right: 45.92%;}
    .imgWrapper > ul.myungw{top: 31.23%; right: 66.2%;}
    .imgWrapper > ul.bugae{top: 41.78%; right: 40.13%;}
    .imgWrapper > ul.bugaew{top: 38.1%; right: 38.87%;}
    .imgWrapper > ul.bugwa{top: 45.37%; right: 62.77%;}
    .imgWrapper > ul.bugwaw{top: 29.87%; right: 42.14%;}
    .imgWrapper > ul.bup{top: 35.5%; right: 45.45%;}
    .imgWrapper > ul.bup0{top: 22.3%; right: 47.1%;}
    .imgWrapper > ul.bupw{top: 36.5%; right: 52.1%;}
    .imgWrapper > ul.sams{top: 15.5%; right: 37.1%;}
    .imgWrapper > ul.seil{top: 26.5%; right: 69.1%;}
    .imgWrapper > ul.fs{top: 38.5%; right: 46.1%;}
    .imgWrapper > ul.buh{top: 44.5%; right: 43.1%;}
    .imgWrapper > ul.sangj{top: 52%; right: 66.1%;}
    .imgWrapper > ul.eng{top: 35.5%; right: 70.1%;}
    .imgWrapper > ul.car{top: 38.5%; right: 68.1%;}
    .imgWrapper > ul.jeil{top: 55%; right: 66.1%;}
    .imgWrapper > ul.sang{top: 29.5%; right: 63.1%;}


    .imgWrapper > ul.mys{top: 22.36%; right: 49.92%;}
    .imgWrapper > ul.art{top: 26.23%; right: 52.2%;}
    .imgWrapper > ul.ff{top: 29.78%; right: 53.13%;}
    .imgWrapper > ul.hj{top: 23.1%; right: 51.87%;}
    .imgWrapper > ul.bsns{top: 29.5%; right: 53.77%;}
    .imgWrapper > ul.sunin{top: 35.87%; right: 52.14%;}
    .imgWrapper > ul.inhwa{top: 35.5%; right: 57.45%;}
    .imgWrapper > ul.mech{top: 49.3%; right: 44.1%;}
    .imgWrapper > ul.inc{top: 51.5%; right: 27.1%;}
    .imgWrapper > ul.jsair{top: 53.5%; right: 59.1%;}
    .imgWrapper > ul.inha{top: 59.5%; right: 42.1%;}
    .imgWrapper > ul.inhang{top: 58.5%; right: 65.1%;}
    .imgWrapper > ul.hak{top: 67.5%; right: 49.1%;}
    .imgWrapper > ul.hakw{top: 63%; right: 43.1%;}
    .imgWrapper > ul.inmyung{top: 66.5%; right: 38.1%;}
    .imgWrapper > ul.mhi{top: 72.5%; right: 39.1%;}


    .imgWrapper > ul.gwang{top: 41.23%; right: 4.2%;}
    .imgWrapper > ul.insungw{top: 40.28%; right: 10.13%;}
    .imgWrapper > ul.in1w{top: 32.5%; right: 8.87%;}
    .imgWrapper > ul.yjinter{top: 25.5%; right: 65.77%;}
    .imgWrapper > ul.airfort{top: 24.87%; right: 77.14%;}
    .imgWrapper > ul.incs{top: 26.5%; right: 68.45%;}
    .imgWrapper > ul.inter{top: 31.3%; right: 68.1%;}
    .imgWrapper > ul.weco{top: 44.5%; right: 7.1%;}
    .imgWrapper > ul.ejong{top: 34.5%; right: 73.1%;}
    .imgWrapper > ul.infs{top: 36.5%; right: 5.1%;}
    .imgWrapper > ul.mids{top: 25.5%; right: 50.1%;}
    .imgWrapper > ul.jemul{top: 35.5%; right: 14.1%;}
    .imgWrapper > ul.midw{top: 45.5%; right: 9.1%;}
    .imgWrapper > ul.sky{top: 20.5%; right: 76.1%;}
    .imgWrapper > ul.sea{top: 39.5%; right: 33.1%;}

    .imgWrapper > ul.sinmw{top: 17.23%; right: 51.2%;}
    .imgWrapper > ul.dongi{top: 19.28%; right: 38.13%;}
    .imgWrapper > ul.soongdw{top: 23.5%; right: 38.87%;}
    .imgWrapper > ul.inj{top: 25.5%; right: 51.77%;}
    .imgWrapper > ul.yesul{top: 22.87%; right: 64.14%;}
    .imgWrapper > ul.moon1{top: 30.5%; right: 40.45%;}
    .imgWrapper > ul.mans{top: 36.3%; right: 40.1%;}
    .imgWrapper > ul.dor{top: 56.5%; right: 32.1%;}
    .imgWrapper > ul.geumy{top: 63.5%; right: 59.1%;}
    .imgWrapper > ul.namd{top: 70.5%; right: 46.1%;}
    .imgWrapper > ul.nonh{top: 72.5%; right: 41.1%;}
    .imgWrapper > ul.songc{top: 78.5%; right: 45.1%;}
    .imgWrapper > ul.mic{top: 82.5%; right: 42.1%;}
    .imgWrapper > ul.goj{top: 86.5%; right: 48.1%;}
    .imgWrapper > ul.incn{top: 17.5%; right: 67.1%;}
    .imgWrapper > ul.sjw{top: 15.5%; right: 68.1%;}

    .imgWrapper > ul.ocrw{top: 13.23%; right: 46.2%;}
    .imgWrapper > ul.songd{top: 15.28%; right: 51.13%;}
    .imgWrapper > ul.seas{top: 21.5%; right: 50.87%;}
    .imgWrapper > ul.incw{top: 23.5%; right: 22.77%;}
    .imgWrapper > ul.ss{top: 19.87%; right: 39.14%;}
    .imgWrapper > ul.bio{top: 22.5%; right: 43.45%;}
    .imgWrapper > ul.euns{top: 31.3%; right: 30.1%;}
    .imgWrapper > ul.eunsw{top: 32.5%; right: 35.1%;}
    .imgWrapper > ul.beaut{top: 35.5%; right: 38.1%;}
    .imgWrapper > ul.daeg{top: 41.5%; right: 37.1%;}
    .imgWrapper > ul.eunsong{top: 38.5%; right: 48.1%;}
    .imgWrapper > ul.posco{top: 40.5%; right: 51.1%;}
    .imgWrapper > ul.sins{top: 48.5%; right: 42.1%;}
    .imgWrapper > ul.bakmw{top: 55.5%; right: 36.1%;}
    .imgWrapper > ul.haes{top: 55.5%; right: 48.1%;}

    .imgWrapper > ul.ghw{top: 13.5%; right: 7.77%;}
    .imgWrapper > ul.ghg{top: 17.87%; right: 11.14%;}
    .imgWrapper > ul.ds{top: 21.5%; right: 11.45%;}
    .imgWrapper > ul.gnm{top: 34.3%; right: 13.1%;}
    .imgWrapper > ul.gyd{top: 8.5%; right: 45.1%;}
    .imgWrapper > ul.dc{top: 75.5%; right: 70.1%;}
    .imgWrapper > ul.dj{top: 78.5%; right: 46.1%;}
    .imgWrapper > ul.bakr{top: 70.5%; right: 92.1%;}
    .imgWrapper > ul.san{top: 28.5%; right: 19.1%;}
    .imgWrapper > ul.seod{top: 33.5%; right: 51.1%;}
    .imgWrapper > ul.yenp{top: 50.5%; right: 41.1%;}
    .imgWrapper > ul.youngh{top: 59.5%; right: 15.1%;}
    .imgWrapper > ul.chef{top: 20.5%; right: 29.1%;}

    .imgWrapper > ul.dongs{top: 55.5%; right: 36.1%;}
    .imgWrapper > ul.intermov{top: 59.5%; right: 47.1%;}
    .imgWrapper > ul.jen{top: 49.5%; right: 40.1%;}

    .imgWrapper .bgi{width: 100%;}
    .title{font-weight: 600; margin-right: 5px;}
    
    .imgWrapper .Table{position: absolute; z-index: 12; left: 50%;  transform:  translateX(-50%) translateY(-50%);  width: 60%; height: auto; top: 150%; border-radius: 10px; text-align: center; transition: all ease-in-out 0.4s; background-color: #fff; overflow: hidden; padding-bottom: 30px;}
    .imgWrapper .Table.up{top: 50%;}
    .imgWrapper .Table img{display: none;}
    .imgWrapper .Table h3{color: #fff; display: inline-block; line-height: 100px; background-color: #003f9b; width: 100%; font-size: 32px; margin-bottom: 20px;}
    .imgWrapper .Table h3.back{display: none;}

    .imgWrapper .Table p span.indent{color: #fff;}
    /* .imgWrapper .Table p{position: absolute; left: 50%; transform: translateX(-50%); font-size: 1vw; width: 75%; border-bottom: 2px dashed #fff; top: 19%; color: #0f2b84; font-weight: 600; display: inline-block; line-height: 3.1vw;}
    .imgWrapper .Table p:nth-of-type(2){top: 27%;}
    .imgWrapper .Table .secLine{top: 27%;}
    .imgWrapper .Table p.trdLine{top: 35%;}
    .imgWrapper .Table p:nth-of-type(3){top: 35%;}
    .imgWrapper .Table p.pFront{top: 1%; font-size: 2.1vw; color: #fff; z-index: 10; padding: 0; border-bottom: none;}
    .imgWrapper .Table p.pBack{top: 61.4%; font-size: 2.1vw; padding: 0; border-bottom: none;}
    .imgWrapper .Table .ggm3{position: absolute; width: 80%; height: 25%; bottom: 21%; left: 50%; transform: translateX(-50%);}
    .imgWrapper .Table .ggm3 p{position: absolute; left: 50%; transform: translateX(-50%); font-size: 1.2vw; width: 75%; padding: 1.2vw; border-bottom: 2px dashed #fff; top: 20%; color: #0f2b84; font-weight: 600;}
    .imgWrapper .Table p.pFront{top: 44%; font-size: 2.1vw; color: #fff; z-index: 10; padding: 0; border-bottom: none;}
    .imgWrapper .Table p.pBack{top: 44.3%; font-size: 2.1vw; padding: 0; border-bottom: none;}
    .imgWrapper .inha h3{font-size: 1.8vw; }
    .imgWrapper .Table .ggm3 span{font-size: 0.75vw; font-weight: 500; color: #fff;  cursor: pointer;  text-align: center; display: inline-block; line-height: 2.4vw; padding: 0 3%; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.3); width: 32%; margin: 0; box-sizing: border-box; margin-bottom: 2%; float: left;}
    .imgWrapper .Table .ggm3 span:nth-of-type(1){background: #6d5cae;}
    .imgWrapper .Table .ggm3 span:nth-of-type(2){ background:#48b0f7;}
    .imgWrapper .Table .ggm3 span:nth-of-type(3){ background: #10cfbd;}
    .imgWrapper .Table .ggm3 span:nth-of-type(4){ background: #f55753;}
    .imgWrapper .Table .ggm3 span:nth-of-type(5){background: #f8d053;}
    .imgWrapper .Table .ggm3 span:nth-of-type(6){ background: #8a7dbe;}
    .imgWrapper .Table .ggm3 span:nth-of-type(7){background: #6dc0f9;}
    .imgWrapper .Table .ggm3 span:nth-of-type(8){ background: #40d9ca;}
    .imgWrapper .Table .ggm3 span:nth-of-type(9){background: #f77975;}
    .imgWrapper .Table .ggm3 span:nth-of-type(10){background: #ce9b36;}
    .imgWrapper .Table .ggm3 span:not(:nth-of-type(3n)){margin-right: 2%;}
    .imgWrapper .Table  .invi{display: none;}
    .imgWrapper .Table .cancel{position: absolute; width: 10%; right: -14%; top: 1%;}
    .imgWrapper .Table .ggm3 span.babya,
    .imgWrapper .Table .ggm3 span.imgds,
    .imgWrapper .Table .ggm3 span.aic,
    .imgWrapper .Table .ggm2 span.babya,
    .imgWrapper .Table .ggm2 span.imgds{line-height: 1.2vw;}
    .imgWrapper .Table .ggm2{position: absolute; width: 80%; height: 25%; bottom: 21%; left: 50%; transform: translateX(-50%); overflow-y: scroll;}
    .imgWrapper .Table .ggm2::-webkit-scrollbar-track{border-radius: 10px; background-color: #F5F5F5;}
    .imgWrapper .Table .ggm2::-webkit-scrollbar{width: 0.5vw; background-color: #F5F5F5;}
    .imgWrapper .Table .ggm2::-webkit-scrollbar-thumb{border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #005cff;}
    .imgWrapper .Table .ggm2 span{font-size: 1.0vw; font-weight: 500; color: #fff;  cursor: pointer;  text-align: center; display: inline-block; line-height: 2.4vw; padding: 0 3%; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0,0,0,.3); width: 47.5%; margin: 0; box-sizing: border-box; margin-bottom: 2%; float: left;}

    .imgWrapper .Table .ggm2 span:not(:nth-of-type(2n)){margin-right: 5%;}
    .imgWrapper .Table .ggm2 p.pFront{top: -32%; font-size: 2.1vw; color: #fff; z-index: 10; padding: 0; border-bottom: none;}
    .imgWrapper .Table .ggm2 p.pBack{top: -30.8%; font-size: 2.1vw; padding: 0; border-bottom: none;}
    .imgWrapper .Table .ggm1{position: absolute; width: 80%; height: 100%; bottom: 6%;  left: 50%; transform: translateX(-50%);}
    .imgWrapper .Table > div{height: 100%;} */
    
    
    .imgWrapper .Table.up{top: 50%; opacity: 1;}
    .imgWrapper .Table .cancel{width: 60px; position: absolute; right: 20px; top: 16px; display: block;}
    .imgWrapper .inha h3{font-size: 30px; margin-bottom: 20px;}
    .imgWrapper .Table h3.back{display: none;}
    .imgWrapper .Table a img{width: 40px;}
    .imgWrapper .Table div > img:not(:first-of-type){display: none;} 
    .imgWrapper .Table p:first-of-type{margin-top: 10px;}
    .imgWrapper .Table p span{color: #000; margin-right: 20px; font-weight: 700;}
    .imgWrapper .Table p{font-size: 18px; width: 80%; padding: 10px; border-bottom: 1px solid #eee; color: #000; font-weight: 400; text-align: left;}
    .imgWrapper .Table .ggm2 {width: 80%; height: auto; margin: 40px auto;}
    .imgWrapper .Table .ggm3 {width: 80%; height: auto; margin: 40px auto;}
    .imgWrapper .Table .ggm2 div > span:not(:nth-of-type(3n)){margin-right: 3%;}
    .imgWrapper .Table .ggm2 .h1g,
    .imgWrapper .Table .ggm2 .h2g{font-size: 18px; color: #333; border-radius: 50px; border: none;  position: relative; display: inline-block; font-weight: 700; width: 100%; text-align: left; margin-bottom: 10px; line-height: 24px;}
    .imgWrapper .Table span.aic{font-size: 10px}
    .imgWrapper .Table .ggm2 div > span{font-size: 18px; font-weight: 500; color: #000;  cursor: pointer;  text-align: center; display: inline-block;  padding: 2px 0; border-radius: 5px;  width: 30%;  box-sizing: border-box; margin-bottom: 5%; float: left; background-color: #fff; border: 1px solid #999;}
    .imgWrapper .Table .ggm2 div > span.wpfs,
    .imgWrapper .Table .ggm2 div > span.wpfs2,
    .imgWrapper .Table .ggm2 div > span.yunge2,
    .imgWrapper .Table .ggm2 div > span.yunge,
    .imgWrapper .Table .ggm2 div > span.iggg2,
    .imgWrapper .Table .ggm2 div > span.iggg,
    .imgWrapper .Table .ggm2 div > span.exsg2,
    .imgWrapper .Table .ggm2 div > span.exsg,
    .imgWrapper .Table .ggm2 div > span.ddd,
    .imgWrapper .Table .ggm2 div > span.aipc,
    .imgWrapper .Table .ggm2 div > span.pyt,
    .imgWrapper .Table .ggm2 div > span.exsh,
    .imgWrapper .Table .ggm2 div > span.ggis,
    .imgWrapper .Table .ggm2 div > span.lsge,
    .imgWrapper .Table .ggm2 div > span.bs,
    .imgWrapper .Table .ggm2 div > span.lsg,
    .imgWrapper .Table .ggm2 div > span.gdhj,
    .imgWrapper .Table .ggm2 div > span.robot{font-size: 14px; line-height: 26px;}
    .imgWrapper .Table .ggm2 div > span.aipc{font-size: 13px; line-height: 26px;}
    .imgWrapper .Table .ggm2 div div{color: #000; display: inline-block; line-height: 14px;}
    .imgWrapper .Table .ggm2 div div span{font-family: 'yg-jalnan';font-size: 16px; color: #fff; padding: 1px 11px; border-radius: 1000px; border: none; width: auto; display: inline-block; line-height: 24px; margin-bottom: 10px;}
    .imgWrapper .Table .ggm2 div div span.h1{background-color:#003f9b}
    .imgWrapper .Table .ggm2 div div span.h2{background-color:#de007b}
    .imgWrapper .Table .ggm3 div > span{font-size: 16px; font-weight: 500; color: #000;  cursor: pointer;  text-align: center; display: inline-block; line-height: 20px; padding: 5px 0; border-radius: 5px;  width: 47%;  box-sizing: border-box; margin-bottom: 5%; float: left; background-color: #fff;}
    .imgWrapper .Table p.pFront{font-size: 20px; color: #333; padding: 0; border-bottom: none; margin: 15px auto; width: 90%; font-weight: 700;display: none;}
    .imgWrapper .Table p.pBack{display: none;}
    .imgWrapper .Table div div > span{font-size: 14px; font-weight: 500;color: #fff; padding: 5px; border-radius: 5px;}
    .imgWrapper .Table .ggm3 span:nth-of-type(1){background: #6d5cae;}
    .imgWrapper .Table .ggm3 span:nth-of-type(2){ background:#48b0f7;}
    .imgWrapper .Table .ggm3 span:nth-of-type(3){ background: #10cfbd;}
    .imgWrapper .Table .ggm3 span:nth-of-type(4){ background: #f55753;}
    .imgWrapper .Table .ggm3 span:nth-of-type(5){background: #f8d053;}
    .imgWrapper .Table .ggm3 span:nth-of-type(6){background: #8a7dbe;}
    .imgWrapper .Table .ggm3 span:nth-of-type(7){background: #6dc0f9;}
    .imgWrapper .Table .ggm3 span:nth-of-type(8){ background: #40d9ca;}
    .imgWrapper .Table .ggm3 span:nth-of-type(9){background: #f77975;}
    .imgWrapper .Table .ggm3 span:nth-of-type(10){background: #ce9b36;}
    .imgWrapper .Table .ggm3 span:not(:nth-of-type(2n)){
        margin-right: 6%;
    }
    .imgWrapper .Table .ggm2 span:not(:nth-of-type(3n)){margin-right: 3%;}

    
    .imgWrapper img.bpbg{height: 130%; left: 4%;}
    .imgWrapper img.gybg{height: 120%; left: 10%;}
    .imgWrapper img.sgbg{height: 100%; left: 30%;}
    .imgWrapper img.dgbg{height: 250%; left: -10%;}
    .imgWrapper img.esbg{height: 170%; left: 0%; top: 36.4%;}
    .imgWrapper img.mcbg{height: 195%; left: -18%; top: 53.4%;}
    .imgWrapper img.mdbg{height: 175%; left: 49.6%; top: 59.1%;}

    .imgWrapper img.ndbg{height: 170%; left: -14.4%; top: 33.1%;}
.hg{width: 100%;text-align: center;}
    .h1,
    .h2{font-family: 'yg-jalnan';font-size: 0.6vw; color: #fff; padding: 0 11px; border-radius: 1000px; display: inline-block; height: 2.2vh; zoom: 1;}
    .h1{margin-right: 3%; background-color:#003f9b}
    .h2{background-color: #de007b;}
    li .h2{margin-right: 3%;}


    
}