@charset "utf-8";
/* CSS Document */

.innerwrap {max-width:1250px; margin:0 auto; position:relative;}

section {padding:90px 20px; position:relative; text-align:center;}
section.bg {padding-bottom:160px;}
section em {font-style:normal;}

.textgroup strong, .textgroup .addtxt, .textgroup .num, section em {font-family: 'GmarketSansBold', sans-serif;}

.textgroup + div {margin-top:70px;}
.textgroup {color:#1d3563; font-size:54px;}
.textgroup .main_text > strong {display:block; font-size:84px; line-height:1.2;}
.textgroup .stit {display:inline-block; font-size:24px; font-weight:500; border-top:1px solid #1d3563; border-bottom:1px solid #1d3563; padding:3px 12px; font-family: 'Noto Sans KR', sans-serif;}
.textgroup .addtxt {color:#333; font-size:30px;}
.textgroup .addtxt em {color:#ec7400;}
.textgroup .rounds .inner {display:inline-block; background:#ed952e; border-radius:50px; color:#fff; padding:10px 7%; font-size:27px;}
.textgroup .num {display:block; font-size:84px; line-height:1.2;}

.sec01 {background:#ffc320 url(../images/section01_bg.jpg) 0 0 no-repeat; background-size:cover; padding:3.5% 20px; text-align:center;}

.sec02 {background:#1d3563;}
.sec02 .textgroup * {color:#fff;}
.sec02 .textgroup .stit {color:#fedb54; border-color:#fedb54;}

.sec03 {background:#f9f6f0;}
.sec03::before {content:''; background:url(../images/section_type01.png) 50% 0 no-repeat; width:100%; height:50%; position:absolute; top:-122px; left:0;}
.books > div {background:#fff; border-radius:12px; padding:30px; overflow:hidden;}
.books > div + div {margin-top:20px;}
.books > div .title_group {color:#111; font-size:27px; float:left; width:25%; text-align:left;}
.books > div .title_group em {display:block; font-size:36px;}
.books > div .title_group .comment {display:block; margin-top:45px; line-height:1.2;}
.books > div .title_group .comment strong {display:block;}
.books > div .title_group .comment i {font-size:18px; color:#888;}
.books > div .book_list {float:right; width:70%; text-align:left;}
.books > div .book_list > ul {font-size:0;}
.books > div .book_list > ul > li {width:23.5%; margin:0 0 0 2%; display:inline-block; letter-spacing:0; vertical-align:top; *display:inline; zoom:1; box-sizing:border-box;}
.books > div .book_list > ul > li:nth-child(4n+1) {margin-left:0;}

.sec04 {background:#7598d9;}
.sec04::before {content:''; background:url(../images/section_type02.png) 50% 0 no-repeat; width:100%; height:50%; position:absolute; top:-122px; left:0;}
.sec04 .textgroup * {color:#fff;}
.sec04 .textgroup .stit {color:#fff; border-color:#fff;}
.merit > div {color:#fff; font-size:21px; overflow:hidden;}
.merit > div + div {margin-top:20px;}
.merit > div .imgs {float:left; width:50%; position:relative; z-index:1;}
.merit > div .cont {float:right; width:47%; padding-top:4%; text-align:left;}
.merit > div .cont em {display:block; font-size:36px; margin-bottom:10px;}
.merit > div .cont .desc {color:#1f2633; font-size:24px; position:relative; padding-top:20px; margin-top:20px;}
.merit > div .cont .desc::before {content:''; background:#fff; width:110%; height:2px; position:absolute; top:0; left:0; margin-left:-50px;}
.merit > div .cont .desc .comment {color:rgba(255,255,255,0.7); font-size:18px; margin-top:20px;}

.sec05 {background:#fff;}
.sec05::before {content:''; background:url(../images/section_type03.png) 50% 0 no-repeat; width:100%; height:50%; position:absolute; top:-122px; left:0;}
.con_list li + li {margin-top:60px;}

.sec06 {background:#fff9e3; padding-bottom:0;}
.sec06::before {content:''; background:url(../images/section_type04.png) 50% 0 no-repeat; width:100%; height:50%; position:absolute; top:-122px; left:0;}
.sec06 .textgroup .rounds .inner {background:#ec7400;}
.speedhada {overflow:hidden; position:relative; padding-bottom:180px; background:url(../images/sec06_img01.png) 15% 100% no-repeat;}
.speedhada::before {content:''; display:block; background:url(../images/dashed_pattern.png) 0 0 repeat-x; width:100%; height:2px; margin-bottom:70px;}
.speedhada .title {float:left; width:47%;}
.speedhada .desc {float:right; width:50%;}
.dot_list > li {color:#1d3563; font-size:21px; position:relative; padding-top:3px; padding-left:48px; text-align:left; font-family: 'Noto Sans KR', sans-serif; font-weight:500;}
.dot_list > li + li {margin-top:7%;}
.dot_list > li::before {content:''; background:url(../images/icon_arrow_36x36.png) 0 0 no-repeat; width:36px; height:36px; position:absolute; top:0; left:0;}

.sec07 {background:#4b3377 url(../images/section07_bg.jpg) 50% 0 no-repeat;}
.sec07 .textgroup * {color:#fff;}
.sec07 .textgroup .main_text > strong {font-size:50px;}
.sec07 .textgroup .main_text > strong i {color:#ffb22d;}
.sec07 .textgroup .comment {display:block; font-size:24px; margin-top:20px;}
.sec07 .textgroup .comment i {color:#ff902d;}
.sec07 .textgroup .rounds .inner {background:#ff902d; font-size:50px; padding:10px 8% 5px; margin-top:30px; font-family: 'GmarketSansBold', sans-serif;}

@media screen and (max-width: 1280px) {
.sec07 {background-size:cover !important;}
}

@media screen and (max-width: 1080px) {
.textgroup {font-size:36px;}
.textgroup .main_text > strong {font-size:50px;}
.textgroup .stit {font-size:18px;}
.textgroup .addtxt {font-size:20px;}
.textgroup .rounds .inner {font-size:18px;}
.textgroup .num {font-size:54px;}

.books > div .title_group {font-size:18px;}
.books > div .title_group em {font-size:27px;}
.books > div .title_group .comment i {font-size:14px;}

.merit > div .cont em {font-size:30px;}
.merit > div .cont .desc {font-size:18px;}
.merit > div .cont .desc .comment {font-size:15px;}

.sec07 .textgroup .main_text > strong {font-size:32px;}
.sec07 .textgroup .comment {font-size:18px;}
.sec07 .textgroup .rounds .inner {font-size:30px;}
}

@media screen and (max-width: 980px) {
section {padding:50px 20px;}
section.bg {padding-bottom:120px;}

.sec03::before, .sec04::before, .sec05::before, .sec06::before {background-size:210%; top:-80px;}

.textgroup + div {margin-top:30px;}

.books > div {padding:20px 15px; box-shadow: 0 0 20px rgb(0 0 0 / 10%);}
.books > div .title_group, .books > div .book_list {float:none; width:auto; text-align:center;}
.books > div .title_group {margin-bottom:30px;}
.books > div .title_group .comment {margin-top:0;}

.merit > div {background:rgba(255,255,255,0.2); box-shadow: 0 0 20px rgb(0 0 0 / 10%); border-radius:12px; padding:30px 20px;}
.merit > div .imgs {float:none; width:auto;}
.merit > div .cont {float:none; width:auto; text-align:center;}
.merit > div .cont .desc::before {width:100%; height:1px; opacity:0.5; margin-left:0;}

.speedhada {padding-bottom:200px; background-position:50% 100%; background-size:180px;}
.speedhada .title, .speedhada .desc {float:none; width:auto;}
.speedhada .desc {margin-top:30px;}
.dot_list > li {font-size:16px; padding-top:0; padding-left:25px;}
.dot_list > li + li {margin-top:15px;}
.dot_list > li::before {background-size:18px; width:18px; height:18px; top:4px;}
}

@media screen and (max-width: 600px) {
section {padding:30px 20px;}

.textgroup {font-size:24px;}
.textgroup .main_text > strong {font-size:36px;}
.textgroup .stit {font-size:14px; margin-bottom:10px;}
.textgroup .addtxt {font-size:18px;}
.textgroup .rounds {margin-top:10px;}
.textgroup .rounds .inner {font-size:14px; padding-top:7px; padding-bottom:3px;}
.textgroup .num {font-size:40px;}

.books > div .title_group {font-size:15px;}
.books > div .title_group em {font-size:20px;}
.books > div .title_group .comment i {font-size:13px;}

.merit > div .cont em {font-size:20px; margin-bottom:5px;}
.merit > div .cont em i {display:block; font-size:15px; font-family: 'GmarketSansMedium', sans-serif;}
.merit > div, .merit > div .cont .desc {font-size:15px;}
.merit > div .cont .desc .comment {font-size:13px;}

.speedhada .title {max-width:80%; margin:0 auto;}
}