@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Each Subpage Body Contents CSS (★ 최초…최종 작업자는 갱신 이력을 반드시 남겨주세요!)
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.07.07 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2020.07.07
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20190422. 20190611 | by @Who
 */

/** Compatible! [IE9+] 20190112~ */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* 공통 */
/* 이미지확대 */
.imgzoom1 {position:relative;}
.imgzoom1 img {max-width:100%}
.imgzoom1 .b1.zoom {position:absolute;bottom:0;right:0;display:block;width:32px;height:32px;background:url(/_res/bizmoney/img/sub/ic40a1zoom.png) no-repeat;background-size:contain;}

.bu-li {position:relative;padding-left:12px;}
.bu-li:before {position:absolute;top:1px;left:0;content:":";display:block;font-weight:bold;}

.info1box {position:relative;border:1px solid #d4d8dd;background:url(/_res/bizmoney/img/lib/b1c2slash1.png) repeat;padding:10px 15px;margin:15px 0}
.info1box:before {position:absolute;top:0;left:0;content:"";display:block;background:#f7f7f7;width:calc(100% - 10px);height:calc(100% - 10px);margin:5px;}
.info1box > * {position:relative;}
.info1box .title1 {position:relative;margin:.5em 0 .5em;font-size:1.1875em;font-weight:500;padding-left:10px;color:#0255A1}
.info1box .title1:after {position:absolute;top:0;left:0;content:"";display:block;width:0;border-width:5px;border-style:solid;border-color:#0255A1 transparent transparent #0255A1}
.info1box ul {margin:0}
.info1box ul li {font-size:1em}
@media all and (min-width:768px){
	.info1box {padding:15px 25px}
}
.info2ex {position:relative;font-size:.938em;padding-left:22px;margin:.333em 0}
.info2ex:before {position:absolute;top:2px;left:0;content:"i";display:block;width:16px;height:16px;border-radius:50%;background:#0255A1;color:#fff;text-align:center;font-size:.5em;line-height:16px;}
@media all and (min-width:768px){
	.info2ex:before {top:2px}
}

.list1box {border-radius:15px;width:100%;margin-bottom:10px;border-top-right-radius:0;border-bottom-right-radius:0;border:1px solid #ddd;box-sizing:border-box}
.list1box:nth-of-type(1) {margin-top:1em}
.list1box .tit1 {border-radius:15px;border-top-right-radius:0;border-bottom-right-radius:0;box-sizing:border-box;text-align:center;background:#f6f6f6;color:#01795e;font-size:1.1875em;letter-spacing:-.075em;padding:12px 15px;font-weight:500;word-break:keep-all;border-top:2px solid #01795e;margin:0}
.list1box .tit1 em {display:block;font-size:.875em}
.list1box .list1cont {box-sizing:border-box;padding:10px 15px}
.list1box .list1cont p {font-size:1.0625em;}
.list1box .list1cont p + ul {margin-top:.5em}
.list1box .list1cont ul {margin-top:.333em;margin-bottom:.333em;}
.list1box .list1cont>.hb1.h4:first-child {margin-top:.333em}
.list1box .list1cont table, .list1box .list1cont .info2ex {font-size:.938em}
.list1box .list1cont strong {position:relative;text-decoration:underline;}
.list1box .list1cont .bu>li>ul.bu.bu2>li {font-size:.938em;}
@media all and (min-width:768px){
	.list1box {display:table;}
	.list1box .tit1, .list1box .list1cont {display:table-cell;vertical-align:middle;}
	.list1box .tit1 {width:150px;border-left:2px solid #01795e;border-top:0}
	.list1box .list1cont {width:calc(100% - 150px);padding:12px 25px;}
	.list1box .list1cont strong {display:inline-block;vertical-align:top;}
	.list1box .list1cont strong:after {position:absolute;left:0;bottom:2px;content:"";display:block;width:100%;height:7px;background:rgba(194,0,0,.2);}
}

/* 절차 */
.flow1chart {list-style:none;margin:0;padding:7px 0}
.flow1chart>li {border-top:1px solid #ddd;padding-top:15px;margin-top:10px;}
.flow1chart>li:first-child {border-top:0;margin-top:0;padding-top:0}
.flow1chart li .num {display:inline-block;vertical-align:top;color:#fff;background:#0bbd95;font-size:1.0625em;padding:5px 15px 7px;border-radius:25px;margin-bottom:5px}
.flow1chart li .num em {font-size:.8235em;color:#fff;display:inline-block;vertical-align:middle;margin-top:-2px;}
.flow1chart li .num em:after {content:"";display:inline-block;vertical-align:middle;width:1px;height:12px;background:rgba(255,255,255,.55);margin:-2px 10px 0;}
.flow1chart li ul {margin-left:10px;}
@media all and (min-width:768px){
	.flow1chart {padding:10px 0}
	.flow1chart>li {padding-top:25px;margin-top:20px}
	.flow1chart li .num {margin-bottom:10px;padding-left:20px;padding-right:20px}
	.flow1chart li .num em {margin-top:-4px}
	.flow1chart li .num em:after {height:19px;margin:-4px 15px 0}
}

/* 절차2 */
.flow1chart2 {list-style:none;margin:0;padding:0;}
.flow1chart2:after {content:"";display:block;clear:both}
.flow1chart2 li {position:relative;float:left;width:48%;margin-left:4%;margin:.5em 0 .5em 4%;text-align:center}
.flow1chart2 li:nth-child(odd) {margin-left:0}
.flow1chart2 li:after {position:absolute;top:calc(50% - 4px);right:-5%;content:"";display:block;width:8px;height:8px;border:3px solid #03459c;border-bottom:0;border-left:0;box-sizing:border-box;transform:rotate(45deg);}
.flow1chart2 li:last-child:after {display:none}
.flow1chart2 li span {display:block;padding:10px 5px}
.flow1chart2 li .t1 {background:#d6e3f3;color:#03459c;font-size:1.063em;}
.flow1chart2 li .t2 {border:1px solid #ddd;font-size:.935em;border-top:0}
@media all and (min-width:600px){
	.flow1chart2 li, .flow1chart2 li:nth-child(odd) {width:22%;margin:0 0 0 4%}
	.flow1chart2 li:first-child {margin-left:0}
	.flow1chart2 li:after {right:-10%}
	.flow1chart2 li span {padding:12px 10px}
}

/* 자금신청방법 */
.info1ex2 {position:relative;border-top:1px solid #01795e;border-bottom:1px solid #ddd;padding:1.25em;font-size:1.188em;color:#222;}
.info1ex2:before {position:absolute;top:calc(50% - 27px);left:21px;content:"";display:none;width:54px;height:54px;background:url(../../img/lib2/ic54a1applist.png) no-repeat;background-size:contain;}
.info1ex2 a {position:relative;display:inline-block;color:#01795e;font-weight:500;padding-right:12px;margin-right:3px}
.info1ex2 a:before {position:absolute;bottom:1px;left:0;content:"";display:block;width:100%;height:4px;background:rgba(1,121,94,.45);}
.info1ex2 a:after {position:absolute;top:8px;right:0;content:"";display:block;width:10px;height:10px;background:url(../../img/inc/ic10a1newwindow.png) no-repeat;}
@media all and (min-width:600px){
	.info1ex2 {padding:1.5em 1.5em 1.5em 95px}
	.info1ex2:before {display:block;}
}

.app1how li {border:3px solid #2b5273;border-top:0;margin-top:1.333em}
.app1how li .t1 {position:relative;background:#f6f6f6;padding:18px 20px 18px 55px;font-size:1.125em;border-top:3px solid #2B5273;}
.app1how li .t1 .num {position:absolute;top:15px;left:11px;border-radius:50%;font-size:1.444em;font-family:"Gmarket Sans";font-weight:600;text-align:center;color:#019aff;letter-spacing:0}
.app1how li .t1 .num:after {content:")";display:inline-block;color:#019aff;font-size:.5em;margin-left:3px}
.app1how li .t1 strong, .app1how li .t1 .strong {font-weight:600;text-decoration:underline;color:#2B5273}
.app1how li .t1 a {position:relative;display:inline-block;padding-right:12px;margin-right:3px}
.app1how li .t1 a:after {position:absolute;top:8px;right:0;content:"";display:block;width:10px;height:10px;background:url(../../img/inc/ic10a1newwindow.png) no-repeat;}
.app1how li .t1 .info2ex {margin-top:.5em}
.app1how li .f1 {display:block;background:#fff;padding-bottom:.5em}
@media all and (min-width:768px){
	.app1how li {margin-top:2em}
	.app1how li .t1 {padding:26px 30px 26px 75px;word-break:keep-all;}
	.app1how li .t1 .num {top:22px;left:21px}
	.app1how li .t1 .info2ex:before {top:4px}
}

/* 사이트맵 */
.sitemap1 .even-grid {border-top:1px solid #ddd;padding-top:15px;padding-bottom:5px}
.sitemap1 .column .d2 {position:relative;color:#555;padding-left:15px;}
.sitemap1 .column .d2:before {position:absolute;top:12px;left:0;content:"";display:block;width:5px;height:2px;background:#222;}

/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */