@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {background:#e8f2f6; color:#333; font-size:1rem;}
.body {background:url('./../img/main/bak_visual.png') no-repeat 50% 0; background-size:100% 17.85rem; padding-bottom:5.1rem;}
strong {font-weight:600;}

/**************************************************
	날씨 / 코로나
**************************************************/

.weather-area {margin-bottom:1rem;}
.weather-box {display:table; width:100%; table-layout:fixed; border-radius:.5rem; background:#fff;
	-webkit-box-shadow: 10px 10px 15px 0px rgba(2,70,213,0.6);
	-moz-box-shadow: 10px 10px 15px 0px rgba(2,70,213,0.6);
	box-shadow: 10px 10px 15px 0px rgba(2,70,213,0.6);
}
.weather-box > * {display:table-cell;vertical-align:middle;width: 60%;height:4rem;margin: 0 auto;padding:1rem;}

.weather-box .temp {font-size:2.2rem;}
.weather-box .temp i {font-family:'S-CoreDream-3Light'; font-size:.75em;}
.weather-box .weather {padding:1rem;}
.weather-box .weather > div {display:table; width:100%; table-layout:fixed;}
.weather-box .weather > div > * {display:table-cell; vertical-align:middle;}
.weather-box .thumb {width:5rem; text-align:center; padding:0 .5rem 0 0;}
.weather-box .thumb img {max-width:100%;}
.weather-box .temp {width:5.5rem;}
.weather-box .state span {display:block; font-size:0.9rem; white-space:nowrap;}
.weather-box .state span + span {margin-top:.3rem;}
.weather-box .state span em {color:#333333;}

/* .weather-box .corona {width:100%;background:url('./../img/main/bak_corona_line.png') no-repeat 0 50%; background-size:1px 5rem;margin-top: 25px;float: left;}
.weather-box .corona img {max-height:2.5rem;max-width:100%;}
.weather-box .corona a {display:block; float: left; height:50%;}
.weather-box .corona a:nth-child(2){background:url('./../img/main/bak_corona_line.png') no-repeat 0 50%;background-size:1px 5rem;margin-top:10px;} */

/* @media all and (max-width:650px) {
	.weather-box > * {height:5rem;}
	.weather-box .corona {padding-top: 2rem;width:10rem;margin-top: 0;border-top: 1px solid #d9d9d9;}
	.weather-box .corona a:nth-child(2){background:none; padding-left: 0; margin-top: 5px;}
} */
@media all and (max-width:600px) {
	.weather-box .weather {padding:1rem 0.3rem; height: 5rem;}
}
/* @media all and (max-width:510px) {
	.weather-box > * {height:6rem;}
	.weather-box .thumb {width:3.5rem; padding-right:0; padding-left:.5rem;}
	.weather-box .temp {width:4rem; font-size:2rem;}
} */
@media all and (max-width:460px) {
	.weather-box .corona {/* width:9rem; */}
	.weather-box .corona img {max-width: 100%;}
}
@media all and (max-width:410px) {
	.weather-box .state {padding-left:.5rem;}
	.weather-box .state span {position:relative; overflow:hidden; text-indent:-999px; padding-left:4.5em; line-height:1.3; font-size:1rem; line-height:1.2;}
	.weather-box .state span:before {content:"미세먼지 : "; display:block; position:absolute; top:0; left:0; text-indent:0;}
	.weather-box .state span + span:before {content:"대기환경 : ";}
	.weather-box .state span em {display:block; position:absolute; left:4.7em; top:0; right:0; bottom:0; text-indent:0;}
}


/**************************************************
	팝업창
**************************************************/

.popup-area {margin-bottom:1rem;}
.popup-slider {position:relative; border-radius:1rem; background:#fff; overflow:hidden;
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.1);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,.1);
}
.popup-slider:before {content:""; display:block; position:relative; z-index:-999; padding-top:54.83%;}
.popup-slider .slider {position:absolute; top:0; left:0; right:0; bottom:0;}
.popup-slider .swiper-slide {height:100%;}
.popup-slider .swiper-slide a {display:block; height:100%; position:relative; overflow:hidden;}
.popup-slider .swiper-slide img {max-width:100%;}
.popup-slider .control {display:block; position:absolute; width:auto; left:auto; right:1rem; bottom:1rem; color:#d7d7d7; z-index:99; font-size:.8rem; background:rgba(0,0,0,.6); border-radius:9em; padding:.625em 1.2em;}
.popup-slider .control .swiper-pagination-current {font-weight:800;}

.popup-slider .control {display:block;position:absolute;width:auto;left:auto;right:1rem;bottom:1rem;color:#d7d7d7;z-index:99;font-size:.8rem;background:rgba(0,0,0,.6);border-radius:9em;padding: .2em 1em;}
.popup-slider .control > * {display:inline-block;position:relative;vertical-align:middle;bottom:auto;left:auto;right:auto;top:auto;height: 2rem;line-height: 2rem;font-family:'atomy', sans-serif;}
.popup-slider .control .pager {width:auto;color: #e8f2f6;margin: 0 0.5rem;}
.popup-slider .control .pager > * {display:inline-block; position:relative; vertical-align:middle;}
.popup-slider .control .pager em {color: #8ac1ff;font-weight:800;}
.popup-slider .control .pager i {margin:0 .8rem;width: 0.5rem;}
.popup-slider .control .pager i:before {content:""; display:block; position:absolute; top:50%; left:0; right:0; height:1px; background:#999;}
.popup-slider .control button {display:inline-block;width: 1.4rem;overflow:hidden;text-indent:-999px;position:relative;overflow:hidden;text-indent:-999px;}
.popup-slider .control button:before {content:"";display:block;position:absolute;width: 1.6rem;height: 1.6rem;top:50%;left:50%;margin-top: -.8rem;margin-left: -.8rem;background:url('./../img/main/spr_visual.png') no-repeat; background-size: 2rem auto;}
.popup-slider .control button.prev:before {background: url('./../img/main/btn_work_prev.png') no-repeat center;}
.popup-slider .control button.next:before {background: url('./../img/main/btn_work_next.png') center no-repeat;}
.popup-slider .control .play {display:none;}
.popup-slider .control .stop:before {background-position:.55rem .35rem;}
.popup-slider .control .play:before {background-position:-.6rem .35rem;}


/**************************************************
	탭 게시판
**************************************************/

.board-area {margin-bottom:1.5rem;}
.tab-board {position:relative; border-radius:1rem; background:#fff; overflow:hidden;
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
}
.tab-board dl {float:left;}
.tab-board .tabs button {display:block; position:relative; float:left; font-size:1.2rem; padding:0 1.4rem; height:3.5rem; color:#666; border-radius:1rem 1rem 0 0;}
.tab-board .tabs button:after {content:""; display:block; position:absolute; left:0; bottom:50%; margin-bottom:-5px; width:2px; height:10px; background:#666; opacity:.4;/* transition:.3s all; -webkit-transition:.3s all; */}
.tab-board .tabs button:first-child:after {display:none;}
.tab-board .tabs button.on + button:after {display:none;}
.tab-board .tabs button.on {color:#fff; background:#1c7df5;}

.tab-board .board-slider {clear:both;}
.tab-board .board-slider .list {padding:0 1rem 1rem;}

.tab-board .list li {display:block; position:relative; height:4.66rem;}
.tab-board .list li + li {border-top:1px solid #eeeeee;}
.tab-board .list li a {display:block; position:relative; padding:1rem .4rem;}
.tab-board .list li a strong {display:block; color:#333333; font-size:1.2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:.5rem;}
.tab-board .list li a strong ~ * {padding-right:1.2rem;}
.tab-board .list li a em,
.tab-board .list li a span {font-size:1rem; font-weight:400;}
.tab-board .list li a em {color:#1c7df5;}
.tab-board .list li a span {color:#888;}
.tab-board .list li.no_data {text-align:center; padding:3rem 0;}

.tab-board .list li a em.name.ty1 {color:#355fe1;}
.tab-board .list li a em.name.ty2 {color:#f65237;}
.tab-board .list li a em.name.ty3 {color:#00a59e;}
.tab-board .list li a em.name.ty4 {color:#e4007f;}
.tab-board .list li a em.name.ty5 {color:#e17600;}

@media all and (max-width:340px) {
	.tab-board .tabs button {padding:0 1rem;}
}


/**************************************************
	일자리 영역
**************************************************/

.work-area {position:relative; min-height:23.75rem; overflow:hidden;}
.work-area > .inner {padding:0 1rem 0 2.5rem;}
.work-area:before {content:""; display:block; position:absolute; top:0; left:50%; right:0; height:17rem; background:#1592df; z-index:-2;}
.work-area .inner:after {content:""; display:block; position:absolute; top:0; left:1rem; right:0; height:17rem; border-radius:9em 0 0 9em; z-index:-1;
	background: rgb(7,184,182);
	background: -moz-linear-gradient(90deg, rgba(7,184,182,1) 0%, rgba(7,184,182,1) 32%, rgba(21,146,223,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(7,184,182,1) 0%, rgba(7,184,182,1) 32%, rgba(21,146,223,1) 100%);
	background: linear-gradient(90deg, rgba(7,184,182,1) 0%, rgba(7,184,182,1) 32%, rgba(21,146,223,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#07b8b6",endColorstr="#1592df",GradientType=1);
}
.work-area .inner:before {content:""; display:block; position:absolute; top:1.2rem; right:-1.9rem; width:19.15rem; height:15.8rem; background:url('./../img/main/bak_work_area.png') no-repeat 100% 100%; background-size:contain; z-index:0;}
.work-area .tit {display:block; position:relative; padding:3.3rem 0 0 1.5rem; color:#fff; font-size:1.9rem; font-weight:400; margin-bottom:.9rem;}
.work-area .tit strong {font-weight:800; padding-bottom:.2rem;}
.work-area .control {position:relative; padding-left:.5rem; overflow:hidden; margin-bottom:1rem;}
.work-area .control:before {content:""; display:block; position:absolute; left:2.9rem; top:50%; margin-top:-.45rem; width:1px; height:.9rem; background:rgba(255,255,255,.4);}
.work-area .control a,
.work-area .control button {display:block; position:relative; float:left; height:2rem; text-indent:-999px; overflow:hidden;}
.work-area .control a {border-radius:.2rem; width:2rem; background:url('./../img/main/btn_work_more.png') no-repeat 50% 50% rgba(0,0,0,.15); background-size:contain;}
.work-area .control button {width:2.4rem; background:no-repeat 50% 50%; background-size:auto .8rem;}
.work-area .control button.prev {background-image:url('./../img/main/btn_work_prev.png');}
.work-area .control button.next {background-image:url('./../img/main/btn_work_next.png');}
.work-area .swiper-container {overflow:visible;}
.work-slider .swiper-slide {width:14.5rem;}
.work-slider .work-item {display:block; position:relative; border-radius:1rem; background:#fff; width:14rem; height:11rem; padding:0 1rem; box-sizing:border-box;
	-webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
	-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,.05);
}
.work-slider .work-item .state {display:block; position:relative; width:4rem; height:2rem; line-height:2rem; color:#ffffff; font-size:.8rem; text-align:center; background:#6a7584; font-weight:400;}
.work-slider .work-item .state.on {background:#1c7df5;}
.work-slider .work-item .date {display:block; position:absolute; left:1rem; right:1rem; bottom:0; height:2.8rem; padding-top:.8rem; border-top:1px solid #dddddd; color:#576d89; font-size:.9rem;}
.work-slider .work-item strong {display:block; position:absolute; top:2rem; bottom:3.6rem; left:1rem; right:1rem;font-size: 1.2rem;color:#333333; padding:.9rem 0 0; line-height:1.3;overflow: hidden;}



/**************************************************
	서비스 영역
**************************************************/

.service-area {background:#fff; padding:2rem 0 1rem;}
.service-area .tit {position:relative; margin-bottom:.75rem;}
.service-area .tit strong {display:block; font-size:1.5rem; color:#333; font-weight:800; line-height:2.5rem;}
.service-area .control {padding-top:1.4rem;}
.service-area .control button {display:block; position:relative; border:.1rem solid #dddddd; border-radius:.5rem; width:100%; height:2.8rem; text-align:center; color:#333; font-size:1rem;}
.service-area .control button .off {display:none;}
.service-area .control button i {display:inline-block; position:relative; width:1.3rem; height:1.3rem; vertical-align:middle; border-radius:100%; background:#6a7584; margin-top:-.2rem; margin-left:.2rem;}
.service-area .control button i:before,
.service-area .control button i:after {content:""; display:block; position:absolute; width:.5rem; height:.1rem; top:50%; margin-top:-.05rem; left:50%; margin-left:-.25rem; background:#fff;}
.service-area .control button i:after {width:.1rem; height:.5rem; margin-top:-.25rem; margin-left:-.05rem;}
.service-area .open .control button .on {display:none;}
.service-area .open .control button .off {display:inline-block;}
.service-area .open .control button i:after {display:none;}

.service-area ul {display:block; position:relative; margin:0 -.15rem; overflow:hidden;/*  height:7.5rem; */ transition:.3s all; -webkit-transition:.3s all;}
.service-area .open ul {height:37.3rem;}
.service-area li {display:block; position:relative; width:25%; float:left; box-sizing:border-box; padding:.15rem;}
.service-item {display:block; position:relative; border-radius:.45rem; background:no-repeat 100% 100% #333; background-size:contain; padding:.9rem .65rem; height:7.2rem;}
.service-item strong {display:block; color:#fff; font-size:1.2rem; line-height:1.3em; font-family:'yg-jalnan'; font-weight:400;}
.service-item strong em {display:block; color:#fff04e;}
.service-item[data-txt="휴일약국"] {background-image:url('./../img/main/bak_service_01.png'); background-color:#1c7df5;}
.service-item[data-txt="지역화폐"] {background-image:url('./../img/main/bak_service_02.png'); background-color:#00adbd;}
.service-item[data-txt="지역화폐"] strong em {color:#d5ff41;}
.service-item[data-txt="맞춤형버스"] {background-image:url('./../img/main/bak_service_03.png'); background-color:#ee7411;}
.service-item[data-txt="무료"] {background-image:url('./../img/main/bak_service_04.png'); background-color:#7fc12f;}
.service-item[data-txt="무료"] strong em {color:#d5ff41;}
.service-item[data-txt="전기차"] {background-image:url('./../img/main/bak_service_05.png'); background-color:#00ab88;}
.service-item[data-txt="전기차"] strong em {color:#d5ff41;}
.service-item[data-txt="개방"] {background-image:url('./../img/main/bak_service_06.png'); background-color:#ff6840;}
.service-item[data-txt="종량제"] {background-image:url('./../img/main/bak_service_07.png'); background-color:#3ba6ff;}
.service-item[data-txt="종량제"] strong em {color:#d5ff41;}
.service-item[data-txt="주말할인"] {background-image:url('./../img/main/bak_service_08.png'); background-color:#7e48d7;}
.service-item[data-txt="하천수질"] {background-image:url('./../img/main/bak_service_09.png'); background-color:#ff9c00;}
.service-item[data-txt="공영자전거"] {background-image:url('./../img/main/bak_service_10.png'); background-color:#0076da;}
.service-item[data-txt="공영자전거"] strong em {color:#d5ff41;}
.service-item[data-txt="주유소"] {background-image:url('./../img/main/bak_service_11.png'); background-color:#01c0be;}
.service-item[data-txt="세차장"] {background-image:url('./../img/main/bak_service_12.png'); background-color:#ff7859;}
.service-item[data-txt="세차장"] strong em {color:#d5ff41;}
.service-item[data-txt="CCTV"] {background-image:url('./../img/main/bak_service_13.png'); background-color:#7e48d7;}
.service-item[data-txt="공영주차장"] {background-image:url('./../img/main/bak_service_14.png');background-color: #1c7df5;}
.service-item[data-txt="무인민원발급기"] {background-image:url('./../img/main/bak_service_15.png'); background-color:#00ab88;}
.service-item[data-txt="의약업소"] {background-image:url('./../img/main/bak_service_16.png');background-color: #f57d48;}
.service-item[data-txt="공원현황"] {background-image:url('./../img/main/bak_service_17.png'); background-color:#9f48d7;}
.service-item[data-txt="건축공사"] {background-image:url('./../img/main/bak_service_18.png'); background-color:#ff8b2d;}

@media all and (max-width:610px) {
	/*.service-item strong {font-size:1rem;}*/
}
@media all and (max-width:430px) {
	.service-area li {width:33.33%;}
	.service-item strong {font-size:1.15rem;}

	.service-area .open ul {height:45rem;}
}


/**************************************************
	캘린더 영역
**************************************************/

.calendar-wrap {background:#1c7df5; overflow:hidden; padding:1.3rem 0;}
.calendar-wrap > .inner {padding:0 2rem;}

.calendar-wrap .tit {position:relative; padding:1rem 0 2rem 0;color:#fff;font-size: 1.5rem;}
.calendar-wrap .tit span{color:#fff04e;}
.calendar-wrap .tit .more{display: inline-block;width: 2rem;height: 2rem;margin-left: .5rem;border-radius:10rem;box-sizing: border-box;vertical-align: middle;overflow: hidden;text-indent: -999px;background:#fff url(./../img/main/btn_calendar_more.png) no-repeat 50% 50%;background-size: .9rem auto;}

.calendar-wrap .header_calendar{color:#222;display: block; padding:1.75rem 2rem 0;font-size: 1.3rem; text-align:center; border-radius:.5rem .5rem 0 0;}

.calendar-wrap .header_calendar .btn_prev,
.calendar-wrap .header_calendar .btn_next{display:inline-block;width: 1.5rem;height: 1.5rem;overflow: hidden;text-indent: -999px; vertical-align:middle;}
.calendar-wrap .header_calendar .btn_prev{background: url(./../img/main/btn_calendar_prev.png) no-repeat center center;}
.calendar-wrap .header_calendar .btn_next{background: url(./../img/main/btn_calendar_next.png) no-repeat center center;}
.calendar-wrap .header_calendar .month_area {margin:0 5px; vertical-align:middle;}

.calendar-wrap .weekly .header_calendar .btn_prev,
.calendar-wrap .weekly .header_calendar .btn_next{position:absolute; top:7.1rem; z-index:10;}
.calendar-wrap .weekly .header_calendar .btn_prev{left:.5rem;}
.calendar-wrap .weekly .header_calendar .btn_next{right:.5rem;}

.calendar-wrap .calendarBox {display:none;}
.calendar-wrap.calMonth .calendarBox.monthly {display:block;}
.calendar-wrap.calWeek .calendarBox.weekly {display:block;}

.calendar-wrap .btn_today{display: block;position: absolute;font-size:.9rem;color: #fff; border-radius:30px;width:3.5rem;text-align: center;line-height:1.5rem; font-weight:normal; bottom:0; right: 2rem;background:#f9751d;}


.header_calendar,
.body_calendar,
.list_calendar {display:block; position:relative; border-radius:.5rem; background:#fff;}
.body_calendar {padding:.5rem 1.5rem 1.5rem; border-radius:0 0 .5rem .5rem;}
.body_calendar > * {width:100%; max-width:59rem; margin:0 auto; text-align:center;}
/* .body_calendar thead {border-bottom:1px solid #ddd;} */
.body_calendar thead th {height:3rem;color:#333; font-weight:600; vertical-align:middle;font-size:.9rem;}
.body_calendar tr > *:first-child,
.body_calendar tr > *:first-child * {color:#f65237;}
.body_calendar tr > *:last-child,
.body_calendar tr > *:last-child * {color:#355fe1;}
.body_calendar td {position:relative; width:14.28%; padding:.26rem 0;font-size:1.2rem; font-weight:400;}
.body_calendar td > * {display:block; position:relative; margin:0 auto;height:1.8rem;width:1.8rem;line-height:1.8rem;border-radius:100%;}
.body_calendar td.today > * {background:#cbcbcb; }
.body_calendar td.selected > * {background:#1a427e; color:#fff;}
.body_calendar td a:after {content: "";display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: .3rem;height: .3rem;background: url(../img/main/ico_calendar_dot.png) no-repeat 50% 50%;background-size: contain;}

.body_calendar td:not(.selected) .txt-selected {display:none !important;}
.body_calendar td:not(.today) .txt-today {display:none !important;}

.list_calendar {padding:0 .7rem 0 5.5rem; margin-top:1rem;}
.list_calendar .date {display: block;position: absolute;top:.5rem;left: 1.5rem; width: 3rem;text-align: center;padding-top: 1rem;font-size: 0.9rem;color: #333;}
.list_calendar .date strong {display:block; padding-top:.4rem; color:#333333;}
.list_calendar .schedule-list {position:relative; height:7rem; padding:1rem 0;}
.list_calendar .schedule-list .scrollbar-rail {height:100%;}
.list_calendar .schedule-list .schedule li {display:block; position:relative; padding:0 20px 0 0;}
.list_calendar .schedule-list .schedule li a {display:block; position:relative; max-width:53rem; font-size: 0.8rem;line-height:1.8rem;}
.list_calendar .schedule-list .schedule .cate {display:block; position:absolute; top:0; left:0;width: 2rem;font-size:.9rem;}
.list_calendar .schedule-list .schedule .cate.ty1 {color:#ff7538;}
.list_calendar .schedule-list .schedule .cate.ty2 {color:#6ab44d;}
.list_calendar .schedule-list .schedule .cate.ty3 {color:#00ab88;}
.list_calendar .schedule-list .schedule .cate.ty4 {color:#ff7112;}
.list_calendar .schedule-list .schedule .cate.ty5 {color:#018f5f;}
.list_calendar .schedule-list .schedule .cate.ty6 {color:#703000;}
.list_calendar .schedule-list .schedule .cate.ty7 {color:#8d62d3;}
.list_calendar .schedule-list .schedule .cate.ty8 {color:#f04e27;}

.list_calendar .schedule-list .schedule .subj {display:block; margin:0 8rem 0 2rem;font-size:.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#333333;}
.list_calendar .schedule-list .schedule .name {display:block; position:absolute; top:0; right:0; width:8rem; text-align:right;font-size:.8rem;color:#777777; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_calendar .schedule-list .scrollbar-rail > .scroll-element.scroll-y .scroll-bar {background:#1a427e;}
.list_calendar .schedule-list .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {background:#e5e5e5;}

.link-tab {max-width:640px; padding:0 1rem; margin:0 auto 1rem;}
.link-tab:after {content:''; display:block; clear:both;}
.link-tab li {float:left; width:23.5%; margin-right:2%;}
.link-tab li:last-child {margin-right:0;}
.link-tab a {display:block; font-size:.85rem; color:#fff; line-height:2.5rem; text-align:center; background:#1a427e; border-radius:30px;}

.calBtn {padding:.5rem; background:#0f6adb; border-radius:50px; position:absolute; right:0; top:.4rem;}
.calBtn input[type="radio"] {position:absolute; top:0; left:0; opacity:0; z-index:-999;}
.calBtn label {display:inline-block; width:4rem; font-size:.9rem; text-align:center; line-height:2.2rem; border-radius:50px;}
.calBtn input[type="radio"]:checked + label {color:#1a427e; background:#fff;}



/* 유튜브 배너 */
.mainLinkBnr{position:relative;max-width:640px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-bottom: 1rem;}
.mainLinkBnr img {border-radius:0.75rem;width: 100%;}