﻿/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.04.26
* Update : 2016.04.26
* Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/


/*인사말*/
.greeting .desc1 {padding:80px 20px;font-size:40px;color:#111;}
.greeting .desc2 {padding:0 20px 60px 20px;line-height:36px;font-size:18px;color:#666;font-weight:300;}
.greeting .desc2 span {color:#111;font-weight:400;}


/*사업소개*/
.busi_tit {font-size:34px;color:#9a844a;position:relative;padding-bottom:25px;text-align:center;}
.busi_tit.mgT {margin-top:100px;}
.busi_tit2 {font-size:32px;color:#111;text-align:center;margin-bottom:50px;margin-top:50px;}
.busi_tit:after {position:absolute;display:block;content:"";width:42px;height:3px;background:#9a844a;bottom:0;left:50%;margin-left:-21px;}

.busi_box1 {text-align:center;}
.busi_box1 ul {display:inline-block;}
.busi_box1 li {float:left;width:320px;height:320px;margin-right:60px;border:2px solid #9a844a;box-sizing:border-box;text-align:center;border-radius:320px;position:relative;}
.busi_box1 li:last-of-type {margin-right:0;}
.busi_box1 li p {position:absolute;left:50%;top:50%;font-size:18px;color:#111;font-weight:500;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.busi_box2 {text-align:center;}
.busi_box2 ul {display:inline-block;}
.busi_box2 li {float:left;width:320px;height:150px;margin-right:60px;border:2px solid #9a844a;border-left:none;border-right:none;text-align:center;position:relative;margin-top:113px;}
.busi_box2 li:last-of-type {margin-right:0;}
.busi_box2 li p {position:absolute;left:50%;top:50%;font-size:18px;color:#111;font-weight:500;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.busi_box2 li .bg {position:absolute;left:50%;margin-left:-160px;top:-113px;width:100%;height:100%;}
.busi_box2 li .bg.icon1 {background:url("/project/design/contents/bg_icon1.png") no-repeat center top;}
.busi_box2 li .bg.icon2 {background:url("/project/design/contents/bg_icon2.png") no-repeat center top;}
.busi_box2 li .bg.icon3 {background:url("/project/design/contents/bg_icon3.png") no-repeat center top;}

.busi_box3 li {float:left;width:50%;}
.busi_box3 li div {text-align:center;}
.busi_box3 li h6 {padding:50px 50px 25px 50px;font-size:24px;color:#111;}
.busi_box3 li p {padding:0 50px;font-size:18px;color:#666;font-weight:300;}

.busi_box4 li {float:left;width:50%;height:400px;color:#fff;font-size:26px;color:#fff;box-sizing:border-box;padding:50px;font-weight:700;}
.busi_box4 li.bg1 {background:url("/project/design/contents/bg_busi4_1.jpg") no-repeat center;}
.busi_box4 li.bg2 {background:url("/project/design/contents/bg_busi4_2.jpg") no-repeat center;}


/* 0201_교육신청안내 */
.box_edu_app {background:url("/project/design/template/bg_box1.gif"); padding:10px;}
.box_edu_app .box_w { background:#fff; padding:30px; text-align:center;}
.box_edu_app .p_desc1 { font-size:20px; color:#333; font-weight:500;}
.box_edu_app .p_desc2 {border-top:1px solid #ddd; color:#333; margin-top:40px; padding-top:40px;}
.box_edu_app .p_desc2 .s_desc1 { font-size:20px; font-weight:500;}
.box_edu_app .p_desc2 .s_desc2 { font-size:40px; margin-left:20px;  font-family: 'Muli', sans-serif; font-weight:900;}
.box_edu_app .p_desc3 { padding:40px 0;}

/* 신규 구직자 신청 */
.btn_20, .btn_21 { background-color: #0055a5; color: #fff; font-size: 0.9em; height: 35px; line-height: 35px; padding: 0 25px; }
.btn_20:hover, .btn_21:hover { background-color: #9a844a; }
.list_curr h4 a { top: 12px !important; color: #fff !important;}


/* 0405_교육문의 */
.box_edu_inq {background:url("/project/design/contents/bg_edu_inq.jpg") no-repeat center / cover; position:relative; height:500px;}
.box_edu_inq .box_in1 {background:rgba(154,132,74,0.9); position:absolute;  left:5%; top:50%;transform: translate(0, -50%); box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.box_edu_inq .box_in1 .top { padding:50px 60px; color:#fff; font-size:30px; font-weight:500;}
.box_edu_inq .box_in1 .bottom { background:#fff; padding:30px 60px; color:#a28f5a;}
.box_edu_inq .box_in1 .bottom .p_desc1 { font-size:20px; font-weight:500;}
.box_edu_inq .box_in1 .bottom .p_desc2 { font-size:40px; margin-left:20px;  font-family: 'Muli', sans-serif; font-weight:900;}