/*메인화면 설정시 사용되는 CSS*/ /***********매뉴바***********/ .USER_CONTENT .MENUBAR_TYPE1, .USER_CONTENT .MENUBAR_TYPE2, .USER_CONTENT .MENUBAR_TYPE3 {width:100%; clear:both;} /***********이미지***********/ .USER_CONTENT .IMAGE_TYPE1{width:100%; margin-bottom:8px; clear:both;} .USER_CONTENT .IMAGE_TYPE1 IMG {max-width:100%; vertical-align:top; width:expression(this.width > 1000 ? "100%" : "true" );} .USER_CONTENT .IMAGE_TYPE2 {width:50%; clear:none; margin:0; padding:0} .USER_CONTENT .IMAGE_TYPE2 IMG {max-width:100%; margin-bottom:8px; vertical-align:top;} /***********게시판 및 한줄메모***********/ //.USER_CONTENT .COUNTER5 .listbbs_output {min-height:140px;} .USER_CONTENT .COUNTER13 .listbbs_output {min-height:290px;} .USER_CONTENT .COUNTER20 .listbbs_output {min-height:440px;} //.USER_CONTENT .COUNTER5 .photobbs_output {min-height:150px;} .USER_CONTENT .COUNTER13 .photobbs_output {min-height:290px;} .USER_CONTENT .COUNTER20 .photobbs_output {min-height:440px;} .USER_CONTENT .BOARD_TYPE1 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE2 {width:49.5%;} .USER_CONTENT .BOARD_TYPE3 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE4 {width:49.5%;} .USER_CONTENT .BOARD_TYPE5 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE6 {width:49.5%;} .USER_CONTENT .BOARD_TYPE7 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE8 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE9 {width:100%; clear:both;} .USER_CONTENT .BOARD_TYPE11 {width:49.5%;} .USER_CONTENT .COMMENT_TYPE1 {width:100%; clear:both;} .USER_CONTENT .COMMENT_TYPE2 {width:49.5%;} /***********산하모임 통합게시판***********/ .USER_CONTENT .CLUBTOTBOARD_TYPE1 {width:100%; clear:both;} .USER_CONTENT .CLUBTOTBOARD_TYPE2 {width:49.5%;} /*좌우측 게시판 모듈 사용자 및 일자 가리기*/ .USER_CONTENT .POSITION_LEFT .listbbs_output li .bbslist_title {width:90%;} .USER_CONTENT .POSITION_RIGHT .listbbs_output li .bbslist_title {width:90%;} .USER_CONTENT .POSITION_LEFT .listbbs_output .bbslist_date, .USER_CONTENT .POSITION_RIGHT .listbbs_output .bbslist_date, .USER_CONTENT .POSITION_LEFT .listbbs_output .bbslist_writer, .USER_CONTENT .POSITION_RIGHT .listbbs_output .bbslist_writer {display:none;} .USER_CONTENT .POSITION_LEFT .BOARD_TYPE1 .listbbs_output .bbslist_date .date_month1, .USER_CONTENT .POSITION_RIGHT .BOARD_TYPE1 .listbbs_output .bbslist_date .date_month1 {background:none;} /***********로그인 박스***********/ .USER_CONTENT .LOGIN_TYPE1{clear:both; width:100%;} /***********행사달력***********/ .USER_CONTENT .CALENDER_TYPE1{clear:both; width:100%;} .USER_CONTENT .CALENDER_TYPE2{clear:both; width:100%;} /***********통합검색***********/ .USER_CONTENT .SEARCH_TYPE1 {clear:both; width:100%;} /***********카운터***********/ .USER_CONTENT .COUNTER_TYPE1 {clear:both; width:100%;} /***********신규가입회원***********/ .USER_CONTENT .MEMBERNOW_TYPE1 {clear:both; width:100%;} /***********메뉴***********/ .USER_CONTENT .MENUBAR_TYPE1 {clear:both; width:100%;} /***********푸터***********/ .USER_CONTENT .FOOTER_TYPE1 {clear:both; width:100%;} /***********슬라이드***********/ .USER_CONTENT .SLIDE_TYPE1 {clear:both; width:100%;} .USER_CONTENT .SLIDE_TYPE2 {clear:both; width:100%;} /***********(좌우측) 배너***********/ .USER_CONTENT .BANNER_TYPE1 .setSlideEvent {clear:both;} .USER_CONTENT .BANNER_TYPE2 .setSlideEvent {clear:both;} .USER_CONTENT .setSlideEvent .arrow.LEFT_ARROW{position:absolute; left:0; top:50%; transform:translate(0, -50%)} .USER_CONTENT .setSlideEvent .arrow.RIGHT_ARROW{position:absolute; right:0;top:50%; transform:translate(0%, -50%)} .USER_CONTENT .BANNER_TYPE3 .setSlideEvent {clear:both; height:365px;} .USER_CONTENT .BANNER_TYPE4 .setSlideEvent {clear:both; height:365px;} /***********모임리스트***********/ .USER_CONTENT .CLUB_TYPE1 {clear:both; width:100%;} .USER_CONTENT .CLUB_TYPE2 {clear:both; width:100%;} .USER_CONTENT .CLUB_TYPE3 {clear:both; width:100%;} .USER_CONTENT .CLUB_TYPE4 {width:49.5%;} .COLOR-2 .menubarType2Wrap > li.ON > a{font-weight:bold; color:#ffef68;} /**연구소 박영조 선임 추가항목*/ .COMMON_JQPLOT_WIDGET_TYPE1{width: 188px;height: 160px;} .COMMON_JQPLOT_WIDGET_TYPE2{width:170px;height:148px;} .NOTE_TYPE2 .module_title {border-bottom: none;} .NOTE_TYPE2 .module_note {border-top: 1px solid #d3d3cf;} /***********매뉴바 (확장형 ) ***********/ #OKwrapperHD .menu_main_wrap, #OKwrapperHD .menu_main_wrap, #OKwrapperHD .menu_main_wrap{width:1140px; margin:0 auto; clear:both;} #OKwrapperHD .menu_sub_wrap .sub_ul_wrap{width:1140px; margin:0 auto; } #OKwrapperHD .toolbar .toolbar_logo{margin:20px;} #OKwrapperHD .IMAGE_TYPE1{text-align:center;} #OKwrapperHD .IMAGE_TYPE1 IMG{width:100%;} #OKwrapperHD .FOOTER_TYPE1, #OKwrapperHD .FOOTER_TYPE2{padding:20px 10px;} .BOARD_TYPE12 .boardHeaderWrap .mTitle {float: left;} .BOARD_TYPE12 .boardHeaderWrap .bbsmore {float: right;} .BOARD_TYPE12 .boardHeaderWrap:after {content:""; display:block; clear:both;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .module_newmember ul{overflow-y: scroll !important; } body .USER_CONTENT_WRAP .USER_CONTENT .LOGIN_TYPE3 .logid_input{border: 0px;} body .USER_CONTENT_WRAP .USER_CONTENT .LOGIN_TYPE3 .logid_input input, body .USER_CONTENT_WRAP .USER_CONTENT .LOGIN_TYPE3 .logpw_input input{border: 1px solid #DDD;width: 100%;} body .USER_CONTENT_WRAP .USER_CONTENT .LOGIN_TYPE3 .loginBtn{padding: 6px 12px;width: inherit;} body .USER_CONTENT_WRAP .USER_CONTENT .setSlideEvent .arrow.LEFT_ARROW, body .USER_CONTENT_WRAP .USER_CONTENT .setSlideEvent .arrow.RIGHT_ARROW{z-index: 1;} .MEMBERNOW_TYPE3 .list-group-item:after, .COUNTER_TYPE9 .list-group-item:after{content: "";display: block;clear: both;} .MEMBERNOW_TYPE3 .list-group-item .ttl_lbl, .COUNTER_TYPE9 .list-group-item .ttl_lbl{float: left;font-weight: bold;} .MEMBERNOW_TYPE3 .list-group-item .text-info, .COUNTER_TYPE9 .list-group-item .text-info{float: right;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul:after, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul:after{content: "";display: block;clear: both;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li{ float:left; padding: 0;margin: 0;list-style: none;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li:first-child, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li:first-child{width: calc(100% - 50px);} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li:last-child, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li:last-child{width: 50px;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul{ width: 100%;padding: 0px;margin: 0px; margin-top: 5px;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li input, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li input{width:calc( 100% - 12px); margin: 0px;padding: 5px; border-radius: 0px;border:1px solid #DDD;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li:first-child input, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li:first-child input{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCH_TYPE1 .module_output > ul > li:last-child input, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .SEARCHMEM_TYPE1 .module_output > ul > li:last-child input{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;border-left:none;} .DSGN_WIDGET_WRAP .photobbs_output:after{content: "";display: block;clear: both;} /** 상단툴바 높이조정 */ body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3.toolbar .toolbar_loginput li, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2.toolbar .toolbar_loginput li{margin-right: 0px !important;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toolbar_btn, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toolbar_btn{padding: 0.5rem 0rem;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toolbar_btn > li, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toolbar_loginput > li, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toolbar_btn > li, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toolbar_loginput > li{vertical-align: middle !important;} body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toolbar_btn a, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .loginBtn, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toorbar_join , body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .loginBtn, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toorbar_join , body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toorbar_join { display: inline-block !important; padding: 2.5px 12px !important; margin-bottom: 0 !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer; background-image: none !important; border: 1px solid transparent !important; border-radius: 0px !important; width: inherit !important; } /** #de2ba1 */ body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE3 .toolbar_btn a, body .USER_CONTENT_WRAP .USER_CONTENT #OKwrapper .TOOLBAR_TYPE2 .toolbar_btn a{border-radius: 1rem !important;margin: 0 2px;} /** //상단툴바 높이조정 */