@charset "utf-8"; /* doc-basic */
.sbp-contents-wrap { margin:0 0 75px; } 
.sbp-contents-wrap:last-child { margin:0; } 
.sbp-contents-wrap .title-box { margin:0 0 20px; padding:0 0 0 27px; position:relative; } 
.sbp-contents-wrap .title-box:before { content:""; display:block; width:20px; height:20px; border-radius:100%; background:#fff; border:5px solid #f9a01b; position:absolute; left:0; top:4px; } 
.sbp-contents-wrap .title-box h3 { font-family: 'NanumSquare'; font-size:20px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#333; } 
.sbp-contents-wrap .title-box p { margin: 20px 0; font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#555; } 
.sbp-contents-wrap .sbp-contents { font-size:16px; font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#555; } 
.sbp-contents-wrap .sbp-contents.indent { padding:0 0 0 27px; } 
.sbp-contents-wrap .sbp-contents.indent.pl110 { padding-left: 110px; } 
.sbp-contents-wrap .sbp-contents>* { margin:0 0 35px; } 
.sbp-contents-wrap .sbp-contents>*:last-child { margin-bottom:0; } 
.sbp-contents-wrap .sbp-contents .con-mgb-15 { margin-bottom:15px; } 

.sbp-contents-wrap .sbp-contents strong { font-weight:500; } 
.sbp-contents-wrap .sbp-contents strong.fw-700 { font-weight:700; } 
.sbp-contents-wrap .sbp-contents .basic-list { } 
.sbp-contents-wrap .sbp-contents .basic-list ul { } 
.sbp-contents-wrap .sbp-contents .basic-list ul li { } 
.sbp-contents-wrap .sbp-contents .basic-list ul li:last-child { margin-bottom:0; } 
.sbp-contents-wrap .sbp-contents .basic-list strong.tit { font-size:18px; font-weight:700; color:#333; } 

.sbp-contents-wrap .sbp-contents .table-contents { margin:0 0 50px; } 
.sbp-contents-wrap .sbp-contents .table-contents.mgb-ty2 { margin:0 0 15px; } 
.sbp-contents-wrap .sbp-contents .table-contents.mgb-ty3 { margin:0 0 45px; } 
.sbp-contents-wrap .sbp-contents .table-contents .table-tit { font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#333; margin:0 0 15px; } 
.sbp-contents-wrap .sbp-contents .table-contents .table-tit span { font-size:16px; font-weight:400; color:#555; } 
.sbp-contents-wrap .sbp-contents .table-contents .table-bot-ps { margin-top:15px; } 
.sbp-contents-wrap .sbp-contents .table-contents .table-bot-ps span { display: inline-block; padding-left: 20px; font-size: 14px;}

.sbp-contents-wrap .sbp-contents .fs-18 { font-size:18px; } 

.basic-table { width:100%; border-collapse:collapse; border-top:2px solid #f9a01b; } 
.basic-table.bdr-top-none { border-top:0; } 
.basic-table thead tr th { font-size:16px; font-weight:700; line-height:1.875em; padding:15px 5px; letter-spacing:-0.03em; color:#333; border:1px solid #ddd; background:#fafafa; } 

.basic-table tbody tr th.bg1 { background:#f9a01b; color:#fff; } 
.basic-table tbody tr th.bg2 { background:#116886; color:#fff; } 
.basic-table tbody tr th.bg1-1 { background:#fef5e8; } 
.basic-table tbody tr th.bg2-1 { background:#ecf3f6; } 
/* .basic-table tbody tr.bgty-2 th { background:#f1f1f1; } */

.basic-table tbody td.bg-grey { background:#bbbbbb; color:#fff; } 
.basic-table tbody td.bg-yellow { background:#ecbf51; color:#fff; } 
.basic-table tbody td.bg-sky { background:#7ab2d2; color:#fff; } 
.basic-table tbody td.bg-blue { background:#398ab8; color:#fff; } 
.basic-table tbody td.bg-green { background:#63bd63; color:#fff; } 
.basic-table tbody td span { font-size: 13px;}

/* .basic-table.type2 { } */

.table-wrap.img { width: 50%; } 

.bg-grey { background-color: #fafafa; } 

.txt-grey { color: #bbbbbb !important; } 
.txt-yellow { color: #ecbf51 !important; } 
.txt-sky { color: #7ab2d2 !important; } 
.txt-blue { color: #398ab8 !important; } 
.txt-green { color: #63bd63 !important; } 
.txt-orange { color: #f9a01b; } 


.basic-table tbody tr th { font-size:16px; font-weight:500; line-height:1.875em; padding:15px 5px; letter-spacing:-0.03em; color:#333; border:1px solid #ddd; background:#fafafa; text-align:center; } 
.basic-table tbody tr td { font-size:16px; font-weight:400; line-height:1.25em; padding:15px 5px; letter-spacing:-0.03em; color:#555; border:1px solid #ddd; text-align:center; } 
.basic-table tbody tr td.lh-30 { line-height:1.875em; } 


.basic-table tbody tr td.t-left { text-align:left; padding-left:20px; } 

.basic-table thead tr th:first-child,
.basic-table tbody tr th:first-child,
.basic-table tbody tr td:first-child { border-left:0; } 
.basic-table thead tr th:last-child,
.basic-table tbody tr td:last-child { border-right:0; } 

.num-list>ul>li { padding:0 0 0 20px; text-indent:-20px; margin:0 0 5px; } 
/* .num-list.type2>ul>li .txt-orange { padding-right: 5px; } */
.num-list.type2>ul>li { color: #555; margin-bottom: 10px; } 
.num-list.type2>ul>li strong { font-weight: 500; } 

.list-inner { text-indent:0; padding:2px 0 0 0; } 
.list-inner .bar-list { margin-bottom:15px; } 
.bar-list { } 
.bar-list:last-child { margin-bottom:0; } 
.bar-list>ul { } 
.bar-list>ul>li { padding:0 0 0 10px; text-indent:-10px; margin:0 0 5px; } 
.bar-list>ul>li:last-child { margin-bottom:0; } 

.noti-list { } 
.noti-list strong { font-weight:500; } 
.noti-list>ul { } 
.noti-list>ul>li { padding:0 0 0 8px; text-indent:-8px; } 
.noti-list>ul>li:last-child { } 

.one-list { margin: 50px 0 80px !important; } 
.one-list ul { display: flex; justify-content: center; align-items: center; margin: 0 -15px; } 
.one-list ul li { width: 200px; height: 200px; border-radius: 100%; background-color: #fab348; margin: 0 15px; } 
.one-list ul li .one { font-family: 'NanumSquare'; font-size: 20px; font-weight: 700; letter-spacing: -0.03em; color: #333333; display: flex; align-items: center; justify-content: center; height: 100%; } 

.dot-list li { padding-left: 14px; position: relative; color: #555; } 
.dot-list li::before { content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #fab348; } 
.dot-list.type2 { padding-left: 10px; } 
/* .dot-list.type2 li { font-size: 18px; color: #333; } */

.grayletter-imgbox { display:flex; } 
.grayletter-imgbox .letter-box { flex:1 1 1%; background:#f1f1f1; display:flex; align-items:center; padding:30px; } 
.grayletter-imgbox .letter-box .num-list { } 
.grayletter-imgbox .letter-box .num-list ul { } 
.grayletter-imgbox .letter-box .num-list ul li { } 

.grayletter-imgbox .imgbox { width:auto; } 


.photo-list-col-3 { display:flex; justify-content:space-between; } 
.photo-list-col-3 .imgbox { margin:0 10px 0 0; } 
.photo-list-col-3 .imgbox:last-child { margin:0; } 
.photo-list-col-3 .imgbox img { } 

.dl-box { } 
.dl-box dl { margin:0 0 25px; } 
.dl-box dl:last-child { margin-bottom:0; } 
.dl-box dl dt { font-size:18px; font-weight:700; color:#333; margin:0 0 4px; } 
.dl-box dl dd { } 
.dl-box dl dd ul li { margin:0 0 4px; } 
.dl-box dl dd ul li:last-child { margin-bottom:0; } 
.dl-box dl dd .tit { font-size:17px; margin:0 0 4px; } 
.dl-box dl dd div { margin:0 0 15px; } 
.dl-box dl dd div:last-child { margin-bottom:0; } 

.img-text-contents { } 
.img-text-contents .conbox-group { margin:0 0 15px; display:flex; justify-content:space-between; } 
.img-text-contents .conbox-group .conbox { border:1px solid #ddd; } 
.img-text-contents .conbox-group .conbox .imgbox { } 
.img-text-contents .conbox-group .conbox .imgbox img { } 
.img-text-contents .conbox-group .conbox .text-box { padding:35px 30px; } 
.img-text-contents .conbox-group .conbox .text-box dl { } 
.img-text-contents .conbox-group .conbox .text-box dl dt { font-size:22px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#333; margin:0 0 10px; } 
.img-text-contents .conbox-group .conbox .text-box dl dd { font-size:18px; font-weight:400; line-height:1.5em; } 
.img-text-contents .conbox-group .img-text-contents-ps { } 

.letter-box { } 
.letter-box p { margin:0 0 8px; } 
.letter-box p:last-child { margin-bottom:0; } 

.clr-red { color:#cd0000; } 
.clr-blue { color:#05658b; } 

.photo-col4-contents { display:flex; justify-content:space-between; } 
.photo-col4-contents .imgbox { margin:0 10px 0 0; } 
.photo-col4-contents .imgbox img { } 


/* 인사말 */
.greeting-wrap { } 
.greeting-wrap .top-greeting { height:400px; background:url("../images/sub/img1.jpg") 0 0 no-repeat; background-size:cover; position:relative; margin:0 0 40px; } 
.greeting-wrap .top-greeting .text-box { position:absolute; left:0; bottom:0; padding:40px; font-family: 'NanumSquare'; font-size:35px; font-weight:700; line-height:1.48em; letter-spacing:-0.03em; color:#fff; } 
.greeting-wrap .top-greeting .text-box .tit { font-size:28px; } 
.greeting-wrap .top-greeting .text-box .txt { } 
.greeting-wrap .letter { font-size:16px; font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#555; margin:0 0 50px; background:url("../images/sub/bg1.jpg") 100% 100% no-repeat; } 
.greeting-wrap .letter p { margin:0 0 17px; } 
.greeting-wrap .letter p:last-child { margin-bottom:0; } 
.greeting-wrap .letter p strong { font-weight:700; } 
.greeting-wrap .letter p.top { font-size:20px; line-height:1.3em; color:#555; margin:0 0 20px; } 
.greeting-wrap .letter p.top strong { font-weight:700; color:#f9a01b; } 
.greeting-wrap .sign { text-align:right; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#555; } 
.greeting-wrap .sign strong { font-size:24px; font-weight:700; color:#333; } 

/* 연혁 */
.history-wrap { position:relative; padding:45px 0 0 0; } 
.history-wrap:before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:0; right:0; top:0; margin:auto; } 
.history-wrap .year-group { } 
.history-wrap .year-group:after { content:""; display:block; clear:both; } 
.history-wrap .year-group .conbox { width:50%; position:relative; } 
.history-wrap .year-group .conbox .bdr-box { width:125px; height:1px; background:#f9a01b; position:absolute; top:50%; transform:translate(0,-50%); } 
.history-wrap .year-group .conbox .bdr-box:before { content:""; display:block; width:21px; height:21px; border-radius:100%; border:5px solid #f9a01b; background:#fff; position:absolute; top:0; bottom:0; margin:auto; } 
.history-wrap .year-group .conbox .bdr-box:after { content:""; display:block; width:9px; height:9px; border-radius:100%; background:#f9a01b; position:absolute; top:0; bottom:0; margin:auto; } 
.history-wrap .year-group:nth-child(2n-1) .conbox { float:left; text-align:right; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .bdr-box { right:-10px; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .bdr-box:before { right:0; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .bdr-box:after { left:0; } 
.history-wrap .year-group:nth-child(2n) .conbox { float:right; } 
.history-wrap .year-group:nth-child(2n) .conbox .bdr-box { left:-11px; } 
.history-wrap .year-group:nth-child(2n) .conbox .bdr-box:before { left:0; } 
.history-wrap .year-group:nth-child(2n) .conbox .bdr-box:after { right:0; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .year-tit { padding:0 136px 0 0; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .cnt { padding:0 158px 0 0; } 
.history-wrap .year-group:nth-child(2n) .conbox .year-tit { padding:0 0 0 136px; } 
.history-wrap .year-group:nth-child(2n) .conbox .cnt { padding:0 0 0 158px; } 
.history-wrap .year-group .conbox .year-tit { font-family: 'Roboto'; font-size:40px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#333; position:relative; margin:0 0 10px; } 
.history-wrap .year-group .conbox .cnt { font-size:18px; font-weight:400; line-height:1.56em; letter-spacing:-0.03em; color:#555; } 
.history-wrap .year-group .conbox .month-group { display:flex; } 
.history-wrap .year-group .conbox .month-group .month { width:auto; font-weight:500; } 
.history-wrap .year-group .conbox .month-group .txt { flex:1 1 1%; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .month-group .month { order:2; margin:0 0 0 10px; } 
.history-wrap .year-group:nth-child(2n-1) .conbox .month-group .txt { order:1; } 
.history-wrap .year-group:nth-child(2n) .conbox .month-group .month { order:1; margin:0 10px 0 0; } 
.history-wrap .year-group:nth-child(2n) .conbox .month-group .txt { order:2; } 

/* 오시는 길 */
.location-wrap { } 
.location-wrap .map-zone { width:100%; height:360px; margin:0 0 50px; } 
.root_daum_roughmap, .wrap_map { width:100% !important; height:100% !important; } 
.wrap_controllers.hide { display:none !important; } 

.addr-info-box { } 
.addr-info-box .table-box { } 
.addr-info-box .basic-table tbody tr th { text-align:left; padding-left:55px; border-left:0; border-right:0; } 
.addr-info-box .basic-table tbody tr th span { display:inline-block; vertical-align:middle; width:20px; text-align:center; margin:-0.02em 50px 0 0; } 
.addr-info-box .basic-table tbody tr th span img { vertical-align:middle; margin:-0.02em 0 0; } 
.addr-info-box .basic-table tbody tr td { text-align:left; border-left:0; border-right:0; padding:15px; } 

/* 금융지원사업 */
.sbp2-top-txt-box { margin:0 0 35px; } 
.sbp2-top-txt-box.bg1 { background:url("../images/sub/sbp2_bg1.jpg") 100% 50% no-repeat; } 
.sbp2-top-txt-box.bg2 { background:url("../images/sub/sbp2_bg2.jpg") 0 50% no-repeat; } 
.sbp2-top-txt-box.bg3 { background:url("../images/sub/sbp2_bg3.jpg") 100% 50% no-repeat; } 
.sbp2-top-txt-box.bg4 { background:url("../images/sub/sbp2_bg4.jpg") 0 50% no-repeat; } 

.sbp2-top-txt-box .dis-t { display:table; width:100%; height:390px; padding:0 30px; } 
.sbp2-top-txt-box .dis-c { display:table-cell; vertical-align:middle; } 
.sbp2-top-txt-box .text-box { } 
.sbp2-top-txt-box .text-box.ty1 { text-align:right; } 
.sbp2-top-txt-box .text-box .tit,
.sbp2-2-top-title-box .cell .tit { font-family: 'NanumSquare'; font-size:32px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#f9a01b; margin:0 0 15px; } 
.sbp2-top-txt-box .text-box .tit:last-child,
.sbp2-2-top-title-box .cell .tit:last-child { margin:0; } 
.sbp2-top-txt-box .text-box .tit span { font-size:24px; } 
.sbp2-top-txt-box .text-box .txt,
.sbp2-2-top-title-box .cell .txt { font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#fff; } 

.sbp2-top-about-inq { margin:25px 0 0 0; } 
.sbp2-top-about-inq a { display:inline-block; vertical-align:middle; } 
.sbp2-top-about-inq a.tel { font-size:20px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#fff; } 
.sbp2-top-about-inq a.go-inq { font-size:18px; font-weight:500; line-height:1.7em; padding:5px 22px; letter-spacing:-0.03em; color:#fff; background:#f9a01b; margin-left:20px; } 

.sbp2-2-top-title-box { width:100%; background-position:0 50%; background-repeat:no-repeat; margin:0 0 45px; } 
.sbp2-2-top-title-box.bg1 { background-image:url("../images/sub/sbp2_bg5.jpg"); } 
.sbp2-2-top-title-box.bg2 { background-image:url("../images/sub/sbp2_bg6.jpg"); } 
.sbp2-2-top-title-box.bg3 { background-image:url("../images/sub/sbp2_bg7.jpg"); } 
.sbp2-2-top-title-box .inner { display:table; width:100%; max-width:500px; height:284px; background:rgba(0,0,0,0.75); } 
.sbp2-2-top-title-box .cell { display:table-cell; vertical-align:middle; padding:30px 0 30px 45px; } 

/* 정부지원사업 */
.sbp2-2-top { padding:90px 0 137px; background:url("../images/sub/sbp2_2_top.jpg") 50% 50% no-repeat; background-size:cover; margin:0 0 100px; } 
.sbp2-2-top .contain { padding:27px; } 
.sbp2-2-top .tit { font-size:50px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#fff; } 

.after-guide-contents { display:flex; justify-content:center; } 
.after-guide-contents .conbox { margin:0 45px; width:365px; } 
.after-guide-contents .conbox .circle-inner { width:100%; height:0; padding-bottom:100%; position:relative; border-radius:100%; -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.26); -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.26); box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.26); } 
.after-guide-contents .conbox .circle-inner:after { content:""; display:block; width:100%; height:100%; border:25px solid #fab349; position:absolute; left:0; top:0; border-radius:100%; } 
.after-guide-contents .conbox .circle-inner .cell { position:absolute; left:0; width:100%; top:50%; transform:translate(0,-50%); text-align:center; } 
.after-guide-contents .conbox .circle-inner .cell .iconbox { margin:0 0 22px; height:95px; position:relative; } 
.after-guide-contents .conbox .circle-inner .cell .iconbox img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; } 
.after-guide-contents .conbox .circle-inner .cell .txt { font-size:22px; font-weight:500; line-height:1.45em; letter-spacing:-0.03em; color:#555; } 

.sbp2-2-step-contents { display:flex; flex-wrap:wrap; justify-content:center; } 
.sbp2-2-step-contents .stepbox { margin:0 45px 30px; flex:1 1 25%; max-width:250px; } 
.sbp2-2-step-contents .stepbox .imgbdr { padding:35px 25px; border-radius:10px; background:#f1f1f1; margin:0 0 10px; } 
.sbp2-2-step-contents .stepbox .imgbdr .inner { background:#fff; border-radius:10px; overflow:hidden; -webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.2); } 
.sbp2-2-step-contents .stepbox .imgbdr .iconbox { width:100%; height:0; padding-bottom:100%; position:relative; } 
.sbp2-2-step-contents .stepbox .imgbdr .iconbox img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; } 
.sbp2-2-step-contents .stepbox .imgbdr .step-num { text-align:center; font-family: 'NanumSquare'; font-size:20px; font-weight:700; line-height:1.3em; padding:15px 3px; letter-spacing:-0.03em; color:#fff; background:#424242; } 
.sbp2-2-step-contents .stepbox .text-box { text-align:center; font-size:16px; font-weight:500; line-height:1.75em; letter-spacing:-0.03em; color:#555; } 
.sbp2-2-step-contents .stepbox .text-box .tit { font-size:20px; font-weight:700; line-height:1.5em; color:#05658b; } 

.rps-step-contents ol { display:flex; flex-wrap:wrap; margin:-10px; } 
.rps-step-contents ol li { width:calc(16.666666% - 20px); margin:10px; background-color:#f9a323; border-radius:7px; } 
.rps-step-contents ol li .text-box { display:flex; align-items:center; min-height:78px; padding:10px 25px; } 
.rps-step-contents ol li .text-box .num { width:auto; font-size:20px; font-weight:500; line-height:1.4em; color:#fff; margin:0 10px 0 0; } 
.rps-step-contents ol li .text-box .txt { flex:1 1 1%; font-size:18px; font-weight:500; line-height:1.556em; color:#fff; } 
.rps-step-contents ol li:nth-child(1),
.rps-step-contents ol li:nth-child(3),
.rps-step-contents ol li:nth-child(5),
.rps-step-contents ol li:nth-child(8),
.rps-step-contents ol li:nth-child(10),
.rps-step-contents ol li:nth-child(12) { background-color:#116886; } 

.profit-structure-contents { background:#fef5e8; padding:30px 7px; display:flex; flex-wrap:wrap; justify-content:center; } 
.profit-structure-contents .circle-box { width:50%; max-width:436px; min-width:350px; position:relative; border-radius:100%; overflow:hidden; background:#fff; margin:0 65px; -webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.27); -moz-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.27); box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.27); } 
.profit-structure-contents .circle-box .cell { width:100%; height:0; padding-bottom:100%; } 
.profit-structure-contents .circle-box .cell dl { padding:125px 20px 0; text-align:center; } 
.profit-structure-contents .circle-box .cell dl dt { font-size:26px; font-weight:700; line-height:1.25em; margin:0 0 20px; } 
.profit-structure-contents .circle-box .cell dl dt.smp { color:#f9a323; } 
.profit-structure-contents .circle-box .cell dl dt.rec { color:#116886; } 
.profit-structure-contents .circle-box .cell dl dd { font-size:18px; font-weight:400; line-height:1.8em; color:#333; } 

.profit-structure-contents-2 { display:flex; flex-wrap:wrap; justify-content:center; } 
.profit-structure-contents-2 .conbox { width:50%; max-width:436px; min-width:350px; position:relative; background:#fff; margin:0 65px; text-align:center; border:1px solid #ddd; border-top:0; } 
.profit-structure-contents-2 .conbox .tit { background-color:#f9a01b; font-size:18px; font-weight:700; line-height:25px; padding:15px 5px; letter-spacing:-0.03em; color:#fff; background:#f9a01b; margin:0 -1px; } 
.profit-structure-contents-2 .conbox:nth-child(2) .tit { background-color:#116886; } 
.profit-structure-contents-2 .conbox .txt { padding:40px 10px; } 

.rpsandfit-tit-bar { margin:0 0 50px; height:47px; background:#f1f1f1; position:relative; } 
.rpsandfit-tit-bar .title { position:absolute; left:0; top:-10px; } 

.sbp2-2-fit-topbox { background:url("../images/sub/img16.jpg") 50% 50% no-repeat; background-size:cover; padding:253px 30px 55px; margin:0 0 40px; } 
.sbp2-2-fit-topbox .text-box .tit { text-align:right; font-size:32px; font-weight:500; line-height:1.4375em; color:#fff; } 

.sbp2-4-topbox { background:url("../images/sub/sbp2_bg8.jpg") 50% 50% no-repeat; background-size:cover; margin:0 0 100px; } 
.sbp2-4-topbox .dis-t { display:flex; justify-content:flex-end; } 
.sbp2-4-topbox .dis-c { width:100%; max-width:530px; background:rgba(0,0,0,0.8); display:flex; align-items:center; padding:90px 55px 90px 75px; } 
.sbp2-4-topbox .text-box { font-family: 'NanumSquare'; font-size:20px; font-weight:400; line-height:1.4em; color:#fff; } 
.sbp2-4-topbox .text-box .text-group { display:flex; margin:0 0 13px; } 
.sbp2-4-topbox .text-box .text-group:last-child { margin-bottom:0; } 
.sbp2-4-topbox .text-box .text-group .tit { width:auto; font-weight:700; margin:0 10px 0 0; padding:0 0 0 18px; position:relative; } 
.sbp2-4-topbox .text-box .text-group .tit:before { content:""; display:block; width:4px; height:26px; background:#f9a01b; position:absolute; left:0; top:1px;; } 
.sbp2-4-topbox .text-box .text-group .txt { flex:1 1 1%; } 

.sbp2-4-contents-1 { display:flex; } 
.sbp2-4-contents-1 .conbox { flex:1; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:relative; } 
.sbp2-4-contents-1 .conbox:after { content:""; display:block; width:47px; height:47px; background:url("../images/sub/arrow.png") 50% 50% no-repeat; position:absolute; right:-23px; top:0; bottom:0; margin:auto; z-index:1; } 
.sbp2-4-contents-1 .conbox:last-child:after { display:none; } 
.sbp2-4-contents-1 .conbox.bg1 { background-image:url("../images/sub/img25.jpg"); } 
.sbp2-4-contents-1 .conbox.bg2 { background-image:url("../images/sub/img26.jpg"); } 
.sbp2-4-contents-1 .conbox.bg3 { background-image:url("../images/sub/img27.jpg"); } 
.sbp2-4-contents-1 .conbox.bg4 { background-image:url("../images/sub/img28.jpg"); } 
.sbp2-4-contents-1 .conbox.bg5 { background-image:url("../images/sub/img29.jpg"); } 
.sbp2-4-contents-1 .conbox.bg6 { background-image:url("../images/sub/img30.jpg"); } 
.sbp2-4-contents-1 .conbox .text-box { padding:232px 0 215px; } 
.sbp2-4-contents-1 .conbox .text-box .cell { text-align:center; padding:0 50px; } 
.sbp2-4-contents-1 .conbox .text-box .tit { font-size:20px; font-weight:700; line-height:1.5em; color:#fff; margin:0 0 13px; } 
.sbp2-4-contents-1 .conbox .text-box .txt { font-size:18px; font-weight:500; line-height:1.7em; color:#fff; padding:20px 0 0 0; position:relative; } 
.sbp2-4-contents-1 .conbox .text-box .txt:before { content:""; display:block; width:20px; height:3px; background:#fff; position:absolute; left:0; right:0; top:0; margin:auto; } 

.sbp2-4-contents-2 { display:flex; justify-content:space-between; padding:70px 0 0 0; } 
.sbp2-4-contents-2 .conbox { flex:1 1 25%; max-width:335px; margin:0 10px 0 0; border:1px solid #ddd; position:relative; background: #fff; } 
.sbp2-4-contents-2 .conbox:last-child { margin-right:0; } 
.sbp2-4-contents-2 .conbox .iconcircle { position:absolute; left:0; right:0; width:100%; max-width:140px; top:0; transform:translate(0,-50%); margin:auto; } 
.sbp2-4-contents-2 .conbox .iconcircle .iconbox { width:100%; height:0; padding-bottom:100%; border-radius:100%; background-color:#f9a01b; position:relative; } 
.sbp2-4-contents-2 .conbox .iconcircle .iconbox img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; } 
.sbp2-4-contents-2 .conbox .text-box { padding:125px 30px 85px; } 
.sbp2-4-contents-2 .conbox .text-box .tit { text-align:center; font-size:18px; font-weight:700; line-height:1.7em; color:#f9a01b; margin:0 0 15px; } 
.sbp2-4-contents-2 .conbox .text-box ul li { font-size:16px; font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#555; margin:0 0 10px; } 
.sbp2-4-contents-2 .conbox .text-box ul li:last-child { margin-bottom:0; } 

.sbp2-4-contents-2.type2 { justify-content: center; padding: 0; } 
.sbp2-4-contents-2.type2 .conbox { margin: 0 40px 0 0; } 
.sbp2-4-contents-2.type2 .conbox .text-box { padding: 27px; } 
.sbp2-4-contents-2.type2 .conbox .text-box .tit { font-family: 'NanumSquare'; } 
.sbp2-4-contents-2.type2 .conbox .text-box ul li { margin: 0 0 5px; } 

.sbp2-4-contents-2.type2.ver2 { flex-wrap: wrap; width: 100%; max-width: 1400px; margin: 0 auto -50px; } 
.sbp2-4-contents-2.type2.ver2 .conbox { width: 50%; flex: auto; max-width: 445px; margin: 0 65px 50px; } 

.sbp2-4-contents-2.type2.ver3 .conbox { margin: 0 20px 0 0; max-width: 50%; } 


.sbp2-4-contents-3 { background:url("../images/sub/sbp2_bg9.jpg") 50% 50% no-repeat; background-size:cover; padding:200px 0 63px; } 
.sbp-contents-wrap .sbp-contents .sbp2-4-contents-3 { margin:0 0 50px; } 
.sbp2-4-contents-3 .step-con-group { display:flex; } 
.sbp2-4-contents-3 .step-con-group .step-con { flex:1; text-align:center; font-size:20px; font-weight:700; line-height:1.7em; color:#fff; position:relative; } 
.sbp2-4-contents-3 .step-con-group .step-con:after { content:""; display:block; width:1px; height:40px; background:#fff; position:absolute; right:0; top:50%; transform:translate(0,-50%); } 
.sbp2-4-contents-3 .step-con-group .step-con:last-child:after { display:none; } 
.sbp2-4-contents-3 .step-con-group .step-con .txt { font-weight:400; } 

.sbp2-4-contents-4 ul { margin:0 -50px; } 
.sbp2-4-contents-4 ul:first-child { margin-bottom:90px; } 
.sbp2-4-contents-4 ul:after { content:""; display:block; clear:both; } 
.sbp2-4-contents-4 ul li { float:left; width:16.666666%; padding:0 50px; position:relative; } 
.sbp2-4-contents-4 ul li:after { content:""; display:block; width:37px; height:37px; background:url("../images/sub/arrow2.png") 50% 50% no-repeat; position:absolute; right:-18px; top:55px; } 
.sbp2-4-contents-4 ul:first-child li:last-child:after { background-image:url("../images/sub/arrow3.png"); left:0; right:0; top:auto; bottom:-58px; margin:auto; } 
.sbp2-4-contents-4 .item .imgbox { margin:0 0 10px; } 
.sbp2-4-contents-4 .item .txt { text-align:center; font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#333; } 

.sbp2-4-contents-4 ul:nth-child(2) li { float:right; } 
.sbp2-4-contents-4 ul:nth-child(2) li:after { background-image:url("../images/sub/arrow4.png"); right:0; left:-18px; } 
.sbp2-4-contents-4 ul:nth-child(2) li:last-child:after { display:none; } 

.sbp2-4-contents-4.type2 { background-color: #f8f8f8; padding: 30px 40px; } 
.sbp2-4-contents-4.type2 .group-flex { flex-direction: column; align-items: center; justify-content: center; text-align: center; } 
.sbp2-4-contents-4.type2 ul { margin: 0 -40px; } 
.sbp2-4-contents-4.type2 ul:first-child { margin-bottom: 0; } 
.sbp2-4-contents-4.type2 ul li { width: 20%; padding: 0 40px; } 
.sbp2-4-contents-4.type2 .txt { line-height: 1.444em; } 
.sbp2-4-contents-4.type2 .txt span { display: block; line-height: 2.5em; font-size: 20px; margin-bottom: 10px; } 
 .sbp2-4-contents-4.type2 .txt-btm { position: relative; padding-top: 20px; color: #555; font-size: 16px; line-height: 1.75em; margin-top: 30px; } 
 .sbp2-4-contents-4.type2 .txt-btm::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 130px; height: 1px; background-color: #ddd; } 
 .sbp2-4-contents-4.type2 .txt-btm strong { font-weight: 500; } 
 .sbp2-4-contents-4.type2 ul:first-child li:last-child:after { display: none; } 

.sbp2-4-contents-5 { } 
.sbp2-4-contents-5 .sbp2-4-tit { text-align:left; vertical-align:top; } 
.sbp2-4-contents-5 .sbp2-4-tit .title { padding:20px 10px 20px 40px; } 
.sbp2-4-contents-5 .sbp2-4-tit .title .tit { font-size:24px; font-weight:700; line-height:36px; color:#333; padding:0 0 20px; margin:0 0 20px; position:relative; } 
.sbp2-4-contents-5 .sbp2-4-tit .title .tit:after { content:""; display:block; width:42px; height:2px; background:#f9a01b; position:absolute; left:0; bottom:0; } 
.sbp2-4-contents-5 .sbp2-4-tit .title .txt { font-size:18px; font-weight:400; line-height:1.5em; color:#333; } 
.sbp2-4-contents-5 .basic-table tbody tr td .clr-red { font-size:15px; line-height:1.7em; } 

.sbp4-top-letterbox { background:url("../images/sub/sbp4_bg1.jpg") 50% 50% no-repeat; background-size:cover; margin:0 0 60px; } 
.sbp4-top-letterbox .text-box { padding:125px 45px 55px 45px; letter-spacing:-0.03em; color:#fff; } 
.sbp4-top-letterbox .text-box .txt { font-size:32px; font-weight:500; line-height:1.4em; margin:0 0 76px; } 
.sbp4-top-letterbox .text-box .txt strong { font-size:46px; font-weight:700; } 
.sbp4-top-letterbox .text-box .bot-t { font-size:36px; font-weight:700; line-height:1.4em; } 

.sbp4-step { margin:0 0 90px; } 
.sbp4-step ul { } 
.sbp4-step ul:after { content:""; display:block; clear:both; } 
.sbp4-step ul li { float:left; width:16.666666%; padding:0 45px; position:relative; } 
.sbp4-step ul li:after { content:""; display:block; width:37px; height:37px; background:url("../images/sub/arrow2.png") 0 0 no-repeat; position:absolute; right:-18px; top:60px; } 
.sbp4-step ul li:last-child:after { display:none; } 
.sbp4-step .conbox { text-align:center; } 
.sbp4-step .conbox .iconbox { width:100%; height:0; padding-bottom:100%; border-radius:100%; background-color:#f9a01b; position:relative; margin:0 0 12px; } 
.sbp4-step li:nth-child(2n) .conbox .iconbox { background:#05658b; } 
.sbp4-step .conbox .iconbox img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; } 
.sbp4-step .conbox .txt { font-size:18px; font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#454545; } 

.sbp4-contact-box { text-align:center; background:#f5f5f5; padding:95px 10px; letter-spacing:-0.03em; color:#555; } 
.sbp4-contact-box .txt { font-size:20px; font-weight:500; line-height:1.5em; margin:0 0 40px; } 
.sbp4-contact-box .tel { font-size:35px; font-weight:500; line-height:1.4em; } 
.sbp4-contact-box .tel img { vertical-align:middle; margin:-0.2em 20px 0 0; } 
.sbp4-contact-box .tel span { position:relative; z-index:1; } 
.sbp4-contact-box .tel span:after { content:""; display:block; width:100%; height:20px; background:#f8b147; position:absolute; left:0; bottom:-7px; z-index:-1; } 

.sbp4-contact-box2 { background-color: #f8f8f8; } 
.sbp4-contact-box2 .group-flex > div { width: 50%; padding-left: 60px; } 
.group-flex { display: flex; } 
.sbp4-contact-box2 .group-flex { padding: 40px 40px 0 40px; align-items: end; } 
.sbp4-contact-box2 .img { padding-bottom: 18px; } 
.sbp4-contact-box2 .txt-area { font-family: 'NanumSquare'; padding-bottom: 40px; } 
.sbp4-contact-box2 .txt-area .txt { font-size: 24px; color: #333333; line-height: 1.5em; font-weight: 700; } 
.sbp4-contact-box2 .txt-area .line { width: 100%; height: 1px; background: #ddd; margin: 30px 0; } 
.sbp4-contact-box2 .tel { font-size: 32px; line-height: 1.125em; } 
.sbp4-contact-box2 .tel span { font-weight: 800; color: #5b6e80; } 
.sbp4-contact-box2 .tel a { font-weight: 700; color: #0e8099; } 

.h60 { height: 60px; } 
.h100 { height: 100px; } 

#sub.q-link #header { display:none; } 
#sub.q-link #contArea { padding:0; } 

.l-tit { font-size:35px; margin-bottom:25px; letter-spacing:0; line-height:1.3em; text-align: center; font-family: 's-core_dream'; font-weight:500; color: #333; } 

.l-sec2 { padding:95px 30px; } 

.l-sec5 { padding:0 30px; } 

.land-table table { text-align: center; font-family: 's-core_dream'; border-collapse:collapse; width:100%; } 
.land-table table th { padding:15px 0; color: #fff; border-left:1px solid #ddd; font-weight:500; border-bottom:1px solid #ddd; background-color: #f9a01b; } 
.land-table table td { padding:15px 0; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } 
.land-table table td:first-child { border-left:0; } 
.land-table table strong { font-weight:500; color: #333; } 
.land-table p { font-size:18px; margin-top:15px; } 

.l-sec4 { margin:90px 0; background-color: #defae8; font-family: 'Pretendard'; } 
.l-sec4 .contain { display:flex; max-width:1700px; } 
.l-sec4 .box { padding-left:150px; padding-top:80px; flex:1; } 
.l-sec4 .img { margin-top:30px; } 
.l-sec4 .title { font-size:40px; letter-spacing:-.03em; font-weight:500; color: #333; } 
.l-sec4 .title strong { font-size:55px; line-height:1.8em; letter-spacing:-.03em; display: block; } 
.l-sec4 .title span { font-size:30px; line-height:1.3em; letter-spacing:-.03em; font-weight:500; color: #2d7f3d; display: block; } 
.l-sec4 .title p { font-size:20px; margin:15px 0; letter-spacing:-.03em; } 
.l-sec4 .round { width:285px; height: 50px; line-height:49px; margin-bottom:80px; font-size:20px; font-weight:500; color: #fff; text-align: center; border-radius:30px; background-color: #53c253; } 
.l-sec4 ul { display:flex; } 
.l-sec4 ul li { font-size:20px; margin-right:25px; width:162px; height:162px; line-height:1.4em; text-align: center; display:flex; border-radius:100%; color: #fff; align-items: center; justify-content: center; } 
.l-sec4 ul li:last-child { margin-right:0; } 
.l-sec4 ul li:nth-child(odd) { background-color:#1fb848; } 
.l-sec4 ul li:nth-child(even) { background-color:#2d7f3d; } 

.l-sec5 .title { font-size:35px; line-height:1.5em; margin-bottom:50px; font-weight:500; font-family: 's-core_dream'; color: #f9a01b; position:relative; } 
.l-sec5 .title:after { position: absolute; content: ''; width:100%; height:2px; bottom:10px; left:0; z-index:-1; background-color: #ddd; } 
.l-sec5 .title span { padding-right:15px; background-color: #fff; } 
.l-sec5 .img { padding-bottom:100px; border-bottom:1px solid #ddd; } 

.l-sec6 { padding:40px 30px; font-family: 's-core_dream'; } 
.l-sec6 .info-wrap { padding:0 75px; margin-bottom:35px; height:250px; display:flex; border:1px solid #ddd; border-radius:5px; align-items: center; } 
.l-sec6 .info-wrap .row .info { display:flex; align-items: center; } 
.l-sec6 .info-wrap .row .info .icon { width:100px; height:100px; margin-right:20px; text-align: center; display:flex; align-items: center; justify-content: center; background-color: #f1f1f1; border-radius:100%; width:; } 
.l-sec6 .info-wrap .row .info .cnt .tt { font-size:22px; margin-bottom:10px; font-weight:500; } 
.l-sec6 .info-wrap .row .info .cnt .num { font-size:40px; line-height:1em; font-weight:700; letter-spacing:-.03em; color: #0e4194; } 
.l-sec6 .info-wrap .row .info .cnt ul li { font-size:22px; letter-spacing:-.03em; color: #0e4194; line-height:1.455em; font-weight:700; } 
.l-sec6 .info-wrap .row .info .cnt ul li span { color: #555; font-weight:500; } 
.l-sec6 .info-wrap .row-2 { margin:0 130px 0 100px; } 

.board-form.type2 table { border-top:2px solid #2c2c2c; font-family: 's-core_dream'; } 

.form-agree.type2 { margin-top:15px; } 

/* 연료전지 */
.sbp2-7-top { padding: 80px 0; background: url(../images/sub/sub2_7_bg.jpg) no-repeat 50% 50%/cover; } 
.top p { font-size: 22px; color: #333333; line-height: 1.590em; font-family: 'NanumSquare'; margin-bottom: 50px; } 
.sbp-contents-wrap.bg-grey { padding: 80px 0; } 
.group-flex.img-list { justify-content: center; margin: 0 -70px; } 
.group-flex.img-list .img { padding: 0 70px; } 
.group-flex.img-list.type2 { justify-content: center; margin: 0 -50px; } 
.group-flex.img-list.type2 .img { padding: 0 50px; } 

/* 연료전지제품 */
.product-wrap { display: flex; justify-content: space-between; } 
.product-wrap .slider-for { position: relative; } 
.product-wrap .slider-box { width:500px; position:relative; margin: 0 20px; } 
.product-wrap .cnt { width: 50%; display: flex;justify-content: space-between; flex-direction: column;  } 
.product-wrap .slider-for .item { overflow: hidden; height: 500px; width: 100%; background: #f6f6f6; } 
.product-wrap .slider-for .item .img { padding: 75px; display: flex; justify-content: center; align-items: center; } 
.product-wrap .controls .arrows { position: absolute; left: 0; top: 50%; width: 100%; max-width: 570px; } 
.product-wrap .controls .arrows .slick-arrow { width:70px; height:70px; background:url("../images/sub/slide_btn.png") no-repeat 50% 50%/contain; overflow:hidden; text-indent:-9999em; border:0; } 
.product-wrap .controls .arrows .slick-next { transform:rotate(180deg) translateY(50%); right: -20px; } 
.product-wrap .controls .arrows .slick-prev { left: -20px; } 

/* .dot-list-wrap { margin-bottom: 60px; }  */
.dot-list-wrap.between { display:flex; flex-wrap:wrap; justify-content:space-around; } 
.dot-list-wrap .dot-list > li:before { top: 16px; } 
.dot-list > li strong { font-weight:500; } 
.dot-list.flex > li { display:flex; font-size: 18px; line-height: 2.222em; color: #333333; } 
.dot-list.flex > li strong { width:150px; flex:0 0 150px; } 

.product-wrap .slider-nav .slick-slide { width: 100%; max-width: 160px; margin-right: 20px; } 
.product-wrap .slider-nav .items .item { position: relative; overflow: hidden; cursor: pointer; height: 160px; width: 100%; background: #f6f6f6; } 
.product-wrap .slider-nav .slick-current .item:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #f9a01b; } 
.product-wrap .slider-nav .items .item img { max-height:160px; width:auto; padding: 20px; display: flex; justify-content: center; align-items: center; } 

/* 사이트맵 */
.sitemap { overflow:hidden; } 
.sitemap .row { *zoom:1; margin:0 -10px; } 
.sitemap .row:after { content:" "; display:block; clear:both; } 
.sitemap dl { float:left; width:25%; padding:0 10px; box-sizing:border-box; } 
.sitemap dl dt { border:1px solid #ddd; padding:10px 0; background:#f4f4f4; line-height:1.3em; text-align:center; font-size:16px; font-weight:500; color:#444; margin:0 0 5px 0; } 
.sitemap dl dd { border-bottom:1px dotted #ccc; } 
.sitemap dl dd a { display:block; padding:9px 0 9px 26px; color:#555; font-size:15px; line-height:22px; background:url("../images/sub/dot.gif") 10px 17px no-repeat; } 
.sitemap dl dd ul { background:#f4f4f4; padding:8px 0; } 
.sitemap dl dd ul li a { display:block; background:none; font-size:14px; font-weight:200; line-height:20px; padding:2px 0 2px 15px; text-decoration:none; } 

/* color */
.color-p { text-align: center; margin-bottom: 20px; font-size:25px; font-weight:700; line-height: 1.4em; letter-spacing:-0.03em; color:#f9a01b; } 
.color .sbp-contents-p { margin-bottom: 20px; font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#555; } 
.color .sbp-contents-p span { color: #f9a01b; } 
.color .sbp-contents-p span.black { color: #333; font-weight: 500; } 

.color .sbp-contents .items { display:flex; flex-wrap:wrap; margin: 50px 0; } 
.color .sbp-contents .items.type2 { max-width: 980px; margin: 0 auto 50px; } 
.color .sbp-contents .items .item { width: 33.33333%; text-align: center; } 
.color .sbp-contents .items .item .tit { font-size:18px; font-weight:700; letter-spacing:-0.03em; color:#f9a01b; padding: 30px 0; } 
.color .sbp-contents .items .item .txt { font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#555; } 
 
.color .sbp-contents .boxes { display:flex; flex-wrap:Wrap; margin: -15px -25px; } 
.color .sbp-contents .boxes .box { width: 50%; padding: 15px 25px; } 
.color .sbp-contents .boxes .box .con { border:1px solid #ddd; } 
.color .sbp-contents .boxes .box .con .text { padding: 25px; border-top:1px solid #ddd; } 
.color .sbp-contents .boxes .box .con .text .tit { font-size:22px; font-weight:700; letter-spacing:-0.03em; color:#333; margin-bottom: 18px; } 
.color .sbp-contents .boxes .box .con .text .txt { font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#555; } 

.color .sbp-contents .boxes2 .box { width: 33.3333333%; } 
.color .sbp-contents .boxes2 .box .con { border:none; } 
.color .sbp-contents .boxes2 .box .con .img { border:1px solid #ddd; border-bottom:none; height: 300px; display: flex; align-items: center; justify-content: center; } 
.color .sbp-contents .boxes2 .box .con .table table { width:100%; border-collapse:collapse; } 
.color .sbp-contents .boxes2 .box .con .table table tr th { background-color: #f8f8f8; padding: 15px 0; border:1px solid #ddd; font-weight:700; color:#454545; font-size:16px; line-height: 1.5em; letter-spacing: -.03em; } 
.color .sbp-contents .boxes2 .box .con .table table tr td { text-align: center; padding: 15px 0; border:1px solid #ddd; font-weight:400; color:#454545; font-size:16px; line-height: 1.5em; letter-spacing: -.03em; } 
.color .sbp-contents .boxes2 .box .con .table table tr td span { color: #4e7e38; font-weight: 500; } 

.color .sbp-contents .boxes3 .box { width: 20%; } 
.color .sbp-contents .boxes3 .box .text { text-align: center; } 
.color .sbp-contents .boxes3 .box .tit { font-size:25px; font-weight:500; letter-spacing:-0.03em; color:#333; margin-bottom: 10px; } 
.color .sbp-contents .boxes3 .box .txt { font-size:18px; font-weight:500; letter-spacing:-0.03em; color:#686868; } 

.color .sbp-contents .type { display:flex; flex-wrap:Wrap; align-items: center; } 
.color .sbp-contents .type .img { width: 42.85%; } 
.color .sbp-contents .type .text { margin-left: 70px; flex:1 1 auto; min-width: 0; width: 1%; } 
.color .sbp-contents .type .text .tit { margin-bottom: 30px; } 
.color .sbp-contents .type .text .tit h4 { margin-bottom: 20px; font-size:50px; font-weight:700; letter-spacing:-0.03em; color:#f9a01b; } 
.color .sbp-contents .type .text .tit p { font-size:18px; font-weight:400; letter-spacing:-0.03em; color:#686868; } 
.color .sbp-contents .type .text .txt .tt { margin-bottom: 20px; line-height: 1.36em; font-size:25px; font-weight:500; letter-spacing:-0.03em; color:#555; } 
.color .sbp-contents .type .text .txt .p { font-size:16px; font-weight:400; letter-spacing:-0.03em; color:#555; } 

.color .yellow { text-align: center; margin-top: 60px; } 
.color .yellow p { border-radius:50px; padding:20px 50px; display:inline-flex; background-color: #f9a01b; font-size:22px; font-weight:500; letter-spacing:-0.03em; color:#fff; } 

.color .sbp-contents .table-BIPV { margin-top: 100px; } 
.color .sbp-contents .table-BIPV .table-tit { text-align: center; } 
.color .sbp-contents .table-BIPV .table-tit .tit { margin-bottom: 45px; font-size:80px; font-weight:500; letter-spacing:-0.01em; line-height: 1.4em; color:#2c2c2c; } 
.color .sbp-contents .table-BIPV .table-tit .txt { margin-bottom: 70px; font-size:25px; font-weight:500; letter-spacing:-0.01em; color:#686868; } 

.color .sbp-contents .table-BIPV .table-img { text-align: center; margin-bottom: 35px; } 

.color .sbp-contents .table-BIPV .table-box { margin-bottom: 70px; } 
.color .sbp-contents .table-BIPV .table-box tr td ul li { margin-bottom: 35px; font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height: 1.4em; color:#555; } 
.color .sbp-contents .table-BIPV .table-box tr td ul li:last-of-type { margin-bottom: 0; } 

.color .sbp-contents .table-BIPV .table-txt { text-align: center; } 
.color .sbp-contents .table-BIPV .table-txt .tt { display:inline-block; position: relative; font-size:40px; font-weight:700; letter-spacing:-0.03em; line-height: 1.4em; color:#555; } 
.color .sbp-contents .table-BIPV .table-txt .tt:before { z-index: -1; content:""; position: absolute; width: 100%; height: 19px; bottom: 0; left: 0; background-color: #fbc676; } 
.color .sbp-contents .table-BIPV .table-txt p { margin-top: 25px; font-size:20px; font-weight:400; letter-spacing:-0.03em; line-height: 1.4em; color:#555; } 

.color-wrap { text-align:center; /* display:flex; flex-wrap:wrap; */ } 
/* .color-wrap .text-wrap { margin-left: 70px; } 
.color-wrap .text-wrap .tit { margin-bottom: 27px; text-align: center; font-size:30px; font-weight:700; letter-spacing:-0.02em; color:#f9a01b; } 
.color-wrap .text-wrap ul li { margin-bottom: 13px; font-size:17px; font-weight:500; letter-spacing:-0.02em; line-height: 1.3em; color:#555; padding-left: 0.67em; text-indent: -0.67em; } */

/* sub02_07_2 */
.tit-orange { font-size: 20px; line-height: 1.5em; color: #f9a01b; font-weight: 700; letter-spacing: -0.03em; margin-bottom: 15px; font-family: 'NanumSquare'; } 

.img-box { background-color: #fff; border: 1px solid #ddd; padding: 50px; } 
.img-box .group-flex { margin: 0 -20px; justify-content: center; } 
.img-box .img { padding: 0 20px; }