@charset "utf-8";
@font-face { font-family: 'VITRO CORE OTF'; src: url('/depart/font/VITRO_Font_OTF/VITRO CORE OTF.otf'); font-weight: normal; font-style: normal; }


.box-img01 {display:block;}

/* 일자리/취업 - 워크넷 채용정보 - 검색 */
@media (max-width:1024px){
	.employ-box .con {width:60%;}
}

@media (max-width:640px){
	.employ-box .con {width:100%;}
	.employ-box .btnboxC {width:100%; padding-left:0 !important;}
}

/* 광주중소기업제품박람회 개최 */
.business_outline { margin-top:20px; }
.business_outline .list { float:left; }
.business_outline .img { float:right; background:#fff; padding:10px; box-sizing:border-box; border:4px solid #e8e7f1; }
.business_outline:after { content:''; display:block; clear:both; }

/* 사용전검사제도 */
.process_box { margin:0 auto; margin-top:20px; }
.process_box > ul > li { position:relative; margin-top:30px; }
.process_box li:first-child { margin-top:0; }
/* .process_box > ul > li.even:after {
    content: '';
    border-top: 10px solid #92a3a0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-top: 10px;
    margin-left: -5px;
    left: 50%;
} */
.process_box > ul > li .even.fL:before {display: none;}
.process_box > ul > li:nth-child(2).last_list >ul> .fR:after {
    content: '';
    border-top: 10px solid #92a3a0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    margin-top: 10px;
    margin-left: -5px;
    left: 50%;
}

.process_box li div { width:90%; margin:0 auto; padding:15px; text-align:center; border-radius:10px; border:2px solid #d3dfff; background:#F3F6FE; box-sizing:border-box; }
.process_box li.even div { border:2px solid #ffcfe1; background:#FFF7FA; }
.process_box li ul { width:92%; margin:0 auto; }
.process_box li ul li { position:relative; width:50%; }
.process_box li ul li div { width:95%; }
.process_box li ul:after { content:''; display:block; clear:both; }
.process_box > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-20px; margin-left:-5px; left:50%; }
.process_box > ul > li:first-child:before { display:none; }
.process_box > ul > li.last_list:before { display:none; }
.process_box .last_list .fL .txt02 {padding-bottom:1.5em;}
.process_box li div.txt { position:absolute; border:0; width:auto; background:none; padding:0; border-radius:0; top:-25px; right:17%; }
.process_box li div.txt p { font-size:14px; }
.process_box .txt01{font-weight: 600;color:#0567ad;}
.inter_info { background:none; }

@media (max-width:1024px){
	.process_box > ul > li:nth-child(2).last_list >ul> .fR:after {display:none;}
}


/* 공장설립승인절차 */
.factory_process { margin-top:20px; }
.factory_process > ul > li { margin-top:20px; }
.factory_process > ul > li:first-child { margin-top:0; }
.factory_process > ul > li > ul > li { float:left; letter-spacing:-1px; }
.factory_process ul li li div { width:95%; height:127px; margin:0 auto; text-align:center; padding:25px 0; box-sizing:border-box; border-radius:10px; background:#F3F6FE; border:2px solid #d3dfff; }
.factory_process ul li li div p { box-sizing:border-box; }
.factory_process li.step01 { width:15%; }
.factory_process li.step02 { width:20%; }
.factory_process li.step03 { position:relative; width:65%; }
.factory_process li.step02 div { background:#FFF7FA; border:2px solid #ffcfe1; }
.factory_process li.step02 div span { display:block; }
.factory_process li.step01 div p { padding:20px 0; }
.factory_process li.step02 div p.pT20 { padding:20px 0; }
.factory_process li.step02 div p { padding:10px 0; color:#0567ad; }
.factory_process li.step03 div { padding:15px; box-sizing:border-box; }
.factory_process li.step03:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-14px; margin-left:-5px; left:50%; }
.factory_process > ul > li:first-child li.step03:before { display:none; }
.factory_process ul li ul li li { position:relative; text-align:left; padding-left:18px; }
/*.factory_process ul li ul li li:before { content:''; position:absolute; width:11px; height:11px; left:0; top:4px; background:url(/common/img/common/spr_bu.png) no-repeat 0 -109px; }*/
.factory_process ul li ul:after { content:''; display:block; clear:both; }

/* 지역지식재산 창출지원 사업 */
.ip_process { position:relative; margin-top:20px; letter-spacing:-1px; margin-bottom:20px; }
.ip_process > ul > li { float:left; width:33.33333333333333%; }
.ip_process > ul > li div.list { width:90%; margin:0 auto; }
.ip_process div.process { background:#ecefff; border:2px dashed #d7deff; border-radius:50px; padding:10px; box-sizing:border-box; text-align:center; }
.ip_process div.process p { font-size:15px; font-weight:600; letter-spacing:-1px; }
.ip_process div.enterprise { position:relative; margin-top:10px; border:2px solid #daebc2; background:#f1f9e6; border-radius:10px; padding:10px; box-sizing:border-box; text-align:center; }
.ip_process div.support { position:relative; margin-top:30px; border:2px solid #ffe8cb; background:#fff3e5; border-radius:10px; padding:10px; box-sizing:border-box; text-align:center; }
.ip_process div.support ul.txt { margin-top:0; background:none; padding:0; text-align:left; }
.ip_process div.process p { margin-top:0; }
.ip_process div.enterprise p { margin-top:0; }
.ip_process div.enterprise p.title { border-radius:20px; background:#daebc2; font-size:15px; letter-spacing:-1px; padding:5px; box-sizing:border-box; font-weight:600; }
.ip_process div.enterprise p.txt { margin-top:10px; }
.ip_process div.enterprise:before { content:''; border-top:10px solid transparent; border-left:10px solid #92a3a0; border-bottom:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; left:-8%; position:absolute; margin-top:-10px; top:50%; }
.ip_process > ul > li:first-child div.enterprise:before { display:none; }
.ip_process div.support p.title { border-radius:20px; background:#ffe8cb; font-size:15px; letter-spacing:-1px; padding:5px; box-sizing:border-box; font-weight:600; }
.ip_process div.support ul.txt { margin-top:10px; }
.ip_process div.support ul.txt li { position:relative; padding-left:14px; }
.ip_process div.support ul.txt li:before { content:''; position:absolute; width:11px; height:11px; left:0; top:4px; background:url(/common/img/common/spr_bu.png) no-repeat 0 -109px; }
.ip_process div.support:before { content:''; border-top:10px solid transparent; border-bottom:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-43px; margin-left:-10px; left:50%; }
.ip_process > ul:after { content:''; display:block; clear:both; }

@media (max-width:1024px){
	.process_box { background-position:5px 17px; }
	.process_box > ul > li.var:after { left:5px; }
	.process_box li div.txt { right:15%; }
	.process_box .last_list .fL .txt02{padding-bottom:initial; }
}

@media (max-width:835px){
	.ip_process div.enterprise p.txt span { display:block; }
}

@media (max-width:820px){
	.factory_process > ul > li > ul > li { font-size:14px; }
}

@media (max-width:810px){
	.process_box li div.txt { right:10%; }
}

@media (max-width:770px){
	.factory_process li.step01 { width:10%; }
	.factory_process li.step03 { width:70%; }
}

@media (max-width:875px){
	.factory_process li.step01 { width:30%; }
	.factory_process li.step02 { width:70%; }
	.factory_process li.step03 { width:100%; margin-top:10px; }
	.factory_process li.step03 div { width:97%; height:auto; }
	.factory_process ul li li div { height:auto; }
	.factory_process li.step03:before { display:none; }
	.factory_process li.step01 div p { padding:10px 0; }
	.factory_process li.step02 div { padding:15px 0; }
	.factory_process > ul > li:before { content:''; border-top:10px solid #92a3a0; border-left:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; position:absolute; margin-top:-14px; margin-left:-5px; left:50%; }
	.factory_process > ul > li:first-child:before { display:none; }
}

@media (max-width:700px){
	.business_outline .list { float:none; }
	.business_outline .img { width:80%; float:none; margin:0 auto; text-align:center; margin-top:20px; }
	.business_outline .img img { width:100%; }
}

@media (max-width:690px){
	.ip_process > ul > li { position:relative;  width:100%; background:#f7f7f7; padding:20px 0; box-sizing:border-box; border-radius:20px; margin-top:50px; }
	.ip_process > ul > li:first-child { margin-top:0; }
	.ip_process div.enterprise:before { display:none; }
	.ip_process >ul > li:before { content:''; border-left:10px solid transparent; border-top:10px solid #92a3a0; border-bottom:10px solid transparent; border-right:10px solid transparent; width:0px; height:0px; left:50%; position:absolute; margin-left:-10px; top:-8%; }
	.ip_process >ul > li:first-child:before { display:none; }
}

@media (max-width:625px){
	.process_box { background:none; }
	.process_box > ul > li.var:after { display:none; }
}

@media (max-width:565px){
	.process_box li div.txt { right:5%; }
}

@media (max-width:445px){
	.process_box li div.txt { right:2%; }
	.process_box li div.txt p { font-size:12px;}
	.process_box .last_list .fL .txt02{padding-bottom:24px}
}

@media (max-width:360px){
		.process_box .last_list .fL .txt02{padding-bottom:21px}

}
@media (max-width:340px){
	.process_box li div p,
	.process_box li div span { font-size:14px; }
	.process_box .last_list .fL .txt02{padding-bottom:60px}
}

/* 중소기업지원 - 자금지원 - 소상공인창업자금 */
.office_step .txt02{letter-spacing: -1pt;}

@media all and (max-width:1020px){
	.office_step>li>div{min-height: 127px;}
}

.step.li3>li{width: 33%;}

/*중소기업지원 - 중소기업관련기관*/
.site_relation ul{overflow:hidden;font-size:0;}
.site_relation ul li{display:inline-block;font-size:15px;width:25%;box-sizing:border-box;text-align:center;padding:20px 0;}
.site_relation ul li div{width:172px;height:172px;background:#fff;border:1px solid #e2e2e2;border-radius:100%;margin:0 auto;text-align:center;overflow:hidden;box-sizing:border-box;margin-bottom:18px;}
.site_relation ul li div img{display:inline-block;vertical-align:middle;padding-top:46px;}

@media (max-width:776px){
.site_relation ul li{width:33.33%;}
}
@media (max-width:579px){
.site_relation ul li{width:50%;}
}
@media (max-width:409px){
.site_relation ul li{width:100%;}
}


.step>li{width: 16.6%;}
.step>li:after, .step>li.first:before{width: 17px;}

/*광주사랑카드*/
.mB35 {margin-bottom:35px;}

.luv01 {position:relative;background:#F8E9F0; padding-bottom:1.941em; border-radius:20px; margin-bottom:2.176em;}
.luv01:before {content:''; position:absolute; background:#968E91; width:1px; height:3.352em; left:50%; top:2.705em; transform:translateX(-50%); z-index:1;}
.luv01 .luvTit {position:relative; background:#FFF6FA; margin-bottom:9em; padding:6.705em 0 13.85em; border-radius:20px 20px 0 0;}
.luv01 .luvTit:before {content:''; position:absolute; width:41.705em;height:14.52em;background:url(/depart/img/sub01/card_tit_bg.png) no-repeat bottom; left:50%; top:365px; transform:translateX(-50%);}
.luv01 .luvTit:after {content:'';position:absolute;width: 12.942em;height: 20.412em;background:url(/depart/img/sub01/img_luv_card.png) no-repeat bottom;left:50%;top:298px;transform:translateX(-50%);background-size:contain;}
.luv01 .luvTit span {font-size:1.47em; font-weight:600; color:#000;}
.luv01 .luvTit h4 {font-family:VITRO CORE OTF; padding-left:0; position:relative; font-size:2.35em; margin-top:.4em; color:#5546A9; font-weight:800;}
.luv01 .luvTit h4:before {display:none;}
.luv01 .luvTit h4 span {font-size:1.2em; opacity:initial; margin-left:0; color:#5546A9;}

.luv01 .luvWrap {margin:0 4.117em 1.764em;}
.luv01 .luvWrap.luv01-box {background:#fff; padding:1.294em; box-shadow:2px 4px 8px 0px rgba(0, 0, 0, 0.05); border-radius:10px;}
.luv01 .luvWrap.luv01-box p {font-size:1.117em; color:#474747; font-weight:400;}
.luv01 .luvWrap.luv01-box p span {color:#5845a7; font-weight:600;}
.luv01 .luvWrap.luv01-ico .luv01-ico-list {overflow:hidden; margin:0 -15px;}
.luv01 .luvWrap.luv01-ico .luv01-ico-list li {display:table; width:25%; text-align:center; float:left; padding:0 15px;}
.luv-ico-img{display:table-cell; vertical-align:middle; height:11.117em; background:#FFF; border:1px solid #DDD; border-radius:5px;}
.luv-ico-img:hover {border:1px solid #5546A9; box-shadow:10px 10px 20px 0px rgba(85, 70, 169, 0.07);}
.luv01 .luvWrap.luv01-ico .luv01-ico-list li p {font-size:1.176em; font-weight:600;}
.luv01 .luvWrap.luv01-ico .luv01-ico-list li p span {font-size:.8em; font-weight:normal; color:#333;}
.luv01 .luvWrap.luv01-ico .luv01-ico-list li .txt01 {padding-top:.75em; color:#000;}
.luv01 .luvWrap.luv01-ico .luv01-ico-list li .txt02 {padding-top:1.75em; color:#000;}

@media all and (max-width:1024px){
	.luv01 .luvTit {padding-left:1em; padding-right:1em;}
	.luv01 .luvTit:before {width:100%;}
	.luv01 .luvWrap.luv01-ico .luv01-ico-list li {width:50%; padding-bottom:1em;}
}

@media all and (max-width:640px){
	.luv01 .luvTit {margin-bottom:10em;}
	.luv01 .luvWrap {margin:0 2em 2em;}
	.luv-ico-img {height:auto; padding:1em;}
	.luv01 .luvWrap.luv01-ico .luv01-ico-list li {float:none; width:100%;}
}

@media all and (max-width:599px){
	.luv01 .luvTit {margin-bottom:7em;}
}

/*광주사랑카드 구입 및 사용 안내*/
.luvCard02 .luvTit {position:relative; padding:94px 59px 60px; border-bottom:2px dashed #E9E9E9;}
.luvCard02 .luvTit h4 {font-family:VITRO CORE OTF; display:inline-block; font-size:40px; font-weight:900; margin-bottom:0; padding-left:0; text-align:center; color:#5546A9;}
.luvCard02 .luvTit h4:before {display:none;}
.luvCard02 .luvTit span {position:absolute; background:#F6F6F6; padding:12px 23px 12px 60px; font-size:1.12em; bottom:2.59em; right:1.6em; color:#9f758e; letter-spacing:-0.03em;}
.luvCard02 .luvTit span:before {content:''; position:absolute; width:35px;height:35px;background:url(/depart/img/sub01/ico_check.png) no-repeat bottom; left:16px; top:10px;}
.luvCard02 .luvTit h4:after {content:''; position:absolute; width:6.225em; height:4.3em;background:url(/depart/img/sub01/img_luv_card02.png) no-repeat; background-size:contain; right:-5.375em; top:-1.5em;}

.luv02-box {overflow:hidden; padding-top:4.3em; margin:0 -13px;}
.luv02-box .luv02-list {float:left; width:50%; padding:0 13px; margin-bottom:25px;}
.luv02-box .luv02-list .luv02-list-box {border:1px solid #ddd; border-radius:10px;}
.luv02-box .luv02-list .luv02-tit {text-align:left; font-size:1.4117em; font-weight:600; background:#FEF6FA; padding:1.23em; border-radius:10px 10px 0 0;}
.luv02-box .luv02-list .luv02-tit span {font-family:VITRO CORE OTF; background:#9f758e; font-size:.833em; font-weight:800; border-radius:5px; padding:.4em .515em; color:#fff; margin-right:18px; vertical-align:middle;}
.luv02-box .luv02-list .list-ul {font-size:1.058em; padding:30px;}
.luv02-box .luv02-list .list-ul.list01 {height:268px;}
.luv02-box .luv02-list .list-ul.list02 {height:145px;}
.luv02-box .luv02-list .list-ul li {line-height:1.5;}
.luv02-box .luv02-list .list-ul li.ls-03 {letter-spacing:-0.03em;}

@media all and (max-width:1024px){
	.luvCard02 .luvTit {padding:1em 1em 6em; text-align:center;}
	.luvCard02 .luvTit h4:after {top:-1em;}
	.luv02-box {padding-top:3em;}
	.luvCard02 .luvTit span {right:0; bottom:1em;}
	.luv02-box .luv02-list .list-ul.list01 {height:309px;}
	.luv02-box .luv02-list .list-ul.list02 {height:164px;}
}

@media all and (max-width:750px){
	.luvCard02 .luvTit h4:after {width:3.6em; height:2.6em; top:-.5em; right:-2.5em;}
	.luv02-box .luv02-list {float:none; width:100%;}
	.luv02-box .luv02-list .list-ul.list01, .luv02-box .luv02-list .list-ul.list02 {height:auto;}
}

@media all and (max-width:540px){
	.luvCard02 .luvTit h4:after {display:none;}
}

/* 기업지원사업 길라잡이 */
.box-life {position:relative; padding:40px 40px 40px 240px; margin:60px 0 50px 30px; background:#e8f4f7; border-radius:0 0 20px 0;}
.box-life .img-view {position:absolute; box-shadow:8px 8px 16px rgba(0,0,0,0.15); top:-30px; left:-30px;}
.box-life .img-view:hover:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5) url(/portal/img/content/03/sub0305_img02.png) no-repeat center center;}
.box-life .img-view img {display:block;}
#conts .box-life .sub_tit {margin-bottom:1.7rem; font-size:2rem; font-weight:600; color:#3a81dc;}
.box-life .bottom-wrap {margin-top:40px;}


@media all and (max-width:640px){
	.box-life {padding:310px 30px 40px; margin:60px 0 40px;}
	.box-life .img-view {left:50%; margin-left:-112.5px;}
	#conts .box-life .sub_tit {font-size:1.7rem;}
	.box-life .bottom-wrap {text-align:center;}
}