@charset "utf-8";
@import url('base.css');
@import url('normalize.css');

::selection {color:#fff; background:#4a4a4a;}

/*layOut*/
.headerWrap { height:84px; border-bottom:1px solid #b2b2b2;}
.headerWrap .header {width:1210px; margin:0 auto;}
.headerWrap .header .logo {float:left; width:180px;}
.headerWrap .header .logo h1{ display:inline-block; width:180px; height:52px; text-indent:-9999px; overflow:hidden; background:url('../images/logo.gif') no-repeat;}
.headerWrap .header .lang {float:right; width:170px;}
.headerWrap .header .lang a {width:84px; height:84px; display:inline-block; line-height:84px; text-align:center; color:#fff; font-size:15px;}
.headerWrap .header .lang a.on {background:url('../images/btn_lang.gif') left top no-repeat;}
.headerWrap .header .lang a.off {background:url('../images/btn_lang.gif') right top no-repeat;}
.subBg{position:absolute; top:85px; left:0px; width:100%; height:410px; background:#fff; border-bottom:1px solid #006699; z-index:1;}
.gnb{position:absolute; left:50%; margin-left:-285px; top:25px;}
.gnb ul.menu{font-weight:bold; color:#979797;}
.gnb ul.menu:after{content:''; clear:both;display:block;}
.gnb ul.menu li{float:left;text-align:center; z-index:40}
.gnb ul.menu li a{height:40px; display:block; font-size:16px; font-weight:400; text-align:center; padding:10px 0px;}
.gnb ul.menu li.menu01{width:125px;}
.gnb ul.menu li.menu02{width:167px;}
.gnb ul.menu li.menu03{width:110px;}
.gnb ul.menu li.menu04{width:123px;}
.gnb ul.menu li.menu05{width:115px;}
.gnb ul.menu li.menu01 .subWrap{width:125px;left:0px;}
.gnb ul.menu li.menu02 .subWrap{width:167px;left:126px;}
.gnb ul.menu li.menu03 .subWrap{width:110px;left:294px;}
.gnb ul.menu li.menu04 .subWrap{width:120px;left:405px;}
.gnb ul.menu li.menu05 .subWrap{width:115px;left:526px;}
.gnb ul.menu .subWrap{height:340px; border-right:1px solid #eee; background:#fff; z-index:50; position:absolute; padding-top:20px;} 
.gnb ul.menu .subWrap.fir{border-left:0px solid #ececed}
.gnb ul.menu .subWrap ul{padding:10px;background:#fff;}
.gnb ul.menu .subWrap li {float:none;}
.gnb ul.menu .subWrap ul li a {color:#7e7e7e; font-size:12.6px; display:block; height:30px; line-height:30px; letter-spacing:-0.04em; text-decoration:none; padding:0px !important; font-weight:350;}
.gnb ul.menu .subWrap ul li a:hover {color:#f37800;}

.visualWrap {width:100%; height:875px; position:relative; }
.visualWrap .visual {}
.main_ani { overflow:hidden; position:relative; width:100%; height: 875px; z-index:-1;}
.slider_panel { width:100%; height:875px; position:relative;}
.slider_image { position: absolute; left:0; top:0; width: 100%; height:875px; opacity:0;}

.slider_panel .img1 {background:url(/common/images/bg_v1.gif) no-repeat center top;}
.slider_panel .img2 {background:url(/common/images/bg_v2.gif) no-repeat center top;}
/*.slider_panel .img3 {background:url(/common/images/bg_v4.gif) no-repeat center top;}*/

.slider_text_panel { position:absolute; top:0px; left: 0px; width: 100%; height: 875px; }
/*.slider_text_panel .slider_text { width: 960px; height: 460px; position:absolute; left:50%; top:0; margin-left: -480px; background-color:red;}*/

.slider_text_panel .txt1 .text11 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text12 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt1 .text13 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0; filter: alpha(opacity=0); }

.slider_text_panel .txt2 .text21 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text22 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0;  filter: alpha(opacity=0); }
.slider_text_panel .txt2 .text23 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0;  filter: alpha(opacity=0); }

.slider_text_panel .txt3 .text31 { position: absolute; left: 50%; margin-left:-95px; top: 220px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text32 { position: absolute; left: 50%; margin-left:-95px; top: 265px; opacity: 0; filter: alpha(opacity=0); }
.slider_text_panel .txt3 .text33 { position: absolute; left: 50%; margin-left:-10px; top: 310px; opacity: 0; filter: alpha(opacity=0); }

.control_panel { position:absolute; overflow:hidden; z-index:10; left:50%; margin-left:-575px; margin-top:-150px;}
.control_panel .control_button {width:14px; height:14px; position:relative; float:left; cursor:pointer; display:inline-block; margin-right:3px; background:url('../images/pag_img2.png') no-repeat; }
.control_panel .control_button.active {width:30px; height:14px; background:url('../images/pag_img.png') left top no-repeat; }


.visualWrap .contentsW {position:absolute; width:100%; height:230px; bottom:0px; background:url('../images/bg_contents.png');}
.visualWrap .contentsW .icoW {width:1280px; height:203px; border-top:2px solid #e88522; margin:0px auto; padding-top:25px; }
.visualWrap .contentsW .icoW  h3 {color:#fff; font-size:18px; height:45px; line-height:45px; padding-top:;height:; text-align:center; font-weight:300; background:url('../images/bull_icoW_h3.gif') center top no-repeat;}
.visualWrap .contentsW .icoW ul {width:1210px; margin:30px auto 0px;}
.visualWrap .contentsW .icoW li {float:left;}
.visualWrap .contentsW .icoW li a{display:inline-block; width:121px; height:20px; font-size:15px; color:#fff; font-weight:300; text-align:center; }
.visualWrap .contentsW .icoW li a:hover {font-weight:400;}
.visualWrap .contentsW .icoW li a span {display:inline-block; width:70px; height:70px;background:url('../images/img_main_icoW.png') no-repeat;}
.visualWrap .contentsW .icoW li.ico1 a span {background-position:10px 0;} 
.visualWrap .contentsW .icoW li.ico2 a span {background-position:-60px 0;} 
.visualWrap .contentsW .icoW li.ico3 a span {background-position:-130px 0;} 
.visualWrap .contentsW .icoW li.ico4 a span {background-position:-200px 0;} 
.visualWrap .contentsW .icoW li.ico5 a span {background-position:-270px 0;} 
.visualWrap .contentsW .icoW li.ico6 a span {background-position:-340px 0;} 
.visualWrap .contentsW .icoW li.ico7 a span {background-position:-410px 0;} 
.visualWrap .contentsW .icoW li.ico8 a span {background-position:-480px 0;} 
.visualWrap .contentsW .icoW li.ico9 a span {background-position:-550px 0;} 
.visualWrap .contentsW .icoW li.ico10 a span {background:url('../images/img_main_icoWplus.png') no-repeat center;} 


.boardW .board {width:1280px; height:275px; margin:0 auto;}
.boardW .board div.notice, .boardW .board div.library {width:560px; float:left; height:205px; padding:35px 40px; background:url('../images/bull_board_h3.gif') 9px 52px no-repeat; padding-left:25px;}
.boardW .board h3 {height:40px;  line-height:40px; font-size:18px; letter-spacing:-0.03em; font-weight:350; color:#565656; }
.boardW .board h3 span {color:#232b45;}

.footerWrap {width:100%; background:#c8c8c8;}
.footerWrap .footer {width:1180px; height:155px; margin:0 auto;}
.footerWrap .footer .footerUtil {height:50px; border-bottom:1px solid #a0a0a0;}
.footerWrap .footer .footerUtil ul li {float:left; height:50px; }
.footerWrap .footer .footerUtil ul li  a {display:inline-block; height:50px;  line-height:50px; font-size:14px; color:#606060;}
.footerWrap .footer .footerUtil ul li span {font-size:11px; display:inline-block; line-height:50px; padding:0px 7px; }
.footerWrap .footer .address {clear:left; line-height:20px; font-size:12.6px; margin-top:11px; color:#707070;}
.footerWrap .footer .address p.copy {margin-top:15px; font-size:9px;}
.footerWrap .footer .address p.copy span {font-weight:500; color:#333;}


/* sub */

.subVisualW {height:245px; width:100%; background:url('../images/bg_subvisual.gif') top center no-repeat;}
.subVisualW .title {width:1280px; margin:0px auto; padding-top:85px;}
.subVisualW .title h2 {float:left; width:410px; text-align:right; color:#fff; font-size:60px; height:60px; line-height:60px; text-shadow:#666 1px 1px 5px; letter-spacing:-0.05em; font-weight:500;}
.subVisualW .title p {float:right; width:785px; height:auto; padding-left:40px;}

.subContentsW .subContents  {width:1179px; min-height:460px; margin:0 auto; overflow:auto; border-left:1px solid #ddd; }
.subContentsW .subContents .lnbW {width:200px; float:left;}
.subContentsW .subContents .lnbW h2 {background:url('../images/bg_lnb_h2.gif'); width:200px; height:200px; line-height:200px; text-align:center; font-weight:300; font-size:30px; color:#fff; letter-spacing:-0.05em;}
.subContentsW .subContents .lnbW ul li {height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.subContentsW .subContents .lnbW ul li a {display:block; height:50px; line-height:50px; font-size:14px; padding-left:40px;}
.subContentsW .subContents .lnbW ul li.on a {background:url('../images/bg_lnb_on.gif') 15px 20px no-repeat; color:#03374c; font-weight:500;}
.subContentsW .subContents .subSection {width:897px; min-height:460px; float:left; overflow:auto; border-left:1px solid #ddd; padding:60px 0px 80px 80px;}
.subContentsW .subContents .subSection p.path {text-align:right;}
.subContentsW .subContents .subSection p.path a {display:inline-block; width:13px; height:13px; overflow:hidden; text-indent:9999px; background:url('/common/images/ico_home.gif') no-repeat;}
.subContentsW .subContents .subSection h3 {font-size:41px; height:50px; line-height:50px; color:#333; letter-spacing:-0.06em;}
.subContentsW .subContents .subSection div.section {margin-top:20px; font-size:13px; min-height:600px;}


/* greeting */
.greeting:after {display:block; content:""; clear:both;}
.greeting {padding:30px; border-top:1px solid #ddd;}
.greeting h4 {margin:18px 0 30px 0; text-align:center;}
.greeting p {float:left;}
.greeting ul {float:right; width:460px;}
.greeting ul li {padding-bottom:25px; font-size:14px; line-height:22px;}


/* license */
.license {padding:30px; border-top:1px solid #ddd;}
.license > p {font-size:13px; color:#f36100; margin-bottom:30px;}
.license ul:after {display:block; content:""; clear:both;}
.license ul {padding-bottom:30px;}
.license ul li {float:left; width:33%; text-align:center;}
.license ul li p {margin-top:10px;}

/* organization */
.organization {padding:30px; border-top:1px solid #ddd; text-align: center;}

/* application */
.application {padding:30px; border-top:1px solid #ddd; text-align:center;}
.application .downtext {height:150px; margin:20px 0 0 110px; padding:15px 0 0 205px; text-align:left; background:url('../../hanbit/images/application_bg.gif')no-repeat;}
.application .downtext h4 {font-family:'nanumsquare',sans-serif; font-size:30px; color:#333; font-weight:bold; line-height:1;}
.application .downtext p {margin-top:15px; font-size:16px;}

/* equipment */
figure {margin:0;}
.equipment {padding:30px 0; border-top:1px solid #ddd;}
.equipment h2 {padding-bottom:15px; font-size:21px; color:#03374c; line-height:1;}
.equipment h4 {padding-left:30px; background:url('../../hanbit/images/equipment_bullet.gif')10px no-repeat; font-size:16px; color:#333; line-height:1;}
.equipment > p {margin:7px 0 0 10px; font-size:13px;}
.equipment ul:after {display:block; content:""; clear:both;}
.equipment ul {margin:20px 0 30px 0;}
.equipment ul li {float:left;margin-right:10px; padding:18px; width:28%;background:#eee;}
.equipment ul li p {padding:10px 0;}
.equipment ul li figure {padding:20px 0; text-align:center; background:#fff;}
.equipment ul li figure img {width:95%;}

.equipment .program li figure {min-height:355px;}
.equipment .program li.last figure {min-height:270px;}
.equipment .program li b {font-weight:normal; text-align:left; color:#898989;}
.equipment .last {margin-top:10px;}

/* equipment 3*3배열 */
.equipment .equip3 {float:left; width:32%; margin-right:10px;}
.equipment .equip3 ul li {margin-right:0; width:auto;}


/* history */
.history .on {display:block;}
.history .off {display:none;}

.history {padding:30px; border-top:1px solid #ddd; background:url('../../hanbit/images/history_bg.gif')520px 180px no-repeat;}
.history h4 {margin:10px 0 30px; text-align:center; font-size:16px; color:#333;}
.history h4 b {font-size:20px; color:#1e3e79; font-weight:normal;}
.history .y2010 {display:inline-block; width:221px; height:39px; font-size:20px; color:#fff; text-align:center; line-height:39px; background-color:#1e3e79;}
.history .y2000 {display:inline-block; width:221px; height:39px; font-size:20px; color:#6d6d6d; text-align:center; line-height:39px; background-color:#ddd;}

.history table {margin:20px 0 0 20px;}
.history table tr th {font: bold 26px 'MalgunGothicB',sans-serif; letter-spacing:-2px; color:#8d9099; vertical-align:top;}
.history table tr th b {color:#1e3e78;}
.history table tr td {padding:5px 20px 30px; vertical-align:top; font-size:13px; line-height:18px;}

/* map */
.section .map{margin-top:8px; border-top:2px solid #0c5999; border-bottom:1px solid #a7a7a7;}
.section .map th{background:#eef1f5; border-right:1px solid #e2e2e2; color:#4e4e4e; font-family:NanumGothicB;}
.section .map td{padding-left:20px; color:#444444; line-height:20px;}



/* business01 */
.business01 .on {display:block;}
.business01 .off {display:none;}

.business01 > img {margin-left:30px;}
.business01 .click {display:inline-block; width:221px; height:39px; line-height:39px; font-size:15px; color:#fff; text-align:center; background-color:#275b71;}
.business01 .nclick {display:inline-block; width:221px; height:39px; line-height:37px; font-size:15px; color:#6d6d6d; border:1px solid #ccc; box-sizing:border-box; text-align:center; background-color:#fff;}

.business01 div {margin-top:8px;}
.business01 div > b {padding-left:30px; font-size:16px; color:#333; line-height:1; font-weight:500; background:url('../../hanbit/images/equipment_bullet.gif')10px center no-repeat;}
.business01 div > p {padding:7px 0 0 20px; font-size:13px; line-height:21px; color:#333;}
.business01 div p.bcolor b {font-weight:normal; color:#0f1d85;}
.business01 div > ul {margin-top:10px; padding-left:30px;}
.business01 div > ul > li {font-size:13px; line-height:21px;}

.business01 div > ul > li > ul > li {font-size:12px; line-height:20px;}

/* 3단 텍스트테이블 */
.b01_table {margin-left:20px; font-family:'Noto Sans Korean',sans-serif;}
.b01_table th {padding:10px 0; text-align:left; font-size:14px;}
.b01_table td {vertical-align:top; width:34%; line-height:18px;}

/* business04 */
.business01 div .b04_arrow li {padding-left:28px; line-height:26px; background:url('../../business/images/business04_arrow.gif') 5px no-repeat;}

/* business05 */
.business01 .panel {clear:both;}
.business01 > p {margin-bottom:15px; font-size:13px;}

/* 07 */
.business01 div ul .m226 {margin-left:200px; margin-bottom:20px;}

/* 09,10 */
.business01 .title > div {display:flex;}
.business01 .tlt_box {padding:20px 53px; font-size:15px; font-weight:400; line-height:25px; word-break:keep-all; background:#f7fafc;}
.business01 .tlt_box {display:flex; justify-content:center; align-items:center;}
.business01 .txt table {margin-bottom:20px; border-top:3px solid #93c1d3;}
.business01 .txt table tr:first-child td:first-child {width:200px; text-align:center; background:#deeaf6;}
.business01 .txt table .titCo {width:200px; text-align:center; background:#deeaf6;}
.business01 .txt table .brTop {border-top:1px solid #93c1d3;}
.business01 .txt table tr:nth-child(even) {background-color:#f3f3f3;}
.business01 .txt table td {padding:10px 15px;}

.business01 .txt h5 {background:#deeaf6; color:#7a96a1; padding:20px 30px; font-size:22px; font-weight:500; border-radius:15px 15px 0px 0px;}
.business01 .txt h5 span {padding-top:13px; display:block; font-size:14px; font-weight:400; color:#999;}

.business01 .txt .tbl01 th {padding:10px; background-color:#f3f3f3;}
.business01 .txt .tbl01 .coWh {background:#fff!important;}

/* 페이지변환 Tabs*/
.business01 .tab {height:40px; margin:0; box-sizing:border-box; margin-top:30px; margin-left:5px;}
.business01 .tab li { float:left;}
.business01 .tab li a { display:block; width:220px; height:40px; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; font-size:14px; font-weight:normal; text-align:center; line-height:38px; box-sizing:border-box;}
.business01 .tab li a.active {border:1px solid #ccc; border-bottom:none; font-family:'Noto Sans Korean'; background:#223a59; color:#fff;}

.tabBox {width:900px; margin-left:5px;}
.tabBox .tab {height:40px; margin:0; box-sizing:border-box;}
.tabBox .tab li { float:left;}
.tabBox .tab li a { display:block; width:450px; height:40px; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; font-size:14px; font-weight:normal; text-align:center; line-height:38px; box-sizing:border-box;}
.tabBox .tab li a.active {border:1px solid #ccc; border-bottom:none; font-family:NanumGothicbd; background:#223a59; color:#fff;}
.panel {width:100%; padding-top:18px;}
#tab2, #tab3, #tab4, #tab5, #TAB2, #TAB3, #TAB4, #TAB5  { display:none; }

div.basicBox {border:1px solid #ddd; border-bottom:3px solid #ccc; padding:15px;}


.Board_txt{line-height:23px; }


.business12 .tab {height:40px; margin:0; box-sizing:border-box; margin-top:30px; margin-left:5px;}
.business12 .tab li { float:left;}
.business12 .tab li a { display:block; width:220px; height:40px; border:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; font-size:14px; font-weight:normal; text-align:center; line-height:38px; box-sizing:border-box;}
.business12 .tab li a.active {border:1px solid #ccc; border-bottom:none; font-family:'Noto Sans Korean'; background:#223a59; color:#fff;}

.business12 {overflow:hidden; }
.business12 .item {margin:8px 0 30px;}
.business12 .item > b {padding-left:30px; font-size:16px; color:#333; line-height:1; font-weight:500; background:url('../../hanbit/images/equipment_bullet.gif')10px center no-repeat;}
.business12 .item > p {}
.business12 .item p.bcolor b {font-weight:normal; color:#0f1d85;}
.business12 .item > ul {margin-top:10px; padding-left:30px;}
.business12 .item > ul > li {font-size:13px; line-height:21px;}
.business12 .item > ul > li > ul > li {font-size:12px; line-height:20px;}

.business12 .item02 > ul {display:flex; margin:15px -5px 0;  }
.business12 .item02 > ul > li {position:relative; width:calc(25% - 10px); margin:0 5px; border:1px solid #e4e4e4; padding:15px;line-height:1.3;  }
.business12 .item02 > ul > li:after {content:''; position:absolute; top:50%; right:-15px; width:20px; height:20px; border:1px solid #ddd; background:url(../../business/images/business12img01.svg) no-repeat center / contain #eeeeee; background-size:12px; border-radius:50%; transform: translate(0%, -50%); z-index: 1; }
.business12 .item02 > ul > li:last-child:after {display:none; }
.business12 .item02 > ul > li p {word-break: keep-all; font-size:13px; line-height:19px; color:#666}
.business12 .item02 > ul > li figure {width:30px; }
.business12 .item02 > ul > li figure img {width:100%; }
.business12 .item02 > ul > li h4 {font-weight:500; margin:10px 0 5px; color:#111; }
.business12 .item02 > ul > li span {display:block; margin:5px 0 0; color:#888; }


.business12 .item03 {}
.business12 .item03 .listBox{display:flex; flex-wrap: wrap; padding:10px 0 0 30px;  }
.business12 .item03 .listBox .step_1{position:relative;width:37%; margin:0 3% 0 0; }
.business12 .item03 .listBox .step_1:after {content:''; position:absolute; top:50%; right:-24px; width:20px; height:20px; border:1px solid #ddd; background:url(../../business/images/business12img02.svg) no-repeat center / contain #eeeeee; background-size:12px; border-radius:50%; transform: translate(0%, -50%); z-index: 1; }

.business12 .item03 .listBox .step_2{position:relative;width:30%}
.business12 .item03 .listBox .step_2:after {content:''; position:absolute; top:50%; right:-24px; width:20px; height:20px; border:1px solid #ddd; background:url(../../business/images/business12img03.svg) no-repeat center / contain #eeeeee; background-size:12px; border-radius:50%; transform: translate(0%, -50%); z-index: 1; }

.business12 .item03 .listBox .step_3{width:27%; margin:0 0 0 3%; padding:15px; border:1px solid #ddd; box-sizing: border-box; }
.business12 .item03 .listBox .step_1 > div {  display: flex;border: 1px solid #ddd;  height:90px; margin: 0 0 10px;  }
.business12 .item03 .listBox .step_1 > div:last-child {margin-bottom:0; }
.business12 .item03 .listBox .step_1 .tit {display: flex; align-items: center; justify-content: center; border-right:1px solid #ddd; text-align: center; width:30%; background:#eee;  }
.business12 .item03 .listBox .step_1 .con {width:70%; }
.business12 .item03 .listBox .step_1 .con .txt_list {padding:8px; }
.business12 .item03 .listBox .step_1 .con .txt_list ul {}
.business12 .item03 .listBox .step_1 .con .txt_list ul li{position:relative ;padding:0 0 5px 5px; }
.business12 .item03 .listBox .step_1 .con .txt_list ul li:last-child {padding-bottom:0; }
.business12 .item03 .listBox .step_1 .con .txt_list ul li:after {position:absolute; content:''; width:3px; height:3px; background:#777; border-radius:50%; top:6px; left:0; }


.business12 .item03 .listBox .step_2 > div { display: flex; align-items: center; margin: 0 0 10px; height:90px; border: 1px solid #ddd;    }
.business12 .item03 .listBox .step_2 > div .con {padding:8px;}
.business12 .item03 .listBox .step_2 > div:last-child {margin-bottom:0; }
.business12 .item03 .listBox .step_2 .con .txt_list ul li{position:relative ;padding:0 0 5px 5px; }
.business12 .item03 .listBox .step_2 .con .txt_list ul li:last-child {padding-bottom:0; }
.business12 .item03 .listBox .step_2 .con .txt_list ul li:after {position:absolute; content:''; width:3px; height:3px; background:#777; border-radius:50%; top:6px; left:0; }

.business12 .item03 .listBox .step_3 {display: flex; align-items: center;}
.business12 .item03 .listBox .step_3 .con .txt_list ul li{position:relative ;padding:0 0 5px 5px; font-size:13px;  }
.business12 .item03 .listBox .step_3 .con .txt_list ul li:last-child {padding-bottom:0; }
.business12 .item03 .listBox .step_3 .con .txt_list ul li:after {position:absolute; content:''; width:3px; height:3px; background:#777; border-radius:50%; top:6px; left:0; }

.business12 .item03 .listBox .step_3 .con .last {margin:10px 0 0; font-weight:500;font-size:13px; color:#333; }

.business12 .item04 {}
.business12 .item04 .con {display:flex; padding:0 0 0 30px;}
.business12 .item04 .con .step01{width:75%; }
.business12 .item04 .con .step02{display: flex; justify-content: center; flex-direction: column; width: 25%;  margin: 10px 0 0 3%; line-height:21px; padding: 2%; border: 1px solid #ddd; background: #eeeeee; }

.business12 .item04 dl {position:relative; display:flex; padding:10px; margin:10px 0 25px 0; border:1px solid #ddd; }
.business12 .item04 dl:last-child {margin-bottom:0; }
.business12 .item04 dl:after {content:''; position:absolute; bottom:-50%; left:50%; width:20px; height:20px; border:1px solid #ddd; 
background:url(../../business/images/business12img01.svg) no-repeat center / contain #eeeeee; background-size:12px; border-radius:50%; transform:translate(-50%, 0) rotate(90deg);; z-index: 1; }
.business12 .item04 dl:before {position:absolute;  bottom: -55%;left: 50%; margin: 0 0 0 20px; color:#888; transform: translate(0%, -50%);font-size: 12px;  }
.business12 .item04 dl:nth-child(1):before {content:'제출받은 날로부터 7일이내 ';}
.business12 .item04 dl:nth-child(2):before {content:'검토 요청받은 날로부터 40일 이내';}
.business12 .item04 dl:nth-child(4):before {content:'제출받은 날로부터 90일 이내';}

.business12 .item04 dl:last-child:after {display:none; }
.business12 .item04 dl dt {display: inline-block;background: #223a59;  width: 30px;height: 30px; text-align: center;line-height: 30px; color: #fff; border-radius: 50%;}
.business12 .item04 dl dd {padding:0 0 0 10px; }
.business12 .item04 dl dd h4 {color:#333; }

.business12 .item05 {}
.business12 .item05 .con {padding:10px 0 0 30px; }
.business12 .item05 .con ul {display:flex; flex-wrap:wrap; margin:0 -5px; }
.business12 .item05 .con ul li {width:calc(33.333% - 10px); margin:0 5px; border:1px solid #ddd; box-sizing:border-box;  }
.business12 .item05 .con ul li figure {}
.business12 .item05 .con ul li figure img{width:100%; }
.business12 .item05 .con ul li h4 {color:#222; margin:0 0 7px; font-size:13px;  }
.business12 .item05 .con ul li .txtBox {padding:10px; }
.business12 .item05 .con ul li .txtBox p {position:relative; line-height:18px; margin:0 0 5px; padding:0 0 0 5px; }
.business12 .item05 .con ul li .txtBox p:after {position:absolute; content:''; width:3px; height:3px; background:#777; border-radius:50%; top:7px; left:0; }
.business12 .item09 .con {padding:10px 0 0 30px}
.business12 .item10 .con {padding:10px 0 0 30px}

.business12 .tableStyle { line-height:1.6; border-top:1px solid #e4e4e4; table-layout:fixed; }
.business12 .tableStyle th {padding:10px 5px; text-align:center;  border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#eee; color:#333; }
.business12 .tableStyle th:last-child,.business12 .tableStyle td:last-child {border-right:none;}
.business12 .tableStyle td {padding:10px 5px; text-align:center; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4;  }
.business12 .tableStyle td p {position:relative; padding:0 0 7px 5px; }
.business12 .tableStyle td p.color {color:#2877ba;}
.business12 .tableStyle td p:after {position:absolute; content:''; width:3px; height:3px; background:#777; border-radius:50%; top:6px; left:0; }
.business12 .tableStyle td p:last-child {padding-bottom:0; }
.business12 .tableStyle td.subject {text-align:left; }
.business12 .tableStyle td h4 {padding:0 0 0 7px; line-height:18px; }