프레스

#css-code { display: none; } .psuedo-table-row { margin-top: 1em; padding: 0; } .psuedo-table-row div.et_pb_column div.et_pb_module { margin-bottom: 0; } /* 모집안내의 .psuedo-table-row */ .psuedo-table-row div.et_pb_column:first-child { width: 20%; margin-right: 20px; font-weight: 700; } .psuedo-table-row div.et_pb_column:last-child { width: calc(100% - 20% - 20px); margin-right: 0; } /* 가장 마지막의 입력양식(gravity form) */ #main-content .gform_wrapper { margin: 0; } #main-content .gform_wrapper ul li.gsection { border-bottom: none; border-top: 1px solid #000000; margin-top: 72px !important; margin-bottom: 12px; padding-bottom: 0; } #main-content .gform_wrapper ul li.gsection:first-child { margin-top: 0 !important; } #main-content .gform_wrapper h2.gsection_title { padding: 12px 0 0 !important; } #main-content .gform_wrapper div.gsection_description { font-size: 16px; line-height: 1.7; } #main-content .gform_wrapper ul li.gfield{ margin-top: 24px; } #main-content .gform_wrapper ul li.gfield_inline-block { display: inline-block; min-width: 200px; vertical-align: bottom; } #main-content .gform_wrapper ul li.gfield_block { display: block; } #main-content .gform_wrapper ul li.gfield_1-2-width { width: 50%; } #main-content .gform_wrapper ul li.gfield_1-4-width { width: 25%; } #main-content .gform_wrapper ul li input, #main-content .gform_wrapper ul li select, #main-content .gform_wrapper ul li textarea { width: 100%; border: 2px solid #000000; color: #000000; } #main-content .gform_wrapper ul li div.ginput_container_list table td { padding: 4px 0 0; } #main-content .gform_wrapper ul li.field_description_above div.gfield_description { padding: 0; line-height: 1.7; } input.gform_button { width: 50%; height: 52px; padding: 0.3em 1em !important; font-size: 19px; background: #000000; border-color: #000000; border-radius: 0px; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none; color: #fff; border-radius: 30px !important; border: 2px solid #000000; line-height: 1.7; transition: all 300ms ease 0ms; } input.gform_button:hover { color: #000000; background-color: rgba(0, 0, 0, 0.05); } /* 모바일에서 gravityForm margin, padding 수정 */ @media (max-width: 760px) { #main-content .gform_wrapper ul li div.ginput_container_list table td input { margin: 0; } } @media (max-width: 640px) { #main-content .gform_wrapper ul.gform_fields li.gfield { padding-right: 8px; } } /* 모바일에서 모집안내의 .psuedo-table-row margin, border 수정 */ @media (max-width: 480px) { .psuedo-table-row div.et_pb_column:first-child { margin-bottom: 1em; } .psuedo-table-row div.et_pb_column:last-child { border-top: none; } } /* table styling */ .line-over { border-top: 1px solid black; padding-top: 0.3em; } // 스크롤되면 #stickyNavi는 알아서 sticky해지느니라 var scrollY, objectY = 0; function become_sticky() { scrollY = jQuery(window).scrollTop(); objectY = jQuery("#scrollNavi").offset().top + jQuery("#scrollNavi").innerHeight(); menuBottomY = jQuery(".fullwidth-menu-nav").innerHeight(); if ( scrollY > objectY ) { jQuery("#stickyNavi").removeClass("do-not-display"); jQuery("#stickyNavi").css("top", menuBottomY + "px"); if ( jQuery("body").hasClass("admin-bar") ) jQuery("#stickyNavi").css("top", (menuBottomY+32) + "px"); } else { jQuery("#stickyNavi").addClass("do-not-display"); } } document.addEventListener("DOMContentLoaded", function(){ become_sticky(); jQuery(window).scroll(become_sticky); jQuery(window).resize(become_sticky); }); // #scrollNavi 버튼들과 관련된 속성 var scrollNavi_button_list, navigation_section_list = []; var navigation_recentNum = 0; // #scrollNavi에 있는 버튼들은 href attribution에 써있는 section으로 스크롤되면 자동으로 색상이 흰색으로 바뀌고, 벗어나면 원래 색상으로 바뀜. function navigating_section() { var scrollY = jQuery(window).scrollTop(); var index = -1; for (var i=0; i= sectionY - 100 ) index = index + 1; else break; } scrollNavi_button_list.removeClass("pagination-section"); stickyNavi_button_list.removeClass("pagination-section"); if (index >= 0 ) scrollNavi_button_list.eq(index).addClass("pagination-section"); stickyNavi_button_list.eq(index).addClass("pagination-section"); } document.addEventListener("DOMContentLoaded", function(){ scrollNavi_button_list = jQuery("#scrollNavi a.et_pb_button"); scrollNavi_button_list.each( function(index) { navigation_section_id = jQuery(this).attr("href"); navigation_section_list.push( jQuery( navigation_section_id ) ); }); stickyNavi_button_list = jQuery("#stickyNavi a.et_pb_button"); navigating_section(); jQuery(window).scroll(navigating_section); jQuery(window).resize(navigating_section); });