@charset "utf-8";
/*==========================================================================================
======================================= 공통 =================================================
============================================================================================*/
/*
   Root : ITBYY_COM_PT_STATIC_WBZ 
   Date : 2025.04.04 온렌딩 체크박스 접근성
 */

/* ch */ 
.langCH .bold {font-weight:bold}
.langCH .bold, .langCH.popGlobal .customSlt.global .customSltBox button, .langCH.popGlobal .customSlt.global .customSltBox a ,
.langCH.popGlobal .globalCont .titH3.bul, .langCH .historyList > li p.txtDot,.langCH .historyList > li .txtDot > li{font-weight:bold;}

/* 필수항목 
.essential {position:relative; display:inline-block; width:auto; height:auto; padding:5px 2px 0 2px; vertical-align:top; font-size:0; line-height:0; background:none;}
.essential:after {content:'*'; font-size:13px; color:#d6006d; line-height:1;}
table .label .essential{padding-top:2px}
*/


/* imgLongdesc */
.imgLongdesc { text-align: center; }
.imgLongdesc img { max-width: 100%; }

/* 연혁 */
.historyWrap{position:relative;}
.historyBox{position:relative; margin-bottom:50px; padding-bottom:50px;overflow:hidden; }
.historyBox:before{content:""; display:block; position:absolute; width:1px; height:100%; top:64px; left:50%; background:url(../img/wbiz/bg_history_line.png) repeat-y 0 0}
.historyWrap .imgArea{position:relative; float:left; width:50%; padding-top:80px; box-sizing:border-box;}
.historyWrap .imgArea .img{position:relative; float:left; padding:0 0 0 95px; display:inline-block; width:260px;}
.historyWrap .imgArea .img:after{content:""; display:block; clear:both}
.historyWrap .imgArea .img img{width:100%; border:2px solid #d2d2d2; }
.historyWrap .imgArea .img.pos1{padding:5px 0 0 0}
.historyWrap .imgArea .img.pos2{padding:130px 0 0 10px;}
.historyWrap .imgArea .img.pos2:after { content: ""; clear: both; height: 20px; }
.historyWrap .imgArea.noImg:before {content:''; display:inline-block; width:105px; height:115px; margin-left:178px; background:url(../img/wbiz/img_history_noimg.png) no-repeat 0 0; vertical-align:top;}
.historyWrap .imgArea.noImg .img {display:none;}
.historyBox .detail{float:left; position:relative; width:50%; padding:80px 0 0 0; box-sizing:border-box;}
.historyBox .detail:before {content:""; display:inline-block; position:absolute; top:51px; left:-5px; width:11px; height:11px; border-radius:11px; background:#dedede}
.historyBox .yearArea{position:absolute; top:0; left:50%; display:inline-block; width:126px; height:57px; margin-left:-54px; padding:0 17px 0 1px; line-height:36px; text-align:center; font-size:20px; color:#fff; box-sizing:border-box; background:url(../img/wbiz/tit_history_bg.png) no-repeat 0 0; z-index: 2}
.historyBox .detail .yearArea{left:-54px; margin-left:0;}
.historyBox .year{display:inline-block;}
.historyBox .year:after{content:""; display:block; clear:both}
.historyBox .year strong{display:inline-block; float:left; margin-left:1px; height:16px; background:url(../img/wbiz/tit_history_num.png) no-repeat 0 0}
.historyBox .year strong:first-child{margin-left:0}

.historyBox .detail .txtArea{position:relative; box-sizing:border-box; }
.historyList > li{position:relative; padding:20px 0 0 107px}
.historyList > li:first-child{padding-top:0}
.historyList > li .tit{position:absolute; top:20px; right:480px; text-align:right; font-size:16px; color:#333}
.historyList > li:first-child .tit{top:1px}
.historyList > li .txtDot > li,
.historyList > li p.txtDot {position:relative; padding-left:10px; font-size:16px; color:#333; letter-spacing:0; line-height:1.6em;}
.historyList > li .txtDot > li:first-child {margin-top:0px !important;}
.historyList > li .txtDot > li:before,
.historyList > li p.txtDot:before{content:""; display:block; position:absolute; top:13px; left:0; width:3px; height:3px; border-radius:1px; background:#333;}
.historyList > li .dashList {margin-left:10px}
.historyList > li .dashList > li, .historyList > li .txtDot > li {margin-top:10px;}

.historyBox.txtOnly {padding-left:55px; padding-bottom:30px;}
.historyBox.txtOnly:before {left:54px;}
.historyBox.txtOnly .yearArea {left:0; margin-left:0;}
.historyBox.txtOnly .detail {width:100%;}
.historyBox.txtOnly .historyList > li {padding-left:0; margin-left:107px;}
.historyBox.txtOnly .historyList > li .tit {left:-44px; right:auto;}

.historyWrap.fixed .historyBox {padding-bottom:30px}
.historyWrap.fixed .historyBox.first{padding-top:50px}
.historyWrap.fixed .historyBox.first:before{top:114px}
.historyWrap.fixed .historyBox .detail{margin-left:50%}
.historyWrap.fixed .historyBox .titYear{position:absolute; top:0; left:0;}
.historyWrap.fixed .imgArea {position:absolute; top:195px; left:3px; z-index: 1; float: none; padding-top: 0}
.historyWrap.fixed .imgArea .img{width:420px; padding:0}
.historyWrap.fixed .imgArea img {border:none}

.historyWrap.fixed.unique .historyBox .detail {margin-left:343px; width:68%;}
.historyWrap.fixed.unique .historyBox:before {left:343px;}
.historyWrap.fixed.unique .historyList > li .tit {left:63px; right:auto;}

/* .historyBox.lf_move:before{left:53px;}
.historyBox.lf_move .yearArea{left:0;margin-left:0;}
.historyBox.lf_move .detail:before{left:48px;}
.historyBox.lf_move .detail{float:none;width:auto;} */

.popGlobal .historyWrap {margin-top:20px;}
.popGlobal .historyBox {margin-left:20px; padding-left:55px;}
.popGlobal .historyBox:before {left:54px;}
.popGlobal .historyBox .yearArea {left:0; margin-left:0;}
.popGlobal .historyList > li {padding-left:40px;}



/* 이전글/다음글 */
.bbsPrevNext dl { border-top: #666 1px solid; }
.bbsPrevNext dl dt { color: #333; padding: 20px 0; }
.bbsPrevNext dl dd a {width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 갤러리 */
.gallery.cntList[class*=div].btNone:before {content:''; display:none; margin:0; border-top:0;}
.gallery.cntList[class*=div].btNone > li {margin-top:20px;}
.gallery.cntList.div4 .imgFull .bgGray, .gallery.cntList.div4 .imgFull.bgGray {padding:10px;}
.gallery.cntList[class*=div] > li .txtWrap {padding:10px 20px 0}
.gallery.cntList.div4 > li .txtWrap {padding:10px 10px 0}



/*** Box 웹비즈 가이드 ***/
.shapeBox.pd30 {min-height:238px;}
.shapeBox.pd30.mhAuto {min-height:auto}
.shapeBox.bgBlue.summary, .summary .shapeBox.bgBlue {min-height:60px; padding-bottom:38px !important;} /* 페이지요약(summary) */
[class*=Box].pd30 > .row.line {margin:0 -30px;}
[class*=Box].pd30 > .row.line > [class*=col_] {padding:0 30px;}
[class*=Box] .imgWrap img {max-width:100%;}

/* 박스 높이 일괄적용 */
.mh100{min-height:100px}
.mh270 [class*=Box] {min-height:210px;}
.mh370 [class*=Box] {min-height:310px;}
.mh360 [class*=Box] {min-height:300px;}
.mh430 [class*=Box] {min-height:350px;}
.mh470 [class*=Box] {min-height:390px;}
.summary.mh180 .shapeBox {min-height:110px !important;} /* col_4:본문 최대 2줄 */
.summary.mh205 .shapeBox {min-height:135px !important;} /* col_4:본문 최대 3줄 */
.summary.mh230 .shapeBox {min-height:160px !important;} /* col_3:본문 최대 4줄 */
.summary.mh280 .shapeBox {min-height:210px !important;} /* col_3:본문 최대 6줄 */

/* 기타 간격 */
.mt85{margin-top:85px !important}
.mt100{margin-top:100px !important}
.mt140{margin-top:140px !important}
.mt440{margin-top:440px !important}
.mb210{margin-bottom:210px !important}
.mtB8{margin-top:-8px}
.mw0{min-width:0}

/* 개행되는 링크타입(박스내에서 사용되는 링크) */
/*.links.underline {text-decoration:none !important;}*/
.links.underline:after, .links.underline > span:after {content:none;}
[class*=Box] .links.underline {color:#666;}
/*[class*=Box] .links.underline > span:after {border-color:#666;}*/
[class*=Box] .links.underline:hover {color:#0063cc;}
/*[class*=Box] .links.underline:hover > span:after, [class*=Box] .links.underline.blueC > span:after {border-color:#0063cc;}*/
[class*=Box] .txtList.txtM .links.underline {margin-left:3px;}

/* 박스가 개행될 때 */
.multiBox {overflow:hidden;}
.multiBox .row { margin-top:-30px;}
.multiBox .row > [class^=col_] {margin-top:30px;}
/* CKTNRA0400 */ 
.ck .multiBox .shapeBox .txt,
.chbi .multiBox .shapeBox .txt {margin-right:-8px;}

/* fixInfo */
.row.fixInfo {letter-spacing:-2em;}
.row.fixInfo > [class*=col_] {float:none; display:inline-block; vertical-align:top; letter-spacing:0;}
.oldChrome .row.fixInfo {letter-spacing:0;}
.oldChrome .row.fixInfo > [class*=col_] {margin-right:-4px;}
.row.boxeven {display:flex;flex-wrap:nowrap;}
.row.boxeven > [class*=col_] {float:none;display:inline-block;}
.row.boxeven > [class*=col_] > .shapeBox {height:100%;box-sizing:border-box;}

/*** List 웹비즈 가이드 ***/
ul[class*=cntList] > li [class*=col_] .bgGray img {width:100%;}
ul[class*=cntList] > li [class*=col_].w240 {width:240px;}
ul[class*=cntList] > li [class*=col_].w240 .bgGray img{width:200px;}
ul[class*=cntList] > li [class*=col_].w240 + [class*=col_] {width:888px; padding-right:0;}

.txtList > li > .txtList.mlBack{margin-left:-19px}

/* 로그인 */
.wbizLogin .shapeBox {height:500px; padding:0; box-sizing:border-box;}
.wbizLogin .shapeBox > [class*=col_] {float:left; box-sizing:border-box;}
.wbizLogin .shapeBox .img {width:365px; height:500px; margin:-1px 0 -1px -1px; padding:0; border-top-left-radius:8px; border-bottom-left-radius:8px; overflow:hidden;}
.wbizLogin .shapeBox .img img {width:365px; height:500px; object-fit:cover;}
.wbizLogin .shapeBox .img + [class*=col_] {width:575px; padding:40px 85px 20px 105px; text-align:left;}
.wbizLogin .shapeBox .titWrap {padding-bottom:20px; border-bottom:1px solid #d2d2d2}
.wbizLogin .shapeBox .titWrap .txt {margin-top:10px;}
.wbizLogin .iptWrap {margin-top:20px;}
.wbizLogin .iptWrap li + li {margin-top:10px;}
.wbizLogin .cbtnB {width:100%; margin-top:20px; height:80px; line-height:80px; font-size:20px;}
.wbizLogin .shapeBox .txtItem {margin-top:40px;}
.wbizLogin .shapeBox .notiBox {display:table; width:100%; min-height:74px; margin-top:30px; padding:0 20px; background:#f8f8f8; border-radius:8px; box-sizing:border-box;}
.wbizLogin .shapeBox .notiBox span {display:table-cell; vertical-align:middle;}

/* 로그인 버튼 추가 (2021.03.19 - 정현아)*/
.wbizLogin .btnArea {margin-top:5px; text-align: center;}
.wbizLogin .btnArea > * {letter-spacing: 0; margin-left:10px;}
.wbizLogin .btnArea > *:first-of-type {margin-left: 0}
.wbizLogin .btnArea .cbtnB{width:auto; height:60px; line-height:60px; font-size:18px;}

/* sortTab */
.sortTab{position:relative; letter-spacing: -0.025em;}
.sortTab:before,
.sortTab:after{content:""; display:table}
.sortTab:after{clear:both;}
.sortTab > li{float:left; display: table; width:193px; height:37px; margin-left:-1px; box-sizing:border-box;}
.sortTab > li:first-child {margin-left:0;}
.sortTab > li:nth-child(6) {width:172px;}
.sortTab > li > label {position:relative; display:table-cell; min-height:37px; text-align:center; cursor:pointer; vertical-align:middle; font-size:16px; box-sizing:border-box; color:#555; border:1px solid #dedede; background:#f8f8f8; z-index:1}
.sortTab > li > label > span{display:inline-block;}
.sortTab > li > input[type="radio"],
.sortTab > li .inTab > li > input[type="radio"]{position:absolute; overflow:hidden; margin:-1px; border:0; padding:0; width:1px; height:1px; clip: rect(0 0 0 0);}
.sortTab > li > input[type="radio"]:checked + label{border:1px solid #4b4e68; background:#4b4e68; color:#fff; z-index:2}
.sortTab > li > input[type="radio"]:focus + label {outline: #333; outline-style: dotted; outline-width: 1px;}
.sortTab > li > input[type="radio"]:focus + label > span, .sortTab > li > input[type="radio"]:hover + label > span {text-decoration: underline;}
.ie8 .sortTab > ul > li{width:189px;}
.oldChrome .sortTab > li {margin-left:-2px; margin-right: -2px;}

.sortTab:before{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:1px solid #dedede}
.sortTab.var > li {width:auto; min-width:60px; } 
.sortTab.var > li > label { padding:0 18px;}

.sortTab > li .inTab{display:none; position:absolute; left:0; top:37px; width:100%; margin:0; padding: 15px 10px; box-sizing:border-box;}
.sortTab > li > input[type="radio"]:checked + label + .inTab{display:block}
.sortTab > li .inTab > li > label{ font-size: 16px; color: #666; cursor:pointer; }
.sortTab > li .inTab > li > input[type="radio"]:checked + label{position:relative; display:inline-block; color:#0063cc; font-weight:normal;}
.sortTab > li .inTab > li > input[type="radio"]:checked + label:before{content:""; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:1px; border-bottom:2px solid #0063cc}
.sortTab > li .inTab > li > input[type="radio"]:focus + label {outline: #333; outline-style: dotted; outline-width: 1px;}
.sortTab > li .inTab input[type="radio"]:focus + label > span, .sortTab > li .inTab input[type="radio"]:hover + label > span {text-decoration: underline;}



/*통합검색*/
.totalSearch .searchWrap {position: relative;}
.totalSearch .searchWrap input {z-index:20;}
.totalSearch .searchWrap .autoComplete {display:none;}
.totalSearch .searchWrap.on .autoComplete {display:block;} 
.totalSearch .tip .tipWrap {margin-top:2px; vertical-align:top;}
.totalSearch .tip:before {content: ""; display: block; position: absolute; top: 1px; bottom: 3px; left: -12px; width: 1px; border-left: 1px solid #e7e7e7;}
.totalSearch .autoComplete {position: absolute; left:0; top:40px; padding:14px 20px; width:100%; background:#fff; border: 1px solid #d2d2d2; border-top:none; border-radius: 8px; box-sizing:border-box; z-index: 10;}
.totalSearch .autoComplete ul + ul {margin-top:14px; padding-top:14px; border-top:1px solid #d2d2d2;}
.totalSearch .autoComplete ul li {width:100%; box-sizing: border-box;}
.totalSearch .autoComplete ul li + li {margin-top:5px;}
.totalSearch .autoComplete ul li .links {color:#666; width:100%; box-sizing: border-box;}
.totalSearch .autoComplete ul li .links:after {opacity:0;}
.totalSearch .autoComplete ul li .links:hover {color:#0063cc;}
.totalSearch .autoComplete ul li .links span {display:inline-block; width:auto; max-width:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.totalSearch .autoComplete ul li .links span:after {opacity: 0;}
.totalSearch .autoComplete ul li .links:hover span:after, .totalSearch .autoComplete .autoList li .links:focus span:after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #0063cc; opacity: 1;}
.totalSearch .autoComplete ul li .links:hover em {color:#0063cc !important;}
.totalKeyword .keywordList {display:inline-block;}
.totalKeyword .keywordList li {display: inline-block; position:relative; font-size:14px;}
.totalKeyword .keywordList li + li {margin-left:5px;}
.totalKeyword .keywordList li a {display: inline-block; padding:4px 30px 3px 10px; background:#fff; border-radius: 5px;}
.totalKeyword .keywordList li a:hover {text-decoration: underline; color:#0063cc;}
.totalKeyword .keywordList li .delete {position:absolute; right:5px; top:5px; width:20px; height:20px; border:none; background: url('../img/common/ico_del.png') no-repeat center center;}

.totalSearch .noResult {margin-top:30px; padding:20px 0 30px; border-top:1px solid #dedede;}
.totalSearch .resultTit {position:relative; padding:20px 20px; border: 1px solid #0063cc; border-radius: 5px; box-shadow: 5px 5px 5px rgba(0,0,0,0.07); background-color: #fff; overflow: hidden;}
.totalSearch .resultTit:after {display: block; content: ''; clear: both;}
.totalSearch .resultTit [class*=tit] {display:block; float: left; padding-right:20px; font-size: 24px; color: #0063cc; box-sizing: border-box;}
.totalSearch .resultTit .total:before {content: ""; display: block; position: absolute; top: 7px; bottom: 7px; left: 0; width: 1px; border-left: 1px solid #e7e7e7;}
.totalSearch .resultTit .total {display:block; position:relative; float:left; padding-left:20px; font-size:24px;}
.totalSearch .resultTit .links {float:right; margin-top:5px;}
.totalSearch .resultTit + .bbs {border-top:none;}

.totalSearch .bbs > li {padding:20px 0 17px 0; white-space:nowrap;}
.totalSearch .bbs.menu > li {padding-top:17px;}
.totalSearch .bbs > li > [class*=col_] {white-space:normal; margin-right:-4px;}
.totalSearch .bbs .contWrap {padding-left:20px; padding-right:20px; vertical-align:middle;}
.totalSearch .bbs .download {text-align:center;}

.totalSearch .bbs .txtItem, .totalSearch .bbs .txtM.c999.mb10 {margin-bottom:7px !important;}
.totalSearch .bbs .txtItem:not(.txtM) > li:before {top:5px; left:-10px;}
.totalSearch .bbs .txtItem.txtM, .totalSearch .bbs .txtM.c999.mt10 {margin-top:7px !important; margin-bottom:0;}
.totalSearch .bbs .links {width:auto; max-width:100%; margin:0 !important;}
.totalSearch .bbs .links span {max-width:100%; vertical-align:top;}
.totalSearch .bbs .links em {margin:0;}
.totalSearch .bbs a:hover, .totalSearch .bbs a:hover em, .totalSearch .bbs a:hover [class*=pointC], .totalSearch .bbs a:focus, .totalSearch .bbs a:focus em, .totalSearch .bbs a:focus [class*=pointC] {color:#0063cc !important;}
.totalSearch .bbs > li .links {font-size:18px;}
.totalSearch .bbs.menu .links, .totalSearch .bbs.shop .links, .totalSearch .bbs .txtItem .links {font-size:16px !important;}
.totalSearch .bbs.mall .prod .links {font-size:20px;}
.totalSearch .bbs .txtItem .links {font-family:'Roboto Light', 'NotoSans Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important;}
.totalSearch .bbs .links.line span:after {opacity:1; border-color:#333;}
.totalSearch .bbs .links.line:hover span:after, .totalSearch .bbs .links.line:focus span:after, .totalSearch .bbs .links.line.blueC span:after {border-color:#0063cc;}
.totalSearch .bbs:not(.faq) .cont {margin-top:10px;}
.totalSearch .bbs .bullet {position:relative; padding-left:10px}
.totalSearch .bbs .bullet:before {content:''; display:block; position:absolute; left:1px; top:10px; width: 4px; height: 4px; background: #333;}

.totalSearch .bbs.mall .badgeList {margin-bottom: 7px !important;}
.totalSearch .bbs.mall .cont {color:#333;}
.totalSearch .bbs.faq .contWrap {padding-left:71px;}
.totalSearch .bbs.faq .links {padding-left:0;}
.totalSearch .bbs.faq .icoQ, .totalSearch .bbs.faq .icoA {left:20px; top:50%; margin-top:-15px;}
.totalSearch .bbs.faq .icoA ~ .cont a:hover, .totalSearch .bbs.faq .icoA ~ .cont a:focus {text-decoration: underline;}
.totalSearch .bbs.shop .badgeList {margin-left:5px; margin-top:10px;}

.totalSearch .bbsBtn {width:28px; height:28px; background: url('../img/common/ico_file2.png') no-repeat 0 center;}
.totalSearch .bbsBtn.pdf {background-position:0 center;}
.totalSearch .bbsBtn.xls {background-position:-37px center;}
.totalSearch .bbsBtn.hwp {background-position:-70px center;}
.totalSearch .bbsBtn.doc {background-position:-99px center;}
.totalSearch .bbsBtn.zip {background-position:-132px center;}
.totalSearch .bbsBtn.etc {background-position:-162px center;}
.totalSearch .bbsBtn.pic {background-position:-186px center;}

/* accoList + box */
.accoList.box{border:0}
.accoList.box .accoWrap{border:0}
.accoList.box .accoWrap .accTopArea{position: relative; margin-top:20px; padding: 24px 30px; border: 1px solid #dedede; border-radius:4px; box-shadow: 5px 5px 5px rgba(0,0,0,0.07); background-color: #fcfcfc;; transition:all 0.5s; overflow: hidden;}
.accoList.box .accoWrap:first-child .accTopArea{margin-top:0}
.accoList.box .accoWrap.on .accTopArea{border-color:#0063cc; background-color: #fff;}
.accoList.box .accoWrap.on .accTopArea .accoTit {color:#0063cc;}
.accoList.box .accoWrap .accoContents {margin-top:20px; padding:30px; border:0}
.accoList.box .infoBox{margin-top:20px; background-color:#fff; padding:30px}

.accoList.box .accoWrap.on .accoList.inAcco{border:0; margin-top:7px}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap .accTopArea{margin-top:-1px; padding:24px 30px; border:0; border-bottom:1px solid #dedede; border-top:1px solid #dedede; border-color:#dedede;border-radius:0; box-shadow:none; background:none; transition:all 0.5s; overflow: hidden;}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap:first-child .accTopArea{border-top:0}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap .accTopArea .accoTit {color:#333;}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap .accTopArea .accoTit:hover,
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap .accTopArea .accoTit:focus,
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap.on .accTopArea .accoTit{color:#0063cc;}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap .accTopArea .accoBtn{background: url(../img/common/btn_acco_off.png) no-repeat center center; transform: rotate(0deg);}
.accoList.box .accoWrap.on .accoList.inAcco .accoWrap.on .accTopArea .accoBtn{background: url(../img/common/btn_acco_def.png) no-repeat center center; transform: rotate(180deg);}
.accoList.inAcco .accoWrap .accoContents{margin-bottom:20px;}
.accoList.inAcco .accoWrap .accoContents .shapeBox.sky.shadowNone{background:#fff}
.accoList.inAcco .accoWrap .accoContents .shapeBox.sky.shadowNone:after{background: url(../img/common/bg_box_edge_sky_shadow_none_bg_gray.png) no-repeat 0 0}
/*==========================================================================================
======================================= 패밀리사이트 ============================================
============================================================================================*/


/*================= PB서비스 ====================*/
/* 프로필 */
.introList > ul {margin:-30px -10px 0; letter-spacing:-2em}
.introList > ul > li {display:inline-block; width:25%; margin-top:30px; padding:0 10px; vertical-align:top; box-sizing:border-box; letter-spacing:0;}
.introList .shapeBox {min-height:345px; padding:26px 30px; box-sizing:border-box;}
.introList .txtWrap {color:#333}
.introList .txtWrap.line {padding-bottom:14px; border-bottom:1px solid #d2d2d2;}
.introList .txtWrap .field {letter-spacing:-0.03em}
.introList .txtWrap .name {margin-top:10px;}
.introList li .txtWrap .name span {font-size: 19px !important;}
.introList .txtList.txtM li + li {margin-top:10px !important;}
.introList.mhAuto > ul > li .shapeBox {min-height:auto;}
/* .oldChrome .introList {letter-spacing:0;}
.oldChrome .introList > ul > li {margin-left: -3px; margin-right: -3px;} */

.introList.hasImg .shapeBox {padding:19px 19px 30px 19px;}
.introList.hasImg .shapeBox .imgWrap {margin-bottom:15px; border:1px solid #dedede; text-align: center; height: 168px; }
.introList.hasImg .shapeBox .imgWrap img { width:226px; height: 168px; }
.shapeBox.introList > ul {margin:0; letter-spacing:0;}
.shapeBox.introList > ul li {width:100%;}
.shapeBox.bdNone.introList {position:relative; width:460px; min-height:260px; padding:30px; background:url(../img/wbiz/bg_introlist.png) repeat-x 0 0; box-sizing:border-box;}
.shapeBox.bdNone.introList .imgWrap {position:absolute; bottom:0; right:0;}
[class*=col_] .shapeBox.bdNone.introList {width:100%;}
.introList.hasImg .shapeBox .dropMenuWrap {margin-top:10px;}
.shapeBox.introList .dropMenuWrap {margin-top:15px;}

.introList.div2 > ul > li { width: 50%; }

/* CHBIBI1500 */
.newStyle.introList.hasImg > ul > li { width: 20%; }
.newStyle.introList .shapeBox { min-height: auto; }
.newStyle.shapeBox.bdNone.introList { width:556px; background: #f2f2f2; }
.newStyle.shapeBox.bdNone.introList .imgWrap { right: 76px;}
.newStyle.shapeBox.bdNone.introList .txtWrap {position:relative;z-index:10;}
.newStyle.introList.hasImg .shapeBox { padding: 0 0 40px 0; }
.newStyle.introList.hasImg .shapeBox .imgWrap { border-radius: 8px 8px 0 0; border: none; height: 148px; background-color: #f2f2f2; background-position:center 50%; background-size: contain; background-repeat: no-repeat; }
.newStyle.introList.hasImg .shapeBox div:not(.imgWrap) { padding-left: 19px; padding-right: 19px; }
/* CHGLAK1200 */
.chgl .newStyle.introList .shapeBox { min-height: 333px; }


/*================= 고객센터 ====================*/
.co .stepBox.vertical .imgWrap{padding:30px; text-align:center; background-color:#f8f8f8}
.imgWrap.qr{display:inline-block; background-color:#fff; padding:15px;}

/* 사각형아이콘(105*115) */
[class*=icoImgCustom] {display:inline-block; width:105px; height:115px; margin-bottom:15px; background-repeat:no-repeat; background-position:0 0; vertical-align:top;}
.icoImgCustom.consult {background-image:url(../img/wbiz/ico_custom_consult.png);}
.icoImgCustom.consult2 {background-image:url(../img/wbiz/ico_custom_consult2.png);}
.icoImgCustom.declaration{background-image:url(../img/wbiz/ico_custom_declaration.png);}
.icoImgCustom.declaration2{background-image:url(../img/wbiz/ico_custom_declaration2.png);}
/* 사각형아이콘(160*90) */
[class*=icoImgSec] {display:inline-block; width:160px; height:90px; margin-bottom:15px; background-repeat:no-repeat; background-position:0 0; vertical-align:top;}
.icoImgSec.otp{background-image:url(../img/wbiz/ico_sec_opt.png);} 
.icoImgSec.tzOpt{background-image:url(../img/wbiz/ico_sec_tz_opt.png);} 
.icoImgSec.smartOpt{background-image:url(../img/wbiz/ico_sec_smart_opt.png);} 
.icoImgSec.card{background-image:url(../img/wbiz/ico_sec_card.png);} 

/* 하단 영역 - 무엇을 도와드릴까요? */
#content section.bottomHelp{width:100%; margin-bottom: -160px !important; margin-top:60px; background-color:#f5f7fb}
.bottomHelp .helpCont{position:relative; width:1132px; margin:0 auto; padding-bottom: 80px}
.bottomHelp .titCont{position:relative; padding:30px 0 25px; text-align:center; border-bottom:1px solid #dedede}
.bottomHelp .titCont:before{content:""; display:block; position:absolute; bottom:-13px; left:50%; margin-left:-24px; width:48px; height:14px; background:url(../img/wbiz/bg_arrow_bottom_help.png) no-repeat 0 0}
.bottomHelp .txtCont{padding:40px 0 20px 0}
.bottomHelp .icoImgHelp{display:inline-block; padding-left:110px; vertical-align:top;}
.bottomHelp .icoImgHelp.faq{background:url(../img/wbiz/ico_bottom_help_faq.png) no-repeat 37px 8px;}
.bottomHelp .icoImgHelp.tel{background:url(../img/wbiz/ico_bottom_help_tel.png) no-repeat 40px 6px;}
.bottomHelp .icoImgHelp.online{padding-left:130px; background:url(../img/wbiz/ico_bottom_help_online.png) no-repeat 56px 9px;}
.bottomHelp .icoImgHelp.display{background:url(../img/wbiz/ico_bottom_help_display.png) no-repeat 35px 8px;}
.bottomHelp .icoImgHelp .tit { font-size: 20px; }
.bottomHelp .footNote{margin:0}
.bottomHelp .footNote section {position:static !important; margin:0 auto !important;}
.bottomHelp ~ .footNote {background-color: #f5f7fb}

.customNumList{margin:20px 0 0 20px }
.customNumList:after{content:""; display:block; clear:both}
.customNumList > li{float:left; min-width:227px; text-align:left;}
.customNumList > li .tit{display:inline-block; margin-bottom:10px; padding:2px 10px; font-size:14px; color:#fff; border-radius:2px;}
.customNumList > li.domestic .tit{background-color:#d6006d}
.customNumList > li.oversea .tit{background-color:#4960eb}

/* COCCOC1500 */
.radioInBox .icoImgCert.cert{background:url(../img/wbiz/ico_cer_cert.png) no-repeat center center;}
.radioInBox .icoImgCert.ipin{background:url(../img/wbiz/ico_cer_ipin.png) no-repeat center center;}
.radioInBox .icoImgCert.fcert{background:url(../img/common/ico_cert_fcert.png) no-repeat center center;}

/* CORQCA0500 */
.caseList{position:relative; margin-top:25px;}
.caseList > li{margin-top:20px;}
.caseList > li:first-child{margin-top:0}

/* COSCCL1200 */
.infoBox.grayTable { padding:20px !important; }
.grayTable .exTit { text-align: center; padding-bottom: 30px; }
.grayTable .tableType { overflow: hidden; display: table; width: 100%; table-layout: fixed; }
.grayTable .tableType .table { overflow: hidden; display: table; width: 100%; table-layout: fixed; }
.grayTable .tableType .leftArea { display: table-cell; width: 62%; padding-right: 10px; }
.grayTable .tableType .rightArea { display: table-cell; width: 38%; padding-left: 10px; }
.grayTable .tableType .borderLine { min-height: 450px; border: #dedede 1px solid; border-radius: 10px; box-sizing: border-box; background-color: #fff; padding: 20px 20px 0; }
.grayTable .tableType .borderLine .tit { text-align: center; padding-bottom: 20px; font-size: 16px; }
.grayTable .tableType .borderLine .tableX td { vertical-align: top; }
.grayTable .tableType .borderLine .tableX { border-bottom: none; }
.grayTable .tableType .borderLine .tableX td.p25 { padding: 25px 20px; }
.grayTable .tableType .borderLine .tableX td.h140 { height: 141px; }

/* COSCSS1500 */
.wSubInfolist{border-top:2px solid #666; border-bottom:1px solid #d2d2d2;overflow:hidden}
.wSubInfolist .row > [class*=col_]{position:relative; padding:30px; height:250px; border-bottom:1px solid #e7e7e7; box-sizing:border-box}
.wSubInfolist .row > [class*=col_]:before{content:""; display:block; position:absolute; top:30px; left:0; width:1px; height:190px; border-left:1px solid #e7e7e7}
.wSubInfolist .row > [class*=col_].brdBNone{border-bottom:0}
.wSubInfolist .row > [class*=col_]:nth-child(3n + 1){padding-left:10px}
.wSubInfolist .row > [class*=col_].brdR:after{content:""; display:block; position:absolute; top:30px; right:0; width:1px; height:190px; border-right:1px solid #e7e7e7}

/* COCCOC1603 */
.co .bbsAnswer:after{top:20px; left:30px; width:88px; height:88px; background:url(../img/wbiz/bg_wbiz_view_answer.png) no-repeat 0 0}

/* COSCUM2601 */
.imgPrint{text-align:center}

/* CBEIOS2700 */
[class*=col_].brL{border-left:1px solid #e7e7e7}

/* COSGEF0204 */
.supportInfo{position:relative; display:table; table-layout:fixed; margin-top:20px; width:100%; text-align:center; border:1px solid #dedede; border-radius:6px; }
.supportInfo .osArea{display:table-cell; width:430px; padding:50px; box-sizing:border-box;}
.supportInfo .browserArea{display:table-cell; width:100%; padding:50px 0; box-sizing:border-box; border-left:1px solid #dedede}
.supportInfo .tit{color:#333}
.supportInfo .txt{margin-top:10px}
.supportInfo .imgGroup{margin-top:30px}
.supportInfo .imgGroup img{margin:0 16px}

/* COSGEF0201 */
.bdTopLine { border-top: #666 2px solid !important; }
.stepBox.bdTopLine .whiteBox .row.line li { box-sizing: border-box; }
.stepBox.bdTopLine .whiteBox .row.line img { max-width: 100%; width: auto; }

/*================= 직원광장 ====================*/
.linkPathWrap {position:relative; display:inline-block;}
.linkPathWrap .links > span {max-width:100%;}
.linkPathWrap button.links:hover > span:after {border-color:#0063cc;}
.linkPathWrap .links:hover + .linkPath, .linkPathWrap .links:focus + .linkPath {display:block;}
.linkPathWrap .links.help {padding-right:25px;}
.linkPathWrap .links.help:before {content:''; position:absolute; display: inline-block; right:0; top:2px; width:20px; height: 20px; overflow: hidden; background: url('/img/common/ico_question.png') no-repeat 0 0;}
.linkPathWrap .linkPath {display:none; position:absolute; margin-top:10px; padding:15px; font-size:14px; white-space:nowrap; border:1px solid #999; border-radius: 4px; box-sizing: border-box; background-color: #fff; z-index: 50; transition:opacity .15s linear;}
.linkPathWrap .linkPath:before {content: ''; position: absolute; top:-8px; left:15px; width:14px; height: 8px; background: url('/img/common/bg_drop_menu.png') no-repeat 0;}

/*================= KDB나눔재단 =================*/
/* cktivm0300 */
.visionWrap .visionList li + li {margin-top:56px;}
.visionWrap .visionList li .tit:before {content: ""; width: 96px; height: 2px; background-color: #0063cc; position: absolute; top: 0; left: 0;}
.visionWrap .visionList li .tit {position:relative; padding-top:8px; color:#333; font-size:24px; font-family:'Roboto Light', 'NotoSans Light'; line-height:1.4; }
.visionWrap .visionList li .tit + .txt {margin-top:15px;}
.visionWrap .imgWrap {margin-top:90px;}
.cktivm0300.infoBox li {height:285px;}
.cktivm0300.infoBox .imgWrap {display:inline-block; width:100%; height:132px; margin:60px 0 50px; box-sizing:border-box;}

/* CKTIDP0500 */
.donation.ckCont{padding-left:20px;}
.donation .topArea{position:relative; border-bottom:1px solid #4b4e68;}
.donation .topArea .total{font-size:44px; color:#333}
.donation .topArea .txt{position:absolute; right:0; bottom:5px;}

.donation table{position:relative; width:100%; margin-top:16px;}
.donation table tbody:after {content:""; display:block; position:absolute; left:50%; top:0; bottom:0; margin-left:-18px; width:40px; background:#fff;}
.donation table td{color:#333}
.donation table tbody td{padding:8px 0;}
.donation table tbody tr:last-child td {padding-bottom:25px;}
.donation table td:nth-child(2n){padding-right:20px; text-align:right;}
.donation table td:nth-child(3n){padding-left:20px;}
.donation table td .bullet{display:inline-block; position:relative; color:#666; padding-left:9px;}
.donation table td .bullet:before{display:block; content: ''; position: absolute; top: 11px; left: 1px; width: 3px; height: 3px; border-radius: 1px; background: #333;}
.donation table tfoot td{padding-top:20px; border-top:1px solid #dedede; vertical-align:top; line-height:1;}
.donation table tfoot td.total {font-size:34px}

.donation .usageList {margin-top:60px;}
.donation .usageList:after {display:block; content:""; clear:both;}
.donation .usageList li{float:left; width:25%; text-align:center; box-sizing:border-box;}
.donation .usageList li p[class*=usage] {padding-top:115px;}
.donation .usageList li p.usage1 {background:url('../img/wbiz/ico_ck_usage1.png') no-repeat 50% 0;}
.donation .usageList li p.usage2 {background:url('../img/wbiz/ico_ck_usage2.png') no-repeat 50% 0;}
.donation .usageList li p.usage3 {background:url('../img/wbiz/ico_ck_usage3.png') no-repeat 50% 0;}
.donation .usageList li p.usage4 {background:url('../img/wbiz/ico_ck_usage4.png') no-repeat 50% 0;}
.donation .usageList li strong {font-size:24px; color:#333;}

/* CKTBSF0*** */
.ck section.line {padding-top:45px; border-top:1px solid #dedede;}
.ck ul.tab ~ .visual {margin-top:50px;} 
.ck .visualTxt {margin-top:40px; text-align:center; color:#333; font-size:24px;}
.ckCont .titArea {margin-bottom:10px;}
.ckCont .titArea strong {font-size:24px; color:#333;}
.ckCont .logoTxt {margin-top:16px;}
.ckCont .logoTxt ul {margin: -30px -13px 0 -13px;}
.ckCont .logoTxt li {width:226px; padding:0 13px;}


/*수기*/
.ckStory {position: relative;}
.ckStory ul.tab {position:absolute; right:45px; top:30px; margin:0; border:none;}
.ckStory .tab > li {display:block; float:left; width:auto; height:auto; margin:0 0 0 0; padding:0 0 0 0; border:none;}
.ckStory .tab > li + li {margin-left:20px;}
.ckStory .tab > li > * {display: block; font-size:16px; background:none; text-align: left;}
.ckStory .tab > li > button {min-height:1px; margin-right:20px; color:#888888; font-size:16px;}
.ckStory .tab > li > button span {display:block; font-size:14px; margin-bottom:5px;}
.ckStory .tab > li > button span:after {content:''; display:block; width:100%; height:2px; margin-top:5px; background:#888888;}
.ckStory .tab > li.on {background:none;}
.ckStory .tab > li.on > * {top:0; padding:0}
.ckStory .tab > li.on > button {color:#212121;}
.ckStory .tab > li.on > button span:after {background:#212121;}
.ckStory .tab > li:hover > * {text-decoration:none; color:#212121;}
.ckStory .tab > li:hover > button span:after {background:#212121;}
.ckStory .tabContents {margin-top:30px;}
.ckStory .storyCont {position: relative; padding-top:50px;}
.ckStory .storyCont[class*=bg] {background-size:100% 500px; background-position:50% 0; background-repeat: no-repeat;}
.ckStory .storyCont.bgStory1, .ckStory .storyCont.bgStory2 {background-image:url('../img/wbiz/img_story_cktbsf0400_2.png');}
.ckStory .storyCont.bgStory3 {background-image:url('../img/wbiz/img_story_cktbsf0500_1.png');}
.ckStory .storyCont.bgStory4 {background-image:url('../img/wbiz/img_story_cktbsf0500_2.png');}
.ckStory .storyCont.bgStory5 {background-image:url('../img/wbiz/img_story_cktbcc0300_1.png');}
.ckStory .storyCont.bgStory6 {background-image:url('../img/wbiz/img_story_cktbcc0300_2.png');}
.ckStory .storyCont.bgStory7 {background-image:url('../img/wbiz/img_story_cktbcc0500_1.png');}
.ckStory .storyCont.bgStory8 {background-image:url('../img/wbiz/img_story_cktbcc0500_2.png');}
.ckStory .storyCont .cont {position: relative; margin-left:546px; padding:43px 60px; width:540px; min-height:580px; background:#fff; border:1px solid #dedede; box-sizing:border-box; box-shadow: 16px 16px 16px rgba(0,0,0,0.1)}
.ckStory .storyCont .cont .titWrap {position:relative; margin-bottom:25px; padding-bottom:35px; border-bottom:1px solid #ccc;}
.ckStory .storyCont .cont .titWrap span {position:absolute; right:0; bottom:35px; color:#333;}

/* infoBoxList */
.infoBoxList .imgWrap img {max-width:100%;}
.infoBoxList.div2 .inner.nowrap {width:100%; padding-left:0; padding-right:0;}
.infoBoxList.div2 .imgWrap.inB {width:48.5%; box-sizing:border-box; padding-left:20px;}
.infoBoxList.div2 .imgWrap.inB + * {width:50%;}



/*=============== KDB미래전략연구소 ================*/
.flstsr0200 .shapeBox {height:312px;}

/* 인사말 */
.fafl .introWrap .introImg .tit { color: #333; }

/* 커버이미지 */
.imgCover {position:relative; display:inline-block; border-radius:5px; overflow:hidden;}
.imgCover:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:#0063cc; opacity:0.84;}
.imgCover img {width:100%; height: auto}
.imgCover .inner {position:absolute; top:0; bottom:0; left:0; right:0; text-align:left; box-sizing:border-box;}
.imgCover .inner * {color:#fff;}

.imgCover [class*=tit], .imgCover [class*=txt] {display:block; margin:0; line-height:1.3; letter-spacing:0;}
.imgCover .line {position:relative; padding-bottom:10px;}
.imgCover .line:after {content:''; position:absolute; left:0; bottom:0; width:23px; border-bottom:2px solid #fff; opacity:0.2;}
.imgCover .logo {display:block; width:80px; height:14px; margin-bottom:10px; background:url(../img/wbiz/img_logo_brochure.png) no-repeat 0 0;}
.imgCover .bright {opacity:0.5;}
.imgCover [class*=btn] {background:none !important; border-color:#fff; cursor:pointer;}
.imgCover [class*=btn]:hover, .imgCover [class*=btn]:focus {background:#fff !important; color: #0063cc;}
.imgCover .bottom {position:absolute; left:0; right:0; bottom:0;}

.imgCover.magazine {width:200px; vertical-align:top;}
.imgCover.magazine.small {width:160px;}
.imgCover.magazine.large {width:318px;}


/* 산은조사월보 */
[class*=Box][class*=cntList] .imgCover.magazine.large {margin:-1px 0 -1px -1px; padding:0; border-top-right-radius:0; border-bottom-right-radius:0;}
[class*=Box][class*=cntList] .imgCover.magazine.large + .col_w {width:810px; padding:57px 40px 0 56px;}
[class*=Box][class*=cntList].magazine .cont.line {margin-top:27px; padding-top:27px;}
[class*=Box][class*=cntList] .cont.line .fileList .btnTxt {margin-bottom:10px !important;}
.fafl [class*=Box][class*=cntList] .imgCover.magazine.large:before {content: none}


/* KDB소식 */
[class*=Box][class*=cntList] .imgCover.magazine.large + .row.col_w {margin-left:0; margin-right:0; padding:0 30px;}
[class*=Box][class*=cntList] .imgCover.magazine.large + .row.col_w > [class*=col_] {padding-bottom:0;}
[class*=Box][class*=cntList] .imgCover.magazine.large + .row.col_w [class*=titH] {margin:15px 0 10px 0;}

/* 단행본 케이스 */
.tableY .imgCover img {width:200px; height: 296px}


/* 통계 */
.scrollTable {position:relative; max-height:572px; overflow:auto;}
.scrollTable .tableX.sPd tbody th {padding-left:20px;}

/* 조직안내 flirog0400 */
.flirog0400 div[class^=div] {position: absolute; top:216px; width:360px; box-sizing: border-box;}
.flirog0400 div.div0 {top:0; left:426px; width:280px;}
.flirog0400 div.div1 {top:106px; left:677px; width:220px;}
.flirog0400 div.div2 {left:6px;}
.flirog0400 div.div3 {left:386px;}
.flirog0400 div.div4 {right:6px;}
.flirog0400 div[class^=div] p {display:table; width:100%; height:82px; box-sizing: border-box;}
.flirog0400 div.div0 p {height:75px; color:#fff;}
.flirog0400 div.div1 p {height:60px;}
.flirog0400 div[class^=div] p > span {display:table-cell; vertical-align:middle;}
.flirog0400 div[class^=div] ul {margin-top:10px; padding:24px 0 0 30px;}
.flirog0400 div[class^=div] ul:after {display: block; content: ''; clear: both;}
.flirog0400 div[class^=div] ul li {box-sizing: border-box; line-height: 1.2em;}
.flirog0400 div[class^=div] ul li:before { top: 7px; }
.flirog0400 div[class^=div].col2 li {float:left; width:50%;}

/* 연구분야 flirrf0300*/
.flirrf0300 {position:relative; height:670px; background: url('../img/wbiz/img_flirrf0300.png') no-repeat 50% 0;}
.flirrf0300 p.titH3 {position:absolute; width:316px; left:50%; top:168px; margin-left:-158px; text-align:center; color:#fff;}
.flirrf0300 div[class^=div] {position: absolute; width:340px; padding:30px; box-sizing: border-box;}
.flirrf0300 div[class^=div] ul.txtList {margin-top:20px;}
.flirrf0300 .div1, .flirrf0300 .div2 {top:57px; height:270px;}
.flirrf0300 .div1 {left:0;}
.flirrf0300 .div2 {right:0;}
.flirrf0300 .div3, .flirrf0300 .div4, .flirrf0300 .div5 {top:386px; height:260px;}
.flirrf0300 .div3 {left:0;}
.flirrf0300 .div4 {left:396px;}
.flirrf0300 .div5 {right:0;}

/*===================== 유가증권수탁 ===============*/
/* 로그인 : CPMNMN0001 */
.cpLogin { max-width: 271px; margin: 0 auto; }
.cpLogin strong.tit { display: block; text-align: center; font-size: 24px; color: #333; margin-top: 20px; }
.cpLogin .iptWrap { margin-top: 20px; }
.cpLogin .iptWrap li { margin-top: 10px; }

/* CPOAWI0100 */
/* accList */
.accList {margin-top:24px}
.accList .topArea {padding: 12px 20px; border-bottom: 1px solid #666; background-color: #6a7291; color: #fff;}
.accList .topArea + .detailList {border-top:none;}
.accList .topArea:after {content: ''; clear: both; display: table;}
.accList .topArea .summary {float: left;}
.accList .topArea .txtItem {float:right;}
.accList .topArea .txtItem li {margin-left:40px;}
.accList .topArea .txtItem li:before {left:-20px; }
.accList .topArea .icoTxtCO {height:24px; margin-left: 20px; padding-left: 35px; background: url(../img/common/ico_change_order.png) no-repeat left center; color: #fff; text-decoration: none; font-size: 16px;}
.accList .detailList {border-top:2px solid #666666;}
.accList .detailList > li {display: table; table-layout:fixed; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #dedede; color:#666; border-collapse: collapse;}
.accList .accInfo, .accList .dateInfo, .accList .priceInfo {display: table-cell; padding:20px 0; vertical-align: middle; box-sizing: border-box;}
.accList .accInfo {width:480px; padding: 20px 10px 20px 20px; vertical-align: top;} 
.accList .accInfo .accName {display: block; font-size: 18px; color: #0063cc;}
.accList .accInfo .accName > a, .accList .accInfo .accName > .c333 {margin-right:5px;}
.accList .accInfo .accName > a:hover {text-decoration: underline;}
.accList .accInfo .accName > strong {display: block;}
.accList .accInfo .subTxt {font-size: 16px; color:#666}
.accList .accInfo .txtItem {margin-top:10px;}
.accList .accInfo .txtItem strong {margin-left: 10px; color:#333}
.accList .dateInfo {width: 267px; box-sizing: border-box; vertical-align: middle;}
.accList .dateInfo li {float: left; width: 50%;}
.accList .dateInfo li strong {display: block; font-size: 14px;}
.accList .dateInfo li span {display: inline-block; font-size: 16px; color: #333;}
.accList .dateInfo .plus {color:#e00000}
.accList .dateInfo .minus {color:#0054ad}
.accList .dateInfo [class*=icoBtn] {margin: -20px 0 0 10px}
.accList .priceInfo {position:relative; width: 385px; padding-right:20px; box-sizing: border-box; vertical-align: top; text-align: right;}
.accList .priceInfo:before {content: ''; position: absolute; bottom:20px; top:20px; left:0; border-left:1px solid #e7e7e7;}
.accList .priceInfo strong {color:#333}
.accList .priceInfo .btnGroup {margin-top:15px; margin-right:-5px; text-align: right;}
.accList .priceInfo li .txt {margin-right: 5px; color:#666; font-size:16px;}
.accList .priceInfo li:first-child > strong, .accList .priceInfo li:first-child > [class*=unit] {font-size: 18px; color: #333;}

/* BPTFQT0102_입금은행 */
.bankList{margin-top:20px; border:1px solid #f3f3f3; border-top-width:2px; border-right-width:2px; background-color:#f3f3f3}
.bankList:after{content:""; display:block; clear:both}
.bankList li{float:left; width:20%; border-left:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; box-sizing:border-box}
.bankList li button{display:block; width:100%; height:115px; border:1px solid #fff; background:#fff; box-sizing:border-box; transition: border ease-out 0.3s}
.bankList li button:hover,
.bankList li button:focus{border-color:#0050a6;}

/*CPIAUC0802_투자조합 준법감시 보고서 */
.popSignArea { padding: 20px 0 0 0; position: relative; }
.popSignArea > .date { margin-top: 20px; text-align: center; color: #333; font-size: 16px; }

.popBox.paging {margin-top:30px; text-align: center; letter-spacing: -6px;}
.popBox.paging button.prev {background: #fff url('../img/common/btn_bbs.png') no-repeat -35px 0;}
.popBox.paging button.next {background: #fff url('../img/common/btn_bbs.png') no-repeat -66px 0;}
.popBox.paging ol {display: inline-block; margin:0 20px;}
.popBox.paging li {width:auto; min-width:20px;}
.popBox.paging li > a {/*position:relative; display: block;*/ text-align: center; color:#666; line-height: 35px;}
.popBox.paging li > a:after {content:''; position:absolute; bottom:0; left:50%; right:50%; border-bottom: 1px solid #3382d6; transition:left ease-out 0.125s, right ease-in-out 0.125s;}
.popBox.paging li > a:hover:after, .paging li > a:focus:after, .paging li.on > a:after {left:5px; right:5px;}
.popBox.paging li.on > a {color:#3382d6}


/* CPIACC1202~1210 컴플라이언스점검표*/
.shapeBox.docs .scrollBox {overflow-y:auto; overflow-x:hidden; max-height:446px;}

/* 유가증권 수탁 전체메뉴 */
.cp.sitemap {position: relative; height: auto}
.cp .sitemapHeader {height: 105px}
.cp .sitemapCont {margin-left: 0; width: 100%;}
.cp .sitemapAccoList .subWrap {width: 100%}
.cp .sitemapAccoList .depth2 > li {width: 25%}
.cp .sitemapHeader .logo {position: absolute;}
.cp .sitemapHeader .sitemapBtnClose {position: absolute;}
.cp .sitemapContain {padding-bottom: 100px}
body.sitemapOpen.cp {overflow: auto; background-color: #fff}

/*===============KDB 금융대학교 ===================*/
/* ui */
.uiSymbolArea {overflow:hidden; padding:40px 110px 50px 40px; border-radius:8px; background:url('../img/wbiz/img_symbol_ui.png') no-repeat 790px 40px; border:1px solid #d2d2d2;}
.uiSymbolArea .symbolTxt {padding-top:30px;width:630px;border-top:1px solid #efefef}
.uiSymbolArea .symbolTxt:first-child {padding-top:0; border-top:none;}
.uiSymbolArea .symbolTxt dt {color:#333; font-size:20px; font-weight:bold;}
.uiSymbolArea .symbolTxt dd {padding:13px 0 30px 0;}
.uiLogoArea [class*=col_] {max-width:100% !important;}
.uiLogoArea [class*=Box] {padding:0;}

/*=================== 관광기금전대차 ===============*/

/* TMSISS0200 */
.topSearch{position:relative; /*padding-bottom:50px*/}
.topSearch .row > [class*=col_]:before{content:""; display:inline-block; position:absolute; top:10px; left:0; width:1px; height:90%; border-left:1px dashed #ccc}
.topSearch .row > [class*=col_]:first-child:before{border-left:0}

.topSearch input[type="checkbox"]{position:absolute; top:auto; display:inline-block; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-10; box-sizing:border-box; vertical-align:top;}
.topSearch input[type="checkbox"]+label {position:relative; float:left; display:inline-block; cursor:pointer; box-sizing:border-box; color:#999; line-height:1.25em; vertical-align:top;}


/*
.techIptGroup input[type="radio"]+label:hover,
.techIptGroup input[type="radio"]:focus+label {text-decoration: underline; color:#0063CC}
.techIptGroup input[type="radio"]+label:before{content: ""; position: relative; top: -1px; display: inline-block; width: 24px; height: 24px; margin: 0 6px 0 0; border: 1px solid #999; border-radius: 50%; background-color:#fff; box-sizing: border-box; transition: border-color linear 0.5s; vertical-align: top}
.techIptGroup input[type="radio"]+label:before{box-shadow: inset 0 0 0 12px #fff; transition: border 0.225s, box-shadow ease-in-out 0.225s}
.techIptGroup input[type="radio"]:checked+label:hover:before,
.techIptGroup input[type="radio"]:checked:focus+label:before {border:1px solid #0063cc;}

*/
.techIptGroup{margin-top:20px}
.techIptGroup:after{content:""; display:block; clear:both}
.techIptGroup [class*=itemTech]{position:relative; width:106px; padding:90px 10px 0 0; text-align:center; }
.techIptGroup [class*=itemTech]:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:86px; height:90px; background:url(../img/wbiz/ico_tech_ipt_off.png) no-repeat 10px 0}
.techIptGroup input[type="checkbox"]:focus+label[class*=itemTech],
.techIptGroup [class*=itemTech]:hover,
.techIptGroup input[type="checkbox"]:checked+label{color:#4960eb}
.techIptGroup input[type="checkbox"]:focus+label[class*=itemTech],
.techIptGroup [class*=itemTech]:hover { text-decoration: underline; }

.stepIptGroup{margin-top:20px}
.stepIptGroup:after{content:""; display:block; clear:both}
.stepIptGroup [class*=itemStep]{position:relative; width:106px; padding:90px 10px 0 0; text-align:center; }
.stepIptGroup [class*=itemStep]:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:86px; height:90px; }
.stepIptGroup input[type="checkbox"]:focus+label[class*=itemStep],
.stepIptGroup [class*=itemStep]:hover,
.stepIptGroup input[type="checkbox"]:checked+label{color:#d6006d}
.stepIptGroup input[type="checkbox"]:focus+label[class*=itemStep],
.stepIptGroup [class*=itemStep]:hover { text-decoration: underline; }

.techIptGroup .itemTech01:before {background:url(../img/wbiz/ico_tech_ipt1_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech02:before {background:url(../img/wbiz/ico_tech_ipt2_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech03:before {background:url(../img/wbiz/ico_tech_ipt3_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech04:before {background:url(../img/wbiz/ico_tech_ipt4_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech05:before {background:url(../img/wbiz/ico_tech_ipt5_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech06:before {background:url(../img/wbiz/ico_tech_ipt6_off.png) no-repeat 10px 0;}
.techIptGroup .itemTech07:before {background:url(../img/wbiz/ico_tech_ipt7_off.png) no-repeat 10px 0;}
.stepIptGroup .itemStep01:before {background:url(../img/wbiz/ico_step_ipt1_off.png) no-repeat 10px 0;}
.stepIptGroup .itemStep02:before {background:url(../img/wbiz/ico_step_ipt2_off.png) no-repeat 10px 0;}
.stepIptGroup .itemStep03:before {background:url(../img/wbiz/ico_step_ipt3_off.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech01:before, .techIptGroup .itemTech01:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech01:before {background:url(../img/wbiz/ico_tech_ipt1_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech02:before, .techIptGroup .itemTech02:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech02:before {background:url(../img/wbiz/ico_tech_ipt2_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech03:before, .techIptGroup .itemTech03:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech03:before {background:url(../img/wbiz/ico_tech_ipt3_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech04:before, .techIptGroup .itemTech04:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech04:before {background:url(../img/wbiz/ico_tech_ipt4_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech05:before, .techIptGroup .itemTech05:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech05:before {background:url(../img/wbiz/ico_tech_ipt5_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech06:before, .techIptGroup .itemTech06:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech06:before {background:url(../img/wbiz/ico_tech_ipt6_on.png) no-repeat 10px 0;}
.techIptGroup input[type="checkbox"]:focus+.itemTech07:before, .techIptGroup .itemTech07:hover:before, .techIptGroup input[type="checkbox"]:checked+.itemTech07:before {background:url(../img/wbiz/ico_tech_ipt7_on.png) no-repeat 10px 0;}
.stepIptGroup input[type="checkbox"]:focus+.itemStep01:before, .stepIptGroup .itemStep01:hover:before, .stepIptGroup input[type="checkbox"]:checked+.itemStep01:before {background:url(../img/wbiz/ico_step_ipt1_on.png) no-repeat 10px 0;}
.stepIptGroup input[type="checkbox"]:focus+.itemStep02:before, .stepIptGroup .itemStep02:hover:before, .stepIptGroup input[type="checkbox"]:checked+.itemStep02:before {background:url(../img/wbiz/ico_step_ipt2_on.png) no-repeat 10px 0;}
.stepIptGroup input[type="checkbox"]:focus+.itemStep03:before, .stepIptGroup .itemStep03:hover:before, .stepIptGroup input[type="checkbox"]:checked+.itemStep03:before {background:url(../img/wbiz/ico_step_ipt3_on.png) no-repeat 10px 0;}

.topSearchAdd{margin-top:20px}
.topSearchAdd:after{content:""; display:block; clear:both;}
.topSearchAdd select{float:left; width:346px;}
.topSearchKey{margin-top:30px; text-align:center}
.topSearchKey div[class*=col]{margin-left:20px;}
.topSearchKey .ipt{width:310px; height:50px; line-height:48px}
.topSearchKey .delete .icoBtn {top:6px;}
.topSearchKey .cbtn{margin-left:20px}

/*TMKMTM0400*/
.tipBox .txtList.vtList:before, .tipBox .txtList.vtList:after {display:block; content:""; clear:both;}
.tipBox .txtList.vtList > li {float:left; width:30%; padding-right:40px; box-sizing:border-box}
.tipBox .txtList.vtList > li + li {margin-left:50px;}
.tipBox .txtList.vtList > li:after {content:""; position: absolute; left: -30px; top: 4px; bottom: 3px; border-left: 1px solid #ccc;}
.tipBox .txtList.vtList > li:first-child:after {content:none;}

/*TMSISS0400 영상보기 버튼*/
a.videoBtn {display:inline-block; width:30px; height:30px; background:url('../img/wbiz/ico_video.png') no-repeat 0 0; vertical-align:middle;}


/*================ 신성장정책금융센터 ================*/

/* NGBIMN0000 */
.intelliHistory { padding-left: 125px; background: url("../img/wbiz/img_intelligence_history.png") no-repeat 0 0;  }
.intelliHistory li { color:#333; height: 65px; box-sizing: border-box; font-size: 16px; }
.intelliHistory li.div1 { height: 88px; }
.intelliHistory li p.txtM { font-size: 14px; color: #666; padding-top: 5px; }

/* NGCRNP0100 */
.starWord { margin-top: 10px; font-size: 14px; padding: 15px 20px !important; overflow: hidden; }
.starWord > p { margin-bottom: 15px; }
.starWord > p:last-child { margin-bottom: 0; }
.starWord .word { display: block; float: left; margin-right: 10px; color: #fff; background-color: #666666; padding: 3px 15px; border-radius: 25px; vertical-align: top; }
.starWord .starInfo { display: block; }

/* 인사말 */
.introWrap .introImg { width: 556px; height: 357px; background-color: #ececec; position: absolute; top: 0; right: 0; box-sizing: border-box; overflow: hidden; }
.introWrap .introImg:after, .edgeImg:after { content: ""; width:57px; height:80px; background: url("../img/wbiz/bg_intro_img_edge.png") no-repeat 0 0; position: absolute; bottom: 0; right: 0; }
.introWrap .introImg .tit { color: #fff; border-top: #0063cc 1px solid; width: 60%; padding: 5px 0; position: absolute; bottom: 54px; left: 20px; z-index: 1; }
.introWrap .introTop { height: 358px; margin-bottom: 40px; position: relative; }
.introWrap .introTop .bigTit { font-size: 34px; line-height: 1.2; position: absolute; top: 0; left: 0; color: #333; word-spacing: -2px;}
.introWrap .pointTxt { position: absolute; left: 0; bottom: 0; }
.introWrap .pointTxt .txt { color: #0063cc; font-size: 24px; padding-top: 10px; font-family: 'Roboto Light', 'NotoSans Light'; line-height: 1.4; }
.introWrap .pointTxt .txt:before { content: ""; width: 26px; height: 1px; background-color: #0063cc; position: absolute; top: 0; left: 0; }
.introWrap .pointTxt > span { display: block; color: #333; }
.introWrap .txtLayout { overflow: hidden; margin-bottom: 60px; }
.introWrap .txtLayout .left { width: 50%; box-sizing: border-box; float: left; padding: 0 15px 0 0; position: relative;}
.introWrap .txtLayout .right { width: 50%; box-sizing: border-box; float: right; padding: 0 0 0 15px; }
.introWrap .topLine { border-top: #dedede 1px solid; padding-top: 40px; }

/* 2라인 탭 */
.tab.tabRow { border-top: #ccc 1px solid; border-bottom: none; border-left: #ccc 1px solid; overflow: hidden; position: relative; background-color: #f8f8f8; }
.tab.tabRow:before { content: ""; border-top: #ccc 1px solid; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; }
.tab.tabRow:after { content: ""; border-right: #ccc 1px solid; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: block; }
.tab.tabRow li { display: block; width: 20%; height: auto; background: none; float: left; border: none; margin-left: 0; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; box-sizing: border-box; }
.tab.tabRow li button { min-height: 0; font-size: 16px; color: #555; display: block; text-align: center; padding: 12px 0; background-color: #f8f8f8; }
.tab.tabRow li button:focus, .tabRow li button:hover, .tabRow li.on button { color: #fff; background: none; background-color: #4b4e68; top: 0; }


/*================== 넥스트라운드 ===================*/
/* NRNRMN0000 */
.nextRoundBlue { background-color: #2434aa; margin-bottom: 0 !important; }
.nextRoundBlue .nextRoundIs { width: 1132px; min-height: 480px; margin: 0 auto; position: relative; padding: 60px 0 0 0; box-sizing: border-box; color: #fff; }
.nextRoundBlue .nextRoundIs .titArea { padding-bottom: 25px; }
.nextRoundBlue .nextRoundIs .titH2 { color: #fff; }
.nextRoundBlue .nextRoundIs .txtL { color: #fff; padding-bottom: 20px; line-height: 1.4; }
.nextRoundBlue .nextRoundIs .nrTitle { width: 172px; }
.nextRoundBlue .nextRoundIs .nrTitle dt { padding-top: 254px; width: 172px; position: absolute; top: 0; right: 96px;  }
.nextRoundBlue .nextRoundIs .nrTitle dt:before { content: ""; height: 230px; background-color: #ffe400; position: absolute; top: 0; left: 0; right: 0; }
.nextRoundBlue .nextRoundIs .nrTitle dd { padding-bottom: 10px; position: absolute; color: #fff; font-size: 20px; width: 172px; line-height: 1.2;}
.nextRoundBlue .nextRoundIs .nrTitle dd:after { content: ""; width: 100%; height: 5px; background-color: #00b2ff; box-shadow: 3px 6px 18px rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; right: 0;}
.nextRoundBlue .nextRoundIs .nrTitle dd.nr1 { bottom: 115px; right: 288px; }
.nextRoundBlue .nextRoundIs .nrTitle dd.nr2 { bottom: 60px; right: 480px; }
.nextRoundBlue .nextRoundIs .nrTitle dd.nr3 { bottom: 0; right: 672px; }

.nextRoundBlue .nextRoundIs .movieBtn {margin:37px 0 0;}
.nextRoundBlue .nextRoundIs .movieBtn a {position:relative; display: inline-block; height: 35px; line-height: 35px; padding-left: 42px; font-size: 16px;  word-break: break-all; overflow:hidden}
.nextRoundBlue .nextRoundIs .movieBtn a:before{content:""; display:block; position:absolute; top:0; left:0; width:33px; height:35px; background:url(/img/wbiz/ico_nr_movie.png) no-repeat 0; transition: all 0.5s ease-in-out}
.nextRoundBlue .nextRoundIs .movieBtn a:hover:before{transform: rotateY(360deg);}
.nextRoundBlue .nextRoundIs .movieBtn a span{position:relative; display:inline-block; line-height:26px;}
.nextRoundBlue .nextRoundIs .movieBtn a span:after{content: ''; position: absolute; width:0; bottom:0px; left:-5px; right:100%; border-bottom: 1px solid #fff; transition: all 0.25s ease-out;}
.nextRoundBlue .nextRoundIs .movieBtn a:hover > span:after,
.nextRoundBlue .nextRoundIs .movieBtn a:focus > span:after{left:0; right: 0; width:auto}

.nextRoundGray { background-color: #f8f8f8; position: static !important; margin-bottom: 80px !important; }
.nextRoundGray .kdbNextRound { width: 1132px; margin: 0 auto; position: relative; padding: 80px 0; }
.nextRoundGray .kdbNextRound .nrFrog { position: absolute; top: -50px; right: 30px; }
.nextRoundGray .kdbNextRound .titArea { padding-bottom: 32px; }
.nextRoundGray .kdbNextRound .txt18 { position: relative; color: #333; }
.nextRoundGray .kdbNextRound .txt18:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: #dfdfdf 1px solid; }
.nextRoundGray .kdbNextRound .txt18 span { display: inline-block; padding-right: 30px; background-color: #f8f8f8; position: relative; }
.nextRoundGray .kdbNextRound .nrCount { margin-top: 20px; }
.nextRoundGray .kdbNextRound .nrCount em.bold { color: #333; font-size: 16px; line-height: 1.4; }
.nextRoundGray .kdbNextRound .nrCount em.bold strong { display: inline-block; padding-right: 10px; font-size: 58px; }
.nextRoundGray .kdbNextRound .nrCount span { display: block;  }

.titArea.revolution4 .titH2 { position: relative; color: #333; }
.titArea.revolution4 .titH2:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: #000 1px solid; }
.titArea.revolution4 .titH2 span { display: inline-block; padding-right: 30px; background-color: #fff; position: relative; }
.titArea.revolution4 > p { font-size: 24px; color: #333; padding-top: 15px; }

.cardList.irRoundList .cardTit { margin-bottom: 15px; }
.cardList.irRoundList .midCont .midTit {font-size: 14px; border-bottom: #d2d2d2 1px solid; padding-bottom: 7px; margin-bottom: 10px; color:#333;} 
.cardList.irRoundList .midCont dl + dl {margin-top:10px;} 
.cardList.irRoundList .midCont dl dt { font-size: 14px; color:#333;} 
.cardList.irRoundList .midCont dl dd { color: #666; font-size: 14px; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:3; */}
.cardList.irRoundList .cardOver .midCont .midTit,
.cardList.irRoundList .cardOver .midCont dl dt,
.cardList.irRoundList .cardOver .midCont dl dd { color: #fff; }
.cardList.irRoundList .bottomCont { width: 50%; bottom: 20px !important; }
.cardList.irRoundList .bottomCont img { width: 100%; }
.cardList.irRoundList > li .cardWrap {height:302px}
.cardList.irRoundList > li .cardWrap .cardOver {min-height: 302px;}
.cardList.irRoundList > li > a:hover .cardOver:before,
.cardList.irRoundList > li > a:focus .cardOver:before,
.cardList.irRoundList > li.on > a .cardOver:before { background-color: #4960eb; opacity: 0.9; }


.tblCalWrap.hasMP .calendar.month { display: inline-block; margin: 0 15px; }
.tblCalWrap.hasMP .calendar.month .ipt { width: 0; height: 35px; padding: 0 0 0 0; border: none; background-color: initial !important; font-size: 24px; }
.tblCalWrap.hasMP .calendar.month .ipt:focus { box-shadow: none; }
.tblCalWrap.hasMP .calendar.month .mon { display: inline-block; margin-left: 7px; line-height: 34px; font-size: 24px; vertical-align: top; }
.tblCalWrap.hasMP .calendar.month button { border: none; margin-left: 5px; position: static; }

.tblCalWrap.irRoundCal .tableCal td.today .day { background-color: #4b4e68; color: #fff; }
.tblCalWrap.irRoundCal .tableCal td { height: 140px; padding-top: 30px; }
.tblCalWrap.irRoundCal .tableCal td .links { color: #fff; background-color: #0063cc; border-radius: 5px; display: block; padding: 5px 10px; }
.tblCalWrap.irRoundCal .tableCal td .links:after { height: auto; }
.tblCalWrap.irRoundCal .tableCal td .links span:after { border-color: #4960eb; }
.tblCalWrap.irRoundCal .tableCal td .links:hover > span:after,
.tblCalWrap.irRoundCal .tableCal td .links:focus > span:after { border-bottom: #fff 1px solid; }

/*============ Business Leaders Forum ===========*/
.cl .introWrap .pointTxt .txt{color:#725c5c}
.cl .introWrap .pointTxt .txt:before{background-color:#725c5c}

/* .cl .wStepBox{border-color:#938282; background: -webkit-linear-gradient(to right, #fff 0%, #e7e3e3 50%, #cec7c7 100%); background: linear-gradient(to right, #fff 0%, #e7e3e3 50%, #cec7c7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#cec7c7', GradientType=1);}
.cl .wStepBox li{background:url(../img/wbiz/bg_stepbox_brown.png) no-repeat 0 0}
.cl .wStepBox li > .num{color:#725c5c}
.cl .wStepBox li:first-child{background:none} *//* stepBox로 일괄 변경 */

.seminarArea .seminarWrap { display: none; }
.seminarArea .seminarWrap ul[class*=cntList] { margin-top: 40px; }
.seminarArea .seminarWrap ul[class*=cntList] .imgFull.bgGray + .txtWrap { padding-top: 10px; }


.cl table.bbs thead th { background-color: #f4f0f0; }
.cl .tableY td:nth-child(2n-1) { background-color: #f4f0f0; }
.cl [class^=cbtn] { background-color: #2c459c; }
.cl .cbtnB:hover, .cl .cbtnB:focus { background-color: #00366f; }
.cl .cbtnWB { background-color: #fff; border: 1px solid #2c459c; color: #2c459c; }
.cl .cbtnWB:hover, .cl .cbtnWB:focus { background-color: #eee; color: #00366f; border-color: #00366f; }
.cl .bbs .links:hover, .cl .bbs .links:focus { color: #2c459c !important; }
.cl .links:hover > span:after, .cl .links:focus > span:after { border-color: #2c459c; }
.cl section .titArea .titH3, .popCont .titH3 { background: url(../img/wbiz/bul_h3_cl.png) no-repeat 0 10px; }


.cl .cardList > li.on .cardWrap .cardOver:before { background-color: #7d6f6f; }
.cl .cardList > li .cardWrap .cardOver .btnCArea a:hover, .cl .cardList > li .cardWrap .cardOver .btnCArea a:focus { color: #2c459c; }
.cardList.famEvent .cardTit { border-bottom: #dedede 1px solid; }
.cardList.famEvent .cardTit { border-bottom: #dedede 1px solid; }
.cardList.famEvent > li .cardWrap .cardOver .btnCArea { margin-top: 0; bottom: 0; left: 0; right: 0; top: 0;}
.cardList.famEvent > li .cardWrap .cardOver .btnCArea a { border: none; position: absolute; bottom: 0; left: 0; right: 0; top: 0; height: 100%; margin-top: 0; }
.cardList.famEvent > li .cardWrap .cardOver .btnCArea a:hover,
.cardList.famEvent > li .cardWrap .cardOver .btnCArea a:focus { background: none; }


/* === 회원정보 목록 / 상세 === */
.tableY.memTableY { border-top: none; }
.memDetail { padding: 30px 0; border-top: #666 2px solid; width: 100%; display: table; table-layout: fixed; }
.memDetail .imgWrap { display: table-cell; width: 230px; }
.memDetail .imgWrap span { display: inline-block; width: 230px; height: 240px; background-color: #f8f8f8; padding: 20px; box-sizing: border-box; }
.memDetail .imgWrap span img { width: 190px; height: 200px; }

.memDetail .nameWrap { display: table-cell; vertical-align: bottom; padding: 0 76px 7px 58px; }
.memDetail .nameWrap .name { font-size: 24px; color: #333; margin-bottom: 30px; }
.memDetail .nameWrap .info { overflow: hidden; }
.memDetail .nameWrap .info:after { content: ""; clear: both; }
.memDetail .nameWrap .info dl { padding: 0 20px 0 0; box-sizing: border-box; color: #333; }
.memDetail .nameWrap .info dl dt { padding-bottom: 7px; border-bottom: #dedede 1px solid; }
.memDetail .nameWrap .info dl dd { padding-top: 18px; }
.memDetail .nameWrap .info.one dl { width: 100%; float: none; }
.memDetail .nameWrap .info.two dl { width: 50%; float: left;}

/* === BLF회칙 === */
.cl .introWrap .introImg .tit {border-color:#fff; }
.clRule .accoWrap .accTopArea .accoTit { font-size: 20px; color: #333; }
.clRule .accoWrap.on .accTopArea .accoTit { color: #2c459c; }
.clRule .accoWrap .accTopArea { padding: 25px 20px; }
.clRule .accoWrap .accoContents { padding: 25px 30px; }
.clRule .accoWrap .accoContents > strong { display: block; font-size: 18px; color: #333; margin-bottom: 15px; }
.clRule .accoWrap .accoContents > ul > li { margin-bottom: 25px; }
.clRule .accoWrap .accoContents > ul > li:last-child { margin-bottom: 0; }
.clRule .accoWrap .accoContents > ul > li > strong { display: block; font-size: 16px; margin-bottom: 10px;}
.clRule .accoWrap .accoContents > ul > li > ul { margin-top: 5px; }
.clRule .accoWrap .accoContents > ul > li > ul li li { padding-left: 10px; }

/* === BLF안내 === */
.clShapeBox { border-color: #938282; margin: 0 30px;}
.shapeBox.shadowNone.clShapeBox:after { background: url(../img/wbiz/bg_box_edge_cl_shadow_none.png) no-repeat 0 0; }
.clShapeBox .imgArea { text-align: center; padding: 30px 0 50px; }
.clShapeBox strong.bold { display: block; color: #333; margin-bottom: 10px; }
.infoBLF li { padding: 15px 0 15px 110px; background-repeat: no-repeat; background-position: 0 center; }
.infoBLF li.info1 { background-image: url("../img/wbiz/bg_blf_info_1.png"); }
.infoBLF li.info2 { background-image: url("../img/wbiz/bg_blf_info_2.png"); }
.infoBLF li.info3 { background-image: url("../img/wbiz/bg_blf_info_3.png"); }
.infoBLF li.info4 { background-image: url("../img/wbiz/bg_blf_info_4.png"); }
.infoBLF li > strong.bold { font-size: 16px; color: #333; display: block; margin-bottom: 10px; }
.infoBLF li > p strong { font-size: 36px; color: #725c5c; display: inline-block; padding-right: 10px; line-height: 1; }

/* 인사말 */
.blfLogo{padding:20px 0 20px 120px; background:url("../img/wbiz/img_blf_symbol_s.png") no-repeat left center}
/*==========================================================================================
=======================================  홈페이지   ============================================
============================================================================================*/

/*================== Global Micro ===================*/
.mask{overflow:hidden}
.popGlobal{position:fixed; top:0; left:0; display:block;width:100%; height:100%; overflow:auto; box-sizing:border-box; 
background-image:url(../img/wbiz/global/bg_hongkong.jpg); background-repeat:no-repeat;background-position:center 0; background-size:cover}
.popGlobal.guangzhou{background-image:url(../img/wbiz/global/bg_guangzhou.jpg);}
.popGlobal.newyork{background-image:url(../img/wbiz/global/bg_newyork.jpg);}

.popGlobal .globalContain{position:relative; display:block; width:100%; height:100%; padding:0;}
.popGlobal .globalHeader{position:relative; width:1076px; margin:0 auto; padding:20px; box-sizing:border-box; }
.popGlobal .globalHeader:after{content:""; display:block; clear:both}
.popGlobal .globalHeader .tit {display:inline-block; font-size:1.2em; height:24px; padding-top:10px;}
.popGlobal .customSlt.global{display:inline-block; min-width:450px; margin-left:20px; vertical-align:top; z-index:9}
.popGlobal .customSlt.global .ipt{font-size:18px; border:2px solid rgba(255,255,255,.45); border-radius:40px 40px; color:#fff; background:none}
.popGlobal .customSlt.global .ipt:focus, .popGlobal .customSlt.global .ipt:hover {border-color:#eef2ff; box-shadow: 0 0px 6px rgba(255,255,255,0.9);}
.popGlobal .customSlt.global .ipt:after{background:url('../img/wbiz/global/btn_pop_select_global.png') no-repeat 0 0}
.popGlobal .customSlt.global .customSltBox .menu{max-height:610px; overflow-x:hidden; overflow-y:auto}
.popGlobal .customSlt.global .customSltBox button,
.popGlobal .customSlt.global .customSltBox a{display:block; height:50px; font-size:18px}
.popGlobal .customSlt.global .customSltBox a {line-height: 48px}
.popGlobal .customSlt.global .customSltBox:before{display:none}
.popGlobal .customSlt.global.on .customSltBox{top:0; padding:15px 0; border:2px solid #4b4e68; border-radius:20px; background-color:#fff; z-index:2}
.popGlobal .customSlt.global.single .ipt:after{content: none;}
.popGlobal .customSlt.global.single .ipt:focus, .popGlobal .customSlt.global.single .ipt:hover {border-color:rgba(255,255,255,.45); box-shadow: none;}

.popGlobal .globalHeader .btnWrap{display:inline-block; margin-left:20px; vertical-align:top}
.popGlobal .btnWrap [class^=btn]{position:relative; margin-right:5px; min-width:84px; border:none; background:none; opacity:0.5}
.popGlobal .btnWrap [class^=btn]:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:40px; background-color:#fff; opacity:0.1; z-index:0}
.popGlobal .btnWrap [class^=btn]:focus,
.popGlobal .btnWrap [class^=btn]:hover,
.popGlobal .btnWrap [class^=btn].on{color:#333; opacity:1}
.popGlobal .btnWrap [class^=btn]:focus:before,
.popGlobal .btnWrap [class^=btn]:hover:before,
.popGlobal .btnWrap [class^=btn].on:before{opacity:1}
.popGlobal .btnWrap [class^=btn] > span{position:relative; display:inline-block; padding-left:25px; z-index:1}
.popGlobal .btnEN > span{background:url(../img/wbiz/global/ico_btn_en.png) no-repeat 0 14px}
.popGlobal .btnCH > span{background:url(../img/wbiz/global/ico_btn_ch.png) no-repeat 0 14px}
.popGlobal .btnPT > span{background:url(../img/wbiz/global/ico_btn_pt.png) no-repeat 0 14px}
.popGlobal .btnBZ > span{background:url(../img/wbiz/global/ico_btn_bz.png) no-repeat 0 14px}
.popGlobal .btnJA > span{background:url(../img/wbiz/global/ico_btn_jp.png) no-repeat 0 14px}
.popGlobal .btnID > span{background:url(../img/wbiz/global/ico_btn_id.png) no-repeat 0 14px}
.popGlobal .btnMenuArea{position:relative; display:inline-block; position:absolute; top:20px; right:0; width:40px; height:40px;/*background:url(../img/wbiz/global/btn_global_menu.png) no-repeat center center*/z-index:11}
.popGlobal .btnMenuArea .focusSet {display: none;}
.popGlobal .btnMenu{position:relative; min-width:0; width:40px; height:40px; background:none }
.popGlobal .btnMenuArea:before,
.popGlobal .btnMenu:before,
.popGlobal .btnMenu:after{content:""; display:inline-block; position:absolute; top:12px; left:10px; width:20px; height:2px; background-color:#fff; transition: all 0.3s ease-in-out}
.popGlobal .btnMenu:after{top:26px}
.popGlobal .btnMenuArea:before{top:19px; width:15px;}
.popGlobal .btnMenuArea .close {display: none}
.popGlobal .btnMenuArea.on .focusSet {display: block;}
.popGlobal .btnMenuArea.on .open {display: none}
.popGlobal .btnMenuArea.on .close {display: block;}
.popGlobal .btnMenuArea.on .btnMenu:before {transform: rotate(135deg); top: 18px; left: 6px; width: 28px;}
.popGlobal .btnMenuArea.on .btnMenu:after {transform: rotate(225deg); top: 18px; left: 6px; width: 28px;}
.popGlobal .btnMenuArea.on:before {transform:rotate(180deg); opacity: 0}
/*.popGlobal .btnMenuArea.on .btnMenu{position:absolute; top:0; right:0; width:40px; min-width:0; height:40px; background:url(../img/wbiz/global/btn_global_layer_close.png) no-repeat center center}*/
/*.popGlobal .btnMenuArea.on .btnMenu{position:absolute; top:0; right:0; width:40px; min-width:0; height:40px; background:url(../img/wbiz/global/btn_global_layer_close.png) no-repeat center center}
.popGlobal .btnMenuArea.on:before,
.popGlobal .btnMenuArea.on .btnMenu:before,
.popGlobal .btnMenuArea.on .btnMenu:after{display:none}*/

.popGlobal .globalLnb{display:none; position:fixed; top:0; right:0; width:50%; height:100%; min-width:538px; min-height:730px;}
.popGlobal .globalLnb:after{content:""; display:block; position:absolute; top:0; right:0; width:100%; height:100%; min-height:730px;background:url(../img/wbiz/global/bg_global_lnb.png) repeat 0 0}
.popGlobal .globalLnb.on{display:block; z-index:10}
.popGlobal .globalLnb .cont{position:relative; width:538px; height:730px; min-width:538px; min-height:730px; padding:20px 50px; box-sizing:border-box; z-index:2}
.popGlobal .globalLnb .titArea{display:table; table-layout:fixed; width:100%}
.popGlobal .globalLnb .titArea .titH3{display:table-cell; vertical-align:top; height:80px; padding-bottom:20px; color:#fff}
.popGlobal .globalLnb .list{overflow-x:hidden; overflow-y:auto}
.popGlobal .globalLnb .list > li{border-bottom:1px solid #3965ad}
.popGlobal .globalLnb .list > li > a{display:block; padding:7px 0; font-size:24px; color:#fff}
.popGlobal .globalLnb .list > li > a > span{position:relative; display:block; }
.popGlobal .globalLnb .list > li > a > span:before{content:""; display:inline-block; position:absolute; top:14px; right:19px; width:16px; height:9px; background:url(../img/wbiz/global/ico_global_lnb_arrow.png) no-repeat 0 0}
.popGlobal .globalLnb .list > li.on > a > span:before{background-position:0 -9px}
.popGlobal .globalLnb .list > li .blind.close {display: none}
.popGlobal .globalLnb .list > li.isLink > a > span:before,
.popGlobal .globalLnb .list > li.isLink.on > a > span:before{display:none}
.popGlobal .globalLnb .list [class^=depth]{display:none;}
.popGlobal .globalLnb .list [class^=depth].on{display:block}
.popGlobal .globalLnb .list > li .blind.close {display: none;}
.popGlobal .globalLnb .list > li.on .blind.close {display: block;}
.popGlobal .globalLnb .list > li.on .blind.open {display: none;}
.popGlobal .globalLnb .depth {display:none; padding:5px 0 25px;}
.popGlobal .globalLnb .depth > li {position:relative; padding:3px 0 3px 10px; }
.popGlobal .globalLnb .depth > li:before{content:''; position:absolute; top:15px; left:0; width:3px; height:3px; background:#fff}
.popGlobal .globalLnb .depth > li > a {position:relative; display:inline-block; font-size:14px; color:#fff;}
.popGlobal .globalLnb .depth > li > a:hover span:before,
.popGlobal .globalLnb .depth > li > a:focus span:before{content:""; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #fff}

.popGlobal .globalCont{position:relative; width:1076px; margin:0 auto 20px; padding-bottom:50px; background:url(../img/wbiz/global/bg_global_cont.png) no-repeat bottom left}
.popGlobal .globalCont .inner{position:relative; padding:20px 48px 35px; box-sizing:border-box; border-radius:11px 11px 0 0; background:#fff}
.popGlobal .globalCont .scrollWrap{height:490px; overflow-x:hidden; overflow-y:auto;}
.popGlobal .globalCont .scrollWrap:focus {outline-color: #999; outline-width: 1px; outline-style: dotted;}
.popGlobal .globalCont .scrollWrap.half{margin-top:260px; height:285px}
.popGlobal .globalCont .titArea{position:relative; padding-bottom:15px;}
.popGlobal .globalCont .titArea.line{border-bottom:1px solid #dedede; margin-bottom:15px;}
.popGlobal .globalCont .titArea .tit{font-size:16px; color:#0063cc}
.popGlobal .globalCont .titH3.bul{padding-left:19px; background:url(../img/common/bul_h3.png) no-repeat 0 10px;}

.popGlobal .globalCont .visual{position:absolute; top:0; left:0; width:100%; height:260px; overflow:hidden;}
.popGlobal .globalCont .visual .visualImg{display:block; position:absolute; top:0; left:0; width:100%; border-radius:10px 10px 0 0;z-index:0}
.popGlobal .globalCont .visual .visualTxt{position:relative; padding:20px 48px; z-index:1}
.popGlobal .globalCont .visual .visualTxt p,
.popGlobal .globalCont .visual .titArea .tit{color:#fff}
.popGlobal .globalCont .visual .visualTxt .titH2{margin-bottom:85px}

.popGlobal .ceoWrap{position:relative; display:table; table-layout:fixed; width:100%; margin-top:20px}
.popGlobal .ceoWrap .txtArea{display:table-cell; width:100%; vertical-align:top}
.popGlobal .ceoWrap .imgArea{display:table-cell; width:230px; padding:0 20px 0 60px}
.popGlobal .ceoWrap .img{position:relative; width:230px; margin-bottom:25px;}
.popGlobal .ceoWrap .img:before{content:""; position:absolute; bottom:-4px; right:-6px; width:40px; height:50px; background:url(../img/wbiz/global/bg_ceo_img_edge.png) no-repeat 0 0; z-index:1}
.popGlobal .ceoWrap .img img{display:block; width:100%}

.popGlobal .organWrap{position:relative; margin:20px 0 0 0; text-align:center}
.popGlobal .organWrap img{display:inline-block; max-width:100%}

.popGlobal .locationWrap{position:relative; margin-top:20px;}
.popGlobal .locationWrap:after{content:""; display:block; clear:both}

.popGlobal .tableTop{position:relative;  margin-top:10px}
.popGlobal .tableTop:after{content:""; display:block; clear:both}

.popGlobal .jobNotice{position:absolute; bottom:15px; right:15px; margin:0 15px 15px 0; width:110px; height:110px; border-radius:110px; overflow:hidden; box-sizing:border-box;transition:all 0.15s ease-out; z-index: 5}
.popGlobal .jobNotice:after{content:""; display:block; position:absolute; bottom:0; right:0; width:110px; height:110px; border-radius:110px; background:#0063cc; opacity:1; z-index:0; box-shadow:3px 12px 12px rgba(0,0,0,0.07);}
.popGlobal .jobNotice .jobBtn{position:relative; display:inline-block; width:110px; height:110px; border-radius:110px; text-align:center; z-index:1 }
.popGlobal .jobNotice .jobBtn > span{display:inline-block; line-height:26px; font-size:18px; color:#fff}
.popGlobal .jobNotice .jobLayer{display:none; position:relative; width:500px; padding:25px 40px 30px; box-sizing:border-box; z-index:1}
.popGlobal .jobNotice .jobLayer .titArea{padding-bottom:25px; border-bottom:1px solid #5396dd}
.popGlobal .jobNotice .jobLayer .titArea .titH3{color:#fff}
.popGlobal .jobNotice .jobLayer .btnJobClose{position:absolute; top:25px; right:31px; width:40px; min-width:0; height:40px; background:url(../img/wbiz/global/btn_global_layer_close.png) no-repeat center center}
.popGlobal .jobNotice .jobLayer .fileList{padding:20px 0; max-height:230px; overflow-y:auto;}
.popGlobal .jobNotice .jobLayer .fileList > li{padding-bottom:10px}
.popGlobal .jobNotice .jobLayer .fileList .btnTxt{color:#fff}
.popGlobal .jobNotice.on .jobBtn{display:none}
.popGlobal .jobNotice.on{width:500px; height:380px; border-radius:8px; opacity:0.97; background-color:#0868ce; }
.popGlobal .jobNotice.on:after{content:""; display:block; position:absolute; bottom:15px; right:15px; width:500px; height:380px; border-radius:8px; background:#0868ce; opacity:0.97; z-index:0; box-shadow:3px 12px 12px rgba(0,0,0,0.07);}
.popGlobal .jobNotice.on .jobLayer{display:block; }

.popGlobal .globalFooter{position:absolute; left:48px; bottom:-45px; width:960px; padding:18px 0 19px; border-top:1px solid #d2d2d2}
.popGlobal .globalFooter address{font-style:normal; font-size:14px;}
.popGlobal .globalFooter .contact{font-size:14px; }



/*================== 은행소개 ===================*/
/* 인사말 */
.chbi .introWrap .introTop .bigTit {color:#333;}
.chbi .introWrap .introImg {background:none;}
.chbi .introWrap .introImg .tit {border-color:#fff; color:#333;}
.chbi .introWrap .introImg:after {background: url(../img/wbiz/bg_intro_img_edge.png) no-repeat 0 0; width:57px; height:80px;}
.edgeImg {position:relative; display:inline-block; box-sizing:border-box;}
[class*=col_].edgeImg:after {right:10px;}
[class*=txt].lineH, [class*=tit].lineH {line-height:1;}
.row.intro .edgeImg + [class*=col_] .txt34 {margin-bottom:10px;}
.row.intro .edgeImg + [class*=col_] .titH4 {margin-top:20px;}
.row.intro .edgeImg + [class*=col_] .txtList {margin-top:10px;}
.row.intro .titArea.line {border-bottom:1px solid #d2d2d2}

/* 실천규정 */
.infoCnt.rule .titH5 {margin-bottom:15px;}
.infoCnt.rule .titH6 {margin-top:10px; margin-bottom:0;}
.infoCnt.rule .txt,
.infoCnt.rule .txtList {margin-top:10px;}
.infoCnt.rule .txtList  .txtList.txtM {margin-top:5px;}

.signArea .date > span {display:inline-block; min-width:30px;}
.signArea .date > span.year {min-width:44px; text-align:left;}
.signArea .name > span {display:inline-block; min-width:170px; text-align:left;}
.signArea .name > span strong {letter-spacing:10px;}

.boxTit {position:relative; text-align:center;}
.boxTit:before {content:''; position:absolute; top:50%; left:0; right:0; border-top:1px solid #d2d2d2;}
.boxTit > span {position:relative; z-index:1; display:inline-block !important; border-radius:4px; border:1px solid #d2d2d2; background-color:#fff; box-sizing:border-box;}
.boxTit > span.bdNone {height:auto; padding:0 20px; line-height:normal;}
.boxTit > .titH6 {min-width:270px; height:60px; line-height:58px;}
.boxTit.al > span.bdNone {padding-left:0;}
.cntList .boxTit > span {margin-bottom:0;}

.shapeBox.rule {padding:50px 70px 70px 70px !important;}
.shapeBox.rule .boxTit {margin-top:50px;}
.shapeBox.rule .infoBox {margin-top:30px; padding:25px 20px;}
.shapeBox.rule .signArea {margin-top:50px; color:#333;}
.shapeBox.rule .signArea .date {margin-bottom:40px;}
.shapeBox.rule .signArea .itemBoth {padding:0 20px; text-align:left;}

.chbibi3400 .mh170 * {letter-spacing: -0.05em;}
.chbibi3400 .titH5 { display: table; width: 100%; table-layout: fixed; margin-bottom: 40px; }
.chbibi3400 .titH5 span { display: table-cell; width: 60px; vertical-align: top; }
.chbibi3400 .titH5 strong { display: table-cell; padding: 5px 0 0 20px; vertical-align: top; }

.chbi .uiSymbolArea {position:relative; padding:40px; background:none;}
.chbi .uiSymbolArea > .imgWrap {position:absolute; top:80px; right:110px;}
.chbi .uiSymbolArea .line {display:table; width:100%; padding-top:30px; border-top:1px solid #efefef;}
.chbi .uiSymbolArea .line .imgWrap {display:table-cell; width:374px; box-sizing:border-box; vertical-align:middle;}
.chbi .uiSymbolArea .line .symbolTxt {display:table-cell; width:auto; padding:0 0 0 65px; border:none; box-sizing:border-box;}
.chbi .uiSymbolArea .line .symbolTxt dd {padding-bottom:0;}

/* KDB 소식 */
.newsArea:after{content:""; display:block; clear:both}
.newsArea > li{float:left; max-width:300px; margin-left:90px; padding-left:10px; box-sizing:border-box}
.newsArea > li:first-child{margin-left:0}
.newsArea > li > a{display:block; }
.newsArea > li img{border:20px solid #f8f8f8}
.newsArea > li .tit{display:block; margin-top:15px; padding-left:20px; font-size:18px; color:#333}
.newsArea > li .txt{display:block; margin-top:10px; padding-left:20px;}
.newsArea > li > a:hover .tit,
.newsArea > li > a:focus .tit,
.newsArea > li > a:hover .txt,
.newsArea > li > a:focus .txt{color: #0063cc; text-decoration:underline}

/* 윤리경영선언문 */
.inShape { background-color: #f3f1ef; padding: 20px; }
.inShape .shapeBox { background-color: #fff; border: none; box-shadow: none; padding: 60px; letter-spacing: -0.5px;}
.inShape .shapeBox:after { background: url(../img/common/bg_box_edge_in_shape.png) no-repeat 0 0; }
.inShape .shapeBox .line { border-top: #d2d2d2 1px solid; margin-top: 50px; padding-top: 30px; }
.inShape .shapeBox.goldBorder { background: #fff url(../img/wbiz/bg_gold_border.png) no-repeat center 30px; min-height: 722px; padding: 90px 120px; box-sizing: border-box; }
.inShape .shapeBox.goldBorder h2 { color: #333; text-align: center; margin-bottom: 20px;}
.inShape .shapeBox.goldBorder .cntList { border-bottom: none; border-top: none; }
.inShape .shapeBox.goldBorder .cntList li { border-top: #d6d6d6 1px dashed; }
.inShape .shapeBox.goldBorder .cntList li:first-child { border-top: none; }
.inShape .shapeBox.goldBorder .cntList li strong.num { display: inline-block; vertical-align: top; padding-right: 10px; font-size: 20px; line-height: 1.5em; color: #333; }
.inShape .shapeBox.goldBorder .cntList li p.titH4 { width: 97%; vertical-align: top; }

/* 사회공헌 비전 */
.chbisc6800 {padding-bottom:150px !important; background:url(../img/wbiz/img_chbisc6800_bg_flower.png) no-repeat 100% 0;}
.chbisc6800:before {content:''; position:absolute; bottom:-29px; left:-1px; right:0; z-index:1; height:171px; background:url(../img/wbiz/img_chbisc6800_bottom_flower.png) no-repeat 0 0;}


/*================== 정보마당 ===================*/
.w76 {width:76px;}
.w110 {width:110px;}
.w170 {width:170px;}
textarea.ipt.mh150 {max-height:150px;}

.shapeBox.docs .titArea.line[class*=col_] {margin:0 auto;}
.shapeBox.docs .tableY.mod td.colGroup {margin:0; padding-bottom:5px;} 
.shapeBox.docs .tableY.mod td.colGroup .gap {min-width:20px;}
.shapeBox.docs .signArea {color:#333;}
.shapeBox.docs .signArea .colGroup .txt[class*=col_] {margin-right:10px;}
.shapeBox.docs table td {height:23px;}

.titIptGroup > *{vertical-align:top}
.titIptGroup .btnG{min-width:0; margin-left:5px}

/* Track Record : CBGIPF3900 */
.icoRight .shapeBox { min-height: 334px; box-sizing: border-box; }
.icoRight .shapeBox .icoImgWbiz { position: absolute; top: 30px; right: 30px; }
.icoRight .txtList > li { padding-left: 9px; margin-top: 5px; }
.icoRight .txtList > li:before {  width: 3px; height: 3px; transform: rotate(0deg); }

/* 중견기업 전담조직도 : CHEFES1800 */
.isIE .chefes1800 * {letter-spacing:-0.08em;}
.chefes1800 .divArea1 { text-align: center; position: absolute; top: 0; left:442px;}
.chefes1800 .divArea2 { text-align: left; position: absolute; top: 195px; left:732px;}
.chefes1800 .divLink1 { text-align: left; position: absolute; top: 195px; left:195px;}
.chefes1800 .divLink2 { text-align: left; position: absolute; bottom: 30px; right: 210px; }
.chefes1800 .divArea1 [class*=titH] {display:table; width:268px; height:80px; color:#fff;}
.chefes1800 .divArea1 [class*=titH] > span {display:table-cell; vertical-align:middle;}

/*벤처금융개요 : CHEFVE7300 */
.chefve7300 {position:relative; height:842px; background:url('../img/wbiz/bg_table_chefve7300.png') no-repeat 0 0;}
.chefve7300 ul:after {content: ''; display: block; clear: both;}
.chefve7300 .title li {float:left; width:265px; padding:25px 0; color:#fff; text-align:center;}
.chefve7300 .title li:first-child {width:340px;}
.chefve7300 .title li:last-child {width:260px;}
.chefve7300 div[class*=prod] {position:relative; margin-top:10px;}
.chefve7300 .prod1 {height:180px}
.chefve7300 .prod2 {height:215px}
.chefve7300 .prod3 {height:328px}
.chefve7300 div[class*=prod] div[class*=cont] {position:relative;}
.chefve7300 div[class*=prod] strong, .chefve7300 div[class*=prod] em {display: inline-block; position:absolute; width:150px; margin-left:10px; text-align:center;}
.chefve7300 div[class*=prod] div[class*=cont] em {width:160px; left:160px;}
.chefve7300 .prod1 strong {top:80px;}
.chefve7300 .prod2 strong {top:80px;}
.chefve7300 .prod3 strong {top:130px;}
.chefve7300 .prod1 .cont1 em {top:80px;}
.chefve7300 .prod2 .cont2_1 em {top:24px;}
.chefve7300 .prod2 .cont2_2 em {top:100px;}
.chefve7300 .prod2 .cont2_3 em {top:170px;}
.chefve7300 .prod3 .cont3_1 em {top:56px;}
.chefve7300 .prod3 .cont3_2 em {top:210px;}
.chefve7300 div[class*=prod] span[class*=w] {display:inline-block; text-align:center;}
.chefve7300 div[class*=prod] span.w1 {width:265px;}
.chefve7300 div[class*=prod] span.w2 {width:525px;}
.chefve7300 div[class*=prod] span.w3 {width:790px;}
.chefve7300 div[class*=prod] span[class*=p] {position: absolute;}
.chefve7300 .prod1 .cont1 .p1 {left:340px; top:24px;}
.chefve7300 .prod1 .cont1 .p2 {left:605px; top:24px;}
.chefve7300 .prod1 .cont1 .p3 {left:340px; top:80px;}
.chefve7300 .prod1 .cont1 .p4 {left:340px; top:136px;}
.chefve7300 .prod2 .cont2_1 .p1 {left:340px; top:32px;}
.chefve7300 .prod2 .cont2_1 .p2 {left:605px; top:32px;}
.chefve7300 .prod2 .cont2_2 .p1 {left:605px; top:99px;}
.chefve7300 .prod2 .cont2_3 .p1 {left:340px; top:165px;}
.chefve7300 .prod3 .cont3_1 .p1 {left:340px; top:26px;}
.chefve7300 .prod3 .cont3_1 .p2 {left:340px; top:83px;}
.chefve7300 .prod3 .cont3_2 .p1 {left:340px; top:159px;}
.chefve7300 .prod3 .cont3_2 .p2 {left:340px; top:215px;}
.chefve7300 .prod3 .cont3_2 .p3 {left:340px; top:270px;}

/* 연계서비스 개요 chefve8900 */
.chefve8900 {position: relative;}
.chefve8900 div[class*=div], .chefve8900 div[class*=link] {position:absolute; box-sizing: border-box;}
.chefve8900 div[class*=div] {display:table;}
.chefve8900 div[class*=div] [class*=titH] {display:table-cell; vertical-align:middle;}
.chefve8900 div[class*=link] {left:703px; width:256px; padding-left:30px; text-align:left;}
.chefve8900 div.div1 {top:128px; left:172px; width:220px; height:100px;}
.chefve8900 div.div2, .chefve8900 div.div3 {top:50px; left:442px; width:210px; height:80px;}
.chefve8900 div.div3 {top:225px;}
.chefve8900 div.div1 [class*=titH] {color:#fff;}
.chefve8900 div.link1 {top:77px;}
.chefve8900 div.link2 {top:200px;}
.chefve8900 div.link3 {top:300px;}
.chefve8900 div.link4 {top:398px;}

/* 신디케이션 CBGIIF0300 */
.syndiGroup { position: relative; }
.syndiTit { position: absolute; z-index: 1; top: 2px; right: 0; width: 212px; }
.syndiTit li {  padding: 30px 0 30px 22px; background-color: #fff; display: table; width: 190px; table-layout: fixed; position: relative; }
.syndiTit li:after { display: block; content: ""; border-bottom: #d8f3ff 1px dashed; position: absolute; bottom: 0; left: 22px; right: 0;}
.syndiTit li div.tit { background: url("../img/wbiz/bg_cbgiif0300_bg.png") repeat 0 0; padding-left: 35px; display: table-cell; vertical-align: middle; color: #00a8f1; font-size: 20px; width: 100%; position: relative; overflow: hidden; }
.syndiTit li:before { content: ""; width: 20px; height: 20px; position: absolute; top: 50%; left: 12px; margin-top: -10px; background-color: #fff; border-radius: 5px; transform: rotate(45deg); z-index: 2; }
.syndiTit li div.blind { display: none; }
.syndiTit li.syndi1 { height: 363px; }
.syndiTit li.syndi2 { height: 363px; }
.syndiTit li.syndi3 { height: 81px; letter-spacing: -1px;}
.syndiTit li.syndi4 { height: 221px; }
.syndiTit li.syndi4:after { display: none; }


/* ================== 부가서비스================== */
/* 환율/환전계산기 */
.country { height: 30px; line-height: 30px; padding-left: 60px; position: relative; }
.country:before { content: ""; width: 45px; height: 30px; position: absolute; top: 0; left: 0; background-image: url("../img/wbiz/bg_country_kor.png"); background-repeat: no-repeat; background-position: 0 0;  }
.country strong { font-size: 20px; margin-right: 5px; }
.country.kor:before { background-image: url("../img/wbiz/bg_country_kor.png"); } /* 한국 */
.country.usd:before { background-image: url("../img/wbiz/bg_country_usd.png"); } /* 미국 */
.country.cnh:before { background-image: url("../img/wbiz/bg_country_cnh.png"); } /* 중국 */
.country.jpy:before { background-image: url("../img/wbiz/bg_country_jpy.png"); } /* 일본 */
.country.gbp:before { background-image: url("../img/wbiz/bg_country_gbp.png"); } /* 영국 */
.country.eur:before { background-image: url("../img/wbiz/bg_country_eur.png"); } /* 유럽연합 */
.country.cad:before { background-image: url("../img/wbiz/bg_country_cad.png"); } /* 캐나다 */
.country.chf:before { background-image: url("../img/wbiz/bg_country_chf.png"); } /* 스위스 */
.country.hkd:before { background-image: url("../img/wbiz/bg_country_hkd.png"); } /* 홍콩 */
.country.sek:before { background-image: url("../img/wbiz/bg_country_sek.png"); } /* 스웨덴 */
.country.aud:before { background-image: url("../img/wbiz/bg_country_aud.png"); } /* 호주 */
.country.dkk:before { background-image: url("../img/wbiz/bg_country_dkk.png"); } /* 덴마크 */
.country.idr:before { background-image: url("../img/wbiz/bg_country_idr.png"); } /* 인도네시아 */
.country.nok:before { background-image: url("../img/wbiz/bg_country_nok.png"); } /* 노르웨이 */
.country.sar:before { background-image: url("../img/wbiz/bg_country_sar.png"); } /* 사우디 */
.country.kwd:before { background-image: url("../img/wbiz/bg_country_kwd.png"); } /* 쿠웨이트 */
.country.bhd:before { background-image: url("../img/wbiz/bg_country_bhd.png"); } /* 바레인 */
.country.aed:before { background-image: url("../img/wbiz/bg_country_aed.png"); } /* 아랍토호국 */
.country.sgd:before { background-image: url("../img/wbiz/bg_country_sgd.png"); } /* 싱가폴 */
.country.myr:before { background-image: url("../img/wbiz/bg_country_myr.png"); } /* 말레이지아 */
.country.nzd:before { background-image: url("../img/wbiz/bg_country_nzd.png"); } /* 뉴질랜드 */
.country.thb:before { background-image: url("../img/wbiz/bg_country_thb.png"); } /* 태국 */
.country.mxn:before { background-image: url("../img/wbiz/bg_country_mxn.png"); } /* 멕시코 */
.country.try:before { background-image: url("../img/wbiz/bg_country_try.png"); } /* 터키 */
.country.zar:before { background-image: url("../img/wbiz/bg_country_zar.png"); } /* 남아공 */

.exchangeArea { width: 1072px; height: 320px; position: relative; background: url("../img/wbiz/bg_exchange.png") no-repeat center 61%; margin: 0 auto; }
.exchangeArea:after { content: ""; clear: both; }
.exchangeArea .exBox { width: 45%;  min-width: 508px; }
.exchangeArea .exBox .whiteBox { padding: 0; height: 277px;}
.exchangeArea .exBox .whiteBox .tit { margin-bottom: 0; line-height: 30px; background-color: #f8f8f8; border-bottom: #dedede 1px solid; padding: 20px 30px; border-radius: 10px 10px 0 0; position: relative; }
.exchangeArea .exBox .whiteBox .cont { padding: 30px; height: 200px; box-sizing: border-box; position: relative; }
.exchangeArea .exBox .whiteBox .cont .refList { position: absolute; bottom: 0; left: 0; right: 0; margin: 20px 30px; color: #666; }
.exchangeArea .exBox .whiteBox .cont .refList:after { content: ""; border-top: #dedede 1px solid; position: absolute; top: -20px; left: 0; right: 0; }
.exchangeArea .exBox .whiteBox .cont .txtSpecial { font-size: 20px; color: #666; padding-bottom: 10px; }
.exchangeArea .exBox .whiteBox .cont .txtSpecial span.bold { color: #d7006d; font-size: 24px; padding: 0 3px 0 10px; }
.exchangeArea .exBox .whiteBox .cont .txt span.bold { font-size: 18px; padding: 0 3px 0 10px; }
.exchangeArea .exBox .whiteBox table.tableY td:last-child { padding-right: 5px; }
.countryBt { position: absolute; width: 100%; height: 54px; top: 50%; margin-top: -27px; right: 0; left: 0; display: block; border-radius: 5px 5px 0 0; }
.countryBt:after { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -19px; width: 38px; height: 38px; background: url(../img/common/btn_acco_def.png) no-repeat center center; transition: transform 0.5s; }
.countryBt .off, .countryBt.on .on {display: none}
.countryBt.on:after { transform: rotate(180deg); }
.countryBt.on .off {display: block;}
.countrySelect { display: none; border: #666 1px solid; position: absolute; top: 70px; left: -1px; right: -1px; box-sizing: border-box; background-color: #fff; z-index: 1; }
.countrySelect ul { overflow: hidden; border-top: #f3f3f3 1px solid; border-left: #f3f3f3 1px solid; }
.countrySelect li { width: 20%; float: left; border-bottom: #f3f3f3 1px solid; border-right: #f3f3f3 1px solid; box-sizing: border-box;  }
.countrySelect li .country { width: 100%; height: auto; line-height: 1; display: block; padding: 50px 0 10px 0; text-align: center; border: #fff 1px solid; }
.countrySelect li .country:before { top: 10px; left: 50%; margin-left: -23px; }
.countrySelect li .country:hover,
.countrySelect li .country:focus,
.countrySelect li .country span { display: block; }
.countrySelect li .country.on { border: #0050a6 1px solid; }
.countrySelect li .country i {display: none;}
.exchangeArea + .btnArea { clear: both;  }
.exchangeBanner { background: url("../img/wbiz/bg_exchange_banner.png") no-repeat 0 0; overflow: hidden; width: 1072px; margin: 50px auto 0; }
.exchangeBanner .left { width: 791px; text-align: center; float: left; }
.exchangeBanner .left p { height: 90px; line-height: 86px; color: #fff; font-size: 22px; }
.exchangeBanner .left p strong span { font-size: 34px; }
.exchangeBanner .right { width: 281px; float: left; }
.exchangeBanner .right .linkGroup { text-align: center; padding-top: 30px; padding-left: 15px; }
.exchangeBanner .right .linkGroup a { color: #fff; }
.exchangeBanner .right .linkGroup a > span:after { border-bottom: 1px solid #e5e5e8; }
.exchangeBanner .right .linkGroup > .links:before { border-left: 1px solid #898a99; }
.exchangeBanner .right .linkGroup > .links:hover:after, 
.exchangeBanner .right .linkGroup > .links:focus:after { display: none; }

/* 금융계산기-대출 : CBADFC1600 */
.unitDouble span { display: block !important; position: absolute; top: 1px; left: 5px; height: 38px; padding: 0 10px; line-height: 38px; }
.unitDouble span + .ipt.unit { padding-left: 40px; }

/* KDB컨설팅실 */
.kc .introWrap .introImg .tit {border-color: #fff; color: #333;}



/*================== Global(영문) ===================*/
.globalCntList li{display:table; table-layout:fixed; width:100%; margin-top:30px;}
.globalCntList li .imgWrap{display:table-cell; width:200px; padding:0; box-sizing:border-box; vertical-align:top; text-align:center;}
.globalCntList li .imgWrap .whiteBox{padding:0; height:107px; line-height:107px; vertical-align:middle; background:#fff; box-sizing:border-box}
.globalCntList li .imgWrap .whiteBox img{display:inline-block; vertical-align:middle}
.globalCntList li .imgWrap.w300{width:300px;}
.globalCntList li .imgWrap.w300 .whiteBox{height:174px;line-height:174px}
.globalCntList li .txtWrap{display:table-cell; width:100%; padding:0 0 0 20px; box-sizing:border-box; vertical-align:top}

/* CHGLIR0100 */
.bbs.grid.reportCardList {padding:0;}
.bbs.grid.reportCardList:not(.line) {border:0}
.bbs.grid.reportCardList > li{width:268px; margin-left:20px}
.bbs.grid.reportCardList > li:first-child,
.bbs.grid.reportCardList > li:nth-child(4n + 1){margin-left:0}
.cardList.reportCardList > li .cardWrap{width:200px; height:260px}
.cardList.reportCardList > li .cardWrap .cardDefault{width:200px; height:260px;}
.cardList.reportCardList > li .cardWrap .cardDefault > img{width:100%; height:auto}
.cardList.reportCardList.onlyImg > li{padding: 30px 32px 30px 33px;}
.cardList.reportCardList.onlyImg > li .cardWrap{display:block;}
.cardList.reportCardList.onlyImg > li .cardWrap .cardDefault{height:260px}
.cardList.reportCardList.onlyImg > li.on .cardWrap {overflow:visible;}
.cardList.reportCardList.onlyImg > li.on .cardWrap .cardOver{height:260px}
.cardList.reportCardList.onlyImg > li > .links {height:auto !important; margin-bottom:0 !important;}
.cardList.reportCardList.onlyImg > li > .links:focus span:after {border-color:#0063cc;}


/* CEO Message : CHGLAK0700*/
.chgl .introWrap .introImg .tit { border-color: #fff; color: #333; font-size: 12px; }
.chgl .introWrap .introImg .tit strong { font-size: 14px; }
.chgl .introWrap .txtLayout .left { padding: 0 10px 0 0; }

/* History : CHGLAK1400 */
.chgl .historyWrap { margin-top: 120px; }
.chgl .historyWrap .txtArea .historyList .txt { color: #333; margin-bottom: 10px; }
.chgl .historyList > li .txtDot > li { color: #666; font-family: 'Roboto Light', 'NotoSans Light', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif !important; font-weight:normal; margin-top: 6px; }
.chgl .historyList { padding-bottom: 25px; }
.chgl .historyBox.txtOnly .historyList > li .tit { left: -68px; }

/* Global Network : CHGLAK1500 */
.chgl .networkList button.icoBtnHome + button.icoBtnMap {margin-left: 6px;}

/* Overview Sign in : CHGLOB3001 */
.globalLogin { max-width: 271px; margin: 0 auto; }
.globalLogin .iptWrap { margin-top: 30px; }
.globalLogin .iptWrap li { margin-top: 10px; }


/* KDB글판 (웹비즈) */
.writing { border-top: 2px solid #666; border-bottom: 1px solid #dedede; padding: 30px; background-color: #f8f8f8; overflow: hidden; }
.writing .imgWrap { width: 554px; height: 414px; float: left; }
.writing .imgWrap img { width: 554px; height: 414px; }
.writing .txtWrap { width: 459px; float: right; }
.writing .txtWrap li { border-bottom: #dedede 1px solid; padding: 20px 0; overflow: hidden; }
.writing .txtWrap li:last-child { border-bottom: none; }
.writing .txtWrap li strong { display: inline-block; float: left; width: 96px; color: #333; }
.writing .txtWrap li span { float: right; width: 363px; }
.writingList { margin: 0 -10px; overflow: hidden; letter-spacing: -2em;}
.writingList > ul {margin-top:-30px;}
.writingList > ul > li { display:inline-block; width: 33.33%; margin-top:30px; padding: 0 10px; vertical-align:top; letter-spacing:0; box-sizing: border-box; }
.writingList > ul > li .shapeBox { min-height:480px; padding:30px 30px 17px 30px; box-shadow: none; box-sizing: border-box; }
.writingList > ul > li .imgWrap { width:100%; height: 226px; overflow: hidden; margin-bottom: 30px; background-color: #fff; }
.writingList > ul > li .imgWrap img { width:100%; }
.writingList > ul > li .contWrap li {  padding-top: 10px; overflow: hidden; }
.writingList > ul > li .contWrap li:first-child { padding-top: 0; }
.writingList > ul > li .contWrap li strong, .writingList > ul > li .contWrap li span {float:left; width: 80px; min-height:24px; max-height:48px; color: #333; overflow:hidden;}
.writingList > ul > li .contWrap li span {width: 220px; color:#666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.writingList > ul > li .contWrap li span.long {height:100%; max-height:200px; -webkit-line-clamp: unset;}













/* ================== KDB온렌딩금융(웹비즈) ================== */
/* 상단 visual */
.odCont .fixbm{margin:60px 0 -70px 0;}
.odCont .tab.var > li{margin-top:-1px;}
.odCont .tab > li > a:hover, .odCont .tab > li > a:focus{background:#4b4e68;transition: all 0.25s ease-out;color:#fff;text-decoration:none;}
.odCont .full{margin-bottom:0 !important;height:365px;}
.odCont .intro{background:url('../img/wbiz/bg_titarea_intro.png') no-repeat center top;background-size:cover;}
.odCont .qualif{background:url('../img/wbiz/bg_titarea_qualif.png') no-repeat center top;background-size:cover;}
.odCont .limit{background:url('../img/wbiz/bg_titarea_limit.png') no-repeat center top;background-size:cover;}
.odCont .navi{background:url('../img/wbiz/bg_titarea_navi.png') no-repeat center top;background-size:cover;}
.odCont .search{background:url('../img/wbiz/bg_titarea_search.png') no-repeat center top;background-size:cover;}

.odCont .titArea{width:1132px;margin:0 auto;padding:65px 0 0 0;z-index:3;}
.odCont .titArea .titH1{margin-bottom:20px;font-size:54px;font-family:'NotoSans Medium';color:#002976;}
.odCont .titArea .titH3{background:none;padding-left:0;margin-bottom:15px;}
.odCont .titArea p{font-size:20px;letter-spacing:-0.4px;}
.odCont .titArea > .titH4{display:block;position:relative;bottom:10px;padding-left:19px;letter-spacing: 0;line-height:1.6em;}
.odCont .titArea > .titH4:before{display:block; content:''; position:absolute; top:11px; left:1px; width: 5px; height: 5px;  border-radius: 1px; transform: rotate(45deg); background: #333;}
.odCont > .pull{margin-top:-205px !important;} /* multiBox 당길 수 있음 */
.odCont .whiteBox{padding:23px 30px 25px 30px;}
.odCont .gray .titH3{display:inline-block;padding-left:58px;margin:0 17px 0 0;background:url('../img/wbiz/ico_od_whitebox.png') no-repeat;color:#0063cc;position:relative;bottom:-3px;line-height:36px;}
.odCont .gray .titH3:after{content:'';display:inline-block;width:21px;height:20px;border-right:1px solid #e7e7e7;}
.odCont .noBtn{padding-top:130px;}
.odCont .progress{padding-top:5px;margin-top:0px;}
.odCont .progress li{min-width:40px;min-height:40px;}
.odCont .progress .txt{width:auto;padding:0 20px;}
.odCont .progress.becq li:before{content:'';}
.odCont .txtList.sub{margin-left:20px;}
.odCont .txtList.sub > li{padding-left:12px;font-size:16px;line-height:30px;}
.odCont .arr:before{background:url('../img/wbiz/btn_od_arr.png')no-repeat;width:34px;height:12px;}
.odCont .stepBox .stepHelp{width:490px;position:absolute;left:30px;top:135px;border:1px solid #22aef2;background:#fff;padding:5px;z-index:3;border-radius:4px;text-align:center;color:#222;}
.odCont .pd50{border-top:none;}
.odCont .tab > li.on > *{top:0;}
.odCont .tooltip li{width:100% !important;}
.odCont .ftn{font-family:'NotoSans Medium' !important;}

/* 로그인 */
.od .wbizLogin .img{width:459px;}
.od .wbizLogin .img img{width:459px;}
.odCont .wbizLogin .img{width:459px;}
.odCont .wbizLogin .img img{width:459px;}
.odCont .wbizLogin .btnWrap{border-top:1px solid #d2d2d2;text-align:center;margin-top:30px;padding-top:25px;}
.odCont .wbizLogin .btnWrap .cbtn{min-width:260px;height:60px;}

/* 메인 */
.odCont.mainCont{position:relative;margin-bottom:7px;}
.odCont.mainCont .slideList li{margin-top:0;height:751px;}
.odCont.mainCont .slideList .wrap{width:1132px;margin:0 auto;padding:100px 0;}
.odCont.mainCont .slideList .wrap .titH1{font-size:28px;color:#002976;}
.odCont.mainCont .slideList .wrap img{display:block;margin:15px 0;}
.odCont.mainCont .multiBox{position:absolute;left:0;top:60px;}
/* 하단 */
.odCont.mainCont .marquee{width:1080px;height:24px;position:absolute;padding: 11px 20px 17px 20px;background:rgba(255, 255, 255, 0.8);border-radius:8px;z-index:2;overflow:hidden;height: 20px;}
.odCont.mainCont .marquee > div{width: 998px;overflow: hidden;position: absolute;}
.odCont.mainCont .marquee .tit{float:left;height:20px;width:80px;padding-right:22px;color:#333;font-family:'NotoSans Medium';letter-spacing: -0.5px;}
.odCont.mainCont .marquee .tit:after{content:'';width:1px;height:13px;display:inline-block;border-right:1px solid #cfcfcf;position:relative;left:14px;top:1px;}
.odCont.mainCont .marquee .list{width: 5000px;/* 총 길이 */height:25px;overflow:hidden;position: absolute;left: 120px;}
.odCont.mainCont .marquee .list li{display:block;height:25px;overflow:hidden;animation:marquee 100s linear infinite;float:left;position:relative;margin-left:50px;}/* 상품별 간격 */
.odCont.mainCont .marquee .list li:first-child{margin-left:0;}
.odCont.mainCont .marquee .list li .links:after{background:none;}
.odCont.mainCont .marquee .list li .links:hover, .odCont.mainCont .marquee .list li .links:focus{text-decoration:underline;}
@keyframes marquee{0%{left:0;}100%{left:-100%;}}
.odCont.mainCont .marquee .list .on{line-height:11px;}
.odCont.mainCont .marquee li a{line-height:24px;color:#333;font-size:16px;}
.odCont.mainCont .marquee .control{right:-115px;top: -2px;position:relative;/* overflow:initial; */z-index: 4;/* border: 1px solid red; */overflow: visible;}
.marquee .control .btnStop, .marquee .control .btnPlay{position:absolute;top: 2px;right: 63px;display:inline-block;width:23px;height:23px;padding:0;min-width:0;border:1px solid rgba(0,0,0,0.3);border-radius:3px;background: none;box-sizing: border-box;transition: border-color 0.15s ease-out, background-color 0.15s ease-out;}
.marquee .control .btnStop:hover, .marquee .control .btnPlay:hover, .marquee .control .btnStop:focus, .marquee .control .btnPlay:focus {background-color: rgba(255,255,255,0.2);border-color:rgba(0,0,0,1);}
.marquee .control .btnStop:before, .marquee .control .btnStop:after {content: '';position: absolute;top: 6px;left: 7px;bottom: 6px;width:2px;background-color: rgba(0,0,0,0.3);transition: background-color 0.2s ease-out;}
.marquee .control .btnStop:hover:before, .marquee .control .btnStop:focus:before,
.marquee .control .btnStop:hover:after, .marquee .control .btnStop:focus:after {background-color: rgba(0,0,0,1);}
.marquee .control .btnStop:after {left:auto;right:7px;}
.marquee .control .btnPlay {display:none;}
.marquee .control .btnPlay:after {content: '';position: absolute;top: 6px;left: 7px;width: 0;height: 0;border-left: 7px solid rgba(0,0,0,0.3);border-right: 7px solid rgba(0,0,0,0);border-bottom: 5px solid rgba(0,0,0,0);border-top: 5px solid rgba(0,0,0,0);transition: border-color 0.2s ease-out;}
.marquee .control .btnPlay:hover:after, .marquee .control .btnPlay:focus:after {border-left-color: rgba(0,0,0,0.3)}
.odCont.mainCont .marquee .plus{content:'';display:inline-block;width:18px;height:18px;background:url('../img/main/od/ico_plus.png')no-repeat;position:absolute;top: 4px;right: 34px;}
.odCont.mainCont .swiper-controls{bottom:50px;}

/* multiBox - 상단 두개 버튼 */
.odCont .multiBox{position:relative;top:-125px;}
.odCont .multiBox a:focus{outline:none;}
.odCont .multiBox a:focus:after{content:'';display:block;width:544px;height:175px;border:1px solid #0063cc;position:absolute;top:0;left:10px;}
.odCont .multiBox .shapeBox{margin-right:10px;padding:72px 0 70px 190px;background:#8b38cd url('../img/wbiz/ico_shapebox2.png')no-repeat 50px 30px;opacity:0.8;position:relative;border:none;border-radius:13px;box-shadow:6px 5px 5px rgba(0,0,0,0.1);background-size:20%;}
.odCont .multiBox .shapeBox .arr{position:absolute;color:#fff;top:60px;right:30px;}
.odCont .multiBox .shapeBox:after{content:'';position:absolute;bottom:-12px;right:-8px;width:68px;height:64px;background:url('../img/wbiz/bg_box_edge.png') no-repeat 0 0;}
.odCont .multiBox .col_6{margin:30px 0;z-index:2;}
.odCont .multiBox .col_6:first-child .shapeBox{background:#3d49ca url('../img/wbiz/ico_shapebox1.png')no-repeat 50px 30px;background-size:20%;}
.odCont .multiBox.thin .shapeBox{padding:55px 0 53px 180px;}
.odCont .multiBox.thin .col_6:first-child .shapeBox{background:#3d49ca url('../img/wbiz/ico_shapebox3.png')no-repeat 60px 40px;background-size:20%;}
.odCont .multiBox.thin .shapeBox{background:#8b38cd url('../img/wbiz/ico_shapebox4.png')no-repeat 50px 34px;background-size:19%;}

.odCont .mainBox{position:relative;color:#fff;z-index:4;}
.odCont .mainBox div a{float:left;overflow:hidden;width:562px;height:149px;background:url('../img/main/od/txt_multiBox2.png')no-repeat;position:relative;margin-bottom:20px;}
.odCont .mainBox div a:focus{outline:none;}
.odCont .mainBox div a:focus:after{content:'';display:block;width:553px;height:138px;border:1px solid #0063cc;position:absolute;top:0;left:0;}
.odCont .mainBox div:first-child a{margin-right:4px;background:url('../img/main/od/txt_multiBox1.png')no-repeat;position:relative;}
.odCont .mainBox div:first-child p{margin-left:142px;}
.odCont .mainBox p{margin:45px 20px 0 132px;line-height:20px;font-family:'NotoSans light';}

.odCont .mainBox div .bb{position:relative;left:131px;top:38px;width:227px;display:inline-block;line-height:26px;text-indent:-9999px;}
.odCont .mainBox div:first-child .bb{width:183px;left:142px;}
.odCont .mainBox div .bb:after{content: '';position:absolute;width:0;bottom:0;left:-5px;right:100%;border-bottom:1px solid #fff;transition: all 0.25s ease-out;}
.odCont .mainBox a:hover > span:after,
.odCont .mainBox a:focus > span:after{left:0;right:0;width:auto;}
.odCont .mainBox .arr{position:absolute;right:40px;bottom:90px;}


/* 인사말 */
.odCont .titIntro{text-align:center;margin-bottom:45px;position:relative;}
.odCont .titIntro .titH2:after{content:'';display:block;width:25px;height:1px;border-bottom:1px solid #333;position:absolute;top:51px;left:50%;transform:translate(-50%, 0);}
.odCont .txtIntro{width: 920px !important;text-align:center;padding-bottom:500px;}
.odCont .txtIntro:after{content:'';display:block;width:1696px;height:714px;background:url('../img/wbiz/bg_od_intro.png') center;position:absolute;left:50%;bottom:-45px;transform:translate(-50%)}
.odCont .txtIntro > .titH3{font-size:26px;font-family:'NotoSans Regular' !important;line-height: 31px;margin-top:-36px;}
.odCont .txtIntro p{font-size:18px;line-height:27px;}
.odCont .txtIntro p + p{margin-top: 34px;}
.odCont .txtIntro .name{margin-top:47px;text-align:center;font-size:16px;font-family:'NotoSans Regular' !important;line-height:23px;}

/* 연혁 */
.odCont .historyWrap{margin-top:100px;}
.odCont .historyWrap .imgArea{position:absolute;top:21px;}
.odCont .historyWrap .txtArea{margin-left:-3px;}
.odCont .historyWrap .txtArea .txt{margin-top:5px;padding-left:10px;}
.odCont .historyBox{margin-top:40px;}
.odCont .historyList > li {padding:0 0 0 67px;}

/* 중개금융기관소개 */
.odCont .logoTxt ul li .imgWrap{width:364px;height:120px;padding:13px 5px 7px 5px;}
.odCont .logoTxt ul li .imgWrap:hover{border:1px solid #0063cc;}
.odCont .logoTxt ul li .imgWrap:hover:after{background:url(../img/common/bg_box_edge_blue.png)no-repeat 0 0;}
.odCont .logoTxt ul li{position:relative;}
.odCont .logoTxt ul li a:focus{outline:none;}
.odCont .logoTxt ul li a:focus:after{display:block;content:'';width:362px;height:118px;position:absolute;top:0;left:40px;border:1px solid #0063cc;}

/* sumArea + = - 금리고시 지원요건 박스 */
.odCont .sumArea{margin:0 70px;text-align:center;color:#222;}
.odCont .sumArea:after{content:'';display:block;clear:both;}
.odCont .sumArea div{float:left;margin:70px 0 0 0;padding: 40px 18px 20px 20px;font-size:20px;font-family:'NotoSans Regular';line-height:25px;}
.odCont .sumArea ul {margin-top:10px;}
.odCont .sumArea li{display:block;margin-top:17px;font-size:14px;line-height:20px;font-family:'NotoSans light';text-align:left;color:#4960eb;}
.odCont .sumArea ul li + li{margin-top:5px;}
.odCont .sumArea .sum1,
.odCont .sumArea .sum2{display:inline-block;width: 245px;height:165px;border-radius: 10px;}
.odCont .sumArea .sum2 li{color:#333;}
.odCont .sumArea .sum1{background:#f5f7fb;color:#6260d4;position:relative;}
.odCont .sumArea .sum1 ul{margin-top:25px;}
.odCont .sumArea .sum1:before{content:'';display:inline-block;background:url('../img/wbiz/ico_od_sum01.png') no-repeat;width:97px;height:109px;position:absolute;top:-80px;left:85px;}
.odCont .sumArea .sum2{background:#f8f8f8;position:relative;}
.odCont .sumArea .sum2:before{content:'';display:inline-block;background:url('../img/wbiz/ico_od_sum02.png') no-repeat;width:97px;height:109px;position:absolute;top:-80px;left:85px;}
.odCont .sumArea .sum3{float:left;width:238px;height:137px;background:url('../img/wbiz/bg_od_sum03.png') no-repeat center top;padding:133px 0 0 0;margin:0;font-family: 'NotoSans Regular';font-size: 20px;}
.odCont .sumArea .plus,
.odCont .sumArea .eq{display: inline-block;float: left;width:65px;height:260px;font-size:50px;line-height:260px;font-family:'NotoSans Medium';color:#0063cc;}
.odCont .fiRate > .gray p{padding:0 0 0 58px;font-family:'NotoSans Regular' !important;background:url('../img/wbiz/ico_fiRate.png') no-repeat 6px 5px;}
.odCont .fiRate > .gray p.titH3{color:#333;bottom:0;}
.odCont .fiRate > .gray p.titH3:after{border:none;}
.odCont .fiRate > .gray span{color:#0063cc;}

/* proRes - 상품 제안 결과*/
.titArea.proRestop{padding:0;margin:-60px 0 0 0;}
.proRestop .fl{float:left;margin-bottom:30px;}
.proRestop .fl a{display:block;}
.proRestop .fl ul li{float:left;margin-bottom:15px;}
.proRestop .fl ul li a{padding:8px 20px 7px 40px;border:1px solid #ccc;background:#f8f8f8 url('../img/wbiz/ico_prores02_1.png') no-repeat 15px 14px;}
.proRestop .fl ul li:first-child a{margin-right:-1px;background:#f8f8f8 url('../img/wbiz/ico_prores01_1.png') no-repeat 15px 14px;}
.proRestop .fl ul li.on a{background:#4b4e68 url('../img/wbiz/ico_prores02_2.png') no-repeat 15px 14px;color:#fff;border: 1px solid #4b4e68;}
.proRestop .fl ul li.on:first-child a{background:#4b4e68 url('../img/wbiz/ico_prores01_2.png') no-repeat 15px 14px;color:#fff;border:1px solid #4b4e68;}
.proRestop .fl span{position:absolute;left:0 !important;top:58px;}
.proRestop .fr{float:right;margin-top:35px;text-align:right;position:relative;}
.proRestop .fr select{width:175px;float:left;}
.proRestop .fr div{display:inline-block;float:left;width:24px;height:24px;background:url('../img/wbiz/ico_filter.png') no-repeat;position:relative;top:6px;right:6px;}
.proRestop .fr .btnG{float:right;margin-left: 10px !important;}
.proRestop:after{content:'';display:block;clear:both;}
.proRes{margin-top:10px;border-top:2px solid #666;}
.proRes ul{display:table;width:100%;}
.proRes ul li{padding:30px 0;border-bottom:1px solid #dedede;;}
.proRes ul li .non{padding:60px 0;font-size:18px;text-align:center;}
.proRes ul li:after{display:block;content:'';clear:both;}
.proRes ul li .fl{display:table-cell;width:700px;position:relative;float:none;vertical-align:middle;}
.proRes ul li .fl strong{display:block;font-size:24px;color:#002976;font-family:'NotoSans Regular';}
.proRes ul li .fl p{margin-top:0;font-size:16px;}
.proRes ul li .fr{display:table-cell;width:432px;vertical-align:middle;text-align:center;position:relative;float:none;}
.proRes ul li .fr p{margin-top:0;color:#0063cc;font-size:20px;font-family:'NotoSans Regular';}

.odCont .footCompare{height:70px;background:#f8f8f8;border-top:1px solid #dedede;font-size:18px;}
.odCont .footCompare .titH5{padding-left:90px;color:#3b50c7;position:relative;top:22px;}
.odCont .footCompare .titH5:after{content:'';display:block;width:66px;height:74px;background:url('../img/wbiz/ico_od_footcom.png');position:absolute;left:0;top:-25px;}
.odCont .footCompare .btnD{position:absolute;top:15px;right:0;}

.odCont .odFax{margin-bottom:0 !important;}
.odCont .odFax .grayBox{padding:32px 50px 10px 50px;border-radius:15px;}
.odCont .odFax tr:first-child:after{content:'';display:inline-block;height:1px;width:1030px;border-top:1px solid #d2d2d2;position:absolute;top:91px;left:50px;}
.odCont .odFax tr td{width:100%;text-align:left;vertical-align:top;}
.odCont .odFax tr td.label{height:60px;}

/* searchWrap - 상품안내 상단 */
.schWrap{position:relative;background:#f8f8f8;padding:65px 0 10px 0;margin:-30px 0 10px 0;z-index:2;top:-100px;border-bottom:1px solid #d2d2d2;font-family:'NotoSans Regular';}
.schWrap input[type="checkbox"]{position:absolute; top:auto; display:inline-block; opacity:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; z-index:-10; box-sizing:border-box; vertical-align:top;}
.schWrap input[type="checkbox"]+label{position:relative;float:left;display:inline-block;cursor:pointer;box-sizing:border-box;color:#666;line-height:1.25em;}
.schWrap .titH4{margin-left:-5px;}
.schWrap .btnArea{margin-top:40px;}
.schWrap .btnArea .icoTxtReset{font-family:'NotoSans Regular';}

.schArea{width:1133px;margin:0 auto;text-align:center;}
.schArea .keyword{margin-top:35px;text-align:left;padding-left:80px;}
.schArea .keyword label{margin:0 10px 0 28px;font-size:20px;color:#333;font-family:'NotoSans Medium';}
.schArea .sch1{display:inline-block;padding-right: 30px;border-right:1px solid #e9e9e9;}
.schArea .sch1:after{content:'';display:block;position:absolute;}
.schArea .sch2{display:inline-block;margin-left: 30px;padding-right: 30px;border-right:1px solid #e9e9e9;}
.schArea .sch3{display:inline-block;padding-left: 30px;}

.schGroup{margin-top:13px;}
.schGroup:after{content:"";display:block;clear:both;}
.schGroup [class*=itemTech]{position:relative;width: 118px;padding: 108px 0px 0 0;text-align: center;}
.schGroup [class*=itemTech]:before{content:"";display:inline-block;position:absolute;top:0;left: 13px;width:93px;height:93px;}
.schGroup label:hover,.schGroup label:focus{text-decoration: underline;}
.schGroup input[type="checkbox"]:focus+label[class*=itemTech]{text-decoration:underline;}
.schGroup input[type="checkbox"]:checked+label{color:#4960eb;font-weight:bold;text-decoration:underline;}

.schGroup .itemTech01:before {background:url(../img/wbiz/ico_od_sch1_1.png) no-repeat 5px 0;}
.schGroup .itemTech02:before {background:url(../img/wbiz/ico_od_sch1_2.png) no-repeat 5px 0;}
.schGroup .itemTech03:before {background:url(../img/wbiz/ico_od_sch1_3.png) no-repeat 5px 0;}
.schGroup .itemTech04:before {background:url(../img/wbiz/ico_od_sch2_1.png) no-repeat 5px 0;}
.schGroup .itemTech05:before {background: url(../img/wbiz/ico_od_sch2_2.png) no-repeat 5px center;}
.schGroup .itemTech06:before {background:url(../img/wbiz/ico_od_sch2_3.png) no-repeat 5px 0;}
.schGroup .itemTech07:before {background:url(../img/wbiz/ico_od_sch3_1.png) no-repeat 5px 0;}
.schGroup .itemTech08:before {background:url(../img/wbiz/ico_od_sch3_2.png) no-repeat 5px 0;}
.schGroup input[type="checkbox"]:checked+.itemTech01:before {background:url(../img/wbiz/ico_od_schon1_1.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech02:before {background:url(../img/wbiz/ico_od_schon1_2.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech03:before {background:url(../img/wbiz/ico_od_schon1_3.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech04:before {background:url(../img/wbiz/ico_od_schon2_1.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech05:before {background:url(../img/wbiz/ico_od_schon2_2.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech06:before {background:url(../img/wbiz/ico_od_schon2_3.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech07:before {background:url(../img/wbiz/ico_od_schon3_1.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}
.schGroup input[type="checkbox"]:checked+.itemTech08:before {background:url(../img/wbiz/ico_od_schon3_2.png) no-repeat 5px 0;transition: all 0.2s ease-in-out;}

/* 상품안내 라벨 */
.odCont .label{display:inline-block;min-width:69px;padding:0 13px;height:30px;margin-bottom:13px;line-height:29px;text-align:center;font-size:18px;color:#fff;border-radius:5px;font-family:'NotoSans Regular';}
.odCont .label + .label{margin-left:5px;}
.odCont .label.blue{background:#0063cc;}
.odCont .label.red{background:#d6006d;color:#fff !important;}
.odCont .label.none{background:#fff;border:1px solid #0063cc;color:#0063cc;font-family:'NotoSans light';}
.odCont .label.normal{min-width:35px;background:#fff;border:1px solid #3b50c7;color:#3b50c7;line-height:27px;font-family:'NotoSans Regular' !important;box-sizing:border-box;}
.odCont .label.purple{min-width:35px;background:#3b50c7;color:#fff;line-height:28px;font-family:'NotoSans Regular' !important;}
.odCont ol.stepBox p{font-size:16px;}
.odCont .stepBox .num{padding-left:0;}
.odCont .stepBox .num:before{display:none;}

/* listView - 상품안내 > 카드형 슬라이드 */
.odCont .listView{position:relative;top:-40px;min-width:1179px;}
.listView .slideWrapper{height:695px;margin:40px 0 -35px 0;}
.listView .slideWrapper .non{width:1132px;padding:60px 0;font-size:18px;text-align:center;}
.listView .slideWrapper:before{display:block;content:'';width:30px;height:620px;position:absolute;top:25px;left:-5px;background:#fff;z-index:2;}
.listView .bbs > li{width:384px !important;height:675px;margin:30px 90px 0 0;margin:0 auto;}
.listView:before{content:'';display:block;border-top:2px solid #666;width:1132px;height:2px;margin:0 auto;}
.listView .cardList > li .cardWrap{width:362px;min-height:600px;border:none;border-radius:15px;box-shadow:6px 8px 13px rgba(0,0,0,0.3) !important;background:#fff;}
.listView .cardList > li{position:relative;}
.listView .cardList > li a:focus:after{content:'';display:block;width:362px;height:600px;position:absolute;left:19px;top:30px;border:1px solid #0063cc;}
.listView .cardDefault{padding: 60px 30px;text-align:left;}
.listView .cardDefault .pdSum{position:absolute;bottom:45px;color:#0063cc;font-family:'NotoSans Regular';}
.listView .cardDefault .pdSum strong{font-size:18px;}
.listView .cardDefault .pdSum .label{margin-bottom:3px;}
.listView .cardDefault .pdSum .num{font-size:38px;}
.listView .cardDefault .pdSum .sum1 div{min-width:86px;float:left;border-bottom:1px solid #0063cc;margin-left: 10px;text-align:center;position:relative;}
.listView .cardDefault .pdSum .sum1 div:first-child{margin-left:0;}
.listView .cardDefault .pdSum .sum1 span{position:absolute;top:60px;left:30%;font-size:18px;font-family:'NotoSans light';}
.listView .cardDefault .pdSum .sum1 .val0{opacity:0.6;line-height:30px;}
.listView .cardDefault .pdSum .sum1 .val0 strong{line-height:56px;}
.listView .cardDefault .pdSum .sum2{margin-top:105px;}
.listView .cardDefault .pdSum .sum2 strong{font-size:30px;}
.listView .cardDefault .pdSum .sum2 .num{font-size:44px;}
.listView .cardOver:before{opacity:1 !important;border-radius:15px !important;}
.listView .cardOver{position:relative;text-align:left;padding: 60px 30px !important;}
.listView .cardOver .bm{width:300px;position:absolute;top:220px;}
.listView .cardOver .titH2{color:#fff;}
.listView .cardOver .label{background:#fff;}
.listView .cardOver .label.blue{color:#0063cc;}
.listView .cardOver .label.red{color:#d6006d !important;}
.listView .cardOver .label.none{background:none;border:1px solid #fff;color:#fff;}
.listView .cardOver .label.purple{background:#3b50c7;}
.listView .cardOver .links.arr{height:20px;position:absolute;right:10px;top:310px;z-index: 3;padding-right: 10px;}
.listView .cardOver .arr:before{width:40px;}
.listView .titH2{display:block;font-family:'NotoSans Regular' !important;color:#002976;}
.step05 .carouselSlide button[class*=btn],
.listView .carouselSlide button[class*=btn]{position:absolute;left:-100px;top:30%;width:72px;height:144px;min-width:0;background: url(../img/wbiz/btn_odswiper.png) no-repeat 0 0;z-index:3}
.step05 .carouselSlide button.btnNext,
.listView .carouselSlide button.btnNext {left:auto;right:-100px; background-position:100% 0}

/* odBox - 레이아웃 박스 */
.odCont .odBox{min-height:590px; margin-top:40px; padding:58px 60px 120px 60px; position:relative; border:none; border-radius:13px; box-shadow:0px 25px 60px 0 rgba(0,0,0,0.17);}
.odCont .odBox:after{content:'';position:absolute;top:-13px;right:-19px;width:117px;height:84px;background:url('../img/wbiz/bg_odbox.png') no-repeat 0 0;}
.odCont .odBox .titH2{font-size:42px;color:#0063cc;}
.odCont .odBox .titH2 img{margin:3px 10px 0 0;}
.odCont .odBox .titH2 span{display:block;margin-left:90px;}
.odCont .odBox p{margin-top:25px;font-size:18px;color:#282828;}
.odCont .odBox .txt{margin:7px 0 0 91px;font-size:16px;}
.odCont .odBox .btnArea.ar{position:absolute;right:60px;bottom:60px;}
.odCont .tooltip strong.tit{display: block;margin-bottom: 10px;border-radius: 5px 5px 0 0;line-height: 1;font-family: 'NotoSans Medium' !important;}
.odCont .tooltip .cont{word-break:keep-all;}
.odCont [class*=col_].delete > .ipt.uiAct + .icoBtn {top:50% !important; bottom:auto; transform: translateY(-50%);}
/* formWrap */
.odCont .formWrap{margin-top:25px;font-size:20px;color:#333;font-family:'NotoSans Regular';}
.odCont .formWrap .iptGroup input{margin-top:5px;}
.odCont .formWrap .colGroup{margin-top:12px;font-size:18px;}
.odCont .formWrap .colGroup label{display:inline-block;width:90px;}

/* bgBlue - 레이아웃 박스 안에 들어가는 배경 */
.odCont .bgBlue{min-height:370px;background:#f5f7fb;z-index:1;padding:40px 140px 120px 140px;position:relative;}
.odCont .bgBlue .titH2{font-size:28px;color:#002976;font-family:'NotoSans Regular' !important;}
.odCont .bgBlue .titH2 img{position:absolute;left:40px;}
.odCont .bullets{text-align:center;margin-top:14px;}
.odCont .bullets li{display:inline-block;width:10px;height:10px;background:#ccc;border-radius:50%;margin-left:5px;}
.odCont .bullets li.on{background:#7f7f7f;}
.odCont .bullets li:first-child{margin-left:0;}

.odCont .exp{margin:15px 0;padding:20px 20px;max-height:100px;overflow-x:hidden;overflow:auto;background:#f8f8f8;font-size:14px;color:#666;font-family:'NotoSans light';}
.odCont .exp .titH4{margin:0 0 10px 0;font-size:16px;color:#666;font-family:'NotoSans Regular';}
.odCont .exp li{margin-top:10px;}
.odCont .exp em{display:block;line-height:25px;}
.odCont .brd > li{padding:16px 20px 16px 40px;margin:10px 0;color:#333;line-height:19px;font-family:'NotoSans Regular';border:1px solid #dedede;background:#fff;border-radius:10px;position:relative;}
.odCont .brd > li span{position:absolute;top:50%;left:-15px;transform:translate(0, -50%);}

.odCont .brdBox{padding:16px 20px 16px 20px;margin:10px 0;line-height:19px;font-family:'NotoSans light';border:1px solid #dedede;background:#fff;border-radius:10px;}
.odCont .brdBox .tit{margin:0 0 10px 0;font-size:16px;font-family:'NotoSans Regular';}

/* selectList - 선택 리스트 */
.odCont .selectList{font-size:0;position:relative;margin-bottom:60px;}
.odCont .selectList li{display:inline-block;position:relative;}
.odCont .selectList li:nth-child(4n+1) a{margin-left:0;}
.odCont .selectList li:first-child a{margin-left:0;}
.odCont .selectList li a{display:block;float:left;width:225px;margin-left:37px;border:2px solid #7f7f7f;box-sizing:border-box;border-radius:5px;}
/*.odCont .selectList li a:before{content:'';display:inline-block;width:46px;height:45px;background:url('../img/wbiz/btn_od_check_off.png')no-repeat;position:absolute;right:0;top:0;}*/
.odCont .selectList li a.on{border:5px solid #0063cc;}
.odCont .selectList li a.on:before{content:'';display:inline-block;width:46px;height:45px;background:url('../img/wbiz/btn_checked.png')no-repeat;position:absolute;right:0;top:0;}
.odCont .selectList li a span{display:block;color:#8b8b8b;font-family:'NotoSans Regular';}
.odCont .selectList li a.on span{color:#333;margin:-5px 0 0 -15px;}
.odCont .selectList li a:after{content:'';display:block;clear:both;}
.odCont .selectList li[class*=scale] a.on span{margin:-3px 0 0 0;}
.odCont .selectList[class*=chk] a{height:45px;margin-left:20px;}
.odCont .selectList[class*=chk] a.on{padding:3px 13px;border:4px solid #0063cc;}
.odCont .selectList[class*=chk] span{font-size:18px;padding:7px 15px;}
.odCont .selectList[class*=chk] .tip{position:absolute;right:-30px;top:13px;}
.odCont .selectList.chk01{padding:0 0 0 80px;position:relative;}
.odCont .selectList.chk01 li a{margin:0 0 30px 63px;width:404px;}
.odCont .selectList.chk01 li:nth-child(2n+1) a{margin-left:0;}
.odCont .selectList.chk02 li a{display:inline-block;width:235px;background:#fff;font-size:18px;padding:5px 15px;font-family:'NotoSans Regular';color:#999;}
.odCont .selectList.chk02 li a.on{color:#222;}

/* confirmWrap - 예 아니오 영역 */
.odBox .confirmWrap{position:absolute;left:175px;bottom:40px;width:680px;}
.odBox .confirmWrap .msg{float:left;font-size:20px;margin:10px 17px 0 0;}
.odBox .confirmWrap.bm{position:absolute;bottom:-20px;text-align:center;}
.odBox .confirmWrap.bm li a{text-align:left;}

/* step01 - 젹격예비검토 시작하기 */
.odCont .step01{background:url('../img/wbiz/bg_odbox_step01.png')no-repeat right bottom;}
.odCont .step01 .titH2{font-size:62px;color:#3b50c7;}
.odCont .step01 p{font-family:'NotoSans Regular';color:#666;}
.odCont .step01 span{font-family:'NotoSans light';}
.odCont .step01 .btnArea{margin-top:85px;}

/* step99 - 적격예비검토 미리보기 */
.odCont .step99{background:url('../img/wbiz/bg_odbox_step99.png')no-repeat right bottom;}
.odCont .step99 .titH2{margin:0 0 20px 0;font-size:44px;color:#3b50c7;}
.odCont .step99 .txt{margin:0;font-size:18px;}
.odCont .step99 img{width:auto;height:18px;margin-top:10px;position:absolute;left:65px;}
.odCont .step99 > ul{margin-top:45px;}
.odCont .step99 > ul > li{padding:15px 0 15px 70px;font-size:20px;color:#0063cc;font-family:'NotoSans Medium';border-bottom:1px solid #e7e7e7;}
.odCont .step99 > ul > li:first-child{padding-top:0;}
.odCont .step99 > ul > li span{margin-left:35px;font-size:18px;font-family:'NotoSans Regular';color:#333;}
.odCont .step99 ul > li > ul > li{margin-left:113px;font-size:14px;font-family:'NotoSans light';color:#333;}

/* step02 - 적격예비검토 1기업규모 */
.odCont .step02 > ul{margin-top:120px;}
.odCont .step02 ul li a{height:223px;text-align:center;}
.odCont .step02 ul li a span{padding-top:143px;font-size:32px;}
.odCont .step02 ul .scale1 a:after{display:inline-block;content:'';background:url('../img/wbiz/img_odbox_scale1.png')no-repeat;width:95px;height: 96px;position:absolute;top:48px;left:60px;}
.odCont .step02 ul .scale1 a.on:after{background:url('../img/wbiz/img_odbox_scale1_1.png')no-repeat;top: 48px;left: 60px;}
.odCont .step02 ul .scale2 a:after{display:inline-block;content:'';background:url('../img/wbiz/img_odbox_scale2.png')no-repeat;width: 116px;height:91px;position:absolute;top: 47px;left: 93px;}
.odCont .step02 ul .scale2 a.on:after{background:url('../img/wbiz/img_odbox_scale2_1.png')no-repeat;top: 47px;left: 93px;}
.odCont .step02 ul .scale3 a:after{display:inline-block;content:'';background:url('../img/wbiz/img_odbox_scale3.png')no-repeat;width:95px;height: 104px;position:absolute;top: 44px;left: 99px;}
.odCont .step02 ul .scale3 a.on:after{background:url('../img/wbiz/img_odbox_scale3_1.png')no-repeat;top: 44px;left: 99px;}
.odCont .step02 ul .scale4 a:after{display:inline-block;content:'';background:url('../img/wbiz/img_odbox_scale4.png')no-repeat;width:95px;height:91px;position:absolute;top: 61px;left: 101px;}
.odCont .step02 ul .scale4 a.on:after{background:url('../img/wbiz/img_odbox_scale4_1.png')no-repeat;top: 61px;left: 101px;}
.odCont .step02 .tip{position:absolute;top:235px;left:140px;}
.odCont .step02 li:nth-child(4n+1) .tip{left:100px;}
.odCont .scale1 .tooltip{min-width:460px;}
.odCont .scale2 .tooltip{min-width:495px;}
.odCont .scale3 .tooltip{min-width:610px;}
.odCont .scale4 .tooltip{min-width:755px;}

/* step03 - 적격예비검토 2신용등급 */
.odCont .step03 > ul{font-size:0;}
.odCont .step03 > ul > li{display:inline-block;float:left;margin-top:60px;font-family:'NotoSans Regular';}
.odCont .step03 > ul > li:first-child{margin-right:28px;}
.odCont .step03 > ul > li span{display:block;font-size:24px;margin-bottom:15px;color:#a2a2a2;}
.odCont .step03 > ul > li > ul{display:none;margin-top:10px;background:#f4f4f4;border-radius:5px;z-index:3;position:relative}
.odCont .step03 > ul > .on span{color:#0063cc;}
.odCont .step03 > ul > .on > ul{display:block;max-height:200px;overflow-x:hidden;overflow:auto;}
.odCont .step03 > ul > li > ul li a{margin:0 30px;padding:10px 0;font-size:30px;line-height:65px;cursor:pointer;}
.odCont .step03 > ul > li > ul li a:hover{border-bottom:2px solid #0063cc;color:#0063cc;}
.odCont .step03 .selectBtn{ display:block;width:492px;height:98px;padding:0 50px 0 30px;background:url('../img/wbiz/btn_select.png')no-repeat 420px center;border:2px solid #d1d1d1;border-radius:5px;font-family:'NotoSans Regular';}
.odCont .step03 .selectBtn span{font-size:36px;line-height:90px;}
.odCont .step03 .selectBtn.disabled{background:#f4f4f4 url('../img/wbiz/btn_select.png')no-repeat 420px center;;}
.odCont .step03 .on .selectBtn{background:url('../img/wbiz/btn_select_on.png')no-repeat 418px center;}
.odCont .step03 .on .selectBtn span{color:#282828;}
.odCont .step03 .on .selectBtn,
.odCont .step03 .selectBtn:focus{padding-left:28px;background:url('../img/wbiz/btn_select_on.png')no-repeat 418px center;border:4px solid #0063cc;box-sizing:border-box;}
.odCont .step03 .on .selectBtn span,
.odCont .step03 .selectBtn:focus span{position:relative;top:-2px;left:0;color:#282828;}
.odCont .step03 .selectBtn:before{display:none;}
.odCont .step03 .btnArea{position:absolute;right:60px;bottom:60px;}

/* step04 - 적격예비검토 3영위업종 */
.odCont .step04 .bgBlue{margin:20px 0 40px 0;padding:30px 90px 105px 90px;}
.odCont .step04 .icoList > li{position:relative;padding:10px 10px 10px 40px;border-bottom:1px solid #d1d1d1;font-size:20px;color:#333;font-family:'NotoSans Medium'}
.odCont .step04 .icoList > li span{position:absolute;left:0;background:#3b50c7;width:32px;height:32px;color:#fff;text-align:center;border-radius:50%;}
.odCont .step04 .tip{position:relative;top:-3px;right:-3px;}
/* 요청으로 툴팁 width 값 임의 조정  */
.odCont .step04 .icoList > li:nth-child(1) .tooltip{min-width:460px;}
.odCont .step04 .icoList > li:nth-child(2) .tooltip{min-width:170px;}
.odCont .step04 .icoList > li:nth-child(3) .tooltip{min-width:640px;}
.odCont .step04 .icoList > li:nth-child(4) .tooltip{min-width:270px;}
.odCont .step04 .icoList > li:nth-child(5) .tooltip{min-width:310px;}
.odCont .step04 .icoList > li:nth-child(6) .tooltip{min-width:410px;}
.odCont .step04 .icoList > li:nth-child(7) .tooltip{min-width:350px;}
.odCont .step04 .icoList > li:nth-child(7) .tooltip em{margin-left:10px;}
.odCont .step04 .icoList > li:nth-child(7) .tooltip ul li{margin-left:20px;}

/* step05 - 적격예비검토  4유의사항 */
.odCont .step05{padding:58px 60px 150px 60px;}
.odCont .step05 .bbs > li{width:1000px;}
.odCont .step05 .wrap{width:820px;height:270px;margin:0 25px 0 30px;padding:30px 40px 30px 40px;background:#f5f7fb;}
.odCont .step05 img{float:left;margin:6px 10px 0 0;}
.odCont .step05 .topArea,
.odCont .step10 .topArea{padding-left:70px;}
.odCont .step05 .titH2 img,
.odCont .step10 .titH2 img{position:absolute;left:45px;}
.odCont .step05 .tit,
.odCont .step10 .tit{font-size:28px;line-height:35px;color:#002976;font-family:'NotoSans Regular';}
.odCont .step05 .tit{margin:0 0 20px 70px;}
.odCont .step05 .txt{margin-left:70px;}
.odCont .step05 .confirmWrap{margin-bottom:30px;text-align:center;left:165px;}
.odCont .step05 .confirmWrap ul li{text-align:left;}
.odCont .step05 .carouselSlide button[class*=btn]{left:-30px;top:140px;}
.odCont .step05 .carouselSlide button.btnNext {left:auto;right:-30px; background-position:100% 0}
.odCont .step05 .carouselSlide button[disabled]{display:none;}
.odCont .step05 .carouselSlide img{position:absolute;left:100px;}
.odCont .step05 .carouselSlide .txt{margin-left:70px;}

/* step06 적격예비검토 결과 */
.odCont .step06{background:url('../img/wbiz/bg_odbox_step06.png')no-repeat 720px top;}
.odCont .step06:after {content:'';position:absolute;top:-13px;right:-19px;width:117px;height:84px;background:url(../img/wbiz/bg_odbox_blue.png) no-repeat 0 0;}
.odCont .step06 .titH2{font-size:56px;color:#333;margin-top:70px;}
.odCont .step06 .titH2 em{display:block;margin-bottom:5px;font-size:26px;line-height:28px;}
.odCont .step06 .titH2 .pointC3{display:inline-block;margin-left:0;}
.odCont .step16 .btnArea .cbtnB,
.odCont .step06 .btnArea .cbtnB{min-width:290px;padding-left:75px;height:80px;font-size:20px;background:#0063cc url('../img/wbiz/btn_step06.png')no-repeat 59px center;}
.odCont .step06 .infoArea{margin:0 -60px 0 -60px;}
.odCont .step06 .infoWrap{width:566px;float:left;height:160px;position:relative;top:38px;font-size:20px;box-sizing:border-box;padding-top:10px;}
.odCont .step06 .infoWrap.info1{background:#f8f8f8;border-bottom-left-radius:13px;padding-left:60px;}
.odCont .step06 .infoWrap.info1:after{content:'';display:block;width:1px;height:100px;border-right:1px solid #dedede;position:absolute;right:7px;top:30px;}
.odCont .step06 .infoWrap.info2{background:#f8f8f8;border-bottom-right-radius:13px;padding-left:50px;}
.odCont .step06 .infoWrap p{font-size:20px;font-family:'NotoSans Regular';}
.odCont .step06 .infoWrap .btnWB{margin-top:15px;}
.odCont .step06 .btnArea{margin-top:131px;}

/* step07 */
.odCont .step07{min-height:490px;background:url('../img/wbiz/bg_odbox_step07.png')no-repeat 755px 257px;}
.odCont .step07 .titH3{margin-top:30px;font-size:36px;}
.odCont .step07 > div .icoBtn{top:11px !important;}
.odCont .step07 > div .ipt{height:60px;font-size:24px;border:2px solid #0063cc;font-family:'NotoSans light';}
.odCont .step07 > div .cbtnB{margin-left:10px;min-width:130px;height:60px;}
.odCont .step07 .resultWrap{width:650px;min-height:95px;margin-top:50px;padding:20px;box-sizing:border-box;background:#f5f7fb;color:#333;font-family:'NotoSans Regular';border-radius:10px;position:relative;}
.odCont .step07 .resultWrap strong{font-size:20px;padding-right:100px;}
.odCont .step07 .resultWrap ul{padding-right:100px;}
.odCont .step07 .resultWrap ul li{display:inline-block;font-size:18px;color:#666;}
.odCont .step07 .resultWrap ul li:first-child{margin-right:10px;}
.odCont .step07 .resultWrap em{font-size:22px;position:absolute;right:19px;top:50%;transform:translate(0, -50%);font-weight:bold;}
.odCont .step07 .reasonBox{display:table;table-layout:fixed;width:650px;min-height:44px;margin-top:14px;background:#f8f8f8;border-radius:10px;font-family:'NotoSans Regular';}
.odCont .step07 .reasonBox em{display:table-cell;width:160px;vertical-align:middle;;padding:20px;background:#4b4e68;color:#fff;font-size:20px;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.odCont .step07 .reasonBox span{display:table-cell;vertical-align:middle;padding:20px;font-size:18px;}
.odCont .step07 .finishBox{width:588px;margin-top:65px;}
.odCont .step07 .finishBox p{margin-top:-10px;font-size:20px;}

/* step08 - 상품제안 1기업규모선택 */
.odCont .step08{display:block;font-family:'NotoSans Regular' !important;color:#002976;}
.odCont .step08 .titH2{font-size:52px;color:#3b50c7;padding:10px 0;}
.odCont .step08 .titH3{text-align:left;font-size:42px;color:#0063cc;padding:30px 108px 0 108px;}
.odCont .step08 .titH3 img{margin:10px 15px 0 0;}
.odCont .step08 .txt{color:#666;text-align:left;margin-top:0;font-family:'NotoSans Light';}
.odCont .step08 .txtM{color:#666;text-align:left;margin:5px 0 0 90px;;font-family:'NotoSans Light';}
.odCont .step08 ul{margin-top:20px;padding:0 108px;}
.odCont .step08 ul li{float:left;margin-left:20px;position:relative;}
.odCont .step08 ul li:first-child{margin-left:0;}
.odCont .step08 ul li a{display:block;width:250px;height:250px;}
.odCont .step08 ul li a:hover{background-position:center 37px;}
.odCont .step08 ul li a:hover .whiteBox{border:3px solid #0063cc;margin:-2px 0 0 0;}
.odCont .step08 ul li p{font-size:32px;color:#0063cc;line-height:32px;font-family:'NotoSans Regular';}
.odCont .step08 ul li span{display:block;font-size:18px;color:#222;}
.odCont .step08 ul li .whiteBox{width:250px;height:250px;padding-top:140px;box-sizing:border-box;}
.odCont .step08 ul li .know1:after{display:block;content:'';background:url('../img/wbiz/img_odbox_know01.png')no-repeat center;width:110px;height:106px;position:absolute;top:40px;left:67px;}
.odCont .step08 ul li .know2:after{display:block;content:'';background:url('../img/wbiz/img_odbox_know02.png')no-repeat center;width:125px;height:104px;position:absolute;top:40px;left:67px;}
.odCont .step08 ul li .know3:after{display:block;content:'';background:url('../img/wbiz/img_odbox_know03.png')no-repeat center;width:109px;height:102px;position:absolute;top:40px;left:67px;}
.odCont .step08 ul li .know1:hover,
.odCont .step08 ul li .know2:hover,
.odCont .step08 ul li .know3:hover{background-position:center 37.5px;}

/* step09 - 상품제안 2특별항목선택 */
.odCont .step09 .selectList[class*=chk] > li:nth-child(2n){margin-left:70px;}
.odCont .step09 .selectList[class*=chk] > li:nth-child(2n) a{margin-left: 0px;z-index:0;}
.odCont .step09 .selectList[class*=chk] a{height:auto;min-height:45px;padding:0px 13px;}
.odCont .step09 .selectList[class*=chk] a.on{height:auto;min-height:45px;}
.odCont .step09 .selectList[class*=chk] span{padding: 6px 45px 5px 0px;}
.odCont .step09 .selectList[class*=chk] a.on span{padding: 9px 45px 3px 13px}
/* 요청으로 툴팁 width 값 임의 조정 - 관리자페이지에서 항목 순서가 변하는 이유로 개발에서 클래스로 지정함 */
.tooltip365{min-width:365px;}/* 신산업 육성 */
.tooltip205{min-width:205px;}/* 창업 벤처기업 */
.tooltip560{min-width:560px;}/* 본사 또는 사업장이 지방에 소재하는 기업 */
.tooltip360{min-width:360px;}/* 일자리 창출 기업 */
.tooltip535{min-width:535px;}/* 코로나19 피해기업 */
.tooltip640{min-width:645px;}/* 소부장경쟁력강화 */

/* step10 - 상품제안 3해당여부확인 */
.odCont .step10{padding-bottom:150px;}
.odCont .step10 .bgBlue{padding:37px 40px 50px 130px;}
.odCont .step10 .bgBlue:last-child{}
.odCont .step10 .bgBlue + .bgBlue{margin-top:30px;}
.odCont .step10 .topArea .titH2{margin:10px 0 40px 10px;}
.odCont .step10 .topArea .titH2 img{top:62px;left:60px;}
.odCont .step10 .titH2{line-height:35px;}
.odCont .step10 .titH2 em{position:absolute;top:35px;right:900px;font-size:32px;color:#3b50c7;letter-spacing:-2.1px}
.odCont .step10 .formWrap{margin-top:30px;}
.odCont .step10 .formWrap label{color:#999;}
.odCont .step10 .formWrap label.on{color:#222;}
.odCont .step10 .iptGroup label{line-height:20px;}
.odCont .step10 .iptGroup label{color:#222;}
.odCont .step10 .tooltipArea{position:absolute;right:210px;top:138px;font-size:14px;color:#4960eb;}
.odCont .step10 .tipWrap{color:#222;}
.odCont .step10 .dir{margin-top:15px;}
.odCont .step10 .dir input{width:100%; height:62px;font-size:24px;border:2px solid #0063cc;}
.odCont .step10 .dir .cbtnB{min-width:137px;height:62px;margin-left:10px;line-height:62px;cursor:pointer;position:relative;z-index:3;}
.odCont .step10 .dir ul{display:block;width:625px;margin-top:20px;border:1px solid #d2d2d2;background:#fff;border-radius:7px;z-index:3;position:relative;}
.odCont .step10 .dir ul li:after{content:'';display:inline-block;width:580px;height:5px;margin-left:15px;border-top:1px solid #e7e7e7;}
.odCont .step10 .dir ul li a{display:inline-block;margin:0 15px;font-size:24px;line-height:35px;}
.odCont .step10 .dir ul li a:hover{margin-bottom:-2px;border-bottom:2px solid #0063cc;color:#0063cc;}
.odCont .step10 .dir ul li:first-child a{margin-top:15px;}
.odCont .step10 .dir ul.on span{color:#0063cc;}
.odCont .step10 .dir ul.on{display:block;max-height:217px;overflow-x:hidden;overflow:auto;}
.odCont .step10 .dir .selected{margin-top:20px;width:623px;background:#fff;padding:13px 20px;font-size:24px;border-radius:5px;}
.odCont .step10 .colGroup:last-child{margin-bottom:60px;}

/* stepSub - 상품제안 3-1부터 내부박스 */
.stepSub .contBox{margin:30px 0 67px 0;padding:40px;background:#fff;border:1px solid #e7e7e7;border-radius:10px;}
.stepSub .contBox .titH3{margin-top:0;font-size:20px;}
.stepSub .contBox span{padding-left:7px;}
.stepSub .contBox .cont{min-height:190px;margin-top:10px;font-size:16px;line-height:25px;}
/*.stepSub .dir .icoBtn{top:12px !important;right:50px;}*/
/*.stepSub .contBox .cont .icoBtn{top:10px !important;bottom:0;right:40px;}*/
.stepSub .judg{padding-right:100px;padding-bottom:0;}
.stepSub .judg .ipt{width:100%;height:59px;font-size:24px;}
.stepSub .judg .btn{height:59px;margin-left:10px;line-height:59px;cursor:pointer;position:relative;z-index:3;}
.stepSub .judg .result{width:567px;margin-top:10px;padding:17px;background:#f8f8f8;font-size:20px;border-radius:5px;}
/* 툴팁 width 값 임의 조정 */
.stepSub .tooltip{min-width:530px;}/* 표준산업분류코드 툴팁 */

/* step16 상품제안 - 상품제안결과 */
.odCont .step16{height:880px;padding:46px 40px 120px 40px;}
.odCont .step16 .tip{position: absolute;top: 32px;font-size: 16px;color: #0063cc;}
.odCont .step16 .proRes{border-top:none;margin-top: 45px;}
.odCont .step16 .proRes:before{content:'';display:block;height:2px;width:92%;border-top:2px solid #666;position:absolute;top: 90px;z-index:1;}
.odCont .step16 .infoWrap{height:120px !important;padding-top:40px !important;border-bottom-left-radius: 13px;border-bottom-right-radius:13px;}
.odCont .step16 .infoWrap .btnWB{position:absolute;top:60px;right:40px;}
.odCont .step16 .infoWrap{position:absolute;left:0;right:0;bottom:0;height:137px;padding:63px 0 0 60px;background:#f8f8f8;}
.odCont .step16 .infoWrap p{margin-top:0;font-size:16px;}
.odCont .step16 .infoWrap .subTit{margin-bottom:10px;font-size:24px;font-family:'NotoSans Regular';color:#333;letter-spacing:-1.2px}
.odCont .step16 .btnArea{margin-bottom:30px;}

/* addLine 추가 (20.12.10) */
.odCont .step16 .infoWrap.addLine{height: auto !important; padding: 25px 0 25px 60px !important; }
.odCont .step16 .infoWrap.addLine .subTit{position:relative; margin-bottom:0; font-size:18px;}
.odCont .step16 .infoWrap.addLine p{font-size:15px;}
.odCont .step16 .infoWrap.addLine .btnWB{top:50%; margin-top:-20px;}

/* pdDetail - 상품제안 리스트형 */
.odCont .pdDetail{padding:60px 60px 83px 60px;background:#f5f7fb;border:1px solid #dedede;border-radius:11px;position:relative;}
.odCont .pdDetail:after{content:'';display:block;width:66px;height:65px;background:url(../img/wbiz/bg_od_pddetail.png) no-repeat 0 0;position:absolute;right:-1px;bottom:-1px;}
.odCont .pdDetail .titH2{font-size:30px;color:#002976;}
.odCont .pdDetail .txt{margin-top:2px;font-size:18px;}
.odCont .pdDetail .detailWrap{display:table;margin-top:100px;color:#0063cc;font-size:18px;}
.odCont .pdDetail .detailWrap > div > div{float:left;padding-top:37px;margin-right:25px;position:relative;}
.odCont .pdDetail .detailWrap > div > div > span{position:absolute;left:50%;top:100px;transform:translate(-50%, 0);}
.odCont .pdDetail .detailWrap .label{position:absolute;}
.odCont .pdDetail .detail1{display:table-cell;width:420px;}
.odCont .pdDetail .detail2{display:table-cell;width:300px;position:relative;}
.odCont .pdDetail .detail3{display:table-cell;width:425px;}
.odCont .pdDetail strong{display:inline-block;min-width:86px;font-family:'NotoSans Regular';text-align:center;border-bottom:1px solid #0063cc;}
.odCont .pdDetail .num{font-size:38px;letter-spacing:-0.05em;}
.odCont .pdDetail .detail2 .label{position:absolute;top:8px;left:0;}
.odCont .pdDetail .detail2:after{content:'';display:block;width:1px;height:100%;border-right:1px solid #dedede;position:absolute;right:55px;}
.odCont .pdDetail .detail2 strong{min-width:100px;max-width:160px;font-size:30px;border-bottom:none;margin-right:70px;}
.odCont .pdDetail .detail2 em{font-size:44px;}
.odCont .btnArea.pull{margin-bottom:-170px;}

/* popCont od - 팝업*/
.popCont.od{max-width:960px;}
.popCont.od > .scroll{padding-bottom:5px !important;max-width:960px;}
.popCont.od .topInfoWrap{margin-top:30px;}
.popCont.od .yes{color:#4960eb;}
.popCont.od .yes:before{content:'';display:inline-block;width:20px;height:11px;background:url('../img/wbiz/ico_odpop_yes.png') no-repeat 0 center;}
.popCont.od .no{color:#d6006d;}
.popCont.od .no:before{content:'';display:inline-block;width:20px;height:11px;background:url('../img/wbiz/ico_odpop_no.png') no-repeat 0 center;}
.popCont.od .bmLine{margin-top:50px;padding-top:20px;border-top:1px solid #999;}
.popCont.od .bmLine .logo{position:absolute;right:25px;bottom:30px;}
.popCont.od .ref:before,
.odCont .ref:before{display:inline-block;content:'※';margin-right:4px;}

/* movieBtn 추가 (20.11.04) */
.od .movieBtn a {position:relative; display: inline-block; height: 35px; line-height: 35px; padding-left: 45px; font-size: 18px; color: #ad14c7; word-break: break-all; overflow:hidden}
.od .movieBtn a:before{content:""; display:block; position:absolute; top:0; left:0; width:33px; height:35px; background:url('../img/main/od/ico_movie.png') no-repeat 0; transition: all 0.5s ease-in-out;}
.od .movieBtn a:hover:before{transform: rotateY(360deg);}
.od .movieBtn a span{position:relative; display:inline-block; line-height:26px;}
.od .movieBtn a span:after{content: ''; position: absolute; width:0; bottom:0px; left:-5px; right:100%; border-bottom: 1px solid #fff; transition: all 0.25s ease-out;}
.od .movieBtn a:hover > span:after,
.od .movieBtn a:focus > span:after{left:0; right: 0; width:auto}

/* shapeBox underline 추가 (20.12.16)*/
.odCont .multiBox .shapeBox.lineBox{height:174px; padding:0;}
.odCont .multiBox .shapeBox .line{position:absolute; top:50%; left:180px; margin-top:-17px;}
.odCont .multiBox .shapeBox .line.one{margin-top:-28px;}
.odCont .multiBox .shapeBox .line span{position:absolute; top:-25px; left:0; font-size:24px; font-family: NotoSans Regular; }
.odCont .multiBox .shapeBox .line p{position:relative; display:inline-block; font-size:38px; font-family: NotoSans Regular;  color:#fff;}
.odCont .multiBox .shapeBox .line p:after{content: ''; position:absolute; width:0; bottom:0; left:-5px; right:100%; border-bottom:1px solid #fff; transition: all 0.25s ease-out;}
.odCont .multiBox .shapeBox .line:hover > p:after, .odCont .multiBox .shapeBox.line a:focus > p:after{left:0; right:0; width:auto;}

/* 22.05.10 추가*/
.odCont .odBox.new{padding:80px 60px 0 60px; box-sizing: border-box;}
.odBox .questionsBox{margin-bottom:35px;}
.odBox .questionsBox:after{content:''; display: block; clear: both;}
.odBox .questionsBox .leftArea{position:relative; float:left; margin-right: 40px;}
.odBox .questionsBox .leftArea img{height: auto; left: 0; margin-top:10px;}
.odBox .questionsBox .leftArea .tip{margin-left: 110px; cursor:pointer;}
.odBox .questionsBox .leftArea .tipWrap{width:183px; height:53px; border:2px solid #0063cc; border-radius: 8px; }
.odBox .questionsBox .leftArea .tipWrap .help{width:183px; height:53px; background: none;}
.odBox .questionsBox .leftArea .tooltip{min-width:500px; margin-left:175px;}
.odBox .questionsBox .leftArea .qTit{position:absolute; top: 8px; left: 20px; color:#0063cc; font-size: 26px;}
.odBox .questionsBox .leftArea .qTit:after{content:''; display:inline-block; width:20px; height:20px; margin-left:28px; background: url('../img/common/ico_question_wbiz.png') no-repeat 0 0;}
.odBox .questionsBox .leftArea .tipWrap.active{background:#0063cc;}
.odBox .questionsBox .leftArea .tipWrap.active .qTit{color:#fff;}
.odBox .questionsBox .leftArea .tipWrap.active .qTit:after{background-position: 0 -60px;}
.odBox .questionsBox .slectArea{float:left; margin-top:3px;}
.odBox .questionsBox .slectArea li{display: inline-block; margin-left: 30px;}
.odBox .questionsBox .slectArea li:first-child{margin-left:0;}
.odBox .questionsBox .slectArea li a{position:relative; display:inline-block; line-height:45px; padding-left:60px; font-size:18px; color:#222; font-family:'NotoSans Regular';}
.odBox .questionsBox .slectArea li a:before{content:''; position:absolute; top:0; left:0;  display:inline-block; width:46px; height:45px; background:url('../img/wbiz/btn_od_check_off.png')no-repeat;}
.odBox .questionsBox .slectArea li a.on:before{background:url('../img/wbiz/btn_checked.png')no-repeat;}
.odBox .questionsBox .colGroup{float:left; width:510px; margin-bottom:0; line-height:48px;}
.odBox .questionsBox .colGroup  .ipt{width:235px; height:45px; margin-right:20px; font-size:18px; font-family:'NotoSans Regular';}
.odBox .questionsBox .selectList{float:left; margin:2px 0 0 0; }

/* footer */
.footer .topArea .snsArea{position:absolute;left:calc(50% - 60px);}
.footer .topArea .snsArea li{padding:0 6px;}

/* 컨설팅플랫폼 */
.txt_unline {text-decoration:underline;}
.bg_esg_ty01 {background-color:#C9353A;}
.bg_esg_ty02 {background-color:#3e894f;}
.bg_esg_ty03 {background-color:#2F75B6;}
.bg_esg_ty04 {background-color:#c08000;}
.bg_esg_hg01 {background-color:#F4B084;font-weight:bold;}
.bg_esg_hg01 a{font-weight:bold;}
.txt_esg_less {color:#D81818}
.area_esg_not {background-color:#D9D9D9;}

.shapeBox.box_esg_top01 {overflow:hidden;height:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0px 40px;}
.shapeBox.box_esg_top01:after {content:'';position:absolute;bottom:-19px;left:-1px;right:auto;width:1132px;height:30px;background:url(../img/wbiz/bg_box_botm.png) no-repeat;}
.shapeBox.box_esg_top01 .col_10, .shapeBox.box_esg_top01 .col_12 {width:auto;}
.tit_esg_ty01 {float:left;height:70px;padding-left:55px;background:url(../img/wbiz/img_esg_ico01.png) 0 50% no-repeat;}
.tit_esg_ty01 h3{font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';font-size:27px;color:#333;line-height:70px;}
.tit_esg_ty01.result {background-image:url(../img/wbiz/img_esg_ico02.png);}
.area_esg_info01 {float:right;height:70px;text-align:right;}
.area_esg_info01:after {content:'';display:block;clear:both;}
.area_esg_info01 p {color:#333;font-size:20px;line-height:64px;}
.area_esg_info01 p strong {font-weight:bold;}
.area_esg_info02 {position:relative;padding:10px 0 6px}
.area_esg_info02 p{color:#333;font-size:24px;font-weight:bold;line-height:1.6;}
.area_esg_info02 p.refList{padding-left:28px;font-size:18px;color:#666;font-weight:normal;}
.area_esg_info03 .row.fixInfo {height:440px;padding:10px 0 0 10px;background:url(../img/wbiz/bg_esg_test.png) 10px 10px no-repeat;color:#fff;font-size:20px;}
.area_esg_info03 .row.fixInfo .col_6 {height:100%;}
.area_esg_info03 .tit_esg_test {position:absolute;bottom:52px;left:174px;}
.area_esg_info03 .lnk_esg_test {display:block;position:relative;width:203px;color:#fff;font-size:41px;font-family:'NotoSans Regular', 'Malgun Gothic', '맑은 고딕';line-height:1;letter-spacing:-1px;box-sizing: border-box;}
.area_esg_info03 .lnk_esg_test .arr {position:absolute;width:31px;height:24px;top:10px;right:-2px;background:url(../img/wbiz/ico_arrw_wh.png) 0 0 no-repeat;z-index:2;}
.area_esg_info03 .lnk_esg_test:hover .arr{-webkit-animation: arrmotion 0.6s ease-in-out infinite;animation: arrmotion 0.6s ease-in-out infinite;}
.area_esg_info03 .lst_esg_test {position:absolute;top:43px;left:59px;width:300px;padding:0;}
.area_esg_info03 .lst_esg_test li {padding:6px 0 10px;line-height:1.6;letter-spacing:-0.5px;}
.area_esg_info03 .txt_esg_test {position:absolute;bottom:187px;left:106px;padding:0;font-size:25px;font-weight:bold;}
.area_esg_info03 .area_esg_result {width:1132px;height:90px;margin:40px 0 0;padding:34px 60px 34px 120px;background:url(../img/wbiz/bg_esg_test02.png) 0 0 no-repeat;box-sizing: border-box;clear:both;}
.area_esg_info03 .area_esg_result .lnk_esg_result {display:block;position:relative;color:#2f4575;font-size:22px;font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', sans-serif;line-height:1;letter-spacing:-0.5px;box-sizing: border-box;}
.area_esg_info03 .lnk_esg_result .arr {position:absolute;width:31px;height:24px;top:-2px;right:0;background:url(../img/wbiz/ico_arrw_navy.png) 0 0 no-repeat;z-index:2;}
.area_esg_info03 .lnk_esg_result:hover .arr{-webkit-animation: arrmotion 0.6s ease-in-out infinite;animation: arrmotion 0.6s ease-in-out infinite;}
.area_esg_info03 .row.fixInfo .col_6.pl25 .tit_esg_test {left:189px;}
.area_esg_info03 .row.fixInfo .col_6.pl25 .txt_esg_test {left:121px;}
.area_esg_info03 .row.fixInfo .col_6.pl25 .lst_esg_test {left:74px;}
.area_esg_info04 {position:relative;padding:10px 0 6px;}
.area_esg_info04 h4 {padding-left:30px;color:#333;font-size:24px;font-weight:bold;line-height:1.6;}
.area_esg_info04 h4:before{display:block;content:'※';position: absolute;top:10px;left:0;}

.titArea.tit_esg_ty02{margin:0 0 14px;padding:6px 30px;background:#0063cc;}
.titArea.tit_esg_ty02 h3{color:#fff;font-size:24px;font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';}
.tit_esg_ty02.ty_p{background:#b03a3e;}
.tit_esg_ty02.ty_e{background:#448300;}
.tit_esg_ty02.ty_s{background:#00749e;}
.tit_esg_ty02.ty_g{background:#957000;}
.txt_qu_ty01{min-height:40px;margin:0 0 6px;padding-left:54px;background:url(../img/wbiz/ico_qt_blue.png) 0 0 no-repeat;color:#0063cc;font-size:24px;font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';line-height:1.7}
.txt_qu_ty01.ty_p{background-image:url(../img/wbiz/ico_qt_p.png);color:#b03a3e;}
.txt_qu_ty01 span{font-family:'Roboto Medium';display:inline-block;margin-right:10px;padding-right:20px;border-right:#cbcbcb solid 1px;line-height:1;}
.txt_qu_ty01.ty_e{background-image:url(../img/wbiz/ico_qt_e.png);color:#448300;}
.txt_qu_ty01.ty_s{background-image:url(../img/wbiz/ico_qt_s.png);color:#00749e;}
.txt_qu_ty01.ty_g{background-image:url(../img/wbiz/ico_qt_g.png);color:#957000;}
.box_esg{margin-bottom:20px;padding:14px 30px;}
.box_esg.ty_p{background-color:#dfb0b2;}
.box_esg.ty_e{background-color:#b4cd99;}
.box_esg.ty_s{background-color:#99c7d8;}
.box_esg.ty_g{background-color:#d5c699;}
.box_esg .txtList > li{color:#333;font-size:20px;font-weight:bold;}
.box_esg .txtList > li:before{background:#333;top:13px;}
.box_esg .refList > li {display:list-item;position:relative;padding-left:26px;color:#333;font-size:20px;}
.box_esg .refList > li:before{display:block;content:'※';position:absolute;top:0px;left:0px;}
.box_esg .numList > li {display:list-item;position:relative;margin-top:5px;padding-left:30px;color:#333;font-size:20px;}
.box_esg .numList > li > span{display:inline-block;width:32px;margin-left:-37px;text-align:right}

.area_esgchk{padding:0 0 10px;width:100%;overflow:hidden;height:auto;border-top:#414752 solid 2px;border-bottom:#414752 solid 2px;}
.area_esgchk dt{position:relative;padding:10px 0 0;color:#333;font-size:24px;font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';}
.area_esgchk dt.titnot{padding:10px 0 0;font-size:0;background:none;}
.area_esgchk dt.txt_qu_ty01{padding:30px 0 20px 54px;margin:0;background-position:0 30px;}
.sel_esgchk_area {display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -10px;}
.sel_esgchk_area input[type="checkbox"],
.sel_esgchk_area input[type="radio"] {position:absolute;top:auto;display:inline-block;opacity:0;z-index:-10;box-sizing:border-box;vertical-align:top;}
.sel_esgchk_area input[type="radio"]+label, 
.sel_esgchk_area input[type="radio"]+span+label {width:100%;padding:6px 20px;margin:6px 10px;background-color:#fff;border:1px solid #dfdfdf;color:#333;font-size:20px;font-weight:bold;line-height:1.2;text-align:left;cursor:pointer;box-sizing:border-box;}
.sel_esgchk_area input[type="radio"]:focus+label,
.sel_esgchk_area input[type="radio"]+label:hover,
.sel_esgchk_area input[type="radio"]:focus+span+label,
.sel_esgchk_area input[type="radio"]+span+label:hover,
.sel_esgchk_area input[type="radio"]:checked+label:hover,
.sel_esgchk_area input[type="radio"]:checked+span+label:hover {border-color:#333;background-color:#ebf2ff;}
.sel_esgchk_area input[type="radio"]:checked+label,
.sel_esgchk_area input[type="radio"]:checked+span+label {border-color:#333;background-color:#ebf2ff;}

.sel_esgchk_area input[type="checkbox"]+label,
.sel_esgchk_area input[type="checkbox"]+span+label {width:100%;padding:6px 20px;margin:6px 10px;background-color:#fff;border:1px solid #dfdfdf;color:#333;font-size:20px;font-weight:bold;line-height:1.2;text-align:left;cursor:pointer;box-sizing:border-box;}
.sel_esgchk_area input[type="checkbox"]+label:hover,
.sel_esgchk_area input[type="checkbox"]:checked+label:hover, 
.sel_esgchk_area input[type="checkbox"]+span+label:hover,
.sel_esgchk_area input[type="checkbox"]:checked+span+label:hover {border-color:#333;background-color:#ebf2ff;}
.sel_esgchk_area input[type="checkbox"]:checked+label, 
.sel_esgchk_area input[type="checkbox"]:checked+span+label{border-color:#333;background-color:#ebf2ff;}

.sel_esgchk_area.colesg_04 input[type="checkbox"]+label,
.sel_esgchk_area.colesg_04 input[type="radio"]+label {display:flex;width:268px;text-align:center;line-height:1.2;align-items:center;justify-content:center;}
.sel_esgchk_area.colesg_05 input[type="checkbox"]+label,
.sel_esgchk_area.colesg_05 input[type="radio"]+label {display:flex;width:210px;text-align:center;line-height:1.2;align-items:center;justify-content:center;}
.sel_esgchk_area.colesg_04 input[type="checkbox"]+label.notselect,
.sel_esgchk_area.colesg_04 input[type="radio"]+label.notselect {width:557px;}
.sel_esgchk_area.colesg_05 input[type="checkbox"]+label.notselect,
.sel_esgchk_area.colesg_05 input[type="radio"]+label.notselect {width:440px;}

.sel_esgchk_area input[type="radio"]+span+label,
.sel_esgchk_area input[type="checkbox"]+span+label {width:1088px;overflow:hidden;margin:6px 0;}
.box_num {display:inline-block;overflow:hidden;width:38px;height:26px;margin:6px 6px 6px 10px;padding:6px 0;color:#fff;font-family:'Roboto Light', 'NotoSans Light', 'Malgun Gothic', '맑은 고딕';font-size:20px;line-height:1.2;text-align:center;}
.box_num.ty_p {background-color:#b03a3e;}
.box_num.ty_e {background-color:#448300;}
.box_num.ty_s {background-color:#00749e;}
.box_num.ty_g {background-color:#957000;}

.inp_esg_area li.colGroup {display:flex;justify-content:flex-start}
.inp_esg_area li.colGroup > p,
.inp_esg_area li.colGroup input[type="text"] {display:flex;align-items:center;height:auto;color:#333;font-size:20px;font-weight:bold;}
.inp_esg_area li.colGroup > p.col_10 {width:1010px;max-width:1100px;}
.inp_esg_area li.colGroup input[type="text"] {width:94px;margin-right:0;}
.inp_esg_area li.colGroup input.ipt {border-radius:0;}
.inp_esg_area li.colGroup > p.whiteBox {border-radius:0;}
.inp_esg_area li.colGroup .box_num {margin:0 6px 0 0;}

.btnArea.esg_both{overflow:hidden;height:auto;margin-top:60px;}
.btnArea.esg_both:after{content:'';clear:both;display:block;}
.txt_esg_company{display:inline-block;position:absolute;right:0;bottom:10px;font-weight:bold;}

.selnot{width:100%;padding:6px 20px;margin:6px 10px;background-color:#fff;border:1px solid #dfdfdf;color:#333;font-size:20px;font-weight:bold;line-height:1.2;text-align:left;cursor:pointer;box-sizing:border-box;}
.selnot:hover, 
.selnot:focus, 
.selnot.on {border-color:#333;background-color:#ebf2ff;}
.selnot:hover {border-color:#333;background-color:#ebf2ff;}
.sel_esgchk_area.colesg_04 .selnot.notselect {width:557px;text-align:center;}
.sel_esgchk_area.colesg_05 .selnot.notselect {width:440px;text-align:center;}

/* .selnot.sel_esgchk_area input[type="checkbox"], 
.selnot.sel_esgchk_area input[type="radio"] {position:absolute;top:auto;display:inline-block;opacity:0;z-index:-10px;box-sizing:border-box;vertical-align:top;}
.selnot.sel_esgchk_area input[type="checkbox"]+label, 
.selnot.sel_esgchk_area input[type="radio"]+label{height:40px;padding:0 30px 0 50px;border:1px solid #555;background:url(../img/wbiz/ico_x.png) 30px 14px no-repeat;color:#555;font-size:16px;line-height:38px;font-family:'Roboto Medium', 'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';font-weight:normal;}
.selnot.sel_esgchk_area input[type="checkbox"]:checked+label,
.selnot.sel_esgchk_area input[type="radio"]:checked+label {background-color:#ebf2ff;} */

.kc_graph_res {height:auto;overflow:hidden;}
.graph_esg {float:left;width:810px;height:auto;padding:7px 20px;box-sizing:border-box;}
.graph_esg li {position:relative;width:100%;height:40px;padding:23px 0;color:#333;font-family:'NotoSans Medium', 'Roboto Medium', 'Malgun Gothic', '맑은 고딕';}
.graph_esg .grp_item_tit {display:inline-block;width:110px;height:40px;padding-left:40px;background-position:0 50%;background-repeat:no-repeat;font-size:20px;line-height:40px;vertical-align:middle;}
.graph_esg .grp_item_num {display:inline-block;width:55px;height:40px;padding-right:20px;font-size:32px;font-family:'Roboto Medium';font-weight:bold;line-height:40px;text-align:right;vertical-align:middle;}
.graph_esg .graph_area {display:inline-block;position:relative;width:530px;height:40px;background:#fefefe;box-sizing:border-box;vertical-align:middle;}
.graph_esg .graph_bar {display:block;width:auto;height:40px;}
.graph_esg .graph_bar img {width:100%;height:40px;}
.graph_esg .graph_bar_mark {display:inline-block;position:absolute;top:-35px;width:90px;margin:0 -45px;background:#fff;border:#6a6a6a solid 1px;border-radius:3px;font-size:13px;text-align:center;line-height:26px;}
.graph_esg .graph_bar_mark:before {content:'';position:absolute;width:12px;height:7px;margin-left:-6px;background:url(../img/wbiz/txt_grp_avr_arr.png) 50% 0 no-repeat;bottom:-6px;left:50%;}
.graph_esg li.ty_p .grp_item_tit {background-image:url(../img/wbiz/bul_esghxg_p.png);}
.graph_esg li.ty_e .grp_item_tit {background-image:url(../img/wbiz/bul_esghxg_e.png);}
.graph_esg li.ty_s .grp_item_tit {background-image:url(../img/wbiz/bul_esghxg_s.png);}
.graph_esg li.ty_g .grp_item_tit {background-image:url(../img/wbiz/bul_esghxg_g.png);}
.graph_esg li.ty_p .graph_bar {background-color:#b03a3e;}
.graph_esg li.ty_e .graph_bar {background-color:#448300;}
.graph_esg li.ty_s .graph_bar {background-color:#00749e;}
.graph_esg li.ty_g .graph_bar {background-color:#957000;}
.graph_esg_txt {float:right;width:240px;margin:30px 0;background:#fff;font-family:'NotoSans Medium', 'Malgun Gothic', '맑은 고딕';text-align:center;font-weight:bold;}
.graph_esg_txt strong {display:inline-block;width:100%;color:#333;font-weight:bold;line-height:1;vertical-align:middle;}
.graph_esg_txt .item_tit {font-family:'Roboto Medium';font-size:36px;}
.graph_esg_txt .item_tnum {font-family:'Roboto Medium';padding:10px 0;font-size:64px;}
.graph_esg_txt .item_avr {font-size:20px;}
.graph_esg_txt.num_3 {height:212px;}
.graph_esg_txt.num_4 {height:298px;}
.graph_esg_txt.num_3 .item_tit {padding-top:28px;}
.graph_esg_txt.num_4 .item_tit {padding-top:70px;}

.tableX td.wrap_graph {padding:4px 0;line-height:1;text-align:left;}
.tableX td.wrap_graph .box_graph {display:inline-block;margin-top:2px;width:320px;height:28px;box-sizing:border-box;white-space:nowrap;}
.tableX td.wrap_graph .box_graph .area_grp {display:inline-block;height:28px;margin-right:4px;padding:0;vertical-align:middle;background: linear-gradient(135deg, #b1aeae 25%, #fefefe 0, #fefefe 50%, #b1aeae 0, #b1aeae 75%, #fefefe 0);background-size: 10px 10px;-webkit-background-size: 10px 10px;box-sizing: border-box;}
.tableX td.wrap_graph .box_graph .area_grp.res25 {background: linear-gradient(135deg, #d81818 25%, #fefefe 0, #fefefe 50%, #d81818 0, #d81818 75%, #fefefe 0);background-size: 10px 10px;-webkit-background-size: 10px 10px;border-color:#d81818;}
.tableX td.wrap_graph .box_graph .area_grp.res75 {background: linear-gradient(135deg, #b1aeae 25%, #fefefe 0, #fefefe 50%, #b1aeae 0, #b1aeae 75%, #fefefe 0);background-size: 10px 10px;-webkit-background-size: 10px 10px;}
.tableX td.wrap_graph .box_graph .area_grp.res100 {background: linear-gradient(135deg, #0063cc 25%, #fefefe 0, #fefefe 50%, #0063cc 0, #0063cc 75%, #fefefe 0);background-size: 10px 10px;-webkit-background-size: 10px 10px;border-color:#0063cc;}
.tableX td.wrap_graph .box_graph .area_grp img {width:100%;height:28px;}
.tableX td.bg_esg_ty01 span, .tableX td.bg_esg_ty02 span, .tableX td.bg_esg_ty03 span, .tableX td.bg_esg_ty04 span {color:#fff;font-weight:bold;}

.logoTxt.logo_esg {margin-top:20px;}
.logoTxt.logo_esg > ul > li {width:288px;padding:0 15px;text-align:left;}
.logoTxt.logo_esg > ul > li.col_6 {width:50%;max-width:576px;}
.logoTxt.logo_esg > ul > li .contWrap a {position:relative;display:inline-block;padding-right:20px;background:url(../img/wbiz/bul_arrw_gray.png) 100% 9px no-repeat;color:#333;font-size:18px;font-weight:bold;white-space:nowrap;}
.logoTxt.logo_esg > ul > li .contWrap a:hover{text-decoration:underline;}
.logoTxt.logo_esg .imgWrap {box-shadow:4px 4px 4px rgba(0,0,0,0.07);text-align:center;}
.logoTxt.logo_esg .imgWrap img{vertical-align:middle;}

.lst_infoesg ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.lst_infoesg li {overflow:hidden;width:357px;padding-bottom:40px;box-sizing:border-box;}
.lst_infoesg .imgWrap {text-align:center;}
.lst_infoesg .contWrap dt {padding:30px 0 20px;color:#0063cc;font-size:22px;font-weight:bold;line-height:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-position:under;}
.lst_infoesg .contWrap dd {color:#666;font-size:16px;}

.area_esgkc_history {width:450px;margin:0 auto;}
.area_esgkc_history .historyBox.txtOnly {margin-bottom:20px;padding-bottom:20px;}
.area_esgkc_history .historyBox .detail {padding:70px 0 0;}
.area_esgkc_history .historyList > li .txtDot > li {margin-top:0;}
section.titArea .titH2.tit_tyesg {display:block;}
.tit_tyesg > .area_esg_info01 {float:right;}
.tit_tyesg > .area_esg_info01 p {font-family:'NotoSans Light', 'Roboto Light', 'Malgun Gothic', '맑은 고딕';}

#ImpDtl .box_esg.ty_p{background:none;border:solid 4px #b03a3e;}
#ImpDtl .box_esg.ty_e{background:none;border:solid 4px #448300;}
#ImpDtl .box_esg.ty_s{background:none;border:solid 4px #00749e;}
#ImpDtl .box_esg.ty_g{background:none;border:solid 4px #957000;}

/* 디지털 VVIP고객 상담서비스 */
.introList.vvip .row.boxeven {flex-wrap:wrap;}
.introList.vvip .shapeBox {font-size:0; min-height:410px;}
.introList.vvip .shapeBox > div, .introList.vvip .shapeBox a.adviser_img {height:100%; vertical-align:top; font-size:14px;}
.introList.vvip .shapeBox .adviser_img {border-radius:8px 0 0 8px; background:#FFF url('../img/wbiz/vvip_adviser_base.png') no-repeat scroll center / cover; vertical-align:top; overflow:hidden;}
.introList.vvip .shapeBox .adviser_img img {width:100%; height:100%; object-fit:cover;}
.introList.vvip .shapeBox .base_txt {position:relative; top:50%; transform:translateY(-50%); font-size:18px; text-align:center;}