/*공통*/ #container{padding-bottom:170px;} .gw-bbs-con{margin:0 auto;width: 1200px;} .gw-bbs-con:after {display:block;visibility:hidden;clear:both;content:""} .news_hd_title {position:relative;font-size:26px;font-family:"NotoKr_B", sans-serif;} .news_hd_title:after {display:block;visibility:hidden;clear:both;content:""} #news-lt {float:left;width:780px} #news-rt {float:right;width:370px} /* 목록상단-인기뉴스(웹진) */ #newswebzine_wrap {position:relative;overflow:hidden} #newswebzine_ul {margin:0;padding:0} #newswebzine_ul .news_li {position:relative;padding:0 0 30px} #newswebzine_ul .news_li:after {display:block;visibility:hidden;clear:both;content:""} #newswebzine_ul .news_li:last-child {border-bottom:0px} #newswebzine_ul .news_box {position:relative;margin:0 0 0} #newswebzine_ul .news_box:after {display:block;visibility:hidden;clear:both;content:""} #newswebzine_ul .news_img {position:absolute;width:700px;height:380px;} #newswebzine_ul .news_img img {width:100%;height:auto;border:0px solid #ddd;border-top-left-radius:8px;border-bottom-left-radius:8px} #newswebzine_ul .news_content {float:right;width:500px;height:380px;color:#fff;background:#12277A;border-top-right-radius:8px;border-bottom-right-radius:8px} #newswebzine_ul .news_content_box {padding:30px 25px} #newswebzine_ul .news_content a {color:#fff} #newswebzine_ul .news_cont1 {font-size:28px;font-weight:700;line-height:39px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #newswebzine_ul .news_cont2 {margin:20px 0 0;font-size:14px;font-weight:400;line-height:24px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;} #newswebzine_ul .news_date {position:absolute;bottom:25px;padding:0;font-size:14px;color:#D9D9D9} /* 목록상단-인기뉴스(포토) */ #list-head-photo .photo_latbox {position:relative;overflow:hidden} #list_photo_ul {margin:0 -12px 0;padding:0} #list_photo_ul:after {display:block;visibility:hidden;clear:both;content:""} #list_photo_ul .news_li {float:left;width:33.33333333%;min-height:1px;padding-left:12px;*padding-left:0;padding-right:12px;*padding-right:0;box-sizing:border-box;margin-left:0} #list_photo_ul .news_box {position:relative} #list_photo_ul .news_img img {width:100%;height:auto;border-radius:8px} #list_photo_ul .news_content {padding:15px 0 0;color:#000} #list_photo_ul .news_subject {font-size:20px;font-weight:700;line-height:26px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #list_photo_ul .news_date {margin:12px 0 0;font-size:14px;color:#7A7A7A} /* view우측-분야별 인기 뉴스 */ #news_category {position:relative;padding:15px 0 0} #news_category .tab_cate {display: flex;align-items: center; margin-bottom: 20px;justify-content: space-between;} #news_category .tab_cate div{display: flex;} #news_category .tab__item a{font-size: 16px ; color:#7A7A7A;padding-right:10px; margin-right: 10px; position: relative;} #news_category .tab__item a::after {content: "";position:absolute;right:0;top:50%;height:14px;width:1px;border-right:1px solid #7a7a7a;transform: translate(0%, -50%);} #news_category .tab__item:last-child a::after{display: none;} #news_category .tab__item:last-child a{padding-right:0; margin-right: 0; border-right: 0;} #news_category .tab__item.active a {font-weight: 700; color:#001c91} #news_category .tab__content {display: none;} #news_category .tab__content.active {display: block;} #news_category .category_latbox {position:relative;overflow:hidden} #category_ul {margin:0 -6px 0;padding:0} #category_ul:after {display:block;visibility:hidden;clear:both;content:""} #category_ul .news_li {float:left;width:100%;min-height:1px;padding-left:6px;*padding-left:0;padding-right:6px;*padding-right:0;box-sizing:border-box;margin-left:0} #category_ul .news_box {padding:13px 0;border-bottom:1px solid #E6E6E6} #category_ul .news_li:last-child .news_box {border-bottom:0px} #category_ul .news_img {position:relative;margin:0 0 5px} #category_ul .news_img a {position:relative} #category_ul .news_img img {width:100%;height:auto;border-radius:6px} #category_ul .news_img_subject {position:absolute;bottom:0;text-align:center;background:linear-gradient(to top, rgb(0,0,0,0.7), rgb(0,0,0,0.0));border-bottom-left-radius:6px;;border-bottom-right-radius:6px} #category_ul .news_img_subject span {position:relative;z-index:2;display:inline-block;margin:30px 0 20px;padding:0 20px;font-size:16px;font-weight:700;color:#fff;line-height:19px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} #category_ul .news_content {padding:0;color:#000} #category_ul .news_subject {font-size:14px;line-height:19px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} /* view우측-많이본 뉴스 */ #newsbest_wrap {position:relative;overflow:hidden} #newsbest_ul {margin:0;padding:5px 0 0} #newsbest_ul .news_li {position:relative;padding:15px 0;border-bottom:1px solid #E6E6E6} #newsbest_ul .news_li:after {display:block;visibility:hidden;clear:both;content:""} #newsbest_ul .news_box {position:relative;margin:0 0 0;height:70px} #newsbest_ul .news_rank {position:absolute;left:0;top:20px;font-size:20px;color:#001C91;font-weight:700;} #newsbest_ul .news_img {position:absolute;left:25px;top:0} #newsbest_ul .news_img img {width:112px;height:auto;border-radius:4px} #newsbest_ul .news_content {padding:0 0 0 150px;color:#000} #newsbest_ul .news_subject {font-size:16px;font-weight:400;line-height:22px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #newsbest_ul .news_date {position:absolute;bottom:0;padding:0 0 0 150px;font-size:12px;color:#7A7A7A} #gw-bo-v .news_li:last-child {border-bottom:0px solid #E6E6E6} /* view우측-함께볼만한 뉴스 */ #news_relation {padding:15px 0 0} #news_relation .relation_latbox {position:relative;overflow:hidden} #relation_ul {margin:0 -6px 0;padding:0} #relation_ul:after {display:block;visibility:hidden;clear:both;content:""} #relation_ul .news_li {float:left;width:50%;min-height:1px;padding-left:6px;*padding-left:0;padding-right:6px;*padding-right:0;box-sizing:border-box;margin-left:0} #relation_ul .news_box {margin:0 0 15px} #relation_ul .news_img img {width:100%;height:auto;border-top-left-radius:4px;border-top-right-radius:4px} #relation_ul .news_content {padding:10px 10px;color:#000;border:1px solid #D9D9D9;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px} #relation_ul .news_subject {font-size:14px;line-height:19px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* view하단-최신 뉴스 */ #news_new {padding:0px 0 0} #v_webzine_wrap {position:relative;overflow:hidden} #v_webzine_ul {margin:0;padding:0} #v_webzine_ul .news_li {position:relative;padding:30px 0;border-bottom:1px solid #D2D2D2} #v_webzine_ul .news_li:after {display:block;visibility:hidden;clear:both;content:""} #v_webzine_ul .news_li:first-child {padding-top:15px} #v_webzine_ul .news_li:last-child {border-bottom:0px} #v_webzine_ul .news_box {position:relative;margin:0 0 0;height:160px} #v_webzine_ul .news_img {position:absolute;left:0;top:0} #v_webzine_ul .news_img img {width:256px;height:auto;border-radius:8px} #v_webzine_ul .news_content {padding:0 0 0 280px;color:#000} #v_webzine_ul .news_cont1 {font-size:20px;font-weight:700;line-height:27px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #v_webzine_ul .news_cont2 {margin:13px 0 0;font-size:14px;font-weight:400;line-height:21px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} #v_webzine_ul .news_date {position:absolute;bottom:0;padding:0 0 0 280px;font-size:14px;color:#7A7A7A} .more_opt {display: none;position:absolute;top:-128px;right:0;background: #fff;border: 1px solid #ddd;z-index: 100;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);} .more_opt:before {content: "";position: absolute;bottom: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #b8bfc4 transparent transparent transparent;} .more_opt:after {content: "";position: absolute;bottom: -6px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: #fff transparent transparent transparent;} .more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:154px;margin:0;color:#666;text-align:left} .more_opt li:last-child {border-bottom:0} .more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#666;text-align: left;} .more_opt li:hover a, .more_opt li:hover button {color:#000} .more_opt li i {float:right;line-height:20px} /* 페이징 */ .pg_wrap {display: flex;align-items: center;place-content: center;font-family:'Poppins_SB', sans-serif;} .pg {text-align:center;display: flex;} .pg_page,.pg_current { min-width: 15px;height: 30px;padding: 0 3px;margin: 0 6px;text-align: center;} .pg_page{color:#999 !important;} .pg_current{border-bottom:2px solid #000;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_start {text-indent:-999px;overflow:hidden;padding:0;background: url('img/gw-bbs-start.png') no-repeat 50% 50%;background-size: cover;} .pg_prev {text-indent:-999px;overflow:hidden;padding:0;display:none;} .pg_end {text-indent:-999px;overflow:hidden;padding:0;background: url("img/gw-bbs-end.png") no-repeat 50% 50%;background-size: cover;} .pg_next {text-indent:-999px;overflow:hidden;padding:0;display:none;} /*list*/ #gw-bo-list .search-container {padding:80px 0;position: relative;width: 700px;margin: 0 auto;display: flex;gap: 15px;} #gw-bo-list .search-container button {position: absolute;right: 17px;top:50%;transform:translateY(-50%);} #gw-bo-list .sch_input {padding:12px 17px;height:55px;border: 2px solid #ddd;border-radius: 5px;background: #fff;} #gw-bo-list .sch_input::placeholder{text-align: left;font-family:"NotoKr_M", sans-serif; color:#666;} #gw-bo-list .sch_input:focus{text-align: left;border-color: #000;} input[type="text"]:not(:focus) {text-align: left;} #bo_cate_on{background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);} #bo_cate ul {zoom:1;} #gw-bo-list .btn_bo_user > li {position: relative;} #gw-bo-list .btn_bo_user{place-content: center;} #gw-bo-list .icon-wrap {position: absolute;right: 0;top: 0;font-size: 20px;color: #000;} #gw-bo-list .new_icon {font-size:14px;font-family: 'Poppins_SB', sans-serif;color: #fff;width: 20px;height: 20px;display: block;text-align: center;line-height: 20px;background: var(--main-color);} #gw-bo-list .icon-wrap .fa-download:before {content: "\eb7c";font-family: xeicon;} #gw-bo-list .icon-wrap .fa-link:before {content: "\e9c0";font-family: xeicon;} #gw-bo-list .fa-lock:before {content: "\e964";font-family: xeicon;} #gw-bo-list .cnt_cmt {color: var(--main-color);} #gw-bo-list .bo-list-wrap {flex-wrap: wrap;} #gw-bo-list .gallery{position:relative;cursor: pointer;position: relative;padding: 20px;border:1px solid #ddd;background: #fff;} #gw-bo-list .gallery:not(:last-child) {margin-bottom: 20px;} #gw-bo-list .gallery > a {display: block;width: 100%;height: 100%;} #gw-bo-list .gallery .gw-gall-line {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0px solid;transition: all .3s;} #gw-bo-list .gallery .gall_img > a:hover .gw-gall-line{border-width:10px;border-color: var(--main-color);} #gw-bo-list .gallery .gall_img{position:relative;display: block;overflow: hidden;max-width:200px;} #gw-bo-list .gallery .gall_img > a {display: block;width: 100%;height: 100%;max-height: 250px;} #gw-bo-list .gallery .gall_img > a > img {object-fit: cover;width: 100%;height: 100%;} #gw-bo-list .gallery .gall_chk {position: absolute;right: 20px;top: 20px;z-index: 100;} #gw-bo-list input[type="checkbox"] + .check-label:before {margin-right: 0;} #gw-bo-list .gallery .content {position:relative;} #gw-bo-list .gallery .gall_text_href > a {display: block;} #gw-bo-list .gallery .bo_cate_link .sticky02{transition: all .3s;} #gw-bo-list .gallery:hover .bo_cate_link .sticky02{background: var(--main-color);color: #fff;} #gw-bo-list .bo_tit {position:relative;font-size: var(--main-title04);text-overflow: ellipsis;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} #gw-bo-list .gw-text {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;} #gw-bo-list .gall_info {border-top: 1px solid #ddd;flex-wrap: wrap;} #gw-bo-list .gall_info > li{flex-shrink: 0;} #gw-bo-list .gall_info a {color: #666;} #gw-bo-list .gall_info .sv {display: none;} #gw-bo-list .profile_img{display: none;} #gw-bo-list .gw-empty-list{border-top: 2px solid #000;} #gw-bo-list .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;} #gw-bo-list .gw-empty-list > h3 {font-size: var(--main-title03);} #gw-bo-list .no_image {background: #ddd;} /*view*/ #gw-bo-v{padding-top: 0px;} #gw-bo-v .profile_img {display: none;} .bo_v_tit {font-size:30px;line-height:39px} #bo_v_info .profile_info{padding-bottom: 0px;margin-bottom: 30px;border-bottom: 1px solid #ddd;} #bo_v_atc {min-height: 250px;} #bo_v_con {font-size:16px;line-height:25px;color:#000} #gw-bo-v .bo_v_nb{padding-top:60px;margin-bottom:60px;align-items:center;border-top: 1px solid #ddd;text-align: center;} #gw-bo-v .bo_v_nb > li > a {display: block;width: 100%;transition: all .3s;text-transform: uppercase;font-size: var(--main-title04);} #gw-bo-v .bo_v_nb > li > .list-btn {display:inline-block;width: 60px;height: 60px;background: #000;color: #fff;position: relative;box-shadow: 0 20px 30px rgba(0, 0, 0, .05);transition: all .3s;} #gw-bo-v .bo_v_nb > li > .list-btn:hover {background: var(--main-color);} #gw-bo-v .bo_v_nb > li > a.disabled-link {color: #ccc;} #gw-bo-v .btn_bo_user {place-content: center;} #gw-bo-v .more_opt{top: -160px;} #bo_v_link .gw-box01 {margin-bottom: 30px;} #bo_v_link .gw-box01 .gw-flex {align-items: center;gap: 10px;} .gw-empty-list {padding: 40px 0;border-bottom: 1px solid #ddd;border-top:2px solid #ddd;} .gw-empty-list > h3 {font-size: var(--main-title03);} #wr_content{background: #fff;} #bo_vc .cmt_contents {background: #fff;} #bo_vc .gw-box02 {border: 2px solid #ddd;margin-bottom: 20px;} #bo_v_sns{place-content: center;} #bo_v_sns > li {width: 40px;height: 40px;line-height:40px;border: 1px solid #ddd;} #bo_v_sns > li > a {display: block;width: 100%;height: 100%;color: #666;} #bo_v_sns > li > a.disabled {color: #ccc;} #bo_v_act {place-content: center;} #bo_vc_w .bo_vc_w_wr input{background: #fff;} #gw-bo-v .bo_v_nb > li > a{position: relative;} #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before {content: "";display: block;width: 100%;height: 3px;background: var(--main-color);position: absolute;top: -80px;opacity: 0;transition: all .3s;} #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:hover:before{opacity: 1;} #gw-bo-v .bo_v_nb > li > .prev > i {transition: all .3s;} #gw-bo-v .bo_v_nb > li > .prev:hover{color: var(--main-color);} #gw-bo-v .bo_v_nb > li > .prev:hover > i {transform: translateX(-10px);} #gw-bo-v .bo_v_nb > li > .next > i {transition: all .3s;} #gw-bo-v .bo_v_nb > li > .next:hover{color: var(--main-color);} #gw-bo-v .bo_v_nb > li > .next:hover > i {transform: translateX(10px);} #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a.disabled-link:before {opacity: 0;} #gw-bo-v .bo_v_nb > li > .disabled-link:hover > i {transform: translateX(0);} .bo_v_subtitle {position:relative;margin:0 0 40px;padding-left:20px;font-size:16px;font-weight:600;line-height:27px;border-left:2px solid #000} .gw-profile-info {position:relative;} .v_pdf {position:absolute;right:0;top:-5px} .v_pdf img {width:30px;height:auto} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:bold} #autosave_wrapper {position:relative} #autosave_wrapper .gw-btn03 {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);} #autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #ddd;background:#fff;box-shadow:70px 70px 130px rgb(39 49 108 / 20%);} #autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent} #autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:center;margin:0 !important} #autosave_pop button {margin:0;padding:0;border:0} #autosave_pop ul {padding:15px;border-top:1px solid #ddd;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #ddd} #autosave_pop li {padding:10px;border-bottom:1px solid #fff;background:#f3f3f3;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right;color:#999;font-family: 'Poppins_R', sans-serif;} .autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em} .autosave_close:hover {background:#f3f3f3;color:#3597d9} .autosave_content {display:none} .autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px} /*글쓰기*/ #gw-bo-w{padding-top: 120px;width: 1000px;} #gw-bo-w > h2 {padding-bottom: 40px;margin-bottom: 20px;border-bottom: 2px solid #000;} #gw-bo-w > form > div:not(:last-child) {border-bottom: 1px solid #ddd;} #gw-bo-w > form input {background: #fff;} #gw-bo-w .file-name {background: #fff;width: calc(80% - 3px);} #gw-bo-w .file-name .num {border-bottom: 1px solid #000;margin-left: 10px;} #gw-bo-w .gw-btn-wrap {margin: 0 auto;} #gw-bo-w .file_del {position: absolute;right: 17px;top: 50%;transform: translateY(-50%);} .btn_cke_sc{font-size:14px;} .cke_sc_def{font-size:14px;} #gw-bo-w textarea { all: unset; box-shadow: none; border: 2px solid #ddd; border-radius: 5px; padding: 12px 17px; width: 100%; height: 120px; font-family: "NotoKr_R"; transition: 0.3s; box-sizing: border-box; background: #fff; } @media screen and (max-width:1280px){ #container{padding-bottom:120px;} .gw-bbs-con{width: 100%;padding: 30px 0 0} .news_hd_title {font-size:20px} #news-lt {width:100%;padding:0 15px} #news-rt {width:100%;padding:0 15px} #gw-bo-v #news-rt {display:none} #gw-bo-v{padding-top: 80px;} .bo_v_tit {font-size:24px;line-height:30px} /*write*/ #gw-bo-w{width: 100%;} /* 목록상단-인기뉴스(웹진) */ #newswebzine_ul {margin:0 0 20px} #newswebzine_ul .news_li {padding:15px 0} #newswebzine_ul .news_box {height:auto} #newswebzine_ul .news_img {position:relative;width:100%;height:auto} #newswebzine_ul .news_img img {border-radius:0px} #newswebzine_ul .news_content {padding:0 0 12px;width:100%;height:auto;border-radius:0px} #newswebzine_ul .news_content_box {padding:25px 20px} #newswebzine_ul .news_cont1 {font-size:22px;line-height:30px;font-weight:400} #newswebzine_ul .news_cont2 {margin:20px 0;vertical;-webkit-line-clamp:3;} #newswebzine_ul .news_date {font-size:12px} /* 목록상단-인기뉴스(포토) */ #list_photo_ul {margin:0 -5px 0} #list_photo_ul .news_li {width:50%;padding-left:5px;padding-right:5px;margin-bottom:10px} #list_photo_ul .news_li {margin:0 0 20px} #list_photo_ul .news_li:nth-child(3) {margin:0px;clear:both} #list_photo_ul .news_li:nth-child(4) {margin:0px} #list_photo_ul .news_li:last-child {display:block} #list_photo_ul .news_content {padding:12px 0 0} #list_photo_ul .news_subject {font-size:16px;line-height:20px} #list_photo_ul .news_date {margin:8px 0 0;font-size:14px} } @media screen and (max-width:1024px){ /* view우측-많이본 뉴스 */ #newsbest_ul .news_rank {font-size:18px} /*list*/ #gw-bo-list .search-container{padding: 60px 0;width:100%;} #gw-bo-list .gallery > a{padding: 20px;} #gw-bo-list .gallery .gw-gall-line{display: none;} /* view하단-최신 뉴스 */ #v_webzine_ul .news_li {padding:15px 0} #v_webzine_ul .news_box {height:70px} #v_webzine_ul .news_img img {width:112px;border-radius:4px} #v_webzine_ul .news_content {padding:0 0 0 125px} #v_webzine_ul .news_cont1 {font-size:16px;line-height:22px;font-weight:400} #v_webzine_ul .news_cont2 {display:none} #v_webzine_ul .news_date {padding:0 0 0 125px;font-size:12px} } @media screen and (max-width:768px){ #container{padding-bottom:60px;} /*write*/ #gw-bo-w{padding-top: 60px;} } @media screen and (max-width:576px){ /*공통*/ .pg_page, .pg_current{height: 25px;} /*list*/ #gw-bo-list .search-container{padding: 40px 0;width: 100%;flex-wrap: wrap;} #gw-bo-list .btn_bo_user > li{flex: 1;font-size: 12px;} #gw-bo-list .gall_con {flex-direction: column;gap: 20px;} #gw-bo-list .gallery .gall_img{height: 47vw;max-width:100%;} #gw-bo-list .gall_info{gap: 10px;} #gw-bo-list .gall_info > ul:first-child{flex-wrap:wrap;} #gw-bo-list .gallery .gall_info .gw-gap-05 {width: 100%;} #gw-bo-list .gallery .gall_info .gw-btn03 {width: auto;} #gw-bo-list .sv_wrap .sv{right: auto;} #gw-bo-list .sv_wrap .sv:before {left: 15px;right: auto;} #gw-bo-list .sv_wrap .sv:after {left: 15px;right: auto;} /*write*/ #gw-bo-w > form > div {flex-direction: column;} #gw-bo-w > form > div .gw-w-15 {width: 100% !important;margin-bottom: 10px;} #gw-bo-w > form > div .gw-w-85 {width: 100% !important;flex-wrap: wrap;} #gw-bo-w > form > div .gw-w-85 > li {width: 40%;} #gw-bo-w > form > div > .gw-w-50:first-child {border-bottom: 1px solid #ddd;padding-bottom: 10px;} #gw-bo-w .file-name{width: calc(75% - 3px);} .gw-file-input-button{width: 25% !important;} .btn_cke_sc{font-size:12px;} .cke_sc_def{font-size:12px;} .cke_sc_def dd{text-align:center;} /*view*/ #bo_vc .cm_wrap > .gw-flex-btw {flex-direction: column;gap: 10px;text-align:center;} #bo_vc .cmt_contents{margin-bottom: 0 !important;} #gw-bo-v .bo_v_nb{margin-bottom: 30px;} #gw-bo-v .gw-btn0102 {width: 100% !important;} #gw-bo-v .btn_bo_user{width: 100%;} #gw-bo-v .btn_bo_user > li{flex: 1;font-size: 12px;} #bo_v_info .profile_info{padding-bottom: 10px !important;margin-bottom: 20px;font-size: 12px;} #gw-bo-v .bo_v_nb {padding-top: 30px;} #gw-bo-v .bo_v_nb > li:not(:nth-of-type(2)) >a:before{top: -50px;} #gw-bo-v .more_opt{top: -140px;} .bo_v_subtitle {margin:0 0 20px;padding-left:15px;font-size:16px} .more_opt li{width:122px;} } @media screen and (max-width:375px){ /*list*/ .pg_page, .pg_current{margin:0 3px;} /*view*/ #gw-bo-v .bo_v_nb > li > .list-btn{width:50px;height:50px;} } @media screen and (max-width:320px) { .gw-none-320{display: none;} .gw-file-input-button{font-size: 12px;} }