@charset "utf-8";
@import url('fontawesome.css');
@import url('NotoSansKR.css');
@import url('Roboto.css');

img {display: inline-block;max-width: 100%;vertical-align: top;}

select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 40px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}


input[type=radio],
input[type=checkbox] {vertical-align:top;margin:0 5px 0 20px;}
table input[type=radio],
table input[type=checkbox] {margin:6px 5px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}

span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;box-sizing:border-box;border: 1px solid #dcdcdc;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: #b33130 url('/image/icon/checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}

td label,
td span:not(#content_parent) {display:inline-block;} /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */


/* 버튼 디자인 */
.btn a,
.btn > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'NotoSansKR Regular', sans-serif;}

.btn a, .btn > span {height:auto;line-height: 19px;padding: 7px 15px;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:120px;height:40px;padding:6px 30px 10px;font-size:16px;font-weight: normal;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
.btn a.btnBig, .btn > span.btnBig {min-width:78px;height:auto;padding:9px 20px 10px;}

div.btnArea {text-align: center;font-size: 0;line-height: 0;}
div.btnArea *:first-child {margin-left:0 !important;}
div.btnArea > .btnBig {margin-left:5px;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:2px 10px 1px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:4px 10px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}



/* 남색 */				.btn .btnDef {background-color:#3f4265 !important;border-color:#3f4265 !important;color:#fff !important;}
/* 하늘색 */			.btn .btnPoint {background-color:#1ea9c8 !important;border-color:#1ea9c8 !important;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#888a99 !important;border-color:#888a99 !important;color:#fff !important;}
/* 검정색 */			.btn .btnOrg {background-color:#e89900 !important;border-color:#e89900 !important;color:#fff !important;}
/* 파란색 */			.btn .btnBlue {background-color:#4274a1 !important;border-color:#4274a1 !important;color:#fff !important;}




/* border+남색 */				.btn .btnBdDef {background-color:#fff !important;border-color:#3f4265 !important;color:#3f4265 !important;}
/* border+하늘색 */			.btn .btnBdPoint {background-color:#fff !important;border-color:#1ea9c8 !important;color:#1ea9c8 !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff !important;border-color:#888a99 !important;color:#444 !important;}

.btn .btnGr {background: linear-gradient(to right, #1da8c7, #2e4795);border: 0 none;background-size: 100%;color: #fff !important;}
.btn a.btnGr, .btn > span.btnGr {padding: 8px 15px;}
.btn a.btnBig.btnGr, .btn > span.btnBig.btnGr {padding:16px 20px 15px;}
.btn a.btnSmall.btnGr {padding:5px 10px;}

.btn .btnExcel {background-color:#217346 !important;border-color:#217346 !important;color:#fff !important;}



/* 텍스트 */
.fcPoint {color: #1ea9c8 !important;} /* 하늘색 */
.fcRed {color: #b33130 !important;}
.fwBold {font-family: 'NotoSansKR Medium', sans-serif !important;font-weight: normal;}

strong {font-family: 'NotoSansKR Medium', sans-serif !important;font-weight: normal;}

a.conLink {display: inline;border-bottom: 1px solid #888a99;text-decoration: none;word-break:break-all;}

.txtUnderline {display: inline-block;padding: 0 5px;box-shadow: inset 0 -8px 0 #edf8ff;color: #056cae;}


div.contents {font-family: 'NotoSansKR DemiLight', sans-serif;color: #222;font-size: 16px;line-height: 25px;}

.subTit {margin: 30px 0 5px;padding: 10px 0 4px 50px;font-size: 19px;line-height: 22px;color: #222;font-weight: normal;background: url('/image/common/subTit.png') 0 0 no-repeat;background-size: 40px;font-family: 'NotoSansKR Medium', sans-serif;}
.subTit_bl {margin: 30px 0 5px;padding: 0 0 0 20px;font-size: 16px;line-height: 20px;color: #1d3e94;font-weight: normal;background: url('/image/common/subTit_bl.png') 0 6px no-repeat;background-size: 15px;font-family: 'NotoSansKR Medium', sans-serif;}
.pointTit {margin: 30px 0 5px;padding: 0;font-size: 16px;line-height: 20px;color: #1d3e94;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
.titBg {margin: 30px 0 5px;padding: 6px 15px 8px;border-radius:2px;font-size: 16px;line-height: 20px;color: #fff;font-weight: normal;background: linear-gradient(to right, #57aaff, #58e6e5);font-family: 'NotoSansKR Medium', sans-serif;}
.boldTit {margin: 15px 0 5px;padding: 0;font-size: 16px;line-height: 20px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}

.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child,
legend + * {margin-top: 0 !important;}

div.ing,
div.pcNote {color: #222;text-align: center;font-size: 18px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;word-break:keep-all;}
div.ing img,
div.pcNote img {display: block;width: 112px;margin: 0 auto 10px;}


div.wrapper {overflow: hidden;position: relative;min-width:320px;font-family:'NotoSansKR DemiLight', sans-serif;font-size: 14px;line-height:1.5;color: #222;background-color: #fff;}

div#headerWrap {position: relative;height: 50px;border-bottom: 1px solid #e8e8e8;}

div.titArea {position: relative;padding: 0 50px;}
div.titArea a {display: block;}
div.titArea img {display: block;height: 30px;padding: 10px 0;margin: 0 auto;}

div.titArea h1 {display: block;margin: 0;}
div.titArea h1 img {display: block;height: 54px;padding: 0;}


div.titArea div a {position: absolute;top: 0;width: 50px;height: 50px;margin: 0;}
div.titArea a.gnbView {right: 0;}
div.titArea a.gnbSearch {left: 0;}


div.gnbWrap {z-index: 100;position: fixed;left: 100%;top: 0;width: 100%;min-width: 320px;height: 100%;padding: 50px 0 60px;background-color: #f9f9f9;box-sizing:border-box;}
div.gnbWrap:before {position: absolute;left: 0;top: 0;width: 120px;height: 100%;content: "";background-color: #4b4b4b;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {position: absolute;left: 0;top: 0;width: 100%;padding:0 50px 0 15px;background-color: #fff;box-sizing:border-box;}
ul.headerUtil li {float: left;width: 34%;}
ul.headerUtil li:first-child {width: 32%;}
ul.headerUtil a {position: relative;display: table-cell;width: 200px;height: 50px;padding-left: 40px;vertical-align: middle;color: #282828;font-size: 12px;line-height: 20px;font-family:'NotoSansKR Medium', sans-serif;}
ul.headerUtil img {position: absolute;left: 0;top: 50%;height: 30px;margin-top: -15px;}
ul.headerUtil li.close {position: absolute;right: 0;top: 0;width: 50px;height: 50px;}
ul.headerUtil li.close a {display: block;width: 50px;height: 50px;padding: 0;}
ul.headerUtil li.close img {left: 50%;margin: -15px 0 0 -15px;}

div.gnbWrap div.goto {position: absolute;left: 0;bottom: 0;width: 100%;}
div.gnbWrap div.goto a {display: block;padding: 20px 0;color: #fff;text-decoration: none;font-size: 15px;line-height: 20px;font-family:'NotoSansKR Bold', sans-serif;background-color: #092541;text-align: center;}
div.gnbWrap div.goto a:after {display: inline-block;padding-left: 10px;content: ">";vertical-align: top;}

ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {position: relative;height: 100%;overflow-x: hidden;overflow-y: auto;}
ul#gnb a {text-decoration: none;word-break:keep-all;}
ul#gnb > li {width: 120px;}
ul#gnb > li > a {display: table-cell;width: 120px;height: 50px;padding: 0 15px;color: #fff;border-bottom: 1px solid #666;font-size: 14px;line-height: 16px;text-align: center;vertical-align: middle;font-family:'NotoSansKR DemiLight', sans-serif;box-sizing:border-box;}
ul#gnb ul {display: none;position: absolute;left: 120px;top: 0;width: calc(100% - 120px);padding: 15px;box-sizing:border-box;}
ul#gnb ul li {margin-top: 10px;}
ul#gnb ul li:first-child {margin-top: 0;}
ul#gnb ul a {position: relative;padding-left: 10px;color: #414141;font-size: 14px;font-family: 'NotoSansKR Regular', sans-serif;}
ul#gnb ul a:before {position: absolute;left: 0;top: 8px;width: 4px;height: 4px;border-radius: 2px;content: "";background-color: #7d7d7d;}

ul#gnb > li.view > a {background-color: #056cae;font-family:'NotoSansKR Bold', sans-serif;}
ul#gnb .view ul {display: block;}

div.gnbSearch {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;padding:60px 15px 15px;background-color: #023963;text-align: center;font-size: 0;line-height: 0;box-sizing:border-box;}
div.gnbSearch input[type=text] {width: 100%;height: 50px;padding: 10px 50px 10px 15px;vertical-align: top;border: 0 none;border-bottom: 2px solid #fff;color: #fff;font-size: 20px;line-height: 30px;font-family: 'NotoSansKR DemiLight', sans-serif;box-sizing:border-box;background: url('/image/common/gnbSearch_btn.png') right top no-repeat;background-color: transparent;background-size: 50px;}
div.gnbSearch input[type=text]::placeholder {color: #fff;}
div.gnbSearch input[type=submit] {width: 50px;height: 50px;vertical-align: top;margin-left: -50px;opacity: 0;}
div.gnbSearch .close {position: absolute;left: 0;top: 0;width: 50px;height: 50px;margin: 0;}
div.gnbSearch .close a,
div.gnbSearch .close img {display: block;width: 100%;}


div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap p, div#footerWrap address, div#footerWrap ul, div#footerWrap li {margin: 0;padding: 0;list-style:none;}
div#footerWrap {position: relative;border-top: 1px solid #d6d6d6;font-size: 12px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

ul.footerUtil {position: relative;margin: 0 auto !important;border-bottom: 1px solid #d6d6d6;padding: 10px 0 !important;font-size: 0;line-height: 0;text-align: center;}
ul.footerUtil li {position: relative;display: inline-block;padding-left: 25px !important;vertical-align: top;}
ul.footerUtil li:before {position: absolute;left: 12px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #b7b7b7;}
ul.footerUtil li:first-child::before {display:none;}

ul.footerUtil a {display: block;color: #252525;font-size: 10px;line-height: 20px;text-decoration: none;}
ul.footerUtil li:first-child a {font-family: 'NotoSansKR Medium', sans-serif;}

div#footerWrap > div {position: relative;padding: 15px;color: #959595;}
div#footerWrap > div:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#footerWrap > div span {color: #636363;}
div#footerWrap > div ul {overflow: hidden;}
div#footerWrap > div li {float: left;}
div#footerWrap > div li span {position: relative;padding-left: 12px;}
div#footerWrap > div li span:before {position: absolute;left: 5px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #ccc;}
div#footerWrap > div li:nth-child(1) span {padding-left: 0;}
div#footerWrap > div li:nth-child(1) span:before {display: none;}

ul.footerMore {padding-bottom: 5px !important;font-size: 0;line-height: 0;text-align: center;}
ul.footerMore li {float: none !important;display: inline-block;vertical-align: top;padding:0 0 5px 10px !important;}
ul.footerMore li:first-child {padding-left: 0 !important;}
ul.footerMore a {display: block;}
ul.footerMore img {display: block;height: 30px;}

div#footerWrap div.ssl {float: right;height: 40px;}
div#footerWrap div.ssl img {display: block;height: 100%;}


.pageTit {visibility: hidden;margin: 0;padding: 0;font-size: 0;line-height: 0;}

dl#lnb, dl#lnb dt, dl#lnb dd, dl#lnb ul, dl#lnb li, dl#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl#lnb {z-index: 50;position: relative;}
dl#lnb > dt {background: linear-gradient(to right, #1da8c7, #2e4795);}
dl#lnb a {display: block;font-family:'NotoSansKR DemiLight', sans-serif;font-size: 14px;line-height: 20px;}
dl#lnb > dt a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;padding:15px 60px 15px 20px;font-size: 19px;line-height: 25px;font-family:'NotoSansKR Medium', sans-serif;}
dl#lnb > dt a:after {position: absolute;right: 20px;top: 50%;width: 20px;height: 20px;margin-top: -10px;content: "";background: url('/image/common/lnb_bl.png') center center no-repeat;background-size: 20px;}
dl#lnb > dt.view a:after {transform:rotate(180deg);}

dl#lnb > dd {display: none;position: absolute;left: 0;top: 55px;width: 100%;padding:0 2px 2px;background: linear-gradient(to right, #1da8c7, #2e4795);box-sizing:border-box;}
dl#lnb ul {padding: 5px 15px 15px;background-color: #fff;}
dl#lnb li {padding-top: 10px;}
dl#lnb li a {color: #415f9c;word-break:keep-all;}

div.contents > div {padding: 15px;}


p#goTop {z-index: 50;position: fixed;right: 15px;bottom: 15px;width: 40px;}
p#goTop a {display: block;padding: 5px 0;border-radius:5px;text-align: center;color: #fff;background-color: #092541;text-decoration: none;font-size: 12px;}
p#goTop a:before {display: block;content: "\f077";font-family: "Font Awesome 5 Free";font-weight: 900;}

div.main p#goTop {display: none !important;}


/* 서브메뉴관련 css */
ul.subMenu,
ul.tabMenu {clear: both;position: relative;margin: 0;padding: 0;}
ul.subMenu:after,
ul.tabMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.subMenu li,
ul.tabMenu li {float: left;margin: 0;list-style:none;}

ul.subMenu li:first-child,
ul.tabMenu li:first-child {}

ul.subMenu a,
ul.tabMenu a {display:block;padding: 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center; text-decoration: none; color: #222;font-size: 12px;line-height: 16px;}

ul.subMenu li.on a,
ul.tabMenu li.on a {background-color: #415f9c; border-color: #415f9c; color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}


ul.col2ea > li {width: 50%;}
ul.col3ea > li {width: 33.4%;}
ul.col3ea > li:nth-child(3n+1) {width: 33.2%;}

ul.col4ea > li {width: 25%;}
ul.col5ea > li {width: 20%;}

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1) {clear: both;padding-left: 0;}

ul.col2ea > li:nth-child(2n+1) a,
ul.col3ea > li:nth-child(3n+1) a,
ul.col4ea > li:nth-child(4n+1) a,
ul.col5ea > li:nth-child(5n+1) a {border-left: 1px solid #ccc;}

ul.col2ea > li:nth-child(-n+2) a,
ul.col3ea > li:nth-child(-n+3) a,
ul.col4ea > li:nth-child(-n+4) a,
ul.col5ea > li:nth-child(-n+5) a {border-top: 1px solid #ccc;}


dl.toggleArea, dl.toggleArea dt, dl.toggleArea dd, dl.toggleArea ul, dl.toggleArea li {margin: 0;padding: 0;list-style:none;}
dl.toggleArea {position: relative;margin: 0;padding: 15px;background-color: #f5f5f8;}
dl.toggleArea > * {margin: 0;}
dl.toggleArea a {display: block;padding: 0 10px;color: #3f4265;text-decoration: none;}
dl.toggleArea a.trigger {position: relative;overflow:hidden;padding: 5px 30px 5px 10px;border: 1px solid #ddd;background-color: #fff;text-overflow:ellipsis;white-space:nowrap;}
dl.toggleArea a.trigger:after {position: absolute;right: 10px;top: 50%;margin-top: -.5em;line-height: 1em;content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;}
dl.toggleArea > dd {overflow-x: hidden;overflow-y: auto;position: absolute;left: 15px;top: 47px;width: calc(100% - 32px);max-height: 100px;border: 1px solid #ddd;background-color: #fff;}
dl.toggleArea ul {padding: 5px 0 10px;}
dl.toggleArea li {margin-top: 5px;}
dl.toggleArea li.on a {color: #415f9c;font-family: 'NotoSansKR Medium', sans-serif;}

.bgArea {padding: 15px;background-color: #f0f4ff;}


ul.listDot, ul.listDot > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,
ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style:none;}
ul.listDot > li,
ul.listBar > li {position: relative;padding-left: 1em !important;}
ul.listDot > li:before,
ul.listBar > li:before {position: absolute;left: 0;top: 0;text-indent: 0 !important;}
ul.listDot > li:before {content: "·";font-weight: bold;color: #1d3e94;}
ul.listBar > li:before {content: "-";}


ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 18px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}




/* main */
div.main h3, div.main dl, div.main dt, div.main dd div.main ul, div.main li, div.main p, div.main a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.main {background: #b8cfe7 url('/image/main/mainBg.png') center bottom no-repeat;background-size: 100%;}

div.mainBnr {position: relative;}
div.mainBnr a, div.mainBnr img {display: block;width: 100%;}
div.mainBnr div.bx-pager {position: absolute;left: 25px;bottom: 20px;}
div.mainBnr div.bx-pager > div {float: left;width: 18px;height: 18px;margin-left: 5px;}
div.mainBnr div.bx-pager > div:first-child {margin-left: 0;}
div.mainBnr div.bx-pager a {position: relative;display: block;width: 18px;height: 18px;border-radius:9px;font-size: 0;line-height: 0;box-sizing:border-box;}
div.mainBnr div.bx-pager a:before {position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-radius:4px;margin: -4px 0 0 -4px;content: "";background-color: #e4effc;}
div.mainBnr div.bx-pager a.active {border: 2px solid #fff;}
div.mainBnr div.bx-pager a.active:before {background-color: #fff;}
/* 2024-07-22 e-book 링크 추가 */
div.mainBnr li.ebook {position: relative;}
div.mainBnr li.ebook a {position: absolute; right:50%; margin-right: -39%; width: 47%; height: 16%;}
div.mainBnr li.ebook a.kyobo{top: 38.5%;}
div.mainBnr li.ebook a.yes{top: 56.1%;}
div.mainBnr li.ebook a.aladin{top: 74%;}

div.mainBbs {position: relative;margin: 15px;padding: 15px;background-color: #203c87;box-sizing:border-box;}
div.mainBbs ul.tabMenu {position: relative;padding-right: 30px;}
div.mainBbs ul.tabMenu:before {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #798ab7;}
div.mainBbs ul.tabMenu li {z-index: 10;position: relative;padding-left: 15px;}
div.mainBbs ul.tabMenu li:first-child {padding-left: 0;}
div.mainBbs ul.tabMenu a {padding: 7px 0 9px;border: 0 none;color: #a2b5e7;font-family: 'NotoSansKR Medium', sans-serif;font-size: 16px;line-height: 20px;}
div.mainBbs ul.tabMenu .on a {padding-bottom: 8px;border-bottom: 2px solid #fff;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;background: none;}
div.mainBbs div.tabCon {padding-top: 8px;}
div.mainBbs ul.list li {position: relative;margin-top: 7px;padding-right: 80px;font-size: 14px;line-height: 20px;}
div.mainBbs ul.list a {display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #fff;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.mainBbs ul.list span {position: absolute;right: 0;top: 50%;margin-top: -12px;color: #a2b5e7;font-family: 'NotoSansKR Bold', sans-serif;}

div.mainBbs .more {position: absolute;right: 15px;top: 15px;width: 30px;margin: 0;}
div.mainBbs .more a, div.mainBbs .more img {display: block;}
div.mainBbs .more a {opacity: .6;}
div.mainBbs .more a:hover,
div.mainBbs .more a:focus {opacity: 1;}
div.mainBbs .more img {width: 14px;padding: 8px 0;margin: 0 auto;}

/* 2023-03-08 추가 */
div.main dl.mainJournal {position: relative;margin: 0 15px 15px;padding: 31px 32px 17px 125px;min-height: 110px;background: #fff url('/image/main/mainJournal_bg.png') right top no-repeat;background-size: auto 100%;}
dl.mainJournal dt {color: #1e1e1e;font-size: 15px;line-height: 20px;}
dl.mainJournal dt strong {display: block;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
dl.mainJournal dt span {display: block;padding: 5px 0;font-size: 11px;line-height: 15px;color: #29a1d3;}
dl.mainJournal dd {padding-top: 12px;}
dl.mainJournal dd img {position: absolute;top: 18px;left: 20px;height: 120px;box-shadow: 0 4px 4px rgba(98,123,191,0.35);}
dl.mainJournal dd a {display: block;padding: 5px 35px 5px 10px;border-radius: 4px;background: #37517b url('/image/main/main_arr.png') right 10px center no-repeat;background-size: 15px;color: #fff;font-size: 12px;line-height: 20px;}

div.main dl.mainCounsel {position: relative;margin: 0 15px;padding: 15px;background-color: #fff;box-sizing:border-box;}
dl.mainCounsel > dt {position: relative;padding:0 0 20px 60px;color: #1e1e1e;font-size: 16px;font-family: 'NotoSansKR Bold', sans-serif;background: url('/image/main/mainCounsel_bg.png') left center no-repeat;background-size: 55px;}
dl.mainCounsel > dt span {position: absolute;left: 60px;bottom: 0;padding: 0 5px;font-size: 14px;font-family: 'NotoSansKR Regular', sans-serif;box-shadow: inset 0 -10px 0 #edf8ff;color: #056cae;}

dl.mainCounsel ul {padding-top: 20px;}
dl.mainCounsel ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: "";content: "";}
dl.mainCounsel li {float: left;width: 50%;}
dl.mainCounsel li a {position: relative;display: block;padding-left: 50px;color: #959595;font-size: 10px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.mainCounsel li img,
dl.mainCounsel li span {display: block;}
dl.mainCounsel img.photo {position: absolute;left: 0;top: 0;width: 40px;height: 47px;}
dl.mainCounsel img.photo + img {float: left;height: 20px;}
dl.mainCounsel span.name {clear: both;padding: 6px 0 2px;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;color: #1e1e1e;}

div.main dl.mainCounsel .more {position: absolute;right: 15px;top: 15px;margin: 0;}
dl.mainCounsel .more a, div.mainBbs .more img {display: block;}
dl.mainCounsel .more img {width: 14px;padding: 8px;margin: 0 auto;}


ul.mainMenu {clear: both;max-width:345px;margin: 0 auto;padding:0 15px 15px 0;text-align: center;font-size: 0;line-height: 0;}
ul.mainMenu li {display: inline-block;width: 100px;margin:15px 0 0 15px;vertical-align: top;}
ul.mainMenu a {display: block;height: 100px;padding: 17px 0 18px;margin: 0 auto;border-radius:50%;background-color: #fff;box-sizing:border-box;}
ul.mainMenu img {display: block;width: 36px;margin: 0 auto 10px;}
ul.mainMenu span {display: table-cell;width: 80px;height: 32px;padding: 0 10px;font-size: 12px;line-height: 16px;text-align: center;vertical-align: middle;color: #282828;font-family: 'NotoSansKR DemiLight', sans-serif;word-break:keep-all;}









/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */

/* 기본 table */
table.tblDef,
table.inputTbl {border-top: 2px solid #3f4265;border-bottom: 1px solid #ccc;}


table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * {padding:10px;color: #000;border-left: 1px solid #ccc;border-top:1px solid #ccc;font-size: 14px;font-family: 'NotoSansKR DemiLight', sans-serif;;}

table.tblDef > * > tr > * {text-align: center;}
table.inputTbl > * > tr > * {text-align:left;}


table.tblDef > thead > tr:first-child > *,
table.tblDef > colgroup + tbody > tr:first-child > *,
table.innerTbl > * > tr:first-child > *,
table.inputTbl > * > tr:first-child > *,
table.inputTbl > colgroup + tbody > tr:first-child > * {border-top: 0 none;}


table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > th,
table.borderTbl > * > tr > th,
table.inputTbl > * > tr > th,
dl.inputArea > dt {font-weight: normal;color: #282828;background-color: #f5f5f5;word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
table.inputTbl > * > tr > th {}

table.tblDef > thead > tr > th,
table.tblDef > tfoot > tr > th,
table.inputTbl > thead > tr > th {}


table .bdLeft {border-left:1px solid #ccc !important;}
table th.bg {background-color: #f5f5f5 !important;color: #282828 !important;}
table.tblDef > * > tr.bg > *  {background-color: #f1f7fa;color: #222;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}

table.ac > * > tr > *,
tr.ac > * {text-align:center !important;}

table.inputTbl {border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
table.inputTbl > * > tr > td {text-align: left;color: #777;}
table.inputTbl > * > tr > td.pluginArea {padding: 0;}

table.inputTbl > * > tr > td > span {font-size:12px;}
table.inputTbl > * > tr > td > .note {color:#dd3131;}

table.inputTbl input[type=text], table.inputTbl input[type=password] {width: 100%;}
table.inputTbl > * > tr > td.date input[type=text] {width: auto;}


table.inputTbl input[type=text], table.inputTbl input[type=password] {height: 40px;}

table.inputTbl div.selectFile + div.selectFile {margin-top: 10px;}


ul.overHidden, ul.overHidden li {margin: 0;padding: 0;list-style:none;}
ul.overHidden >  li {float: left;padding-right: 10px;}


table.rwTbl,
table.rwTbl > tbody,
table.rwTbl > tbody > tr,
table.rwTbl > tbody > tr > *,
table.rwThead,
table.rwThead > tbody,
table.rwThead > * >  tr,
table.rwThead  > * >  tr > *,
table.rwTrHead,
table.rwTrHead > tbody,
table.rwTrHead > * >  tr,
table.rwTrHead > * >  tr > *,
table.eventList,
table.eventList > tbody,
table.eventList > tbody > tr,
table.eventList > tbody > tr > *,
table.pdsList,
table.pdsList > tbody,
table.pdsList > tbody > tr,
table.pdsList > tbody > tr > * {display:block;}

table.rwTbl > colgroup,
table.rwTbl > colgroup col,
table.rwTbl > thead,
table.rwThead > colgroup,
table.rwThead > colgroup col,
table.rwThead > thead,
table.rwTrHead > colgroup,
table.rwTrHead > colgroup  col,
table.rwTrHead > thead,
table.eventList > colgroup,
table.eventList > colgroup col,
table.eventList > thead,
table.pdsList > colgroup,
table.pdsList > colgroup col,
table.pdsList > thead {display:none;}

table.rwTbl  > * >  tr > * {padding:5px 10px;}
table.rwTbl > * > tr > th,
dl.inputArea > dt {color: #03376d;}

table.rwTbl  > * >  tr > td {border-left: 0 none;}

table.rwTbl input[type=text],
table.rwTbl input[type=password],
table.rwTbl textarea {width:100%;height:32px;box-sizing:border-box;}
table.rwTbl textarea {height:50px;}

table.rwTbl th label,
table.rwTbl th span {line-height:1.2;}

table.rwTbl,
table.rwThead {border-top: 0 none;}

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 > tbody > tr > *:first-child,
table.rwThead > tbody > tr > *:first-child,
dl.inputArea > dt {border-top:2px solid #415f9c !important;}




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; width:10px;height: 10px;border-radius: 4px;background-color: #ccc;}
div.tableScroll::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px insecnt rgba(255,255,255,.5);}

div.tableScroll > table.tblDef {min-width:1000px;margin-top: 0 !important;}
div.tableScroll p.note {padding-top: 5px;line-height: 1.2;font-size: 0.9em;font-style: italic;color: #000;}

table.inputTbl.rwTbl > * > tr > * {min-height: 35px;}
table.inputTbl.rwTbl > * > tr > th {text-align: left;}
table.inputTbl.rwTbl > * > tr > * label,
table.inputTbl.rwTbl > * > tr > * span {line-height: 35px;}
table.inputTbl.rwTbl input[type=text], table.inputTbl.rwTbl input[type=password] {height: 35px;}
div.formArea .address input[type=text] {width: 100% !important;}

table.inputTbl .multi input[type=radio],
table.inputTbl .multi input[type=checkbox] {margin:12px 5px 0 20px;}
table.inputTbl select {width: 100%;}

.withBtn {}
.address:after,
.withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.address > *,
.withBtn > *  {float: left;margin-left: 5px;}
.address > *:first-child,
.withBtn > *:first-child {margin-left: 0;}
.withBtn span {line-height: 40px;}

div.formArea .address input[type=text]:first-child,
div.formArea .withBtn input[type=text] {width: calc(100% - 95px) !important;}
div.formArea .address input[type=text] {margin-left: 0;}

.address a,
.withBtn a {width: 90px;padding: 5px 0 5px;color: #fff;background-color: #333;text-decoration: none;box-sizing:border-box;text-align: center;}

table.inputTbl td.phone select, 
table.inputTbl td.phone input {width: 28% !important;}


dl.inputArea, dl.inputArea > dt, dl.inputArea > dd {margin: 0;padding: 0;}
dl.inputArea {border-bottom: 1px solid #ccc;}
dl.inputArea > dt {padding: 0 15px;line-height: 40px;}
dl.inputArea > dd {padding: 10px 15px;border-top: 1px solid #ccc;}
dl.inputArea > dd:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.inputArea > dd.multi > * {float: left;margin-left: 5px;}
dl.inputArea > dd.multi > *:first-child {margin-left: 0 !important;}
dl.inputArea > dd.multi input[type=check],
dl.inputArea > dd.multi input[type=radio] {margin: 14px 5px 0 20px;}

dl.inputArea input[type=text],
dl.inputArea input[type=password] {width: 100%;}

dl.inputArea label,
dl.inputArea span {line-height: 40px;}
dl.inputArea ul.option input {top: 14px;}
dl.inputArea span.note {line-height: 18px;color: #e41515;}

div.formArea div.btnArea {padding-top: 20px;}
div.formArea div.btnArea * {min-width:120px;}


/* 전체 검색 */
div.searchArea {margin: 0;padding: 0;background-color: #f5f5f8;}
div.searchArea form {}
div.searchArea:first-child form {margin-top: 0;}
div.searchArea select, 
div.searchArea input {float: left;font-family: 'NotoSansKR DemiLIght', sans-serif;font-size: 14px;color: #3f4265;}

div.searchArea select {width: calc(50% - 3px);height: 40px;border: 1px solid #26294b;border-radius:2px;}
div.searchArea select + select {float: right;}
div.searchArea input[type=text] {clear: both;width: 100%;height: 40px;margin-top: 6px;padding-left: 35px;border: 1px solid #26294b;border-radius:2px;background: #fff url('/image/icon/bbsIcon_search.png') 10px center no-repeat;background-size: 15px;}
div.searchArea input[type=text]::placeholder {color: #b0b0b0;}
div.searchArea input[type=submit] {display: block;width: 100%;height: 40px;margin-top: 6px;border-radius:0 2px 2px 0;border: 1px solid #26294b;background-color: #26294b;color: #fff;font-size: 14px;}

div.searchArea p.result {padding-top: 10px;margin: 0;color: #222;}

ul.resultList, ul.resultList li, ul.resultList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.resultList {margin: 15px;border-top: 2px solid #3f4265;}
ul.resultList li {border-bottom: 1px solid #ccc;}
ul.resultList a, ul.resultList span {display: block;}
ul.resultList a {overflow: hidden;padding: 10px 20px;color: #222;}
ul.resultList span {}
ul.resultList span.category {font-family: 'NotoSansKR Medium', sans-serif;}
ul.resultList span.tit {}


/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */
/* 게시판 검색 */
div.bbsSearch {margin: 0;padding: 0;background-color: #f5f5f8;}
div.bbsSearch form {}
div.bbsSearch:first-child form {margin-top: 0;}
div.bbsSearch select, 
div.bbsSearch input {float: left;font-family: 'NotoSansKR DemiLIght', sans-serif;font-size: 14px;color: #3f4265;}

div.bbsSearch select {width: calc(50% - 3px);height: 40px;border: 1px solid #26294b;border-radius:2px;}
div.bbsSearch select + select {float: right;}
div.bbsSearch input[type=text] {clear: both;width: 100%;height: 40px;margin-top: 6px;padding-left: 35px;border: 1px solid #26294b;border-radius:2px;background: #fff url('/image/icon/bbsIcon_search.png') 10px center no-repeat;background-size: 15px;}
div.bbsSearch input[type=text]::placeholder {color: #b0b0b0;}
div.bbsSearch input[type=submit] {display: block;width: 100%;height: 40px;margin-top: 6px;border-radius:0 2px 2px 0;border: 1px solid #26294b;background-color: #26294b;color: #fff;font-size: 14px;}



/* 게시글 리스트 */
ul.admin span.admin a {display: inline-block;vertical-align: bottom;color: #ca3f3f;font-size: 14px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.admin span.admin a:first-child {color: #777;}

ul.admin span.admin a {float: left;margin-left: 5px;}
ul.admin span.admin a:first-child {margin-left: 0;}
ul.admin span.admin img {height: 20px;}

ul.bbsList, ul.bbsList li, ul.bbsList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.bbsList {padding:15px;}
ul.bbsList > li {position: relative;padding: 10px 0;border-bottom: 1px solid #e5e5e5;}
ul.bbsList > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.bbsList > li:first-child {border-top: 2px solid #293557;}

ul.bbsList > li > a {display: block;padding:0;color: #666;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.bbsList > li > span {display: block;}
ul.bbsList span.category {color: #1da9c7;font-size: 12px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.bbsList span.tit {position: relative;display: -webkit-box;overflow: hidden;max-height: 40px;color: #333;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;text-overflow:ellipsis;word-wrap: break-word;box-sizing:border-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
ul.bbsList span.tit img {display: inline-block;height: 15px;padding: 5px 5px 0 0;vertical-align: top;}
ul.bbsList span.tit img.new {padding: 3px 0 0;}
ul.bbsList span.info {display: block;font-size: 12px;color: #777;}
ul.bbsList span.info strong {display: inline-block;color: #1da9c7;font-family: 'NotoSansKR Medium', sans-serif;}
ul.bbsList span.info strong:after {display: inline-block;padding: 0 5px;content: "|";color: #666;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.bbsList span.info span {display: inline-block;}

ul.bbsList a.new span.tit {padding-right: 20px;}
ul.bbsList a.new img.new {position: absolute;right: 0;bottom:2px;height: 17px;padding: 0;}

ul.bbsList > li.reply span.tit {padding-left: 15px;background: url('/image/icon/bbsBl_reply.gif') 0 3px no-repeat;} 


ul.bbsList.admin > li {}
ul.bbsList.admin span.category {width: calc(100% - 70px);}
ul.bbsList.admin span.admin {position: absolute;right: 0;top: 10px;}


ul.bbsList.vote {}
ul.bbsList.vote > li > a:first-child {margin-bottom: 5px;}
ul.bbsList.vote span.info {float: left;}
ul.bbsList.vote a.result {float: right;padding: 0 10px;background-color: #3f4265;color: #fff;}


ul.thumbList, ul.thumbList li, ul.thumbList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.thumbList {padding:15px;}
ul.thumbList > li {position: relative;padding: 20px 0 15px;border-bottom: 1px solid #ccc;box-sizing:border-box;:}
ul.thumbList > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.thumbList > li:first-child {border-top: 2px solid #293557;}

ul.thumbList a, ul.thumbList span {display: block;}
ul.thumbList a.tit {position: relative;display: -webkit-box;overflow: hidden;max-height: 63px;padding: 0;margin:0 0 15px 100px;color: #222;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;text-overflow:ellipsis;word-wrap: break-word;box-sizing:border-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
ul.thumbList a.thumb {position: absolute;left: 0;top: 15px;width: 85px;height: 63px;border: 1px solid #ccc;}
ul.thumbList a.thumb img {display: block;width: 100%;height: 100%;}

ul.thumbList span.info {display: inline-block;vertical-align: top;color: #1da9c7;font-size: 14px;line-height: 26px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.thumbList a.download {display: inline-block;vertical-align: top;padding: 4px 10px;margin-left: 5px;border-radius:2px;color: #fff;background-color: #e2961d;font-family: 'NotoSansKR Light', sans-serif;font-size: 12px;line-height: 18px;}
ul.thumbList a.download img {display: inline-block;padding: 2px 0 0 5px;vertical-align: top;}

ul.thumbList span.admin {float: right;padding: 3px 0;}

ul.thumbList > li:hover {border: 3px solid #0da9c7;padding: 36px 22px 22px 231px;}
ul.thumbList > li:hover a.thumb {left: 22px;top: 20px;}
ul.thumbList > li:hover span.admin {right: 18px;bottom: 18px;}


ul.blockList, ul.blockList > li, ul.blockList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.blockList {padding:15px;}
ul.blockList > li {position: relative;margin-top: 10px;padding: 0;border: 1px solid #ccc;border-top: 2px solid #293557;border-radius:2px;}
ul.blockList > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.blockList > li:first-child {margin-top: 0;}

ul.blockList > li > a {position: relative;display: block;padding:35px 15px 15px;}
ul.blockList span {display: block;}

ul.blockList span.tit {position: relative;display: -webkit-box;overflow: hidden;max-height:40px;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;text-overflow:ellipsis;word-wrap: break-word;box-sizing:border-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
ul.blockList span.tit:before {display: inline-block;padding: 0 10px;margin-right: 5px;border-radius:2px;vertical-align: top;color: #fff;content:attr(data-cateogry);text-decoration: none;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.blockList span.tit.typeA:before {background-color: #1da9c7;}
ul.blockList span.tit.typeB:before {background-color: #e2961d;}

ul.blockList span.info {padding-top: 5px;color: #777;font-size: 12px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.blockList span.day {position: absolute;left: 15px;top: 12px;font-size: 14px;line-height: 20px;color: #1da9c7;font-family: 'Roboto-Medium', sans-serif;}
ul.blockList span.day:before {display: inline-block;padding-right: 3px;vertical-align: top;color: #3f4265;content: '[' attr(data-year) '] ';}

ul.blockList.admin span.info {width: calc(100% - 55px);}
ul.blockList.admin span.admin {position: absolute;right: 15px;bottom: 15px;}


/* 뇌전증 클리닉 */
ul.conList, ul.conList li, ul.conList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conList {padding: 15px;}
ul.conList li {position: relative;padding: 15px;margin-top: 10px;border: 1px solid #ccc;border-radius: 2px;box-sizing:border-box;}
ul.conList li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.conList a, ul.conList span {display: block;}
ul.conList a.txt {margin: 0 0 10px 96px;}
ul.conList span.tit {position: relative;display: block;overflow: hidden;height: 30px;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;text-overflow:ellipsis;white-space:nowrap;}
ul.conList span.tit img {display: inline-block;height: 20px;vertical-align: top;padding-right: 5px;}
ul.conList span.con {display: -webkit-box;overflow: hidden;height:32px;text-overflow:ellipsis;word-wrap: break-word;box-sizing:border-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #777;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.conList a.thumb {position: absolute;left: 15px;top: 15px;width: 86px;height: 64px;border: 1px solid #ccc;}
ul.conList a.thumb img {display: block;width: 100%;height: 100%;margin: 0 auto;}

ul.conList span.info {float: left;color: #1da9c7;font-size: 12px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.conList a.preview {float: left;padding: 3px 10px;margin-right: 10px;border-radius:2px;color: #fff;background-color: #e2961d;font-family: 'NotoSansKR Light', sans-serif;font-size: 12px;line-height: 14px;}





/* 건강 상담실 */
div.counselingNote {}
div.counselingNote ul.listBar {padding: 15px;background-color: #f5f5f8;font-size: 14px;line-height: 18px;}
div.counselingNote ul.listBar li {margin-top: 5px;}
div.counselingNote ul.listBar li:first-child {margin-top: 0;}

dl.monthConselling, dl.monthConselling dt, dl.monthConselling dd, dl.monthConselling ul, dl.monthConselling li {margin: 0;padding: 0;list-style:none;}
dl.monthConselling {padding: 15px;border-top: 1px solid #fff;background-color: #f0f4ff;}
dl.monthConselling > dt {padding:10px 0 5px 70px;color: #1d3e94;font-size: 18px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;background: url('/image/sub/counselingNote.png') 10px 0 no-repeat;background-size: auto 38px;}
dl.monthConselling li {margin-top: 5px;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.monthConselling img {display: inline-block;height: 20px;padding-right: 5px;vertical-align: top;}


dl.doctor, dl.doctor dt, dl.doctor dd, dl.doctor ul, dl.doctor li, dl.doctor a {margin: :0;padding: 0;list-style:none;text-decoration: none;}
dl.doctor {position: relative;border: 2px solid #415f9c;border-radius: 4px;margin-top: 15px;}
dl.doctor dt > a {position: relative;display: block;padding: 15px 30px 10px 15px;background-color: #415f9c;color: #fff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.doctor dt > a:after {position: absolute;right: 10px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('/image/sub/toggle_bl.png') center center no-repeat;background-size: 6px;}
dl.doctor dt.view a:after {transform:rotate(180deg);}
dl.doctor > dd {height: 80px;padding: 15px;}
dl.doctor li a {position: relative;overflow: hidden;display: block;height: 80px;padding-left: 100px;text-overflow:ellipsis;white-space:nowrap;color: #696969;font-size: 12px;line-height: 16px;}
dl.doctor li img.photo {position: absolute;left: 0;top: 0;width: 90px;height: 80px;padding: 0;}
dl.doctor li img,
dl.doctor li span.name {display: block;padding-top: 5px;}
dl.doctor li img {height: 25px;}
dl.doctor li span.name {color: #222;font-size: 14px;line-height: 18px;font-family: 'NotoSansKR Medium', sans-serif;}

div.counselingNote + ul.bbsList {padding-top: 0;}




/* 게시판 하단 pager */
ul.pager, ul.pager li, ul.pager a {margin: 0;padding: 0;list-style:none;}
ul.pager {padding: 15px 0;text-align:center;font-size: 0;line-height: 0;}
ul.pager li {display:inline-block;margin-left: 5px;vertical-align: middle;}
ul.pager li:first-child {margin-left: 0;}
ul.pager img {display:inline-block;height: 20px;padding:0;vertical-align: top;}

ul.pager a {display: inline-block;width: 20px;border:0 none;padding: 0;vertical-align: top;font-size: 13px;line-height:20px;text-decoration: none;color: #808080;font-family: 'NotoSansKR DemiLight', sans-serif;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #26294b;color: #fff;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;}
ul.pager a img {vertical-align: top;}


div.bbsUtil,
div.dairyUtil {padding: 0 15px 15px !important;text-align: right;}
div.bbsUtil:after,
div.dairyUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}






/* 게시글보기 */
div.bbsView {border-top: 2px solid #1e2b5f;margin: 15px;padding: 0 !important;font-family: 'NotoSansKR DemiLight', sans-serif;}
.bbsTit {padding: 15px 15px 0;color: #293557;font-size: 16px;line-height: 20px; font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
.bbsTit span {display: inline-block;padding: 2px 15px 3px;margin-bottom: 5px;vertical-align: top;border-radius: 5px;background-color: #1da9c7;color: #fff;font-size: 12px;line-height: 16px;}
div.bbsView .bbsTit,
div.bbsView ul.info {background-color: #f2f4f7;}

div.bbsView ul.info {overflow: hidden;margin: 0;padding: 10px 15px;border-bottom: 1px solid #e5e5e5;}
div.bbsView ul.info > li {float: right;margin: 0;padding: 0;color: #707070;font-size: 14px;list-style:none;}
div.bbsView ul.info > li:first-child {float: left;}
div.bbsView ul.info > li img{display:inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px;}

.relLink {padding: 10px 0 0;text-align: right;}
.relLink a {display: inline;color: #282828;text-decoration: none;font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;word-break:break-all;}
.relLink img {display: inline-block;vertical-align: top;padding: 5px 5px 0 0;}

.bbsCon {min-height:150px;padding: 15px 0;margin: 0 auto;color: #222;font-size: 14px;line-height: 20px;text-align: justify;border-bottom: 1px solid #ddd;font-family: 'NotoSansKR DemiLight', sans-serif}

div.bbsView > table.tblDef {border-top: 0 none;}
div.bbsView table.tblDef th,
div.bbsView table.tblDef td {padding: 5px;}
div.bbsView table.tblDef .bbsTit,
div.bbsView table.tblDef th {font-weight: normal;color: #282828;word-break:keep-all;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;background-color: #f2f4f7;text-align: center;}
div.bbsView table.tblDef th {line-height: 1.2;}
div.bbsView table.tblDef td {text-align:left;}



ul.bbsAttach, ul.bbsAttach li, ul.bbsAttach a {margin: 0;padding: 0;list-style:none;}
ul.bbsAttach {}
ul.bbsAttach > li {position: relative;padding: 5px 10px 6px 70px;border: 1px solid #e2961d;background-color: #fcf4e8;margin-top: 5px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.bbsAttach > li:before {position: absolute;left: 0;top: 50%;width: 60px;height: 16px;margin-top: -8px;border-right: 1px solid #d1850b;line-height: 16px;text-align: center;color: #d1850b;content: "첨부파일";font-size: 12px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.bbsAttach > li:first-child {margin-top: 0;}
ul.bbsAttach a {display: inline-block;color: #444;font-size: 14px;line-height: 24px;text-decoration: none;vertical-align: top;word-break:break-all;}
ul.bbsAttach img {padding: 6px 0 0 5px;vertical-align: top;}

div.bbsView table.tblDef th, div.bbsView table.tblDef td,
div.bbsView table.inputTbl th, div.bbsView table.inputTbl td {padding: 5px;}
div.bbsView table.inputTbl {border-left: 0 none;border-right: 0 none;}
div.bbsView table.inputTbl th {background-color: #f2f4f7;}


div.bbsView + div.bbsUtil * {font-size: 14px;padding: 5px 10px;}


div.voteResult, div.voteResult h4, div.voteResult dl, div.voteResult dt, div.voteResult dd, div.voteResult ul, div.voteResult li {margin: 0;padding: 0;list-style:none;}
div.voteResult {position: relative;margin-top: 20px;}
div.voteResult + div.voteResult {margin-top: 15px;}
div.voteResult h4 {padding: 8px 0 10px;border-top: 1px solid #cccc;border-bottom: 1px solid #ccc;background-color: #e9f1f8;color: #2b569d;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;font-weight: normal;}

div.voteResult dl {clear: both;padding: 15px 0;margin: 0 15px;}
div.voteResult dl:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.voteResult dl + dl {border-top: 2px dotted #d7d7d7;}
div.voteResult dt {padding-bottom: 5px;}

ul.graphNote {float: right;}
ul.graphNote > li {float: left;padding-left: 30px;font-size: 12px;}
ul.graphNote > li:first-child {padding-left: 0;}
ul.graphNote li:before {display: inline-block;width: 12px;height: 12px;margin: 6px 5px 0 0;content: "";vertical-align: top;}
ul.graphNote + dl {padding-top: 0;}

div.graph {position: relative;height: 14px;padding-left: 80px;margin-top: 10px;}
div.graph:before {position: absolute;left: 0;top: 50%;width: 70px;margin-top: -12px;text-align: right;content: attr(data-result);color: #282828;font-size: 12px;line-height: 20px;font-style: italic;}
div.graph:first-child {margin-top: 0;}
div.graphBar {float: left;height: 14px;}

div.barA, ul.graphNote li.barA:before {background-color: #29c3da;}
div.barB, ul.graphNote li.barB:before {background-color: #295fda;}
div.barC, ul.graphNote li.barC:before {background-color: #ef9e11;}
div.barD, ul.graphNote li.barD:before {background-color: #da299e;}

div.voteResult table.tblDef th,
div.voteResult table.tblDef td {font-size: .9em;}
div.voteResult table.tblDef td {text-align: center;}

div.voteResult + div.bbsUtil {padding: 30px 0 0 !important;text-align: center;}



/* 댓글 영역 */
div.reply, div.reply dl, div.reply dt, div.reply dd, div.reply ul, div.reply li, div.reply p, div.reply a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.reply {font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.bbsUtil + div.reply {padding-top: 0;}
div.reply div.replyWrite {position:relative;overflow:hidden;height:98px;padding:0 80px 15px 0;}
div.reply div.replyWrite textarea {height: 98px;padding:10px;box-sizing:border-box;}
div.reply div.replyWrite input[type=submit] {position:absolute;right:0;top:0;width:75px;height:98px;border:1px solid #b7b7b7;color:#666;background-color: #fff;}

dl.replyItem {position:relative;color:#666;}
div.reply > dl.replyItem {padding-top:10px;border-top:1px solid #d3d3d3;}
dl.replyItem dt,
dl.replyItem dd {padding:0 10px;}

dl.replyItem dt {font-family: 'NotoSansKR Medium', sans-serif;}
dl.replyItem dt span {font-family: 'NotoSansKR DemiLight', sans-serif;}

dl.replyItem dd.util {position:absolute;right:0;top:10px;padding:0;}
dl.replyItem dd.reply dd.util {right:-10px;}

dl.replyItem dd.util a {position: relative;margin-left: 10px;font-size:14px;color:#666;}
dl.replyItem dd.util a:before {position: absolute;left: -6px;top: 50%;width: 1px;height: 12px;margin-top: -5px;content: "";background-color: #666;}
dl.replyItem dd.util a:first-child {margin-left: 0;}
dl.replyItem dd.util a:first-child:before {display: none;}
div.reply > dl.replyItem > dd.reply {border-top:1px solid #e1e3e6;}

div.reply dd.con {padding:10px;}
dl.replyItem dd.info {color:#000}
dl.replyItem dd.reply,
dl.replyItem dd.write {padding:10px 10px 10px 27px;background:url('/image/icon/bbsBl_reply.gif') 5px 15px no-repeat;}

dl.replyItem dd.reply dt,
dl.replyItem dd.reply dd {padding:0;}

dl.replyItem dd.write div.replyWrite {padding-bottom:0;}
dl.replyItem dd.write div.replyWrite label {position:absolute;left:14px;top:5px;color:#000;}
dl.replyItem dd.write div.replyWrite textarea {padding-top:26px;}


div.bbsWrite th {line-height: 1.2;}
div.bbsWrite div.btnArea {position: relative;text-align: center;}
div.bbsWrite div.btnArea * {min-width:auto;}
div.bbsWrite div.btnArea .fl {position: absolute;left: 0;bottom: 0;}





/* 자주하는 질문 */
dl.faq, dl.faq > dt, dl.faq > dd {margin: 0;padding: 0;}
dl.faq {margin-top: 15px;border-top: 2px solid #3f4265;border-bottom: 1px solid #ccc;}
dl.faq + dl.faq {margin-top: 0;border-top: 0 none;}
dl.faq > dt {position: relative;background: #f5f5f5;}
dl.faq a.trigger {position: relative;display: block;padding: 13px 40px;color: #282828;font-size: 14px;line-height: 18px;text-decoration: none;font-family: 'NotoSansKR Medium', sans-serif;}
dl.faq a.trigger:before {position: absolute;left: 10px;top: 11px;width: 22px;content: "Q";padding: 2px 0;border-radius:11px;line-height: 18px;color: #fff;background-color: #5172c8;font-family: 'Roboto-Medium', sans-serif;text-align: center;}
dl.faq a.trigger:after {position: absolute;right: 15px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('/image/sub/faq_bl.png') center center no-repeat;background-size: 6px;}
dl.faq .view a.trigger:after {transform:rotate(180deg);}
dl.faq.admin a.trigger {padding-right: 80px;}

dl.faq span.admin {position: absolute;right: 30px;top: 50%;height: 20px;margin-top: -10px;}
dl.faq span.admin a {float: left;margin-left: 3px;}
dl.faq span.admin a:first-child {margin-left: 0;}
dl.faq span.admin img {display: block;height: 20px;}

dl.faq > dd.toggleCon {position: relative;border-top: 1px solid #ccc;padding: 15px 15px 15px 40px;background-color: #faeff1;font-size: 14px;}
dl.faq > dd.toggleCon:before {position: absolute;left: 10px;top: 15px;width:22px;content: "A";padding: 2px 0;border-radius:50%;line-height: 18px;color: #fff;background-color: #c02c44;font-family: 'Roboto-Medium', sans-serif;text-align: center;}



/* 뇌전증 건강일지 */
div.dairy {font-size: 14px;}
div.diaryNote {padding: 15px;border-top: 1px solid #fff;background-color: #f0f4ff;}
div.diaryNote + * {margin-top: 15px;}
div.diaryNote + ul.subMenu li {width: 60%;}
div.diaryNote + ul.subMenu li:first-child {width: 40%;}

h3.month {position: relative;width: 100px;padding: 0 22px;margin: 20px auto;font-weight: normal;}
h3.month span {display: block;text-align: center;font-family: 'Roboto-Bold', sans-serif;font-size: 20px;line-height: 24px;}
h3.month a {position: absolute;top: 0;width: 22px;height: 24px;text-indent: -10000px;background-position: center center;background-repeat: no-repeat;}
h3.month a.prev {left: 0;background-image: url('/image/icon/calendar_prev.png');}
h3.month a.next {right: 0;background-image: url('/image/icon/calendar_next.png');}

div.dairy .titBg a,
div.dairy table.tblDef a {color: inherit;text-decoration: none;}



table.calendar {border-top: 2px solid #00aed9;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
table.calendar > * > tr > * {padding: 5px;border-top: 1px solid #ccc;border-left: 1px solid #e1e1e1;font-size: 14px;}
table.calendar > * > tr > th {height: 20px;text-align: center;background-color: #f2fcff;color: #03376d;font-family: 'Roboto-Medium', sans-serif;}
table.calendar > * > tr > td {position: relative;height: 70px;text-align: left;vertical-align: top;font-family: 'Roboto-Regular', sans-serif;}
table.calendar > * > tr > td > span {width: 20px;padding: 3px 0;border-radius:50%;line-height: 14px;color: #222;}
table.calendar > * > tr > td > span.other {color: #999;}

table.calendar td.event > span {background-color: #1da9c7;color: #fff;text-align: center;}
table.calendar td.event > a {position:relative;overflow:hidden;display: -webkit-box;height: 45px;font-size: 12px;line-height: 15px;color: #666 !important;text-decoration: none;font-family: 'NotoSansKR Regular', sans-serif;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

table.calendar th.sun,
table.calendar td.sun > span {color: #d45050;}

table.calendar th.sat,
table.calendar td.sat > span {}

table.calendar .today {background-color: #f1f7fa;}

div.dairyUtil + h3 {margin-top: 0;}
div.dairy table.tblDef th,
div.dairy table.tblDef td {line-height: 1.2;}

div.dairy div.sort {padding-top: 15px;text-align: right;}
div.dairyUtil {padding: 0 0 15px !important;font-size: 0;line-height: 0;}
div.sort + div.dairyUtil {padding-top: 15px !important;}
div.dairyUtil > * {margin: 0 0 0 5px;}
div.dairyUtil > *:first-child {margin-left: 0;}
div.dairyUtil a {padding: 5px;font-size: 14px;}
table.calendar + div.dairyUtil {margin-top: 0;}
div.dairyUtil > span {padding: 0;line-height: 31px;border: 0 none;font-family: 'NotoSansKR Regular', sans-serif;}
div.dairyUtil span.note {color: #e41515;}
div.dairyUtil span.sort,
div.dairyUtil span.sort select {float: left;}
div.dairyUtil span.sort {margin-left: 0;}
div.dairyUtil span.sort select {min-width: 100px;height: 31px;margin-left: 5px;font-size: 17px;}






/* 의료진 소개 */
ul.doctors, ul.doctors > li, ul.doctors a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.doctors {padding: 15px;}
ul.doctors:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.doctors > li {position: relative;margin-top:15px;}
ul.doctors > li:first-child {margin-top: 0;}
ul.doctors > li > a {display: block;padding: 15px 15px 30px 85px;border: 1px solid #ccc;color: #696969;font-size: 14px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.doctors a:after {position: absolute;right: 15px;bottom: 15px;width: 33px;height: 7px;content: "";background: url('/image/sub/bl_more.png') center center no-repeat;background-size: 33px;}
ul.doctors img,
ul.doctors span {display: block;}
ul.doctors > li > a > img:first-child {height: 15px;}
ul.doctors span.name {padding: 5px 45px 0 0;color: #222;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.doctors span.aff {overflow: hidden;height: 32px;line-height: 16px;}
ul.doctors span.medi {padding-top: 5px;color: #1da9c7;font-style: italic;}
ul.doctors span.img {overflow: hidden;position: absolute;right: 15px;top: 15px;width: 33px;height: 33px;border: 1px solid #ccc;border-radius:50%;}
ul.doctors span.img img {display: block;width: 100%;}
ul.doctors span.photo {position: absolute;left: 15px;top: 15px;}
ul.doctors span.photo img {height: 62px;}



/* 자가진단 */
div.selfdiagnosis h3, div.selfdiagnosis > dl, div.selfdiagnosis > dl > dt, div.selfdiagnosis > dl > dd {margin: 0;padding: 0;}
div.selfdiagnosis {background-color: #f0f4ff;}
div.selfdiagnosis h3 {padding: 15px;color: #fff;font-weight: normal;font-size: 18px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;background-color: #1c2a53;}
div.selfdiagnosis h3 img {display: block;width: 80px;margin: 0 auto 10px;}
div.selfdiagnosis > dl {padding: 15px;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.selfdiagnosis > dl > dt {padding-bottom: 15px;border-bottom: 1px solid #ccc;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}
div.selfdiagnosis > dl > dd {padding-top: 10px;}
div.selfdiagnosis dd li {margin-top: 5px;}

div.selfdiagnosis h3 + p {padding: 15px;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;vertical-align: middle;text-align: center;}

div.selfdiagnosis li input[type=checkbox],
div.selfdiagnosis li input[type=radio] {display: inline-block;vertical-align: top;margin: 5px 5px 0 20px !important;}
div.selfdiagnosis li label {color: #1ea9c8;}

div.selfdiagnosis.applyComp {margin-top: 15px !important;border:1px solid #e2961d;padding: 15px;text-align: center;background-color: #fcf4e8;color: #222;font-size: 14px;line-height: 22px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.selfdiagnosis.applyComp:before {display: none;}
div.selfdiagnosis.applyComp img {display: block;width: 70px;margin: 0 auto 10px;}
div.selfdiagnosis.applyComp strong {font-size: 16px;padding: 0;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;vertical-align: baseline;}
div.selfdiagnosis.applyComp span {padding: 0;vertical-align: baseline;}


div.selfdiagnosis + div.btnArea {padding: 20px 15px 15px;}








/* 회원가입 */
ol.joinStep, ol.joinStep li {margin: 0;padding: 0;list-style:none;}
ol.joinStep {overflow: hidden;margin-bottom: 15px;}
ol.joinStep > li {position: relative;float: left;width: 37%;padding: 11px 0 10px 45px;background-color: #ededed;box-sizing:border-box;color: #10629a;font-family: 'Roboto-Medium', sans-serif;font-size: 12px;line-height: 16px;}
ol.joinStep > li:before {z-index: 10;position: absolute;left: -22px;top: 50%;width: 40px;height: 40px;margin-top: -22px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);background-color: #ededed;content: "";}
ol.joinStep > li:first-child {width: 26%;padding-left: 10px;}
ol.joinStep > li:first-child:before {display: none;}

ol.joinStep > li span {z-index: 20;position: relative;display: block;font-family: 'NobotoKR DemiLight', sans-serif;font-size: 10px;opacity: .7;}
ol.joinStep > li.on {background-color: #10629a;color: #fff;}
ol.joinStep > li.on:before {background-color: #ededed;}
ol.joinStep > li.on + li:before {background-color: #10629a;}

div.agreeCon {border: 1px solid #ccc;height: 200px;padding: 20px;}
div.agreeCon + div {text-align: center;margin-top: 10px;}
div.agreeCon + div input[type=radio] {margin: 5px 10px 0 30px;}
div.agreeCon + div input[type=radio]:first-child {margin-left: 0;}


div.applyComp {margin: 15px;padding:20px !important;border: 1px solid #ca2444;color: #000;background-color: #fcf4f5;text-align: center;font-size: 17px;font-family: 'NotoSansKR DemiLight', sans-serif;word-break:keep-all;}
div.applyComp img {display: block;margin: 0 auto 5px;}

form .btnArea {text-align: center;}
form .btnArea * {margin-left: 10px;font-size: 16px;}
form .btnArea *:first-child {margin-left: 0;}

div.loginArea, div.loginArea dl, div.loginArea dt, div.loginArea dd, div.loginArea ul, div.loginArea li, div.loginArea p, div.loginArea a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.loginArea {margin: 15px;background-color: #f4f3f3;}
div.loginArea div.note {padding-bottom: 15px;text-align: center;font-size: 14px;line-height: 1.4;word-break:keep-all;}
div.loginArea div.formArea {}
div.loginArea dl {border-top: 2px solid #2e4795;padding: 10px 15px;background-color: #fff;}
div.loginArea dt label {line-height: 30px;}
div.loginArea dd {margin-bottom: 5px;border: 1px solid #ddd;}
div.loginArea dd input {width: 100% !important;height: 40px;border: 0 none;}

div.loginArea p.saveID {margin-top:10px;}
p.saveID input {margin: 5px 10px 0 0;}

div.loginArea div.btn {padding-top: 15px;}
div.loginArea div.btn input {display: block;width: 100%;height: 50px;font-size: 16px;}

div.loginArea ul.loginUtil {overflow: hidden;padding-top:10px;}
ul.loginUtil > li {float: right;width: calc(60% - 10px);}
ul.loginUtil > li:first-child {float: left;width: 40%;}
ul.loginUtil a {display: block;padding: 10px 0;text-align: center;background-color: #888a99;color: #fff;font-size: 14px;line-height: 20px;}



div.find, div.find dl, div.find dt, div.find dd, div.find ul, div.find li, div.find p, div.find a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.find {margin: 15px;background-color: #f4f3f3;}
div.find div.note {padding-bottom: 15px;text-align: center;font-size: 14px;line-height: 1.4;word-break:keep-all;}
div.find div.formArea {}
div.find dl {border-top: 2px solid #2e4795;padding: 10px 15px;background-color: #fff;}
div.find dt label {line-height: 30px;}
div.find dd {margin-bottom: 5px;border: 1px solid #ddd;}
div.find dd input {width: 100% !important;height: 40px;border: 0 none;}

div.find div.btn {padding-top: 15px;}
div.find div.btn input {display: block;width: 100%;height: 50px;font-size: 16px;}


div.result {margin: 15px;padding: 15px;border: 2px solid #2e4795;text-align: center;font-size: 16px;line-height: 1.4;color: #666;font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
div.result span {color: #1da8c7;}
div.result a {display: block;width: 120px;padding: 5px 0 7px;margin: 20px auto 0;background-color: #2e4795;color: #fff;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;text-decoration: none;}




/* 마이 페이지 */
ul.myMenu, ul.myMenu li, ul.myMenu a {margin: 0;padding: 0;list-style:none;}
ul.myMenu {padding: 15px;}
ul.myMenu li {position: relative;margin-top: 10px;}
ul.myMenu li:first-child {margin-top: 0;}

ul.myMenu a {display: block;padding: 20px;border: 1px solid #ccc;border-radius: 0 0 30px 0;color: #1da9c7;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;text-align: left;box-sizing:border-box;text-decoration: none;}
ul.myMenu span {display: block;padding-bottom: 5px;color: #222;font-size: 18px;line-height: 24px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.myMenu img {position: absolute;right: 20px;top: 50%;height: 48px;margin-top: -24px;}


/* 본인 확인 */
div.pwdCheck, div.pwdCheck dl, div.pwdCheck dt, div.pwdCheck dd, div.pwdCheck ul, div.pwdCheck li, div.pwdCheck p, div.pwdCheck a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.pwdCheck {margin: 15px;background-color: #f4f3f3;}
div.pwdCheck div.note {padding-bottom: 15px;text-align: center;font-size: 14px;line-height: 1.4;word-break:keep-all;}
div.pwdCheck div.formArea {}
div.pwdCheck dl {border-top: 2px solid #2e4795;padding: 10px 15px;background-color: #fff;}
div.pwdCheck dt {line-height: 30px;}
div.pwdCheck dd {height: 40px;padding: 0 5px;line-height: 40px;margin-bottom: 5px;border: 1px solid #ddd;}
div.pwdCheck dd input {width: 100% !important;height: 40px;border: 0 none;}

div.pwdCheck div.btn {padding-top: 15px;}
div.pwdCheck div.btn input {height: 40px;font-size: 16px;}



/* 나의 포인트 */
div.mypage {font-size: 14px;}
ul.myPoint, ul.myPoint li {margin: 0;padding: 0;list-style:none;}
ul.myPoint {padding-top: 10px;}
ul.myPoint li {position: relative;margin-top: 10px;padding: 20px;border-radius: 0 0 30px 0;color: #fff;}

ul.myPoint li:nth-child(1) {margin-top: 0;background-image: url('/image/sub/myPointBg_01.png');}
ul.myPoint li:nth-child(2) {background-image: url('/image/sub/myPointBg_02.png');}
ul.myPoint li:nth-child(3) {background-image: url('/image/sub/myPointBg_03.png');}

ul.myPoint div {text-align: right;font-size: 25px;font-family: 'NotoSansKR Bold', sans-serif;}
ul.myPoint div:after {display: inline-block;content: "점";font-family: 'NotoSansKR Medium', sans-serif;font-size: 14px;}
ul.myPoint span {position: absolute;left: 20px;top: 10px;font-family: 'NotoSansKR Medium', sans-serif;font-size: 14px;}


/* 비밀번호 변경 */
div.changePwd {}
div.changePwd .note {padding: 15px;background-color: #f0f4ff;text-align: center;font-size: 14px;line-height: 1.4;}

div.changePwd div.formArea {margin-top: 10px;}
div.changePwd dl {overflow: hidden;border-top: 2px solid #2e4795;}
div.changePwd dt {padding: 10px 10px 0;line-height: 30px;background-color: #f4f3f3;}
div.changePwd dd {padding: 10px;margin-bottom: 2px;background-color: #f4f3f3;}
div.changePwd dd input[type=password] {width: 100%;}
div.changePwd div.btn * {max-width: 200px;height: 40px;font-size: 16px;}


/* 회원탈퇴 */
div.withdrawal {}
div.withdrawal .note {padding: 15px;background-color: #f0f4ff;text-align: center;font-size: 14px;line-height: 1.4;}

div.withdrawal div.formArea {margin-top: 10px;}
div.withdrawal dl {overflow: hidden;border-top: 2px solid #2e4795;}
div.withdrawal dt {padding: 10px 10px 0;line-height: 30px;background-color: #f4f3f3;}
div.withdrawal dd {padding: 10px;margin-bottom: 2px;background-color: #f4f3f3;}
div.withdrawal dd input[type=text] {width: 100%;}
div.withdrawal div.btn * {width: 200px;height: 40px;font-size: 16px;}


/* 에필리아 정책 */
div.rule {font-size: 14px;}
div.rule > * {margin-top: 15px;}
div.rule > *:first-child {margin-top: 0;}

div.rule .subTit_bl {margin-top: 30px;}
div.rule .subTit_bl + * {margin-top: 0;}
div.rule h4, div.rule h5 {margin: 0;padding: 0;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}

div.rule h4 {font-size: 16px;}
div.rule h5 {margin: 15px 0 5px;font-size: 14px;}
div.rule h5 + * {margin-top: 0;}





div.popupWrap {background-color: #fff;font-size: 14px;line-height: 20px;}
div.popupWrap h1 {margin: 0;padding: 10px 42px 12px 15px;font-weight: normal;color: #fff;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #1d2b46;}
div.popupWrap div.popupCon {padding: 15px;}
div.popupWrap div.close {position: absolute;right: 0;top: 0;width: 42px;height: 42px;}
div.popupWrap div.close a {display: block;height: 100%;text-indent: -10000px;background: url('/image/common/popup_close.png') center center no-repeat;background-size: 16px;}

div.layerPopup {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;padding: 0 !important;background-color: rgba(0,0,0,.7);}
div.layerPopup > div.popupWrap {position: absolute;left: 20px;top:50%;width: calc(100% - 40px);}

div#popupDoctor {height: 424px;margin-top: -212px;}

dl.doctorInfo, dl.doctorInfo dt, dl.doctorInfo dd {margin: 0;padding: 0;}
dl.doctorInfo {padding-bottom: 10px;}
dl.doctorInfo dt {position: relative;padding-bottom: 5px;color: #222;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.doctorInfo dt img {display: inline-block;padding-right: 10px;vertical-align: bottom;}
dl.doctorInfo dd {font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.doctorInfo li {margin-top: 5px;}

div#popupDoctor div.scrollArea {height: 100px;padding: 15px;background-color: #f8f8f8;}

div#popupPatient {height: 372px;margin-top: -186px;}
div#popupPatient div.popupCon {padding: 15px;}
div#popupPatient div.scrollArea {height: 300px;}


div#popupForm {height: 424px;margin-top: -212px;}


div#popupForm div.scrollArea {overflow-x: hidden;overflow-y: auto;height: 297px;}
div#popupForm div.scrollArea::-webkit-scrollbar {width:10px;margin: 10px; }
div#popupForm div.scrollArea::-webkit-scrollbar-track {background-color: #d6d6d6;}
div#popupForm div.scrollArea::-webkit-scrollbar-thumb {background-color: #3c4477;}

div#popupForm h3 {margin: 15px 0 0;font-size: 16px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupForm h3:first-child {margin-top: 0;}
div#popupForm ul.option {}
div#popupForm ul.option:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#popupForm ul.option li {float: left;width: 50%;margin-top: 5px;box-sizing:border-box;}
div#popupForm input[type=checkbox] {top: 4px;}


/* 관련사이트 */
ul.relSite, ul.relSite > li, ul.relSite a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.relSite {}
ul.relSite:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.relSite > li {position: relative;float: right;width: calc(50% - 5px);margin:0 0 10px;}
ul.relSite > li:after {position: absolute;left: 0;bottom: 1px;width: 100%;height: 40px;content: "";background-color: #253451;}
ul.relSite > li:nth-child(odd) {clear: both;float: left;}
ul.relSite > li > a {z-index: 10;position: relative;display: block;border: 1px solid #ccc;}

ul.relSite img {display: block;height: 67px;margin: 0 auto;}
ul.relSite span {display: table-cell;width: 800px;height: 40px;padding: 0 15px;color: #fff;background-color: #253451;font-size: 12px;line-height: 16px;font-family: 'NotoSansKR DemiLight', sans-serif;text-align: center;vertical-align: middle;}
ul.relSite span:after {display: inline-block;padding-left: 10px;vertical-align: top;content: '→';}



/* 뇌전증 의료정보 */
div.epilepsy {padding: 15px;text-align: justify;}

ul.navi, ul.navi li, ul.navi a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.navi {margin-top: 10px;padding: 5px 0 10px;text-align: center;font-size: 0;line-height: 0;background-color: #f2f2f2;}
ul.navi li {display: inline-block;vertical-align: top;padding-left: 5px;}
ul.navi li:first-child {padding-left: 0;}
ul.navi a {display: block;padding: 0 10px 2px;margin-top: 5px;border: 1px solid #415f9c;background-color: #e0e3e9;color: #415f9c;font-size: 13px;line-height: 23px;font-family: 'NotoSansKR DemiLight', sans-serif;}
ul.navi a:hover,
ul.navi a:focus {border-color: #e89900;background-color: #e89900;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}



div.epilepsy p,
div.epilepsyCon {margin-top: 15px;}
div.epilepsy h3 + h4 {margin-top: 10px;}

div.epilepsy h3 + p,
div.epilepsy h4 + p,
div.epilepsy p:first-child {margin-top: 0;}

div.epilepsy div.img {margin-top: 15px;border: 1px solid #eee;}
div.epilepsy div.img img {display: block;margin: 10px auto;}
div.epilepsy div.img span {display: table-cell;width: 800px;height: 60px;padding: 10px;vertical-align: middle;text-align: center;background-color: #f6f6f6;font-size: 13px;line-height: 20px;color: #222;font-family: 'NotoSansKR DemiLight', sans-serif;}

div.epilepsy dl.bg {padding: 15px;background-color: #f2f2f2;}
div.epilepsy dl.bg dt {margin-top: 10px;font-family: 'NotoSansKR Medium', sans-serif;}
div.epilepsy dl.bg dt:first-child {margin-top: 0;}

div.epilepsy .sign {margin-top: 30px;text-align: right;font-family: 'NotoSansKR Medium', sans-serif;}

div.epilepsy h4.question {position: relative;margin: 40px 0 50px;padding:5px 10px 7px 104px;border-radius:5px;color: #5172c8;background-color: #f0f4ff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
div.epilepsy h4.question:before {position: absolute;left: 0;bottom: 0;width: 94px;height: 66px;content: "";background: url('/image/sub/faqBg_q.png') center bottom no-repeat;background-size: auto 66px;}

dl.answer, dl.answer dt, dl.answer dd {margin: 0;padding: 0;}
dl.answer {position: relative;padding: 40px 15px 15px;background-color: #faeff1;}
dl.answer dt {font-family: 'NotoSansKR Medium', sans-serif;font-weight: normal;}
dl.answer > dt {color: #c02c44;font-size: 15px;}
dl.answer > dt:before {position: absolute;right: 0;top: -43px;width: 100px;height: 74px;content: "";background: url('/image/sub/faqBg_a.png') center bottom no-repeat;background-size: 100px;}
dl.answer > dd dt {padding-top: 10px;}
dl.answer > dd dd > ul > li {margin-top: 5px;}

ul.alpha > li {margin-left:20px;list-style:upper-alpha;}
ul.roman > li {margin-left: 10px;list-style:lower-roman;}

div.epilepsy dl.faq {margin-top: 0;}
div.epilepsy dl.faq > dt {position: relative;padding:5px 15px 7px;border-top: 1px solid #ccc;color: #282828;font-size: 14px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;}
div.epilepsy dl.faq > dt:first-child {border-top: 0 none;}
div.epilepsy dl.faq > dd {padding: 10px 0 12px;}


/* 뇌전증 센터 */
div.hospitalSearch {padding:15px;border: 1px solid #ddd;}

div.hospitalSearch p.ac {color: #444;font-size: 14px;line-height: 1.2;word-break:keep-all;}
div.hospitalSearch p.ac span {display: block;padding-bottom: 5px;font-size: 16px;font-family: 'NotoSansKR Medium', sans-serif;}

div.hospitalSearch div.formArea {position: relative;margin-top: 15px;padding-top: 10px;border-top: 1px solid #ddd;font-size: 0;line-height: 0;}
div.hospitalSearch select, div.hospitalSearch input[type=text] {border-radius:4px;}

div.hospitalSearch dl {overflow: hidden;}
div.hospitalSearch dt, div.hospitalSearch dd {float: left;padding-top: 5px;}
div.hospitalSearch dt {clear: both;width: 60px;padding-right: 10px;text-align: right;}
div.hospitalSearch dd {width: calc(100% - 70px);}
div.hospitalSearch label {display: block;line-height: 40px;font-size: 14px;font-family: 'NotoSansKR Medium', sans-serif;}
div.hospitalSearch select,
div.hospitalSearch input {}
div.hospitalSearch select {width: calc(50% - 5px);margin-left: 10px;}
div.hospitalSearch select:first-child {margin-left: 0;}

div.hospitalSearch input[type=text] {width: 100%;padding: 12px 10px;}

div.hospitalSearch p.result {margin-top: 15px;padding: 10px;text-align: center;background-color: #f4f4ef;color: #1ea9c8;font-family: 'NotoSansKR Medium', sans-serif;}

div.hospitalSearch .btn {margin: 15px 0 0;text-align: center;}
div.hospitalSearch .btn * {width: calc(50% - 5px);height: 45px;margin-left: 10px;text-align: center;}
div.hospitalSearch .btn *:first-child {margin-left: 0;}

div.hospitalResult {padding-top: 30px;}

dl.hospital, dl.hospital dt, dl.hospital dd {margin: 0;padding: 0;}
dl.hospital {border-top: 2px solid #3f4265;}
dl.hospital + dl.hospital  {border-top: 0 none;}
dl.hospital > * {border-bottom: 1px solid #ddd;}
dl.hospital > dt {position: relative;padding: 5px 50px 5px 10px;background-color: #1ea9c8;color: #fff;}
dl.hospital > dd {padding:5px 10px;background-color: #f8f8f8;}
dl.hospital > dd.address {background-color: #fff;}

dl.hospital .btnHome {position: absolute;right: 0;top: 0;width: 40px;height: 100%;font-size: 0;line-height: 0;text-decoration: none;background-color: rgba(0,0,0,.2);color: #fff;}
dl.hospital .btnHome:before {position: absolute;left: 50%;top: 50%;margin: -8px 0 0 -9px;font-size: 16px;line-height: 16px;content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}