* { margin: 0; padding: 0; }
li { list-style:none; }
a { text-decoration: none; color:inherit; }
img { vertical-align: top; object-fit: cover; }

html.fix { overflow: hidden; }
body { font-family: ntr; }
.wrap { width:92%; max-width: 1600px; margin:0 auto; position: relative; }
.wrap:after, .cl:after, ul:after { content:""; clear: both; display: block; }
.fl { display:flex; align-items:center; justify-content:center; }
.fld { flex-direction: column; } 
.fl:after { display: none; }

.cp { color:#2149d9; } 
.mt { font-size:48px; letter-spacing: -2px; }

.more { background: #2149d9; font-size:24px; color:#fff; width: 320px; line-height:70px; border-radius: 100px; letter-spacing: -1px; } 
.more i { margin-left: 10px; } 

header h1 { text-align: center; position: absolute; left: 0; top:70px; width: 100%; z-index:99; }

#main { background:url(/_img/bg_main.jpg) no-repeat center/cover; }
#main .wrap { height:1000px; text-align: center; padding-top: 90px; box-sizing: border-box; }
#main h2 { font-weight: normal; font-size:70px; margin-top: 40px; letter-spacing: -5px; }
#main h2 span { font-family: ntbl; }
#main h2 u { text-decoration:none; font-size:50px; display: block; }
#main strong { display: block; position: relative; font-family: ntbl; margin-top: 40px; }
#main strong br { display: none; }
#main strong img { position: absolute; right: 0; bottom: -16px; }
#main .more { margin-top: 80px; }
 
#trouble { background:#f1f6fd; padding:100px 0; text-align: center; }
#trouble h2 { font-family: ntbl; margin-bottom: 40px; }
#trouble .wrap > .fl { justify-content: flex-start; }
#trouble .even { flex-direction: row-reverse; } 
#trouble figure { position: relative; }
#trouble figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font:30px ntb; }
#trouble figure figcaption img { margin-right:20px; }
#trouble figure figcaption br { display: none; }

#cont { background: linear-gradient(to bottom,  #ffffff 0%,#e8ebf6 100%); padding:100px 0; text-align: center; }
#cont h2 { line-height:1.8; }
#cont h2 .mob { display: none; }
#cont h2 span { font-family: ntbl; }

#cont .graph ul { margin-top: 80px; }
#cont .graph ul li { margin:0 20px; position: relative; }
#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 { border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }

#cont .day { margin-top: 160px; }
#cont .day h2 { position: relative; display: inline-block; }
#cont .day h2 span { position: relative; z-index: 3; }
#cont .day h2 img { position: absolute; }
#cont .day h2 img:nth-of-type(1) { left: 32px; bottom: 0; }
#cont .day h2 img:nth-of-type(2) { right: 65px; bottom: 6px; }
#cont .day .more { display: block; margin:60px auto 90px; }
#cont .day ul { margin-top: 40px; justify-content: space-between; }
#cont .day ul li { width:calc((100% - 70px) / 3); border-radius: 20px; background: #fff; height: 270px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
#cont .day ul li figure { height: 50px; }
#cont .day ul li span { font:18px ntr; color:#b1b1b1; margin:14px 0; }
#cont .day ul li p { font:34px ntb; }

#review { padding:100px 0; overflow-x: hidden; }
#review .kakao article { width: 600px; height: 680px; align-items: flex-start; padding-bottom: 200px; box-sizing: border-box; }
#review .kakao article h2 { margin-top: 40px; }
#review .kakao article h2 span { font-family: ntbl; }
#review .kakao article a { margin-top: 40px; text-align: center; display: block; } 
#review .kakao .k_slide { height: 700px; width: calc((100% - 600px) + 160px); position: absolute; right: -160px; top:0; padding-left: 100px; box-sizing: border-box; }
#review .kakao .k_slide:before { content:""; width: 100%; height: 600px; background: #e5eafa; border-radius: 500px 0 0 500px; position: absolute; left:0; top:40px; }
#review .kakao .k_slide .swiper-slide { display:flex; align-items:center; justify-content:flex-end;  }
#review .kakao .k_slide .swiper-slide img { width: 240px; transition:0.3s; }
#review .kakao .k_slide .swiper-slide-active img { width: 346px;  }

#review .spc { margin-top: 100px; }
#review .spc h2 { position: absolute; }
#review .spc h2 .mob { display: none; }
#review .spc h2 span { font-family: ntbl; }
#review .spc ul { margin-left: auto; margin-right: 0; width: 1410px; }
#review .spc ul li { width: 450px; height: 226px; border:1px solid #2149d9; border-radius: 10px; margin:0 0 20px 20px; float:left; display:flex; align-items:center; justify-content:center; flex-direction: column; box-sizing: border-box; }
#review .spc ul li:first-child { visibility: hidden; }
#review .spc ul li strong { font:24px ntb; color:#fff; background: #2149d9; padding:6px 30px; border-radius: 10px; }
#review .spc ul li p { font-size:18px; margin-top: 40px; }
#review .spc ul li p br { display: none; }

#agy { padding:100px 0; background: #f6f8ff; }
#agy > .fl { justify-content: space-between; align-items: flex-start; }
#agy h2 span { font-family: ntbl; }
#agy h2 .mob { display: none; }
#agy ul { width: 920px; }
#agy ul li { height: 150px; border:1px solid #2149d9; border-radius: 100px; background: #fff; margin-bottom: 50px;  box-sizing: border-box; padding:0 60px; justify-content: space-between; }
#agy ul li:last-child { margin-bottom: 0; }
#agy ul li span { font-size:24px; letter-spacing: -2px; }
#agy ul li span.cp { font-family: ntb; font-size:30px; }
#agy ul li span br { display: none; }
#agy .more { position: absolute; left: 0; top: 200px; text-align: center; }

#inspect { padding:100px 0; background:url(/_img/bg_pol.png) no-repeat center bottom; }
#inspect .pol { width:100%; max-width:1200px; margin:0 auto; border:1px solid #ddd; border-radius: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.05); padding:80px; text-align: center; background: #fff; box-sizing: border-box; }
#inspect .pol h2 { margin-top: 20px; }
#inspect .pol h2 .mob { display: none; }
#inspect .pol h2 span { font-family: ntbl; }
#inspect .pol ul { margin-top: 60px; }
#inspect .pol ul li { padding:10px 30px 12px; border:1px solid #ddd; border-radius: 10px; margin-bottom: 20px; font-size:18px; font-family: ntb; }
#inspect .pol ul li:nth-child(1) { float:left; margin-right: 20px;  }
#inspect .pol ul li:nth-child(2) { float:left; }
#inspect .pol ul li:nth-child(3) { float:right; margin-left: 20px; margin-bottom: 0; }
#inspect .pol ul li:nth-child(4) { float:right; margin-bottom: 0; }
#inspect .pol ul li img { margin-right: 6px; }
#inspect .pol + ul { margin-top: 50px; }
#inspect .pol + ul li { width: 350px; height: 340px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.05); margin: 0 25px; background: #fff; text-align: center; display:flex; align-items:center; justify-content:center; flex-direction: column; }
#inspect .pol + ul li strong { font:24px ntb; color:#fff; background: #2149d9; padding:6px 30px; border-radius: 10px; margin-top: 20px; }
#inspect .pol + ul li p { font-size:24px; margin-top: 30px; font-family: ntb; }
#inspect .more { display: block; margin:60px auto 0; text-align: center; }

footer { background:#0a122b; color:#fff; padding:60px 0 140px; text-align: center; line-height:1.8; }

#quick { background:#2149d9; color:#fff; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; }
#quick .fl { height: 80px; }
#quick span { font:24px ntb; margin-left: 10px; margin-right: 40px; }
#quick label { font-size:18px; margin-right: 14px; margin-left: 40px; }
#quick input[type="text"] { width: 200px; height: 40px; border:1px solid #fff; background: none; outline:none; border-radius: 4px; padding:0 14px; color:#fff; font:18px ntr; }
#quick input[type="submit"] { height: 40px; padding:0 30px; background:#fff; outline:none; border-radius: 4px; color:#1a43d8; font:18px ntb; margin-left: 80px; border:none; cursor: pointer;  }

#kakao { position: fixed; right: 60px; bottom: 120px; z-index:99; }

#modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index:999; display: none; }
#modal.on { display:flex; }
#modal .box { width:90%; max-width:800px; overflow-y: auto; background: #fff; border-radius: 40px; padding:60px; box-sizing: border-box; position: relative; }
#modal .box h2 { text-align: center; font-size:36px; }
#modal .box h2 span { font-family: ntbl; }
#modal .box ul { margin-top: 60px; }
#modal .box ul li { float:left; width:48%; margin-bottom: 20px;  }
#modal .box ul li:nth-child(1) { width: 100%; }
#modal .box ul li:nth-child(2) { margin-right: 4%; }
#modal .box ul li input { width: 100%; background: #f4f4f4; height: 50px; margin-top: 10px; outline:none; border-radius: 10px; border:none; padding:0 16px; box-sizing: border-box; font:18px ntr; }
#modal .box > input { width: 100%; background: #2149d9; color:#fff; height: 50px; margin-top: 10px; outline:none; border-radius: 10px; border:none; font:24px ntm; cursor: pointer; }
#modal .box .close { position: absolute; right: 0; top: 0; overflow: hidden; width: 150px; height: 150px; }
#modal .box .close a { color:#fff; background: #2149d9; font:14px ntr; transform: rotate(45deg); width: 200px; line-height:80px; text-align: center; display: block; position: absolute; right: -60px; top:0; }