@charset "utf-8";

@import url('default.css');

body.modal_open{overflow:hidden;}

/*----------------------------------------
	layout
 ----------------------------------------*/
#wrap { position: relative; height: 100%; }
#skipNavi { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; }
#skipNavi a:link, .skipNavi a:visited, .skipNavi a:active, .skipNavi a:hover { position: absolute; top: 0; left: -99999px; width: 100%; display: block; }

.frame_pc {display:block;}
.frame_tb {display:none;}
.frame_mo {display:none;}

#header { position: fixed; left: 0; top: 0; width: 100%; height:100px; z-index:99; }
.sub_body #header {background:rgb(0 0 0 / 0.27);}
#header.on {background:rgb(0 0 0 / 0.8); }
/*#header .visual_bg { position: absolute; left: 0; top: 0; background: url("/Fund/assets/images/visual_bg.png") left top repeat-x; width: 100%; height: 160px; }*/
#header .header_wrap {position:relative; width:1600px; margin:0 auto;}
#header .header_wrap > h1 { position: absolute; top:35px; left:0; }
#header .header_wrap > h1 > a > img {width:75%;}
#header .top_m { position: absolute; right: 0; top: 0; }
#header .top_m::after { content: ""; display: block; clear: both; }
#header .top_m li { float: left; padding-left:25px; margin-left:25px; }
#header .top_m li a { display: block; line-height:100px; font-size:20px; color: #FFF; font-family:NotoSanskrM; letter-spacing: 0.5px; }
#header .top_m li a:hover span { display: block; animation: topMenu 0.5s ease-out; -webkit-animation: topMenu 0.5s ease-out; -ms-animation: topMenu 0.5s ease-out; }
@keyframes topMenu {
	0% { transform: translate(0,10px); opacity: 0.0; }
	100% { transform: translate(0,0); opacity: 1.0; }
}
#header .top_m li a.on { border-bottom: 3px solid #FFF; }
#header .top_m li:first-child { background-image: none; padding-left: 0; margin-left: 0; }
#header .top_m li.btn_user {}
#header .top_m li.btn_user a { display: block; padding-top:10px; line-height:90px;}
.mo_header_wrap {display:none;}

/* visual */
.main_visual { position: relative; height: 100%; overflow: hidden; background: #000; }
.main_visual .main_video {width:100%; min-height:945px; }
.main_visual .main_video #inner {  position: absolute; left: 50%; top: 50%; width: auto; height: auto; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 1; }
.main_visual .scroll_down { position: absolute; left: 50%; bottom: 30px; width: 28px; height: 40px; border-radius: 35px; margin-left: -14px; border: 2px solid #FFF; z-index: 2; }
.main_visual .scroll_down>span { position: absolute; bottom: 10px; left: 50%; margin-left: -1px; width: 3px; height: 3px; border-radius: 3px; border: 2px solid #FFF; display: inline-block; animation: mouseWheel 1.0s ease infinite; -webkit-animation: mouseWheel 1.0s ease infinite; -ms-animation: mouseWheel 1.0s ease infinite; }
.main_visual .main_visual_slg {position:absolute;top:50%;left:50%;z-index:90; margin-left:-380px; margin-top:-160px;}
.main_visual .main_visual_slg h2 {font-size:36px; font-family:NotoSanskrM; color:#fff; line-height:1.7; font-weight:normal; text-align:center;}
.main_visual .main_visual_slg h2 span {font-size:48px; font-family:NotoSanskrB;}
.main_visual .main_visual_slg .btnMore a {font-size:24px;color:#fff;font-family:NotoSanskrB;background:#ff2835;padding:20px 0;width: 220px;border-radius:50px;display:block;text-align: center; margin:50px auto;}
.main_visual .main_visual_bg {position:absolute; top:0; left:0; background:rgb(0 0 0 / 0.3);; width:100%; height:100%;}

#container {position:relative; width:100%; background:#1a1f30;}
.sub_body #container {padding-top:100px; padding-bottom:100px;}
#container > .section {padding:80px 0;}
.sub_body #container > .section {padding:0;}

h3.mTitle {font-size:60px; font-family:NotoSanskrB; color:#fff; line-height:1; text-align:center;}
h3.mTitle > span {color:#999;}
#container > .section > .inner {position:relative; width:1600px; margin:0 auto;}

.main_key_stats {}
.main_key_stats .stats_wrap {width:100%; display:inline-block; margin-top:70px;}
.main_key_stats .stats_wrap > li {position:relative; float:left; display:inline-block; width:23.5%; height:330px; text-align:center; font-size:24px; color:#fff; font-family:NotoSanskrM; border:1px solid rgb(255 255 255 / 0.4); margin-right:2%; display:flex; flex-direction:column; justify-content:center;}
.main_key_stats .stats_wrap > li:last-child {margin-right:0;}
.main_key_stats .stats_wrap > li > .icon {}
.main_key_stats .stats_wrap > li > .counter {display:block; font-size:25px; color:#fff; padding:20px 0; line-height:1;}
.main_key_stats .stats_wrap > li > .counter > em {font-size:48px;}

.main_portfolio {position:relative; background:#1a1f30; overflow:hidden;}
.main_portfolio .Portfolio_wrap {position:relative; display:flex; margin-top:70px;}
.main_portfolio .Portfolio_wrap .Portfolio_slick {width:100%;}
.main_portfolio .Portfolio_wrap .slick-slide {margin-right:20px; height:200px;}
.main_portfolio .Portfolio_wrap .portfolio_item {position:relative; width:19%; height:200px; margin:0; cursor:pointer; overflow:hidden; float:left; display:inline-block; background:#fff;}
.main_portfolio .Portfolio_wrap .portfolio_item figure { position:relative; display:block; margin:0;}
.main_portfolio .Portfolio_wrap .portfolio_item .thum {position: absolute; top: 0; left: 0; display: block; background-color: #fff; text-align: center; width: 100%; line-height: 200px; height: 200px;}
.main_portfolio .Portfolio_wrap .portfolio_item .active {opacity:0; position:absolute; left:0; top:0; width:100%; height:200px; background:#000000;text-align:center;display:flex;flex-direction:column;justify-content: center; }
.main_portfolio .Portfolio_wrap .portfolio_item:hover .active {opacity:0.7;}
.main_portfolio .Portfolio_wrap .portfolio_item .active p.tit {font-size:22px; color:#fff; font-family:NotoSanskrM;}
.main_portfolio .Portfolio_wrap .portfolio_item .active p.desc {font-size:18px; color:#fff; font-family:NotoSanskrR; padding-top:10px; line-height:2;}
.main_portfolio .Portfolio_wrap .prevArrow.slick-arrow {position: absolute;top:50%;left:50%;margin-top:-40px;margin-left:-855px;bottom:65px;width:36px;height:63px;cursor:pointer; display:block; outline:0;}
.main_portfolio .Portfolio_wrap .nextArrow.slick-arrow {position: absolute;top:50%;left:50%;margin-top:-40px;margin-left:820px;bottom:65px;width:36px;height:63px;cursor:pointer; display:block; outline:0;}
.main_portfolio .Portfolio_more {position:relative; width:220px; margin:50px auto 0; text-align:center; padding:20px 0; font-size:24px; color:#fff; font-family:NotoSanskrM; background:#fb0303; border-radius:40px; cursor:pointer;}

.main_news ul {position:relative; width:100%; margin-top:70px; display:inline-block;}
.main_news li {float:left; display:inline-block; width:23.5%; height:355px; margin-right:2%; background:#fff;}
.main_news li:last-child {margin-right:0;}
.main_news li a {position:relative;display:block;background:url(../images/ico_arr2.png) 100% 100% no-repeat;color:#616161;height:100%; padding:25px;}
.main_news li .ts {position:relative;font-size:19px;font-family:NotoSanskrB;}
.main_news li .ti {position:relative;display:block;font-size:30px;width:90%;margin-top:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3; height:80px;}
.main_news li .td {position:relative;display:block;font-size:18px;width:100%;margin-top:30px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5; height:80px;}
.main_news li:hover, .main_news li a:focus {background:#fb0303;}
.main_news li:hover a, .main_news li a:focus a {color:#fff; background:url(../images/ico_arr1.png) 100% 100% no-repeat;}
.main_news li.none {width:100%; background:inherit; color:#fff; text-align:center; height:auto;}
.main_news li.none:hover {background:inherit;}

.main_contactus {position:relative; background:#1a1f30; overflow:hidden;}
.main_contactus .mTitle {color:#fff;}
.main_contactus .inquery, .main_contactus .mapWap {float:left; display:inline-block; width:48.1%; margin-top:65px;}

.main_contactus .inquery {padding:35px; margin-right:60px;}
.main_contactus .mapWap .addr {}
.main_contactus .mapWap .addr p {font-size:21px; font-family:NotoSanskrL; color:#fff; line-height:1; padding-bottom:10px;}
.main_contactus .mapWap .addr span {font-size:24px; font-family:NotoSanskrB; padding-right:10px;}
.main_contactus .mapWap .addr span.pl25 {padding-left:25px;}
.main_contactus .map {position:relative; width:100%;}

.main_contactus .inquery table {width:100%;}
.main_contactus .inquery table tr {}
.main_contactus .inquery table tr th, .main_contactus .inquery .inquery table tr td {height:45px; box-sizing:border-box; font-family:NotoSanskrM; font-size:16px; color:#fff; letter-spacing:-1px; padding:10px 0;}
.main_contactus .inquery table tr th {width:120px; text-align:left; padding:0 10px; font-weight:normal;}
.main_contactus .inquery table tr td {color:#fff; padding: 5px 0; display:block;}
.main_contactus .inquery table tr td input {display:inline-block; vertical-align:middle;}
.main_contactus .inquery table tr td input[type="text"],
.main_contactus .inquery table tr td input[type="password"] {height:35px; box-sizing:border-box; border:1px solid #dadada; padding:10px; font-family:NotoSanskrR; font-size:14px; letter-spacing:-0.5px;}
.main_contactus .inquery table tr td input[type="text"]::placeholder,
.main_contactus .inquery table tr td input[type="password"]::placeholder {color:#d4d4d4;}
.main_contactus .inquery table tr td input.wr-name, .inquery table tr td input.wr-pwd {width:100%;}
.main_contactus .inquery table tr td input.wr-phone {width:30%; margin:0 1.6%;}
.main_contactus .inquery table tr td input.wr-phone:last-child {margin:0 0 0 1.6%;}
.main_contactus .inquery table tr td input.wr-email {width:30%; margin:0 1.6%;}
.main_contactus .inquery table tr td input.wr-email:nth-child(1){margin-left:0;}
.main_contactus .inquery table tr td input.wr-subject {width:100%;}
.main_contactus .inquery table tr td textarea {width:100%; height:150px; box-sizing:border-box; border:1px solid #dadada; padding:10px; font-family:NotoSanskrR; font-size:16px; letter-spacing:-0.5px; resize:none;}
.main_contactus .inquery table tr td textarea::placeholder {color:#d4d4d4;}
.main_contactus .inquery table tr td .add-file {display:flex; flex-wrap:wrap; position:relative;}
.main_contactus .inquery table tr td .add-file input[type="file"] {position:absolute; top:0; left:0; width:10px; height:10px; opacity:0; cursor:pointer;}
.main_contactus .inquery table tr td .add-file .add-file-txt {width:448px; height:35px; box-sizing:border-box; border:1px solid #dadada; background:#fff; padding:0 10px; font-family:NotoSanskrR; font-size:16px; letter-spacing:-0.5px;}
.main_contactus .inquery table tr td .add-file .add-file-btn {width:115px; height:35px; background:#a6a6a6; box-sizing:border-box; text-align:center; margin-left:10px; line-height:35px; font-size:14px; color:#fff; font-family:NotoSanskrR; letter-spacing:0; cursor:pointer;}
.main_contactus .inquery table tr td .select-box {position:relative; background:#fff; width:100%; height:35px; box-sizing:border-box; border:1px solid #dadada; padding:0; margin:0; line-height:1; cursor:pointer; display:inline-block; vertical-align:middle; color:#737373;}
.main_contactus .inquery table tr td .select-box select {width:100%; height:35px; box-sizing:border-box; padding:0 10px; border:none; background-color:transparent; font-family:NotoSanskrR; font-size:16px; letter-spacing:-0.5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; color:#737373;}
.main_contactus .inquery table tr td .select-box select::-ms-expand {display:none;}
.main_contactus .inquery table tr td .select-box select:active, .inquery table tr td .select-box select:focus {outline:none; box-shadow:none;}
/*.main_contactus .inquery table tr td .select-box:after {content:""; width:0; height:0; border-top:5px solid #a8a8a8; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}*/
.main_contactus .inquery table tr td .select-box.type-op {width:340px;}
.main_contactus .inquery table tr td .select-box.phone-op {width:30%; margin-right:10px;}
.main_contactus .inquery table tr td .select-box.email-op {width:31.4%;}

.main_contactus .inquery .inv_tbl_bottom { position:relative; margin-top:10px;}
.main_contactus .inquery .inv_tbl_bottom p { font-size:15px; color:#fff; height:49px;}
.main_contactus .inquery .inv_tbl_bottom p a { color:#fff; }
.main_contactus .inquery .inv_tbl_bottom .sendBtn {position:absolute; color:#fff; font-size:24px; font-family:NotoSanskrM; background:#fa1414; padding:18px 40px; top:0; right:0; cursor:pointer;}

#footer {position:relative; padding:50px 0; background:#0a0f21;}
#footer .inner {position:relative; width:1600px; margin:0 auto;}
#footer .f_left {position:relative; display:inline-block; /*padding-left:380px;*/}
#footer .f_left .f_link {display:inline-block; text-align:center;}
#footer .f_left .f_link a {font-size:16px; color:#fff; font-family:NotoSanskrM; position:relative; display:inline-block; line-height:1; padding-right:20px;}
#footer .f_left .f_link a:after {position:absolute;content:"";top: 4px;right: 6px;width: 1px;height: 12px;background:#999999;}
#footer .f_left .f_link a:last-child:after {display:none;}
#footer .f_left .f_txt {font-size:16px; color:#fff; font-family:NotoSanskrL; line-height:1; letter-spacing:0; padding-top:15px;}
#footer .f_left .copyright {font-size:16px; color:#fff; margin-top:5px; letter-spacing:0;}
#footer .f_left .f_logo {position:absolute; top:25px; left:0;}
#footer .family{position:absolute;right:0;top:0px;width:240px;z-index:11;background-color:#424242;color:#fff;}
#footer .family dt{height:50px;text-indent:-99999px;cursor:pointer;background:url('/Fund/assets/images/f_site_bg.gif') no-repeat 0 0;}
#footer .family dd{display:none;position:absolute;right:0;bottom:49px;width:240px;padding:10px 0;border:1px solid #6f6f6f;background:#424242;z-index:10;}
#footer .family dd li a{display:block;padding-left:18px;font:14px NotoCJkrR;color:#fff;line-height:36px;}
#footer .family dd li a:hover{background:#2b2b2b;}


/* sub */
.sub_visual{position:relative; width:100%; height:520px; overflow: hidden; background: #000;}
.sub_visual_img.aboutus {width:100%; height:520px; background:url('/Fund/assets/images/aboutus_vis.jpg') no-repeat center center;}
.sub_visual_img.team {width:100%; height:520px; background:url('/Fund/assets/images/team_vis.jpg') no-repeat center center;}
.sub_visual_img.portfolio {width:100%; height:520px; background:url('/Fund/assets/images/portfolio_vis.jpg') no-repeat center center}
.sub_visual_img.news {width:100%; height:520px; background:url('/Fund/assets/images/news_vis.jpg') no-repeat center center;}
.sub_visual_img.reporting {width:100%; height:520px; background:url('/Fund/assets/images/aboutus_vis.jpg') no-repeat center center;}
.sub_visual .sub_visual_slg {position:absolute; width:100%; top:50%;left:0;z-index:90; margin-top:-15px; text-align:center;}
.sub_visual .sub_visual_slg h2 {font-size:60px; font-family:NotoSanskrB; color:#fff; line-height:0.7; font-weight:normal; text-align:center;}
.sub_visual .sub_visual_slg h2 span {font-size:24px; font-family:NotoSanskrR;}

.subTitle {position:relative; font-size:60px; font-family:NotoSanskrB; color:#fff; line-height:1; text-align:center; padding:100px 0 70px;}
.mypage .subTitle {padding:0 0 70px;}

.aboutus_cont {position:relative; font-size:30px; font-family:NotoSanskrR; color:#fff; line-height:1.5; text-align:center;}
.aboutus_cont > span {color:#ff3366; font-family:NotoSanskrB;}

.aboutus_vision {position:relative; width:84%; margin:130px auto 50px; display:table;}
.aboutus_vision > li {float:left; display:inline-block; margin:0 60px;}
.aboutus_vision > li .icon {border-radius:50%; background:#ff3366;}
.aboutus_vision > li:nth-child(2n) .icon {background:#fff;}
.aboutus_vision > li .txt {width:100%; text-align:center; color:#fff; font-size:30px; font-family:NotoSanskrM; line-height:1; padding-top:40px;}

.history_cont {position:relative; font-size:30px; font-family:NotoSanskrR; color:#fff; line-height:1.5; text-align:center;}

.historylist_wrap {position:relative; width:100%; margin:130px 0 0; display:table;}
.historylist_wrap:before {content:" "; position:absolute; top:10px; bottom:0; left:50%; width:1px; height:auto; background-color:#fff; }

.historylist_wrap > li:before, .historylist_wrap > li:after {content:" "; display:table; }
.historylist_wrap li:after { clear:both; }
.historylist_wrap > li:before, .historylist_wrap li:after {content:" "; display:table; }
.historylist_wrap > li:after {clear:both; }

.historylist_wrap .timeline-wrap {position:relative; padding-bottom:180px;}
.historylist_wrap .timeline-wrap:last-child {padding-bottom:70px;}
.historylist_wrap .timeline-wrap.first {padding-top:30px;}
.historylist_wrap .timeline-wrap.korea_flag {position:relative; padding-bottom:0;}
.historylist_wrap .timeline-wrap.korea_flag > .timeline-badge {z-index:10; position:absolute; top:0; left:50%; width:38px; height:38px; margin-left:-22px; border-radius:50%; overflow:hidden; background:url('/asset/images/sub/korea_flag.png') #fff; border:2px solid #0b50f2;}
.historylist_wrap .timeline-wrap .left, .historylist_wrap .timeline-wrap .right {position:relative; width:50%; float:left; display:inline-block;}
.historylist_wrap .timeline-wrap .left {float:left;}
.historylist_wrap .timeline-wrap .right {float:right;}

.historylist_wrap .timeline-wrap > .timeline-badge {z-index:10; position:absolute; top:10px; left:50%; width:30px; height:30px; margin-left:-14px; border-radius:50%; overflow:hidden; background:#ff3366; }
.historylist_wrap .timeline-wrap:nth-child(2n) > .timeline-badge {background:#fff;}

.historylist_wrap .timeline-wrap.first > .timeline-badge {top:32px;}
.historylist_wrap .timeline-wrap > div > .timeline-panel {position:relative; float:left; display:inline-block;}
.historylist_wrap .timeline-wrap > div.left > .timeline-panel {width:100%; padding-right:30px; text-align:right;}
.historylist_wrap .timeline-wrap > div.right > .timeline-panel {padding-left:30px;}
.historylist_wrap .timeline-wrap > div.right > .timeline-panel.panel02 {position:relative;}

.timeline-year {float:left; display:inline-block; color:#ff3366; font-size:48px; font-family:NotoSanskrB; font-weight:normal; font-style:italic; line-height:1; padding-right:20px;}
.historylist_wrap .timeline-wrap:nth-child(2n) .timeline-year {color:#fff; float:right; padding-right:0; padding-left:20px;}
.timeline-body {position:relative; float:left; display:inline-block; }
.historylist_wrap .timeline-wrap:nth-child(2n) .timeline-body {float:right;}
.timeline-body p {position:relative; padding-left:15px; font-family:NotoSanskrR; font-size:28px; color:#fff; line-height:1; padding-bottom:15px;}


.left .timeline-panel .timeline-body p {padding-left:0;}
.timeline-body p .underline {position:relative; display:inline-block; font-family:'Gothic A1 Bold';}
.timeline-body p .underline:after {content: ''; position: absolute; bottom:1px; left:0; width:100%; height:1px; background:#444;}
.timeline-body p:before {content:''; position:absolute; top:9px; left:0; width:6px; height:6px; background:url('/asset/images/common/nav_line3.png');}
.left .timeline-body p:before {display:none;}

.process_cont {position:relative; font-size:30px; font-family:NotoSanskrR; color:#fff; line-height:1.5; text-align:center;}
.process_img {padding-top:80px; text-align:center;}

.team_wrap {position:relative; width:1400px; margin:70px auto 0;}
.team_wrap .duty_title {position:relative; width:100%; font-size:28px; font-family:NotoSanskrM; color:#fff; line-height:1; padding-bottom:15px;}
.team_wrap .duty_title:after {content:""; position:absolute; bottom:0; left:0; background:#fb0303; width:100%; height:2px;}
.team_wrap .team_list_wrap {width:100%; margin:30px 0 100px; display:flex;}
.team_wrap .team_list {position:relative; float:left; display:block; background:#0a0f21; color:#fff; width:23.5%; margin-right:2%; padding:40px 25px;}
.team_wrap .team_list:last-child {margin-right:0;}
.team_wrap .team_list .team_name {font-size:24px; font-family:NotoSanskrM; text-align:center;}
.team_wrap .team_list .team_name > .team_stay01 {font-size:20px; }
.team_wrap .team_list .team_stay02 {font-size:18px; font-family:NotoSanskrL; text-align:center; padding:10px 0;}
.team_wrap .team_list .team_career {padding-top:20px;}
.team_wrap .team_list .team_career > li {position:relative; padding-left:25px; font-size:18px;}
.team_wrap .team_list .team_career > li:before {content:""; position:absolute; left:5px; top:11px; line-height:1.7; width:6px; height:6px; background:#fff; border-radius:50%;}

.boxing {position:relative; width:100%; display:flex; margin-top:70px;}
.boxing > ul {width:100%;}
.item {position:relative; width:19.6%; height:200px; cursor:pointer; overflow:hidden; float:left; display:inline-block; margin:0 0.5% 0.5% 0;}
.item:nth-child(5n) {margin-right:0;}

.Portfolio_wrap .slick-slide {margin-right:20px; height:222px;}
.Portfolio_wrap .portfolio_item {position:relative; float:left; width:19%; height:200px; margin:0 0.5%; cursor:pointer; overflow:hidden; float:left; display:inline-block; background:#fff;}
.boxing .item figure { position:relative; display:block; margin:0;}
.boxing .item .thum {position: absolute; top: 0; left: 0; display: block; background-color: #fff; text-align: center; width: 100%; line-height: 200px; height: 200px;}
.boxing .item .active {opacity:0; position:absolute; left:0; top:0; width:100%; height:200px; background:#000000;text-align:center;display:flex;flex-direction:column;justify-content: center; }
.boxing .item:hover .active {opacity:0.7;}
.boxing .item .active p.tit {font-size:22px; color:#fff; font-family:NotoSanskrM;}
.boxing .item .active p.desc {font-size:18px; color:#fff; font-family:NotoSanskrR; padding-top:10px; line-height:2;}
.Portfolio_wrap .prevArrow.slick-arrow {position: absolute;top:50%;left:50%;margin-top:-40px;margin-left:-855px;bottom:65px;width:36px;height:63px;cursor:pointer; display:block; outline:0;}
.Portfolio_wrap .nextArrow.slick-arrow {position: absolute;top:50%;left:50%;margin-top:-40px;margin-left:820px;bottom:65px;width:36px;height:63px;cursor:pointer; display:block; outline:0;}
.Portfolio_more {position:relative; width:220px; margin:50px auto 0; text-align:center; padding:20px 0; font-size:24px; color:#fff; font-family:NotoSanskrM; background:#fb0303; border-radius:40px; cursor:pointer;}


.cTopBox{ background: #424242; padding: 16px 36px; margin-top:70px; margin-bottom: 15px;}
.cTopBox .row {display: table; table-layout: fixed; width: 100%;}
.cTopBox .filterWrap > ul{display: table; table-layout: fixed; width:100%;}
.cTopBox .filterWrap > ul > li{display: table-cell;}
.cTopBox .filterWrap li + li{width:50%;}
.cTopBox .filterWrap dt{color:#222; width:20%; white-space: nowrap;}

.cTopBox .infoAssWrap{border-radius: 6px; background: #304260;}
.cTopBox .infoAssWrap dl{position: relative;}
.cTopBox .infoAssWrap dt{color:#ccc;}
.cTopBox .infoAssWrap .price{color:#fff; font-weight: bold;}
.cTopBox .infoAssWrap .statePt.same {color:#fff !important;}
.cTopBox .infoAssWrap .statePt.down,
.cTopBox .infoAssWrap .statePt.down em{ color:#70b3f4 !important;}

.cTopBox .schWrap .row .col{display: table-cell; vertical-align: middle;}
.cTopBox .schWrap .col{vertical-align: top; width:200px; padding-right: 20px;}
.cTopBox .schWrap .schInt{position: relative; width:auto; padding-right:84px;}
.cTopBox .schWrap .schInt .btnDef {position: absolute; right:0; top:0px; z-index: 1; width:84px; border:0; height:54px; height:50px; color: #fff; background: #8c8c8c; cursor:pointer;}
.cTopBox .schWrap .schInt .btnDef:focus {outline:none;}
.btnDef > span {font-size:16px; font-family:NotoSanskrM;}
.cTopBox .schWrap .intAct{vertical-align: middle; background: #fff url(/Fund/assets/images/ico_sch.png) no-repeat 23px center; border: 1px solid #ccc;}
.cTopBox .schWrap .schInt .input {width: 100%; padding-left: 61px; background-color: transparent; padding-right: 72px; border: 1px solid transparent; padding:10px 72px 12px 61px;}
/* select */
select{font-size:14px; width:100%;border:1px solid #ccc; background:#fff url("/Fund/assets/images/ico_select_arr.png") no-repeat; background-position: center right;}
select::-ms-expand{display: none;}
select[disabled]{color: #a6a6a6; border:1px solid #d9d9d9; background:#f7f7f7 url("/Fund/assets/images/ico_select_arrDis.png") no-repeat; background-position: center right;}

.list-tyle1{border-top:1px solid #e3e3e3;}
.list-tyle1 .list{display:table; position:relative; width:100%; border-bottom:1px solid #e3e3e3; background:#fff}
.list-tyle1 .list a {width:80%;line-height:24px; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.list-tyle1 .list:hover a{color:#ff3366;}
.list-tyle1 .list:hover a .tooltip{color:#666;}
.list-tyle1 .list .filings{display:table-cell; width:12%; font-size:16px; color:#222; text-align:center;}
.invisiculnm .list .filings{font-family:NotoSanskrR;}
.list-tyle1 .list .subj{display:table-cell; padding:15px 28px; width:76%; font-size:16px; color:#222; line-height:30px;}
.list-tyle1 .list .subj .sub-tit{display:block; font-size:18px; color:#666;}
.list-tyle1.list-tyle1_1 .list .filings {width:10%;}
.list-tyle1.list-tyle1_1 .list .filings.file {width:6%;}
.list-tyle1.list-tyle1_1 .subj {width:64% !important;}
.list-tyle1 .list .file a {width:100%;}

.writeCont {width:1300px; margin:70px auto 0;}
.bbs_write {width:100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.bbs_write th, .bbs_write td {position: relative; border-top: 1px dotted rgb(235 235 235 / 20%); color: #fff; text-align: left;}
.bbs_write tr:first-child th, .bbs_write tr:first-child td {border-top: none;}
.bbs_write th {padding: 19px 30px; border-right: 1px dotted rgb(235 235 235 / 20%); font-size:16px; font-family:NotoSanskrM; font-weight:normal;}
.bbs_write td {padding: 19px 30px;}
.clr_red {color: #da291c !important;}
.bbs_write .input_type {height:50px; padding:9px 10px; background: #fff; border: 1px solid #dbdbdb; font-size:16px; color: #666; box-sizing: border-box; }
.bbs_write td button.add {width:100px; display: inline-block; text-align:center; color:#fff; line-height:50px; background:#c60e32; border:0; outline:0; vertical-align:top; font-size:18px; font-family:NotoSanskrM; font-weight:normal; cursor:pointer;}
.btn_area {margin-top:40px; font-size:0; text-align:center;}
.btn_area .btn  {color:#fff; background:#0a78ea; font-size:16px; font-family:NotoSanskrM; padding:10px 50px; outline: none; border: none; border-radius: 5px; cursor:pointer; margin-right:10px;}

.btn_area .btn.navy {background:#536678;}

/*뷰 페이지*/
.bbs_view {width:100%; margin-top:70px; border-bottom: 1px solid #262626; background:#fff;}
.bbs_view td {padding: 53px 40px 54px;}
.bbs_view td.bbs_title {padding:20px 40px 20px; font-size:24px; line-height: 46px; color: #262626;}
.bbs_view td.bbs_title > div {font-family: NotoSanskrB;}
.bbs_view td.bbs_title em {font-family: NotoSanskrB; color: #da291c;}
.txt_duty {margin: -7px 0 -2px; font-size: 18px;}
.bbs_view td.progress {padding-right: 240px;}
.video_area {margin-bottom: 53px;}
.progress_area {position: absolute; top: calc(50% - 15px); right: -200px; line-height: 1em;}
.bbs_view td.bbs_day {border-top: 0; padding: 0 40px 20px;
font-size: 16px;}
.bbs_view .file_area td {padding: 9px 0 0; text-align: right;}
.list_file a {font-size: 16px; color: #999; text-decoration: underline;}
.ico_file_sm {display: inline-block; width: 16px; height: 16px; margin: 9px 10px 0 0; background: url("/Fund/assets/images/ico_file_sm.png") 0 0 no-repeat; vertical-align: top;}
.bbs_view .file_area + tr td {border-top: none; padding-top: 10px;}
.bbs_view tr + tr td {border-top: 1px solid #dbdbdb;}

.bbs_more_area {position: relative; padding:25px 0; background:#fff;}
.bbs_more {overflow: hidden;}
.bbs_more li {float: left; width: 50%;}
.bbs_more li > a, .bbs_more li > p {position: relative; display: block; box-sizing: border-box;}
.bbs_more li > a:hover strong, .bbs_more li > a:active strong, .bbs_more li > a:focus strong {color: #da291c; text-decoration: underline;}
.bbs_more li > a:before, .bbs_more li > p:before {position: absolute; top:2px; display: block; width: 40px; height: 22px; content: "";}
.bbs_more li > a > strong, .bbs_more li > a > span, .bbs_more li > p > strong {display: block; font-weight:normal; color:#999; font-size:18px; margin: 10px 0 17px; font-family:NotoSanskrM;}
.bbs_more li > a > strong {overflow: hidden; margin: 10px 0 17px; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; font-size:18px; color: #262626;}
.bbs_more li > a > span {margin-top: 1px; font-size: 16px; color: #999; display: none;}
.bbs_prev > a, .bbs_prev > p {padding: 0 18% 0 81px;}
.bbs_prev > a:before, .bbs_prev > p:before {left:15px; background: url("/Fund/assets/images/ico_bbs_prev.png") 0 0 no-repeat;}
.bbs_prev > a:hover:before, .bbs_prev > a:active:before, .bbs_prev > a:focus:before {background: url("/Fund/assets/images/ico_bbs_prev.png") 0 0 no-repeat;}
.bbs_next > a, .bbs_next > p {padding: 0 81px 0 18%; text-align: right;}
.bbs_next > a:before, .bbs_next > p:before {right:15px; background: url("/Fund/assets/images/ico_bbs_next.png") 0 0 no-repeat;}
.bbs_next > a:hover:before, .bbs_next > a:active:before, .bbs_next > a:focus:before {background: url("/Fund/assets/images/ico_bbs_next_hover.png") 0 0 no-repeat;}
.btn_list {position: absolute; top:25px; left: 50%; margin-left: -35px;}
.btn_list.btn  {color:#fff; background:#0a78ea; font-size:16px; font-family:NotoSanskrM; padding:10px 50px; outline: none; border: none; border-radius: 5px; cursor:pointer; background:#536678;}

/* 페이징 */
.paging {position:relative; margin-top:30px; text-align:center;}
.paging a {display:inline-block; vertical-align:middle; padding:0 17px; color:#fff; font-family:NotoSanskrR;}
.paging a.on {color:#ff3366; position:relative; font-family:NotoSanskrM;}
.paging .first {width:48px; height:48px; background:url("/Fund/assets/images/paging_first.png") no-repeat center; margin:0;}
.paging .prev {width:48px; height:48px; background:url("/Fund/assets/images/paging_prev.png") no-repeat center; margin:0; margin-right:17px;}
.paging .next {width:48px; height:48px; background:url("/Fund/assets/images/paging_next.png") no-repeat center; margin:0; margin-left:17px;}
.paging .last {width:48px; height:48px; background:url("/Fund/assets/images/paging_last.png") no-repeat center; margin:0;}

.login_wrap {position:relative; width:400px; margin:0 auto;}
.login_wrap input.login_ipt {background:#36373b; color:#fff; border-width: 1px; border-color: rgb(96, 102, 115); border-style: solid; border-radius: 10px; background-color: rgb(54, 55, 59); width: 398px; height: 53px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; padding:0 20px;  width:100%:}
.login_wrap input.login_ipt.password {margin-top:20px;}

.login_wrap .login_btn {margin-top:20px;}
.login_wrap .login_btn .frm_login_btn {font-family:NotoSanskrM; color:#fff; font-size:18px; border-radius: 10px; background-color:#00adff; width: 100%; line-height: 55px; display: inline-block; border:none; outline:none; cursor:pointer;}
.checkbox_id {position:relative; text-align:left; margin-top:20px; color:#fff;}
.checkbox_id label {line-height:1; margin-bottom:0; font-weight:normal; cursor:pointer;}
.checkbox_id label > span {vertical-align: top; padding-left:10px;}
.checkbox_id .remember {width:20px; height:20px; border-width:1px; border-color: rgb(96, 102, 115); border-style: solid; outline:none; cursor:pointer; padding-top:10px;}
.checkbox_id .remember:checked { background-color:#fb0303; cursor:pointer; }

.help-block {display:none; margin-top:5px; font-size:13px}
.help-block.red {display:block; color:#ff0000;}
.help-block.blue {display:block; color:#0043ff;}

.btnWrite {position:absolute; top:0; right:0; z-index:10; color:#fff; background:#0a78ea; font-size:16px; font-family:NotoSanskrM; line-height:45px; padding:0 35px; outline: none; border: none; border-radius: 5px; cursor:pointer;}

.mypage_wrap {position:relative; width:800px; margin:0 auto; overflow:hidden;}
.mypage_wrap > .top {width:100%; display:inline-block;}
.mypage_wrap .div_text {float:left; display:inline-block; width:49%; margin-bottom:20px; margin-right:2%;}
.mypage_wrap .div_text:nth-child(2n) {margin-right:0;}
.mypage_wrap .form-title {color:#fff; font-size:16px; margin-bottom:5px;}
.mypage_wrap input.login_ipt {background:#36373b; color:#fff; border-width: 1px; border-color: rgb(96, 102, 115); border-style: solid; border-radius: 10px; background-color: rgb(54, 55, 59); width:100%; height: 53px; font-family: 'Roboto', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; padding:0 20px;}
.mypage_wrap input.login_ipt.password {margin-top:0;}
.mypage_wrap div_text:first-chld input.login_ipt {margin-top:0;}
.mypage_wrap .login_btn {margin-top:20px; width:100%;}
.mypage_wrap .login_btn .frm_login_btn {float:left; font-family:NotoSanskrM; color:#fff; font-size:18px; border-radius: 10px; background-color:#00adff; width:49%; line-height: 55px; display: inline-block; border:none; outline:none; cursor:pointer; margin-right:2%;}
.mypage_wrap .login_btn .frm_login_btn:last-child {margin-right:0;}