/* 서브 배너 영역 */
#sub01_bg {width:100%; background:url('/images/newsub/pattern_bg.png') no-repeat, rgba(87, 187, 173, 0.1); height:454px;background-size: cover; background-position:-90px -69px;}
#sub01_bg .container {position:relative;}
#sub01_bg .container > img {position:absolute; right:0px; top:-4px; max-width:100%; height:auto;}
.sub_page_nav {padding-top:123px;}
.sub_page_nav ul {display:flex;}
.sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

.sub_banner_title {padding-top:30px; padding-bottom:115px;}
.sub_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#57BBAD; font-weight:800;}
.sub_banner_title > p > span {font-size:32px; line-height:32px; letter-spacing: -0.04em; font-weight:400; padding-left:20px;}

.sub_page_link {}
.sub_page_link > ul {display:flex;}
.sub_page_link > ul > li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#57bbad; padding-right:44px;}
.sub_page_link > ul > li > a {color: #57BBAD66;font-family: 'NanumSquareRound',sans-serif;font-weight:800;}
.sub_page_link > ul .on a {color: #57BBAD;}
.sub_page_link > ul .on:before {content:""; width:12px; height:12px; background:#57bbad; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 서브페이지 검색바 영역 */
.search_bar_wrap {margin-top:120px; height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap ul li {padding-right:10px;}
.search_bar_wrap ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap ul li:nth-child(3) .search_input {border: 1px solid #E2E2E2; border-radius: 3px; padding: 12px; height: 44px;}
.search_bar_wrap ul li button {transition: all 0.4s;}
.search_bar_wrap ul li:nth-child(4) button {line-height: 15px; background: #333; height: 48px; border-radius: 74px; padding: 16px 30px; color: #fff; font-weight: 800;}
.search_bar_wrap ul li:nth-child(4) button:hover {background: #111; transition:all 0.4s;}
.search_bar_wrap ul li:nth-child(4) button > img {max-width: 100%; height: auto; display: inline-block; margin-left: 4px;}
.search_bar_wrap ul li:nth-child(5) button {line-height: 15px; background: #57BBAD; height: 48px; border-radius: 74px; padding: 16px 30px; color: #fff; font-weight: 800;}
.search_bar_wrap ul li:nth-child(5) button:hover {background: #2db29f; transition:all 0.4s;}
.search_bar_wrap ul li:nth-child(5) button > img {max-width: 100%; height: auto; display: inline-block; margin-left: 4px; vertical-align: middle;}


.search_bar_wrap ul li:nth-child(1) .selectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap ul li:nth-child(1) .selectBox::-ms-expand { display: none;} /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap ul li:nth-child(2) .selectBox {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 

/* 서브페이지 검색바 영역2 */
.search_bar_wrap2 {height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap2 ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap2 ul li {padding-right:10px;}
.search_bar_wrap2 ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap2 ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap2 ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap2 ul li:nth-child(1) .selectBox {-webkit-appearance: none;-moz-appearance: none;appearance: none; background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%; font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap2 ul li:nth-child(1) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap2 ul li:nth-child(2) .selectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap2 ul li:nth-child(2) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap2 ul li:nth-child(3) .search_input {width:538px; border: 1px solid #E2E2E2; border-radius: 3px; padding:12px; height:41px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;}
.search_bar_wrap2 ul li:nth-child(4) button {line-height: 15px; background:#333; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap2 ul li:nth-child(4) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}
.search_bar_wrap2 ul li:nth-child(5) button {line-height: 15px; background:#57BBAD;; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap2 ul li:nth-child(5) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}

/* veiw_list_nav 영역 */
.veiw_list_nav {overflow:hidden; padding:50px 0;}
.veiw_list_nav .veiw_list_nav_l {float:left; }
.veiw_list_nav .veiw_list_nav_l > p {line-height:46px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#444; font-weight:700;}
.veiw_list_nav .veiw_list_nav_r {float:right;}
.veiw_list_nav .veiw_list_nav_r ul {overflow:hidden;}
.veiw_list_nav .veiw_list_nav_r ul li {margin-right:8px; float:left;}
.veiw_list_nav .veiw_list_nav_r ul li button {transition:all 0.4s;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(1) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#888; font-weight:600; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(2) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#888; font-weight:600; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(3) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#888; font-weight:600; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav .veiw_list_nav_r ul li.on button {background:#57BBAD; border: 1px solid #57BBAD; color:#fff;}
.veiw_list_nav .veiw_list_nav_r ul li button:hover {background:rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; color:#4aab9d; transition:all 0.4s;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button {background:url('/images/newsub/btn_icon03.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon03_on.png')no-repeat, rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; background-position: center center; transition:all 0.4s;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button {background:url('/images/newsub/btn_icon04_off.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon04_on.png')no-repeat, rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; background-position: center center; transition:all 0.4s;}

/* veiw_list_nav btn__나눔*/
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#888; font-weight:600; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li.on button {background:#E593B8; border: 1px solid #E593B8; color:#fff;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li button:hover {background:rgba(229, 147, 184, 0.1); border: 1px solid #E593B8; color:#E593B8; transition:all 0.4s;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button {background:url('/images/newsub/btn_icon03.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9; border-radius:0;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button {background:url('/images/newsub/btn_icon04_off.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9; border-radius:0;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon05_on.png')no-repeat, rgba(229, 147, 184, 0.1); border: 1px solid #E593B8; background-position: center center; transition:all 0.4s;}
.nanum_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon06_on.png')no-repeat, rgba(229, 147, 184, 0.1); border: 1px solid #E593B8; background-position: center center; transition:all 0.4s;}

/* veiw_list_nav btn__토론*/
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li.on button {background:#6DA9E0; border: 1px solid #6DA9E0; color:#fff;}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li.on button:hover {background:#6DA9E0; border: 1px solid #6DA9E0; color:#fff}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li button:hover {background:rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; color:#6DA9E0; transition:all 0.4s;}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button {background: url(/images/newsub/btn_icon03.png)no-repeat;background-position: center center;width: 46px;height: 46px;padding: 14px;border: 1px solid #d9d9d9;margin-top: 0; border-radius:0;}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button {background: url(/images/newsub/btn_icon04_off.png)no-repeat;background-position: center center;width: 46px;height: 46px;padding: 14px;border: 1px solid #d9d9d9;margin-top: 0; border-radius: 0;}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon07_on.png')no-repeat, #6DA9E01A; border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}
.discussion_list_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon08_on.png')no-repeat, #6DA9E01A; border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}

/*veiw_list_nav btn__토론_학생설문*/
.discussion_list_wrap .veiw_list_nav6 .veiw_list_nav_r ul li button {transition:all 0.4s;}
.discussion_list_wrap .veiw_list_nav6 .veiw_list_nav_r ul li button:hover {background:rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; color:#6DA9E0; transition:all 0.4s;}

/* veiw_list_wrap 영역 */
.veiw_list_wrap {}
.veiw_list_wrap .view_list_cont {width:100%; overflow:hidden;}
.veiw_list_wrap .view_list_cont > ul {display:flex; flex-wrap: wrap; justify-content: flex-start;}
.veiw_list_wrap .view_list_cont > ul > li {width: calc((100% - 60px)/4); margin-right: 15px; margin-bottom: 32px;}

/* .veiw_list_wrap .view_list_cont > ul > li:nth-child(4n) {margin-right:0px;} */
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box {width:327px; height:auto; border:1px solid #e2e2e2; border-radius:30px; padding:36px;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;} /*border:1px solid #57BBAD;*/
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box .thumbnail {border-radius: 20px; max-width:100%; width:60px; height:60px; display:block; margin-bottom:30px;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box h3 {white-space: nowrap; width: 230px; overflow: hidden; text-overflow: ellipsis; margin-bottom:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box p {white-space: nowrap; width: 238px; overflow: hidden; text-overflow: ellipsis; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box > ul {display: flex; justify-content: space-between; align-items: center;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box > ul > li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box > ul > li img {vertical-align: middle; max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

/* veiw_list_wrap_btn 영역 */
.veiw_list_wrap_btn {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0; transition:all 0.4s;}
.veiw_list_wrap_btn button:hover {background:rgba(87, 187, 173, 0.1); transition:all 0.4s; border:1px solid #57BBAD;}
.veiw_list_wrap_btn button > img {display:block; margin:0 auto;}

/* veiw_list_wrap 비디오 게시판 리스트 */
.veiw_list_wrap.video .view_list_cont > ul > li .view_list_cont_box {padding: 0;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box .text_wrap {padding: 36px;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box .thumbnail_wrap {overflow: hidden;position: relative;height: 0;padding-top: 51.5%;border-radius: 30px 30px 0px 0px;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box .thumbnail_wrap::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 53px;height: 59px;background: url(/images/newsub/icon_play_vid.png) no-repeat;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box .thumbnail {position: absolute;top: 50%;left: 0;width: 100%;height: auto;transform: translateY(-50%);border-radius: 0;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box h3 {overflow:hidden;text-overflow:ellipsis;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;margin:0 0 8px;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box ul {display: flex; justify-content:flex-start; align-items: center;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box ul li {margin-right:0px;margin-bottom:0px;font-family:'NanumSquareNeo-Variable',sans-serif;font-size:14px;letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box ul li img {vertical-align: middle; max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box ul li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.veiw_list_wrap.video .view_list_cont ul li .view_list_cont_box .view_list_cont_text {padding:0 36px;}

.veiw_list_wrap.video .view_list_cont_box .text_wrap {}
.veiw_list_wrap.video .view_list_cont_box .text_wrap .title_box {margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #c9d3d6;}
.veiw_list_wrap.video .view_list_cont_box .text_wrap .title_box .name {font-size:14px;font-weight:800;color: #888;}
.veiw_list_wrap.video .view_list_cont_box .text_wrap .text_cont {display:flex;justify-content:space-between;align-items:center;font-size:14px;}
.veiw_list_wrap.video .view_list_cont_box .text_wrap .text_cont .cont_l {gap:12px;}
.veiw_list_wrap.video .view_list_cont_box .text_wrap .text_cont .date01 {color: #888;}



/* veiw_list_wrap_btn2 영역 */
.veiw_list_wrap_btn2 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn2 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn2 button:hover {background:rgba(87, 187, 173, 0.1); transition:all 0.4s; border:1px solid #57BBAD;}
.veiw_list_wrap_btn2 button > img {display:block; margin:0 auto;}

/* veiw_list_wrap 영역 */
.veiw_list_wrap3 {}
.veiw_list_wrap3 .view_list_cont {width:100%; overflow:hidden;}
.veiw_list_wrap3 .view_list_cont > ul {display:flex; flex-wrap: wrap; justify-content:space-between;}
.veiw_list_wrap3 .view_list_cont > ul > li {width: 100%;margin-bottom: 32px;}
.veiw_list_wrap3 .view_list_cont > .report_list .sub03_cont_r .sub03_cont_r01 > p:nth-child(3) {width: 100%;height: auto;border: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;text-align:left;}

.veiw_list_wrap3 .view_list_cont > ul > li:nth-child(4n) {margin-right:0px;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box {overflow: hidden; width:327px; height:325px; background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box .thumbnail {object-fit: cover; max-width:100%; width:328px; height:167px; display:block; margin-bottom:30px;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box h3 {padding:0 20px; white-space: nowrap; width: 322px; overflow: hidden; text-overflow: ellipsis;margin-bottom:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box > ul {padding:0 20px; display: flex; justify-content:flex-start; align-items: center;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box > ul > li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box > ul > li img {vertical-align: middle; max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.veiw_list_wrap3 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text {padding:0 36px;}

/* veiw_list_wrap_btn 영역 */
.veiw_list_wrap_btn3 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn3 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn3 button:hover {background:rgba(87, 187, 173, 0.1); transition:all 0.4s; border:1px solid #57BBAD;}
.veiw_list_wrap_btn3 button > img {display:block; margin:0 auto;}

/* 모꼬지 리스트 반응형 시작 20230119 */
@media all and (max-width:1440px) {
	#wrapper {width:100%;}
	.container {width: 100%;padding:0 15px 70px;}

    .veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box {width:auto;}
    
    .search_bar_wrap {height:auto;}
    .search_bar_wrap ul {flex-wrap:wrap; justify-content: center;}
    .search_bar_wrap ul li {padding-top:20px;}
        
    .veiw_list_wrap .view_list_cont > ul > li {
    width: calc((100% - 50px)/4);}
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(4n){margin-right:0px;}
}

@media all and (max-width:1280px){
	.veiw_list_wrap .view_list_cont > ul > li {
    width: calc((100% - 45px)/3);}
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(4n){margin-right:15px;}
    veiw_list_wrap .view_list_cont > ul > li:nth-child(3n){margin-right:0px;}
    
    .sub_banner_title > p {font-size:50px;}
    .sub_page_link > ul > li {font-size:25px;}
}

/* .text_box2 댓글 카운트 영역 */
.text_box2 {position:relative;}
.text_box2 > .count {left:-39px;}

@media all and (max-width:768px){
	.veiw_list_wrap .view_list_cont > ul > li {
    width: calc((100% - 15px)/2); }
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(3n){margin-right:15px;}
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(2n){margin-right:0px !important;}

	.sub_banner_title > p {font-size:50px;}
	/* .sub_banner_title {padding-bottom:26px;} */
	
	.sub_banner_title > p > span {font-size:18px; letter-spacing:-1px;}
	.search_bar_wrap {margin-top:40px;}
	.veiw_list_nav {padding:40px 0;}
}

@media all and (max-width:480px){
	.veiw_list_wrap .view_list_cont > ul > li {width: 100%;}
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(1n) {margin-right: 0px !important;}

	#sub01_bg .container > img {position: absolute; right: 0px; top: 161px; max-width: 100%; height: auto; width: 350px;}
	
	.veiw_list_nav .veiw_list_nav_r ul li {margin-right:10px; margin-bottom:16px;}
	.veiw_list_wrap .view_list_cont > ul > li:nth-child(3n) {margin-right:0px !important;}
}

/* 텝 메뉴 영역 */
.allWrap{}
.tabBox{margin:120px 0 64px; display:flex;}
.tabBox > p {position:relative;}
.tabBox > p::after {position: absolute; content:""; display: block; border-bottom: 3px solid #57BBAD;; transition: width 250ms ease-in-out; left: auto; width: 0;}
.tabBox > p:hover::after {width: 100%;}
.tabBox > p:hover {color:#57BBAD; transition:all 0.4s;}
.tab-link{position: relative;color: #828282; cursor: pointer; font-size: 24px; letter-spacing: -0.005em; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; margin-right:55px; }
.tab-link.current::after {width: 100%;}
.tab-content{ display: none;}
.tab-content.current{ display: block; width: 100%; height: auto; }

/* view_page 영역 */
.sub_view_nav {overflow:hidden;}

.sub_view_nav .sub_view_nav_cont {float:left;}
.sub_view_nav .back_btn_wrap {float:right;}
.sub_view_nav .back_btn_wrap > a {display: flex;align-items: center;font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#57bbad; font-weight:800;}
.sub_view_nav .back_btn_wrap > a > span {text-align:center; width:40px; height:40px; line-height:32px; background:#fff; border:1px solid #57bbad; border-radius: 50px; margin-right:12px;}

.sub_view_nav .back_btn_wrap > a > span > img {display:inline-block; vertical-align: middle; margin: 5px auto 0;}

.sub_view_nav ul {display:flex;}
.sub_view_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub_view_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_view_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_view_nav ul li img {vertical-align: middle; display: inline-block;}

#sub01_view_wrap {clear:both; width:1400px; height:auto; background:#fff; border-radius:30px; border:3px solid #57bbad; margin:20px auto 0px; overflow:hidden;font-family: 'NanumSquareNeo-Variable',sans-serif;}
#sub01_view_bg {position:relative; background: rgba(87, 187, 173, 0.1); padding-bottom: 175px;}
.sub01_view_bg01 {width:100%; background:url('/images/newsub/pattern_bg.png') no-repeat; height:80px; background-size: cover; background-position:-18px -90px;}
.sub01_view_wrapper {position: absolute; top: 305px; left: 50%; transform: translate(-50%, -50%);}


/* .content_sub01_view_bg {background: rgba(87, 187, 173, 0.1);} */ 
.content_sub01_view_bg {background: #fff;}

.sub01_view_cont_l {width:300px; float:left;}

.aside_profil_top {padding:60px 36px 50px;}

.profil_top ul {overflow:hidden;}
.profil_top ul li {text-align:left; float:left; color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; font-weight:800;}
.profil_top ul li:nth-child(1) {max-width:60px; max-height: 60px; margin-right:35px; display:inline-block; border-radius: 30px; border: 1px solid #ddd; overflow: hidden;}
.profil_top ul li > img {width:100%;}
.profil_top ul li > span {margin-left:40px; text-align:right; font-weight:400;}
.profil_top ul li:nth-child(2) > span {margin-left:46px;}
.profil_top ul li:nth-child(2) {float:none; margin-top:10px;}

.profil_list {overflow:hidden; margin-top:18px; width:100%;}
.profil_list br {display:none;}
.profil_list div:last-child {margin-bottom:0;}
.profil_list_wrap {height: 120px; float:left; margin-right:12px; width:calc((100% - 36px)/3);}
.profil_list_wrap > p {text-align:center;}
.profil_list_wrap > img {display:block; margin:0 auto; max-width:100%; width:34px; height:34px;}
.profil_list_wrap > p:nth-child(2) {color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; font-weight:800; letter-spacing:-0.005em; margin:10px 0;}
.profil_list_wrap > p:nth-child(3) {color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; font-weight:400; letter-spacing:-0.005em;}

.profil_list .join_btn {clear: both; margin-bottom: 20px;}
.profil_list .join_btn > a {color:#57bbad; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; clear:both; height: 53px; border: 1px solid #57BBAD; border-radius: 10px; padding: 18px 12px; width: 100%; display: block; text-align: center; line-height: 15px;}
.profil_list .join_btn > a:hover {transition:all 0.4s; background:rgba(87, 187, 173, 0.1);}
.profil_list .join_btn > a:hover, .join_btn > a:active, .join_btn > a:focus {color:#57BBADl;}

.aside_nav {}
.aside_nav ul {}
.aside_nav ul li {width: 100%; height:80px; border-top: 1px solid #E0E0E0; background: url('/images/newsub/view_button_off.png') no-repeat right 24px center;}
.aside_nav ul li:hover {transition:all 0.4s; color:#fff; background:url('/images/newsub/view_button_on.png') no-repeat #57BBAD  right 24px center;}
.aside_nav ul li:last-child {border-bottom:1px solid #e0e0e0;}
.aside_nav ul li a {display:block; padding:26px 32px; color:#333; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em;}
.aside_nav ul li a:hover {color:#fff;}

.sub01_view_cont_r {width: calc(100% - 300px); min-height:1000px; float:left; padding:70px 70px; border-left: 1px solid #57BBAD;}
.sub01_view_cont01 {position:relative;}
.sub01_view_cont01 > p:nth-child(1) {font-size:18px; font-weight:800; color:#57bbad; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.02em; margin-bottom:10px;}
.sub01_view_cont01 > h2 {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:32px; letter-spacing:-0.005em; color:#333; margin-bottom:32px;}
.sub01_view_cont01 > p:nth-child(3) {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#666;}

.sub01_view_cont01 .location_buttons_box {position:absolute;top:0;right:50px;}
.sub01_view_cont01 .location_buttons_box .share {position:absolute;width:50px;height:50px;border:1px solid #E0E0E0;border-radius:110px;margin-right:22px;background:#FFF;}
.sub01_view_cont01 .location_buttons_box .share:hover {border-color:#57bbad;background-color:rgba(87, 187, 173, 0.1);}
.sub01_view_cont01 .location_buttons_box .share > img {display:block;margin:0 auto;}
.sub01_view_cont01 .location_buttons_box .cont_list1 {left:-359px;}
.sub01_view_cont01 .location_buttons_box .cont_list1 .list1 {display:flex;align-items:center;gap:12px;}




.sub01_view_cont02 {margin-top:10px; position:relative;}

.sub01_view_cont02 .swiper-controls-wrap {display: flex;align-items: center;justify-content: flex-end;margin-bottom: 22px;}
.sub01_view_cont02 .swiper-button-next {position: static;height: 20px;width: 13px;background: url(/images/newsub/view_slide_right_btn.png) no-repeat;}
.sub01_view_cont02 .swiper-button-prev {position: static;background: url(/images/newsub/view_slide_left_btn.png) no-repeat;height: 20px;width: 13px;}
.sub01_view_cont02 .swiper-pagination {position: static;margin: 0 8px;}

.sub01_view_cont02 .swiper-container .swiper-wrapper .swiper-slide > a > img {border-radius: 20px; outline: none; height: 42vmin; width: 959px; max-width: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; transform: translateZ(0);backface-visibility: hidden;}    

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content:'' !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content:'' !important;}		
.swiper-pagination-bullet {width:12px !important; height:12px !important; margin: 0 8px;}
.swiper-pagination-bullet-active {background: #57BBAD !important;}

.sub01_view_cont03 {margin-top:70px;}
.latest_board_wrap {position:relative;display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}
.latest_board_wrap > a > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight: 800;font-size: 18px;letter-spacing: -0.005em;color: #333; margin-bottom: 16px;}
#container .latest_board_wrap > .more {position: static; display: block; width: 37px; height: 37px;background: url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size: 0;}
.latest_board_wrap > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em; color:#333;}
.latest_board_content {border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; margin-top:16px;}
.latest_board_content > p {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#333; padding:40px 10px;}

@media all and (max-width:1440px){
	#sub01_view_wrap {width:100%;}
	
	.sub01_view_cont_l {width:30%;}
	.sub01_view_cont_r {width:70%; min-height: 1125px;}	
    #sub01_setting_wrap .sub01_setting_r {width: 70%;}
}

@media all and (max-width:999px) {
	.sub01_view_cont_l {width:100%;float:none;}
	.sub01_view_cont_r {float:none; padding:0 15px 40px; margin-top: 20px; border-left: none;width: 100%;margin-top: 120px; min-height: auto;}
	#sub01_view_wrap .container {padding:0 0px;}
	#sub01_setting_wrap .sub01_setting_r {width:100%;float:none;border-left: 0;padding: 70px 30px;}
	.aside_nav > ul > li {width:100%;}	
	
	.sub01_view_cont01 > h2 {font-size:25px; line-height:32px;}
	.sub01_view_cont01 > p:nth-child(3) {font-size:16px; word-break: break-all;}

    .sub01_view_cont02 .swiper-button-prev,
    .sub01_view_cont02 .swiper-button-next,
    .swiper-pagination {top: -40px}

	.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box h3 {width: 268px !important;}

	/*모꼬지 프로필 부분 반응형*/
	.aside_profil_top {padding:50px 36px 50px;}
	.aside_profil_top .profil_top {text-align: center;}
	.aside_profil_top .profil_top ul {display: inline-block;}
	.aside_profil_top .profil_top ul li {font-size: 18px; float: left;}
	.aside_profil_top .profil_top ul li > img {margin-right: 35px;}
	.aside_profil_top .profil_top ul li:nth-child(2) {margin-top: 18px; margin-right: 20px;}
	.aside_profil_top .profil_top ul li:nth-child(2) > span {margin-left:10px;}
	.aside_profil_top .profil_top ul li:nth-child(3) {margin-top: 18px;}
	.aside_profil_top .profil_top ul li:nth-child(3) > span {margin-left:10px;}	
}

@media all and (max-width:464px) {
	.aside_profil_top .profil_top ul li {font-size: 16px;}
}

@media all and (max-width:280px) {
	.aside_profil_top .profil_top ul li:nth-child(2) {margin-top: 8px;}
	.aside_profil_top .profil_top ul li:nth-child(3) {margin:0;}
}

/* 모꼬지 veiw 사진첩 영역 */
.sub01_view_cont04 {margin-top:70px; position:relative;}
.sub01_view_cont04 > .more {position: absolute; top: 0;right: 0; display: block;width: 37px;height: 37px; background: url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size: 0;}
.sub01_view_cont04 > a > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight: 800; font-size: 18px; letter-spacing: -0.005em; color: #333;margin-bottom: 16px;}    
.sub01_view_cont04 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em; color:#333; margin-bottom:16px;}
.sub01_view_cont05 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em; color:#333; margin-bottom:16px;}

.sub01_view_cont04 .view_list_cont {width:100%; overflow:hidden;}
.sub01_view_cont04 .view_list_cont > ul {justify-content: flex-start; display:flex; flex-wrap: wrap; justify-content: flex-start;}
.sub01_view_cont04 .view_list_cont > ul > li {width: calc((100% - 0px)/4); margin-right: 0px; margin-bottom: 63px;}
.sub01_view_cont04 .view_list_cont > ul > li:nth-child(4n) {margin-right:0px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box {overflow: hidden; width: 100%; height:325px; background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > img {max-width:100%; width:226px; height:170px; object-fit: cover;}

.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box .thumbnail {object-fit: fill; max-width:100%; width:328px; height:167px; display:block; margin-bottom:20px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box h3 {white-space: nowrap; width: 190px; overflow: hidden; text-overflow: ellipsis;margin-bottom:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul {display: flex; justify-content:flex-start; align-items: center;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li img {max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.sub01_view_cont04 .view_list_cont ul li .view_list_cont_box .view_list_cont_text {padding:20px 26px; overflow:hidden;}
.sub01_view_cont04 .view_list_cont ul li .view_list_cont_box ul {display: flex;justify-content: flex-start;align-items: center;}
.sub01_view_cont04 .view_list_cont ul li .view_list_cont_box ul li {display: flex;align-items: center; margin-right: 0px; margin-bottom: 0px;font-family: 'NanumSquareNeo-Variable',sans-serif; font-size: 12px;letter-spacing: -0.005em;color: #333; font-weight: 700;}
.sub01_view_cont04 .view_list_cont ul li .view_list_cont_box ul li img {max-width: 100%; width: 20px; height: 20px;display: inline-block;margin-right: 4px;}

/* 모꼬지 veiw 동영상 영역 */
.sub01_view_cont04 {margin-top:70px; position: relative;}
.sub01_view_cont04 > .more {position: absolute;top: 0; right: 0; display: block; width: 37px; height: 37px;background: url(/images/contents/mokkoji_more.png) no-repeat 0 0;font-size: 0;}
.sub01_view_cont04 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em; color:#333; margin-bottom:16px;}

.sub01_view_cont04 .view_list_cont {width:100%; overflow:hidden;}
.sub01_view_cont04 .view_list_cont > ul {display:flex; flex-wrap: wrap; justify-content: flex-start;margin: 0 -8px;}
.sub01_view_cont04 .view_list_cont > ul > li {width: calc((100% - 64px)/4);margin: 0 8px 63px;}
.sub01_view_cont04 .view_list_cont > ul > li:nth-child(4n) {margin-right: auto;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box {overflow: hidden; width:100%; height:auto; background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_img {overflow: hidden;position: relative;height: 0;background: #f3f3f3;padding-top: 65%;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_img img {position: absolute;top: 50%;left: 0;max-width: 100%;transform: translateY(-50%);}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box .thumbnail {object-fit: fill; max-width:100%; width:328px; height:167px; display:block; margin-bottom:20px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box h3 {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;white-space: normal;-webkit-box-orient: vertical;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 18px;letter-spacing: -0.005em;color: #333;font-weight: 800;width: 100%;height: 52px;margin-bottom: 16px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul {display: flex; justify-content:flex-start; align-items: center;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li img {max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.sub01_view_cont04 .view_list_cont > ul > li .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.sub01_view_cont04 .view_list_cont ul li .view_list_cont_box .view_list_cont_text {padding: 26px; overflow:hidden;}

/* 들락날락소개 게시판 뷰페이지 */
.intro_view .sub02_view_bg02 {background: rgba(77, 141, 231, 0.1);}
#sub01_view_bg.intro_view #sub02_view_wrap {border: 3px solid #4D8DE7;}
#sub01_view_bg.intro_view .sub_view_nav .back_btn_wrap > a {color: #4d8de7;}
#sub01_view_bg.intro_view .sub_view_nav .back_btn_wrap > a > span {border: 1px solid #4d8de7;}
#sub01_view_bg.intro_view .sub_view_cont02_content {border-top: 1px solid #4d8de7;}

/* 한마당 뷰페이지 영역 */
#sub02_view_wrap {clear:both; width: 100%;max-width:1400px; height:auto; background:#fff; border-radius:30px; border:3px solid #57bbad; margin:20px auto 0px;}
.sub02_view_content {}
.content_sub02_view_bg {background:#fff;}
.sub02_view_bg02 { width: 100%;background: url(/images/newsub/pattern_bg.png) no-repeat;height: 80px;background-size: cover;background-position: -18px -90px;}

.sub02_view_cont01 {display: flex;justify-content: space-between;padding:70px 70px 45px; width:100%; overflow:hidden;}
.sub02_view_cont01 .sub_02_view_t_l {flex: 0 1 auto;width: calc(100% - 134px);float: none;}
.sub02_view_cont01 .sub_02_view_t_r {flex: 0 0 auto;width: auto;float: none;}

.sub02_view_cont01 .sub_02_view_t_r .good_wrap {border:1px solid #e0e0e0; width:134px; height:134px; padding:30px 30px 40px;cursor: pointer; transition:all 0.4s;}
.sub02_view_cont01 .sub_02_view_t_r .good_wrap:hover {border:1px solid #ff9e9e; background: rgba(255, 158, 158, 0.1); transition:all 0.4s;}
.sub02_view_cont01 .sub_02_view_t_r .good_wrap > img {display:block; margin:0 auto 8px;}
.sub02_view_cont01 .sub_02_view_t_r .good_wrap > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; font-weight:800; text-align:center;}

.keyword {display:flex;}
.keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; max-width:85px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em; padding: 0 5px;}
.keyword li:nth-child(1) {border:1px solid #57bbad; max-width:85px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#57bbad; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

#sub04_view_wrap .keyword li:nth-child(1) {border:1px solid #E593B8;color: #E593B8;}

/* [6788] 한마당 상세 - 학년-반(학급/동아리명)이 길어질 때 아래가 아닌 오른쪽으로 늘어나도록 */
#sub02_view_wrap .keyword li.keyword_on01 {max-width:none; white-space:nowrap;}

.sub_02_view_title {margin-top:16px;}
.sub_02_view_title > h2 {padding-right: 16px;word-break: break-all;font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; line-height: 1.5; color:#333;}

.sub_02_con {margin-top:10px;}
.sub_02_con ul {display:flex;}
.sub_02_con ul li {margin-right:40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; line-height:15px; letter-spacing:-0.005em; color:#666;}
.sub_02_con ul li > span {display:inline-block; margin-left:8px; font-weight:400; font-size:14px; line-height:15px; letter-spacing:-0.005em;}

.intro_view .file {margin-top: 16px;}
.intro_view .file a img {display: inline-block;vertical-align: middle;}

.sub02_view_cont02 {padding:0px 63px;}
.sub_view_cont02_content {border-top:1px solid #57bbad; padding-top:60px;}
.sub_view_cont02_content > img {display:block; margin:0 auto 22px; max-width:100%; height:auto;}
.sub_view_cont02_content > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666; line-height:30px; word-break: break-word;}

.button_group {position: relative; margin-top:0;}

/* 모꼬지 게시글 view 페이지 좋아요 버튼(게시글 하단에 위치)*/
.sub02_view_cont02 .like_btn_wrap {text-align: center;}
.sub02_view_cont02 .like_btn_wrap a.btn {display: inline-block; letter-spacing: -0.01em; line-height: 23px; font-size: 15px; font-weight: 700; 
 padding: 15px 20px; max-width: 200px; height: 55px; border-radius:50px; color:#757575; transition: all 0.4s;}
.sub02_view_cont02 .like_btn_wrap a.like {padding-left: 75px;}
.sub02_view_cont02 .like_btn_wrap a.btn_line {position: relative;border: 1px solid #e0e0e0;background: #fff;}
.sub02_view_cont02 .like_btn_wrap .btn.like .icn {display: block; position: absolute; width: 34px; height: 34px; top: 12px; left: 25px;}
.sub02_view_cont02 .like_btn_wrap a:hover {border:1px solid #ff9e9e; background: rgba(255, 158, 158, 0.1); transition:all 0.4s;}
.sub02_view_cont02 .like_btn_wrap a:hover,
.sub02_view_cont02 .like_btn_wrap a:focus {box-shadow:none;}

.sub02_view_cont02 .btn.like.on .point {color:#ff9e9e !important;}
.sub02_view_cont02 .btn.like.on .icn.ico3 {background: url(/images/newsub/view02_icon01_on.png) no-repeat 0 0;}
.sub02_view_cont02 .btn.like .icn.ico3 {background: url(/images/newsub/view02_icon01.png) no-repeat 0 0;}

.sub_view_cont02_content_link {position: relative; display: inline-block;}
.sub_view_cont02_content_link ul {display:flex; justify-content:flex-start;} /*margin:40px 0 70px;*/
.sub_view_cont02_content_link ul li {overflow: hidden;width:50px; height:50px; background:#fff; border:1px solid #e0e0e0; border-radius:110px; padding:12px 2px; margin-right:4px; transition:all 0.4s;}
.sub_view_cont02_content_link ul li:hover {border:1px solid #57BBAD; background: rgba(87, 187, 173, 0.1); transition:all 0.4s;}

.sub_view_cont02_content_link ul li a {width: 100%; background:none; border: 0;}
.sub_view_cont02_content_link ul li a:hover, .sub_view_cont02_content_link ul li a:focus, .sub_view_cont02_content_link ul li a:active {border: 0;box-shadow: none; background:none;}
.sub_view_cont02_content_link ul li a img {display:block; margin:0 auto; outline: none;}

/* 모꼬지 상세 내역 */
.sub_view_cont02_content2 {border-top:1px solid #57bbad; padding-top:60px; margin-top:60px;}

/* 모꼬지 */
.sub01_view_cont_r .tit_box {margin-top: 48px;}
.sub01_view_cont_r .tit_box h4 {padding: 0;font-size: 22px;font-weight: 800;}
.sub01_view_cont_r .tit_box h4::before {display: none;}
.sub01_view_cont_r .prog_cont {margin-top: 24px;}

/* 모꼬지 상세페이지 스타일 재설정__모꼬지 공통*/
.sub01_view_cont_r .society {overflow: hidden;}
.sub01_view_cont_r .society .link_box {width: 100%; margin:0;}
.sub01_view_cont_r .society .link_box .topbox {border-radius: 10px; width: 100%; display: block; background: url(/images/contents/mokkoji_bg02.png) no-repeat, #acdaff; border: 1px solid #e5e5e5; padding: 80px; background-position: 500px 9px;}
.sub01_view_cont_r .society .link_box .topbox h2 {font-family: 'Binggrae','NanumSquareNeo-Variable',sans-serif; font-size: 30px; font-weight: 300; color: #fff; margin: 30px 0 10px;}
.sub01_view_cont_r .society .link_box .topbox p {font-size: 18px; color: #555;}
.sub01_view_cont_r .society .link_box .tit_box {position: relative; width: 100%; display: block; padding:0;}
.sub01_view_cont_r .society .link_box .tit_box h4 {display: inline-block; font-size: 20px;}
.sub01_view_cont_r .society .link_box .tit_box h4:before {display:none;}

/* 모꼬지 게시판 search_box*/
.sub01_view_cont_r .prog_cont .search_box {border: 1px solid #cacaca; border-radius: 20px; padding: 30px; margin-bottom: 30px; background:#fff;}
.sub01_view_cont_r .prog_cont .search_box .search {padding:0;}
.sub01_view_cont_r .prog_cont .search_box fieldset {display: flex; flex-direction: row; align-items: center; padding:0; justify-content: initial;}
.sub01_view_cont_r .prog_cont .search_box .total {padding: 0; margin-right: 13px; font-size: 15px;}
.sub01_view_cont_r .prog_cont .search_box .value_tab {margin-right: auto; padding: 0;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li {padding: 0 10px; position: relative; float: left;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li.on {padding:0;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li.on:before {display:none;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li:after {display:none;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li a {font-size: 16px; letter-spacing: -0.005em; color: #888; font-weight: 600; border: 1px solid #cdcdcd; border-radius: 60px; width: 100%; height: 38px; padding: 10px 16px; line-height: 17px; display: block;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li a:hover {background:rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; color:#4aab9d; transition:all 0.4s;}
.sub01_view_cont_r .prog_cont .search_box .value_tab li.on > a {background:#57BBAD; border: 1px solid #57BBAD; color:#fff;}

.sub01_view_cont_r .prog_cont .search_box .search ul {overflow: initial;}
.sub01_view_cont_r .prog_cont .search_box .search ul li input[type="text"] {width: 300px; margin-right: 10px; padding: 0 15px; height: 40px; border-radius: 5px; border: 1px solid #ddd;}
.sub01_view_cont_r .prog_cont .search_box .search ul li .selectBox {width: 90px; margin-right: 10px; padding: 0 15px; height: 40px; border-radius: 5px; border: 1px solid #ddd;}
.sub01_view_cont_r .prog_cont .search_box .search ul li input[type="submit"] {cursor: pointer;line-height: 15px; background: #333; height: 40px; border-radius: 74px; padding: 10px 30px; color: #fff; font-weight: 800; transition: all 0.4s; margin:0;}
.sub01_view_cont_r .prog_cont .search_box .search ul li input[type="submit"]:hover {background: #111; transition: all 0.4s;}

/* 모꼬지 게시판 스타일*/
.sub01_view_cont_r .tbl_basic td {padding: 12px 9px;}

/* 모꼬지 게시글*/
.details_box {overflow: hidden; width: 100%; height: auto; padding: 60px 0 30px; margin-top: 0; border:none;} /*border-bottom: 1px solid #eef0f2;*/

.sub01_view_cont_r .sub02_view_cont02 {padding:0;}
.sub01_view_cont_r .view_tit .tit_info {background: #57bbad; display: flex;  padding:30px; justify-content: space-between; flex-direction: row; align-items: center;}
.sub01_view_cont_r .view_tit .tit_info li {display: inline-block; position: relative; margin-right:0; margin-right: 15px;}
.sub01_view_cont_r .view_tit .tit_info li:last-child {margin-right:0;}
.sub01_view_cont_r .view_tit .tit_info li.name {padding-left:0;}
.sub01_view_cont_r .today_talk_comment_wrap {padding:0;}

.sub01_view_cont_r .view_tit.gallery .file {display: block; position: relative; border-bottom: 1px solid #eef0f2; overflow: hidden; padding: 20px 30px;}
.sub01_view_cont_r .view_tit.gallery .file span {margin-right: 10px; display: inline-block; line-height: 24px;}
.sub01_view_cont_r .view_tit.gallery .file span a {vertical-align: middle; display: inline-block;}
.sub01_view_cont_r .view_tit.gallery .file span a img {display: initial;}
.sub01_view_cont_r .view_tit.gallery .details_box2 {overflow: hidden; width: 100%; height: auto; padding: 30px; margin-top: 0;border-bottom: 1px solid #eef0f2; margin-bottom: 30px;}

.sub01_view_cont_r .view_tit.gallery .sub_view_cont02_content_link {position: relative; display: inline-block; margin:0; width: 80%;}
.sub01_view_cont_r .view_tit.gallery .sub_view_cont02_content_link ul {margin:0;}
.sub01_view_cont_r .view_tit.gallery .button_group {position: relative; display: inline-block; float: right;margin:0;}

/* 오늘톡 list 영역 */
.today_talk_list_bg {background:url('/images/newsub/pattern_bg.png') no-repeat, #57BBAD; width:100%; background-position: -181px -10px;}
#today_list_wrapper {position: relative;width: 90%;max-width: 1400px;margin: 0 auto;padding-bottom: 70px;}

.today_top_cont01 {display: flex;justify-content: space-between;align-items: center;padding-top: 120px;}
.today_top_cont01_l ul {display:flex; align-items: center;}
.today_top_cont01_l ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:100; font-size:60px; letter-spacing:0.005em; color:#fff;}
.today_top_cont01_l ul li > img {width:250px; max-width:100%; height:auto; display:inline-block; vertical-align: middle;}
.today_top_cont01_l ul li > span {font-weight:900;}
.today_top_cont01_r {position: relative;z-index: 1;cursor: pointer;}
.today_top_cont01_r > a {display:block; width:237px; height:68px; line-height:67px; background:#333; border:1px solid #333; border-radius:74px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; font-weight:800; letter-spacing:-0.01em; color:#fff; text-align:center; transition:all 0.4s;}
.today_top_cont01_r > a:hover {background:#111; border:1px solid #111; transition:all 0.4s;}
.today_top_cont01_r > a > img {max-width:100%; height:auto; display:inline-block; vertical-align: middle; margin-left:10px;}

.today_talk_cont01 {padding-top:60px; position: relative;}
/* .today_talk_cont01_l {width:70%; float:left;} */

.scheduler_list {display:flex; align-items:center;}
.scheduler_list > li {margin:0 28px; font-family: 'NanumSquareNeo-Variable',sans-serif;cursor: pointer;}
.scheduler_list > li:first-child {padding-left: 0;}
.scheduler_list > li:last-child {padding-right: 0;}
.scheduler_list > li > img {display:block; max-width:100%; height:auto; cursor: pointer;}
.scheduler_list > li .day {display:block;font-size:15px;letter-spacing:-0.005em;font-weight:800;color:#fff;text-align:center;}
.scheduler_list > li .num {display:block;text-align:center;font-size:24px;font-weight:900;letter-spacing:-0.005em;color:#fff;line-height:1;}
.scheduler_list > .scheduler_on .scheduler_bg {display:flex;flex-direction:column;align-items:center;justify-content:center;width:86px; height:86px; background:#fff; border-radius:100px; padding:13px;}
.scheduler_list > .scheduler_on .scheduler_bg .day {color:#57bbad;line-height:1.2;}
.scheduler_list > .scheduler_on .scheduler_bg .num {color:#57bbad;}

.scheduler_list > .btn-day .scheduler_bg {position:relative;}
.scheduler_list > .btn-day .scheduler_bg .ball {position:absolute;top:-15px;left:50%;transform:translateX(-50%);display:inline-block;width:12px;height:12px;border-radius:12px;font-size:0;}
.scheduler_list > .btn-day .scheduler_bg .ball.on {background:#fff}
.scheduler_list > .scheduler_on .scheduler_bg:has(.ball.on) .ball.on {top:12px;background:#E593B8}
.scheduler_list > .scheduler_on .scheduler_bg:has(.ball.on) .day {margin-top:10px;}

.today_talk_cont01_r {position: absolute;  right: -61px; top: -94px;}
.today_talk_cont01_r > img {max-width:100%; height:auto;}

.today_talk_cont02 {position:relative; background:#fff; padding:90px 70px; border-radius: 30px; margin-top:60px;}

/*타임라인 영역<오늘톡> */
.timeline {position: relative;}
.timeline > li {display:flex; justify-content:space-between; margin-bottom:20px;}

.timeline > li .timeline_wrap {position:relative; width:93px; height:37px; border:1px solid #57bbad; text-align:center;}
.timeline > li .timeline_wrap > p {line-height:33px; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em; font-size:15px; font-weight:700; color:#57bbad;}

.timeline_content_wrap {width: 1033px; height: 112px; background: #fff; border: 1px solid #cacaca; border-radius: 20px;}
.timeline_content_wrap:hover {background: rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; transition:all 0.4s;}

.timeline_content {overflow:hidden;}
.timeline_content_l {float:left;}
.timeline_content_l > a {display: inline-block; line-height: 112px; padding-left: 60px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; font-weight:800; font-size:20px; letter-spacing:-0.005em;}
.timeline_content_r {float:right;}
.timeline_content_r > span {margin-right: 35px; margin-top: 43px; float: left;}
.timeline_content_r > span > img {display:inline-block; vertical-align: middle; margin-right:4px;}
.timeline_content ul {display:flex; }

.timecircle{width: 24px; height: 24px; border: 4px solid #57BBAD; background: #fff; border-radius: 100%; position: absolute; left: 11.9%; z-index: 1;}
.time_line:before { content: ""; position: absolute; top: -94px; left: calc(12% + 7px);  bottom: 0px; width: 7px; background: #57BBAD;} 

/* 오늩톡 뷰 컨텐츠 영역 */
.today_talk_view_bg {background: rgba(87, 187, 173, 0.1); width:100%;}
.today_talk_nav_view .sub_view_nav {margin-top:165px;}

.today_talk_view_content {clear:both; max-width:1400px; height:auto; background:#fff; border-radius:30px; border:3px solid #57bbad; margin:20px auto 0px; overflow:hidden;}

.today_talk_view_cont01 {padding:70px 70px 45px; width:100%; overflow:hidden;}
.today_talk_view_cont01 .sub_02_view_t_l {width:90%; float:left;}

.today_talk_keyword {display:flex;}
.today_talk_keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.today_talk_keyword li:nth-child(1) {border:1px solid #57bbad; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#57bbad; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub_02_view_title {margin-top:16px;}

.sub_02_con {margin-top:10px;}
.sub_02_con ul {display:flex;}
.sub_02_con ul li {margin-right:40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; line-height:15px; letter-spacing:-0.005em; color:#666;}
.sub_02_con ul li > span {display:inline-block; margin-left:8px; font-weight:400; font-size:14px; line-height:15px; letter-spacing:-0.005em;}

.today_talk_view_cont01 .sub_02_view_t_r {width:10%; float:right;}
.today_talk_view_cont01 .sub_02_view_t_r .good_wrap {border:1px solid #e0e0e0; width:134px; height:134px; padding:30px 30px 40px;}
.today_talk_view_cont01 .sub_02_view_t_r .good_wrap > img {display:block; margin:0 auto 8px;}
.today_talk_view_cont01 .sub_02_view_t_r .good_wrap > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; font-weight:800; text-align:center;}

/*.today_talk_comment_wrap {margin-top:30px; padding: 70px; background: #fff; border-radius: 30px;}*/

.comment_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; letter-spacing:-0.005em; font-size:20px; font-weight:800;}
.comment_cont01 > p > img {max-width:100%; height:auto; display:inline-block; margin-right:10px;}

.comment_form_wrap {margin-top:25px;}
.comment_form_wrap > form > textarea {resize:none; width:100%; height: 233px; background: rgba(151, 151, 151, 0.05); border: 1px solid rgba(151, 151, 151, 0.6); border-radius: 10px;}
.comment_form_wrap > form {position: relative;}
.comment_list_wrap {position: absolute; top: 175px; left: 1px; width: 100%; background: #Fff; border-radius: 0 0px 10px 10px; overflow:hidden;}

.comment_wirte_num {float:left; padding:14px 16px;}
.comment_wirte_num > p {color:#cdcdcd; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.comment_wirte_num > p > span {color:#606060;}
.comment_btn {float:right; background:#444; width:115px; padding:16px 28px;}
.comment_btn input {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; color:#fff; letter-spacing:-0.005em;}

.today_content02_top {margin-top:50px; margin-bottom:20px;}
.today_content02_top > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; font-weight:400; width:120px; height:46px; border:1px solid #bababa; border-radius:50px; text-align:center; line-height:46px;}

.today_content02_cont01:nth-child(1) {border-top:1px solid #e0e0e0;}

.today_content02_cont01 ul {display:flex; justify-content:flex-start; margin-top:40px;}
.today_content02_cont01 ul li {margin:0 10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; letter-spacing:-0.005em; color:#444;}
.today_content02_cont01 ul li > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}
.today_content02_cont01 ul li:nth-child(1) {margin: 0 0px !important;}
.today_content02_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#666; word-break: break-all;}

.good_list_style {justify-content: right !important; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; border-radius: 0 0 10px 10px;}
.good_list_style li {margin-right:6px;  font-size:12px !important; color:#333; font-weight:400 !important;}
.good_list_style li img {display:inline-block; margin-right:6px;}
.good_list_style li > button {width:35px; height:24px; line-height:24px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px;}

/* 오늘톡 view 버튼 영역 */
.talk_comment_wrap_btn {padding:50px 0 100px; text-align:center;}
.talk_comment_wrap_btn button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.talk_comment_wrap_btn button:hover {background:rgba(87, 187, 173, 0.1); transition:all 0.4s; border:1px solid #57BBAD;}
.talk_comment_wrap_btn button > img {display:block; margin:0 auto;}

/* 모꼬지 write 영역 */
.validation-feedback {width: 100%; padding-top: 49px;font-size: 80%; color: #ff5050; padding-left: 100px;}

#sub01_write_wrapper {position: relative;background-color: #57BBAD1A; padding-bottom:175px;}
#sub01_write_wrap {position: relative;}
.sub01_write_nav .sub_view_nav {margin-top:165px;}

.sub01_write_nav {overflow:hidden; padding: 80px 0 40px;}

.sub_write_nav .sub_view_nav_cont {float:left;}
.sub_write_nav .back_btn_wrap {float:right;}
.sub_write_nav .back_btn_wrap > a {display: flex;align-items: center;font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#57bbad; font-weight:800;}
.sub_write_nav .back_btn_wrap > a > span {display: flex;justify-content: center;align-items: center;width:40px; height:40px; line-height:30px; background:#fff; border:1px solid #57bbad; border-radius: 50px; margin-right:12px;}
.sub_write_nav .back_btn_wrap > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub_write_nav ul {display:flex;}
.sub_write_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub_write_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_write_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_write_nav ul li img {vertical-align: middle; display: inline-block;}

.sub01_write_content {clear:both; width:1400px; height:auto; background:#fff; border-radius:30px; border:3px solid #57bbad; margin:20px auto 0px; overflow:hidden;}

.write_cont01 {margin:70px 70px 45px; width: auto; overflow:hidden;}

/* 모꼬지 write 키워드 영역 */
.write_keyword {display:flex; justify-content:center;}
.write_keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.write_keyword li:nth-child(1) {border:1px solid #57bbad; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#57bbad; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

/* 모꼬지 제목 영역 */
.write_title {margin-top:16px; text-align:center;}
.write_title > h2 {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; line-height:40px; color:#333;}
.write_cont02 {margin:0px 100px 100px;}
.write_cont02 .write_cont_label {display: inline-block;width: 120px;}
/* .write_cont02_01 ul li {overflow:hidden;} */
.write_cont02_01 ul li > label {margin-top:4px;font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_01 ul li > input {width: calc(100% - 126px);padding: 3px 12px; margin-left: 0; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px;}
.write_cont02_01 ul li > input::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

.write_cont02_02 {margin-top:40px; margin-bottom:40px;}
.write_cont02_02 ul {display: flex;justify-content: flex-start;}
.write_cont02_02 > ul > .width {width: calc(100% - 467px);}
.write_cont02_02 > ul > li {line-height: 32px;}
.write_cont02_02 > ul > li > label {margin-top:4px;font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_02 > ul > li > span {margin-left: 0; margin-right:20px; font-size:15px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#757575; letter-spacing:-0.005em;}
.write_cont02_02 > ul > li > input {padding: 3px 12px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px; width: 100%; float: left;}
.write_cont02_02 > ul > li > input::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.write_cont02_02 > ul > li > button {margin-left:20px; width:86px; height:36px; background:#333; border-radius: 8px;  font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; color:#fff; text-align:center;}

.write_cont02_02 ul > li:nth-child(4) {display:inline-block;}
.write_cont02_02 ul > li:nth-child(4) > div {width: 100%; padding-top: 0px; font-size: 80%; color: #ff5050;} 

.write_cont02_03 {margin-bottom: 20px;}
.write_cont02_03 ul {display:flex; justify-content: space-between;}
.write_cont02_03 ul li {position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_03 ul li:nth-child(2) {width: 100%;}
.write_cont02_03 ul li textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px; width: 100%; resize: none;}
.write_cont02_03 ul li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

/* .write_cont02_04 {margin-top:40px; margin-bottom:40px; overflow:hidden;} */
.write_cont02_04 {display: flex;margin-bottom: 24px;}
.write_cont02_04_l > p {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_04_r ul {padding: 0;}
.write_cont02_04_r ul li {}
.write_cont02_04_r ul li > input {vertical-align: middle;}
.write_cont02_04_r ul li > span {display: inline-block; margin-left:8px; color:#757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:15px;}

.write_cont02_05 {margin-bottom:40px;}
.write_cont02_05 ul {display:flex; justify-content: flex-start;}
.write_cont02_05 ul li:nth-child(1) {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_05 ul li .filebox > input {width: calc(100% - 98px);background:#f6f6f6; border:1px solid #e2e2e2; border-radius:3px;}
.write_cont02_05 ul li .filebox > input ::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.write_cont02_05 ul li .filebox > label {margin-top: 0;}
.write_cont02_05 .write_cont_label {flex-grow: 0;}
.write_cont02_05 li {flex-grow: 1;}

.write_cont02_06 {display: flex;margin-bottom: 40px;}
.write_cont02_06_l {flex-grow: 0;}
.write_cont02_06_l > p {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.write_cont02_06_r { padding: 0;flex-grow: 1;}
.write_cont02_06_r > p {margin-bottom:8px; font-family: 'Noto Sans KR',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.05em; color:#57bbad;}
.write_cont02_06_r .filebox {margin-bottom:8px;}
.write_cont02_06_r .filebox  > input {width: calc(100% - 98px);}
.write_cont02_06_r .filebox  > label {margin-top: 0;}

.write_cont02_07 {margin-bottom: 70px;}
.write_cont02_07 ul {display: flex; justify-content: center;}
.write_cont02_07 ul li {margin-right:10px;}
.write_cont02_07 ul li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.01em; color:#57BBAD; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #57BBAD; border-radius: 94px;}
.write_cont02_07 ul li button.on,
.write_cont02_07 ul li > button:hover {border: 1px solid #57BBAD;background:#57BBAD; transition:all 0.4s; color:#fff;}

#sub05_write_wrapper .write_cont02_07 ul li button {border: 1px solid #6DA9E0;color: #6DA9E0;}
#sub05_write_wrapper .write_cont02_07 ul li button.on,
#sub05_write_wrapper .write_cont02_07 ul li > button:hover {border: 1px solid #6DA9E0;background:#6DA9E0; transition:all 0.4s; color:#fff;}

.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {display: inline-block;font-family: 'NanumSquareNeo-Variable',sans-serif;width:86px; height:36px;text-align:center;line-height: 36px !important;color: #333;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #fff;cursor: pointer;border: 1px solid #333;border-radius:8px;font-size:14px;margin-left:5px;}
  
/* named upload */
.filebox .upload-name {display: inline-block;padding: .5em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;
border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;	border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox.bs3-primary label {color: #fff;background-color: #337ab7;border-color: #2e6da4;}
 
/* 프로젝트 추가 input, button */
.addVal .input {width: calc(100% - 52px);height: 36px;margin-left: 0;margin-bottom: 4px;padding: 3px 12px;background: #fff;border: 1px solid #E2E2E2;border-radius: 3px;}
.addVal .btnAdd.plus.up {width: 36px;height: 36px;margin-left: 10px;padding: 0;border: 1px solid #333;border-radius: 4px;background: url(/images/contents/btn_ico_plus.png) no-repeat center #333;}
.addVal .btnRemove.plus.down {width: 36px;height: 36px;margin-left: 14px;padding: 0;border: 1px solid #333;border-radius: 4px;background: url(/images/contents/btn_ico_minus.png) no-repeat center #fff;}

/* 보충자료 가져오기 */
.supplementList .input {width: calc(100% - 52px);height: 36px;margin-left: 0;margin-bottom: 4px;padding: 3px 12px;background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 3px;}
.supplementList .btnRemove2.plus.down {width: 36px;height: 36px;margin-left: 10px;padding: 0;border: 1px solid #333;border-radius: 4px;background: url(/images/contents/btn_ico_minus.png) no-repeat center #fff;}


@media all and (max-width:1440px) {
	.sub01_write_content {width:100%;}
	.sub01_write_nav {padding:0 15px;}
	.write_cont02 {margin: 0px 31px 100px;}

	.write_cont02_01 ul li > label {float:none; display: block;}
	.write_cont02_01 ul li > input {float:none; margin-top:20px; margin-left:0px; width:100%;}
	.write_cont02_01 ul > li > .validation-feedback {padding-left:0px; padding-top:17px;}

	.write_cont02_02 > ul > .width {width: calc(100% - 347px);}
	.write_cont02_02 > ul > .width input {width: 100%;}
	.write_cont02_02 > ul > li > label {display:block; float:none;}
	.write_cont02_02 > ul > li > input {width: 100%;margin-top: 30px;}
	.write_cont02_02 > ul > li > button {margin-top: 30px;}

	.write_cont02_03 ul {flex-direction:column;}
	.write_cont02_03 ul li textarea {width:100%;}
	
	/* .write_cont02_03 ul li > span {bottom:62px;} */

	.write_cont02_04_l {float:none;}
	.write_cont02_04_r {float:none;}
	.write_cont02_04_l > p {margin-bottom:20px;}
	.write_cont02_04_r > ul {padding:0px 0px;}
	.write_cont02_04_r .mt_10 {margin-top: 0 !important;}

	.write_cont02_05 > ul {flex-direction:column;}
	.write_cont02_06_l > p {margin-bottom:20px;}
	
	#sub01_write_wrap .container {padding:0px 0px;}
	
  }
  
@media all and (max-width:999px){
  	.write_title > h2 {font-size:25px;}
  	.write_cont02_07 ul li button {font-size:18px;}
  	.write_cont02_05 ul li .filebox > input {font-size:14px;}
  	.write_cont02_06_r .filebox > input {font-size:14px;}
  	
  	.write_cont02_01 ul li > input {font-size:14px;}
  	.write_cont02_02 > ul > li > input {font-size:14px;}
  	
}
  
@media all and (max-width:920px){
	.write_cont02 {margin: 0px 15px 100px;}
	.write_cont01 {margin: 70px 30px 45px;}
	.sub_write_nav .sub_view_nav_cont {float:none; margin-bottom: 20px;}
	.write_cont02_02 > ul > li > label {float:none;}
}

@media all and (max-width:680px){
	.write_cont02_07 ul li button {width:111px; font-size:16px;}
}

/* write 영역 공통 */
/* write_상단 notic 박스 영역 */
.write_wrap_top {position: relative;}
.sub_write_top_cont_wrap {width:100%;margin-top:30px;padding:70px; border: 1px solid #57BBAD; border-radius: 20px;}
.sub_write_top_cont_wrap::after {content: '';display: block;position: absolute; bottom: 0; left: 80px; z-index: -10; width: 225px; height: 186px; background-repeat: no-repeat;background-image: url(/images/newsub/sub02_write_img02.png); background-size: 100%;}

.sub_write_top_cont_wrap .sub_write_top_l {float:left; width: 180px;}
.sub_write_top_cont_wrap .sub_write_top_l > p {font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:24px; letter-spacing:-0.005em; color:#57bbad;}
.sub_write_top_cont_wrap .sub_write_top_l > img {display:block; max-width:100%; height:auto;}

.sub_write_top_cont_wrap .sub_write_top_r {display:inline-block; width: calc(100% - 180px); padding-left: 74px;}
.sub_write_top_cont_wrap .sub_write_top_r > ul {display:flex; flex-direction: column;}
.sub_write_top_cont_wrap .sub_write_top_r > ul > li {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing: -0.005em;}
.sub_write_top_cont_wrap .sub_write_top_r > ul > li > img {display:inline-block; margin-right:10px;}
.sub_write_top_cont_wrap .sub_write_top_r > ul > li > span {}
.sub_write_top_cont_wrap .sub_write_top_r > ul > li > span > .bold_style {font-weight:800;}

.sub_write_top_c_wrap {display: flex;gap: 24px;margin-top:10px; overflow: hidden;}
.sub_write_top_c {flex: 0 1 auto;}
.sub_write_top_c ul {padding-left: 40px;}
.sub_write_top_c ul li {position: relative; margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; font-weight:400; color:#333;}
.sub_write_top_c ul li:before {position:absolute; content:''; width:5px; height:5px; background:#000; border:1px solid #000; border-radius:10px; left: -12px; top: 4px;}

.sub_write_top_b_wrap {margin-top: 38px;}
.sub_write_top_b_wrap ul li input {width: 16px;height: 16px;background: #FFFFFF;border: 1px solid #AFAFAF; vertical-align: middle; display:inline-block; margin-right:4px;}
.sub_write_top_b_wrap ul li label {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; font-weight:800; letter-spacing:-0.005em;}

.write_wrapper .bull_box {margin-top: 24px;}
.write_wrapper .bull_box #toggle-btn {background: #fff;}

/* 학생토론등록 write_상단 notic close btn 스타일 재설정*/
#sub05_write_wrapper .bull_box.type1 {margin-top: 24px;}
#sub05_write_wrapper .bull_box.type1 #toggle-btn {background: #fff;}

/* 한마당 write 영역 */
#sub02_write_wrapper {position: relative;background-color: #57BBAD1A; padding-bottom:175px;}
#sub02_write_wrapper .container {position: relative;}
#sub02_write_wrap_top {position: relative;}
/*.sub_write_top_img {position: absolute; bottom: 0; left: 104px; max-width:100%; height:auto;} */
.sub_write_top_img {display:none;}

#sub02_write_wrap {position: relative;}
.sub02_write_nav .sub_view_nav {margin-top:165px;}
.sub02_write_nav {overflow:hidden; padding:80px 0 40px;}

.write_content {clear:both; width: 100%;max-width:1400px; height:auto; background:#fff; border-radius:30px; border: 2px solid #57bbad; margin:40px auto 0px; overflow:hidden;}
.write_content .write_cont01 {width: auto;margin:70px 24px 45px;}
.write_content .write_content_tit {display: block;margin-bottom: 30px;padding-top: 64px;font-size: 24px;line-height: 27px;letter-spacing: -0.005em;font-weight: 800;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.write_content .border-bt {border-bottom: 1px solid #E593B8;padding-bottom: 70px;}
.write_content .btn_import {width: 116px;height: 36px;background: #333;color: #fff;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 14px;border-radius: 4px;font-weight: 400;margin-top: 10px;margin-bottom: 10px;}

.write_content .map-info {display: flex;gap: 8px;margin-top: 16px;}
.write_content .map-info .supported {border: 1px solid #e3e3e3;padding: 5px;font-size: 0.9em;line-height: 160%;}

/* write 키워드 영역 */
.write_content .write_cont01 .write_keyword {display:flex; justify-content:center;}
.write_content .write_cont01 .write_keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.write_content .write_cont01 .write_keyword li:nth-child(1) {border:1px solid #57bbad; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#57bbad; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

/* 제목 영역 */
.write_content .write_cont01 .write_title {margin-top:16px; text-align:center;}
.write_content .write_cont01 .write_title > h2 {margin-bottom: 0;font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; line-height:40px; color:#333;}
.write_content .write_tit {display: flex;float: left;width: 124px;margin-top: 0;margin-right: 16px;padding-right: 0;line-height: 27px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;color: #333;letter-spacing: -0.005em;font-weight: 800;gap:4px; align-items:center;}

.write_content01 {overflow: hidden;margin: 0 100px;padding-bottom: 16px;}
.write_content01 .category_select {margin-bottom:40px; display: flex;justify-content: space-between;}
.write_content01 .category_select > li {flex: 0 0 24%;width: auto;margin-left: 0;background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 4px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 16px;letter-spacing: -0.005em;color: #333;line-height: 40px;text-align: center;}
.write_content01 .category_select > li:hover {border: 1px solid #57BBAD; border-radius: 4px; cursor:pointer; transition: all 0.4s; background: rgba(87, 187, 173, 0.1);}	
.write_content01 .category_select > li:first-child {margin-left: 0;}
.write_content01 .category_select .sub02_write_on {background: rgba(87, 187, 173, 0.1);	border: 1px solid #57BBAD;border-radius: 4px;}
.write_content01 .category_select > li > label::before {content: '';display: inline-block;width: 17px;height: 18px;margin-right: 4px;vertical-align: middle;background: url(/images/newsub/sub02_write_img04_off.png) no-repeat center;}
.write_content01 .category_select > li.sub02_write_on > label::before {background: url(/images/newsub/sub02_write_img04_on.png) no-repeat center;}

.write_tit .required {font-size:0;}
.write_tit .required::before{content:"*";color:red;font-weight:bold;font-size:18px;}
.write_tit i {display:inline-block; width:22px; height:22px;}
.write_tit i.wrt_ico01 {background:url(/images/newsub/wrt_ico01.svg) no-repeat 50%;} 
.write_tit i.wrt_ico02 {background:url(/images/newsub/wrt_ico02.svg) no-repeat 50%;} 
.write_tit i.wrt_ico03 {background:url(/images/newsub/wrt_ico03.svg) no-repeat 50%;} 
.write_tit i.wrt_ico04 {background:url(/images/newsub/wrt_ico04.svg) no-repeat 50%;} 
.write_tit i.wrt_ico05 {background:url(/images/newsub/wrt_ico05.svg) no-repeat 50%;} 
.write_tit i.wrt_ico06 {background:url(/images/newsub/wrt_ico06.svg) no-repeat 50%;} 

.color_pink {margin-top: 10px;font-weight: 400;font-size: 14px;letter-spacing: -0.005em;color: #e593b8;}

/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.write_content01 .category_select > li input[type="radio"] {display: none;}
.write_content01 .category_select > li input[type=radio]:checked + label > img {background: url("/images/newsub/sub02_write_img04_on.png") no-repeat; width:17px; height:16px; max-width:100%;}

.write_content02 {position: relative;overflow:hidden; margin:0 100px; padding-bottom: 16px;}
.write_content02_l {float:left;}
.write_content02_r {position: relative;float:left;width: calc(100% - 142px);padding-left: 0;}
.write_content02_r > input {width: 100%;height: 36px;padding: 3px 12px;background: #FFFFFF;border: 1px solid #E2E2E2;border-radius: 3px;}
.write_content02_r > input.readonly {padding: 3px 12px;background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 3px;font-size: 15px;line-height: 15px;letter-spacing: -0.005em;color: #757575;}
.write_content02_r > input.readonly:focus {outline: none;}
.write_content02_r >::placeholder {padding-left:10px; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

.write_content03 {overflow:hidden; padding:0 100px; padding-bottom: 16px;}
.write_content03_l {float:left;}
.write_content03_l > p {line-height: 40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.write_content03_r {float:left; padding-left: 0; width: calc(100% - 113px); overflow: hidden;}

.write_content04 {overflow:hidden; padding:0 100px; padding-bottom:70px;}
.write_content04_l {float:left;}
.write_content04_l > p {padding-right:30px; line-height: 40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.write_content04_r {float:left;width: calc(100% - 113px);padding-left: 0px;}
.write_content04_r > input {width: 100%;height: 36px;background: #FFFFFF;border: 1px solid #E2E2E2;border-radius: 3px;}
.write_content04_r >::placeholder {padding-left:10px; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.write_content04_r > p {padding-bottom: 0px; font-family: 'Noto Sans KR',sans-serif; font-size:14px; line-height: 19px; letter-spacing:-0.005em; color:#57bbad;}
.write_content04_r > p:nth-child(2) {padding-top:10px;}

.write_content05 {padding-bottom:100px;}
.write_content05 > ul {display: flex; justify-content: center;}
.write_content05 > ul > li {margin-right:10px;}
.write_content05 > ul > li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:20px; letter-spacing:-0.01em; color:#57BBAD; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #57BBAD; border-radius: 94px;}
.write_content05 > ul > li button.on,
.write_content05 > ul > li > button:hover {background:#57BBAD; transition:all 0.4s; color:#fff;}

/* 모꼬지 setting 영역 */
#sub01_setting_wrap {clear:both; max-width:1400px;width: 100%; height:auto; background:#fff; border-radius:30px; border:3px solid #57bbad; margin:20px auto 0px; overflow:hidden;}
#sub01_setting_wrap .container {width: 100%;margin: 0;padding: 0;}

.sub01_setting_l { width: 300px; float: left; }
.setting_aside_profil_top {padding:60px 36px 50px;}

.setting_profil_top ul {overflow:hidden;}
.setting_profil_top ul li {text-align:left; float:left; color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; font-weight:800;}
.setting_profil_top ul li > img {margin-right:35px; display:inline-block;}
.setting_profil_top ul li > span {margin-left:40px; text-align:right; font-weight:400;}
.setting_profil_top ul li:nth-child(2) > span {margin-left:46px;}
.setting_profil_top ul li:nth-child(2) {float:none; margin-top:10px;}

.setting_profil_list {overflow:hidden; margin-top:18px; width:100%;}
.setting_profil_list_wrap {height: 120px; float:left; margin-right:12px; width:calc((100% - 36px)/3);}
.setting_profil_list_wrap > p {text-align:center;}
.setting_profil_list_wrap > img {display:block; margin:0 auto; max-width:100%; width:34px; height:34px;}
.setting_profil_list_wrap > p:nth-child(2) {color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; font-weight:800; letter-spacing:-0.005em; margin:10px 0;}
.setting_profil_list_wrap > p:nth-child(3) {color:#666; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; font-weight:400; letter-spacing:-0.005em;}

.join_btn02 {}
.join_btn02 > a {margin-top:10px; color:#57bbad; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; clear:both; height: 53px; border: 1px solid #57BBAD; border-radius: 10px; padding: 18px 12px; width: 100%; display: block; text-align: center; line-height: 15px;}

.aside_nav02 {}
.aside_nav02 ul {}
.aside_nav02 ul li {width:300px; height:72px;  border-top: 1px solid #E0E0E0; padding:26px 32px; background:url('/images/newsub/view_button_off.png') no-repeat; background-position: right; background-position-x: 250px;}
.aside_nav02 ul li:hover {transition:all 0.4s; color:#fff; background:url('/images/newsub/view_button_on.png') no-repeat, #57BBAD; background-position: right; background-position-x: 250px;}
.aside_nav02 ul li:last-child {border-bottom:1px solid #e0e0e0;}
.aside_nav02 ul li a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em;}

.sub01_setting_r { width: calc(100% - 300px); float: left; padding: 70px 70px; border-left: 1px solid #57BBAD; }
.sub01_setting_cont01 {}
.sub01_setting_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}

.sub01_setting_cont02 {overflow: hidden; border-bottom: 1px solid #57BBAD; padding-bottom: 50px;}
.sub01_setting_cont02 .sub01_setting_cont02_c {float:left;}
.sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(1) {margin: 0 18px 0px 0px;}
.sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(2) {margin: 0 18px 0px 0px;}
.sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(3) {margin: 0 18px 0px 0px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap {width:192px; height:288px; border:1px solid #e0e0e0; border-radius:20px; padding:30px; margin-top:10px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; letter-spacing:-0.005em; color:#757575; margin-bottom:20px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul {}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul > li {text-align:left; line-height:35px; margin-bottom:4px; width:100%; height:42px; background:#fff; border:1px solid #e2e2e2; border-radius:4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul > li > button {padding-left:42px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:14px; letter-spacing:-0.005em; color:#545454;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul > li:hover { border:1px solid #57bbad; transition:all 0.4s;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul > li > button:hover {color:#57bbad; transition:all 0.4s}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(1) button {display:inline-block; background:url('/images/newsub/seting_icon01_off.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(1) button:hover {display:inline-block; background:url('/images/newsub/seting_icon01_on_c.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(2) button {display:inline-block; background:url('/images/newsub/seting_icon02_off.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(2) button:hover {display:inline-block; background:url('/images/newsub/setting_on_02.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(3) button {display:inline-block; background:url('/images/newsub/seting_icon03_off.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(3) button:hover {display:inline-block; background:url('/images/newsub/setting_on_03.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(4) button {display:inline-block; background:url('/images/newsub/seting_icon04_off.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap > ul li:nth-child(4) button:hover {display:inline-block; background:url('/images/newsub/setting_on_01.png') no-repeat; background-size: 25px 25px; background-position: 9px 4px; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c > ul {margin-top: 135px;}
.sub01_setting_cont02 .sub01_setting_cont02_c > ul > li {}
.sub01_setting_cont02 .sub01_setting_cont02_c > ul > li > button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; color:#333; width: 73px; height: 36px; background: #FFFFFF; border: 1px solid #333333; border-radius: 94px;}
.sub01_setting_cont02 .sub01_setting_cont02_c > ul > li > button > img {margin-left:2px; display:inline-block; max-width:100%; height:auto;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 {width: 317px; min-height:449px; height: auto; padding: 30px; background: rgba(87, 187, 173, 0.1); border: 1px solid #57BBAD; border-radius: 20px; overflow: hidden;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 > p {float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; letter-spacing:-0.005em; color:#57bbad; margin-right:10px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 > ul {display:flex; justify-content: right; margin-bottom:20px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 > ul > li {margin: 0 4px; width: 28px; height: 28px; background: #FFFFFF; border: 1px solid #AFAFAF; border-radius: 4px; text-align: center; line-height: 28px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 > ul > li:last-child {background: #AFAFAF;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 {}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul {}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li {margin-bottom:4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:14px; letter-spacing:-0.005em; color:#57bbad; text-align: left; padding-left: 46px; width: 100%; height: 42px; background: #FFFFFF; border: 1px solid #57BBAD; border-radius: 4px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(1) > button {display:inline-block; background:url('/images/newsub/seting_icon01_on_c.png') no-repeat, #fff; background-size: 25px 25px; background-position: 9px 6px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(1) > button:hover {display:inline-block; background:url('/images/newsub/seting01_onon.png') no-repeat, #57bbad; background-size: 25px 25px; background-position: 9px 6px; color:#fff; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(2) > button {display:inline-block; background:url('/images/newsub/setting_on_03.png') no-repeat, #fff; background-size: 25px 25px; background-position: 9px 6px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(2) > button:hover {display:inline-block; background:url('/images/newsub/seting02_onon.png') no-repeat, #57bbad; background-size: 25px 25px; background-position: 9px 6px; color:#fff; transition:all 0.4s;}

.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(3) > button {display:inline-block; background:url('/images/newsub/setting_on_01.png') no-repeat, #fff; background-size: 25px 25px; background-position: 9px 6px;}
.sub01_setting_cont02 .sub01_setting_cont02_c .sub01_setting_menu_wrap02 .sub01_setting_menu_wrap02_cont01 ul li:nth-child(3) > button:hover {display:inline-block; background:url('/images/newsub/seting04_onon.png') no-repeat, #57bbad; background-size: 25px 25px; background-position: 9px 6px; color:#fff; transition:all 0.4s;}

.sub01_setting_menu_wrap03 {width: 317px;min-height: 449px;height:auto; padding: 30px; background:#fff; border: 1px solid #57BBAD; border-radius: 20px; overflow: hidden;}
.sub01_setting_menu_wrap03 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#57bbad; margin-bottom:20px;}
.sub01_setting_menu_wrap03 > button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; font-weight:700; width:100%; height:44px; line-height: 44px; border:1px solid #57bbad; border-radius:4px; background:#57BBAD; color:#fff;}
.sub01_setting_menu_wrap03 > button > img {display:inline-block;}
.sub01_setting_menu_wrap03 > button > span {margin-left:10px; margin-right:120px;}

.sub01_setting_menu_wrap03_cont01 {margin-top:47px;}
.sub01_setting_menu_wrap03_cont01 > p {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub01_setting_menu_wrap03_cont01 > input {width:100%; height: 36px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px;}
.sub01_setting_menu_wrap03_cont01 > input::placeholder {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:15px; letter-spacing:-0.005em; color:#757575; padding-left:10px; opacity: 0.4;}

.sub01_setting_menu_wrap03_cont02 {margin-top:27px;}
.sub01_setting_menu_wrap03_cont02 > p {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub01_setting_menu_wrap03_cont02 > input {width:100%; height: 36px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px;}
.sub01_setting_menu_wrap03_cont02 > input::placeholder {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:15px; letter-spacing:-0.005em; color:#757575; padding-left:10px; opacity: 0.4;}

.sub01_setting_menu_wrap03_cont03 {margin-top:27px;}
.sub01_setting_menu_wrap03_cont03 > p {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:15px; letter-spacing:-0.005em; color:#333;}

.sub01_setting_menu_wrap03_cont03 ul {display:flex;}
.sub01_setting_menu_wrap03_cont03 ul > li {margin-right:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em; color:#757575;} 
.sub01_setting_menu_wrap03_cont03 ul > li > input {display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: 1px solid #AFAFAF; border-radius: 100px;}

.sub01_setting_btn {margin-top:50px;}
.sub01_setting_btn ul {display: flex; justify-content: center;}
.sub01_setting_btn ul li {margin-right:10px;}
.sub01_setting_btn ul li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.01em; color:#57BBAD; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #57BBAD; border-radius: 94px;}
.sub01_setting_btn ul li > button:hover {background:#57BBAD; transition:all 0.4s; color:#fff;}

.sub01_setting_btn ul li:first-child button {background:#57BBAD; color:#fff;}

/* 소식나눔 영역 */
#sub03_bg {width:100%; background:url('/images/newsub/pattern_bg.png') no-repeat, rgba(229, 147, 184, 0.1); height:454px; background-size: cover; background-position:-90px -69px;}
#sub03_bg .container {position:relative;}
#sub03_bg .container > img {position:absolute; right:0px; top:91px; max-width:100%; height:auto;}

/* 소식나눔 영역 페이지 상단 네비 영역 */
.sbu03_sub_page_nav {padding-top:123px;}
.sbu03_sub_page_nav ul {display:flex;}
.sbu03_sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sbu03_sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu03_sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu03_sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

/* 소식나눔 영역 페이지 상단 타이틀 영역 */
#sub03_bg .sub_banner_title > p {color:#E593B8;}

/* 소식나눔 영역 페이지 상단 메뉴 네비 영역 */
#sub03_bg .sub_page_link ul li,
#sub03_bg .sub_page_link > ul > li > a {color: #E593B866;}
#sub03_bg .sub_page_link > ul .on a {color: #E593B8;}
#sub03_bg .sub_page_link ul .on:before {background:#E593B8;}

/* 소식나눔 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link9 ul {display:flex;}
.sub_page_link9 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#E593B8; padding-right:44px;}
.sub_page_link9 ul li {font-weight:800;}
.sub_page_link9 ul li:nth-child(1) {opacity:0.4;}
.sub_page_link9 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link9 ul li:nth-child(4) {opacity:0.4;}
.sub_page_link9 ul li:nth-child(5) {opacity:0.4;}
.sub_page_link9 ul .on2 a {opacity: inherit !important;}
.sub_page_link9 ul .on2 {font-weight:800;}
.sub_page_link9 ul .on2:before {content:""; width:12px; height:12px; background:#E593B8; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 소식나눔 텝 메뉴 영역 */
.tabBox2 {margin:120px 0 64px; display:flex;flex-wrap: wrap;}
.tabBox2 > p {position:relative;}
.tabBox2 > p::after {position: absolute; content:""; display: block; border-bottom: 3px solid #E593B8; transition: width 250ms ease-in-out; left: auto; width: 0;}
.tabBox2 > p:hover::after {width: 100%;}
.tabBox2 > p:hover {color:#E593B8; transition:all 0.4s;}

/* 검색바 영역3 */
.search_bar_wrap3 {height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap3 ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap3 ul li {padding-right:10px;}
.search_bar_wrap3 ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap3 ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap3 ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}

.search_bar_wrap3 ul li:nth-child(1) .selectBox {-webkit-appearance: none; -moz-appearance: none;appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 84% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px; font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap3 ul li:nth-child(1) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap3 ul li:nth-child(2) .selectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap3 ul li:nth-child(2) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap3 ul li:nth-child(2) .search_input {width:538px; border: 1px solid #E2E2E2; border-radius: 3px; padding:12px; height:41px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;}
.search_bar_wrap3 ul li:nth-child(3) button {line-height: 15px; background:#333; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800; transition:all 0.4s;}
.search_bar_wrap3 ul li:nth-child(3) button:hover {background:#111; transition:all 0.4s;} 
.search_bar_wrap3 ul li:nth-child(3) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}
.search_bar_wrap3 ul li:nth-child(4) button {line-height: 15px; background:#57BBAD;; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap3 ul li:nth-child(4) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}

/* 상단 텝메뉴 영역 */
#tabbtnbox {display: flex;gap: 8px;overflow: unset;width: 100%;margin-bottom: 48px;font-family: 'NanumSquareNeo-Variable',sans-serif;position: relative;border-bottom: 2px solid #E593B8;}
#tabbtnbox .tactive > span {background-color: transparent;}
.tabbtn {height: 50px;cursor: pointer;font-size: 18px;font-weight: bold;color: #828282;margin: 0;background-color: transparent;border: none;letter-spacing:-0.005em;padding: 0 32px;background-color: rgba(237, 237, 237, 0.6);border-radius: 10px 10px 0 0;}
.tactive {border: 3px solid #E593B8;border-bottom: none;border-radius: 10px 10px 0 0;color:#E593B8;}
.tabcont {display: none;}
.tabcont02 {display: none;}
.tabcont:first-of-type {display: block;}
.tabcont02:first-of-type {display: block;}

/* 토론 */
.discussion_list_wrap .tabBox2 > p:hover {color:#6DA9E0;}
.discussion_list_wrap #tabbtnbox {border-bottom: 2px solid #6DA9E0;}
.discussion_list_wrap .tactive0555,
.discussion_list_wrap .tactive0555:hover {border: 2px solid #6DA9E0;border-bottom: 0;color: #6DA9E0;}
.discussion_list_wrap .search_bar_wrap4 ul li:nth-child(4) button {background: #6DA9E0; transition:all 0.4s;}
.discussion_list_wrap .search_bar_wrap4 ul li:nth-child(4) button:hover {background: #529ce0; transition:all 0.4s;}

.sub03_content_wrap01 {display: flex; background:#fff; border:1px solid #e2e2e2; border-radius:30px; padding:40px; overflow: hidden; margin-bottom:30px;}
.sub03_content_wrap01:hover {border:1px solid #E593B8; transition:all 0.4s;}
.sub03_content_wrap01 > a {flex: 0 0 240px;}
.sub03_cont_l {float: none;}
.sub03_cont_l > img {display:block; margin:0 auto; max-width:100%; width:240px; height:240px; border-radius:215px;}
.sub03_cont_r {float: none;flex-grow: 0;flex-shrink: 1;width: calc(100% - 240px);}
.sub03_cont_r .sub03_cont_r01 {padding-left:70px;}
.sub03_cont_r .sub03_cont_r01 > p {line-height:33px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; font-weight:400; letter-spacing:-0.005em; width: 49px; height: 33px; border: 1px solid rgba(0, 0, 0, 0.3); text-align:center; margin-bottom:12px;}
.sub03_cont_r .sub03_cont_r01 > h2 {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:22px; font-weight:800; letter-spacing:-0.005em; color:#333; margin-bottom:16px;}

.nanum_list_info {display:flex; justify-content: flex-start; align-items:center;flex-wrap: wrap;}
.nanum_list_info > li {position:relative; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em; width:auto; font-size:14px; font-weight:400; color:#666;}
.nanum_list_info > li:not(:last-child) {margin-right:15px;}
.nanum_list_info > .date strong {margin-right: 8px;font-size:14px; font-weight:800; color:#666;}
.nanum_list_info > .d-day {width: 64px;height: 31px;background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;border-radius: 100px; font-size:14px; font-weight:700; text-align:center; color:#E593B8; line-height:31px;}
.nanum_list_info > .hit {font-weight:400; font-size:14px; color:#666;}
.nanum_list_info > .hit:before {content: '';width: 1px;height: 16px;background: #E0E0E0;display: inline-block;vertical-align: middle;margin: 0 15px 0 4px;}
.nanum_list_info > .hit > span {font-weight:800; font-size:14px; color:#666;}
.nanum_list_info > .join {width: 97px;height: 31px;border: 1px solid #BABABA;border-radius: 50px; font-weight:400; font-size:14px; color:#666; text-align:center; line-height:31px;}
.nanum_list_info > .join > span {font-weight:800; font-size:14px; color:#666;}

/* 희망나눔 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link4 ul {display:flex;}
.sub_page_link4 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#E593B8; padding-right:44px;}
.sub_page_link4 ul li {font-weight:800;}
.sub_page_link4 ul li:nth-child(1) {opacity:0.4;}
.sub_page_link4 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link4 ul li:nth-child(3) {opacity:0.4;}
.sub_page_link4 ul li:nth-child(4) {opacity:0.4;}
.sub_page_link4 ul .on2 a {opacity: inherit !important;}
.sub_page_link4 ul .on2 {font-weight:800;}
.sub_page_link4 ul .on2:before {content:""; width:12px; height:12px; background:#E593B8; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 검색바 영역4 */
.search_bar_wrap4 {height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap4 ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap4 ul li {padding-right:10px;}
.search_bar_wrap4 ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap4 ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap4 ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}

.search_bar_wrap4 ul li a img {outline:none;}

.search_bar_wrap4 ul li:nth-child(1) .selectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 84% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400; color:#757575; line-height: 15px;} 
.search_bar_wrap4 ul li:nth-child(1) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap4 ul li:nth-child(2) .selectBox {-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap4 ul li:nth-child(2) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap4 ul li:nth-child(2) .search_input {width:538px; border: 1px solid #E2E2E2; border-radius: 3px; padding:12px; height:41px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;}
.search_bar_wrap4 ul li:nth-child(3) button {line-height: 15px; background:#333; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap4 ul li:nth-child(3) button:hover {background:#111;}
.search_bar_wrap4 ul li:nth-child(3) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}
.search_bar_wrap4 ul li:nth-child(4) button {line-height: 15px; background:#E593B8; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap4 ul li:nth-child(4) button:hover {background:#e47dac}
.search_bar_wrap4 ul li:nth-child(4) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}

.search_bar_wrap4 ul li button {transition:all 0.4s;}

/* 희망나눔영역 veiw_list_wrap 영역 */
.veiw_list_wrap4 .view_list_cont ul {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.veiw_list_wrap4 .view_list_cont ul li {width: calc(25% - 20px);margin: 0 10px 32px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_box {position: relative;overflow: hidden;background:#fff; border:1px solid #e2e2e2; border-radius:30px;min-height: 425px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;} /*border:1px solid #E593B8; */
.veiw_list_wrap4 .view_list_cont .view_list_cont_img {overflow: hidden;position: relative;height: 0;padding-top: 48%;background: #ddd;border-radius: 16px 16px 0px 0px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_img img {position: absolute;top: 50%;left: 0;width: 100%;height: auto;transform: translateY(-50%);border-radius: 0;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text {padding: 32px 32px 20px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text .subject {display: inline-block;margin-bottom: 15px;padding: 2px 14px;border: 1px solid rgba(0, 0, 0, 0.3);text-align: center;color: #333;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;font-weight: 400;letter-spacing: -0.005em;}

.veiw_list_wrap4 .view_list_cont .view_list_cont_text .badge_group {display: flex;align-items: center;gap: 10px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text .badge_group .d_day {display: inline-block;width: auto;height: auto;margin-bottom: 0;padding: 5px 12px;background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;border-radius: 100px;color: #e593b8;text-align: center;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 12px;letter-spacing: -0.005em;font-weight: 800;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text .badge_group .reply {display: inline-block;width: auto;height: auto;margin-bottom: 0;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text h3 {white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 18px;letter-spacing: -0.005em;color: #333;font-weight: 800;margin: 0 0 5px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text > p {font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 14px;letter-spacing: -0.005em;color: #333;margin-bottom: 15px;}

/* 희망나눔 목표 달성 시 나타나는 이미지*/
.veiw_list_wrap4 .view_list_cont .attain {display: block; width: 100%; height: 34px;position: relative;}
.veiw_list_wrap4 .view_list_cont .attain.off {background: #fff; position: relative;}
.veiw_list_wrap4 .view_list_cont .attain.off::before {display:none;}
.veiw_list_wrap4 .view_list_cont .attain {background: #E45F9B;}
.veiw_list_wrap4 .view_list_cont .attain::before {content: '';display: block; position: absolute; bottom: 0; right: 22px; width: 200px; height: 190px;
background: url(/images/newsub/goal_img.svg) no-repeat; background-size: 190px;}

/* 예산을 지원받은 경우 나타나는 이미지  */
.veiw_list_wrap4 .view_list_cont .support{position: absolute; top: 114px; right: 20px; display: block; width: 100%; height: 115px;}
.veiw_list_wrap4 .view_list_cont .support.off {display:none;}
.veiw_list_wrap4 .view_list_cont .support::before{content: '';display: block; float: right; width: 110px; height: 111px; 
background: url(/images/newsub/support_img.svg) no-repeat;}

.veiw_list_wrap4 .view_list_cont .view_list_cont_text ul {display: flex; justify-content:flex-start; align-items: center;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text ul li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text ul li img {max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text ul li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.veiw_list_wrap4 .view_list_cont .view_list_cont_text .view_list_cont_text {padding:0 36px;}
.veiw_list_wrap4 .view_list_cont .view_list_cont_text .view_list_cont_text > P {margin-bottom:15px; width: 49px;height: 33px;border: 1px solid rgba(0, 0, 0, 0.3); text-align:center; line-height: 33px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; font-weight:400; letter-spacing:-0.005em;}

.veiw_list_wrap4 .view_list_cont .view_list_cont_text .view_list_cont_text > P:nth-child(3) {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; border:none; width:auto; text-align:left;}

/* veiw_list_wrap_btn [하단 더보기 버튼] 영역__나눔페이지에서는 노출되지 않음 */
.veiw_list_wrap_btn4 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn4 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
/*.veiw_list_wrap_btn4 button:hover {background: rgba(229, 147, 184, 0.1); border: 1px solid #E593B8; transition:all 0.4s;}*/
.veiw_list_wrap_btn4 button > img {display:block; margin:0 auto;}

/* 희망나눔 :: 리스트 - 그래프 */
.chart_wrap {overflow: hidden;display: flex;justify-content: space-between;align-items: center;margin-bottom: 25px;}
.chart_wrap .chart_l {width: 137px;height: 4px;}
.chart_wrap .chart_r > p {letter-spacing: -0.005em; color: #E593B8; font-weight: 800; font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif;}

/* 소식나눔 뷰페이지 영역 */
#sub04_view_wrap {clear: both;max-width: 1400px;width: 90%;height: auto;background: #fff;border-radius: 30px;border: 3px solid #E593B8;margin: 20px auto 0px;overflow: hidden;}
#sub04_view_wrap .sub04_view_cont01 {padding:70px 70px 45px; width:100%; overflow:hidden;}
.sub04_view_cont01 .sub_04_view_t_l {width:90%; float:left;}
.sub04_view_cont01 .sub_04_view_t_r {width:10%; float:right;}
.sub04_view_cont01 .sub_04_view_t_r .good_wrap {border:1px solid #e0e0e0; width:134px; height:134px; padding:30px 30px 40px;}
.sub04_view_cont01 .sub_04_view_t_r .good_wrap > img {display:block; margin:0 auto 8px;}
.sub04_view_cont01 .sub_04_view_t_r .good_wrap > p {text-align:center;}
.sub04_view_cont01 .sub_04_view_t_r .good_wrap > p > span {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; font-weight:800; text-align:center;}

.sub_04_keyword {display:flex; }
.sub_04_keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.sub_04_keyword li:nth-child(1) {border:1px solid #E593B8; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#E593B8; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub_04_con {margin-top:10px;}
.sub_04_con ul {display:flex; align-items:center;}
.sub_04_con ul li {position:relative; margin-right:40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; line-height:15px; letter-spacing:-0.005em; color:#666;}
.sub_04_con ul li:nth-child(3) {width: 54px;height: 25px;background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;border-radius: 100px; text-align:center; color:#E593B8; line-height:25px;}
.sub_04_con ul li:nth-child(3):after {content: '';border-right: 1px solid #e0e0e0; right: -21px; position: absolute;height: 16px;top: 3px;}
.sub_04_con ul li:nth-child(4):after {content: '';border-right: 1px solid #e0e0e0;right: -20px;	position: absolute;	height: 16px;top: 0px;}	
.sub_04_con ul li > span {display:inline-block; margin-left:8px; font-weight:400; font-size:14px; line-height:15px; letter-spacing:-0.005em;}

.content_sub04_view_bg {background: rgba(229, 147, 184, 0.1);}
#sub04_view_wrap01 {position:relative; background: rgba(229, 147, 184, 0.1); padding: 80px 0 175px;}

.sub_view_nav .sub_view_nav_cont {float:left;}
.sub_view_nav .back_btn_wrap04 {float:right;}
.sub_view_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#E593B8; font-weight:800;}
.sub_view_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:37px; background:#fff; border:1px solid #E593B8; border-radius: 50px; margin-right:12px;}
.sub_view_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub_view_nav ul {display:flex;}
.sub_view_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub_view_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub_view_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}

.sub04_view_wrap02_bg {padding:70px; margin-top:30px; margin-bottom:30px; background: #FFFFFF; height:auto; width:100%; border-radius: 30px;}

.sub04_cont01 {position: relative;}
.sub04_cont01 ul {display:flex; justify-content: right; align-items: center;}
.sub04_cont01 ul li {margin-right:4px; }
.sub04_cont01 ul li:nth-child(1) > button {width: 50px;	height: 50px;background: #FFFFFF;border: 1px solid #E0E0E0;	border-radius: 110px; }
.sub04_cont01 ul li:nth-child(2) > button {margin-right:22px;width: 50px;height: 50px;background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 110px; text-align: center;}
.sub04_cont01 ul li:nth-child(3) > button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:800; color:#fff; letter-spacing:-0.01em; background:#e593b8; border:1px solid #e593b8; border-radius:74px; width:177px; height:48px;} 	
.sub04_cont01 ul li button:hover {border:1px solid #E593B8; background: rgba(229, 147, 148, 0.1); transition:all 0.4s; box-shadow: none;}
.sub04_cont01 ul li button:focus {box-shadow:none;}
.sub04_cont01 ul li > button.btn.pink {background: #E593B8; border: 1px solid #E593B8;}
.sub04_cont01 ul li > button.btn.pink:hover {background:#e47dac;border: 1px solid #e47dac;transition:all 0.4s;}
.sub04_cont01 ul li > button > img {display:block; margin:0 auto;}

.sub04_cont01 ul li button {transition:all 0.4s;}

.sub04_cont02 {margin-top: 16px;}
.sub04_cont02 > p {line-height: 1.5; word-break:break-all; margin-bottom:40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#545454; font-weight:800;}
.sub04_cont02 > p > span {font-weight:400;}

.sub04_cont03 {padding:70px; background: #FFFFFF; height:auto; width:100%; border-radius: 30px; overflow: hidden;}
.sub04_cont03_l {float:left; margin-right:40px; width: calc(48% - 20px);}
.sub04_cont03_l > span {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.005em; color:#333;}
.sub04_cont03_l > span > img {vertical-align: middle; display:inline-block; margin-right:10px;}

.sub04_cont03_l .sub04_cont03_map {margin-top:10px;}
#mapCanvas {height:80vh;min-height:100px; border:1px solid #e3e3e3}
.sub04_cont03_l .sub04_cont03_map > img {max-width:100%; height:auto; display:block; margin:0 auto;}

.sub04_cont03_r {float:left; width: calc(52% - 20px);}
.sub04_cont03_r > span {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.005em; color:#333;}
.sub04_cont03_r > span > img {vertical-align: middle; display:inline-block; margin-right:10px;}

.sub04_cont03_r01 {width:100%;}
.sub04_cont03_r01 > span {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.005em; color:#333;}
.sub04_cont03_r01 > span > img {display:inline-block; margin-right:10px;}

/* sub04 소식나눔-소식공유 영역 */
.veiw_list_wrap5 {margin-top: 10px;}
.veiw_list_wrap5 .view_list_cont {width:100%; overflow: hidden;}
.veiw_list_wrap5 .view_list_cont > ul {display:flex; flex-wrap: wrap; justify-content: flex-start;margin: 0 -16px;}
.veiw_list_wrap5 .view_list_cont > ul > li {width: calc(50% - 32px);margin: 0 16px 32px;}
.veiw_list_wrap5.col4 .view_list_cont > ul > li {width: calc(25% - 32px);}
.veiw_list_wrap5 .view_list_cont > ul > li .view_list_cont_box {overflow:hidden;background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.veiw_list_wrap5 .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .view_list_cont_img {overflow: hidden;position: relative;height: 0;padding-top: 66%;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .thumbnail {position: absolute;top: 44%;left: 0;transform: translateY(-50%);max-width: 100%;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box h3 {margin-bottom: 8px;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box h3 p {font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 18px;line-height: 27px;letter-spacing: -0.005em;color: #333333;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box ul {display: flex;flex-wrap: wrap;justify-content:flex-start; align-items: center;margin-bottom: 10px;gap: 12px}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box ul li {display: flex;align-items: center;gap: 4px;margin: 2px 0;font-size: 13px;line-height: 15px;letter-spacing: -0.005em;color: #333;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box ul li:nth-child(1):after {content: '';display: inline-block;height: 16px;width: 1px;background-color: #E0E0E0;vertical-align: middle;margin: 0 6px;}

.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box ul li img {vertical-align: middle; max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box ul li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .f_list li:nth-child(1):after {display:none;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .icon_heart .heartBtn {display:block;width:20px;height:20px;border:0;background:url(/images/newsub/icon04.svg) no-repeat 50%;}
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .icon_heart .heartBtn.on {background:url(/images/newsub/icon04_on.svg) no-repeat 50%;}
/* .veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .icon_heart {font-weight: 800;} */
.veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .view_list_cont_text {padding: 24px 32px;height: 160px;}

.sub04_page_list {}
.sub04_page_list ul {display:flex; justify-content:center; align-items: center;}
.sub04_page_list ul li {margin-right:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:700; font-size:14px; letter-spacing:-0.005em; color:#545454;}
.sub04_page_list ul li:nth-child(2) {margin-right:20px;}
.sub04_page_list ul li:nth-child(6) {margin-right:20px;}
.sub04_page_list ul li .page_bg {width: 30px;height: 30px;background: #E593B8;border-radius: 100px; text-align:center; line-height: 30px; color:#fff;}
.sub04_page_list ul li > button {}
.sub04_page_list ul li > button > img {display:inline-block; vertical-align: middle;}

/* 공유박스 스타일 수정 변경*/
/* 디폴트_소통 페이지 기준*/
.cont_list1 {overflow: hidden; display: none; position: absolute; left: 0; top: 60px; width: 410px; height: auto; visibility: hidden; padding: 20px; z-index: 12; background: #fff; border: 1px solid #ccc;}
.cont_list1 h6::before {display:none;}

/* 나눔*/
.sub04_cont01 .cont_list1 {right:0; left: initial;}

/* 희망나눔 뷰페이지 영역 */
.content_sub04_view_bg01 {background:#fff;}

.sub04_view_bg02 {width: 100%;background: url(/images/newsub/pattern_bg.png) no-repeat;height: 80px;background-size: cover;background-position: -18px -90px;}

#sub05_view_wrap01 {position:relative; background: rgba(229, 147, 184, 0.1); padding-bottom: 175px;}

/*.sub05_nav_view .sub_view_nav {margin-top: -212px;}*/

/* 희망나눔 :: 뷰페이지 */
#sub05_view_wrap {clear: both;max-width: 1400px;height: auto;background: #fff;border-radius: 30px;border: 2px solid #E593B8;margin: 20px auto 0px;}
.sub05_view_cont01 {width:100%;padding: 70px;}
.sub05_top_wrap {display: flex;justify-content: space-between;border-bottom:1px solid #E593B8;padding-bottom:40px;}	
.sub05_view_cont01 .sub_04_view_t_l {width: calc(100% - 400px);}
.sub05_view_cont01 .sub_05_view_t_r {display: flex;justify-content: space-between;align-items: flex-end;width: 350px;padding-top: 45px;}

.chart_wrap02 {position: relative;}
.chart_wrap02 .chart_l {width: 235px;height: 10px;margin: 0;background: #E2E2E2;border-radius: 96px;}
.chart_wrap02 .chart_r > p {float:right; letter-spacing: -0.005em; color: #E593B8; font-weight: 800; font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.chart_wrap02 .bar-chart02 > .chart {padding: 0;}
.chart_wrap02 .point_chek {top: -32px;left: calc(0% - 38px);}
.sub_05_view_t_r .sub_cont_right p:nth-child(2) {line-height: 1;}

.sub_05_keyword {display:flex; }
.sub_05_keyword li {height: 32px;margin-right: 8px;padding: 0 6px;border: 1px solid rgba(0,0,0,0.3);text-align: center;color: #333;line-height: 32px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;font-weight: 400;letter-spacing: -0.005em;}
.sub_05_keyword li:nth-child(1) {border:1px solid #E593B8;color:#E593B8;font-weight:800;}

.sub_05_con {margin-top:10px;}
.sub_05_con ul {display:flex; align-items:center;}
.sub_05_con ul li {position:relative; margin-right:27px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; line-height:15px; letter-spacing:-0.005em; color:#666;}
.sub_05_con ul li:nth-child(3) {height: 25px;padding: 0 8px;background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;border-radius: 100px;color: #E593B8;	text-align: center;line-height: 24px;font-weight: 800;font-size: 12px;letter-spacing: -0.005em;}
.sub_05_con ul li:nth-child(1):after {content: '';border-right: 1px solid #e0e0e0;right: -14px;position: absolute;height: 16px;top: 0px;}
.sub_05_con ul li > span {display:inline-block; margin-left:8px; font-weight:400; font-size:14px; line-height:15px; letter-spacing:-0.005em;}

/* 희망나눔 뷰페이지 그래프 영역 */
.bar-chart02 {position: relative;width: 100%;}
.bar-chart02 > .legend {position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;margin-bottom: -45px;border-top: 1px solid #000;}
.bar-chart02 > .legend > .label {position: relative;display: inline-block;float: left;width: 25%;text-align: center;}
.bar-chart02 > .legend > .label:before {display: block;position: absolute; top: 0;left: 0;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart02 > .legend > .label.last:after {display: block;position: absolute;top: 0;right: 0;left: auto;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart02 > .legend > .label h4 {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
.bar-chart02 > .chart {position: relative;width: 100%;}
.bar-chart02 > .chart > .item {position: relative;width: 100%;height: 10px;margin-bottom: 10px;color: #fff;text-transform: uppercase;}
.bar-chart02 > .chart > .item > .bar {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #E2E2E2; z-index: 5;border-radius: 20px;}
.bar-chart02 > .chart > .item > .bar > .persen {display: block;position: absolute;top: 0;right: 0;height: 40px;line-height: 40px;padding-right: 12px;z-index: 15;}
.bar-chart02 > .chart > .item > .bar > .progress {position: absolute;top: 0;left: 0;height: 100%;background-color: #E593B8;z-index: 10;border-radius: 20px;width: 0%;}
.bar-chart02 > .chart > .item > .bar > .progress > .title {display: block;position: absolute;height: 40px;line-height: 40px;padding-left: 12px;letter-spacing: 2px;z-index: 15;}

.sub_cont_left {float:left;}
.sub_cont_right {float:right;}
.sub_cont_right p {text-align:right; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#e593b8; font-weight:400;}
.sub_cont_right p:nth-child(2) {font-weight:400; font-size:40px;}

.point_wrap {margin-top:10px;}
.point_wrap > ul {display:flex; justify-content:right; align-items: center;}
.point_wrap > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; font-weight:400; color:#727272; letter-spacing:-0.005em;}
.point_wrap > ul > li > span {font-weight:800; display:inline-block; margin-left:6px;}
.point_wrap > ul > li > .point_bg {margin-left:6px; width: 20px;height: 20px;border: 1px solid #8A8A8A;	border-radius: 70px; text-align: center; line-height:14px; font-weight:800;}

.point_chek {position:absolute; top:0px; left:58%; width: 53px;	height: 21px; border: 1px solid #E593B8;border-radius: 70px;}
.point_chek > p {text-align: center;letter-spacing: -0.005em;color: #E593B8; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:12px; position: relative;}	
.point_chek > p:after {position: absolute; content: ' '; border: 7px solid transparent; border-top-width: 0; border-bottom-color: #E593B8;top: 17px;transform: rotate(-49deg); right: 3px;}

.sub05_cont01 {padding-top:60px;}
.sub05_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; color:#666; font-size:16px; letter-spacing:-0.005em; word-break: break-all; margin-bottom:20px;}

.sub05_cont02 {position: relative;}
.sub05_cont02 ul {display:flex; justify-content:right;}	
.sub05_cont02 ul > li {margin-right:4px; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.sub05_cont02 .cont_list1 {top: auto;bottom: -132px;}
.sub05_cont02 ul > li > button {transition:all 0.4s;}
.sub05_cont02 ul > li > button:focus {box-shadow:none;}
.sub05_cont02 ul > li:nth-child(1) > button {width: 50px;height: 50px;background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 110px;}
.sub05_cont02 ul > li:nth-child(2) > button {width: 50px;height: 50px;background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 110px;}
.sub05_cont02 ul > li:nth-child(3) > button {width: 50px;height: 50px;background: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 110px; margin-right:22px;}
.sub05_cont02 ul > li:nth-child(4) > button {width: 147px;height: 48px;background: #E593B8;border: 1px solid #E593B8;border-radius: 74px; color:#fff; font-weight:800;}
.sub05_cont02 ul > li:not(:last-child) > button:hover {border:1px solid #E593B8; background: rgba(229, 147, 148, 0.1); transition:all 0.4s; box-shadow: none;}
.sub05_cont02 ul > li > button.btn.pink:hover {background:#e47dac;border: 1px solid #e47dac;transition:all 0.4s;}
.sub05_cont02 ul > li > button > img {display:block; margin:0 auto;}

#sub05_view_wrap03 {max-width: 1400px; height: auto; margin: 80px auto 0px;}

/* 희망나눔 :: 뷰페이지 하단 */
.sub05_cont_box {display: flex;}
.sub05_cont_box_l {width: 65%;padding-right: 64px;border-right: 1px solid #E0E0E0;}
/*.sub05_cont_box_r {width: 35%;padding-left: 64px;}*/
.sub05_cont_box_r span {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; font-weight:800; letter-spacing:-0.005em; color:#333; display:inline-block; margin-bottom:15px;}
.sub05_cont_box_r span > img {display:inline-block; margin-right:10px;}
.tabcont .sub05_view_contet_box_r {float: none;width: 100%;padding: 0;}
.tabcont .comment_list_wrap2 {position: absolute;top: 176px;left: 1px;width: 100%;background: #Fff;border-radius: 0 0px 10px 10px;overflow: hidden;}
.tabcont .comment_form_wrap2 > form > textarea {padding: 24px;}
.tabcont .comment_btn2 {padding: 16px 28px;}

/* 담당자 답변 */
.sub05_cont_box_r01 {padding:40px; background: rgba(237, 237, 237, 0.6); border-radius: 30px;}

.sub05_cont_box_r01_t {overflow: hidden;}
.sub05_cont_box_r01_t_l {width: 60px; height: 60px; background: #FFFFFF; border-radius: 70px; float: left; margin-right: 10px;}
.sub05_cont_box_r01_t_l > img {display:block; margin:13px auto 0;}

.sub05_cont_box_r01_t_r {float:left;}
.sub05_cont_box_r01_t_r > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; color:#666; letter-spacing:-0.005em;}
.sub05_cont_box_r01_t_r > p:nth-child(1) {font-weight:800;}
.sub05_cont_box_r01_t_r > p:nth-child(2) {font-size:15px; font-weight:400;}

.sub05_cont_box_r01_c {padding-top:40px;}
.sub05_cont_box_r01_c > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#666; font-weight:400;}

.sub05_content_box01 {}
.sub05_content_box01 > p {width: 111px;height: 47px;background: rgba(229, 147, 184, 0.2);border-radius: 10px; letter-spacing: -0.02em;color: #E593B8;
font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:18px; text-align:center; line-height:47px;}
.sub05_content_box01_01 {margin-top:40px;}
.sub05_content_box01_01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666; margin-bottom:30px;}

.sub05_content_box02 {margin-top:70px;}
.sub05_content_box02 > p {width: 143px;height: 47px;background: rgba(224, 224, 224, 0.5);border-radius: 10px; font-family: 'NanumSquareRound',sans-serif;
line-height:47px; text-align:center; color:#757575; font-weight:800;}
.sub05_content_box02_01 {margin-top:40px;}
.sub05_content_box02_01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666; margin-bottom:30px;}

/* 상단 텝메뉴 영역 */
#tabbtnbox03 {margin-bottom: 70px;display: flex;font-family: 'NanumSquareNeo-Variable',sans-serif;position:relative;overflow:hidden;}

.tabbtnsolid03 {left: 431px;position: absolute;top: 52px;height: 0px; width: 46%; border-top: 3px solid #E593B8;}
#tabbtnbox03 > button {margin-right: 8px;}
#tabbtnbox03 > button > span {border-radius: 10px 10px 0px 0px; padding:15px;}
#tabbtnbox03 .tactive0555 > span {background-color: transparent;}

#tabbtnbox03 > button:nth-child(2) {font-weight:400;}
#tabbtnbox03 > button:nth-child(3) {font-weight:400;}

.tactive0555 {position: relative;border: 2px solid #E593B8;border-bottom: 0;color: #E593B8;width: auto;background-color: #fff;}
.tactive0555:hover,
.tactive0555:focus {border: 2px solid #E593B8;border-bottom: 0;}
.tactive0555::after {content: '';position: absolute;bottom: -3px;left: 0;width: 100%;height: 3px;background: #fff;z-index: 1;}

.tabcont {display: none;}
.tabcont02 {display: none;}
.tabcont:first-of-type {display: block;}
.tabcont02:first-of-type {display: block;}


/* 희망나눔 새로운 텝메뉴 영영 20230119 */
.new_hope_tab_wrap {}
.new_hope_tab_wrap > ul {display: flex;width: 100%;height: auto;justify-content: flex-start;align-items: center;border-bottom: 2px solid #E593B8;margin-bottom: 40px;}
.new_hope_tab_wrap > ul > li {flex: 0 1 auto;width: auto;height: auto;padding: 20px 32px; margin-right: 8px; font-size: 18px;font-weight: bold;color: #828282;
text-align: center; background-color: rgba(237, 237, 237, 0.6);cursor: pointer; line-height: 1; border-radius: 10px 10px 0 0; margin-bottom: -2px;}
.new_hope_tab_wrap > ul > .active {background-color: transparent; color: #E593B8;border: 2px solid #E593B8; border-bottom-color: #edf3fd;}

/* 희망나눔 write 영역 */
#sub04_write_wrapper {position: relative; background: rgba(229, 147, 184, 0.1); padding-bottom: 175px;}
#sub04_write_wrapper .sub_write_top_cont_wrap {border: 1px solid #E593B8; padding: 70px 70px 135px;}
#sub04_write_wrapper .sub_write_top_cont_wrap::after {content: '';display: block;position: absolute; bottom: 0; left: 114px; z-index: -10; width: 225px; height: 186px; background-repeat: no-repeat;background-image: url(/images/newsub/sub_write04_icon03.png); background-size: 100%;}
#sub04_write_wrapper .sub_write_top_cont_wrap .sub_write_top_l > p {color: #E593B8;}
#sub04_write_wrapper .write_content {position:relative;border: 2px solid #E593B8;}
#sub04_write_wrapper .write_content_tit {color: #E593B8;}
#sub04_write_wrapper .write_content02_r textarea {width: 100%;padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px;resize: none;}
#sub04_write_wrapper .write_content02_r .count {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}
#sub04_write_wrapper .write_content .write_content01 .category_select > li {flex: 0 0 13.5%;}
#sub04_write_wrapper .write_content .write_content01 .category_select > li:hover,
#sub04_write_wrapper .write_content01 .category_select .sub02_write_on {background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;}
#sub04_write_wrapper .write_content01 .category_select > li.sub02_write_on > label::before {background: url(/images/newsub/write_img_pink_on.png) no-repeat center;}
#sub04_write_wrapper .write_content05 > ul > li button {border: 1px solid #e593b8;color: #e593b8;}
#sub04_write_wrapper .write_content05 > ul > li button:hover,
#sub04_write_wrapper .write_content05 > ul > li button.on {background: #e593b8;color: #fff;}

/*소식나눔, 소식공유 하트버튼*/
#sub04_write_wrapper .write_content02.flex_wrap {display: flex; align-items: center; justify-content: space-between;overflow: initial;padding-bottom: 60px !important;}
 #sub04_write_wrapper .heart_wrap {display: flex;}
#sub04_write_wrapper .heart_wrap > span {display: flex; align-items: center;}
#sub04_write_wrapper .heart_wrap > span > .heartBtn {display: block;width: 30px;height: 30px;border: 0; background-image: url(/images/newsub/icon04.svg);background-position: 50%; background-repeat: no-repeat;background-size: 100%;}
#sub04_write_wrapper .heart_wrap > span > .heartBtn.on {background-image: url(/images/newsub/icon04_on.svg);}

#sub04_write_wrapper .sub02_view_cont01 {position:relative;padding:0;justify-content: flex-end;overflow: initial;}
#sub04_write_wrapper .sub02_view_cont01 .sub_02_view_t_r {position: absolute;left: 50%; top: -50px; z-index: 9999;}
#sub04_write_wrapper .sub02_view_cont01 .sub_02_view_t_r .good_wrap {border: 0;}


/* 학생토론 write 영역 */
#sub05_write_wrapper {position: relative; background: rgba(109, 169, 224, 0.1); padding-bottom: 175px;}
#sub05_write_wrapper .write_content {border: 2px solid #6DA9E0;}
#sub05_write_wrapper .write_content_tit {color: #6DA9E0;}
#sub05_write_wrapper .write_content01 .category_select.col2 {justify-content: flex-start;gap: 8px;}
#sub05_write_wrapper .write_content .write_content01 .category_select > li {flex: 0 0 13.5%;}
#sub05_write_wrapper .write_content .write_content01 .category_select > li:hover,
#sub05_write_wrapper .write_content01 .category_select .sub02_write_on,
#sub05_write_wrapper .write_content01 .category_select .sub02_write_on_2 {background: #6DA9E01A;border: 1px solid #6DA9E0;}
#sub05_write_wrapper .write_content01 .category_select > li.sub02_write_on > label::before,
#sub05_write_wrapper .write_content01 .category_select > li.sub02_write_on_2 > label::before {background: url(/images/newsub/write_img_blue_on.png) no-repeat center;}
#sub05_write_wrapper .write_content .border-bt {border-bottom: 1px solid #6DA9E0;}
#sub05_write_wrapper .write_content .input_date_box2 > ul > li:hover,
#sub05_write_wrapper .write_content .input_date_box2 > ul > .on3 {border: 1px solid #6DA9E0;color: #6DA9E0;}

.sub04_write_nav .sub_view_nav {margin-top:165px;}
.sub04_write_nav {overflow:hidden; padding:80px 0 40px;}

.sub_write_nav .back_btn_wrap04 {float:right;}
.sub_write_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#E593B8; font-weight:800;}
.sub_write_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #E593B8; border-radius: 50px; margin-right:12px;}
.sub_write_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub_write_top_cont_wrap04 .sub_write_top_r {float:left; width:80%; padding-left: 80px;}
.sub_write_top_cont_wrap04 .sub_write_top_r > ul {display:flex; flex-direction: column;}
.sub_write_top_cont_wrap04 .sub_write_top_r > ul > li {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing: -0.005em;}
.sub_write_top_cont_wrap04 .sub_write_top_r > ul > li > img {display:inline-block; margin-right:10px;}
.sub_write_top_cont_wrap04 .sub_write_top_r > ul > li > span {}
.sub_write_top_cont_wrap04 .sub_write_top_r > ul > li > span > .bold_style {font-weight:800;}

.sub_write_top_c_wrap04 {margin-top:10px; margin-bottom:38px; overflow: hidden;}
.sub_write_top_c_l04 {float:left;}
.sub_write_top_c_l04 ul {padding-left: 40px;}
.sub_write_top_c_l04 ul li {position: relative; margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; font-weight:400; color:#333;}
.sub_write_top_c_l04 ul li:before {position:absolute; content:''; width:5px; height:5px; background:#000; border:1px solid #000; border-radius:10px; left: -12px; top: 7px;}
.sub_write_top_c_r04 {float:left;}
.sub_write_top_c_r04 ul {margin-left: 166px;}
.sub_write_top_c_r04 ul li {position: relative; margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; font-weight:400; color:#333;}
.sub_write_top_c_r04 ul li:before {position:absolute; content:''; width:5px; height:5px; background:#000; border:1px solid #000; border-radius:10px; left: -12px; top:7px;}

.sub_write_top_b_wrap04 ul li input {width: 16px;height: 16px;background: #FFFFFF;border: 1px solid #AFAFAF; vertical-align: middle; display:inline-block; margin-right:4px;}
.sub_write_top_b_wrap04 ul li label {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; font-weight:800; letter-spacing:-0.005em;}

.sub04_write_content {clear: both;width: 100%;max-width: 1400px;height: auto;background: #fff;border-radius: 30px;border: 3px solid #E593B8;margin: 40px auto 0px;overflow: hidden;}

.sub04_write_content01 {overflow: hidden;}
.sub04_write_content01 > p  {padding-right: 30px; line-height: 40px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub04_write_content01 > ul {margin-bottom:10px; display: flex;}
.sub04_write_content01 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; margin-left:16px;
width:calc((100% - 40px)/4); line-height: 40px; text-align: center; background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 4px;}
.sub04_write_content01 > ul > li:hover {border: 1px solid #E593B8; border-radius: 4px; cursor:pointer; transition: all 0.4s; background: rgba(229, 147, 184, 0.1);}	
.sub04_write_content01 ul .sub02_write_on { background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;	border-radius: 4px;}
.sub04_write_content01 ul > li > label > img {display:inline-block;}	

/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.sub04_write_content01 > ul > li input[type="radio"] {display: none;}
.sub04_write_content01 > ul > li input[type=radio]:checked + label > img {background: url("/images/newsub/sub_write_icon05.png") no-repeat; width:17px; height:16px; max-width:100%;}

.sub04_write_content02 {overflow:hidden; padding:0 70px; margin-bottom:40px;}
.sub04_write_content02_l {float:left;}
.sub04_write_content02_l > p {line-height: 40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub04_write_content02_r {float:left; padding-left: 70px;}
.sub04_write_content02_r > input {width: 1123px;height: 36px;background: #FFFFFF;border: 1px solid #E2E2E2;	border-radius: 3px;}
.sub04_write_content02_r >input::placeholder {padding-left:10px; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

.sub04_write_content03 {overflow:hidden; padding:0 70px; margin-bottom:40px;}
.sub04_write_content03_l {float:left;}
.sub04_write_content03_l > p {line-height: 40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub04_write_content03_r {float:left; padding-left: 70px; width: 1190px; overflow: hidden;}

.sub04_write_content01_box01_wrap {overflow:hidden; padding:0px 104px 0 69px; }

.sub04_write_content01_box01_wrap_t > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:24px; letter-spacing:-0.005em; color:#e593b8;}
.sub04_write_content01_box01_wrap_t {margin-bottom:30px; }

.sub04_write_content01_box01_wrap_l {float:left;}
.sub04_write_content01_box01_wrap_l > p {padding-right: 30px;line-height: 40px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;color: #333;
letter-spacing: -0.005em;font-weight: 800;}

.sub04_write_content01_box01_wrap_r {float:left;}
.sub04_write_content01_box01_wrap_r > input {padding: 3px 12px;margin-left: 30px;background: #FFFFFF;border: 1px solid #E2E2E2;border-radius: 3px; width: 1090px;}
.sub04_write_content01_box01_wrap_r > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

.sub04_write_content01_box02_01 {margin-bottom:40px; padding:0px 104px 0 69px;}
.sub04_write_content01_box02_01 > ul {display:flex; justify-content: space-between; border-bottom:1px solid #e593b8; padding-bottom:70px;}
.sub04_write_content01_box02_01 > ul > li:nth-child(1) {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub04_write_content01_box02_01 > ul > li .filebox > input {width:993px; background:#f6f6f6; border:1px solid #e2e2e2; border-radius:3px;}
.sub04_write_content01_box02_01 > ul > li .filebox > input::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub04_write_content01_box02_01 > ul > li .filebox {position: relative;}

/* 소식 write 키워드 영역 */
.write_keyword04_01 {display:flex; justify-content:center;}
.write_keyword04_01 li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.write_keyword04_01 li:nth-child(1) {border:1px solid #e593b8; max-width: 85px; width: initial; padding: 0 5px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#e593b8; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub04_write_content01_box02 {padding:0px 104px 0 69px;}
.sub04_write_content01_box02 > p {margin-top:30px; margin-bottom:30px; font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800; font-size: 24px;letter-spacing: -0.005em;color: #e593b8;}
.sub04_write_content01_box01 {overflow: hidden; margin-bottom:10px;}
.sub04_write_content01_box01_l {float:left;} 
.sub04_write_content01_box01_l > p {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;
font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}

.write_content01_box01_r {float:left; margin-left: 73px;}

.write_content .input_date_box .datepicker {position: relative;min-height: 30px;padding: 10px 12px;border: 1px solid #ddd;font-size: 15px;font-weight: 400;letter-spacing: -0.005em;color: #757575;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.write_content .input_date_box input::after {content: '';position: absolute;top: 50%;right: 10px;width: 20px;height: 22px;background: #fff url('/images/newsub/sub_write_icon06.png') center center /contain;transform: translateY(-50%);}
.write_content .input_date_box {float:left;}
.write_content .input_date_box2 {float:left;}
.write_content .input_date_box2 > ul {display:flex; margin-left:16px; align-items:center;}
.write_content .input_date_box2 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; color:#757575; background: #F6F6F6;
border: 1px solid #CACACA; width: 65px;height: 36px; text-align:center; line-height:36px;}
.write_content .input_date_box2 > ul > li:hover {border: 1px solid #E593B8; transition:all 0.4s; color:#E593B8;}
.write_content .input_date_box2 > ul > li:nth-child(1) {border-radius:6px 0px 0px 6px;}
.write_content .input_date_box2 > ul > li:nth-child(3) {border-radius:0px 6px 6px 0px;}
.write_content .input_date_box2 > ul > .on3 {background: #fff;border: 1px solid #E593B8;color:#E593B8;}

.sub04_write_content01_box03 {margin-bottom:10px;}
.sub04_write_content01_box03 > ul {display:flex;}
.sub04_write_content01_box03 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub04_write_content01_box03 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px;width: 1088px;resize: none;margin-left: 73px;}
.sub04_write_content01_box03 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

.sub04_write_content01_box04 {margin-bottom:10px;}
.sub04_write_content01_box04 > ul {display:flex;}
.sub04_write_content01_box04 > ul > li:nth-child(1) {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;
font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.sub04_write_content01_box04 > ul > li > input {padding: 3px 12px; margin-left: 45px;background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px; width: 1044px; height: 36px;}
.sub04_write_content01_box04 > ul > li > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub04_write_content01_box04 > ul > li > button {width: 36px;height: 36px;background: #333333;border: 1px solid #333333;border-radius: 4px; margin-left:10px;}
.sub04_write_content01_box04 > ul > li > button > img {display:block; margin:0 auto;}  

.sub04_write_content01_box05 {margin-bottom:10px; overflow: hidden; border-bottom: 1px solid #e593b8; padding-bottom: 70px;}
.sub04_write_content01_box05_l {float:left;}
.sub04_write_content01_box05_l > p {margin-bottom: 4px; position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;
font-weight: 800;font-size: 15px;letter-spacing: -0.005em; color: #333;}
.sub04_write_content01_box05_r {float:left; margin-left: 72px;}
.sub04_write_content01_box05_r .sub04_write_content01_box05_btn {}
.sub04_write_content01_box05_r .sub04_write_content01_box05_btn > button {width: 116px;height: 36px; background:#333; color:#fff; font-family: 'NanumSquareNeo-Variable',sans-serif;
font-size:14px; border-radius: 4px; font-weight:400; margin-top:10px; margin-bottom:10px;}
.sub04_write_content01_box05_r > input {padding: 3px 12px; background: #FFFFFF; border: 1px solid #E2E2E2; border-radius: 3px; width:1040px; height: 36px; display:inline-block;}
.sub04_write_content01_box05_r > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}   
.sub04_write_content01_box05_r > button {margin-left:10px; border:1px solid #333; width:36px; height:36px; background:#fff; border-radius:4px;}
.sub04_write_content01_box05_r > button > img {display:block; margin:0 auto;}
.sub04_write_content01_box061 {margin-bottom:10px;}
.sub04_write_content01_box061 > p {margin-top: 30px;margin-bottom: 30px;font-family: 'NanumSquareNeo-Variable',sans-serif;
font-weight: 800;font-size: 24px;letter-spacing: -0.005em;color: #e593b8;}
.sub04_write_content01_box061 > ul {display:flex;}
.sub04_write_content01_box061 > ul > li:nth-child(1) {margin-bottom: 4px;margin-top: 4px; font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;
letter-spacing: -0.005em;  color: #333;}
.sub04_write_content01_box061 > ul > li > input {padding: 3px 12px; margin-left: 87px; background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 3px; width: 1091px; height: 36px;}
.sub04_write_content01_box061 > ul > li > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub04_write_content01_box07 {margin-bottom:10px;}
.sub04_write_content01_box07 > ul {display:flex;}
.sub04_write_content01_box07 > ul > li:nth-child(1) {margin-bottom: 4px;margin-top: 4px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.sub04_write_content01_box07 > ul > li > input {padding: 3px 12px; margin-left: 40px; background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 3px;width: 1092px;height: 36px;}
.sub04_write_content01_box07 > ul > li > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub04_write_content01_box08 {margin-bottom:10px; border-bottom: 1px solid #e593b8;padding-bottom: 70px;}
.sub04_write_content01_box08 > ul {display:flex;}
.sub04_write_content01_box08 > ul > li:nth-child(1) {margin-bottom: 4px;margin-top: 4px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.sub04_write_content01_box08 > ul > li > input {padding: 3px 12px; margin-left: 54px;background: #fff; border: 1px solid #E2E2E2;border-radius: 3px;width: 1092px; height: 36px;}
.sub04_write_content01_box08 > ul > li > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub04_write_content01_box08 > p {margin-left: 126px; margin-top:10px; font-family: 'Noto Sans KR',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#e593b8;}
.sub04_write_content05 {margin-bottom:100px; margin-top:70px;}
.sub04_write_content05 > ul {display: flex; justify-content: center;}
.sub04_write_content05 > ul > li {margin-right:10px;}
.sub04_write_content05 > ul > li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:800; font-size:20px; letter-spacing:-0.01em; color:#e593b8; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #e593b8; border-radius: 94px;}
.sub04_write_content05 > ul > li > button:hover {background:#e593b8; transition:all 0.4s; color:#fff;}

/* 학생토론 영역 */
#sub05_bg {width: 100%;background: url('/images/newsub/pattern_bg.png') no-repeat, rgba(109, 169, 224, 0.1);height: 454px;background-size: cover;background-position: -90px -69px;position: relative;}
#sub05_bg .container > img {position: absolute;right: 0px;bottom: 0;max-width: 100%;height: auto;}
#sub05_bg .sub_banner_title > p {color: #6DA9E0;}
#sub05_bg .sub_page_link ul li, #sub05_bg .sub_page_link > ul > li > a {color: #6DA9E066;}
#sub05_bg .sub_page_link > ul .on a {color: #6DA9E0;}
#sub05_bg .sub_page_link ul .on:before {background: #6DA9E0;}

/* 학생토론 영역 페이지 상단 네비 영역 */
.sbu05_sub_page_nav {padding-top:123px;}
.sbu05_sub_page_nav ul {display:flex;}
.sbu05_sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sbu05_sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu05_sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu05_sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

/* 학생토론 영역 페이지 상단 타이틀 영역 */
.sub05_banner_title {padding-top:30px; padding-bottom:115px;}
.sub05_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#6DA9E0; font-weight:800;}
.sub05_banner_title > p > span {font-size:32px; line-height:32px; letter-spacing: -0.04em; font-weight:400; padding-left:20px;}

/* 학생토론 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link5 ul {display:flex;}
.sub_page_link5 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#6DA9E0; padding-right:44px;}
.sub_page_link5 ul li {font-weight:800;}
.sub_page_link5 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link5 ul li:nth-child(3) {opacity:0.4;}
.sub_page_link5 ul li:nth-child(4) {opacity:0.4;}
.sub_page_link5 ul li:nth-child(5) {opacity:0.4;}
.sub_page_link5 ul .on2 a {opacity: inherit !important;}
.sub_page_link5 ul .on2 {font-weight:800;}
.sub_page_link5 ul .on2:before {content:""; width:12px; height:12px; background:#6DA9E0; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 학생토의 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link10 ul {display:flex;}
.sub_page_link10 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#6DA9E0; padding-right:44px;}
.sub_page_link10 ul li {font-weight:800;}
.sub_page_link10 ul li:nth-child(1) {opacity:0.4;}
.sub_page_link10 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link10 ul li:nth-child(4) {opacity:0.4;}
.sub_page_link10 ul li:nth-child(5) {opacity:0.4;}
.sub_page_link10 ul .on2 a {opacity: inherit !important;}
.sub_page_link10 ul .on2 {font-weight:800;}
.sub_page_link10 ul .on2:before {content:""; width:12px; height:12px; background:#6DA9E0; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 학생토론 텝 메뉴 영역 */
.tabBox2 {margin:120px 0 64px; display:flex;}
.tabBox2 > p {position:relative;}
.tabBox2 > p::after {position: absolute; content:""; display: block; border-bottom: 3px solid #6DA9E0; transition: width 250ms ease-in-out; left: auto; width: 0;}
.tabBox2 > p:hover::after {width: 100%;}
.tabBox2 > p:hover {color:#E593B8; transition:all 0.4s;}

/* 학생토론 veiw_list_nav5 영역 */
.veiw_list_nav5 {overflow:hidden; padding:50px 0;}
.veiw_list_nav5 .veiw_list_nav_l {float:left; }
.veiw_list_nav5 .veiw_list_nav_l > p {line-height:46px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#444; font-weight:700;}
.veiw_list_nav5 .veiw_list_nav_r {float:right;}
.veiw_list_nav5 .veiw_list_nav_r ul {overflow:hidden;}
.veiw_list_nav5 .veiw_list_nav_r ul li {margin-right:8px; float:left;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(1) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(2) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(3) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(4) button {background:url('/images/newsub/btn_icon03.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon07_on.png')no-repeat, rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(5) button {background:url('/images/newsub/btn_icon04_off.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav5 .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon08_on.png')no-repeat, rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}

.veiw_list_wrap5_01 {margin-top: 10px;}
.veiw_list_wrap5_01 .view_list_cont {width:100%; overflow: hidden;}
.veiw_list_wrap5_01 .view_list_cont > ul {}
.veiw_list_wrap5_01 .view_list_cont > ul > li {width:auto; margin-bottom: 32px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li:nth-child(2n) {margin-right:0px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box {overflow:hidden; width: 283px; height: 311px; background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box .thumbnail {object-fit: cover; max-width:100%; width:328px; height:167px; display:block; margin-bottom:30px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box h3 {white-space: nowrap; width: 230px; overflow: hidden; text-overflow: ellipsis;margin-bottom:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}

.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul {display: flex; justify-content:flex-start; align-items: center;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li {position:relative; width: auto; margin-right: 13px;  margin-bottom: 13px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li:nth-child(1):after {position:absolute; content:''; height:20px; right:-7px; border-right: 1px solid #E0E0E0;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li:nth-child(1) {font-weight:400;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li:nth-child(2) {font-weight:400;}

.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li img {max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box .f_list > li:nth-child(1):after {display:none;}

.veiw_list_wrap5_01 .view_list_cont > ul > li > a .view_list_cont_box .view_list_cont_text {padding:0 20px;}

.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 {display: flex;margin-bottom:30px;padding:40px;background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01:hover {border:1px solid #6DA9E0; transition:all 0.4s;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_l {width: 240px;height: 240px;margin-right: 70px;border-radius: 50%;overflow: hidden;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_l > img {display:block; margin:0 auto; max-width:100%; height:auto; width: 100%;height: 100%; object-fit: cover;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r {width: calc(100% - 310px);}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > p {line-height:33px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; font-weight:400; letter-spacing:-0.005em; width: 49px; height: 33px; border: 1px solid rgba(0, 0, 0, 0.3); text-align:center; margin-bottom:12px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > h2 {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:22px; font-weight:800; letter-spacing:-0.005em; color:#333; margin-bottom:16px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > p:nth-child(3) {text-align:left; height: auto; border: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break:break-all; width: 100%;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul {display:flex; justify-content: flex-start; align-items:center;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li {margin-right: 10px; position:relative; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em; width:auto;font-size:14px; font-weight:400; color:#666;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:not(:last-child)::after {content: '';display: inline-block;width: 1px;height: 16px;background: #E0E0E0;vertical-align: middle;margin-left: 12px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li .title {margin-right: 12px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul .d_day {display: inline-block;width: 64px;height: 31px;margin-left: 12px;background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0;border-radius: 100px; font-size:14px; font-weight:700; text-align:center; color:#6DA9E0; line-height:31px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul .cat span {margin-right: 8px;font-weight: 400;font-size: 15px;line-height: 17px;letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > .end01 {width: 64px !important;height: 31px !important;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:14px !important; font-weight:700; letter-spacing:-0.005em !important; color:#666 !important;line-height:31px !important;
text-align:center !important;background: rgba(102, 102, 102, 0.1) !important; border-radius: 100px !important; border:none !important;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > .total01 {font-weight:400 !important; font-size:14px !important; color:#666 !important;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > .total01:before {content: '' !important; width: 15px !important; border: 1px solid #E0E0E0 !important; height: 0 !important; left: -17px !important; position: absolute !important; transform: rotate(-90deg) !important;top: 9px !important;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > .total01:after {content: '' !important; width: 15px !important; border: 1px solid #E0E0E0 !important;height: 0 !important;right: -18px !important;position: absolute !important;transform: rotate(-90deg) !important;top: 9px !important;} 
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(4) {font-weight:400; font-size:14px; color:#666;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(4):before {content: '';width: 15px;border: 1px solid #E0E0E0;height: 0;left: -17px;position: absolute;transform: rotate(-90deg);top: 9px;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(4):after {content: ''; width: 15px;border: 1px solid #E0E0E0; height: 0; right: -18px;position: absolute;transform: rotate(-90deg);top: 9px;} 
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(4) > span {font-weight:800; font-size:14px; color:#666;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(5) {font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 400; font-size: 15px;letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(6) {font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 400;font-size: 15px;letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:nth-child(7) {font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 400; font-size: 15px; letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > .Keywords01 {font-weight: 400;font-size: 15px;letter-spacing: -0.005em;color: #6DA9E0;}

/* 학생토론 뷰페이지 그래프 영역 */
.bar-chart05 {position: relative;width: 100%;}
.bar-chart05 > .legend {position: absolute;bottom: 0;left: 0; width: 100%; height: 40px;margin-bottom: -45px;border-top: 1px solid #000;}
.bar-chart05 > .legend > .label {position: relative; display: inline-block;float: left;width: 25%;text-align: center;}
.bar-chart05 > .legend > .label:before {display: block;position: absolute; top: 0;left: 0;content: '';width: 1px;height: 8px; background-color: #000;margin-top: -8px;}
.bar-chart05 > .legend > .label.last:after {display: block;position: absolute;top: 0;right: 0;left: auto;content: ''; width: 1px; height: 8px; background-color: #000;margin-top: -8px;}
.bar-chart05 > .legend > .label h4 {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
.bar-chart05 > .chart {position: relative;width: 100%;}
.bar-chart05 > .chart > .item {position: relative;width: 100%;height: 10px;color: #fff;text-transform: uppercase;}
.bar-chart05 > .chart > .item > .bar {position: absolute;top: -50px; left: 0;width: 100%;height: 100%;background-color: #D26D98;z-index: 5;border-radius: 20px;}
.bar-chart05 > .chart > .item > .bar > .persen {display: block;position: absolute;top: 0;right: 0;height: 40px;line-height: 40px;padding-right: 12px;z-index: 15;}
.bar-chart05 > .chart > .item > .bar > .progress {position: absolute;top: 0;left: 0;height: 100%;background: rgba(17, 92, 255, 0.6); z-index: 10;border-radius: 20px;}/* 찬반토론 그래프 적용을 위해 주석 처리 by kkj */ /* #width: 53% !important; */
.bar-chart05 > .chart > .item > .bar > .progress > .title { display: block; position: absolute; height: 40px; line-height: 40px; padding-left: 12px; letter-spacing: 2px; z-index: 15;}

.chart_wrap05 { position: relative;}
.chart_wrap05 .chart_l {width: 80%;height: 10px;background: #E2E2E2;border-radius: 96px;margin: 6px 22px 0 13px;}
.chart_wrap05 .chart_r > p {float:right; letter-spacing: -0.005em; color: #E593B8; font-weight: 800; font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.bar-chart05 {position: relative;}
.bar-chart05 .chart > img {position: absolute;top: -11px;z-index: 5;left: 50%;}

.sub05_cont05 {margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
.sub05_cont05 .sub05_cont01_l {width: calc(100% - 118px);}
.sub05_cont05 .sub05_cont01_l .chart_wrap05 {display: flex;gap: 8px;}
.sub05_cont05 .sub05_cont01_l .chart_wrap05 > p {float:left;}
.sub05_cont05 .sub05_cont01_l .chart_wrap05 > p:nth-child(1) {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; letter-spacing:-0.005em; color:#115cff;}
.sub05_cont05 .sub05_cont01_l .chart_wrap05 > p:nth-child(3) {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; letter-spacing:-0.005em; color:#D26D98;}

.sub05_cont05 .sub05_cont01_r {float:left;}
.sub05_cont05 .sub05_cont01_r > p {width: 97px;height: 31px;border: 1px solid #BABABA;border-radius: 50px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#333; text-align:center; line-height:31px;}
.sub05_cont05 .sub05_cont01_r > p > span {font-weight:800;}
    
/* 학생설문 영역 */
#sub06_bg {width: 100%;background: url(/images/newsub/pattern_bg.png) no-repeat, rgba(109, 169, 224, 0.1);height: 454px; background-size: cover;background-position: -90px -69px; position: relative;}
#sub06_bg .container {position: relative;}
#sub06_bg .container > img {position: absolute;right: 0px;top: 114px; max-width: 100%; height: auto;}

/* 학생설문 영역 페이지 상단 네비 영역 */
.sbu06_sub_page_nav {padding-top:123px;}
.sbu06_sub_page_nav ul {display:flex;}
.sbu06_sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sbu06_sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu06_sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu06_sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

/* 학생설문 영역 페이지 상단 타이틀 영역 */
.sub06_banner_title {padding-top:30px; padding-bottom:115px;}
.sub06_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#6DA9E0; font-weight:800;}
.sub06_banner_title > p > span {font-size:32px; line-height:32px; letter-spacing: -0.04em; font-weight:400; padding-left:20px;}

/* 학생설문 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link6 ul {display:flex;}
.sub_page_link6 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#6DA9E0; padding-right:44px;}
.sub_page_link6 ul li {font-weight:800;}
.sub_page_link6 ul li:nth-child(1) {opacity:0.4;}
.sub_page_link6 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link6 ul li:nth-child(3) {opacity:0.4;}
.sub_page_link6 ul li:nth-child(4) {opacity:0.4;}
.sub_page_link6 ul .on2 a {opacity: inherit !important;}
.sub_page_link6 ul .on2 {font-weight:800;}
.sub_page_link6 ul .on2:before {content:""; width:12px; height:12px; background:#6DA9E0; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 학생설문 상단 텝메뉴 영역 */
#tabbtnbox06 {overflow: auto; margin-bottom: 48px; display: flex;font-family: 'NanumSquareNeo-Variable',sans-serif;	position:relative; margin-top:200px;}
#tabbtnbox06 > button > span {background-color: rgba(237, 237, 237, 0.6); border-radius: 10px 10px 0px 0px; padding:15px;}
#tabbtnbox06 .tactive06 > span {background-color: transparent;}

.tabbtn06 {height: 50px; cursor: pointer; font-size: 18; font-weight: bold; color: #828282; margin-top: 5px; margin-bottom: 5px;background-color: transparent; border: none; border-bottom: 3px solid #6DA9E0;letter-spacing:-0.005em;padding-left: 20px;padding-right:20px;}
.tactive06 {border: 3px solid #6DA9E0;border-bottom: none;border-radius: 10px 10px 0 0;color:#6DA9E0;width:14%;}
.tabcont06 {display: none;}
.tabcont {display: none;}

.tabcont:first-of-type {display: block;}
.tabcont06:first-of-type {display: block;}

.tabbtnsolid06 {left: 373px; position: absolute;top: 52px; height: 0px; width: 73%; border-top: 3px solid #6DA9E0;}

/* 학생설문 검색바영역  */
.search_bar_wrap6 {height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap6 ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap6 ul li {padding-right:10px;}
.search_bar_wrap6 ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap6 ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap6 ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap6 ul li:nth-child(1) .selectBox {-webkit-appearance: none;-moz-appearance: none; appearance: none; background: url('/images/newsub/select_arrow.png') no-repeat 84% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap6 ul li:nth-child(1) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap6 ul li:nth-child(2) .selectBox {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575; line-height: 15px;} 
.search_bar_wrap6 ul li:nth-child(2) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap6 ul li:nth-child(2) .search_input {width:538px; border: 1px solid #E2E2E2; border-radius: 3px; padding:12px; height:41px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;}
.search_bar_wrap6 ul li:nth-child(3) button {line-height: 15px; background:#333; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap6 ul li:nth-child(3) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}
.search_bar_wrap6 ul li:nth-child(4) button {line-height: 15px; background:#6DA9E0; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap6 ul li:nth-child(4) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}

/* 학생설문 영역 */
.veiw_list_nav6 {overflow:hidden; padding:50px 0;}
.veiw_list_nav6 .veiw_list_nav_l {float:left; }
.veiw_list_nav6 .veiw_list_nav_l > p {line-height:46px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#444; font-weight:700;}
.veiw_list_nav6 .veiw_list_nav_r {float:right;}
.veiw_list_nav6 .veiw_list_nav_r ul {overflow:hidden;}
.veiw_list_nav6 .veiw_list_nav_r ul li {margin-right:8px; float:left;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(1) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(2) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(3) button {background:url('/images/newsub/btn_icon03.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(3) button:hover {background:url('/images/newsub/btn_icon07_on.png')no-repeat, rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(4) button {background:url('/images/newsub/btn_icon04_off.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav6 .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon08_on.png')no-repeat, rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; background-position: center center; transition:all 0.4s;}
.veiw_list_nav6 .veiw_list_nav_r ul li.on button {background: #6DA9E0; border: 1px solid #6DA9E0; color: #fff;}
.veiw_list_nav6 .veiw_list_nav_r ul li.on button:hover {background: #6DA9E0; border: 1px solid #6DA9E0; color: #fff;}

/* veiw_list_wrap_btn05 영역 */
.veiw_list_wrap_btn5 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn5 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn5 button:hover {background: rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; transition:all 0.4s;}
.veiw_list_wrap_btn5 button > img {display:block; margin:0 auto;}

/* veiw_list_wrap_btn06 영역 */
.veiw_list_wrap_btn6 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn6 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn6 button:hover {background: rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; transition:all 0.4s;}
.veiw_list_wrap_btn6 button > img {display:block; margin:0 auto;}

.veiw_list_wrap6_01 {margin-top: 10px;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.veiw_list_wrap6_01 .view_list_cont {width:100%;}
.veiw_list_wrap6_01 .view_list_item {display: flex;justify-content: space-between;align-items: center;margin-bottom:30px;padding: 50px;background: #fff;border: 1px solid #e2e2e2;border-radius: 20px;}
.veiw_list_wrap6_01 .view_list_item:hover {box-shadow: 4px 4px 8px rgb(0 0 0 / 10%);transition: all 0.4s;}
.veiw_list_wrap6_01 .view_list_item .item_order {width: 80px;margin-bottom: auto;font-weight: 700;font-size: 20px;letter-spacing: -0.005em;color: #333;}
.veiw_list_wrap6_01 .view_list_item .item_info {width: calc(100% - 350px);margin-bottom: auto;}
.veiw_list_wrap6_01 .view_list_item .info_tit {font-weight: 800;font-size: 22px;line-height: 1.4;letter-spacing: -0.005em;color: #333;word-break: break-all;}
.veiw_list_wrap6_01 .view_list_item .info_list {display: flex;align-items: center;margin-bottom: 16px;font-size: 14px;color: #666;}
.veiw_list_wrap6_01 .view_list_item .info_list .tit {margin-right: 6px;font-weight: 800;}
.veiw_list_wrap6_01 .view_list_item .info_list .d_day {margin: 0 20px 0 12px;padding: 1px 12px;background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0;border-radius: 100px;font-size: 14px;letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap6_01 .view_list_item .info_list .writer b {margin-right: 6px;}
.veiw_list_wrap6_01 .view_list_item .info_list .writer::before {content: '';display: inline-block;width: 1px;height: 16px;margin-right: 20px;background: #E0E0E0;vertical-align: middle;}
.veiw_list_wrap6_01 .view_list_item .keywords {display: flex;flex-wrap: wrap;}
.veiw_list_wrap6_01 .view_list_item .keyword {font-weight: 400;font-size: 15px;line-height: 1.4;letter-spacing: -0.005em;color: #6DA9E0;}
.veiw_list_wrap6_01 .view_list_item .keyword:not(:last-child) {margin-right: 24px;}
.veiw_list_wrap6_01 .view_list_item .item_result {width: 125px;padding: 0 26px;margin: 0 16px;}
.veiw_list_wrap6_01 .view_list_item .item_result .text {font-weight: 400;font-size: 14px;letter-spacing: -0.005em;color: #333;}
.veiw_list_wrap6_01 .view_list_item .item_result .link {font-size: 14px;line-height: 0px;letter-spacing: -0.01em;color: #6DA9E0;text-decoration: underline;text-underline-position: under;}
.veiw_list_wrap6_01 .view_list_item .item_write {overflow: hidden; width: 113px; height: 113px; background: #FFFFFF;border: 1px solid #6DA9E0; border-radius: 50%;}
.veiw_list_wrap6_01 .view_list_item .item_write:hover {background:rgba(109, 169, 224, 0.1); transition:all 0.4s;}
.veiw_list_wrap6_01 .view_list_item .item_write button {font-family: 'NanumSquareNeo',sans-serif;font-weight: 800;font-size: 16px;letter-spacing: -0.01em;color: #6DA9E0; width: 100%; height: 100%;}
.veiw_list_wrap6_01 .view_list_item .item_write button a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }

/* 학생 토론 view 페이지 */
.today_talk_view_bg5 {background: rgba(109, 169, 224, 0.1);}

.sub05_view_nav05 {overflow:hidden; padding:80px 0 40px;}
.sub05_view_nav05 .sub_view_nav05 .sub_view_nav_cont {float:left;}
.sub05_view_nav05 .sub_view_nav05 .back_btn_wrap {float:right;}
.sub05_view_nav05 .sub_view_nav05 .back_btn_wrap > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#6DA9E0;; font-weight:800;}
.sub05_view_nav05 .sub_view_nav05 .back_btn_wrap > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #6DA9E0; border-radius: 50px; margin-right:12px;}
.sub05_view_nav05 .sub_view_nav05 .back_btn_wrap > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub05_view_nav05 .sub_view_nav05 ul {display:flex;}
.sub05_view_nav05 .sub_view_nav05 ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub05_view_nav05.sub_view_nav05 ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub05_view_nav05 .sub_view_nav05 ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub05_view_nav05 .sub_view_nav05 ul li img {vertical-align: middle; display: inline-block;}

#sub05_view_wrap_top {position: relative;}
#sub05_view_wrap_top .sub_write_top_cont_wrap {border: 1px solid #6DA9E0; padding: 70px 70px 150px;}
#sub05_view_wrap_top .sub_write_top_cont_wrap::after{content: '';display: block;position: absolute; bottom: 0; left: 130px; z-index: -10;width: 225px; height: 186px;
background-repeat: no-repeat;background-image: url(/images/newsub/sub05_view_img03.png); background-size: 100%;}
#sub05_view_wrap_top .sub_write_top_cont_wrap .sub_write_top_l {width: 250px;}
#sub05_view_wrap_top .sub_write_top_cont_wrap .sub_write_top_l > p {color: #6DA9E0;}
#sub05_view_wrap_top .sub_write_top_cont_wrap .sub_write_top_r {width: calc(100% - 250px);}

#sub05_view_wrap04 {width:100%; margin-top:80px;}

#sub05_view_wrapper {position: relative; background: rgba(109, 169, 224, 0.1); padding-bottom: 175px;}
#sub05_view_wrapper .container {position: relative;}
/* #sub05_view_wrapper .container > img {position: absolute;top: 460px;left: 155px;} */

/* 토론 뷰페이지 대댓글 */
#sub05_view_wrapper .comnet02 {border: 1px solid #e0e0e0;padding: 24px; border-radius: 10px; }
#sub05_view_wrapper .comnet02 .sub05_view_contet_box_r_cont03 {margin: 0;padding: 0;}
#sub05_view_wrapper .comnet02 .sub05_view_contet_box_r_cont03 > .rather_l {width: 100%;margin: 0;padding: 0;border: 0;background: transparent;}
#sub05_view_wrapper .comnet02 .sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul {justify-content: flex-end;}
#sub05_view_wrapper .comnet02 .opposite_r {width: 100%;margin: 0;padding: 0;border: 0;background: transparent;}
#sub05_view_wrapper .comnet02 .sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content > p {text-align: left;}
#sub05_view_wrapper .replacement {margin-top: 8px;}
#sub05_view_wrapper .replacement .result_box {padding: 8px 16px;}
#sub05_view_wrapper .replacement .result_box .all {color: #6da9e0;font-size: 15px;}
#sub05_view_wrapper .replacement .tab_link {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px;padding: 16px;}
#sub05_view_wrapper .replacement .tab_link li {width: 47%;margin: 0;float: left;position: relative;}
#sub05_view_wrapper .replacement .tab_link li a {padding: 8px 12px 8px 0;font-size: 15px;}
#sub05_view_wrapper .replacement .tab_link li a .icn {top: 12px;}
#sub05_view_wrapper .comnet02 .comnet01 > textarea {width: calc(100% - 30px);float: right;background: #f3f3f3;}
#sub05_view_wrapper .comnet02 .comnet01 > textarea::placeholder {color: rgba(96, 96, 96, 0.5); font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.05em;}
#sub05_view_wrapper .comnet02 .comnet01::before {content: '';display: inline-block;width: 20px;height: 20px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
#sub05_view_wrapper .comnet02 .comnet01::after {content: '';display: block;clear: both;}
#sub05_view_wrapper .comnet02 .comment_list_wrap0 {left: auto;right: 0;width: calc(100% - 30px);}
#sub05_view_wrapper .comnet02 .comment_list_wrap0 .comment_btn2 {border-radius: 0;}
#sub05_view_wrapper .rather_l {float: none;}

.sub05_view_contet_box_wrap {display: flex;justify-content: space-between;align-items: flex-start;gap: 30px;}
.sub05_view_contet_box_l {width: 48%;background: #fff;border: 3px solid #6DA9E0;border-radius: 30px; padding:70px;}
.sub05_view_contet_box_r {width: 52%;background: #fff;border-radius: 30px; padding:70px;}
.sub05_view_contet_box_r .sub05_view_contet_box_r_cont01 {margin-top: 0;}

.sub05_view_contet_box_l .view_keywords01 > ul {display:flex; align-items: center;}
.sub05_view_contet_box_l .view_keywords01 > ul > li {margin-right:8px; width: 74px; height: 32px;}
.sub05_view_contet_box_l .view_keywords01 > ul > .keyword_on01 {line-height:32px; text-align:center; border: 1px solid #6DA9E0; font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#6DA9E0;}
.sub05_view_contet_box_l .view_keywords01 > ul > li:nth-child(2) {width: auto; padding:0 10px;height: 33px; text-align:center; line-height:33px; border: 1px solid rgba(0, 0, 0, 0.3);
font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; font-weight:400; letter-spacing:-0.005em; color:#333;}
.sub05_view_cont01_box {border-bottom:1px solid #6DA9E0; padding-bottom:50px;}
.sub05_view_cont01_box h2 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;word-break: break-all; margin-top:16px; margin-bottom:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; color:#333;}
.sub05_view_cont01_box > p {margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; letter-spacing:-0.005em; color:#666;}
.sub05_view_cont01_box > p > span {font-weight:400; display:inline-block; margin-left:35px;}
.sub05_view_cont01_box > ul {display:flex; align-items:center;}
.sub05_view_cont01_box > ul > li {font-size:14px; font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:22px; letter-spacing:-0.005em; font-weight:400; color:#666;}
.sub05_view_cont01_box > ul > li > span { font-size:14px; color:#666; font-weight:800;}
.sub05_view_cont01_box > ul > li:last-child {width: 53px; height: 25px; background: rgba(109, 169, 224, 0.1); border: 1px solid #6DA9E0; border-radius: 100px; color: #6DA9E0; font-weight:800; text-align:center; line-height:22px;}

.sub05_view_cont02_box {margin-top:38px;}  
.sub05_view_cont02_box_cont01:not(:last-child) {margin-bottom: 24px;}
.sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_title {}
.sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_title > p {width: 120px;height: 47px;background: rgba(109, 169, 224, 0.2);border-radius: 10px; color: #6DA9E0; letter-spacing: -0.02em; font-weight: 800;font-size: 18px; font-family: 'NanumSquareRound',sans-serif; text-align:center; line-height:47px;}
.sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_content {margin-top:20px;}
.sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_content > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#333;}

.sub05_view_cont02_box_cont02 {margin-top:50px;}
.sub05_view_cont02_box_cont02_title {}
.sub05_view_cont02_box_cont02_title > p {width: 120px; height: 47px;background: rgba(109, 169, 224, 0.2);border-radius: 10px; color: #6DA9E0; letter-spacing: -0.02em; font-weight: 800;
font-size: 18px; font-family: 'NanumSquareRound',sans-serif; text-align:center; line-height:47px;}
.sub05_view_cont02_box_cont02_content {margin-top:20px;}
.sub05_view_cont02_box_cont02_content > p {word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#333;}

.sub05_view_cont02_box_cont03 {margin-top:50px;}
.sub05_view_cont02_box_cont03_title {}
.sub05_view_cont02_box_cont03_title > p {width: 120px; height: 47px; background: rgba(109, 169, 224, 0.2);border-radius: 10px; color: #6DA9E0; letter-spacing: -0.02em;
font-weight: 800; font-size: 18px; font-family: 'NanumSquareRound',sans-serif; text-align:center; line-height:47px;}
.sub05_view_cont02_box_cont03_content {margin-top:20px;}
.sub05_view_cont02_box_cont03_content > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#333;}

.sub05_view_cont02_box_cont04 {margin:40px 0;}
.sub05_view_cont02_box_cont04 > ul {display:flex;}
.sub05_view_cont02_box_cont04 > ul > li {margin-right:24px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#6DA9E0;}

.sub05_view_contet_box_r_cont01 > span {display:inline-block; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:20px; letter-spacing:-0.005em; color:#666;}
.sub05_view_contet_box_r_cont01 > span > img {display:inline-block; max-width:100%; height:auto; vertical-align: middle; margin-right:10px;}

.comment_form_wrap2 {margin-top:25px; margin-bottom:50px;}
.comment_form_wrap2 > form > textarea {resize:none; width:100%; height: 233px; background: rgba(151, 151, 151, 0.05); border: 1px solid rgba(151, 151, 151, 0.6); border-radius: 10px; padding: 20px;}
.comment_form_wrap2 > form > textarea::placeholder {color: rgba(96, 96, 96, 0.5); font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.05em;}
.comment_form_wrap2 > form {position: relative;}
/* .comment_list_wrap2 {height: 61px; position: absolute; top: 175px; left: 1px; width:578px; background: #Fff; border-radius: 0 0px 10px 10px;} */

.comment_wirte_num2 {float:left; padding:14px 16px;}
.comment_wirte_num2 > p {color:#cdcdcd; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.comment_wirte_num2 > p > span {color:#606060;}
.comment_btn2 {cursor: pointer;float:right; background:#444; width:115px; padding:22px 28px; border-radius: 0px 0px 10px 0px;}
.comment_btn2 >  input {background: none; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; color:#fff; letter-spacing:-0.005em;}

/* 토론 :: view 페이지 */
#sub05_view_wrapper .comment_form_wrap2 .comment_list_wrap2 {position: absolute;left: 1px;bottom: 8px;width: calc(100% - 2px);background: #fff;border-radius: 0 0 10px 10px;display: flex;justify-content: space-between;align-items: center;}
#sub05_view_wrapper .comment_form_wrap2 .comment_list_wrap2 .comment_btn2 {padding: 16px 28px;}

.sub05_view_contet_box_r_cont01 {margin-top: 70px;}
.sub05_view_contet_box_r_cont02 {border-bottom: 1px solid #E0E0E0; padding-bottom: 70px; overflow: hidden;}

.sub05_view_contet_box_r_cont02 > ul {display:flex; align-items:center; margin-bottom:50px;}
.sub05_view_contet_box_r_cont02 > ul > li {margin-right:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:20px; letter-spacing:-0.005em; color:#666;}
.sub05_view_contet_box_r_cont02 > ul > li:last-child { width: 130px;height: 48px;border: 1px solid #BABABA;border-radius: 50px; font-size:18px; font-weight:400; color:#333;
line-height:48px; text-align:center;}
.sub05_view_contet_box_r_cont02 > ul > li > span {font-weight:800;} 

.text_box > .count {position: absolute;bottom: 11px;left: 13px;}
.text_box2 > .count {position: absolute; bottom: 11px; left: 13px;}    

/* 학생토론 뷰페이지 그래프 영역 */
.bar-chart06 {position: relative;width: 100%;}
.bar-chart06 > .legend {position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;margin-bottom: -45px;border-top: 1px solid #000;}
.bar-chart06 > .legend > .label {position: relative;display: inline-block;float: left;width: 25%;text-align: center;}
.bar-chart06 > .legend > .label:before {display: block;position: absolute; top: 0;left: 0;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart06 > .legend > .label.last:after {display: block;position: absolute;top: 0;right: 0;left: auto;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart06 > .legend > .label h4 {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
.bar-chart06 > .chart {position: relative;width: 100%;}
.bar-chart06 > .chart > .item {position: relative;width: 100%;height: 10px;color: #fff;text-transform: uppercase;}
.bar-chart06 > .chart > .item > .bar {position: absolute; top: -50px; left: 0; width: 100%;height: 100%;background-color: #D26D98;z-index: 5;border-radius: 20px;}
.bar-chart06 > .chart > .item > .bar > .persen {display: block;position: absolute; top: 0; right: 0;height: 40px;line-height: 40px;padding-right: 12px;z-index: 15;}
.bar-chart06 > .chart > .item > .bar > .progress {position: absolute;top: 0;left: 0;height: 100%;background: rgba(17, 92, 255, 0.6);z-index: 10;border-radius: 20px;
/* 찬반토론 그래프 적용을 위해 주석 처리 by kkj *//* width: 78% !important; */}
.bar-chart06 > .chart > .item > .bar > .progress > .title {display: block;position: absolute;height: 40px;line-height: 40px;padding-left: 12px;letter-spacing: 2px;z-index: 15;}

.chart_wrap06 { position: relative;}
.chart_wrap06 .chart_l {float: left;margin-top: 6px;width: 561px;height: 10px;background: #E2E2E2;border-radius: 96px;margin-left: 13px;margin-right: 13px;margin-bottom: 21px;}
.chart_wrap06 .percent01 {width: 561px;}
.chart_wrap06 .chart_r > p {float:right; letter-spacing: -0.005em; color: #E593B8; font-weight: 800; font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.bar-chart06 {position: relative;}
.bar-chart06 .chart > img {position: absolute; top: -11px;z-index: 99999; /* 그래프 이미지 이동 수정  by kkj*//* left: 74%;} */ left: 50%;}
    
.percent01 {clear: both;}
.percent01 > ul {display:flex; justify-content:space-between; margin-top:21px;}
.percent01 > ul > li {}
.percent01 > ul > li:nth-child(1) {font-family: 'NanumSquareNeo-Variable',sans-serif; color: #709DFF; font-weight:900; font-size:18px; letter-spacing:-0.005em;}
.percent01 > ul > li:nth-child(1) > span {font-size:16px; font-weight:400;}
.percent01 > ul > li:nth-child(2) {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#E593B8; font-weight:900; font-size:18px; letter-spacing:-0.005em;}
.percent01 > ul > li:nth-child(2) > span {font-size:16px; font-weight:400;}
.percent01 > ul > li > span {}

.sub05_view_contet_box_r_cont03 {margin-top:20px; overflow: hidden; padding-bottom:20px; clear: both;}
.sub05_view_contet_box_r_cont03 > .rather_l {float:left; width: 461px;height: auto;background: rgba(112, 157, 255, 0.04);border: 1px solid #709DFF;border-radius: 10px; padding:30px 30px 20px; margin-top:20px; margin-bottom:20px;}

.rather_l {float: left; width: 461px; height: auto;background: rgba(112, 157, 255, 0.04);border: 1px solid #709DFF;border-radius: 10px;padding: 30px 30px 20px;margin-top: 20px;    margin-bottom: 20px; position: relative;}
.opposite_r .entry > a {margin-top:20px;float: right;}
.rather_l .entry > a {margin-top:20px;}

.sub05_view_contet_box_r_cont03 > .rather_l ul {display: flex; align-items: center;}
.sub05_view_contet_box_r_cont03 > .rather_l ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px;}
.sub05_view_contet_box_r_cont03 > .rather_l ul li:nth-child(1) {color: #709DFF; font-weight:800; font-size:16px; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03 > .rather_l ul li:nth-child(2) > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}

.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content {margin-top:10px; margin-bottom:10px;}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content > p {text-align:left; word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666;}    

.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn {}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul {display:flex; align-items:center;}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul > li img {display:inline-block; vertical-align:middle; margin-right:6px;}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul > li span {font-size:12px; font-weight:400; color:#333; }
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul > li button {margin-left:5px; width: 35px;height: 24px; background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 4px; font-size:12px; color:#747474;}
.sub05_view_contet_box_r_cont03 > .rather_l > .rather_content_btn > ul:nth-child(2) {margin-top:10px;}    

.opposite_r {float:right; margin-bottom:20px; width: 461px;height: auto;background: rgba(229, 147, 184, 0.04); border: 1px solid #E593B8;border-radius: 10px; padding:30px 30px 20px;}

.sub05_view_contet_box_r_cont03 > .opposite_r ul {display: flex; align-items: center;justify-content: flex-end; margin-bottom: 10px;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li {color: #888;font-size: 14px;letter-spacing: -0.005em;font-weight: 400; font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li:nth-child(1) {color: #E593B8; font-weight:800; font-size:16px; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li:nth-child(2) > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li span {font-size: 12px;font-weight: 400;color: #333;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li img {display:inline-block; vertical-align:middle; margin-right:6px;}
.sub05_view_contet_box_r_cont03 > .opposite_r ul li button {margin-left: 5px;width: 35px;height: 24px;background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 4px;font-size: 12px;color: #747474;}
        
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content {margin-top:10px; margin-bottom:10px;}
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content > p {text-align:right;  word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666;}    

.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn {}
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn > ul {display:flex; align-items:center;}
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn > ul > li img {display:inline-block; vertical-align:middle; margin-right:6px;}
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn > ul > li span {font-size:12px; font-weight:400; color:#333; }
.sub05_view_contet_box_r_cont03 > .opposite_r > .opposite_content_btn > ul > li button {margin-left:5px; width: 35px;height: 24px;background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 4px; font-size:12px; color:#747474;}

.sub05_view_contet_box_r_cont04 {margin-top:90px;}
.veiw_list_wrap_btn06 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn06 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn06 button:hover {    background: rgba(112, 157, 255, 0.04);border: 1px solid #709DFF; transition:all 0.4s;}
.veiw_list_wrap_btn06 button > img {display:block; margin:0 auto;}

.comnet01 {position:relative;}
.comnet01 > textarea {width: 100%;min-height: 186px;padding: 24px;resize: none;}
.comnet01 > .comment_list_wrap2 > p {padding:14px 16px;}
.comment_list_wrap0 {position: absolute;left: 0;bottom: 0;display: flex;justify-content: space-between;width: 100%;background: #f3f3f3;}
.comment_list_wrap0 .comment_list_wrap2 {position: static;padding: 10px 16px;background: #f3f3f3;}
.comment_list_wrap0 .comment_list_wrap2 > p {font-size: 14px;}
.comment_list_wrap0 .comment_btn2 {padding: 10px 28px;}
.comment_list_wrap0 .comment_btn2 > input {font-size: 14px;}

.comnet02 {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding-bottom:50px; padding-top:50px;}
            
/* .comnet03 {background: #b2b7b61a;border: 1px solid #ddd;border-radius: 0 0 10px 10px;} */
.comnet03 {padding: 24px;background: #fff;border: 1px solid #ddd;border-radius: 0 0 10px 10px; margin-top: 5px;}
.comnet03 .sub05_view_contet_box_r_cont03_01 > .rather_l {border: 0;background: transparent;padding: 0;margin: 0;}
.comnet03 .sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn {justify-content: flex-end;}
.comnet03 .comnet01 > textarea {background: #f3f3f3;}
.comnet03 .comnet01::after {content: '';display: block;clear: both;}
.comnet03 .comnet01::before {content: '';display: inline-block;width: 20px;height: 20px;border: 1px solid #ddd;border-width: 0 0 1px 1px;}
.comnet03 .comnet01 > textarea {width: calc(100% - 30px);float: right;background: #f3f3f3;}
.comnet03 .comment_list_wrap0 {left: auto;right: 0;width: calc(100% - 30px);}
.comnet03 .comment_list_wrap0 .comment_btn2 {border-radius: 0;}
.comnet03 .proposal_comment_form_wrap {margin-top: 0;}
.comnet03 .proposal_comment_form_wrap textarea {display: block;min-height: 200px;background-color: transparent;width: 100%;margin: 0;padding: 16px;}
.comnet03 .proposal_comment_form_wrap .comment_list_wrap0 {position: absolute;left: 0;bottom: -13px;width: 100%;background: #fff;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-radius: 0 0 12px 12px;}
.comnet03 .proposal_comment_form_wrap .comment_list_wrap2 span {padding: 0 16px;font-size: 12px;}
.comnet03 .proposal_comment_form_wrap .comment_list_wrap0 .comment_btn2 {padding: 16px 6px;text-align: center;}
.comnet03 .proposal_comment_form_wrap .comment_list_wrap0 .comment_btn2 input {font-size: 14px;}

/* .comment_list_wrap0 .comment_list_wrap2 {top:68px; padding:0 20px;}
.comment_list_wrap0 .comment_btn2 {position: absolute;right: 0px;float: none;top: 67px;border-radius: 0 0px 10px 0px;} */
    
.entry::after {display: block;clear: both;content: '';}
.entry_box.type1 {position:relative; position: relative;background: rgba(151, 151, 151, 0.05);border: 1px solid #dfdddd;border-radius: 10px;padding: 30px 30px 20px; margin: 20px 0;}
.entry_box.type1 .info {display: inline-block; margin-top: 20px;}
.entry_box.type1 .info > p {font-family: 'NanumSquareNeo-Variable',sans-serif; margin-bottom:20px;}
.entry_box.type1 .text_box > textarea {width: 100%;padding: 16px;}
.entry_box.type1 .text_box2 > textarea {width: 100%;padding: 16px;}

.entry_box.type1 .btn.close {right:-11px;}

.entry_box.type1 .entry > .btn {float: right;margin-top:20px;}

.text_box {position:relative;}
.text_box > textarea {resize:none;width: 100%;padding: 16px;}

 /* 학생설문 뷰페이지 영역 */
#sub06_view_wrapper {position: relative; background: rgba(109, 169, 224, 0.1);padding-bottom: 175px;}
.sub06_view_bg06 {width: 100%;height: 80px;}   

/* 학생설문 상단 네비 영역 */
/*.sub06_nav_view06 .sub_view_nav {margin-top: -212px;}*/
.sub06_nav_view06 .sub_view_nav .sub_view_nav_cont {float:left;}
.sub06_nav_view06 .sub_view_nav .back_btn_wrap04 {float:right;}
.sub06_nav_view06 .sub_view_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#6DA9E0; font-weight:800;}
.sub06_nav_view06 .sub_view_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #6DA9E0; border-radius: 50px; margin-right:12px;}
.sub06_nav_view06 .sub_view_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub06_nav_view06 .sub_view_nav ul {display:flex;}
.sub06_nav_view06 .sub_view_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sub06_nav_view06 .sub_view_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sub06_nav_view06 .sub_view_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}

#sub06_01_view_wrap {clear: both;width:100%;max-width: 1400px;height: auto;background: #fff;border-radius: 30px;border: 3px solid #6DA9E0;margin: 20px auto 0px; overflow: hidden;}

.sub06_view_cont01 {position: relative;padding:70px 70px 45px; width:100%; overflow:hidden;}
.sub06_view_cont01 .sub_06_view_t_l {width:100%; float:left;}

.sub_06_keyword {display:flex;}
.sub_06_keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.sub_06_keyword li:nth-child(1) {border:1px solid #6DA9E0; width: initial; max-width:85px; height:32px; padding:0 5px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#6DA9E0; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub_06_view_title {margin-top:16px;}
.sub_06_view_title > h2 {white-space: nowrap; width: 80%; overflow: hidden;text-overflow: ellipsis;  font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; line-height:40px; color:#333;}

.sub_06_con011 {margin-top:26px; margin-bottom:26px;}
.sub_06_con011 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#333; word-break: break-all; width: 96%;}

.sub06_view_cont01 .sub_06_view_t_r {float: right; position: absolute; right: 72px;}
.sub06_view_cont01 .sub_06_view_t_r .good_wrap {border:1px solid #e0e0e0; width:134px; height:134px; padding:30px 30px 40px; transition: all 0.4s;}
.sub06_view_cont01 .sub_06_view_t_r .good_wrap > img {display:block; margin:0 auto 8px;}
.sub06_view_cont01 .sub_06_view_t_r .good_wrap > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; font-weight:800; text-align:center;}

.sub_06_con012 {width: 100%; height: 196px; background: #F6F6F6; border-radius: 20px; padding:30px;}
.sub_06_con012 .sub_06_con012_box01 {}
.sub_06_con012 .sub_06_con012_box01 > ul {display:flex;}
.sub_06_con012 .sub_06_con012_box01 > ul > li {position:relative; margin-right:32px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;  letter-spacing:-0.05em; }
.sub_06_con012 .sub_06_con012_box01 > ul > li:nth-child(1)::before {width: 4px; height: 4px; content:''; background: #545454; position:absolute; left: -10px; border-radius: 4px; top: 8px;}
.sub_06_con012 .sub_06_con012_box01 > ul > li:nth-child(1) {font-weight:800; color:#545454;}
.sub_06_con012 .sub_06_con012_box01 > ul > li:nth-child(2) {font-weight:400; color:#666;}

.sub_06_con012 .sub_06_con012_box02 > ul {display:flex; margin-top:8px; align-items:center;}
.sub_06_con012 .sub_06_con012_box02 > ul > li {position:relative; margin-right:18px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;  letter-spacing:-0.05em; }
.sub_06_con012 .sub_06_con012_box02 > ul > li:nth-child(1) {font-weight:800; color:#545454;}
.sub_06_con012 .sub_06_con012_box02 > ul > li:nth-child(1)::before {width: 4px; height: 4px; content:''; background: #545454; position:absolute; left: -10px;border-radius: 4px; top: 8px;}

.sub_06_con012 .sub_06_con012_box02 > ul > li:nth-child(2) {font-weight:400; color:#666;}
.sub_06_con012 .sub_06_con012_box02 > ul > li:nth-child(3) {width: 64px; height: 31px; background: #FFFFFF;border: 1px solid #6DA9E0; border-radius: 100px; text-align:center; color:#6DA9E0; line-height:31px;}

.sub_06_con012 .sub_06_con012_box03 {}
.sub_06_con012 .sub_06_con012_box03 > ul {display:flex; margin-top:8px; align-items:center;}
.sub_06_con012 .sub_06_con012_box03 > ul > li {font-weight:400; color: #6DA9E0; position:relative; margin-right:18px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;  letter-spacing:-0.05em; }
.sub_06_con012 .sub_06_con012_box03 > ul > li:nth-child(1) {font-weight:800; color:#545454;}
.sub_06_con012 .sub_06_con012_box03 > ul > li:nth-child(1)::before {width: 4px; height: 4px; content:''; background: #545454; position:absolute; left: -10px; border-radius: 4px; top: 8px;}

.sub_06_con012  .sub_06_con012_box04 {}
.sub_06_con012 .sub_06_con012_box04 > ul {display:flex; margin-top:8px; align-items:center;}
.sub_06_con012 .sub_06_con012_box04 > ul > li {font-weight:400; color: #666; position:relative; margin-right:18px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;  letter-spacing:-0.05em; }
.sub_06_con012 .sub_06_con012_box04 > ul > li:nth-child(1) {font-weight:800; color:#545454;}
.sub_06_con012 .sub_06_con012_box04 > ul > li:nth-child(1)::before {width: 4px; height: 4px; content:''; background: #545454; position:absolute; left: -10px; border-radius: 4px; top: 8px;}
.sub_06_con012 .sub_06_con012_box04 > ul > li > span {font-weight:800;}

/* 설문지 영역 */
.survey_wrapper {border-top:1px solid rgba(109, 169, 224, 0.2);}
/*.survey_cont01_wrap {margin-top:52px;}*/
.survey_wrapper .survey_cont01 {padding: 78px 70px 45px;}
.survey_wrapper .survey_cont01_wrap textarea {width:100%;}
.survey_wrapper .survey_cont01 .survey_cont01_t > p {word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.005em; color:#333;}
.survey_wrapper .survey_cont01 .survey_cont01_t > p > span {width: 71px; height: 40px;background: rgba(109, 169, 224, 0.2); text-align:center; line-height:40px;
border-radius: 10px; color: #6DA9E0; font-size:16px; font-weight:800; font-family: 'NanumSquareRound',sans-serif; letter-spacing:-0.02em; display:inline-block; margin-right:26px;}
    
.survey_wrapper .survey_cont01 .survey_cont01_c {margin-top:12px; margin-left: 50px;}
.survey_wrapper .survey_cont01 .survey_cont01_c > input {display:inline-block;}
.survey_wrapper .survey_cont01 .survey_cont01_c .survey_cont01_c01 > input {width: 16px; height: 16px;border: 1px solid #AFAFAF; border-radius: 100px; margin-right:8px; display:inline-block; vertical-align: middle;}
.survey_wrapper .survey_cont01 .survey_cont01_c .survey_cont01_c01 > label {vertical-align: middle; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:15px; color:#757575; letter-spacing:-0.005em;}   
.survey_wrapper .survey_cont01 .survey_cont01_c .survey_cont01_c02 > input {width: 16px;height: 16px;border: 1px solid #AFAFAF;border-radius: 100px; margin-right:8px; display:inline-block; vertical-align: middle;}
.survey_wrapper .survey_cont01 .survey_cont01_c .survey_cont01_c02 > label {vertical-align: middle; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:15px; color:#757575; letter-spacing:-0.005em;} 
.survey_cont01_wrap .survey_cont01_c03 {width: 1160px;border: 1px solid #E2E2E2;border-radius: 10px; margin-top:12px; margin-left: 95px; padding:40px;}

/* 학생설문 뷰페이지 그래프 영역 */
.bar-chart07 {position: relative; width: 100%;}
.bar-chart07 > .legend {position: absolute;bottom: 0;left: 0; width: 100%;height: 40px;margin-bottom: -45px;border-top: 1px solid #000;}
.bar-chart07 > .legend > .label {position: relative;display: inline-block;float: left;width: 25%;text-align: center;}
.bar-chart07 > .legend > .label:before {display: block;position: absolute;top: 0;left: 0;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart07 > .legend > .label.last:after {display: block;position: absolute;top: 0;right: 0;left: auto;content: '';width: 1px;height: 8px;background-color: #000;margin-top: -8px;}
.bar-chart07 > .legend > .label h4 {font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}

.bar-chart07 > .chart {position: relative;width: 100%;}
.bar-chart07 > .chart > .item {position: relative;width: 100%;height: 10px; color: #fff; text-transform: uppercase;}
.bar-chart07 > .chart > .item > .bar {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #EDEDED;z-index: 5;border-radius: 20px;}
.bar-chart07 > .chart > .item > .bar > .persen {display: block;position: absolute;top: 0;right: 0; height: 40px;line-height: 40px; padding-right: 12px;z-index: 15;}
.bar-chart07 > .chart > .item > .bar > .progress {position: absolute;top: 0;left: 0;height: 100%;background:#6DA9E0;z-index: 10;border-radius: 20px; width: 23% !important;}
.bar-chart07 > .chart > .item > .bar > .progress02 {position: absolute; top: 0; left: 0; height: 100%; background:none; z-index: 10; border-radius: 20px; width: 23% !important;}
.bar-chart07 > .chart > .item > .bar > .progress01 {position: absolute;top: 0;left: 0;height: 100%;background: #6DA9E0;z-index: 10; border-radius: 20px;width: 53% !important;}
.bar-chart07 > .chart > .item > .bar > .progress > .title {display: block;position: absolute; height: 40px;line-height: 40px;padding-left: 12px;letter-spacing: 2px;z-index: 15;}
.chart_wrap07 { position: relative;}
.chart_wrap07 .chart_l {margin-top: 6px;width: 100%;height: 10px;background: #E2E2E2;border-radius: 96px;margin-left: 0px;}
.chart_wrap07 .chart_r > p {float:right; letter-spacing: -0.005em; color: #E593B8; font-weight: 800; font-size: 16px; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.bar-chart07 {position: relative;}
.bar-chart07 .chart > img {position: absolute;top: -11px;z-index: 99999;left: 74%;}

.percent02 {clear: both;}
.percent02 > ul {display:flex; justify-content:space-between; margin-top:21px;}
.percent02 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#757575; letter-spacing:-0.005em;}
.percent02 > ul > li:nth-child(1) {font-weight:400;}
.percent02 > ul > li:nth-child(2) {font-size:16px; font-weight:400; color:#AFAFAF;}
.percent02 > ul > li:nth-child(2) > span {font-size:16px; font-weight:800; color:#4d8de7; display:inline-block; margin-left:4px;}

.percent03 {clear: both;}
.percent03 > ul {display:flex; justify-content:space-between; margin-top:21px;}
.percent03 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#757575; letter-spacing:-0.005em;}
.percent03 > ul > li:nth-child(1) {font-weight:400;}
.percent03 > ul > li:nth-child(2) {font-size:16px; font-weight:400; color:#AFAFAF;}
.percent03 > ul > li:nth-child(2) > span {font-size:16px; font-weight:800; color:#AFAFAF; display:inline-block; margin-left:4px;}

/* 학생토론 쓰기 영역 */
.sub05_write_bg {background: rgba(109, 169, 224, 0.1);}

.sub05_write_nav .sub_view_nav {margin-top:165px;}
.sub05_write_nav {overflow:hidden; padding:80px 0 40px;}

.sub_write_top_cont_wrap04 {border: 1px solid #E593B8; border-radius: 20px; padding:70px; overflow:hidden; width:100%; margin-top:30px;}

.sub05_write_nav .sub_write_nav .sub_view_nav_cont {float:left;}
.sub05_write_nav  .sub_write_nav .back_btn_wrap04 {float:right;}
.sub05_write_nav  .sub_write_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#6DA9E0; font-weight:800;}
.sub05_write_nav  .sub_write_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #6DA9E0; border-radius: 50px; margin-right:12px;}
.sub05_write_nav  .sub_write_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub_write_top_cont_wrap05 {border: 1px solid #6DA9E0;border-radius: 20px;padding: 70px;overflow: hidden;width: 100%;margin-top: 30px;}
.sub_write_top_cont_wrap05 .sub_write_top_l {float:left; width:20%;}
.sub_write_top_cont_wrap05 .sub_write_top_l > p {font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:24px; letter-spacing:-0.005em; color:#6DA9E0;}
.sub_write_top_cont_wrap05 .sub_write_top_l > img {display:block; max-width:100%; height:auto;}

.sub_write_top_cont_wrap05 .sub_write_top_r {float:left; width: 80%; padding-left: 67px;}
.sub_write_top_cont_wrap05 .sub_write_top_r > ul {display:flex; flex-direction: column;}
.sub_write_top_cont_wrap05 .sub_write_top_r > ul > li {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing: -0.005em;}
.sub_write_top_cont_wrap05 .sub_write_top_r > ul > li > img {display:inline-block; margin-right:10px;}
.sub_write_top_cont_wrap05 .sub_write_top_r > ul > li > span {}
.sub_write_top_cont_wrap05 .sub_write_top_r > ul > li > span > .bold_style {font-weight:800;}

#sub05_write_wrap_top {position: relative;}
#sub05_write_wrap_top > img {position: absolute;top: 197px;left: 154px;max-width: 100%;height: auto;}

.sub05_write_content {clear: both;width: 1400px;height: auto;background: #fff;border-radius: 30px; border: 3px solid #6DA9E0;margin: 40px auto 0px;overflow: hidden;}

/* 학생토론 write 키워드 영역 */
.write_cont05 {padding: 70px 70px 45px; width: 100%;overflow: hidden;}
.write_keyword05_01 {display:flex; justify-content:center;}
.write_keyword05_01 li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.write_keyword05_01 li:nth-child(1) {border:1px solid #6DA9E0;max-width: 85px; height:32px; padding: 0 5px; width: initial;text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#6DA9E0; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub05_write_content01_box01 {overflow: hidden; margin-bottom: 10px;}
.sub05_write_content01_box01_wrap {overflow: hidden; padding: 0px 104px 0 69px;}
.sub05_write_content01_box01_wrap .sub05_write_content01_box01_wrap_t > p {margin-top: 30px;margin-bottom: 30px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 24px;letter-spacing: -0.005em;color: #6DA9E0;}

.sub05_write_content01_01 {overflow: hidden;padding: 0px 104px 0 69px;}
.sub05_write_content01_01 > p  {padding-right: 58px; line-height: 40px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub05_write_content01_01 > ul {margin-bottom:10px; display: flex;}
.sub05_write_content01_01 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; margin-left:16px;
width:calc((100% - 40px)/4); line-height: 40px; text-align: center; background: #FFFFFF;border: 1px solid #D7D7D7;border-radius: 4px;}
.sub05_write_content01_01 > ul > li:hover { background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0; border-radius: 4px; cursor:pointer; transition: all 0.4s;}	
.sub05_write_content01_01 ul .sub02_write_on { background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0;border-radius: 4px;}
.sub05_write_content01_01 ul > li > label > img {display:inline-block;}	

/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.sub05_write_content01_01 > ul > li input[type="radio"] {display: none;}
.sub05_write_content01_01 > ul > li input[type=radio]:checked + label > img {background: url("/images/newsub/sub_write_img01.png") no-repeat; width:17px; height:16px; max-width:100%;}

/* 학생토론 쓰기영역 첨부파일 영역 */
.sub05_write_content01_box02_01 {margin-bottom:10px; padding:0px 104px 0 69px;}
.sub05_write_content01_box02_01 > ul {display:flex; justify-content: space-between; }
.sub05_write_content01_box02_01 > ul > li:nth-child(1) {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub05_write_content01_box02_01 > ul > li .filebox > input {width:993px; background:#f6f6f6; border:1px solid #e2e2e2; border-radius:3px;}
.sub05_write_content01_box02_01 > ul > li .filebox > input::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub05_write_content01_box02_01 > ul > li .filebox {position: relative;}


/* 학생토론 쓰기영역 textarea  영역 */
.sub05_write_content01_box02 {padding: 0px 104px 0 69px;}
.sub05_write_content01_box02 > ul {display:flex;}
.sub05_write_content01_box02 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub05_write_content01_box02 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px;width: 1088px; resize: none; margin-left: 75px;}
.sub05_write_content01_box02 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

/* 학생토론 쓰기영역 textarea03  영역 */
.sub05_write_content01_box03 {padding: 0px 104px 0 69px;}
.sub05_write_content01_box03 > ul {display:flex;}
.sub05_write_content01_box03 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub05_write_content01_box03 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px;width: 1088px;resize: none; margin-left: 103px;}
.sub05_write_content01_box03 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

.sub05_write_content01_box04 {margin-bottom:10px;overflow: hidden;padding: 0px 104px 0 69px;}
.sub05_write_content01_box04_wrap {padding-bottom:70px; border-bottom: 1px solid #6DA9E0; overflow: hidden;}
.sub05_write_content01_box04 .sub04_write_content01_box05_l {float:left; }
.sub05_write_content01_box04 .sub04_write_content01_box05_l > p {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}

.sub05_write_content01_box04 .sub04_write_content01_box05_r {float:left; margin-left: 72px;}
.sub05_write_content01_box04 .sub04_write_content01_box05_r .sub04_write_content01_box05_btn {}
.sub05_write_content01_box04 .sub04_write_content01_box05_r .sub04_write_content01_box05_btn > button {width: 116px;height: 36px; background:#333; color:#fff; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; border-radius: 4px; font-weight:400; margin-top:10px; margin-bottom:10px;}
.sub05_write_content01_box04 .sub04_write_content01_box05_r > input {padding: 3px 12px; background: #FFF; border: 1px solid #E2E2E2;border-radius: 3px;width:1040px;height: 36px; display:inline-block;}
.sub05_write_content01_box04 .sub04_write_content01_box05_r > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}   
.sub05_write_content01_box04 .sub04_write_content01_box05_r > button {margin-left:10px; border:1px solid #333; width:36px; height:36px; background:#fff; border-radius:4px;}
.sub05_write_content01_box04 .sub04_write_content01_box05_r > button > img {display:block; margin:0 auto;}

.sub04_write_content01_box06 {padding: 0px 104px 0 69px;}
.sub04_write_content01_box06 > p {margin-top:30px;margin-bottom:30px;font-family:'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 24px;letter-spacing:-0.005em;color: #6DA9E0;}
.sub05_write_content01_box07 {padding: 0px 104px 0 69px;}
.sub05_write_content01_box07 {overflow: hidden; margin-bottom:10px;}
.sub05_write_content01_box01_l {float:left;} 
.sub05_write_content01_box01_l > p {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.sub05_write_content01_box01_r {float:left; margin-left: 73px;}
.sub05_write_content01_box01_r .input_date_box01  input[type="date"]{position: relative; min-height:30px; padding: 10px 12px; border: 1px solid #ddd;font-size:15px;font-weight: 400;
letter-spacing: -0.005em;color: #757575;font-family: 'NanumSquareNeo-Variable',sans-serif;}
      
.sub05_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-clear-button,
.sub05_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-inner-spin-button {display: none;} 
.sub05_write_content01_box01_r .input_date_box01  input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;z-index: 1;} 
.sub05_write_content01_box01_r .input_date_box01 input {width: 152px;height: 36px;background: #FFF;border: 1px solid #E2E2E2;  border-radius: 3px;}
.sub05_write_content01_box01_r .input_date_box01 input:after{position: absolute;top:50%;right:10px;content: '';width: 20px;height:22px;
background: #fff url('/images/newsub/sub05_write_img04.png') center center /contain;transform: translateY(-50%);z-index: 0;}
.sub05_write_content01_box01_r .input_date_box01 {float:left;}

.sub05_write_content01_box01_r .input_date_box3 {float:left;}
.sub05_write_content01_box01_r .input_date_box3 > ul {display:flex; margin-left:16px; align-items:center;}
.sub05_write_content01_box01_r .input_date_box3 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; color:#757575;background: #F6F6F6;border: 1px solid #CACACA;width: 65px;height: 36px; text-align:center; line-height:36px;}
.sub05_write_content01_box01_r .input_date_box3 > ul > li:hover {border: 1px solid #6DA9E0; transition:all 0.4s; color:#6DA9E0;}
.sub05_write_content01_box01_r .input_date_box3 > ul > li:nth-child(1) {border-radius:6px 0px 0px 6px;}
.sub05_write_content01_box01_r .input_date_box3 > ul > li:nth-child(3) {border-radius:0px 6px 6px 0px;}
.sub05_write_content01_box01_r .input_date_box3 > ul > .on3 {color:#6DA9E0;  border: 1px solid #6DA9E0;}
.sub05_write_content01_box01_r .input_date_box3 > ul > li > button {}

.sub05_write_content01_box08 {padding: 0px 104px 0 69px;}
.sub05_write_content01_box08 .sub05_write_content01_02 > p  {padding-right: 29px; line-height: 40px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub05_write_content01_box08 .sub05_write_content01_02 > ul {margin-bottom:10px; display: flex;}
.sub05_write_content01_box08 .sub05_write_content01_02 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333;
margin-left:16px; width: calc((100% - 884px)/2); line-height: 40px; text-align: center; background: #FFF;border: 1px solid #D7D7D7; border-radius: 4px;}
.sub05_write_content01_box08 .sub05_write_content01_02 > ul > li:hover {background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0; border-radius: 4px; cursor:pointer; transition: all 0.4s;}	
.sub05_write_content01_box08 .sub05_write_content01_02 ul .sub02_write_on {background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0;border-radius: 4px;}
.sub05_write_content01_box08 .sub05_write_content01_02 ul > li > label > img {display:inline-block;}	
    
/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.sub05_write_content01_box08 .sub05_write_content01_02 > ul > li input[type="radio"] {display: none;}
.sub05_write_content01_box08 .sub05_write_content01_02 > ul > li input[type=radio]:checked + label > img {background: url("/images/newsub/sub_write_img01.png") no-repeat; width:17px; height:16px; max-width:100%;}

/* 학생토론 - 지역토론 */
.sub05_select_wrap {display: block;background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 4px;padding: 24px;margin-top: -24px;}
.sub05_select_wrap::after {display: block;clear: both;content: '';}
.sub05_select_item {float: left; display: flex;align-items: center;min-height: 36px;}
.sub05_select_item:not(:last-child) {margin-right: 24px;}
.sub05_select_item .title {margin-right: 8px;}
.sub05_select_item select {padding: 8px 16px 8px 8px;}
.sub05_select_item .select_item_input {margin-right: 6px;}
.sub05_select_item .select_item_input input[type="checkbox"] {display: inline-block;vertical-align: middle;}
.sub05_select_item .discussion_school_item input {padding: 8px 16px 8px 8px;}
.sub05_select_item #btn-search {padding: 8px 12px;border-radius: 5px;background: #6DA9E0;color: #fff; margin:0;}

#sub055Wrap {display: none;}

#sub05_write_wrapper .hide {display: none;} /*지역토의 버튼, 지역토의 form 숨김처리 :: 오픈 시 해당 라인 삭제*/
#sub05_write_wrapper .show {display:block;}/* 지역토의 from 숨기고 학교토의 form 고정 지역토의 오픈하면 해당 라인 삭제*/

.radio_wrap01 {padding: 0px 104px 0 69px; margin-top:10px;}
.radio_wrap01 .m_style01 li:nth-child(1) {padding-right:40px;}
.radio_wrap02 .m_style02 li:nth-child(1) {padding-right:26px;}

.radio_wrap01 > ul {display:flex;}
.radio_wrap01 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.radio_wrap01 > ul > li > input {width: 16px;height: 16px; border: 1px solid #AFAFAF; border-radius: 100px; display:inline-block; vertical-align:middle; margin-right:8px;}
.radio_wrap01 > ul > li > label {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em; color:#757575; font-weight:400;} 

.radio_wrap02 {padding: 0px 104px 0 69px; margin-top:10px;}
.radio_wrap02 .radio_wrap02_content01 > ul {display:flex;}
.radio_wrap02 .radio_wrap02_content01 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.radio_wrap02 .radio_wrap02_content01 > ul > li > input {width: 16px;height: 16px;border: 1px solid #AFAFAF; border-radius: 100px; display:inline-block; vertical-align:middle; margin-right:8px;}
.radio_wrap02 .radio_wrap02_content01 > ul > li > label {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em; color:#757575; font-weight:400;} 

.radio_wrap02_content01 {border-bottom:1px solid #6DA9E0; padding-bottom:50px;}

.sub05_write_content05 {margin-bottom:100px; margin-top:70px;}
.sub05_write_content05 > ul {display: flex; justify-content: center;}
.sub05_write_content05 > ul > li {margin-right:10px;}
.sub05_write_content05 > ul > li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.01em; color:#6DA9E0; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #6DA9E0; border-radius: 94px;}
.sub05_write_content05 > ul > li > button:hover {background:#6DA9E0; transition:all 0.4s; color:#fff;}

/* 학생 설문_write 영역 */
.sub06_write_nav {overflow: hidden; padding-top: 165px;}

.sub06_write_nav .sub_view_nav {margin-top:165px;}
.sub06_write_nav {overflow:hidden; padding-top: 165px;}

.sub06_write_nav .sub_write_nav .sub_view_nav_cont {float:left;}
.sub06_write_nav  .sub_write_nav .back_btn_wrap04 {float:right;}
.sub06_write_nav  .sub_write_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#6DA9E0; font-weight:800;}
.sub06_write_nav  .sub_write_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #6DA9E0; border-radius: 50px; margin-right:12px;}
.sub06_write_nav  .sub_write_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.sub06_write_content {clear: both;width: 1400px;height: auto;background: #fff;border-radius: 30px;border: 3px solid #6DA9E0;margin: 40px auto 0px;overflow: hidden;}

/* 학생설문 write 키워드 영역 */
.write_cont06 {padding: 70px 70px 45px;width: 100%;overflow: hidden;}

.write_keyword06_01 {display:flex; justify-content:center;}
.write_keyword06_01 li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.write_keyword06_01 li:nth-child(1) {border:1px solid #6DA9E0; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#6DA9E0; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.sub06_write_content01_box01 {overflow: hidden;margin-bottom: 10px;}
.sub06_write_content01_box01_wrap {overflow: hidden;padding: 0px 104px 0 69px;}

.sub06_write_content01_box01_wrap .sub06_write_content01_box01_wrap_t > p {margin-top: 30px; margin-bottom: 30px; font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800; font-size: 24px;letter-spacing: -0.005em;color: #6DA9E0;}
.sub06_write_content01_box02 {margin-bottom:10px;  padding: 0px 104px 0 69px;}
.sub06_write_content01_box01 > ul {display:flex;}
.sub06_write_content01_box02 .sub06_write_content01_box01 > ul > li:nth-child(1) {margin-bottom: 4px;margin-top: 4px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.sub06_write_content01_box02 .sub06_write_content01_box01 > ul > li > input {padding: 3px 12px; margin-left: 100px; background: #fff; border: 1px solid #E2E2E2;border-radius: 3px; width: 1092px;height: 36px;}
.sub06_write_content01_box02 .sub06_write_content01_box01 > ul > li > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

/* 학생설문 쓰기영역 textarea  영역 */
.sub06_write_content01_box02 {padding: 0px 104px 0 69px;}
.sub06_write_content01_box02 > ul {display:flex;}
.sub06_write_content01_box02 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.sub06_write_content01_box02 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px;width:1088px;resize: none; margin-left: 75px;}
.sub06_write_content01_box02 > ul > li > textarea::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.sub06_write_content01_box02 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

/* 학생설문 날짜 영역 */
.sub06_write_content01_box07 {overflow: hidden;margin-bottom: 10px;padding: 0px 104px 0 69px;}
.sub06_write_content01_box01_l {float:left;} 
.sub06_write_content01_box01_l > p {margin-bottom: 4px; position: relative; margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800; font-size: 15px;letter-spacing: -0.005em;color: #333;}

.sub06_write_content01_box01_r {float:left; margin-left: 101px;}
.sub06_write_content01_box01_r .input_date_box01 input[type="date"]{position: relative;min-height:30px;padding: 10px 12px;border: 1px solid #ddd;font-size:15px;font-weight: 400;letter-spacing: -0.005em;color: #757575;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.sub06_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-clear-button,
.sub06_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-inner-spin-button {display: none;} 
.sub06_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;z-index: 1;} 
.sub06_write_content01_box01_r .input_date_box01 input {width: 152px;height: 36px;background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px;}
.sub06_write_content01_box01_r .input_date_box01 input:after{  position: absolute;top:50%;right:10px;content: '';width: 20px;height:22px;
background: #fff url('/images/newsub/sub05_write_img04.png') center center /contain;transform: translateY(-50%);z-index: 0;}
.sub06_write_content01_box01_r .input_date_box01 {float:left;}
.sub06_write_content01_box01_r .input_date_box3 {float:left;}
.sub06_write_content01_box01_r .input_date_box3 > ul {display:flex; margin-left:16px; align-items:center;}
.sub06_write_content01_box01_r .input_date_box3 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; color:#757575; background: #F6F6F6; border: 1px solid #CACACA;width: 65px;height: 36px; text-align:center; line-height:36px;}
.sub06_write_content01_box01_r .input_date_box3 > ul > li:hover {border: 1px solid #6DA9E0; transition:all 0.4s; color:#6DA9E0;}
.sub06_write_content01_box01_r .input_date_box3 > ul > li:nth-child(1) {border-radius:6px 0px 0px 6px;}
.sub06_write_content01_box01_r .input_date_box3 > ul > li:nth-child(3) {border-radius:0px 6px 6px 0px;}
.sub06_write_content01_box01_r .input_date_box3 > ul > .on3 {color:#6DA9E0;  border: 1px solid #6DA9E0;}

/* 학교설문 카테고리 영역 */
.sub06_write_content01_box08 {padding: 0px 104px 0 69px;}
.sub06_write_content01_box08 .sub05_write_content01_02 {overflow: hidden; border-bottom: 1px solid #6DA9E0;padding-bottom: 50px;}
.sub06_write_content01_box08 .sub05_write_content01_02 > p  {padding-right: 56px; line-height: 40px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.sub06_write_content01_box08 .sub05_write_content01_02 > ul {margin-bottom:10px; display: flex;}
.sub06_write_content01_box08 .sub05_write_content01_02 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333;
margin-left:16px;width: calc((100% - 884px)/2); line-height: 40px; text-align: center; background: #FFF;border: 1px solid #D7D7D7;border-radius: 4px;}
.sub06_write_content01_box08 .sub05_write_content01_02 > ul > li:hover { background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0; border-radius: 4px; cursor:pointer; transition: all 0.4s;}	
.sub06_write_content01_box08 .sub05_write_content01_02 ul .sub02_write_on { background: rgba(109, 169, 224, 0.1);border: 1px solid #6DA9E0; border-radius: 4px;}
.sub06_write_content01_box08 .sub05_write_content01_02 ul > li > label > img {display:inline-block;}	
        
/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.sub06_write_content01_box08 .sub05_write_content01_02 > ul > li input[type="radio"] {display: none;}
.sub06_write_content01_box08 .sub05_write_content01_02 > ul > li input[type=radio]:checked + label > img {background: url("/images/newsub/sub_write_img01.png") no-repeat; width:17px; height:16px; max-width:100%;}

/* 학생설문 - 지역설문 */
.sub06_select_wrap {display: none; width: 1087px;height: 84px;background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 4px; padding:24px; margin-top:10px; margin-left: 126px;}
.sub06_select_wrap > ul {display: flex; align-items: center; justify-content: flex-start;}
.sub06_select_wrap > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em; color:#1f1f1f; font-weight:400;}    
.sub06_select_wrap > ul > li:nth-child(2) > select {width: 87px; height: 36px; line-height: 15px; background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px; padding: 8px 8px 8px 12px; display:inline-block; margin-left:10px; margin-right:40px;}
.sub06_select_wrap > ul > li:nth-child(2) > select {-webkit-appearance: none; -moz-appearance: none; appearance: none;
background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%, #fff;} 
.sub06_select_wrap > ul > li:nth-child(2) > select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.sub06_select_wrap > ul > li:nth-child(3) {margin-right:16px;}
.sub06_select_wrap > ul > li > input {width: 16px;height: 16px;background: #FFF;border: 1px solid #AFAFAF;display: inline-block; vertical-align: middle;}   
.sub06_select_wrap > ul > li > span {color:#757575; margin-left:8px; margin-right:16px;}
                
/* 학생설문 - 학생설문을 위해  추가 by kkj*/
.sub066_select_wrap {display: none; width: 1087px;height: 84px;background: #F6F6F6;border: 1px solid #E2E2E2;border-radius: 4px; padding:24px; margin-top:10px; margin-left: 126px;}
.sub066_select_wrap > ul {display: flex; align-items: center; justify-content: flex-start;}
.sub066_select_wrap > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em; color:#1f1f1f; font-weight:400;}    
.sub066_select_wrap > ul > li:nth-child(2) > select {width: 87px;height: 36px;line-height: 15px;background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px; padding: 8px 8px 8px 12px; display:inline-block; margin-left:10px; margin-right:40px;}
.sub066_select_wrap > ul > li:nth-child(2) > select {-webkit-appearance: none;-moz-appearance: none;appearance: none; background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%, #fff;} 
.sub066_select_wrap > ul > li:nth-child(2) > select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.sub066_select_wrap > ul > li:nth-child(3) {margin-right:16px;}
.sub066_select_wrap > ul > li > input {width: 16px;height: 16px;background: #FFF;border: 1px solid #AFAFAF; display: inline-block;vertical-align: middle;}   
.sub066_select_wrap > ul > li > span {color:#757575; margin-left:8px; margin-right:16px;}

.sub06_write_content01_box06 {padding: 0px 104px 0 69px;}
.sub06_write_content01_box06 > p {margin-top: 80px;margin-bottom: 30px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 24px;letter-spacing: -0.005em;color: #6DA9E0;}

/* 항목등록 영역 */
.item_registration_wrap {padding: 70px;border: 1px solid #CACACA;border-radius: 30px;}
.item_registration_wrap .write_content01,
.item_registration_wrap .write_content02 {margin: 0;}
.item_registration_box {padding: 30px 0;border-bottom: 1px solid #CACACA;}
.item_registration_box:nth-of-type(1) {padding-top: 0;}
.item_registration_box .title {display: inline-block;width: auto;height: 40px;padding: 0 16px;height: 40px;margin-bottom: 20px;background: rgba(109, 169, 224, 0.2);border-radius: 10px;color: #6DA9E0;font-family: 'NanumSquareRound',sans-serif;font-size:16px;font-weight:800;letter-spacing:-0.02em;line-height:40px;text-align:center;}
.write_content .item_registration_box .input_date_box2 > ul {margin-left: 0;}
.write_content .item_registration_box .input_date_box2 > ul > li {width: auto;padding: 0 16px;}

.item_registration_box .add_eg {display: flex;align-items: center;gap: 12px;margin-bottom: 10px;font-size: 15px;line-height: 15px;letter-spacing: -0.005em;}
.item_registration_box .add_eg input[type="text"] {width: calc(100% - 234px);padding: 10.5px 12px;background: #fff;border: 1px solid #E2E2E2;border-radius: 3px;}
.item_registration_box .add_eg input[type="checkbox"] {display: inline-block;vertical-align: middle;}
.item_registration_box .add_eg .btn-add {width: 36px;height: 36px;margin-left: 28px;background: #fff;border: 1px solid #333;border-radius: 4px;}
.item_registration_box .add_eg .btn-add.plus {background: #333;border: 1px solid #333;}
.item_registration_box .add_eg .btn-add img {margin: 0 auto;}

.item_registration_btn button {display: flex;justify-content: center;align-items: center;gap: 4px;margin: 30px 0 0 auto;padding: 16px 26px;background: #fff;border: 1px solid #6DA9E0;border-radius: 94px;font-weight: 800;font-size: 16px;line-height: 0px;letter-spacing: -0.01em;color: #6DA9E0;}

.sub05_write_content06 {margin-bottom:100px; margin-top:70px;}
.sub05_write_content06 > ul {display: flex; justify-content: center;}
.sub05_write_content06 > ul > li {margin-right:10px;}
.sub05_write_content06 > ul > li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:800; font-size:20px; letter-spacing:-0.01em; color:#6DA9E0; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #6DA9E0; border-radius: 94px;}
.sub05_write_content06 > ul > li > button:hover {background:#6DA9E0; transition:all 0.4s; color:#fff;}

/* 들락날락 제안 list 영역 */

/* 들락날락 제안 영역 페이지 상단 네비 영역 */
.sbu07_sub_page_nav {padding-top:123px;}
.sbu07_sub_page_nav ul {display:flex;}
.sbu07_sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sbu07_sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu07_sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu07_sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

/* 들락날락 제안 영역 페이지 상단 타이틀 영역 */
.sub07_banner_title {padding-top:30px; padding-bottom:115px;}
.sub07_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#EE9A6A; font-weight:800;}
.sub07_banner_title > p > span {font-size:32px; line-height:32px; letter-spacing: -0.04em; font-weight:400; padding-left:20px;}

/* 들락날락 제안 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link7 ul {display:flex;}
.sub_page_link7 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#EE9A6A; padding-right:44px;}
.sub_page_link7 ul li {font-weight:800;}
.sub_page_link7 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link7 ul li:nth-child(3) {opacity:0.4;}
.sub_page_link7 ul .on2 a {opacity: inherit !important;}
.sub_page_link7 ul .on2 {font-weight:800;}
.sub_page_link7 ul .on2:before {content:""; width:12px; height:12px; background:#EE9A6A; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 들락날락 제안 텝 메뉴 영역 */
.tabBox7 {margin:120px 0 64px; display:flex;}
.tabBox7 > p {position:relative;}
.tabBox7 > p::after {position: absolute; content:""; display: block; border-bottom: 3px solid #EE9A6A; transition: width 250ms ease-in-out; left: auto; width: 0;}
.tabBox7 > p:hover::after {width: 100%;}
.tabBox7 > p:hover {color:#EE9A6A; transition:all 0.4s;}

/* 상단 텝메뉴 영역 */
#tabbtnbox7 {overflow: auto;margin-bottom: 48px;display: flex;font-family: 'NanumSquareNeo-Variable',sans-serif;position:relative;}
#tabbtnbox7 > button > span {background-color: rgba(237, 237, 237, 0.6); border-radius: 10px 10px 0px 0px; padding:15px;}
#tabbtnbox7 .tactive7 > span {background-color: transparent;}

.tabbtnsolid7 {left: 373px;position: absolute; top: 52px; height: 0px; width: 73%; border-top: 3px solid #EE9A6A;}

.tabbtn7 {height: 50px;cursor: pointer;font-size: 18;font-weight: bold;color: #828282;margin-top: 5px;margin-bottom: 5px;background-color: transparent;border: none;border-bottom: 3px solid #EE9A6A;letter-spacing:-0.005em;padding-left: 20px;padding-right:20px;}

.tactive7 {border: 3px solid #EE9A6A;border-bottom: none;border-radius: 10px 10px 0 0;color:#EE9A6A;width:14%;}

.tabcont {display: none;}

.tabcont02 {display: none;}

.tabcont:first-of-type {display: block;}

.tabcont02:first-of-type {display: block;}

/* 검색바 영역4 */
.search_bar_wrap7 {height:120px; border:1px solid #cacaca; border-radius:20px; padding:36px;}
.search_bar_wrap7 ul {display:flex; justify-content: center; align-items: center;}
.search_bar_wrap7 ul li {padding-right:10px;}
.search_bar_wrap7 ul li .selectBox {border:1px solid #e2e2e2; border-radius:3px;}
.search_bar_wrap7 ul li:nth-child(1) .selectBox {width:120px; height:44px; padding: 12px 12px 12px 16px;}
.search_bar_wrap7 ul li:nth-child(2) .selectBox {width:107px; height:44px; padding: 12px 12px 12px 16px;}

.search_bar_wrap7 ul li:nth-child(1) .selectBox { \-webkit-appearance: none;-moz-appearance: none; appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 84% 50%;
font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap7 ul li:nth-child(1) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap7 ul li:nth-child(2) .selectBox {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url('/images/newsub/select_arrow.png') no-repeat 95% 50%;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size:15px;font-weight:400;color:#757575;line-height: 15px;} 
.search_bar_wrap7 ul li:nth-child(2) .selectBox::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_bar_wrap7 ul li:nth-child(2) .search_input {width:538px; border: 1px solid #E2E2E2; border-radius: 3px; padding:12px; height:41px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px;}
.search_bar_wrap7 ul li:nth-child(3) button {line-height: 15px; background:#333; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap7 ul li:nth-child(3) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}
.search_bar_wrap7 ul li:nth-child(4) button {line-height: 15px; background:#EE9A6A; height:48px; border-radius:74px; padding:16px 26px; font-size:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; color:#fff; font-weight:800;}
.search_bar_wrap7 ul li:nth-child(4) button > img {max-width:100%; height:auto; display:inline-block; margin-left:4px; vertical-align:middle;}

/* veiw_list_nav7 영역 */
.veiw_list_nav7 {overflow:hidden; padding:50px 0;}
.veiw_list_nav7 .veiw_list_nav_l {float:left; }
.veiw_list_nav7 .veiw_list_nav_l > p {line-height:46px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#444; font-weight:700;}
.veiw_list_nav7 .veiw_list_nav_r {float:right;}
.veiw_list_nav7 .veiw_list_nav_r ul {overflow:hidden;}
.veiw_list_nav7 .veiw_list_nav_r ul li {margin-right:8px; float:left;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(1) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(2) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(3) button {margin-top:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#777; font-weight:700; border:1px solid #cdcdcd; border-radius:60px; width:100%; height:38px; padding:10px 16px; line-height:15px;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(4) button {background:url('/images/newsub/btn_icon03.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon09_on.png')no-repeat, rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(5) button {background:url('/images/newsub/btn_icon04_off.png')no-repeat; background-position: center center; width:46px; height:46px; padding:14px; border:1px solid #d9d9d9;}
.veiw_list_nav7 .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon10_on.png')no-repeat, rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}

/* 들락날락 제안 veiw_list_wrap 영역 */
.veiw_list_wrap7 {}
.veiw_list_wrap7 .view_list_cont {width:100%; overflow:hidden;}
.veiw_list_wrap7 .view_list_cont > ul {display:flex; flex-wrap: wrap; justify-content:space-between;}
.veiw_list_wrap7 .view_list_cont > ul > li {width: calc((100% - 60px)/4); margin-right: 15px; margin-bottom: 32px;}
.veiw_list_wrap7 .view_list_cont > ul > li:nth-child(4n) {margin-right:0px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box {overflow: hidden; width:327px; height:auto; background:#fff; border:1px solid #e2e2e2; border-radius:30px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box:hover {box-shadow:4px 4px 8px rgb(0 0 0 / 10%); transition:all 0.4s;}

.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .thumbnail {object-fit: cover; max-width:100%; width:328px; height:167px; display:block; margin-bottom:30px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box h3 {white-space: nowrap; width: 230px; overflow: hidden; text-overflow: ellipsis;margin-bottom:5px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#333; font-weight:800;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; letter-spacing:-0.005em; color:#333; font-weight:400; margin-bottom:24px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box > ul {display: flex; justify-content:flex-start; align-items: center;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box > ul > li { margin-right: 0px; margin-bottom: 0px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px; letter-spacing:-0.005em; color:#333; font-weight:700;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box > ul > li img {max-width:100%; width:20px; height:20px; display:inline-block; margin-right:4px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box > ul > li button {width:75px; height:29px; border:1px solid rgba(0,0,0,0.3); border-radius:100px; font-size:12px; letter-spacing:-0.005em; font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif;}

.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text {padding:0 36px 32px;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text > P {margin-bottom:15px; width: 49px;height:auto;border: 1px solid rgba(0, 0, 0, 0.3);
text-align:center; line-height: 33px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; font-weight:400; letter-spacing:-0.005em;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text > P:nth-child(3) {word-break: break-all; white-space: nowrap; width: 230px; overflow: hidden; text-overflow: ellipsis;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text > .d_day {margin-top:12px;margin-bottom: 30px; width: 54px;	height: 25px;line-height:25px;
text-align:center;background: rgba(229, 147, 184, 0.1);border: 1px solid #E593B8;border-radius: 100px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:12px;
letter-spacing:-0.005em; font-weight:800; color:#e593b8;}
.veiw_list_wrap7 .view_list_cont > ul > li .view_list_cont_box .view_list_cont_text > P:nth-child(3) {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px;
letter-spacing:-0.005em; color:#333; border:none; width:auto; text-align:left;	}

.good_wrapper {}
.good_wrapper > ul {display:flex;}
.good_wrapper > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; font-size:12px; font-weight:400; letter-spacing:-0.005em; margin-right:28px;}
.good_wrapper > ul > li > img {max-width:100%; height:auto; vertical-align: middle; display: inline-block; margin-right:8px;}

 /* veiw_list_wrap_btn7 영역 */
.veiw_list_wrap_btn7 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn7 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn7 button:hover {background:rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; transition:all 0.4s;}
.veiw_list_wrap_btn7 button > img {display:block; margin:0 auto;}

/* 제안결과 영역 */

/* 들락날락 제안결과 영역 */
#sub08_bg {width:100%; background:url('/images/newsub/pattern_bg.png') no-repeat, rgba(238, 154, 106, 0.1); height:454px; background-size: cover; background-position:-90px -69px;}
#sub08_bg .container {position:relative;}
#sub08_bg .container > img {position:absolute; right:0px; top:2px; max-width:100%; height:auto;}

/* 들락날락 제안결과 영역 페이지 상단 네비 영역 */
.sbu08_sub_page_nav {padding-top:123px;}
.sbu08_sub_page_nav ul {display:flex;}
.sbu08_sub_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.sbu08_sub_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu08_sub_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.sbu08_sub_page_nav ul li img {vertical-align: middle; display: inline-block;}

/* 들락날락 제안결과 영역 페이지 상단 타이틀 영역 */
.sub08_banner_title {padding-top:30px; padding-bottom:115px;}
.sub08_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#EE9A6A; font-weight:800;}
.sub08_banner_title > p > span {font-size:32px; line-height:32px; letter-spacing: -0.04em; font-weight:400; padding-left:20px;}

/* 들락날락 제안결과 영역 페이지 상단 메뉴 네비 영역 */
.sub_page_link8 ul {display:flex;}
.sub_page_link8 ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#EE9A6A; padding-right:44px;}
.sub_page_link8 ul li {font-weight:800;}
.sub_page_link8 ul li:nth-child(1) {opacity:0.4;}
.sub_page_link8 ul li:nth-child(2) {opacity:0.4;}
.sub_page_link8 ul .on2 a {opacity: inherit !important;}
.sub_page_link8 ul .on2 {font-weight:800;}
.sub_page_link8 ul .on2:before {content:""; width:12px; height:12px; background:#EE9A6A; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}

/* 상단 텝메뉴 영역 */
#tabbtnbox8 {overflow: auto;margin-bottom: 48px;display: flex;font-family: 'NanumSquareNeo-Variable',sans-serif;position:relative;padding-top: 87px;}

.tabbtnsolid8 {left: 373px; position: absolute;top: 139px; height: 0px; width: 73%;border-top: 3px solid #EE9A6A;}
#tabbtnbox8 > button > span {background-color: rgba(237, 237, 237, 0.6); border-radius: 10px 10px 0px 0px; padding:15px;}
#tabbtnbox8 .tactive8 > span {background-color: transparent;}

.tabbtn8 {height: 50px;cursor: pointer;font-size: 18;font-weight: bold;color: #828282;margin-top: 5px;margin-bottom: 5px;background-color: transparent;border: none;
    border-bottom: 3px solid #EE9A6A;letter-spacing:-0.005em;padding-left: 20px;padding-right:20px;}

.tactive8 {border: 3px solid #EE9A6A;border-bottom: none;border-radius: 10px 10px 0 0;color:#EE9A6A;width:14%;}

.tabcont {display: none;}

.tabcont02 {display: none;}

.tabcont:first-of-type {display: block;}

.tabcont02:first-of-type {display: block;}

/* 제안 */
/* vewi_list tab 탭버튼 오버*/
#suggest_rst_list .tabBox2 > p:hover {color:#EE9A6A;}

/* 학생제안 */
/*vewi_list_nav btn 오버 시 */
#sub07_wrap .veiw_list_nav .veiw_list_nav_r ul li.on button {background:#EE9A6A; border: 1px solid #EE9A6A; color:#fff;}
#sub07_wrap .veiw_list_nav .veiw_list_nav_r ul li button:hover {background:rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; color:#EE9A6A; transition:all 0.4s;}
#sub07_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button:hover {background:url('/images/newsub/btn_icon09_on.png')no-repeat, #EE9A6A1A; border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}
#sub07_wrap .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon10_on.png')no-repeat, #EE9A6A1A; border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}

#sub07_wrap .veiw_list_wrap4 .view_list_cont .view_list_cont_img {padding-top: 58%;}
#sub07_wrap .veiw_list_wrap4 .view_list_cont .view_list_cont_text h3 {display: -webkit-box;-webkit-line-clamp: 2;white-space: normal;-webkit-box-orient: vertical;height: 54px;}
#sub07_wrap .veiw_list_wrap4 .view_list_cont .view_list_cont_text > p {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;white-space: normal;-webkit-box-orient: vertical;height: 48px;}

/* 제안결과 */
/* vewi_list_nav btn 오버 시 */
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li.on button {background:#EE9A6A; border: 1px solid #EE9A6A; color:#fff;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li button:hover {background:rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; color:#EE9A6A; transition:all 0.4s;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button {margin-top: 5px;background: #fff;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 16px;letter-spacing: -0.005em;color: #777;font-weight: 700;border: 1px solid #cdcdcd;border-radius: 60px;width: 100%;height: 38px;padding: 10px 16px;line-height: 15px;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button:hover {background:rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; color:#EE9A6A; transition:all 0.4s;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button {background: url(/images/newsub/btn_icon03.png)no-repeat;background-position: center center;width: 46px;height: 46px;padding: 14px;border: 1px solid #d9d9d9;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(5) button:hover {background:url('/images/newsub/btn_icon09_on.png')no-repeat, rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(6) button {background: url(/images/newsub/btn_icon04_off.png)no-repeat;background-position: center center;width: 46px;height: 46px;padding: 14px;border: 1px solid #d9d9d9;}
#suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(6) button:hover {background:url('/images/newsub/btn_icon10_on.png')no-repeat, rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; background-position: center center; transition:all 0.4s;}

/* 학생제안결과 영역 */
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_info {width: calc(100% - 305px);}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_tit span {margin-right: 12px;display: inline-block;width: 49px;height: 33px;border: 1px solid rgba(0, 0, 0, 0.3);font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;line-height: 33px;text-align: center;color: #333;letter-spacing: -0.005em;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer:first-child::before {display: none;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer::before {margin: 0 16px;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result {width: auto;padding: 0;margin: auto 16px 0 0;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result .circle {display: flex;justify-content: center;align-items: center;width: 52px;height: 52px;border-radius: 50%;font-family: 'NanumSquareNeo-Variable',sans-serif;letter-spacing: -0.01em;font-size: 15px;font-weight: 800;text-align: center;line-height: 1.2;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result .circle.full {background: rgba(238, 154, 106, 0.1);border: 1px solid #EE9A6A;color: #EE9A6A;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result .circle.review {background: #fff;border: 1px solid #757575;color: #757575;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result .circle.response {background: rgb(87 187 173 / 10%);border: 1px solid #57bbad;color: #57bbad;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result .circle.waiting {background: rgba(155, 155, 155, 0.1);border: 1px solid #757575;color: #757575;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_write {width: auto;height: auto;border: 0;margin-top: auto; border-radius: 40px; overflow:hidden;}
#suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_write button {width: 157px;height: 52px;background: #F1F1F1;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 16px;letter-spacing: -0.005em;color: #7a7a7a;}

/* 더 보기 버튼 */
.veiw_list_wrap_btn8 {padding:50px 0 100px; text-align:center;}
.veiw_list_wrap_btn8 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.veiw_list_wrap_btn8 button:hover {background:rgba(238, 154, 106, 0.1); border: 1px solid #EE9A6A; transition:all 0.4s;}
.veiw_list_wrap_btn8 button > img {display:block; margin:0 auto;}

/* 제안결과 veiw페이지 link 스타일 */
.proposal_content_link {position: relative;}
.proposal_content_link ul {display:flex; margin:40px 0 70px; justify-content:flex-start;}
.proposal_content_link ul li {width:50px; height:50px; background:#fff; border:1px solid #e0e0e0; border-radius:110px; padding:12px 2px; margin-right:4px; transition:all 0.4s;}
.proposal_content_link ul li a {border: 0;display: block;width: 95%;margin: 0 auto;}

.proposal_content_link ul li a img {display:block; margin:0 auto;}
/* 오버 스타일 */
.proposal_content_link ul li:hover {border:1px solid #EE9A6A; background: rgba(238, 154, 106, 0.1); transition:all 0.4s;}
.proposal_content_link ul li a {width: 100%; background:none; border: 0;}
.proposal_content_link ul li a:hover, .proposal_content_link ul li a:focus, .proposal_content_link ul li a:active {border: 0;box-shadow: none; background:none;}

/* 들락날락 소개 */
/* 들락날락 소개 페이지 영역 */
#introduce_bg {width: 100%;background: url('../images/sub/pattern_bg.png') no-repeat, rgba(77, 141, 231, 0.1); height: 454px; background-size: cover;background-position: -90px -69px;}
.introduce_page_nav {padding-top:123px;}
.introduce_page_nav ul {display:flex;}
.introduce_page_nav ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; padding-right:30px; position:relative; color:#777;}
.introduce_page_nav ul li:nth-child(2):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.introduce_page_nav ul li:nth-child(3):before { content: ''; position: absolute; width: 7px; height: 7px; border-right: 1px solid #777; transform: rotate(45deg); box-sizing: border-box; border-top: 1px solid #777777; top: 6px; left: -20px;}
.introduce_page_nav ul li img {vertical-align: middle; display: inline-block;}

.introduce_banner_title {padding-top:30px; padding-bottom:115px;}
.introduce_banner_title > p {font-family: 'NanumSquareRound',sans-serif; font-size:86px; line-height:73px; letter-spacing: -0.02em; color:#4D8DE7; font-weight:800;}

/* 들락날락소개 메뉴 스타일 변경 by kkj */
.introduce_page_link {}
.introduce_page_link ul {display:flex;}
.introduce_page_link ul li {position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:32px; line-height:36px; letter-spacing:-0.02em; color:#4D8DE7; padding-right:44px; opacity:0.4;font-weight:800;}
.introduce_page_link ul .on:before {content:""; width:12px; height:12px; background:#4D8DE7; position: absolute; top: -30px; border-radius: 12px; left: 50%; transform: translateX(-28px);}
.introduce_page_link ul .on {opacity: 1;}

#introduce_wrap {padding-top:66px; background:rgba(77, 141, 231, 0.1); height:auto;}
.introduce_content01 {overflow: hidden;}
.introduce_content01_l {float:left;}
.introduce_content01_l > h2 {padding-top: 8px; font-family: 'NanumSquareRound',sans-serif; font-size:46px; font-weight:800; color:#4d8de7; letter-spacing:-0.005em; padding-bottom:50px;}
.introduce_content01_l > p {padding-bottom:50px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:24px; letter-spacing:-0.005em; color:#1f1f1f;}

.introduce_content01_r {position:relative; float:left;}
.introduce_content01_r > img {float:left; max-width:100%; height:auto; width: 640px;}
.introduce_content01_r > h2 {font-family: 'NanumSquareRound',sans-serif;font-weight: 800;letter-spacing: -0.005em;color: #4d8de7;font-size: 157px; line-height: 164px;position: absolute;right: -158px;bottom: 75px;}

.introduce_content02 {position:relative;padding-top:260px; text-align:center; padding-bottom:100px;}
.introduce_content02 > p { position:relative; font-family: 'NanumSquareRound',sans-serif; font-size:24px; letter-spacing:-0.005em; font-weight:800; color:#1f1f1f;}
.introduce_content02 > p::after {content:''; position:absolute; top:80px; right: 707px; border-left:1px solid #000; height:92px;}
.introduce_content02 > img {display: block; margin:106px auto 0px; max-width:100%; height:auto;}    

#introduce_wrap02 {margin-top:140px;}
#introduce_wrap02 .container {}

.introduce_content03 {padding-bottom:200px;}
.introduce_content03 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:24px; font-weight:800; letter-spacing:-0.005em; color:#4d8de7;}

.introduce_content03 > .introduce_content03_box {position: relative;margin-top: 40px;max-width: 1400px;width: 100%;height: 364px;border: 1px solid #CACACA;}
.introduce_content03 > .introduce_content03_box > img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;}

#introduce_wrap03 {width:100%; height:auto; background: #2F5397;}
#introduce_wrap03 .container {}

.introduce_content04 {padding-top:200px;}
.introduce_content04 > ul {display:flex; justify-content: center;align-items: center;}
.introduce_content04 > ul > li {margin: 0 50px;}
.introduce_content04 > ul > li > .introduce_content04_box01 {width: 260px; height: 270px; background: #FFFFFF; border-radius: 200px; padding: 80px 0px 60px;}
.introduce_content04 > ul > li > .introduce_content04_box01 > img {display:block; margin:0 auto;}
.introduce_content04 > ul > li:nth-child(2) > .introduce_content04_box01 > img {display:block; margin:40px auto;}
.introduce_content04 > ul > li:nth-child(3) > .introduce_content04_box01 > img {display:block; margin:30px auto;}
.introduce_content04 > ul > li > .introduce_content04_box01 > p {margin-top:34px; text-align:center; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; letter-spacing:-0.005em; color:#333; font-weight:800;}

.introduce_content04 > ul > li > .introduce_content04_box01_01 {margin-top:20px;}
.introduce_content04 > ul > li > .introduce_content04_box01_01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; text-align:center; color:#fff; font-weight:400; font-size:18px; letter-spacing:-0.005em;}

.introduce_content05 {overflow: hidden; padding-top:100px; padding-bottom:200px;}
.introduce_content05_box_l {float:left; margin-right:40px;width: calc(50% - 20px);}
.introduce_content05_box_l > img {max-width:100%; height:auto; margin-bottom:50px;}
.introduce_content05_box_l > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#fff; font-weight:400;}
.introduce_content05_box_l > p > span {display:inline-block; margin-bottom:10px; font-weight:800;}

.introduce_content05_box_r {float:left;width: calc(50% - 20px);}
.introduce_content05_box_r > img {max-width:100%; height:auto; margin-bottom:50px;}
.introduce_content05_box_r > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:18px; letter-spacing:-0.005em; color:#fff; font-weight:400;}
.introduce_content05_box_r > p > span {display:inline-block; margin-bottom:10px; font-weight:800;}

#introduce_wrap04 {padding-top:200px; padding-bottom:200px;}

.introduce_content06 {}
.introduce_content06 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:24px; font-weight:800; letter-spacing:-0.005em; color:#4d8de7;}

.introduce_content06 > ul {display:flex; margin-top:40px;}
.introduce_content06 > ul > li {margin-right:20px;flex: 0 1 50%;}
.introduce_content06 > ul > li > .introduce_content06_box {position: relative; height: 180px; padding:10px; border: 1px solid #E2E2E2;} 
.introduce_content06 > ul > li > .introduce_content06_box > img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


/* 제안 뷰 영역 */
#sub07_view_bg {position: relative; background: rgba(238, 154, 106, 0.1); padding-bottom: 175px;}
/*.proposal_view_bg {background: #fff; width: 100%;}*/
.proposal_view_bg2 {width: 100%; height: 80px; }

/* 제안 뷰 영역 */
/*.proposal_nav_view2 > .sub_view_nav {margin-top:-212px;}*/
.proposal_nav_view2 > .sub_view_nav > .sub_view_nav_cont {float:left;}
.proposal_nav_view2 > .sub_view_nav > .back_btn_wrap04 {float:right;}
.proposal_nav_view2 > .sub_view_nav > .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#EE9A6A; font-weight:800;}
.proposal_nav_view2 > .sub_view_nav > .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #EE9A6A; border-radius: 50px; margin-right:12px;}
.proposal_nav_view2 > .sub_view_nav > .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

#proposal_view_wrap {max-width: 1400px;width: 100%;background: #fff;border-radius: 30px;border: 3px solid #EE9A6A;margin: 20px auto 0px;}

.proposal_sub02_view_cont01 {display: flex;justify-content: space-between; padding:70px 70px 45px;}
.proposal_sub02_view_cont01 .sub_02_view_t_l {width: calc(100% - 300px);}

.proposal_sub02_view_cont01 .sub_02_view_t_l .keyword {display:flex;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .keyword li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; max-width:85px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .keyword li:nth-child(1) {border:1px solid #EE9A6A; min-width:75px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color:#EE9A6A; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_view_title {margin-top:16px;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_view_title > h2 {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:32px; font-weight:800; letter-spacing:-0.005em; line-height:40px; color:#333;}

.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con {margin-top:16px;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul {display:flex;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul li {position:relative; margin-right:40px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:14px; line-height:15px; letter-spacing:-0.005em; color:#666;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul li:nth-child(2)::before {position: absolute;content: '';border: 1px solid #E0E0E0;top: -2px;height: 17px;left: -19px;}
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul li:nth-child(3)::before {position: absolute;content: '';border: 1px solid #E0E0E0;top: -2px;height: 17px;left: -19px;}    
.proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul li > span {display:inline-block; margin-left:8px; font-weight:400; font-size:14px; line-height:15px; letter-spacing:-0.005em;}

.proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap {float:left; border:1px solid #e0e0e0; width:134px; height:134px; padding:30px 30px 40px; margin-right:12px;}
.proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap:nth-child(2) {margin-right:0px;}
.proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap > img {display:block; margin:0 auto 8px;}
.proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap > p {color:#333; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; font-weight:400; text-align:center;}
.proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap > p > span {font-weight:800; }

.proposal_view_cont02 {padding:0px 63px;}
.proposal_view_cont02_box {border-top: 1px solid #EE9A6A;padding-top: 60px;}
.proposal_view_cont02_box .proposal_view_cont02_box01 > ul {}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; line-height:28px; letter-spacing:-0.005em; color:#333;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content01 {display: flex;}
.proposal_view_content01_r {margin-top: 8px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content01 > .proposal_view_content01_l > span {width: 110px; margin-right:20px; height: 47px; background: rgba(151, 151, 151, 0.14); border-radius: 10px; font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.02em; color:#707070; display:inline-block; text-align:center; line-height:47px;}

.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content01 > .proposal_view_content01_r > p {display:inline-block;word-break: break-all;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li:nth-child(1) {margin-bottom:13px;}    
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li:nth-child(2) {margin-bottom:49px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li:nth-child(2) .proposal_view_content01 {margin-top:20px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li:nth-child(3) {margin-bottom:52px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > .trp01 {border-top: 1px solid #E2E2E2; padding-top:48px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content02 {display: flex;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content02 > .proposal_view_content02_l  {float:left; margin-right:20px;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content02 > .proposal_view_content02_l > span {width: 110px; height: 109px; display:inline-block; background: rgba(238, 154, 106, 0.14); border-radius: 10px; font-family: 'NanumSquareRound',sans-serif; color:#ee9a6a; font-size:18px; font-weight:800; letter-spacing:-0.02em; text-align:center;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content02 > .proposal_view_content02_l > span > img {display: block; margin: 19px auto 0;}
.proposal_view_cont02_box .proposal_view_cont02_box01  > ul > li > .proposal_view_content02 > .proposal_view_content02_r  {float:left;}

/* 소통>한마당, 제안>학생제안 댓글 영역 공통 스타일*/
.proposal_comment_cont01 {margin-top: 30px; padding: 70px; background: #fff; border-radius: 30px;}

/* 학생제안 댓글 영역 */
#proposal_view_wrap02 {}
.proposal_comment_wrap {margin-top: 80px;border-radius: 30px;}
.proposal_comment_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; letter-spacing:-0.005em; font-size:20px; font-weight:800;}
.proposal_comment_cont01 > p > img {max-width:100%; height:auto; display:inline-block; margin-right:10px;}

.proposal_comment_form_wrap {margin-top:25px;}
.proposal_comment_form_wrap > form > textarea {padding: 16px;resize:none; width:100%; height: 233px; background:#fff; border: 1px solid rgba(151, 151, 151, 0.6); border-radius: 10px;}
.proposal_comment_form_wrap > form {position: relative;}
.proposal_comment_list_wrap {position: absolute; top: 176px; left: 1px; width: 100%; background: rgba(151, 151, 151, 0.05); border-radius: 0 0px 10px 10px; overflow:hidden;}

.proposal_comment_wirte_num {float:left; padding:14px 16px;}
.proposal_comment_wirte_num > p {color:#cdcdcd; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.proposal_comment_wirte_num > p > span {color:#606060;}
.proposal_comment_btn {float:right; background:#333; width:115px;border-radius: 0 0 10px 0; margin-right: 1px; transition:all 0.4s;}
.proposal_comment_btn:hover {background:#111; transition:all 0.4s;}
.proposal_comment_btn input {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; color:#fff; letter-spacing:-0.005em; cursor:pointer; padding:16px 28px;}

.proposal_content02_top {margin-top:50px; margin-bottom:20px;}
.proposal_content02_top > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; font-weight:400; width:120px; height:46px; border:1px solid #bababa; border-radius:50px; text-align:center; line-height:46px;}

.proposal_content02_cont01 {border:none;}
.proposal_content02_center:nth-child(1) {border-top:1px solid #e0e0e0;}

.proposal_comment_cont01 .comnet03 .comnet01 {margin-top: 24px;}
.proposal_comment_cont01 .comnet03 .comnet01 .proposal_comment_form_wrap {float: right;width: calc(100% - 30px);} 
.proposal_comment_cont01 .comnet03 .comnet01 .proposal_comment_form_wrap textarea {background: #ededed;}
.proposal_comment_cont01 .comnet03 .proposal_comment_form_wrap .comment_list_wrap0 {left: auto;right: 0;bottom: 0px;width: calc(100% - 30px);border-radius: 0;border: 0;background: #ededed;}
.proposal_comment_cont01 .comnet03 .proposal_comment_form_wrap .comment_list_wrap0 .comment_list_wrap2 {background: #ededed;}

.proposal_content02_cont01 ul {display:flex; justify-content:flex-start; margin-top:40px;}
.proposal_content02_cont01 > ul li {margin:0 10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; letter-spacing:-0.005em; color:#444;}
.proposal_content02_cont01 > ul li > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}
.proposal_content02_cont01 > ul li:nth-child(1) {margin: 0 0px !important;}
.proposal_content02_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#666; word-break: break-all;}

.proposal_content03_cont01 ul {display:flex; justify-content:flex-start; margin-top:40px;}
.proposal_content03_cont01 > ul li {margin:0 10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; letter-spacing:-0.005em; color:#444;}
.proposal_content03_cont01 > ul li > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}
.proposal_content03_cont01 > ul li:nth-child(1) {margin: 0 0px !important;}
.proposal_content03_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#666; word-break: break-all;}

.proposal_good_list_style {justify-content: right !important; align-items: center; padding-bottom: 20px;border-radius: 0 0 10px 10px; border-bottom: 1px solid #E0E0E0;}
.proposal_good_list_style li {margin-right:6px;  font-size:12px !important; color:#333; font-weight:400 !important;}
.proposal_good_list_style li img {display:inline-block; margin-right:6px;}
.proposal_good_list_style li > button {width:35px; height:24px; line-height:24px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px;}

/* 학생제안 view 버튼 영역 */
.proposal_comment_wrap_btn {padding:50px 0 100px; text-align:center;}
.proposal_comment_wrap_btn button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.proposal_comment_wrap_btn button:hover {background: rgba(238, 154, 106, 0.1); transition:all 0.4s; border:1px solid #EE9A6A;}
.proposal_comment_wrap_btn button > img {display:block; margin:0 auto;}

/* 학생제안 write 영역 */
.debate_bg {position: relative; background: rgba(238, 154, 106, 0.1);padding-bottom: 175px;}
.debate_bg .sub_write_top_cont_wrap {border: 1px solid #EE9A6A; padding: 70px 70px 135px;}
.debate_bg .sub_write_top_cont_wrap::after {content: '';display: block;position: absolute; bottom: 0; left: 114px; z-index: -10; width: 225px; height: 186px;
background-repeat: no-repeat;background-image: url(/images/newsub/debate_write_img02.png); background-size: 100%;}
.debate_bg .sub_write_top_cont_wrap .sub_write_top_l > p {color: #EE9A6A;}
#debate_write_wrap_top {position: relative;}

.debate_bg .write_content {border: 2px solid #EE9A6A;}
.debate_bg .write_keyword05_01 li:nth-child(1) {border: 1px solid #EE9A6A;color: #EE9A6A;}
.debate_bg .write_content_tit {color: #EE9A6A;}
.debate_bg .write_content .write_content01 .category_select > li {flex: 0 0 13.5%;}
.debate_bg .write_content .write_content01 .category_select > li:hover,
.debate_bg .write_content01 .category_select .sub02_write_on,
.debate_bg .write_content01 .category_select .sub02_write_on_2 {background: #E593B81A;border: 1px solid #EE9A6A;}
.debate_bg .write_content01 .category_select > li.sub02_write_on > label::before,
.debate_bg .write_content01 .category_select > li.sub02_write_on_2 > label::before {background: url(/images/newsub/debate_write_img04.png) no-repeat center;}
.debate_bg .write_content .border-bt {border-bottom: 1px solid #EE9A6A;}
.debate_bg .write_content .input_date_box2 > ul > li:hover,
.debate_bg .write_content .input_date_box2 > ul > .on3 {border: 1px solid #EE9A6A;color: #EE9A6A;}
.debate_bg .write_cont02_07 ul li button {border: 1px solid #EE9A6A;color: #EE9A6A;}
.debate_bg .write_cont02_07 ul li button.on,
.debate_bg .write_cont02_07 ul li > button:hover {border: 1px solid #EE9A6A;background: #EE9A6A;color: #fff;}

.debate_write_nav {overflow:hidden; padding:80px 0 40px;}
.debate_write_nav .sub_write_nav .sub_view_nav_cont {float:left;}
.debate_write_nav  .sub_write_nav .back_btn_wrap04 {float:right;}
.debate_write_nav  .sub_write_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#EE9A6A; font-weight:800;}
.debate_write_nav  .sub_write_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #EE9A6A; border-radius: 50px; margin-right:12px;}
.debate_write_nav  .sub_write_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

.debate_write_top_cont_wrap05 .sub_write_top_l {float:left; width:20%;}
.debate_write_top_cont_wrap05 .sub_write_top_l > p {font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:24px; letter-spacing:-0.005em; color:#EE9A6A;}
.debate_write_top_cont_wrap05 .sub_write_top_l > img {display:block; max-width:100%; height:auto;}

.debate_write_top_cont_wrap05 .sub_write_top_r {float:left; width: 80%; padding-left: 67px;}
.debate_write_top_cont_wrap05 .sub_write_top_r > ul {display:flex; flex-direction: column;}
.debate_write_top_cont_wrap05 .sub_write_top_r > ul > li {margin-bottom:10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing: -0.005em;}
.debate_write_top_cont_wrap05 .sub_write_top_r > ul > li > img {display:inline-block; margin-right:10px;}
.debate_write_top_cont_wrap05 .sub_write_top_r > ul > li > span {}
.debate_write_top_cont_wrap05 .sub_write_top_r > ul > li > span > .bold_style {font-weight:800;}

/* 학생제안 write 키워드 영역 */
.debate_write_cont05 {padding: 70px 70px 45px; width: 100%;overflow: hidden;}
.debate_write_keyword05_01 {display:flex; justify-content:center;}
.debate_write_keyword05_01 li {margin-right:8px; font-family: 'NanumSquareNeo-Variable',sans-serif; border:1px solid rgba(0,0,0,0.3); text-align: center; line-height: 32px; width:61px; height:32px; font-size:15px; font-weight:400; color:#333; letter-spacing:-0.005em;}
.debate_write_keyword05_01 li:nth-child(1) {border:1px solid  #EE9A6A; width:61px; height:32px; text-align: center; line-height: 32px; font-family: 'NanumSquareRound',sans-serif; color: #EE9A6A; font-size:15px; letter-spacing:-0.02em; font-weight:800;}

.debate_write_content01_box01 {overflow: hidden;margin-bottom: 10px;}
.debate_write_content01_box01_wrap {overflow: hidden;padding: 0px 104px 0 69px;}
.debate_write_content01_box01_wrap .debate_write_content01_box01_wrap_t > p {margin-top: 30px;margin-bottom: 30px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 24px;letter-spacing: -0.005em;color: #EE9A6A;}

.debate_write_content01_01 {overflow: hidden;padding: 0px 104px 0 69px;}
.debate_write_content01_01 > p  {padding-right: 58px; line-height: 40px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; color:#333; letter-spacing:-0.005em; font-weight:800;}
.debate_write_content01_01 > ul {margin-bottom:10px; display: flex;}
.debate_write_content01_01 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; margin-left:16px; width:calc((100% - 40px)/4);
line-height: 40px; text-align: center; background: #FFFF;border: 1px solid #D7D7D7;border-radius: 4px;}
.debate_write_content01_01 > ul > li:hover { background: rgba(229, 147, 184, 0.1);border: 1px solid #EE9A6A; border-radius: 4px; cursor:pointer; transition: all 0.4s;}	
.debate_write_content01_01 ul .sub02_write_on { background: rgba(229, 147, 184, 0.1);border: 1px solid #EE9A6A;	border-radius: 4px;}
.debate_write_content01_01 ul > li > label > img {display:inline-block;}	

/* 라디오 버튼 이미지 클릭시 바뀌는 영역 */
.debate_write_content01_01 > ul > li input[type="radio"] {display: none;}
.debate_write_content01_01 > ul > li input[type=radio]:checked + label > img {background: url("/images/newsub/debate_write_img04.png") no-repeat; width:17px; height:16px; max-width:100%;}

/* 학생제안 쓰기영역 첨부파일 영역 */
.debate_write_content01_box02_01 {margin-bottom:10px; padding:0px 104px 0 69px;}
.debate_write_content01_box02_01 > ul {display:flex; justify-content: space-between; }
.debate_write_content01_box02_01 > ul > li:nth-child(1) {margin-top:4px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.debate_write_content01_box02_01 > ul > li .filebox > input {width:993px; background:#f6f6f6; border:1px solid #e2e2e2; border-radius:3px;}
.debate_write_content01_box02_01 > ul > li .filebox > input::placeholder {color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.debate_write_content01_box02_01 > ul > li .filebox {position: relative;}

/* 학생제안 쓰기영역 textarea  영역 */
.debate_write_content01_box02 {padding: 0px 104px 0 69px;}
.debate_write_content01_box02 > ul {display:flex;}
.debate_write_content01_box02 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.debate_write_content01_box02 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px; width: 1088px;resize: none; margin-left: 75px;}
.debate_write_content01_box02 > ul > li > textarea ::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}    
.debate_write_content01_box02 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

/* 학생제안 쓰기영역 textarea03  영역 */
.debate_write_content01_box03 {padding: 0px 104px 0 69px;}
.debate_write_content01_box03 > ul {display:flex;}
.debate_write_content01_box03 > ul > li {margin-bottom:4px; position:relative; margin-top:4px; float:left; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.005em; color:#333;}
.debate_write_content01_box03 > ul > li > textarea {padding: 3px 12px; height:130px; border:1px solid #e2e2e2; background:#fff; border-radius:3px; width: 1088px;resize: none; margin-left: 75px;}
.debate_write_content01_box03 > ul > li > textarea ::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.debate_write_content01_box03 > ul > li > span {position: absolute; right:9px; bottom:12px; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#757575;}

.debate_write_content01_box01_wrap {overflow:hidden; padding:0px 104px 0 69px; }
.debate_write_content01_box01_wrap_l {float:left;}
.debate_write_content01_box01_wrap_l > p {padding-right: 30px;line-height: 40px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-size: 15px;color: #333;letter-spacing: -0.005em; font-weight: 800;}

.debate_write_content01_box01_wrap_r {float:left;}
.debate_write_content01_box01_wrap_r > input {padding: 3px 12px;margin-left: 56px;background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px;width: 1092px;}
.debate_write_content01_box01_wrap_r > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}

.debate_write_content01_box04 {margin-bottom:10px;overflow: hidden;padding: 0px 104px 0 69px;}
.debate_write_content01_box04_wrap {padding-bottom:70px; border-bottom: 1px solid #EE9A6A; overflow: hidden;}
.debate_write_content01_box04 .debate_write_content01_box05_l {float:left; }
.debate_write_content01_box04 .debate_write_content01_box05_l > p {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.debate_write_content01_box04 .debate_write_content01_box05_r {float:left; margin-left: 72px;}
.debate_write_content01_box04 .debate_write_content01_box05_r .debate_write_content01_box05_btn {}
.debate_write_content01_box04 .debate_write_content01_box05_r .debate_write_content01_box05_btn > button {width: 116px; height: 36px; background:#333; color:#fff; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; border-radius: 4px; font-weight:400; margin-top:10px; margin-bottom:10px;}
.debate_write_content01_box04 .debate_write_content01_box05_r > input {padding: 3px 12px;background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px;    width:1040px;height: 36px; display:inline-block;}
.debate_write_content01_box04 .debate_write_content01_box05_r > input::placeholder {opacity: 0.4; color: #757575; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}   
.debate_write_content01_box04 .debate_write_content01_box05_r > button {margin-left:10px; border:1px solid #333; width:36px; height:36px; background:#fff; border-radius:4px;}
.debate_write_content01_box04 .debate_write_content01_box05_r > button > img {display:block; margin:0 auto;}

/* 학생제안 쓰기 영역 달력 */
.debate_write_content01_box07 {padding: 0px 104px 0 69px;}
.debate_write_content01_box07 {overflow: hidden; margin-bottom:10px;}
.debate_write_content01_box01_l {float:left;} 
.debate_write_content01_box01_l > p {margin-bottom: 4px;position: relative;margin-top: 4px;float: left;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.debate_write_content01_box01_r {float:left; margin-left: 73px;}

.debate_write_content01_box01_r .input_date_box01 input[type="date"]{position: relative;min-height:30px;padding: 10px 12px;border: 1px solid #ddd;font-size:15px;font-weight: 400;letter-spacing: -0.005em;color: #757575;font-family: 'NanumSquareNeo-Variable',sans-serif;}
.debate_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-clear-button,
.debate_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-inner-spin-button {display: none;} 
.debate_write_content01_box01_r .input_date_box01 input[type="date"]::-webkit-calendar-picker-indicator {background: transparent;z-index: 1;} 
.debate_write_content01_box01_r .input_date_box01 input {width: 152px; height: 36px;background: #FFF;border: 1px solid #E2E2E2;border-radius: 3px;}
.debate_write_content01_box01_r .input_date_box01 input:after{position: absolute;top:50%;right:10px;content: '';width: 20px;height:22px;background: #fff url('/images/newsub/sub05_write_img04.png') center center /contain;transform: translateY(-50%);z-index: 0;}
.debate_write_content01_box01_r .input_date_box01 {float:left;}

.debate_write_content01_box01_r .input_date_box3 {float:left;}
.debate_write_content01_box01_r .input_date_box3 > ul {display:flex; margin-left:16px; align-items:center;}
.debate_write_content01_box01_r .input_date_box3 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; color:#757575; background: #F6F6F6; border: 1px solid #CACACA;width: 65px;height: 36px; text-align:center; line-height:36px;}
.debate_write_content01_box01_r .input_date_box3 > ul > li:hover {border: 1px solid #EE9A6A; transition:all 0.4s; color:#EE9A6A;}
.debate_write_content01_box01_r .input_date_box3 > ul > li:nth-child(1) {border-radius:6px 0px 0px 6px;}
.debate_write_content01_box01_r .input_date_box3 > ul > li:nth-child(3) {border-radius:0px 6px 6px 0px;}
.debate_write_content01_box01_r .input_date_box3 > ul > .on3 {color:#EE9A6A;  border: 1px solid #EE9A6A;}
.debate_write_content01_box01_r .input_date_box3 > ul > li > button {}

.debate_write_content05 {margin-bottom:100px; margin-top:70px;}
.debate_write_content05 > ul {display: flex; justify-content: center;}
.debate_write_content05 > ul > li {margin-right:10px;}
.debate_write_content05 > ul > li button {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:800; font-size:20px; letter-spacing:-0.01em; color:#EE9A6A; width: 188px; height: 68px; background: #FFFFFF; border: 1px solid #EE9A6A; border-radius: 94px;}
.debate_write_content05 > ul > li > button:hover {background:#EE9A6A; transition:all 0.4s; color:#fff;}

/* 제안결과 view */
#suggestRstView .sub05_view_contet_box_l {border: 3px solid #EE9A6A;}
#suggestRstView .sub05_view_contet_box_r {padding: 0;background: transparent;}

.proposal_result_bg {background: rgba(238, 154, 106, 0.1);}

.proposal_result_nav {overflow:hidden; padding:80px 0 40px;}
.proposal_result_nav .sub_write_nav .sub_view_nav_cont {float:left;}
.proposal_result_nav  .sub_write_nav .back_btn_wrap04 {float:right;}
.proposal_result_nav  .sub_write_nav .back_btn_wrap04 > a {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#EE9A6A; font-weight:800;}
.proposal_result_nav  .sub_write_nav .back_btn_wrap04 > a > span {text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; background:#fff; border:1px solid #EE9A6A; border-radius: 50px; margin-right:12px;}
.proposal_result_nav  .sub_write_nav .back_btn_wrap04 > a > span > img {display:inline-block; vertical-align: middle; margin:0 auto; }

#proposal_result_wrap {width:100%; overflow:hidden;}

.proposal_result_wrap_l {margin-right:30px; width: 650px; height:auto; background: #FFF;border: 3px solid #EE9A6A; padding:70px;border-radius: 30px; float:left; margin-top:38px;}
.proposal_result_wrap_r {width:720px; float:left;}

.proposal_result_box01 {}
.proposal_result_box01 > ul {display:flex;}
.proposal_result_box01 > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:8px;}
.proposal_result_box01 > ul > li:nth-child(1) {width: 74px;height: 32px;text-align:center;line-height:32px; border: 1px solid #EE9A6A; font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:15px; letter-spacing:-0.02em; color:#ee9a6a;}
.proposal_result_box01 > ul > li:nth-child(2) {width: 49px;height: 33px;text-align:center;line-height:33px;border: 1px solid rgba(0, 0, 0, 0.3); font-weight:400; font-size:15px; letter-spacing:-0.005em; color:#333;}    

.proposal_result_box01 > h2 {word-break: break-all; line-height: 40px; margin-top:16px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:32px; letter-spacing:-0.005em; color:#333;}        

.proposal_result_box01 .proposal_result_box01_cont {margin-top:16px; padding-bottom:40px; border-bottom: 1px solid #EE9A6A;}
.proposal_result_box01 .proposal_result_box01_cont > ul {display:flex;}
.proposal_result_box01 .proposal_result_box01_cont > ul > li {position:relative; margin-right:20px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:14px; font-weight:800; letter-spacing:-0.005em; color:#666;}
.proposal_result_box01 .proposal_result_box01_cont > ul > li:not(:first-child)::before {content:''; height:16px; border: 1px solid #E0E0E0;position:absolute;top: 1px;left: -10px;}
.proposal_result_box01 .proposal_result_box01_cont > ul > li > span {display:inline-block; margin-left:8px; font-weight:400;}

.proposal_result_box02 {margin-top:60px; border-bottom: 1px solid #E2E2E2; padding-bottom:52px;}
.proposal_result_box02 .result__item {margin-bottom: 24px;}
.proposal_result_box02 .result__item p {font-family: 'NanumSquareNeo-Variable',sans-serif; word-break: break-all;}
.proposal_result_box02 .result__item p > span {display:inline-block;width: 110px;height: 47px;margin-bottom: 16px;background: rgba(151, 151, 151, 0.14);border-radius: 10px;  line-height:47px; text-align:center;font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.02em; color:#707070; }

.proposal_result_box03 {margin-top:48px;}
.proposal_result_box03 > p {margin-top:20px; word-break:break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#333;}
.proposal_result_box03 .proposal_result_box03_cont {width: 110px;height: 109px;background: rgba(238, 154, 106, 0.14);border-radius: 10px;}
.proposal_result_box03 .proposal_result_box03_cont > img {display: block; margin:0 auto 10px; padding-top: 19px;}
.proposal_result_box03 .proposal_result_box03_cont > p {text-align:center; font-family: 'NanumSquareRound',sans-serif; font-weight:800; font-size:18px; letter-spacing:-0.02em; color:#ee9a6a;}

.proposal_result_wrap_r_box01 {margin-bottom: 30px;background: #fff;border-radius: 20px 20px 30px 30px;}
.proposal_result_wrap_r_box_top {background: #EE9A6A;border-radius: 20px 20px 0px 0px; padding:60px 60px 41px;text-align: center;}
.proposal_result_wrap_r_box_top_l {position: relative;}
.proposal_result_wrap_r_box_top_l > img {position: absolute;top: -86px;left: 39px;}

.proposal_result_wrap_r_box_top_r {display: inline-block; position: relative; margin-top: -30px;}
.proposal_result_wrap_r_box_top_r::before {content: '';position: absolute;bottom: 0;left: -215px; width: 185px;height: 171px;background: url(/images/newsub/proposal_result_img01.png) no-repeat center / contain;}

.proposal_result_wrap_r_box_top_r > p {font-weight:800; font-size:36px; letter-spacing:-0.005em; color:#fff; text-align: center; font-family: 'NanumSquareNeo-Variable',sans-serif;}
.proposal_result_wrap_r_box_top_r > p > span {width: 73px;height: 28px;line-height:28px;display: inline-block;font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#fff;border: 1px solid #FFF;border-radius: 60px;}

.proposal_result_wrap_r_box_top_c {display:flex; justify-content: space-between;margin-top:43px;}
.proposal_result_wrap_r_box_top_c_box01_l {float:left; margin-right:10px;}
.proposal_result_wrap_r_box_top_c_box01_l .proposal_result_wrap_r_box_top_c_box01_l_bg {width: 42px;height: 42px;background: #FFFFFF;border-radius: 4px;}
.proposal_result_wrap_r_box_top_c_box01_l .proposal_result_wrap_r_box_top_c_box01_l_bg > img {padding-top: 8px; display:block; margin:0 auto; max-width:100%; height:auto;}
.proposal_result_wrap_r_box_top_c_box01_r {float:left;text-align: left;}
.proposal_result_wrap_r_box_top_c_box01_r > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:14px; letter-spacing:-0.005em; color:#fff;}
.proposal_result_wrap_r_box_top_c_box01_r > p > span {font-weight:800;}
.proposal_result_wrap_r_box_content {padding:70px;}

.proposal_cont_box_r01_t {margin-bottom: 40px;}
.proposal_cont_box_r01_t::after {display: block;clear: both;content: '';}
.proposal_cont_box_r01_t_l {width: 60px;height: 60px;background: #FFFFFF;border-radius: 70px;float: left;margin-right: 10px;border: 1px solid #CACACA;border-radius: 70px;}
.proposal_cont_box_r01_t_l > img {display:block; margin:13px auto 0;}

.proposal_cont_box_r01_t_r {float:left;}
.proposal_cont_box_r01_t_r > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; color:#666; letter-spacing:-0.005em;}
.proposal_cont_box_r01_t_r > p:nth-child(1) {font-weight:800;}
.proposal_cont_box_r01_t_r > p:nth-child(2) {font-size:15px; font-weight:400;}

.proposal_cont_box_r01_c {margin-top:40px;}
.proposal_cont_box_r01_c > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666; margin-bottom:40px;}

/* 학생결과 댓글 영역 */
.proposal_comment_wrap02 {padding: 70px; background: #fff; border-radius: 30px;}
.proposal_comment_wrap02 .sub05_view_contet_box_r_cont01 {margin-top: 0;}
.proposal_comment_cont02 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; color:#333; letter-spacing:-0.005em; font-size:20px; font-weight:800;}
.proposal_comment_cont02 > p > img {max-width:100%; height:auto; display:inline-block; margin-right:10px;}

.proposal_comment_cont02 .sub05_view_contet_box_r {width: 100%;}
.proposal_comment_cont02 .comment_form_wrap2 textarea {resize: none;width: 100%;min-height: 200px;background: rgba(151, 151, 151, 0.05);border: 1px solid rgba(151, 151, 151, 0.6);border-radius: 10px;padding: 16px;}

.proposal_comment_form_wrap02 {margin-top:25px;}
.proposal_comment_form_wrap02 > form > textarea {resize:none; width:100%; height: 233px; background: rgba(151, 151, 151, 0.05); border: 1px solid rgba(151, 151, 151, 0.6); border-radius: 10px;}
.proposal_comment_form_wrap02 > form {position: relative;}
.proposal_comment_list_wrap02 {position: absolute; top: 175px; left: 1px; width: 100%; background: #Fff; border-radius: 0 0px 10px 10px; overflow:hidden;}

.proposal_comment_wirte_num02 {float:left; padding:14px 16px;}
.proposal_comment_wirte_num02 > p {color:#cdcdcd; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:15px; letter-spacing:-0.005em;}
.proposal_comment_wirte_num02 > p > span {color:#606060;}
.proposal_comment_btn02 {float:right; background:#444; width:115px; padding:16px 28px;}
.proposal_comment_btn02 input {font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; color:#fff; letter-spacing:-0.005em;}

.proposal_today_content02_top {margin-top:50px; margin-bottom:20px;}
.proposal_today_content02_top > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; letter-spacing:-0.005em; color:#333; font-weight:400; width:120px; height:46px; border:1px solid #bababa; border-radius:50px; text-align:center; line-height:46px;}

.proposal_today_content02_cont01:nth-child(1) {border-top:1px solid #e0e0e0;}

.proposal_today_content02_cont01 ul {display:flex; justify-content:flex-start; margin-top:40px;}
.proposal_today_content02_cont01 ul li {margin:0 10px; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:800; font-size:16px; letter-spacing:-0.005em; color:#444;}
.proposal_today_content02_cont01 ul li > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}
.proposal_today_content02_cont01 ul li:nth-child(1) {margin: 0 0px !important;}
.proposal_today_content02_cont01 > p {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#666; word-break: break-all;}

.proposal_good_list_style02 {justify-content: right !important; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; border-radius: 0 0 10px 10px;}
.proposal_good_list_style02 li {margin-right:6px;  font-size:12px !important; color:#333; font-weight:400 !important;}
.proposal_good_list_style02 li img {display:inline-block; margin-right:6px;}
.proposal_good_list_style02 li > button {width:35px; height:24px; line-height:24px; text-align:center; background:#fff; border:1px solid #d1d1d1; border-radius:4px;}

/* 학생제안결과 view 버튼 영역 */
.proposal_comment_wrap_btn02 {padding:50px 0 100px; text-align:center;}
.proposal_comment_wrap_btn02 button {font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.005em; color:#888; width:130px; height:130px; border-radius:120px; border:1px solid #e0e0e0;}
.proposal_comment_wrap_btn02 button:hover {background: rgba(238, 154, 106, 0.1);border: 1px solid #EE9A6A; transition:all 0.4s;}
.proposal_comment_wrap_btn02 button > img {display:block; margin:0 auto;}

/* 학생 토의 뷰 영역 */
.rather_content_btn .btn-report {background: #FFFFFF;border: 1px solid #D1D1D1;border-radius: 4px;padding: 2px 6px;font-size: 13px;color: #747474;}
.sub05_view_contet_box_r #comment_list {border-top: 1px solid #dfdddd; overflow:hidden; padding-top: 24px; padding-bottom: 50px;}

.sub05_view_contet_box_r_cont03_01 {overflow: hidden;}
.sub05_view_contet_box_r_cont03_01 > .rather_l {float:left; width: 100%; height: auto;background:rgba(151, 151, 151, 0.05);border: 1px solid #dfdddd; border-radius: 10px; padding:30px 30px 20px; margin-top: 40px; margin-bottom: 20px;}
.sub05_view_contet_box_r_cont03_01 > .rather_l ul {display: flex; align-items: center;margin-bottom: 8px;}
.sub05_view_contet_box_r_cont03_01 > .rather_l ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px;}
.sub05_view_contet_box_r_cont03_01 > .rather_l ul li:nth-child(1) {color: #709DFF; font-weight:800; font-size:16px; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03_01 > .rather_l ul li:nth-child(2) > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}

.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content {margin-top:10px; margin-bottom:10px;}
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content > p {text-align:left; word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666;}    

#comment_list2 .sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn {justify-content: flex-end;}

.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn {display: flex;justify-content: space-between;align-items: flex-end;margin-top: 32px}
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul {display:flex; align-items:center;}
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul > li a > img {display:inline-block; vertical-align:middle; margin-right:6px;}
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul > li a > span {font-size:12px; font-weight:400; color:#333; }
.sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul > li a > button {margin-left:5px; width: 35px; height: 24px;background: #FFF;border: 1px solid #D1D1D1;border-radius: 4px; font-size:12px; color:#747474;}
.opposite_r {float:right; margin-bottom:20px; width: 461px;height: auto; background: rgba(229, 147, 184, 0.04);border: 1px solid #E593B8; border-radius: 10px; padding:30px 30px 20px; position: relative;}

.sub05_view_contet_box_r_cont03_01 > .opposite_r ul {display: flex; align-items: center;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r ul li {font-family: 'NanumSquareNeo-Variable',sans-serif; margin-right:10px;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r ul li:nth-child(1) {color: #709DFF; font-weight:800; font-size:16px; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r ul li:nth-child(2) > span {color:#888; font-size:14px; letter-spacing:-0.005em; font-weight:400;}

.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content {margin-top:10px; margin-bottom:10px;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content > p {text-align:right;  word-break: break-all; font-family: 'NanumSquareNeo-Variable',sans-serif; font-weight:400; font-size:16px; letter-spacing:-0.005em; color:#666;}    

.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn {}
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn > ul {display:flex; align-items:center;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn > ul > li {font-family: 'NanumSquareNeo-Variable',sans-serif; letter-spacing:-0.005em;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn > ul > li > img {display:inline-block; vertical-align:middle; margin-right:6px;}
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn > ul > li > span {font-size:12px; font-weight:400; color:#333; }
.sub05_view_contet_box_r_cont03_01 > .opposite_r > .opposite_content_btn > ul > li > button {margin-left:5px; width: 35px; height: 24px;background: #FFF;border: 1px solid #D1D1D1;border-radius: 4px; font-size:12px; color:#747474;}

/* 학생토의 리스트 참여현황 영역 */
.ckadu01 {}
.ckadu01 > p {width: 97px;height: 31px;border: 1px solid #BABABA;border-radius: 50px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 400;font-size: 14px;letter-spacing: -0.005em;color: #333;text-align: center;line-height: 31px;margin-top: 17px;}
.ckadu01 > p > span {font-weight:800;}

.ckadu01_01 {}
.ckadu01_01 > span {font-weight:800; font-family: 'NanumSquareNeo-Variable',sans-serif; font-size:20px; color:#333;}
.ckadu01_01 > span > p {width: 97px;height: 31px;border: 1px solid #BABABA;border-radius: 50px;font-family: 'NanumSquareNeo-Variable',sans-serif;font-weight: 400;font-size: 14px !important;letter-spacing: -0.005em;color: #333; text-align: center;line-height: 31px;margin-top: 17px;display: inline-block;margin-left:20px;font-size:inherit;}
.ckadu01_01 > span > p > span {font-weight:800;}

/* 학생토론 글쓰기 부분 */
.discussion_school_item_wrap > span {background: #ccc;padding: 10px;display: inline-block;margin-top: 20px;border-radius: 20px; width: 153px; position:relative;}

.discussion_school_item_wrap {}
.discussion_school_item_wrap .school_close-btn:before {transform: rotate(138deg);}
.discussion_school_item_wrap .school_close-btn:after {transform: rotate(45deg);}
.discussion_school_item_wrap .school_close-btn:before, .discussion_school_item_wrap .school_close-btn:after {display: block;content: '';position: absolute;top: 7px;right: 20px;width: 1px;height: 16px;background: #555;cursor: pointer;}

/* 학생설문 view페이지 */
.poll-view {font-family: 'NanumSquareNeo-Variable',sans-serif;}
.poll-view .sub_05_keyword li:nth-child(1) {border: 1px solid #6da9e0;color: #6da9e0;}
.poll-view .sub05_top_wrap {border-bottom: 0;}
.poll-view__txt {display: block;font-weight: 400;font-size: 16px;line-height: 1.4;letter-spacing: -0.005em;color: #333;}
.poll-view__info {padding: 30px;background: #F6F6F6;border-radius: 20px;}
.poll-view__info .list__item {position: relative;display: flex;align-items: center;padding-left: 12px;font-weight: 400;font-size: 15px;letter-spacing: -0.005em;color: #666;}
.poll-view__info .list__item .blue {color: #6DA9E0;}
.poll-view__info .list__item:not(:last-child) {margin-bottom: 6px;}
.poll-view__info .list__item::before {content: '';position: absolute;top: 10px;left: 0;width: 4px;height: 4px;background: #333;border-radius: 50%;}
#container .poll-view__info .list__item .tit {display: block;width: 60px;margin-right: 8px;margin-bottom: 0;font-weight: 800;font-size: 15px;line-height: 1.5;letter-spacing: -0.05em;color: #545454;}
.poll-view .list__item .d_day {display: flex;justify-content: center;align-items: center;margin-left: 8px;padding: 4px 12px;background: #fff;border: 1px solid #6DA9E0;border-radius: 100px;color: #6DA9E0;}
.poll-view .top_title {display: flex;justify-content: space-between;margin-bottom: 26px;}
.poll-view .top_title__text {width: calc(100% - 134px);}
.poll-view .top_title__like {display: flex;flex-wrap: wrap;justify-content: center;align-content: center;width: 134px;height: 134px;border: 1px solid #e0e0e0;}
.poll-view .top_title__like p {width: 100%;margin-top: 6px;text-align: center;font-size: 16px;letter-spacing: -0.005em;font-weight: 800;}
.poll-view .poll-list .tit_box {margin-top: 52px;}
.poll-view .poll-list .tit_box h2 {display: flex;align-items: flex-start;justify-content: space-between;}
.poll-view .poll-list .tit_num {padding: 3px 12px;background: rgba(109, 169, 224, 0.2);border-radius: 10px;font-size: 16px;}
.poll-view .poll-list .text {width: calc(100% - 80px);margin-top: 15px;font-weight: 800;font-size: 18px;line-height: 1.5;letter-spacing: -0.005em;color: #333;word-break: break-all;}
.poll-view .result-graph {height: 8px;background-color: #EDEDED;}
.poll-view .result-graph em {font-size: 15px;line-height: 17px;letter-spacing: -0.005em;color: #757575;}
.poll-view .result-graph-percent {font-weight: 400;font-size: 16px;right: 0;}
.poll-view .result-graph-percent .point {margin-left: 4px;font-weight: 800;color: #4d8de7;}

/* 제안 list페이지 */
#sub07_bg {position: relative;width:100%; background:url('/images/newsub/pattern_bg.png') no-repeat, rgba(238, 154, 106, 0.1); height:454px; background-size: cover; background-position:-90px -69px;}
#sub07_bg .sub_banner_title > p {color: #EE9A6A;}
#sub07_bg .sub_page_link ul li,
#sub07_bg .sub_page_link > ul > li > a {color: #EE9A6A66;}
#sub07_bg .sub_page_link > ul .on a {color: #EE9A6A;}
#sub07_bg .sub_page_link ul .on:before {background: #EE9A6A;}
#sub07_bg .container > img {position: absolute;right: 0;top: auto;bottom: -76px;}
#sub07_wrap #tabbtnbox {border-bottom: 2px solid #EE9A6A;}
#sub07_wrap .tactive0555,
#sub07_wrap .tactive0555:hover {border: 2px solid #EE9A6A;border-bottom: 0;color: #EE9A6A;}
#sub07_wrap .search_bar_wrap4 ul li:nth-child(4) button {background: #EE9A6A;}
#sub07_wrap .search_bar_wrap4 ul li:nth-child(4) button:hover {background:#f58444;transition:all 0.4s;}

#sub07_wrap .tabBox2 > p:hover {color:#EE9A6A;}

/* 동영상 비율 유지 */
.video-wrap {overflow: hidden;position: relative;height: 0;padding-bottom: 56.25%;}
.video-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* 오늘톡 등록하기 팝업 */
.today_talk_popup {display: none;position: fixed;top: 50%;left: 50%;width: 90%;max-width: 700px;padding: 44px 36px;background-color: #fff;box-sizing: border-box;box-shadow: 4px 4px 34px rgb(0 0 0 / 25%);border-radius: 30px;transform: translate(-50%, -50%);z-index: 100;}
.today_talk_popup__top {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 16px;}
.today_talk_popup__top h3 {margin: 0;}
.today_talk_popup__top #btnCloseTalk {position: relative;width: 30px;height: 30px;font-size: 0;}
.today_talk_popup__top #btnCloseTalk::before,
.today_talk_popup__top #btnCloseTalk::after {content: '';position: absolute;top: 0;left: 50%;width: 2px;height: 100%;background: #333;}
.today_talk_popup__top #btnCloseTalk::before {transform: rotate(45deg);}
.today_talk_popup__top #btnCloseTalk::after {transform: rotate(-45deg);}
.today_talk_popup__write {padding: 36px;border: 1px solid #E0E0E0;border-radius: 30px;}
.today_talk_popup__write textarea {width: 100%;resize: none;}
.today_talk_popup .btn {display: flex;justify-content: flex-start;align-items: center;width: auto;height: auto;margin: 20px auto 0;padding: 8px 24px;background: #fff;border-radius: 40px;border: 1px solid #C0C0C0;color: #333;font-family: 'NanumSquareNeo';font-size: 14px;font-weight: bold;}
.today_talk_popup .btn::after {content: '';display: inline-block;width: 24px;height: 24px;background-image: url(/images/main/t_icon_4.png);background-position: center;background-position: right;background-size: auto;background-repeat: no-repeat;margin-left: auto;}

/* 알람 팝업 */
.arlam_wrap {display: none; width: 443px; justify-content: flex-start; flex-wrap: wrap; flex-direction: column; padding: 44px 30px 44px 36px; color: #333; background-color: #fff; box-sizing: border-box; box-shadow: 0px 2px 20px 2px rgb(0 0 0 / 10%); border-radius: 30px; position: absolute; right: 0; top: 100%; z-index: 100; }
.arlam_wrap.on { display: flex; }
.arlam_wrap .top_box { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: auto;border: 0;border-top: 0;padding: 0;}
.arlam_wrap .top_box h3 {font-family: 'NanumSquareNeo'; flex: 1 1 auto; display: flex; justify-content: flex-start; align-items: center; width: auto; height: auto; font-size: 18px; font-weight: 800;    margin-bottom: 0;}
.arlam_wrap .top_box h3:before { content: ''; display: inline-block; width: 28px; height: 28px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: auto; background-image: url("/images/main/a_icon_1.png"); margin-right: 8px; }
.arlam_wrap .top_box button { border: 0; box-sizing: border-box; cursor: pointer; }
.arlam_wrap .top_box .setting {font-family: 'NanumSquareNeo'; flex: 0 1 auto; display: flex; justify-content: flex-start; align-items: center; width: auto; height: auto; padding: 8px 16px; background-color: #EDEDED; border-radius: 50px; }
.arlam_wrap .top_box .setting:before { content: ''; display: inline-block; width: 18px; height: 18px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: auto; background-image: url("/images/main/a_icon_2.png"); margin-right: 8px; }
.arlam_wrap .top_box .close { flex: 0 1 auto; display: inline-block; width: 34px; height: 34px; background-color: transparent; background-image: url("/images/main/a_icon_3.png"); background-repeat: no-repeat; background-size: auto; background-position: center; margin-left: 12px; }
.arlam_wrap .list_wrap { max-height: 60vh;overflow-y: scroll; display: flex; width: 100%; justify-content: flex-start; flex-direction: column; margin-top: 44px;padding-right: 12px; position: relative; }
.arlam_wrap .list_wrap::-webkit-scrollbar {width: 4px;margin-left: 4px;}
.arlam_wrap .list_wrap::-webkit-scrollbar-track {box-shadow:inset 0 0 6px #efefef;}
.arlam_wrap .list_wrap::-webkit-scrollbar-thumb {background-color: #aaa;border-radius: 10px}
.arlam_wrap .list_wrap .list_box {position: relative; flex: 0 1 auto; display: flex; width: 100%; margin-bottom: 16px; }

.arlam_wrap .list_wrap .list_box:not(:last-child)::after { content: ''; display: block; position: absolute; top: 4px; left: 56px; width: 1px; height: calc(100% + 16px); background-color: #BEC4CB; z-index: 0; }
.arlam_wrap .list_wrap .list_box .datetime { flex: 0 1 auto; display: block; width: 78px; height: 100%; position: relative; }
.arlam_wrap .list_wrap .list_box .datetime:before { content: ''; display: block; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-image: url("/images/main/a_icon_4.png"); background-repeat: no-repeat; background-position: center; background-size: auto; z-index: 2; }
.arlam_wrap .list_wrap .list_box .datetime .here {font-family: 'NanumSquareNeo'; display: block; width: 100%; height: 100%; font-size: 11px; font-weight: bold; text-align: left; }
.arlam_wrap .list_wrap .list_box .cont { flex: 0 1 auto; display: block; width: calc(100% - 50px); height: auto; border: 1px solid rgba(0, 0, 0, 0.1); padding: 20px; background-color: #fff; margin-left: 14px; border-radius: 10px; }
.arlam_wrap .list_wrap .list_box .cont .tit {font-family: 'NanumSquareNeo'; display: block; width: 100%; height: auto; font-size: 14px; font-weight: normal; }
.arlam_wrap .list_wrap .list_box .cont .tit b { font-weight: 800; }
.arlam_wrap .list_wrap .list_box .cont .date {font-family: 'NanumSquareNeo'; display: block; width: 100%; height: auto; font-size: 14px; font-weight: normal; color: #AEAEAE; margin-top: 16px; }

#photoview img {margin: 0 auto;}

/* 소통 탭 :그린 */
#sub01_wrap .tab-link.current a {color: #57BBAD;}

/* 나눔 탭 :핑크 */
.nanum_list_wrap .tabBox2 .tab-link.current a {color: #E593B8;}
.nanum_list_wrap .tabBox2 > p::after {border-bottom: 3px solid #E593B8;}

/* 토론 탭: 블루 */
.discussion_list_wrap .tabBox2 .tab-link.current a {color: #6DA9E0;}

/* 제안 탭: 오렌지 */
#sub07_wrap .tabBox2 .tab-link.current a,
#suggest_rst_list .tabBox2 .tab-link.current a {color: #EE9A6A;}
#sub07_wrap .tabBox2 > p::after,
#suggest_rst_list .tabBox2 > p::after {border-bottom: 3px solid #EE9A6A;}


/* page_num, page_num이 있는 list 페이지 하단 여백*/
.nanum_list_wrap .page_num {margin: 20px 0 0; text-align: center;  line-height: 45px; padding-bottom:175px;}


/* 반응형 */
@media (max-width: 1440px) {
    .sub_banner_title > p {font-size: 72px;}
    .sub_banner_title > p > span {font-size: 28px;}
    .sub_page_link ul li {font-size: 28px;}

    .veiw_list_wrap .view_list_cont > ul {justify-content: flex-start;margin: 0 -15px;}
    .veiw_list_wrap .view_list_cont > ul > li {width: calc((100% - 90px)/3);margin-left: 15px;}
    .veiw_list_wrap .view_list_cont > ul > li:nth-child(4n) {margin-right: auto;}
    .veiw_list_wrap .view_list_cont > ul > li .view_list_cont_box {width: auto;}
    .veiw_list_wrap .view_list_cont ul li .view_list_cont_box ul {justify-content: flex-start;gap: 8px;}

    #search_bt {padding: 14px 16px;font-size: 14px;}

    .introduce_banner_title > p {font-size: 72px;}
    .introduce_page_link ul li {padding-right: 36px;font-size: 28px;}
    .introduce_content01_l > h2 {font-size: 40px;}
    .introduce_content01_l > p {font-size: 22px;}
    .introduce_content01_r > img {width: 480px;}
    .introduce_content01_r > h2 {bottom: 62px;font-size: 136px;line-height: 138px;}
    .introduce_content02 {padding-top: 160px;}

    .write_cont02_06 {flex-wrap: wrap;}
    .write_cont02_06_r {width: 100%;}
    
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(1),
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(2),
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(1) .sub01_setting_menu_wrap,
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(3) .sub01_setting_menu_wrap02,
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(4) .sub01_setting_menu_wrap03 {width: 100%;}

    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(3),
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(4) {width: calc(50% - 10px);}

    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(2) > ul {margin: 40px 0;text-align: center;}
    .sub01_setting_menu_wrap03 > button > span {margin-right: 0;}

    #sub04_view_wrap {width: 100%;padding: 0 15px;}

    .veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box h3 p {font-size: 16px;}
    .veiw_list_wrap5 .view_list_cont ul li .view_list_cont_box .view_list_cont_text {padding: 24px;}
    .veiw_list_wrap5 .view_list_cont > ul {margin: 0 -10px;}
    .veiw_list_wrap5 .view_list_cont > ul > li {width: calc(50% - 20px);margin: 0 10px 32px;}
    .veiw_list_wrap5.col4 .view_list_cont > ul > li {width: calc(25% - 20px);}

    .write_cont02_02 > ul > li .write_cont_label {display: block;}
    
    #sub05_view_wrap {width: 100%;padding: 0 15px;}
    .sub_05_con ul {flex-wrap: wrap;}
    .sub_05_con ul li {margin-right: 12px;}
    .sub_05_con ul li:nth-child(1) {width: 100%;margin-bottom: 4px;}
    .sub_05_con ul li:nth-child(1):after {display: none;}

    #sub04_write_wrapper .write_cont02_06_r {width: auto;}
    #sub04_write_wrapper .write_cont02_03 ul {flex-wrap: wrap;flex-direction: unset;}
    #sub04_write_wrapper .write_cont02_03 ul li textarea {margin-top: 10px;}

    .sub05_view_contet_box_l,
    .sub05_view_contet_box_r {padding: 48px;}

    .write_content .write_tit {float: none;margin-bottom: 0;}
    .write_cont02_04 {flex-wrap: wrap;}
    .write_cont02_04 .write_tit {width: 100%;}
    .write_content02_l,
    .write_content02_r {float: none;width: 100%;}

    .proposal_result_wrap_r_box_content{padding: 48px;}
    .proposal_result_wrap_r_box_top,
    .proposal_comment_wrap02 {padding: 60px 48px 40px;}

    .prog_cont .search_box #search_bt {padding: 0 15px;}

    .today_talk_cont01_r {position: absolute;right: -42px;top: -5px;}
    .today_talk_cont01_r > img {width: 380px;}

    .scheduler_list > li {margin: 0 24px;}

    .today_talk_cont02 {padding: 90px 32px;}
    .timeline_content_wrap {padding: 32px 24px; width: calc(100% - 118px);}
    .timeline_content {flex-wrap: wrap; display:flex; align-items:flex-start;}
    .timeline_content_l {width: calc(100% - 150px);margin-bottom: 12px;}
    .timeline_content_l > a {font-size: 17px; line-height:normal;}
    .timeline_content_r > span {margin-top:0;}
}

@media (max-width: 1280px) {
    #sub01_bg {overflow: hidden;}
    #sub03_bg {overflow: hidden;}
    #sub07_bg {overflow: hidden;}
    
    #sub01_bg .container > img {top: auto; width: 40%; bottom: -15px;}
    .search_bar_wrap {padding: 24px;height: auto;}
    .search_bar_wrap ul li:nth-child(3) .search_input {width: 340px;}

    .introduce_content01_r > img {width: 400px;}
    .introduce_content01_r > h2 {bottom: 50px;right: -106px;font-size: 100px;line-height: 100px;}

    .tab-link {margin-right: 40px;font-size: 20px;}
    .search_bar_wrap4 ul li:nth-child(2) .search_input {width: 340px;}

    .veiw_list_wrap4 .view_list_cont ul li {width: calc(33.3333% - 20px);}
    #sub05_bg .container > img {width: 40%;}

    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_l {width: 180px;height: 180px;margin-right: 58px;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul {flex-wrap: wrap;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r {width: calc(100% - 238px);}

    .sub05_view_contet_box_wrap {flex-wrap: wrap;gap: 40px;}
    .sub05_view_contet_box_l,
    .sub05_view_contet_box_r {width: 100%;}

    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item {flex-wrap: wrap;justify-content: flex-start;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_info {width: calc(100% - 80px);}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result {margin-left: 80px;}

    .proposal_result_wrap_r_box_top_c {justify-content: center;}
    .proposal_result_wrap_r_box_top_c_box01 {margin: 0 12px;}

    .today_top_cont01_l ul li > img {width: 200px;}
    .today_top_cont01_l ul li {font-size: 54px;}

    .scheduler_list > li {margin: 0 20px;}
    .scheduler_list > li .num {font-size: 20px;}
    .scheduler_list > .scheduler_on .scheduler_bg {width: 80px;height: 80px;padding: 11px;}
    .today_top_cont01_r > a {padding: 14px 20px;width: auto;height: auto;font-size: 18px;line-height: 1;}
    .today_talk_cont01_r > img {width: 280px;}
    .today_talk_cont01_r {right: -26px;top: 45px;}
}

@media (max-width: 1024px) {
    .sub_banner_title > p {font-size: 58px;}
    .sub_banner_title > p > span {font-size: 26px;}
    .sub_page_link ul li {padding-right: 24px;font-size: 24px;}
    .sub_page_link ul .on:before {width: 10px;height: 10px;top: -20px;transform: translateX(-15px);}

    .veiw_list_wrap .view_list_cont > ul > li {width: calc((100% - 60px)/2);}
    
    .search_bar_wrap ul {flex-wrap: wrap;justify-content: flex-start;position: relative;}
    .search_bar_wrap ul li:nth-child(3) {width: calc(100% - 92px);margin-top: 12px;padding-top: 0;}
    .search_bar_wrap ul li:nth-child(3) .search_input {width: 100%;}
    .search_bar_wrap ul li:nth-child(4) {margin-top: 12px;padding-top: 0;}
    .search_bar_wrap ul li:nth-child(5) {position: absolute;top: 0;right: 0;}

    .search_bar_wrap4 {height: auto;padding: 24px;}
    .search_bar_wrap4 ul {flex-wrap: wrap;justify-content: flex-start;position: relative;}
    .search_bar_wrap4 ul li:nth-child(2) {width: calc(100% - 115px);margin-top: 12px;padding-top: 0;}
    .search_bar_wrap4 ul li:nth-child(2) .search_input {width: 100%;}
    .search_bar_wrap4 ul li:nth-child(3) {margin-top: 12px;padding-top: 0;}
    .search_bar_wrap4 ul li:nth-child(4) {position: absolute;top: 0;right: 0;}

    .introduce_banner_title {padding-bottom: 80px;}
    .introduce_banner_title > p {font-size: 58px;}
    .introduce_page_link ul li {padding-right: 24px;font-size: 24px;}
    .introduce_page_link ul .on:before {width: 10px;height: 10px;top: -20px;transform: translateX(-15px);}
    .introduce_content01_l > h2 {font-size: 32px;}
    .introduce_content01_l > p {font-size: 18px;}
    .introduce_content01_r > img {width: 300px;}
    .introduce_content01_r > h2 {bottom: 36px;right: -80px;font-size: 72px;line-height: 74px;}
    
    .introduce_content04 > ul > li {margin: 0 32px;}
    .introduce_content04 > ul > li > .introduce_content04_box01 {width: 200px;height: 210px;padding: 40px 0px 60px;}

    .introduce_content05_box_l {margin-bottom: 40px;}
    .introduce_content05_box_l,
    .introduce_content05_box_r {float: none;margin-right: 0;width: 100%;}
    .introduce_content05_box_l > img,
    .introduce_content05_box_r > img {margin: 0 0 16px;}

    .introduce_content04 {padding-top: 120px;}
    .introduce_content05 {padding-bottom: 120px;}
    #introduce_wrap04 {padding: 120px 0;}

    .swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin: 0 6px;}

    .sub_02_view_title > h2 {font-size: 26px;padding: 0;}
    
    .sub02_view_cont01 {flex-wrap: wrap;position: relative;}
    .sub02_view_cont01 .sub_02_view_t_l {width: 100%;}
    .sub02_view_cont01 .sub_02_view_t_r {position: absolute;top: 70px;right: 70px;}
    .sub02_view_cont01 .sub_02_view_t_r .good_wrap {width: auto;height: 32px;padding: 0 8px;display: flex;justify-content: center;align-items: center;gap: 6px;}
    .sub02_view_cont01 .sub_02_view_t_r .good_wrap > img {width: 20px;margin: 0;}
    .sub02_view_cont01 .sub_02_view_t_r .good_wrap > p {font-size: 14px;}

    .sub_write_top_c_wrap {flex-wrap: wrap;}
    .sub_write_top_c {flex: 0 0 100%;}
    .sub_write_top_img {left: 58px;}

    .write_content .write_tit {float: none;width: 100%;}
    .write_content02_l,
    .write_content03_l,
    .write_content04_l {float: none;}
    .write_content02_r,
    .write_content03_r,
    .write_content04_r {width: 100%;}

    #sub03_bg .container > img {width: 40%;top: auto;bottom: -5px;}

    .search_bar_wrap3 {height: auto;padding: 24px;}
    .search_bar_wrap3 ul li {flex-shrink: 0;}
    .search_bar_wrap3 ul li:nth-child(2) {flex: 0 1 calc(100% - 244px);}
    .search_bar_wrap3 ul li:nth-child(2) .search_input {width: 100%;}

    .sub03_content_wrap01 {padding: 40px 24px;}
    .sub03_cont_l > img {width: 160px;height: 160px;}
    .sub03_cont_r {width: calc(100% - 160px);}
    .sub03_content_wrap01 > a {flex: 0 0 160px;}
    .sub03_cont_r .sub03_cont_r01 {padding-left: 36px;}
    .sub03_cont_r .sub03_cont_r01 > h2 {margin: 32px 0 8px;font-size: 20px;}

    #mapCanvas {height: 50vh;}
    .sub04_view_wrap02_bg,
    .sub04_cont03 {padding: 70px 24px 32px;}
    .sub04_cont03_l,
    .sub04_cont03_r {width: 100%;margin: 0 0 32px;}
    .veiw_list_wrap5.col4 .view_list_cont > ul > li {width: calc(50% - 20px);}
    .veiw_list_wrap4 .view_list_cont ul li {width: calc(50% - 20px);}
    
    .sub05_view_cont01 {padding: 64px 32px;}
    .sub05_view_cont01 .sub_04_view_t_l {width: calc(100% - 190px);}
    .sub05_view_cont01 .sub_05_view_t_r {flex-wrap: wrap;justify-content: flex-end;flex-direction: column-reverse;padding-top: 8px;}
    .sub05_view_cont01 .sub_05_view_t_r .sub_cont_left {width: 100%;margin-top: 40px;}
    .sub05_view_cont01 .sub_05_view_t_r .chart_wrap02 {width: 190px;margin-left: auto;}
    .sub05_view_cont01 .sub_05_view_t_r .chart_wrap02 .chart_l {width: 100%;}

    .sub05_cont_box {flex-wrap: wrap;}
    .sub05_cont_box_l {width: 100%;margin-bottom: 40px;padding: 24px 24px 48px;border-bottom: 1px solid #E0E0E0;border-right: 0;}
    .sub05_cont_box_r {width: 100%;padding: 24px;}
    .sub05_cont_box_r span {font-size: 17px;}

    #sub04_write_wrapper .write_cont02_06_r {width: 100%;}
    #sub04_write_wrapper .write_content .write_tit {margin-bottom: 0;}
    #sub04_write_wrapper .write_cont02_03 {margin-top: 16px;}
    #sub04_write_wrapper .write_cont02_03 ul {flex-direction: column;}
    /* #sub04_write_wrapper .write_cont02_03 ul li textarea {margin-top: 0;} */

    .write_content .input_date_box {width: calc(100% - 211px);}
    .write_content .input_date_box .datepicker {width: 47%;}

    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 {padding: 40px 24px;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_l {width: 160px;height: 160px;margin-right: 36px;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r {width: calc(100% - 196px);}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > h2 {margin: 32px 0 8px;font-size: 20px;}
    .sub05_cont05 {margin-top: 0;}

    .write_content01,
    .write_content02 {margin: 0 72px;}

    .sub05_select_item {float: none;}
    .sub05_select_item:not(:last-child) {margin-bottom: 16px;}
    .sub05_select_item .title {width: 80px;}

    .veiw_list_wrap6_01 .view_list_item {padding: 40px;}
    .veiw_list_wrap6_01 .view_list_item .info_tit {font-size: 20px;}
    .veiw_list_wrap6_01 .view_list_item .item_order {font-size: 17px;}
    .veiw_list_wrap6_01 .view_list_item .info_list {flex-wrap: wrap;}
    .veiw_list_wrap6_01 .view_list_item .info_list .writer {width: 100%;}
    .veiw_list_wrap6_01 .view_list_item .info_list .writer::before {display: none;}
    .veiw_list_wrap6_01 .view_list_item .item_write {width: 80px;height: 80px;}
    .veiw_list_wrap6_01 .view_list_item .item_info {width: calc(100% - 307px);}

    #sub07_bg .container > img {bottom: -80px;width: 40%;}
    #sub07_wrap .good_wrapper li {width: auto;}

    .proposal_sub02_view_cont01 {padding: 64px 32px;}
    .proposal_view_cont02 {padding: 0px 32px;}
    .proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_view_title > h2 {font-size: 26px;}
    .proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap {width: 110px;height: 110px;padding: 22px 30px 40px;}
    .proposal_sub02_view_cont01 .sub_02_view_t_l {width: calc(100% - 240px);}

    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list {flex-wrap: nowrap;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer {width: auto;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer::before {display: inline-block;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_order {width: 50px;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_info {width: calc(100% - 50px);}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result {margin-left: 50px;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer::before {margin: 0 8px;}

    .today_top_cont01 {flex-wrap: wrap;}
    .today_top_cont01_l ul li > img {width: 160px;}
    .today_top_cont01_l ul li {font-size: 48px;}
    .today_top_cont01_r > a {font-size: 16px;}
    .today_talk_cont01 {padding-top: 20px;}
    .today_talk_cont01_l {margin-bottom: 120px;}
    .scheduler_list {justify-content: space-between;}
    .today_talk_cont01_r {right: -16px;top: 99px;}
    .today_talk_cont01_r > img {width: 220px;}

	.sub06_view_cont01 {padding: 64px 32px;}
    .survey_wrapper .survey_cont01 {padding: 64px 32px;}
	.survey_wrapper .survey_cont01 .survey_cont01_c {margin-left:0;}
	
    .item_registration_wrap {padding: 32px;}
    
    .sub06_view_cont01 .sub_06_view_t_r .good_wrap {width: auto;height: 32px;padding: 0 8px;display: flex;justify-content: center;align-items: center;gap: 6px;}
    .sub06_view_cont01 .sub_06_view_t_r .good_wrap > img {width: 20px; margin: 0;}
    .sub06_view_cont01 .sub_06_view_t_r .good_wrap > p {font-size: 14px;} 
}

@media (max-width: 768px) {
    .veiw_list_wrap .view_list_cont > ul > li {width: calc((100% - 48px));}
    .veiw_list_wrap .view_list_cont ul li .view_list_cont_box ul li {width: auto;margin-right: 12px;}
    .veiw_list_wrap .view_list_cont ul li .view_list_cont_box h3,
    .veiw_list_wrap .view_list_cont ul li .view_list_cont_box p {width: 100%;}

    .introduce_content01 {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .introduce_content01_l {float: none;width: 100%;}
    .introduce_content01_r {float: none;}
    .introduce_content01_r > h2 {right: auto;left: 244px;}
    .introduce_content01_l > p {word-break: keep-all;}
    .introduce_content01_l > p br {display: none;}

    .introduce_content03 > .introduce_content03_box {height: 0;padding-bottom: 54%;}
    
    .introduce_content04 > ul {flex-wrap: wrap;}
    .introduce_content04 > ul > li {margin: 32px 0;flex-basis: 100%;}
    .introduce_content04 > ul > li > .introduce_content04_box01 {margin: 0 auto;}

    .write_cont02_02 > ul > li > span {margin-right: 8px;font-size: 13px;}
    .write_cont02_02 > ul > .width input::placeholder {font-size: 12px;}
    .write_cont02_02 > ul > li > button {margin-left: 8px;}

    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(3),
    #sub01_setting_wrap .sub01_setting_cont02 .sub01_setting_cont02_c:nth-child(4) {width: 100%;margin: 12px 0;}

    .sub01_setting_btn ul li button {width: auto;height: auto;font-size: 18px;padding: 8px 24px;}
    
    .tabBox,
    .tabBox2 {flex-wrap: wrap;margin: 80px 0 48px;}
    .tab-link {margin-right: 24px;font-size: 18px;}

    .sub02_view_cont01 {padding: 70px 24px 32px;}
    .sub02_view_cont02 {padding: 0 24px;}
    .sub_view_cont02_content #youTubePlayer {width: 100%;}
    .sub_02_view_title > h2 {font-size: 22px;}
    .sub_02_con ul {flex-wrap: wrap;}
    .sub_02_con ul li {width: 100%;margin-bottom: 8px;}

    .sub_write_top_cont_wrap {padding: 70px 32px 160px;}
    .sub_write_top_cont_wrap::after {right: 50px; left: initial; transform: rotate(90deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
    .sub_write_top_cont_wrap .sub_write_top_l {float: none;width: 100%;margin-bottom: 32px;text-align: center;}
    .sub_write_top_cont_wrap .sub_write_top_l > img {margin: 0 auto;}
    .sub_write_top_cont_wrap .sub_write_top_r {float: none;width: 100%;padding-left: 0;}
    /*.sub_write_top_img {transform: scaleX(-1);left: auto;right: 0;width: 180px;}*/
	
	#sub04_write_wrapper .sub_write_top_cont_wrap {padding-bottom:170px;}
	#sub04_write_wrapper .sub_write_top_cont_wrap::after {height: 155px; width: 200px;right: 50px; left: initial;}
	#sub05_view_wrap_top .sub_write_top_cont_wrap::after {height: 155px; width: 200px;right: 50px; left: initial;}
	
	.debate_bg .sub_write_top_cont_wrap {padding-bottom:170px;}
	.debate_bg .sub_write_top_cont_wrap::after {height: 155px; width: 200px;right: 50px; left: initial;}

    .write_content01,
    .write_content02,
    .write_content03,
    .write_content04 {margin: 0 24px;padding: 16px;}

    /*#sub03_bg .container > img {width: 180px;top: auto;bottom: -54px;}*/

    .sub03_content_wrap01 {flex-wrap: wrap;}
    .sub03_cont_r {width: 100%;margin-top: 24px;}
    .sub03_cont_r .sub03_cont_r01 {padding-left: 8px;}
    .sub03_cont_r .sub03_cont_r01 > h2 {margin: 8px 0 0;}

    #sub04_view_wrap .nanum_list_info > .d-day {width: 64px;}
    #sub04_view_wrap .nanum_list_info > .join {width: 97px;}
    #sub04_view_wrap .nanum_list_info > .hit {width: auto;}
    #sub04_view_wrap .sub02_view_cont01 .sub_02_view_t_r {right: 16px;}

    .sub01_view_cont04 .view_list_cont > ul > li {width: calc((100% - 32px)/2);}

    .sub05_top_wrap {flex-wrap: wrap;}
    .sub05_view_cont01 .sub_04_view_t_l {width: 100%;}
    .sub05_view_cont01 .sub_05_view_t_r {width: 100%;flex-wrap: nowrap;justify-content: space-between;flex-direction: row;align-items: center;}
    .sub05_view_cont01 .sub_05_view_t_r .sub_cont_left {width: calc(100% - 120px);}
    .sub05_view_cont01 .sub_05_view_t_r .chart_wrap02 {width: 100%;}
    .sub_cont_right p:nth-child(2) {font-size: 34px;}

    .write_content .write_content_tit {padding-top: 32px;}
    .write_content .border-bt {padding-bottom: 32px;}

    .write_content01 .category_select {flex-wrap: wrap;justify-content: flex-start;gap: 8px;}
    .write_content01 .category_select > li,
    #sub05_write_wrapper .write_content .write_content01 .category_select > li,
    #sub04_write_wrapper .write_content .write_content01 .category_select > li,
    .debate_bg .write_content .write_content01 .category_select > li {flex: 0 0 calc(50% - 4px);}
    .write_content .input_date_box {width: 100%;}
    .write_content .input_date_box2 > ul {margin-left: 0;margin-top: 8px;}
    .write_content .input_date_box .datepicker {width: 46%;}
    .write_content .write_content_tit {font-size: 22px;}

    .write_content .map-info {flex-wrap: wrap;}
    .write_content .map-info .supported {width: 100%;}   

    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 {flex-wrap: wrap;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r {width: 100%;margin-top: 24px;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > h2 {margin: 8px 0 0;}

    #sub05_view_wrap_top .sub_write_top_cont_wrap .sub_write_top_l,
    #sub05_view_wrap_top .sub_write_top_cont_wrap .sub_write_top_r {width: 100%;}

    .sub05_view_cont01_box h2 {font-size: 22px;}
    .sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_title > p {height: 40px;line-height: 40px;font-size: 16px;}
    .sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_content {margin-top: 12px;}
    .sub05_view_cont02_box_cont01 .sub05_view_cont02_box_cont01_content > p {font-size: 15px;}

    .sub05_view_contet_box_r_cont02 > ul {margin-bottom: 32px;}
    .chart_wrap06 .chart_l {width: 100%;float: none;margin: 0;}
    .chart_wrap06 .percent01 {width: 100%;margin: 0;}

    .veiw_list_wrap6_01 .view_list_item {flex-wrap: wrap;}
    .veiw_list_wrap6_01 .view_list_item .item_order {width: 100%;margin-bottom: 16px;}
    .veiw_list_wrap6_01 .view_list_item .item_info {width: 100%;}
    .veiw_list_wrap6_01 .view_list_item .item_result {margin: 0 16px 0 0;padding: 0;}


    .poll-view .top_title__like {width: 110px;height: 110px;}
    .poll-view .top_title__like p {font-size: 14px;}
    .poll-view__info {padding: 24px;}
    .poll-view__info .list__item {flex-wrap: wrap;padding-left: 0;}
    .poll-view__info .list__item::before {display: none;}
    #container .poll-view__info .list__item .tit {width: 100%;}

    .poll-view .result-graph-percent {top: -28px;}

    /*#sub07_bg .container > img {bottom: -37px;width: 200px;} */
    .proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_con ul li::before {display: none;}
    .proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_view_title > h2 {font-size: 22px;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content01 {flex-wrap: wrap;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content01 > .proposal_view_content01_r {width: 100%;}

    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content02 {flex-wrap: wrap;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content02 > .proposal_view_content02_l > span {display: flex;justify-content: center;align-items: center;height: 54px;width: 140px;margin-bottom: 16px;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content02 > .proposal_view_content02_l > span > img {margin: 0 6px 0 0;}

    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_order {width: 100%;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .item_result {margin-left: 0;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list {flex-wrap: wrap;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer {width: 100%;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_list .writer::before {display: none;}

    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content02 > .proposal_view_content02_r {width: 100%;}
    .proposal_result_box01 > h2 {font-size: 22px;line-height: 1.4;}
    .proposal_result_box02 .result__item p > span {height: 40px;line-height: 40px;font-size: 16px;}
    .proposal_result_box02 .result__item p {font-size: 15px;}
    .proposal_result_box03 .proposal_result_box03_cont {display: flex;justify-content: center;align-items: center;height: 54px;width: 140px;margin-bottom: 16px;}
    .proposal_result_box03 .proposal_result_box03_cont > img {margin: 0 6px 0 0;padding: 0;}
    .proposal_result_box03 > p {margin-top: 16px;font-size: 15px;}
    .proposal_result_wrap_r_box_top_r > p {font-size: 28px;}
    .proposal_result_wrap_r_box_top_r::before {left: -150px;width: 140px;height: 129px;}
    .proposal_result_wrap_r_box_top_c_box01_l {float: none;margin: 0 auto;}
    .proposal_result_wrap_r_box_top_c_box01_l .proposal_result_wrap_r_box_top_c_box01_l_bg {margin: 0 auto 8px;}
    .proposal_result_wrap_r_box_top_c_box01_r {text-align: center;}

    .scheduler_list > li {flex-shrink: 0;margin: 0 12px;}
    .scheduler_list > li > img {width: 18px;}
    .scheduler_list > li .num {font-size: 18px;}
    .scheduler_list > .scheduler_on .scheduler_bg {width: 70px; height: 70px;}
    .today_top_cont01 {justify-content: center; padding-top: 50px;}
    .today_top_cont01_l {width: 100%;}
    .today_top_cont01_l ul {flex-wrap: wrap;justify-content: center;margin-bottom: 24px;}
    .today_top_cont01_l ul li {text-align: center;}

    .today_talk_cont02 {padding: 72px 24px;}
    .timeline > li .timeline_wrap {width: 76px;height: 34px;}
    .timeline > li .timeline_wrap > p {font-size: 13px;}
    .timecircle {width: 18px;height: 18px;margin: 0 12px;}
    .time_line {top: -72px;left: 94px;width: 5px;height: calc(100% + 164px);}
    .timeline_content_wrap {padding: 24px 16px;}
    .timeline_content_l > a {font-size: 15px;}

    .sub05_top_wrap {position: relative;}
    .poll-view .top_title__like {position: absolute;right: 0;top: 0;flex-wrap: nowrap;width: auto;height: 36px;align-items: center;padding: 4px 12px;}
    .poll-view .top_title__like > img {width: 26px;height: 26px;margin-right: 6px;}
    .poll-view .top_title__like p {margin-top: 0;}
}

@media (max-width: 680px) {
    .sub_banner_title {padding-bottom: 80px;}
    .sub_banner_title > p {font-size: 48px;}
    .sub_banner_title > p > span {display: block;padding-left: 0;font-size: 22px;}
    .sub_page_link ul li {padding-right: 14px;font-size: 22px;}
    .veiw_list_nav .veiw_list_nav_l,
    .veiw_list_nav .veiw_list_nav_r {float: none;}
    /*#sub01_bg .container > img {width: 240px;}*/
    .search_bar_wrap {margin-top: 64px;}
    .search_bar_wrap ul li:nth-child(1) .selectBox,
    .search_bar_wrap ul li:nth-child(2) .selectBox {width: 100px;font-size: 13px;}
    .search_bar_wrap ul li:nth-child(3) .search_input {font-size: 13px;}
    #search_bt {font-size: 13px;padding: 14px;}

    .veiw_list_wrap_btn button {width: 100px;height: 100px;}
    .veiw_list_wrap_btn button > img {width: 16px;}

    .introduce_banner_title > p {font-size: 48px;}
    .introduce_page_link ul li {padding-right: 14px;font-size: 22px;}

    .write_cont02_02 ul {flex-wrap: wrap;}
    .write_cont02_02 > ul > li:nth-child(1) {width: 100%;}
    .write_cont02_02 > ul > .width {width: calc(100% - 94px);}
    .write_cont02_02 > ul > li > input,
    .write_cont02_02 > ul > li > button {margin-top: 0;}
    
    .write_content01 > ul {flex-wrap: wrap;gap: 16px;}
    .write_content01 > ul > li {    flex: 0 0 calc(50% - 8px);}
    .write_content05 > ul > li button {width: 111px;font-size: 16px;}
    .write_content .write_cont01 .write_title > h2 {font-size: 26px;}
    .sub_write_top {padding: 20px;}

    .sub_page_link > ul {flex-wrap: wrap;}
    
    .tabbtn {font-size: 16px;}

    .search_bar_wrap3 ul {flex-wrap: wrap;justify-content: flex-start;}
    .search_bar_wrap3 ul li:nth-child(1) {width: 100%;}
    .search_bar_wrap3 ul li:nth-child(1) .selectBox {width: 100px;font-size: 13px;}
    .search_bar_wrap3 ul li:nth-child(3) button {padding: 14px;font-size: 13px;}
    .search_bar_wrap3 ul li:nth-child(2) {flex: 0 1 calc(100% - 85px);}
    .nanum_list_info > .date {width: 100%;margin-bottom: 8px;}
    .sub03_content_wrap01 > a {flex: 0 0 120px;}
    .sub03_cont_l > img {width: 120px;height: 120px;}
    .veiw_list_wrap5 .view_list_cont > ul > li {width: 100%;}
    .veiw_list_wrap4 .view_list_cont ul li {width: 100%;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn {flex-wrap: wrap;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn > ul {width: 100%;}

    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul {flex-wrap: wrap;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li {width: 100%;margin-bottom: 4px;margin-right: 0;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li:not(:last-child)::after {display: none;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul > li .title {display: block;margin-bottom: -4px;}
    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_l {width: 120px;height: 120px;}

    .opposite_r {float: none;width: 100%;}
    .sub05_view_contet_box_r_cont03 > .rather_l {width: 100%;}
    .sub05_view_cont01_box > p > span {display: block;margin-left: 0;margin-bottom: 8px;}
    .sub05_view_cont01_box > ul {flex-wrap: wrap;}
    .sub05_view_cont01_box > ul > li:first-child {width: 100%;}

    .sub05_select_item {flex-wrap: wrap;}
    .sub05_select_item .title {width: 100%;margin-bottom: 2px;}

    .proposal_sub02_view_cont01 {flex-wrap: wrap;padding: 64px 24px 32px;}
    .proposal_sub02_view_cont01 .sub_02_view_t_l {width: 100%;margin-bottom: 24px;}
    .proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap {display: flex;justify-content: center;align-items: center;width: 120px;height: 48px;padding: 0;}
    .proposal_sub02_view_cont01 .sub_02_view_t_r .good_wrap > img {width: 26px;margin: 0 8px 0 0;}
    .proposal_view_cont02 {padding: 0px 24px;}
    .proposal_view_cont02_box {padding-top: 32px;}

    .proposal_result_box01 .proposal_result_box01_cont > ul {flex-wrap: wrap;}
    .proposal_result_box01 .proposal_result_box01_cont > ul > li {width: 100%;}
    .proposal_result_box01 .proposal_result_box01_cont > ul > li::before {display: none;}
    .sub05_view_cont01_box,
    .proposal_result_box01 .proposal_result_box01_cont {padding-bottom: 32px;}
    .proposal_result_box02 {margin-top: 32px;padding-bottom: 32px;}
    .proposal_result_box03 {margin-top: 32px;}
}

@media (max-width: 610px) {
	.sub_write_top_cont_wrap::after {width: 200px; height: 140px; right: 14px;}	
}

@media (max-width: 530px) {
	.sub_06_con012 {display: flex; flex-direction: column; align-items: flex-start; height: auto;}
	.sub_06_con012 div ul {flex-wrap: wrap; justify-content: flex-start;}
}

@media (max-width: 520px) {
    .search_bar_wrap ul li:nth-child(3),
    .search_bar_wrap ul li:nth-child(4) {margin-top: 0;}
    .search_bar_wrap ul li:nth-child(5) {position: static;margin-top: 12px;}

    .veiw_list_nav .veiw_list_nav_r ul li {margin-right: 4px;}
    .veiw_list_nav .veiw_list_nav_r ul li:nth-child(1) button,
    .veiw_list_nav .veiw_list_nav_r ul li:nth-child(2) button,
    .veiw_list_nav .veiw_list_nav_r ul li:nth-child(3) button,
    #suggest_rst_list .veiw_list_nav .veiw_list_nav_r ul li:nth-child(4) button {font-size: 14px;padding: 10px 12px;}

    .introduce_content01_r > img {width: 220px;}
    .introduce_content01_r > h2 {font-size: 60px;line-height: 59px;left: 180px;bottom: 28px;}

    .introduce_content02 {padding-bottom: 100px;}
    .introduce_content02 > p {font-size: 20px;}
    .introduce_content02 > img {width: 80%;margin: 48px auto 0px;}

    .introduce_content06 > ul {flex-wrap: wrap;}
    .introduce_content06 > ul > li {margin: 10px 0;flex: 0 0 100%;}

    #sub01_bg .container > img {width: 190px;}

    .sub02_view_cont01 {padding: 48px 16px 32px;}
    .sub02_view_cont02 {padding: 0 16px;}
    .sub_02_view_title > h2 {font-size: 18px;}

    .proposal_comment_cont01 > p {font-size: 18px;}
    .proposal_comment_cont01 > p > img {margin-right: 4px;width: 36px;}

    .sub_write_top_cont_wrap {padding: 56px 16px 160px;}
    .write_content .write_cont01 .write_title > h2 {font-size: 24px;}
    .sub_page_nav {padding-top: 80px;}
    #sub01_bg .container > img,
    #sub02_bg .container > img,
    #sub03_bg .container > img,
    #sub04_bg .container > img,
    #sub05_bg .container > img,
    #sub07_bg .container > img {display: none;}

    .nanum_list_info > .date strong {display: block;margin-bottom: 4px;}
    .nanum_list_info > .date span {margin-left: 0;}

    .tabbtn {font-size: 15px;padding: 0 20px;}
    .sub04_view_wrap02_bg, .sub04_cont03 {padding: 56px 16px 32px;}
    .sub04_cont01 ul li:nth-child(3) > button {width: 148px;height: 46px;font-size: 15px;}

    .sub01_view_cont04 .view_list_cont > ul > li {width: 100%;}

    .veiw_list_wrap5.col4 .view_list_cont > ul > li {width: 100%;}

    .veiw_list_wrap4 .view_list_cont .view_list_cont_text {padding: 36px 24px;}
    .veiw_list_wrap4 .view_list_cont .view_list_cont_text h3 {font-size: 17px;}
    .veiw_list_wrap4 .view_list_cont .view_list_cont_text .subject {padding: 0 10px;font-size: 13px;}

    .sub05_view_cont01 {padding: 48px 8px;}
    .sub_05_con ul li:nth-child(1) {margin-bottom: 16px;}
    .sub_05_con ul li {margin-bottom: 16px;margin-right: 0;}
    .sub_05_con ul li:last-child {margin-bottom: 0;margin-left: 4px;}
    .sub_05_con ul li > span {display: block;margin-left: 0;margin-top: 4px;}
    .sub05_view_cont01 .sub_05_view_t_r {flex-wrap: wrap;justify-content: center;flex-direction: column-reverse;padding-top: 40px;}
    .sub05_view_cont01 .sub_05_view_t_r .sub_cont_left {width: 100%;}
    .sub_cont_right p {text-align: center;}
    .sub_cont_right p:nth-child(2) {font-size: 30px;}
    .sub05_cont02 ul > li:nth-child(4) > button {width: 124px;font-size: 14px;}
    .sub05_cont02 ul > li:nth-child(3) > button {margin-right: 16px;}
    .sub05_cont_box_r01 {padding: 24px;}
    .sub05_cont_box_r01_c {padding-top: 32px;}
    .sub05_cont_box_r span {font-size: 15px;}
    .write_content01, .write_content02, .write_content03, .write_content04 {margin: 0;}

    #sub05_bg .container > img {display: none;}

    .search_bar_wrap4 ul li:nth-child(2),
    .search_bar_wrap4 ul li:nth-child(3) {margin-top: 0px;}
    .search_bar_wrap4 ul li:nth-child(4) {position: static;margin-top: 10px;}

    .sub05_cont05 {flex-wrap: wrap;}
    .sub05_cont05 .sub05_cont01_l {width: 100%;}

    .sub05_view_cont02_box_cont04 > ul {flex-wrap: wrap;}
    .sub05_view_contet_box_r_cont02 > ul {margin-bottom: 32px;}
    .sub05_view_contet_box_r_cont01 {margin-top: 48px;}

    .sub05_view_contet_box_l,
    .sub05_view_contet_box_r {padding: 48px 16px;}
    .sub05_view_cont01_box h2 {font-size: 18px;}

    .sub05_view_contet_box_r_cont03 > .opposite_r > ul {flex-wrap: wrap;}
    .sub05_view_contet_box_r_cont03 > .opposite_r > ul li {width: 100%;margin: 0;text-align: right;}

    .sub05_view_contet_box_r_cont03 > .rather_l > ul {flex-wrap: wrap;}
    .sub05_view_contet_box_r_cont03 > .rather_l > ul > li {width: 100%;}

    .veiw_list_wrap5_01 .view_list_cont > ul > li > a .sub05_content_wrap01 .sub05_cont_r .sub05_cont_r01 > ul .d_day {margin: 2px -3px;}

    .discussion_school_item #search_input {width: calc(100% - 59px);}
    .sub05_select_wrap {padding: 16px;}
    .sub05_select_item:not(:last-child) {margin-right: 0;}

    .veiw_list_wrap6_01 .view_list_item {padding: 32px 24px;}
    .veiw_list_wrap6_01 .view_list_item .item_write {width: 65px;height: 65px;}
    .veiw_list_wrap6_01 .view_list_item .item_write button {font-size: 14px;}
    .veiw_list_wrap6_01 .view_list_item .keyword {font-size: 14px;}
    .veiw_list_wrap6_01 .view_list_item .keyword:not(:last-child) {margin-right: 16px;}
    .veiw_list_wrap6_01 .view_list_item .info_list .date {width: 100%;}
    .veiw_list_wrap6_01 .view_list_item .info_list .d_day {display: flex;order: -1;margin: 0 0 6px -2px;}

    .write_content .write_content_tit {margin-bottom: 16px;font-size: 20px;}
    .item_registration_wrap {margin: 0;padding: 0 16px 32px;border: 0;}
    .item_registration_wrap .write_content01,
    .item_registration_wrap .write_content02 {margin: 0 0 16px;padding: 0;}
    .item_registration_box {padding: 24px 0;}
    .item_registration_box .add_eg {gap: 4px;font-size: 13px;line-height: 13px;}
    .item_registration_box .add_eg .btn-add {width: 28px;height: 28px;margin-left: 4px;}
    .item_registration_box .add_eg input[type="text"] {width: calc(100% - 163px);}
    .item_registration_box .add_eg input[type="checkbox"]+label {font-size: 12px;}
    .item_registration_btn button {padding: 12px 24px;font-size: 14px;}

    .poll-view .list__item .d_day {padding: 2px 10px;font-size: 12px;}
    .poll-view .top_title__text {width: calc(100% - 80px);}
    .poll-view__info {padding: 0;background: #fff;}
    .poll-view__info .list__item {font-size: 14px;}
    .poll-view__info .list__item:not(:last-child) {margin-bottom: 10px;}

    .poll-view .poll-list .tit_box h2 {flex-wrap: wrap;}
    .poll-view .poll-list .text {width: 100%;margin-top: 10px;font-size: 17px;}

    .proposal_sub02_view_cont01 .sub_02_view_t_l .sub_02_view_title > h2 {font-size: 18px;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content01 > .proposal_view_content01_l > span {height: 38px;font-size: 16px;line-height: 38px;}
    .proposal_view_cont02_box .proposal_view_cont02_box01 > ul > li > .proposal_view_content01 > .proposal_view_content01_r > p {font-size: 15px;}
    
    .write_cont02_07 ul {flex-wrap: wrap;}
    .write_cont02_07 ul li {width: 90%;margin-right: 0;margin-bottom: 10px;}
    .write_cont02_07 ul li button {width: 100%;height: 50px;font-size: 16px;}

    .write_content .input_date_box .datepicker {font-size: 14px;}

    .veiw_list_wrap6_01 .view_list_item .info_tit {font-size: 18px;}
    #suggest_rst_list .veiw_list_wrap6_01 .view_list_item .info_tit span {display: block;margin-bottom: 8px;}

    .proposal_result_box01 > h2 {font-size: 18px;}
    .proposal_result_wrap_r_box_top,
    .proposal_comment_wrap02 {padding: 48px 16px 32px;}
    .proposal_result_wrap_r_box_content {padding: 32px 16px;}
    .proposal_result_wrap_r_box_top_r > p {font-size: 24px;}
    .proposal_result_wrap_r_box_top_r::before {left: -100px;width: 100px;height: 92px;}
    .proposal_result_wrap_r_box_top_c {margin-top: 24px;}
    .proposal_cont_box_r01_t_l {overflow: hidden;width: 50px;height: 50px;}
    .proposal_cont_box_r01_t_l > img {margin: 6px auto 0;}
    .proposal_cont_box_r01_c {margin-top: 24px;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l {padding: 24px 16px;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l ul li:nth-child(1),
    .sub05_view_contet_box_r_cont03_01 > .rather_l ul li:nth-child(2) {font-size: 14px;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l .opposite_content {font-size: 15px;}
    .sub05_view_contet_box_r_cont03_01 > .rather_l > .rather_content_btn {font-size: 14px;}
    .proposal_cont_box_r01_t_r > p {font-size: 15px;}
    .proposal_cont_box_r01_t_r > p:nth-child(2) {font-size: 14px;}
    .proposal_cont_box_r01_t {margin-bottom: 24px;}

    .today_top_cont01_l ul li {width: 100%;font-size: 36px;}
    .today_top_cont01_l ul li > img {width: 120px;}
    
    .scheduler_list > li {margin: 0 5px;}
    .scheduler_list > li > img .point_wrap {width: 12px;}
    .scheduler_list > li .day {font-size: 13px;font-weight: 400;}
    .scheduler_list > li .num {font-size: 17px;}
    .scheduler_list > .scheduler_on .scheduler_bg {width: 50px;}

    .today_talk_cont02 {padding: 48px 16px;}
    .timecircle,
    .time_line {display: none;}
    .timeline > li {flex-wrap: wrap;margin-bottom: 24px;}
    .timeline_content_wrap {width: 100%;}
    .timeline > li .timeline_wrap {width: 80px;margin-bottom: 8px;border-radius: 20px;}

    .today_talk_popup {padding: 24px 16px;}
    .today_talk_popup__top {align-items: center;}
    .today_talk_popup__top h3 img {width: 90px;}
    .today_talk_popup__write {padding: 24px 16px;}

    .arlam_wrap {width: 310px;padding: 56px 16px 32px;}
    .arlam_wrap .top_box .close {position: absolute;top: 18px;right: 18px;width: 24px;height: 24px;background-size: contain;}
    .arlam_wrap .top_box .setting {padding: 6px 14px;font-size: 14px;}
    .arlam_wrap .list_wrap .list_box .datetime:before {display: none;}
    .arlam_wrap .list_wrap .list_box:not(:last-child)::after {display: none;}
    .arlam_wrap .list_wrap .list_box {flex-wrap: wrap;margin-bottom: 24px;}
    .arlam_wrap .list_wrap .list_box .datetime {margin-bottom: 8px;}
    .arlam_wrap .list_wrap .list_box .cont {width: 100%;margin-left: 0;}

    .survey_wrapper .survey_cont01 {padding: 48px 8px;}

    .sub05_cont02 ul {flex-wrap: wrap;gap: 8px 0;}
    
    .proposal_comment_cont01 {padding: 30px;}
    
}

@media (max-width: 467px) {
	.introduce_content05_box_r > p > br {display:none;}
	.timeline_content_l {width:calc(100% - 98px);}
	.timeline_content_l > a {padding-left:20px;}
	.timeline_content_r > span {margin-right:10px;}
}

@media (max-width: 325px) {
	.sub04_cont01 ul li button.btn.pink {padding: 0px 6px;}

	.proposal_comment_cont01 .proposal_comment_wirte_num {padding: 14px 9px;}
	.proposal_comment_cont01 .proposal_comment_btn {width: 88px;}
	.proposal_comment_cont01 .proposal_comment_btn input {padding: 16px 14px;}
}

@media (max-width: 1344px){
	.sub01_view_cont_r .prog_cont .search_box fieldset {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
	.sub01_view_cont_r .prog_cont .search_box .value_tab {margin: 20px 0;}
	.sub01_view_cont_r .prog_cont .search_box .search {width: 100%;}
	.sub01_view_cont_r .prog_cont .search_box .search ul li {width: 100%;}
	.sub01_view_cont_r .prog_cont .search_box .search ul li .selectBox {width: 20%;}
	.sub01_view_cont_r .prog_cont .search_box .search ul li input[type="text"] {width: 60%;}
	.sub01_view_cont_r .view_tit .tit_info {flex-wrap: wrap;}
	.sub01_view_cont_r .view_tit .tit_info li {width: 100%; margin: 10px 0 0;}
	.sub01_view_cont_r .view_tit .tit_info li:first-child {margin-top:0;}
}

@media (max-width: 999px) {
	.sub01_view_cont_r .cont_list1 {left:0; top: 60px;}
}

@media (max-width: 850px) {
	.sub01_view_cont_r .view_tit .tit_info li.name, .sub01_view_cont_r .view_tit .tit_info li.date {margin-bottom:0;}
	.sub01_view_cont_r .view_tit .tit_info li.inq_cnt {padding-left:0;}
	.sub01_view_cont_r .view_tit a {left:0; bottom:0;}
}

@media (max-width: 700px) {
	.sub01_view_cont_r .cont_list1 {left:0; transform: inherit;}
	.sub04_cont01 .cont_list1 {transform: inherit;}
}

@media (max-width: 600px) {
	.sub01_view_cont_r .view_tit .tit_info li.date, .sub01_view_cont_r .view_tit .tit_info li.inq_cnt {padding:0;}
}

@media (max-width: 500px) {
	.sub01_view_cont_r .cont_list1 {width:100%;}
	.sub04_cont01 .cont_list1 {width:100%;}
	.sub04_cont01 .cont_list1 .box .list1 {justify-content: left;}
}

@media (max-width: 320px) {
	.veiw_list_wrap4 .view_list_cont .chart_wrap .chart_l {width: 120px;}
	.veiw_list_wrap4 .view_list_cont .attain {height: 38px;}
	.veiw_list_wrap4 .view_list_cont .attain::before {bottom: -50px; right: -45px;background-size: 150px;}
}

/* 서치 페이지  */
.header-search {height: 156px;background: #4D8DE7;}
.header-search .container {display: flex;justify-content: space-between;align-items: center;height: 100%; max-width: 1400px;}
.header-search__logo {font-size: 0;width: 121px;height: 44px;background: url(../images/common/logo.svg) no-repeat center / contain;}
.header-search__search-box {display: flex;justify-content: space-between;align-items: center;padding: 16px 24px;gap: 10px;width: calc(100% - 200px);max-width: 500px;height: 56px;border: 3px solid #FFFFFF;border-radius: 8px;margin: 0 auto;}
.header-search__search-box input {width: 100%;background: transparent;font-size: 18px;letter-spacing: -0.005em;color: #fff;}
.header-search__search-box input::placeholder {color: #fff;}
.header-search__search-box input:focus {border: 0;outline: 0;}
.header-search__search-box button {flex-shrink: 0;width: 24px;height: 24px;background: url(../images/common/search.svg) no-repeat center / contain;font-size: 0;}

.main-search {padding: 120px 0 200px;background: #EDF4FD;}
.main-search .container {max-width: 1400px; padding:0;}
.main-search__result {margin-bottom: 56px;font-size: 20px;line-height: 1.4;letter-spacing: -0.02em;color: #333;font-weight: 400;}
.main-search__result .color {color: #4D8DE7;font-weight: 400;}
.main-search__tab {display: flex;align-items: center;margin-bottom: 150px;}
.main-search__tab .item:not(:last-child)::after {content: '/';display: inline-block;margin: 0 40px;vertical-align: middle;font-family: 'NanumSquareRoundOTF';font-size: 24px;font-weight: 700;color: rgba(77, 141, 231, 0.4);}
.main-search__tab .item a {cursor: pointer;font-family: 'NanumSquareRoundOTF';font-weight: 400;font-size: 24px;line-height: 1.5;letter-spacing: -0.02em;color: rgba(77, 141, 231, 0.4);}
.main-search__tab .item.on a {position: relative;color: #4D8DE7;}
.main-search__tab .item.on a::after {content: '';position: absolute;top: -26px;left: calc(50% - 13px);width: 12px;height: 12px;border-radius: 50%;background: #4D8DE7;}
.main-search__cont:not(:last-child) {margin-bottom: 220px;padding-bottom: 220px;border-bottom: 2px solid #4D8DE7;}
.main-search__cont .cont__tit {margin-bottom: 20px;font-family: 'NanumSquareRoundOTF';font-weight: 800;font-size: 48px;line-height: 73px;letter-spacing: -0.02em;color: #4D8DE7;}
.main-search__cont .cont__tit .circle {display: inline-block;width: 64px;height: 64px;margin-left: 10px;background: #4D8DE7;border-radius: 50%;vertical-align: middle;font-size: 24px;color: #fff;text-align: center;line-height: 68px;}
.main-search__cont .cont__result-box {background: #fff;border-radius: 10px;border: 3px solid #4D8DE7;}
.main-search__cont .cont__result-box:not(:last-child) {margin-bottom: 20px;}
.main-search__cont .cont__result-box.commu {border: 3px solid #57BBAD;}
.main-search__cont .cont__result-box.nanum {border: 3px solid #E593B8;}
.main-search__cont .cont__result-box.debate {border: 3px solid #6DA9E0;}
.main-search__cont .cont__result-box.sugge {border: 3px solid #EE9A6A;}
.main-search__cont .result-box__tit {display: flex;justify-content: space-between;align-items: center;padding: 36px 48px;font-size: 24px;letter-spacing: -0.005em;font-weight: 800;cursor: pointer;}
.main-search__cont .cont__result-box.commu .result-box__tit {border-bottom: 1px solid #57BBAD;color: #57BBAD;}
.main-search__cont .cont__result-box.nanum .result-box__tit {border-bottom: 1px solid #E593B8;color: #E593B8;}
.main-search__cont .cont__result-box.debate .result-box__tit {border-bottom: 1px solid #6DA9E0;color: #6DA9E0;}
.main-search__cont .cont__result-box.sugge .result-box__tit {border-bottom: 1px solid #EE9A6A;color: #EE9A6A;}
.main-search__cont .result-box__tit span {margin-left: 4px;font-weight: 400;}
.main-search__cont .result-box__tit .arr {display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;margin-left: auto;border-radius: 50%;}
.main-search__cont .cont__result-box.commu .result-box__tit .arr {border: 1px solid #57BBAD;}
.main-search__cont .cont__result-box.nanum .result-box__tit .arr {border: 1px solid #E593B8;}
.main-search__cont .cont__result-box.debate .result-box__tit .arr {border: 1px solid #6DA9E0;}
.main-search__cont .cont__result-box.sugge .result-box__tit .arr {border: 1px solid #EE9A6A;}
.main-search__cont .result-box__tit .arr::after {content: '';display: inline-block;width: 12px;height: 12px;border-style: solid;border-width: 4px 4px 0 0;transform: rotate(135deg);}
.main-search__cont .cont__result-box.commu .result-box__tit .arr::after {border-color: #57BBAD;}
.main-search__cont .cont__result-box.nanum .result-box__tit .arr::after {border-color: #E593B8;}
.main-search__cont .cont__result-box.debate .result-box__tit .arr::after {border-color: #6DA9E0;}
.main-search__cont .cont__result-box.sugge .result-box__tit .arr::after {border-color: #EE9A6A;}
.main-search__cont .result-box__contents {display: none;padding: 40px 60px 60px;}
.main-search__cont .result-box__contents.open {display: block;}
.main-search__cont .result-box__contents .list-text__item {display: flex;align-items: center;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #E2E2E2;}
.main-search__cont .result-box__contents .list-text__item .item__cat {flex-shrink: 0;margin-right: 32px;margin-bottom: auto;padding: 6px 10px;border: 1px solid rgba(0, 0, 0, 0.3);font-weight: 400;font-size: 15px;letter-spacing: -0.005em;color: #333;}
.main-search__cont .result-box__contents .list-text__item .item__text {margin-right: auto;}
.main-search__cont .result-box__contents .list-text__item .item__text .tit {display: block;font-weight: 600;font-size: 22px;line-height: 1.4;letter-spacing: -0.005em;color: #333;}
.main-search__cont .result-box__contents .list-text__item .item__text .txt {margin-top: 16px;font-size: 14px;line-height: 1.2;letter-spacing: -0.005em;color: #333;}
.main-search__cont .result-box__contents .list-text__item .item__info {flex-shrink: 0;display: flex;margin-left: 32px;font-size: 14px;letter-spacing: -0.005em;color: #545454;}
.main-search__cont .result-box__contents .list-text__item .item__info .item:not(:first-child)::before {content: '';display: inline-block;vertical-align: middle;width: 1px;height: 16px;margin: 0 20px;background: #ddd;}
.right {text-align: right;}
.main-search__cont .result-box__contents .btn-more {display: inline-block;padding: 14px 24px;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 100px;font-weight: 400;font-size: 16px;letter-spacing: -0.005em;color: #333;}
.main-search__cont .result-box__contents .btn-more::after {content: '';display: inline-block;vertical-align: middle;margin-left: 16px;width: 12px;height: 12px;border: 2px solid #888;border-width: 2px 2px 0 0;transform: rotate(45deg);}
.main-search__cont .result-box__contents .list-photo {display: flex;justify-content: space-between;margin-bottom: 40px;}
.main-search__cont .result-box__contents .list-photo .prog_list {width: 100%; display: flex; flex-wrap: wrap; gap: 10px;}
.main-search__cont .result-box__contents .list-photo .prog_list li {flex-basis: calc(25% - 8px); width: initial;margin: 0; float: initial;}
.main-search__cont .result-box__contents .list-photo__item .item__thumb {overflow: hidden;position: relative;height: 0;padding-bottom: 64.6%;border-radius: 16px 16px 0 0;background: #e3eeed;}
.main-search__cont .result-box__contents .list-photo__item .item__thumb img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main-search__cont .result-box__contents .list-photo__item .item__tit {border: 1px solid #E0E0E0;border-radius: 0 0 30px 30px;padding: 28px 26px 48px;} 
.main-search__cont .result-box__contents .list-photo__item .item__tit p {height: 48px;font-weight: 800;font-size: 16px;line-height: 1.5;letter-spacing: -0.005em;color: #333;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;white-space: normal;-webkit-box-orient: vertical;}

/* 서치 페이지 :: active */
.main-search__cont .cont__result-box.commu .result-box__tit.on {background: #57BBAD;color: #fff;}
.main-search__cont .cont__result-box.nanum .result-box__tit.on {background: #E593B8;color: #fff;}
.main-search__cont .cont__result-box.debate .result-box__tit.on {background: #6DA9E0;color: #fff;}
.main-search__cont .cont__result-box.sugge .result-box__tit.on {background: #EE9A6A;color: #fff;}
.main-search__cont .cont__result-box .result-box__tit.on .arr {border: 1px solid #fff;}
.main-search__cont .cont__result-box .result-box__tit.on .arr::after {border-color: #fff;}

/* 서치 페이지 :: 반응형 */
@media (max-width: 1400px) {
	.header-search {height:100%; padding:30px 0;}
	.header-search .container .logo {width: 100px; height:40px;}
	.header-search .container {padding:0 30px;}
	.main-search {padding: 120px 30px 200px;}
}

@media (max-width: 1024px) {
    .main-search__cont:not(:last-child) {margin-bottom: 120px;padding-bottom: 120px;}
    .main-search__cont .result-box__contents .list-photo {flex-wrap: wrap;}
    .main-search__cont .result-box__contents .list-photo__item {flex-basis: calc(50% - 8px);margin-bottom: 24px;}
    .header-search__search-box input {font-size: 16px;}
}
@media (max-width: 768px) {
    .main-search__tab {margin-bottom: 80px;}
    .main-search__tab .item a {font-size: 22px;}
    .main-search__cont .cont__tit {font-size: 38px;}
    .main-search__cont .cont__tit .circle {width: 58px;height: 58px;line-height: 62px;font-size: 22px;}
    .main-search__cont .result-box__tit {padding: 24px 32px;font-size: 22px;}
    .main-search__cont .result-box__tit .arr::after {border-width: 3px 3px 0 0;}
    .main-search__cont .result-box__contents {padding: 40px 32px;}
    .main-search__cont .result-box__contents .list-text__item {flex-wrap: wrap;}
    .main-search__cont .result-box__contents .list-text__item .item__text .tit {font-size: 20px;}
    .main-search__cont .result-box__contents .list-text__item .item__text .txt {margin-top: 12px;}
    .main-search__cont .result-box__contents .list-text__item .item__info {width: 100%;margin-left: 0;margin-top: 24px;}
    .main-search__cont .result-box__contents .btn-more {padding: 10px 24px;font-size: 15px;}
}
@media (max-width: 530px) {
    .header-search .container {flex-wrap: wrap;align-content: center;}
    .header-search .container .logo {width: 100px; height: 40px; margin: 0 auto;}

    .header-search__search-box {width: 100%; margin-top:15px;}
    .header-search__search-box input {font-size: 14px;}
    .main-search {padding: 72px 30px 160px;}
    .main-search__result {font-size: 18px;}

    .main-search__cont:not(:last-child) {margin-bottom: 72px;padding-bottom: 72px;}
    .main-search__tab .item a {font-size: 20px;}
    .main-search__tab .item:not(:last-child)::after {margin: 0 10px;}
    .main-search__tab .item.on a::after {top: -22px;left: calc(50% - 10px);width: 10px;height: 10px;}
    .main-search__cont .cont__tit {font-size: 32px;}
    .main-search__cont .cont__tit .circle {width: 52px;height: 52px;line-height: 56px;font-size: 18px;}
    .main-search__cont .result-box__contents .list-photo__item {width: 100%;}
    .main-search__cont .result-box__tit {padding: 18px 24px;font-size: 20px;}
    .main-search__cont .result-box__contents {padding: 32px 24px;}
    .main-search__cont .result-box__contents .list-text__item .item__cat {margin-bottom: 10px;}
    .main-search__cont .result-box__tit .arr {width: 34px;height: 34px;}
    .main-search__cont .result-box__contents .list-text__item {margin-bottom: 32px;padding-bottom: 32px;}
    .main-search__cont .result-box__contents .list-text__item .item__text .tit {font-size: 18px;}
}

@media (max-width: 414px) {
	.main-search__tab .item {display: flex; line-height: 27px;}
	.main-search__tab .item a {font-size: 16px;}
}

@media (max-width: 280px) {
	.main-search__tab {flex-direction: column; align-items: flex-start; padding-left: 15px; gap:20px; margin-bottom: 55px;}
	.main-search__tab .item a {font-size:20px;}
	.main-search__tab .item.on a::after {top: 7px; left: -18px;}
	.main-search__tab .item:not(:last-child)::after {display:none;}
	
}

