@charset "utf-8";
/* CSS Document */
.k_lt {float:left; display:inline-block;}
.k_rt {float:right; display:inline-block;}
.filebox {margin-bottom:5px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #3b75a3; cursor: pointer; border: 1px solid #3b75a3; }
/* named upload */
.filebox .upload-name { width:427px; display: inline-block; padding: .5em .75em;   font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;  -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.tab a {cursor:pointer;}
.tabview_01, .tabview_02, .tabview_03, .tabview_04, .tabview_05 {display:none;}
.k_active {display:block}
.k_datecash {position:absolute; bottom:0; right:0; font-size:12px;}
h1.tit2 .k_datecash {position:static; font-size:12px;}
.k_datecash b {font-size:14px; margin-left:10px;}
.k_datecash dt {display:block;}
.k_datecash dd span {color:#e66716; font-size:14px; margin-left:10px;}

#main .article1 .section3 article {height:131px; background-position:bottom; background-size:100% auto;}
#main .article1 .section3 article:first-of-type {margin-top:0;}
#main .article1 .section3 article:nth-of-type(2) {margin-top:16px; background:url('/images/main/img_topRight_02.jpg') no-repeat bottom;}
#main .article1 .section3 article:last-of-type {margin-top:16px; background:url('/images/main/img_topRight_03.jpg') no-repeat bottom;}

.k_pop_wraper {position:fixed; width:100%; height:100%; background:#fff; opacity:0.5; z-index:1000;}
.k_pop {position:absolute; top:300px; left:50%; margin-left:-150px; width:300px; background:#3b75a3; padding:2px; z-index:1001;}
.k_pop dt {padding:5px 10px; color:#fff; font-size:14px; font-weight:bold;}
.k_pop dd {padding:15px 10px; text-align:center; font-size:14px; background:#fff;}
.k_pop dd span {color:#e66716; font-size:14px; font-weight:bold;}
.k_pop_close {position:absolute; right:10px; top:5px; color:#fff; font-weight:bold; cursor:pointer; font-size:12px;}

.k_pop_interview_wraper {position:fixed; width:100%; height:100%; background:#fff; opacity:0.5; z-index:1000;}
.k_pop_interview {position:absolute; top:300px; left:50%; margin-left:-150px; width:600px; background:#3b75a3; padding:2px; z-index:1001;}
.k_pop_interview dt {padding:5px 10px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.k_pop_interview dd {padding:15px 10px; text-align:left; font-size:14px; background:#fff;}
.k_pop_interview dd span {color:U#e66716; font-size:14px; font-weight:bold;}

.k_pop_interview_m {position:absolute; top:100px; left:5%; width:90%; background:#3b75a3; padding:2px; z-index:1001;}
.k_pop_interview_m dt {padding:5px 10px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.k_pop_interview_m dd {padding:15px 10px; text-align:left; font-size:14px; background:#fff;}
.k_pop_interview_m dd span {color:U#e66716; font-size:14px; font-weight:bold;}

.k_pop_interview_close {position:absolute; right:10px; top:5px; color:#fff; font-weight:bold; cursor:pointer; font-size:12px;}

.k_bill_on {display:block; color:#e66716; text-decoration:underline;}
.k_infobox {border:1px solid #e7e7e7; padding:20px; margin:10px 0; background:#f9fafb;}
.k_infobox dt {display:block; font-size:14px; font-weight:bold; margin-top:10px;}
.k_infobox dt:first-child {margin-top:0;}
.k_infobox dd {font-size:13px; margin-top:5px; margin-left:20px;}


/*admin*/
.k_bbtn {padding:1px 10px; font-size:11px; color:#fff; background:#666; display:inline-block; border-radius:5px; margin-left:10px;}
.k_wbtn {padding:1px 10px; font-size:11px; color:#666; background:#fff; border:1px solid #ccc; display:inline-block; border-radius:5px; margin-left:10px;}

input input[type="date"] {    width:100%; height:28px; padding:0 30px 0 11px; border:0; border-radius:0;}

.k_mbtn_box{display:inline-block; position:absolute; bottom:15px; right:11px; z-index:10;}
.k_mbtn_box a {min-width:0; height:17px; padding:0 10px !important; border:1px solid #ccc;	font-size:10px; @include font(); line-height:17px; border-radius:5px; margin-left:5px;}
.k_mbtn_box .k_bill_on {display:inline-block; text-decoration:none;}

/*펀드추가*/
.article7{padding:10px 0 20px 0; border-bottom:1px solid #e8e8e8;}
.article7 section {position:relative;}
.article7 .img {background:url('/images/main/fund_img_bg.jpg') no-repeat; width:290px; height:202px; background-size:cover; border:none; margin-left:0;}
.article7 .fundInfoTxt{color:#fff; position:absolute; top:10px; margin-left:0; text-align:left;}
.article7 .fundInfoTxt h1 {background:none; margin-bottom:5px; margin-left:20px; text-align:left; font-size:18px;}
.article7 .fundInfoTxt p {font-size:13px; margin-left:20px;}
.article7 .fundInfoTxt ul { width:290px; height:88px; margin:0 auto;}
.article7 .fundInfoTxt li {height:88px; float:left; padding:10px 0; text-align:center; margin-left:20px;}
.article7 .fundInfoTxt .icoMore {right:15px; top:5px;}

#main .article7 .section2 {width:695px;}
.article7 .section2 h1 {background:#921969;color:#fff;line-height:39px;padding-left:20px;margin-bottom:18px;font-size:14px;height:39px;letter-spacing:-0.5px; width:447px;}
.article7 .section2 .fund_src {height:280px; overflow:hidden; width:695px; position:absolute; top:-70px; left:0;}

.fund_src .fund_con {width:230px; margin-left:460px;}
.fund_src .blank {height:57px; min-height:57px;}
.fund_src .fund_con dt {display:inline-block;}
.fund_src .fund_con a {display:block;}
.fund_src .fund_con dt h2 {font-weight:bold; font-size:14px; color:#124a7e; word-wrap:break-word;}
.fund_src .fund_con dt p { display:none;}
.fund_src .fund_con dt .fund_img {display:none;}
.fund_src .fund_con dd {display:block; height:35px; overflow:hidden; margin-left:15px; font-size:12px;}
.fund_src .fund_con:before { content: "• "; color: #e93c3e; margin-right:5px;}
.fund_src .bx-wrapper,.fund_src .bx-viewport { height: 280px !important;}

.fund_src .active-slide .fund_con {height:145px; margin:0; line-height:15px; position:absolute; left:0; top:120px; width:447px; }
.fund_src .active-slide .fund_con:before { content: ""; margin:0px;}
.fund_src .active-slide .fund_con dt {float:left; width:85px; height:85px; display:inline-block;}
.fund_src .active-slide .fund_con dt .fund_img {width:85px; height:85px; overflow:hidden; display:inline-block;}
.fund_src .active-slide .fund_con dt h2 {font-weight:initial; font-size:11px; color:#124a7e; margin-top:5px; width:100%; text-align:center;}
.fund_src .active-slide .fund_con dt h2 span { display:none;}
.fund_src .active-slide .fund_con dt p { font-weight:bold; display:block; font-size:14px; color:#000; margin-top:5px; width:100%; text-align:center;}
.fund_src .active-slide .fund_con dt a img {height:85px; width:100%}
.fund_src .active-slide .fund_con dd {margin-left:100px; font-size:13px; white-space:normal; text-align:left; word-wrap:break-word; -webkit-line-clamp:8; -webkit-box-orient:vertical; display:block; text-overflow:ellipsis; line-height:21px; height:145px; overflow:hidden; z-index:1; }
/*
.article7 .section3 ul {border-left:1px solid #ededed; height:202px;}
.article7 .section3 ul li {margin-left:-5px; }
.article7 .section3 ul li span {display:block; height:35px; overflow:hidden; margin-left:15px; font-size:12px;}
.article7 .section3 ul li:before { content: "• "; color: #e93c3e; margin-right:5px;}*/


#main .article4 {border-bottom:none; padding-bottom:5px;}

#gnb li {margin-left:39px;}
#gnb li:first-child {margin-right:20px;}
#gnb li:last-child {margin-right: 10px;}
#gnb a {font-size:18px;}
#gnbNav .list {width:770px; margin-right:-20px;}
#gnbNav .menu1, #gnbNav .menu2, #gnbNav .menu3, #gnbNav .menu4, #gnbNav .menu5, #gnbNav .menu6, #gnbNav .menu7 {width:100px;}
#gnbNav .menu1 {margin-left:16px;}
#gnbNav .menu2 {margin-left:40px; width:90px;}
#gnbNav .menu3 {margin-left:5px; width:100px;}
#gnbNav .menu4 {margin-left:6px; }
#gnbNav .menu5 {margin-left:9px;width:92px;}
#gnbNav .menu7 {margin-left:10px;width:90px;}
#gnbNav .menu6 {margin-left:5px;width:75px;}

#gnbNav .menu1:hover {margin-left:16px;}
#gnbNav .menu2:hover {margin-left:30px; width:100px; height:222px; padding:7px; background-color:#edf4f7; }
#gnbNav .menu3:hover {margin-left:0px; width:112px; height:222px; padding:7px; background-color:#edf7e1; }
#gnbNav .menu4:hover {margin-left:-9px; width:115px; height:222px; padding:7px; background-color:#fbf5e4; }
#gnbNav .menu5:hover {margin-left:12px;width:99px; height:222px; padding:7px; background-color:#f3e9e8; }
#gnbNav .menu6:hover {margin-left:-9px; width:89px; height:222px; padding:7px; background-color:#f3e8f5; }
#gnbNav .menu1:hover {margin-left:21px; padding:7px; width:107px; height:222px; background-color:#e6e5e5; }
#gnbNav .menu7:hover {margin-left:3px; width:95px; height:222px; padding:7px; background-color:#e6e5e5;}

/*fund admin*/
.k_recipt_wrap { width: 840px; border: 1px solid #ccc; padding: 20px; clear:both; margin:20px auto; display:inline-block;}
.k_recipt_wrap table { width: 100%; border: 1px solid #ccc; margin-bottom:20px;}
.k_recipt_wrap table td, .k_recipt_wrap table th {border: 1px solid #ccc;}
.k_recipt_wrap table th {background:#f4f4f4;}
.k_recipt_wrap header { width: 100%; height:50px; text-align:center; font-weight:bold; font-size:20px; position:relative; padding-top:30px; }
.k_recipt_wrap header .k_lt, .k_recipt_wrap header .k_rt{position:absolute;}
.k_recipt_wrap header .k_lt {left:0; font-size:12px;}
.k_recipt_wrap header .k_rt {right:0; top:-0px;}
.k_recipt_wrap table input {width:80%; text-align:left;}

.k_recipt_wrap section { border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 20px 0; }
.k_recipt_wrap .receip_no {width:100px;}
.k_recipt_wrap h2 {font-size:14px; margin-bottom:10px;}
.k_recipt_wrap .receip_address {width:90%;}
.k_recipt_wrap footer {text-align:center;}
.k_recipt_wrap footer dt, .k_recipt_wrap footer dd, .k_recipt_wrap footer input{text-align:right;}
.k_recipt_wrap footer dd {margin:20px 0 10px 0;}
.k_recipt_wrap footer dl {padding:20px 0;}
.k_recipt_wrap footer dl:first-child { border-bottom: 1px solid #ccc; }
.k_recipt_wrap footer input {margin-left:10px;}

.k_recipt_wrap footer p { font-style:normal; font-weight:800; font-size:10pt; display:inline-block;}
.k_recipt_wrap footer .signal_img { width:90px; height:50px; background:url(http://yhf.kr/upload/fund/receip_signal.png) no-repeat 50% 50%; display:inline-block; text-align:center; padding-top:40px;}

#write_rule { width:880px; padding:20px 18px; text-align:left; margin-top:20px; float:left;}
#write_rule th { border-top:2px solid #000;}
#write_rule th, #write_rule td.t_center { text-align:center;}
#write_rule tr.write_rule_title { height:30px; background:#CCC;}
#write_rule tr.write_rule_title th { border-bottom:1px solid #000; font-weight:normal;}
#write_rule td { padding:5px 10px; text-align:left;}
#write_rule_con td span { font-size:12pt;}
#donate_division { border:1px solid #000; margin:0 auto; width:100%;}
#donate_division tbody {width:100%;}
#donate_division th { height:23px; border-top:none; }
#donate_division .border_bottom { border-bottom:1px solid #000;}
#donate_division th.d_d_division { width:70%;}
#donate_division th.d_d_type { width:20%;}
#donate_division th.d_d_code { width:10%;}


/* sinmungo */
.sinmungoGateBox { margin:10px 0 40px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.sinmungoGateBox > div { float: left; width: 50%; height: 364px; padding-left: 40px; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; }
.sinmungoGateBox > div p { font-size: 14px; color: #717171; letter-spacing: -0.5px; }
.sinmungoGateBox > div a { display: inline-block; padding: 3px 18px; border: 1px solid #585f6d; background-color: #fff; font-weight: bold; font-size: 15px; color: rgba(33, 33, 33, 0.8); line-height: 23px; }
.sinmungoGateBox > div a:hover { border: 1px solid #13518b; background-color: #13518b; color: rgba(255, 255, 255, 0.8); box-shadow: none; }
.sinmungoGateBox > div .blt { text-indent: -5px; padding-left: 5px; display: inline-block; }
.sinmungoGateBox > div .blt:before { content: ''; display: inline-block; width: 3px; height: 3px; position: relative; top: -5px; background: #717171; margin-right: 2px; }
.sinmungoGateBox.two h2 { margin: 44px 0 15px; }
.sinmungoGateBox.two a { margin-top: 28px; }
.sinmungoGateBox.two a:after { display: inline-block; content: ""; width: 35px; height: 2px; margin-left: 6px; background-color: #585f6d; }
.sinmungoGateBox.two a:hover:after { background-color: rgba(255, 255, 255, 0.8); }
.sinmungoGateBox.two .gateBg1 { background-image: url("/images/sinmungo/sinmungoGate01.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%;}
.sinmungoGateBox.two .gateBg2 { background-image: url("/images/sinmungo/sinmungoGate02.png"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%;}
.sinmungoGateBox.two .gateBg3 { background-image: url("/images/academy/sc_btn01.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%;}
.sinmungoGateBox.two .gateBg4 { background-image: url("/images/academy/sc_btn02.jpg"); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%;}
.gateQna { border:1px solid #e8e8e8; padding:20px; }
.gateQna a { margin-left:240px; }

.tableBox3 { margin-top:30px; border:1px solid #e8e8e8; }
.tableBox3 td { border-right:1px solid #e8e8e8; padding:30px 20px; text-align:center; }
.tableBox3 td:list-child { border:0; }

.tableBox .bl { border-left:0; }
.tableBox .type3 { border-top:2px solid #626771; }
.tableBox .radioType1{ border-top:2px solid #626771; font-size:14px; padding:20px 0; background-color:#f9fafb; border-bottom:1px solid #e7e7e7; }
.tableBox .radioType1 input { vertical-align:middle; margin-left:20px; }
.tableBox .radioType2  { padding-top:100px; }

.sinList { border-top:2px solid #626771; }

.division ul { overflow:hidden; }
.division li { float:left; height:30px; line-height:30px; }
.division li:last-child { float:right; }

.tableBox2 table td, .tableBox2 table th {text-align:left;}
.tableBox2 table th {background:none;border-right:none; padding-left:10px;}
.tableBox2 input:read-only, .tableBox2 input:disabled, .tableBox2 textarea:disabled, .tableBox2 select:disabled {background:none; border:none; padding:5px;}
.tableBox2 .table_list {background:none; margin:20px 0; border-top:1px dashed #ccc; padding:10px;}
.tableBox2 .table_list td {padding:10px; background:#f4f4f4;}
.tableBox2 .table_list td input[type="radio"] {margin-left:20px;}
.tableBox2 h1 {padding:20px 0 10px; font-size:14px; border-bottom:#ccc dashed 1px; margin-bottom:10px;}
.tableBox2 h2 {padding:10px; font-size:14px; border-bottom:#333 solid 2px; margin-bottom:10px; background:#f4f4f4; margin-top:20px; color:#333;}
.tableBox2 h3 {text-align:right; padding-top:20px;}
.tableBox .type2 .radioType2 {padding-top:10px;}
.tableBox .type2 .radioType1 {background:none; border-top:none;}

.sTitle_body h3 { margin:20px 0 10px 0; font-size:18px; color:#333; line-height:22px;background:url("/images/sprite/icoSimbolGray.png") no-repeat 0 0;background-size:20px; padding-left:25px; font-weight:bold;}
.sTitle_body ul {margin-left:20px; }
.sTitle_body ul li {line-height:22px; font-size:14px; font-weight:bold; margin-top:5px;}
.sTitle_body ul li:before {content:'○ ';}
.sTitle_body ul ol {line-height:20px; font-size:14px; margin-left:30px; position:relative;}
.sTitle_body ul ol:before {content:'- '; position:absolute; left:-10px;}
.titleBottomBox .sTitle.type2 .sTitle_body ul ol p {margin-left:15px; font-weight:normal; font-size:12px; color:#999; display:block;}

/* match_css */ 

.tableBox4 {padding:20px 0;}
.tableBox4 table {margin-top: 20px;}
.tableBox4 table td, .tableBox4 table th{border: 1px solid #dfdfdf;}
.tableBox4 table th {background: #f4f4f4;}
.tableBox4 table td, .tableBox4 table th {padding: 10px;}
.tableBox4 table thead th {background: #fff; text-align: left; border:none;}
.tableBox4 select {border:1px solid #e1e1e1;font-size:13px;color:#717171;line-height:17px;padding:6px 8px 6px 12px; height:32px;}
.tableBox4 table textarea {width: 100%;}
.tableBox4 table tfoot td {border: none; text-align: right;}

input[type="date"],input[type="month"]{border:1px solid #e1e1e1;font-size:13px;color:#717171;line-height:17px;padding:6px 8px 6px 12px;}
 
.viewTable.type2 .viewTableinner{border-left: none; padding: 20px 20px 40px;} 
.viewTable.type2 .viewTableinner thead th{padding-left:0;font-size:22px;border:none;background:#fff;}
.viewTable.type2 .viewTableinner input[type="text"]{width:120px;}
.viewTable.type2 .viewTableinner input[type="date"],.viewTable.type2 .viewTableinner input[type="month"]{width:140px;}
.viewTable.type2 textarea{width:100%;}
.viewTable.type2 .viewTableinner table{margin-top:30px;}
.viewTable.type2 .viewTableinner input[readonly],.viewTable.type2 .viewTableinner textarea[readonly]{border:none;}

.viewTableinner .yhf_detail_con {margin-top: 30px;}
.viewTableinner .yhf_detail_con dt {font-size:22px; padding-bottom: 10px; border-bottom:2px solid #333;}
.viewTableinner .yhf_detail_con dt span {float: right; font-size: 16px;}
.viewTableinner .yhf_detail_con dd {border:1px solid #efefef; padding: 20px;}
.viewTableinner .yhf_detail_con dd h2 {font-size: 18px; }
.viewTable.type2 .viewTableinner .yhf_detail_con dd table {margin: 10px 0;}
.viewTableinner .yhf_detail_con dd table td, .viewTableinner .yhf_detail_con dd table th {border:1px solid #e4e4e4;}
.viewTableinner .yhf_detail_con dd tr:first-child th, .viewTableinner .yhf_detail_con dd tr:first-child td {border-top:1px solid #e4e4e4;}
.viewTableinner .yhf_detail_con .notiList thead th{    padding: 12px 0;    border-top: 2px solid #626771;    border-bottom: 1px solid #eaebeb;    background-color: #f3f5f6;    font-size: 14px;    color: #212121; font-weight: bold; text-align: center;}
.viewTableinner .yhf_detail_con .notiList tbody td {border-left: none;border-right: none;text-align: center;}
.viewTableinner .yhf_detail_con .notiList tbody .yh_consult_view td {padding: 20px; background: #f4f4f4; text-align: left;}
.viewTableinner .yhf_detail_con .notiList tbody .yh_consult_view td span {display: block; color:#666; margin-top: 10px;}