@charset "euc-kr"; 

/* Á¤ºÎ3.0 */
.visIntro {background:#f4f4f4 url('../image/bg/bg_introduce_w.jpg') no-repeat right top; padding:45px 177px 45px 275px; position:relative; box-sizing:border-box; margin:0 0 40px;}
.visIntro img {width:100%;}
.visIntro strong {position:absolute; left:65px; top:45px; width:153px;}
.visIntro span {position:absolute; left:66px; top:145px; width:150px;}
.visIntro p {margin:0 0 20px; word-break:keep-all; font-size:14px;}

.intro01 {width:100%; text-align:center; margin:0 0 60px;}
.system01 {width:100%; overflow:hidden;}
.system01 > span {float:left; position:relative; background:#f4f4f4; height:42px; width:18%; color:#31343f; line-height:42px; font-size:14px;}
.system01 > span.lastBox {width:60%;}
.system01 > span + span {margin-left:2%;}
.system01 > span + span:after {content:""; position:absolute; left:-19px; top:50%; border-top:1px solid #e0e0e0; width:20px; height:1px;}
.system02 {overflow:hidden; margin-top:10px;}
.system02 strong {float:left; width:18%; height:79px; line-height:79px; margin-right:2%; background:#ebf0f4; color:#046eb0;}
.system02 strong.type02 {background:#e9f3f0; color:#00875a;}
.system02 ul {float:left; width:60%; overflow:hidden; border-top:1px solid #ececec; border-right:1px solid #ececec; box-sizing:border-box;}
.system02 ul > li {float:left; width:33.3%; height:39px; border-left:1px solid #ececec; border-bottom:1px solid #ececec; line-height:39px; box-sizing:border-box;}

/*.boardView + .boardSearch {border-top:0; padding-top:35px;}
.boardView + .boardView {margin-top:60px;}
.contentBody h4:first-child {border-top:1px solid #c8c8c8; padding-top:24px;}
.contentBody .contentArea h4{border-top:0; padding-top:0;}*/

/* OPEN API */
.myApi {overflow:hidden; margin:0 0 60px;}
.myApi li {float:left; width:32%; padding:50px 0; text-align:center;}
.myApi li strong {font-weight:normal; font-size:17px; display:block; line-height:100%; margin:0 0 18px; word-break:keep-all;}
.myApi li strong span {font-weight:bold;}
.myApi li div {width:102px; height:102px; margin:0 auto; color:#fff; box-sizing:border-box; padding-top:40px; text-shadow:1px 1px 1px #333;}
.myApi li div strong{display:inline-block;}
.myApi li + li {margin-left:2%;}
.myApi li.case01 {background:#eaf3f8;}
.myApi li.case02 {background:#f4f4f4;}
.myApi li.case03 {background:#e9f5f2;}
.myApi li.case01 a > strong {color:#137cbd;}
.myApi li.case02 a > strong {color:#31343f;}
.myApi li.case03 a > strong {color:#00875a;}
.myApi li.case01 div {background:url('../image/bg/bg_myapi01.png') no-repeat center center; background-size:100%;}
.myApi li.case02 div {background:url('../image/bg/bg_myapi02.png') no-repeat center center; background-size:100%;}
.myApi li.case03 div {background:url('../image/bg/bg_myapi03.png') no-repeat center center; background-size:100%;}

.openapiView01 {overflow:hidden; background:#f9f9f9; position:relative; min-height:160px; padding:0 0 0 310px; margin:0 0 60px;}
.openapiView01 > div {position:absolute;left:0;top:0;width: 280px;}
.openapiView01 > div img { max-width:100%; }
.openapiView01 > ul {float:left; padding:20px 0; width:100%;}
.openapiView01 > ul > li {padding:5px 0; overflow:hidden; line-height:160%;}
.openapiView01 > ul > li > strong {float:left; width:22%;}
.openapiView01 > ul > li > span {float:right; width:78%;}
.openapiView02 dl dt {position:relative; font-weight:700; color:#444; padding-left:11px}
.openapiView02 dl dt:after {content:""; position:absolute; left:0; top:8px; width:3px; height:3px; background:#31343f;}
.openapiView02 dl dd {padding:10px 0 0 20px; text-indent:-7px;}

.openapiView02 ul {width:101.5%;; overflow:hidden; margin:30px 0 60px -1.5%;}
.openapiView02 ul > li {float:left; width:23.5%; margin-left:1.5%;}
.openapiView02 ul > li > img {width:100%;}

.openapiView02 .imgArea {text-align:center; margin:40px 0 60px;}

/* Á¤º¸°ø°³ Á¦µµ ¾È³» */
.conInfoSys {padding:70px 59px; border:1px solid #e8e8e8; margin:0 0 60px;}
.conInfoSys ul {padding:0 26px 0 36px; background:url('../image/bg/bg_infosys01.png') no-repeat left center; box-sizing:border-box; position:relative; overflow:hidden;}
.conInfoSys ul:after {content:""; width:10px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; background:url('../image/bg/bg_infosys02.png') no-repeat left center;}
.conInfoSys ul li {width:23%; height:80px; float:left; text-align:center; box-sizing:border-box; display:table;}
.conInfoSys ul li + li {margin-left:2%;}
.conInfoSys ul li > div {background:#008700; color:#fff; display:table-cell; vertical-align:middle;}
.conInfoSys ul li span {display:block;}
.conInfoSys ul li.box02 > div {background:#0A76DC;}
.conInfoSys ul li.box03 > div {background:#1E8282;}
.conInfoSys ul li.box04 > div {background:#eff0f0; color:#333;}
.conInfoSys ul li.box05 > div {background:#53df9c;}

.conInfoSys.type02 ul li {width:18.8%;}
.conInfoSys.type02 ul li + li {margin-left:1.5%;}
.conInfoSys.type03 ul li {width: 23.4%;}
.conInfoSys.type03 ul li + li {margin-left:1.5%;}

.stitArea {overflow:hidden;}
.stitArea h5 {padding-left:12px; float:left; position:relative;}
.stitArea .sbtn04 {float:right; color:#444 !important; background-color:#fff; border:1px solid #dedede; display: inline-block;padding: 0 14px;height: 22px;line-height: 22px;margin-left: 10px;font-size: 11px;white-space: nowrap;text-align: center;	text-decoration: none !important;font-family:'notoKrB',sans-serif;font-weight:700;}

/* TAB3 */
.conInfoSys02 {border:1px solid #e1e2e2; margin-top:18px; padding:30px 9px 30px 49px; overflow:hidden;}
.conInfoSys02 li {display:table; float:left; width:50%; padding:10px 40px 10px 0; box-sizing:border-box;}
.conInfoSys02 li span {width:78%; display:table-cell; vertical-align:middle; padding-left:20px; text-align:left; word-break:keep-all;}
.conInfoSys02 li span:first-child {width:22%; display:table-cell; vertical-align:middle; padding-left:0;}

/* OPEN API Guide */
.apiGuide {margin-top:40px; width:912px;}
.apiGuide li + li {margin-top:10px;}
.apiGuide li > p {display:table;}
.apiGuide li > p > i {display:table-cell; height:40px; line-height:40px; color:#fff; background:#686b73; padding:0 17px; font-style:normal; position:relative;}
.apiGuide li > p > i.firstBg{background:#008700; text-shadow:1px 1px 1px #333;}
.apiGuide li > p > i.firstBg:after{content:""; position:absolute; left:100%; top:16px; width:0; height:0; border-left:7px solid #008700; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.apiGuide li > p > i.endBg{background:#199eed; text-shadow:1px 1px 1px #333;}
.apiGuide li > p > i.endBg:after{content:""; position:absolute; left:100%; top:16px; width:0; height:0; border-left:7px solid #199eed; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.apiGuide li > p > i:after {content:""; position:absolute; left:100%; top:16px; width:0; height:0; border-left:7px solid #686b73; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.apiGuide li > p > span {display:table-cell; padding-left:20px; vertical-align:middle; color:#515252;}
.apiGuide li > div {margin-top:15px; text-align:center; border:1px solid #dadada;}
.apiGuide li > div > img {max-width:100%;}

/* »çÀÌÆ® ÀÌ¿ë¾È³» */
.visGuide {padding:56px 360px 56px 56px; background:#f4f4f4 url('../image/bg/bg_siteguide01.png') no-repeat right bottom; box-sizing:border-box;}
.visGuide > span {font-size:16px; color:#686b74; font-family: "notoKrM", sans-serif;}
.visGuide strong {display:block; font-size:35px; color:#098ed9; font-weight:normal; line-height:110%; padding:10px 0 15px; letter-spacing:-0.05em;}
.visGuide strong > span {font-family: "notoKrM", sans-serif;}
.visGuide > p {font-size:14px; line-height:160%; word-break:keep-all;}

.siteGuide01 {position:relative; padding-left:160px; margin:60px 0;}
.siteGuide01 > strong {display:block; width:130px; height:130px; position:absolute; left:0; top:50%; margin-top:-65px; background:url('../image/bg/bg_siteguide02.png') no-repeat right top; background-size:cover; box-sizing:border-box; text-align:center; font-size:15px; color:#fff; padding-top:45px;}
.siteGuide01 > strong:after {content:""; position:absolute; left:100%; top:50%; border-top:1px solid #e6e6e6; width:30px;}
.siteGuide01 > ul {position:relative;}
.siteGuide01 > ul:after {content:""; position:absolute; left:0; top:5.5%; border-left:1px solid #e6e6e6; height:89%;}
.siteGuide01 > ul > li {padding-left:30px;}
.siteGuide01 > ul > li + li {margin-top:87px;}
.siteGuide01 > ul > li span {display:block; background:#80838d; width:172px; padding:15px 0; text-align:center; color:#fff; position:relative; z-index:99; text-shadow:1px 1px 1px #333;}
.siteGuide01 > ul > li span:after {content:""; position:absolute; left:-30px; top:50%; border-top:1px solid #e6e6e6; width:30px; z-index:0;}
.siteGuide01 > ul > li.point {background:url('../image/bg/bg_line02.png') no-repeat left center;}
.siteGuide01 > ul > li.point span {background:#00bd7f; text-shadow:1px 1px 1px #333;}
.siteGuide01 > ul > li.point span:after {border:0;}
.siteGuide01 > ul > li > ul {position:absolute; left:262px; top:0;}
.siteGuide01 > ul > li > ul:after {content:""; position:absolute; left:-30px; top:9.1%; border-left:1px solid #e6e6e6; height:82%;}
.siteGuide01 > ul > li > ul li {position:relative;}
.siteGuide01 > ul > li > ul li:after {content:""; position:absolute; left:-30px; top:50%; border-top:1px solid #e6e6e6; width:30px;}
.siteGuide01 > ul > li > ul li + li {margin-top:10px;}
.siteGuide01 > ul > li > ul dl {display:table; width:100%;}
.siteGuide01 > ul > li > ul dl dt {width:172px; height:84px; display:table-cell; text-align:center; background:#ebf5f3; vertical-align:middle;}
.siteGuide01 > ul > li > ul dl dd {display:table-cell; vertical-align:middle; padding-left:20px;}

.siteGuide02 {margin:0 0 60px;}
.siteGuide02 > span {display:block; color:#515252;}
.siteGuide02 > ul {margin-top:15px; border:1px solid #e6e6e6; display:table; width:100%;}
.siteGuide02 > ul > li {display:table-cell; width:25%; box-sizing:border-box; text-align:center; padding:39px 28px 37px;}
.siteGuide02 > ul > li + li {border-left:1px solid #e6e6e6;}
.siteGuide02 > ul > li > div img {width:102px;}
.siteGuide02 > ul > li > div strong {display:block; text-align:left; padding:30px 0 16px; border-bottom:1px solid #e6e6e6; word-break:keep-all;}
.siteGuide02 > ul > li > div strong span {display:block;}
.siteGuide02 > ul > li.tip01 > div strong {color:#0972b3;}
.siteGuide02 > ul > li.tip02 > div strong {color:#00875a;}
.siteGuide02 > ul > li.tip03 > div strong {color:#554246;}
.siteGuide02 > ul > li.tip04 > div strong {color:#31343f;}

.siteGuide02 > ul > li dl {padding-top:17px; text-align:left;}
.siteGuide02 > ul > li dl dt {color:#31343f; padding:0 0 5px;}
.siteGuide02 > ul > li dl dd {line-height:160%; color:#72747b;}

.siteGuide03 h5 {font-size:14px; padding-left:11px; position:relative;}
.siteGuide03 h5:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background:#31343f;}
.siteGuide03 ul {padding:10px 0 0 11px;}
.siteGuide03 ul li {padding-left:5px; text-indent:-5px;}
.siteGuide03 ol {width:100%; display:table; margin:15px 0 18px;}
.siteGuide03 ol li {width:20%; display:table-cell; background:#42454d; position:relative; padding:21px 24px; color:#fff;}
.siteGuide03 ol li:after {content:""; position:absolute; left:100%; top:50%; margin-top:-4px; z-index:100; border-left:7px solid #42454d; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
.siteGuide03 ol li.svc02 {background:#686b73;}
.siteGuide03 ol li.svc02:after {border-left:7px solid #686b73;}
.siteGuide03 ol li.svc03 {background:#979aa4;}
.siteGuide03 ol li.svc03:after {border-left:7px solid #979aa4;}
.siteGuide03 ol li.svc04 {background:#d5d5d8; color:#5a5e66;}
.siteGuide03 ol li.svc04:after {border-left:7px solid #fff;}
.siteGuide03 ol li.svc05 {background:#ececec; color:#5a5e66;}
.siteGuide03 ol li.svc05:after {border:0;}

.textBox01 + h4, .p + h4, .svcGuide + h4 {margin-top:60px;}

/* À¥Á¢±Ù¼º Á¶Ä¡ */
.searchArea input[type="text"]:focus-visible, .searchArea input[type="button"]:focus-visible {outline-offset: -2px}
.boardView.wide .inCk.type02 input[type="radio"] + label {
	margin: -2px 20px 1px -19px;
}

/*ÅëÀ̹ÌÁö bg·Î*/
.bgOneImg{position:relative; width:100%; padding:5% 0; margin-bottom:60px; box-sizing:border-box; text-align:center; border:1px solid #e8e8e8;}
.bgOneImg02{position:relative; width:100%; margin-bottom:60px; text-align:center;}
.bgOneImg02.bg01{background-color:#f9f9f9;}

.open_process {width: 730px; height: 673px; background: url('/openapi/image/contents/sub01_04_t01_s02-01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}
.open_process02 {width: 797px; height: 685px; background: url('/openapi/image/contents/sub06_03_04_t05-01pc.png') no-repeat 0 0; margin: auto; text-indent: -9999px;}

@media only screen and (max-width:980px){
	.open_process {width: 630px; height: 581px; background: url('/openapi/image/contents/sub01_04_t01-_s02-01pc2.png') no-repeat 0 0; margin: auto; }
   	.open_process02 {width: 630px; height: 541px; background: url('/openapi/image/contents/sub06_03_04_t05-01pc2.png') no-repeat 0 0; margin: auto; }
}
@media only screen and (max-width:767px){
	.open_process {width: 312px; height: 821px; background: url('/openapi/image/contents/sub01_04_t01_s02-01mo.png') no-repeat 0 0; margin: auto; }
	.open_process02 {width: 312px; height: 825px; background: url('/openapi/image/contents/sub06_03_04_t05-01mo.png') no-repeat 0 0; margin: auto; }
}
@media only screen and (max-width:400px){
	.open_process {width: 260px; height: 684px; background: url('/openapi/image/contents/sub01_04_t01-_s02-01mo2.png') no-repeat 0 0; margin: auto; }
    .open_process02 {width: 260px; height: 688px; background: url('/openapi/image/contents/sub06_03_04_t05-01mo2.png') no-repeat 0 0; margin: auto; }
}

@media only screen and (max-width:1024px) {	
	.visIntro {background:#f4f4f4 url('../image/bg/bg_introduce_t.jpg') no-repeat right top; padding:45px 100px 45px 265px;}

	/* OPEN API */
	.openapiView01 {overflow:hidden; background:#f9f9f9; position:relative; min-height:160px; padding:0 0 0 230px; margin:0 0 60px;}
	.openapiView01 > div {position:absolute; left:0; top:0; width:200px; height:160px;}
	.openapiView01 > div > img {width:100%; height:160px;}
	.openapiView01 > ul > li > strong {float:left; width:15%;}
	.openapiView01 > ul > li > span {float:right; width:84%;}

	/* OPEN API Guide */
	.apiGuide {margin:40px auto 0; width:706px;}
	.apiGuide li > div {min-height:290px;}

	/* »çÀÌÆ® ÀÌ¿ë¾È³» */
	.visGuide {padding:45px 360px 45px 45px;}

	.siteGuide01 {padding:160px 0 0;}
	.siteGuide01 > strong {left:50%; top:0; margin:0 0 0 -65px;}
	.siteGuide01 > strong:after {left:50%; top:100%; border:0; border-left:1px solid #e6e6e6; width:0; height:30px;}
	.siteGuide01 > ul {overflow:hidden; height:600px;}
	.siteGuide01 > ul:after {content:""; position:absolute; left:11.5%; top:0; border-top:1px solid #e6e6e6; height:0; width:77%;}
	.siteGuide01 > ul > li {float:left; width:22.75%; box-sizing:border-box; padding:30px 0;}
	.siteGuide01 > ul > li + li {margin:0 0 0 3%;}
	.siteGuide01 > ul > li span {display:block; background:#80838d; width:100%; padding:15px 0; text-align:center; color:#fff;}
	.siteGuide01 > ul > li span:after {content:""; position:absolute; left:50%; top:-31px; border-top:0; border-left:1px solid #e6e6e6; width:0; height:30px;}
	.siteGuide01 > ul > li.point {background:url('../image/bg/bg_line03.png') no-repeat center top;}
	.siteGuide01 > ul > li.point span {background:#00bd7f; position:relative;}
	.siteGuide01 > ul > li.point span:after {border:0;}
	.siteGuide01 > ul > li > ul {position:absolute; width:100%; left:0; top:140px;}
	.siteGuide01 > ul > li > ul:after {content:""; position:absolute; left:11%; top:-30px; border:0; border-top:1px solid #e6e6e6; width:26.2%; height:0;}
	.siteGuide01 > ul > li > ul li {position:relative;}
	.siteGuide01 > ul > li > ul li:after {content:""; position:absolute; left:11%; top:-10px; border:0; border-left:1px solid #e6e6e6; width:0; height:10px;}
	.siteGuide01 > ul > li > ul li:first-child:after {top:-30px; height:30px;}
	.siteGuide01 > ul > li > ul li + li {margin-top:10px;}
	.siteGuide01 > ul > li > ul dl {display:table; widzth:100%;}
	.siteGuide01 > ul > li > ul dl dt {width:162px;}
	.siteGuide01 > ul > li > ul dl dd {padding:0 20px; border:1px solid #eff0f0; border-left:0;}

	.siteGuide02 {margin:0 0 60px;}
	.siteGuide02 > span {display:block; color:#515252;}
	.siteGuide02 > ul {margin-top:15px; border:1px solid #e6e6e6; display:table;}
	.siteGuide02 > ul > li {display:table-cell; width:25%; box-sizing:border-box; text-align:center; padding:39px 28px 37px;}
	.siteGuide02 > ul > li + li {border-left:1px solid #e6e6e6;}
	.siteGuide02 > ul > li > div img {width:102px;}
	.siteGuide02 > ul > li > div strong {display:block; text-align:left; padding:30px 0 16px; word-break:keep-all;}
	.siteGuide02 > ul > li > div strong span {display:block;}
	.siteGuide02 > ul > li.tip01 > div strong {color:#0972b3;}
	.siteGuide02 > ul > li.tip02 > div strong {color:#00875a;}
	.siteGuide02 > ul > li.tip03 > div strong {color:#554246;}
	.siteGuide02 > ul > li.tip04 > div strong {color:#31343f;}

	.siteGuide02 > ul > li dl {padding-top:17px; text-align:left; border-top:1px solid #e6e6e6;}
	.siteGuide02 > ul > li dl dt {color:#31343f; padding:0 0 5px;}
	.siteGuide02 > ul > li dl dd {line-height:160%; color:#72747b;}

	.siteGuide03 h5 {font-size:14px; padding-left:11px; position:relative;}
	.siteGuide03 h5:after {content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background:#31343f;}
	.siteGuide03 ul {padding:10px 0 0 11px;}
	.siteGuide03 ol {width:100%; display:table; margin:15px 0 18px;}
	.siteGuide03 ol li {width:20%; display:table-cell; background:#42454d; position:relative; padding:21px 24px; color:#fff;}
	.siteGuide03 ol li:after {content:""; position:absolute; left:100%; top:50%; margin-top:-4px; z-index:100; border-left:7px solid #42454d; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid transparent;}
	.siteGuide03 ol li.svc02 {background:#686b73;}
	.siteGuide03 ol li.svc02:after {border-left:7px solid #686b73;}
	.siteGuide03 ol li.svc03 {background:#979aa4;}
	.siteGuide03 ol li.svc03:after {border-left:7px solid #979aa4;}
	.siteGuide03 ol li.svc04 {background:#d5d5d8; color:#5a5e66;}
	.siteGuide03 ol li.svc04:after {border-left:0;}
	.siteGuide03 ol li.svc05 {background:#ececec; color:#5a5e66;}
	.siteGuide03 ol li.svc05:after {border:0;}
}

@media only screen and (max-width:767px) {	
	.visIntro {background:#f4f4f4 url('../image/bg/bg_introduce_m.jpg') no-repeat right top; background-size:65%; padding:30% 35px 45px 35px;}
	.visIntro strong {position:static; width:45%; display:inline-block;}
	.visIntro span {position:static; width:45%; display:inline-block; vertical-align:bottom; margin-left:10px;}
	.visIntro p {padding:20px 0 0;}
	.visIntro .sbtn04 {display:block; width:100%; box-sizing:border-box; font-size:13px;}

	.intro01 {margin:0 0 40px; overflow:hidden;}
	.system01 {width:25%; float:left;}
	.system01 > span {float:none; display:block; position:relative; background:#f4f4f4; height:35px; width:100%; color:#31343f; line-height:35px; font-size:13px;}
	.system01 > span.lastBox {width:100%; height:106px; padding-top:35px; box-sizing:border-box;}
	.system01 > span + span {margin-left:0; margin-top:15px;}
	.system01 > span + span:after {content:""; position:absolute; left:50%; top:-15px; border-top:0; border-left:1px solid #e0e0e0; width:1px; height:15px;}
	.system02 {width:73%; overflow:hidden; margin-top:0; float:right;}
	.system02 strong {float:none; clear:both; width:100%; height:35px; line-height:35px; margin:0 0 15px; display:block;}
	.system02 strong.type02 {background:#e9f3f0; color:#00875a;}
	.system02 ul {float:none; clear:both; width:100%; }
	.system02 ul > li {float:left; width:50%; height:35px; line-height:35px; font-size:12px;}

	/* OPEN API */
	.myApi {margin:0 0 30px;}
	.myApi li {float:left; width:33.3%; padding:50px 0; text-align:center;}
	.myApi li + li {margin:0;}
	.myApi li > strong {width:60%; font-size:13px; margin:0 auto 20px;}
	.myApi li div {width:75px; height:75px; padding:20px 0 0; font-size:12px;}
	.myApi li div > strong {font-size:35px; line-height:35px;}

	/* OPEN API */
	.openapiView01 {overflow:hidden; background:#f9f9f9; position:static; padding:0; margin:0 0 35px;}
	.openapiView01 > div {position:static; width:100%; height:auto;}
	.openapiView01 > div > img {width:100%;height: auto;}
	.openapiView01 > ul {padding:10px 20px;}
	.openapiView01 > ul > li {padding:5px 0;}
	.openapiView01 > ul > li > strong {float:left; width:18%;}
	.openapiView01 > ul > li > span {float:right; width:80%;}

	.openapiView02 ul {width:102%;; overflow:hidden; margin:10px 0 35px -2%;}
	.openapiView02 ul > li {float:left; width:48%; margin-left:2%; margin-top:10px;}
	.openapiView02 ul > li > img {width:100%;}

	.openapiView02 .imgArea {text-align:center; margin:20px 0 35px;}
	.openapiView02 .imgArea img {width:100%;}

	/* Á¤º¸°ø°³ Á¦µµ ¾È³» */
	.conInfoSys {padding:25px 40px; border:1px solid #e8e8e8; margin:0 0 30px;}
	.conInfoSys ul {padding:26px 0 26px 0; background:url('../image/bg/bg_infosys01_m.png') no-repeat center top; box-sizing:border-box; position:relative; overflow:hidden; background-size:6px;}
	.conInfoSys ul:after {content:""; width:6px; height:6px; position:absolute; right:50%; top:99%; margin-right:-3px; background:url('../image/bg/bg_infosys02_m.png') no-repeat left center; background-size:100%;}
	.conInfoSys ul li {width:100%; height:auto; float:none; text-align:center; box-sizing:border-box;}
	.conInfoSys ul li + li, .conInfoSys.type02 ul li + li {margin:10px 0 0;}
	.conInfoSys ul li > div {padding:10px 20px;}
	.conInfoSys ul li span {display:inline;}
	.conInfoSys.type02 ul li {width:100%;}
	.conInfoSys.type03 ul li {width:100%;}
	.conInfoSys.type03 ul li + li {margin-left:0;}
	
	.stitArea {overflow:hidden;}
	.stitArea h5 {padding-left:12px; float:none; position:relative; font-size:15px; color:#31343f;}
	.stitArea .sbtn04 {width:100%; height:auto; float:none; font-size:13px; padding:9px 0; margin-top:10px; margin-left:0;}

	/* TAB3 */
	.conInfoSys02 {border:0; margin-top:0; padding:0; overflow:hidden;}
	.conInfoSys02 li {display:block; float:none; width:100%; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #edeeee;}
	.conInfoSys02 li span {width:78%; display:table-cell; vertical-align:middle; padding-left:20px; text-align:left; word-break:keep-all;}	
	.conInfoSys02 li span:first-child {width:22%; display:table-cell; vertical-align:middle; padding-left:0; }
	.conInfoSys02 li span:first-child img {width:100%;}

	/* OPEN API Guide */
	.apiGuide {margin-top:40px; width:100%;}
	.apiGuide li {border:1px solid #e3e4e4; position:relative; padding:0 14px 14px; box-sizing:border-box;}
	.apiGuide li + li {margin-top:60px;}
	.apiGuide li > p {display:block; width:100%; margin:0 -1px; padding-top:65px;}
	.apiGuide li > p > i {display:block; height:45px; line-height:45px; color:#fff; background:#686b73; padding:0; font-style:normal; position:absolute; left:0; top:0; width:100%; text-align:center;}
	.apiGuide li > p > i.firstBg:after{content:""; position:absolute; left:50%; top:100%; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid #02ca89; margin-left:-7px;}
	.apiGuide li > p > i.endBg:after{content:""; position:absolute; left:50%; top:100%; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid #199eed; margin-left:-7px;}
	.apiGuide li > p > i:after {content:""; position:absolute; left:50%; top:100%; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:5px solid transparent; border-top:5px solid #686b73; margin-left:-7px;}
	.apiGuide li > p > span {display:block; padding:0; vertical-align:middle; color:#515252; font-size:12px;}
	.apiGuide li > div {min-height:184px;}
	.apiGuide .bgOneImage{margin-bottom:0;}

	/* »çÀÌÆ® ÀÌ¿ë¾È³» */
	.visGuide {padding:36px 30px 220px; background:#f4f4f4 url('../image/bg/bg_siteguide01_m.png') no-repeat right bottom; background-size:cover;}
	.visGuide > span {font-size:13px;}
	.visGuide strong {display:block; font-size:20px; padding:5px 0 13px; margin:0 0 13px; letter-spacing:-0.05em; position:relative; font-family: "notoKrM", sans-serif;}
	.visGuide strong:after {content:""; position:absolute; left:0; top:100%; width:10%; border-bottom:1px solid #e0e0e0;}
	.visGuide strong > span {font-family: "notoKrB", sans-serif;}
	.visGuide > p {font-size:14px; line-height:160%; word-break:keep-all;}

	.siteGuide01 {padding:118px 0 0; margin:35px 0 0;}
	.siteGuide01 > strong {width:105px; height:105px; left:50%; top:0; margin:0 0 0 -52px; padding-top:35px; font-size:14px;}
	.siteGuide01 > strong:after {left:50%; top:100%; border:0; border-left:1px solid #e6e6e6; width:0; height:14px;}
	.siteGuide01 > ul {overflow:hidden; height:600px;}
	.siteGuide01 > ul:after {content:""; position:absolute; left:13%; top:0; border-top:1px solid #e6e6e6; height:0; width:74%;}
	.siteGuide01 > ul > li {float:left; display:table; width:25%; box-sizing:border-box; padding:15px 0;}
	.siteGuide01 > ul > li + li {margin:0; border-left:1px solid #fff;}
	.siteGuide01 > ul > li span {display:table-cell; height:70px; background:#80838d; width:100%; padding:0 2px; text-align:center; color:#fff; box-sizing:border-box; vertical-align:middle; font-size:12px; word-break:keep-all;}
	.siteGuide01 > ul > li span:after {content:""; position:absolute; left:50%; top:-15px; border-top:0; border-left:1px solid #e6e6e6; width:0; height:15px;}

	.siteGuide01 > ul > li > ul {top:114px;}
	.siteGuide01 > ul > li > ul:after {top:-15px;}
	.siteGuide01 > ul > li > ul li:first-child:after {top:-15px; height:15px;}
	.siteGuide01 > ul > li > ul dl {display:table; width:100%;}
	.siteGuide01 > ul > li > ul dl dt {width:80px; box-sizing:border-box; word-break:keep-all; padding:0 10px;}
	.siteGuide01 > ul > li > ul dl dd {padding:0 10px; font-size:12px; line-height:140%;}

	.siteGuide02 > ul {display:block;}
	.siteGuide02 > ul > li {width:100%; display:block; padding:20px;}
	.siteGuide02 > ul > li + li {border-top:1px solid #e6e6e6;}
	.siteGuide02 > ul > li > div {width:100%; display:table; padding:0 0 20px;}
	.siteGuide02 > ul > li > div > img {width:100%; display:table-cell; vertical-align:middle;}
	.siteGuide02 > ul > li > div > strong {width:80%; display:table-cell; vertical-align:middle; padding:0 0 0 20px; border:0;}

	.siteGuide02 > ul > li dl {padding-top:17px; text-align:left; overflow:hidden; position:relative; padding-left:80px; box-sizing:border-box;}
	.siteGuide02 > ul > li dl dt {color:#31343f; padding:0 0 5px; float:left; width:15%; position:absolute; left:0;}
	.siteGuide02 > ul > li dl dd {line-height:160%; color:#72747b; width:100%; padding:0 0 0 10px; border-left:1px solid #e6e6e6;}

	.siteGuide03 ol {width:100%; display:block; margin:15px 0 18px;}
	.siteGuide03 ol li {width:100%; display:block; background:#42454d; position:relative; padding:21px 0; color:#fff; text-align:center; box-sizing:border-box;}
	.siteGuide03 ol li:after {content:""; position:absolute; left:50%; top:100%; margin-top:0; z-index:100; border-left:5px solid transparent ! important; border-right:5px solid transparent; border-bottom:7px solid transparent; border-top:7px solid #42454d;}
	.siteGuide03 ol li.svc02 {background:#686b73;}
	.siteGuide03 ol li.svc02:after {border-top:7px solid #686b73;}
	.siteGuide03 ol li.svc03 {background:#979aa4;}
	.siteGuide03 ol li.svc03:after {border-top:7px solid #979aa4;}
	.siteGuide03 ol li.svc04 {background:#d5d5d8; color:#5a5e66;}
	.siteGuide03 ol li.svc04:after {border-top:0;}
	.siteGuide03 ol li.svc05 {background:#ececec; color:#5a5e66;}
	.siteGuide03 ol li.svc05:after {border:0;}
	
}