@charset "utf-8"; /******************************/ /* 01 전자민원 */ /******************************/ /* 01전자민원_민원안내_공동인증서 발급 안내 */ .sub010103 .certification {display:grid;grid-template:repeat(2,1fr)/repeat(3,1fr);gap:20px;text-align:center;align-items:center;} .sub010103 .certification li {padding:30px;border:1px solid #cfd0d7;} .sub010103 .certification li .text_box {margin-top:15px;display:flex;justify-content:center;align-items:center;gap:10px;} @media only screen and (max-width:1023px){ .sub010103 .certification {grid-template:repeat(3,1fr)/repeat(2,1fr);gap:15px;} } @media only screen and (max-width:767px){ .sub010103 .certification {grid-template:repeat(1,1fr)/repeat(1,1fr);gap:10px;} } /* 01전자민원_민원안내_폐지학교찾기 */ /* 상세 */ .school_box {display:flex;flex-wrap:wrap;gap:20px;} .school_pic li {width:calc((100% - 40px) / 3);} .school_pic li .pic_box {height:280px;margin-top:10px;border:1px solid #cfd0d7;border-top:3px solid #df8200;border-bottom-left-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;} .school_pic li .pic_box::after {position:absolute;bottom:0;right:0;width:27px;height:27px;background:url("../images/common/img_zoom.png") no-repeat center #df8200;content:"";} .school_pic li .pic_box.pic_box_no::after {display:none;} .school_pic li .pic_box img {max-height:100%;} .school_history > li {width:calc((100% - 20px) / 2);} .scrolldisable {overflow:hidden;width:100%;height:100vh;touch-action:none;} /* 팝업 */ .popup_wrap {position:fixed;top:0;left:0;width:100%;height:100%; z-index:110;} /* .popup_wrap {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:110;} */ .popup_wrap .pop_con {background:#fff;border-radius:10px; max-width: 450px; position:fixed; top:60px; right:120px; padding:20px;} .popup_wrap .pop_con p {font-size: 11px; word-break: keep-all} .popup_wrap .pop_con h6.tit {font-size: 12px; width:calc(100% - 50px);} .popup_wrap .pop_con .btn_area .btn_bace {height: 30px; line-height: 30px; font-size: 12px ! important;} .popup_wrap .pop_con .form_box {max-height:400px;overflow-y:scroll;} .popup_wrap .pop_con .form_box.no_scroll {max-height:none;overflow-y:auto;} .popup_wrap .pop_con .form_table {margin-top:2px;} .popup_wrap .pop_con .form_table tbody td {padding:10px 20px;} .popup_wrap .pop_con .form_table tbody td .unit {display:inline-block;margin-left:5px;line-height:50px;} .popup_wrap .pop_con .form_table tbody td .datepic .datepic_input {flex-grow:0;} .popup_wrap .pop_con .board_list.responsive .board_table thead th {padding:10px;} .popup_wrap .pop_con .board_list.responsive .board_table tbody tr td {word-break:keep-all;} .inst_list .pop_close {position:absolute;right:10px;top:10px;z-index:2;width:20px;height:20px;font-size:0;border:1px solid #222;background:none !important;} .inst_list .pop_close:after {content:"";position:absolute;left:0;top:0;bottom:0;width:0;height:4px;margin:auto 0;background:#222;}/* 가운데 */ .inst_list .pop_close span:after {content:"";position:absolute;left:4px;bottom:8px;width:10px;height:2px;background:#222;transform:rotate(45deg);}/* 하단 */ .inst_list .pop_close span:before {content:"";position:absolute;left:4px;top:8px;width:10px;height:2px;background:#222;transform:rotate(-45deg);}/* 위 */ @media only screen and (max-width:1023px) { /* 목록 */ .close_school .responsive .board_table > tbody > th:before, .close_school .responsive .board_table > tbody td:before {top:5px;} .close_school .responsive .board_table td:after {left:210px;} .close_school .responsive .board_table tbody tr td {padding:5px 0 5px 220px;min-height:30px;} /* 상세 */ .school_pic li {width:calc((100% - 20px) / 2);} } @media only screen and (max-width:767px) { /* 상세 */ .school_pic li, .school_history > li {width:100%;} .btn_box > div:nth-child(2) {display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;} .btn_box > div:nth-child(2) > a {width:49%;} /* 팝업 */ /* .popup_wrap .pop_con {min-width:98%;padding:20px 15px;} */ .popup_wrap .pop_con {padding:20px 15px;right: unset;left: 20px;width: calc(100% - 40px);} .popup_wrap .pop_con .con > div {max-height: 400px; overflow-y: scroll;} .popup_wrap .pop_con .form_box {max-height:250px;} .popup_wrap .pop_con .form_box tbody tr th {padding:10px;} .popup_wrap .pop_con .form_box tbody tr td .wh70p {width:70%;} .inst_list .pop_close {right:15px;top:20px;} } @media only screen and (max-width:475px) { /* 목록 */ .close_school .responsive .board_table > tbody > th.new_name:before, .close_school .responsive .board_table > tbody td:before {top:5px;} .close_school .responsive .board_table td:after {left:107px;} .close_school .responsive .board_table tbody tr td {padding:5px 0 5px 115px;} .close_school .responsive .board_table > tbody > th.new_name:before, .close_school .responsive .board_table > tbody td.new_name:before {display:block;position:static;} .close_school .responsive .board_table td.new_name:after {left:195px;} .close_school .responsive .board_table tbody tr td.new_name {padding-left:10px;} } /* 01전자민원_청원제도_청원24 */ .sub010401 .swiper-slide {text-align:center;} .sub010401 .swiper-slide img {width:900px;max-width:100%;border:1px solid #cfd0d7;} .sub010401 .swiper-button-next, .sub010401 .swiper-button-prev {color:#b66008;} .sub010401 .swiper-pagination-bullet-active {background:#ff9500;} /* 01전자민원_행정서비스헌장_서비스헌장 전문 */ .declaration .box_gray {padding:40px 100px;background:#f7f7f7;} .declaration .box_gray .con_tit {margin:30px 0 20px;} .declaration .box_gray .txt {margin:20px 0;word-break:keep-all;} .declaration .box_gray .box_line_top {padding:40px 100px;background:#fff;box-shadow:10px 10px 30px rgba(0,0,0,.2);border-top:3px solid #ff9500;box-sizing:border-box;} .declaration .box_gray p.sub_txt {padding-top:40px;color:#333;word-break:keep-all;} @media only screen and (max-width:1520px) { .declaration .box_gray {padding:40px 70px;} .declaration .box_gray .box_line_top {padding:40px 100px;} .declaration .box_gray .txt br {display:none;} } @media only screen and (max-width:1023px) { .declaration .box_gray {padding:40px 30px;} .declaration .box_gray .box_line_top {padding:40px 30px;} } /* 01전자민원_강원교육콜센터 */ .sub0106 .tit_wrap .tit_img {width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;} .sub0106 .tit_wrap .tit_img img {object-fit:contain;object-position:center top;} .sub0106 .tit_wrap .tit_txt {height:238px;margin-top:-238px;padding:0 25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;word-break:keep-all;} .sub0106 .tit_wrap .tit_txt span {font-weight:600;font-size:1.56em;letter-spacing:-0.04em;} .sub0106 .tit_wrap .tit_txt span em {font-weight:800;font-size:2.00em;color:#b66008;} .sub0106 .tit_wrap .tit_txt p {font-size:1.13em;} .sub0106 .info_wrap .info {display:flex;flex-direction:column;align-items:center;} .sub0106 .info_wrap .info p:nth-child(1) {font-weight:600;font-size:1.63em;border:5px solid #cfd0d7;border-radius:50px;padding:20px 40px;margin-bottom:10px;} .sub0106 .info_wrap .info p:nth-child(1) img {display:inline-block;vertical-align:middle;margin-top:-7px;} .sub0106 .info_wrap .info p:nth-child(1) strong {font-size:1.08em;color:#b66008;} .sub0106 .info_wrap .info p:nth-child(2) {font-weight:500;font-size:1.13em;line-height:1.6;} .sub0106 .info_wrap .info p:nth-child(3) {font-weight:500;font-size:0.88em;line-height:1.6;color:#007D83;} .sub0106 .info_wrap .cont_list {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:center;} .sub0106 .info_wrap .cont_list li em {display:block;position:relative;line-height:50px;background:#fff;border:3px solid #cfd0d7;border-radius:5.0rem;} .sub0106 .info_wrap .cont_list li em::after {content:"";position:absolute;left:0;top:-7px;right:0;display:block;width:11px;height:11px;margin:0 auto;background:#b66008;border-radius:100%;} @media only screen and (max-width:1023px){ .sub0106 .tit_wrap .tit_img img {height:300px;} .sub0106 .tit_wrap .tit_txt {height:179px;margin-top:-179px;} .sub0106 .tit_wrap .tit_txt br {display:none;} } @media only screen and (max-width:767px){ .sub0106 .tit_wrap .tit_txt span em {font-size:1.50em;} .sub0106 .info_wrap .cont_list {grid-template-columns:repeat(2,1fr);gap:20px;} } @media only screen and (max-width:475px){ .sub0106 .info_wrap .info p:nth-child(1) {border-radius:30px;padding:20px 15px;} .sub0106 .info_wrap .cont_list {grid-template-columns:repeat(1,1fr);gap:15px;} } /******************************/ /* 02 공감·소통·청렴 */ /******************************/ /* 02공감·소통·청렴_제안마당_강원특별법제도개선제안 */ .sub020105 .con_tit {text-align:center;padding:70px 50px;font-size:1.500em;line-height:1.6;letter-spacing:-0.2px;word-break:keep-all;position:relative;} .sub020105 .con_tit::before, .sub020105 .con_tit::after {display:block;font-size:5.000em;font-weight:900;color:#ff9500;line-height:1;position:absolute;left:50%;transform:translateX(-50%);} .sub020105 .con_tit::before {content:"“";top:0;} .sub020105 .con_tit::after {content:"”";bottom:-72px;} /* 02공감·소통·청렴_제안마당_강원특별자치도교육청 알아보기 */ .sub020105 .tit {font-size:5.000em;font-weight:200;color:#ff9500;letter-spacing:-0.04em;line-height:1.2;margin-top:20px;} .sub020105 .tit em {font-size:1.250em;font-weight:900;color:#b66008;} .sub020105 .con {margin:45px 0 60px;font-size:1.125em;line-height:1.6;} .sub020105 .con b {font-size:1.111em;color:#e95450;} /* 02공감·소통·청렴_주민참여예산제_재정용어사전 */ .index_btn {display:flex;flex-wrap:wrap;justify-content:center;gap:5px;} .index_btn li a {display:block;padding:8px 10px;border:1px solid #cfd0d7;color:#666;border-radius:5px;transition:all 0.3s;} .index_btn li.on a, .index_btn li a:hover, .index_btn li a:focus, .index_btn li a:active {background:#ff9500;border-color:#ff9500;font-weight:500;color:#000;transition:all 0.3s;} .wordList {margin-top:10px;border-top:2px solid #ff9500;word-break:keep-all;} .wordList li {border-bottom:1px solid #cfd0d7;} .wordList li > a {padding:25px 30px 25px 105px;display:block;background:url("../images/content/sub02/qna_list_icon.png") no-repeat 30px center;position:relative;} .wordList li > a::after {content:"";display:block;width:18px;height:10px;position:absolute;top:50%;right:30px;margin-top:-5px;background:url("../images/content/sub02/qna_arrow.png") no-repeat 0 0;} .wordList li > a .tit {font-size:1.125em;line-height:1.4;padding-right:30px;display:inline-block;vertical-align:middle;} .wordList li.on > a::after {background:url("../images/content/sub02/qna_arrow_on.png") no-repeat;} .wordList li .answerDiv {padding:25px 30px 50px 105px;background:url("../images/content/sub02/qna_answer_icon.png") no-repeat 30px 30px #f8f8f8;border-top:1px solid #e1e1e1;display:none;} .wordList li.on .answerDiv {display:block;} @media only screen and (max-width:767px){ .index_btn {justify-content:flex-start;} } @media only screen and (max-width:375px){ .wordList li > a {padding:25px 30px 25px 90px;} .wordList li .answerDiv {padding:20px 30px 35px;background:#f8f8f8;} } /* 02공감·소통·청렴_청렴광장_청렴자료실 */ /* 목록 */ .listTop {text-align:center;padding:25px 30px;background:rgba(255,245,218,.5);border:1px solid #cfd0d7;} .listTop .list_tit {display:inline-block;line-height:40px;font-size:1.063em;font-weight:500;padding-right:15px;margin-right:15px;border-right:1px dashed #ff9500;color:#b66008;} .listTop button {display:inline-block;margin-right:10px;} .listTop .tablet_block, .listTop .mo_block {display:none;} @media only screen and (max-width:1520px){ .listTop .list_tit {display:block;border-right:none;line-height:normal;margin-bottom:10px;} } @media only screen and (max-width:1023px){ .listTop button {margin-right:0;margin-bottom:5px;} .listTop .tablet_block {display:block;} } @media only screen and (max-width:767px){ .listTop {padding:15px 20px;} } @media only screen and (max-width:560px){ .listTop .mo_block {display:block;} } /* 02공감·소통·청렴_도민의의견_설문조사 */ /* 공통 */ .survey_box {word-break:keep-all;} .survey_box .top_box {background:url("../images/content/sub02/survey_bg2.png") no-repeat left -20px top 25px;} .survey_box .top_box .top {padding:70px 75px 60px 75px;border-radius:25px;border:1px solid #d5ebe7;background:url("../images/content/sub02/survey_bg.png") no-repeat right -105px top -5px;} .survey_box .top_box .top .su_st {display:block;padding-right:200px;word-break:keep-all;line-height:1.3;font-size:2.625em;font-weight:800;color:#111;} .survey_box .top_box .top .su_st em {display:block;color:#009d85;} .survey_box .top_box .top p {padding-right:200px;line-height:1.7;font-size:1.062em;color:#333;} .survey_box .top_box .top p:first-of-type {margin-top:35px;} .survey_box .top_box .top .su_ul {display:flex;gap:20px;} .survey_box .top_box .top .su_ul li strong {display:grid;place-items:center;width:108px;height:35px;background:#009d85;border-radius:50px;font-weight:400;color:#fff;} .survey_box .top_box .top .su_ul li p {margin:20px 0 0 0;padding-bottom:20px;color:#616161;} .survey_box .top_box .top .su_div {padding-right:200px;line-height:1.7;font-size:1.062em;color:#333;overflow-wrap:break-word;} /* 진행 */ .survey_box .bot_box {overflow:hidden;margin-top:20px;border-radius:25px;border:1px solid #d5ebe7;} .survey_box .bot_box .tit {display:grid;place-items:center;height:55px;background:#ecfaf8;font-size:1.125em;color:#009d85;} .survey_box .bot_box .survey_list {padding:50px 75px 60px 75px;} .survey_box .bot_box .survey_list .survey_set {margin-top:70px;} .survey_box .bot_box .survey_list .survey_set:first-child {margin-top:0;} .survey_box .bot_box .survey_list .survey_set .pt {display:flex;justify-content:flex-start;align-items:center;font-weight:500;color:#111;} .survey_box .bot_box .survey_list .survey_set .pt > span {flex-shrink:0;display:inline-grid;place-items:center;width:34px;height:34px;background:#009d85;border-radius:100%;font-weight:300;color:#fff;} .survey_box .bot_box .survey_list .survey_set .pt > em {margin-left:10px;} .survey_box .bot_box .survey_list .survey_set:nth-child(even) .pt > span {background:#007e9d;} .survey_box .bot_box .survey_list .survey_set .con {display:flex;flex-flow:column wrap;gap:20px;margin:10px 0 0 50px;} .survey_box .bot_box .survey_list .survey_set .con div {display:flex;justify-content:flex-start;align-items:baseline;gap:15px 5px;width:100%;color:#616161;} .survey_box .bot_box .survey_list .survey_set .con div label {cursor:pointer;} .survey_box .bot_box .survey_list .survey_set .con div input {margin:-4px 5px 0 0;vertical-align:middle;} .survey_box .bot_box .survey_list .survey_set .con div input:last-child {flex-grow:1;margin-left:20px;line-height:40px;height:40px;} .survey_box .bot_box .survey_list .survey_set .con div textarea {flex-grow:1;width:100%;} .survey_box .bot_box .survey_list .survey_set .con_textarea div {width:100%;} .survey_box .bot_box .survey_list .survey_set .con.no_choice {text-align:center;background:#ecfaf8;color:#009d85;line-height:35px;} .survey_box .bot_box .bot {overflow:hidden;background:#fcffff;margin-top:-1px;} .survey_box .bot_box .bot .div {padding:60px 75px 60px 75px;} .survey_box .bot_box .bot .div strong {font-size:1.25em;color:#111;} .survey_box .bot_box .bot .div strong em {display:inline-grid;place-items:center;width:212px;height:35px;background:#007e9d;border-radius:50px;font-size:0.75em;font-weight:400;color:#fff;transform:translateY(-1px);} .survey_box .bot_box .bot .div .su_ol {margin-top:20px;color:#333;} .survey_box .bot_box .bot .div .su_ol li {margin:10px 0 0 23px;padding-left:20px;text-indent:-20px;} .survey_box .bot_box .bot p {display:grid;place-items:center;height:55px;background:#ebf7fa;font-size:1.125em;color:#077b98;} /* 결과 */ .survey_box .bot_box .survey_list .survey_set.on .con {flex-direction:column;} .survey_box .bot_box .survey_list .survey_set.on .con div {width:100%;} .survey_box .bot_box .survey_list .survey_set.on .con div .label {flex-shrink:0;width:45%;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box {align-items:stretch;width:100%;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .bar_bg {display:flex;flex-grow:1;background:#f2f2f2;border-radius:50px;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .bar_bg .bar {display:inline-block;height:100%;background:#009d85;border-radius:50px;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .percentage {flex-shrink:0;width:150px;padding-left:20px;} .survey_box .bot_box .survey_list .survey_set.on .con div.survey_opinion {padding-left:150px;} .survey_box .bot_box .survey_list .survey_set.on .btn_bace {background:#007e9d;border:0;color:#fff;} @media only screen and (max-width:1199px){ /* 공통 */ .survey_box .top_box .top {background-size:300px auto;} .survey_box .top_box .bot .div strong em {width:205px;} } @media only screen and (max-width:1023px){ /* 공통 */ .survey_box .top_box .top {padding:45px 40px 45px 40px;background-size:250px auto;} .survey_box .top_box .top .su_st {padding-right:0;} .survey_box .top_box .top p, .survey_box .top_box .top .su_div {padding-right:0;} .survey_box .top_box .bot .div {padding:45px 40px 45px 40px;} .survey_box .top_box .bot .div strong em {width:190px;} /* 진행 */ .survey_box .bot_box .survey_list {padding:45px 40px 45px 40px;} } @media only screen and (max-width:767px){ /* 공통 */ .survey_box .top_box .top {padding:30px 25px 30px 25px;background:none;} .survey_box .top_box .top .su_st {font-size:2.4em;} .survey_box .top_box .top .su_ul {gap:20px;flex-direction:column;} .survey_box .top_box .top .su_ul li {display:block;width:100%;} .survey_box .top_box .top .su_ul li:nth-child(2) {padding-left:0;border-left:0;} .survey_box .top_box .top .su_ul li p {margin:5px 0 0 0;padding-bottom:0;display:block;} .survey_box .top_box .bot .div {padding:30px 25px 30px 25px;} .survey_box .top_box .bot .div strong em {display:flex;justify-content:center;align-items:center;width:180px;margin-bottom:10px;} .survey_box .top_box .bot .div .su_ol li {margin:10px 0 0 0;padding-left:16px;text-indent:-16px;} /* 진행 */ .survey_box .bot_box .survey_list {padding:30px 25px 30px 25px;} .survey_box .bot_box .survey_list .survey_set {margin-top:35px;} .survey_box .bot_box .survey_list .survey_set .pt > span {width:28px;height:28px;} .survey_box .bot_box .survey_list .survey_set .con {flex-direction:column;margin:20px 0 0 40px;} .survey_box .bot_box .survey_list .survey_set .con div {width:100%;} .survey_box .bot_box .survey_list .survey_set.on .con div {flex-direction:column;gap:5px;} .survey_box .bot_box .survey_list .survey_set.on .con div .label {width:100%;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .bar_bg, .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .bar_bg .bar {min-height:18px;} .survey_box .bot_box .survey_list .survey_set.on .con div .bar_box .percentage {width:100%;padding-left:0;text-align:right;} .survey_box .bot_box .survey_list .survey_set.on .con div.survey_opinion {padding-left:0;display:block;text-align:right;} } @media only screen and (max-width:479px){ /* 공통 */ .survey_box .top_box .top .su_st {font-size:1.8em;} .survey_box .top_box .top .su_st em {display:inline-block;} } /******************************/ /* 03 뉴스·소식·채용 */ /******************************/ /* 03뉴스·소식·채용_미디어_소식지 */ .newsletter .view_list {display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px;} .newsletter .view_list .thumb_box {position:relative;border:1px solid #cfd0d7;overflow:hidden;text-align:center;} .newsletter .view_list .thumb_box .thumb_img {overflow:hidden;} .newsletter .view_list .thumb_box .thumb_img img {max-width:100%;transition:all .3s;object-fit:cover;aspect-ratio:3/4;} .newsletter .view_list .thumb_box:is(:hover,:active,:focus) img {transform:scale(1.1);transition:all .3s;} .newsletter .view_list .thumb_box .thumb_btn {display:flex;} .newsletter .view_list .thumb_box .thumb_btn li {width:50%;} .newsletter .view_list .thumb_box .thumb_btn li a {width:100%;padding:0 15px;} .newsletter .view_list .thumb_box .thumb_btn li:nth-child(1) a:is(:hover,:active,:focus) {background:#ff9500;border-color:#b66008;} @media only screen and (max-width:1299px){ .newsletter .view_list .thumb_box .thumb_btn {flex-direction:column;} .newsletter .view_list .thumb_box .thumb_btn li {width:100%;} } @media only screen and (max-width:1023px){ .newsletter .view_list {grid-template-columns:repeat(3,1fr);gap:25px 15px;} } @media only screen and (max-width:767px){ .newsletter .view_list {grid-template-columns:repeat(2,1fr);} } @media only screen and (max-width:375px){ .newsletter .view_list {grid-template-columns:repeat(1,1fr);} } /* 03뉴스·소식·채용_보도자료_보도자료요청 */ .comment {padding-top:4.06em;} .comment textarea {display:block;width:100%;min-height:100px;font-family:inherit;} .comment .cmtTitle {font-size:0.94em;color:#b66008;padding-bottom:1.25em;} .comment .cmtTitle span {font-weight:500;} .comment .cmntList li .text {border-bottom:1px solid #cfd0d7;padding:1.88em;display:flex;flex-wrap:wrap;align-items:center;line-height:1;} .comment .cmntList li:first-child .text {border-top:1px solid #cfd0d7;} .comment .cmntList li .text .name {font-weight:600;} .comment .cmntList li .text .name, .comment .cmntList li .text .date {margin-right:0.63em;padding-right:0.63em;position:relative;} .comment .cmntList li .text .name::after, .comment .cmntList li .text .date::after {position:absolute;right:0;top:2px;content:'';width:1px;height:12px;background-color:#cfd0d7;} .comment .cmntList li .text .date, .comment .cmntList li .text .cmnt_btn {color:#666;font-size:0.94em;} .comment .cmntList li .text .cmnt_btn a {transition:all 0.2s;color:#333;font-weight:500;} .comment .cmntList li .text .cmnt_btn a.btn-delete {color:#d20038;} .comment .cmntList li .text .cmnt_btn a:is(:hover,:focus,:active) {text-decoration:underline;transition:all 0.2s;} .comment .cmntList li .text .con {width:100%;margin-top:15px;line-height:1.5;} .comment .form {display:flex;justify-content:space-between;padding:1.56em;background:#f7f7f7;} .comment .form li:nth-child(1) {width:calc(100% - 105px);} .comment .form li:nth-child(2) {width:100px;background:#ff9500;} .comment .form li:nth-child(2) .write {width:100%;height:100%;display:flex;justify-content:center;align-items:center;} @media only screen and (max-width:767px){ .comment .cmtTitle span {font-weight:500;} .comment .cmntList li .text .con {margin-top:10px;} .comment .form {flex-direction:column;} .comment .form li:nth-child(1) {width:100%;} .comment .form li:nth-child(2) {width:100%;margin-top:5px;padding:10px;} } @media only screen and (max-width:375px){ .comment .cmntList li .text {padding:1.56em 1.25em;} } /* 03뉴스·소식·채용_오늘의보도(바로보기) */ .cal_tit {line-height:1;font-size:1.563em;} .cal_tit strong {display:inline-block;margin:0 20px;font-size:2.000em;color:#b66008;} /* 컨트롤 */ .calendar .cal_btn {max-width:600px;margin:0 auto;} .calendar .cal_btn button {position:relative;z-index:10;display:inline-block;width:50px;height:50px;border:1px solid #cfd0d7;background:#f7f7f7;border-radius:100%;margin-top:-50px;} .calendar .cal_btn button.prev {float:left;} .calendar .cal_btn button.next {float:right;} /* 일정 */ .calendar .calendar_table {width:100%;table-layout:fixed;border-top:2px solid #000;margin-top:30px;} .calendar .calendar_table th {padding:15px 20px;background:#fef4d9;border-left:1px solid #cfd0d7;border-bottom:1px solid #cfd0d7;} .calendar .calendar_table th:first-child, .calendar .calendar_table td:first-child {border-left:0;} .calendar .calendar_table td.today {background:#ff9500;font-weight:600;font-size:1.500em;color:#fff !important;}/* 오늘 */ .calendar .calendar_table th.saturday, .calendar .calendar_table td.saturday {color:#032f85;}/* 토 */ .calendar .calendar_table th.sunday, .calendar .calendar_table td.sunday, .calendar .calendar_table td.holi {color:#d20038;}/* 일, 공휴일 */ .calendar .calendar_table td {border-left:1px solid #cfd0d7;border-bottom:1px solid #cfd0d7;position:relative;height:80px;cursor:pointer;padding:5px 10px;vertical-align:top;text-align:left;font-size:0.938em;} @media only screen and (max-width:1199px){ /* 컨트롤 */ .calendar .cal_btn button {width:45px;height:45px;margin-top:-45px;} } @media only screen and (max-width:1023px){ /* 컨트롤 */ .calendar .cal_btn {max-width:500px;} .calendar .cal_btn button {width:40px;height:40px;margin-top:-40px;} /* 일정 */ .calendar .calendar_table {margin-top:20px;} .calendar .calendar_table th {padding:10px 15px;} .calendar .calendar_table td {height:70px;} .calendar .calendar_table td a {padding:5px 10px 35px 10px;} } @media only screen and (max-width:767px){ /* 컨트롤 */ .calendar .cal_btn {max-width:300px;} .calendar .cal_btn button {width:35px;height:35px;margin-top:-35px;} /* 일정 */ .calendar .calendar_table th {padding:10px 5px;} .calendar .calendar_table td {height:50px;} .calendar .calendar_table td a {padding:5px 5px 25px 5px;} } /* 03뉴스·소식·채용_인사시험정보_검정고시_개인성적확인 */ .result_box {border-radius:10px;padding:30px 50px;margin-bottom:40px;background:#fef4d9;display:flex;justify-content:center;align-items:center;} .result_box .icon {width:96px;flex-shrink:0;} .result_box .text {padding-left:3.2rem;word-break:keep-all;font-size:1.125em;text-align:center;} .result_box .text .result {font-size:1.444em;} .adm_tit_wrap {display:flex;justify-content:space-between;align-items:center;} @media screen and (max-width:767px) { .result_box {padding:20px 30px;} .result_box .icon {display:none;} .result_box .text {width:100%;padding-left:0;} } /******************************/ /* 04 교육정보 */ /******************************/ /* 04교육정보_학부모지원센터_센터소개 */ .sub040101 .function .tit {display:block;text-align:center;font-size:2.5em;} .sub040101 .function .arrow {text-align:center;} .sub040101 .function .arrow img {max-width:100%;} .sub040101 .function .boxc > li {width:900px;padding:30px 35px;margin:10px auto 0;border:1px solid #cfd0d7;border-radius:20px;display:flex;gap:25px;} .sub040101 .function .boxc > li .ico {display:flex;justify-content:center;align-items:center;width:98px;height:98px;border-radius:50%;background:#004771;} .sub040101 .function .boxc > li:nth-child(2) .ico {background:#e6a740;} .sub040101 .function .boxc > li:nth-child(3) .ico {background:#a9c95e;} .sub040101 .function .boxc > li:nth-child(4) .ico {background:#de6b3c;} .sub040101 .function .boxc > li .txt {width:calc(100% - 123px);word-break:keep-all;} .sub040101 .function .boxc > li .txt strong {display:block;font-size:1.250em;} .sub040101 .function .boxc > li .txt p {margin-top:10px;} @media screen and (max-width:1200px) { .con_box .menu ul li a { height: 161px; font-size: 20px; } .con_box .menu ul li a::after { width: 48px; height: 48px; } } @media screen and (max-width:1023px) { .sub040101 .function .boxc > li {width:100%;padding:20px;} .con_box .group { height: 431px; } .con_box .group .txt p { font-size: 18px; } .con_box .menu ul li { width: 32%; } .con_box .menu ul li a { height: 161px; font-size: 18px; padding: 20px; } .con_box .menu ul li a::after { width: 48px; height: 48px; } } @media screen and (max-width:767px) { .con_box .group { height: 350px; } .con_box .group .txt p { font-size: 16px; } .con_box .menu ul li { width: 49%; } } @media screen and (max-width:600px) { .con_box .group { flex-direction: column-reverse; gap: 20px; height: auto; padding: 20px; } .con_box .group .txt { width: 100%; } .con_box .group .txt p br { display: none; } .con_box .group .img_wrap { width: 100%; height: 182px; } } @media screen and (max-width:475px) { .sub040101 .function .tit {font-size:2em;word-break:keep-all;} .sub040101 .function .boxc > li {flex-direction:column;gap:15px;} .sub040101 .function .boxc > li .txt {width:100%;} .con_box .menu ul li { width: 100%; } .con_box .menu ul li a { height: 132px; } .con_box .menu ul li a::before { bottom: 20px; left: 20px; } .con_box .menu ul li a::after { bottom: 20px; right: 20px; } } /* 04교육정보_전(편)입학안내_일반고(학교장 전형) 특성화고 결원현황 */ .sub040204 .search_wrap {padding:25px 30px;background:rgba(255,245,218,.5);color:#000;border:1px solid #cfd0d7;display:flex;flex-wrap:wrap;gap:15px;} .sub040204 .search_wrap li:not(:last-child) {width:15%;} .sub040204 .search_wrap li:last-child {width:calc(40% - 60px);} .sub040204 .search_wrap .form_tit {font-weight:600;margin-bottom:5px;} .sub040204 .search_wrap .form_con select {width:100%;} .sub040204 .table_box .tableA thead th, .sub040204 .table_box .tableA tbody td {padding:10px 5px;} .sub040204 .table_box .tableA thead tr:nth-child(2) th {border-top:1px solid #cfd0d7;} @media screen and (max-width:1520px) { .sub040204 .table_box .tableA {font-size:0.938em;} } @media screen and (max-width:767px) { .sub040204 .search_wrap {padding:15px 20px;gap:10px;} .sub040204 .search_wrap li:not(:last-child) {width:100%;} .sub040204 .search_wrap li:last-child {width:100%;} } /* 04교육정보_더나은교육지구_지역 교육공동체 내실화_사업소개 */ .diagram {border:1px dashed #cfd0d7;margin-top:20px;padding:30px;} .diagram img {max-width:100%;} .diagram .goal {padding:15px 30px;border:2px solid #ff9500;border-radius:30px;text-align:center;font-weight:500;font-size:1.250em;box-shadow:0 5px 0 #ff9500;} .diagram .policy {position:relative;} .diagram .policy .center_con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:20px solid #fff;border-radius:50%;} .diagram .policy .center_con .circle {width:200px;height:200px;border:5px solid #ff9500;background:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;} .diagram .policy .center_con span {display:block;text-align:center;font-size:1.875em;font-weight:600;line-height:1.5;color:#222;padding:0 30px;word-break:keep-all;} .diagram .policy .policy_list {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;} .diagram .policy .policy_list li {background:#fff6f0;border-radius:20px;padding:50px 20px;text-align:center;word-break:keep-all;z-index:-1;} .diagram .policy .policy_list li:nth-child(odd) {padding-right:130px;} .diagram .policy .policy_list li:nth-child(even) {padding-left:130px;} .diagram .policy.left {display:flex;} .diagram .policy.left .center_con {position:static;transform:translate(0,0);} .diagram .policy.left .policy_list {width:calc(100% - 200px);grid-template-columns:repeat(3,1fr);align-content:center;} .diagram .policy.left .policy_list li {padding:50px 20px;} .diagram .principle {text-align:center;margin-top:30px;} .diagram .principle dt {font-size:1.875em;font-weight:600;text-align:center;padding:0 20px;background:#fff;display:inline-block;z-index:5;} .diagram .principle dd {margin-top:-23px;border:5px solid #ff9500;padding:40px 30px;} .diagram .principle dd > ul {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center;} .diagram .principle dd > ul.w50 {grid-template-columns:repeat(2,1fr);} .diagram .principle dd > ul li em {display:inline-block;font-size:1.500em;font-weight:500;padding-bottom:20px;margin-bottom:20px;border-bottom:3px solid #cfd0d7;} .diagram .principle dd > ul li p {word-break:keep-all;} .diagram .principle dd > ul li img {max-width:100%;} .diagram .principle dd > ul.w50 ul > li {margin-top:5px;} .diagram .strategy {margin-top:40px;text-align:center;position:relative;word-break:keep-all;} .diagram .strategy dt {font-size:1.875em;font-weight:600;text-align:center;padding:0 20px;background:#fff;display:inline-block;z-index:5;margin-bottom:15px;} .diagram .strategy dt::before {content:"";display:block;width:100%;height:5px;background:#cfd0d7;position:absolute;top:18px;left:0;z-index:-1;} .diagram .strategy ul.list1 > li:first-child {margin-top:0;} .diagram .policy2 dt {font-size:1.250em;font-weight:600;text-align:center;padding:15px;background:#ff9500;word-break:keep-all;border-radius:10px 10px 0 0;} .diagram .policy2 dd {display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:20px 15px;border:1px solid #ff9500;border-bottom-left-radius:10px;} .diagram .policy2 dd .policy_item {padding:10px 20px;border:1px solid #cfd0d7;box-shadow:3px 3px 5px #cfd0d7;border-radius:30px;} @media only screen and (max-width:1520px){ .diagram .policy .center_con {border-width:15px;} .diagram .policy .center_con .circle {width:150px;height:150px;} .diagram .policy .policy_list li {padding:40px 15px;} .diagram .policy .policy_list li:nth-child(odd) {padding-right:105px;} .diagram .policy .policy_list li:nth-child(even) {padding-left:105px;} .diagram .policy.left .policy_list {width:calc(100% - 150px);} .diagram .policy.left .policy_list li {padding:40px 15px;} } @media only screen and (max-width:1023px){ .diagram {margin-top:10px;padding:20px 15px;} .diagram .policy .center_con {position:static;transform:translate(0,0);} .diagram .policy .center_con .circle {margin:0 auto;width:100px;height:100px;border-width:5px;} .diagram .policy .center_con img {margin-top:20px;} .diagram .policy .center_con span {font-size:1.214em;line-height:1.25;} .diagram .policy .policy_list {grid-template-columns:repeat(1,1fr);gap:10px;} .diagram .policy .policy_list li {padding:20px 15px;} .diagram .policy .policy_list li:nth-child(odd) {padding-right:15px;} .diagram .policy .policy_list li:nth-child(even) {padding-left:15px;} .diagram .policy .policy_list li br {display:none;} .diagram .policy.left {flex-direction:column;} .diagram .policy.left .policy_list {width:100%;grid-template-columns:repeat(1,1fr);} .diagram .policy.left .policy_list li {padding:20px 15px;} .diagram .principle dt {font-size:1.214em;} .diagram .principle dd {padding:40px 20px;border:3px solid #ff9500;margin-top:-12px;} .diagram .principle dd > ul {grid-template-columns:auto;} .diagram .principle dd > ul li em {font-size:1.143em;padding-bottom:10px;margin-bottom:10px;} .diagram .strategy dt::before {height:3px;top:16px;} .diagram .strategy .step_box3 > li > .item {grid-template-columns:auto;grid-template-rows:50px 1fr;} } @media only screen and (max-width:767px){ .diagram .principle dd > ul.w50 {grid-template-columns:repeat(1,1fr);} .diagram .policy2 dd {flex-direction:column;gap:15px;text-align:center;} } @media only screen and (max-width:375px){ .diagram .strategy .step_box3 > li > .item {grid-template-rows:70px 1fr;} } /* 04교육정보_교육과정_교육과정편성 운영지침 */ .sub041002 .file_list {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;} .sub041002 .file_list li {border:1px dashed #cfd0d7;padding:20px 15px;text-align:center;} .sub041002 .file_list li .year {width:90%;padding-bottom:10px;margin:0 auto 10px;border-bottom:1px solid #cfd0d7;font-size:1.250em;font-weight:600;} .sub041002 .file_list li .btn a {padding:0 15px;} @media screen and (max-width:1023px) { .sub041002 .file_list {grid-template-columns:repeat(3,1fr);} .sub041002 .file_list li .year {width:95%;} } @media screen and (max-width:767px) { .sub041002 .file_list {grid-template-columns:repeat(2,1fr);gap:5px;} .sub041002 .file_list li {padding:15px 5px;} .sub041002 .file_list li .year {padding-bottom:5px;margin-bottom:5px;} .sub041002 .file_list li .btn a {min-width:98px;margin-top:5px;} } /* 04교육정보_자유학기제 */ .sub041101 .intro {background:url("../images/content/sub04/sub041101_img01.png") no-repeat center bottom #ffdaa8;background-size:contain;height:490px;text-align:center;padding-top:60px;} .sub041101 .intro .sub_tit {font-weight:300;font-size:1.875em;color:#5a3c25;} .sub041101 .intro .tit {font-family:'GangwonEduPower';font-size:3.125em;line-height:1.2;margin-top:10px;word-break:keep-all;} .sub041101 .intro .tit em {color:#5a3c25;} .sub041101 .highlight {margin-top:40px;position:relative;text-align:center;border:1px solid #000;padding:20px;border-radius:50px;box-shadow:0 5px 0 #5a3c25;font-weight:500;font-size:1.125em;} .sub041101 .highlight::before {content:"";width:34px;height:40px;background:url("../images/content/sub04/sub041101_before.png") no-repeat center;position:absolute;bottom:-10px;left:0;} .sub041101 .highlight::after {content:"";width:54px;height:60px;background:url("../images/content/sub04/sub041101_after.png") no-repeat center;position:absolute;top:-36px;right:0;} .sub041101 .highlight em {color:#b66008;font-weight:700;} @media screen and (max-width:1023px) { .sub041101 .intro {height:400px;padding-top:50px;} .sub041101 .intro .sub_tit {font-size:1.333em;} .sub041101 .intro .tit {font-size:2.667em;} } @media screen and (max-width:767px) { .sub041101 .intro {height:300px;padding:40px 20px;} } /* 04교육정보_강원농어촌유학_강원농어촌유학 */ .sub041401 iframe {display:block;margin:0 auto 10px;max-width:100%;} @media screen and (max-width:767px) { .sub041401 iframe {height:310px !important;} } /* 04교육정보_강원농어촌유학_유학소개_유학형태 */ .study_type {display:flex;gap:30px;margin-top:40px;} .study_type > li {flex:1;border:1px solid #cfd0d7;border-radius:10px;padding:25px 40px 35px;} .study_type > li strong {display:block;font-size:1.250em;font-weight:600;padding:20px 80px 25px 0;margin-bottom:25px;border-bottom:1px solid #cfd0d7;background:url("../images/content/sub04/sub041402_ico01.png") no-repeat right center;} .study_type > li:nth-child(2) strong {background-image:url("../images/content/sub04/sub041402_ico02.png");} .study_type > li:nth-child(3) strong {background-image:url("../images/content/sub04/sub041402_ico03.png");} .study_type > li ul.list1 > li:first-child {margin-top:0;} @media screen and (max-width:1023px) { .study_type {flex-direction:column;gap:20px;margin-top:30px;} .study_type > li {padding:15px 30px 25px;} .study_type > li strong {margin-bottom:20px;} } @media screen and (max-width:767px) { .study_type {gap:10px;margin-top:20px;} .study_type > li {padding:10px 25px 20px;} .study_type > li strong {margin-bottom:15px;} } /* 04교육정보_강원농어촌유학_유학소개_유학절차 */ .study_step > li > .item {grid-template-columns:1.5fr 4fr;} .study_step .step_con .list1 > li:first-child {margin-top:0;} @media screen and (max-width:1023px) { .study_step > li > .item {grid-template-columns:auto;grid-template-rows:50px 1fr;} } /* 04교육정보_강원농어촌유학_유학운영학교_학교현황 */ .status_map_box {max-width:100%;} .status_map {width:1000px;margin:0 auto;text-align:center;position:relative;} .status_map .map_list > li {position:absolute;} .status_map .map_list > li .btn {display:flex;flex-direction:column;align-items:flex-start;} .status_map .map_list > li .btn em {display:block;margin:3px 0;font-weight:500;font-size:1.125em;letter-spacing:-0.04em;padding:5px 10px;background:rgba(255,255,255,.85);border-radius:10px;border:2px solid #e2efef;} .status_map .map_list > li .btn:hover em, .status_map .map_list > li .btn:focus em, .status_map .map_list > li .btn:active em {border:2px solid #53aeb7;background:#fff;} @media screen and (max-width:1039px) { .status_map_box {overflow-x:scroll;} } /* 학교현황 마커 */ /* 양구군 */ .status_map .map_list .yg_ico1 {top:136px;left:340px;} /* 방산초등학교 */ .status_map .map_list .yg_ico1 .btn {flex-direction:column-reverse;place-items:center;} /* 춘천시 */ .status_map .map_list .cc_ico1 {top:300px;left:273px;} /* 송화초등학교 */ .status_map .map_list .cc_ico2 {top:254px;left:114px;} /* 춘천별빛유학센터 */ .status_map .map_list .cc_ico2 .btn {flex-direction:column-reverse;place-items:flex-end;} /* 홍천군 */ .status_map .map_list .hc_ico1 {top:475px;left:195px;} /* 모곡초등학교 */ .status_map .map_list .hc_ico2 {top:372px;left:424px;} /* 내촌중학교 */ .status_map .map_list .hc_ico2 .btn {flex-direction:column-reverse;place-items:flex-start;} .status_map .map_list .hc_ico3 {top:491px;left:492px;} /* 삼생초등학교 */ .status_map .map_list .hc_ico4 {top:432px;left:586px;} /* 원당초등학교 */ /* 인제군 */ .status_map .map_list .ij_ico1 {top:205px;right:300px;} /* 용대초등학교 */ .status_map .map_list .ij_ico1 .btn {flex-direction:column-reverse;} .status_map .map_list .ij_ico2 {top:275px;left:345px;} /* 인제로컬투어사업단 */ .status_map .map_list .ij_ico2 .btn {flex-direction:row-reverse;} .status_map .map_list .ij_ico2 .btn em {margin:0 3px 0 0;} .status_map .map_list .ij_ico3 {top:321px;left:555px;} /* 귀둔초등학교 */ .status_map .map_list .ij_ico3 .btn {flex-direction:column;} /* 양양군 */ .status_map .map_list .yy_ico1 {top:291px;right:187px;} /* 한남초등학교 */ .status_map .map_list .yy_ico1 .btn {flex-direction:row;gap:5px;} /* 원주시 */ .status_map .map_list .wj_ico1 {bottom:105px;left:307px;} /* 귀래중학교 */ /* 영월군 */ .status_map .map_list .yw_ico1 {bottom:159px;left:380px;} /* 마차초등학교 */ .status_map .map_list .yw_ico1 .btn {align-items:flex-end;} .status_map .map_list .yw_ico2 {bottom:188px;right:357px;} /* 무릉초등학교 */ .status_map .map_list .yw_ico2 .btn {flex-direction:column-reverse;align-items:center;} .status_map .map_list .yw_ico3 {bottom:50px;right:345px;} /* 옥동초등학교 */ .status_map .map_list .yw_ico3 .btn {place-items:flex-end;} .status_map .map_list .yw_ico4 {bottom:10px;right:185px;} /* 녹전초등학교, 녹전중학교 */ /* 정선군 */ .status_map .map_list .js_ico1 {bottom:171px;right:143px;} /* 화동초등학교 */ /* 삼척시 */ .status_map .map_list .sc_ico1 {bottom:50px;right:-54px;} /* 오저초등학교 */ /* 04교육정보_사업별게시판_어린이 놀이문화_어린이놀이헌장 */ .play_top_box {border:1px solid #cfd0d7;position:relative;margin-bottom:40px;} .play_top_box .img_box img {max-width:100%;} .play_top_box .img_box img.hide_pc {display:none;} .play_top_box .sns_box {display:flex;gap:5px;position:absolute;top:15px;left:15px;} .play_top_box .txt {font-size:0.938em;text-align:center;padding:10px;color:#fff;background:#00a0e9;} .declaration.play .con_tit {margin-top:0;} .play_policy {background:url("../images/content/sub04/sub041604_img02.png") no-repeat center right 30px;} .play_policy > li {margin-top:25px;} .play_policy > li em {display:inline-block;padding:5px 25px;border-radius:20px;font-weight:500;color:#fff;background:#00a0e9;} @media screen and (max-width:1023px) { .play_top_box {margin-bottom:20px;} .play_policy {background:transparent;} .play_policy > li {margin-top:20px;} } @media screen and (max-width:767px) { .play_top_box .img_box {text-align:right;} .play_top_box .img_box img.hide_pc {display:inline-block;} .play_top_box .img_box img.hide_mo {display:none;} } /******************************/ /* 05 행정정보 */ /******************************/ /* 05행정정보_공통 */ .sub05 .box_img {text-align:center;border:1px dashed #cfd0d7;position:relative;padding:20px;} span.pic { display: block; font-size: 16px; padding: 20px; color: #B66008; border: 1px solid #B66008; border-radius: 5px; } @media only screen and (max-width:1023px){ .sub05 .box_img {padding:10px;} } /* 05행정정보_기록관관리_기록관리란 */ .sub051502 .step_box2 {gap:100px;} .sub051502 .step_box2 > li::before {width:80px;right:-90px;} .sub051502 .step_box2 > li::after {width:80px;position:absolute;top:57%;right:-90px;word-break:keep-all;} .sub051502 .step_box2 > li:nth-child(1)::after {content:"이관(2년이내)";} .sub051502 .step_box2 > li:nth-child(2)::after {content:"이관(7년 경과 후 다음년도)";} .sub051502 .step_box2 > li .tit {background:#007D83;color:#fff;} @media only screen and (max-width:1023px){ .sub051502 .step_box2 {flex-direction:column;gap:40px 100px;} .sub051502 .step_box2 > li {flex:0;flex-basis:100%;} .sub051502 .step_box2 > li::before {top:unset;bottom:-69px;right:46%;transform:rotate(90deg) translateX(-50%);} .sub051502 .step_box2 > li::after {width:auto;top:unset;bottom:-31px;right:unset;left:51%;} } @media only screen and (max-width:767px) { .sub051502 .step_box2 > li::before {right:unset;left:0;} .sub051502 .step_box2 > li::after {left:60px;} } /* 05행정정보_교육활동보호센터_교육활동보호센터 소개 */ .con_box .group {margin: 50px;} .con_box .group .img_wrap {position: relative; width: 100%; height: 250px; background-color: #FFF7EE; border-radius: 10px;} /* .con_box .group .img_wrap img {width: 100%; height: 100%; object-fit: cover;} */ .con_box .group .img_wrap:after {content: ""; position: absolute; left: 50%; bottom: -81px; width: 740px; height: 370px; background: url("../images/content/sub05/sub050701_img01-1.svg") no-repeat center / contain; transform: translateX(-50%);} .con_box .group .txt {width: calc(100% - 100px); margin: 0 auto; padding: 20px 40px; transform: translateY(-30px); background-color: #fff; border-radius: 15px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.05);} .con_box .group .txt p { font-size: 22px; line-height: 1.2; } .con_box .group .txt p span{color: #B66008;} .con_box .menu ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .con_box .menu ul li { width: calc(100% / 4 - 8px); background-color: #FFFDF9; box-shadow: 3px 5px 10px rgba(0,0,0,.10); border-radius: 20px; } .con_box .menu ul li a {display: flex; flex-flow: column wrap; justify-content: space-between; width: 100%; height: 150px; padding: 20px; font-size: 22px; color: #B66008; line-height: 1.2; } .con_box .menu ul li a .bottom {display: flex; justify-content: space-between; align-items: flex-end; width: 100%;} .con_box .menu ul li a .bottom span {display: inline-block; width: 36px; height: 36px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23FFE9AD'/%3E%3Cmask id='mask0_30_68' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='9' y='9' width='18' height='18'%3E%3Crect x='27' y='27' width='18' height='18' transform='rotate(-180 27 27)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_30_68)'%3E%3Cpath d='M19.8376 18L14.3251 12.4875C14.1376 12.3 14.047 12.0812 14.0532 11.8312C14.0595 11.5812 14.1563 11.3625 14.3438 11.175C14.5313 10.9875 14.7501 10.8937 15.0001 10.8937C15.2501 10.8937 15.4688 10.9875 15.6563 11.175L21.4313 16.9312C21.5813 17.0812 21.6938 17.25 21.7688 17.4375C21.8438 17.625 21.8813 17.8125 21.8813 18C21.8813 18.1875 21.8438 18.375 21.7688 18.5625C21.6938 18.75 21.5813 18.9187 21.4313 19.0687L15.6563 24.8437C15.4688 25.0312 15.247 25.1219 14.9907 25.1156C14.7345 25.1094 14.5126 25.0125 14.3251 24.825C14.1376 24.6375 14.0438 24.4187 14.0438 24.1687C14.0438 23.9187 14.1376 23.7 14.3251 23.5125L19.8376 18Z' fill='%239E5A3B'/%3E%3C/g%3E%3C/svg%3E%0A");} .con_box .menu ul li a .bottom i {display: inline-block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .con_box .menu ul li a.menu_01 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.273 52.0387C22.3713 52.0387 19.1934 48.8607 19.1934 44.9591C19.1934 44.523 19.544 44.1724 19.98 44.1724C20.416 44.1724 20.7666 44.523 20.7666 44.9591C20.7666 47.9932 23.2389 50.4654 26.273 50.4654C29.3071 50.4654 31.7794 47.9932 31.7794 44.9591C31.7794 44.523 32.13 44.1724 32.566 44.1724C33.002 44.1724 33.3526 44.523 33.3526 44.9591C33.3526 48.8607 30.1792 52.0387 26.273 52.0387Z' fill='%239E5A3B'/%3E%3Cpath d='M43.1338 34.0452C42.6978 34.0452 42.3472 33.6946 42.3472 33.2586V17.652C42.3472 8.78782 35.1372 1.57783 26.2686 1.57783C17.3999 1.57783 10.19 8.78782 10.19 17.652V33.2586C10.19 33.6946 9.83934 34.0452 9.40333 34.0452C8.96731 34.0452 8.6167 33.6946 8.6167 33.2586V17.652C8.6167 7.92029 16.5324 0.00457764 26.2686 0.00457764C36.0048 0.00457764 43.9205 7.92029 43.9205 17.652V33.2586C43.9205 33.6946 43.5699 34.0452 43.1338 34.0452Z' fill='%239E5A3B'/%3E%3Cpath d='M3.39795 40.3337C2.96194 40.3337 2.61133 39.9831 2.61133 39.5471C2.61133 39.1111 2.96194 38.7605 3.39795 38.7605C6.29274 38.7605 8.6526 36.4051 8.6526 33.5058C8.6526 33.0698 9.00321 32.7192 9.43923 32.7192C9.87525 32.7192 10.2259 33.0698 10.2259 33.5058C10.2259 37.2681 7.16477 40.3337 3.39795 40.3337Z' fill='%239E5A3B'/%3E%3Cpath d='M49.1443 40.3337C45.3775 40.3337 42.3164 37.2726 42.3164 33.5058C42.3164 33.0698 42.667 32.7192 43.103 32.7192C43.539 32.7192 43.8897 33.0698 43.8897 33.5058C43.8897 36.4006 46.245 38.7605 49.1443 38.7605C49.5803 38.7605 49.9309 39.1111 49.9309 39.5471C49.9309 39.9831 49.5803 40.3337 49.1443 40.3337Z' fill='%239E5A3B'/%3E%3Cpath d='M51.755 42.0016C51.755 43.6333 50.429 44.9593 48.7973 44.9593H3.74385C2.11217 44.9593 0.786133 43.6333 0.786133 42.0016C0.786133 40.3699 2.11217 39.0439 3.74385 39.0439H48.7973C50.429 39.0439 51.755 40.3699 51.755 42.0016Z' fill='%23FFE9AD'/%3E%3Cpath d='M48.7978 45.7458H3.74435C1.68114 45.7458 0 44.0647 0 42.0015C0 39.9383 1.68114 38.2571 3.74435 38.2571H48.7978C50.861 38.2571 52.5421 39.9383 52.5421 42.0015C52.5421 44.0647 50.861 45.7458 48.7978 45.7458ZM3.74435 39.8349C2.54868 39.8349 1.57325 40.8103 1.57325 42.006C1.57325 43.2017 2.54868 44.1771 3.74435 44.1771H48.7978C49.9935 44.1771 50.9689 43.2017 50.9689 42.006C50.9689 40.8103 49.9935 39.8349 48.7978 39.8349H3.74435Z' fill='%239E5A3B'/%3E%3Cpath d='M38.7471 35.3488H13.7998C13.3638 35.3488 13.0132 34.9982 13.0132 34.5622C13.0132 34.1262 13.3638 33.7756 13.7998 33.7756H38.7471C39.1831 33.7756 39.5337 34.1262 39.5337 34.5622C39.5337 34.9982 39.1831 35.3488 38.7471 35.3488Z' fill='%239E5A3B'/%3E%3Cpath d='M41.0213 15.6201C45.1174 15.6201 48.438 12.2995 48.438 8.20338C48.438 4.10722 45.1174 0.786621 41.0213 0.786621C36.9251 0.786621 33.6045 4.10722 33.6045 8.20338C33.6045 12.2995 36.9251 15.6201 41.0213 15.6201Z' fill='%23FFE9AD'/%3E%3Cpath d='M41.0213 16.4068C36.4993 16.4068 32.8179 12.7254 32.8179 8.20339C32.8179 3.68141 36.4993 0 41.0213 0C45.5432 0 49.2246 3.68141 49.2246 8.20339C49.2246 12.7254 45.5432 16.4068 41.0213 16.4068ZM41.0213 1.57325C37.3668 1.57325 34.3911 4.54895 34.3911 8.20339C34.3911 11.8578 37.3668 14.8335 41.0213 14.8335C44.6757 14.8335 47.6514 11.8578 47.6514 8.20339C47.6514 4.54895 44.6757 1.57325 41.0213 1.57325Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_02 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48.3565 41.835L41.8232 48.3683L44.3227 50.8677L50.856 44.3344L48.3565 41.835Z' fill='%23FFE9AD'/%3E%3Cpath d='M44.0481 25.9143C44.0481 15.901 35.9329 7.78577 25.9196 7.78577C15.9062 7.78577 7.79102 15.901 7.79102 25.9143C7.79102 35.9277 15.9062 44.0429 25.9196 44.0429C35.9329 44.0429 44.0481 35.9277 44.0481 25.9143Z' fill='%23FFE9AD'/%3E%3Cpath d='M25.9199 30.4477C25.7996 30.4477 25.6742 30.4216 25.5643 30.3745L12.3666 24.7639C12.0267 24.6227 11.8071 24.2881 11.8071 23.9221C11.8071 23.556 12.0267 23.2214 12.3666 23.0802L25.5643 17.4696C25.7944 17.3702 26.0506 17.3702 26.2807 17.4696L39.4784 23.0802C39.8183 23.2214 40.0379 23.556 40.0379 23.9221C40.0379 24.2881 39.8183 24.6227 39.4784 24.7639L26.2807 30.3745C26.1657 30.4216 26.0454 30.4477 25.9251 30.4477H25.9199ZM15.0595 23.9273L25.9199 28.5444L36.7803 23.9273L25.9199 19.3102L15.0647 23.9273H15.0595Z' fill='%239E5A3B'/%3E%3Cpath d='M25.9202 29.5327L17.8521 26.1025V31.9641C20.1109 32.9367 22.8979 33.5119 25.9202 33.5119C28.9425 33.5119 31.7348 32.9367 33.9884 31.9641V26.1025L25.9202 29.5327Z' fill='%23FFE9AD'/%3E%3Cpath d='M25.9201 34.4322C22.8664 34.4322 19.9539 33.8727 17.4859 32.806C17.1513 32.6596 16.9316 32.3302 16.9316 31.9642V26.1026C16.9316 25.7941 17.0885 25.5065 17.3447 25.3392C17.6009 25.1718 17.9251 25.1404 18.2075 25.2607L25.9201 28.5392L33.6327 25.2607C33.9151 25.1404 34.2393 25.1718 34.4955 25.3392C34.7517 25.5065 34.9033 25.7941 34.9033 26.1026V31.9642C34.9033 32.3302 34.6837 32.6596 34.3491 32.806C31.8863 33.8675 28.9686 34.427 25.9201 34.427V34.4322ZM18.7618 31.3524C20.8795 32.1733 23.3423 32.6021 25.9201 32.6021C28.498 32.6021 30.9555 32.1733 33.0732 31.3524V27.4882L26.2757 30.3746C26.0456 30.4739 25.7894 30.4739 25.5593 30.3746L18.7618 27.4882V31.3524Z' fill='%239E5A3B'/%3E%3Cpath d='M36.4927 31.9693C35.9855 31.9693 35.5776 31.5615 35.5776 31.0543V25.5535C35.5776 25.0463 35.9855 24.6384 36.4927 24.6384C36.9999 24.6384 37.4077 25.0463 37.4077 25.5535V31.0543C37.4077 31.5615 36.9999 31.9693 36.4927 31.9693Z' fill='%239E5A3B'/%3E%3Cpath d='M25.9195 49.0365C19.7442 49.0365 13.9349 46.6312 9.56879 42.2651C5.20266 37.899 2.79736 32.0949 2.79736 25.9143C2.79736 13.1663 13.1663 2.79218 25.9195 2.79218C38.6728 2.79218 49.0417 13.1663 49.0417 25.9143C49.0417 38.6624 38.6728 49.0313 25.9195 49.0365ZM25.9195 4.62752C14.1807 4.62752 4.62748 14.1807 4.62748 25.9196C4.62748 31.6086 6.83932 36.9525 10.8603 40.9735C14.8814 44.9946 20.2305 47.2116 25.9143 47.2116C37.6532 47.2116 47.2064 37.6584 47.2064 25.9196C47.2064 14.1807 37.6584 4.62752 25.9143 4.62752H25.9195Z' fill='%239E5A3B'/%3E%3Cpath d='M6.89168 51.834H0.915056C0.407854 51.834 0 51.4261 0 50.9189V44.9423C0 44.4351 0.407854 44.0272 0.915056 44.0272C1.42226 44.0272 1.83011 44.4351 1.83011 44.9423V50.0038H6.89168C7.39888 50.0038 7.80673 50.4117 7.80673 50.9189C7.80673 51.4261 7.39888 51.834 6.89168 51.834Z' fill='%239E5A3B'/%3E%3Cpath d='M50.919 7.80673C50.4118 7.80673 50.004 7.39888 50.004 6.89168V1.83011H44.9424C44.4352 1.83011 44.0273 1.42226 44.0273 0.915056C44.0273 0.407854 44.4352 0 44.9424 0H50.919C51.4262 0 51.8341 0.407854 51.8341 0.915056V6.89168C51.8341 7.39888 51.4262 7.80673 50.919 7.80673Z' fill='%239E5A3B'/%3E%3Cpath d='M55.175 61.1153C53.5854 61.1153 52.0952 60.4983 50.971 59.374L40.4034 48.8065C40.0478 48.4509 40.0478 47.8705 40.4034 47.5149L47.5147 40.4036C47.8702 40.0481 48.4507 40.0481 48.8062 40.4036L59.3738 50.9712C60.498 52.0954 61.115 53.5857 61.115 55.1753C61.115 56.7648 60.498 58.2551 59.3738 59.3793C58.2496 60.5035 56.7594 61.1205 55.1698 61.1205L55.175 61.1153ZM42.3433 48.1581L52.2678 58.0825C53.0469 58.8616 54.0769 59.2852 55.175 59.2852C56.2731 59.2852 57.3084 58.8564 58.0823 58.0825C58.8614 57.3034 59.2849 56.2733 59.2849 55.1753C59.2849 54.0772 58.8562 53.0419 58.0823 52.268L48.1578 42.3435L42.3433 48.1581Z' fill='%239E5A3B'/%3E%3Cpath d='M44.1267 45.0364C43.8914 45.0364 43.6561 44.9475 43.4783 44.7697L41.3658 42.6573C41.0102 42.3017 41.0102 41.7213 41.3658 41.3657C41.7214 41.0102 42.3018 41.0102 42.6573 41.3657L44.7698 43.4782C45.1254 43.8338 45.1254 44.4142 44.7698 44.7697C44.592 44.9475 44.3567 45.0364 44.1214 45.0364H44.1267Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_03 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5648 52.0179C41.5203 52.0179 52.0227 41.5154 52.0227 28.56C52.0227 15.6045 41.5203 5.10205 28.5648 5.10205C15.6094 5.10205 5.10693 15.6045 5.10693 28.56C5.10693 41.5154 15.6094 52.0179 28.5648 52.0179Z' fill='%23FFE9AD'/%3E%3Cpath d='M0.860128 57.12C0.635323 57.12 0.420297 57.032 0.254137 56.8707C0.034219 56.6508 -0.0488671 56.3332 0.034213 56.0351L3.78258 42.7618C1.30484 38.4514 0 33.5497 0 28.56C0 12.809 12.8139 0 28.56 0C44.3061 0 57.12 12.8139 57.12 28.56C57.12 44.3061 44.3061 57.12 28.56 57.12C23.5703 57.12 18.6686 55.8152 14.3582 53.3374L1.08494 57.0858C1.00675 57.1053 0.928537 57.12 0.850344 57.12H0.860128ZM14.4804 51.5585C14.6319 51.5585 14.7834 51.5976 14.9153 51.6758C19.04 54.1144 23.7609 55.4046 28.5649 55.4046C43.3678 55.4046 55.4144 43.358 55.4144 28.5551C55.4144 13.7522 43.3678 1.70558 28.5649 1.70558C13.762 1.70558 1.71536 13.7522 1.71536 28.5551C1.71536 33.3591 3.00555 38.08 5.4442 42.2047C5.56148 42.405 5.59569 42.6494 5.53216 42.8742L2.10143 55.0235L14.2507 51.5878C14.3289 51.5683 14.4071 51.5536 14.4853 51.5536L14.4804 51.5585Z' fill='%239E5A3B'/%3E%3Cpath d='M42.7083 43.5583C42.4883 43.5583 42.2684 43.4752 42.1023 43.309C41.7699 42.9767 41.7699 42.4342 42.1023 42.1019C45.7187 38.4855 47.7126 33.6766 47.7126 28.5648C47.7126 23.4529 45.7187 18.644 42.1023 15.0276C41.7699 14.6953 41.7699 14.1528 42.1023 13.8205C42.4346 13.4882 42.977 13.4882 43.3094 13.8205C47.2483 17.7595 49.4182 22.9984 49.4182 28.5697C49.4182 34.1409 47.2483 39.3798 43.3094 43.3188C43.1432 43.485 42.9233 43.568 42.7034 43.568L42.7083 43.5583Z' fill='%239E5A3B'/%3E%3Cpath d='M14.4219 43.5584C14.2019 43.5584 13.982 43.4753 13.8159 43.3091C9.87689 39.3702 7.70703 34.1312 7.70703 28.56C7.70703 22.9887 9.87689 17.7498 13.8159 13.8108C14.1482 13.4785 14.6906 13.4785 15.0229 13.8108C15.3553 14.1431 15.3553 14.6856 15.0229 15.0179C11.4065 18.6343 9.41261 23.4432 9.41261 28.5551C9.41261 33.667 11.4065 38.4758 15.0229 42.0923C15.3553 42.4246 15.3553 42.967 15.0229 43.2993C14.8568 43.4655 14.6369 43.5486 14.417 43.5486L14.4219 43.5584Z' fill='%239E5A3B'/%3E%3Cmask id='mask0_34_16' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='13' y='14' width='30' height='30'%3E%3Crect x='13.5259' y='14.5257' width='29.1887' height='29.1887' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_34_16)'%3E%3Cpath d='M15.3501 24.681C15.3501 22.955 15.932 21.5131 17.0959 20.3553C18.26 19.1976 19.7051 18.6188 21.4311 18.6188C22.4928 18.6188 23.4962 18.8671 24.4412 19.3638C25.3861 19.8604 26.2071 20.5726 26.9039 21.5003C27.6008 20.5726 28.4218 19.8604 29.3667 19.3638C30.3117 18.8671 31.3151 18.6188 32.3768 18.6188C33.7712 18.6188 34.9691 19 35.9707 19.7624C36.9722 20.5249 37.6664 21.4972 38.0531 22.6791C38.1482 22.9128 38.1447 23.1439 38.0428 23.3723C37.9406 23.6008 37.7726 23.7625 37.5387 23.8576C37.3047 23.9529 37.0736 23.9494 36.8451 23.8473C36.6167 23.7451 36.4549 23.5771 36.3599 23.3431C36.0807 22.4389 35.5709 21.7295 34.8302 21.2148C34.0895 20.7002 33.2717 20.4428 32.3768 20.4428C31.4055 20.4428 30.525 20.7259 29.7352 21.292C28.9453 21.858 28.2627 22.5495 27.6875 23.3666C27.6001 23.5078 27.4865 23.6094 27.3466 23.6712C27.207 23.7332 27.0585 23.7643 26.9012 23.7643C26.7439 23.7643 26.5961 23.7289 26.4579 23.6581C26.3195 23.5874 26.207 23.4902 26.1204 23.3666C25.5452 22.5495 24.8626 21.858 24.0726 21.292C23.2829 20.7259 22.4024 20.4428 21.4311 20.4428C20.2601 20.4428 19.2579 20.8443 18.4246 21.6472C17.5911 22.4501 17.1744 23.4613 17.1744 24.681C17.1744 25.3566 17.3163 26.0425 17.6001 26.7388C17.8838 27.4348 18.3906 28.2384 19.1203 29.1496C19.85 30.0607 20.8432 31.1271 22.1 32.3488C23.3567 33.5704 24.958 35.0482 26.9039 36.7821L29.762 34.2117C29.9507 34.0432 30.1666 33.9668 30.4096 33.9824C30.6527 33.9978 30.8578 34.0907 31.025 34.2609C31.2137 34.4494 31.303 34.6743 31.2929 34.9356C31.2828 35.1967 31.177 35.4114 30.9758 35.5799L28.153 38.1339C27.9766 38.2977 27.7788 38.4166 27.5595 38.4905C27.34 38.5645 27.1204 38.6015 26.9009 38.6015C26.6816 38.6015 26.4632 38.5645 26.2457 38.4905C26.0282 38.4166 25.8313 38.2914 25.6549 38.115C24.3374 36.9224 23.06 35.7623 21.8227 34.6349C20.5856 33.5077 19.488 32.3941 18.5298 31.294C17.5717 30.194 16.8021 29.0967 16.2212 28.0021C15.6405 26.9075 15.3501 25.8005 15.3501 24.681ZM35.2534 31.2484H32.517C32.2585 31.2484 32.042 31.1609 31.8672 30.986C31.6923 30.8111 31.6048 30.5944 31.6048 30.336C31.6048 30.0773 31.6923 29.8607 31.8672 29.6862C32.042 29.5115 32.2585 29.4241 32.517 29.4241H35.2534V26.6877C35.2534 26.4292 35.3409 26.2127 35.5158 26.0379C35.6908 25.863 35.9075 25.7755 36.1662 25.7755C36.4246 25.7755 36.6412 25.863 36.8159 26.0379C36.9905 26.2127 37.0777 26.4292 37.0777 26.6877V29.4241H39.8142C40.0726 29.4241 40.2893 29.5116 40.4642 29.6865C40.6389 29.8614 40.7263 30.0781 40.7263 30.3366C40.7263 30.5952 40.6389 30.8118 40.4642 30.9863C40.2893 31.161 40.0726 31.2484 39.8142 31.2484H37.0777V33.9849C37.0777 34.2433 36.9903 34.4599 36.8153 34.6346C36.6406 34.8095 36.4239 34.897 36.1653 34.897C35.9068 34.897 35.6902 34.8095 35.5155 34.6346C35.3408 34.4599 35.2534 34.2433 35.2534 33.9849V31.2484Z' fill='%239E5A3B'/%3E%3C/g%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_04 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='71' height='73' viewBox='0 0 71 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.1682 9.92969H33.8105V38.4279H39.1682V9.92969Z' fill='%23FFE9AD'/%3E%3Cpath d='M41.1302 10.3356H14.7481C12.0354 10.3356 9.82715 8.12739 9.82715 5.41474C9.82715 2.70209 12.0354 0.493835 14.7481 0.493835H41.1302C43.8429 0.493835 46.0512 2.70209 46.0512 5.41474C46.0512 8.12739 43.8429 10.3356 41.1302 10.3356ZM14.7481 2.64673C13.2226 2.64673 11.98 3.88926 11.98 5.41474C11.98 6.94022 13.2226 8.18275 14.7481 8.18275H41.1302C42.6557 8.18275 43.8983 6.94022 43.8983 5.41474C43.8983 3.88926 42.6557 2.64673 41.1302 2.64673H14.7481Z' fill='%239E5A3B'/%3E%3Cpath d='M41.1302 47.8636H14.7481C12.0354 47.8636 9.82715 45.6553 9.82715 42.9427C9.82715 40.23 12.0354 38.0218 14.7481 38.0218H41.1302C43.8429 38.0218 46.0512 40.23 46.0512 42.9427C46.0512 45.6553 43.8429 47.8636 41.1302 47.8636ZM14.7481 40.1685C13.2226 40.1685 11.98 41.4111 11.98 42.9365C11.98 44.462 13.2226 45.7045 14.7481 45.7045H41.1302C42.6557 45.7045 43.8983 44.462 43.8983 42.9365C43.8983 41.4111 42.6557 40.1685 41.1302 40.1685H14.7481Z' fill='%239E5A3B'/%3E%3Cpath d='M16.5135 39.0799C15.9168 39.0799 15.437 38.6001 15.437 38.0034V10.3541C15.437 9.75744 15.9168 9.27765 16.5135 9.27765C17.1101 9.27765 17.5899 9.75744 17.5899 10.3541V38.0034C17.5899 38.6001 17.1101 39.0799 16.5135 39.0799Z' fill='%239E5A3B'/%3E%3Cpath d='M39.365 39.0799C38.7684 39.0799 38.2886 38.6001 38.2886 38.0034V10.3541C38.2886 9.75744 38.7684 9.27765 39.365 9.27765C39.9617 9.27765 40.4415 9.75744 40.4415 10.3541V38.0034C40.4415 38.6001 39.9617 39.0799 39.365 39.0799Z' fill='%239E5A3B'/%3E%3Cpath d='M42.0466 13.971H13.8313C13.2347 13.971 12.7549 13.4912 12.7549 12.8946C12.7549 12.2979 13.2347 11.8181 13.8313 11.8181H42.0466C42.6432 11.8181 43.123 12.2979 43.123 12.8946C43.123 13.4912 42.6432 13.971 42.0466 13.971Z' fill='%239E5A3B'/%3E%3Cpath d='M42.0466 36.5396H13.8313C13.2347 36.5396 12.7549 36.0598 12.7549 35.4631C12.7549 34.8664 13.2347 34.3867 13.8313 34.3867H42.0466C42.6432 34.3867 43.123 34.8664 43.123 35.4631C43.123 36.0598 42.6432 36.5396 42.0466 36.5396Z' fill='%239E5A3B'/%3E%3Cpath d='M65.9811 29.195H40.3001C39.7034 29.195 39.2236 28.7152 39.2236 28.1186C39.2236 27.5219 39.7034 27.0421 40.3001 27.0421H65.9811C67.5619 27.0421 68.8475 25.7565 68.8475 24.1757C68.8475 22.5949 67.5619 21.3093 65.9811 21.3093H40.3001C39.7034 21.3093 39.2236 20.8295 39.2236 20.2328C39.2236 19.6362 39.7034 19.1564 40.3001 19.1564H65.9811C68.7491 19.1564 71.0004 21.4077 71.0004 24.1757C71.0004 26.9437 68.7491 29.195 65.9811 29.195Z' fill='%239E5A3B'/%3E%3Cpath d='M53.5615 72.3884H1.75662C1.15996 72.3884 0.680176 71.9086 0.680176 71.312V59.0712C0.680176 54.464 4.42622 50.718 9.03341 50.718H46.2785C50.8857 50.718 54.6318 54.464 54.6318 59.0712V71.312C54.6318 71.9086 54.152 72.3884 53.5553 72.3884H53.5615ZM2.83307 70.2355H52.485V59.0712C52.485 55.6512 49.7047 52.8709 46.2847 52.8709H9.03956C5.61953 52.8709 2.83923 55.6512 2.83923 59.0712V70.2355H2.83307Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_05 .bottom i {width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg width='75' height='72' viewBox='0 0 75 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65.3988 1L54.8901 11.5143L63.811 20.4352L74.3198 9.9209' fill='%23FFE9AD'/%3E%3Cpath d='M65.3988 1L54.8901 11.5143L63.811 20.4352L74.3198 9.9209' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M43.0629 21.0862C43.0629 21.0862 38.148 23.437 36.2684 23.0948C34.3888 22.7525 33.5753 21.0862 36.0103 19.7621C38.4453 18.4379 42.1203 16.3003 43.7473 15.958C45.3744 15.6158 47.2821 15.2231 49.891 15.3465C52.4999 15.4755 54.329 12.4346 54.329 12.4346L62.9357 21.0469C62.9357 21.0469 61.5611 22.1522 60.1529 24.4189C58.739 26.6856 56.4835 30.3493 53.061 33.3959C49.5431 36.5266 45.1332 40.0613 45.1332 40.0613C45.1332 40.0613 43.7193 40.8244 42.9731 40.2352C42.0361 39.5059 42.0305 38.9504 42.2044 38.2715L39.8536 40.6224C39.8536 40.6224 38.8773 41.9128 37.5364 41.1666C36.1506 40.3923 36.6163 39.0626 36.6163 39.0626L34.8714 40.8075C34.8714 40.8075 33.6819 41.8118 32.4083 40.7177C30.9046 39.4217 31.4376 38.3781 33.1264 36.6837C33.1264 36.6837 31.6677 37.3514 30.77 36.1619C30.77 36.1619 29.4403 35.152 31.1852 33.1939C32.9301 31.2302 43.0572 21.0918 43.0572 21.0918L43.0629 21.0862Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M36.6274 39.057L45.5708 30.108' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M33.1323 36.6444L42.6536 27.1232' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M42.21 38.2659L48.2694 32.3804' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M54.9405 9.57312C55.2378 9.27576 55.7203 9.27576 56.0233 9.57312L66.0271 19.5769C66.3244 19.8742 66.3244 20.3568 66.0271 20.6541L63.867 22.8142C63.5696 23.1116 63.0871 23.1116 62.7897 22.8142L52.786 12.8104C52.4886 12.5131 52.4886 12.0306 52.786 11.7332L54.9461 9.57312H54.9405Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M1 27.4262H15.8626V40.0445H1' fill='%23FFE9AD'/%3E%3Cpath d='M1 27.4262H15.8626V40.0445H1' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.9943 25.8329C30.9943 25.8329 36.128 24.0206 37.2165 22.4497C38.305 20.8787 37.699 19.1226 35.0396 19.9081C32.3801 20.6935 28.2675 21.782 26.8761 22.6909C25.4847 23.5999 23.852 24.6715 22.1015 26.6016C20.3509 28.5372 16.9004 27.6788 16.9004 27.6788V39.8539C16.9004 39.8539 18.6509 39.6631 21.2542 40.269C23.852 40.875 28.0431 41.8681 32.6214 41.6044C37.3231 41.3351 42.9393 40.7123 42.9393 40.7123C42.9393 40.7123 44.4766 40.2522 44.5888 39.3096C44.7347 38.1314 44.3476 37.7386 43.7417 37.374H47.0688C47.0688 37.374 48.6734 37.5928 49.0886 36.1172C49.5206 34.5911 48.247 33.9795 48.247 33.9795H50.7157C50.7157 33.9795 52.2698 33.8505 52.3932 32.1729C52.5447 30.1924 51.4282 29.8333 49.0325 29.8333C49.0325 29.8333 50.5361 29.2722 50.3285 27.7966C50.3285 27.7966 50.5586 26.1415 47.9384 25.99C45.3182 25.8385 30.9831 25.8273 30.9831 25.8273L30.9943 25.8329Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M48.2526 33.9907H35.6006' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M49.0158 29.8165H35.5503' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M43.7475 37.3796L35.2979 37.503' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M14.4542 26.0909H17.512C17.9328 26.0909 18.2751 26.4332 18.2751 26.854V41.004C18.2751 41.4248 17.9328 41.767 17.512 41.767H14.4598C14.0391 41.767 13.6968 41.4248 13.6968 41.004V26.854C13.6968 26.4332 14.0391 26.0909 14.4598 26.0909H14.4542Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M61.3423 65.4326L55.3165 51.8436L43.7866 56.9605L49.8124 70.5495' fill='%23FFE9AD'/%3E%3Cpath d='M61.3423 65.4326L55.3165 51.8436L43.7866 56.9605L49.8124 70.5495' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50.6375 37.3682C50.6375 37.3682 50.2111 31.9371 51.2098 30.3044C52.2028 28.6717 54.0543 28.5146 54.4134 31.2638C54.7725 34.013 55.4458 38.2154 55.1821 39.8537C54.9184 41.492 54.5986 43.422 53.5438 45.8065C52.489 48.1911 54.6659 50.9964 54.6659 50.9964L43.5344 55.9337C43.5344 55.9337 42.9958 54.2562 41.3912 52.1241C39.7865 49.9921 37.1776 46.564 35.5617 42.2775C33.901 37.8675 32.1897 32.4869 32.1897 32.4869C32.1897 32.4869 31.9877 30.8935 32.8013 30.4054C33.8168 29.7938 34.333 29.9902 34.9109 30.3941L33.5643 27.3532C33.5643 27.3532 32.7115 25.9786 33.8898 24.9967C35.1073 23.9812 36.1845 24.8957 36.1845 24.8957L35.1858 22.6403C35.1858 22.6403 34.6696 21.1703 36.1564 20.3736C37.9069 19.431 38.6868 20.3062 39.6631 22.4944C39.6631 22.4944 39.5677 20.8953 40.9984 20.4802C40.9984 20.4802 42.4179 19.5993 43.6186 21.9333C44.8192 24.2673 50.6431 37.3625 50.6431 37.3625L50.6375 37.3682Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M36.1846 24.8958L41.3127 36.4649' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M39.6914 22.5056L45.1505 34.8153' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M34.9111 30.3941L38.227 38.1648' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M41.9221 55.1401L54.8568 49.4029C55.2415 49.2322 55.6931 49.4063 55.8637 49.791L57.1013 52.581C57.2719 52.9657 57.0978 53.4173 56.7131 53.5879L43.7784 59.3252C43.3938 59.4958 42.9422 59.3217 42.7715 58.9371L41.534 56.147C41.3634 55.7624 41.5375 55.3108 41.9221 55.1401Z' fill='%23FFFDF9' stroke='%239E5A3B' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_06 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='43' height='51' viewBox='0 0 43 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.706 29.2507H12.9347C12.5124 29.2507 12.1729 28.9112 12.1729 28.4889C12.1729 28.0666 12.5124 27.7271 12.9347 27.7271H24.706C25.1283 27.7271 25.4678 28.0666 25.4678 28.4889C25.4678 28.9112 25.1283 29.2507 24.706 29.2507Z' fill='%239E5A3B'/%3E%3Cpath d='M24.706 16.7505H12.9347C12.5124 16.7505 12.1729 16.411 12.1729 15.9887C12.1729 15.5664 12.5124 15.2269 12.9347 15.2269H24.706C25.1283 15.2269 25.4678 15.5664 25.4678 15.9887C25.4678 16.411 25.1283 16.7505 24.706 16.7505Z' fill='%239E5A3B'/%3E%3Cpath d='M30.9443 33.3124H6.6964C6.27413 33.3124 5.93457 32.9728 5.93457 32.5505C5.93457 32.1283 6.27413 31.7887 6.6964 31.7887H30.9443C31.3666 31.7887 31.7062 32.1283 31.7062 32.5505C31.7062 32.9728 31.3666 33.3124 30.9443 33.3124Z' fill='%239E5A3B'/%3E%3Cpath d='M30.9443 20.8121H6.6964C6.27413 20.8121 5.93457 20.4726 5.93457 20.0503C5.93457 19.628 6.27413 19.2885 6.6964 19.2885H30.9443C31.3666 19.2885 31.7062 19.628 31.7062 20.0503C31.7062 20.4726 31.3666 20.8121 30.9443 20.8121Z' fill='%239E5A3B'/%3E%3Cpath d='M24.706 37.374H12.9347C12.5124 37.374 12.1729 37.0344 12.1729 36.6122C12.1729 36.1899 12.5124 35.8503 12.9347 35.8503H24.706C25.1283 35.8503 25.4678 36.1899 25.4678 36.6122C25.4678 37.0344 25.1283 37.374 24.706 37.374Z' fill='%239E5A3B'/%3E%3Cpath d='M24.706 24.8738H12.9347C12.5124 24.8738 12.1729 24.5342 12.1729 24.1119C12.1729 23.6897 12.5124 23.3501 12.9347 23.3501H24.706C25.1283 23.3501 25.4678 23.6897 25.4678 24.1119C25.4678 24.5342 25.1283 24.8738 24.706 24.8738Z' fill='%239E5A3B'/%3E%3Cpath d='M39.1419 47.0691V6.07404H36.8826V44.8098H6.07422V47.0691H39.1419Z' fill='%23FFE9AD'/%3E%3Cpath d='M42.1932 50.8826H6.07384C5.65157 50.8826 5.31201 50.543 5.31201 50.1207V44.8053C5.31201 44.3831 5.65157 44.0435 6.07384 44.0435H36.116V6.07396C36.116 5.65169 36.4556 5.31213 36.8779 5.31213H42.1932C42.6155 5.31213 42.9551 5.65169 42.9551 6.07396V50.1207C42.9551 50.543 42.6155 50.8826 42.1932 50.8826ZM6.83567 49.3589H41.4314V6.83579H37.6397V44.8053C37.6397 45.2276 37.3001 45.5672 36.8779 45.5672H6.83567V49.3589Z' fill='%239E5A3B'/%3E%3Cpath d='M9.45189 9.45214V0.762939L0.762695 9.45214H9.45189Z' fill='%23FFE9AD'/%3E%3Cpath d='M9.45216 10.214H0.762959C0.453874 10.214 0.175264 10.0268 0.0577252 9.74384C-0.0598142 9.46087 0.00548758 9.13002 0.223153 8.91235L8.91235 0.223153C9.13002 0.00548758 9.45652 -0.0598142 9.74383 0.0577252C10.0268 0.175264 10.214 0.453877 10.214 0.762962V9.45217C10.214 9.87444 9.87443 10.214 9.45216 10.214ZM2.60006 8.69033H8.69033V2.60006L2.60006 8.69033Z' fill='%239E5A3B'/%3E%3Cpath d='M36.8827 45.5718H0.763294C0.341023 45.5718 0.00146484 45.2322 0.00146484 44.8099V9.45238C0.00146484 9.25212 0.0798286 9.05622 0.223488 8.91256L8.91269 0.223362C9.05635 0.0797032 9.24789 0.00134277 9.45249 0.00134277H36.8827C37.3049 0.00134277 37.6445 0.340901 37.6445 0.763172V44.8099C37.6445 45.2322 37.3049 45.5718 36.8827 45.5718ZM1.52512 44.0481H36.1208V1.525H9.77029L1.52512 9.77017V44.0481Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_07 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='58' height='65' viewBox='0 0 58 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.9869 59.712H0.971424C0.432977 59.712 0 59.279 0 58.7406V5.16796C0 4.62951 0.432977 4.19653 0.971424 4.19653H42.9869C43.4698 4.19653 43.875 4.54624 43.9472 5.02363C44.0471 5.67864 43.9861 21.2991 43.9583 27.9881C43.9583 28.521 43.5198 28.9539 42.9869 28.9539C42.4484 28.9539 42.0155 28.5154 42.021 27.977C42.0543 20.3832 42.0821 9.3312 42.0488 6.13382H1.94285V57.7636H42.9869C43.5253 57.7636 43.9583 58.1966 43.9583 58.735C43.9583 59.2735 43.5253 59.7065 42.9869 59.7065V59.712Z' fill='%239E5A3B'/%3E%3Cpath d='M31.1744 0.971375H12.7896V10.4247H31.1744V0.971375Z' fill='%23FFE9AD'/%3E%3Cpath d='M31.1686 11.3962H12.7893C12.2508 11.3962 11.8179 10.9632 11.8179 10.4248V0.971424C11.8179 0.432977 12.2508 0 12.7893 0H31.1742C31.7126 0 32.1456 0.432977 32.1456 0.971424V10.4248C32.1456 10.9632 31.7126 11.3962 31.1742 11.3962H31.1686ZM13.7607 9.45334H30.2028V1.94285H13.7607V9.45334Z' fill='%239E5A3B'/%3E%3Cpath d='M11.5351 26.9556C11.2853 26.9556 11.0355 26.8612 10.8468 26.6725L7.1498 22.9756C6.77233 22.5981 6.77233 21.9819 7.1498 21.6045C7.52727 21.227 8.14343 21.227 8.52089 21.6045L11.5295 24.6131L18.6126 17.53C18.9901 17.1526 19.6062 17.1526 19.9837 17.53C20.3612 17.9075 20.3612 18.5237 19.9837 18.9011L12.2123 26.6725C12.0236 26.8612 11.7738 26.9556 11.524 26.9556H11.5351Z' fill='%239E5A3B'/%3E%3Cpath d='M36.1202 21.1549H24.4021C23.8636 21.1549 23.4307 20.722 23.4307 20.1835C23.4307 19.6451 23.8636 19.2121 24.4021 19.2121H36.1202C36.6587 19.2121 37.0917 19.6451 37.0917 20.1835C37.0917 20.722 36.6587 21.1549 36.1202 21.1549Z' fill='%239E5A3B'/%3E%3Cpath d='M36.1202 24.9796H24.4021C23.8636 24.9796 23.4307 24.5466 23.4307 24.0082C23.4307 23.4697 23.8636 23.0367 24.4021 23.0367H36.1202C36.6587 23.0367 37.0917 23.4697 37.0917 24.0082C37.0917 24.5466 36.6587 24.9796 36.1202 24.9796Z' fill='%239E5A3B'/%3E%3Cpath d='M11.5351 41.7268C11.2853 41.7268 11.0355 41.6324 10.8468 41.4437L7.1498 37.7467C6.77233 37.3693 6.77233 36.7531 7.1498 36.3757C7.52727 35.9982 8.14343 35.9982 8.52089 36.3757L11.5295 39.3843L18.6126 32.3012C18.9901 31.9238 19.6062 31.9238 19.9837 32.3012C20.3612 32.6787 20.3612 33.2948 19.9837 33.6723L12.2123 41.4437C12.0236 41.6324 11.7738 41.7268 11.524 41.7268H11.5351Z' fill='%239E5A3B'/%3E%3Cpath d='M36.1202 35.9316H24.4021C23.8636 35.9316 23.4307 35.4986 23.4307 34.9602C23.4307 34.4217 23.8636 33.9888 24.4021 33.9888H36.1202C36.6587 33.9888 37.0917 34.4217 37.0917 34.9602C37.0917 35.4986 36.6587 35.9316 36.1202 35.9316Z' fill='%239E5A3B'/%3E%3Cpath d='M36.1202 39.7563H24.4021C23.8636 39.7563 23.4307 39.3233 23.4307 38.7848C23.4307 38.2464 23.8636 37.8134 24.4021 37.8134H36.1202C36.6587 37.8134 37.0917 38.2464 37.0917 38.7848C37.0917 39.3233 36.6587 39.7563 36.1202 39.7563Z' fill='%239E5A3B'/%3E%3Cpath d='M56.8422 49.898C56.8422 42.1599 50.5696 35.8873 42.8315 35.8873C35.0934 35.8873 28.8208 42.1599 28.8208 49.898C28.8208 57.636 35.0934 63.9087 42.8315 63.9087C50.5696 63.9087 56.8422 57.636 56.8422 49.898Z' fill='%23FFE9AD'/%3E%3Cpath d='M42.8312 64.88C34.5714 64.88 27.8491 58.1577 27.8491 49.8978C27.8491 41.638 34.5714 34.9157 42.8312 34.9157C51.0911 34.9157 57.8134 41.638 57.8134 49.8978C57.8134 58.1577 51.0911 64.88 42.8312 64.88ZM42.8312 36.8586C35.6427 36.8586 29.792 42.7093 29.792 49.8978C29.792 57.0864 35.6427 62.9371 42.8312 62.9371C50.0198 62.9371 55.8705 57.0864 55.8705 49.8978C55.8705 42.7093 50.0198 36.8586 42.8312 36.8586Z' fill='%239E5A3B'/%3E%3Cpath d='M47.1615 33.0339H39.0071C38.4686 33.0339 38.0356 32.6009 38.0356 32.0625C38.0356 31.524 38.4686 31.0911 39.0071 31.0911H47.1615C47.6999 31.0911 48.1329 31.524 48.1329 32.0625C48.1329 32.6009 47.6999 33.0339 47.1615 33.0339Z' fill='%239E5A3B'/%3E%3Cpath d='M45.3795 49.898C45.3795 48.488 44.2415 47.35 42.8316 47.35C41.4216 47.35 40.2837 48.488 40.2837 49.898C40.2837 51.3079 41.4216 52.4458 42.8316 52.4458C44.2415 52.4458 45.3795 51.3024 45.3795 49.898Z' fill='%23FFE9AD'/%3E%3Cpath d='M42.8313 53.4172C40.8885 53.4172 39.312 51.8407 39.312 49.8979C39.312 47.955 40.8885 46.3785 42.8313 46.3785C44.7742 46.3785 46.3507 47.955 46.3507 49.8979C46.3507 51.8407 44.7742 53.4172 42.8313 53.4172ZM42.8313 48.3214C41.9598 48.3214 41.2549 49.0264 41.2549 49.8979C41.2549 50.7694 41.9598 51.4743 42.8313 51.4743C43.7028 51.4743 44.4078 50.7694 44.4078 49.8979C44.4078 49.0264 43.7028 48.3214 42.8313 48.3214Z' fill='%239E5A3B'/%3E%3Cpath d='M49.4535 57.4917C49.2037 57.4917 48.954 57.3973 48.7652 57.2086L44.4354 52.8788C44.058 52.5014 44.058 51.8852 44.4354 51.5077C44.8129 51.1302 45.4291 51.1302 45.8065 51.5077L50.1363 55.8375C50.5138 56.215 50.5138 56.8311 50.1363 57.2086C49.9476 57.3973 49.6978 57.4917 49.448 57.4917H49.4535Z' fill='%239E5A3B'/%3E%3Cpath d='M56.8422 41.1884C56.5924 41.1884 56.3426 41.094 56.1539 40.9052L51.8241 36.5755C51.4466 36.198 51.4466 35.5818 51.8241 35.2044C52.2016 34.8269 52.8177 34.8269 53.1952 35.2044L57.525 39.5341C57.9025 39.9116 57.9025 40.5278 57.525 40.9052C57.3362 41.094 57.0865 41.1884 56.8367 41.1884H56.8422Z' fill='%239E5A3B'/%3E%3Cpath d='M52.7678 40.6777C52.518 40.6777 52.2682 40.5833 52.0795 40.3946C51.702 40.0171 51.702 39.4009 52.0795 39.0234L53.3507 37.7467C53.7281 37.3693 54.3443 37.3693 54.7218 37.7467C55.0992 38.1242 55.0992 38.7403 54.7218 39.1178L53.4506 40.389C53.2618 40.5777 53.0121 40.6721 52.7623 40.6721L52.7678 40.6777Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } .con_box .menu ul li a.menu_08 .bottom i { background-image: url("data:image/svg+xml,%3Csvg width='59' height='54' viewBox='0 0 59 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.3652 0.871643H0.876953V7.34296H57.3652V0.871643Z' fill='%23FFE9AD'/%3E%3Cpath d='M57.3601 53.0558H0.87181C0.388578 53.0558 0 52.6672 0 52.184V0.871749C0 0.388517 0.388578 -6.10352e-05 0.87181 -6.10352e-05H57.3601C57.8433 -6.10352e-05 58.2319 0.388517 58.2319 0.871749V52.184C58.2319 52.6672 57.8433 53.0558 57.3601 53.0558ZM1.7486 51.3122H56.4933V1.74356H1.7486V51.3122Z' fill='%239E5A3B'/%3E%3Cpath d='M6.06281 4.69772C6.06281 4.06504 5.54968 3.54694 4.91202 3.54694C4.27435 3.54694 3.76123 4.06006 3.76123 4.69772C3.76123 5.33539 4.27435 5.84851 4.91202 5.84851C5.54968 5.84851 6.06281 5.33539 6.06281 4.69772Z' fill='%239E5A3B'/%3E%3Cpath d='M9.88898 4.69785C9.88898 4.06516 9.37586 3.54706 8.7382 3.54706C8.10053 3.54706 7.5874 4.06018 7.5874 4.69785C7.5874 5.33551 8.10053 5.84863 8.7382 5.84863C9.37586 5.84863 9.88898 5.33551 9.88898 4.69785Z' fill='%239E5A3B'/%3E%3Cpath d='M13.72 4.69785C13.72 4.06516 13.2069 3.54706 12.5693 3.54706C11.9316 3.54706 11.4185 4.06018 11.4185 4.69785C11.4185 5.33551 11.9316 5.84863 12.5693 5.84863C13.2069 5.84863 13.72 5.33551 13.72 4.69785Z' fill='%239E5A3B'/%3E%3Cpath d='M32.8547 46.4699C22.4926 46.4699 14.0635 38.0358 14.0635 27.6737C14.0635 17.3116 22.4926 8.88245 32.8547 8.88245C43.2168 8.88245 51.6459 17.3166 51.6459 27.6787C51.6459 38.0407 43.2168 46.4699 32.8547 46.4749V46.4699ZM32.8547 10.6261C23.4541 10.6261 15.8071 18.2731 15.8071 27.6737C15.8071 37.0743 23.4541 44.7263 32.8547 44.7263C42.2553 44.7263 49.9023 37.0743 49.9023 27.6737C49.9023 18.2731 42.2553 10.6261 32.8547 10.6211V10.6261Z' fill='%239E5A3B'/%3E%3Cpath d='M45.8818 27.6788C45.8818 20.4801 40.0481 14.6514 32.8545 14.6514C25.6608 14.6514 19.8271 20.4851 19.8271 27.6788C19.8271 34.8724 25.6608 40.7061 32.8545 40.7061C40.0481 40.7061 45.8818 34.8724 45.8818 27.6788Z' fill='%23FFE9AD'/%3E%3Cpath d='M32.8547 41.5778C25.1878 41.5778 18.9556 35.3406 18.9556 27.6787C18.9556 20.0167 25.1927 13.7795 32.8547 13.7795C36.5661 13.7795 40.0583 15.2242 42.6837 17.8496C45.3091 20.475 46.7538 23.9673 46.7538 27.6787C46.7538 35.3456 40.5167 41.5778 32.8547 41.5778ZM32.8547 15.5182C26.1492 15.5182 20.6992 20.9732 20.6992 27.6737C20.6992 34.3742 26.1542 39.8292 32.8547 39.8292C39.5552 39.8292 45.0102 34.3742 45.0102 27.6737C45.0102 24.4256 43.7448 21.3718 41.4482 19.0752C39.1517 16.7786 36.0978 15.5132 32.8497 15.5132L32.8547 15.5182Z' fill='%239E5A3B'/%3E%3Cpath d='M32.8546 23.4741C29.2926 23.4741 25.7356 22.1191 23.0256 19.409C22.6868 19.0702 22.6868 18.5172 23.0256 18.1735C23.3643 17.8347 23.9173 17.8347 24.261 18.1735C29.0037 22.9112 36.7155 22.9112 41.4531 18.1735C41.7919 17.8347 42.3449 17.8347 42.6836 18.1735C43.0224 18.5123 43.0224 19.0652 42.6836 19.404C39.9735 22.1141 36.4165 23.4691 32.8546 23.4691V23.4741Z' fill='%239E5A3B'/%3E%3Cpath d='M42.0659 37.433C41.8417 37.433 41.6175 37.3483 41.4481 37.1789C39.1515 34.8823 36.0977 33.6169 32.8546 33.6169C29.6065 33.6169 26.5526 34.8823 24.261 37.1789C23.9223 37.5177 23.3693 37.5177 23.0256 37.1789C22.6868 36.8401 22.6868 36.2872 23.0256 35.9484C25.6509 33.323 29.1432 31.8783 32.8546 31.8783C36.566 31.8783 40.0582 33.323 42.6836 35.9484C43.0224 36.2872 43.0224 36.8401 42.6836 37.1789C42.5142 37.3483 42.2901 37.433 42.0659 37.433Z' fill='%239E5A3B'/%3E%3Cpath d='M32.8542 40.3473C32.371 40.3473 31.9824 39.9588 31.9824 39.4755V15.8819C31.9824 15.3986 32.371 15.0101 32.8542 15.0101C33.3375 15.0101 33.726 15.3986 33.726 15.8819V39.4755C33.726 39.9588 33.3375 40.3473 32.8542 40.3473Z' fill='%239E5A3B'/%3E%3Cpath d='M45.5733 28.5506H20.1413C19.6581 28.5506 19.2695 28.157 19.2695 27.6788C19.2695 27.2005 19.6581 26.8069 20.1413 26.8069H45.5733C46.0565 26.8069 46.4451 27.2005 46.4451 27.6788C46.4451 28.157 46.0565 28.5506 45.5733 28.5506Z' fill='%239E5A3B'/%3E%3Cpath d='M32.8544 41.1544C28.6647 41.1544 25.3867 35.236 25.3867 27.6787C25.3867 20.1213 28.6647 14.203 32.8544 14.203C37.0441 14.203 40.3221 20.1213 40.3221 27.6787C40.3221 35.236 37.0441 41.1544 32.8544 41.1544ZM32.8544 15.9416C29.7507 15.9416 27.1303 21.317 27.1303 27.6737C27.1303 34.0304 29.7507 39.4058 32.8544 39.4058C35.958 39.4058 38.5784 34.0304 38.5784 27.6737C38.5784 21.312 35.958 15.9416 32.8544 15.9416Z' fill='%239E5A3B'/%3E%3Cpath d='M48.1737 43.8696C47.9495 43.8696 47.7254 43.7849 47.556 43.6155L45.09 41.1445C44.7512 40.8058 44.7512 40.2528 45.09 39.914C45.4288 39.5753 45.9817 39.5753 46.3255 39.914L48.7915 42.385C49.1302 42.7238 49.1302 43.2767 48.7915 43.6155C48.6221 43.7849 48.3979 43.8696 48.1737 43.8696Z' fill='%239E5A3B'/%3E%3Cpath d='M51.656 53.0558C51.4318 53.0558 51.2076 52.9711 51.0382 52.8017L45.1149 46.8784C44.7761 46.5396 44.7761 45.9867 45.1149 45.6479L50.819 39.9438C51.1578 39.605 51.7108 39.605 52.0495 39.9438L57.9729 45.8671C58.3116 46.2059 58.3116 46.7588 57.9729 47.0976C57.6341 47.4364 57.0811 47.4364 56.7424 47.0976L51.4368 41.792L46.9681 46.2606L52.2737 51.5662C52.6125 51.905 52.6125 52.458 52.2737 52.7967C52.1043 52.9661 51.8802 53.0508 51.656 53.0508V53.0558Z' fill='%239E5A3B'/%3E%3Cpath d='M14.7958 42.3449H6.57591C6.09268 42.3449 5.7041 41.9564 5.7041 41.4731C5.7041 40.9899 6.09268 40.6013 6.57591 40.6013H14.7958C15.2791 40.6013 15.6676 40.9899 15.6676 41.4731C15.6676 41.9564 15.2791 42.3449 14.7958 42.3449Z' fill='%239E5A3B'/%3E%3Cpath d='M21.5212 46.8286H6.57591C6.09268 46.8286 5.7041 46.4401 5.7041 45.9568C5.7041 45.4736 6.09268 45.085 6.57591 45.085H21.5212C22.0044 45.085 22.393 45.4736 22.393 45.9568C22.393 46.4401 22.0044 46.8286 21.5212 46.8286Z' fill='%239E5A3B'/%3E%3C/svg%3E%0A"); } @media screen and (max-width:1200px) { .con_box .menu ul li a {font-size: 20px; } } @media screen and (max-width:1023px) { .con_box .group {} .con_box .group .txt p {} .con_box .menu ul li {flex-grow: 1; width: calc(100% / 3 - 8px);} .con_box .menu ul li a {font-size: 18px;} } @media screen and (max-width:767px) { .con_box .group {} .con_box .group .txt p {} .con_box .menu ul li {width: calc(100% / 2 - 5px);} } @media screen and (max-width:600px) { .con_box .group {} .con_box .group .txt {} /* .con_box .group .txt p br { display: none; } */ .con_box .group .img_wrap {} } @media screen and (max-width:475px) { .con_box .menu ul li { width: 100%; } .con_box .menu ul li a { height: auto; gap: 10px;} .con_box .menu ul li a.menu_06 br {display: none;} } /* 05행정정보_교육활동보호센터_교육활동보호지원 */ .process-flow ul { display: flex; justify-content: center; row-gap: 20px; } .process-flow ul li { position: relative; margin-right: 48px; text-align: center; } .process-flow ul li:last-child {margin-right: 0;} .process-flow ul li::after { content: ""; position: absolute; width: 20px; height: 14px; top: 50%; right: -34px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.5' width='20' height='14' fill='url(%23pattern0_0_517)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_0_517' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_517' transform='scale(0.05 0.0714286)'/%3E%3C/pattern%3E%3Cimage id='image0_0_517' width='20' height='14' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABdElEQVR4AZRRPU+DUBSFVxJNDOncpFtlcdAUaKKTYdNB/4CjDvoDjDHppi79A7r4I3TopCEOGpLyER1cgFHjijDYyIfnkZIQikDJPbz73j33vHOBMDXPZDLZ13X9F+u9pmndGjpTKwgBEeBYlt3jOO4d4sdJkrA4K40mgvlGHptr0zRVy7IE5HOxqGAqAIfbURS9GYZxqqoqlx7OXpWCaCQYdXXGLS7LqI94ntfgeCMrEsdxdl3X/aSgeVbA7ZfAN/YHQFVIcRzj0+oXtm0vUQe3YHco4IbmSBkGt58jWQGaBB176HneS3Hk/N8r1poIs7TpCMwv4AM4BNKAw8c0afYKMd1Vu93eIr1ebwx0gC4wzvqDINgBScb+GagKgxAiS5I0FARhSh2WkhVFCUEy4PShlMAwP6id+b6/KYria8b5VzAjlK1w/tRqtdYHg8GIXpznLCroo/kEjpR+v28jn4smgia6psBdGIZrsizfwGGCfWn8AQAA//97eGBcAAAABklEQVQDACb7h7A1Cbq9AAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); } .process-flow ul li:last-child::after { display: none; } .process-flow ul li strong { display: flex; justify-content: center; align-items: center; width: 177px; height: 177px; padding: 10px; font-size: 18px; border: 5px solid #FF9500; border-radius: 50%; } .process-flow ul li span { display: block; margin-top: 20px; color: #555; } /* .link_wrap ul li a { height: auto !important; line-height: inherit !important; } */ @media screen and (max-width:1520px) { .process-flow ul {flex-wrap: wrap;} } @media screen and (max-width:767px) { .process-flow ul li strong { width: 130px; height: 130px; font-size: 16px; border-width: 3px; } .process-flow ul li span { margin-top: 10px; } } @media screen and (max-width:475px) { .process-flow ul li strong { width: 100px; height: 100px; font-size: 13px; } } /* 05행정정보_교육활동보호센터_심리상담지원-안내 */ ul.couns li { position: relative; padding: 20px 15px; background-color: #FEF4D9; border-radius: 17px; border: none; } /* ul.couns li::after { content: ""; position: absolute; width: 20px; height: 14px; top: 50%; right: -34px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.5' width='20' height='14' fill='url(%23pattern0_0_517)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_0_517' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_517' transform='scale(0.05 0.0714286)'/%3E%3C/pattern%3E%3Cimage id='image0_0_517' width='20' height='14' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABdElEQVR4AZRRPU+DUBSFVxJNDOncpFtlcdAUaKKTYdNB/4CjDvoDjDHppi79A7r4I3TopCEOGpLyER1cgFHjijDYyIfnkZIQikDJPbz73j33vHOBMDXPZDLZ13X9F+u9pmndGjpTKwgBEeBYlt3jOO4d4sdJkrA4K40mgvlGHptr0zRVy7IE5HOxqGAqAIfbURS9GYZxqqoqlx7OXpWCaCQYdXXGLS7LqI94ntfgeCMrEsdxdl3X/aSgeVbA7ZfAN/YHQFVIcRzj0+oXtm0vUQe3YHco4IbmSBkGt58jWQGaBB176HneS3Hk/N8r1poIs7TpCMwv4AM4BNKAw8c0afYKMd1Vu93eIr1ebwx0gC4wzvqDINgBScb+GagKgxAiS5I0FARhSh2WkhVFCUEy4PShlMAwP6id+b6/KYria8b5VzAjlK1w/tRqtdYHg8GIXpznLCroo/kEjpR+v28jn4smgia6psBdGIZrsizfwGGCfWn8AQAA//97eGBcAAAABklEQVQDACb7h7A1Cbq9AAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); } */ ul.couns li:last-child::after { display: none; } ul.couns li .up { padding: 14px 0; font-size: 18px; font-weight: 600; color: #B66008; background-color: #fff; border-radius: 6px; } ul.couns li .up span { position: relative; padding-left: 40px; } ul.couns li .up span::before { content: ""; position: absolute; width: 32px; height: 24px; top: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: contain; } ul.couns li .up span.prog-01::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8407 12.382V19.2791H3.65527V4.09529C3.65527 3.3753 4.23844 2.7906 4.95824 2.7906H20.3435' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 19.2799H30.4935V19.2914C30.4935 20.9851 29.1203 22.3601 27.4288 22.3601H4.06468C2.37319 22.3601 1 20.9851 1 19.2914V19.2799Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.6279 5.6224L26.1133 7.1281L28.2704 4.37886' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33691 9.37439H14.7044' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.72363 12.045H16.0912' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33691 14.7154H12.5962' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.8061 9.11453C31.6602 7.25801 31.6602 4.24891 29.8061 2.39239C27.952 0.53587 24.9469 0.53587 23.0928 2.39239C21.5028 3.98446 21.2777 6.42338 22.415 8.25697L21.8532 10.3558L23.9492 9.79324C25.7804 10.9313 28.2161 10.7058 29.8061 9.11453Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1254 4.61994C16.1254 4.72441 16.0408 4.80982 15.9357 4.80982C15.8306 4.80982 15.7461 4.72517 15.7461 4.61994C15.7461 4.5147 15.8306 4.43005 15.9357 4.43005C16.0408 4.43005 16.1254 4.5147 16.1254 4.61994Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.couns li .up span.prog-02::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='25' viewBox='0 0 32 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.92045 12.9358L5 16.8622L11.6744 23.5366L15.5948 19.6102L24.5121 17.1689L11.3617 4.01855L8.92045 12.9358Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5303 9.64063C27.5303 4.87235 23.6639 1 18.8896 1' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8869 10.3922C23.8869 7.21739 21.3134 4.64984 18.1445 4.64984' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.couns li .up span.prog-03::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8205 1H10.5296C6.37083 1 3 4.37083 3 8.52271C3 12.6746 6.37083 16.0523 10.5296 16.0523H14.4828L20.69 22.8282V16.0523H21.8205C25.9792 16.0523 29.3432 12.6814 29.3432 8.52271C29.3432 4.36398 25.9724 1 21.8205 1Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1465 7.83072V9.20098' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1748 7.83072V9.20098' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1963 7.83072V9.20098' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.couns li .up span.prog-04::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.65008 23.572L7.75726 17.5384H6.03861C4.91417 17.5384 4 16.6243 4 15.4998V2.04318C4 0.918746 4.91417 0 6.03861 0H25.5014C26.6258 0 27.54 0.914175 27.54 2.04318V15.4998C27.54 16.6243 26.6258 17.5384 25.5014 17.5384H14.6181L5.65008 23.572ZM6.03861 1.13815C5.54495 1.13815 5.14272 1.54039 5.14272 2.03861V15.4953C5.14272 15.9889 5.54495 16.3912 6.03861 16.3912H9.3662L7.86238 20.7061L14.2708 16.3912H25.5014C25.995 16.3912 26.3973 15.9889 26.3973 15.4953V2.03861C26.3973 1.54496 25.995 1.13815 25.5014 1.13815H6.03861Z' fill='%23B66008'/%3E%3Cpath d='M16.0899 14.188L11.3956 9.4937C10.2483 8.34641 10.2483 6.48606 11.3956 5.33877C11.9487 4.7857 12.6892 4.47945 13.4708 4.47945C14.2524 4.47945 14.9929 4.7857 15.546 5.33877L16.0853 5.87813L16.6247 5.33877C17.1778 4.7857 17.9183 4.47945 18.6999 4.47945C19.4815 4.47945 20.222 4.7857 20.7751 5.33877C21.9223 6.48606 21.9223 8.34641 20.7751 9.4937L19.966 8.68465C20.6654 7.98531 20.6654 6.84716 19.966 6.14781C19.2895 5.47132 18.1057 5.47132 17.4292 6.14781L16.0808 7.49623L14.7324 6.14781C14.0559 5.47132 12.872 5.46675 12.1955 6.14781C11.8573 6.48606 11.6699 6.93857 11.6699 7.41852C11.6699 7.89846 11.8573 8.35098 12.1955 8.68922L16.0808 12.5745L18.7867 9.8685L19.5958 10.6776L16.0808 14.1926L16.0899 14.188Z' fill='%23B66008'/%3E%3C/svg%3E%0A"); } ul.couns li .down { padding-top: 20px; word-break: keep-all; } @media screen and (max-width:767px) { ul.couns li::after { top: auto; right: auto; bottom: -24px; left: 50%; transform: translateX(-50%); transform: rotate(90deg); } } @media screen and (max-width:475px) { ul.couns li .up { font-size: 16px; } } /****** 05행정정보_교육활동보호센터_교원보호공제사업 + 침해 행위에 대한 보호조치 비용 지원 공통 ******/ ul.process > li { position: relative; padding: 20px 15px; background-color: #FEF4D9; border-radius: 17px; border: none; } /* ul.process > li::after { content: ""; position: absolute; width: 20px; height: 14px; top: 50%; right: -34px; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect y='0.5' width='20' height='14' fill='url(%23pattern0_0_517)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_0_517' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_517' transform='scale(0.05 0.0714286)'/%3E%3C/pattern%3E%3Cimage id='image0_0_517' width='20' height='14' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAABdElEQVR4AZRRPU+DUBSFVxJNDOncpFtlcdAUaKKTYdNB/4CjDvoDjDHppi79A7r4I3TopCEOGpLyER1cgFHjijDYyIfnkZIQikDJPbz73j33vHOBMDXPZDLZ13X9F+u9pmndGjpTKwgBEeBYlt3jOO4d4sdJkrA4K40mgvlGHptr0zRVy7IE5HOxqGAqAIfbURS9GYZxqqoqlx7OXpWCaCQYdXXGLS7LqI94ntfgeCMrEsdxdl3X/aSgeVbA7ZfAN/YHQFVIcRzj0+oXtm0vUQe3YHco4IbmSBkGt58jWQGaBB176HneS3Hk/N8r1poIs7TpCMwv4AM4BNKAw8c0afYKMd1Vu93eIr1ebwx0gC4wzvqDINgBScb+GagKgxAiS5I0FARhSh2WkhVFCUEy4PShlMAwP6id+b6/KYria8b5VzAjlK1w/tRqtdYHg8GIXpznLCroo/kEjpR+v28jn4smgia6psBdGIZrsizfwGGCfWn8AQAA//97eGBcAAAABklEQVQDACb7h7A1Cbq9AAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A"); } */ ul.process > li:last-child::after { display: none; } ul.process li .up { padding: 14px 5px; font-size: 18px; font-weight: 600; color: #B66008; background-color: #fff; border-radius: 6px; } ul.process li .up span { position: relative; padding-left: 40px; } ul.process li .up span::before { content: ""; position: absolute; width: 32px; height: 27px; top: 50%; left: 0; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: contain; } ul.process li .down { padding-top: 20px; word-break: keep-all; } /* @media screen and (max-width:767px) { */ /* ul.process > li::after { top: auto; right: auto; bottom: -24px; left: 50%; transform: translateX(-50%); transform: rotate(90deg); } */ /* } */ @media screen and (max-width:475px) { ul.process li .up { font-size: 16px; } } /* 05행정정보_교육활동보호센터_교원보호공제사업 */ ul.process li .up span.list-01::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.835 1V2.9012' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9912 3.00409L12.3354 4.35431' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.334 4.35431L20.6781 3.00409' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.3495 6.05481C11.7418 6.05481 8 9.79061 8 14.4043V23.7045C8 25.0184 9.06563 26.0901 10.3856 26.0901H22.3074C23.6213 26.0901 24.693 25.0244 24.693 23.7045V14.4043C24.693 9.79666 20.9572 6.05481 16.3495 6.05481Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8145 14.3982C11.8145 11.8976 13.8489 9.86926 16.3434 9.86926' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.list-02::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.4912 14.234V21.0415H3.62012V6.05506C3.62012 5.34443 4.1957 4.76733 4.90615 4.76733H20.0914' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 21.0422H30.1101V21.0535C30.1101 22.7252 28.7547 24.0823 27.0852 24.0823H4.02484C2.35534 24.0823 1 22.7252 1 21.0535V21.0422Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.3213 7.56227L25.7874 9.0484L27.9165 6.3349' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.24121 11.2655H14.526' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.61035 13.9013H15.8951' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.24121 16.5371H12.4451' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M29.4312 11.009C31.2612 9.17666 31.2612 6.20667 29.4312 4.37429C27.6013 2.5419 24.6352 2.5419 22.8052 4.37429C21.2359 5.94566 21.0137 8.35288 22.1362 10.1626L21.5817 12.2342L23.6505 11.6789C25.4579 12.8022 27.8619 12.5797 29.4312 11.009Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9299 6.57328C15.9299 6.67663 15.8462 6.76112 15.7423 6.76112C15.6383 6.76112 15.5547 6.67738 15.5547 6.57328C15.5547 6.46917 15.6383 6.38544 15.7423 6.38544C15.8462 6.38544 15.9299 6.46917 15.9299 6.57328Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.list-03::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3397 16.637C18.1677 14.8066 18.1677 11.839 16.3397 10.0086C14.5117 8.17822 11.548 8.17822 9.72001 10.0086C7.89203 11.839 7.89203 14.8066 9.72001 16.637C11.548 18.4674 14.5117 18.4674 16.3397 16.637Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1562 16.8109L18.5701 19.2278' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2324 13.1933L12.6979 14.678L14.8249 11.9678' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9969 24.0609H7.39875C6.07406 24.0609 5 22.9854 5 21.659V4H22.5981V19.2571' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.997 24.0609C23.673 24.0609 22.5982 22.9847 22.5982 21.659V19.2571H27.3965V21.659C27.3965 22.9847 26.3217 24.0609 24.9977 24.0609H24.997Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.list-04::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.85158 21.4153C11.531 21.4153 13.7032 19.2403 13.7032 16.5573C13.7032 13.8743 11.531 11.6993 8.85158 11.6993C6.17213 11.6993 4 13.8743 4 16.5573C4 19.2403 6.17213 21.4153 8.85158 21.4153Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.98438 16.4225L8.50714 17.966L10.7185 15.1476' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.89551 11.092V6.29598C4.89551 5.58061 5.47457 5 6.18979 5H27.0383C27.7527 5 28.3325 5.57983 28.3325 6.29598V23.1539C28.3325 23.8693 27.7535 24.4499 27.0383 24.4499H6.18979C5.47535 24.4499 4.89551 23.8701 4.89551 23.1539V21.8767' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.89551 8.62549H28.3325' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.8887 6.89701C23.8887 7.00435 23.8019 7.09211 23.6939 7.09211C23.5859 7.09211 23.499 7.00513 23.499 6.89701C23.499 6.78888 23.5859 6.7019 23.6939 6.7019C23.8019 6.7019 23.8887 6.78888 23.8887 6.89701Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.0567 6.89701C26.0567 7.00435 25.9698 7.09211 25.8618 7.09211C25.7539 7.09211 25.667 7.00513 25.667 6.89701C25.667 6.78888 25.7539 6.7019 25.8618 6.7019C25.9698 6.7019 26.0567 6.78888 26.0567 6.89701Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.6455 6.89701C21.6455 7.00435 21.5587 7.09211 21.4507 7.09211C21.3427 7.09211 21.2559 7.00513 21.2559 6.89701C21.2559 6.78888 21.3427 6.7019 21.4507 6.7019C21.5587 6.7019 21.6455 6.78888 21.6455 6.89701Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.727 17.7459H16.8057' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.158 14.915H16.8057' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } /* 05행정정보_교육활동보호센터_침해 행위에 대한 보호조치 비용 지원 */ ul.process.app li .up { display: flex; align-items: center; height: 82px; border: 1px solid #B66008; border-radius: 6px; } ul.process.app li .up span { display: flex; text-align: left; } ul.process li .up span.app-01::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.847 1V22.7786H9.38184V1H20.636H26.847Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.47929 4.22156H5.42871V26.0001H22.8938V23.3169' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0215 8.09459L13.2632 9.3529L15.0662 7.0553' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5234 11.6665H16.0938' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5226 8.65759H17.9551' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5234 14.676H16.0938' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.app-02::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8137 19.3937C18.6605 19.3937 20.9683 17.0829 20.9683 14.2324C20.9683 11.3819 18.6605 9.07104 15.8137 9.07104C12.967 9.07104 10.6592 11.3819 10.6592 14.2324C10.6592 17.0829 12.967 19.3937 15.8137 19.3937Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8301 14.09L15.4479 15.73L17.7974 12.7356' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2855 2H11.2144L5.75391 7.4677V24.9355H25.8733V2H19.2855Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.10754 7.4677H11.2144V2L5.75391 7.4677H8.10754Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.app-03::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.0246 13.973L23.6537 15.0834L24.2828 16.1939L25.0171 15.0911L25.7513 13.9884C26.2092 13.8906 26.6592 13.7412 27.0929 13.5386C27.5266 13.3361 27.9432 13.0812 28.334 12.7724C29.6849 11.7043 30.4698 10.1957 30.6473 8.62017C30.8249 7.0446 30.3943 5.40203 29.3143 4.06595C28.2344 2.72987 26.709 1.95364 25.116 1.77806C23.5229 1.60249 21.8621 2.02834 20.5112 3.09643C19.1603 4.16452 18.3754 5.6731 18.1979 7.24867C18.1605 7.58057 18.1504 7.91555 18.1667 8.25054' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.5625 0.839478V2.31016' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4687 4.50684H15' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9609 1.87292L16.9781 2.89142' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.2871 18.4779C17.0485 18.4779 19.2871 16.2393 19.2871 13.4779C19.2871 10.7165 17.0485 8.47791 14.2871 8.47791C11.5257 8.47791 9.28711 10.7165 9.28711 13.4779C9.28711 16.2393 11.5257 18.4779 14.2871 18.4779Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5484 18L7.20193 19.7745C5.87663 20.1997 5 21.2739 5 22.4731V26H24V22.4731C24 21.2739 23.1234 20.1997 21.7981 19.7745L17.4516 18' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.0137 7.33741L23.978 9.44854L26.8317 5.59412' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.app-04::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2107 16.5153C19.3406 14.3826 19.3405 10.925 17.2107 8.79236C15.0809 6.65973 11.6278 6.65973 9.49798 8.79235C7.36816 10.925 7.36816 14.3826 9.49798 16.5153C11.6278 18.6479 15.0809 18.6479 17.2107 16.5153Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9971 16.7178L19.8094 19.5339' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2617 12.503L12.9691 14.2329L15.4474 11.0752' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.2988 25.165H6.79483C5.2514 25.165 4 23.9119 4 22.3665V1.79163H24.5039V19.568' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.299 25.1649C25.7565 25.1649 24.5042 23.911 24.5042 22.3664V19.5679H30.0947V22.3664C30.0947 23.911 28.8424 25.1649 27.2999 25.1649H27.299Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } ul.process li .up span.app-05::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='27' viewBox='0 0 32 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.11798 21.1527C10.081 21.1527 12.483 18.7475 12.483 15.7806C12.483 12.8136 10.081 10.4084 7.11798 10.4084C4.15494 10.4084 1.75293 12.8136 1.75293 15.7806C1.75293 18.7475 4.15494 21.1527 7.11798 21.1527Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.05469 15.6314L6.73862 17.3384L9.18404 14.2217' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.74316 9.7368V4.43314C2.74316 3.64206 3.38351 3 4.17442 3H27.2294C28.0195 3 28.6607 3.64119 28.6607 4.43314V23.0752C28.6607 23.8663 28.0203 24.5084 27.2294 24.5084H4.17442C3.38438 24.5084 2.74316 23.8672 2.74316 23.0752V21.6629' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.74316 7.00903H28.6607' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.7473 5.09759C23.7473 5.21629 23.6513 5.31334 23.5319 5.31334C23.4125 5.31334 23.3164 5.21716 23.3164 5.09759C23.3164 4.97801 23.4125 4.88184 23.5319 4.88184C23.6513 4.88184 23.7473 4.97801 23.7473 5.09759Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.1448 5.09759C26.1448 5.21629 26.0487 5.31334 25.9293 5.31334C25.8099 5.31334 25.7139 5.21716 25.7139 5.09759C25.7139 4.97801 25.8099 4.88184 25.9293 4.88184C26.0487 4.88184 26.1448 4.97801 26.1448 5.09759Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.2649 5.09759C21.2649 5.21629 21.1689 5.31334 21.0495 5.31334C20.93 5.31334 20.834 5.21716 20.834 5.09759C20.834 4.97801 20.93 4.88184 21.0495 4.88184C21.1689 4.88184 21.2649 4.97801 21.2649 5.09759Z' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.6758 17.0947H15.916' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8349 13.9644H15.916' stroke='%23B66008' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } @media screen and (max-width:1200px) { ul.process.app li .up { font-size: 16px; } } @media screen and (max-width:1023px) { ul.process.app li .up span br {display: none;} } @media screen and (max-width:767px) { ul.process.app li .up { height: 60px; } } /******************************/ /* 06 교육청소개 */ /******************************/ /* 06교육청소개_연혁 */ .history {display:flex;align-items:baseline;border-bottom:2px solid #cfd0d7;margin-bottom:40px;padding-bottom:40px;} .history:last-child {border-bottom:0;margin-bottom:0;} .history .history_tit {flex:0 0 auto;width:20%;font-size:2em;font-weight:700;} .history .history_tit span {box-shadow:0 -20px 0 0 #fff5da inset;padding:0 10px;} .history .history_list {align-self:normal;flex:1 1 100%;margin-top:12px;} .history .history_list > li {display:flex;border-bottom:1px dashed #cfd0d7;margin-bottom:40px;padding-bottom:40px;} .history .history_list > li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0;} .history .history_list .date {flex:0 0 auto;width:15%;color:#b66008;font-size:1.125em;font-weight:600;} .history .history_list .cont {flex:1 1 100%;} .history .history_list .cont .hlist {line-height:1.4;margin-bottom:15px;padding-left:20px;position:relative;} .history .history_list .cont .hlist:last-child {margin-bottom:0;} .history .history_list .cont .hlist::before{content:'';display:block;width:8px;height:8px;border:2px solid #ff9500;border-radius:50%;position:absolute;top:7px;left:0;} @media screen and (max-width:1023px) { .history {display:block;padding-bottom:30px;margin-bottom:30px;} .history .history_tit {width:auto;padding-left:0;} .history .history_tit span {padding:0 20px;} .history .history_list {margin-top:0;} .history .history_list > li {margin-bottom:0;padding:30px 20px;} .history .history_list .date {width:130px;margin-right:20px;} } @media screen and (max-width:767px) { .history {padding-bottom:25px;margin-bottom:25px;} .history .history_tit span {padding:0;box-shadow:none;} .history .history_list > li {display:block;padding:20px 0;} .history .history_list .date {width:100%;} .history .history_list .cont {margin-top:10px;} .history .history_list .cont .hlist {margin-bottom:5px;} .history .history_list .cont .hlist::before {top:5px;} } /* 06교육청소개_역대교육감소개 */ .former_box {} .former_ul {display:flex;flex-wrap:wrap;gap:30px;} .former_ul > li {width:calc((100% - 90px) / 4);} .former_ul > li .info {position:relative;display:flex;align-items:center;flex-direction:column;border:1px solid #ffd9a4;border-radius:20px;transition:0s;} .former_ul > li .info:after {content:"";position:absolute;left:50%;top:50%;z-index:-1;display:block;width:160px;height:105px;background:#fff4e5;transform:rotate(-25deg) translate(-28%, -90%);border-radius:100%;} .former_ul > li .info .st {display:flex;justify-content:center;align-items:center;width:100%;height:50px;margin:-1px -1px 0 -1px;background:#fff7eb;font-weight:500;border-radius:20px;border:1px solid #ffd9a4;text-align:center;word-break:keep-all;font-size:1.0625em;color:#333;} .former_ul > li .info img {margin:30px 0 15px 0;} .former_ul > li .info .name {display:block;width:calc(100% - 40px);padding-bottom:15px;border-bottom:1px solid #cfd0d7;font-weight:600;font-size:1.375em;color:#000;text-align:center;} .former_ul > li .info .year {display:block;width:calc(100% - 40px);padding:15px 0;color:#666;text-align:center;} .former_ul > li .info.on {border:1px solid #ff9500;} .former_ul > li .info.on .st {background:#ff9500;border:1px solid #ff9500;} .former_ul > li .info_contents {display:none;flex-wrap:wrap;width:calc(400% + 90px);padding:10%;margin-top:30px;background:#fff7eb;border:1px solid #ffd9a4;border-radius:20px;} .former_ul > li .info_contents .firt {display:flex;align-items:center;flex:0 0 100%;padding:0 0 20px 0;font-size:1.4em;font-weight:600;} .former_ul > li .info_contents .left {display:flex;width:50%;padding-right:30px;} .former_ul > li .info_contents .left strong {display:grid;place-items:center;flex-shrink:0;width:110px;height:40px;background:#ff9500;font-weight:400;border-radius:50px;} .former_ul > li .info_contents .left p {margin:2px 0 0 20px;font-size:1.625em;font-weight:600;color:#000;} .former_ul > li .info_contents .right {display:flex;width:50%;padding-left:30px;border-left:1px solid #ffd9a4;} .former_ul > li .info_contents .right strong {display:grid;place-items:center;flex-shrink:0;width:110px;height:40px;background:#ff9500;font-weight:400;border-radius:50px;} .former_ul > li .info_contents .right ul {margin:2px 0 0 20px;} .former_ul > li .info_contents .right ul li {margin-top:5px;} .former_ul > li .info_contents.on {display:flex;} .former_ul > li:nth-child(4n+1) .info_contents {transform:translateX(0);} .former_ul > li:nth-child(4n+2) .info_contents {margin-left:-100%;transform:translateX(-30px);} .former_ul > li:nth-child(4n+3) .info_contents {margin-left:-200%;transform:translateX(-60px);} .former_ul > li:nth-child(4n+4) .info_contents {margin-left:-300%;transform:translateX(-90px);} @media only screen and (max-width:1023px) { .former_ul {gap:30px;} .former_ul > li {width:calc((100% - 60px) / 3);} .former_ul > li .info_contents {width:calc(300% + 60px);} .former_ul > li .info_contents .left p {margin:7px 0 0 10px;font-size:1.325em;} .former_ul > li .info_contents .right ul {margin:7px 0 0 10px;} .former_ul > li:nth-child(3n+1) .info_contents {margin-left:0;transform:translateX(0);} .former_ul > li:nth-child(3n+2) .info_contents {margin-left:-100%;transform:translateX(-30px);} .former_ul > li:nth-child(3n+3) .info_contents {margin-left:-200%;transform:translateX(-60px);} } @media only screen and (max-width:767px) { .former_ul {gap:15px;} .former_ul > li {width:calc((100% - 15px) / 2);} .former_ul > li .info:after {width:130px;height:75px;transform:rotate(-25deg) translate(-30%, -90%);} .former_ul > li .info img {margin:20px 0 10px 0;} .former_ul > li .info .name {padding-bottom:10px;} .former_ul > li .info .year {padding:10px 0;} .former_ul > li .info_contents {width:calc(200% + 15px);padding:15px;margin-top:15px;} .former_ul > li .info_contents .firt {padding:0 0 10px 0;} .former_ul > li .info_contents .left {width:100%;padding-right:0;} .former_ul > li .info_contents .left strong {width:80px;} .former_ul > li .info_contents .right {width:100%;margin-top:10px;padding-left:0;border-left:0;} .former_ul > li .info_contents .right strong {width:80px;} .former_ul > li:nth-child(2n+1) .info_contents {margin-left:0;transform:translateX(0);} .former_ul > li:nth-child(2n+2) .info_contents {margin-left:-100%;transform:translateX(-15px);} } /* 06교육청소개_강원교육 기본방향 */ .slogan_box {} .slogan_box .top {position:relative;padding:40px 0;margin:40px 0;text-align:center;} .slogan_box .top:after {content:"";position:absolute;left:0;right:0;top:0;z-index:-1;display:block;width:300px;height:200px;margin:0 auto;background:#fff4e5;transform:rotate(-30deg);border-radius:100%;} .slogan_box .top span {display:block;font-weight:600;font-size:1.875em;color:#111;} .slogan_box .top strong {font-size:3.75em;color:#e95450;} .slogan_box .cont1 {display:flex;gap:60px;} .slogan_box .cont1 > div {width:50%;padding:40px;border-radius:20px;border:1px solid #cfd0d7;} .slogan_box .cont1 > div p {padding:15px 80px 30px 0;margin-bottom:30px;background:url("../images/content/sub06/icon1.png") no-repeat right top;border-bottom:1px solid #cfd0d7;font-size:1.25em;font-weight:600;} .slogan_box .cont1 > div p strong {color:#e95450;} .slogan_box .cont1 .right p {background:url("../images/content/sub06/icon2.png") no-repeat right top;} .slogan_box .cont1 .right p strong {color:#8fbc47;} .slogan_box .cont2 .tit {display:block;padding:85px 0 150px 0;background:url("../images/content/sub06/arr.png") no-repeat center bottom;text-align:center;font-size:2.5em;} .slogan_box .cont2 .boxc {width:900px;padding:30px 35px;margin:10px auto 0 auto;border:1px solid #cfd0d7;border-radius:20px;} .slogan_box .cont2 .boxc p {display:flex;align-items:center;font-size:1.25em;font-weight:600;} .slogan_box .cont2 .boxc p strong {display:grid;place-items:center;flex-shrink:0;width:100px;height:50px;margin-right:20px;background:#004771;font-weight:600;border-radius:50px;color:#fff;} .slogan_box .cont2 .boxc ul {margin-left:120px;word-break:keep-all;} .slogan_box .cont2 .boxc ul li em {font-weight:600;color:#004771;} .slogan_box .cont2 .boxc:nth-of-type(2) p strong {background:#e6a740;} .slogan_box .cont2 .boxc:nth-of-type(2) ul li em {color:#e6a740;} .slogan_box .cont2 .boxc:nth-of-type(3) p strong {background:#a9c95e;} .slogan_box .cont2 .boxc:nth-of-type(3) ul li em {color:#a9c95e;} .slogan_box .cont2 .boxc:nth-of-type(4) p strong {background:#de6b3c;} .slogan_box .cont2 .boxc:nth-of-type(4) ul li em {color:#de6b3c;} .slogan_box .cont2 .boxc:nth-of-type(5) p strong {background:#54ad6b;} .slogan_box .cont2 .boxc:nth-of-type(5) ul li em {color:#54ad6b;} @media only screen and (max-width:1023px) { .slogan_box .cont1 {gap:20px;} .slogan_box .cont1 > div {padding:30px;} .slogan_box .cont2 .tit {padding:65px 0 100px 0;} .slogan_box .cont2 .boxc {width:100%;padding:20px;} } @media only screen and (max-width:767px) { .slogan_box {word-break:keep-all;} .slogan_box .top {padding:25px 0;margin:20px 0;} .slogan_box .top:after {width:250px;height:150px;} .slogan_box .cont1 {flex-wrap:wrap;gap:10px;} .slogan_box .cont1 > div {width:100%;padding:20px;} .slogan_box .cont1 > div p {margin-bottom:20px;} .slogan_box .cont2 .tit {padding:60px 0 20px 0;background:none;} } @media only screen and (max-width:499px) { .slogan_box .top:after {width:230px;height:130px;} .slogan_box .top strong {font-size:3em;} .slogan_box .cont1 > div p {padding:15px 80px 15px 0;background-size:45px auto;background-position:right 5px;} .slogan_box .cont1 .right p {background-size:60px auto;background-position:right 5px;} .slogan_box .cont2 .tit {font-size:2em;} .slogan_box .cont2 .boxc p {flex-direction:column;align-items:flex-start;} .slogan_box .cont2 .boxc p strong {margin-bottom:10px;height:40px;} .slogan_box .cont2 .boxc ul {margin-left:0;margin-top:10px;} } /* 06교육청소개_강원교육 5대 정책 방향, 06교육청소개_주요업무계획 */ .sub060202 p {text-align:center;} .sub060202 p img {width:clamp(0px,100%,1080px);} /* 06교육청소개_교육청디자인 */ .sub060301 {word-break:keep-all;} .sub060301 .div_logo1 {display:flex;gap:40px;} .sub060301 .div_logo1 .left {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:50%;padding:50px;border:1px solid #cfd0d7;background:url("../images/content/sub06/bg_dot.gif") repeat;text-align:center;} .sub060301 .div_logo1 .left div {display:grid;place-items:center;height:100%;} .sub060301 .div_logo1 .left div img {width:clamp(0px,100%,415px);} .sub060301 .div_logo1 .left p {width:100%;padding:40px 0 0 40px;margin-top:50px;background:url("../images/content/sub06/tit.png") no-repeat left 41px;border-top:1px solid #cfd0d7;text-align:left;} .sub060301 .div_logo1 .right {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:50%;padding:50px;border:1px solid #cfd0d7;} .sub060301 .div_logo1 .right div {display:grid;place-items:center;height:100%;} .sub060301 .div_logo1 .right div img {width:clamp(0px,100%,128px);} .sub060301 .div_logo1 .right p {width:100%;padding:40px 0 0 40px;margin-top:50px;background:url("../images/content/sub06/tit.png") no-repeat left 41px;border-top:1px solid #cfd0d7;text-align:left;} .sub060301 .div_logo2 {display:flex;gap:40px;} .sub060301 .div_logo2 .left {display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:200px;background:#fffdfa;text-align:center;border:1px solid #f3e4d5;} .sub060301 .div_logo2 .left .img_box {display:grid;place-items:center;height:100%;} .sub060301 .div_logo2 .left .img_box img {width:clamp(0px,100%,264px);} .sub060301 .div_logo2 .left p {display:grid;place-items:center;flex-shrink:0;width:100%;height:50px;margin-top:auto;background:#fcf7f2;border-top:1px solid #f3e4d5;} .sub060301 .div_logo2 .right {display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;height:200px;background:#fffdfa;text-align:center;border:1px solid #f3e4d5;} .sub060301 .div_logo2 .right .img_box {display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;} .sub060301 .div_logo2 .right .img_box img {width:clamp(0px,40%,190px);} .sub060301 .div_logo2 .right p {display:grid;place-items:center;flex-shrink:0;width:100%;height:50px;margin-top:auto;background:#fcf7f2;border-top:1px solid #f3e4d5;} .sub060301 .div_logo3 {padding:50px;border:1px solid #cfd0d7;} .sub060301 .div_logo3 .top {text-align:center;} .sub060301 .div_logo3 .top img {width:clamp(0px,100%,315px);} .sub060301 .div_logo3 .bot p {width:100%;padding:40px 0 0 40px;margin-top:50px;background:url("../images/content/sub06/tit.png") no-repeat left 41px;text-align:left;color:#666;} .sub060301 .div_logo3 .bot p:first-child {border-top:1px solid #cfd0d7;} .sub060301 .div_logo3 .bot p:nth-child(2) {margin-top:20px;} .sub060301 .div_logo3 .bot p strong {display:block;margin-bottom:15px;font-weight:600;color:#000;} @media only screen and (max-width:1023px) { .sub060301 .div_logo1 {gap:20px;} .sub060301 .div_logo1 .left {padding:30px;} .sub060301 .div_logo1 .right {padding:30px;} .sub060301 .div_logo2 {gap:20px;} .sub060301 .div_logo3 {padding:30px;} .sub060301 .div_logo3 .bot p {padding:30px 0 0 40px;margin-top:40px;background-position:left 30px;} } @media only screen and (max-width:767px) { .sub060301 .div_logo1 {flex-direction:column;} .sub060301 .div_logo1 .left {width:100%;} .sub060301 .div_logo1 .left div img {width:clamp(0px,100%,260px);} .sub060301 .div_logo1 .left p {padding:20px 0 0 40px;margin-top:20px;background-position:left 20px;} .sub060301 .div_logo1 .right {width:100%;} .sub060301 .div_logo1 .right div img {width:clamp(0px,100%,70px);} .sub060301 .div_logo1 .right p {padding:20px 0 0 40px;margin-top:20px;background-position:left 20px;} .sub060301 .div_logo2 {flex-direction:column;} .sub060301 .div_logo2 .left {width:100%;height:180px;} .sub060301 .div_logo2 .left .img_box img {width:clamp(0px,90%,264px);} .sub060301 .div_logo2 .right {width:100%;height:180px;} .sub060301 .div_logo3 .top img {width:clamp(0px,100%,200px);} .sub060301 .div_logo3 .bot p {padding:20px 0 0 40px;margin-top:20px;background-position:left 20px;} .sub060301 .div_logo3 .bot p:nth-child(2) {margin-top:10px;} } /* 06교육청소개_강원교육서체 */ .sub060302 .list1 img {width:clamp(0px,100%,600px);margin-top:20px;border:1px solid #cfd0d7;border-radius:20px;} /* 06교육청소개_강원교육의 노래 */ .sub060303 p {text-align:center;} .sub060303 p img {width:clamp(0px,100%,850px);} /* 06교육청소개_조직도 */ .org_box .htit {font-size:1.875em;word-break:keep-all;} .org_box .ptit {display:flex;align-items:center;margin-top:5px;color:#666;word-break:keep-all;} .org_box .ptit img {margin-right:8px;} .org_box .org_dep_wrap {display:flex;flex-direction:column;align-items:center;position:relative;margin-top:120px;} .org_box .org_dep_wrap:after {content:"";position:absolute;left:50%;top:0;z-index:-1;width:1px;height:30%;margin-left:-1px;background:#cfd0d7;} .org_box .org_dep_wrap a {display:grid;place-items:center;margin:0 auto;height:60px;border-radius:50px;text-align:center;} .org_box .org_dep_wrap .org_dep1_box {width:100%;} .org_box .org_dep_wrap .org_dep2_box {width:100%;margin-top:40px;} .org_box .org_dep_wrap .org_dep1_1 {} .org_box .org_dep_wrap .org_dep1_1 a {overflow:hidden;position:relative;width:245px;background:#ee9200;font-weight:600;font-size:1.25em;color:#fff;} .org_box .org_dep_wrap .org_dep1_1 a:is(:hover,:focus,:active) {background:#000;} .org_box .org_dep_wrap .org_dep1_1 a:after {content:"";display:block;position:absolute;right:-40px;top:-27px;width:100px;height:60px;background:rgba(255,255,255,0.2);border-radius:100%;transform:rotate(-35deg);} .org_box .org_dep_wrap .org_dep1_2 {display:flex;flex-direction:column;align-items:flex-end;} .org_box .org_dep_wrap .org_dep1_2 .dep {position:relative;display:flex;margin-top:10px;width:calc(50% - 60px);} .org_box .org_dep_wrap .org_dep1_2 .dep:after {content:"";position:absolute;left:-60px;top:29px;width:100px;height:1px;background:#cfd0d7;} .org_box .org_dep_wrap .org_dep1_2 .dep:first-child {margin-top:20px;} .org_box .org_dep_wrap .org_dep1_2 .dep .dep_tit1 {flex-shrink:0;width:165px;position:relative;z-index:2;background:#c08f5a;font-weight:500;border-radius:15px;color:#fff;} .org_box .org_dep_wrap .org_dep1_2 .dep .dep_tit1:is(:hover,:focus,:active) {background:#000;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul {flex-grow:1;display:flex;align-items:center;flex-wrap:wrap;position:relative;z-index:1;padding:10px 10px 10px 40px;border:1px solid #cfd0d7;border-radius:15px;color:#333;background:#fff;transform:translateX(-30px);} .org_box .org_dep_wrap .org_dep1_2 .dep .ul li {padding:5px 0;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul li a {padding:0 6px;height:auto;border-right:1px solid #cfd0d7;border-radius:0;font-size:0.937em;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul li a:is(:hover,:focus,:active) {text-decoration:underline;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul li:last-child a {border-right:0;} .org_box .org_dep_wrap .org_dep2_1 {} .org_box .org_dep_wrap .org_dep2_1 a {background:#1ca5a3;font-weight:400;} .org_box .org_dep_wrap .org_dep3_box {position:relative;display:flex;gap:30px;flex-wrap:wrap; align-items:flex-start;} .org_box .org_dep_wrap .org_dep3_box:after {content:"";position:absolute;left:0;right:0;top:60px;width:calc(100% - 31.6%);height:1px;margin:0 auto;background:#cfd0d7;} .org_box .org_dep_wrap .org_dep3_1 {position:relative;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:calc((100% - 60px) / 3);margin-top:60px;padding-top:40px;} .org_box .org_dep_wrap .org_dep3_1:after {content:"";position:absolute;left:0;right:0;top:0;width:1px;height:40px;margin:0 auto;background:#cfd0d7;} .org_box .org_dep_wrap .org_dep3_1 .dep_tit1 {width:100%;background:#899297;font-weight:500;border-radius:15px;color:#fff;} .org_box .org_dep_wrap .org_dep3_1 .dep_tit1:is(:hover,:focus,:active) {background:#000;} .org_box .org_dep_wrap .org_dep3_1 .dep {width:calc((100% - 10px) / 2);overflow:hidden;border:1px solid #cfd0d7;border-radius:15px;} .org_box .org_dep_wrap .org_dep3_1 .dep .dep_tit2 {background:#f3f5f7;border-radius:0;color:#111;} .org_box .org_dep_wrap .org_dep3_1 .dep .dep_tit2:is(:hover,:focus,:active) {text-decoration:underline;} .org_box .org_dep_wrap .org_dep3_1 .dep .ul {} .org_box .org_dep_wrap .org_dep3_1 .dep .ul li {border-top:1px solid #cfd0d7;} .org_box .org_dep_wrap .org_dep3_1 .dep .ul li:last-child {border-bottom:0;} .org_box .org_dep_wrap .org_dep3_1 .dep .ul li a {font-size:0.937em;color:#666;} .org_box .org_dep_wrap .org_dep3_1 .dep .ul li a:is(:hover,:focus,:active) {text-decoration:underline;} .org_box .board_search_box {display:block;} @media only screen and (max-width:1023px){ .org_box .org_dep_wrap {margin-top:80px;} .org_box .org_dep_wrap .org_dep1_2 .dep {width:calc(50% - 20px);} .org_box .org_dep_wrap .org_dep1_2 .dep:after {left:-20px;} .org_box .org_dep_wrap .org_dep1_2 .dep .dep_tit1 {width:140px;} .org_box .org_dep_wrap .org_dep3_box {gap:20px;} .org_box .org_dep_wrap .org_dep3_box:after {top:40px;} .org_box .org_dep_wrap .org_dep3_1 {width:calc((100% - 40px) / 3);margin-top:40px;padding-top:30px;} .org_box .org_dep_wrap .org_dep3_1:after {height:30px;} } @media only screen and (max-width:767px){ .org_box .org_dep_wrap {margin-top:40px;} .org_box .org_dep_wrap:after {height:480px;} .org_box .org_dep_wrap a {height:50px;margin:0;} .org_box .org_dep_wrap:after {left:30px;} .org_box .org_dep_wrap .org_dep1_2 .dep {width:calc(100% - 50px);} .org_box .org_dep_wrap .org_dep1_2 .dep .ul {padding:10px 10px 10px 10px;transform:translateX(0);} .org_box .org_dep_wrap .org_dep3_box:after {display:none;} .org_box .org_dep_wrap .org_dep3_1 {width:calc((100% - 20px) / 2);margin-top:40px;padding-top:0;} .org_box .org_dep_wrap .org_dep3_1:after {display:none;} } @media only screen and (max-width:479px){ .org_box .org_dep_wrap a {height:40px;} .org_box .org_dep_wrap:after {height:550px;} .org_box .org_dep_wrap .org_dep1_2 .dep .dep_tit1 {width:120px;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul {padding:10px 5px;} .org_box .org_dep_wrap .org_dep1_2 .dep .ul li a {text-align:left;} .org_box .org_dep_wrap .org_dep3_box {gap:0;} .org_box .org_dep_wrap .org_dep3_1 {width:100%;margin-top:40px;} } /* 06교육청소개_산하교육기관현황 (03 학교현황) */ .select_style.small, .input_style.small {height:auto;line-height:40px;} .flexbox.aic {align-items:center;} .btn_bace.cell_btn { /* 테이블 내 작은 버튼 */background:none;color:#222;border:1px solid #222;font-size:13px;font-weight:500;height:auto;line-height:26px;padding:0 10px;border-radius:5px;transition:all .4s;-webkit-transition:all .4s;} .btn_bace.cell_btn:hover {background:#222;color:#fff;} .btn_link {position:relative;display:inline-block;width:30px;height:auto;aspect-ratio:1/1;background:#f1f1f1;border-radius:50px;transition:all .4s;-webkit-transition:all .4s;} .btn_link:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background:url("./../images/layout/link.png") no-repeat center;width:12px;height:12px;} .btn_link:hover {background:#000;transition:all .4s;-webkit-transition:all .4s;} .btn_link:hover:after {filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(333deg) brightness(102%) contrast(103%)} .school_status .tab_box [class^="tab_menu_box"].tap_btn6 li {width:11.1%;} .school_status .flexbox.btnarea {justify-content:right;} .school_status .overflow_box .tableA tbody tr th {background:none;} .school_status .overflow_box .table_box .tableA {min-width:560px;} .school_status .board_box {padding-top:40px;border-top:1px solid #eee;} /* 학교현황 > 데이터 복원 */ .school_status.form table th, .school_status.form table td {line-height:40px;} .school_status.form table td .input_style {width:100px;} @media only screen and (max-width:767px){ .select_style.small {line-height:30px;} .school_status .flexbox.btnarea {display:flex;flex-wrap:wrap;justify-content:space-between;} .school_status .flexbox.btnarea a {width:32%;padding:0 5px;text-align:center;} } @media only screen and (max-width:560px){ .sel_date.flexbox {flex-wrap:wrap;justify-content:space-between;} /* 기준날짜 표시 */ .sel_date.flexbox select {width:32.5%;margin-left:0;} .sel_date.flexbox .btn_bace {margin:5px 0 0;width:100%;text-align:center;} } /* 06교육청소개_찾아오시는길_약도 및 교통안내 */ .sub060601 .map_box {width:100%;border:1px solid #d7d7d7;} .sub060601 .map_box .add_text {padding:14px;} .sub060601 .map_box .add_text ul {display:flex;justify-content:space-between;padding:0 15px;} .sub060601 .map_box .add_text ul li {display:flex;align-items:center;color:#555;} .sub060601 .map_box .add_text ul li:nth-child(2) {margin-left:auto;} .sub060601 .map_box .add_text ul li:nth-child(3) {margin-left:40px;} .sub060601 .map_box .add_text ul li em {display:inline-block;position:relative;padding-right:15px;flex-shrink:0;color:#222;} .sub060601 .map_box .add_text ul li em:after {content:"";position:absolute;right:0;top:6px;display:inline-block;width:1px;height:10px;background:#d7d7d7;margin:0 7px 0 10px;} .sub060601 .map_box .add_text ul li em img {vertical-align:middle;width:20px;margin-right:5px;margin-top:-1px;} .sub060601 .map_text_box {display:flex;padding:30px;border:1px solid #d7d7d7;} .sub060601 .map_text_box .img {flex-shrink:0;display:grid;place-items:center;margin-right:50px;width:70px;height:70px;background:#f2f4f7;border-radius:100%;} .sub060601 .map_text_box .text .h6 {padding-left:0;} .sub060601 .map_text_box .text ul {} @media only screen and (max-width:1023px){ .sub060601 .map_box .add_text ul li em img {height:30%;} } @media only screen and (max-width:767px){ .sub060601 .map_box .add_text ul {flex-direction:column;padding:0;} .sub060601 .map_box .add_text ul li {margin-top:10px;} .sub060601 .map_box .add_text ul li:nth-child(1) {margin-top:0;} .sub060601 .map_box .add_text ul li:nth-child(2) {margin-left:0;} .sub060601 .map_box .add_text ul li:nth-child(3) {margin-left:0;} .sub060601 .map_text_box {padding:20px;} .sub060601 .map_text_box .img {margin-right:20px;} } /* 06교육청소개_찾아오시는길_청사 층별안내 */ .about_kw .map_wrap {display:grid;grid-template-columns:24% 75%;gap:1%;} .about_kw .map_wrap .mapul_box span {font-weight:700;font-size:1.875em;} .about_kw .map_wrap .mapul_box span strong {font-weight:900;font-size:2.167em;color:#b66008;} .about_kw .map_wrap .mapul_box .mapul {font-weight:300;font-size:1.450em;} @media only screen and (max-width:1023px){ .about_kw .map_wrap {grid-template-columns:none;grid-template-rows:1fr 100%;place-items:normal center;} .about_kw .map_wrap .mapul_box .mapul {display:flex;flex-wrap:wrap;gap:10px 30px;flex-grow:1;} .about_kw .map_wrap .mapul_box .mapul li:before {content:"";display:inline-block;width:5px;height:5px;background:#b66008;border-radius:100%;vertical-align:middle;margin:-2px 6px 0 0;} } /******************************/ /* 07 이용안내 */ /******************************/ /* sub07이용안내_공통 */ .flexbox {display:flex;} .p_info {font-size:15px;color:#666;} @media only screen and (max-width:767px){ .p_info {font-size:inherit;} } /* sub07이용안내_본인인증 */ .identif_box {} .identif_box .flexbox > div {width:50%;padding:0 10px;display:flex;flex-direction:column;} .identif_box .flexbox > div a {color:#fff;background:#333;border:1px solid #333;border-radius:5px;} .identif_box .flexbox > div a:hover {color:#fff;background:#000;border:1px solid #000;} .identif_box .flexbox > div p.info {margin-top:3px;height:100%;border:1px solid #cfd0d7;padding:20px;color:#666;border-radius:5px;} .identif_box .flexbox > div p.info strong {color:#222;} @media only screen and (max-width:767px){ .identif_box .flexbox {flex-wrap:wrap;} .identif_box .flexbox > div {width:100%;margin-bottom:10px;} .identif_box .flexbox > div p.info {margin-top:1px;} } /* sub07이용안내_교직원로그인 */ .login_box .flexbox {flex-wrap:wrap;} .login_box .flexbox .login {width:49%;margin:0 .5%;padding:30px;border:1px solid #cfd0d7;border-radius:20px;} .login_box .flexbox .login .tit {padding-bottom:5px;border-bottom:1px solid #cfd0d7;font-size:1.3em;font-weight:500;color:#000;} .login_box .flexbox .login .txt {margin-top:20px;color:#999;} .inputbox {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;} .inputbox .input_wrp {position:relative;border:1px solid #cfd0d7;width:calc(100% - 110px);} .inputbox .input_wrp:before {content:'';position:absolute;left:15px;top:0;bottom:0;margin:auto;width:30px;height:100%;background:url("./../images/layout/login.png") no-repeat center;z-index:1;filter:brightness(0) saturate(100%) invert(68%) sepia(64%) saturate(1%) hue-rotate(291deg) brightness(96%) contrast(97%);} .inputbox .input_wrp:after {content:'';position:absolute;left:15px;top:0;bottom:0;margin:auto;background:#eee;width:30px;height:30px;border-radius:50px;} .inputbox .input_wrp input {padding-left:60px;width:100%;border:0;display:block;} @media only screen and (max-width:767px){ .login_box .flexbox {display:block;} .login_box .flexbox .login {width:100%;margin:5px 0;} .login_box .flexbox .login02 .txt .inputbox .input_wrp {position:relative;border:1px solid #cfd0d7;width:calc(100% - 145px);} .login_box .flexbox .login02 .txt .inputbox a {width:140px;} } @media only screen and (max-width:479px){ .login_box .flexbox .login02 .txt .inputbox {display:block;} .login_box .flexbox .login02 .txt .inputbox .input_wrp {width:100%;} .login_box .flexbox .login02 .txt .inputbox a {width:100%;margin-top:5px;} } /* sub07이용안내_인증서 등록 변경_공통 */ .join_step {margin-bottom:40px;} .join_step ul {display:flex;justify-content:space-between;text-align:center;} .join_step ul li {width:100%;margin:0 5px;padding:25px 5px;border:1px dashed #cfd0d7;border-radius:10px;font-weight:500;} .join_step ul li.on {border:2px solid #ff9500;} .join_step ul li em {display:inline-block;width:1.7rem;height:1.7rem;line-height:1.7rem;font-size:.85em;margin-right:5px;background:#bbb;color:#fff;border-radius:50px;} .join_step ul li.on em {background:#ff9500;} @media only screen and (max-width:767px){ .join_step ul {flex-wrap:wrap;} .join_step ul li {width:99%;margin:.5%;padding:10px 15px;text-align:left;} .join_step ul li em {text-align:center;} } /* sub07이용안내_인증서 등록 변경_01 약관동의 */ .certif_box .info_txt {padding:35px;border-radius:10px;background:#f9f9f9;} .certif_box .info_txt .txtarea {font-size:.9em;color:#666;height:auto;max-height:300px;overflow-y:auto;padding-right:10px;white-space:pre-wrap;} .certif_box.sub0802 .info_txt .txtarea {white-space:normal;} .certif_box .info_txt .txtarea .tit {margin:20px 0 10px;font-size:18px;font-weight:500;color:#000;} .certif_box .info_txt .txtarea .list1 > li {color:inherit;margin-top:0;} .certif_box .info_txt .txtarea .list2 > li:after {top:7px;} .certif_box .info_txt .txtarea > ul > li + li {margin-top:15px;} .certif_box .info_txt .txtarea ul li strong {display:block;font-weight:500;color:#000;} .certif_box .info_txt .checks {margin-top:20px;padding-top:15px;border-top:1px dashed #cfd0d7;} .certif_box .login_box {padding:35px;border-radius:10px;background:#f9f9f9;} .certif_box .login_box .inputbox {max-width:767px;width:100%;margin:auto;} .certif_box .login_box .inputbox .input_wrp {width:calc(100% - 145px);} .certif_box .login_box .inputbox a {width:140px;} @media only screen and (max-width:767px){ .certif_box .info_txt {padding:30px 20px;} .certif_box .login_box .inputbox .input_wrp {width:100%;} .certif_box .login_box .inputbox a {margin:5px auto 0;width:100%;} } /* sub07이용안내_인증서 등록 변경_등록완료 */ .certif_box .comp_box .txtbox {padding:60px 0;text-align:center;border-top:2px solid #222;border-bottom:1px solid #cfd0d7;} .certif_box .comp_box .txtbox img {max-width:160px;} .certif_box .comp_box .txtbox .tit {margin-top:20px;font-weight:600;font-size:1.5em;} @media only screen and (max-width:767px){ .certif_box .comp_box .txtbox img {max-width:120px;} } /* sub07이용안내_알기쉬운 개인정보처리방침 */ .easy_privacy img {max-width:100%;} /* sub07이용안내_저작권보호정책 */ .sub0804 .list2 li {margin-top:20px;word-break:keep-all;} .sub0804 .kogl img {max-height:24px;margin:0 5px;} /* sub07이용안내_사이트맵 */ #sitemap a {display:flex;align-items:center;} #sitemap .sitemap_box {border-bottom:1px solid #cfd0d7;margin-bottom:40px;padding-bottom:40px;} #sitemap .sitemap_box h2 {font-size:1.750em;color:#000;margin-bottom:20px;} #sitemap .sitemap_box h2 > a {display:inline-flex;} #sitemap .sitemap_box > ul {display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;} #sitemap .sitemap_box > ul > li > .sm_2th {border:1px solid #cfd0d7;box-sizing:border-box;height:50px;justify-content:center;margin-bottom:10px;transition:all .4s;color:#000;font-weight:500;} #sitemap .sitemap_box > ul > li > .sm_2th:hover, #sitemap .sitemap_box > ul > li > .sm_2th:focus, #sitemap .sitemap_box > ul > li > .sm_2th:active {background:#ff9500;border-color:#b66008;border-radius:10px;box-shadow:0px 2px 15px 0px rgba(255,149,0,.2);color:#fff;transition:all .4s;} #sitemap .sitemap_box > ul > li > ul > li:not(:last-child) {margin-bottom:3px;} #sitemap .sitemap_box > ul > li > ul > li > .sm_3th {position:relative;padding-left:20px;transition:all .3s;} #sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {position:absolute;top:7px;left:7px;content:"";width:5px;height:5px;background:#666;border-radius:50%;transition:all .3s;} #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover, #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus, #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active {color:#b66008;transition:all .3s;} #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:hover::before, #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:focus::before, #sitemap .sitemap_box > ul > li > ul > li > .sm_3th:active::before {background:#ff9500;transition:all .3s;} /* 모바일 */ @media only screen and (max-width:767px){ #sitemap .sitemap_box {margin-bottom:30px;padding-bottom:30px;} #sitemap .sitemap_box h2 {margin-bottom:15px;} #sitemap .sitemap_box > ul {grid-template-columns:repeat(2,1fr);gap:15px;} #sitemap .sitemap_box > ul > li > ul > li > .sm_3th::before {top:6px;} } /* 모바일 */ @media only screen and (max-width:560px){ #sitemap .sitemap_box > ul {grid-template-columns:repeat(1,1fr);} #sitemap .sitemap_box > ul > li > .sm_2th {margin-bottom:5px;} } /******************************/ /* 컨텐츠 공통 */ /******************************/ /* 레이어팝업 */ .popup_box {display:none;overflow-y:auto;position:fixed;left:0;top:0;z-index:10;width:100%;height:100vh;background:rgba(0,0,0,0.4);font-size:18px;} .popup_box .box_wrap {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width:700px;padding:40px;box-shadow:0 0 10px rgba(0,0,0,0.2);background:#fff;} .popup_box .box_wrap .box_set {font-weight:300;} .popup_box .box_wrap .box_set strong {display:block;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #d7d7d7;font-weight:500;font-size:1.375em;color:#222;} .popup_box .box_wrap .box_set .pop_con .titp {display:flex;justify-content:flex-start;align-items:flex-start;font-weight:500;color:#111;padding-right:20px;} .popup_box .box_wrap .box_set .pop_con .titp span {flex-shrink:0;display:inline-grid;place-items:center;width:34px;height:34px;background:#009d85;border-radius:100%;font-weight:300;color:#fff;} .popup_box .box_wrap .box_set .pop_con .titp em {margin-left:10px;} .popup_box .box_wrap .box_set .pop_con .text_con {margin-top:15px;background:#f9f9f9;padding:20px;max-height:400px;overflow-y:scroll;} .popup_box .box_wrap .box_set .pop_con .text_con .spt {display:block;padding-bottom:18px;border-bottom:1px solid #cfd0d7;font-weight:500;font-size:0.812em;color:#000;} .popup_box .box_wrap .box_set .pop_con .text_con .spt em {color:#e73232;} .popup_box .box_wrap .box_set .pop_con .text_con .tul {} .popup_box .box_wrap .box_set .pop_con .text_con .tul li {margin-top:20px;padding-left:20px;text-indent:-20px;font-size:0.875em;} .popup_box .box_wrap .box_set .pop_con .text_con .tul li:before {content:"ㆍ";margin-right:5px;} .popup_box .box_wrap .pop_close {display:block;position:absolute;right:40px;top:45px;width:24px;height:24px;font-size:0;} .popup_box .box_wrap .pop_close:before {content:"";position:absolute;right:-5px;top:10px;width:32px;height:1px;background:#313131;transform:rotate(45deg);} .popup_box .box_wrap .pop_close:after {content:"";position:absolute;right:-5px;top:10px;width:32px;height:1px;background:#313131;transform:rotate(-45deg);} @media only screen and (max-width:1280px){ .popup_box .box_wrap {top:55%;} } @media only screen and (max-width:1023px){ .popup_box {font-size:16px;} .popup_box .box_wrap {width:95%;} } @media only screen and (max-width:767px){ .popup_box {font-size:15px;} .popup_box .box_wrap {width:100%;margin:0;padding:20px 15px;} .popup_box .box_wrap .pop_close {right:20px;top:23px;} } /* 만족도 조사 */ .survey {margin-top:80px;} .survey .check_box {padding:30px 35px;background-color:#f7f7f7;border:1px solid #cfd0d7;} .survey .check_box:after {content:'';display:block;clear:both;} .survey .check_box strong {display:block;font-size:1.063em;line-height:1.6;letter-spacing:-0.04em;color:#000;padding-left:36px;margin-bottom:15px;background:url("../images/layout/icon_survey.png") no-repeat left center;word-break:keep-all;} .survey .check_box .form_list {display:flex;flex-wrap:wrap;gap:15px 30px;margin-right:35px;} .survey .opinion {border:1px solid #cfd0d7;border-top:0;padding:20px 35px;color:#000;} .survey .opinion input {width:calc(100% - 130px);height:40px;line-height:40px;} @media only screen and (max-width:1023px){ .survey {margin-top:50px;} .survey .opinion input {width:calc(100% - 120px);} } @media screen and (max-width:767px) { .survey {margin-top:40px;} .survey .check_box {padding:20px;} .survey .check_box strong {padding-left:27px;background-size:20px auto;} .survey .check_box .form_list {margin-right:20px;} .survey .opinion {padding:18px 20px;} .survey .opinion input {margin-bottom:5px;} .survey .opinion input, .survey .opinion .btn_bace {width:100%;} } /******************************/ /* 통합검색 */ /******************************/ /* 통합검색_메뉴 */ .lnb.search_tap_btn a {transition:none !important;} .lnb.search_tap_btn a:focus, .lnb.search_tap_btn .choice a:active {transition:none !important;} .lnb.search_tap_btn .choice a {font-weight:700;} /* 통합검색_검색영역_키워드 */ .sr_wrap {padding:25px;margin-top:-32px;background:#fff;border-radius:20px;box-shadow:0 15px 30px rgba(105,61,0,.15);} .sr_wrap .sr_box {background:#fff;border-radius:10px;border:2px solid #ff9500;font-size:1.125em;display:flex;} .sr_wrap .sr_box .sr_select {border:none;border-radius:10px 0 0 10px;font-weight:500;color:#000;padding-left:30px;padding-right:50px;} .sr_wrap .sr_box .sr_text_wrap {flex:1;position:relative;} .sr_wrap .sr_box .sr_text_wrap .sr_text {border:none;color:#000;width:100%;} .sr_wrap .sr_box .sr_button {background:#ff9500;width:200px;font-weight:500;} /* 통합검색_검색영역_추천검색어 */ .sr_wrap .sr_box .sr_text_wrap .sr_auto {display:none;position:absolute;top:50px;left:0;z-index:1;width:100%;border:1px solid #cfd0d7;background:#fff;font-size:0.889em;text-align:center;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .search_ls_alert {padding:20px 15px;line-height:1.6;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word {padding:10px 15px;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word.reverse {border-top:1px dashed #cfd0d7;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li:not(:last-child) {margin-bottom:10px;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a {display:flex;justify-content:space-between;align-items:center;font-size:0.938em;text-align:left;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a:hover span {font-weight:600;text-decoration:underline;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_left {width:calc(100% - 40px);} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_left em {display:inline-block;padding:2px 5px;border-radius:3px;background:#e9e9e9;color:#000;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_left em.popular {background:#d20038;color:#fff;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_right .graph {display:flex;gap:3px;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_right .graph li {width:3px;height:10px;background:#e9e9e9;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_right .graph li.on {background:#d20038;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .keyword_list .sr_ls_word > li a .key_wr_right .graph li span {font-size:0;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .search_latest_bottom {background:#fff5da;padding:10px 15px;display:flex;justify-content:space-between;} .sr_wrap .sr_box .sr_text_wrap .sr_auto .search_latest_bottom button {letter-spacing:-0.05em;font-size:0.875em;} /* 통합검색_검색영역_상세검색 */ .sr_wrap .sr_detail {display:grid;grid-template-columns:1fr 200px;gap:15px;font-size:0.938em;padding-left:30px;margin-top:15px;} .sr_wrap .sr_detail ul {display:flex;flex-wrap:wrap;gap:10px 25px;align-items:center;} .sr_wrap .sr_detail ul li em {padding:5px 10px;margin-right:15px;border-bottom-right-radius:8px;background:#ff9500;} .sr_wrap .sr_detail ul li .condition {display:flex;flex-wrap:wrap;align-items:center;} .sr_wrap .sr_detail ul li .condition .checks label:not(:last-child) {margin-right:10px;} .sr_wrap .sr_detail ul li .condition .scope_btn {height:26px;line-height:26px;padding:0 10px;margin-left:10px;color:#000;} .sr_wrap .sr_detail ul li .condition .datepic {margin-left:10px;flex:1;} .sr_wrap .sr_detail ul li .condition .datepic .datepic_input {height:26px;line-height:26px;} .sr_wrap .sr_detail ul li .condition .datepic .datepic_icon span {display:grid;place-items:center;width:26px;height:26px;border:1px solid #666;cursor:pointer;} .sr_wrap .sr_detail ul li .condition .datepic .datepic_icon span img {width:18px;} .sr_wrap .sr_detail ul li .condition .datepic > span {margin:0 5px;} /* 통합검색_결과영역_전체결과 */ .sr_page {padding:50px 0;border-top:none;} .sr_page .result_search_info {font-size:1.875em;font-weight:300;text-align:center;padding-bottom:40px;border-bottom:2px solid #cfd0d7;margin-bottom:40px;} .sr_page .result_search_info strong {color:#b66008;} /* 통합검색_결과영역_좌측(컨텐츠영역) */ .result_wrap {display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;} .result_wrap .sr_left_column {flex:1;padding-right:60px;} .result_wrap .sr_left_column .result_con .con_box:not(:first-child) .h5 {margin-top:50px;} .result_wrap .sr_left_column .result_con .con_box .btn_wrap {margin-top:50px;padding-bottom:60px;border-bottom:1px dotted #cfd0d7;} .result_wrap .sr_left_column .result_con .con_box:last-child .btn_wrap {margin-top:50px;padding-bottom:0;border-bottom:none;} .result_wrap .sr_left_column .result_con .con_box .btn_wrap a {width:315px;border-color:#000;color:#000;} .result_wrap .sr_left_column .result_con .con_box .btn_wrap a:hover, .result_wrap .sr_left_column .result_con .con_box .btn_wrap a:focus, .result_wrap .sr_left_column .result_con .con_box .btn_wrap a:active {border-color:#ff9500;background:#ff9500;font-weight:500;} .result_wrap .sr_left_column .result_con .con_box .btn_wrap a img {display:inline-block;vertical-align:middle;margin-left:10px;} .result_con .con_box .result_bo {border-top:2px solid #000;} .result_con .con_box .result_bo > li {display:flex;border-bottom:1px solid #cfd0d7;} .result_con .con_box .result_bo > li .txtbox {padding:20px 30px;display:block;width:100%;} .result_con .con_box .result_bo > li .txtbox:hover, .result_con .con_box .result_bo > li .txtbox:focus, .result_con .con_box .result_bo > li .txtbox:active {background:#fff5da;} .result_con .con_box .result_bo > li .txtbox .tit {color:#000;font-size:1.125em;font-weight:600;} .result_con .con_box .result_bo > li .txtbox ul.list_info li {font-size:.9em;color:#222;padding:0;} .result_con .con_box .result_bo > li em {font-weight:500;} .result_con .con_box .result_bo > li .txtbox .txt {margin-top:10px;color:#666;} /* 통합검색_결과영역_우측(인기검색어, 내가 찾은 검색어) */ .result_wrap .sr_right_column {width:225px;} .result_wrap .sr_right_column .result_cont {font-size:0.875em;} .result_wrap .sr_right_column .result_cont strong {display:block;font-size:1.143em;font-weight:500;margin-bottom:10px;} /* 인기검색어 */ .sr_rank_box .sr_rank_tab {display:grid;grid-template-columns:repeat(3,1fr);border-radius:3px;border:1px solid #cfd0d7;text-align:center;padding:5px 0;margin-bottom:15px;} .sr_rank_box .sr_rank_tab li:not(:last-child) {border-right:1px solid #cfd0d7;} .sr_rank_box .sr_rank_tab li a {position:relative;color:#666;} .sr_rank_box .sr_rank_tab li.on a {color:#b66008;font-weight:500;} .sr_rank_box .sr_rank_tab li.on a::after {width:100%;height:2px;background:#ff9500;content:"";position:absolute;bottom:-7px;left:0;} .sr_rank_box .sr_rank_con {display:none;padding-bottom:15px;border-bottom:1px solid #cfd0d7;margin-bottom:30px;} .sr_rank_box .sr_rank_con.on {display:block;} .sr_rank_box .sr_rank_con .sr_rank_ls li {display:flex;justify-content:space-between;align-items:center;margin-top:5px;} .sr_rank_box .sr_rank_con .sr_rank_ls li > div {max-width:calc(100% - 60px);} .sr_rank_box .sr_rank_con .sr_rank_ls li .sr_numbox {display:inline-block;vertical-align:top;width:20px;height:20px;text-align:center;line-height:18px;border-radius:3px;border:1px solid #cfd0d7;background:#fff;font-size:0.786em;margin-right:5px;letter-spacing:-0.05em;} .sr_rank_box .sr_rank_con .sr_rank_ls li .sr_numbox.top_rank {background:#ff9500;border-color:#ff9500;} .sr_rank_box .sr_rank_con .sr_rank_ls li .sr_rank i {display:inline-block;margin-right:5px;} .sr_rank_box .sr_rank_con .sr_rank_ls li .sr_rank i img {display:inline-block;vertical-align:middle;margin-top:-4px;} /* 내가 찾은 검색어 */ .mykeyword li {display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px;border:1px solid #cfd0d7;border-radius:3px;margin-bottom:5px;} .mykeyword li a {position:relative;} .mykeyword li a:hover, .mykeyword li a:focus, .mykeyword li a:active {font-weight:500;text-decoration:underline;} .mykeyword li a::before {position:absolute;top:7px;left:-9px;width:3px;height:3px;border-radius:50%;background:#000;content:"";} .mykeyword li .btnDel {display:inline-flex;justify-content:center;align-items:center;border:1px solid #cfd0d7;width:20px;height:20px;} .btnDel_all {display:block;width:100%;padding:10px;border-radius:3px;background:#ff9500;} /* 반응형 */ @media only screen and (max-width:1399px){ /* 통합검색_검색영역_키워드 */ .sr_wrap .sr_box .sr_select {padding-left:20px;} /* 통합검색_검색영역_상세검색 */ .sr_wrap .sr_detail {grid-template-columns:1fr;padding-left:0;} } @media only screen and (max-width:1280px){ .mo_search .fs_head {height:80px;} .mo_search .fs_head .head_top .wrap {padding-top:0;justify-content:center;} .mo_search .fs_head .mbtn_box {display:none;} .mo_search #fs_container_wrap {padding-top:80px;} .mo_search .fs_sub_visual .wrap_1300 {justify-content:center;} } @media only screen and (max-width:1023px){ /* 통합검색_검색영역_상세검색 */ .sr_wrap .sr_detail ul {flex-direction:column;align-items:flex-start;} .sr_wrap .sr_detail ul li .condition .datepic {flex:auto;width:100%;padding-left:50px;margin-top:5px;} /* 통합검색_결과영역_전체결과 */ .sr_page {padding:30px 0;} .sr_page .result_search_info {font-size:1.571em;padding-bottom:25px;margin-bottom:25px;} /* 통합검색_결과영역_좌측(컨텐츠영역) */ .result_wrap {display:block;} .result_wrap .sr_left_column {padding-right:0;} .result_wrap .sr_left_column .result_con .con_box .btn_wrap {margin-top:35px;padding-bottom:40px;} /* 통합검색_결과영역_우측(인기검색어, 내가 찾은 검색어) */ .result_wrap .sr_right_column {margin-top:60px;width:100%;} } @media only screen and (max-width:767px){ .mo_search .fs_head {height:70px;} .mo_search #fs_container_wrap {padding-top:70px;} .mo_search .fs_sub_visual .wrap_1300 {height:120px;} /* 통합검색_검색영역_키워드 */ .sr_wrap .sr_box {flex-direction:column;} .sr_wrap .sr_box .sr_select {border-top-right-radius:7px;} .sr_wrap .sr_box .sr_text_wrap .sr_text {padding-left:20px;} .sr_wrap .sr_box .sr_button {width:100%;padding:10px 0;line-height:18px;border-radius:0 0 7px 7px} /* 통합검색_검색영역_추천검색어 */ .sr_wrap .sr_box .sr_text_wrap .sr_auto {top:40px;} /* 통합검색_결과영역_전체결과 */ .sr_page .ml25 {margin-left:0;} .sr_page .result_search_info {font-size:1.154em;padding-bottom:20px;margin-bottom:20px;} /* 통합검색_결과영역_좌측(컨텐츠영역) */ .result_wrap .sr_left_column .result_con .con_box .btn_wrap {margin-top:25px;padding-bottom:30px;} .result_wrap .sr_left_column .result_con .con_box:last-child .btn_wrap {margin-top:25px;} } @media only screen and (max-width:380px){ /* 통합검색_검색영역_상세검색 */ .sr_wrap .sr_detail ul {gap:15px 0;} .sr_wrap .sr_detail ul li {width:100%;} .sr_wrap .sr_detail ul li em {margin:0 0 5px 0;} .sr_wrap .sr_detail ul li .condition {flex-direction:column;align-items:flex-start;} .sr_wrap .sr_detail ul li .condition .datepic {margin:10px 0 0 0;padding-left:0;} /* 통합검색_결과영역_좌측(컨텐츠영역) */ .result_wrap .sr_left_column .result_con .con_box .btn_wrap a {width:auto;} } /* 배너모음 */ .g_list.banner-wrap > li .imgbox {width: 150px; aspect-ratio: 6/3;} .g_list.banner-wrap > li .imgbox img {width: 100%; height: 100%; object-fit: cover;} .g_list > li .txtbox ul.banner-list {display: block;} .g_list > li .txtbox ul.banner-list > li {padding: 0;} .g_list > li .txtbox ul.banner-list > li:first-child {margin-bottom: 10px;} .g_list > li .txtbox ul.banner-list > li + li:after {display: none;} /*************** 교육활동보호센터 ***************/ /* 버튼스타일 */ .link-list {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;} /* .link-list li {width: calc(50% - 5px);} */ .btn-st1 {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 15px; color: #B66008; border: 1px solid #B66008; border-radius: 5px;} .btn-st1:hover {color: #fff; background-color: #B66008;} .btn-st1 img {transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);} .btn-st1:hover img {filter: brightness(100);} .btn-st1.ico-dwn:after {content: ""; display: inline-block; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.076V16.5709H16V11.076' stroke='%23B66008' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5011 1V12.509' stroke='%23B66008' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2401 8.46503L8.50113 12.527L3.76215 8.46503' stroke='%23B66008' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain; transition:all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);} .btn-st1.ico-dwn:hover:after {filter: brightness(100);} .w-fit {width: fit-content;} @media only screen and (max-width:1500px){ .link-list {} /* .link-list li {width: fit-content;} */ }