@charset "UTF-8";

/* visual_img */
.visual_img { height:400px; background:url('/img/group/group_visual_bg.jpg') no-repeat 50%; }

.group_main article { padding-top:100px; }
.group_main article .group_tit{ font-size:36px; line-height:1em; color:#000000; font-weight:600; text-align:center }
.group_main article ul { width:100%; padding-bottom:50px; box-sizing:border-box; background-color:#333333; margin-top:60px; text-align:center }
.group_main article ul li { padding:0 40px; box-sizing:border-box; display:inline-block; padding-top:50px; }
.group_main article ul li .icon{ width:60px; height:44px; margin:0 auto; }
.group_main article ul li .icon.state01{ background:url('/img/group/icon_state01.png') no-repeat center center; }
.group_main article ul li .icon.state02{ background:url('/img/group/icon_state02.png') no-repeat center center; }
.group_main article ul li .icon.state03{ background:url('/img/group/icon_state03.png') no-repeat center center; }
.group_main article ul li .icon.state04{ background:url('/img/group/icon_state04.png') no-repeat center center; }
.group_main article ul li .icon.state05{ background:url('/img/group/icon_state05.png') no-repeat center center; }
.group_main article ul li .cont{ margin-top:20px; }
.group_main article ul li .cont .cnt{ display:block; height:45px; font-size:45px; line-height:1em; color:#ff9000; font-weight:600; font-style:italic; }
.group_main article ul li .cont .cnt span{ font-size:30px; color:#ffffff; font-weight:300; font-style:normal; margin-left:5px; line-height:0; }
.group_main article ul li .cont .txt{ display:block; margin-top:15px; font-size:15px; color:#ffffff; }

/* 전용관 목록 */
.group_list { text-align:center; padding-bottom:100px }
.group_list article { max-width:1300px !important; }
.group_list .top_tit { font-size:30px; color:#000000; line-height:1em; font-weight:600; }
.group_list .top_txt { font-size:15px; color:#999999; margin-top:20px; }
.group_list .top_txt span{ color:#ff9000; font-size:20px; }
.group_list ul { padding:30px 0px; }
.group_list ul li { display:inline-block; width:270px; min-height:400px; margin:20px 0px 20px 20px; border:1px solid #dddddd; text-align:left }
.group_list ul li .img_frame  { display:block; min-width:100%; height:200px; overflow:hidden; background-color:#fff; text-align:center }
.group_list ul li .img_frame span.private { position:absolute; width:30px; height:30px; line-height:28px; border:0; background-color:#ff9000; color:#ffffff; font-weight:600; }
.group_list ul li .img_frame img { margin:0 auto; width:100%; object-fit: cover; }

.group_list ul li .cont { display:block; padding:26px 20px; }
.group_list ul li .cont .subject{ display:block; height:45px; font-size:19px; color:#000000; letter-spacing:-2px; line-height:23px; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; display:-webkit-box; }
.group_list ul li .cont span.company_cnt{ display:block; font-size:15px; margin-top:20px; }
.group_list ul li .cont span.investor_cnt,
.group_list ul li .cont span.total_amount{ display:block; font-size:15px; margin-top:5px; }
.group_list ul li .cont span b { display:inline-block; width:95px; height:20px; color:#000000; }
.group_list ul li .rank{ display:block; background-color:#f6f6f6; padding:22px; }
.group_list ul li .rank > span { display:block; height:23px; line-height:23px; font-size:15px; margin-bottom:7px; color:#000000; }
.group_list ul li .rank span:last-child{ margin-bottom:0; }
.group_list ul li .rank span i { display:inline-block; width:23px; height:23px; line-height:23px; font-size:12px; border-radius:50%; color:#ffffff; font-weight:600; margin-right:5px; text-align:center }
.group_list ul li .rank span.rank01 i { background-color:#deb05d; }
.group_list ul li .rank span.rank02 i { background-color:#bcbec1; }
.group_list ul li .rank span.rank03 i {  background-color:#b76f34;}
.group_list ul li .rank span span { position:absolute; display:inline-block; text-align:left; margin-left:10px; max-width:180px; height:19px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.group_list ul li .rank span.rank01 span { color:#deb05d }
.group_list ul li .rank span.rank02 span { color:#bcbec1 }
.group_list ul li .rank span.rank03 span { color:#b76f34 }

.group_list .group_wrap{ width:100%; box-sizing:border-box; }
/*
.img_frame { display:inline-block; width:270px; height:200px; overflow:hidden; }
.img_frame img { max-height:200px; }
.img_frame a{width: 270px; height: 200px; display: none; margin-top: -200px; position: absolute; text-align: center; line-height: 180px; background: rgba(0,0,0,0.5); color: #fff; }
.img_frame:hover a{display: block;}
*/