@charset "UTF-8";

/* 공통 */
.section{margin-bottom:50px;padding-bottom:60px;border-bottom:1px solid #ddd}
.txt-center{text-align:center}
.mt30{margin-top:30px}
.point{color:#0087cc}
.bullet-triangle:before{content:"";display:inline-block;margin-right:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #247fc0}
a:before,
a:after{content:"";display:inline-block;position:absolute}

/* title */
.cont-tit{font-size:20px;font-weight:bold;color:#000}
.tit01{font-size:26px;font-weight:bold;color:#222}
.tit02{font-size:20px;font-weight:bold;color:#000}
.tit03{font:16px 'noto sansM';color:#222}

/* button */
.btn-more{display:inline-block;width:112px;height:36px;line-height:36px;margin-right:6px;border-radius:22px;font-weight:bold;text-align:center}
.btn-more:after{content:"";display:inline-block;width:12px;height:9px;margin-left:10px;background:url(/images/icon/icon-more.png) no-repeat 0 0}
.btn-rectangle{display:inline-block;width:65px;height:30px;background-color:#666;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;text-align:center}

/* 이야기 상세 */
.detail .header-visual{ position:relative; background-image:url('/images/bg/bg-story-detail.jpg');z-index: 1;}
.detail .header-visual::after {content:'';position:absolute;top:0px;left:0;right:0;margin:0 auto;height:100%;background-color:rgba(0,0,0,0.4);z-index: -1;}
.detail .header-visual .con-title{max-width:1040px;}
.detail .header-visual .con-title h2{bottom:135px;}
.detail .header-visual .con-title p{top:125px}
.detail .header-visual .con-title p span {font-size:10px;position: relative;bottom:2px;}
.detail .header-visual .con-title .font-controller{text-align:center;overflow:hidden;width:90px;height:36px;line-height:30px;border:1px solid #fff;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px}
.detail .header-visual .con-title .font-controller span {display:inline-block;width:40%;text-align: center;}
.detail .header-visual .con-title .font-controller span.line {width:1px;height:10px;background:#fff;}
.detail .header-visual .con-title .font-controller span button{display:inline-block;width:100%;height:33px;line-height:33px;color:#fff}
.detail .header-visual .con-title .font-controller .btn-zoomout button{font-size:14px}
.detail .header-visual .con-title .font-controller .btn-zoomin button{font-weight:500;font-size:18px}


.detail .util{position:absolute;bottom:26px}
.detail .util li{float:left;position:relative;margin-right:10px}
.detail .util .btn-scrap{left:0 !important;}
.detail .util .btn-scrap a{display:block;width:38px;height:38px;background:url(/images/btn/btn-sp-scrap.png) no-repeat 0 0;text-indent: -9999em}
.detail .util .btn-scrap.on a{background-position:0 -50px}
.detail .util li .sns-menu{overflow:hidden;display:none;position:absolute;top:0;left:48px;width:240px;height:40px}
.detail .util li .sns-menu,
.detail .util li .sns-menu li{float:left}
.detail .util li .sns-menu li:last-child{margin-right:0}
.detail .btn-vr-view {position:absolute;right:120px;bottom:33px;width:81px;height:36px; border: 1px solid #fff;border-radius:19px;-webkit-border-radius:54px;-moz-border-radius:54px;overflow: hidden; text-indent: -9999px; background: url(/cms/imgs/common/btn/btn-vr-360.png) no-repeat center;}
.detail .btn-ai{position:absolute;right:0;bottom:33px;width:108px;height:36px;border-radius:54px;-webkit-border-radius:54px;-moz-border-radius:54px;background-color:#fff;color:#0087cc}
.detail .btn-ai:after{content:"";display:inline-block;position:relative;top:-1px;width:12px;height:9px;margin-left:10px;background:url(/images/btn/btn-ai.png) no-repeat 0 0;transform:rotate(180deg)}
.detail .btn-ai.active:after{top:0;transform:rotate(0deg)}
.ai-recommend{position:relative;height:500px;padding:45px 0;background-color:#f9f9f9;border-bottom:1px solid #e6e6e6}
.ai-recommend .inner-wrap{max-width:1040px;margin:0 auto}
.ai-recommend .inner-wrap article{overflow:hidden;float:left;width:50%}
.keyword{padding-right:20px}
.keyword .cont-tit{float:left}
.keyword ul{float:right}
.keyword ul li{float:left;position:relative;margin-left:20px;padding-left:14px}
.keyword ul li:before{content:"";display:inline-block;position:absolute;top:6px;left:0;width:8px;height:8px;margin-right:5px;border-radius:4px}
.keyword ul .bullet-g:before{background-color:#7cc545}
.keyword ul .bullet-b:before{background-color:#6cc3d8}
.keyword ul .bullet-r:before{background-color:#eb3a41}
.keyword ul .bullet-p:before{background-color:#6645c5}
.keyword ul .bullet-y:before{background-color:#ffba00}
.keyword .img-area{width:100%;height:370px;margin-top:35px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.keyword .img-area img{width:100%;height:100%}

.similar-stories{position:relative;padding-left:20px}
.similar-stories .swiper-wrap{overflow:hidden}
.similar-stories .list li{overflow:hidden;position:relative;width:100%;padding:10px 0 13px;border-top:1px solid #e6e6e6}
.similar-stories .list li:first-child{padding-top:10px;border-top:0}
.similar-stories .list .thumb{float:right;margin:5px 0 0 10px}
.similar-stories .list .data-wrap dt{overflow:hidden}
.similar-stories .list .data-wrap dt a{overflow:hidden;display:block;width:100%;max-height:26px;min-height:26px;line-height:1.3;font:16px 'noto sansM';color:#222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.similar-stories .list .data-wrap dt a:hover{color:#0087cc;text-decoration:underline}
.similar-stories .list .data-wrap dd{overflow:hidden;max-height:20px;line-height:1.3;color:#666}
.similar-stories .list .data-wrap .list-info{font-size:12px} 
/* swiper */
.similar-stories .swiper-container{overflow:initial}
.similar-stories .swiper-container-horizontal>.swiper-pagination-bullets, 
.similar-stories .swiper-pagination-custom, 
.similar-stories .swiper-pagination-fraction{left:inherit;top:-22px;right:0;width:63px}
.similar-stories .swiper-button-next, 
.similar-stories .swiper-button-prev{top:-17px;width:8px;height:12px;margin-top:0;background-size:8px}
.similar-stories .swiper-button-next, 
.similar-stories .swiper-container-rtl .swiper-button-prev{right:0}
.similar-stories .swiper-button-prev, 
.similar-stories .swiper-container-rtl .swiper-button-next{left:inherit;right:54px}
.similar-stories .swiper-pagination-current{font-weight:bold;color:#0087cc}

/* 팝업 공통 */
.popup {width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 150; top: 0; left: 0;}
.popup .pop-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.popup .btn-wrap {padding-top: 20px;}
.popup .pop-wrap input[type="password"] {
box-sizing: border-box;
width: 100%;
padding: 0 20px 0 40px; 
border: 1px solid #ddd;
border-radius: 2px;
line-height: 40px;
background: #fff url(/images/icon/icon-scr.png) no-repeat 20px center;
}
/* 공유하기 팝업 */
.pop-sharing {display: none; z-index: 999;}
.pop-sharing .pop-wrap {width: 404px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;} 
.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;}
.pop-sharing p {font-size: 18px; color: #fff; font-weight: 300; letter-spacing: -.025em; text-align: center; padding-top: 44px;}
.pop-sharing .btn-close-pop {position: absolute; right: 16px; top: 20px; width: 20px; height: 20px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
.pop-sharing .sns-list {text-align: center; padding-top: 16px;}
.pop-sharing .sns-list li {font-size: 0; display: inline-block;margin:2.5%;}
.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;box-sizing: content-box;}
.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
.pop-sharing .sns-list .tw-icon img {background:#000000;}
.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 17px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;background:#fff;}
.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}
.pop-sharing .link-copy .btn:focus,
.pop-sharing .link-copy .btn:hover {color: #fff;}
.pop-sharing .pop-wrap .Qr {padding:35px;}
.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;}
.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {display:inline-block;width:100% !important;height:100% !important;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#333;border-radius:0px 0px 10px 10px;padding:13px 0px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}

/* 상세페이지 */
.contents-body .inner{padding-top:60px;max-width:1040px;margin:0 auto;display:flex;}
.con-left{overflow:hidden;line-height:1.7;font-size:16px;float:left;width:700px;margin-right:64px;padding-bottom:60px;}
.con-left .mygallery {margin-bottom:50px;padding-bottom:60px;border-bottom: 1px solid #ddd;}
.con-left .section {border-top:0 !important;margin-top:0 !important;padding-top:0 !important;}
.con-left .con-top{overflow:hidden;padding-bottom:30px;font-weight:500;color:#444}
.con-left .con-top .field-left{float:left;padding-top:10px}
.con-left .con-top .field-left li{float:left;font-size:16px}
.con-left .con-top .field-left li span{display:inline-block;padding-right:5px;font-weight:bold;color:#0087cc}
.con-left .con-top .field-right{float:right}
.con-left .summary{clear:both;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ddd;color:#777}
.con-left p{font-family:'NotoSansKRLight'; color:#444}
.con-left .yethangul p {font-family:'YetHangul';}
/*.con-left .mygallery h2{'noto sansM';color:#222}*/
.con-left p strong{font:16px 'noto sansM';color:#222}
.con-left .Sec {display:inline-block;height:auto;}
.con-left .Sec h3 {float:left;width:120px;font-size:16px;font-weight: bold;color:#000;}
.con-left .Sec .cl-inner {float:left;width:580px;}
.con-left .Sec .cl-inner .Text {display:inline-block;width:100%;}
.con-left .reference {margin-bottom:30px;}
.con-left .reference .btn-rectangle{float:left;width:70px;height:25px;line-height:23px;border:1px solid #7fa751;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#fff;color:#7fa751;text-align:center;font-size:12px;}
.con-left .reference .reference-name{float:left;width:calc(100% - 70px);padding-left:10px;font-size:14px;color:#555;}
.con-left .reference .reference-name a {display: inline-block;width: 45px;height: 20px;margin-left: 8px;padding: 1px 0;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-color: #363434;font: 11px 'noto sansM';color: #fff;text-align: center;}
.con-left .writer .cl-inner .Text span {font-size:14px;}

table{border:none; border-collapse:collapse; padding:0; border-spacing:0; border-color: gray}   
.detail-table-10 table {width:100%;max-width: 700px;border-top: 2px solid #999999;border-bottom: 2px solid #999999;}
.detail-table-10 table tr {border-bottom: 1px solid #E5E5E5;height:56px;}
.detail-table-10 table tr th,
.detail-table-10 table tr td {text-align: left;padding:2% 3%;}
.detail-table-10 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;}
.detail-table-10 table tr td {font-weight: 300;font-size: 16px;}
.detail-table-10 table tr td p {margin-bottom:5px;}
.detail-table-11 table {width:100%;max-width: 700px;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
.detail-table-11 table tr {border-bottom: 1px solid #E5E5E5;height:42px;}
.detail-table-11 table tr th,
.detail-table-11 table tr td {text-align: left;padding:1% 3%;}
.detail-table-11 table tr th {background: #F5F5F5;font-weight: 500;font-size: 16px;text-align: center;}
.detail-table-11 table tr td {font-weight: 300;font-size: 16px;}
.tit-date {font-weight: 500;font-size: 20px;}
.tit-date img {vertical-align: middle;}
.index-word {width:100%;height:auto;max-width: 700px;background: #F5F5F5;border: 1px solid #E5E5E5;border-radius: 5px;display: flex;align-items: center;padding:2% 3%;margin-top:10px;}
.index-word p {font-weight: 300;font-size: 16px;display: flex;align-items: center;width:100%;}
.index-word p span.b1 {background: #0087CC;border: 1px solid #0087CC;border-radius: 5px;padding: 8px 16px;color:#fff;margin-right:15px;width:20%;min-width:120px;text-align: center;}
.index-word p span.b2 {line-height:22px;width:80%;}

.con-right {float:left;width:276px;}
.con-right h3 {font-size:20px;color:#000;padding-bottom: 20px;font-weight:bold;}
.con-right .Sec {border-bottom:1px solid #eee;padding-bottom: 30px;margin-bottom:30px;display:inline-block;width:100%;height:auto;}
.con-right .Sec:last-child {border-bottom:0;}
.con-right .Sec .cr-inner ul li {padding-bottom:5px;}
.con-right .keywords h3 span {color:#2781c1;}
.con-right .tags h3 span {color:#f0a233;}
.con-right .list-tag {min-height:26px;overflow: hidden;height:auto;}
.con-right .list-tag li{margin-bottom:6px;background:#fff;padding:1px 15px;text-align: center;height:26px;line-height:30px;}
.con-right .list-tag li a {font-size:14px;color:#444;display:block;}
.con-right .elementary .cr-inner ul li span {color:#2781c1;; display: flex; padding-top: 8px;}
.con-right .elementary .cr-inner ul li span strong {font-size:10px;padding:2px 5px;font-weight: 100;}
.con-right .related-info .map {position: relative;}
.con-right .related-info .map img {width:100%;height:192px;}
.con-right .related-info .map .map-zoom {background: url(/images/icon/icon-map-zoom.png) center no-repeat rgba(255,255,255,.95);text-indent: -99999px;background-size:100%;position: absolute;left:5px;top:50%;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);width: 35px;height: 35px;border: 1px solid rgba(0,0,0,.05);}
.con-right .related-info .location-info span.location img {width:26px;height:32px;}
.con-right .related-info .location-info span.info-address {line-height:20px;}
.con-right .related-info .around-list .council ul li {display:inline-block;width:100%;padding-bottom:12px;}
.con-right .related-info .around-list .council ul li .council-icon {float:left;width:13%;}
.con-right .related-info .around-list .council ul li .council-text {float:left;width:87%;}
.con-right .related-info .around-list .council ul li .council-icon img {padding:5px 0px;}
.con-right .related-info .around-list .council ul li .council-text p:nth-of-type(1) {font-size:16px;color:#444;}
.con-right .related-info .around-list .council ul li .council-text p:nth-of-type(2) {font-size:12px;color:#666;}
.con-right .related-info .around-list .council ul li .council-text a {width:26px;height:16px;line-height:13px;font-weight: 100;font-size:10px;position: relative;top:-3px;left:5px;}
.con-right .multimedia ul > li:nth-child(6) ~ li {display: none;}
.con-right .multimedia .source-origin {position: absolute;bottom: 5px;left: 10px;right:10px;font-size: 11px;color: #fff;text-shadow: rgb(0 0 0 / 50%) 1px 1px 2px;}
.con-right .multimedia .overlay a span {text-align:center;}
.con-right .multimedia .overlay .point {margin-top:-15px;font-size: 12px;}
.con-right .multimedia .overlay .text {font-size:14px;top:60px;}
.con-right .multimedia .overlay .overlay-origin {font-size:10px;color:#c2c2c2;margin-top:0;text-align: center;letter-spacing: -0.5px;}
.con-right .multimedia .btn-wrap {margin-top:20px;display:inline-block;width:100%;text-align: center;}

.con-right .keywords .list-tag li:hover{background-color:#0087cc}
.con-right .list-tag li:hover a{color:#fff}
.con-right .tags .list-tag li:hover{background-color:#fa9f35}
.con-right .btn-link-go{display:inline-block;width:45px;height:20px;margin-left:5px;padding:1px 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#363434;font:11px 'noto sansM';color:#fff;text-align:center}

.con-right .multimedia .overlay .text.Box {width:100%;max-height:150px;height:36px;overflow: hidden;letter-spacing: -0.5px;text-align: left;}

figcaption{font-size:13px;color:#555;text-align:center}
.mygallery .images a{display:inline-block;width:100%;border:1px solid #ddd}
.mygallery .images img{width:100%;height:100%;vertical-align:top;}
/* 100% 이미지 */
.mygallery .one-image{margin:40px 0}
.mygallery .one-image a{width:100%;}
/* 이미지 1개 */
.mygallery .mygallery1.center{width:50%;margin:40px auto;}
.mygallery .mygallery1.img-left{float:left;width:50%;margin:40px;margin-left:0}
.mygallery .mygallery1.img-right{float:right;width:50%;margin:40px;margin-right:0}
/* 이미지 2개 */
.mygallery .mygallery2 figure{float:left;margin:40px 0}
.mygallery .mygallery2 figure:first-child{margin-right:4px}
.mygallery .mygallery2 a{width:100%;height:233px;}
.mygallery .mygallery2.vertical a{height:465px;}
.mygallery .mygallery2.img-small-left a,
.mygallery .mygallery2.img-small-right a{width:100%;height:310px}
.mygallery .mygallery2 figure{width:calc(50% - 2px)}
.mygallery .mygallery2.img-small-left figure:first-child,
.mygallery .mygallery2.img-small-right figure:last-child{width:calc(30% - 2px)}
.mygallery .mygallery2.img-small-left figure:last-child,
.mygallery .mygallery2.img-small-right figure:first-child{width:calc(70% - 2px)}
/* 이미지 3개 */
.mygallery .mygallery3 figure{float:left;width:calc(33.238% - 2px);margin:40px 0}
.mygallery .mygallery3 figure a{width:100%;height:153px}
.mygallery .mygallery3.vertical figure a{width:100%;height:306px}
.mygallery .mygallery3 figure:first-child{margin-right:4px}
.mygallery .mygallery3 figure:last-child{margin-left:4px}

.con-left blockquote{margin:40px 0;font-size:18px;font-style:italic;font-weight:600;color:#555;text-align:center}
.con-left blockquote:before,
.con-left blockquote:after{content:"";display:block;width:28px;height:20px}
.con-left blockquote:before{margin:0 auto 20px;background:url(/images/icon/icon-quote-top.png) no-repeat}
.con-left blockquote:after{margin:20px auto 0;background:url(/images/icon/icon-quote-bottom.png) no-repeat}

.tit-table{margin-bottom:10px;font-size:14px;text-align:center}
.table-detail{width:100%;margin:0 auto;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:13px}
.table-detail th,
.table-detail td{padding:10px 5px;text-align:center}
.table-detail th{background:#efefef;border-bottom:1px solid #ddd;border-left:1px solid #ddd}
.table-detail td{border-bottom:1px solid #ddd;border-left:1px solid #ddd}

/* 본문 내 table */
.mygallery .detail-table01 {padding-bottom: 20px; width: 100%; overflow: auto;}
.mygallery .detail-table01 table {table-layout: fixed; font-size: 0.9rem;}
/*.mygallery .detail-table01 caption {display: table-caption; padding-bottom: 10px;}*/
.mygallery .detail-table01 caption {text-indent:0;width:100%;height:30px;line-height:30px;font-size:13px;color:#555;text-align:center; margin-top:10px;}
.mygallery .detail-table01 tr {border: 1px solid #ddd;}
.mygallery .detail-table01 th,
.mygallery .detail-table01 td {border: 1px solid #ddd; text-align: center; padding: 5px 10px;}
.mygallery .detail-table01 th {background: #efefef; font-weight: 500;}

.mygallery .detail-table02 {padding-bottom: 20px; width: 100%; overflow: auto;}
.mygallery .detail-table02 table {table-layout: fixed; font-size: 0.9rem;}
/*.mygallery .detail-table02 caption {display: table-caption; padding-bottom: 10px;}*/
.mygallery .detail-table02 caption {text-indent:0;width:100%;height:30px;line-height:30px;font-size:13px;color:#555;text-align:center; margin-top:10px;}
.mygallery .detail-table02 tr {border: 1px solid #ddd;}
.mygallery .detail-table02 th,
.mygallery .detail-table02 td {border: 1px solid #ddd; text-align: center; padding: 5px 10px;}
.mygallery .detail-table02 th {background: #efefef; font-weight: 500;}

.mygallery .detail-table03 {padding-bottom: 20px; width: 100%; overflow: auto;}
.mygallery .detail-table03 table {table-layout: fixed; font-size: 0.9rem;}
/*.mygallery .detail-table03 caption {display: table-caption; padding-bottom: 10px;}*/
.mygallery .detail-table03 caption {text-indent:0;width:100%;height:30px;line-height:30px;font-size:13px;color:#555;text-align:center; margin-top:10px;}
.mygallery .detail-table03 tr {border: 1px solid #ddd;}
.mygallery .detail-table03 th,
.mygallery .detail-table03 td {border: 1px solid #ddd; text-align: center; padding: 5px 10px;}
.mygallery .detail-table03 th {background: #efefef; font-weight: 500;}
.mygallery .detail-table03 tbody th {background: #eee;}
/* 본문 내 table */

/* 본문 내 레시피 노트 목록 */
.mygallery .note-list01 {float: left; position: relative; padding: 34px 70px 44px; margin-bottom: 39px; color: #000; font-weight: 300; background: url(/cms/imgs/common/bg/bg-note-list-gray.png); background-size: 100% 100%;}
.mygallery .note-list01:after {content: ""; display: block; width: 93px; height: 69px; position: absolute; right: 0; top: 0; background: url(/cms/imgs/common/bg/bg-note-edge-gray.png);}
.mygallery .note-list01:before {content: ""; display: block; position: absolute; left: 0; top: 30px;  width: 42px; height: calc(100% - 60px); background: url(/cms/imgs/common/bg/bg-note-hole.png) repeat-y right top;}
.mygallery .note-list01 b {margin-bottom: 3px; display: inline-block;}
.mygallery .note-list01 p {margin-bottom: 28px;}
.mygallery .note-list01 li {margin-bottom: 14px; text-indent: -1.3rem; padding-left: 1rem;}
.mygallery .note-list02 {float: left; position: relative; padding: 34px 70px 44px; margin-bottom: 39px; color: #000; font-weight: 300; background: url(/cms/imgs/common/bg/bg-note-list-blue.png); background-size: 100% 100%;}
.mygallery .note-list02:after {content: ""; display: block; width: 93px; height: 69px; position: absolute; right: 0; top: 0; background: url(/cms/imgs/common/bg/bg-note-edge-blue.png);}
.mygallery .note-list02:before {content: ""; display: block; position: absolute; left: 0; top: 30px;  width: 42px; height: calc(100% - 60px); background: url(/cms/imgs/common/bg/bg-note-hole.png) repeat-y right top;}
.mygallery .note-list02 b {margin-bottom: 3px; display: inline-block;}
.mygallery .note-list02 p {margin-bottom: 28px;}
.mygallery .note-list02 li {margin-bottom: 14px; text-indent: -1.3rem; padding-left: 1rem;}
.mygallery .note-list03 {float: left; position: relative; padding: 34px 70px 44px; margin-bottom: 39px; color: #000; font-weight: 300; background: url(/cms/imgs/common/bg/bg-note-list-yellow.png); background-size: 100% 100%;}
.mygallery .note-list03:after {content: ""; display: block; width: 93px; height: 69px; position: absolute; right: 0; top: 0; background: url(/cms/imgs/common/bg/bg-note-edge-yellow.png);}
.mygallery .note-list03:before {content: ""; display: block; position: absolute; left: 0; top: 30px;  width: 42px; height: calc(100% - 60px); background: url(/cms/imgs/common/bg/bg-note-hole.png) repeat-y right top;}
.mygallery .note-list03 b {margin-bottom: 3px; display: inline-block;}
.mygallery .note-list03 p {margin-bottom: 28px;}
.mygallery .note-list03 li {margin-bottom: 14px; text-indent: -1.3rem; padding-left: 1rem;}
/* 본문 내 레시피 노트 목록 */

.related-info{position:relative;width:100%;height:auto;}
.related-info .map img{width:100%;height:470px}
.related-info .around-list{}
.related-info .location-info{display:table;width:100%;margin-bottom:20px;margin-top:12px}
.related-info .location-info span{display:table-cell;height:46px;vertical-align:middle}
.related-info .location-info span.location{width:37px;padding-right:10px}
.related-info .location-info span.info-address{max-height:48px;font-size:16px;color:#444;letter-spacing: 0.5px;}
.related-info .around-box-wrap{position:relative;z-index:10;width:315px;margin-right:60px}
.related-info .around-box{position:relative;width:303px;height:43px;margin-bottom:13px;border:1px solid #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;font-size:16px;color:#fff}
.related-info .around-box button{position:relative;width:100%;height:40px;padding-left:20px;color:#000;text-align:left}
.related-info .around-box>button{z-index:2;background-repeat:no-repeat;background-position:center right 20px;background-color:transparent;}
.related-info .around-box>button:before{content:"";display:block;position:absolute;top:0;right:20px;z-index:2;width:14px;height:100%;background:url(/images/btn/btn-around.png) no-repeat center}
.related-info .around-box ul{overflow:auto;display:none;position:absolute;top:100%;z-index:20;width:100%;height:215px;margin-left:-1px;border:1px solid #ccc;background-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.related-info .around-box ul li{line-height:32px;color:#000}
.related-info .around-box ul li button{width:100%;height:32px}
.related-info .around-box button{position:relative;width:100%;height:40px;padding-left:20px;text-align:left;color:#000}    
.around-info{overflow:auto;height:200px}
.around-info ul li{overflow:hidden;margin-top:10px}
.around-info .around-icon{float:left;width:25px;padding-top:7px}
.around-info .around-icon img{width:100%;height:auto}
.around-info dl{float:left;padding-left:10px}
.around-info dl dt{font:16px 'noto sansM'}
.around-info dl dd{font-size:12px}

/* 멀티미디어 자료*/
.multimedia{overflow:hidden;}
.multimedia .inner-wrap{max-width:1100px;padding-top:45px}
.multimedia ul{margin-top:0px}
.multimedia li{overflow:hidden;position:relative;float:left;width:calc(49% - 0px);height:85px;margin:0 2% 2% 0;}
.multimedia li:nth-child(2n+2){margin-left:0;margin-right:0;}
.multimedia .thumb{border:1px solid #ddd;width:100%;height:100%}
.multimedia .thumb a{overflow:hidden;display:block;position:relative;width:100%;height:100%;background:#f8f8f8;text-align:center}

.overlay{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;padding:20px 10px;background:rgba(0,0,0,.85);color:#fff;opacity:0;transition:.3s ease;z-index:99}
.overlay a{display:block;width:100%;height:100%;}
.overlay .point{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-top:-10px;font-size:15px;color:#0087cc;text-align:center;padding-bottom:5px;}
/*
.overlay a span{overflow:hidden;position:absolute;top:50%;left:50%;width:calc(100% - 28px);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;}
*/
/*.overlay .text{max-height:40px;line-height:1.3;background:transparent;font-size:16px;}*/
.overlay .text{max-height:80px;line-height:1.3;background:transparent;font-size:16px;}
.overlay .overlay-origin{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-top:40px;max-height:20px;}
.overlay a:after{display:none}
.multimedia li:hover .overlay{opacity:1}

/* 연관 이야기자료*/
.detail .article-main{float:none;width:100%;background-color:#f5f5f5;padding-bottom:45px}
.detail .article-main .inner-wrap{max-width:1040px;padding-top:42px}
.detail .article-main .list-box .card > li:nth-child(3) ~ li{display:none}

/* estimation */
.view-estimation .inner-wrap{max-width:1040px;margin-top:50px;}
.view-estimation:after{content:"";display:block;clear:both}
.estimation{position:relative;z-index:1;width:100%;padding:30px;border:1px solid #ddd;background-color:#f9f9f9;border-radius:2px}
.estimation p{margin-bottom:17px;font-size:16px;color:#333;font-weight:600}
.estimation input, .estimation button{height:42px;box-sizing:border-box}
.estimation input{width:100%;border:1px solid #ccc;padding:10px;font-size:12px}
.star-score{overflow:hidden;float:left;position:relative;width:100%;margin-bottom:14px}
.star-score #select-score{width:180px;height:42px;border:1px solid #ccc;background:#fff url(/images/kccf/btn/btn-select.png)no-repeat center right;border-radius:1px;padding-left:10px;text-align:left}
.star-score .score-list li{float:left;position:relative;margin-left:30px}
.star-score .score-list li:first-child{margin-left:0}
.star-score li:before{content:"";display:block;position:absolute;top:2px;left:24px;width:100px;height:16px;background:url(/images/icon/icon-score.png) no-repeat 0 0}
.star-score li.score-4:before{background-position:0 -50px}
.star-score .score-3:before{background-position:0 -100px}
.star-score .score-2:before{background-position:0 -150px}
.star-score .score-1:before{background-position:0 -200px}
.estimation .btn-submit{float:right;width:115px;background-color:#247fc0;font-weight:400;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;color:#fff;font-size:14px;text-align:center}
/* 라디오박스 */
.radio-check{position:relative}
.radio-check input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio-check input[type="radio"] + label{display:inline-block;position:relative;padding-left:130px;cursor:pointer;-webkit-user-select:none; -moz-user-select:none;-ms-user-select:none;font:14px 'noto sansM'}
.radio-check input[type="radio"] + label:before{content:"";position:absolute;left:0;top:4px;width:15px;height:15px;background:url(/images/btn/btn-checkbox.png) no-repeat 0 -50px}
.radio-check input[type="radio"]:checked + label:before{width:15px;height:15px;background:url(/images/btn/btn-checkbox.png) no-repeat 0 0}

.feedback{overflow:hidden;width:100%;height:42px}
.feedback span{display:block;float:left;width:128px;padding:11px 0;background-color:#999;font-weight:bold;color:#fff;text-align:center}
.feedback label{float:left;width:calc(100% - 253px);background-color:#fff}
.edit-info{overflow:hidden;padding:19px 30px;border:1px solid #ddd;border-top:0}
.edit-info dl{float:left;margin-right:22px}
.edit-info dt{float:left;font-weight:600;color:#333}
.edit-info dd{float:left;padding-left:4px;color:#777}
.back-to-list{display:block;width:173px;height:47px;line-height:47px;margin:20px 0 100px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#989898;color:#fff;text-align:center}
.back-to-list:hover{color:#fff}

/* 멀티미디어 목록 */
.media-list .contents{max-width:100%;padding:0}
.media-list .header-visual{background:url(/images/bg/bg-story-media.jpg) no-repeat center;background-size:cover}
.tabArea{position:relative}
.media-list .tabArea:before{content:"";display:block;position:absolute;top:69px;left:0;width:100%;height:1px;background-color:#e6e6e6}
.media-list .tabs{float:left;height:70px;line-height:70px;} 
.media-list .tabs li{float:left}
.media-list .tabs li a{position:relative;padding:23px 30px;font-size:16px}
.media-list .tabs li a:before{top:28px;left:1px;width:1px;height:15px;background-color:#ccc}
.media-list .tabs li.active a,
.media-list .tabs li a:hover{font-weight:bold;color:#0087cc}
.media-list .tabs li.active a:after,
.media-list .tabs li a:hover::after{bottom:-7px;left:50%;width:14px;height:8px;margin-left:-6px;background:url(/images/icon/icon-media-list.png) no-repeat 0 0}
.media-list .tabs li:first-child a:before{display:none}
.media-list .tabs-select{display:none}
.media-list .list-input{float:right;width:350px;margin-top:15px}
.media-list .list-input input{width:calc(100% - 84px);padding:0 10px}
.media-list .list-input button{width:84px;background:#0087cc url(/images/btn/btn-search.png) no-repeat 20px center;background-size:14px 14px;text-indent:18px;color:#fff}
.media-list .tabContent{display:none;clear:both;padding:60px 0 175px;background-color:#fafafa}
.media-list .tabContent.active{display:block}

/* flex-images */
.flex-images .item{overflow:hidden;float:left;position:relative;max-width:340px;max-height:165px;margin:5px;border:1px solid #eee}
/* .flex-images .item img{display:block;width:100%;height:100%} */
.flex-images .item:hover .overlay{opacity:1} 
.flex-images .item .overlay{padding:40px 14px;font-family:'noto sansM';text-align: center;}
.flex-images .item .overlay .overlay-origin{overflow:hidden;max-height:20px;margin-top:4px;color:#c2c2c2;text-align:center;display:block;}
.media-list .btn-wrap{clear:both;padding-top:35px}

/* 지방문화원자료 */
.resources .header-visual{background:url(/images/bg/bg-resources.jpg) no-repeat center;background-size:cover}
.resources .filter-wrap{float:none;margin-bottom:30px}
.resources .filter-wrap .btn-rectangle{float:right}
.resources .production-year .filter-head{background-color:#f3f3f3}
.resources .production-year ul{padding:30px}
.resources .production-year li{margin:10px 0}

/* checkbox */
.resources .check-box{margin-left:28px}
.resources .check-box input[type="checkbox"]{display:none}
.resources .check-box input[type="checkbox"] + label:before{display:inline-block;width:15px;height:15px;margin:-2px 8px 0 0;background:#fff;border:1px solid #ddd;text-align:center;vertical-align:middle;content:""}
.resources .check-box input[type="checkbox"]:checked + label:before{border-color:#0087cc;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;background:#fff url(/images/icon/icon-chked.png) no-repeat center}

/* radio button */
.resources .radio-check input[type="radio"] + label{display:initial;line-height:37px;padding-left:28px}
.resources .radio-check input[type="radio"] + label:before{top:2px;width:19px;height:19px;margin-right:10px;background-color:#fff}

.resources .radio-check label:before{display:inline-block;border:2px solid #dfe3e9;border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.resources .radio-check input[type="radio"] {display:none}
.resources .radio-check input[type="radio"]:checked + label:before{background:#fff url(/images/icon/icon-radio-chked.png) no-repeat center}
.resources .radio-check input{width:53px;height:38px;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;background-color:#fff;padding:0 10px;color:#454545}

.resources .list-box .list:first-child{margin-top:-10px}
.resources .list-box .list:last-child{border-bottom:0}
.resources .list-box .list > li{float:left;width:calc(25.963% - 40px);height:503px;margin-left:40px;padding:40px 0;border-bottom:0}
.resources .list-box .list > li:nth-child(4n+1){margin-left:0}
.resources .list-box .list > li .thumb{float:none;position:relative;width:100%;height:286px;padding:0;border:1px solid #e6e6e6;border-radius:4px;-webkit-border-radius:4px}
.resources .list-box .list .thumb:after{content:"";display:block;position:absolute;z-index:-1;background:url(/images/img/img-no-image.gif) no-repeat center bottom;background-size:cover;width:100%;height:100%;top:0;left:0}
.resources .list-box .list > li .overlay{padding:20px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;z-index:99}
.resources .list-box .list .list-desc{overflow:hidden;height:auto;max-height:75px;line-height:1.3;margin:0 0 15px;padding-top:0;border-top:0;font-size:12px;color:#fff}
.resources .list-box .list > li .overlay .list-info{overflow:hidden;padding-top:10px;height:auto;max-height:155px;border-top:1px solid #ebebeb;font-size:12px}
.resources .list-box .list > li .overlay .list-info,
.resources .list-box .list > li .overlay .list-info li em{padding-left:32px;color:#fff;text-indent:-63px;opacity:1}
.resources .list-box .list > li .overlay .list-info li:before{display:none}
.resources .list-box .list > li:hover .overlay{opacity:1}

.resources .list-box .data-wrap{display:block;padding:20px 0 0;text-align:center}
.resources .list-box .data-wrap .data-tit{overflow:hidden;height:40px;line-height:1.3;margin-bottom:5px;font-size:16px;font-weight:bold;color:#000;  letter-spacing:-0.5px}
.resources .list-box .data-wrap .list-info{height:15px;margin:0;font:12px 'noto sansM';color:#777;line-height:1.3;text-align:center}
.resources .list-box .data-wrap ul li{display:inline-block}
.resources .list-box .data-wrap ul li:before{content:"";display:inline-block;width:1px;height:10px;margin:-1px 10px;background-color:#ddd}
.resources .list-box .data-wrap ul li:first-child::before{display:none}
.list-box .data-wrap .btn-view-original,
.list-box .data-wrap .btn-rectangle{display:inline-block;width:115px;height:30px;padding:3px;border:1px solid #ddd;background-color:#fff;font:14px 'noto sansM';color:#222;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-align:center}
.list-box .data-wrap .btn-wrap{margin-top:12px}
.list-box .data-wrap .btn-view-original:hover{border:1px solid #1d70aa;background-color:#0087cc;color:#fff}
.list-box .data-wrap .btn-rectangle{width:70px;margin-top:0;padding:3px 0;background-color:#f4f4f4;color:#222}
.list-box .data-wrap .btn-rectangle:hover{border:1px solid #555;background-color:#666;color:#fff}

/* 원문보기 */
.logo-original{position:fixed;left:0;top:0;z-index:99;height:40px}
.viewer-contents .btn-m-menu,
.viewer-contents .btn-pop-close{display:none}
/* bullet */
.sp-bullet a:before{background:url(/images/icon/icon-sp-original.png) no-repeat 0 0}
.icon-file a:before{top:16px;left:30px;width:13px;height:14px}
.viewer-list{position:fixed;top:0;z-index:1;width:340px;height:100%;margin-left:-340px;padding-top:40px;border-right:1px solid #e6e6e6;background-color:#fff}
.viewer-list .btn-toggle{display:block;position:fixed;top:50%;text-indent:-99999px;left:0;width:15px;height:60px;margin-top:-30px;background-color:#fff;border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0}
.viewer-list.open .btn-toggle{left:0}
.viewer-list .btn-toggle:before{top:30px;left:8px}
.viewer-list .btn-toggle:after{top:26px;left:8px}
.viewer-list.open .btn-toggle:before{top:26px;left:6px}
.viewer-list.open .btn-toggle:after{top:30px;left:6px}
.viewer-list li a{display:block;position:relative;padding:13px 55px;border-bottom:1px solid #e6e6e6;font:15px 'noto sansM'}
.viewer-list .icon-file a:before{top:16px;left:30px;width:13px;height:14px}
.viewer-list .icon-folder > a:after{top:0;right:12px;width:50px;height:48px;background:url(/images/icon/icon-accordion.png) no-repeat center;transform:rotate(180deg);top:50%;margin-top:-24px}
.viewer-list .icon-folder > a.active::after{transform:rotate(0)}
.viewer-list .icon-folder > a:before{top:16px;left:30px;width:14px;height:12px;background-position:0 -50px}
.viewer-list .depth2{padding:20px 0;background-color:#f3f3f3}
.viewer-list .depth2 > li a{padding:10px 65px;border-bottom:0;font:14px 'noto sansR'}
.viewer-list .depth2 > li a:hover span{border-bottom:1px solid #38a0eb;font:14px 'noto sansM';color:#38a0eb}
.viewer-list .depth2 .icon-file a:before{left:40px}
.viewer-list .depth2 .icon-file a:hover::before{background-position:0 -100px}
.viewer-list .bullet-triangle:before{display:none}
.viewer-list .depth2 .bullet-triangle a:before{content:"";top:18px;left:45px;display:inline-block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #c0c0c0}
.viewer-list .depth2 .bullet-triangle a:hover::before{border-left:4px solid #38a0eb}
.viewer-frame{width:auto;height:100%}

/* 빅데이터 */
.bigdata #header{border-bottom:1px solid #dedede}
.bigdata #header .logo-portal{background:url(/images/logo-bk.svg) no-repeat left center;background-size:43px 35px}
.bigdata #header .logo-portal:after{background-color:#ccc}
.bigdata #header .logo-themes{color:#666}
.bigdata .nav-wrap .gnb ul li a{color:#515151}
.bigdata .header-right .search{background-image:url(/images/btn/btn-search-fixed.png)}
.bigdata .header-right .menu{background-image:url(/images/btn/btn-menu-mobile.png)}
.bigdata .contents{max-width:100%;width:100%;height:100vh;padding:80px 0 0}
/* 빅데이터 left-cont */
.bigdata .left-cont{float:left;width:20%;height:100%;border-right:1px solid #d4d4d4}
.bigdata .left-cont article{overflow:hidden;padding:20px;border-top:1px solid #d4d4d4}
.bigdata .left-cont article.local-tales{border-top:0}
.bigdata .left-cont .tit01{padding:0 20px 20px 0}
.bigdata .btn-object,
.bigdata .local-tales .pop-tit,
.bigdata .local-tales .btn-pop-close{display:none}
.bigdata .local-tales li{position:relative;width:100%;height:40px;padding:9px 0 0 45px;margin-bottom:5px;border:1px solid #ebebeb;background-color:#fafafa;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.bigdata .check-box input[type="checkbox"] + label{display:block;width:100%;height:100%}
.bigdata .check-box input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;left:15px;top:10px;width:18px;height:18px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#c1c4cb url(/images/icon/icon-sp-bigdata.png) no-repeat 50% 4px}
.bigdata .check-box .list01 input[type="checkbox"]:checked + label:before{background-color:#96d16a}
.bigdata .check-box .list02 input[type="checkbox"]:checked + label:before{background-color:#89cfe0}
.bigdata .check-box .list03 input[type="checkbox"]:checked + label:before{background-color:#eb3a41}
.bigdata .check-box .list04 input[type="checkbox"]:checked + label:before{background-color:#6645c5}
.bigdata .check-box .list05 input[type="checkbox"]:checked + label:before{background-color:#ffbd0a}
.bigdata .check-box input[type="checkbox"] + label:after{content:"";display:inline-block;position:absolute;top:0;right:0;width:40px;height:38px;background:#c1c4cb url(/images/icon/icon-sp-check.png) no-repeat 50% -37px}
.bigdata .check-box input[type="checkbox"]:checked + label:after{border-color:#0087cc;border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-moz-border-radius:3px;background-position:50% 13px}
.bigdata .check-box .list01 input[type="checkbox"]:checked + label:after{background-color:#96d16a}
.bigdata .check-box .list02 input[type="checkbox"]:checked + label:after{background-color:#89cfe0}
.bigdata .check-box .list03 input[type="checkbox"]:checked + label:after{background-color:#eb3a41}
.bigdata .check-box .list04 input[type="checkbox"]:checked + label:after{background-color:#6645c5}
.bigdata .check-box .list05 input[type="checkbox"]:checked + label:after{background-color:#ffbd0a}
.bigdata .left-cont .network .tit03{padding-bottom:20px}
.bigdata .list-select{min-width:70px;height:30px;line-height:28px;border:1px solid #aaa}
.bigdata .list-select select{height:28px;background:url(/images/btn/btn-select-blue.png) no-repeat center right}
.bigdata .word-cloud .tit03,
.bigdata .word-cloud .btn-toggle-cloud{display:none}
.bigdata .word-cloud .tabArea.active{display:block}
.bigdata .word-cloud .tabs{width:100%;height:33px;padding-top:1px;border-bottom:1px solid #acacac}
.bigdata .word-cloud .tabs li{float:left;width:calc(20% - 1.6px);margin-left:2px;padding:1px 0}
.bigdata .word-cloud .tabs li:first-child{margin-left:0}
.bigdata .word-cloud .tabs li a{position:relative;display:inline-block;width:100%;height:30px;padding:6px 5px;background-color:#e0e2e6;font-size:12px;color:#777;text-align:center}
.bigdata .word-cloud .tabs li.active a{height:32px;margin-top:-1px;border:1px solid #acacac;border-bottom:0;background-color:#fff;color:#333}
.bigdata .word-cloud .tabContent{clear:both;display:none;width:100%;padding:30px 0}
.bigdata .word-cloud .tabContent.active{display:block}
.bigdata .word-cloud .tabContent img{width:100%;height:100%}

/* 빅데이터 center-cont */
.bigdata .center-cont{float:left;position:relative;width:calc(100% - 800px);height:100vh;padding:30px;background:url(/images/bg/bg-bigdata.jpg) no-repeat 0 0;background-size:cover}
.bigdata .center-cont .img-network{position:absolute;top:50%;left:50%;width:100%;height:100%;background:url(/images/img/img-bigdata-network.png) no-repeat center center;background-size:85%;transform:translate(-50%,-50%)}
.bigdata .center-cont img{width:100%;height:100%}
.bigdata .center-cont button{position:absolute;top:30px;right:30px;width:38px;height:72px;background:url(/images/btn/btn-network.png) no-repeat 0 0;text-indent:-99999px}
/* 빅데이터 right-cont */
.bigdata .right-cont{overflow-y:auto;float:left;width:400px;height:100vh;padding:20px}
.bigdata .right-cont .cont-tit{padding-bottom:10px}
.bigdata .right-cont .btn-list-toggle{display:none}
.bigdata .right-cont .list li{overflow:hidden;position:relative;width:100%;padding:10px 0 13px;border-bottom:1px solid #e6e6e6}
.bigdata .right-cont .list .thumb{position:relative;float:right;margin-top:5px;width:45%;height:83px}
.bigdata .right-cont .list .data-wrap dt{margin-bottom:10px;font-size:12px;color:#999}
.bigdata .right-cont .list .data-wrap dt a{overflow:hidden;display:inline-block;width:auto;max-width:100%;max-height:24px;line-height:1.3;border-bottom:1px solid transparent;font:16px 'noto sansM';color:#222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.bigdata .right-cont .list .thumb ~ .data-wrap dt a{width:calc(100% - 46%);}
.bigdata .source-origin{font-size:11px;letter-spacing:-0.5px}
.bigdata .right-cont .list .data-wrap dt a:hover{border-bottom:1px solid #0087cc;color:#0087cc}
.bigdata .right-cont .list .data-wrap dt a:hover::after{border-bottom:1px solid #0087cc}
.bigdata .right-cont .list .data-wrap dd{overflow:hidden;max-height:20px;line-height:1.3;color:#666}
.bigdata .right-cont .list .data-wrap .more-view{font:11px 'noto sansM';color:#999} 

/* 빅데이터 상세 */
.bigdata-detail .header-visual{z-index:0;overflow:hidden;position:relative;width:100%;height:100vh;background:url(/images/bg/bg-bigdata-detail.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.header-visual .page-header{position:fixed;top:56%;left:50%;z-index:0;width:100%;max-width:1084px;padding:0 30px;transform:translate(-50%, -50%);text-align:center;opacity:0}
.header-visual .page-header h3{font:70px 'NotoSansifCJKEL';color:#e7b200;letter-spacing:-1px}
.header-visual .page-header h3 span{display:block;font:30px 'Noto SansR';color:#fff}
.header-visual .page-header p{font:15px 'noto sansM';color:rgba(255,255,255,.7)}
.header-visual.green .page-header h3{color:#b3c70d;}

.btn-scroll-action{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);opacity:0}
.btn-scroll-action .scroll{display:block;padding-bottom:8px;font:12px 'noto sansM';color:#fff}
.btn-scroll-action .mouse{display:block;width:24px;height:38px;margin:0 auto 16px;border-radius:12px;border:1px solid #fff;padding-top:7px;box-sizing:border-box}
.btn-scroll-action .mouse span{display:block;width:4px;height:4px;background:#fff;border-radius:2px;opacity:0;margin:0 auto 2px;animation:scrollfade 2s infinite}
.btn-scroll-action .mouse span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
.btn-scroll-action .arrow{position:relative}
.btn-scroll-action .arrow span{width:6px;height:6px;margin-left:-3px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:scrollfade 2s infinite;animation:scrollfade 2s infinite;box-sizing:border-box;opacity:0;position:absolute;top:0;left:50%}

.btn-scroll-action .arrow{position:relative;top:-10px;-webkit-animation:scrollmove 2s 1s infinite;animation:scrollmove 2s 1s infinite;opacity:0}.btn-scroll-action .arrow span{width:6px;height:6px;margin-left:-3px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;position:absolute;top:0;left:50%;display:none;}
.btn-scroll-action .mouse span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
.btn-scroll-action .mouse span:nth-of-type(2){-webkit-animation-delay:.3s;animation-delay:.3s}
.btn-scroll-action .mouse span:nth-of-type(3){-webkit-animation-delay:.6s;animation-delay:.6s}
.btn-scroll-action .arrow span:nth-of-type(2){top:7px}
@-webkit-keyframes scrollfade{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes scrollfade{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-webkit-keyframes scrollmove{0%{opacity:0;top:-10px}100%{opacity:1;top:0}}
@keyframes scrollmove{0%{opacity:0;top:-10px}100%{opacity:1;top:0}}

/* 우리지역놀이_개요 */
.bigdata-detail .tabs{overflow:hidden;width:340px;margin:70px auto 30px}
.bigdata-detail .tabs li{float:left;text-align:center}
.bigdata-detail .tabs li a{display:inline-block;width:160px;height:36px;margin:0 5px;padding:4px 10px;border:1px solid #999;border-radius:18px;font:18px 'noto sansM';color:#999;text-align:center}
.bigdata-detail .tabs li.active a{border:0;background-color:#e7b200;color:#fff}
.bigdata-detail .tabContent{display:none}
.bigdata-detail .tabContent.active{display:block}
.bigdata-detail section{overflow:hidden;clear:both;position:relative;z-index:1;padding:120px 0;font-size:16px;letter-spacing:-0.5px}
.bigdata-detail section .inner-wrap{max-width:1200px;margin:0 auto}
.bigdata-detail .sec-area{margin-bottom:70px;text-align:center}
.bigdata-detail .sec-area dt{margin-bottom:30px;font-weight:bold;font:40px 'NotoSansifCJKEL';color:#222;text-align:center;letter-spacing:-1px}
.bigdata-detail .sec-area dt span{display:block;font:28px 'noto sansR';color:#e7b200}
/*.bigdata-detail .sec-area dt strong{display:inline-block;position:relative;font-family:'Noto Serif KR';font-weight:700;font-size:40px;}*/
.bigdata-detail .sec-area dt strong{display:inline-block;position:relative;font-weight:700;font-size:40px;}
.bigdata-detail .sec-area dt strong:after{content:"";position:absolute;bottom:0;left:50%;width:100%;height:20px;background-color:#f0e0aa;transform:translateX(-50%);z-index:-1}
.bigdata-detail .sec-area.green dt span{color:#b3c70d}
.bigdata-detail .sec-area.green dt strong:after{background-color:rgba(179, 199, 13,0.3);}
.bigdata-detail .sec-area.blue dt strong:after {background-color:rgba(8, 192, 211,0.3);}
.bigdata-detail .sec-area.dark dt,
.bigdata-detail .sec-area.dark dd {color:#fff;}
.bigdata-detail .sec-area.lift {position:relative;z-index:1;}
.bigdata-detail .sec-area.only-line-title dt {margin:0;}
.bigdata-detail .thumb-area{width:100%;margin-top:35px}
.bigdata-detail .thumb{position:relative;float:left;width:calc(50% - 5px);height:280px;margin-left:10px}
.bigdata-detail .thumb-area .thumb:first-child{margin-left:0}
.bigdata-detail .thumb a{overflow:hidden;display:block;width:100%;height:100%;border:1px solid #ddd}
.bigdata-detail .thumb a:after{background:url(/images/bg/bg-dimd.png);position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}
.bigdata-detail .thumb.normal a:after{content:none}
.bigdata-detail .section5 .thumb.normal:after{content:none}
.bigdata-detail .deep a:after{background-image:url(/images/bg/bg-dimd-deep.png)}
.bigdata-detail .thumb a img{width:100%;height:100%}
.bigdata-detail .thumb:hover img{transform:scale(1.1);transition:.3s ease}
.bigdata-detail .img-right .thumb{float:right;margin-left:25px}
.bigdata-detail .img-left .thumb-area{float:left;width:50%;margin:0 25px 0 0}
.bigdata-detail .img-full .thumb-area .thumb{width:100%;height:358px}
.bigdata-detail .source-origin{bottom:8px;z-index:9;font-size:14px;color:#ccc;text-align:center}
.bigdata-detail .source-origin span{display:block;color:#fff;font-size:16px}
.bigdata-detail .section5 .thumb:after{content:"";background:url(/images/bg/bg-dimd.png);position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover}


/*버튼 공통*/
.bigdata-detail .btn-wrap{margin:40px auto 0}
.bigdata-detail .btn-wrap .btn-detail-link{
	display:inline-block;
	width:105px;
	padding:8px 10px;
	margin:0 4px;
	border:1px solid #e7b200;
	border-radius:25px;
	font:14px 'noto sansM';
	text-align:center;
	color:#e7b200;
}
.bigdata-detail .img-left .btn-wrap,
.bigdata-detail .img-right .btn-wrap{ text-align:left}
.bigdata-detail .btn-wrap .btn-detail-link:after{content:"";display:inline-block;width:5px;height:8px;margin:7px 0 0 10px;background:url(/images/icon/icon-detail-more.png) no-repeat 0 0}
.bigdata-detail .btn-wrap .btn-detail-link:hover{background-color:#e7b200;color:#fff;transition:.3s ease}
.bigdata-detail .btn-wrap .btn-detail-link:hover:after{ background-position-y:-8px}
.bigdata-detail .btn-wrap.white .btn-detail-link {background-color:#fff;}
.bigdata-detail .btn-wrap.white .btn-detail-link:hover{background-color:#e7b200;color:#fff;}
.bigdata-detail .btn-wrap.green .btn-detail-link {border:1px solid #b3c70d;color:#b3c70d;background-color:#fff;}
.bigdata-detail .btn-wrap.green .btn-detail-link:after {width:6px;height:10px;margin-top:6px;background-image:url('/images/icon/icon-detail-more-green.png');}
.bigdata-detail .btn-wrap.green .btn-detail-link:hover {background-color:#b3c70d;color:#fff;}
.bigdata-detail .btn-wrap.green .btn-detail-link:hover:after{ background-position-y:-10px}
.bigdata-detail .btn-wrap.full .btn-detail-link {width:100%;margin:0;}
.bigdata-detail .btn-wrap.between .btn-detail-link {position:relative;padding:8px 32px 8px 25px;;text-align:left;}
.bigdata-detail .btn-wrap.between .btn-detail-link::after {position:absolute;right:25px;top:50%;margin:-4px 0 0;}
.bigdata-detail .btn-wrap.size-type1 .btn-detail-link {width:340px;margin:0;}
.bigdata-detail .btn-wrap.size-type2 .btn-detail-link {width:200px;margin:0;}
.bigdata-detail .btn-wrap.column .btn-detail-link {display:block;margin:12px auto 0;}
.bigdata-detail .btn-wrap.column .btn-detail-link:first-child {margin-top:0;}

/* 확대 overlay */
.bigdata-detail .thumb .overlay{padding:23px 10px 21px;border:2px solid #e7b200;background-color:rgba(0,0,0,.4)}
.bigdata-detail .thumb .overlay:before{content:"";display:block;position:relative;top:50%;left:50%;width:77px;height:77px;background:url(/images/icon/icon-zoom.png) no-repeat 0 0;transform:translate(-50%, -50%)}
.bigdata-detail .thumb .overlay a:after{display:none}
.bigdata-detail .thumb:hover .overlay{opacity:1}

/* 요약내용 overlay */
.bigdata-detail .list-area .overlay{padding:30px 15px 15px;border:0;background-color:rgba(229,179,10,.95)}
.bigdata-detail .list-area .overlay:before{display:none}
.bigdata-detail .list-area .overlay dt{overflow:hidden;width:100%;padding-bottom:25px;font-size:18px;font-weight:bold;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.bigdata-detail .list-area .overlay dd{overflow:hidden;max-height:262px;font:14px 'noto sansM'}
.bigdata-detail .list-area .overlay .more-view{position:absolute;bottom:15px;left:50%;width:auto;height:auto;margin-left:0;font-weight:bold;border:0;border-bottom:1px solid #fff;transform:translateX(-50%)}
.bigdata-detail .section2{background:#f4f4f4 url(/images/bg/bg-bigdata-section2.gif) no-repeat center 345px;background-size:cover;}
.bigdata-detail .section2 .list{overflow:hidden;width:100%;padding:40px 60px;margin-bottom:15px;background-color:#fff}
.bigdata-detail .section2 .list dt{margin-bottom:35px;font-size:24px;font-weight:bold;color:#222;text-align:center}
.bigdata-detail .section2 .list dt span{display:block;font-size:16px;color:#e7b200}
.bigdata-detail .section2 .list dd{padding-top:20px}
.bigdata-detail .section2 .list .img-left .thumb-area{margin:-20px 25px 0 0}
.bigdata-detail .section2 .list .img-right .thumb{margin-top:-20px}
.bigdata-detail .section3{background-color:#fff}
.bigdata-detail .section3 .thumb-area{margin-top:0}
.bigdata-detail .section3 .thumb{height:288px;margin:0 58px 0 0;cursor:inherit}
.bigdata-detail .section3 .thumb a{cursor:inherit}
.bigdata-detail .section3 .thumb:hover img{transform:scale(1);transition:none} 
.bigdata-detail .section3 .list{overflow:hidden;padding:28px 0;border-bottom:1px solid #ddd}
.bigdata-detail .section3 .list:last-child{border-bottom:none}
.bigdata-detail .section3 .list dl{padding:20px 0}
.bigdata-detail .section3 .list dt{margin-bottom:7px;font:24px 'noto sansM';color:#e7b200}
.bigdata-detail .section3 .list dd{color:#666}
.bigdata-detail .section4{overflow:hidden;background-color:#f5ece2}
.bigdata-detail .list-area li{float:left;width:calc(20% - 2px);margin-left:2px}
.bigdata-detail .list-area li:first-child{margin-left:0}
.bigdata-detail .list-area li .thumb{width:100%;height:318px;margin-left:0}
.bigdata-detail .section4 .source-origin strong{display:block;font:18px 'noto sansM'}
.bigdata-detail .section5{overflow:hidden;background:#fefcfb url(/images/bg/bg-bigdata-detail-sec5.gif) no-repeat center bottom;background-size:cover;}
.bigdata-detail .section5 .inner-wrap{max-width:1460px}
.bigdata-detail .section5 .thumb{width:50%;height:400px;cursor:inherit}
.bigdata-detail .section5 .thumb a{border:0}
.bigdata-detail .section5 .thumb:hover img{transform:scale(1);transition:none} 
.bigdata-detail .section5 .data-wrap{float:left;width:50%;height:400px;padding:80px 60px 0;background-color:rgba(255,255,255,.4)}
.bigdata-detail .section5 .data-wrap dt{display:block;margin-bottom:0;font:20px 'noto sansR';font-weight:bold;color:#222;text-align:left}
.bigdata-detail .section5 .data-wrap dt:after{display:none}
.bigdata-detail .section5 .data-wrap dd{margin-bottom:25px;color:#666;text-align:left}
.bigdata-detail .section5 .data-wrap.full{padding:25px 60px 0}

/* 우리마을이야기_개요 */
.bigdata-detail2 .header-visual{background:url(/images/bg/bg-bigdata-detail2.jpg) no-repeat 0 0;background-size:cover;background-attachment:fixed}
.bigdata-detail2 .tabs{width:254px}
.bigdata-detail2 .tabs li a{width:117px !important}
.bigdata-detail2 .source-origin span{font:18px 'noto sansR';color:#fff}
.bigdata-detail2 section .list-area li{float:left;width:calc(25% - 2px);margin-left:2px}
.bigdata-detail2 section .list-area li:first-child{margin-left:0}
.bigdata-detail2 section .list-area li .thumb{width:100%;height:400px;margin-left:0}
.bigdata-detail2 section .list-area .overlay{padding:35px 20px 15px}
.bigdata-detail2 .section2{background:#f4f4f4 url(/images/bg/bg-bigdata2-section2.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section2 .sec-area{margin-bottom:50px}
.bigdata-detail2 .section3{background:#f4f4f4 url(/images/bg/bg-bigdata2-section3.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section3 .list-area{max-width:570px;margin:0 auto}
.bigdata-detail2 .section3 .list-area li{width:calc(50% - 2px)}
.bigdata-detail2 .section3 .thumb a{cursor:pointer}
.bigdata-detail2 .section4{background:#f4f4f4 url(/images/bg/bg-bigdata2-section4.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section5{background:#f4f4f4 url(/images/bg/bg-bigdata2-section5.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section5 .inner-wrap{max-width:1200px}
.bigdata-detail2 .section6{background:#f4f4f4 url(/images/bg/bg-bigdata2-section6.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section7{background:#f4f4f4 url(/images/bg/bg-bigdata2-section7.gif) no-repeat center; background-size:cover}
.bigdata-detail2 .section7 .sec-area{margin-bottom:50px}

/* 지역문화예술인_개요 */
.bg-y{background-color:#fdf7e5}
.title-break{margin:40px 0;border:0;display:block;background:none}
.title-break:after{content:"";position:absolute;left:50%;width:55px;height:1px;background:#fff;opacity:.5;display:block;transform:translate(-50%, -50%)}
.list-break{margin:30px 0 30px 0;border:0;display:block;height:60px;background:#fff}
.list-break:after{content:"";position:absolute;left:50%;width:1px;height:60px;background:#ddd;display:block}
.sub-title{font-size:16px;text-align:center}
.sub-title dt{font:30px 'noto sansM';color:#555;letter-spacing:-1px}
.sub-title dt span{color:#222}
.bigdata-detail3 .thumb{cursor:inherit}
.bigdata-detail3 .thumb-area:after{content:"";display:block;clear:both}
.bigdata-detail3 .thumb a{cursor:inherit}
.bigdata-detail3 .thumb:hover img{transform:scale(1);transition:none} 
.bigdata-detail3 .header-visual{background:url(/images/bg/bg-bigdata-detail3.jpg) no-repeat 0 0;background-size:cover;background-attachment:fixed}
.bigdata-detail3 .section2{background:#f4f4f4 url(/images/bg/bg-bigdata3-section2.gif) no-repeat center; background-size:cover}
.bigdata-detail3 .section2 .img-full .thumb{margin-bottom:40px}
.bigdata-detail3 .section2 .list dd{padding-top:0}
.bigdata-detail3 .section2 .img-left dd p,
.bigdata-detail3 .section2 .img-right dd p{padding-top:20px}
.bigdata-detail3 .section2 .list-full .thumb{width:auto;height:530px;margin:0 60px 35px}
.bigdata-detail3 .section3{padding:0}
.bigdata-detail3 .section3 .inner-wrap{max-width:1460px;padding:50px 30px 60px}
.bigdata-detail3 .section3 .list-count{display:block;font:36px 'NotoSansifCJKR';color:#e7b200;text-align:center}
.bigdata-detail3 .section3 .sub-chapter dl{padding:0;text-align:center}
.bigdata-detail3 .section3 .sub-chapter dl dt{color:#222}
.bigdata-detail3 .section3 .sub-chapter dl dt span{display:block;width:250px;height:25px;line-height:23px;margin:0 auto;background-color:#e7b200;font-size:16px;font-weight:bold;color:#fff;text-align:center}
.bigdata-detail3 .section3 .sub-sec .inner-wrap{padding:50px 30px 40px}
.bigdata-detail3 .section3 .sub-sec .list{padding:30px 0}
.bigdata-detail3 .section3 .sub-sec .list:first-child{padding-top:20px}
.bigdata-detail3 .section3 .sub-sec .list .thumb{height:292px}
.bigdata-detail3 .section3 .sub-sec .list .list-count{padding-top:50px}
.bigdata-detail3 .section3 .sub-sec .btn-wrap{text-align:left}
.bigdata-detail3 .section3 .sub-sec .btn-wrap .btn-detail-link{width:360px}
.bigdata-detail3 .section3 .sub-sec1 .inner-wrap{max-width:1084px}
.bigdata-detail3 .section3 .sub-sec1 .sub-title{padding-bottom:50px}
.bigdata-detail3 .section3 .sub-sec1 .thumb-area{overflow:hidden;max-width:610px;margin:35px auto 40px}
.bigdata-detail3 .section3 .sub-sec1 .thumb-area .thumb{height:400px;margin:0 0 0 10px}
.bigdata-detail3 .section3 .sub-sec1 .thumb:first-child{margin-left:0}
.bigdata-detail3 .section3 .sub-sec2{background:#f4f4f4 url(/images/bg/bg-bigdata3-section3.gif) no-repeat center;background-size:cover}
.bigdata-detail3 .section3 .sub-sec2 dl{padding-top:0} 
.bigdata-detail3 .section3 .sub-sec2 dl dd{background-color:#fff;margin-top:40px;border:1px solid #ddd;text-align:left}
.bigdata-detail3 .section3 .sub-sec2 dd:after{content:"";display:block;clear:both}
.bigdata-detail3 .section3 .sub-sec2 dl dd p{padding:90px 70px 0 70px}
.bigdata-detail3 .section3 .sub-sec2 .img-left .thumb{width:518px;height:360px}
.bigdata-detail3 .section3 .sub-sec4 dd .thumb-area{padding:40px 0}
.bigdata-detail3 .section3 .sub-sec4 dd .thumb{width:calc(50% - 10px);height:380px;margin:0 0 0 20px}
.bigdata-detail3 .section3 .sub-sec4 dd .thumb:nth-of-type(1){margin-left:0}
.bigdata-detail3 .section3 .sub-sec5{padding-bottom:0}
.bigdata-detail3 .section3 .sub-sec5 .inner-wrap{padding-bottom:100px}
.bigdata-detail3 .section3 .sub-sec5 .thumb-area{margin:40px 0}
.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb{width:calc(28% - 15px);height:462px;margin:0 0 0 20px}
.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb:nth-of-type(1){margin-left:0}
.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb:nth-of-type(2){width:calc(44% - 10px)}

/* 지명의유래_개요 */
.bigdata-detail4 .thumb{cursor:inherit}
.bigdata-detail4 .thumb a{cursor:inherit}
.bigdata-detail4 .thumb:hover img{transform:scale(1);transition:none} 
.bigdata-detail4 .header-visual{background:url(/images/bg/bg-bigdata-detail4.jpg) no-repeat 0 0;background-size:cover;background-attachment:fixed}
.bigdata-detail4 section .sec-area{margin-bottom:0}
.bigdata-detail4 section .sec-area dt{margin-bottom:50px;font:28px 'noto sansR';color:#e7b200}
.bigdata-detail4 section .sec-area dt strong{font:40px 'NotoSansifCJKEL';color:#222}
.bigdata-detail4 section .sec-area dt span{display:inline-block;font:40px 'NotoSansifCJKB'}
.bigdata-detail4 dl dd .btn-wrap .btn-detail-link{display:block;width:400px;margin:0 auto 10px}
.bigdata-detail4 .section2{background:#f4f4f4 url(/images/bg/bg-bigdata4-section2.gif) no-repeat center; background-size:cover}
.bigdata-detail4 .section2 dd{text-align:left}
.bigdata-detail4 .section2 .thumb{margin-left:40px;height:400px}
.bigdata-detail4 .section2 .btn-wrap{ width:50%;margin:40px 0;padding-right:40px}
.bigdata-detail4 .section3 .img-full .thumb{margin:30px 0 0 0}
.bigdata-detail4 .section4{background-color:#f4f4f4;padding:75px 0 0}
.bigdata-detail4 .section4 .thumb-area{margin-top:40px}
.bigdata-detail4 .section4 .thumb{width:calc(33.333%);height:346px;margin-left:0}
.bigdata-detail4 .section5{background:#fdf7e5 url(/images/bg/bg-bigdata4-section5.gif) no-repeat center;background-size:cover}

/* 지역축제_개요 */
.bigdata-detail5 .header-visual{background:url(/images/bg/bg-bigdata-detail5.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.bigdata-detail.bigdata-detail5 section .inner-wrap{max-width:1084px}
.bigdata-detail5 .list-area li{width:calc(25% - 2px)}
.bigdata-detail5 .list-area li .thumb{height:400px}
.bigdata-detail5 dl dd .btn-wrap .btn-detail-link{display:block;width:400px;margin:0 auto 10px}
.bigdata-detail5 .section2{background:#fff}
.bigdata-detail.bigdata-detail5 .section2 .inner-wrap{max-width:1460px}
.bigdata-detail5 .section2 .sec-area{margin-bottom:20px}
.bigdata-detail5 .section2 .thumb-area:after{content:"";display:block;clear:both}
.bigdata-detail5 .section2 .thumb-area{margin:60px auto 35px}
.bigdata-detail5 .section2 .thumb-area .thumb{height:370px}
.bigdata-detail5 .section3{background:#f4f4f4 url(/images/bg/bg-bigdata5-section3.gif) no-repeat center; background-size:cover}
.bigdata-detail5 .section3 .sec-area dt{margin-bottom:60px}
.bigdata-detail5 .section3 .img-right{text-align:left}
.bigdata-detail5 .section3 .img-right .thumb{margin:0 0 0 40px;height:450px}
.bigdata-detail5 .section3 .btn-wrap{width:50%;margin:40px 0;padding-right:40px}
.bigdata-detail5 .section4{background:#f4f4f4 url(/images/bg/bg-bigdata5-section4.gif) no-repeat center; background-size:cover}
.bigdata-detail5 .section4 .sec-area{margin-bottom:0}
.bigdata-detail5 .section4 .sec-area dt{margin-bottom:60px}
.bigdata-detail5 .section5{background:#fff}
.bigdata-detail5 .section6{background:#f4f4f4 url(/images/bg/bg-bigdata5-section6.gif) no-repeat center; background-size:cover;overflow:hidden}

/* 지역의 설화_개요 */
.bigdata-detail6 .header-visual{background:url(/images/bg/bg-bigdata-detail6.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.bigdata-detail6 .btn-wrap{ text-align:center}
.bigdata-detail6 .btn-wrap .btn-detail-link{display:block;width:400px;margin:0 auto 10px}
.bigdata-detail6 .section2 .thumb,
.bigdata-detail6 .section2 .thumb a{cursor:inherit}
.bigdata-detail6 .section2 .thumb:hover img{transform:scale(1);transition:none} 
.bigdata-detail6 .section2{background:#f4f4f4 url(/images/bg/bg-bigdata6-section2.gif) no-repeat center; background-size:cover}
.bigdata-detail6 .section2 .list dd{padding-top:0}
.bigdata-detail6 .section2 .list dd p{margin-top:35px}
.bigdata-detail6 .section2 .list dd p strong{font-weight:bold}

.bigdata-detail6 .section3{padding:75px 0 0}
.bigdata-detail6 .section3 .inner-wrap{overflow:hidden;max-width:828px;padding:60px 30px 75px}
.bigdata-detail6 .section3 .list-area li .thumb{height:400px}
.bigdata-detail6 .section3 .thumb a{cursor:pointer;}
.bigdata-detail6 .section3 .sec-area{margin:0 auto 0;padding:0 20px;max-width:1024px}
.bigdata-detail6 .section3 .sub-chapter1{background:#fdf7e5 url(/images/bg/bg-bigdata6-section3-sub1.gif) no-repeat center;background-size:cover}
.bigdata-detail6 .section3 .sub-chapter2{background:#fff url(/images/bg/bg-bigdata6-section3-sub2.gif) no-repeat center;background-size:cover}
.bigdata-detail6 .section3 .sub-chapter3{background:#f3f3f3 url(/images/bg/bg-bigdata6-section3-sub3.gif) no-repeat center;background-size:cover}
.bigdata-detail6 .section3 .sub-sec .sub-title{margin-bottom:50px}
.bigdata-detail6 .section3 .list-area li{width:calc(33.333% - 2px)}

/* 지역축제정보 목록 */
.local-festival .header-visual{background:url(/images/bg/bg-local-festival-list.jpg) no-repeat center;background-size:cover}
.local-festival .list-box .thumb{padding:0 0 0 50px}
.local-festival .list-box .list > li{padding:35px 0 20px}
.local-festival .list-box .card .thumb{padding:0}
.local-festival .list-box .card > li{padding:0}
.local-festival .list-box .card .thumb ~ .data-wrap dd{max-height:60px}
.local-festival .list-box .card .data-wrap .list-info{position:absolute;bottom:20px}
.local-festival .list-box .card .data-wrap .list-info span{display:inline-block;float:left;}
.local-festival .list-box .card .data-wrap .list-info .bar:last-child:before{display:none}

/* 지역축제정보 상세 */
.local-festival .detail .header-visual{background:url(/images/bg/bg-local-festival-detail.jpg) no-repeat center;background-size:cover}
.local-festival .detail .inner-wrap{max-width:1100px}
.local-festival .detail .info-data{overflow:hidden;width:100%;color:#222;border-top:2px solid #adadad;border-bottom:2px solid #adadad}
.local-festival .detail .info-data dl{float:left;width:50%;border-bottom:1px solid #e5e5e5;background-color:#f5f5f5}
.local-festival .detail .info-data dl.last{width:100%}
.local-festival .detail .info-data dl:after{content:"";display:block;clear:both}
.local-festival .detail .info-data dt,
.local-festival .detail .info-data dd{float:left}
.local-festival .detail .info-data dt{width:100px;padding:13px 20px;font-family:'noto sansM';color:#222}
.local-festival .detail .info-data dd{width:calc(100% - 100px);padding:15px 20px 14px;background-color:#fff}
.local-festival .detail .text{padding-top:35px}
.local-festival .detail .cont-tit{padding:50px 0 15px}
.local-festival .detail .info-additional ol > li{padding-top:35px}
.local-festival .detail .info-additional ol ul > li{padding-top:3px}
.local-festival .detail .map-location{height:375px}
.local-festival .detail .map-location img{width:100%;height:100%}
.local-festival .detail .info-img{padding-bottom:50px}
.local-festival .detail .img-box{height:470px}
.local-festival .detail .img-box:after{content:"";display:block;clear:both}
.local-festival .detail .img-box .gallery-img{float:left;width:calc(100% - 328px);height:100%;border:1px solid #ddd;overflow:hidden;position:relative;background:#f6f6f6}
.local-festival .detail .img-box .gallery-img img{width:100%;height:100%}
.local-festival .detail .img-box .thmub-imgs{float:left;position:relative;width:328px}
.local-festival .detail .img-box .thmub-imgs .swiper-container{min-height:432px;background:#f6f6f6}
.local-festival .detail .img-box .swiper-slide{width:50% !important;overflow:hidden;position:relative;background:#ddd}
.local-festival .detail .img-box .swiper-slide .img-wrap{position:relative;height:108px;width:100%;overflow:hidden;cursor:pointer}
.local-festival .detail .img-box .swiper-slide .img-wrap img{width:100%;height:100%;position:absolute;left:50%;transform:translateX(-50%)}
.local-festival .detail .img-box .swiper-slide .img-wrap:hover:after{content:"";width:100%;height:100%;top:0;display:block;position:absolute;border:2px solid #0087cc;box-sizing:border-box;z-index:2}
.local-festival .detail .img-box .pagination-wrap{background:#666;height:38px;color:#fff}
.local-festival .detail .img-box .pagination-wrap .swiper-pagination{width:calc(100% - 75px);text-align:center;position:relative;float:left;bottom:0;line-height:38px}
.local-festival .detail .img-box .pagination-wrap .btn-wrap{width:75px;color:#000;float:left}
.local-festival .detail .img-box .pagination-wrap .btn-wrap button{width:37px;height:38px;border:1px solid #555;box-sizing:border-box;background:url(/images/btn/btn-shorcut-arrow-wh.png) no-repeat center;background-size:auto 14px;float:left;text-indent:-999px;font-size:0}
.local-festival .detail .img-box .pagination-wrap .btn-wrap .btn-prev{transform:rotate(180deg);border-left:none}
.local-festival .detail .article-main .cont-tit{padding:0 0 15px}
.local-festival .detail .list-box .card > li{width:calc(33.333% - 27px)}
.local-festival .detail .list-box .card .data-wrap .list-info{bottom:60px}
.local-festival .detail .list-box .card .data-wrap .list-tag{position:absolute;bottom:15px}
.resources-box .inner-wrap{padding:10px 30px 100px}
.resources-box .list > li{padding:40px 0 0;border-bottom:0}
.resources-box .list > li:first-child{padding-top:0}
.resources-box .thumb{float:left;position:relative;width:115px;height:165px;padding:0 !important;margin-right:20px;border:1px solid #eee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.resources-box .thumb:after{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:115px;height:165px;background:#f5f5f5 url(/images/icon/icon-no-image.png) no-repeat center center}
.resources-box .data-wrap{float:left;width:calc(100% - 135px)}
.resources-box .data-wrap .tit-txt{overflow:hidden;display:block;padding-bottom:2px;font:20px 'noto sansM';color:#000;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.resources-box .data-wrap .list-info{overflow:hidden;margin:0}
.resources-box .data-wrap .list-info li{float:left}
.resources-box .data-wrap .list-desc{overflow:hidden;height:4em;margin-bottom:8px;padding:15px 0 0}
.resources-box .data-wrap .list-desc:before{content:"";display:block;position:relative;top:-7px;width:auto;height:1px;background-color:#ebebeb}
.resources-box .data-wrap .btn-view-original{border:1px solid #1d70aa;background-color:#0087cc;color:#fff}

/* 통합검색결과 */
.result-search .header-visual{background:url(/images/bg/bg-result-search.jpg) no-repeat center;background-size:cover}
.result-search .inner-wrap{overflow:hidden;padding-bottom:100px}
.article-side{float:left;width:320px}
.article-side .filter-wrap{margin-bottom:20px}
.article-side .filter-wrap .filter-head .tag{color:#fa9f35}
.article-side .side-keyword{overflow:hidden;padding:28px 30px 18px}
.article-side .side-keyword li{float:left;margin:0 10px 10px 0}
.article-side .side-keyword li a{display:block;line-height:26px;padding:0 10px;border:1px solid #ddd;border-radius:14px;background-color:#eee;color:#999}
.article-side .side-keyword li a:hover, 
.article-side .side-keyword li a:focus{background-color:#fa9f35;color:#fff}
.result-search .article-main{position:relative}
.result-top{margin-bottom:30px}
.result-top em,
.result-top strong{color:#0087cc;font-weight:800}
.search-tab-wrap{position:relative;top:4px;right:0;z-index:1}
.tab-result{height:51px;border-bottom:1px solid #ddd}
.tab-result li{float:left;padding:1px 0}
.tab-result li:first-child{border-left:1px solid #ddd}
.tab-result li a{display:block;width:190px;height:50px;padding:15px 0;border-top:2px solid #0087cc;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:14px;line-height:1.3;background-color:#f8f8f8;color:#666}
.tab-result li.active a{border-bottom:1px solid #fff;background-color:#fff;font-family:'noto sansM';color:#0087cc}
.tab-result li.active a .count{font-family:'noto sansR';color:#666}
.rescan-input{position:absolute;top:0;right:0} 
.rescan-input{border:1px solid #ddd;border-radius:3px;float:right;height:38px;overflow:hidden;width:220px}
.rescan-input:after{content:"";display:block;clear:both}
.rescan-input input{display:block;float:left;height:36px;line-height:36px;padding-left:10px;box-sizing:border-box;width:calc(100% - 33px)}
.rescan-input button{display:block;float:left;height:36px;width:33px;text-indent:-9999px;overflow:hidden;background:url(/images/icon/icon-search.png) no-repeat right 10px center;background-size:13px 14px}
.result-search .tabCont{display:none;clear:both}
.result-search .tabCont.active{display:block}
.result-search .media-list{overflow:hidden;padding-top:40px}
.result-search .resources-box .list > li:first-child{padding-top:40px}

.aside-tab{padding:28px 30px 18px}
.aside-tab .tabs{overflow:hidden;width:100%;margin-bottom:10px}
.aside-tab .tabs li{float:left;width:50%}
.aside-tab .tabs button{width:100%;background:#eee;border:1px solid #e7e7e7;color:#999;font-weight:600;font-size:13px;height:28px}
.aside-tab .tabs li:first-child button{border-right:1px solid #ccc}
.aside-tab .tabs li:last-child button{border-left:none}
.aside-tab .tabs li.active button{background:#0087cc;border:1px solid #0477b2;color:#fff}
.aside-tab .tabContent{display:none}
.aside-tab .tabContent.active{display:block}
.aside-tab .tabContent li a{display:block;margin-top:5px;color:#767676}
.aside-tab .tabContent li span{display:inline-block;width:18px;height:18px;margin-right:10px;background-color:#767676;font:11px 'noto sansM';color:#fff;text-align:center}

/* 지명의 유래 */
.origin-place #header{height:70px}
.origin-place #header .logo a{display:block;width:202px;height:42px;background:url(/images/cmm/logo-color.png) no-repeat center;background-size:100% auto;margin:25px 0;text-indent:-99999px;overflow:hidden}


/********** 2020 renewal Start - 기존 코드와 섞일수가 있어 셀렉터 deep하게 **********/
/* 공통 */
/*
	.bigdata-detail section안에 
	count-list가 
	있다면 reset 추가
	없다면 reset single 추가
*/
/*.bigdata-detail {font-family:'Noto Sans KR';}*/
.bigdata-detail section.reset {padding:0;background-color:transparent;background-image:none;}
.bigdata-detail section.reset dl.sec-area {margin:0;}
.bigdata-detail section.reset dl.sec-area.only {padding:80px 0 40px;}
.bigdata-detail section.reset ol.count-list > li {padding:60px 0;}
.bigdata-detail section.reset ol.count-list > li.include-title {padding:80px 0 60px;}
.bigdata-detail section.reset ol.count-list > li.include-title div.count-intro {margin-top:60px;}
.bigdata-detail section.reset ol.count-list > li.remove-bottom-blank {padding-bottom:0;}
.bigdata-detail section.single {padding:80px 0;}

/* 노동요 */
div.bigdata-detail.work-song .header-visual {background-image:url('/images/bg/bg_intro_work_song.jpg');}
div.bigdata-detail.work-song section p.summary {margin-top:30px;line-height:27px;text-align:center;}
div.bigdata-detail.work-song section .btn-wrap {margin-top:30px;}
div.bigdata-detail.work-song section .btn-wrap .btn-detail-link:hover {color:#fff;background-color:#e7b200;}
div.bigdata-detail.work-song section.section1 .media-audio {background-color:#f7f1e7;}
div.bigdata-detail.work-song section.section1 .media-video {background:url('/images/intro/work_song/bg_barley_threshing.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.work-song section.section1 div.tab-menu,
div.bigdata-detail.work-song section.section1 div.tabContent {margin-top:40px;}
div.work-song.bigdata-detail section.section1 div.tabContent div.audio-player {margin-top:20px;display:inline-block;width:100%;}
div.bigdata-detail.work-song section.section1 div.tabContent div.audio-player {margin-top:20px;}
div.bigdata-detail.work-song section.section2 .media-audio {background:url('/images/intro/work_song/pattern_boatman_song.png') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.work-song section.section2 div.side-contents {text-align:center;}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item {padding:40px 0;}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item.front {padding-right:60px;background-color:#f7f1e8;background-image:url('/images/intro/work_song/pattern_donghae.jpg');}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item.back {padding-left:60px;background-color:#ecf4fa;background-image:url('/images/intro/work_song/pattern_buan.jpg');}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item div.inner {width:700px;}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item div.inner div.lyrics {height:193px;padding:0 50px;}
div.bigdata-detail.work-song section.section2 div.side-contents div.outer div.item div.inner p.desc {margin-top:30px;line-height:27px;color:#444;}
div.bigdata-detail.work-song section.section2 .women-divers {background:url('/images/intro/work_song/bg_women_divers.png') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.work-song section.section2 .women-divers div.info {display:flex;margin-top:40px;}
div.bigdata-detail.work-song section.section2 .women-divers div.info div.illustration {width:546px;}
div.bigdata-detail.work-song section.section2 .women-divers div.info div.lyrics {flex:1;padding:0 48px 0 60px;}
div.bigdata-detail.work-song section.section2 .women-divers div.info div.lyrics strong {font-weight:600;font-size:24px;}
div.bigdata-detail.work-song section.section2 .women-divers div.info div.lyrics p {margin-top:20px;font-size:16px;line-height:29px;}
div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide {padding:40px;margin-top:20px;text-align:center;background-color:rgba(255,255,255,0.7);}
div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide strong.guide-title {display:block;font-weight:600;font-size:18px;color:#222;}
div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery {display:flex;justify-content:center;align-items:center;margin-top:20px;}
div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery div.illustration {width:360px;}
div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery div.illustration.first {margin-right:20px;}
div.bigdata-detail.work-song section.section3 .media-video {background-color:#fdf7e5;}
div.bigdata-detail.work-song section.section3 div.side-contents {max-width:1400px;margin:40px auto 0;text-align:center;}
div.bigdata-detail.work-song section.section3 div.side-contents div.outer div.item.front div.inner {padding-right:20px;}
div.bigdata-detail.work-song section.section3 div.side-contents div.outer div.item.back div.inner {padding-left:20px;}
div.bigdata-detail.work-song section.section3 .herbs {background:url('/images/intro/work_song/pattern_herbs.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.work-song section.section3 div.cover-list ul.items > li.item1 div.illustration div.frame {background-image:url('/images/intro/work_song/cover_list_image1.jpg');}
div.bigdata-detail.work-song section.section3 div.cover-list ul.items > li.item2 div.illustration div.frame {background-image:url('/images/intro/work_song/cover_list_image2.jpg');}
div.bigdata-detail.work-song section.section3 div.cover-list ul.items > li.item3 div.illustration div.frame {background-image:url('/images/intro/work_song/cover_list_image3.jpg');}
div.bigdata-detail.work-song section.section4 {padding-bottom:40px;}
div.bigdata-detail.work-song section.section4 div.side-contents div.outer div.item div.audio-player {width:100%;}
div.bigdata-detail.work-song section.section4 div.side-contents div.outer div.item div.audio-player div.inner {padding:20px 40px;text-align:center;}
div.bigdata-detail.work-song section.section4 div.side-contents div.outer div.item div.audio-player div.inner div.player audio {margin-top:20px;}
div.bigdata-detail.work-song section.section5 {padding:40px 0 80px;background:url('/images/intro/work_song/pattern_child.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.work-song section.section5 div.inner-wrap {max-width:1200px;}
div.bigdata-detail.work-song section.section5 div.inner-wrap div.sub-section {text-align:center;}
div.bigdata-detail.work-song section.section5 div.inner-wrap div.sub-section.next {padding-top:40px;margin-top:40px;border-top:1px solid #ebebeb;}
div.bigdata-detail.work-song section.section5 div.inner-wrap div.sub-section div.lyrics {padding:17px 0;}
div.bigdata-detail.work-song section.section5 div.inner-wrap div.sub-section p.desc {margin-top:30px;}

/* 관방문화 */
div.bigdata-detail.defense-culture .header-visual {background-image:url('/images/intro/defense/visual_header.jpg');}
div.bigdata-detail.defense-culture section.section1 div.swipe-slide-banner {height:462px;}
div.bigdata-detail.defense-culture section.section1 div.swiper-slide div.item.back {background:url('/images/intro/defense/swipe_banner_pattern.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.defense-culture section.section1 div.swiper-slide.item1 div.frame {background-image:url('/images/intro/defense/swipe_banner_image1.jpg');}
div.bigdata-detail.defense-culture section.section1 div.swiper-slide.item2 div.frame {background-image:url('/images/intro/defense/swipe_banner_image2.jpg');}
div.bigdata-detail.defense-culture section.section1 div.swiper-slide.item3 div.frame {background-image:url('/images/intro/defense/swipe_banner_image3.jpg');}
div.bigdata-detail.defense-culture section.section1 div.swiper-slide.item4 div.frame {background-image:url('/images/intro/defense/swipe_banner_image4.jpg');}
div.bigdata-detail.defense-culture section.section1 div.info {display:flex;flex-direction:column;justify-content:space-between;padding:60px;}
div.bigdata-detail.defense-culture section.section1 div.info strong {display:block;font-weight:700;font-size:20px;color:#333;}
div.bigdata-detail.defense-culture section.section1 div.info p {flex:1;margin-top:30px;}
div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap {margin:0;text-align:left;}
div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap a.btn-detail-link {display:block;position:relative;padding:8px 25px;margin:12px 0 0;text-align:left;}
div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap a.btn-detail-link:first-child {margin-top:0;}
div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap a.btn-detail-link:after {position:absolute;right:25px;top:50%;margin-top:-5px;}
div.bigdata-detail.defense-culture section.section2 ol.count-list {background:url('/images/intro/defense/bg_signal_fire,.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.defense-culture section.section2 div.signal-system {margin-top:135px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu {position:relative;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul {display:flex;justify-content:center;position:absolute;left:0;right:0;top:-83px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li {
	width:62px;
	height:120px;
	padding-top:30px;
	margin-left:30px;
	border-radius:30px;
	font-size:14px;
	text-align:center;
	color:#fff;
	background-color:rgba(255,255,255,0.2);
	background-image:url('/images/btn/btn_down_arrow_size13x7_fff_opacity20.png');
	background-repeat:no-repeat;
	background-position:left 50% bottom 20px;
	cursor:pointer;
}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li:first-child {margin-left:0;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li:hover,
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li.on {
	background-color:#b3c70d;
	background-image:url('/images/btn/btn_down_arrow_size13x7_fff.png');
	transition:all 0.2s;
}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li strong {display:block;font-weight:700;font-size:18px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current {
	position:relative;
	height:363px;
	padding-top:70px;
	text-align:center;
	color:#fff;
	background-color:rgba(255,255,255,0.1);
	z-index:1;
}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.count {font-family:'Noto Serif KR';font-size:20px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.count strong {color:#b3c70d;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer {display:flex;justify-content:center;margin-top:40px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer span {width:72px;margin-left:10px;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer span:first-child {margin-left:0;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer span img {width:100%;vertical-align:top;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.state {margin-top:30px;font-weight:500;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.type {margin-top:40px;text-align:center;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.type strong.title {display:block;font-weight:600;color:#b3c70d;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul {display:flex;justify-content:space-between;margin-top:20px;color:#fff;}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul > li {
	width:368px;
	height:100px;
	padding-top:10px;
	font-size:14px;
	line-height:27px;
	background-color:rgba(255,255,255,0.1);
}
div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul > li strong {font-weight:600;}
div.bigdata-detail.defense-culture section.section2 div.count-intro.green-shadow {padding-top:40px;}
div.bigdata-detail.defense-culture section.section2 div.map-intro {display:flex;justify-content:center;justify-content:space-between;align-items:center;max-width:1400px;margin:70px auto 0;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.image {width:618px;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.image img {width:100%;vertical-align:top;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info {width:665px;padding:20px 40px;border-radius:10px;background-color:#e9eaeb;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li {position:relative;padding:20px 134px 20px 70px;border-top:1px solid #ddd;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li:first-child {border-top:none;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.num {
	position:absolute;
	left:0;
	top:25px;
	width:49px;
	height:59px;
	background-image:url('/images/intro/defense/bg_map_numbering.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.num span {
	position:absolute;
	left:0;
	right:0;
	top:7px;
	width:33px;
	height:33px;
	margin:0 auto;
	border-radius:50%;
	font-weight:600;
	font-size:12px;
	line-height:33px;
	text-align:center;
}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li strong.place-name {font-weight:600;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li ul.dotted-list {margin-top:2px;font-size:14px;color:#777;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li ul.dotted-list > li {line-height:23px;background-position-y:11px;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap {position:absolute;right:0;top:50%;margin:-19px 0 0;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap a.btn-detail-link {width:134px;;margin:0;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap a:before,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap a:after {content:none;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap a span {
	padding-right:25px;
	background:url('/images/icon/ico_right_arrow_size6x10_b3c70d.png') no-repeat 100% 50%;
}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap a:hover span {background-image:url('/images/icon/ico_right_arrow_size6x10_fff.png');}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.first div.num {background-color:#0094c5;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.first div.num span,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.first strong.place-name {color:#0094c5;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.second div.num {background-color:#ca5e68;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.second div.num span,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.second strong.place-name {color:#ca5e68;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.third div.num {background-color:#4b9d6d;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.third div.num span,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.third strong.place-name {color:#4b9d6d;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fourth div.num {background-color:#b75dce;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fourth div.num span,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fourth strong.place-name {color:#b75dce;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fifth div.num {background-color:#ea8213;}
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fifth div.num span,
div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li.fifth strong.place-name {color:#ea8213;}
div.bigdata-detail.defense-culture section.section3 {background:url('/images/intro/defense/pattern_beacon_fire_station.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.defense-culture section.section4 {background:url('/images/intro/defense/bg_military_service.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.defense-culture section.section4 div.military-service {color:#fff;}
div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list {display:flex;height:216px;margin-top:40px;border-radius:5px;background-color:rgba(255,255,255,0.2);}
div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:25%;
	background:url('/images/bg/bg_size2x140_fff_opacity2_line.png') no-repeat 0 50%;
}
div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li:first-child {background-image:none;}
div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li strong {font-family:'Noto Serif KR';font-weight:400;font-style:italic;font-size:40px;color:#b3c70d;}
div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li p {margin-top:10px;}
div.bigdata-detail.defense-culture section.section4 div.military-service div.qna {margin-top:30px;line-height:27px;}
div.bigdata-detail.defense-culture section.section4 div.military-service div.qna strong {font-weight:600;}
div.bigdata-detail.defense-culture section.section4 div.military-service div.qna ul.dotted-list {font-size:14px;}
div.bigdata-detail.defense-culture section.section4 div.military-service div.qna ul.dotted-list > li {background-position-y:13px;}
div.bigdata-detail.defense-culture section.section5 {background:url('/images/intro/defense/pattern_weapon.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.defense-culture section.section5 div.thumbnail-list ul.items > li {width:24.6%;height:463px;}
div.bigdata-detail.defense-culture section.section5 div.thumbnail-list div.info strong.title {color:#333;}
div.bigdata-detail.defense-culture section.section5 .sec-area.green-shadow {padding-top:40px;margin-top:80px;}
div.bigdata-detail.defense-culture section.section5 .sec-area.green-shadow dt span {font-size:30px;color:#222;}

/* 한국의 가옥 */
div.bigdata-detail.house .header-visual {background-image:url('/images/intro/house/visual_header.jpg');}
div.bigdata-detail.house section.section1 {background:url('/images/intro/house/pattern_topography.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.house section.section1 div.cover-list ul.items > li.item1 div.illustration div.frame {background-image:url('/images/intro/house/topography_image1.jpg');}
div.bigdata-detail.house section.section1 div.cover-list ul.items > li.item2 div.illustration div.frame {background-image:url('/images/intro/house/topography_image2.jpg');}
div.bigdata-detail.house section.section1 div.cover-list ul.items > li.item3 div.illustration div.frame {background-image:url('/images/intro/house/topography_image3.jpg');}
div.bigdata-detail.house section.section1 div.cover-list ul.items > li.item4 div.illustration div.frame {background-image:url('/images/intro/house/topography_image4.jpg');}
div.bigdata-detail.house section.section2 {background:url('/images/intro/house/pattern_comparison.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.house section.section2 div.side-contents div.item div.inner {width:508px;padding:39px;border:1px solid #ddd;background-color:#fff;}
div.bigdata-detail.house section.section2 div.side-contents div.item strong.item-title {display:block;font-weight:500;font-size:28px;text-align:center;color:#e7b200;}
div.bigdata-detail.house section.section2 div.illustration {margin-top:13px;}
div.bigdata-detail.house section.section2 ul.dotted-list {margin-top:24px;}
div.bigdata-detail.house section.section2 div.btn-wrap a {margin-top:12px;}
div.bigdata-detail.house section.section2 div.btn-wrap a:first-child {margin-top:0;}
div.bigdata-detail.house section.section3 div.thumbnail-list div.illustration {width:650px;}
div.bigdata-detail.house section.section3 div.thumbnail-list div.info {padding-left:40px;}
div.bigdata-detail.house section.section3 div.thumbnail-list div.info strong.title {color:#e7b200;}
div.bigdata-detail.house section.section3 div.thumbnail-list div.info p {margin-top:10px;}
div.bigdata-detail.house section.section3 div.thumbnail-list div.info div.btn-wrap {margin:34px 0 0;text-align:left;}
div.bigdata-detail.house section.section4 {background-color:#f7f1e7;}
div.bigdata-detail.house section.section4 div.side-contents div.item.front div.illustration {width:460px;}
div.bigdata-detail.house section.section4 div.side-contents div.item.back div.inner {width:467px;}
div.bigdata-detail.house section.section5 {background:url('/images/intro/house/bg_external_wall.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.house section.section5 div.inner-wrap {max-width:1200px;}
div.bigdata-detail.house section.section6 ol.count-list {background:url('/images/intro/house/pattern_jeju.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.house section.section6 ol.count-list > li.yellow-shadow {padding-bottom:80px;}
div.bigdata-detail.house section.section6 div.thumbnail-list {text-align:center;}
div.bigdata-detail.house section.section6 div.thumbnail-list div.info strong.title {margin-top:5px;font-size:16px;}
div.bigdata-detail.house section.section6 div.side-contents div.item.front {padding-right:10px;}
div.bigdata-detail.house section.section6 div.side-contents div.item.back {padding-left:10px;}
div.bigdata-detail.house section.section7 div.cover-list ul.items > li.item1 div.illustration div.frame {background-image:url('/images/intro/house/improvement_image1.jpg');}
div.bigdata-detail.house section.section7 div.cover-list ul.items > li.item2 div.illustration div.frame {background-image:url('/images/intro/house/improvement_image2.jpg');}
div.bigdata-detail.house section.section7 div.cover-list ul.items > li.item3 div.illustration div.frame {background-image:url('/images/intro/house/improvement_image3.jpg');}
div.bigdata-detail.house section.section7 div.cover-list ul.items > li.item4 div.illustration div.frame {background-image:url('/images/intro/house/improvement_image4.jpg');}

/* 한국의 기록문화 */
div.bigdata-detail.record .header-visual {background-image:url('/images/intro/record/visual_header.jpg');}
div.bigdata-detail.record section.section1 .paper {background:url('/images/intro/record/pattern_paper.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section1 .paper div.side-contents div.item.front div.illustration {width:704px;}
div.bigdata-detail.record section.section1 .paper div.side-contents div.item.back {justify-content:flex-end;}
div.bigdata-detail.record section.section1 .paper div.side-contents div.item.back div.inner {width:416px;}
div.bigdata-detail.record section.section1 .paper p.summary {margin-top:40px;text-align:center;}
div.bigdata-detail.record section.section1 .wood {padding-bottom:80px;background:url('/images/intro/record/bg_wood.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section1 .wood div.thumbnail-list li.multiple {margin-top:60px;}
div.bigdata-detail.record section.section1 .wood div.thumbnail-list div.info {margin-top:30px;}
div.bigdata-detail.record section.section1 .wood div.thumbnail-list div.info strong.title {font-size:18px;}
div.bigdata-detail.record section.section1 .wood div.thumbnail-list div.info p {margin-top:10px;font-size:16px;line-height:26px;color:#efefef;}
div.bigdata-detail.record section.section1 .besides div.inner-wrap div.thumbnail-list ul.items > li {width:366px;}
div.bigdata-detail.record section.section1 .besides div.inner-wrap div.thumbnail-list ul.items > li:first-child {margin-left:0;}
div.bigdata-detail.record section.section1 .besides div.research-material {padding:40px 0;margin-top:40px;text-align:center;background-color:#efefef;}
div.bigdata-detail.record section.section1 .besides div.research-material strong.stitle {display:block;font-size:24px;color:#222;}
div.bigdata-detail.record section.section1 .besides div.research-material strong.stitle span {font-weight:500;}
div.bigdata-detail.record section.section1 .besides div.research-material div.thumbnail-list div.illustration strong.title {font-weight:500;}
div.bigdata-detail.record section.section2 .life {background:url('/images/intro/record/bg_life.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list {padding:20px 80px;color:#fff;background-color:rgba(255,255,255,0.1);}
div.bigdata-detail.record section.section2 .life div.thumbnail-list ul.items > li {align-items:stretch;padding:40px 0;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.illustration {width:254px;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info {position:relative;padding:20px 0 0 40px;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info strong.title {color:#b3c70d;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info p {margin-top:10px;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info div.btn-wrap {position:absolute;left:40px;bottom:0;}
div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info div.btn-wrap a.btn-detail-link {width:200px;margin:0;}
div.bigdata-detail.record section.section2 .arts {background:url('/images/intro/record/pattern_arts.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list ul.items > li {padding:0;margin-top:32px;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list ul.items > li:first-child {margin-top:0;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.illustration {width:469px;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.illustration strong.title {color:#333;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.illustration strong.title span.source {color:#777;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info {border:none;padding:0 60px 0 0;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info strong.title em {color:#333;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info p {margin-top:10px;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info div.btn-wrap {text-align:left;}
div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info div.btn-wrap a.btn-detail-link {width:200px;margin:0;}
div.bigdata-detail.record section.section2 .sensibility div.side-contents div.item.front {padding-right:10px;}
div.bigdata-detail.record section.section2 .sensibility div.side-contents div.item.back {padding-left:10px;}
div.bigdata-detail.record section.section2 .home-training {background:url('/images/intro/record/pattern_home_training.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section2 .home-training div.inner-wrap {max-width:1024px;}
div.bigdata-detail.record section.section2 .home-training div.dictionary {margin-top:10px;}
div.bigdata-detail.record section.section2 .home-training div.dictionary dl {display:flex;padding:40px 0;}
div.bigdata-detail.record section.section2 .home-training div.dictionary dl:first-child {border-bottom:1px solid #ddd;}
div.bigdata-detail.record section.section2 .home-training div.dictionary dl dt {width:110px;}
div.bigdata-detail.record section.section2 .home-training div.dictionary dl dt span {
	display:inline-block;
	height:32px;
	padding:0 15px;
	border-radius:15px;
	font-weight:500;
	line-height:32px;
	color:#fff;
	background-color:#000;
}
div.bigdata-detail.record section.section2 .home-training div.dictionary dl dd {flex:1;line-height:27px;}
div.bigdata-detail.record section.section2 .home-training div.btn-wrap {margin-top:20px;}
div.bigdata-detail.record section.section2 .wish div.side-contents div.item.front div.illustration {width:422px;}
div.bigdata-detail.record section.section2 .wish div.side-contents div.item.back div.illustration {width:700px;}
div.bigdata-detail.record section.section3 {padding:100px 0;text-align:center;background:url('/images/intro/record/bg_unesco.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.record section.section3 strong,
div.bigdata-detail.record section.section3 p.desc {font-family:'Noto Serif KR';}
div.bigdata-detail.record section.section3 strong {display:block;font-weight:700;font-size:40px;color:#b3c70d;}
div.bigdata-detail.record section.section3 p {margin-top:40px;color:#fff;}
div.bigdata-detail.record section.section3 p.desc {padding:50px 60px;border-radius:5px;font-weight:500;font-size:18px;line-height:37px;background-color:rgba(255,255,255,0.3); word-break: keep-all;}
div.bigdata-detail.record section.section3 p.desc span {color:#b3c70d;}
div.bigdata-detail.record section.section3 p.summary {line-height:29px;opacity:0.7; word-break: keep-all;}

/* 한국의 석조문화 */
div.bigdata-detail.stone .header-visual {background-image:url('/images/intro/stone/visual_header.jpg');}
div.bigdata-detail.stone section.section1 .life {background:url('/images/intro/stone/pattern_life.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section1 .totem {background-color:#efefef;}
div.bigdata-detail.stone section.section1 .totem ul.guide > li {padding:40px 0;border-top:1px solid #ddd;}
div.bigdata-detail.stone section.section1 .totem ul.guide > li:first-child {margin-top:0;border:none;}
div.bigdata-detail.stone section.section1 .totem ul.guide > li strong {font-size:24px;color:#333;}
div.bigdata-detail.stone section.section1 .totem ul.guide > li p {margin-top:20px;line-height:27px;}
div.bigdata-detail.stone section.section1 .menhir {background:url('/images/intro/stone/bg_menhir.jpg') no-repeat 50% 50%;background-size:cover;} 
div.bigdata-detail.stone section.section1 .menhir div.thumbnail-list ul.items {flex-wrap:wrap;justify-content:space-between;}
div.bigdata-detail.stone section.section1 .menhir div.thumbnail-list ul.items > li {max-width:24.6%;padding-bottom:20px;}
div.bigdata-detail.stone section.section1 .tool {background:url('/images/intro/stone/pattern_tool.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section2 .stone-buddhist {background:url('/images/intro/stone/pattern_stone_buddhist.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section2 .stone-buddhist .item1 div.illustration div.frame {background-image:url('/images/intro/stone/stone_buddhist_image1.jpg');}
div.bigdata-detail.stone section.section2 .stone-buddhist .item2 div.illustration div.frame {background-image:url('/images/intro/stone/stone_buddhist_image2.jpg');}
div.bigdata-detail.stone section.section2 .stone-buddhist .item3 div.illustration div.frame {background-image:url('/images/intro/stone/stone_buddhist_image3.jpg');}
div.bigdata-detail.stone section.section2 .stone-buddhist .item4 div.illustration div.frame {background-image:url('/images/intro/stone/stone_buddhist_image4.jpg');}
div.bigdata-detail.stone section.section2 div.comic-guide {padding:40px 60px;margin-top:60px;text-align:center;background-color:rgba(255,255,255,0.6);}
div.bigdata-detail.stone section.section2 div.comic-guide strong.guide-title {display:block;font-size:24px;color:#222;}
div.bigdata-detail.stone section.section2 div.comic-guide strong.guide-title span {font-weight:500;}
div.bigdata-detail.stone section.section2 div.comic-guide p {margin-top:40px;}
div.bigdata-detail.stone section.section2 div.comic-guide div.illustration div.frame img {width:auto;}
div.bigdata-detail.stone section.section2 .stone-pagoda div.inner-wrap {max-width:1024px;padding:0;margin:0 auto;}
div.bigdata-detail.stone section.section2 div.timeline {margin-top:40px;}
div.bigdata-detail.stone section.section2 div.timeline ul {display:flex;justify-content:space-between;text-align:center;}
div.bigdata-detail.stone section.section2 div.timeline ul > li {
	position:relative;
	width:320px;
	height:364px;
	padding:23px 24px 29px;
	border:1px solid #ddd;
	border-top-width:2px;
	border-top-color:#b3c70d;
}
div.bigdata-detail.stone section.section2 div.timeline ul > li:after {
	display:block;
	content:'';
	position:absolute;
	left:-25px;
	top:50%;
	width:15px;
	height:3px;
	margin-top:-2px;
	background:url('/images/icon/bul_dotted_size15x3_999.gif') no-repeat 0 0;
}
div.bigdata-detail.stone section.section2 div.timeline ul > li:first-child:after {content:none;}
div.bigdata-detail.stone section.section2 div.timeline ul > li strong {display:block;font-size:22px;color:#b3c70d;}
div.bigdata-detail.stone section.section2 div.timeline ul > li p {margin-top:25px;font-size:15px;line-height:27px;}
div.bigdata-detail.stone section.section2 div.timeline ul > li div.btn-wrap {position:absolute;left:0;right:0;bottom:29px;margin:0;}
div.bigdata-detail.stone section.section2 .stone-pagoda dl {padding:20px 15px;margin-top:20px;background-color:#f5f5f5;}
div.bigdata-detail.stone section.section2 .stone-pagoda dl dt {font-weight:600;}
div.bigdata-detail.stone section.section2 .stone-pagoda dl dd {font-size:14px;line-height:27px;}
div.bigdata-detail.stone section.section2 .stone-lantern {background:url('/images/intro/stone/bg_stone_lantern.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section2 .stone-lantern div.inner-wrap {max-width:1024px;margin:0 auto;}
div.bigdata-detail.stone section.section2 .stone-lantern .item1 div.illustration div.frame {background-image:url('/images/intro/stone/stone_lantern_image1.jpg');}
div.bigdata-detail.stone section.section2 .stone-lantern .item2 div.illustration div.frame {background-image:url('/images/intro/stone/stone_lantern_image2.jpg');}
div.bigdata-detail.stone section.section2 .stone-lantern .item3 div.illustration div.frame {background-image:url('/images/intro/stone/stone_lantern_image3.jpg');}
div.bigdata-detail.stone section.section3 .royal-tomb {background:url('/images/intro/stone/pattern_royal_tomb.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section3 .royal-tomb div.inner-wrap {max-width:1024px;padding:0;margin:0 auto;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag {height:32px;border-radius:20px;line-height:32px;text-align:center;color:#fff;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag.theme-994010 {background-color:#994010;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag.theme-857a01 {background-color:#857a01;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag.theme-007f69 {background-color:#007f69;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag.theme-38719a {background-color:#38719a;}
div.bigdata-detail.stone section.section3 .royal-tomb .rounding-flag.theme-8868ac {background-color:#8868ac;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration {position:relative;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration div.frame {height:500px;background:url('/images/intro/stone/royal_tomb_image.jpg') no-repeat 0 0;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration div.frame > img {display:none;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li {position:absolute;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item1 {left:860px;top:162px;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item2 {left:771px;top:379px;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item3 {left:216px;top:201px;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item4 {left:205px;top:363px;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item5 {left:507px;top:109px;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li:after {content:'';position:absolute;background-repeat:no-repeat;background-position:0 0;}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item1:after {
	left:-15px;
	bottom:0;
	width:19px;
	height:12px;
	background-image:url('/images/intro/stone/bg_line_994010.png');
}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item2:after {
	right:-10px;
	top:-10px;
	width:17px;
	height:16px;
	background-image:url('/images/intro/stone/bg_line_857a01.png');
}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item3:after {
	left:-15px;
	top:5px;
	width:19px;
	height:12px;
	background-image:url('/images/intro/stone/bg_line_007f69.png');
}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item4:after {
	right:-20px;
	top:0;
	width:19px;
	height:12px;
	background-image:url('/images/intro/stone/bg_line_38719a.png');
}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li.item5:after {
	left:-13px;
	bottom:-5px;
	width:20px;
	height:12px;
	background-image:url('/images/intro/stone/bg_line_8868ac.png');
}
div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag > li strong {display:inline-block;padding:0 15px;}
div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary {padding:40px;margin-top:25px;background-color:#fff;}
div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li {display:flex;align-items:center;margin-top:20px;}
div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li:first-child {margin-top:0;}
div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li .rounding-flag {display:block;width:150px;}
div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li p {flex:1;padding-left:20px;}
div.bigdata-detail.stone section.section3 .neo-confucianism {background:url('/images/intro/stone/pattern_neo_confucianism.jpg') no-repeat 50% 50%;background-size:cover;}
div.bigdata-detail.stone section.section3 .neo-confucianism div.thumbnail-list div.info {margin-top:30px;}
div.bigdata-detail.stone section.section3 .neo-confucianism div.thumbnail-list div.info p {margin-top:15px;}
/********** 2020 renewal End// **********/


/********** 2021 renewal Start **********/
.bigdata-detail.black #header.header-change {background:#000;border-bottom:1px solid #1c1a19;}
.bigdata-detail.black #header.header-change .logo-themes span,
.bigdata-detail.black #header.active-search .logo-themes span {color:#fff;}
.bigdata-detail.black #header.header-change .logo-themes, 
.bigdata-detail.black #header.active-search .logo-themes {color:#fff;}
.bigdata-detail.black #header.header-change .gnb ul li a {color:#fff}
.bigdata-detail.black #header.header-change .logo-portal,
.bigdata-detail.black #header.active-search .logo-portal {background: url(/images/logo-wh.svg) no-repeat left center;background-size: 43px 35px;}
.independent.black #header.header-change {background:none;border-bottom:1px solid rgba(255,255,255,.1);}
.independent.black .nav-wrap .gnb.blue {background:none;}


/* 철문화 */
.bigdata-detail.steel-culture .header-visual {background-image:url('/images/intro/steel/bg-steel-culture.jpg');}
.bigdata-detail.steel-culture section {background-color:#222;}
.bigdata-detail.steel-culture section .inner-wrap {max-width:1400px;}
.bigdata-detail.steel-culture .sec-area dt span {display:inline-block;color:#fff;font: 40px 'NotoSansifCJKEL';}
.bigdata-detail.steel-culture .sec-area dt strong {color:#B3C70D;}
.bigdata-detail.steel-culture .sec-area dd {color:#fff;letter-spacing: -1px;}

.bigdata-detail.steel-culture .section1 .img-box {width:100%;display: flex;justify-content:space-between;}
.bigdata-detail.steel-culture .section1 .img-box .img-list {position: relative;}
.bigdata-detail.steel-culture .section1 .img-box .img-list .img img {width:100%;}
.bigdata-detail.steel-culture .section1 .img-box .img-list .img::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:1%;left:0;width:100%;height:100%;background-size:cover}
.bigdata-detail.steel-culture .section1 .img-box .img-list .tit {text-align:center;display:inline-block;width:100%;position: absolute;bottom:20px;left:0px;}
.bigdata-detail.steel-culture .section1 .img-box .img-list .tit p {color:#fff;}
.bigdata-detail.steel-culture .section1 .img-box .img-list .tit p:nth-child(1) {font-size:16px;margin-bottom:0px;}
.bigdata-detail.steel-culture .section1 .img-box .img-list .tit p:nth-child(2) {font-size:14px;font-weight: 100;}

.bigdata-detail.steel-culture .section2 {background:url(/images/intro/steel/bg-steel-sec2.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.steel-culture .section2 .count-box {}
.bigdata-detail.steel-culture .section2 .count-box p:nth-of-type(1) {text-align:center;font-size:20px;font-weight: 500;margin-bottom:30px;color:#B3C70D;}
.bigdata-detail.steel-culture .section2 .count-box p:nth-of-type(1) span {color:#fff;}
.bigdata-detail.steel-culture .section2 .count-box p:nth-of-type(2) {text-align:center;font-size:12px;font-weight: 400;margin:20px 0px 80px;color:#ddd;}
.bigdata-detail.steel-culture .section2 .count-box ul {display: flex;justify-content: space-between;margin-bottom:15px;flex-wrap:wrap;}
.bigdata-detail.steel-culture .section2 .count-box ul li {background: rgba(179, 199, 13, 0.1);border: 1px solid rgba(179, 199, 13, 0.2);box-sizing: border-box;border-radius: 5px;width:180px;height:140px;margin-bottom:20px;}
.bigdata-detail.steel-culture .section2 .count-box ul li:nth-of-type(1) {width:383px;}
.bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) {color:#fff;font-size:24px;font-weight: normal;font-family: 'Noto Serif KR', serif;display: flex;justify-content: center;align-content: center;margin:0;}
.bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) strong {color:#B3C70D;font-size:60px;font-style: italic;}
.bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) span {display: flex;align-items: flex-end;margin: 0px 0px 10px 5px;}
.bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(2) {color:#ddd;font-size:20px;font-weight: normal;font-family: 'Noto Serif KR', serif;display: flex;justify-content: center;align-content: center;margin:0;}

.bigdata-detail.steel-culture .section3 .video-player div.inner p.source {font-size:12px;color:#ddd;}

.bigdata-detail.steel-culture .section4 {background:url(/images/intro/steel/bg-steel-sec4.png) center no-repeat #222;width:100%;height:100%;background-size:cover;}
.bigdata-detail.steel-culture .section4 .inner-wrap {max-width:1080px;}
.bigdata-detail.steel-culture .section4 .img-box {display: flex;justify-content: space-between;}
.bigdata-detail.steel-culture .section4 .img-box .text-sec {width:50%;position: relative;font-size:16px;color:#fff;line-height: 21px;font-weight:400;}
.bigdata-detail.steel-culture .section4 .img-box .img-sec {position: relative;}
.bigdata-detail.steel-culture .section4 .img-box .img-sec .img {display:inline-block;width:100%;}
.bigdata-detail.steel-culture .section4 .img-box .img-sec .img::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:1%;left:0;width:100%;height:100%;background-size:cover}
.bigdata-detail.steel-culture .section4 .img-box .img-sec .img img {width:100%;}
.bigdata-detail.steel-culture .section4 .img-box .img-sec .tit {text-align:center;display:inline-block;width:100%;position: absolute;bottom:20px;left:0px;}
.bigdata-detail.steel-culture .section4 .img-box .img-sec .tit {color:#fff;font-size:16px;margin-bottom:0px;}

.bigdata-detail.steel-culture .section5 {background:#222;width:100%;height:100%;}
.bigdata-detail.steel-culture .section5 div.tab-menu ul {display: flex;justify-content: center;}
.bigdata-detail.steel-culture .section5 div.tab-menu ul > li {margin:0% 0.5% 30px;}
.bigdata-detail.steel-culture .section5 div.tab-menu ul > li > a {width:160px;height:52px;line-height: 50px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;border-radius: 5px;color:#fff;font-size:16px;}
.bigdata-detail.steel-culture .section5 div.tab-menu ul > li.active > a {background:#B3C70D;color:#222;font-weight: 600;} 
.bigdata-detail.steel-culture .section5 .tab-box .text {text-align: center;color:#fff;font-size:16px;opacity: 0.8;font-weight: 400;margin-bottom:30px;}

.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box {display: flex;justify-content: space-between;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list {margin:0% 1%;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum {position: relative;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .img {width:336px;height:224px;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .img img {width:100%;height:100%;}

.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .img::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:0%;left:0;width:100%;height:100%;background-size:cover}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .tit {text-align:center;display:inline-block;width:100%;position: absolute;bottom:10px;left:0px;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .tit p {color:#fff;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .tit p:nth-child(1) {font-size:16px;margin-bottom:0px;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .tit p:nth-child(2) {font-size:14px;font-weight: 100;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .desc p:nth-of-type(1) {color:#fff;padding:20px 0px 10px;font-size: 18px;}
.bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .desc p:nth-of-type(2) {color:#fff;font-size: 16px;line-height: 24px;font-weight: normal;letter-spacing: -1px;}


.bigdata-detail.steel-culture .section6 {background:url(/images/intro/steel/bg-steel-sec6.png) center no-repeat #222;width:100%;height:100%;background-size:cover;}
.bigdata-detail.steel-culture .section6 .tab {display: flex;justify-content: center;}
.bigdata-detail.steel-culture .section6 .tab select.mobile {display:none;}
.bigdata-detail.steel-culture .section6 .tabs {position: relative;width: 100%;height:720px;}
.bigdata-detail.steel-culture .section6 .tabs li {display: inline-block;margin:0% 0px;padding: 0;text-align: center;}
.bigdata-detail.steel-culture .section6 .tabs li:last-child {margin-right:0;}
.bigdata-detail.steel-culture .section6 .tabs li a {background-color: #222;color:#fff;border-radius:50px;font-size:14px;letter-spacing:-1px;width:56px;height:56px;line-height:48px;font-weight: 400;display: inline-block;opacity: 0.9;border:0;position: absolute;top:0px;left:0px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.bigdata-detail.steel-culture .section6 .tabs li .map-img {display:none;}
.bigdata-detail.steel-culture .section6 .tabs li .map-img img {width:100%;}
.bigdata-detail.steel-culture .section6 .tabs li.current .map-img {display:block;}
.bigdata-detail.steel-culture .section6 .tabs li.current a {color:#B3C70D;opacity: 1;box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
.bigdata-detail.steel-culture .section6 .tabs li.seoul a {top:calc(50% - 255px);left:calc(50% - 208px);}
.bigdata-detail.steel-culture .section6 .tabs li.gyeonggi a {top:calc(50% - 197px);left:calc(50% - 170px);}
.bigdata-detail.steel-culture .section6 .tabs li.incheon a {top:calc(50% - 240px);left:calc(50% - 272px);}
.bigdata-detail.steel-culture .section6 .tabs li.gangwon a {top:calc(50% - 250px);left:calc(50% - 47px);}
.bigdata-detail.steel-culture .section6 .tabs li.chungbuk a {top:calc(50% - 135px);left:calc(50% - 125px);}
.bigdata-detail.steel-culture .section6 .tabs li.chungnam a {top:calc(50% - 88px);left:calc(50% - 243px);}
.bigdata-detail.steel-culture .section6 .tabs li.gyeongnam a {top:calc(50% - -100px);left:calc(50% - 88px);}
.bigdata-detail.steel-culture .section6 .tabs li.ulsan a {top:calc(50% - -65px);left:calc(50% - -56px);}
.bigdata-detail.steel-culture .section6 .tabs li.busan a {top:calc(50% - -141px);left:calc(50% - -30px);}
.bigdata-detail.steel-culture .section6 .tab_content {display:inline-block;width:100%;padding:0% 2%;}
.bigdata-detail.steel-culture .section6 .tabs_item {display: none;padding: 10px 0;}
.bigdata-detail.steel-culture .section6 .tabs_item:first-child {display: block;}
.bigdata-detail.steel-culture .section6 .tabs_item .con-box h2 {font-size:20px;font-weight: 600;color:#fff;margin-bottom:15px;}
.bigdata-detail.steel-culture .section6 .tabs_item .con-box .con-list {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;border-radius: 5px;padding:24px 32px;margin-bottom:8px;}
.bigdata-detail.steel-culture .section6 .tabs_item .con-box .con-list p:nth-of-type(1) {font-size:18px;line-height: 27px;font-weight: 600;color:#fff;padding-bottom:10px;}
.bigdata-detail.steel-culture .section6 .tabs_item .con-box .con-list p:nth-of-type(2) {font-size:16px;line-height: 24px;font-weight: 200;color:#fff;letter-spacing: -1px;}
.bigdata-detail.steel-culture .section6 .tabs_item .data {text-align: right;font-size: 12px;color:#aaa;margin-top:20px;}



/* 지역의 오래된 우리 가게 */
.bigdata-detail.oldshop .header-visual {background-image:url('/images/intro/oldshop/bg-oldshop.jpg');}
.bigdata-detail.oldshop section {background-color:#555144;}
.bigdata-detail.oldshop section .inner-wrap {max-width:1400px;}
.bigdata-detail.oldshop .sec-area dt span {display:inline-block;color:#fff;font: 40px 'NotoSansifCJKEL';}
.bigdata-detail.oldshop .sec-area dt strong {color:#E7B200;}
.bigdata-detail.oldshop .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.bigdata-detail.oldshop .sec-area dd {color:#fff;letter-spacing: -1px;}

.bigdata-detail.oldshop .section1 {background:url(/images/intro/oldshop/img-oldshop-sec1-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:cover;}
.bigdata-detail.oldshop .section1.bg1 {background:url(/images/intro/oldshop/img-oldshop-sec1-bg.png) no-repeat #555144;background-size:cover;}
.bigdata-detail.oldshop .section1.bg2 {background:url(/images/intro/oldshop/img-oldshop-sec1-bg2.png) no-repeat #555144;background-size:cover;}
.bigdata-detail.oldshop .section1.bg3 {background:url(/images/intro/oldshop/img-oldshop-sec1-bg3.png) no-repeat #555144;background-size:cover;}
.bigdata-detail.oldshop .section1.bg4 {background:url(/images/intro/oldshop/img-oldshop-sec1-bg4.png) no-repeat #555144;background-size:cover;}
.bigdata-detail.oldshop .section1 div.tab-menu ul {display: flex;justify-content: center;}
.bigdata-detail.oldshop .section1 div.tab-menu ul > li {margin:0% 0.5% 40px;}
.bigdata-detail.oldshop .section1 div.tab-menu ul > li > a {width:160px;height:52px;line-height: 50px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;border-radius: 5px;color:#fff;font-size:16px;}
.bigdata-detail.oldshop .section1 div.tab-menu ul > li.active > a {background:#E7B200;color:#222;font-weight: 600;} 
.bigdata-detail.oldshop .section1 .tab-box .con-box {display:flex;justify-content: center;}
.bigdata-detail.oldshop .section1 .tab-box .con-box > div {width:50%;}
.bigdata-detail.oldshop .section1 .tab-box .con-box > div > img {width:100%;border-radius: 8px;}
.bigdata-detail.oldshop .section1 .tab-box .con-box > .text-sec {margin-left:2%;padding:4% 4%;background:rgba(0,0,0,0.2);border: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;border-radius: 5px;height:492px;}
.bigdata-detail.oldshop .section1 .tab-box .con-box > .text-sec p:nth-of-type(1) {font-size:24px;color:#fff;margin-bottom:15px;}
.bigdata-detail.oldshop .section1 .tab-box .con-box > .text-sec p:nth-of-type(2) {font-size:16px;line-height:24px;color:#fff;opacity: 0.9;}

.bigdata-detail.oldshop .section2 {background:url(/images/intro/oldshop/img-oldshop-sec2-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:100% 100%;}
.bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul {display: flex;justify-content: center;}
.bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li {margin:0% 0.5% 40px;text-align:center;}
.bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li > a {width:160px;height:52px;line-height: 50px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;border-radius: 5px;color:#fff;font-size:16px;display:block;}
.bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li.active > a {background:#E7B200;color:#222;font-weight: 600;} 
.bigdata-detail.oldshop .section2 .tab-menu.tabs-sec2 ul li a {}
.bigdata-detail.oldshop .section2 .tabContent-sec2 {display:none;}
.bigdata-detail.oldshop .section2 .tabContent-sec2.active {display:block;}

.bigdata-detail.oldshop section .image-accordion {display: flex;max-width:1400px;margin: 0 auto;}
.bigdata-detail.oldshop section .image-accordion .acc-list {flex: 1;margin: 0px 5px;overflow: hidden;overflow: hidden;border-radius:5px;position: relative;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.oldshop section .image-accordion .acc-list img {width:450px;height: 400px;}
.bigdata-detail.oldshop section .image-accordion .selected-image {flex: 2;opacity: 1;}
.bigdata-detail.oldshop section .image-accordion .acc-list .img-sec {border-radius:5px;display:flex;justify-content: center;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec {width:104%;height:100%;padding:30px 8%;background-size:100% 100%;display: block;opacity: 1;position: absolute;top:73%;left:-2%;}
.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec {background:url(/images/intro/oldshop/img-oldshop-accordion-bg.png) center no-repeat;width:104%;height:100%;padding:30px 8%;background-size:100% 100%;display: block;opacity: 1;position: absolute;top:0px;left:-2%;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec p:nth-of-type(1) {font-size:14px;color:#fff;margin-bottom:15px;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec p:nth-of-type(1) strong {display:block;font-size:18px;color:#fff;font-weight: 500;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec p:nth-of-type(1) strong span {font-size: 14px;display: block;padding:3px 0px;font-weight: 300;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec p:nth-of-type(2) {font-size:16px;color:#fff;opacity: 0;}
.bigdata-detail.oldshop section .image-accordion .acc-list .text-sec p:nth-of-type(3) {color:#E7B200;text-decoration: underline;font-size:14px;text-align: center;position: absolute;bottom: 25px;left: calc(50% - 32px);opacity: 0;} 

.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec p:nth-of-type(1) {font-size:16px;}
.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec p:nth-of-type(1) strong {font-size:24px;font-weight: 700;}
.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec p:nth-of-type(1) strong span {display:none;}
.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec p:nth-of-type(2) {opacity: 1;}
.bigdata-detail.oldshop section .image-accordion .acc-list.selected-image .text-sec p:nth-of-type(3) {opacity: 1;} 
.bigdata-detail.oldshop section .image-accordion .acc-list:hover .text-sec {
-webkit-animation:fadeon 0.5s ease;
animation:fadeon 0.5s ease;
}

@-webkit-keyframes fadeon {
0% {opacity: 0;-webkit-transform: translate(0%,50%);}
100% {opacity: 1;-webkit-transform: translate(0%,0%);}
}
@keyframes fadeon {
0% {opacity: 0;transform: translate(0%,50%);}
100% {opacity: 1;transform: translate(0%,0%);}
}

.bigdata-detail.oldshop .section3 {background:url(/images/intro/oldshop/img-oldshop-sec3-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:cover;}
.bigdata-detail.oldshop .section3 .con-box {display:flex;justify-content: center;}
.bigdata-detail.oldshop .section3 .con-box .fl {width:48%;margin-right:2%;}
.bigdata-detail.oldshop .section3 .con-box .fl:last-child {margin:0;}
.bigdata-detail.oldshop .section3 .con-box .img-sec img {width:100%;border-radius: 8px;}
.bigdata-detail.oldshop .section3 .con-box .text-sec {margin-top:30px;}
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(1) {font-size:16px;color:#fff;margin-bottom:15px;}
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(2) {font-size:16px;color:#fff;}
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(3) {margin-top:60px;} 
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(3) a {color:#E7B200; font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(3) a span {padding-left:40px;}

.bigdata-detail.oldshop .section4 {background:url(/images/intro/oldshop/img-oldshop-sec4-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:cover;}

.bigdata-detail.oldshop .section5 {background:url(/images/intro/oldshop/img-oldshop-sec5-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:cover;}
.bigdata-detail.oldshop .section5 .con-box .sec1 {display:flex;justify-content: center;margin-bottom:20px;}
.bigdata-detail.oldshop .section5 .con-box .sec1 .fl {width:49%;margin-right:2%;position: relative;}
.bigdata-detail.oldshop .section5 .con-box .sec1 .fl:last-child {margin-right:0;}
.bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec {position:relative;}
.bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec img {width:100%;height:400px;border-radius:8px;}

.bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:1%;left:0;width:100%;height:100%;background-size:100% 100%}
.bigdata-detail.oldshop .section5 .con-box .sec1 .text-sec {text-align:center;display:inline-block;width:100%;position: absolute;bottom:20px;left:0px;}
.bigdata-detail.oldshop .section5 .con-box .sec1 .text-sec p {color:#fff;font-size:16px;margin-bottom:0px;}
.bigdata-detail.oldshop .section5 .con-box .sec2 {display:flex;justify-content: center;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl {background:rgba(255,255,255,0.1);margin-right:2%;padding:30px 2%;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl:last-child {margin-right:0;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(1) {font-size:24px;color:#fff;margin-bottom:15px;text-align: center;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(2) {font-size:16px;color:#fff;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(3) {margin-top:60px;text-align: center;} 
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(3) a {color:#E7B200; font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.oldshop .section5 .con-box .sec2 .fl p:nth-of-type(3) a span {padding-left:40px;}

.bigdata-detail.oldshop .section6 {background:url(/images/intro/oldshop/img-oldshop-sec6-bg.png) center no-repeat #555144;width:100%;height:100%;background-size:cover;}
.bigdata-detail.oldshop .section6 .image-accordion {display: flex;max-width:1170px;margin: 0 auto;}






/* 지역 이색박물관 */
.bigdata-detail.museum .header-visual {background-image:url('/images/intro/museum/bg-museum.jpg');}
.bigdata-detail.museum section {background-color:#555144;}
.bigdata-detail.museum section .inner-wrap {max-width:1286px;}
.bigdata-detail.museum .sec-area dt span {display:inline-block;color:#E7B200;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.bigdata-detail.museum .sec-area dt strong {color:#fff;font-weight: 500;}
.bigdata-detail.museum .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.bigdata-detail.museum .sec-area dd {color:#fff;letter-spacing: -1px;}

.bigdata-detail.museum .section1 {background:url(/images/intro/museum/img-museum-sec1-bg.jpg) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.museum .section1 .con-box .info {background: rgba(255, 255, 255, 0.1);border-radius: 5px;padding:20px 24px;width:700px;margin:0 auto 80px;}
.bigdata-detail.museum .section1 .con-box .info p {color:#fff;font-size:12px;}
.bigdata-detail.museum .section1 .con-box .info p:nth-child(1) {font-size:16px;margin-bottom:15px;font-weight: 500;}
.bigdata-detail.museum .section1 .con-box .info p:nth-child(1) {font-weight: 200;}
.bigdata-detail.museum .section1 .con-box .graph1 {text-align: center;}
.bigdata-detail.museum .section1 .con-box .graph1 .tit-sec {margin-bottom:60px;}
.bigdata-detail.museum .section1 .con-box .graph1 .tit-sec p:nth-of-type(1) {font-size:40px;color:#E7B200;font-weight: 600;margin-bottom:10px;}
.bigdata-detail.museum .section1 .con-box .graph1 .tit-sec p:nth-of-type(2) {font-size:30px;color:#fff;font-weight: 400;margin-bottom:20px;}
.bigdata-detail.museum .section1 .con-box .graph1 .tit-sec p:nth-of-type(3) {font-size:16px;color:#fff;font-weight: 400;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec {background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;border-radius: 5px;padding:40px 60px;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .top {margin-bottom:40px;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .top p {color:#fff;font-size: 20px;font-weight: 500;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .top p span {color:#E7B200;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .mid img {width:100%;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot {margin-top:60px;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot p {color:#fff;font-size:16px;display: inline;padding:0px 40px;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot p .dot {width:14px;height:14px;display:inline-block;background: #fff;margin:0px 10px 5px 0px;border-radius:50px;vertical-align: middle;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot p:nth-of-type(1) .dot {background: #e7b200;}
.bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot p:nth-of-type(2) .dot {background: #56ccf2;}

.bigdata-detail.museum .section2 {background: #222;}
.bigdata-detail.museum .section2 .con-box .graph2 {text-align: center;}
.bigdata-detail.museum .section2 .con-box .graph2 .tit-sec {margin-bottom:60px;}
.bigdata-detail.museum .section2 .con-box .graph2 .tit-sec p:nth-of-type(1) {font-size:40px;color:#E7B200;font-weight: 600;margin-bottom:10px;}
.bigdata-detail.museum .section2 .con-box .graph2 .tit-sec p:nth-of-type(2) {font-size:30px;color:#fff;font-weight: 400;margin-bottom:20px;}
.bigdata-detail.museum .section2 .con-box .graph2 .tit-sec p:nth-of-type(3) {font-size:16px;color:#fff;font-weight: 400;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .top {margin-bottom:40px;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .top p {color:#fff;font-size: 20px;font-weight: 500;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .top p span {color:#E7B200;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid {display: flex;justify-content: space-between;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div {width:49%;margin-right:2%;padding:2% 4% 4%;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div:last-child {margin-right:0;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > .left-sec {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > .right-sec {background: rgba(86, 204, 242, 0.1);border: 1px solid rgba(86, 204, 242, 0.3);box-sizing: border-box;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .ti {color:#fff;font-size:24px;margin-bottom:30px;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .gr {max-width:350px;max-height: 350px;margin:0 auto 40px;display:inline-block;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .gr img {width:100%;}

.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da {}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg {border-collapse:collapse;border-spacing:0;width:100%;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg caption {overflow: visible;width:auto;height:auto;font-size:16px;text-indent: inherit;line-height: 16px;text-align: left;margin-bottom:15px;color:#fff;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg td {border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:10px 5px;word-break:normal;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg th {border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg .tg-lboi {border-color:transparent;text-align:center;vertical-align:middle;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg .tg-0pky {border-color:transparent;text-align:center;vertical-align:top;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg thead tr:nth-of-type(1) .tg-lboi {background: #222;color:#fff;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg thead tr:nth-of-type(2) .tg-lboi {background: #666;color:#fff;}
.bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > div .da .tg tbody tr td {background: #fff;color:#222;}

.bigdata-detail.museum .section3 {background:url(/images/intro/museum/img-museum-sec3-bg.jpg) center no-repeat;width:100%;height:100%;background-size:cover;z-index: 999;}
.bigdata-detail.museum .section3 .tab-box .tab {display: flex;justify-content: space-between;position: relative;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box {width:50%;height:590px;padding:0px 0px;overflow: auto;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .head-area {display: flex;justify-content: center;background:#222;border-radius: 5px;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .head-area > div {font-size:18px;color:#fff;line-height: 48px;height:48px;width:18.5%;text-align: center;}
.bigdata-detail.museum .section3 .tab-box .tab .tabs {margin:8px 0px;width:auto;overflow: visible;} 
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;border-radius: 5px;margin-bottom:8px;display: flex;justify-content: space-between;padding:0px 4%;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area:hover {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);transform: scale(1.03,1.0);}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area.current {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);transform: scale(1.03,1.0);}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > div {font-size:16px;color:#fff;line-height: 56px;height:56px;width:19%;text-align: center;}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area:hover > div {color:#E7B200;}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > .area {text-align: left;}
.bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > .more a {background:url(/images/intro/museum/icon-arr-right.png) center no-repeat;padding-right:20px;background-size: 4px 10px;background-position: center right;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area {display: flex;justify-content: flex-start;background:#222;border-radius: 5px;padding:0px 4%;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area > div {font-size:18px;color:#fff;line-height: 48px;height:48px;width:20%;text-align: center;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area .Title {text-align: left;}
.bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area .Title:after {display: none;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content {width:50%;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .data {position: absolute;bottom:30px;right:35px;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item {background:url(/images/intro/museum/img-museum-sec3-1.png) center no-repeat;width:436px;height:682px;background-size:100% 100%;position: relative;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active {position: absolute;width: 48px;height: 48px;line-height: 45px; background: rgba(40, 40, 40, 0.9);border: 1px solid #222222;box-sizing: border-box;border-radius: 50px;color:#fff;text-align: center;font-size: 16px;font-weight: 700;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.on {width: 56px;height: 56px;line-height: 53px;background: #E7B200;border: 1px solid #222222;box-sizing: border-box;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 50px;color:#222;
-webkit-animation:bounce 0.4s ease;
animation:bounce 0.4s ease;
}
@-webkit-keyframes bounce {
0%   {transform: scale(1.1);}
50%  {transform: scale(1.2);}
100% {transform: scale(1.0);}
}
@keyframes bounce {
0%   {transform: scale(1.1);}
50%  {transform: scale(1.2);}
100% {transform: scale(1.0);}
}
.bigdata-detail.museum .section3 #mCSB_1_container {padding: 0% 4%;}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.seoul {top:calc(50% - 243px);left:calc(50% - 82px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.busan {top:calc(50% - -127px);left:calc(50% - -122px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.daegu {top:calc(50% - -26px);left:calc(50% - -75px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.incheon {top:calc(50% - 223px);left:calc(50% - 139px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.gwangju {top:calc(50% - -114px);left:calc(50% - 128px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.daejeon {top:calc(50% - 20px);left:calc(50% - 53px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.ulsan {top:calc(50% - -65px);left:calc(50% - -160px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.sejong {top:calc(50% - 90px);left:calc(50% - 70px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.gyeonggi {top:calc(50% - 188px);left:calc(50% - 40px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.gangwon {top:calc(50% - 230px);left:calc(50% - -70px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.chungbuk {top:calc(50% - 133px);left:calc(50% - -7px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.chungnam {top:calc(50% - 90px);left:calc(50% - 140px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.jeonbuk {top:calc(50% - -32px);left:calc(50% - 98px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.jeonnam {top:calc(50% - -160px);left:calc(50% - 73px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.gyeongbuk {top:calc(50% - 52px);left:calc(50% - -112px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.gyeongnam {top:calc(50% - -102px);left:calc(50% - -26px);}
.bigdata-detail.museum .section3 .tab-box .tab .tab_content .tabs_item .con-box .area-active.jeju {top:calc(50% - -291px);left:calc(50% - 173px);}

.popup {width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; z-index: 9999; top: 0; left: 0;display:none;}
.popup .pop-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pop-museum {width:1280px;height:auto;background:#fff;border-radius:5px;overflow: hidden;}
.pop-museum h3 {background:#222;padding:20px 20px 100px;font-size:20px;color:#fff;}
.pop-museum .inner {min-height:640px;padding:30px;}
.pop-museum .inner .con-box #selectBox {position: absolute;top:100px;left:50%;transform: translate(-50%, -50%);background:url(/images/intro/museum/icon-arr-down.png) no-repeat #fff;width:300px;height:40px;padding:0px 20px;border-radius: 5px;background-size: 10px 6px;background-position: 270px center;}
.pop-museum .pop-close {position: absolute;top:30px;right:30px;cursor: pointer;}
.pop-museum .tab_content {display:inline-block;width:100%;padding:0% 2%;}
.pop-museum .tabs_item_pop {display: none;padding: 10px 0;}
.pop-museum .tabs_item_pop:first-child {display: block;}
.pop-museum .tabs_item_pop .head-sec {display: inline-block;width:100%;height:20px;margin-bottom:10px;}
.pop-museum .tabs_item_pop .head-sec .left-sec {float:left;}
.pop-museum .tabs_item_pop .head-sec .right-sec {float:right;}
.pop-museum .tabs_item_pop .head-sec .left-sec .total-count {font-size:16px;}
.pop-museum .tabs_item_pop .head-sec .left-sec .total-count span {font-weight: 600;color:#222;padding-left:5px;}
.pop-museum .tabs_item_pop .head-sec .left-sec .data-info {font-size:12px;color:#777;}
.pop-museum .tabs_item_pop .body-sec {height:500px;overflow: auto;}
.pop-museum .tabs_item_pop .body-sec table {width:100%;border-top:2px solid #222;}
.pop-museum .tabs_item_pop .body-sec table tr {}
.pop-museum .tabs_item_pop .body-sec table tr th,
.pop-museum .tabs_item_pop .body-sec table tr td {padding:10px;text-align: center;border-bottom:1px solid #f2f2f2;}
.pop-museum .tabs_item_pop .body-sec table tr th {background: #f2f2f2;}
.pop-museum .tabs_item_pop .body-sec table tr td a img {margin-left:10px;}
.pop-museum .inner .con-box .tab {position: static !important;display: inline-block !important;width:100%;}
.bigdata-detail .pop-museum .tab_content {display:inline-block;width:100% !important;padding:0% 2%;}
.bigdata-detail .pop-museum .tabs_item {display: none;padding: 10px 0;}
.bigdata-detail .pop-museum .tabs_item:first-child {display: block;}

.bigdata-detail.museum .section4 {padding:0;min-width: initial;}
.bigdata-detail.museum .section4 .inner-wrap {width:100%;max-width:initial;padding:0;}
.bigdata-detail.museum .section4 .mySwiper {padding:0px 0px !important;background: #222;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide {background:#fff;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box {display:flex;justify-content: space-between;height: auto;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec {width:40%;height:85vh;padding:110px 0px 20px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide:nth-of-type(1) .inner-box .left-sec {background:url(/images/intro/museum/img-museum-sec4-1-bg1.jpg) center no-repeat;background-size:cover;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide:nth-of-type(2) .inner-box .left-sec {background:url(/images/intro/museum/img-museum-sec4-1-bg2.jpg) center no-repeat;background-size:cover;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide:nth-of-type(3) .inner-box .left-sec {background:url(/images/intro/museum/img-museum-sec4-1-bg3.jpg) center no-repeat;background-size:cover;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide:nth-of-type(4) .inner-box .left-sec {background:url(/images/intro/museum/img-museum-sec4-1-bg4.jpg) center no-repeat;background-size:cover;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide:nth-of-type(5) .inner-box .left-sec {background:url(/images/intro/museum/img-museum-sec4-1-bg5.jpg) center no-repeat;background-size:cover;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title {padding:0px 80px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title h3 {font-size:56px;font-weight: 700;line-height: 72px;color:#fff;margin-bottom:20px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title p {font-size:18px;color:#fff;opacity: 0.8;}

.bigdata-detail.museum .section4 .mySwiper .swiper-pagination {position:absolute;left:calc(4% - 0px);bottom:calc(9% - 0px);width:32%;}
.bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet {display:inline-block;color:#fff;width:100%;height:56px;line-height: 56px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;border-radius: 5px;margin-bottom:15px;font-size:18px;font-weight: 100;opacity: 1;text-align: left;padding:0% 5%;position: relative;}
.bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:after {content:"";background: url(/images/intro/museum/icon-arr-right.png) no-repeat;background-size:4px 10px;background-position: center;width: 10px;height: 10px;position: absolute;right: 30px;top: 23px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet-active {color: #222;font-weight: 600;background: #E7B200;}
.bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet-active:after {content:"";background: url(/images/intro/museum/icon-arr-right-bl.png) no-repeat;background-size:4px 10px;background-position: center;width: 10px;height: 10px;position: absolute;right: 30px;top: 23px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-button-next.swiper-button-disabled, .bigdata-detail.museum .section4 .mySwiper .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;}
.bigdata-detail.museum .section4 .mySwiper .swiper-button-next, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-prev {top:12%;right:6%;}
.bigdata-detail.museum .section4 .mySwiper .swiper-button-prev, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-next {top:12%;left:46%;}
.bigdata-detail.museum .section4 .mySwiper .swiper-button-next:after, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-prev:after {font-size:30px;color:#fff;}
.bigdata-detail.museum .section4 .mySwiper .swiper-button-prev:after, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-next:after {font-size:30px;color:#fff;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec {width:60%;height: 85vh;overflow: auto;padding:110px 80px 20px;background: #222;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .title {text-align:center;color:#fff;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .title h3 {font-size:32px;margin-bottom:5px;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .title p {font-size:16px;margin-bottom:40px;padding:0% 10%;opacity: 0.7;}
.bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .card-grid-box {width:100%;height:100%;overflow: hidden;}

.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap {margin: 0 auto; padding: 20px 20px 0px; width: 100%;display: inline-block;overflow: hidden;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-grid {margin: 0 auto}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card {float:left;width: 32%;min-height:370px;max-height:370px;margin-right:2%;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card:nth-of-type(3n+3) {margin-right:0;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a {display: block;max-width: 320px;margin:0 auto;border-radius: 5px; border: 2px solid transparent; overflow: hidden; margin-bottom: 20px; box-sizing: border-box;height:350px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a:hover .card-thumb:after,
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a:focus .card-thumb:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .5) url(/cms/imgs/common/bg/bg-card-more.png) no-repeat center;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a:hover,
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a:focus {border-color: #e7b200;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-gutter {width: 40px;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-cap {color: #2781c1; font-size: 1rem; margin-bottom: 0;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb {width: 100%; height: 145px; position: relative; overflow: hidden;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb:after {content: ""; display: block; position: absolute; background: url(/cms/imgs/common/img/img-thumb-dimd.png) no-repeat center bottom; background-size: cover; width: 100%; height: 100%; top: 0; left: 0;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb img {display: block; position: absolute; top: 50%; left: 50%; max-width: 130%; max-height: 130%; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%);}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb .source-origin {text-align: left;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-txt {background: #fff; padding: 24px 20px; height: 100%;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb ~ .card-txt {}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-title {font-size: 16px; font-weight: 700; color: #333; line-height: 1.4; margin-bottom: 9px; word-break: break-all; height: 2.9em; overflow: hidden;text-align: left;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-summary {color: #666; line-height: 1.5; overflow: hidden; word-break: break-all;text-align: left;height:245px;}
.bigdata-detail.museum .section4 .mySwiper .sort-card-gride-wrap .card a { height: 344px; }
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card.thumb-img {height:auto;}
.bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card.thumb-img .card-summary {height:100px;}


/* 한국의 강과 바다 */
.bigdata-detail.sea-river .header-visual {background:#333;padding:0;}
.bigdata-detail.sea-river .header-visual .page-header {position: absolute;top:30% !important;width:auto;}
.bigdata-detail.sea-river .header-visual .page-header h3 span {font-weight: 100;margin-bottom: 20px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);}
.bigdata-detail.sea-river .header-visual .page-header h3 strong {font-weight: 700;}
.bigdata-detail.sea-river .header-visual .header-box {width:100%;height:100%;display: flex;justify-content: space-between;align-items: center;background-size:cover;cursor:pointer;}
.bigdata-detail.sea-river .header-visual .header-box.river {background: url(/images/intro/seariver/img-seariver-river-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.sea-river .header-visual .header-box.sea {background: url(/images/intro/seariver/img-seariver-sea-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.sea-river .header-visual .header-box .sea-box,
.bigdata-detail.sea-river .header-visual .header-box .river-box {width:50%;height:100%;display: inline-grid;align-items: center}
.bigdata-detail.sea-river .header-visual .header-box .river-box .title-box {margin-left:5%;}
.bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Tit span.Txt {color:#fff;font-size:80px;font-weight: 700;}
.bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Tit span.arr {width:90px;height:20px;display:inline-block;background: url(/images/intro/seariver/icon-left-arr.png) no-repeat;margin-right: 30px;}
.bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Con {color:#fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);font-size: 16px;margin-left: 125px;width: 55%;text-align: left;float: left;opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box {margin-right:5%;text-align: right;}
.bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Tit span.Txt {color:#fff;font-size:80px;font-weight: 700;}
.bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Tit span.arr {width:90px;height:20px;display:inline-block;background: url(/images/intro/seariver/icon-right-arr.png) no-repeat;margin-left: 30px;}
.bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Con {color:#fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);font-size: 16px;margin-right: 125px;width: 55%;text-align: right;float:right;opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.sea-river .header-visual .header-box > div .title-box .Tit {filter: blur(1.5px);-webkit-filter: blur(1.5px);}
.bigdata-detail.sea-river .header-visual .header-box > div.active .title-box .Con {opacity: 1;}
.bigdata-detail.sea-river .header-visual .header-box > div.active .title-box .Tit {filter: blur(0px);-webkit-filter: blur(0px);}

.bigdata-detail.sea-river section {background-color:#555144;}
.bigdata-detail.sea-river section .inner-wrap {max-width:1286px;}
.bigdata-detail.sea-river .sec-area dt span {display:inline-block;color:#E7B200;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.bigdata-detail.sea-river .sec-area dt strong {color:#fff;font-weight: 500;}
.bigdata-detail.sea-river .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.bigdata-detail.sea-river .sec-area dd {color:#fff;letter-spacing: -1px;}
.bigdata-detail.sea-river .section1 {z-index: 9999;}
.bigdata-detail.sea-river .river-content {display: none;position: absolute;top:0px;left:-100%;width:100%;z-index: 101;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.bigdata-detail.sea-river .sea-content {display:none;position: absolute;top:0px;right:-100%;width:100%;z-index: 101;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.bigdata-detail.sea-river .river-content .section1 {height: calc(100vh - 120px);padding-bottom: 0;}
.bigdata-detail.sea-river .sea-content .section1 {height: calc(100vh - 120px);padding-bottom: 0;}
.bigdata-detail.sea-river .nav-box {height:270px;}
.bigdata-detail.sea-river .nav-left-box {position:fixed;left:0%;top:42%;}
.bigdata-detail.sea-river .nav-right-box {position:fixed;right:0%;top:42%;}
.bigdata-detail.sea-river .nav-left-box .menu .Text {position:absolute;left:0%;top:45%;}
.bigdata-detail.sea-river .nav-right-box .menu .Text {position:absolute;right:0%;top:45%;}
.bigdata-detail.sea-river .nav-box .menu {height:270px;}
.bigdata-detail.sea-river .nav-left-box .menu .Img {display: none;}
.bigdata-detail.sea-river .nav-right-box .menu .Img {display: none;}
.bigdata-detail.sea-river .nav-box .menu .Text {color:#fff;font-size:16px;font-weight: 700;border-bottom:1px solid #fff;padding-bottom:7px;width:80px;display: inline-block;}
.bigdata-detail.sea-river .nav-left-box .menu .Text {display: inline-block;transform: rotate(-90deg);}
.bigdata-detail.sea-river .nav-right-box .menu .Text {display:inline-block;transform: rotate(90deg);}

.bigdata-detail.sea-river .river-content .section1 {background:url(/images/intro/seariver/img-river-sec1-bg.png) center no-repeat;width:100%;height:100vh;background-size:cover;padding:0;z-index: 9;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap {max-width:inherit;width:100%;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .sec-area {position: absolute;top: 20%;left: 50%;transform: translate(-50%, -50%);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box {display: flex;justify-content: space-between;height:100vh;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list {border-right:1px solid rgba(255,255,255,0.2);text-align: center;width:20%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;overflow: hidden;box-sizing: border-box;position: relative;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:last-child {border:0;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p {color:#fff;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(1) {font-size:20px;margin-bottom:10px;position: relative;top:40%;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(2) {font-size:48px;font-weight: 700;margin-bottom:60px;position: relative;top:40%;font-family: 'NotoSansifCJKEL';}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) {position: relative;top:40%;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) a {border:1px solid #E7B200;color:#E7B200;border-radius: 50px;font-size:16px;padding:8px 20px 10px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;display:none;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) a span {padding-left:40px;font-size:14px;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) a:hover span {color:#222;}

.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:hover p:nth-of-type(3) a {display: inline-block;}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:nth-of-type(1):hover {background:url(/images/intro/seariver/img-river-sec1-1.png) center no-repeat;height:100%;background-size:cover;transform: scale(1.15);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:nth-of-type(2):hover {background:url(/images/intro/seariver/img-river-sec1-2.png) center no-repeat;height:100%;background-size:cover;transform: scale(1.15);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:nth-of-type(3):hover {background:url(/images/intro/seariver/img-river-sec1-3.png) center no-repeat;height:100%;background-size:cover;transform: scale(1.15);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:nth-of-type(4):hover {background:url(/images/intro/seariver/img-river-sec1-4.png) center no-repeat;height:100%;background-size:cover;transform: scale(1.15);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:nth-of-type(5):hover {background:url(/images/intro/seariver/img-river-sec1-5.png) center no-repeat;height:100%;background-size:cover;transform: scale(1.15);}
.bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list:hover {border:0;overflow: hidden;}

.bigdata-detail.sea-river .pop-river {background:#fff;width:1220px;padding:40px;border-radius: 10px;}
.bigdata-detail.sea-river .pop-river .pop-close {position: absolute;right:30px;top:20px;}
.bigdata-detail.sea-river .pop-river .inner {display: flex;justify-content: space-between;}
.bigdata-detail.sea-river .pop-river .inner > div {width:50%;}
.bigdata-detail.sea-river .pop-river .inner .left-sec {margin-right:5%;position: relative;}
.bigdata-detail.sea-river .pop-river .inner .left-sec .Img {width:100%;height:100%;}
.bigdata-detail.sea-river .pop-river .inner .left-sec .Img img {width:100%;height: 100%;}
.bigdata-detail.sea-river .pop-river .inner .left-sec .Img::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.sea-river .pop-river .inner .left-sec .Tit {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;}
.bigdata-detail.sea-river .pop-river .inner .left-sec .Tit p:nth-fo-type(2) {font-size:14px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec {position: relative;}
.bigdata-detail.sea-river .pop-river .inner .right-sec h3 {font-size:28px;font-weight: 600;color:#222;margin-bottom:20px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p {font-size:16px;margin-bottom: 5px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p span:nth-of-type(1) {font-weight: 700;padding-right:20px;display: inline-block;width:100px;}

.bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(3) {height: 130px;overflow: hidden;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(4) {position: absolute;bottom:60px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(5) {position: absolute;bottom:5px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p a {display: inline-block;min-width:460px;border:1px solid #E7B200;color:#E7B200;border-radius: 50px;font-size:16px;padding:8px 20px 10px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p a span {width:auto !important;float: right;font-size:14px;margin-top:3px;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p a:hover {background:#E7B200;color:#222;}
.bigdata-detail.sea-river .pop-river .inner .right-sec p a:hover span {color:#222;}

.bigdata-detail.sea-river .river-content .section2 {background: #222;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.2);box-sizing: border-box;border-radius: 5px;height:80px;line-height: 80px;margin-bottom:15px;display: flex;justify-content: space-between;padding:0% 1%;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list .num {width:5%;text-align: center;font-size:20px;color:#E7B200;font-weight: 500;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list .q-text {width:95%;color:#fff;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list .q-text .answer {display:inline-block;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list .q-text .answer span {display: inline-block;width:32px;height:32px;line-height: 30px;margin:0px 3px;background: #FFFFFF;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 2px;color:#222;text-align: center;font-weight: 700;font-size:18px;vertical-align: middle;}
.bigdata-detail.sea-river .river-content .section2 .con-box .q-list .q-text .answer span b {display:none;}
.bigdata-detail.sea-river .river-content .section2 .data {font-size:12px;color:#ddd;text-align: right;opacity: 0.8;}
.bigdata-detail.sea-river .river-content .section2 .btn-box {text-align: center;margin:30px 0px;}
.bigdata-detail.sea-river .river-content .section2 .btn-box button {background: #E7B200;border-radius: 4px;color:#222;width:240px;text-align: center;font-size: 18px;font-weight: 700;padding:10px 0px;}
.bigdata-detail.sea-river .river-content .section2 .btn-box button .reset {display:none;vertical-align: middle;margin: 0px 6px 4px;}
.bigdata-detail.sea-river .river-content .section2 .btn-box.on button {text-indent: -8px;}

.bigdata-detail.sea-river .river-content .section3 {background:url(/images/intro/seariver/img-river-sec3-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;padding-bottom:0;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 {display: flex;justify-content: space-between;margin-bottom:40px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list {position: relative;max-width:630px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list .Img img {width:100%;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list .Img::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 1%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list .Tit {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list .Tit p:nth-of-type(1) {font-size: 16px;margin-bottom:3px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list .Tit p:nth-of-type(2) {font-size: 14px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-2 {display: flex;justify-content: space-between;margin-bottom:100px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-2 .text-list {max-width: 280px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-2 .text-list .Tit p {color:#fff;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-2 .text-list .Tit p:nth-of-type(1) {font-size: 17px;font-weight: 700;margin-bottom:10px;letter-spacing: -1px;}
.bigdata-detail.sea-river .river-content .section3 .con-box .con-2 .text-list .Tit p:nth-of-type(2) {font-size: 15px;line-height: 24px; font-weight: 100;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 {background:#222;padding:50px 0px;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 h3 {text-align: center;font-size:24px;padding:0px 0px 30px;color:#fff;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner {max-width: 1286px;margin:0 auto;display: flex;justify-content: center;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list {margin:0px 10px;text-align: center;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list .Img {margin-bottom:10px;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list .Img img {width:100%;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list .Tit p {color:#fff;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list .Tit p:nth-of-type(1) {font-size: 16px;}
.bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list .Tit p:nth-of-type(2) {font-size: 14px;font-weight: 200;}

.bigdata-detail.sea-river .river-content .section4 {background:url(/images/intro/seariver/img-river-sec4-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.sea-river .river-content .section4 .con-box .con-1 {display:flex;justify-content:space-between;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list {position: relative;max-width: 630px;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list:last-child {margin:0;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Img {position: relative;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Img::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 1%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Img img {width:100%;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Tit {color:#fff;z-index: 9;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Tit {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(1) {font-size:18px;font-weight: 700;color:#fff;margin-bottom:15px;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(2) {font-size:16px;color:#fff;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(3) {margin-top:60px;} 
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(3) a {color:#E7B200; font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(3) a span {padding-left:40px;}

.bigdata-detail.sea-river .sea-content section .inner-wrap {max-width: 1400px;}
.bigdata-detail.sea-river .sea-content .section1 {background:url(/images/intro/seariver/img-sea-sec1-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;padding-bottom:60px;}
.bigdata-detail.sea-river .sea-content .section1 .con-box {display: flex;justify-content: space-between;align-items: center;}
.bigdata-detail.sea-river .sea-content .section1 .con-box > div {width:50%;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box {}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list {padding: 24px 32px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;border-radius: 5px;margin-bottom: 10px;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p:nth-of-type(1) {font-size:18px;margin-bottom:15px;font-weight: 700;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p:nth-of-type(2) {font-size:16px;color:#fff;padding-bottom: 15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.1);}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p:nth-of-type(3) {font-size:16px;color:#fff;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p.yellow {color:#E7B200;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p.green {color:#B3C70D;}
.bigdata-detail.sea-river .sea-content .section1 .con-box .right-box .sea-list p.mint {color:#08C0D3;}

.bigdata-detail.sea-river .sea-content .section2 {background:url(/images/intro/seariver/img-sea-sec2-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;padding-bottom:0;}
.bigdata-detail.sea-river .sea-content .section2 .con-box {display: flex;justify-content: space-between;align-items: center;margin-bottom:100px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box > div {width:50%;max-width: 618px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(1) {font-size:20px;color:#fff;margin-bottom:5px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(2) {font-size:40px;color:#fff;margin-bottom:30px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(2) span {color:#E7B200;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(3) {font-size: 20px;color:#fff;margin-bottom:20px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(3) span {background:#E7B200;color:#222;padding:0px 5px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(4) {font-size:16px;color:#aaa;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .right-box img {width:100%;}
.bigdata-detail.sea-river .sea-content .section2 .con-box .right-box p {text-align: center;margin-top:30px;font-size:12px;color:#ddd;opacity: 0.8;}

.bigdata-detail.sea-river .sea-content .section2 .con-box2 {background:#222;padding:80px 0px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner {max-width: 1400px;margin:0 auto;text-align: center;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(1) {font-size: 30px;color:#fff;margin-bottom: 15px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(2) {font-size:40px;color:#fff;font-weight: 300;margin-bottom:20px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(2) span {color:#E7B200;padding:0px 5px;font: 40px 'NotoSansifCJKEL';font-weight: 700;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(3) {font-size: 20px;color:#fff;margin-bottom:20px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(3) span {background:#E7B200;color:#222;padding:0px 5px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(4) {color:#aaa;font-size:16px;margin-bottom:60px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 {display: flex;justify-content: space-between;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list {position: relative;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list .img-sec::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 1%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list .title-sec {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list .title-sec p:nth-of-type(1) {font-size: 16px;}
.bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list .title-sec p:nth-of-type(2) {font-size: 14px;font-weight: 200;}

.bigdata-detail.sea-river .sea-content .section3 {background:url(/images/intro/seariver/img-sea-sec3-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island {}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list {width:23%;margin:1%;float:left;position: relative;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec {position: relative;text-align: center;max-height:194px;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a {display: block;border-radius: 8px;overflow: hidden;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec img {width:100%;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .title-sec {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 10px;left: 0px;color:#fff;z-index: 8;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .title-sec p:nth-of-type(1) {font-size: 16px;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .title-sec p:nth-of-type(2) {font-size: 14px;font-weight: 200;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .text-sec {font-size:16px;color:#fff;text-align: center;margin:10px 0px;}

.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a {;height:194px;border: 2px solid transparent;overflow: hidden;box-sizing: border-box;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a:hover:after,
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a:focus:after{content: ""; display: block; width: 99%; height: 98%; position: absolute;background: rgba(0, 0, 0, .4) url(/cms/imgs/common/bg/bg-card-more.png) no-repeat center;z-index: 9;margin:2px;}
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a:hover,
.bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a:focus {border-color: #e7b200;}

.bigdata-detail.sea-river .sea-content .section4 {background:url(/images/intro/seariver/img-sea-sec4-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing {}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list {display: flex;justify-content: center;margin-bottom:10px;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > div {background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);box-sizing: border-box;border-radius: 5px;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > div p {font-size: 18px;color:#fff;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .left-box {width:14%;margin-right:5px;padding:20px 0px;text-align: center;display: flex;justify-content: center;align-items: center;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box {width:86%;padding:20px 20px;position: relative;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(1) {margin-bottom:10px;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(2) {font-size:16px;font-weight: 400;padding-right:20%;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(3) {position: absolute;right:5%;top:40%;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(3) a {font-size:14px;text-decoration: underline;padding:20px 0px;}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(3) a span {padding-left:10px;font-size:14px;text-decoration: none;display: inline-block;}

.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list:hover > div {background: rgba(231, 178, 0, 0.05);border: 1px solid rgba(231, 178, 0, 0.3);}
.bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list:hover > div p:nth-of-type(3) a {color:#e7b200;}












/* 한국의 산과 샘 */
.bigdata-detail.mountain-water .header-visual {background:#333;padding:0;}
.bigdata-detail.mountain-water .header-visual .page-header {position: absolute;top:30% !important;width:auto;}
.bigdata-detail.mountain-water .header-visual .page-header h3 span {font-weight: 100;margin-bottom: 20px;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);}
.bigdata-detail.mountain-water .header-visual .page-header h3 strong {font-weight: 700;}
.bigdata-detail.mountain-water .header-visual .header-box {width:100%;height:100%;display: flex;justify-content: space-between;align-items: center;background-size:cover;cursor:pointer;}
.bigdata-detail.mountain-water .header-visual .header-box.river {background: url(/images/intro/mountain-water/img-mountain-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.mountain-water .header-visual .header-box.sea {background: url(/images/intro/mountain-water/img-water-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.mountain-water .header-visual .header-box .sea-box,
.bigdata-detail.mountain-water .header-visual .header-box .river-box {width:50%;height:100%;display: inline-grid;align-items: center}
.bigdata-detail.mountain-water .header-visual .header-box .river-box .title-box {margin-left:5%;}
.bigdata-detail.mountain-water .header-visual .header-box .river-box .title-box .Tit span.Txt {color:#fff;font-size:80px;font-weight: 700;}
.bigdata-detail.mountain-water .header-visual .header-box .river-box .title-box .Tit span.arr {width:90px;height:20px;display:inline-block;background: url(/images/intro/mountain-water/icon-left-arr.png) no-repeat;margin-right: 30px;}
.bigdata-detail.mountain-water .header-visual .header-box .river-box .title-box .Con {color:#fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);font-size: 16px;margin-left: 125px;width: 55%;text-align: left;float: left;opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.mountain-water .header-visual .header-box .sea-box .title-box {margin-right:5%;text-align: right;}
.bigdata-detail.mountain-water .header-visual .header-box .sea-box .title-box .Tit span.Txt {color:#fff;font-size:80px;font-weight: 700;}
.bigdata-detail.mountain-water .header-visual .header-box .sea-box .title-box .Tit span.arr {width:90px;height:20px;display:inline-block;background: url(/images/intro/mountain-water/icon-right-arr.png) no-repeat;margin-left: 30px;}
.bigdata-detail.mountain-water .header-visual .header-box .sea-box .title-box .Con {color:#fff;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);font-size: 16px;margin-right: 125px;width: 55%;text-align: right;float:right;opacity: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bigdata-detail.mountain-water .header-visual .header-box > div .title-box .Tit {filter: blur(1.5px);-webkit-filter: blur(1.5px);}
.bigdata-detail.mountain-water .header-visual .header-box > div.active .title-box .Con {opacity: 1;}
.bigdata-detail.mountain-water .header-visual .header-box > div.active .title-box .Tit {filter: blur(0px);-webkit-filter: blur(0px);}

.bigdata-detail.mountain-water section {background-color:#555144;}
.bigdata-detail.mountain-water section .inner-wrap {max-width:1286px;}
.bigdata-detail.mountain-water .sec-area dt span {display:inline-block;color:#E7B200;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.bigdata-detail.mountain-water .sec-area dt strong {color:#fff;font-weight: 500;}
.bigdata-detail.mountain-water .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.bigdata-detail.mountain-water .sec-area dd {color:#fff;letter-spacing: -1px;}
.bigdata-detail.mountain-water .section1 {z-index: 9999;}
.bigdata-detail.mountain-water .river-content {display: none;position: absolute;top:0px;left:-100%;width:100%;z-index: 101;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;background:#222;}
.bigdata-detail.mountain-water .sea-content {display:none;position: absolute;top:0px;right:-100%;width:100%;z-index: 101;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;background: #222;}
.bigdata-detail.mountain-water .river-content .section1 {height: calc(100vh - 120px);padding: 120px 0px;}
.bigdata-detail.mountain-water .sea-content .section1 {height: calc(100vh - 120px);padding-bottom: 0;}
.bigdata-detail.mountain-water .nav-box {height:270px;}
.bigdata-detail.mountain-water .nav-left-box {position:fixed;left:0%;top:42%;}
.bigdata-detail.mountain-water .nav-right-box {position:fixed;right:0%;top:42%;}
.bigdata-detail.mountain-water .nav-left-box .menu .Text {position:absolute;left:0%;top:45%;}
.bigdata-detail.mountain-water .nav-right-box .menu .Text {position:absolute;right:0%;top:45%;}
.bigdata-detail.mountain-water .nav-box .menu {height:270px;}
.bigdata-detail.mountain-water .nav-left-box .menu .Img {display: none;}
.bigdata-detail.mountain-water .nav-right-box .menu .Img {display: none;}
.bigdata-detail.mountain-water .nav-box .menu .Text {color:#fff;font-size:16px;font-weight: 700;border-bottom:1px solid #fff;padding-bottom:7px;width:80px;display: inline-block;}
.bigdata-detail.mountain-water .nav-left-box .menu .Text {display: inline-block;transform: rotate(-90deg);}
.bigdata-detail.mountain-water .nav-right-box .menu .Text {display:inline-block;transform: rotate(90deg);}

.bigdata-detail.mountain-water .river-content .section1 {background:url(/images/intro/mountain-water/img-mountain-sec1-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap {max-width: 1286px;padding:120px 0px;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .sec-area {position: static;transform: none;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box {display: flex;justify-content: space-between;align-items: center;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box > div {width:50%;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec {}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec h3 {font-size:30px;margin-bottom:20px;color:#fff;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec h3 span {color:#E7B200;font-family: 'NotoSansifCJKEL';}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec p:nth-of-type(1) {font-size:16px;color:#aaa;margin-bottom:40px;letter-spacing: -1px;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec p:nth-of-type(1) strong {color:#fff;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info {padding:20px;background: rgba(231, 178, 0, 0.05);border: 1px solid rgba(231, 178, 0, 0.3);}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info p {color:#fff;font-size:16px;margin-bottom:5px;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info p span:nth-of-type(1) {display:inline-block;width:100px;font-weight: 500;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec p.data {color:#fff;font-size:14px;opacity: 0.6;margin-top:10px;}
.bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .right-sec {text-align: center;}

.bigdata-detail.mountain-water .river-content .section2 {background:url(/images/intro/mountain-water/img-mountain-sec2-bg.png) center no-repeat;width:100%;height:100%;background-size:cover;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap {max-width: 1000%;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec {text-align: center;margin:0 auto;max-width: 959px;height:463px;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec.mountain0 {background:url(/images/intro/mountain-water/img-mountain-sec2-graph1.png) center no-repeat;width:100%;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec.mountain1 {background:url(/images/intro/mountain-water/img-mountain-sec2-graph2.png) center no-repeat;width:100%;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec.mountain2 {background:url(/images/intro/mountain-water/img-mountain-sec2-graph3.png) center no-repeat;width:100%;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec.mountain3 {background:url(/images/intro/mountain-water/img-mountain-sec2-graph4.png) center no-repeat;width:100%;}
.bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec.mountain4 {background:url(/images/intro/mountain-water/img-mountain-sec2-graph5.png) center no-repeat;width:100%;}
.bigdata-detail.mountain-water .mountainSwiper {width: 100%;height: 100%;padding:50px 0px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide {background: #fff;opacity: 0.1;width: 60%;height:370px;padding:30px;max-width:960px;border-radius: 8px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide-active {opacity: 1;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec {width:50%;margin-right:5%;text-align: left;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec {width:45%;position: relative;}

.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec h3 {color:#222;font-size:30px;font-weight: 700;margin-bottom:10px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec h3 span:nth-child(1) {font-weight: 100;padding-right:3px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec h3 span:nth-child(3) {font-size: 20px;color:#666;font-weight: 100;padding-left:5px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p {margin-bottom:5px;font-size:14px;color:#222;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p span:nth-child(1) {font-weight: 700;width:60px;display: inline-block;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(4) {border-top:1px solid #ddd;padding-top:10px;margin-top:5px;font-size:16px;height: 130px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(5) a {color:#E7B200;width:50%;font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(5) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(5) a span {padding-left:40px;float: right;}

.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .innerSwiper .swiper-slide {position: relative;padding:0;}
.innerSwiper .swiper-pagination-clickable .swiper-pagination-bullet {width:10px;height: 10px;}
.innerSwiper .swiper-pagination-clickable .swiper-pagination-bullet-active {background: #E7B200;}
.innerSwiper .swiper-horizontal>.swiper-pagination-bullets, 
.innerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.innerSwiper .swiper-pagination-custom, .swiper-pagination-fraction {width:auto;right:0;left:auto;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .img-sec {text-align: center;position: relative;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .img-sec::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 0%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .img-sec img {width:100%;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .tit-sec {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;z-index: 8;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .tit-sec p:nth-of-type(1) {font-size: 16px;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec .tit-sec p:nth-of-type(2) {font-size: 14px;font-weight: 200;}

.bigdata-detail.mountain-water .innerSwiper .swiper-slide {width: 100%;}
.bigdata-detail.mountain-water .river-content .section3 {background: #222;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-button-next, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-prev {left:50%;margin-left:520px;color:#fff;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-button-prev, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-next {left:50%;margin-left:-550px;color:#fff;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #E7B200;}
.bigdata-detail.mountain-water .mountainSwiper .swiper-pagination-progressbar {background: rgba(255,255,255,.2);max-width: 960px;left:50%;margin-left:-480px;  bottom: 10px;top: auto;}

.bigdata-detail.mountain-water .river-content .section3 {padding-bottom:120px;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.2);box-sizing: border-box;border-radius: 5px;height:80px;line-height: 80px;margin-bottom:15px;display: flex;justify-content: space-between;padding:0% 1%;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .num {width:5%;text-align: center;font-size:20px;color:#E7B200;font-weight: 500;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .q-text {width:95%;color:#fff;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .q-text .answer {display:inline-block;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .q-text .answer span {display: inline-block;width:32px;height:32px;line-height: 30px;margin:0px 3px;background: #FFFFFF;border: 1px solid #DDDDDD;box-sizing: border-box;border-radius: 2px;color:#222;text-align: center;font-weight: 700;font-size:18px;vertical-align: middle;}
.bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .q-text .answer span b {display:none;}
.bigdata-detail.mountain-water .river-content .section3 .btn-box {text-align: center;margin:30px 0px;}
.bigdata-detail.mountain-water .river-content .section3 .btn-box button {background: #E7B200;border-radius: 4px;color:#222;width:240px;text-align: center;font-size: 18px;font-weight: 700;padding:10px 0px;}
.bigdata-detail.mountain-water .river-content .section3 .btn-box button .reset {display:none;vertical-align: middle;margin: 0px 6px 4px;}
.bigdata-detail.mountain-water .river-content .section3 .btn-box.on button {text-indent: -8px;}

.bigdata-detail.mountain-water .sea-content .section1 {background:url(/images/intro/mountain-water/img-water-sec1-bg.png) center no-repeat;width:100%;height:calc(100vh - 120px);background-size:cover;display: flex;align-items: center;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box {display:inline-block;width:100%;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box > div {width:100%;}
.bigdata-detail.mountain-water .sea-content .section1 div.tab-menu {position: relative;}
.bigdata-detail.mountain-water .sea-content .section1 div.tab-menu ul {display: flex;justify-content: center;}
.bigdata-detail.mountain-water .sea-content .section1 div.tab-menu ul > li {margin:0% 0.5% 30px;}
.bigdata-detail.mountain-water .sea-content .section1 div.tab-menu ul > li > a {width:60px;height:115px;line-height: 90px;background:url(/images/intro/mountain-water/icon-down-arr-bl.png) no-repeat center rgba(255, 255, 255, 0.3);background-position: center 80%;box-sizing: border-box;border-radius: 50px;color:#fff;font-size:16px;}
.bigdata-detail.mountain-water .sea-content .section1 div.tab-menu ul > li.active > a {background:url(/images/intro/mountain-water/icon-down-arr-bl.png) no-repeat center #E7B200;background-position: center 80%;color:#222;font-weight: 600;} 
.bigdata-detail.mountain-water .sea-content section .con-box .title-sec {text-align:center;}
.bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(1) {font-size:36px;color:#fff;margin-bottom:5px;}
.bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(2) {font-size:30px;color:#fff;margin-bottom:20px;}
.bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(2) span {color:#E7B200;font-family:'NotoSansifCJKEL';font-weight: 600;}
.bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(3) {font-size:16px;color:#fff;margin-bottom:50px;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent {max-width: 1140px;margin:0 auto;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .inner {background: rgba(231, 178, 0, 0.1);border: 1px solid rgba(231, 178, 0, 0.2);box-sizing: border-box;padding:50px 60px;display:flex;align-items: center;position: relative;top:-60px;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec {float:left;width:40%;margin-right:5%;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .right-sec {float:left;width:55%;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .img-sec {text-align: center;position: relative;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .img-sec::after {content: '';background: url(/images/bg/bg-dimd.png);position: absolute;bottom: 1.5%;left: 0;width: 100%;height: 100%;background-size: cover;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .img-sec img {width:100%;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .tit-sec {text-align: center;display: inline-block;width: 100%;position: absolute;bottom: 20px;left: 0px;color:#fff;z-index: 8;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .tit-sec p:nth-of-type(1) {font-size: 16px;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .tit-sec p:nth-of-type(2) {font-size: 14px;font-weight: 200;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .right-sec p {color:#fff;font-size:16px;line-height: 26px;}
.bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .right-sec p:nth-of-type(1) {font-size:20px;margin-bottom:20px;}

.bigdata-detail.mountain-water .sea-content .section2 {background:url(/images/intro/mountain-water/img-water-sec2-bg.png) center no-repeat;width:100%;height:calc(100vh - 120px);background-size:cover;display: flex;align-items: center;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box {display: inline-block;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box > div {width:100%;max-width: 100%;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 {display:flex;justify-content: center;margin-bottom:20px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .fl {width:49%;margin-right:2%;position: relative;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .fl:last-child {margin-right:0;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec {position:relative;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec img {width:100%;height:400px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:1%;left:0;width:100%;height:100%;background-size:100% 100%}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .text-sec {text-align:center;display:inline-block;width:100%;position: absolute;bottom:20px;left:0px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .text-sec p {color:#fff;font-size:16px;margin-bottom:0px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 {display:flex;justify-content: center;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl {background:rgba(255,255,255,0.1);margin-right:2%;padding:30px 2%;max-width: 425px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl:last-child {margin-right:0;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(1) {font-size:20px;color:#fff;margin-bottom:15px;text-align: center;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(1) strong {font-weight: 700;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(2) {font-size:16px;color:#fff;height: 150px;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(3) {text-align: center;} 
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(3) a {color:#E7B200; font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(3) a span {padding-left:40px;}

.bigdata-detail.mountain-water .sea-content .section3 {background:url(/images/intro/mountain-water/img-water-sec3-bg.png) center no-repeat;width:100%;height:calc(100vh - 120px);background-size:cover;display: flex;align-items: center;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box {display: inline-block;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box > div {width:100%;max-width: 100%;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 {display:flex;justify-content: center;margin-bottom:20px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .fl {width:49%;margin-right:2%;position: relative;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .fl:last-child {margin-right:0;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec {position:relative;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec img {width:100%;height:400px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec::after{content:'';background:url(/images/bg/bg-dimd.png);position:absolute;bottom:1%;left:0;width:100%;height:100%;background-size:100% 100%}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .text-sec {text-align:center;display:inline-block;width:100%;position: absolute;bottom:20px;left:0px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .text-sec p {color:#fff;font-size:16px;margin-bottom:0px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 {display:flex;justify-content: center;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl {background:rgba(255,255,255,0.1);margin-right:2%;padding:30px 2%;max-width: 425px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl:last-child {margin-right:0;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(1) {font-size:20px;color:#fff;margin-bottom:15px;text-align: center;}
.bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(1) strong {font-weight: 700;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(2) {font-size:16px;color:#fff;height: 150px;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(3) {text-align: center;} 
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(3) a {color:#E7B200; font-size:16px;border:1px solid #E7B200;border-radius: 50px;padding:8px 20px;display:inline-block;-webkit-transition: 0.5s all;transition:all 0.5s ease;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(3) a:hover {background:#E7B200;color:#222;}
.bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(3) a span {padding-left:40px;}


.bigdata-detail section {position: relative;width:100%;padding:110px 0px;}
.bigdata-detail section .tit-box {text-align: center;margin-bottom:70px;}
.bigdata-detail section .tit-box h2 {font: 40px 'NotoSansifCJKEL';font-weight: 600;line-height: 45px;color:#222;display: inline-block;position: relative;z-index: 1;margin-bottom:35px;}
.bigdata-detail section .tit-box h2 br {display: none;}
.bigdata-detail section .tit-box h2 span {color:#B58B00;}
.bigdata-detail section .tit-box h2 span:nth-of-type(1) {color:#333;}
.bigdata-detail section .tit-box h2::after {content: '';background: #E7B200;opacity: 0.3;border-radius: 30px;position: absolute;top:30px;left:0px;width:100%;height:20px;z-index: -1;}
.bigdata-detail section .tit-box p {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;letter-spacing: -1px;}



/* 이색직업 */
.bigdata-detail.job .header-visual {background-image:url('/images/intro/unusual-job/bg-unusual-job.jpg');}
.job #container {background:#fff;}
.job section .inner {max-width:1280px;margin:0 auto;}
.job .sec-area dt {font-family: 'NotoSansifCJKEL';}
.job .sec-area dt span {display:inline-block;color:#333;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.job .sec-area dt span:nth-of-type(2) {color:#B58B00;}
.job .sec-area dt strong {color:#333;}
.job .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.job .sec-area dd {color:#666;letter-spacing: -1px;}

.job .sec2 .sec-area dt span {color:#fff;}
.job .sec2 .sec-area dt span:nth-of-type(2) {color:#E7B200;}
.job .sec2 .sec-area dd {color:#fff;}
.job .sec2 .sec-area dt strong:after {background-color: #FFCF25 !important;opacity: 0.3;}

.job .sec1 {background: url('/images/intro/unusual-job/bg-sec1-bg.png') center no-repeat #FFFBDC;}
.job .sec1 .con-box {text-align: center;}
.job .sec1 .con-box .tit {font-weight: 800;font-size: 30px;line-height: 34px;margin-bottom:48px;}
.job .sec1 .con-box .source {font-weight: 400;font-size: 12px;line-height: 18px;color:#666;}
.job .sec1 .con-box .card-list {display:flex;justify-content: space-between;margin-bottom:15px;}
.job .sec1 .con-box .card-list .list {background:#fff;width:100%;max-width: 232px;height:330px;padding:8px;border-radius: 5px;position: relative;overflow: hidden;box-shadow: 1px 1px 8px rgba(0,0,0,0.3);}
.job .sec1 .con-box .card-list .list .img {display: flex;align-items: center;justify-content: center;background:#ccc;height:229px;border-radius: 5px;}
.job .sec1 .con-box .card-list .list:nth-child(1) .img {background: #DFAC00;}
.job .sec1 .con-box .card-list .list:nth-child(2) .img {background: #8BB514;}
.job .sec1 .con-box .card-list .list:nth-child(3) .img {background: #00B7C2;}
.job .sec1 .con-box .card-list .list:nth-child(4) .img {background: #2072D2;}
.job .sec1 .con-box .card-list .list:nth-child(5) .img {background: #D65EAD;}
.job .sec1 .con-box .card-list .list .txt {padding:20px 5%;}
.job .sec1 .con-box .card-list .list .txt .sub {font-weight: 500;font-size: 20px;height: 65px;line-height: 28px;display: flex;justify-content: center;align-items: center;}
.job .sec1 .con-box .card-list .list .txt .line {width: 38px;height: 1px;background: #D0D0D0;margin:24px auto;display: none;}
.job .sec1 .con-box .card-list .list .txt .desc {font-weight: 300;font-size: 16px;line-height: 24px;color:#666;letter-spacing: -1px;word-break: keep-all;display: none;}
.job .sec1 .con-box .card-list .list:hover .txt {width:100%;padding:0px 5%;height:100%;background:#fff;position: absolute;top:0px;left:0px;display: flex;justify-content: center;align-items: center;flex-direction: column;
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}
.job .sec1 .con-box .card-list .list:hover .txt .sub {align-items: flex-end;}
.job .sec1 .con-box .card-list .list:hover .txt .line {display: block;}
.job .sec1 .con-box .card-list .list:hover .txt .desc {display: block;}

.job .sec2 {background: url('/images/intro/unusual-job/bg-sec2-bg.png') top center no-repeat;background-size:cover;}
.job .sec2 .tit-box h2 {color:#fff;}
.job .sec2 .tit-box h2 span {color:#E7B200;}
.job .sec2 .tit-box p {color:#fff;}
.job .sec2 .con-box .card-box {margin-bottom:80px;}
.job .sec2 .con-box .card-box .tit {text-align: center;margin-bottom:40px;}
.job .sec2 .con-box .card-box .tit .img p:nth-of-type(1) {margin-bottom:15px;}
.job .sec2 .con-box .card-box .tit .img p {font-weight: 800;font-size: 32px;line-height: 40px;color:#222;}
.job .sec2 .con-box .card-box:nth-of-type(1) .tit .img p {color:#fff;}
.job .sec2 .con-box .card-box:nth-of-type(5) .tit .img p {color:#fff;}
.job .sec2 .con-box .card-box .card-list {display: flex;justify-content: space-between;align-items:flex-start;}
.job .sec2 .con-box .card-box .card-list .list {background: #FFCF25;border-radius: 4px;max-width: 385px;height:640px;position: relative;box-shadow: 1px 1px 8px rgba(0,0,0,0.3);}
.job .sec2 .con-box .card-box:nth-child(even) .card-list .list {background:#fff;}
.job .sec2 .con-box .card-box .card-list .list .type {margin:30px 30px 15px;padding-bottom:15px;border-bottom:1px solid #cc9933;}
.job .sec2 .con-box .card-box:nth-child(even) .card-list .list .type {border-bottom:1px solid #ccc;}

.job .sec2 .con-box .card-box .card-list .list .type span {border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 30px;padding: 2px 16px 4px;font-weight: 700;font-size: 16px;}
.job .sec2 .con-box .card-box .card-list .list .desc {margin:0px 30px 30px;height:240px;overflow: hidden;}
.job .sec2 .con-box .card-box .card-list .list .desc p:nth-child(1) {font-weight: 700;font-size: 24px;margin-bottom:10px;}
.job .sec2 .con-box .card-box .card-list .list .desc p:nth-child(2) {font-weight: 300;font-size: 16px;color: #666666;margin-bottom:10px;}
.job .sec2 .con-box .card-box .card-list .list .desc p:nth-child(3) {font-weight: 500;font-size: 12px;color: #666666;}
.job .sec2 .con-box .card-box .card-list .list .img {text-align: right;margin-bottom:30px;position: absolute;bottom:0px;right:0px;max-width: 355px;}
.job .sec2 .con-box .card-box .card-list .list .img img {width:100%;}
.job .sec2 .con-box .card-box .card-list .list .img .source {position:absolute;left:20px;bottom:15px;color:#fff;font-size:12px;text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.job .sec2 .con-box .card-box .card-list .list .img a {position:absolute;bottom:5px;right:0px;background:rgba(0,0,0,0.6);padding:8px 18px;color: #E7B200;font-size: 14px;}

.job .sec3 {background: #F2F2F2;}
.job .sec3 .con-box {text-align: center;}
.job .sec3 .con-box .video-box {position: relative;display:inline-block;margin-bottom:15px;}
.job .sec3 .con-box .video-box img {width:100%;}
.job .sec3 .con-box .video-box .txt {position: absolute;bottom:40px;left:40px;text-align: left;width: 90%;}
.job .sec3 .con-box .video-box .txt p {color:#fff;}
.job .sec3 .con-box .video-box .txt p:nth-child(1) {font-weight: 500;font-size: 32px;margin-bottom:5px;}
.job .sec3 .con-box .video-box .txt p:nth-child(2) {font-weight: 300;font-size: 16px;letter-spacing: -1px;color: rgba(255, 255, 255, 0.8);}
.job .sec3 .con-box .source {font-weight: 400;font-size: 12px;line-height: 18px;}

.job .sec4 {padding-top:200px;background: url('/images/intro/unusual-job/bg-sec4-bg.png') center no-repeat #FFEDCC;background-size:cover;}
.job .sec4 .swiperjob {position: relative;}
.job .sec4 .swiperjob {width: 100%;height: 100%;}
.job .sec4 .swiperjob .swiper-slide {text-align: center;font-size: 18px;background: linear-gradient(316.07deg, #FFAC2F -0.46%, #CA7900 99.35%);display: flex;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;height:450px;}
.job .sec4 .swiperjob .swiper-slide .left-sec {display: inline-block;text-align: left;padding:0px 55px;width:100%;max-width: 530px;}
.job .sec4 .swiperjob .swiper-slide .left-sec p {color:#fff;}
.job .sec4 .swiperjob .swiper-slide .left-sec p:nth-of-type(1) {font-weight: 700;font-size: 32px;line-height: 47px;margin-bottom:40px;padding-bottom:5px;border-bottom:3px solid rgba(255,255,255,0.5);display: inline-block;width:auto;}
.job .sec4 .swiperjob .swiper-slide .left-sec p:nth-of-type(2) {font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom:40px;}
.job .sec4 .swiperjob .swiper-slide .left-sec p:nth-of-type(3) a {font-size: 16px;color:#fff;font-weight: 400;}
.job .sec4 .swiperjob .swiper-slide .left-sec p:nth-of-type(3) a img {vertical-align: middle;margin:0px 0px 5px 5px}

.job .sec4 .swiperjob .swiper-slide .right-sec {width:100%;display: flex;}
.job .sec4 .swiperjob .swiper-slide .right-sec img {width:100%;}

.job .sec4 .swiper-pagination-txt {position: absolute;top: 100px;left: 50%;transform: translateX(-50%);display: flex;width:100%;max-width: 550px;background:#fff;height:60px;line-height: 60px;border-radius: 50px;}
.job .sec4 .swiper-pagination-bullet {width: 100%;height:60px;opacity: 1;background: transparent;font-weight: 500;font-size: 20px;border-radius: 30px;text-align:center;}
.job .sec4 .swiper-pagination-bullet-active {background: #DB7C00;border-radius: 30px;color:#fff;}
.job .sec4 .swiper-button-prev, .job .sec4 .swiper-container-rtl .swiper-button-next {background: url('/images/intro/unusual-job/icon-arr-left.png') center no-repeat #fff;width:56px;height:56px;border-radius: 50%;box-shadow:1px 1px 5px rgba(0,0,0,0.3);left:calc(50% - 720px);}
.job .sec4 .swiper-button-next, .job .sec4 .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/unusual-job/icon-arr-right.png') center no-repeat #fff;width:56px;height:56px;border-radius: 50%;box-shadow:1px 1px 5px rgba(0,0,0,0.3);left:calc(50% - -665px);}
.job .sec4 .swiper-button-next.swiper-button-disabled, .job .sec4 .swiper-button-prev.swiper-button-disabled {opacity: 0.7;}
.job .sec4 .swiper-button-next, .job .sec4 .swiper-button-prev {top:55%;}

/* 지역인물 */
.local-person .sec-area dt {font-family: 'NotoSansifCJKEL';}
.local-person .sec-area dt span {display:inline-block;color:#895A00;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.local-person .sec-area dt strong {color:#333;}
.local-person .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.local-person .sec-area dd {color:#666;letter-spacing: -1px;}
.local-person .header-visual {background-image:url('/images/intro/local-person/bg-local-person.jpg');}
.local-person .section1 {background:url('/images/intro/local-person/bg-sec1.png') no-repeat;background-size:cover;}
.local-person .section1 .tab-menu-sec1 ul {display: flex;justify-content: center;}
.local-person .section1 .tab-menu-sec1 ul > li {text-align:center;}
.local-person .section1 .tab-menu-sec1 ul > li > a {color:#333;font-size:16px;display:block;padding-right:15px;position: relative;}
.local-person .section1 .tab-menu-sec1 ul > li > a::after {content: '·';position: absolute;top:0px;right:5px;}
.local-person .section1 .tab-menu-sec1 ul > li:last-child > a::after {display: none;}
.local-person .section1 .tab-menu-sec1 ul > li.active > a {color:#895A00;font-weight: 600;} 
.local-person .section1 .tabContent-sec1 {display:none;}
.local-person .section1 .tabContent-sec1.active {display:block;}
.local-person .section1 .tab-menu-sec1-4 ul {display: flex;justify-content: center;}
.local-person .section1 .tab-menu-sec1-4 ul > li {text-align:center;}
.local-person .section1 .tab-menu-sec1-4 ul > li > a {color:#333;font-size:16px;display:block;padding-right:15px;position: relative;}
.local-person .section1 .tab-menu-sec1-4 ul > li > a::after {content: '·';position: absolute;top:0px;right:5px;}
.local-person .section1 .tab-menu-sec1-4 ul > li:last-child > a::after {display: none;}
.local-person .section1 .tab-menu-sec1-4 ul > li.active > a {color:#895A00;font-weight: 600;} 
.local-person .section1 .tabContent-sec1-4 {display:none;}
.local-person .section1 .tabContent-sec1-4.active {display:block;}
.local-person .section1 .con-box {display: flex;position: relative;height:570px;margin-bottom:50px;}
.local-person .section1 .con-box .tit {display: flex;width:25%;}
.local-person .section1 .con-box .tab_content {display: inline-block;width:75%;}
.local-person .section1 .con-box .tab_content .swiper-container {width:100%;height:auto;}
.local-person .section1 .con-box .tabs-sec1 {position: absolute;top:400px;left:0px;}
.local-person .section1 .con-box .tabs-sec1-4 {position: absolute;top:400px;left:0px;}
.local-person .section1 .con-box:nth-child(odd) .tit {display: flex;order:2;justify-content:flex-end;}
.local-person .section1 .con-box:nth-child(odd) .tabs-sec1 {position: absolute;top:400px;right:0px;left:auto;}
.local-person .section1 .con-box:nth-child(odd) .tabs-sec1-4 {position: absolute;top:400px;right:0px;left:auto;}
.local-person .section1 .con-box:nth-child(odd) .tit span:nth-child(1) {order:2;}
.local-person .section1 .con-box .tit span {display: flex;flex-direction: column;justify-content:flex-start;align-items: center;}
.local-person .section1 .con-box .tit span .line {width:1px;height:300px;display:inline-block;background: #895A00;margin:0 auto;text-align: center;}
.local-person .section1 .con-box .tit span:nth-child(2) {margin:0px 20px;}
.local-person .section1 .con-box .tit span:nth-child(2) p {writing-mode: vertical-rl;font-weight: 600;font-size: 30px;line-height: 45px;letter-spacing: -6px;color:#333;font-family: 'NotoSansifCJKEL';}
.local-person .section1 .con-box .tab_content .swiper-container .swiper-slide:nth-child(even) {margin-top:50px;}
.local-person .section1 .con-box .tab_content .swiper-container .swiper-slide .img-sec img {width:100%;}
.local-person .section1 .con-box .swiper-button-prev, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next {background: url(/images/intro/local-person/icon-slide-left.png) center no-repeat;width:80px;height:60px;left:0px;bottom:0;right:auto;top:auto;}
.local-person .section1 .con-box .swiper-button-next, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev {background: url(/images/intro/local-person/icon-slide-right.png) center no-repeat;width:80px;height:60px;left:0px;bottom:0;right:auto;top:auto;}
.local-person .section1 .swiper-container {position: static;}
.local-person .section1 .swiper-container .swiper-wrapper {position: static;}
.local-person .section1 .swiper-pagination {display: none;}
.local-person .section1 .con-box .swiper-button-prev-1, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-1,
.local-person .section1 .con-box .swiper-button-prev-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-2,
.local-person .section1 .con-box .swiper-button-prev-3, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-3,
.local-person .section1 .con-box .swiper-button-prev-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-4 {position: absolute;background: url(/images/intro/local-person/icon-slide-left.png) center no-repeat;width:80px;height:60px;left:0px;top:460px;right:auto;bottom:auto;}

.local-person .section1 .con-box .swiper-button-next-1, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-1,
.local-person .section1 .con-box .swiper-button-next-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-2,
.local-person .section1 .con-box .swiper-button-next-3, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-3,
.local-person .section1 .con-box .swiper-button-next-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-4 {position: absolute;background: url(/images/intro/local-person/icon-slide-right.png) center no-repeat;width:80px;height:60px;left:80px;top:465px;right:auto;bottom:auto;}

.local-person .section1 .con-box .swiper-button-prev-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-2,
.local-person .section1 .con-box .swiper-button-prev-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-4 {left:auto;right:80px;}

.local-person .section1 .con-box .swiper-button-next-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-2,
.local-person .section1 .con-box .swiper-button-next-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-4 {left:auto;right:0px;}

.local-person .section1 .swiper-button-next.swiper-button-disabled, .local-person .section1 .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}

.local-person .section1 .con-box .tab_content .swiper-container .swiper-slide .txt-sec p:nth-child(1) {font-weight: 600;font-size: 24px;line-height: 34px;margin-bottom:8px;color:#333;font-family: 'NotoSansifCJKEL';}
.local-person .section1 .con-box .tab_content .swiper-container .swiper-slide .txt-sec p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 22px;}

.local-person .section2 .con-box {display: inline-block;width: 100%;height: auto;}
.local-person .section2 .yesno {position: relative;background: url(/images/intro/local-person/bg-sec2-02.png) center no-repeat;width:100%;height:490px;background-size:100% 100%;}
.local-person .section2 .positionFit {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height:490px;}
.local-person .section2 .positionFit h3 {font-weight: 500;font-size: 40px;line-height: 57px;font-family: 'NotoSansifCJKEL';color:#333;margin-bottom:40px;}
.local-person .section2 .yesno ul {overflow: hidden;display: flex;padding: 0;}
.local-person .section2 .yesno ul li {margin:0px 5px;}
.local-person .section2 .yesno ul li button {display: block;width: 100%;min-width: 180px;height: 100%;color: #fff;font-weight: bold;background: rgba(255, 255, 255, 0.5);border: 1px solid #895A00;border-radius: 0;}
.local-person .section2 .yesno ul li.even button {color: #fff;background: rgba(137, 90, 0, 0.7);border: 1px solid #895A00;}
.local-person .section2 .yesno ul li.odd button {color: #895A00;}
.local-person .section2 .yesno ul li.back button {width: 50%;margin: 0 auto;}
.local-person .section2 .yesno .answer-box {padding:100px 150px;}
.local-person .section2 .yesno .answer-box .inner {display: flex;align-items: center;justify-content: center;}
.local-person .section2 .yesno .answer-box .inner .left-sec {width:50%;}
.local-person .section2 .yesno .answer-box .inner .left-sec img {width:100%;}
.local-person .section2 .yesno .answer-box .inner .right-sec {width:45%;margin:0% 0% 0% 5%;text-align: center;}
.local-person .section2 .yesno .answer-box .inner .right-sec p:nth-of-type(1) {font-weight: 600;font-size: 32px;line-height: 46px;color: #333333;font-family: 'NotoSansifCJKEL';}
.local-person .section2 .yesno .answer-box .inner .right-sec p:nth-of-type(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;}
.local-person .section2 .yesno .answer-box .inner .right-sec .box-list {margin-top:30px;}
.local-person .section2 .yesno .answer-box .inner .right-sec .box-list .list {display: inline-block;width:100%;padding:0px 0px;height:50px;line-height: 46px;border: 1px solid #895A00;color: #895A00;font-weight: 400;font-size: 16px;margin-bottom:5px;background:url(/images/intro/local-person/icon-link.png) 95% center no-repeat #fff;}
.local-person .section2 .yesno .answer-box .inner .right-sec .box-list .list:hover {background:url(/images/intro/local-person/icon-link-white.png) 95% center no-repeat #895A00;color:#fff;}

.local-person .section3 {background:url('/images/intro/local-person/bg-sec3.png') no-repeat;background-size:cover;}
.local-person .section3 .inner-wrap {width:95%;max-width: none;margin-right:5%;}
.local-person .section3 .con-box .person3swiper {height:600px;}
.local-person .section3 .con-box .person3swiper .swiper-slide {position: relative;}
.local-person .section3 .con-box .person3swiper .swiper-slide:nth-of-type(1) {background:url('/images/intro/local-person/img-sec3-01.png') center no-repeat #fff;background-size:cover;}
.local-person .section3 .con-box .person3swiper .swiper-slide:nth-of-type(2) {background:url('/images/intro/local-person/img-sec3-02.png') center no-repeat #fff;background-size:cover;} 
.local-person .section3 .con-box .person3swiper .swiper-slide:nth-of-type(3) {background:url('/images/intro/local-person/img-sec3-03.png') center no-repeat #fff;background-size:cover;} 
.local-person .section3 .con-box .person3swiper .swiper-slide:nth-of-type(4) {background:url('/images/intro/local-person/img-sec3-04.png') center no-repeat #fff;background-size:cover;} 
.local-person .section3 .con-box .person3swiper .swiper-slide .inner {background: #fff;position: absolute;bottom:0px;left:0px;width:70%;height:290px;display: flex;padding:40px 40px 40px 200px;}
.local-person .section3 .con-box .person3swiper .swiper-slide .inner .tit-sec {width:15%;}
.local-person .section3 .con-box .person3swiper .swiper-slide .inner .txt-sec {width:85%;}
.local-person .section3 .con-box .person3swiper .swiper-slide .inner .tit-sec p {font-weight: 600;font-size: 32px;line-height: 34px;letter-spacing: -8px;font-family: 'NotoSansifCJKEL';writing-mode: vertical-rl;color:#333;}
.local-person .section3 .con-box .person3swiper .swiper-slide .inner .txt-sec p:nth-of-type(1) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;margin-bottom:20px;height:170px;overflow: hidden;}
.local-person .section3 .con-box .person3swiper .swiper-slide .inner .txt-sec p:nth-of-type(2) a {color: #895A00;border:1px solid #ccc;padding:8px 25px;font-weight: 400;font-size: 14px;}
.local-person .section3 .swiper-pagination-txt3 {left:auto;right:0px;bottom:0px;width:30%;height: 64px;line-height: 64px;background: #513F1B;}
.local-person .section3 .swiper-pagination-bullet {width:auto;height:auto;background: none;color:#fff;padding:0px 15px;position: relative;opacity: 1;}
.local-person .section3 .swiper-pagination-bullet::after {content: '·';position: absolute;top: 0px;right:0px;}
.local-person .section3 .swiper-pagination-bullet-active {background: none;color:#E7B200;font-weight: 600;}
.local-person .section3 .swiper-pagination-bullet:last-child::after {display: none;}
.local-person .section3 .con-box .swiper-button-prev, .local-person .section3 .con-box .swiper-container-rtl .swiper-button-next {display: none;}
.local-person .section3 .con-box .swiper-button-next, .local-person .section3 .con-box .swiper-container-rtl .swiper-button-prev {display: none;}

/* 어업 */
.fishing .page-header h3 {color:#00F0FF;}
.fishing .header-visual {background-image:url('/images/intro/fishing/bg-fishing.png');}
.fishing .sec-area dt {font-family: 'NotoSansifCJKEL';}
.fishing .sec-area dt span {display:inline-block;font: 40px 'NotoSansifCJKEL';font-weight: 600;color:#009999;}
.fishing .section1 {background:#E7F9FB;width:100%;height:100%;background-size:cover;z-index: 9;}
.fishing .section1 .con-box .tab {display: flex;justify-content: space-between;position: relative;}
.fishing .section1 .con-box .tab .list-box {width:50%;height:700px;padding:0px 0px;overflow: auto;}
.fishing .section1 .con-box .tab .tabs {margin:0px 0px;width:auto;overflow: visible;} 
.fishing .section1 .con-box .tab .tabs .list-fish {position: relative;background: rgba(255, 255, 255, 1);box-sizing: border-box;border-radius: 5px;margin-bottom:8px;padding:0px 30px;height:175px;display: flex;align-items: center;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.fishing .section1 .con-box .tab .tabs .list-fish::before {content: '';width: 0;height: 0;border-bottom: 30px solid #fff;border-left: 32px solid transparent;display: inline-block;position: absolute;left:-30px;bottom:0px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.fishing .section1 .con-box .tab .tabs .list-fish::after {content: '';width:8px;height:175px;background:#333;display: inline-block;position: absolute;right:0px;top:0px;border-radius: 0px 5px 5px 0px;}
.fishing .section1 .con-box .tab .tabs .list-fish:hover {background: #ccc;box-sizing: border-box;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.fishing .section1 .con-box .tab .tabs .list-fish.current {background: #ccc;box-sizing: border-box;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.fishing .section1 .con-box .tab .tabs .list-fish .tit {width:70%;}
.fishing .section1 .con-box .tab .tabs .list-fish .tit p:nth-child(1) {font-weight: 700;font-size: 20px;line-height: 30px;}
.fishing .section1 .con-box .tab .tabs .list-fish .tit p:nth-child(2) {font-weight: 500;font-size: 16px;line-height: 24px;}
.fishing .section1 .con-box .tab .tabs .list-fish .more {width:30%;text-align: right;}
.fishing .section1 .con-box .tab .tabs .list-fish > .more a {width:100px;height:100px;line-height: 100px; background: #ccc;display: inline-block;border-radius: 50%;color:#fff;text-align: center;font-weight: 700;font-size: 16px;}

.fishing .section1 .con-box .tab .tabs .list-fish:hover .tit p {color:#fff;}

.fishing .section1 .con-box .tab .tabs .list-fish.anchovy::after {background: #16BCC7;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy > .more a {background: #0097A0;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy .tit p:nth-child(1) {color:#0097A0;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy.current > .more a {background: #fff;color:#0097A0;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy.current {background: #0097A0;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.anchovy.current::before {border-bottom-color:#0097A0;}

.fishing .section1 .con-box .tab .tabs .list-fish.mackerel::after {background: #7F90E9;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel > .more a {background: #5A69BA;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel .tit p:nth-child(1) {color:#5A69BA;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel.current > .more a {background: #fff;color:#5A69BA;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel.current {background: #5A69BA;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.mackerel.current::before {border-bottom-color:#5A69BA;}

.fishing .section1 .con-box .tab .tabs .list-fish.pollock::after {background: #D275E1;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock > .more a {background: #AC53BB;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock .tit p:nth-child(1) {color:#AC53BB;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock.current > .more a {background: #fff;color:#AC53BB;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock.current {background: #AC53BB;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.pollock.current::before {border-bottom-color:#AC53BB;}

.fishing .section1 .con-box .tab .tabs .list-fish.sandfish::after {background: #4DB647;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish > .more a {background: #3E8E3A;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish .tit p:nth-child(1) {color:#3E8E3A;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish.current > .more a {background: #fff;color:#3E8E3A;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish.current {background: #3E8E3A;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.sandfish.current::before {border-bottom-color:#3E8E3A;}

.fishing .section1 .con-box .tab .tabs .list-fish.daegu::after {background: #D6A31D;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu > .more a {background: #A97C08;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu .tit p:nth-child(1) {color:#A97C08;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu.current > .more a {background: #fff;color:#A97C08;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu.current {background: #A97C08;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.daegu.current::before {border-bottom-color:#A97C08;}

.fishing .section1 .con-box .tab .tabs .list-fish.hairtail::after {background: #4CB6F2;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail > .more a {background: #3096CF;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail .tit p:nth-child(1) {color:#3096CF;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail.current > .more a {background: #fff;color:#3096CF;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail.current {background: #3096CF;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail.current .tit p {color:#fff;}
.fishing .section1 .con-box .tab .tabs .list-fish.hairtail.current::before {border-bottom-color:#3096CF;}

.fishing .section1 .con-box .tab .tab_content {width:50%;}
.fishing .section1 .con-box .tab .tab_content .tabs_item {background:url(/images/intro/fishing/bg-sec1-0.png) center no-repeat;width:100%;height:700px;background-size:100% 100%;position: relative;}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active {position: absolute;width: 80px;height: 48px;text-indent: -99999999px;}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.on {}
.fishing .section1 #mCSB_1_container {padding: 0% 2% 0% 6%;}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.anchovy {top:calc(50% - -270px);left:calc(50% - -30px);}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.mackerel {top:calc(50% - -240px);left:calc(50% - 60px);}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.pollock {top:calc(50% - 138px);left:calc(50% - -70px);}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.sandfish {top:calc(50% - 190px);left:calc(50% - -25px);}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.daegu {top:calc(50% - -195px);left:calc(50% - -35px);}
.fishing .section1 .con-box .tab .tab_content .tabs_item .fish-active.hairtail {width: 100px;top:calc(50% - -305px);left:calc(50% - 80px);}
.fishing .section1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #00D3E0;}

.fishing .section2 {background:url('/images/intro/fishing/bg-sec2.png') center no-repeat;background-size:100% 100%;}
.fishing .section2 .con-box {margin-bottom:110px;}
.fishing .section2 .con-box:last-child {margin-bottom:0;}
.fishing .section2 .con-box .tit {text-align: center;margin-bottom:50px;}
.fishing .section2 .con-box .tit p:nth-child(1) {margin-bottom: 5px;}
.fishing .section2 .con-box .tit p:nth-child(2) {font-weight: 800;font-size: 30px;line-height: 34px;color:#222;margin-bottom:20px;}
.fishing .section2 .con-box .tit p:nth-child(2) span {color:#009999;}
.fishing .section2 .con-box .image-accordion {display: flex;max-width:1400px;margin: 0 auto;}
.fishing .section2 .con-box .image-accordion .acc-list {height:480px;flex: 1;margin: 0px 5px;overflow: hidden;overflow: hidden;border-radius:5px;position: relative;border:8px solid #fff;
-webkit-transition: 0.5s all;
transition:all 0.5s ease;
}

.fishing .section2 .con-box .image-accordion .acc-list .img-sec {border-radius:5px;display:flex;justify-content: center;width:100%;height:480px;background: #222;
-webkit-transition: 0.5s all;
transition:all 0.5s ease;
}
.fishing .section2 .con-box .image-accordion .acc-list .img-sec > img {width:auto;height: auto;-webkit-filter: blur(1px);filter: blur(1px);opacity: 0.8;}
.fishing .section2 .con-box .image-accordion .acc-list .img-sec .icon-box {text-align: center;position: absolute;top:40%;z-index: 9;}
.fishing .section2 .con-box .image-accordion .acc-list .img-sec .icon-box p:nth-of-type(1) {background:#333;width:60px;height:60px;line-height: 60px;border-radius: 50%;text-align: center;margin:0 auto 10px;}
.fishing .section2 .con-box .image-accordion .acc-list .img-sec .icon-box p:nth-of-type(1) img {vertical-align: middle;margin-bottom:5px;}
.fishing .section2 .con-box .image-accordion .acc-list .img-sec .icon-box p:nth-of-type(2) {color:#fff;font-weight: 700;font-size: 18px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);} 
.fishing .section2 .con-box .image-accordion .acc-list:nth-of-type(1) .img-sec .icon-box p:nth-of-type(1) {background: #1BC5EB;}
.fishing .section2 .con-box .image-accordion .acc-list:nth-of-type(2) .img-sec .icon-box p:nth-of-type(1) {background: #1989F1;}
.fishing .section2 .con-box .image-accordion .acc-list:nth-of-type(3) .img-sec .icon-box p:nth-of-type(1) {background: #EA9413;}

.fishing .section2 .con-box .image-accordion .acc-list.selected-image {flex: 4;opacity: 1;position: relative;top:-20px;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .img-sec {background:none;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .img-sec .icon-box {display: none;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .img-sec > img {width:100%;object-fit: cover;-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}
.fishing .section2 .con-box .image-accordion .acc-list .text-sec {width:100%;height:100%;padding:0px 0%;background-size:100% 100%;display: block;opacity: 1;position: absolute;bottom:0%;left:0%;display: none}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec {width:100%;height:auto;padding:0px 6%;display: block;opacity: 1;position: absolute;top:60%;left:0%;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec p:nth-child(1) {font-weight: 700;font-size: 24px;line-height: 36px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);margin-bottom:15px;color:#fff;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec p:nth-child(2) {font-weight: 500;font-size: 16px;line-height: 24px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);margin-bottom:30px;color:#fff;}
.fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec p:nth-child(3) a {text-decoration-line: underline;font-weight: 700;font-size: 14px;text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);color:#fff;}

.fishing .section2 .con-box:nth-of-type(2) .tab {position: relative;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu {position: absolute;top:40px;left:calc(50% - -160px);}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul {display: flex;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li {margin-right:5px;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li a {background:#fff;width: 90px;height: 156px;border-radius: 50px;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li a p {margin-top:5px;font-weight: 700;font-size: 14px;color:#555;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li.active a {background: #0093B4;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li.active a p {color:#fff;}

.fishing .section2 .con-box:nth-of-type(2) .tab_content {margin-bottom:45px;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner {display: flex;align-items: flex-end;background: #EFFCFF;border:8px solid #fff;border-radius: 8px;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .left-sec {width:60%;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .left-sec .img-sec img {width:100%;vertical-align: middle;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .right-sec {width:40%;padding:4%;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .right-sec p:nth-child(1) {font-weight: 700;font-size: 24px;line-height: 36px;color: #0093B4;margin-bottom:15px;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .right-sec p:nth-child(2) {font-weight: 500;font-size: 16px;line-height: 24px;color: #666;margin-bottom:40px;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .right-sec p:nth-child(3) a {font-weight: 400;
font-size: 16px;line-height: 24px;color: #0093B4;border: 1px solid #0093B4;border-radius: 50px;padding: 8px 50px 10px 20px;background: url(/images/intro/fishing/icon-arr-right-blue.png) 85% center no-repeat;}

.fishing .section2 .con-box:nth-of-type(2) .tabContent:nth-of-type(2) .inner .right-sec p:nth-child(1) {color: #1363AD;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li:nth-of-type(2).active a {background: #1363AD;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent:nth-of-type(2) .inner .right-sec p:nth-child(3) a {color: #1363AD;border: 1px solid #1363AD;background: url(/images/intro/fishing/icon-arr-right-deepblue.png) 85% center no-repeat;}

.fishing .section2 .con-box:nth-of-type(2) .tabContent:nth-of-type(3) .inner .right-sec p:nth-child(1) {color: #D67300;}
.fishing .section2 .con-box:nth-of-type(2) .tab-menu ul li:nth-of-type(3).active a {background: #D67300;}
.fishing .section2 .con-box:nth-of-type(2) .tabContent:nth-of-type(3) .inner .right-sec p:nth-child(3) a {color: #D67300;border: 1px solid #D67300;background: url(/images/intro/fishing/icon-arr-right-orange.png) 85% center no-repeat;}

.fishing .section2 .con-box:nth-of-type(2) .video-box {display: flex;align-items: center;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .left-sec {width:55%;margin-right:5%;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .left-sec p:nth-child(1) {font-weight: 800;font-size: 30px;line-height: 34px;color:#fff;margin-bottom:25px;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .left-sec p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#fff;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec {width:40%;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec img {width:100%;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec p:nth-child(2) {font-weight: 400;font-size: 12px;color:#fff;text-align: center;margin-top:5px;}
.fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec p video {width:100%;}

.fishing .section2 .con-box:nth-of-type(3) .source {text-align: right;margin-bottom:20px;font-weight: 400;font-size: 12px;line-height: 18px;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing {padding:0px 0px 65px;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide {background:#ccc;border-radius:12px;box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .num {position: absolute;top:-10px;left:15px;background: url(/images/intro/fishing/icon-sec2-numbg.png) center no-repeat;width:80px;height:44px;line-height: 44px;font-weight: 700;font-size: 18px;color:#fff;text-align: center;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .txt-sec {height:280px;padding:50px 28px 0px;position: relative;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .txt-sec::after {content: '';position: absolute;bottom:-20px;right:30px;width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #ccc;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .txt-sec p:nth-child(1) {font-weight: 700;font-size: 24px;line-height: 36px;color:#fff;margin-bottom:10px;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .txt-sec p:nth-child(2) {font-weight: 500;font-size: 16px;line-height: 24px;color:#fff;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .img-sec {height:250px;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .img-sec img {width:100%;}

.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(1) {background:#009EAE;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(2) {background:#009AE0;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(3) {background:#B88E00;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(4) {background:#869600;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(5) {background:#53903E;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(6) {background:#2B7BD8;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(7) {background:#A049BE;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(8) {background:#BE6C49;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(9) {background:#3E7BC2;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(10) {background:#607D83;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(11) {background:#7B7B7B;}

.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(1) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #009EAE;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(2) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #009AE0;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(3) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #B88E00;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(4) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #869600;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(5) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #53903E;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(6) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #2B7BD8;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(7) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #A049BE;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(8) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #BE6C49;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(9) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #3E7BC2;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(10) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #607D83;}
.fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide:nth-of-type(11) .txt-sec::after {border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 20px solid #7B7B7B;}

.fishing .section2 .swiper-pagination-progressbar {background:rgba(255,255,255,.9);position:absolute}
.fishing .section2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#00F0FF;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.fishing .section2 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.fishing .section2 .swiper-horizontal > .swiper-pagination-progressbar,
.fishing .section2 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.fishing .section2 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.fishing .section2 .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:88%;height:4px;left:0;top:auto;bottom:25px;}
.fishing .section2 .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.fishing .section2 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.fishing .section2 .swiper-pagination-progressbar.swiper-pagination-vertical,
.fishing .section2 .swiper-vertical > .swiper-pagination-progressbar {width:4px;height:100%;left:0;
top:0}

.fishing .section2 .con-box .swiper-button-next, .fishing .section2 .con-box .swiper-button-prev {top:auto;bottom:0px;}
.fishing .section2 .con-box .swiper-button-prev, .fishing .section2 .con-box .swiper-container-rtl .swiper-button-next {background: url('/images/intro/fishing/icon-slide-left-white.png') center no-repeat;width:48px;height:48px;left:auto;right:60px;border: 1px solid #FFFFFF;border-radius: 50%;}
.fishing .section2 .con-box .swiper-button-next, .fishing .section2 .con-box .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/fishing/icon-slide-right-white.png') center no-repeat;width:48px;height:48px;left:auto;right:0px;border: 1px solid #FFFFFF;border-radius: 50%;}
.fishing .section2 .con-box .swiper-button-next.swiper-button-disabled, .fishing .section2 .con-box .swiper-button-prev.swiper-button-disabled {opacity: 0.6;}

.fishing .section3 {background:url('/images/intro/fishing/bg-sec3.png') center no-repeat;background-size:cover;}
.fishing .section3 .con-box {margin-bottom:110px;}
.fishing .section3 .con-box .tit {text-align: center;margin-bottom:50px;}
.fishing .section3 .con-box .tit p:nth-child(1) {margin-bottom: 5px;}
.fishing .section3 .con-box .tit p:nth-child(2) {font-weight: 800;font-size: 30px;line-height: 34px;color:#222;margin-bottom:20px;}
.fishing .section3 .con-box .tit p:nth-child(2) span {color:#00E7FF;}
.fishing .section3 .sec-area dt {color:#fff;}
.fishing .section3 .sec-area dt span {color:#00E7FF;}
.fishing .section3 .sec-area dd {color:#fff;}
.fishing .section3 .con-box .card-box {display: flex;justify-content: space-between;margin-bottom:40px;max-width: 1200px;margin:0 auto 40px;}
.fishing .section3 .con-box .card-box .list {width:24%;height:400px;background: #fff;border-radius: 0px 8px 8px 0px;padding:36px 48px 0px 32px;position: relative;}
.fishing .section3 .con-box .card-box .list p {z-index: 1;position: relative;}
.fishing .section3 .con-box .card-box .list p:nth-child(1) {font-weight: 700;font-size: 24px;line-height: 36px;color:#fff;margin-bottom:10px;}
.fishing .section3 .con-box .card-box .list p:nth-child(2) {font-weight: 500;font-size: 15px;line-height: 22px;color:#fff;margin-bottom:50px;height:215px;overflow: hidden;}
.fishing .section3 .con-box .card-box .list p:nth-child(3) a {font-weight: 400;font-size: 16px;line-height: 24px;color:#555;background:url(/images/intro/fishing/icon-sec3-arr-right.png) right center no-repeat;padding:5px 30px 5px 0px;}
.fishing .section3 .con-box .card-box .list::before {content:'';width:95%;height:80%;border-radius:0px 0px 50px 0px;background:#ccc;display: inline-block;position: absolute;left:0px;top:0px;}
.fishing .section3 .con-box .card-box .list:nth-child(1)::before {background:#009EAE;}
.fishing .section3 .con-box .card-box .list:nth-child(2)::before {background:#009AE0;}
.fishing .section3 .con-box .card-box .list:nth-child(3)::before {background:#B88E00;}
.fishing .section3 .con-box .card-box .list:nth-child(4)::before {background:#869600;}
.fishing .section3 .con-box .banner-box {background: #fff;border-radius: 8px;max-width: 1200px;margin:0 auto;}
.fishing .section3 .con-box .banner-box p:nth-of-type(2) {text-align: center;padding:10px 0px 20px;font-weight: 700;font-size: 18px;}

.fishing .section3 .inner-wrap {max-width: 100%;}
.fishing .section3 .con-box .sec3swiperfishing {overflow: visible;position: relative;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide {max-width: 726px;opacity: 0.3;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide-active {opacity: 1;}

.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .img-sec {margin-bottom:100px;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .img-sec img {width:100%;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .txt-sec p:nth-of-type(1) {font-weight: 700;font-size: 24px;line-height: 36px;color: #00E7FF;margin-bottom:10px;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .txt-sec p:nth-of-type(2) {font-weight: 500;font-size: 16px;line-height: 24px;color: #FFFFFF;margin-bottom:40px;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .txt-sec p:nth-of-type(3) {text-align: center;}
.fishing .section3 .con-box .sec3swiperfishing .swiper-slide .txt-sec p:nth-of-type(3) a {border: 1px solid #00F0FF;
border-radius: 50px;color: #00F0FF;font-weight: 400;font-size: 16px;padding:7px 80px 7px 20px;background: url(/images/intro/fishing/icon-arr-right-sky.png) 85% center no-repeat;}

.fishing .section3 .con-box .sec3swiperfishing .paging-box {position: absolute;left:calc(50% - 363px);top:480px;width: 726px;display: inline-block;margin: 0 auto;height: 80px;text-align: center;}
.fishing .section3 .swiper-pagination-progressbar {background:rgba(255,255,255,.9);position:absolute}
.fishing .section3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#00F0FF;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.fishing .section3 .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.fishing .section3 .swiper-horizontal > .swiper-pagination-progressbar,
.fishing .section3 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.fishing .section3 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.fishing .section3 .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:80%;height:4px;left:0;top:auto;bottom:25px;}
.fishing .section3 .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.fishing .section3 .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.fishing .section3 .swiper-pagination-progressbar.swiper-pagination-vertical,
.fishing .section3 .swiper-vertical > .swiper-pagination-progressbar {width:4px;height:100%;left:0;
top:0}

.fishing .section3 .con-box .swiper-button-next, .fishing .section3 .con-box .swiper-button-prev {top:auto;bottom:0px;}
.fishing .section3 .con-box .swiper-button-prev, .fishing .section3 .con-box .swiper-container-rtl .swiper-button-next {background: url('/images/intro/fishing/icon-slide-left-white.png') center no-repeat;width:48px;height:48px;left:auto;right:60px;border: 1px solid #FFFFFF;border-radius: 50%;}
.fishing .section3 .con-box .swiper-button-next, .fishing .section3 .con-box .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/fishing/icon-slide-right-white.png') center no-repeat;width:48px;height:48px;left:auto;right:0px;border: 1px solid #FFFFFF;border-radius: 50%;}
.fishing .section3 .con-box .swiper-button-next.swiper-button-disabled, .fishing .section3 .con-box .swiper-button-prev.swiper-button-disabled {opacity: 0.6;}

/* 의복 */
.apparel #header.header-change .nav-wrap .active a {color: #fff !important;}
.apparel .sec-area dt {font-family: 'NotoSansifCJKEL';}
.apparel .sec-area dt span {display:inline-block;color:#333;font: 40px 'NotoSansifCJKEL';font-weight: 600;}
.apparel .sec-area dt strong {color:#895A00;}
.apparel .sec-area dt strong.orange:after {background-color: #E7B200;opacity: 0.3;}
.apparel .sec-area dd {color:#666;letter-spacing: -1px;}
.apparel .header-visual {background-image:url('/images/intro/apparel/bg-apparel.jpg');}
.apparel .section1 {background:url('/images/intro/apparel/bg-sec1.jpg') center no-repeat;background-size:cover;}
.apparel .section1 .con-box {position: relative;}
.apparel .section1 .swiper-container {background:rgba(255,255,255,0.5);border:8px solid #C9C0B7;padding:70px 0px;} 
.apparel .section1 .swiper-container .swiper-wrapper {}
.apparel .section1 .swiper-container .swiper-slide {display: flex;align-items: center;padding:0px 100px;}
.apparel .section1 .swiper-container .swiper-slide .left-sec {width:30%;margin-right:5%;}
.apparel .section1 .swiper-container .swiper-slide .left-sec img {width:100%;}
.apparel .section1 .swiper-container .swiper-slide .right-sec {width:70%;margin-right:5%;}
.apparel .section1 .swiper-container .swiper-slide .right-sec p:nth-child(1) {font-weight: 500;font-size: 20px;line-height: 29px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:4px 0px;color: #333;font-family: 'NotoSansifCJKEL';display: inline-block;margin-bottom:20px;}
.apparel .section1 .swiper-container .swiper-slide .right-sec p:nth-child(2) {font-weight: 600;font-size: 32px;font-family: 'NotoSansifCJKEL';line-height: 46px;color:#333;margin-bottom:15px;}
.apparel .section1 .swiper-container .swiper-slide .right-sec p:nth-child(3) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel,
.apparel .section1 .con-box .swiper-pagination-sec1-2swiperapparel,
.apparel .section1 .con-box .swiper-pagination-sec1-3swiperapparel,
.apparel .section1 .con-box .swiper-pagination-sec1-4swiperapparel {display:none;}

/*
.apparel .section1 .con-box .swiper-pagination {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);display: flex;width:100%;height:47px;line-height: 60px;border-radius: 50px;z-index: 9;display: flex;justify-content: space-between;max-width: 1000px;display: none;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet {width:auto;height:47px;line-height: 47px; opacity: 1;background: transparent;font-weight: 500;font-size: 16px;border-radius: 0px;text-align:center;background: #C9C0B7;position: relative;padding:0px 5px;margin:0% 1%;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet::before {content: '';width: 0px;height: 0px;border-right: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet::after {content: '';width: 0px;height: 0px;border-left: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet-active {background: #6A6259;border-radius: 0px;color:#E7B200;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet-active::before {content: '';width: 0px;height: 0px;border-right: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section1 .con-box .swiper-pagination-sec1swiperapparel .swiper-pagination-bullet-active::after {content: '';width: 0px;height: 0px;border-left: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
*/

.apparel .section1 .con-box .swiper-button-prev, .apparel .section1 .con-box .swiper-container-rtl .swiper-button-next {background: url('/images/intro/apparel/icon-slide-left.png') center no-repeat #C9C0B7;width:74px;height:74px;left:-30px;}
.apparel .section1 .con-box .swiper-button-next, .apparel .section1 .con-box .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/apparel/icon-slide-right.png') center no-repeat #C9C0B7;width:74px;height:74px;right:-30px;}
.apparel .section1 .con-box .swiper-button-prev:hover, .apparel .section1 .con-box .swiper-container-rtl .swiper-button-next:hover,
.apparel .section1 .con-box .swiper-button-next:hover, .apparel .section1 .con-box .swiper-container-rtl .swiper-button-prev:hover {background-color:#E7B200;}
.apparel .section1 .con-box .swiper-button-next.swiper-button-disabled, .apparel .section1 .con-box .swiper-button-prev.swiper-button-disabled {opacity: 0.6;}

.apparel .section1 .con-box .tab-menu-sec1apparel {margin-bottom:20px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul {position: absolute;top: -27px;left: 50%;transform: translateX(-50%);display: flex;width:100%;height:47px;line-height: 60px;border-radius: 50px;z-index: 9;display: flex;justify-content: space-between;max-width: 1000px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li {text-align:center;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li > a {display:inline-block;width:auto;height:47px;line-height: 47px; opacity: 1;background: transparent;font-weight: 500;font-size: 16px;border-radius: 0px;text-align:center;background: #C9C0B7;position: relative;padding:0px 5px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li > a::before {content: '';width: 0px;height: 0px;border-right: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li > a::after {content: '';width: 0px;height: 0px;border-left: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li.active > a {background:#E7B200;color:#222;font-weight: 600;} 
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li.active > a {background: #6A6259;border-radius: 0px;color:#E7B200;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li.active > a::before {content: '';width: 0px;height: 0px;border-right: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section1 .con-box .tab-menu-sec1apparel ul > li.active > a::after {content: '';width: 0px;height: 0px;border-left: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
.apparel .section1 .con-box .tabContent-sec1apparel {display:none;}
.apparel .section1 .con-box .tabContent-sec1apparel.active {display:block;}


.apparel .section2 {background:url('/images/intro/apparel/bg-sec2.jpg') center no-repeat;background-size:cover;}
.apparel .section2 .con-box .top-sec {margin-bottom:60px;}
.apparel .section2 .con-box .top-sec p:nth-child(1) {font-weight: 600;font-size: 32px;line-height: 46px;color:#333;font-family: 'NotoSansifCJKEL';margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid #C9C0B7;}
.apparel .section2 .con-box .top-sec p:nth-child(1) span {color:#A16B00;font-family: serif;}
.apparel .section2 .con-box .top-sec p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;}

.apparel .section2 .con-box .mid-sec {margin-bottom:60px;}
.apparel .section2 .con-box .mid-sec .card-list {display: flex;justify-content: space-between;}
.apparel .section2 .con-box .mid-sec .card-list .list {width:49%;border-top:8px solid #C9C0B7;padding:24px;}
.apparel .section2 .con-box .mid-sec .card-list .list .img-box {margin-bottom:24px;}
.apparel .section2 .con-box .mid-sec .card-list .list .img-box p img {width:100%;}
.apparel .section2 .con-box .mid-sec .card-list .list .img-box p:nth-child(2) {font-weight: 400;font-size: 12px;line-height: 18px;color:#666;text-align: center;margin-top:4px;}
.apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(1) {font-weight: 600;font-size: 24px;line-height: 34px;color:#333;font-family: 'NotoSansifCJKEL';margin-bottom:8px;}
.apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;margin-bottom:24px;}
.apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(3) {text-align: right;position: relative;}
.apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(3) a {color: #A16B00;font-weight: 400;font-size: 14px;line-height: 21px;}
.apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(3) a::before {width:85%;height:1px;background: #C9C0B7;opacity: 0.5;top:14px;left:0px;}

.apparel .section2 .con-box .bot-sec .txt-list {background:url('/images/intro/apparel/bg-sec2-2.png') center no-repeat;background-size: 100% 100%;padding:0px 80px;}
.apparel .section2 .con-box .bot-sec .txt-list .list {background: none;padding:40px 0px;margin:0;display: flex;border-bottom:1px solid #ccc;justify-content: space-between;align-items: center;}
.apparel .section2 .con-box .bot-sec .txt-list .list:last-child {border-bottom:0;}
.apparel .section2 .con-box .bot-sec .txt-list .list span:nth-child(1) {width:12%;font-weight: 500;font-size: 20px;color: #333333;letter-spacing: -1px;text-align: center;}
.apparel .section2 .con-box .bot-sec .txt-list .list span:nth-child(2) {width:85%;font-weight: 400;font-size: 16px;color: #666666;letter-spacing: -1px;}

.apparel .section2-2 {background:url('/images/intro/apparel/bg-sec2-3.jpg') center no-repeat;background-size:cover;}
.apparel .section2-2 .con-box .top-sec {margin-bottom:60px;}
.apparel .section2-2 .con-box .top-sec p:nth-child(1) {font-weight: 600;font-size: 32px;line-height: 46px;color:#333;font-family: 'NotoSansifCJKEL';margin-bottom:20px;padding-bottom:5px;border-bottom:1px solid #C9C0B7;}
.apparel .section2-2 .con-box .top-sec p:nth-child(1) span {color:#A16B00;font-family: serif;}
.apparel .section2-2 .con-box .top-sec p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide {display: flex;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .left-sec {width:35%;padding:2.5%;background: #AE9471;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .left-sec img {width:100%;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .right-sec {width:65%;display: flex;flex-direction: column;align-items:flex-start;justify-content: center;padding:0px 30% 0% 10%;background:url('/images/intro/apparel/bg-sec2-4.png') center no-repeat #fff;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .right-sec p:nth-child(1) {font-weight: 600;
font-size: 24px;line-height: 34px;font-family: 'NotoSansifCJKEL';color:#333;margin-bottom:24px;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .right-sec p:nth-child(2) {font-weight: 400;
font-size: 16px;line-height: 24px;color:#666;text-align: justify;letter-spacing: -1px;margin-bottom:50px;}
.apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .right-sec p:nth-child(3) a {font-weight: 400;font-size: 14px;line-height: 21px;color: #A16B00;border:1px solid #C9C0B7;padding:8px 25px;}
.apparel .section2-2 .con-box .swiper-button-prev, .apparel .section2-2 .con-box .swiper-container-rtl .swiper-button-next {background: url('/images/intro/apparel/icon-slide-left.png') center no-repeat #C9C0B7;width:74px;height:74px;right:74px;left:auto;bottom:30px;top:auto;}
.apparel .section2-2 .con-box .swiper-button-next, .apparel .section2-2 .con-box .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/apparel/icon-slide-right.png') center no-repeat #C9C0B7;width:74px;height:74px;right:0px;left:auto;bottom:30px;top:auto;}
.apparel .section2-2 .con-box .swiper-button-prev:hover, .apparel .section2-2 .con-box .swiper-container-rtl .swiper-button-next:hover,
.apparel .section2-2 .con-box .swiper-button-next:hover, .apparel .section2-2 .con-box .swiper-container-rtl .swiper-button-prev:hover {background-color:#E7B200;}
.apparel .section2-2 .con-box .swiper-button-next.swiper-button-disabled, .apparel .section2-2 .con-box .swiper-button-prev.swiper-button-disabled {opacity: 0.6;}
.apparel .swiper-pagination-progressbar {background:rgba(255,255,255,.9);position:absolute}
.apparel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#E7B200;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.apparel .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.apparel .swiper-horizontal > .swiper-pagination-progressbar,
.apparel .swiper-pagination-progressbar.swiper-pagination-horizontal,
.apparel .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.apparel .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:65%;height:4px;right:0;top:auto;bottom:28px;}
.apparel .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.apparel .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.apparel .swiper-pagination-progressbar.swiper-pagination-vertical,
.apparel .swiper-vertical > .swiper-pagination-progressbar {width:4px;height:100%;left:0;
top:0}

.apparel .section3 {background:url('/images/intro/apparel/bg-sec3.jpg') center no-repeat;background-size:cover;}
.apparel .section3 .con-box .tab-menu-sec3apparel {margin-bottom:20px;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul {display: flex;justify-content:space-between;max-width: 260px;margin:0 auto;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li {text-align:center;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li > a {display:inline-block;width:100px;height:47px;line-height: 47px; opacity: 1;background: transparent;font-weight: 500;font-size: 16px;border-radius: 0px;text-align:center;background: #C9C0B7;position: relative;padding:0px 5px;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li > a::before {content: '';width: 0px;height: 0px;border-right: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li > a::after {content: '';width: 0px;height: 0px;border-left: 24px solid #C9C0B7;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li.active > a {background:#E7B200;color:#222;font-weight: 600;} 
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li.active > a {background: #6A6259;border-radius: 0px;color:#E7B200;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li.active > a::before {content: '';width: 0px;height: 0px;border-right: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;left: -24px;}
.apparel .section3 .con-box .tab-menu-sec3apparel ul > li.active > a::after {content: '';width: 0px;height: 0px;border-left: 24px solid #6A6259;border-top: 24px solid transparent;border-bottom: 24px solid transparent;position: absolute;right: -24px;}
.apparel .section3 .con-box .tabContent-sec3apparel {display:none;}
.apparel .section3 .con-box .tabContent-sec3apparel.active {display:block;}

.apparel .section3 .con-box .tab {position: relative;display: flex;justify-content: center;}
.apparel .section3 .con-box .tabs {position: absolute;width: 100%;margin:0;overflow: visible;}
.apparel .section3 .con-box .tabs li {display: inline-block;margin:0% 0px;padding: 0;text-align: center;z-index: 99999;position: absolute;}
.apparel .section3 .con-box .tabs li:last-child {margin-right:0;}
.apparel .section3 .con-box .tabs li a {width:70px;height:35px;display: inline-block;text-indent: -99999999px;border:0;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.apparel .section3 .con-box .tabs li.active a {background:none;}

.apparel .section3 .con-box .tabs.man .item1 {top:120px;left:470px;}
.apparel .section3 .con-box .tabs.man .item2 {top:160px;left:470px;}
.apparel .section3 .con-box .tabs.man .item3 {top:585px;left:655px;}

.apparel .section3 .con-box .tabs.woman .item1 {top:230px;left:150px;}
.apparel .section3 .con-box .tabs.woman .item1 a {width:65px;height:240px;transform: rotate(-20deg)}
.apparel .section3 .con-box .tabs.woman .item2 {top:300px;left:690px;}
.apparel .section3 .con-box .tabs.woman .item2 a {width:60px;height:190px;transform: rotate(10deg)}
.apparel .section3 .con-box .tabs.woman .item3 {top:520px;left:320px;}
.apparel .section3 .con-box .tabs.woman .item3 a {width:120px;height:80px;}

.apparel .section3 .con-box .tab_content {display:inline-block;width:100%;padding:0% 0%;}
.apparel .section3 .con-box .tabs_item {display: none;padding: 10px 0;}
.apparel .section3 .con-box .tabs_item:first-child {display: block;}
.apparel .section3 .con-box .tabs_item .inner {display: flex;}
.apparel .section3 .con-box .tabs_item .inner .left-sec {width:890px;height:620px;}
.apparel .section3 .con-box .tabs_item .inner .left-sec img {width:100%;}
.apparel .section3 .con-box .tabs_item .inner .right-sec {width:310px;height:620px;padding:20px;background: #837872;overflow: auto;}
.apparel .section3 .con-box .tabs_item .inner .right-sec .list {padding:0;margin-bottom:40px;border-bottom:0;}
.apparel .section3 .con-box .tabs_item .inner .right-sec .list .img-box {margin-bottom:5px;}
.apparel .section3 .con-box .tabs_item .inner .right-sec .list .img-box img {width:100%;}
.apparel .section3 .con-box .tabs_item .inner .right-sec .list .txt-box p:nth-child(1) {font-weight: 500;font-size: 20px;margin-bottom: 5px;}
.apparel .section3 .con-box .tabs_item .inner .right-sec .list .txt-box p:nth-child(2) {font-weight: 400;font-size: 16px;line-height: 24px;}
.apparel .section3 .con-box .tab_content .tab {display: inline-block;overflow: hidden;}
.apparel .section3 .con-box .tab_content .tab .tabs_item {padding:0;}
.apparel .section3 .mCustomScrollBox {padding-right:15px;}
.apparel .section3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #E7B200;}


.apparel .section4 {background:url('/images/intro/apparel/bg-sec4.jpg') center no-repeat;background-size:cover;}
.apparel .time-progress-nav {border-top:1px solid #C9C0B7;border-bottom:1px solid #C9C0B7;padding:0;position: relative;background:url('/images/intro/apparel/bg-sec4.jpg') center no-repeat;background-size:cover;}
.apparel .time-progress-nav.fixed {width: 100%;margin:0 auto;padding: 79px 0px 0px;position: fixed;}
.apparel .time-progress-nav .years {flex-wrap: wrap;display: flex;justify-content: space-between;align-content: center;z-index: 9;padding:0% 0%;width:100%;position: relative;height:66px;}
.apparel .time-progress-nav.fixed .years {max-width:none;}
.apparel .time-progress-nav .years li {float:none;width:auto;display: inline-block;margin-bottom:0;min-height: inherit;height:66px;display: flex;align-items: center;width:12.5%;}
.apparel .time-progress-nav .years li:first-child {text-align: center;}
.apparel .time-progress-nav .years li:last-child {text-align: center;}
.apparel .time-progress-nav .years li a {display: block;color:#666;font-style: normal;padding:0;position: relative;}
.apparel .time-progress-nav .years li.on a {padding:0;color:#fff;font-weight: 600;font-size:20px;text-align: center;width:56px;height:56px;line-height: 54px;background: #846600;border-radius: 50%;margin:0 auto;}


.apparel .time-progress-nav .years li a::after {content: '';background:#D2D2D2;width:1px;height:22px;position: absolute;right:0px;top:0px;}
.apparel .time-progress-nav .years li.on a::after {right:-42px;top:16px;}
.apparel .time-progress-nav .years li:last-child a::after {display: none;}

.apparel .time-progress-nav.fixed .fixed-bg {background:none;}
.apparel .time-progress-nav .progress {height:66px;border-radius: 0;background: none;margin-top:-66px;}
.apparel .time-progress-nav.fixed .progress {max-width: none;padding:0% 5%;}
.apparel .time-progress-nav .progress .bar {background: #E7B200;border-radius: 0;width:70px;}
.apparel .time-progress-nav .progress .bar::before {background:#D2D2D2;width:1px;height:22px;position: absolute;left:-10px;top:24px;display: none;}

.apparel .time-progress-con {max-width:960px;margin:0 auto;display: flex;justify-content: space-between;flex-flow: wrap;padding:60px 0px;align-items: flex-end;}
.apparel .years-wrap {width:48%;margin-bottom:100px;}
.apparel .years-wrap:nth-child(even) {position: relative;top:100px;}
.apparel .time-progress-con .time-box {display: inline-block;min-height: inherit;margin:0;width:100%;}
.apparel .time-progress-con .time-con {display: inline-block;padding:0;width:100%;}
.apparel .time-progress-con .time-con .img-box img {width:100%;}
.apparel .time-progress-con .time-con .txt-box p {font-weight: 400;font-size: 16px;line-height: 24px;color:#666;   padding: 0% 5% 0% 2%;}
.apparel .time-progress-con .time-date {font-weight: 600;font-size: 24px;color:#666;width:auto;background: none;font-style: normal;padding:0% 0px 0% 55px;position: static;text-align: left;font-family: 'NotoSansifCJKEL';}
.apparel .time-progress-con .time-date::before {content: '';width: 40px;height: 2px;background: #C9C0B7;position: absolute;left:5px;top:22px;}


/* 독립운동 */
.independent .header-visual {background-image:url('/images/intro/independent/bg-independent.jpg');}
.independent .header-visual .btn-box {text-align: center;position: fixed;bottom:130px;left:calc(50% - 155px);}
.independent .header-visual .btn-box button {border:1px solid #fff;border-radius: 50px;color:#fff;font-size:18px;padding:5px 30px;margin:0px 5px;}

.independent .sec-nav {display: flex;flex-direction: column;position: fixed;right:0px;top:calc(0% - -80px);width:80px;height: calc(100vh - 80px);z-index: 999;}
.independent .sec-nav button {height:50vh;background: rgba(34, 34, 34, 0.5);border-left: 1px solid rgba(255, 255, 255, 0.1);}
.independent .sec-nav button span {writing-mode: vertical-rl;font-weight: 400;font-size: 16px;line-height: 24px;color:#fff;letter-spacing: 2px;}
.independent .sec-nav button.on {background: rgba(0, 162, 236, 0.5);}

.independent section {width:100%;height:100vh;padding:0;position: absolute;top:0px;left:0px;}
.independent section .inner-wrap {max-width: inherit;}

.independent .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.independent .swiper-container .swiper-slide {text-align: center;font-size: 18px;
/*
display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
*/
}

.independent .sec2swiper-independent .swiper-slide > .inner .tit-box {margin-bottom:60px;}
.independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(1) {font-weight: 600;font-size: 40px;line-height: 57px;color:#fff;margin-bottom:30px;font-family:'NotoSansifCJKEL';}
.independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#ddd;margin-bottom:20px;}
.independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(3) {font-weight: 400;font-size: 12px;line-height: 24px;color:#ddd;}

.independent .sec2swiper-independent > .swiper-wrapper, 
.independent .sec2swiper-independent > .swiper-wrapper {width:100%;height:100vh;}
.independent .sec1swiper-independent > .swiper-wrapper > .swiper-slide,
.independent .sec2swiper-independent > .swiper-wrapper > .swiper-slide {width:100%;height:100vh;background:#ccc;}

.independent .section1 .pop-box {display: flex;align-items: center;position: absolute;top:0px;left:0px;width:100%;height:100vh;background:url('/images/intro/independent/bg-sec1-0.jpg') center no-repeat;background-size:cover;z-index: 99;}
.independent .section1 .pop-box .inner {width:100%;height: auto;padding:0% 0%;margin-left:10%;box-sizing: border-box;max-width: 570px;}
.independent .section1 .pop-box .inner .tit-box {text-align: left;display: flex;justify-content: space-between;align-items: flex-end;}
.independent .section1 .pop-box .inner .tit-box .tit {display: inline-block;max-width: 410px;}
.independent .section1 .pop-box .inner .tit-box .tit img {width:100%;}
.independent .section1 .pop-box .inner .tit-box .more {display: inline-block;}
.independent .section1 .pop-box .inner .tit-box .more a {font-weight: 400;font-size: 16px;line-height: 24px;color:#fff;}
.independent .section1 .pop-box .inner .tit-box .more a img {vertical-align: middle;margin:0px 0px 4px 8px;}
.independent .section1 .pop-box .inner .txt-box p {font-weight: 500;font-size: 15px;line-height: 22px;color:rgba(255,255,255,0.7);}

.independent .sec1swiper-independent .swiper-slide {display: flex;align-items: center;justify-content: center;}
.independent .sec1swiper-independent .swiper-slide .inner {width:1280px;display: flex;justify-content: space-between;align-items: center;padding:0% 0%;z-index: 1;min-width: 1400px;}
.independent .sec1swiper-independent .swiper-slide .year-tit {position: absolute;top:20%;left:0px;font-weight: 500;font-size: 180px;color:#fff;font-family:serif;opacity: 0.1;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec {text-align: left;max-width: 610px;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .tit {color: #00A2EC;font-weight: 700;font-size: 60px;line-height: 70px;font-family:'NotoSansifCJKEL';margin-bottom:25px;letter-spacing: -2px;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .dec {font-weight: 400;font-size: 16px;line-height: 24px;color:rgba(255,255,255,0.8);margin-bottom:30px;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con p {font-weight: 500;font-size: 18px;line-height: 27px;color:#fff;margin-bottom:8px;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box {display: flex;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list {max-width: 163px;margin-right:1%;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list .img-sec img {border-radius: 2px;width:100%;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list:hover .img-sec img{outline: 2px solid #00A2EC;}
.independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list .img-sec p {font-weight: 400;font-size: 14px;line-height: 21px;text-align: center;color:#fff;word-break: keep-all}
.independent .sec1swiper-independent .swiper-slide .inner .right-sec {max-width: 585px;}

.independent .sec1swiper-independent .swiper-slide:nth-of-type(1) {background:url('/images/intro/independent/bg-sec1-1.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(2) {background:url('/images/intro/independent/bg-sec1-2.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(3) {background:url('/images/intro/independent/bg-sec1-3.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(4) {background:url('/images/intro/independent/bg-sec1-4.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(5) {background:url('/images/intro/independent/bg-sec1-5.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(6) {background:url('/images/intro/independent/bg-sec1-6.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(7) {background:url('/images/intro/independent/bg-sec1-7.jpg') center no-repeat;background-size:cover;}
.independent .sec1swiper-independent .swiper-slide:nth-of-type(8) {background:url('/images/intro/independent/bg-sec1-8.jpg') center no-repeat;background-size:cover;}

.independent .section1 .sec1swiper-independent .swiper-button-next, .independent .section1 .sec1swiper-independent .swiper-button-prev {display: none;}
.independent .section1 .sec1swiper-independent .swiper-pagination-independent {width: 100%;bottom:0px;display: flex;justify-content: space-between;padding:0% 15%;}
.independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet {width:auto;height:auto;color:#fff;opacity: 0.3;background: none;border-radius: 0;position: relative;}
.independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet-active {opacity: 1;font-weight: 500;font-size: 30px;color:#fff;position: relative;top:-50px;}

.independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet::before {content: '';position: absolute;bottom:0px;left:50%;width:1px;height:18px;background: #fff;}
.independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet-active::before {height:40px;bottom:-50px;}
.independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet-active::after {content:'';position: absolute;bottom:-10px;left:calc(50% - 3px);width:8px;height:8px;background: #fff;border-radius: 50%;}

.independent .sec1swiper-independent .swiper-slide {background:#ddd;}
.independent .sec2swiper-independent .swiper-wrapper {flex-direction: column;}

.pop-independent {width:1280px;height:auto;background:#fff;border-radius:5px;overflow: hidden;}
.pop-independent h3 {background:#222;padding:20px 20px 100px;font-size:20px;color:#fff;}
.pop-independent .inner {min-height:640px;padding:30px;}
.pop-independent .inner .con-box .tab {position: relative !important;display: inline-block !important;width:100%;}
.pop-independent .inner .con-box .tab .s-box {display: flex;justify-content: space-between;float: none;border:0;position: absolute;top:80px;width:100%;}
.pop-independent .inner .con-box .tab .s-box > div {width:50%;}
.pop-independent .inner .con-box .tab .s-box > div span {color:#fff;display: inline-block;width:12%;font-weight: 500;
font-size: 18px;line-height: 27px;}
.pop-independent .inner .con-box .tab .s-box > div .select-box {float:none;width:85%;background-color: #fff;height:40px;padding:0% 2%;appearance: auto;-webkit-appearance: auto;}

.independent .sec2swiper-independent {position: relative;}
.independent .sec2swiper-independent > .swiper-wrapper > .swiper-slide:nth-of-type(1) {background:url('/images/intro/independent/bg-sec2-1.png') center no-repeat;background-size:cover;}
.independent .sec2swiper-independent > .swiper-wrapper > .swiper-slide:nth-of-type(2) {background:url('/images/intro/independent/bg-sec2-2.png') center no-repeat;background-size:cover;}
.independent .sec2swiper-independent > .swiper-wrapper > .swiper-slide:nth-of-type(3) {background:url('/images/intro/independent/bg-sec2-3.png') center no-repeat;background-size:cover;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner {width:1280px;height: 100vh;padding:0% 0%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(1) {margin-bottom:20px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(2) {font-weight: 500;font-size: 15px;line-height: 22px;color:rgba(255,255,255,0.3);margin-bottom:5px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(3) {font-size: 12px;line-height: 18px;color:rgba(255,255,255,0.3);}

.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec {text-align: left;max-width: 550px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p {font-weight: 500;font-size: 20px;line-height: 29px;color:rgba(255,255,255,0.3);margin-bottom:30px;-webkit-filter: blur(1.2px);filter: blur(1.2px);font-family:'NotoSansifCJKEL';word-break:keep-all;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p.on {color: #FFD0CD;font-weight: 600;
font-size: 40px;line-height: 57px;-webkit-filter: blur(0px);filter: blur(0px);opacity: 0.7;width:100%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p span {display: inline-block;width:100%;padding-top:5px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p.on span {color: #ACE2FF;font-weight: 500;font-size: 24px;line-height: 36px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p.on::before {content: '"';font-size:60px;line-height: 60px; display: inline-block;width:100%;height:40px;position: relative;top:20px;font-family:serif;}


.independent .sec2swiper-independent .swiper-slide:nth-of-type(2) > .inner {width:1280px;height: 100vh;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(2) .tab h3 {font-weight: 500;font-size: 24px;line-height: 36px;color:#fff;margin-bottom:10px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(2) .tab .tab_content {width:620px;height:550px;background: rgba(86, 204, 242, 0.1);border: 1px solid rgba(86, 204, 242, 0.3);padding:20px 50px;}
.independent .sec2swiper-independent .swiper-slide:nth-of-type(2) .tab .list-box {width:620px;height:550px;background:url('/images/intro/independent/bg-sec2.png') center no-repeat rgba(220, 184, 131, 0.1);border: 1px solid rgba(220, 184, 131, 0.3);padding:20px 50px;}

.independent .sec2swiper-independent .tab-box .tab {display: flex;justify-content: space-between;align-items: center;}
.independent .sec2swiper-independent .tab-box .tab .list-box {width:50%;height:590px;padding:0px 0px;background: url(/images/intro/independent/bg-sec2-2-0.png) center no-repeat;background-size:100% 100%;position: relative;}
.independent .sec2swiper-independent .tab-box .tab .tabs {margin:8px 0px;width:auto;overflow: visible;} 
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde {display: inline-block;width:auto;height:auto;position: absolute;left:0px;top:0px;text-indent: -9999999px;cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde::before {position: absolute;content: '';top: 0;left: 0;border-radius: 50%;border: 6px solid #fff;width: 6px;height: 6px;}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde::after {position: absolute;content: '';width: 0px;height: 0px;top: 14px;left: 1px;border: 8px solid transparent;border-top: 12px solid #fff;}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list1 {top:70px;left:370px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list2 {top:110px;left:340px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list3 {top:160px;left:310px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 {top:165px;left:200px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 {top:130px;left:250px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list6 {top:250px;left:230px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list7 {top:205px;left:220px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list8 {top:290px;left:270px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list9 {top:270px;left:285px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list10 {top:325px;left:290px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list11 {top:355px;left:265px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list12 {top:390px;left:275px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list13 {top:425px;left:260px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list14 {top:300px;left:330px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list15 {top:335px;left:350px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list16 {top:365px;left:350px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list17 {top:395px;left:330px}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list18 {top:475px;left:255px}
.independent .sec2swiper-independent .tab-box .tab .tabs .unknown {position: absolute;top:auto;bottom:4%;right:4%;color:#ddd;font-size:14px;}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count {position: absolute;top:0px;left:50px;display: flex;text-indent: 0px;}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count::before {content: '';width:33px;height:1px;background:#fff;position: absolute;top:12px;left:-33px;}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list13 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list12 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list11 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list10 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list8 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list7 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list6 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 .count,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 .count {top:0px;left:auto;right:33px;display: flex;}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list13 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list12 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list11 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list10 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list8 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list7 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list6 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 .count::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 .count::before {left:auto;right:-33px;}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde:hover::before,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.current::before {
border: 6px solid #664007;
background:#fff;
}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde:hover::after,
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.current::after {
border-top: 12px solid #664007;
}

.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count span:nth-child(1) {background: #8A5C18;border-radius: 20px 0px 0px 20px;width:56px;height:25px;line-height: 25px;font-size:13px;color:#fff;}
.independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count span:nth-child(2) {background: #FFE1B5;border-radius: 0px 20px 20px 0px;width:56px;height:25px;line-height: 25px;font-size:14px;color:#8A5C18;}

.independent .sec2swiper-independent .tab-box .tab .tab_content {width:50%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .data {}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item {}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active {width:100%;text-align: left;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box {display: flex;width:100%;height:20px;margin-bottom:0;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box .tit {width:25%;font-weight: 500;font-size: 14px;color:rgba(255,255,255,0.8);text-align: right;padding-right: 10px;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box .bar {width:75%;position: relative;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box .bar::before {display: none;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box .bar progress {width:100%;margin-bottom:5px;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:hover .tit-box .bar progress {opacity: 0.6;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active .tit-box .bar span {position: absolute;right:5%;top:0px;font-size:13px;color:#fff;line-height: 22px;}

.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(1) .tit-box .bar span {right:5%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(2) .tit-box .bar span {right:45%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(3) .tit-box .bar span {right:49%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(4) .tit-box .bar span {right:51%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(5) .tit-box .bar span {right:82%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(6) .tit-box .bar span {right:84%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(7) .tit-box .bar span {right:85%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(8) .tit-box .bar span {right:86%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(9) .tit-box .bar span {right:87%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(10) .tit-box .bar span {right:88%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(11) .tit-box .bar span {right:89%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(12) .tit-box .bar span {right:90%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(13) .tit-box .bar span {right:90%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(14) .tit-box .bar span {right:91%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(15) .tit-box .bar span {right:93%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active:nth-of-type(16) .tit-box .bar span {right:94%;}

.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active.last {display: flex;justify-content: space-between;padding-left:25%;}
.independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inde-active.last span {color: rgba(255, 255, 255, 0.5);font-weight: 500;font-size: 12px;}

.independent .sec2swiper-independent progress {-webkit-appearance: none;appearance: none;}
.independent .sec2swiper-independent progress::-webkit-progress-bar {width: 100%;height: 18px;background: rgba(0, 162, 236, 0.3);}
.independent .sec2swiper-independent progress {color: blue;}
.independent .sec2swiper-independent progress::-webkit-progress-value {background: #00A2EC;border-radius: 0px 10px 10px 0px;}

.independent .sec2swiper-independent .popup {width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; z-index: 9999; top: 30px; left: 0;display:none;}
.independent .sec2swiper-independent .popup .pop-wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pop-independent .pop-wrap {width:1280px;height:auto;background:#fff;border-radius:5px;overflow: hidden;}
.pop-independent h3 {background:#222;padding:20px 20px 80px;font-size:20px;color:#fff;text-align: left;}
.pop-independent .inner {min-height:640px;padding:30px;}
.pop-independent .inner .con-box .tit1 {position: absolute;top:78px;left:2%;color:#fff;}
.pop-independent .inner .con-box #selectBox1 {position: absolute;top:75px;right:52%;background:url(/images/intro/museum/icon-arr-down.png) no-repeat #fff;width:480px;height:40px;padding:0px 20px;border-radius: 5px;background-size: 10px 6px;background-position: 95% center;}
.pop-independent .inner .con-box .tit2 {position: absolute;top:78px;left:50%;color:#fff;}
.pop-independent .inner .con-box #selectBox2 {position: absolute;top:75px;right:2%;background:url(/images/intro/museum/icon-arr-down.png) no-repeat #fff;width:480px;height:40px;padding:0px 20px;border-radius: 5px;background-size: 10px 6px;background-position: 95% center;}
.pop-independent .pop-close {position: absolute;top:30px;right:30px;cursor: pointer;}
.pop-independent .tab_content {display:inline-block;width:100%;padding:0% 2%;}
.pop-independent .tabs_item_pop {display: none;padding: 10px 0;}
.pop-independent .tabs_item_pop:first-child {display: block;}

.pop-independent .tabs_item_pop .head-sec {display: inline-block;width:100%;height:20px;margin-bottom:10px;}
.pop-independent .tabs_item_pop .head-sec .left-sec {float:left;}
.pop-independent .tabs_item_pop .head-sec .right-sec {float:right;}
.pop-independent .tabs_item_pop .head-sec .total-count {font-size:16px;}
.pop-independent .tabs_item_pop .head-sec .total-count span {font-weight: 600;color:#222;padding-left:5px;}
.pop-independent .tabs_item_pop .head-sec .data-info {color:#777;font-weight: 400;font-size: 12px;}

.pop-independent .tabs_item_pop .body-sec {height:500px;overflow: auto;}
.pop-independent .tabs_item_pop .body-sec table {width:100%;border-top:2px solid #222;}
.pop-independent .tabs_item_pop .body-sec table tr th,
.pop-independent .tabs_item_pop .body-sec table tr td {padding:10px;text-align: center;border-bottom:1px solid #f2f2f2;font-weight: 400;font-size: 14px;}
.pop-independent .tabs_item_pop .body-sec table tr th {background: #f2f2f2;}
.pop-independent .tabs_item_pop .body-sec table tr td a img {margin-left:10px;}
.pop-independent .inner .con-box .tab {position: static !important;display: inline-block !important;width:100%;}
.pop-independent .tab_content {display:inline-block;width:100% !important;padding:0% 2%;border:0 !important;background:0 !important;padding: 0 !important;}
.pop-independent .tabs_item {display: none;padding: 10px 0;}
.pop-independent .tabs_item:first-child {display: block;}


.independent .sec2swiper-independent .swiper-slide:nth-of-type(3) > .inner {width:1280px;height: 100vh;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;}
.independent .sec2-1swiper-independent {padding:10px 5px 70px;}
.independent .sec2-1swiper-independent .swiper-wrapper {display: flex;flex-direction: initial;}
.independent .sec2-1swiper-independent .swiper-slide {width:100%;height: 390px;background:#222;padding:8px;}
.independent .sec2-1swiper-independent .swiper-slide:hover {outline:2px solid #00A2EC;}
.independent .sec2-1swiper-independent .swiper-slide .img-sec a img {width:100%;}
.independent .sec2-1swiper-independent .swiper-slide .txt-sec p:nth-of-type(1) {font-weight: 500;font-size: 20px;line-height: 29px;color:#fff;padding:20px 0px 8px;}
.independent .sec2-1swiper-independent .swiper-slide .txt-sec p:nth-of-type(2) {font-weight: 400;font-size: 16px;line-height: 24px;color:#999;padding:0px 0px 40px;}
.independent .sec2-1swiper-independent .swiper-slide .txt-sec p:nth-of-type(3) span {color:#999;font-weight: 400;font-size: 14px;border:1px solid #999;display: inline-block;padding:5px 15px 7px;border-radius: 50px;}

.independent .sec2-1swiper-independent .swiper-pagination-progressbar {background:rgba(255,255,255,.2);position:absolute}
.independent .sec2-1swiper-independent .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#979797;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.independent .sec2-1swiper-independent .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top}
.independent .sec2-1swiper-independent .swiper-horizontal > .swiper-pagination-progressbar,
.independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-horizontal,
.independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.independent .sec2-1swiper-independent .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:88%;height:4px;left:0;top:auto;bottom:20px;}
.independent .sec2-1swiper-independent .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-vertical,
.independent .sec2-1swiper-independent .swiper-vertical > .swiper-pagination-progressbar {width:4px;height:100%;left:0;
top:0}
.independent .sec2-1swiper-independent .swiper-button-next, .independent .sec2-1swiper-independent .swiper-button-prev {top:auto;bottom:0px;}
.independent .sec2-1swiper-independent .swiper-button-prev, .independent .sec2-1swiper-independent .swiper-container-rtl .swiper-button-next {background: url('/images/intro/fishing/icon-slide-left-white.png') center no-repeat;width:48px;height:48px;left:auto;right:60px;border: 1px solid #FFFFFF;border-radius: 50%;}
.independent .sec2-1swiper-independent .swiper-button-next, .independent .sec2-1swiper-independent .swiper-container-rtl .swiper-button-prev {background: url('/images/intro/fishing/icon-slide-right-white.png') center no-repeat;width:48px;height:48px;left:auto;right:0px;border: 1px solid #FFFFFF;border-radius: 50%;}
.independent .sec2-1swiper-independent .swiper-button-next.swiper-button-disabled, .independent .sec2-1swiper-independent .swiper-button-prev.swiper-button-disabled {opacity: 0.6;}

.pop-activist .pop-wrap {width:900px;height:auto;background:#fff;border-radius:5px;overflow: hidden;}
.pop-activist h3 {background:#222;padding:20px 20px 20px;font-size:20px;color:#fff;text-align: left;}
.pop-activist .inner {min-height:640px;padding:30px;}
.pop-activist .pop-close {position: absolute;top:20px;right:30px;cursor: pointer;}
.pop-activist .con-box .top-sec {display: flex;margin-bottom:25px;}
.pop-activist .con-box .top-sec .left-sec {width:38%;margin-right:2%;}
.pop-activist .con-box .top-sec .left-sec img {width:100%;}
.pop-activist .con-box .top-sec .right-sec {width:60%;}
.pop-activist .con-box .top-sec .right-sec p {font-weight: 600;font-size: 24px;line-height: 34px;font-family:'NotoSansifCJKEL';margin-bottom:16px;color:#222;}
.pop-activist .con-box .top-sec .right-sec ul {border-top:1px solid #f2f2f2;}
.pop-activist .con-box .top-sec .right-sec ul li {border-bottom:1px solid #f2f2f2;height:53px;padding:0px 0px;box-sizing: border-box;font-weight: 400;font-size: 14px;color:#222;}
.pop-activist .con-box .top-sec .right-sec ul li span:nth-of-type(1) {background: #F2F2F2;display: inline-block;min-height: 100%;width:80px;text-align: center;line-height: 53px;}
.pop-activist .con-box .top-sec .right-sec ul li span:nth-of-type(2) {padding:0px 10px;}
.pop-activist .con-box .top-sec .right-sec ul li ul {display: flex;border-top:0;}
.pop-activist .con-box .top-sec .right-sec ul li ul li {width:50%;border-bottom:0;}

.pop-activist .con-box .mid-sec {margin-bottom:20px;}
.pop-activist .con-box .mid-sec ul {display: flex;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.pop-activist .con-box .mid-sec ul li:nth-of-type(1) {width:20%;background: #F2F2F2;display: inline-block;min-height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
.pop-activist .con-box .mid-sec ul li:nth-of-type(2) {width:80%;padding:20px 20px;}

.pop-activist .con-box .bot-sec {background: #F2F2F2;height:150px;padding:20px;overflow-y: auto;margin-bottom:40px;}
.pop-activist .con-box .bot-sec p {font-weight: 400;font-size: 16px;line-height: 24px;text-align: justify;letter-spacing: -1px;}

.pop-activist .btn-sec {text-align: center;}
.pop-activist .btn-sec a {font-weight: 400;font-size: 16px;line-height: 24px;color: #009AE0;border: 1px solid #00A2EC;border-radius: 50px;padding: 12px 74px 12px 24px;background: url(/images/intro/independent/icon-arr-more-blue.png) 85% center no-repeat;}


/* 구술자료관 */
.dictation .header-visual {background-image:url('/images/intro/dictation/bg-dictation.png');}
.dictation .header-visual .page-header h3 img.pc {display: block;}
.dictation .header-visual .page-header h3 img.mo {display: none;}
.dictation .header-visual .btn-box {text-align: center;position: fixed;bottom:120px;left:calc(50% - 70px);}
.dictation .header-visual .btn-box button {border:1px solid #fff;border-radius: 50px;color:#fff;font-size:18px;padding:5px 30px;margin:0px 5px;}

.dictation .section1 {padding:0;width:100%;height:100vh;position: fixed;top:0;left:0;}
.dictation .section1 .inner-wrap {max-width: none;width:100%;padding:0% 5%;}
.dictation .section1 .rolling-box {width:auto;height: 100vh;display: inline-block;position: absolute;right:5%;z-index: 99;justify-content: flex-end;}
.dictation .section1 .rolling-box > div {position: relative;display: inline-block;width:auto;}
.dictation .section1 .rolling-box .r1 {padding:15px 20px 0px;}
.dictation .section1 .rolling-box .r2 {padding:15px 20px 0px;}
.dictation .section1 .rolling-box .r3 {padding:15px 20px 0px;}
.dictation .section1 .rolling-box > div:nth-of-type(3) {display: none;}
.dictation .section1 .rolling-box > div .item {float: left;width: auto;min-width: 380px;height:230px;position: relative;background-color:#eee;background-size:cover !important;text-align: left;border-radius: 8px;margin-bottom:18px;padding:20px 20px;color:#333;display: flex;flex-direction: column;justify-content:flex-end;}
.dictation .section1 .rolling-box > div .item .are {max-width:120px;height:27px;background: #386EB6;border-radius: 50px;display: inline-block;padding:3px 15px 3px;color:#fff;text-align: center;overflow: hidden;font-size:14px;display:none;}
.dictation .section1 .rolling-box > div .item .tit {width:180px;height:95px;overflow: hidden;font-weight: 700;font-size: 22px;line-height: 32px;color:#fff;letter-spacing: -1px;
overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;text-shadow:0px 0px 8px rgba(0,0,0,0.8), -1px -1px 0 #000, 1px -1px 0 #000,
-1px 1px 0 #000, 1px 1px 0 #000;padding:0% 1%;text-align: left;}
.dictation .section1 .rolling-box > div .item .tit span {display: block;}
.dictation .section1 .rolling-box > div .item:hover {transition: all 0.3s ease;transform: scale(1.08,1.08);border: 4px solid #529CFF;box-shadow: 1px 1px 8px rgba(0,0,0,0.5);}

.dictation .section1 .rolling-box > div .item.normal1 {background-color: #fff4f8 !important;}
.dictation .section1 .rolling-box > div .item.normal2 {background-color: #EFE7E4 !important;}
.dictation .section1 .rolling-box > div .item.normal3 {background-color: #E9E9E9 !important;}
.dictation .section1 .rolling-box > div .item.normal4 {background-color: #EFF6FF !important;}
.dictation .section1 .rolling-box > div .item.normal5 {background-color: #FFFFFF !important;}
.dictation .section1 .rolling-box > div .item.normal6 {background-color: #E7F2F2 !important;}
.dictation .section1 .rolling-box > div .item.normal7 {background-color: #EBEBEB !important;}
.dictation .section1 .rolling-box > div .item.normal1 .are {background: #b74f74}
.dictation .section1 .rolling-box > div .item.normal2 .are {background: #CC7171}
.dictation .section1 .rolling-box > div .item.normal3 .are {background: #454493}
.dictation .section1 .rolling-box > div .item.normal4 .are {background: #386EB6}
.dictation .section1 .rolling-box > div .item.normal5 .are {background: #5997BA}
.dictation .section1 .rolling-box > div .item.normal6 .are {background: #2A9A94}
.dictation .section1 .rolling-box > div .item.normal7 .are {background: #666666}

.dictation .section1 .rolling-box > div .item.pattern {background:url(/images/intro/dictation/img-dictation-pattern.png) center no-repeat;}
.dictation .section1 .rolling-box > div .item.pattern1 {background-color:#666 !important;}
.dictation .section1 .rolling-box > div .item.pattern2 {background-color:#A3829B !important;}
.dictation .section1 .rolling-box > div .item.pattern3 {background-color:#B74F74 !important;}
.dictation .section1 .rolling-box > div .item.pattern4 {background-color:#467646 !important;}
.dictation .section1 .rolling-box > div .item.pattern5 {background-color:#5997BA !important;}
.dictation .section1 .rolling-box > div .item.pattern1 .are {background:#fff;color:#666;}
.dictation .section1 .rolling-box > div .item.pattern2 .are {background:#fff;color:#A3829B;}
.dictation .section1 .rolling-box > div .item.pattern3 .are {background:#fff;color:#B74F74;}
.dictation .section1 .rolling-box > div .item.pattern4 .are {background:#fff;color:#467646;}
.dictation .section1 .rolling-box > div .item.pattern5 .are {background:#fff;color:#5997BA;}
.dictation .section1 .rolling-box > div .item.pattern1 .tit {color:#fff;}
.dictation .section1 .rolling-box > div .item.pattern2 .tit {color:#fff;}
.dictation .section1 .rolling-box > div .item.pattern3 .tit {color:#fff;}
.dictation .section1 .rolling-box > div .item.pattern4 .tit {color:#fff;}
.dictation .section1 .rolling-box > div .item.pattern5 .tit {color:#fff;}

.dictation .section1 .rolling-box > div .item.img-style {background-color:#EFF6FF !important;}
.dictation .section1 .rolling-box > div .item.img-style .are {background: #386EB6;}
.dictation .section1 .rolling-box > div .item.img-style .tit {color:#fff;}
.dictation .section1 .rolling-box > div .item.bg-style {}
.dictation .section1 .rolling-box > div .item.bg-style .are {background: #b74f74}
.dictation .section1 .rolling-box > div .item.bg-style .tit {color:#fff;}

.dictation .section1 .con-box {position: absolute;top:0px;left:0px;width:100%;height:100vh;}
.dictation .section1 .con-box .inner > div:first-child {display: block;}
.dictation .section1 .con-box .inner > div {display: none;color:#333;width:100%;height:100vh;background-size: cover !important;}
.dictation .section1 .con-box .inner > div .txt-box {width:620px;position: absolute;top:50%;left:5%;z-index: 99;}
.dictation .section1 .con-box .inner > div .txt-box .are {color: #1EAEFF;font-weight: 700;font-size: 24px;line-height: 36px;margin-bottom: 8px;}
.dictation .section1 .con-box .inner > div .txt-box .tit {color:#82D2FF;font-weight: 700;font-size: 60px;line-height: 72px;margin-bottom:24px;text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;word-break: keep-all;}

.dictation .section1 .con-box .inner > div .txt-box .tit span {color: #1EAEFF;display: block;}
.dictation .section1 .con-box .inner > div .txt-box .dec {font-weight: 300;font-size: 17px;line-height: 27px;text-align: justify;letter-spacing: -1px;color:#fff;margin-bottom:50px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.dictation .section1 .con-box .inner > div .txt-box .btn {width:auto;}
.dictation .section1 .con-box .inner > div .txt-box .btn a {color:#fff;background: rgba(255, 255, 255, 0.1);border: 1px solid #FFFFFF;border-radius: 50px;padding:5px 35px;}

.dictation .simply-scroll-container {position: relative;}
.dictation .simply-scroll-clip {position: relative;overflow-x: hidden;}
.dictation .simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
.dictation .simply-scroll-list li {padding: 0;margin: 0;list-style: none;}
.dictation .simply-scroll-list li img {border: none;display: block;}
.dictation .simply-scroll-btn {position: absolute;background-image: url(buttons.png);width: 42px;height: 44px;z-index: 3;cursor: pointer;}
.dictation .simply-scroll-btn-left {left: 6px;bottom: 6px;background-position: 0 -44px;}
.dictation .simply-scroll-btn-left.disabled {background-position: 0 0 !important;}
.dictation .simply-scroll-btn-left:hover,
.dictation .simply-scroll-btn-left:focus {background-position: 0 -88px;}
.dictation .simply-scroll-btn-right {right: 6px;bottom: 6px;background-position: -84px -44px;}
.dictation .simply-scroll-btn-right.disabled {background-position: -84px 0 !important;}
.dictation .simply-scroll-btn-right:hover,
.dictation .simply-scroll-btn-right:focus {background-position: -84px -88px;}
.dictation .simply-scroll-btn-up {right: 6px;top: 6px;background-position: -126px -44px;}
.dictation .simply-scroll-btn-up.disabled {background-position: -126px 0 !important;}
.dictation .simply-scroll-btn-up:hover,
.dictation .simply-scroll-btn-up:focus {background-position: -126px -88px;}
.dictation .simply-scroll-btn-down {right: 6px;bottom: 6px;background-position: -42px -44px;}
.dictation .simply-scroll-btn-down.disabled {background-position: -42px 0 !important;}
.dictation .simply-scroll-btn-down:hover,
.dictation .simply-scroll-btn-down:focus {background-position: -42px -88px;}
.dictation .simply-scroll-btn-pause {right: 6px;bottom: 6px;background-position: -168px -44px;}
.dictation .simply-scroll-btn-pause:hover,
.dictation .simply-scroll-btn-pause:focus {background-position: -168px -88px;}
.dictation .simply-scroll-btn-pause.active {background-position: -84px -44px;}
.dictation .simply-scroll-btn-pause.active:hover,
.dictation .simply-scroll-btn-pause.active:focus {background-position: -84px -88px;}
.dictation .vert {width: auto;height: auto;margin-bottom: 1.5em;}
.dictation .vert.simply-scroll-container:nth-of-type(1) {left:10px;}
.dictation .vert .simply-scroll-clip {width: 420px;height: 100vh;}
.dictation .vert .simply-scroll-list li {width: 430px;height: 200px;}
.dictation .vert .simply-scroll-btn-up {right: 0;top: 0;}
.dictation .vert .simply-scroll-btn-down {right: 0;top: 52px;}

.dictation .simply-scroll-clip::-webkit-scrollbar {width: 0px;}
.dictation .simply-scroll-clip:hover::-webkit-scrollbar {width: 5px;}
.dictation .simply-scroll-clip::-webkit-scrollbar-thumb {
height: 30%; /* 스크롤바의 길이 */
background: #777; /* 스크롤바의 색상 */
border-radius: 10px;
}
.dictation .simply-scroll-clip::-webkit-scrollbar-track {
background: rgba(255, 255, 255, .1);  /*스크롤바 뒷 배경 색상*/
}

.dictation .pop-btn {position: absolute;top:calc(100vh - 55%);right:0%;z-index: 9999;}
.dictation .pop-btn button {width: 80px;height: 80px;background:#666;color:#fff;}
.dictation .pop-btn button .ico {text-indent: -999999px;background: url(/images/intro/dictation/icon-dictation-menu.png) center no-repeat;}
.dictation .pop-btn button .txt {font-weight: 500;font-size: 14px;line-height: 21px;margin-top:5px;}

.dictation .pop-dictation {background: url(/images/intro/dictation/bg-dictation-pop.png) center no-repeat;background-size:cover;}
.dictation .pop-dictation .pop-wrap {position: static;position: relative;top:auto;left:auto;transform: initial;height:100%;}
.dictation .pop-dictation .pop-wrap .inner {padding:0% 0%;}
.dictation .pop-dictation .pop-wrap .con-box {position: relative;width:100%;padding:0% 8% 0% 15%;height:auto;overflow: auto;}
.dictation .pop-dictation .pop-wrap .con-box .swiper-dictation {max-width: 1600px;}
.dictation .pop-dictation .pop-wrap .con-box .box-list {}
.dictation .pop-dictation .swiper-pagination-dictation {position: fixed;top:5%;left:0%;display: block;width:215px;text-align: left;}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet {width:100%;background:none;margin-bottom:30px;width:auto;height:auto;color:#fff;opacity: 0.6;font-weight: 300;font-size: 15px;line-height: 24px;letter-spacing: -1px;display: flex;align-items: center;padding-left:40px;position: relative;}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet span {word-break: keep-all}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet:hover {opacity: 1;}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet-active {opacity: 1;}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet .line {width:0;}
.dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet-active .line {display: inline-block;width:32px;height:2px;background:#fff;position: absolute;left:0px;top:45%;
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}
.dictation .pop-dictation .pop-close {position: fixed;top:calc(100vh - 55%);right:0%;z-index: 9999;}
.dictation .pop-dictation .pop-close button {width: 80px;height: 80px;background:#666;color:#fff;}
.dictation .pop-dictation .pop-close button .ico {text-indent: -999999px;background: url(/images/intro/dictation/icon-dictation-close.png) center no-repeat;}
.dictation .pop-dictation .pop-close button .txt {font-weight: 500;font-size: 14px;line-height: 21px;margin-top:5px;}

.dictation .swiper-dictation .swiper-wrapper {}
.dictation .swiper-dictation .swiper-slide {width:100%;height:95vh;margin:5vh 0% 0%;}
.dictation .swiper-dictation .swiper-slide .inner {height: calc(100vh - 180px);overflow-y:auto;}
.dictation .swiper-dictation .swiper-slide .inner .mCustomScrollBox {padding-right:1%;}
.dictation .swiper-dictation .swiper-slide-active {z-index: 99;position: relative;}
.dictation .swiper-dictation .swiper-slide h3 {font-weight: 700;font-size: 30px;line-height: 44px;letter-spacing: -1px;color:#fff;margin-bottom:30px;}
.dictation .swiper-dictation .swiper-slide h3 span {font-weight: 300;font-size: 30px;line-height: 44px;padding-left:10px;color:#999;}

.dictation .box-list {width:100%;margin:0 auto;display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(0, 180px);}
.dictation .box-list .list {background-color: #eee !important;background-size:100% 100% !important;background-position: top center !important;margin:4px;border-radius:8px;height:180px;padding:20px;}
.dictation .box-list .list.big {height:368px;}
.dictation .box-list .list a {display: flex;flex-direction: column;justify-content:flex-end;height:100%;}
.dictation .box-list .list a .are {max-width:120px;height:28px;background: #386EB6;border-radius: 50px;display: inline-block;padding:3px 15px 5px;color:#fff;text-align: center;overflow: hidden;display:none;}
.dictation .box-list .list a .tit {width:160px;height:95px;overflow: hidden;font-weight: 700;font-size: 22px;line-height: 32px;color:#fff;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all;text-shadow:0px 0px 8px rgba(0,0,0,0.8), -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;padding:0% 1%;text-align:left;}
.dictation .box-list .list a .tit span {display: block;}
.dictation .box-list .list.big a .tit {font-size:36px;line-height: 46px;width:330px;height:140px;}    

.dictation .box-list .list1 {grid-column: 1/3;grid-row: 1/3;grid-column-start: 1;}
.dictation .box-list .list2 {grid-column: 1/4;grid-row: 1/2;grid-column-start: 3;grid-row-start: 1;}
.dictation .box-list .list3 {grid-column: 1/5;grid-row: 1/2;grid-column-start: 4;grid-row-start: 1;}
.dictation .box-list .list4 {grid-column: 1/5;grid-row: 1/2;grid-column-start: 5;grid-row-start: 1;}
.dictation .box-list .list5 {grid-column: 1/4;grid-row: 1/2;grid-column-start: 3;grid-row-start: 2;}
.dictation .box-list .list6 {grid-column: 1/5;grid-row: 1/2;grid-column-start: 4;grid-row-start: 2;}
.dictation .box-list .list7 {grid-column: 1/5;grid-row: 1/2;grid-column-start: 5;grid-row-start: 2;}
    
.dictation .box-list .list8 {grid-column: 1/1;grid-row: 1/4;grid-column-start: 1;grid-row-start: 3;}
.dictation .box-list .list9 {grid-column: 1/2;grid-row: 1/4;grid-column-start: 2;grid-row-start: 3;}
.dictation .box-list .list10 {grid-column: 1/3;grid-row: 1/4;grid-column-start: 3;grid-row-start: 3;}
.dictation .box-list .list11 {grid-column: 1/1;grid-row: 1/4;grid-column-start: 1;grid-row-start: 4;}
.dictation .box-list .list12 {grid-column: 1/2;grid-row: 1/4;grid-column-start: 2;grid-row-start: 4;}
.dictation .box-list .list13 {grid-column: 1/3;grid-row: 1/4;grid-column-start: 3;grid-row-start: 4;}
.dictation .box-list .list14 {grid-column: 1/6;grid-row: 1/5;grid-column-start: 4;grid-row-start: 3;}
    
.dictation .box-list .list15 {grid-column: 1/1;grid-row: 1/5;grid-column-start: 1;grid-row-start: 5;}
.dictation .box-list .list16 {grid-column: 1/2;grid-row: 1/6;grid-column-start: 1;grid-row-start: 6;}
.dictation .box-list .list17 {grid-column: 1/4;grid-row: 1/5;grid-column-start: 2;grid-row-start: 7;}
.dictation .box-list .list18 {grid-column: 1/4;grid-row: 1/5;grid-column-start: 5;grid-row-start: 5;}
.dictation .box-list .list19 {grid-column: 1/5;grid-row: 1/5;grid-column-start: 5;grid-row-start: 5;}
.dictation .box-list .list20 {grid-column: 1/4;grid-row: 1/6;grid-column-start: 5;grid-row-start: 6;}
.dictation .box-list .list21 {grid-column: 1/5;grid-row: 1/6;grid-column-start: 5;grid-row-start: 6;}
    
.dictation .box-list .list22 {grid-column: 1/1;grid-row: 1/7;grid-column-start: 1;grid-row-start: 7;}
.dictation .box-list .list23 {grid-column: 1/2;grid-row: 1/7;grid-column-start: 2;grid-row-start: 7;}
.dictation .box-list .list24 {grid-column: 1/2;grid-row: 1/8;grid-column-start: 1;grid-row-start: 8;}
.dictation .box-list .list25 {grid-column: 1/2;grid-row: 1/8;grid-column-start: 2;grid-row-start: 8;}
.dictation .box-list .list26 {grid-column: 1/5;grid-row: 1/9;grid-column-start: 3;grid-row-start: 7;}
.dictation .box-list .list27 {grid-column: 1/5;grid-row: 1/7;grid-column-start: 5;grid-row-start: 7;}
.dictation .box-list .list28 {grid-column: 1/5;grid-row: 1/8;grid-column-start: 5;grid-row-start: 8;}

.dictation .box-list .list.normal1 {background-color: #fff4f8 !important;}
.dictation .box-list .list.normal2 {background-color: #EFE7E4 !important;}
.dictation .box-list .list.normal3 {background-color: #E9E9E9 !important;}
.dictation .box-list .list.normal4 {background-color: #EFF6FF !important;}
.dictation .box-list .list.normal5 {background-color: #FFFFFF !important;}
.dictation .box-list .list.normal6 {background-color: #E7F2F2 !important;}
.dictation .box-list .list.normal7 {background-color: #EBEBEB !important;}
.dictation .box-list .list.normal1 .are {background: #b74f74}
.dictation .box-list .list.normal2 .are {background: #CC7171}
.dictation .box-list .list.normal3 .are {background: #454493}
.dictation .box-list .list.normal4 .are {background: #386EB6}
.dictation .box-list .list.normal5 .are {background: #5997BA}
.dictation .box-list .list.normal6 .are {background: #2A9A94}
.dictation .box-list .list.normal7 .are {background: #666666}

.dictation .box-list .list.pattern {background:url(/images/intro/dictation/img-dictation-pattern.png) center no-repeat;}
.dictation .box-list .list.pattern1 {background-color:#666 !important;}
.dictation .box-list .list.pattern2 {background-color:#A3829B !important;}
.dictation .box-list .list.pattern3 {background-color:#B74F74 !important;}
.dictation .box-list .list.pattern4 {background-color:#467646 !important;}
.dictation .box-list .list.pattern5 {background-color:#5997BA !important;}
.dictation .box-list .list.pattern1 .are {background:#fff;color:#666;}
.dictation .box-list .list.pattern2 .are {background:#fff;color:#A3829B;}
.dictation .box-list .list.pattern3 .are {background:#fff;color:#B74F74;}
.dictation .box-list .list.pattern4 .are {background:#fff;color:#467646;}
.dictation .box-list .list.pattern5 .are {background:#fff;color:#5997BA;}
.dictation .box-list .list.pattern1 .tit {color:#fff;}
.dictation .box-list .list.pattern2 .tit {color:#fff;}
.dictation .box-list .list.pattern3 .tit {color:#fff;}
.dictation .box-list .list.pattern4 .tit {color:#fff;}
.dictation .box-list .list.pattern5 .tit {color:#fff;}

.dictation .box-list .list.img-style {background-color:#EFF6FF !important;}
.dictation .box-list .list.img-style .are {background: #386EB6;}
.dictation .box-list .list.img-style .tit {color:#fff;}
.dictation .box-list .list.bg-style {}
.dictation .box-list .list.bg-style .are {background: #b74f74}
.dictation .box-list .list.bg-style .tit {color:#fff;}


/* 지역특산물 */
.specialties section .inner-wrap {max-width:1400px;}
.specialties .page-header h3 {color:#00F0FF;}
.specialties .header-visual {background-image:url('/images/intro/local-specialties/bg-specialties.png');}
.specialties .sec-area {position: relative;}
.specialties .sec-area dt {font-family: 'NotoSansifCJKEL';}
.specialties .sec-area dt span {display:inline-block;font: 40px 'NotoSansifCJKEL';font-weight: 600;color:#009999;}

.specialties .sec-area dt strong:after {display: none;} 

.specialties section .sec-area {padding-top:50px;margin-bottom:170px;}
.specialties section .sec-area::before {content:'';position: absolute;top:0px;text-align: center;width:40px;height:32px;background:url(/images/intro/local-specialties/icon-specialties-quotes.png) center no-repeat;}

.specialties .swiper {width: 100%;height: 100%;}
.specialties .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.specialties .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.specialties .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.specialties .swiper-slide {background-size: cover;background-position: center;}
.specialties .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.specialties .sec1-swiper2 {height: 80%;width: 100%;overflow: hidden;position: relative;}
.specialties .sec1-swiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.specialties .sec1-swiper .swiper-slide {opacity: 1.0;}
.specialties .sec1-swiper .swiper-slide-thumb-active {opacity: 1;}

.specialties .section1 .inner-wrap {max-width:1200px;}
.specialties .section1 {background:url('/images/intro/local-specialties/bg-specialties-sec1.png') center no-repeat;background-size:cover;}
.specialties .section1 .con-box {position: relative;}
.specialties .section1 .con-box .seasons-btn {display: flex;justify-content: center;margin-bottom:60px;}
.specialties .section1 .con-box .seasons-btn button {width: 160px;height: 52px;padding: 10px 16px;margin:0px 4px;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(255, 255, 255, 0.10);color: #FFF;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: -1px;}
.specialties .section1 .con-box .seasons-btn button.on {background:#fff;color: #008B99;font-weight: 600;}

.specialties .sec1-swiper2 .swiper-slide {align-items: flex-start;opacity: 0 !important;z-index: 0 !important;}
.specialties .sec1-swiper2 .swiper-slide-active {align-items: flex-start;opacity: 1 !important;z-index: 1 !important;}
.specialties .sec1-swiper2 .swiper-slide .img-box {width:660px;}
.specialties .sec1-swiper2 .swiper-slide .txt-box {width:484px;height:280px;margin-left:56px;text-align: left;position: relative;} 
.specialties .sec1-swiper2 .swiper-slide .txt-box .season {font-family:'NotoSansifCJKEL';color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px;text-decoration-line: underline;}
.specialties .sec1-swiper2 .swiper-slide .txt-box .name {font-family:'NotoSansifCJKEL';color: #FFF;font-size: 36px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.specialties .sec1-swiper2 .swiper-slide .txt-box .desc {color: #FFF;text-align: justify;font-size: 16px;font-style: normal;font-weight: 200;line-height: normal;letter-spacing: -1px;}
.specialties .sec1-swiper2 .swiper-slide .txt-box .region {position:absolute;bottom:0px;left:0px;color: #FFF;text-align: justify;font-size: 14px;font-style: normal;font-weight: 200;line-height: normal;letter-spacing: -1px;padding-left:30px;background:url(/images/intro/local-specialties/icon-specialties-marker.png) left center no-repeat;}
.specialties .sec1-swiper2 .swiper-slide .txt-box .more {position: absolute;top:5px;right:0px;}
.specialties .sec1-swiper2 .swiper-slide .txt-box .more a {color: #FFF;text-align: justify;font-size: 14px;font-style: normal;font-weight: 100;line-height: normal;letter-spacing: -1px;border:1px solid #b7d0d1;padding:5px 20px}

.specialties .sec1-swiper {width:484px;height:130px;position: absolute;left:716px;bottom:0px;overflow:hidden;}
.specialties .sec1-swiper .swiper-slide {width: 25%;height: 100%;width:216px;height:120px;border-radius: 10px;overflow: hidden;}
.specialties .sec1-swiper .swiper-slide.swiper-slide-thumb-active {border: 4px solid #008B99;}

.specialties .section1 .con-box .swiper .swiper-button-next, 
.specialties .section1 .con-box .swiper .swiper-button-prev {bottom:auto;top:260px;width:50px;height:50px;}
.specialties .section1 .con-box .swiper .swiper-button-next.swiper-button-disabled, 
.specialties .section1 .con-box .swiper .swiper-button-prev.swiper-button-disabled {opacity: 0.5;cursor: auto;}
.specialties .section1 .con-box .swiper .swiper-button-prev, 
.specialties .section1 .con-box .swiper .swiper-container-rtl .swiper-button-next {right:55px;left:auto;background:url('/images/intro/local-specialties/icon-specialties-arr-left.png') center no-repeat;}
.specialties .section1 .con-box .swiper .swiper-button-next, 
.specialties .section1 .con-box .swiper .swiper-container-rtl .swiper-button-prev {right:0px;background:url('/images/intro/local-specialties/icon-specialties-arr-right.png') center no-repeat;}

.specialties .section2 {background:url('/images/intro/local-specialties/bg-specialties-sec2.png') center no-repeat;background-size:cover;}
.specialties .section2 .con-box .tit {text-align: left;margin-bottom:60px;}
.specialties .section2 .con-box .tit h3 {font-family:'NotoSansifCJKEL';color: #222;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;padding-bottom:16px;margin-bottom:24px;border-bottom: 1px solid #AAA;}
.specialties .section2 .con-box .tit h3 .line {background:url('/images/intro/local-specialties/icon-specialties-sec2-tit.png') center no-repeat;width:4px;height:26px;display: inline-block;padding:0px 16px;}
.specialties .section2 .con-box .tit h3 .color {color: #008B99;}
.specialties .section2 .con-box .tit p {color: #444;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.specialties .section2 .con-box .tab-box {position:relative;height:528px;box-sizing:border-box;background:url('/images/intro/local-specialties/bg-specialties-sec2-tab.png') center no-repeat;background-size:100% 100%;margin-bottom:100px;padding:64px 88px;}
.specialties .section2 .con-box .tab-box::before {content: '';width:62px;height:84px;position: absolute;left:84px;top:0px;background:url(/images/intro/local-specialties/icon-specialties-sec2-tab.png) center no-repeat;background-size:100%;}

.specialties .section2 .con-box .tab-box .tab {position: relative;}
.specialties .section2 .con-box .tab-box .tab-menu1 {position: absolute;left:0px;bottom:0px;width:260px;}
.specialties .section2 .con-box .tab-box .tab-menu1 ul li {margin-bottom:5px;}
.specialties .section2 .con-box .tab-box .tab-menu1 ul li a {display:inline-block;width:100%;height: 52px;line-height:48px;border-radius: 4px;border: 1px solid #008B99;background: #FFF;color: #008B99;text-align: center;font-size: 16px;font-weight: 600;}
.specialties .section2 .con-box .tab-box .tab-menu1 ul li.active a {background: #008B99;color:#fff;}
.specialties .section2 .con-box .tab-box .tab-menu2 {position: absolute;left:0px;bottom:0px;width:260px;}
.specialties .section2 .con-box .tab-box .tab-menu2 ul li {margin-bottom:5px;}
.specialties .section2 .con-box .tab-box .tab-menu2 ul li a {display:inline-block;width:100%;height: 52px;line-height:48px;border-radius: 4px;border: 1px solid #008B99;background: #FFF;color: #008B99;text-align: center;font-size: 16px;font-weight: 600;}
.specialties .section2 .con-box .tab-box .tab-menu2 ul li.active a {background: #008B99;color:#fff;}

.specialties .section2 .con-box .tab-box .tabContent .inner-box {display: flex;justify-content: space-between;}
.specialties .section2 .con-box .tab-box .tabContent .inner-box .tit {width:260px;margin-right:64px;margin-top:35px;}
.specialties .section2 .con-box .tab-box .tabContent .inner-box .image-accordion {width:876px;}
.specialties .section2 .con-box .tab-box .tabContent .inner-box .tit p:nth-child(1) {font-family:'NotoSansifCJKEL';color: #222;font-size: 20px;font-weight: 300;line-height: normal;}
.specialties .section2 .con-box .tab-box .tabContent .inner-box .tit p:nth-child(2) {font-family:'NotoSansifCJKEL';color: #222;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;}

.specialties .section2 .con-box .tab-box .image-accordion {display: flex;margin: 0 auto;height:400px;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list {flex: 1;margin: 0px 5px;overflow: hidden;overflow: hidden;border-radius:5px;position: relative;
-webkit-transition: 0.5s all;
transition:all 0.5s ease;
}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .img-sec {border-radius:5px;display:flex;justify-content: center;align-items:center;width:100%;height:100%;background: #000;
-webkit-transition: 0.5s all;
transition:all 0.5s ease;
}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .img-sec > img {width:auto;height: auto;opacity: 0.5;object-fit: cover;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .img-sec > p {font-family:'NotoSansifCJKEL';writing-mode: vertical-rl;position: absolute;left:calc(50% - 10px);color: #FFF;font-size: 20px;font-weight: 400;line-height: normal;z-index: 99;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec {width:100%;height:400px;padding:24px 24px;background-size:100% 100%;opacity: 1;display: none;z-index: 99;position: absolute;top:0px;left:0px;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec::after {content: '';width:100%;height:400px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 30%, rgba(0, 0, 0, 0.8) 60%);z-index: 0;position: absolute;top:0px;left:0px;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec p {z-index: 999;position: relative;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec p:nth-child(1) {color: #FFF;font-family:'NotoSansifCJKEL';font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;margin-bottom:5px;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec p:nth-child(2) {color: #FFF;text-align: justify;font-size: 16px;font-weight: 200;line-height: normal;margin-bottom:5px;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec p:nth-child(3) {color: #FFF;font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: -0.24px;}

.specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image {flex: 4;opacity: 1;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image .img-sec {background:none;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image .img-sec > img {width:100%;height:400px;object-fit: cover;opacity: 1;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image .img-sec > p {display:none;}
.specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image .text-sec {display: block;opacity: 1;display: flex;flex-direction: column;align-items:flex-start;justify-content: flex-end;}

.specialties .section2 .con-box .video-box {display: flex;justify-content: space-between;align-items:flex-start;}
.specialties .section2 .con-box .video-box .l-sec {width:960px;text-align: center;}
.specialties .section2 .con-box .video-box .l-sec video {width:100%;}
.specialties .section2 .con-box .video-box .l-sec p {color: #444;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-top:5px;}
.specialties .section2 .con-box .video-box .r-sec {text-align:center;width:400px;height:540px;border-radius: 0px 50px 0px 0px;background: url('/images/intro/local-specialties/bg-specialties-sec2-1.png') center no-repeat;padding:30px;box-sizing: border-box;}
.specialties .section2 .con-box .video-box .r-sec .txt {height:58%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.specialties .section2 .con-box .video-box .r-sec .txt p:nth-child(2) {font-family:'NotoSansifCJKEL';color: #FFF;text-align: center;font-size: 24px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-top:15px;}
.specialties .section2 .con-box .video-box .r-sec .link {height:42%;text-align: left;}
.specialties .section2 .con-box .video-box .r-sec .link a {display: block;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.30);background: url('/images/intro/local-specialties/icon-specialties-sec2-video-arr-white.png') 93% center no-repeat rgba(255, 255, 255, 0.20);color:#fff;height: 56px;line-height: 56px;margin-bottom:16px;padding:0px 20px;box-sizing: border-box;}
.specialties .section2 .con-box .video-box .r-sec .link a:hover {color: #008B99;border: 1px solid rgba(255, 255, 255, 0.30);background: url('/images/intro/local-specialties/icon-specialties-sec2-video-arr-green.png') 93% center no-repeat #fff;}

.specialties .section3 {padding-bottom:0;background:url('/images/intro/local-specialties/bg-specialties-sec3.png') center no-repeat;background-size:cover;}
.specialties .section3 .con-box .tit {text-align: left;margin-bottom:60px;}
.specialties .section3 .con-box .tit h3 {font-family:'NotoSansifCJKEL';color: #222;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;padding-bottom:16px;margin-bottom:24px;border-bottom: 1px solid #AAA;}
.specialties .section3 .con-box .tit h3 .line {background:url('/images/intro/local-specialties/icon-specialties-sec2-tit.png') center no-repeat;width:4px;height:26px;display: inline-block;padding:0px 16px;}
.specialties .section3 .con-box .tit h3 .color {color: #008B99;}

.specialties .section3 .con-box > div .list-box .tit {font-family:'NotoSansifCJKEL';color: #222;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: -0.5px;margin-bottom:20px;}
.specialties .section3 .con-box > div .list-box .tit strong {font-weight: 700;}
.specialties .section3 .con-box > div .list-box .tit img {vertical-align: middle;margin-right:15px;}

.specialties .section3 .sec1 {background:url('/images/intro/local-specialties/bg-specialties-sec3-1.png') bottom center no-repeat;background-size:cover;}
.specialties .section3 .sec2 {background:url('/images/intro/local-specialties/bg-specialties-sec3-2.png') center no-repeat;background-size:cover;}
.specialties .section3 .sec3 {background:url('/images/intro/local-specialties/bg-specialties-sec3-3.png') center no-repeat;background-size:cover;}

.specialties .section3 .con-box .sec1 {padding-bottom:80px;}
.specialties .section3 .con-box .sec1 .list-box .con {display: flex;justify-content: space-between;align-items: center;}
.specialties .section3 .con-box .sec1 .list-box .con .list {width:31.5%;padding:0;border:0;}
.specialties .section3 .con-box .sec1 .list-box .con .list .img {position:relative;overflow: hidden;border:4px solid transparent;}
.specialties .section3 .con-box .sec1 .list-box .con .list .img::before {content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background: rgba(0, 0, 0, 0.60);display: none;}
.specialties .section3 .con-box .sec1 .list-box .con .list .img img {width:100%;}
.specialties .section3 .con-box .sec1 .list-box .con .list .img a {position:absolute;top:45%;left:calc(50% - 55px);color: #008B99;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;background: #FFF;padding: 8px 26px;display: none;}
.specialties .section3 .con-box .sec1 .list-box .con .list .txt {padding-top:24px;}
.specialties .section3 .con-box .sec1 .list-box .con .list .txt p:nth-child(1) {color: #FFF;font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:5px;}
.specialties .section3 .con-box .sec1 .list-box .con .list .txt p:nth-child(2) {opacity: 0.7;color: #FFF;text-align: justify;font-size: 16px;font-weight: 200;line-height: normal;letter-spacing: -1px;}
.specialties .section3 .con-box .sec1 .list-box .con .list:hover .img {border: 4px solid #08C0D3;border-radius: 15px;}
.specialties .section3 .con-box .sec1 .list-box .con .list:hover .img::before {display:inline-block;border-radius: 10px;}
.specialties .section3 .con-box .sec1 .list-box .con .list:hover .img a {display: inline-block;}
.specialties .section3 .con-box .sec1 .list-box .more {text-align: center;margin-top:60px;width:100%;}
.specialties .section3 .con-box .sec1 .list-box .more a {
color: #FFF;
font-size: 16px;
font-weight: 500;
line-height: normal;
letter-spacing: -1px;
border-radius: 4px;
padding: 16px 24px;
width:100%;
display:inline-block;
border: 1px solid rgba(255, 255, 255, 0.20);
background:url('/images/intro/local-specialties/icon-specialties-sec2-video-arr-white.png') 57.5% center no-repeat rgba(255, 255, 255, 0.10);;
}

.specialties .section3 .con-box > div .map-box .tit {font-family:'NotoSansifCJKEL';color: #fff;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: -0.5px;margin-bottom:20px;}
.specialties .section3 .con-box > div .map-box .tit strong {font-weight: 700;}
.specialties .section3 .con-box > div .map-box .tit img {vertical-align: middle;margin-right:15px;}

.specialties .section3 .sec2 {padding:80px 0px;}
.specialties .section3 .sec2 .tab {display: flex;justify-content: space-between;position: relative;}
.specialties .section3 .sec2 .tab .list-box {width:50%;height:700px;padding:0px 0px;overflow: auto;display: flex;flex-direction: column;justify-content: center;}
.specialties .section3 .sec2 .tab .tabs {margin:0px 0px;width:auto;}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties {position: relative;border-radius: 5px;border: 2px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(2px);padding:24px;margin-bottom:8px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties:hover {border-radius: 5px;border: 2px solid #08C0D3;background: rgba(8, 192, 211, 0.08);backdrop-filter: blur(2px);}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties.current {border-radius: 5px;border: 2px solid #08C0D3;background: rgba(8, 192, 211, 0.08);backdrop-filter: blur(2px);}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties .img {width:40%;}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties .tit {width:60%;}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties .tit p:nth-child(1) {font-weight: 500;font-size: 20px;line-height: 30px;margin-bottom:8px;}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties .tit p:nth-child(2) {font-weight: 100;font-size: 16px;line-height: 24px;}
.specialties .section3 .sec2 .tab .tabs .list-area-specialties:hover .tit p {color:#fff;}
.specialties .section3 .sec2 .tab .tab_content {width:50%;}
.specialties .section3 .sec2 .tab .tab_content .tabs_item {background:url(/images/intro/local-specialties/img-specialties-sec3-2-map-0.png) center no-repeat;width:520px;height:710px;background-size:100% 100%;position: relative;}
.specialties .section3 .sec2 .tab .tab_content .tabs_item .area-active {position: absolute;border-radius: 50px;background: rgba(40, 40, 40, 0.90);padding: 8px 16px;color: #FFF;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.specialties .section3 .sec2 .tab .tab_content .tabs_item .area-active::before {content: '';width:26px;height:33px;position:absolute;top:-28px;left:calc(50% - 13px);background:url(/images/intro/local-specialties/icon-specialties-sec3-marker.png) center no-repeat;}
.specialties .section3 .sec2 .tab .tab_content .tabs_item .area-active.gyeongju {top:calc(50% - -50px);left:calc(50% - -100px);}
.specialties .section3 .sec2 .tab .tab_content .tabs_item .area-active.yeoju {top:calc(50% - 180px);left:calc(50% - 80px);}
.specialties .section3 .sec2 .tab .tab_content .tabs_item .area-active.taean {top:calc(50% - 100px);left:calc(50% - 250px);}

.specialties .section3 .sec3 {padding:80px 0px;}
.specialties .section3 .sec3 .online-swiper {position: relative;height:auto;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card {position: relative;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card::before {content:'';position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.5);width:100%;height:100%;border-radius: 10px;display: none;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card .txt-box {position: absolute;top:0px;left:0px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card .txt-box .txt p:nth-child(1) {border-radius: 50px;background: #008B99;height: 28px;padding: 0px 16px;color: #FFF;text-align: center;font-size: 14px;font-weight: 500;line-height: 28px;letter-spacing: -1px;margin-bottom:4px;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card .txt-box .txt p:nth-child(2) {font-family:'NotoSansifCJKEL';color: #FFF;font-size: 28px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card .txt-box .btn {margin-top:24px;display: none;}
.specialties .section3 .sec3 .online-swiper .swiper-slide .card .txt-box .btn a {color: #008B99;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;background: #FFF;width: 120px;padding: 8px 20px;}
.specialties .section3 .sec3 .online-swiper .swiper-slide:hover .card::before {display: block;}
.specialties .section3 .sec3 .online-swiper .swiper-slide:hover .txt-box .btn {display: block;}

.specialties .section3 .sec3 .online-swiper .nav-box {display: flex;margin-top:40px;align-items: center;}
.specialties .section3 .sec3 .online-swiper .swiper-pagination-progressbar {width:86%;margin-right:1%;height:4px;position: static;background:rgba(0,0,0,.1);}
.specialties .section3 .sec3 .online-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#008b99;}
.specialties .section3 .sec3 .online-swiper .swiper-button-next, 
.specialties .section3 .sec3 .online-swiper .swiper-button-prev {margin-top:0;bottom:0;top:auto;width:4%;height:50px;position: static;}
.specialties .section3 .sec3 .online-swiper .swiper-button-next.swiper-button-disabled, 
.specialties .section3 .sec3 .online-swiper .swiper-button-prev.swiper-button-disabled {opacity: 0.5;cursor: auto;}
.specialties .section3 .sec3 .online-swiper .swiper-button-prev, 
.specialties .section3 .sec3 .online-swiper .swiper-container-rtl .swiper-button-next {background:url(/images/intro/local-specialties/icon-specialties-sec4-arr-left.png) center no-repeat;}
.specialties .section3 .sec3 .online-swiper .swiper-button-next, 
.specialties .section3 .sec3 .online-swiper .swiper-container-rtl .swiper-button-prev {background:url(/images/intro/local-specialties/icon-specialties-sec4-arr-right.png) center no-repeat;}

.specialties .section3 .sec3 .banner-box {position:relative;height:272px;margin-top:60px;display: flex;align-items: flex-end;}
.specialties .section3 .sec3 .banner-box .banner {border-radius: 10px;background: #D3D3C4;width:100%;height: 200px;z-index: 0;padding:59px 64px;box-sizing: border-box;}
.specialties .section3 .sec3 .banner-box .banner::before {content:'';position:absolute;right:50px;bottom:0px;background:url(/images/intro/local-specialties/img-specialties-sec4-1.png) center no-repeat;width:663px;height:272px;z-index: 1;;}
.specialties .section3 .sec3 .banner-box .banner .tit {margin-bottom:16px;font-family:'NotoSansifCJKEL';color: #222;font-size: 24px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.specialties .section3 .sec3 .banner-box .banner .tit span {color: #008B99;}
.specialties .section3 .sec3 .banner-box .banner .more a {background: #008B99;width: 120px;padding: 8px 20px;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;}


/* 한국의사찰 */
.korean-temple section .inner-wrap {max-width:none;width:1263px;}
.korean-temple .header-visual {background-image:url('/images/intro/korean-temple/bg-korean-temple.png');}
.korean-temple .page-header h3 span {margin-bottom:40px;}
.korean-temple .sec-area dt strong:after {display: none;} 
.korean-temple .sec-area {position: relative;}
.korean-temple .sec-area dt {font-family: 'NotoSansifCJKEL';}
.korean-temple .sec-area dt span {display:inline-block;font: 40px 'NotoSansifCJKEL';font-weight: 600;color:#5D6804;}

.korean-temple .section1 {background:url('/images/intro/korean-temple/bg-korean-temple-sec1.png') center no-repeat;background-size:100% 100%;}
.korean-temple .section1 .sec1-temple-swiper {overflow: hidden;position:relative;width:1263px;}
.korean-temple .section1 .sec1-temple-swiper .top-sec {text-align: center;margin-bottom:60px;}
.korean-temple .section1 .sec1-temple-swiper .top-sec .icon {margin-bottom:20px;}
.korean-temple .section1 .sec1-temple-swiper .top-sec .tit {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 20px;font-style: normal;font-weight: 200;line-height: normal;letter-spacing: -1px;}
.korean-temple .section1 .sec1-temple-swiper .top-sec .tit strong {font-size: 24px;display: block;}
.korean-temple .section1 .sec1-temple-swiper .top-sec .line {margin:24px auto 24px;width: 100px;height: 1px;background: rgba(255, 255, 255, 0.20);}
.korean-temple .section1 .sec1-temple-swiper .top-sec .desc {color: rgba(255, 255, 255, 0.50);font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.korean-temple .section1 .sec1-temple-swiper .bot-sec .txt-box {background: #E7E4D5;padding:70px;height:659px;box-sizing: border-box;}
.korean-temple .section1 .sec1-temple-swiper .nav-box {width:1263px;height:100%;position: absolute;top:0px;}
.korean-temple .section1 .sec1-temple-swiper .nav-box .swiper-button-next, 
.korean-temple .section1 .sec1-temple-swiper .nav-box .swiper-button-prev {top:90px;margin:0;}
.korean-temple .section1 .sec1-temple-swiper .nav-box .swiper-button-next {right:0px;background:url('/images/intro/korean-temple/icon-korean-temple-slide-arr-right.png') center no-repeat;}
.korean-temple .section1 .sec1-temple-swiper .nav-box .swiper-button-prev {left:0px;left:auto;background:url('/images/intro/korean-temple/icon-korean-temple-slide-arr-left.png') center no-repeat;}
.korean-temple .accordion-container{position: relative;height: 519px;display: flex;flex-direction: column;justify-content: space-between;}
.korean-temple .accordion-container .set{width: 100%;height: 122px;display: flex;justify-content:flex-end;align-items: center;}
.korean-temple .accordion-container .set.active {height:275px;}
.korean-temple .accordion-container .set a{display: block;font-family: 'NotoSansifCJKEL';color: #222;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;}
.korean-temple .accordion-container .set a.active{}
.korean-temple .accordion-container .content{display:none;}
.korean-temple .accordion-container .set .img {width:519px;margin-right:40px;position:absolute;top:0px;left:0px;}
.korean-temple .accordion-container .set .img img {width:100%;}
.korean-temple .accordion-container .set .img {display: none;}
.korean-temple .accordion-container .set .txt {width:564px;height:122px;border-bottom:1px solid #A4A192;padding:0px 16px;display: flex;justify-content: center;flex-direction: column;}
.korean-temple .accordion-container .set:nth-of-type(1) .txt {border-top:1px solid #A4A192;}
.korean-temple .accordion-container .set .content {display: none;}
.korean-temple .accordion-container .set .content p {height:96px;color: #666;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin:18px 0px 18px;}
.korean-temple .accordion-container .set .content p.more {height:auto;margin:0;}
.korean-temple .accordion-container .set .content p.more a {display:inline-block;width:auto;margin-bottom:0;border: 1px solid rgba(103, 112, 86, 0.50);padding: 10px 42px;color: #5D6804;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;background:none;}
.korean-temple .accordion-container .set.active .txt {height:275px}
.korean-temple .accordion-container .set.active .img {display: block;}
.korean-temple .accordion-container .set.active .content {display: block !important;}
.korean-temple .accordion-container .set a {padding-right:20%;box-sizing:border-box;background: url(/images/intro/korean-temple/icon-korean-temple-plus.png) 100% center no-repeat;
-webkit-transition:all 0.0s linear;
-moz-transition:all 0.0s linear;
transition:all 0.0s linear;
}
.korean-temple .accordion-container .set.active a {background: url(/images/intro/korean-temple/icon-korean-temple-minus.png) 100% center no-repeat;}
.korean-temple .section1 .sec1-temple-swiper .swiper-slide {opacity: 0 !important;}
.korean-temple .section1 .sec1-temple-swiper .swiper-slide-active {opacity: 1 !important;z-index: 9 !important;}

.korean-temple .section2 .inner-wrap {max-width:none;width:1593px;}
.korean-temple .section2 {background:url('/images/intro/korean-temple/bg-korean-temple-sec2.png') center no-repeat;background-size:cover;}
.korean-temple .section2 .sec2-temple-swiper {overflow: hidden;position:relative;width:1593px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide {display: flex;justify-content: space-between;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec {width:265px;margin-right:80px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec {width:1248px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec {width: 265px;height: 606px;background: #5D6804;padding:40px;box-sizing: border-box;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec .tit {margin-bottom:26px;width:185px;height:185px;background:url(/images/intro/korean-temple/bg-korean-temple-sec2-tit.png) center no-repeat;display: flex;align-items: center;justify-content: center;font-family: 'NotoSansifCJKEL';color: #5D6804;text-align: center;font-size: 36px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec .desc {color: #FFF;text-align: justify;font-size: 15px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px;opacity: 0.7;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec {display: flex;justify-content: space-between;margin-top:105px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list {margin-right:24px;width:400px;height:500px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list:last-child {margin-right:0;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .img-box {width:100%;height:266px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .img-box img {width:100%;height:100%;object-fit: cover;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box {margin-top:24px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .tit {font-family: 'NotoSansifCJKEL';color: #222;text-align: justify;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:8px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .desc {color: #666;text-align: justify;height:145px;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .more {display: flex;justify-content: space-between;align-items: center;margin-top:10px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .more a {color: #5D6804;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;width:20%;text-align: right;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .more::before {content:'';display:inline-block;width:100%;height:1px;background: rgba(103, 112, 86, 0.50);width:80%;}
.korean-temple .section2 .sec2-temple-swiper .swiper-pagination {top:0px;left:350px;}
.korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet {position:relative;font-family: 'NotoSansifCJKEL';width:auto;height:auto;background:none;border-radius:initial;margin-right:40px;color: #222;text-align: center;font-size: 24px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px;opacity: 1;}
.korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet-active {color: #5D6804;font-weight: 600;padding-bottom: 2px;text-decoration: underline;}
.korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet::after {content:'';position: absolute;right:-22px;top:45%;width:4px;height:4px;background:#222;border-radius:50%;}
.korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet:last-child::after {display: none;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide {opacity: 0 !important;}
.korean-temple .section2 .sec2-temple-swiper .swiper-slide-active {opacity: 1 !important;z-index: 9 !important;}
.korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-next, 
.korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-prev {top:500px;margin:0;width:74px;height:74px;background:#464f01;}
.korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-next {left:134px;background:url('/images/intro/korean-temple/icon-korean-temple-slide-arr-right.png') center no-repeat #464f01;}
.korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-prev {left:60px;background:url('/images/intro/korean-temple/icon-korean-temple-slide-arr-left.png') center no-repeat #464f01;}

.korean-temple .section3 .inner-wrap {max-width:none;width:1400px;}
.korean-temple .section3 {background:url('/images/intro/korean-temple/bg-korean-temple-sec3.png') center no-repeat;background-size:cover;}
.korean-temple .section3 .sec-area dt span {color:#fff;}
.korean-temple .section3 .sec-area dt span span {color: #B3C70D;}
.korean-temple .section3 .sec-area dd {color: rgba(255, 255, 255, 0.70);}
.korean-temple .section3 .con-box .open-box {background: #E5E3D1;padding:84px 42px;position:relative;margin-bottom:32px;}
.korean-temple .section3 .con-box .open-box::before {content: '';position: absolute;top:0px;left:0px;width:100%;height:40px;border-radius: 0px 0px 30px 30px;background: #3D462C;}
.korean-temple .section3 .con-box .open-box .img-box {display: flex;margin-bottom:30px;}
.korean-temple .section3 .con-box .open-box .img-box .tit {width:300px;height:300px;display: flex;align-items: center;justify-content: center;flex-direction: column;background:url(/images/intro/korean-temple/icon-korean-temple-sec3-tit.png) center no-repeat #425026;}
.korean-temple .section3 .con-box .open-box .img-box .tit p {color: #FFF;font-size: 22px;font-weight: 400;line-height: normal;letter-spacing: -1px;font-family: 'NotoSansifCJKEL';}
.korean-temple .section3 .con-box .open-box .img-box .tit p:nth-of-type(1) {margin-bottom:50px;}
.korean-temple .section3 .con-box .open-box .img-box .img {width:1016px;height:300px;}
.korean-temple .section3 .con-box .open-box .txt-box {margin-top:40px;display: none;}
.korean-temple .section3 .con-box .open-box .txt-box .list {border-top: 1px solid rgba(103, 112, 86, 0.50);padding:24px 0px;display: flex;}
.korean-temple .section3 .con-box .open-box .txt-box .list .tit {min-width:300px;padding-left:60px;background:url(/images/intro/korean-temple/icon-korean-temple-sec3-2.png) left top no-repeat;}
.korean-temple .section3 .con-box .open-box .txt-box .list .tit .ti {font-family: 'NotoSansifCJKEL';color: #222;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-temple .section3 .con-box .open-box .txt-box .list .tit .ti span {color: #6B7800;}
.korean-temple .section3 .con-box .open-box .txt-box .list .desc {color: #666;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc {display: flex;justify-content: space-between;width:100%;height:190px;}
.korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc .box {width:312px;text-align: center;border: 1px solid #677056;background: #EFEEE3;}
.korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc .box .top {height:60px;line-height:60px;background: #677056;color: #FFF;text-align: center;font-size: 16px;font-weight: 700;letter-spacing: -1px;}
.korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc .box .bot {display: flex;align-items: center;justify-content: center;height:130px;}
.korean-temple .section3 .con-box .open-box .open-btn {position: absolute;bottom:0px;left:0px;width:100%;}
.korean-temple .section3 .con-box .open-box .open-btn button {position:relative;width:100%;height:70px;line-height:70px;border-radius: 30px 30px 0px 0px;background: linear-gradient(180deg, #3D462C 0%, #2B311E 100%);text-align: center;color: #FFF;text-align: center;font-size: 20px;font-weight: 400;letter-spacing: -1px;}
.korean-temple .section3 .con-box .open-box .open-btn button img {margin-left:15px;}
.korean-temple .section3 .con-box .open-box .txt-box.active {display:block;}
.korean-temple .section3 .con-box .open-box:nth-child(even)::before {background: #43432F;}
.korean-temple .section3 .con-box .open-box:nth-child(even) .img-box .tit {background:url(/images/intro/korean-temple/icon-korean-temple-sec3-tit.png) center no-repeat #675830;}
.korean-temple .section3 .con-box .open-box:nth-child(even) .open-btn button {background:linear-gradient(180deg, #43432F 0%, #303020 100%);}
.korean-temple .section3 .con-box .open-box:nth-child(even) .txt-box .list:nth-of-type(2) .desc .box .top {background: #786F58;}

/* 명승지와 절경 */
.scenic-spot section .inner-wrap {max-width:none;width:1263px;}
.scenic-spot .header-visual {background-image:url('/images/intro/scenic-spot/bg-scenicspot.png');}
.scenic-spot .sec-area dt strong:after {display: none;} 
.scenic-spot .sec-area {position: relative;}
.scenic-spot .sec-area dt {font-family: 'NotoSansifCJKEL';}
.scenic-spot .sec-area dt span {display:inline-block;font: 40px 'NotoSansifCJKEL';font-weight: 100;color: #E7B200;}
.scenic-spot .sec-area dt strong b {color: #A16B00;}
.scenic-spot .section1 {background:url('/images/intro/scenic-spot/bg-scenicspot-sec1.jpg') center no-repeat;background-size:100% 100%;}
.scenic-spot .section1 .swiper .swiper-slide {opacity: 0 !important;}
.scenic-spot .section1 .swiper .swiper-slide-active {opacity: 1 !important;z-index: 9 !important;}
.scenic-spot .section1 .tab .bg-box {width:100%;height:504px;background-size:cover;position: absolute;top:378px;left:0px;}
.scenic-spot .section1 .tab .tab-menu {position: relative;z-index: 9;margin-bottom:100px;}
.scenic-spot .section1 .tab .tab-menu ul {display: flex;justify-content: center;}
.scenic-spot .section1 .tab .tab-menu ul li a {border: 1px solid #A48343;background: #F0E8CA;font-family: 'NotoSansifCJKEL';color: #A48343;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: -1px;width: 320px;height: 80px;line-height:80px;}
.scenic-spot .section1 .tab .tab-menu ul li.active a {background: #A48343;color:#fff;}
.scenic-spot .section1 .swiper {position:relative;}
.scenic-spot .section1 .swiper .swiper-slide {display: flex;}
.scenic-spot .section1 .swiper .swiper-slide .img-sec {width:423px;margin-right:90px;}
.scenic-spot .section1 .swiper .swiper-slide .txt-sec {width:480px;}
.scenic-spot .section1 .swiper .swiper-slide .txt-sec .tit {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 32px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.scenic-spot .section1 .swiper .swiper-slide .txt-sec .desc {color: rgba(255, 255, 255, 0.80);text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:24px;}
.scenic-spot .section1 .swiper .swiper-slide .txt-sec .more a {display:inline-block;background: #E7B200;width: 140px;height: 48px;line-height:48px;color: #333;text-align: center;font-size: 14px;font-weight: 400;letter-spacing: -1px;}
.scenic-spot .section1 .swiper .swiper-pagination {position: absolute;right:0px;top:0px;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet {position:relative;display:block;margin-bottom:24px;display: flex;align-items: center;opacity: 1;background:#fff;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet::after {content:'';position:absolute;top:9px;left:calc(50% - 0.5px);width:1px;height:24px;display:inline-block;background:#fff;opacity: 0.5;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet:last-child::after {display: none;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet span {display: inline-block;width:100px;color:#fff;position: absolute;top:-10px;right:30px;text-align: right;color: #FFF;font-size: 18px;font-style: normal;font-weight: 300;line-height: normal;letter-spacing: -1px;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet-active {background: #E7B200;position: relative;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet-active::before {content: '';position: absolute;top:-3px;left:-3px;border:1px solid #E7B200;width:12px;height:12px;border-radius:50%;}
.scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet-active span {color: #E7B200;}

.scenic-spot .section2 {background:url('/images/intro/scenic-spot/bg-scenicspot-sec2.jpg') center no-repeat;background-size:100% 100%;}
.scenic-spot .section2 .inner-wrap {width:1084px;}
.scenic-spot .section2 .sec-area dt strong {color:#fff;}
.scenic-spot .section2 .sec-area dt strong b {color: #E7B200;}
.scenic-spot .section2 .sec-area dd {color:#fff;}

.scenic-spot .section2 .sec2-scenicspot-swiper {overflow: hidden;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide {display: flex;justify-content: space-between;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec {width:480px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .tit img {width:auto;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .tit {margin:15px 0px 57px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box {background: #69604E;padding: 30px;position:relative;margin-bottom:24px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box .name {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box .desc {color: rgba(255, 255, 255, 0.80);text-align: justify;font-size: 16px;font-weight: 200;line-height: normal;letter-spacing: -1px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box .more {position:absolute;top:30px;right:30px;width:30px;height:30px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box .more a {text-indent:-999999px;background:url(/images/intro/scenic-spot/icon-scenicspot-more.png) center no-repeat;width:30px;height:30px;display:inline-block;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot ul {display: flex;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot ul > li {margin-bottom:16px;text-align:center;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot ul > li > a {color:#fff;margin-right:10px;padding-right:10px;position: relative;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot ul > li > a::before {content:'';position:absolute;right:0;top:6px;height:15px;width:1px;background:#999;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot ul > li:last-child > a::before {display:none;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tab-menu-scenicspot li.active a {color:#E7B200;} 
.scenic-spot .section2 .sec2-scenicspot-swiper .tabContent-scenicspot {display:none;color: rgba(255, 255, 255, 0.80);text-align: justify;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .tabContent-scenicspot.active {display:block;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .right-sec {width:480px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .right-sec .img img {width:100%;}
.scenic-spot .section2 .sec2-scenicspot-swiper .nav-box {position:absolute;width:1084px;bottom:220px;}
.scenic-spot .section2 .sec2-scenicspot-swiper .nav-box .swiper-button-next, 
.scenic-spot .section2 .sec2-scenicspot-swiper .nav-box .swiper-button-prev {top:0px;margin:0;width:60px;height:60px;border:0px solid #ccc;}
.scenic-spot .section2 .sec2-scenicspot-swiper .nav-box .swiper-button-next {left:60px;background:url('/images/intro/scenic-spot/icon-scenicspot-arr-right.png') center no-repeat #a58932;}
.scenic-spot .section2 .sec2-scenicspot-swiper .nav-box .swiper-button-prev {left:0px;background:url('/images/intro/scenic-spot/icon-scenicspot-arr-left.png') center no-repeat #a58932;}

.scenic-spot .section3 {background:url('/images/intro/scenic-spot/bg-scenicspot-sec3.jpg') center no-repeat;background-size:100% 100%;}
.scenic-spot .section3 .inner-wrap {width:1116px;}
.scenic-spot .section3 .swiper-slide {display: flex;justify-content: center;align-items: center;}
.scenic-spot .section3 .sec3-scenicspot-swiper {width: 920px;height: 100%;margin-left: auto;margin-right: auto;overflow: hidden;}
.scenic-spot .section3 .sec3-scenicspot-swiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.scenic-spot .section3 .sec3-scenicspot-swiper .swiper-slide {width: 25%;height: 100%;background:#fff;padding:8px;}
.scenic-spot .section3 .sec3-scenicspot-swiper .swiper-slide p {font-family: 'NotoSansifCJKEL';width:100%;height:230px;display: flex;align-items: center;justify-content: center;background:url(/images/intro/scenic-spot/icon-scenicspot-sec3.png) center 55px no-repeat;border: 1px solid #BFB8A7;color: #222;text-align: center;font-size: 26px;font-weight: 500;line-height: normal;letter-spacing: 0px;}
.scenic-spot .section3 .sec3-scenicspot-swiper .swiper-slide-thumb-active {border: 4px solid #FFF;background: #A48343;}
.scenic-spot .section3 .sec3-scenicspot-swiper .swiper-slide-thumb-active p {color:#fff;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper {width: 100%;height: 100%;overflow: hidden;margin-top:80px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec {width:719px;height:600px;background:url(/images/intro/scenic-spot/img-scenicspot-sec3-bg.png) center no-repeat;border:1px solid #8d836e;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .tit {margin-bottom:80px;font-family: 'NotoSansifCJKEL';color: #5C3528;text-align: center;font-size: 32px;font-weight: 600;line-height: normal;letter-spacing: -1px;text-indent: -30px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .desc {width:480px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .desc p:nth-child(1) {color: #846743;font-family: 'NotoSansifCJKEL';font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-bottom:1px solid #AEAEAE;margin-bottom:16px;padding-bottom:16px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .desc p:nth-child(2) {color: #666;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec {background: #95876C;width:397px;height:600px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .tit {text-align: center;background: #766A53;height:50px;line-height: 50px;color: #FFF;font-size: 20px;font-weight: 400;letter-spacing: -1px;font-family: 'NotoSansifCJKEL';}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box {padding:15px;text-align: center;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box p:nth-child(1) {height:210px;overflow:hidden;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box p:nth-child(1) img {width:100%;height:100%;object-fit: cover;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box:nth-of-type(2) {border-bottom: 1px solid #B1A998;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box p:nth-of-type(2) {color: #FFF;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;text-align: center;padding-right:30px;background:url(/images/intro/scenic-spot/icon-scenicspot-more.png) right center no-repeat;background-size:20px 20px;display: inline-block;margin-top:5px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-next, 
.scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-prev {top:420px;margin:0;width:60px;height:60px;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-next {right:calc(50% - 550px);background:url('/images/intro/scenic-spot/icon-scenicspot-sec3-arr-right.png') center no-repeat;}
.scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-prev {left:calc(50% - 550px);background:url('/images/intro/scenic-spot/icon-scenicspot-sec3-arr-left.png') center no-repeat;}

.scenic-spot .section4 {background:url('/images/intro/scenic-spot/bg-scenicspot-sec4.jpg') center no-repeat;background-size:100% 100%;}
.scenic-spot .section4 .inner-wrap {width:1433px;}
.scenic-spot .section4 .sec-area dt p {color: #A16B00;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-top:5px;}
.scenic-spot .section4 .con-box {display: flex;justify-content: space-between;align-items: flex-end;}
.scenic-spot .section4 .con-box .left-sec {width:479px;position: relative;}
.scenic-spot .section4 .con-box .left-sec h3 {width:150px;display:inline-block;font-family: 'NotoSansifCJKEL';color: #222;font-size: 50px;font-weight: 600;line-height: 133%;letter-spacing: -1px;position: absolute;right: -104px;top: 60px;}
.scenic-spot .section4 .con-box .left-sec .img-box .img {width:100%;height:594px;border-radius: 240px 240px 0 0;overflow: hidden;margin-bottom:16px;}
.scenic-spot .section4 .con-box .left-sec .img-box .img img {width:100%;height:100%;object-fit:cover;}
.scenic-spot .section4 .con-box .left-sec .img-box .more a {background: #846F45;width: 100%;height: 56px;line-height:56px;display:inline-block;text-align: center;color: #FFF;text-align: center;font-size: 16px;font-weight: 400;letter-spacing: -1px;}
.scenic-spot .section4 .con-box .right-sec {width:774px;height:550px;}
.scenic-spot .section4 .con-box .right-sec .list-box {display: flex;flex-wrap:wrap;justify-content: space-between;}
.scenic-spot .section4 .con-box .right-sec .list-box .list {width:48%;margin-bottom:40px;}
.scenic-spot .section4 .con-box .right-sec .list-box .list .img button {background: #E7B200;width:100%;height:209px;}
.scenic-spot .section4 .con-box .right-sec .list-box .list .img img {width:100%;height:100%;vertical-align: top;}
.scenic-spot .section4 .con-box .right-sec .list-box .list .txt {margin-top:16px;text-align: center;color: #222;font-size: 20px;font-weight: 200;line-height: normal;letter-spacing: -1px;}
.scenic-spot .section4 .con-box .right-sec .list-box .list .img button img:hover {outline: 4px solid #E7B200;opacity: 0.7;}

/* 한국의공예 */
.korean-crafts .header-visual {background:url(/images/intro/korean-crafts/bg-korean-crafts.png) center no-repeat;background-size:cover;}
.korean-crafts .btn-list {position: absolute;bottom:6%;left:calc(50% - 410px);width:820px;display: flex;justify-content: space-between;}
.korean-crafts .btn-list a {width:100px;height:130px;text-indent: -999999px;}
.korean-crafts .btn-list a.wood {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-wood.png) center no-repeat;}
.korean-crafts .btn-list a.straw {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-straw.png) center no-repeat;}
.korean-crafts .btn-list a.hanji {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-hanji.png) center no-repeat;}
.korean-crafts .btn-list a.ceramic {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-ceramic.png) center no-repeat;}
.korean-crafts .btn-list a.metal {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-metal.png) center no-repeat;}
.korean-crafts .btn-list a.knot {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-knot.png) center no-repeat;}
.korean-crafts .btn-list a.glass {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-glass.png) center no-repeat;}

.korean-crafts .btn-list a.wood:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-wood-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.straw:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-straw-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.hanji:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-hanji-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.ceramic:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-ceramic-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.metal:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-metal-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.knot:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-knot-on.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .btn-list a.glass:hover {background: url(/images/intro/korean-crafts/img-korean-crafts-menu-glass-on.png) center no-repeat;background-size:100% 100%;}

.korean-crafts .section1 {display: none;padding:0px;}
.korean-crafts .section1 .inner-wrap {max-width: 100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper > .swiper-wrapper > .swiper-slide {opacity: 0 !important;}
.korean-crafts .section1 .sec1-koreancrafts-swiper > .swiper-wrapper > .swiper-slide-active {opacity: 1 !important;z-index: 9 !important;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide {height:100%;overflow:hidden;display: flex;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec {width:22.5%;min-width:575px;background:#023641;height:100vh;overflow: hidden;padding:180px 95px 100px;box-sizing: border-box;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .tit-box {position:relative;border: 1px double rgba(255, 255, 255, 0.50); border-width:4px;padding:40px;margin-bottom:32px;text-align: left;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .tit-box .tit1 {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 18px;font-weight: 200;line-height: normal;letter-spacing: -1px;margin-bottom:5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .tit-box .tit2 {font-family: 'NotoSansifCJKEL';color: #08C0D3;font-size: 40px;font-weight: 500;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .desc-box .desc {color: rgba(255, 255, 255, 0.70);text-align: justify;font-size: 16px;font-weight: 200;line-height: normal;letter-spacing: -1px;margin-bottom:32px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .desc-box .more a {color: rgba(255, 255, 255, 0.70);font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;padding-left:20px;background: url(/images/intro/korean-crafts/icon-korean-crafts-plus.png) left center no-repeat;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-wood-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-straw-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-hanji-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-ceramic-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-metal-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-knot-left-sec.png) center top no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .left-sec {background:url(/images/intro/korean-crafts/bg-korean-crafts-glass-left-sec.png) center top no-repeat;background-size:cover;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec {width:77.5%;background:#c9bdb0;height:100vh;overflow:hidden;overflow-y: auto;padding:80px 0px 0px;box-sizing: border-box;background:url(/images/intro/korean-crafts/bg-korean-crafts-right-sec.png) center no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .inner {width:1000px;margin:0 auto;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box {margin-bottom:40px;text-align: left;padding-top:100px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box .num {font-family: 'NotoSansifCJKEL';color: #006C77;font-size: 24px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box .tit {font-family: 'NotoSansifCJKEL';color: #222;font-size: 30px;font-weight: 600;line-height: normal;letter-spacing: -1px;padding-bottom:24px;margin-bottom:24px;border-bottom: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box .tit span {color: #006C77;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box .desc {color: #555;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box {padding:60px 0px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box {display:flex;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list {text-align: center;margin-right:40px;padding-right:40px;border-right:1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list:last-child {padding-right:0;margin-right:0;border-right:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list .img {margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list .txt p:nth-child(1) {font-family: 'NotoSansifCJKEL';color: #222;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:8px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list .txt p:nth-child(2) {color: #555;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list {width:50%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list .img img {margin:0px 12px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list .txt p:nth-child(2) {margin-top:16px;text-align: center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list .txt p:nth-child(2) a {display:inline-block;text-align:center;width:120px;height:40px;line-height: 37px;border-radius: 30px;border: 1px solid #006C77;background: #006C77;color: #FFF;font-size: 14px;font-weight: 400;letter-spacing: -1px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec1 .con-box {background:url(/images/intro/korean-crafts/bg-korean-crafts-sec1.png) center no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box {background:url(/images/intro/korean-crafts/bg-korean-crafts-sec2.png) center no-repeat;background-size:cover;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 {background:rgba(0, 0, 0, 0.6);}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 .tit-box .icon {margin:0 auto;width:212px;height:33px;background:url(/images/intro/korean-crafts/icon-korean-crafts-sec3-tit.png) center no-repeat;margin-bottom:8px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 .tit-box .tit {border:0;text-align: center;color: #08C0D3;font-size: 30px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 {padding-bottom:100px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .nav-box {width: 386px;height: 70px;display: flex;justify-content:center;align-items:center;position: absolute;bottom:70px;left:95px;border-radius: 50px;border: 1px solid #08C0D3;background: rgba(8, 192, 211, 0.50);backdrop-filter: blur(5px);z-index: 9;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .nav-box .menu-btn {margin:0px 40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .nav-box .menu-btn button {width:48px;height:48px;background:url(/images/intro/korean-crafts/icon-korean-crafts-menu-btn.png) center no-repeat #023640;border-radius: 50px;text-indent: -999999px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-button-prev {position: static;width:60px;height:70px;line-height:70px;margin:0;color: #FFF;text-align: justify;font-size: 18px;font-weight: 400;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-button-prev, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-container-rtl .swiper-button-next {background:url(/images/intro/korean-crafts/icon-korean-crafts-arr-left.png) left center no-repeat;text-align: right;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-container-rtl .swiper-button-prev {background:url(/images/intro/korean-crafts/icon-korean-crafts-arr-right.png) right center no-repeat;text-align: left;}

.korean-crafts .section1 .tab-menu-sec1-crafts {margin-bottom:24px;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul {display: flex;justify-content:space-between;max-width: 300px;margin:0 auto;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul > li {text-align:center;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul > li:nth-child(1) a {border-radius: 50px 0px 0px 50px;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul > li:nth-child(2) a {border-radius: 0px 50px 50px 0px;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul > li > a {font-family: 'NotoSansifCJKEL';display:inline-block;width:150px;height:46px;line-height: 42px;opacity: 1;border: 1px solid rgba(8, 192, 211, 0.70);background: rgba(8, 192, 211, 0.05);color: rgba(255, 255, 255, 0.80);text-align: center;font-size: 16px;font-weight: 600;letter-spacing: -1px;}
.korean-crafts .section1 .tab-menu-sec1-crafts ul > li.active > a {background: rgba(8, 192, 211, 0.70);}
.korean-crafts .section1 .tabContent-sec1-crafts {display:none;}
.korean-crafts .section1 .tabContent-sec1-crafts.active {display:block;}

.korean-crafts .section1 .tab {position: relative;display: flex;justify-content: center;}
.korean-crafts .section1 .tabs {margin:0;width:100%;max-width: 672px;position: absolute;top:0px;left:0px;}
.korean-crafts .section1 .tabs.tab-crafts1 li {width:25%;}
.korean-crafts .section1 .tabs.tab-crafts2 li {width:20%;}
.korean-crafts .section1 .tabs li a {background:#fff;color: #222;font-size: 14px;font-weight: 400;letter-spacing: -1px;height:46px;line-height: 43px;border-radius:0;border-top: 1px solid #CCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;margin:0;padding:0;width:100%;}
.korean-crafts .section1 .tabs li:last-child {margin-right:0;border-right: 0;}
.korean-crafts .section1 .tabs li.active a {background: #277881;color:#fff;border-color: #277881;}

.korean-crafts .section1 .tab_content {width:1000px;margin:0 auto;padding:0% 0%;}
.korean-crafts .section1 .tabs_item {display: none;padding: 10px 0;}
.korean-crafts .section1 .tabs_item:first-child {display: block;}
.korean-crafts .section1 .tabs_item .inner {display: flex;}
.korean-crafts .section1 .tabs_item .inner .left {width:672px;height:411px;background:#fff;}
.korean-crafts .section1 .tabs_item .inner .left img {width:100%;}
.korean-crafts .section1 .tabs_item .inner .right {width:328px;height:411px;padding:30px;background: #1C3339;overflow:hidden;overflow-y: auto;}
.korean-crafts .section1 .tabs_item .inner .right .list {padding:0;margin-bottom:40px;border-bottom:0;}
.korean-crafts .section1 .tabs_item .inner .right .list .name {font-family: 'NotoSansifCJKEL';margin-bottom:15px;color: #FFF;text-align: center;font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .tabs_item .inner .right .list .img {margin-bottom:5px;height:180px;}
.korean-crafts .section1 .tabs_item .inner .right .list .img img {width:100%;height:100%;}
.korean-crafts .section1 .tabs_item .inner .right .list .txt {overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;color: #FFF;font-size: 16px;font-weight: normal;line-height: normal;letter-spacing: -1px;opacity: 0.8;}
.korean-crafts .section1 .tabs_item .inner .right .list .more {text-align: center;margin-top:24px;}
.korean-crafts .section1 .tabs_item .inner .right .list .more a {width: 120px;height: 40px;line-height: 40px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);color: #FFF;text-align: center;font-size: 14px;font-weight: 400;letter-spacing: -1px;display: inline-block;}

.korean-crafts .section1 .tab_content .tab {display: inline-block;overflow: hidden;}
.korean-crafts .section1 .tab_content .tab .tabs_item {padding:0;}
.korean-crafts .section1 .mCustomScrollBox {padding-right:15px;}
.korean-crafts .section1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: #999;}

.korean-crafts .section1 .tabContent-sec1-crafts:nth-child(1) .tabs_item .inner .left  {background: url(/images/intro/korean-crafts/bg-anbang.png) center no-repeat;background-size:100% 100%;}
.korean-crafts .section1 .tabContent-sec1-crafts:nth-child(2) .tabs_item .inner .left  {background: url(/images/intro/korean-crafts/bg-sarangbang.png) center no-repeat;background-size:100% 100%;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper {overflow: hidden;position:relative;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide {display:inline-block;text-align: center;box-sizing: border-box;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .img {margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .img img {margin:0px 0px;width:85%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt p:nth-child(1) {text-align:center;font-family: 'NotoSansifCJKEL';color: #222;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:8px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt p:nth-child(2) {margin-top:16px;text-align: center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt p:nth-child(2) a {display:inline-block;text-align:center;width:120px;height:40px;line-height: 37px;border-radius: 30px;border: 1px solid #006C77;background: #006C77;color: #FFF;font-size: 14px;font-weight: 400;letter-spacing: -1px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-button-prev {width:30px;height:30px;text-align: center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-container-rtl .swiper-button-prev {background: url(/images/intro/korean-crafts/icon-korean-crafts-arr-right-brown.png) center no-repeat;position: absolute;right:0px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-button-prev, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-container-rtl .swiper-button-next {background: url(/images/intro/korean-crafts/icon-korean-crafts-arr-left-brown.png) center no-repeat;position: absolute;left:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 .tit-box .tit {padding-bottom:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 .con-box {padding:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top {display: flex;justify-content: space-between;align-items:center;margin-bottom:40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .img {width:480px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .img img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt {width:472px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .type {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 18px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .name {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 24px;font-weight: 600;line-height: normal;letter-spacing: -1px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);margin-bottom:24px;padding-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .desc {color: #FFF;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .more a {text-align:center;display:inline-block;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);width: 120px;height: 40px;line-height: 38px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot {display: flex;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list {width:309px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list .img {margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list .img img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list .txt {text-align: center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list .txt .name {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list .txt .more a {text-align:center;display:inline-block;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);width: 120px;height: 40px;line-height: 38px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec1 .con-box .list p span {font-size: 16px;font-weight: 200;padding-right:5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .tab_content {width:auto;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top {display: flex;justify-content: space-between;align-items:center;margin-bottom:40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .img {width:480px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .img img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt {width:472px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .type {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 18px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .name {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 24px;font-weight: 600;line-height: normal;letter-spacing: -1px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);margin-bottom:24px;padding-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .desc {color: #FFF;text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .more a {text-align:center;display:inline-block;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);width: 120px;height: 40px;line-height: 38px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot {display: flex;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list {width:309px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list .img {margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list .img img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list .txt {text-align: center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list .txt .name {font-family: 'NotoSansifCJKEL';color: #FFF;font-size: 20px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list .txt .more a {text-align:center;display:inline-block;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);width: 120px;height: 40px;line-height: 38px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .type {font-family: 'NotoSansifCJKEL';color: #222;text-align: center;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt {height:48px;color: #555;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .more a {display:inline-block;text-align:center;width:120px;height:40px;line-height: 37px;border-radius: 30px;border: 1px solid #006C77;background: #006C77;color: #FFF;font-size: 14px;font-weight: 400;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt .tab-menu ul {display: flex;align-items: center;justify-content: center;position: relative;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt .tab-menu ul li {margin:0px 15px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt .tab-menu ul li a {width:100px;color: #555;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt .tab-menu ul li.active a {color: #006C77;text-decoration-line: underline;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt .tab-menu ul::before {content: '';width:4px;height:4px;border-radius: 50px;background: #B3A08B;position: absolute;left:50%;top:50%;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top {display: flex;justify-content: space-between;margin-bottom:30px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top .tit {color: #006C77;font-family: 'NotoSansifCJKEL';font-size: 24px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top .more a {display:inline-block;text-align:center;color: #FFF;font-size: 16px;font-weight: 400;letter-spacing: -1px;border-radius: 50px;background: #006C77;backdrop-filter: blur(5px);width:220px;height:46px;line-height: 46px;margin-left:5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top .more a img {vertical-align: middle;margin:0px 0px 2px 5px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .swiper .swiper-slide .list .txt {font-family: 'NotoSansifCJKEL';color: #222;font-size: 18px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .tit-box .desc {color: rgba(255, 255, 255, 0.80);text-align:center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .con-box .list-box {flex-wrap: wrap;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .con-box .list-box .list {border-right:0;margin:0 0 15px;padding:16px;background: rgba(255, 255, 255, 0.10);}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .con-box .list-box .list p {font-family: 'NotoSansifCJKEL';color: #FFF;text-align: center;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-top:8px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list {width:31%;margin:0;padding:0;border-right:0;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list p img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list .tit {font-family: 'NotoSansifCJKEL';color: #FFF;text-align: center;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:8px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list .desc {height:120px;color: rgba(255, 255, 255, 0.80);text-align: justify;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-bottom:16px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list .more a {text-align:center;display:inline-block;color: #FFF;font-size: 14px;font-weight: 400;line-height: normal;letter-spacing: -1px;border-radius: 30px;border: 1px solid rgba(255, 255, 255, 0.50);width: 120px;height: 40px;line-height: 38px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box {flex-direction: column;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list {text-align:left;border-right:0;margin-right:0;padding-right:0;display:flex;justify-content: space-between;align-items: center;margin-bottom:24px;padding-bottom:24px;border-bottom: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .img {margin-bottom:0;margin-right:48px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list:last-child {border-bottom:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 {width:100%;overflow: hidden;position:relative;padding-bottom:40px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-slide {display: flex;justify-content: space-between;align-items: center;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .nav-box-knot {width:80px;display: flex;justify-content: space-between;align-items: center;position:absolute;bottom:10px;left:65px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-prev {width:12px;height:12px;text-align: center;position:static;opacity: 0.5;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-prev, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-container-rtl .swiper-button-next {background:url(/images/intro/korean-crafts/icon-korean-crafts-arr-left-brown.png) left center no-repeat;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-next, 
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-container-rtl .swiper-button-prev {background:url(/images/intro/korean-crafts/icon-korean-crafts-arr-right-brown.png) right center no-repeat;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-pagination {position:static;display:inline-block;height:24px;line-height:20px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-pagination-bullet-active {width: 24px;border-radius: 50px;background: #937F6A;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-pagination-clickable .swiper-pagination-bullet {margin:0px 2px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .korean-crafts-knot-swiper-2 .swiper-slide .list .type {font-family: 'NotoSansifCJKEL';color: #222;text-align: center;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -1px;margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .korean-crafts-knot-swiper-2 .swiper-slide .list .type span {font-family: 'Noto SansR';font-size:16px;font-weight: 200;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .korean-crafts-knot-swiper-2 .swiper-slide .list .txt p:nth-child(2) {margin-top:0px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec2 .con-box .korean-crafts-knot-swiper-2 .swiper-slide .list .more a {display:inline-block;text-align:center;color: #FFF;font-size: 14px;font-weight: 400;letter-spacing: -1px;border-radius: 50px;background: #006C77;backdrop-filter: blur(5px);width:120px;height:40px;line-height: 40px;margin-top:24px;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .tit-box .txt {color: rgba(255, 255, 255, 0.80);text-align:center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box {flex-direction: initial;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list {border:0;margin-bottom:0;padding-bottom:0;flex-direction: column;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-child(1) {margin-bottom:24px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-child(2) {color: #FFF;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-child(2) img {margin:0px 5px 3px;vertical-align: middle;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-child(3) {color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: -1px;margin-top:8px;} 

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec1 .con-box .list-box .list .img {margin-bottom:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right: 1px solid #B3A08B;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec2 .con-box .swiper .swiper-slide:last-child .list {border-right:0;}

.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .tit-box .txt {color: rgba(255, 255, 255, 0.80);text-align:center;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .list-box {flex-wrap: wrap;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .list-box .list {width:48%;border-right:0;margin-right:0;padding-right:0;margin-bottom:32px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .list-box .list img {width:100%;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .btn-box {display: flex;justify-content: space-between;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .btn-box a {width:33%;border: 1px solid #08C0D3;background: rgba(8, 192, 211, 0.50);backdrop-filter: blur(5px);height: 60px;line-height: 60px;text-align: center;color: #FFF;font-size: 16px;font-weight: 400;letter-spacing: -1px;}
.korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .btn-box a img {vertical-align: middle;margin:0px 0px 3px 5px;}





















































.paging {text-align: center;padding: 40px 0 0;}
.paging > div {font-size: 0;display: inline-block;vertical-align: middle;box-sizing: border-box;min-width: 30px;height: 30px;text-align: center;line-height: 30px;}
.paging .btn {width: 30px;}
.paging > div a {display: block;font-size: 16px;letter-spacing: -.05em;}
.paging > div.on {color: #E7B200;}
.paging > div.on a {text-decoration: underline;}
.paging .btn {overflow: hidden;text-indent: -9999px;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;}
.paging .btn-next {background-image: url(/images/intro/museum/btn-paging-next.png);background-position:center right;}
.paging .btn-prev {background-image: url(/images/intro/museum/btn-paging-prev.png);background-position:center left;}
.paging .btn-first {background-image: url(/images/intro/museum/btn-paging-first.png);}
.paging .btn-last {background-image: url(/images/intro/museum/btn-paging-last.png);}
.paging .btn-prev {text-indent: 0px;width:35px;text-align: right;}
.paging .btn-next {text-indent: 0px;width:35px;text-align:left;}
.paging .btn a {font-size:0px;font-weight: 300;}

.scrollhidden {overflow: hidden;}

.IMG {width:100%;}
.IMG img {width:100%;vertical-align: top;}
.IMG img.MOBILE {display:none;}
.visual-tabs-wrap {min-width:inherit !important;}


@media only screen and (max-width:1510px){
	.bigdata .contents{padding:80px 0 60px}
	.bigdata .right-cont{padding:30px 10px 30px 20px}  
}

@media only screen and (max-width: 1400px) {
    .section--title-cover #container {padding-bottom: calc(100vh + 280px) !important;}
    .section--title-cover .apparel #container {padding-bottom: 0 !important;}
}

@media only screen and (min-width: 769px) {
#wrap {width: 100%;min-width: 1260px;}
}

@media only screen and (max-width:768px){
    .inner-wrap {padding: 0 5vw;}
    .contents-body .inner {width:100%;padding:40px 5vw;display:inline-block;}
    .con-left {width:100%;margin:0;padding-bottom:30px;}
    .con-left .Sec h3 {display:inline-block;width:100%;padding-bottom: 10px;}
    .con-left .Sec .cl-inner {width:100%;}
    .con-left .reference .btn-rectangle {width:18%;}
    .con-left .reference .reference-name {width:82%;padding-left:4%;}
    .con-left .writer {width:100%;border-bottom:1px solid #ddd;padding-bottom:35px;}
    .con-left .writer h3 {padding-bottom: 0;}
    
    .con-right {width:100%;}
    .con-right .Sec {}
    .con-right .related-info .map img {height:240px;}
    .con-right .related-info .location-info span.location img {width:35px;height:43px;}
    .con-right .related-info .around-list .council ul li .council-icon {width:11%;}
    .con-right .related-info .around-list .council ul li .council-text {width:89%;padding-left:2%;}
    .con-right .related-info .around-list .council ul li .council-icon img {width:35px;height:43px;padding:0;}
    .con-right .multimedia .overlay {}
    
	.detail .header-visual{height:260px;}
	.detail .header-visual .con-title h2{bottom:100px;}
	.detail .header-visual .con-title p{top:100px;}
	.detail .util{bottom:16px;}
	.detail .util .btn-share.on .btn-ai{display:none}
	.detail .util .btn-download,
	.detail .util .btn-print{}
	.detail .btn-ai{bottom:23px;left:0px;right:auto;margin-top:1px}
    .detail .btn-vr-view {left:0px;right: auto;bottom:23px;width:81px;height:36px;}
	.ai-recommend .inner-wrap article{width:100%}
	.keyword{padding-right:0}
	.keyword .cont-tit{float:none}
	.keyword ul{float:none;width:100%;margin-top:10px}
	.keyword .img-area{height:307px}
	.similar-stories{padding:35px 0 0}
	.ai-recommend{overflow:hidden;height:100%;padding:30px 0}
	.con-left .con-top .field-left{width:calc(100% - 80px);padding-top:0}
	.con-left .con-top .field-left li{float:none}
	.con-left .con-top .field-left li.bar:before{display:none}

	.detail .con-left .images:after{content:"";overflow:hidden;clear:both;display:block}
	.mygallery .mygallery1.img-left{margin:20px;margin-left:0}
	.mygallery .mygallery1.img-right{margin:20px;margin-right:0}
	.mygallery .mygallery1.center{margin:20px auto}
	.mygallery .one-image{margin:20px 0}
	.mygallery .mygallery2 figure{width:100%;margin:20px 0;}

	.mygallery .mygallery2.img-small-left figure:first-child, 
	.mygallery .mygallery2.img-small-left figure:last-child, 
	.mygallery .mygallery2.img-small-right figure:first-child,
	.mygallery .mygallery2.img-small-right figure:last-child,
	.mygallery .mygallery3 figure{width:100%}

	.mygallery .mygallery3 figure{margin:20px 0}
	.mygallery .mygallery3 figure:last-child{margin-left:0}
	.mygallery .mygallery2 a,
	.mygallery .mygallery2.img-small-left a, 
	.mygallery .mygallery2.img-small-right a,
	.mygallery .mygallery2.vertical a,
	.mygallery .mygallery3 figure a,
	.mygallery .mygallery3.vertical figure a{height:auto;}

	.tit-table{margin-top:40px}
	.con-add dl dt,
	.con-add dl dd{width:100%}
	.con-add dl dd{margin-top:10px}

	.related-info{height:100%}
	.related-info .map img{height:208px}
	.related-info .around-box-wrap,
	.related-info .around-box{width:100%}
	.around-info{height:216px}
	.related-info .around-list{}

	.multimedia li{width:48%;height:120px;}
	.multimedia li:nth-child(odd){margin-left:0}
	.multimedia li:nth-child(even){margin-left:5px}

	.contents-body .inner-wrap{padding-top:40px}
	.contents-body .article-main{padding-bottom:30px}
	.contents-body .article-main .btn-wrap{padding-top:10px}
	.estimation{padding:20px}
	.star-score .score-list li{margin-left:0}
	.feedback{height:auto}
	.feedback span{width:70px}
	.feedback label{width:calc(100% - 70px)}
	.estimation .btn-submit{width:100%;margin-top:5px}
	.edit-info{padding:20px}
    
    /* 공유팝업 */
	.pop-sharing .pop-wrap {width: 284px;}
	.pop-sharing .link-copy .link-txt {width: 130px;}
	.pop-sharing .link-copy .btn {width:70px;}
	.pop-sharing .sns-list li {width:50px;height:50px;display:inline-block;}
	.pop-sharing .sns-list li img {width:100%;}
	.pop-sharing .sns-list li img {display: inline-block;width:30px;height:30px;padding:10px;border-radius:50%;}
	.pop-sharing .sns-list li p {display:none;}
	.pop-sharing .pop-wrap .Qr {padding:25px 45px;}
	.pop-sharing .pop-wrap .Qr .inner {padding:25px 0px 0px 0px;text-align:center;}
	.pop-sharing .pop-wrap .Qr .inner .Qrimg {padding: 0px 15px 25px;width:150px;display:inline-block;}
	.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
	.pop-sharing .pop-wrap .Qr .inner .Qrtext p {font-size:13px;}
    
	/* 연관 이야기자료*/
	.detail .article-main .list-box .card > li:nth-child(3) ~ li{display:block}
	.detail .article-main .list-box .card > li:nth-child(4) ~ li{display:none}

	/* 멀티미디어 목록 */
	.media-list .tabArea:before{display:none}
	.media-list .tabs{display:none}
	.media-list .tabs-select{display:block;margin-top:32px}
	.media-list .tabs-select select{display:block;width:100%;height:42px;padding:0 10px;border:1px solid #ddd;background:url(/images/icon/icon-selectarrow-blue.png) no-repeat center right 10px;color:#0087cc}
	.media-list .list-input{width:100%;height:42px;margin-top:10px}
	.media-list .list-input button{height:42px}
	.media-list .tabContent{padding:26px 0 100px}
	.flex-images{padding:0}
	.flex-images .item{width:calc(50% - 1%) !important;height:auto !important;margin:1%}
	.flex-images .item:nth-child(odd){margin-left:0}
	.flex-images .item:nth-child(even){margin-right:0}

	/* 지방문화원 소장자료 */
	.resources .list-search-wrap .list-input{width:calc(100% - 50px)}
	.resources .filter-area{float:none}
	.resources .production-year{width:100%;border:none}
	.resources .production-year .filter-head{padding:15px 0;border-bottom:0;background-color:#fff}
	.resources .production-year .filter-head h2{float:left}
	.resources .production-year ul{padding:18px;border:1px solid #ddd;border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;background-color:#f3f3f3}
	.resources .production-year li{position:relative;margin:5px 0}
	.resources .production-year li .check-box{position:absolute;top:-36px;left:202px;margin-left:0}
	.resources .list-box .list > li{width:calc(50% - 8px);height:463px;margin-left:15px;padding:20px 0}
	.resources .list-box .list > li:nth-child(odd){margin-left:0}
	.resources .list-box .data-wrap .btn-rectangle{display:none}

	/* 원문보기 */
	.logo-original{display:none}
	.viewer-contents .btn-m-menu{display:block;position:absolute;top:40px;right:0;z-index:99;width:37px;height:38px;background:url(/images/btn/btn-m-original-menu.gif);text-indent:-9999px}
	.viewer-contents .btn-pop-close{display:block;position:absolute;top:10px;right:4%;width:34px;height:34px;background:url(/images/btn/m-btn-pop-close.png) no-repeat center;text-indent:-9999px}
	.viewer-list .btn-toggle{display:none}
	.m-demmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
	.viewer-list{position:absolute;top:50%;left:50%;width:90%;max-height:82%;margin-left:0;padding-top:0;border-right:0;transform:translate(-50%, -50%)}

	/* 빅데이터 */
	.bigdata .contents{padding:70px 0 0}
	.bigdata .network,
	.bigdata .word-cloud .tabArea{display:none}
	.bigdata .left-cont article{padding:14px 5vw}
	.bigdata .left-cont .tit01{position:absolute;top:70px;left:0;z-index:9;width:100%;padding:12px 20px 15px;background-color:rgba(0,0,0,.5);font:22px "Noto SansM";color:#fff}

	.bigdata .left-cont .btn-object{display:block;position:fixed;bottom:264px;left:5vw;z-index:9;width:40px;height:40px;background:url(/images/btn/btn-bigdata-object.png) no-repeat 0 0;font-size:0;text-indent:-99999px}
	.bigdata .left-cont .object-dim{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;padding:0 12vw;background-color:rgba(0,0,0,.8)}
	.bigdata .left-cont .object-dim .object-wrap{position:relative;top:50%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#fff;transform:translateY(-50%)}

	.bigdata .local-tales .pop-tit{display:block;padding:12px 5vw 15px; font:20px "Noto SansM";color:#222}
	.bigdata .local-tales .btn-pop-close{display:block;position:absolute;top:20px;right:5vw;width:18px;height:18px;background:url(/images/btn/btn-pop-close.png) no-repeat 0 -50px;font-size:0;text-indent:-9999px}
	.bigdata .local-tales li{height:63px;margin-bottom:0;padding:20px 0 20px 45px;border:0;border-top:1px solid #ebebeb}
	.bigdata .check-box input[type="checkbox"] + label:before{top:21px}
	.bigdata .check-box input[type="checkbox"] + label:after{width:22px;height:22px;top:19px;right:5vw;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-position:50% -44px}
	.bigdata .check-box input[type="checkbox"]:checked + label:after{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;background-position:50% 6px}
	.bigdata .word-cloud .btn-toggle-cloud{display:block;position:absolute;top:82px;right:5vw;z-index:9;width:38px;height:38px;background:url(/images/btn/btn-bigdata-cloud.png) no-repeat 0 0;font-size:0;text-indent:-99999px}
	.bigdata .word-cloud .btn-toggle-cloud.active{position:absolute;top:35px;right:5vw;width:18px;height:18px;background:url(/images/btn/btn-close.png) no-repeat 0 0}
	.bigdata .left-cont .word-cloud{padding:0;border-top:0}
	.bigdata .left-cont .word-cloud.active{display:block;position:fixed;top:0;left:0;z-index:999;width:100%;height:100vh;background-color:#fff}
	.bigdata .left-cont .word-cloud.active .tit03{display:block;padding:25px 5vw 15px;border-bottom:1px solid #e6e6e6;font:24px 'noto sansR';font-weight:bold}
	.bigdata .left-cont .word-cloud.active .tabArea{display:block;padding:25px 5vw}
	.bigdata .center-cont{float:none;width:100%;padding:0}
	.bigdata .center-cont button{top:70px;right:5vw}
	.bigdata .right-cont{overflow-y:initial;position:absolute;bottom:30px;left:5vw;width:100%;height:175px;padding:0}
	.bigdata .right-cont .cont-tit{display:none}
	.bigdata .right-cont .btn-list-toggle{display:block;position:fixed;bottom:216px;left:5vw;width:38px;height:38px;background:url(/images/btn/btn-bigdata-list-open.png) no-repeat 0 0;font-size:0;text-indent:-99999px}
	.bigdata .right-cont .list-wrap{overflow:hidden;width:100%;height:175px;padding:0 10px}
	.bigdata .right-cont .list li{float:left;width:330px !important;height:175px;margin-left:20px;padding:20px;border:1px solid #fff;border-radius:4px;background-color:#fff;cursor:pointer}
	.bigdata .right-cont .list .thumb{height:78px;margin-top:0}
	.bigdata .right-cont .list .data-wrap dt{margin:5px 0 0 0}
	.bigdata .right-cont .list .data-wrap dt a{max-height:55px;line-height:1.3;font:18px 'noto sansM';text-decoration:underline;text-underline-position:under}
	.bigdata .right-cont .list .data-wrap .more-view{position:absolute;bottom:20px;width:calc(100% - 40px);max-height:42px;text-align:center}
	.bigdata .right-cont .list .data-wrap .more-view a{display:block;width:100%;padding:11px 0;border:1px solid #e6e6e6;border-radius:4px;background-color:#f6f6f6}
	.bigdata .right-cont .list .data-wrap dt a:hover{border-bottom:0}
	.bigdata .right-cont.active .cont-tit{display:block;padding:15px 5vw}
	.bigdata .right-cont.active .cont-tit .count{font-size:14px;color:#666}
	.bigdata .right-cont.active .cont-tit .count em{font-weight:bold;color:#0087cc}
	.bigdata .right-cont.active .btn-list-toggle{top:80px;right:15px;left:auto;background:url(/images/btn/btn-bigdata-list-close.png) no-repeat center}
	.bigdata .right-cont.active{position:fixed;top:70px;left:0;z-index:9999;background-color:#f6f6f6;width:100%;height:100vh}
	.bigdata .right-cont.active .yScroll{overflow:auto;height:calc(100% - 130px)}
	.bigdata .right-cont.active .list-wrap{height:auto;padding:0 5vw}
	.bigdata .right-cont.active .list-wrap .list{transform:none !important}
	.bigdata .right-cont.active .list-wrap .list li{float:none !important;width:100% !important;margin:0 0 10px 0}        

	/* 통합검색결과 */
	.article-side{display:none}
	.result-top{position:relative;top:48px;margin-bottom:10px}
	.result-search .tabArea{position:absolute;top:-40px;width:100vh;margin:0 -5vw}
	.tab-result li{width:auto;margin:0 20px;padding:0}
	.tab-result li:first-child{border-left:0}
	.tab-result li a{width:auto;border:0;background-color:#fff}
	.tab-result li.active a{border-bottom:2px solid #0087cc}
	.result-search .tabCont{margin-top:102px;border-top:2px solid #333}
	.search-tab-wrap{top:48px;width:100%}
	.rescan-input{width:100%;height:40px}
	.rescan-input input{width:calc(100% - 36px);height:38px}
	.rescan-input button{width:36px;height:38px;background-size:18px 19px}
	.result-search .media-list{padding-top:15px}
	.resources-box .list > li{padding:40px 0}
	.result-search .resources-box .list > li:first-child{padding-top:15px}
	.result-search .resources-box .list > li:last-child{padding-bottom:0}
	.resources-box .data-wrap .tit-txt{max-height:3em}
	.resources-box .list-info{font-size:12px}
	.resources-box .data-wrap .btn-view-original{position:absolute;bottom:0;left:0;width:100%}
	.list-box .data-wrap .btn-rectangle{display:none}

	/* 지역축제정보 목록 */
	.local-festival .list-box .thumb{padding:0 0 0 10px}
	.local-festival .list-box .list > li{padding:15px 0 0}
	.local-festival .list-box .card > li{height:336px;padding:0}
	.local-festival .list-box .card .data-wrap dt .classification span{display:none}
	.local-festival .list-box .card .data-wrap dd{max-height:163px}
	.local-festival .list-box .card .data-wrap dt a{margin-top:18px;min-height:2em}
	.local-festival .list-box .card .thumb ~ .data-wrap dd{max-height:2.6em}
	.local-festival .list-box .card .thumb ~ .data-wrap .list-info{max-height:inherit}

	/* 지역축제정보 상세 */
	.local-festival .detail .info-data dl{width:100%}
	.local-festival .detail .cont-tit{padding:40px 0 15px}
	.local-festival .detail .info-additional ol > li{padding-top:30px}
	.local-festival .detail .map-location{height:395px}
	.local-festival .detail .img-box{height:378px}
	.local-festival .detail .img-box .gallery-img{width:100%;height:270px}
	.local-festival .detail .img-box .thmub-imgs{width:100%}
	.local-festival .detail .img-box .swiper-slide{width:100% !important}
	.local-festival .detail .img-box .swiper-slide .img-wrap{float:left;width:25%;height:70px}
	.local-festival .detail .img-box .thmub-imgs .swiper-container{min-height:70px}
	.local-festival .detail .list-box .card > li{width:calc(50% - 8px)}
	.local-festival .detail .list-box .list > li{padding:40px 0}
	.local-festival .detail .list-box .list > li:first-child{padding-top:10px}
	.local-festival .detail .list-box .list > li:last-child{padding-bottom:0}
	.resources-box .inner-wrap{padding:10px 5vw 50px}

	/* 우리지역놀이_개요커버 */
	.header-visual .page-header{padding:0 5vw}
	.header-visual .page-header h3{font-size:34px}
	.header-visual .page-header h3 span{font-size:18px}
	.header-visual .page-header p{font-size:14px}
	.title-break{margin:4% 0}
	.title-break:after{display:none}
	.btn-scroll-action{bottom:30px}
	.btn-scroll-action .mouse{margin:0 auto 6px}
	/* 우리지역놀이_개요 */
	.bigdata-detail section{padding:35px 0}
	.bigdata-detail .sec-area{margin-bottom:35px}
	.bigdata-detail .sec-area dt{line-height:0;letter-spacing: -2px;}
	.bigdata-detail .sec-area dt span{font:22px 'noto sansR'}
	.bigdata-detail .sec-area dt strong{margin-top:20px;font-size:26px;}
	.bigdata-detail .sec-area dt strong:after{display:none}
	.bigdata-detail .section2 .list{padding:35px 5vw}
	.bigdata-detail .section2 .list dd{padding-top:0}
	.bigdata-detail .thumb{width:100%;height:212px;margin:0 0 10px 0}
	.bigdata-detail .img-right .thumb{margin:0 0 30px 0}
	.bigdata-detail .img-left .thumb-area{width:100%}
	.bigdata-detail .img-left .thumb-area .thumb{width:calc(50% - 4px)}
	.bigdata-detail .img-left .thumb-area .thumb{margin:0 0 30px 8px}
	.bigdata-detail .img-left .thumb-area .thumb:first-child{margin-left:0}
	.bigdata-detail .img-full .thumb-area .thumb{height:133px}
	.bigdata-detail .section3 .list{padding:0;margin-bottom:30px}
	.bigdata-detail .section3 .list:last-child{margin-bottom:0}
	.bigdata-detail .section3 .thumb{height:200px;margin:0 0 40px 0}
	.bigdata-detail .list-area li{width:100%;margin-left:0}
	.bigdata-detail .list-area li .thumb{height:250px;margin:0 0 15px 0}
	.bigdata-detail .list-area .overlay{padding:15px}
	.bigdata-detail .list-area .overlay dt{padding-bottom:10px}
	.bigdata-detail .tabs{margin:35px auto 30px}
	.bigdata-detail .section5 .thumb{width:100%;height:235px}
	.bigdata-detail .section5 .data-wrap,
	.bigdata-detail .section5 .data-wrap.full{width:100%;height:400px;padding:10px 15px}
	.bigdata-detail .tabs li a{width:150px;font:16px 'noto sansM'}
	.bigdata-detail dl dd .btn-wrap .btn-detail-link{width:90%}
	.bigdata-detail .btn-wrap .btn-detail-link:after{margin:7px 0 0 5px}

	/* 우리마을이야기_개요 */
	.bigdata-detail2 section .list-area li,
	.bigdata-detail2 .section3 .list-area li{width:100%;margin-left:0}
	.bigdata-detail2 section .list-area li .thumb{height:270px}
	.bigdata-detail2 section .list-area .overlay{padding:15px}

	/* 지역문화예술인_개요 */
	.bigdata-detail .btn-wrap{margin:30px auto}
	.bigdata-detail .img-left .btn-wrap, 
	.bigdata-detail .img-right .btn-wrap{text-align:center}
	.bigdata-detail3 .btn-detail-link{margin-top:10px !important}
	.bigdata-detail3 .section2 .list-full .thumb{margin:0 0 35px}
	.bigdata-detail3 .section3 .inner-wrap,
	.bigdata-detail3 .section3 .sub-sec .inner-wrap{padding:35px 5vw 0}
	.bigdata-detail3 .section3 .sub-sec .list{padding:0;margin:0 -5vw}
	.bigdata-detail3 .section3 .list{border-bottom:0}
	.bigdata-detail3 .section3 .sub-sec.bg-y .sub-title{padding-bottom:30px}
	.bigdata-detail3 .section3 .sub-sec.bg-y .list dl{padding:20px 5vw}
	.bigdata-detail3 .section3 .sub-sec1 .thumb-area .thumb{width:calc(50% - 5px);height:273px}
	.bigdata-detail3 .section3 .sub-sec2 .inner-wrap,
	.bigdata-detail3 .section3 .sub-sec4 .inner-wrap{padding:35px 5vw 40px}
	.bigdata-detail3 .section3 .sub-sec2 .img-left .thumb{width:100%}
	.bigdata-detail3 .section3 .sub-sec2 dl dd p{padding:0 5vw}
	.bigdata-detail3 .section3 .sub-sec .btn-wrap .btn-detail-link{width:100%}
	.bigdata-detail3 .btn-wrap .btn-detail-link{width:100px;margin:0 2px}
	.bigdata-detail3 .section3 .sub-sec4 dd .thumb,
	.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb,
	.bigdata-detail3 .section3 .sub-sec4 dd .thumb{height:300px}
	.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb{width:100%;margin:0 0 10px 0}
	.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb:nth-of-type(2){width:100%}
	.bigdata-detail3 .section3 .sub-sec5 .thumb-area .thumb:nth-of-type(3){margin-left:0}
	.bigdata-detail3 .section3 .sub-sec5 .inner-wrap{}

	/* 지명의유래_개요 */
	.bigdata-detail4 section .sec-area dt{font:22px 'noto sansR'}
	.bigdata-detail4 section .sec-area dt strong{font:28px 'NotoSansifCJKB'}
	.bigdata-detail4 .section2 .thumb{height:320px}
	.bigdata-detail4 .section2 .btn-wrap{width:100%;padding-right:0}

	.bigdata-detail4 section .sec-area dt span{font:28px 'NotoSansifCJKB'}
	.bigdata-detail4 .section4{padding:35px 0 0}
	.bigdata-detail4 .section4 .thumb{width:100%}
	.bigdata-detail4 .section4 .thumb:last-child{margin-bottom:0}

	/* 지역축제_개요 */
	.bigdata-detail5 .section3 .sec-area dt{margin-bottom:35px}
	.bigdata-detail5 .section2 .thumb-area .thumb{height:223px}
	.bigdata-detail5 .section2 .thumb-area .thumb:last-child{margin-bottom:0}
	.bigdata-detail5 .section3 .img-right .thumb{height:362px;margin:0 0 35px 0}
	.bigdata-detail5 .section3 .btn-wrap{width:100%;padding-right:0}
	.bigdata-detail5 .section4 .sec-area dt{margin-bottom:30px}

	/* 지역의설화_개요 */
	.bigdata-detail6 .section3 .list-area li{width:100%}
	.bigdata-detail6 .section3 .list-area li .thumb{height:270px}
	.bigdata-detail6 .section3 .inner-wrap{padding:50px 5vw 35px}
	.bigdata-detail6 .section3 .sub-sec .sub-title{margin-bottom:35px}
    
    .themes-sub-depth-nav {top: 80px;}
    .sub-chapter06 .text-wrap {height:auto;min-height: 220px;}

	/********** 2020 renewal Start **********/
	div.bigdata-detail section .btn-wrap {margin-bottom:0;}
	div.bigdata-detail section .btn-wrap.size-type1 .btn-detail-link {width:95%;max-width:340px;margin-top:12px;}
	div.bigdata-detail section .btn-wrap.size-type1 a:first-child {margin-top:0;}

	/* 노동요 */
	div.bigdata-detail.work-song section.section1 div.tabContent {margin-top:30px;}
	div.bigdata-detail.work-song section.section1 div.tabContent .btn-wrap .btn-detail-link {margin:10px auto 0;}
	div.bigdata-detail.work-song section.section2 .women-divers div.info {display:block;}
	div.bigdata-detail.work-song section.section2 .women-divers div.info div.illustration {width:100%;}
	div.bigdata-detail.work-song section.section2 .women-divers div.info div.lyrics {padding:40px;}
	div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide {padding:40px 25px;}
	div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery {display:block;}
	div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery div.illustration {width:100%;}
	div.bigdata-detail.work-song section.section2 .women-divers div.photo-guide div.gallery div.illustration.first {margin:0 0 30px;}
	div.bigdata-detail.work-song section.section2 div.side-contents.free div.outer div.item {padding-left:30px;padding-right:30px;}
	div.bigdata-detail.work-song section.section2 div.side-contents.free div.outer div.item div.inner div.lyrics {height:auto;padding:30px 24px;}

	div.bigdata-detail.work-song section.section3 div.side-contents div.outer div.item.front {margin-bottom:40px;}
	div.bigdata-detail.work-song section.section3 div.side-contents div.outer div.item.front div.inner,
	div.bigdata-detail.work-song section.section3 div.side-contents div.outer div.item.back div.inner {padding:0;}
	div.bigdata-detail.work-song section.section4 div.side-contents div.outer {padding:0;}
	div.bigdata-detail.work-song section.section4 div.side-contents div.outer div.item div.audio-player div.inner {padding:25px 15px;}
	div.bigdata-detail.work-song section.section5 div.inner-wrap div.sub-section div.lyrics {padding:30px 15px;}

	/* 관방문화 */
	div.bigdata-detail.defense-culture section.section1 div.swipe-slide-banner {height:auto;}
	div.bigdata-detail.defense-culture section.section1 div.swiper-slide.side-contents div.outer {padding:0;}
	div.bigdata-detail.defense-culture section.section1 div.info {height:466px;padding:40px 20px;}
	div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap {margin-top:45px;}
	div.bigdata-detail.defense-culture section.section1 div.info div.btn-wrap a.btn-detail-link {width:100%;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul {top:-72px;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li {
		width:52px;
		height:98px;
		padding-top:25px;
		margin-left:5px;
		font-size:12px;
		background-position:left 50% bottom 12px;
	}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.intro-tab-menu ul li strong {font-size:16px;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer {padding:0 5vw;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.current div.viewer span {width:63px;height:124px;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul {display:block;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul > li {width:100%;padding-top:8px;margin-top:8px;}
	div.bigdata-detail.defense-culture section.section2 div.signal-system div.type ul > li:first-child {margin-top:0;}
	div.bigdata-detail.defense-culture section.section2 div.map-intro {display:block;padding:0 5vw;}
	div.bigdata-detail.defense-culture section.section2 div.map-intro div.image,
	div.bigdata-detail.defense-culture section.section2 div.map-intro div.info {width:100%;}
	div.bigdata-detail.defense-culture section.section2 div.map-intro div.info {padding:20px;margin-top:40px;}
	div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li {padding:20px 0 20px 70px;}
	div.bigdata-detail.defense-culture section.section2 div.map-intro div.info ol > li div.btn-wrap {position:static;margin:20px 0 0;text-align:left;}
	div.bigdata-detail.defense-culture section.section4 div.military-service {padding:0 5vw;}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list {flex-wrap:wrap;height:auto;}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li {width:50%;height:160px;background-image:none;}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li.first {border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li.last {border-left:1px solid rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.2);}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li strong {font-size:32px;}
	div.bigdata-detail.defense-culture section.section4 div.military-service ul.group-list > li p {padding:0 5vw;text-align:center;}
	div.bigdata-detail.defense-culture section.section5 div.thumbnail-list {padding:0 5vw;}
	div.bigdata-detail.defense-culture section.section5 div.thumbnail-list ul.items > li {width:100%;height:auto;}
	div.bigdata-detail.defense-culture section.section5 .sec-area.green-shadow dt span {font-size:24px;}

	/* 한국의 가옥 */
	div.bigdata-detail.house section.section2 div.side-contents div.item div.inner {padding:39px 19px;}
	div.bigdata-detail.house section.section2 ul.dotted-list > li {font-size:14px;}
	div.bigdata-detail.house section.section3 div.thumbnail-list > li {padding:30px 0;}
	div.bigdata-detail.house section.section3 div.thumbnail-list div.info {padding:30px 5vw 0;}
	div.bigdata-detail.house section.section4 div.side-contents div.item.back div.illustration:last-child  {margin-top:20px;}

	/* 한국의 기록문화 */
	div.bigdata-detail.record section.section1 div.side-contents div.item.back div.illustration:last-child  {margin-top:20px;}
	div.bigdata-detail.record section.section1 .wood div.thumbnail-list li {margin-top:60px;}
	div.bigdata-detail.record section.section1 .wood div.thumbnail-list li:first-child {margin-top:0;}
	div.bigdata-detail.record section.section1 .besides div.inner-wrap div.thumbnail-list ul.items > li {width:100%;margin:20px 0 0;}
	div.bigdata-detail.record section.section1 .besides div.inner-wrap div.thumbnail-list ul.items > li:first-child {margin-top:0;}
	div.bigdata-detail.record section.section1 .besides div.research-material div.thumbnail-list ul.items {flex-direction:row;flex-wrap:wrap;}
	div.bigdata-detail.record section.section1 .besides div.research-material div.thumbnail-list ul.items > li {width:47.4%;}
	div.bigdata-detail.record section.section1 .besides div.research-material div.thumbnail-list ul.items > li.first-line {margin-top:0;}
	div.bigdata-detail.record section.section2 .life {padding-left:5vw;padding-right:5vw;}
	div.bigdata-detail.record section.section2 .life div.inner-wrap {padding:0;}
	div.bigdata-detail.record section.section2 .life div.thumbnail-list {padding:10px 10vw;}
	div.bigdata-detail.record section.section2 .life div.thumbnail-list div.illustration {width:100%;}
	div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.illustration div.frame {padding-bottom:15px;}
	div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info {padding:20px 0 0;}
	div.bigdata-detail.record section.section2 .life div.thumbnail-list div.info div.btn-wrap {position:static;text-align:left;}
	div.bigdata-detail.record section.section2 .arts div.thumbnail-list {padding:0 5vw;}
	div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.illustration {width:100%;}
	div.bigdata-detail.record section.section2 .arts div.thumbnail-list div.info {padding:30px 40px 40px;}
	div.bigdata-detail.record section.section2 .home-training div.dictionary dl {display:block;}
	div.bigdata-detail.record section.section2 .home-training div.dictionary dl dd {margin-top:20px;}
	div.bigdata-detail.record section.section3 p.desc {padding:40px 30px;}

	/* 한국의 석조문화 */
	div.bigdata-detail.stone section.section1 .menhir div.thumbnail-list ul.items > li {max-width:47.4%;}
	div.bigdata-detail.stone section.section2 div.comic-guide {padding:40px 15px;}
	div.bigdata-detail.stone section.section2 div.comic-guide div.illustration div.frame img {width:100%;}
	div.bigdata-detail.stone section.section2 .stone-pagoda div.inner-wrap {padding:0 5vw;}
	div.bigdata-detail.stone section.section2 div.timeline ul {display:block;}
	div.bigdata-detail.stone section.section2 div.timeline ul > li {width:100%;height:auto;margin-top:30px;}
	div.bigdata-detail.stone section.section2 div.timeline ul > li:first-child {margin-top:0;}
	div.bigdata-detail.stone section.section2 div.timeline ul > li:after {top:-18px;left:0;right:0;margin:0 auto;transform: rotate(90deg);}
	div.bigdata-detail.stone section.section2 div.timeline ul > li div.btn-wrap {position:static;margin-top:30px;}
	div.bigdata-detail.stone section.section3 .royal-tomb div.inner-wrap {padding:0 5vw;}
	div.bigdata-detail.stone section.section3 .royal-tomb div.illustration div.frame {height:auto;}
	div.bigdata-detail.stone section.section3 .royal-tomb div.illustration div.frame span.dimd {display:none;}
	div.bigdata-detail.stone section.section3 .royal-tomb div.illustration div.frame > img {display:block;}
	div.bigdata-detail.stone section.section3 .royal-tomb div.illustration ol.name-tag {display:none;}
	div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary {padding:20px;}
	div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li {display:block;margin-top:25px;}
	div.bigdata-detail.stone section.section3 .royal-tomb ol.dictionary > li p {padding:0;margin-top:5px;}
	/********** 2020 renewal End// **********/

	/*.multimedia li {height: 186px;}*/
	.overlay {}
	.overlay .point {}
	.overlay a span {top: 0%;height:auto;color: #fff;text-align:center;}
    .con-right .multimedia .overlay .text.Box {height:39px;text-align:center;}
    .con-right .multimedia .overlay .overlay-origin {margin-top:10px;}
    
    .pop-Npoint {left: auto;width: 90%;margin: 0% 5%;}
	#Npoint a {left:-60px;}
    
    
    /********** 2021 renewal Start **********/
    
    /* 철문화 */
    .bigdata-detail.steel-culture section {padding:80px 0px;}
    .bigdata-detail.steel-culture .sec-area dt {line-height:50px;}
    .bigdata-detail.steel-culture .sec-area dt strong {font-size:34px;position: relative;display: inline;line-height: 30px;}
    /*
    .bigdata-detail.steel-culture .sec-area dt strong::before {content: '';position: absolute;bottom: 0;left: 50%;width: 100%;height: 20px;background-color: rgba(179, 199, 13,0.3);transform: translateX(-50%);z-index: -1;}
    */
    .bigdata-detail.steel-culture .sec-area dt span {font-size:34px;display: inline;}
    
    .underline {line-height: 2.0;background-image: linear-gradient(transparent calc(100% - 3px), #000 3px);background-repeat: no-repeat;background-size: 100% 100%;transition: background-size 0.8s;cursor: pointer;}
    .underline.green {background-image: linear-gradient(transparent 60%, #4e541c 40%);}
    .underline.orange {background-image: linear-gradient(transparent 60%, #614b0e 40%);}
    .underline.orange2 {background-image: linear-gradient(transparent 60%, rgba(231,178,0,0.3) 40%);}
    .underline.blue {background-image: linear-gradient(transparent 60%, rgba(8, 192, 211,0.3) 40%);}

    .bigdata-detail.steel-culture .section1 .img-box {display:inline-block;}
    .bigdata-detail.steel-culture .section1 .img-box .img-list {margin-bottom:10px;}
    .bigdata-detail.steel-culture .section2 .count-box ul {display:inline-block;width:100%;}
    .bigdata-detail.steel-culture .section2 .count-box ul:nth-of-type(1) li:nth-of-type(1) {width: 98%;margin: 10px 1.0%;}
    .bigdata-detail.steel-culture .section2 .count-box ul li {width:31.3%;height:96px;float:left;margin:0% 1.0% 10px;}
    .bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) {margin-top:10px;}
    .bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) strong {font-size:32px;}
    .bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(1) span {font-size:14px;}
    .bigdata-detail.steel-culture .section2 .count-box ul li p:nth-of-type(2) {font-size:16px;}
    
    .bigdata-detail.steel-culture .section4 .img-box {flex-wrap: wrap;}
    .bigdata-detail.steel-culture .section4 .img-box .text-sec {width:100%;margin-bottom:30px;}
    .bigdata-detail.steel-culture .section4 .img-box .img-sec {width:100%;}
    
    .bigdata-detail.steel-culture .section5 div.tab-menu ul > li > a {width:105px;line-height: 20px;word-break: keep-all;display: flex;align-items: center;justify-content: center;}
    .bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box {flex-wrap: wrap;}
    .bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list {margin-bottom:40px;}
    .bigdata-detail.steel-culture .section5 .tab-box .tabContent .img-box .img-list .thum .img {width:100%;}
    
    .bigdata-detail.steel-culture .section6 .tab {flex-wrap: wrap;position: relative;}
    .bigdata-detail.steel-culture .section6 .tabs {height:auto;display:none;}
    .bigdata-detail.steel-culture .section6 .tab select.mobile {display:inline-block;width:100%;padding:0% 5%;border-radius:3px;background:#fff;height:60px;font-size:20px;font-weight: 600;margin-bottom:20px;position: relative;}
    .bigdata-detail.steel-culture .section6 .tab:before {content: "";position: absolute;top: 26px;right: 20px;width: 20px;height: 14px;margin-top: -2px;background: url(/images/icon/icon-selectarrow-dark.png) no-repeat center;z-index: 99;}
    .bigdata-detail.steel-culture .section6 .tab_content {padding: 0;}
    .bigdata-detail.steel-culture .section6 .tabs_item .con-box h2 {display:none;}
    
    /* 오래된 가게 */
    .bigdata-detail.oldshop .sec-area dt strong {font-size:34px;display: inline;line-height: 54px;}
    .bigdata-detail.oldshop .sec-area dt strong span {font-size:34px;}
    .bigdata-detail.oldshop .section1 div.tab-menu ul {flex-wrap:wrap;}
    .bigdata-detail.oldshop .section1 div.tab-menu ul > li {margin:0% 3% 15px 0%;width:48%;}
    .bigdata-detail.oldshop .section1 div.tab-menu ul > li:nth-of-type(2n+2) {margin-right:0;}
    .bigdata-detail.oldshop .section1 div.tab-menu ul > li > a {width:100%;}
    .bigdata-detail.oldshop .section1 .tab-box .con-box {flex-wrap: wrap;}
    .bigdata-detail.oldshop .section1 .tab-box .con-box > div {width:100%;}
    .bigdata-detail.oldshop .section1 .tab-box .con-box > .img-sec {margin-bottom:20px;}
    .bigdata-detail.oldshop .section1 .tab-box .con-box > .text-sec {margin-left:0;height:auto;}
    
    .bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul {flex-wrap:wrap;margin-bottom:20px;}
    .bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li {margin:0% 3% 15px 0%;width:48%;}
    .bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li:last-child {margin-right:0;}
    .bigdata-detail.oldshop .section2 div.tab-menu-sec2 ul > li > a {width:100%;}
    .bigdata-detail.oldshop section .image-accordion {display:inline-block;width:100%;}
    .bigdata-detail.oldshop section .image-accordion .acc-list {margin:0px 0px 10px;opacity: 1;height:200px;display: flex;align-items: center;}
    .bigdata-detail.oldshop section .image-accordion .acc-list img {width:100%;height:370px;object-fit: cover;}
    .bigdata-detail.oldshop section .image-accordion .selected-image {height:370px;}
    .bigdata-detail.oldshop section .image-accordion .acc-list .img-sec {width:100%;}
    .bigdata-detail.oldshop section .image-accordion .acc-list .text-sec {top:43%;}
    
    .bigdata-detail.oldshop .section3 .con-box {flex-wrap:wrap;}
    .bigdata-detail.oldshop .section3 .con-box .fl {width:100%;margin:0;margin-bottom:50px;}
    .bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(1) {font-size:24px;}
    .bigdata-detail.oldshop .section3 .con-box .text-sec p:nth-of-type(3) {margin-top:30px;}
    
    .bigdata-detail.oldshop .section5 .con-box .sec1 {flex-wrap: wrap;}
    .bigdata-detail.oldshop .section5 .con-box .sec1 .fl {width:100%;height:200px;overflow: hidden;margin:0;margin-bottom:20px;border-radius:8px;}
    .bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec {height:100%;}
    .bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec img {height:auto;}
    .bigdata-detail.oldshop .section5 .con-box .sec1 .img-sec::after {bottom:0%;}
    .bigdata-detail.oldshop .section5 .con-box .sec2 {flex-wrap: wrap;}
    .bigdata-detail.oldshop .section5 .con-box .sec2 .fl {width:100%;margin:0;margin-bottom:30px;padding: 30px 8%;}
    .bigdata-detail.oldshop .section6 .image-accordion {display:inline-block;}
    
    /* 지역 이색박물관 */
    .bigdata-detail.museum .sec-area dt strong {font-size:34px;line-height:50px;display:inline;}
    .bigdata-detail.museum .sec-area dt strong span {font-size:34px;}
    .bigdata-detail.museum .section1 .con-box .info {width:100%;}
    .bigdata-detail.museum .section1 .con-box .graph1 .con-sec {padding:40px 15px;}
    .bigdata-detail.museum .section1 .con-box .graph1 .con-sec .mid {width:100%;overflow: auto;}
    .bigdata-detail.museum .section1 .con-box .graph1 .con-sec .mid img {width:1166px;}
    .bigdata-detail.museum .section1 .con-box .graph1 .con-sec .bot p {padding:0px 10px;}
    .bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid {flex-wrap: wrap;}
    .bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > .left-sec {width:100%;margin:0;padding:30px 5% 30px;margin-bottom:40px;}
    .bigdata-detail.museum .section2 .con-box .graph2 .con-sec .mid > .right-sec {width:100%;margin:0;padding:30px 5% 30px;}
    .bigdata-detail.museum .section3 {z-index: 99;}
    .bigdata-detail.museum .section3 .tab-box .tab {flex-wrap: wrap;}
    .bigdata-detail.museum .section3 .tab-box .tab .tab_content {display: none;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box {width:100%;height:1280px;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area {padding:0% 2%;position: relative;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > div {flex-grow: 0;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > .area {flex-grow: 2;min-width: 90px;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > .more {flex-grow: 0;width: 100%;position:absolute;top:0px;left:0px;z-index: 99;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > .more a {display:block;text-indent: -999999px;width:100%;background-position: 96% center;padding-right:0;}
    .bigdata-detail.museum .section3 .tab-box .tab .tabs .list-area > div {font-size:14px;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .head-area {justify-content: flex-end;padding-right:1%;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .head-area > div {font-size:16px;width:19%;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area {padding: 0px 1% 0% 2%;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area .Title {font-size:16px;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area > div {font-size:16px;width:19%;}
    .bigdata-detail.museum .section3 .tab-box .tab .list-box .footer-area .Title {flex:1;}
    .bigdata-detail.museum .section3 #mCSB_1_container {padding:0% 2%;}
    .bigdata-detail.museum .section3 .popup {margin-top:80px;}
    
    .bigdata-detail.museum .section4 {min-width: 100%;}
    .bigdata-detail.museum .section4 .inner-wrap {padding:0;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box {flex-wrap: wrap;display: inline-block;height:auto;width:100%;vertical-align: top;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec {width:100%;min-width:auto;height: 350px;padding:5%;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title {padding:0;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec {width:100%;min-width: auto;padding:10% 5% 5%;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec > div {padding:0px 10px;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-button-next, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-prev {display:none;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-button-prev, .bigdata-detail.museum .section4 .mySwiper .swiper-rtl .swiper-button-next {display:none;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title h3 {font-size:40px;line-height: 55px;margin-top:30px;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .left-sec .title p br {display:none;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .title h3 {font-size: 24px;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-slide .inner-box .right-sec .title p {padding:0;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination {width:90%;margin:0% 5%;left:auto;bottom:auto;top:260px;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet {background: #fff;color:#222;position: absolute;top:0px;left:0px;margin-bottom:5px;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet-active:after {transform: rotate(90deg);}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) {z-index: 9;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {z-index: 8;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {z-index: 7;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(4) {z-index: 6;}
    .bigdata-detail.museum .section4 .mySwiper .swiper-pagination .swiper-pagination-bullet:nth-of-type(5) {z-index: 5;}
    
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap {padding: 30px 0px 0px;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card {width: 49%;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card:nth-of-type(3n+3) {margin-right: 2%;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card:nth-of-type(2n+2) {margin-right: 0%;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card a {height: 350px;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-gutter {width: 20px;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-thumb {}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-title {line-height: 1.3; margin-bottom: 12px;}
    .bigdata-detail.museum .section4 .mySwiper .sort-card-gride-wrap .card a {height: 380px;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-txt {height:100%;}
    .bigdata-detail.museum .section4 .mySwiper .card-gride-wrap .card-summary {font-size:14px;line-height: 1.6;height:245px;}
    
    .popup .pop-wrap {position: absolute;left: 0%;top: 0%;transform: translate(0%, 0%);}
    .pop-museum {width:100%;height:100%;}
    .pop-museum .tab .tab_content {display:inline-block !important;padding:0;}
    .pop-museum .inner {padding:20px;min-height:400px;}
    .pop-museum .pop-close {top:50px;right:5%;}
    .pop-museum h3 {padding:45px 5% 110px;}
    .pop-museum .inner .con-box #selectBox {top: 115px;left: auto;transform: translate(0%, 0%);width: 90%;height: 45px;background-position: 92%;}
    .pop-museum .tabs_item_pop .head-sec {height:auto;}
    .pop-museum .tabs_item_pop .head-sec .left-sec {width:30%;}
    .pop-museum .tabs_item_pop .head-sec .right-sec {width:100%;text-align: left;}
    .pop-museum .tabs_item_pop .head-sec .right-sec .data-info {font-size:13px;letter-spacing: -1px;}
    .pop-museum .tabs_item_pop .body-sec table thead {display:none;}
    .pop-museum .tabs_item_pop .body-sec table colgroup {display:none;}
    .pop-museum .tabs_item_pop .body-sec table tr {display:inline-block;width:100%;border-bottom:1px solid #ddd;padding:15px 0px;position: relative;}
    .pop-museum .tabs_item_pop .body-sec table tr td {display: flex;flex-wrap: wrap;align-items: center;width: 100%;border-bottom:0;padding:0px;font-size:14px;color:#777;text-align:left;position: relative;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(1) {display:inline-block;color:#222;font-size:16px;width: 16%;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(2) {display:inline-block;color:#222;font-size:16px;width: 11%;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(3) {display:inline-block;color:#222;font-size:16px;width: 70%;text-align: left;padding-right: 10%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;top: 5px;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(4) {display: inline;padding-right:3%;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(5) {display: inline;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(6) {display: inline-block;position: absolute;right: 10px;top: 28px;width: auto;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(6) a span {display:none;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(1):after {content: "/";display: inline-block;position: absolute;right:0px;top:3px;font-size:14px;}
    .pop-museum .tabs_item_pop .body-sec table tr td:nth-of-type(4):after {content: "/";display: inline-block;position: absolute;right:0px;top:0px;font-size:14px;}
    .pop-museum .tabs_item_pop .body-sec {height: calc(100vh - 400px);}
    
    .paging > div {min-width:20px;}
    .paging .btn-next {margin-right:0;margin-left:5px;}
    
    /* 한국의 강과 바다 */
    .bigdata-detail.sea-river .header-visual .header-box .river-box {width:0;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box .title-box {position: absolute;left:0;bottom: 205px;width:90%;margin:0% 5% 0%;border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;border-radius: 3px;padding: 18px 25px;height:72px;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Tit {margin-bottom:0px;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Tit span.Txt {font-size:32px;line-height: 32px;opacity: 0.7;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Tit span.arr {float:right;margin-right:0;width:55px;display: none;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box .title-box .Con {width:100%;margin:0;font-size:14px;line-height: 18px;text-shadow: 0 0 0 rgba(0,0,0,0);opacity: 1;display: none;}
    
    .bigdata-detail.sea-river .header-visual .header-box .sea-box {width:0;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box {position: absolute;left:0;bottom: 35px;width:90%;margin:0% 5% 0%;border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;border-radius: 3px;padding: 18px 25px;text-align: left;height:72px;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Tit {margin-bottom:0px;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Tit span.Txt {font-size:32px;line-height: 32px;opacity: 0.7;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Tit span.arr {float:right;margin-right:0;width:55px;margin-left: 0px;background-position: center right;display: none;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box .title-box .Con {width:100%;margin:0;font-size:14px;line-height: 18px;text-shadow: 0 0 0 rgba(0,0,0,0);opacity: 1;display: none;}
    
    .bigdata-detail.sea-river .header-visual .header-box.river {background-size: 1400px 100%;background-position: center left;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active {width:100%;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box {position: absolute;left:0;bottom: 120px;width:90%;margin:0% 5% 0%;background: rgba(231, 178, 0, 0.4);border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;border-radius: 3px;padding: 25px 25px;height:160px;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box .Tit {margin-bottom:15px;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box .Tit span.Txt {font-size:32px;line-height: 32px;opacity: 1;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box .Tit span.arr {float:right;margin-right:0;width:55px;display: inline-block;}
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box .Con {width:100%;margin:0;font-size:14px;line-height: 18px;text-shadow: 0 0 0 rgba(0,0,0,0);opacity: 1;display: block;letter-spacing: -1px;}
    
    .bigdata-detail.sea-river .header-visual .header-box.sea {background-size: 1400px 100%;background-position: center right;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active {width:100%;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box {position: absolute;left:0;bottom: 35px;width:90%;margin:0% 5% 0%;background: rgba(231, 178, 0, 0.4);border: 1px solid rgba(231, 178, 0, 0.3);box-sizing: border-box;border-radius: 3px;padding: 25px 25px;text-align: left;height:160px;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box .Tit {margin-bottom:15px;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box .Tit span.Txt {font-size:32px;line-height: 32px;opacity: 1;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box .Tit span.arr {float:right;margin-right:0;width:55px;margin-left: 0px;background-position: center right;display: inline-block;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box .Con {width:100%;margin:0;font-size:14px;line-height: 18px;text-shadow: 0 0 0 rgba(0,0,0,0);opacity: 1;display: block;text-align: left;}
    
    .bigdata-detail.sea-river .header-visual .header-box > div .title-box .Tit {filter: blur(0px);-webkit-filter: blur(0px);}
    .bigdata-detail.sea-river .header-visual .page-header {width:100%;}
    .bigdata-detail.sea-river .header-visual .page-header h3 img {width:100%;}
    .bigdata-detail.sea-river .header-visual .page-header h3 span {margin-bottom:10px;}
    
    .bigdata-detail.sea-river .nav-box {width:49.9%;height: 70px;line-height: 67px;}
    .bigdata-detail.sea-river .nav-box .menu {height:70px;width:100%;background: rgba(0,0,0,0.7);}
    .bigdata-detail.sea-river .nav-left-box {top:auto;bottom:0px;z-index: 999;border-right:1px solid #555;}
    .bigdata-detail.sea-river .nav-right-box {top:auto;bottom:0px;z-index: 999;}
    .bigdata-detail.sea-river .nav-box .menu .Text {position: static;width:115px;}
    .bigdata-detail.sea-river .nav-left-box .menu .Text {transform: rotate(0deg);border:0;margin:0;font-size:18px;text-align: right;}
    .bigdata-detail.sea-river .nav-right-box .menu .Text {transform: rotate(0deg);border:0;margin:0;font-size:18px;text-align: left;}
    .bigdata-detail.sea-river .nav-left-box .nav-home-btn .Text {text-align: center;}
    .bigdata-detail.sea-river .nav-right-box .nav-home-btn .Text {text-align: center;}
    .bigdata-detail.sea-river .nav-left-box .menu:after {content: "";position: absolute;left:10%;top:36px;width:26px;height:1px;background: #fff;}
    .bigdata-detail.sea-river .nav-right-box .menu:after {content: "";position: absolute;right:10%;top:36px;width:26px;height:1px;background: #fff;}
    .bigdata-detail.sea-river .nav-left-box .menu:before {content: "";position: absolute;left:10%;top:32px;width:10px;height:1px;background: #fff;transform: rotate(-45deg);}
    .bigdata-detail.sea-river .nav-right-box .menu:before {content: "";position: absolute;right:10%;top:32px;width:10px;height:1px;background: #fff;transform: rotate(45deg);}
    
    .bigdata-detail.sea-river .river-content {padding-bottom:68px;background: #222;}
    .bigdata-detail.sea-river .river-content .section1 {height:100%;}
    .bigdata-detail.sea-river section .sec-area dt strong {display: inline;font-size:34px;line-height: 54px;}
    .bigdata-detail.sea-river section .sec-area dt strong span {font-size:34px;}
    .bigdata-detail.sea-river .river-content .section1 .sec-area dd {padding:0% 5%;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap {padding:0;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .sec-area {position: relative;top:245px;display: inline-block;height:auto;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box {flex-wrap: wrap;height:100%;margin-top:150px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list {width:100%;height:130px !important;border-right:0;border-bottom: 1px solid rgba(255,255,255,0.2);}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(1) {top:20px;font-size:16px;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(2) {top:10px;font-size:32px;margin-bottom:0;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list p:nth-of-type(3) {top:55px;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on p:nth-of-type(3) a {display:inline-block;}
    
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on:nth-of-type(1) {transform: none;background: url(/images/intro/seariver/img-river-sec1-1.png) center no-repeat;background-size: cover;height:200px !important;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on:nth-of-type(2) {transform: none;background: url(/images/intro/seariver/img-river-sec1-2.png) center no-repeat;background-size: cover;height:200px !important;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on:nth-of-type(3) {transform: none;background: url(/images/intro/seariver/img-river-sec1-3.png) center no-repeat;background-size: cover;height:200px !important;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on:nth-of-type(4) {transform: none;background: url(/images/intro/seariver/img-river-sec1-4.png) center no-repeat;background-size: cover;height:200px !important;}
    .bigdata-detail.sea-river .river-content .section1 .inner-wrap .con-box .river-box .river-list.on:nth-of-type(5) {transform: none;background: url(/images/intro/seariver/img-river-sec1-5.png) center no-repeat;background-size: cover;height:200px !important;}
    
    .bigdata-detail.sea-river .pop-river {width:100%;height: calc(100vh - 0px);border-radius:0;top:0px;padding:60px 5%;}
    .bigdata-detail.sea-river .pop-river .pop-close {right:22px;}
    .bigdata-detail.sea-river .pop-river .inner {flex-wrap: wrap;overflow: auto;height:100%;}
    .bigdata-detail.sea-river .pop-river .inner > div {width:100%;}
    .bigdata-detail.sea-river .pop-river .inner .left-sec {margin:0 0 20px;}
    .bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(2) {margin-bottom:15px;}
    .bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(4) {position: relative;bottom:auto;top:0px;margin-bottom:15px;}
    .bigdata-detail.sea-river .pop-river .inner .right-sec p:nth-of-type(5) {position: relative;bottom:auto;top:0px;}
    .bigdata-detail.sea-river .pop-river .inner .right-sec p a {min-width:100%;font-size:14px;}
    .bigdata-detail.sea-river .river-content .section2 .con-box .q-list {height:auto;line-height: normal;padding:26px 5%;}
    .bigdata-detail.sea-river .river-content .section2 .con-box .q-list .num {width:20%;}
    .bigdata-detail.sea-river .river-content .section2 .con-box .q-list .q-text {width:80%;text-align: left;line-height: 33px;}
    .bigdata-detail.sea-river .river-content .section3 .con-box .con-1 {flex-wrap: wrap;display: inline-block;width:100%}
    .bigdata-detail.sea-river .river-content .section3 .con-box .con-1 .img-list {margin-bottom:20px;max-width: 100%;}
    .bigdata-detail.sea-river .river-content .section3 .con-box .con-2 {flex-wrap: wrap;margin-bottom:80px;}
    .bigdata-detail.sea-river .river-content .section3 .con-box .con-2 .text-list {margin-bottom:30px;max-width: initial;}
    .bigdata-detail.sea-river .river-content .section3 .con-box2 {padding:50px 5vw;}
    .bigdata-detail.sea-river .river-content .section3 .con-box2 .inner {flex-wrap: wrap;}
    .bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list {margin:0;margin-bottom:40px;width:100%;}
    .bigdata-detail.sea-river .river-content .section3 .con-box2 .inner .img-list:last-child {margin-bottom:0;}
    .bigdata-detail.sea-river .river-content .section4 .con-box .con-1 {flex-wrap: wrap;}
    .bigdata-detail.sea-river .river-content .section4 .con-box .img-list {margin-bottom:50px;max-width:inherit;}
    .bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Img {margin-bottom:20px;}
    .bigdata-detail.sea-river .river-content .section4 .con-box .img-list .Txt p:nth-of-type(3) {margin-top:30px;}
    
    .bigdata-detail.sea-river .sea-content {padding-bottom:68px;background: #222;}
    .bigdata-detail.sea-river .sea-content .section1 {height:100%;padding-top: 110px;}
    .bigdata-detail.sea-river .sea-content .section1 .con-box {flex-wrap: wrap;}
    .bigdata-detail.sea-river .sea-content .section1 .con-box > div {width:100%;}
    .bigdata-detail.sea-river .sea-content .section1 .con-box .left-box {margin-bottom:40px;}
    .bigdata-detail.sea-river .sea-content .section1 .con-box .left-box img {width:100%;}
    
    .bigdata-detail.sea-river .sea-content .section2 .con-box {flex-wrap: wrap;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box > div {width:100%;max-width: inherit;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box .left-box {margin-bottom:40px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box .right-box img {width:100%;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(1) {font-size:30px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(2) {font-size:32px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box .left-box .foreshore p:nth-of-type(3) {font-size:16px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 {padding:80px 5vw;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(2) {font-size:32px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(2) span {font-size:32px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(3) {font-size:18px;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-1 .foreshore p:nth-of-type(4) br {display:none;}
    
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 {flex-wrap: wrap;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list {margin-bottom:30px;width:100%;}
    .bigdata-detail.sea-river .sea-content .section2 .con-box2 .inner .con-2 .foreshore-list img {width:100%;}
    
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list {width:49%;margin:0 1% 30px 0;height: 165px;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list:nth-of-type(2n+2) {margin-right:0;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .title-sec p:nth-of-type(1) {font-size:14px;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .text-sec {font-size:14px;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec {max-height: initial;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec img {height:100%;}
    .bigdata-detail.sea-river .sea-content .section3 .con-box .island .island-list .img-sec a {height:110px;}
    
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list {flex-wrap: wrap;margin-bottom:20px;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .left-box {width:100%;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box {width:100%;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .left-box:nth-of-type(1) {background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.1);margin:0px 0px 10px;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > div p br {display:none;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(2) {padding:0;}
    .bigdata-detail.sea-river .sea-content .section4 .con-box .fishing .fishing-list > .right-box p:nth-of-type(3) {position: static;text-align: center;padding:20px 0px 0px;}
    
    /* 한국의 산과샘 */
    .bigdata-detail.mountain-water section .sec-area dt strong {font-size:44px;}
    .bigdata-detail.mountain-water section .sec-area dt strong span {font-size:44px;}
    .bigdata-detail.mountain-water section .sec-area dd {font-size:14px;}
    
    .bigdata-detail.mountain-water .river-content .section1 {height:100%;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap {padding:120px 5vw 120px;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .sec-area {left:auto;top:0px;height:auto;}
    .bigdata-detail.mountain-water .river-content .section1 .sec-area {margin-bottom:50px;}
    .bigdata-detail.mountain-water .river-content .section1 .sec-area dd {font-size:44px;}
    .bigdata-detail.mountain-water .river-content .section1 .sec-area dd {padding:0;font-size:14px;}
    .bigdata-detail.mountain-water .river-content .section1 .sec-area dd br {display:none;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box {flex-wrap: wrap;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box > div {width:100%;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec h3 {font-size: 26px;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec p:nth-of-type(1) {font-size:16px;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info p {font-size:14px;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info p span:nth-of-type(1) {width:25%;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec .info p span:nth-of-type(2) {width:75%;display: inline-block;}
    .bigdata-detail.mountain-water .river-content .section1 .inner-wrap .con-box .left-sec p.data {font-size:12px;margin-bottom:20px;}
    
    .bigdata-detail.mountain-water .river-content .section2 {height:100%;}
    .bigdata-detail.mountain-water .river-content .section2 .inner-wrap .con-box .graph-sec {width:100%;height:180px;background-size:100% 100% !important;}
    .bigdata-detail.mountain-water .mountainSwiper {padding:30px 25px 50px}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-slide {width:100%;height:auto;padding:20px 20px 30px;flex-wrap: wrap;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec {width:100%;margin:0 0 15px;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-slide .right-sec {width:100%;} 
    .bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(4) {margin-top:15px;margin-bottom:30px;font-size:14px;height: auto;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-slide .left-sec p:nth-of-type(5) a {width:100%;}
    .bigdata-detail.mountain-water .innerSwiper {padding-bottom:30px;}
    .bigdata-detail.mountain-water .innerSwiper .swiper-slide {height:auto;}
    .innerSwiper .swiper-horizontal>.swiper-pagination-bullets, .innerSwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .innerSwiper .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0px;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-button-next, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-prev {left:auto;right:-1%;margin-left:0;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-button-prev, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-next {left:-1%;margin-left:0;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-button-next:after, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-prev:after {font-size:25px;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-button-prev:after, .bigdata-detail.mountain-water .mountainSwiper .swiper-rtl .swiper-button-next:after {font-size:25px;}
    .bigdata-detail.mountain-water .mountainSwiper .swiper-pagination-progressbar {width:100%;left:0;margin-left:0;}
    .bigdata-detail.mountain-water .river-content .section3 .con-box .q-list {height:auto;line-height: normal;padding:26px 5%;}
    .bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .num {width:20%;}
    .bigdata-detail.mountain-water .river-content .section3 .con-box .q-list .q-text {width:80%;text-align: left;line-height: 33px;}
    
    .bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(1) {font-size:26px;}
    .bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(2) {font-size:26px;}
    .bigdata-detail.mountain-water .sea-content section .con-box .title-sec p:nth-of-type(3) {font-size:14px;opacity: 0.6;}
    .bigdata-detail.mountain-water .sea-content .section1 div.tab-menu ul {justify-content: space-between;padding:0% 15%;}
    .bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .inner {flex-wrap: wrap;padding:50px 20px;}
    .bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec {width:100%;margin:0 0 20px;}
    .bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .right-sec {width:100%;}
    .bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .right-sec p {font-size:14px;}
    .bigdata-detail.mountain-water .sea-content .section1 .con-box .tabContent .left-sec .img-sec::after {bottom:2%;}
    
    .bigdata-detail.mountain-water .sea-content .section2 {height:100%;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 {flex-wrap: wrap;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .fl {width:100%;height:200px;overflow: hidden;margin:0;margin-bottom:20px;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec {height:100%;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec img {height:auto;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec1 .img-sec::after {bottom:0%;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 {flex-wrap: wrap;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl {width:100%;margin:0;margin-bottom:30px;padding: 30px 8%;max-width: inherit;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(1) {font-size:18px;}
    .bigdata-detail.mountain-water .sea-content .section2 .con-box .sec2 .fl p:nth-of-type(2) {font-size:14px;height:120px;}
    
    .bigdata-detail.mountain-water .sea-content .section3 {height:100%;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 {flex-wrap: wrap;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .fl {width:100%;height:200px;overflow: hidden;margin:0;margin-bottom:20px;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec {height:100%;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec img {height:auto;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec1 .img-sec::after {bottom:0%;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 {flex-wrap: wrap;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl {width:100%;margin:0;margin-bottom:30px;padding: 30px 8%;max-width: inherit;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(1) {font-size:18px;}
    .bigdata-detail.mountain-water .sea-content .section3 .con-box .sec2 .fl p:nth-of-type(2) {font-size:14px;height:120px;}
    
    .IMG img.PC {display:none;}
    .IMG img.MOBILE {display:inline-block;}

	.bigdata-detail section {width:100%;padding: 60px 0%;}
    .bigdata-detail section .tit-box h2 {font-size: 34px;}
    .bigdata-detail section .tit-box h2::after {top:27px;display: none;}
    .bigdata-detail section .tit-box h2 br {display: inline-block;}
    .bigdata-detail section .tit-box h2 span {position: relative;}
    .bigdata-detail section .tit-box h2 span::after {content: '';background: #E7B200;opacity: 0.3;border-radius: 30px;position: absolute;top:27px;left:0px;width:100%;height:20px;z-index: -1;}
    .bigdata-detail section .tit-box p {font-size: 16px;line-height: 24px;}
    .bigdata-detail .sec-area dt strong {font-size:32px;display: inline;line-height: 54px;word-break: keep-all;}
    .bigdata-detail .sec-area dt strong span {font-size:32px;font-family: 'NotoSansifCJKEL';font-weight: bold;}
    
    /* 이색직업 */
    .job .sec1 .con-box {}
    .job .sec1 .con-box .tit {font-size: 30px;}
    .job .sec1 .con-box .card-list {white-space:nowrap;overflow-x: auto;text-align:center;padding: 10px 5px 10px 5%;}
    .job .sec1 .con-box .card-list .list {display:inline-block;width:100%;min-width:250px;padding: 10px 10px;margin-right:10px;}
    .job .sec1 .con-box .card-list .list:hover .txt .desc {display: inline-block;width: 100%;white-space: normal;}
    
    .job .sec2 .con-box .card-box {}
    .job .sec2 .con-box .card-box .tit .img p {font-size: 30px;line-height: 40px;letter-spacing: -1px;}
    .job .sec2 .con-box .card-box .card-list {white-space:nowrap;overflow-x: auto;padding: 10px 5px 10px 5%;}
    .job .sec2 .con-box .card-box .card-list .list {display:inline-block;width:100%;height:600px;min-width:94%;margin-right:3%;}
    .job .sec2 .con-box .card-box .card-list .list .img {width:95%;}
    .job .sec2 .con-box .card-box .card-list .list .img img {width:100%;}
    .job .sec2 .con-box .card-box .card-list .list .desc p:nth-child(2) {display: inline-block;width: 100%;white-space: normal;font-size:14px;}
    .job .sec2 .con-box .card-box .card-list .list .img .source {left:4%;}
    
    .job .sec3 .con-box {padding:0% 5%;}
    .job .sec3 .con-box .video-box .txt {position: static;width:100%;margin-top:20px;}
    .job .sec3 .con-box .video-box .txt p {color:#222;}
    .job .sec3 .con-box .video-box .txt p:nth-of-type(1) {font-size: 24px;line-height: 36px;}
    .job .sec3 .con-box .video-box .txt p:nth-of-type(2) {font-size: 16px;line-height: 24px;color:#222;}
    
    .job .sec4 {padding-top:130px;}
    .job .sec4 .con-box {padding:0% 5%;}
    .job .sec4 .swiperjob .swiper-slide {flex-direction: column;height:auto;}
    .job .sec4 .swiperjob .swiper-slide .left-sec {padding:30px 30px;}
    .job .sec4 .swiper-pagination-txt {background:none;width:90%;top:65px;}
    .job .sec4 .swiper-pagination-bullet {background:#fff;font-size:15px;height:40px;line-height: 40px;margin:0% 1%;}
    .job .sec4 .swiper-pagination-bullet-active {background: #DB7C00;}
    .job .sec4 .swiper-button-next, .job .sec4 .swiper-button-prev {display: none;}
    
    /* 지역인물 */
    .local-person .sec-area dt strong {font-size:32px;display: inline;line-height: 54px;}
    .local-person .sec-area dt strong span {font-size:32px;font-family: 'NotoSansifCJKEL';font-weight: bold;}
    .local-person .section1 {background-size:cover;}
    .local-person .section1 .con-box {flex-direction: column;height: auto;}
    .local-person .section1 .con-box .tab_content .swiper-container {padding-bottom:100px;}
    .local-person .section1 .con-box .tit {flex-direction: column;width:100%;align-items: flex-start;margin-bottom:70px;border-bottom:1px solid #895A00;}
    .local-person .section1 .con-box .tit span .line {display: none;}
    .local-person .section1 .con-box .tit span:nth-child(2) {margin:10px 0 20px;width:100%;align-items: flex-start;}
    .local-person .section1 .con-box .tit span:nth-child(2) p {writing-mode: initial;letter-spacing: -2px;}
    .local-person .section1 .con-box .tabs-sec1 {top:185px;}
    .local-person .section1 .con-box .tab_content {width:100%;order:2;}
    .local-person .section1 .con-box .tab_content .swiper-container .swiper-slide:nth-child(even) {margin:0;}
    .local-person .section1 .con-box:nth-child(odd) .tit {order:1;}
    .local-person .section1 .con-box:nth-child(odd) .tit span:nth-child(1) {order:1;}
    .local-person .section1 .con-box:nth-child(odd) .tit span:nth-child(2) {order:2;}
    .local-person .section1 .con-box:nth-child(odd) .tabs-sec1-4 {top:185px;left:0px;right:auto;}
    .local-person .section1 .con-box:nth-of-type(2) .tit,
    .local-person .section1 .con-box:nth-of-type(3) .tit {margin-bottom:40px;}
    .local-person .section1 .swiper-container .swiper-wrapper .swiper-slide .img-sec {margin-bottom:10px;}
    .local-person .section1 .con-box .swiper-button-prev-1, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-1, .local-person .section1 .con-box .swiper-button-prev-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-2, .local-person .section1 .con-box .swiper-button-prev-3, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-3, .local-person .section1 .con-box .swiper-button-prev-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-next-4 {
    top:auto;left:auto;bottom:5px;right:80px;
    }
    .local-person .section1 .con-box .swiper-button-next-1, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-1, .local-person .section1 .con-box .swiper-button-next-2, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-2, .local-person .section1 .con-box .swiper-button-next-3, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-3, .local-person .section1 .con-box .swiper-button-next-4, .local-person .section1 .con-box .swiper-container-rtl .swiper-button-prev-4 {
    top:auto;left:auto;bottom:0px;right:0px; 
    }
    
    .local-person .section2 .yesno {height:690px;background: url(/images/intro/local-person/bg-sec2-02-mo.png) center no-repeat;background-size: 100% 100%;}
    .local-person .section2 .positionFit {height:690px;padding:0px 60px;}
    .local-person .section2 .positionFit h3 {font-size:24px;line-height: 34px;}
    .local-person .section2 .yesno ul {flex-direction: column;width:100%;}
    .local-person .section2 .yesno ul li {margin-bottom:10px;}
    .local-person .section2 .yesno .answer-box {padding:60px;}
    .local-person .section2 .yesno .answer-box .inner {flex-direction: column;height:550px;}
    .local-person .section2 .yesno .answer-box .inner .left-sec {width:100%;}
    .local-person .section2 .yesno .answer-box .inner .right-sec {margin:0;width: 100%;}
    .local-person .section2 .yesno .answer-box .inner .right-sec .box-list .list {width:100%;padding:0% 15%;font-size:14px;letter-spacing: -1px;}
    
    .local-person .section3 {background-size:cover;}
    .local-person .section3 .inner-wrap {margin:0;width:100%;}
    .local-person .section3 .con-box .person3swiper {height:800px;}
    .local-person .section3 .con-box .person3swiper .swiper-slide {background-position: center top !important;background-size:140% 210px !important;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner {width:100%;height:auto;padding:30px 20px;top:210px;bottom:auto;flex-direction: column;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner .tit-sec {width:100%;margin-bottom:20px;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner .txt-sec {width:100%;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner .tit-sec p {writing-mode: initial;letter-spacing: -1px;font-size:24px;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner .txt-sec p:nth-of-type(1) {height:340px;}
    .local-person .section3 .con-box .person3swiper .swiper-slide .inner .tit-sec p br {display:none;}
    .local-person .section3 .swiper-pagination-txt3 {right:auto;left:0px;bottom:0px;width:100%;overflow-x:auto; white-space:nowrap;}
    
    /* 의복 */
    .apparel .section1 {background: url(/images/intro/apparel/bg-sec1-mo.jpg) center no-repeat;background-size: 100% 100%;}
    .apparel .section1 .con-box .tab-menu-sec1apparel ul {transform: translateX(0%);position: static;white-space:nowrap;overflow-x: auto;border-radius: 0;height:60px;}
    .apparel .section1 .con-box .tab-menu-sec1apparel ul > li {margin: 0% 8%;}
    .apparel .section1 .swiper-container {padding:30px 30px 100px;}
    .apparel .section1 .swiper-container .swiper-slide {padding:0;flex-direction: column;}
    .apparel .section1 .swiper-container .swiper-slide .left-sec {width:100%;margin:0;margin-bottom:30px;}
    .apparel .section1 .swiper-container .swiper-slide .right-sec {width:100%;margin:0;}
    .apparel .section1 .con-box .swiper-button-next, .apparel .section1 .con-box .swiper-button-prev {top:auto;bottom:30px;width:48px;height:48px;}
    .apparel .section1 .con-box .swiper-button-prev {left:auto;right:90px;}
    .apparel .section1 .con-box .swiper-button-next {right:35px;}
    
    .apparel .section2 .con-box .top-sec p:nth-child(1) {font-size: 30px;line-height: 43px;}
    .apparel .section2 .con-box .top-sec p:nth-child(1) span {display: block;}
    .apparel .section2 .con-box .mid-sec .card-list {flex-direction: column;}
    .apparel .section2 .con-box .mid-sec .card-list .list {width:100%;margin-bottom:30px;}
    .apparel .section2 .con-box .mid-sec .card-list .list .txt-box p:nth-child(3) a::before {width:75%;}
    .apparel .section2 .con-box .bot-sec .txt-list {background: url(/images/intro/apparel/bg-sec2-2-mo.png) center no-repeat;padding:0px 55px;background-size: 100% 100%;}
    .apparel .section2 .con-box .bot-sec .txt-list .list {flex-direction: column;}
    .apparel .section2 .con-box .bot-sec .txt-list .list span:nth-child(1) {width:100%;margin-bottom:10px;}
    .apparel .section2 .con-box .bot-sec .txt-list .list span:nth-child(2) {width:100%;}
    
    .apparel .section2-2 .con-box .top-sec {margin-bottom:30px;}
    .apparel .section2-2 .con-box .top-sec p:nth-child(1) {font-size:30px;}
    .apparel .section2-2 .con-box .top-sec p:nth-child(1) span {display: block;}
    .apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide {flex-direction: column;}
    .apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .left-sec {width:100%;padding:40px;}
    .apparel .section2-2 .con-box .mid-sec .sec2swiperapparel .swiper-slide .right-sec {width:100%;height:450px;padding:40px;background-size:cover;justify-content: flex-start}
    .apparel .section2-2 .swiper-pagination-progressbar {right:auto;left:0px;width:100%;}
    .apparel .section2-2 .swiper-button-prev {right:48px !important;left:auto;}
    .apparel .section2-2 .swiper-button-next, .apparel .section2-2 .swiper-button-prev {width:48px !important;height:48px !important;}

    .apparel .section3 .con-box .tabs_item .inner .left-sec {display: none;}
    .apparel .section3 .con-box .tabs_item .inner .right-sec {width:100%;}
    
    .apparel .section4 .time-progress-nav.fixed {}
    .apparel .section4 .time-progress-wrap {padding:0px;}
    .apparel .section4 .time-progress-nav .years li a {font-weight: 500;font-size: 16px;padding:0px 0px;}
    .apparel .section4 .time-progress-nav .years li a::after {height:40px;top:-5px;}
    .apparel .section4 .time-progress-nav .years li.on a {width: 40px;;height:40px;line-height: 40px;padding:0px 0px;}
    .apparel .section4 .time-progress-nav .progress .bar {width:auto;}
    .apparel .section4 .time-progress-con {flex-direction: column;align-items: center;}
    .apparel .section4 .years-wrap {width:100%;margin-bottom:80px;}
    .apparel .section4 .years-wrap:nth-child(even) {top:0px;}
    .apparel .time-progress-nav .years li.on a::after {right:-8px;top:0px;}
    
    /* 어업 */
    .fishing .section1 .con-box .tab .tab_content {display: none;}
    .fishing .section1 .con-box .tab .list-box {width:100%;padding:20px 0px;}
    .fishing .section1 #mCSB_1_container {padding:0% 2% 0% 0%;}
    .fishing .section1 .con-box .tab .tabs .list-fish {flex-direction: column;justify-content: center;}
    .fishing .section1 .con-box .tab .tabs .list-fish .tit {width:100%;}
    .fishing .section1 .con-box .tab .tabs .list-fish .more {width:100%;text-align: left;}
    .fishing .section1 .con-box .tab .tabs .list-fish > .more a {width:auto;height:auto;line-height: normal;background:none !important;color:#555;text-decoration: underline;}
    .fishing .section1 .con-box .tab .tabs .list-fish.current > .more a {color:#fff !important;}
    .fishing .section1 .con-box .tab .tabs .list-fish .tit p:nth-child(1) {font-weight: 700;font-size: 18px;line-height: 30px;}
    .fishing .section1 .con-box .tab .tabs .list-fish .tit p:nth-child(2) {font-weight: 500;font-size: 14px;line-height: 21px;margin-bottom:10px;}
    
	.fishing .section2 {background-size:cover;}
    .fishing .section2 .con-box .image-accordion {flex-direction: column;}
    .fishing .section2 .con-box .image-accordion .acc-list {height:166px;flex: auto;margin:0px 0px 10px;}
    .fishing .section2 .con-box .image-accordion .acc-list.selected-image {height:360px;flex: auto;top:0;object-fit: fill;}
    .fishing .section2 .con-box .image-accordion .acc-list .img-sec .icon-box {top:18%;}
    .fishing .section2 .con-box .image-accordion .acc-list .img-sec > img {width:100%;object-fit: fill !important;vertical-align: middle;}
    .fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec {top:45%;}
    .fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec p:nth-child(1) {font-size:20px;}
    .fishing .section2 .con-box .image-accordion .acc-list.selected-image .text-sec p:nth-child(2) {font-size:14px;line-height: 20px;}
    
    .fishing .section2 .con-box:nth-of-type(2) .tab_content {margin-bottom:80px;}
    .fishing .section2 .con-box:nth-of-type(2) .tabContent .inner {flex-direction: column;align-items: flex-start}
    .fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .left-sec {width:100%;}
    .fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .left-sec .img-sec {overflow: hidden;}
    .fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .left-sec .img-sec img {width:130%;}
    .fishing .section2 .con-box:nth-of-type(2) .tabContent .inner .right-sec {width:100%;padding:140px 4% 30px;}
    .fishing .section2 .con-box:nth-of-type(2) .tab-menu {top:270px;left:calc(50% - 140px);}
    
    .fishing .section2 .con-box:nth-of-type(2) .video-box {flex-direction: column;}
    .fishing .section2 .con-box:nth-of-type(2) .video-box .left-sec {width:100%;margin:0 0 30px;}
    .fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec {width:100%;}
    .fishing .section2 .con-box:nth-of-type(2) .video-box .right-sec p:nth-child(2) {color:#555;}
    
    .fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .img-sec {height:auto;}
    .fishing .section2 .con-box:nth-of-type(3) .sec2swiperfishing .swiper-slide .img-sec img {vertical-align: top;}
    .fishing .section2 .swiper-horizontal > .swiper-pagination-progressbar, .fishing .section2 .swiper-pagination-progressbar.swiper-pagination-horizontal, .fishing .section2 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .fishing .section2 .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:60%;}
    
    .fishing .section3 .con-box:last-child {margin-bottom:0;}
    .fishing .section3 .con-box .card-box {white-space:nowrap;overflow-x: auto;display: block;}
    .fishing .section3 .con-box .card-box .list {display: inline-block;width:285px;margin-right:15px;margin-bottom:0;}
    .fishing .section3 .con-box .card-box .list p:nth-child(2) {white-space: normal;}
    .fishing .section3 .con-box .banner-box {display: none;}
    
    .fishing .section3 .con-box .sec3swiperfishing .swiper-slide {opacity: 0;}
    .fishing .section3 .con-box .sec3swiperfishing .swiper-slide-active {opacity: 1;}
    .fishing .section3 .con-box .sec3swiperfishing .paging-box {left: calc(50% - 50%);top:58vw;width: 100%;}
    .fishing .section3 .swiper-horizontal > .swiper-pagination-progressbar, .fishing .section3 .swiper-pagination-progressbar.swiper-pagination-horizontal, .fishing .section3 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .fishing .section3 .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:60%;}
    
    
    /* 독립운동 */
    .independent .header-visual .btn-box {bottom:10%;}
    .independent section {padding:0;}
    .independent section .inner-wrap {padding:0;}
    .independent .page-header h3 img {width:100%;}
    .independent .sec-nav {right:auto;left: auto;top:auto;bottom:0%;flex-direction: row;width:100%;height: auto;}
    .independent .sec-nav button {height:70px;width:50%;}
    .independent .sec-nav button span {writing-mode: initial;}
    
    .independent .section1 .pop-box .inner {margin:0% 5%;}
    .independent .section1 .pop-box .inner .tit-box {}
    .independent .section1 .pop-box .inner .tit-box .tit {width:60%;}
    .independent .section1 .pop-box .inner .tit-box .more {width:40%;text-align: right;}
    
    .independent .sec1swiper-independent .swiper-slide .year-tit {display: none;}
    .independent .sec1swiper-independent .swiper-slide .inner {flex-direction: column;padding:0px 5%;width:100%;min-width: inherit;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec {order:2;}
    .independent .sec1swiper-independent .swiper-slide .inner .right-sec {order:1;margin-bottom:10px;}
    .independent .sec1swiper-independent .swiper-slide .inner .right-sec img {width:100%;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .tit {font-size: 22px;line-height: 34px;letter-spacing: -1px;margin-bottom:10px;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .tit br {display: none;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .dec {font-size: 14px;line-height: 20px;}
    
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box {justify-content: space-between;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list {max-width: inherit;width:32%;margin:0;}
    .independent .sec1swiper-independent .swiper-slide .inner .left-sec .con .list-box .list .img-sec p {font-size:13px;line-height: 18px;letter-spacing: -1px;}
    .independent .section1 .sec1swiper-independent .swiper-pagination-independent {bottom:auto;top:80px;display: block;white-space: nowrap;overflow-x: auto;width: 100%;padding:0% 0%;}
    .independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet {font-size:16px;top:0;width:100px;padding:10px 0px;}
    .independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet::before {display: none;}
    .independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet-active::before {display: none;}
    .independent .section1 .sec1swiper-independent .swiper-pagination-clickable .swiper-pagination-bullet-active::after {display: none;}
    
    .independent .sec2swiper-independent > .swiper-wrapper > .swiper-slide:nth-of-type(1) {background-position: 20% 0%;}
    
    .independent .sec2swiper-independent .swiper-wrapper {flex-direction: row;}
    
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner {flex-direction: column;justify-content: center;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner {width:100%;padding:0% 5%;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(1) {max-width: 200px;margin:0 auto 20px;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(1) img {width:100%;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(2) {color: rgba(255,255,255,0.7);}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .left-sec p:nth-child(3) {color: rgba(255,255,255,0.7);}
    
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p.on {font-size: 20px;line-height: 29px;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p.on br:nth-of-type(2) {display: none;}
    
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p:nth-child(5),
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p:nth-child(2),
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner .right-sec p:nth-child(1) {display: none;}
    
    .independent .sec2swiper-independent .swiper-slide-active {z-index: 99;opacity: 1 !important;height:calc(100vh - 300px);overflow-y: auto;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(2) > .inner {width:100%;height:auto;padding:30% 5%;}
    .independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(1) {font-size: 30px;line-height: 43px;}
    .independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(2) {font-size: 16px;line-height: 24px;}
    .independent .sec2swiper-independent .swiper-slide > .inner .tit-box p:nth-of-type(3) {}
    .independent .sec2swiper-independent .tab-box .tab {width:100%;flex-direction: column;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(2) .tab .tab_content {width:100%;padding:5% 5%;margin-bottom:10px;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(2) .tab .list-box {width:100%;padding:5% 5%;}
    
    .independent .sec2swiper-independent .tab-box .tab .tab_content .tabs_item .con-box .inner {white-space: normal;}
    
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list1 {top:70px;left:calc(50% - -60px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list2 {top:110px;left:calc(50% - -30px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list3 {top:160px;left:calc(50% - 0px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 {top:165px;left:calc(50% - 120px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 {top:130px;left:calc(50% - 65px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list6 {top:250px;left:calc(50% - 85px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list7 {top:205px;left:calc(50% - 75px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list8 {top:290px;left:calc(50% - 38px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list9 {top:270px;left:calc(50% - 30px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list10 {top:325px;left:calc(50% - 25px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list11 {top:355px;left:calc(50% - 40px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list12 {top:390px;left:calc(50% - 30px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list13 {top:425px;left:calc(50% - 45px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list14 {top:300px;left:calc(50% - -35px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list15 {top:335px;left:calc(50% - -25px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list16 {top:365px;left:calc(50% - -25px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list17 {top:395px;left:calc(50% - -15px);}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list18 {top:475px;left:calc(50% - 55px);}
    
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count {left:20px;}
    
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list13 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list12 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list11 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list10 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list8 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list7 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list6 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 .count,
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 .count {top:0px;left:auto;right:2px;display: flex;}
    
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list5 .count {right:-30px;top:-30px;}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde.list4 .count {right:-30px;top:-30px;}
    .independent .sec2swiper-independent .tab-box .tab .tabs .list-inde .count::before {display: none;}
    
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(3) > .inner {width:100%;height:auto;padding:30% 5%;}
    
    .independent .sec2-1swiper-independent .swiper-wrapper {flex-direction: initial !important;}
    .independent .sec2-1swiper-independent {height:470px;padding: 10px 0px 70px;}
    .independent .sec2-1swiper-independent .swiper-slide {height:390px;margin:0% 1%;}
    .independent .sec2-1swiper-independent .swiper-slide-active {overflow: visible;}
    .independent .sec2-1swiper-independent .swiper-horizontal > .swiper-pagination-progressbar, .independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-horizontal, .independent .sec2-1swiper-independent .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .independent .sec2-1swiper-independent .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:65%;}
    
    .independent .sec2swiper-independent .popup {position: absolute;top:100px;width:90%;height: calc(100vh - 200px);margin:0px 5%;z-index: 999;overflow: visible;}
    .independent .sec2swiper-independent .popup .pop-wrap {position: absolute;left: 0%;top: 0%;transform: translate(0%, 0%);height:auto;padding:0px 0px 0px;width:100%;height:100%;}
    
    .pop-independent h3 {padding:20px 5% 160px;}
    .pop-independent .inner {padding:5%;} 
    .pop-independent .tabs_item_pop .head-sec {display: flex;justify-content: space-between;margin-bottom:30px;}
    .pop-independent .tabs_item_pop .head-sec .left-sec {float: none;text-align: left;width:35%;}
    .pop-independent .tabs_item_pop .head-sec .right-sec {float: none;text-align: right;width:65%;}
    .pop-independent .tabs_item_pop .body-sec {height:calc(100vh - 560px);overflow-y: auto;}
    .pop-independent .tabs_item_pop .body-sec table {}
    
    .pop-independent .tabs_item_pop .body-sec table col {width: 100% !important;}
    .pop-independent .tabs_item_pop .body-sec table thead {display: none;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr {border-bottom: 1px solid #efefef;text-align: left;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr td {width: 100%;display: flex;margin-bottom: 2px;padding: 5px;border-bottom: none;font-size: 14px;line-height: 18px;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:first-child, 
    .pop-independent .tabs_item_pop .body-sec table tbody tr th:first-child {padding-top: 16px;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:last-child, 
    .pop-independent .tabs_item_pop .body-sec table tbody tr th:last-child {padding-bottom: 15px;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(1) {display: none;}
    /*.pop-independent .tabs_item_pop table tbody tr td:before {display: inline-block;margin-right: 12px;-webkit-box-flex: 0;-ms-flex: 0 0 100px;flex: 0 0 100px;font-weight: 700;content: attr(data-label);}*/
    
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(2),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(3),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(4) {display:inline;text-align: left;font-size:14px;color:#222;font-weight: bold;}

    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(5),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(6),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(7),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(8),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(9),
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(10) {display:inline;text-align: left;font-size: 12px;color:#777;}
    .pop-independent .tabs_item_pop .body-sec table tbody tr td:nth-of-type(11) {display: inline-block;text-align: right;}
    
    .pop-independent .inner .con-box .tit1 {position: absolute;top:85px;left:5%;color:#fff;}
    .pop-independent .inner .con-box #selectBox1 {position: absolute;top:80px;right:5%;width:60%;height:40px;}
    
    .pop-independent .inner .con-box .tit2 {position: absolute;top:145px;left:5%;color:#fff;}
    .pop-independent .inner .con-box #selectBox2 {position: absolute;top:140px;right:5%;width:60%;height:40px;}
    
    .pop-activist .pop-wrap {width:100%;height:100%;border-radius: 0;}
    .pop-activist .inner {height:calc(100vh - 100px);overflow-y: auto;}
    .pop-activist .con-box .top-sec {flex-direction: column;}
    .pop-activist .con-box .top-sec .left-sec {width:100%;margin:0;margin-bottom: 20px;}
    .pop-activist .con-box .top-sec .right-sec {width:100%;}
    .pop-activist .con-box .mid-sec ul {flex-direction: column;}
    .pop-activist .con-box .mid-sec ul li {width:100% !important;height:50px;}
    .pop-activist .con-box .mid-sec ul li:nth-of-type(2) {height:auto;}
    .pop-activist .con-box .mid-sec ul li:nth-of-type(2) p {margin-bottom:10px;}
    
    
    /* 구술자료관 */
    .dictation .header-visual .page-header h3 img {width: 100%;}
    .dictation .header-visual .page-header h3 img.pc {display: none;}
    .dictation .header-visual .page-header h3 img.mo {display: block;}
	.dictation .section1 {top:80px;}
    .dictation .section1 .con-box {background: url(/images/intro/dictation/bg-dictation-pop.png) center no-repeat;background-size:cover;}
    .dictation .section1 .con-box .inner {display: none;}
    .dictation .pop-btn {position: relative;top:auto;right:auto;left:auto;text-align: center;padding:20px 0px;}
    .dictation .pop-btn button {background:rgba(255,255,255,0.2);width:140px;height:50px;border-radius: 50px;display: flex;justify-content: center;align-items: center;margin:0 auto;}
    .dictation .pop-btn button .ico {width:20px;height:20px;margin-right:10px;}
    .dictation .pop-btn button .txt {margin:0;}
    .dictation .section1 .rolling-box {position: relative;right:auto;left:auto;width:100%;display: flex;}
    .dictation .vert .simply-scroll-clip {width:100%;height:85vh;/*overflow: hidden;*/}
    .dictation .section1 .rolling-box > div .item {min-width: inherit;width:100%;height:200px;}
    .dictation .section1 .rolling-box > div:nth-of-type(1) {display: none;left:auto;}
    .dictation .section1 .rolling-box > div:nth-of-type(2) {display: none;}
    .dictation .section1 .rolling-box > div:nth-of-type(3) {display: block;}
    .dictation .simply-scroll-clip:hover::-webkit-scrollbar {width: 0px;}
    
    .dictation .pop-dictation .pop-wrap .inner {padding:160px 3% 0%;}
    .dictation .pop-dictation .pop-wrap .con-box {padding:0% 0%;}
    .dictation .swiper-dictation .swiper-slide .inner {padding:0;}
    .dictation .swiper-dictation .swiper-slide {margin:0;}
    .dictation .pop-dictation .swiper-pagination-dictation {display: flex;width:100%;padding:0% 5%;white-space: nowrap;overflow-x:auto;align-items: flex-start;top:8%;align-items: center;}
    .dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet {padding:0;margin-right:10%;margin-bottom:15px;}
    .dictation .pop-dictation .swiper-pagination-dictation .swiper-pagination-bullet-active .line {display: none;}
    .dictation .swiper-dictation .swiper-slide h3 {display: none;}
    .dictation .box-list {display: flex;flex-wrap: wrap;}
    .dictation .box-list .list {width:48%;margin:1%;height:100px !important;padding:3%;background-size:cover !important;}
    
    .dictation .box-list .list a .are {font-size:11px;max-width:90px;padding: 3px 5px 5px;height:24px;}
    .dictation .box-list .list.big a .tit,
    .dictation .box-list .list a .tit {font-size: 14px;line-height: 20px;height: 60px;width: 95px;}
    
    .dictation .pop-dictation .pop-close {top:0px;}
    .dictation .pop-dictation .pop-close button {width:50px;height:50px;}
    .dictation .pop-dictation .pop-close button .txt {display: none;}

        /* 지역특산물 */
    .specialties section {padding:100px 0px;}
    .specialties section .sec-area {margin-bottom:100px;}
    .specialties section .sec-area::before {left:calc(50% - 15px);}
    .specialties .section1 {background-size: auto 2080px;}
    .specialties .sec-area dt {border-bottom: 1px solid #CBCAC7;padding-bottom:20px;font-size:32px;}
    .specialties .sec-area dt strong {background: none;}
    .specialties .section1 .con-box .seasons-btn {flex-wrap: wrap;justify-content: space-between;margin-bottom:40px;margin-top:140px;}
    .specialties .section1 .con-box .seasons-btn button {margin-bottom:20px;width:46.5%;}
    .specialties .sec1-swiper2 .swiper-slide {flex-direction: column;}
    .specialties .sec1-swiper2 .swiper-slide .img-box {width:100%;margin-bottom:32px;}
    .specialties .sec1-swiper2 .swiper-slide .txt-box {width:100%;margin-left:0;height:260px;margin-bottom:100px;}
    .specialties .sec1-swiper2 .swiper-slide .txt-box .more {right:2px;}
    .specialties .sec1-swiper {width:100%;position: static;}
    .specialties .sec1-swiper .swiper-slide {height:100px;}
    .specialties .section1 .con-box .swiper .swiper-button-next, 
    .specialties .section1 .con-box .swiper .swiper-button-prev {bottom:5%;top:auto;}

    .specialties .section2 .con-box .tit h3 {font-size:28px;}
    .specialties .section2 .con-box .tab-box .tab-menu1 {width: 100%;top:200px;left:0px;}
    .specialties .section2 .con-box .tab-box .tab-menu1 ul {display: flex;justify-content: space-between;}
    .specialties .section2 .con-box .tab-box .tab-menu1 ul li {width:48%;}
    .specialties .section2 .con-box .tab-box .tab-menu2 {width: 100%;top:200px;left:0px;}
    .specialties .section2 .con-box .tab-box .tab-menu2 ul {display: flex;justify-content: space-between;}
    .specialties .section2 .con-box .tab-box .tab-menu2 ul li {width:48%;}
    .specialties .section2 .con-box .tab-box {padding:16px;height:auto;background: url(/images/intro/local-specialties/bg-specialties-sec2-tab-mo.png) center no-repeat;background-size: 100% 100%;height:auto;}
    .specialties .section2 .con-box .tab-box::before {left:16px;top:10px;}
    .specialties .section2 .con-box .tab-box .tabContent .inner-box {flex-direction: column;}
    .specialties .section2 .con-box .tab-box .tabContent .inner-box .tit {margin:100px 0px 108px;}
    .specialties .section2 .con-box .tab-box .tabContent .inner-box .image-accordion {width:100%;height:auto;flex-direction: column;}
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list {flex:none;margin:0;margin-bottom:10px;height:158px;
    -webkit-transition: all 0.0s ease;
    transition: all 0.0s ease;
    }
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image {flex:none;height:400px;}
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list.selected-image .img-sec > img {width:100%;}
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec {height:100%;}
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list .text-sec::after {height:100%;}
    .specialties .section2 .con-box .tab-box .image-accordion .acc-list .img-sec > p {writing-mode: initial;text-align: center;left:auto;right:auto;top:42%;z-index: 0;}
    .specialties .section2 .con-box .video-box {flex-direction: column;}
    .specialties .section2 .con-box .video-box .l-sec {width:100%;margin-bottom:40px;}
    .specialties .section2 .con-box .video-box .l-sec img {width:100%;}
    .specialties .section2 .con-box .video-box .r-sec {width:100%;height:auto;}
    .specialties .section2 .con-box .video-box .r-sec .txt {height:auto;margin:20px 0px 40px;}
    .specialties .section3 .sec-area {padding:50px 5vw 0;}
    .specialties .section3 .con-box > div .list-box .tit {display: flex;align-items: center;}
    .specialties .section3 .con-box > div .list-box .tit img {width:56px;height:56px;}
    .specialties .section3 .con-box > div .list-box .tit span {color: #222;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
    .specialties .section3 .con-box > div .map-box .tit {display: flex;align-items: center;}
    .specialties .section3 .con-box > div .map-box .tit img {width:56px;height:56px;}
    .specialties .section3 .con-box > div .map-box .tit span {color: #fff;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: -0.5px;}
    .specialties .section3 {background: url(/images/intro/local-specialties/bg-specialties-sec3-1.png) center no-repeat;background-size: cover;background-position: 0 -2010px;}
    .specialties .section3 .con-box .tit h3 {font-size:28px;}
    .specialties .section3 .sec1 {background:none;}
    .specialties .section3 .con-box .sec1 .list-box .con {flex-direction: column;}
    .specialties .section3 .con-box .sec1 .list-box .con .list {width:100%;}
    .specialties .section3 .sec2 {background-color: #000;}
    .specialties .section3 .sec2 .tab .tab_content {display:none;}
    .specialties .section3 .sec2 .tab .list-box {width:100%;height:auto;}
    .specialties .section3 .sec2 .tab .tabs .list-area-specialties {flex-direction: column;}
    .specialties .section3 .sec2 .tab .tabs .list-area-specialties .img {width:100%;margin-bottom:24px;}
    .specialties .section3 .sec2 .tab .tabs .list-area-specialties .img img {width:100%;}
    .specialties .section3 .sec2 .tab .tabs .list-area-specialties .tit {margin-bottom:0;width:100%;flex-direction: column;text-align: left;align-items: flex-start;}
    .specialties .section3 .sec3 .online-swiper .swiper-pagination-progressbar {width:65%;margin-right:5%;}
    .specialties .section3 .sec3 .online-swiper .swiper-button-next, .specialties .section3 .sec3 .online-swiper .swiper-button-prev {width:15%;}
    .specialties .section3 .sec3 .banner-box {margin-top:0;}
    .specialties .section3 .sec3 .banner-box .banner {padding:24px;overflow: hidden;}
    .specialties .section3 .sec3 .banner-box .banner .tit {font-size:20px;z-index: 9;position: relative;}
    .specialties .section3 .sec3 .banner-box .banner .more {z-index: 9;position: relative;}
    .specialties .section3 .sec3 .banner-box .banner::before {width:287px;height:163px;background-size:100%;right:30px;bottom:-23px;}

    /* 한국의사찰 */
    .korean-temple section {padding:100px 0px;}
    .korean-temple section .inner-wrap {width:100%;}
    .korean-temple section .inner-wrap .sec-area dt strong {background:none;}
    .korean-temple .section1 .sec-area {margin-bottom:60px;}
    .korean-temple .section1 .sec1-temple-swiper {width:100%;}
    .korean-temple .section1 .sec1-temple-swiper .bot-sec .txt-box {height:auto;padding:30px;padding-top:380px;position:relative;}
    .korean-temple .accordion-container {height:auto;position: static;}
    .korean-temple .accordion-container .set .img {width:100%;margin:0;padding:30px;}
    .korean-temple .accordion-container .set .txt {width:100%;}
    .korean-temple .accordion-container .set .content p.more {display:none;}

    .korean-temple .section2 .inner-wrap {width:100%;}
    .korean-temple .section2 .sec2-temple-swiper {width:100%;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide {flex-direction: column;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec {width:100%;height:auto;margin-top:86px;padding:30px 18px;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec .tit {width:100%;height:98px;background-size:100% 100%;background:url(/images/intro/korean-temple/bg-korean-temple-sec2-tit-mo.png) center no-repeat;font-size:24px;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .left-sec .tit br {display: none;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec {margin-top:30px;width:100%;display: inline-block;margin-bottom:80px;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list {margin-bottom:30px;width:100%;height:auto;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-slide .right-sec .card-list .txt-box .more {display:none;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-pagination {height:86px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.13) 0%, rgba(0, 0, 0, 0.13) 100%), #454E00;left:0;top:0px;display: flex;align-items:center;justify-content: space-between;padding:0px 10px;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet {color: rgba(255, 255, 255, 0.70);font-size: 16px;letter-spacing: -1px;word-break: keep-all;}
    .korean-temple .section2 .sec2-temple-swiper .swiper-pagination .swiper-pagination-bullet::after {background:rgba(255,255,255,0.5);}
    .korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-next, 
    .korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-prev {top:auto;bottom:0px;}
    .korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-prev {left:0px;}
    .korean-temple .section2 .sec2-temple-swiper .nav-box .swiper-button-next {left:74px;}

    .korean-temple .section3 .sec-area dd br {display:none;}
    .korean-temple .section3 .inner-wrap {width:100%;}
    .korean-temple .section3 .con-box .open-box {padding:70px 20px;}
    .korean-temple .section3 .con-box .open-box .img-box {flex-direction: column;}
    .korean-temple .section3 .con-box .open-box .img-box .tit {width:100%;}
    .korean-temple .section3 .con-box .open-box .img-box .img {overflow: hidden;position: relative;width:100%;height:250px;}
    .korean-temple .section3 .con-box .open-box .img-box .img img {height:100%;position: absolute;left:calc(50% - 400px);}
    .korean-temple .section3 .con-box .open-box .txt-box .list {flex-direction: column;}
    .korean-temple .section3 .con-box .open-box .txt-box .list .tit {margin-bottom:20px;}
    .korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc {flex-direction: column;height:auto;}
    .korean-temple .section3 .con-box .open-box .txt-box .list:nth-of-type(2) .desc .box {width:100%;height:auto;margin-bottom:20px;}

    /* 명승지와 절경 */
    .scenic-spot section {padding:100px 0px;}
    .scenic-spot section .inner-wrap {width:100%;}
    .scenic-spot section .inner-wrap .sec-area {margin-bottom:60px;}
    .scenic-spot section .inner-wrap .sec-area dt strong {background:none;}
    .scenic-spot section .inner-wrap .sec-area dt strong span {display: none;}

    .scenic-spot .section1 .inner-wrap .sec-area {height:350px;}
    .scenic-spot .section1 {background-size:100% 1000px;background-position:top center;}
    .scenic-spot .section1 .tab {margin-top:300px;}
    .scenic-spot .section1 .tab .bg-box {top:550px;height:100%;}
    .scenic-spot .section1 .tab .tab-menu {position:absolute;top:520px;width:90%;}
    .scenic-spot .section1 .tab .tab-menu ul li {width:50%;}
    .scenic-spot .section1 .tab .tab-menu ul li a {width:100%;height:68px;line-height: 68px;}
    .scenic-spot .section1 .swiper .swiper-slide {flex-direction: column;}
    .scenic-spot .section1 .swiper .swiper-slide .img-sec {width:100%;margin:0;}
    .scenic-spot .section1 .swiper .swiper-slide .img-sec img {width:100%;}
    .scenic-spot .section1 .swiper .swiper-slide .txt-sec {width:100%;margin-top:32px;}
    .scenic-spot .section1 .swiper .swiper-slide .txt-sec .tit {font-size:24px;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.30);}
    .scenic-spot .section1 .swiper .swiper-slide .txt-sec .more a {width:100%;}
    .scenic-spot .section1 .swiper .swiper-pagination {top:-90px;right:auto;left:calc(50% - 130px);width:260px;margin:0 auto;display: flex;justify-content: space-between;}
    .scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet {display: inline-block;margin:0px;}
    .scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet span {top:20px;left:calc(50% - 50px);text-align: center;}
    .scenic-spot .section1 .swiper .swiper-pagination .swiper-pagination-bullet::after {top:3px;right:auto;left:8px;width:117px;height:1px;}

    .scenic-spot .section2 {background-size:cover;padding-bottom:140px;}
    .scenic-spot .section2 .inner-wrap {width:100%;}
    .scenic-spot .section2 .swiper .swiper-slide {flex-direction:column;}
    .scenic-spot .section2 .swiper .swiper-slide .left-sec {order:2;width:100%;margin-bottom:30px;box-sizing: border-box;}
    .scenic-spot .section2 .swiper .swiper-slide .left-sec .tit {position: absolute;top:0px;}
    .scenic-spot .section2 .swiper .swiper-slide .right-sec {order:1;width:100%;padding-top:100px;margin-bottom:20px;}
    .scenic-spot .section2 .sec2-scenicspot-swiper .swiper-slide .left-sec .box .more {position: static;margin-top:30px;}
    .scenic-spot .section2 .sec2-scenicspot-swiper .nav-box {bottom:140px;}

    .scenic-spot .section3 .inner-wrap {width:100%;}
    .scenic-spot .section3 .sec3-scenicspot-swiper {width:80%;height:140px;padding:0;margin:0px 10%;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper {margin-top:40px;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide {flex-direction: column;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec {width:99.8%;height:420px;padding:15px;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec {width:100%;height:568px;}
    .scenic-spot .section3 .sec3-scenicspot-swiper .swiper-slide p {height:120px;background-size:35px 20px;background-position:center 20px;font-size:20px;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .tit {font-size:26px;text-indent: -15px;margin-bottom:40px;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .left-sec .desc {width:100%;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box p:nth-child(1) {height:180px;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .swiper-slide .right-sec .box p:nth-child(1) img {width:100%;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-next, 
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-prev {top:calc(50% - 380px);}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-next {right: 0;}
    .scenic-spot .section3 .sec3-1-scenicspot-swiper .nav-box .swiper-button-prev {left: 0;}

    .scenic-spot .section4 .sec-area dt p {color: #A16B00;font-size: 20px;font-weight: 600;line-height: normal;letter-spacing: -1px;}
    .scenic-spot .section4 {background-size:cover;}
    .scenic-spot .section4 .inner-wrap {width:100%;}
    .scenic-spot .section4 .con-box {flex-direction: column;}
    .scenic-spot .section4 .con-box .left-sec {width:100%;margin-bottom:30px;}
    .scenic-spot .section4 .con-box .right-sec {width:100%;height:auto;}
    .scenic-spot .section4 .con-box .left-sec .img-box .img {height:430px;border-radius: 180px 180px 0 0;}
    .scenic-spot .section4 .con-box .left-sec h3 {top:0;right:-10px;text-shadow:1px 1px 3px rgba(255,255,255,0.8);}
    .scenic-spot .section4 .con-box .right-sec .list-box .list {margin-bottom:20px;}
    .scenic-spot .section4 .con-box .right-sec .list-box .list .img button {height:100px;}
    .scenic-spot .section4 .con-box .right-sec .list-box .list .txt {font-size:16px;margin-top:10px;}

    /* 한국의공예 */
    .korean-crafts .header-visual .page-header h3 img {height:234px;}
    .korean-crafts .header-visual .page-header p br {display:none;}

    .korean-crafts .btn-list {left:18px;overflow-x: auto;white-space: nowrap;width:95%;display: block;}
    .korean-crafts .btn-list a {display:inline-block;margin-right:5px;width:110px;height:50px;line-height:48px;text-align:center;text-indent:initial;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.50);background: rgba(255, 255, 255, 0.10) !important;color: #FFF;text-align: center;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.50);font-size: 18px;font-weight: 200;letter-spacing: -1px;}
    
    .korean-crafts .section1 .inner-wrap {padding:0 0;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide {flex-direction: column;justify-content: flex-start;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec {margin-top:80px;padding:32px 18px;min-width: auto;width:100%;height:442px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .nav-box {width:90%;margin:0 5%;bottom:60px;left:0;position:fixed;}
    
    
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec {width:100%;height:auto;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper > .swiper-wrapper > .swiper-slide {height:0;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper > .swiper-wrapper > .swiper-slide-active {height:auto;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec {background-position: center 20% !important;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .tit-box {padding:31px 40px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .left-sec .tit-box .tit1 {font-size:17px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec {padding:0px 0px 0px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .inner {padding:0px 18px;width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .tit-box {padding-top:40px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box {padding:40px 0px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list {border-right:0;margin-right:0;margin-bottom:40px;padding-right:0;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .con-box .list-box .list:last-child {margin-bottom:0;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list:last-child {margin-bottom:0;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.wood .right-sec .sec2 .con-box .list-box .list .img img {margin-bottom:10px;}

    .korean-crafts .section1 .tab_content {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 .tab_content .tabs_item > .inner {padding:0;} 
    .korean-crafts .section1 .tabContent-sec1-crafts .tabs_item .inner .left {width:100%;display: none;}
    .korean-crafts .section1 .tabContent-sec1-crafts .tabs_item .inner .right {width:100%;padding-top:80px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec3 {padding-bottom:150px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list {border-right:0 !important;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide .right-sec .sec2 .con-box .swiper .swiper-slide .list .img img {max-width:205px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .img {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .more {text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .type {text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .top .txt .name {text-align: center;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.straw .right-sec .sec3 .con-box .bot .list {width:100%;margin-bottom:40px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .img {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .more {text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .type {text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .top .txt .name {text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.hanji .right-sec .sec3 .con-box .bot .list {width:100%;margin-bottom:40px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top .tit {margin-bottom:32px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec2 .con-box .top .more a {width:100%;margin-bottom:16px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .con-box .list-box {flex-wrap: initial;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.ceramic .right-sec .sec3 .con-box .list-box .list p img {width:100%;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec2 .con-box .swiper .swiper-wrapper {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec2 .con-box .swiper .swiper-slide {width:100% !important;margin-bottom:40px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.metal .right-sec .sec3 .con-box .list-box .list {width:100%;margin-bottom:40px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list {flex-direction: column;border-bottom:0;text-align: center;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .img {margin-right:0;margin-bottom:24px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list:nth-of-type(3) .img {margin-bottom:40px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .nav-box-knot {width:100%;left:0;bottom:auto;top:90px;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-next, 
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-button-prev {width:18px;height:33px;}
    
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .con-box .list-box .list .korean-crafts-knot-swiper-1 .swiper-pagination {position: absolute;top:120px;left: calc(50% - 20px);}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list {margin-bottom:40px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-of-type(1) {width:100%;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.knot .right-sec .sec3 .con-box .list-box .list p:nth-of-type(1) img {width:100%;}

    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .list-box {margin-bottom:30px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .list-box .list {width:100%;margin-bottom:16px;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .btn-box {flex-direction: column;}
    .korean-crafts .section1 .sec1-koreancrafts-swiper .swiper-slide.glass .right-sec .sec3 .con-box .btn-box a {width:100%;margin-bottom:16px;}

}




@media only screen and (max-width:530px){
	.local-festival .list-box .card > li{width:100%}  
	div.bigdata-detail.house section.section3 div.thumbnail-list div.illustration {width:95%;padding:0 2.5%;min-height:230px;}
}

@media only screen and (max-width:400px){
	.multimedia li {height: 124px;}
    .independent .sec1swiper-independent .swiper-slide .inner {height: calc(100vh - 250px);overflow-y:auto;}
    .independent .sec2swiper-independent .swiper-slide:nth-of-type(1) .inner {height: calc(100vh - -115px);overflow-y:auto;}
}

@media only screen and (max-width:320px){
	.detail .util li{margin-right:5px;}
	.detail .util li .sns-menu{left:43px;}
	.keyword ul li:first-child{margin-left:0;}
	.keyword ul li{padding-left:12px}
    
    .bigdata-detail.sea-river .header-visual .header-box .river-box.active .title-box .Con {font-size:12px;}
    .bigdata-detail.sea-river .header-visual .header-box .sea-box.active .title-box .Con {font-size:12px;}
}