@charset "utf-8";
/* 에디터 모집 소개 */
#header { background: #17224f; height: 112px; border-top: none; border-bottom: 1px solid #5e698d; box-sizing: border-box; }
#header .top-area { height: 111px; }
#header .top-area .logo-area { display: inline-block; height: 112px; float: left; box-sizing: border-box; padding: 33px 0 26px 0; }
#header .top-area .gnb-area ul li a { color: #a5afca; padding: 45px 24px 45px 24px; }
#header .top-area .gnb-area ul li a:hover { color: #fff; }
#header .top-area .gnb-area ul li:first-child { position: relative; }
#header .top-area .gnb-area ul li:first-child:before { background: url(../../../images/header/all_gnb_menu_ico_w.png) no-repeat; top: 51px; }
#header .top-area .gnb-area ul li:first-child:hover:before { background: url(../../../images/header/all_gnb_menu_hover_ico_w.png) no-repeat; }

#header .top-area .login-area ul li:first-child:after { background: rgba(165, 175, 202, 0.5); top: 50px; }
#header .top-area .login-area ul li a { color: #a5afca;line-height: 112px; }
#header .top-area .login-area ul li a:hover { color: #fff; }


/* 공통 */
#container { background: #f2f4f7; cursor: default; padding-bottom: 0; }
#container>div>.box-box { width: 1000px; margin: 0 auto; padding: 100px 0; overflow: hidden; }
#container>.normal-box>.box-box { padding: 125px 0; text-align: center; overflow: hidden; }
#container>.normal-box>.box-box .title-area { display: block; margin-bottom: 60px; }
#container>.normal-box>.box-box .title-area h3 { font-size: 40px; display: block; height: 45px; line-height: 45px; margin-bottom: 15px; }
#container>.normal-box>.box-box .title-area p { font-size: 17px; }

/* 메인 */
#container .start-box { background: #17224f; }
#container .start-box .box-box { position: relative; }
#container .start-box .box-box .text-area { color: #fefefe; }
#container .start-box .box-box .text-area h2 { display: block; height: 112px; width: 370px; color: #17224f; margin-bottom: 130px; }
#container .start-box .box-box .text-area h2 span { display: none; }
#container .start-box .box-box .text-area p { font-size: 16px; line-height: 23px; }
#container .start-box .box-box .img-area { position: absolute; top: 105px; right: 0; z-index: 1; }

/* 장점 */
#container .advantage .box-box .title-area h3 { color: #1e3e72; }
#container .advantage .box-box .title-area p { color: #78859a; }
#container .advantage .box-box .content-area ul li { display: block; float: left; width: 33%; padding: 0 10px; }
#container .advantage .box-box .content-area ul li img { margin-bottom: 30px; }
#container .advantage .box-box .content-area ul li h4 { font-size: 32px; color: #1e3e72; display: block; height: 35px; line-height: 35px; margin-bottom: 30px; }
#container .advantage .box-box .content-area ul li p { font-size: 16px; color: #717b8c; line-height: 21px; }

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

/* 글솜씨가 좋다면 !! */
#container .history { background: #ffd24c; }
#container .history .box-box { overflow: visible; }
#container .history .box-box .title-area h3 { color: #6a3905; }
#container .history .box-box .title-area p { color: #996b33; }
#container .history .box-box .content-area { position: relative; height: 430px; }
#container .history .box-box .content-area img { position: absolute; top: 0; left: 50%; margin-left: -393.5px; z-index: 2; }
#container .history .box-box .content-area:before { width: 761px; height: 675px; content: ''; position: absolute; background: url(../../../images/sub/recruit/history_bg.png) no-repeat; left: -160px; bottom: -445px; z-index: 1; }

/* 지원방법 */
#container .apply { background: #26d17b; }
#container .apply .box-box { padding-top: 200px; }
#container .apply .box-box .title-area h3 { color: #09542e; }
#container .apply .box-box .title-area p { color: #297b52; }
#container .apply .box-box .btn-area { overflow: hidden; height: 77px; margin-top: 65px; }
#container .apply .box-box .btn-area a { width: 467px; }
#container .apply .box-box .btn-area a .btn-bg { height: 77px; border-radius: 5px;  }
#container .apply .box-box .btn-area a .btn-bg .btn { height: 71px; border-radius: 5px; font-size: 20px; font-weight: bold; line-height: 71px; letter-spacing: -0.5px }
#container .apply .box-box .btn-area .inquiry-btn { float: left; }
#container .apply .box-box .btn-area .inquiry-btn .btn-bg { background: #e2c41d; }
#container .apply .box-box .btn-area .inquiry-btn .btn-bg .btn { background: #fde03e; color: #555555; }
#container .apply .box-box .btn-area .apply-btn { float: right; }
#container .apply .box-box .btn-area .apply-btn .btn-bg { background: #004d84; }
#container .apply .box-box .btn-area .apply-btn .btn-bg .btn { background: #0073c5; color: #fefefe; font-weight: normal; }

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