@charset "utf-8";

/*.sub-section-header {position:relative; width:100%; padding-left:390px;}*/
.sub-section-header {position:relative; width:100%; padding-left:5%;}
.sub-section-header h2 {font-family:'Nanum Gothic' !important; font-size:30px; font-weight:normal; color:#000; letter-spacing:-2px;}
.sub-section-header h1 {position:relative; font-family:'Nanum Gothic' !important; font-size:50px; color:#000; padding-top:30px; letter-spacing:-2px;}
/*.sub-section-deco {position:absolute; left:0; bottom:23%; margin-left:-5px; width:360px; height:1px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)"; filter:alpha(opacity=50); opacity:0.5;}*/
.sub-section-deco {position:absolute; left:-25%; bottom:23%; margin-left:-5px; width:360px; height:1px; background:#000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)"; filter:alpha(opacity=50); opacity:0.5;}
.sub-section-deco:after {content:""; position: absolute; right:-10px; top:-5px; width:10px; height:10px; border-radius:50%; background:#000;}

.sub_section_slogan {position:absolute; font-size:20px; font-weight:normal; color:#000000; line-height:30px; top:20px; left:20%; text-shadow: 1px 1px 10px rgba(255,255,255,255.75);}
.sub_section_slogan.length05 {left:25%;}
.sub_section_slogan.finance_d {left:25%;}
.sub_section_slogan.finance {top:40px; font-size:24px; left:25%;}
.sub_section_slogan.finance.finance02 {left:29%;}
.sub_section_slogan > span {font-size:24px;}
.sub_section_slogan > span.ft_ff3333 {color:#ff3333;}
.sub_section_slogan > span.ft_009999 {color:#009999;}
.sub_section_slogan > span.ft_0066cc {color:#0066cc;}
.sub_section_slogan > span.ft_0099cc {color:#0099cc;}

/*.sub-section-content {width:1280px; margin:0 auto;}*/
.sub-section-content {width:1280px; margin:0 auto; /*padding-bottom:12%;**/ height:723px;}
.sub-section-content2 {width:1835px; margin:0 auto;}
/*.sub-section-content3 {width:100%; margin:0 auto;}*/
.sub-section-content3 {width:100%; margin:0 auto; height:723px;}
.sub-section-con {width:100%; display:inline-block;}


/* 개요 */
.summary {margin-top:90px; padding:0 65px;}
.summary li {float:left; display:inline-block; width:166px; margin-right:80px; text-align:center;}
.summary li:last-child {margin-right:0;}
.summary li p.txt01 {font-family:'Noto Sans KR Medium' !important; font-size:20px; color:#000000;}
.summary li p.txt02 {padding-top:10px; font-size:16px; color:#000000; line-height:20px;}
.summary li p.line01 {padding:50px 0 20px;}
.summary li p.line02 {padding:30px 0 20px;}
.summary li p.line03 {padding:10px 0 20px;}
.summary li p.icon {width:166px; height:166px; background-color:rgba(140,154,146,0.7); border-radius:50%; overflow:hidden;}

/* 인사말 */
.ceo {position:relative; margin-top:55px; margin-left:40px; width:94%; background-color:rgba(255,255,255,0.5); text-align:center; padding:60px 0 40px; border:1px solid #fff;}
.ceo:before {content:""; position:absolute; width:20px; height:17px; background:#ff3333; top:0; left:49%;}
.ceo h1 {font-size:25px; color:#000000; font-weight:normal; line-height:40px; letter-spacing:-1.5px; padding-bottom:20px;}
.ceo h2 {font-size:24px; color:#333; font-weight:normal; line-height:40px; letter-spacing:-1.5px; padding:20px 0;}
.ceo .txt {font-family: 'Noto Sans KR Light' !important; font-size:16px; line-height:24px; letter-spacing:-1.5px;}
.ceo .mo-txt {display:none;}

/* 연혁 */
.history {position:relative; margin-top:55px; padding-left:95px; }
.history li {position:relative; float:left; display:inline-block; width:45%; min-height:550px;}
.history li:before {content:""; position:absolute; background:url(/Img/sub/history_line.png); width:1px; top:5px; left:8px; height:100%;}
.history li .history_con {}
.history li .history_con h1.history_y {position:relative; padding-left:40px; font-size:30px; color:#666666; font-family: 'Nanum Gothic Bold' !important; font-weight:normal;}
.history li .history_con h1.history_y:before {content:""; position:absolute; background:url(/Img/sub/history_y_icon.png) no-repeat; width:18px; height:18px; left:0; top:6px;}
.history li .history_con .history_info {position:relative; display:inline-block; width:100%; padding-left:40px; padding-top:10px; min-height:100px;}
.history li .history_con .history_info p {padding:1px 0 9px; font-size:14px; color:#666666;}
.history li .history_con .history_info p .month {font-size:18px; color:#333; width:30px; display:inline-block;}

/* 조직도 */
.organ {/*width:85%;*/ margin-top:15px; margin-left:3%;}
.organ > ul {margin:0 auto;}
.organ > ul > li {text-align:center; position:relative; z-index:9999;}
.organ > ul > li > span {position:relative; display:block; width:180px; height:50px; line-height:50px ;margin:0 auto; border-radius:10px; background:#9e0b0f; color:#fff; font-size:20px; font-family:'Noto Sans KR Bold' !important; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}
.organ > ul > li > span .cirle {position:absolute; width:100%; height:30px; top:-10px; background-color:rgba(255, 255, 255, 0.1); border-radius:50%;}
.organ > ul > li:after {content:"";position:absolute;left: 50%;width:1px;height:260px;background:#999999;z-index:-1;}
.organ > ul > li:first-child:after {content:""; width:1px; height:1px;}
.organ > ul > li:last-child:after {content:""; width:1px; height:1px;}
.organ > ul > li > ul {position:relative;}
.organ > ul > li > ul.top:after {content:"";position:absolute;left: 49.5%;width: 378px;margin-left:-100px;height:1px;top: 91px;background:#999999;z-index:-1;}
.organ > ul > li > ul.top:before {content:"";position:absolute;left: 49.5%;width: 1px;margin-left:-100px;height: 135px;top: 24px;background:#999999;z-index:-1;}
.organ > ul > li > ul.center:after {content:"";position:absolute;left: 16.5%;width: 33.6%;height:1px;top:10px;background:#999999;z-index:-1;}
.organ > ul > li > ul > li {float:left; width:50%; margin:5px 0;}
.organ > ul > li > ul.top > li > span {position:relative; display:block; margin:0 auto; border-radius:10px; background:#827c73; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); /*overflow:hidden;*/}
.organ > ul > li > ul.top > li.left > span {margin-right:27%; width:160px; height:38px; line-height:38px; margin-bottom:7px; color:#fff; text-align:right; padding-right:25px;}
.organ > ul > li > ul.top > li.left > span:after {content:"";position:absolute;right: -26%;width: 43px;height: 1px;top: 19px;background:#999999;z-index:-1;}
.organ > ul > li > ul.top > li.left > span .cirle {position:absolute; width:100%; height:22px; top:-8px; background-color:rgba(255, 255, 255, 0.1); border-radius:37%;}
.organ > ul > li > ul.top > li.right > span.right01 {margin-left:30%;width:74px;height:60px;margin-top: 0;color:#fff;font-size:16px;line-height:60px;}
.organ > ul > li > ul.top > li.right > span.right01 {position:relative; display:block; border-radius:10px; background:#827c73; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); /*overflow:hidden;*/}
.organ > ul > li > ul.top > li.right > span.right02 {margin-left:30%;width:115px;height:50px;margin-top: 0;color:#fff;font-size:16px;line-height:50px;}
.organ > ul > li > ul.top > li.right > span.right02 {position:relative; display:block; margin:45px auto 0; border-radius:10px; background:#827c73; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); /*overflow:hidden;*/}
.organ > ul > li > ul.top > li.right > span.right02:after {content:"";position:absolute;left: 50%;width: 1px;height: 25px;top: -19px;background:#999999;z-index:-1;}
.organ > ul > li > ul.top > li.right > span.right02 .cirle2 {height:135%;}
.organ > ul > li > ul.top > li > span .cirle2 {position:absolute; width:100%; height:100%; top:0; right:-3px; background-color:rgba(255, 255, 255, 0.1); border-bottom-left-radius: 100%;}
.organ > ul > li > ul.center {clear:both; width:100%; position:relative;}
.organ > ul > li > ul.center > li {position:relative;margin: 40px 0 35px;}
.organ > ul > li > ul.center > li span {position:relative; display:block; width:200px; height:80px; background:#33596a; color:#fff; border-radius:10px; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}
.organ > ul > li > ul.center > li.cenCenter span {height:80px;}
.organ > ul > li > ul.center > li.cenRight span {height:160px;}
.organ > ul > li > ul.center > li > span .cirle3 {position:absolute; width:100%; height:80px; top:-50px; background-color:rgba(255, 255, 255, 0.1); border-radius:50%;}
.organ > ul > li > ul.center > li > span .cenInfo {width:100%; padding:15px 10px;}
.organ > ul > li > ul.center > li.cenRight > span .cenInfo {padding:15px 10px;}
.organ > ul > li > ul.center > li > span .cenInfo .icon { float:left; padding-right: 5px;}
.organ > ul > li > ul.center > li > span .cenInfo .icon.icon03 {padding-right:17px;}
.organ > ul > li > ul.center > li > span .cenInfo .icon img {width:70%;}
.organ > ul > li > ul.center > li > span .cenInfo .tit {font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#fff; line-height:46px; text-align:left;}
.organ > ul > li > ul.center > li.cenRight > span .cenInfo .tit {border-bottom:none;}
.organ > ul > li > ul.center > li > span .cenInfo .txt {font-size:14px; color:#fff; line-height:23px; text-align:left;}
.organ > ul > li > ul.center > li.cenLeft {width:20.56%;margin-left: 7%;}
.organ > ul > li > ul.center > li.cenLeft:after {content:"";position:absolute;left: 46%;width:1px;height: 228px;top: -29px;background:#999999;z-index:-1;}
.organ > ul > li > ul.center > li.cenLeft span {}
.organ > ul > li > ul.center > li.cenCenter {width:20.56%;margin-left: 13%;}
.organ > ul > li > ul.center > li.cenCenter:before {content:"";position:absolute;right: -105%;width: 260px;height:1px;top: 40px;background:#999999;z-index:-1;}
.organ > ul > li > ul.center > li.cenCenter:after {content:"";position:absolute;right: -105%;width: 1px;height: 159px;bottom: -20px;background:#999999;z-index:-1;}
.organ > ul > li > ul.bottom {clear:both; width:100%; position:relative;}
.organ > ul > li > ul.bottom:before {content:"";position:absolute;left: 9.1%;width: 79.6%;height: 1px;top: -16px;background:#999999;z-index:-1;}
.organ > ul > li > ul.bottom > li {position:relative; float:left; display:inline-block; width:115px; height:50px; line-height:50px; color:#fff; font-size:16px;}
.organ > ul > li > ul.bottom > li.bot01 {margin-right:40px;margin-left: 42px;}
.organ > ul > li > ul.bottom > li.bot02 {margin-right: 45px;}
.organ > ul > li > ul.bottom > li.bot03 {margin-right: 15px;}
.organ > ul > li > ul.bottom > li.bot04 {margin-right: 15px;}
.organ > ul > li > ul.bottom > li.bot05 {margin-right: 45px;}
.organ > ul > li > ul.bottom > li.bot06 {margin-right: 15px;}
.organ > ul > li > ul.bottom > li > span {position:relative; display:block; margin:0 auto; border-radius:10px; background:rgba(0, 0, 0, 0.4);; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}
.organ > ul > li > ul.bottom > li > span .cirle2 {position:absolute; width:100%; height:135%; top:0; right:-3px; background-color:rgba(255, 255, 255, 0.1); border-bottom-left-radius: 100%;}
.organ > ul > li > ul.bottom > li:after {content:"";position:absolute;left: 50%;width: 1px;height: 20px;top: -20px;background:#999999;z-index:-1;}
.organ > ul > li > ul.bottom > li.bot04:after {display:none;}



/*.organ {width:76%; margin-top:15px; margin-left:185px;}*/
/*.organ > ul {margin:0 auto;}*/
/*.organ > ul > li {text-align:center; position:relative; z-index:9999;}*/
/*.organ > ul > li > span {position:relative; display:block; width:180px; height:50px; line-height:50px ;margin:0 auto; border-radius:10px; background:#9e0b0f; color:#fff; font-size:20px; font-family:'Noto Sans KR Bold' !important; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}*/
/*.organ > ul > li > span .cirle {position:absolute; width:100%; height:30px; top:-10px; background-color:rgba(255, 255, 255, 0.1); border-radius:50%;}*/
/*.organ > ul > li:after {content:""; position:absolute; left:50%; width:1px; height:210px; background:#999999; z-index:-1; }*/
/*.organ > ul > li:first-child:after {content:""; width:1px; height:1px;}*/
/*.organ > ul > li:last-child:after {content:""; width:1px; height:1px;}*/
/*.organ > ul > li > ul {position:relative;}*/
/*.organ > ul > li > ul.top:after {content:""; position:absolute; left:45%; width:300px; margin-left:-100px;  height:1px; top:75px; background:#999999; z-index:-1;}*/
/*.organ > ul > li > ul.bottom:after {content:""; position:absolute; left:12.3%; width:75.2%; height:1px; top:29px; background:#999999; z-index:-1;}*/
/*.organ > ul > li > ul > li {float:left; width:50%; margin:5px 0;}*/
/*.organ > ul > li > ul.top > li.left > span {margin-right:30%; width:160px; height:130px;}*/
/*.organ > ul > li > ul.top > li.right > span {margin-left:30%; width:74px; height:60px; margin-top:40px; color:#fff; font-size:16px; line-height:60px;}*/
/*.organ > ul > li > ul.top > li > span {position:relative; display:block; margin:0 auto; border-radius:10px; background:#827c73; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}*/
/*.organ > ul > li > ul.top > li > span .org-txt {padding:25px 25px 0 0; text-align:right;}*/
/*.organ > ul > li > ul.top > li > span .org-txt li {font-size:14px; color:#fff; line-height:20px; }*/
/*.organ > ul > li > ul.top > li > span .cirle2 {position:absolute; width:100%; height:100%; top:0; right:-3px; background-color:rgba(255, 255, 255, 0.1); border-bottom-left-radius: 100%;}*/
/*.organ > ul > li > ul.bottom {clear:both; width:100%; position:relative;}*/
/*.organ > ul > li > ul.bottom > li {position:relative; margin:70px 0;}*/
/*.organ > ul > li > ul.bottom > li span {position:relative; display:block; width:200px; height:260px; background:#33596a; color:#fff; border-radius:10px; -webkit-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); -moz-box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); box-shadow:6px 9px 10px 0px rgba(0, 0, 0, 0.22); overflow:hidden;}*/
/*.organ > ul > li > ul.bottom > li.cenCenter span {height:300px;}*/
/*.organ > ul > li > ul.bottom > li.cenRight span {height:160px;}*/
/*.organ > ul > li > ul.bottom > li > span .cirle3 {position:absolute; width:100%; height:80px; top:-40px; background-color:rgba(255, 255, 255, 0.1); border-radius:50%;}*/
/*.organ > ul > li > ul.bottom > li > span .cenInfo {width:100%; padding:27px 43px;}*/
/*.organ > ul > li > ul.bottom > li.cenRight > span .cenInfo {padding:27px 40px;}*/
/*.organ > ul > li > ul.bottom > li > span .cenInfo .icon { }*/
/*.organ > ul > li > ul.bottom > li > span .cenInfo .tit {font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#fff; line-height:58px; border-bottom:1px dotted #a9a9a9; margin-bottom:22px;}*/
/*.organ > ul > li > ul.bottom > li.cenRight > span .cenInfo .tit {border-bottom:none;}*/
/*.organ > ul > li > ul.bottom > li > span .cenInfo .txt {font-size:14px; color:#fff; line-height:23px; text-align:left;}*/
/*.organ > ul > li > ul.bottom > li.cenLeft {width:20.56%; margin-left:2%;}*/
/*.organ > ul > li > ul.bottom > li.cenLeft:after {content:""; position:absolute; left:50%; width:1px; height:50px; top:-40px; background:#999999; z-index:-1;}*/
/*.organ > ul > li > ul.bottom > li.cenLeft span {}*/
/*.organ > ul > li > ul.bottom > li.cenCenter {width:20.56%; margin-left:17%;}*/
/*.organ > ul > li > ul.bottom > li.cenRight {width:20.56%; margin-left:17%;}*/
/*.organ > ul > li > ul.bottom > li.cenRight:after {content:""; position:absolute; left:50%; width:1px; height:50px; top:-40px; background:#999999; z-index:-1;}*/


/* 계열사 */
.affiliate {position:relative; width:924px; height:inherit; padding-top:25px; margin:0 auto; display:block; /*margin-top:25px; margin-left:180px;*//* padding-top:25px; padding-left:11%;*/}
.affiliate_con {position:relative; width:100%;}
.mo-affiliate_con {display:none;}
.hexagon-wrap {position:absolute; display:inline-block;}
/*.hexagon-wrap.hexagon-wrap-1 {left:24.1%;}*/
/*.hexagon-wrap.hexagon-wrap-2 {margin-top:10.3%; left:6.1%;}*/
/*.hexagon-wrap.hexagon-wrap-3 {margin-top:20.6%;}*/
/*.hexagon-wrap.hexagon-wrap-4 {margin-top:30.9%; left:6.1%;}*/
.hexagon-wrap.hexagon-wrap-1 {left:308px;}
.hexagon-wrap.hexagon-wrap-2 {margin-top:130px; left:77px;}
.hexagon-wrap.hexagon-wrap-3 {margin-top:260px;}
.hexagon-wrap.hexagon-wrap-4 {margin-top:393px; left:77px;}
.hexagon-wrap li {display:inline-block; float:left; width:144px; height:166px; margin-right:10px;}

.hexagon-wrap li.hex-1 {background-image:url(/Img/sub/hex_bg01.png); background-size:cover;}
.hexagon-wrap li.hex-2 {background-image:url(/Img/sub/hex_bg02.png); background-size:cover;}
.hexagon-wrap li.hex-3 .front, .hexagon-wrap li.hex-3 .back {background-image:url(/Img/sub/hex_bg03.png); background-size:cover;}
.hexagon-wrap li.hex-4 {background-image:url(/Img/sub/hex_bg04.png); background-size:cover;}
.hexagon-wrap li.hex-5 {background-image:url(/Img/sub/hex_bg05.png); background-size:cover;}
.hexagon-wrap li.hex-6 {background-image:url(/Img/sub/hex_bg06.png); background-size:cover;}

.hexagon-wrap li h1 {font-size:25px; color:#fff; font-family: 'Nanum Gothic Bold' !important; font-weight:normal; text-align:center;}
.hexagon-wrap li h1.tit-1 {padding-top:70px;}
.hexagon-wrap li h1.tit-2 {padding-top:60px; line-height:30px;}
.hexagon-wrap li p {font-size:15px; color:#fff; font-family: 'Nanum Gothic Bold' !important; font-weight:normal; line-height:20px; text-align:center;}
.hexagon-wrap li p.txt-1 {padding-top:50px;}
.hexagon-wrap li p.txt-2 {padding-top:58px;}
.hexagon-wrap li p.txt-3 {color:#333333;}
.hexagon-wrap li p.icon {padding-top:41px;}

.front, .back { position:absolute; top:0; width:144px; height:166px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);

	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);

	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
}

.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2;
}

.back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.back a {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 16px;
	padding:20px 10px 20px 10px;
	line-height:22px;
}

.hexagon:hover .back, .hexagon.hover .back {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
}

.hexagon:hover .front, .hexagon.hover .front {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
}


/*오토리스*/
.autole {position:relative; margin-top:125px; margin-left:40px; width:100%;}
.autole .advantageBtn {position:absolute; width:220px; height:35px; line-height:35px; color:#fff; font-size:20px; font-family: 'Noto Sans KR Medium' !important; background:#cc3333; padding-left:15px; top:-11%; right:5%; cursor:pointer;}
.autole .advantageBtn2 {position:absolute; width:220px; height:35px; line-height:35px; color:#fff; font-size:20px; font-family: 'Noto Sans KR Medium' !important; background:#cc3333; padding-left:15px; top:-6%; right:5%; cursor:pointer;}
.autole .advantageBtn:after {content:""; position:absolute; top:9px; right:10px; background:url(/Img/sub/advantageBtn_icon.png) no-repeat; width:17px; height:17px;}
.autole .autole-con {position:relative; float:left; width:46.876%; height:480px; background-color:rgba(255,255,255,0.9); padding:25px 0 25px 40px; border:1px solid #c8c9c9; margin-right:1.3%;}
.autole .autole-con:last-child {margin-right:0;}

.sub-section-content2 .autole {margin-left:0;}
.sub-section-content2 .autole .autole-con {width:32.698%; margin-right:0.92%;}
.sub-section-content2 .autole .autole-con:last-child {margin-right:0;}

.autole-con h3 {padding-top:25px; font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#009999; font-weight:normal;}

.tbl_summ {position:relative; width:91%;}
.tbl_summ tbody tr {height:45px; line-height:45px; border-bottom:1px solid #cacac9;}
.tbl_summ tbody tr td.col01 {font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#000000; padding-left:2%;}
.tbl_summ tbody tr td.col02 {font-size:16px; color:#333333;}
.tbl_summ tbody tr td.col02.line2 {line-height:20px; padding-bottom:15px;}

.step {padding-top:5px; overflow:hidden;}
.step > ul {margin-top:15px;}
.step > ul > li {position:relative; display:inline-block; float:left; width:70px; text-align:center; vertical-align:middle; padding-right:35px;}
.step > ul > li:after {content:""; position:absolute; top:26px; right:12px; width:10px; height:17px; background:url(/Img/sub/step_arrow.png) no-repeat;}
.step > ul > li:first-child {padding-left:1%;}
.step > ul > li:last-child {padding-right:0;}
.step > ul > li:last-child:after {display:none;}
.step > ul > li > span {display:inline-block; width:70px; height:70px; border-radius:50%; background:#fff; border:5px solid #d49700; font-family: 'Noto Sans KR Medium' !important; font-size:17px; color:#000000; padding-top:20px;}
.step.step-2 > ul > li > span {border:5px solid #7cc576;}
.step.step-3 > ul > li > span {border:5px solid #7da7d9;}
.step > ul > li > span.line2 {padding-top:12px;}
.step > ul > li > p {font-family: 'Noto Sans KR Medium' !important; font-size:14px; color:#333333; font-weight:normal; padding-top:10px;}
.step > ul > li > p.abso {position:absolute; width:135px; right:0;}

.cont {padding-left:15px; padding-top:20px; font-size:15px; color:#333333; line-height:22px;}
.cont > span.ft_000000 {font-family: 'Noto Sans KR Medium' !important; color:#000000;}
.cont > span.ft_cc0000 {color:#cc0000;}

.autole-cus {position:relative; width:90%; padding:20px 30px; border-radius:10px; border:1px dotted #898989; margin-left:15px; margin-top:45px; line-height:27px; font-size:16px; color:#000000;}
.autole-cus span.tel {font-family: 'Nanum Barun Gothic Bold' !important;}
.autole-cus:before {content:"상담문의"; position:absolute; top:-28px; right:0; font-size:30px; color:#009999; font-family: 'Noto Sans KR Light' !important;}

.advan-tit {position:absolute; width:32%; height:30px; line-height:30px; background:#009999; font-size:20px; color:#fff; font-family: 'Noto Sans KR Medium' !important; top:30px; left:0; text-align:center;}
.advan-list {padding-top:70px;}
.advan-list li {position:relative; padding-bottom:15px; line-height:28px;}
.advan-list li.txt-line2 {padding-bottom:5px;}
.advan-list li span.num {position:absolute; display:inline-block; width:28px; height:28px; border-radius:50%; background:#679eb4; font-family: 'Nanum Barun Gothic Bold' !important; font-size:16px; color:#fff; top:0; left:0; line-height:31px; text-align:center;}
.advan-list li span.tit {display:inline-block; padding-left:35px; width:30%; font-size:16px; color:#000000; vertical-align:top;}
.advan-list li span.txt {display:inline-block; font-family: 'Noto Sans KR Medium' !important; font-size:14px; color:#666666; line-height:20px;}

/* 일반금융 */
.fnc {position:relative; margin-top:125px; width:100%; height:480px; background-color:rgba(255,255,255,0.9);}
.fnc.fnc04 {margin-top:45px; height:560px;}
.fnc .fnc-wrap {width:1280px; margin:0 auto;}
.fnc .fnc-con {position:relative; float:left; width:46.876%; padding:70px 0 0 40px; margin-right:1.3%;}
.fnc.fnc04 .fnc-con {padding:55px 0 0 40px;}
.fnc.fnc04 .fnc-con.fnc-con-right {padding:30px 0 0 40px;}
.fnc .fnc-con h3 {font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#009999; font-weight:normal;}
.fnc .fnc-con h3.left-h3 {padding-top:50px;}
.fnc .fnc-con .step {margin-left:15px;}
.fnc.fnc04 .fnc-con .step {margin-left:10px;}
.fnc .fnc-con .step > ul > li {width:82px; padding-right:45px;}
.fnc .fnc-con .step > ul > li:last-child {padding-right:0;}
.fnc .fnc-con .step > ul > li:after {top:33px; right:12px;}
.fnc .fnc-con .step > ul > li > span {width:82px; height:82px;}
.fnc .fnc-con .step > ul > li > span.line2 {padding-top:20px;}

.fnc-cus {position:relative; width:90%; padding:20px 30px; border-radius:10px; border:1px dotted #898989; margin-left:15px; margin-top:45px; line-height:27px; font-size:16px; color:#000000;}
.fnc-con-right .fnc-cus {margin-top:30px; }
.fnc-cus span.tel {font-family: 'Nanum Barun Gothic Bold' !important;}
.fnc-cus:before {content:"상담문의"; position:absolute; bottom:0; right:30px; font-size:30px; color:#009999;}
.fnc-cus.fnc-cus03:before {content:"상담문의"; position:absolute; bottom:0; right:5px; font-size:30px; color:#009999;}
.fnc-cus.fnc-cus01:after {content:""; position:absolute; bottom:-40%; right:-17%; background:url(/Img/sub/fnc_cus_img.png) no-repeat; width:113px; height:107px;}
.fnc-cus.fnc-cus02:after {content:""; position:absolute; bottom:-37%; right:-17%; background:url(/Img/sub/fnc_cus_img02.png) no-repeat; width:119px; height:118px;}
.fnc-cus.fnc-cus05:after {content:""; position:absolute; bottom:-28%; right:-14%; background:url(/Img/sub/fnc_cus_img05.png) no-repeat; width:106px; height:150px;}

/* 신기술 금융 */
.techno {position:relative; margin-top:95px; margin-left:80px; width:90%;}
.techno-con {width:100%;}
.techno03 .techno-con {width:100%;}

.tbl_techno {position:relative; width:100%;}
.tbl_techno thead tr {border-top:2px solid #ad141b; background:#ebebeb; border-bottom:1px solid #cccccc;}
.tbl_techno thead tr th {font-family: 'Noto Sans KR Medium' !important; font-weight:normal; font-size:16px; color:#000; line-height:44px;}
.tbl_techno tbody tr {border-bottom:1px solid #cccccc; background:#fff;}
.tbl_techno tbody tr td {font-size:16px; color:#333333; padding:30px 0; text-align:center;}
.tbl_techno tbody tr td .mo_union_date {display:none;}
.tbl_techno tbody tr td.col03 {text-align:left; padding-left:5%;}
.tbl_techno tbody tr td.col03.line2 {padding:18px 0 10px 5%; line-height:20px; vertical-align:top;}

.new-tec-fin-wrap {position:relative; width:100%;}
.new-tec-fin {position:relative; text-align:left;}
.new-tec-fin li {position:relative; display:inline-block; width:18.2%; margin-right:3%; background-color:#fff; border:2px solid #cccccc; text-align:center; padding:2%; height:300px; vertical-align:top;}
.new-tec-fin li:hover {background:#3965ae; border:2px solid #3965ae;}
.new-tec-fin li:last-child {margin-right:0;}
.new-tec-fin li .uni {padding:13% 0 10%; color:#666; font-size:16px;}
.new-tec-fin li .obj {color:#333; font-size:18px; line-height:27px;}
.new-tec-fin li .date {position:absolute; bottom:15%; left:38%; font-size:12px; color:#999;}
.new-tec-fin li:hover .uni, .new-tec-fin li:hover .obj , .new-tec-fin li:hover .date {color:#fff;} 

.techno02 {position:relative; margin-top:175px; margin-left:90px; width:90%;}
.techno02-prs {position:relative; background:url(/Img/sub/techno02_img.png) no-repeat; width:95.053%; height:215px;}
.techno02-prs:before {position:absolute; content:"Investment Process"; font-family: 'Noto Sans KR Medium' !important; font-size:60px; color:#999999; top:-70%; right:-5%; opacity:0.3;}
.techno02-prs li {float:left; display:inline-block; width:15.069%; margin-right:4.1%; margin-left:1.2%; font-family: 'Noto Sans KR Medium' !important; font-size:20px; color:#000; text-align:center; padding-top:7.5%; letter-spacing:-1.5px;}
.techno02-prs li:last-child {margin-right:0; margin-left:1.6%;}
.techno02-prs li.line2 {padding-top:7%;}

.techno02-01 {position:relative; margin-left:40px;}
.techno02-02-img {/*width:73%;*/ text-align:center; margin:25px auto 30px;}
.techno02-02-img img {}
.techno02-02-txt {margin-left:30px;}
.techno02-02-txt p {position:relative; font-size:18px; color:#636363; letter-spacing:-1px; padding-bottom:10px; padding-left:20%; line-height:27px; }
.techno02-02-txt p span.tit {position:absolute; top:0; left:0; font-size:19px; color:#231f20; font-family: 'Noto Sans KR Medium' !important; width:19%; display:inline-block;}
/*.techno02-01-prs {position:relative; background:url(/Img/sub/techno02_img.png) no-repeat; width:95.053%; height:215px;}*/
/*.techno02-01-prs:before {position:absolute; content:"Investment Process"; font-family: 'Noto Sans KR Medium' !important; font-size:60px; color:#999999; top:-70%; right:-5%; opacity:0.3;}*/
/*.techno02-01-prs li {float:left; display:inline-block; width:15.069%; margin-right:4.1%; margin-left:1.2%; font-family: 'Noto Sans KR Medium' !important; font-size:20px; color:#000; text-align:center; padding-top:7.5%; letter-spacing:-1.5px;}*/
/*.techno02-01-prs li:last-child {margin-right:0; margin-left:1.6%;}*/
/*.techno02-01-prs li.line2 {padding-top:7%;}*/

.techno03 {overflow:hidden;}
.techno03 .techno-con li {position:relative; float:left; width:50%;}
.techno03 .techno-con li .title {position:absolute; top:47%; left:49%; font-family: 'Noto Sans KR Medium' !important; font-size:30px; z-index:999999; text-align:center;}
.techno03 .techno-con li .title2 {position:absolute; top:47%; left:47%; font-family: 'Noto Sans KR Medium' !important; font-size:30px; z-index:999999; text-align:center;}

#chartdiv {position:relative; width:115%; height:600px; font-size:20px; color:#000; font-family: 'Noto Sans KR Bold' !important; }
#chartdiv2 {position:relative; width:115%; height:600px; font-size:20px; color:#000; font-family: 'Noto Sans KR Bold' !important; }
.amcharts-pie-label {font-size:20px;}
.amcharts-export-menu  {display:none;}
.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}
.amcharts-pie-slice:hover {
  transform: scale(1.1);
  filter: url(#shadow);
}


.techno04 {position:relative; width:100%; background:url(/Img/sub/techno04_bg.png) no-repeat; padding-bottom:45%;}
.techno04:before {content:""; position:absolute; top:0; left:7%; width:45%; height:100%; background:url(/Img/sub/techno04_img.png) no-repeat; z-index:100;}
.techno04-cus {position:absolute; right:0; bottom:3%; background:rgba(102, 102, 102, 0.2); width:50%; height:52%; border-radius:10px; padding:45px 60px;}
.techno04-cus:before {content:""; position:absolute; background:url(/Img/sub/techno04_img02.png) no-repeat; width:230px; height:195px; right:0; top:-35%;}
.techno04-cus p {font-size:30px; color:#000000; line-height:40px;}
.techno04-cus p span.ft-990000 {font-family: 'Noto Sans KR Medium' !important; color:#990000;}
.techno04-cus p span.ft-35 {font-family: 'Noto Sans KR Medium' !important; font-size:35px;}
.techno04-cus .sendBtn {position:relative; width:235px; height:30px; line-height:30px; color:#fff; font-size:15px; font-family: 'Noto Sans KR Medium' !important; background:#990000; padding-left:20px; margin-top:30px;}
.techno04-cus .sendBtn:after {content:""; position:absolute; top:12px; right:18px; background:url(/Img/sub/sendBtn_icon.png) no-repeat; width:38px; height:8px;}

.techno04-cus02 {position:absolute; right:0; bottom:3%; background:rgba(102, 102, 102, 0.2); width:50%; height:92%; border-radius:10px; padding:60px 45px 45px 35px;}
.techno04-cus02:before {content:""; position:absolute; background:url(/Img/sub/techno04_img02.png) no-repeat; width:230px; height:195px; right:0; top:-23%;}
.techno04-cus02 p.formTit {font-size:30px; color:#000000; line-height:40px; font-family: 'Noto Sans KR Medium' !important;}
.techno04-cus02 p.formSubTit {font-size:20px; color:#000000; line-height:40px; font-family: 'Noto Sans KR' !important; padding-bottom:20px;}

.inv_tbl {position:relative; width:100%;}
.inv_tbl th {padding:10px 0 10px 15px; text-align:left; font-size:16px; font-weight:normal; color:#000000;}
.inv_tbl td {position:relative; padding-left:20px; font-size:14px;}
.inv_tbl td input {height:26px; padding:0 4px !important;}
.inv_tbl td .vam { display:inline-block; color:#000; vertical-align:middle; font-size:16px; margin:0 5px;}
.inv_tbl td select {border:1px solid #cccccc; font-size:14px; color:#fff; background: url(/Img/sub/select_arrow.png) right center no-repeat #727272; -webkit-appearance:none; -moz-appearance:none; z-index:1; width:120px; height:28px; padding:0 10px;}
.inv_tbl td select::-ms-expand {display:none; line-height:15px; padding:0;}

.file_input_textbox {width:77%;}
.file_input_div { position:absolute; bottom:0; right:0; width:100px; height:29px; overflow:hidden; cursor:pointer;}
.inv_tbl td input.file_input_button { position:absolute; background-color:#727272; color:#fff; border:none; cursor:pointer; -webkit-appearance: none; width:100px; height:29px;}
.file_input_hidden { width:100%; position:absolute; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity:0; -mox-opacity:0; cursor:pointer;}

.inv_tbl_bottom { position:relative; padding-left:15px; margin-top:30px; color:#000; }
.inv_tbl_bottom p { font-size:15px; line-height:30px;}
.inv_tbl_bottom p a { color:#fff; }
.inv_tbl_bottom .sendBtn {position:absolute; width:235px; height:30px; line-height:30px; color:#fff; font-size:15px; font-family: 'Noto Sans KR Medium' !important; background:#990000; padding-left:20px; top:0; right:0; cursor:pointer;}
.inv_tbl_bottom .sendBtn:after {content:""; position:absolute; top:12px; right:18px; background:url(/Img/sub/sendBtn_icon.png) no-repeat; width:38px; height:8px;}

/* 경영정보 */
.infomt {position:relative; margin-top:70px; width:100%; background-color:rgba(255,255,255,0.9);}
.infomt .infomt02 {position:relative; margin-top:35px; width:100%; background-color:rgba(255,255,255,0.8); padding:40px 30px 0 30px;}
.infomt .infomt-wrap {position:relative; width:1280px; height:530px; margin:0 auto;}
.infomt .infomt-con {position:relative; float:left; margin-right:3%;}
.infomt .infomt-con:last-child {margin-right:0;}
.infomt .infomt-con h3 {position:relative; font-family: 'Noto Sans KR Medium' !important; font-size:22px; color:#000000; font-weight:normal; padding-left:22px;}
.infomt .infomt-con h3:before {content:""; position:absolute; width:10px; height:10px; top:6px; left:5px; background:#ff6666;}
.infomt .infomt-con h3:after {content:"(단위:백만원)"; position:absolute; bottom:0; right:0; font-size:12px; color:#666666; font-family: 'Noto Sans KR Medium' !important; font-weight:normal; }
.infomt .infomt-con.left {width:55.5%; padding:30px 0 20px 40px; }
.infomt .infomt-con.right {width:40.5%; padding:30px 0 0 0; }

.infomt_tab {position:absolute; top:-70px; left:44%; margin:0 auto; text-align:center; }
.infomt_tab ul {}
.infomt_tab ul li {display:inline-block; color:#fff; background:#7b7d7f; width:150px; height:40px; line-height:40px; font-size:16px; font-family:'Noto Sans KR Medium' !important; margin-right:1px; cursor:pointer;}
.infomt_tab ul li.on {color:#fff; background:#e71e27;}

.tbl_infomt {position:relative;; width:100%; margin-top:10px; }
.tbl_infomt thead tr {background-color:rgba(239, 239, 239, 0.7); border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.tbl_infomt thead tr th {font-family: 'Noto Sans KR Bold' !important; font-weight:normal; font-size:15px; color:#333333; line-height:29px;}
.tbl_infomt tbody tr {border-bottom:1px solid #cccccc; background-color:rgba(255, 255, 255, 0.7);}
.tbl_infomt tbody tr.tr_top {background-color:rgba(228, 241, 250, 0.7);}
.tbl_infomt tbody tr td {font-family: 'Noto Sans KR' !important; font-size:15px; color:#666666; line-height:29px; text-align:center}
.tbl_infomt tbody tr.tr_top td {font-family: 'Noto Sans KR Bold' !important; font-size:16px; color:#333333; }
.tbl_infomt tbody tr td.col01 {font-family: 'Noto Sans KR Bold' !important; padding-left:25px; text-align:left;}
.tbl_infomt tbody tr.tr_top td.col01 {padding-left:18px;}

.pdf-down {position:absolute; bottom:-5%; right:-7%; z-index:999;}
.mo-pdf-down {display:none;}

/* 고객센터 */
.custm {position:relative; margin-top:35px; width:100%; background-color:rgba(255,255,255,0.5); padding:40px 30px 0 30px;}
.custm.custm01 {padding:40px 40px;}
.custm.custm04 {padding:90px 0 70px 90px;}

/* search */
.bbsSearch {float:right; margin-bottom:15px;} 
.bbsSearch input[type='text'] {height:35px; box-sizing:border-box; padding:5px 30px 5px 5px; border:0; width:265px; line-height:32px; background-color:#fff; border:1px solid #bbbbbb; vertical-align:middle; display:inline-block; margin-right:5px;}
.bbsSearch input[type='button'] {border:0; height:35px; width:80px; background:#707070; color:#fff; display:inline-block; cursor:pointer;}
.bbsSearch .srchSelect {float:left; width:158px; color:#666;}
.bbsSearch .srchSelect select {width:100%; border:1px solid #bbbbbb; appearance:none; background:#ffffff url(/Img/common/select_arrow.png) no-repeat center right; background-size: 19px; -webkit-appearance: none; line-height:21px;}
.bbsSearch .searchWord {float:left; position:relative; margin-left:5px;}

.pageWrap {width:100%; margin:0 auto; text-align:center; margin:20px 0;}
.pageWrap.tech {margin:5% 0; }
.pageBar { margin:0 auto; text-align:center;}
.pageBar ul li {display:inline-block; margin-right:5px; width:22px; height:19px; border:none; line-height: 19px; vertical-align:top;}
.pageBar ul li .pageNum {color:#bbbbbb; font-size:20px; line-height:20px; width:100%; height:100%; display:block;}
.pageBar ul li .on {color:#cc0000;}
.pageBar ul li.numArea:last-child {margin-right:0;}
.pageBar ul li.nextArea {margin-left:10px; margin-right:0;}
.pageBar ul li.prevArea {margin-right:10px;}
.prevBtn { background: url(/Img/sub/prevBtn.png) no-repeat center center; display: block;}
.nextBtn { background: url(/Img/sub/nextBtn.png) no-repeat center center; display: block;} 

.tbl_boardL {position:relative;; width:100%; margin-top:10px; }
.tbl_boardL thead tr {background-color:rgba(187, 187, 187, 0.2); border-top:2px solid #575555; border-bottom:1px solid #b0adac;}
.tbl_boardL thead tr th {font-family: 'Noto Sans KR Medium' !important; font-weight:normal; font-size:16px; color:#666666; line-height:57px;}
.tbl_boardL tbody tr {border-bottom:1px solid #cccccc;}
.tbl_boardL tbody tr td {font-size:14px; color:#666666; line-height:57px; text-align:center;}
.tbl_boardL tbody tr td.subject {font-size:16px; text-align:left; padding-left:70px;}
.tbl_boardL tbody tr td.subject a {color:#666666;}
.tbl_boardL tbody tr td.date {color:#999999;}

.tbl_boardV {position:relative;; width:100%; margin:45px 0 75px; }
.tbl_boardV tr td {border-bottom:1px solid #cccccc; line-height:57px;}
.tbl_boardV td.thead {background-color:rgba(187, 187, 187, 0.2); border-top:2px solid #575555; border-bottom:1px solid #b0adac;}
.tbl_boardV td.thead p.subject {float:left; font-family: 'Noto Sans KR Medium' !important; font-size:16px; color:#333333; padding-left:20px;}
.tbl_boardV td.thead p.date  {float:right; font-size:14px; color:#999999; margin-top:5px; padding-right:20px;}
.tbl_boardV td .content_view {padding:20px 30px; height:250px; font-size:16px; color:#666666; line-height:22px; overflow:auto; overflow-x:hidden;}
.tbl_boardV td .file_tit:after {display:inline-block; overflow:hidden; width:1px; height:10px; margin:0 5px; margin-top:-2px; background:#bbb; content:''; vertical-align:middle; }
.tbl_boardV td.tbl_boardV_bottom {position:relative; line-height:40px;}
.tbl_boardV .prev_list_next {position:relative;}
.tbl_boardV .prev_list_next li {float:left; }
.tbl_boardV .prev_list_next li.prev_wrap, .tbl_boardV .prev_list_next li.next_wrap {width:50%;}
.tbl_boardV .prev_list_next li.prev_wrap {text-align:left;}
.tbl_boardV .prev_list_next li.prev_wrap .prev_tit {position:relative; display:inline-block; width:90px; background:#524f4e; color:#fff; text-align:center; padding-left:12px; font-size:14px;}
.tbl_boardV .prev_list_next li.prev_wrap .prev_tit:before {content:""; position:absolute; top:31%; left:13%; width:9px; height:15px; background:url(/Img/sub/prev_icon.png);}
.tbl_boardV .prev_list_next li.prev_wrap .prev_con {padding-left:10px; font-size:16px; color:#666666;}
.tbl_boardV .prev_list_next li.next_wrap {text-align:right;}
.tbl_boardV .prev_list_next li.next_wrap .next_tit {position:relative; display:inline-block; width:90px; background:#524f4e; color:#fff; text-align:center; padding-right:12px; font-size:14px;}
.tbl_boardV .prev_list_next li.next_wrap .next_tit:after {content:""; position:absolute; top:31%; right:13%; width:9px; height:15px; background:url(/Img/sub/next_icon.png);}
.tbl_boardV .prev_list_next li.next_wrap .next_con {padding-right:10px; font-size:16px; color:#666666;}
.tbl_boardV .list_wrap a {position:absolute; width:90px; display:inline-block; line-height:40px; top:0; left:47.5%; background:#9d1f23; color:#fff; text-align:center; padding-left:12px;}
.tbl_boardV .list_wrap a:before {content:""; position:absolute; top:38%; left:13%; width:14px; height:10px; background:url(/Img/sub/list_icon.png);}

.custm .agree {width:100%; height:480px; padding:40px 30px 0 30px; font-size:13px; color:#666666; line-height:20px; background:#fff; overflow-y:scroll;}
.bott-btn {position:absolute; bottom:-28px; right:26px;}
.bott-btn .btn {background:#d1214f; margin-left:30px; text-align:center; }
.bott-btn .btn a {font-family: 'Noto Sans KR Bold' !important; font-size:20px; color:#fff; line-height:22px; padding:20px; display:block;}

/* 모달 팝업 */
#modal-wrap { }
.modal-con {position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; display:none;}
.modalbg {position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:0 0 rgba(0, 0, 0, 0.5); }

/* MT 운용리스 장점 */
.advantage-wrap {position:relative; background:#fff; border:1px solid #d7d7d7; /*width:35.208%;*/ width:670px; z-index:1001;}
.advantage-con {position:relative; width:100%; text-align:center;}
.advantage-con .advant-tit {display:inline-block; width:32.187%; height:33px; line-height:33px; background:#cc3333; font-size:20px; color:#fff; font-family: 'Noto Sans KR Medium' !important; text-align:center;}
.advantage-con .advant-list {padding:50px 70px; text-align:left;}
.advantage-con .advant-list li {position:relative; padding-bottom:23px; line-height:27px;}
.advantage-con .advant-list li.txt-line2 {padding-bottom:5px;}
.advantage-con .advant-list li span.num {position:absolute; display:inline-block; width:28px; height:28px; border-radius:50%; background:#679eb4; font-family: 'Nanum Barun Gothic Bold' !important; font-size:16px; color:#fff; top:0; left:0; line-height:31px; text-align:center;}
.advantage-con .advant-list li span.tit {display:inline-block; padding-left:35px; width:30%; font-size:16px; color:#000000; vertical-align:top;}
.advantage-con .advant-list li span.txt {display:inline-block; font-family: 'Noto Sans KR Medium' !important; font-size:14px; color:#666666; line-height:20px;}

.advantage-con .close {position:absolute; top:10px; right:15px; cursor:pointer;}

.advantageCon2 {display:none;}
.advantageCon2 .advan-list2 {padding-top:20px;padding-left:15px;}
.advantageCon2 .advan-list2 li {position:relative; padding-bottom:15px; line-height:28px;}
.advantageCon2 .advan-list2 li.txt-line2 {padding-bottom:5px;}
.advantageCon2 .advan-list2 li span.num {position:absolute; display:inline-block; width:28px; height:28px; border-radius:50%; background:#679eb4; font-family: 'Nanum Barun Gothic Bold' !important; font-size:16px; color:#fff; top:0; left:0; line-height:31px; text-align:center;}
.advantageCon2 .advan-list2 li span.tit {display:inline-block; padding-left:35px; width:30%; font-size:16px; color:#000000; vertical-align:top;}
.advantageCon2 .advan-list2 li span.txt {display:inline-block; font-family: 'Noto Sans KR Medium' !important; font-size:14px; color:#666666; line-height:20px;}