/*sub_top*/ #sub_top { background:url("../_img/sub_top_bg.jpg") no-repeat center; text-align:center; color:#fff; height: 240px; padding-top: 78px; } #sub_top h2 { font-size:46px; margin-bottom: 15px; } #sub_top p {font-size:18px; } /*sub_top_menu*/ #sub_top_menu { border-bottom: 1px solid #c4c4c4; text-align:right; margin-bottom: 30px; } #sub_top_menu .wrap div { height:44px; display:inline-block;padding-top: 14px; box-sizing: border-box; } #sub_top_menu .wrap div a { display: block; font-size: 17px; } #sub_top_menu .wrap div a span { font-size: 17px; } #sub_top_menu .wrap .home_btn { padding-left: 15px; padding-right: 15px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; } #sub_top_menu .wrap .home_btn a:hover i { color: #009b98; } #sub_top_menu .wrap .sub_menu1, #sub_top_menu .wrap .sub_menu2 { width: 198px; border-right: 1px solid #c4c4c4; text-align: left; padding-left: 15px; position: relative;z-index: 2; } #sub_top_menu .wrap .sub_menu1 a i, #sub_top_menu .wrap .sub_menu2 a i { position:absolute; right:15px; } #sub_top_menu ul { display:none; position: absolute; top: 44px; border: 1px solid #c4c4c4; width: 202px; left: -4px;} #sub_top_menu ul li { padding: 10px 10px 10px 17px; border-bottom: 1px solid #c4c4c4; background:#fff; transition: background 0.5s ease-out ; } #sub_top_menu ul li a { transition: color 0.5s ease-out ; display:block; } #sub_top_menu ul li:hover a { color:#fff; } #sub_top_menu ul li:hover { background: #009b98; } #sub_top_menu .wrap .sub_menu2 .sub_menu2_child {background: #f0f0f0 21px 9px no-repeat; } #sub_top_menu .wrap .sub_menu2 .sub_menu2_child:hover { background: #C1C1C1 21px 9px no-repeat; } #sub_top_menu .wrap .sub_menu2 .sub_menu2_child:hover a { color:inherit; } /*sub_con*/ .sub_con .wrap { position:relative;} .sub_con .wrap:after { content:""; clear:both; display:block; } .sub_contents .red { color:#c33535; } .sub_contents .blue { color: #1c9292; } .sub_contents .blue2 { color: #2b5ca7; } /*sub_left*/ .sub_left { float:left; margin-right: 50px; width: 218px; margin-bottom: 30px; } .sub_left .sub_tit { background: url(../_img/sub_tit_bg.jpg) center center no-repeat; height: 130px; padding: 20px 61px 20px 20px; } .sub_left .sub_tit h2 { color:#fff;font-size: 34px; display: inline-block; word-break: break-all; line-height: 40px; } .sub_left ul { } .sub_left ul li { border-bottom: 1px solid #c4c4c4; padding: 12px 0; transition: background 0.5s ease-out ; } .sub_left ul li a { font-size: 18px;display: block; transition: color 0.5s ease-out ; padding-left: 12px; } .sub_left ul li:hover { background:#f5f5f5; } .sub_left ul li:hover a { color:#009b98; } .sub_left ul .left_m_on { background: #009b98; padding: 0; } .sub_left ul .left_m_on a { color:#fff !important; padding:12px 0 12px 12px; } .sub_left ul .left_m_on:hover { background: #009b98 ; padding: 0 ; } .sub_left ul .left_m_on a:hover { color:#fff ; padding:12px 0 12px 12px; } .sub_left ul li .left_child_menu {background: #eee; } .sub_left ul li .left_child_menu li { padding: 0; } .sub_left ul li .left_child_menu li:last-child { border-bottom:0; } .sub_left ul li .left_child_menu li a { padding-left: 10px; font-size: 14px; color: #555 !important; word-break: break-all; line-height: 22px; padding-right: 5px; } .sub_left ul li .left_child_menu li:hover { background-color:inherit; } .sub_left ul li .left_child_menu li:hover a { color:inherit; } .sub_left ul li .left_child_menu .left_child_title { background: #d8d8d8 15px 14px no-repeat; font-size: 16px; } .sub_left ul li .left_child_menu .left_child_title:hover { background: #d8d8d8 15px 14px no-repeat; } .sub_left ul li .left_child_menu .left_child_title:hover a { color:inherit; } .sub_left ul li .left_child_menu .left_child_title a { font-size: 16px; } .sub_left ul li .left_child_menu .left_child_on a { font-weight: 500; color: #1a7f7f; } /*sub_contents*/ .sub_contents { float:left; width: calc(100% - 268px); width: -moz-calc(100% - 268px); width: -webkit-calc(100% - 268px); margin-bottom: 40px; color:#4e4e4e;} .sub_contents .con_tit_st1 { display: inline-block; background: #009b98; font-size: 20px; color: #fff; padding: 5px 15px; margin-bottom: 10px; } .sub_contents .con_tit_st2 { color: #333; font-size: 24px; font-weight: 600; background: url(../_img/subcon_tit_bg.gif) no-repeat left top; padding: 2px 0 0 48px; margin-bottom: 20px; background-size: 40px 33px; min-height: 32px; line-height: 32px;} .sub_contents .con_tit_st3 { color: #333; font-size:20px; font-weight: 600; background: url(../_img/subcon_tit_bg2.svg) no-repeat left 50%; padding:10px 0 0 25px; margin-bottom: 20px;height: 33px; background-size: 30px 30px; position: relative;} .sub_contents .con_tit_st4 { color: #333; font-size: 21px; font-weight: 600; margin-bottom: 10px; background-size: 30px 30px; position: relative; text-decoration: underline; } .sub_contents .con_tit_st5 { color: #434343; font-size: 20px; font-weight: 600; margin-bottom: 10px; background-size: 30px 30px; position: relative; } .sub_contents .con_tit_st3 .add_btn { position: absolute; right: 0; top: 10px; } .sub_contents .con_tit_st3 .add_btn a { } .sub_contents .con_tit_st3 .add_btn a span { font-size: 20px; } .sub_contents .con_ul_st1 { padding-left: 20px; } .sub_contents .con_ul_st1 li { list-style-type: disc; } .sub_contents .con_ul_st2 { padding-left: 20px; } .sub_contents .con_ul_st2 li { list-style-type: decimal; } .sub_contents .con_ul_st3 { padding-left: 20px; } .sub_contents .con_ul_st3 li { list-style-type: decimal-leading-zero; } .sub_contents p, .con_ul_st1 li, .con_ul_st2 li {font-size: 17px; line-height: 30px; text-align: justify; } .sub_contents #intro { background: url(../_img/info_bg.jpg) right bottom no-repeat; position:relative; width:100%; height: 300px; margin-bottom: 20px; } .sub_contents #intro p { position:absolute; bottom:30px; left: 20px; color:#fff; margin-right: 350px; font-size: 26px; text-align: left; word-break: break-word; } .sub_contents #intro p strong { display:none; } .greeting img { float: right; margin-left: 40px; margin-bottom: 20px; } .greeting b { font-size: 22px; } .mb0 {margin-bottom:0 !important;} .ta_r {text-align:right !important;} .pl20 { padding-left:20px; display:block; } .sub_contents .con_txt_st1 { color: #5f5f5f; font-size: 15px; width: 100%; display: inline-block;line-height: 27px } .sub_contents p strong {font-size: 18px; line-height: 30px; font-weight:bold; } .sub01_05 .con_tit_st3 {border-top: 1px solid #d3d3d3; margin-top: 15px; padding: 20px 0 0 25px; height: 44px; } .sub01_05 p { margin-top: 20px; } .sub01_05_02 .con_tit_st3 {border-top:0 !important;} .sub01_05_02 .ta_r { border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; } .sub02_01 table tr td:last-child { text-align:left; padding-left:10px; } .sub02_01 table tr th:last-child { width:50%;} .sub02_02 table tr td { line-height: 30px !important; vertical-align: top; text-align: left; padding-left: 20px !important; } .word-break { word-break: normal !important; word-wrap: normal !important; } .link_btn { font-size: 17px; display: inline-block; padding: 10px 20px; border: 1px solid #c1c1c1; background: #009b98; color:#fff !important; } .link_btn i { position: relative; bottom: 2px; margin: 0 2px; } .link_btn:hover { background: #707070; } .btn_group { text-align:center;} .link_btn2 {background: #7c7c7c; color: #fff !important; font-size: 19px; width: 20%; display: inline-block; text-align: center; height: 48px; margin: auto; line-height: 48px; } .link_btn3 {background: #009b98; color: #fff !important; font-size: 19px; width: 20%; display: inline-block; text-align: center; height: 48px; margin: auto; line-height: 48px; } .file_down_btn { font-size: 17px; display: inline-block; padding: 10px 20px; border: 1px solid #c1c1c1; } .file_down_btn i { position: relative; bottom: 2px; margin: 0 2px; } .file_down_btn:hover { background: #ebebeb; } .organization img { width:100%; height: auto; } .organization #og_img_m { display:none; } /*역대회장*/ .past_president ul { } .past_president ul:after { content:""; clear:both; display:block; } .past_president ul li { float:left; border:1px solid #c4c4c4; width:49%; padding: 20px 10px; margin-bottom: 2%; } .past_president ul li:nth-child(odd) { margin-right:2%; } .past_president ul li table { } .past_president ul li table tr th { width: 25%; vertical-align: top; } .past_president ul li table tr th img { width: 90%; margin-top: 5px; } .past_president ul li table tr td:first-child, .past_president ul li table tr:first-child td:nth-child(2) { color: #046e6c; width: 75px; } .past_president ul li table tr td { font-size: 16px; vertical-align: top; line-height: 24px; } /*찾아오시는길*/ .sub_map table { margin-bottom: 20px; } .sub_map table tr th { font-size: 17px; color: #046e6c; width: 75px; vertical-align: top; padding-top: 8px;} .sub_map table tr td { font-size: 17px; line-height: 30px; } /*.sub_contents tab, select box*/ .sub_contents .tab { width:100%; margin-bottom: 20px; } .sub_contents .tab ul { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .sub_contents .tab ul:after { content:""; clear:both; display:block; } .sub_contents .tab ul li { float: left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width:10%; } .sub_contents .tab ul li a { display: block; padding: 10px; font-size: 16px; text-align:center; } .sub_contents .tab ul li a:hover {color:#009b98; background: #f5f5f5; } .sub_contents .tab ul li.on a { background: #009b98; color:#fff; } .sub_contents .tab article {display: none; text-align:center; padding: 15px 0; background-color: #f9f9f9; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .sub_contents .tab article #sub_tab_select { display: block; text-align: center; font-size: 17px; padding: 7px 20px; width: 80%; margin: auto; border-color: #c5c5c5; background:#fff; box-shadow: none; } .sub_contents .tab article span { margin-top: 10px; display: inline-block; } /*학회활동 연혁메뉴 상단 탭*/ .sub01_04 ul li {width:30% !important; } .sub01_04 ul li:last-child { width:40% !important;} /*학회규정 메뉴 상단 탭*/ .sub01_05 ul li {width:18% !important; } .sub01_05 ul li:last-child { width:28% !important;} /*현임원진 메뉴 상단 탭*/ .sub01_07 ul li {width:50% !important; } /*table*/ .sub_table1 { border-top: 1px solid #009b98; color:#4e4e4e; } .sub_table1 table {border-collapse:collapse; text-align: center; } .sub_table1 table tr th { font-size:17px; padding: 15px 5px; background: #f6f6f6; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 24px; } .sub_table1 table tr td { font-size:17px; padding: 15px 5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 24px; } .sub_table1 table tr td:last-child, .sub_table1 table tr th:last-child { border-right:0; } .sub_table2 { border-top: 1px solid #009b98; color:#4e4e4e; } .sub_table2 table {border-collapse:collapse; text-align: center; } .sub_table2 table tr th { font-size:17px; padding: 15px 5px; background: #f6f6f6; border: 1px solid #ddd; line-height: 24px; } .sub_table2 table tr td { font-size:17px; padding: 15px 5px; border: 1px solid #ddd; line-height: 24px; } .sub_table3 { border-top: 1px solid #009b98; color:#4e4e4e; } .sub_table3 table {border-collapse:collapse; text-align: center; } .sub_table3 table tr th { font-size:17px; padding: 15px 5px; background: #f6f6f6; border: 1px solid #ddd; line-height: 24px; } .sub_table3 table tr td { font-size:17px; padding: 15px 5px; border: 1px solid #ddd; line-height: 24px; } .sub_table3 table tr td:last-child { padding: 15px 10px; text-align:left; } /*학회활동현황_학술대회 개최 현황*/ .sub01_04_01 table tr th:first-child { width: 135px;} .sub01_04_01 table tr th:last-child { width:40%; } .sub01_04_01 table tr td:last-child { text-align:left; } /*학회활동현황_세미나 개최 현황*/ .sub01_04_02 table tr th:first-child { width: 110px !important;} .sub01_04_02 table tr th:nth-child(2) { width:40% !important; } .sub01_04_02 table tr th:last-child { width:30% !important; } .sub01_04_02 table tr td:nth-child(2), .sub01_04_02 table tr td:last-child { text-align:left !important; } /*학회활동현황_공사현장 견학회 개최 현황*/ .sub01_04_03 table tr th:nth-child(2) { width:70% !important; } .sub01_04_03 table tr th:nth-child(3) { width:74px !important; } .sub01_04_03 table tr td:nth-child(2) { text-align:left !important; } .sub01_04_03 table tr th:last-child { width:50px !important; } .pay table tr th:nth-child(1) { width:15% !important; } .pay table tr th:nth-child(2) { width:15% !important; } .pay table tr th:nth-child(3) { width:15% !important; } .pay table tr th:nth-child(4) { width:20% !important; } .pay table tr th:nth-child(5) { width: auto!important; } .pay table tr td:nth-child(5) { padding-left:20px; } /*회원안내_정회원 가입안내*/ .sub02_01 table tr th:nth-child(1) { width: 80px;} .sub02_01 table tr th:nth-child(2) { width:80px; } .sub02_01 table tr th:nth-child(3) { width:80px; } .sub02_01 table tr th:nth-child(4) { width:85px; } .sub02_01 table tr th:nth-child(5) { width: auto; } .table_st1 { background: #f6f6f6; } .table_st1 tr td:first-child { padding: 15px 5px 15px 20px; width:135px; vertical-align: top; } .table_st1 tr td {font-size: 17px; padding: 15px 5px; border-bottom: 1px solid #ddd; line-height: 30px !important; } .table_st1 tr td ul { list-style:inside; padding-left: 20px; } .table_st1 tr td ul li { font-size: 17px; list-style-type: lower-alpha; } /*회원안내_기술위원회 가입안내*/ .sub02_02 .box_ul {border-top: 1px solid #009b98; } .sub02_02 .box_ul:after { content:""; clear:both; display:block; } .sub02_02 .box_ul li { float: left; width:50%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 430px; } .sub02_02 .box_ul li h2 { font-size: 17px; padding: 15px 5px; background:#f6f6f6; line-height: 24px; border-bottom: 1px solid #ddd; text-align:center; } .sub02_02 .box_ul li p { font-size: 17px; padding: 15px 5px 15px 20px; } .sub02_02 .box_ul li p a { font-size: 17px; } .sub02_02 .box_ul li p a:hover {color:#009b98;} .sub02_02 .box_ul li:last-child { border-right:0; } .sub02_02 .Committee_join { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .sub02_02 .Committee_join:after { content:""; clear:both; display:block; } .sub02_02 .Committee_join li { width:25%; float:left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position:relative; } .sub02_02 .Committee_join li img { width:100%; } .sub02_02 .Committee_join li span { display: block; font-size: 17px; padding: 15px 0px; text-align: center; width: 60%; margin: auto; line-height: 30px; height: 90px; } /*학술대회 행사안내 학술위원회*/ .sub_contents .tab.sub7_01 ul li { width:20%; } /*학술대회 프로그램 */ .sub_contents .tab.sub7_04 ul li { width:33.3333%; } /*학술대회 광고협찬 */ .sub_contents .tab.sub7_06 ul li { width:50%; } /*논문투고*/ #online_submission_top article { width:100%; height:100%; color:#382f34; text-align:center; } #online_submission_top article h2 { font-size: 40px; padding-top: 45px; font-weight: bold; } #online_submission_top article h2 img { position: relative; bottom: 15px; } #online_submission_top article .txtSt1 { font-size: 22px; margin: 10px 0; text-align: center; } #online_submission_top article span { font-size: 16px;line-height: 24px; margin-bottom: 15px; display: block; } #online_submission_top article div { border: 1px solid #999; padding: 2% 3%; margin-bottom: 25px; } #online_submission_top article div span b { color:#C50D10; font-size: inherit; } #online_submission_top article div span a { color:#194AAC; font-size: inherit; } #online_submission { width:100%; background: url(../_img/Online_Submission_bg.jpg) no-repeat center bottom; position:relative; height:360px; } #online_submission article { position:absolute; width:100%; height:100%; color:#382f34; text-align:center; } #online_submission a { display: block; font-size: 20px; padding: 10px 20px; line-height: 28px; color:#3c1709;border: 1px solid #999; width: 275px; margin: auto; } #online_submission a b { color:#853212; font-size: 24px; } #online_submission a:hover { background:rgba(255,255,255,0.7); } /*로그인*/ #login { width:593px; margin: 30px auto 50px auto;} #login h3 { width:100%; font-size:19px; line-height:30px; border-bottom: 1px solid#969696; text-align: center; padding-bottom: 20px; } #login table { width:100%; margin: 25px 0; } #login table tr th { padding: 7px 0; } #login table tr td { } #login table tr th i { font-size: 30px; } #login table tr:nth-child(1) th i { color:#009b98; } #login table tr:nth-child(2) th i { color:#939393; } #login table tr td input {width: 99%; height: 36px; padding-left: 8px;border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none;line-height: 36px; } #login table tr td.login_btn input { padding-left: 0; height: 82px; background: #009b98; color: #fff; width: 100%; } #login span { width:100%; display: block; } #login span a { width:50%; display: inline-block; text-align: center; background: #dfdfdf; border: 1px solid #c7c7c7; height: 42px; line-height: 42px; font-size: 16px; transition: all 0.5s ease-out; } #login span a:first-child { border-right:0; } #login span a:hover { background:#626262; color:#fff; } /*아이디비밀번호찾기*/ #idpw { } #idpw h3 {width:100%; font-size:19px; line-height:30px; text-align: center; padding-bottom: 20px; } #idpw .idpw_box { width:100%; border-top: 1px solid #009b98; border-left: 1px solid #ddd; margin-bottom: 20px; } #idpw .con_tit_st3 { text-align:left !important;} #idpw .con_tit_st3 .blue { font-size:24px; margin-left: 5px; } #idpw .idpw_box:after { content:""; clear:both; display:block; } #idpw .idpw_box li { float:left; width:50%; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 2%; } #idpw .idpw_box li table { width:100%; margin-bottom: 5%; } #idpw table tr th { padding: 7px 0; text-align: center; } #idpw table tr td { padding-left: 5px; } #idpw table tr th i { font-size: 30px; } #idpw table tr:nth-child(1) th i { color:#009b98; } #idpw table tr:nth-child(2) th i { color:#939393; } #idpw table tr td input {width: 99%; height: 36px; padding-left: 8px;border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none;line-height: 36px; } #idpw table tr td.login_btn input { padding-left: 0; height: 82px; background: #009b98; color: #fff; width: 100%; } .btn_st1 {background: #009b98; color: #fff !important; font-size: 18px; width: 135px; display: block; text-align: center; height: 40px; margin: auto;line-height: 40px;} #idpw .con_ul_st3 { padding-left: 53px; margin-bottom: 10px; } #idpw .con_ul_st3 li { font-size: 17px; line-height: 30px; } #idpw p {padding-left: 25px; } /*회원가입*/ .join_top_bax { width:100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom:20px; } .join_top_bax:after { content:""; clear:both; display:block; } .join_top_bax li { float:left; width:33.3333333333% ; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 12px 0; } .join_top_bax li.on_step { background:#f5f5f5; } .join_top_bax li p { font-size:19px; text-align:center; } .join_top_bax li span { color:#009b98; font-size:19px !important; padding-right: 7px; } .join h4 {color:#009b98; text-align: right; margin-bottom: 15px; font-size: 15px; } .join .input { height: 45px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px;font-size: 16px; box-shadow: none; background:#f9f9f9; width: 340px; line-height: 45px; } .join table tr td { text-align:left !important; padding-left: 20px; } .join .radio_td input { border: 1px solid #cacaca; margin-right: 5px; } .join .radio_td input:last-child { margin-left: 60px; } .join .radio_td2 input { border: 1px solid #cacaca; margin-left: 60px; } .join .radio_td2 span { font-size:16px; margin-left: 60px;} .join .radio_td2 span input { border: 1px solid #cacaca; } .join .radio_td2 input:first-child { margin-left: 0; } .join .input_box .description{display:block; padding-top:15px; font-size:14px;} .select_box { letter-spacing:-4px; font-size:0; width:340px;} .select_box input, .select_box select { width:30%; height:40px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:15px; color:#222; padding:0 0 0 19px; display:inline-block; letter-spacing:-0.5px; margin-right:5%; background:#f9f9f9;} .select_box select { background:url("/img/sub/sel_bg4.png") no-repeat 72px center #f9f9f9;} .select_box select:last-child, .join .input_box .select_box input:last-child { margin-right:0; } .join table tr th { width:100px !important; } .join table { margin-bottom:30px; } .join .join_btn { background:#009b98; color: #fff; font-size: 19px; width: 180px; display: block; text-align: center; height: 48px; margin: auto; line-height:48px; } /*회비결제*/ .pay_top li { width:50% !important ; } .pay { margin-bottom:20px;} .pay table tr td strong, .pay table tr th strong, .pay2 tr th strong { font-size:17px; font-weight:bold; } .pay2 tr th, .pay2 tr td { text-align:left; padding-left: 20px !important;} .pay2 .input { height: 40px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px;font-size: 16px; box-shadow: none; background:#f9f9f9; width: 150px; line-height: 40px; } .paystep2_box {background: #f1f1f1; padding: 20px; line-height: 32px; margin-top: 15px;} /*회원가입_개인정보 동의*/ .join2_box { border: 1px solid #ddd; padding: 3%; width:100%; margin-bottom: 15px; } .join2_box .sub_table1 { margin-top: 15px; } .join2_box .sub_table1 tr td:nth-child(1), .join2_box .sub_table1 tr td:nth-child(2) { border-right: 1px solid #ddd !important; } .agree_box p span { font-size:17px; font-weight:bold; } .agree_box { margin-bottom:20px; } .agree_box input { margin: 0 0 2px 5px;} .agree_box small { color: rgba(168,28,31,1.00) ; } .join2_box .agree_box { margin-bottom:0; } /*회원가입_ 회원가입신청*/ .num3_box { width:340px; font-size: 0px; } .num3_box .input { width:30%; margin-right:5%; } .num3_box .input:last-child { margin-right:0; } .file_btn { padding:0 !important; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; } .sc_btn {width: 130px; height: 45px; background: #009b98; color: #fff; border: none; border-radius: 3px; line-height: 45px; } .home_post { width: 206px !important; margin-right: 4px; } .add_btn { text-align: right; font-size: 20px; color: #009b98; } .add_btn a { background: #009b98; color: #fff; width: 20px; display: inline-block; height: 20px; line-height: 20px; text-align: center; font-size: 20px; } .box_w { width:100%; font-size:0px;} .checkbox_2 { font-size: 17px !important; height: 24px; line-height: 24px; width: 33%; display: inline-block; } .checkbox_2 input { margin-right: 5px; position: relative; bottom: 2px; } .license .select_box select { width:102px !important; } .chk_box { width: 340px; } .chk_box span { width: 50%; display: block; background: #eee; font-size: 16px; height: 45px; line-height: 37px; text-align: center; border: 4px solid #c0c0c0; float: left; } .chk_box .input { width: 50%; } .addr_box { width:80% !important; } /*회원가입신청 우편번호 팝업*/ .sub_table1 #post_boxhome { position: absolute; left: 0px; top: 0px; } .sub_table1 #post_boxoffice { position: absolute; left: 0px; top: 0px; } .sub_table1 #recomm_popup{ position: absolute; left: 0px; top: 0px; } .layer_popup { padding: 20px; border: 3px solid #009b98; width: 100%; } .layer_popup h3 { text-align: center; font-size: 20px; padding-bottom: 20px; } .layer_popup h3 span { } .layer_popup article { text-align:center; } .layer_popup article input { height: 45px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; width: 60%; line-height: 45px; } .layer_popup article a { font-size: 16px; background: #009b98; color: #fff; height: 45px; display: inline-block; line-height: 45px; position: relative; top: 2px; width: 50px; border-radius: 2px; } .layer_popup small { text-align: center; display: block; color: #888; } .layer_popup p {color:#009b98;} .layer_popup table td span { display: inline-block; width: 50px; text-align: center; border: 1px solid #cacaca; border-radius: 2px; margin-bottom: 2px; } .layer_popup table tr td:first-child { text-align:center !important; padding:0 !important; } .pop_c_btn { display: block; text-align: center; background: #666; color: #fff !important; width: 60px; height: 30px; line-height: 30px; margin: auto; border-radius: 2px; } /*개인정보처리방침*/ .privacy p span { padding-left:20px; font-size:17px; display:block; } /*게시판 list*/ .gray_bg { background: #f6f6f6; } .board_search_box { padding: 20px 10%; } .board_search_box article {width: 100%; font-size: 0; position: relative; } .board_search_box article .input { padding-left: 8px;border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; line-height: 40px; height: 40px; } .board_search_box article select {width:20%; } .board_search_box article input {width:60%; } .board_search_box article a { background: #009b98; font-size: 16px; height: 40px; display: inline-block; line-height: 40px; color: #fff; width: 20%; text-align: center; position: absolute; right: 0; bottom: 0; border: 1px solid #ddd;;} .board_search_box article a i { margin-right:3px; } .borard_st { } .borard_st tr td { border-right:0 !important;} .borard_st tr th { background:none !important; border-right:0 !important; font-weight: bold; } .borard_st tr td:nth-child(2) { text-align:left !important; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .borard_st i { color: #999; padding: 2px; } .borard_st .gray_bg td:nth-child(1) {color: #009b98; } .borard_st tr td a { font-size:17px; } .borard_st tr td a:hover { text-decoration:underline; color: #009b98; } .borard_page { width:100%; } .borard_page ul { width: 306px; margin: auto; text-align:center; } .borard_page ul:after { content:""; clear:both; display:block; } .borard_page ul li { display:inline-block; width: 31px; text-align: center; } .borard_page ul li a { font-size: 20px; color:#777; } .borard_page ul li a:hover { color:#009b98; } .borard_page ul li.on a { color:#009b98; font-weight:bold; } .borard_page ul li a i { font-size: 20px; color:#adadad; } /*job 구인구직게시판 리스트*/ .job tr td:nth-child(3) { text-align:left !important;} /*위원회게시판 리스트*/ .sub_board2_search_box .input { padding-left: 8px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; line-height: 40px; height: 40px; } /*통합검색페이지*/ .top_search_box { padding: 20px 10%; } .top_search_box article {width: 100%; font-size: 0; position: relative; } .top_search_box article .input { padding-left: 8px;border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; line-height: 40px; height: 40px; } .top_search_box article input {width:80%; } .top_search_box article a { background: #009b98; font-size: 16px; height: 40px; display: inline-block; line-height: 40px; color: #fff; width: 20%; text-align: center; position: absolute; right: 0; bottom: 0; border: 1px solid #ddd;;} .top_search_box article a i { margin-right:3px; } /*게시판 view*/ .borard_st2 { } .borard_st2 > table > tbody > tr > th { font-size:24px !important; font-weight:500; line-height: 36px !important; } .borard_st2 > table > tbody > tr >:nth-child(2) > td:nth-child(1) {} .borard_st2 > table > tbody > tr >:nth-child(2) > td:nth-child(3) { text-align:right !important;} .borard_st2 > table > tbody > tr > td:nth-child(2) { text-align:left !important;} .borard_st2 > table > tbody > tr > td { border-right:0; font-size:14px;} .borard_st2 .gray_bg a { font-size: 17px; } .borard_st2 .gray_bg a:hover, .borard_st2 tr:nth-child(3) td a:hover { text-decoration:underline; } .borard_btn { width:100%; } .borard_btn ul { width: 50%; margin: auto; text-align:center; } .borard_btn ul:after { content:""; clear:both; display:block; } .borard_btn ul li { display:inline-block; width: 32%; text-align: center; margin: 0 0.2%; } .borard_btn ul li a { display: block; font-size: 17px; padding: 13px 0; color: #fff; } .borard_btn ul li:nth-child(1) a { background: #009b98; } .borard_btn ul li:nth-child(2) a { background: #979797; } .borard_btn ul li:nth-child(3) a { background: #515151; } .borard_btn2 { text-align:right;} .borard_btn2 a { background: #009b98; display: inline-block; font-size: 17px; width: 150px; text-align:center; padding: 13px 0; color: #fff } /*버튼4개*/ .borard_btn3 { width:100%; } .borard_btn3 ul { width: 50%; margin: auto; text-align:center; } .borard_btn3 ul:after { content:""; clear:both; display:block; } .borard_btn3 ul li { display:inline-block; width: 23%; text-align: center; margin: 0 0.2%; } .borard_btn3 ul li a { display: block; font-size: 17px; padding: 13px 0; color: #fff; } .borard_btn3 ul li:nth-child(1) a { background: #009b98; } .borard_btn3 ul li:nth-child(2) a { background: #979797; } .borard_btn3 ul li:nth-child(3) a { background: #515151; } .borard_btn3 ul li:nth-child(4) a { background: #979797; } /*게시판 insert*/ .borard_st3 tr th { font-weight:500; text-align:left; padding-left:30px; padding-left: 27px !important; font-size: 20px !important; } .borard_st3 tr td { border-right:0 !important;} .borard_st3 tr td .input { height: 45px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; line-height: 45px; } .borard_st3 .write_tit td .input { width:100%;} .borard_st3 .write_tit td:nth-child(3) { text-align:left; } .borard_st3 .write_tit td:nth-child(3) input { margin-right:3px;} .borard_st3 .write_file td:nth-child(2) { text-align:left; } .borard_st3 .chk_box:after { content:""; clear:both; display:block; } .borard_st3 tr:last-child td:nth-child(2) { text-align:left; } .file_add { background: #919191; color: #fff !important; padding: 5px 10px; } .borard_st3 .col1 { width:110px !important;} .borard_st3 .col3 { width:120px !important;} /*북게시판*/ .book_borard tr th { background: none !important; border-right: 0 !important; padding: 0 5px 0 0 !important; } .book_borard tr th img { width:100%; } .book_borard tr td {font-weight: 500; } .book_borard tr td a {color: #009b98; font-size:17px;} .book_borard tr td a:hover {color: #b76122; text-decoration: underline;} .book_borard tr td:last-child { text-align: left; padding-left: 2%; font-weight: normal; } .book_borard .col1 { width:15%; } .book_borard .col2 { width: 20%; min-width: 55px; } .book_borard tbody { border-bottom: 2px solid #dbdbdb; } .book_borard h2 {font-size: 24px; font-weight: 500; line-height: 36px; padding: 15px 5px; background: #f6f6f6; border-bottom: 2px solid #ddd; text-align: center; width: 100%;} .book_editor { padding:30px 0; line-height: 170%; } /*북게시판 insert*/ .borard_st4 tr th { font-weight:500; text-align:left; padding-left:30px; padding-left: 27px !important; font-size: 20px !important; } .borard_st4 tr td { border-right:0 !important; padding: 10px 5px !important; } .borard_st4 tr td .input { height: 45px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; line-height: 45px; } .borard_st4 tr:nth-child(2) td .input, .borard_st4 tr:nth-child(3) td .input, .borard_st4 tr:nth-child(4) td .input, .borard_st4 tr:nth-child(5) td .input {width: 100%;} .borard_st4 tr:nth-child(6) td:nth-child(2), .borard_st4 tr:nth-child(7) td:nth-child(2) { text-align:left;} .borard_st4 .chk_box:after { content:""; clear:both; display:block; } .borard_st4 tr:last-child td:nth-child(2) { text-align:left; } .file_add { background: #919191; color: #fff !important; padding: 5px 10px; } .borard_st4 .col1 { width:110px !important;} .borard_st4 .col3 { width:120px !important;} /*위원회*/ .sub_contents .tab2 { display:none; text-align: center; padding: 4% 0; background-color: #f9f9f9;background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} .sub_contents .tab2 select {display: block; text-align: center; font-size: 17px; padding: 7px 20px; width: 60%; margin: auto; border-color: #c5c5c5; background: #fff; box-shadow: none; min-width: 300px; border: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .sub_contents .tab2 span {margin-top: 10px; display: inline-block; } .sub05_01 .col1 {width: 15%; min-width:57px; } .sub05_01 .col2 {width: 15%; min-width:65px; } .sub05_01 .col3 { } .sub05_01 .col4 {width: 15%; min-width:90px; } .sub05_01 .col5 { } /*월간 일정표*/ .tab3 { text-align: center; padding: 4% 0; background-color: #f9f9f9; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c1' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); } .tab3 article {width: 50%; margin: auto; } .tab3 article select { display: inline-block; text-align: center; font-size: 17px; padding: 7px 20px; width: 49%; margin: auto; border-color: #c5c5c5; background: #fff; box-shadow: none; border: 1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .borard_st5 tr th { font-size: 14px !important; } .borard_st5 tr td a { font-size: 20px; } .borard_st5 tr td:first-child a {color: #c33535;} .borard_st5 tr .plan a { color:#009b98 !important; text-decoration:underline; } .borard_st5 tr .today { background: #fdfae8; } .borard_st5 .calendar_t1 {width: 10%; min-width: 69px; } .borard_st5 .calendar_con, .borard_st5 .calendar_con a { text-align: left; font-size: 15px; } .borard_st5 .calendar_con a:hover{ color: #009b98;} .borard_st5 .calendar_t3 {width: 7%; min-width: 30px; } .board_content #memo { width:100%; } .board_content { text-align:left; width: 100%; overflow-x: scroll; } .board_content img {max-width: 100%; max-height: 100%; border: 0 none; vertical-align: top; } .board_content b, .board_content b span { font-weight: bold; font-size: inherit; } /*관련사이트*/ .borard_site tr td { padding:0 !important; } .borard_site tr td a { display:block; padding: 15px 5px; font-size: 17px; line-height: 26px; } .borard_site tr td a:hover { background: #f6f6f6; color:#009b98;; } /*대의원 투표*/ .vote table tr td article { width: 80% !important } .vote table tr td article:after { content:""; clear:both; display:block; } .vote table tr td p { width:50%; float: left; } .vote table tr td p span { font-size:17px !important; display: inline-block; text-align: center; width:70px; } .vote table tr td p input {height: 45px; padding-left: 8px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; width: calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); line-height: 45px; } .file_down {font-size: 18px; } .file_down:hover { color:#009b98; text-decoration:underline; } .vote table tr th { width:100px !important; } /*사전등록 링크 페이지*/ .confer_btn { border-top: 1px solid #ddd; border-left: 1px solid #ddd; width:100%; } .confer_btn:after { content:""; clear:both; display:block; } .confer_btn li { float:left;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 50%; } .confer_btn li a{ display:block; text-align:center; width:100%; padding: 40px 0; transition: all 0.5s ease-out;} .confer_btn li a span { display:block; width:150px; position:relative; height: 100px; margin: 0 auto 20px auto; } .confer_btn li:nth-child(1) a span { background:url("../_img/confer_btn_bg1.png") no-repeat 20px center; } .confer_btn li:nth-child(2) a span { background:url("../_img/confer_btn_bg2.png") no-repeat 20px center; } .confer_btn li a span i { position:absolute; color:#c8c8c8; font-size: 55px; top: 45px; right: 20px; transition: all 0.5s ease-out; } .confer_btn li a p { background: #828282; padding: 5px 20px; display: block; width: 200px; margin: 0 auto 10px auto; color: #fff; text-align: center; font-size: 20px; transition: all 0.5s ease-out; } .confer_btn li a small strong { font-weight: bold; } .confer_btn li a:hover { background:#f7f7f7;} .confer_btn li a:hover span i { color:#009b98; top: 25px; } .confer_btn li a:hover p {background: #009b98; } /*비회원 사전등록*/ .sub_contents .right_btn { position: absolute; top: 0; right: 0; font-size: 17px; border-radius: 10px; background: #009b98; padding: 10px 15px; color: #fff; transition: background 0.5s ease-out; } .sub_contents .right_btn:hover { background:#333; } /*마이페이지_ 사전등록 리스트*/ .gray_txt_box { font-size: 14px !important; background: #888; transition: background 0.5s ease-out; color: #fff !important; padding: 2px 5px; } .gray_txt_box:hover { background: #555; text-decoration: none !important; } /*논문등록*/ .con_ul_st4 { float: right; } .con_ul_st4 :after { content:""; clear:both; display:block; } .con_ul_st4 li { float:left; } .con_ul_st4 li span { display: inline-block; } .con_ul_st4 li input { position: relative; bottom: 2px; margin: 0 5px; } .con_ul_st4 li a { background: #fff; border: 1px solid #c9c9c9; display: inline-block; padding: 4px 10px; border-radius: 2px; transition: all 0.5s ease-out; } .con_ul_st4 li a:first-child { margin-right:3px; } .con_ul_st4 li a:hover {background: #7f7f7f; color: #fff; border-color:#7f7f7f; } .con_ul_st5 { } .con_ul_st5:after { content:""; clear:both; display:block; } .con_ul_st5 li { float: left; width: 50%; margin-bottom: 10px; } .con_ul_st5 li p { display: inline-block; width: 20%; } .con_ul_st5 li input {width: 70%; padding-left: 5px; margin-right: 10%; height: 45px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; line-height: 45px; } .abstract table tr th { text-align:left !important; } .con_ul_st5 { margin-top:10px; } #coauthor-view div:first-child { margin-top:0; } .input_box_st1 { width: 100%; padding-left: 30px; position:relative; margin-top: 10px; } .input_box_st1 .a_check_box { position: absolute; width: 30px; text-align: center; left: 0; top: 18px; } .input_box_st1 article { } .input_box_st1 article:after { content:""; clear:both; display:block; } .input_box_st1 article span { width: 50%; float: left; position: relative; padding-left: 60px; } .input_box_st1 article span p { position: absolute; width: 60px; display: block; text-align: center; top: 10px; left: 0; } .input_box_st1 article span input { width: 90%; height: 45px; border: 1px solid #ddd; border-radius: 2px; font-size: 16px; box-shadow: none; background: #f9f9f9; line-height: 45px; margin-right: 10%; padding-left: 5px; } /*영남지회 소개*/ .youngnam ul li table tr td:first-child, .youngnam ul li table tr:first-child td:nth-child(2) { width: 120px !important; padding-left: 10px; } .youngnam ul li { padding:20px !important;} /*회비현황*/ .pay3 table tr th { width:20% !important; } .pay3 table tr td:last-child { text-align: center !important; } .pay4 table tr th { text-align:left; padding-left:20px; } .pay4 table tr td:nth-child(2), .pay4 table tr td:nth-child(3) { text-align:left; padding-left: 5%; } .pay4 table tr td strong { font-weight: bold; font-size: 17px; } /**영수증*/ .print_btn {display: block; text-align: center; background: #666; color: #fff !important; height: 30px; line-height: 30px; margin: 20px auto 0 auto; border-radius: 2px; text-decoration:none;width: 120px; } /*검색페이지*/ .search_r_box { padding: 20px 0; border-bottom: 1px solid #bdbdbd99; } .search_r_box a:hover { text-decoration:underline; } .search_r_box .search_word { font-size: inherit; font-weight: inherit; background: #f0e984; } .search_rt { margin-bottom: 10px; } .search_rt em { color: #009b98; font-size: 18px; font-weight: 600; } .search_rt small { display: block; } .search_tit_st a { font-size: 20px; font-weight: bold; line-height: 30px; color: #444; margin-bottom: 10px; display: block; } .search_tit_st a b { font-size: 18px; } .search_con_st a { font-size: 16px; word-break: break-all; } /*콘텐츠 기타*/ .sub_contents p strong a { font-size:inherit; } .sub_contents p strong a:hover { color:#009b98; } .sub_table3 tr td strong { font-size:inherit !important; font-weight:bold !important; } @media screen and (max-width:1200px){ /*역대회장*/ .past_president ul li { height: 280px; } /*회원안내_기술위원회 가입안내*/ .sub02_02 .Committee_join li span {width: 80%;} /*.sub_contents */ .sub_contents .mb_hidden { display:none !important; } /*영남지회 소개*/ .youngnam ul li { height: auto !important; } .sub_contents { padding-right:15px;} } @media screen and (max-width:1170px){ } @media screen and (max-width:1070px){ /*논문등록*/ .con_ul_st5 li {width: 100%;} } @media screen and (max-width:990px){ /*sub_left*/ .sub_left { display:none;} .sub_contents { width:100%; padding:0 15px; } /*역대회장*/ .past_president ul li { height: 265px; } /*위원회*/ .sub_contents .tab2 { display:block;} /*비회원 사전등록*/ .sub_contents .right_btn { right:10px;} } @media screen and (max-width:960px){ } @media screen and (max-width:920px){ } @media screen and (max-width:830px){ /*역대회장*/ .past_president ul li { height: 295px; } } @media screen and (max-width:780px){ } @media screen and (max-width:768px){ /*sub_top*/ #sub_top h2 { font-size:36px; margin-bottom: 10px; } #sub_top p {font-size:15px; } /*sub_top_menu*/ #sub_top_menu { text-align:left; } #sub_top_menu .wrap .home_btn { width:48px; } #sub_top_menu .wrap .sub_menu1, #sub_top_menu .wrap .sub_menu2 { width: calc((100% - 54px) / 2); } #sub_top_menu ul { width: calc((100% + 5px)); } /*.sub_contents tab, select box*/ .sub_contents .tab ul { display:none;} .sub_contents .tab article{ display: block;} /*학회활동현황_학술대회 개최 현황*/ .sub01_04_01 table tr td { padding: 10px 5px 10px 100px !important; text-align: left !important; border-right: 0; border-bottom: 1px solid #ddd; } .sub01_04_01 table tr td:last-child { border-bottom:0; } .sub01_04_01 table tr th:first-child { width:auto;} .sub01_04_01 table tr th:last-child { width:auto;} .sub01_04_01 table, .sub01_04_01 thead, .sub01_04_01 tbody, .sub01_04_01 th, .sub01_04_01 td, .sub01_04_01 tr {display: block;} /* Hide table headers (but not display: none;, for accessibility) */ .sub01_04_01 .sub_table1 { border-top:0 !important;} .sub01_04_01 thead tr {position: absolute;top: -9999px;left: -9999px;} .sub01_04_01 tr { border-top: 7px solid #e2e2e2; margin-bottom: 5px; padding-top: 5px; } .sub01_04_01 tr:nth-child(odd) {/*background: #ccc;*/} .sub01_04_01 td {/* Behave like a "row" */border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;} .sub01_04_01 td:before {/* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 10px;left: 6px;width: 100px;white-space: nowrap; color: #009b98; font-weight: 500;} /*Label the datan You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.*/ .sub01_04_01 td:nth-of-type(1):before { content: "년 월 일"; } .sub01_04_01 td:nth-of-type(2):before { content: "분 야"; } .sub01_04_01 td:nth-of-type(3):before { content: "논문편수"; } .sub01_04_01 td:nth-of-type(4):before { content: "장 소"; } .sub01_04_01 td:nth-of-type(5):before { content: "참가인원"; } .sub01_04_01 td:nth-of-type(6):before { content: "비 고"; } /*학회활동현황_세미나 개최 현황*/ .sub01_04_02 td:nth-of-type(1):before { content: "월 일" !important; } .sub01_04_02 td:nth-of-type(2):before { content: "주 제" !important; } .sub01_04_02 td:nth-of-type(3):before { content: "장 소" !important; } .sub01_04_02 td:nth-of-type(4):before { content: "비 고" !important; } /*학회활동현황_공사현장 견학회 개최 현황*/ .sub01_04_03 td:nth-of-type(1):before { content: "년 월 일" !important; } .sub01_04_03 td:nth-of-type(2):before { content: "공사현장" !important; } .sub01_04_03 td:nth-of-type(3):before { content: "참가인원" !important; } .sub01_04_03 td:nth-of-type(4):before { content: "비 고" !important; } /*회원안내_정회원 가입안내*/ .sub02_01 td:nth-of-type(1):before { content: "회원구분" !important; } .sub02_01 td:nth-of-type(2):before { content: "입회비" !important; } .sub02_01 td:nth-of-type(3):before { content: "연회비" !important; } .sub02_01 td:nth-of-type(4):before { content: "종신회비" !important; } .sub02_01 td:nth-of-type(5):before { content: "자격 및 특전" !important; } .table_st1 {border-top: 1px solid #ddd; } .table_st1 tr td:first-child {padding: 15px 5px 15px 10px; width: 89px; vertical-align: top; } /*pay*/ .pay td:nth-of-type(1):before { content: "이름 (ID)" !important; } .pay td:nth-of-type(2):before { content: "회원등급" !important; } .pay td:nth-of-type(3):before { content: "회원상태" !important; } .pay td:nth-of-type(4):before { content: "가입연도" !important; } .pay td:nth-of-type(5):before { content: "회비 현황" !important; } .pay table tr td:nth-child(5) { padding-left:0;} /*회비납부현황*/ .pay3 td:nth-of-type(1):before { content: "회원등급" !important; } .pay3 td:nth-of-type(2):before { content: "회원상태" !important; } .pay3 td:nth-of-type(3):before { content: "가입연도" !important; } .pay3 td:nth-of-type(4):before { content: "회비 현황" !important; } .pay3 td:nth-of-type(5):before { content: "결제 예정액" !important; } .pay3 table tr td:nth-child(5) { padding-left:0; text-align: left !important; } /*sub_contents*/ .organization { padding:0 5px !important;} .organization #og_img_p { display:none; } .organization #og_img_m { display: block; } /*역대회장*/ .past_president ul li { width:100%; } .past_president ul li:nth-child(odd) { margin-right:0;} .past_president ul li { height: auto; } /*회원안내_기술위원회 가입안내*/ .sub02_02 .Committee_join li { width:50%; } /*게시판*/ .board_search_box {padding: 20px 5%;} .borard_st tr td:nth-child(3), .borard_st tr th:nth-child(3) { display:none; } .borard_st tr td:nth-child(5), .borard_st tr th:nth-child(5) { display:none; } .job tr td:nth-child(3), .job tr th:nth-child(3) { display: block !important; } .job tr td:nth-child(4), .job tr th:nth-child(4) { display:none; } /*북게시판*/ .book_borard .col1 { width:25%; } /*대의원 투표*/ .vote table tr td article { width: 82% !important } .vote table tr td p { width:100%; } .vote table tr td article p:first-child { margin-bottom:10px;} .vote table tr th { width:50px !important; } /*논문등록*/ .input_box_st1 article span input { width: 98%; margin-right: 2%; } /*정회원가입안내 테이블 border-top*/ .join_contents .sub_table1 { border-top: none !important;} /*모바일에서 폰트 사이즈 수정*/ .sub_contents table tr td, .sub_contents table tr th, .sub_contents p, .con_ul_st1 li, .con_ul_st2 li { font-size:14.5px; } } @media screen and (max-width:740px){ /*회원가입 논문등록 파일첨부*/ .file_btn { display: block; margin-bottom: 10px; } } @media screen and (max-width:720px){ /*논문투고*/ #online_submission_top article .txtSt1 { margin-top:0;} /*아이디비밀번호찾기*/ #idpw .idpw_box li { width:100%; } #idpw .idpw_box li:first-child { border-bottom: 1px solid #009b98; } #idpw .btn_st1 { margin-bottom:20px; } #idpw p {padding-left: 0; } /*회원가입*/ .checkbox_2:after { font-size:0px; } .checkbox_2 { width: 50%;} /*게시판 view*/ .borard_btn ul { width: 80%;} /*논문등록*/ .con_ul_st5 li input { margin-right: 0; } /*회원가입 동의 체크박스*/ .agree_box input { margin: 0 5px 2px 5px; width: 23px; height: 23px; } /*회원가입 분야 체크박스*/ .checkbox_2 input { width: 20px; height: 20px; } /*회원가입 회원구분 라디오버튼*/ .join .radio_td input { border: 1px solid #cacaca; margin-right: 5px; width: 20px; height: 20px; } /*회원가입 우편물 수신 선택 라디오버튼*/ .join .radio_td2 input { width: 20px; height: 20px; } } @media screen and (max-width:680px){ /*sub_contents*/ .greeting img { margin-left: calc((100% - 256px) / 2); float: initial; } /*투고료 및 게재료 납부*/ .img_responsive { width:100%; } } @media screen and (max-width:640px){ /*sub_contents*/ .sub_contents p { word-break:break-all;} #sub_top_menu .wrap .sub_menu1, #sub_top_menu .wrap .sub_menu2 { padding-left:10px; } #sub_top_menu ul li { padding: 10px 10px 10px 13px;} #sub_top_menu .wrap .sub_menu2 .sub_menu2_child { background: #f0f0f0 13px 9px no-repeat; } #sub_top_menu .wrap .sub_menu2 .sub_menu2_child a { font-size:16px; } /*회원안내_기술위원회 가입안내*/ .sub02_02 .box_ul li {width:100%; border-right:0;min-height:auto; } /*논문투고*/ #online_submission {height: 430px; background-position-y: bottom; } /*로그인*/ #login { width:100%; margin:auto;} /*회원가입*/ .join .join_top_bax li p, .join .join_top_bax li span { font-size:15px !important; } .join h2 {margin-bottom: 40px !important;} .join h2 span { display:block; margin-top: 10px; } .join h4 { text-align:left; padding-left: 48px; } .link_btn2, .link_btn3 { width:30%;} /*회원가입신청 우편번호 팝업*/ .layer_popup { position: fixed; top: 0; background: #fff; left: 0; z-index: 10; height: 100%; } .layer_popup h3 span { display:block;} /*투고규정 이미지*/ .sub01_05_02 img { width: 100% !important; } } @media screen and (max-width:600px){ /*회원가입_ 회원가입신청*/ .addr_box { width:340px !important; } /*대의원 투표*/ .vote table tr td article { width: 405px !important;;} /*논문등록*/ .input_box_st1 article span {width: 100%; margin-top: 5px;} } @media screen and (max-width:540px){ /*sub_contents*/ .sub_contents #intro { background: url(../_img/info_bg.jpg) left bottom no-repeat;} .sub_contents #intro p { font-size: 20px; margin-right: 0;} .sub_contents #intro p strong { display:block; font-size:60px;} .con_ul_st1 li { text-align:left; } /*논문투고*/ #online_submission_top article h2 {font-size: 36px; } #online_submission a {font-size: 18px; text-align: center; bottom: 40px; padding: 5px 10px; width: 90%; } .pay2 .box_block { display:block; margin-top: 10px;} .pay2 .W80 { display:inline-block;} .pay2 #remitter {margin-right: 0 !important;} .pay_top p { font-size:15px !important; } /*게시판*/ .board_search_box article select {width:30%; } .board_search_box article input {width:50%; } .borard_st tr td:nth-child(4), .borard_st tr th:nth-child(4) { display:none; } .job tr td:nth-child(2), .job tr th:nth-child(2) { display:none; } /*회원가입_ 회원가입신청*/ .chk_box { width:100%;} /*게시판 insert*/ .borard_st3 .col1 { width: 56px !important;} .borard_st3 .col3 { width: 76px !important;} /*월간 일정표*/ .tab3 article {width: 70%; } .borard_st5 .calendar_t1 {width: 69px; } .borard_st5 .calendar_t3 {width: 30px; } /*사전등록 링크 페이지*/ .confer_btn li { width: 100%;} } @media screen and (max-width:520px){ .sc_btn {width: 47%; } } @media screen and (max-width:510px){ /*회원가입*/ .join .input, .borard_st4 tr:nth-child(6) td:nth-child(2) .input{ width:100%; } .select_box { width:100%;} /*회원가입_ 회원가입신청*/ .num3_box { width:100%; } .num3_box .input { width:30%; margin-right:5%; } .num3_box .input:last-child { margin-right:0; } .home_post { width: 50% !important; margin-right: 1%; } .addr_box { width:100% !important; } .chk_box .input { width:50% !important;} /*대의원 투표*/ .vote table tr td article { width: 100% !important;;} /*논문등록*/ .con_ul_st5 li p { width: 80px; } .con_ul_st5 li input { width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); } } @media screen and (max-width:485px){ /*회원가입*/ .join .radio_td2 span {display: block; margin-left: 0; } } @media screen and (max-width:480px){ /*sub_top*/ #sub_top { height: 190px; background-size: cover; padding-top:84px; } #sub_top p { display:none; } /*sub_top_menu*/ #sub_top_menu .wrap .sub_menu2 .sub_menu2_child a { font-size:15px; } #sub_top_menu .wrap div a span, #sub_top_menu .wrap div a { font-size: 15px; } /*sub_contents*/ .sub_contents #intro p { font-size: 16px; } .con_ul_st2 li { text-align:left; word-break: break-all; } /*회원안내_기술위원회 가입안내*/ .sub02_02 .Committee_join li span {font-size: 16px;} /*논문투고*/ #online_submission {height: 380px; } #online_submission_top article h2{font-size: 30px; } #online_submission_top article h2img { width:70px;} #online_submission_top article .txtSt1 {font-size: 18px; margin-bottom: 0; } #online_submission_top article span {font-size: 14px; } /*회원가입*/ .join .join_top_bax li {height: 61px; padding: 12px; } .join .join_top_bax li p, .join .join_top_bax li span { font-size:13px !important; line-height: 18px; box-sizing: border-box;} .join .input_box .select_box input, .join .input_box .select_box select { padding-left:5px;} .link_btn2, .link_btn3 { width:40%;} .select_box select { padding-left:5px;} /*북게시판*/ .book_borard .col1 { width:35%; } /*비회원 사전등록*/ .sub_contents .right_btn { position: relative; margin-bottom: 20px; display: block; text-align: center; right: 0} /*회원가입 논문등록 파일첨부*/ .file_btn {width: 100%;} } @media screen and (max-width:434px){ /*회원가입_ 회원가입신청*/ .num3_box .input { width:30%; margin-right:4%; } /*회원가입*/ .checkbox_2 { width: 100%;} .join .input, .borard_st4 tr:nth-child(6) td:nth-child(2) .input{ font-size:13px; } } @media screen and (max-width:400px){ /*논문투고*/ #online_submission_top article h2 img { width:50px;} /*회원가입*/ .join table tr th { width:80px !important; } /*sub_contents*/ .sub_contents .con_tit_st2 {line-height: 30px;} .sub_contents .con_tit_st3 {line-height: 25px; background-size: contain; margin-bottom: 30px;} /*월간 일정표*/ .tab3 article {width: 90%; } .borard_st5 tr th { font-size: 12px !important;} /*영남지회 소개*/ .youngnam .con_tit_st3 { font-size: 17px!important; background: none; padding-left: 0;} } @media screen and (max-width:380px){ /*회원가입*/ .join h2 {margin-bottom: 55px !important;} .join h2 span { display:block; margin-top: 10px; line-height: 20px; } .join h4 { font-size: 14px; line-height: 20px; } /*위원회*/ .sub_contents .tab2 select {min-width: 260px; padding: 7px 5px; font-size: 15px; } } @media screen and (max-width:360px){ /*회원안내_기술위원회 가입안내*/ .sub02_02 .Committee_join li span {font-size: 15px; width: 90%; line-height: 24px;} /*논문투고*/ #online_submission {height: 320px; } #online_submission_top article .txtSt1{font-size: 16px; } #online_submission_top article h2 img{ display:none; } /*영남지회 소개*/ .youngnam ul li { padding: 10px 10px 20px 10px !important;} /*로그인*/ #login span a { font-size:15px;} /*회원가입*/ .join table tr th {width: 60px !important; font-size: 15px;} /*회원 사전등록*/ .confer1 table tr th {width: 60px !important; font-size: 15px;} .confer1 table tr td { font-size: 15px;} /*게시판*/ .board_search_box {padding: 20px 2%;} .board_search_box article .input { font-size: 14px; padding-left: 3px;} .board_search_box article a { font-size: 14px;} /*통합검색*/ .top_search_box {padding: 20px 2%;} .top_search_box article .input { font-size: 14px; padding-left: 3px;} .top_search_box article a { font-size: 14px;} .borard_page ul {width: 270px; } .borard_page ul li { width: 30px;} } @media screen and (max-width:320px){ /*논문투고*/ #online_submission_top article h2 {margin-bottom:10px; padding-top: 20px;} #online_submission_top article .txtSt1{font-size: 15px; } /*위원회*/ .sub05_01 .col2 {width: 58px;} } #m_nav ul.m_block{display:block !important;}