@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("reset.css");

/** layout **/
/** button style **/
/** text style **/
/** box style **/
/** form style **/
/** list style **/
/** table style **/
/** tab style **/
/** contents style **/
/** board style **/
/** popup style **/

/* css default setting */
.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.blank {margin:0;padding:0;border:none;background:none;}
.dnone {display:none !important;}
.clearfix:before,
.clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center;}
.tlt {text-align:left;}
.trt {text-align:right;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ib {display:inline-block;}
.keep {word-break:keep-all;}
.poinherit {position:inherit;}
.btn {position:relative;display:inline-block;vertical-align:top;cursor:pointer;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
.btn:hover,
.btn:focus {text-decoration:underline;}
::-webkit-scrollbar{width:5px;height:10px;}
::-webkit-scrollbar-thumb{background-color:#ccc;border-radius: 10px;}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0);}


/** layout **/
body {font-family:'NotoSansKR',sans-serif;color:#171717;font-size:16px;line-height:1.5;}

div[data-wv-layout-element='wv-content']  { display: contents;}
div[data-wv-layout-element='layout-page']  {display: contents;} 
div[data-wv-layout-element='layout_screen']  {display: contents;}

 


/* .wrap */
.wrap {position:relative;overflow:hidden;}

/* .skip-nav */
.skip-nav {z-index:9999;position:fixed;top:0;left:0;width:100%;}
.skip-nav a {position:absolute;top:0;left:0;width:100%;height:0;font-size:0;color:#fff;text-align:center;}
.skip-nav a:focus {height:30px;line-height:30px;background:#111;font-size:20px;}

/* #header */
#header * {font-family:'NotoSansKR',sans-serif;}
#header {z-index:2000;position:fixed;top:0;left:0;right:0;min-height:124px;background-color:#fff;padding:0 20px;border-bottom:1px solid #ddd;font-weight:400;}
#header .hd-wrap {position:relative;display:flex;justify-content:space-between;width:100%;max-width:1170px;margin:0 auto;padding:48px 48px 0 0;}
#header h1 .btn {padding-top:14px;}
#header h1 .btn img {vertical-align:top;}
#header .tnb {list-style:none;position:absolute;top:0;right:0;display:flex;padding:6px 0;}
#header .tnb > li {position:relative;}
#header .tnb > li + li:before {content:'';position:absolute;top:12px;left:0;width:1px;height:12px;background-color:#ccc;}
#header .tnb .member {display:flex;gap:8px;line-height:28px;padding:4px 8px 4px 0;}
#header .tnb .member + li:before {display:none;}
#header .tnb .btn {padding:9px 8px;line-height:18px;font-size:14px;color:#666;}
#header .tnb .btn-user {font-size:16px;line-height:28px;padding:0;font-weight:500;}
#header .tnb .btn-user strong {color:#229F64;margin-right:8px;}
#header .tnb .btn-change {border-radius:4px;border:1px solid #ddd;background:#fff url(/weven_service/asset/img/main_renewal/ico_change_01.png) 8px 6px no-repeat;padding:5px 8px 5px 28px;line-height:18px;font-size:14px;color:#171717;}

#header .btn-allmenu-open {position:absolute;top:70px;right:0;width:32px;height:32px;border-radius:50%;transition:none;}
#header .btn-allmenu-open:before,
#header .btn-allmenu-open:after {content:'';position:absolute;top:50%;left:50%;width:22px;height:2px;background-color:#171717;margin-left:-11px;}
#header .btn-allmenu-open span {position:absolute;top:50%;left:50%;width:22px;height:2px;background-color:#171717;border-radius:1px;text-indent:-9999px;overflow:hidden;margin-left:-11px;}
#header .btn-allmenu-open:before {margin-top:-5px;}
#header .btn-allmenu-open:after {margin-top:5px;}

/* #gnb */
#gnb .gnb-depth1 {list-style:none;display:flex;}
#gnb .gnb-depth1 > li {position:relative;padding:10px 0;}
#gnb .gnb-depth1 > li > .btn {position:relative;padding:15px 16px;line-height:26px;font-size:18px;font-weight:600;}
#gnb .gnb-depth1 > li > .btn.open,
#gnb .gnb-depth1 > li > .btn:hover,
#gnb .gnb-depth1 > li > .btn:focus {color:#2cca7e;text-decoration:none;}
#gnb .gnb-depth1 > li > .btn:hover:before,
#gnb .gnb-depth1 > li > .btn:focus:before {content:'';position:absolute;left:6px;right:6px;bottom:0;height:3px;background-color:#2cca7e;}
#gnb .gnb-depth2 {display:none;list-style:none;z-index:3000;position:absolute;top:63px;left:6px;width:188px;padding:16px 22px 15px 18px;background:url(/weven_service/asset/img/main_renewal/gnb_2depth_bg.png) right bottom no-repeat;}
#gnb .gnb-depth1 > li > .btn.open + .gnb-depth2 {display:block;}
#gnb .gnb-depth2:before,
#gnb .gnb-depth2:after {z-index:-1;content:'';position:absolute;top:0;left:0;background-color:#2cca7e;}
#gnb .gnb-depth2:before {right:0;bottom:24px;}
#gnb .gnb-depth2:after {right:18px;bottom:0;}
#gnb .gnb-depth2 > li > .btn {width:100%;line-height:28px;color:#fff;}

.contents-wrap {padding:124px 0 0;}
.contents-wrap:before,
.contents-wrap:after {content:"";display:table;padding:0;}
.contents-wrap:after {clear:both;}
.contents-wrap > .contents_container {padding-top:60px;padding-bottom:80px;}
[data-wv-layout-element="layout-page"] {float:none;}

#footer {background-color:#F1F2F4;padding:40px 20px 50px;font-family:'Pretendard', sans-serif;}
#footer .inner {position:relative;width:100%;max-width:1170px;margin:0 auto;}
#footer .ft-pages {list-style:none;display:flex;flex-wrap:wrap;}
#footer .ft-pages > li  + li {position:relative;margin-left:23px;}
#footer .ft-pages > li  + li:before {content:'';position:absolute;top:10px;left:-12px;width:4px;height:4px;background-color:#ccc;border-radius:50%;}
#footer .ft-pages .btn {line-height:19px;font-weight:600;}
#footer .ft-familysite {position:absolute;top:0;right:0;}
#footer .ft-familysite .btn-toggle {position:relative;width:220px;height:44px;line-height:44px;padding:0 40px 0 20px;border-radius:22px;background-color:#fff;text-align:left;border:1px solid #ddd;color:#666;}
#footer .ft-familysite .btn-toggle:before {content:'';position:absolute;top:5px;right:5px;width:34px;height:34px;border-radius:50%;background:url(/weven_service/asset/img/main_renewal/arr_01.svg) center no-repeat;transition:.3s ease-out;}
#footer .ft-familysite ul {list-style:none;display:none;position:absolute;left:0;right:0;bottom:50px;background-color:#fff;border-radius:22px;padding:20px;border:1px solid #ddd;}
#footer .ft-familysite ul > li + li {margin-top:4px;}
#footer .ft-familysite ul .btn {width:100%;padding:4px 0;color:#666;}
#footer .ft-familysite .btn-toggle.active:before {transform:rotate(-180deg);}
#footer .ft-familysite .btn-toggle.active + ul {display:block;}
#footer address {margin-top:24px;line-height:19px;color:#666;font-style:normal;font-weight:400;}
#footer .ft-info {list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;max-width:900px;margin-top:8px;}
#footer .ft-info > li {position:relative;display:flex;gap:8px;line-height:19px;}
#footer .ft-info > li:nth-of-type(1):after {content:'';position:absolute;top:3px;right:-13px;width:1px;height:13px;background-color:#ddd;}
#footer .ft-info .info-title {font-weight:500;}
#footer .ft-info .info-con {color:#666;font-weight:400;}
#footer .copy {margin-top:24px;line-height:19px;color:#888;}

/** button style **/
/** text style **/
.col-gray-01 {color:#ccc;}
/** box style **/
/** form style **/

/** list style **/
.list-schedule-01 {list-style:none;}
.list-schedule-01 > li {margin-bottom:20px;}
.list-schedule-01 > li > .btn {display:flex;flex-wrap:wrap;gap:8px;}
.list-schedule-01 .dday {width:62px;line-height:26px;border-radius:4px;background-color:#E7EFF8;text-align:center;color:#447FF6;font-weight:500;align-self:flex-start;margin-top:1px;font-size:14px;}
.list-schedule-01 .dday.t01 {background-color:#447FF6;color:#fff;}
.list-schedule-01 .title {width:calc(100% - 70px);line-height:28px;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;}
.list-schedule-01 .date {display:flex;gap:8px;width:100%;line-height:19px;color:#666;}
.list-schedule-01 .date .date-title {width:59px;}
.list-schedule-01 .date .date-con {width:calc(100% - 67px);}

.list-schedule-02 {list-style:none;font-weight:400;}
.list-schedule-02 > li {position:relative;padding-left:70px;display:flex;flex-wrap:wrap;gap:8px 4px;}
.list-schedule-02 > li + li {margin-top:20px;}
.list-schedule-02 .cate {position:absolute;top:0;left:0;width:62px;padding:3px;line-height:20px;font-size:13px;text-align:center;background-color:#ddd;font-weight:500;border-radius:4px;}
.list-schedule-02 .cate.t01 {background-color:#E7F8F1;color:#23A165;}
.list-schedule-02 .cate.t02 {background-color:#E7EFF8;color:#447FF6;}
.list-schedule-02 .cate.t03 {background-color:#F8F0E7;color:#CF7526;}
.list-schedule-02 .title {width:100%;line-height:22px;font-size:18px;font-weight:500;color:#171717;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;}
.list-schedule-02 .dday {line-height:19px;font-weight:500;color:#447FF6;}
.list-schedule-02 .dday.t01 {color:#DA1E3E;}
.list-schedule-02 .date {line-height:19px;color:#888;}

.list-data-01 {list-style:none;line-height:19px;}
.list-data-01 > li {display:flex;gap:4px;}
.list-data-01 > li:nth-of-type(n+2) {margin-top:9px;}
.list-data-01 > li > .data-title {width:32px;}
.list-data-01 > li > .data-con {width:calc(100% - 32px);color:#888;font-family:Roboto, 'NotoSansKR', sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/** table style **/
.table-calendar-01 table {width:100%;font-family:Roboto, 'NotoSansKR', sans-serif;text-align:center;color:#666;}
.table-calendar-01 th {line-height:16px;font-size:14px;padding-bottom:10px;}
.table-calendar-01 td {padding:10px 0;font-weight:500;}
.table-calendar-01 td .day {display:flex;flex-wrap:wrap;width:100%;height:36px;align-items:center;}
.table-calendar-01 td .day .date {width:100%;font-size:16px;font-weight:500;line-height:18px;}
.table-calendar-01 td .day .num {width:100%;font-size:12px;font-weight:500;line-height:14px;color:#CF7526;font-family:'Pretendard', sans-serif;}
.table-calendar-01 .selected td .day {background-color:#229F64;color:#fff;}
.table-calendar-01 .selected td .num {color:#fff;}
.table-calendar-01 .selected td:first-child .day {border-radius:18px 0 0 18px;}
.table-calendar-01 .selected td:last-child .day {border-radius:0 18px 18px 0;}

/** tab style **/

/** contents style **/
/* .main-visual */
.main-visual {position:relative;width:100%;}
.main-visual .slider-controls {z-index:10;position:absolute;left:50%;bottom:40px;transform:translateX(-50%);display:flex;width:calc(100% - 40px);max-width:1170px;}
.main-visual .slider-controls .count {display:flex;gap:4px;line-height:28px;color:#ddd;font-family:Roboto, 'NotoSansKR', sans-serif;margin-right:16px;}
.main-visual .slider-controls .count .current {font-weight:500;color:#fff;}
.main-visual .slider-controls .btns-wrap {display:flex;}
.main-visual .slider-controls .btn {position:relative;width:28px;height:28px;background:transparent;text-indent:-9999px;overflow:hidden;}
.main-visual .slider-controls .btn.btn-prev:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/weven_service/asset/img/main_renewal/arr_02.png) center no-repeat;transform:rotate(180deg);}
.main-visual .slider-controls .btn.btn-next:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/weven_service/asset/img/main_renewal/arr_02.png) center no-repeat;}
.main-visual .slider-controls .btn.btn-stop:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/weven_service/asset/img/main_renewal/ico_stop_01.png) center no-repeat;}
.main-visual .slider-controls .btn.btn-play:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/weven_service/asset/img/main_renewal/ico_play_01.png) center no-repeat;background-size:12px;}
.main-visual .slider-controls .btn.btn-stop,
.main-visual .slider-controls .btn.btn-play {display:none;}
.main-visual .slider-controls .btn.btn-stop.on,
.main-visual .slider-controls .btn.btn-play.on {display:block;}

/* .main-schedule */
.main-schedule {padding:104px 20px 100px;font-weight:400;}
.main-schedule * {font-family:'NotoSansKR', sans-serif;}
.main-schedule > .inner {width:100%;max-width:1170px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.main-schedule .left {width:380px;}
.main-schedule .left .month {padding:9px 0 0 6px;line-height:46px;font-size:30px;font-weight:bold;margin-bottom:20px;}
.main-schedule .left .month span {font-family:Roboto, 'NotoSansKR', sans-serif;}
.main-schedule .right {width:calc(100% - 432px);}
.main-schedule .schedule-wrap {position:relative;border:1px solid #229F64;border-radius:16px;padding:32px 0 0 32px;overflow:hidden;}
.main-schedule .schedule-wrap .weekly {line-height:19px;font-weight:500;color:#666;margin-bottom:24px;}
.main-schedule .schedule-wrap .btns-wrap {position:absolute;top:24px;right:24px;}
.main-schedule .schedule-wrap .btns-wrap .btn {position:relative;width:36px;height:36px;background:#fff;border-radius:18px;border:1px solid #ddd;text-indent:-9999px;overflow:hidden;}
.main-schedule .schedule-wrap .btns-wrap .btn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(/weven_service/asset/img/main_renewal/arr_03.svg) 14px center no-repeat;}
.main-schedule .schedule-wrap .btns-wrap .btn-prev:before {transform:rotate(180deg);}
.main-schedule .schedule-wrap .list-schedule-01 {height:242px;overflow-y:auto;}
.main-schedule .schedule-wrap .list-schedule-02 {height:303px;overflow-y:auto;}
.main-schedule .schedule-wrap .total {width:calc(100% - 20px);padding:13px;background-color:#F8F0E7;border-radius:8px;text-align:center;font-size:18px;font-weight:500;}
.main-schedule .schedule-wrap .total:before {content:'';display:inline-block;width:12px;height:12px;background:#CF7526;border-radius:50%;margin-right:8px;}
.main-schedule .schedule-wrap .total strong {color:#CF7526;font-weight:500;}
.main-schedule .education-wrap {position:relative;width:100%;margin-top:24px;display:flex;border:1px solid #ddd;border-radius:16px;background-color:#F5FAFA;padding:24px 24px 20px;align-items:start;}
.main-schedule .education-wrap .edu-title {width:152px;padding-left:32px;line-height:24px;background:url(/weven_service/asset/img/main_renewal/ico_edu.png) left center no-repeat;font-size:18px;font-weight:600;color:#229F64;}
.main-schedule .education-wrap:before,
.main-schedule .education-wrap:after {z-index:1;content:'';position:absolute;top:23px;width:32px;height:26px;background:linear-gradient(to Left, transparent, #F5FAFA);}
.main-schedule .education-wrap:before {left:176px;}
.main-schedule .education-wrap:after {right:24px;transform:rotate(180deg);}
.main-schedule .education-wrap .slider {width:calc(100% - 152px);}
.main-schedule .education-wrap .slider .btn {display:flex;line-height:22px;gap:8px;padding:0 12px;}
.main-schedule .education-wrap .slider .btn .title {font-size:18px;font-weight:500;}
.main-schedule .education-wrap .slider .btn .date {color:#888;}

.main-introduce {background:#F2F7F7;padding:80px 20px;margin-bottom:100px;}
.main-introduce .inner {width:100%;max-width:1170px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.main-introduce .introduce-title {line-height:46px;font-size:32px;font-weight:bold;}
.main-introduce ul {list-style:none;display:flex;gap:40px;}
.main-introduce ul .img {width:100px;height:100px;line-height:100px;text-align:center;background-color:#fff;border-radius:16px;}
.main-introduce ul .title {margin-top:8px;line-height:26px;font-size:18px;font-weight:600;color:#666;text-align:center;}

.main-banner {padding:0 20px 100px;}
.main-banner > .inner {width:100%;max-width:1170px;margin:0 auto;}
.main-banner > .inner > ul {list-style:none;display:flex;flex-wrap:wrap;gap:24px;width:100%;}
.main-banner > .inner > ul > li {width:calc(50% - 12px);}
.main-banner .btn-info {position:relative;width:100%;height:298px;border-radius:16px;background-color:#ddd;padding:38px 40px;color:#fff;overflow:hidden;}
.main-banner .btn-info .title {z-index:5;position:relative;font-size:32px;font-weight:bold;line-height:38px;font-family:'Pretendard', sans-serif;margin-bottom:32px;}
.main-banner .btn-info .text-01 {z-index:5;position:relative;line-height:24px;font-weight:500;max-width:340px;font-size:16px;word-break:keep-all;}
.main-banner .btn-info .text-01 span {display:block;}
.main-banner .btn-info:before {z-index:1;content:'';position:absolute;left:40px;bottom:38px;width:32px;height:32px;background:url(/weven_service/asset/img/main_renewal/arr_04.png) center no-repeat;}
.main-banner .btn-info:after {z-index:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s ease-out;}
.main-banner .btn-info.info01:after {background:#229F64 url(/weven_service/asset/img/main_renewal/img_main_banner_01.png) right bottom no-repeat;}
.main-banner .btn-info.info02:after {background:#4979D9 url(/weven_service/asset/img/main_renewal/img_main_banner_02.png) right bottom no-repeat;}
.main-banner .btn-guide {width:100%;border-radius:16px;background-color:#CF7526;padding:27px 80px 27px 40px;line-height:38px;font-size:32px;font-weight:bold;color:#fff;font-family:'Pretendard', sans-serif;}
.main-banner .btn-guide:before {z-index:1;content:'';position:absolute;right:40px;top:30px;width:32px;height:32px;background:url(/weven_service/asset/img/main_renewal/arr_04.png) center no-repeat;}

/* .main-board-01 */
.main-board-01 {padding:100px 20px;background-color:#f3f5fd;}
.main-board-01 > .inner {position:relative;width:100%;max-width:1170px;margin:0 auto;}
.main-board-01 .board-title {line-height:46px;font-size:32px;font-weight:bold;margin-bottom:24px;}
.main-board-01 .btn-more {position:absolute;top:10px;right:0;line-height:24px;padding-left:24px;font-size:18px;color:#666;background:url(/weven_service/asset/img/main_renewal/ico_plus_01.png) left center no-repeat;}

.main-board-02 {padding:100px 20px;}
.main-board-02 > .inner {display:flex;flex-wrap:wrap;width:100%;max-width:1170px;margin:0 auto;justify-content:space-between;}
.main-board-02 .left {width:calc(100% - 444px);}
.main-board-02 .main-notice {position:relative;}
.main-board-02 .main-notice .board-title {line-height:46px;font-size:32px;font-weight:bold;margin-bottom:24px;}
.main-board-02 .main-notice .btn-more {position:absolute;top:10px;right:0;line-height:24px;padding-left:24px;font-size:18px;color:#666;background:url(/weven_service/asset/img/main_renewal/ico_plus_01.png) left center no-repeat;}
.main-board-02 .right {width:364px;}
.main-board-02 .list-quick {list-style:none;display:flex;flex-wrap:wrap;gap:16px;}
.main-board-02 .list-quick > li {width:calc(50% - 8px);}
.main-board-02 .list-quick > li .btn {z-index:0;position:relative;width:100%;height:133px;border-radius:16px;border:1px solid #ddd;padding:20px;line-height:25px;font-weight:600;font-size:18px;overflow:hidden;}
.main-board-02 .list-quick > li .btn:before {z-index:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;}
.main-board-02 .list-quick > li .btn:after {z-index:0;content:'';position:absolute;right:20px;bottom:20px;widtH:32px;height:32px;background:url(/weven_service/asset/img/main_renewal/arr_05.png) center no-repeat;}
.main-board-02 .list-quick > li .btn p {z-index:5;position:relative;}
.main-board-02 .list-quick > li .btn span {display:block;}

/* main-board-03 */
.main-board-03 {padding:0 20px;font-weight:400;}
.main-board-03 > .inner {display:flex;flex-wrap:wrap;width:100%;max-width:1170px;margin:0 auto;justify-content:space-between;gap:16px;}
.main-board-03 .board-title {width:100%;line-height:46px;font-size:32px;font-weight:bold;}
.main-board-03 .left {width:calc(50% - 8px);border:1px solid #ddd;border-radius:16px;padding:32px;}
.main-board-03 .left .left-title {line-height:26px;font-size:22px;font-weight:bold;margin-bottom:8px;}
.main-board-03 .left .text-01 {z-index:5;position:relative;line-height:26px;max-width:250px;font-size:18px;word-break:keep-all;margin-bottom:24px;}
.main-board-03 .right {width:calc(50% - 8px);}
.main-board-03 .btn-group {position:relative;width:100%;height:260px;border-radius:16px;background-color:#ddd;padding:32px;color:#fff;overflow:hidden;}
.main-board-03 .btn-group .title {z-index:5;position:relative;font-size:22px;font-weight:bold;line-height:26px;margin-bottom:8px;}
.main-board-03 .btn-group .text-01 {z-index:5;position:relative;line-height:26px;max-width:250px;font-size:18px;word-break:keep-all;margin-bottom:24px;}
.main-board-03 .btn-group .text-01 span {display:block;}
.main-board-03 .btn-group:before {z-index:1;content:'';position:absolute;left:40px;bottom:38px;width:32px;height:32px;background:url(/weven_service/asset/img/main_renewal/arr_04.png) center no-repeat;}
.main-board-03 .btn-group:after {z-index:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;transition:.3s ease-out;background:#229F64 url(/weven_service/asset/img/main_renewal/img_main_group_01.png) right bottom no-repeat;}

.main-call-sns {padding:0 20px 120px;font-weight:400;}
.main-call-sns > .inner {display:flex;gap:16px;width:100%;max-width:1170px;margin:0 auto;justify-content:space-between;}
.main-call-sns .left {width:368px;}
.main-call-sns .right {width:100%;}
.main-call-sns .list-call {list-style:none;display:flex;gap:32px;border:1px solid #229F64;border-radius:16px;padding:30px 32px;box-sizing:border-box;}
.main-call-sns .list-call > li {width:100%;}
.main-call-sns .list-call > li > span {display:block;}
.main-call-sns .list-call .title {line-height:25px;font-weight:500;color:#666;}
.main-call-sns .list-call .date {line-height:33px;font-weight:bold;color:#229F64;font-size:28px;margin-top:6px;font-family:Roboto, 'NotoSansKR', sans-serif;}
.main-call-sns .list-sns {list-style:none;background-color:#F3F5FD;border-radius:16px;height:126px;padding:30px 20px;display:flex;justify-content:center;gap:40px;}
.main-call-sns .list-sns .btn {width:64px;}
.main-call-sns .list-sns .btn span {display:block;text-align:center;font-family:'NotoSansKR', sans-serif;letter-spacing:-0.025em;}
.main-call-sns .list-sns .btn .img img {vertical-align:top;}
.main-call-sns .list-sns .btn .text {line-height:17px;font-size:14px;color:#666;margin-top:10px;}

/** board style **/
.board-card-01 {list-style:none;display:flex;gap:24px;}
.board-card-01 > li {width:calc(25% - (72px / 4));}
.board-card-01 .btn {z-index:0;position:relative;width:100%;height:300px;border:1px solid #ddd;border-radius:16px;background-color:#fff;padding:35px 30px;overflow:hidden;}
.board-card-01 .btn:hover,
.board-card-01 .btn:focus {text-decoration:none;}
.board-card-01 .btn:before {z-index:0;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:16px;transition:.3s ease-out;}
.board-card-01 .btn .dday {z-index:10;position:absolute;top:0;right:0;display:block;width:58px;height:32px;line-height:32px;border-radius:0 16px 0 16px;background-color:#ECF2FE;text-align:center;color:#447FF6;font-weight:500;font-size:14px;transition:.3s ease-out;}
.board-card-01 .btn .title {z-index:10;position:relative;font-size:20px;line-height:30px;font-weight:500;height:60px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;margin-bottom:16px;}
.board-card-01 .more {z-index:10;position:relative;display:inline-block;margin-top:16px;vertical-align:top;width:90px;padding:9px 0 9px 28px;font-size:14px;color:#666;border:1px solid #ccc;border-radius:8px;background:#fff url(/weven_service/asset/img/main_renewal/ico_plus_01.png) 8px 8px no-repeat;}
.board-card-01 .list-data-01 {z-index:10;position:relative;}

.board-list-01 {list-style:none;}
.board-list-01 > li:nth-of-type(n+2) {margin-top:24px;}
.board-list-01 .btn {display:flex;flex-wrap:wrap;justify-content:space-between;}
.board-list-01 .btn .title {font-weight:500;line-height:23px;width:calc(100% - 90px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list-01 .btn .date {color:#888;font-family:Roboto, 'NotoSansKR', sans-serif;}
.board-list-01 .btn-first .title {width:100%;font-size:20px;line-height:29px;margin-bottom:8px;}
.board-list-01 .btn-first .text-01 {line-height:24px;font-size:18px;color:#666;max-height:48px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;font-weight:400;}
.board-list-01 .btn-first .data {margin-top:8px;}

.board-list-02 {list-style:none;}
.board-list-02 > li + li {margin-top:20px;}
.board-list-02 .btn {display:flex;line-height:19px;}
.board-list-02 .btn .title {width:calc(100% - 90px);font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-list-02 .btn .date {width:90px;text-align:right;color:#888;font-weight:400;}

/** popup style **/

@media screen and (min-width:1025px){
    .mo-only {display:none !important;}

    /** layout **/
    #header .btn-allmenu-open:hover,
    #header .btn-allmenu-open:focus {background-color:#139cc8;}
    #header .btn-allmenu-open:hover:before,
    #header .btn-allmenu-open:hover:after,
    #header .btn-allmenu-open:hover span,
    #header .btn-allmenu-open:focus:before,
    #header .btn-allmenu-open:focus:after,
    #header .btn-allmenu-open:focus span {background-color:#fff;width:18px;margin-left:-9px;}
    #header.hd-scroll {min-height:76px;}
    #header.hd-scroll .tnb {display:none;}
    #header.hd-scroll .hd-wrap {padding-top:0;}
    #header.hd-scroll .btn-allmenu-open {top:22px;}

    .allmenu-wrap {z-index:7000;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#31b7ba;transition:.3s ease-out;transform:translateX(100%);}
    .allmenu-wrap .inner {display:none;}
    .allmenu-wrap.active {transform:translateX(0)}
    .allmenu-wrap.active .inner {display:block;}
    .allmenu-wrap .img-allmenu-left {position:absolute;top:0;left:0;}
    .allmenu-wrap .img-allmenu-left img {width:337px;vertical-align:top;}
    .allmenu-wrap .img-allmenu-right {position:absolute;bottom:0;right:0;}
    .allmenu-wrap .img-allmenu-right img {width:339px;vertical-align:top;}
    .allmenu-wrap .btn-allmenu-close {z-index:10;position:absolute;top:60px;right:60px;width:38px;height:38px;background:none;text-indent:-9999px;overflow:hidden;}
    .allmenu-wrap .btn-allmenu-close:before,
    .allmenu-wrap .btn-allmenu-close:after {z-index:1;content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -50px;width:100px;height:2px;background-color:#fff;}
    .allmenu-wrap .btn-allmenu-close:before {transform:rotate(45deg);}
    .allmenu-wrap .btn-allmenu-close:after {transform:rotate(-45deg);}
    .allmenu-wrap .allmenu-box {z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 30px);max-width:1170px;}
    .allmenu-wrap .allmenu-box .allmenu-logo img {width:216px;vertical-align:top;}
    .allmenu-wrap .allmenu-box .btns-member {list-style:none;position:absolute;top:15px;right:0;display:flex;}
    .allmenu-wrap .allmenu-box .btns-member > li + li {position:relative;margin-left:39px;}
    .allmenu-wrap .allmenu-box .btns-member > li + li:before {content:'';position:absolute;top:4px;left:-20px;width:1px;height:14px;background-color:#ffffff4d;}
    .allmenu-wrap .allmenu-box .btns-member .btn {font-family:Roboto, 'NotoSansKR', sans-serif;line-height:23px;font-size:17px;color:#fff;}
    .allmenu-wrap .gnb-depth1 {list-style:none;margin-top:97px;display:flex;flex-wrap:wrap;gap:60px;}
    .allmenu-wrap .gnb-depth1 > li {width:calc(20% - (240px / 5));}
    .allmenu-wrap .gnb-depth1 > li > .btn {position:relative;width:100%;font-size:21px;line-height:27px;color:#fff;font-family: 'GongGothic', sans-serif;font-weight:500;padding-bottom:16px;margin-bottom:35px;}
    .allmenu-wrap .gnb-depth1 > li > .btn:before {content:'';position:absolute;left:0;bottom:0;width:1px;height:2px;transition:.3s ease-out;}
    .allmenu-wrap .gnb-depth1 > li > .btn:hover,
    .allmenu-wrap .gnb-depth1 > li > .btn:focus {text-decoration:none;}
    .allmenu-wrap .gnb-depth1 > li > .btn:hover:before,
    .allmenu-wrap .gnb-depth1 > li > .btn:focus:before {width:100%;background-color:#fff;}
    .allmenu-wrap .gnb-depth2 {list-style:none;}
    .allmenu-wrap .gnb-depth2 > li {margin-bottom:11px;}
    .allmenu-wrap .gnb-depth2 > li > .btn {width:100%;line-height:25px;font-size:19px;color:#fff;}

    .contents-wrap {min-height:calc(100vh - 254px);}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    /** list style **/
    /** table style **/
    /** tab style **/
    
    /** contents style **/
    /* .main-visual */
    .main-visual .slick-slide .btn {width:100%;height:584px;}
    .main-visual .slick-slide .btn img {width:100%;height:100%;object-fit:cover;transition:.3s ease-out;}
    .main-visual .slick-slide .btn:hover img,
    .main-visual .slick-slide .btn:focus img {transform:scale(1.05);}

    /* .main-banner */
    .main-banner .btn:hover,
    .main-banner .btn:focus {text-decoration:none;}
    .main-banner .btn:hover .title,
    .main-banner .btn:focus .title {text-decoration:underline;}
    .main-banner .btn-info:hover:after,
    .main-banner .btn-info:focus:after {transform:scale(1.1);}
    .main-banner .btn-guide:hover,
    .main-banner .btn-guide:focus {text-decoration:underline;}

    /* .main-board-02 */
    .main-board-02 .list-quick > li .btn:hover,
    .main-board-02 .list-quick > li .btn:focus {text-decoration:none;background-color:#229F64;color:#fff;}
    .main-board-02 .list-quick > li .btn:hover:before,
    .main-board-02 .list-quick > li .btn:focus:before {background:url(/weven_service/asset/img/main_renewal/bg_main_quick_01.png) right top no-repeat;opacity:0.1;}
    .main-board-02 .list-quick > li .btn:hover:after,
    .main-board-02 .list-quick > li .btn:focus:after {background:url(/weven_service/asset/img/main_renewal/arr_04.png) center no-repeat;}

    /** board style **/
    .board-card-01 .btn:hover:before,
    .board-card-01 .btn:focus:before {border-color:#447FF6;}
    .board-card-01 .btn:hover .dday,
    .board-card-01 .btn:focus .dday {background-color:#447FF6;color:#fff;}

    /** popup style **/
}/* (min-width:1025px) */
@media screen and (max-width:1170px) and (min-width:1025px){
    .main-visual .slick-slide .btn {height:500px;}
}/* (max-width:1170px) and (min-width:1025px) */
@media screen and (min-width:1200px){
    .allmenu-wrap .img-allmenu-left img {width:377px;}
    .allmenu-wrap .img-allmenu-right img {width:468px;}
}/* (min-width:1200px) */
@media screen and (max-width:1024px){
    .pc-only {display:none !important;}

    /** layout **/
    #header {min-height:56px;background-color:#fff;}
    #header .hd-wrap {padding:12px 0 0;}
    #header .tnb {display:none;}
    #header h1 .btn {padding:0;}
    #header h1 .btn img {height:32px;}
    #header h1 .btn img.logo-mo-main {display:none;}
    #header .btn-allmenu-open {top:8px;right:0;width:40px;height:40px;}
    #header .btn-allmenu-open span,
    #header .btn-allmenu-open:before,
    #header .btn-allmenu-open:after {width:20px;margin-left:-10px;background-color:#000;}
    #header.hd-main {background:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));border-bottom:0;}
    #header.hd-main h1 .btn img.logo-basic {display:none;}
    #header.hd-main h1 .btn img.logo-mo-main {display:block;}
    #header.hd-main .btn-allmenu-open span,
    #header.hd-main .btn-allmenu-open:before,
    #header.hd-main .btn-allmenu-open:after {background-color:#fff;}
    #header.hd-main + .contents-wrap {padding-top:0;}
    
    #header.hd-main.hd-scroll {background:#fff}
    #header.hd-main.hd-scroll h1 .btn img.logo-basic {display:block;}
    #header.hd-main.hd-scroll h1 .btn img.logo-mo-main {display:none;}
    #header.hd-main.hd-scroll .btn-allmenu-open span,
    #header.hd-main.hd-scroll .btn-allmenu-open:before,
    #header.hd-main.hd-scroll .btn-allmenu-open:after {background-color:#000;}

    #gnb {display:none;}

    .allmenu-wrap {font-family:Roboto, 'NotoSansKR', sans-serif;}
    .allmenu-wrap .inner {z-index:2000;position:fixed;top:0;right:0;bottom:0;width:100%;max-width:410px;padding-top:70px;overflow-y:auto;background-color:#31b7ba;transform:translateX(100%);transition:.3s ease-out;}
    .allmenu-wrap .inner:before {z-index:1;content:'';position:absolute;top:0;left:0;right:0;height:70px;background-color:#fff;}
    .allmenu-wrap .inner .img-allmenu-left {display:none;}
    .allmenu-wrap .inner .img-allmenu-right {display:none;width:100%;text-align:right;overflow:hidden;}
    .allmenu-wrap .inner .img-allmenu-right img {width:330px;transform:translateX(70px);vertical-align:top;}
    .allmenu-wrap .allmenu-box {display:none;min-height:calc(100vh - 328px);}
    .allmenu-wrap .btn-allmenu-close {display:none;z-index:2;position:absolute;top:13px;right:15px;width:37px;height:37px;text-indent:-9999px;overflow:hidden;background:none;}
    .allmenu-wrap .btn-allmenu-close:before,
    .allmenu-wrap .btn-allmenu-close:after {content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -10px;width:20px;height:2px;background-color:#139cc8;}
    .allmenu-wrap .btn-allmenu-close:before {transform:rotate(45deg);}
    .allmenu-wrap .btn-allmenu-close:after {transform:rotate(-45deg);}
    .allmenu-wrap .allmenu-logo {z-index:2;position:absolute;top:20px;left:30px;}
    .allmenu-wrap .allmenu-logo img {height:35px;}
    .allmenu-wrap .btns-member {list-style:none;display:flex;padding:37px 30px 23px 35px;}
    .allmenu-wrap .btns-member > li + li {position:relative;margin-left:17px;padding-left:16px;}
    .allmenu-wrap .btns-member > li + li:after {content:'';position:absolute;top:4px;left:0;height:calc(100% - 9px);border-left:1px solid rgba(255,255,255,0.3);}
    .allmenu-wrap .btns-member .btn {line-height:19px;color:#fff;}
    .allmenu-wrap .gnb-depth1 > li > .btn {position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:20px;line-height:26px;color:#fff;font-family: 'GongGothic', sans-serif;font-weight:500;padding:10px 0 10px 35px;margin-bottom:10px;text-align:left;background-color:transparent;}
    .allmenu-wrap .gnb-depth1 > li > .btn:hover,
    .allmenu-wrap .gnb-depth1 > li > .btn:focus {text-decoration:none;}
    .allmenu-wrap .gnb-depth1 > li > .btn:after {content:'';height:1px;width:0;height:1px;background-color:#fff;transition:.3s ease-out;}
    .allmenu-wrap .gnb-depth1 > li > .btn span {display:inline-block;white-space:nowrap;padding-right:20px;}
    .allmenu-wrap .gnb-depth1 > li > .btn.active:after {width:100%;}
    .allmenu-wrap .gnb-depth2 {display:none;list-style:none;padding:0 0 52px 35px;}
    .allmenu-wrap .gnb-depth2 > li + li {margin-top:11px;}
    .allmenu-wrap .gnb-depth2 .btn {width:100%;line-height:22px;font-size:18px;color:#77e1f1;}
    
    .allmenu-wrap.active .dim {z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);}
    .allmenu-wrap.active .inner {transform:translateX(0);}
    .allmenu-wrap.active .allmenu-box {display:block;}
    .allmenu-wrap.active .inner .img-allmenu-right {display:block;}
    .allmenu-wrap.active .btn-allmenu-close {display:block;}
    
    .contents-wrap {padding-top:60px;min-height:calc(100vh - 310px);}

    #footer {padding:80px 20px 52px;}
    #footer .inner {padding:0 8px;}
    #footer .ft-familysite {top:-60px;left:0;}
    #footer .ft-familysite .btn-toggle {width:100%;height:40px;line-height:44px;font-size:14px;}
    #footer .ft-familysite .btn-toggle:before {top:3px;}
    #footer .ft-familysite ul {bottom:46px;}
    #footer .ft-familysite ul .btn {font-size:14px;}
    #footer .ft-pages .btn {font-size:14px;}
    #footer .ft-pages > li {line-height:15px;}
    #footer .ft-pages > li + li {margin-left:16px;}
    #footer .ft-pages > li + li:before {top:3px;left:-9px;width:1px;height:11px;border-radius:0;}
    #footer address {line-height:21px;font-size:14px;margin-top:20px;}
    #footer .ft-info {margin-top:20px;font-size:14px;gap:4px;}
    #footer .ft-info > li {display:block;width:100%;}
    #footer .ft-info .info-title {word-break:keep-all;margin-right:4px;}
    #footer .copy {margin-top:14px;font-size:13px;line-height:19px;}

    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/

    /** list style **/
    .list-schedule-01 > li {min-height:48px;margin-bottom:16px;}
    .list-schedule-01 > li > .btn {position:relative;padding-left:56px;gap:4px;}
    .list-schedule-01 .dday {position:absolute;top:0;left:0;width:48px;height:48px;line-height:48px;border-radius:50%;font-size:13px;}
    .list-schedule-01 .title {width:100%;font-size:14px;line-height:20px;text-overflow:inherit;white-space:wrap;}
    .list-schedule-01 .date {font-size:13px;line-height:15px;gap:4px;}
    .list-schedule-01 .date .date-title {width:48px;}
    .list-schedule-01 .date .date-con {width:calc(100% - 52px);}

    .list-schedule-02 > li {padding-left:56px;padding-top:5px;gap:4px 8px;}
    .list-schedule-02 > li + li {margin-top:16px;}
    .list-schedule-02 .cate {width:48px;height:48px;border-radius:50%;display:flex;flex-wrap:wrap;align-items:center;gap:0;justify-content:center;}
    .list-schedule-02 .cate span {width:100%;display:block;line-height:16px;}
    .list-schedule-02 .title {line-height:20px;font-size:14px;}
    .list-schedule-02 .dday {line-height:15px;font-size:13px;}
    .list-schedule-02 .date {line-height:15px;font-size:13px;}

    /** table style **/
    /** tab style **/

    /** contents style **/
    /* .main-visual */
    .main-visual .slick-slide .btn img {width:100%;vertical-align:top;}
    .main-visual .slider-controls {bottom:16px;justify-content:space-between;}
    .main-visual .slider-controls .btns-wrap {margin-right:-10px;}

    /* .main-schedule */
    .main-schedule {padding:40px 20px 52px;}
    .main-schedule .left {display:none;}
    .main-schedule .right {width:100%;}
    .main-schedule .schedule-wrap {border-color:#E8E8E8;border-radius:8px;padding:0;}
    .main-schedule .schedule-wrap .month {padding:12px 20px 14px;line-height:28px;font-size:16px;font-weight:bold;border-bottom:1px solid #E8E8E8;}
    .main-schedule .schedule-wrap .weekly {padding:14px 20px 0;margin:0 0 16px;font-size:13px;line-height:15px;font-weight:400;}
    .main-schedule .schedule-wrap .btns-wrap {top:12px;right:20px;}
    .main-schedule .schedule-wrap .btns-wrap .btn {width:28px;height:28px;}
    .main-schedule .schedule-wrap .btns-wrap .btn:before {background-position:11px center;background-size:7px;}
    .main-schedule .schedule-wrap .list-schedule-01 {padding-left:20px;height:230px;}
    .main-schedule .schedule-wrap .total {width:calc(100% - 40px);margin:14px auto 0;padding:8px;line-height:15px;font-size:13px;}
    .main-schedule .schedule-wrap .total:before {display:none;}
    .main-schedule .schedule-wrap .list-schedule-02 {padding-left:20px;height:276px;}
    .main-schedule .education-wrap {margin-top:8px;border-radius:8px;padding:16px 20px;flex-wrap:wrap;}
    .main-schedule .education-wrap:before {display:none;top:auto;left:20px;bottom:16px;}
    .main-schedule .education-wrap:after {display:none;top:auto;right:20px;bottom:16px;}
    .main-schedule .education-wrap .edu-title {width:100%;background-size:16px;padding-left:20px;line-height:20px;font-size:14px;margin-bottom:8px;}
    .main-schedule .education-wrap .slider {width:100%;}
    .main-schedule .education-wrap .slider .btn {line-height:20px;}
    .main-schedule .education-wrap .slider .btn .title {font-size:14px;}
    .main-schedule .education-wrap .slider .btn .name {font-size:14px;}
    .main-schedule .education-wrap .slider .btn .date {font-size:13px;}

    /* .main-introduce */
    .main-introduce {padding:52px 20px;margin-bottom:52px;}
    .main-introduce > .inner {flex-wrap:wrap;}
    .main-introduce .introduce-title {width:100%;line-height:26px;font-size:20px;margin-bottom:12px;}
    .main-introduce ul {width:100%;flex-wrap:wrap;}
    .main-introduce ul > li {width:calc(16.6666% - (200px / 6));}
    .main-introduce ul .btn {width:100%;}
    .main-introduce ul .img {position:relative;width:100%;height:auto;padding-top:100%;}
    .main-introduce ul .img img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

    /* .main-banner */
    .main-banner .btn-info {border-radius:8px;height:180px;padding:20px;}
    .main-banner .btn-info .text-01 {display:none;}
    .main-banner .btn-info.info01:after {background-size:200px;}
    .main-banner .btn-info.info02:after {background-size:200px;}
    .main-banner .btn-guide {border-radius:8px;}

    /* .main-board-01 */
    .main-board-01 {padding:52px 0;}
    .main-board-01 .board-title {padding-left:20px;line-height:26px;font-size:20px;margin-bottom:12px;}
    .main-board-01 .btn-more {top:0;right:20px;}

    .main-board-02 .list-quick {gap:8px;}
    .main-board-02 .list-quick > li {width:calc(50% - 4px);}

    /* .main-board-02 */
    .main-board-02 {padding:52px 20px 0;}
    .main-board-02 .left {width:100%;}
    .main-board-02 .main-notice .board-title {line-height:26px;font-size:20px;margin-bottom:20px;}
    .main-board-02 .main-notice .btn-more {top:0;}
    .main-board-02 .right {width:100%;margin-top:52px;}
    .main-board-02 .list-quick > li .btn {padding:16px;height:125px;border-radius:8px;}
    .main-board-02 .list-quick > li .btn:after {right:16px;bottom:16px;}

    /* .main-board-03 */
    .main-board-03 > .inner {gap:8px;}
    .main-board-03 .board-title {line-height:26px;font-size:20px;}
    .main-board-03 .left {width:100%;padding:20px;border-radius:8px;}
    .main-board-03 .left .left-title {line-height:24px;font-size:16px;margin-bottom:0;}
    .main-board-03 .left .text-01 {line-height:26px;font-size:14px;margin-bottom:10px;}
    .main-board-03 .right {width:100%;}
    .main-board-03 .btn-group {background:#229F64;padding:15px 56px 15px 20px;height:auto;}
    .main-board-03 .btn-group:after {display:none;}
    .main-board-03 .btn-group .title {line-height:24px;font-size:16px;margin:0;}
    .main-board-03 .btn-group .text-01 {max-width:100%;font-size:14px;line-height:26px;margin:0;border-radius:8px;}
    .main-board-03 .btn-group .text-01 span {display:inline;}
    .main-board-03 .btn-group:before {top:26px;left:auto;right:20px;width:28px;height:28px;background-size:28px;}

    /* .main-call-sns */
    .main-call-sns {margin-top:8px;padding-bottom:52px;}
    .main-call-sns > .inner {flex-wrap:wrap;}
    .main-call-sns .left {width:100%;}
    .main-call-sns .list-call {border-radius:8px;padding:20px 16px;border-color:#229F64;gap:20px;}
    .main-call-sns .list-call .title {line-height:19px;font-size:13px;}
    .main-call-sns .list-call .num {margin-top:4px;line-height:23px;font-size:20px;}
    .main-call-sns .list-sns {padding:20px;height:auto;gap:12px;border-radius:8px;}
    .main-call-sns .list-sns .btn {width:44px;height:44px;display:flex;align-items:center;}
    .main-call-sns .list-sns .btn .text {position:absolute;width:0;height:0;overflow:hidden;}

    /** board style **/
    .board-card-01 {padding:0 20px;overflow-x:auto;}
    .board-card-01 > li {width:250px;}
    .board-card-01 .btn {border-radius:8px;line-height:24px;font-size:16px;}
    .board-card-01 .btn .dday {border-radius:0 8px 0 8px;}
    .board-card-01 .btn .title {line-height:27px;font-size:18px;height:54px;}
    
    .board-list-01 > li:nth-of-type(n+2) {margin-top:20px;}
    .board-list-01 .btn .title {width:100%;line-height:20px;font-size:14px;margin-bottom:5px;}
    .board-list-01 .btn .text-01 {display:none;}
    .board-list-01 .btn .date {width:100%;line-height:15px;font-size:13px;}
    
    .board-list-02 > li + li {margin-top:10px;}
    .board-list-02 .btn {line-height:20px;}
    .board-list-02 .btn .title {width:calc(100% - 80px);font-size:14px;}
    .board-list-02 .btn .date {width:75px;font-size:13px;}

    /** popup style **/
}/* (max-width:1024px) */
@media screen and (max-width:780px){
    /** layout **/
    /** button style **/
    /** text style **/
    /** box style **/
    /** form style **/
    /** list style **/
    /** table style **/
    /** tab style **/
    /** contents style **/
    /* .main-banner */
    .main-banner {padding-bottom:52px;}
    .main-banner > .inner > ul {gap:8px;}
    .main-banner > .inner > ul > li {width:calc(50% - 4px)}
    .main-banner > .inner > ul > li:nth-of-type(n+3) {width:100%;}
    .main-banner .btn-info:before {left:20px;bottom:20px;width:28px;height:28px;background-size:100%;}
    .main-banner .btn-info .title {font-size:18px;max-width:65px;line-height:26px;}
    .main-banner .btn-info.info01:after {background-size:144px;}
    .main-banner .btn-info.info02:after {background-size:144px;}
    .main-banner .btn-guide {padding:13px 60px 13px 20px;font-size:18px;line-height:26px;}
    .main-banner .btn-guide:before {top:12px;right:20px;width:28px;height:28px;background-size:28px;}
    
    /* .main-introduce */
    .main-introduce ul {gap:20px 15px;}
    .main-introduce ul > li {width:calc(25% - (45px / 4));}
    .main-introduce ul .img img {width:46px;}
    .main-introduce ul .title {line-height:20px;margin-top:4px;font-size:14px;}

    /** board style **/
    /** popup style **/
}/* (max-width:780px) */