@charset "utf-8";

/*
------------------------------------------------------------
File Name : sub.css
Date : 2016 / December
explanation : sub page styleSheet
------------------------------------------------------------
*/
.overbox {overflow:auto; overflow-x: hidden; height: 100%;}
.noti {display: inline-block; font-family: ngBold; color: #cc6666; font-family: ngBold;}

.h4_txt {margin: 25px 0 10px; padding-left: 25px; font-size: 16px; color: #333; background: url(/images/home/common/bu_tit_y.gif) no-repeat 0 4px;}
.h5_txt {margin: 5px 0 10px 0px; padding-left: 25px; font-size: 14px; color: #000;}

.pagenavi {position:absolute; top:52px; right:50px;}
.pagenavi span {display:inline-block; padding-left:11px; margin-left:6px; color:#999; font-size: 11px; background:url(/images/home/common/bu_pagenavi_arr.gif) no-repeat 0 50%;}
.pagenavi span:first-child {padding-left:20px; background:url(/images/home/common/ico_home.gif) no-repeat 0 50%;}

.tabs {margin-bottom: 13px; border-bottom: 1px solid #c9c9c9;}
.tabs li {margin-right: 3px;}
.tabs a {position: relative; bottom:-1px; display: inline-block; height: 29px; line-height: 29px; min-width:102px; padding: 0 30px; font-family: ngBold;color: #666; text-align: center; border:1px solid #c9c9c9; border-radius: 3px 3px 0 0; box-sizing: border-box;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}
.tabs a.active {color: #996633; border: 1px solid #996633; border-bottom: 1px solid #fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.bd_srch_box {margin-bottom: 20px; padding: 15px 15px; background: #f1f1f1;}
.bd_srch_box .label {color: #666; font-size: 13px; font-family: ngBold;}
.bd_srch_box input[type="text"] {height: 25px; border:1px solid #d8d6d6; box-sizing: border-box; outline:none;}
.bd_srch_box .cal {position: absolute; top: 0; right: 7px; width: 13px; height: 12px; background-position: -25px 0;}

.bd_count {margin: 0 4px 15px 0; font-size: 13px; text-align: right;}

/* board list */
.bd_list {border-top:1px solid #b08c58; border-bottom:1px solid #b08c58;}
.bd_list table {width:100%; table-layout:fixed; border-collapse: collapse;}
.bd_list table thead th {padding:10px 0; background:#f5f5f5; color:#414141; font-size: 13px;}
.bd_list table tbody td {padding:10px 0; border-top:1px solid #ededed; text-align:center; color: #333;}
.bd_list table tbody td a {color: #000;}
.bd_list table tbody td.al {padding-left:10px;}
.bd_list table tbody th {padding:10px 0; border-top:1px solid #ededed; background:#f5f5f5; color:#414141; font-size: 13px;}
/*.bd_list table tbody td a:hover{color:#f39c12}*/

.bd_view {margin-top: 10px;}
.bd_view h4 {padding: 15px; font-size: 24px; color: #996633; background: #f5f5f5; border-top: 1px solid #b08c58; text-align: center;}
.bd_view table.bd_tbl {width: 100%; border-top: 1px solid #b08c58; border-bottom: 1px solid #b08c58; }
.bd_view table.bd_tbl th {padding: 8px 0; background: #f5efea; border-top: 1px solid #d3cec9; text-align: center;}
.bd_view table.bd_tbl td {padding: 8px 20px; border-top: 1px solid #d3cec9; text-align: left;}
.bd_view table.bd_tbl tr:first-child th,.bd_view table.bd_tbl tr:first-child td {border-top: none;}
.bd_view table.bd_tbl .ico_file {padding-left: 17px; background: url(/images/home/sub/ico_file.gif) no-repeat 0 50%;}
.bd_view table.bd_tbl .date {font-size: 11px; color: #999;}
.bd_view .cont {padding: 25px 0; line-height: 1.8;}
.bd_view .cont div.txt {padding: 0 25px; font-size: 13px; line-height: 1.8;}
/*.bd_view .cont table {width: auto; border: none; }
.bd_view .cont table th {padding: 0; background: auto; border:none; text-align: left;}
.bd_view .cont table td {padding: 0; background: auto; border:none; text-align: left;}
.bd_view .cont table p {padding: 0;}
*/

/* paging */
.paging {margin-top: 30px; text-align: center; font-size:0;}
.paging img {vertical-align: top;}
.paging a,.paging strong {display: inline-block; width: 34px; height: 31px; margin-left:-1px; font-size:12px; line-height: 30px; border: 1px solid #ededed; vertical-align: middle; text-align: center;}
.paging a.active {background: #686868; color: #fff; cursor:default;}
.paging .first {background-position: 0 -123px;}
.paging .prev {background-position: -44px -123px;}
.paging .next {background-position: -88px -123px;}
.paging .last {background-position: -132px -123px;}

/* board view */
.tit_box {margin-top: 10px; padding: 18px 0 15px; border: 6px solid #ffcc33; text-align: center;}
.tit_box .flag {margin-bottom: 15px; font-size: 0;}
.tit_box .flag span {display: inline-block; height: 25px; line-height: 25px; padding: 0 20px; color: #fff; font-size: 11px; font-family: ngBold;}
.tit_box .flag .edu_process {background: #000;}
.tit_box .flag .edu_status {background: #3498db;}
.tit_box .tit {margin-bottom: 19px; font-size: 30px; color: #333; letter-spacing: -1px;}
.tit_box .tit strong {font-family: ngExtraBold;}
.tit_box .info {overflow: hidden; margin: 0 45px; padding: 13px 0 0; border-top: 1px solid #ccc;}
.tit_box .info dt,.tit_box .info dd {float: left; font-family: ngBold;}
.tit_box .info dd {margin:0 8px 0 3px}

.tit_box.promotion {position: relative; overflow: hidden; display:table; width: 741px; text-align: left; box-sizing: border-box;} 
.tit_box.promotion .logo {display:table-cell; width: 235px; height: 100%; vertical-align: middle; text-align: center;}
.tit_box.promotion .txt {position: relative; float: left; width: 480px; border-left: 1px solid #ebebeb; }
.tit_box.promotion .txt .name {display: block; margin: 0 0 15px 30px;font-size: 25px; color: #333; font-family: ngBold;}
.tit_box.promotion .txt dl {overflow: hidden; margin: 3px 0 0 30px;}
.tit_box.promotion .txt dt {float: left; width: 40px; margin-right: 7px; margin: 0 7px 3px 0; padding: 2px 5px; font-size: 10px; color: #fff; background: #999; border-radius: 3px; text-align: center;}
.tit_box.promotion .txt dd {float: left; margin: 0 0 3px 0; }
.tit_box.promotion .pic_zone {position: absolute; top: 35px; right:33px; width: 100px; height: 100px;}
.tit_box.promotion .pic_zone span {position: absolute; top: 0; left: 0;}
.tit_box.promotion .pic_zone p {margin-top: 103px;}

.dl_type1 dt {margin-top: 10px;}

/* 하단 버튼 */
.btns_area {margin-top: 35px;}
.btns_area a {display: inline-block; height: 43px; margin: 0 3px; padding: 0 25px; line-height: 43px; font-size: 15px; font-family: ngBold; color: #fff; background: #505050;}
.btns_area a.fc_cc9933 {background: #cc9933;}

.btns_area1 {margin: 20px 0 30px -570px;}
.btns_area1 a {display: inline-block; height: 43px; margin: 0 3px; padding: 0 25px; line-height: 43px; font-size: 15px; font-family: ngBold; color: #fff; background: #cc9933;}
/* .btns_area1 a:hover {background-color: #505050;} */

/* 주요사업 */
.main_busi .visu01 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu01.gif) no-repeat;}
.main_busi .visu02 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu02.gif) no-repeat;}
.main_busi .visu03 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu03.gif) no-repeat;}
.main_busi .visu04 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu04.gif) no-repeat;}
.main_busi .visu05 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu05.gif) no-repeat;}
.main_busi .visu06 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu06.gif) no-repeat;}
.main_busi .visu07 {width: 741px; height: 213px; background: url(/images/home/sub/main_busi_visu07.gif) no-repeat;}
.main_busi .visu dt {padding: 30px 0 8px 38px; color: #cc6600; font-size: 30px; font-family: ngBold;}
.main_busi .visu dd {width:445px; padding-left: 38px; line-height: 1.7; font-size: 15px; color: #333; word-break: keep-all;}
.main_busi .visu_txt dt {margin-top: 40px; padding-left: 26px; font-size: 20px; color: #cc6666; font-family: ngBold;background: url(/images/home/common/bu_tit_r.gif) no-repeat 0 50%;}
.main_busi .visu_txt dd {margin-left: 26px; line-height: 2.0; font-size: 13px;}
.main_busi .visu_txt ol.apply_process {margin-top: 20px;}
.main_busi .visu_txt ol.apply_process > li {position: relative; min-height:175px; background: url(/images/home/sub/bg_business_process.gif) no-repeat;}
.main_busi .visu_txt ol.apply_process > li > span {position: absolute; top: 48px; left: 0; width: 139px; font-size: 20px; color: #e5ccb2; text-align: center;}
.main_busi .visu_txt ol.apply_process > li > strong {position: absolute; top: 96px; left: 0; width: 139px; font-size: 18px; color: #993399; text-align: center;}
.main_busi .visu_txt ol.apply_process > li ul {padding: 40px 0 0 165px;height: 175px;box-sizing: border-box;display: table-cell;vertical-align: middle;}
.main_busi .visu_txt ol.apply_process > li:first-child {min-height:139px; background: url(/images/home/sub/bg_business_process_first.gif) no-repeat;}
.main_busi .visu_txt ol.apply_process > li:first-child > span{top: 13px;}
.main_busi .visu_txt ol.apply_process > li:first-child > strong {top: 66px}
.main_busi .visu_txt ol.apply_process > li:first-child ul {padding: 0 0 0 165px;height: 138px;}

.ul_type01 li {font-size: 13px; text-indent: -11px; padding-left: 11px; line-height: 2.0;}

.main_busi .visu_txt li .tbl_grid {text-indent: 0;}
.main_busi .visu_txt li .tbl_grid th {text-align: center;}

/* 협회소개 */
.his_tab {overflow: hidden; padding-top: 15px; border-bottom: solid 1px #cccccc;}
.his_tab ul {float: left; top: -1px;}
.his_tab li {float: left;}
.his_tab li a {display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; font-size: 13px; font-family: ngBold;border: 1px solid #ccc;}
.his_tab li a.active {color: #fff;  background: #21b0ac; border: 1px solid #21b0ac;}
.his_tab a.his_presi {float: left; display: inline-block; height: 40px; line-height: 40px; padding: 0 22px 0 42px; font-size: 13px; font-family: ngBold;border: 1px solid #ccc; background: url(/images/home/sub/ico_his.png) no-repeat 15px 50%;}
.his_tab a.his_presi.active {color: #fff; background: url(/images/home/sub/ico_his_on.png) no-repeat 15px 50% #21b0ac; border: 1px solid #21b0ac; padding: 0 22px 0 42px;}

.his_lst {margin-left: 25px;}
.his_lst dl {position: relative; margin-top: 35px;}
.his_lst dt {position: absolute; top:0; left:0; min-width:126px; min-height:28px; background: url(/images/home/sub/bg_his_dot.gif) no-repeat; font-family: nmBold; font-size: 35px; color: #339999;}
.his_lst dd {margin-left: 120px; padding: 17px 0 10px 18px; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.his_lst dd li {position: relative; line-height: 2.0; padding-left: 50px;}
.his_lst dd li em {position: absolute; top: 0; left: 0; width: 30px; margin-right: 20px; color: #21b0ac; text-align: right;}

.event_schedule .daily {margin-top: -35px;}
.event_schedule .daily .controls {margin-bottom: 12px; text-align: center;}
.event_schedule .daily .controls span,.event_schedule .daily .controls a {display: inline-block; vertical-align: middle;}
.event_schedule .daily .controls .prev {width: 25px; height: 28px; background-position: -25px -38px;}
.event_schedule .daily .controls .next {width: 25px; height: 28px; background-position: 0 -38px;}
.event_schedule .daily .controls strong {display: inline-block; padding: 0 10px; font-size: 20px; color: #333; vertical-align: middle;}
.event_schedule .daily .controls .today {height: 26px; margin-left: 10px; line-height: 26px; padding: 0 10px; color: #333; border: 1px solid #cbcbcb;}
.event_schedule .cal_box table {width: 100%; table-layout:fixed; border-collapse: collapse;}
.event_schedule .cal_box table td {padding: 2px 0 3px;border:1px solid #ccc; background: #f7f7f7; text-align: center;}
.event_schedule .cal_box table td a {display: block;}
.event_schedule .cal_box table td.today {background: #21b0ac;}
.event_schedule .cal_box table td.today a {color: #fff;}
.event_schedule .cal_box .cont {overflow:auto; overflow-x: hidden; height: 110px; padding: 20px; border: 1px solid #e5e5e5; border-top: none;}
.event_schedule .cal_box .cont dl {overflow: hidden; margin-bottom: 15px;}
.event_schedule .cal_box .cont dl dt,.event_schedule .cal_box .cont dl dd {float: left;}
.event_schedule .cal_box .cont dl dt {margin-right:20px;}
.event_schedule .monthly {height: 590px; padding: 20px 0 0 20px; border: 1px solid #e5e5e5; box-sizing: border-box;}

.contact_info {overflow: hidden; margin-top: 20px;}
.contact_info dl {float: left; width: 96px; margin-left: 8px; border:1px solid #69c7ef;}
.contact_info dl:first-child {margin-left: 0;}
.contact_info dl dt {height: 27px; line-height: 27px; background: #69c7ef; font-size: 14px; color: #fff;text-align: center;}
.contact_info dl dd {height: 50px; padding: 5px 0 0 7px; line-height: 1.8;}

.tel_master {border-top: 1px solid #efc869;}
.tel_master table {width: 100%; border-collapse: collapse;}
.tel_master th,.tel_master td{padding: 8px 0; border-bottom: 1px solid #efc869;}
.tel_master th {padding: 10px 38px 10px 0; font-size: 13px; color: #cc9933; background: #fefaf1; text-align: right;}
.tel_master th .ico {margin-left: 5px;}
.tel_master td {padding-left: 20px; color: #333; text-align: left;}
.tel_team {border-top: 1px solid #acacac; border-bottom: 1px solid #acacac;}
.tel_team table {width: 100%; border-collapse: collapse;}
.tel_team th,.tel_team td {padding: 8px 0; border-top: 1px solid #e7e7e7;}
.tel_team tr:first-child th,.tel_team tr:first-child td {border-top: none;}
.tel_team th em {font-family: ngBold; color: #cc6600;}
.tel_team td em {color: #cc6600;}
.tel_team th {padding: 10px 38px 10px 0; font-size: 13px; color: #666; background: #f7f7f7; text-align: right;}
.tel_team th .ico {margin-left: 5px;}
.tel_team td {padding-left: 20px; color: #333; text-align: left;}
.h4_tel span {margin: 0 10px; font-size: 13px; color: #999;}
.h4_tel em {font-size: 13px; color: #999;}
.h5_tel {margin: 15px 0 5px; font-size: 16px; color: #333;}
.h5_tel span {margin: 0 10px; font-size: 13px; color: #999;}
.h5_tel em {font-size: 13px; color: #999;}

.ci .tit {display: block; margin-top: 10px; font-size: 24px; color: #21b0ac;}
.ci .txt {margin-top: 10px;font-size: 13px; color: #333; line-height: 1.8;}
.ci .caution {margin-top: 20px; padding: 25px 0 25px 120px;}

.tf_subway {display: inline-block; margin-right: 10px; padding-left: 17px; color: #008f1d; background: url(/images/home/sub/ico_subway.gif) no-repeat 0 50%;}
.tf_bus {display: inline-block; margin-right: 10px; padding-left: 17px; color: #008f1d; background: url(/images/home/sub/ico_bus.gif) no-repeat 0 50%;}
.tf_car {display: inline-block; margin-right: 10px; padding-left: 17px; color: #cc9933; background: url(/images/home/sub/ico_car.gif) no-repeat 0 50%;}
.tf_car + p {margin: 5px 0 0 17px;}

.branch {overflow: hidden;}
.branch h4 {font-size: 27px; color: #999;}
.branch .branch_all {float: left;}
.branch .branch_all .map_sections {position: relative; width: 360px; height: 475px; margin-top: 10px; border: 1px solid #f3f3f3; border-radius:6px; box-sizing: border-box; background: url(/images/home/sub/bg_brach_map.gif) no-repeat 50% 58px;}
.branch .branch_all .map_sections span {display: inline-block; margin: 20px 0 0 20px;}
.branch .branch_all .map_sections .map a {position: absolute;padding: 2px 10px;font-size: 12px; font-family: ngBold; color: #999;border: 2px solid #999;background: #fff;border-radius: 16px;text-align: center;}
.branch .branch_all .map_sections .map a.active,.branch .branch_all .map_sections .map a:hover {color: #fff; background: #1eafc4; border: 2px solid #1eafc4;}
.branch .branch_all .map_sections .map a.area1 {top: 107px; left: 57px;}
.branch .branch_all .map_sections .map a.area2 {top: 215px; left: 210px;}
.branch .branch_all .map_sections .map a.area3 {top: 270px; left: 83px;}
.branch .branch_all .map_sections .map a.area4 {top: 290px; left: 167px;}
.branch .branch_all .map_sections .map a.area5 {top: 288px; left: 245px;}
.branch .branch_all .map_sections .map a.area6 {top: 318px; left: 240px;}
.branch .branch_all .map_sections .map a.area7 {top: 333px; left: 50px;}
.branch .branch_detail {float: right; width: 361px;}
.branch .branch_detail h5 {font-size: 27px; color: #1eafc4;}
.branch .branch_detail h5 .go_home {display: inline-block; margin-left: 10px;}
.branch .branch_detail td {font-size: 13px;}
.line_color {display: inline-block; padding: 1px 4px; margin-right: 5px; color: #fff;}
.line_color.inchon {background: #6691c9;} 
.line_color.suin {background: #e1a916;} 



/* 벤처소식 */
.newsletter_noti {height: 99px; margin-top: -23px; padding-top: 23px; color: #333; background: url(/images/home/sub/bg_newsletter.gif) no-repeat 100% 0;}
.newsletter_noti strong {font-size: 15px;}
.newsletter_noti em {font-family: ngBold;}
.newsletter_request {overflow: hidden;}
.newsletter_request .sample {float: left;}
.newsletter_request .sample .pic {width: 300px; height: 242px; padding-top: 20px; border: 1px solid #e5e5e5; text-align: center;}
.newsletter_request .sample a {margin-top: 10px;}
.newsletter_request .request {float: right; width: 390px ;}
.newsletter_request .request p {padding: 6px; font-size: 14px; color: #333;}
.newsletter_request .request fieldset {border-top: 1px solid #b08c58; border-bottom: 1px solid #b08c58;}
.newsletter_request .request table {width: 100%; table-layout:fixed; border-collapse: collapse;}
.newsletter_request .request table th,.newsletter_request .request table td {padding: 7px 0; border-top:1px solid #ebebeb;}
.newsletter_request .request table th {font-size: 13px; color: #414141; background: #f5f5f5;}
.newsletter_request .request table td {padding-left: 5px;}
.newsletter_request .request a {display: inline-block; margin-top: 15px; height: 40px;line-height: 40px;font-size: 15px;}

.digest_view {overflow: hidden; height: 362px;}
.digest_view .pic_area {float: left;}
.digest_view .pic_area .pic {display: block; width: 260px; margin-bottom: 10px; padding: 15px 0; background: #f4f4f4; border: 1px solid #e4e4e4; text-align: center; box-sizing: border-box;}
.digest_view .pic_area .btns a {margin-left: 2.5pc;}
.digest_view .txt_area {position: relative; float: right; width: 450px; height: 362px;}
.digest_view .txt_area .tit {margin-bottom: 15px; padding: 15px 0; font-size: 15px; border-bottom: 1px solid #dbdbdb;}
.digest_view .txt_area .tit strong {font-family: ng;}
.digest_view .txt_area .desc { line-height: 2.0;}
.digest_view .txt_area .desc strong {font-size: 15px;}
.digest_view .btn_request {position: absolute; bottom: 0; left: 0; width: 278px; height: 41px; line-height: 40px; font-family: ngBold; font-size: 15px; color: #cc9933; border: 1px solid #cc9933; text-align: center;}
.digest_request {position: relative;}
.digest_request a {position: absolute; bottom: 40px; left: 240px;}

/* 벤처소식 > 사업공고 / 뱃지 */
.spr_venews_badge {width:70px; height: 29px; background: url(/images/home/sub/spr_venews_badge.gif) no-repeat; float: left; margin-right: 10px;}
.step1 {background-position: 0 0px;}
.step2 {background-position: 0 -30px;}
.step3 {background-position: 0 -60px;}
.step4 {background-position: 0 -90px;}
.step5 {background-position: 0 -120px;}
.step6 {background-position: 0 -150px;}
.step7 {background-position: 0 -180px;}
.step8 {background-position: 0 -210px;}
.step9 {background-position: 0 -240px;}

/* 벤처확인 */
.venture_require.bd_list td {padding: 0 10px !important; border-top: none !important; font-size: 13px !important; color: #414141 !important;line-height: 1.6;}
.venture_require.bd_list td.pr0 {padding: 0 0 0 10px !important;}
.venture_require.bd_list td p,.venture_require.bd_list td li {font-size: 13px !important; color: #414141 !important;}
.venture_require.bd_list td.bd_btm {border-bottom:1px solid #ededed;}
.venture_require.bd_list td.bd_lft {border-left:1px solid #ededed;}
.venture_require.bd_list td p {margin-top: 10px;}
.venture_require.bd_list td .icon1 {padding: 3px 10px; background: #f6a921; border-radius: 9px; color: #fff; font-size: 12px; text-align: center;}
.venture_require.bd_list td .icon2 {padding: 3px 10px; background: #27cbc3; border-radius: 9px; color: #fff; font-size: 12px; text-align: center;}
.venture_require.bd_list td ul li {padding-left: 25px;text-indent: -25px; line-height: 1.8;}
.venture_require.bd_list td ul li span.no {display: inline-block; width: 17px; height: 16px; line-height: 1.8; margin-right: 8px; font-size: 8px; color: #fff; background: #999; text-align: center; text-indent: 0;}
.venture_require.bd_list td ul li .in_btn {display: inline-block; padding: 4px 6px; line-height: 1; font-size: 12px; color: #fff; background: #999; border-radius: 3px; text-indent: 0; text-align: center;}

.venture_symbol p {font-size: 13px; color: #333; line-height: 1.8;}
.venture_symbol .visu1 {width: 741px; height: 194px; padding: 90px 0 0 258px; line-height: 1.8; color: #ffe19f; background: url(/images/home/sub/img_venture_sign1.gif) no-repeat; box-sizing: border-box;}
.venture_symbol .visu1 strong {font-size: 14px;}
.venture_symbol .visu2 {width: 741px; height: 194px; padding: 90px 0 0 258px; line-height: 1.8; color: #fff; background: url(/images/home/sub/img_venture_sign2.gif) no-repeat; box-sizing: border-box;}
.venture_symbol .visu2 strong {font-size: 14px; color: #ffff66;}
.venture_symbol .bd_box {padding: 15px 20px;}
.venture_symbol .bd_box p {padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.venture_symbol .bd_box p.bb_none {border-bottom: none;}

.caution {padding: 15px 0 15px 120px; font-size: 13px; color: #cc9933; font-family: ngBold; background:  no-repeat 68px 50% #fffaeb; text-align: left;}

.venture_symbol .tbl_grid th,.venture_symbol .tbl_grid td {font-size: 14px; color: #333; font-family: ngBold;}
.venture_symbol .tbl_grid th.bg,.venture_symbol .tbl_grid td.bg {color: #ff0000; background: rgba(255,255,102,0.2);}

.unit {position: absolute; bottom: 0; right: 0;}
.unit.red {color: #ff3333;}

.form_grid {border-top:1px solid #b08c58; border-bottom:1px solid #b08c58;}
.form_grid table {width:100%; table-layout:fixed; border-collapse: collapse;}
.form_grid table thead th {padding:10px 0; background:#f5f5f5; color:#414141; font-size: 13px;}
.form_grid table tbody td {padding:5px 10px; border-top:1px solid #ebebeb; text-align:center; color: #414141; line-height: 1.6;}
.form_grid table tbody td.bd_lft {border-left:1px solid #ededed;}
.form_grid table tbody td.al {padding-left:10px;}
.form_grid table tbody th {font-size: 13px; border-top:1px solid #ebebeb; color: #414141; background: #f5f5f5;}
.form_grid table tbody th label {padding-left: 25px; font-family: inherit;}
.form_grid .essential {margin-left: -13px; padding-right: 5px; color: #ff3333; font-family: ngBold;}
.form_grid .noti {display: inline-block; margin-left: 10px; color: #cc6666; font-family: ngBold;}
.form_grid input[type="text"] {height: 25px;}
.form_grid select {height: 25px;}

.form_grid .inn_tbl {width: 550px; margin: 10px 0;border-top: 2px solid #ffcc33;}
.form_grid .inn_tbl th {height: 24px; padding: 0; font-size: 12px; color: #666; background: #fff0c1; border-bottom: 2px solid #ffcc33; text-align: center;}
.form_grid .inn_tbl td {height: 20px; padding: 0; border-bottom: 1px solid #e5e5e5; text-align: center;}


/* 고객지원 */
.join_tit {text-align: center;}
.join_tit strong {font-size: 31px; color: #cc9966; font-family: nmBold; }
.join_tit span {color: #999;}

.join_comp {float: left; width: 370px; margin-top: 30px; padding-top: 160px; border-right: 1px solid #eaeaea; background: url(/images/home/sub/ico_join_comp.gif) no-repeat 50% 0; text-align: center;}
.join_comp p {font-size: 25px; color: #27cbc3;}
.join_comp a {display: inline-block; margin:15px 0 20px; background: #27cbc3; font-size: 17px;}
.join_comp ul {margin-left: 30px;text-align: left;}
.join_comp ul li {font-family: ngBold; line-height: 1.8;}

.join_indivi {float: left; width: 350px; margin-top: 30px; padding-top: 160px; background: url(/images/home/sub/ico_join_indivi.gif) no-repeat 50% 0; text-align: center;}
.join_indivi p {font-size: 25px; color: #69a2ef;}
.join_indivi a {display: inline-block; margin:15px 0 20px; background: #69a2ef; font-size: 17px;}
.join_indivi ul {margin-left: 30px;text-align: left;}
.join_indivi ul li {font-family: ngBold; line-height: 1.8;}

.join_benefit {float: right; width: 200px; margin-top: 30px; padding-top: 160px; background: url(/images/home/sub/ico_join_benefit.gif) no-repeat 50% 0; text-align: center;}
.join_benefit p {font-size: 25px; color: #ff7e44;}
.join_benefit a {display: inline-block; margin:15px 0 20px; background: #ff7e44; font-size: 17px;}
.join_benefit ul {margin-left: 30px;text-align: left;}
.join_benefit ul li {font-family: ngBold; line-height: 1.8;}

.join_tab {overflow: hidden; margin: 37px 0 20px; border-bottom: 1px solid #ccc;}
.join_tab li {float: left; margin: 0 0 -1px -1px}
.join_tab li:first-child {margin-left:0}
.join_tab a {display: block; padding: 8px 25px; background: #f7f7f7; color: #000; border: 1px solid #ccc;}
.join_tab a.active {background: #505050; border: 1px solid #505050; color: #fff;}

.join_step {height: 50px; background: url(/images/home/sub/spr_join_step.gif) no-repeat;}
.join_step.step1 {background-position: 0 0;}
.join_step.step2 {background-position: 0 -50px;}
.join_step.step3 {background-position: 0 -100px;}
.join_step.step4 {background-position: 0 -150px;}
.join_step.step5 {background-position: 0 -200px;}
.join_step2 {height: 50px; background: url(/images/home/sub/spr_join_step2.gif) no-repeat;}
.join_step2.step1 {background-position: 0 0;}
.join_step2.step2 {background-position: 0 -50px;}
.join_step2.step3 {background-position: 0 -100px;}

.form_grid .payment {padding:5px 0;}
.form_grid .payment ul {overflow: hidden;}
.form_grid .payment ul li {float: left; margin-right: 5px;}
.form_grid .payment ul li a {display: block; height: 55px; background: url(/images/home/sub/spr_payment.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
.form_grid .payment ul li a.credit {width: 135px;}
.form_grid .payment ul li a.credit.selected,.form_grid {background-position: 0 -55px;} 
.form_grid .payment ul li a.account {width: 151px; background-position: -135px 0;}
.form_grid .payment ul li a.account.selected,.form_grid  {background-position: -135px -55px;} 
.form_grid .payment > div {margin-top: 10px;}
.form_grid .payment .inn_tbl {width: 500px; margin: 10px 0; border-top: 1px solid #d7d6d6;}
.form_grid .payment .inn_tbl tbody th {height: 24px; padding-left: 10px; font-size: 12px; color: #666; background: #efefef; border-bottom: 1px solid #d7d6d6; text-align: left;}
.form_grid .payment .inn_tbl tbody td {height: 24px; padding-left: 10px; border-bottom: 1px solid #d7d6d6; text-align: left;}
.form_grid .payment .inn_tbl tbody td select,.form_grid .payment .inn_tbl tbody td input[type="text"] {height: 18px; line-height: 18px; border: 1px solid #c2c1c1;}

.join_finish {position: relative; width: 677px; height: 413px; margin: 56px 0 0 35px}
.join_finish .apply_bnts {position: absolute; bottom:53px; left: 50%; margin-left: -43px;}

.cm_tabm:after {display: block;	content:''; clear:both;}
.cm_tabm li {float: left;}
.cm_tabc > div {display: none;}

.tbl_grid {border-top:1px solid #b08c58; border-bottom:1px solid #b08c58;}
.tbl_grid table {width:100%; table-layout:fixed; border-collapse: collapse;}
.tbl_grid table thead th {padding:10px 0; background:#f5f5f5; color:#414141; font-size: 13px;}
.tbl_grid table tbody th {padding:10px 0;}
.tbl_grid table tbody td {padding:10px 10px; border-top:1px solid #ebebeb; text-align:center; color: #414141; line-height: 1.6;}
.tbl_grid table tbody td.bd_lft {border-left:1px solid #ededed;}
.tbl_grid table tbody td.al {padding-left:20px;}
.tbl_grid table tbody th {font-size: 13px; border-top:1px solid #ebebeb; color: #414141; background: #f5f5f5;}

.tbl_grid2 {border-top:1px solid #d6d6d6;}
.tbl_grid2 table {width:100%; table-layout:fixed; border-collapse: collapse;}
.tbl_grid2 table tbody th {padding:6px; color: #333; font-size: 13px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background: #f8f8f8; text-align: left;}
.tbl_grid2 table tbody td {padding:6px 12px; border-bottom:1px solid #e1e1e1; color: #414141; line-height: 1.6;}
.tbl_grid2 select {margin: 0;}

.join_btns {margin-top: 30px; text-align: center;}
.join_btns a {margin: 0 5px; background: #27cbc3; font-size: 17px;}
.join_btns a + a {background: #69a2ef; font-size: 17px;}

.faq {margin: 25px 0 0 25px; border-top: 1px solid #e0e0e0;}
.faq dt {padding: 15px 0 15px 65px; font-size: 14px; color: #333; background: url(/images/home/sub/ico_q.png) no-repeat 15px 9px; border-bottom: 1px solid #e0e0e0;}
.faq dd {display: none; padding: 15px 0 15px 65px; font-size: 13px; color: #333; background: url(/images/home/sub/ico_a.png) no-repeat #f8f8f8 15px 15px; border-bottom: 1px solid #e0e0e0;}

.bd_box {padding: 15px; border:1px solid #dadada;}

.apply_bnts {margin-top: 20px; text-align: center;}
.apply_bnts a.cm_btn40 {margin-right: 5px; background: #cc9933;}
.apply_bnts a.cm_l_btn {height: 28px; padding: 5px 25px; font-size: 15px; font-family: ngBold;line-height:27px;}

/* 회원사동향 */
.thumb_lst {overflow: hidden; width: 760px; margin: 0 -10px 0 0;}
.thumb_lst li {display:table; float: left; width: 365px; margin: 0 10px 9px 0; background: #f3f3f3; box-sizing: border-box;}
.thumb_lst li .thumb {display: table-cell; background: #fff; width: 160px; border:1px solid #e5e5e5; vertical-align: middle; text-align: center;}
.thumb_lst li .txt_box {padding: 16px 0 16px 20px;}
.thumb_lst li .txt_box dt {font-size: 20px; color: #333; font-family: ngBold;}
.thumb_lst li .txt_box dd {color: #666;}
.thumb_lst li .txt_box dd a {padding-right: 17px;background: url(/images/home/sub/ico_blank.png) no-repeat 100% 50%;}

.lst_verti li {position: relative; padding-bottom: 10px; border: 1px solid #e8e8e8; border-top: 1px solid #000; }
.lst_verti dt {margin-bottom: 15px; padding: 13px 0 13px 25px; font-size: 16px; font-family: ngBold; color: #333; border-bottom: 1px dotted #e8e8e8;}
.lst_verti dd {padding: 0 25px 5px;}
.lst_verti dd p {padding: 0px 110px 10px 0px;}
.lst_verti dd.info {font-family: ngBold;}
.lst_verti dd.date {position: absolute; top: 15px; right: 0; text-align: right;}
.lst_verti .bar {display: inline-block; margin: 0 10px;}
.lst_verti.gonggo dt {font-size: 20px;}
.lst_verti.gonggo .btn {position: absolute; top: 16px; right: -25px; color: #fff; font-size: 13px; text-align: center; }
.lst_verti.gonggo .btn a {background: #999999;}
.lst_verti.gonggo .btn a:hover {background: #505050;}
.lst_verti.gonggo .bar {color: #ccc;}

/* 홍보관 */
.prom_items li {position: relative; min-height:264px; margin-bottom: 10px; border: 1px solid #e8e8e8; border-top: 2px solid #000;}
.prom_items li .img {position: absolute; top: 0; left: 0; padding: 25px 30px; background: #fff;}
.prom_items li .blank {width: 180px; height: 210px; position: absolute; top: 0; left: 0; padding: 25px 30px; background: #fff;}
.prom_items li .rgt {margin-left: 238px; padding-left: 30px; min-height:264px; background: #f3f3f3; border-left: 1px solid #e8e8e8;}
.prom_items li .rgt .clearfix {margin: 0 30px 15px 0; padding: 25px 0 15px; border-bottom: 1px solid #ccc;}
.prom_items li .rgt .fl {margin-right: 10px;}
.prom_items li .rgt .logo {display:table-cell; width: 166px; height: 58px; background: #fff; border: 1px solid #dfdfdf; vertical-align: middle; text-align: center;}
.prom_items li .rgt .logo img {width: auto; max-height:58px;}
.prom_items li .rgt .logo_blank {display:table-cell; width: 166px; height: 58px; background: #fff; border: 1px solid #dfdfdf; vertical-align: middle; text-align: center;}
.prom_items li .rgt .cate {display: inline-block; height: 20px; line-height: 20px; margin-top: 3px; padding: 0 10px; font-size: 11px; color: #fff; text-align: center;}
.prom_items li .rgt .cate.product {background: #ff9a01;}
.prom_items li .rgt .cate.company {background: #5b8fdf;}
.prom_items li .rgt .tit {display: block; margin-top: 5px; font-size: 20px; color: #000; font-family: ngExtraBold;}
.prom_items li .rgt p {margin-right: 10px; color: #333; line-height: 1.6;}
.prom_items li .rgt dl {overflow: hidden; margin-top: 10px;padding-bottom: 15px;}
.prom_items li .rgt dl dt {float: left; clear:left; width: 45px; height: 20px; line-height: 20px; margin: 0 10px 3px 0; background: #999; color: #fff; font-size: 11px; text-align: center;}
.prom_items li .rgt dl dd {float: left; width: 295px; margin: 0 0 3px 0; }
.prom_items li .rgt .cm_btn {position: absolute; bottom: 15px; right: 0;}


/* 약관 및 정책 */
.protection .caution {font-size: 20px; color: #996633;}
.protection p.em {margin-top: 25px; color: #996633; font-family: ngBold; line-height: 1.8;}
.protection dl {margin-top: 30px;}
.protection dt {margin-bottom: 5px;font-size: 16px; color: #000; font-family: ngBold;}
.protection dd {color: #333; line-height: 1.6; color: #333;}
.protection dd p {margin-bottom: 20px; color: #333;}
.protection .tbl {width: 368px; margin-top: 20px; border-top: 1px solid #b08c58; border-bottom: 1px solid #b08c58;}
.protection .tbl table {width: 100%; table-layout:fixed; border-collapse: collapse;}
.protection .tbl table th,.protection table td {padding: 7px 0; border-top:1px solid #ebebeb;}
.protection .tbl table th {font-size: 12px; background: #f5f5f5; font-family: ng;}
.protection .tbl table td {padding-left: 20px;}

.policy {overflow:scroll; overflow-x:hidden; height: 740px; padding: 0 30px 30px; border:1px solid #e5e5e5;}
.policy dl {margin-top: 25px;}
.policy dt {margin-bottom: 5px;font-size: 16px; color: #333; font-family: ngBold;}
.policy dd {color: #333; line-height: 1.6; color: #333;}
.policy dd ul li {padding-left: 16px; text-indent: -16px;}

/* 팝업 */
.winpop {position: relative;}
.winpop .header {height: 60px; background: #666;}
.winpop .header h1 {padding-left: 25px; font-size: 18px; color: #fff; line-height: 60px;}
.winpop .cont {padding: 20px 30px;}
.winpop .cont .txt {line-height: 1.8; font-size: 13px; color: #cc9933; font-family: ngBold;}
.winpop .cal {position: absolute; top: 3px; left: 7px; width: 13px; height: 12px; background-position: -25px 0;}
.winpop .pop_close {position: absolute; top: 20px; right: 20px;}

/* member */
.login_wrap {width: 704px; margin: 0 auto; padding: 40px 140px; background: #fff; border-top: 2px solid #b38a5c; box-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-align: center; box-sizing: border-box;}
.login_wrap h3 {padding-bottom: 5px; font-size: 33px; color: #333;}
.login_wrap p {padding-bottom: 17px; margin-bottom: 20px; font-size: 16px; font-family: ngBold; border-bottom: 1px solid #000;}
.login_wrap input[type="text"],.login_wrap input[type="password"] {width: 424px; height: 42px; margin-bottom: 5px; padding: 10px 0 10px 15px;border: 1px solid #ddd; font-size: 14px; box-sizing: border-box;}
.login_wrap input[type="checkbox"] {width: 23px; height: 23px; margin-right: 10px;}
.login_wrap input[type="checkbox"] + label {font-size: 16px;}
.login_wrap > div {overflow: hidden; margin-top: 20px; text-align: left;}
.login_wrap ul {float: right; margin-right: -10px;}
.login_wrap ul li {float: left; font-size: 10px; color: #e3e3e3;}
.login_wrap ul li a {display: inline-block; margin: 0 10px; font-size: 14px; color: #b198b1;}
.login_wrap .cm_btn50 {display: inline-block; width: 180px; margin-top: 25px; font-size: 18px; background: #b38a5c;}

.id_pw_srch {overflow: hidden;}
.id_pw_srch li {float: left; margin-left: -1px;}
.id_pw_srch li:first-child {margin-left: 0;}
.id_pw_srch li a {display: block; width: 136px; height: 40px; line-height: 40px; font-size: 13px; background: #f7f7f7; border: 1px solid #ccc; border-bottom: none; text-align: center;}
.id_pw_srch li a:hover,.id_pw_srch li a.selected {color: #fff; background: #21b0ac;}
.id_pw_srch li a.active {color: #fff; background: #21b0ac;}

.error_wrap {position: relative; width: 797px; margin: 0 auto; text-align: center;}
.error_wrap a.go_main {position: absolute; top: 279px; left: 314px; width: 189px; height: 35px; background: url(/images/home/common/blank.gif) no-repeat; text-indent: -9999px; overflow: hidden;}

.member_out .caution {padding: 20px 0 20px 120px; color: #996633; font-size: 20px; }
.member_out .noti_txt {margin: 25px 0 25px 145px; font-size: 14px; font-family: ngBold; line-height: 2.0;}
.member_out .noti_txt strong {color: #cc6666;}
.member_out .chk_box {padding: 15px 0; background: #faf0ee; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
.member_out .chk_box label {color: #cc6666; font-size: 14px; font-family: ngBold;}

/* 통합검색 */
.total_search_result {width: 1039px; margin: 0 auto; padding: 10px 45px; background: #fff;box-shadow: 1px 1px 2px rgba(0,0,0,0.5); box-sizing: border-box;}
.total_search_result .total_head {height: 40px; text-align: center;}
.total_search_result .total_head .detail {position: relative; margin-right: 20px; padding-left: 15px;}
.total_search_result .total_head .detail .arr {position: absolute; top: 4px; left: 0; border:5px inset transparent; border-top: 8px solid #666;}
.total_search_result .total_head .total_srch {position: relative; display: inline-block; width: 455px; height: 40px; margin-left: 15px; border: 4px solid #f3a924; box-sizing: border-box; vertical-align: middle;}
.total_search_result .total_head .total_srch input[type="image"] {position: absolute; top: -4px; right: -4px;}
.total_search_result .total_head .total_srch .select {position: absolute; top:0; left:0; display: inline-block; width: 105px; height:32px; line-height: 32px; background: url(/images/home/common/ico_total_srch.gif) no-repeat 87% 50%;}
.total_search_result .total_head .total_srch .select select {z-index:2; position: absolute; top: 0; left: 0; width: 105px; height:32px; opacity: 0; filter:alpha(opacity=0); border:none;}
.total_search_result .total_head .total_srch .select label {z-index:1; position: absolute; top: 0; left: 0; height: 32px; padding-left: 15px; line-height: 33px; font-size: 13px; color: #666; }
.total_search_result .total_head .total_srch input[type="text"] {position: absolute; left: 121px; top: 0; width: 265px; height: 32px; line-height: 32px; color: #999; font-family: ngBold; border: none; outline: none;}

.total_search_result .total_result {float: left; width: 718px; margin: 10px 0 0;}
.total_search_result .total_result .tab {overflow: hidden; margin-bottom: 28px;}
.total_search_result .total_result .tab li {float: left; margin-left: -1px;}
.total_search_result .total_result .tab li:first-child {margin-left: 0;}
.total_search_result .total_result .tab li a {display: block; height: 36px; padding: 0 10px 0 11px; line-height: 36px; border: 1px solid #e2e2e2; font-size: 14px;}
.total_search_result .total_result .tab li a span {font-size: 11px;}
.total_search_result .total_result .tab li a span em {color: #cd8d00;}
.total_search_result .total_result .tab li a:hover,.total_search_result .total_result .tab li a.active {background: #12c6ba; color: #fff;}
.total_search_result .total_result .tab li a:hover span,.total_search_result .total_result .tab li a.active span {color: #fff;}
.total_search_result .total_result .tab li a:hover span em,.total_search_result .total_result .tab li a.active span em {color: #fff;}
.total_search_result .result_title {font-size: 20px; font-family: ngBold;}
.total_search_result .result_title strong {color: #12c6ba;}
.total_search_result .lst_box {position: relative; margin: 5px 0 25px; padding: 15px 30px 20px; border: 1px solid #e2e2e2; border-radius: 3px}
.total_search_result .lst_box .tit_cate {display: block; margin-bottom: 13px; padding-bottom: 7px; font-size: 20px; color: #333; border-bottom: 3px solid #ebebeb;}
.total_search_result .lst_box .tit_cate span {margin-left: 5px; font-size: 15px; color: #666;}
.total_search_result .lst_box .tit_cate span em {color: #cd8d00;}
.total_search_result .lst_box ul li {position: relative; margin-top: 15px; padding-top:13px; border-top: 1px solid #ebebeb;}
.total_search_result .lst_box ul li:first-child {margin-top: 0; padding-top: 0; border-top: none;}
.total_search_result .lst_box ul li > strong {font-size: 15px; color: #000; line-height: 2.0;}
.total_search_result .lst_box ul li > a .desc {display: block;}
.total_search_result .lst_box ul li > a:hover {text-decoration: underline;}
.total_search_result .lst_box ul li dl {overflow: hidden; margin-top: 5px;}
.total_search_result .lst_box ul li dl dt,.total_search_result .lst_box ul li dl dd {float: left;}
.total_search_result .lst_box ul li dl dt {margin-left: 8px; padding: 0 5px;}
.total_search_result .lst_box ul li dl dt:after {float: left; content:''; width:1px; height:11px; margin-right: 10px; background: #666; position: relative; top: 4px;}
.total_search_result .lst_box ul li dl dt:first-child {margin-left: 0; padding: 0;}
.total_search_result .lst_box ul li dl dt:first-child:after {background: none; margin-right: 0;}
.total_search_result .lst_box .more {position: absolute; bottom: -13px; left: 50%; margin-left: -50px;}

.total_search_result .total_aside {float: right; width: 182px; margin-top: 50px;}
.total_search_result .total_aside .hot_topic {margin-bottom: 20px;}
.total_search_result .total_aside .hot_topic dt {width: 182px; height: 35px; line-height: 35px; font-size: 14px; font-family: ngBold; color: #fff; background: #666d7f; text-align: center;}
.total_search_result .total_aside .hot_topic dd {width: 180px; padding: 12px 0; border: 1px solid #ccc; border-top: none;}
.total_search_result .total_aside .hot_topic dd li {margin: 8px 0 0 15px;}
.total_search_result .total_aside .hot_topic dd li:first-child {margin-top: 0;}
.total_search_result .total_aside .hot_topic dd li a em {display: inline-block; width: 15px; height: 12px; margin-right: 5px; line-height: 12px; border: 1px solid #e0e0e0; font-size: 9px; color: #000; text-align: center;}

tr.board:hover { background-color: #eeeeff; }
tr.board { cursor:pointer; }
tr.board_bold:hover { background-color: #eeeeff; }
tr.board_bold { cursor:pointer; font-weight:bold; }

