@charset "utf-8";
/* 컨텐츠 */
.fcPoint {color: #7459af !important;} /* 보라색 */
.fcRed {color: #eb1414 !important;}
.fcBlue {color: #1841c7 !important;}
.fwBold {font-family: 'Pretendard-Medium', sans-serif !important;font-weight: 500 !important;}
.fcSBlue {color: #31acce !important;}
.fcBlack {color: #000 !important;}
.fcGray {color:#666;}
a.conLink {display: inline-block;border-bottom: 1px solid #656565;text-decoration: none;}
div.contents {font-family: 'Pretendard-Regular', sans-serif;color: #222;text-align: justify;word-break:keep-all;}
div.contents.wide {width: 100%;}
div.scrollArea::-webkit-scrollbar {width: 5px;}
div.scrollArea::-webkit-scrollbar-thumb {background-color: #a53f93;border-radius: 2px;background-clip: padding-box;}
div.scrollArea::-webkit-scrollbar-track {background-color:#f9f2f8;border-radius: 2px;}
.subTit {color: #222;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;background: url('/image/common/subTit.png') 0 center no-repeat;}
.subTit:first-child {margin-top: 0;}
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li,
ul.noBl, ul.noBl li,
ul.listNum, ul.listNum li,
ul.listNum_2, ul.listNum_2 li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li,
ul.listDot > li {position: relative; }
ul.listBar > li:first-child,
ul.listDot > li:first-child,
ul.noBl li:first-child,
ul.listNum li:first-child {margin-top:0;}
/*ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}*/
ul.listDot > li:before {position: absolute; display: block; left: 0;top: 10px; width: 3px;height: 3px;border-radius: 50%;background-color:#222;content:'';}
ul.listNum > li {list-style:decimal;}
ul.listNum_2 {counter-reset: number;}
ul.listNum_2 > li {position: relative;}
ul.listNum_2 > li:before {position: absolute; display: block; left: 0;top: 0;counter-increment: number 1;content: counter(number) ")";}
.pointTit:first-child,
.borderTit:first-child {margin-top: 0;}
ul.listBl, ul.listBl li {margin: 0;padding: 0;}
ul.listBl > li {list-style-position:inside;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.contents {padding: 15px;font-size: 14px;line-height: 22px;}
div.contents.wide {padding: 0;}
.subTit {margin: 30px 0 10px;padding-left: 20px;font-size: 18px;line-height: 30px;background-size: 15px;}
ul.listBar > li,
ul.listDot > li {padding-left: 8px; margin-top:5px;}
ul.noBl > li,
ul.listNum > li{margin-top: 5px;}
ul.listNum > li {margin-left: 15px;}
ul.listNum_2 > li {padding-left: 15px;}
ul.listNum_2 > li:before {font-size: 14px;line-height: 22px;}
.subTit,
.subTit_bl,
.pointTit {transform: skew(-0.1deg);}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.contents {width: 1400px;margin:0 auto; padding: 50px 0;font-size: 17px;line-height: 26px;}
.subTit {margin: 50px 0 10px;padding-left: 35px;font-size: 26px;line-height: 35px;}
ul.listBar > li,
ul.listDot > li {padding-left: 10px; margin-top:10px;}
ul.listNum_2 > li {padding-left: 20px;}
ul.listNum_2 > li:before {font-size: 17px;line-height: 26px;}
ul.noBl > li,
ul.listNum > li {margin-top: 10px;}
ul.listNum > li {margin-left: 20px;}
}
/* colArea */
div.colArea {display: grid;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.colArea:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.colArea.col2ea {grid-template-columns: repeat(2, 1fr);}
div.colArea.col3ea {grid-template-columns: repeat(3, 1fr);}
div.colArea.col4ea {grid-template-columns: repeat(4, 1fr);}
}
/* 동의 */
.agreeTit {padding: 20px 0 5px;color: #161616;}
.agreeCon {overflow-x:hidden;overflow-y:auto;background-color: #f4f4f4;box-sizing: border-box; }
.agreeCon::-webkit-scrollbar {-webkit-appearance: none;width: 5px;}
.agreeCon::-webkit-scrollbar-track {background-color: #b9b9b9;}
.agreeCon::-webkit-scrollbar-thumb {background-color: #3a3a3a;}
.agreeCon dt {color: #010000;font-family:'Pretendard-SemiBold', sans-serif;}
.agreeCon table.tblDef {border-top:2px solid #999999;}
.agreeCon table.tblDef > * > tr > * {background-color: #fff;color: #010000;}
.agreeCon table.tblDef th {text-align: center;font-family:'Pretendard-SemiBold', sans-serif;}
.agree {text-align: right;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
.agreeTit {font-size: 16px;}
.agreeCon {height: 220px;padding: 10px;}
.agreeCon p {padding-bottom: 10px;}
.agree {padding-top: 5px;}
.agree label {font-size: 13px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
.agreeTit {font-size: 18px;}
.agreeCon {height:180px;padding: 10px 20px 20px;font-size: 15px;}
.agreeCon p {padding-bottom: 15px;}
.agree {padding-top: 10px;}
.agree label {font-size: 15px;}
}
/***************** 레이어팝엇 *****************/
div.layerPopup {z-index: 200;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.layerPopup div.popupWrap {position: absolute;left: 50%;top: 50%;border-radius:20px;background-color: #fff;transform:translate(-50%, -50%);}
div.popupWrap {font-size: 17px;line-height: 30px;font-family:'Pretendard-Regular', sans-serif;}
div.popupWrap .close {position: absolute;}
div.popupWrap .close a,
div.popupWrap .close img {display: block;}
div.popupWrap .close a {background-color: #5f3f9b;border-radius: 50%;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.layerPopup div.popupWrap {width: 90%;}
div.popupWrap .close {top: -20px;right: -10px;}
div.popupWrap .close a {width: 40px;height: 40px;}
div.popupWrap .close a img {width: 100%;height: 100%;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.popupWrap .close {right: 0;top: 0;transform:translate(50%, -50%);}
div.popupWrap .close a {width: 75px;height: 75px;}
}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
table.rwTbl,
table.rwTbl tbody,
table.rwTbl tr,
table.rwTbl th, table.rwTbl td,
table.rwThead,
table.rwThead tbody,
table.rwThead tr,
table.rwThead th, table.rwThead td,
table.rwTrHead,
table.rwTrHead tbody,
table.rwTrHead tr,
table.rwTrHead th, table.rwTrHead td {display:block;}
table.rwTbl colgroup,
table.rwTbl col,
table.rwTbl thead,
table.rwThead colgroup,
table.rwThead col,
table.rwThead thead,
table.rwTrHead colgroup,
table.rwTrHead col,
table.rwTrHead thead {display:none;}
table.rwTbl th {padding:5px 10px;}
table.rwTbl td {padding:5px 0;}
table.rwTbl td {border-left: 0 none;}
table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:35px;box-sizing:border-box;}
table.rwTbl textarea {height:150px;}
table.rwTbl th label,
table.rwTbl th span {line-height:22px;}
table.rwThead {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}
table.rwTbl > tbody tr,
table.rwThead > tbody tr {overflow:hidden;}
table.rwTbl .multi {}
table.rwTbl .multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.rwTbl input.inputW {width: calc(100% - 100px);}
table.rwTbl input.inputW + label {clear: both;margin-left: 0;margin-top: 5px;}
table.rwTbl input.inputW + label + input[type=text] {margin-top: 5px;}
table.rwTbl .address input[type=text] {width: 100% !important;margin-left: 0;}
table.rwTbl .address input[type=text]:first-child {width: calc(100% - 105px) !important;}
table.rwTbl ul.option input[type=radio],
table.rwTbl ul.option input[type=checkbox] {top: 12px;}
table.rwTbl ul.option.col > li {float: none;width: 100%;margin-top: 5px;}
table.rwTbl ul.option.col input[type=text] {width: calc(100% - 100px);}
table.inputTbl.rwTbl th br {display: none;}
table.inputTbl.rwTbl table.innerTbl tr {overflow: hidden;}
table.inputTbl.rwTbl table.innerTbl tr > * {float: left;box-sizing:border-box;}
table.inputTbl.rwTbl table.innerTbl tr:first-child > *:nth-child(1),
table.inputTbl.rwTbl table.innerTbl tr:first-child > *:nth-child(2) {border-bottom: 1px solid #d2d2d2;}
table.inputTbl.rwTbl table.innerTbl th {clear: both;width: 30%;border-left: 0 none;border-right: 1px solid #d2d2d2;}
table.inputTbl.rwTbl table.innerTbl th label {display: inline-block;line-height: 35px;}
table.inputTbl.rwTbl table.innerTbl td {width: 70%;}
table.rwTbl td.agree .fwBold {text-align: left;}
table.rwTbl td.agree label {display: inline;}
table.rwTrHead td {padding:0 0 10px;border-left:0 none;}
table.rwTrHead td:before {display:block;padding:7px 0 9px;margin-bottom:10px;content:attr(data-thead);font-weight:bold;text-align:center;background-color:#16478e;color:#fff;}
div.tableScroll {overflow-x:scroll;overflow-y:hidden;padding-bottom: 10px !important;}
div.tableScroll::-webkit-scrollbar {-webkit-appearance: none; height:3px !important;background-color: #eee;}
div.tableScroll::-webkit-scrollbar-thumb {background-color: #515151;}
div.tableScroll > table.tblDef {min-width:820px;margin-top: 0 !important;}
div.tableScroll p.note {padding-top: 5px;line-height: 1.2;font-size: 0.9em;font-style: italic;color: #000;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
}
/* 서브메뉴관련 css */
.col2ea > li {width: 50%;}
.col3ea > li {width: 33.33%;}
.col4ea > li {width: 25%;}
.col5ea > li {width: 20%;}
.col9ea > li {width: 11.11%;}
.col10ea > li {width:10%;}
ul.subMenu, ul.subMenu li,
ul.tabMenu, ul.tabMenu li {margin: 0; padding: 0; list-style: none; }
ul.subMenu,
ul.tabMenu {overflow: hidden;}
ul.subMenu li,
ul.tabMenu li {float: left;}
ul.subMenu li a,
ul.tabMenu li a {display:table-cell; vertical-align:middle; text-align: center; text-decoration: none; color: #757575; border: 1px solid #dcdcdc; border-left: 0 none;box-sizing: border-box; }
ul.subMenu li:first-child a,
ul.tabMenu li:first-child a {border-left: 1px solid #cbcbcb;}
ul.subMenu li.on a,
ul.tabMenu li.on a {background-color: #3f417d; border-color: #3f417d; color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}
/* Mobile : ~ width:960px */
@media all and (max-width: 960px) {
ul.subMenu {margin-bottom: 20px;}
ul.subMenu li a,
ul.tabMenu li a {width: 1000px;padding: 10px 5px;height: 40px;font-size: 14px;}
dl.rwMenu ul.subMenu li a {width: 100%;}
ul.list_bl li::before {top:9px;}
p.onlyPc {padding: 100px 0; text-align: center;}
ul.option.col2ea li,
ul.option.col3ea li,
ul.option.col4ea li {width: 100%;}
}
/* PC : width:961px ~ */
@media all and (min-width: 960px) {
ul.subMenu {width: 1400px;margin:0 auto 50px; }
ul.subMenu li a,
ul.tabMenu li a {width:5000px;height: 60px;font-size: 18px;}
ul.subMenu li.on a,
ul.tabMenu li.on a {font-size: 20px;}
ul.list_bl li::before {top:9px;}
.col2ea > li,
.col3ea > li,
.col4ea > li,
.col5ea > li {float: left;}
}
/* 토글메뉴 예제소스 */
.toggleMenu{position: relative; margin: 20px 0 10px; width: 200px;}
.toggleMenu .trigger{display:block; padding: 15px 10px; font-size: 16px; border:1px solid #ccc;}
.toggleMenu .toggleCon{position: absolute; top:56px; left:0; border:1px solid #ccc; border-top: 0 none; width: 100%; background: #fff;}
.toggleMenu ul{overflow: hidden;}
.toggleMenu li{padding: 10px;}
.toggleMenu a{text-decoration: none;color: #000;}
.toggleMenu a i{position: absolute;top:50%; right:20px; margin-top: -7px;}
/* 공통 */
.subTit_bl { background:url('/image/common/subTit_bl.png') no-repeat left center; color: #a8579e;font-family: 'Pretendard-SemiBold', sans-serif;}
.subTit_ul {display:inline-block; margin-top:40px; padding-bottom:10px; border-bottom:5px solid #6b36b2; font-size:24px; font-weight:bold; color:#605496;}
.subTit_ul:first-child {margin-top:0;}
.pointTit {font-weight: normal;font-family: 'ImcreSoojin', sans-serif;color: #872375;line-height: 1;}
.pointTit > span.smallTit {display: block;color:#303030;font-family: 'Pretendard-Bold', sans-serif;}
.listBar li {position: relative;}
.listBar li:before {position: absolute; display: block; left: 0;top: 0; content:'-';}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
.subTit_bl {padding-left:20px; margin:25px 0 10px; font-size:18px;background-size:13px auto;}
.subTit_ul {margin-top:20px; padding-bottom:5px; font-size:20px; border-bottom:3px solid #605496;}
.pointTit {margin:25px 0 10px;font-size:20px;}
.pointTit > span.smallTit {padding-top: 10px;font-size: 14px}
.listBar li {padding-left: 5px;}
.listBar li:before {font-size: 14px;line-height: 22px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
.subTit_bl {padding-left:30px; margin:30px 0 10px; font-size:20px;}
.pointTit {margin:30px 0 10px;font-size: 35px;}
.pointTit > span.smallTit {padding-top: 10px;font-size: 24px}
.listBar li {padding-left: 10px;}
.listBar li:before {font-size: 17px;line-height: 26px;}
}
/* 센터소개 > 인사말 */
div.welcome {}
div.welcome h3 {font-family: 'ImcreSoojin', sans-serif;color: #872375;font-weight: normal;transform: skew(-0.1deg);}
div.welcome p.sign {text-align: right;font-size: 0;line-height: 0;}
div.welcome p.sign > * {display: inline-block;vertical-align: top;}
div.welcome p.sign span {font-family: 'Pretendard-SemiBold', sans-serif;line-height: 1;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.welcome div.decorateTxt {height: 120px;margin-top: 20px;background: url('/image/sub/welcome_bg_m.png') no-repeat top left, url('/image/sub/welcome_bg2_m.png') no-repeat top right, #fffaff;background-size:auto 120px, auto 120px;box-sizing: border-box; }
div.welcome h3 {position: relative;height: 120px;padding: 44px 5px 0 100px;font-size: 20px;line-height: 25px;letter-spacing: -1px;text-align: left;box-sizing: border-box; }
div.welcome h3:before {z-index: -1;position: absolute; display: block; left: 0;bottom: 0; width: 120px;height: 150px;background:url('/image/sub/welcome_bg3_m.png') no-repeat left bottom;background-size:auto 100%;content:'';}
div.welcome p {margin-top: 15px;}
div.welcome p.sign img {height: 30px;}
div.welcome p.sign span {padding: 14px 0 0 5px;font-size: 15px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.welcome div.decorateTxt {padding: 66px 0 40px 420px;background:url('/image/sub/welcome_bg.png') no-repeat center bottom;}
div.welcome h3 {padding: 35px 0 0;font-size: 40px;line-height: 48px;}
div.welcome div.decorateTxt p {color: #482241;padding: 0;font-size: 18px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;}
div.welcome p {margin-top: 25px;}
div.welcome p.sign span {padding: 37px 0 0 10px;font-size: 20px;}
}
/* 일정표 */
div.calendarUtil {position: relative;}
div.calendarUtil h3 {position: relative;margin: 0 auto;color: #111;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}
div.calendarUtil h3 a {position: absolute;display: block;top: 50%; transform: translateY(-50%); }
div.calendarUtil a.prev {left: 0;}
div.calendarUtil a.next {right: 0;}
div.calendarUtil div {position: absolute;margin: 0;}
div.calendarUtil div a {display: block;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;font-weight: bold;}
div.calendarUtil div.today a {border:2px solid #1eacce;}
div.calendarUtil div.admin {right: 0;}
table.calendar, div.calendar > div.scrollArea {border-top:2px solid #a53f93;}
div.calendar:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.calendar th, table.calendar td {color: #6a6a6a;border-bottom: 1px solid #e9ecf0;font-family: 'Pretendard-Medium', sans-serif;text-align: center;box-sizing: border-box; }
table.calendar th {position: relative;background-color: #f9f2f8;}
table.calendar th:before {position: absolute; display: block; left: 0;top: 50%; transform: translateY(-50%);width: 1px;height: 15px;background-color: #d3afce; content:'';}
table.calendar th:first-child:before {display: none;}
table.calendar td {position: relative;border-left:1px solid #e9ecf0;}
table.calendar td:first-child {border-left: 0 none;}
table.calendar .sun {color: #e61b1b;}
table.calendar .sat {color: #2197f1;}
table.calendar span,
table.calendar a {position: relative;display: block;margin: 0 auto;vertical-align: top;box-sizing:border-box;}
table.calendar a:before {position: absolute;left: 50%; transform: translateX(-50%); border-radius:50%;content: "";background-color: #1b9ee1;}
table.calendar .today span {display: block;border-radius:50%;background-color: #f1fdff;border:1px solid #c9e5ea;box-shadow: 0 0 5px 1px rgba(188, 183, 169, 0.4);}
table.calendar .today:before {z-index: 1;position: absolute; display: block; left: 50%; transform: translateX(-50%); content:"Today";color: #2790a4;line-height: 1;font-family: 'Pretendard-SemiBold', sans-serif;}
div.calendar > div.scrollArea::-webkit-scrollbar-button:start:decrement,
div.calendar > div.scrollArea::-webkit-scrollbar-button:end:increment {display: block;background-color:#fff;}
ul.scheduleList, ul.scheduleList li {margin: 0;padding: 0;list-style:none;}
ul.scheduleList li {position: relative;border-bottom:1px solid #d8d8d8;}
ul.scheduleList a,
ul.scheduleList span {display: block;color: #3d3d3d;text-decoration: none;}
ul.scheduleList span.dayInfo {font-family: 'Pretendard-SemiBold', sans-serif;}
ul.scheduleList span.tit {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul.scheduleList a.home {position: absolute;top: 50%; transform: translateY(-50%);}
div.calendar div.noData {color: #8d4a83;border:1px solid #d8c2d5;background-color: #f9f2f8;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;}
div.calendar div.noData img {padding-right: 10px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.calendarUtil {margin-bottom: 10px;}
div.calendarUtil h3 {width: 40%;font-size: 20px;line-height: 30px;}
div.calendarUtil h3 a {width: 10px;height: 17px;}
div.calendarUtil h3 a img {display: block;width: 100%;height: 100%;}
div.calendarUtil div.today {top: 0;left: 0;}
div.calendarUtil div.today a {height: 30px;line-height: 19px;}
div.calendarUtil div.admin {display: none;}
table.calendar th {height: 35px;font-size: 16px;}
table.calendar td {height: 45px;font-size: 12px;}
table.calendar a:before {top: 3px;width: 5px;height: 5px;}
table.calendar a,
table.calendar span {width: 35px;height: 35px;padding: 15px 0 5px;line-height: 1;}
table.calendar .today:before {top: 4px;font-size: 8px;}
div.calendar > div.scrollArea {margin-top: 30px;height: 364px;}
ul.scheduleList li {padding:0 40px 0 10px;}
ul.scheduleList a:first-child {padding: 13px 0;}
ul.scheduleList span.dayInfo {padding-bottom: 5px;font-size: 15px;line-height: 1;}
ul.scheduleList span.tit {font-size: 14px;}
ul.scheduleList a.home {right: 7px;}
ul.scheduleList a.home,
ul.scheduleList a.home img {width: 30px;height: 30px;}
div.calendar div.noData {margin-top: 20px;padding: 15px 0;font-size: 15px;line-height: 31px;border-radius: 5px;}
div.calendar div.noData img {width: 30px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.contents div.calendarUtil {width: 1400px;margin:30px auto 0;padding: 105px 0 60px;background:url('/image/sub/cal_char.png') no-repeat top left 100px;}
div.calendarUtil h3 {width: 250px;font-size: 45px;line-height: 50px;}
div.calendarUtil h3 a {width: 13px;height: 20px;}
div.calendarUtil div {top: 105px;}
div.calendarUtil div a {border-radius: 25px;width: 130px;height: 50px;line-height: 28px;font-size: 18px;}
div.calendarUtil div.today {left: 0;}
div.contents div.calendar {position: relative;width: 1400px;margin:0 auto; padding: 0 490px 50px 0; box-sizing: border-box; }
table.calendar th {height: 67px;font-size: 20px;}
table.calendar td {height: 100px;font-size: 14px;}
table.calendar a:before {top: 10px;width: 7px;height: 7px;}
table.calendar a,
table.calendar span {width: 60px;height: 60px;padding: 20px 0 10px;}
table.calendar .today span {}
table.calendar .today:before {top: 30px;font-size: 11px;}
div.calendar > div.scrollArea {position: absolute;right: 0;top: 0;width: 460px;height: 569px;box-sizing:border-box;}
ul.scheduleList li {padding:0 85px 0 15px;}
ul.scheduleList a,
ul.scheduleList span {line-height: 20px;}
ul.scheduleList a:first-child {padding: 20px 0;}
ul.scheduleList span.dayInfo {padding-bottom: 10px;font-size: 24px;line-height: 1;}
ul.scheduleList span.tit {font-size: 18px;}
ul.scheduleList a.home {right: 15px;height: 48px;width: 48px;}
ul.scheduleList a.home:hover img {display: none;}
ul.scheduleList a.home:hover {background:url('/image/sub/cal_home_on.png') no-repeat center top;}
div.calendar div.noData {position: absolute;right: 0;top: 0;width: 460px;padding: 25px 0;font-size: 19px;line-height: 44px;border-radius: 10px;}
div.calendar div.noData:after {position: absolute; display: block; right: 0;bottom: -30px;width: 93px;height: 78px;background:url('/image/sub/cal_bg2.png') no-repeat center top;content:'';}
}
/* 팝업 > 스케쥴 */
div#popupSchedule {box-sizing: border-box; }
div#popupSchedule a.file {display: block;}
div#popupSchedule div.popupCon td.wide {overflow-x:hidden;overflow-y:auto;}
div#popupSchedule div.btn {text-align: center;}
div#popupSchedule div.popupCon > div::-webkit-scrollbar {width: 5px;}
div#popupSchedule div.popupCon > div::-webkit-scrollbar-thumb {background-color: #a53f93;border-radius: 2px;background-clip: padding-box;}
div#popupSchedule div.popupCon > div::-webkit-scrollbar-track {background-color:#f9f2f8;border-radius: 2px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div#popupSchedule div.popupCon {padding: 25px 15px;}
div#popupSchedule div.scrollArea {max-height: 330px;padding-right: 8px;}
div#popupSchedule table.tblDef th {padding: 7px 5px;font-size: 15px;}
div#popupSchedule table.tblDef td {padding: 7px 5px;font-size: 14px;line-height: 20px;}
div#popupSchedule a.btnDef, div#popupSchedule a.btnDel {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div#popupSchedule {width: 700px;}
div#popupSchedule div.popupCon {padding: 40px;}
div#popupSchedule div.scrollArea {max-height: 400px;padding-right: 10px;}
div#popupSchedule div.popupCon td.wide {height: 60px;}
div#popupSchedule a.file {font-size: 14px;}
}
/* photoGallery */
div.photoGallery {}
ul.photoGallery, ul.photoGallery li {margin: 0; padding: 0; list-style: none; }
ul.photoGallery {display: grid;}
ul.photoGallery li {position: relative;overflow-x: auto;}
ul.photoGallery li > a {position: relative;display: block;border:1px solid #ccc;}
ul.photoGallery li > a > span {display: block;width: 100%;box-sizing: border-box; }
ul.photoGallery span.thumb {border-bottom:1px solid #ccc;background:url('/image/sub/photo_thumb.png') no-repeat center center #f9f9f9;overflow: hidden;}
ul.photoGallery span.thumb img {display: block;width: 100%;height: 100%;}
ul.photoGallery span.tit {color: #161616;font-family: 'Pretendard-SemiBold', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
ul.photoGallery span.dayInfo {color: #161616;text-align: right;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
ul.photoGallery {grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
ul.photoGallery li > a {border-radius: 5px;}
ul.photoGallery span.thumb {min-height: 180px;border-radius: 5px;background-size:auto 100px;}
ul.photoGallery span.tit {padding: 10px;font-size: 14px;}
ul.photoGallery span.dayInfo {padding: 0 10px 10px;font-size: 13px;}
ul.photoGallery span.admin {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.photoGallery {width: 1400px;margin:0 auto; grid-template-columns: repeat(3, 1fr); gap: 50px;}
ul.photoGallery li > a {border-radius: 10px;}
ul.photoGallery span.thumb {height: 280px;border-radius: 10px;}
ul.photoGallery span.tit {padding: 20px;font-size: 18px;}
ul.photoGallery span.dayInfo {padding: 0 20px 20px;font-size: 13px;}
ul.photoGallery span.admin {position: absolute;font-size: 0;line-height: 0;width: 132px;height: 27px;top: 20px;right: 20px;}
ul.photoGallery span.admin > * {display:inline-block; vertical-align: top;box-sizing: border-box;}
ul.photoGallery span.admin select {width: 65px;height: 27px;border:1px solid #7d7d7d;border-radius: 3px; background-color: #fff;}
ul.photoGallery span.admin a {width: 27px;height: 27px;margin-left: 6px;}
ul.photoGallery span.admin a.modify {background-color: #fff;border:1px solid #7d7d7d;}
ul.photoGallery span.admin a.delete {background-color: #7d7d7d;}
div.noResult {padding: 58px 0;}
}
/* photoGallery > view */
div.photoView {position: relative;margin:0 auto; background-color:#000;}
div.photoView img {display: block;height: 100%;margin: 0 auto;}
div.photoList ul, div.photoList li, div.photoList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.photoList {position: relative;}
div.photoList a, div.photoList img {display: block;}
div.photoList ul {overflow: hidden;}
div.photoList li {width: auto !important;height: auto;}
div.photoList li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.photoList div.pager {position: absolute;color: #828282;font-family: 'Pretendard-Regular', sans-serif;}
div.photoList div.pager span {color: #a53f93;font-family: 'Pretendard-Bold', sans-serif;font-weight: bold;}
div.photoList a.bx-prev,
div.photoList a.bx-next {position: absolute;font-size: 0;line-height: 0;border: 1px solid #e5e5e5;}
div.photoList a.bx-prev:after,
div.photoList a.bx-next:after {display: block;color: #9a9a9a;text-align: center;font-family: "Font Awesome 5 Free";font-weight: bold;}
div.photoList a.bx-prev:after {content: "\f053";}
div.photoList a.bx-next:after {content: '\f054';}
div.bbsView table.list td {text-align: left;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.photoView {margin: 30px auto 0;}
div.photoList {padding: 55px 0 15px;}
div.photoList > ul {width: 100%;}
div.photoList img {width: 70px;}
div.photoList div.pager {top: 10px;right: 80px;font-size: 15px;line-height: 30px;}
div.photoList a.bx-prev,
div.photoList a.bx-next {top: 10px;width: 30px;height: 30px;border-radius: 3px;}
div.photoList a.bx-prev {right: 35px;}
div.photoList a.bx-next {right: 0;}
div.photoList a.bx-prev:after,
div.photoList a.bx-next:after {width: 30px;line-height: 30px;font-size: 14px;}
div.bbsView .btnDef, div.bbsView .btnDel {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.photoView {width: 800px;margin: 45px auto 0;}
div.photoList {width: 800px;padding: 40px 0;margin:0 auto; }
div.photoList ul {height: 85px;margin:0 auto; }
div.photoList li,
div.photoList img {width: 140px !important;height: 85px;}
div.photoList div.pager {right: 0;bottom: 0;width: auto;text-align: center;font-size: 25px;line-height: 1;}
div.photoList a.bx-prev,
div.photoList a.bx-next {top: 50%; transform: translateY(-50%); width: 60px;height: 60px;border-radius: 5px;}
div.photoList a.bx-prev {left: 0;}
div.photoList a.bx-next {right: 0;}
div.photoList a.bx-prev:after,
div.photoList a.bx-next:after {width: 60px;line-height: 60px;font-size: 22px;}
div.bbsCon {margin-bottom: 20px;padding: 30px 20px;line-height: 35px;}
}
/* 카드뉴스 > list */
div.news {}
ul.newsList, ul.newsList li {margin: 0; padding: 0; list-style: none; }
ul.newsList {display: grid; }
ul.newsList li {border:1px solid #ccc;overflow-x:auto;}
ul.newsList li > a,
ul.newsList li span {display: block;}
ul.newsList li > a {position: relative;background-color: #f9f9f9;}
ul.newsList span.thumb {border-bottom:1px solid #ccc; background: url('/image/sub/photo_thumb.png') no-repeat center center #fff;overflow: hidden;}
ul.newsList span.thumb img {display: block;width: 100%;height: 100%;}
ul.newsList span.tit {color: #161616;font-family: 'Pretendard-SemiBold', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
ul.newsList span.dayInfo,
ul.newsList span.source {color: #161616;}
ul.newsList span.source {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: right;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
ul.newsList {grid-template-columns: repeat(2, 1fr); gap: 10px;}
ul.newsList li,
ul.newsList li > a {border-radius: 5px;}
ul.newsList span.thumb {min-height: 100px;border-radius: 5px;background-size:auto 80px;}
ul.newsList span.tit {padding: 10px;font-size: 14px;}
ul.newsList span.dayInfo,
ul.newsList span.source {padding: 0 10px;font-size: 12px;text-align: right;}
ul.newsList span.admin {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.newsList {grid-template-columns: repeat(3, 1fr); gap: 50px;}
ul.newsList li {border-radius: 10px; position:relative}
ul.newsList span.thumb {height: 430px;border-radius: 10px;}
ul.newsList span.tit {padding: 20px 20px 60px;font-size: 18px;}
ul.newsList span.dayInfo,
ul.newsList span.source {position: absolute;font-size: 14px;bottom: 20px;}
ul.newsList span.dayInfo {left: 20px;}
ul.newsList span.source {width: 190px;right: 20px;}
ul.newsList span.admin {position: absolute;font-size: 0;line-height: 0;width: 132px;height: 27px;top: 20px;right: 20px;}
ul.newsList span.admin > * {display:inline-block; vertical-align: top;box-sizing: border-box;}
ul.newsList span.admin select {width: 65px;height: 27px;border:1px solid #7d7d7d;border-radius: 3px; background-color: #fff;}
ul.newsList span.admin a {width: 27px;height: 27px;margin-left: 6px;}
ul.newsList span.admin a.modify {background-color: #fff;border:1px solid #7d7d7d;}
ul.newsList span.admin a.delete {background-color: #7d7d7d;}
div.newsList div.noResult {padding: 58px 0;}
}
/* 카드뉴스 > view */
div.newsPhoto {position: relative;}
div.newsPhoto ul, div.newsPhoto li {margin: 0; padding: 0; list-style: none; }
div.newsPhoto ul {overflow:hidden; }
div.newsPhoto ul:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.newsPhoto li {float: left;}
div.newsPhoto img {display: block;width: 100%;height: 100%;}
div.newsPhoto .swiper-container {position: static;}
div.newsPhoto .swiper-pager {text-align: center;color: #828282;font-family: 'Pretendard-Thin', sans-serif;}
div.newsPhoto .swiper-pager .current {color: #a53f93;font-family: 'Pretendard-Bold', sans-serif;font-weight: bold;}
div.newsPhoto .swiper-btns > * { border-radius: 50%;border:1px solid #ebebeb;background-color: #fff;}
div.newsPhoto .swiper-btns > *:after {position: absolute;left: 50%; top: 50%; font-size: 0;border:2px solid #9a9a9a;border-top: 0;border-left: 0;box-sizing: border-box;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.bbsView dl.bbsBrief {margin-bottom: 20px;}
div.newsPhoto .swiper-btns > * {width: 30px;height: 30px;bottom: 0;top: auto;}
div.newsPhoto .swiper-btns > *:after {width: 10px;height: 10px;margin: -5px 0 0 -8px; }
div.newsPhoto .swiper-btns .swiper-button-prev:after {transform: rotate(-225deg);margin-left: -5px;}
div.newsPhoto .swiper-btns .swiper-button-next:after {transform: rotate(-45deg);margin-left: -8px;}
div.newsPhoto .swiper-pager {padding-top: 30px;line-height: 30px;}
div.newsPhoto .swiper-pager .current {font-size: 18px;}
div.news .btnDef, div.news .btnDel {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.bbsView dl.bbsBrief {margin-bottom: 30px;}
div.newsPhoto {width: 830px;margin:0 auto; padding: 0 109px;box-sizing: border-box;}
div.newsPhoto .swiper-container,
div.newsPhoto div.imgArea {width: 600px !important;}
/*div.newsPhoto div.imgArea {height: 500px;}*/
div.newsPhoto .swiper-btns > * {width: 60px;height: 60px;top: 50%; transform: translateY(-50%);}
div.newsPhoto .swiper-btns > *:after {width: 15px;height: 15px;margin: -8px 0 0 -8px; }
div.newsPhoto .swiper-btns .swiper-button-prev {left: 0;}
div.newsPhoto .swiper-btns .swiper-button-prev:after {transform: rotate(-225deg);margin-left: -5px;}
div.newsPhoto .swiper-btns .swiper-button-next {right: 0;}
div.newsPhoto .swiper-btns .swiper-button-next:after {transform: rotate(-45deg);margin-left: -10px;}
div.newsPhoto .swiper-pager {width: 600px;padding-top: 20px;line-height: 1;}
div.newsPhoto .swiper-pager .current {font-size: 27px;}
}
/* 팝업 > 비밀번호 찾기 */
div#popupPWcheck {background:url('/image/sub/popup_pwFind_bg.png') no-repeat right bottom #fff;text-align: center;}
div#popupPWcheck div.formArea {position: relative;margin:0 auto; }
div#popupPWcheck input[type=password] {width: 100%;display: block;border:1px solid #a53f93;background-color: #fff;}
div#popupPWcheck input[type=submit] {display: block;position: absolute;right: 0;top: 0;background-color: #a53f93;color: #fff;border: 0 none;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;}
div#popupPWcheck p {color: #494949;font-family: 'Pretendard-Regular', sans-serif;}
div#popupPWcheck p:first-of-type {font-weight: normal;font-family: 'Pretendard-Regular', sans-serif;background:url('/image/sub/popup_pwFind.png') no-repeat center top;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div#popupPWcheck {border-radius: 25px 10px 25px 10px;background-size:auto 180px;}
div#popupPWcheck div.popupCon {padding: 20px;}
div#popupPWcheck div.formArea {width: 100%;}
div#popupPWcheck input[type=password] {height: 40px;padding: 0 80px 0 10px;border-radius: 20px;}
div#popupPWcheck input[type=submit] {width: 70px;font-size: 15px;line-height: 40px;border-radius: 20px;}
div#popupPWcheck p {padding-top: 20px;font-size: 14px;line-height: 20px;}
div#popupPWcheck p:first-of-type {padding: 50px 0 20px;font-size: 18px;line-height: 28px;background-size:40px;letter-spacing: -0.5px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div#popupPWcheck {width: 800px;height: 420px;border-radius: 50px 20px 50px 20px;}
div#popupPWcheck div.popupCon {padding: 50px;}
div#popupPWcheck div.formArea {width: 445px;}
div#popupPWcheck input[type=password] {height: 55px;padding: 0 125px 0 20px;border-radius: 28px;}
div#popupPWcheck input[type=submit] {width: 116px;font-size: 19px;line-height: 55px;border-radius: 28px;}
div#popupPWcheck p {padding-top: 30px;font-size: 15px;}
div#popupPWcheck p:first-of-type {padding: 100px 0 40px;font-size: 24px;line-height: 35px;}
}
/* 온라인 상담 > 답변 */
div.reply {background-image: url('/image/common/bbs_re.png');background-color:#f5f5f5;background-repeat: no-repeat;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.reply {margin: 0 10px 20px;padding: 15px 15px 15px 35px;border-radius: 5px;background-position:center left 10px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.reply {margin: 0 20px 30px;padding: 30px 30px 30px 100px;border-radius: 10px;background-position:center left 45px;background-size:17px 19px;}
}
/* 의뢰서 */
div.postform {}
div.postform div.btn {text-align: center;}
div.postform div.btn * {text-align:left;background-repeat: no-repeat;}
div.postform div.btn input[type=submit] {background-image:url('/image/sub/btn_ok.png');}
div.postform div.btn input[type=reset] {background-image:url('/image/sub/btn_cancel.png');}
div.notice {background-color:#fff9fe;color: #872375;font-family: 'ImcreSoojin', sans-serif;box-sizing: border-box; }
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.postform .bdLeft {border-left: 0 none !important;}
div.postform div.ar {padding-top: 5px;}
div.postform div.btn * {width: 90px;border-radius: 5px;background-position:center right 10px;background-size:10px 10px;}
div.notice {padding: 20px 0;margin-bottom:30px;text-align: center;font-size: 18px;line-height: 26px;transform: skew(-0.1deg);}
div.notice span {padding: 10px;background:url('/image/sub/notice_01.png') no-repeat left top, url('/image/sub/notice_02.png') no-repeat right bottom;background-size:auto 20px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.postform div.ar {padding-top: 10px;}
div.postform div.btn * { border-width:2px;border-radius: 10px;background-position:center right 20px;}
div.notice {height: 227px;margin-bottom: 50px;padding: 75px 0 0 510px;font-size: 28px;line-height: 40px;background-image:url('/image/sub/notice_bg.png'), url('/image/sub/notice_01.png'), url('/image/sub/notice_02.png'); background-repeat: no-repeat;background-position: 0 0, left 486px top 48px, right 130px bottom 60px;border-radius: 50px 0 50px 0;}
}
/* 교육·행사 참여 신청 */
div.edu {}
ul.eduList, ul.eduList li {margin: 0; padding: 0; list-style: none; }
ul.eduList {display: grid;}
ul.eduList li {position: relative;border:1px solid #ccc;overflow-x: auto;}
ul.eduList div.scrollArea {box-sizing: border-box;border-bottom:1px solid #d8d8d8; }
ul.eduList dt {color: #161616;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.eduList dd {text-align: left;}
ul.eduList dd span {display: block;}
ul.eduList div.apply {text-align: center;}
ul.eduList div.apply {color: #161616;letter-spacing: -1px;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.eduList div.apply * {display: inline-block;vertical-align: top;margin-left: 10px;background-color: #21acce;color: #fff;}
ul.eduList div.apply.end {color: #d9d9d9;}
ul.eduList div.apply.end span {background-color: #d5dcde;}
ul.eduList div.thumb {position: relative;background:url('/image/common/thumb.png') no-repeat center center #f9f9f9;border-bottom:1px solid #ccc;}
ul.eduList div.thumb a {display: block;height: 100%;}
ul.eduList div.thumb img {display: block;width: 100%;height: 100%;object-fit:cover;}
ul.eduList div.thumb:before {position: absolute;display: block;left: 0;top: 0;color: #fff;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;content:attr(pub-category);}
ul.eduList div.thumb.typeA:before {background-color: #27ad5d;}
ul.eduList div.thumb.typeB:before {background-color: #f37436;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.bbsSearch.edu {padding: 0;margin: 15px;}
ul.eduList {padding: 0 15px;}
ul.eduList {grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
ul.eduList li {border-radius: 5px;}
ul.eduList div.thumb:before {width: 50px;height: 30px;font-size: 13px;line-height: 30px;border-radius: 5px 0 5px 0;}
ul.eduList div.thumb {min-height: 180px;border-radius: 5px 5px 0 0;}
ul.eduList div.scrollArea {height: 270px;margin: 15px 15px 0;}
ul.eduList dt {padding-bottom: 3px;font-size: 15px;}
ul.eduList dd + dt {padding-top: 8px;}
ul.eduList dd {font-size: 13px;}
ul.eduList div.apply {padding: 15px;font-size: 16px;line-height: 35px;}
ul.eduList div.apply * {width: 90px;font-size: 14px;line-height: 35px;border-radius: 5px;}
ul.eduList div.admin {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.eduList {width: 1400px;margin:0 auto; grid-template-columns: repeat(3, 1fr); gap: 50px;}
ul.eduList li {border-radius: 10px;}
ul.eduList div.thumb:before {width: 90px;height: 40px;font-size: 16px;line-height: 40px;border-radius: 5px 0 5px 0;}
ul.eduList div.thumb {height: 230px;border-radius: 10px 10px 0 0;}
ul.eduList div.thumb img {border-radius: 10px 10px 0 0;}
ul.eduList div.scrollArea {height: 315px;margin: 40px 40px 0;}
ul.eduList dt {padding-bottom: 5px;font-size: 18px;}
ul.eduList dd + dt {padding-top: 10px;}
ul.eduList dd {font-size: 16px;}
ul.eduList div.apply {padding: 35px;font-size: 18px;line-height: 50px;}
ul.eduList div.apply * {width: 125px;font-size: 18px;line-height: 50px;border-radius: 5px;}
ul.eduList .admin {position: absolute;font-size: 0;line-height: 0;width: 132px;height: 27px;top: 13px;right: 13px;}
ul.eduList .admin > * {display:inline-block; vertical-align: top;box-sizing: border-box;}
ul.eduList .admin select {width: 65px;height: 27px;border:1px solid #7d7d7d;border-radius: 3px; background-color: #fff;}
ul.eduList .admin a {width: 27px;height: 27px;margin-left: 6px;}
ul.eduList .admin a.modify {background-color: #fff;border:1px solid #7d7d7d;}
ul.eduList .admin a.delete {background-color: #7d7d7d;}
ul.eduList + div.btn + ul.pager {padding-bottom: 50px;}
}
/* 교육·행사 참여 신청 > view */
dl.eduItem dt {position: relative;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;color: #282828;}
ul.eduInfo, ul.eduInfo li {margin: 0; padding: 0; list-style: none; }
ul.eduInfo li {position: relative;color: #595959;}
dl.eduItem dt span,
ul.eduInfo span {position: absolute;left: 0;top: 0;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}
dl.eduItem dt span {color: #fff;}
dl.eduItem dt span.tyepB {background-color: #f37436;}
dl.eduItem dt span.tyepA {background-color: #27ad5d;}
ul.eduInfo span {background-color: #e0e0e0;color: #595959;}
div.poster {background-color: #e5e5e5;}
div.poster img {display: block;height: 100%;margin:0 auto; }
div.edu div.mapArea {border:1px solid #ccc;}
div.eduView table.tblDef > * > tr > * {text-align: center;}
div.eduView table.tblDef a.cancel {background-color: #696969;color: #fff;padding: 5px 10px;border-radius: 3px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
dl.eduItem {padding: 15px 15px 0;}
dl.eduItem dt,
ul.eduInfo li {min-height:35px;padding-left: 75px;}
dl.eduItem dt {font-size: 20px;line-height: 27px;}
ul.eduInfo li {margin-top: 5px;padding-top: 5px;font-size: 14px;line-height: 20px;}
dl.eduItem dt span,
ul.eduInfo span {width: 70px;height: 30px;margin-right: 5px;line-height: 30px;border-radius: 15px;}
dl.eduItem dt span {font-size: 16px;}
ul.eduInfo span {font-size: 14px;}
div.eduView ul.attachment {margin: 20px 0 0;}
div.eduView + div.btn {margin-top: 0;}
div.eduView + div.btn a.btnDef,
div.eduView + div.btn a.btnDisable,
div.eduView + div.btn span {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
dl.eduItem {width: 1400px;margin:0 auto;padding: 50px 0 0; }
dl.eduItem + div.eduView {padding: 20px 0 0 ;}
dl.eduItem dt,
ul.eduInfo li {padding-left: 100px;}
dl.eduItem dt {font-size: 25px;line-height: 35px;}
ul.eduInfo li {margin-top: 10px;font-size: 15px;line-height: 35px;}
dl.eduItem dt span,
ul.eduInfo span {width: 90px;height: 35px;margin-right: 10px;line-height: 35px;border-radius: 17px;}
dl.eduItem dt span {font-size: 18px;}
ul.eduInfo span {font-size: 15px;}
div.poster {width: 1200px;-height: 200px;margin:0 auto;}
div.eduView ul.attachment {margin: 30px 0 0;}
}
/* 이벤트 */
div.event {}
ul.eventList, ul.eventList li {margin: 0; padding: 0; list-style: none; }
ul.eventList {display: grid;}
ul.eventList li {position: relative;overflow-x: auto;}
ul.eventList li > a {position: relative;display: block;border:1px solid #ccc;}
ul.eventList li > a > span {display: block;width: 100%;box-sizing: border-box; }
ul.eventList span.thumb {border-bottom:1px solid #ccc;background:url('/image/sub/photo_thumb.png') no-repeat center center #f9f9f9;overflow: hidden;}
ul.eventList span.thumb img {display: block;width: 100%;height: 100%;}
ul.eventList span.tit {color: #161616;font-family: 'Pretendard-SemiBold', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
ul.eventList span.dayInfo {color: #161616;text-align: right;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.bbsSearch.event {padding:0;margin: 15px;}
ul.subMenu + ul.eventList {margin-top: 20px;padding: 0 15px;}
ul.eventList {grid-template-columns: repeat(2, 1fr); gap: 10px;}
ul.eventList li > a {border-radius: 5px;}
ul.eventList span.thumb {min-height: 130px;border-radius: 5px;background-size:auto 90px;}
ul.eventList span.tit {padding: 10px;font-size: 14px;}
ul.eventList span.dayInfo {padding: 0 10px 10px;font-size: 13px;}
ul.eventList span.admin {display: none;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.subMenu + ul.eventList {margin-top: 30px;}
ul.eventList {width: 1400px;margin:0 auto; grid-template-columns: repeat(3, 1fr); gap: 50px;}
ul.eventList li > a {border-radius: 10px;}
ul.eventList span.thumb {height: 430px;border-radius: 10px;}
ul.eventList span.tit {padding: 20px;font-size: 18px;}
ul.eventList span.dayInfo {padding: 0 20px 20px;font-size: 13px;}
ul.eventList span.admin {position: absolute;font-size: 0;line-height: 0;width: 132px;height: 27px;top: 20px;right: 20px;}
ul.eventList span.admin > * {display:inline-block; vertical-align: top;box-sizing: border-box;}
ul.eventList span.admin select {width: 65px;height: 27px;border:1px solid #7d7d7d;border-radius: 3px; background-color: #fff;}
ul.eventList span.admin a {width: 27px;height: 27px;margin-left: 6px;}
ul.eventList span.admin a.modify {background-color: #fff;border:1px solid #7d7d7d;}
ul.eventList span.admin a.delete {background-color: #7d7d7d;}
}
/* 사업목적 */
div.business ul, div.business li {margin: 0; padding: 0; list-style: none; }
div.business {position: relative;color: #333;}
div.business dt {display: block;color: #872375;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;line-height: 1;}
dl.goal li {border-top:1px dashed #e3e3e3;text-align: left;}
dl.goal li:nth-child(1) {border-top: 0;}
dl.goal li:nth-child(1) strong.step:before {background-image:url('/image/sub/business_1.png');}
dl.goal li:nth-child(2) strong.step:before {background-image:url('/image/sub/business_2.png');}
dl.goal li:nth-child(3) strong.step:before {background-image:url('/image/sub/business_3.png');}
dl.goal li:nth-child(4) strong.step:before {background-image:url('/image/sub/business_4.png');}
dl.goal li:nth-child(5) strong.step:before {background-image:url('/image/sub/business_5.png');}
dl.goal strong.step {position: relative;display: inline-block;color: #872375;}
dl.goal strong.step:before {z-index: -1;position: absolute; display: block; left: 50%; top: 50%; transform: translate(-50%, -50%);background-position:center top;background-repeat: no-repeat;content:'';}
dl.ci {text-align: center;}
dl.ci p {font-family: 'Pretendard-Medium', sans-serif;color: #333;}
dl.ci p.slogan {color: #872375;font-family: 'Pretendard-Regular', sans-serif;}
dl.ci p img {display: block;margin:0 auto; }
div.business div.btn {text-align: center;}
div.business div.btn a {box-sizing: border-box; }
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.business dt {font-size: 20px;transform: skew(-0.1deg);}
div.business {padding-top: 160px;background:url('/image/sub/business_char_m.png') no-repeat center top;background-size:140px auto;}
div.business > dl {margin-top: 20px;}
dl.mission {margin-top: 0;}
div.business dt {padding-bottom: 5px;}
dl.goal li {padding: 15px 0;}
dl.goal strong.step {font-size: 18px;}
dl.goal strong.step:before {width: 25px;height: 33px;background-size:100%;}
dl.ci {padding-top: 30px;}
dl.ci dt {padding-bottom: 20px;}
p.slogan {padding-bottom: 15px;font-size: 18px;}
dl.ci p img {padding-top: 30px;}
div.business div.btn a {height: 35px;padding: 0 15px;line-height: 35px;}
div.business div.btn a img {padding: 7px 5px 0 0;width: 20px;height: 20px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.business {padding-top: 480px;background:url('/image/sub/business_char.png') no-repeat center top;}
div.business > dl {}
div.business dd {font-size: 18px;line-height: 30px;font-family: 'Pretendard-Regular', sans-serif;letter-spacing: -1px;}
div.business dt {padding-bottom: 10px;font-size: 40px;}
dl.goal {text-align: center;}
dl.mission {position: absolute;left: 0;top: 0;width: 530px;}
dl.vision {position: absolute;right: 0;top: 0;width: 530px;}
dl.goal {width: 1050px;margin:0 auto; }
dl.goal li {padding: 20px 0;}
dl.goal strong.step {font-size: 24px;}
dl.goal strong.step:before {width: 43px;height: 55px;}
dl.ci {padding-top: 50px;}
dl.ci dt {padding-bottom: 30px;}
p.slogan {padding-bottom: 20px;font-size: 28px;}
dl.ci p img {padding-top: 50px;}
div.business div.btn a {height: 55px;padding: 13px 50px;line-height: 27px;}
div.business div.btn a img {padding-right: 10px;}
}
/* 뇌전증 정보 > 동영상 */
ul.vodList, ul.vodList li {margin: 0; padding: 0; list-style: none; }
ul.vodList, ul.vodList li {margin: 0; padding: 0; list-style: none; }
ul.vodList {display: grid;}
ul.vodList li {position: relative;overflow-x: auto;}
ul.vodList li > a {position: relative;display: block;border:1px solid #ccc;}
ul.vodList li > a > span {display: block;width: 100%;box-sizing: border-box; }
ul.vodList span.thumb {border-bottom:1px solid #ccc;background:url('/image/sub/photo_thumb.png') no-repeat center center #f9f9f9;overflow: hidden;}
ul.vodList span.thumb img {display: block;width: 100%;height: 100%;}
ul.vodList span.tit {color: #161616;font-family: 'Pretendard-SemiBold', sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1;}
ul.vodList span.dayInfo {color: #161616;text-align: right;}
div.bbsCon .vodcontents {margin:0 auto;}
div.vodArea {margin:0 auto; }
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.bbsSearch.vod {padding:0;margin: 15px;}
ul.vodList {margin-top: 20px;padding: 0 15px;}
ul.vodList {grid-template-columns: repeat(1, 1fr); gap: 10px;}
ul.vodList li > a {border-radius: 5px;}
ul.vodList span.thumb {min-height: 130px;border-radius: 5px;background-size:auto 90px;}
ul.vodList span.tit {padding: 10px;font-size: 14px;}
ul.vodList span.dayInfo {padding: 0 10px 10px;font-size: 13px;}
ul.vodList span.admin {display: none;}
div.bbsCon .vodcontents {width:100%; height:50vh; text-align:center;}
div.vodArea {padding: 0 10px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
ul.subMenu + ul.vodList {margin-top: 30px;}
ul.vodList {width: 1400px;margin:0 auto; grid-template-columns: repeat(3, 1fr); gap: 50px;}
ul.vodList li > a {border-radius: 10px;}
ul.vodList span.thumb {height: 242px;border-radius: 10px;}
ul.vodList span.tit {padding: 20px;font-size: 18px;}
ul.vodList span.dayInfo {padding: 0 20px 20px;font-size: 13px;}
ul.vodList span.admin {position: absolute;font-size: 0;line-height: 0;width: 132px;height: 27px;top: 20px;right: 20px;}
ul.vodList span.admin > * {display:inline-block; vertical-align: top;box-sizing: border-box;}
ul.vodList span.admin select {width: 65px;height: 27px;border:1px solid #7d7d7d;border-radius: 3px; background-color: #fff;}
ul.vodList span.admin a {width: 27px;height: 27px;margin-left: 6px;}
ul.vodList span.admin a.modify {background-color: #fff;border:1px solid #7d7d7d;}
ul.vodList span.admin a.delete {background-color: #7d7d7d;}
ul.vodList + .btn {padding-bottom: 0;}
ul.vodList + .btn + ul.pager {padding-bottom: 50px;}
div.vodArea {padding: 0 20px;}
}
/* 교육자료 신청 */
dl.applyInfo {background-color: #f9f2f8;background-image:url('/image/sub/edu_char.png');background-repeat:no-repeat;box-sizing: border-box; }
dl.applyInfo > dt {color: #872375;font-family: 'ImcreSoojin', sans-serif;line-height: 1;}
dl.applyInfo dl dt {font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.applyInfo dl dd {color: #303030;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
dl.applyInfo {margin: 15px;padding: 25px 10px 50px;background-position:right 10px bottom 10px;background-size:120px auto;}
dl.applyInfo > dt {padding-bottom: 15px;font-size: 17px;line-height: 24px;text-align: center;transform: skew(-0.1deg);letter-spacing: -0.5px;}
dl.applyInfo dl dt {font-size: 18px;}
dl.applyInfo dl dd {padding-bottom: 20px;font-size: 14px;}
div.apply.formArea td.multi select,
div.apply.formArea td.multi select + input[type=text] {width: calc(50% - 5px);}
div.apply.formArea td.withBtn input[type=text] {width: calc(100% - 76px);}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
dl.applyInfo {width: 1400px;margin:50px auto 0; padding: 50px 50px 50px 450px;background-position: center left 80px;}
dl.applyInfo > dt {padding-bottom: 30px;font-size: 35px;}
dl.applyInfo > dt br {display: none;}
dl.applyInfo dl {font-size: 0;line-height: 0;}
dl.applyInfo dl > * {display: inline-block;vertical-align: top;}
dl.applyInfo dl dt {width: 120px;font-size: 24px;line-height: 26px;}
dl.applyInfo dl dd {width: calc(100% - 120px);padding-bottom: 30px;line-height: 24px;font-size: 17px;}
}
/* 정신건강 자가진단 */
div.diagnosis {}
div.diagnosis h3 {color: #19b5d6;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;line-height: 1;}
dl.diagnosisInfo {position: relative;border-bottom:2px solid #19b5d6;}
dl.diagnosisInfo:before {position: absolute; display: block; right: 0;bottom: 0;background:url('/image/sub/test_bg.png') no-repeat bottom right;content:'';}
dl.diagnosisInfo dt {color: #000;font-weight: normal;font-family: 'Pretendard-Regular', sans-serif;}
dl.diagnosisInfo dd {color: #434343;}
div.diagnosis h4 {color: #404040;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;background:url('/image/sub/test_tit.png') no-repeat center left;}
div.diagnosis table.inputTbl {border-top:2px solid #313131;}
div.diagnosis table.inputTbl th {color: #313131;background-color: #f7f7f7;}
div.diagnosisNote {border:1px solid #d5dfef;background-color: #f7f9fc;text-align: center;border-radius: 3px;color: #053779;font-family: 'Pretendard-Medium', sans-serif;}
div.diagnosisNote span {box-shadow: inset 0 -10px 0 0 #d2e4ff;}
dl.diagnosisItem {border-top:2px solid #313131;}
dl.diagnosisItem dt {background-color: #f7f7f7;color: #000;font-family: 'Pretendard-Medium', sans-serif;text-align: center;}
dl.diagnosisItem dd {border-bottom:1px solid #c9c9c9;}
ul.checkOption, ul.checkOption li {margin: 0; padding: 0; list-style: none; }
ul.checkOption li {position: relative;box-sizing: border-box; }
ul.checkOption li > * {display: block;}
ul.checkOption li label {color: #8a8a8a;font-family: 'Pretendard-Medium', sans-serif;text-align:center;border:1px solid #dcdcdc;border-radius: 3px;box-sizing: border-box; }
ul.checkOption li input[type=radio] {position: absolute;opacity: 0;margin: 0; cursor:pointer;}
ul.checkOption li input[type=radio]:checked + label {background-color: #1996d6;color: #fff;border-color: #1996d6;}
div.diagnosis div.btn {text-align: center;}
div.diagnosis input[type=submit] {height: auto;border:3px solid #fa6b0c;color: #fa6b0c;font-family: 'ImcreSoojin', sans-serif;text-align: left;background:url('/image/sub/test_btn.png') no-repeat center right 25px;box-sizing: border-box; }
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.diagnosis h3 {font-size: 20px;transform: skew(-0.1deg);}
dl.diagnosisInfo {padding: 20px 0;}
dl.diagnosisInfo:before { width: 150px;height: 90px;background-size:100%;}
dl.diagnosisInfo dt {font-size: 15px;}
dl.diagnosisInfo dd {padding-right: 130px;font-size: 13px;line-height: 18px;text-align: left;}
div.diagnosis h4 {margin: 20px 0 10px;padding-left:35px;font-size: 16px;line-height: 25px;background-size:auto 25px;transform: skew(-0.1deg);}
div.diagnosis td.multi {text-align: center;}
div.diagnosisNote {margin-top: 20px;padding: 10px;font-size: 16px;line-height: 22px;}
dl.diagnosisItem {margin-top: 20px;}
dl.diagnosisItem dt {padding: 10px;font-size: 16px;}
dl.diagnosisItem dd {padding: 10px;}
ul.checkOption li {margin-top: 10px;}
ul.checkOption li:first-child {margin-top: 0;}
ul.checkOption li input[type=radio] {top: 0;left: 50%; transform: translateX(-50%); width: 250px;height: 40px;}
ul.checkOption li label {width: 250px;height: 40px;font-size: 15px;line-height: 40px;margin:0 auto; }
div.diagnosis input[type=submit] {width: 150px;padding: 0 20px;border-width:2px;font-size: 16px;line-height: 40px;border-radius: 20px;transform: skew(-0.1deg);background-size:auto 17px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.diagnosis h3 {font-size: 35px;}
dl.diagnosisInfo {padding: 30px 0;}
dl.diagnosisInfo:before { width: 357px;height: 168px;}
dl.diagnosisInfo dt {font-size: 17px;}
dl.diagnosisInfo dd {font-size: 15px;}
div.diagnosis h4 {margin: 40px 0 20px;padding-left:70px;font-size: 25px;line-height: 45px;}
div.diagnosisNote {margin-top: 30px;font-size: 22px;line-height: 65px;}
dl.diagnosisItem {margin-top: 25px;}
dl.diagnosisItem dt {padding: 13px;font-size: 22px;}
ul.checkOption {font-size: 0;line-height: 0;}
ul.checkOption2 {text-align:center;}
ul.checkOption li {display: inline-block;vertical-align: top;width: 25%;padding: 15px;text-align: center;}
ul.checkOption li:before {position: absolute; display: block; left: 0;top: 50%; transform: translateY(-50%); width: 1px;height: 32px;background-color: #c9c9c9;content:'';}
ul.checkOption li:first-child:before {display: none;}
ul.checkOption li input[type=radio] {left: 15px;top: 15px;width: 320px;height: 47px;}
ul.checkOption li label {font-size: 17px;line-height: 45px;}
div.diagnosis input[type=submit] {width: 250px;padding: 0 45px;font-size: 22px;line-height: 54px;border-radius: 30px;}
}
/* 진단결과 */
div.diagnosisResult {}
div.diagnosisResult span.suddenScore {display:block; font-family: 'ImcreSoojin', sans-serif;line-height: 1.5;transform: skew(-0.1deg);}
div.diagnosisResult span.score {display: block;color: #252525;text-align: center;font-family: 'ImcreSoojin', sans-serif;line-height: 1;}
div.diagnosisResult span.score span {padding: 0 2px;color: #a53f93;}
div.diagnosisResult div:first-child strong {position: relative; color: #19b5d6;;font-family: 'ImcreSoojin', sans-serif;line-height: 1;}
div.diagnosisResult div:first-child {text-align: center;color: #3e3d3e;}
div.diagnosisResult div:first-child img {display: block;margin:0 auto; }
dl.criterion dt {position: relative;color: #2797eb;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;transform: skew(-0.1deg);box-sizing: border-box; }
dl.criterion dt:before {position: absolute; display: block; ;top: 50%; transform: translateY(-50%);width: 4px;height: 4px;background: #2797eb;content:'';}
dl.criterion ul, dl.criterion li {margin: 0; padding: 0; list-style: none;}
dl.criterion li {position: relative;text-align:center;color: #3e3d3e;border:3px solid #e5e5e5;box-sizing: border-box; }
dl.criterion li:first-child {margin-top: 0;}
dl.criterion span {position: absolute;left: -3px;top: -3px;background: linear-gradient(to right, #20a6ec, #4c46e7);color: #fff;font-family: 'ImcreSoojin', sans-serif;}
div.suddenResult dl.criterion span {position: absolute;left: -3px;top: -3px;background: linear-gradient(to right, #80b0cd, #517eb7);color: #fff;font-family: 'ImcreSoojin', sans-serif;}
div.diagnosisResult p {color: #5f5f5f;text-align: center;}
div.diagnosisResult div.btn {padding-bottom: 20px;}
div.diagnosisResult div.btn a {font-weight: normal;font-family: 'ImcreSoojin', sans-serif;border-width:3px;}
div.diagnosisResult div.btn a:first-child {margin-left: 0;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.diagnosisResult span.score {padding-bottom: 20px;font-size: 25px;transform: skew(-0.1deg);}
div.diagnosisResult span.score span {box-shadow: inset 0 -10px 0 0 #ffd7f8;}
div.diagnosisResult span.score span.suddenScore {display:inline-block; color:#252525; box-shadow:none; font-size:18px;}
div.diagnosisResult div:first-child strong {padding:0 3px;font-size: 30px;box-shadow: inset 0 -15px 0 0 #d8f8ff;}
div.diagnosisResult div:first-child {padding-bottom: 30px;font-size: 15px;line-height: 20px;}
div.diagnosisResult div:first-child img {width: 80px;padding-bottom: 15px;}
dl.criterion dt {padding-left: 20px; font-size: 18px;}
dl.criterion dt:before {left: 10px}
dl.criterion span {width: 120px;line-height: 50px;font-size: 16px;border-radius: 25px;transform: skew(-0.1deg);}
dl.criterion li {margin-top: 5px;padding-left:120px;line-height: 45px;font-size: 16px;border-radius: 25px;}
div.suddenResult dl.criterion span {width:100px;}
div.suddenResult dl.criterion li { width:100%; padding-left:90px;}
div.suddenResult dl.criterion dd ul:nth-of-type(2) {margin-top:5px;}
div.diagnosisResult p {padding-top: 10px;font-size: 14px;}
div.diagnosisResult div.btn a {width: calc(50% - 5px);height: 40px;padding: 0 5px;font-size: 14px;line-height: 37px;box-shadow: rgba(221, 226, 234, 0.46) 0px 8px 8px;transform: skew(-0.1deg);}
div.diagnosisResult div.btn a img {width: 15px;}
div.diagnosisResult div.btn a:first-child img {padding: 9px 5px 0 0;}
div.diagnosisResult div.btn a:last-child img {padding: 9px 0 0 5px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.diagnosisResult span.suddenScore {font-size:30px;}
div.diagnosisResult span.score {padding-bottom: 30px;font-size: 50px;}
div.diagnosisResult span.score span {box-shadow: inset 0 -25px 0 0 #ffd7f8;}
div.diagnosisResult span.score span.suddenScore {display:inline-block; color:#252525; box-shadow:none;}
div.diagnosisResult div:first-child strong {padding:0 5px;font-size: 70px;box-shadow: inset 0 -35px 0 0 #d8f8ff;}
div.diagnosisResult div:first-child {padding-bottom: 70px;font-size: 20px;line-height: 30px;}
div.diagnosisResult div:first-child img {padding-bottom: 30px;}
dl.criterion dt {width: 650px;margin:0 auto 10px;padding-left: 35px; font-size: 24px;}
dl.criterion dt:before {left: 20px}
dl.criterion dd {width: 650px;margin:0 auto;}
dl.criterion span {width: 250px;line-height: 70px;font-size: 24px;border-radius: 35px;}
dl.criterion li {margin-top: 10px;padding-left:250px;line-height: 65px;font-size: 22px;border-radius: 35px;}
div.suddenResult dl.criterion span {width:180px; line-height:60px;}
div.suddenResult dl.criterion li {width:650px; font-size:18px; line-height:55px; padding-left:180px;}
div.suddenResult dl.criterion dt {width: 1340px;}
div.suddenResult dl.criterion dd {width:1340px;}
div.suddenResult dl.criterion dd ul {display:inline-block;vertical-align:top;}
div.suddenResult dl.criterion dd ul:nth-of-type(2) {margin-left:20px;}
div.diagnosisResult p {padding-top: 15px;font-size: 16px;}
div.diagnosisResult div.btn {text-align: center;}
div.diagnosisResult div.btn a {height: 65px;margin-left: 20px;font-size: 22px;line-height: 37px;border-radius: 30px;box-shadow: rgba(221, 226, 234, 0.46) 0px 13px 8px;}
div.diagnosisResult div.btn a:first-child img {padding: 6px 10px 0 0;}
div.diagnosisResult div.btn a:last-child img {padding: 6px 0 0 10px;}
}
/* 연혁 */
div.history {position: relative;}
dl.history {position: relative;}
div.history:before {position: absolute; display: block; width: 1px;background-color:#e6e6e6;content:'';}
dl.history:first-child {padding-top: 0;}
dl.history ul, dl.history li {margin: 0; padding: 0; list-style: none; }
dl.history dt {color: #872375;font-family: 'ImcreSoojin', sans-serif;line-height: 1;background-image:url('/image/sub/history_icon.png');background-repeat: no-repeat;}
dl.history li {position: relative;width: 100%;box-sizing: border-box; }
dl.history strong {display: block;position: absolute;letter-spacing: -1px;font-weight: normal;font-family: 'Pretendard-SemiBold', sans-serif;}
dl.history span {position: relative;display: block;}
dl.history span:before {z-index: -1;position: absolute; display: block;height: 2px;border-bottom:1px dashed #dcbdd6;content:'';}
dl.history li:first-child,
dl.history dt:first-child {margin-top: 0}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.history { padding: 15px 15px 170px;background:url('/image/sub/history_bg_m.png') no-repeat right bottom;background-size:auto 200px;text-align:left;}
div.history:before {left: 20px;top: 15px; height: calc(100% - 241px);}
dl.history {padding-top: 30px;}
dl.history dt {margin: 30px 0 10px;padding-left: 25px;font-size: 20px;background-size:auto 17px;transform: skew(-0.1deg);}
dl.history strong {top: 0;left: -2px;padding-left: 20px;font-size: 16px;background:url('/image/sub/history_bl.png') no-repeat left top 3px;}
dl.history span {padding-left: 15px;font-size: 14px;line-height: 22px;}
dl.history span:before {top: 9px;left: 0;width: 10px;}
dl.history li {margin-top: 5px;padding-left: 100px;background-position:left -1px top 4px;}
dl.history li.long {padding-left: 112px;}
dl.history:last-child li:last-child {position: relative;}
dl.history:last-child li:last-child:before {position: absolute; display: block; left: 5px;top: 4px;width: 2px;height:34px;background-color:#fff;content:'';}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.history {padding-bottom: 300px;background:url('/image/sub/history_bg.png') no-repeat -80px bottom;background-size:auto 600px;}
div.history:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
div.history:before {left: 50%;top: 15px; transform: translateX(-50%); height: calc(100% - 130px);}
dl.history {width: 51%;margin:0 auto;padding-top: 50px;box-sizing: border-box; }
dl.history dt {margin: 100px 0 30px;font-size: 44px;}
dl.history strong {top: 0;font-size: 24px;}
dl.history span {font-size: 17px;line-height: 31px;}
dl.history dd span:before {top: 11px;width: 20px;}
dl.history li {position: relative;z-index: 1;margin-top: 10px;background-image:url('/image/sub/history_bl.png');background-repeat: no-repeat;}
dl.history:nth-of-type(odd) {float: right;padding-left: 6px;}
dl.history:nth-of-type(odd) dt {padding-left: 60px;background-position:left center;}
dl.history:nth-of-type(odd) li {padding-left: 204px;background-position:left 2px top 5px;}
dl.history:nth-of-type(odd) span {padding-left: 30px;}
dl.history:nth-of-type(odd) span:before {left: 0;}
dl.history:nth-of-type(odd) strong {left: 58px;}
dl.history:nth-of-type(even) {float: left;margin-right: 700px;text-align: right;}
dl.history:nth-of-type(even) dt {padding-right: 60px;background-position:right center;}
dl.history:nth-of-type(even) li {padding-right: 204px;background-position:right 6px top 6px;}
dl.history:nth-of-type(even) span {padding-right: 30px;}
dl.history:nth-of-type(even) span:before {right: 0;}
dl.history:nth-of-type(even) strong {right: 58px;}
}
/* 조직도 */
div.organization ul, div.organization li {margin: 0; padding: 0; list-style: none; }
div.organization .pointTit {text-align: center;}
p.rectangle {position:relative; text-align:center; box-sizing:border-box; background:#a53f93; color:#fff;}
p.rectangle.vice {background:#1eaccd;}
p.rectangle.deputy {background:#1077bf;}
p.rectangle::after {content:""; position:absolute; top:100%; left:50%; width:1px; background:url('/image/sub/board_line.png') repeat-y center center;}
p.rectangle.first:after,
p.rectangle.second:after {height: 130px;}
p.rectangle strong {display:block;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;}
p.rectangle span {display:block;font-family: 'Pretendard-Medium', sans-serif;}
p.rectangle.advisor {position:relative; text-align:center;box-sizing:border-box;background:#51637c;color:#fff;cursor:pointer;}
p.rectangle.advisor:before {content: '';position: absolute;left: 100%;top: 50%;height: 1px;background:url('/image/sub/board_line.png') repeat-x center center;}
p.rectangle.advisor.typeA:before {left: auto;right: 100%;}
p.rectangle.advisor:after {display: none;}
div.organization ul.organ2deps {position:relative;display: grid; }
ul.organ2deps::before {content:""; position:absolute; top:0; left: 50%; transform: translateX(-50%); height:1px; background:url('/image/sub/board_line.png') repeat-x center center;}
ul.organ2deps > li {position: relative;}
p.rectangle2deps {z-index: 1;position: absolute;top: 0;width: 100%; text-align:center;box-sizing:border-box; background:#1eaccd; color:#fff;}
p.rectangle2deps strong {display:block;font-weight: normal;font-family: 'ImcreSoojin', sans-serif;}
p.rectangle2deps span {display:block;}
p.rectangle3deps {z-index: -1; text-align:center;box-sizing:border-box;background:#ecf8fa; color:#222; box-shadow:0 5px 10px 0 #e0e0e0;}
p.rectangle3deps strong {display:block;}
p.rectangle3deps span {display:block;word-break:keep-all;}
ul.organ2deps > li > ul.listBar {position: relative; box-sizing:border-box; box-shadow: 0 4px 5px rgba(16, 119, 191, 0.2);border-radius:3px;border:1px solid #e9f2f9;}
ul.organ2deps > li > ul.listBar::after {content:""; position:absolute; left:50%; width:1px; background:url('/image/sub/board_line.png') repeat-y center center;}
ul.organ2deps > li > ul.listBar li {padding-left: 10px;}
/* second */
div.second p.rectangle.first {position: relative;border:12px solid rgba(265, 212, 231, 0.8);}
div.second p.rectangle.first img {display: block;margin:0 auto; }
div.second p.rectangle.first:before {z-index: -1;position: absolute; display: block; background-color:rgba(265, 212, 231, 0.2);content:'';border-radius: 50%;}
div.second ul.organ2deps > li > p.rectangle2deps {position: static;left: auto;top: auto;padding: 0;color:#333;background-color: #fff; box-shadow:0 4px 5px rgba(16, 119, 191, 0.2);border:1px solid #e9f2f9;}
/* 조직도 [팝업] */
#popupOrgan {display: none;}
#popupOrgan .popupWrap {background-color: #fff;box-sizing:border-box;}
#popupOrgan .popupCon {overflow-x:hidden;overflow-y:auto;}
#popupOrgan h4 {border-top: 2px solid #872375;color:#872375;text-align: center;font-family: 'ImcreSoojin',sans-serif;font-weight: normal;}
#popupOrgan ul.items {font-size: 0;text-align: center;}
#popupOrgan li {display: inline-block;vertical-align:top;}
#popupOrgan li img {display: block;margin: 0 auto;}
#popupOrgan li span {display: block;text-align: center;color:#333;font-family: 'Pretendard-Medium', sans-serif;}
#popupOrgan .close img {position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.organization + div.organization {margin-top: 30px;}
div.organization .pointTit {font-size: 20px;transform: skew(-0.1deg);}
div.organization p.imgArea img {width:105px;}
p.rectangle {position:relative; width:200px; height:55px; margin:20px 0; padding: 8px 0;font-size:13px;border-radius: 30px;transform: skew(-0.1deg);}
p.rectangle strong {font-size: 16px;}
p.rectangle.typeA strong {display: table-cell;vertical-align:middle;width: 1000px;height: 39px;}
p.rectangle img {width: 22px;padding-right: 5px;}
p.rectangle.first::after {top:100%; left:20px; height:1025px;}
div.second p.rectangle::after {top:100%; left:20px; height:483px;}
p.rectangle.advisor {position:relative; width:200px; height:55px; margin:20px 0 0 70px; font-size:13px;}
p.rectangle.advisor:before {left: -51px;width: 51px;}
ul.organList {padding:10px 0 0;}
ul.organList::before {background:none;}
ul.organList > li {position:relative; float:none; width:80%; height:auto; margin-top:30px; margin-left:50px;}
ul.organList > li::before {top:20px; left:-30px; margin-left:0; width:30px; height:1px; background:url('/image/sub/board_line.png') repeat-x center center;}
ul.organList > li:first-child {margin-left:50px; margin-top:0;}
ul.organList > li dl {overflow:hidden; font-size:13px;}
ul.organList > li dl dt {padding:10px 0;}
ul.organList > li dl dd {padding:10px;height:auto;min-height:auto;}
div.organization ul.organ2deps > li {width:100%;padding-left: 70px;margin-top: 20px;}
div.organization ul.organ2deps > li:before {position: absolute;display: block;top:25px; left:19px; width:50px; height:1px; background:url('/image/sub/board_line.png') repeat-x center center;content: '';}
div.organization li.no3deps {padding-top: 55px;}
div.organization li.no3deps p.rectangle2deps strong {line-height: 37px;}
ul.organ2deps::before {display:none;}
p.rectangle2deps {left: 70px;}
p.rectangle2deps::after {width: 20px;height: 1px;left: 0;top: 50%; transform: translateY(-50%); }
p.rectangle2deps {width:200px;height: 55px; padding: 10px 0;font-size:13px;border-radius: 30px;transform: skew(-0.1deg);}
p.rectangle3deps {width: 200px;padding: 65px 0 10px;border-radius: 30px;}
p.rectangle2deps strong {font-size: 16px;line-height: 1.1;}
ul.organ2deps > li > ul.listBar {width: 200px;margin: 20px 0 0;padding: 10px;border-radius: 10px;}
ul.organ2deps > li > ul.listBar::after {top:-20px; height:20px;}
p.rectangle.vice::after,
p.rectangle.deputy::after {display:none;}
p.rectangle.deputy {height:85px !important; line-height:20px !important; border-radius:50px !important;padding:5px;}
p.rectangle.second::after {}
ul.organ2deps.second > li {width:100%; margin-left: 70px;}
ul.organ2deps.second > li:first-child {margin-left: 70px;}
ul.organ2deps.second > li > p.rectangle2deps.second {margin:20px 0;}
/* second */
div.second p.rectangle {width: 200px;height: 55px;border-radius: 30px;line-height: 40px;}
div.second p.rectangle.first {width: 130px;height: 130px;padding: 25px 0;border-radius: 50%;}
div.second p.rectangle.first:before {left: -23px;top: -22px; width: 150px;height: 150px;}
div.second p.rectangle.advisor:before {left: -38px;width: 38px;}
div.second ul.organ2deps::before {width:874px;}
div.second ul.organ2deps { grid-template-columns: repeat(1, 1fr);}
div.second ul.organ2deps > li:first-child {margin-top: 0;}
div.second ul.organ2deps > li:before {left: 32px;width: 45px;}
div.second ul.organ2deps > li > p.rectangle2deps {height: 60px;line-height: 25px; padding:5px;}
/* 조직도 [팝업] */
#popupOrgan .popupWrap {padding: 24px 45px;border-radius:10px;}
#popupOrgan h4 {padding: 14px 0;font-size: 20px;line-height: 24px;}
#popupOrgan li {width: 100%;margin-top: 20px;}
#popupOrgan li:first-child {margin-top: 0;}
#popupOrgan li span {margin-top: 15px;font-size: 14px;line-height: 18px;}
#popupOrgan li img {width: 142px;}
#popupOrgan .close img {width: 15px;height: 15px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.organization {width: 1080px;margin:0 auto; }
p.rectangle {width:325px; height:110px; margin:30px auto;padding:20px 0; border-radius:55px; font-size:18px;}
p.rectangle::after { height:30px;}
p.rectangle strong {font-size: 30px;}
p.rectangle strong img {padding-right: 10px;}
p.rectangle.first strong {padding-bottom: 10px;line-height: 37px;font-size: 32px;}
p.rectangle.advisor strong {line-height: 30px;font-size: 24px;}
p.rectangle.advisor.typeA strong {display: table-cell;vertical-align:middle;width: 1000px;height: 57px;}
p.rectangle.deputy {width:250px !important;height:130px !important; border-radius:100px !important; padding:15px;}
p.rectangle.advisor {width:220px; height:77px; margin:0 0 23px;padding: 10px 0; border-radius:35px;font-size:18px; }
p.rectangle.advisor:before {width: 321px;}
div.organization ul.organ2deps {grid-template-columns: repeat(4, 1fr); gap: 20px;padding: 20px 5px 20px;}
ul.organ2deps::before { width:820px;}
p.rectangle2deps::after {content:""; position:absolute; display: block;background:url('/image/sub/board_line.png') repeat-y center center;top:-20px; left: 50%; transform: translateX(-50%); width:1px; height:20px; }
p.rectangle2deps {left: 0;height:100px;padding: 20px 0; border-radius:50px;font-size:18px; }
p.rectangle2deps strong {font-size: 24px;line-height: 30px;}
p.rectangle2deps span {font-size: 18px;}
p.rectangle3deps {height:220px;padding: 120px 0 20px; margin:0 auto 40px; border-radius:50px; font-size:18px;}
ul.organ2deps > li > ul.listBar {padding:30px;border-radius: 30px;}
ul.organ2deps > li > ul.listBar::after {top:-40px; height:40px;}
div.organization li.no3deps {padding-top: 260px;}
div.organization li.no3deps p.rectangle2deps strong {line-height: 57px;}
div.organization ul.organ2deps > li.no3deps > ul.listBar::after {top: -245px;height: 245px;}
/* second */
div.organization + div.organization {margin-top: 50px;}
div.second p.rectangle {width: 220px;height: 60px;border-radius: 30px;}
div.second p.rectangle.first {width: 185px;height: 185px;padding: 40px 0;border-radius: 50%;}
div.second p.rectangle.first img {margin-bottom: 15px;}
div.second p.rectangle.first:before {left: -23px;top: -24px; width: 208px;height: 208px;}
div.second ul.organ2deps::before {width:874px;}
div.second ul.organ2deps { grid-template-columns: repeat(5, 1fr); gap: 20px;}
div.second ul.organ2deps > li:before {margin-left: 114px;}
div.second ul.organ2deps > li > p.rectangle2deps {height: 70px;line-height: 30px; padding:5px;}
div.organization div.between {text-align-last: justify;font-size: 0;}
div.organization div.between > p {display: inline-block;vertical-align:top;text-align-last:center;}
/* 조직도 [팝업] */
#popupOrgan .popupWrap {min-width: 400px;max-height:90%;padding: 45px 60px;border-radius:10px;}
#popupOrgan.pop2 .popupWrap {width: 960px;}
#popupOrgan .popupCon {max-height: 730px;}
#popupOrgan h4 {padding: 20px 0;font-size: 30px;line-height: 40px;}
#popupOrgan .col4ea li {width: calc( (100% - 90px) / 4 );margin: 30px 0 0 30px;float:none;}
#popupOrgan .col4ea li:nth-child(4n + 1) {margin-left: 0;}
#popupOrgan .col4ea li:nth-child(-n + 4) {margin-top: 0;}
#popupOrgan li span {margin-top: 15px;font-size: 18px;line-height: 25px;}
}
/* 이용안내 */
div.information {}
div.information a.btnMap {display: inline-block;vertical-align: top;width: 70px;height: 24px;line-height: 24px;margin-left: 10px;background-color: #2f4351;color: #fff;font-size: 13px;text-align: center;}
div.information span.btn {display: block;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.information span.btn {margin-top: 10px;}
div.information span.btn a {width: calc(50% - 3px);padding: 5px;font-size: 12px;}
div.information span.btn a img {width: 20px;padding: 2px 5px 0 0;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.information span.btn {margin-top: 25px;padding-left: 70px;}
div.information span.btn a {height: 55px;padding: 10px 30px;border-radius: 28px;line-height: 33px;}
div.information span.btn a img {padding-right: 10px;}
}
/* 오시는 길 */
div.map {}
div.mapInfo address {font-family: 'ImcreSoojin', sans-serif;text-align: center;}
dl.transportation {position: relative;}
dl.transportation dt {font-family: 'ImcreSoojin', sans-serif;}
dl.transportation dd {color: #595959;letter-spacing: -1px;font-size: 0;line-height: 0;}
dl.transportation img {display: block;}
dl.transportation span.line {display: inline-block;vertical-align:top; color: #fff;font-family: 'ImcreSoojin', sans-serif;text-align: center;transform: skew(-0.1deg);}
dl.transportation.bus dd > * {display: inline-block;vertical-align: top;}
dl.transportation span.bus {position: relative;border:3px solid #7aaa26;color: #7aaa26;text-align: center;font-family: 'ImcreSoojin', sans-serif;box-sizing: border-box; transform: skew(-0.1deg);}
dl.transportation span.bus strong {position: absolute;display: block;left: -3px;top: -3px;font-weight: normal;color: #fff;background-color: #7aaa26;text-align: center;}
dl.transportation dd > strong {font-weight: normal;font-family: 'ImcreSoojin', sans-serif;color: #222;transform: skew(-0.1deg);}
dl.transportation span.bus.blue {border:3px solid #2648aa;color: #2648aa;}
dl.transportation span.bus.blue strong {background-color: #2648aa;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.map div.mapArea {height: 200px;}
div.mapInfo {padding: 15px;}
div.mapInfo address {padding: 10px 0;font-size: 18px;line-height: 24px;transform: skew(-0.1deg);}
div.mapInfo address img {display: none;}
dl.transportation {margin-top: 20px;padding: 0 0 20px;text-align: center;border-bottom:1px solid #e1e1e1;}
dl.transportation:first-child {margin-top: 0;}
dl.transportation:last-child {border-bottom: 0 none;}
dl.transportation dt {margin-bottom: 10px;font-size: 18px;transform: skew(-0.1deg);}
dl.transportation dd {font-size: 14px;line-height: 23px;}
dl.transportation img {width: 60px;margin:15px auto; }
dl.transportation span.line {width: 60px;height: 30px;margin-bottom: 10px;line-height: 30px;font-size: 15px;transform: skew(-0.1deg);border-radius: 17px;}
dl.transportation.bus dd {position: relative;padding-top: 30px;}
dl.transportation span.bus {width: 150px;height: 30px;padding-left: 75px;line-height: 27px;border-radius: 15px;}
dl.transportation span.bus strong {width: 80px;height: 30px;border-radius: 15px;line-height: 30px;}
dl.transportation.bus strong {position: absolute;top: 0;left: 0;width: 100%;text-align: center; font-size: 16px;transform: skew(-0.1deg); }
dl.transportation span.bus.green {margin-left:5px;}
dl.transportation div.col2ea dd {margin-top:20px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.map {padding-top: 250px;background:url('/image/sub/map_bg.png') no-repeat center top; margin-top:-50px;}
div.map > * {width: 1400px;margin:0 auto; }
div.map div.mapArea {position: relative;height: 600px;box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px;}
div.map div.mapArea:after {position: absolute; display: block; right: -195px;top: 50%; transform: translateY(-50%); width: 248px;height: 425px;background:url('/image/sub/map_char.png') no-repeat center top;content:'';}
div.mapInfo {margin-top: 70px;padding-bottom: 40px;text-align: center;border:1px solid #dcdcdc;border-radius: 30px 0 30px 0;}
div.mapInfo address {padding: 20px;font-size: 26px;border-bottom:1px solid #dcdcdc;}
dl.transportation {width: 1200px;text-align: left;margin: 30px auto 0;height: 115px;padding: 10px 0 0 140px;box-sizing: border-box; }
dl.transportation dt {padding-bottom: 10px;font-size: 25px;line-height: 35px;}
dl.transportation dd {font-size: 17px;line-height: 26px;}
dl.transportation img {position: absolute;left: 0;top: 0;}
dl.transportation span.line {width: 80px;height: 35px;border-radius: 17px;font-size: 16px;line-height: 35px;}
dl.transportation span.bus {width: 235px;height: 40px;margin-right: 70px;padding-left: 125px;border-radius: 20px;font-size: 22px;line-height: 37px;}
dl.transportation span.bus:after {position: absolute; display: block;top: 50%; transform: translateY(-50%); right: -63px;width: 47px;height: 2px;border-bottom:1px dashed #bfbfbf;content:'';}
dl.transportation span.bus strong {width: 130px;line-height: 40px;border-radius: 20px;}
dl.transportation.bus strong {font-size: 22px;line-height: 40px;}
/* 문가빈 추가 250324*/
dl.transportation div.col2ea {display: flex; gap: 20px; width: 100%;}
}
/* 뇌전증 도움전화 */
div.help {position: relative;box-sizing: border-box;background:url('/image/sub/help_bg.png') no-repeat right top #fff9fe; }
div.help:after {position: absolute; display: block; content:'';background:url('/image/sub/help_char.png') no-repeat center top;}
div.help dl.helpNumber {position: absolute;background:#5f3f9b;}
div.helpInfo {display: grid;}
div.helpInfo div {color: #222;text-align: left;background-repeat: no-repeat;background-image:url('/image/sub/help_tit.png'), url('/image/sub/help_tit02.png');}
div.helpInfo div strong {display: block;font-weight: normal;color: #872375;font-family: 'ImcreSoojin', sans-serif;}
div.helpInfo dt {color: #872375;/*font-family: 'ImcreSoojin', sans-serif;background:url('/image/common/subTit.png') no-repeat left top;*/line-height: 1;}
div.helpInfo dd {color: #333;}
div.helpInfo dd strong.point {color: #872375;}
div.help div.col3ea dl {position: relative;}
div.help div.col3ea dt {position: absolute;left: 50%; transform: translateX(-50%);background-color:#872375;color: #fff;font-family: 'ImcreSoojin', sans-serif;text-align: center;border-radius: 10px;}
div.help div.col3ea dd {background-color: #fff;box-shadow: rgba(135, 35, 117, 0.2) 0px 8px 24px;border-radius: 10px;box-sizing: border-box;}
div.help div.col3eadd li {padding-left: 10px;}
strong.phone {background:url('/image/sub/help_call.png') no-repeat left top 3px;color: #872375;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.help {margin-top: 50px;padding: 100px 0 20px;background-size:230px auto;}
div.help:after {width: 100px;height: 118px;right: 15px;top: 240px;background-size:100% 100%;}
div.help dl.helpNumber {left: 50%; transform: translateX(-50%); top: -30px;width: 250px;height: 100px;padding: 15px 20px;border-radius: 20px;}
div.helpInfo { grid-template-columns: repeat(1, 1fr);}
div.helpInfo div {width: 320px;margin:0 auto; text-align: center;font-size: 14px;line-height: 20px;background-size:auto 20px;background-position:left 25px top, right 25px bottom 50px;}
div.helpInfo div strong {padding-bottom: 10px;font-size: 21px;line-height: 30px;transform: skew(-0.1deg);}
div.helpInfo dl {margin-top: 30px;padding: 0 15px 20px;}
div.helpInfo dt {padding-left: 20px;margin-bottom: 5px;font-size: 16px;background-size:auto 15px;transform: skew(-0.1deg);}
div.helpInfo dd {font-size: 14px;line-height: 18px;}
div.helpInfo dd + dt {margin-top: 20px;}
div.helpInfo dd img {height: 10px;padding: 5px 3px 0 0;}
div.help div.col3ea {width: 290px;margin: 30px auto 0; grid-template-columns: repeat(1, 1fr); gap: 20px;}
div.help div.col3ea dl {padding-top: 15px;transform: skew(-0.1deg);}
div.help div.col3ea dt {width: 160px;height: 35px;top: 0;left: 50%; transform: translateX(-50%); line-height: 35px;font-size:17px;}
div.help div.col3ea dd {padding: 40px 15px 20px; }
strong.phone {padding-left: 13px;background-size:10px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.help {width: 1400px;margin:0 auto; margin-top: 110px;padding: 210px 110px 60px;}
div.help:after {width: 315px;height: 345px;right: 10px;top: -30px;}
div.help dl.helpNumber {left: 80px;top: -100px;width: 535px;height: 250px;border-radius: 40px;padding: 40px 50px;}
div.helpInfo { grid-template-columns: repeat(2, 1fr);}
div.helpInfo div {padding: 10px 40px 0;font-size: 19px;line-height: 30px;background-position:left top, right bottom 77px;}
div.helpInfo div strong {font-size: 41px;line-height: 55px;}
div.helpInfo dl {padding-left: 50px;}
div.helpInfo dt {padding-left: 35px;margin-bottom: 10px;font-size: 26px;}
div.helpInfo dd {padding-left: 35px;font-size: 17px;line-height: 24px;}
div.helpInfo dd + dt {margin-top: 40px;}
div.helpInfo dd img {padding-top: 7px;}
div.help div.col3ea {width: 1080px;margin:100px auto 0;gap: 40px;}
div.help div.col3ea dl {padding-top: 30px;}
div.help div.col3ea dt {width: 240px;height: 60px;top: 0;line-height: 60px;font-size: 24px;}
div.help div.col3ea dd {height: 270px;padding: 50px 35px 30px; }
div.help div.col3ea li {margin-top: 3px;}
strong.phone {padding-left: 15px;}
}
/* 상담교육 */
div.counseling {}
div.counseling p {margin:0 auto; color: #872375;font-family: 'ImcreSoojin', sans-serif;text-align: center;background-image:url('/image/sub/help_tit.png') ,url('/image/sub/help_tit02.png');background-repeat: no-repeat;}
div.counseling ul, div.counseling li {margin: 0; padding: 0; list-style: none; }
div.counseling li strong {display:block; }
div.counseling li {border-top:1px dashed #d7d7d7;}
div.counseling li:first-child {border-top: 0 none;}
div.counseling div.activaiton_con {background-color:#f9f2f8; padding:20px 40px; text-align:center; margin-bottom:40px; font-size:18px; border-radius:15px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.counseling p {width: 90%;font-size: 20px;line-height: 30px;background-size: auto 20px;background-position: left top, right bottom;transform: skew(-0.1deg);}
div.counseling div.colArea {grid-template-columns: repeat(1, 1fr);}
div.counseling dl {margin-top: 20px;}
div.counseling dt {margin: 20px 0 5px;}
div.counseling li {padding: 10px 0;}
div.counseling li:first-child {padding-top: 0;}
div.counseling div.activaiton_con {margin-top:20px; margin-bottom:5px; padding:20px; font-size:16px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.counseling p {width: 1100px;padding: 0 50px;margin-bottom: 45px;font-size: 35px;line-height: 55px;background-position: left top, right bottom;box-sizing: border-box; }
div.counseling dl {padding: 0 15px 0 30px;box-sizing: border-box; }
div.counseling li {padding: 15px 0;}
}
/* 사회복지사업 */
div.welfare {}
div.welfare ul.subMenu {margin-bottom: 0;}
div.welfare div.bg {position: relative;text-align:center;background-repeat: no-repeat;box-sizing: border-box; }
div.welfare h3 {letter-spacing: -1px;line-height: 1;}
div.welfare div.bg1 {background-color: #f0f8fa;}
div.welfare div.bg2 {background-color: #e5ebf5;}
div.welfare div.bg3 {background-color: #faf2f5;}
div.welfare div.bg4 {background-color: #fdf8f1;}
div.welfare div.bg5 {background-color: #ebf5ef;}
div.welfare div.bg6 {background-color: #f4e9e2;}
div.welfare div.bg1 span {text-shadow: 2px 2px #f0f8fa, 1px -1px #f0f8fa;}
div.welfare div.bg2 span {text-shadow: 2px 2px #ebf5ef, 1px -1px #ebf5ef;}
div.welfare div.bg3 span {text-shadow: 2px 2px #faf2f5, 1px -1px #faf2f5;}
div.welfare div.bg4 span {text-shadow: 2px 2px #fdf8f1, 1px -1px #fdf8f1;}
div.welfare div.bg5 span {text-shadow: 2px 2px #ebf5ef, 1px -1px #ebf5ef;}
div.welfare div.bg6 span {text-shadow: 2px 2px #faf5f2, 1px -1px #faf5f2;}
dl.welfare {}
dl.welfare dt {font-family: 'ImcreSoojin', sans-serif;background: url('/image/common/subTit.png') 0 top no-repeat;}
dl.welfare dd li {margin-top: 0;color: #303030;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.sub01 div.contents > dl.rwMenu {margin: 0;}
div.welfare div.bg {min-height: 100px;margin-bottom: 15px;font-size: 15px;border-bottom:1px solid #c1c2c3;background-position: bottom right;background-size:auto 95px;}
div.welfare h3 {/*padding: 15px 10px 5px;font-size: 18px;*/display: none;}
div.welfare div.bg p { /*padding: 0 10px 10px;*/display:table-cell; width: 1000px;height: 100px;padding: 0 10px;vertical-align: middle;box-sizing: border-box; word-break:keep-all;}
div.welfare div.bg1 {background-image:url('/image/sub/welfare01_m.png');}
div.welfare div.bg2 {background-image:url('/image/sub/welfare02_m.png');}
div.welfare div.bg3 {background-image:url('/image/sub/welfare03_m.png');}
div.welfare div.bg4 {background-image:url('/image/sub/welfare04_m.png');}
div.welfare div.bg5 {background-image:url('/image/sub/welfare05_m.png');}
div.welfare div.bg6 {background-image:url('/image/sub/welfare06_m.png');}
dl.welfare dt {margin-top: 20px;padding-left: 20px;font-size: 16px;background-size:auto 14px;background-position: center left; transform: skew(-0.1deg);}
dl.welfare dt:first-of-type {margin-top: 0;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.welfare div.bg {height: 190px;padding: 50px 0;font-size: 20px;background-position:bottom 0 right 40px;}
div.welfare div.bg br {display: none;}
div.welfare h3 {padding-bottom: 20px;font-size: 30px;}
div.welfare div.bg1 {background-image:url('/image/sub/welfare01.png');}
div.welfare div.bg2 {background-image:url('/image/sub/welfare02.png');}
div.welfare div.bg3 {background-image:url('/image/sub/welfare03.png');}
div.welfare div.bg4 {background-image:url('/image/sub/welfare04.png');}
div.welfare div.bg5 {background-image:url('/image/sub/welfare05.png');}
div.welfare div.bg6 {background-image:url('/image/sub/welfare06.png');}
dl.welfare {width: 100%;display: grid; grid-template-columns: 170px 1200px; gap: 25px;margin-top: 40px;word-break:keep-all;}
dl.welfare dt {width: 170px;padding-left: 40px;font-size: 26px;box-sizing: border-box; }
div.welfare div.bg6 br {display: none;}
}
/* 뇌전증 교육 */
div.education {}
div.education div {background-color: #f3faf4;border-bottom:1px solid #d7e1d8;text-align:center;}
div.education div p {font-family: 'ImcreSoojin', sans-serif;color: #3d8a48;line-height: 1;}
div.education div > ul.subMenu {margin:0 auto; }
div.education div > ul.subMenu a {border: 0 none;border-bottom:4px solid #f3faf4;color: #adadad;background-color:transparent;box-sizing: border-box; }
div.education div > ul.subMenu li.on a {color: #222;border-bottom-color:#222;}
div.education div.btn {background: none;border:none;margin-bottom: 0;}
div.education div.btn:after {display: none;}
dl.education {}
dl.education dt {font-family: 'Pretendard-Bold', sans-serif;color: #222;}
dl.education dd > .point {display: block;}
dl.education .point {color: #3d8a48;font-family: 'Pretendard-SemiBold', sans-serif;}
div.education li {margin-top: 3px;}
div.education .bg {background-color: #efefef;}
div.education table.tblDef {border-color:#3d8a48;}
div.education table.tblDef th {color: #3d8a48;text-align: center;}
div.education table.tblDef td:first-child {text-align: center;}
div.education table.tblDef.al td {text-align:left; }
ul.eduProgress, ul.eduProgress li {margin: 0; padding: 0; list-style: none; }
ul.eduProgress {font-size: 0;line-height: 0;}
ul.eduProgress li {display: inline-block;vertical-align: top;}
ul.eduProgress span {display:table-cell; width: 1000px;vertical-align:middle; color: #fff;text-align: center;border-style: solid;border-color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.eduProgress li,
ul.eduProgress span {position: relative;border-radius: 50%;box-sizing: border-box;}
ul.eduProgress li:first-child {margin-left: 0;}
ul.eduProgress li:before,
ul.eduProgress span:before,
ul.eduProgress span:after {position: absolute; display: block;top: 50%; transform: translateY(-50%); content:'';}
ul.eduProgress li:before {height: 2px;}
ul.eduProgress li:nth-child(1):before {background-color: #3675aa;}
ul.eduProgress li:nth-child(2):before {background-color: #00acb6;}
ul.eduProgress li:nth-child(3):before {background-color: #8560a6;}
ul.eduProgress li:nth-child(4):before {background-color: #de8285;}
ul.eduProgress li:nth-child(5):before {background-color: #ef6149;}
ul.eduProgress li:nth-child(6):before {background-color: #6fb344;}
ul.eduProgress li:nth-child(7):before {background-color: #ab3d6c;}
ul.eduProgress li:nth-child(8):before {background-color: #deac25;}
ul.eduProgress li:nth-child(9):before {display: none;}
ul.eduProgress span:before,
ul.eduProgress span:after {border-radius: 50%;box-sizing: border-box; }
ul.eduProgress span:before {}
ul.eduProgress span:after {border-style: solid;border-width: 2px;background-color: #fff;}
ul.eduProgress li:nth-child(1) span:before,
ul.eduProgress li:nth-child(9) span:after {display: none;}
ul.eduProgress li:nth-child(1),
ul.eduProgress li:nth-child(1) span{background-color: #3675aa;}
ul.eduProgress li:nth-child(2),
ul.eduProgress li:nth-child(2) span,
ul.eduProgress li:nth-child(2) span:before {background-color: #00acb6;}
ul.eduProgress li:nth-child(3),
ul.eduProgress li:nth-child(3) span,
ul.eduProgress li:nth-child(3) span:before {background-color: #8560a6;}
ul.eduProgress li:nth-child(4),
ul.eduProgress li:nth-child(4) span,
ul.eduProgress li:nth-child(4) span:before {background-color: #de8285;}
ul.eduProgress li:nth-child(5),
ul.eduProgress li:nth-child(5) span,
ul.eduProgress li:nth-child(5) span:before {background-color: #ef6149;}
ul.eduProgress li:nth-child(6),
ul.eduProgress li:nth-child(6) span,
ul.eduProgress li:nth-child(6) span:before {background-color: #6fb344;}
ul.eduProgress li:nth-child(7),
ul.eduProgress li:nth-child(7) span,
ul.eduProgress li:nth-child(7) span:before {background-color: #ab3d6c;}
ul.eduProgress li:nth-child(8),
ul.eduProgress li:nth-child(8) span,
ul.eduProgress li:nth-child(8) span:before {background-color: #deac25;}
ul.eduProgress li:nth-child(9),
ul.eduProgress li:nth-child(9) span,
ul.eduProgress li:nth-child(9) span:before {background-color: #a37e3a;}
ul.eduProgress li:nth-child(1) span:after {border-color: #3675aa;}
ul.eduProgress li:nth-child(2) span:after {border-color: #00acb6;}
ul.eduProgress li:nth-child(3) span:after {border-color: #8560a6;}
ul.eduProgress li:nth-child(4) span:after {border-color: #de8285;}
ul.eduProgress li:nth-child(5) span:after {border-color: #ef6149;}
ul.eduProgress li:nth-child(6) span:after {border-color: #6fb344;}
ul.eduProgress li:nth-child(7) span:after {border-color: #ab3d6c;}
ul.eduProgress li:nth-child(8) span:after {border-color: #deac25;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.education div {margin-bottom: 20px;}
div.education div p {padding: 20px 0;font-size: 20px;transform: skew(-0.1deg);}
div.education div > ul.subMenu {width: calc(100% - 20px);margin:0 auto; }
div.education div > ul.subMenu a {height: 50px;padding: 0 2px;font-size: 15px;}
div.education dl.rwMenu {margin-bottom: 20px;}
div.education dl.rwMenu > dt > a {background-color: #3d8a48;}
dl.education dt {padding-bottom: 5px;font-size: 16px;}
dl.education dd + dt {padding-top: 20px;}
dl.education .point {padding-top: 5px;}
div.education .bg {padding: 10px;margin-bottom: 10px;}
ul.eduProgress { text-align: center;}
ul.eduProgress li {width: 80px;height: 80px;padding: 3px;margin-left: 10px;margin-top: 10px;}
/*ul.eduProgress li:nth-child(-n+4) {margin-top: 0;}
ul.eduProgress li:nth-child(5) {margin-left: 0;}*/
ul.eduProgress li:before {right: -10px;width: 10px;}
ul.eduProgress span {height: 74px;font-size: 14px;line-height: 19px;border-width:3px;}
ul.eduProgress span:before,
ul.eduProgress span:after {width: 7px;height: 7px;}
ul.eduProgress span:before {left: -8px;}
ul.eduProgress span:after {right: -8px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.education div {position: relative;margin-bottom: 30px;}
div.education div:after {position: absolute; display: block; right: -30px;top: -30px; width: 301px;height: 216px;background:url('/image/sub/academy_bg.png') no-repeat center top;content:'';}
div.education div p {padding: 40px 30px;font-size: 35px;}
div.education div > ul.subMenu {width: 780px;}
div.education div > ul.subMenu a {height: 50px;font-size: 22px;background-color:transparent;}
div.education dl.rwMenu ul.subMenu li {width: calc(25% - 10px) !important;margin-left: 13px;margin-top: 13px;}
div.education dl.rwMenu ul.subMenu li:nth-child(1),
div.education dl.rwMenu ul.subMenu li:nth-child(5) {margin-left: 0;}
div.education dl.rwMenu ul.subMenu li:nth-child(-n+4) {margin-top: 0;}
div.education dl.rwMenu ul.subMenu li a {height: 66px;background-color: #efefef;color: #6f6f6f;font-size: 20px;border: 0;}
div.education dl.rwMenu ul.subMenu li.on a {background-color: #3d8a48;color: #fff;}
dl.education dt {padding-bottom: 10px;font-size: 24px;}
dl.education dd + dt {padding-top: 30px;}
dl.education .point {padding-top: 10px;}
div.education .bg {padding: 20px;margin-bottom: 20px;}
ul.eduProgress {margin-top: 30px;}
ul.eduProgress li {width: 104px;height: 104px;padding: 5px;margin-left: 20px;}
ul.eduProgress li:before {right: -20px;width: 20px;}
ul.eduProgress span {height: 94px;font-size: 17px;line-height: 23px;border-width:5px;}
ul.eduProgress span:before,
ul.eduProgress span:after {width: 10px;height: 10px;}
ul.eduProgress span:before {left: -13px;}
ul.eduProgress span:after {right: -13px;}
}
/* 뇌전증 정보 */
div.ebook {text-align: center;background:url('/image/sub/ebook_logo.png') no-repeat center top;}
div.ebook > * {display:block;margin:0 auto; }
div.ebook a.download {position: relative;text-align: left;background-color: #a53f93;color: #fff;font-family: 'Pretendard-Bold', sans-serif;box-sizing: border-box;overflow:hidden; }
div.ebook a.download span {position: absolute;display: block;top: 0;right: 0;background-color: #872375;text-align: center;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.ebook {padding-top: 40px;background-size:auto 28px;}
div.ebook a.download {width: 290px;margin:0 auto; margin-top: 20px;padding: 0 100px 0 13px;font-size: 17px;line-height: 40px;border-radius: 20px;letter-spacing: -1px;}
div.ebook a.download span {width: 100px;border-radius: 0 20px 20px 0;}
div.ebook a.download span img {width: 12px;padding: 13px 0 0 5px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.ebook {padding-top: 60px;}
div.ebook a.download {width: 500px;margin-top: 30px;padding: 0 190px 0 40px;font-size: 24px;line-height: 60px;border-radius: 30px;}
div.ebook a.download span {width: 190px;border-radius: 0 30px 30px 0;}
div.ebook a.download span img {padding: 18px 0 0 10px;}
}
/* 자주하는 질문 */
div.faq {}
dl.faq {position: relative;counter-increment: number;}
dl.faq:before {position: absolute;display: block;left: 0;top: 0;color: #0d276a;font-family: 'Noto Serif KR', serif;letter-spacing: -2px;content: "Q"counter(number);}
dl.faq:after {z-index: -1;position: absolute; display: block; top: 0;border-radius: 50%;background-color:#f9f9ff;content:'';}
dl.faq:first-child {margin-top: 0;}
dl.faq dt {color: #3c3f80;font-family: 'Pretendard-Bold', sans-serif;}
dl.faq dd {background-color: #f9f9ff; word-break:keep-all;}
div.faq dl.seizure {background-color: #f9f9ff; word-break:keep-all; padding: 20px;border-radius: 10px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
dl.faq {margin-top: 20px;}
dl.faq dt {padding: 0 0 15px 40px;font-size: 16px;}
dl.faq dd {padding: 10px;border-radius: 5px;}
dl.faq:before {font-size: 23px;}
dl.faq:after {left: 5px;width: 30px;height: 30px;}
div.faq ul.tabMenu li a {height:66px !important;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.faq ul.subMenu {width: 940px;}
dl.faq {margin-top: 40px;}
dl.faq dt {padding: 0 0 10px 70px;font-size: 24px;}
dl.faq dd {margin-left: 70px;padding: 20px;border-radius: 10px;}
dl.faq:before {font-size: 34px;}
dl.faq:after {left: 10px;top: 0;width: 44px;height: 44px;}
}
/* 복지정보 */
div.welfareInfo {}
dl.welfareInfo > dd:last-child {margin-bottom: 0;}
dl.welfareInfo > dd dt {font-family: 'Pretendard-SemiBold', sans-serif;}
dl.welfareInfo table.tblDef {border-color: #2d2d2d;}
dl.welfareInfo table.tblDef th {position: relative;text-align: center;color: #000;}
dl.welfareInfo table.tblDef th:before {position: absolute; display: block; left: 0;top: 50%; transform: translateY(-50%);width: 1px;height: 20px;background-color:#bcbcbc;content:'';}
dl.welfareInfo table.tblDef th:first-child:before {display: none;}
dl.welfareInfo table.tblDef td {text-align: center;border-left:1px solid #bbb;}
dl.welfareInfo table.tblDef td:first-child {border-left: 0 none;}
dl.welfareInfo p + div.tableScroll {margin-top: 10px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.welfareInfo ul.subMenu a {height: 50px;padding: 0;}
dl.welfareInfo > dt {margin: 0;font-size: 17px;}
dl.welfareInfo > dd {margin-bottom: 20px;}
dl.welfareInfo > dd * + dt {padding-top: 10px;font-size: 15px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.welfareInfo ul.subMenu {width: 940px;}
dl.welfareInfo {font-size: 0;line-height: 0;}
dl.welfareInfo:after {clear: both; display: block; content: ''; font-size: 0; line-height: 0; height: 0; }
dl.welfareInfo > dt {clear: both;float: left;margin: 0 0 15px;font-size: 26px;box-sizing: border-box;}
dl.welfareInfo > dd {float: right;width: calc(100% - 170px);margin-bottom: 50px;font-size: 17px;line-height: 26px;}
dl.welfareInfo > dd * + dt {padding-top: 15px;font-size: 18px;}
dl.welfareInfo dd.clear {width: 100%;}
}
/* 이용약관 */
div.rule {}
div.rule h3.subTit {font-family: 'Pretendard-SemiBold', sans-serif;}
div.rule h3.subTit:first-child {margin-top: 0;}
div.rule ul.noBl li, div.rule ul.listNum li {margin-top: 0;}
div.rule table.tblDef {border-color:#2d2d2d;}
div.rule table.tblDef th {background-color: #f7f7f7;color: #000;text-align: center;border-bottom:1px solid #ddd;}
div.rule table.tblDef td {text-align: center;border-left:1px solid #e2e2e2;}
div.rule table.tblDef td:first-child {border-left: 0;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.rule h3.subTit {margin: 30px 0 0;padding-left: 20px;font-size: 16px;line-height: 26px;background-size:13px 14px;}
dl.rule dd,
div.rule ul.noBl > li > * {padding-left: 15px;}
div.rule ul.noBl table.tblDef {padding-left: 0;margin-top: 5px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.rule h3.subTit {margin: 30px 0 0;padding-left: 25px;font-size: 18px;line-height: 30px;background-size:15px 16px;}
dl.rule dd,
div.rule ul.noBl > li > * {padding-left: 22px;}
div.rule ul.noBl table.tblDef {padding-left: 0;margin-top: 10px;}
}
/* 뇌자도 검사 운영 */
div.operation {}
dl.operation dt {display: inline-block;vertical-align: top;margin-bottom: 5px;font-family: 'Pretendard-SemiBold', sans-serif;color: #0e0e0e;background-color:#f0dff7;line-height: 1;}
dl.operation strong {display: block;}
div.reservation {background-color: #f9f4fb;text-align: center;}
div.reservation span {color: #872375;font-family: 'ImcreSoojin', sans-serif;}
ol.testProgress, ol.testProgress li {margin: 0; padding: 0; list-style: none; }
ol.testProgress {display: grid; counter-reset: number;}
ol.testProgress li {position: relative;text-align: center;color: #5630af;font-family: 'ImcreSoojin', sans-serif;background-position:0 0;background-repeat: no-repeat;background-image:url('/image/sub/testProgress_bg.png');box-sizing: border-box; }
ol.testProgress li:before {position: absolute; display: block; box-shadow: 1px 1px 5px 3px rgba(70, 74, 221, 0.3); border-radius: 50%;background-color: #fff;color: #222;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;content: "0"counter(number);counter-increment: number 1;}
ol.testProgress img {display: block;margin:0 auto; }
ol.testProgress li:last-child {background-image:url('/image/sub/testProgress_bg2.png');}
div.operation ul.listBar.bg {background-color: #f7f7f7; }
div.operation ul.listBar li {margin-top: 0;}
dl.prepare {position: relative;}
dl.prepare:first-child {margin-top: 0;}
dl.prepare img {position: absolute;display: block;left: 0;top: 0;}
ul.hospitalInfo, ul.hospitalInfo li,
ul.contact, ul.contact li {margin: 0; padding: 0; list-style: none; }
ul.hospitalInfo {display: grid; border:1px solid #dcdcdc;}
ul.hospitalInfo li {position: relative;}
ul.hospitalInfo li strong,
ul.hospitalInfo li span {display: block;}
ul.hospitalInfo li span {color: #47b954;font-family: 'Pretendard-SemiBold', sans-serif;}
ul.hospitalInfo li img,
ul.contact img {position: absolute;display: block;top: 50%; transform: translateY(-50%); }
ul.contact {display: grid; background-color: #f7f7f7;}
ul.contact li {position: relative;}
ul.contact li strong {display: block;color: #0e0e0e;}
ul.contact li a {background-color:#872375;color: #fff;text-align: center;font-family: 'Pretendard-SemiBold', sans-serif;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.operation ul.tabMenu {margin-bottom: 20px;}
div.operation h3.subTIt {margin-bottom: 0;}
dl.operation dt {letter-spacing: -0.5px;}
dl.operation dd + dt {margin-top: 5px;}
div.reservation {position: relative;padding: 10px 15px 40px;font-size: 14px;line-height: 38px;transform: skew(-0.1deg);}
div.reservation span {display: block;position: absolute;bottom: 15px;left: 50%; transform: translateX(-50%); padding: 0 10px;font-size: 20px;line-height: 1;}
div.reservation span img {height: 20px;padding-right: 10px;}
ol.testProgress {width: 290px;margin:0 auto 30px; grid-template-columns: repeat(2, 1fr); gap: 30px 5px;}
ol.testProgress li {height: 120px;padding: 35px 50px 30px 26px;font-size: 14px;transform: skew(-0.1deg);background-size:auto 100%;}
ol.testProgress li img {padding-bottom: 3px;}
ol.testProgress li:before {left: 42px;top: -13px;width: 30px;height: 30px;line-height: 28px;font-size: 14px;}
div.operation ul.listBar.bg {padding: 15px;}
div.operation div.mapArea {height:250px;}
dl.prepare {margin-top: 10px;padding-left: 30px;}
dl.prepare img {width: 20px;}
ul.hospitalInfo {grid-template-columns: repeat(1, 1fr);gap:10px;padding: 15px;}
ul.hospitalInfo li {padding-left: 30px;line-height: 20px;}
ul.hospitalInfo li:last-child {padding-top: 10px;border-top:1px solid #dcdcdc;}
ul.hospitalInfo li img {left: 0;width: 18px;}
ul.contact {padding: 15px; grid-template-columns: repeat(1, 1fr);gap:15px;}
ul.contact li {padding-left:60px;}
ul.contact img {left: 0;height: 50px;}
ul.contact li:last-child img {top: 0;transform: none;}
ul.contact li strong {font-size: 16px;}
ul.contact li a {display: block;width: 150px;height: 35px;margin-top: 5px;border-radius: 20px;line-height: 35px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.operation ul.tabMenu {margin-bottom: 30px;}
dl.operation dt {font-size: 18px;}
dl.operation dd + dt {margin-top: 10px;}
div.reservation {padding: 31px;font-size: 17px;line-height: 38px;}
div.reservation span {padding-right: 15px;font-size: 38px;line-height: 1;}
div.reservation span img {padding-right: 10px;}
ol.testProgress {width: 764px;margin:0 auto 30px; grid-template-columns: repeat(4, 1fr); gap: 20px;}
ol.testProgress li {height: 150px;padding: 45px 60px 45px 35px;font-size: 22px;}
ol.testProgress li img {padding-bottom: 5px;}
ol.testProgress li:before {left: 51px;top: -17px;width: 46px;height: 46px;line-height: 44px;font-size: 18px;}
div.operation ul.listBar.bg {padding: 25px 300px;}
div.operation div.mapArea {height: 445px;}
dl.prepare {margin-top: 15px;padding-left: 55px;}
dl.prepare:first-child {margin-top: 0;}
ul.hospitalInfo {grid-template-columns: repeat(2, 1fr);gap:0;padding: 25px;}
ul.hospitalInfo li {padding-left: 160px;line-height: 25px;}
ul.hospitalInfo li:last-child {border-left:1px solid #dcdcdc;}
ul.hospitalInfo li img {left: 110px;}
ul.hospitalInfo li p.operation_map {padding-top:15px;}
ul.contact {padding: 40px 200px; grid-template-columns: repeat(2, 1fr);}
ul.contact li {padding: 0 200px 0 115px;}
ul.contact img {left: 0;}
ul.contact li strong {font-size: 20px;}
ul.contact li a {position: absolute;display: block;top: 50%; transform: translateY(-50%); right: 0;width: 195px;height: 45px;line-height: 45px;border-radius: 23px;}
}
/* activation */
div.activation {}
div.activation > *:first-child {margin-top: 0;}
ul.imgList, ul.imgList li {margin: 0; padding: 0; list-style: none; }
ul.imgList {display: grid; }
ul.imgList li, div.activation div.imgBox {text-align: center;color: #828282;}
ul.imgList li img, div.activation div.imgBox img {display: block;margin:0 auto 5px;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.activation > * {margin-top: 10px;}
div.activation ul.imgList {grid-template-columns: repeat(1, 1fr); gap: 10px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.activation > * {margin-top: 20px;}
div.activation ul.imgList {grid-template-columns: repeat(2, 1fr); gap: 40px;}
}
/* 발작 응급대처법 */
div.seizure {}
div.seizure h3 {margin: 0;padding: 0;font-weight: 500;text-align: center;color: #2430a5;font-family: 'ImcreSoojin', sans-serif;background-color: #f5faff;}
div.seizure h3 span {display: block;color: #414141;font-family: 'Pretendard-Regular', sans-serif;}
ul.seizure, ul.seizure > li {margin: 0;padding: 0;list-style: none;}
ul.seizure > li {position: relative;font-family: 'Pretendard-Medium', sans-serif;}
ul.seizure > li img {position: absolute;left: 0;top: 0;}
ul.seizure li li {color: #333;font-family: 'Pretendard-Light', sans-serif;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.seizure h3 {position: relative;padding: 20px 0;font-size: 20px;line-height: 30px;}
div.seizure h3 span {padding-top: 5px;font-size: 16px;line-height: 20px;}
ul.seizure {padding: 10px;}
ul.seizure > li {margin-top: 10px;padding: 5px 0 5px 40px;font-size: 16px;line-height: 20px;}
ul.seizure img {height: 30px;}
ul.seizure li li {font-size: 14px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.seizure h3 {position: relative;padding: 55px 0;font-size: 35px;line-height: 40px;}
div.seizure h3:after {content: "";position: absolute;right: 40px;bottom: -70px;width: 315px;height: 212px;background: url('/image/sub/seizure_bg.png') 0 0 no-repeat;}
div.seizure h3 span {padding-top: 15px;font-size: 19px;line-height: 20px;}
ul.seizure {padding: 20px 10px;}
ul.seizure > li {margin-top: 10px;padding: 5px 0 5px 55px;font-size: 19px;line-height: 25px;}
ul.seizure li li {font-size: 17px;}
}
div.phoneNum {text-align: center;}
div.phoneNum:before,
div.phoneNum:after {content: "";display: inline-block;vertical-align: top;background: url('/image/sub/phoneNum_bg.png') 0 0 no-repeat;}
div.phoneNum:after {transform:rotate(180deg);}
div.phoneNum > span {display: inline-block;vertical-align: top;color: #872375;font-family: 'ImcreSoojin', sans-serif;}
div.phoneNum > span:before {content: attr(pub-txt);display: block;color: #222;font-family: 'Pretendard-Medium', sans-serif;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
div.phoneNum {padding-top: 30px;}
div.phoneNum:before,
div.phoneNum:after {width: 30px;height: 20px;background-size: auto 100%;}
div.phoneNum:before {margin-right: 5px;}
div.phoneNum:after {margin: 10px 0 0 5px;}
div.phoneNum > span {font-size: 20px;line-height: 20px;}
div.phoneNum > span:before {padding-bottom: 5px;font-size: 14px;line-height: 18px;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
div.phoneNum {padding-top: 100px;}
div.phoneNum:before,
div.phoneNum:after {width: 56px;height: 40px;}
div.phoneNum:before {margin-right: 20px;}
div.phoneNum:after {margin: 20px 0 0 20px;}
div.phoneNum > span {font-size: 44px;line-height: 44px;}
div.phoneNum > span:before {padding-bottom: 15px;font-size: 22px;line-height: 22px;}
}
/* hospitalList */
.hospitalList {}
.hosAlert {position: relative;background-color: #f9f2f8;background-repeat: no-repeat;}
.hosAlert h5 {font-family: 'Pretendard-Bold', sans-serif;}
.hosAlert .listNum li {margin-top: 0;}
.hosAlert p span.tell {display: block;font-family: 'Pretendard-Bold', sans-serif;}
.hosAlert p.sign {text-align: right;font-family: 'Pretendard-Bold', sans-serif;}
.hosAlert p.sign span {display: block;color:#872375;font-family: 'Pretendard-Regular', sans-serif;}
/* 테이블 */
.hospitalList table.rwTbl {width: 100%;padding:0;border-spacing:0px;border-collapse:collapse;}
.hospitalList table.rwTbl th,
.hospitalList table.rwTbl td {border-bottom: 1px solid #bcbcbc;box-sizing:border-box;}
.hospitalList table.rwTbl td.homeLink a {display: block;width: 26px;height: 26px;margin: 0 auto;background: no-repeat url('/image/sub/hospital_home.png') center;font-size: 0;line-height: 0;}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
.hosAlert {margin-top: 15px;padding: 200px 15px 20px 15px;background-image: url('/image/sub/hospitalAlert_bg.png');background-position: center 17px;background-size: 140px;text-align: left;}
.hosAlert h5 {margin-top: 15px;font-size: 20px;}
.hosAlert .listNum {margin-top: 10px;}
.hosAlert p {margin-top: 15px;font-size: 15px;}
.hosAlert p:first-of-type {margin-top: 0;}
.hosAlert p.sign span {font-size: 14px;}
.hospitalList table.rwTbl {border-bottom: 1px solid #bcbcbc;}
.hospitalList table.rwTbl td {min-height: 37px;line-height: 26px;}
.hospitalList table.rwTbl td:first-child {padding-top: 0;}
.hospitalList table.rwTbl td:first-child:before {content:'병원정보';display: block;margin-bottom: 5px;padding: 4px;background-color: #f9f2f8;border-top: 2px solid #872375;border-bottom: 1px solid #bcbcbc;font-family: 'Pretendard-Medium', sans-serif;}
.hospitalList table.rwTbl td:last-child {border-bottom: none;}
.hospitalList div.tabArea ul.subTab {display:flex; justify-content:center;}
.hospitalList div.tabArea ul.subTab li {width:40%;}
.hospitalList div.tabArea ul.subTab li:nth-of-type(2) {margin-left:10px;}
.hospitalList div.tabArea ul.subTab li a {border-radius: 40px; border-left:1px solid #dcdcdc;}
.hospitalList div.tabArea ul.subTab li.on a {background-color:#a53f93; border:1px solid #a53f93;}
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
.hosAlert {margin-top: 20px;padding: 45px 45px 85px 510px;background-image: url('/image/sub/hospitalAlert_bg.png');background-position: 120px center;}
.hosAlert h5 {font-size: 24px;margin-top: 25px;}
.hosAlert .listNum {margin-top: 10px;}
.hosAlert p {margin-top: 25px;}
.hosAlert p:first-of-type {margin-top: 0;}
.hosAlert p.sign {position: absolute;right: 25px;bottom:25px;margin-top: 0;}
.hosAlert p.sign span {font-size: 15px;}
/* 테이블 */
.hospitalList table.rwTbl thead th {position: relative;background-color: #f9f2f8;color:#000;font-family: 'Pretendard-Medium', sans-serif;font-weight: normal;}
.hospitalList table.rwTbl thead th:before {content:'';position: absolute;left: 0;top: 50%;width: 1px;height: 50%;transform:translateY(-50%);background-color: #bcbcbc;}
.hospitalList table.rwTbl thead th:first-child:before {display: none;}
.hospitalList table.rwTbl {border-top: 2px solid #872375;}
.hospitalList table.rwTbl th,
.hospitalList table.rwTbl td {padding: 8px;}
.hospitalList table.rwTbl td {border-left: 1px solid #bcbcbc;}
.hospitalList table.rwTbl td:first-child {border-left: none;}
.hospitalList div.tabArea ul.subTab {display:flex; justify-content:center;}
.hospitalList div.tabArea ul.subTab li {width:420px;}
.hospitalList div.tabArea ul.subTab li:nth-of-type(2) {margin-left:10px;}
.hospitalList div.tabArea ul.subTab li a {border-radius: 40px; border-left:1px solid #dcdcdc;}
.hospitalList div.tabArea ul.subTab li.on a {background-color:#a53f93; border:1px solid #a53f93;}
}
/* Mobile : ~ width:960px */
@media screen and (max-width: 960px) {
}
/* PC : width:961px ~ */
@media screen and (min-width: 961px) {
}