/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media screen and (max-width:1023px){#main_wrap input[type=text],input[type=file],input[type=password],textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}.inner{max-width:100%;margin:0 16px}header{border-bottom:2px solid #bfbfbf}header .inner{height:56px}header .logo{top:17px;left:0}header .logo a{width:183px;height:24px;background:url(/themes/custom/datasi/images/logo.png) no-repeat 0 0;background-size:contain;text-indent:-9999px}header .controls li.menu{display:block;position:absolute;top:14px;right:0}header .controls li.menu a{display:block;font-size:1.5rem;color:##535353;text-decoration:none}header .controls li.menu a .xi-bars{display:inline}header .controls li.menu a .xi-close{display:none}header .controls li.search{position:absolute;top:14px;right:35px;display:block}header .controls li.search a{display:block;font-size:1.5rem;text-decoration:none}header .controls li.search a:hover{color:#008dea}header .controls li.search a .xi-search{display:inline}header .controls li.search a .xi-close{display:none}header nav{max-height:0;overflow:hidden;overflow-y:scroll;position:absolute;top:58px;left:-16px;width:calc(100% + 32px);background-color:#fff;box-sizing:border-box;z-index:100;transition:max-height 0.5s;}header ul.menu{position:static;padding:26px 16px;margin-left:0}header ul.menu > li{margin-left:0;display:block;margin-bottom:16px}header ul.menu > li:last-child{margin-bottom:0}header ul.menu > li > a{font-size:16px;position:relative}header ul.menu > li > a em{position:absolute;top:-2px;right:0;font-size:18px;display:block;width:30px;height:30px;line-height:30px;text-align:center}header ul.menu > li.active-trail > a{color:#008dea}header ul.menu > li.expanded > a{height:auto}header ul.menu > li > .sub-menu{max-height:0;position:static;margin:0 -16px 0;width:calc(100% + 32px);transition:margin-top 0.4s}header ul.menu > li.on >.sub-menu{max-height:100%;margin-top:10px}header ul.menu > li >.sub-menu .inner{height:auto;margin:0}header ul.menu > li >.sub-menu .inner:before{top:0;right:initial;left:16px;}header ul.menu > li >.sub-menu .ng03 dl{float:none;width:auto;margin-right:0;margin-bottom:0;border-bottom:1px solid #fff;padding:12px 16px}header ul.menu > li >.sub-menu .ng03 dl dd p:last-of-type{margin-bottom:0}header ul.menu > li >.sub-menu .ng03 dl.d01 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl.d02 dt{margin-bottom:0}header ul.menu > li >.sub-menu .ng03 dl.d02 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl.d03 dt{margin-bottom:0;line-height:1.8}header ul.menu > li >.sub-menu .ng03 dl.d03 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl.d04 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl.d05 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl.d06 dd p:first-of-type{display:none}header ul.menu > li >.sub-menu .ng03 dl dd ul.btns{overflow:hidden}header ul.menu > li >.sub-menu .ng03 dl dd ul.btns li{float:left;margin-right:8px;width:auto}header ul.menu > li >.sub-menu .ng03 dl dd ul.btns li:last-child{margin-bottom:0}header ul.menu > li >.sub-menu .ng03 dl dd ul.btns li a{width:70px;height:30px;line-height:32px;border-radius:15px;font-size:14px;text-align:center;text-indent:0}header.open nav{max-height:1000px;border-bottom:1px solid #ddd;box-shadow:0 0 8px 0 rgba(0,0,0,0.15);}header.open .controls li.menu a .xi-bars{display:none}header.open .controls li.menu a .xi-close{display:inline}header .cf01{top:8px;right:initial;left:0;display:none;width:calc(100% - 70px)}header.searchMode .cf01{display:block}header.searchMode .controls li.search a .xi-search{display:none}header.searchMode .controls li.search a .xi-close{display:inline}body.scrolling header{border-bottom:2px solid #ddd}body.scrolling #main-content{padding-top:58px}body.user-logged-in header nav{top:calc(58px + 39px)}footer .footer-row{display:flex;flex-direction:column;gap:20px}footer .logo{margin-bottom:0}footer .logo a{display:block;width:140px;height:35px}footer .siteInfo{float:none;width:auto;margin-left:0;margin-bottom:0}footer .siteInfo address span:first-child{margin-right:18px}footer .siteInfo address span:before{content:none}footer .siteInfo address span:nth-child(3n){display:block;margin-top:6px}footer .footer-family{margin-top:20px}footer .ui-selectmenu-button{width:120px !important}footer .policy{float:none;width:auto;text-align:left}footer .policy li{display:inline}footer .policy li:before{content:"|";margin:0 12px 0 9px;font-size:0.875rem;font-weight:300}footer .policy li:first-child:before{content:none;margin:0}footer .policy li a{font-size:0.875rem}.cf01{border-radius:20px;overflow:hidden}.cf01 label{display:none}.cf01 input{border:none;width:calc(100% - 35px);height:40px}.cf01 button{width:25px}}@media screen and (min-width:320px) and (max-width:768px){html{font-size:13px}body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{line-height:1.5}.fc01{padding-top:10px;padding-bottom:5rem}.fc01_01{padding-top:24px}.fc02{padding:24px 0 32px}.fc02 .inner{margin:0 32px}.fc04{width:auto;background-color:#fff;padding-top:0}.fc04 .inner{width:auto}.fc04 .thumb{height:240px;background-color:#eee}.fc04 ul.meta{float:none;width:auto;height:auto;padding:0}.fc04 ul.meta li{box-sizing:border-box;padding-left:18px;background-size:auto 12px}.fc04 ul.meta li b{width:28%}.fc04 .map{float:none;width:auto;height:240px;margin-bottom:1rem}.fc04 .control{text-align:center}.fc04 .control .btns{float:none;margin-bottom:8px}.fc04 .control .copyright{float:none}.fc04 .cf07{text-align:center}.fc04 .cf07 .popupA{padding:0;background-color:#fff}.fc04 .cf07.opened .popupA{display:block}.fc05{padding:1rem 0 3rem}.fc07{padding:18px 0}.fc07 .inner{margin:0 8px}.fc07 .cf08{position:relative;top:-0.25rem}.cf02 fieldset.normal > ul li span a{top:3px}.cf02_01 fieldset.normal{float:left;width:60%;box-sizing:border-box;padding:0 1rem 0 1rem;}.cf02_01 fieldset.normal > ul{display:none}.cf02_01 fieldset.normal .btnA{display:none}.cf02_01 fieldset.advanced{float:right;width:38%;box-sizing:border-box;margin-left:0}.cf02_01 fieldset.advanced a.toggle{width:100%;box-sizing:border-box}.cf02_02{text-align:center}.cf02_02 fieldset{text-align:left}.cf02_02 fieldset.filter{display:block;background-color:transparent;height:auto;border-radius:0;padding:3rem 0 0.5rem;width:100%}.cf02_02 fieldset.filter ul{overflow:hidden;display:block;height:auto}.cf02_02 fieldset.filter ul li{float:left;width:25%;margin-right:0}.cf02_02 fieldset.filter ul li label{border:1px solid #1997ec;border-right:none;border-top:none;padding-top:3.8rem;height:6rem;border-radius:5px;position:relative;font-size:11px;background-size:auto 30px}.cf02_02 fieldset.filter ul li label:after{content:"";display:block;width:5px;height:5px;border-top:1px solid #1997ec;border-radius:0 5px 0 0;position:absolute;top:-1px;right:0}.cf02_02 fieldset.filter ul li:nth-child(4n) label{border-right:1px solid #1997ec}.cf02_02 fieldset.filter ul li:nth-child(-n+4) label{border-top:1px solid #1997ec}.cf02_02 fieldset.filter ul li input:checked + label{background-image:url(/themes/custom/datasi/images/icon_cat01h.png)}.cf02_02 fieldset.filter ul li label:hover{border-color:#1997ec}.cf02_03{padding:0 0;margin:0 -16px}.cf02_03 h3{font-size:12px}.cf02_03 fieldset.normal{padding:0 50px 0 16px;height:44px;border-radius:22px}.cf02_03 fieldset > *{height:44px}.cf02_04{padding:0;margin:0 -16px}.cf02_04 h3{font-size:12px}.cf02_04 fieldset{padding:0 16px;height:44px;border-radius:22px}.cf02_04 fieldset > *{height:44px}.cf02_04 fieldset.normal{width:100%;margin-right:0;float:none;margin-bottom:10px}.cf02_04 fieldset.select{width:66%;margin-right:4%;height:auto}.cf02_04 fieldset.select .select2 .select2-selection{border:none;padding:0rem;margin:0.25rem 0}.cf02_04 fieldset.select .select2-container--default .select2-selection--multiple input{line-height:2.1}.cf02_04 fieldset.submit{width:30%;padding:0}.cf02_04 fieldset.submit button{border-radius:22px;line-height:44px}.cf03{margin-bottom:32px}.cf03 > ul{display:block;text-align:left}.cf03 > ul > li{width:auto;display:block;margin-right:0;margin-bottom:14px;margin-left:0}.cf03_01{margin-bottom:0}.cf04m.photoFilterMobile{display:inline-block}.cf04m.photoFilterMobile .select2{width:180px !important}.cf04.photoFilter{display:none}.cf06 .swith{display:none}.cf06 .ui-selectmenu-button{max-width:40px}.cf06.photoSort{margin-top:10px}.cf07 .popupA{margin-top:16px;padding:16px;left:0;top:0;width:100%;box-sizing:border-box;position:relative}.cf07 .popupA > p{margin-left:0;margin-top:0}.cf07 .popupA form{margin-top:16px}.cf07 .popupA form > span input{width:100%}.cf07 .popupA form > span textarea{width:100%}.cf08{width:auto;margin:0 16px}.cf08 input{width:70%}.cf09{overflow:hidden}.cf09 fieldset.select{float:left;width:35%;margin-right:3%;box-sizing:border-box}.cf09 fieldset.normal{float:right;width:62%;box-sizing:border-box}.cf09 .ui-selectmenu-button{min-width:6rem}.ib01{margin-bottom:24px}.ib01 > .slider > .slick-list{margin:0 -16px 0 0}.ib01 > .slider > .slick-list > .slick-track > li{margin:0 10px}.ib01 > .slider > .slick-list > .slick-track > li > a{width:184px}.ib01 .subSlide{height:186px;box-sizing:border-box;background-color:#fff;z-index:5}.ib01 .subSlide em{height:180px}.ib01 > .slider > .slick-list > .slick-track > li > a > button{position:absolute;top:173px}.ib01 .btnPrev{right:50px;z-index:20}.ib01 .btnNext{right:30px;z-index:20}.ib01 .subSlide .slick-next{bottom:5px;top:initial;left:100px;transform:translate(0,0);z-index:100}.ib01 .subSlide .slick-next:before{content:"\e940";font-size:1rem;color:#828282;font-family:xeicon;float:right}.ib01 .subSlide .slick-next:hover:before{color:#008dea}.ib01 > .slider span.border{height:186px}.ib01 .meta{top:-21px}.ib01 .meta b{height:30px;width:85%;padding:5px 40px 0 5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}.ib01 .meta .summury{font-size:0.875rem;-webkit-line-clamp:4;line-height:1.4;padding:0 0 0 0}.ib01 .meta small{background-size:contain}.ib02{padding:24px 0}.ib02 .leftA{float:none;width:auto;height:auto}.ib02 .rightA{float:none;width:auto;height:auto}.ib02 .rightA .map03{position:static !important;bottom:0;left:0;height:160px}.ib02 .slider{border:none;border-radius:0;height:160px;position:relative !important}.ib02 .slider li a{height:160px;background-color:#fff}.ib02 .slider li a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ib02 .slider li a img.fillwidth{width:130%}.ib02 .slider li a img.fillheight{height:120%}.ib02 button.slick-arrow{height:80px;width:40px}.ib02 button.slick-prev{border-radius:0 40px 40px 0}.ib02 button.slick-prev:before{font-size:2.5rem}.ib02 button.slick-next{border-radius:40px 0 0 40px}.ib02 button.slick-next:before{font-size:2.5rem}.ib02 .slick-dots{display:none}.th01.photoCollect{overflow:visible;display:flex;flex-direction:column;gap:0.5rem}.th01__title-row{float:none;display:flex;align-items:center;gap:0.5rem}.th01__title-row h2{float:none}.th01.photoCollect .rightA{float:none;overflow:visible}.th01.photoCollect .rightA .cf03_01{margin-bottom:0}.ib03{padding:0}.ib03 > dl{width:auto;float:none;margin-right:0;border-radius:3px;margin-bottom:8px;position:relative}.ib03 > dl > dt{padding:0;height:30px;line-height:30px;width:132px;box-sizing:border-box;transform:rotate(270deg);position:absolute;left:-51px;top:51px}.ib03 > dl > dd{padding:9px 0;width:calc(100% - 30px);height:132px;margin-left:30px;box-sizing:border-box;border-radius:0}.ib03 > dl > dd .indicator{bottom:16px;top:initial}.ib03 .slider > .slick-list{margin:0}.ib03 .slider li{margin:0 3px;position:relative}.ib03 .slider li a.thumb{height:116px}.ib03 .slider button.slick-arrow{width:1.75rem;height:100%;top:0;bottom:0;left:auto;right:auto;transform:none;background:#ededed}.ib03 .slider button.slick-prev{left:0;right:auto;border-radius:0}.ib03 .slider button.slick-prev:before{content:"\e93b";font-size:1.5rem}.ib03 .slider button.slick-next{right:0;left:auto;border-radius:0;top:0;bottom:0}.ib03 .slider button.slick-next:before{content:"\e93e";font-size:1.5rem}.btn-compare-toggle{padding:0.3rem 0.6rem;font-size:0.75rem}.compare-bar{flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0.75rem}.compare-bar__status{width:100%;font-size:0.8125rem}.compare-bar__btn{flex:1;padding:0.4rem 0.75rem;font-size:0.8125rem}.compare-bar__cancel{flex:1;padding:0.4rem 0.75rem;font-size:0.8125rem}.pp03 .popupBox{width:calc(100% - 16px);left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(100vh - 32px)}.pp03 .popupBox h4{font-size:1.0625rem;padding:1rem 1rem 0}.pp03 .popupBox a.close{top:1rem;right:1rem}.pp03 .popupBox .ppBody{padding:0.5rem 0.75rem 0.75rem}.compare-labels{gap:0.5rem;margin-bottom:0.5rem}.compare-label{font-size:0.75rem;padding:0.25rem 0.5rem}.compare-container img-comparison-slider img{}.ib03.compare-mode .slider li a.thumb:after{font-size:1.125rem;width:1.5rem;height:1.5rem;line-height:1.5rem;top:0.25rem;right:0.25rem}.ib03-skeleton{padding:0;flex-direction:column}.ib03-skeleton__col{flex:none;width:100%;margin-bottom:8px;position:relative;border-radius:3px;overflow:visible}.ib03-skeleton__col:nth-child(n+3){display:none}.ib03-skeleton__dt{height:30px;width:132px;transform:rotate(270deg);position:absolute;left:-51px;top:51px;border-radius:0}.ib03-skeleton__dd{padding:9px 1.75rem;width:calc(100% - 30px);margin-left:30px;height:132px;box-sizing:border-box;border-radius:0}.ib03-skeleton__item{height:116px;display:none}.ib03-skeleton__item:first-child{display:block}.ps-skeleton-facets > ul > li{width:auto;display:block;margin-right:0;margin-left:0;margin-bottom:0.75rem}.ps-skeleton-header{margin-bottom:1rem}.ps-skeleton-title{width:10rem;height:1.25rem}.ps-skeleton-sort{width:8rem;height:1.75rem}.ps-skeleton-grid > li{width:48%;margin-right:4%;margin-bottom:4%}.ps-skeleton-grid > li:nth-child(6n){margin-right:4%}.ps-skeleton-grid > li:nth-child(2n){margin-right:0}.ps-skeleton-grid > li:nth-child(n+7){display:none}.ps-skeleton-card-title{height:2.25rem}.ps-skeleton-card-thumb{height:5.5rem}.ib04 .leftA{float:none;width:auto;margin-bottom:20px}.ib04 .rightA{float:none;width:auto}.ib04 .rightA .map04{margin-bottom:12px;height:200px}.ib04 .leftA .slider{margin-bottom:1rem}.ib04 .leftA .slider .slick-list{height:250px}.ib04 .leftA .slider li a{height:250px}.ib04 .leftA .slider li img.fillwidth{width:110%}.ib04 .leftA .slider li img.fillheight{height:110%}.ib04 .leftA .slider button.slick-arrow{height:80px;width:40px}.ib04 .leftA .slider button.slick-prev{border-radius:0 40px 40px 0}.ib04 .leftA .slider button.slick-prev:before{font-size:2rem}.ib04 .leftA .slider button.slick-next{border-radius:40px 0 0 40px}.ib04 .leftA .slider button.slick-next:before{font-size:2rem}.ib04 .sync{display:none}.ib05{margin-bottom:33px}.ib05 .slider li a .textA{width:50%}.ib05 .slider li .textA b{font-size:12px}.ib05 .slider li .textA strong{font-size:21px;margin-bottom:0}.ib05 .slider li .textA span{display:none}.ib05 .slider li .thumb{margin-top:40px;width:48%;height:160px;line-height:160px}.ib05 .slider li .thumb img.fillwidth{width:100%;vertical-align:top}.ib05 .slick-dots{width:auto;bottom:0}.ib07{margin-bottom:0}.ib07 > div{width:calc(7.5% + 8px);height:660px}.ib07 > .photoSeoul:not(.active){margin-right:-8px;border:none;border-radius:0.5rem 0 0 0.5rem}.ib07 > .dataSeoul:not(.active){margin-left:-8px;border:none;border-radius:0 0.5rem 0.5rem 0}.ib07 > div > .bodyA{height:100%;overflow:hidden}.ib07 > div > .bodyA .templet > *{opacity:0;transition:opacity 0.5s}.ib07 > div.dataSeoul > .bodyA{border-radius:0 0.5rem 0.5rem 0}.ib07 > div.photoSeoul > .bodyA{border-radius:0.5rem 0 0 0.5rem}.ib07 > div.dataSeoul > h2{right:-4px}.ib07 > div.photoSeoul > h2{left:-4px}.ib07 .indicator{display:none}.ib07 > div.active{width:90%}.ib07 > div.active > .bodyA .templet > *{opacity:1}.ib07 .templet{padding:18px 20px}.ib07 .templet .titleA{margin-bottom:25px}.ib07 .templet .titleA em{font-size:14px;margin-bottom:15px}.ib07 .templet .titleA dl{margin-bottom:16px}.ib07 .templet .titleA dl dt{font-size:18px;margin-bottom:5px !important;line-height:1.3}.ib07 .templet .titleA dl dt b{font-size:28px}.ib07 .templet .titleA dl dd p{font-size:14px;margin-bottom:10px}.dataType01 .titleA{width:auto;margin-bottom:25px}.dataType01 .backgroundChart{display:none}.dataType01 .chartList{overflow:hidden;position:static;width:auto;overflow-x:scroll;margin:0 -20px}.dataType01 .chartList > ul{display:table;width:630px;margin-left:20px}.dataType01 .chartList li{width:31%;margin-right:1.5%}.dataType01 .chartList li:last-child{margin-right:1.5%}.dataType01 .chartList li a img{height:auto;width:100%}.dataType02 .titleA{margin-bottom:15px}.dataType02 .titleA dl{margin-bottom:15px !important}.dataType02 .titleA dl dt{width:auto;margin-right:0}.dataType02 .titleA dl dd{width:auto}.dataType02 .chartA h3{font-size:14px;font-weight:normal}.dataType02 .chartList{overflow:hidden;position:static;width:auto;overflow-x:scroll;margin:0 -20px}.dataType02 .chartList > ul{display:table;width:630px;margin-left:20px}.dataType02 .chartList li{width:31%;margin-right:1.5%}.dataType02 .chartList li:last-child{margin-right:1.5%}.dataType02 .chartList li a{padding:calc(0.5rem + 1px) 1px 1px;height:248px}.dataType03 .titleA{width:auto;float:none;height:auto}.dataType03 ul.legend{display:none}.dataType03 .chartA{width:auto;float:none;padding-top:0;margin:0 -8px}.dataType03 .chartA > dl > dt{font-size:14px}.dataType03 .chartList li{margin-bottom:15px}.dataType03 .chartList li a{height:135px}.photoType01 .titleA dl{float:none;width:auto;margin-right:0;margin-bottom:0 !important;}.photoType01 .titleA dt{display:block;width:auto;margin-right:0}.photoType01 .titleA dd{display:block;width:auto}.photoType01 .titleA .more{float:none}.photoType01 .places{text-align:left}.photoType01 .places li:last-child{display:none}.photoType01 .photoGallery{margin:0 -20px;overflow-x:scroll}.photoType01 .photoList{margin-left:15px;width:530px;position:relative}.photoType01 .photoList a{position:relative;display:block}.photoType01 .photoList a em{z-index:10}.photoType01 .photoList a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.photoType01 .photoList a img.fillwidth{width:150%}.photoType01 .photoList a img.fillheight{height:140%}.photoType02{padding:15px 20px !important}.photoType02 .mapA{background-size:auto 60%}.photoType02 .titleA{margin-bottom:60px !important}.photoType02 .photoA .slider li a{height:410px}.photoType02 .photoA .slider li a img.fillwidth{height:100%;width:auto}.photoType02 .photoA .slider li a img.fillheight{height:auto;width:auto}.photoType02 button.slick-arrow{height:100px;width:50px}.photoType02 button.slick-prev{border-radius:0 50px 50px 0}.photoType02 button.slick-next{border-radius:50px 0 0 50px}.lc01 li{width:48%;margin-right:4%;margin-bottom:4%}.lc01 li:nth-child(2n){margin-right:0}.lc01 li > a{padding:12px}.lc01 li .title{margin-bottom:10px;font-size:11px}.lc01 li .title .marker{margin-right:5px}.lc01 li .thumb{height:83px;margin-bottom:10px}.lc01 li  small{background-size:contain}.lc02 li{width:48%;margin-right:4%;margin-bottom:4%}.lc02 li:nth-child(2n){margin-right:0}.lc03.thumbnail .gridSizer{width:0}.lc03.thumbnail .gutterSizer{width:0}.lc03.thumbnail > .gridItem{width:auto;margin-bottom:0;padding:16px;margin-bottom:8px}.lc04.gallop .t01{width:15%;text-align:center}.lc04.gallop .t02{width:20%;text-align:center}.lc05 li{width:46%;margin-right:4%;margin-bottom:4%}.lc05 li:nth-child(2n){margin-right:0}.lc05 li a{height:150px}.lc05 li a img.fillwidth{width:150%}.lc05 li a img.fillheight{height:150%}.lc05 li a span{font-size:12px}.lc06 li{width:46%;margin-right:4%;margin-bottom:4%}.lc06 li:nth-child(3n){margin-right:4%}.lc06 li:nth-child(2n){margin-right:0}.lc06 li a{height:150px}.lc06 li a img.fillwidth{width:150%}.lc06 li a img.fillheight{height:150%}.lc06 li a span{font-size:12px}.marker{width:9px;height:9px;border-radius:4.5px}.map01{margin-bottom:0.875rem;height:335px}.map01 .mapA{position:absolute;top:0;left:0}.map01 .legend{width:auto;height:auto;position:absolute;top:16px;left:16px;margin-left:0;padding:16px 50px 24px 24px}.map01 .legend dl{margin-bottom:0}.map01 .legend dl dt{font-size:11px}.map01 .legend dl dd{font-size:21px}.map01 .legend ul{display:none}.map01 .cf02{bottom:32px;left:50%;transform:translate(-50%,0);margin-right:0;width:calc(100% - 32px);padding:0 16px}.map02{height:300px}.map02 .cf02{padding:0 16px;width:100%}.ng01{background-color:#f6f6f6;padding:0}.ng02 li{margin-bottom:0.875rem}.ng03{overflow:hidden}.ng03 dl{float:left;width:46%;margin-right:8%;padding-right:0;margin-bottom:20px}.ng03 dl:nth-child(2n){margin-right:0}.ng03 dl dt{margin-bottom:10px;line-height:1.2}.ng03 dl dd p{margin-bottom:10px}.pp01 .popupBox{position:absolute;left:8px;top:0;transform:translate(0,0);width:calc(100% - 16px);padding:16px}.pp01 .popupBox a.close{top:16px;right:16px}.pp02 .popupBox{position:absolute;left:8px;transform:translate(0,-50%);width:calc(100% - 16px)}.pp02 .popupBox a.close{top:12px;right:16px}.tbl01 tbody th{width:28%}.tbl01 tbody td{padding:1rem 1rem}.tbl01 tbody td > .con01 .thumb{margin-right:1rem}.tbl02 thead th.t01{width:30%}.tbl02 tbody td.t01{width:30%}.tc01 .header{padding:16px 16px 16px 16px;margin:0 -16px 16px}.tc01 .header h1{font-size:24px}.tc01 .header.post{border-bottom:none}.tc01 .header.post h1{margin:0 -16px 16px;padding:0 16px 16px 16px}.tc01 .header.post h2{border-bottom:2px solid #ddd;padding-top:5px}.tc01 .summary{margin-bottom:36px}.tc01 .summary dt{margin-bottom:0}.tc01 .unit{margin-bottom:36px}.tc01 .dataGraph .btnA .leftA{float:none;text-align:center;margin-bottom:8px}.tc01 .dataGraph .btnA .leftA .btn01{margin:0 2px}.tc01 .dataGraph .btnA .leftA .share{width:100px;padding:0.5rem 0}.tc01 .dataGraph .btnA .rightA{float:none;text-align:center}.tc01 .dataGraph .btnA .rightA .btn01{width:100px;padding:0.5rem 0}.tc01 .graphList li{width:49%;margin-right:2%;margin-bottom:2%}.tc01 .graphList li:nth-child(2n){margin-right:0}.tc01 .graphList li .graphA{height:80px}.tc01 .docList li{width:49%;margin-right:2%;margin-bottom:2%}.tc01 .docList li:nth-child(2n){margin-right:0}.tc01 .docList li .thumb{float:none;margin-right:0;display:block}.tc01 .docList li em{display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}.tc01 .contentList:before{content:none}.tc01 .contentList:after{content:none}.tc01 .contentList > .gridItem{width:auto;padding:0 0 1rem}.tc01 .contentList > .gridItem a{padding-left:4.625rem;background-size:40px auto;background-position:0 5px}.tc01 .contentList > .gridItem a b{line-height:1.2;margin-bottom:10px}.tc01 .contentList > .gridItem a em{line-height:1.8;max-height:7.8rem;}.tc01 .contentList > .gridItem a .thumb{max-height:none}.th01 h2{padding-left:24px;background-size:18px auto;background-position:0 6px;line-height:1.5}.th01.searchResult h2{font-size:14px;background-position:0 3px}.th01.photoCollect{margin-top:20px}.th01.groupCollect h2{font-size:18px;background-size:auto 70%;background-position:0 2px}.th01.photoCollect h2{font-size:18px;margin-bottom:10px}.th02{margin-bottom:16px}.th02 h2{font-size:16px}.th03 h2{display:block;margin-bottom:5px}.th03 p{margin-left:0}.th03 .more{position:absolute;top:0;right:0;display:block}.th04{background-size:auto 18px;background-position:16px 6px;line-height:1.5;margin:0 -16px 16px;padding-left:50px}.pager li.pager-item,.pager li.pager-previous,.pager li.pager-next,.pager li.first,.pager li.last{width:2.4rem;height:2.4rem}.pager li a{height:2.4rem;line-height:2.4rem;width:2.4rem;border-radius:1.2rem}.pager li.pager-current{height:2.4rem;line-height:2.4rem;width:2.4rem;border-radius:1.2rem}.pager li.pager-previous{margin-right:10px}.pager li.pager-next{margin-left:10px}.select2 .select2-selection{min-height:38px}.select2 button.select2-selection__choice__remove{top:50%;transform:translateY(-50%)}.select2-dropdown{top:-1px;padding:16px;}}@media all and (min-width:1169px) and (max-width:1340px){html{font-size:14px}}@media all and (min-width:1024px) and (max-width:1170px){html{font-size:13px}}@media all and (min-width:769px) and (max-width:1108px){html{font-size:13px}}@media screen and (max-width:350px){html{font-size:12px}}@media screen and (min-width:1024px) and (max-width:1179px){header .logo{left:16px}header ul.menu{right:calc(16rem + 16px)}header .cf01{right:16px}.inner{padding:0 16px}}
header.gnb-header{background:#fff;z-index:200;position:relative;}header.gnb-header > .inner,header.gnb-header > .controls,header.gnb-header > .cf01,header.gnb-header > .anniv{display:none !important;}.gnb-container{display:flex;align-items:center;gap:64px;max-width:1180px;margin:0 auto;padding:16px 20px;box-sizing:border-box;transition:padding 0.3s;}.gnb-logo{display:block;flex-shrink:0;}.gnb-logo img{display:block;width:280px;height:auto;transition:width 0.3s;}.gnb-mobile-controls{display:none;}.gnb-nav{flex:1;min-width:0;}.gnb-menu{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0;}.gnb-menu-item{position:relative;}.gnb-menu-item > a{display:block;font-family:"Pretendard Variable","Pretendard",sans-serif;font-weight:700;font-size:18px;line-height:1.333em;color:#000;text-decoration:none;white-space:nowrap;transition:color 0.15s;}.gnb-menu-item > a:hover,.gnb-menu-item.active-trail > a,.gnb-menu-item.on > a{color:#427ec4;text-decoration:none;}.gnb-menu-item.has-children > a{height:4rem;line-height:4rem;}.gnb-menu-item.has-children.on::after{content:"";position:absolute;left:-2rem;right:-2rem;top:100%;height:2rem;z-index:301;}.gnb-menu-item > .sub-menu{max-height:0;position:fixed;left:0;width:100%;background-color:#eaf3f8;box-sizing:border-box;z-index:300;overflow:hidden;transition:max-height 0.4s;}.gnb-menu-item.on > .sub-menu{max-height:500px;}.gnb-menu-item > .sub-menu .inner{height:auto;max-width:73.75rem;margin:2rem auto;position:relative;overflow:visible;display:flex;justify-content:center;flex-wrap:nowrap;gap:0 1.7%;}.gnb-menu-item > .sub-menu .inner::before{border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:0 solid transparent;content:"";position:absolute;top:-2rem;right:36rem;z-index:1;}.gnb-menu-item > .sub-menu .inner::after{content:"";display:block;clear:left;}.gnb-menu-item > .sub-menu .ng03 dl{float:none;width:auto;margin-right:0;padding-right:0;flex-shrink:0;}.gnb-menu-item > .sub-menu .ng03 dl dt{margin-bottom:0.5rem;}.gnb-menu-item > .sub-menu .ng03 dl dt a{white-space:nowrap;color:#000;}.gnb-menu-item > .lnb-wrap{position:fixed;left:0;width:100%;background-color:#fff;box-sizing:border-box;z-index:300;overflow:hidden;border-bottom:none;max-height:0;opacity:0;pointer-events:none;transition:max-height 0.3s ease,opacity 0.2s ease;}.gnb-menu-item.on > .lnb-wrap{max-height:500px;opacity:1;pointer-events:auto;overflow:visible;box-shadow:0 1px 0 0 #ccc;}.gnb-menu-item > .lnb-wrap .lnb-inner{max-width:73.75rem;margin:0 auto;padding:2rem 1rem;}.lnb-list1{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem;}.lnb-list1 > li{position:relative;width:calc(25% - 0.75rem);}.lnb-list1 > li > a{display:flex;align-items:center;padding:14px;line-height:1.2;font-weight:500;font-size:15px;color:#444;word-break:keep-all;border:1px solid #ccc;text-decoration:none;transition:border-color 0.3s;}.lnb-list1 > li > a:hover,.lnb-list1 > li > a:focus{border-color:#427ec4;}.lnb-list1 > li.active-trail > a{border-color:#427ec4;color:#427ec4;font-weight:600;}.lnb-list1 > li > a.arr{justify-content:space-between;padding-right:20px;background-repeat:no-repeat;background-size:auto 6px;background-position:right 14px center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.56 5.3'%3E%3Cpolyline points='8.81 .75 4.78 4.55 .75 .75' fill='none' stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");cursor:pointer;}.lnb-list1 > li.has-depth3.open > a.arr{border-color:#427ec4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.56 5.3'%3E%3Cpolyline points='.75 4.55 4.78 .75 8.81 4.55' fill='none' stroke='%23427EC4' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");}.lnb-list2{display:none;list-style:none;margin:0;padding:0;position:absolute;top:100%;left:0;width:100%;z-index:10;background:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 4px 8px rgba(0,0,0,0.08);max-height:300px;overflow-y:auto;}.lnb-list1 > li.has-depth3.open > .lnb-list2{display:block;}.lnb-list2 > li > a{display:block;position:relative;padding:10px 14px 10px 22px;font-size:14px;font-weight:400;color:#666;text-decoration:none;border-bottom:1px solid #f0f0f0;line-height:1.5;}.lnb-list2 > li:last-child > a{border-bottom:none;}.lnb-list2 > li > a::before{content:"";position:absolute;top:50%;left:10px;transform:translateY(-50%);width:4px;height:4px;background:#427ec4;}.lnb-list2 > li > a:hover{background:#f7fafc;color:#427ec4;}.lnb-list2 > li.active-trail > a{color:#427ec4;font-weight:600;}.gnb-search{flex-shrink:0;}.gnb-search-fieldset{display:flex;align-items:center;gap:4.45px;background:#f6f6f6;border:none;border-radius:20px;padding:0;margin:0;height:40px;overflow:hidden;}input.gnb-search-input{border:none;background:transparent;padding:0 29px 0 16px;height:40px;width:180px;box-sizing:border-box;font-family:"Noto Sans KR","Pretendard",sans-serif;font-size:14px;line-height:40px;color:#000;outline:none;text-indent:0;}.gnb-search-input::placeholder{color:#757575;}.gnb-search-fieldset{position:relative;}.gnb-search-placeholder{position:absolute;left:16px;top:0;height:40px;line-height:40px;font-size:14px;color:#757575;white-space:nowrap;pointer-events:none;display:inline-block;animation:gnb-marquee 10s linear infinite;}.gnb-search-input:focus ~ .gnb-search-placeholder,.gnb-search-input:not(:placeholder-shown) ~ .gnb-search-placeholder{display:none;}@keyframes gnb-marquee{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}.gnb-search-btn{display:flex;align-items:center;justify-content:center;width:48px;height:40px;background:transparent;border:none;cursor:pointer;color:#535353;font-size:24px;transition:color 0.15s;z-index:1;background:#f6f6f6;}.gnb-search-btn:hover{color:#427ec4;}.gnb-breadcrumb-bar{background:#f6f6f6;position:relative;z-index:1;}.gnb-breadcrumb-inner{max-width:1180px;margin:0 auto;padding:10px 20px;font-family:"Pretendard",sans-serif;font-size:14px;line-height:1.5;color:#535353;height:auto !important;display:flex;align-items:center;}.gnb-breadcrumb-bar .gnb-breadcrumb-inner,.gnb-header .gnb-breadcrumb-bar .inner{height:auto !important;}.gnb-breadcrumb-inner *{margin:0;padding:0;}.gnb-breadcrumb-inner ol,.gnb-breadcrumb-inner ul{display:flex;align-items:center;list-style:none;flex-wrap:nowrap;gap:4px;}body.scrolling .gnb-header{position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #e2dfdd;box-shadow:0 1px 4px rgba(0,0,0,0.05);}body.scrolling .gnb-container{padding:8px 20px;}body.scrolling .gnb-logo img{width:180px;}body.user-logged-in.scrolling .gnb-header{top:79px;}@media (min-width:1025px) and (max-width:1200px){.gnb-menu{gap:16px;}.gnb-menu-item > a{font-size:16px;}.gnb-logo img{width:220px;}.gnb-search-input{width:120px;}}@media (max-width:1024px){.gnb-container{gap:0;padding:12px 16px;justify-content:space-between;}.gnb-logo img{width:183px;}.gnb-mobile-controls{display:flex;align-items:center;gap:8px;}.gnb-mobile-controls button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;font-size:22px;color:#535353;}.gnb-mobile-menu-btn .xi-close{display:none;}.gnb-header.menu-open .gnb-mobile-menu-btn .xi-bars{display:none;}.gnb-header.menu-open .gnb-mobile-menu-btn .xi-close{display:inline;}nav.gnb-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.1);z-index:300;border-top:1px solid #e2dfdd;max-height:none;overflow:visible;overflow-y:visible;transition:none;}.gnb-header.menu-open nav.gnb-nav{display:block;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;}.gnb-menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 0;}.gnb-menu-item > a{display:block;padding:12px 20px;font-size:16px;height:auto;line-height:1.5;}.gnb-menu-item > .sub-menu,.gnb-menu-item > .lnb-wrap{max-height:0;position:static;width:100%;margin:0;transition:max-height 0.4s;border-bottom:none;box-shadow:none;opacity:1;pointer-events:auto;}.gnb-menu-item.on > .sub-menu,.gnb-menu-item.on > .lnb-wrap{max-height:2000px;margin-top:0;overflow:visible;box-shadow:none;}.gnb-menu-item.has-children.on::after{display:none;}.gnb-menu-item.has-children > a{height:auto;line-height:inherit;position:relative;padding-right:40px;}.gnb-menu-item.has-children > a::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:10px;height:6px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 9.56 5.3%27%3E%3Cpolyline points=%278.81 .75 4.78 4.55 .75 .75%27 fill=%27none%27 stroke=%27%23999%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;transition:transform 0.2s;}.gnb-menu-item.has-children.on > a::after{transform:translateY(-50%) rotate(180deg);}.gnb-menu-item > .lnb-wrap .lnb-inner{padding:8px 16px;}.lnb-list1{flex-direction:column;gap:0;}.lnb-list1 > li{width:100%;border-bottom:1px solid #f0f0f0;}.lnb-list1 > li > a{border:none;padding:12px 14px;}.lnb-list2{position:static;border:none;box-shadow:none;background:#f9f9f9;}.gnb-menu-item > .sub-menu .inner{height:auto;margin:0;flex-direction:column;gap:0;}.gnb-menu-item > .sub-menu .inner::before{display:none;}.gnb-menu-item > .sub-menu .ng03 dl{float:none;width:auto;margin-right:0;margin-bottom:0;border-bottom:1px solid #fff;padding:12px 16px;flex-shrink:unset;}.gnb-menu-item > .sub-menu .ng03 dl dt a{white-space:normal;}.gnb-menu-item > .sub-menu .ng03 dl dd p:last-of-type{margin-bottom:0;}.gnb-menu-item > .sub-menu .ng03 dl dd ul.btns{overflow:hidden;}.gnb-menu-item > .sub-menu .ng03 dl dd ul.btns li{float:left;margin-right:8px;width:auto;}.gnb-menu-item > .sub-menu .ng03 dl dd ul.btns li:last-child{margin-bottom:0;}.gnb-menu-item > .sub-menu .ng03 dl dd ul.btns li a{width:70px;height:30px;line-height:32px;border-radius:15px;font-size:14px;text-align:center;text-indent:0;}.gnb-search{display:none;padding:12px 20px;background:#fff;border-top:1px solid #e2dfdd;}.gnb-header.search-open .gnb-search{display:block;position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;z-index:300;box-shadow:0 4px 16px rgba(0,0,0,0.1);}.gnb-header.search-open .gnb-search-fieldset{width:100%;}.gnb-header.search-open .gnb-search-input{flex:1;width:auto;}.gnb-breadcrumb-inner{padding:10px 16px;font-size:13px;}body.scrolling .gnb-breadcrumb-bar{display:none;}}@media (max-width:768px){.gnb-container{padding:10px 16px;}.gnb-logo img{width:160px;}}