@charset "utf-8";
/* CSS Document */

#sub_container {position:relative;width:100%;margin:0 auto;padding-top:11rem;box-sizing:border-box}

.sub_top {width:100%}
.sub_visual {display:flex;justify-content:center;align-items:center;height:32rem}
.sub_visual.bg1 {background:url(../../img/portal/sub/sub_visual1.jpg)no-repeat center center;background-size:cover}
.sub_visual.bg2 {background:url(../../img/portal/sub/sub_visual2.jpg)no-repeat center center;background-size:cover}
.sub_visual.bg3 {background:url(../../img/portal/sub/sub_visual3.jpg)no-repeat center center;background-size:cover}
.sub_visual.bg4 {background:url(../../img/portal/sub/sub_visual4.jpg)no-repeat center center;background-size:cover}
.sub_visual h1 {color:#fff;font-size:4.4rem;font-weight:600}
.sub_menu {height:8rem;border-bottom:1px solid #ddd;box-sizing:border-box}
.sub_menu ul {display:flex;justify-content:center;align-items:center;height:100%}
.sub_menu ul li {display:flex;align-items:center;height:100%;padding:0 3rem;text-align:center}
.sub_menu ul li a {position:relative;display:inline-flex;align-items:center;height:100%;color:#777;font-size:2rem;font-weight:500;word-break:keep-all}
.sub_menu ul li.active a {color:#1095ce;font-weight:600}
.sub_menu ul li.active a:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1095ce}

.sub_content {position:relative;width:100%;max-width:1400px;margin:0 auto;padding-bottom:6rem}
.content_wrap {margin-top:7.3rem}
.content_wrap .txt_depth1 {position:relative;display:inline-block;margin:6rem 0 3.7rem 0;color:#111;font-size:4rem;font-weight:600}
.content_wrap .txt_depth1:first-child {margin-top:0}
.content_wrap .txt_depth2 {margin:3.4rem 0 3.2rem 0;color:#333;font-size:2.8rem;font-weight:600}
.content_wrap .txt_basic {color:#666;font-size:1.8rem;line-height:1.6;word-break:keep-all}

.info_box_wrap h3 {color:#333;font-size:3.6rem;font-weight:600}
.info_box_wrap h3 strong {color:#13682d;font-weight:600}
.info_box_wrap .info_box {position:relative;width:100%;margin-top:2.7rem}
.info_box_wrap .info_box ul {overflow:hidden;width:calc(100% - 15rem);margin:0 auto}
.info_box_wrap .info_box ul li {display:none}
.info_box_wrap .info_box ul li.active {display:block}
.info_box_wrap .info_box ul li .box_content {display:flex;justify-content:space-between;align-items:center;min-height:65rem;padding:4.8rem 6rem;background:#fefaee url(../../img/portal/sub/box_info_bg.png)no-repeat bottom left;background-size:contain;border:4px solid #61c881;border-radius:24px;box-sizing:border-box}
.info_box_wrap .info_box ul li .box_content .box_cont_left {order:1;width:35%}
.info_box_wrap .info_box ul li .box_content .box_cont_right {order:2;width:60%}
.info_box_wrap .info_box ul li .box_content p {margin:3.8rem 0 1.9rem 0;color:#4c9e68;font-size:3.2rem;font-weight:600;word-break:keep-all;text-align:right}
.info_box_wrap .info_box ul li .box_content p:first-child {margin-top:0}
.info_box_wrap .info_box ul li .box_content span {display:block;color:#555;font-size:2rem;line-height:1.7;word-break:keep-all;text-align:right}
.info_box_wrap .info_box ul li .box_content .point {color:#4c9e68;font-size:3.2rem;font-weight:600;line-height:1.4;text-align:left}
.info_box_wrap .info_box ul li .box_content .size {font-size:1.8rem;color:#777}
.info_box_wrap .info_box ul li .box_content .nature_right {margin-top:2rem}
.info_box_wrap .info_box ul li .box_content .nature_img img {max-width:100%}
.info_box_wrap .info_box ul li .box_content .note_info .note_img {text-align:center}
.info_box_wrap .info_box ul li .box_content .note_info .note_img img {max-width:100%}
.info_box_wrap .info_box ul li .box_content .note_info a {display:inline-block;height:5rem;margin-top:3rem;padding:0 5.4rem 0 2rem;background:#59a974 url(../../img/portal/sub/icon_btn_go.png)no-repeat right 2rem center;background-size:1.4rem;border-radius:12px;color:#fff;font-size:1.8rem;line-height:4.8rem;box-sizing:border-box}
.info_box_wrap .info_box .box_prev {position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.5rem;height:4.5rem;background:url(../../img/portal/sub/box_info_prev.png)no-repeat;background-size:4.5rem;text-indent:-9999px}
.info_box_wrap .info_box .box_next {position:absolute;top:50%;right:0;transform:translateY(-50%);width:4.5rem;height:4.5rem;background:url(../../img/portal/sub/box_info_next.png)no-repeat;background-size:4.5rem;text-indent:-9999px}

.content_wrap .cpi_info {margin-top:5.4rem;color:#666;font-size:2rem;font-weight:500;word-break:keep-all}
.content_wrap .info_video {overflow:hidden;width:100%;max-width:112rem;height:63rem;margin:3.3rem auto 0;border-radius:12px} 

.content_wrap .prepare_wrap {position:relative;padding:38rem 2rem 4rem 2rem;border:1px solid #dedede;border-radius:8px;text-align:center;box-sizing:border-box}
.content_wrap .prepare_wrap:before {content:"";position:absolute;top:4rem;left:50%;transform:translateX(-50%);width:34.8rem;height:30rem;background:url(../../img/portal/sub/prepare_bg.png)no-repeat;background-size:34.8rem}
.content_wrap .prepare_wrap p {color:#333;font-size:3.6rem;font-weight:600}
.content_wrap .prepare_wrap span {display:block;margin-top:3rem;color:#555;font-size:2rem;line-height:1.6;word-break:keep-all}

.content_wrap .grid_box {width:100%;padding:3rem 2rem;background:url(../../img/portal/sub/ci_grid.png)repeat;border:1px solid #dbdee1;border-radius:8px;text-align:center;box-sizing:border-box}
.content_wrap .grid_box img {max-width:100%}
.content_wrap .grid_box_wrap {display:flex;justify-content:space-between}
.content_wrap .grid_box_wrap li {display:flex;justify-content:center;align-items:center;width:48.5%;padding:3rem 2rem;background:url(../../img/portal/sub/ci_grid.png)repeat;border:1px solid #dbdee1;border-radius:8px;box-sizing:border-box}
.content_wrap .grid_box_wrap li img {max-width:100%}
.content_wrap .ci_down {margin-top:2rem;text-align:right}
.content_wrap .ci_down a {display:inline-block;height:4.5rem;padding:0 4.4rem 0 2rem;background:#fff url(../../img/portal/sub/icon_down.png)no-repeat right 2rem center;background-size:1.3rem;border:1px solid #999;border-radius:8px;color:#555;font-size:1.6rem;line-height:4.3rem}
.content_wrap .ci_down a:hover {background:#555 url(../../img/portal/sub/icon_down_over.png)no-repeat right 2rem center;background-size:1.3rem;border:1px solid #555;color:#fff}
.content_wrap .ci_mean .mean_info {display:flex;align-items:flex-start;margin-top:3rem}
.content_wrap .ci_mean .mean_info p {position:relative;width:16rem;color:#fff;font-size:2rem;font-weight:500;line-height:4.7rem;text-align:center}
.content_wrap .ci_mean .mean_info p:before {content:"";position:absolute;top:0;left:0;width:16.2rem;height:4.7rem;background:url(../../img/portal/sub/ci_txt_bg.png)no-repeat;background-size:16.2rem;z-index:-1}
.content_wrap .ci_mean .mean_info ul {width:calc(100% - 16rem);padding-left:4rem;box-sizing:border-box}
.content_wrap .ci_mean .mean_info ul li {position:relative;margin-top:.4rem;padding-left:1.8rem;color:#555;font-size:1.8rem;line-height:1.5}
.content_wrap .ci_mean .mean_info ul li:before {content:"";position:absolute;top:1rem;left:0;width:.8rem;height:.8rem;background:url(../../img/portal/sub/ci_info_dot.png)no-repeat;background-size:.8rem}
.content_wrap .color_info {padding:3rem;border:1px solid #dbdee1;border-radius:8px;box-sizing:border-box}
.content_wrap .color_info ul li {display:flex;align-items:center}
.content_wrap .color_info ul li:first-child {margin-bottom:1.5rem}
.content_wrap .color_info ul li .yellow {width:26rem;height:5rem;background:#f0e24e;color:#555;font-size:1.8rem;line-height:4.8rem;text-align:center}
.content_wrap .color_info ul li .green {width:26rem;height:5rem;background:#6bbc6e;color:#fff;font-size:1.8rem;line-height:4.8rem;text-align:center}
.content_wrap .color_info ul li .color_mean {width:calc(100% - 26rem);padding-left:4rem;color:#555;font-size:1.8rem;box-sizing:border-box}

.content_wrap .note_info_wrap {display:flex;align-items:center}
.content_wrap .note_info_wrap .note_info {width:calc(100% - 33rem);padding-right:5rem;box-sizing:border-box}
.content_wrap .note_info_wrap .note_img {width:33rem}
.content_wrap .note_info_wrap .note_img img {width:100%}
.content_wrap .note_sample {margin-top:6rem}
.content_wrap .note_sample .sample_img img {width:100%}
.content_wrap .note_sample .sample_btn {margin-top:3rem;text-align:center}
.content_wrap .note_sample .sample_btn ul {font-size:0}
.content_wrap .note_sample .sample_btn ul li {display:inline-block;margin-left:2rem}
.content_wrap .note_sample .sample_btn ul li:first-child {margin-left:0}
.content_wrap .note_sample .sample_btn ul li .btn_write {display:block;height:5rem;padding:0 4rem;background:#ffbc00;border-radius:24px;color:#555;font-size:1.6rem;line-height:4.8rem}
.content_wrap .note_sample .sample_btn ul li .btn_down {display:block;height:5rem;padding:0 4rem;background:#60584c;border-radius:24px;color:#fff;font-size:1.6rem;line-height:4.8rem}

.content_wrap .write_wrap {position:relative;width:100%}
.content_wrap .write_wrap.templeateA:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f4e5d2 url(../../img/portal/sub/write_bg.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateB:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#5ec47f url(../../img/portal/sub/write_bg2.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateC:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../img/portal/sub/write_bg3.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateD:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f7c169 url(../../img/portal/sub/write_bg4.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateE:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg5.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateF:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg6.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateG:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg7.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateH:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg8.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateI:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg9.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap.templeateJ:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f6f6f6 url(../../img/portal/sub/write_bg10.jpg) no-repeat center top;z-index:-1;padding-bottom:3rem}
.content_wrap .write_wrap .write_top {padding:7.3rem 2rem 10rem 2rem;text-align:center;box-sizing:border-box}
.content_wrap .write_wrap .write_top.canvas{padding:75px 20px 100px 20px;}
.content_wrap .write_wrap .write_top p {margin-bottom:1.9rem;color:#000;font-size:4rem;font-weight:600}
.content_wrap .write_wrap .write_top.canvas p {margin-bottom:19px;color:#000;font-size:40px;font-weight:600}
.content_wrap .write_wrap .write_top span {display:block;color:#000;font-size:1.8rem;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_top.canvas span {display:block;color:#000;font-size:18px;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content {width:calc(100% - 8rem);margin:0 auto;padding:3.6rem 4rem;background:#fff;border-radius:36px;box-sizing:border-box}
.content_wrap .write_wrap .write_content.canvas {width:calc(100% - 80px);margin:0 auto;padding:36px 40px;background:#fff;border-radius:36px;box-shadow:none;box-sizing:border-box}
.content_wrap .write_wrap .write_content h3 {margin-top:3.5rem;color:#333;font-size:2.4rem;font-weight:600}
.content_wrap .write_wrap .write_content.canvas h3 {margin-top:35px;color:#333;font-size:24px;font-weight:600}
.content_wrap .write_wrap .write_content h3:first-child {margin-top:0}
.content_wrap .write_wrap .write_content > p {margin-top:2.5rem;color:#333;font-size:2rem;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content.canvas > p {margin-top:25px;color:#333;font-size:20px;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content .question {margin-top:2.5rem;color:#333;font-size:2rem;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content .answer {margin-top:1rem}
.content_wrap .write_wrap .write_content .answer ul {font-size:0}
.content_wrap .write_wrap .write_content .answer ul li {display:inline-block;margin:.5rem 2rem .5rem 0;}
.content_wrap .write_wrap .write_content .answer ul li label {display:flex;align-items:center}
.content_wrap .write_wrap .write_content .answer ul li label input[type=radio] {width:1.5rem;height:1.5rem;border:1px solid #767676}
.content_wrap .write_wrap .write_content .answer ul li label span {margin-left:1rem;color:#555;font-size:1.8rem}
.content_wrap .write_wrap .write_content .answer .describe {display:flex;align-items:center;margin-top:.7rem}
.content_wrap .write_wrap .write_content .answer .describe label {display:flex;align-items:center;width:7rem}
.content_wrap .write_wrap .write_content .answer .describe label input[type=radio] {width:1.5rem;height:1.5rem;border:1px solid #767676}
.content_wrap .write_wrap .write_content .answer .describe label span {margin-left:1rem;color:#555;font-size:1.8rem}
.content_wrap .write_wrap .write_content .answer .describe input[type=text] {width:calc(100% - 7rem);height:3rem;border:1px solid #dedede;box-sizing:border-box;padding-left:1rem}
.content_wrap .write_wrap .write_content .answer .describe input.addr {width:25%;height:3rem;border:1px solid #dedede;box-sizing:border-box;padding-left:1rem}
.content_wrap .write_wrap .write_content .answer .describe .btn_addr {width:8.5rem;height:3rem;margin-left:.5rem;background:#748090;border-radius:.4rem;color:#fff;font-size:1.5rem;line-height:3rem;text-align:center;box-sizing:border-box}
.content_wrap .write_wrap .write_content .answer .describe select {width:25%;height:3rem;border:1px solid #dedede;box-sizing:border-box;padding-left:1rem}


.content_wrap .write_wrap .write_content .answer ul.nature_type li {text-align:center}
.content_wrap .write_wrap .write_content .answer ul.nature_type li .type_img {overflow:hidden;display:block;border-radius:8px}
.content_wrap .write_wrap .write_content .answer ul.nature_type li .type_img img {width:14rem;height:14rem}
.content_wrap .write_wrap .write_content .answer ul.nature_type li label {justify-content:center;margin-top:.7rem}
.content_wrap .write_wrap .write_content .answer textarea {width:100%;height:20rem;padding:1rem;border:1px solid #dedede;color:#555;font-size:1.6rem;box-sizing:border-box}
.content_wrap .write_wrap .write_content span.etc {display:block;margin-top:1.5rem;color:#555;font-size:1.8rem;line-height:1.5;word-break:keep-all}

textarea::placeholder {color:#a1a1a1}
.content_wrap .write_wrap .write_content > p span {color:#888;font-size:1.8rem}
.content_wrap .write_wrap .write_content .ps {display:block;margin-top:2rem;color:#555;font-size:1.8rem;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content.canvas .ps {display:block;margin-top:20px;color:#555;font-size:18px;line-height:1.6;word-break:keep-all}
.content_wrap .write_wrap .write_content .input_wrap {margin-top:3rem}
.content_wrap .write_wrap .write_content .input_wrap .input_zone {display:flex;align-items:center;margin-top:2.5rem}
.content_wrap .write_wrap .write_content .input_wrap .input_zone:first-child {margin-top:0}
.content_wrap .write_wrap .write_content .input_wrap .input_zone .tit {width:9rem;color:#333;font-size:2rem}
.content_wrap .write_wrap .write_content .input_wrap .input_zone input[type=text] {width:20rem;height:3rem;border:1px solid #dedede;box-sizing:border-box}
.content_wrap .write_wrap .write_content .input_wrap .input_zone .view_name {color:#555;font-size:1.8rem}

.content_wrap .write_wrap .write_content .agree_box {position:relative;margin-top:3rem;border:1px solid #dedede;box-sizing:border-box}
.content_wrap .write_wrap .write_content .agree_box .agree_cont {overflow-y:scroll;height:20rem;padding:2rem;box-sizing:border-box}
.content_wrap .write_wrap .write_content .agree_box .agree_check {padding:1.5rem;background:#f9f9f9;border-top:1px solid #dedede;box-sizing:border-box}
.content_wrap .write_wrap .write_content .agree_box .agree_check label {display:flex;align-items:center}
.content_wrap .write_wrap .write_content .agree_box .agree_check label input[type=checkbox] {width:1.5rem;height:1.5rem;background:#fff;border:1px solid #9c9c9c;box-sizing:border-box}
.content_wrap .write_wrap .write_content .agree_box .agree_check label span {margin-left:1rem;color:#555;font-size:1.6rem;vertical-align:middle}

.content_wrap .write_wrap .write_content .share_check {margin-top:3rem}
.content_wrap .write_wrap .write_content .share_check p {color:#1095ce;font-size:2rem;font-weight:500}
.content_wrap .write_wrap .write_content .share_check > span {display:block;margin-top:1.5rem;color:#555;font-size:1.8rem;line-height:1.5;word-break:keep-all}
.content_wrap .write_wrap .write_content .share_check .share_btn {margin-top:1.5rem;font-size:0}
.content_wrap .write_wrap .write_content .share_check .share_btn li {display:inline-block;margin-left:2rem}
.content_wrap .write_wrap .write_content .share_check .share_btn li:first-child {margin-left:0}
.content_wrap .write_wrap .write_content .share_check .share_btn li .share_board {display:block;height:4rem;padding:0 2rem;background:#1377dc;border-radius:8px;color:#fff;font-size:1.6rem;line-height:3.8rem}
.content_wrap .write_wrap .write_content .share_check .share_btn li .share_kakao {display:block;height:4rem;padding:0 2rem;background:#f4d739;border-radius:8px;color:#333;font-size:1.6rem;line-height:3.8rem}

.content_wrap .write_wrap .write_content .answer_txt {margin-top:1.5rem}
.content_wrap .write_wrap .write_content .answer_txt span {display:block;padding-left:1.5rem;color:#555;font-size:1.8rem}
.content_wrap .write_wrap .write_content .answer_txt .answer_nature_type {display:flex;align-items:center}
.content_wrap .write_wrap .write_content .answer_txt .answer_nature_type .answer_img {overflow:hidden;border-radius:8px}

.content_wrap .write_wrap .write_btn {margin-top:6rem;text-align:center}
.content_wrap .write_wrap .write_btn .btn_write_finish {display:inline-block;height:5rem;padding:0 5rem;background:#6bbc6e;border-radius:8px;color:#fff;font-size:1.8rem;line-height:4.8rem}
.content_wrap .write_wrap .write_btn .btn_write_finish:hover {background:#429345}
.content_wrap .write_wrap .write_btn .btn_edit_finish {display:inline-block;height:5rem;padding:0 5rem;background:#1a21ff;border-radius:8px;color:#fff;font-size:1.8rem;line-height:4.8rem}
.content_wrap .write_wrap .write_btn .btn_delete_finish {display:inline-block;height:5rem;padding:0 5rem;margin-left:0.5rem;background:#78798b;border-radius:8px;color:#fff;font-size:1.8rem;line-height:4.8rem}

.content_wrap .note_side_btn {position:absolute;bottom:12%;right:5rem}
.content_wrap .note_side_btn ul {display:flex;align-items:center}
.content_wrap .note_side_btn ul li {margin-left:1rem}
.content_wrap .note_side_btn ul li:first-child {margin-left:0}
.content_wrap .note_side_btn ul li .kakao_share a {display:block;width:6rem;height:6rem;background:url(../../img/portal/sub/share_kakao.png)no-repeat;background-size:6rem;text-indent:-9999px}
.content_wrap .note_side_btn ul li .btn_down a {display:block;width:6rem;height:6rem;background:url(../../img/portal/sub/share_down.png)no-repeat;background-size:6rem;text-indent:-9999px}

.content_wrap .write_wrap .write_footer {width:calc(100% - 8rem);margin:2rem auto 0;padding:2rem;background:#f6f6f6;box-sizing:border-box;height:8.2rem}
.content_wrap .write_wrap .write_footer.canvas {width:calc(100% - 80px);margin:20px auto 0;padding:20px;background:#f6f6f6;box-sizing:border-box;height:82px}
.content_wrap .write_wrap .write_footer ul {display:flex;justify-content:center;align-items:center}
.content_wrap .write_wrap .write_footer ul li {margin-left:2rem}
.content_wrap .write_wrap .write_footer ul li:first-child {margin-left:0}
.content_wrap .write_wrap .write_footer ul li img {width:100%;height:100%}

.content_wrap .search_wrap {display:flex;align-items:center;padding:2rem;background:#f5f6f8;border:1px solid #f0f1f3;box-sizing:border-box}
.content_wrap .search_wrap .search_left {width:20rem}
.content_wrap .search_wrap .search_left p {color:#333;font-size:1.6rem}
.content_wrap .search_wrap .search_left strong {color:#437dea;font-weight:normal}
.content_wrap .search_wrap .search_right {width:calc(100% - 20rem);font-size:0;text-align:right}
.content_wrap .search_wrap .search_right select {display:inline-block;width:12rem;height:4rem;padding:0 .5rem;border:1px solid #c2c2c2;border-radius:4px;font-size:1.6rem;box-sizing:border-box}
.content_wrap .search_wrap .search_right input[type=text] {display:inline-block;width:24rem;height:4rem;margin-left:.5rem;padding:0 1rem;border:1px solid #c2c2c2;border-radius:4px;font-size:1.6rem;box-sizing:border-box}
.content_wrap .search_wrap .search_right .searchBtn {display:inline-block;height:4rem;margin-left:.5rem;padding:0 2rem;background:#3a8afd;border-radius:4px;color:#fff;font-size:1.6rem;line-height:3.8rem;vertical-align:middle;box-sizing:border-box}

.content_wrap .note_list_wrap ul {display:flex;flex-wrap:wrap}
.content_wrap .note_list_wrap ul li {width:calc((100% - 8rem)/3);margin:4rem 0 0 4rem}
.content_wrap .note_list_wrap ul li:nth-child(3n+1) {margin-left:0}
.content_wrap .note_list_wrap ul li.bg1 a {background:url(../../img/portal/sub/note_bg1.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li.bg2 a {background:url(../../img/portal/sub/note_bg2.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li.bg3 a {background:url(../../img/portal/sub/note_bg3.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li.bg4 a {background:url(../../img/portal/sub/note_bg4.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li.bg5 a {background:url(../../img/portal/sub/note_bg5.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li.bg6 a {background:url(../../img/portal/sub/note_bg6.jpg)no-repeat;background-size:cover}
.content_wrap .note_list_wrap ul li a {position:relative;overflow:hidden;display:block;padding:3rem;border-radius:12px;box-sizing:border-box}
.content_wrap .note_list_wrap ul li a h1 {color:#fff;font-size:2.4rem;font-weight:600}
.content_wrap .note_list_wrap ul li a .note_txt {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;height:13.5rem;margin-top:3rem;color:#fff;font-size:1.8rem;line-height:1.5;word-break:break-word}
.content_wrap .note_list_wrap ul li a .note_user {display:block;margin-top:5rem;color:#fff;font-size:2rem;padding-left:2rem}
.content_wrap .note_list_wrap ul li a .note_user:before {content:"";position:absolute;bottom:3.15rem;left:2.5rem;width:100%;height:2rem;background:url(../../img/portal/sub/icon_date.png)no-repeat;background-size:2rem}
.content_wrap .note_list_wrap ul li a .note_user strong {margin-left:2rem}

.content_wrap .photo_list_wrap ul {display:flex;flex-wrap:wrap}
.content_wrap .photo_list_wrap ul li {width:calc((100% - 12rem)/4);margin:4rem 0 0 4rem}
.content_wrap .photo_list_wrap ul li:nth-child(4n+1) {margin-left:0}
.content_wrap .photo_list_wrap ul li a {position:relative}
.content_wrap .photo_list_wrap ul li a .photo_wrap {overflow:hidden;display:block;width:100%;border-radius:8px}
.content_wrap .photo_list_wrap ul li a .photo_wrap img {width:100%;height:100%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;-moz-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;object-fit:cover}
.content_wrap .photo_list_wrap ul li a:hover .photo_wrap img {transform: scale(1.1)}
.content_wrap .photo_list_wrap ul li a .photo_info {margin-top:2.1rem}
.content_wrap .photo_list_wrap ul li a .photo_info span {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:5.1rem;color:#333;font-size:2rem;font-weight:500;line-height:1.3}

.content_wrap .cont_board_view {position:relative;border-top:2px solid #3a8afd}
.content_wrap .cont_board_view .view_tit {padding:3rem 2rem 3.8rem 2rem;border-bottom:1px solid #dedede;text-align:center;box-sizing:border-box}
.content_wrap .cont_board_view .view_tit h3 {color:#333;font-size:2.8rem;font-weight:600;line-height:1.6;word-break:keep-all}
.content_wrap .cont_board_view .view_tit ul {display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem}
.content_wrap .cont_board_view .view_tit ul li {position:relative;margin:.5rem 1rem}
.content_wrap .cont_board_view .view_tit ul li:before {content:"";position:absolute;top:.4rem;left:-1rem;width:1px;height:1.2rem;background:#ddd}
.content_wrap .cont_board_view .view_tit ul li:first-child:before {display:none}
.content_wrap .cont_board_view .view_tit ul li dl {display:flex;align-items:center}
.content_wrap .cont_board_view .view_tit ul li dl dt {position:relative;color:#333;font-size:1.6rem;font-weight:500}
.content_wrap .cont_board_view .view_tit ul li dl dt:after {content:":";color:#333;margin:0 .5rem}
.content_wrap .cont_board_view .view_tit ul li dl dd {color:#666;font-size:1.6rem}
.content_wrap .cont_board_view .view_file {display:flex;align-items:center;border-bottom:1px solid #dedede;min-height:10rem}
.content_wrap .cont_board_view .view_file .file_tit {width:12rem;color:#333;font-size:1.7rem;font-weight:500;text-align:center;box-sizing:border-box}
.content_wrap .cont_board_view .view_file .fileList {width:calc(100% - 12rem);padding:1.5rem 2rem;box-sizing:border-box}
.content_wrap .cont_board_view .view_file .fileList li {display:block}
.content_wrap .cont_board_view .view_file .fileList li a {position:relative;display:inline-block;padding:.75rem 0 .75rem 2.5rem;color:#555;font-size:1.6rem}
.content_wrap .cont_board_view .view_file .fileList li a:before {content:"";position:absolute;top:.75rem;left:0;width:1.9rem;height:1.9rem;background:url(../../img/portal/sub/attach_file.png)no-repeat;background-size:1.9rem}
.content_wrap .cont_board_view .view_file .fileList li a:hover {text-decoration:underline}
.content_wrap .cont_board_view .view_cont {min-height:30rem;padding:4rem;color:#555;font-size:1.6rem;line-height:1.8;box-sizing:border-box}
.content_wrap .cont_board_view .view_cont p {font-size:1.6rem;line-height:1.8}
.content_wrap .cont_board_view .view_cont p img {max-width:100%}
.content_wrap .cont_board_view .view_nav ul {border-top:1px solid #dedede}
.content_wrap .cont_board_view .view_nav ul li {display:flex;align-items:center;padding:1.4rem 4rem 1.6rem 4rem;border-bottom:1px solid #dedede}
.content_wrap .cont_board_view .view_nav ul li p {position:relative;width:14rem;color:#333;font-size:1.8rem;font-weight:500}
.content_wrap .cont_board_view .view_nav ul li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:calc(100% - 24rem);padding-right:10rem;color:#484848;font-size:1.6rem}
.content_wrap .cont_board_view .view_nav ul li a .view_date {position:absolute;top:0;right:0;color:#666}
.content_wrap .cont_board_view .view_nav ul li p.prev:before {content:"";position:absolute;top:50%;left:7rem;width:1.1rem;height:.7rem;transform:translateY(-50%);background:url(../../img/portal/sub/board_prev.png) no-repeat;background-size:1.1rem}
.content_wrap .cont_board_view .view_nav ul li p.next:before {content:"";position:absolute;top:50%;left:7rem;width:1.1rem;height:.7rem;transform:translateY(-50%);background:url(../../img/portal/sub/board_next.png) no-repeat;background-size:1.1rem}
.content_wrap .board_view_btn {margin-top:3rem;text-align:center}
.content_wrap .board_view_btn a {display:inline-block;height:5rem;padding:0 5rem;background:#5c6166;border-radius:8px;color:#fff;font-size:1.8rem;line-height:4.8rem}
.content_wrap .board_view_btn a:hover {background:#45494d}

.content_wrap .board_list {margin-top:3rem}
.content_wrap .board_list .tbl_list {width:100%;border-top:2px solid #585858}
.content_wrap .board_list .tbl_list tr.notice {background:#fafafa}
.content_wrap .board_list .tbl_list tr:hover {background:#fafafa}
.content_wrap .board_list .tbl_list th {padding:2rem 1rem;border-bottom:1px solid #585858;color:#222;font-size:1.7rem;font-weight:500;text-align:center}
.content_wrap .board_list .tbl_list th:first-child {border-left:none}
.content_wrap .board_list .tbl_list td {padding:1.5rem 1rem;border-bottom:1px solid #dedede;color:#555;font-size:1.6rem;text-align:center;word-break:keep-all}
.content_wrap .board_list .tbl_list td.subject {position:relative;text-align:left}
.content_wrap .board_list .tbl_list td.subject a {display:inline-block;max-width:100%;color:#555}
.content_wrap .board_list .tbl_list td.subject a:hover {color:#333;text-decoration:underline}
.content_wrap .board_list .tbl_list td .bd_notice {display:inline-block;padding:.5rem 1rem;background:#429345;border-radius:24px;color:#fff;font-size:1.5rem}
.content_wrap .board_list .tbl_list td .bd_new {display:inline-block;width:1.8rem;height:1.8rem;margin:1px 0 0 .5rem;background:#ee3b65;border-radius:4rem;color:#fff;font-size:1.2rem;line-height:1.6rem;text-align:center;vertical-align:top}

.pagging {position:relative;margin:3rem 0 0 0;text-align:center}
.pagging ul {font-size:0}
.pagging ul li {position:relative;display:inline-block;width:4rem;height:4rem;margin-left:.5rem;background:#f4f5f9;border-radius:4px;box-sizing:border-box;vertical-align:middle}
.pagging ul li:first-child {margin-left:0}
.pagging ul li a {display:block;color:#666;font-size:1.6rem;line-height:3.8rem}
.pagging ul li.active {background:#3a8afd}
.pagging ul li.active a {color:#fff}
.pagging ul li.page_first, .pagging ul li.page_prev, .pagging ul li.page_next, .pagging ul li.page_last {background:#fff;border:1px solid #c5c9d6}
.pagging ul li.page_first a {display:block;width:4rem;height:4rem;background:url(../../img/portal/sub/page_first.png) no-repeat center center;background-size:1.2rem;text-indent:-9999px}
.pagging ul li.page_prev a {display:block;width:4rem;height:4rem;background:url(../../img/portal/sub/page_prev.png) no-repeat center center;background-size:.6rem;text-indent:-9999px}
.pagging ul li.page_next a {display:block;width:4rem;height:4rem;background:url(../../img/portal/sub/page_next.png) no-repeat center center;background-size:.6rem;text-indent:-9999px}
.pagging ul li.page_last a {display:block;width:4rem;height:4rem;background:url(../../img/portal/sub/page_last.png) no-repeat center center;background-size:1.2rem;text-indent:-9999px}

.btn_Center {display:flex;justify-content:center;align-items:center;margin-top:3rem}
.btn_Center .btnBlue {height:4rem;padding:0 3rem;background:#3a8afd;border-radius:8px;color:#fff;font-size:1.6rem;line-height:3.8rem}
.btn_Center .btnGray {height:4rem;padding:0 3rem;background:#666;border-radius:8px;color:#fff;font-size:1.6rem;line-height:3.8rem}
.btn_Center .btnGreen {height:4rem;padding:0 3rem;background:#6bbc6e;border-radius:8px;color:#fff;font-size:1.6rem;line-height:3.8rem}
.btn_Center button {margin-left:1rem}
.btn_Center button:first-child {margin-left:0}

.btn_Right {text-align:right}
.btn_Right .btnBlue {display:inline-block;height:4rem;padding:0 3rem;background:#3a8afd;border-radius:8px;color:#fff;font-size:1.6rem;line-height:3.8rem}

.cont_board_form {position:relative}
.cont_board_form .ess {margin-bottom:1.5rem;color:#555;font-size:1.6rem;text-align:right}
.cont_board_form .ess span {margin-right:.5rem;color:#ff0835;font-weight:500}
.tbl_form {width:100%;border-top:2px solid #333}
.tbl_form th {padding:1rem;background:#f5f6f8;border-left:1px solid #dedede;border-bottom:1px solid #dedede;color:#333;font-size:1.6rem;font-weight:500;text-align:center;box-sizing:border-box}
.tbl_form th:first-child {border-left:none}
.tbl_form th .ess {margin-left:.5rem;color:#ff0835}
.tbl_form td {padding:1rem;border-left:1px solid #dedede;border-bottom:1px solid #dedede;color:#555;font-size:1.6rem;line-height:1.5;text-align:left;box-sizing:border-box}
.tbl_form td input[type=text] {display:inline-block;padding:0 1rem;height:3.5rem;border:1px solid #dedede;font-size:1.6rem;box-sizing:border-box}
.tbl_form td .rd_list {display:flex;align-items:center}
.tbl_form td .rd_list li {margin-left:2rem}
.tbl_form td .rd_list li:first-child {margin-left:0}
.tbl_form td .rd_list li label {display:flex;align-items:center}
.tbl_form td .rd_list li label span {margin-left:.5rem;color:#555;font-size:1.6rem;vertical-align:middle}
.tbl_form td .input_calendar {display:flex;align-items:center}
.tbl_form td .input_calendar .btn_calendar {display:block;width:2rem;height:1.9rem;margin-left:.5rem;background:url(../img/sub/calendar.png)no-repeat;background-size:2rem;text-indent:-9999px}
.tbl_form td textarea {width:100%;height:30rem;padding:1rem;border:1px solid #dedede;font-size:1.6rem;line-height:1.5;box-sizing:border-box}
.tbl_form td:first-child {border-left:none}
.tbl_form td .time {margin-left:.5rem}

.captcha_wrap {display:flex;align-items:center;margin-top:1rem}
.captcha_img {width:15rem}
.captcha_img img {max-width:100%}
.captcha_input {display:flex;flex-wrap:wrap;width:calc(100% - 17rem);margin-left:2rem}
.captcha_input .refresh {width:4rem;height:4rem;background:#0995d3 url(../../img/portal/sub/icon_refresh2.png)no-repeat center center;background-size:1.4rem;border-radius:.6rem;text-indent:-9999px}
.captcha_input input[type=text] {width:calc(100% - 5rem);height:4rem;margin-left:1rem;padding:0 1rem;border:.1rem solid #dedede;border-radius:.6rem;box-sizing:border-box}


.file_list{border:1px solid #ccc;min-height:50px;padding:0 5px;margin-top:2px}

.w100 {width:100%}
.w95 {width:95%}
.w90 {width:90%}
.w85 {width:85%}
.w80 {width:80%}
.w75 {width:75%}
.w70 {width:70%}
.w65 {width:65%}
.w60 {width:60%}
.w55 {width:55%}
.w50 {width:50%}
.w45 {width:45%}
.w40 {width:40%}
.w35 {width:35%}
.w30 {width:30%}
.w25 {width:25%}
.w20 {width:20%}
.w15 {width:15%}
.w10 {width:10%}
.w5 {width:5%}

.txt_center {text-align:center}
.txt_blue {color:#1095ce}

.btn_center {margin-top:3rem;text-align:center}

.btn_edit {position:absolute;top:0;right:0;}
.btn_edit a {display:inline-block;height:2.5rem;padding:0 1rem 0 2.75rem;background:#7cc242 url(../../img/portal/sub/icon_edit.png) no-repeat left .75rem center;background-size:1.2rem;border-radius:4px;color:#fff;font-size:1.5rem;line-height:2.5rem;vertical-align:middle}

.Box_line {padding:1rem;background: url(../../img/portal/sub/box_line.png) repeat 0 0;}
.Box_inner {padding:1.5rem;background:#fff}
.Box_inner.vision {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_vision.png) no-repeat left 2rem center;background-size:5rem}
.Box_inner.internet {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_computer.png) no-repeat left 2rem center;background-size:5rem}
.Box_inner.council {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_council.png) no-repeat left 2rem center;background-size:4.85rem}
.Box_inner.group {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_group.png) no-repeat left 2rem center;background-size:5.5rem}
.Box_inner.email {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_email.png) no-repeat left 2rem center;background-size:5rem}
.Box_inner.viewer {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_viewer.png) no-repeat left 2rem center;background-size:5rem}
.Box_inner.sympathy {padding:1.5rem 1.5rem 1.5rem 8.55rem;background:#fff url(../../img/portal/sub/icon_sympathy.png) no-repeat left 2rem center;background-size:4.5rem}
.Box_inner h3 {margin-bottom:.5rem;color:#004fab;font-size:1rem;font-weight:500}

.text_basic {
    position: relative;
    color: #555;
    font-size: 1.8rem;
    line-height: 1.5
}

/* .note_info {
  -webkit-animation: fadeleft 1s alternate;
  animation: fadeleft 1s alternate;
  -webkit-animation-name: fadeleft;
  animation-name: fadeleft;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
}

.note_img {
  -webkit-animation: fadeleft 1s alternate;
  animation: fadeleft 1s alternate;
  -webkit-animation-name: fadeleft;
  animation-name: fadeleft;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
} */

@-webkit-keyframes fadeleft {
  0% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes fadeleft {
  0% {
    -webkit-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@-webkit-keyframes faderight {
  0% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}

@keyframes faderight {
  0% {
    -webkit-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
  }
}