.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle !important; border-top: 0px; border-bottom: 1px solid #F5F5F5; padding: 24px 8px;}

@media(min-width: 992px){

	.well{margin-top: 24px; margin-bottom: 40px;}
	/* .gnb .row{padding-right: 92px; text-align: center; margin-left: 0%;} */
	.contents-img{text-align: center; margin-bottom: 83px;}
	.contents-img.bol{display: flex; border: 1px solid #DDDDDD; border-radius: 15px; padding: 30px 80px; align-items: center; justify-content: center;}
	h4{position: relative; font-size: 20px; letter-spacing: 0px; color: #1D1D1D; font-weight: 500; padding-left: 20px; line-height: 24px; margin-bottom: 24px;}
	h4:before{content: ''; position: absolute; left: 0; top: 7px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #fff; border: 3px solid #164475;}

	/* .header-util-wrap {position: absolute; top: 45px; right: 0; z-index: 102;} */

	.sub-contents{padding-top: 56px;}

	.sub-bg-wrap{position: relative; height: 268px; }
	.sub-bg{position: absolute; top: -151.5px; left: 0; width: 100%; height: calc(268px + 151.5px); /* background: url(../images_2025/sub/sub_img1.png) no-repeat center; */ z-index: -1; overflow: hidden;}
	.sub-bg:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1;}
	.sub-bg .bx-wrapper, .sub-bg .bx-viewport{width: 100%; height: 100% !important;}
	.sub-bg .bx-controls{display: none;}
	.sub-bg ul{width: 100%; height: 100%;}
	.sub-bg ul li{width: 100%; height: 100%;}
	.sub-bg ul li .img{display: block; width: 100%; height: 100%;}
	.sub-bg ul li .m-ture{display: none;}
	.sub-bg ul:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.4;}
	.sub-bg-wrap h1{font-size: 42px; line-height: 50px; color: #fff; text-align: center; padding-top: 109.5px; margin-bottom: 61px;}

/* 	.gnb .menu-bg {display:none; background:#fff; position:absolute; top:65px; left:0px; width:100%;   z-index:10;   min-height:342px; border-bottom:1px solid #dbdbdb;border-top: 1px solid #dddddd;}
	.gnb .menu-bg:after {background:url(/pub/site/gti/images/common/menu_bg.svg) no-repeat left 30px bottom 30px; content:''; display:block; position:absolute; top:0px; left:0px; width: calc(50% - 360px);  height: calc(100% + 1px); z-index:1; border: 1px solid #DDDDDD; border-top: none;}
	.gnb .menu-bg .text{position: absolute; top: 128px; left: 50px; text-align: left;}
	.gnb .menu-bg .text h3{font-family: 'TheJamsil5Bold'; font-weight: 600; font-size: 48px; letter-spacing: 0; color: #164475; margin-bottom: 12px;}
	.gnb .menu-bg .text p{font-size: 15px; color: #555; letter-spacing: -0.38px;} */

	.sub-index{padding-bottom: 160px;}

	.breadcrumb-area{height: 48px; background: rgba(0, 0, 0, .4);}
	.breadcrumb{display: flex; padding: 0; text-align: left; background: unset;}
	.breadcrumb a{display: block; color: #FFFFFF; font-size: 17px; letter-spacing: -0.38px; line-height: 48px; padding: 0 14px;}
	.breadcrumb > li{position: relative;}
	.breadcrumb > li+li{border-left: 1px solid rgba(255, 255, 255, .4);}
	.breadcrumb > li{width: 50%;}
	.breadcrumb > li:first-child:nth-last-child(2),
	.breadcrumb > li:first-child:nth-last-child(2) ~ li {width: 50%;}
	.breadcrumb > li:first-child:nth-last-child(3),
	.breadcrumb > li:first-child:nth-last-child(3) ~ li {width: 33.333%;}
	.breadcrumb > li:first-child:nth-last-child(4),
	.breadcrumb > li:first-child:nth-last-child(4) ~ li {width: 25%;}
	.breadcrumb > li:first-child:nth-last-child(5),
	.breadcrumb > li:first-child:nth-last-child(5) ~ li {width: 20%;}	
	.breadcrumb > li:first-child:nth-last-child(6),
	.breadcrumb > li:first-child:nth-last-child(6) ~ li {width: 16.5%;}
	.breadcrumb > li > a{text-align: center;}
	.breadcrumb > li > a.active{background: #164475;}
	.breadcrumb > li > a i{margin-left: 76px;}
	.breadcrumb > li:first-child a i{margin-left: 0;}
	.breadcrumb > li > i{margin: 0 13px;}
	.breadcrumb>li+li:before{display: none;}

	.depth1{position: absolute; display: none;border-bottom: 1px solid #DDDDDD; width: 100%;}
	.depth1 > li{text-align: left; width: 100% !important; background: #164475;}
	.depth1 > li > a{display: inline-block; font-size: 17px; letter-spacing: 0px; color: #fff; padding: 0 14px; line-height: 48px;}
	.depth1 > li > a.active{border-bottom: 2px solid #164475; color: #fff; font-weight: bold; text-decoration: none;}
	/* .depth2 {display: none;} */

	.sub-tab-menu{margin-bottom: 80px;}
	.sub-tab-menu ul{display: none;}
	.sub-tab-menu ul.dl-f{display: flex; justify-content: center; flex-wrap: wrap;}
	.sub-tab-menu ul li a{border: 1px solid #DDDDDD; border-left: 0px;}
	.sub-tab-menu ul li:first-child{border-left: 1px solid #DDDDDD;}
	.sub-tab-menu ul > li:first-child:nth-last-child(1){width: 100%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(2), .sub-tab-menu ul > li:first-child:nth-last-child(2) ~ li{width: 50%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(3), .sub-tab-menu ul > li:first-child:nth-last-child(3) ~ li{width: 33.333%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(4), .sub-tab-menu ul > li:first-child:nth-last-child(4) ~ li{width: 25%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(5), .sub-tab-menu ul > li:first-child:nth-last-child(5) ~ li{width: 20%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(6), .sub-tab-menu ul > li:first-child:nth-last-child(6) ~ li{width: 16.333%;}
	.sub-tab-menu ul > li:first-child:nth-last-child(7), .sub-tab-menu ul > li:first-child:nth-last-child(7) ~ li{width: 14.333%;}
	.sub-tab-menu ul li a{display: inline-flex; width: 100%; align-items: center; justify-content: center; padding: 19px 0; font-size: 19px; font-family: 'Pretendard GOV'; color: #555555; letter-spacing: 0; line-height: 23px;}
	.sub-tab-menu ul li a:hover, .sub-tab-menu ul li a.active{text-decoration: none; border: 1px solid #006295; color: #164475;}

	.content-title{text-align: center; font-size: 40px; letter-spacing: 0px; line-height: 47px; padding-bottom: 80px; color: #000000; font-weight: bold;  word-break: keep-all;}
	.content-title span{display: block; font-size: 32px; font-weight: 300;}

	.contents-list{}
	.contents-list > li{font-family: 'Pretendard GOV'; padding-left: 35px; font-size: 24px; color: #1d1d1d; font-weight: bold; letter-spacing: 0; line-height: 25px; background-image: url(/pub/site/gti/images/sub/tit.svg); background-repeat: no-repeat; background-position: 0px 5px;}
	.contents-list > li+li{padding-bottom: 80px;}
	.contents-list > li:first-child{margin-bottom: 80px;}
	.contents-list > li:last-child{margin-bottom: 0px;}
	.contents-list ul {padding-top: 16px;}
	.contents-list ul li{font-family: 'Pretendard GOV'; font-size: 19px; font-weight: 400; color: #555;}

	.group h3{font-family: 'Pretendard GOV'; font-size: 24px; color: #1d1d1d; font-weight: bold; letter-spacing: 0; line-height: 25px;}
	
	.contents .site-list{max-width: 1200px; margin: 0 auto;}
	.contents .site-list li{text-align: center; margin-bottom: 56px;}
	.contents .site-list .title{display: flex; justify-content: center; align-items: center; margin-bottom: 0px; font-size: 19px; color: #1D1D1D; font-weight: bold; height: 54px;}
	.contents .site-list .img{display: flex; justify-content: center; align-items: center; width: 100%; height: 164px; overflow-y: hidden; border: 1px solid #DDDDDD; margin-bottom: 8px;}
	.contents .site-list .more{display: block; width: 100%; height: 44px; background: rgba(44, 44, 44, .8); font-size: 17px; color: #fff; font-weight: 500; text-align: center; line-height: 44px;}
	.contents .site-list .more i{margin-left: 12px;}

	.contents-num-list{}
	.contents-num-list > li{position: relative; padding-left: 56px; font-size: 24px; letter-spacing: 0px; font-weight: bold; margin-bottom: 16px; font-family: 'Pretendard GOV';margin-bottom: 86px;}
	.contents-num-list > li > strong{position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #164475; border-radius: 50%; color: #fff; left: 0; top: -6px; font-size: 17px;}
	.contents-num-list > li ul.gul{padding-top: 16px;}

	.gul li{position: relative; font-size: 17px; font-family: 'Pretendard GOV'; letter-spacing: -0.42px; color: #555; padding-left: 13px; font-weight: 500; line-height: 29.75px;}
	.gul li:before{content: ''; position: absolute; top: 12px;; left: 0; width: 5px; height: 5px; background: #164475; border-radius: 50%;}

	.board-search .search-input button i{color: #164475;}
	
	.btn-wrap{text-align: center; padding-top: 74px;}
	.btn-wrap .btn{position: relative; padding: 20px 83px 20px 32px; font-size: 20px; letter-spacing: 0px; line-height: 24px; color: #fff; border-radius: 5px; border: none;}
	.btn-wrap .btn:before{content: '\f061'; font-family: "Font Awesome 6 pro"; font-weight: 900; position: absolute; top: 20px; right: 32px; font-size: 16px; color: #fff;}
	.btn-primary, .btn-primary:hover{background-color: #164475; text-deco}
	

	
	


	.establishment .sub-title-img{width: 100%; height: 384px; background: #F5F5F5; margin-bottom: 45px;}


	.vision .list-wrap{}
	.vision .list-wrap .list{display: flex; margin-bottom: 80px; margin-top: 10px;}
	.vision .list-wrap .list .txt{display: flex; width: 11.5%; min-height: 100px; align-items: center; justify-content: center; margin-right: 2.5%; font-family: 'Pretendard GOV'; font-size: 21px; font-weight: bold; color: #1D1D1D; letter-spacing: 0px; background: #fff; border: 1px solid #707070; border-radius: 15px; text-align: center;}
	.vision .list-wrap .list .tit{position: relative; display: flex; width: 86%; border: 2px solid #164475; border-radius: 15px; align-items: center; justify-content: center; font-size: 21px; letter-spacing: 0px; color: #164475; font-weight: bold; font-family: 'Pretendard GOV';}
	.vision .list-wrap .list .tit:before{content: ''; position: absolute; left: calc((100% - 47px) / 2); bottom: -58px; width: 47px; height: 36px; background: url(/pub/site/gti/images/sub/sub_arrow1.svg) no-repeat center;}
	.vision .list-wrap .list:last-child .right{width: 86%;}
	.vision .list-wrap .list .right > ul{display: flex; justify-content: space-between;}
	.vision .list-wrap .list .right > ul > li{width: 32%;}
	.vision .list-wrap .list .right > ul > li .top{display: flex; justify-content: center; align-items: center; height: 100px; width: 100%; background: #164475; border-radius: 15px; font-size: 21px; letter-spacing: 0px; font-family: 'Pretendard GOV'; color: #fff; margin-bottom: 24px; text-align: center;}
	.vision .list-wrap .list .right > ul > li .top i{margin-right: 8px;}
	.vision .list-wrap .list .right > ul > li:first-child .top{background: #006295;}
	.vision .list-wrap .list .right > ul > li:last-child .top{background: #000095;}
	.vision .list-wrap .list .right > ul > li .bottom{min-height: 157px; border: 1px solid #707070; border-radius: 15px; padding: 15px 16px 8px; height: calc(100% - 124px);}
	.vision .list-wrap .list .right > ul > li .bottom .gul{}
/* 	.vision .list-wrap .list .right > ul > li .bottom .gul li{position: relative; font-size: 17px; font-family: 'Pretendard GOV'; letter-spacing: -0.42px; color: #555; margin-bottom: 7px; padding-left: 13px;}
	.vision .list-wrap .list .right > ul > li .bottom .gul li:before{content: ''; position: absolute; top: 8px;; left: 0; width: 5px; height: 5px; background: #164475; border-radius: 50%;} */

	.contents-table{border-top: 2px solid #333333;}
	.contents-table table{width: 100%;}
	.contents-table thead th, .contents-table thead td{font-size: 19px; letter-spacing: 0px; font-family: 'Pretendard GOV'; font-weight: bold;}
	.contents-table th strong, .contents-table td strong{color: #1D1D1D; font-weight: bold;}
	.contents-table thead th:last-child, .contents-table thead td:last-child, .contents-table tbody th:last-child, .contents-table tbody td:last-child{border-right: none;}
	.contents-table table th{height: 68px; text-align: center; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-weight: bold; word-break: keep-all; color: #1D1D1D;}
	.contents-table table td{height: 68px; text-align: center; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-size: 17px; letter-spacing: 0; padding: 18px 20px; word-break: keep-all; color: #555555;}
	.contents-table table tbody{font-family: 'Pretendard GOV';}

	.location div:first-child{margin-bottom: 90px;}
	.location div .roughmap_maker_label{margin-bottom: 0px;}
	.location .contents-table table td{height: 68px; text-align: left; padding-left: 28px; font-family: 'Pretendard GOV'; border-right: none;}
	.location .contents-table table td i{color: #006295; margin-right: 12px;}
	.location .contents-table table td strong{margin-right: 30px;}
	.location .bor{border: 1px solid #DDDDDD; border-radius: 20px; background: #fff; padding: 24px;}
	.location .bor h3{font-size: 22px; font-family: 'Pretendard GOV'; font-weight: bold; margin-bottom: 24px; color: #333333; }
	.location .bor dl:after{content: ''; clear: both;}
	.location .bor dl dt{float: left; margin-bottom: 102px; margin-right: 24px; font-size: 19px; letter-spacing: -0.47px; color: #555;}
	.location .bor dl dt i{color: #164475;}
	.location .bor dl dd{font-size: 19px; color: #555; letter-spacing: -0.47px; margin-bottom: 26px;}
	

	.contents-list.heritage li{font-size: 17px; letter-spacing: -0.42px; color: #555555;}
	.contents-list.heritage li p{font-size: 21px; letter-spacing: 0; color: #1D1D1D; padding-bottom: 19px;}

	.group, .cooperate{}
	.cooperate h4{font-family: 'Pretendard GOV';}
	.cooperate .contents-table{margin-top: -40px; margin-bottom: 80px;}

	.history{}
	.history h2{float: left; width: 26%;}
	.history .history-list{float: left; width: 74%;}
	.history dl{position: relative; padding-left: 24%;}
	.history dl dt{position: absolute; left: 75px; top: 0; font-size: 36px; letter-spacing: 0; color: #555; line-height: 43px; font-family: 'Pretendard GOV'; font-weight: 600;}
	.history dl dt:before{content: ''; position: absolute; top: 14px; left: -39px; width: 22.56px; height: 15.56px; background: url(/pub/site/gti/images/sub/tit.svg) no-repeat center;}
	.history dl dd{}
	.history dl dd > ul{position: relative;}
	.history dl dd > ul:before{content: ''; position: absolute; top: 0px; left: 0; height: 100%; border-left: 1px solid #006295;}
	.history dl:first-child dd > ul:before{top: 18px;}
	.history dl:last-child dd > ul:before{height: calc(100% - 20px);}
	.history dl:last-child dd > ul li:last-child{padding-bottom: 0px;}
	.history dl dd > ul > li{position: relative; padding-bottom: 90px; display: flex; padding-left: 20px;}
	.history dl dd > ul > li:before{content: ''; position: absolute; top: 18px; left: -4px; width: 8px; height: 8px; background: #006295; border-radius: 50%;}
	.history dl dd > ul > li strong{font-size: 24px; color: #164475; margin-right: 21px; line-height: 40px; width: 112px; flex-shrink: 0;}
	.history dl dd > ul > li > ul{}
	.history dl dd > ul > li > ul > li{font-size: 19px; color: #555; font-family: 'Pretendard GOV'; line-height: 40px;}
	.history dl dd > ul > li > ul > li ul li{font-size: 17px; letter-spacing: -0.42px;}

	.intro{max-width: 1040px; margin: 0 auto;}
	.intro .tit{display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 40px;}
	.intro h3{position: relative; width: 690px; margin-left: 63px; font-size: 30px; text-align: left; color: #164475; font-family: "Pretendard GOV"; margin-top: 50px; line-height: 40px;}
	.intro h3 .pc-none{display: none;}
	.intro h3 .before{position: absolute; top: -14px; left: -47px; font-size: 40px; color: #DDDDDD;}
	.intro h3 .after{position: absolute; bottom: 0px; right: -47px; font-size: 40px; color: #DDDDDD;}
	.intro h3 span{color: #1D1D1D; font-weight: bold;}
	.intro .tit img{width: 148px; margin-left: 137px;}
	.intro > p{font-size: 19px; color: #333333; margin-bottom: 60px;}
	.intro .name{text-align: right; font-size: 21px; color: #1D1D1D; font-weight: 300;}
	.intro .name strong{ display: block; font-weight: bold; margin-bottom:15px; }
	.intro .name span{font-size: 28px; font-weight: bold;}


	.area .contents-list{margin-bottom: 64px;}

	
	.biosphere .order-list{margin-top: 24px; margin-bottom: 80px;}
	.biosphere .order-list ul{display: flex; flex-wrap: wrap;}
	.biosphere .order-list ul li{position: relative; width: 28.333%; margin-right: 5%; height: 101px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px dashed #164475; border-radius: 80px; margin-bottom: 40px; font-size: 19px; color: #555; line-height: 23px;}
	.biosphere .order-list ul li:after{content: ""; position: absolute; top: calc((100% - 17px) / 2); right: -10%; width: 15px; height: 17px; background: url(/pub/site/gti/images/sub/arrow.png) no-repeat center;}
	.biosphere .order-list ul li:last-child:after{display: none;}
	.biosphere .order-list ul li span{font-size: 21px; color: #164475; font-weight: bold; line-height: 25px; margin-bottom: 8px;}
	.biosphere .contents-img.bol{margin-top: 64px;}
	.biosphere .dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.biosphere .dl-f ul li a{color: #555;}
	.biosphere div:last-child{justify-content: flex-start;}


	.heritage div.list-in{line-height: 40px;}
	.heritage ul li .contents-img{padding-top: 34px;}
	.heritage .list-in-list{display: flex;}
	.heritage .list-in-list dl{width: 25%; padding: 0 18px; border-left: 1px dashed #707070;}
	.heritage .list-in-list dl:first-child{padding-left: 0px; border-left: 0px;}
	.heritage .list-in-list dl dd{display: flex; font-size: 19px; color: #555; font-weight: 500; margin-bottom: 60px;}
	.heritage .list-in-list dl dd:last-child{margin-bottom: 5px;}
	.heritage .contents-list.dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.heritage .contents-list.dl-f ul li a{color: #555;}
	.heritage > div:last-child{justify-content: flex-start; margin-top: 64px;}


	.geopark ul li .contents-img{padding-top: 64px;}
	.geopark .contents-list.dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.geopark .contents-list.dl-f ul li a{color: #555;}
	.geopark > div:last-child{justify-content: flex-start; margin-top: 64px;}


	.ramsar ul li .contents-img{padding-top: 64px;}
	.ramsar .contents-list.dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.ramsar .contents-list.dl-f ul li a{color: #555;}
	.ramsar > div:last-child{justify-content: flex-start; margin-top: 64px;}

	.organization .org-list{display: flex; flex-wrap: wrap;}
	.organization .org-list li{width: 20%; text-align: center; margin-right: 5%; margin-bottom: 48px;}
	.organization .org-list li a.active, .organization .org-list li a:hover, .organization .org-list li a:focus{text-decoration: none;}
	.organization .org-list li a:hover .org-img{box-shadow: 0px 3px 6px #00000029; }
	.organization .org-list li:nth-child(4n){margin-right: 0px;}
	.organization .org-list li .org-img{display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #DDDDDD; height: 80px; margin-bottom: 16px;}
	.organization .org-list li .org-img img{}
	.organization .org-list li .org-txt{font-size: 19px; color: #555555;}

	h3.num{font-size: 20px; color: #1D1D1D; letter-spacing: 0px; text-align: center; font-weight: 500; padding-bottom: 30px;}
	h3.num strong{font-size: 38px; font-weight: bold; padding: 0 7px;}
	h3.num span{font-size: 16px; color: #666666; font-weight: 400; }
	.map-mark{padding-bottom:660px; text-align: right;}
	.map-mark ul{display: inline-flex; margin: 0 auto; margin-right: 0; justify-content: flex-end; border: 1px solid #F2F2F2; border-radius: 3px;}
	.map-mark ul li{font-size: 12px; color: #1D1D1D; font-weight: 400; height: 38px;}
	.map-mark > ul > li:first-child{font-weight: 600; background: #F2F2F2; width: 38px; display: inline-flex; justify-content: center; align-items: center;}
	.map-mark ul li .mark{display: flex; padding: 0 3px; width: 298px; background: #fff;}
	.map-mark ul li .mark li{position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 0 10px;}
	.map-mark ul li .mark li:before{content: ''; position: absolute; top: 9px; right: 0; height: 20px; border-right: 1px solid #E2E2E2;}
	.map-mark ul li .mark li:last-child:before{display: none;}
	.map-mark ul li .mark li img{margin-right: 4px;}
	#biosphere{position: absolute !important; bottom: 415px; left: 0px;}
	#ramsar{position: absolute !important; bottom: 415px; left: 0px;}

	.logo-content .well.text-center.contents-img > img{max-width: 380px; margin-bottom: 0px !important;}
	.logo-content .color{display: flex; flex-direction: row; font-size: 24px; color: #fff; letter-spacing: 0px; text-align: left;}
	.logo-content .color .navy{width: 53.5%;  background: #164475; padding: 24px 36px;}
	.logo-content .color img{width: 16.5%;}
	.logo-content .color .group{width: 30%;}
	.logo-content .color .group > div{height: 50%; background: #F2F5F5; color: #1D1D1D; padding: 24px 36px;}
	.logo-content .color .group > .gray{background: #999999;}
	.logo-content .contents-list > li{margin-bottom: 24px;}
	.logo-content .well-txt{font-size: 21px; color: #1D1D1D; letter-spacing: 0px; margin-bottom: 24px;}
	.logo-content .well.text-center{display: flex; flex-direction: column; align-items: center; padding: 80px 0px;}
	.logo-content .well.text-center img:first-child{margin-bottom: 56px;}
	.logo-content .well.text-center > img{max-width: 421px;}
	.logo-content .length.dl-f{margin-bottom: 40px;}
	.logo-content .length.dl-f ul{display: flex; flex-wrap: wrap; position: relative;}
	.logo-content .length.dl-f ul li{position: relative; width: 50%; padding: 119px 0px; background: #F9F9F9; text-align: center;}
	.logo-content .length.dl-f ul li:nth-child(1):after{content: ''; position: absolute; bottom: 0; left: 20px; width: calc(100% - 20px); border-bottom: 0.5px solid #999999;}
	.logo-content .length.dl-f ul li:nth-child(2):after{content: ''; position: absolute; bottom: 0; left: 0px;  width: calc(100% - 20px); border-bottom: 0.5px solid #999999;}
	.logo-content .length.dl-f ul li:nth-child(odd):before{content: ''; position: absolute; top: 30px; right: 0px; height: calc(100% - 60px); border-right: 1px solid #D6D6D6;}
	.logo-content .length.dl-f ul li img{max-width: 188px;}
	.logo-content .length.dl-f ul li span{position: absolute; top: 32px; left: 24px; font-size: 21px; color: #1D1D1D; letter-spacing: 0px; font-weight: bold;}
	.logo-content .width.dl-f ul{display: flex; flex-direction: column; text-align: left;}
	.logo-content .width.dl-f ul li{position: relative; padding: 85px 0; padding-left: calc((100% - 426px) / 2); background: #F9F9F9;}
	.logo-content .width.dl-f ul li:before{content: ''; position: absolute; bottom: 0px; left: 20px; width: calc(100% - 40px); border-bottom: 1px solid #D6D6D6;}
	.logo-content .width.dl-f ul li:last-child:before{display: none;}
	.logo-content .width.dl-f ul li span{position: absolute; top: 32px; left: 160px; font-size: 21px; color: #1D1D1D; letter-spacing: 0px; font-weight: bold;}

	.logo-content2 .contents-list{float: left; width: 40%; margin-right: 5%;}
	.logo-content2 .contents-list .btn-wrap{text-align: left;}
	.logo-content2 > div{float: left; width: 55%;  padding: 0; border: none;}

	.area-wrap{border-top: 2px solid #1D1D1D;}
	.area-wrap h3{font-family: 'Pretendard GOV'; padding-left: 35px; font-size: 24px; color: #1d1d1d; font-weight: bold; letter-spacing: 0; line-height: 25px; background-image: url(/pub/site/gti/images/sub/tit.svg); background-repeat: no-repeat; background-position: 0px 5px; margin-top: 80px; margin-bottom: 24px;}
	.area-wrap h3 span.small-text{font-size: 17px; color: #707070; padding-left: 12px;}
	.area-wrap h3:first-child{margin-top: 0px;}
	.area-wrap .area-list{margin-top: 80px;}
	.area-wrap .area-list:first-child{margin-top: 0px;}
	.area-wrap > p{font-size: 19px; color: #555555; letter-spacing: 0px; margin-left: 35px;}
	.area-wrap > p+p{margin-top: 16px;}
	.area-wrap .text > p{font-size: 19px; color: #555555; letter-spacing: 0px; margin-left: 35px;}
	.area-wrap .text > p+p{margin-top: 16px;}
	.area-wrap .bul{padding-left: 35px;}
	.area-wrap .bul > li{position: relative; padding-left: 17px; font-size: 19px; color: #555;}
	.area-wrap .bul > li.unstyled:before{display: none !important;}
	.area-wrap .bul > li p span{font-weight: bold; }
	.area-wrap .bul > li+li{margin-top: 40px;}
	.area-wrap .bul > li:before{content: ''; position: absolute; top: 12px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background: #164475;}
	.area-wrap .bul > li > strong{display: block; font-size: 24px; color: #1D1D1D; line-height: 29px; margin-bottom: 16px;}
	.area-wrap .bul > li > strong span{font-size: 17px; color: #707070; padding-left: 12px;}
	.area-wrap .bul > li .box-list{display: flex; justify-content: space-between; padding-top: 32px;}
	.area-wrap .bul > li .box-list div{width: 30%; text-align: center; padding: 24px 20px; border: 1px solid #164475; border-radius: 0 0 100px 0;}
	.area-wrap .bul > li .box-list .title{font-size: 24px; letter-spacing: 0px; font-weight: bold; line-height: 29px; padding-bottom: 16.5px; border-bottom: 1px solid #164475; color: #164475;}
	.area-wrap .bul > li .box-list .text{display: flex; justify-content: center; align-items: center; min-height: 106px; padding: 0 20px; word-break: keep-all;}
	.area-wrap .bul > li .box-list div:first-child{border-color: #2C70A6; border-radius: 0 100px 0 0;}
	.area-wrap .bul > li .box-list div:first-child .title{border-color: #2C70A6; color: #2C70A6;}
	.area-wrap .bul > li .box-list div:last-child{border-color: #3A3A9D; border-radius: 100px 0 0 0;}
	.area-wrap .bul > li .box-list div:last-child .title{border-color: #3A3A9D; color: #3A3A9D;}
	.area-wrap .bul > li .box-list2{padding-top: 24px;}
	.area-wrap .bul > li .box-list2 dl{display: flex; justify-content: space-between;}
	.area-wrap .bul > li .box-list2 dl+dl{margin-top: 24px;}
	.area-wrap .bul > li .box-list2 dt{display: flex; justify-content: center; flex-direction: column; align-items: center; width: 314px; background: #164475; font-size: 22px; color: #fff; letter-spacing: 0px; line-height: 26px; font-weight: 500; padding: 0 10px; text-align: center;}
	.area-wrap .bul > li .box-list2 dl:first-child dt{background: #2C70A6;}
	.area-wrap .bul > li .box-list2 dl:last-child dt{background: #3A3A9D;}
	.area-wrap .bul > li .box-list2 dt strong{font-size: 24px; color: #fff; margin-bottom: 8px;}
	.area-wrap .bul > li .box-list2 dd{display: block; width: calc(100% - 340px); border: 1px solid #2C70A6; padding: 24px 32px;}
	.area-wrap .bul > li .box-list2 dd strong{display: block; font-size: 20px; line-height: 24px; margin-bottom: 12px; color: #333333;}
	.area-wrap .bul > li .box-list3{display: flex; flex-wrap: wrap; padding-top: 66px;}
	.area-wrap .bul > li .box-list3 > div{ margin-bottom: 86px;}
	.area-wrap .bul > li .box-list3 dl{position: relative; background: #F9F9F9; height: 100%; padding: 30px 32px 40px;}
	.area-wrap .bul > li .box-list3 >div:nth-child(4) dl, .area-wrap .bul > li .box-list3 > div:nth-child(5) dl{margin-bottom: 0;}
	.area-wrap .bul > li .box-list3 dt{position: absolute; display: flex; justify-content: center; align-items: center; top: -30px; left: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; background: #164475; font-size: 24px; color: #fff;}
	.area-wrap .bul > li .box-list3 dd .title{font-size: 24px; color: #164475; line-height: 29px; padding-bottom: 16.5px; border-bottom: 1px solid #164475; text-align: center; font-weight: bold;  min-height: 135px;  display: flex; align-items: center; justify-content: center;}
	.area-wrap .bul > li .box-list3 dd ul{padding-top: 24.5px;}
	.area-wrap .bul > li .box-list3 dd ul li{font-size: 19px; color: #555555;}
	/* .area-wrap .bul > li .box-list3 dd ul li+li{margin-top: 40px;} */
	.area-wrap .bul > li > p strong{display: block; font-size: 22px; color: #1D1D1D; margin-bottom: 16px; margin-top: 40px;}
	.area-wrap .bul > li > ul{padding-left: 15px; margin-bottom: 40px;}
	.area-wrap .bul > li .box2-list{display: flex; justify-content: space-between;/*  padding-top: 16px; */}
	.area-wrap .bul > li .box2-list dl{width: 48%;}
	.area-wrap .bul > li .box2-list dt{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 154px; color: #fff; background: #408EC3; margin-bottom: 4px; padding: 0 24px; text-align: center;}
	.area-wrap .bul > li .box2-list dt strong{display: block; font-size: 24px; margin-bottom: 4px; line-height: 29px;}
	.area-wrap .bul > li .box2-list dd{height: 45%; word-break: keep-all; border: 1px solid rgba(22, 68, 117, .6); padding: 16px 30px; }
	.area-wrap .bul > li .box2-list2{flex-wrap: wrap; padding-top: 24px;}
	.area-wrap .bul > li .box2-list2 dl{margin-bottom: 50px;}
	.area-wrap .bul > li .box2-list2 dt{background: #DDDDDD; color: #1A1A1A;}
	.area-wrap .bul > li .box2-list2 dd{border-color: rgba(221, 221, 221, .6);}
/* 	.area-wrap .bul > li .box-list3-2 dl{height: auto;} */
	.area-wrap .bul > li .area2-box-list{}
	.area-wrap .bul > li .area2-box-list dl{margin-bottom: 40px;}
	.area-wrap .bul > li .area2-box-list dt{display: flex; justify-content: center; align-items: center; height: 93px; background: #3A899D; font-size: 24px; color: #fff; font-weight: bold; padding: 10px 5px; text-align: center; line-height: 2.5rem;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(2) dt{background: #408EC3;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(2) dd{border: 1px solid rgba(64, 142, 195, .6);}
	.area-wrap .bul > li .area2-box-list dl:nth-child(3) dt{background: #164475;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(3) dd{border: 1px solid rgba(22, 68, 117, .6);}
	.area-wrap .bul > li .area2-box-list dl:nth-child(4) dt{background: #3A3A9D;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(4) dd{border: 1px solid rgba(58, 58, 157, .6);}
	.area-wrap .bul > li .area2-box-list dd{display: flex; justify-content: center; align-items: center; height: 140px; font-size: 19px; color: #555555; border: 1px solid rgba(28, 137, 157, .6); text-align: center;}

	.area-wrap .area-list{border-bottom: 1px solid #1D1D1D; margin-top: 0px !important; padding-top: 24px;}
	.area-wrap .area-list h3{padding-bottom: 24px; margin-bottom: 0px;}
	.area-wrap .area-list h3 a{position: relative; display: block; color: #1d1d1d; text-decoration: none; cursor: pointer;}
	.area-wrap .area-list h3 a:hover, .area-wrap .area-list.active h3 a{text-decoration: none;}
	.area-wrap .area-list h3 a:before{content: '\f107'; font-family: "Font Awesome 6 Pro"; position: absolute; top: 50%; right: 25px; font-size: 24px; color: #555555; letter-spacing: -0.6px;transform: translate(0, -50%);}
	.area-wrap .area-list.active h3 a:before{content: '\f106'; font-family: "Font Awesome 6 Pro";}
	.area-wrap .area-list .text{display: none; border-top: 1px solid #1D1D1D; padding-bottom: 40px; padding-top: 32px;}
	.area-wrap .area-list.active .text{display: block;}
	
	.geopark.area-wrap .bul > li .area2-box-list{display: flex;}
	.geopark.area-wrap .bul > li .area2-box-list dd{display: flex; justify-content: center; align-items: center; height: 103px; font-size: 19px; color: #555555; border: 1px solid rgba(28, 137, 157, .6); text-align: left; height: 75%; padding: 5px 10px;}

	.area-wrap .order-list+p{margin-top: 0px;}
	.area-wrap .order-list{margin-top: 24px; margin-bottom: 40px;}
	.area-wrap .order-list ul{display: flex; flex-wrap: wrap;}
	.area-wrap .order-list ul li{position: relative; width: 28.333%; margin-right: 5%; height: 101px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px dashed #164475; border-radius: 80px; margin-bottom: 40px; font-size: 19px; color: #555; line-height: 23px;}
	.area-wrap .order-list ul li:after{content: ""; position: absolute; top: calc((100% - 17px) / 2); right: -10%; width: 15px; height: 17px; background: url(/pub/site/gti/images/sub/arrow.png) no-repeat center;}
	.area-wrap .order-list ul li:last-child:after{display: none;}
	.area-wrap .order-list ul li span{font-size: 21px; color: #164475; font-weight: bold; line-height: 25px; margin-bottom: 8px;}
	.area-wrap > ul:last-child li{font-size: 19px; font-weight: 400; color: #555; padding-left: 35px;}
	.area-wrap .area-list:last-child .text ul li{font-size: 19px; font-weight: 400; color: #555; padding-left: 35px;}
	


	.area-wrap .more-btn, .area-wrap .text .more-btn{text-align: center; margin-top: 40px; display: flex; justify-content: center; width: 100%;}
	.area-wrap .more-btn a{position: relative; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; line-height: 21px; color: #fff; letter-spacing: -0.45px; padding: 20px 36px 20px 24px; border-radius: 5px; background: #164475; max-width: 45%; margin: 0 5px; text-align: left;}
	.area-wrap .more-btn2{justify-content: flex-start;}
	.area-wrap .more-btn2 a{max-width: 50%;}
	.area-wrap .more-btn a span{position: absolute; top: calc(50% - 10.5px); right: 10px;}
	
	/*  Ramsar Wetlands 버튼 수정*/
	.area-wrap .more-new-btn{  flex-direction: column;  align-items: center; width: 620px; margin: 0 auto; }
	.area-wrap .more-new-btn a{max-width: 100%; width: 100%;  margin-bottom: 10px;}  

	
}

@media(max-width: 991px){

	.sub-bg-wrap{position: relative; height: 204px;}
	.sub-bg{position: absolute; top: -56px; left: 0; width: 100%; height: calc(204px + 56px); /* background: url(../images_2025/sub/m_sub_img1.png) no-repeat center; */ z-index: -1;}
	.sub-bg .bx-wrapper, .sub-bg .bx-viewport{width: 100%; height: 100% !important;}
	.sub-bg .bx-controls{display: none;}
	.sub-bg ul{width: 100%; height: 100%;}
	.sub-bg ul:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; opacity: 0.4;}
	.sub-bg ul li{width: 100%; height: 100%;}
	.sub-bg .img{display: none; width: 100%; height: 100%;}
	.sub-bg .m-ture{display: block;}
	.sub-bg-wrap h1{font-size: 30px; color: #fff; text-align: center; padding-top: 84px; margin-bottom: 49px;}

	
	.btn-primary, .btn-primary:hover {background-color: #164475;}
	
	.sub-index{padding-bottom: 62px;}

	.sub-index .row{padding-left: 15px; padding-right: 15px;}

	.sub-contents{padding-top: 24px;}

	.contents-img{text-align: center; margin-bottom: 32px;}
	.contents-img.bol{padding: 15px 15px; border: 1px solid #DDDDDD; border-radius: 15px;} 


	.breadcrumb-wrap{position: relative; z-index: 9; min-height: 40px; border-bottom: 1px solid #fff; background: linear-gradient(to bottom, transparent 0px, transparent 40px, #fff 40px, #fff 100%); position: relative;}
	.breadcrumb{padding: 0; text-align: left; background: unset; height: 40px;  transition: 0.3s; margin-bottom: 0; overflow: hidden; transition: height 0.3s ease;}
	.breadcrumb li a.active:before{content: '\f0dd'; font-family: "Font Awesome 6 pro"; font-weight: 900; position: absolute; top: 7px; right: 18px; color: #fff; z-index: 1;}
	.breadcrumb a{display: flex; justify-content: space-between; color: #FFFFFF; font-size: 14px; letter-spacing: -0.38px; padding: 0 12.5px; align-items: center; height: 100%; transition: height 0.3s ease;}
	.breadcrumb > li{ display: block; height: 0; overflow: hidden; transition: height 0.3s ease;  background: rgba(0, 0, 0, .4); }
	.breadcrumb > li.active{border-right: 1px solid #FFFFFF; width: 100%; height: 40px; background: rgba(0, 0, 0, .4); }
	.breadcrumb.all-view{height: auto;}
	.breadcrumb.all-view li{height: 40px;}
	.breadcrumb.all-view li a{height: 40px;}
	.breadcrumb li.active{display: block !important;}
	.breadcrumb > li > a i{margin-left: 74px;}
	.breadcrumb > li > i{margin: 0 13px;}
	.breadcrumb>li+li:before{display: none;}

	.depth1{position: absolute; display: none;border-bottom: 1px solid #DDDDDD; width: 100%; flex-direction: column;}
	.depth1 > li{text-align: left; width: 100% !important; background: #164475;}
	.depth1 > li > a{display: inline-block; font-size: 14px; letter-spacing: 0px; color: #fff; padding: 0 14px; line-height: 30px; height: unset; text-align: left;}
	.depth1 > li > a.active{border-bottom: 2px solid #164475; color: #164475; font-weight: bold; text-decoration: none;}

	.content-title{text-align: center; font-size: 25px; letter-spacing: 0px; line-height: 29px; padding-bottom: 32px; color: #000000; font-weight: 500;}
	.content-title span{display: block; font-size: 19px; font-weight: 300;}

	.contents-list{}
	.contents-list > li{font-weight: bold; padding-left: 30px; font-size: 18px; color: #1d1d1d; letter-spacing: 0; line-height: 25px; background-image: url(/pub/site/gti/images/sub/tit.svg); background-repeat: no-repeat; background-position: 7px 5px; padding-bottom: 35px; background-size: 15px;}
	.contents-list ul{margin-left: -30px; padding-top: 12px;}
	.contents-list ul li{font-size: 17px; font-weight: 500; color: #555555;}

	.group h3{font-weight: bold; font-size: 18px; color: #1d1d1d; letter-spacing: 0; line-height: 25px;}

	.contents-num-list{}
	.contents-num-list > li{position: relative; padding-left: 40px; font-size: 18px; letter-spacing: 0px; font-weight: bold; font-family: 'Pretendard GOV';margin-bottom: 48px; color: #1D1D1D;}
	.contents-num-list > li > strong{position: absolute; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: #164475; border-radius: 50%; color: #fff; left: 0; top: -6px; font-size: 15px;}
	.contents-num-list > li ul.gul{padding-top: 16px; margin-left: -29px;}

	.gul li{position: relative; font-size: 16px; font-family: 'Pretendard GOV'; letter-spacing: -0.42px; color: #555; margin-bottom: 7px; padding-left: 13px; font-weight: 500;}
	.gul li:before{content: ''; position: absolute; top: 8px;; left: 0; width: 5px; height: 5px; background: #164475; border-radius: 50%;}

	.gnb .menu-bg{display: none !important;}


	.contents-table{border-top: 2px solid #333333; overflow: auto; margin-bottom: 20px;}
	.contents-table table{width: 100%;}
	.contents-table thead th, .contents-table thead td{font-size: 19px; letter-spacing: 0px; font-family: 'Pretendard GOV'; font-weight: bold;}
	.contents-table th strong, .contents-table td strong{color: #1D1D1D; font-weight: bold;}
	.contents-table thead th:last-child, .contents-table thead td:last-child, .contents-table tbody th:last-child, .contents-table tbody td:last-child{border-right: none;}
	.contents-table table th{min-height: 68px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 10px 0; text-align: center; font-weight: bold; word-break: keep-all; color: #1D1D1D;}
	.contents-table table td{min-height: 68px; text-align: center; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; font-size: 17px; letter-spacing: -0.42px; padding: 18px 20px; word-break: keep-all; color: #555555; white-space: nowrap;}
	.contents-table table tbody{font-family: 'Pretendard GOV';}

	.contents .site-list{margin-left: 0;}
	.contents .site-list li{text-align: center; margin-bottom: 56px;}
	.contents .site-list .title{margin-bottom: 0px; font-size: 19px; color: #1D1D1D; font-weight: bold;}
	.contents .site-list .img{display: flex; justify-content: center; align-items: center; width: 100%; height: 164px; overflow-y: hidden; border: 1px solid #DDDDDD; margin-bottom: 8px;}
	.contents .site-list .more{display: block; width: 100%; height: 44px; background: rgba(44, 44, 44, .8); font-size: 17px; color: #fff; font-weight: 500; text-align: center; line-height: 44px;}
	.contents .site-list .more i{margin-left: 12px;}

	.sub-tab-menu{margin-bottom: 44px;}
	.sub-tab-menu ul{display: none;}
	.sub-tab-menu ul.dl-f{display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 32px; border-bottom: 1px solid #DDDDDD; overflow: auto;}
	.sub-tab-menu ul li a{display: block; min-width: 128px; height: 43px; padding: 12px 5px; font-size: 16px; letter-spacing: 0px; color: #555555; text-align: center; border: 1px solid #DDDDDD; border-left: 0px; white-space: nowrap;}
	.sub-tab-menu ul li:first-child{border-left: 1px solid #DDDDDD;}
	.sub-tab-menu ul > li{}
	.sub-tab-menu ul li a:hover, .sub-tab-menu ul li a.active{text-decoration: none; border: 1px solid #006295; color: #164475;}
	
	.establishment .sub-title-img{width: 100%; height: 102px; background: #F5F5F5; margin-bottom: 21px;}

	.vision{}
	.vision .list-wrap{}
	.vision .list-wrap .list{margin-bottom: 30px; padding-bottom: 30px; }
	.vision .list-wrap .list:last-child{border-bottom: none;}
	.vision .list-wrap .list .txt{display: flex; width: 100%; min-height: 55px; padding: 16px 0; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 19px; color: #555; letter-spacing: 0px; background: #fff; border: 1px solid #707070; border-radius: 5px; font-family: 'Pretendard GOV';  text-align: center;}
	.vision .list-wrap .list .tit{position: relative; display: flex; width: 100%; border: 2px solid #164475; border-radius: 5px; align-items: center; justify-content: center; font-size: 17px; letter-spacing: 0px; color: #164475; font-weight: bold; font-family: 'Pretendard GOV'; text-align: center; word-break: keep-all; padding: 16px 17px;}
	.vision .list-wrap .list .tit:before{content: ''; position: absolute; left: calc((100% - 47px) / 2); bottom: -48px; width: 47px; height: 36px; background: url(/pub/site/gti/images/sub/sub_arrow1.svg) no-repeat center;}
	.vision .list-wrap .list:last-child .right{width: 100%;}
	.vision .list-wrap .list .right > ul > li{width: 100%; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #DDDDDD;}
	.vision .list-wrap .list .right > ul > li:last-child{border-bottom: none;}
	.vision .list-wrap .list .right > ul > li .top{display: flex; justify-content: center; align-items: center; min-height: 55px; width: 100%; background: #164475; border-radius: 5px; font-size: 20px; letter-spacing: 0px; font-family: 'Pretendard GOV'; color: #fff; margin-bottom: 16px; text-align: center; padding: 10px 0;}
	.vision .list-wrap .list .right > ul > li:first-child .top{background: #006295;}
	.vision .list-wrap .list .right > ul > li:last-child .top{background: #000095;}
.vision .list-wrap .list .right > ul > li .top i{margin-right: 8px;}
	.vision .list-wrap .list .right > ul > li .bottom{height: auto; border: 1px solid #707070; border-radius: 5px; padding: 15px 16px 8px;}
	.vision .list-wrap .list .right > ul > li .bottom .gul{}


	.history{position: relative; max-width: 903px; margin-left: auto;}
	.history h2{ text-align: center; margin-bottom: 40px;}
	.history dl{position: relative; }
	.history dl dt{position: relative; font-size: 28px; letter-spacing: 0; color: #555; line-height: 34px; font-family: 'Pretendard GOV'; font-weight: 600; padding-left: 30px;}
	.history dl dt:before{content: ''; position: absolute; top: 14px; left: 0px; width: 17px; height: 11.72px; background: url(/pub/site/gti/images/sub/tit.svg) no-repeat center; background-size: cover;}
	.history dl dd{}
	.history dl dd > ul{position: relative; padding-top: 12px; padding-bottom: 16px;}
	/* .history dl dd > ul:before{content: ''; position: absolute; top: 0px; left: 0; height: calc(100% + 45px); border-left: 1px solid #DDDDDD;}
	.history dl:nth-child(2) dd > ul:before{top: 18px; left: 0; height: calc(100% + 45px); border-left: 1px solid #DDDDDD;}
	.history dl:nth-child(2) dd > ul:after{ content: ''; position: absolute; top: 18px; border-left: 1px solid #006295; height: 100%;}
	.history dl:last-child dd > ul:before{height: calc(50% + 18px);} */
	.history dl dd > ul > li{position: relative; min-height: 29px; margin-bottom: 16px;}
	/* .history dl dd > ul > li:before{content: ''; position: absolute; top: 18px; left: -4px; width: 8px; height: 8px; background: #DDDDDD; border-radius: 50%;}
	.history dl:nth-child(2) dd > ul > li:before{background: #006295;} */
	.history dl dd > ul > li strong{display: block; font-size: 24px; color: #164475; margin-right: 12px; line-height: 29px; width: 35px; margin-bottom: 10px;}
	.history dl dd > ul > li ul{}
	.history dl dd > ul > li ul li{font-size: 16px; color: #555; font-family: 'Pretendard GOV'; line-height: 24px; }



	.intro{}
	.intro .tit{margin-bottom: 40px; text-align: center;}
	.intro h3{position: relative; width: 281px; font-size: 20px; text-align: center; color: #164475; font-family: "Pretendard GOV"; padding: 38px 18px; line-height: 24px; margin: 0 auto;}
	.intro h3 .before{position: absolute; top: 0px; left: 0px; font-size: 30px; color: #DDDDDD;}
	.intro h3 .after{position: absolute; bottom: 0px; right: 9px; font-size: 30px; color: #DDDDDD;}
	.intro h3 span{color: #1D1D1D; font-weight: bold; display: block; margin-bottom: 8px;}
	.intro .tit img{width: 148px; margin: 0 auto; margin-bottom: 24px;}
	.intro > p{font-size: 17px; color: #333333; margin-bottom: 24px;}
	.intro .name{text-align: right; font-size: 17px; color: #1D1D1D; font-weight: 300;}
	.intro .name strong{ display: block; font-weight: bold;}
	.intro .name span{font-size: 24px; font-weight: bold;}

	.location .root_daum_roughmap{margin-bottom: 30px;}
	.location .bor{border: 1px solid #DDDDDD; border-radius: 20px; background: #fff; padding: 24px;}
	.location .bor h3{font-size: 18px; font-family: 'Pretendard GOV'; font-weight: bold; margin-bottom: 24px; color: #333333; }
	.location .bor dl:after{content: ''; clear: both;}
	.location .bor dl dt{font-size: 16px; letter-spacing: -0.47px; color: #555; margin-bottom: 20px;}
	.location .bor dl dt i{color: #164475;}
	.location .bor dl dd{font-size: 16px; color: #555; letter-spacing: -0.47px; margin-bottom: 26px;}
	.location .contents-table table td{text-align: left;}

	.area .contents-list{padding: 0 1px;}
	.area .contents-list > li{font-size: 18px; font-weight: bold; color: #1D1D1D; letter-spacing: 0px;}
	.area .contents-list ul{margin-left: -30px; padding-top: 12px;}
	.area .contents-list ul li{font-size: 17px; font-weight: 500; color: #555555;}
	
	.biosphere .br{display: none;}
	.biosphere .order-list{margin-top: 24px; margin-bottom: 32px;}
	.biosphere .order-list ul{display: flex; flex-direction: column;}
	.biosphere .order-list ul li{position: relative; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px dashed #164475; border-radius: 80px; margin-bottom: 39px; padding: 16px 50px; font-size: 16px; color: #555; line-height: 19px;}
	.biosphere .order-list ul li:after{content: ""; position: absolute; bottom: -27px; right: calc(50% - 8.6px); width: 17px; height: 15px; background: url(/pub/site/gti/images/sub/arrow.png) no-repeat center; transform: rotate(90deg);}
	.biosphere .order-list ul li:last-child:after{display: none;}
	.biosphere .order-list ul li span{font-size: 17px; color: #164475; font-weight: bold; line-height: 20px; margin-bottom: 8px;}
	.biosphere .contents-img.bol{margin-top: 20px;}
	.biosphere .dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.biosphere .dl-f ul li a{color: #555;}
	.biosphere div:last-child{justify-content: flex-start;}

	.heritage .contents-list > li > div{margin-left: -30px;}
	.heritage .contents-list .list-in-list dd{padding-bottom: 10px; font-size: 17px; font-weight: 500; color: #555555;}
	.heritage .contents-img.bol{margin-top: 20px;}
	.heritage .dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.heritage .dl-f ul li a{color: #555;}
	.heritage div:last-child{justify-content: flex-start;}

	.geopark{}
	.geopark .contents-img.bol{margin-top: 20px;}
	.geopark .dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.geopark .dl-f ul li a{color: #555;}
	.geopark div:last-child{justify-content: flex-start;}

	.ramsar{}
	.ramsar .contents-img.bol{margin-top: 20px;}
	.ramsar .dl-f ul li{display: flex; flex-direction: row; flex-wrap: wrap; line-height: 30px;}
	.ramsar .dl-f ul li a{color: #555;}
	.ramsar div:last-child{justify-content: flex-start;}

	.organization .org-list{display: flex; flex-wrap: wrap;}
	.organization .org-list li{width: 280px; text-align: center; margin: 0 auto; margin-bottom: 25px;}
	.organization .org-list li a.active, .organization .org-list li a:hover, .organization .org-list li a:focus{text-decoration: none;}
	.organization .org-list li a:hover .org-img{box-shadow: 0px 3px 6px #00000029; }
	.organization .org-list li .org-img{display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #DDDDDD; height: 80px; margin-bottom: 16px;}
	.organization .org-list li .org-img img{}
	.organization .org-list li .org-txt{font-size: 17px; color: #555555;}

	.map{margin: 0 -15px;}

	h3.num{font-size: 20px; color: #1D1D1D; letter-spacing: 0px; text-align: center; font-weight: 500;  padding: 0 7px; padding-bottom: 20px;}
	h3.num strong{font-size: 38px; font-weight: bold;}
	h3.num span{font-size: 16px; color: #666666; font-weight: 400;}
	.map-mark{padding-bottom: 20px; text-align: center;}
	.map-mark ul{display: inline-flex; margin: 0 auto; margin-right: 0; justify-content: flex-end; border: 1px solid #F2F2F2; border-radius: 3px;}
	.map-mark ul li{font-size: 12px; color: #1D1D1D; font-weight: 400; height: 38px;}
	.map-mark > ul > li:first-child{font-weight: 600; background: #F2F2F2; width: 38px; display: inline-flex; justify-content: center; align-items: center;}
	.map-mark ul li .mark{display: flex; padding: 0 3px; width: 298px; background: #fff;}
	.map-mark ul li .mark li{position: relative; display: inline-flex; justify-content: center; align-items: center; padding: 0 10px;}
	.map-mark ul li .mark li:before{content: ''; position: absolute; top: 9px; right: 0; height: 20px; border-right: 1px solid #E2E2E2;}
	.map-mark ul li .mark li:last-child:before{display: none;}
	.map-mark ul li .mark li img{margin-right: 4px;}

	.logo-content .well.text-center.contents-img > img{max-width: 380px; margin-bottom: 0px !important;}
	.logo-content .color{display: flex; flex-direction: row; flex-wrap: wrap;  font-size: 17px; color: #fff; letter-spacing: 0px; text-align: left;}
	.logo-content .color .navy{width: 50%;  background: #164475; padding: 24px 18px;}
	.logo-content .color img{width: 50%;}
	.logo-content .color .group{width: 100%;}
	.logo-content .color .group > div{height: 50%; background: #F2F5F5; color: #1D1D1D; padding: 24px 18px;}
	.logo-content .color .group > .gray{background: #999999;}
	.logo-content .contents-list > li{margin-bottom: 24px;}
	.logo-content .well-txt{font-size: 21px; color: #1D1D1D; letter-spacing: 0px; margin-bottom: 24px;}
	.logo-content .well.text-center{display: flex; flex-direction: column; align-items: center; padding: 40px 20px;}
	.logo-content .well.text-center img:first-child{margin-bottom: 28px;}
	.logo-content .length.dl-f{margin-bottom: 40px;}
	.logo-content .length.dl-f ul{display: flex; flex-wrap: wrap; flex-direction: column; position: relative;}
	.logo-content .length.dl-f ul li{position: relative; width: 100%; padding: 59px 0px; background: #F9F9F9; text-align: center;}
	.logo-content .length.dl-f ul li:after{content: ''; position: absolute; bottom: 0; left: 10px; width: calc(100% - 20px); border-bottom: 0.5px solid #999999;}
	.logo-content .length.dl-f ul li:last-child:after{display: none;}
	.logo-content .length.dl-f ul li img{max-width: 188px;}
	.logo-content .length.dl-f ul li span{position: absolute; top: 16px; left: 12px; font-size: 17px; color: #1D1D1D; letter-spacing: 0px; font-weight: bold;}
	.logo-content .width.dl-f ul{display: flex; flex-direction: column; text-align: left;}
	.logo-content .width.dl-f ul li{position: relative; padding: 85px 10px;  background: #F9F9F9;}
	.logo-content .width.dl-f ul li:before{content: ''; position: absolute; bottom: 0px; left: 20px; width: calc(100% - 40px); border-bottom: 1px solid #D6D6D6;}
	.logo-content .width.dl-f ul li:last-child:before{display: none;}
	.logo-content .width.dl-f ul li span{position: absolute; top: 16px; left: 12px; font-size: 17px; color: #1D1D1D; letter-spacing: 0px; font-weight: bold;}

	

	.logo-content2 ul li .btn-wrap{padding-top: 20px; margin-left: -30px;}

	.area-wrap{border-top: 2px solid #1D1D1D;}
	.area-wrap h3{font-family: 'Pretendard GOV'; padding-left: 30px; font-size: 18px; color: #1d1d1d; font-weight: bold; letter-spacing: 0; line-height: 25px; background-image: url(/pub/site/gti/images/sub/tit.svg); background-repeat: no-repeat; background-position: 7px 5px; background-size: 15px; margin-top: 35px; margin-bottom: 12px;}
	.area-wrap h3:first-child{margin-top: 0px;}
	.area-wrap > p{font-size: 17px; color: #555555; letter-spacing: 0px;}
	.area-wrap > p+p{margin-top: 16px;}
	.area-wrap .text > p{font-size: 17px; color: #555555; letter-spacing: 0px;}
	.area-wrap .text > p+p{margin-top: 16px;}
	.area-wrap .bul{padding-left: 15px;}
	.area-wrap .bul > li{position: relative; padding-left: 17px; font-size: 17px; color: #555;}
	.area-wrap .bul > li+li{margin-top: 40px;}
	.area-wrap .bul > li:before{content: ''; position: absolute; top: 12px; left: 0px; width: 5px; height: 5px; border-radius: 50%; background: #164475;}
	.area-wrap .bul > li > strong{display: block; font-size: 19px; color: #1D1D1D; line-height: 29px; margin-bottom: 16px;}
	.area-wrap .bul > li .box-list{/* display: flex; justify-content: space-between; */ padding-top: 20px;}
	.area-wrap .bul > li .box-list div{width: 100%; text-align: center; padding: 24px 20px; border: 1px solid #164475; border-radius: 0 0 100px 0; margin-bottom: 20px;}
	.area-wrap .bul > li .box-list .title{font-size: 24px; letter-spacing: 0px; font-weight: bold; line-height: 29px; padding-bottom: 16.5px; border-bottom: 1px solid #164475; color: #164475;}
	.area-wrap .bul > li .box-list .text{display: flex; justify-content: center; align-items: center; min-height: 106px; padding: 0 20px; word-break: keep-all;}
	.area-wrap .bul > li .box-list div:first-child{border-color: #2C70A6; border-radius: 0 100px 0 0;}
	.area-wrap .bul > li .box-list div:first-child .title{border-color: #2C70A6; color: #2C70A6;}
	.area-wrap .bul > li .box-list div:last-child{border-color: #3A3A9D; border-radius: 100px 0 0 0;}
	.area-wrap .bul > li .box-list div:last-child .title{border-color: #3A3A9D; color: #3A3A9D;}
	.area-wrap .bul > li .box-list2{padding-top: 24px;}
	/* .area-wrap .bul > li .box-list2 dl{display: flex; justify-content: space-between;} */
	.area-wrap .bul > li .box-list2 dl+dl{margin-top: 24px;}
	.area-wrap .bul > li .box-list2 dt{display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; height: 137px; background: #164475; font-size: 22px; color: #fff; letter-spacing: 0px; line-height: 26px; font-weight: 500; padding: 0 10px; text-align: center;}
	.area-wrap .bul > li .box-list2 dl:first-child dt{background: #2C70A6;}
	.area-wrap .bul > li .box-list2 dl:last-child dt{background: #3A3A9D;}
	.area-wrap .bul > li .box-list2 dt strong{font-size: 24px; color: #fff; margin-bottom: 8px;}
	.area-wrap .bul > li .box-list2 dd{display: block; width: 100%; min-height: 137px; border: 1px solid #2C70A6; padding: 24px 32px;}
	.area-wrap .bul > li .box-list2 dd strong{display: block; font-size: 20px; line-height: 24px; margin-bottom: 12px; color: #333333;}
	.area-wrap .bul > li .box-list3{display: flex; flex-wrap: wrap; padding-top: 66px; margin-left: -32px;}
	.area-wrap .bul > li .box-list3 dl{position: relative; background: #F9F9F9; min-height: 307px; padding: 54px 32px 40px; margin-bottom: 50px;}
	.area-wrap .bul > li .box-list3 > div:nth-child(5) dl{margin-bottom: 0;}
	.area-wrap .bul > li .box-list3 dt{position: absolute; display: flex; justify-content: center; align-items: center; top: -30px; left: calc(50% - 30px); width: 60px; height: 60px; border-radius: 50%; background: #164475; font-size: 24px; color: #fff;}
	.area-wrap .bul > li .box-list3 dd .title{font-size: 24px; color: #164475; line-height: 29px; padding-bottom: 16.5px; border-bottom: 1px solid #164475; text-align: center; font-weight: bold;}
	.area-wrap .bul > li .box-list3 dd ul{padding-top: 24.5px;}
	.area-wrap .bul > li .box-list3 dd ul li{font-size: 19px; color: #555555;}
	.area-wrap .bul > li .box-list3 dd ul li+li{margin-top: 40px;}
	.area-wrap .bul > li > p strong{display: block; font-size: 22px; color: #1D1D1D; margin-bottom: 16px; margin-top: 40px; margin-left: -32px;}
	.area-wrap .bul > li > ul{padding-left: 15px; margin-bottom: 40px;}
	.area-wrap .bul > li .box2-list{/* display: flex; justify-content: space-between; */ padding-top: 0px; margin-left: -32px;}
	.area-wrap .bul > li .box2-list dl{width: 100%; margin-bottom: 20px;}
	.area-wrap .bul > li .box2-list dt{display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; background: #408EC3; margin-bottom: 4px;  padding: 10px 5px;}
	.area-wrap .bul > li .box2-list dt strong{display: block; font-size: 19px; margin-bottom: 4px; line-height: 29px; text-align: center;}
	.area-wrap .bul > li .box2-list dd{min-height: 85px; word-break: keep-all; border: 1px solid rgba(22, 68, 117, .6); padding: 16px 30px;}

	.area-wrap .bul > li .box2-list2{/* display: flex; justify-content: space-between; */ padding-top: 0px; margin-left: -32px;}
	.area-wrap .bul > li .box2-list2 dl{width: 100%; margin-bottom: 40px:}
	.area-wrap .bul > li .box2-list2 dt{background: #DDDDDD; color: #1A1A1A;}
	.area-wrap .bul > li .box2-list2 dd{border-color: rgba(221, 221, 221, .6);}
	.area-wrap .bul > li .box-list3-2 dl{height: auto;}
	.area-wrap .order-list+p{margin-top: 0px;}
	.area-wrap .order-list{margin-top: 24px; margin-bottom: 40px;}
	.area-wrap .order-list ul{display: flex; flex-wrap: wrap;}
	.area-wrap .order-list ul li{position: relative; width: 100%; height: 101px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px dashed #164475; border-radius: 80px; margin-bottom: 40px; font-size: 19px; color: #555; line-height: 23px;}
	.area-wrap .order-list ul li:after{content: ""; position: absolute;  right: 50%; width: 15px; height: 17px; background: url(/pub/site/gti/images/sub/arrow.png) no-repeat center;}
	.area-wrap .order-list ul li:last-child:after{display: none;}
	.area-wrap .order-list ul li span{font-size: 21px; color: #164475; font-weight: bold; line-height: 25px; margin-bottom: 8px;}
	.area-wrap .bul > li .area2-box-list{margin-left: -32px;}
	.area-wrap .bul > li .area2-box-list dl{margin-bottom: 40px;}
	.area-wrap .bul > li .area2-box-list dt{display: flex; justify-content: center; align-items: center; height: 93px; background: #3A899D; font-size: 24px; color: #fff; font-weight: bold; text-align: center;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(2) dt{background: #408EC3;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(2) dd{border: 1px solid rgba(64, 142, 195, .6);}
	.area-wrap .bul > li .area2-box-list dl:nth-child(3) dt{background: #164475;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(3) dd{border: 1px solid rgba(22, 68, 117, .6);}
	.area-wrap .bul > li .area2-box-list dl:nth-child(4) dt{background: #3A3A9D;}
	.area-wrap .bul > li .area2-box-list dl:nth-child(4) dd{border: 1px solid rgba(58, 58, 157, .6);}
	.area-wrap .bul > li .area2-box-list dd{display: flex; justify-content: center; align-items: center; height: 103px; font-size: 19px; color: #555555; border: 1px solid rgba(28, 137, 157, .6); text-align: center;}
	.area-wrap > ul:last-child li{font-size: 19px; font-weight: 400; color: #555; padding-left: 35px;}

	.area-wrap .area-list{border-bottom: 1px solid #1D1D1D; margin-top: 0px !important; padding-top: 24px;}
	.area-wrap .area-list h3{padding-bottom: 24px; margin-bottom: 0px;}
	.area-wrap .area-list h3 span{font-size: 14px; color: #707070;}
	.area-wrap .area-list h3 a{position: relative; display: block; color: #1d1d1d; text-decoration: none; cursor: pointer;}
	.area-wrap .area-list h3 a:hover, .area-wrap .area-list.active h3 a{text-decoration: none;}
	.area-wrap .area-list h3 a:before{content: '\f107'; font-family: "Font Awesome 6 Pro"; position: absolute; top: 50%; right: 25px; font-size: 24px; color: #555555; letter-spacing: -0.6px;transform: translate(0, -50%);}
	.area-wrap .area-list.active h3 a:before{content: '\f106'; font-family: "Font Awesome 6 Pro";}
	.area-wrap .area-list .text{display: none; border-top: 1px solid #1D1D1D; padding-bottom: 40px; padding-top: 32px;}
	.area-wrap .area-list.active .text{display: block;}
	.area-wrap .area-list:last-child li{font-size: 19px; font-weight: 400; color: #555; padding-left: 35px;}

	.area-wrap .more-btn{text-align: center; margin-top: 40px;}
	.area-wrap .bul li .more-btn{margin-left: -32px;}
	.area-wrap .more-btn a{position: relative; display: inline-flex; justify-content: center; width: 100%; font-size: 18px; line-height: 21px; color: #fff; letter-spacing: -0.45px; padding: 21px 34px 21px 24px; border-radius: 5px; background: #164475; text-align: left;}
	.area-wrap .more-btn a+a{margin-top: 20px;}

	.area-wrap .more-btn a span{position: absolute; top: calc(50% - 10.5px); right: 10px;}


}
@media(min-width: 426px){
	.logo-content .width.dl-f ul li{padding-left: calc((100% - 426px) / 2);}
}
@media (min-width: 1620px) {

	.gnb .menu-bg .text{position: absolute; top: 128px; left: 301px; text-align: left;}
	.container { width:1320px;  }
	.sub-container{width: 1200px; margin: 0 auto;}


}
@media (min-width: 1300px){
	/* .header-util-wrap {position: absolute; top: 45px; right: calc(50% - 650px); z-index: 102;} */

	.history, .area, .biosphere, .heritage, .geopark, .ramsar, .cooperate, .organization, .map{margin: 0 -50px;}
	.history h2{float: left; width: 24%;}
	.history .history-list{float: left; width: 76%;}
	.history dl{padding-left: 24%;}
	.logo-content{margin: 0 -50px; padding: 0 10px;}
	.group{}
}