@charset "utf-8";

@media (max-width: 1700px){
	.gall-view .view-control {width: 130px; bottom: initial; left: initial; transform: none; top: -75px; right: 0;}
}

@media(max-width: 1500px) {
	/* s2_2 */
	.s2_2 .dot_table ul li {padding-right: 0; max-width: none; width: 33.3333%;}
	.s2_2 .dot_table ul li:nth-of-type(3n) {max-width: none;}
	.s2_2 .dot_table ul li.w100 {width: 100%;}
	
	.popup-wrap .popup .inner .item .item-info > dl {padding: 30px 15px;}
	.popup-wrap .popup .inner .item .item-info > dl dt {max-width: 300px; padding-left: 80px;}
}


@media(max-width: 1200px){
	.s1_2 .box-list ul li dl {padding: 50px 20px 0;}
	
	.box-list ul li dl {padding: 50px 20px 0;}
	
	.popup-wrap .popup .inner .item .item-info .item-img p.note br {display: none;}
	.popup-wrap .popup .inner .item .item-info > dl dt {max-width: 260px; font-size: 22px;;}
	.popup-wrap .popup .inner .item .item-info > dl dd {padding-left: 30px;}
}


@media(max-width: 1024px){
	.section-header h3 {font-size: 45px;}
	.article-header h4 {font-size:35px;}
	
	/* s1_1 */
	.s1_1 article > h5 {font-size: 30px;}
	.s1_1 article > h4 {font-size: 32px;}
	
	.box-list ul {width: calc(100% + 20px); margin: 0 -10px;}
	.box-list ul li {padding: 0 10px;}
	.box-list ul li dl dt {max-width: 100px;}
	.box-list ul li dl dd {font-size: 16px;}
	.box-list ul li dl dd > strong {font-size: 22px;}
	.box-list ul li dl dd br {display: none;}
	
	
	
	/* s1_2 */
	.s1_2 .arti01 .article-header {margin-top: 80px;}
	.s1_2 .box-list.col-5 ul {width: calc(100% + 20px); margin: 0 -10px;}
	.s1_2 .box-list.col-5 ul li {padding: 0 10px;}
	.s1_2 .box-list ul li dl {padding: 50px 10px 0;}
	.s1_2 .box-list ul li dl dt {max-width: 90px;}
	.s1_2 .box-list ul li dl dd > strong {font-size: 18px;}
	
	.s1_2 .box-list.ty2.col-3 ul {width:calc(100% + 20px); margin: 0 -10px;}
	.s1_2 .box-list.ty2.col-3 ul li {padding: 0 10px;}
	
	/* s2 */
	.s-tit {font-size: 30px;}
	
	/* s2_2 */
	.s2_2 .img-list ul {gap: 20px;}
	
	/* s3 */
	#bo_cate ul li a {font-size: 20px; padding: 0 20px;}
	
	
	.popup-wrap .popup .tit {padding: 20px 40px;}
	.popup-wrap .popup .inner {padding: 40px;}
	.popup-wrap .popup .inner .item .item-tit {max-width: 270px;}
	.popup-wrap .popup .inner .item .item-info > dl {flex-wrap: wrap; gap: 20px;}
	.popup-wrap .popup .inner .item .item-info > dl dt {font-size: 20px; padding-right: 20px; padding-left: 60px; max-width: 100%;}
	.popup-wrap .popup .inner .item .item-info > dl dt::before {width: 48px !important; background-size: 48px auto;}
	.popup-wrap .popup .inner .item .item-info > dl dd {padding-left: 0;}
	.popup-wrap .popup .inner .item .item-info > dl dd:before {display: none;}
}


@media (max-width: 768px) {
	.page-header {height: 450px;}
	.page-header .container {padding-top: 200px;}
	.page-header .container h2 {font-size: 45px;}
	
	.lnb > .container {padding: 0;}
	.lnb ul li a {font-size: 16px; line-height: 58px;}
	.lnb ul li a::after {bottom: 10px;}
	
	.real-cont {padding: 100px 0;}
	
	section {padding: 100px 0;}
	.section-header h3 {font-size: 36px;}
	.article-header {margin-top: 80px;}
	.article-header h4 {font-size: 28px;}
	
	.box-list {margin-top: 40px;}
	.box-list ul {flex-wrap: wrap;}
	.box-list ul li {width: 50%; min-height: auto;}
	.box-list ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.box-list ul li dl {padding: 40px 10px;}
	.box-list ul li dl dt {max-width: 85px;}
	.box-list ul li dl dd > strong {font-size: 20px;}
	
	.bg {height: 280px; margin-top: 60px;}
	.bg h4 {font-size: 30px;}
	
	p.mark {font-size: 16px;}
	
	/* s1_1 */
	.s1_1 article > h5 {margin-top: 60px; font-size: 24px;}
	.s1_1 article > h4 {font-size: 26px;}
	.s1_1 article > p > br {display: none;}
	
	/* s1_2 */
	.s1_2 .arti01 {padding-bottom: 80px;}
	.s1_2 .arti01 .article-header {margin-top: 60px;}
	.s1_2 .box-list.col-5 ul {flex-wrap: wrap;}
	.s1_2 .box-list.col-5 ul li {width: 33.3333%; min-height: auto;}
	.s1_2 .box-list.col-5 ul li:nth-of-type(3) {margin-top: 0;}
	.s1_2 .box-list.col-5 ul li:nth-of-type(3) ~ li {margin-top: 20px;}
	.s1_2 .box-list ul li dl {padding: 30px 10px;}
	.s1_2 .box-list ul li dl dt {max-width: 75px;}
	
	.s1_2 .arti02 {padding: 80px 0 100px;}
	.s1_2 .box-list.ty2.col-3 ul li {min-height: auto;}
	.s1_2 .box-list.ty2.col-3 ul li:nth-of-type(3) {margin-top: 0;}
	
	/* s2 */
	.bg.bg201 h4 {font-size: 35px;}
	
	.s2_1 .cnt {margin-top: 60px;}
	.s2_1 .cnt span.dot {width: 12px; height: 12px; border: 2px solid #006137;}
	.s2_1 .cnt span.dot::before {border: 2px solid #006137;}
	.s2_1 .cnt span.dot::after {border: 2px solid #006137;}
	.s2_1 .cnt span.dot02 {bottom: 28%;}
	.s2_1 .cnt span.dot04 {bottom: 28%;}
	
	
	.s-tit {font-size: 22px; margin-top: 60px;}
	
	/* s2_2 */
	.s2_2 article .txt {margin-top: 60px;}
	.s2_2 article .txt h5 {font-size: 28px;}
	.s2_2 article .txt p {font-size: 20px;}
	.s2_2 article .txt p br {display: none;}
	.s2_2 article figure {margin-top: 40px;}
	
	.s2_2 .img-list {margin-top: 40px;}
	.s2_2 .img-list ul {flex-wrap: wrap; gap: 0; width: calc(100% + 20px); margin: 0 -10px;}
	.s2_2 .img-list ul li {width: 50%; padding: 0 10px; flex: none;}
	.s2_2 .img-list ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s2_2 .dot_table ul li {width: 50% !important;}
	
	/* s3 */
	#bo_cate {margin: 60px 0 40px}
	#bo_cate ul {gap: 10px; flex-wrap: wrap;}
	#bo_cate ul li a {font-size: 18px; padding: 0 15px; border-radius: 25px; line-height: 44px;}
	

	
	.popup-wrap .popup .tit {padding: 10px 20px;}
	.popup-wrap .popup .tit h6 {font-size: 18px;}
	.popup-wrap .popup .tit h6 > strong {display: block; font-size: 20px;}
	.popup-wrap .popup .tit h6 > i {display: none;}
	.popup-wrap .popup .inner {padding: 20px;}
	.popup-wrap .popup .inner .item {flex-wrap: wrap; gap: 20px;}
	.popup-wrap .popup .inner .item .item-tit {max-width: 100%;}
	.popup-wrap .popup .inner .item .item-tit h5 {font-size: 22px; padding-right: 10px; padding-left: 15px;}
	.popup-wrap .popup .inner .item .item-tit h5 br {display: none;}
	.popup-wrap .popup .inner .item .item-tit h5::before {top: 4px;}
	
	.popup-wrap .popup .inner .item .item-info ul li {padding: 10px;}
	.popup-wrap .popup .inner .item .item-info ul li p.mark {font-size: 16px; padding-left: 15px;}
	.popup-wrap .popup .inner .item .item-info ul li p.mark::before {top: 8px;}
	.popup-wrap .popup .inner .item .item-info .item-img {padding: 30px 15px;}
	.popup-wrap .popup .inner .item .item-info .item-img p.note {font-size: 16px;}
	
	.popup-wrap .popup .inner .item .item-info > dl {padding: 20px 10px;}
	.popup-wrap .popup .inner .item .item-info > dl dt {font-size: 18px;}
	.popup-wrap .popup .inner .item .item-info > dl dt::before {width: 40px !important; background-size: 40px auto;}
	.popup-wrap .popup .inner .item .item-info > dl dd {font-size: 16px;}
	
	.popup-wrap#pop01 .popup .inner {height: calc(100% - 100px);}
}


@media(max-width: 480px){

	.section-header h3 {font-size: 30px; padding-top: 25px;}
	.section-header h3::before {width: 30px; background-size: 30px auto;}
	.article-header {margin-top: 60px;}
	.article-header h4 {font-size: 24px;}

	.bg {height: 200px;}
	.bg h4 {font-size: 22px;}
	.box-list ul li dl {padding: 30px 10px;}
	
	/* s1_1 */
	.s1_1 article > h5 {font-size: 20px;}
	.s1_1 article > h4 {font-size: 22px;}
	.s1_1 article > p {font-size: 16px;}
	.s1_1 article > p { margin-top: 30px;}
	.s1_1 article > p ~ p {margin-top: 20px;}
	.s1_1 article dl dd {font-size: 20px;}
	.s1_1 .bg101 {margin-top: 40px;}
	
	.s1_2 .box-list.col-5 ul li {width: 50%;}
	.s1_2 .box-list.col-5 ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	
	.s1_2 .box-list.ty2.col-3 ul {flex-wrap: wrap;}
	.s1_2 .box-list.ty2.col-3 ul li {width: 50%;}
	.s1_2 .box-list.ty2.col-3 ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	
	/* s2 */
	.bg.bg201 h4 {font-size: 26px; letter-spacing: 0.2em;}
	
	.s2_1 .cnt {margin-top: 40px;}
	.s2_1 .cnt span.dot {width: 9px; height: 9px; border: 2px solid #006137;}
	.s2_1 .cnt span.dot::before {border: 2px solid #006137;}
	.s2_1 .cnt span.dot::after {border: 2px solid #006137;}
	.s2_1 .cnt span.dot01 {left: 20.5%;}
	.s2_1 .cnt span.dot02 {bottom: 27%;}
	.s2_1 .cnt span.dot04 {bottom: 27%;}
	
	.s-tit {font-size: 18px; margin-top: 40px;}
	
	/* s2_2 */
	.s2_2 article .txt h5 {font-size: 22px;}
	.s2_2 article .txt p {font-size: 16px;}
	.s2_2 .dot_table {margin-top: 30px;}
	.s2_2 .dot_table ul li {width: 100% !important; padding: 10px 0 10px 15px;}
	
	/* s3 */
	#bo_cate ul {}
	#bo_cate ul li a {font-size: 16px;}
	.gall-view .view-slide {margin-bottom: 20px;}
	
	.gall-view .view-control {width: 110px; top: -60px;}
	.gall-view .view-control .view-btn {width: 50px; height: 50px;}
	
	.popup-wrap .popup .tit {padding: 10px; gap:10px;}
	.popup-wrap .popup .inner {height: calc(100% - 100px); padding:20px 10px;}
	.popup-wrap .popup .inner::-webkit-scrollbar {width: 5px;}
	.popup-wrap .popup .inner .item .item-tit h5 {font-size: 20px;}
	.popup-wrap .popup .inner .item .item-tit h5::before {height: 20px;}
	
	.popup-wrap .popup .inner .item .item-info ul li p.mark {font-size: 14px;}
	.popup-wrap .popup .inner .item .item-info .item-img {margin-top: 30px;}
	.popup-wrap .popup .inner .item .item-info .item-img p.note {font-size: 14px;}
	.popup-wrap .popup .inner .item ~ .item {margin-top: 40px;}
	.popup-wrap .popup .inner .item .item-info > dl {gap:15px}
	.popup-wrap .popup .inner .item .item-info > dl dt {font-size: 16px;}
	.popup-wrap .popup .inner .item .item-info > dl dd {font-size: 14px;}
}