@media (max-width: 1600px){
	
	/* s2_1_2 */
	.s2_1 .arti10 .cnt .txt-box dl dd br {display: none;}
}

@media (max-width: 1400px){
	.s2_1 .slide-wrap2 .arti05-slide {height: auto;}
	
	.s2_1 .arti06 .flex-wrap {gap: 40px;}
	
	/* s2_1_2 */
	.s2_1 .arti10 .cnt .txt-box h5 {font-size: 30px; line-height: 1.2;}
	.s2_1 .arti10 .cnt .txt-box dl {flex-wrap: wrap; gap: 20px;}
	.s2_1 .arti10 .cnt .txt-box dl dt {margin: 0 auto; max-width: 180px;}
	.s2_1 .arti10 .cnt .txt-box dl dd {width: 100%;}
	
	.s2_1 .arti11 .cnt ul {gap: 100px;}
	.s2_1 .arti11 .cnt ul li dl dd p br {display: none;}
	.s2_1 .arti11 .cnt ul li dl .note > h5 {width: 1%; flex: 1 1 auto;}
	
	.s2_1 .arti12 .cnt .left {max-width: 400px;}
	
	/* s2_2_2 */ 
	.s2_2_2 .arti17 .effect figure {max-width: 600px}
}

@media (max-width: 1200px){
	.s1_1 .intro {margin-top: 100px;}
	.s1_1 .intro p br {display: none;}

	.s2_1 .arti01 .vs_img {width: 100%; max-width: 500px;}

	.s2_1 .arti02 .cnt ul li dl {padding: 50px 20px 20px;}
	.s2_1 .arti02 .cnt ul li dl::after {right: 20px;}

	.s2_1 .arti03 .txt_wrap .txt_box dl dt {font-size: 30px;}
	.s2_1 .arti03 .img {/* left: 15px; transform: none; max-width: 200px; */ opacity: .3;}
	.arti03 .pop_table {width: 780px;min-height: auto; padding: 20px 20px 50px;}
	.arti03 .pop_table2 {left: initial; transform: none;}
	
	.s2_1 .arti06 .tab ul li {width: 100%;}
	.s2_1 .arti06 .tab ul li ~ li {margin-top: 10px;}
	.s2_1 .arti06 .slide-wrap3 {max-width: 600px;}
	
	.s2_1 .arti08 .table-wrap table colgroup {display: none;}
	.s2_1 .arti08 .table-wrap table th:nth-of-type(1) {width: 250px;}
	
	.s2_1 .arti10 .cnt {gap: 20px;}
	.s2_1 .arti10 .cnt .txt-box {padding:30px;}
	.s2_1 .arti10 .cnt .txt-box dl dd {text-align: center;}
	
	.s2_1 .arti11 .cnt ul {gap: 50px;}
	.s2_1 .arti11 .cnt ul li dl dd h5 {font-size: 22px;}
	.s2_1 .arti11 .cnt ul li dl dd p {font-size: 18px;}
	
	.s2_1 .arti12 .cnt .left {max-width: 350px;}
	
	/* s2_1_3 */
	.s2_1_3 .arti14 .cnt .mode ul li p {padding: 25px 20px;}
	.s2_1_3 .arti14 .cnt .mode ul li p::after {bottom: 20px; right: 20px;}
	
	/* s2_2_1 */
	.s2_2_1 .arti13 .cnt .wrap {align-items: center;}
	.s2_2_1 .arti13 .cnt .wrap .img-box {padding-left: 0; max-width: 500px;}
	.s2_2_1 .arti13 .cnt .musfit ul li {min-height: 340px;}
	.s2_2_1 .arti13 .cnt .musfit ul li dl {padding: 130px 20px 20px;}
	.s2_2_1 .arti13 .cnt .musfit ul li dl dt {font-size: 22px;}
	.s2_2_1 .arti13 .cnt .musfit ul li dl dd {font-size: 18px;}
	.s2_2_1 .arti13 .table-wrap table th:nth-of-type(1) {width: 120px;}
	.s2_2_1 .arti13 .table-wrap table td {padding: 15px 10px;}
	
	/* s2_2_2 */
	.s2_2_2 .arti16 .cnt p {padding-right: 160px;}
	.s2_2_2 .arti02 .cnt ul li dl {padding: 20px 40px;}
	.s2_2_2 .arti17 .effect figure {max-width: 500px;}
	.s2_2_2 .arti17 .effect .txt-box dl dt {line-height: 80px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd h5 {font-size: 24px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd p {line-height: 1.3;}
	
	.s2_2_2 .arti17 .synergy ul li .inner .img-box img {width: 80%;}
	
	.s2_2_2 .arti18 .cnt {gap: 20px;}
	.s2_2_2 .arti18 .cnt .img {max-width: 550px;}
	.s2_2_2 .arti18 .cnt .txt p {font-size: 22px;}
}

@media (max-width: 1024px){

	.s2_1 .arti01 h3 {font-size: 60px;}
	
	.s2_1 .arti02 .cnt ul li dl {padding: 40px 20px;}
	.s2_1 .arti02 .cnt ul li dl::after {width: 80px; height: 80px; background-size: 80px auto;}
	.s2_1 .arti02 .cnt ul li dl dt {font-size: 24px;}
	.s2_1 .arti02 .cnt ul li dl dd {font-size: 18px; padding-right: 90px;}
	
	.s2_1 .arti03 .txt_wrap .txt_box dl dt {font-size: 20px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dd {font-size: 18px;}
	.arti03 .pop_table {width: 650px; left: -100px;}
	.arti03 .pop_table .table-wrap table colgroup {display: none;}
	.arti03 .pop_table .table-wrap table th:nth-of-type(2) {width: 200px;}
	
	.s2_1 .arti06 .flex-wrap {flex-wrap: wrap; gap: 60px;}
	.s2_1 .arti06 .flex-wrap .left {width: 100%;}
	.s2_1 .arti06 .slide-wrap3 {max-width: 70%; margin: 0 auto;}
	.s2_1 .arti06 .article-header2 p br {display: none;}
	.s2_1 .arti06 .left {max-width: 100%;}
	.s2_1 .arti06 .tab ul li {width: 50%;}
	.s2_1 .arti06 .tab ul li ~ li {margin-top: 0px;} 
	.s2_1 .arti06 .btn-box {margin-top: 40px;}
	.arti06-popup .inner {max-width: 590px;}
	
	.s2_1 .arti07 {height: auto; padding-bottom: 50px;}
	
	.s2_1 .arti10 .cnt {flex-wrap: wrap;}
	.s2_1 .arti10 .cnt figure {max-width: 100%;}
	.s2_1 .arti10 .cnt figure img {margin: 0 auto; display: block;}
	.s2_1 .arti10 .cnt .txt-box {width: 100%;}
	
	.s2_1 .arti11 .cnt ul {gap: 20px;}
	.s2_1 .arti11 .cnt ul li dl {padding-left: 50px;}
	.s2_1 .arti11 .cnt ul li dl::before {width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
	.s2_1 .arti11 .cnt ul li dl .note > a.plus {width: 25px; height: 25px;}
	.s2_1 .arti11 .cnt ul li dl .note > a.plus > span {left: initial; right: -8px;}
	
	.s2_1 .arti12 .cnt .left {max-width: 300px;}
	.s2_1 .arti13 .cnt h5 {font-size: 28px;}
	
	/* s2_1_2 */
	.s2_1_2 .arti02 .cnt ul li dl dd h5 {font-size: 24px;}
	.s2_1_2 .arti02 .cnt ul li dl dd {padding-right: 0;}
	.s2_1_2 .arti02 .cnt ul li dl dd br {display: none;}
	
	/* s2_1_3 */
	.s2_1_3 .arti02 .table-pop .table-wrap table colgroup {display: none;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(2) {width: 150px;}
	.s2_1_3 .arti14 .cnt .mode ul li p {font-size: 20px;}
	.s2_1_3 .arti14 .cnt .mode ul li p::after {width: 100px; height: 120px; background-size: 100px auto;}
	
	/* s2_2_1 */
	.s2_2_1 .arti13 .cnt .wrap {gap: 40px}
	.s2_2_1 .arti13 .cnt .wrap .img-box {max-width: 350px;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p {font-size: 20px;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p > small {font-size: 18px;}
	.s2_2_1 .arti13 .cnt .musfit ul {flex-wrap: wrap;}
	.s2_2_1 .arti13 .cnt .musfit ul li {width: 48%;}
	
	.s2_2_1 .arti13 .table-wrap table th {font-size: 18px;}
	.s2_2_1 .arti13 .table-wrap table th:nth-of-type(1) {width: 70px;}
	.s2_2_1 .arti13 .table-wrap table td {font-size: 18px; word-break: break-all; line-height: 1.3;}
	
	/* s2_2_2 */
	.s2_2_2 .arti16 .cnt p {font-size: 20px;}
	.s2_2_2 .arti16 .cnt p > strong {font-size: 24px;}
	.s2_2_2 .arti02 .cnt ul li dl dt {padding-right: 80px; line-height: 1.3; text-align: center;}
	.s2_2_2 .arti17 .cnt p {font-size: 18px;}
	
	.s2_2_2 .arti17 .effect figure {max-width: 400px;}
	.s2_2_2 .arti17 .effect .txt-box dl dt {max-width: 100px; font-size: 24px; line-height: 60px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd h5 {font-size: 20px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd p {font-size: 18px; margin-top: 10px;}
	
	.s2_2_2 .arti17 .container > h5 {font-size: 28px;}
	.s2_2_2 .arti17 .cell {gap: 80px;}
	.s2_2_2 .arti17 .cell figure figcaption {font-size: 20px;}
	
	.s2_2_2 .arti17 .synergy ul li .inner .txt-box {margin-top: 30px;}
	.s2_2_2 .arti17 .synergy ul li .inner .txt-box strong {font-size: 24px;}
	.s2_2_2 .arti17 .synergy ul li .inner .txt-box p {font-size: 18px;}
	
	.s2_2_2 .arti18 .article-header3 h4 {font-size: 30px;}
	.s2_2_2 .arti18 .article-header3 p {font-size: 20px;}
	
	.s2_2_2 .arti18 .cnt {min-height: 345px; padding: 60px 30px;}
	.s2_2_2 .arti18 .cnt .img {max-width: 400px;}
	.s2_2_2 .arti18 .cnt .txt b {font-size: 40px;}
	.s2_2_2 .arti18 .cnt .txt h5 {font-size: 24px;}
	.s2_2_2 .arti18 .cnt .txt p {font-size: 18px;}
	
	.s2_2_2 .arti19 .cell figure figcaption > strong {font-size: 24px;}
}


@media (max-width: 768px){
	section {padding-bottom: 120px;}
	.section-header h3 {font-size: 32px;}

	.article-header h4 {font-size: 28px; line-height: 1.5;}
	.article-header h4 strong {font-size: 34px; display: block;}
	
	.article-header2 h4 {font-size: 34px; padding-bottom: 30px;}
	.article-header2 h4 span {font-size: 28px;}
	.article-header2 p {font-size: 20px;}

	.s1_1 {padding:240px 0 200px;}
	.s1_1 .article-header h4 {font-size: 36px;}
	.s1_1 .intro {margin-top: 60px;}
	.s1_1 .intro figure img {max-width: 120px; width: 100%;}
	.s1_1 .intro h5 {font-size: 26px; margin-top: 20px; align-items: flex-start; width: 80%; margin: 20px auto 0; gap: 10px;}
	.s1_1 .intro p {font-size: 18px; margin-top: 40px;}
	.s1_1 .img_map {margin-top: 150px;}

	.s2_1 .arti01 {background-position: 70% 50%;}
	.s2_1 .arti01 .inner {padding-top: 180px;}
	.s2_1 .arti01 .btn-box {margin-top: 30px;}
	.s2_1 .arti01 h3 {font-size: 50px; padding-bottom: 30px;}
	.s2_1 .arti01 p {font-size: 20px; margin-top: 30px;}
	.s2_1 .arti01 .vs_img {top: initial; right: initial; left: 50%; max-width: 400px; margin: 0 auto; bottom: 0px; transform: none; transform: translateX(-50%); opacity: 1;}
	
	.s2_1 article ~ article {padding: 100px 0;}
	
	.s2_1 .arti08 {padding-bottom: 0;}
	.s2_1 .arti02 .article-header {margin-bottom: 40px;}
	.s2_1 .arti02 .cnt ul li {width: 50%;}
	.s2_1 .arti02 .cnt ul li:nth-of-type(2) ~ li {margin-top: 20px;}
	.s2_1 .arti02 .cnt ul li dl {padding: 30px 20px 60px;}
	.s2_1 .arti02 .cnt ul li dl::after {top: initial; bottom: 20px; transform: none; width: 70px; height: 70px; background-size: 70px auto;}
	.s2_1 .arti02 .cnt ul li dl dt {font-size: 20px;}
	.s2_1 .arti02 .cnt ul li dl dd {font-size: 16px; padding-right: 0;}
	.s2_1 .arti02 .cnt ul li dl dd br {display: none;}
	
	.s2_1 .arti03 {height: auto; padding-bottom: 80px;}
	.s2_1 .arti03 .txt_wrap {flex-wrap: wrap; gap: 30px; margin-top: 60px;}
	.s2_1 .arti03 .txt_wrap .txt_box {width: 100%;}
	.s2_1 .arti03 .txt_wrap .txt_box dl ~ dl {margin-top: 30px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dt.btn {flex-wrap: wrap;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dt .pop_btn {width: 100%;}
	
	.arti03 .pop_table {width: 480px; left: -12px;}
	.arti03 .pop_table2 {left: -12px;}
	.arti03 .pop-img2 {right: initial; left: -12px;}
	
	.s2_1 .arti04 {height: auto; padding-bottom: 150px;}
	.s2_1 .arti04 .article-header2 {padding-bottom: 60px;}
	.s2_1 .controls {bottom: 0;}
	.s2_1 .arti04 .slide-wrap  {position:static; width: calc(100% + 40px); height: calc(100% + 40px); padding: 20px; margin: -20px;}
	.s2_1 .slide-wrap .arti04-slide {height: auto; margin-top: 40px;}
	.s2_1 .arti04 .notice {bottom: 70px}
	
	.s2_1 .arti05 .article-header2 {padding-bottom: 60px;}
	.s2_1 .slide-wrap2 {margin-top: 40px;}
	.s2_1 .arti05 .controls {bottom: 0;}
	.s2_1 .arti05 .notice {margin-top: 30px;}
	
	.s2_1 .arti06 .tab ul li {width: 100%;}
	.s2_1 .arti06 .tab ul li ~ li {margin-top: 10px;}
	.s2_1 .arti06 .slide-wrap3 {max-width: 100%; padding: 0 50px;}
	.s2_1 .arti06 .slide-wrap3 .swiper .swiper-slide .img-box {padding: 0 20px 20px 20px;}
	.arti06-popup .inner {max-width: 500px; height: auto;}
	.s2_1 .arti06 .arti06-popup .controls {width: 110px; top: initial; transform: none; transform:translateX(-50%); bottom: 40px;}
	
	.s2_1 .arti07 .tit-box > h5 {font-size: 26px;}
	
	.s2_1 .arti08 .table-wrap table th:nth-of-type(1) {width: 30%;}
	.s2_1 .arti08 .table-wrap table th {font-size: 16px;}
	.s2_1 .arti08 .table-wrap table td {font-size: 16px; padding: 15px 10px;}
	
	.s2_1 .arti10 {padding: 100px 0;}
	
	.s2_1 small.notice {font-size: 16px;}
	
	.s2_1 .arti10 .cnt {margin-top: 40px;}
	.s2_1 .arti10 .cnt .txt-box h5 {font-size: 22px;}
	.s2_1 .arti10 .cnt .txt-box dl {margin-top: 20px;}
	.s2_1 .arti10 .cnt .txt-box dl dt {max-width: 150px;}
	.s2_1 .arti10 .cnt .txt-box dl dd {font-size: 18px;}
	
	.s2_1 .arti11 .cnt {margin-top: 40px;}
	.s2_1 .arti11 .cnt ul {flex-wrap: wrap; gap: 40px;}
	.s2_1 .arti11 .cnt ul li {width: 100%;}
	.s2_1 .arti11 .cnt ul li dl dt {box-shadow: none;}
	.s2_1 .arti11 .cnt ul li dl dd {margin-top: 30px; text-align: center;}
	.s2_1 .arti11 .cnt ul li dl .note {justify-content: center;}
	.s2_1 .arti11 .cnt ul li dl .note > h5 {width: auto; flex: none;}
	.s2_1 .arti11 .cnt ul li dl .note > a.plus > span {right: -20px;}
	
	.s2_1 .arti12 {padding: 100px 0;}
	
	.s2_1 .arti13 .cnt {margin-top: 40px;}
	.s2_1 .arti13 .cnt h5 {font-size: 24px;}
	.s2_1 .arti13 .cnt h5::before {top: 3px;}
	.s2_1 .arti13 {padding-top: 80px;}
	.s2_1 .arti13 .cnt > small {font-size: 16px;}
	.s2_1 .arti13 .cnt ~ .cnt {margin-top: 60px;}
	.s2_1 .arti13 .cnt dl dt {font-size: 20px;}
	.s2_1 .arti13 .cnt dl dd p {font-size: 18px;}
	.s2_1 .arti13 .cnt3 .figure-box {flex-wrap: wrap;}
	.s2_1 .arti13 .cnt3 .figure-box figure {width: 100%;}
	
	.s2_1 .arti15 .cnt {margin-top: 40px; padding: 20px 15px;}
	.s2_1 .arti15 .cnt ul {gap: 15px;}
	
	/* s2_1_1 */
	.s2_1_1 .arti09 .pop_table .table-wrap table td {word-break:break-all;}
	
	/* s2_1_2 */
	.s2_1_2 .arti03 {padding-top: 100px;}
	.s2_1_2 .arti04 .article-header2 p {font-size: 24px;}
	.s2_1_2 .arti01 .vs_img {max-width: 300px;}
	.s2_1_2 .arti02 .cnt ul li {width: 100%; min-height: 320px;}
	.s2_1_2 .arti02 .cnt ul li ~ li {margin-top: 20px;}
	.s2_1_2 .arti02 .cnt ul li dl {padding: 30px 20px;}
	.s2_1_2 .arti04 {padding-bottom: 100px;}
	.s2_1_2 .arti08 .table-wrap table th:nth-of-type(1) {width: 100px;}
	.s2_1 .arti12 .cnt {flex-wrap: wrap; gap: 60px}
	.s2_1 .arti12 .cnt > div .img-box {min-height: auto;} 
	.s2_1 .arti12 .cnt .left {max-width: 100%;}
	.s2_1 .arti12 .cnt > div strong {font-size: 22px;}
	.s2_1 .arti12 .cnt > div span {font-size: 18px;}
	
	/* s2_1_3 */
	.s2_1_3 .arti02 .cnt ul li dl dt > span {width: 20px; height: 20px;}
	.s2_1_3 .arti02 .table-pop {top: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); padding: 20px;}
	.s2_1_3 .arti02 .table-pop h5 {font-size: 22px;}
	.s2_1_3 .arti02 .table-pop .table-wrap {overflow: auto;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th {width: 200px;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(1) {width: 150px;} 
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(2) {width: 200px;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(5),
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(6) {width: 100px;}
	.s2_1_3 .arti03 {padding: 100px 0 0;}
	.s2_1_3 .arti03 .img {bottom: initial; top: 50%; transform: translate(-50%, -50%);}
	.s2_1_3 .arti14 .cnt .mode ul {flex-wrap: wrap;}
	.s2_1_3 .arti14 .cnt .mode ul li {width: 50%; min-height: 200px;}
	.s2_1_3 .arti14 .cnt .mode ul li:nth-of-type(2) ~ li {margin-top: 30px;}
	.s2_1_3 .arti14 .cnt .mode ul li:nth-of-type(2n)::after {display: none;}
	.s2_1_3 .arti14 .cnt .mode ul li p {font-size: 18px;}
	.s2_1_3 .arti14 .cnt h5 ~ h5 {margin-top: 60px;}
	.s2_1_3 .arti08 {padding-top: 100px;}
	
	
	/* s2_2_1 */
	.s2_2_1 .arti13 ~ .arti13 {margin-top: 0;}
	.s2_2_1 .arti13 .cnt {margin-top: 0;}
	.s2_2_1 .arti13 .cnt .wrap {flex-wrap: wrap;}
	.s2_2_1 .arti13 .cnt .wrap .img-box {max-width: 100%;}
	.s2_2_1 .arti13 .cnt .wrap .img-box img {margin: 0 auto;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p {font-size: 18px;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p br {display: none;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p::before {top: 12px}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p > small {font-size: 16px;}
	.s2_2_1 .arti13 .cnt .musfit ul li {width: 100%; min-height: 260px;}
	.s2_2_1 .arti13 .cnt h5 {margin-bottom: 30px;}
	.s2_2_1 .arti02 .cnt > strong {font-size: 22px;}
	
	.s2_2_1 .arti13 .table-wrap {overflow: auto;}
	.s2_2_1 .arti13 .table-wrap table th {width: 110px; line-height: 48px;}
	.s2_2_1 .arti13 .table-wrap table th:nth-of-type(1) {width: 70px;}
	.s2_2_1 .arti13 .table-wrap table td {padding: 10px; word-break: keep-all;}
	
	.s2_2_1 .arti08 {padding-top: 100px;}
	
	/* s2_2_2 */
	.s2_2_2 .arti16 .cnt p {padding-right: 0; font-size: 18px;}
	.s2_2_2 .arti16 .cnt p > strong {font-size: 22px;}
	.s2_2_2 .arti02 {padding-bottom: 0;}
	.s2_2_2 .arti02 .cnt ul {flex-wrap: nowrap;}
	.s2_2_2 .arti02 .cnt ul li {width: 33.3333%; min-height: 140px;}
	.s2_2_2 .arti02 .cnt ul li:nth-of-type(2) ~ li {margin-top: 0 !important;}
	.s2_2_2 .arti02 .cnt ul li dl {padding: 30px 10px; display: block;}
	.s2_2_2 .arti02 .cnt ul li dl::after {bottom: 20px; right: initial; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; background-size: 60px auto;}
	.s2_2_2 .arti02 .cnt ul li dl dt {padding-right: 0; font-size: 18px;}
	
	.s2_2_2 .arti17 .effect {flex-wrap: wrap;}
	.s2_2_2 .arti17 .effect figure {max-width: 100%;}
	
	.s2_2_2 .arti17 .container > h5 {font-size: 24px;}
	.s2_2_2 .arti17 .cell {flex-wrap: wrap;}
	.s2_2_2 .arti17 .cell::after {top: 50%; transform: translate(-50%, -50%) rotate(90deg);}
	.s2_2_2 .arti17 .cell figure {width: 100%;}
	
	.s2_2_2 .arti17 .synergy ul {flex-wrap: wrap;}
	.s2_2_2 .arti17 .synergy ul li {width: 33.3333%;}
	.s2_2_2 .arti17 .synergy ul li:last-child {width: 100%; margin-top: 30px;}
	.s2_2_2 .arti17 .synergy ul li .inner .img-box {min-height: 180px;}
	.s2_2_2 .arti17 .synergy ul li:last-child .inner .img-box img {width: auto}
	.s2_2_2 .arti17 .synergy ul li .inner .txt-box strong {font-size: 20px;}
	.s2_2_2 .arti17 .synergy ul li .inner .txt-box p {font-size: 16px;}
	
	.s2_2_2 .arti18 .article-header3 h4 {font-size: 26px;}
	.s2_2_2 .arti18 .article-header3 p {font-size: 18px;}
	
	.s2_2_2 .arti18 .cnt {flex-wrap: wrap;}
	.s2_2_2 .arti18 .cnt .txt-box {width: 100%;}
	.s2_2_2 .arti18 .cnt .img {max-width: 100%;}
	
	.s2_2_2 .arti19 .cell figure figcaption > strong {font-size: 20px;}
	.s2_2_2 .arti19 .cell figure figcaption > p {font-size: 18px; margin-top: 8px;}
	
	.s2_2_2 .arti08 {padding-top: 100px;}
	
	.s2_2_2 .guide .article-header2 span {font-size: 20px;}
	
}

@media (max-width: 480px){

	.article-header h4 {font-size: 20px; padding-top: 25px;}
	.article-header h4 strong {font-size: 26px;}
	
	.article-header2 h4 {font-size: 26px;}
	.article-header2 h4 span {font-size: 20px;}
	.article-header2 p {font-size: 18px; margin-top: 20px;}
	.article-header2 p br {display: none;}


	.s2_1 .arti01 {height: 850px;}

	.s2_1 .arti01 .img {max-width: 200px;}
	.s2_1 .arti01 h3 {font-size: 40px;}
	.s2_1 .arti01 p {margin-top: 20px;}
	.s2_1 .arti01 p br {display: none;}
	.s2_1 .arti01 .vs_img {max-width: 350px;}
	

	.s2_1 .arti02 .cnt ul {width: calc(100% + 10px); margin: 0 -5px;}
	.s2_1 .arti02 .cnt ul li {padding: 0 5px;}
	.s2_1 .arti02 .cnt ul li:nth-of-type(2) ~ li {margin-top: 10px;}
	.s2_1 .arti02 .cnt ul li dl {padding: 20px 15px 80px;}
	.s2_1 .arti02 .cnt ul li dl::after {right: 15px; bottom: 15px;}
	.s2_1 .arti02 .cnt ul li dl dt {font-size: 18px;}
	
	.btn-box > a {font-size: 16px; padding: 0 20px; line-height: 48px;}
	.btn-box > a::after {right: 20px; width: 35px; background-size: 35px auto;}
	
	.arti03 .popup {width: 300px; min-height: 200px;}
	.arti03 .pop_table {width: 350px; padding: 20px 10px 50px;}
	.arti03 .pop_table .table-wrap {overflow: auto;}
	.arti03 .pop_table .table-wrap table th {width: 100px;}
	.s2_1_1 .arti03 {margin-bottom: 80px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl ~ dl {margin-top: 20px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dt.btn {gap: 10px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dt {font-size: 18px;}
	.s2_1 .arti03 .txt_wrap .txt_box dl dd {font-size: 16px; margin-top: 10px;}
	
	.s2_1 .arti06 .flex-wrap {gap: 30px}
	.s2_1 .arti06 .tab ul li p span {font-size: 16px;}
	.s2_1 .arti06 .slide-wrap3 {padding: 0; padding-top: 70px; padding-bottom: 10px;}
	.s2_1 .arti06 .slide-wrap3 .swiper .swiper-slide .img-box {padding: 0; padding-bottom: 20px;}
	.s2_1 .arti06 .controls {transform: none; top: 0; width: 110px; right: 0; }
	.arti06-popup .inner {top: 45%;}
	.s2_1 .arti06 .arti06-popup .controls {bottom: 100px;}
	
	
	.s2_1 .arti07 .tit-box > h5 {font-size: 22px;}

	.s2_1 small.notice {font-size: 14px; line-height: 1.5;}
	
	.s2_1 .arti10 .cnt .txt-box {padding: 20px;}
	.s2_1 .arti10 .cnt .txt-box h5 {font-size: 20px;}
	.s2_1 .arti10 .cnt .txt-box dl dd {font-size: 16px;}
	
	.s2_1 .arti11 {padding: 100px 0;}
	.s2_1 .arti11 .cnt ul li dl dd p {font-size: 16px;}
	.s2_1 .arti11 .cnt ul li dl .note > a.plus > span {width: 265px; padding: 25px; right: -8px;}
	
	.s2_1 .arti13 .cnt h5 {font-size: 20px;}
	.s2_1 .arti13 .cnt dl dt {font-size: 18px;}
	.s2_1 .arti13 .cnt dl dd p {font-size: 16px;}
	.s2_1 .arti13 .cnt > small {font-size: 14px;}
	.s2_1 .arti13 .cnt figure {margin-top: 20px;}
	
	/* s2_1_1 */
	.s2_1_1 .arti09 .pop_table .table-wrap table td {width: 90px;}
	
	/* s2_1_2 */
	.s2_1_2 .arti01 .vs_img {max-width: 250px; bottom: -50px;}
	.s2_1_2 .arti02 .cnt ul li {min-height: 240px;}
	.s2_1_2 .arti02 .cnt ul li dl {padding: 20px 15px;}
	.s2_1_2 .arti02 .cnt ul li dl dt {max-width: 90px;}
	.s2_1_2 .arti02 .cnt ul li dl dd {margin-top: 20px;}
	.s2_1_2 .arti02 .cnt ul li dl dd h5 {font-size: 18px;}
	.s2_1_2 .arti02 .cnt ul li dl dd p {font-size: 16px;}
	
	/* s2_1_3 */
	.s2_1_3 .arti01 .vs_img {max-width: 300px;}
	.s2_1_3 .arti02 .cnt ul li dl dt > span {margin-left: 10px;}
	.s2_1_3 .arti02 .cnt ul li dl dd br {display: block;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th {font-size: 14px; line-height: 48px; width: 120px;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(1) {width: 100px;} 
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(2) {width: 150px;}
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(5),
	.s2_1_3 .arti02 .table-pop .table-wrap table th:nth-of-type(6) {width: 80px;}
	.s2_1_3 .arti02 .table-pop .table-wrap table td {font-size: 14px; padding: 10px;}
	.s2_1_3 .arti14 .cnt .mode {margin-top: 30px;}
	.s2_1_3 .arti14 .cnt .mode ul {width: calc(100% + 30px); margin: 0 -15px;}
	.s2_1_3 .arti14 .cnt .mode ul li {padding: 0 15px;}
	.s2_1_3 .arti14 .cnt .mode ul li:not(:last-child)::after {width: 28px; height: 28px; right: -14px;}
	.s2_1_3 .arti14 .cnt .mode ul li p {padding: 20px 10px;}
	.s2_1_3 .arti14 .cnt .mode ul li p::after {width: 90px; height: 108px; background-size: 90px auto; bottom: 20px; right: 10px;}
	
	/* s2_2_1 */
	.s2_2_1 .arti01 .inner .img {max-width: 180px; font-size: 22px; line-height: 46px;}
	.s2_2_1 .arti01 .vs_img {max-width: 300px;}
	.s2_2_1 .arti13 .cnt .wrap .img-box img {width: 80%;}
	.s2_2_1 .arti13 .cnt h5 > span {font-size: 20px;}
	.s2_2_1 .arti13 .cnt .wrap .txt-box p {font-size: 16px;}
	.s2_2_1 .arti13 .cnt .musfit ul li dl dt {font-size: 18px;}
	.s2_2_1 .arti13 .cnt .musfit ul li dl dd {font-size: 16px;}
	
	/* s2_2_2 */
	.s2_2_2 .arti01 .vs_img {max-width: 300px; bottom: -30px;}
	.s2_2_2 .arti02 .cnt ul li dl dt {font-size: 16px;}
	.s2_2_2 .arti13 .cnt h5 br {display: none;}
	.s2_2_2 .arti13 .cnt h5 br.mo {display: block;}
	.s2_2_2 .arti17 .cnt p {font-size: 16px; padding-left: 0;}
	.s2_2_2 .arti17 .effect .txt-box dl dt {font-size: 20px; max-width: 80px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd h5 {font-size: 18px;}
	.s2_2_2 .arti17 .effect .txt-box dl dd p {font-size: 16px;}
	
	.s2_2_2 .arti17 .synergy ul li:nth-of-type(1) .inner .img-box, .s2_2_2 .arti17 .synergy ul li:nth-of-type(2) .inner .img-box {width: 100%;}
	.s2_2_2 .arti17 .synergy ul li {width: 100%;}
	.s2_2_2 .arti17 .synergy ul li ~ li {margin-top: 30px;}
	.s2_2_2 .arti17 .synergy ul li .inner .img-box {min-height: 200px; border-radius: 18px !important;}
	.s2_2_2 .arti17 .synergy ul li .inner .img-box img {width: auto;}
	
	.s2_2_2 .arti18 .article-header3 h4 {font-size: 24px;}
	.s2_2_2 .arti18 .article-header3 p {font-size: 16px; margin-top: 20px;}
	
	.s2_2_2 .arti19 .cell figure figcaption > p {font-size: 16px;}
	
	.s2_2_2 .guide .article-header2 span {font-size: 16px;}
}