@CHARSET "UTF-8";

@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 관람안내 */
.time_wrap{display:flex;align-items:center;justify-content: center;background:#fff9f2;padding:40px 0;border-radius:50px;gap: 40px;}
.time_wrap dl{width:240px;text-align: center;}
.time_wrap dl dt{position:relative;font-size: 2rem;font-weight:700;padding-top:175px;}
.time_wrap dl dt::before{position:absolute;content:'';left:50%;transform:translateX(-50%);top: 20px;width:105px;height:105px;filter: drop-shadow(0px 0px 7px #00000010);}
.time_wrap dl.time dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic01.png);}
.time_wrap dl.holi dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic02.png);}
.time_wrap dl.price dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic03.png);}
.time_wrap dl.area dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic04.png);}
.time_wrap dl.add dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic05.png);}
.time_wrap dl.call dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic06.png);}
.time_wrap dl.floor1 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic07.png);}
.time_wrap dl.floor2 dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic08.png);}
.time_wrap dl.floor dt::before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic09.png);}
.time_wrap dl dt::after{position:absolute;content:'';left:50%;transform:translateX(-50%);top: 0;width:145px;height:145px;border:1px dashed #ee4410;border-radius:50%;}
.time_wrap dl dd{height: 50px;font-weight:500;color:#666;margin-top: 5px;}

.s_import{display:flex;margin-top:60px;justify-content: space-between;}
.s_import .list_wrap{width:930px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.s_import .list_wrap > li{width:48%;border-top:1px solid #c8c8c8;padding:40px 0 45px 60px;box-sizing:border-box;background-repeat:no-repeat;background-position:left top 34px;}
.s_import .list_wrap > li.w100{width:100%;}
.s_import .list_wrap > li.no1{background-image:url(/nanum/site/builder/dir/main/img/menu5856/info_icon01.gif);}
.s_import .list_wrap > li.no2{background-image:url(/nanum/site/builder/dir/main/img/menu5856/info_icon02.gif);}
.s_import .list_wrap > li.no3{background-image:url(/nanum/site/builder/dir/main/img/menu5856/info_icon03.gif);}
.s_import .list_wrap > li.no4{background-image:url(/nanum/site/builder/dir/main/img/menu5856/info_icon04.gif);}
.s_import .list_wrap > li.no5{background-image:url(/nanum/site/builder/dir/main/img/menu5856/info_icon05.gif);}

.s_import.step2 .list_wrap{display: block;}
.s_import.step2 .list_wrap > li{display:flex;align-items: center;gap: 50px;width:100%;}
.s_import.step2 .list_wrap > li span{display:flex;justify-content: center;align-items:center;flex-shrink: 0;width:80px;height:80px;background:#000;font-weight: 700;color:#fff;box-shadow: 10px 10px 10px rgba(0,0,0,0.15);}

/* 층별안내 */
.floor_srch .srch_box{display:flex;justify-content:center;margin-bottom:30px;padding:30px 0;border:1px solid #eaebed;background:#f9fafc;box-sizing:border-box;}
.floor_srch .srch_box .srch_txt{min-width:350px;height:45px;padding:0 10px;border:1px solid #e5e5e5;border-right:0;font-size:1.5rem;font-weight:500;box-sizing:border-box;}
.floor_srch .srch_box .srch_txt::placeholder{font-weight:500;color:#d5d5d5;}
.floor_srch .srch_box .srch_txt::-webkit-input-placeholder{font-weight:500;color:#d5d5d5;}
.floor_srch .srch_box .srch_txt:-ms-input-placeholder{font-weight:500;color:#d5d5d5;}
.floor_srch .srch_box .btn_srch{background:#004dba;border:0;padding:0 20px;font-size:1.5rem;font-weight:500;color:#fff;cursor:pointer;}

.floor_srch .result_list{margin-bottom:50px;}
.floor_srch .result_list ul{display:flex;flex-wrap:wrap;justify-content: space-between;gap:20px 0;}
.floor_srch .result_list ul li{width:50%;max-width:465px;}
.floor_srch .result_list ul li a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e5e5;}
.floor_srch .result_list ul li a .place{font-weight:500;}
.floor_srch .result_list ul li a .place strong.find{padding:0 2px;font-weight:700;background:#e8f0f8;color:#305dce;}
.floor_srch .result_list ul li a .btn_loca{padding:5px 15px;background:#437dd0;font-size:1.4rem;font-weight:700;color:#fff;}

.floor_wrap .floor_list{position:-webkit-sticky;position:sticky;top:0;padding:20px;background:#fff;border:1px solid #d5d5d5;z-index:2;}
.floor_wrap .floor_list ul{display:flex;flex-wrap:wrap;}
.floor_wrap .floor_list ul li{position:relative;margin:5px 10px;}
.floor_wrap .floor_list ul li::before{position:absolute;content:'';right: -12px;top: 9px;width:3px;height:3px;background:#000;}
.floor_wrap .floor_list ul li:last-child::before{display:none;}
.floor_wrap .floor_list ul li a{display:block;font-size:1.5rem;line-height:1.5;}
.floor_wrap .floor_list ul li.on a{font-weight:600;color:#224191;text-decoration:underline;}
.floor_wrap .floor_cont{height: 824px;position:relative;display:flex;justify-content:center;align-items:center;/*padding:123px 50px 77px 50px;*/background:url(/nanum/site/builder/dir/main/img/menu5856/img_map_bg.jpg)no-repeat;}
.floor_wrap .floor_cont .floor_info{display:flex;align-items:center;position:absolute;top:45px;right:40px;}
.floor_wrap .floor_cont .floor_info .f_spot{display:flex;/*margin-right:30px;*/}
.floor_wrap .floor_cont .floor_info .f_spot li{position:relative;padding-left:25px;font-size:1.3rem;font-weight:700;line-height: 20px;}
.floor_wrap .floor_cont .floor_info .f_spot li:nth-child(n+2){margin-left:20px;}
.floor_wrap .floor_cont .floor_info .f_spot li::after{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background-repeat:no-repeat;background-size:cover;}
.floor_wrap .floor_cont .floor_info .f_spot li.spot1::after{background-image:url(/nanum/site/builder/dir/main/img/menu5856/icon_elevator.png);}
.floor_wrap .floor_cont .floor_info .f_spot li.spot2::after{background-image:url(/nanum/site/builder/dir/main/img/menu5856/icon_atm.png);}
.floor_wrap .floor_cont .floor_info .f_spot li.spot3::after{background-image:url(/nanum/site/builder/dir/main/img/menu5856/icon_stairs.png);}
.floor_wrap .floor_cont .floor_info .f_spot li.spot4::after{background-image:url(/nanum/site/builder/dir/main/img/menu5856/icon_rest.png);}
.floor_wrap .floor_cont .f_num{position: absolute;top: 30px;left:45px;font-size: 3rem;font-weight: 700;color:#fff;}
.floor_wrap .floor_cont .thumb{position:absolute;top:20px;left:20px;width:160px;height:160px;background:url(/nanum/site/builder/dir/main/img/menu5856/img_floor_thumb.png) no-repeat 50% 50% #f1f1f1;}
.floor_wrap .floor_cont .floor_img{position:relative;Zfont-size:0;line-height:0;}
.floor_wrap .floor_cont .floor_img img{width:100%;}
.floor_wrap .floor_cont .map_pin{position:absolute;top:50%;left:50%;min-width:30px;min-height:45px;background:url(/nanum/site/builder/dir/main/img/menu5856/bg_map_pin.png) no-repeat 0 100%;background-size:100% auto;transition:left 0.3s ease, top 0.3s ease;-webkit-transition:left 0.3s ease, top 0.3s ease;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.floor_wrap .floor_cont .map_pin::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/nanum/site/builder/dir/main/img/menu5856/icon_map_pin.png) no-repeat;background-size:100% auto;animation-name:map_pin;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-duration:1.3s;}

@keyframes map_pin{
	0%{top:-3px;}
	20%{top:-10px;}
	40%{top:3px;}
	60%{top:-7px;}
	80%{top:0px;}
	100%{top:-3px;}
}

/* 시설안내 */
.jsLayerPop{height: 960px;padding: 70px;box-sizing: border-box;text-align:center;background:url(/nanum/site/builder/dir/main/img/menu5856/img_map_bg.jpg)no-repeat;background-size: cover;}
.jsLayerPop.absol{position:fixed;top:50%;left:50%;margin:-316px 0 0 -550px;z-index:201;}
.jsLayerPop .inner p{margin-bottom:100px;font-weight:100;font-size:5.2rem;color:#fff;}
.jsLayerPop .inner p strong{font-weight:500;}
.jsLayerPop .inner ul{display:flex;width:102%;margin:-2% 0 0 -2%;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-grow:1;}
.jsLayerPop .inner ul li{width:18%;margin:2% 0 0 2%;background:#fff;border-radius:10px;}
.jsLayerPop .inner ul li.red{background:#f15a5f;}
.jsLayerPop .inner ul li.blue{background:#0072c5;}
.jsLayerPop .inner ul li.yellow{background:#efa72a;}
.jsLayerPop .inner ul li.red a,
.jsLayerPop .inner ul li.blue a,
.jsLayerPop .inner ul li.yellow a{color:#fff;}
.jsLayerPop .inner ul li a{display:table;width:100%;height:150px;font-weight:500;font-size:2.5rem;color:#222;}
.jsLayerPop .inner ul li a span{display:table-cell;vertical-align:middle;}
.jsLayerPop .inner .closed{display:inline-block;margin-top:100px;transition:1s;}
.jsLayerPop .inner .closed:hover{transform:rotate(90deg);}

.jsLayerPop .mvisual{position:relative;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;border-radius:15px;padding-top: 95px;}
.jsLayerPop .mvisual .map_w{line-height:1.3;}
.jsLayerPop .mvisual .map_w img{/* margin-left: -42px; */}
.jsLayerPop .mvisual .slib_dot p{position:absolute;width:65px;height:30px;font-size: 17px; color: #fff;font-weight: 600;font-family: 'Be Vietnam Pro';line-height: 30px;padding-left:20px;text-shadow:0 0 4px rgba(0,0,0,9);}
.jsLayerPop .mvisual .slib_dot .museum p{background:url("/nanum/site/builder/dir/main/img/menu5856/museum_dot2.png")no-repeat left top;}
.jsLayerPop .mvisual .slib_dot .museum p.on{color:#27ff02;background:url(/nanum/site/builder/dir/main/img/menu5856/mpoint3.png)no-repeat left top;}

.jsLayerPop .mvisual .slib_dot p.slib01{top: 510px;left: 233px;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 479px;left: 127px;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 450px;left: 166px;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 416px;left: 154px;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 404px;left: 228px;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 474px;left: 327px;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 169px;left: 366px;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 193px;left: 395px;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 236px;left: 438px;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 280px;left: 480px;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 229px;left: 526px;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 342px;left: 593px;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 372px;left: 670px;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 290px;left: 760px;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 294px;left: 660px;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 372px;left: 783px;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 570px;left: 539px;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 648px;left: 621px;} /* 6-2 */

.jsLayerPop .mvisual .map_txtw{position: absolute;top: -20px;left: 0;width:460px;border: 1px solid #fff;background:#ffffff4f url("/nanum/site/builder/main/main/img/foot_bg.gif")no-repeat right 20px bottom 83px;box-shadow:15px 15px 30px rgba(0,0,0,0.25);box-sizing:border-box;}
.jsLayerPop .mvisual #select_slib{display:none;padding:10px 30px 10px 15px;margin-bottom:20px;font-size:1.4rem;width:100%;background:url(/nanum/site/builder/skin/common/img/select_arr.png) no-repeat center right;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #000;}
.jsLayerPop .mvisual #select_slib::-ms-expand{display:none;}
.jsLayerPop .mvisual .map_txtw .tit{text-align:left;margin-top:25px;margin-bottom:15px;padding-left: 30px;position:relative;font-size:2rem;font-weight:700;/*color:#ee4410;*/}
.jsLayerPop .mvisual .map_txtw .tit span{position:absolute;top:-42px;left:-22px;display:block;width:65px;height:35px;line-height:35px;font-size:1.5rem;font-weight:700;color:#fff;text-align:center;border-radius:5px;box-shadow:5px 5px 8px rgba(0,0,0,0.23);background:#ee4410;}

.jsLayer_list{display: flex; flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.jsLayer_list > div{width:48%;padding: 40px;background: #fff;border: 1px solid #d5d5d5;background:no-repeat right -2px top -2px;box-sizing:border-box;}
.jsLayer_list > div > p{margin: 10px 0;}
.jsLayer_list > div > p > span{display:inline-block; min-width: 70px; height: 25px;font-family: 'Be Vietnam Pro';text-align: center;background-color: #000; color: #fff;margin-right:15px;}
.jsLayer_list > div > p.fl_tit{font-family: 'GmarketSansMedium';font-weight:700;font-size:2rem;margin: 20px 0;}
.jsLayer_list .floor1{background-image:url(/nanum/site/builder/dir/main/img/menu5856/floor_f1.gif);}
.jsLayer_list .floor2{background-image:url(/nanum/site/builder/dir/main/img/menu5856/floor_f2.gif);}

/* 인사말 */
.greet_wrap{display:flex;align-items: center;background:#fbfaf8;}
.greet_wrap .greet{padding:0 50px;}
.greet_wrap .greet .fontf{font-family: 'GmarketSansMedium';font-weight:700;font-size:3.8rem;color:#000;}
.greet_wrap .greet .fontf.n1{font-weight:700;font-size:2.2rem;color:#ee4410;}
.greet_wrap .greet .fontf.n3{font-weight:500;font-size:1.9rem;margin-top: 20px;}
.greet_wrap .greet .cont{margin-top: 45px;}
.greet_wrap .greet .thank{font-family: 'RIDIBatang';font-weight:500;font-size:1.7rem;color:#ee4410;}

.greeting .fontf{font-family: 'GmarketSansMedium';font-weight:700;font-size:4rem;color:#000;}
.greeting .fontf.n1{position:relative;font-weight:700;font-size:2.2rem;color:#ee4410;padding-top:45px;}
.greeting .fontf.n1::before{position:absolute;content:'';top:-25px;width:63px;height:54px;background:url(/nanum/site/builder/dir/main/img/menu5856/greeting_q.jpg)no-repeat; }
.greeting .fontf.n1::after{position:absolute;content:'';right: 0;top: 58px;width: 1000px;height:1px;background:#ee4410;}
.greeting .fontf.n3{font-weight:500;font-size:1.9rem;margin-top: 20px;}
.greeting .cont{margin-top: 80px;}
.greeting .thank{font-family: 'RIDIBatang';font-weight:500;font-size:1.8rem;color:#ee4410;}

/*.greet_wrap{display:flex;align-items: center;background:#fbfaf8;}
.greet_wrap .greet{padding:0 50px;width:700px;box-sizing:border-box;}
.greet_wrap .greet .fontf{font-family: 'GmarketSansMedium';font-weight:700;font-size:3.8rem;color:#000;}
.greet_wrap .greet .fontf.n1{font-weight:700;font-size:2.2rem;color:#ee4410;}
.greet_wrap .greet .fontf.n3{font-weight:500;font-size:1.9rem;margin-top: 20px;}
.greet_wrap .greet .cont{margin-top: 45px;}
.greet_wrap .greet .thank{font-family: 'RIDIBatang';font-weight:500;font-size:1.7rem;color:#ee4410;}

.greeting .fontf{font-family: 'GmarketSansMedium';font-weight:700;font-size:4rem;color:#000;}
.greeting .fontf.n1{position:relative;font-weight:700;font-size:2.2rem;color:#ee4410;padding-top:45px;}
.greeting .fontf.n1::before{position:absolute;content:'';top:-25px;width:63px;height:54px;background:url(/nanum/site/builder/dir/main/img/menu5856/greeting_q.jpg)no-repeat; }
.greeting .fontf.n1::after{position:absolute;content:'';right: 0;top: 58px;width: 1000px;height:1px;background:#ee4410;}
.greeting .fontf.n3{font-weight:500;font-size:1.9rem;margin-top: 20px;}
.greeting .cont{margin-top: 80px;}
.greeting .thank{font-family: 'RIDIBatang';font-weight:500;font-size:1.8rem;color:#ee4410;}

.sketch_wrap{width:430px;height:670px;overflow:hidden;}
.sketch_wrap .sketch{margin-left: -400px;display: block;height: 670px;}*/

/* 현황 */
.place_wrap{display:flex;justify-content: space-between;}
.place_wrap > div{width:560px;}
.place_wrap > div img{width:100%;height:375px;}
.place_wrap > div .pl_cont{position:relative;display: flex;flex-direction: column;align-items: center; justify-content: center; text-align: center;margin-top: 55px;}
.place_wrap > div .pl_cont:before{position:absolute;content:'';left:40%;top: -120px;width:105px;height:105px;filter: drop-shadow(0px 0px 7px #00000010);}
.place_wrap > div .pl_cont.area:before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic04.png);}
.place_wrap > div .pl_cont.floor:before{background-image:url(/nanum/site/builder/dir/main/img/menu5856/time_ic09.png);}
.place_wrap > div .pl_cont.floor{display:flex;flex-direction: initial;gap:40px;}
.place_wrap > div .pl_cont dt{font-size:1.9rem;font-weight:700;margin-bottom:15px;}
.place_wrap > div .pl_cont dd{font-size:1.7rem;color:#444;}

/* 연혁 */
#history{position:relative;display:flex;flex-direction: column;}
#history:before{content:'';position:absolute;top:0;left:50%;margin-left:-0.5px;width:1px;height:100%;background:#e2e2e2;}
#history > li{position:relative;width:50%;margin-bottom:20px;padding:30px;box-sizing:border-box;}
#history > li:first-child{padding-top:0 !important;}
#history > li:last-child{margin-bottom:0;}
#history > li:nth-child(odd){margin-left:auto;padding-right:0}
#history > li:nth-child(even){padding-left:0;text-align:right;}
#history > li:after{content:'';position:absolute;top:44px;width:9px;height:9px;background:#ee4410;}
#history > li:first-child:after{top:14px;}
#history > li:nth-child(odd):after{left:-4.5px;}
#history > li:nth-child(even):after{right:-4.5px;}
#history > li p{margin-bottom:25px;font-weight:900;font-size:5rem;font-family:'Be Vietnam Pro';line-height:1;color:#fff;letter-spacing: -1px;-webkit-text-stroke: 1px #fe6024;}
#history > li dl{position:relative;margin-top:12px;font-size:1.6rem;}
#history > li dl dt{position:absolute;font-weight:600;color:#222;letter-spacing:0;width: 80px;text-align: justify;}
#history > li dl.long dt{width: 140px;}
#history > li:nth-child(odd) dl dt{left:0;}
#history > li:nth-child(even) dl dt{right:0;text-align: right;}
#history > li dl dd{margin-top:5px;font-weight:400;color:#222;}
#history > li:nth-child(odd) dl dd{padding-left:85px}
#history > li:nth-child(even) dl dd{padding-right:85px}
#history > li:nth-child(odd) dl.long dd{padding-left:140px}
#history > li:nth-child(even) dl.long dd{padding-right:140px}
#history > li dl.no dd{padding:0 !important;}

#history > li:nth-child(even) dl dd > ul.list > li{padding-right:20px;}
#history > li:nth-child(odd) dl dd > ul.list > li::after{width: 7px; height: 2px;background: #000;}
#history > li:nth-child(even) dl dd > ul.list > li::after{width: 7px; height: 2px;left: auto;right: 0;background: #000;}

/* 로고소개 */
/*.logo_wrap{border:1px solid #c8c8c8;padding:100px 0;background:url(/nanum/site/builder/dir/main/img/menu5856/bg_grid.gif) repeat left top;}
.logo_wrap .img_wrap{display:flex;gap:200px;align-items:center;justify-content: center;}*/
.logo_intro,
.logo_size,
.logo_grid,
.logo_mini,
.logo_type{border:1px solid #e3e3e3;display:flex;align-items:center;justify-content:center;padding: 50px 0;}
.colorsystem{display:flex;justify-content: space-between;border-top: 2px solid #000;padding-top: 50px;margin-top:70px;}
.colorsystem .cwrap{width: 750px;display: flex;}
.colorsystem .cwrap dl{height: 240px;width: 250px;display:flex;flex-direction: column;justify-content: space-between;padding: 30px;color:#fff;box-sizing: border-box;}
.colorsystem .cwrap dl.bk{background:#000;}
.colorsystem .cwrap dl.w{background:#fff;color:#000;}
.colorsystem .cwrap dl.gray{background:#808285;}
.colorsystem .cwrap dl dt{font-weight: 700;}
.colorsystem .cwrap dl dd p:first-child{display:flex;flex-wrap: wrap;}
.colorsystem .cwrap dl dd p:first-child span{width:50%;}

/* 찾아오시는길 */
.map_wrap{position: relative;display:flex;border: 1px solid #fe803b;box-sizing:border-box;}
.map_wrap .root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{display:none;}
.map_wrap .map_info{position: absolute;right: 0;z-index: 5;display: flex;flex-direction: column;justify-content: space-between;width:320px;height:541px;color:#fff;padding:90px 40px;box-sizing:border-box;background-color:#fe803b;box-shadow:-10px 10px 8px rgba(0,0,0,0.15);}
.map_wrap .map_info p{font-family: 'GmarketSansMedium';font-weight:700;font-size:2.5rem;background-image: linear-gradient(to right, #fff 45%, rgba(255,255,255,0) 0%);  background-position: bottom; background-size: 8px 1px;background-repeat: repeat-x;padding-bottom: 30px;}
.map_wrap .map_info .minfo_wrap{display: flex;flex-direction: column;gap:15px;}
.map_wrap .map_info .minfo_wrap dl dt{display:inline-block;border:1px solid #fff;padding:5px 15px;margin-bottom: 15px;}
.map_wrap .map_info .minfo_wrap dl dd .eng{font-weight:700;}

.trans_wrap{display:flex;gap:40px;margin-top:50px;}
.trans_wrap > div{width:50%;border:1px solid #c8c8c8;padding:50px 40px;}
.trans_wrap .bus dl{padding-bottom:15px;}
.trans_wrap .bus dl dt{padding-left:28px;margin-bottom: 15px;background:url(/nanum/site/builder/dir/main/img/menu5856/check_icon.gif)no-repeat left center;}
.trans_wrap .bus dl dd{display: flex;flex-direction: column;gap: 15px;padding-left:28px;}
.trans_wrap .bus dl dd > div{display:flex;gap: 20px;}
.trans_wrap .bus dl dd > div > p{width:60px;height:25px;text-align:center;color:#fff;padding: 5px 0;}
.trans_wrap .bus dl dd > div.bus1 > p{background:#6873f1;}
.trans_wrap .bus dl dd > div.bus2 > p{background:#000;}
.trans_wrap .bus dl dd > div > ul{display:flex;gap: 10px;}
.trans_wrap .bus dl dd > div > ul > li{width: 60px; height: 35px; text-align: center;line-height: 35px;border:1px solid #000;border-radius:50px;}
.trans_wrap .bus dl dd > div.bus1 > ul > li{border-color:#6873f1;color:#6873f1;}

.trans_wrap .subway dl{padding-bottom:15px;display:flex;align-items: center;gap:20px;}
.trans_wrap .subway dl dt{width:110px;height:25px;padding: 5px 0;text-align: center;color:#fff;}
.trans_wrap .subway dl.sub1 dt{background-color:#63c36e;}
.trans_wrap .subway dl.sub2 dt{background-color:#f5cc5d;}


/********************웹********************/
@media all and (max-width:1600px){

/* 시설안내 */
.jsLayerPop .mvisual .slib_dot p.slib01{top: 61%;left: 21%;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 58%;left: 11%;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 55%;left: 14%;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 49%;left: 14%;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 47%;left: 20%;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 56%;left: 30%;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 20%;left: 35%;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 23%;left: 37%;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 28%;left: 41%;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 31%;left: 45%;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 30%;left: 55%;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 41%;left: 58%;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 45%;left: 66%;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 34%;left: 74%;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 36%;left: 63%;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 44%;left: 77%;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 68%;left: 50%;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 76%;left: 59%;} /* 6-2 */

/*인사말*/
.greet_wrap .greet .fontf{font-size:3rem;}
.greet_wrap .greet .cont{margin-top:25px;}


}
	
	
/********************웹********************/
@media all and (max-width:1024px){


/* 연혁 */
#history > li p{margin-bottom:20px;font-size:3.4rem;}
#history > li:after{top:40px ;}
#history > li:first-child:after{top:11px;}
#history > li:nth-child(odd) dl dd{padding-left: 65px;}
#history > li:nth-child(even) dl dd{padding-right: 65px;}

/* 관람안내 */
.s_import{flex-direction: column;}
.s_import .list_wrap{width:100%;}
.s_import .list_wrap > li{width:100%;padding: 20px 0 20px 70px;background-position: 15px 50%;background-size: 25px auto;}

.s_import.step2 .list_wrap > li span{width:65px;height:65px;}
.s_import.step2 .list_wrap > li{gap: 25px;padding-left: 0;}

/* 시설안내 */
.jsLayerPop{height:auto;}
.jsLayerPop .mvisual .map_w img{width:100%;}

.jsLayerPop .mvisual .slib_dot p{font-size:15px;}
.jsLayerPop .mvisual .slib_dot p.slib01{top: 62%;left: 22%;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 59%;left: 10%;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 56%;left: 14%;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 50%;left: 13%;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 48%;left: 20%;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 56%;left: 29%;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 22%;left: 34%;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 25%;left: 37%;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 30%;left: 42%;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 34%;left: 45%;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 31%;left: 54%;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 40%;left: 56%;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 46%;left: 65%;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 37%;left: 71%;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 36%;left: 62%;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 45%;left: 77%;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 67%;left: 50%;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 78%;left: 59%;} /* 6-2 */

.jsLayer_list > div > p{position: relative;padding-left: 90px}
.jsLayer_list > div > p.fl_tit{padding-left:0;}
.jsLayer_list > div > p > span{position: absolute;left: 0;}

/*인사말*/
.greet_wrap{align-items: flex-start;}
.greet_wrap img{width:300px;}
.greet_wrap .greet{padding: 30px 50px;}

/*.greet_wrap{flex-direction: column;}
.greet_wrap .greet{width:100%;}
.sketch_wrap{width:100%;height:auto;}
.sketch_wrap .sketch{margin-left:0;height: 550px;}*/

/*소개*/
.place_wrap{flex-direction: column;gap: 20px;}
.place_wrap > div{width:100%;}
.place_wrap > div img{height:auto;}
.place_wrap > div .pl_cont:before{left: 50%;transform: translateX(-50%);}

/*소개*/
.logo_intro,
.logo_size,
.logo_grid,
.logo_mini,
.logo_type{padding:40px 20px;}
.logo_intro img,
.logo_size img,
.logo_grid img,
.logo_mini img,
.logo_type img{width:100%;}
.colorsystem{flex-direction: column;}
.colorsystem .cwrap{width:100%;}

/*조직도*/
.organize.tac img{width:100%;}

/* 찾아오시는길 */
.map_wrap{flex-direction: column;}
.map_wrap .root_daum_roughmap{width: 100% !important;height: 400px;}
.map_wrap .map_info{position: relative;display: inline-block;width: 100%;height: auto;padding: 30px;}
.map_wrap .map_info p{padding-bottom: 20px;}
.map_wrap .map_info .minfo_wrap{flex-direction: row;margin-top: 30px;justify-content: space-between;}
.map_wrap .map_info .minfo_wrap dl{display: flex;align-items: center;}
.map_wrap .map_info .minfo_wrap dl dt{width: 60px;line-height: 60px;text-align: center;padding: 0;margin-bottom: 0;}
.map_wrap .map_info .minfo_wrap dl dd{padding-left:20px;}

.trans_wrap{flex-wrap: wrap;gap: 20px;}
.trans_wrap > div{width: 48.6%;padding: 30px;box-sizing: border-box;}
.trans_wrap .subway dl.sub1{margin-top:20px;}
.trans_wrap .bus dl{margin-top:20px;}
.trans_wrap .bus dl dd{padding-left:0;}
.trans_wrap .bus dl dd > div{flex-wrap: wrap;justify-content: space-between;}
.trans_wrap .bus dl dd > div > p{flex-shrink: 0;}
.trans_wrap .bus dl dd > div > ul{flex-grow: 1;flex-wrap: wrap;width: 70%;}




}


/********************모바일********************/
@media all and (max-width:767px){
	
/* 연혁 */
#history:before{left:4px;margin-left:0;}
#history > li:after{left:0 !important;right:auto !important;}
#history > li{padding:20px 0 0 25px !important;margin-left: 0 !important;width:auto;text-align:left !important}
#history > li:nth-child(even) dl dt{left:0;right:auto;text-align: left;}
#history > li dl dd{padding:0 0 0 55px !important;}
#history > li p{margin-bottom:15px;font-size:2.7rem;}
#history > li dl{margin-top:7px;font-size:1.5rem;}
#history > li:after{top:27px;}
#history > li:first-child:after{top:7px}

/* 관람안내 */
.time_wrap{flex-direction: column;border-radius: 20px;}
.time_wrap dl{width:100%;text-align: left;}
.time_wrap dl dt{padding: 0 0 0 90px;margin-left: 20px;}
.time_wrap dl dt::after{transform: none;left: 0;top: -6px;width: 60px;height: 60px;}
.time_wrap dl dt::before{transform: none;width: 40px;height: 40px;left: 11px;top: 5px;border-radius: 100%;background-size: cover;}
.time_wrap dl dd{height: auto;padding-left: 110px;}

/* 시설안내 */
.jsLayerPop{padding:10px;}
.jsLayerPop .mvisual{padding-top: 145px;}
.jsLayerPop .mvisual .map_txtw{top:25px;width:100%;}
.jsLayerPop .mvisual .map_txtw .tit{margin-top:20px;}
.jsLayerPop .mvisual .map_txtw .tit span{left:-1px;}

.jsLayerPop .mvisual .slib_dot p{font-size:15px;}
.jsLayerPop .mvisual .slib_dot p.slib01{top: 69%;left: 22%;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 64%;left: 10%;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 61%;left: 14%;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 58%;left: 13%;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 54%;left: 20%;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 63%;left: 29%;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 33%;left: 34%;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 36%;left: 37%;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 41%;left: 42%;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 45%;left: 45%;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 40%;left: 54%;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 51%;left: 56%;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 54%;left: 65%;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 46%;left: 71%;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 43%;left: 62%;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 51%;left: 77%;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 73%;left: 50%;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 80%;left: 59%;} /* 6-2 */

.jsLayer_list > div{width:100%;padding: 10px 20px 20px;background-size: 75px auto;}
.jsLayer_list .floor2{margin-top:20px;}
.jsLayer_list > div > p > span{height:auto;}

/*인사말*/
.greet_wrap{flex-direction: column;}
.greet_wrap img{width:100%;}
.greet_wrap .greet{padding:30px 20px;}
.greet_wrap .greet .fontf{font-size: 3rem;}
.greet_wrap .greet .fontf.n1{font-size:2rem;}
.greet_wrap .greet .fontf.n3{margin-top:10px;}
.greet_wrap .greet .cont{margin-top:25px;}

.sketch_wrap .sketch{margin-left:0;height: 400px;}

/* 현황 */
.place_wrap > div .pl_cont{margin-top:30px;}
.place_wrap > div .pl_cont:before{top: -70px;width: 60px;height: 60px;background-size: cover;}

/*소개*/
.colorsystem{margin-top: 30px}
.colorsystem .cwrap dl{width: calc(100% / 3);padding: 20px;}

/* 찾아오시는길 */
.map_wrap .map_info{padding:20px 15px;box-shadow: 0px 11px 8px rgba(0,0,0,0.15);}
.map_wrap .map_info .minfo_wrap{flex-direction: column;}
.map_wrap .map_info .minfo_wrap dl dt{line-height:40px;}

.trans_wrap > div{width:100%;padding: 20px 0 5px 20px;}
.trans_wrap .subway dl dt{display: flex;width:90px;height: 20px;align-items: center;justify-content: center;}
.trans_wrap .bus dl dd > div > p{display: flex;align-items: center;justify-content: center;height: 20px;}
.trans_wrap .bus dl dd > div > ul > li{height: 30px;line-height: 30px;}
.linetit_box{padding:20px;margin-top: 30px !important;}


}


/********************모바일********************/
@media all and (max-width:545px){
	
/*인사말*/	
.sketch_wrap .sketch{margin-left:-100px;}	
	
/* 시설안내 */
.jsLayerPop .mvisual .slib_dot p{width:45px;height:22px;font-size:14px;line-height: 22px;background-size: 22px !important;}
.jsLayerPop .mvisual .slib_dot p.slib01{top: 70%;left: 22%;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 65%;left: 10%;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 62%;left: 14%;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 58%;left: 13%;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 55%;left: 20%;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 64%;left: 29%;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 35%;left: 34%;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 39%;left: 34%;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 42%;left: 42%;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 46%;left: 45%;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 39%;left: 50%;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 52%;left: 56%;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 56%;left: 65%;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 48%;left: 71%;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 45%;left: 62%;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 53%;left: 77%;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 73%;left: 50%;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 78%;left: 59%;} /* 6-2 */


}


/********************모바일********************/
@media all and (max-width:425px){
	
/*인사말*/	
.sketch_wrap .sketch{margin-left:-170px;}	
	

}

/********************모바일********************/
@media all and (max-width:380px){

	
/* 시설안내 */
.jsLayerPop .mvisual .slib_dot p{width:45px;height:22px;font-size: 13px;line-height: 22px;background-size: 22px !important;}
.jsLayerPop .mvisual .slib_dot p.slib01{top: 73%;left: 22%;} /* 1-1 */
.jsLayerPop .mvisual .slib_dot p.slib02{top: 68%;left: 10%;} /* 2-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib03{top: 64%;left: 14%;} /* 2-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib04{top: 61%;left: 13%;} /* 2-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib05{top: 58%;left: 20%;} /* 2-2-1 */
.jsLayerPop .mvisual .slib_dot p.slib06{top: 67%;left: 29%;} /* 2-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib07{top: 42%;left: 34%;} /* 3-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib08{top: 45%;left: 34%;} /* 3-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib09{top: 49%;left: 42%;} /* 3-1-3 */
.jsLayerPop .mvisual .slib_dot p.slib10{top: 52%;left: 45%;} /* 3-1-4 */
.jsLayerPop .mvisual .slib_dot p.slib11{top: 45%;left: 52%;} /* 3-2 */
.jsLayerPop .mvisual .slib_dot p.slib12{top: 57%;left: 56%;} /* 4-1-1 */
.jsLayerPop .mvisual .slib_dot p.slib13{top: 61%;left: 65%;} /* 4-1-2 */
.jsLayerPop .mvisual .slib_dot p.slib14{top: 52%;left: 71%;} /* 4-2-2 */
.jsLayerPop .mvisual .slib_dot p.slib15{top: 49%;left: 62%;} /* 4-2-3 */
.jsLayerPop .mvisual .slib_dot p.slib16{top: 57%;left: 77%;} /* 5-1 */
.jsLayerPop .mvisual .slib_dot p.slib17{top: 75%;left: 50%;} /* 6-1 */
.jsLayerPop .mvisual .slib_dot p.slib18{top: 82%;left: 59%;} /* 6-2 */	
	
}