@charset "utf-8"; /*공통*/ /* 20.2.10 전체 폰트 변경작업 시작 - 박혜영 */ body, input, textarea, table , button, value {font-family: 'Noto Sans KR', sans-serif; } /* ----------------------------------------------------------------------- MENU TYPE1 ------------------------------------------------------------------------*/ .MENUBAR_TYPE1 {position:relative; z-index:10;} .MENUBAR_TYPE1 > .menubarType1Wrap > li.ON > a {color: #fff000;} .menubarType1Wrap{padding:10px 0 0 0px; margin:0; min-height:38px; border:1px solid #17438e; background:#d9edfd url('/common/css/images/skin/menubg.gif') repeat-x;} .menubarType1Wrap li {position:relative; float:left; font-size:12px; padding:.5rem 1rem;} .menubarType1Wrap li a {color:#fff;} .menubarType1Wrap li a:hover, .menubarType1Wrap li a:active {color:#ffd800;} .menubarType1Wrap li ul {display:none; border:1px solid #759dc1;} .menubarType1Wrap li ul li {border:none; padding:0 5px;} .menubarType1Wrap li ul li a {color:#1e4e84; font-size:13px; } .menubarType1Wrap li ul li a:hover {color:#006ebb;} .menubarType1Wrap li:hover ul {position:absolute; top:38px; left:-1px; display:block; width:10000%; padding:8px; background-color:#e7f3fe; overflow:hidden; box-sizing:border-box;} /* ----------------------------------------------------------------------- MENU TYPE2 ------------------------------------------------------------------------*/ .MENUBAR_TYPE2 {position:relative; z-index:10;} .menubarType2Wrap {list-style:none; background:url('/common/css/images/skin/menubg.gif'); margin:0; border:1px solid #1a50aa; border-left:0; border-right:0; min-height:38px; } .menubarType2Wrap .mainMenu {float:left;position:relative; z-index:100;} .menubarType2Wrap li a {text-align:left; margin:0; display:inline-block;color:#fff; padding:7px 20px 8px;} .menubarType2Wrap li a:hover {font-weight:bold; color:#cedce9;} .menubarType2Wrap li a span {margin:0; padding:0;} .menubarType2Wrap li ul {position:absolute; left:0; top:100%; display:none; margin:0; background:#e7f3fe; padding:0; border:1px solid #759dc1; border-top:none; z-index:100;} .menubarType2Wrap li:hover > ul {display:block;} .menubarType2Wrap li ul li a {min-width:150px; word-break:keep-all; padding:8px 20px 8px 20px; line-height:1.5; font-size:13px; font-weight:normal; display:block; background:#e7f3fe; color:#1a50aa;} .menubarType2Wrap li ul li a:hover {background:#4474b4; color:#fff;} .menubarType2Wrap{display:table; width:100%;} .menubarType2Wrap .mainMenu{float:none; display:table-cell; text-align:center;} /* ----------------------------------------------------------------------- MENU TYPE3 ------------------------------------------------------------------------*/ .MENUBAR_TYPE3 {position: relative;} .menubarType3Wrap{height:38px; box-sizing:border-box; padding:7px 0 0 0; border:1px solid #17438e; background:#d9edfd url('/common/css/images/skin/menubg.gif') repeat-x; border-left:0; border-right:0;} .menubarType3Wrap .menu_main_wrap{margin:0; padding:0} .menubarType3Wrap .menu_main_wrap li{position:relative; display: inline-block; text-align:center; float:left; } .menubarType3Wrap .menu_main_wrap li a{color:#fff; display:inline-block; text-align:center;} .menubarType3Wrap .menu_sub_wrap {background:rgba(0,0,0,0.8); position: absolute; top:100%; width:100%; z-index: 9999; display: none;} .menubarType3Wrap:hover .menu_sub_wrap {display: block;} .menubarType3Wrap .menu_sub_wrap ul{margin: 0px;padding: 0;display: inline-block;vertical-align: top; } .menubarType3Wrap .menu_sub_wrap ul li{text-align: center;padding: 5px 0px;} .menubarType3Wrap .menu_sub_wrap ul li a{color:#fff; font-weight:normal; width:100%; display:block} .menubarType3Wrap .menu_sub_wrap ul li:hover{background:rgba(89,133,200,0.8);} .menubarType3Wrap.count1 > ul.menu_main_wrap > li, .menubarType3Wrap.count1 div.menu_sub_wrap ul{width:100%;} .menubarType3Wrap.count2 > ul.menu_main_wrap > li, .menubarType3Wrap.count2 div.menu_sub_wrap ul{width:50%;} .menubarType3Wrap.count3 > ul.menu_main_wrap > li, .menubarType3Wrap.count3 div.menu_sub_wrap ul{width:33.3%;} .menubarType3Wrap.count4 > ul.menu_main_wrap > li, .menubarType3Wrap.count4 div.menu_sub_wrap ul{width:25%;} .menubarType3Wrap.count5 > ul.menu_main_wrap > li, .menubarType3Wrap.count5 div.menu_sub_wrap ul{width:20%;} .menubarType3Wrap.count6 > ul.menu_main_wrap > li, .menubarType3Wrap.count6 div.menu_sub_wrap ul{width:16.6%;} .menubarType3Wrap.count7 > ul.menu_main_wrap > li, .menubarType3Wrap.count7 div.menu_sub_wrap ul{width:14.2%;} .menubarType3Wrap.count8 > ul.menu_main_wrap > li, .menubarType3Wrap.count8 div.menu_sub_wrap ul{width:12.5%;} .menubarType3Wrap.count9 > ul.menu_main_wrap > li, .menubarType3Wrap.count9 div.menu_sub_wrap ul{width:11.1%;} .menubarType3Wrap.count10 > ul.menu_main_wrap > li, .menubarType3Wrap.count10 div.menu_sub_wrap ul{width:10%;} /* COLOR-2 */ .COLOR-2 .module_box .box_module {border-color:#ddd;} .module_title {padding-bottom: 5px;} .COLOR-2 .module_title {/* color:#0dbdb4; background:#fff; */ border:0; border-bottom:1px solid #ddd; min-height:23px; _height:23px; line-height:23px;} .COLOR-2 .module_output {background:#fff;} .COLOR-2 #now_subjectmenu .module_box .box_module {border-color:#136cb7;} .COLOR-2 #now_subjectmenu .module_title {background:#136cb7; border-color:#136cb7; color:#fff;} .COLOR-2 .listbbs_output {border:0;} .COLOR-2 .listbbs_output .bbstitle {color:#333; background-color:rgba(13, 189, 180, 0.3); /* border:1px solid #8dd8d4; */ font-size:14px;} .COLOR-2 .listbbs_output .news_list .bbslist_title {color:#333;} .COLOR-2 .listbbs_output a:hover, .COLOR-2 .listbbs_output a:active, .COLOR-2 .listbbs_output a:focus {color:#000;} .COLOR-2 .photobbs_output {border-color:#ccc;} .COLOR-2 .photobbs_output .bbstitle {color:#333; background-color:transparentf; border:0;} .COLOR-2 .photobbs_output .photobbs_list a:hover {color:#005d88;} .COLOR-2 .photobbs_output .photobbs_list li {width:120px; margin-left:4%;} .COLOR-2 .photobbs_output .photobbs_list a:hover .photobbs_img {border-color:#005d88;} .COLOR-2 .photobbs_output .photobbs_img {width:115px;} .COLOR-2 .BOARD_TYPE7 {border:0;} .COLOR-2 .BOARD_TYPE7 .bbstitle {border:0; color:#005d88; background:none; font-size:14px;} .COLOR-2 .BOARD_TYPE7 a:hover .slidebbs_title {color:#333;} .COLOR-2 .BOARD_TYPE7 .slidebbs_title {font-size:12px; background:#ecf2fb; font-weight:normal; color:#666; top:0; border-bottom:3px solid #005d88;} /*.COLOR-2 .box_login .login_title {background:#136cb7; border-color:#136cb7;} .COLOR-2 .box_login .login_account {border-color:#136cb7;}*/ .COLOR-2 .menubarType1Wrap {border:0; border-bottom:1px solid #ddd; height:72px; background:url('/common/css/images/skin/skin8/menu_b.gif') repeat-x;} .COLOR-2 .menubarType1Wrap li a {color:#fff; text-decoration:none; font-weight:bold;} .COLOR-2 .MENUBAR_TYPE1 > .menubarType1Wrap > li.ON > a {color: #fff000;} .COLOR-2 .menubarType1Wrap li a:hover, .menubarType1Wrap li a:active {color:#fff000;} .COLOR-2 .menubarType1Wrap li:hover ul {display:block; top:30px; left:-70px; *left:-70px; width:800px; padding:10px; list-style:none; overflow:hidden;} .COLOR-2 .menubarType1Wrap li ul li a {color:#666; padding:0 5px; font-weight:normal; font-size:12px; font-family:Gulim;} .COLOR-2 .menubarType1Wrap li ul li a:hover {color:#333;} .COLOR-2 .menubarType2Wrap {background:url('/common/css/images/skin/skin8/menu_b.gif') repeat-x; border:0;} .COLOR-2 .menubarType2Wrap li a {color:#fff;} .COLOR-2 .menubarType2Wrap li a:hover {color:#ffef68;} .COLOR-2 .menubarType2Wrap li ul {border-color:#136cb7; background:#fff;} .COLOR-2 .menubarType2Wrap li ul li a {background:#fff; color:#0dbdb4;} .COLOR-2 .menubarType2Wrap li ul li a:hover {background:#c3c3c3; color:#fff;} .COLOR-2 .sub_tophead .sub_title {border-color:#333; color:#333;} .COLOR-2 .bbs_table th {border-color:#666; color:#666;} .COLOR-2 .bbs_list .bbs_write {border-color:#999;} .COLOR-2 .bottom_page .current_page {color:#333; text-decoration:underline;} .COLOR-2 .bottom_page li .current_page:hover {color:#333; text-decoration:underline;} .COLOR-2 .bbs_list .bbs_search .INPUTTYPE3:focus {border-color:#ebc200;} .COLOR-2 .menubarType1Wrap, .COLOR-2 .menubarType2Wrap, .COLOR-2 .menubarType3Wrap{background-color:#0dbdb4; background-image:none; border: none;} /*red color*/ /* .COLOR-3 .module_title {color:#333; background:#efdbe6;} */ /* .COLOR-3 .module_box .box_module {border-color:#cebac5;} */ .COLOR-3 .listbbs_output {border-color:#adbece;} .COLOR-3 .listbbs_output .bbstitle {color:#333; background-color:#efdbe6; border:0;} .COLOR-3 .photobbs_output {border-color:#ccc;} .COLOR-3 .photobbs_output .bbstitle {color:#333; background:none;} .COLOR-3 .photobbs_output .photobbs_list a:hover {color:#000;} .COLOR-3 .photobbs_output .photobbs_list a:hover .photobbs_img {border-color:#666;} /*.COLOR-3 .box_login .login_title {background:#8a0a08; border-color:#8a0a08;} .COLOR-3 .box_login .login_account {border-color:#8a0a08;}*/ .COLOR-3 .menubarType1Wrap {border-color:#8a0a08; border-top:1px solid #aaa; background:none;} .COLOR-3 .menubarType1Wrap li a {color:#333; text-decoration:none; font-weight:bold;} .COLOR-3 .menubarType1Wrap li a:hover, .menubarType1Wrap li a:active {color:#8a0a08;} .COLOR-3 .menubarType1Wrap li ul li a {color:#b33db7;} .COLOR-3 .menubarType1Wrap li ul li a:hover {color:#c460e6;} .COLOR-3 .MENUBAR_TYPE1 > .menubarType1Wrap > li.ON > a {color: #8a0a08;} .COLOR-3 .menubarType2Wrap {background:none; border-color:#8a0a08;} .COLOR-3 .menubarType2Wrap li a {color:#333; text-decoration:none;} .COLOR-3 .menubarType2Wrap li a:hover {color:#8a0a08;} .COLOR-3 .menubarType2Wrap li ul {border-color:#8a0a08; background:fff;} .COLOR-3 .menubarType2Wrap li ul li a {background:#fff; color:#8a0a08;} .COLOR-3 .menubarType2Wrap li ul li a:hover {background:#8a0a08; color:#fff;} .COLOR-3 .listbbs_output a:hover, .COLOR-3 .listbbs_output a:active, .COLOR-3 .listbbs_output a:focus {color:#000;} .COLOR-3 .sub_tophead .sub_title {border-color:#8a0a08; color:#8a0a08;} .COLOR-3 .bbs_table th {border-color:#8a0a08; color:#8a0a08;} .COLOR-3 .bbs_list .bbslist_category ul {background:#fafafa; border-color:#8a0a08;} .COLOR-3 .bbs_list .bbslist_category .category_tab {border-color:#8a0a08; color:#8a0a08;} .COLOR-3 .bbs_list .bbslist_category .category_tab:hover, .COLOR-3 .bbs_list .bbslist_category .ON .category_tab {color:#fff; background:#8a0a08;} .COLOR-3 .bbs_list .bbs_write {border-color:#8a0a08;} .COLOR-3 .bottom_page li .ON, .COLOR-3 .bottom_page li .current_page:hover {color:#8a0a08; text-decoration:underline;} .COLOR-3 .bbs_list .bbs_search .INPUTTYPE3:focus {border-color:#8a0a08;} /*yellow color*/ .COLOR-4 .module_box .box_module {border-color:#ddd;} .COLOR-4 .module_title {/* color:#48401b; background:#e8f1fe; */ border:0; border-bottom:1px solid #ddd; min-height:23px; _height:23px; line-height:23px; padding-left:8px; } .COLOR-4 .module_output {background:#fff; padding:0 8px;} .COLOR-4 #now_subjectmenu .module_box .box_module {border-color:#f08f12;} .COLOR-4 #now_subjectmenu .module_title {background:#f08f12; border-color:#f08f12; color:#fff;} .COLOR-4 .listbbs_output {border:0;} .COLOR-4 .listbbs_output .bbstitle {/* color:#d14f2c; */background:none; border:0;/* border-bottom:3px solid #d14f2c; */ font-size:14px;} .COLOR-4 .listbbs_output .news_list .bbslist_title {color:#333;} .COLOR-4 .listbbs_output a:hover, .COLOR-4 .listbbs_output a:active, .COLOR-4 .listbbs_output a:focus {color:#000;} .COLOR-4 .photobbs_output {border-color:#ccc;} .COLOR-4 .photobbs_output .bbstitle {color:#333; background:none; border:0;} .COLOR-4 .photobbs_output .photobbs_list a:hover {color:#d14f2c;} /* .COLOR-4 .photobbs_output .photobbs_list li {width:120px; margin-left:4%;} */ .COLOR-4 .photobbs_output .photobbs_list a:hover .photobbs_img {border-color:#d14f2c;} .COLOR-4 .photobbs_output .photobbs_img {width:115px;} .COLOR-4 .BOARD_TYPE7 {border:0;} .COLOR-4 .BOARD_TYPE7 .bbstitle {border:0; color:#d14f2c; background:none; font-size:14px;} .COLOR-4 .BOARD_TYPE7 a:hover .slidebbs_title {color:#333;} .COLOR-4 .BOARD_TYPE7 .slidebbs_title {font-size:12px; background:#ecf2fb; font-weight:normal; color:#666; top:0; border-bottom:3px solid #d14f2c;} /*.COLOR-4 .box_login .login_title {background:#f08f12; border-color:#f08f12; color:#fff} .COLOR-4 .box_login .login_account {border-color:#f08f12;}*/ .COLOR-4 .menubarType1Wrap {border:0; border-bottom:1px solid #ddd; height:72px; background:url('/common/css/images/skin/skin8/menu_o.gif') repeat-x;} .COLOR-4 .menubarType1Wrap li a {color:#fff; text-decoration:none; font-weight:bold;} .COLOR-4 .menubarType1Wrap li a:hover, .menubarType1Wrap li a:active {color:#ffef68;} .COLOR-4 .menubarType1Wrap li ul li {border:none;} .COLOR-4 .menubarType1Wrap li ul li a {color:#666; padding:0 5px; font-weight:normal; font-size:12px; font-family:Gulim;} .COLOR-4 .menubarType1Wrap li ul li a:hover {color:#333;} .COLOR-4 .menubarType1Wrap li:hover ul {display:block; top:30px; left:-70px; *left:-70px; width:800px; padding:10px; list-style:none; overflow:hidden;} .COLOR-4 .MENUBAR_TYPE1 > .menubarType1Wrap > li.ON > a {color: #ffef68;} .COLOR-4 .menubarType1Wrap li ul li a {color:#666;} .COLOR-4 .menubarType1Wrap li ul li a:hover {color:#937612;} .COLOR-4 .menubarType2Wrap {background:url('/common/css/images/skin/skin8/menu_o.gif') repeat-x; border:0;} .COLOR-4 .menubarType2Wrap li a {color:#fff;} .COLOR-4 .menubarType2Wrap li a:hover {color:#ffef68;} .COLOR-4 .menubarType2Wrap li ul {border-color:#f08f12; background:#fff;} .COLOR-4 .menubarType2Wrap li ul li a {background:#fff; color:#f08f12;} .COLOR-4 .menubarType2Wrap li ul li a:hover {background:#f08f12; color:#fff;} .COLOR-4 .sub_tophead .sub_title {border-color:#333; color:#333;} .COLOR-4 .bbs_table th {border-color:#666; color:#666;} .COLOR-4 .bbs_list .bbslist_category ul {background:#fafafa; border-color:#ebc200;} .COLOR-4 .bbs_list .bbslist_category .category_tab {border-color:#ebc200; color:#ebc200;} .COLOR-4 .bbs_list .bbslist_category .category_tab:hover, .COLOR-4 .bbs_list .bbslist_category .ON .category_tab {color:#fff; background:#ebc200;} .COLOR-4 .bbs_list .bbs_write {border-color:#999;} .COLOR-4 .bottom_page .current_page {color:#333; text-decoration:underline;} .COLOR-4 .bottom_page li .current_page:hover {color:#333; text-decoration:underline;} .COLOR-4 .bbs_list .bbs_search .INPUTTYPE3:focus {border-color:#ebc200;} .COLOR-2 .menubarType2Wrap li ul{border-color:#7a0021;} /*Cloud color*/ .COLOR-7 .module_box .box_module {/* border:1px dashed #3bafe0; */} .COLOR-7 .module_title {color:#1689ba;} .COLOR-7 .listbbs_output {border:dashed 1px #3bafe0;} .COLOR-7 .listbbs_output .bbstitle {color:#1689ba; background: url('/common/css/images/skin/bl_cloud.gif') 13px 5px no-repeat; } .COLOR-7 .listbbs_output a:hover, .COLOR-7 .listbbs_output a:active, .COLOR-7 .listbbs_output a:focus {color:#3bafe0;} .COLOR-7 .photobbs_output {border:dashed 1px #3bafe0;} .COLOR-7 .photobbs_output .bbstitle {color:#1689ba; background:url('/common/css/images/skin/bl_cloud.gif') 13px 7px no-repeat;} .COLOR-7 .photobbs_output .photobbs_list a:hover {color:#3bafe0;} .COLOR-7 .photobbs_output .photobbs_list a:hover .photobbs_img {border-color:#ccc;} /*.COLOR-7 .box_login .login_title {background:none; border:dashed 1px #3bafe0; border-bottom:none; color:#1689ba} .COLOR-7 .box_login .login_account {border:dashed 1px #3bafe0; background:none;}*/ .COLOR-7 .menubarType1Wrap {border:dasehd 1px #3bafe0; background:#769d4f url('/common/css/images/skin/menubg_green2.gif') repeat-x;} .COLOR-7 .menubarType1Wrap li a {color:#1689ba; text-decoration:none; font-weight:bold;} .COLOR-7 .menubarType1Wrap li a:hover, #M_MENU1 li a:active {color:#000;} .COLOR-7 .menubarType1Wrap li ul li a {color:#1689ba;} .COLOR-7 .menubarType1Wrap li ul li a:hover {color:#333;} .COLOR-7 .menubarType2Wrap {background:none; border-color:#3bafe0; border:dashed 1px #3bafe0;} .COLOR-7 .menubarType2Wrap li a {color:#1689ba;} .COLOR-7 .menubarType2Wrap li a:hover {color:#000;} .COLOR-7 .menubarType2Wrap li ul {background:#fff; border-color:#3bafe0;} .COLOR-7 .menubarType2Wrap li ul li a {background:#fff; color:#333;} .COLOR-7 .menubarType2Wrap li ul li a:hover {background:#3bafe0; color:#fff;} .COLOR-7 .sub_tophead .sub_title {border-color:#3bafe0; color:#333;} .COLOR-7 .bbs_table th {border-color:#3bafe0; color:#333;} .COLOR-7 .bbs_list .bbslist_category ul {background:#fafafa; border-color:#3bafe0;} .COLOR-7 .bbs_list .bbslist_category .category_tab {border-color:#3bafe0; color:#3bafe0;} .COLOR-7 .bbs_list .bbslist_category .category_tab:hover, .COLOR-7 .bbs_list .bbslist_category .ON .category_tab {color:#fff; background:#3bafe0;} .COLOR-7 .bbs_list .bbs_write {border:dashed 1px #3bafe0;} .COLOR-7 .bottom_page li .ON, .COLOR-7 .bottom_page li .current_page:hover {color:#333; text-decoration:underline;} .COLOR-7 .bbs_list .bbs_search .INPUTTYPE3:focus {border-color:#3bafe0;} .COLOR-7 .module_box .box_module {/* border:1px dashed #3bafe0; */ } .COLOR-7 .module_title {color:#1689ba;} .COLOR-7 .listbbs_output {border:dashed 1px #3bafe0;} .COLOR-7 .listbbs_output .bbstitle {color:#1689ba; background: url('/common/css/images/skin/bl_cloud.gif') 13px 5px no-repeat; } .COLOR-7 .listbbs_output a:hover, .COLOR-7 .listbbs_output a:active, .COLOR-7 .listbbs_output a:focus {color:#3bafe0;} .COLOR-7 .photobbs_output {border:dashed 1px #3bafe0;} .COLOR-7 .photobbs_output .bbstitle {color:#1689ba; background:url('/common/css/images/skin/bl_cloud.gif') 13px 7px no-repeat;} .COLOR-7 .photobbs_output .photobbs_list a:hover {color:#3bafe0;} .COLOR-7 .photobbs_output .photobbs_list a:hover .photobbs_img {border-color:#ccc;} .COLOR-7 .sub_tophead .sub_title {border-color:#3bafe0; color:#333;} .COLOR-7 .bbs_table th {border-color:#3bafe0; color:#333;} .COLOR-7 .bbs_list .bbslist_category ul {background:#fafafa; border-color:#3bafe0;} .COLOR-7 .bbs_list .bbslist_category .category_tab {border-color:#3bafe0; color:#3bafe0;} .COLOR-7 .bbs_list .bbslist_category .category_tab:hover, .COLOR-7 .bbs_list .bbslist_category .ON .category_tab {color:#fff; background:#3bafe0;} .COLOR-7 .bbs_list .bbs_write {border:dashed 1px #3bafe0;} .COLOR-7 .bottom_page li .ON, .COLOR-7 .bottom_page li .current_page:hover {color:#333; text-decoration:underline;} .COLOR-7 .bbs_list .bbs_search .INPUTTYPE3:focus {border-color:#3bafe0;} /*상단네비 .COLOR-2 .menubarType2Wrap { border-radius: 20px; background:#7a0021} .COLOR-2 .menubarType2Wrap li ul li a { background: #767456; color: #FFF;} .COLOR-2 .menubarType2Wrap li ul li a:hover { background: #666446; color: #FFF;} */ /*----------------로그인 타이틀 제외 공통 좌우측 모듈 박스-----------------*/ .module_box {clear:both; position:relative; width:100%; margin-bottom:8px;} .module_box .box_module {/* border:1px solid #759dc1; *//* vertical-align:top; margin:0px; padding:0; *min-height:20px; _height:20px; */} .module_box .box_module:after {content:""; display:block; clear:both;} .module_title {color:#333; padding-left:8px; font-size:14px; font-weight:bold; border-bottom:1px solid #d3d3cf; margin:0; min-height:30px; _height:30px; line-height:30px; word-break:break-all;} /*모듈타이틀*/ .module_title a {text-decoration:none;} .module_box .module_more {text-decoration:none; position:absolute; font-size:12px; color:#666; font-weight:normal; right:10px; top:0;} /*로그인*/ .LOGIN_TYPE3 .box_login a{display: block;} .LOGIN_TYPE3 .log07 {width: 100%; display: table;} .LOGIN_TYPE3 .log07_01 {display: table-cell; width: calc(50%-1px);} .LOGIN_TYPE3 .log07_02 {display: table-cell; width: 50%;} .LOGIN_TYPE3 .go-page { box-sizing: border-box; box-shadow: none;-webkit-box-shadow: none;} /*----------------통합 검색----------------*/ .module_search {position:relative;} .module_search .module_title {border-bottom:1px solid #ddd; padding-left:8px} .module_search .box_input {width:70%; height:15px; border:1px solid #999; color:#333; margin:8px; line-height:15px;} .module_search .box_input:focus {border-color:#396bc2} .module_search .module_output{position:relative;} .module_search .module_output .search_go {position:absolute; right:0px; top:8px;} .module_search .module_output .search_go .btn_search {background:url('/common/css/images/btn_go.gif') no-repeat; width:26px; height:19px; border:0; cursor:pointer;} /*----------------활동점수best----------------*/ .point_best {line-height:150%; min-height:140px; _height:140px;} .point_best ol {margin:0px; padding:0px; list-style:none; vertical-align:top;} .point_best li {margin:5px 0 0 0; padding:0px;} .point_best li .ranking {display:inline-block; width:14px; height:13px; margin:2px 3px 0 0; *margin:0 3px 0 0; background:#6e87a5; text-align:center; vertical-align:top; font:bold 0.8em Tahoma; color:#fff;} /*----------------토론마당----------------*/ .now_survey {line-height:150%; min-height:140px; _height:140px;} .now_survey .module_output a {text-decoration:none; color:#333; line-height:18px;} .now_survey ul {margin:3px 0 0 0; padding:0; list-style:none;} .now_survey .survey_option {position:relative; top:3px;} .now_survey .result_survey {width:100%; text-align:center;} .now_survey .result_survey li {display:inline; margin:10px 0 0 0;} .now_survey .survey_subject {display:block; margin-top:5px; color:#333; text-decoration:none; word-break:break-all;} /*----------------좌측메뉴----------------*/ .result_subjectmenu .ON {background:none; border:0;} /*for ie6*/ .result_subjectmenu2 .ON {background:none; border:0;} /*for ie6*/ .result_subjectmenu {margin:0; padding:10px 0 10px 10px !important; list-style:none;} .result_subjectmenu li {margin:12px 0 0 0; padding:0; font-size:13px; font-family:Nanum Gothic, 굴림; background:#fff;} .result_subjectmenu li a {padding:0px 0 0 18px; background:url(/common/css/images/common/Sub_arrow.gif) no-repeat 0 center; text-decoration:none; color:#333;} .result_subjectmenu li a:hover, .result_subjectmenu .ON a {font-weight:bold;} .result_subjectmenu li.cafemenucategory{background-color:#d4dadd; padding:5px 0px 5px 3px; color:#333333; } .result_subjectmenu li ul{display: none;} .result_subjectmenu li.ON ul{display: block;} .result_subjectmenu li:hover ul{display: block;} /** 2021-11-09 구(디자인마법사)3차메뉴 출력 */ .result_subjectmenu li a.sMenuMoreBtn{display: none;background:none;float: right;margin-right:10px;} .result_subjectmenu li ul.sDetMenuLst li{margin:5px 0 0 0; } .module_box .result_subjectmenu li ul.sDetMenuLst li{border-bottom:0px;} .module_box .result_subjectmenu li ul.sDetMenuLst li a {padding:0px 0 0 15px; background:none; font-weight: normal; font-size: 12px; color:#333;} .module_box .result_subjectmenu li ul.sDetMenuLst li.ON a {font-weight: bold;} .result_subjectmenu li ul.sDetMenuLst li a:before { padding: 0 5px 0 0; content: "-"; } /*****************까페모임 좌측메뉴*******************/ .cafe_title {text-decoration:none; color:#1a5ca8; } /*----------------신규가입회원----------------*/ .module_newmember {height:140px;} .module_newmember ul {position:relative; margin:8px; padding:0px; list-style:none; height:90px; overflow:hidden;} .module_newmember li {position:relative; margin:7px 0; padding:0;} .module_newmember li .newm_name {display:inline-block; *display:inline; zoom:1; font-weight:normal; width:60%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .module_newmember li .newm_date {position:absolute; top:0; right:5px; letter-spacing:-1px; font-size:12px;} .module_newmember li .newm_nickname {position:absolute; top:0; right:5px; display:inline-block; *display:inline; zoom:1; width:35%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666;} .module_newmember li .newm_gisu {position:static;} /*----------------카운터----------------*/ .module_counter {height:140px;} .module_counter:after {content:""; display:block; clear:both;} .module_counter ul {margin:8px; padding:0; list-style:none; *zoom:1;} .module_counter li {margin:0; padding:0; *zoom:1;} .module_counter dl {margin:0; padding:0;} .module_counter dt {float:left; text-align:left; margin:5px 0; width:50%; padding:0;} .module_counter dd {float:right; margin:5px 0; text-align:right; padding:0; width:50%;} /*----------------회비납부자---------------*/ .module_payinfo {height:140px; } .module_payinfo:after {content:""; display:block; clear:both;} .module_payinfo ul {margin:10px 0 0 0; padding:0; list-style:none; *zoom:1; height:92px; overflow:auto;} .module_payinfo li {margin:0; padding:0; *zoom:1; height:23px} .module_payinfo dl { margin:0; padding:0;} .module_payinfo dt {float:left; text-align:left; margin:5px 0; width:50%; padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .module_payinfo dd {float:right; margin:5px 0; text-align:right; padding:0 5px 0 0; width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ACCOUNT_TYPE3 .module_payinfo { float:left; height:140px; width:100%; } .ACCOUNT_TYPE3 .module_payinfo .module_output { float:left; width:100%; height:140px; margin:0; padding:0; } .ACCOUNT_TYPE3 .module_payinfo #output_accountlist { height:92px; overflow:hidden; } *html ACCOUNT_TYPE3 .module_payinfo #output_accountlist ul { height:92px; overflow:hidden; } .ACCOUNT_TYPE3 .module_payinfo:after {content:""; display:block; clear:both;} .ACCOUNT_TYPE3 .module_payinfo ul { margin:0; padding:0; list-style:none; *zoom:1; overflow:visible; width:100%; } .ACCOUNT_TYPE3 .module_payinfo li { float:left; margin:0; padding:0; *zoom:1; width:45%; padding-left:20px; } .ACCOUNT_TYPE3 .module_payinfo dl {width:100%; } .ACCOUNT_TYPE3 .module_payinfo dt {text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .ACCOUNT_TYPE3 .module_payinfo dd { margin:5px 0; color:#8d96a1; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ACCOUNT_TYPE4 .module_payinfo {float:left; height:140px; width:100%; } .ACCOUNT_TYPE4 .module_payinfo .module_output {width:100%; } .ACCOUNT_TYPE4 .module_payinfo #output_accountlist { height:92px; overflow:hidden; } .ACCOUNT_TYPE4 .module_payinfo:after {content:""; display:block; clear:both;} .ACCOUNT_TYPE4 .module_payinfo ul { margin:0; padding:0; list-style:none; *zoom:1; overflow:visible;} .ACCOUNT_TYPE4 .module_payinfo li { float:left; margin:0; padding:0; *zoom:1; width:100%;} .ACCOUNT_TYPE4 .module_payinfo dl { width:100%; } .ACCOUNT_TYPE4 .module_payinfo dt { text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ACCOUNT_TYPE4 .module_payinfo dd { margin:5px 0; color:#8d96a1; text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*----------------게시판출력----------------*/ /*----------------게시판출력----------------*/ .listbbs {padding-bottom:8px;} .listbbs_output {position:relative; border:1px solid #759dc1;} .listbbs_output a {text-decoration:none; color:#000000; cursor:pointer;} .listbbs_output a:hover, .listbbs_output a:active, .listbbs_output a:focus {color:#006ecc;} .listbbs_output .bbstitle {margin:0; padding-left:30px; color:#011c8f; height:21px; line-height:21px; vertical-align:middle; background:#cedce9 url('/common/css/images/skin/bl_blue.gif') 13px 5px no-repeat; border:1px solid #fff; font-size:12px;} .listbbs_output .bbsmore {position:absolute; top:0; right:12px; text-decoration:none;} .listbbs_output{min-height:140px;} .listbbs_output ul {clear:both; position:relative; margin:0; padding:6px 10px 0 8px; list-style:none; border-top:1px solid #ddd; } .listbbs_output li {position:relative; height:20px; line-height:18px; vertical-align:middle;} .listbbs_output li:after {content:""; display:block; clear:both;} .listbbs_output li .bbslist_title {font-family:Nanum Gothic, gulim; float:left; width:70%; overflow:hidden; /* background:url(/common/css/images/board/bbs_dot.gif) 0 center no-repeat; */ *padding-left:4px; white-space:nowrap; text-overflow:ellipsis;} .listbbs_output .noResult {text-align:center; width:98%; color:#666; padding-top:30px;} .listbbs_output .bbslist_date {float:right; color:#565656; font-size:.75rem} .listbbs_output .bbslist_date .date_year1 {display:none;} .listbbs_output .bbslist_date .date_month1:before, .listbbs_output .bbslist_date .date_month1:after{content:".";} .listbbs_output .bbslist_writer {float:right; margin-right:10px; color:#666666; font-size:.75rem; width:11%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .BOARD_TYPE2 .bbslist_writer, .CLUBTOTBOARD_TYPE2 .bbslist_writer, .BOARD_TYPE11 .bbslist_writer {display:none;} /*50% 게시글 작성자 삭제*/ .listbbs_output .bbslist_reply {float:left; margin-left:5px; color:#666; display:none;} .listbbs_output .bbslist_hit {float:right; display:none;} .listbbs_output .bbslist_bbsname {display:none;} .bbslist_extrainfo {display:none;} /*.listbbs_output .bbslist_reply .reply_dot1 {padding-left:3px; background:url('/common/css/images/common/bbsoutput_dot.png') no-repeat;} .listbbs_output .bbslist_reply .reply_num {padding-right:2px; color:#666;} .listbbs_output .bbslist_reply .reply_dot2 {padding-left:3px; background:url('/common/css/images/common/bbsoutput_dot.png') -3px 0 no-repeat;} 메인 덧글 표시 괄호이미지*/ .listbbs_output .bbslist_status {display:none; position:absolute; top:0; left:0; width:42px; height:14px; background:url('/common/css/images/board/status_off.gif') no-repeat;} .listbbs_output .bbslist_status.ON {background:url('/common/css/images/board/status_on.gif') no-repeat;} .listbbs_output .bbslist_new {display:inline-block; border:0;} .listbbs_output .bbslist_new.ON {margin-right:5px; *margin:0 3px 0 0; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') no-repeat; } .listbbs_output .bbslist_cmntnew {display:inline-block; border:0;} .listbbs_output .bbslist_cmntnew.ON {margin-left:5px; *margin:0 3px 0 0; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') no-repeat; background-position:-26px 0;} .listbbs_output .bbslist_notice {} .listbbs_output .bbslist_notice.ON {} /*.listbbs_output .no_result {display:table; position:absolute; top:48%; text-align:center; width:93%; color:#666;}*/ .box_module .bbstitle {margin:0; padding-left:30px; color:#011c8f; height:21px; line-height:21px; vertical-align:middle; background:#cedce9 url('/common/css/images/skin/bl_blue.gif') 13px 5px no-repeat; border:1px solid #fff; font-size:12px; font-family:Nanum Gothic, gulim; font-weight:bold;} .box_module .bbsmore {position:absolute; top:7px; right:12px; font:11px Dotum, 돋움; text-decoration:none; !important;} .box_module .output_bbslist a {text-decoration:none; color:#333; cursor:pointer;} .box_module .output_bbslist a:hover, .box_module .output_bbslist a:active, .box_module .output_bbslist a:focus {color:#006ecc;} .box_module .output_bbslist ul {clear:both; position:relative; margin:0; padding:6px 10px 0 8px; list-style:none; border-top:1px solid #ddd;} .box_module .output_bbslist li {position:relative; height:20px; line-height:18px; vertical-align:middle;} .box_module .output_bbslist li:after {content:""; display:block; clear:both;} .box_module .output_bbslist li .bbslist_title {font-family:Nanum Gothic, gulim; float:left; width:70%; overflow:hidden; background:url(/common/css/images/board/bbs_dot.gif) 0 center no-repeat; *padding-left:4px; white-space:nowrap; text-overflow:ellipsis;} .box_module .output_bbslist .noResult {text-align:center; width:98%; color:#666; padding-top:30px;} .box_module .bbslist_writer {float:right; margin-right:10px; color:#666; width:11%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .box_module .bbslist_reply {float:left; margin-left:5px; color:#666; display:none;} .box_module .bbslist_hit {float:right; display:none;} .box_module .bbslist_bbsname {display:none;} .box_module .bbslist_new {display:inline-block; border:0;} .box_module .bbslist_new.ON {margin-left:5px; *margin:0 3px 0 0; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') no-repeat; } .box_module .bbslist_cmntnew {display:inline-block; border:0;} .box_module .bbslist_cmntnew.ON {margin-left:5px; *margin:0 3px 0 0; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') no-repeat; background-position:-26px 0;} .imgList dl {margin:0; padding:0;} .imgList dt {float:left; width:88px; border:2px solid #aaa; margin:0; padding:3px; margin-right:5px; !important;} .imgList dt:hover {border:2px solid #396bc2;} .imgList dt img {display:block; border:0; width:88px; height:72px;} .imgList dd {padding-top:5px;} .imgList dd a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:18px;} .imgList .imglist100 dd a {width:80%;} .imgList .imglist50 dd a {width:70%;} /*뉴스리스트형 .listbbs_output .news_list {padding:0; height:100px; overflow:hidden;} .listbbs_output .news_list li {padding:10px; display:block; clear:both} //.listbbs_output .news_list .bbslist_img {float:left; width:30%; padding-right:10px;} //.listbbs_output .news_list .bbslist_img img {width:100%; height:90px;} //.listbbs_output .news_list .bbslist_title {float:none; display:inline-block; width:52%; font-weight:bold; background:none; border:1px solid red} .listbbs_output .news_list .bbslist_detail {} .listbbs_output .news_list .bbslist_date { display:none;} .listbbs_output .news_list .bbslist_writer { display:none;} .listbbs_output .news_list li{position:relative; display:block; height:100px; border:1px solid red; overflow:hidden} .listbbs_output .news_list .bbslist_title{float:none; width:100%; background:none; font-weight:bold} .listbbs_output .news_list li .media span{width:132px; height:88px; display:inline-block; overflow:hidden; border:1px solid red;} .listbbs_output .news_list li .media span img{width:132px; } .listbbs_output .news_list li .media .media-body{margin-left:5px; } */ /* [공통] 리뷰형 media 들어간 이미지 부분 4:3비율 */ .media .media-img{width:132px; height:88px; overflow:hidden; border:1px solid #dddddd; margin-right:.5rem; display:inline-block} .media .media-img img{object-fit:cover; width:100%; } //.media .media-body{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 4.5em; } .badge-new{background-color:#fd7e14; color:#fff; font-weight:bold;} /*----------------어플설치현황---------------*/ .module_appins {height:200px;} .APPINSTALLSTATUS_TYPE4 .module_appins {height:160px;} .module_appins:after {content:""; display:block; clear:both;} .APPINSTALLSTATUS_TYPE1 .module_title, .APPINSTALLSTATUS_TYPE2 .module_title, .COUNTER_TYPE7 .module_title, .COUNTER_TYPE8 .module_title {border:none;} .module_appins ul {margin:10px 0 0 0; padding:0; list-style:none; *zoom:1; height:150px; overflow:auto;} .module_appins li {margin:0; padding:0; *zoom:1; height:23px} .module_appins .module_output dl { margin:0; padding:0;} .module_appins .module_output dt {float:left; text-align:left; margin:5px 0; width:50%; padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .module_appins .module_output dd {float:right; margin:5px 0; text-align:right; padding:0 5px 0 0; width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*----------------알림상자---------------*/ .module_note {padding:10px 0 10px 0;font-size:12px; font-weight:bold;} /*----------------현재접속자---------------*/ .module_nowmember {height:140px;} .module_nowmember ul {margin:5px 3px; padding:0px; list-style:none; height:90px; overflow:auto;} .module_nowmember li {margin:10px 0; padding:0;} .module_nowmember .nowmember_refresh {cursor:pointer; position:absolute; right:10px; top:8px; height:18px; line-height:18px; font-size:12px; padding-left:15px; font-family:Nanum Gothic, gulim; font-weight:normal; background:url('/common/css/images/icon/icon_refresh.gif') 0 2px no-repeat;} /*----------------RSS---------------*/ #rsswidget {clear:both; margin-bottom:8px;} .rssbtn {display:block; height:30px; border:1px solid #ccc; background-image:url("/common/css/images/rsswidget.gif"); background-repeat: no-repeat; background-size: 100% 100%; } .rssbtn span {display:none;} /**********탭형식게시판***************/ .tab_bbs .output_tab {border-bottom:1px solid #666; zoom:1;} .tab_bbs .output_tab:after {content:""; clear:both; display:block;} .tab_bbs .output_tab ul {margin:1px 0 0 1px; padding:0; border:0;} .tab_bbs .output_tab li {float:left; list-style:none; margin:0 1px 0 0; padding:0; border:0;} .output_tab li .tab_bbstitle {text-decoration:none; text-align:center; display:inline-block; font-size:12px; font-family:Nanum Gothic, gulim; font-weight:bold; border:1px solid #aaa; height:18px; line-height:18px; padding:0 10px; background:#eee; color:#999;} .output_tab .ON {background:none; border:0;} .output_tab li .tab_bbstitle:hover, .output_tab .ON .tab_bbstitle {background:#666; color:#fff; border-color:#666; word-break:keep-all;} .output_tab li .tab_bbstitle:hover span {_color:#fff;} /*for ie6*/ .POSITION_LEFT .output_tab li, .POSITION_RIGHT .output_tab li {width:32%;} .POSITION_LEFT .output_tab li .tab_bbstitle, .POSITION_RIGHT .output_tab li .tab_bbstitle {width:100%; padding:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .photobbs .tab_bbs .output_tab {margin-bottom:6px;} .cafeMain .tab_bbs .output_tab {border-bottom:2px solid #666; zoom:1;} .cafeMain .tab_bbs .output_tab:after {content:""; clear:both; display:block;} .cafeMain .tab_bbs .output_tab ul {margin:1px 0 -px 1px; padding:0; border:0;} .cafeMain .tab_bbs .output_tab li {float:left; list-style:none; margin:0 1px 0 0; padding:0; border:0;} .cafeMain .output_tab li .tab_bbstitle {text-decoration:none; text-align:center; display:inline-block; font-size:12px; font-family:Nanum Gothic, gulim; font-weight:bold; border:1px solid #aaa; height:18px; line-height:18px; padding:0 10px; background:#eee; color:#999;} .cafeMain .output_tab .ON {background:none; border:0;} .cafeMain .output_tab li .tab_bbstitle:hover, .cafeMain .output_tab .ON .tab_bbstitle {background:#666; color:#fff; border-color:#666; word-break:keep-all;} .cafeMain .output_tab li .tab_bbstitle:hover span {_color:#fff;} /*for ie6*/ /*----------------포토겔러리출력----------------*/ .photobbs {padding-bottom:8px;} //.photobbs_output {position:relative; *zoom:1; border:1px solid #759dc1; } .photobbs_output .bbstitle {margin:0; padding-left:30px; height:24px; line-height:24px; font-size:12px; font-weight:bold; background:url('/common/css/images/skin/bl_blue.gif') 13px 7px no-repeat; color:#001d8b;} .photobbs_output .bbslist_category {display:none;} //.photobbs_output .photobbs_list {position:relative; margin:5px 0 0 0; padding:0; list-style:none; overflow:hidden;} .BOARD_TYPE5.COUNTER20 .photobbs_output .photobbs_list {padding-top:15px;} //.photobbs_output .photobbs_list li {position:relative; float:left; width:125px; margin-left:3.5%; height:135px; overflow:hidden;} .USER_CONTENT .LAYOUT-2 .photobbs_output .photobbs_list li {margin-left:1%;} .photobbs_output .photobbs_list .noResult {width:98%; padding-top:30px; color:#666;} .photobbs_output .photobbs_list a {display:block; width:100%; margin:0 auto; text-decoration:none; color:#333; cursor:pointer;} .photobbs_output .photobbs_list a:hover {color:#006ecc;} //.photobbs_output .photobbs_img {*font-size:75px; text-align:center; display:block; border:2px solid #aaa; position:relative; width:115px; height:86px; margin-bottom:3px; overflow:hidden; background:#fff; white-space:nowrap;} //.photobbs_output .photobbs_img:after {content:""; margin-left:0.1em; white-space:pre;} //.photobbs_output .photobbs_img img {vertical-align:middle; width:110% !important;} .photobbs_output .photobbs_title {display:block; width:100%; font-family:Nanum Gothic, gulim; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center} //.photobbs_output .photobbs_list a:hover .photobbs_img {border:2px solid #3676e1;} .photobbs_output .bbsmore {position:absolute; top:7px; right:0px;font:11px Dotum, 돋움;text-decoration:none !important; width:50px;} /*.photobbs_output .no_result {margin-top:30px; margin-left:40%; color:#666; word-break:keep-all; line-height:20px;}*/ /*----------------게시판슬라이드----------------*/ .BOARD_TYPE7 .bbstitle {margin:0; border:1px solid #aaa; padding-left:10px; color:#666; height:21px; background:#eee; line-height:21px; vertical-align:middle; font-size:12px; font-family:Nanum Gothic, gulim; font-weight:bold;} .slide_more {display:none; position:absolute; right:40px; top:10px; text-decoration:none; color:#666; z-index:1000;} .slide_more:hover {color:#333;} .BOARD_TYPE7 .slidebbs_title {display:none; position:absolute; background:#fff; font-size:14px; padding:3px; margin-left:5px;font-weight:bold; color:#333; height:20px; line-height:20px; bottom:5px;} /*----------------Footer----------------*/ .footer {position:relative; clear:both; margin-top:10px; padding:20px 0; border-top:2px solid #b1b1b1; min-height:122px; box-sizing:border-box;} .footer span{margin:0 1px;} .footer:after {content:""; display:block; clear:both;} /* .footer .footer_logo {display:block; position:relative; float:left; color:#aaa; font-size:16px; margin:0; line-height:20px; border-right:1px solid; margin-right:20px; padding-right:20px; min-height:45px;} */ .footer .footer_logo {display:block; position:relative; color:#aaa; font-size:16px; margin:0; line-height:20px; padding-bottom:10px;} .footer .footer_info {position:relative; color:#666;} .footer .footer_info ul {font-size:12px; margin:0; padding:0;} .footer .footer_info li {display:inline; list-style:none; margin-right:10px;} .footer .footer_info li span {font-weight:bold;} .footer .footer_info .info_add {display:block; margin-bottom:5px;} .footer .footer_info .info_copy a{float:right; text-decoration:none; right:0px; top:-15px; position:absolute;} .footer .Browser{padding-top:20px;} .footer .Browser a {color:#666; font-size:11px; font-weight:bold; } .footer .Shuvic_Error {position:absolute; right:0px; top:5px; width:190px;} .footer .Shuvic_Error a {display:block; width:100%;} .footer .sponsor-capston{position:absolute; right:0px; bottom:-5px; width:190px;} /* for IE6 */ .menubarType2Wrap li {behavior:expression(this.onmouseover = new Function("this.className += ' ie6_hover';"), this.onmouseout = new Function("this.className = this.className.replace(' ie6_hover','');"), this.style.behavior = null); } .menubarType2Wrap li.ie6_hover ul {display:block;} /* SUBSUB Menu */ .menubarType2Wrap li ul li ul {display:none; border:0;} .menubarType2Wrap li ul li:hover ul {left:100%; top:0;} /*달력*/ /*행사일정 - 달력형 일자선택*/ .Cal_Select {margin-left:50px; padding-top:15px; height:30px;} .Cal_Select li {margin-right:5px;} .Cal_Select select {padding:1px 1px 2px 3px; margin-left:10px; font-weight:bold; font-family:Nanum Gothic, dotum; border:1px solid #666;} /*달력공통 (달력모듈, 사용자 행사일정페이지, 관리자 일정페이지*/ .ULTABLE2 {list-style:none; margin:0; padding:0;} .calender_select select {font-size:12px;} .CALENDERTYPE {position:relative;} .ULCALENDER {display:block; min-height:10px; border-left:1px solid #bbb;} .ULCALENDER:after {display:block; content:" "; clear:both;} .ULTABLE2.ULCALENDER li {position:relative; border-left:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #bbb; border-bottom:1px solid #bbb; float:left; width:14%; line-height:15px; padding:0px; word-break:break-all; font-size:12px; height:100px;} .ULCALENDER.ULTABLEHEAD li {height:35px; line-height:35px; text-align:center; padding:0; color:#333; border-left:1px solid #fff; border-top:1px solid #bbb; background:#e3e3e3 url('/common/css/images/common/bg_line_1.gif') repeat-x;} .Schedule_Day {background:#f8d0d0; font-weight:bold; overflow:auto;} .Schedule_Day .Day_Title {padding-left:13px; margin:5px 0; background:url('/common/css/images/img_check.png') no-repeat; height:15px; font-size:12px; font-weight:normal; font-family:Nanum Gothic, gulim; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .Schedule_Day .Day_Title:hover {color:#666;} /*for ie6*/ .CALENDERTYPE {_border-left:1px solid #bbb;} .user_calender .ULCALENDER .ON {_background:none; _color:#333; _font-weight:normal;} /*for ie6*/ .user_calender {_width:99%;} .widget_calender {_width:99%;} /*달력모듈만적용*/ .widget_calender{margin:8px 5px 8px 8px} .widget_calender .ULTABLE2.ULCALENDER li {position:relative; width:13.5%; text-align:center; border-left:0; border-top:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; height:20px; line-height:20px;} .widget_calender .ULCALENDER.ULTABLEHEAD li {border-top:1px solid #ccc; height:20px; line-height:20px; text-align:center;} .widget_calender .Schedule_Day {overflow:hidden;} .widget_calender .CALENDER_LIST .ON {background:url(/common/css/images/cal_circle.png) no-repeat; color:blue; font-weight:bold;} .ULCALENDER.ULTABLEHEAD .cal_sun {color:#ff4200;} .ULCALENDER.ULTABLEHEAD .cal_sat {color:#006ecc;} .calender {position:relative; height:215px;} .calender .module_title {margin-bottom:8px;} .calender .calender_top {position:relative; color:#457bb9;} .calender .calender_top ul {position:relative; list-style:none; margin:0px; padding:0px; text-align:center; margin-bottom:8px;} .calender .calender_top li {display:inline;} .calender .calender_top li.pagination {margin-bottom:5px; vertical-align:middle;} .calender .calender_top .month {margin-top:10px;} .calender table {border:0; width:100%;} .calender table th {font-weight:bold; padding:2px 0 2px 0; font-size:12px; background-color:#e3ecf5; color:#447ab8;} .calender table td {text-align:right; padding:4px 0; font-size:12px; text-align:center;} .calender table .sunday, .calender table .saterday {font-weight:bold;} .calender .calender_top li.pagination {color:#60aeec;} /*행사일정 - 추가 (팝업)*/ .Schedule_Add_Popup {font-family:Nanum Gothic, gulim;} .Schedule_Add_Popup dd {font-size:12px;} .Schedule_Add_Popup .Schedule_Title {min-height:25px; clear:both; margin-top:15px; border-bottom:1px solid #ccc;} .Schedule_Add_Popup .Schedule_Title dt {display:block; background:url('/common/css/images/rAdmin/popup/Schedule_Title.gif') no-repeat; width:40px; height:13px;} .Schedule_Add_Popup .Schedule_Title.Date_T dt {background-position:0 -13px;} .Schedule_Add_Popup .Schedule_Title.Time_T dt {background-position:0 -26px;} .Schedule_Add_Popup .Schedule_Title.Cont_T {height:120px;} .Schedule_Add_Popup .Schedule_Title.Cont_T dt {background-position:0 -39px;} .Schedule_Add_Popup .Schedule_Title.Cont_T dd {margin-bottom:25px;} .Schedule_Add_Popup .Schedule_Title input {font-family:Nanum Gothic, gulim;} .Schedule_Add_Popup .Schedule_Title select {height:20px; padding:1px; font-family:Nanum Gothic, gulim;} .Schedule_Add_Popup .Schedule_Title .Schedule_Textarea {width:370px; height:100px; font-family:Nanum Gothic, gulim; font-size:12px; border:1px; padding:3px 0 0 3px; border:1px solid #aaa;} .Schedule_Add_Popup .Schedule_Title .Schedule_Textarea:focus {border-color:#666;} .Schedule_Add_Popup .Schedule_Title.Alarm_T {border:0;} .Schedule_Add_Popup .Schedule_Title.Alarm_T dt {background-position:0 -52px;} .Schedule_Add_Popup .Schedule_Title.Alarm_T p {margin-top:0;} /*메인 슬라이드*/ .index .slideShow1 {border:1px solid #ccc; background:#eee; position:relative; padding:10px 40px; margin-bottom:8px; clear:both; overflow:hidden;} .index .SLIDE_LIST {position:relative; height:420px; overflow:hidden; text-align:center; line-height:420px; background:#fff; text-align:center;} .index .SLIDE_LIST:after {content:""; margin-left:-0.1em; white-space: pre;} .index .SLIDE_LIST img {vertical-align:middle;} .index .slide_thumbList {list-style:none; margin:10px 0; padding:0;} .index .slide_thumbList li {display:inline; margin-right:5px;} .index .slide_thumbList li img {border:1px solid #aaa;} .index .slide_thumbList li a:hover img {border:1px solid #333;} /*서브상단 타이틀*/ .sub_tophead {position:relative; width:100%; border-bottom:2px solid #ccc; font-size:11px; margin:0px 0 30px 0; font-family:Nanum Gothic, dotum; padding:10px 0; vertical-align:top} .sub_tophead .sub_title {font-weight:bold; font-size:1.5rem; color:#006ebb; display:inline-block; } .sub_tophead .pageDept a {margin-top:-3px; padding-top:0px; padding-bottom:0px; text-decoration:none; color:#333; min-width: 65px; height: auto; text-align: center;} .sub_tophead .sitemap_home {padding:7px; background:url('/common/css/images/common/sitemap_home.png') 0 6px no-repeat;} .sub_tophead .pageDept .sitemap_hometxt {color:#333;} .sub_tophead .pageDept{ /* float:right */} /* 안내문 권한설정 버튼 */ .conPageBtn{ padding:.45rem .5rem; text-align:center; font-size:.8rem; margin-top:-2px; display:inline-block;} .widgetPageAuthBtn{border:1px solid #606060; color:#606060; margin:0 2px} .widgetPageAuthBtn:hover{background-color:#606060; color:#ffffff; text-decoration:none} .conModifyBtn{border:1px solid #cf3174; color:#cf3174} .conModifyBtn:hover{background-color:#cf3174; color:#ffffff; text-decoration:none} /*게시판*/ .bbs_list .category {font-size:12px; color:#888;} /*게시판 하단 페이지선택*/ .bottom_page {position:relative; clear:both; height:40px; text-align:center; margin-top:20px;} .bottom_page ul {list-style:none; margin:0; padding:0;} .bottom_page li {display:inline; font-weight:bold;} .bottom_page .page_btn {padding:0;} .bottom_page li .current_page {cursor:pointer; color:#999; font-family:arial; font-size:14px; padding:0 8px;} .bottom_page li .current_page:hover {color:#000;} .bottom_page li .ON {color:#000; text-decoration:underline; background:none; border:0;} .bottom_page img {vertical-align:bottom; border:none;} .page_icon {display:inline-block; cursor:pointer; background:url('/common/css/images/page_icon.gif') no-repeat; height:16px; vertical-align:bottom; margin:0 1px;} .page_icon.page_first {background-position:0 -16px; width:41px;} .page_icon.page_first_off {cursor:default; background-position:0 0; width:41px} .page_icon.page_back {background-position:-41px -16px; width:38px;} .page_icon.page_back_off {cursor:default; background-position:-41px 0; width:38px} .page_icon.page_next {background-position:-79px -16px; width:38px;} .page_icon.page_next_off {cursor:default; background-position:-79px 0; width:38px} .page_icon.page_last {background-position:-117px -16px; width:41px;} .page_icon.page_last_off {cursor:default; background-position:-117px 0; width:41px} .bbs_search {margin-top:30px; text-align:center;} .bbs_search ul {list-style:none; margin-right:10px; margin-top:-10px;} .bbs_search li {display:inline; margin-left:10px;} .bbs_search .button_search {display:inline-block; width:53px; height:17px; background:url('/common/css/images/board/bbs_button.gif') 0 -22px no-repeat; padding:5px 0 0 13px; font-weight:bold; text-decoration:none; color:#333333;} .bbs_search .input_search {width:314px; height:20px; margin-left:60px; border:2px solid #999999;} /*산하모임 옵션사항*/ .mmoimlist_noPay {position:relative; min-height:140px; _height:140px; border:1px solid #aaa; padding-left:1px; line-height:16px;} .mmoimlist_noPay .club_opt01 { margin:4px auto; width:424px; height:100px; background:url('/common/css/images/stat/club_opt01.gif') no-repeat; } .mmoimlist_noPay .club_opt02 { margin:4px auto; width:424px; height:100px; background:url('/common/css/images/stat/club_opt02.gif') no-repeat; } .mmoimlist_noPay .club_opt03 { margin:4px auto; width:424px; height:100px; background:url('/common/css/images/stat/club_opt03.gif') no-repeat; } .CLUB_TYPE4 .mmoimlist_noPay {min-height:140px; _height:140px;} .CLUB_TYPE4 .mmoimlist_noPay .club_opt03 { margin:4px auto; width:209px; height:100px; background:url('/common/css/images/stat/club_opt05.gif') no-repeat; } .POSITION_LEFT .mmoimlist_noPay a {display:inline-block; } .POSITION_LEFT .mmoimlist_noPay .club_opt01 { margin:4px auto; width:98px; height:100px; background:url('/common/css/images/stat/club_opt04.gif') no-repeat; } /*산하모임생성서비스 페이지*/ .club_service { background:url('/common/css/images/stat/club_opt_bg.gif') 92% 50px no-repeat; } .club_service .opt_con { height:19px; padding:5px 0 0 25px; background:url('/common/css/images/stat/opt_title_bg.gif') no-repeat; } .club_service .opt_txt { line-height:18px; } .club_service .DLSTYLE3 { margin-left:25px; } .club_service .DLSTYLE3 dt { background:url('/common/css/images/stat/opt_con_bg.gif') 0px 40% no-repeat; padding-left:10px; line-height:20px; } .club_service .DLSTYLE3 dd { line-height:20px;} /***********jquery popup 팝업***********/ .ui-widget { font-size:12px;} .ui-widget-content {/*border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:2px solid #333; border-bottom:2px solid #333;*/ background:#fff; color:#000000; padding:0;} .ui-widget-header {border:0; /*border-bottom:1px solid #aaa;*/ border-top:1px solid #fff; background:#ffffff; background-image:none; color:#333; font-weight: bold; margin:0;} .ui-dialog .ui-dialog-content {font-size:14px;} .ui-dialog .ui-dialog-buttonpane { text-align: left; border-top:1px solid #aaa; /*background:#e6e6e6 url('/common/css/images/common/bg_line_1.gif') repeat-x;*/ margin: .5em 0 0 0; padding:0; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; margin-right:15px;} .ui-dialog .ui-dialog-buttonpane button { margin:5px; cursor: pointer; background:#e6e6e6 url('/common/css/images/common/bg_line_1.gif') repeat-x; border:1px solid #999; border-right:1px solid #333; border-bottom:1px solid #333; color:#666;} .ui-dialog .ui-dialog-buttonpane button:hover {color:#fff; background:url('/common/css/images/common/bg_line_3.gif') repeat-x; border:1px solid #333;} .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-widget { font-size:12px;} /*관리자 하단 페이지선택 */ .Main_Page {margin-top:15px; text-align:center;} .Main_Page span {cursor:pointer;} .Main_Page ul {list-style:none; margin-right:10px;} .Main_Page li {display:inline; font-weight:bold; font-size:16px; font-family:arial; margin:0;} .Main_Page li a {text-decoration:none; color:#666;} .Main_Page.Black li a {text-decoration:none; color:#999; cursor:pointer;} .Main_Page li a:hover {color:#111111;} .Main_Page.Black li a:hover {color:#fff;} .Main_Page .Page_First {display:inline-block; width:13px; height:9px; background:url('/common/css/images/board/play_arrow.gif') 0 0 no-repeat;} .Main_Page .Page_Prev {display:inline-block; width:8px; height:9px; background:url('/common/css/images/board/play_arrow.gif') -14px 0 no-repeat;} .Main_Page .Page_Next {display:inline-block; width:8px; height:9px; background:url('/common/css/images/board/play_arrow.gif') -21px 0 no-repeat;} .Main_Page .Page_Last {display:inline-block; width:13px; height:9px; background:url('/common/css/images/board/play_arrow.gif') -30px 0 no-repeat;} .Main_Page .current_page {color:#666; text-decoration:none; cursor:pointer; padding:0 10px; vertical-align:middle;} .Main_Page .current_page:hover {color:#333;} .Main_Page .current_page.ON {color:#333; border:0; background:none; text-decoration:underline; font-weight:bold;} .Main_Page.Black .current_page {color:#fff; text-decoration:underline; cursor:pointer;} /*ie6 & ie9버전 공지사항*/ .ie6_alert {position:relative; width:100%; background:#f6ed5d; padding:15px; border-bottom:2px dotted black; font-family:Nanum Gothic, 맑은 고딕, Malgun gothic; margin-bottom:10px;} .warningDesc {width:980px; margin:0 auto; text-align:justify; font-size:16px;} .browserList {width:320px; margin:0px auto; margin-top:0px;} .browserList li {list-style:none; display:inline; padding-right:20px; } .browserList li span {display:none;} .exploler a {display:inline-block; width:52px; height:50px; background:url('/common/css/images/br_01.gif') no-repeat; } .firefox a {display:inline-block; width:53px; height:50px; background:url('/common/css/images/br_02.gif') no-repeat; } .chrome a {display:inline-block; width:50px; height:50px; background:url('/common/css/images/br_03.gif') no-repeat; } .safari a {display:inline-block; width:44px; height:50px; background:url('/common/css/images/br_04.gif') no-repeat; } /*관리자 데시보드 회원승인대기,모임승인대기,오류건의대기수표시*/ .admindashboard {height:40px; width:100%; background:#006a6a;} .admindashwrap {overflow:hidden; width:1100px;} .topadmcon { margin:0; float:right} .topadmcon li a{color:#ffffff;} .topadmcon li a p{line-height:40px; margin-right:1rem;} .topadmcon li a span{position:absolute; width:26px; height:15px; top:12px; right:13px; color:#Fff; font-size:12px; line-height:16px} .admdashcounterbg.bg1 {background:url("/common/css/images/top_adm2/top_adm_11.png") center center} .admdashcounterbg.bg2 {background:url("/common/css/images/top_adm2/top_adm_22.png") center center} .admdashcounterbg.bg3 {background:url("/common/css/images/top_adm2/top_adm_33.png") center center} .admdashcounterbg.bg4 {background:url("/common/css/images/top_adm2/top_adm_44.png") center center} .admdashcounterbg.bg5 {background:url("/common/css/images/top_adm2/top_adm_55.png") center center} /* 동접로그인 */ .loginfo{border-right:1px solid #c8c8c8; border-top:2px solid #30a5a9; width:100%; text-align:center; font-family:Nanum Gothic, Malgun Gothic, 맑은고딕; margin-top:20px; font-size:13px;} .loginfo th{padding:7px; border-bottom:1px solid #30a5a9; border-left:1px solid #c8c8c8; color:#1d6466;} .loginfo td{padding:10px; border-bottom:1px solid #30a5a9; border-left:1px solid #c8c8c8;} #ui-dialog-title-LogInfo-alert{text-indent:-9999px; width:505px; height:76px; background-color:#30a5a9; display:block; margin:-0.4em 0.1em;} #ui-dialog-title-LogInfo-alert.ui-dialog-title{background:#30a5a9 url(/common/css/images/common/top_loginfo_title.png) 20px 0 no-repeat; } .ui-dialog #ui-dialog-title-LogInfo-alert.ui-dialog-title{margin:-.6em -1.2em;} .ui-dialog #LogInfo-alert.ui-dialog-content{margin-top:2PX;} /* 어플미설치자 어플설치하시라 */ .join_done_message{font-family:Nanum Gothic, Malgun Gothic, 맑은고딕; font-size:18px; font-weight:normal} #ui-dialog-title-AppInfo-alert{text-indent:-9999px; width:505px;background-color:#02cad1; } #AppInfo-alert{background-color:#02cad1; margin-top:-1px;} #AppInfo-alert.ui-dialog-content{padding:0;} /* 가까운 회원들중 잘못된 연락처가 없습니다. 17.12.5 박혜영 */ #ui-dialog-title-mBookHelp-layout{text-indent:-9999px;} #mBookHelp-layout{text-align:center; background-color:#dddddd;} /* 아이디 비번 찾기 정보가 있을경우 18.01.05 박혜영 타이틀변경하고싶으면 member.js 비번메세지는 layout.xml */ .idpw_result{padding:12px 20px;} .idpw_result p{font-size:20px;} .idpw_result .a_comment{font-weight:bold; color:#ff6347; text-decoration:underline;} .idpw_result .a_comment:hover{background-color:#ff6347; color:#ffffff;} /* ----------------------------------------------------------------------- ie 9 버전 깨짐 현상 바로 잡기 css ------------------------------------------------------------------------*/ /* grid .col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-8, .col-9, .col-10 .col-11, .col-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12{float:left\0/IE8+9;} .row{overflow:hidden\0/IE8+9} .note-btn-group{display:inline-block} .modal-header .close{margin:0\0/IE8+9; position:absolute\0/IE8+9; right:0\0/IE8+9; top:10px\0/IE8+9;} */ /* ----------------------------------------------------------------------- 로그박스 css 재선언 ------------------------------------------------------------------------*/ .account_login{position:relative; font-family:Nanum Gothic, Malgun Gothic, 맑은고딕; width:100%; margin-bottom:8px; clear:both;box-sizing:border-box; } .box_login .login_account{position:relative} .account_login .go-page{background-color:#4d6fbc; color:#ffffff; border:1px solid #4d6fbc; height:auto !important;} .account_login .go-page:hover{background-color:#36549a; border:1px solid #36549a} .logpw_input .mpassEyeBtn{position:absolute; right:1px; top:5px; font-size:11px; font-weight:bold} .LOGIN_TYPE1{height:200px;} .LOGIN_TYPE1.account_login{ border:1px solid #d3d3cf; border-radius: 0.25rem;} .LOGIN_TYPE1 .box_login .login_account input[type="text"], .LOGIN_TYPE1 .box_login .login_account input[type="password"]{padding:.35rem; border:none;} .LOGIN_TYPE1 .box_login .login_title {font-size:1rem; font-weight:bold; padding:.85rem 1rem 0 1rem ;} .LOGIN_TYPE1 .logid_input, .LOGIN_TYPE3 .logid_input, .logpw_input .mpassWrap, .LOGIN_TYPE1 .logpw_input {background-color:#ffffff; border:1px solid #d3d3cf; margin-bottom:5px;} .logpw_input .mpassWrap input{width:57%;} .LOGIN_TYPE1 .logpw_input .mpassEyeBtn .ver_pc{display:none;} .LOGIN_TYPE1 .logpw_input .mpassEyeBtn .ver_m{display:inline-block} .LOGIN_TYPE1 .box_login .login_account{padding:0 1rem 1rem 1rem} .LOGIN_TYPE1 .box_login .login_account .log02 .btn_log{box-sizing:border-box; display:block; padding:.5rem; text-align:center;background-image:none; background-color:#1b51f0; background-color:#1b51f0;; color:#ffffff;} .LOGIN_TYPE1 .box_login .login_account .check-log-option input[type="checkbox"]{width:15px; height:15px; margin-right:3px} .LOGIN_TYPE1 .box_login .login_account .log03{margin-top:5px; text-align:center;} .LOGIN_TYPE1 .box_login .login_account .log03 a{color:#000000; font-size:12px;} .LOGIN_TYPE1 .box_login .login_account .log03 .log03_bar{padding:0 6px;} .LOGIN_TYPE1 .btn-local-admin{border-radius:50%; position:absolute; right:1rem; top:-30px;} .LOGIN_TYPE1 .box_login .login_account .log05{position:absolute; right:1rem; top:18px;} .LOGIN_TYPE1 .box_login .login_account .log05 .btn_logout{background-image:none; background-color:#888;color:#ffffff; padding:.5rem;text-align:center; font-size:11px} .LOGIN_TYPE1 .box_login .login_account .log07{padding-top:1rem;} .LOGIN_TYPE1 .box_login .login_account .log07 a{display:block;} .account_login .log07 span{display:block; margin-top:5px;} .account_login .log07_01, .account_login .log07_02, .account_login .log07_03{text-align:center; font-size:11px; padding:0} .account_login .log07_01 a, .account_login .log07_02 a, .account_login .log07_03 a{color:#333333;} .account_login .log07_01{border-right:1px dashed #bebebe;} /* ----------------------------------------------------------------------- 상단 툴바 css 재선언 ------------------------------------------------------------------------*/ .toolbar {background:#fff; height:60px; padding:0; width:100%;} .toolbar a{ text-decoration:none; color:#000000;} .toolbar ul{position:relative; padding:.5rem 0rem;} .toolbar li{list-style:none;} .toolbar .toolbar_logo{float:left; min-height:40px; margin:10px 0;} .toolbar .toolbar_logo a{ font-size:1.3rem; font-weight:bold } .toolbar .toolbar_logo img{max-height:40px;} .toolbar .toolbar_loginput input[type="text"]{border:1px solid #bebebe; height:20px; padding:3px; width:100px; margin:0 1px; font-family:Nanum Gothic, Malgun Gothic, 맑은고딕; } .toolbar .toolbar_loginput input[type="password"]{border:1px solid #bebebe; height:20px; padding:3px; width:100px;margin:0 1px; font-family:Nanum Gothic, Malgun Gothic, 맑은고딕; } .toolbar .toolbar_loginput input[type="text"]:focus, .toolbar .toolbar_loginput input[type="password"]:focus{border:1px solid #1b51f0} .toolbar .toolbar_loginput {float:right; font-size:.8rem; letter-spacing:.5px; margin-right:.5rem} .toolbar .toolbar_loginput li{display:inline-block; margin-right:10px;} .toolbar .toolbar_loginput li:last-child{display:inline-block; margin-right:0;} .toolbar .toolbar_loginput li a{padding:2px 11px; display:inline-block;} .toolbar .toolbar_loginput li a.mpassEyeBtn{letter-spacing:-1px; font-size:.75rem; padding:4px 8px 3px 3px} .toolbar .toolbar_loginput .loginBtn {background-color:#1b51f0; color:#ffffff; padding:4px 11px 5px ; display: block; min-width:60px; padding:0; font-size:16px; text-align:center;} .toolbar .toolbar_loginput .logoutBtn{background-color:#888; color:#ffffff; padding:4px 11px 5px ;} .toolbar .toolbar_loginput .loginput_mypage{background-color:#9ea0c2; color:#ffffff; padding:4px 11px 5px ;} .toolbar .toolbar_loginput .toorbar_join{background-color:#9ea0c2; color:#ffffff; padding:4px 11px 5px ;} .toolbar .toolbar_btn {float:right; font-size:.8rem; padding:.6rem 0rem;} .toolbar .toolbar_btn li{float:right;} .toolbar .toolbar_btn li:first-child{padding-right:0;} //.toolbar .toolbar_btn li .toolbar-faq {margin-top:.25em} .toolbar .toolbar_btn a{display:block; padding:2px 11px;} .toolbar .toolbar_btn .toolbar_admin{background-color:#de2ba1; color:#ffffff; border-radius:10rem; font-size:.75rem; font-weight:bold} .toolbar .toolbar_btn .toolbar_admin:hover{background-color:#a62078} /* 로그인 날짜 선택하는 위젯3 타입 */ .POSITION_TOP .toolbar_viewTime{position:absolute; left:0; top:0;} .widgetQryDtWrap{position: absolute; left: 20px; top: 0px; background-color: #DDDDDD; border: 2px solid #7E7E7E; padding: 5px; z-index: 99999;} /* ----------------------------------------------------------------------- menuType 공통 ------------------------------------------------------------------------*/ .menubarType1Wrap, .menubarType2Wrap{padding:0;} .menubarType1Wrap a, .menubarType2Wrap a, .menubarType3Wrap a{text-decoration:none; } .menubarType1Wrap a:hover, .menubarType2Wrap a:hover, .menubarType3Wrap a:hover{font-weight:bold;} .menubarType1Wrap > li > a, .menubarType2Wrap li a, .menubarType3Wrap li a{box-sizing:border-box; font-size:15px; font-weight:bold;} .menubarType1Wrap li, .menubarType2Wrap li, .menubarType3Wrap li{list-style:none; } /* ----------------------------------------------------------------------- BBS TYPE1 ------------------------------------------------------------------------*/ .listbbs a{color:#000000} .listbbs_output {position:relative; } .listbbs_output .bbstitle, .photobbs_output .bbstitle {margin:0; color:#011c8f; font-size:1rem !important; font-weight:bold;} .listbbs_output .card-body{padding:.5rem 0} .listbbs_output .bbslist_bbsname, .listbbs_output .bbslist_hit {display:none;} .output_bbslist{padding:0; margin:0} .output_bbslist li{font-size:.8rem; padding:.2rem; list-style:none; clear:both;} .output_bbslist li i{font-size:.5rem;} .output_bbslist .bbslist_title{ padding-left:.25rem; width:65%; display:inline-block; vertical-align:middle} .output_bbslist .bbslist-Info{width:30%; float:right; font-size:.75rem;} .output_bbslist .bbslist-Info span{vertical-align:top} .output_bbslist .bbslist-Info .bbslist_writer{display:inline-block; width:50%;} .output_bbslist .bbslist-Info .bbslist_date{float:right; display:inline-block;} .output_bbslist .bbslist-Info .bbslist_date .date_year1{display:none;} .output_bbslist .bbslist-Info .bbslist_date .date_year2:after{content:".";} .output_bbslist .bbslist-Info .bbslist_date .date_month1:after{content:".";} /* ----------------------------------------------------------------------- BBS TYPE3 ------------------------------------------------------------------------*/ .BOARD_TYPE3 .output_bbslist .bbslist_img img{border:1px solid #c8c8c8;} .BOARD_TYPE3 .output_bbslist h6{padding-left:0; letter-spacing:1px; line-height:1.2} .BOARD_TYPE3 .output_bbslist .bbslist_detail{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:2.4em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .BOARD_TYPE3 .listbbs_output .bbslist_new.ON{vertical-align:top;} .BOARD_TYPE3 .output_bbslist .bbslist_date{font-size:.75rem; color:#bebebe} /* ----------------------------------------------------------------------- BBS TYPE3 ------------------------------------------------------------------------*/ //.BOARD_TYPE4 .output_bbslist .bbslist_detail{margin-bottom:.5rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.6em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} /* [공통] 리뷰형 media 들어간 이미지 부분 4:3비율 .media .media-img{width:132px; height:88px; overflow:hidden; border:1px solid #dddddd; margin-right:.5rem; display:inline-block} .media .media-img img{object-fit:cover; width:100%; } //.media .media-body{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 4.5em; } */ /* ----------------------------------------------------------------------- BBS TYPE4 ------------------------------------------------------------------------*/ .BOARD_TYPE4 .output_bbslist .bbslist_detail{font-size:.85rem; margin-bottom:.25rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.3; height:2.6em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .listbbs_output .news_list .bbslist_title{float:none; width:100%; background:none; font-weight:bold} .listbbs_output .news_list li{position:relative; display:block; overflow:hidden; padding:.5rem; border-bottom:1px solid #e6e6e6; height:auto; } .listbbs_output .news_list li:last-child{border:none; padding-bottom:0;} .listbbs_output .news_list li .media .media-photo{width:132px; height:88px; display:inline-block; overflow:hidden; margin:.25rem auto;} .listbbs_output .news_list li .media .media-photo img{width:100%; height:auto; } .listbbs_output .news_list li .media .media-body{margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:normal; width:330px; display:inline-block} .listbbs_output .news_list li .media .media-body .bbslist_category{vertical-align: top; margin-right:.25rem} .listbbs_output .news_list li .media .media-body h6{margin-bottom:.25rem;} .listbbs_output .news_list li .media .media-body .bbslist_writer{width:initial} .listbbs_output .news_list li .bbslist_writer, .listbbs_output .news_list li .bbslist_date{margin-top:0;} /* ----------------------------------------------------------------------- BBS TYPE6 ------------------------------------------------------------------------*/ .photobbs {margin-bottom:8px; min-height:210px; box-sizing:border-box; border:1px solid #bebebe; } .photobbs_output{position:relative; padding:1rem; } .photobbs_output .bbstitle{color:#011c8f; font-size:1.25rem;} .photobbs_output .bbslist_category {display:none;} .photobbs_output .photobbs_list{list-style: none; margin:1rem 0 0 0; padding:0; overflow:hidden; clear:both;} .photobbs_output .photobbs_list li{float:left; width:20%;} .photobbs_output .photobbs_list li a{display:block; text-decoration:none; color:#333;} /* 22.05 이미지 정렬 방식 수정 */ .photobbs_output .photobbs_img{position:relative; width:132px; height:88px; overflow:hidden; display:block; margin:0 auto; border:1px solid #c8c8c8; text-align:center;} .photobbs_output .photobbs_img img{position:absolute; top:50%; left:50%; max-width:100%; vertical-align:middle; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} /* 22.05 이미지 정렬 방식 수정 끝 */ .photobbs_output .photobbs_img:hover{border:1px solid #c8d0e9} .photobbs_output .photobbs_img img{width:100%;} .photobbs_output .photobbs_title{margin:5px auto 0; display:block; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-size:.95rem} .photobbs.BOARD_TYPE6 .photobbs_output .photobbs_list li{width:50%} .photobbs.BOARD_TYPE6 .photobbs_output .photobbs_list li:nth-child(3), .photobbs.BOARD_TYPE6 .photobbs_output .photobbs_list li:nth-child(4), .photobbs.BOARD_TYPE6 .photobbs_output .photobbs_list li:nth-child(5){display:none;} /* 20.07.21 리뉴얼 수정 */ .photobbs{min-height:164px;} .photobbs_output .bbsmore{top:11px; color:#000;} .photobbs_output{padding:0.3rem 0.5rem;} .photobbs_output .bbstitle{font-size:12px;} .photobbs_output .photobbs_list{margin:0.5rem 0 0 0;} .USER_CONTENT .LAYOUT-2 .photobbs_output .photobbs_list li{margin-left:0;} .photobbs_output .photobbs_list li a{width:95%; margin:0 auto;} .photobbs_output .photobbs_title{width:100%; font-size:12px;} .photobbs_output .photobbs_img{width:100%; overflow:hidden;} .POSITION_RIGHT + .POSITION_CENTER .photobbs_output .photobbs_img{height:49px;} /* ----------------------------------------------------------------------- 모임리스트 위젯 ------------------------------------------------------------------------*/ /*메인 모임 리스트 공통 */ .CLUB_TYPE1, .CLUB_TYPE2, .CLUB_TYPE3{position:relative; margin-bottom:8px;} .mmoimlist .mmoim_make {display:none;} .mmoimlist2 ul{list-style:none;} /*type1 탭형 */ .mmoimlist2_tab {min-height:21px; _height:21px;} .mmoimlist2_tab ul { list-style:none; margin:0; padding:0; } .mmoimlist2_tab li {float:left; margin:1px 1px 0 0; padding:0;} .mmoimlist2_tab .ON {background:none; border:0;} /*for ie6*/ .mmoimlist2_tab a {text-decoration:none; text-align:center; display:inline-block; font-size:12px; font-family:Nanum Gothic, gulim; font-weight:bold; border:1px solid #aaa; height:18px; line-height:18px; padding:0 10px; background:#eee; color:#999;} .mmoimlist2_tab .ON a, .mmoimlist2_tab a:hover {background:#666; color:#fff; border-color:#666;} .mmoimlist2_output {width:100%; list-style:none; margin:0; padding:0; clear:both; height:118px; border:1px solid #aaa; border-top:2px solid #666; overflow:hidden; overflow-y:scroll; background:#f3f3f3;} .mmoimlist2_output .noResult {display:block; width:95%; margin-top:50px;} .mmoimlist2_output li {list-style:none; display:inline; padding:0; margin:0;} .mmoimlist2_output a {text-decoration:none; display:inline-block; zoom:1; *display:inline; margin:3px; padding:0 5px; height:20px; color:#333; background:#fafafa; border:1px solid #aaa; color:#333; font-size:12px; font-family:Nanum Gothic, gulim; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .mmoimlist2_output a:hover {color:#666; background:#fff; border:1px solid #aaa;} .POSITION_LEFT .mmoimlist2_tab a, .POSITION_RIGHT .mmoimlist2_tab a {width:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .POSITION_LEFT .mmoimlist2_output li, .POSITION_RIGHT .mmoimlist2_output li {width:85%; margin:5px 0 5px 5px;} /*type2 분리리스트형 */ .mmoimlist_output {position:relative; min-height:140px; _height:140px; border:1px solid #aaa; padding-left:1px; background:#f3f3f3;} .mmoimlist_output:after {content:" "; display:block; clear:both;} .mmoimlist_output .mmoimtitle {position:absolute; display:none; top:5px; left:10px; font-weight:bold; font-size:12px; font-family:Nanum Gothic, gulim; padding:0; color:#333;} .mmoimlist_output ul {list-style:none; margin:0; margin-top:-10px; padding:0;} .mmoimlist_output li {float:left; display:block; margin:0; padding:0; width:33%;} .mmoimlist_output dl {margin:18px 5px 10px 5px; display:block; border:1px solid #ccc; width:95%; overflow:hidden; overflow-y:scroll; border-right:1px solid #999; border-bottom:1px solid #999; height:120px; background:#fff; font-size:12px; font-family:Nanum Gothic, gulim; } .mmoimlist_output dt {margin:0 5px; text-align:center; display:block; height:25px; font-weight:bold;color:#666; border-bottom:1px solid #ddd; line-height:25px;} .mmoimlist_output dd {margin:5px 5px 0 5px; padding:0;} .mmoimlist_output dd.noResult {display:block; text-align:center; margin-top:30px;} .mmoimlist_output dd a {text-decoration:none; display:block; padding:0 0 0 10px; height:18px; line-height:18px; color:#333; background:#fafafa; border:1px solid #ccc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;} .mmoimlist_output dd a:hover {color:#666; background:#fff; border:1px solid #aaa;} /* type3 분리셀렉트 형 */ .mmoimlist3_output ul li select{padding:.35rem;} .mmoimlist3_output ul li{display:inline-block;} .CLUB_TYPE3 .mmoimlist3_output ul{position:relative; margin:0; padding:.75rem; background:#f3f3f3; border:1px solid #aaa;} .CLUB_TYPE3 .mmoimlist3_output ul li{display:inline-block; margin:0 .5rem;} .CLUB_TYPE3 .mmoimlist3_output ul li:first-child{margin-left:0;} .CLUB_TYPE3 .mmoimlist3_output ul li:last-child{margin-right:0;} /* type4 상단 툴바삽입형 50% */ .POSITION_TOP .CLUB_TYPE4{position:absolute; right:0; top:45px; padding:0} .POSITION_TOP .CLUB_TYPE4 .mmoimlist3_output h4{display:inline-block; display:none;} .POSITION_TOP .CLUB_TYPE4 .mmoimlist3_output ul{position:relative; margin:0; padding:0; text-align:right} .POSITION_TOP .CLUB_TYPE4 .mmoimlist3_output ul li{display:inline-block; margin:0 .3rem;} .POSITION_TOP .CLUB_TYPE4 .mmoimlist3_output ul li:last-child{margin-right:0} .POSITION_TOP .CLUB_TYPE4 .mmoimlist3_output ul li select{font-size:.75rem} /* type4 센터 50% */ .POSITION_CENTER .CLUB_TYPE4{position:relative} .POSITION_CENTER .CLUB_TYPE4 .mmoimlist3_output ul {position:relative; margin:0; padding:.5em .5em .2em .5em; background:#f3f3f3; border:1px solid #aaa;} .POSITION_CENTER .CLUB_TYPE4 .mmoimlist3_output ul li{display:inline-block; margin:0 .15rem .3rem .3rem; width:47%;} .POSITION_CENTER .CLUB_TYPE4 .mmoimlist3_output ul li select{width:91%; font-size:.75rem} /* .WIDGET_TAB_MENU_LIST >.nav{border-bottom: 2px solid #007bff;} */ .WIDGET_TAB_MENU_LIST >.nav > a{border: none;color: #333;font-size: 1rem;} .WIDGET_TAB_MENU_LIST >.nav > a.active{background-color: #007bff;color: #333;} /* 달력 디테일 위젯*/ .CALENDER_TYPE5 .notice{overflow-y:scroll; padding:1rem; width:100%; position:relative; border: 1px solid #dddddd; box-sizing:border-box; height:215px;} .CALENDER_TYPE5 .noti-nav{overflow:hidden; padding:0; margin:0; border-bottom:1px solid #e4e4e4; padding:1rem} .CALENDER_TYPE5 .noti-nav:last-child{border-bottom:none;} .CALENDER_TYPE5 .notice ul li{list-style:none; font-size:0.9rem; font-weight:600;} .CALENDER_TYPE5 .notice a{color:#333333;} .CALENDER_TYPE5 .noti-title{font-weight:600; padding-bottom:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CALENDER_TYPE5 .noti-day{overflow:hidden; width:100%; padding:0; font-weight:500; margin:0;} .CALENDER_TYPE5 .noti-day i{float:left; margin-right:10px; padding-top:1px; color:#4a5daf;} .CALENDER_TYPE5 .noti-day .date{margin-bottom:.2rem; color:#4a5daf; font-weight:500;} .CALENDER_TYPE5 .noti-day .source{color:#888; font-weight:500; margin-bottom:.0rem;} .CALENDER_TYPE6 .notice{overflow-y:scroll; padding:1rem; width:100%; position:relative; border: 1px solid #dddddd; box-sizing:border-box; height:215px;} .CALENDER_TYPE6 .noti-nav{overflow:hidden; padding:0; margin:0; border-bottom:1px solid #e4e4e4; padding:1rem} .CALENDER_TYPE6 .noti-nav:last-child{border-bottom:none;} .CALENDER_TYPE6 .notice ul li{list-style:none; font-size:0.9rem; font-weight:600;} .CALENDER_TYPE6 .notice a{color:#333333;} .CALENDER_TYPE6 .noti-title{font-weight:600; padding-bottom:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CALENDER_TYPE6 .noti-day{overflow:hidden; width:100%; padding:0; font-weight:500; margin:0;} .CALENDER_TYPE6 .noti-day i{float:left; margin-right:10px; padding-top:1px; color:#4a5daf;} .CALENDER_TYPE6 .noti-day .date{margin-bottom:.2rem; color:#4a5daf; font-weight:500;} .CALENDER_TYPE6 .noti-day .source{color:#888; font-weight:500; margin-bottom:.0rem;} .CALENDER_TYPE6 .module_more{float:right} .CALENDER_TYPE7 .notice{overflow-y:scroll; padding:1rem; width:100%; position:relative; border: 1px solid #dddddd; box-sizing:border-box; height:215px;} .CALENDER_TYPE7 .noti-nav{overflow:hidden; padding:0; margin:0; border-bottom:1px solid #e4e4e4; padding:1rem} .CALENDER_TYPE7 .noti-nav:last-child{border-bottom:none;} .CALENDER_TYPE7 .notice ul li{list-style:none; font-size:0.9rem; font-weight:600;} .CALENDER_TYPE7 .notice a{color:#333333;} .CALENDER_TYPE7 .noti-title{font-weight:600; padding-bottom:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CALENDER_TYPE7 .noti-day{overflow:hidden; width:100%; padding:0; font-weight:500; margin:0;} .CALENDER_TYPE7 .noti-day i{float:left; margin-right:10px; padding-top:1px; color:#4a5daf;} .CALENDER_TYPE7 .noti-day .date{margin-bottom:.2rem; color:#4a5daf; font-weight:500;} .CALENDER_TYPE7 .noti-day .source{color:#888; font-weight:500; margin-bottom:.0rem;} .CALENDER_TYPE8 .notice{overflow-y:scroll; padding:1rem; width:100%; position:relative; border: 1px solid #dddddd; box-sizing:border-box; height:215px;} .CALENDER_TYPE8 .noti-nav{overflow:hidden; padding:0; margin:0; border-bottom:1px solid #e4e4e4; padding:1rem} .CALENDER_TYPE8 .noti-nav:last-child{border-bottom:none;} .CALENDER_TYPE8 .notice ul li{list-style:none; font-size:0.9rem; font-weight:600;} .CALENDER_TYPE8 .notice a{color:#333333;} .CALENDER_TYPE8 .noti-title{font-weight:600; padding-bottom:1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .CALENDER_TYPE8 .noti-day{overflow:hidden; width:100%; padding:0; font-weight:500; margin:0;} .CALENDER_TYPE8 .noti-day i{float:left; margin-right:10px; padding-top:1px; color:#4a5daf;} .CALENDER_TYPE8 .noti-day .date{margin-bottom:.2rem; color:#4a5daf; font-weight:500;} .CALENDER_TYPE8 .noti-day .source{color:#888; font-weight:500; margin-bottom:.0rem;} /* *************블로그형**************** */ .blogType{margin-bottom:8px;} .blog_logo{min-height:40px; max-height:60px;} /* 블로그 형 타입1 */ .MENUBAR_TYPE4.blog{position:relative; background-color:#1463e6;} .MENUBAR_TYPE4.blog .nav{display:table; width:100%; overflow:auto !important;} .MENUBAR_TYPE4.blog .nav > li{float:none; position:relative; display:table-cell;} .MENUBAR_TYPE4.blog .nav > li > a{text-align:center; font-size:1rem; color:#fff;} .MENUBAR_TYPE4.blog .nav > li > a:hover, .MENUBAR_TYPE4.blog .nav > li > a:active{background-color:transparent;} .MENUBAR_TYPE4.blog .nav > li .dropdown-menu{display:none; position:absolute; top:44px; z-index:9999; width:100%; background-color:#fff; border:1px solid rgb(20, 99, 230, 0.65); border-top:0;} .MENUBAR_TYPE4.blog .nav > li .dropdown-menu > a{display:block; padding:0.5rem;} .MENUBAR_TYPE4.blog .nav > li .dropdown-menu > a:last-child{margin-right:0;} .MENUBAR_TYPE4.blog .nav > li .dropdown-menu > a:hover{background-color:rgb(20, 99, 230, 0.65); color:#fff;} .MENUBAR_TYPE4.blog .nav > li:hover .dropdown-menu{display:block;} /* 블로그 형 메뉴 */ .blog .dropdown-menu{overflow:hidden} .blog .navbar .navbar-brand{min-width:15%; max-width:23%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /* LOGIN_TYPE3 블로그형 로그인 박스 */ .blogType.account_login .card{padding:10px;} .blogType.account_login input{padding:.5rem; box-sizing:border-box; margin-bottom:.25rem; border:none; font-size:14px; line-height:1.2} .blogType.account_login input[type=checkbox]{width:22px; height:22px; padding:5px;} .blogType.account_login a.mpassEyeBtn{color:#000000; top:10px;} .blogType .go-page{border-radius:0;} .blogType .loginBtn{background-color:#1b51f0; background-color:#1b51f0;; color:#ffffff} .LOGIN_TYPE3 .logpw_input .mpassEyeBtn .ver_pc{display:none;} .LOGIN_TYPE3 .logpw_input .mpassEyeBtn .ver_m{display:inline-block} .LOGIN_TYPE3 .col-7 p{font-size:.85rem} .LOGIN_TYPE3 .btn-local-admin{border-radius:50%; position:absolute; right:1rem; top:95px;} .logBox_photo{overflow:hidden; width:70px; height:93px;} /* 블로그형 최신글 보기 type12 */ .blogType.totList{clear:both; margin-bottom:20px;} .blogType.totList .list-group{border-top:2px solid #5f5f5f; position:relative;} .blogType.totList .list-group-item{border-left:none; border-right:none; padding:1rem .25rem; overflow:hidden} .blogType.totList .list-group-item:hover{background-color:#f5f5f5;} .blogType.totList .list-group-item a{color:#333333} .blogType.totList .list-group-item a:hover{ text-decoration:none} .blogType.totList h5{display:block; width:70%; font-weight:600} .blogType.totList .writeDate{position:relative; text-align:right; display:block; font-size:.75rem; color:#bebebe} .blogType.totList .media-body{font-size:.95rem; } .blogType.totList .media-body div{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; line-height:1.2; height:3.6em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;} /* 블로그형 푸터 */ .blogType.footer{border-top:none; min-height:80px; padding:1rem 1.25rem; background-color:#ececec; border:1px solid #dddddd; font-size:.75rem; color:#666666} .blogType.footer ul li span{padding-right:10px;}photobbs-img .btn-outline{border:1px solid #cccccc; color:#444444; font-weight:bold; font-size:.85rem; background-color:#ffffff} .btn-outline:hover{border:1px solid #333333; color:#444444} /* 비즈홈피 공통 css */ .PC_bizhp{width:100%; margin-bottom:8px; overflow:hidden; clear:both; border:1px solid #f5f5f5; height:200px;} .PC_bizhp .bbs-preview{margin-bottom:0 !important;} .PC_bizhp .bbs-preview h5{font-size:1rem; margin-bottom:0; padding:.5rem; border-bottom:1px solid #f5f5f5;} .PC_bizhp .bbs-preview h5 a{color:#011c8f;} .PC_bizhp .bbs-preview h5 a.more{font-size:.8rem; float:right; padding-top:.2rem;} .PC_bizhp .photobbs-img{position:relative; width: 100%; height: 110px; padding-right: .3rem; box-sizing: border-box; object-fit: cover; overflow: hidden;} .PC_bizhp .swiper-wrapper .swiper-slide:last-child .photobbs-img img{padding-right:0rem;} .PC_bizhp .swiper-wrapper .swiper-slide:last-child .photobbs-img span{margin-right:.3rem;} .PC_bizhp .photobbs-img img{max-width:100%;} .PC_bizhp .photobbs-img span{position:absolute; right:0; top:0; margin-right:.3rem; padding:5px 10px; background-color:#000; opacity:.5; color:#ffffff} .PC_bizhp .photoWrite-title{width:100%; margin:.3rem 0; color:#333; display:-webkit-box; text-align:center; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;} .PC_bizhp .noResult{padding:4.21rem 0;} .PC_bizhp .noResult.noResult-login{padding:2.96rem 0;} .PC_bizhp .noResult a{width:20%; display:block; margin:.5rem auto 0; padding:.5rem 1.25rem; background-color:#ffb400; color:#202020; border-radius:30px; text-decoration:none;} .PC_bizhp .noResult a:hover, .PC_bizhp .noResult a:active{background-color:#2e2e2e; color:#fff;} /*비즈홈피 타입1(좌우클릭형)*/ .BIZHP_TYPE1 .swipbizHP{position:relative; padding:1rem 0;} .BIZHP_TYPE1 .swiper-button-next, .BIZHP_TYPE1 .swiper-button-prev{top:45%; background-size:27%; width:34px; height:34px; background-color:#fff; border-radius:30px;} /*비즈홈피 타입2(자동슬라이드형)*/ .BIZHP_TYPE2 .bbs-preview h5{border-bottom:none;} .BIZHP_TYPE2 .SwipBiz-Pag{text-align:center;} .BIZHP_TYPE2 .SwipBiz-Pag .swiper-pagination-bullet{width:6px; height:6px;} /*비즈홈피 타입3(고정형)*/ .BIZHP_TYPE3{height:auto; min-height:200px;} .BIZHP_TYPE3 .swipbizHP-Fix ul .FixPhotobbs{display:inline-block} .my-page-imp .btn{height:auto !important;} .my-page-imp .btn + .btn{margin-top:auto !important;}