/*common----------------------------------------------------------------------*/ .tab_cont {display: none; } /*메인---------------------------------------------------------------------------*/ .like_btn {position: absolute; width: 24px; height: 20px; right: 14px; top: 14px; background:url(../img/icons/like_btn.png) center no-repeat; background-size: 22px; z-index: 3;} .like_btn.on {background:url(../img/icons/like_btn_on.png) center no-repeat; background-size: 22px;} .index {overflow: hidden;} .index .title_wrap {margin-bottom: 28px;} .index .title {font-size: 24px; font-weight: 900; line-height: 32px; margin-bottom: 0; text-align: left;} .index .small_title {font-size: 20px; font-weight: 900; line-height: 27px; } .index .slide_arrow_box {position: absolute; right: 0; top: 0; width: 88px; height: 36px; } /*배너*/ .index .main_banner {width:100%;height:803px;background:#ddd;} .index .main_banner .arrow_box {position: absolute; height: 100%; top: 0; left: 0; right: 0; margin: auto; width: 1200px; display: none; } .main_banner .swiper-button-next {right: 0; background: url(../img/icons/main_next_arrow.png) center no-repeat; width: 16px; height: 32px; outline: none; background-size: 16px;} .main_banner .swiper-button-prev{left: 0;background: url(../img/icons/main_prev_arrow.png) center no-repeat; width: 16px; height: 32px; outline: none; background-size: 16px;} .main_banner .swiper-button-prev:after, .main_banner .swiper-button-next:after {display: none;} .main_banner .swiper-pagination {bottom: 40px; display: none;} .main_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;} .main_banner .swiper-pagination-bullet-active {background: #fff !important; } .main_banner .swiper-pagination-bullet {width: 40px; height: 3px; border-radius: 2px; background: #848080; opacity: 1;} .main_banner .swiper-pagination-current {position: relative; font-family: 'Godo', sans-serif; color: #fff; font-size: 15px; font-weight: 400;padding-left: 10px;} .main_banner .swiper-pagination-current:after {position: absolute; content:'0'; font-family: 'Godo', sans-serif; color: #fff; font-size: 15px; font-weight: 400; left: 0; top: 0; } .main_banner .swiper-pagination-total {position: relative; font-family: 'Godo', sans-serif; color: #99999C; font-size: 15px; font-weight: 400; padding-left: 10px;} .main_banner .swiper-pagination-total:after {position: absolute; content:'0'; font-family: 'Godo', sans-serif; color: #99999C; font-size: 15px; font-weight: 400; left: 0; top: 0;} .main_banner .fraction_circle {width: 2px; height: 2px; background: #fff; border-radius: 50%; display: inline-block; margin: 5px 20px;} .index .main_banner ul {width: 100%; height: 100%;} /* .index .main_banner ul li {width: 100%; height: 100%; position: relative; background: url(../img/sample/main_banner.jpg) center no-repeat; background-size: cover;} .index .main_banner ul li.slide2 {background: url(../img/main_banner2.jpg) center no-repeat; background-size: cover; } .index .main_banner ul li.slide3 {background: url(../img/main_banner3.jpg) center no-repeat; background-size: cover; } */ .index .main_banner ul li:after {position: absolute; left: 0; bottom: 0; content:''; width: 100%; height: 100%; background:linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0.3) );} /*.index .main_banner ul li a{width: 100%; height: 100%; }*/ .index .main_banner ul li .text_box {width: 80%; position: absolute; top: 32%; left: 50%; transform:translateX(-50%); text-align: center; z-index: 2;} .index .main_banner ul li .text_box h1 { font-family: 'Godo', sans-serif; font-size: 50px; color: #fff; margin-bottom: 51px;} .index .main_banner ul li .text_box p {font-size: 20px; line-height: 30px; color: #fff;} .index .main_banner ul li .text_box>a {width: 204px; height: 54px; line-height: 52px; border: 1px solid #fff; font-size: 20px; color: #fff; margin-top: 82px; } .index .main_banner_wrap {width:100%;position: relative; } .index .main_banner_wrap .left_list{position:absolute;top:50%;left:0;transform:translateY(-50%);width:340px;z-index:2;} .index .main_banner_wrap .left_list li{position:relative;width:300px;height:60px;margin-bottom:8px;background:rgba(0,0,0,.5);color:#fff;font-size:16px;padding:19px 30px;cursor:pointer;transition:ease-out .3s;} .index .main_banner_wrap .left_list li::after{position:absolute;content:'';width:8px;height:100%;background:url(../img/icons/right_arrow.png)no-repeat center;top:50%;transform:translateY(-50%);right:20px;} .index .main_banner_wrap .left_list li:last-child{margin-bottom:0px;} .index .main_banner_wrap .left_list li.on{width:100%;height:64px;background:#56BAD9;font-size:20px;} /*관심분야리스트*/ .index .interest_wrap .nodata {padding: 82px 0; text-align: center; } .index .interest_wrap .nodata p {font-size: 16px; color: #99999C;} .index .interest_wrap {position: relative; margin: 74px 0 74px;} .index .interest_wrap .title{margin-bottom:14px;} /*.interest_slider .swiper-button-next {right: 0; top: 0; margin-top: 0; background: url(../img/icons/next_arrow.png) center no-repeat; width: 36px; height: 36px; outline: none; background-size: 36px;}*/ /*.interest_slider .swiper-button-prev{left: 0; top: 0; margin-top: 0; background: url(../img/icons/prev_arrow.png) center no-repeat; width: 36px; height: 36px; outline: none; background-size: 36px;}*/ /*.interest_slider .swiper-button-next:hover {background: url(../img/icons/next_arrow_on.png) center no-repeat; background-size: 36px;}*/ /*.interest_slider .swiper-button-prev:hover {background: url(../img/icons/prev_arrow_on.png) center no-repeat; background-size: 36px;}*/ /*.interest_slider .swiper-button-prev:after, .interest_slider .swiper-button-next:after {display: none;}*/ .index .interest_label {margin-left: 20px; background: url(../img/icons/arrow.png) right top 6px no-repeat; background-size: 7px; padding-right: 9px; margin-top: 4px;} .index .interest_label li {padding: 5px 15px; background: #56BAD9;border-radius: 13px; font-size: 12px; color: #fff; line-height: 15px; margin-right: 8px; margin-bottom: 10px;} .index .interest_list li {background: #fff; width: calc(20% - 16px); height: 220px; box-shadow:0 0 10px rgba(219,219,219,0.16); margin-right: 20px;margin-bottom:20px;position:relative;} .index .interest_list li:nth-child(5n){margin-right:0px;} .index .interest_list li a {width: 100%; height: 100%; padding: 15px 27px 27px; text-align: center; } .index .interest_list li a .logo_box {position: relative; width: 100%; height: 112px; margin-bottom: 13px; overflow: hidden;} .index .interest_list li a .logo_box img {max-width: 80%; max-height: 80%; position: absolute;left: 0;right: 0;margin: auto;top: 50%;transform: translateY(-50%);} .index .interest_list li a h3 {font-size: 17px; font-weight: 500; color: #424244; line-height: 22px; margin-bottom: 11px;} .index .interest_list li a p {color: #99999c; line-height: 20px;} /*인기있는뉴스피드*/ .popularity_wrap .title_wrap {position: relative; height: 36px;} .popularity_slider {width: 1200px; margin: 0 auto; overflow: inherit; padding-bottom: 112px; padding-top: 101px;} .popularity_wrap .swiper-slide {opacity: 0.4; transition:all 0.3s;} .popularity_wrap .swiper-slide-active{opacity:1 ;} .popularity_wrap .swiper-slide-next{opacity:1 ;} .popularity_wrap .swiper-slide-next + .swiper-slide{opacity:1 ;} .popularity_wrap .swiper-slide-next + .swiper-slide + .swiper-slide{opacity:1 ;} .popularity_slider .swiper-button-next {right: 0; top: 0; margin-top: 0; background: url(../img/icons/next_arrow.png) center no-repeat; width: 36px; height: 36px; outline: none; background-size: 36px;} .popularity_slider .swiper-button-prev{left: 0; top: 0; margin-top: 0; background: url(../img/icons/prev_arrow.png) center no-repeat; width: 36px; height: 36px; outline: none; background-size: 36px;} .index .popularity_slider .swiper-button-next:hover {background: url(../img/icons/next_arrow_on.png) center no-repeat; background-size: 36px;} .index .popularity_slider .swiper-button-prev:hover {background: url(../img/icons/prev_arrow_on.png) center no-repeat; background-size: 36px;} .popularity_slider .swiper-button-prev:after, .popularity_slider .swiper-button-next:after {display: none;} .popularity_slider .title_wrap {position: relative; } .popularity_list li {position: relative; width: 284px; background: #fff;} .popularity_list li .inner_box{position: relative; width: 100%; height: 0; padding-bottom:100%;} .popularity_list li .view_btn {position: absolute; width: 45px; height: 19px; left: 50%; bottom: 30px; transform:translateX(-50%); font-size: 14px; color: #99999C; background: url(../img/icons/view_icon.png) left top 5px no-repeat; background-size: 9px; padding-left: 17px; } .popularity_list li a{width: 100%; height: 100%; padding: 40px 30px; position:absolute; overflow: hidden;top:0;left:0;} .popularity_list li a::after{position: absolute;left: 0;bottom: 0;content: ''; width: 100%;height: 70%;background: linear-gradient(0deg, rgba(0,0,0,0.73), rgba(0,0,0,0));} /*.popularity_list li a img{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); width:100%;}*/ .popularity_list li .text_box .number {width: 28px; height: 28px;background: #56BAD9; border-radius: 2px; color: #fff; font-size: 16px; line-height: 21px; padding: 3px 0; text-align: center; font-weight: 900; margin-bottom: 4px;} .popularity_list li .text_box .label {font-size: 17px; color: #56BAD9; line-height: 22px; margin-bottom: 8px;font-weight: 900;} .popularity_list li .text_box .label.column{color:#943EA8;} .popularity_list li .text_box .label.event{color:#FEB200;} .popularity_list li .text_box .label.letter{color:#04407D;} .popularity_list li .text_box .label.meeting{color:#00C57B;} .popularity_list li .text_box h3 {font-size: 16px; line-height: 24px; color: #424244; } .popularity_list li .text_box {position: absolute; width: 100%; bottom: 32px; left: 0; z-index: 9; padding: 0 30px;} .popularity_list li .text_box .label {margin-bottom: 13px;} .popularity_list li .text_box h3 {color: #fff;height:1.4rem; -webkit-line-clamp:1;} /*뉴스피드---------------------------------------------------------------------------*/ /* .newfeed_wrap {padding: 74px 0 81px; } .newfeed_wrap .title_wrap .title{margin-bottom:0px;} .newfeed_wrap .plus_btn {font-size: 16px; background: url(../img/icons/plus_icon.png)no-repeat center right;padding: 10px 19px;background-size: 14px;} .newfeed_list {margin-top: 28px; margin-left: -15px; margin-right: -15px;} .newfeed_list li {width: 20%; } .newfeed_list li .card {margin: 0 15px 51px; } .newfeed_list .thumbnail_wrap {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; margin-bottom: 12px;} .newfeed_list .thumbnail {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .newfeed_list .thumbnail img{position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); max-width: 100%;} .newfeed_list li .text {position: relative; height: 165px; } .newfeed_list li .lable {font-size: 17px; font-weight: 900; color: #56BAD9; line-height: 22px; margin-bottom: 12px; } .newfeed_list li .lable.column{color:#943EA8;} .newfeed_list li .lable.event{color:#FEB200;} .newfeed_list li .lable.letter{color:#04407D;} .newfeed_list li .lable.meeting{color:#00C57B;} */ /*.newfeed_list li h3 {margin-bottom: 16px; word-break: break-all;height:auto;max-height:50px;}*/ .newfeed_list li h3 {margin-bottom: 16px; word-break: break-all; height:50px; } .newfeed_list li p { font-size: 13px; line-height: 17px; color: #424244; } .newfeed_list li .text>p {height: 2.3rem;} .newfeed_list li p.date {color: #99999C; line-height: 2; } .newfeed_list li button {position: absolute; bottom: 0; background: url(../img/icons/more_view.png) right center no-repeat; padding: 0; padding-right: 30px; background-size: 14px; font-size: 13px; line-height: 17px; color: #424244; margin-bottom: 0;} .newsfeed .btn_wrap button {background-color: transparent; width: 160px; height: 54px; margin-top: 20px;} /*뉴스피드 상세*/ .news.detail .container {padding: 65px 0 120px;} .detail_view {margin-bottom: 40px; border-bottom: 1px solid #E4E4E5;} .detail_view .title_area>div{width:900px;margin:0 auto 40px;} .detail_view .title_area .img_box{width:250px;height:250px;float:left;} .detail_view .title_area .txt_box{float:right;width:calc(100% - 310px);} .detail_view .title_area .label {width: 50px; font-weight: 900; color: #56BAD9; margin-bottom:18px;font-size:20px;} .detail_view .title_area .label.column{color:#943EA8;} .detail_view .title_area .label.event{color:#FEB200;} .detail_view .title_area .label.letter{color:#04407D;} .detail_view .title_area .label.meeting{color:#00C57B;} .detail_view .title_area h2 {font-size:30px;font-weight: 500; color: #1E1E1E;margin-bottom:47px; } .detail_view .name {color: #424244; margin-right:8px; } .detail_view .date {color: #99999C; font-size:13px;padding-top:2px;} .detail_view .text_area {padding: 50px 0 80px; border-top:1px solid #E4E4E5;} .detail_view .text_area .text_area_inner{width:900px;margin:0 auto;min-height: 300px;} .detail_view .text_area p {white-space: pre-line; line-height: 20px;} .detail_view .text_area img {max-width: 100%;width:auto;height:auto;} .news.detail .comment_box{background:#f6f7f8;padding:20px;margin-bottom: 40px;} .news.detail .comment_box .comment_ul>li{padding:20px 0;border-bottom:1px solid #e8ecee;position:relative;} .news.detail .comment_box .comment_ul>li .img_box{position: relative;width: 36px;height: 36px;border-radius: 50%;overflow: hidden;border: 1px solid #dedede;margin-right:20px;} .news.detail .comment_box .comment_ul>li .img_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;} .news.detail .comment_box .comment_ul>li .txt_box{width:calc(100% - 56px);} .news.detail .comment_box .comment_ul>li .txt_box .date{color:#7f7f7f;font-size:13px;margin-left:20px;margin-top:1px;} .news.detail .comment_box .comment_ul>li .delt_btn{position:absolute;width:15px;height:15px;right:0;top:10px;} .news.detail .comment_box .comment_ul>li .delt_btn img{width:100%;vertical-align:top;} .news.detail .comment_box .input_wrap{margin-top:30px;} .news.detail .comment_box .input_wrap input[type="text"]{height: 40px;width:calc(100% - 90px) !important;background: white;border-radius: 4px;} .news.detail .comment_box p{word-break: break-word;} .news.detail .comment_box .btn {height: 40px;line-height: 20px;width: 80px;padding: 6px;border-radius: 4px;color: black;background: white;font-size: 15px;} /*뉴스피드 소모임작성*/ .news.detail.write_page .detail_view{border-top:1px solid #424244;} /*뉴스피드상세(이벤트)*/ .event_detail_view + .event_detail_view {margin-top: 51px;} .event_detail_view>li {margin-bottom: 32px; } .event_detail_view>li:last-child {margin-bottom: 0;} .event_detail_view>li p {white-space: normal;} .event_detail_view>li>:first-child {width: 15%; font-weight: bold; line-height: 1.6;} .event_detail_view>li>:last-child {width: 85%; letter-spacing: -0.5px; line-height: 1.6;} .input_wrap {margin-bottom: 24px;} .input_wrap:last-child {margin-bottom: 0;} .input_list>li ul>li input {height: 40px; padding: 10px 12px;} .input_list>li ul>li {margin-right: 16px;} .input_list>li ul>li:last-child {margin-right: 0; } .input_list input {width: 100% !important;} .input_list>li {margin-bottom: 44px;} .input_list>li:last-child {margin-bottom: 0;} .input_list>li>p {margin-top: 10px;} .input_list>li ul>li {width: calc(25% - 12px);} /*고객지원-----------------------------------------------------------------------*/ .customer_service{padding-top:60px;min-height:calc(100vh - 300px);} .customer_service .top_wrap select{width:140px;height:40px;border:1px solid #E4E4E5;border-radius:2px;font-size:13px;} .customer_service .top_wrap h2 {font-size: 19px; color: #424244; margin-top: 8px;} .question_list{margin-top:35px;border-top:1px solid #1E1E1E;border-bottom:1px solid #E4E4E5;margin-bottom:40px;} .question_list li{border-top:1px solid #E4E4E5;} .question_list li.on .toggle{font-weight:bold;} .question_list li:first-child{border-top:none;} .question_list li .toggle{position: relative; display:block;width:100%;padding:21px 20px 21px 46px;} .question_list li .toggle:before {position: absolute; content:'Q.'; font-size: 15px; color: #56BAD9; font-family: 'Noto Sans'; font-weight: 500; left: 20px; top: 47%; transform:translateY(-50%);} .question_list li .toggle span{width:calc(100% - 35px);line-height:1.3;} .question_list li .toggle img{margin-top:4px;} .question_list li .answer{width:100%;padding:31px 46px;background:#F8F9FB;display:none;border-top:1px solid #E4E4E5;} .question_list li .answer p{font-size: 15px; line-height:28px; color: #424244; white-space:pre-line;} /*.customer_service .inquiry{display:none;}*/ /*.inquiry{padding:35px 0 120px;}*/ /*.inquiry li{margin-bottom:25px;}*/ /*.inquiry li:last-child{margin-bottom:40px;}*/ /*.inquiry li input,.inquiry li select{width:100%;padding: 0 16px;}*/ /*.inquiry li textarea{width:100%;padding:13px 16px;}*/ .customer_service .btn_wrap{margin-bottom:120px;} /*지원사업신청----------------------------------------------------------------*/ .apply_page {padding: 0 0 120px; } .apply_page .btn_wrap p {color: #99999C; font-size: 14px; margin-bottom: 20px;} .apply_page .btn_wrap .submit_btn {width: 400px; height: 54px; } .apply_btn {background: #fff;border-top: 1px solid #E9E9E9;padding: 20px;position: fixed;bottom: 0px;width: 1200px;-webkit-box-shadow: 0px 0px 10px -2px rgb(212 212 212);-moz-box-shadow: 0px 0px 10px -2px rgba(212,212,212,1);box-shadow: 0px 0px 10px -2px rgb(212 212 212);} /*table*/ .upload-name:read-only {background: #F6F6F6; } .fixed_save_btn {position: fixed; right: 10%; bottom: 20%; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #56BAD9; color: #56BAD9; padding-bottom: 25px; background: #fff url(../img/icons/fixed_save.png) bottom 24px center no-repeat; background-size: 18px; box-shadow: 0 3px 6px rgba(86,186,217,0.13); } .apply_new_window {margin-top: 75px;} .table_wrap {padding-bottom: 100px;} .table_wrap td>ul>li {padding-bottom: 10px; border-bottom: 1px dashed #E9E9E9; border-width: 2px;} .table_wrap td>ul>li:last-child {padding-bottom: 0; border-bottom: none;} .table_wrap td>ul>li:nth-child(n + 2) {padding-top: 10px;} .table_wrap .gray_btn {width: 240px; background: #E9E9E9; border: 1px solid #E9E9E9; } .table_wrap .submit_btn , .table_wrap .dark_gray_btn{width: 240px; } .history_ul>li>ul {width: calc(100% - 118px); } .history_ul>li>ul>li {width: calc(24.333% - 12px); margin-right: 16px;} .history_ul>li>ul>li:last-child {margin-right: 0;} .history_ul>li>ul>li:first-child {width: calc(27% - 12px);} .history_ul>li>ul>li:first-child strong {margin: 3px 5px;} .history_ul>li>ul>li input {width: 100%; } .history_ul>li>button{margin-left: 30px;} .member_ul>li>ul {width: calc(100% - 118px); } .member_ul>li>ul>li {width: calc(19% - 12px); margin-right: 16px;} .member_ul>li>ul>li:last-child {margin-right: 0;} .member_ul>li>ul>li:first-child {width: calc(19% - 12px);} .member_ul>li>ul>li:first-child strong {margin: 3px 5px;} .member_ul>li>ul>li input {width: 100%; } .member_ul>li>button{margin-left: 30px;} .add_btn {width: 88px; height: 40px; line-height: 20px; padding: 10px 0; color: #fff; border: 1px solid #56BAD9; background: #56BAD9; } .delete_btn {width: 88px; height: 40px; line-height: 20px; padding: 10px 0; color: #fff; background: #99999C; border: 1px solid #99999C;} .width_ul li>ul>li {width: calc(20% - 12.8px); margin-right: 16px;} .width_ul li>ul>li:last-child {margin-right: 0;} .width_ul2 li>ul {width: calc(100% - 118px);)} .width_ul2 li>ul>li:first-child {width: 35%; } .width_ul2 li>ul>li:nth-child(2) {width: calc(65% - 19px); margin-left: 19px;} .width_ul2 li>ul>li:nth-child(3) {width: 100%; margin-top: 10px;} .width_ul3>li {padding-bottom: 10px; border-bottom: 1px dashed #E9E9E9; border-width: 2px;} .width_ul3>li:last-child {padding-bottom: 0; border: none;} .width_ul3 li>ul {width: calc(100% - 105px); } .width_ul3 li>ul>li {width: calc(25% - 12px); margin-right: 16px;} .width_ul3 li>ul>li>:first-child {margin-bottom: 10px;} .width_ul3 li>ul>li .file_up_wrap input {width: calc(100% - 87px) !important; } .width_ul3 li>ul>li .file_up_wrap label {width: 74px !important; padding: 9px 10px;} .apply_new_window .table_wrap .width_box>input {width: calc(50% - 8px);margin-right: 5px;} .apply_new_window .table_wrap .width_box>input:last-child{margin-right: 0;} .apply_new_window .radio_wrap input[type="radio"] + label{float:left;position: relative;} .apply_new_window .radio_wrap input[type="radio"] + label + label{float:left;margin-left:5px;} .radio_wrap2 input[type="radio"] + label + label {margin-right: 10px; } .notice_text {margin-bottom:32px;} .notice_text p {line-height: 1.8; font-size: 14px;} .notice_text p:nth-child(3) {margin-top: 21px; } .notice_text p:nth-child(n+3) {color: #5F5F60; } /*mypage-------------------------------------------------------------------------------------*/ /*.mypage .tab_wrap {text-align: center;}*/ .mypage .tab_ul {width: max-content; margin: 34px auto 80px; display: inline-flex;} .mypage .tab_ul li{font-family:'NanumSquare', 'NanumSquare2', sans-serif; width: 280px; padding: 21px 0; text-align: center; border-bottom: 2px solid #E9E9E9; color: #BEBEBE; font-size: 18px; font-weight: normal; cursor: pointer;} .mypage .tab_ul li.active {border-bottom: 2px solid #56BAD9; color: #56BAD9; font-weight: 900;} .mypage{min-height: calc(100vh - 200px);}/*300px*/ .mypage .sub_menu {background: #F8F8F8; text-align: center;} .mypage .sub_menu ul {height: 60px; } .mypage .sub_menu li {display: inline-block;} .mypage .sub_menu li a {padding: 20px 15px; color: #99999C; } .mypage .sub_menu li.on a{color: #424244; font-weight: bold;} /*티져메모*/ .memo .top_box {width:100%; border: 1px solid #E9E9E9; border-radius: 4px; margin-bottom: 30px; position: relative; } /*.memo .top_box .logo_box {position: absolute; width: 244px; height: 100%; text-align: center;}*/ .memo .top_box .logo_box {width:100%;} .memo .top_box .logo_box .info_top {padding:35px 0; border-bottom:1px solid #E9E9E9;} .memo .top_box .logo_box div.img {width:240px; text-align:center;} .memo .top_box .logo_box img {max-width: 160px; height:59px; /* max-height: 80%; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);*/} .memo .top_box .logo_box div.info {width:calc(100% - 240px); padding-left:40px; box-sizing:border-box;} .memo .top_box .logo_box div.info h1 {font-size:22px; font-weight:500;} .memo .top_box .logo_box div.info p {font-size:16px; margin-top:12px;} /*.memo .top_box .title_box {width: calc(100% - 244px); padding: 23px 20px; margin-left: 244px; } */ .memo .top_box .title_box>div:first-child{/*margin-bottom:12px;*/ text-align: center; padding: 38px 0;} .memo .top_box .title_box>div:first-child h1 {max-width: 80%; font-size: 22px;font-weight: 500; color: #1E1E1E; word-break: break-all;} .memo .top_box .title_box>div:first-child p {font-size: 13px; color: #99999C; padding-right: 5px;} .memo .top_box .title_box>p {font-size: 16px; color: #5F5F60; } .memo .top_box .title_box>p.update {display: none; font-size: 13px; color: #99999C; /*margin-top: 15px;*/ text-align: center; margin-bottom: 41px;} .memo .video_player { /*display:flex; justify-content:center; float: right; border:1px solid; */ position:relative; width:100%; padding-bottom:56.25%; margin-bottom:30px;} .memo .video_player iframe {position:absolute; width:100%; height:100%;} .memo .notice {font-size: 13px; color: #bebebe; line-height: 1.7;} .memo .gray_bg {margin-top: 31px; padding: 40px 0 120px; position:relative;} .memo .gray_bg .left {width: 400px;} .memo .gray_bg .right {width:calc(100% - 430px); margin-left: 30px; } .memo .gray_bg .cont_box {width: 100%; background: #fff; border-radius: 4px; margin-bottom: 30px; padding: 26px 30px;} .memo .gray_bg .cont_box h2 {font-size: 16px; margin-bottom: 22px; color: #424244; } .memo .gray_bg .cont_box ul li{margin-bottom: 16px;} .memo .gray_bg .cont_box ul li:last-child {margin-bottom: 0;} .memo .gray_bg .cont_box ul li p:first-child {width: 50%; font-size: 14px; color: #6B6B70; } .memo .gray_bg .cont_box ul li p:last-child {width: 50%; text-align: right; font-size: 14px; color: #333; } .memo .gray_bg .cont_box>p {line-height: 1.7;font-size: 14px; white-space:pre-line; } .status + .status {margin-top: 16px;} .status>p {width: 84px; background: #F2F2F2; border-radius: 4px; margin-right: 16px; font-size: 14px;color: #99999C; text-align: center;} .status>p span{margin-top:5px;display:block;} .status:nth-of-type(2)>p {height: 90px; padding: 25px 0;} .status:last-of-type>p {height: 56px; padding: 8px 0; } .status>ul {width: calc(100% - 100px); } .memo .top_box .logo_box .info_top img {padding:12px 0;} .memo .top_box .title_box div.ir_download a p {font-size:14px; text-decoration:underline; color:#424244; margin-top:10px;} .memo .top_box .title_box div.ir_download div.update_p, .memo .top_box .title_box div.ir_download p.update_p {font-size:15px; line-height:72px; border-left:1px solid #E9E9E9;} .ir_download {width:100%; background-color:#fff; padding:20px 0; margin-bottom:30px;} .ir_download > a {width:50%; text-align:center;} .ir_download > a p {margin-top:8px;} .ir_download .update_p {width:50%; text-align:center; line-height:72px; position:relative;} .ir_download .update_p:after {content:''; display:block; width:1px; height:40px; background:#E9E9E9; position:absolute; left:0; top:50%; transform:translateY(-50%);} .table_ul {width: 100%; text-align: center;} .table_ul .thead {background: #F2F2F2; border-radius: 4px; padding: 16px 0;} .table_ul .thead ul>li {color: #99999C; font-size: 14px; margin-bottom: 0; margin-top: 0;} .table_ul>li {margin-bottom: 0 !important;} .table_ul>li>ul>li {font-size: 14px; color: #6B6B70; margin-bottom: 0 !important; margin-top: 16px; } .table_ul>li>ul>li:first-child , .memo .table_ul li > ul>li:last-child{width: 20%; } .table_ul>li>ul>li:nth-child(2) {width: 60%; } /*table_layout*/ .tr_center>* {text-align: center;} .table {border-top: 1px solid #424244; width: 100%; table-layout: fixed;} .table thead tr th {background: #F5F5F8; color: #1E1E1E; padding: 15px 0; font-weight: 500; } .table tbody td {padding: 21px 15px; color: #5F5F60; border-bottom: 1px solid #E4E4E5;} .table tbody td.state {font-weight: 500;} .table tbody td.selection_td {color:#FF3806;} .table tbody td.out_td {color:#BEBEBE;} .table tbody td a {color: #5F5F60; font-weight: 500;} .table tbody td a:hover {text-decoration: underline;} .table tbody td .border_btn {width: 60px; height: 32px; border: 1px solid #99999C; background: #fff; color: #99999C; font-size: 13px; padding: 7px; border-radius: 16px;} /*행사신청내역---------------------------------------------*/ .apply_page .table {margin: 100px 0 60px;} /*상세*/ .table_wrap table {width: 100%; table-layout: fixed; border-top: 2px solid #424244; min-width:1000px; margin-bottom:80px;} .table_wrap tr{border-bottom:solid 1px #E9E9E9; text-align:left;} .table_wrap th{background:#F5F5F5; border-right:solid 1px #E9E9E9; font-weight:600;} .table_wrap tr>*:last-child{border-right:none;} .table_wrap td{border-right:solid 1px #E9E9E9;} .table_wrap th {padding:21px 20px; font-size: 14px; } .table_wrap td{padding:10px 16px; font-size: 14px; word-break: break-all;} .table_wrap td .select {width: 100%; } .table_wrap table a{border-bottom:1px solid #264B7B; color: #264B7B;} .table_wrap input , .apply_new_window .table_wrap select{width: 100%; height: 40px; } .title_wrap .title {font-size: 22px; font-weight: 900; margin-bottom: 81px; } .table_wrap .sub_title {font-weight: 500; font-size: 18px; margin-bottom: 18px; text-align: left;} /*2021.01.20 NYM 투자사 회원가입시 가운데 레이아웃 선*/ .sub_main_title {font-size: 22px; margin-bottom: 40px;} /*회원정보수정*/ .modify {margin-top:70px;padding-bottom:0px; } .modify .container {margin-bottom: 60px;} /*.modify .form_ul {width: 522px; margin: 100px auto 60px; border-top: 1px solid #424244;}*/ /*.modify .form_ul>li {display: table; border-bottom: 1px solid #E9E9E9; width: 100%; }*/ /*.modify .form_ul li>p{display: table-cell; background: #F5F5F5; width: 35%; font-size: 14px; padding: 21px 20px; margin-right: 16px; vertical-align: middle;}*/ /*.modify .form_ul li>nth-child(2) {display: table-cell; width: calc(65% - 32px); padding-right: 16px;}*/ /*.modify .form_ul>li input {width: calc(100% - 32px); height: 40px; margin-top: 10px; margin-left: 16px;}*/ /*.modify .form_ul>li .phone {margin-bottom: 10px; margin-right: 16px;}*/ /*.modify .form_ul>li .phone input {width: calc(100% - 150px); margin-right: 8px;}*/ /*.modify .form_ul>li .phone button {width: 126px; height: 40px; padding: 7px; margin-top: 10px;}*/ .modify .submit_btn {height: 54px; width:100% !important; } /*mypege(투자사)-----------------------------------------------------------------------------*/ .mypage.investor_news .btn.line_btn {width: 150px; height: 40px; margin-top: 50px;} .mypage.investor.investor_news .table {margin: 12px 0 60px;} .mypage.investor_news .table tbody td a {text-align: left;} .mypage.investor .table {margin: 50px 0 60px;} .mypage.results .table .write_td a {max-width: 100%; width: auto; position: relative; padding-left: 25px; padding-right: 20px; color: #56BAD9; } .mypage.results .table .write_td a:before {content:''; position: absolute; width: 18px; height: 18px; top: 0; left: 0; background: #fff url(../img/icons/notice_icon.png) center no-repeat; background-size: 18px;} .mypage.results .table .write_td a:after {content:''; position: absolute; width: 14px; height: 14px; top: 2px; right: 0; background: #fff url(../img/icons/write_icon.png) center no-repeat; background-size: 14px;} .apply_new_window.results .down_btn {color: #424244; font-size: 14px; border-bottom: 1px solid #424244;} .apply_new_window.results .down_btn img {margin-right: 10px; } .gray_border {width: 100%; height: 10px; background: #F8F8F8; margin-bottom: 80px; } .mypage.apply2 .table_container{margin: 100px auto 60px; } .mypage.invest .summary {margin-bottom: 52px; text-align: center; } .mypage.invest .summary p {font-size: 16px; margin-bottom: 20px; } .mypage.invest .summary>span {display: inline-block; width: 210px; background: #99999C; border: 1px solid #99999C; font-size: 13px; color: #fff; padding: 9px 25px;border-radius: 19px;} .mypage.invest .summary>span.complete {background: #fff; border: 1px solid #5F5F60; color: #5F5F60; } /*투자심사역*/ .mypage.invest .tab_cont {padding-bottom: 100px;} .mypage.invest .table_ul.table_ul2 .thead {padding: 0; } .mypage.invest .table_ul.table_ul2 li.thead > ul>li {padding: 15px 20px;} .mypage.invest .table_ul.table_ul2 li > ul {padding-bottom: 0; } .mypage.invest .table_ul.table_ul2 li > ul>li.name_li a {width: auto; } .mypage.invest .table_ul.table_ul2 li > ul>li {margin: 0; padding: 20px; color: #5F5F60;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(1){display: none;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(2){width:8%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(3){width:13%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(4){width:16%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(5){width:14%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(6){width:13%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(7){width:27%;} .mypage.invest .table_ul.table_ul2 li > ul>li:nth-child(8){width:9%;} .mypage.invest .table_ul.table_ul2 li > ul>li.name_li p {width: auto; margin-top: 0; font-size: 14px; text-align: center;} .mypage.invest .table_ul.table_ul2 li > ul>li.name_li:hover p {text-decoration: underline;} .mypage.invest .table_ul.table_ul2 li > ul.master li:last-child {color: #56BAD9; } .mypage.invest .table_ul.table_ul2 .master_radio_wrap {display: none;} .mypage.invest .table_ul.table_ul2 .phone_num {display: none;} .mypage.invest .table_ul.table_ul2 .radio_wrap {position: relative; width: 22px; } .mypage.invest .table_ul.table_ul2 + .btn_wrap {display: none;} .mypage.invest .submit_btn{width: 150px; height: 40px; padding: 9px; margin-top: 80px; } .mypage.invest .table_ul.table_ul2.master_admin + .btn_wrap {display: block;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(1){display: block;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(1){width:7%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(2){width:7%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(3){width:12%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(4){width:15%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(5){width:13%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(6){width:12%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(7){width:26%;} .mypage.invest .table_ul.table_ul2.master_admin li > ul>li:nth-child(8){width:8%;} /*상세*/ .mypage.invest.detail .tab_ul a{font-size: 18px;} /*회원정보수정(투자사)*/ .mypage.invest.modify .mo_title{font-family:'NanumSquare', 'NanumSquare2', sans-serif;font-size:16px;text-align:center;display:none;margin-bottom:40px;} .mypage.invest.modify .table_wrap {padding-top: 100px;} .mypage.invest.modify .table_wrap .checkbox_wrap li{padding:0;border-bottom:none;margin-right:15px;} .mypage.invest.modify .btn_wrap .submit_btn{width:420px !important; height: 54px; } /*회사소개--------------------------------------------------------------------------------------*/ .page_banner {width: 100%; height: 373px; position: relative;} .page_banner:after{position: absolute; content:''; width: 100%; height: 100%; background: rgba(0,0,0,0.47); left: 0; top: 0; } .page_banner .text {max-width: 1200px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 2; text-align: center;} .page_banner .text h1 {font-size: 50px; margin-bottom: 29px; color: #fff; font-family: 'Godo';} .page_banner .text p {font-size: 26px; color: #fff; font-weight: 500;} .page_banner.intro_banner {background: url(../img/intro_bg.jpg) center no-repeat; background-size: cover;} /*회사소개 common*/ .intro .cont {margin-bottom: 135px;} .intro .cont .sub_title {position: relative; margin-bottom: 40px;} .intro .cont .sub_title h2{ font-size: 26px; text-align: center; padding-bottom: 20px; color: #1E1E1E;} .intro .cont .sub_title h2 span {font-size: 26px; font-weight: bold;} .intro .cont .sub_title .line {width: 1px; height: 43px; background: #5F5F60; display: inline-block;} /*cont*/ .intro .cont.first {padding-top: 114px;} .intro .cont.first h3 {margin-bottom: 40px;} .intro .cont.first p:first-of-type {margin-bottom: 13px;} .intro .cont .task li {width: calc(33.333% - 13.333px); height: 343px; padding: 50px; border-radius: 8px; margin-right: 20px; margin-bottom: 20px; text-align: center;} .intro .cont .task li:first-child {background: #56BAD9; } .intro .cont .task li:nth-child(2) {background: #1094BC; } .intro .cont .task li:last-child {background: #0A699B; margin-right: 0;} .intro .cont .task li img {height: 70px; margin-bottom: 38px;} .intro .cont .task li h3 {font-size: 28px; font-weight: 500; margin-bottom: 20px; color: #fff; } .intro .cont .task li p {font-size: 16px; color: #fff; line-height: 1.6;} .intro .gray_bg {margin-bottom: 141px; padding-top: 81px; } .intro .method_box {border: 1px solid #E9E9E9; border-radius: 8px; padding: 40px; } .intro .method_box img {width: 48px; margin-bottom: 20px; } .intro .method_box p {display: inline-block; font-size: 18px; font-weight: 500; color: #424244; } .intro .method_box ul {width: 50%; padding-left: 80px; text-align: left; margin-top: 40px;} .intro .method_box ul:first-child {border-right: 1px solid #E4E4E5;} .intro .method_box ul li {font-size: 16px; margin-bottom: 10px; color: #5F5F60;} .intro .method_box ul li:last-child {margin-bottom: 0;} .intro .history .img_box {width: 60%; height: 477px;} .intro .history .history_list {width: calc(40% - 38px); margin-left: 38px;} .intro .history .history_list h3 {font-size: 24px; font-weight: 400; line-height: 40px; margin-bottom: 40px;} .intro .history .history_list h3 span {font-weight: bold; font-size: 24px;} .intro .history .history_list ul li {margin-bottom: 10px;} .intro .history .history_list ul li:last-child {margin-bottom: 0;} .intro .history .history_list ul li p:first-child {width: 50px; font-size: 18px; font-weight: bold; margin-right: 20px; color: #004468; line-height: 26px; margin-bottom: 0;} .intro .history .history_list ul li p:last-child {width: calc(100% - 70px); font-size: 15px; line-height: 24px; color: #333; padding-bottom: 10px; border-bottom: 1px dashed #D2D2D2; border-width: 2px; text-align: left;} .intro .chart_box {padding: 50px 40px; border: 1px solid #E9E9E9;border-radius: 8px; } .intro .cont .chart_box h3 {text-align: left; margin-bottom: 32px; font-size: 24px; font-weight: 500; line-height: 30px; margin-top: 65px;} .intro .chart_box h3 span {font-size: 24px; font-weight: bold;} .intro .chart_box .pie-chart_wrap {position: relative; width: 45%; margin-right: 70px; float: left; text-align: center; } .intro .chart_box .pie-chart_wrap>div {display: inline-block; position: relative; } .intro .chart_box .pie-chart {width: 303px; height: 303px; margin-left: 190px; } .intro .chart_box .pie-chart img {width: 100%;} .intro .chart_box .pie-chart_wrap .lable2 {position: absolute; left: 0; top: 116px; z-index: -1; width: 150px; } .intro .chart_box .pie-chart_wrap .lable2 li {position: relative; font-size: 14px; color: #5F5F60; margin-left: 100px; text-align: left;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(2) {margin-left: 20px;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(2):after {right: -57px;} .intro .chart_box .pie-chart_wrap .lable2 li:after {content:''; position: absolute; width: 100px; height: 1px; background: #5F5F60; top: 50%; right: -110px; } .intro .chart_box .pie-chart_wrap .lable2 li br {display: none;} .intro .chart_box .right {width: calc(55% - 70px); float: right;} .intro .chart_box .right ul li {width: 130px; height: 108px; margin-right: 10px;} .intro .chart_box .right ul li .img_box {height: 100%;} /*신청페이지-------------------------------------------------------------*/ .apply2 .gray_box {background: #FCFCFC; border-radius: 4px; padding: 40px; margin-top: 44px; } .apply2 .gray_box h5 {font-size: 20px;margin-bottom: 20px;} .apply2 .gray_box>p {margin-bottom: 73px;font-size: 16px;} .apply2 .progress_box {position: relative; } .apply2 .progress_box ul.box{width: 80%; margin: auto; } .apply2 .progress_box ul.box li:first-child {margin-bottom: 193px; } .apply2 .progress_box ul.box li>div {position: relative; width: 35%; height: 140px; border-radius: 10px; } .apply2 .progress_box ul.box li>div .img_box2 {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 67%; height: 60px; z-index: 2;} .apply2 .progress_box ul.box li>div img {position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width: 100%; } .apply2 .progress_box ul.box li>div::after{position:absolute;content:'';width:calc(100% - 20px);height:calc(100% - 20px);background:#fff;border-radius:6px;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 1;} .apply2 .progress_box ul.box li:first-child>div:first-child {background: #B4D2DB ; } .apply2 .progress_box ul.box li:first-child>div:last-child {background: #56BAD9 ; } .apply2 .progress_box ul.box li:last-child>div:first-child {background: #0A699B ; } .apply2 .progress_box ul.box li:last-child>div:last-child {background:#1094BC ; } .apply2 .progress_box ul.box li:first-child>div:last-child img{width:130%;} .apply2 .progress_box ul.box li>div p {font-size: 20px; font-weight: 500; color: #5F5F60; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 2;} .apply2 .progress_box .arrow_box {width: 80%; position: absolute; left:50%; top: 30px; transform:translateX(-50%);} .apply2 .progress_box .arrow_box ul li {margin-bottom: 103px; } .apply2 .progress_box .arrow_box ul li:last-child {margin-bottom: 0;} .apply2 .progress_box .arrow_box ul li p {font-size: 14px; } .apply2 .progress_box .arrow_box .arrow {position: relative;} .apply2 .progress_box .arrow_box .arrow:after {position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #424244; color: #fff; font-size: 12px; line-height: 20px; } .apply2 .progress_box .arrow_box .point.arrow:after {background: #56BAD9; } .apply2 .progress_box .arrow_box ul li:first-child p {margin-bottom: 13px; } .apply2 .progress_box .arrow_box ul li:first-child img {width: 148px; } .apply2 .progress_box .arrow_box ul li:first-child .arrow:after {content:'3'; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box ul li:nth-child(2)>div {width: 35%; text-align: center;} .apply2 .progress_box .arrow_box ul li:nth-child(2) div img {height: 118px; } .apply2 .progress_box .arrow_box ul li:nth-child(2)>div>div {display: inline-block;} .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:first-child>div {margin-right: 25%; } .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:last-child>div {margin-left: 46%; } .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:first-child .arrow:after {content:'1'; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:last-child .arrow:after {content:'4'; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box ul li:nth-child(2) div p {margin: 50px 10px 0; width: calc(100% - 36px);} .apply2 .progress_box .arrow_box ul li:last-child img {width: 148px; } .apply2 .progress_box .arrow_box ul li:last-child .arrow:after {content:'6'; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box ul li:last-child p{margin-top: 13px; } .apply2 .progress_box .arrow_box .center_arrow>div:first-child .arrow:after {content:'2'; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box .center_arrow>div:last-child .arrow:after {content:'5'; left: 50%; top: 50%; transform:translate(-50%,-50%); } .apply2 .progress_box .arrow_box .center_arrow {width: 148px; height: 165px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);} .apply2 .progress_box .arrow_box .center_arrow img {width: 148px; } .apply2 .progress_box .arrow_box .center_arrow>div {position: absolute; } .apply2 .progress_box .arrow_box .center_arrow>div:first-child {top: 0; } .apply2 .progress_box .arrow_box .center_arrow>div:last-child {top: 50px; } .apply2 .progress_box .arrow_box .center_arrow>div:first-child p{position: absolute; right: 20px; top: 5px; } .apply2 .progress_box .arrow_box .center_arrow>div:last-child p{position: absolute; left: 20px; bottom: 5px; } .apply2 .type_box {margin-top: 60px; margin-bottom: 80px; } .apply2 .type_box h5 {margin-bottom: 40px; } .apply2 .type_box>ul>li {width: calc(50% - 15px); border: 1px solid #E4E4E5; border-radius: 4px; padding: 20px; } .apply2 .type_box>ul>li .img_box {width: 200px; height: 270px; border-radius: 4px; overflow: hidden;} .apply2 .type_box>ul>li .img_box img {width: auto !important ; height: 100% !important; } .apply2 .type_box>ul>li .text {width: calc(100% - 220px); margin-left: 20px; } .apply2 .type_box>ul>li .text h6 {font-size: 17px; font-weight: 500; margin-bottom: 15px; text-align: left;} .apply2 .type_box>ul>li .text ul>li {margin-bottom: 7px; } .apply2 .type_box>ul>li .text ul>li:last-child {margin-bottom: 0; } .apply2 .type_box>ul>li .text ul>li p:first-child {text-align: left;width: 92px; color: #99999C; font-weight: 500; font-size: 14px; line-height: 16px; } .apply2 .type_box>ul>li .text ul>li p:last-child {text-align: left; width: calc(100% - 104px); margin-left: 12px; color: #1E1E1E; font-size: 14px; line-height: 20px; } .apply2 .type_box>ul>li .text ul>li p span {font-size: 14px; font-weight: 500; } .apply2 .process_list {width: 1000px; margin: 80px auto 40px;} .apply2 .process_list li {background: #fff; border-radius: 10px; border: 1px solid #E4E4E5; margin-bottom: 18px; padding: 28px 30px; } .apply2 .process_list li:last-child {margin-bottom: 0; } .apply2 .process_list li .num {display: inline-block; width: 21px; height: 21px; line-height: 21px; background: #56BAD9; color: #fff; border-radius: 50%; text-align: center;} .apply2 .process_list li p:nth-child(1) {font-size: 18px; line-height: 21px; color: #56BAD9; margin-right: 10px; } .apply2 .process_list li p:nth-child(2) {font-size: 16px; line-height: 21px; color: #5F5F60;} .apply2 .institution {width: 947px; margin: 0 auto 40px;} .apply2 .institution>p {margin-bottom: 20px; } .apply2 .institution ul>li {margin-bottom: 13px;} .apply2 .institution ul>li>p:first-child {width: 10%; font-size: 14px; margin-right: 8px; line-height: 24px;} .apply2 .institution ul>li>p:last-child {width: calc(90% - 8px); font-size: 14px; line-height: 1.6; } /*21-07-15*/ /*.pc_like {position:absolute; top:40px; right:-100px;} .pc_like.on {position:fixed; top:100px; right:10px;} .pc_like li {margin-top:40px;} .pc_like li:first-child {margin-top:0;} .pc_like button {width:80px; height:80px; border-radius:50%; background-color:#EF5129; font-size:15px; color:#fff;} .pc_like li:nth-child(2) button {background-color:#56BAD9;} .pc_like li:nth-child(3) button {background-color:#5F5F60;} .pc_like li button i {display:block; width:24px; height:24px; margin:0 auto 5px; background-color:#fff;}*/ .ir_download ul {display: inline-block; width: 100%; text-align:center; margin-top:15px;} .ir_download ul li {display:inline-block;} .mypage_wrap .memo .top_box .title_box div.ir_download .update_p {line-height:20px;} .mobile_like {position:fixed; bottom:0; left:0; z-index:10; width:100%;} .mobile_like li {float:left;width:50%;height:56px;} .mobile_like li button {width:100%; height:100%; font-size:15px; color:#fff;} .mobile_like li:first-child button {background-color:#D4D4D4;} .mobile_like li:first-child.on button {background-color:#fff; color:#FF3806;} .mobile_like li:nth-child(2) buTton {background-color:#56BAD9;} .mobile_like li buTton i {display:inline-block; width:20px; height:20px; vertical-align:sub; margin-right:10px; background:red;} /*------------------------------------media screen--------------------------------------------*/ @media screen and (max-width:1700px){ .fixed_save_btn {right: 20px; } .main_banner_wrap .left_list {display: none;} .index .main_banner .arrow_box , .main_banner .swiper-pagination {display: block; } } @media screen and (max-width:1234px){ /* common-----------------------------------------------*/ .footer_none footer{display: none;} .btn_wrap {margin-bottom: 20px;} .gray_btn {width: 120px; height: 50px; padding: 15px 0; } .btn_wrap .gray_btn + .submit_btn {width: calc(100% - 133px); margin-left: 10px; height: 50px; padding: 15px 0;} /*메인---------------------------------------------------*/ .popularity_wrap .swiper-slide {opacity: 1 !important; } .popularity_slider {width: calc(100% - 36px); overflow: hidden; padding-top: 75px;} /*.popularity_list li {height: 280px; }*/ /*.index .interest_list li {height: 180px; }*/ .index .interest_list li a .logo_box {height: 66px; } .index .main_banner .arrow_box {height: 18px; top:auto; bottom: 73px; width: 133px; z-index: 11;} .main_banner .swiper-button-next {top: auto; margin: 0; width: 15px; height: 12px; background-size: 15px;} .main_banner .swiper-button-prev {top: auto; margin: 0; width: 15px; height: 12px; background-size: 15px;} .main_banner .swiper-pagination {bottom: 75px;} /*고객지원----------------------------------------------------*/ .customer_service{min-height:calc(100vh - 256px);} /*뉴스피드---------------------------------------------------- */ .newsfeed .popularity_slider {padding: 30px 0 100px; } .newsfeed .popularity_slider .arrow_box{width: 150px; height: 10px; position: absolute; left: 0; right: 0; margin: auto; bottom: 51px; z-index: 15;} .newsfeed .popularity_slider .swiper-button-next {right: 0; top: auto; margin: 0; width: 18px; height: 15px; background: url(../img/icons/next_arrow2.png) center no-repeat; background-size: 6px; padding: 5px;} .newsfeed .popularity_slider .swiper-button-prev {left: 0; top: auto; margin: 0; width: 18px; height: 15px; background: url(../img/icons/prev_arrow2.png) center no-repeat; background-size: 6px; padding: 5px;} .newsfeed .popularity_slider .swiper-pagination {bottom: 51px;} .newsfeed .popularity_slider .swiper-pagination-current {position: relative; font-family: 'Godo', sans-serif; color: #56BAD9; font-size: 15px; font-weight: 400;padding-left: 10px;} .newsfeed .popularity_slider .swiper-pagination-current:after {position: absolute; content:'0'; font-family: 'Godo', sans-serif; color: #56BAD9; font-size: 15px; font-weight: 400; left: 0; top: 0; } .newsfeed .popularity_slider .swiper-pagination-total {position: relative; font-family: 'Godo', sans-serif; color: #BEBEBE; font-size: 15px; font-weight: 400; padding-left: 10px;} .newsfeed .popularity_slider .swiper-pagination-total:after {position: absolute; content:'0'; font-family: 'Godo', sans-serif; color: #BEBEBE; font-size: 15px; font-weight: 400; left: 0; top: 0;} .newsfeed .popularity_slider .fraction_circle {width: 2px; height: 2px; background: #BEBEBE; border-radius: 50%; display: inline-block; margin: 5px 20px;} .newfeed_wrap {padding: 75px 0 40px; } .newfeed_wrap .btn_wrap .more_btn {margin-bottom: 0px;} .news {min-height: calc(100vh - 51px);} .newfeed_list {margin-left: -10px; margin-right: -10px; } .newfeed_list li {width: 25%; } /*.newfeed_list li:nth-child(n+9) {display: none;}*/ .newfeed_list li .card {margin: 0 10px 35px;} /*상세*/ /*.news.detail .container {padding: 0; }*/ .event.detail .detail_view {border-bottom: none;} .detail .btn_wrap {width: calc(100% - 36px); margin: 0 auto 20px;} .event.detail .detail_view .text_area {padding-bottom: 0;} .detail_view {border-top: none;} /*.detail_view .title_area {padding-top:32px;}*/ /*.detail_view .title_area>div{width:100%;}*/ /*.detail_view .title_area .img_box{margin-top:30px;width:100%;max-height:338px;}*/ /*.detail_view .title_area .txt_box{float:none;width:100%;}*/ /*.detail_view .title_area .label {width: 100%; margin-bottom: 7px; font-size:15px;}*/ /*.detail_view .title_area h2 {font-size: 19px;margin-bottom:16px;}*/ /*.detail_view .name {font-size: 14px; margin-right: 8px;}*/ /*.detail_view .date {padding-top:1px;}*/ /*.detail_view .text_area {padding: 31px 18px; }*/ .event_detail_view + .event_detail_view {margin-top: 41px;} .radio_li {border-top: 1px solid #E4E4E5; padding-top: 41px; margin: 41px 0;} .radio_li>p {width: 100% !important; margin-bottom: 16px;} .input_list>li {margin-bottom: 41px;} .input_list>li ul>li input {height: 50px; padding: 15px 12px; border-radius: 2px;} .memo .top_box .title_box>p.update {display: block;} /* 신청서1-------------------------------------*/ .apply_page {padding: 0 0 60px; } .apply_page .title {margin-bottom: 11px;} .apply_page .btn_wrap {margin-top: 0; } .apply_page .btn_wrap p {font-size: 13px; margin-bottom: 60px;} /*신청서2-------------------------------------------- */ .apply2 .type_box>ul>li .img_box {width: 100%; height: 150px; margin-bottom: 10px; } .apply2 .type_box>ul>li .img_box img {height: auto !important;} .apply2 .type_box>ul>li .text {width: 100%; margin-left: 0; } /*신청서 상세*/ .apply_new_window .table_wrap .submit_btn{width:240px;} /*회원정보수정*/ .modify{margin-top:55px;} .modify .container{padding-top:40px;} .modify.signup2 .container{margin-top:0;} .modify .btn_wrap{display:block !important ;} .mypage { min-height: calc(100vh - 256px);} .tab_cont {min-height: calc(100vh - 384px);} /*회사소개---------------------------------------- */ .page_banner {height: 165px; } .page_banner .text {width: 80%; } .page_banner .text h1 {display: none;} .page_banner .text p {font-size: 22px; } .intro .method_box ul {padding: 0 40px 0 40px; } .intro .history .img_box {width: 50%; } .intro .history .history_list {width: calc(50% - 38px);} .intro .cont .task li p {-ms-word-break: break-all; word-break: break-all;} .intro .chart_box .right {width: calc(50% - 70px);} .intro .chart_box .right ul li {width: calc(33.333% - 11.333px); height: 100px; margin-right: 17px;} .intro .chart_box .right ul li:last-child {margin-right: 0; } .intro .chart_box .pie-chart_wrap {width: 50%;} } @media screen and (max-width:1023px){ /*메인------------------------------------------------*/ .index .interest_wrap {margin: 50px 0 0;} .index .interest_list li {height: 180px;} .index .interest_list li a .logo_box {height: 80px;} .index .interest{width:calc(100% + 36px);} .index .interest_wrap .title_wrap{padding:0 18px;} .index .interest_list_wrap{overflow-x:auto;padding-left:18px;} .index .interest_list_wrap ul{width:max-content;padding-right:36px;} .index .interest_list li{width:200px;margin-right:15px;} .index .interest_list li:nth-child(5n){margin-right:15px;} /*뉴스피드---------------------------------------------------- */ /*상세*/ .news.detail .container {padding: 0; } .detail_view .title_area {padding-top:32px;} .detail_view .title_area>div{width:100%;} .detail_view .text_area .text_area_inner{width:100%;} .detail_view .text_area .text_area_inner table{width:auto !important;} .detail_view .text_area .text_area_inner section{width:auto !important;} /*.detail_view .title_area .img_box{margin-top:30px;width:100%;height:0;padding-bottom:100%;}*/ /*.detail_view .title_area .txt_box{float:none;width:100%;}*/ /*.detail_view .title_area .label {width: 100%; margin-bottom: 7px; font-size:15px;}*/ /*.detail_view .title_area h2 {font-size: 19px;margin-bottom:16px;}*/ /*.detail_view .name {font-size: 14px; margin-right: 8px;}*/ /*.detail_view .date {padding-top:1px;}*/ /*.detail_view .text_area{padding:40px 0;}*/ /*.detail_view .text_area .text_area_inner{width:100%;}*/ .event_detail_view>li {margin-bottom: 26px;} .event_detail_view>li>:first-child {width: 30%; font-weight: 500;} .event_detail_view>li>:last-child {width: 70%; color: #5F5F60; } .event_detail_view li div{width:100% !important;} .event_detail_view li div section{width:auto !important;} .input_list>li>p {width: 100% !important; margin-top: 0; margin-bottom: 16px;} .input_list>li>:last-child {width: 100% !important;} .input_wrap {width: 100% !important; } .input_wrap li.w50 {width: calc(50% - 5px); } .input_wrap li.w50:nth-child(odd) {margin-right: 10px;} .input_list>li ul>li {width: 100%; margin-right: 0; margin-bottom: 10px;} /*mypage---------------------------------------------------------*/ .mypage .tab_cont {position: relative; } .mypage .hint {position: absolute; left: 50%; top: 40%; transform:translate(-50%,-50%); padding-top: 0;} .mypage .no_data {position: absolute; left: 50%; top: 40%; transform:translate(-50%,-50%); padding-top: 0;} .mypage .tab_ul {width: 100%;margin: 0; margin-bottom: 25px; } .mypage .tab_ul li {width: 50%; padding: 15px 0; font-size: 14px; } .mypage .tab_ul.tab_ul2 li {width: 33.333%;} .memo .top_box {/*border: none;*/ margin-bottom: 31px;} .memo .top_box .logo_box {/*width: 90px; height: 90px; border-radius: 50%;*/ border: 1px solid #f2f2f2; /*overflow: hidden;*/ } /*.memo .top_box .title_box {width: calc(100% - 105px); padding: 6px 15px; margin-left: 90px}*/ .memo .gray_bg .left {width: 100%; } .memo .gray_bg .right {width: 100%; margin-left: 0; } .memo .notice {text-align: left; color: #99999C; font-size: 14px;} .memo .notice br {display: none;} .memo .gray_bg {margin-top: 26px; padding: 20px 0 60px;} .memo .gray_bg .cont_box {margin-bottom: 20px;} .table_ul .thead {display: none;} .table_ul>li {padding: 15px 0; border-bottom: 1px solid #E4E4E5;} .table_ul>li:last-child {border-bottom: none; padding-bottom: 0;} .table_ul>li>ul>li:first-child {margin-top: 0;} .table_ul>li>ul>li {position: relative; float: none; width: 100% !important; text-align: left; padding-left: 35%; color: #333; word-break: break-all; } .memo .table_ul>li>ul>li:first-child:before {position: absolute; left: 0;content:'투자시기'; font-size: 14px; color: #99999C; } .memo .table_ul>li>ul>li:nth-child(2):before {position: absolute; left: 0;content:'투자기관명'; font-size: 14px; color: #99999C; } .memo .table_ul>li>ul>li:last-child:before {position: absolute; left: 0; content:'금액(억원)'; font-size: 14px; color: #99999C; } .mypage.apply2 .table_container {margin: 30px 0; } /*회원정보수정*/ .modify .form_ul {border: none; width: 100%; margin: 31px auto 50px; } .modify .form_ul>li {display: block; border: none; width: 100%; margin-bottom: 26px; } .modify .form_ul li>p {display: block; width: 100%; background-color: transparent; padding: 0; margin: 0; } .modify .form_ul>li input {width: 100%; height: 52px; margin-top: 11px; margin-left: 0; } .modify .form_ul>li .phone {margin: 0; } .modify .form_ul>li .phone input {width: calc(100% - 125px); } .modify .form_ul>li .phone button {width: 115px; height: 52px; padding: 7px; } .modify .submit_btn {width: 100%; height: 50px; } /*투자사------------------------------------------------------------------- */ .mypage.invest .tab_cont {padding-bottom: 65px;} .mypage.invest .table_ul.table_ul2 .master_radio_wrap {display: none;} .mypage.invest .table_ul.table_ul2.master_admin .master_radio_wrap {display: block;} .mypage.invest .table_ul.table_ul2 .phone_num {display: block;} .mypage.invest .submit_btn {width: 100%; margin-top: 0; height: 50px; } .mypage.invest .table_ul.table_ul2 li > ul {padding: 15px 20px;} .mypage.invest .table_ul.table_ul2 li > ul.selected_ul {border: 1px solid #56BAD9; position: relative;} .mypage.invest .table_ul.table_ul2 li > ul.selected_ul:after {position: absolute; content:''; width: 100%;height: 100%; left: 0; top: 0; background: rgba(86,186,217,0.08);} .mypage.invest .table_ul.table_ul2 li>ul.master {background: #f8f8f8;} .mypage.invest .table_ul.table_ul2 li>ul.master>li.name_li>a>div:first-child {width: 100%; } .mypage.invest .table_ul.table_ul2>li>ul>li {padding: 0; padding-left: 35%; margin-bottom: 11px !important; word-break: normal;} .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(7) {margin-bottom: 0 !important; } .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(1) , .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(5) ,.mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(8){display:none !important;} .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(3):before{position: absolute; left: 0;content:'아이디';font-size: 14px;color:#5F5F60;} .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(4):before{position: absolute; left: 0;content:'이메일';font-size: 14px;color:#5F5F60;} .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(6):before{position: absolute; left: 0;content:'부서';font-size: 14px;color:#5F5F60;} .mypage.invest .table_ul.table_ul2>li>ul>li:nth-child(7):before{position: absolute; left: 0;content:'주력 투자분야';font-size: 14px;color:#5F5F60;} .mypage.invest .table_ul.table_ul2 li>ul>li.name_li {margin-bottom: 16px !important; padding-bottom: 9px; padding-left: 0;} .mypage.invest .table_ul.table_ul2 li>ul>li.name_li>a>div:first-child {position: relative; } .mypage.invest .table_ul.table_ul2 li>ul>li.name_li>a>div:first-child:after {content:'일반'; position: absolute; right: -40px; font-size: 15px; font-weight: 500; color: #5F5F60; } .mypage.invest .table_ul.table_ul2 li>ul.master>li.name_li>a>div:first-child:after {content:'마스터'; position: absolute; right: 0; font-size: 15px; font-weight: 500; color: #56BAD9; } .mypage.invest .table_ul.table_ul2 li > ul>li.name_li a {width: calc(100% - 30px); } .mypage.invest .table_ul.table_ul2 li>ul>li.name_li p {font-size: 15px; color: #424244; } .mypage.invest .table_ul.table_ul2 li > ul>li.name_li:hover p {text-decoration: unset;} .mypage.invest .table_ul.table_ul2 li>ul>li.name_li p.name {font-weight: 600;} .mypage.invest .table_ul.table_ul2 li>ul>li.name_li p:last-child {margin-left: 6px; } .mypage.invest .table_ul.table_ul2 li>ul.master .radio_wrap {display: none;} .mypage.invest .table_ul.table_ul2 li>ul.master>li.name_li a {width: 100%; } .mypage.invest .table_ul.table_ul2 .radio_wrap {width: 27px; height: 27px; margin-right: -7px; margin-top: -5px; position: relative; } .mypage.invest .radio_wrap input[type="radio"] + label {width: 25px; height: 25px; left: 0; } .mypage.invest .radio_wrap input[type="radio"] + label:after {width: 13px; height: 13px; transform: translate(-53%,-54%);} .mypage.modify.invest .sub_title{display:none;} .mypage.invest.modify .mo_title{display:block;} .mypage.modify.invest .table_wrap{padding-bottom:0px;padding-top:25px;} .mypage.modify.invest .table_wrap table{min-width:100%;display:block;border-top:none;margin-bottom:40px;} .mypage.modify.invest .table_wrap table tr{border-bottom:none;} .mypage.modify.invest .table_wrap table th{display:block;border-right:none;background:transparent;padding:0 0 10px 0;} .mypage.modify.invest .table_wrap table th br{display:none;} .mypage.modify.invest .table_wrap table td{display:block;border-right:none;padding:0 0 30px 0;} .mypage.modify.invest .table_wrap table td .file_up_wrap{width:100% !important;} .mypage.modify.invest .table_wrap table td .file_up_wrap + .gray_txt {margin-left:0;} .mypage.modify.invest .table_wrap table td .input_wrap input{width:100% !important;} .mypage.modify.invest .table_wrap table td .input_wrap input:first-child{margin-bottom:10px;} .mypage.modify.invest .table_wrap table td .input_wrap2{width:100% !important;} .mypage.modify.invest .table_wrap table td .input_wrap2 + .input_wrap2{margin-left:0;margin-top:10px;} .mypage.modify.invest .table_wrap table td input.width_50{width:100% !important;} .mypage.invest.modify .table_wrap .checkbox_wrap{margin-top:12px;} .mypage.invest.modify .table_wrap .checkbox_wrap li{width:50%;margin-right:0px;margin-bottom:10px;} .mypage.invest.modify .radio_wrap{margin-top:12px;} .mypage.invest.modify .radio_wrap input[type="radio"] + label{left:unset;} .mypage.invest.modify .btn_wrap .submit_btn{width:100% !important;} .mypage.investor_news .btn.line_btn {width: 120px; height: 30px; margin-top: 20px; margin-right: 18px; font-size: 14px;} .mypage.investor_news .table tbody td a {text-align: right;} /*table_laylout------------------------------------ */ .container.table_container {width: 100%;} .table {border-top: none; } .table , .table thead,.table tbody,.table th,.table td,.table tr {display: block; } .table thead {display: none;} .table thead tr { position: absolute;top: -9999px;left: -9999px;} .table tbody tr:first-child {padding-top: 6px;} .table tr {padding: 23px 18px; border-bottom: 1px solid #E4E4E5;} .table tbody tr td {position: relative; padding: 0; padding-left: 30%; text-align: right !important; margin-bottom: 10px; border-bottom: none; font-size: 16px; color: #424244; } .table tbody td a {color: #424244;} .table tbody tr td span {text-align: right; display: block; margin-top: 5px;} .table tbody tr td:last-child {margin-bottom: 0;} .table td:before { position: absolute;top: 0px;left: 0px;width: 30%; padding-right: 10px; white-space: nowrap; font-size: 15px; text-align: left; color: #5F5F60; } .mypage.apply .table td:nth-of-type(1):before { content: "지원유형"; } .mypage.apply .table td:nth-of-type(2):before { content: "회차"; } .mypage.apply .table td:nth-of-type(3):before { content: "진행상태";} .mypage.apply .table td:nth-of-type(4):before { content: "신청일"; } .mypage.apply .table td:nth-of-type(5):before { content: "관리"; } .mypage.apply2 .table td:nth-of-type(1):before { content: "행사명"; } .mypage.apply2 .table td:nth-of-type(2):before { content: "행사일시"; } .mypage.apply2 .table td:nth-of-type(3):before { content: "행사장소";} .mypage.apply2 .table td:nth-of-type(4):before { content: "신청 마감일"; } .mypage.investor .table {margin: 31px 0;} .mypage.investor_news .table td:first-child {display: none;} .mypage.investor_news .table tr.no_data td{display: block !important;} .mypage.investor_news .table td:nth-of-type(2):before { content: "제목"; } .mypage.investor_news .table td:nth-of-type(3):before { content: "작성자"; } .mypage.investor_news .table td:nth-of-type(4):before { content: "등록일";} .mypage.results .table td:nth-of-type(1):before { content: "기업명"; } .mypage.results .table td:nth-of-type(2):before { content: "주요생산품"; } .mypage.results .table td:nth-of-type(3):before { content: "대표 전화번호"; } .mypage.results .table td:nth-of-type(4):before { content: "담당자이름"; } .mypage.results .table td:nth-of-type(5):before { content: "담당자 전화번호"; } .mypage.results .table td:nth-of-type(6):before { content: "신청일"; } .mypage.results .table td:nth-of-type(7):before { content: "진행상태"; } /*신청서--------------------------------------------------- */ .apply_page .table {margin: 0 0 60px; } .apply2 .process_list {width: 100%; margin: 35px 0 30px; } .apply2 .institution {width: 100%; } /*회사소개----------------------------------------------------*/ .intro .cont {margin-bottom: 60px;} .intro .cont .sub_title {margin-bottom: 16px;} .intro .cont .sub_title h2 {font-size: 18px; padding-bottom: 10px;} .intro .cont .sub_title h2 span {font-size: 18px;} .intro .cont .sub_title .line {height: 30px;} .intro .cont.first {padding-top: 35px; } .intro .cont.first h3 {font-size: 16px; margin-bottom: 28px; } .intro .cont.first p {font-size: 14px; line-height: 1.5;} .intro .cont .task li {width: 100%; height: 185px; margin-right: 0; padding: 25px 10px; } .intro .cont .task li h3 {font-size: 16px; margin-bottom: 12px;} .intro .cont .task li img {height: 40px; margin-bottom: 16px;} .intro .cont .task li p {font-size: 14px; } .intro .cont .task li p br {display: none;} .intro .method_box {margin-top: 45px; border: none; padding: 0; } .intro .method_box div p {font-size: 16px; font-weight: 500; margin-bottom: 10px;} .intro .method_box div p:nth-child(2) {font-size: 13px; font-weight: 400; margin-bottom: 35px;} .intro .method_box div p:nth-child(3) {display: block; text-align: left; font-size: 14px; color: #1E1E1E; margin-bottom: 15px;} .intro .method_box ul {width: 100%; margin-top: 0; padding-left: 0; padding-right: 0;} .intro .method_box ul:first-child {border: none; margin-bottom: 12px;} .intro .method_box ul li {font-size: 14px; margin-bottom: 12px;} .intro .gray_bg {margin-bottom: 60px; padding-top: 35px; } .intro .gray_bg .cont {margin-bottom: 40px; } .intro .gray_bg .img_box {width: 100%; height: 225px; margin-bottom: 16px;} .intro .history .history_list {width: 100%; margin-left: 0; } .intro .history .history_list h3 {font-size: 16px; margin-bottom: 27px; line-height: 22px; } .intro .history .history_list h3 span {font-size: 16px; } .intro .history .history_list ul li {border-bottom: 1px dashed #D2D2D2; border-width: 2px; padding-bottom: 16px; margin-bottom: 16px;} .intro .history .history_list ul li p:first-child {font-size: 14px; margin-right: 0;} .intro .history .history_list ul li p:last-child {width: calc(100% - 50px); font-size: 14px; border-bottom: none; padding-bottom: 0; } .intro .cont .chart_box h3 {margin-top: 0; font-size: 16px; } .intro .cont .chart_box h3 span {font-size: 16px;} .intro .cont .chart_box h3 br {display: none; } .intro .chart_box .pie-chart_wrap {width: 80%; margin-right: 0; } /* .intro .chart_box .pie-chart_wrap .lable2 {left: auto; right: 355px;}*/ .intro .chart_box .right {width: 100%; margin-bottom: 40px; } .intro .chart_box .right ul li {height: 150px; } } @media screen and (max-width:1000px){ /*신청서 상세*/ .apply_new_window .table_wrap{overflow-x:auto;} } @media screen and (max-width:767px){ .table tbody td .border_btn {width: 54px; height: 27px; padding: 4px;} /*메인------------------------------------------------*/ .index .title {width: 100%; font-size: 18px; margin-bottom: 14px; } .index .interest_label {margin: 0; } .interest_slider .slide_arrow_box {display: none;} .index .main_banner {height: 700px; } .index .newfeed_wrap .title_wrap {margin-bottom: 21px;} .index .newfeed_wrap .title {width: calc(100% - 90px);} /*메인배너*/ .index .main_banner ul li.slide2 {background: url(../img/main_banner2_mo.jpg) center no-repeat; background-size: cover; } .index .main_banner ul li.slide3 {background: url(../img/main_banner3_mo.jpg) center no-repeat; background-size: cover; } .index .main_banner ul li .text_box {width: 85%; } .index .main_banner ul li .text_box h1 {font-size: 27px; margin-bottom: 25px; } .index .main_banner ul li .text_box p {font-size: 17px; line-height: 27px; } .index .main_banner ul li .text_box>a {width:133px; height:40px; font-size: 14px; margin-top: 51px; line-height: 37px; } /* 뉴스피드-------------------------------------------*/ .newfeed_list li h3 {font-size: 14px; line-height: 19px; height: 38px; margin-bottom: 10px; } .newsfeed .newfeed_wrap {padding: 51px 0 60px;} .newsfeed .btn_wrap button {width: 90px; height: 39px; border-radius: 4px; font-size: 14px;} .newfeed_wrap .plus_btn {font-size: 13px; line-height: 32px;} .newfeed_list .thumbnail_wrap {margin-bottom: 8px; } /*.newfeed_list li:nth-child(n + 5) {display: none;}*/ .newfeed_list li .lable {font-size: 15px;} .newfeed_list li .text {height: auto; } .newfeed_list li h3 {font-size: 14px; line-height: 19px; max-height: 38px; margin-bottom: 10px; } .newfeed_list li .text>p {height: 40px; } .newfeed_list li p {font-size: 14px; line-height: 20px;} .newfeed_list li p.date {font-size: 12px; line-height: 23px; } .newfeed_list li button {display: none;} /*인기뉴스피드*/ .popularity_slider {margin: 0 auto; padding-bottom: 75px;} /*.popularity_list li {height: 230px; }*/ /*뉴스피드상세*/ /*.news.detail .container {padding: 0; }*/ /*.detail_view .title_area {padding-top:32px;}*/ .detail_view .title_area>div{width:100%;margin: 0 auto 30px;} .detail_view .title_area .img_box{margin-top:30px;width:185px;height:0;padding-bottom:185px;} .detail_view .title_area .txt_box{float:none;width:100%;} .detail_view .title_area .label {width: 100%; margin-bottom: 7px; font-size:15px;} .detail_view .title_area h2 {font-size: 19px;margin-bottom:16px;} .detail_view .name {font-size: 14px; margin-right: 8px;} .detail_view .date {padding-top:1px;} .detail_view .text_area{padding:40px 0;} .detail_view .text_area .text_area_inner{width:100%;} /*mypege-------------------------------------------*/ .mypage .sub_menu ul {height: 55px; overflow-x: auto; white-space: nowrap;} .mypage .sub_menu li a {padding: 17px 25px;} /*회사소개-------------------------------------------- */ .intro .chart:after {content: ''; display: block; clear: both;} .intro .chart_box {padding: 0; border: none;} .intro .chart_box .right ul li {height: 90px;} .intro .chart_box .pie-chart_wrap {width: 100%; } .intro .chart_box .pie-chart {width: 256px; height: 256px; margin-left: 60px; } .intro .chart_box .pie-chart_wrap .label {width: 256px; height: 256px;} .intro .chart_box .pie-chart_wrap .lable2 {left: auto; right: 270px; width: auto; } .intro .chart_box .pie-chart_wrap .lable2 li {margin-left: 0; } .intro .chart_box .pie-chart_wrap .lable2 li br {display: block;} .intro .chart_box .pie-chart_wrap .lable2 li:after {transform:none;} .intro .chart_box .pie-chart_wrap .lable2 li:first-child {top: -100px; left: 30px; text-align: center;} .intro .chart_box .pie-chart_wrap .lable2 li:first-child:after {right: -80px; top: 92px; } .intro .chart_box .pie-chart_wrap .lable2 li:first-child:before {position: absolute; content:''; width: 1px; height: 50px; background: #5F5F60; top: 42px; left: 30px;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(2) {top: -75px; left: 0; margin-left: 0; text-align: center;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(2):after {top: 44px; right: -74px; } .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(2):before {position: absolute; content:''; width: 1px; height: 10px; background: #5F5F60; top: 35px; left: 24px;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(3) {top: -30px; left: 0; margin-left: 0; text-align: center;} .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(3):after {top: -17px; right: -72px; } .intro .chart_box .pie-chart_wrap .lable2 li:nth-child(3):before {position: absolute; content:''; width: 1px; height: 10px; background: #5F5F60; top: -16px; left: 22px;} .intro .chart_box .pie-chart_wrap .label li:nth-child(4) {left: 54px; bottom: 50px; } .intro .chart_box .pie-chart_wrap .label li:nth-child(5) {left: 19px; bottom: 92px; } /*신청서2-------------------------------------------- */ .apply_page.apply2 .gray_bg {padding: 40px 0 0; } .apply2 .gray_box {padding: 0; background: #fff; border-radius: 0;border-top: 1px solid #E4E4E5; margin-top: 26px; padding-top: 26px; } .apply2 .gray_box h5 {font-size: 15px; margin-bottom: 20px;} .apply2 .progress_box ul.box {width: 100%; } .apply2 .progress_box ul.box li:first-child {margin-bottom: 275px;} .apply2 .progress_box ul.box li>div {width: calc(50% - 9px); height: 70px;} .apply2 .progress_box ul.box li>div::after {width: calc(100% - 10px); height: calc(100% - 10px);} .apply2 .progress_box ul.box li>div p {font-size: 13px; } .apply2 .progress_box .arrow_box {width: 100%; top: 80px; } .apply2 .progress_box .arrow_box ul li {margin-bottom: 10px;} .apply2 .progress_box .arrow_box ul li p , .apply2 .progress_box .arrow_box .center_arrow>div p {font-size: 12px;} .apply2 .progress_box .arrow_box .arrow:after {width: 17px; height: 17px; line-height: 17px; font-size: 11px; } .apply2 .progress_box .arrow_box ul li:first-child img , .apply2 .progress_box .arrow_box ul li:last-child img{width: 74px; } .apply2 .progress_box .arrow_box ul li:first-child p {margin: auto; margin-top: 7px; } .apply2 .progress_box .arrow_box ul li:nth-child(2) div p {width: 100%; margin: auto; float: none; } .apply2 .progress_box .arrow_box ul li:nth-child(2) div img {height: 104px; } .apply2 .progress_box .arrow_box ul li:nth-child(2) div .arrow {float: none;} .apply2 .progress_box .arrow_box ul li:nth-child(2)>div {width: calc(50% - 9px); text-align: center;} .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:first-child>div {margin-right: 50%; } .apply2 .progress_box .arrow_box ul li:nth-child(2)>div:last-child>div {margin-left: 35%; } .apply2 .progress_box .arrow_box .center_arrow {width: 160px; height: 102px; } .apply2 .progress_box .arrow_box .center_arrow>div:first-child {top: 0; right: 0; } .apply2 .progress_box .arrow_box .center_arrow>div:last-child {top: 0;} .apply2 .progress_box .arrow_box .center_arrow>div:first-child p {right: 0; } .apply2 .progress_box .arrow_box .center_arrow>div:last-child p {left: 0; } .apply2 .progress_box .arrow_box .center_arrow img {width: 105px; transform: rotate(20deg); } .apply2 .type_box>ul>li {width: 100%; padding: 17px; margin-bottom: 20px; } .apply2 .type_box>ul>li .text h6 {font-size: 15px; margin-bottom: 18px; } .apply2 .type_box>ul>li .text ul>li {margin-bottom: 8px; } .apply2 .type_box>ul>li .text ul>li p {font-size: 14px;} .apply2 .process_list li {text-align: center; } .apply2 .process_list li p:nth-child(1) {font-size: 15px; margin-bottom: 15px; float: none;} .apply2 .process_list li p:nth-child(2) {font-size: 14px;} .apply2 .institution ul>li {margin-bottom: 25px; } .apply2 .institution ul>li>p:first-child {width: 20%; font-size: 14px; } .apply2 .institution ul>li>p:last-child {width: calc(80% - 8px); margin-left: 0; font-size: 13px; } } @media screen and (max-width:480px){ /*메인------------------------------------------------*/ .index .main_banner ul li a .text_box h1 {font-size: 27px; margin-bottom: 29px; line-height: 40px;} .index .main_banner ul li a .text_box p {font-size: 17px; line-height: 27px;} .index .interest .title_wrap {padding-right: 18px; } .index .interest_list li {height: 210px;} .index .interest_list li a .logo_box {height: 100px; margin-bottom: 14px;} .index .interest_list li a h3 {font-size: 16px; font-weight: bold; margin-bottom: 11px;} .index .interest_list li a p {font-size: 14px;} .popularity_slider {width: 100%; } /*.popularity_list li {height: 363px;}*/ .newfeed_list {margin-left: -8px; margin-right: -8px;} .newfeed_list li {width: 50%; } .newfeed_list li .card {margin: 0 8px 26px;} /*고객지원---------------------------------------------*/ .customer_service{padding-top:10px;} .customer_service .container{max-width:100%; width: 100%; } .customer_service .top_wrap {width: calc(100% - 36px); margin: auto; text-align: center;} .customer_service .top_wrap h2 {width: 100%; margin-top: 30px; margin-bottom: 21px; } .customer_service .top_wrap select{float: none; width:200px;} .question_list{margin-top:20px; } .question_list li:first-child{border-top:none;} .question_list li.on .toggle{font-weight:normal;} .question_list li .toggle span{font-size:14px;width:calc(100% - 25px);} .question_list li .toggle img{width:17px;} .question_list li .answer {padding: 20px;} .question_list li .answer p{white-space:normal;font-size:14px;} .customer_service .btn_wrap{margin-bottom:50px;} /*company_detail---------------------------------------------*/ .memo .video_player > iframe { /*width:339px; height:191px; margin-top:41px;*/} } /***** 07월 15일 수정*****/ /*.memo .top_box{ width: 670px; }*/ .rtl{text-align: right;} @media screen and (max-width:1023px){ .memo .top_box{width: 100%;} .rtl{text-align: left;} .ir_download > a {width: 100%;} .memo .gray_bg .cont_box ul li p:last-child {text-align: left;} .memo .gray_bg .cont_box:last-child ul li p:last-child {text-align: right;} .memo .memo_box {width:80px;} .memo .memo_box.memo_change {width:110px;} } @media screen and (max-width:1234px){ /*마이페이지*/ .memo .top_box {width:100%;} .memo .video_player, .memo .video_player iframe {width:100%; /*height:500px;*/} .ir_download > a, .ir_download .update_p {width:50%;} } @media screen and (max-width:420px){ .memo .top_box .logo_box .info_top {padding:35px 0 35px 30px;} .memo .top_box .logo_box div.img {width:90px;} .memo .top_box .logo_box div.img img {width:100%;} .memo .top_box .logo_box div.info {width: calc(100% - 90px); padding-left:15px;} .memo .top_box .logo_box div.info h1 {font-size:18px;} .memo .top_box .logo_box div.info p {font-size:14px;} .memo .top_box .logo_box .info_top img {padding:16px 0;} .memo .top_box .title_box>div:first-child {padding:26px 0 20px; text-align:center;} .ir_download > a, .ir_download .update_p {float:none; display:block; width:100%;} .ir_download .update_p {font-size:13px; line-height:normal; margin-top:20px;} /* .memo .video_player, .memo .video_player iframe {height:190px;}*/ .memo .top_box .logo_box div.info p {width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ir_download .update_p {border-left:none;} } /*21-07-19 홍유진 수정*/ .video_alert {position:absolute; bottom:20px; right:20px; z-index:1; font-size:12px; color:#fff; text-align:right;} .seoul_img {position:absolute; bottom:60px; right:20px; z-index:1; width:150px;} @media screen and (max-width:767px){ .index .main_banner .arrow_box, .main_banner .swiper-pagination {bottom:150px;} } @media screen and (max-width:450px){ .video_alert {width:100%; right:auto; text-align:center; font-size:10px; line-height:normal; bottom:10px;} .seoul_img {width:90px; bottom:50px; right:auto; left:50%; transform:translateX(-50%);} .index .main_banner .arrow_box, .main_banner .swiper-pagination {bottom:100px;} /* .video_alert .mb_br {display:block;}*/ } @media screen and (max-width:420px){ .memo .top_box {margin-bottom:-26px;} }