body{letter-spacing:-0.04em;}
	
	img.pc{display:block;}
	img.mo{display:none;}
	.subConTag{width:100%; text-align:center;}
	.subConTag h4{width:150px; line-height:45px; margin:30px auto 40px; text-align:Center; border-radius:45px; font-size:26px; color:#fff; background:var(--mainColor);}
	.subConTag.add h4{background:#999999}
	.s02 .con05 .tableWrap .add table{border-top:2px solid #333;}


	.subConTag + .tableWrap{margin-bottom:70px !important;}
	.con00 .tableWrap{max-width:1200px; margin:50px auto 100px; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.con00 .tableWrap .Box{width:50%; box-sizing:border-box;}
	.con00 .tableWrap .Box01 + .Box02{border-left:1px solid #ddd;}
	.con00 .tableWrap .Box.BoxTop{width:100%; text-align:center; background:var(--mainColor); box-sizing:border-box; padding:15px 0;}
	.con00 .tableWrap .Box.BoxTop p{text-align:center; font-size:32px; color:#fff;}
	.con00 .tableWrap .Box.BoxTop p strong{font-size:32px;}

	.con00 .tableWrap .BoxBottom{display:flex; width:100%;}
	.con00 .tableWrap .BoxBottom .Box{width:50%; height:100%;}
	.con00 .tableWrap .BoxBottom .Box.pc_show{display:block;}
	.con00 .tableWrap .BoxBottom .Box.m_show{display:none;}	
	.con00 .tableWrap .Box table{width:100%; height:660px; border-bottom:1px solid #ddd;}
	.s0204 .con00 .tableWrap .Box table{height:auto;}
	.con00 .tableWrap .Box table td{padding:10px 15px;}
	.con00 .tableWrap .Box02 table td{padding:10px 15px;}
	.con00 .tableWrap .Box table tr + tr{border-top:1px solid #ddd;}
	.con00 .tableWrap .Box td.ico{width:40%; background:#fef3f4;}
	.con00 .tableWrap .Box td.ico img{width:100%; height:100%; max-width:209px; max-height:36px; object-fit:contain; margin:0 auto; display:block;}
	.con00 .tableWrap .Box td.txt{width:60%; font-size:18px;}
	.con00 .tableWrap .Box td.txt p{font-weight:bold; font-size:18px;}
	.con00 .tableWrap .Box td.txt ul{margin-top:10px;}
	.con00 .tableWrap .Box td.txt ul li{font-size:18px; padding-left:10px; box-sizing:border-box; position:relative; line-height:1;}
	.con00 .tableWrap .Box td.txt ul li:before{content:"-"; display:block; width:10px; height:10px; font-size:18px; position:absolute; top:0; left:0; line-height:1;}
	.con00 .tableWrap .Box td.txt ul li + li{margin-top:10px;}

	.con00 .tableWrap .BoxBottom .Box.wide{width:100%;}
	.con00 .tableWrap .Box td.ico{width:20%;}

	
	.s0201 .con00 .tableWrap .Box table{height:100%;}


	.s0202 .con00 .tableWrap .Box table{width:100%; height:770px; border-bottom:1px solid #ddd;}
	.s0203 .con00 .tableWrap .Box table{width:100%; height:100%; border-bottom:1px solid #ddd;}

	.s02 .con00 .con00notice{margin-top:30px; width:100%;}
	.s02 .con00 .con00notice h5{font-size:24px; font-weight:bold;}
	.s02 .con00 .con00notice ul{margin-top:20px;}
	.s02 .con00 .con00notice ul li{box-sizing:border-box; padding-left:10px; position:relative; font-size:18px;}
	.s02 .con00 .con00notice ul li:before{content:"-"; display:block; position:absolute; top:0; left:0;}
	.s02 .con00 .con00notice ul li + li{margin-top:3px;}
	.s02 .con00 .con00notice .img{width:100%; padding:25px 50px; box-sizing:border-box; border-radius:50px; background:#f8f8f8; margin-top:13px;}
	.s02 .con00 .con00notice .img img{width:100%; height:auto;}



	@media screen and (max-width:850px){

	.subConTag{width:100%; text-align:center;}
	.subConTag h4{width:24.00vw; line-height:6.00vw; margin:4.00vw auto 5.33vw; text-align:Center; border-radius:6.00vw; font-size:4.00vw; color:#fff; background:var(--mainColor);}
	.subConTag.add h4{background:#999999}
	.s02 .con05 .tableWrap .add table{border-top:0.27vw solid #333;}

	.subConTag + .tableWrap{margin-bottom:6.67vw !important;}
	.con00 .tableWrap{max-width:89.33vw; margin:6.67vw auto 13.33vw; display:flex; flex-wrap:nowrap; justify-content:space-between; flex-direction:column;}
	.con00 .tableWrap .Box{width:100%; box-sizing:border-box;}
	.con00 .tableWrap .Box01 + .Box02{border-left:none; border-top:none;}
	.con00 .tableWrap .Box.BoxTop{width:100%; text-align:center; background:var(--mainColor); box-sizing:border-box; padding:1.33vw 0;}
	.con00 .tableWrap .Box.BoxTop p{text-align:center; font-size:3.20vw; color:#fff;}
	.con00 .tableWrap .Box.BoxTop p strong{font-size:4.00vw;}
	.con00 .tableWrap .Box table{width:100%; height:auto !important; border-bottom:0.13vw solid #ddd;}
	.con00 .tableWrap .Box table td{padding:2.67vw 2.00vw;}
	.con00 .tableWrap .Box02 table td{padding:2.67vw 3vw;}
	.con00 .tableWrap .Box table tr + tr{border-top:0.13vw solid #ddd;}
	.con00 .tableWrap .Box td.ico{width:20%; background:#fef3f4;}
	.con00 .tableWrap .Box td.ico img{width:100%; height:100%; max-width:16.00vw; max-height:5.33vw; object-fit:contain; margin:0 auto; display:block;}
	.con00 .tableWrap .Box td.txt{width:80%; font-size:3.20vw;}
	.con00 .tableWrap .Box td.txt p{font-weight:bold; font-size:3.20vw;}
	.con00 .tableWrap .Box td.txt ul{margin-top:2vw;}
	.con00 .tableWrap .Box td.txt ul li{font-size:3.20vw; padding-left:1.33vw; box-sizing:border-box; position:relative; line-height:1;}
	.con00 .tableWrap .Box td.txt ul li:before{content:"-"; display:block; width:1.33vw; height:1.33vw; font-size:3.20vw; position:absolute; top:0; left:0; line-height:1;}
	.con00 .tableWrap .Box td.txt ul li + li{margin-top:1vw;}
	
	.con00 .tableWrap .Box.pc_show{display:none;}
	.con00 .tableWrap .Box.m_show{display:flex;}

	.con00 .tableWrap .BoxBottom .Box{width:100%;}
	.con00 .tableWrap .BoxBottom .Box.pc_show{display:none;}
	.con00 .tableWrap .BoxBottom .Box.m_show{display:flex;}


	}


	.sec01_2{position:relative;}
	.sec01_2 .wrap{max-width:1200px; padding:0 0 100px; text-align:center;}
	.sec01_2 .wrap > a{display:inline-flex; margin:40px auto 0; width:285px; border:1px solid #ddd; border-radius:45px; line-height:45px; justify-content:space-between; padding:0 30px; align-items:center; box-sizing:border-box; transition:all 0.3s ease;}
	.sec01_2 .wrap > a span:first-child{font-weight:bold; font-size:18px; transition:all 0.3s ease;}
	.sec01_2 .wrap > a span:last-child{font-weight:400; font-size:12px; font-family:'Montserrat'; opacity:0.7; transition:all 0.3s ease;}
	.sec01_2 .wrap > a:hover{border:1px solid var(--mainColor); background:var(--mainColor); transition:all 0.3s ease;}
	.sec01_2 .wrap > a:hover span{color:#fff; transition:all 0.3s ease;}
	.sec01_2 .swiper-pagination{position:static; display:inline-flex; margin:0 auto; justify-content:center; gap:15px;}
	.sec01_2 .swiper-pagination span{margin:0 !important;; width:15px; height:15px; background:#999;}
	.columnSwiper{margin:50px auto 30px;}
	.columnSwiper .swiper-slide{cursor:pointer;}
	.columnSwiper .swiper-slide .img{width:100%; height:0; padding-bottom:100%; border-radius:20px; overflow:hidden; border:1px solid #ddd; position:relative;}
	.columnSwiper .swiper-slide .img img{width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.columnSwiper .swiper-slide .txt{margin-top:30px; width:100%;}
	.columnSwiper .swiper-slide .txt p{font-size:18px; width: 100%; overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; word-break:break-all; text-align:left;}

	@media screen and (max-width:1200px){
		.sec01_2 .wrap{max-width:1100px;}	
	}

	@media screen and (max-width:1024px){
		.sec01_2 .wrap{max-width:800px;}	
		.columnSwiper{margin:80px auto 50px;}
		.columnSwiper .swiper-slide .txt p{font-size:24px;}
		.sec01_2 .wrap > a{width:400px; line-height:55px; margin:50px auto 0;}
		.sec01_2 .wrap > a span:first-child{font-size:24px;}
		.sec01_2 .wrap > a span:last-child{font-size:18px;}
	}

	@media screen and (max-width: 850px){
		.sec01_2 .wrap{max-width:89.41vw; padding-bottom:11.18vw;}
		.columnSwiper{margin:10.67vw auto 6.67vw;}
		.columnSwiper .swiper-slide .img{border-radius:2.67vw;}
		.columnSwiper .swiper-slide .txt{margin-top:4.67vw;}
		.columnSwiper .swiper-slide .txt p{font-size:3.20vw; -webkit-line-clamp: 1; }
		.sec01_2 .wrap > a{width:53.33vw; line-height:7.33vw; margin:6.67vw auto 0;}
		.sec01_2 .wrap > a span:first-child{font-size:3.20vw;}
		.sec01_2 .wrap > a span:last-child{font-size:2.40vw;}
		.sec01_2 .swiper-pagination{gap:1.76vw;}
		.sec01_2 .swiper-pagination span{width:1.88vw; height:1.88vw;}
	}



.sec02new .wrap{padding:130px 100px 140px;}
.sec02 .content{width:100%; margin:75px auto 0; max-width:1100px;}
.sec02 .content.content4{display:flex; gap:40px 70px; flex-wrap:wrap;}
.sec02 .content.content4 .Box{width:calc(50% - 35px); height:auto; border-radius:30px; position:relative; display:flex; justify-content:flex-end; padding:40px 55px; box-sizing:border-box; cursor:pointer;}
.sec02 .content.content4 .Box + .Box{margin-top:0;}
.sec02 .content.content4 .Box:before{width:100%; height:100%; display:block; content:""; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease; pointer-events:none;}
.sec02 .content.content4 .Box:after{width:65px; height:65px; display:block; content:""; border-radius:50%; opacity:0; position:absolute; top:50%; right:-32.5px;  transform:translateY(-50%); color:#fff; line-height:60px; font-weight:bold; text-align:center; font-size:35px; background:transparent url(../img/ico_boxArw.png) center center no-repeat;transition:all 0.3s ease;}
.sec02 .content.content4 .Box:hover:before{border:4px solid var(--subColor); transition:all 0.3s ease;}
.sec02 .content.content4 .Box:hover:after{ opacity:1; background:var(--subColor) url(../img/ico_boxArw.png) center center no-repeat; transition:all 0.3s ease; }
.sec02 .content.content4 .Box01{background:url(../img/sec02_box01_.png) right 50px bottom 40px no-repeat; background-size:89px;}
.sec02 .content.content4 .Box02{background:url(../img/sec02_box02_.png) right 50px bottom 40px no-repeat; background-size:102px;}
.sec02 .content.content4 .Box03{background:url(../img/sec02_box03_.png) right 50px bottom 40px no-repeat; background-size:83px;}
.sec02 .content.content4 .Box04{background:url(../img/sec02_box04_.png) right 50px bottom 40px no-repeat; background-size:76px;}
.sec02 .content.content4 .Box .txtWrap{width:510px;}
.sec02 .content.content4 .Box .txtWrap > span{color:#666666; font-size:14px; font-weight:600; font-family:'Montserrat'; display:block; margin-bottom:15px; line-height:1;}
.sec02 .content.content4 .Box .txtWrap h4{font-size:35px; font-weight:normal; font-family:'Montserrat'; line-height:1; letter-spacing:-0.04em;}
.sec02 .content.content4 .Box .txtWrap h4 strong{font-family:"Noto Sans KR", sans-serif; font-weight:bold;}
.sec02 .content.content4 .Box .txtWrap h4 b{color:var(--subColor);}
.sec02 .content.content4 .Box .txtWrap hr{border:none; background:#ddd; width:100%; height:1px; display:block; margin:20px 0 20px -55px;}
.sec02 .content.content4 .Box .txtWrap p{font-size:18px; line-height:normal; letter-spacing:-0.05em;}
.sec02 .content.content4 .Box .txtWrap ul{display:flex; flex-direction:column; justify-content:space-between; width:100%; align-items:flex-start; margin-top:30px; gap:20px;}
.sec02 .content.content4 .Box .txtWrap ul li{display:flex; align-items:center; justify-content:center; line-height:1;}
.sec02 .content.content4 .Box .txtWrap ul li:first-child{background:#eee; gap:5px; font-size:18px; padding:10px; border-radius:10px;}
.sec02 .content.content4 .Box .txtWrap ul li:last-child{background:var(--subColor); color:#fff; font-size:18px; padding:18px 30px; border-radius:15px; align-items:flex-end;}
.sec02 .content.content4 .Box .txtWrap ul li.non{background:none; border:none; opacity:0;}
.sec02 .content.content4 .Box .txtWrap ul li span{}
.sec02 .content.content4 .Box .txtWrap ul li big{font-size:38px; font-weight:bold; margin:0 5px;}
@media screen and (max-width: 1440px) {
.sec02new .wrap{padding:130px 0 140px;}
}
@media screen and (max-width: 1024px) {
.sec02 .content.content4 .Box{width:100%; justify-content:flex-start;}
.sec02 .content.content4 .Box .txtWrap ul{flex-direction:row; align-items:flex-end; justify-content:space-between;}
.sec02 .content.content4 .Box01{background:url(../img/sec02_box01_.png) right 50px top 40px no-repeat; background-size:89px;}
.sec02 .content.content4 .Box02{background:url(../img/sec02_box02_.png) right 50px top 40px no-repeat; background-size:102px;}
.sec02 .content.content4 .Box03{background:url(../img/sec02_box03_.png) right 50px top 40px no-repeat; background-size:83px;}
.sec02 .content.content4 .Box04{background:url(../img/sec02_box04_.png) right 50px top 40px no-repeat; background-size:76px;}
}
@media screen and (max-width: 850px) {
.sec02new .wrap{padding:17.33vw 0 18.67vw;}
.sec02 .content{width:100%; margin-top:10.00vw; max-width:none;}
.sec02 .content.content4{display:flex; gap:6.00vw; flex-wrap:wrap;}
.sec02 .content.content4 .Box{width:100%; justify-content:flex-start; border-radius:4.00vw; padding:5.33vw 6.67vw;}

.sec02 .content.content4 .Box:before{width:100%; height:100%; display:block; content:""; box-sizing:border-box; border:0.13vw solid #ddd; border-radius:4.00vw; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease; pointer-events:none;}

.sec02 .content.content4 .Box:after{width:8.67vw; height:8.67vw; position:absolute; top:auto; bottom:-4.37vw; right:auto; left:auto; left:50%;  transform:none; transform:translateX(-50%); line-height:8.00vw; font-size:4.67vw;}

.sec02 .content.content4 .Box01{background:url(../img/sec02_box01_.png) right 6.67vw top 5.33vw no-repeat; background-size:11.87vw;}
.sec02 .content.content4 .Box02{background:url(../img/sec02_box02_.png) right 6.67vw top 5.33vw no-repeat; background-size:13.60vw;}
.sec02 .content.content4 .Box03{background:url(../img/sec02_box03_.png) right 6.67vw top 5.33vw no-repeat; background-size:11.07vw;}
.sec02 .content.content4 .Box04{background:url(../img/sec02_box04_.png) right 6.67vw top 5.33vw no-repeat; background-size:10.13vw;}
.sec02 .content.content4 .Box .txtWrap{width:100%;}
.sec02 .content.content4 .Box .txtWrap > span{font-size:2.93vw; margin-bottom:2.00vw;}
.sec02 .content.content4 .Box .txtWrap h4{font-size:6.67vw;}
.sec02 .content.content4 .Box .txtWrap hr{border:none; background:#ddd; width:80%; height:0.13vw; display:block; margin:2.67vw 0 2.67vw -7.33vw;}
.sec02 .content.content4 .Box .txtWrap p{font-size:3.47vw;}
.sec02 .content.content4 .Box .txtWrap ul{margin-top:0; gap:inherit; justify-content:space-between;}
.sec02 .content.content4 .Box .txtWrap ul li:first-child{gap:1.33vw; font-size:2.93vw; padding:1.33vw; border-radius:1.33vw;}
.sec02 .content.content4 .Box .txtWrap ul li:last-child{color:#fff; font-size:2.93vw; padding:2.40vw 4.00vw; border-radius:2.00vw;}
.sec02 .content.content4 .Box .txtWrap ul li big{font-size:5.07vw;}



}

.s02 .linkBtn{display:flex; flex-direction:column; width:230px; margin-top:20px; gap:7px;}
.s02 .linkBtn a{display:flex; justify-content:space-between; align-items:center; padding:1px 5px; border:1px solid var(--mainColor); border-radius:30px;}
.s02 .linkBtn a span{color:var(--mainColor); font-weight:bold; letter-spacing:-0.04em; font-size:16px;}
.s02 .linkBtn a span:first-child{}
.s02 .linkBtn a span:last-child{font-size:14px;}

.s02mktList{background:#f5f5f5; padding:100px 0; margin-bottom:100px;}
.s02mktList .wrap{max-width:1000px;}
.s02mktList .box{background:#fff; border-radius:30px; border:1px solid #ddd; overflow:hidden; padding:30px 35px; box-sizing:border-box;}
.s02mktList .box + .box{margin-top:25px;}
.s02mktList .box:first-child{margin-top:40px;}
.s02mktList h5{display:flex; align-items:center; gap:20px; font-size:30px; line-height:1;}
.s02mktList h5 span{color:var(--mainColor); font-family:'Montserrat'; line-height:1;}
.s02mktList h5 + ul{margin-top:30px;}
.s02mktList ul{}
.s02mktList ul li{position:relative; box-sizing:border-box; padding-left:15px; font-size:18px;}
.s02mktList ul li:before{position:absolute; top:0; left:0; content:"·"; display:block; font-size:18px;}
.s02mktList ul li + li{margin-top:5px;}
.s02mktList ul li.blue{color:#1f469e; font-weight:bold;}
.s02mktList ul li span{position:relative; cursor:pointer;}
.s02mktList ul li span:after{width:100%; height:1px; content:""; background:#333; display:block; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%);}
.s02mktList .listWrap{display:flex; margin-top:5px; box-sizing:border-box; padding-left:10px;}
.s02mktList .listWrap ul{width:50%;}
.s02mktList .listWrap ul li{}
.s02mktList .listWrap ul li:before{content:"-";}
.s02mktList .box01 table{width:100%;border:1px solid #ddd; position:relative; margin:15px 0 20px;}
.s02mktList .box01 table th, .s02mktList table td{width:12.5%; font-size:16px; padding:10px 0; text-align:Center;}
.s02mktList .box01 table thead th{font-weight:bold; background:#feeef0}
.s02mktList .box01 table tbody tr + tr{border-top:1px solid #ddd;}
.s02mktList .box01 table tbody th{font-weight:normal; background:#eeeeee}
.s02mktList .box01 table:after{box-sizing:border-box; width:38.5%; height:100%; content:""; display:block; border:3px solid #1f469e; position:absolute; top:0; left:12%; pointer-events:none;}
.s02mktList .linkBtn{width:100%; flex-direction:row; justify-content:center; gap:10px;}
.s02mktList .linkBtn a{line-height:35px; border-radius:35px; box-sizing:border-box; width:240px; padding:0 15px;}

.s02mktList .img{width:100%; box-sizing:border-box; padding:30px; background:#f5f5f5; border:1px solid #eee; text-align:center; margin:20px 0;}
.s02mktList .img img{width:100%;}
.s02mktList .box03 table{width:100%; border:1px solid #ddd; margin:20px auto;}
.s02mktList .box03 table th, .s02mktList .box03 table td{text-align:left; padding:10px 10px 10px 20px; font-size:16px; letter-spacing:-0.06em;}
.s02mktList .box03 table th{width:30%; background:#feeef0}
.s02mktList .box03 table td{width:70%;}
.s02mktList .box03 table td div{width:100%; position:relative;}
.s02mktList .box03 table td div a{position:absolute; right:0; top:50%; transform:translateY(-50%); width:240px; line-height:30px; border-radius:30px; border:1px solid var(--mainColor); color:var(--mainColor); font-size:16px; font-weight:bold; text-align:center; display:block; box-sizing:border-box;}
.s02mktList .box03 table tr + tr{border-top:1px solid #ddd;}

.s02mktList .box04{}
.s02mktList .box04 table{width:100%; border:1px solid #ddd; margin:20px auto;}
.s02mktList .box04 table th, .s02mktList .box04 table td{font-size:16px; padding:10px 15px;}
.s02mktList .box04 table th{text-align:center;}
.s02mktList .box04 table thead th{background:#feeef0;}
.s02mktList .box04 table thead th + th{border-left:1px solid #ddd;}
.s02mktList .box04 table thead th:nth-child(n+2){text-align:left;}
.s02mktList .box04 table tbody{border-top:1px solid #ddd;}
.s02mktList .box04 table tbody td{text-align:left; border-left:1px solid #ddd;}
.s02mktList .box04 table tbody tr + tr{border-top:1px solid #ddd;}

@media screen and (max-width:1200px){
.con00 .tableWrap{width:90%;}


}


@media screen and (max-width:850px){
.s02 .con02 .item.type1 .bot span{letter-spacing:-0.04em;}
.s02 .con03 .bot ul{max-width:90%; margin:0 auto;}
.s02 .con03 .bot li{width:50%;}
.s02 .con03 .bot ul.flexW li{width:33.3%;}
.s02.s02 .con03 .bot li:last-child img{max-width:100px;}
.s02 .con00 .con00notice{margin-top:2.00vw;}
.s02 .con00 .con00notice h5{font-size:4.00vw;}
.s02 .con00 .con00notice ul{margin-top:2.67vw;}
.s02 .con00 .con00notice ul li{padding-left:2.00vw; font-size:3.20vw;}
.s02 .con00 .con00notice ul li + li{margin-top:0.40vw;}
.s02 .con00 .con00notice .img{padding:3.33vw 4.00vw; box-sizing:border-box; border-radius:4.00vw; margin-top:1.33vw;}

.con00 .tableWrap .BoxBottom{flex-direction:column;}
.s02 .linkBtn{width:46.67vw; margin-top:2.67vw; gap:1.33vw;}
.s02 .linkBtn a{padding:0.67vw 1.33vw; border-radius:4.67vw; line-height:4.67vw;}
.s02 .linkBtn a span{font-size:3.20vw;}
.s02 .linkBtn a span:first-child{}
.s02 .linkBtn a span:last-child{font-size:2.67vw;}
.s02mktList .box01 .linkBtn{flex-direction:column; width:100%; justify-content:center; align-items:center;}
.s02mktList .box01 .linkBtn a{width:46.67vw;}
.s02mktList .box03 .linkBtn{flex-direction:column; width:100%; justify-content:center; align-items:center;}
.s02mktList .box03 .linkBtn a{width:46.67vw;}
.s02mktList .box04 .linkBtn{flex-direction:column; width:100%; justify-content:center; align-items:center;}
.s02mktList .box04 .linkBtn a{width:46.67vw;}


.s02mktList{padding:13.33vw 0; margin-bottom:13.33vw;}
.s02mktList .wrap{max-width:89.33vw;}
.s02mktList .box{border-radius:4.00vw; border:0.13vw solid #ddd; padding:5.33vw 4.00vw;}
.s02mktList .box + .box{margin-top:2.93vw;}
.s02mktList .box01{margin-top:5.33vw;}
.s02mktList h5{display:flex; align-items:center; gap:2.00vw; font-size:4.80vw;}
.s02mktList h5 + ul{margin-top:5.33vw;}
.s02mktList ul{}
.s02mktList ul li{position:relative; box-sizing:border-box; padding-left:2.00vw; font-size:3.20vw; letter-spacing:-0.04em;}
.s02mktList ul li:before{position:absolute; top:0; left:0; content:"·"; display:block; font-size:3.20vw;}
.s02mktList ul li + li{margin-top:1.07vw;}
.s02mktList ul li span:after{bottom:-0.27vw;}

.s02mktList .listWrap{margin-top:0.67vw; padding-left:1.33vw;}
.s02mktList .box01 table{border:0.13vw solid #ddd; position:relative; margin:2.00vw 0 2.67vw;}
.s02mktList .box01 table th, .s02mktList table td{font-size:1.60vw; padding:0.93vw 0;}
.s02mktList .box01 table:after{border:0.40vw solid #1f469e;}

.s02mktList .img{padding:4.00vw 6.67vw; border:0.13vw solid #eee; margin:2.67vw 0;}
.s02mktList .img img{width:100%;}
.s02mktList .box03 table{width:100%; border:0.13vw solid #ddd; margin:4.00vw auto;}
.s02mktList .box03 table th, .s02mktList .box03 table td{text-align:left; padding:2.00vw 1.33vw; font-size:2.93vw;}
.s02mktList .box03 table th{width:33%;text-align:center; word-break:keep-all; padding:2vw 0;}
.s02mktList .box03 table td{width:67%;}
.s02mktList .box03 table td div{width:100%; position:relative;}
.s02mktList .box03 table td div a{position:static; transform:none; width:37.33vw; line-height:4.00vw; border-radius:4.00vw; border:0.13vw solid var(--mainColor);  font-size:2.67vw;margin-top:1.33vw;}
.s02mktList .box03 table tr + tr{border-top:0.13vw solid #ddd;}


.s02mktList .box04{}
.s02mktList .box04 table{width:100%; border:0.13vw solid #ddd; margin:4.00vw auto;}
.s02mktList .box04 table th, .s02mktList .box04 table td{font-size:2.93vw; padding:1.07vw 0.5vw; letter-spacing:-0.04em;}
.s02mktList .box04 table thead th + th{border-left:0.13vw solid #ddd;}
.s02mktList .box04 table tbody{border-top:0.13vw solid #ddd;}
.s02mktList .box04 table tbody td{text-align:left; border-left:0.13vw solid #ddd;}
.s02mktList .box04 table tbody tr + tr{border-top:0.13vw solid #ddd;}
.s02mktList .box04 table tbody th{width:29%}
.s02mktList .box04 table tbody tr td:nth-child(2){width:10%}
.s02mktList .box04 table tbody tr td:nth-child(3){width:60%}




}


/*2024-07 메인리뉴얼*/


.sec{position:relative;}
.sec01new{width:100%; height:100%; overflow-y:hidden; min-height:100vh;}
.sec01new .bg{width:100%; height:100%; content:""; display:block;}
.sec01new .bg{background:url(../img/sec01new_bg.png) center top 100px no-repeat; background-size:cover;}
.mainTEXT{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.mainTEXT *{letter-spacing:-0.04em; line-height:135%;}
.mainTEXT h1{text-align:center; font-size:65px; font-weight:normal}
.mainTEXT h1 span{display:none;}
.mainTEXT h1 strong{font-weight:700; color:var(--mainColor);}
.mainTEXT h2{text-align:center; font-size:65px; font-weight:normal}
.mainTEXT h2 span{display:none;}
.mainTEXT h2 strong{font-weight:700; color:var(--mainColor);}
.mainTEXT div{text-align:center; font-size:20px;  color:#777777; margin-top:50px; line-height:165%;}
.mainTEXT div *{display:inline;font-weight:normal; color:#333; font-size:inherit; color:inherit;text-align:Center;}

.newTEXT{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.newTEXT *{letter-spacing:-0.04em; line-height:135%;}
.newTEXT h1{text-align:center; font-size:55px; font-weight:normal}
.newTEXT h1 span{display:none;}
.newTEXT h1 strong{font-weight:700; color:var(--mainColor);}
.newTEXT h2{text-align:center; font-size:55px; font-weight:normal}
.newTEXT h2 span{display:none;}
.newTEXT h2 strong{font-weight:700; color:var(--mainColor);}
.newTEXT div{text-align:center; font-size:20px;  color:#777777; margin-top:50px; line-height:165%;}
.newTEXT div *{display:inline;font-weight:normal; color:#333; font-size:inherit; color:inherit;text-align:Center;}

.newTEXT.static{position:static; top:auto; left:auto; transform:none;}
.newTEXT.m_show{display:none;}

.Mouse{width:150px; height:50px; display:block; position:absolute; left:50%; bottom:40px; transform:translateX(-50%) translateZ(0) !important;}
.Mouse p{padding-top:55px; color:#999; font-size:14px; font-weight:500; text-align:center; font-family:'Montserrat' !important;}
.Mouse a {padding-top: 40px;}
.Mouse a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 45px;
  margin-left: -15px;
  border: 4px solid #333;
  border-radius: 50px;
  box-sizing: border-box;
}
.Mouse a span::before {
  position: absolute;
  top: 5px;
  left: 50%;
  content: '';
  width: 6px;
  height: 12px;
  margin-left: -3px;
  background-color: #333;
  border-radius: 6px;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
	-webkit-transform: translate(0, 0);
	opacity: 0;
  }
  40% {
	opacity: 1;
  }
  80% {
	-webkit-transform: translate(0, 10px);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}
@keyframes sdb {
  0% {
	transform: translate(0, 0);
	opacity: 0;
  }
  40% {
	opacity: 1;
  }
  80% {
	transform: translate(0, 10px);
	opacity: 0;
  }
  100% {
	opacity: 0;
  }
}   



.sec02new .wrap{padding:130px 100px 140px;}
.sec02 .content{width:100%; margin:75px auto 0; max-width:1100px;}
.sec02 .content.content4{display:flex; gap:40px 70px; flex-wrap:wrap;}
.sec02 .content.content4 .Box{width:calc(50% - 35px); height:auto; border-radius:30px; position:relative; display:flex; justify-content:flex-end; padding:40px 55px; box-sizing:border-box; cursor:pointer;}
.sec02 .content.content4 .Box + .Box{margin-top:0;}
.sec02 .content.content4 .Box:before{width:100%; height:100%; display:block; content:""; box-sizing:border-box; border:1px solid #ddd; border-radius:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease; pointer-events:none;}
.sec02 .content.content4 .Box:after{width:65px; height:65px; display:block; content:""; border-radius:50%; opacity:0; position:absolute; top:50%; right:-32.5px;  transform:translateY(-50%); color:#fff; line-height:60px; font-weight:bold; text-align:center; font-size:35px; background:transparent url(../img/ico_boxArw.png) center center no-repeat;transition:all 0.3s ease;}
.sec02 .content.content4 .Box:hover:before{border:4px solid var(--mainColor); transition:all 0.3s ease;}
.sec02 .content.content4 .Box:hover:after{ opacity:1; background:var(--mainColor) url(../img/ico_boxArw.png) center center no-repeat; transition:all 0.3s ease; }
.sec02 .content.content4 .Box01{background:url(../img/sec02_box01_.png) right 30px bottom 55px no-repeat; background-size:71px;}
.sec02 .content.content4 .Box02{background:url(../img/sec02_box02_.png) right 30px bottom 55px no-repeat; background-size:88px;}
.sec02 .content.content4 .Box03{background:url(../img/sec02_box03_.png) right 30px bottom 55px no-repeat; background-size:71px;}
.sec02 .content.content4 .Box04{background:url(../img/sec02_box04_.png) right 30px bottom 55px no-repeat; background-size:77px;}
.sec02 .content.content4 .Box .txtWrap{width:510px;}
.sec02 .content.content4 .Box .txtWrap > span{color:#666666; font-size:14px; font-weight:600; font-family:'Montserrat'; display:block; margin-bottom:15px; line-height:1;}
.sec02 .content.content4 .Box .txtWrap h4{font-size:35px; font-weight:normal; font-family:'Montserrat'; line-height:1; letter-spacing:-0.04em;}
.sec02 .content.content4 .Box .txtWrap h4 strong{font-family:"Noto Sans KR", sans-serif; font-weight:bold;}
.sec02 .content.content4 .Box .txtWrap h4 b{color:var(--mainColor);}
.sec02 .content.content4 .Box .txtWrap hr{border:none; background:#ddd; width:100%; height:1px; display:block; margin:20px 0 20px -30px;}
.sec02 .content.content4 .Box .txtWrap p{font-size:18px; line-height:normal; letter-spacing:-0.05em;}
.sec02 .content.content4 .Box .txtWrap ul{display:flex; flex-direction:column; justify-content:space-between; width:100%; align-items:flex-start; margin-top:30px; gap:20px;}
.sec02 .content.content4 .Box .txtWrap ul li{display:flex; align-items:center; justify-content:center; line-height:1;}
.sec02 .content.content4 .Box .txtWrap ul li:first-child{background:#eee; gap:5px; font-size:18px; padding:10px; border-radius:10px;}
.sec02 .content.content4 .Box .txtWrap ul li:last-child{background:var(--mainColor); color:#fff; font-size:18px; width:220px ;padding:18px 20px; border-radius:15px; align-items:flex-end;}
.sec02 .content.content4 .Box .txtWrap ul li.non{background:#fff; border:1px solid #ddd; opacity:1;}
.sec02 .content.content4 .Box .txtWrap ul li span{}
.sec02 .content.content4 .Box .txtWrap ul li big{font-size:38px; font-weight:bold; margin:0 5px;}

.sec02new{display:block; padding:220px 0;}
.sec02new .wrap{display:flex; padding:0; padding-top:40px; max-width:1720px}
.sec02new .content.content4{max-width:none; margin:0 auto; flex-wrap:nowrap; gap:14px;}
.sec02new .content.content4 .Box{width:calc(25% - 10.5px); padding:55px 30px;}
.sec02new .content.content4 .Box:After{display:none !important;}

.sec03new{display:block; background:#f5f5f5; padding:110px 0 60px;}
.sec03{padding-bottom:90px;}
.sec03 .wrap{display:flex; gap:20px 30px; flex-direction:column; padding:0; max-width:1020px;}
.sec03 .Box{}
.sec03 .Box01{order:1; box-sizing:border-box;}
.sec03 .Box02{order:2; width:100%;}

.sec03 .cate{display:flex; width:100%; flex-wrap:wrap; gap:10px; margin:50px auto; max-width:none;}
.sec03 .cate h3{width:calc(20% - 8px); line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.04)); font-size:18px; font-weight:bold; box-sizing:border-box; padding:0 30px; cursor:pointer; display:flex; align-items:center; gap:5px;}
.sec03 .cate h3 span{width:100%; max-width:30px; height:30px; background:#ccc; background-size:contain;}
.sec03 .cate h3 span{background-size:contain;}
.sec03 .cate h3.active{background:var(--mainColor); color:#fff;}
.sec03 .view_section{overflow:hidden; position:relative; box-sizing:border-box; padding-bottom:50px;}
.sec03 .view_section .swiper-wrapper{width:100%; height:560px;}
.sec03 .view_section .swiper-slide{width:100%; height:auto; border-radius:50px; overflow:hidden; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.03)); cursor:pointer;}
.sec03 .view_section .swiper-slide img{width:100%; height:auto; object-fit:contain;}
.sec03 .view_section .swiper-slide p{width:100%; background:var(--subColor); text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:60px;}
.sec03 .view_section .swiper-pagination{width:100%; display:flex; gap:15px; justify-content:center;}
.sec03 .view_section .swiper-pagination span{width:24px; height:24px; line-height:24px; color:#fff; text-align:Center; display:block; background:#999999; margin:0; font-size:16px;} 
.sec03 .view_section .swiper-pagination .swiper-pagination-bullet:only-child{display:block !important;}

.sec03 .view_section .swiper-slide > div{width:100%; height:100%; background:#fff;}
.sec03 .view_section .swiper-slide > div .chartWrap{height:500px; box-sizing:border-box; padding:30px 40px;}



.etcCon{width:100%; max-width:1520px; border-radius:70px; box-sizing:Border-box; display:flex; align-items:Center; background:#f5f5f5; padding:85px 135px; gap:110px; justify-content:space-between; margin:50px auto 0;}
.etcCon h5{text-align:center; color:var(--mainColor); font-weight:700; font-size:50px; letter-spacing:-0.06em;}
.etcCon p{font-size:20px; color:#777; margin-top:50px; text-align:left;}

.sec03-04-01{padding:200px 0 200px; display:block; text-align:Center;}
.sec03-04-01 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%; background:url(../img/sec03-04-01_bg.png) center center no-repeat; background-size:100%; width:448px; height:464px}

.sec03-04-02{padding:0px 0 100px; display:block; text-align:Center;}
.sec03-04-02 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%; background:url(../img/sec03-04-02_bg.png) center center no-repeat; background-size:386px 439px; width:450px; height:568px;}


.sec06{background:none; }
.sec06Hidden{display:none !important;}
.sec06 .wrap{display:block; padding:100px 0 200px; position:relative; min-height:auto; align-items:center; max-width:none; width:100%;}
.sec06 .wrap:before{display:none;}
.sec06 .Box{position:static;}
.sec06 .Box01{order:1; box-sizing:border-box; padding:0; left:0; z-index:2; background:none;}
.sec06 .Box02{order:2; width:100%; right:0;z-index:1; top:50%; transform:none;}
.sec06 ul.list{width:100%; max-width:610px; display:flex; flex-direction:row; gap:12px; margin:0; margin:0 auto 50px}
.sec06 ul.list li{width:100%; line-height:45px; background:#fff; border-radius:45px; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.1)); box-sizing:border-box; padding:0 30px; font-size:18px; font-weight:bold; color:#333; cursor:pointer; display:flex; justify-content:space-between; align-items:center}
.sec06 ul.list li span{}
.sec06 ul.list li span:last-child{font-size:12px; font-family:'Montserrat'; font-weight:500}
.sec06 ul.list li.current{background:var(--mainColor); color:#fff;}
.sec06 .content{position:relative; width:100%; height:100%;}
.sec06 .content > div{display:none; padding-bottom:55px; box-sizing:border-box; position:relative;}
.sec06 .content > div.current{display:block;}

.portSwiper{position:static; top:50%; left:0; transform:none; z-index:1; overflow:visible;}
.portSwiper .swiper-wrapper{width:100%; margin-left:0;}
.portSwiper .swiper-wrapper .swiper-slide{width:450px; margin-left:0; filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.2)); cursor:pointer; box-sizing:border-box; padding:0 35px;}
.portSwiper .swiper-wrapper .swiper-slide a{display:block; width:100%; border-radius:35px; overflow:hidden;}
.portSwiper .swiper-wrapper .swiper-slide a img{width:100%; height:Auto;}
.portSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:0}
.portSwiper .swiper-wrapper .swiper-slide p{font-size:18px; font-weight:normal; color:#333; text-align:center; margin-top:20px;}
.sec06 .btnWrap{position:absolute; z-index:2; width:900px; height:65px; top:50%; left:50%; display:flex; justify-content:space-between; transform:translate(-50%, -50%); pointer-events: none;}
.sec06 .btnWrap div{background:#fff; border-radius:50%; cursor:pointer; width:65px; height:65px; display:flex; justify-content:center; align-items:center; border:1px solid #ccc; box-sizing:border-box; content:""; margin:0; position:static; pointer-events: auto;}
.sec06 .btnWrap div span{color:#333;}
.sec06 .btnWrap div:After{display:none;}

.sec06 .swiper-pagination-bullet{width:16px; height:16px; background:#999999; opacity:0.25; margin:0 7.5px !important;}
.sec06 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}


.sec05{padding:140px 0; background:#f5f5f5;}
.sec05 .wrap{}
.sec05 .content{overflow:hidden;}

.m_sec05Banner{opacity:0; position:fixed; z-index:-9999;}
.sec05Banner{width:100%;}
.sec05Banner .swiper-wrapper{width:100%; max-width:100vw;  transition-timing-function: linear; padding:50px 0;}
.sec05Banner .swiper-slide{width:495px; box-sizing:border-box;  filter: drop-shadow(0 0 20px rgba(39, 42, 53, 0.1));}
.sec05Banner .swiper-slide + .swiper-slide{margin-left:30px;}
.sec05Banner .swiper-slide > div{width:100%; border-radius:40px; box-sizing:border-box;}
.sec05Banner .swiper-slide .img{width:495px; border-radius:40px 40px 0 0; overflow:hidden;}
.sec05Banner .swiper-slide .img img{width:100%; height:auto; object-fit:contain;}
.sec05Banner .swiper-slide .txt{background:#fff; border-radius:0 0 40px 40px; overflow:hidden; position:relative; padding:25px 25px 0 25px; box-sizing:border-box; min-height:190px;}
.sec05Banner .swiper-slide .txt img{display:block; position:absolute; bottom:18px; right:22px; z-index:1;}
.sec05Banner .swiper-slide .txt h4{font-size:26px; line-height:1; font-weight:bold;}
.sec05Banner .swiper-slide .txt p{font-size:18px; font-weight:normal; word-break:break-all; text-align:justify; margin-top:20px; letter-spacing:-0.04em;}

.sec03-04-03{padding:200px 0 100px; display:block; text-align:Center;}
.sec03-04-03 .etcCon{gap:0;}
.sec03-04-03 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:flex-start; height:100%; background:url(../img/sec03-04-03_bg.png) center center no-repeat; background-size:486px 394px; width:486px; height:394px; padding-left:60px; box-sizing:border-box;}


.sec09{padding:20px 0 65px; margin-bottom:100px;}
.printSwiper{position:static; top:50%; left:0; transform:none; z-index:1; overflow:visible;}
.printSwiper .swiper-wrapper{width:100%; margin-left:0;}
.printSwiper .swiper-wrapper .swiper-slide{width:450px; margin-left:0; filter: drop-shadow(0 0 10px rgba(39, 42, 53, 0.2)); cursor:pointer; box-sizing:border-box; padding:0 35px;}
.printSwiper .swiper-wrapper .swiper-slide a{display:block; width:100%; border-radius:35px; overflow:hidden;}
.printSwiper .swiper-wrapper .swiper-slide a img{width:100%; height:Auto;}
.printSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:0}
.printSwiper .swiper-wrapper .swiper-slide p{font-size:18px; font-weight:normal; color:#333; text-align:center; margin-top:20px;}
.sec09 .btnWrap{position:absolute; z-index:2; width:900px; height:65px; top:50%; left:50%; display:flex; justify-content:space-between; transform:translate(-50%, -50%); pointer-events: none;}
.sec09 .btnWrap div{background:#fff; border-radius:50%; cursor:pointer; width:65px; height:65px; display:flex; justify-content:center; align-items:center; border:1px solid #ccc; box-sizing:border-box; content:""; margin:0; position:static; pointer-events: auto;}
.sec09 .btnWrap div span{color:#333;}
.sec09 .btnWrap div:After{display:none;}
.sec09 .swiper-pagination-bullet{width:16px; height:16px; background:#999999; opacity:0.25; margin:0 7.5px !important;}
.sec09 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}


.sec08{background:#f5f5f5;}
.sec08 .wrap{padding:90px 0 90px;}




@media screen and (max-width:1440px){
.mainTEXT.pc_show{display:block;}
.mainTEXT.m_show{display:none;}
.newTEXT.pc_show{display:block;}
.newTEXT.m_show{display:none;}

}


@media screen and (max-width:1099px){

.mainTEXT div{width:80%; margin:50px auto;}
.mainTEXT.pc_show div br{display:none;}


.sec03-04-01 .newTEXT.pc_show h1{width:75%; margin-left:auto; margin-right:auto;}

.sec03-04-02 .newTEXT.pc_show h1{width:79%; margin-left:auto; margin-right:auto;}
.sec03-04-02 .newTEXT.pc_show h2{width:79%; margin-left:auto; margin-right:auto;}
.sec03-04-02 .newTEXT.pc_show div{width:79%; margin-left:auto; margin-right:auto;}

.sec03-04-03 .newTEXT.pc_show h1{width:88%; margin-left:auto; margin-right:auto;}
.sec03-04-03 .newTEXT.pc_show h1 br{display:none;}
.sec03-04-03 .newTEXT.pc_show h2{width:88%; margin-left:auto; margin-right:auto;}
.sec03-04-03 .newTEXT.pc_show h2 br{display:none;}
.sec03-04-03 .newTEXT.pc_show div{width:79%; margin-left:auto; margin-right:auto;}
.sec03-04-03 .newTEXT.pc_show div br{}



.sec02new{display:block; padding:220px 0;}
.sec02new .wrap{display:flex; padding:0; padding-top:40px; max-width:none; padding:100px 40px;}
.sec02new .content.content4{max-width:none; margin:0 auto; flex-wrap:wrap; gap:14px;}
.sec02new .content.content4 .Box{width:calc(50% - 7px); padding:55px 30px;}
.sec02new .content.content4 .Box:After{display:none !important;}

.sec02 .content.content4 .Box .txtWrap h4{font-size:6.67vw;}
.sec02 .content.content4 .Box .txtWrap hr{border:none; background:#ddd; width:80%; height:0.13vw; display:block; margin:2.67vw 0 2.67vw}
.sec02 .content.content4 .Box .txtWrap p{font-size:3.47vw;}
.sec02 .content.content4 .Box .txtWrap ul{margin-top:0; gap:inherit; justify-content:space-between;}
.sec02 .content.content4 .Box .txtWrap ul li:first-child{gap:1.33vw; font-size:2.93vw; padding:1.33vw; border-radius:1.33vw;}
.sec02 .content.content4 .Box .txtWrap ul li:last-child{color:#fff; font-size:2.93vw; padding:2.40vw 4.00vw; border-radius:2.00vw; box-sizing:border-box; width:100%;}
.sec02 .content.content4 .Box .txtWrap ul li span{font-size:4.67vw;}
.sec02 .content.content4 .Box .txtWrap ul li big{font-size:5.07vw;}


.sec03new .wrap{padding:0 80px; max-width:none;}
.sec03new .view_section .swiper-wrapper{height:auto;}
.sec03new .cate h3{width:calc(33.33% - 24px);}


.etcCon{width:calc(100% - 160px); max-width:none; border-radius:70px; box-sizing:Border-box; display:flex; align-items:Center; background:#f5f5f5; padding:25px 45px; gap:70px; justify-content:space-between; margin:200px auto 0; flex-direction:column;}
.etcCon h5{text-align:center; color:var(--mainColor); font-weight:700; font-size:50px; letter-spacing:-0.06em;}
.etcCon p{font-size:40px; color:#777; margin-top:45px; text-align:justify;}
.etcCon > div{width:100%;}
.etcCon > div img{width:100%;}
.etcCon p br{display:none;}

.sec03-04-01{padding:200px 0 200px; display:block; text-align:Center;}
.sec03-04-01 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%; background-size:contain; width:100%; height:auto; padding:60px 0 0;}

.sec03-04-02{padding:0px 0 100px; display:block; text-align:Center;}
.sec03-04-02 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%;  background-size:contain; width:100%; height:auto; padding:60px 0 0;}

.sec03-04-03{padding:0px 0 100px; display:block; text-align:Center;}
.sec03-04-03 .etcCon{gap:30px;}
.sec03-04-03 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%;  background-size:contain; width:100%; height:auto; padding:60px 0 0;}

.sec06 .wrap{padding:0 80px;}
.sec06 .content > div{display:block;}
.sec06 .wrap{position:relative;}

.sec06 .content{display:flex; flex-direction:column; width:100%; gap:180px; margin-top:50px;}

.sec06 .Box01{width:100%;}
.sec06 ul.list{margin:0; width:100%; max-width:none;}
.sec06 ul.list li{background:var(--mainColor);  color:#fff;pointer-events:none; width:550px;}
.sec06 ul.list li.m_show{display:block;}
.sec06 ul.list li:nth-child(2){display:none;}

.sec09{margin-bottom:200px;}


}

@media screen and (max-width:850px){
.mainTEXT.pc_show{display:none;}
.mainTEXT.m_show{display:block;}
.newTEXT.pc_show{display:none;}
.newTEXT.m_show{display:block;}
img.pc{display:none;}
img.mo{display:block; width:100%; height:Auto; object-fit:contain;}

.mainTEXT * , .newTEXT *{letter-spacing:-0.08em}
.mainTEXT{position:static; transform:none; width:100%; box-sizing:border-box; padding:0 6.67vw; display:flex; flex-direction:column; gap:9.33vw }
.mainTEXT h1{width:100%; text-align:left; font-size:12.27vw; font-weight:bold;}
.mainTEXT h1 b{color:var(--mainColor);}
.mainTEXT h2{width:100%; text-align:left; font-size:12.27vw; font-weight:bold;}
.mainTEXT h2 b{color:var(--mainColor);}
.mainTEXT div{width:100%; text-align:justify; word-break:break-all; font-size:5.33vw; margin:6.67vw auto}
.mainTEXT div b{color:var(--mainColor); font-weight:normal;}
.mainTEXT h3{width:100%; font-size:9.33vw; font-weight:normal;}
.mainTEXT h3 b{}

.newTEXT{position:static; transform:none; width:100%; box-sizing:border-box; padding:0 6.67vw; display:flex; flex-direction:column; gap:9.33vw }
.newTEXT h1{width:100%; text-align:left; font-size:12.00vw; font-weight:bold;}
.newTEXT h1 b{color:var(--mainColor);}
.newTEXT h2{width:100%; text-align:left; font-size:12.00vw; font-weight:bold;}
.newTEXT h2 b{color:var(--mainColor);}
.newTEXT div{width:100%; text-align:justify; word-break:break-all; font-size:5.33vw; margin:9.33vw 0;}
.newTEXT div b{color:var(--mainColor); font-weight:normal;}
.newTEXT h3{width:100%; font-size:9.33vw; font-weight:normal; text-align:left;}
.newTEXT h3 b{}

.sec01new{height:auto; padding:16.00vw 0; box-sizing:border-box;}
.sec01new .bg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; background:url(<?=$g_skin_link?>/img/m_sec01new_bg.png) center top 13.33vw no-repeat; background-size:cover; pointer-events:none;}
.sec01new .mainTEXT.m_show{display:flex;}


.Mouse{width:20.00vw; height:6.67vw; display:block; position:fixed; left:auto; right:16vw; bottom:6vw; transform:none !important;}
.Mouse p{padding-top:7.33vw; color:#999; font-size:1.87vw; font-weight:500; text-align:center; font-family:'Montserrat' !important;}
.Mouse a {padding-top: 5.33vw;}
.Mouse a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4.27vw;
  height: 6.00vw;
  margin-left: -2.00vw;
  border: 0.53vw solid #333;
  border-radius: 6.67vw;
  box-sizing: border-box;
}
.Mouse a span::before {
  position: absolute;
  top: 0.67vw;
  left: 50%;
  content: '';
  width: 0.80vw;
  height: 1.60vw;
  margin-left: -0.40vw;
  background-color: #333;
  border-radius: 0.80vw;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}

.sec02new{display:block; padding:29.33vw 0;}
.sec02new .wrap{display:flex; padding:0; padding-top:5.33vw; max-width:none; padding:13.33vw 5.33vw;}
.sec02new .content.content4{max-width:none; margin:0 auto; flex-wrap:wrap; gap:1.87vw; flex-direction:column;}
.sec02new .content.content4 .Box{width:100%; padding:7.33vw 4.00vw;}
.sec02new .content.content4 .Box:After{display:none !important;}
.sec02new .content.content4 .Box .txtWrap ul{display:flex; flex-direction:row; justify-content:space-between; width:100%; align-items:flex-end; margin-top:4.00vw; gap:2.67vw;}
.sec02new .content.content4 .Box .txtWrap ul li:first-child{gap:1.33vw; font-size:2.93vw; padding:1.33vw; border-radius:1.33vw;}
.sec02new .content.content4 .Box .txtWrap ul li:last-child{color:#fff; font-size:2.93vw; padding:2.40vw 4.00vw; border-radius:2.00vw; width:40vw;}
.sec02new .content.content4 .Box .txtWrap ul li big{font-size:5.07vw;}
.sec02 .content.content4 .Box{background-position:right 6.67vw top 5.33vw; background-size: 10.13vw;}

.sec03new .wrap{padding:0 6.67vw;}
.sec03 .cate{gap:2.35vw 3.53vw; margin:10vw auto 0;}
.sec03 .cate h3{width:calc(50% - 1.77vw); font-size:3.2vw; padding:0 2.94vw; line-height:6.47vw;}
.sec03 .cate h3 span{max-width:3vw; height:3vw; background-size:contain !important; background-position:center center !important;}

.etcCon{width:calc(100% - 13.34vw); max-width:none; border-radius:9.33vw; box-sizing:Border-box; display:flex; align-items:Center; background:#f5f5f5; padding:3.33vw 6.00vw; gap:9.33vw; justify-content:space-between; margin:26.67vw auto 0; flex-direction:column;}
.etcCon h5{text-align:center; color:var(--mainColor); font-weight:700; font-size:6.67vw; letter-spacing:-0.06em;}
.etcCon p{font-size:5.33vw; color:#777; margin-top:6.00vw; text-align:justify; word-break:break-all;}
.etcCon > div{width:100%;}
.etcCon > div img{width:100%;}
.etcCon p br{display:none;}

.sec03-04-01{padding:26.67vw 0 26.67vw; display:block; text-align:Center;}
.sec03-04-01 .etcCon{padding-bottom:10.67vw}
.sec03-04-01 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%; background-size:contain; width:100%; height:auto; padding:8.00vw 0 0; background-size:36.27vw; background-position:center top;}

.sec03-04-02{padding:0.00vw 0 13.33vw; display:block; text-align:Center;}
.sec03-04-01 .etcCon{padding-bottom:10.67vw}
.sec03-04-02 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%;  background-size:contain; width:100%; height:auto; padding:8.00vw 0 0; background-size:33.07vw;; background-position:center top;}

.sec03-04-03{padding:13.33vw 0 13.33vw; display:block; text-align:Center;}
.sec03-04-03 .etcCon{gap:4.00vw; padding-bottom:10.67vw}
.sec03-04-03 .etcCon .box01{flex-direction:column; justify-content:center; display:flex; align-items:center; height:100%;  background-size:contain; width:100%; height:auto; padding:8.00vw 0 0;}

.sec06 .wrap{padding:0 6.67vw; max-width:none;}
.sec06 .content > div{display:block;}
.sec06 .wrap{position:relative;}

.sec06 .content{display:flex; flex-direction:column; width:100%; gap:24.00vw; margin-top:6.67vw;}

.sec06 .Box01{width:100%;}
.sec06 ul.list{margin:0; width:100%; max-width:none;}
.sec06 ul.list li{background:var(--mainColor);  color:#fff;pointer-events:none; width:55vw;}
.sec06 ul.list li:nth-child(2){display:none;}
.sec06 ul.list li{font-size:3.2vw; line-height:6.47vw; padding:0 2.35vw;}
.sec06 ul.list li span:last-child{font-size:2vw;}
.sec06 #port_2 div.m_show + .slide{margin-top:6.67vw}
.sec06 .swiper-pagination-bullet{width:1.67vw; height:1.67vw; margin:0 1vw !important;}
.portSwiper .swiper-wrapper .swiper-slide{width:50vw; padding:0;}
.portSwiper .swiper-wrapper .swiper-slide img{width:100%; height:auto;}
.portSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:3.53vw;}
.portSwiper .swiper-wrapper .swiper-slide:first-child{margin-left:3.53vw;}
.portSwiper .swiper-wrapper .swiper-slide p{font-size:3.2vw;}
.portSwiper .swiper-wrapper .swiper-slide a{border-radius:4vw;}

.printSwiper .swiper-wrapper .swiper-slide{width:50vw; padding:0;}
.printSwiper .swiper-wrapper .swiper-slide img{width:100%; height:auto;}
.printSwiper .swiper-wrapper .swiper-slide + .swiper-slide{margin-left:3.53vw;}
.printSwiper .swiper-wrapper .swiper-slide:first-child{margin-left:3.53vw;}
.printSwiper .swiper-wrapper .swiper-slide p{font-size:3.2vw;}
.printSwiper .swiper-wrapper .swiper-slide a{border-radius:4vw;}
.sec09  .swiper-pagination-bullet{width:1.67vw; height:1.67vw; margin:0 1vw !important;}

.sec05{box-sizing:border-box; gap:5.88vw; padding:11.18vw 0; margin-top:26.67vw;}
.sec05BannerPC{opacity:0; position:fixed; z-index:999;}
.m_sec05Banner{opacity:1; position:relative; width:100%; padding:0 5.29vw 4.71vw; box-sizing:border-box; z-index:1;}
.sec05Banner .swiper-wrapper{padding:5.29vw 0;}
.sec05 .content{width:100%;}
.m_sec05Banner .swiper-slide{filter:drop-shadow(0 0 2.35vw rgba(39, 42, 53, 0.3));}
.m_sec05Banner .swiper-slide .img{width:100%;}
.m_sec05Banner .swiper-slide + .swiper-slide{margin-left:0;}
.m_sec05Banner .swiper-pagination{width:100%; display:flex; gap:1.76vw; justify-content:center;}
.m_sec05Banner .swiper-pagination span{width:1.88vw; height:1.88vw; background:#999999; margin:0;}
.sec05Banner .swiper-slide > div{border-radius:4.71vw;}
.sec05Banner .swiper-slide .img{border-radius:4.71vw 4.71vw 0 0}
.sec05Banner .swiper-slide .txt{min-height:34vw;padding:3.53vw; border-radius:0 0 4.71vw 4.71vw;}
.sec05Banner .swiper-slide .txt h4{font-size:4.3vw;}
.sec05Banner .swiper-slide .txt p{font-size:3.8vw;}
.sec05Banner .swiper-slide .txt img{max-width:16vw;}

.sec08 .wrap{flex-direction:column; max-width:none; padding:11.18vw 6.67vw;}
.sec08 .Box{width:100%;}
.sec08 .secTIT h1{text-align:left; font-size:9.33vw;}
.sec08 .secTIT h1 br{display:block;}
.sec08 .secTIT h2{text-align:left; font-size:9.33vw;}
.sec08 .secTIT h2 br{display:block;}
.sec08 .secTIT h4{text-align:justify; font-size:5.33vw; word-break:break-all;}
.sec08 .secTIT h4 br{display:none;}
.sec08 .Box01 ul.info{margin-top:9.41vw; margin-bottom:5.88vw; display:flex; justify-content:flex-start; flex-direction:column;}
.sec08 .Box01 ul.info li{width:100%; box-sizing:border-box; padding:0;}
.sec08 .Box01 ul.info li + li{margin-top:10.27vw; border-left:none;}
.sec08 .Box01 ul.info li p{font-size:4.00vw; font-weight:bold; color:#999;}
.sec08 .Box01 ul.info li span{font-size:5.33vw; line-height:1.5;}
.sec08 .Box01 ul.info li span b{font-size:9.33vw; font-weight:bold; font-family:'Montserrat';}
.sec08 .Box01 ul.info li div{display:flex; align-items:center; gap:1.76vw}
.sec08 .Box01 ul.info li div img{width:7vw; height:auto;}
.sec08 .Box02{box-sizing:border-box; padding:6.67vw 2.94vw; border-radius:3.529vw; margin-top:13.33vw;}
.sec08 .Box02 h6{font-family:'Montserrat'; color:#fff; text-align:center; font-size:9.33vw; margin-bottom:6.67vw;}

.sec08 form{margin:0;}
.formList{display:flex; flex-direction:column; gap:0.82vw;}
.formList div{display:flex; flex-direction:column; gap:0.82vw;}
.formList select, .formList input[type="text"], .formList textarea{border-radius:1.76vw; background:#fff; border:none; font-family:"Noto Sans KR",sans-serif;}
.formList input[type="text"]::placeholder, .formList textarea::placeholder{font-size:5.33vw; color:#999;}
.formList select option:selected{font-size:5.33vw; color:#333;}
.formList select, .formList input[type="text"]{height:13.33vw; line-height:13.33vw; box-sizing:border-box; padding:0 1.76vw; width:100%; font-size:5.33vw;}
.formList select::placeholder{color:#999}
.formList select{font-size:5.33vw; color:#333; padding-left:1.2vw;}
.formList textarea{width:100%; height:28vw; resize:none; box-sizing:Border-box; padding:2.35vw 1.76vw; font-family:"Noto Sans KR",sans-serif; font-size:5.33vw;}
.contactForm .formBtn{cursor:pointer; text-align:center; width:100%; line-height:10vw; border:0.2vw solid #fff; font-size:5.33vw; border-radius:1.76vw; margin:5vw 0 3vw; color:#fff;}
.contactForm .agreeWrap{display:flex; justify-content:flex-end; align-items:center; gap:0.59vw; position:relative;}
.contactForm .agreeWrap label, .contactForm .agreeWrap span{color:#fff; line-height:1; font-size:5.33vw;}
.contactForm .agreeWrap label{display:flex; align-items:center;}
.contactForm .agreeWrap label input{width:3vw; height:3vw; vertical-align:text-bottom; margin-right:1.5vw;}
.contactForm .agreeWrap span{cursor:pointer;}


.sec09{margin-bottom:26.67vw;}


.sec03 .view_section .swiper-slide > div .chartWrap{height:80vw; padding:8vw 4vw; border-radius:5vw;}

}