@charset "utf-8";

/******************** contents ********************/


/* 포럼소개 */
.vision_title {margin-bottom:40px !important; font-size:35px !important; text-align:center; font-style:italic; font-weight:bold !important; letter-spacing:-2px !important; }
.vision {text-align:center; margin-bottom:70px;}
.vision li {overflow:hidden; display:inline-table; position:relative; width:180px; height:150px; margin-right:-45px; padding:0 50px; border-radius:250px; font-size:20px; font-style:italic; text-align:center; word-break:keep-all; letter-spacing:-1.5px; color:#222;}
.vision li:first-child {margin-left:-45px;}
.vision li.ic_vision01 {/*background:rgba(70,114,176,0.85);*/ border:17px solid rgba(70,114,176,0.7);}
.vision li.ic_vision02 {/*background:rgba(70,140,176,0.85);*/ border:17px solid rgba(72,190,194,0.7);}
.vision li.ic_vision03 {/*background:rgba(26,156,160,0.85);*/ border:17px solid rgba(237,159,61,0.7);}
.vision li span {display:table-cell; vertical-align:middle;} 

.object {margin-top:40px; text-align:left; border-top:1px dotted #aaa;}
.object > li {padding:20px 0; border-bottom:1px dotted #aaa; font-size:20px; color:#000;}
.object .num {position:absolute;padding:0 15px 11px 0; color:#4672b0; font-size:30px; font-weight:100; font-style:italic;}
.object > li > p {margin:10px 0; padding-left:60px;}


/* 사업소개 */
.business .out_box {overflow:hidden;}
.business .graphical {overflow:hidden; margin:0 0 80px 85px;}
.business .hex-row.even {float:left; width:60%; margin-left:118px;}
.business .hex01, .business .hex02, .business .hex03, .business .hex04, .business .hex05, .business .hex06, .business .hex07, .business .hex08 {float:left; width:225px; height:265px; margin:0 10px -60px 0; background:url(../_template/image/default/01/business_pic01.png) no-repeat 0 0; }
.business .hex08 {margin-bottom:0;}
.business .hex01 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic01.png") no-repeat 0 0; background-size:100% auto;}
.business .hex02 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic02.png") no-repeat 0 0; background-size:100% auto;}
.business .hex03 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic03.png") no-repeat 0 0; background-size:100% auto;}
.business .hex04 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic04.png") no-repeat 0 0; background-size:100% auto;}
.business .hex05 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic05.png") no-repeat 0 0; background-size:100% auto;}
.business .hex06 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic06.png") no-repeat 0 0; background-size:100% auto;}
.business .hex07 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic07.png") no-repeat 0 0; background-size:100% auto;}
.business .hex08 {background:url("/kor/_wpcomm/HomeType/basic/image/content/business_pic08.png") no-repeat 0 0; background-size:100% auto;}
.business .txt {display:table-cell; width:225px; height:265px; padding:0 30px; color:#fff; font-size:22px; vertical-align:middle; text-align:center; letter-spacing:-2px;}
.business .txt a {display:block;}
	
.business .list {overflow:hidden; border-top:1px solid #ddd;}
.business .list > li {float:left; width:26.2%; height:180px; margin:-1px -1px 0 0; padding:30px; border:1px solid #ddd;}
.business .list > li a {display:block;}
.business .list > li:hover a, .business .list > li:hover a span {color:#000;}
.business .list > li span {display:block; margin-bottom:10px; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.business .list > li.step01 span {color:#333;}
.business .list > li.step02 span {color:#333;}
.business .list > li.step03 span {color:#333;}
.business .list > li.step04 span {color:#333;}
.business .list > li.step05 span {color:#333;}
.business .list > li.step06 span {color:#333;}
.business .list > li.step07 span {color:#333;}
.business .list > li.step08 span {color:#333;}


/* 인사말 */
.greetings {overflow:hidden;}
.greetings .fll {float:left; width:200px;}
.greetings .flr {float:right; width:600px;}
/* title */
.greetings .title {margin:0 0 15px 0; color:#4672b0; font-size:35px; font-weight:bold; font-style:italic; letter-spacing:-3px; word-break:keep-all; text-align:left; line-height:1.3;}
.greetings .title span {display:inline-block; color:#1a9ca0; letter-spacing:-3px;}
.greetings .title2 {display:block; color:#000; font-size:19px; letter-spacing:-1.5px;}
/* signature */
.greetings .signature {padding-top:40px; text-align:right;}
.greetings .signature span {margin-right:-10px; padding-left:20px; color:#000; font-weight:bold; font-size:20px; letter-spacing:10px;}


/* 연혁 */
.history {position:relative; overflow:hidden; padding-bottom:50px; background:url("/kor/_wpcomm/HomeType/basic/image/content/history_line.gif") repeat-y 50% 0;}
.history_top {position:absolute; left:50%; top:0; width:7px; height:7px; margin-left:-3px; background:#ddd; border-radius: 10px;}
.history_bottom {position:absolute; left:50%; bottom:0; width:7px; height:7px; margin-left:-3px; background:#ddd; border-radius: 10px;}
.history h4 {position:relative; margin:0 0 35px 0; padding:0; background:none; font-size:44px; font-family:Arial; font-weight:bold; letter-spacing:-0.5px; text-align:right; line-height:1; color:#000;}
.history h4 span {position:absolute; right:-57px; top:50%; display:block; width:45px; height:13px; margin-top:-6px; background:url("/kor/_wpcomm/HomeType/basic/image/content/history_bullet01.png") no-repeat 100% 0;}
.history .history_column_right h4 {text-align:left;}
.history .history_column_right h4 span {left:-56px; background:url("/kor/_wpcomm/HomeType/basic/image/content/history_bullet02.png") no-repeat 0 0;}
.history_column_left {float:left; width:385px; min-height:10px; margin-right:50px; text-align:right; }
.history_column_right {float:left; width:385px; min-height:10px; margin-left:50px;}
.history_list li {padding-bottom:14px; font-size:15px;}
.history_list li span {display:block; font-weight:bold; color:#000;}
.history_pic {margin-top:22px;}
.history_pic li {overflow:hidden;}
.history_pic li img {float:left;}
.history_pic li span {float:left; display:block; min-width:300px; height:55px; font-size:14px; color:#999; line-height:2.5;}
.history_column_left .history_pic li span {float:right;}
.history_column_left p, .history_column_right p {margin-bottom:20px; font-size:13px;}


/* 오시는길 */
.root_daum_roughmap {border-bottom:1px solid #ddd;}
.root_daum_roughmap .wrap_controllers {display:none;}

.consulting ul {margin-top:10px;}
.consulting h2, .consulting p {margin-bottom:0; text-align:center;}
.question {overflow:hidden;}
.question li {float:left; margin-left:1%; padding:40px; width:32.6%; min-height:270px; text-align:center; font-size:14px; border:1px solid #ddd; box-sizing:border-box;}
.question li:hover {border:1px dotted #000;}
.question li:first-child {margin-left:0;}
.question span {display:block;}
.question .ic {height:80px;}
.question .tit {display:inline-block; margin:0 auto 10px; padding-bottom:10px; border-bottom:2px solid #51a9ad; color:#000; font-weight:bold; font-size:15px; letter-spacing:-1px;}
.question li.how .ic {background:url("../image/content/consulting_address.png") no-repeat center top; background-size:auto 75%;}
.question li.time .ic {background:url("../image/content/consulting_time.png") no-repeat center top; background-size:auto 75%;}
.question li.tel .ic {background:url("../image/content/consulting_tel.png") no-repeat center top; background-size:auto 75%;}

.map {position:relative;}
.map_btn {position:absolute; right:10px; bottom:10px;}



/* 사업소개 */
.pic_list {overflow:hidden;}
.pic_list li {float:left; width:50%; margin-bottom:10px; line-height:0; text-align:center;}
.pic_list li img {width:94%; padding:7px; border:1px solid #ddd;}
.pic_list li p {padding:0 10px; font-size:14px; text-align:center; letter-spacing:-0.5px;}

.btn_link {display:inline-block; margin-left:10px; vertical-align:top;}
.btn_link a {display:block; padding:8px 20px; font-size:13px; border:1px dotted #333; color:#222;}
.btn_link a:hover {border:1px solid #4672b0; background:#4672b0; color:#fff;}

/* 근로지원인의 지원 절차와 방법 */
.process {padding-top:1px; margin-bottom:20px;}
.process > li {position:relative; border:1px solid #ddd; margin-top:-1px; padding:0 50px; }
.process > li .step_num {display:inline-block; width:33%; padding:40px 0; vertical-align:top;}
.process > li .step_num span.ic_step {display:inline-block; width:90px; height:90px; background:#ccc; border-radius: 100%; vertical-align:middle;}
.process > li .step_num span.icon_step01 {background:#1a9ca0 url("../image/content/ic_step01.png") center center no-repeat; background-size:50% auto;}
.process > li .step_num span.icon_step02 {background:#4672b0 url("../image/content/ic_step02.png") center center no-repeat; background-size:50% auto;}
.process > li .step_num span.icon_step03 {background:#314b7e url("../image/content/ic_step03.png") center center no-repeat; background-size:50% auto;}
.process > li .step_num span.icon_step04 {background:#8c77a6 url("../image/content/ic_step04.png") center center no-repeat; background-size:50% auto;}
.process > li .step_num span.icon_step05 {background:#b17070 url("../image/content/ic_step05.png") center center no-repeat; background-size:50% auto;}

.process > li .step_num span.tit {display:inline-block; vertical-align:middle; margin-left:30px;}
.process > li .step_num span.tit strong {display:block; font-size:20px; color:#000; letter-spacing:-1px;}

.process > li .step_txt {display:inline-block; width:59%; min-height:120px; padding:40px 0 25px 40px; border-left:1px solid #ddd; vertical-align:top;}
.process > li .step_txt ul li {margin-bottom:25px; font-size:15px;}
.process > li .step_txt ul li strong {display:inline-block; margin-bottom:5px; font-size:16px;}

.process .arrow {position:absolute; bottom:-21px; left:140px; width:40px; height:40px; border:1px dashed #ccc; background:#fff url("../image/content/ic_arrow01.png") center center no-repeat; background-size:50% auto;; border-radius:100%; z-index:10;}


/***** 후원안내 *****/
/* support_info */
.support_box {display:table; width:100%; height:300px; margin-bottom:20px; background:url("../image/content/support_bg.jpg") 0 0 no-repeat; text-align:center;}
.support_box .support_wrap {display:table-cell; vertical-align:middle; text-align:center;}
.support_box p {display:inline-block; width:80%; margin:0; padding:25px 0; font-size:18px; color:#fff; letter-spacing: -1px; background:rgba(70,114,176,0.75); border-radius:10px;}
.support_box p span.support_ic {display:inline-block; margin:0 15px 0 52px; width:104px; height:104px; background:url("../image/content/support_ic.png") 0 0 no-repeat; vertical-align:middle;}
.support_box p strong {display:inline-block; vertical-align:middle; font-size:30px; letter-spacing:-2px; line-height:1.3;}
.support_box p strong span {padding:0 5px; background:rgba(26,156,160,0.8);}
p.support_txt {margin:45px 0; font-size:16px; text-align:center; color:#000; letter-spacing: -1px}
.support_info {margin:10px 0; padding:40px; border:1px dotted #333; font-size:14px; text-align:center; letter-spacing: -1px;}

.introduction {overflow:hidden;}
.introduction li {height:360px; border:1px solid #4672b0; background:#fff; transition:background-color 0.5s ease; text-align:center;}
.introduction .line {display:block; margin:0 auto; width:43px; height:1px; background:#4672b0; border:none;}

.introduction dl {margin-top:50px;} 
.introduction dt {margin-bottom:20px; color:#4672b0; font-size:30px; font-weight:bold; letter-spacing:-1px;}
.introduction dt span {display:block; font-size:15px; font-weight:normal; color:#777; letter-spacing:-1px;}
.introduction dd {margin-bottom:10px; padding:0 45px; letter-spacing:-0.5px;}

.introduction li:hover {background:#4672b0;}
.introduction li:hover dt, 
.introduction li:hover dt span,
.introduction li:hover dd, 
.introduction li:hover div, 
.introduction li:hover p {color:#fff;}

.introduction .btn_down {display:inline-block; margin-top:20px; border:1px solid #4672b0; background: #4672b0; padding:10px 30px; font-size:14px; font-weight:bold; color:#fff;}
.introduction li:hover .btn_down {border:1px solid #fff;}