/* login */

/* Common */
body{word-break: keep-all;}
.body{padding:0;}
table {/*border-collapse: collapse;*/ border-spacing: 0; table-layout:fixed;width: 100%;}
.selectedRow {background-color: #1c8ed7; cursor: pointer;}

section{padding:38px 0;}
section .container {min-width:1200px;width:1200px;margin:0 auto;background-color:transparent;}
caption {height: 1px;font-size: 0; line-height: 0; display: none;}
.bg-gray{background-color:#f7f7f7;}
.bg-lightblue{background-color:#deecfc;}
.section-border-top{border-top:1px solid #e9e9e9;}
.section-border-bottom{border-bottom:1px solid #ebebeb;}
.header, .visual.sub .sub_title, .body.fixed-width, .body.fixed-width.none .content, .footer .f_info_area, .footer .copyright {width:1200px;}
.body.fixed-width.left .content, .body.fixed-width.right .content{width:1024px;]}
.body.fixed-width.left .lnb, .body.fixed-width.right .lnb{width:180px;}
input[type=checkbox], input[type=radio] {margin: 4px 0 0; margin-top: 1px \9;}
input[type=checkbox], input[type=radio] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
button, input, select, textarea {font-size: 14px;line-height: inherit;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;} select::-ms-expand { display: none; }
input.check {position: relative; margin: 0; padding: 0; width: 20px !important; height: 20px !important; text-align: center;  background-color: white; border: 1px solid #475577; -webkit-border-radius: 0; -moz-border-radius: 0;    border-radius: 0;   vertical-align: middle;  overflow: hidden;}
input.check2 {position: relative; margin: 0; padding: 0; width: 20px; height: 20px; text-align: center;  background-color: white; border: 1px solid #475577; -webkit-border-radius: 0; -moz-border-radius: 0;    border-radius: 0;   vertical-align: middle;  overflow: hidden;}
button, input, optgroup, select, textarea {margin: 0; color: inherit;}
.label {display: inline; font-size: 95%;margin-left: 4px; font-weight: 300; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;}
i, em, address {font-style: normal;}
select {background:#fff url(/img/daaa.png) no-repeat 96% 50%;padding-left: 10px;  background-size: 15px;  border: 1px solid #999;  border-radius: 0px;  -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.header, .visual.sub .sub_title, .body.fixed-width, .body.fixed-width.none .content, .footer .f_info_area, .footer .copyright {width:1024px; background: #fff;}
.body.fixed-width.left .content, .body.fixed-width.right .content{width:1024px; padding: 0px 0px 70px;}
.text-center{text-align:center !important;}
select{-webkit-appearance: none;-moz-appearance: none; appearance: none;} select::-ms-expand { display: none; }
input {box-shadow: none!important;  -webkit-appearance: none;}
[class^="iu-"], [class*=" iu-"] {position: absolute; display: block; overflow: hidden; background-repeat: no-repeat; border-style: solid; border-width: 0px;}
textarea{resize:none;}
.btn-group, .btn-group-vertical {position: relative; display: inline-block; vertical-align: top;}

.text-gray {
    color: #7e7e7e;
}
.text-main {
    color: #ff1d1e;
}
.text-fff {
    color: #fff;
}
.text-aaa {
    color: #aaa;
}
.text-sub {
    color: #2466a1;
}
.text-facebook {
    color: #3b5998;
}
.text-naver {
    color: #00BD39;
}
.text-kakao {
    color: #3B1E1E;
}
.text-7e7e7e {
    color: #7e7e7e;
}
.text-222222 {
    color: #222222;
}
.text-8e8e8e {
    color: #8e8e8e;
}
.text-4285f4 {
    color: #4285f4;
}
.color_1{color: #f39c12;}
.color_lightblue {color: #00ffff;}
.color_blue {color: #03357b;}
.color_blue2 {color: #2677cc;}
.color_red {color: red;}
.color_lightglay {color:#ddd;}
.bg_color_lightblue { background-color:rgba(247,251,255,.7)}
.bg_color_lightblue2 { background-color:#c5f6fa}
.bg_color_magenta { background-color:#e2d6ee}
.bg_color_orange {background-color: rgba(243,156,17,.3);}
.bg_color_1 { background-color:#898989}
.bg_color_2 { background-color:#00b0f0}
.bg_color_3 { background-color:#fa8d3d}
.bg_color_4 { background-color:#14c449}
.bg_color_5 { background-color:#ff0000}
.bg_color_6 { background-color:#002060}
.bg_color_7 { background-color:#ffc000}
.bg_color_8 { background-color:#ac66bb}
.bg-color-1{background: rgba(253,185,2,.7)}
.bg-color-2{background: rgba(46,204,113,.3)}
.bg-color-3{background: rgba(249,57,57,.7)}
.bg-color-4{background: rgba(175,212,255,.7)}
.bg-color-5{background: rgba(3,53,123,1)}
.bg-color-6{background: rgba(253,185,2,.7)}
.bg-color-7{background-color: #14c449;}
.bg-color-8{background-color: #ff0000;}
.bg-color-9{background-color: #ffc000;}
.bg-color-10{background-color: #333333;}
.bg-on{background: yellow}

.float_l{float: left}
.float_r{float: right}
.float_r2{float: right}

a{color:inherit;}
body{word-wrap: break-word;word-break: keep-all;}
.fts90{font-size:90% !important;} 
.fts100{font-size:100% !important;} 
.fts110{font-size:110%  !important;} 
.fts120{font-size:120% !important;} 
.fts130{font-size:130% !important;} 
.fts140{font-size:140% !important;} 
.fts150{font-size:150% !important;} 
.fts160{font-size:160% !important;}
.fts170{font-size:170% !important;} 
.fts185{font-size:185% !important;} 
.fts200{font-size:200% !important;} 
.fts220{font-size:220% !important;} 
.fts250{font-size:250% !important; font-weight: 500;}
.pd3{padding:3px !important;} 
.pd5{padding:5px !important;} 
.pd8{padding:8px !important;} 
.pd10{padding:10px !important;} 
.pd15{padding:15px !important;} 
.pd20{padding:20px !important;}
.p30{padding: 30px !important;}
.pdtb3{padding:3px 0 !important;} 
.pdtb5{padding:5px 0  !important;} 
.pdtb8{padding:8px 0 !important;} 
.pdtb10{padding:10px 0 !important;} 
.pdtb15{padding:15px 0 !important;} 
.pdtb20{padding:20px 0 !important;}
.pdtb27{padding:27px 0 !important;}
.pdt0{padding-top:0px !important;}
.pdt2{padding-top:2px !important;}
.pdt3{padding-top:3px !important;} 
.pdt5{padding-top:5px  !important;} 
.pdt8{padding-top:8px !important;} 
.pdt10{padding-top:10px !important;} 
.pdt15{padding-top:15px !important;} 
.pdt20{padding-top:20px !important;}
.pdt80{padding-top:80px !important;}
.pdb3{padding-bottom:3px !important;} 
.pdb5{padding-bottom:5px !important;} 
.pdb8{padding-bottom:8px !important;} 
.pdb10{padding-bottom:10px !important;} 
.pdb15{padding-bottom:15px !important;} 
.pdb20{padding-bottom:20px !important;}
.pdl3{padding-left:3px !important;} 
.pdl5{padding-left:5px !important;} 
.pdl8{padding-left:8px !important;} 
.pdl10{padding-left:10px !important;} 
.pdl15{padding-left:15px !important;} 
.pdl20{padding-left:20px !important;}
.pdl40{padding-left:40px !important;}
.pdr3{padding-right:3px !important;} 
.pdr5{padding-right:5px !important;} 
.pdr8{padding-right:8px !important;} 
.pdr10{padding-right:10px !important;} 
.pdr15{padding-right:15px !important;} 
.pdr20{padding-right:20px !important;}

.mg0{margin:0 !important;}
.mg0a{margin:0 auto} 
.mg3{margin:3px  !important;} 
.mg5{margin:5px  !important;} 
.mg8{margin:8px !important;} 
.mg10{margin:10px !important;} 
.mg15{margin:15px !important;} 
.mg20{margin:20px !important;}
.mg30{margin: 30px !important;}
.mgtb3{margin:3px 0 !important;} 
.mgtb5{margin:5px 0 !important;} 
.mgtb8{margin:8px 0 !important;} 
.mgtb10{margin:10px 0 !important;} 
.mgtb15{margin:15px 0 !important;} 
.mgtb20{margin:20px 0 !important;}
.mgt3{margin-top:3px !important;} 
.mgt4{margin-top:4px !important;} 
.mgt5{margin-top:5px !important;} 
.mgt6{margin-top:6px !important;} 
.mgt8{margin-top:8px !important;} 
.mgt10{margin-top:10px !important;} 
.mgt15{margin-top:15px !important;} 
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgb3{margin-bottom:3px !important;}
.mgb5{margin-bottom:5px !important;} 
.mgb8{margin-bottom:8px !important;}
.mgb10{margin-bottom:10px !important;} 
.mgb15{margin-bottom:15px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb50{margin-bottom:50px !important;}
.mgb60{margin-bottom:60px !important;}
.mgb75{margin-bottom:75px !important;}
.mgb85{margin-bottom:85px !important;}

.mgl3{margin-left:3px !important;} 
.mgl5{margin-left:5px !important;} 
.mgl8{margin-left:8px !important;} 
.mgl10{margin-left:10px !important;} 
.mgl11{margin-left:11px !important;}/*20171213 추가*/  
.mgl15{margin-left:15px !important;} 
.mgl20{margin-left:20px !important;}
.mgl41{margin-left:41px !important;}
.mgr3{margin-right:3px !important;} 
.mgr5{margin-right:5px !important;} 
.mgr8{margin-right:8px !important;} 
.mgr10{margin-right:10px !important;} 
.mgr15{margin-right:15px !important;}
.mgr20{margin-right:20px !important;}
.mgr50{margin-right:50px !important;}

.w_10p{width: 10% !important;} 
.w_13p{width: 13% !important;} 
.w_15p{width: 15% !important;}
.w_16p{width: 16% !important;} 
.w_17p{width: 17% !important;}
.w_18p{width: 18% !important;} 
.w_20p{width: 20% !important;}
.w_25p{width:25% !important;} 
.w_28p{width:28% !important;} 
.w_30p{width:30% !important;} 
.w_33p{width:33% !important;} 
.w_333p{width:33.3% !important;}
.w_338p{width:33.8% !important;} 
.w_34p{width:34% !important;} 
.w_35p{width: 35% !important;} 
.w_36p{width: 36% !important;} 
.w_45p{width: 45% !important;} 
.w_50p{width: 50% !important;} 
.w_55p{width: 55% !important;}
.w_58p{width: 58% !important;}  
.w_70p{width: 70% !important;} 
.w_75p{width: 75% !important;} 
.w_80p{width: 80% !important;} 
.w_100p{width: 100% !important;} 

.h_100p{height: 100% !important;}
.mw_100p{max-width: 100% !important;} 
.mw_95p{max-width: 95% !important;} 
.mw_90p{max-width: 90% !important;}

.dpinb, .dpinb_m{display:inline-block} 
.dpb{display: block !important;} 
.dpt{display:table} 
.dptc, .dptc_m{display:table-cell} 
.cursp{cursor:pointer !important;} 
.lhtn{line-height:1.5} .boxb{box-sizing:border-box !important;}

.bd0px{border-width:0px !important;} 
.bdt0px{border-top-width:0px !important;} 
.bdb0px{border-bottom-width:0px !important;} 
.bdl0px{border-left-width:0px !important;} 
.bdr0px{border-right-width:0px !important;} 
.bdsd{border-style:dotted}

.bd1px{border-width:1px !important;} 
.bdt1px{border-top-width:1px !important;} 
.bdb1px{border-bottom-width:1px !important;}
.bdl1px{border-left-width:1px !important;} 
.bdr1px{border-right-width:1px !important;} 
.bdss{border-style:solid}

.fw100{font-weight:100 !important;}
.fw400{font-weight:400 !important;} 
.fw600{font-weight:600 !important;} 
.tx_al_l{text-align:left !important;} 
.tx_al_c{text-align:center !important;} 
.tx_al_r{text-align:right !important;}
.part_line{width:100%;border-top:1px solid #ddd;margin: 6.3% 0;}
.txt_end{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.f18{font-size:18px;}


/**/
.comline{line-height:1.5;} 
.label {padding: .3em .6em; border-radius: 15px;}
.label-sub {background:#898989; color: #fff;}/* 모집대기 color 20171207 */
.label-sub2 {background:#00b0f0; color: #fff;}/* 펀딩진행중 color 20171207 */
.label-sub3 {background:#fa8d3d; color: #fff;}/* 상환대기중 color 20171207 */
.label-sub4 {background:#14c449; color: #fff;}/* 이자상환중 color 20171207 */
.label-sub5 {background:red; color: #fff;}/* 연체중 color 20171207 */
.label-sub6 {background:#002060; color: #fff;}/* 중도상환완료 color 20171207 */
.label-sub7 {background:#ffc000; color: #fff;}/* 만기상환완료 color 20171207 */
.label-sub8 {background:#ac66bb; color: #fff;}/* 투자취소 color 20171207 */
.label-sub9 {background:#222222; color: #fff;}/* 투자취소 color 20171207 */

.percent_var{width:100%;height:8px;background:#d9d9d9;margin:10px 0;overflow:hidden;}
.percent_{height:8px;height: 8px;background:#F39C11;display: block;transition: 2s;width:0;}

.btn_bd, .btn_bd_a a{border:1px solid; padding:10px;cursor:pointer;}
.btn_bd2, .btn_bd2_a a{border:1px solid; padding:10px;cursor:pointer;font-size: 24px;}
.btn_bd3, .btn_bd3_a a{padding:10px;cursor:pointer;font-size: 14px;}
.btn_bd4, .btn_bd2_a a{border:1px solid; padding:10px;cursor:pointer;font-size: 24px; background:#000}
.btn_rbd, .btn_rbd_a a{border:1px solid; padding:10px;cursor:pointer;}
.tbtn, .tbtn_a a{border:1px solid #F39C11;color:#F39C11;}
.tbtn:hover, .tbtn:hover a, .tbtn_a a:hover, .tbtn.active, .tbtn.active a, .tbtn_a a.active{background-color:#F39C11;}
.wrapper { max-width:1200px; margin:0 auto; position: relative;box-sizing:border-box;}

.tfclr, .tfclr_h:hover , .with_bullet{color:#00ffff !important;}
.tbclr, .tbclr_h:hover, a.active, .t_on {background-color:#f39c12  !important;}
.tdclr, .tdclr_h:hover, .t_on {border-color:#F39C11 !important;}

.tfclr2, .tfclr2_h:hover , .with_bullet{color:#fff !important;background: #f39c12;}
.tbclr2, .tbclr2_h:hover, a.active, .t_on {background-color:#f39c12  !important;}
.tdclr2, .tdcl2r_h:hover, .t_on {border-color:#f39c12 !important;}

.tfclr3, .tfclr3_h:hover , .with_bullet{color:#F39C11 !important;}
.tbclr3, .tbclr3_h:hover, a.active, .t_on {background-color:#f39c12  !important;}
.tdclr3, .tdclr3_h:hover, .t_on {border-color:#F39C11 !important;}

.tfclr4, .tfclr4_h:hover , .with_bullet{color:#ff0000 !important;}
.tbclr4, .tbclr4_h:hover, a.active, .t_on {background-color:#ff0000  !important;}
.tdclr4, .tdclr4_h:hover, .t_on {border-color:#ff0000 !important;}

.stfclr, .stfclr_h:hover {color:#2aa7d3 !important;}
.stbclr, .stbclr_h:hover {background-color:#2aa7d3 !important;}
.stdclr, .stdclr_h:hover {border-color:#2aa7d3 !important;}

.wfclr, .wfclr_h:hover, a.active, .t_on {color:#fff !important;}
.wbclr, .wbclr_h:hover {background-color:#fff !important;}
.wdclr, .wdclr_h:hover {border-color:#fff !important;}

.gfclr, .gfclr_h:hover {color:#ccc !important;}
.gbclr, .gbclr_h:hover {background-color:#f7f7f7 !important;}
.gdclr, .gdclr_h:hover {border-color:#eee !important;}
.clear:after{clear:both; content:""; display:block;} 
#header .navi > li.login_menu{padding-left:200px;}
.navi .m:before{content:''; display:block; width:1px;height:14px; background-color:#c6c2c0;position:absolute;right:0;top:28px;}
.navi li:nth-child(6):before{display:none;}
.text-darkmint{color:#F39C11}

.navi .login_menu font{border:1px solid #ffb777; font-size:15px; padding:5px 20px; }
.navi .login_menu font.join a{color:#24284e;}
.td-hidden{border: 0; background-color: #f7fbff;}

/* 버튼 테스트 */
.btn_wrap0{ display:none }
.btn_wrap{width: 310px; }
.btn_wrap2{width: 280px; margin-top: 50px; }
.btn_wrap3{width: 480px; margin: 0 auto; padding: 0; margin-top: -360px}
.btn_wrap4{width: 480px; margin: 40px 0 0 84px; padding-bottom: 50px;}
.btn_wrap5{width: 320px; margin: 0 auto; padding: 0; margin-top: 10px; position: absolute;  z-index:11111}
.btn_wrap6{width: 49% }
.btn_wrap7{width: 130px; }
.btn_wrap9{width: 80px; }
.btn_wrap77{width: 190px; }

.invest_box {display:inline-block; position: absolute; top: -30px;background:#F39C11; padding:7px 10px; color: #fff;border-radius:30px}
.btn_line{width: 660px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line2{width: 100%; margin: 0 auto; padding: 15px; display: inline-table;}
.btn_line3{width: 278px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line4{/*width: 56%;*/width: 45%; margin: 0 auto;}
.btn_line5 {width: 28%; margin: 0 auto; padding: 30px;}
.btn_line6 {width: 37%; margin: 0 auto; padding: 30px;}
.btn_line7 {width: 65%; margin: 0 auto; padding: 30px;}
.btn_line8 { margin: 0 auto; padding: 30px;}
.btn_line9 {display: flex; width: 100%; margin: 0 auto;}
.btn_line10 {width: 100%; margin: 0 auto; padding: 30px 0;text-align: center;}/*201713 추가*/
.btn_line11 {width: 28%; margin: 0 auto; padding: 30px;margin-top: 30px;}
.page_04_text{font-size: 36px;	letter-spacing: -1px;}
.bt_all {margin: 0 auto;}
.btn-s {width: 90px; margin-left: auto; margin-right: auto; padding: 2px 10px; text-align: center; color: #fff; border-radius: 0px; line-height:18px;  display: inline-block;}	

.btn { display: inline-block;  margin-bottom: 0;  font-weight: normal;  text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent;
  white-space: nowrap; padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn-1 { display: inline-block;  margin-bottom: 0;  font-weight: normal;  text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent;
  white-space: nowrap; padding: 6px 12px;font-size: 11px;line-height: 1.42857143;border-radius: 4px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn-2 { display: inline-block;  margin-bottom: 0;  font-weight: normal;  text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent;
  white-space: nowrap; padding: 6px 12px;font-size: 8px;line-height: 1.42857143;border-radius: 4px; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}/*20171213 추가*/


.circle {content: ""; display: inline-block; margin-right: 1px; width: 12px; height: 12px; margin-top: -2px; vertical-align: middle; background-position: center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.btn-circle {border-radius: 20px; background-color: white; padding: 6px 23px;}
.btn-squre {border-color: #02347b !important; color: #02347b !important;}
.btn-red-circle {border-color: #ff1d1e !important; color: #ff1d1e !important;background: #fff}
.btn-circle:hover, .btn-circle:active, .btn-red-circle:hover, .btn-red-circle:active, .btn-squre:hover, .btn-squre:active{color: white !important;}
.btn-red-circle:hover {background-color: #ff1d1e !important;}
.btn-circle:hover, .btn-squre:hover {background-color: #02347b !important;}
.btn-blue-circle {border-radius: 20px; padding: 3px 13px; border-color: #2677ee !important; color: #ffffff !important;background-color: #2677ee !important;}
.btn-green-circle {border-radius: 20px; padding: 3px 13px; border-color: #14dd49 !important; color: #ffffff !important;background-color: #14dd49 !important;}
.btn-redh-circle {border-radius: 20px; padding: 3px 15px; border-color: #ff1d1e !important; color: #ffffff !important;background-color: #ff1d1e !important;}
.btn-black-circle {border-radius: 20px; padding: 3px 15px; border-color: #222222 !important; color: #ffffff !important;background-color: #222222 !important;}

.btn-red-circle, .btn-sub-circle {border-radius: 20px; background-color: white; padding: 3px 13px}
.btn-sub-circle, .btn-sub-squre {border-color: #02347b !important; color: #02347b !important;}
.btn-sub-circle:hover, .btn-sub-circle:active, .btn-red-circle:hover, .btn-red-circle:active, .btn-sub-squre:hover, .btn-sub-squre:active{color: white !important;}
.btn-red-circle:hover {background-color: #ff1d1e !important;}
.btn-sub-circle:hover, .btn-sub-squre:hover {background-color: #02347b !important;}
.btn-sub-squre {border-radius: 0;padding: 3px 5px;}
.btn-sub-circle:active {background-color: #1a4a75 !important;}



/* GNB */
.container.fixed_header{padding-top:0;}
.fixed_header .header_wrap{background: #fff;border-bottom:1px solid #e1e1e1;}
.fixed_header .header_wrap.shrink .header{border-bottom:0;}
.fixed_header .header_wrap.shrink{/*padding:8px 0 8px 0;*/padding:0;}

/*20190102 추가 시작*/
.curtain-banner-wrap {padding-top: 2px; width: 100%; height: 30px; background: #e4e9fe;}
.curtain-banner-wrap .inner {width: 1024px; margin: 0 auto;}
.curtain-banner-wrap .inner .message_cont{float: right;margin-left: 5px;  font-size: 14px; top: 5px; position: relative;}
/*20190102 추가 끝*/

.header>h1 img{max-height:46px;}
.header>h1{padding:9px 0;}
.gnb>ul>li>a{line-height:80px;color:#666;}
.gnb>ul>li.on>a, .gnb>ul>li>a:focus, .gnb>ul>li>a:hover{color:#1a3d7c;}
.gnb>ul .depth2{background-color:#fff;border:1px solid #e4e4e4;box-shadow:1px 1px 6px rgba(0,0,0,.08);}
.gnb>ul .depth2:after{background-color:#1a3d7c;}
.gnb>ul .depth2 a{color:#666;}
.gnb>ul .depth2>li.on>a, .gnb>ul .depth2 a:active,.gnb>ul .depth2 a:focus,.gnb>ul .depth2 a:hover{color:#fff; background: #1a3d7c;}
.gnb>ul .depth2{top:90%;}
.shrink .gnb>ul .depth2{top:100%;}

.gnb>ul .depth2 a{padding: 0 0 0 20px;}
.btn_top{bottom:0px;}

.hfn-navbar .hfn-nav-item {float: left; display: block;}
.hfn-navbar *, .aside-nav * { box-sizing: border-box;}

.hfn-navbar .login-btn, .hfn-navbar .logout-btn, .aside-nav .login-btn, .aside-nav .logout-btn {border: 1px solid #1a3d7c;color: #1a3d7c;margin: 20px 10px;line-height: 35px; }
.hfn-navbar .login-btn:hover {color: #1a3d7c; border-color: #1a3d7c; background-color: #f7fcff; }
.hfn-navbar .join-btn, .aside-nav .join-btn { border: 0; background-color: #1a3d7c;color: #fff; margin: 20px 10px;line-height: 35px; }
.hfn-navbar .join-btn:hover, .aside-nav .join-btn:hover { color: #fff; background-color: #1a3d7c; }
.nav-bar2{display:none}
.new_content{display: inline-block;}
.n_box {display:block; background:red; width:20px; height:20px; line-height:20px; border-radius:0px; font-size:12px; font-weight:600; color:#fff; border:none;text-align: center;}


/* Contents */
/*20171127 추가*/
.main_vs {overflow:hidden; height:375px; background:#eee; position:relative;}
.main_vs:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; }
.main_vs li {list-style:none;}
.main_vs .rolling_box {height:375px; background-position:center top;}
.main_vs .layout_fix {height:375px;}
.main_vs .rolling_img {position:absolute; left:0; top:60%; margin-top:-120px;}
.main_vs .link {color:#453737; font-size:15px; letter-spacing:-1px; border-radius:6px; border:1px solid #614f4f; line-height:44px; height:44px; box-sizing:border-box; margin-top:10px; width:160px; text-align:center;}
.main_vs .link {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_vs .link:hover {background:#453737; color:#fff; border-color:#453737; border-radius:100px;}

.main_vs .rolling_nate {position:absolute; left:0; bottom:30px; text-align:center; z-index:20; width:100%;}
.main_vs .rolling_nate ul {display:inline-block;}
.main_vs .rolling_nate li {float:left;}
.main_vs .rolling_nate .tx {background:transparent url('/img/color_30.png') left top repeat; color:#fff; font-size:15px; height:43px; line-height:43px; width:170px; margin-left:1px; letter-spacing:-0.5px;}
.main_vs .rolling_nate .tx {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
.main_vs .rolling_nate .active .tx {background:#312a2a !important; color:#fff !important;}
.main_vs .rolling_nate .tx:hover {background:#fff; color:#312a2a;}

.main_vs .rolling_nate {z-index:100;}
.main_vs .rolling_nate .tx.active {background:#312a2a !important; color:#fff !important;}
.main_vs .rolling_nate a,span {display:inline-block;}
.layout_fix {width:1024px; margin:0 auto; position:relative; box-sizing:border-box;} /* 이부분 실작업시 수정할것!  컨첸츠 레이아웃 전체값 */

/*20171127 추가 끝*/


.main-visual-wrap{padding:70px 0 0px 0;background-position:center 100%;background-repeat:no-repeat;}

.main-visual .container{z-index:10;}
.main-visual .container h1{color:#5a748e;text-align:center;}

.main-visual h1{text-align:center;font-size:60px;color:#fff;font-weight:700;margin-top:104px;line-height:46px;padding-bottom: 47px}
.main-visual h1 span{font-weight:200;color:#fff;margin-bottom:20px;}
.main-visual a{display:table;border:2px solid #023161;color:#023161;font-size:14px;font-weight:700;margin:auto;margin-top:26px;border-radius:4px;padding:6px 20px 8px 20px;}
.main-visual .m-visual-txt{text-align: center;font-size: 16px; color: #fff; line-height: 30px;}
.main-visual .icon-list {padding-top: 80px;}
.main-visual .icon-list>div{width:100%;float:left;box-sizing:border-box;}
.main-visual .icon-list:after {content:""; display:block; clear:both;}
.main-visual .iconli_wrap i{color:#fff; font-style:normal; display:block; margin-bottom:10px;text-align:center;font-size:24px;}
.main-visual .icon-list>div div{float:left; width:25%; text-align:center; color:#fff;}
.main-visual .icon-list>div div span{display:block; font-size:23px; padding:20px 0 5px;line-height:1.3;}
.main-visual .icon-list>div div p{font-size:14px;padding-top:10px;width:88%; margin:0 auto; word-break:keep-all;}

.main-banner-wrap{margin: 0 auto; padding:20px 0; text-align:center;background: url(/img/main/main_visual1.jpg) no-repeat center 0;}
.main_servicesinfo{    display: inline-block;}
.main_servicesinfo li				{ text-align:center; width:333px; margin:0 auto; margin-right:10px; float:left; font-size:14px; line-height:24px; color:#FFFFFF}
.main_servicesinfo li div:nth-child(1) {height:40px;line-height:40px;}
.main_servicesinfo li div:nth-child(2) {width:300px;background-color:#FFFFFF;}
.main_servicesinfo li .button {width: 333px; height: 60px; background-color: red; border: 1px solid red; font-size: 24px;font-weight: bold;text-align: center; color: #fff; line-height: 60px;margin-top: 25px;}
.main_servicesinfo li:last-child	{margin-right:0}


.main-date-wrap{padding:55px 0 50px 0;background: url('/img/main/main_visual3.jpg?v=100') no-repeat center 0; height: 100%; background-position: center 100%; background-repeat: no-repeat;background-attachment: fixed;}
.main-date .container{z-index:10;}
.main-date .container h1{color:#5a748e;text-align:center;}
.main-date h1{text-align:center;font-size:34px;color:#fff;font-weight:200;line-height:46px;}
.main-date h1 span{font-weight:700;color:#fff;margin-bottom:20px;}
.main-date .subtitle {text-align: left; font-size: 16px;  color: #fff;  padding-top: 5px;}

.main-date .owl-carousel{position:relative;}
.owl-nav div{text-indent:-9999px; overflow:hidden; position:absolute;}

.owl-carousel{position:relative;}
.owl-nav div{text-indent:-9999px; overflow:hidden; position:absolute;}
.owl-carousel .owl-nav .owl-prev{background:url('/img/ow_prev.png') no-repeat 0 0; width:19px; height:96px;left:0;top:50%;margin-top:-43px;}
.owl-carousel .owl-nav .owl-next{background:url('/img/ow_next.png') no-repeat 0 0; width:19px; height:96px;right:0;top:50%;margin-top:-43px;}	
.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent;	position: relative}
.owl-carousel {	display: none;	width: 100%;z-index: 1}
.owl-carousel .owl-stage {	position: relative;	-ms-touch-action: pan-Y;	-moz-backface-visibility: hidden}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;	line-height: 0;	height: 0}
.owl-carousel .owl-stage-outer {position: relative;	overflow: hidden;-webkit-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);	-ms-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none}
.owl-carousel .owl-item img {display: block;width: 100%}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none}
.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block}

.owl-carousel.owl-loading {opacity: 0;	display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel.owl-refresh .owl-item {visibility: hidden}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-grab {cursor: move;cursor: grab}
.owl-carousel.owl-rtl {	direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}
.owl-carousel .animated {animation-duration: 1s;animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {animation-name: fadeOut}

.prodcuct_slist{width:97%;padding:15px 15px 15px 0px;display:block;margin:24px 0 24px auto;box-sizing:border-box;overflow-x:hidden;border:0}
.slist li:first-child {margin-left: 0;}
.slist li { float: left; width: 48%; height: 100%; overflow: hidden; margin-left: 24px;}

.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.prodcuct_list2{width:93%;background:rgba(0,0,0,0.6);padding:15px;display:block;margin:25px auto;box-sizing:border-box;overflow-x:hidden; border: 1px solid #F39C11;}
    .prodcuct_list2 h2{line-height:2;text-align:left; color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.invest2_p_img{height:1px;width:100%;padding-bottom:50%; background-repeat:no-repeat;background-position:50%;background-size:100% 100%;transition: 1s;}
	.invest2_p_img.on{background-color:rgba(0,0,0,.5); width: 355px;  height: 176px; left: 0; top: 0; z-index: 5;;}
	.invest2_p_img:hover{background-size:120% 120%;}
	.invest2_p_info{position:relative;width:66%;float:left; box-sizing:border-box;text-align:left;}
	.invest2_p_info>ul{padding-bottom:10px;margin-top:17px;}
	.invest2_p_info>div{float:left;box-sizing: border-box;}
	.invest2_p_info > div.invest2_p_info1{width:48.3%;}
	.invest2_p_info > div.invest2_p_info2{width:51.7%;}
	.invest2_p_info>ul li span{font-size:18px; color:#8e8e8e; display:block;}
	.invest2_p_info>ul li em{font-size:22px; color:#222;} 
	.sect6-contents{text-align:center;padding:80px 0;}
	/*.sect6-contents div{display:inline-block; padding:0 30px; position:relative;}
	.sect6-img:after{position:absolute; top:0; content:''; display:block;right:0; width:1px; height:58px; border-right:1px dashed #fff;}*/
	.prodcuct_listimg {width:34%;float:left;position:relative;}
	.bg_img div {color: #FFF;font-size: 0.92em;padding: 5px 8px;display: inline-block;position: absolute; font-size:13px; top:0}
	.invest2_p_info ul li{border-top:1px solid #fff;color:#fff;padding:10px 0;}
	.invest2_p_info ul li span{font-size:16px;}
	.invest2_p_info ul li span.incentive_box {display:inline-block; margin-left:5px; font-size:10px; background:#F39C11; padding:2px 5px; color: #fff; border-radius:14px;vertical-align: middle;}
	.invest2_p_info ul li em{font-size:16px; color:#F39C11;float:right; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 300px; text-align: right;}
	.invest2_p_info ul li:last-child{border-bottom:1px solid #fff;}


.prodcuct_list{width:93%;background:rgba(0,0,0,0.6);padding:15px;display:block;margin:25px auto;box-sizing:border-box;overflow-x:hidden;border:0}
    .prodcuct_list h2{line-height:2;text-align:left; color: #fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.invest_p_img{height:1px;width:100%;padding-bottom:50%; background-repeat:no-repeat;background-position:50%;background-size:100% 100%;transition: 1s;}
	.invest_p_img.on{background-color:rgba(0,0,0,.5); width: 355px;  height: 176px; left: 0; top: 0; z-index: 5;;}
	.invest_p_img:hover{background-size:120% 120%;}
	.invest_p_info{position:relative;width:66%;float:left; box-sizing:border-box;text-align:left;}
	.invest_p_info>ul{padding-bottom:10px;margin-top:17px;}
	.invest_p_info>div{float:left;box-sizing: border-box;}
	.invest_p_info > div.invest_p_info1{width:48.3%;}
	.invest_p_info > div.invest_p_info2{width:51.7%;}
	.invest_p_info>ul li span{font-size:18px; color:#8e8e8e; display:block;}
	.invest_p_info>ul li em{font-size:22px; color:#222;} 
	.sect6-contents{text-align:center;padding:80px 0;}
	/*.sect6-contents div{display:inline-block; padding:0 30px; position:relative;}
	.sect6-img:after{position:absolute; top:0; content:''; display:block;right:0; width:1px; height:58px; border-right:1px dashed #fff;}*/
	.prodcuct_listimg {width:34%;float:left;position:relative;}
	.bg_img div {color: #FFF;font-size: 0.92em;padding: 5px 8px;display: inline-block;position: absolute; font-size:13px; top:0}
	.invest_p_info ul li{border-top:1px solid #fff;color:#fff;padding:10px 0;}
	.invest_p_info ul li span{font-size:16px;}
	.invest_p_info ul li span.incentive_box {display:inline-block; margin-left:5px; font-size:10px; background:#F39C11; padding:2px 5px; color: #fff; border-radius:14px;vertical-align: middle;}
	.invest_p_info ul li em{font-size:16px; color:#00ffff;float:right; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 300px; text-align: right;}
	.invest_p_info ul li:last-child{border-bottom:1px solid #fff;}
	.bg_img div.invest_list_img1,  .bg_img div.invest_list_img3,  .bg_img div.invest_list_img5{left:0;}  
	.bg_img div.invest_list_img2,  .bg_img div.invest_list_img4,  .bg_img div.invest_list_img6{right:0;}
	.bg_img div.invest_list_img1{}
	.bg_img div.invest_list_img2{}
	.bg_img div.invest_list_img3{top: 29px;}
	.bg_img div.invest_list_img4{top: 29px;} 
	.bg_img div.invest_list_img5{top: 58px;}
	.bg_img div.invest_list_img6{top: 58px;}
	.bg_img div.invest_list_img_color_1{background: #77bc1f;}
	.bg_img div.invest_list_img_color_2{background: #3598db;}
	.bg_img div.invest_list_img_color_3{background: #4664bc;}
	.bg_img div.invest_list_img_color_4{background: #0f3654;} 
	.bg_img div.invest_list_img_color_5{background: #548d0b;}
	.bg_img div.invest_list_img_color_6{background: #657479;} 
	
.invest_list_wrap div {color: #FFF;font-size: 0.92em;padding: 5px 8px;display: inline-block;position: absolute; top:23px; font-size:13px;}
.invest_list_img{position:relative;}
.invest_list_wrap .invest_list_img1, .invest_list_wrap .invest_list_img3, .invest_list_wrap .invest_list_img5{left:0;}  
.invest_list_wrap .invest_list_img2, .invest_list_wrap .invest_list_img4, .invest_list_wrap .invest_list_img6{right:0;}
.invest_list_wrap .invest_list_img1{top:0;}
.invest_list_wrap .invest_list_img2{top:0;}
.invest_list_wrap .invest_list_img3{top:29px;}
.invest_list_wrap .invest_list_img4{top:29px;}
.invest_list_wrap .invest_list_img5{top:58px;}
.invest_list_wrap .invest_list_img6{top:58px;}
.invest_list_wrap .invest_list_company_logo{background: #1a3d7c; padding: 5px 20px; line-height: 24px; color: #fff; font-size: 18px; font-weight: 500; text-align: center;}
.invest_list_wrap .invest_list_company_logo2{background: red; padding: 5px 20px; line-height: 24px; color: #fff; font-size: 18px; font-weight: 500; text-align: center;}
.invest_list_wrap .invest_list_img_color_1{background: #85c903;}
.invest_list_wrap .invest_list_img_color_2{background: #dc322f;}
.invest_list_wrap .invest_list_img_color_3{background: #0095ff;}
.invest_list_wrap .invest_list_img_color_4{background: #777fff;}
.invest_list_wrap .invest_list_img_color_5{background: #2cc1b6;}
.invest_list_wrap .invest_list_img_color_6{background: #ff871c;} 

	
@keyframes fadeOut {0% {opacity:1}100% {opacity:0}}
.owl-height {transition: height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy {opacity: 0;	transition: opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;	background: #000}
.owl-carousel .owl-video-play-icon {position: absolute;	height: 80px; width: 80px;	left: 50%;	top: 50%;	margin-left: -40px;	margin-top: -40px;	background: url(owl.video.play.png) no-repeat;	cursor: pointer;
	z-index: 1;	-webkit-backface-visibility: hidden;	transition: transform .1s ease}
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3);	transform: scale(1.3, 1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {	display: none}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;	transition: opacity .4s ease}
.owl-carousel .owl-video-frame {position: relative;	z-index: 1;	height: 100%;width: 100%}
.chart {width:220px; height:220px; position:relative; border-radius:50%; margin:0 auto;}
.chart svg{width:100%;}
.doughnutTip{position:absolute;background:rgba(0,0,0,.7);color:#fff;padding:7px;border-radius:5px;z-index:50}
.doughnutTip:after {position: static;left:50%; bottom:-6px; content:""; height:0; margin:0 0 0 -6px; border-right:5px solid transparent; border-left:5px solid transparent; border-top:6px solid rgba(0,0,0,.8); line-height:0; z-index:99999;}
.doughnutSummary { position: absolute; top: 50%; left: 50%; color: #d5d5d5; text-align: center; text-shadow: 0 -1px 0 #111; cursor: default; }
.doughnutSummaryTitle { display:none;}
.doughnutSummaryNumber { position: absolute; top:calc(50% - 25px); font-size: 43px; width:100%; text-align:center;}
.bx-wrapper .bx-controls-direction a{text-indent:0;color:#fff;font-size:20px;margin-top:-10px}
.bx-wrapper .bx-prev{left:-30px}
.bx-wrapper .bx-next{right:-30px}

.todayProduct {}
table.todayProduct_list {border-collapse: collapse; width: 100%;}
table.invest-form-list__content td {border: 1px solid #d4d4d4; text-align: center; /*padding: 5px;*/ vertical-align: middle;}


.title-line{display:block;}
.btn-apply{border:2px solid #1a3d7c;padding:10px 20px;display:table;color:#1a3d7c;font-weight:700;}
.btn-apply-public{margin:20px 0 30px 0;float:right;}

.content .txt-apply-warp{margin-bottom:10px;font-size:13px;color:#666;line-height:22px;}
.content .txt-apply-warp strong{color:#000;}


.company_about .box-left{float:left;width:190px;height:138px;}
.company_about .box-right a{display:inline-block;border:1px solid #c3c3c3;font-size:12px;color:#1d1d1d;padding:8px 15px;margin:15px 0 0 0;}
.company_about .box-right a i{vertical-align:middle;color:#1a3d7c;font-size:11px;}
.company_about .box-right h3{font-size:18px;margin-bottom:10px;}
.company_about .box-right p{color:#666;margin:6px 0;}

.company_about li{border-bottom:1px solid #e5e5e5;margin-bottom:30px;padding-bottom:30px;width:50%;float:left;}
.company_about li:last-child{border-bottom:0;}

.join-step .step-arrow i{font-size:24px;color:#bbb;line-height:60px;}

.main-about{text-align:center;}
.main-about .title{font-size:19px;font-weight:700;margin-bottom:12px;}
.main-about .txt{font-size:14px;color:#666;width:57%;margin:auto;margin-bottom:30px;}

.company-list .mobile-on{display:none;}

/* SUB */
.sub-visual-wrap{padding:100px 0 40px 0;background:url(/img/login_visual.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img1 {padding:100px 0 40px 0;background:url(/img/visual_img1.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img2 {padding:100px 0 40px 0;background:url(/img/visual_img2.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img3 {padding:100px 0 40px 0;background:url(/img/visual_img3.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img4 {padding:100px 0 40px 0;background:url(/img/visual_img4.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img5 {padding:100px 0 40px 0;background:url(/img/visual_img5.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img6 {padding:100px 0 40px 0;background:url(/img/visual_img6.jpg) no-repeat; background-position: center 100%; height: 80px;}
.sub-visual-img7 {padding:100px 0 40px 0;background:url(/img/visual_img7.jpg) no-repeat; background-position: center 100%; height: 80px;}

.sub-wrap{padding:70px 0 50px 0; background:#e6e6e8;}
.sub .container{z-index:10;}
.sub .container h1{color:#5a748e;text-align:center;}
.visual.sub{margin-top:80px;}
.sub_title {position: relative;  z-index: 2; width: 1200px; margin: 0 auto;padding: 30px 0 40px 0;}
.sub_title h1{text-align:center;}
.sub_title h1:after{left:49%;background-color:#777;}

.sub-head {/*padding:70px 0 60px;*/padding:40px 0 30px;position:relative;	}	
.sub-head>.title {font-size:30px; font-weight: 500; margin: auto; text-align: center;}	
.sub-head span {position:absolute; left:0;top:5px;font-size:13px;}
.sub-head .ban {}
.sub-head .ban2 { display:none}	
.sub-head>h2.title{text-align:center;}
.sub-head>h2.title:after{content: ""; display: block; width: 60px; border-bottom: 1px solid #f19a0f; margin: 10px auto;}
.sub-head2 {padding:0px 0 50px 0;position:relative;	}	
.sub-head2>.title {font-size:30px; font-weight: 500; margin: auto; text-align: center;}	
.sub-head2 span {position:absolute; left:0;top:5px;font-size:13px;}
.sub-head2>h2.title{text-align:center;}
.sub-head2>h2.title:after{content: ""; display: block; width: 60px; border-bottom: 1px solid #f19a0f; margin: 10px auto;}
.title_sub_h4 { width: 100%; font-size:24px;font-weight:500;color:#02347b;line-height:40px;display: -webkit-inline-box;}/*20171108 수정*/
.title_sub_h4 > em {display:block;font-size:13px; line-height: 44px;}
.title_sub_h4 > span {display:block;font-size:13px;color:#fff; line-height: 30px;}
.title_sub_h5 { width: 100%; font-size:18px;font-weight:500;color:#333;line-height:30px;}
.title_sub_h5 > em {display:block;font-size:13px;color:#454545; line-height: 30px;}
.title_sub_h6 { width: 100%; max-width: 200px; font-size:24px;font-weight:500;color:#02347b;line-height:40px;display: -webkit-inline-box;}/*20171108 수정*/
.title_sub_h6 > em {display:block;font-size:13px; line-height: 44px;}
.title_sub_h6 > span {display:block;font-size:13px;color:#fff; line-height: 30px;}
.title_pop_data { width: 100%; font-size:24px;font-weight:400;color:#333;line-height:30px;}
.title_sub_total { width: 100%; font-size:14px;font-weight:500;color:#333;line-height:40px;float: left; display: inline-table;margin-bottom: 15px;margin-top: 10px;}
.title_sub_total  h2{display: -webkit-inline-box;}
.title_sub2_h4 { width: 100%; font-size:20px;font-weight:500;color:#02347b;line-height:30px; text-align:center}


@media(max-width: 767px){
    .title_sub_h6 { width: 100%; max-width: 100%; display: block;}
}


/* 투자회사 리스트 */
.cheak-group{ line-height: 44px; width: 100%;text-align: left; font-size:14px;display: flow-root;/*20171212 추가*/}
.list-group{ float: right;}

/* 검색 서식 */
.search-input-box {position: relative; float: right; height: 38px;}
.selects{width: 172px; float: right; right: 305px; position: absolute;display: flex;}
.keyword {float: left; display: block; margin: 0; padding: 0 1.5rem 0 0.625rem;  height: 38px; width: 260px; font-size: 0.875rem; color: #999999; border: 1px solid #e1e1e1; border-radius: 0px; text-align: left;}
.submit {position: absolute; right: 0; top: 0px;
    display: block;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 38px;
    font-size: 0.875rem;
    color: #869ea9;
    line-height: 30px;
    background-color: transparent;
    border: none;
    border-left: 1px solid #e1e1e1;
    cursor: pointer;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 테이블 20171121 추가 */
.panel-body { display:none}

.moneybook-table {border-left: 1px solid #03357b;border-right: 1px solid #03357b; margin: 0;}
.moneybook-table:last-child {margin-bottom: 0px;}
.moneybook-table > thead > tr > th {height: 36px;}
.moneybook-table > thead > tr > th, .moneybook-table > tbody > tr > th, .moneybook-table > tr > th {background-color: #03357b; color:#fff; border: 0;vertical-align: middle;}
.moneybook-table > tbody > tr > td, .moneybook-table > tbody > tr > th, .moneybook-table > tfoot > tr > td, .moneybook-table > tfoot > tr > th {border-bottom: 1px solid #03357b;vertical-align: middle;}
.moneybook-table > tbody > tr > td, .moneybook-table > tr > td {background-color: white;}
.moneybook-table tr th, .moneybook-table tr td {height: 41px;}
.moneybook-table > tfoot > tr > td {font-weight: 500;}
.moneybook-table.moneybook-update-table {margin-bottom: 0;}
.moneybook-table.moneybook-update-table tr td input[type=text], .moneybook-table.moneybook-update-table tr td input[type=number] {border: 1px solid #eeeeee; box-shadow: none; padding: 0px 5px; height: auto;}
.moneybook-table.moneybook-update-table tr td input[type=text]:focus, .moneybook-table.moneybook-update-table tr td input[type=number]:focus {border: 1px solid #ff1d1e;}

.table-box {position: relative;}
.table-box table {border-collapse: collapse; white-space: nowrap;}
.table-fixed {z-index: 10; position: absolute; top: 0;}
.table-right-fixed {position: absolute;top: 0;right: 0;}
.table-scroll {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.table-scroll > .icon-chevron-right, .table-scroll > .icon-chevron-left {display: none; position: absolute; top: 11px; width: 40px; height: 20px; text-align: center;}
.table-scroll > .icon-chevron-right {animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}
.table-scroll > .icon-chevron-left {animation: bounce-reverse 2s infinite; -webkit-animation: bounce-reverse 2s infinite; -moz-animation: bounce-reverse 2s infinite; -o-animation: bounce-reverse 2s infinite;}
.table-scroll > .right-bounce-bg, .table-scroll > .left-bounce-bg {display: none; opacity: 0.9; position: absolute; top: 8px; width: 20px; height: 20px; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius:10px; -khtml-border-radius: 10px;-o-border-radius: 10px; background-color: white;}
.table-scroll > .right-bounce-bg {-webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}
.table-scroll > .left-bounce-bg {-webkit-animation: bounce-reverse 2s infinite; -moz-animation: bounce-reverse 2s infinite; -o-animation: bounce-reverse 2s infinite;}

.btn-red-circle.btn-md, .btn-sub-circle.btn-md, .btn-gray-circle.btn-md {padding: 5px 15px;}
.btn-red-circle.btn-sm, .btn-sub-circle.btn-sm, .btn-gray-circle.btn-sm {padding: 1px 10px;}


.invest-product-panel {border-radius: 0;margin-bottom: 20px; position: relative;}
.invest-product-panel > .repayment-complete-bar {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 100px solid transparent;
    border-right: 100px solid #7B7B7B;
    border-left: none;
    border-bottom: none;
    transform: rotate(270deg);
}
.invest-product-panel > .repayment-complete-text {
    display: none;
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 15px;
    color: white;
    transform: rotate(406deg);
}
.invest-product-panel.invest-product-panel-repayment {-webkit-filter: grayscale(100%);}
.invest-product-panel.invest-product-panel-repayment > .repayment-complete-text, .invest-product-panel.invest-product-panel-repayment > .repayment-complete-bar {display: block;}
.invest-product-panel > .panel-heading {background-color: white; padding: 20px;}
.invest-product-panel > .panel-heading > div, .invest-product-panel > .panel-heading > h3 {padding: 0; margin: 0;}
.invest-product-panel > .panel-heading > h3 {margin-top: 10px;}
.invest-product-panel > .panel-heading-info {padding: 10px 0px; border-bottom: 1px solid #ddd;}
.invest-product-panel > .panel-heading-info.row {margin-right: 0; margin-left: 0;}
.invest-product-panel > .panel-body {padding: 15px 15px 0px 15px;}
.invest-product-panel > .panel-footer {background-color: white;  border-top: 0; padding: 20px 15px 20px 15px;  position: relative;}

/* 배너리스트
=========================================================*/
.itembx{display: block;height: 128px; overflow: hidden;}
.itembx .item_tblbx{display: table; width:100%; overflow:hidden; table-layout: fixed;}
.itembx:after{content: "";display: table; clear: both;}
.itembx .datebx{width:100%;display: table-cell; vertical-align: middle;}
.itembx .basic_data{width:100%;    display: grid; vertical-align: middle;}
.itembx .basic_data>div {float: left; box-sizing: border-box; color: #fff; background: rgba(0,0,0,0.6);text-shadow: 2px 2px #333;letter-spacing: 0.6px; padding: 3px 0 3px 3px;}
.itembx .basic_data span {display: inline-block;font-size: 30px; font-weight: bold;color:#F39C11;}
.itembx .metabx{width: 94%;display: table-cell; vertical-align: middle; padding: 20px 0 0 10px; position: absolute; top: 0;}
.itembx .metabx .p_p{font-size: 20px; color:#fff; line-height: 1.2em;font-weight: 600;margin-bottom: 3px;}
.itembx .metabx .p_p .p_logo{max-width: 140px; height: auto; }
.itembx .metabx .p_titles{font-size: 22px;line-height: 1.2em; text-shadow: 2px 2px #222;color:#fff;/*margin-bottom: 5px;/*background: rgba(0,0,0,0.6);*/ padding: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.itembx .basic_data span.ing {display:inline-block; margin-left:5px; font-size:16px;line-height: 24px; padding:2px 3%; background:#F39C11; color: #fff; border-radius:30px; bottom: 6px; position: absolute;}



@media screen and (max-width: 990px) {
    .invest-product-panel > .panel-body {
        padding: 0;
    }
    .invest-product-panel > .panel-footer {
        padding: 20px 15px 20px 15px;
    }
	.title_sub_total { width: 100%; font-size:14px;font-weight:500;color:#333;line-height:40px;float: left; display: inline-table;margin-bottom: 15px;margin-top: 50px;}
}
@media screen and (max-width: 425px) {
    .invest-product-panel > .panel-heading > h3 {
        font-size: 18px;
    }
}


.moneybook-table {margin: 0;}
.table-box, #repaymentHistoryForm .table-box {padding-left: 60px;}
.table-fixed, #repaymentHistoryForm .table-fixed {width: 60px; left: 0;}
.table-fixed > .moneybook-table, .moneybook-update-table {border-right: 0;}
.table-scroll > .moneybook-table, .moneybook-update-table {border-left: 0;}
.moneybook-business-report .icon-chevron-right, .table-scroll > .icon-chevron-right, #repaymentHistoryForm .table-scroll > .icon-chevron-right {right: -8px;}
.moneybook-business-report .right-bounce-bg, .table-scroll > .right-bounce-bg, #repaymentHistoryForm .table-scroll > .right-bounce-bg {right: 3px;}
.moneybook-business-report .icon-chevron-left {left: 90px;}
.moneybook-business-report .left-bounce-bg {left: 100px;}
.table-scroll > .icon-chevron-left, #repaymentHistoryForm .table-scroll > .icon-chevron-left {left: 52px;}
.table-scroll > .left-bounce-bg, #repaymentHistoryForm .table-scroll > .left-bounce-bg {left: 63px;}
@media screen and (max-width: 425px) {
    .moneybook-table.invest-history-table tbody tr th {width: 63px;}
}
@media screen and (max-width: 425px) {
    .moneybook-table > tbody > tr > td, .moneybook-table > tbody > tr > th, .moneybook-table > tfoot > tr > td, .moneybook-table > tfoot > tr > th, .moneybook-table > thead > tr > td, .moneybook-table > thead > tr > th {
        font-size: 12px;
    }
}
.moneybook {
    margin-top: 50px;
}
.moneybook .invest-history .info-box, .moneybook .repayment-history .info-box {
    background-color: white;
    padding: 8px 20px 3px 20px;
    border: 1px solid #c9d3db;
    margin-bottom: 25px;
}
.moneybook .content-footer {
    position: relative;
    margin: 20px 5px;
    height: 35px;
}
.moneybook .content-footer > .page-bar {
    margin-top: 10px;
    margin-bottom: 4px;
}
.moneybook .content-footer .content-footer-btn {
    position: absolute;
    right: 0;
    top: 0px;
}
@media screen and (max-width: 990px) {
    .moneybook {
        margin-top: 30px;
    }
    .moneybook .content-footer .content-footer-btn > a{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        height: 50px;
        padding-top: 13px;
        border-radius: 0;
        z-index: 10;
        color: white !important;
        background-color: #ff1d1e;
        border: none !important;
    }
}



/* 테이블 */
.table_unit {margin-top:10px; margin-bottom:-10px; font-size:0.9em; text-align:right;}
.table_group { -webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:10px; margin-bottom:60px; }
.table_group .table_line {position:absolute; top:0; left:0; width:1px; height:100%; z-index:20; background-color:#fff;}
.table_group table {/*border-collapse:separate;*/}
.table_group table.table {position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group table.table-1 { display:none}
.table_group table.table.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table tbody, .table_group table.table tfoot {text-align:center;}
.table_group table.table thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group table.table tbody tr th, .table_group table.table tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group table.table thead tr:first-child th {border-top-width:0;}
.table_group table.table tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group table.table tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}

.table_group table.table2 {position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group table.table2-1 { display:none}
.table_group table.table2.scroll {width:860px; z-index:10;}
.table_group table.table2 tbody, .table_group table.table tfoot {text-align:center;}
.table_group table.table2 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group table.table2 tbody tr th, .table_group table.table tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#03357b; color:#fff; font-size:14px; text-align:center;}
.table_group table.table2 thead tr:first-child th {border-top-width:0;}
.table_group table.table2 tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group table.table2 tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table2 tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}



.table_group2 { -webkit-overflow-scrolling:touch; /*position:relative;*/ width:100%; margin-top:10px; margin-bottom:60px;  z-index: 15;}
.table_group2 h3{ display:none}
.table_group2 .table_line {position:absolute; top:0; left:0; width:1px; height:100%; z-index:20; background-color:#fff;}
.table_group2 table {/*border-collapse:separate;*/}
.table_group2 table.table {table-layout: fixed; width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6;}
.table_group2 table.table.scroll {width:860px; z-index:10;}
.table_group2 .gesture {z-index:30; transition-property:opacity, top;}
.table_group2 table.table tbody, .table_group table.table tfoot {text-align:center;}
.table_group2 table.table thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group2 table.table tbody tr th, .table_group table.table tfoot tr th {/*padding-top:15px;*/ padding-right:5px;/* padding-bottom:15px;*/ padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group2 table.table thead tr:first-child th {border-top-width:0;}
.table_group2 table.table tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:13px;}
.table_group2 table.table tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group2 table.table tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}

.table_group2 table {/*border-collapse:separate;*/}
.table_group2 table.table1 {table-layout: fixed; width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6;}
.table_group2 table.table1.scroll {width:860px; z-index:10;}
.table_group2 .gesture {z-index:30; transition-property:opacity, top;}
.table_group2 table.table1 tbody, .table_group table.table tfoot {text-align:center;}
.table_group2 table.table1 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group2 table.table1 tbody tr th, .table_group table.table tfoot tr th {/*padding-top:15px;*/ padding-right:5px;/* padding-bottom:15px;*/ padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group2 table.table1 thead tr:first-child th {border-top-width:0;}
.table_group2 table.table1 tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group2 table.table1 tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group2 table.table1 tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}

.table_group2 table.table2 { display:none}

/* 20171109 추가 시작*/
.table_group3 { -webkit-overflow-scrolling:touch; position:relative; width:100%; margin-top:10px; margin-bottom:10px; }
.table_group3 .table_line {position:absolute; top:0; left:0; width:1px; height:100%; z-index:20; background-color:#fff;}
.table_group3 table {/*border-collapse:separate;*/}
.table_group3 table.table {position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group3 table.table-1 { display:none}
.table_group3 table.table.scroll {width:860px; z-index:10;}
.table_group3 .gesture {z-index:30; transition-property:opacity, top;}
.table_group3 table.table tbody, .table_group table.table tfoot {text-align:center;}
.table_group3 table.table thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group3 table.table tbody tr th, .table_group table.table tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group3 table.table thead tr:first-child th {border-top-width:0;}
.table_group3 table.table tbody tr td, .table_group table.table tfoot tr td { background:#fff; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;vertical-align: middle;}
.table_group3 table.table tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group3 table.table tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}
/* 20171109 추가 끝*/


/* 20171213추가 시작*/
.use_view { border-top:solid 2px #2793db; margin-bottom:24px; }
.use_view table {width:100%;}
.use_view table th { color:#424242; text-align:center; font-weight:bold; line-height:43px; background:url("/img/th_bar.gif") right 48% no-repeat; }
.use_view table td { padding:0 0 0 19px; }
.use_view table td img {vertical-align:middle;}
.use_view table td.con { border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;padding:22px 20px; color:#424242; line-height:1.4; font-size:14px; }
.use_view table td.re { border-bottom:solid 1px #d7d7d7;padding:8px 20px; color:#424242; line-height:1.3; font-size:14px; }
.use_view table tr.thum { border-bottom:solid 1px #d7d7d7; background:#f7f7f7; line-height:21px;}
.use_view table tr.thum td { padding:5px 0 5px 19px; }
.use_view table tr.thum td img {margin-right:5px;}
.use_view table td.th_bg{background:url("/img/th_bar.gif") right 48% no-repeat; }
.use_view table tr.bb{border-bottom:solid 1px #d7d7d7; }
.use_view table td input[type="text"] {border:solid 1px #d7d7d7;; width:99%; height:22px; color:#424242; padding: 5px;}
.use_view table td input[class="inp2"] {width:99%; background:#fafafa;}
.use_view2 {display:none}
/* 20171213 추가 끝*/

@media screen and (max-width:640px) {
	.table_group table.table.responsive colgroup, .table_group table.table.responsive thead {display:none;}
	.table_group table.table.responsive tbody, .table_group table.table.responsive tfoot {text-align:left;}
	.table_group table.table.responsive tbody, .table_group table.table.responsive tbody tr, .table_group table.table.responsive tbody tr th, .table_group table.table.responsive tbody tr td, .table_group table.table.responsive tfoot, .table_group table.table.responsive tfoot tr, .table_group table.table.responsive tfoot tr th, .table_group table.table.responsive tfoot tr td {display:block; float:left; clear:left; width:100%; box-sizing:border-box;}
	.table_group table.table.responsive tr:nth-child(odd) {background-color:#fafafa;}
	.table_group table.table.responsive tbody tr, .table_group table.table.responsive tfoot tr {padding-top:16px; padding-bottom:16px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6;}
	.table_group table.table.responsive tbody tr:first-child {border-top-width:0;}
	.table_group table.table.responsive tfoot tr:first-child {border-top-color:#3a3a3a;}
	.table_group table.table.responsive tbody tr th, .table_group table.table.responsive tfoot tr th {padding-right:10px; padding-left:10px; border-top-width:0; background-color:transparent; text-align:left;}
	.table_group table.table.responsive tbody tr td, .table_group table.table.responsive tfoot tr td {border-top-width:0; text-align:left;}
	.table_group table.table.responsive tbody tr th:before, .table_group table.table.responsive tbody tr td:before, .table_group table.table.responsive tfoot tr td:before {color:#333; font-size:15px; content:attr(data-cell-header);}
}

table.table.data-1st-table {
  table-layout: fixed;
}

table.table.data-1st-table > thead > tr > th {
  border-bottom: 1px solid #03357b;
  background-color: #03357b;
  color: #fff;
  text-align: center;
  font-weight: normal;
}

table.table.data-1st-table > thead > tr > th.th2{
  border-bottom: 1px solid #ddd;
  background-color: #f7fbff;
  color: #333;
  text-align: center;
  font-weight: normal;
}

table.table.data-1st-table > tbody > tr > td {
  background-color: white;
  padding: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  border-top: none;
  border-bottom: 1px solid #eee;
}

table.table.data-1st-table > tbody > tr:last-child > td {
  border-bottom: 1px solid #ddd;
}

table.table.data-1st-table > tbody > tr > td > a,
table.table.data-1st-table > tbody > tr > td .list-content > a {
  color: #666;
}

table.table.data-1st-table > tbody > tr > td > a.like-btn {
  display: inline-block;
  min-width: 68px;
  color: #0097D3;
  border: 1px solid #ddd;
  padding: 2px 10px;
}

table.table.data-1st-table > tbody > tr > td > a.like-btn:hover {
  background-color: #0097D3;
  color: white;
}

table.table.data-1st-table > tbody > tr > td > a:hover,
table.table.data-1st-table > tbody > tr > td .list-content > a:hover {
  color: #1C86DF;
  text-decoration: none;
}

table.table.data-1st-table > tbody > tr > td i.like {  
  margin-right: 5px;
}

table.table.data-1st-table > tbody > tr > td .list-content {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

table.table.data-1st-table > tbody > tr > td .comments-count {
  vertical-align: top;
  font-weight: bold;
}

.data-1st-table-wrap {
  padding: 20px 0;
  background-color: white;
}
.data-1st-table-wrap2 {
  padding: 20px 0 0 0;
  background-color: white;
}
.data-1st-table-wrap2-2 { display:none}
.data-1st-table-wrap3 {
  padding: 10px 0 0 0;
  background-color: white;
}
.data-1st-table-wrap3 input{width:calc(100% - 120px); width:-webkit-calc(100% - 0px); box-sizing:border-box; width: 100%; height:29px; line-height:28px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #999; font-size:13px; /*display:block;*/ border-radius:0; padding-right: 5px; text-align: right;}
/*.data-1st-table-wrap3 input[type="text"]{width:calc(100% - 120px); width:-webkit-calc(100% - 0px); box-sizing:border-box; height:29px; line-height:28px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #999; font-size:13px; display:block; border-radius:0; padding-right: 5px; text-align: right;}
*/
table.table.data1-1st-table {table-layout: fixed;  width: 100%;}
table.table.data1-1st-table > thead > tr {cursor:pointer;}
table.table.data1-1st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b;color: #fff; text-align: center;padding: 8px 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold;}
table.table.data1-1st-table > tbody > tr > td {/*background-color: white;*/ padding: 4px 5px;line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: none; border-bottom: 1px solid #eee;}
table.table.data1-1st-table > tbody > tr > td span{ font-size:10px}
table.table.data1-1st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data1-1st-table > tbody > tr > td > a,
table.table.data1-1st-table > tbody > tr > td .list-content > a {color: #666;}

table.table.data2-1st-table {table-layout: fixed;  width: 100%;}
table.table.data2-1st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b;color: #fff; text-align: center;font-size: 15px; padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold;}
table.table.data2-1st-table > tbody > tr > td {/*background-color: white;*/ /*padding: 4px 5px;*/  font-size:14px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: none; border-bottom: 1px solid #eee;}
table.table.data2-1st-table > tbody > tr > td span{ font-size:10px}
table.table.data2-1st-table > tbody > tr > td .money_txt p {line-height: 20px; margin: 0;}

table.table.data2-1st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data2-1st-table > tbody > tr > td > a,
table.table.data2-1st-table > tbody > tr > td .list-content > a {color: #666;}

table.table.data2-2st-table { display:none}

table.table.data1-2st-table {display:none}
table.table.data3-1st-table {table-layout: fixed;  width: 100%;}
table.table.data3-1st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b; color: #fff; text-align: center;  padding: 8px; line-height: 1.42857143; /*vertical-align: top;*/ border-top: 1px solid #ddd; font-weight: bold;}
table.table.data3-1st-table > tbody > tr > td { /*background-color: white;*/ padding: 0 5px; height: 40px; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/ border-top: none; border-bottom: 1px solid #eee;}

table.table.data3-2st-table {display:none}


table.table.data4-1st-table {table-layout: fixed;  width: 100%;}
table.table.data4-1st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b;color: #fff; text-align: center; padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold;}
table.table.data4-1st-table > tbody > tr > td {/*background-color: white;*/ padding: 2px 1px 2px;line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: none; border-bottom: 1px solid #eee;}
table.table.data4-1st-table > tbody > tr > td span{ font-size:10px}
table.table.data4-1st-table > tbody > tr > td .money_txt p {line-height: 20px; margin: 0;}

table.table.data4-1st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data4-1st-table > tbody > tr > td > a,
table.table.data4-1st-table > tbody > tr > td .list-content > a {color: #666;}


.data-1st-title {
  display: inline-block;
  margin: auto;
  color: #005EAA;
  text-align: center;
  margin-top: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #005EAA;
  margin-bottom: 10px;
}

.data-1st-item .event-content {
  padding: 0;
}

.data-1st-item .banner{
  position: relative;
}

.data-1st-item .banner .c-label {
  position: absolute;
  width: 92px;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
  text-align: center;
  top: 0px;
  left: 0px;
}

.data-1st-item .event-action {
  padding: 18px 16px;
}

.data-1st-item .event-action > .title {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.data-1st-item .event-action > .info {
  color: #7D7D7D;
}

.aspect-ratio {
  position: relative;
}
.aspect-ratio:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.aspect-ratio.type1:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 69.64%;
}

.aspect-ratio.type2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 85.7%;
}

.aspect-ratio > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.data-1st-item .c1 {
  background: url("/assets/imgs/ver1/01.png") no-repeat;
}

.data-1st-item .c1 .c-label {
  color: white;
  background-color: #6EB254;
}

.data-1st-item .c2 {
  background: url("/assets/imgs/ver1/02.png") no-repeat;
}

.data-1st-item .c2 .c-label {
  color: white;
  background-color: #779EC8;
}

.data-1st-item .c3 {
  background: url("/assets/imgs/ver1/03.png") no-repeat;
}

.data-1st-item .c3 .c-label {
  color: white;
  background-color: #36B1B0;
}


.data-1st-item .c4 {
  background: url("/assets/imgs/ver1/04.png") no-repeat;
}

.data-1st-item .c4 .c-label {
  color: white;
  background-color: #5866BD;
}

.data-1st-item .c1.type2 {
  background: url("/assets/imgs/ver2/01.png") no-repeat;
}

.data-1st-item .c1.type2 .c-label {
  color: white;
  background-color: #05A6DF;
}

.data-1st-item .c2.type2 {
  background: url("/assets/imgs/ver2/02.png") no-repeat;
}

.data-1st-item .c2.type2 .c-label {
  color: white;
  background-color: #7ABB4D;
}

.data-1st-item .c3.type2 {
  background: url("/assets/imgs/ver2/03.png") no-repeat;
}

.data-1st-item .c3.type2 .c-label {
  color: white;
  background-color: #FFA104;
}

.data-1st-item .c4.type2 {
  background: url("/assets/imgs/ver2/04.png") no-repeat;
}

.data-1st-item .c4.type2 .c-label {
  color: white;
  background-color: #C4B618;
}

.data-1st-item .c1,
.data-1st-item .c2,
.data-1st-item .c3,
.data-1st-item .c4 {
  background-size: cover;
}

.data-1st-applicant-btn {
  left: 50%;
  transform: translateX(-50%);
  margin-left: 520px;
}

/* 기준일자 */
.basic-data-box{background:#f7f7f7; border:1px solid #ffb777; padding:15px; font-size:13px; line-height:24px; color:#8e8e8e;}

/* 버튼 */
.btn-more-v1 {background-color: #fff; width: 100%; border:1px solid #03357b; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #03357b; border-radius: 10px;line-height: 40px;}
.btn-more-v2 {background-color: #f19a0f; /*width: 355px;*/ min-width:100% margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;}
.btn-more-v3 {background-color: #fff;  border:1px solid #03357b; margin-left: auto; margin-right: auto; padding: 9px 10px; text-align: center; color: #03357b; border-radius: 10px;line-height: 40px;font-size: 14px;}
.btn-more-v4 {background-color: #03357b; /*width: 355px;*/ min-width:100% margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;}/* 20171212 추가*/
.btn-more-v5 {background-color: #f19a0f; /*width: 355px;*/ min-width:100% margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;}/* 20171212 추가*/


.btn-excel {background:url(/img/comm/excel_btn.jpg) no-repeat; padding: 11px 16px 10px 40px; margin-left: auto; margin-right: auto; border-radius: 0px;line-height: 39px;    color: #fff;}
.btn-on {color: #000; font-weight:700;}
.btn-detail {background: url(/img/daaa.png) no-repeat 80% 50%; background-size: 15px; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 90px;
    line-height: 30px; height: 40px;    font-size: 14px;padding-right: 35px;}
.btn-detail-2 {background: url(/img/daaa.png) no-repeat 80% 50%; background-size: 15px; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 90px;
    line-height: 30px; height: 40px;    font-size: 14px;padding-right: 35px;}	
.btn-detail2 {background: url(/img/daaa2.png) no-repeat 80% 50%; background-size: 15px; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 90px;
    line-height: 30px; height: 40px;    font-size: 14px;padding-right: 35px;}

.btn_search { background-color: #03357b; width: 12%;  margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff;  line-height: 40px; display: table-cell;position: absolute;}
.btn_reset { background-color: #f39c11; width: 12%;  margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff;  line-height: 40px; display: table-cell;position: absolute;}
.btn_reset2 { background-color: #f39c11;width: 100%; margin-left: auto; margin-right: auto; text-align: center; color: #fff; line-height: 40px; display: inline-table;;}/*20171213 추가*/
.btn-services {background: url(/img/daaa.png) no-repeat 80% 50%; background-size: 15px; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 150px;
    line-height: 30px; height: 40px;    font-size: 14px;padding-right: 35px;}
.btn-apply2 {float: left;background-color: #03357b; width: 140px; margin-left: 36%; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;}
.btn_01 { background-color: #f39c11;  width: 140px;  margin-left: auto;  margin-right: auto; padding: 3px; text-align: center;   color: #fff; border-radius: 10px;line-height: 30px; display: table-cell;position: relative;}
.btn_02 { background-color: #03357b;  width: 140px;  margin-left: auto;  margin-right: auto; padding: 3px; text-align: center;   color: #fff; border-radius: 10px;line-height: 30px; display: table-cell; position: relative;}
.btn_02-2 { background-color: red;  width: 140px;  margin-left: auto;  margin-right: auto; padding: 3px; text-align: center;   color: #fff; border-radius: 10px;line-height: 30px; display: table-cell; position: relative;}
.btn-03 {background-color: #f19a0f; width: 350px; max-width:100%;margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 60px; font-size:24px; display: block;}
.btn-04 {background-color: #a5a5a5; width: 156px; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;display: block;}
.btn-05 {background-color: #a5a5a5; width: 67px; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 40px;}
.btn_06 { background-color: #03357b; width: 12%; font-size: 14px; margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff;  line-height: 40px; display: table-cell;}
.btn_07 { background-color: #03357b; width: 60px;  margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff; line-height: 36px;display: inline; float: right;}
.btn-08 {background-color: #f19a0f; width: 300px; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 60px; font-size:24px; display: block;}
.btn-09 {background-color: #1a3d7c; width: 300px; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 60px; font-size:24px; display: block;}
.btn-10 {background-color: #FF5555; width: 300px; margin-left: auto; margin-right: auto; padding: 0px 0; text-align: center; color: #fff; border-radius: 10px;line-height: 60px; font-size:24px; display: block;}

.btn_total{width: 45%; margin: 0 auto; display: flex;}
.btn_total2{width: 100%; margin: 0 auto; display: flex;}
.btn_off { background-color: #a5a5a5; width: 12%;  margin-left: auto;  margin-right: auto; padding: 3px; text-align: center;   color: #fff;  line-height: 30px; display: table-cell; border-radius: 10px;}
.btn_delta {background-color: #fff; border:1px solid #03357b; margin-left: auto; margin-right: auto; padding: 9px 10px; text-align: center; color: #03357b; border-radius: 0px;line-height: 40px;}
/*.btn_delta:hover {background-color: #cda25a;color: #03357b;text-decoration: none;opacity: 1;}*/

.box_01 {margin-left: auto;  margin-right: auto; padding: 3px; text-align: center;   color: #f19a0f;  line-height: 30px; display: table-cell;position: relative;}


  /* 텝메뉴 */
#cont {width: 100%;margin: 0 auto;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 62px; border-bottom: 1px solid #03357b; border-left: 1px solid #03357b; width: 100%; font-size:18px;margin-bottom: 10px;}
ul.tabs li {float: left; text-align:center; cursor: pointer; width:160px; height: 61px; line-height: 61px; border: 1px solid #03357b; border-left: none; font-weight: bold; background: #f7fbff; overflow: hidden; position: relative;}
ul.tabs li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
ul.tabs li.title {font-size:30px; font-weight: 500; margin: auto; text-align: center;}	
ul.tabs2 {margin: 0; padding: 0; float: left; list-style: none; height: 62px; border-bottom: 1px solid #03357b; border-left: 1px solid #03357b; width: 100%; font-size:18px;margin-bottom: 10px;}
ul.tabs2 li {float: left; text-align:center; cursor: pointer; width:160px; height: 61px; line-height: 61px; border: 1px solid #03357b; border-left: none; font-weight: bold; background: #f7fbff; overflow: hidden; position: relative;}
ul.tabs2 li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
ul.tabs2 li.title {font-size:30px; font-weight: 500; margin: auto; text-align: center;}	
h2.title{text-align:center; font-size:30px; font-weight: 500; margin: auto; text-align: center;}	
h2.title:after{content: ""; display: block; width: 60px; border-bottom: 1px solid #f19a0f; margin: 10px auto;}
.tab_container {border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF;}
.tab_content {padding: 0px;/*font-size: 12px;*/ display: none;}
.date-txt{position: absolute;display: inline-flex; margin-left: 280px;}
.date-txt h1{ font-size:30px;}
.date-txt2{position: absolute;display: inline-flex; margin-left: 325px;}
.date-txt2 h1{ font-size:30px;}
.date-txt3{position: absolute;display: inline-flex; margin-left: 280px;}
.date-txt3 h1{ font-size:30px;}

.c_txt1{width:300px;margin-left: 100px;padding-top: 30px;}

/*** FAQ ***/
#content .tab_type02 { margin-bottom:40px; overflow:hidden; width:100%; }
#content .tab_type02 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 50px;line-height: 50px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0; cursor:pointer; }

#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;width:130px;}

#content .notice { display:none; margin-top: 20px; }
#content .notice dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .notice dl dt {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .notice dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .notice dl .noticeii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 17px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 16px; color:#02347b; font-weight:bold;}
#content .notice dl .noticeii.answer {padding-top: 3px;}
#content .notice dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}
#content .notice dl .t_date{position: absolute; width: 100px; right: 10px; top: 12px;font-size: 13px;}


/*** FAQ ***/
#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;  width:130px;}

#content .FAQ { display:none; margin-top: 20px; }
#content .FAQ dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .FAQ dl dt {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .FAQ dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .FAQ dl .faqii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 10px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 20px; color:#02347b; font-weight:bold;}
#content .FAQ dl .faqii.answer {padding-top: 6px;}
#content .FAQ dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}




  /* 페이징 */
#page{display:table;position: relative;clear: both;margin:30px auto; text-align:center; color:#777;}
#page span {display:table-cell;vertical-align:middle;}
#page a {position: relative; display:inline-block; float:left; width:35px; height:35px; margin:0; padding:0; color:#333; line-height: 35px; border:1px solid #ddd; border-left:0;}
#page a.on {background:#777; color:#fff; font-weight:bold; border-color:#777;}
#page a.first {background:url(/img/comm/navi.jpg) no-repeat 2px -2px; border-left:1px solid #ddd;}
#page a.prev {background:url(/img/comm/navi.jpg) no-repeat -33px -2px; border-left:1px solid #ddd;}
#page a.next {background:url(/img/comm/navi.jpg) no-repeat -273px -2px;}
#page a.last {background:url(/img/comm/navi.jpg) no-repeat -308px -2px;}

.page{display:table;position: relative;clear: both;margin:30px auto; text-align:center; color:#777;}
.page span {display:table-cell;vertical-align:middle;}
.page a {position: relative; display:inline-block; float:left; width:35px; height:35px; margin:0; padding:0; color:#333; line-height: 35px; border:1px solid #ddd; border-left:0;}
.page a.on {background:#777; color:#fff; font-weight:bold; border-color:#777;}
.page a.first {background:url(/img/comm/navi.jpg) no-repeat 2px -2px; border-left:1px solid #ddd;}
.page a.prev {background:url(/img/comm/navi.jpg) no-repeat -33px -2px; border-left:1px solid #ddd;}
.page a.next {background:url(/img/comm/navi.jpg) no-repeat -273px -2px;}
.page a.last {background:url(/img/comm/navi.jpg) no-repeat -308px -2px;}


.point-flow {  overflow: hidden;  font-size: 13px;  margin-bottom: 50px;}
.point-list.left {float: left; width: 45%;padding-bottom: 8px;	padding-right: 40px; background-size: 10px auto;}
.point-list.left .span_24_1 {display:block;overflow:hidden;float:left;width:101px;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 20px;}
.point-list.right {float: right; width: 45%;padding-left: 30px;}
.point-list.right .span_24_1 {display:block;overflow:hidden;float:left;width:101px;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 20px;}


/* select */

.form-control {width: 172px; height: 50px; margin-left: 8px;border: 1px solid #d7d7d7; border-radius: 0px; height: 37px;line-height: 30px; font-size: 13px; color: #707070;  padding:2px 9px 4px; margin-bottom: 5px;  box-shadow: none;}/*201713 수정*/
.form-control2 {width: 107px; height: 21px; margin-left: 8px;border: 1px solid #707070; border-radius: 0px; line-height: 17px; font-size: 13px; color: #707070;  padding:1px 9px 3px; box-shadow: none;}
.form-control3 {/*width: 321px;*/ width: 100%; height: 44px;/* margin-left: 8px;*/border: 1px solid #e1e1e1 ; border-radius: 0px; height: 37px;line-height: 30px; font-size: 13px; color: #707070 ;  padding:2px 25px 4px 5px;/* margin-bottom: 16px; */ box-shadow: none;}
.form-control4 {width: 65px; height: 21px; border: 1px solid #707070; border-radius: 0px; line-height: 17px; font-size: 13px; color: #707070;  padding:1px 9px 3px; box-shadow: none;}
.form-control5 {width: 150px; height: 44px; /*margin-left: 8px;*/border: 1px solid #e1e1e1; border-radius: 0px; height: 37px;line-height: 30px; font-size: 13px; color: #707070;  padding:2px 10px 4px; /*margin-bottom: 16px;*/  box-shadow: none;}
.form-control6 {/*width: 321px;*/ width: 100%; height: 44px;/* margin-left: 8px;*/border: 1px solid #e1e1e1; border-radius: 0px; height: 40px;line-height: 30px; font-size: 13px; color: #707070;  padding:2px 10px 4px;/* margin-bottom: 16px; */ box-shadow: none;}
.form-control7 {width: 80%; height: 50px; margin-left: 8px;border: 1px solid #d7d7d7; border-radius: 0px; height: 37px;line-height: 30px; font-size: 13px; color: #707070;  padding:2px 9px 4px; margin-bottom: 5px;  box-shadow: none;}/*20180212 추가*/


/* product list */
.product-list input[type="text"], .join_area input[type="password"]{/*float:right;*/ width:calc(100% - 120px); width:-webkit-calc(100% - 0px); width:558px; box-sizing:border-box; height:40px; line-height:39px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #999; font-size:14px; display:block; border-radius:0; padding-left: 10px;}
.search_right{ float:right; display: flex;}

/* Main product list */
.prodcuct_list_img {width: 100%;float:left;position:relative;}
.img_box{width:100%;float:left;}
.invest_p_info{text-align:left;float:left; /*padding-left:20px;*/ box-sizing:border-box;}

.label {
    padding: .2em .9em .3em;
    border-radius: 1em;
}

@media(max-width: 767px) {
	.label {
		padding: 2px 10px;
	}
}

.cPostList li:first-child {
    margin-left: 0;
}
.cPostList li {
    float: left;
    width: 500px;
   /* height: 100%;*/
    overflow: hidden;
    margin-left: 24px;
}
.product-cont { display: inline-block;}
.product-content {
    border: 1px solid #c9d3db;
    padding: 5px;
    margin-bottom: 15px;
    position: relative;
    /*background: rgba(0,0,0,0.6);*/
}
.product-content .progress {
    height: 10px;
    border-radius: 10px;
}
.product-content .progress > .progress-bar {
    box-shadow:none;
    -webkit-box-shadow:none;
    background-image: -webkit-gradient(linear, left top, right top, from(#75b0e5),to(#2466a1), color-stop(0,#75b0e5) );
}
.product-content:hover {
    border: 1px solid #ff1d1e;
}
.product-content .business-name {
    color: #ff7c7c;
}
.product-content table {
    width: 100%;
}
.product-content .bi-wrapper {
    vertical-align: top;
}
.product-content .invest {
    vertical-align: bottom;
}
.product-content .bi {
    width: 60px;
    height: auto;
}
.product-content > table .subline{
    border-bottom: 1px solid #d7dee4;
}
.product-content > table .title {
    font-size: 23px;
    padding: 5px 0px 15px 0px;
}
.product-content > table .title > span {
    font-size: 10px;
}
.product-content > table .main-info {text-align:  left;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0px 15px 0px;
}
.product-content > table .main-info2 {text-align:  left;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px 0px 0px;    display: -webkit-box;
}
.product-content > table .sub-info {
    color: #7e7e7e;
}
.product-content > table .sub-info table tr > td {
    text-align: center;
}
.product-content > table .sub-info table tr > td:first-child {
    text-align: center;
}
.product-content > table .sub-info table tr > td:last-child {
    text-align: center;
}
.product-content > table .bi-wrap {
    padding-right: 10px;
    vertical-align: top;
}
.product-content > table .progressbar-wrap {
    padding: 15px 0px 5px 0px;
}
.product-content > table .progressbar-wrap > .progress {
    float: left;
    margin-top: 4px;
    width: 92%;
}
.product-content > table .progressbar-wrap > .progress-percent {
    float: right;
}
.product-close {
    -webkit-filter: grayscale(100%);
    opacity: 0.8;
}
.product-close:hover {
    border: 1px solid #7B7B7B;
}
.product-close .business-name, .product-close .text-sub {
    color: #4D4D4D;
}
.product-close .progress > .progress-bar {
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb(182, 182, 182)), from(rgb(182, 182, 182)), to(rgb(123, 123, 123))) !important;
    background-color: #7b7b7b;
}
.product-close .btn-red-circle {
    border-color: #6f6f6f !important;
    color: #6f6f6f !important;
}
.product-close .btn-red-circle:hover {
    background-color: #6f6f6f !important;
    color: white !important;
}
.product-close-bar {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 100px solid transparent;
    border-right: 100px solid #7B7B7B;
    border-left: none;
    border-bottom: none;
    transform: rotate(270deg);
}
.product-close-text {
    position: absolute;
    top: 25px;
    right: 5px;
    font-size: 15px;
    color: white;
    transform: rotate(406deg);
}


/* login */
.login-wrap{padding:50px 0 90px 0; background:#e6e6e8;}
.login_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box; padding: 30px 150px;border-radius: 10px;}
.login_header{max-width: 640px;width: 100%;margin: 8% auto 0; box-sizing:border-box;text-align:center}
.login_header h1{font-size: 20px;color: #303030;text-align: center;}
.login-data-box { background: #f7f7f7;  border: 1px solid #e5e5e5;  padding: 9px;  font-size: 13px;  /*line-height: 24px; */  color: #8e8e8e;float: left;width: 95%;}
.login_box p{margin: 5px 0 5px;color: #808080;text-align: left;}

	.inner a.btn02 { margin-bottom: 10px; line-height:42px; text-align:center;}
	.inner > input .a_type_2 { line-height:18px; font-weight:bold; }
	.login_box .log_area{position:relative;padding:20px 0 0px;}
	.login_box .log_area > .a_type_2{position: absolute; width: 25%; right: 0; height: 97px; top: 20px;}
	.inner a.btn02{color:#000;border:0;background:#f8f8f8;height:25px;line-height:25px;margin:0;}
	.log_area > div{margin-bottom:20px;}
	.log_area > div:after{content:""; display:block; clear:both;}
	.log_area .input-icon{width:67px; height:45px; float:left; border-radius: 10px 0 0 10px;}
	.log_area .login-id .input-icon {background:url(/img/login-id.png) no-repeat 0px 3px #183c7c; }
	.log_area .login-pw .input-icon {background:url(/img/login-pw.png) no-repeat 0px 3px #183c7c; }
	.log_area .login-nic .input-icon {background:url(/img/pass_nickname.png) no-repeat 0px 3px #183c7c; }
	.log_area .input{float:right; width:100%; margin-left:-67px; padding-left:67px; box-sizing:border-box; }
	.log_area .input input{width:100%; height:45px; padding:10px; box-sizing:border-box; border:1px solid #ffb777; border-light:0; apperance:none;-webkit-appearance: none; border-radius: 0 10px 10px 0;}
	.login_box .login-btn{border:0; width:100%; background-color:#183c7c; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 10px;cursor: pointer;}
	.login_box .bottom-btn{font-size:14px; text-align:center; width:100%;padding:10px 0; }
	.login_box .bottom-btn a{color:#183c7c;}
	.login_box hr {margin: 50px 0 10px; border-top: 1px solid #e1e1e1;}

.kakao-btn{border:0; width:100%; background-color:#ffcd00; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 0;cursor:pointer}
.facebook-btn{border:0; width:100%; background-color:#3B5998; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 0;cursor:pointer}

/* join */
.join-wrap{padding:50px 0 90px 0; background:#e6e6e8;}
.join_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box; padding: 30px 85px;}
.join_header{max-width: 640px;width: 100%;margin: 8% auto 0; box-sizing:border-box;text-align:center}
.join_header h1{font-size: 20px;color: #303030;text-align: center;}
.join_box p{margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px;}
.join_box .log_area{position:relative;padding:20px 0 0px;}
.join_box .tit{ text-align: center;font-size:18px;position:relative;/*padding:20px 0 0px;*/}
.join_box{max-width: 640px;width: 100%;position: relative; background:#fff; border:1px solid #ffb777;box-sizing:border-box;border-radius: 10px}
.join_header{max-width: 640px;width: 100%;position: relative; margin: 30px auto 30px auto; text-align: center;}
.join_header h3 img{max-width: 150px;width: 100%;height: auto;}
.join_area .join-label{ width:120px; float:left; line-height:43px;}
.join_area .join-txt{ width:53%; float:left; line-height:43px;}
.join_area label{font-size:13px;  display:block; }
.join_area input[type="text"], .join_area input[type="password"]{float: left;width:calc(100% - 120px); width:-webkit-calc(100% - 124px); box-sizing:border-box; height:40px; line-height:39px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:14px; display:block; border-radius:0;padding-left: 10px;}
.join_area select{float:right; width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:44px; line-height:43px;border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0;}
.join_area .join-route {padding:0 15px;}
.join_area .join-route:after {content:""; display:block; clear:both;}
.join_area .join-route .radio{width:33.333333333%}
.join_area .join-route > div{float:left; padding-top:5px;}
.join_area .member-type-check {padding:0 15px;}
.join_area .member-type-check:after {content:""; display:block; clear:both;}
.join_area .member-type-check > div{float:left;}
.join_area .articles_agree{font-size:14px;}
.join_area .join-btn{border: 0; font-size: 16px; padding:10px 20px; text-align:center;display:block;margin:20px auto 0 auto;border-radius: 10px; }
.clearfix{clear:both;}
.join_area label{font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.join_area label ul li { float: left; width: 100%;}
.join_area .label2{float: right; width: 348px;line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.join_area .time{float: left; color:#8e8e8e; line-height: 40px; margin-left: 10px;}
.join_box .login-btn{border:0; width:100%; background-color:#183c7c; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 10px;}
.r_view{position: relative; left: 30px;}


/* 서비스 이용 문의 */
.serices-helpdesk-wrap{margin:0 auto;height:100%;width:720px;}
.serices-helpdesk-wrap table{text-align: center;margin:0 auto;min-width:720px;}
.talk-box{margin:0;height:140px;width:80%;float:left;padding:5px;}
.talk-box2{margin:0;height:60px;width:100%;float:left;padding:5px; margin:10px 0}/*20171213 수정*/
.talk-box-btn{width: 18%; height: 152px;background-color: #f39c12 !important;color: #fff; font-size:16px }
.talk-box-btn2{width: 100%; height: 72px;background-color: #f39c12 !important;color: #fff; font-size:16px; margin:10px 0}/*20171213 수정*/

/* 서비스 제휴 문의 */
.serices-wrap{padding:50px 0 90px 0; background:#e6e6e8;}
.serices_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box; padding: 30px 85px;}
.serices_header{max-width: 640px;width: 100%;margin: 8% auto 0; box-sizing:border-box;text-align:center}
.serices_header h1{font-size: 20px;color: #303030;text-align: center;}
.serices_box p{margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px;}
.serices_box .log_area{position:relative;padding:20px 0 0px;}
.serices_box .tit{ text-align: center;font-size:18px;position:relative;/*padding:20px 0 0px;*/}

.serices_header{max-width: 640px;width: 100%;position: relative; margin: 30px auto 30px auto; text-align: center;}
.serices_header h3 img{max-width: 150px;width: 100%;height: auto;}
.serices_area .serices-label{ width:120px; float:left; line-height:43px;}
.serices_area .serices-txt{ width:74%; float:left; line-height:43px;}
.serices_area label{font-size:13px;  display:block; }
.serices_area input[type="text"], .serices_area input[type="password"]{float: left;width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:40px; line-height:39px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:14px; display:block; border-radius:0;padding-left: 10px;}
.serices_area select{float:right; width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:44px; line-height:43px;border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0;}
.serices_area .serices-route {padding:0 15px;}
.serices_area .serices-route:after {content:""; display:block; clear:both;}
.serices_area .serices-route .radio{width:33.333333333%}
.serices_area .serices-route > div{float:left; padding-top:5px;}
.serices_area .member-type-check {padding:0 15px;}
.serices_area .member-type-check:after {content:""; display:block; clear:both;}
.serices_area .member-type-check > div{float:left;}
.serices_area .articles_agree{font-size:14px;}
.serices_area .serices-btn{border: 0; font-size: 16px; padding:10px 20px; text-align:center;display:block;margin:20px auto 0 auto; }
.clearfix{clear:both;}
.serices_area label{font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .label2{float: left; line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .time{float: left; color:#8e8e8e; line-height: 40px; margin-left: 10px;}
.serices_box .login-btn{border:0; width:100%; background-color:#183c7c; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 0;}


/* 펀스캔소개 */
.section_info{padding:100px 0 0px;*padding:50px 0;}
.section_info .inner {padding: 0;}
.section_info .info_list{/*margin-left:-16px;*/overflow:hidden;}
.section_info .info_list li{float: left;position:relative;overflow:hidden;width:237px;height:286px;padding-bottom:3px;margin:0 0 15px 15px;color:#777;background:#f7f7f7 url(/img/shadow234.png) no-repeat 0 bottom;border:1px solid #ffb777;}
.section_info .info_list li p{height:110px;}
.section_info .info_list li img{width:237px;height:110px;}
.section_info .info_list li .list_info{padding:25px 14px 13px 13px; text-align:center}
.section_info .info_list li .list_info dl{padding-left:1px;}
.section_info .info_list li dt{color:#222;font-size:18px;font-weight: 600;letter-spacing:-1px;display:block;margin-bottom:25px;}
.section_info .info_list li dd{height:18px;line-height:24px;color:#767676;letter-spacing: -1px;}

/* 이용가이드 */
.guideService_info{width:1000px;position:relative}
.guideService_info_cont {width: 100%; border: 1px solid #e6e6e6; overflow: hidden; background: #fff; padding:11px}
.guideService_info_cont li.first{float: left;width:496px;border: 2px solid #f39c11; margin-right:20px }
.guideService_info_cont li.second{float: right;width:496px;border: 2px solid #f39c11; /*margin-left:20px */}
.guideService_info_cont li{line-height:30px;font-size:18px;/*letter-spacing:-1px*/}
.guideService_info_cont li.title{line-height:36px; font-size:24px;/*letter-spacing:-1px;*/ color:#02347b; padding-top:20px; padding-bottom:30px}
.co_info {width: 100%;}
.co_info ul li p{display:block;font-size:24px;line-height:32px;margin-bottom:10px;}
.co_info ul li{float:left;font-size:18px;line-height:28px;}
.service-info{float: left; display: block;}

/* 팝업 */
.pop_txt h5 { width: 100%; font-size:18px;font-weight:500;color:#02347b;line-height:30px;}
.pop_txt h5 span{ width: 100%; font-size:13px;font-weight:500;line-height:30px;}
.form-group input[type="text"]{width:calc(100% - 120px); width:-webkit-calc(80% - 0px); box-sizing:border-box; height:37px; line-height:37px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0; padding-right: 10px; text-align: right;  margin-right: 10px;}
.form-group2 input[type="text"]{width:calc(100% - 120px); width:-webkit-calc(100% - 0px); box-sizing:border-box; width: 100%;height:37px; line-height:37px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0; padding-right: 10px; text-align: right;  margin-right: 10px;}
.form-group3 input[type="text"]{width:calc(100% - 120px); width:-webkit-calc(100% - 0px); width: 65%; box-sizing:border-box; height:37px; line-height:37px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0; padding-right: 10px; text-align: right;}
.form-group input[type="number"]{width:calc(100% - 120px); width:-webkit-calc(82% - 0px);width: 65%; box-sizing:border-box; height:37px; line-height:37px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0; padding-right: 10px; text-align: right;  /*margin-right: 5px;*/}
.form-group3 input[type="number"]{width:calc(100% - 120px); width:-webkit-calc(100% - 0px); width: 65%; box-sizing:border-box; height:37px; line-height:37px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0; padding-right: 10px; text-align: right;}
.form-group p{line-height: 37px;}
.form-group3 p{line-height: 37px;}
/*.scrolltbody {display: block; width:100%; border-collapse: collapse;}
.scrolltbody tbody {height: 247px; overflow: auto;}
*/

/* terms */
.terms-wrap{float:left;width:718px;border:1px solid #e1e1e1;padding:15px 40px;}
.terms-wrap .terms-list{float:left;width:45%;}
.terms-wrap .terms-list li{margin:10px 0;}
.terms-wrap .terms-list li a{color:#666;font-size:14px;}

/* Footer */
.footer{border-bottom:0;}
.footer .f_info_area{padding:50px 0;}
.footer .site_map>ul li{border-bottom:0;}
.footer .site_map>ul ul{margin:0;}
.footer .site_map>ul ul li:last-child a{margin:0 0 0 0;}


.footer .f_cr_area{display:table;text-align:center;background-color:#3f3f3f;color:#878787;padding:0;width:100%;font-size:13px;}
.footer .f_cr_area .footer-link{display:table;margin:auto;text-align:center;padding:40px 40px 10px 40px;border-bottom: 1px solid #fff; }
.footer .footer-txt {padding: 20px 0 10px 0;color:#fff; font-size:13px;}
.footer .f_cr_area .footer-link ul{display:table;margin:auto;}
.footer .f_cr_area .footer-link li{float:left;border-right:1px solid #555;padding:0 20px;}
.footer .f_cr_area .footer-link li:first-child{padding-left:0;}
.footer .f_cr_area .footer-link li:last-child{border-right:0;padding-right:0;}
.footer .f_cr_area .footer-link li a{font-weight:700;font-size:14px;color:#fff;}
.footer .f_cr_area .footer-link img{/*margin-bottom:20px;*/}

.footer .f_cr_area .footer-copyright{padding:0 40px 40px 40px;}
.footer .f_cr_area .footer-copyright p a,
.footer .f_cr_area .footer-copyright p{margin:15px 0;color:#acacac;}
.footer .f_cr_area .footer-copyright span{font-size:14px;margin:0 6px;}
.footer .f_cr_area .sns_area {display:inline-block; padding:20px 0 0; text-align: center;width:100%; }

.footer_m{display: none; background: #3f3f3f;}

/* public data board */
.public_data{width:100%;border-top: 1px solid #777;clear:both;}
.public_data table{width:100%;border-collapse:collapse;border-spacing:0;}
.public_data thead tr{height:39px;}
.public_data thead tr th{border-right:1px solid #e5e5e5;font-size:12px;padding:0 8px;border-bottom:1px solid #e5e5e5;font-weight:bold;color:#444;background-color:#fafafa;}
.public_data tfoot tr{height: 39px;border-top:2px solid #e9e9e9;}
.public_data tbody tr{height: 39px;}
.public_data tfoot tr th,
.public_data tbody tr th{padding:6px 10px;border-right:1px solid #e5e5e5;color:#444;border-bottom:1px solid #e5e5e5;line-height:22px;text-align:center;}
.public_data tbody tr td{padding:6px 10px;border-right:1px solid #e5e5e5;color:#444;border-bottom:1px solid #e5e5e5;line-height:22px;text-align:right;}
.public_data tfoot tr td{padding:6px 10px;border-right:1px solid #e5e5e5;color:#444;border-bottom:1px solid #e5e5e5;line-height:22px;text-align:right;font-weight:bold;}
.public_data tfoot tr td a,
.public_data tbody tr td a{color:#1a3d7c;font-weight:700;}
.public_data .last{border-right:0;}
.bd_tb_lst td.title{font-size:13px;letter-spacing:-1px;}
.last-public{clear:both;font-weight:700;padding:10px 0 !important;font-size:14px;color:#333;}
.last-public span{float:right;font-weight:200;font-size:12px;}


/* contact board */
.boardHeader h1{padding:0 0 15px 0;}
.boardHeader .boardDescription{margin-bottom:15px;}


/* 이벤트갤러리 2018.1.23 */
.board-event-list{margin-left: -10px; margin-right: -10px; margin-top: 20px; min-height: 400px;}
.board-event-wrapper{width: 31.4%;float: left;padding-left: 10px;padding-right: 10px;}
.board-event{margin-bottom: 20px;}
.board-event:hover, .board-box:hover{
box-shadow: 2px 1px 3px rgba(98, 98, 98, 0.15);}
.board-event__custom-height-img{width: 100%;}

.board-event__info{background-color: #fff;height: 60px;padding: 20px;border: 1px solid #dbdbdb; border-top: 1px solid #eee; position: relative;}
.board-event__info--non-image{height: 250px;}
.board-event__custom-height-img{width: 100%;}
.board-event__info__title{color: #2c2c2c;font-size: 20px; margin: 0; font-weight: 400; max-height: 57px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board-event__info__tags{position: absolute; bottom: 21px;}
.board-event__info__desc{color: #626262;font-size: 14px; max-height: 62px; display: -webkit-box;margin-top: 10px;}
.board-event__info--non-image .board-event__info__desc{max-height: 102px;}
.board-event-tag{color: #7d7d7d; margin: 0; margin-right: 5px; display: inline-block;}
.board-event-tag-link{color: #7d7d7d; margin: 0; margin-right: 5px; display: inline-block;}
.board-event-tag-link:hover{color: #1499df; text-decoration: underline;}
.board-event__media{text-align: center; position: absolute; top: 0; bottom: 0; width: 100%;}
.board-event__outlink-img-movie{margin-top: 30%;}
.board-event__outlink-img{margin-top: 33%;}

a.board-event__link{color: #2c2c2c;}
a.board-event__link:hover, a.board-event__link:focus{color: #43ade5;}
.site-campus a.board-event__link:hover, .site-campus a.board-event__link:focus{color: #ec566a;}
.site-center a.board-event__link:hover, .site-center a.board-event__link:focus{color: #3ab46b;}
.board-event__info a{color: #2c2c2c;}
.board-event__info a:hover .board-event__info__title, .board-event__info a:focus .board-event__info__title{color: #43ade5;}
.site-campus .board-event__info a:hover .board-event__info__title, .site-campus .board-event__info a:focus .board-event__info__title{color: #ec566a;}
.site-center .board-event__info a:hover .board-event__info__title, .site-center .board-event__info a:focus .board-event__info__title{color: #3ab46b;}

.board-box-wrapper{position: relative; height: 210px; margin-bottom: 20px;}
.board-box-icon-wrapper{position: relative; margin-bottom: 20px;}
.board-box{height: 210px; border: 1px solid #dbdbdb; background-color: #ffffff; position: relative;}
.board-icon-box{border: 1px solid #dbdbdb; background-color: #ffffff; }
.board-box__img-wrapper{width: 278px; position: absolute; left: 1px; top: 1px;}
.board-box__info{padding-left: 300px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;}
.board-box__info__post-date{color: #626262;font-size: 13px;margin: 0;}
.board-box__info__title{color: #2c2c2c;font-size: 24px; margin: 0; font-weight: 400; height: 34px; overflow: hidden;}

a:hover .board-box__info__title{color: #43ade5;}
.site-campus a:hover .board-box__info__title{color: #ec566a;}
.site-center a:hover .board-box__info__title{color: #3ab46b;}

.title-attach-file-img{margin-left: 5px;margin-top: -7px;width: 30px;height: 30px;}
.board-box__info__desc{max-height: 50px; color: #626262; font-size: 16px; line-height: 1.5; margin-top: 10px; margin-bottom: 26px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}
.board-box__info__date{color: #626262;font-size: 13px; position: absolute; right: 25px; top: 47px; margin: 0;}


/* popup */
.mask {background: rgba(0,0,0,.8); width:100%; height:100%; display: none;z-index: 1002;position: fixed;top: 0;}
.window {padding: 10px;left: 34.3%;top: 10%;position: absolute;display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width:447px;height: 695px; z-index:1001;}
.window1 {padding: 10px;left: 34.3%;top: 10%;position: absolute;display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width:447px;height: 695px; z-index:1001;}
.popup_style {padding: 5px; 15px 14px}
.popup_style .pop_header {display: block;font-size: 18px;line-height: 40px; font-weight: 400; border-bottom: 1px solid #e0e0e0;}
.pz {padding: 0;}
.col-xs-12 {width: 100%;}
.col-xs-12-2 {display:none;}
.col-xs-9 {width: 75%; text-align:left}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}
.col-xs-3 {width: 25%; text-align:right;position: absolute; right: 15px; line-height: 40px;}
.pop_txt{float: left;font-size:14px; text-align:left; width: 100%;}
.pop_txt_total{ float:right;}
.invest-info-list {float: left;width: 448px;display: -webkit-inline-box;}
.invest-info-list ul li{display: -webkit-box;}
.invest-info-list ul li .title{text-align: left;width:125px; font-size:14px; line-height: 36px;}
.invest-info-box {float: left;width: 228px;}
.invest-info-box h4{ background:#f7fbff; color:#03357b; font-size:24px; font-weight:500; height:38px;margin-bottom: 16px; text-align:center}

/* 그래프 2017.11.09 */
.invest-summary_1 {border: solid 1px #e5e5e5; background-color: white; padding: 20px 0; display: inline-table; margin-bottom: 20px;width: 99.8%}
.box-header {/*border-bottom: solid 1px #e5e5e5; padding-bottom: 10px;*/ background-color: #ff1d1e !important; line-height: 42px; display: inline-table; width: 100%;}
.box-header > legend { width:100%;margin: 0;  font-size: 18px;  font-weight: 400;text-align: center; color:#fff}
.tab-content {margin-top: 20px;text-align: center;}
.dashboard-half {margin-left: 0; margin-right: 0;display: flex;}
.dashboard-half > div .box { border: solid 1px #e5e5e5;padding: 20px 0;}
.dashboard-half > div:first-child {padding-left: 0px; padding-right: 5px;}
.dashboard-half > div:last-child { padding-left: 5px; padding-right: 0px;}
.col-md-6 {float: left; width: 50%;}


/* 상세투자내역 메뉴 2017.11.10 */
.invest_info_view{}
.invest_info_view_txt {display: inline-block; width: 130px; height: 40px; line-height: 40px; border: 1px solid #c6c6c6; font-size: 14px;  color: #1e1e1e;  text-align: center;  padding: 0;cursor: pointer;}


@media all and (max-width:720px){
	/* Common */
	section .container {min-width:100%;width:100%;}
	.header, .visual.sub .sub_title, .body.fixed-width, .body.fixed-width.none .content, .footer .f_info_area, .footer .copyright{width:auto;padding: 10px;}
	.body.fixed-width.left .content, .body.fixed-width.right .content{width:auto;}
	section{padding:10px 0;}
	section h2{font-size:22px;}
	section .tit{margin:17px auto 17px;}
	.gnb>ul{max-height: 601px;}
	span {outline: none;}
.fts250{font-size:180% !important; font-weight: 500;}
.none-group{display: none;}
.mg30{margin: 0px !important;}
.fc-toolbar h2 {margin: 0;font-size: 22px;	margin-left: -4px;	line-height: 40px;}
.nav-bar2{ display:block}
/*.table .data2-1st-table .tx_al_l{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/



/* 검색 서식 */
.search-input-box {position: relative; float: right;    width: 100%; height: 38px;}
.keyword {float: left; display: block; margin: 0; padding: 0 1.5rem 0 0.625rem;  height: 38px; width: 100%; min-width:300px; font-size: 0.875rem; color: #999999; border: 1px solid #999; border-radius: 0px; text-align: left;}
.submit {position: absolute; right: 0; top: 0px;
    display: block;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 38px;
    font-size: 0.875rem;
    color: #869ea9;
    line-height: 30px;
    background-color: transparent;
    border: none;
    border-left: 1px solid #d1d1d1;
    cursor: pointer;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

	/* GNB */
	.fixed_header .header_wrap{/*padding: 2px 0;*/border-bottom:1px solid #e4e4e4;}

	.header>h1 img{max-height:40px !important;padding-left:20px;}
	.gnb .menu_btn{top:22px;right:5px;}
	.gnb>ul>li>a{line-height:30px;}
	.gnb>ul .depth2 a{padding:10px;}

	.gnb>ul .depth2{background-color:#fff;border:0;box-shadow:0 0 0;}
	.gnb>ul .depth2 a{padding-left:20px;}
	.main-date h1 {text-align: center; font-size: 26px; color: #fff; font-weight: 200;line-height: 46px;}

	.sub_title {position: relative;  z-index: 2; width: 100%; margin: 0 auto;padding: 10px 0 0px 0;}
    .sub_title h1{text-align:center;}
    .sub_title h1:after{left:49%;background-color:#777;}
    .sub-visual-wrap{padding:100px 0 40px 0;background:url(/img/login_visual.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img1 {padding:100px 0 40px 0;background:url(/img/visual_img1.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img2 {padding:100px 0 40px 0;background:url(/img/visual_img2.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img3 {padding:100px 0 40px 0;background:url(/img/visual_img3.jpg) no-repeat; background-position: center 100%; height: 80px;}

	.visual.sub{margin-top:0;}
	.visual.sub .sub_title h1{text-align:center;}
	.visual.sub .sub_title h1:after{left:47%;}

	.terms-wrap{display:block;width:auto;float:none;}
	.xe_content{padding:0 30px;width:auto !important;}
	.terms-wrap .terms-list{float:none;width:auto;}

	/* header */
	.visual.sub{padding:40px 0 50px 0;}
	.main-visual-txt{margin-top:30px;}
	.main-visual-txt li{float:none;padding:0;margin:0 30px;padding-bottom:20px;}
	.main-visual-txt li:first-child{border-right:0;border-bottom:1px dashed #5a748e;margin-bottom:20px;}
	.main-visual-txt .money{margin:0;letter-spacing:-2px;}
	.main-about .txt,
	.purpose .txt{line-height:22px;}

	/* main LIST */
    .invest-form-list__content {width: 99%;overflow: hidden; margin: 10px 3px; background-color: #fff;border-collapse: collapse;}
	.invest-summary {margin: 0;  padding: 10px 8px; box-sizing: content-box; position: relative;  white-space: normal; width: 90%;}
	.invest-summary:nth-child(4) {float: left; margin: 0;  padding: 10px 2px; border-right:none; box-sizing: content-box; position: relative;  white-space: normal;}
	.invest-summary__title {
	display: block;
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #bababa;
	font-size: 12px;
	line-height: 33px;
	text-align: center;
	white-space: nowrap;
}

.invest-summary__content {
	display: block;
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #000;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.invest-summary__text {
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.invest-summary__text.invest-summary__text.invest-summary__text--value {font-size: 20px;font-weight: 500;line-height: 24px;}
.invest-summary__text.invest-summary__text--unit {font-size: 12px;font-weight: 300;line-height: 22px;}
.invest-summary__text__company {font-size: 16px;font-weight: 700;line-height: 22px; color:#1a3d7c; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min=width:100%;}
.invest-summary__text__title {font-size: 14px;font-weight: 300;line-height: 22px; color:#8e8e8e; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width:100%;}
.check-box {width: 100%; }
.time_box {display:inline-block; margin-left:5px; font-size:20px; border:1px solid #da2020; padding:2px 10%; background:#da2020; color: #fff; border-radius:30px;vertical-align: middle;}
.time_box2 {display:inline-block; margin-left:5px; font-size:20px; border:1px solid #183c7c; padding:2px 10%; background:#183c7c; color: #fff; border-radius:30px;vertical-align: middle;}
.invest-bottom {padding: 3px 8px; border: 1px solid #e8e8e8;clear: both;  margin: 0;}

.reward, .reward__text, .reward__decorator {margin: 0;padding: 0;}
.reward {/* float: left; *//* margin-left: 8px; *//* display: inline-block; */line-height: 0;}
.reward__decorator {width: 18px; height:20px; background:url(/img/main/gift_icon.png);}
.reward__text {float: left;display: inline;font-size: 15px;font-weight: 300;line-height: 1.8; }
.reward__text ~.reward__text { float:left; line-height: 2; color: #F39C11; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%;}
.reward__text2 {float: left;display: inline;font-size: 15px;font-weight: 300;    line-height: 2; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:75%; }
.reward__text2 ~.reward__text2 { float:left; /*width: 60%;*/line-height: 1.8; color: #000;}
.btn-group .label span {font-size: 12px;}

.wrapper {width: 95%; margin: 0 auto;}


.sub-head2 {display: none;}
.sub-head span {display: none;}

/* 버튼 테스트 */
.btn_wrap{width: 310px; }
.btn_wrap2{width: 280px; margin-top: 50px; }
.btn_wrap3{width: 480px; margin: 0 auto; padding: 0; margin-top: -360px}
.btn_wrap4{width: 480px; margin: 40px 0 0 84px; padding-bottom: 50px;}
.btn_wrap5{width: 320px; margin: 0 auto; padding: 0; margin-top: 10px; position: absolute;  z-index:11111}
.btn_wrap6{width: 49% }
.btn_wrap7{width: 130px; }
.btn_wrap77{width: 190px; }

.invest_box {display:inline-block; position: absolute; top: -30px;background:#F39C11; padding:7px 10px; color: #fff;border-radius:30px}
.btn_line{width: 660px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line2{width: 100%; margin: 0 auto; padding: 15px; display: inline-table;}
.btn_line3{width: 278px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line4{width: 56%; margin: 0 auto;}
.btn_line5 { width: 100%; margin: 0 auto;padding: 20px;}
.btn_line6 {width: 75%; margin: 0 auto; padding: 30px;}
.btn_line7 {width: 65%; margin: 0 auto; padding: 30px;}
.btn_line8 { margin: 0 auto; padding: 30px;}
.page_04_text{font-size: 32px;	letter-spacing: -1px;padding: 10px 10px 20px 10px;}
.bt_all {margin: 0 auto;}
.bt_all img{width: 80%; margin-bottom: 15px;}
.btn-s {width: 100px; margin-left: auto; margin-right: auto; padding: 2px 10px; text-align: center; color: #fff; border-radius: 0px; line-height:18px;  display: inline-block;}

.btn_total{width: 100%;margin: 0 auto;display: flex;}

.point-flow {display: block;font-size: 13px;margin-bottom: 50px;}
.point-list.left {float: left; width: 100%;padding-bottom: 8px;	padding-right: 40px; background-size: 10px auto;}
.point-list.left .span_24_1 {display: inline-table; overflow: inherit;float:left;width:100%;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 32px;}
.point-list.right {float: left; width: 100%; padding-left:0px;}
.point-list.right .span_24_1 {display: inline-table; overflow: inherit;float:left;width:101px;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 20px;}



/*** FAQ ***/
#content .tab_type02 { margin-bottom:40px; overflow:hidden; width:100%; }
#content .tab_type02 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 50px;line-height: 50px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0; cursor:pointer; }

#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;width:130px;}

#content .notice { display:none; margin-top: 20px; }
#content .notice dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .notice dl dt {padding: 13px 36px 31px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .notice dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .notice dl .noticeii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 17px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 16px; color:#02347b; font-weight:bold;}
#content .notice dl .noticeii.answer {padding-top: 3px;}
#content .notice dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}
#content .notice dl .t_date{position: initial;width: 100px;right: 10px;top: 12px;font-size: 13px;float: left;margin-bottom: 10px;}


/*** FAQ ***/
#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;  width:130px;}

#content .FAQ { display:none; margin-top: 20px; }
#content .FAQ dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .FAQ dl dt {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .FAQ dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .FAQ dl .faqii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 10px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 20px; color:#02347b; font-weight:bold;}
#content .FAQ dl .faqii.answer {padding-top: 6px;}
#content .FAQ dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}




  /* 페이징 */
#page{display:table;position: relative;clear: both;margin:30px auto; text-align:center; color:#777;}
#page span {display:table-cell;vertical-align:middle;}
#page a {position: relative; display:inline-block; float:left; width:30px; height:30px; margin:0; padding:0; color:#333; line-height: 30px; border:1px solid #ddd; border-left:0;}
#page a.on {background:#777; color:#fff; font-weight:bold; border-color:#777;}
#page a.first {background:url(/img/comm/navi.jpg) no-repeat 2px -2px; border-left:1px solid #ddd;}
#page a.prev {background:url(/img/comm/navi.jpg) no-repeat -33px -2px; }
#page a.next {background:url(/img/comm/navi.jpg) no-repeat -273px -2px;}
#page a.last {background:url(/img/comm/navi.jpg) no-repeat -308px -2px;}


/* table */
table.table.data2-1st-table { table-layout: fixed; min-width: 100%; overflow-x: auto;display: block;}
table.table.data2-1st-table > tbody > tr > td {padding: 4px 5px; line-height: 40px;height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  border-top: none; border-bottom: 1px solid #eee; /*padding: 4px 5px; line-height: 22px; white-space: inherit;  border-top: none;  border-bottom: 1px solid #eee;  vertical-align: middle;*/}
table.table.data-1st-table > tbody > tr > td { background-color: white;  padding: 8px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #666;  border-top: none;  border-bottom: 1px solid #eee;}

.table_group table {/*border-collapse:separate;*/}
.table_group table.table {display:none}
.table_group table.table-1 {display: inline-table;position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group table.table-1.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table-1 tbody, .table_group table.table-1 tfoot {text-align:center;}
.table_group table.table-1 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group table.table-1 tbody tr th, .table_group table.table-1 tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group table.table-1 thead tr:first-child th {border-top-width:0;}
.table_group table.table-1 tbody tr td, .table_group table.table-1 tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group table.table-1 tbody tr:first-child th, .table_group table.table-1 tbody tr:first-child td, .table_group table.table-1 tfoot tr:first-child th, .table_group table-1.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table-1 tbody ul, .table_group table.table-1 tbody ol {padding-left:0; text-align:left;}

table.table.data-1st-table {display: inline-table; table-layout: fixed;}

.table_group2 table.table { display:none}
.table_group2 table.table1 { display:none}
.table_group2 table.table2 {display: inline-table;position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group2 table.table2.scroll {width:860px; z-index:10;}
.table_group2 .gesture {z-index:30; transition-property:opacity, top;}
.table_group2 table.table2 tbody, .table_group table.table tfoot {text-align:center;}
.table_group2 table.table2 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group2 table.table2 tbody tr th, .table_group table.table tfoot tr th {/*padding-top:15px;*/ padding-right:5px;/* padding-bottom:15px;*/ padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group2 table.table2 thead tr:first-child th {border-top-width:0;}
.table_group2 table.table2 tbody tr td, .table_group table.table tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group2 table.table2 tbody tr:first-child th, .table_group table.table tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group2 table.table2 tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}



table.table.data1-1st-table { display:none}
table.table.data1-2st-table {table-layout: fixed;  width: 100%;overflow-x: auto; display: block;}
table.table.data1-2st-table > thead > tr > th {border-bottom: 1px solid #03357b;  background-color: #03357b; color: #fff; text-align: center; font-weight: normal;  padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold;}
table.table.data1-2st-table > tbody > tr > td {/*background-color: white;*/  padding: 4px 5px;  line-height: 40px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  border-top: none;  border-bottom: 1px solid #eee;}
table.table.data1-2st-table > tbody > tr > td span{ font-size:10px}
table.table.data1-2st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data1-2st-table > tbody > tr > td > a,
table.table.data1-2st-table > tbody > tr > td .list-content > a { color: #666;}

table.table.data2-1st-table > thead > tr > th.th-with{width:230px;}
table.table.data2-1st-table > thead > tr > th.th-with78{ width:78px;}
.with230{width: 230px; display: block;}
.with330{width: 330px; display: block;height: 50px;}
table.table.data3-1st-table { display:none}
table.table.data3-2st-table {table-layout: fixed;  width: 100%;display: block;}
table.table.data3-2st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b; color: #fff; text-align: center;  font-weight: normal; padding: 8px; line-height: 1.42857143; /*vertical-align: top;*/ border-top: 1px solid #ddd; font-weight: bold;}
table.table.data3-2st-table > tbody > tr > td { /*background-color: white;*/ padding: 0px 5px; height: 40px; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/vertical-align: middle; border-top: none; border-bottom: 1px solid #eee;}



@media screen and (max-width: 990px) {
    .table-fixed > .moneybook-table {border-left: 0;}
    .table-scroll > .moneybook-table {border-right: 0;}
    .table-fixed, #repaymentHistoryForm .table-fixed {width: 50px;}
    .table-box, #repaymentHistoryForm .table-box {padding-left: 50px;}
    .table-scroll > .icon-chevron-left, #repaymentHistoryForm .table-scroll > .icon-chevron-left {left: 42px;}
    .table-scroll > .left-bounce-bg, #repaymentHistoryForm .table-scroll > .left-bounce-bg {left: 53px;}
}


/* 투자회사 리스트 */
/*.cheak-group{ display: none;}*/
.list-group{float: right; width: 100%;}


/* login */
.login-wrap{padding:0px 0 30px 0; background:#e6e6e8;}
.login_box {max-width: 640px; width: 100%; margin: 30px auto 0; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 10px 30px 30px;}
.login-data-box { background: #f7f7f7;  border: 1px solid #e5e5e5;  padding: 9px;  font-size: 13px;  /*line-height: 24px; */  color: #8e8e8e;float: left;width: 100%;}

/* join */
.join-wrap{padding:0px 0 30px 0; background:#e6e6e8;}
.join_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box;    padding: 10px;}
.join_box .log_area {position: relative; padding: 0px 0 30px;}
.join_area .join-label{/*width: 150px;*/width: 132px;float:left; line-height:43px;}
.join_area label { font-size: 13px; font-weight: 600; color: #303030; display: block;}
.join_area label ul li{float: left; width:100%}
.join_area .label2{float: left; width: 100%;line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.join_area input[type="text"], .join_area input[type="password"]{float: left; clear: both;width:100%;box-sizing:border-box;height:40px;line-height:39px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e1e1e1;font-size:14px;display:block;border-radius:0;padding-left: 10px;/*margin-bottom: 20px;*/}
.btn_wrap7 {width: 40%; margin-bottom:10px;}
.btn_wrap77 {width: 48%; margin-bottom:10px;}
.w_45p {width: 59% !important;}
.join_box p{ float:left; margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px; margin-bottom: 20px;}

/* 펀스캔소개 */
.section_info{padding:100px 0 0px;*padding:50px 0;}
.section_info .inner {padding: 0;}
.section_info .info_list{margin-left:-16px;overflow:hidden;}
.section_info .info_list li{float: left;position:relative;overflow:hidden;width:100%;height:340px;padding-bottom:3px;margin:0 0 15px 15px;color:#777;background:#f7f7f7 url(/img/shadow234.png) no-repeat 0 bottom;border:1px solid #ffb777;}
.section_info .info_list li p{height: auto;}
.section_info .info_list li img{width:100%;height: auto;}
.section_info .info_list li .list_info{padding:25px 14px 13px 13px; text-align:center;width: 95%;}
.section_info .info_list li .list_info dl{padding-left:1px;}
.section_info .info_list li dt{color:#222;font-size:18px;font-weight: 600;letter-spacing:-1px;display:block;margin-bottom:25px;}
.section_info .info_list li dd{height:18px;line-height:24px;color:#767676;letter-spacing: -1px;}

/* 이용가이드 */
.guideService_info{width: 100%;position:relative;}
.guideService_info_cont {width: 100%; border: 1px solid #e6e6e6; overflow: hidden; background: #fff; padding:11px}
.guideService_info_cont li.first{float: left;width: 100%;border: 2px solid #f39c11; margin-bottom: 20px; }
.guideService_info_cont li.second{float: right;width: 100%;border: 2px solid #f39c11;margin-bottom: 20px;}
.guideService_info_cont li{line-height:30px;font-size:18px;/*letter-spacing:-1px*/}
.guideService_info_cont li.title{line-height:36px; font-size:24px;/*letter-spacing:-1px;*/ color:#02347b; padding-top:20px; padding-bottom:30px}
.co_info {width: 100%;}
.co_info ul li p{display:block;font-size:24px;line-height:32px;margin-bottom:10px;}
.co_info ul li{float:left;font-size:18px;line-height:28px;}

/* 서비스 이용 문의 */
.serices-helpdesk-wrap{margin:0 auto;height:100%;width:100%; padding: 0 10px;}
.serices-helpdesk-wrap table{text-align: center;margin:0 auto;min-width:100%;}
.talk-box{margin:0;height:102px;width:80%;float:left;padding:5px;}

  /* 텝메뉴 */
#cont {width: 100%;margin: 0 auto;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 41px; border-bottom: 1px solid #03357b; border-left: 1px solid #03357b; width: 100%; font-size:18px;margin-bottom: 10px;}
ul.tabs li {float: left; text-align:center; cursor: pointer; width: 50%; height: 41px; line-height: 41px; border: 1px solid #03357b; border-left: none; font-weight: bold; background: #f7fbff; overflow: hidden; position: relative;}
ul.tabs li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.tab_container {border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF;}
.tab_content {padding: 0px;/*font-size: 12px;*/ display: none;}
.date-txt{position: absolute;display: inline-flex; margin-left: 5px;}
.date-txt h1{ font-size:22px;}


/* 서비스 제휴 문의 */
.serices-wrap{padding:00px 0 30px 0; background:#e6e6e8;}
.serices_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box;padding: 10px;}
.serices_header{max-width: 640px;width: 100%;margin: 8% auto 0; box-sizing:border-box;text-align:center}
.serices_header h1{font-size: 20px;color: #303030;text-align: center;}
.serices_box p{margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px;}
.serices_box .log_area{position:relative;padding:20px 0 0px;}
.serices_box .tit{ text-align: center;font-size:18px;position:relative;/*padding:20px 0 0px;*/}

.serices_header{max-width: 640px;width: 100%;position: relative; margin: 30px auto 30px auto; text-align: center;}
.serices_header h3 img{max-width: 150px;width: 100%;height: auto;}
.serices_area .serices-label{ width:120px; float:left; line-height:43px;}
.serices_area .serices-txt{ width:74%; float:left; line-height:43px;}
.serices_area label{font-size:13px;  display:block; }
.serices_area input[type="text"], .serices_area input[type="password"]{float: left;width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:40px; line-height:39px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:14px; display:block; border-radius:0;padding-left: 10px;}
.serices_area select{float:right; width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:44px; line-height:43px;border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0;}
.serices_area .serices-route {padding:0 15px;}
.serices_area .serices-route:after {content:""; display:block; clear:both;}
.serices_area .serices-route .radio{width:33.333333333%}
.serices_area .serices-route > div{float:left; padding-top:5px;}
.serices_area .member-type-check {padding:0 15px;}
.serices_area .member-type-check:after {content:""; display:block; clear:both;}
.serices_area .member-type-check > div{float:left;}
.serices_area .articles_agree{font-size:14px;}
.serices_area .serices-btn{border: 0; width: 175px;font-size: 16px; padding:10px 20px; text-align:center;display:block;margin:20px auto 0 auto; }
.clearfix{clear:both;}
.serices_area label{font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .label2{float: left; line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .time{float: left; color:#8e8e8e; line-height: 40px; margin-left: 10px;}
.serices_box .login-btn{border:0; width:100%; background-color:#183c7c; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 0;}

	/* Popup */
        .mask {background: rgba(0,0,0,.8); width:100%; height:100%; display: none;z-index: 1002;position: fixed;top: 0;overflow: auto;}
        .window {left: 1.6%; top: 1%; position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 722px; z-index:1001;}
        .window1 {left: 1.6%; top: 1%; position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 722px; z-index:1001;}
		.popup_style { margin-top: 15px;}
		.popup_style2 {padding: 5px 14px;}
		.popup_style2 .pop_header {font-size: 18px;line-height: 40px; font-weight: 400; border-bottom: 1px solid #e0e0e0;}
		.pz {padding: 0;}
		.col-xs-12 { display:none}
		.col-xs-12-2 {width: 100%;display: inline-table;}
		.col-xs-9 {width: 75%; text-align:left}
		.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}
		.col-xs-3 {width: 25%; text-align:right}
		.pop_txt{float: left;font-size:14px; text-align:left; width: 100%;}
		.pop_txt_total{ float:right;}
		.invest-info-list2 {float: left;width:100%; border: 1px solid #c6c6c6;border-bottom: none; margin: 10px 0 0 0;}
        .invest-info-list2 ul li{display: -webkit-box; border-bottom: 1px solid #c6c6c6;}
		.invest-info-list2 ul li .title{text-align: left; width: 120px; font-size: 13px;font-weight: 600; line-height: 36px; background-color: #f9f9f9; padding-left: 10px;}
		.invest-info-list2 ul li .s-txt{text-align: left;width:100%; font-size:13px; line-height: 36px;padding-left: 10px;}
		.invest-info-box {float: left;width: 228px;}
		.invest-info-box h4{ background:#f7fbff; color:#03357b; font-size:24px; font-weight:500; height:38px;margin-bottom: 16px; text-align:center}


	/* Contents */
	.company-list{padding:0 30px;}
	.company-list li div{height:32px;}
	.company-list li{width:50%;margin:0 0 20px 0;text-align:center;}
	.company-list .mobile-on{display:block;}
	.company-list-margin{}
	.title-line{display:inline;}
	.company_about li{width:100%;text-align:center;}
	.company_about .box-left{float:none;height:35px;width:100%;}
	.public-title{display:block;}
	.txt-wrap{display:table; width: 87%;margin: 0 30px;}
	.txt-wrap p {font-size: 14px; margin-bottom: 15px;}

	/* board */
	.txt-apply-warp,
	.board,
	#bd_142_0{padding:0;}
	.hidden-m{display:none;}
	.extraVarsList td .iText,
	.extraVarsList tr td .homepage,
	.extraVarsList tr td .text,
	.extraVarsList{width:auto;}

	.extraVarsList tr td .tel{width:14%;margin-right:4px;}
	.xpress-editor .input_area{height:80px !important;}




	/* Footer */
	.footer_m {display: block;}
	.footer_m:after {content:""; display:block; clear:both;}
	.footer_m .f_cr_area .footer-link {display: block;margin: auto; text-align: center; padding:30px 10px 15px; color:#fff}
	.footer_m .f_cr_area .footer-copyright{padding:0 40px 40px 40px;}
    .footer_m .f_cr_area .footer-copyright p a,
    .footer_m .f_cr_area .footer-copyright p{margin:15px 0;color:#acacac;text-align: center;}
    .footer_m .f_cr_area .footer-copyright span{font-size:14px;margin:0 6px;}
	.footer_m .f_cr_area .footer-link ul{display:table;margin:auto;}
    .footer_m .f_cr_area .footer-link li{float:left;border-right:1px solid #555;padding:0 15px;}
    .footer_m .f_cr_area .footer-link li:first-child{}
    .footer_m .f_cr_area .footer-link li:last-child{border-right:0;padding-right:0;}
    .footer_m .f_cr_area .footer-link li a{font-weight:700;font-size:13px;color:#fff;}
    .footer_m  .f_cr_area .sns_area {display:inline-block; padding:20px 0 0; text-align: center;width:100%; }
    .footer{display:none;}

.row {margin-right: -15px; margin-left: -15px;}
}

@media all and (max-width:1050px){
	/* Common */
	section .container {min-width:100%;width:100%;}
	.header, .visual.sub .sub_title, .body.fixed-width, .body.fixed-width.none .content, .footer .f_info_area, .footer .copyright{width:auto;padding: 10px;}
	.body.fixed-width.left .content, .body.fixed-width.right .content{width:auto;}
	section{padding:10px 0;}
	section h2{font-size:22px;}
	section .tit{margin:17px auto 17px;}
	.gnb>ul{max-height: 601px;}
	span {outline: none;}
.fts250{font-size:180% !important; font-weight: 500;}
.none-group{display: none !important;}
.mg30{margin: 0px !important;}
.fc-toolbar h2 {margin: 0;font-size: 22px;	margin-left: -4px;	line-height: 40px;}
.nav-bar2{ display:block}
/*.table .data2-1st-table .tx_al_l{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}*/

/* 검색 서식 */
.search-input-box {position: relative; float: right;    width: 100%; height: 38px;}
.keyword {float: left; display: block; margin: 0; padding: 0 1.5rem 0 0.625rem;  height: 38px;
	width: calc(100% - 37px); min-width:300px; font-size: 0.875rem; color: #999999; border: 1px solid #999; border-radius: 0px; text-align: left;}
.submit {position: absolute; right: 0; top: 0px;
    display: block;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 38px;
    font-size: 0.875rem;
    color: #869ea9;
    line-height: 30px;
    background-color: transparent;
    border: none;
    border-left: 1px solid #d1d1d1;
    cursor: pointer;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

	/* GNB */
	.fixed_header .header_wrap{/*padding: 2px 0;*/border-bottom:1px solid #e4e4e4;}

	.header>h1 img{max-height:40px !important;padding-left:20px;}
	.gnb .menu_btn{top:22px;right:5px;}
	.gnb>ul>li>a{line-height:30px;}
	.gnb>ul .depth2 a{padding:10px;}

	.gnb>ul .depth2{background-color:#fff;border:0;box-shadow:0 0 0;}
	.gnb>ul .depth2 a{padding-left:20px;}
	.main-date h1 {text-align: center; font-size: 26px; color: #fff; font-weight: 200;line-height: 46px;}

	.sub_title {position: relative;  z-index: 2; width: 100%; margin: 0 auto;padding: 20px 0 0 0;}
    .sub_title h1{text-align:center;}
    .sub_title h1:after{left:49%;background-color:#777;}
    .sub-visual-wrap{padding:100px 0 40px 0;background:url(/img/login_visual.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img1 {padding:100px 0 40px 0;background:url(/img/visual_img1.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img2 {padding:100px 0 40px 0;background:url(/img/visual_img2.jpg) no-repeat; background-position: center 100%; height: 80px;}
    .sub-visual-img3 {padding:100px 0 40px 0;background:url(/img/visual_img3.jpg) no-repeat; background-position: center 100%; height: 80px;}

	.visual.sub{margin-top:0;}
	.visual.sub .sub_title h1{text-align:center;}
	.visual.sub .sub_title h1:after{left:47%;}

	.terms-wrap{display:block;width:auto;float:none;}
	.xe_content{padding:0 30px;width:auto !important;}
	.terms-wrap .terms-list{float:none;width:auto;}

	/* header */
	.visual.sub{padding:40px 0 50px 0;}
	.main-visual-txt{margin-top:30px;}
	.main-visual-txt li{float:none;padding:0;margin:0 30px;padding-bottom:20px;}
	.main-visual-txt li:first-child{border-right:0;border-bottom:1px dashed #5a748e;margin-bottom:20px;}
	.main-visual-txt .money{margin:0;letter-spacing:-2px;}
	.main-about .txt,
	.purpose .txt{line-height:22px;}

	/* main LIST */
    .invest-form-list__content {width: 99%;overflow: hidden; margin: 10px 3px; background-color: #fff;border-collapse: collapse;}
	.invest-summary {margin: 0;  padding: 10px 8px; box-sizing: content-box; position: relative;  white-space: normal; width: 90%;}
	.invest-summary:nth-child(4) {float: left; margin: 0;  padding: 10px 2px; border-right:none; box-sizing: content-box; position: relative;  white-space: normal;}
	.invest-summary__title {
	display: block;
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #bababa;
	font-size: 12px;
	line-height: 33px;
	text-align: center;
	white-space: nowrap;
}

.invest-summary__content {
	display: block;
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #000;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.invest-summary__text {
	margin: 0;
	padding: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.invest-summary__text.invest-summary__text.invest-summary__text--value {font-size: 20px;font-weight: 500;line-height: 24px;}
.invest-summary__text.invest-summary__text--unit {font-size: 12px;font-weight: 300;line-height: 22px;}
.invest-summary__text__company {font-size: 16px;font-weight: 700;line-height: 22px; color:#1a3d7c; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min=width:100%;}
.invest-summary__text__title {font-size: 14px;font-weight: 700;line-height: 22px; color:#1a3d7c; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width:100%; margin-left:8px;line-height: 2;}
.invest-summary__text__company2 {font-size: 14px;font-weight: 700;line-height: 22px; color:#1a3d7c; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min=width:100%;}
.invest-summary__text__title2 {font-size: 14px;font-weight: 300;line-height: 22px; color:#8e8e8e; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width:100%;}

.invest_end_box {display:inline-block; margin-left:5px; font-size:14px; background:#F39C11; padding:0px 8px; color: #fff; border-radius:60px;vertical-align: middle;}

.check-box {width: 100%; }
.time_box {display:inline-block; margin-left:5px; font-size:20px; border:1px solid #da2020; padding:2px 10%; background:#da2020; color: #fff; border-radius:30px;vertical-align: middle;}
.time_box2 {display:inline-block; margin-left:5px; font-size:20px; border:1px solid #183c7c; padding:2px 10%; background:#183c7c; color: #fff; border-radius:30px;vertical-align: middle;}
.invest-bottom {padding: 3px 8px; border: 1px solid #e8e8e8;clear: both;  margin: 0;}

.reward, .reward__text, .reward__decorator {margin: 0;padding: 0;}
.reward {/* float: left; *//* margin-left: 8px; *//* display: inline-block; */line-height: 0;}
.reward__decorator {width: 18px; height:20px; background:url(/img/main/gift_icon.png);}
.reward__text {float: left;display: inline;font-size: 15px;font-weight: 300;line-height: 1.8; }
.reward__text ~.reward__text { float:left; line-height: 2; color: #F39C11; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 73%;}
.reward__text2 {float: left;display: inline;font-size: 15px;font-weight: 300;    line-height: 2; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:75%; }
.reward__text2 ~.reward__text2 { float:left; /*width: 60%;*/line-height: 1.8; color: #000;}
.btn-group .label span {font-size: 12px;}

.wrapper {width: 95%; margin: 0 auto;}


.sub-head2 {display: none;}
.sub-head span {display: none;}

/* 버튼 테스트 */
.btn_wrap{width: 310px; margin: 0 auto;}/*20171213 수정*/
.btn_wrap2{width: 280px; margin-top: 50px; }
.btn_wrap3{width: 480px; margin: 0 auto; padding: 0; margin-top: -360px}
.btn_wrap4{width: 480px; margin: 40px 0 0 84px; padding-bottom: 50px;}
.btn_wrap5{width: 320px; margin: 0 auto; padding: 0; margin-top: 10px; position: absolute;  z-index:11111}
.btn_wrap6{width: 49% }
.btn_wrap77{width: 200px; }

.invest_box {display:inline-block; position: absolute; top: -30px;background:#F39C11; padding:7px 10px; color: #fff;border-radius:30px}
.btn_line{width: 660px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line2{width: 100%; margin: 0 auto; padding: 15px; display: inline-table; text-align: center;}
.btn_line3{width: 278px; margin: 0 auto; padding-top: 30px;padding-bottom: 50px;}
.btn_line4{width: 56%; margin: 0 auto;}
.btn_line5 { width: 100%; margin: 0 auto;padding: 20px;}
.btn_line6 {width: 98%; margin: 0 auto; padding: 30px;}
.btn_line7 {width: 65%; margin: 0 auto; padding: 30px;}
.btn_line8 { margin: 0 auto; padding: 30px;}
.btn_line11 { width: 100%; margin: 0 auto;padding: 20px;margin-top: 30px;}
.page_04_text{font-size: 32px;	letter-spacing: -1px;padding: 10px 10px 20px 10px;}
.bt_all {margin: 0 auto;}
.bt_all img{width: 80%; margin-bottom: 15px;}
.btn-s {width: 105px; margin-left: auto; margin-right: auto; padding: 2px 10px; text-align: center; color: #fff; border-radius: 0px; line-height:18px;  display: inline-block;}

.btn_total{width: 100%;margin: 0 auto;display: flex;}

.point-flow {display: block;font-size: 13px;margin-bottom: 50px;}
.point-list.left {float: left; width: 100%;padding-bottom: 8px;	padding-right: 40px; background-size: 10px auto;}
.point-list.left .span_24_1 {display: inline-table; overflow: inherit;float:left;width:100%;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 32px;}
.point-list.right {float: left; width: 100%; padding-left:0px;}
.point-list.right .span_24_1 {display: inline-table; overflow: inherit;float:left;width:101px;width:-webkit-calc(100% - 118px);width:-moz-calc(100% - 118px);width:calc(100% - 118px);padding-left:10px;background:url(/img/comm/bullet_square_gray.png) no-repeat 0 10px;font-size:13px;color:#454545;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;    line-height: 20px;}



/*** FAQ ***/
#content .tab_type02 { margin-bottom:40px; overflow:hidden; width:100%; }
#content .tab_type02 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 50px;line-height: 50px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0; cursor:pointer; }

#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;width:130px;}

#content .notice { display:none; margin-top: 20px; }
#content .notice dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .notice dl dt {padding: 13px 36px 31px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .notice dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .notice dl .noticeii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 17px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 16px; color:#02347b; font-weight:bold;}
#content .notice dl .noticeii.answer {padding-top: 3px;}
#content .notice dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}
#content .notice dl .t_date{position: initial;width: 100px;right: 10px;top: 12px;font-size: 13px;float: left;margin-bottom: 10px;}




/*** FAQ ***/
#content .tab_type03:after {content:""; width:100%; display:block; border-bottom:1px solid #e0e0e0; margin-top:-1px;}
#content .tab_type03 {overflow:hidden; }
#content .tab_type03 li { margin:0;font-size: 16px;color: #303030;text-align: center;height: 40px;line-height: 40px;background-color: #fbfbfb;box-sizing: border-box;border: 1px solid #e0e0e0;  width:130px;}

#content .FAQ { display:none; margin-top: 20px; }
#content .FAQ dl { margin-bottom:10px; background-image: url(/img/comm/faq_blt_2.png);background-position: right 10px top 18px !important;background-repeat: no-repeat; border:1px solid #dfdfdf; overflow:hidden; }
#content .FAQ dl dt {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; }
#content .FAQ dl dd { display:none; padding:13px 20px 15px 45px; font-size:14px; line-height:25px;border-top:1px solid #dfdfdf;position:relative;background:#f4f4f4;}
#content .FAQ dl .faqii {position: absolute; width: 30px; height: 30px;line-height: 1;top: 10px; left: 8px; text-align: center; box-sizing: border-box;  font-size: 20px; color:#02347b; font-weight:bold;}
#content .FAQ dl .faqii.answer {padding-top: 6px;}
#content .FAQ dl .t_tit {padding: 13px 36px 11px 44px; font-size:15px;  line-height:1.5;cursor:pointer;position:relative; border:1px solid #dfdfdf;}




  /* 페이징 */
#page{display:table;position: relative;clear: both;margin:30px auto; text-align:center; color:#777;}
#page span {display:table-cell;vertical-align:middle;}
#page a {position: relative; display:inline-block; float:left; width:30px; height:30px; margin:0; padding:0; color:#333; line-height: 30px; border:1px solid #ddd; border-left:0;}
#page a.on {background:#777; color:#fff; font-weight:bold; border-color:#777;}
#page a.first {background:url(/img/comm/navi.jpg) no-repeat 2px -2px; border-left:1px solid #ddd;}
#page a.prev {background:url(/img/comm/navi.jpg) no-repeat -33px -2px; }
#page a.next {background:url(/img/comm/navi.jpg) no-repeat -273px -2px;}
#page a.last {background:url(/img/comm/navi.jpg) no-repeat -308px -2px;}


/* table */
table.table.data2-2st-table {table-layout: fixed;  width: 100%; display: inline-table;}
table.table.data2-2st-table > thead > tr > th { border-bottom: 1px solid #03357b; background-color: #03357b;color: #fff; text-align: center; padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold; font-size:14px;}
table.table.data2-2st-table > tbody > tr > td {/*background-color: white;*/ font-size:14px;padding: 4px 0px 0 0px;line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: none; border-bottom: 1px solid #eee;}
table.table.data2-2st-table > tbody > tr > td span{ font-size:12px}
table.table.data2-2st-table > tbody > tr > td .money_txt p {line-height: 20px; margin: 0;}
table.table.data2-2st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data2-2st-table > tbody > tr > td > a,
table.table.data2-2st-table > tbody > tr > td .list-content > a {/*color: #666;*/}


.table_group table {/*border-collapse:separate;*/}
.table_group table.table {display:none}
.table_group table.table2 {display:none}
.table_group table.table-1 {display: inline-table;position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group table.table-1.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table-1 tbody, .table_group table.table-1 tfoot {text-align:center;}
.table_group table.table-1 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group table.table-1 tbody tr th, .table_group table.table-1 tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; color:#5d5d5d; font-size:14px; text-align:center;}
.table_group table.table-1 thead tr:first-child th {border-top-width:0;}
.table_group table.table-1 tbody tr td, .table_group table.table-1 tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group table.table-1 tbody tr:first-child th, .table_group table.table-1 tbody tr:first-child td, .table_group table.table-1 tfoot tr:first-child th, .table_group table-1.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.table-1 tbody ul, .table_group table.table-1 tbody ol {padding-left:0; text-align:left;}

.table_group table.table2-1 {display: inline-table;position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group table.table2-1.scroll {width:860px; z-index:10;}
.table_group .gesture {z-index:30; transition-property:opacity, top;}
.table_group table.table2-1 tbody, .table_group table.table-1 tfoot {text-align:center;}
.table_group table.table2-1 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;}
.table_group table.table2-1 tbody tr th, .table_group table.table-1 tfoot tr th {padding-top:15px; padding-right:5px; padding-bottom:15px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#03357b; color:#fff; font-size:14px; text-align:center;}
.table_group table.table2-1 thead tr:first-child th {border-top-width:0;}
.table_group table.table2-1 tbody tr td, .table_group table.table-1 tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group table.table2-1 tbody tr:first-child th, .table_group table.table-1 tbody tr:first-child td, .table_group table.table-1 tfoot tr:first-child th, .table_group table-1.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group table.tabl2e-1 tbody ul, .table_group table.table-1 tbody ol {padding-left:0; text-align:left;}


table.table.data-1st-table {display: inline-table; table-layout: fixed;}

.table_group2 {-webkit-overflow-scrolling:touch;position:relative;width:100%;margin-top:10px;margin-bottom:20px;z-index: 15; display: block;}
.table_group2 h3{margin-top:10px;margin-bottom:15px; font-size:18px; text-align:center;display: block;width:}
.table_group2 table.table { display:none}
.table_group2 table.table1 { display:none}
.table_group2 table.table2 {display: inline-table;position:relative; width:100%; border-top-width:1px; /*border-top-style:solid;*/ border-top-color:#3a3a3a; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#c6c6c6;border-right-width: 1px;border-right-style: solid;border-right-color: #c6c6c6; table-layout: fixed;}
.table_group2 table.table2.scroll {width:860px; z-index:10;}
.table_group2 .gesture {z-index:30; transition-property:opacity, top;}
.table_group2 table.table2 tbody, .table_group table.table2 tfoot {text-align:center;}
.table_group2 table.table2 thead tr th {padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#fafafa; color:#333; font-size:14px; text-align:center;vertical-align: middle;}
.table_group2 table.table2 tbody tr th, .table_group table.table2 tfoot tr th {/*padding-top:15px;*/ padding-right:5px;/* padding-bottom:15px;*/ padding-left:5px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; background-color:#f7fbff; /*color:#fff;*/ font-size:14px; text-align:center;vertical-align: middle;}
.table_group2 table.table2 thead tr:first-child th {border-top-width:0;}
.table_group2 table.table2 tbody tr td, .table_group table.table2 tfoot tr td {padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; border-top-width:1px; border-top-style:solid; border-top-color:#c6c6c6; border-left-width:1px; border-left-style:solid; border-left-color:#c6c6c6; color:#333; font-size:14px;}
.table_group2 table.table2 tbody tr:first-child th, .table_group table.table2 tbody tr:first-child td, .table_group table.table tfoot tr:first-child th, .table_group table.table tfoot tr:first-child td {border-top-color:#c6c6c6;}
.table_group2 table.table2 tbody ul, .table_group table.table tbody ol {padding-left:0; text-align:left;}



table.table.data1-1st-table { display:none}
table.table.data1-2st-table {table-layout: fixed;  width: 100%;overflow-x: auto; display: block;}
table.table.data1-2st-table > thead > tr > th {border-bottom: 1px solid #03357b;  background-color: #03357b; color: #fff; text-align: center; font-weight: normal;  padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: bold;}
table.table.data1-2st-table > tbody > tr > td {/*background-color: white;*/  padding: 4px 5px;  line-height: 40px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  border-top: none;  border-bottom: 1px solid #eee;}
table.table.data1-2st-table > tbody > tr > td span{ font-size:10px}
table.table.data1-2st-table > tbody > tr:last-child > td {border-bottom: 1px solid #ddd;}
table.table.data1-2st-table > tbody > tr > td > a,
table.table.data1-2st-table > tbody > tr > td .list-content > a { color: #666;}

table.table.data2-1st-table > thead > tr > th.th-with{width:230px;}
table.table.data2-1st-table > thead > tr > th.th-with78{ width:78px;}
.with230{min-width: 230px;display: block;}
.with330{width: 330px; display: block;height: 50px;}
table.table.data3-1st-table { display:none}
table.table.data3-2st-table {table-layout: fixed;  width: 100%;display: block;overflow: auto;}
table.table.data3-2st-table > thead > tr > th {border-bottom: 1px solid #03357b; background-color: #03357b; color: #fff; text-align: center;  font-weight: normal; padding: 8px; line-height: 1.42857143; /*vertical-align: top;*/ border-top: 1px solid #ddd; font-weight: bold;}
table.table.data3-2st-table > tbody > tr > td { /*background-color: white;*/ padding: 0px 5px; height: 40px; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/vertical-align: middle; border-top: none; border-bottom: 1px solid #eee;}

.pop_txt h5 { width: 100%; font-size:18px;font-weight:500;color:#02347b;line-height:30px;}
.pop_txt h5 span{ width: 100%; font-size:13px;font-weight:500;line-height:30px;}



/* 투자회사 리스트 */
/*.cheak-group{ display: none;}*/
.list-group{float: right; width: 100%;}


/* login */
.login-wrap{padding:0px 0 30px 0; background:#e6e6e8;}
.login_box {max-width: 640px; width: 100%; margin: 30px auto 0; background: #fff; border: 1px solid #e5e5e5; box-sizing: border-box; padding: 10px 30px 30px;}
.login-data-box { background: #f7f7f7;  border: 1px solid #e5e5e5;  padding: 9px;  font-size: 13px;  /*line-height: 24px; */  color: #8e8e8e;float: left;width: 100%;}

/* join */
.join-wrap{padding:0px 0 30px 0; background:#e6e6e8;}
.join_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box;    padding: 10px;}
.join_box .log_area {position: relative; padding: 0px 0 30px;}
.join_area .join-label{/*width: 150px;*/width: 132px;float:left; line-height:43px;}
.join_area label { font-size: 13px; font-weight: 600; color: #303030; display: block;}
.join_area label ul li{float: left; width:100%}
.join_area .label2{float: left; width: 100%;line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.join_area input[type="text"], .join_area input[type="password"]{float: left; clear: both;width:100%;box-sizing:border-box;height:40px;line-height:39px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e1e1e1;font-size:14px;display:block;border-radius:0;padding-left: 10px;/*margin-bottom: 20px;*/}
.btn_wrap9{}
.btn_wrap0{width: 310px; display: inline;}
.w_45p {width: 59% !important;}
.join_box p{ float:left; margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px; margin-bottom: 20px;}

/* 펀스캔소개 */
.section_info{padding:100px 0 0px;*padding:50px 0;}
.section_info .inner {padding: 0;}
.section_info .info_list{margin-left:-16px;overflow:hidden;}
.section_info .info_list li{float: left;position:relative;overflow:hidden;width:100%;height: 100%;padding-bottom:3px;margin:0 0 15px 15px;color:#777;background:#f7f7f7 url(/img/shadow234.png) no-repeat 0 bottom;border:1px solid #ffb777;}
.section_info .info_list li p{height: auto;}
.section_info .info_list li img{width:100%;height: auto;}
.section_info .info_list li .list_info{padding:25px 14px 25px 13px; text-align:center;width: calc(95% - 30px);height: 100%;display: inline-block;}
.section_info .info_list li .list_info dl{padding-left:1px;}
.section_info .info_list li dt{color:#222;font-size:24px;font-weight: 600;letter-spacing:-1px;display:block;margin-bottom:10px;}
.section_info .info_list li dd{height: 100%;font-size:18px;line-height:24px;color:#767676;letter-spacing: -1px;}

/* 이용가이드 */
.guideService_info{width: 100%;position:relative;}
.guideService_info_cont {width: calc(100% - 25px); border: 1px solid #e6e6e6; overflow: hidden; background: #fff; padding:11px}
.guideService_info_cont li.first{float: left;width: 100%;border: 2px solid #f39c11; margin-bottom: 20px; }
.guideService_info_cont li.second{float: right;width: 100%;border: 2px solid #f39c11;margin-bottom: 20px;}
.guideService_info_cont li{line-height:30px;font-size:18px;/*letter-spacing:-1px*/}
.guideService_info_cont li.title{line-height:36px; font-size:24px;/*letter-spacing:-1px;*/ color:#02347b; padding-top:20px; padding-bottom:30px}
.co_info {width: 100%;}
.co_info ul li p{display:block;font-size:24px;line-height:32px;margin-bottom:10px;}
.co_info ul li{float:left;font-size:18px;line-height:28px;}

/* 서비스 이용 문의 */
.serices-helpdesk-wrap{margin:0 auto;height:100%;width:100%; padding: 0 0px;}
.serices-helpdesk-wrap table{text-align: center;margin:0 auto;min-width:100%;}
.talk-box{margin:0;height:102px;width:70%;float:left;padding:5px;}
.talk-box-btn{width: 30%; height: 102px;background: #f39c12;color: #fff; font-size:16px }

  /* 텝메뉴 */
#cont {width: 100%;margin: 0 auto;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 41px; border-bottom: 1px solid #03357b; border-left: 1px solid #03357b; width: 100%; font-size:18px;margin-bottom: 10px;}
ul.tabs li {float: left; text-align:center; cursor: pointer; width: 49.5%; height: 41px; line-height: 41px; border: 1px solid #03357b; border-left: none; font-weight: bold; background: #f7fbff; overflow: hidden; position: relative;}
ul.tabs li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF;height: 41px;}
ul.tabs2 {margin: 0; padding: 0; float: left; list-style: none; height: 41px; border-bottom: 1px solid #03357b; border-left: 1px solid #03357b; width: 100%; font-size:18px;margin-bottom: 10px;}
ul.tabs2 li {float: left; text-align:center; cursor: pointer; width: 33.3%; height: 41px; line-height: 41px; border: 1px solid #03357b; border-left: none; font-weight: bold; background: #f7fbff; overflow: hidden; position: relative;}
ul.tabs2 li.active {background: #FFFFFF; border-bottom: 1px solid #FFFFFF;height: 41px;}
.tab_container {border-top: none; clear: both; float: left; width: 100%; background: #FFFFFF;margin-top: 0px;}
.tab_content {padding: 0px;/*font-size: 12px;*/ display: none;}
.date-txt{position: absolute;display: inline-flex; margin-left: 10px;}
.date-txt span{ font-size:18px;}
.date-txt3{position: absolute;display: inline-flex; margin-left: 10px;}
.date-txt3 span{ font-size:18px;}
.date-txt2{float: right; position: absolute; right: 10px; top: 68px;}

/* 서비스 제휴 문의 */
.serices-wrap{padding:00px 0 30px 0; background:#e6e6e8;}
.serices_box{max-width: 640px;width: 100%;margin: 30px auto 0; background:#fff; border:1px solid #ffb777; box-sizing:border-box;padding: 10px;}
.serices_header{max-width: 640px;width: 100%;margin: 8% auto 0; box-sizing:border-box;text-align:center}
.serices_header h1{font-size: 20px;color: #303030;text-align: center;}
.serices_box p{margin: 10px 0;font-size: 13px; text-align: left;line-height: 24px;}
.serices_box .log_area{position:relative;padding:20px 0 0px;}
.serices_box .tit{ text-align: center;font-size:18px;position:relative;/*padding:20px 0 0px;*/}

.serices_header{max-width: 640px;width: 100%;position: relative; margin: 30px auto 30px auto; text-align: center;}
.serices_header h3 img{max-width: 150px;width: 100%;height: auto;}
.serices_area .serices-label{ width:120px; float:left; line-height:43px;}
.serices_area .serices-txt{ width:74%; float:left; line-height:43px;}
.serices_area label{font-size:13px;  display:block; }
.serices_area input[type="text"], .serices_area input[type="password"]{float: left;width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:40px; line-height:39px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e1e1e1; font-size:14px; display:block; border-radius:0;padding-left: 10px;}
.serices_area select{float:right; width:calc(100% - 120px); width:-webkit-calc(100% - 120px); box-sizing:border-box; height:44px; line-height:43px;border:1px solid #e1e1e1; font-size:13px; display:block; border-radius:0;}
.serices_area .serices-route {padding:0 15px;}
.serices_area .serices-route:after {content:""; display:block; clear:both;}
.serices_area .serices-route .radio{width:33.333333333%}
.serices_area .serices-route > div{float:left; padding-top:5px;}
.serices_area .member-type-check {padding:0 15px;}
.serices_area .member-type-check:after {content:""; display:block; clear:both;}
.serices_area .member-type-check > div{float:left;}
.serices_area .articles_agree{font-size:14px;}
.serices_area .serices-btn{border: 0; width: 175px;font-size: 16px; padding:10px 20px; text-align:center;display:block;margin:20px auto 0 auto; }
.clearfix{clear:both;}
.serices_area label{font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .label2{float: left; line-height: 40px;font-size: 13px;color: #303030;margin-bottom: 10px;display: block;}
.serices_area .time{float: left; color:#8e8e8e; line-height: 40px; margin-left: 10px;}
.serices_box .login-btn{border:0; width:100%; background-color:#183c7c; color: #fff; font-size:16px; padding: 10px; -webkit-appearance: none; border-radius: 0;}

/* 그래프 */
.dashboard-half {margin-left: 0;margin-right: 0;display: block;}
.col-md-6 {float: left; width: 100%;}
.dashboard-half > div:first-child {padding-left: 0px; padding-right: 0px;margin-bottom: 20px;}
.dashboard-half > div:last-child { padding-left: 0px; padding-right: 0px;margin-bottom: 20px;}

/* 상세투자내역 메뉴 2017.11.10 */
.invest_info_view{}
.invest_info_view_txt {display: inline-block; width: 45%; height: 40px; line-height: 40px; border: 1px solid #c6c6c6; font-size: 14px;  color: #1e1e1e;  text-align: center;  padding: 0;margin-bottom: 5px; text-align: left; padding: 0 6px}

/* 연간보기 2017.11.20 */
.float_r2{/*float: right;position: absolute;right: 10px;top: 68px;*/ display:none}

/* 이벤트갤러리 2018.1.23 */
.board-event-wrapper{width: 100%;}
.board-event__info{padding: 10px;  height: 70px}
.board-event__info__title{font-size: 16px; max-height: 52px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap:break-word;display: -webkit-box;}


	/* Popup */
        .mask {background: rgba(0,0,0,.8); width:100%; height:100%; display: none;z-index: 1002;position: fixed;top: 0;overflow: auto;}
        .window {left: 1.6%; top: 1%; position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 722px; z-index:1001;}
        .window1 {left: 1.6%; top: 1%; position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 722px; z-index:1001;}
		.popup_style {}
		.popup_style2 {padding: 5px 14px; 15px 14px}
		.popup_style2 .pop_header {font-size: 18px;line-height: 40px; font-weight: 400; border-bottom: 1px solid #e0e0e0;}
		.pz {padding: 0;}
		.col-xs-12 { display:none}
		.col-xs-12-2 {width: 100%;display: inline-table;}
		.col-xs-9 {width: 75%; text-align:left}
		.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left;}
		.col-xs-3 {width: 25%; text-align:right}
		.pop_txt{float: left;font-size:14px; text-align:left; width: 100%;}
		.pop_txt_total{ float:right;}
		.invest-info-list2 {float: left;width:100%; border: 1px solid #c6c6c6;border-bottom: none; margin: 10px 0 0 0;}
        .invest-info-list2 ul li{display: -webkit-box; border-bottom: 1px solid #c6c6c6;}
		.invest-info-list2 ul li .title{text-align: left; width: 120px; font-size: 13px;font-weight: 600; line-height: 36px; background-color: #f9f9f9; padding-left: 10px;}
		.invest-info-list2 ul li .s-txt{text-align: left;width:100%; font-size:13px; line-height: 36px;padding-left: 10px;}
		.invest-info-box {float: left;width: 228px;}
		.invest-info-box h4{ background:#f7fbff; color:#03357b; font-size:24px; font-weight:500; height:38px;margin-bottom: 16px; text-align:center}


	/* Contents */
	.company-list{padding:0 30px;}
	.company-list li div{height:32px;}
	.company-list li{width:50%;margin:0 0 20px 0;text-align:center;}
	.company-list .mobile-on{display:block;}
	.company-list-margin{}
	.title-line{display:inline;}
	.company_about li{width:100%;text-align:center;}
	.company_about .box-left{float:none;height:35px;width:100%;}
	.public-title{display:block;}
	.txt-wrap{display:table; width: 87%;margin: 0 30px;}
	.txt-wrap p {font-size: 14px; margin-bottom: 15px;}

	/* board */
	.txt-apply-warp,
	.board,
	#bd_142_0{padding:0;}
	.hidden-m{display:none;}
	.extraVarsList td .iText,
	.extraVarsList tr td .homepage,
	.extraVarsList tr td .text,
	.extraVarsList{width:auto;}

	.extraVarsList tr td .tel{width:14%;margin-right:4px;}
	.xpress-editor .input_area{height:80px !important;}


	/* Footer */
	.footer_m {display: block;}
	.footer_m:after {content:""; display:block; clear:both;}
	.footer_m .f_cr_area .footer-link {display: block;margin: auto; text-align: center; padding:30px 10px 15px; color:#fff}
	.footer_m .f_cr_area .footer-copyright{padding:0 40px 40px 40px;}
    .footer_m .f_cr_area .footer-copyright p a,
    .footer_m .f_cr_area .footer-copyright p{margin:15px 0;color:#acacac;text-align: center;}
    .footer_m .f_cr_area .footer-copyright span{font-size:14px;margin:0 6px;}
	.footer_m .f_cr_area .footer-link ul{display:table;margin:auto;}
    .footer_m .f_cr_area .footer-link li{float:left;border-right:1px solid #555;padding:0 15px;}
    .footer_m .f_cr_area .footer-link li:first-child{}
    .footer_m .f_cr_area .footer-link li:last-child{border-right:0;padding-right:0;}
    .footer_m .f_cr_area .footer-link li a{font-weight:700;font-size:13px;color:#fff;}
    .footer_m  .f_cr_area .sns_area {display:inline-block; padding:20px 0 0; text-align: center;width:100%; }
    .footer{display:none;}

/* 그래프 2017.11.09 */
.invest-summary_1 {border: solid 1px #e5e5e5; background-color: white; padding: 20px 0; display: inline-table; margin-bottom: 20px; width:100%;}


.mask {background: rgba(0,0,0,.8); width:100%; height:100%; display: none;z-index: 1002;position: fixed;top: 0;}
.window {/*left: 19.3%; top: 10%;*/ position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 780px; z-index:1001;}
.window1 {left: 19.3%; top: 10%; position: absolute; display: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);z-index:101;  box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #ffffff; width: 97%;height: 780px; z-index:1001;}

.data-1st-table-wrap2 {/* display:none*/} /*20171212 추가*/
.data-1st-table-wrap2-2 {padding: 20px 0 0 0; background-color: white;  display: block}/*20171212 추가*/


/* 20171213추가 시작*/
.talk-box2{height:100px;width: calc(100% - 20px); float:left;padding:5px;margin:10px 10px 10px 0;}/*20171213 추가*/
.talk-box-btn2{float: left;width: 100%; height: 100px;background: #f39c12;color: #fff; font-size:16px; margin:10px 0}/*20171212 추가*/

.selects{width: 100%; float: right; right:0; position: relative; display: flex; margin-bottom:15px}
.search_right{ float:right; display: list-item; list-style: none; width: 95%; position: absolute;}
.btn-detail {background: url(/img/daaa.png) no-repeat 80% 50%; background-size: 15px; border: 1px solid #999; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    line-height: 30px; height: 40px;    font-size: 14px;padding-right: 35px; margin:0}
.btn-detail-2 { display:none}	
.btn_line3{width:100%; margin: 0 auto; padding-top: 30px;padding-bottom: 30px;display: inline-table; text-align:center}	
.btn_search { background-color: #03357b; width: 130px;  margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff;  line-height: 40px; display: table-cell;position: absolute;}
.btn_reset { background-color: #f39c11; width: 130px;  margin-left: auto;  margin-right: auto; padding: 0px 0; text-align: center;   color: #fff;  line-height: 40px; display: table-cell;position: absolute;}
/* 20171213 추가 끝*/

.sub-head .ban { display:none}
.sub-head .ban2 {display:block;}

.c_txt1{width:300px;max-width:100%;margin: 0 auto;padding-top: 30px;}

.cPostList li {
    float: left;
    width: 100%;
    margin-left: 0px;
}

/* 배너리스트
*/
.itembx{display: block; /*background: #fff;padding:18px 30px;*/}
.itembx .item_tblbx{display: table; width:100%;  table-layout: fixed;}
.itembx:after{content: "";display: table; clear: both;}
.itembx .datebx{width:100%;display: table-cell; vertical-align: middle;}
.itembx .basic_data{width:100%;    display: grid; vertical-align: middle;}
.itembx .basic_data>div {float: left; box-sizing: border-box; color: #fff; background: rgba(0,0,0,0.6);text-shadow: 2px 2px #333;letter-spacing: 0.6px; padding: 3px 0 3px 3px;}
.itembx .basic_data span {display: inline-block;font-size: 18px; font-weight: bold;color:#F39C11;}
.itembx .metabx{width: 95%;display: table-cell; vertical-align: middle; padding: 20px 0 0 10px; position: absolute; top: 0;}
.itembx .metabx .p_p{font-size: 20px; color:#fff; line-height: 1.2em;font-weight: 600;margin-bottom: 3px;}
.itembx .metabx .p_p .p_logo{max-width: 140px; height: auto; }
.itembx .metabx .p_titles{font-size: 22px;line-height: 1.2em; text-shadow: 2px 2px #222;color:#fff;/*margin-bottom: 5px;/*background: rgba(0,0,0,0.6);*/ padding: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.itembx .basic_data span.ing {display:inline-block; margin-left:5px; font-size:12px;line-height: 14px; padding:2px 3%; background:#F39C11; color: #fff; border-radius:30px; bottom: 6px; position: absolute;}


.cheak-group label { padding:0; border-radius: 1em;} 
.btn-detail2{ display:none}
.title_sub_total span { /*right:12px;*//* position: absolute;*/}


@media all and (max-width:1000px) {

	/* 20171213추가 시작*/
	.use_view2 { border-top:solid 2px #2793db; margin-bottom:24px; display: block; }
	.use_view2 caption strong{ font-size:0;}
	.use_view2 table {width:100%;}
	/*.use_view2 table th { color:#424242; text-align:center; font-weight:bold; line-height:43px; background:url("/img/th_bar.gif") right 48% no-repeat; }*/
	.use_view2 table th { color:#424242 ; text-align:center; font-weight:bold; line-height:30px; background:url("/img/th_bar.gif") right 48% no-repeat; }
	.use_view2 table td { padding:0 0 0 19px; }
	.use_view2 table td img {vertical-align:middle;}
	.use_view2 table td.con { border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;padding:22px 20px; color:#424242; line-height:1.3; font-size:14px; }
	.use_view table td.re {  border-bottom:solid 1px #d7d7d7;padding:8px 20px; color:#424242; line-height:16px; font-size:14px; }
	.use_view2 table tr.thum { border-bottom:solid 1px #d7d7d7; background:#f7f7f7; line-height:21px;}
	.use_view2 table tr.thum td { padding:5px 0 5px 0; }
	.use_view2 table tr.thum td img {margin-right:5px;}
	.use_view2 table td.th_bg{background:url("/img/th_bar.gif") right 48% no-repeat; }
	.use_view2 table td input[type="text"] {border:solid 1px #d7d7d7;; width:99%; height:22px; color:#424242; padding: 5px;}
	.use_view2 table td input[class="inp2"] {width:99%; background:#fafafa;}
	.use_view2 table tr.bb{border-bottom:solid 1px #d7d7d7; }

	.use_view {display:none;}
	/* 20171213 추가 끝*/
		
}