@charset "utf-8";

/* 서브페이지 상단 및 공용 시작 */
@font-face {
    font-family:'NotoSerifKR';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
.subgn{background:url(../img/subg.png) no-repeat center;background-size:cover;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subg{height:600px;color:rgba(255, 255, 255, 1);font-size:32px;text-align:center;border-bottom:1px solid #e4e4e4;background:url(../img/sub/subg.jpg) no-repeat center center;background-size:cover;box-sizing:border-box;position:relative}

.subbg4{background:url(../img/sub/sub_bg4.jpg) center no-repeat;background-size:cover;}
.subbg5{background:url(../img/sub/sub_bg5.jpg) center no-repeat;background-size:cover;}
.subbg6{background:url(../img/sub/sub_bg6.jpg) center no-repeat;background-size:cover;}
.subbg7{background:url(../img/sub/sub_bg7.jpg) center no-repeat;background-size:cover;}
.subbg8{background:url(../img/sub/sub_bg9.jpg) center no-repeat;background-size:cover;}
.subbg9{background:url(../img/sub/sub_bg8.jpg) center no-repeat;background-size:cover;}
.subbg10{background:url(../img/sub/sub_bg10.jpg) center no-repeat;background-size:cover;}
.subbg12{background:url(../img/sub/sub_bg11.jpg) center no-repeat;background-size:cover;}

.h2tit{font-size:34px;font-weight:600;padding:50px 0;text-align:center}
.subg .line{display:inline-block;width:30px;height:1px;background:rgba(255, 255, 255, 0.7);position:relative;top:-30px;}
.subconBox{background:#FFF;padding:0;box-sizing:border-box;}
.subreporttitle{text-align:center;padding:40px 0 70px;font-size:34px;line-height:160%;font-weight:500;}
.subreporttitle span{display:block;width:35px;height:1px;background:#000;margin:0 auto;}
.subcontent .subnav{z-index:9999;box-sizing:border-box;}
.subcontent .subnav .container{border-bottom:1px solid #e6e9ec;}
.subnavc{display:grid;justify-content:space-between;padding-top:35px;padding-bottom:20px;}
.subcontent .subnav .subnav-in{}
.subnavc h2, .subnavc .subnw{grid-row-start:2;}
.subnavc h2{color:#3f3f3f;font-variant-position:36px;letter-spacing:-1px;font-size:var(--h3-size);}

.subcontent .subnav .subnav-in{display:none;width:100%;font-family:'Nanum Gothic', sans-serif;grid-column:1/3;}
.subcontent .subnav .sns{float:right;line-height:50px;}
.subcontent .subnav .sns .snshidden{display:none;}
.subcontent .subnav .sns .snshidden span{padding-left:5px;}
.subcontent .subnav .sns>div{float:left;cursor:pointer;}
.subcontent .subnav .sns .printico{margin-left:20px;}
.subcontent .subnav .sns .snsico{margin-left:10px;}
.subcontent .subnav .subnav-in .subhome{flex:1 1 50px;text-align:center;cursor:pointer;}
.printw{overflow:hidden;float:right;line-height:50px;}
.printw a.addthis_button_url{display:inline-block;/* padding-left:29px;*/width:40px;height:40px;vertical-align:middle;margin-right:1px;border:1px solid #d0d0d0;box-sizing:border-box;margin-right:7px;box-sizing:border-box;line-height:40px;color:#8a8a8a;font-size:12px;margin-left:-1px;}
.printw a.addthis_button_url:last-child{margin-right:0;}
.printw a.btn-b2{background:url(../img/check.png) no-repeat 10px center;}
.printw a.btn-b3{background:url(../img/print.png) no-repeat 12px center;}
.hiddenover{overflow:hidden;float:left;margin-right:8px;display:none;}
.hiddenoverw{overflow:hidden;float:right;/* margin-right:8px;*/line-height:50px;}
.hiddenoverw .btn-b1{display:block;}
.hiddenover a.addthis_sns_url{display:inline-block;text-align:center;width:37px;height:36px;vertical-align:middle;margin-right:1px;}
.hiddenover a.btn-sns1{background:#fff url(../img/nsns01.png) no-repeat 0 0;}
.hiddenover a.btn-sns2{background:#fff url(../img/nsns02.png) no-repeat 0 0;}
.hiddenover a.btn-sns3{background:#fff url(../img/nsns03.png) no-repeat 0 0;}
.hiddenover a.btn-sns4{background:#fff url(../img/nsns04.png) no-repeat 0 0;}
.hiddenoverw a.btn-b1{background:url(../img/url.png) no-repeat  center;display:inline-block;vertical-align:middle;width:40px;height:40px;vertical-align:middle;/* margin-right:1px;*/border:1px solid #d0d0d0;box-sizing:border-box;line-height:40px;color:#8a8a8a;font-size:12px;/* padding-left:35px;*/}
.subcontent .navbar-fixed-top{border-bottom:none !important;}
.subcontent .navbar-fixed-top .subnav-in .subhome{border-left:1px solid #a65ad0 !important;}
.qaright{position:fixed;top:540px;width:134px;left:50%;margin-left:730px;}
.qaright dl{display:block;color:#363636;background-color:#f8f9fd;border:1px solid #d6d7db;}
.qaright dl dt{display:block;text-align:center;line-height:38px;color:#494949;font-size:18px;font-weight:500;letter-spacing:0.5px;border-bottom:1px solid #d6d7db;font-family:'Futura-Medium';font-weight:700;}
.qaright dl dd{padding:10px 5px;}
.qaright dl dd a{display:inline-block;margin:1px 0;padding:0 6px;line-height:20px;font-size:12px;background:#fff;border:1px solid #d8d8d8;}
.qaright dl dd a:hover{color:#ea4a3d;border:1px solid #ea8d8c;}
.quickmenu{position:fixed;left:50%;margin-left:730px;overflow:hidden;width:76px;height:76px;bottom:50px;z-index:11;background:#cd4c00;border-radius:38px;}
.quickmenu .qucick-arr{display:table-cell;width:76px;height:76px;line-height:17px;letter-spacing:0.5px;vertical-align:middle;text-align:center;color:#e1e1e1;}
.quickmenu .qucick-arr:hover{color:#ffffff;}
.quickmenu .qucick-arr strong{display:block;font-size:110%;}
/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul{position:relative;}
.tabm .subtabmenu .tab_content{position:relative;padding-top:70px;display:none;}
.tabm .subtabmenu .tab_container:before{position:absolute;width:1180px;left:50%;margin-left:-590px;height:2px;content:'';background:#000;top:48px;z-index:2;}
.tab_tit{border-bottom:none;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;z-index:2;border:1px solid #d9d9d9;background:#fff;font-size:19px;position:absolute;top:0;}
.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2{border:2px solid #333;border-bottom:none;z-index:3;color:#252525;}
.tablist:nth-child(1) .tab_tit{left:50%;margin-left:-590px;}
.tablist:nth-child(2) .tab_tit{left:50%;margin-left:-295px;}
.tablist:nth-child(3) .tab_tit{left:50%;margin-left:0;}
.tablist:nth-child(4) .tab_tit{left:50%;margin-left:295px;}
#tab1{display:block;}

@media only all and (max-width:1200px){
	.tab_tit{width:25%;}
	.tablist:nth-child(1) .tab_tit{margin-left:-50%;}
	.tablist:nth-child(2) .tab_tit{margin-left:-25%;}
	.tablist:nth-child(3) .tab_tit{margin-left:0;}
	.tablist:nth-child(4) .tab_tit{margin-left:25%;}
	.tabm .subtabmenu .tab_container:before{width:100%;left:0;margin-left:0;}
}


/*3차메뉴*/
.third-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;}
.third-menu ul{display:flex;justify-content:center;align-items:center;}
.third-menu ul li{display:flex;flex:0 1 235px;}
.third-menu ul li a{flex:1 0 auto;word-break:keep-all;display:inline-block;border:1px solid #cbcbcb;height:65px;line-height:65px;/* padding:0 15px;width:230px;*/color:#656565;font-weight:600;font-size:16px;box-sizing:border-box;letter-spacing:-1px;}
.third-menu ul li.lnbActive a, .third-menu ul li a:hover{/* background:#e74e0f;*//* color:rgba(255, 255, 255, 1);*/border:2px solid #062e7c;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear;color:#000;}

/*4차메뉴*/
.fourth-menu{overflow:hidden;margin-top:30px;margin-bottom:30px;text-align:center;position:relative;}
.fourth-menu ul{display:inline-block;}
.fourth-menu ul li{float:left;margin-bottom:-1px;}
.fourth-menu ul li a{margin-right:2px;box-sizing:border-box;width:296px;height:50px;display:inline-block;line-height:50px;text-align:center;font-weight:500;border:1px solid #d9d9d9;background:#fff;font-size:19px;border-bottom:2px solid #333;}
.fourth-menu ul li.lnbActive a{border:2px solid #333;border-bottom-color:transparent;z-index:3;color:#252525;}

@media only all and (max-width:1300px){
	.third-menu ul li.lnbActive a, .third-menu ul li a:hover{background:none;}
}

@media only all and (max-width:970px){
	.third-menu ul{display:block}
	.third-menu ul li{width:32%;float:left;display:block;overflow-y:hidden;}
	.third-menu ul li a{width:100%;height:auto;line-height:inherit;font-size:13px;padding:10px 5px;}
	.third-menu ul li.lnbActive a, .third-menu ul li a:hover{background:none;border-width:1px}
	.printw a.addthis_button_url{margin-left:0}
}


@media only all and (max-width:1024px){
.subnavc{padding:0 0 10px;align-items:center;}
	.basic-table{overflow-x:scroll;}
	.basic-table th{line-height:inherit !important;padding:5px !important;height:auto !important;font-size:14px !important;}
	.basic-table tbody th{font-size:12px !important;}
	.basic-table td{padding:5px !important;height:auto !important;font-size:16px !important;}
	.basic-table td span, .basic-table th span{padding:0;}
	.basic-table td.tleft_h1{padding-left:16px !important;text-indent:-9px !important;}
	
}
@media only all and (max-width:500px){
	.third-menu ul li{width:100%;}
}
/* 서브페이지 상단 및 공용 끝 */

.quMainB{display:none;}

.password_wrapper{width:100%;text-align:center;}
.password_wrapper .msg{margin:40px auto 30px;font-weight:700;font-size:18px;}
.password_wrapper fieldset{margin:0 auto;padding:20px;width:40%;min-width:450px;border:1px solid #ccc;}
.password_wrapper fieldset input[type="password"]{padding:0;}
.password_wrapper fieldset input[type="submit"]{cursor:pointer;}

.maintxt{display:flex;flex-direction:column;}
.maintxtc{padding-bottom:20px;padding-top:260px}
.maintxtc .mt1{font-size:50px;font-weight:500;font-family:'Nanum Myeongjo', serif;opacity:0.8}
.maintxtc .mt2{font-size:12px;font-weight:400;font-family:'NotoSerifKR', serif;letter-spacing:2px;opacity:0.8;margin-left:20px;}
.maintxtm{font-size:24px;font-family:'Nanum Myeongjo', serif;font-weight:bold}
.sublnb span{font-size:16px;color:#d6d6d6;margin:0 5px}
.subGnb{position:absolute;bottom:0;left:50%;margin-left:-700px;}
.subGnb ul{display:flex;background:rgb(22 129 173 / 70%);height:70px;}
.subGnb ul li{flex:1;box-sizing:border-box;border-right:1px solid rgb(255 255 255 / 20%);display:flex;align-items:center;justify-content:center;}
.subGnb ul li a{display:block;font-size:18px;width:100%;height:70px;display:flex;align-items:center;justify-content:center;}
.subGnb ul li a.on, .subGnb ul li a:hover{background:#FFFFFF;color:#000000}

@media only all and (max-width:1400px){
.subGnb{left:0;margin-left:0;width:100%;}
}

@media only all and (max-width:760px){
.subg .logo{padding-top:30px}
.subg{padding:0 15px;height:300px}
.maintxtc{padding:20px 0 0}
.maintxtc .mt1{font-size:30px}
.maintxtc .mt2{font-size:14px;padding-bottom:5px; letter-spacing:0px; margin-left:0px;}
.maintxtc .mt3{font-size:13px}
.maintxtc .mt3 span{display:block}
}

/*퀵메뉴*/
.tol-area{position:fixed;bottom:140px;right:30px;z-index:130;transition:bottom .4s ease-in-out;}
.tol-area > div{position:relative;height:70px;}
.tol-out, .tol-in{width:60px;height:60px;box-shadow:3px 3px 10px rgb(0, 0, 0, 0.1);-webkit-box-shadow:3px 3px 10px rgb(0, 0, 0, 0.1);box-sizing:border-box;border-radius:40px;cursor:pointer;background:#fff;}
.tol-out{text-align:center;margin-bottom:10px;position:absolute;right:0;font-size:12px;display:flex !important;align-items:center;justify-content:center;}
:where(.tol-out, .tol-in,) i{font-size:25px;}
.tol-out p i{color:#a9a9a9;}
.tol-out p:nth-child(2){padding-top:3px;}
.quMainN .tol-out{background:#4271d2;color:#fff;}

.tol-out p span{display:block;padding-top:1px;}
.tol-in{justify-content:flex-start;align-items:center;padding-left:20px;font-size:16px;font-weight:600;letter-spacing:-0.5px;text-transform:uppercase;width:195px;clear:both;position:absolute;right:0;display:none;}


.tol-in a{display:flex;flex-flow:row nowrap;align-items:center;width:100%;height:100%;}
.tol-in a .tol-c{margin-right:7px;}
.tol-out > div{position:relative;}
.tol-out > div > div{float:right;}


.floating-linker{box-shadow:3px 3px 10px rgb(0 0 0 / 20%);-webkit-box-shadow:3px 3px 10px rgb(0 0 0 / 20%);border-radius:40px;height:50px;line-height:50px;cursor:pointer;background-color:#fff;box-sizing:border-box;padding-left:20px;font-size:14px;font-weight:700;letter-spacing:-0.5px;text-transform:uppercase;width:175px;clear:both;margin-bottom:5px;background-position:85% center;background-repeat:no-repeat;}
.floating-linker.r1{background-image:url("../img/quick_r1.png");}
.floating-linker.r2{background-image:url("../img/quick_r2.png");}
.floating-linker.r3{background-image:url("../img/quick_r3.png");}
.floating-linker.r4{background-image:url("../img/quick_r4.png");}
.floating-menu{position:absolute;top:-110px;display:none;}
.quMainB{display:none;}

@media only all and (max-width:1024px){
	.tol-area .tol-1, .tol-area .tol-2, .tol-area .tol-3{display:none;}
	.tol-out, .tol-in{width:50px; height:50px;}
	.tol-area{bottom:120px; right:35px;}
}


/*관람안내*/
.infoboxw{}
.infobox{display:flex;padding-bottom:40px;border-bottom:1px solid #e4e4e4;padding-top:40px;}
.infotit{width:345px;display:flex;align-items:center;flex-direction:column;padding-right:70px;box-sizing:border-box;}
.infotxt{font-size:36px;font-weight:600;padding-bottom:15px;letter-spacing:-2px;}
.infoimg{}
.infocon{width:calc(100% - 345px);}
.infot1{font-size:18px;color:#5f5f5f;padding-bottom:35px;}
.infotxtbw{display:flex;margin-bottom:30px;}
.infotxtb{flex:1;border:1px solid #ccc;margin-right:5px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.inbt1{font-size:24px;color:#565656;font-weight:600;padding-bottom:15px;}
.inbt2{font-size:30px;color:#3a3a3a;font-weight:700;padding-bottom:15px;}
.inbt3{font-size:14px;color:#969696;}
.inbt4{font-size:28px;color:#3a3a3a;font-weight:700;padding-bottom:5px;line-height:120%;}
.infocat{}
.infolist{color:#5f5f5f;font-size:18px;}
.infolist p{padding-bottom:17px;display:flex;}
.infolist p:before{content:"-";padding-right:5px}
.infolist .num{width:24px;height:24px;border-radius:50%;color:#fff;background:#1f1f1f;text-align:center;display:flex;margin-right:9px;flex-direction:row;align-items:center;align-content:center;justify-content:center;}
.infoimg{margin-bottom:20px}
.infonum p:before{display:none}
.infonum p span:nth-child(2){width:calc(100% - 30px)}

@media only all and (max-width:760px){
.infobox{display:block;padding-top:20px}
.infotit{width:100%;padding-right:0}
.infocon{width:100%;}
.subGnb{display:none}
.infolist .num{display:block}
.maintxt{padding-top:130px}
.infot1{font-size:16px;padding:20px 0}
.infotxtbw{display:block}
.infotxtb{height:auto;padding:20px 20px;box-sizing:border-box;margin-bottom:10px}
.inbt2{font-size:26px}
.inbt4{font-size:24px;text-align:center}
.infotxt{font-size:28px;padding-bottom:10px}
.infolist{font-size:16px}
}


/*연혁*/
.htel-vi02-container {
    background:#fff;
}

.htel-vi02-container-in {
    background:url("../img/sub/historybg.png") no-repeat;
    background-size:contain;
    background-position:center top;
}

.htel-vi02-container .brand-history .list {
    position:relative;
}

.htel-vi02-container .brand-history .list:nth-child(odd) .content-box {
    float:right;
    padding-right:0;
}

.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column {
    width:-webkit-calc(50% - 15px);
    width:calc(50% - 15px);
    margin-top:30px;
    margin-right:30px;
    min-height:180px;
}

.htel-vi02-container .brand-history .list:nth-child(odd) .content-box .column:nth-child(2n+2) {
    margin-right:0;
}

.htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet::before {
    /* content:"";*/
    left:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .content-box {
    float:left;
    text-align:right;
    padding-left:50px;
}

.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column {
    width:-webkit-calc(50% - 15px);
    width:calc(50% - 15px);
    margin-top:30px;
    margin-left:30px;
    min-height:180px;
    float:right;
    margin-right:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .content-box .column:nth-child(2n+2) {
    margin-left:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet {
    padding-right:10px;
    padding-right:100px;
    padding-left:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet::after {
    /* content:"";*/
    right:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet.no-bullet::after {
    display:none;
}

.htel-vi02-container .brand-history .list:last-child.on .line-active {
    height:0;
}

.htel-vi02-container .brand-history .list:nth-child(even) .list-day {
    right:0;
}

.htel-vi02-container .brand-history .list.on .line-active{height:100%;}
.htel-vi02-container .brand-history .list.on .bullet-small{background:var(--point-color);}
.htel-vi02-container .brand-history .list.active .bullet-large{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}
.htel-vi02-container .brand-history .list.active .bullet-small{background:var(--point-color);}
.htel-vi02-container .brand-history .list:last-child .pagination-wrap{background:transparent;}
.htel-vi02-container .brand-history .content-box{width:50%;padding:0 60px;padding:0 3.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:-23px;margin-top:-1.4375rem;padding-bottom:100px;padding-bottom:65px;}
.htel-vi02-container .brand-history .year{font-size:48px;font-size:36px;/* font-family:"SDGothicNeobTTF-eSm";*/font-weight:700;padding-bottom:30px;}
.htel-vi02-container .brand-history .year em{font-size:20px;}
.htel-vi02-container .brand-history .year + .list-bullet{margin-top:20px;margin-top:20px;}
.htel-vi02-container .brand-history .list-bullet{position:relative;word-break:keep-all;line-height:1.33333;padding-left:110px;color:#848484;font-size:16px;}
.htel-vi02-container .brand-history .list-bullet span{font-size:18px;}
.htel-vi02-container .brand-history .list-bullet + .list-bullet{margin-top:13px;margin-top:25px;}
.htel-vi02-container .brand-history .list-bullet::after,.htel-vi02-container .brand-history .list-bullet::before{position:absolute;top:9px;top:0.5625rem;display:inline-block;width:3px;width:0.1875rem;height:3px;height:0.1875rem;border-radius:3px;border-radius:0.1875rem;background:#666;vertical-align:5px;}
.htel-vi02-container .brand-history .pagination-wrap{width:2px;height:100%;background:#e5e5e5;position:absolute;top:0;left:50%;margin-left:-1px;}
.htel-vi02-container .brand-history .pagination-wrap .line-active{width:100%;height:0%;background:var(--main-color);z-index:1;-webkit-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);transition:height 0.6s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-small{width:10px;width:0.625rem;height:10px;height:0.625rem;border-radius:10px;border-radius:0.625rem;background:#e5e5e5;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;-webkit-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);transition:background 1s cubic-bezier(0.66, 0, 0.34, 1);}
.htel-vi02-container .brand-history .pagination-wrap .bullet-large{width:40px;width:2.5rem;height:40px;height:2.5rem;border-radius:40px;border-radius:2.5rem;border:1px solid var(--main-color);background:#fff;z-index:2;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);-webkit-transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);-o-transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1);transition:transform 1s cubic-bezier(0.66, 0, 0.34, 1),-webkit-transform 1s cubic-bezier(0.66, 0, 0.34, 1);}
.clfix:after,.clfix:before{display:table;line-height:0;content:"";}
.clfix:after{clear:both;}

.htel-vi02-container .brand-history .lastlist.active .bullet-small {
    background:#ffa800
}

.htel-vi02-container .brand-history .lastlist.active .pagination-wrap .bullet-large {
    border:1px solid #ffa800;
}

.htel-vi02-container .brand-history .lastlistc .pagination-wrap .line-active {
    background:#ffa800
}

.htel-vi02-container .brand-history .hisimg{padding:70px 0 100px;float:left;}
.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:40px}

.list-bp {
    padding-right:120px !important;
}

.fadein {
    transition:opacity 1s,-webkit-transform 1s;
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,transform 1s;
    transition:opacity 1s,transform 1s;
    transition:opacity 1s,transform 1s,-webkit-transform 1s;
}

.fadein--fast {
    transition:opacity 0.5s,-webkit-transform 0.5s;
    -webkit-transition:opacity 0.5s,-webkit-transform 0.5s;
    -o-transition:opacity 0.5s,transform 0.5s;
    transition:opacity 0.5s,transform 0.5s;
    transition:opacity 0.5s,transform 0.5s,-webkit-transform 0.5s;
}

.fadein--hidden {
    -webkit-transform:translateY(115px);
    -ms-transform:translateY(115px);
    transform:translateY(115px);
}

.mini--fadein--hidden {
    -webkit-transform:translateY(60px);
    -ms-transform:translateY(60px);
    transform:translateY(60px);
}

.real--mini--fadein--hidden {
    -webkit-transform:translateY(45px);
    -ms-transform:translateY(45px);
    transform:translateY(45px);
}





.sub--fadein--hidden {
    opacity:0;
}

.img--fadein {
    transition:opacity 2s,-webkit-transform 2s;
    -webkit-transition:opacity 2s,-webkit-transform 2s;
    -o-transition:opacity 2s,transform 2s;
    transition:opacity 2s,transform 2s;
    transition:opacity 2s,transform 2s,-webkit-transform 2s;
}

.img--fadein--hidden {
    opacity:0;
}

.moveup {
    transition:opacity 1s,-webkit-transform 1s;
    -webkit-transition:opacity 1s,-webkit-transform 1s;
    -o-transition:opacity 1s,transform 1s;
    transition:opacity 1s,transform 1s;
    transition:opacity 1s,transform 1s,-webkit-transform 1s;
}

.moveup--hidden {
    -webkit-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px);
}

.low--moveup--hidden {
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px);
}

.high--moveup--hidden {
    -webkit-transform:translateY(110px);
    -ms-transform:translateY(110px);
    transform:translateY(110px);
}

.scale--hidden {
    opacity:0;
    -webkit-transform:translate(-50%, -50%) scale(0.2, 0.2);
    -ms-transform:translate(-50%, -50%) scale(0.2, 0.2);
    transform:translate(-50%, -50%) scale(0.2, 0.2);
}

.scale--hidden--false {
    opacity:1;
    -webkit-transform:translate(-50%, -50%) scale(1, 1);
    -ms-transform:translate(-50%, -50%) scale(1, 1);
    transform:translate(-50%, -50%) scale(1, 1);
}

.ui-mp4-handle {
    opacity:0;
}

.ui-mp4-handle::before {
    content:"";
    position:absolute;
    z-index:200;
    width:100%;
    height:100%;
    bottom:0;
    background-color:#fff;
}

.ui-mp4-handle.lift {
    opacity:1;
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
}

.ui-mp4-handle.lift::before {
    height:0%;
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
}

.bg--color--03 {
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    background-color:#f7f7f7;
}

.bg--color--yellow--hidden {
    background:#fff;
}

.bg--color--yellow {
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    background:#fff4e4;
}

.txt--color--white {
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    color:#fff;
}

.txt--color--black {
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    color:#000;
}

.line--hidden {
    height:0!important;
}

.line--show {
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    height:120px;
}

.moveup--xm--hidden {
    opacity:0;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
}

.moveup--xp--hidden {
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
}

.ui-cover {
    position:relative;
}

.ui-cover::before {
    content:"";
    position:absolute;
    z-index:200;
    width:100%;
    height:100%;
    bottom:0;
    background-color:#fff;
    -webkit-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    -o-transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
    transition:all 1s cubic-bezier(0.4, 0.31, 0.19, 1);
}

.ui-cover.lift::before {
    height:0%;


}

.h-align-c {
    text-align:center;
}

.histitc {
    color:#0f4ba4;
    font-weight:700;
    padding-bottom:20px;
    font-size:45px;
    letter-spacing:-2px;
    font-family:'Futura-Bold';
}

.histit {
    font-size:40px;
    color:#303030;
    font-weight:400;
}

.histits {
    font-size:var(--h2-size);
    color:#676767;
    font-weight:300;
    line-height:135%;
}
.histits>span{font-weight:bold;color:var(--bk85);}
.current-logo {
    padding-bottom:80px;
    text-align:center;
   
    padding-top:60px
}

.histlogo {
    padding-bottom:10px;
}

.htel-vi02-container .list-day {
    position:absolute;
    left:0;
    color:#262626;
    font-weight:700;
}

.pr0 {
    padding-right:0 !important;
}

.pl0 {
    padding-left:0 !important;
}

@media only all and (max-width:820px) {

    .htel-vi02-container .brand-history .content-box {
        width:100%;
        padding-left:70px;
        padding-right:10px;
        box-sizing:border-box;
        margin-top:0;
    }

    .htel-vi02-container .brand-history .pagination-wrap {
        left:40px;
    }

    .htel-vi02-container .brand-history .list:nth-child(odd) .content-box {
        text-align:left;
    }

    .htel-vi02-container .brand-history .list:nth-child(even) .content-box {
        padding-left:71px;
    }

    .histit {
        font-size:28px;
    }

    .histits {
        font-size:24px;
        padding-bottom:20px
    }

    .htel-vi02-container .brand-history .year {
        font-size:23px;
        text-align:left;
    }

    .htel-vi02-container .brand-history .year + .list-bullet {
        margin-top:10px;
        padding-right:20px;
        margin-bottom:10px;
    }

    .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet {
        padding-right:0;
    }

    .htel-vi02-container .list-day {
        position:relative;
        display:block;
        font-size:18px;
        /* padding-bottom:10px;*/
    }

    .htel-vi02-container .brand-history .list-bullet {
        padding-left:0;
        font-size:15px;
    }
}

@media only all and (max-width:620px) {
  .htel-vi02-container .brand-history .list-bullet {
        padding-left:0;
    }

    .htel-vi02-container .brand-history .list:nth-child(odd) .content-box {
        padding-bottom:27px;
    }

   .htel-vi02-container .brand-history .list:nth-child(odd) .list-bullet {
        padding-right:0 !important;
    }

    .htel-vi02-container .brand-history .list:nth-child(even) .content-box {
        padding-bottom:20px !important;
    }

.htel-vi02-container .brand-history .list:nth-child(even) .list-bullet {
padding-right:0;text-align:left;
}

.htel-vi02-container .brand-history .hisimg{padding:30px 0 50px;position:relative;z-index:1}
.htel-vi02-container .brand-history .list:nth-child(even) .hisimg{padding-left:0}
.current-logo{padding:20px 0;line-height:170%}
}


/*sub175*/

.subtc{width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
.subcate{font-size:22px;font-weight:600;color:#fff;margin-bottom:10px}
.subctit{color:#6ef3ff; text-transform:uppercase; font-size:60px;font-family:'NanumMyeongjo';background:linear-gradient(to right, #6ef3ff, #8ca6ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:60px;letter-spacing:-2px;font-weight:500;}
.subdetail {font-size:14px;opacity:0.7;color:#fff;line-height:180%;font-weight:300;text-shadow:0 1px 5px #000;}
.subclist{margin-top:30px}
.subclist ul {display:flex;margin:0px 0 10px;justify-content:center;}
.subclist ul li{font-size:13px;color:#fff;margin-right:20px;text-shadow:0 1px 5px #000;}
.scabtn{display:flex;margin:80px 0 20px;width:225px;align-items:center;}
.scabtn > div{flex:1;color:#fff}
.scabtn p{font-size:70%;}

.visual_scroll{
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:70px;
z-index:1;
margin:0 auto;
position:relative;
left:40px;
}

.visual_scroll .scroll_wrap{
position:relative;
margin:0 auto;
width:1px;
height:90px;
}
.scroll_wrap .bar_bg{
position:absolute;
top:0;
left:0;
width:1px;
height:100%;
background:#fff;
opacity:0.3;
}

.scroll_wrap .bar{
position:absolute;
top:0;
left:0;
width:1px;
height:0;
background:#fff;
-webkit-animation:scroll 1.5s infinite ease-out;
animation:scroll 1.5s infinite ease-out;
}

.scroll_txt{color:#fff;font-size:15px;text-align:center;opacity:0.9;font-weight:500;margin:30px 0 15px;}

@-webkit-keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}

@keyframes scroll{
	0%{height:0%;}
	100%{height:100%;}
}

.sanbox{display:flex;margin-bottom:50px;border:1px solid #e4e4e4}
.sanbox:nth-child(2n){flex-direction:row-reverse;}
.sanboximg{width:650px; align-self:center;}
.sanboximg img{width:100%}
.sanboxtxt{width:calc(100% - 650px);padding:60px 40px;box-sizing:border-box}
.sanbtit{display:flex;font-size:30px;color:#303030;font-weight:600;margin-bottom:15px;letter-spacing:-2px;}
.sanbtit .num{color:#2865b8;font-family:'Futura-Medium';margin-right:10px;font-weight:700;font-size:38px;}
.sanbtit .ctxt{color:#303030;/* font-size:16px;*/}
.sanbtit .ctxt b{font-weight:500;font-size:24px;}
.sanbc {word-break:keep-all;font-size:15px;color:#6d6d6d;line-height:180%;}
.sanbc p{text-align:right;}
.sanbc p.name1{width:98.5%;}
.sanbc p.name2{width:93%;}
.sanbstit{font-family:'NanumMyeongjo';color:#d37700;font-size:24px;font-weight:500;padding-bottom:15px}
.junpictit{font-size:30px;color:#4d4d4d;letter-spacing:-2px;font-weight:700;position:absolute;}

.pagingInfo{font-size:18px;font-family:'Futura-Medium';font-weight:700;position:absolute;top:19px;right:90px;}
.post-slider{padding-top:50px}
.secgallery{position:relative}
.slick-prev{position:absolute;font-size:0;background:url("../img/sub/slickPrev2.png") no-repeat;width:25px;height:25px;top:-33px;right:155px;opacity:0.4;}
.slick-next{position:absolute;font-size:0;background:url("../img/sub/slickNext2.png") no-repeat;width:25px;height:25px;top:-33px;right:3px;opacity:0.4;}
.controler {position:absolute;right:37px;top:11px;}
.controler .play{background:url("../img/sub/playbtn.png") no-repeat;font-size:0;width:15px;height:20px;}
.controler .stop{background:url("../img/sub/stopbtn.png") no-repeat;font-size:0;width:15px;height:20px;}

.pagingInfo .slick-dots li.slick-active {display:flex;}
.pagingInfo .slick-dots li {display:none;justify-content:space-between;color:#555;font-family:'Futura-Medium';}
.pagingInfo  .slick-active span:nth-child(1){color:#0053ec}
.pagingInfo  .slick-active span {display:inline-block;padding:0 2px}
.secym {margin:60px 0 200px}
.secymtit{font-size:30px;color:#4c4c4c;border-bottom:1px solid #ccc;padding-bottom:10px;font-weight:700;margin-bottom:30px;letter-spacing:-2px;}
.secymboxw{display:flex;flex-direction:row;flex-wrap:wrap;}

.secymbox{border:1px solid #d2d2d2;box-sizing:border-box;margin-right:18px;margin-bottom:20px;cursor:pointer}
.secymbox:nth-child(4n){margin-right:0}
.symtxt{text-align:center;padding:15px 0}
.symtit{font-size:18px;font-weight:700;color:#242424}
.symstit{font-size:14px;color:#242424}


.laypop{position:fixed;background:rgb(0 0 0 / 85%);;top:0;bottom:0;left:0;right:0;z-index:1000;display:none}
.laypopDiv{width:800px;margin:30px auto;text-align:center;}
.layclose{margin-bottom:20px;cursor:pointer}
.laypop .symimg {height:500px;display:flex;justify-content:center;align-items:center;}
.laypop .symimg img{width:50%}
.laypop .symtit{color:#fff}
.laypop .symstit{color:#fff}

/*관람안내*/
.sub122 .sanbox:nth-child(2n){flex-direction:row;}
.sub122 .sub122Info{margin-bottom:40px}
.sub122 .sanboxtxt{padding:20px 40px}
.sub122 .more a{display:block;background:url("../img/sub/url.png") no-repeat 93% center;color:#2759d6;border:1px solid #2759d6;width:190px;height:55px;line-height:55px;padding-left:31px;box-sizing:border-box;font-weight:500;}
.sub122 .more a:hover{transition:all 0.2s ease-in;background:#4271d2 url("../img/sub//ico_url_w.png") no-repeat 93% center;color:#fff}
.sub122 .sanbc{height:240px;line-height:inherit}
.sub122 .sanbtit .num{font-family:'Noto Sans KR', sans-serif;}


@media only all and (max-width:1300px){
	.sanboximg{width:50%}
	.sanboxtxt{width:50%}
	.sub122 .sanbc{height:auto;margin-bottom:20px}
	.sanbtit{display:block}
}
@media only all and (max-width:1000px){
	.subtc{width:100%;padding:0 20px;box-sizing:border-box}
	.sub122 .more a{height:auto;line-height:inherit;padding:10px 10px;font-size:14px}
	.sub122 .sanboxtxt{padding:10px}

}

@media only all and (max-width:860px){
	.sub175bg{height:auto}
	.sanboximg{width:100%}	
	.sanboxtxt{width:100%;padding:20px;box-sizing:border-box}
	.subctit{font-size:34px;margin-bottom:30px}
	.subdetail{font-size:14px}
	.subclist{display:flex;margin:20px 0;}
	.subclist ul{display:block;text-align:left;}
	.subclist ul li{font-size:14px}
	
	.visual_scroll .scroll_wrap{height:50px}
	.scroll_txt{margin-top:0}
	.sanbox{display:block;margin-bottom:20px}
	.sanbtit{font-size:26px}
	.sanbtit .num{font-size:30px}
	.sanbc{font-size:14px}
	.secymbox{margin-right:0;}
	.laypopDiv{width:100%}
	.laypop .symimg{height:300px}
	.laypop .symimg img{width:70%}
	.secymboxw{display:block}
	.symimg img{width:100%}
	.secym{margin-bottom:50px}	
	.junpictit{font-size:24px;position:relative}
	.pagingInfo{top:54px}
	.controler{top:47px;}
	
	.sanbc p{text-align:left;}
}


/*어린이간척연구실92*/
.sub92{margin-bottom:180px}
.childzone{text-align:center;padding-top:90px;padding-bottom:20px;}
.childtit{font-size:40px;letter-spacing:-3px;}
.childtit span{font-weight:600}
.childboxw{display:flex;width:1200px;padding:80px 0 20px;margin:0 auto;}
.chibox{flex:1;color:#363636}
.chitxt{font-size:18px;font-weight:600;margin-top:20px;}
.chistxt{font-size:13px;position:relative;margin-top:10px;}
.chistxt:after{width:25px;height:1px;background:#C8C8C8;display:block;content:'';margin:20px auto 0;}

.childbg{background:url("../img/sub/childbg2.jpg") no-repeat center;height:900px;padding-top:160px;box-sizing:border-box;margin-bottom:40px;background-size:cover;}
.childmcw{width:900px;margin:0 auto}
.childmc{width:250px;height:250px;border-radius:50%;color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;margin:0 25px}
.childmtit{font-size:18px;font-weight:600;padding-bottom:20px;}
.childmstit{font-size:75%;}
.cmc01{background:rgb(53 104 208 / 85%);}
.cmc02{background:rgb(53 143 208 / 85%);}
.cmc03{background:rgb(53 191 208 / 85%);}
.cmc04{background:rgb(53 208 169 / 85%);}
.cmc05{background:rgb(53 173 208 / 85%);}
.childmcww{display:flex;margin-bottom:40px;justify-content:center;}
.postxt{text-align:right;font-size:18px;color:#404040;padding:15px 0}

@media only all and (max-width:1200px){
	.childboxw{width:100%}	
}

@media only all and (max-width:1000px){
	.childmcw{width:100%}
	.childzone{padding-top:12px;}
	.childtit{font-size:28px}
	.childtit p{display:inline}
	.childboxw{display:block;overflow:hidden;padding:30px 0 0}	
	.chibox{width:32%;float:left}
	.chitxt{margin-top:10px}
	.chistxt{font-size:13px;margin-top:0;}
	.postxt{text-align:center;font-size:15px}
	.sub92{margin-bottom:80px}
	.childmcww{display:block;overflow:hidden;margin-bottom:10px;}
	.childbg{height:auto;padding:10px}
	.childmc{width:calc(100% - 20px);height:auto;margin:10px;float:left;/* display:table-caption;*/display:inline-block;text-align:center;border-radius:0;padding:10px;}	
}


/*교육프로그램*/
.sub173{margin-bottom:200px}
.edubg {background:url("../img/sub/edubg.png") no-repeat;height:800px;padding-top:180px;box-sizing:border-box;margin-bottom:40px;text-align:center;color:#fff;background-size:cover}
.educt{font-size:40px;color:#6ed4ff;font-family:'Nanum Myeongjo', serif;font-weight:700;padding-bottom:30px}
.eudcmt{color:#fff;font-size:18px;padding-bottom:50px;max-width:60%;margin:0 auto;}
.educlist{width:380px;text-align:left;font-size:16px;margin:0 auto;letter-spacing:0;margin-bottom:80px}
.sub173 .edutit{font-size:24px;font-weight:700;color:#2f2f2f;padding-bottom:20px}
.sub173 .chibox{text-align:center}

.edutable td{font-weight:600;font-size:85%;}
.edutable ul li{list-style:none;position:relative;list-style-type:none !important;font-weight:400;padding:0;margin:0;}
.edutable ul{margin-left:20px !important}
.edutable ul li:before{content:'-';}
.edutable td.left{text-align:left;padding-left:20px}
.edutable .more a{display:block;background:url("../img/sub/url.png") no-repeat 93% center;color:#2759d6;border:1px solid #2759d6;width:170px;height:55px;line-height:55px;padding-right:31px;box-sizing:border-box;font-weight:500;margin:0 auto;}
.edutable .more a:hover{transition:all 0.2s ease-in;background:#4271d2 url("../img/sub/ico_url_w.png") no-repeat 93% center;color:#fff}
.edutable tr td:last-child {border-right:none;}
.edutable tr:nth-of-type(6) td:last-child {border-right:0 solid #e5e6e7;}
.sub173 .container{width:1260px}

.yuaeduw .sanbox:nth-child(2n){flex-direction:row;}
.yuaeduw{margin-top:50px}
.yuacate{font-size:16px;color:#898989}
.yuatit{font-size:30px;color:#303030;padding-bottom:30px;font-weight:600;line-height:1.3;}
.yuatit b{display:block;font-size:90%;}
.yuaeduw .sanbc{height:155px}
.yuaeduw .sanboxtxt  {padding:30px}
.yuaeduw .more{display:flex;align-items:center;}
.yuaeduw .more a{display:block;background:url("../img/sub/url.png") no-repeat 93% center;color:#2759d6;border:1px solid #2759d6;width:180px;height:55px;line-height:55px;padding-left:31px;box-sizing:border-box;font-weight:600;margin-right:20px;}
.yuaeduw .more a:hover{transition:all 0.2s ease-in;background:#4271d2 url("../img/sub//ico_url_w.png") no-repeat 93% center;color:#fff}
.timerimg{margin-right:10px}
.yuaeduw .sangF .sanbc{height:auto;padding-bottom:20px}
.sangF .yuatit {padding-bottom:15px}
/*리스트 스타일 변경*/
.yuaeduw2 .sanboxw{display:grid;grid-template-columns:repeat(3, 1fr);}
.yuaeduw2 .sanbox{flex-flow:column wrap;box-sizing:border-box;}
.yuaeduw2 .sanboximg, .yuaeduw2 .sanboxtxt{width:auto;}
.yuaeduw2 .sanbox:nth-child(2n){flex-direction:column;}
@media only all and (max-width:1024px){
	.yuaeduw2 .sanboxw{grid-template-columns:repeat(2, 1fr);}
}
@media only all and (max-width:720px){
	.yuaeduw2 .sanboxw{grid-template-columns:repeat(1, 1fr);}
}

.resert{color:#575757;font-size:20px;text-align:center;padding-bottom:10px;padding-top:50px;opacity:0.5;text-transform:capitalize;letter-spacing:0;}
.resertit{text-align:center;font-size:40px;color:#2f2f2f;padding-bottom:10px}
.resertit span{font-weight:600}
.reserstit{text-align:center;color:#565656;font-size:16px;padding-bottom:70px;}
.reserboxw{display:flex;flex-wrap:wrap;margin-bottom:100px}
.reserbox {color:rgba(255,255,255,1.00);background-repeat:no-repeat;margin:0 20px 20px 0;flex-direction:column;align-items:center;justify-content:center;position:relative;background-size:100%;transition:all 0.3s ease-in-out;overflow:hidden}
.reserbox:nth-child(3n){margin-right:0}
.reserbox a{display:block;width:450px;height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.reboxtit{font-size:26px;color:#ffffff;margin-bottom:100px;font-weight:600;}
.reserbtn{display:block;width:190px;height:50px;line-height:50px;background:url("../img/sub/ico_url_w.png") no-repeat 90% center;border:1px solid #fff;cursor:pointer;color:#fff;padding-left:40px;}

.rebox01{background-image:url("../img/sub/reserv_01.png")}
.rebox02{background-image:url("../img/sub/reserv_02.png")}
.rebox03{background-image:url("../img/sub/reserv_03.png")}
.rebox04{background-image:url("../img/sub/reserv_04.png")}
.rebox05{background-image:url("../img/sub/reserv_05.png")}
.rebox06{background-image:url("../img/sub/reserv_06.png")}

.line_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.line_box span{position:absolute;display:inline-block;z-index:5;}
.line_box .line01{top:0;left:0;width:0;height:2px;background:#10458d;}
.line_box .line02{top:0;right:0;width:2px;height:0;background:#10458d;}
.line_box .line03{bottom:0;right:0;width:0;height:2px;background:#10458d;}
.line_box .line04{bottom:0;left:0;width:2px;height:0;background:#10458d}

/*.reserbox a:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.reserbox a:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.reserbox a:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.reserbox a:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}*/

.reserbox a:hover .reserbtn{transition:all 0.2s ease-in;background:#4271d2 url("../img/sub//ico_url_w.png") no-repeat 90% center;color:#fff;border:1px solid #4271d2}
.reserbox:hover{background-size:105%;}

@media only all and (max-width:1260px){
	.sub173 .container{width:100%;padding:10px;box-sizing:border-box}
}


@media only all and (max-width:720px){
	.sub173{margin-bottom:50px}
	.edutable .more a{width:72px;height:auto;line-height:inherit;padding:10px 5px}
	.sub173 .chibox{width:100%;margin-bottom:25px}
	.edubg{height:auto;padding:100px 20px 50px;box-sizing:border-box}
	.educt{font-size:30px}
	.educlist{width:100%}
	.eudcmt p{display:inline}
	.reserbox{margin:0 0 20px 0}
	
	.yuaeduw .sanboxtxt{padding:15px}
	.yuatit{font-size:25px;padding-bottom:15px}
	.yuaeduw .more{display:block}
	.yuaeduw .more a{margin-bottom:10px}
	.yuaeduw .sanbc{height:auto;padding-bottom:10px}
	.yuaeduw .more a{height:auto;line-height:inherit;padding:10px;padding-left:20px}

	.resertit{font-size:30px}
	.resert{font-size:16px}
	.reserstit {font-size:16px}
	.reserstit p{display:inline}
    .reserboxw{display:block;margin-bottom:30px;height:auto;line-height:inherit;
    padding:10px 0;}
	.reserbox a{width:100%;height:auto;padding:50px 0;}
	.reboxtit{font-size:20px;margin-bottom:20px}
	.reserbtn{width:160px}
	
}

/*자원봉사*/
.voprow{display:flex}
.voprobox{flex:1;border:1px solid #dfdfdf;margin-right:30px;height:440px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;padding-top:35px;}
.voprobox:last-child{margin-right:0}
.voprotit{font-size:24px;color:#444444;padding-bottom:23px;font-weight:600;padding-top:20px;}
.voprostit{font-size:16px;color:#444444;text-align:center;}
.vowaytit{}
.vowayboxw{display:flex;flex-direction:row;}
.vowaybox{display:flex;flex:1;flex-direction:column;align-items:center;}
.vowayimg{padding-bottom:30px}
.vowaytit{font-size:36px;font-weight:600;text-align:center;padding-bottom:45px;}
.vowaytxt{font-size:16px;color:#5c5c5c;font-weight:600;text-align:center}
.vowaytxt.on{color:#1346b8}
.vourlw{border:1px solid #dfdfdf;display:flex;padding:40px 60px;box-sizing:border-box;margin-top:40px;margin-bottom:100px;}
.vourlimg{padding-right:30px;}
.vourlist{border-left:1px solid #dfdfdf;padding-left:40px;}
.vourlist ul{margin-bottom:30px}
.vourlist ul li{font-size:16px;color:#646464;position:relative;padding-left:10px;}
.vourlist ul li:before{content:'-';display:inline-block;margin-right:5px;position:absolute;left:0;}
.vourlbtn a{display:block;width:290px;height:60px;line-height:60px;font-weight:600;display:block;background:url("img/sub/ico_url.png") no-repeat 90% center;border:1px solid #2759d6;cursor:pointer;color:#2759d6;padding-left:40px;}
.vourlbtn a:hover{transition:all 0.2s ease-in;background:#4271d2 url("img/sub//ico_url_w.png") no-repeat 90% center;color:#fff;border:1px solid #4271d2}		

@media only all and (max-width:1024px){
.voprostit p{display:inline}
}

@media only all and (max-width:720px){
.voprow{display:flex;flex-wrap:wrap;flex-direction:row;}
.voprobox {height:350px;margin-right:0;width:50%;flex:inherit;}
.vourlw{display:block;padding:20px;margin:0;margin-top:20px}
.vourlimg{padding-right:0;text-align:center}
.vourlist{border-left:none;padding-left:0}
.vowaytit{font-size:28px;padding-bottom:20px}
.vowayimg{padding-bottom:0}
.vowaybox{width:45%;flex:inherit;}
.vowayboxw{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.vowaytxt{font-size:13px;padding:10px 0;}
.vowaytxt p{display:inline}
.voprotit{font-size:18px;padding:10px 0}
.voprostit{font-size:14px}

}





/*-------- 준비중--------*/
.preparing{min-height:800px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;text-align:center;}
.preparing i{font-size:100px;margin-bottom:80px;color:var(--point-color);}
.preparing h2{font-size:clamp(2.2rem, 4vw, 2.5rem);word-break:keep-all;}
.preparing p{font-size:clamp(1.6rem, 3vw, 1.8rem);word-break:keep-all;}


/*-------- 공통--------*/
*{box-sizing:border-box;}
:root{
	--main-color:#3376de;
	--point-color:#47e0ff;
	--bg-color:#f7f8fb;
	--main-gradient:;
	
	--h1-size:clamp(1.9rem, 4vw, 2.5rem);/*40px*/
	--h2-size:clamp(1.8rem, 4vw, 2.25rem);/*36px*/
	--h3-size:clamp(1.6rem, 3vw, 2rem);/*32px*/
	--h4-size:clamp(1.6rem, 3vw, 1.8rem);/*28px*/
	--h5-size:clamp(1.3rem, 3vw, 1.5rem);/*24px*/
	--l-size:clamp(1.1rem, 2vw, 1.3rem);/*20*/
	--m-size:clamp(1rem, 2vw, 1.1rem);/*18px*/
	--s-size:0.85rem;/*14px*/
	
	--bk:0, 0%, 0%;
	--bk85:hsla(var(--bk), 85%);/*#3a3a3a*/
	--bk75:hsla(var(--bk), 75%);/*#282828*/
	--bk65:hsla(var(--bk), 65%);
	--bk50:hsla(var(--bk), 50%);
	--bk40:hsla(var(--bk), 40%);
	--bk20:hsla(var(--bk), 20%);
	--bk10:hsla(var(--bk), 10%);
	--bk3:hsla(var(--bk), 5%);
}
/*text*/
[class*="con_h"], .con_txt{word-break:keep-all;}
.con_h1{font-size:var(--h1-size);}
.con_h2{font-size:var(--h2-size);margin-top:-10px; letter-spacing: -2px;}
.con_h3{font-size:var(--h3-size);}
.con_h4{font-size:var(--h4-size);color:var(--bk75);}
.con_h5{font-size:var(--h5-size);color:var(--bk75);}
.con_txt, .con_ul, .con_ol{font-size:var(--m-size);color:var(--bk65);}
.con_4box .con_txt{font-size:var(--s-size);}
/*list*/
.con_ul>li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50px;background:var(--bk20);margin-right:5px;vertical-align:4px;}
.con_ul>li{padding-left:10px;text-indent:-8px;}
.con_ul>li+li, .con_ol>li+li{margin-top:12px;}
.con_ol>li:before{width:20px;height:20px;text-align:center;line-height:19px;display:inline-block;border-radius:50px;background:#222;color:#fff;margin-right:5px;}
.con_ol>li:nth-of-type(1):before{content:"1";}
.con_ol>li:nth-of-type(2):before{content:"2";}
.con_ol>li:nth-of-type(3):before{content:"3";}
.con_ol>li:nth-of-type(4):before{content:"4";}
.con_ol>li>ul{margin:10px 0 30px 25px;}
.con_ol>li>ul>li+li{margin-top:10px;}
.con_ol .con_ul2{margin-top:5px;}
.con_ol .con_ul2>li{text-indent:5px;line-height:160%;color:var(--bk50);}
.con_ul+.con_ul{margin-top:10px;}
.con_ol>li{padding-left:25px;text-indent:-25px;}
.con_ol>li:before{text-indent:0;font-family:'arial', sans-serif;}
.con_ol>li:nth-of-type(5):before{content:"5";}
.con_ol>li>ul>li{text-indent:-15px;}

/*table*/
.con_table_wrap{width:100%;}
.con_table_wrap .con_txt{display:none;}
.con_table{border-top:2px solid var(--point-color);}
.con_table th, .con_table td{text-align:left;padding:10px;border-bottom:1px solid var(--bk20);}
.con_table th{font-size:var(--m-size);background:var(--bk3);font-weight:600;}
.con_table td{font-size:90%;color:color:var(--bk65);}
.con_table tr th, .con_table tr td{padding-left:20px;padding-right:20px;}
.con_table tr th{border-right:1px solid var(--bk10);}
.con_table tr th:last-child{border-right:none;}
.con_table{border-top:2px solid var(--main-color);}
/*layout*/
.con_row, .con_2box, .con_3box, .con_4box, .con_5box{display:grid;}
/*.con_2box, .con_3box, .con_4box{border:1px solid var(--bk3);}*/
.con_row{grid-template-columns:20% auto;padding:70px 0 60px ;align-items:flex-start;}
.con_row+.con_row{border-top:1px solid var(--bk10);}
.con_2box{grid-template-columns:repeat(2, 1fr);}
.con_3box{grid-template-columns:repeat(3, 1fr);}
.con_4box{grid-template-columns:repeat(4, 1fr);}
.con_5box{grid-template-columns:repeat(5, 20%);}
/*etc*/
.con_bg{background:var(--bg-color);padding:70px 0;}
.con_noti{color:var(--bk40);margin:10px 0 0 2px;}
.con_btn{padding:7px 0 8px;border:1px solid var(--bk85);color:var(--bk65);min-width:190px;text-align:center;display:inline-block;}
.con_btn>span{vertical-align:-5px;}

.mbt100{margin-bottom:100px;}

/*title*/
.sub_tit, .sub_tit2{margin-top:70px;text-align:center;}
.sub_tit>h1{line-height:120%;}
.sub_tit>h1>span{font-weight:300;}
.sub_tit>h5{color:var(--bk40);margin-bottom:15px;}
.sub_tit>p{margin-top:10px;}

/*scrolltrigger 관련*/
.ani_ex{margin:50px auto;}
.ani_full{margin:100px auto;}
.ani_full>img{width:100%;}
.mask{mask-image:;-webkit-mask-image::;}

/*-----원형배너-----*/
.onehund{text-align:center;position:fixed;bottom:10px;right:10px;width:100px;z-index:2;}
@media only all and (max-width:500){
	
}


/*-----sub84_대관안내-----*/
.sub87_con .con_3box{gap:5px;margin-top:20px;}
.sub87_con .con_3box dl{border:1px solid var(--bk10);border-top:3px solid var(--main-color);text-align:center;padding:40px 0;background:url(../img/sub/sub_contact_logo.png) center no-repeat;}
.sub87_con .con_3box dt{margin-bottom:100px;}

/*-----sub114_인사말-----*/
.sub114_con .tit {margin-top:40px;text-align:center;word-break:keep-all;}
.sub114_con .tit p{display:inline;font-size:var(--h3-size);font-weight:300;line-height:140%;}
.sub114_con .tit h5{font-size:var(--h2-size);font-weight:700;line-height:120%;}
.sub114_con .con{width:1200px;max-width:95%;display:grid;grid-template-columns:24% auto;gap:5%;justify-content:space-between;margin:70px auto 70px;} 
.sub114_con .con .img img{max-width:290px;}
.sub114_con .con .txt{font-size:var(--l-size);color:var(--bk75);word-break:keep-all;}
.sub114_con .con p+p{margin-top:40px;}
.sub114_con .con dl{margin-top:30px;display:flex;align-items:flex-end;justify-content:flex-end;}
.sub114_con .con dl dt{font-family:'NotoSerifKR', serif;font-weight:400;font-size:var(--l-size);}
.sub114_con .con dl dd img{padding-top:10px;}
@media only all and (max-width:1150px){
	.sub114_con .con{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin:30px auto 70px;}
	.sub114_con .con .img{margin-bottom:30px;}
	.sub114_con .con dl{flex-direction:column;align-items:center;}
	.sub114_con .tit h5{margin-top:5px;}
	.sub114_con .tit p{display:block ;}
}

/*-------- sub115_미션비전--------*/
.sub115_con{text-align:center;width:1100px;margin:0 auto;}
.sub115_con>div{position:relative;}
.sub115_con>div>dl>dt{font-size:clamp(2.2rem, 4vw, 2.5rem);font-weight:bold;line-height:80%;letter-spacing:-2px;margin:100px 0 30px;}
.sub115_con>div>dl>dt>span{font-size:var(--h5-size);font-weight:400;}
.sub115_con .vision dl dt{padding-top:50px; font-size:clamp(2.5rem, 4vw, 3.5rem);background:linear-gradient(to left, #2e77dd 0%, #34bbea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.sub115_con .vision dl dd{font-size:var(--h5-size);background:linear-gradient(to left, #2e77dd 0%, #34bbea 100%);border-radius:100px;padding:40px 50px;color:#fff;}
/*.sub115_con .mission dl dd{font-size:var(--h5-size);border:5px solid transparent;background:linear-gradient(#fff, #fff), linear-gradient(to left, #2e77dd 0%, #34bbea 100%);-webkit-background-origin:border-box;-webkit-background-clip:content-box, border-box;border-radius:150px;padding:5px 5px;}*/
.sub115_con .mission dl dt{color:#0aa6c6;}
.sub115_con .mission dl dt>span{color:#0aa6c680;}
.sub115_con .mission dl dd{line-height:150%;font-size:var(--l-size);border:4px solid #0aa6c6;color:#0aa6c6;font-weight:400;border-radius:150px;padding:40px 20px;}
.sub115_con .strategy dt{opacity:0.8;}
.sub115_con .strategy dt>span{opacity:0.5;}
.sub115_con .strategy ul{display:flex;justify-content:space-between;align-items:center;}
.sub115_con .strategy ul li+li:before{content:"";display:inline;position:absolute;width:100px;height:1px;background:#ddd;left:-100px;top:50%;}
.sub115_con .strategy ul li{position:relative;background:#f6f6f6;display:flex;flex-flow:column wrap;justify-content:center ;align-items:center;width:300px;height:300px;border-radius:50%;}
.sub115_con .strategy ul li:after{content:"";display:inline;position:absolute;width:315px;height:315px;border-radius:50%;border:1px solid #ddd;}
.sub115_con .strategy ul:after{display:none;}
.sub115_con .strategy ul li p{font-size:var(--l-size);margin-top:10px;}
.sub115_con .mission:before, .sub115_con .strategy:before{content:"";display:inline-block;width:400px;left:calc(50% - 200px);top:-100px;padding-top:13%;position:absolute;background:url(../img/sub/sub115_bg.png) top center no-repeat;}
 @media only all and (max-width:1200px) {
	 .sub115_con{width:95%;}
	 .sub115_con .strategy ul{gap:3%;}
	 .sub115_con .strategy ul li+li:before, .sub115_con .strategy ul li:after{display:none;}
	 .sub115_con .strategy ul li{border-radius:20px;height:auto;padding:30px 0;}
	 
 }
  @media only all and (max-width:700px){
	  .sub115_con .vision dl dd, .sub115_con .mission dl dd{border-radius:20px;}
	  .sub115_con .mission dl dd p{display:inline;}
	  .sub115_con .strategy ul{flex-flow:column;}
	  .sub115_con .strategy ul li{flex-flow:row;width:100%;text-align:left;}
	  .sub115_con .strategy ul li+li{margin-top:20px;}
	  .sub115_con .strategy ul li p{margin-left:10px;}
  }


/*-------- sub117_조직도--------*/
.sub117_org{margin:50px auto 100px;}
.sub117_org .org_img{margin-bottom:100px;}
.sub117_org .content_box{margin-top:60px;position:relative;}
.sub117_org .content_box .org_anchor{position:absolute;top:-140px;}
.sub117_org .content_box h5{margin-bottom:10px;font-size:var(--h4-size);color:var(--bk65);}

.m_org_img ul{width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;}
.m_org_img ul li a{box-sizing:border-box;font-weight:bold;font-size:var(--m-size);display:inline-block;padding:20px 0;width:100%;border-radius:50px;text-align:center;font-size:85%;}
.m_org_img ul.org1{position:relative;height:380px;}
.m_org_img ul.org1 li+li{margin-top:3.5%;}
.m_org_img ul.org1 li:nth-of-type(1):before{position:absolute;display:inline-block;content:"";border-radius:50%;border:1px solid #286dd2;width:190px;height:190px;}
.m_org_img ul.org1 li:nth-of-type(1){position:relative;width:180px;display:flex;justify-content:center;align-items:center;}
.m_org_img ul.org1 li:nth-of-type(1) a{line-height:1; font-size:22px;color:#fff;position:absolute;}
.m_org_img ul.org1 li:nth-of-type(1) a span{font-size:14px;font-weight:500;}
.m_org_img ul.org1 li:nth-of-type(1):after{position:absolute;top:0;z-index:-1;display:inline-block;content:"";width:1px;background:#ddd;height:180%;}
.m_org_img ul.org1 li:nth-of-type(2){position:absolute;width:250px;left:65%;bottom:28%;}
.m_org_img ul.org1 li:nth-of-type(2) a{display:inline-block;padding:18px 0;background:#fff;border:1px solid #286dd2;color:#286dd2;}
.m_org_img ul.org1 li:nth-of-type(3){width:280px;position:relative;}
.m_org_img ul.org1 li:nth-of-type(3):before{display:inline-block;content:"";width:210px;height:1px;background:#ddd;position:absolute;right:-70px;top:-40%;z-index:-1;}
.m_org_img ul.org1 li:nth-of-type(3) a{background:#38b8e5;padding:20px 0;color:#fff;}
.m_org_img ul li a.type1{background:#808080;color:#fff;margin-top:40px;}
.m_org_img ul li a.type2{background:#fff;border:1px solid #b3b3b3;color:#808080;}
.m_org_img ul li a.type3{background:#e6e6e6;color:#808080;}
.m_org_img ul.org1::after{display:inline-block;content:"";width:50%;height:1px;background:#ddd;position:absolute;bottom:10px;}

.m_org_img ul.org2{flex-flow:nowrap;align-items:flex-start;position:relative;}
.m_org_img ul.org2 li{width:49%;}
.m_org_img ul.org2 li+li{margin-left:1%;}
.m_org_img ul.org2 li dl{width:100%;Display:flex;flex-flow:column wrap;justify-content:center;align-items:center;}
.m_org_img ul.org2 li dl::before{display:inline-block;content:"";width:34%;height:40px;border:1px solid #ddd;border-bottom:none;position:absolute;top:130px;}
.m_org_img ul.org2 li dl dt{margin-bottom:50px;width:250px;text-align:center;position:relative;}
.m_org_img ul.org2 li dl dt:before{display:inline-block;content:"";background:#ddd;height:170px;width:1px;position:absolute;top:-10px;left:50%;z-index:-1;}
.m_org_img ul.org2 li dl dd{width:100%;display:flex;gap:2%;flex-flow:row nowrap;justify-content:flex-start;align-items:center;}
.m_org_img ul.org2 li dl dd a{border-radius:0;width:100%;position:relative;font-weight:300;}
.m_org_img ul.org2 li dl dd.last a{width:32%;margin-top:15px;}

.sub117_org .content_box .org_anchor{position:absolute;top:-150px;}

@media only all and (max-width:1000px){
	.m_org_img ul.org1 li+li{margin-top:2%;}
	.m_org_img ul.org1 li:nth-of-type(1):after{height:195%;}
	.m_org_img ul.org1 li:nth-of-type(2){position:static;width:35%;}
	.m_org_img ul.org1 li:nth-of-type(2) a{padding:20px 0;}
	.m_org_img ul.org1 li:nth-of-type(3){width:35%;}
	.m_org_img ul.org1 li:nth-of-type(3):before{display:none;}
	.m_org_img ul.org2 li dl::before{display:none;}
	.m_org_img ul.org2 li dl dd{flex-direction:column;}
	.m_org_img ul.org2 li dl dd a+a{margin-top:1%;}
	.m_org_img ul.org2 li dl dd.last a{width:100%;}
	
}
@media only all and (max-width:600px){
	.m_org_img ul.org1 li+li{margin-top:5%;}
	.m_org_img ul.org1 li:nth-of-type(2), .m_org_img ul.org1 li:nth-of-type(3), .m_org_img ul.org2 li{width:75%;}
	.m_org_img ul.org2{flex-flow:column;align-items:center;margin-top:-15px;}
	.m_org_img ul.org2 li dl dt{width:100%;margin-bottom:30px;}
	.m_org_img ul.org1::after, .m_org_img ul.org2 li dl::before{display:none;}
}




/*-------- sub118_mi소개--------*/
.con_bg:has(.sub118_con){margin:-30px 0 40px;}
.down_btn{display:flex;flex-flow:row nowrap;gap:5px;margin:40px auto 70px;}
.sub118_con{margin-bottom:40px;}
.sub118_con .down_btn{justify-content:center;}
.sub118_con .img ul li{color:#fff;flex:1;padding:14px 0;text-align:center;}
.sub118_con .img ul li span{font-size:var(--s-size);font-weight:300;color:#ffffff90;}
.sub118_con .img ul li:nth-of-type(1){background:#28a44a;}
.sub118_con .img ul li:nth-of-type(2){background:#f7941d;}
.sub118_con .img ul li:nth-of-type(3){background:#7b3874;}
.sub118_con .img ul li:nth-of-type(4){background:#4ec7f4;}
.sub118_con2 + .sub118_con2{padding-top:15px;border-top:1px solid #e4e4e4;}
.sub118_con2 .con_txt{margin-bottom:20px;}
.sub118_con2 .down_btn{justify-content:flex-end;}
.sub118_sign, .sub118_logo, .sub118_logo>div{display:flex;align-items:center;}
.sub118_sign{justify-content:space-evenly;height:320px;min-height:450px;}
.sub118_logo{gap:5px ;}
.sub118_logo>div{justify-content:center;gap:5px;}
.sub118_sign, .sub118_logo>div{border:1px solid #d7d7d7;background:url(../img/sub/sub118_bg.gif) center repeat;height:320px;width:100%;}
 @media screen and (max-width:820px) {
	 .sub118_sign, .sub118_logo{flex-flow:column;}
	 .sub118_con2 .down_btn{justify-content:center;}
 }
 

/*-------- sub120_지도--------*/
.sub120_con{margin-top:-30px;position:relative;display:flex;justify-content:center;}
.sub120_info{z-index:1;position:absolute;bottom:0;width:1400px;align-items:center;display:grid;grid-template-columns:20% auto 20% ;background:#dddddd80;border:1px solid #eee;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.sub120_info>li:nth-of-type(1){background:var(--main-color);height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #d7d7d7;}
.sub120_info>li:nth-of-type(2){padding:50px;}
.sub120_info>li:nth-of-type(3){padding:0 10px;}
.sub120_info dl{display:flex;align-items:flex-end;}
.sub120_info dt{font-size:var(--l-size);font-weight:700;margin-right:10px;}
.sub120_info dd{font-size:var(--m-size);}
.sub120_info .map_btn>a{display:flex; justify-content: space-between; padding:14px 20px;border:1px solid var(--main-color);color:var(--main-color);border-radius:100px;font-weight:700;transition:all 0.25s ease;}
.sub120_info .map_btn>a+a{margin-top:10px;}
.sub120_info .map_btn>a>span{vertical-align:-5px;}
.sub120_info .map_btn>a:hover{background:var(--main-color);color:#fff;}
.sub120_con2{margin:40px auto 70px ;}
.sub120_con2 .con_txt{margin-bottom:20px;}
.sub120_con2 .con_txt span{color:var(--main-color);font-weight:500;}

/*-------- 열람+복제+대여--------*/
.sub130_apply{gap:5px;margin-top:15px;}
.sub130_apply li{position:relative;border:1px solid var(--bk3);border-top:3px solid var(--bk75);padding:50px 25px ;min-height:350px;background-position:85% 85%;background-repeat:no-repeat;}
.sub130_apply>li>div>span{font-size:var(--s-size);font-weight:bold;color:var(--bk40);background:var(--bk10);padding:2px 13px;border-radius:50px;}
.sub130_apply li h5{line-height:120%;margin:10px 0 ; }
.sub130_apply li a{position:absolute;color:#fff;background:var(--bk85);padding:9px 16px 11px;display:inline-block;bottom:40px;LEFT:20%;}
.sub130_apply li a span{vertical-align:-4px;margin-left:3px;}
.sub130_apply li:nth-of-type(1){background:url(../img/sub/sub130_ic1.png) 85% 85% no-repeat;}
.sub130_apply li:nth-of-type(3){background:url(../img/sub/sub130_ic3.png) 85% 85% no-repeat;}
.sub130_apply li:nth-of-type(4){background:url(../img/sub/sub130_ic4.png) 85% 85% no-repeat;}

.sub131_apply li{min-height:380px;}
.sub131_apply li a{left:15%;}
.sub131_apply li:nth-of-type(1){background:url(../img/sub/sub131_ic1.png) 85% 85% no-repeat;}
.sub131_apply li:nth-of-type(5){background:url(../img/sub/sub131_ic5.png) 85% 85% no-repeat;}

.sub105_apply li:nth-of-type(1){background:url(../img/sub/sub105_ic1.png) 85% 85% no-repeat;}
.sub105_apply li:nth-of-type(2){background:url(../img/sub/sub105_ic2.png) 85% 85% no-repeat;}
.sub105_apply li:nth-of-type(3){background:url(../img/sub/sub105_ic3.png) 85% 85% no-repeat;}
.sub105_apply li:nth-of-type(4){background:url(../img/sub/sub105_ic4.png) 85% 85% no-repeat;}

.sub_contact{margin-bottom:150px;background:var(--bg-color) url(../img/sub/sub_contact_logo.png) 92% center  no-repeat;border:1px solid var(--bk3);padding:0px 70px;}
.sub_contact .con_row{grid-template-columns:15% auto;}
.sub_contact .con p, .sub_contact .con ul{font-size:var(--m-size);color:var(--bk65);}
.sub_contact .con ul{margin-top:7px;display:flex;}
.sub_contact .con ul li+li{margin-left:20px;}
.sub_contact .con ul li span{vertical-align:-5px;}



/*--------sub_ 기증기탁--------*/
.bg_tit{margin-top:-5px;padding:150px 0 150px;background:url(../img/sub/sub133_bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed;}
.bg_tit .con_h2{color:var(--point-color);font-family:'Nanum Myeongjo', serif;line-height:140%;}
.bg_tit .con_txt{color:rgba(255, 255, 255, 0.8);line-height:170%;margin:30px 50px 100px;}
.ani_tit{max-width:80%;margin:0 auto !important;}
.sub133_apply{width:100%;}
.sub133_apply ul{gap:4px;}
.sub133_apply ul>li{display:flex;border-radius:100%; width:220px; aspect-ratio:1 / 1 ; justify-content:center;align-items:center;text-align:center;}
.sub133_apply ul>li:nth-of-type(1){background:#68ced9;}
.sub133_apply ul>li:nth-of-type(2){background:#63c5e9;}
.sub133_apply ul>li:nth-of-type(3){background:#58abdf;}
.sub133_apply ul>li:nth-of-type(4){background:#4594df;}
.sub133_apply ul>li:nth-of-type(5){background:#4078cf;}
.sub133_apply ul>li span{align-self:flex-start;display:inline-block;color:#fff;margin-bottom:15px;font-size:var(--s-size);font-weight:bold;color:#fff;background:#ffffff30;padding:1px 13px;border-radius:50px;}
.sub133_apply ul>li h5{color:#fff;line-height:120%;font-size:20px;}
.sub133_apply ul>li p{color:#fff;}


/*-----sub155_정보공개청구-----*/
.sub155_tit{display:grid;grid-template-columns:20% auto;align-items:center;padding:40px 70px 40px 30px;border:var(--bk20);background:var(--bg-color);}
.sub155_tit .ic {text-align:center;}
.sub155_tit .ic span{font-size:clamp(3.5rem, 4vw, 4rem);color:var(--bk40);width:100px;height:100px;line-height:100px;text-align:center;background:#fff;border-radius:50%;display:inline-block;}
.sub155_tit .con h4{margin-bottom:7px;}
.sub155_tit .con a{margin-top:25px;padding:7px 15px;background:var(--bk85);color:#fff;display:inline-block;border-radius:5px;}
.sub155_tit .con a span{vertical-align:-6px;}


/*-----sub157_정보공개청구 수수료-----*/
.sub157_table thead th,.con_table tbody th, .con_table tbody td{border-right:1px solid var(--bk10);}
.sub157_table thead th:last-child, .con_table tbody td:last-child{border-right:none;}
.sub157_table th{text-align:center;}
.sub157_table tbody th{background:#fff;font-size:16px;font-weight:500;}

.sub157_table td{font-size:15px;vertical-align:top;}
.sub157_table td .tit{color:var(--bk75);font-weight:bold;margin-bottom:5px;}
.sub157_table td p, .table_ul, .sub157_table td .noti{color:var(--bk65);}
.sub157_table td .con+.con{margin-top:20px;}
.sub157_table td .noti{font-size:var(--s-size);margin-left:3px;margin-top:5px;}
.table_ul li{color:var(--bk50);padding-left:10px;text-indent:-10px;}
.table_ul>li:before{display:ilnline-block;content:"-";color:var(--bk50);margin-right:5px;}
.table_ul>li+li{margin-top:5px;}
.table_ul>li>ul>li:before{display:inline-block;content:"";width:3px;height:3px;background:var(--bk20);vertical-align:5px;margin-right:5px;}
.sub157_noti{margin-top:40px;padding:30px 40px;border:var(--bk20);background:var(--bg-color);}
.sub157_noti .tit{font-size:var(--m-size);color:var(--bk75);font-weight:bold;}
.sub157_noti ul{margin-top:10px;}
.sub157_noti ul li{padding-left:16px;text-indent:-16px;color:var(--bk65);}
.sub157_noti ul li+li{margin-top:7px;}
.sub157_noti ul li:before{display:inline-block;}
.sub157_noti ul li:before:nth-of-type(1){content:"1"}
.sub157_noti ul li:before:nth-of-type(2){content:"2"}
.sub157_noti ul li:before:nth-of-type(3){content:"3"}

/*-----sub158_관련서식-----*/
.sub158_con{margin:70px auto;}
.sub158_con .con_3box{column-gap:5%;}
.sub158_con ul li{text-align:center;min-height:350px;background:url(../img/sub/sub_contact_logo.png) center 90% no-repeat;border:1px solid var(--bk10);border-top:3px solid var(--main-color);display:flex;flex-flow:column wrap;align-items:center;}
.sub158_con ul li:nth-of-type(n+4){margin-top:70px;}
.sub158_con ul li h5{margin-top:80px;line-height:120%;}
.sub158_con ul li p{margin-top:3px;color:var(--bk40);}
.sub158_con ul li a{display:inline-block;margin-top:10px;padding-bottom:5px;border-bottom:1px solid var(--main-color);color:var(--main-color);font-weight:bold;font-size:var(--m-size);}
.sub158_con ul li a span{vertical-align:-4px;}

/*-----sub160_불복구제절차-----*/
.sub160_con .con_h5{margin-bottom:5px;}
.sub160_con .con_h5 span{color:var(--main-color);margin-right:3px;vertical-align:-3px;}
.sub160_con .con_txt{line-height:160%;color:var(--bk50);}
.sub160_con .con_txt span{color:var(--main-color);}
.sub160_con .con+.con{margin-top:40px;}
.sub160_con .noti{margin-top:40px;padding:40px 40px;border:var(--bk20);background:var(--bg-color);display:flex;justify-content:space-between;align-items:center;}
.sub160_con .noti a{display:inline-block;padding:10px 15px;background:var(--bk85);color:#fff;border-radius:5px;}
.sub160_con .noti a span{vertical-align:-4px;}

/*-----sub161_비공개 대상-----*/
.sub161_con{margin-top:70px;}
.sub161_con .con>p{margin:3px 0 ;color:var(--bk65);}
.sub161_con .con>ul{margin:15px 0 20px;}
.sub161_con .con>ul>li{padding-left:25px;text-indent:-12px;color:var(--bk50);}
.sub161_con .con>ul>li:before{display:inline-block;margin-right:5px;}
.sub161_con .con>ul>li:nth-of-type(1):before{content:"가."}
.sub161_con .con>ul>li:nth-of-type(2):before{content:"나."}
.sub161_con .con>ul>li:nth-of-type(3):before{content:"다."}
.sub161_con .con>ul>li:nth-of-type(4):before{content:"라."}
.sub161_con .con>ul>li:nth-of-type(5):before{content:"마."}
.sub161_con .con>ul>li+li{margin-top:3px;}
.sub161_con table{margin-top:30px;}
.sub161_con table th{border-right:1px solid #ddd;}
.sub161_con table th:last-child{border-right:none;}
.sub161_con table tbody th{background:#fff;}
.sub161_con table tbody td{font-size:15px;}
.sub161_con table td p{line-height:190%;font-weight:500;color:var(--bk75);}
.sub161_con table td .sub{font-weight:400;color:var(--bk50);}
.sub161_con table td .noti{color:var(--main-color);}

/*-----이용약관, 영상정보처리-----*/
.sub165_con .con+.con{margin-top:50px;}
.sub165_con .tit{font-size:var(--m-size);margin-bottom:10px;}
.sub165_con .con_txt{margin-bottom:10px;}
.sub165_con .con_ol>li>ul{color:var(--bk40);font-size:15px;}
.sub165_con .con_table{margin:15px 0 5px;}

/*-----sub168_저작권 정책-----*/
.sub168_con+.sub168_con, .sub168_btn  {margin-top:40px;}
.sub168_con p+p{margin-top:15px;}
.sub168_con p a{color:var(--main-color);}
.sub168_list{margin:40px 0;background-color:var(--bg-color);padding:50px 70px;}
.sub168_list .con_4box{gap:5px;margin-top:15px;width:100%;}
.sub168_list .con_4box>li{border:1px solid var(--bk10);background:#ffffff;padding:40px  20px;}
.sub168_list .con_4box>li dl{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;}
.sub168_list .con_4box>li dl dd h5{font-size:var(--l-size);margin:10px 0 5px;}
.sub168_btn{margin:70px 0;}
.sub168_btn ul{display:flex;justify-content:center;gap:5px;}
.sub168_btn ul li a{padding:15px 40px;color:#fff;background:var(--main-color);border-radius:5px;}
.sub168_btn ul li a span{vertical-align:-5px;}

/*-----sub163_개인정보-----*/
.sub163_tit .con_table th, .sub163_tit .con_table td{text-align:center;}
.sub163_tit .con_table{margin:20px 0;}
.sub163_tit .tacenter{padding:17px 0;}
.sub163_tit .tacenter .ico_utlt>a{display:inline-block;max-width:80px;}
.agrtit{font-size:var(--h5-size);margin-top:40px;}
.agrp2{color:var(--bk65);margin:10px 0;line-height:160%;}
.ulist1{margin:10px 0 10px 15px;}
.ico_utlt{vertical-align:4px;}
.sub163_btn{margin-top:25px;}
.sub163_btn a{padding:13px 25px;border-radius:5px;border:1px solid var(--bk50);}
.sub163_btn a:hover{background:var(--main-color);color:#fff;border:1px solid var(--main-color);}
.sub163_btn a span{vertical-align:-5px;}


 @media all and (max-width:1400px){
	 .sub156_con {overflow-x:scroll;}
	 .sub156_con img {width:100%;min-width:1200px;}
 }
 @media screen and (max-width:720px) {	
	.sub155_tit{display:flex;padding:30px 10px;}
	.sub155_tit .ic{display:none;}
    .con_table_wrap {overflow-x:scroll;}
    .con_table_wrap .con_txt{text-align:center;display:block;font-size:var(--s-size);margin-bottom:10px;}
    .con_table {width:100%;min-width:720px;}
}


/*-----sub102_대표간척지-----*/
.map_navi .navi li a{position: relative; display: inline-block; padding-left:33px;}
.map_navi .navi li a::before{position: absolute; left:0px; top:-3px;}
.map_pick li span{aspect-ratio:1 / 1;}


.sub102_con .scroll{display:none;}
.sub102_con .map_wrap{position:relative;width:1400px;min-height:670px;margin-bottom:50px;background:#fbfaf6 ;}
.sub102_con .map_wrap .map{position:absolute;right:0;width:520px;}
.sub102_con .map_img h3{display:none;}
.sub102_con .map_navi{position:absolute;top:7%;left:2%;width:570px;background:#fff;}
.sub102_con .map_navi>ul{display:flex;flex-flow:column nowrap;justify-content:space-between;}
.sub102_con .map_navi .info, .sub102_con .map_navi .link{color:#fff;display:flex;flex-flow:row nowrap;gap:5%;justify-content:center;align-items:center;font-size:16px;}
.sub102_con .map_navi .info{background:#d7c9ad;padding:20px 20px;font-size:14px;letter-spacing:-1px;}

.sub102_con .map_navi .navi_wrap{display:grid;grid-template-columns:repeat(2, 1fr);margin:40px 35px 60px;gap:3%;}

.sub102_con .map_navi .navi li{border-bottom:1px solid #eceae4;padding-bottom:10px;margin-top:10px;}
.sub102_con .map_navi .navi li a{letter-spacing:0;font-size:80%;}
.sub102_con .map_navi .navi li a::before{font-weight:bold;margin-right:10px;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#d7c9ad;color:#fff;border-radius:50px;}

.sub102_con .map_navi .navi li.pick a{color:#115bd7;}
.sub102_con .map_navi .navi li.pick a::before{background:#115bd7;}
.sub102_con .map_navi .navi li:hover a, 
.sub102_con .map_navi .navi li.active a{color:#115bd7;}
.sub102_con .map_navi .navi li:hover a::before,
.sub102_con .map_navi .navi li.active a::before{background:#115bd7;}

.sub102_con .map_navi .navi li:nth-of-type(1) a::before{content:"1";}
.sub102_con .map_navi .navi li:nth-of-type(2) a::before{content:"2";}
.sub102_con .map_navi .navi li:nth-of-type(3) a::before{content:"3";}
.sub102_con .map_navi .navi li:nth-of-type(4) a::before{content:"4";}
.sub102_con .map_navi .navi li:nth-of-type(5) a::before{content:"5";}
.sub102_con .map_navi .navi li:nth-of-type(6) a::before{content:"6";}
.sub102_con .map_navi .navi li:nth-of-type(7) a::before{content:"7";}
.sub102_con .map_navi .navi li:nth-of-type(8) a::before{content:"8";}
.sub102_con .map_navi .navi2 li:nth-of-type(1) a::before{content:"9";}
.sub102_con .map_navi .navi2 li:nth-of-type(2) a::before{content:"10";}
.sub102_con .map_navi .navi2 li:nth-of-type(3) a::before{content:"11";}
.sub102_con .map_navi .navi2 li:nth-of-type(4) a::before{content:"12";}
.sub102_con .map_navi .navi2 li:nth-of-type(5) a::before{content:"13";}
.sub102_con .map_navi .navi2 li:nth-of-type(6) a::before{content:"14";}
.sub102_con .map_navi .navi2 li:nth-of-type(7) a::before{content:"15";}

.sub102_con .map_pick li{position:absolute;display:flex!important;flex-flow:row nowrap;justify-content:center;align-items:center;}
.sub102_con .map_pick li a{box-shadow:0 0 10px 1px rgba(0,0,0,0.2);position:relative;z-index:1;display:inline-block;margin:0 5px;background:#a89879;padding:0.2rem 1em 0.3rem;border-radius:50px;color:#fff;font-size:60%;}
.sub102_con .map_pick li span{display:inline-block;position:relative;z-index:1;font-weight:bold;background:#d68230;color:#fff;font-size:11px;width:25px;height:25px;line-height:25px;text-align:center;border-radius:50px;}

.sub102_con .map_pick li.pick::before{background:#115bd7;}
.sub102_con .map_pick li.pick a{background:#115bd7;}
.sub102_con .map_pick li.pick span{background:#115bd7;}

.sub102_con .map_pick li:hover::before,
.sub102_con .map_pick li.active::before{background:#115bd7;}
.sub102_con .map_pick li:hover span, 
.sub102_con .map_pick li.active span{background:#115bd7;}
.sub102_con .map_pick li:hover a,
.sub102_con .map_pick li.active a{background:#115bd7;}

.sub102_con .map_pick li.noL span{order:1;}
.sub102_con .map_pick li.noL a{order:2;}

.sub102_con .map_pick li.g1{top:6.5%;left:-20.5%;}
.sub102_con .map_pick li.d2{top:21.5%;left:16%;}
.sub102_con .map_pick li.t3{top:24.5%;left:-19%;}
.sub102_con .map_pick li.t4{top:29.8%;left:-26%;}
.sub102_con .map_pick li.s5{top:29.7%;left:14.5%;}
.sub102_con .map_pick li.i6{top:45.5%;left:29.5%;}
.sub102_con .map_pick li.g7{top:45.5%;left:-27.5%;}
.sub102_con .map_pick li.k8{top:49.9%;left:23%;}

.sub102_con .map_pick li.s9{top:50.5%;left:-11.7%;}
.sub102_con .map_pick li.g10{top:54.8%;left:21%;}
.sub102_con .map_pick li.g11{top:58%;left:-31%;}
.sub102_con .map_pick li.j12{top:62.5%;left:-33%;}
.sub102_con .map_pick li.h13{top:68%;left:-38%;}
.sub102_con .map_pick li.g14{top:77.3%;left:38.2%;}
.sub102_con .map_pick li.j15{top:85.5%;left:-48%;}

.sub102_data{display:none;}
.sub102_data_con{width:1150px;margin:0 auto;}
.sub102_data_con h2{color:#fff;margin:10px 0 15px;}
.sub102_data_con h2 span{display:inline-block;width:40px;height:40px;line-height:42px;text-align:center;margin-right:7px;border-radius:50%;background:#115bd7;}
.sub102_data_con p{line-height:180%;color:#ffffff80;font-size:15px;}

@media only all and (max-width:1100px){
    .sub102_con .map_wrap{position:relative;width:100%;margin-bottom:30px;}
  
    .sub102_con .map_img h3{display:block;text-align:center;font-size:clamp(1.8rem, 3vw, 2rem);}
    .sub102_con .map_navi{display:none;}  
    .sub102_data_con{width:95%;}  
}
@media only all and (max-width:900px){
	 .sub102_con .map_wrap .map{right:-13%;}
}
@media only all and (max-width:680px){
	 .sub102_con .scroll{display:block;text-align:center;margin:10px 0;}
	 .sub102_con .map_wrap{overflow-x:scroll;overflow-y:hidden;}	
	 .sub102_con .map_wrap .map{min-width:520px;left:48%; right:0;}
}

/*-----sub121_전체공간-----*/
.sub121_con .scroll{display:none;}
.sub121_con .map_wrap{position:relative;width:1400px;height:642px;margin-bottom:50px;background:#fbfaf6 ;}
.sub121_con .map_wrap .map{position:absolute;left:0;width:100%;}
.sub121_con .map_img h3{display:none;}
.sub121_con .map_navi{position:absolute;top:3.5%;right:10px;width:250px;background:#fff;}
.sub121_con .map_navi ul{display:flex;flex-flow:column nowrap;justify-content:space-between;}
.sub121_con .map_navi .info, .sub121_con .map_navi .link{color:#fff;display:flex;flex-flow:row nowrap;gap:5%;justify-content:center;align-items:center;font-size:clamp(0.9rem, 2vw, 1rem);}
.sub121_con .map_navi .info{background:#d7c9ad;padding:20px 20px;font-size:14px;letter-spacing:-1px;word-break:keep-all;}

.sub121_con .map_navi .navi{padding:20px 20px 0px;}
.sub121_con .map_navi .navi li{border-bottom:1px solid #eceae4;padding-bottom:10px;margin-top:10px; font-size:0.75rem;}
.sub121_con .map_navi .navi li a{letter-spacing:0;}
.sub121_con .map_navi .navi li a::before{font-weight:bold;margin-right:10px;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#d7c9ad;color:#fff;border-radius:50px;}
.sub121_con .map_navi .navi li.pick a{color:#115bd7;}
.sub121_con .map_navi .navi li.pick a::before{background:#115bd7;}
.sub121_con .map_navi .navi li:hover a, 
.sub121_con .map_navi .navi li.active a{color:#115bd7;}
.sub121_con .map_navi .navi li:hover a::before,
.sub121_con .map_navi .navi li.active a::before{background:#115bd7;}

.sub121_con .map_navi .navi li:nth-of-type(1) a::before{content:"1";}
.sub121_con .map_navi .navi li:nth-of-type(2) a::before{content:"2";}
.sub121_con .map_navi .navi li:nth-of-type(3) a::before{content:"3";}
.sub121_con .map_navi .navi li:nth-of-type(4) a::before{content:"4";}
.sub121_con .map_navi .navi li:nth-of-type(5) a::before{content:"5";}
.sub121_con .map_navi .navi li:nth-of-type(6) a::before{content:"6";}
.sub121_con .map_navi .navi li:nth-of-type(7) a::before{content:"7";}
.sub121_con .map_navi .navi li:nth-of-type(8) a::before{content:"8";}

.sub121_con .map_pick li::before{width:100%;position:absolute;left:0;top:45%;display:inline-block;content:"";background:#a89879 right center repeat-x;height:1px;}
.sub121_con .map_pick li{position:absolute;display:flex!important;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.sub121_con .map_pick li a{box-shadow:0 0 10px 1px rgba(0,0,0,0.2);position:relative;z-index:1;display:inline-block;background:#a89879 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;padding:0.5rem 1.5em 0.6rem 2.5rem;border-radius:50px;color:#fff;font-size:60%;letter-spacing:0;}
.sub121_con .map_pick li span{display:inline-block;position:relative;z-index:1;font-weight:bold;background:#d68230;color:#fff;font-size:clamp(0.5rem, 2vw, 0.7rem);width:25px;height:25px;line-height:25px;text-align:center;border-radius:50px;}

.sub121_con .map_pick li.pick::before{background:#115bd7;}
.sub121_con .map_pick li.pick a{background:#115bd7 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;}
.sub121_con .map_pick li.pick span{background:#115bd7;}
.sub121_con .map_pick li:hover::before,
.sub121_con .map_pick li.active::before{background:#115bd7;}
.sub121_con .map_pick li:hover span,
.sub121_con .map_pick li.active span{background:#115bd7 ;}
.sub121_con .map_pick li:hover a,
.sub121_con .map_pick li.active a{background:#115bd7 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;}

.sub121_con .map_pick li.noL span{order:1;}
.sub121_con .map_pick li.noL a{order:2;}

.sub121_con .map_pick li.s1,
.sub121_con .map_pick li.s4,
.sub121_con .map_pick li.s8{display:flex;flex-flow:column nowrap;justify-content:space-between;/*text-align:center;*/}

.sub121_con .map_pick li.s1::before,
.sub121_con .map_pick li.s8::before{height:100%;width:1px;left:50%;position:absolute;top:0;}


.sub121_con .map_pick li.s4::before{width:1px;height:120%;margin-left:78%;top:-5%;transform:rotate(-55deg);}
.sub121_con .map_pick li.s4 p{display:flex;justify-content:space-between;width:100%;}
.sub121_con .map_pick li.s4::after{display:inline-block;content:"";position:absolute;background:#a89879;width:1px;height:120%;margin-left:-57%;top:-5%;transform:rotate(55deg);}
.sub121_con .map_pick li.s4:hover:after,
.sub121_con .map_pick li.s4.active::after{background:#115bd7}

.sub121_con .map_pick li.s1{top:55%;left:23%;height:15%;}
.sub121_con .map_pick li.s2{top:46%;left:4.5%;width:15%;}
.sub121_con .map_pick li.s3{top:38%;left:4.5%;width:15%;}
.sub121_con .map_pick li.s4{top:15%;left:21%;height:17%;width:23%;}
.sub121_con .map_pick li.s5{top:34%;right:27%;width:19%;}
.sub121_con .map_pick li.s6{top:43%;right:24%;width:25%;}
.sub121_con .map_pick li.s7{top:56%;right:27%;width:13%;}
.sub121_con .map_pick li.s8{top:76%;right:30%;height:12%;}

.sub121_con .map_navi .link_wrap{display:grid;grid-template-columns:repeat(2, 1fr);width:87%;margin:15px auto 20px;justify-items:center;align-content:center;text-align:center;}
.sub121_con .map_navi .link_wrap .icon, .map_navi .link_wrap .icon dd{font-size:75%;color:#3857ff;font-weight:bold;}
.sub121_con .map_navi .link_wrap dl:nth-of-type(1){margin-top:0;}
.sub121_con .map_navi .link_wrap dl:nth-of-type(1) dd{margin-top:5px;}

@media only all and (max-width:1100px){
	/*.sub121_con .scroll{display:block;text-align:center;margin:10px 0;}*/
    .sub121_con .map_wrap{position:relative;overflow-x:scroll;margin-bottom:30px;width:100%;height:525px;}
    .sub121_con .map_wrap .map{min-width:1100px;}
    .sub121_con .map_wrap .map img{width:100%;}
    .sub121_con .map_img h3{display:block;text-align:center;font-size:clamp(1.8rem, 3vw, 2rem);}
    .sub121_con .map_navi{display:none;}
}


/*-----sub122_전시공간-----*/
.sub122_con .scroll{display:none;}
.sub122_con .map_wrap{position:relative;width:1400px;min-height:642px;margin-bottom:50px;background:#fbfaf6 ;}
.sub122_con .map_wrap .map{position:absolute;left:0;width:1140px;}
.sub122_con .map_img h3{display:none;}
.sub122_con .map_navi{position:absolute;top:5%;right:10px;width:210px;background:#fff;}
.sub122_con .map_navi ul{display:flex;flex-flow:column nowrap;justify-content:space-between;}
.sub122_con .map_navi .info, .sub122_con .map_navi .link{color:#fff;display:flex;flex-flow:row nowrap;gap:5%;justify-content:center;align-items:center;font-size:clamp(0.9rem, 2vw, 1rem);}
.sub122_con .map_navi .info{background:#d7c9ad;padding:20px 20px;font-size:14px;letter-spacing:-1px;}

.sub122_con .map_navi .navi{padding:20px 20px 0px;}
.sub122_con .map_navi .navi li{border-bottom:1px solid #eceae4;padding-bottom:10px;margin-top:10px;}
.sub122_con .map_navi .navi li a{font-size:70%;letter-spacing:0;}
.sub122_con .map_navi .navi li a::before{font-weight:bold;margin-right:10px;display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#d7c9ad;color:#fff;border-radius:50px;}

.sub122_con .map_navi .navi li.pick a{color:#115bd7;}
.sub122_con .map_navi .navi li.pick a::before{background:#115bd7;}
.sub122_con .map_navi .navi li:hover a, 
.sub122_con .map_navi .navi li.active a{color:#115bd7;}
.sub122_con .map_navi .navi li:hover a::before,
.sub122_con .map_navi .navi li.active a::before{background:#115bd7;}

.sub122_con .map_navi .navi li:nth-of-type(1) a::before{content:"1";}
.sub122_con .map_navi .navi li:nth-of-type(2) a::before{content:"2";}
.sub122_con .map_navi .navi li:nth-of-type(3) a::before{content:"3";}
.sub122_con .map_navi .navi li:nth-of-type(4) a::before{content:"4";}
.sub122_con .map_navi .navi li:nth-of-type(5) a::before{content:"5";}
.sub122_con .map_navi .navi li:nth-of-type(6) a::before{content:"6";}

.sub122_con .map_pick li::before{width:100%;position:absolute;left:0;top:45%;display:inline-block;content:"";background:#a89879 right center repeat-x;height:1px;}
.sub122_con .map_pick li{position:absolute;display:flex!important;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.sub122_con .map_pick li a{box-shadow:0 0 10px 1px rgba(0,0,0,0.2);position:relative;z-index:1;display:inline-block;background:#a89879 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;padding:0.5rem 1.5em 0.6rem 2.5rem;border-radius:50px;color:#fff;font-size:60%;letter-spacing:0;}
.sub122_con .map_pick li span{display:inline-block;position:relative;z-index:1;font-weight:bold;background:#d68230;color:#fff;font-size:clamp(0.5rem, 2vw, 0.7rem);width:25px;height:25px;line-height:25px;text-align:center;border-radius:50px;}

.sub122_con .map_pick li.pick::before{background:#115bd7;}
.sub122_con .map_pick li.pick a{background:#115bd7 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;}
.sub122_con .map_pick li.pick span{background:#115bd7;}

.sub122_con .map_pick li:hover::before,
.sub122_con .map_pick li.active::before{background:#115bd7;}
.sub122_con .map_pick li:hover span,
.sub122_con .map_pick li.active span{background:#115bd7 ;}
.sub122_con .map_pick li:hover a,
.sub122_con .map_pick li.active a{background:#115bd7 url(../img/sub/space_map_pick.png) 15px 40% no-repeat;}

.sub122_con .map_pick li.noL span{order:1;}
.sub122_con .map_pick li.noL a{order:2;}

.sub122_con .map_pick li.s4{flex-flow:column nowrap;justify-content:space-between;text-align:center;}
.sub122_con .map_pick li.s4::before{width:1px;height:100%;margin-left:73%;top:0;transform:rotate(-30deg);}
.sub122_con .map_pick li.s4 a{align-self:flex-start;}
.sub122_con .map_pick li.s4 span{align-self:flex-end;}

.sub122_con .map_pick li.s1{top:47%;left:4%;width:18%;}
.sub122_con .map_pick li.s2{top:58%;left:12.5%;width:22%;}
.sub122_con .map_pick li.s3{top:55%;left:49%;width:24%;}
.sub122_con .map_pick li.s4{top:30%;right:41%;height:15%;width:13%;}
.sub122_con .map_pick li.s5{top:17%;right:22%;width:20%;}
.sub122_con .map_pick li.s6{top:28%;right:1%;width:20%;}

.sub122_con .map_navi .link_wrap{display:grid;grid-template-columns:repeat(3, minmax(3rem, auto));width:87%;margin:25px auto 30px;}
.sub122_con .map_navi .link_wrap .icon, 
.space_btn_wrap .ic_wrap .icon{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;margin:3px 0;}
.sub122_con .map_navi .link_wrap .icon dd{font-size:60%;color:#4a3815;font-weight:500;}
.space_btn_wrap{display:flex;position:absolute;z-index:2;bottom:5%;gap:10px;right:250px;align-items:center;min-width:350px;}
/*.space_btn_wrap>button{background:transparent;font:bold 16px 'Noto Sans KR', sans-serif;transition:all 0.25s ease;border:1px solid #3d70ff;padding:15px 30px;margin-top:10px;color:#3d70ff;font-weight:bold;}
.space_btn_wrap>button:hover{background:#3d70ff;color:#fff;}*/
.space_btn_wrap .space_btn{display:block;background:url("../img/sub/url.png") no-repeat 93% center;color:#2759d6;border:1px solid #2759d6;width:240px;height:55px;line-height:55px;padding-left:31px;box-sizing:border-box;font-weight:500;}
.space_btn_wrap .space_btn:hover{transition:all 0.2s ease-in;background:#4271d2 url("../img/sub//ico_url_w.png") no-repeat 93% center;color:#fff}
.space_btn_wrap .ic_wrap{display:flex;align-items:center;}
.space_btn_wrap .ic_wrap li{margin-left:16px;}
.space_btn_wrap .ic_wrap .icon dd{font-size:75%;color:#3d70ff;font-weight:bold;}


@media only all and (max-width:1100px){
    .sub122_con .map_wrap{position:relative;width:100%;margin-bottom:30px;}
    .sub122_con .map_wrap .map{width:auto;}
    .sub122_con .map_wrap .map img{width:100%;}
    .sub122_con .map_img h3{display:block;text-align:center;font-size:clamp(1.8rem, 3vw, 2rem);}
    .sub122_con .map_navi{display:none;}
}
@media only all and (max-width:850px){
	/*.sub122_con .scroll{display:block;text-align:center;margin:10px 0;color:#3d70ff;}*/
	.sub122_con .scroll span{background:#3d70ff;color:#fff;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;}
    .sub122_con .map_wrap{overflow-x:scroll;}	
	.sub122_con .map_wrap .map{min-width:850px;}
    .space_btn_wrap{left:2%;}
}


/*-----sub_전시구역안내-----*/
.exhi_laypop_btn{cursor:pointer;}
.exhi_laypop{justify-content:center;align-items:center;position:fixed;background:rgb(0 0 0 / 65%);backdrop-filter:blur(3px);top:0;bottom:0;left:0;right:0;z-index:1000;display:none}
.exhi_laypopDiv{width:1400px;margin:30px auto;}
.exhi_laypopDiv .layclose{text-align:center;}
@media only all and (max-width:1400px){	.exhi_laypopDiv{width:100%;}}
.exhi_line_wrap{position:absolute;max-width:68%;top:12%;left:19%;}
#exhi_line{stroke-dashoffset:0;stroke-dasharray:1965;display:none;}
.map.running #exhi_line{animation:exhi_line 7s linear infinite;animation-play-state:running;animation-fill-mode:none;display:block;}
@keyframes exhi_line{
  0% {stroke-dashoffset:1983;}
  100% {stroke-dashoffset:0;}
}
.exhi_area {position:absolute;display:none;}
/*.tab-menu2 li:hover .exhi_area ,.active .exhi_area {display:block;}*/

/*-----sub_상설전시_title bg-----*/
.exhi_bg{height:940px;text-align:center;padding:95px 0 30px;box-sizing:border-box;margin-bottom:50px}
.sub174bg{background:url("../img/sub/zone1/sub174_bg.jpg") no-repeat center;background-size:cover;}
.sub175bg{background:url("../img/sub/sub175bg.png") no-repeat center;background-size:cover;}
.sub176bg{background:url("../img/sub/zone3/sub176_bg.jpg") no-repeat center;background-size:cover;}
.sub177bg{background:url("../img/sub/zone4/sub177_bg.jpg") no-repeat center;background-size:cover;}
.sub178bg{background:url("../img/sub/zone5/sub178_bg.jpg") no-repeat center;background-size:cover;}
.sub179bg{background:url("../img/sub/zone6/sub179_bg.jpg") no-repeat center;background-size:cover;}


/*-----sub_상설전시_유물리스트-----*/
.relics_list{width:100%;}
.relics_list ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:1%;}
.relics_list ul li{border:1px solid #d2d2d2;}

.relics_list ul li a .img{min-height:330px;display:flex;justify-content:center;align-items:center;}
.relics_list ul li:nth-of-type(odd) a .img{background:linear-gradient(#eee 0%, #dddddd 100%);}
.relics_list ul li:nth-of-type(even) a .img{background:radial-gradient(#f5f5f5 0%, #d6dad6 100%);}
.relics_list ul li a .img img {max-width:280px;max-height:280px;}
.relics_list ul li a .txt{text-align:center;padding:15px 0;}
.relics_list ul li a h5{font-size:var(--l-size);line-height:120%;}
.relics_list ul li a h5 b{display:block;font-size:70%;}
.relics_list ul li a p{font-size:var(--s-size);color:var(--bk65);margin-top:5px;}

.relics_data{display:none;}
.relics_data_con .txt{text-align:center;}
.relics_data_con h5{color:#fff;margin-top:15px;font-size:var(--h5-size);}
.relics_data_con h5 span{display:block;width:40px;height:40px;line-height:41px;text-align:center;margin-right:7px;border-radius:50%;background:#115bd7;}
.relics_data_con p{line-height:160%;color:#ffffff80;}
.relics_data_con .img{text-align:center;}


@media only all and (max-width:1100px){
	.relics_list ul{grid-template-columns:repeat(2, 1fr);}
}
@media only all and (max-width:650px){
	.relics_list ul{grid-template-columns:repeat(1, 1fr);gap:0;}
}




@media only all and (max-width:1400px) {
		
	.m_none{display:inline-block;content:" ";padding-left:2px;}
	.sub120_info{grid-template-columns:auto 30% ;width:100%;}
	.sub120_info>li:nth-of-type(1){display:none;}
	.sub133_apply ul>{gap:5px;}
	.sub133_apply ul>li{border-radius:15px;}
	 
}
@media only all and (max-width:1150px){
	.preparing{min-height:500px;}
	.con_row, .con_2box, .sub_contact .con ul{display:flex;flex-flow:column nowrap;}
	.con_3box, .con_4box, .con_5box{grid-template-columns:repeat(2, 1fr);}
	.con_row .con_h2{margin-bottom:10px;}
	.sub_contact .con ul li+li{margin-left:0;}
	.sub120_con{margin-top:0;}
	.sub120_info dl{align-items:flex-start;}
	.sub133_apply ul{grid-template-columns:repeat(3, 1fr);}	
	
}
@media only all and (max-width:820px){
	.con_3box,.con_4box, .con_5box{display:flex;flex-flow:column nowrap;}
	.subcontent .subnav .subnav-in{display:flex;align-items:center;border:1px solid #e5e5e5;border-top:none;margin-bottom:20px;} 
	.subcontent .subnav .subnav-in #lnb{display:flex;width:100%;}
	.subcontent .subnav .subnav-in #lnb>.lnb_area{flex:1 1 50%;height:50px;line-height:50px;border-left:1px solid #e5e5e5;}
	.subcontent .subnav .subnav-in #lnb>.lnb_area>a{height:50px;line-height:50px;}
	.subcontent .subnav .subnav-in #lnb>.lnb_area>a:hover{color:var(--main-color);}
	#lnb>.lnb_area:after{display:none;}
	#lnb>.lnb_area>a:after{top:23px;}
	.bg_tit{padding:150px 0 50px;}
	.bg_tit .con_txt{margin:30px 5px 50px;}
	
	.sub87_con .con_3box dl{display:flex;justify-content:space-around;align-items:center;background:none;}
	.sub87_con .con_3box dl dt{margin-bottom:0;}
	.exhi_laypopDiv .layclose{margin-top:50px;}
	.subclist>ul{width:50%;}
	.yuaeduw .sanboxtxt{word-break:keep-all;}
	.sub120_info{display:flex;flex-flow:column;align-items:center;padding-bottom:20px;}
	.sub120_info>li:nth-of-type(2){padding:20px 10px;width:100%;}
	.sub120_info>li:nth-of-type(3){padding:0;width:100%;}
	.sub120_info dl{flex-flow:column;}
	.sub120_info>li dl dt{min-width:70px;}
	.sub120_info .map_btn{display:flex; align-items:center;}
	.sub120_info .map_btn>a{border-radius:0;background:var(--main-color);color:#fff; width: 100%;}
	.sub120_info .map_btn>a+a{margin-top:0;border-left:1px solid #ffffff50;}
	.sub_contact{padding:15px 30px;}
	.sub133_apply ul{display:grid;grid-template-columns:repeat(2, 1fr);}	
	.sub130_apply li{min-height:230px;}
	.ani_tit{max-width:98%;}
	.br_m{display: inline; content:""; padding-right:3px;}
	
}
@media only all and (max-width:500px){
	.sub120_info .map_btn{ flex-flow:column; gap:1px;}
	.sub133_apply ul{display:flex;flex-flow:column nowrap;}
	.sub133_apply ul>li{width:90%;margin:0 auto;}
	.sub87_con .con_3box dl{flex-direction:column;}
	.sub87_con .con_3box dl dt{margin-bottom:10px;}
	.down_btn{flex-direction:column;}
	.con_btn{min-width: 100%;}
	.space_btn_wrap{flex-direction:column; right:auto;}
	.subclist{flex-flow:column wrap; }
	.subclist>ul{width:100%; margin-bottom:0;}
	.subclist ul li{margin-right:0; border-bottom:1px solid #dddddd50; padding-bottom:5px;}
	.eudcmt{max-width:100%;}
	.subcontent .subnav .subnav-in #lnb>.lnb_area>a{overflow: hidden;}
	.chibox{min-height:210px;}
	.pagingInfo, .controler{display: none;}
	.slick-prev, .slick-next{top:35%; z-index: 10; opacity: 1;}
	.slick-prev{left:1%;}
	.slick-next{right:1%;}
	.sub102_con .map_wrap .map{left:70%;}
	.sub130_apply li a{left:25px;}
	.sub_contact{background-position:92% 90%;}
	.sub133_apply ul>li{aspect-ratio:auto; padding:20px 10px;}
	.sublnb span{font-size:13px;}
}


/*새소식 게시글 view페이지 내 정렬*/
/*2024년 봄맞이 특별교육 「샤스타데이지 모루 꽃 키링 만들기」 체험 안내*/
.noti_no14_wrap{padding-left:420px;}
@media only all and (max-width:1400px){
	.noti_no14_wrap{padding-left:0px;width:500px;margin:0 auto;}
}
@media only all and (max-width:500px){
	.noti_no14_wrap{width:95%;margin:0 auto;}
}