/* ------------------------------ PC Guide ------------------------------ */ @media screen and (max-width:1720px){ .main_navi {display:none;} } /* ------------------------------ PC Guide ------------------------------ */ @media screen and (max-width:1600px){ /* header */ .header .logo {left:20px;} .header .gnb {padding:0 260px 0 325px;} .header .gnb .menu > a {font-size:16px; padding:0 30px;} .header .btns {right:68px;} .header .btn_menu {right:20px;} .header.hover .menu {min-width:150px;} .header.hover:before {height:472px;} /* footer */ .quick {right:20px;} /* main */ .main_wrap .mc01 .inner {gap:1%;} .main_wrap .mc01 .left {width:43%;} .main_wrap .mc01 .left .links {gap:10px;} .main_wrap .mc01 .left .links a {width:calc((100% - 20px)/3);} .main_wrap .mc01 .center {width:32%;} .main_wrap .mc01 .right {width:23%;} .main_wrap .mc01 .contact {margin-top:15px; padding:40px 32px;} .main_wrap .mc01 .contact dt {font-size:16px; line-height:29px;} .main_wrap .mc01 .contact dd {font-size:22px;} /* .main_wrap .mc01 .member_in {height:407px;} */ .main_wrap .mc01 .right .wbox:first-child, .main_wrap .mc01 .right .links {padding:20px 32px;} .main_wrap .mc01 .right .links .list {height:392px;} .main_wrap .mc01 .right .links .list a {font-size:15px; width:100%; height:89px;} .main_wrap .mc02 .inner {gap:2%;} .main_wrap .mc02 .left {width:33%;} .main_wrap .mc02 .right {width:65%;} .main_wrap .mc03 .top {gap:1%;} .main_wrap .mc03 .top .box_half {width:49.5%;} /* 유전체 분석의뢰 */ .genome_list .box {padding:26px 26px 104px;} .genome_list dt {width:60px;} .genome_list dd {width:calc(100% - 60px);} /* 연혁 */ .history {padding-left:450px;} .history .years li {font-size:35px;} .history .years li.on {font-size:50px;} .history.start .years {left:20px; margin-left:0;} /* 기기실 상세 */ .equipment_list .imgfit {height:27vw;} .equipment_view.start .info {left:20px; margin-left:0;} } /* ------------------------------ PC Guide ------------------------------ */ @media screen and (max-width:1440px){ br.pc_vw {display:none;} /* header */ .header {height:80px;} .header .logo {line-height:80px; width:220px;} .header .gnb {padding:0 222px 0 250px;} .header .gnb .menu > a {font-size:15px; padding:0 10px; line-height:80px;} .header .btns a {font-size:13px; height:80px; padding:0 5px;} .header.hover .menu {min-width:120px;} .header.hover .menu > a {width:calc(100% - 20px); padding:0 5px;} .header.hover .gnb1 > a {transform:translateX(90px);} .header.hover .gnb2 > a {transform:translateX(55px);} .header.hover .gnb3 > a {transform:translateX(10px);} .header.hover .gnb4 > a {transform:translateX(-10px);} .header.hover .gnb5 > a {transform:translateX(-55px);} .header.hover .gnb6 > a {transform:translateX(-90px);} .header .gnb .snb a {font-size:14px; padding:10px 0;} .header .sitemap {padding-top:80px;} .header .sitemap .menu > a {font-size:24px; width:200px;} .header .sitemap .menu .snb {width:calc(100% - 200px); gap:10px 30px;} .header .sitemap .menu .snb a {font-size:16px; line-height:34px;} .header.on .logo {left:20px;} .header.on .btns {right:68px;} .header.on .btn_menu {right:20px;} /* footer */ .footer .family dt {width:240px;} .quick {bottom:20px;} .unfixed .quick {bottom:calc(100% + 20px);} /* main */ .main_wrap .inner {padding-top:80px;} .mbanner_wrap .mv_navi {bottom:15px; right:15px;} .wbox {padding:24px;} .main_wrap .mtit {font-size:22px; line-height:30px; padding-bottom:10px; margin-bottom:10px;} .main_wrap .mtit.mb {margin-bottom:15px;} .main_wrap .more {width:30px; height:30px;} .main_wrap .more:before {width:12px;} .main_wrap .more:after {height:12px;} select.text {height:52px; padding:0 18px; font-size:16px;} .main_wrap select.text {height:52px; margin-bottom:5px;} .main_wrap select.text + select.text {margin-bottom:10px;} .main_wrap .mc01 .left .tit {font-size:24px;} .main_wrap .mc01 .left .search_area {height:50px; padding-right:100px;} .main_wrap .mc01 .left .search_area .text {font-size:16px; height:46px; padding:0 24px;} .main_wrap .mc01 .left .search_area .btn {right:5px; width:90px; height:38px; line-height:38px; font-size:14px;} .main_wrap .mc01 .left .quick_keyword {margin:16px 0 24px;} .main_wrap .mc01 .left .quick_keyword .tt {font-size:14px; line-height:28px; width:150px;} .main_wrap .mc01 .left .quick_keyword .cn {width:calc(100% - 150px); gap:4px; height:28px;} .main_wrap .mc01 .left .quick_keyword .cn a {font-size:13px; line-height:26px; height:28px;} .main_wrap .mc01 .left .links a {font-size:15px; padding:12px; background-size:28px 30px;} .main_wrap .mc01 .left .links a:after {width:18px; height:22px;} .main_wrap .mc01 .left .mbanner_wrap {margin-top:22px;} .main_wrap .mc01 .left .mbanner01 {height:16vw;} .main_wrap .mc01 .left .mbanner02 {height:9vw;} .main_wrap .imgfit, .main_wrap .mc01 .center .mbanner {height:25vw;} .main_wrap .btn_i {font-size:14px;} .main_wrap .mc01 .login_box .text {height:42px; padding:0 16px;} .main_wrap .mc01 .login_box .text + .text {margin-top:8px;} .main_wrap .mc01 .login_box .btn {font-size:14px; line-height:42px; height:42px;} .main_wrap .mc01 .login_box .btns {gap:11px; padding-top:12px;} .main_wrap .mc01 .login_box .btns a {font-size:13px;} .main_wrap .mc01 .login_box .btns a:before {left:-6px} .main_wrap .mc01 .contact {margin-top:10px; padding:18px 20px;} .main_wrap .mc01 .contact .mtit {padding-bottom:10px;} .main_wrap .mc01 .contact dl {flex-direction:column; align-items:flex-start; gap:5px;} .main_wrap .mc01 .contact dt {font-size:16px; line-height:28px; padding-left:38px;} .main_wrap .mc01 .contact dt:before {width:28px; height:28px;} .main_wrap .mc01 .contact dd {font-size:20px;} .main_wrap .mc01 .contact dd span {display:block; font-size:14px; margin:5px 0 0;} .main_wrap .mc01 .contact .i1 {margin-bottom:15px;} /* .main_wrap .mc01 .member_in {height:calc(25vw + 84px);} */ .main_wrap .mc01 .right .wbox:first-child, .main_wrap .mc01 .right .links {padding:20px 24px;} .main_wrap .mc01 .right .links .list {height:calc(25vw + 14px);} .main_wrap .mc01 .right .links .list a {font-size:15px; width:100%; height:5.6vw;} .imgfit .type {top:10px; left:10px; gap:4px;} .imgfit .type li {font-size:14px; padding:0 4px;} .main_wrap .mc02 .month_area {gap:20px; margin-bottom:15px;} .main_wrap .mc02 .month_area .month {padding:10px 20px;} .main_wrap .mc02 .month_area .month .to {width:100px; height:30px; line-height:30px; font-size:20px;} .main_wrap .mc02 .month_area .month .arrow {width:30px; height:30px;} .main_wrap .mc02 .days_area {width:calc(100% - 238px); padding-right:80px;} .main_wrap .mc02 .days_area .arrow_prev {right:38px;} .main_wrap .mc02 .days_area .arrow_next {right:0;} .main_wrap .mbanner05 .box {height:calc(25vw + 112px); padding:20px 12px 80px;} .main_wrap .mbanner05 .heart {top:20px; right:12px;} .main_wrap .mbanner05 .name {font-size:16px; line-height:24px; margin:12px 0 6px;} .main_wrap .mbanner05 p {font-size:13px; margin-bottom:24px;} .main_wrap .mbanner05 .list {height:150px;} .main_wrap .mbanner05 .list li {font-size:13px; line-height:28px; margin-bottom:8px; gap:6px;} .main_wrap .mbanner05 .list li .state {width:58px; height:28px; margin-right:4px;} .main_wrap .mbanner05 .navi {bottom:-10px;} .main_wrap .mc03 .jq_tab button {font-size:24px; line-height:30px;} .main_wrap .mc03 .board .more {top:-63px;} .main_wrap .mc03 .board .list a {font-size:15px; line-height:58px; height:58px; padding:0 110px 0 15px;} .main_wrap .mc03 .board .list a span {width:110px;} .main_wrap .mc03 .top .box_half {height:300px;} .main_wrap .mc03 .btm .list {margin:0 -12px;} .main_wrap .mc03 .btm .slick-slide {padding:0 12px;} .main_wrap .mc03 .btm .box {height:180px; padding:24px;} .main_wrap .mc03 .btm .state {font-size:13px; line-height:20px; height:20px; padding:0 12px;} .main_wrap .mc03 .btm .tit {font-size:18px; margin-top:10px;} .main_wrap .mc03 .btm .btns {bottom:16px; left:24px; width:calc(100% - 48px); gap:8px;} .main_wrap .mc03 .btm .btns .btn, .main_wrap .mc03 .btm .btns .btn_link {width:calc(50% - 4px); height:40px; line-height:38px; padding:0 10px; font-size:13px;} .main_wrap .mc03 .btm .btns .btn:after, .main_wrap .mc03 .btm .btns .btn_link:after {right:7px;} /* 풀페이지 아닌 경우 */ .main_notfull.main_wrap .mc01 .inner {padding-top:140px; padding-bottom:20px; gap:20px;} .main_notfull.main_wrap .mc01 .right {width:calc(28.25% - 40px);} .main_notfull.main_wrap .mc02 .inner {padding-bottom:20px; gap:20px;} .main_notfull.main_wrap .mc02 .right {width:calc(67.9125% - 20px);} .main_notfull.main_wrap .mc03 .inner {padding-bottom:20px;} .main_notfull.main_wrap .mc03 .top {gap:20px;} .main_notfull.main_wrap .mc03 .top .box_half {width:calc(50% - 10px);} .main_notfull.main_wrap .mc03 .btm {margin-top:20px;} /* sub */ .sub_head {margin-top:80px; padding-top:80px; margin-bottom:60px; height:260px;} .sub_head .aside a {font-size:14px; width:auto; flex:0 0 calc(100%/8);} .stitle {font-size:36px; line-height:1;} .container {font-size:16px;} /* 직접사용/조작대행 */ .use_operation_wrap .type_list .box {padding:16px; margin-bottom:10px;} .use_operation_wrap .infobox .tit {font-size:22px; line-height:34px;} .use_operation_wrap .infobox p {font-size:15px; margin-bottom:30px;} .use_operation_wrap .infobox .imgfit {height:26vw;} .use_operation_wrap .contact_slide_area {padding:24px;} .use_operation_wrap .jq_tab {justify-content:center;} .use_operation_wrap .jq_tab button {font-size:18px;} .use_operation_wrap .contact_slide_area .navi {top:-10px; left:50%; right:auto; transform:translateX(-50%);} .contact_slide_area .cont {padding-top:30px;} .use_operation_wrap .contact_slide a {padding:16px 0;} .use_operation_wrap .contact_slide .tt {font-size:16px;} .use_operation_wrap .contact_slide p {font-size:14px;} .month_board .flex_center {padding:0 62px 0 233px;} .month_board .type_select .btn {font-size:15px; line-height:32px; padding:0 15px;} .month_board .head .state {flex-direction:column; gap:0;} .type_board thead th, .type_board tbody td, .type_board tbody td.num {font-size:14px;} .type_board col.num, .type_board col.use {width:60px;} .type_board col.email {width:130px;} .type_board col.date {width:90px;} .type_board col.statebox {width:70px;} .month_board .board_bottom .paging {margin-top:25px;} /* 상세 */ .use_operation_view {gap:2%;} .use_operation_view .view_info {width:26%;} .use_operation_view .imgfit {height:20vw;} .use_operation_view .imgfit .type li {font-size:11px;} .use_operation_view .tit {font-size:22px; line-height:28px;} .use_operation_view p {font-size:14px;} .use_operation_view .info_txt {padding-top:15px; margin-top:15px;} .info_txt dl {font-size:15px;} .info_txt dt {width:90px;} .info_txt dd {width:calc(100% - 90px);} .memo_area .text_box {height:280px; padding:16px;} .use_operation_view .view_cont {width:72%;} .tbl col.th {width:22%;} .tbl col.tdh {width:16%;} /* 유전체 분석의뢰 */ .genome_list {gap:10px;} .genome_list .box {width:calc((100% - 40px)/5); padding:20px 15px 104px;} .genome_list i {width:50px; height:50px; margin-bottom:10px;} .genome_list .tit {font-size:18px;} .genome_list .dls {margin-top:10px; padding-top:24px; font-size:15px;} .ngs_item_list {gap:30px 10px;} .ngs_item_list a {width:calc((100% - 20px)/3);} .ngs_item_list .imgfit {height:27vw;} .ngs_item_list p {font-size:18px;} /* 예약신청 */ .application_form {padding:60px 80px;} .application_form .title {font-size:32px;} .ntit {font-size:22px; margin:60px 0 12px;} .board_write th {width:200px;} .board_write.th_white th {font-size:15px;} .board_write.th_white td {font-size:15px;} .add_wrap th, .add_wrap td {padding:8px 5px;} .neukkim_box {padding:40px 30px;} .neukkim_box.mtb {margin:60px 0 40px;} .btn_submit {margin-top:50px;} /* 예약 완료 */ .end_page_wrap .tit {font-size:32px;} /* 기기사용절차 */ .usage_procedures .tit {font-size:18px;} /* 층별안내 */ .floor_guide dl {font-size:18px;} /* 찾아오시는 길 */ .directions_wrap .tit {font-size:28px; margin-bottom:24px;} .directions_wrap .garea {margin-top:30px; padding:30px 20px;} .directions_wrap .garea dl {flex-direction:column; gap:5px;} .directions_wrap .garea dt, .directions_wrap .garea dd {width:100%; padding-left:32px;} /* 게시판 상단 */ .board_top {margin-bottom:12px; font-size:15px;} .board_top .left {gap:20px;} .board_top .left .text {width:180px;} .board_top .search_area select.text {width:120px;} .board_top .search_area input.text {width:280px;} .board_top .datepicker_box {width:180px;} /* 게시판 목록 */ .board_list th, .board_list td {height:70px;} .board_list th {font-size:14px;} .board_list col.num {width:80px;} .board_list col.device {width:150px;} .board_list col.device2 {width:240px;} .board_list col.schedule {width:300px;} .board_list col.writer {width:70px;} .board_list col.date {width:110px;} .board_list col.attachment {width:100px;} .board_list col.attachment2 {width:80px;} .board_list col.hit {width:80px;} .board_list col.btns {width:100px;} .board_list td {font-size:14px;} .board_list .flex_center {gap:5px;} /* 게시판 상세 */ .info_icons li {font-size:15px;} .states li {font-size:12px; line-height:26px; height:26px; padding:0 8px;} .state_type2 .state {padding:0 5px;} /* popup */ .popup {font-size:16px;} .popup .tit.b {font-size:26px;} .pop_result {padding:24px 30px 30px;} /* 인사말 */ .greeting .tit {font-size:28px; padding-right:15px;} .greeting .txt {padding-left:40px;} .greeting .tt {font-size:20px;} /* 설립목적 */ .purpose_establishment .head {left:-150px; width:300px; height:300px;} .purpose_establishment .head i {background-position:calc(100% - 20px); background-size:calc(50% - 20px);} .purpose_establishment ul {padding-left:200px;} .purpose_establishment li {padding-left:160px; gap:10px; height:130px;} .purpose_establishment li i {width:130px; height:130px; background-size:50% 50%;} .purpose_establishment strong {font-size:20px;} .purpose_establishment p {font-size:17px;} .purpose_establishment .line {width:110px; left:-160px;} .purpose_establishment .i2, .purpose_establishment .i3 {margin-left:150px;} .purpose_establishment li:before {left:-150px; width:150px;} .purpose_establishment .i2:after, .purpose_establishment .i3:after {left:-150px;} .purpose_establishment .i1:after {margin-top:95px;} .purpose_establishment .i1 .line {transform:translateY(50px) rotate(-62deg);} .purpose_establishment .i4:after {margin-top:-95px;} .purpose_establishment .i4 .line {transform:translateY(-50px) rotate(62deg);} /* 연혁 */ .history {padding-left:280px;} .history .years ul {gap:40px;} .history .years li {font-size:24px;} .history .years li.on {font-size:32px;} .history .day_events .box {padding:24px 0;} .history .day_events dt {font-size:20px; width:170px;} .history .day_events dd {font-size:17px; width:calc(100% - 170px);} /* 조직(연락처) */ .organization .department li a i {bottom:5px; right:5px; width:16px; height:16px;} .organization .department li a i:before {width:8px;} .organization .department li a i:after {height:8px;} .detail_area .detail_list {gap:20px;} .detail_area .detail_list .box {width:calc((100% - 40px)/3); padding:24px;} .detail_area .detail_list li {padding-left:80px;} /* 기기실 상세 */ .equipment_view {padding-left:300px;} .equipment_view .info {width:280px; padding:24px;} .equipment_view .info .imgfit {height:160px; margin-bottom:20px;} .equipment_view .info .tit {font-size:24px; line-height:32px;} .equipment_view .info li {margin-top:10px;} .equipment_view .info p {margin-top:20px; padding-top:20px;} .equipment_list {gap:30px 10px;} .equipment_list .box {width:calc((100% - 20px)/3);} .equipment_list .imgfit {height:20vw;} .equipment_list .txt {padding-top:20px;} .equipment_list .tit strong {font-size:18px;} .equipment_list .txt p {font-size:14px;} .equipment_view .detail_area .detail_list {gap:10px;} .equipment_view .detail_area .detail_list .box {width:calc(50% - 5px);} /* 예약내역 */ .status_area {gap:60px;} .status_area li {gap:20px;} .status_area li:before {left:-30px;} .status_area li.arrow_set .box:before {left:-20px; width:20px;} /* 직접사용/조작대행 */ .board_list col.my_devicename, .board_list col.my_reception, .board_list col.my_reception2 {width:auto;} .board_list col.my_usetime {width:14%;} .board_list col.my_time {width:8%;} .board_list col.my_date, .board_list col.my_application {width:100px;} /* 유전체 분석내역 */ /* 토양,수질 분석내역 */ .board_list col.my_sample {width:10%;} .board_list col.my_contact2 {width:13%;} .board_list col.my_email2 {width:18%;} /* 교육/세미나 신청내역 */ .board_list col.my_education {width:8%;} .board_list col.my_seminar_name {width:24%;} .board_list col.my_person {width:15%;} /* 결제 */ .board_list col.my_bill_day, .board_list col.my_bill_due {width:9%;} .board_list col.my_payment_method, .board_list col.my_payment_status {width:8%;} .board_list col.my_quote, .board_list col.my_test, .board_list col.my_receipt, .board_list col.my_bill_tax {width:7%;} /* 통합검색 */ .total_search_wrap {padding:60px 0 100px;} .total_search_wrap .wbox {padding:40px; margin-bottom:40px;} .total_search_wrap .ngs_item_list .imgfit {height:25vw;} } /* ------------------------------ Hover ------------------------------ */ @media screen and (min-width:1024px){ .header .gnb .menu:hover > a {color:#39B54A;} .header .gnb .snb a:hover {color:#283891; text-decoration:underline;} .header .sitemap .menu:hover:after {width:100%;} .header .sitemap .menu:hover > a {color:#39B54A;} .header .sitemap .menu .snb a:hover {color:#39B54A; font-weight:600; text-decoration:underline;} .header.hover:after {width:100%;} .header.hover .dm {height:100vh;} .btn_i_abso .btn_i:hover:before, .btn_i_abso .btn_i:hover + a:before {display:none;} .btn_i_abso .btn_i:hover {color:#fff; background:#283891;} .btn_i_abso .btn_i:hover:after {background:#fff;} .main_wrap .btn_i:hover:before, .main_wrap .btn_i:hover + a:before {display:none;} .main_wrap .btn_i:hover {color:#fff; background:#283891;} .main_wrap .btn_i:hover:after {background:#fff;} .main_wrap .mc02 .left .btn_i:hover {color:#fff; background:#283891;} .main_wrap .mbanner05 .name:hover, .main_wrap .mc03 .board .list a:hover, .use_operation_wrap .contact_slide a:hover .tt {text-decoration:underline;} /* sub */ .sub_head .aside a:hover:after {width:100%;} .tabs a:hover {color:#39B54A; background:#F0F9F1; font-weight:700;} .board_list tr .full_hov:hover {background:#39B54A1a;} /* 직접사용/조작대행 */ .use_operation_wrap .type_list .box:hover {border-color:#39B54A; box-shadow:0px 4px 16px 0px rgba(0,0,0,.08);} /* 페이징 */ .board_bottom .paging a:hover {text-decoration:underline;} /* 달력 */ .ui-datepicker-calendar td a:hover {background:#f5f5f5;} /* NGS 분석기기 소개 */ .ngs_item_list a:hover .imgfit:before {opacity:1;} /* 게시판 */ .board_list a.hov:hover, .board_list .tit a:hover {color:#39B54A; text-decoration:underline;} .board_view .file_area a:hover {color:#39B54A; text-decoration:underline;} /* 조직(연락처) */ .organization .department li a:hover i {background:#39B54A;} .organization .department li a:hover i:before, .organization .department li a:hover i:after {background:#fff;} /* 계정 찾기 */ .find_wrap .tabs_half a:hover {color:#39B54A;} .find_wrap .tabs_half a:hover:after {width:100%;} /* 약관 */ .before_privacy a:hover {background:#f5f5f5;} .txt_privacy .tit {font-size:20px;margin-top:30px; margin:40px 0 15px;} /* block */ .tabs_area .tabs {display:flex !important;} } /* ------------------------------ Tablet PC ------------------------------ */ @media screen and (max-width:1023px){ .btn_i {height:60px; line-height:60px;} input[type="text"], input[type="password"], input[type="date"], select, select.text {height:48px; padding:0 10px; font-size:13px;} select.text {background-position:right 8px center; padding:0 20px 0 5px;} /* header */ .header .logo {width:190px;} .header .gnb {display:none;} .header .sitemap {justify-content:flex-start; align-items:flex-start; padding-right:20px;} .header .sitemap:before {border-radius:0 0 60px 0;} .header .sitemap .menu {flex-direction:column; padding:20px 0; width:100%;} .header .sitemap .menu > a, .header .sitemap .menu .snb {width:100%;} .header .sitemap .menu .snb {gap:5px 20px;} .header .sitemap .menu .snb a {font-size:15px; line-height:30px;} /* footer */ .footer .links .inner {flex-direction:row;} .footer .address {position:relative; padding:20px 0 40px;} .footer .address .inner {padding-top:64px;} .footer .family {top:0; width:calc(100% - 40px);} .footer .family dt {width:calc(50vw - 20px); max-width:100%;} /* main */ .main_wrap .section {height:auto !important;} .main_wrap .fp-tableCell {vertical-align:top; height:auto !important;} .main_wrap .inner {flex-direction:column;} .main_wrap .mc01 .left, .main_wrap .mc01 .center, .main_wrap .mc01 .right {width:100%;} .main_wrap .mc01 .left .mbanner_wrap {margin-top:30px;} .main_wrap .mc01 .left .mbanner01 {height:36vw;} .main_wrap .mc01 .left .mbanner02 {height:19vw;} .main_wrap .mc01 .inner {gap:30px; padding-top:120px;} .main_wrap .mc01 .right .wbox {display:none;} .main_wrap .mc01 .contact {display:flex; gap:30px; padding:30px 20px; margin:0;} .main_wrap .mc01 .contact .mtit {width:100px;} .main_wrap .mc01 .contact dl {width:calc((100% - 140px)/2); display:flex; align-items:flex-start; gap:10px;} .main_wrap .mc01 .contact dt {margin:0;} .main_wrap .mc01 .contact dd {line-height:28px;} .main_wrap .mc01 .contact dd span {font-size:13px; line-height:1;} .main_wrap .mc01 .contact .i1 {margin:0;} .main_wrap .imgfit, .main_wrap .mc01 .center .mbanner {width:40vw; height:34vw;} .main_wrap .mc01 .center_item {display:flex; align-items:center; gap:20px;} .main_wrap .mc01 .center_item .selects {width:calc(100% - 40vw); padding-right:20px;} .main_wrap .mc01 .right .links {display:block; margin-top:0;} .main_wrap .mc01 .right .links .list {height:auto; max-height:202px; gap:10px;} .main_wrap .mc01 .right .links .list a {width:calc(50% - 5px);} .main_wrap .mc02 .inner {padding-top:30px;} .main_wrap .mc02 .inner {gap:30px;} .main_wrap .mc02 .left, .main_wrap .mc02 .right {width:100%;} .main_wrap .mc02 .mbanner04 .box {display:flex !important; gap:20px; align-items:center;} .main_wrap .mc02 .mbanner04 .txt {width:calc(100% - 40vw - 20px); padding:0 0 0 20px;} .main_wrap .mc02 .mbanner04 .slick-arrow {margin-top:-18px;} .main_wrap .mbanner05 .box {height:auto;} .main_wrap .mc03 .inner {padding-top:30px; padding-bottom:30px;} .main_wrap .mc03 .top {flex-direction:column; gap:30px;} .main_wrap .mc03 .top .box_half {width:100%;} .main_wrap .mc03 .imgfit {height:40vw;} .main_wrap .mc03 .top .imgfit {display:none;} .main_wrap .mc03 .btm .imgfit {display:block !important; width:100%; margin-top:24px;} .main_wrap .mc03 .btm .box {width:calc((100% - 30px)/4); height:230px; padding:20px;} .main_wrap .mc03 .btm .btns {flex-direction:column;} .main_wrap .mc03 .btm .btns .btn {width:100%;} .imgfit .type li {font-size:12px; line-height:26px;} .main_wrap .mbanner05 .no_item {min-width:100%;} /* 풀페이지 아닌 경우 */ .main_notfull.main_wrap .mc01 .inner {padding-top:120px; padding-bottom:30px; gap:30px;} .main_notfull.main_wrap .mc01 .right {width:100%;} .main_notfull.main_wrap .mc02 .inner {padding-bottom:30px; gap:30px;} .main_notfull.main_wrap .mc02 .right {width:100%;} .main_notfull.main_wrap .mc03 .inner {padding-bottom:30px;} .main_notfull.main_wrap .mc03 .top {gap:30px;} .main_notfull.main_wrap .mc03 .top .box_half {width:100%;} .main_notfull.main_wrap .mc03 .btm {margin-top:30px;} .main_notfull.main_wrap .mc03 .btm .imgfit {margin-top:30px;} /* sub */ .sub_head {margin-top:80px; margin-bottom:60px; padding-top:60px; height:200px;} .stitle {font-size:30px; line-height:1; margin-bottom:15px;} .sub_head .location {gap:20px;} .sub_head .location a.home {width:14px; height:14px;} .sub_head .location dl:before {left:-20px; width:20px;} .sub_head .location dt {font-size:14px;} .sub_head .location dd {top:20px;} .sub_head .location dd a {font-size:14px;} .sub_head .aside {display:none;} .container {padding-bottom:120px; font-size:15px; min-height:calc(100vh - 734px);} .non_snb .container {margin-top:80px; padding:60px 0 120px;} .stit {font-size:20px; margin:80px 0 20px;} .tabs {margin-bottom:40px;} .tabs a {height:56px;} .tabs li button {height:56px; line-height:54px;} .garea {padding:60px 0;} .garea.pb {padding-bottom:120px;} .container p.s {font-size:14px;} .container p.mt {margin-top:8px;} .btit {font-size:30px; margin-bottom:40px;} .btit.b {font-size:40px;} .btit.mb32 {margin-bottom:24px;} .tbl th, .tbl td {padding:10px 15px;} .tbl table + p {font-size:14px; line-height:22px; margin-top:12px;} .tbl.slim th, .tbl.slim td {padding:10px 20px;} .tbl td .btn {font-size:13px; line-height:24px; height:24px; width:44px;} .tbl td .btn_l {line-height:22px;} .popup {padding:18px; font-size:14px;} .popup .tit {font-size:20px; line-height:24px; margin-bottom:20px;} .popup .tit.b {font-size:28px; margin-bottom:12px;} .popup .text_box {padding:18px;} .popup .btn_close {height:50px; line-height:50px;} .popup .mt {margin-top:18px;} .popup .gbox {padding:15px 20px; margin-bottom:12px;} .popup .gbox dl {margin-bottom:5px;} .popup .gbox dt {width:100px;} .popup .gbox dd {width:calc(100% - 100px);} /* NGS */ .pop_ngs_item .scroll {padding-right:16px;} .pop_ngs_item .imgfit {height:43vw;} .pop_ngs_item .ptit {font-size:20px; margin:30px 0 15px;} /* type_center */ .pop_type_b .tit {font-size:24px; margin-bottom:20px;} /* 교육/세미나 참가신청 */ .pop_laboratory_practice .btn_link {margin-top:20px;} /* 결과보기 */ .pop_result col.number {width:90px;} .pop_result col.ratio {width:100px;} .pop_result td {font-size:14px;} /* 신청취소 */ .pop_reservation_cencel i {width:50px; height:50px; margin-top:20px;} .pop_reservation_cencel .btn {line-height:58px; height:60px; width:220px; margin-top:20px;} /* 결과데이터 다운로드 */ .pop_data_download .data_download {margin-top:12px;} .pop_data_download .data_download a {padding:20px 100px 20px 66px;} .pop_data_download .data_download i {font-size:14px;} /* 직접사용/조작대행 */ .use_operation_wrap .right .point {top:-80px;} .use_operation_wrap {position:relative;} .use_operation_wrap .inner {flex-direction:column; gap:40px;} .use_operation_wrap .left, .use_operation_wrap .right {width:100%;} .use_operation_wrap .type_list {height:400px;} .wbox.memo_area {padding-bottom:90px;} .use_operation_wrap .right .flex {flex-direction:column; gap:40px;} .use_operation_wrap .right .infobox, .use_operation_wrap .contact_box {width:100%;} .wbox.memo_area.pc_vw {display:none !important;} .wbox.memo_area.mo_vw {display:block !important; margin:0; width:100%;} .use_operation_wrap .infobox .more {background:#F2F3F9; color:#283891;} .use_operation_wrap .infobox .more:after {background:#283891;} .tabs_area {position:relative; margin-bottom:24px;} .tabs_area .btn {position:relative; display:block !important; font-size:14px; color:#222; font-weight:500; line-height:48px; height:50px; width:100%; padding:0 16px; border:#E0E3EE 1px solid; border-radius:6px; text-align:left;} .tabs_area .btn:after {content:""; position:absolute; top:0; right:16px; width:14px; height:100%; background:url('/pub/images/arrow_select_b.svg') no-repeat 50% 50% / contain;} .tabs_area.on .btn:after {transform:rotate(180deg);} .tabs_area .tabs {position:absolute; top:100%; left:0; width:100%; max-height:400px; overflow:auto; background:#fff; border:#E0E3EE 1px solid; display:none;} .tabs_area.on .tabs {display:block;} .tabs_area .tabs a {width:100%; height:50px; justify-content:flex-start; padding:0 16px; border-left:0;} .tabs_area .tabs a:last-child {border-bottom:0;} .tabs_area .tabs a.mo_on {color:#39B54A; background:#F0F9F1; font-weight:600;} .tabs_area .tabs a.on:before {display:none;} /* .tabs_area .tabs a.mo_on:before {content:""; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border:#39B54A 2px solid; z-index:1;} */ .use_operation_wrap .infobox .imgfit {height:52vw;} .use_operation_wrap select.text, .search_box .text {height:48px;} .search_box .btn {height:48px; line-height:48px; font-size:14px;} .use_operation_view {flex-direction:column; gap:40px;} .use_operation_view .view_info, .use_operation_view .view_cont {width:100%;} .use_operation_view .imgfit {height:56vw;} .use_operation_wrap .jq_tab {justify-content:flex-start; margin-bottom:0;} .use_operation_wrap .contact_slide_area .navi {top:-24px; left:auto; right:0; transform:none;} .application_form {padding:40px;} .application_form .title {font-size:28px;} .ntit {font-size:20px; margin:40px 0 10px;} .item_info {flex-direction:column; gap:20px; padding:24px;} .item_info .imgfit, .item_info .txt {width:100%;} .item_info .imgfit {height:52vw;} .end_page_wrap i {width:50px; height:50px; background-size:50% 50%;} .end_page_wrap .tit {font-size:28px; margin:20px 0 12px;} .end_page_wrap dt {width:120px; padding-left:14px;} .end_page_wrap dd {width:calc(100% - 120px);} .board_write th, .board_write td {height:60px;} .board_write th {width:170px;} .board_write .gap_radio {gap:10px 20px; flex-wrap:wrap;} /* 유전체 분석의뢰 */ .genome_list {flex-direction:column;} .genome_list .box {width:100%; padding:20px 15px 104px;} .genome_list .tit {font-size:16px; line-height:22px; height:44px;} .genome_list .dls {margin-top:12px; padding-top:20px; font-size:14px;} .genome_list dt {font-size:14px;} .genome_list dd {font-size:14px;} .genome_list .btn {height:60px; height:60px;} .page_img {height:300px; margin-bottom:40px;} .page_img p {font-size:26px;} .page_img .btn_link_w {line-height:50px; height:50px; width:200px; margin-top:20px;} /* file */ .gap_file {flex-wrap:wrap;} .gap_file .mr {margin-right:0; width:100%;} .gap_file .file {width:calc(100% - 90px);} .file {margin-left:10px;} .filebox {font-size:14px;} /* 직접입력 시 */ .td_gbox {padding:20px 20px 20px 0;} .td_gbox dt {width:160px;} .td_gbox dt:before {width:50px; height:50px; background-size:50% 50%;} .td_gbox dt p {font-size:18px;} .td_gbox dd {width:calc(100% - 160px);} .td_gbox ul {margin-bottom:10px;} .td_gbox li {padding-left:8px; text-indent:-8px;} /* 입력란 추가 */ .add_wrap th, .add_wrap td {padding:10px 5px;} .add_wrap col.num {width:5%;} .add_wrap col.inputs {width:11%;} .add_wrap col.inputs2 {width:19%;} .add_wrap col.btns {width:6%;} /* 느낌표 박스 */ .neukkim_box {padding:30px 20px;} .ne {font-size:18px; line-height:30px; padding-left:26px;} .ne:before {top:5px;} .neukkim_box .ne {margin-bottom:12px;} .neukkim_box.mtb {margin:60px 0 40px;} .btn_list, .btn_submit {line-height:56px; height:56px; width:220px; margin-top:40px;} .btn_submit.btn_l {line-height:54px;} /* over_tbl */ .over_tbl {position:relative;} .over_tbl:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_hand.svg') no-repeat rgba(0,0,0,.5) 50% 50%/ auto 81px; z-index:3; pointer-events:none; user-select:none; transition:.5s linear; display:none;} .over_tbl.on:before {opacity:0;} .over_tbl .scroll {overflow:auto hidden;} .over_tbl.type_tablet:before {display:block;} .over_tbl.type_tablet .scroll > * {width:1023px;} /* NGS 분석기기 소개 */ .ngs_item_list p {font-size:16px;} .ngs_item_list .txt {margin-top:18px;} .ngs_item_list .txt .type {font-size:13px;} .ngs_item_list .txt .cn {font-size:14px; margin-top:5px;} /* 기기사용절차 */ .usage_procedures .head {width:170px; height:170px; font-size:18px;} .usage_procedures .head:before {width:35px; height:35px;} .usage_procedures .half {gap:40px; padding:30px 0;} .usage_procedures .half:before, .usage_procedures .half:after {width:calc(100% - (50% - 20px)); height:30px;} .usage_procedures .box {width:calc(50% - 20px);} .usage_procedures .tit {font-size:16px; height:68px;} .usage_procedures .gbox {height:90px;} .usage_procedures .gbox.big {height:120px;} .usage_procedures .tt {font-size:18px; gap:6px; margin-bottom:6px;} .usage_procedures .tt li {font-size:11px;} /* 층별안내 */ .floor_guide .box {gap:2%; margin-bottom:40px;} .floor_guide .img {width:48%; min-height:320px; padding:20px;} .floor_guide .txt {width:50%;} .floor_guide .stit {padding-bottom:12px; margin-bottom:18px;} .floor_guide dl {font-size:18px; margin-bottom:10px;} .floor_guide dt {width:60px;} .floor_guide dd {width:calc(100% - 60px);} .floor_guide .dt_long dt {width:80px;} .floor_guide .dt_long dd {width:calc(100% - 80px);} /* 찾아오시는 길 */ .directions_wrap {flex-direction:column; gap:40px;} .directions_wrap .map_area, .directions_wrap .txt {width:100%;} .directions_wrap .root_daum_roughmap {min-width:100%;} .directions_wrap .tit {font-size:28px; margin-bottom:24px;} .directions_wrap .address {gap:12px 40px;} .directions_wrap .address li {font-size:16px; line-height:24px; padding:4px 0 4px 40px;} .directions_wrap .address li:before {width:32px; height:32px; background-size:50% 50%;} .directions_wrap .garea {margin-top:40px; padding:30px;} .directions_wrap .garea dl {margin-bottom:18px;} .directions_wrap .garea dt:before {width:20px; height:20px; line-height:20px; font-size:14px;} .directions_wrap .cont img {width:100%;} /* 게시판 상단 */ .board_top {margin-bottom:12px; font-size:14px; flex-direction:column; gap:10px;} .board_top .text {height:48px; padding:0 12px;} .board_top .left {gap:12px; align-items:center;} .board_top .left .text {width:140px;} .board_top .search_area select.text {width:130px;} .board_top .search_area input.text {width:calc(100% - 226px);} .board_top .search_area .btn {line-height:48px; height:48px;} .board_top .right.mo_vw {display:block !important;} /* .board_top .datepicker_box {width:200px;} */ /* 게시판 목록 */ .board_list th, .board_list td {height:60px;} .board_list th {font-size:14px;} .board_list col.num {width:60px;} .board_list col.device {width:110px;} .board_list col.device2 {width:130px;} .board_list col.schedule {width:150px;} .board_list col.writer {width:50px;} .board_list col.date {width:90px;} .board_list col.dates {width:120px;} .board_list col.attachment {width:80px;} .board_list col.attachment2 {width:50px;} .board_list col.hit {width:50px;} .board_list col.btns {width:80px;} .board_list a.hov, .board_list .tit a {font-weight:700; font-size:16px; /* text-decoration:underline; */} .board_list .tit a {padding-left:10px;} .board_list .state {font-size:12px; line-height:24px; height:24px; width:60px; padding:0 6px;} .board_list .attachment i {width:16px; height:18px;} .board_list .btn {font-size:13px; line-height:28px; height:30px; width:70px;} .board_list.in_btn_w48 .btn {width:100%;} /* 게시판 상세 */ .board_view .head {padding:20px 130px 20px 0;} .board_view .head .tit {gap:8px; font-size:20px; line-height:26px;} .board_view .head .tit .state {font-size:12px; line-height:26px; height:26px; padding:0 8px;} .board_view .writer {gap:21px; margin-top:15px;} .board_view .writer dl {gap:10px; font-size:14px;} .board_view .writer dl:before {left:-11px; height:10px;} .board_view .writer dd.status_area .state {font-size:12px; line-height:24px; height:24px; width:50px;} .board_view .btn_link {right:0;} .btn_link {font-size:14px; line-height:40px; height:40px; width:120px; padding:0 12px;} .btn_link.large {width:200px; height:60px; line-height:60px;} .board_view .file_area {padding:25px 20px; margin-top:10px;} .board_view .file_area a {font-size:14px; padding-left:25px; margin-bottom:10px;} .board_view .body {padding:40px 20px;} .board_view .prevnext a {padding:15px 0 15px 140px;} .board_view .prevnext .tt {padding-left:50px; font-size:14px;} .board_view .prevnext .tt:before {left:20px; width:21px; height:21px;} .board_view .writer.colm {gap:5px;} .board_view .writer.colm dt {width:70px;} .board_view .writer.colm dd {width:calc(100% - 70px);} .btns_tar {padding-top:12px;} .btns_tar .btn {font-size:14px; line-height:34px; height:36px;} .reply_area {margin-top:60px; padding:40px;} .reply_area .ne {margin-bottom:12px;} /* 인사말 */ .bg_greeting_wrap {height:220px;} .bg_greeting {height:220px;} .greeting_wrap {padding:40px 0 120px;} .greeting {flex-direction:column;} .greeting .tit {width:100%; font-size:28px; padding-right:0;} .greeting .txt {width:100%; padding:20px 0 0; margin-top:20px; border-left:0; border-top:#E0E3EE 1px solid;} .greeting .tt {font-size:20px;} .greeting p {margin:40px 0 30px;} .greeting .name {font-size:18px;} .greeting .name strong {font-size:20px; margin-left:14px;} /* 설립목적 */ .purpose_establishment .head {position:relative; top:0; left:0; width:260px; height:260px; transform:none; margin-bottom:80px;} .purpose_establishment .head:before {width:360px; height:360px; margin-top:0;} .purpose_establishment .head:after {width:320px; height:320px; transform:translate(-50%,-50%) rotate(90deg);} .purpose_establishment .head i {background-position:50% 50%; background-size:calc(100% - 80px);} .purpose_establishment ul {position:relative; padding-left:40px; gap:40px;} .purpose_establishment ul:before {content:""; position:absolute; top:-180px; left:5px; height:calc(100% + 120px); border-right:#d9d9d9 1px dashed; z-index:-1;} .purpose_establishment li {gap:12px; height:120px; padding-left:140px;} .purpose_establishment li i {width:120px; height:120px;} .purpose_establishment li:before {left:-40px; width:40px;} .purpose_establishment strong {font-size:18px;} .purpose_establishment p {font-size:14px;} .purpose_establishment .line {display:none;} .purpose_establishment .i2, .purpose_establishment .i3 {margin-left:0;} .purpose_establishment .i1:before, .purpose_establishment .i4:before {left:-40px; width:40px;} .purpose_establishment .i1:after {left:-40px; margin-top:0;} .purpose_establishment .i2:after {left:-40px;} .purpose_establishment .i3:after {left:-40px;} .purpose_establishment .i4:after {left:-40px; margin-top:0;} /* 연혁 */ .history {padding-left:240px;} .history #start {top:-160px;} .history .years ul {gap:30px;} .history .years li {font-size:20px;} .history .years li.on {font-size:28px;} .history.start .years {top:160px;} .history .day_events .box {padding:18px 0;} .history .day_events .box .point {top:-80px;} .history .day_events dt {width:130px; font-size:18px;} .history .day_events dd {width:calc(100% - 130px); font-size:15px;} /* 조직(연락처) */ .organization .boss {width:160px; height:160px; margin-bottom:60px; font-size:24px;} .organization .boss:before {height:180px;} .organization .operate {padding-right:calc(50% + 80px); margin-bottom:60px;} .organization .bx {font-size:16px;} .organization .operate:before {width:80px;} .organization .operate .bx {height:60px; width:200px;} .organization .department {gap:20px; padding-top:40px;} .organization .department:before {width:calc(100% - ((100% - 60px)/4));} .organization .department .box {width:calc((100% - 60px)/4);} .organization .department .box:before {top:-40px; height:40px;} .organization .department .bx {height:50px; margin-bottom:30px;} .organization .department ul {padding:12px;} .organization .department li a {height:50px; padding:0 18px; text-align:center;} .organization .department li a i {bottom:2px; right:2px;} .detail_area #detail_area {top:-120px;} .detail_area .detail_list {gap:20px;} .detail_area .detail_list .box {width:calc(50% - 10px); padding:18px;} .detail_area .detail_list span {font-size:14px; height:23px;} .detail_area .detail_list .name {font-size:24px;} .detail_area .detail_list ul {margin-top:14px; padding-top:20px;} .info_icons li {font-size:14px; line-height:22px; padding-left:22px;} .info_icons li:before {top:3px;} .detail_area .detail_list li {padding-left:70px;} .detail_area .detail_list li i {left:20px;} /* 기기실 상세 */ .equipment_view {padding-left:0;} .equipment_view .dummy_height {height:160px;} .equipment_view .info {position:relative; width:100%; padding:18px;} .equipment_view .info .imgfit {width:100%; height:60vw; max-width:358px; height:242px; margin:0 auto 18px;} .equipment_view .info .tit {font-size:18px; line-height:28px;} .equipment_view .info li {margin-top:6px;} .equipment_view .info p {margin-top:15px; padding-top:15px;} .equipment_list {gap:40px 20px;} .equipment_list .box {width:calc((100% - 40px)/3);} .equipment_list .imgfit {height:26vw;} .equipment_list .txt {padding-top:20px;} .equipment_list .tit strong {font-size:16px; line-height:24px;} .equipment_list .txt p {font-size:13px;} .equipment_view.start .info {position:relative; top:0; left:0;} /* 인증현황 */ .certification col.num {width:50px;} .certification col.name {width:58%;} /* 로그인 */ .container.g00 {margin-top:80px; padding-top:60px; min-height:calc(100vh - 474px);} .container.g00.flex_center {padding:100px 0;} .member_wrap .title {font-size:36px; margin-bottom:10px;} .member_wrap p {margin-bottom:30px;} .member_wrap .text {height:56px;} .member_wrap .text.mt {margin-top:4px;} .member_wrap .btm {margin:12px 0 30px;} .member_wrap .btm .btns a {font-size:14px;} .member_wrap .btm .btns a:before {height:12px;} .member_wrap .btn_b {line-height:58px; height:60px;} .member_wrap .mt {margin-top:6px;} .sns_login {margin-top:30px;} .sns_login .tit {font-size:14px; margin-bottom:15px;} .sns_login .flex_center {gap:20px;} .sns_login .flex_center a {width:60px; height:60px;} /* 회원가입 */ .gap_btn .btn {height:48px; font-size:14px; line-height:46px;} .gap_btn + p {font-size:14px;} .member_inputs .gbox {padding:12px; margin-top:12px;} .member_inputs .gbox p {font-size:14px; padding-left:14px; text-indent:-14px;} .member_inputs .flex_middle .btn_pop {margin-left:12px;} .fancybox-wrap .txt_privacy {padding:20px;} .pop_search_person {padding:40px 20px;} .pop_search_person .search_box {margin-bottom:30px;} .pop_search_person col.num {width:60px;} .pop_search_person col.name {width:100px;} .pop_search_person col.email {width:280px;} .pop_search_person col.select {width:100px;} .pop_search_person .board_bottom .paging {margin-top:30px;} /* 계정 찾기 */ .find_wrap .tabs_half a {margin-bottom:30px;} .find_wrap .garea {padding:20px 10px;} .find_wrap .garea p {font-size:14px; margin:14px 0 0;} .find_wrap .garea i {width:50px; height:50px; margin-bottom:12px;} /* 예약내역 */ .status_area {gap:40px; margin-bottom:40px;} .status_area li {gap:20px;} .status_area li:before {left:-20px;} .status_area li .box {width:120px; height:120px;} .status_area li strong {font-size:18px;} .status_area li p {font-size:14px;} .status_area li.arrow_set .box:before {left:-20px; width:20px;} .break_tablet table, .break_tablet tbody {display:block;} .break_tablet colgroup, .break_tablet thead {display:none;} .break_tablet table {border-top:#E0E3EE 1px solid;} .break_tablet tr {display:flex; flex-wrap:wrap; align-items:center; gap:10px 10px; border-bottom:#E0E3EE 1px solid; padding:15px 0;} .break_tablet td {display:flex; align-items:center; border:0; height:auto; text-align:left;} .break_tablet td:before {font-size:13px; color:#888; font-weight:400; margin-right:5px;} .break_tablet td.my_auto {width:100%;} /* 직접사용/조작대행 */ .board_list .my_num {width:40px;} .board_list .my_state {width:64px;} .board_list .my_type {width:auto;} /* .board_list .my_type:before {content:"사용구분 :";} */ .board_list .my_devicename {width:100%; font-size:17px;} .board_list .my_usetime1 {width:auto;} .board_list .my_usetime2, .board_list .my_time {width:auto; padding-right:10px;} .board_list .my_time {display:none;} /* .board_list .my_usetime1:before {content:"사용시작 :";} */ .board_list .my_usetime2:before {content:" ~ ";} .board_list .my_time:before {content:"총 사용시간 :";} .board_list .my_date {width:auto; color:#888;} /* .board_list .my_date:before {content:"신청일 :";} */ .board_list .my_btn1, .board_list .my_btn2 {width:calc(50% - 5px); display:none;} .board_list.in_btn_w48 .btn {height:40px; line-height:38px;} .board_list .mo_txt1 .btn:before {content:"신청 ";} .board_list .mo_txt2 .btn:before {content:"견적서 ";} .board_list .mo_txt3 .btn:before {content:"결과 데이터 ";} /* 분석의뢰 */ .board_list .my_smaplename, .board_list .my_count {width:auto;} .board_list .my_smaplename {display:none;} .board_list .my_smaplename:before {content:"시료명 :";} .board_list .my_count:before {content:"시료수 :";} /* 유전체 분석내역 */ .g06.s02 .board_list td:before {width:65px;} .board_list .my_reception {width:calc(100% - 124px);} /* .board_list .my_reception:before {content:"접수번호 :"; width:auto !important;} */ .board_list .my_analysis_type, .board_list .my_applicant, .board_list .my_contact, .board_list .my_email, .board_list .my_application {width:100%;} .board_list .my_application {color:#888;} /* .board_list .my_analysis_type:before {content:"분석유형 :";} .board_list .my_applicant:before {content:"신청자 :";} .board_list .my_contact:before {content:"휴대폰번호 :";} .board_list .my_email:before {content:"이메일 :";} .board_list .my_application:before {content:"신청일 :";} .g06.s02 .board_list .my_btn2 .btn:before {content:"결과 데이터 ";} */ /* 토양,수질 분석내역 */ .g06.s03 .board_list td:before {width:65px;} /* .board_list .my_sample:before {content:"시료구분 :";} */ /* 교육/세미나 신청내역 */ .board_list .my_education, .board_list .my_equipment, .board_list .my_person {width:auto; display:none;} .g06.s04 .board_list .my_education {order:2;} .g06.s04 .board_list .my_equipment {order:3;} .g06.s04 .board_list .my_seminar_name {order:1; width:100%;} .g06.s04 .board_list .my_person {order:4;} .g06.s04 .board_list .my_date {order:5;} .board_list .my_education:before {content:"교육구분 :";} .board_list .my_equipment:before {content:"기기실 :";} .board_list .my_person:before {content:"담당자 :";} /* 결제 */ .break_tablet .state {margin:0;} .board_list .my_bill_num, .board_list .my_bill_amount {width:calc((100% - 124px)/2);} .board_list .my_bill_day, .board_list .my_bill_due, .board_list .my_payment_method {width:auto;} .board_list .my_quote, .board_list .my_test, .board_list .my_receipt, .board_list .my_bill_tax {width:calc((100% - 30px)/4);} /*.board_list .my_bill_num:before {content:"청구서 번호 :";}*/ .board_list .my_bill_amount:before {content:"청구금액 :";} .board_list .my_bill_day:before {content:"청구일 :";} .board_list .my_bill_due:before {content:"납기일 :";} .board_list .my_payment_method:before {content:"결제방법 :";} /*.board_list .my_payment_status:before {content:"결제상태 :";}*/ .board_list .my_quote .btn:before {content:"견적서 ";} .board_list .my_test .btn:before {content:"시험확인서(분석결과서) ";} .board_list .my_receipt .btn:before {content:"영수증 ";} .board_list .my_bill_tax {justify-content:center;} .board_list .my_bill_tax .btn:before {content:"세금계산서 ";} .board_list .btn.pc_vw {display:none !important;} /* .board_list.order_set td {display:flex;} .board_list.order_set td:before {width:52px;} */ .board_list.order_set .my_num, .board_list.order_set .my_quote, .board_list.order_set .my_test, .board_list.order_set .my_receipt {display:none;} .board_list.order_set .my_bill_num {order:2; width:auto;} .board_list.order_set .my_bill_amount {order:3; width:100%;} .board_list.order_set .my_bill_day {order:5;} .board_list.order_set .my_bill_due {order:6;} .board_list.order_set .my_payment_method {order:4;} .board_list.order_set .my_bill_tax {order:7; width:100%;} .board_list.order_set .my_bill_tax .completed {display:block; width:100%; height:40px; line-height:40px; background:#f5f5f5; text-align:center; font-weight:500;} .board_list.order_set .my_payment_status {order:0; width:auto; margin:0;} .board_list.order_set tr.in_payment {position:relative; padding-bottom:65px;} .board_list.order_set .my_bill_amount .btn {position:absolute; bottom:15px; left:0; width:100%;} /* Q&A 내역 */ .board_list .my_inquiry_number {width:calc(100% - 124px);} .board_list .my_inquiry_number, .board_list .my_inquiry_type, .board_list .my_device_analysis {width:auto;} .board_list .my_inquiry_type {order:1;} .board_list .my_device_analysis {order:2;} .g06.s06 .board_list .my_date {order:3;} .board_list .my_inquiry_number, .board_list .my_inquiry_type, .board_list .my_device_analysis {display:none;} .mytit {font-size:24px; line-height:38px; margin:80px 0 16px;} .mytit .btns {gap:8px;} .mytit .btns .btn {font-size:16px; line-height:38px; height:38px; padding:0 16px;} /* 결제 */ .payment_pay .board_write.pd1 td {padding:20px 0 0;} .payment_pay .board_write.pd2 td {padding:15px 20px; font-size:24px;} .payment_select {gap:10px;} label.payment {width:calc(50% - 5px);} label.payment span {gap:10px; height:80px;} label.payment span i {width:40px; height:40px;} .payment_pay .neukkim_box {margin-top:24px; padding:24px;} /* 회원탈퇴 팝업 */ .pop_withdrawal p {margin:24px 0 12px;} .pop_withdrawal .btn_submit {margin-top:24px;} /* 약관 */ .txt_privacy .date {margin-bottom:30px;} .txt_privacy .tit {font-size:15px; margin:40px 0 18px;} .txt_privacy .tit.mt4 {margin-top:30px;} .txt_privacy .tt {font-size:18px; margin:30px 0 18px;} .txt_privacy p.mt, .txt_privacy table {margin-top:12px;} .before_privacy {gap:8px; margin-top:14px;} .before_privacy a {line-height:48px; height:50px; min-width:200px; padding:0 15px;} .before_privacy i {width:14px; height:17px;} .dots_list.m814 {margin:6px 0 18px;} .dots_list li {padding-left:14px;} /* 통합검색 */ .search_wrap {height:60px; margin-bottom:60px; padding-right:110px;} .search_wrap .text {height:56px; padding:0 20px;} .search_wrap .btn {right:4px; width:100px; font-size:13px;} .total_search_wrap {padding:50px 0 80px;} .total_search_wrap .wbox {padding:30px; margin-bottom:30px;} } /* ------------------------------ Mobile ------------------------------ */ @media screen and (max-width:767px){ .pc_vw {display:none !important;} .mo_vw {display:block !important;} .btn_i {height:48px; line-height:48px;} input[type="text"], input[type="password"], input[type="date"], select, select.text {height:44px; font-size:12px; padding:0 16px;} /* header */ .header {height:60px;} .header .logo {width:169px; line-height:60px;} .header.on .logo:before {display:none;} .header.on .logo img {opacity:1;} .header .btn_menu, .header.on .btn_menu {right:0; width:68px;} .header .btns {position:absolute; top:100%; left:0; width:100%; background:#F7F8F9; opacity:0; pointer-events:none; user-select:none; transition:.2s linear;} .header .btns a {position:relative; width:calc(100%/3); height:52px; line-height:52px; flex-direction:row; align-items:center; gap:8px;} .header .btns a:before {width:16px; height:16px; margin:0;} .header .btns a:after {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; background:#E0E3EE; margin-top:-10px;} .header .btns a:first-child:after {display:none;} .header.on .btns {opacity:1; pointer-events:auto; user-select:auto;} .header .sitemap {padding:112px 0 20px;} .header .sitemap:before {display:none;} .header .sitemap .scroll {padding:0 20px;} .header .sitemap .menu {padding:0;} .header .sitemap .menu > a {position:relative; font-size:20px; line-height:1.2; padding:20px 0;} .header .sitemap .menu > a:after {content:""; position:absolute; top:0; right:0; width:24px; height:24px; margin-top:24px; background:#C6C9D4; mask:url('/pub/images/arrow_mognb.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_mognb.svg') no-repeat 50% 50% / contain; transition:.2s linear;} .header .sitemap .menu.open > a, .header .sitemap .menu.on > a {color:#39B54A;} .header .sitemap .menu.open.on > a {color:#333;} .header .sitemap .menu.on > a:after, .header .sitemap .menu.open > a:after {transform:rotate(180deg); background:#39B54A;} .header .sitemap .menu.open.on > a:after {transform:rotate(0); background:#C6C9D4;} .header .sitemap .menu .snb {padding:4px 0 20px; display:none;} .header .sitemap .menu .snb a {display:block; width:100%; font-size:14px; line-height:18px; margin-bottom:24px;} .header .sitemap .menu .snb a:last-child {margin-bottom:0;} .header .sitemap .menu.on .snb {display:block;} .header .sitemap .menu.open:after, .header .sitemap .menu.on:after {width:100%;} /* footer */ .footer .links .inner {gap:10px; flex-wrap:wrap; padding:20px;} .footer .links a {font-size:13px; line-height:16px;} .footer .links a:first-child {width:100%;} .footer .address {padding:16px 0 24px;} .footer .address .inner {padding-top:56px;} .footer .family {left:20px; right:0; width:calc(100% - 40px);} .footer .family dt {width:100%; font-size:13px;} .footer .family dd a {font-size:13px; line-height:35px;} .footer .address .area {gap:4px 21px} .footer .address .area dl, .footer .address .copy {font-size:12px;} .footer .address .add dt {width:22px;} .footer .address .add dd {width:calc(100% - 30px);} .footer .partner .inner a {height:34px; line-height:34px;} .footer .partner .inner a img {max-height:34px;} .quick, .quick.main {bottom:20px; right:10px;} .quick .qna {width:60px; height:60px; font-size:13px;} .quick .qna:before {bottom:40px; height:26px;} .quick .gotop {width:40px; height:40px; margin-top:10px;} .footer.unfixed .quick .qna {opacity:0; pointer-events:none; user-select:none;} /* main */ .main_wrap .mc01 .inner {gap:24px; padding-top:90px;} .main_wrap .mc01 .left .tit {font-size:26px; margin-bottom:24px;} .main_wrap .mc01 .left .search_area {height:48px; padding-right:90px;} .main_wrap .mc01 .left .search_area .text {font-size:13px; padding:0 19px; height:44px;} .main_wrap .mc01 .left .search_area .btn {right:4px; font-size:12px; width:80px; height:36px; line-height:36px;} .main_wrap .mc01 .left .quick_keyword {flex-direction:column; gap:10px;} .main_wrap .mc01 .left .quick_keyword .tt {font-size:13px;} .main_wrap .mc01 .left .quick_keyword .cn {width:calc(100% + 40px); overflow:auto hidden; flex-wrap:nowrap; padding:0 20px; margin:0 -20px;} .main_wrap .mc01 .left .quick_keyword .cn::-webkit-scrollbar {width:0; height:0;} .main_wrap .mc01 .left .quick_keyword .cn a {font-size:11px; line-height:24px; height:26px;} .quick_keyword .cn .slick-prev {right:50px;} .quick_keyword .cn .slick-next {right:15px;} .main_wrap .mc01 .left .links {gap:16px;} .main_wrap .mc01 .left .links a {width:calc((100% - 32px)/3); font-size:13px; background-position:right 12px bottom 12px; background-size:auto 30px;} .main_wrap .mc01 .left .links a:after {display:none;} .main_wrap .mc01 .left .mbanner_wrap {margin-top:24px;} .main_wrap .mc01 .left .mbanner01 {height:43vw;} .main_wrap .mc01 .left .mbanner02 {height:31vw;} .main_wrap .mc01 .left .mbanner02 .imgfit p {font-size:18px; padding:0 16px;} .main_wrap .mc01 .left .mbanner02 .imgfit p:after {font-size:12px; line-height:30px; height:30px; width:70px;} .main_wrap .mc01 .center {padding-bottom:80px;} .main_wrap .mc01 .center_item {flex-direction:column; gap:16px;} .main_wrap .mc01 .center_item .selects {width:100%; padding-right:0;} .main_wrap .mc01 .center_item .selects .text:last-child {margin-bottom:0;} .main_wrap .mc01 .right .links .list {max-height:230px; gap:10px;} .main_wrap .mc01 .right .links .list a {font-size:14px; height:50px; width:100%;} .main_wrap select.text {height:44px;} .mbanner_wrap {width:100%;} .main_wrap .imgfit, .main_wrap .mc01 .center .mbanner {width:100%; height:65vw;} .mb_type02 .slick-arrow {width:26px; height:26px; margin-top:-13px;} .mb_type02 .slick-prev {left:-13px;} .mb_type02 .slick-next {right:-13px;} .main_wrap .btn_i {flex-direction:column-reverse; height:64px; line-height:1; padding:15px 5px;} .main_wrap .btn_i:after {width:14px; height:14px;} .main_wrap .mc01 .contact {flex-direction:column; gap:20px; padding:20px 16px; background-position:top 24px right 40px;} .main_wrap .mc01 .contact .mtit {width:100%;} .main_wrap .mc01 .contact dl {width:100%; flex-direction:column; gap:8px;} .main_wrap .mc01 .contact dt {font-size:14px;} .main_wrap .mc01 .contact dd {font-size:20px; line-height:1; display:flex; gap:4px;} .main_wrap .mc01 .contact dd span {font-size:12px;} .main_wrap .mtit {font-size:20px; line-height:24px; margin-bottom:16px; padding-bottom:16px;} .main_wrap .mc02 .inner {padding-top:24px;} .main_wrap .mc02 .inner {gap:24px;} .main_wrap .mc02 .left {padding-bottom:80px;} .main_wrap .mc02 .mbanner04 .box {flex-direction:column; gap:16px;} .main_wrap .mc02 .mbanner04 .txt {width:100%; padding:0;} .main_wrap .mc02 .mbanner04 .name {font-size:17px; line-height:27px; height:32px;} .main_wrap .mc02 .mbanner04 p {font-size:12px; line-height:14px;} .main_wrap .mc02 .mbanner04 .slick-arrow {margin-top:34px;} .main_wrap .mc02 .month_area {flex-direction:column; gap:12px; padding:16px 12px;} .main_wrap .mc02 .month_area .month {padding:0;} .main_wrap .mc02 .month_area .month .arrow {width:30px; height:30px;} .main_wrap .mc02 .month_area .month .to {width:90px; height:30px; line-height:30px; font-size:17px;} .main_wrap .mc02 .days_area {width:100%; padding:0 34px;} .main_wrap .mc02 .days .swiper-slide {padding:0 1px;} .main_wrap .mc02 .days_area .arrow {width:30px; height:30px; margin-top:-15px;} .main_wrap .mc02 .days_area .arrow_prev {left:0; right:auto;} .main_wrap .mc02 .days_area .arrow_next {right:0;} .main_wrap .mbanner05 {margin:0;} .main_wrap .mbanner05 .slick-slide {padding:0;} .main_wrap .mbanner05 .type {font-size:11px; line-height:22px; height:24px; padding:0 12px;} .main_wrap .mbanner05 .name {font-size:17px; line-height:24px; margin:12px 0 6px; display:block; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .main_wrap .mbanner05 p {font-size:11px; line-height:14px; margin-bottom:16px;} .main_wrap .mbanner05 .list {height:132px; padding:12px;} .main_wrap .mbanner05 .list .scroll {height:120px;} .main_wrap .mbanner05 .list li {gap:4px; font-size:11px; line-height:22px; margin-bottom:8px;} .main_wrap .mbanner05 .list li .state {width:50px; height:22px; margin-right:2px;} .main_wrap .mbanner05 .navi {bottom:-8px;} .main_wrap .mbanner05 .no_item {font-size:16px;} .main_wrap .mc03 {background-image:none;} .main_wrap .mc03 .inner {padding-top:24px; padding-bottom:100px;} .main_wrap .mc03 .top {gap:24px;} .main_wrap .mc03 .top .box_half {height:auto;} .main_wrap .mc03 .jq_tab {gap:16px;} .main_wrap .mc03 .jq_tab li:before {width:2px; height:2px; left:-9px; margin-top:-1px;} .main_wrap .mc03 .jq_tab button {font-size:20px; line-height:1.2;} .main_wrap .mc03 .board .list a {padding:16px; font-size:13px; line-height:1; height:auto;} .main_wrap .mc03 .board .list a span {position:relative; top:0; text-align:left; display:block; transform:none; margin-top:8px;} .main_wrap .mc03 .imgfit {height:42vw;} .main_wrap .mc03 .btm .list {margin:0 0 0 -12px; width:calc(100% + 32px);} .main_wrap .mc03 .btm .list .slick-list {padding-right:25%;} .main_wrap .mc03 .btm .slick-slide {padding:0 12px;} .main_wrap .mc03 .btm .box {height:190px; padding:20px 16px;} .main_wrap .mc03 .btm .btns {flex-direction:row; gap:10px; left:16px; width:calc(100% - 32px);} .main_wrap .mc03 .btm .btns .btn {width:calc(50% - 5px);} .imgfit .type {display:none;} .imgfit .type.mo_vw {display:flex !important;} .imgfit .type li {font-size:10px; line-height:20px; padding:0 2px;} .wbox {padding:20px 16px;} /* 풀페이지 아닌 경우 */ .main_notfull.main_wrap .mc01 .inner {padding-top:120px; padding-bottom:24px; gap:24px;} .main_notfull.main_wrap .mc02 .inner {padding-bottom:24px; gap:24px;} .main_notfull.main_wrap .mc03 .inner {padding-bottom:24px;} .main_notfull.main_wrap .mc03 .top {gap:24px;} .main_notfull.main_wrap .mc03 .btm {margin-top:24px;} .main_notfull.main_wrap .mc03 .btm .imgfit {margin-top:24px;} /* sub */ .sub_head {margin-top:60px; margin-bottom:40px; padding-top:40px; min-height:106px; height:auto; background:#fff; border-bottom:0;} .stitle {font-size:32px; line-height:38px; margin-bottom:24px;} .sub_head .location {gap:25px;} .sub_head .location a.home {width:12px; height:12px;} .sub_head .location dl:before {left:-25px; width:25px;} .sub_head .location dt {font-size:13px;} .sub_head .location dd {top:30px;} .sub_head .location dd a {font-size:13px;} /* .sub_head.mo_hide_set {padding:0; height:0;} .sub_head.mo_hide_set .stitle, .sub_head.mo_hide_set .location {display:none;} */ .container {padding-bottom:100px; font-size:14px; min-height:calc(100vh - 608px);} .container.g00 {min-height:calc(100vh - 482px);} .non_snb .container {margin-top:60px; padding:40px 0 100px; background:none;} .stit {font-size:18px; margin:60px 0 15px;} .tabs {margin-bottom:30px;} .tabs a {height:48px;} .tabs li button {height:48px; line-height:46px;} .tabs_center a {width:auto; max-width:none; flex:1 1 calc(100%/3);} .g05.s01 .tabs_center a {width:50%; max-width:50%;} .garea {padding:24px 0;} .garea.pb {padding-bottom:100px;} .container p.s {font-size:13px;} .container p.mt {margin-top:6px;} select.text {background-position:right 18px center;} .btit {font-size:24px; margin-bottom:30px;} .btit.b {font-size:30px;} .btit.mb32 {margin-bottom:20px;} .tbl col.th {width:25%;} .tbl col.tdh {width:25%;} .tbl col.tdd {width:0;} .tbl th, .tbl td {padding:16px 10px; letter-spacing:-.5px;} .tbl table + p {font-size:12px; line-height:20px; margin-top:5px;} .popup {padding:15px; font-size:13px;} .popup .tit {font-size:16px; line-height:22px; margin-bottom:16px;} .popup .tit.b {font-size:22px; margin-bottom:10px;} .popup .text_box {padding:12px;} .popup .btn_close {height:48px; line-height:48px;} .popup .mt {margin-top:12px;} .popup .gbox {padding:10px 20px; margin-bottom:10px;} .popup .gbox dl {flex-direction:column;} .popup .gbox dt, .popup .gbox dd {width:100%;} body .fancybox-close {top:10px; right:16px; width:32px; height:32px;} /* NGS */ .pop_ngs_item {padding:20px;} .pop_ngs_item .scroll {padding-right:5px; width:100%; margin:0 auto;} .pop_ngs_item .scroll img {width:100% !important; height:auto !important; max-width:100% !important;} .pop_ngs_item .imgfit {height:38vw;} .pop_ngs_item .ptit {font-size:17px; margin:30px 0 10px;} /* type_center */ .pop_type_b .tit {font-size:24px; margin-bottom:16px} /* 교육/세미나 참가신청 */ .pop_laboratory_practice .btn_link {margin:16px auto 0;} /* 설문조사 */ .pop_survey {padding:16px 20px 20px;} .survey_radios {padding:4px 0;} .survey_radios label.radio {padding:4px 0 4px 24px;} .survey_radios label.radio i {top:10px;} /* 결과보기 */ .pop_result {padding:16px 20px 20px;} .pop_result col.number {width:60px;} .pop_result col.ratio {width:70px;} .pop_result td {padding:5px;} .pop_result td {font-size:13px;} /* 신청취소 */ .pop_reservation_cencel i {width:40px; height:40px; margin:16px auto 8px;} .pop_reservation_cencel .btn {line-height:48px; height:50px; width:180px; margin-top:16px;} /* 결과데이터 다운로드 */ .pop_data_download .data_download {margin-top:10px;} .pop_data_download .data_download a {padding:15px 90px 15px 40px;} .pop_data_download .data_download p {line-height:26px;} .pop_data_download .data_download i {font-size:13px; line-height:30px; height:30px; width:80px;} .pop_data_download .data_download i:after {width:12px; height:12px;} label.heart {top:10px; right:10px;} label.heart span {width:24px; height:24px;} label.heart span:before {background-size:120%;} .btn_i {height:48px; line-height:48px;} .btn_i:after {width:14px; height:14px;} .btns_tac.mt1 {margin-top:5px;} .btns_tac.mt4 {margin-top:20px;} .btns_tac.mt6 {margin-top:30px;} .btns_tac .btn {width:calc(50% - 5px); height:48px; line-height:44px;} /* 직접사용/조작대행 */ .use_operation_wrap .right .point {top:-60px;} .use_operation_wrap .inner {gap:24px;} .use_operation_wrap .wbox {margin-top:24px;} .use_operation_wrap select.text {height:44px; margin-bottom:8px;} .search_box {gap:10px;} .search_box .text {width:calc(100% - 54px); height:44px;} .search_box .btn {width:44px; height:44px; line-height:44px; font-size:0; gap:0;} .search_box .btn:after {width:44px; height:44px; mask-size:14px; -webkit-mask-size:14px;} .use_operation_wrap .type_list {margin-top:20px; height:264px;} .use_operation_wrap .type_list .box {padding:16px; margin-bottom:8px;} .use_operation_wrap .type_list .tit {gap:0; flex-direction:column-reverse; margin-bottom:16px;} .use_operation_wrap .type_list .states li {margin-bottom:10px;} .states {gap:6px;} .states li {font-size:10px; line-height:20px; height:20px;} .use_operation_wrap .type_list .writer {gap:0 13px;} .use_operation_wrap .type_list .writer li {font-size:11px;} .use_operation_wrap .type_list .writer li:before {left:-7px; height:10px;} .wbox.memo_area {padding-bottom:80px;} .memo_area .wtit {font-size:18px; line-height:22px; margin-bottom:16px;} .memo_area .text_box {padding:16px;} .memo_area .btn_zoom {height:56px; line-height:56px;} .use_operation_wrap .right .flex {gap:24px;} .use_operation_wrap .right .infobox {padding-bottom:80px;} .use_operation_wrap .infobox .tit {font-size:18px; line-height:30px;} .use_operation_wrap .infobox p {font-size:13px; line-height:16px; margin-bottom:16px;} .use_operation_wrap .infobox .imgfit {height:70vw;} .use_operation_wrap .infobox .more {height:56px; line-height:56px;} .info_txt {padding-top:20px;} .info_txt dl {margin-bottom:8px; font-size:13px; line-height:20px;} .info_txt dt {width:100px;} .info_txt dd {width:calc(100% - 100px);} .use_operation_wrap .contact_box .btns {margin-bottom:24px;} .use_operation_wrap .contact_box .btns .btn_i {height:56px; line-height:56px;} .use_operation_wrap .contact_slide_area {height:auto; padding:24px 16px 16px;} .use_operation_wrap .jq_tab {gap:20px;} .use_operation_wrap .jq_tab li:before {left:-12px;} .use_operation_wrap .jq_tab button {font-size:18px;} .contact_slide_area .cont {padding-top:20px;} .use_operation_wrap .contact_slide a {padding:16px 0;} .use_operation_wrap .contact_slide .tt {font-size:15px;} .use_operation_wrap .contact_slide p {font-size:13px; margin-top:8px;} .use_operation_wrap .contact_slide_area .slick-dots li {font-size:13px;} .month_board {height:auto;} .month_board .iframebox {height:612px;} .month_board .head {margin-bottom:16px;} .month_board .type_select {position:relative; width:100%;} .month_board .type_select .btn {width:50%; font-size:13px; padding:0 12px;} .month_board .month_select {position:relative; padding:0; margin:24px 0 16px;} .month_board .month_select strong {font-size:17px; padding:0 15px;} .month_board .month_select .arrow {width:30px; height:30px;} .month_board .head .state {position:relative; transform:none; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:10px; border:#E0E3EE 1px solid; border-radius:6px; padding:10px;} .month_board .head .state li {font-size:11px; padding-left:10px;} .type_month th {font-size:13px;} .type_month tbody td {position:relative; padding:6px 4px 28px;} .type_month tbody td span {font-size:12px; line-height:14px;} .type_month tbody td ul {height:38px;} .type_month tbody td li {font-size:10px; line-height:18px; padding:0 4px; margin-bottom:2px;} .type_month tbody td .btn_plus {position:absolute; bottom:6px; left:4px; font-size:13px; margin-top:0;} .type_board thead {display:none;} .type_board table, .type_board tbody {display:block;} .type_board tr {position:relative; display:flex; flex-direction:column; align-items:flex-start; border-bottom:#E0E3EE 1px solid; padding:16px 0;} .type_board tbody td {position:relative; padding:0 0 0 63px; line-height:22px; min-height:22px; border:0; text-align:left;} .type_board tbody td:before {position:absolute; top:0; left:0; color:#888; font-weight:400;} .type_board tbody td.num {display:none;} .type_board tbody td.use {order:3; width:100%;} .type_board tbody td.use:before {content:"사용구분";} .type_board tbody td.item {order:4; width:100%;} .type_board tbody td.item:before {content:"기기명";} .type_board tbody td.email {order:2; width:100%;} .type_board tbody td.email:before {content:"신청자";} .type_board tbody td.date {order:1; width:100%;} .type_board tbody td.date:before {content:"신청일";} .type_board tbody td.statebox {position:absolute; top:16px; right:0; width:auto;} .type_board tbody td .state {font-size:11px; line-height:24px; height:24px; width:50px; text-align:center;} .month_board .board_bottom .paging {margin-top:20px;} /* 페이징 */ .board_bottom .paging {margin-top:40px;} .board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:13px;} .board_bottom .paging .prev {margin-right:6px;} .board_bottom .paging .next {margin-left:6px;} .board_bottom .paging .first {margin-right:2px;} .board_bottom .paging .last {margin-left:2px;} /* 상세 */ .use_operation_view {gap:24px;} .use_operation_view .infobox {padding-bottom:60px;} .use_operation_view .imgfit {margin-bottom:12px;} .use_operation_view .tit {font-size:21px; margin-bottom:4px;} .use_operation_view p {font-size:12px;} .use_operation_view .info_txt {padding-top:10px; margin-top:10px;} .btn_list {line-height:48px; height:48px; width:200px; margin-top:30px;} /* 예약신청 */ .btn_back {font-size:13px; line-height:28px; height:30px; width:80px; display:none;} .btn_back:after {width:12px; height:12px;} .application_form {padding:0; margin-top:0; box-shadow:none;} .application_form .title {font-size:24px; line-height:1.4;} .ntit {font-size:17px; line-height:24px; padding-left:20px; margin:30px 0 10px;} .ntit span {width:16px; height:16px; line-height:16px; font-size:12px;} .ntit .abso {position:relative; font-size:12px; line-height:1.4; margin-top:5px; letter-spacing:-.5px;} .item_info {gap:20px; padding:16px;} .item_info .tit {font-size:18px;} .item_info p {font-size:12px; margin:4px 0 16px;} .item_info .dls dl {margin-bottom:5px;} .item_info .dls dt {width:50px;} .item_info .dls dd {width:calc(100% - 50px);} .board_write table, .board_write tbody, .board_write th, .board_write td {display:block;} .board_write tr.on, .board_write tr {display:flex; flex-direction:column; gap:8px; border-bottom:#E0E3EE 1px solid; padding:16px 0; width:100%;} .board_write th, .board_write td {padding:0; height:auto; border:0;} .board_write th {width:100%; background:#fff; border:0 !important;} .board_write .gap_radio {align-items:flex-start; gap:0 24px;} .board_write .gap_radio.mo_column {flex-direction:column;} /* .board_write .gap_text {flex-direction:column; gap:5px;} */ .board_write .gap_text .text {width:100%;} .board_write .gap_text > * {width:calc(50% - 5px); max-width:calc(50% - 5px);} .board_write.mo_between tr {flex-direction:row; justify-content:space-between; align-items:center;} .board_write.mo_between th {width:40%;} .board_write.mo_between td {width:60%; text-align:right;} .board_write.th_white th {font-size:14px;} .board_write.th_white td {font-size:12px;} .board_write.th_white td strong {font-size:20px; margin:0 0 2px; display:block;} .board_write .btn_pop {font-size:12px; line-height:28px; height:28px; padding:0 12px;} .board_write .btn_pop:after {width:16px; height:16px; margin-left:4px;} .board_write .btn_pop.large {font-size:12px; line-height:34px; height:34px;} .board_write.th_slim th {width:100%;} .board_write .text.w48 {width:100%;} .board_write.non_break table {display:table;} .board_write.non_break thead, .board_write.non_break tbody {display:table-row-group;} .board_write.non_break tr {display:table-row;} .board_write.non_break th, .board_write.non_break td {display:table-cell; padding:14px 16px; border-bottom:#E0E3EE 1px solid;} .board_write.non_break th {width:100px; background:#F7F8F9; border-right:#E0E3EE 1px solid !important;} .board_write.non_break td {width:calc(100% - 100px);} .board_write .intbl {overflow:auto;} .board_write .intbl table {width:767px;} .board_write .intbl th {padding:14px 5px;} .scroll_tbl {max-height:400px;} .scroll_tbl table {width:767px !important; max-width:767px;} .gap_file {gap:10px;} .gap_file .mr {width:auto; margin-right:15px;} .gap_file .file {width:calc(100% - 179px);} /* 약관 */ .board_write .terms_area {padding:10px 5px 10px 10px; border-radius:10px; margin-top:15px;} .board_write .txt_privacy {height:200px; padding:0 5px 0 0; font-size:13px;} .board_write .txt_privacy .date {margin-bottom:10px;} .board_write .txt_privacy .tit {font-size:13px; margin:20px 0 10px;} .board_write .txt_privacy .tit.mt4 {margin-top:10px;} .board_write .txt_privacy .tt {font-size:12px; margin:20px 0 10px;} .board_write .txt_privacy table {display:table;} .board_write .txt_privacy tbody {display:table-row-group;} .board_write .txt_privacy tr {display:table-row;} .board_write .txt_privacy tr > * {width:40%;} .board_write .txt_privacy tr > *:nth-child(1) {width:20%;} .board_write .txt_privacy th, .board_write .txt_privacy td {display:table-cell; word-break:break-word;} .board_write .txt_privacy p.mt, .board_write .txt_privacy table {margin-top:5px;} .board_write .txt_privacy th, .board_write .txt_privacy td {padding:5px; height:30px;} /* .board_write .intbl th {line-height:1.2; padding:8px 4px;} .board_write .intbl td {height:64px;} */ .board_write .pt3 {padding-top:0;} /* 느낌표 박스 */ .neukkim_box {padding:20px;} .ne {font-size:16px; line-height:24px; padding-left:22px;} .ne:before {top:4px; width:16px; height:16px;} .neukkim_box .ne {margin-bottom:12px;} .neukkim_box.mtb {margin:40px 0 32px;} .neukkim_box p {padding-left:12px; text-indent:-12px;} .neukkim_box.mtb2 p {font-size:12px;} .btn_submit {line-height:48px; height:48px; width:200px; margin-top:32px;} .btn_submit.mt4 {margin-top:20px;} .btn_submit.btn_l {line-height:30px;} .btns_center {display:flex; gap:10px; margin-top:32px;} .btns_center > * {width:calc(50% - 5px); margin:0;} .btns_center .btn_back {height:48px; line-height:46px; text-align:center;} .btns_center .btn_back:after {display:none;} /* 신청가능 시간 확인 */ .time_table {margin-top:10px;} .time_table dt {font-size:14px; line-height:40px; padding:0 20px;} .time_table dt i {right:20px; width:28px; height:28px;} .time_table dt i:before {width:12px;} .time_table dt i:after {height:12px;} .time_table.on dt i:after {width:12px;} .time_table dd {padding:15px 15px 20px;} .time_table .years {margin-bottom:10px;} .time_table .years strong {font-size:18px; line-height:28px;} .time_table .years button {width:28px; height:28px;} .time_table ul {gap:12px 4px;} .time_table li {gap:13px; flex:0 0 calc((100% - 8px)/3); min-width:90px; height:36px; line-height:34px; font-size:12px;} .time_table li span:after {right:-7px; height:10px;} /* 예약 완료 */ .end_page_wrap {padding-top:40px;} .end_page_wrap i {width:48px; height:48px;} .end_page_wrap .tit {font-size:24px; margin:16px 0;} .end_page_wrap p {margin-bottom:20px;} .end_page_wrap .garea {padding:20px;} .end_page_wrap dl {font-size:12px; margin-bottom:8px;} .end_page_wrap dt {width:90px; padding-left:12px;} .end_page_wrap dt:before {top:8px;} .end_page_wrap dd {width:calc(100% - 90px);} .end_page_wrap .btns_tac {margin-top:20px;} .end_page_wrap .btn_end {line-height:48px; height:48px;} .slice_line {margin:20px 0;} .tit_location {font-size:16px; line-height:24px; padding-left:26px; margin-bottom:12px;} /* 유전체 분석의뢰 */ .genome_list {gap:24px;} .genome_list .box {padding:16px 16px 70px;} .genome_list i {width:48px; height:48px; margin-bottom:12px; background-size:50% 50%;} .genome_list .tit {font-size:18px; line-height:22px; height:auto;} .genome_list .dls {margin-top:12px; padding-top:16px; font-size:13px;} .genome_list dd {font-size:14px;} .genome_list .btn {height:48px; height:48px;} .page_img {height:auto; margin-bottom:30px; padding:40px 0;} .page_img p {font-size:18px;} .page_img .btn_link_w {line-height:48px; height:48px; width:180px; margin-top:16px;} /* file */ .file {margin-left:4px;} .filebutton {width:70px;} .filebutton span {font-size:12px;} .filebox {width:calc(100% - 70px); font-size:12px;} /* 직접입력 시 */ .td_gbox {padding:20px; flex-direction:column; gap:10px;} .td_gbox dt, .td_gbox dd {width:100%;} .td_gbox dt {display:flex; gap:8px; align-items:center;} .td_gbox dt:before {width:40px; height:40px; margin:0;} .td_gbox dt p {font-size:16px;} .td_gbox ul {margin-bottom:16px;} /* 입력란 추가 */ .add_wrap {margin-top:16px; padding-top:20px;} .add_wrap .btn_area {margin-bottom:12px;} .add_wrap .btn_add {font-size:13px; line-height:34px; height:34px; width:100px;} .add_wrap th, .add_wrap td {padding:10px;} .add_wrap .over_tbl {width:calc(100% + 20px);} .add_wrap .over_tbl .scroll {padding-right:20px;} /* NGS 분석기기 소개 */ .ngs_item_list {gap:20px 10px;} .ngs_item_list a {width:calc(50% - 5px);} .ngs_item_list .imgfit {height:38vw;} .ngs_item_list p {font-size:14px; margin-top:5px;} .ngs_item_list .txt {margin-top:12px;} .ngs_item_list .txt .type {font-size:13px;} .ngs_item_list .txt .cn {font-size:13px; margin-top:4px;} /* 기기사용절차 */ .usage_procedures .head {width:160px; height:160px; font-size:17px;} .usage_procedures .head:before {width:32px; height:32px;} .usage_procedures .head:after {bottom:-36px; width:16px; height:16px;} .usage_procedures .half {gap:20px; padding:20px 0;} .usage_procedures .half:before, .usage_procedures .half:after {left:50%; width:calc(100% - (50% - 10px)); height:20px;} .usage_procedures .box {width:calc(50% - 10px);} .usage_procedures .tit {font-size:14px; height:108px; border-radius:8px; padding:0 20px;} .usage_procedures .gbox {width:100%; height:133px; font-size:12px; padding:0 10px;} .usage_procedures .gbox.big {height:133px;} .usage_procedures .tit + .gbox {height:114px;} .usage_procedures .tt {font-size:14px; flex-direction:column-reverse; gap:8px; text-align:center;} .usage_procedures .tt li {font-size:10px; line-height:18px; height:18px;} /* 층별안내 */ .floor_guide .box {flex-direction:column; gap:20px; margin-bottom:30px;} .floor_guide .img {width:100%; min-height:250px; padding:15px;} .floor_guide .txt {width:100%;} .floor_guide .stit {padding-bottom:12px; margin-bottom:16px;} .floor_guide dl {font-size:14px; margin-bottom:8px;} .floor_guide dt {width:54px;} .floor_guide dd {width:calc(100% - 54px);} .floor_guide .dt_long dt {width:62px;} .floor_guide .dt_long dd {width:calc(100% - 62px);} /* 찾아오시는 길 */ .directions_wrap {gap:20px;} .directions_wrap .map_area {width:100%;} .directions_wrap .root_daum_roughmap .wrap_map {height:66vw !important;} .directions_wrap .roughmap_maker_label a {width:136px; height:77px; background-size:contain; transform:translateY(64px);} .directions_wrap .txt {width:100%;} .directions_wrap .tit {font-size:20px; margin-bottom:20px;} .directions_wrap .address {gap:10px 20px;} .directions_wrap .address li {font-size:14px; line-height:20px; padding:4px 0 4px 40px;} .directions_wrap .address li:before {width:30px; height:30px;} .directions_wrap .garea {margin-top:30px; padding:20px;} .directions_wrap .garea dl {margin-bottom:24px;} .directions_wrap .garea dt, .directions_wrap .garea dd {padding-left:28px;} /* 게시판 상단 */ .board_top {margin-bottom:24px; font-size:14px;} .board_top .text {height:44px;} .board_top .total {font-size:12px;} .board_top .left {flex-direction:column; gap:12px; align-items:flex-start;} .board_top .left .text {width:100%;} .board_top .search_area {gap:0;} .board_top .search_area select.text {width:80px;} .board_top .search_area input.text {width:calc(100% - 156px); margin:0 8px;} .board_top .search_area .btn {line-height:44px; height:44px; width:60px;} .board_top .datepicker_box {width:calc((100% - 75px)/2);} .board_top .datepicker_box + span {width:10px; text-align:center;} .board_top .datepicker_box input.text {margin:0;} .board_top .datepicker_box + .btn {margin-left:5px;} .datepicker_box img {right:10px;} .board_top .right {padding-top:14px;} /* 게시판 목록 */ .board_list table, .board_list tbody, .board_list td {display:block;} .board_list thead, .board_list colgroup {display:none;} .board_list table {border-top:#333 1px solid;} .board_list tr {position:relative; display:flex; flex-wrap:wrap; gap:4px 8px; border-bottom:#E0E3EE 1px solid; padding:16px 0;} .board_list td {height:auto; text-align:left; border:0; width:100%;} .board_list .num {position:absolute; top:16px; left:0; display:block; font-size:0;} .board_list .notice {margin:0; height:22px; line-height:22px;} .board_list .innotice .device {padding-left:60px;} .board_list .instate .num {position:absolute; top:16px; left:0; display:block; font-size:0;} .board_list .instate .device, .board_list .instate .mopl {padding-left:70px;} .board_list .state {text-align:center; margin:0;} .board_list .writer {position:relative; order:1; color:#888; width:auto; padding-left:9px;} .board_list .writer:before {content:""; position:absolute; top:50%; left:0; width:1px; height:14px; background:#E0E3EE; margin-top:-7px;} .board_list .date {color:#888; width:auto;} .board_list .attachment {position:absolute; bottom:20px; right:10px; width:auto;} .board_list .hit {display:none;} .board_list .btns {width:calc(50% - 5px);} .board_list .btns .btn {width:100%; font-size:13px;} .board_list .tit a {padding-left:0;} .board_list .attachment i {width:14px; height:14px;} .g04.s05 .board_list .date {width:100%;} /* 게시판 상세 */ .board_view .head {padding:15px 0;} .board_view .head .tit {flex-direction:column; align-items:flex-start; gap:6px; font-size:16px; line-height:24px;} .board_view .head .tit .state {font-size:12px; line-height:22px; height:22px; padding:0 8px;} .board_view .writer {gap:5px 15px; flex-wrap:wrap; flex-direction:column; align-items:flex-start; margin-top:10px;} .board_view .writer dl {gap:5px; font-size:12px; line-height:20px;} .board_view .writer dl:before {left:-8px; height:10px;} .board_view .writer dt {width:32px;} .board_view .writer dd.status_area .state {font-size:12px; line-height:24px; height:24px; width:50px;} .board_view .btn_link {position:relative; top:0; right:0; transform:none; margin:15px 0 0;} .btn_link {font-size:13px; line-height:36px; height:36px; width:120px; padding:0 8px;} .btn_link.large {width:180px; height:50px; line-height:50px;} .board_view .file_area {padding:15px; margin-top:10px;} .board_view .file_area a {font-size:13px; padding-left:24px; margin-bottom:10px;} .board_view .body {padding:20px 0;} .board_view .prevnext a {padding:10px 0 10px 90px;} .board_view .prevnext .tt {padding-left:40px; font-size:13px;} .board_view .prevnext .tt:before {left:10px; width:20px; height:20px;} .board_view .writer.colm dt {width:60px;} .board_view .writer.colm dd {width:calc(100% - 60px);} .btns_tar {padding-top:16px;} .btns_tar .btn {font-size:13px;} .reply_area {margin-top:40px; padding:20px;} .reply_area .ne {margin-bottom:10px;} /* 테이블 깨기 */ .break_mobile table, .break_mobile tbody {display:block;} .break_mobile colgroup, .break_mobile thead {display:none;} .break_mobile table {border-top:#E0E3EE 1px solid !important;} .break_mobile tr {display:flex; flex-wrap:wrap; align-items:center; gap:5px; border-bottom:#E0E3EE 1px solid; padding:10px 0;} .break_mobile td {display:flex; align-items:center; border:0; height:auto; text-align:left; padding:0;} .break_mobile td:before {font-size:13px; color:#888; font-weight:400; margin-right:5px;} .break_mobile td.my_auto {width:100%;} /* 인사말 */ .bg_greeting_wrap, .bg_greeting {height:200px;} .greeting_wrap {padding:20px 0 60px;} .greeting .tit {font-size:20px;} .greeting .txt {margin-top:12px; padding-top:12px;} .greeting .tt {font-size:16px;} .greeting p {margin:20px 0;} .greeting .name {font-size:15px;} .greeting .name strong {font-size:17px; margin-left:8px;} /* 설립목적 */ .purpose_establishment {padding-top:30px;} .purpose_establishment .head {width:160px; height:160px; margin:0 auto 80px;} .purpose_establishment .head:before {width:220px; height:220px;} .purpose_establishment .head:after {display:none;} .purpose_establishment .head i {background-size:calc(100% - 40px);} .purpose_establishment ul {padding-left:0;} .purpose_establishment ul:before {top:-50px; left:50%; height:calc(100% - 100px);} .purpose_establishment li:before, .purpose_establishment li:after {display:none;} .purpose_establishment li {height:auto; padding-left:0; align-items:center; text-align:center; background:#fff;} .purpose_establishment li i {position:relative; top:0; width:100px; height:100px;} .purpose_establishment li:before, .purpose_establishment li:after {top:50px;} .purpose_establishment strong {font-size:16px;} .purpose_establishment .i4 .line {top:50px; left:-40px; width:10px; height:calc(100% - 50px); background:#fff; display:block; transform:none; pointer-events:none;} /* 연혁 */ .history {padding:60px 0 0; overflow:visible;} .history #start {top:-60px;} .history .years {left:-20px; width:100vw; padding:0 20px; background:#f5f5f5; z-index:1;} .history.start .years {top:60px; left:0; margin:0;} .history .years ul {gap:0;} .history .years li, .history .years li.on {font-size:20px;} .history .years li {display:none; padding:20px 0;} .history .years li.on {display:block;} .history .day_events .box {padding:16px 0;} .history .day_events .box .point {top:-60px;} .history .day_events dt {width:110px; font-size:16px;} .history .day_events dd {width:calc(100% - 110px); font-size:14px;} /* 조직(연락처) */ .organization .boss {width:180px; height:180px; font-size:20px; margin-bottom:30px;} .organization .boss:before {height:112px;} .organization .operate {padding-right:0; margin-bottom:24px; justify-content:center;} .organization .bx {font-size:16px;} .organization .operate:before {display:none;} .organization .operate .bx {height:56px; width:240px; max-width:100%;} .organization .department {flex-direction:column; padding-top:24px;} .organization .department:before {left:25%; width:25%; transform:none;} .organization .department .box {width:100%; display:flex; gap:20px;} .organization .department .box:before {top:-24px; left:25%; height:calc(100% + 24px); z-index:-1;} .organization .department .box:last-child:before {height:24px;} .organization .department .bx {height:48px; margin-bottom:0; width:calc(50% - 10px);} .organization .department ul {padding:0; background:none; width:calc(50% - 10px);} .organization .department li:first-child:before {top:50%; left:-20px; width:20px; height:1px;} .organization .department li a {height:48px;} .organization .department li a i {bottom:6px; right:6px;} .detail_area #detail_area {top:-100px;} .detail_area .detail_list {gap:10px;} .detail_area .stit {height:28px;} .detail_area .detail_list .box {width:100%; padding:20px;} .detail_area .detail_list span {font-size:12px; height:20px;} .detail_area .detail_list .name {font-size:20px;} .detail_area .detail_list ul {margin-top:10px; padding-top:16px;} .info_icons li {font-size:14px;} /* 기기실 상세 */ .equipment_view .info {width:100%; padding:16px;} .equipment_view .info .imgfit {height:54vw; margin-bottom:15px;} .equipment_view .info .tit {font-size:21px; line-height:34px;} .equipment_view .info li {margin-top:5px;} .equipment_view .info p {margin-top:10px; padding-top:10px;} .equipment_list {gap:20px 10px;} .equipment_list .box {width:calc(50% - 5px);} .equipment_list .imgfit {height:37vw;} .equipment_list .txt {padding-top:15px;} .equipment_list .tit {gap:4px; flex-direction:column-reverse; margin-bottom:4px;} .equipment_list .tit strong {font-size:15px;} .equipment_list .txt p {font-size:12px; line-height:18px;} .equipment_view .detail_area .detail_list .box {width:100%;} /* 인증현황 */ .certification table, .certification tbody, .certification td {display:block;} .certification colgroup, .certification thead {display:none;} .certification tr {position:relative; display:flex; flex-direction:column; gap:0 10px; border-bottom:#ebebeb 1px solid; padding:10px 0 10px 24px; width:100%;} .certification td {border:0 !important; padding:0;} .certification td:before {position:absolute; top:0; left:0; color:#888;} .certification td:nth-child(1) {position:absolute; top:10px; left:0;} .certification td:nth-child(2), .certification td:nth-child(3) {position:relative; padding-left:56px;} .certification td:nth-child(2):before {content:"인증현황 :";} .certification td:nth-child(3):before {content:"발령기관 :";} /* 로그인 */ .container.g00 {margin-top:60px; padding-top:60px; min-height:calc(100vh - 462px);} .container.g00.flex_center {padding:100px 0;} .member_wrap .title {font-size:30px; line-height:1.2;} .member_wrap p {margin-bottom:20px;} .member_wrap .text {height:50px;} .member_wrap .text.mt {margin-top:5px;} .member_wrap .btm {margin:10px 0 25px;} .member_wrap .btm .btns a {font-size:13px;} .member_wrap .btn_b {line-height:48px; height:50px;} .member_wrap .mt {margin-top:5px;} .sns_login {margin-top:25px;} .sns_login .flex_center a {width:50px; height:50px;} label.check {font-size:13px;} /* 회원가입 */ .gap_btn {gap:5px;} .gap_btn .text {width:calc(100% - 105px);} .gap_btn .btn {width:100px; height:44px; font-size:14px; line-height:42px;} .gap_btn + p {font-size:14px; margin-top:5px;} .gap_btn + .text, .member_inputs .mt {margin-top:5px;} .member_inputs .w30 {width:100%;} .member_inputs .gbox {padding:10px; margin-top:15px;} .member_inputs .gbox p {font-size:14px; padding-left:14px; text-indent:-14px;} .member_inputs .flex_middle {flex-wrap:wrap;} .member_inputs .flex_middle .btn_pop {margin:5px 0 0 28px;} .fancybox-wrap .txt_privacy {padding:15px;} .pop_search_person {padding-bottom:20px;} .pop_search_person .search_box .btn {position:relative; font-size:0;} .pop_search_person .search_box .btn:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:14px; height:14px; background:#fff; mask:url('/pub/images/icon_search.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_search.svg') no-repeat 50% 50%;} .pop_search_person tr {position:relative;} .pop_search_person td {width:100%;} .pop_search_person td:before {width:63px;} .pop_search_person td:nth-child(1) {width:100%;} .pop_search_person td:nth-child(2):before {content:"책임자 이름 :";} .pop_search_person td:nth-child(3):before {content:"소속기관명 :";} .pop_search_person td:nth-child(4):before {content:"이메일 :";} .pop_search_person td .btn {width:100%; height:34px; line-height:34px;} .pop_search_person .board_bottom .paging {margin-top:20px;} /* 계정 찾기 */ /* .find_wrap .btit {margin-bottom:20px;} */ .find_wrap .tabs_half a {padding:10px 0; margin-bottom:20px;} .find_wrap .garea {padding:15px 10px;} .find_wrap .garea p {font-size:13px; margin-top:10px;} .find_wrap .garea i {width:40px; height:40px; margin-bottom:10px;} /* 예약내역 */ .status_area {gap:20px; margin-bottom:20px;} .status_area li {gap:10px;} .status_area li:before {left:-10px;} .status_area li .box {width:60px; height:60px;} .status_area li strong {font-size:14px;} .status_area li p {font-size:12px;} .status_area li.arrow_set .box:before {left:-10px; width:10px; background-size:10px;} /* 직접사용/조작대행 */ .board_list .my_num {width:30px; display:none;} .board_list .my_state {width:70px;} .state_type2 .my_state .state {width:100%; padding:0;} .board_list .my_date {width:100%;} .board_list .my_btn1, .board_list .my_btn2 {flex:1 1 calc(50% - 5px); display:none;} .board_list.in_btn_w48 .btn, .board_list.in_btn_w48 .btn.big {width:100%;} /* 분석의뢰 */ /* 유전체 분석내역 */ .board_list .my_applicant, .board_list .my_contact, .board_list .my_email {display:none;} /* 토양,수질 분석내역 */ /* 교육/세미나 신청내역 */ /* 결제 */ .board_list .my_bill_num, .board_list .my_bill_amount {width:100%; display:flex;} .board_list .my_bill_num .btn, .board_list .my_bill_amount .btn {width:60px;} .board_list .my_payment_method {width:100%;} .board_list .my_payment_status {width:100%; display:flex; margin-bottom:10px;} .board_list .my_quote, .board_list .my_test, .board_list .my_receipt, .board_list .my_bill_tax {width:calc(50% - 5px);} .board_list .my_bill_tax {text-align:center;} /* Q&A 내역 */ .mytit {font-size:20px; line-height:34px; margin:60px 0 10px;} .mytit .btns {gap:4px;} .mytit .btns .btn {font-size:13px; line-height:30px; height:30px; padding:0 10px;} /* 결제 */ .payment_pay .board_write.pd1 td {padding:12px 0 0;} .payment_pay .board_write.pd2 td {padding:10px; font-size:22px;} .payment_pay .neukkim_box {margin-top:20px; padding:15px;} /* 회원탈퇴 팝업 */ .pop_withdrawal p {margin:20px 0 10px;} .pop_withdrawal .btn_submit {margin-top:20px;} /* 약관 */ .ptit {font-size:16px; padding-bottom:10px; margin-bottom:10px;} .ptit:after {width:30px;} .txt_privacy .date {margin-bottom:20px;} .txt_privacy .tit {margin:30px 0 10px;} .txt_privacy .tit.mt4 {margin-top:20px;} .before_privacy a {width:100%;} .dots_list li {padding-left:10px;} .dots_list li:before {top:10px; width:2px; height:2px;} .terms_wrap table .mw1 {width:35%;} .terms_wrap table .mw2 {width:65%;} /* 통합검색 */ .search_wrap {height:50px; margin-bottom:40px; padding-right:90px;} .search_wrap .text {height:48px; padding:0 20px;} .search_wrap .btn {right:3px; width:80px; height:40px; line-height:40px;} .total_search_wrap {padding:40px 0 60px;} .total_search_wrap .wbox {padding:20px; margin-bottom:20px;} .total_search_wrap .ngs_item_list .imgfit {height:32vw;} .total_search_wrap .stit .btn_more {top:-1px; width:32px; height:32px;} .total_search_wrap .stit .btn_more:before {width:12px;} .total_search_wrap .stit .btn_more:after {height:12px;} .total_search_wrap .text_set1 td {display:flex;} .total_search_wrap .text_set1 td:before {color:#888; width:50px;} .total_search_wrap .text_set1 td:nth-child(1):before {content:"기기실 :";} .total_search_wrap .text_set1 td:nth-child(2):before {content:"연구원 :";} .total_search_wrap .text_set1 td:nth-child(3):before {content:"직책 :";} .total_search_wrap .text_set1 td:nth-child(4):before {content:"위치 :";} .total_search_wrap .text_set1 td:nth-child(5):before {content:"연락처 :";} .total_search_wrap .text_set1 td:nth-child(6):before {content:"이메일 :";} }