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

.header-container .gnb-wrap .head-area {background:#17224f; border-bottom: 1px solid #5e698d;}

.start-box .box-box  {padding:0; text-align: left}
.start-box .box-box .text-area {background:#17224f; color:#fff; padding:20px;}
.start-box .box-box .text-area h2 img {width: 170px; position: relative; top:55px;}
.start-box .box-box .text-area p {padding:15px; margin-top:90px; letter-spacing: -0.05em; background:rgba(255,255,255,0.1); font-size:1.4rem; line-height: 1.7; font-weight: 300}
.start-box .box-box .text-area p b { font-size: 1.6rem; font-weight: 500;}
.start-box .box-box .img-area {position: absolute; top:90px; right:35px;}
.start-box .box-box .img-area img {width: 100px;}


/* 장점 */
.advantage .box-box .title-area h3 { color: #1e3e72; }
.advantage .box-box .title-area p { color: #78859a; }
.advantage .box-box .content-area ul li {text-align: left;padding:15px; background:#fff; border:1px solid #eee; border-bottom:0;}
.advantage .box-box .content-area ul li img { margin-bottom: 13px; width: 70px; margin-right:10px; vertical-align: top;}
.advantage .box-box .content-area ul li span{ display: inline-block; width: calc(100% - 110px);}
.advantage .box-box .content-area ul li h4 { font-size: 1.6rem; color: #1e3e72; margin-bottom: 5px; }
.advantage .box-box .content-area ul li p { font-size: 1.3rem; color: #717b8c;line-height: 21px; letter-spacing: -0.05em;}

/* 프로세스 */
.process { background: #5281dc; }
.process .box-box .title-area h3 { color: #fff; }
.process .box-box .title-area p { color: #d6e5f5;  }

/* 글솜씨가 좋다면 !! */
.history { background: #ffd24c; }
.history .box-box { overflow: visible; }
.history .box-box .title-area h3 { color: #6a3905; }
.history .box-box .title-area p { color: #996b33; }
.history .box-box .content-area { position: relative;}
.history .box-box .content-area img {z-index: 2;}

/* 지원방법 */
.apply { background: #26d17b; }
.apply .box-box .title-area h3 { color: #09542e; }
.apply .box-box .title-area p { color: #297b52; }
.apply .box-box .btn-area { overflow: hidden; margin-top: 65px; }
.apply .box-box .btn-area a { width: 100%; }
.apply .box-box .btn-area a .btn-bg { height: 50px; border-radius: 5px; margin-bottom:10px; }
.apply .box-box .btn-area a .btn-bg .btn { height: 46px; border-radius: 5px; font-size: 1.6rem; font-weight:500; line-height: 46px; letter-spacing: -0.5px; }
.apply .box-box .btn-area .inquiry-btn .btn-bg { background: #e2c41d; }
.apply .box-box .btn-area .inquiry-btn .btn-bg .btn { background: #fde03e; color: #555555; }
.apply .box-box .btn-area .apply-btn .btn-bg { background: #004d84; }
.apply .box-box .btn-area .apply-btn .btn-bg .btn { background: #0073c5; color: #fefefe; font-weight: normal; }

.apply .box-box .content-area .cont-box {background:#2C7E55; color: #fff; padding:25px 15px; box-shadow: 0 -5px 0px #256B48;}
.apply .box-box .content-area .cont-box p {position: relative; padding-left:25px; padding-bottom:10px; font-size: 1.6rem;text-align: left; font-weight: 400; padding-bottom:10px; letter-spacing: -0.5px}
.apply .box-box .content-area .cont-box p:after {position: absolute; top:5px; left:0; font-size:1.1rem; font-weight: 300; padding:0 5px; text-align: center;border-radius: 40px; background: #fff; color: #2c7e55; font-weight: 600}
.apply .box-box .content-area .cont-box p:nth-child(1):after {content:'1';}
.apply .box-box .content-area .cont-box p:nth-child(2):after {content:'2';}
.apply .box-box .content-area .cont-box p:nth-child(3):after {content:'3';}
.apply .box-box .content-area .cont-box p:nth-child(4):after {content:'4';}












.body-container .foot { background: #1b4d34; height: 25px; }
.body-container .foot .foot-box { width: 1000px; margin: 0 auto; text-align: center; font-size: 12px; color: #549273; line-height: 25px; }