@media (max-width:1024px) { /* 태블릿 */
.more { font-size:18px; width: 240px; line-height:60px;  }
#main strong br { display: block; }

#trouble .wrap > .fl > img { transform: scale(0.7); }
#trouble figure { position: relative; }
#trouble figure > img { height: 130px; }
#trouble figure figcaption { font-size:24px; }
#trouble figure figcaption img { margin-right:10px; transform: scale(0.7); }
#trouble .odd figure { margin-left:-26px;  }
#trouble .even figure { margin-right:-26px;  }

#cont h2 { line-height:1.8; font-size:40px;  }

#cont .graph ul { justify-content: space-between; }
#cont .graph ul li { margin:0; }
#cont .graph ul li h3 { line-height:60px; padding:0 30px; position: absolute; left: 0; top:-30px; background: #2149d9; font-size:24px; color:#fff; border-radius: 30px 30px 30px 0; }
#cont .graph ul li img { width:44vw; }

#cont .day h2 img:nth-of-type(1) { width:310px; }
#cont .day h2 img:nth-of-type(2) { width: 224px; }

#review .kakao article { width: 400px; height: auto; align-items: flex-start; padding-bottom: 140px; box-sizing: border-box; }
#review .kakao article > img { height: 60px; }
#review .kakao article h2 { font-size:36px; }
#review .kakao article a img { height: 30px; }

#review .kakao .k_slide { height: 500px; width: calc(100% - 400px); right: -4vw; top:0; }
#review .kakao .k_slide:before { height: 400px; top:50px;  }
#review .kakao .k_slide .swiper-slide { display:flex; align-items:center; justify-content:flex-end;  }
#review .kakao .k_slide .swiper-slide img { width: 180px; transition:0.3s; }
#review .kakao .k_slide .swiper-slide-active img { width: 246px;  }

/*
#review .kakao .k_slide { height: 500px; width: 104%; position: relative; right: -4vw; top:0; }
#review .kakao .k_slide:before { height: 400px; top:50px;  }
#review .kakao .k_slide .swiper-slide { display:flex; align-items:center; justify-content:flex-end;  }
#review .kakao .k_slide .swiper-slide img { width: 180px; transition:0.3s; }
#review .kakao .k_slide .swiper-slide-active img { width: 246px;  }
*/

#review .spc h2 { font-size:36px; top:14px; }
#review .spc h2 .mob { display: block; }
#review .spc ul { width:auto; }
#review .spc ul li { width: calc((100% - 40px) / 3); height: 200px; }
#review .spc ul li:nth-child(3n+1) { margin-left: 0; }
#review .spc ul li strong { font-size:18px; padding:6px 16px; }
#review .spc ul li p { font-size:16px; margin-top: 20px; text-align: center; }
#review .spc ul li p br { display: block; }

#agy h2 { font-size:36px; }
#agy h2 .mob { display: block; }
#agy ul { width: calc(100% - 300px); }
#agy ul li { height: 100px; margin-bottom: 30px; }
#agy ul li span { font-size:18px; text-align: center; }
#agy ul li span.cp { font-size:20px; }
#agy ul li img { width: 60px; }
#agy .more { position: static; display: block; margin:40px auto 0; }


#inspect .pol { width:100%; padding:60px 40px; }
#inspect .pol ul li { font-size:16px; padding:10px 20px 12px; }
#inspect .pol ul li:nth-child(1) { margin-right: 20px;  }
#inspect .pol ul li:nth-child(3) { margin-left: 20px; }
#inspect .pol + ul { justify-content: space-between; }
#inspect .pol + ul li { width: calc((100% - 80px) / 3); margin:0; height: 280px; }
#inspect .pol + ul li strong { font-size:22px; }
#inspect .pol + ul li p { font-size:20px; }


#quick span { font-size:18px; margin-right: 20px; }
#quick label { font-size:16px; margin-left: 20px; }
#quick input[type="text"] { width: 160px; padding:0 10px; font-size:16px; }
#quick input[type="submit"] { font-size:16px; margin-left: 40px;}



#kakao { right: 20px; bottom: 120px; }



}

@media (max-width:480px) { /* 모바일 */

.more { font-size:16px; width: 220px; line-height:50px; } 

header h1 { top:20px; }
header h1 img { height: 34px; }

#main .wrap { height:auto; padding-bottom: 100px; padding-top: 120px; }
#main .wrap > img { height: 100px; }
#main h2 { font-size:32px; margin-top: 20px; letter-spacing: -2px; }
#main h2 u { font-size:24px; }
#main strong { margin-top: 40px; font-size:24px; letter-spacing: -1px; }
#main strong img { bottom: -12px; width: 100%; }
#main .more { margin-top: 60px; }

#trouble h2 { font-size:30px; }
#trouble .wrap > .fl > img { transform: scale(1); height:50px;  }
#trouble figure { width:calc(100% - 60px); height: 60px; background: #fff; border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.05); }
#trouble figure > img { display:none; }
#trouble figure figcaption { font-size:15px; line-height:1.4; text-align: left; }
#trouble .even { margin:40px 0;  }
#trouble .odd figure { margin-left:10px; }
#trouble .even figure { margin-right:10px; }
#trouble figure figcaption img { margin-right: 0; }
#trouble figure figcaption br { display: block; }

#cont { padding:80px 0; }
#cont h2 { line-height:1.6; font-size:22px; }
#cont h2 .mob { display: block; }

#cont .graph ul { margin-top: 40px; display: block; }
#cont .graph ul li { margin:60px 0 0; }
#cont .graph ul li h3 { line-height:40px; top:-20px; font-size:18px; }
#cont .graph ul li img { width: 100%; }

#cont .day { margin-top: 100px; }
#cont .day h2 img:nth-of-type(1) { left: 20px; width: 160px; }
#cont .day h2 img:nth-of-type(2) { right: 25px; bottom: 0; width: 124px; }
#cont .day .more { margin:40px auto; }
#cont .day ul { display: block; }
#cont .day ul li { width:auto; height:auto; padding:30px 0; margin-bottom: 20px; }
#cont .day ul li figure { height: 50px; }
#cont .day ul li span { font-size:16px; margin:10px 0; }
#cont .day ul li p { font-size:24px; }

#review { padding:80px 0; }
#review .kakao article { width: auto; height: auto; display: block; padding-bottom: 0; text-align: center; }
#review .kakao article h2 { margin-top: 20px; font-size:28px; }
#review .kakao article a { margin: 40px auto 0; }
#review .kakao .k_slide { display:block; right:0; width: 100vw; padding-left: 0; margin-left: -4%; margin-top: 40px; position: relative; }   
#review .kakao .k_slide .swiper-slide img { width: 100%; transition:0.3s; }
#review .kakao .k_slide .swiper-slide-active img { width: 100%;  }

#review .spc { margin-top: 80px; }
#review .spc h2 { position: static; font-size:28px; text-align: center; }
#review .spc h2 .mob { display: none; }
#review .spc h2 span { font-family: ntbl; }
#review .spc ul { margin:40px 0 0; }
#review .spc ul li { width: auto; height: auto; margin:0 0 20px 0; float:none; padding:20px 0; }
#review .spc ul li:first-child { display: none; }
#review .spc ul li p { font-size:16px; margin-top: 20px; }
#review .spc ul li p br { display: none; }

#agy { padding:80px 0; }
#agy > .fl { display: block; }
#agy h2 { font-size:28px; text-align: center;  }
#agy h2 .mob { display: none; }
#agy ul { width: auto; }
#agy ul li { height: 80px; margin-bottom: 0; margin-top: 30px; padding:0 15px; justify-content: space-evenly; }
#agy ul li span { font-size:14px; text-align: center; letter-spacing: -1px; }
#agy ul li span.cp { font-size:16px; line-height:1.4; }
#agy ul li span br { display: block; }
#agy ul li img { width: 50px; }


#inspect .pol { padding:0; border:none; box-shadow: none; display: block; }
#inspect .pol > img { height: 50px; }
#inspect .pol h2 { font-size:28px; }
#inspect .pol h2 .mob { display: block; }
#inspect .pol ul { margin-top: 30px; }
#inspect .pol ul li { font-size:14px; padding:10px 10px 12px; width:100%; float:none !important; margin-bottom: 20px !important; justify-content: flex-start; box-sizing: border-box; }
#inspect .pol ul li:nth-child(1) { margin-right: 0; }
#inspect .pol ul li:nth-child(3) { margin-left: 0; }
#inspect .pol ul li img { margin-right: 10px; }
#inspect .pol + ul { display: block; }
#inspect .pol + ul li { width: auto; height: auto; padding:30px 0; margin-top: 20px;  }
#inspect .pol + ul li strong { font-size:18px; }
#inspect .pol + ul li p { font-size:16px; margin-top: 10px; }

footer { font-size:14px; }

#quick .wrap { height: 60px; }
#quick span { font-size:18px; margin-right: 20px; }
#quick label { display: none; }
#quick input[type="text"] { display: none; }
#quick input[type="submit"] { font-size:16px; margin-left: 60px;}



#kakao { right: 20px; bottom: 80px; }
#kakao img { height: 60px; }

#modal .box { padding:40px 20px; }
#modal .box h2 { font-size:24px; }
#modal .box h2 span { font-family: ntbl; }
#modal .box ul { margin-top: 20px; }
#modal .box ul li { margin-bottom: 10px;  }
#modal .box ul li input {font-size:16px; }
#modal .box > input { font-size:18px; }
#modal .box .close { width: 100px; height: 100px; }
#modal .box .close a { width: 200px; line-height:60px; right: -76px; top:0; height: 50px; font-size:13px; }



}