[x-cloak] { display: none; } /* Style the header */ .header {z-index: 100;} /* Page content */ .content {padding: 16px;} /* The sticky class is added to the header with JS when it reaches its scroll position */ .sticky {position: fixed;top: 0;width: 100%} /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */ .sticky+.content {padding-top: 102px;} /**/ .list_bottom_btn{ border-radius:5px; padding:5px 15px; font-size:0.9rem; } .list_align_btn{ padding:0 15px; margin-left:0; border:0px solid red; } .bo_cate_link {font-size:0.7rem;padding:2px 5px;border-radius:4px;} .bo_v_btn {border-radius:3px;padding:2px 10px;} .comment_edit {border-radius:3px;padding:2px 10px;} .login_out_btn {border-radius:20px;} .logo1_text {font-family: "Seymour One", sans-serif;font-weight: 400;font-style: normal;font-size: 1.5rem;color: var(--text-bmode-logo);} .logo1_text:hover {font-family: "Seymour One", sans-serif;font-weight: 400;font-style: normal;font-size: 1.5rem;color: var(--text-bmode-logo-hover);} /*-------모바일 메뉴 설정----{---------*/ .logo2_text {font-family: "Seymour One", sans-serif;font-weight: 400;font-style: normal;font-size: 1.5rem;color: var(--text-bmode-logo);} .logo2_text:hover {font-family: "Seymour One", sans-serif;font-weight: 400;font-style: normal;font-size: 1.5rem;color: var(--text-bmode-logo-hover);} /*---모바일 메뉴 상단-로고 텍트스-}---*/ #column_left, #column_right, #column_center, #column_one {display: flex;} #items_box {border-radius:5px;flex: 1;} #items_box_carousel {padding:0px;flex: 1;} #section_header {border: 0px solid red;} #section_header .section_header {border: 0px solid blue;} .section_header_item {border: 0px solid green;} /*-----block--*/ #section_top {border: 0px solid red;} #section_top_left {border: 0px solid purple;margin: 0px 15px 0 0;display: flex;;flex: 1;} #section_top_center {border: 0px solid purple;margin: 0px 15px 0 15px;display: flex;;flex: 1;} #section_top_right {border: 0px solid purple;margin: 0px 0 0 15px;;display: flex;;flex: 1;} #section_top_one {border: 0px solid yellow;padding: 0px !important;border-radius: 5px;;display: flex;;flex: 1;;} #section_top_carousel {border: 0px solid yellow;padding: 0px !important;border-radius: 5px;;display: flex;;flex: 1;;} /*-----block--*/ #section_middle_top {} #section_middle_top_left {border: 0px solid purple;margin: 0px 15px 0 0;display: flex;;flex: 1;} #section_middle_top_center {border: 0px solid purple;margin: 0px 15px 0 15px;display: flex;;flex: 1;} #section_middle_top_right {border: 0px solid purple;margin: 0px 0 0 15px;;display: flex;;flex: 1;} #section_middle_top_one {border: 0px solid yellow;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_wrapper {border: 0px solid red;} #section_main {border: 0px solid blue;} #section_main_row {border: 0px solid blue;} /*-----block--*/ #aside_left {border: 0px solid yellow;font-size: 0.8rem;} #aside_left_content {border: 0px solid yellow;font-size: 0.8rem;} #main_content {border:0px solid red;padding:0px} /*-----block--*/ #section_main_top_wrapper{} #section_main_top {border-radius: 5px;} #section_main_top_left {border: 0px solid yellow;margin: 0px 15px 0 0;border-radius: 5px;display: flex;;flex: 1;} #section_main_top_right {border: 0px solid yellow;margin: 0px 0 0px 15px;border-radius: 5px;display: flex;;flex: 1;} #section_main_top_center {border: 0px solid yellow;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_top_one {border: 0px solid yellow;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;} #main_content_container {border-radius: 5px;font-size: 0.8rem;} #main_content_row {border-radius: 5px;font-size: 0.8rem;padding:0px} /*-----block--*/ #section_main_left {border: 1px solid yellow;font-size: 0.8rem;} #main_content_box {border-radius: 5px;font-size: 0.8rem;} #breadcrumb_wrapper{} .breadcrumb {border: 0px solid red;} /*-----block--*/ #section_main_head {border: 0px solid purple ;border-radius: 5px} #section_main_head_left {border: 0px solid red ;padding: 0px 15px 0 0;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_head_right {border: 0px solid yellow ;padding: 0px 0 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_head_center {border: 0px solid yellow ;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_head_one {border: 0px solid yellow ;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;;} /*--index.php--*/ #main {border-radius: 5px;} /*--index.php--*/ /*-----block--*/ #section_main_tail {border: 0px solid purple;clear: both;} #section_main_tail_left {border: 0px solid yellow;padding: 0px 15px 0 0;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_tail_right {border: 0px solid yellow;padding: 0px 0 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_tail_center {border: 0px solid yellow;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_tail_one {border: 0px solid yellow;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;;} /*-----block--*/ #section_main_right { border: 0px solid yellow; padding:0 0px 0 30px; font-size: 0.8rem; } /*-----block--*/ #section_main_bottom {border: 0px solid purple;} #section_main_bottom_left {border: 0px solid yellow;padding: 0px 15px 0 0;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_bottom_right {border: 0px solid yellow;padding: 0px 0 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_bottom_center {border: 0px solid yellow;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_main_bottom_one {border: 0px solid yellow;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;;} /*-----block--*/ #aside_right{} #aside_right .aside_right_content{} /*-----block--*/ /*-----block--*/ #section_middle_bottom {border: 0px solid red;} #section_middle_bottom_left {border: 0px solid yellow;padding: 0px 15px 0 0;border-radius: 5px;;display: flex;;flex: 1;;} #section_middle_bottom_right {border: 0px solid yellow;padding: 0px 0 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_middle_bottom_center {border: 0px solid yellow;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_middle_bottom_one {border: 0px solid yellow;border-radius: 5px;;display: flex;;flex: 1;} /*-----block--*/ #section_bottom {border: 0px solid red;} #section_bottom_left {border: 0px solid yellow;padding: 0px 15px 0 0;border-radius: 5px;;display: flex;;flex: 1;;} #section_bottom_right {border: 0px solid yellow;padding: 0px 0 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_bottom_center {border: 0px solid yellow;padding: 0px 15px 0px 15px;border-radius: 5px;;display: flex;;flex: 1;;} #section_bottom_one {border: 0px solid yellow;padding: 0px;border-radius: 5px;;display: flex;;flex: 1;;} #section_footer{border: 0px solid red;} /*---세부 컨텐츠 ---*/ /*------하단 영역----}--*/ @media only screen and (max-width:992px) { #main_content_container{ padding:10px; border: 2px solid blue; } /*------상단 영역----{--*/ #header_wide_wrapper {border: 0px solid yellow; background: var(--bg-bmode-dark);margin: 0px 0;padding: 0;} #header_middle_wrapper {border: 0px solid yellow; background: var(--bg-bmode-light);margin: 0px 0;padding: 0;} #header_basic_wrapper {border: 0px solid yellow; background: var(--bg-bmode-light);margin: 0px 0;padding: 0;} #header_blog_wrapper {border: 0px solid yellow; background: var(--bg-bmode-light);margin: 0px 0;padding: 0;} #header_top_menu_wrapper {border: 0px solid yellow;margin: 0px 0;padding: 0;} #header_top_menu {border: 0px solid green;padding:20px 20px;} #header_top_menu_left {border: 0px solid red;padding: 0} #header_top_menu_right {border: 0px solid red;justify-content: flex-end;padding: 0} #header_search_wide_wrapper {border: 0px solid blue;margin: 0;padding: 0px 0} #header_search_wide {border: 0px solid red;padding:5px 50px;border-radius: 5px;} #wide_search_box{width:400px;border:1px solid var(--border-bmode);background:var(--bg-bmode-form);border-radius:25px;height:45px;;padding:2px 10px 0 10px} #mini_search_box{width:250px;border:1px solid var(--border-bmode-form);background:var(--bg-bmode-form);border-radius:25px;height:45px;padding:2px 10px 0 10px} #header_nav_basic_wrapper {border-bottom: 2px solid var(--border-bmode-dark);border-top:0;border-right:0;border-left:0;;margin: 0;padding: 0 0 10px 0} #header_nav_basic {border: 0px solid red;;padding:5px 10px;border-radius: 0px;} #header_nav_simple_wrapper {border: 0px solid blue;background:var(--bg-bmode-light);margin: 0;padding: 0} #header_nav_simple_box {border: 0px solid blue;background:var(--bg-bmode-light);margin: 0;padding: 5px 0} #header_nav_simple {border: 0px solid red;padding:5px 10px;border-radius: 5px;} #header_nav_simple_bottom_line {border: 0px solid red;background: var(--bg-bmode-light);height:5px;} #header_nav_wide_wrapper {border: 0px solid blue;margin: 0;padding: 0} #header_nav_wide_box {border: 0px solid blue;;background: var(--bg-bmode-dark);margin: 0;padding: 5px 0} #header_nav_wide {border: 0px solid red;background: var(--bg-bmode-dark);padding: 5px 10px;border-radius: 5px;} #header_nav_wide_bottom_line {border: 0px solid red;background: var(--bg-bmode-dark);height:5px;} #header_nav_middle_wrapper {border: 0px solid blue;;margin: 0;padding: 0px 0} #header_nav_middle {border: 0px solid red;background: var(--bg-bmode-dark);padding: 5px 10px;border-radius: 5px;} #header_nav_blog_wrapper {border: 0px solid blue;;margin: 0;padding: 0px 0} #header_nav_blog {border: 0px solid red;;background: var(--bg-bmode-light);padding: 10px 10px;border-radius: 5px;} /*------상단 영역----}--*/ /*------상단 영역----}--*/ #section_wrapper {border: 2px solid var(--border-bmode);background: var(--bg-bmode);border-radius: 5px;margin: 0;padding: 0px 0 30px 0} #content_top_wrapper {border: 0px solid red;margin: 0;padding: 0;} #content_top_left {border: 0px solid purple;padding: 0;margin:0px 0 30px 0;} #content_top_center {border: 0px solid purple;padding: 0px;margin:0 0 30px 0;} #content_top_right {border: 0px solid purple;padding: 0px;margin:0 0 30px 0;;} #middle_top_wrapper {border: 0px solid red;margin: 0;padding: 0;} #middle_top_left {border: 0px solid purple;padding: 0;margin:0px 0 30px 0;} #middle_top_center {border: 0px solid purple;padding: 0px;margin:0 0 30px 0;} #middle_top_right {border: 0px solid purple;padding: 0px;margin:0 0 30px 0;;} #content_wrapper {border: 0px solid red;margin: 0;padding: 10px 0 0 0;} #content_container {border: 0px solid blue;padding: 0;;background: var(--bg-bmode)} #content_row {border: 0px solid green;margin: 0;padding: 0px;border-radius: 5px;} #side_left {border: 0px solid yellow;margin: 0px;padding: 0px 0px 0 0px;font-size: 0.8rem;} #content_main {border: 0px solid yellow;margin: 0px 0 30px 0;padding: 0px 10px 20px 10px;border-radius: 5px;font-size: 0.8rem} #main_top_wrapper {border: 0px solid purple;margin: 0 0 10px 0;padding: 0px;} #main_top_box {border: 0px solid purple;border-radius: 5px;} #main_top {border: 0px solid purple;padding: 10px;background:var(--bg-bmode);border-radius: 5px;;} #main_top_carousel {border: 0px solid purple;margin: 0px;padding: 0} #content_box_container {margin: 0px;padding: 10px;border-radius: 5px;font-size: 0.8rem;background:var(--bg-bmode)} #content_box_row {border: 0px solid green;margin: 0px;padding: 0px;border-radius: 5px;font-size: 0.8rem;} #main_left {border: 0px solid yellow;margin: 0px;padding: 0 0px 0 0;font-size: 0.8rem;} #content_box_main {border: 0px solid yellow;margin: 0px;padding: 0px;border-radius: 5px;font-size: 0.8rem} #main_head_wrapper {border: 0px solid purple;margin: 0 0 10px 0;padding: 0px;border-radius: 5px} #main_head_box {border: 0px solid purple;margin: 0;padding: 0px;} #main_head {border: 0px solid purple;margin: 0;padding: 0px;} #main_head_carousel {border: 0px solid purple;margin: 0 0 10px 0;padding: 0px;} #main_tail_wrapper {border: 0px solid purple;margin: 10px 0 0 0;padding: 10px 0 0 0;clear: both;} #main_tail_box {border: 0px solid purple;margin: 0;padding: 0px;} #main_tail {border: 0px solid purple;margin: 0;padding: 0px;border-radius: 5px;background: var(--bg-bmode)} #main_tail_carousel {border: 0px solid purple;margin: 0;padding: 0px;} #main_right {border: 0px solid yellow;margin: 0px;padding: 0px 0px 0 0px;font-size: 0.8rem;} #main_bottom_wrapper {border: 0px solid purple;margin: 10px 0 0 0;padding: 0px} #main_bottom_box {border: 0px solid purple;padding: 0px;border-radius: 5px} #main_bottom {border: 0px solid red;border-radius: 5px;} #main_bottom_left {border: 0px solid yellow;padding: 0px;border-radius: 5px;;} #main_bottom_right {border: 0px solid yellow;padding: 0px;border-radius: 5px;;} #main_bottom_center {border: 0px solid yellow;padding: 0px;border-radius: 5px;;} #main_bottom_carousel {border: 0px solid purple;padding: 0px;} #aside_right {padding: 0px;} #middle_bottom_wrapper {border: 0px solid red;margin: 0px;padding: 0 0 10px 0;background: var(--bg-bmode)} #middle_bottom {border: 0px solid purple;margin: 0;padding: 10px;background: var(--bg-bmode);border-radius: 5px;} #middle_bottom_carousel {border: 0px solid purple;padding: 0px;} #content_bottom_wrapper {border: 0px solid red;margin: 0;padding: 0px 0 10px 0;background: var(--bg-bmode)} #content_bottom {border: 0px solid purple;margin: 0;padding: 10px;background: var(--bg-bmode)} #content_bottom_carousel {border: 0px solid purple;margin: 0px;padding: 0px;} #outlogin_box {border: 1px solid var(--border-bmode);margin: 0px 10px 30px 10px;padding: 5px;border-radius: 5px;font-size: 0.7rem} #lt_main {border: 1px solid var(--border-bmode);margin: 0px;padding: 15px;color: var(--text-bmode);border-radius: 5px} #lt_side {border: 0px solid var(--border-bmode);margin: 0px;padding: 20px;color: var(--text-bmode);border-radius: 5px} #lt_side_main {border: 0px solid red;padding: 0px 10px;margin: 0px 10px 30px 10px;color: var(--text-bmode);border-radius: 5px} #lt_side_carousel {border: 0px solid var(--border-bmode);margin: 0px 0 30px 0;padding: 0px;color: var(--text-bmode);border-radius: 5px} /*------하단 영역----{--*/ #footer_wrapper {border-top: 2px solid var(--border-bmode-footer-wrapper);background: var(--bg-bmode-footer-wrapper);padding: 10px 0;margin: 0;} #copyright {background: var(--bg-bmode-copyright);color: var(--text-bmode-copyright);padding: 10px 0;} /*------하단 영역----}--*/ .breadcrumb {border: 0px solid red;padding: 5px;font-size:1.2rem;font-weight:bold} .footer_cnt a { color: var(--text-bmode-footer-link);font-size: 1.0rem;font-weight: bold;} }