@charset "utf-8";
@import url('/css/diabetes_common.css');


input[type=submit],
input[type=button],
input[type=password],
input[type=reset],
button,
select,
textarea {border: 1px solid #d1decd;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}


/* 초록색 */				.btn .btnDef {background-color:#007e3e !important;border-color:#007e3e !important;color:#fff !important;}
/* 하늘색 * /				.btn .btnPoint {background-color:#4492e3 !important;border-color:#4492e3 !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#8d8d8d !important;border-color:#8d8d8d !important;color:#fff !important;}

/* border+초록색 */	.btn .btnBdDef {background-color:#fff !important;border-color:#007e3e !important;color:#007e3e !important;}
/* border+하늘색 * /	.btn .btnBdPoint {background-color:#fff !important;border-color:#4492e3 !important;color:#4492e3 !important;}
/* border+회색 */		.btn .btnBdGrey {background-color:#fff !important;border-color:#8d8d8d !important;color:#8d8d8d !important;}



div.wrapper {overflow: hidden;position: relative;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
a, input[type=text], input[type=submit], input[type=button], input[type=reset], button,
.btn > span {font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

.fcPoint {color:#007e3e !important;}

.agreeCon::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {-webkit-appearance: none; width:8px;height: 8px;}
.agreeCon::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {background-color: #e9e9e9;}
.agreeCon::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {background-color: rgba(0,126,62,.8);}



div#headerWrap h1, div#headerWrap h1 a {margin: 0;padding: 0;text-decoration: none;}
div.headerMenu ul, div.headerMenu li, div.headerMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.wrapper {overflow: hidden;min-width: 320px;}

div#headerWrap {position: relative;height: 60px;}
div#headerWrap h1 {height: 60px;padding:0 60px;}
div#headerWrap h1 a {display: block;padding: 13px 0;}
div#headerWrap h1 img {display: block;height: 34px;margin: 0 auto;}

div.viewFavor {position: absolute;right: 15px;top: 50%;width: 80px;transform:translateY(-50%);}
div.viewFavor a {display: block;height: 35px;border: 1px solid #007e3e;border-radius: 5px;font-size: 0;line-height: 0;background:url('../image/gnb_viewFavor_m.png') center center no-repeat;background-size: 60px;}

div.headerMenu li {display: none;}
div.headerMenu li.viewMenu {display: block;position: absolute;left: 0;top: 0;width: 60px;height: 60px;}
div.headerMenu li.viewMenu a {display: block;height: 60px;font-size: 0;line-height: 0;background:url('../image/header_menu_m.png') center center no-repeat;background-size: 60px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.wrapper {position: relative;min-width: 1464px;}

div#headerWrap {z-index: 80;position: absolute;left: 0;top: 0;width: 100%;height: 90px;}
div#headerWrap h1 {z-index: 50;position: absolute;left: 50%;top: 15px;width: 153px;height: 60px;margin-left: -650px;}
div#headerWrap h1 a {display: block;height: 59px;background:url('../image/header_logo.png') 0 0 no-repeat;}
div#headerWrap h1 img {display: none;}

div.headerMenu {position: absolute;left: 50%;top: 25px;width: 650px;text-align: right;font-size: 0;line-height: 0;}
div.headerMenu div,
div.headerMenu ul, 
div.headerMenu li {display: inline-block;vertical-align: top;}

div.viewFavor {}
div.viewFavor a {display: block;padding: 0 20px;border-radius: 20px;border: 1px solid #007e3e;color: #007e3e;font-size: 13px;line-height: 40px;}
div.viewFavor a:before {display: inline-block;vertical-align: top;width: 25px;height:40px;content: "";background:url('../image/gnb_viewFavor.png') left center no-repeat;}

div.headerMenu ul {margin-left: 10px;}
div.headerMenu li {padding-left: 20px;}
div.headerMenu ul:first-of-type {padding: 0 20px;border-radius: 20px;background-color: #007e3e;}
div.headerMenu ul:first-of-type li {padding-left: 0;line-height: 40px;font-size: 13px;}
div.headerMenu ul:first-of-type li:first-child:after {display: inline-block;vertical-align: top;width: 20px;content: "/";text-align: center;font-family: 'NotoSansKR Thin', sans-serif;color: #fff;}
div.headerMenu ul:first-of-type a {display: inline-block;color: #fff;font-size: 13px;line-height: 40px;}

div.headerMenu li.mypage a,
div.headerMenu li.viewMenu a {display: block;width: 22px;height: 40px;background-position: center center;background-repeat: no-repeat;}
div.headerMenu li.mypage a {background-image:url('../image/header_mypage.png');}
div.headerMenu li.viewMenu a {background-image:url('../image/header_menu.png');}
div.wrapper.mainWrap div.headerMenu li.login a, div.wrapper.mainWrap div.headerMenu li.register a ,div.wrapper.mainWrap div.headerMenu li.mypg a{color: #fff;}
div.wrapper div.headerMenu li.login a,div.headerMenu li.register a,div.headerMenu li.mypg a {color: #222; font-family:'NotoSansKR Medium',sans-serif; font-size:15px; line-height: 40px;}
div.headerMenu li.login,div.headerMenu li.mypg {padding-left: 13px;}
div.headerMenu li.register {position: relative;}
div.headerMenu li.register:before {position: absolute; content:''; left: 10px; top: 50%; transform:translateY(-50%); width: 2px; height: 11px; background-color: #222;}


div.headerMenu li.mypg + li.login {position: relative; padding-left: 21px;}
div.headerMenu li.mypg + li.login:before {position: absolute; content:''; left: 10px; top: 50%; transform:translateY(-50%); width: 2px; height: 11px; background-color: #222;}


div.wrapper.mainWrap div.headerMenu li.register:before,div.wrapper.mainWrap div.headerMenu li.login:before {background-color: #fff;}
}



/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {}
ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.headerMenu, ul.headerMenu li, ul.headerMenu a,
ul.siteMenu, ul.siteMenu li, ul.siteMenu a,
ul.memberMenu, ul.memberMenu li, ul.memberMenu a,
ul.relSite, ul.relSite li, ul.relSite a,
ul.joinMenu, ul.joinMenu li, ul.joinMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.gnbWrap {z-index: 200;position: fixed;right: 100%;top: 0;width: 100%;height: 100%;padding: 60px 0 150px;background-color: #fff;box-sizing:border-box;}
div.gnbWrap:before {z-index: -1;position: absolute;left: 0;top: 60px;width: 135px;height: calc(100% - 160px);content: "";background: #f4f4f4 url('../image/gnb_bg_m.png') left bottom no-repeat;background-size: 100%;}

div.gnbClose {position: absolute;right: 0;top: 0;width: 60px;height: 60px;}
div.gnbClose a {display: block;height: 60px;font-size: 0;line-height: 0;background:url('../image/gnb_close_m.png') center center no-repeat;background-size: 17px;}

ul.siteMenu {position: absolute;left: 15px;top: 15px;}
ul.siteMenu > li {position: relative;float: left;padding-left: 25px;}
ul.siteMenu > li:before {position: absolute;left: 12px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #303b64;}
ul.siteMenu > li:first-child {padding-left: 0;}
ul.siteMenu > li:first-child:before {display: none;}
ul.siteMenu a {display: block;color: #303b64;font-size: 14px;line-height: 30px;font-family: 'Pretendard-SemiBold', 'NotoSansKR Medium', sans-serif;}

ul.memberMenu {position: absolute;left: 0;bottom: 40px;width: 100%;height: 60px;background-color: #3d3d3d;}
ul.memberMenu li {position: relative;float: left;width: 33.3%;}
ul.memberMenu li:before {position: absolute;left: 0;top: 50%;width: 1px;height: 20px;content: "";background-color: #fff;opacity: .2;transform:translateY(-50%);}
ul.memberMenu > li:first-child:before {display: none;}
ul.memberMenu li.allMenu {display: none;}
ul.memberMenu a {display: table-cell;width: 600px;height: 60px;vertical-align: middle;text-align: center;color: #fff;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.memberMenu img {display: block;height: 16px;margin: 0 auto 5px;}

ul.relSite {position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 15px;text-align: right;font-size: 0;line-height: 0;box-sizing:border-box;background-color: #505050;}
ul.relSite li {display: inline-block;vertical-align: top;padding-left: 15px;}
ul.relSite li:first-child {padding-left: 0;}
ul.relSite a {display: block;height: 40px;font-size: 12px;line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;color: #fff;}


div.gnbArea {}
ul#gnb {overflow: hidden;overflow: scroll;position: absolute;left: 0;top: 60px;width: 100%;height: calc(100% - 160px);}
ul#gnb > li {width: 135px;border-bottom: 1px solid #e4e4e4;}
ul#gnb > li > a {display: block;padding: 8px 15px;color: #666;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
ul#gnb > li > a br {display: none;}
ul#gnb ul {display: none;overflow: hidden;overflow: scroll;position: absolute;left: 135px;top: 0;width: calc(100% - 135px);height: 100%;padding: 0 15px;box-sizing:border-box;}

ul#gnb > li.on > a {position: relative;padding-left: 35px;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;background-color: #007e3e;}
ul#gnb > li.on > a:before {position: absolute;left: 15px;top: 18px;width: 10px;height: 3px;content: "";background-color: #fff;}
ul#gnb > li.on ul {display: block;}

ul#gnb ul {padding-bottom: 20px;}
ul#gnb ul a {padding: 8px 0;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.gnbWrap {z-index: 110;position: fixed;left: 100%;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);opacity: 0;}

div.gnbArea {overflow-x: hidden;overflow-y: auto;position: absolute;left: 50%;top: 0;width: 50%;height: 100%;padding: 65px 0 25px 50px;background: #007e3e url('../image/gnb_bg.png') right bottom no-repeat;box-sizing:border-box;}
div.gnbArea::-webkit-scrollbar {-webkit-appearance: none; width:8px;height: 8px;}
div.gnbArea::-webkit-scrollbar-track {background-color: #e9e9e9;}
div.gnbArea::-webkit-scrollbar-thumb {background-color: rgba(0,126,62,.8);}

ul#gnb > li {float: left;width: 300px;padding:0 0 40px 70px;}
ul#gnb > li:nth-child(1),ul#gnb > li:nth-child(2n) {clear: both;}
ul#gnb > li > a {display: block;padding: 0 30px;font-size: 20px;line-height: 40px;border-radius: 15px 0 15px 0;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;background-color: #006c35;}

ul#gnb ul {padding-left: 20px;}
ul#gnb ul li {padding-top: 7px;}
ul#gnb ul a {font-size: 17px;line-height: 25px;color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
ul#gnb ul a:hover,
ul#gnb ul a:focus {color: #b6eb7d;}

div.gnbUtil {display: none;}

div.gnbClose {position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;transform:translate(-50%, -50%);border-radius: 10px;background-color: #fff;box-shadow: 15px 15px 16px rgba(0,0,0,.2);}
div.gnbClose a {display: table-cell;width: 100px;height: 100px;text-align: center;vertical-align: middle;color: #007e3e;font-size: 22px;line-height: 30px;font-family: 'NotoSansKR Bold', sans-serif;}
div.gnbClose a:after {display: inline-block;vertical-align: top;width: 30px;height: 30px;content: "";background:url('../image/gnb_close.png') right center no-repeat;}
}



/* 위로가기 */
p#goTop {z-index: 50;margin: 0;}
p#goTop a {display: block;border: 1px solid #323232;font-size: 0;line-height: 0;background: #fff url('../image/goTop.png') center center no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
p#goTop {position: fixed;right: 15px;bottom:15px;top: auto !important;}
p#goTop a {width: 30px;height: 30px;background-size: 10px;}
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
p#goTop {position: absolute;left: 50%;top: 520px;margin-left: 680px;}
p#goTop a {width: 50px;height: 50px;background-size: 15px;}
}



/* Footer */
div#footerWrap {background-color: #484848;}
ul.footerInfo, ul.footerInfo li, ul.footerInfo a,
ul.footerMenu, ul.footerMenu li, ul.footerMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}


div#footerWrap {position: relative;color: #878787;}

ul.footerMenu {overflow: hidden;}
ul.footerMenu li {position: relative;float: left;}
ul.footerMenu li:before {position: absolute;top: 50%;width: 2px;transform:translateY(-50%);content: "";background-color: #fff;}
ul.footerMenu li:first-child {padding-left: 0;}
ul.footerMenu li:first-child:before {display: none;}

ul.footerMenu a {color: #fff;}

ul.footerInfo {font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
ul.footerInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.footerInfo li {position: relative;float: left;}
ul.footerInfo li:before {position: absolute;top: 50%;width: 1px;content: "";background-color: #878787;transform:translateY(-50%);}
ul.footerInfo li, 
ul.footerInfo a {color: #878787;}

ul.footerInfo li:first-child,
ul.footerInfo li.clear {clear: both;padding-left: 0;}
ul.footerInfo li:first-child:before,
ul.footerInfo li.clear:before {display: none;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#footerWrap {padding-bottom: 15px;font-size: 12px;line-height: 18px;}

ul.footerMenu {padding: 7px 15px;background-color: #3d3d3d;}
ul.footerMenu:after {clear: both;display: block;}
ul.footerMenu li {padding-left: 25px;}
ul.footerMenu li:before {left: 12px;width: 2px;height: 8px;opacity: .5;}
ul.footerMenu a {font-size: 14px;line-height: 26px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

ul.footerInfo {padding: 10px 15px 0;}
ul.footerInfo li {padding-left: 10px;}
ul.footerInfo li:before {left: 5px;height: 6px;}

div#footerWrap p {padding: 0 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#footerWrap {padding: 20px 0;}
div#footerWrap > div {width: 1300px;margin: 0 auto;padding-left: 225px;background:url('../image/footer_logo.png') left center no-repeat;box-sizing:border-box;}

ul.footerMenu li {padding-left: 32px;}
ul.footerMenu li:before {left: 15px;height: 12px;}
ul.footerMenu a {font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}

ul.footerInfo {padding-top: 20px;}
ul.footerInfo li {padding-left: 10px;}
ul.footerInfo li:before {left: 5px;height: 16px;}
ul.footerInfo li, 
ul.footerInfo a {font-size: 14px;line-height: 20px;}


div#footerWrap p {width: 1300px;margin: 0 auto;}
}





/* Container */
div#container {position: relative;}

div.titArea {position: relative;}
.pageTit {margin: 0;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}

div.favor {position: absolute;}
div.favor a {display: block;font-family: 'NotoSansKR Medium', sans-serif;text-decoration: none;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container {min-width: 320px;padding-top:45px;}
.pageTit {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 55px;padding: 0 105px 0 15px;text-align: left;color: #007e3e;font-size: 18px;line-height: 55px;}

div.favor {right: 15px;top: 50%;transform:translateY(-50%);}
div.favor a {width: 50px;padding-left: 25px;border-radius: 5px;color: #fff;font-size: 12px;line-height: 35px;background: #3a3a3a url('../image/favor_add_m.png') 5px center no-repeat;background-size: 15px;}
div.favor a.on {background-image:url('../image/favor_del_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {padding-top: 90px;}
div.titArea {height: 230px;border-bottom: 60px solid #007e3e;box-sizing:border-box;background-position: center top;background-repeat: no-repeat;}
/* 회원가입/마이페이지 */		div.sub01 .titArea {background-image:url('../image/bg_01.png');}
/* 인사말 */						div.sub02 .titArea {background-image:url('../image/bg_02.png');}
/* 당뇨병 교실*/					div.sub03 .titArea {background-image:url('../image/bg_03.png');}
/* 당뇨병과 식생활 */			div.sub04 .titArea {background-image:url('../image/bg_04.png');}
/* 당뇨병과 운동 */				div.sub05 .titArea {background-image:url('../image/bg_05.png');}
/* 당뇨병과 건강한 생활 */		div.sub06 .titArea {background-image:url('../image/bg_06.png');}
/* 당뇨병과 새소식 */			div.sub07 .titArea {background-image:url('../image/bg_07.png');}
/* 새소식 */						div.sub08 .titArea {background-image:url('../image/bg_08.png');}

.pageTit {padding: 65px 0;text-align: center;color: #fff;font-size: 32px;line-height: 40px;}

div.favor {left: 50%;top: 104px;width: 150px;margin-left: 500px;}
div.favor a {padding-left: 65px;border-radius: 23px;color: #3a3a3a;font-size: 16px;line-height: 46px;background: rgba(255,255,255,.8)url('../image/favor_add.png') 30px center no-repeat;}
div.favor a.on {background-image:url('../image/favor_del.png');}
}



/* LNB */
div.lnbWrap, div.lnbWrap p, div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.lnbWrap dl {}

div.lnb dt.view a:after {transform:rotate(180deg);}
div.lnb dd a {color: #666;}
div.lnb dd .on a,
div.lnb dd a:hover {color: #007e3e;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.lnb {z-index: 90;position: absolute;left: 0;top: 0;width: 100%;height: 45px;background-color: #007e3e;}
div.lnb p.home,
div.lnb dl.lnb1 {display: none;}

div.lnb dt a {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 10px 40px 10px 15px;color: #fff;font-size: 14px;line-height: 25px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.lnb dt a:after {position: absolute;right: 15px;top: 50%;width: 12px;height: 10px;margin-top: -5px;content: "";background:url('../image/lnb_bl_m.png') center center no-repeat;background-size: 12px;}

div.lnb dd {display: none;position: absolute;left: 0;top: 45px;overflow-x: hidden;overflow-y: auto;width: 100%;height: auto;padding: 5px 15px 15px;box-sizing:border-box;background-color: #f0f0f0;}
div.lnb dd li {padding-top: 10px;}

div.lnbWrap dl.lnb3 {z-index: 80;position: relative;padding: 15px;background-color: #f7f7f7;}
dl.lnb3 a.trigger {position: relative;display: block;text-overflow:ellipsis;white-space:nowrap;padding:10px 55px 10px 15px;border-top: 1px solid #3b3f40;border-left: 1px solid #3b3f40;border-bottom: 1px solid #f7f7f7;color: #898989;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
dl.lnb3 a.trigger:after {position: absolute;right: 0;top: -1px;width: 40px;height: 40px;border:1px solid #e2e2e2;border-left-color: #3b3f40;border-bottom-color: #3b3f40;content: "";background:url('../image/lnb3_bl_m.png') center center no-repeat;background-size: 10px;}

dl.lnb3 .view a.trigger {border-bottom: 1px solid #fff;background-color: #fff;}
dl.lnb3 .view a.trigger:after {background-color: #f7f7f7;background-image:url('../image/lnb3_bl_on_m.png')}

dl.lnb3 > dd {position: absolute;left: 0;top: 57px;width: calc(100% - 30px);padding: 0 15px 15px;background-color: #f7f7f7;}

dl.lnb3 ul {overflow: hidden;overflow: auto;max-height:120px;padding-bottom: 15px;border: 1px solid #3b3f40;border-top: 0 none;background-color: #fff;}
dl.lnb3 li {padding-top: 10px;}
dl.lnb3 li a {display: block;padding: 0 15px;color: #898989;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
dl.lnb3 li.on a {}

div.lnbWrap dl.lnb3 {}
dl.lnb3 > dd > ul {background-color: #ecf0f9;}
dl.lnb3 > dd > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.lnb3 > dd > ul > li > a {height: 40px;font-size: 12px;line-height: 18px;}
dl.lnb3 > dd > ul > li.on > a {background-color: #263e74;}

div.lnbWrap dl.lnb3.show {}
dl.lnb3.show > dd {position: static;width: auto;padding: 0;}
dl.lnb3.show ul {padding: 0;border: 0 none;}
dl.lnb3.show ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.lnb3.show ul > li {float: left;padding: 0;}
dl.lnb3.show ul a {display: table-cell;width: 1000px;height: 36px;	border-bottom: 1px solid #999b9b;border-right: 1px solid #999b9b;text-align: center;vertical-align: middle;background-color: #f7f7f7;color: #000;word-break:keep-all;}
dl.lnb3.show ul .on a {color: #fff;background-color: #3b3f40;border-color: #3b3f40;}

dl.lnb3 ul.col4ea a {}
dl.lnb3 ul.col2ea li:nth-child(-n+2) a,
dl.lnb3 ul.col4ea li:nth-child(-n+2) a {border-top: 1px solid #999b9b;}
dl.lnb3 ul.col2ea li:nth-child(odd) a,
dl.lnb3 ul.col4ea li:nth-child(odd) a {border-left: 1px solid #999b9b;}

dl.lnb3 ul.col3ea li:nth-child(-n+3) a {border-top: 1px solid #999b9b;}
dl.lnb3 ul.col3ea li:nth-child(-n+3).on a {border-color: #3b3f40;}
dl.lnb3 ul.col3ea li:nth-child(3n+1) a {border-top: 1px solid #999b9b;}
dl.lnb3 ul.col3ea li:nth-child(3n+1).on a {border-color: #3b3f40;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.lnbWrap {position: relative;z-index: 70;width: 1300px;margin: -60px auto 0;box-sizing:border-box;}
div.lnbWrap div.lnb {z-index: 70;position: relative;padding-left: 61px;}
div.lnbWrap div.lnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.lnb p.home {position: absolute;left: 0;top: 0;border-right: 1px solid rgba(255,255,255,.2);}
div.lnb p.home a {display: block;width: 60px;height: 60px;background:url('../image/lnb_home.png') center center no-repeat;font-size: 0;line-height: 0;}

div.lnb dl {float: left;height: 60px;border-right: 1px solid rgba(255,255,255,.2);}

div.lnb dt a {position: relative;display: block;min-width: 100px;padding:0 51px 0 15px;color: #fff;font-size: 18px;line-height: 60px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.lnb dt a:after {position: absolute;right: 20px;top: 50%;width: 11px;height: 6px;content: "";background:url('../image/lnb_bl.png') center center no-repeat;}

div.lnb dd {display: block;padding: 2px 0 10px;color: #d4e3db;background-color: #d4e3db;}
div.lnb dd li {padding-top: 8px;}
div.lnb dd a {display: block;padding: 0 20px;color: #83a392;font-size: 15px;line-height: 20px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.lnb dd .on a {font-family: 'NotoSansKR Medium', sans-serif;}

div.lnbWrap dl.lnb3 {width: 1300px;margin: 0 auto;padding-top: 60px;}
div.lnbWrap dl.lnb3 dt {display: none !important;}
div.lnbWrap dl.lnb3 dd {display: block !important;}

dl.lnb3 ul {height: 50px;padding: 6px;border-radius: 31px;background-color: #f4f4f4;}
dl.lnb3 li {float: left;}
dl.lnb3 a {display: table-cell;vertical-align: middle;width: 1000px;text-align: center;color: #777;height: 50px;padding: 0 20px;border-radius: 25px;font-size: 18px;line-height: 20px;color: #383838;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;word-break:keep-all;}
dl.lnb3 .on a {background-color: #383838;color: #fff;font-family: 'NotoSansKR Bold', sans-serif;}
}




/* Contents */
div.contents {z-index:50; position: relative;color: #777;}

table.inputTbl {border-top: 1px solid #d1decd;}
table.inputTbl > * > tr > * {border-color: #d1decd;}
table.inputTbl > * > tr > th {background-color: #f0fbed;color: #222;font-family:'NotoSansKR Medium', sans-serif;}

div.ing {}
div.ing img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.contents {font-size: 14px;line-height: 20px;}
div.sampleGuide {padding: 15px;}

div.sampleGuide div.btn > * {margin-top: 5px;}

div.ing {padding: 90px 0;}
div.ing img {width: 100%;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.contents {padding: 50px 0 90px;font-size: 15px;line-height: 25px;}
div.sampleGuide {width: 1300px;margin: 0 auto;padding-top: 90px;}

div.ing {padding: 180px 0 90px;}
}

div.menuArea, div.menuArea ul, div.menuArea li, div.menuArea a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.menuArea {position: relative;}
div.menuArea:after {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #e5e5e5;}

div.menuArea a {border-bottom-style: solid;border-bottom-color: transparent;color: #777;font-family: 'NotoSansKR Medium', sans-serif;}
div.menuArea .on a {color: #007e3e;border-bottom-color: #007e3e;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.menuArea {overflow-x: auto;overflow-y: hidden;padding-left: 15px;}
div.menuArea ul {}
div.menuArea ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.menuArea li {float: left; width: 100%;}
div.menuArea a {display:table-cell; width: 600px; height: 40px; vertical-align: middle; border-bottom-width: 2px;font-size: 14px;line-height: 15px; padding: 5px 3px; text-align: center; box-sizing:border-box;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.menuArea {width: 1300px;margin: 0 auto;padding-top: 25px;}
div.menuArea ul {text-align: center;font-size: 0;line-height: 0;}
div.menuArea li {position: relative;z-index: 10;display: inline-block;vertical-align: top;max-width: 300px;}
div.menuArea a {display: table-cell;width: 600px;height: 50px;padding: 0 20px;border-bottom-width: 3px;font-size: 18px;line-height: 20px;vertical-align: middle;}
}


/* 타이틀영역 */
.subTit {margin: 0;padding: 0;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;color: #007e3e;}

.subTit_bl {margin: 0;padding: 0;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;color: #222;text-align: center;}
.subTit_bl span {position: relative;display: inline-block;vertical-align: top;text-align: left;}
.subTit_bl span:before {position: absolute;left: 0;content: "";background-color: #222;}

.subTitBg {margin: 0;padding: 0;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;color: #222;background-color: #9bd48c;}

.subTit:first-child,
.subTit_bl:first-child {margin-top: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
.subTit {margin: 30px 0 5px;padding-left: 22px;font-size: 16px;line-height: 20px;background-position: 0 3px;background:url('../image/subTit_m.png') 0 4px no-repeat;background-size: 18px;}

.subTit_bl {margin: 10px 0 0;padding: 10px 0;}
.subTit_bl span {padding-left: 15px;font-size: 16px;line-height: 20px;}
.subTit_bl span:before {top: 3px;width: 3px;height: 14px;}

.subTitBg {margin: 30px 0 5px;padding: 0 15px;font-size: 16px;line-height: 30px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
.subTit {margin: 50px 0 10px;padding-left: 30px;font-size: 20px;line-height: 30px;background:url('../image/subTit.png') 0 8px no-repeat;}

.subTit_bl {margin: 20px 0 0;padding: 25px 0;}
.subTit_bl span {padding-left: 20px;font-size: 24px;line-height: 30px;}
.subTit_bl span:before {top: 50%;transform:translateY(-50%);width: 4px;height: 18px;}

.subTitBg {margin: 50px 0 10px;padding: 0 25px;font-size: 16px;line-height: 40px;}
}



/* 토글메뉴 */
dl.rwMenu {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.rwMenu a.trigger {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border: 1px solid #d1d9ea;padding: 10px 40px 10px 15px;color: #303b64;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;background-color: #fff;}
dl.rwMenu a.trigger:after {position: absolute;right: 15px;top: 50%;width: 8px;height: 8px;margin-top: -4px;content: "";background: url('/image/common/toggle_m.png') center center no-repeat;background-size: 8px;}
dl.rwMenu .view a.trigger:after {transform:rotate(180deg);}

dl.rwMenu > dd {position: absolute;left: 0;top: 42px;width: 100%;padding: 10px 0 15px !important;border: 1px solid #d1d9ea;border-top: 0 none;background-color: #fff;box-sizing:border-box;}

ul.noBg, ul.noBg > li {margin: 0;padding: 0;list-style:none;}
ul.noBg,
ul.noBg .on a {background-color: transparent !important;color: #303b64 !important;}
ul.noBg li {float: none !important;padding-top: 5px;}
ul.noBg li:first-child {}
ul.noBg a {display: block !important;width: auto !important;height: auto !important;border: 0 none !important;padding: 0 15px !important;line-height: 20px;text-align: left !important;}
ul.noBg .on a {font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;color: #303b64;}
}

/* 반응형 메뉴 */
dl.rwMenu {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.rwMenu a.trigge {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border: 1px solid #d1d9ea;padding: 10px 40px 10px 15px;color: #303b64;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;background-color: #fff;}
dl.rwMenu a.trigger:after {position: absolute;right: 15px;top: 50%;width: 8px;height: 8px;margin-top: -4px;content: "";background: url('/image/common/toggle_m.png') center center no-repeat;background-size: 8px;}
dl.rwMenu .view a.trigger:after {transform:rotate(180deg);}

dl.rwMenu > dd {overflow-x: hidden;overflow-y: auto;position: absolute;left: 0;top: 42px;width: 100%;max-height:150px;padding: 10px 0 15px !important;border: 1px solid #d1d9ea;border-top: 0 none;background-color: #fff;box-sizing:border-box;}

ul.noBg, ul.noBg > li {margin: 0;padding: 0;list-style:none;}
ul.noBg,
ul.noBg .on a {background-color: transparent !important;color: #303b64 !important;}
ul.noBg li {float: none !important;padding-top: 5px;}
ul.noBg li:first-child {}
ul.noBg a {display: block !important;width: auto !important;height: auto !important;border: 0 none !important;padding: 0 15px !important;line-height: 20px;text-align: left !important;}
ul.noBg .on a {font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;color: #303b64;}
}


/* 토글 메뉴 */
dl.toggleMenu {position: relative;}
dl.toggleMenu a.trigger {position: relative;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border: 1px solid #d1d9ea;padding: 10px 40px 10px 15px;color: #303b64;font-size: 14px;line-height: 20px;font-family: 'Pretendard-Regular', 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;background-color: #fff;}
dl.toggleMenu a.trigger:after {position: absolute;right: 15px;top: 50%;width: 8px;height: 8px;margin-top: -4px;content: "";background: url('/image/common/toggle_m.png') center center no-repeat;background-size: 8px;}
dl.toggleMenu .view a.trigger:after {transform:rotate(180deg);}

dl.toggleMenu > dd {overflow-x: hidden;overflow-y: auto;position: absolute;left: 0;top: 42px;width: 100%;max-height:150px;padding: 10px 15px 15px;border: 1px solid #d1d9ea;border-top: 0 none;background-color: #fff;box-sizing:border-box;}
dl.toggleMenu > dd ul, dl.toggleMenu > dd li {margin: 0;padding: 0;list-style:none;}
dl.toggleMenu > dd li {padding-top: 5px;}
dl.toggleMenu > dd li:first-child {}
dl.toggleMenu > dd a {display: block;color: #303b64;font-size: 14px;line-height: 20px;}
dl.toggleMenu > dd .on a {font-family: 'Pretendard-Bold', 'NotoSansKR Bold', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
}
/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}




/* 메뉴 > 아래 보더가 있는 형식 */
ul.subMenu a {border-bottom: 1px solid #e5e5e5;color: #777;}
ul.subMenu .on a {border-bottom: 3px solid #007e3e;color: #007e3e;}


/* 기본테이블 형식 */
table.tblDef > * > tr > * {border-left: 1px solid #d1decd;border-bottom: 1px solid #d1decd;color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
table.tblDef > colgroup + tbody > tr:first-child > * {border-top: 1px solid #d1decd;}
table.tblDef > * > tr > th {background-color: #f0fbed;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
table.tblDef > thead > tr > th {background-color: #9bd48c;}

table .bdLeft {border-left: 1px solid #d1decd !important;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.rwThead tr {margin-top: 10px;border-top: 1px solid #d1decd;}
table.rwThead tr:before {width: 120px;background-color: #f0fbed !important;}
table.rwThead th,
table.rwThead td {border-left: 0 none;padding-left: 130px;}
table.rwThead th:before,
table.rwThead td:before {top: 5px;width: 120px;text-align: center;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
table.rwThead td {text-align: left;}
}




/* ========= 키워드 검색 ========= */
div.keywordSearch {}
div.keywordSearch input[type=text] {box-sizing:border-box;}
div.keywordSearch input[type=text]::placeholder {color: #ccc;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.keywordSearch {position: relative;margin : 15px 0;padding: 0;}

div.keywordSearch input[type=text] {display: block;width: 100%;height: 50px;padding: 0 80px 0 15px;border-color: #eaeaea;background-color: #eaeaea;font-size: 14px;}

div.keywordSearch span.btn {position: absolute;right: 0;top: 0;}
div.keywordSearch span.btn > * {display: block;float: right;width: 40px;height: 50px;padding: 0;border: 0 none;color: rgba(0,0,0,0);background-color: transparent;background-position: center center;background-repeat: no-repeat;background-size: 30px;}
div.keywordSearch input[type=submit] {background-image: url('../image/icon/search_m.png');}
div.keywordSearch input[type=reset] {background-image: url('../image/icon/reset_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.keywordSearch {padding: 30px;text-align: center;background-color: #f3f3f3;}
div.keywordSearch input[type=text],
div.keywordSearch input[type=submit],
div.keywordSearch input[type=reset],
div.keywordSearch span {display: inline-block;vertical-align: top;}
div.keywordSearch input[type=text] {width: 800px;height: 45px;padding: 0 20px;font-size: 16px;border-color: #fff;}
div.keywordSearch input[type=submit] {border: 1px solid #007e3e;background-color: #007e3e;color: #fff;}
div.keywordSearch input[type=reset] {border: 1px solid #007e3e;background-color: #fff;color: #007e3e;}

div.keywordSearch span {padding-left: 10px;}
div.keywordSearch span > * {width: 145px;height: 45px;font-size: 18px;margin-left: 10px;}
}




/* ========= 게시판 ========= */
div.searchArea select,
div.searchArea input[type=text],
input[type=submit].search,
button.reset {color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif !important;}

input[type=submit].search {background-color: #007e3e;}
button.reset {background-color: #8d8d8d;}





div.bbs {}

table.bbs {border-top: 2px solid #007e3e;}
table.bbs > thead > tr > th {background-color: #f5f5f5;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

table.bbs tr.notice,
table.bbs tr.notice > * {background-color: #f6fcff;}


dl.bbs dd.link a {color: #1e78cc;font-family:'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}


div.bbsCon {border-bottom: 1px solid #e5e5e5;}

div.bbsView h4 + div.bbsCon {border-top: 1px solid #e5e5e5;}

ul.attachment, ul.attachment li, ul.attachment a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.attachment > li {}
ul.attachment > li:first-child {margin-top: 0;}
ul.attachment a {display: inline-block;vertical-align: top;color: #222;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

/* 목록*/		.btn .list {background-color:#383838 !important;border-color:#383838 !important;color:#fff !important;}
/* 등록 */		.btn .write {background-color:#007e3e !important;border-color:#007e3e !important;color:#fff !important;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbs,
div.bbsView {padding: 15px;}

table.bbs tr.notice td.pcOnly:first-child {width: 45px;text-align: center;}
table.bbs tr.notice td.pcOnly:first-child img {display: inline-block;vertical-align: top;}

div.bbsView {border-top: 1px solid #ccc;background-color: #f9f9f9;}
dl.bbs, 
div.bbsView h4 {border-top: 2px solid #222;}

div.bbsView h4 + div.bbsCon {padding-top: 15px;}

ul.attachment {padding: 15px 15px 0;}
ul.attachment > li {margin-top: 5px;}
ul.attachment a {padding-left: 20px;font-size: 14px;line-height: 20px;background: url('../image/icon/attach_m.png') 0 2px no-repeat;background-size: 13px;}

div.bbsView + div.bbsUtil {margin: 0;padding: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbs,
div.bbsView {width: 1300px;margin: 0 auto;}

dl.bbs, 
div.bbsView h4 {border-top: 2px solid #007e3e;}

dl.bbs li {color: #777;}
dl.bbs li:first-child:after {background-color: #777;}

div.bbsView h4 + div.bbsCon {padding-top: 20px;}

ul.attachment {padding: 20px 25px;border-bottom: 1px solid #e5e5e5;background-color: #f7f7f7;}
ul.attachment > li {margin-top: 10px;}
ul.attachment a {padding-left: 25px;font-size: 16px;line-height: 20px;background: url('../image/icon/attach.png') 0 2px no-repeat;}

div.bbsUtil.btn a,
div.bbsUtil .btn a {line-height: 43px;padding: 0;text-align: center;}
}


/* 썸네일리스트 */
ul.thumbList, ul.thumbList li, ul.thumbList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.thumbList {}
ul.thumbList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.thumbList a,
ul.thumbList img,
ul.thumbList span {display: block;}
ul.thumbList a {text-align: center;}

ul.thumbList span.thumb {background-color: #f0f0f0;}
ul.thumbList img {max-width:100%;height: 100%;margin: 0 auto;}
ul.thumbList span.tit {display: table-cell;width: 1000px;text-align: center;vertical-align: middle;}
ul.thumbList span.tit span {display: inline;padding: 0 10px;color: #222;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.thumbList {}
ul.thumbList > li {float: right;width: calc(50% - 5px);margin: 10px 0 0;}
ul.thumbList > li:nth-child(2n+1) {clear: both;float: left;}
ul.thumbList > li:nth-child(-n+2) {margin-top: 0;}

ul.thumbList span.thumb {height: 120px;}
ul.thumbList span.tit {height: 40px;}
ul.thumbList span.tit span {font-size: 14px;box-shadow: inset 0 -8px 0 #ffe7ca;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.thumbList {}
ul.thumbList > li {float: left;width: 310px;margin: 20px 0 0 20px;}
ul.thumbList > li:nth-child(4n+1) {clear: both;margin-left: 0;}
ul.thumbList > li:nth-child(-n+4) {margin-top: 0;}

ul.thumbList span.thumb {height: 220px;}
ul.thumbList span.tit {height: 60px;}
ul.thumbList span.tit span {font-size: 16px;box-shadow: inset 0 -13px 0 #ffe7ca;}
}



/* 식생활 포스터 */
ul.poster, ul.poster li, ul.poster a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.poster {}
ul.poster:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.poster li {position: relative;}
ul.poster a,
ul.poster img,
ul.poster span {display: block;}

ul.poster span.thumb {position: relative;background-color: #f0f0f0;}
ul.poster img {max-width:100%; margin: 0 auto;}
ul.poster a.download {position: absolute;border-radius: 50%;font-size: 0;line-height: 0;background: rgba(0,0,0,.7) url('../image/poster_download.png') center center no-repeat;}
ul.poster span.tit {font-family: 'NotoSansKR Medium', sans-serif;color: #222;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.poster {}
ul.poster > li {float: right;width: calc(50% - 5px);margin: 20px 0 0;}
ul.poster > li:nth-child(2n+1) {clear: both;float: left;}
ul.poster > li:nth-child(-n+2) {margin-top: 0;}

ul.poster a.download {right: 5px;bottom: 5px;width: 30px;height: 30px;background-size: 12px;}
ul.poster span.tit {padding-top: 5px;}

ul.poster span.admin {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.poster {}
ul.poster > li {float: left;width: 310px;margin: 70px 0 0 20px;}
ul.poster > li:nth-child(4n+1) {clear: both;margin-left: 0;}
ul.poster > li:nth-child(-n+4) {margin-top: 0;}

ul.poster span.thumb {height: 380px;}
ul.poster a.download {right: 10px;bottom: 10px;width: 60px;height: 60px;}
ul.poster span.tit {padding-top: 10px;height: 52px;font-size: 16px;line-height: 26px;}

ul.poster span.admin {position: absolute;right: 5px;top: 5px;}
ul.poster span.admin a {float: left;margin-left: 5px;}
ul.poster span.admin a:first-child {margin-left: 0;}
}



/* Pager */
ul.pager a {color: #b3b3b3;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;text-align: center;box-sizing:border-box;}
ul.pager a.on {color: #222;font-family: 'NotoSansKR Bold', sans-serif;}

ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {display: block;width: 16px;height: 20px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.pager li {margin-left: 10px;}
ul.pager li.prev {margin-right: 10px;}
ul.pager li.next {margin-left: 20px;}

ul.pager a {line-height: 20px;font-size: 12px;}
ul.pager li.first a,
ul.pager li.prev a,
ul.pager li.next a,
ul.pager li.last a {background-size: auto 12px;}

ul.pager li.first a {background-image:url('../image/icon/block_prev_m.png');}
ul.pager li.prev a {background-image:url('../image/icon/prev_m.png');}
ul.pager li.next a {background-image:url('../image/icon/next_m.png');}
ul.pager li.last a {background-image:url('../image/icon/block_next_m.png');}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.pager li {margin-left: 10px;}
ul.pager li.prev {margin-right: 15px;}
ul.pager li.next {margin-left: 25px;}

ul.pager a {height: 20px;line-height: 20px;font-size: 16px;}

ul.pager li.first a {background-image:url('../image/icon/block_prev.png');}
ul.pager li.prev a {background-image:url('../image/icon/prev.png');}
ul.pager li.next a {background-image:url('../image/icon/next.png');}
ul.pager li.last a {background-image:url('../image/icon/block_next.png');}
}


table.bbsList, table.bbsList > thead, table.bbsList > tbody, table.bbsList > tfoot, table.bbsList > * > tr, table.bbsList * > tr > * {margin:0;padding:0;border:0 none;}
table.bbsList {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.bbsList {border-collapse:collapse;}
table.bbsList * > tr > th {font-weight:normal;}
table.bbsList * > tr > td {word-break:normal;}

table.bbsList {border-top: 1px solid #e5e5e5;}
table.bbsList > * > tr > * {border-bottom: 1px solid #e5e5e5;}
table.bbsList > * > tr > th {border-right: 1px solid #e5e5e5;background-color: #f5f5f5;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;}
table.bbsList > * > tr > th img {display: inline-block;vertical-align: top;}

table.bbsList > * > tr > *,
table.bbsList a {color: #777;text-decoration: none;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.bbsList {width: calc(100% - 30px);margin: 0 15px 15px;}
table.bbsList col:first-child {width: 25% !important;}
table.bbsList > * > tr > * {padding: 10px 0;font-size: 14px;line-height: 20px;}
table.bbsList > * > tr > td {padding: 10px 15px;}
table.bbsList > * > tr > th img {padding: 7px 0 0 5px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
table.bbsList {width: 1300px;margin: 55px auto 0;}
table.bbsList > * > tr > * {padding: 15px 20px;font-size: 16px;line-height: 20px;}
table.bbsList > * > tr > th img {padding: 7px 0 0 20px;}
}


/* ============ 팝업 ============ */
div.popupWrap {background-color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}
div.popupWrap h1 {border-bottom: 1px solid #dfdfdf;color: #007e3e;font-family: 'NotoSansKR Medium', sans-serif;}

div.popupWrap div.close {}
div.popupWrap div.close a {display: block;margin: 0 auto;text-decoration: none;text-align: center;color: #fff;border:0 none;background-color: #007e3e;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

/*  Mobile : ~ width:600px  */
@media screen and (max-width: 600px) {
div.popupWrap {padding: 0 15px 15px;}
div.popupWrap h1 {padding: 20px 0;font-size: 18px;line-height: 20px;}

div.popupCon {font-size: 14px;line-height: 25px;}
div.popupWrap div.close a {width: 120px;padding-bottom: 3px;font-size: 16px;line-height: 32px;}
}

/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div.popupWrap {padding: 0 50px 40px;}
div.popupWrap h1 {padding: 35px 0 20px;font-size: 24px;line-height: 30px;}

div.popupCon {font-size: 16px;line-height: 25px;}
div.popupWrap div.close a {width: 145px;font-size: 18px;line-height: 45px;}
}


/* 팝업 > 나의 즐겨찾기 */
div#popupFavor {}
div#popupFavor ul, div#popupFavor li {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div#popupFavor ul {overflow: hidden;overflow: auto;}
div#popupFavor ul::-webkit-scrollbar {-webkit-appearance: none; width:8px;height: 8px;}
div#popupFavor ul::-webkit-scrollbar-track {background-color: #e9e9e9;}
div#popupFavor ul::-webkit-scrollbar-thumb {background-color: rgba(0,126,62,.8);}

div#popupFavor li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;border: 1px solid #e8e8e8;background-color: #f5f5f5;text-align: center;vertical-align: middle;font-family: 'NotoSansKR Medium', sans-serif;}


/*  Mobile : ~ width:600px  */
@media screen and (max-width: 600px) {
div#popupFavor {}
div#popupFavor div.popupCon {position: relative;}
div#popupFavor p.ar {margin: 0;padding: 5px 0 10px;}

div#popupFavor ul {max-height:190px;padding-right: 10px;}
div#popupFavor li {float: right;width: calc(50% - 5px);margin-top:10px;}
div#popupFavor li:nth-child(odd) {clear: both;float: left;}
div#popupFavor li:nth-child(-n+2) {margin-top: 0;}
div#popupFavor li a {height: 33px;padding: 0 10px;font-size: 14px;line-height: 33px;}

div#popupFavor div.close {padding-top: 15px;}
}

/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div#popupFavor {max-width: 1000px;}
div#popupFavor div.popupCon {position: relative;padding-top: 20px;}
div#popupFavor p.ar {position: absolute;right: 0;top: -30px;}

div#popupFavor ul {max-height:290px;padding-right: 10px;}
div#popupFavor li {float: left;width: calc(25% - 11px);max-width: 210px;margin:10px 0 0 14px;}
div#popupFavor li:nth-child(4n+1) {clear: both;margin-left: 0;}
div#popupFavor li:nth-child(-n+4) {margin-top: 0;}
div#popupFavor li a {height: 53px;padding: 0 15px;font-size: 17px;line-height: 53px;}

div#popupFavor div.close {padding-top: 40px;}
}


/* 팝업 > 뉴스레터 신청 */
div#popupNewsletter {}
div#popupNewsletter h1 {text-align: left;color: #222;}

div#popupNewsletter div.note {color: #777;background-image: url('../image/newsletter.png');background-repeat: no-repeat;letter-spacing:-1px;}
div#popupNewsletter div.bg {background-color: #f6f6f6;}
div#popupNewsletter div.bg input[type=radio]:first-child {margin-left: 0;}
div#popupNewsletter div.bg label {color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

div#popupNewsletter div.bg + p {margin: 0;color: #222;letter-spacing:-1px;}
div#popupNewsletter div.btn {text-align: center;}
div#popupNewsletter div.btn * {margin-left: 5px;}
div#popupNewsletter div.btn *:first-child {margin-left: 0;}

/*  Mobile : ~ width:600px  */
@media screen and (max-width: 600px) {
div#popupNewsletter h1 {margin-bottom: 10px;padding: 0;font-size: 20px;line-height: 60px;}

div#popupNewsletter div.note {display: table-cell;width: 1000px;height: 50px;vertical-align: middle;padding-left: 75px;font-size: 14px;line-height: 20px;background-position: 15px center;background-size: 45px;}
div#popupNewsletter div.bg {overflow: hidden;margin-top: 15px;padding: 10px 20px;}
div#popupNewsletter div.bg > * {float: left;}
div#popupNewsletter div.bg input[type=radio] {clear: both;margin: 7px 10px 0 0;}
div#popupNewsletter div.bg label {font-size: 16px;}

div#popupNewsletter div.bg + p {padding-top: 10px;font-size: 14px;line-height: 20px;color: #222;}
div#popupNewsletter div.btn {padding-top: 15px;}
div#popupNewsletter div.btn * {width: 90px;height: 35px;}
}

/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div#popupNewsletter {max-width: 690px;padding:0 30px 50px;}
div#popupNewsletter h1 {margin-bottom: 20px;padding: 0;font-size: 20px;line-height: 60px;}

div#popupNewsletter div.note {margin-bottom: 25px;padding: 24px 0 24px 165px;font-size: 16px;line-height: 26px;background-position: 25px center;}
div#popupNewsletter div.bg {text-align: center;padding: 22px 0;}
div#popupNewsletter div.bg input[type=radio] {margin: 7px 10px 0 70px;}
div#popupNewsletter div.bg label {font-size: 18px;}

div#popupNewsletter div.bg + p {padding-top: 10px;font-size: 15px;color: #222;}
div#popupNewsletter div.btn {padding-top: 45px;}
div#popupNewsletter div.btn * {width: 145px;height: 45px;}
}




/* MAIN */
div#container.main {}
div#container.main:before {z-index: -1;position: absolute;content: "";background-color: #007e3e !important;}


div.main dl, div.main dt, div.main dd,
div.main ul, div.main li, div.main a {margin: 0;padding: 0;list-style:none;text-decoration: none;}


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

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container.main {padding-top: 0;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainWrap {}
div.mainWrap div.viewFavor a {border-color: #fff;color: #fff;}
div.mainWrap div.viewFavor a:before {background-image:url('../image/gnb_viewFavor_main.png');}
div.mainWrap div.headerMenu ul:first-of-type {background-color: #139352;}
div.mainWrap div.headerMenu li.mypage a {background-image:url('../image/header_mypage_main.png');}
div.mainWrap div.headerMenu li.viewMenu a {background-image:url('../image/header_menu_main.png');}

div#container.main:before {left: 50%;top: 0;width: calc(50% + 140px);height: 490px;margin-left: -140px;background:url('../image/mainBg_logo.png') left bottom no-repeat;}
div#container.main:after {z-index: -1;position: absolute;left: 0;top: 490px;width: 100%;height: 120px;content: "";background-color: #f6eadb !important;}

div.main div.contents {width: 1300px;margin: 0 auto;padding: 0;}
}



/* 메인 > 메인 배너 */
div.mainBnr li a,
div.mainBnr li img {display: block;}
div.youtube {position: relative;}
div.youtube img,
div.youtube a {display: block;}
div.youtube a {position: absolute;left: 15px;bottom: 15px;}

div.mainInfo dl {float: right;letter-spacing:-1px;}
div.mainInfo dl:nth-child(odd) {clear: both;float: left;}

div.mainInfo a,
div.mainInfo span {display: block;}
div.mainInfo a {font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif; color: #fff;}
div.mainInfo dt a {position: relative;font-family: 'NotoSansKR Medium', sans-serif;background-color: #006c35;}
div.mainInfo dt a:after {position: absolute;top: 50%;transform:translateY(-50%);border-radius: 50%;content: "";background-position: center center;background-repeat: no-repeat;}

div.mainInfo dd {}
div.mainInfo dd a {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
div.mainInfo span {font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;color: #b6eb7d;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainBnr {position: relative; margin: 0 15px;box-shadow:0 5px 10px rgba(0,0,0,.2);}

div.youtube a img {display: block;height: 25px;}

div.mainInfo {margin-top: -85px;padding: 90px 15px 15px;background-color: #007e3e;}
div.mainInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.mainInfo dl {float: right;width: calc(50% - 5px);margin-top: 15px;}
div.mainInfo dl:nth-child(odd) {clear: both;float: left;}

div.mainInfo dt a {display: table-cell;width: 1000px;height: 40px;padding: 0 45px 0 15px;border-radius: 10px 0;font-size: 14px;line-height: 18px;vertical-align: middle;}
div.mainInfo dt a:after {right: 15px;width: 16px;height: 16px;background-image:url('../image/main_more_m.png');background-size: 8px;}
div.mainInfo dd {padding: 5px 15px;}
div.mainInfo dd a {line-height: 20px;height: 80px;}

/* 당뇨병의 정석 바로가기 추가 */
div.youtubeLink {position: absolute; left: 0; bottom: 0; padding: 6px 20px;background: rgba(0 0 0 / 26%);border-top-right-radius:20px;}
div.youtubeLink a, div.youtubeLink img {display: block;}

div.mainBnr li img {display: block;width: 100%;height: auto;}
div.mainBnr .bx-controls {position: absolute;top:15px;right: 9px;width: 110px;height: 30px;border-radius: 20px;background: rgba(0,0,0,0.6);}
div.mainBnr a.bx-prev,
div.mainBnr a.bx-next {position: absolute; top: 0;width: 15px;height: 30px;box-shadow: none; text-indent: -10000px; background-repeat: no-repeat; background-position: center center;}
div.mainBnr a.bx-prev {left: 11px; background-image: url('../image/mainBnr_prev.png');}
div.mainBnr a.bx-next {right: 31px; background-image: url('../image/mainBnr_next.png');}

div.mainBnr div.pager {position: absolute;top: 15px;right: 61px;font-size:13px; line-height: 30px;color: #fff;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.mainBnr div.pager span {display: inline-block;vertical-align: top; font-family: 'NotoSansKR Medium', sans-serif;}

div.mainBnr .bx-controls-auto {background-color: transparent;}
div.mainBnr .bx-controls-auto-item a {position: absolute; right: 15px; top: 0; width: 15px; height: 30px; text-indent: -10000px; background-repeat: no-repeat; background-position: center center;}
div.mainBnr .bx-controls-auto-item a.active {display: none;}
div.mainBnr a.bx-start {background-image: url('../image/mainBnr_play.png'); display: block;}
div.mainBnr a.bx-stop {background-image: url('../image/mainBnr_stop.png'); display: block;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainBnr {position: relative; float: left;width: 636px;height: 358px;}
div.mainBnr li {width: 636px !important;}
div.mainBnr li img {display: block;width: 636px;height: 358px;}

div.youtube a {width: 231px;height: 38px;background:url('../image/mainBtn_youtube,png') 0 0 no-repeat;}
div.youtube a img {display: none;}

div.mainInfo {float: right;width: 624px;}
div.mainInfo dl {width: 300px;padding-top: 19px;}

div.mainInfo dt a {padding:  0 46px 0 32px;border-radius: 20px 0;font-size: 20px;line-height: 40px;}
div.mainInfo dt a:after {right: 20px;width: 26px;height: 26px;background-image:url('../image/main_more.png');}

div.mainInfo dt a:hover {box-shadow:6px 6px 0 rgba(0,0,0,.3);}
div.mainInfo dt a:hover:after {background-color: #389164;}
div.mainInfo dd {padding: 10px 20px;}
div.mainInfo dd a {line-height: 25px;height: 100px;}

/* 당뇨병의 정석 바로가기 추가 */
div.youtubeLink {position: absolute; left: 0; bottom: 0; padding: 6px 20px;background: rgba(0 0 0 / 26%);border-top-right-radius:20px;}
div.youtubeLink a, div.youtubeLink img {display: block;}

div.mainBnr .bx-controls {position: absolute;top:15px;right: 9px;width: 110px;height: 30px;border-radius: 20px;background: rgba(0,0,0,0.6);}
div.mainBnr a.bx-prev,
div.mainBnr a.bx-next {position: absolute; top: 0;width: 15px;height: 30px;box-shadow: none; text-indent: -10000px; background-repeat: no-repeat; background-position: center center;}
div.mainBnr a.bx-prev {left: 11px; background-image: url('../image/mainBnr_prev.png');}
div.mainBnr a.bx-next {right: 31px; background-image: url('../image/mainBnr_next.png');}

div.mainBnr div.pager {position: absolute;top: 15px;right: 61px;font-size:13px; line-height: 30px;color: #fff;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.mainBnr div.pager span {display: inline-block;vertical-align: top; font-family: 'NotoSansKR Medium', sans-serif;}

div.mainBnr .bx-controls-auto {background-color: transparent;}
div.mainBnr .bx-controls-auto-item a {position: absolute; right: 15px; top: 0; width: 15px; height: 30px; text-indent: -10000px; background-repeat: no-repeat; background-position: center center;}
div.mainBnr .bx-controls-auto-item a.active {display: none;}
div.mainBnr a.bx-start {background-image: url('../image/mainBnr_play.png'); display: block;}
div.mainBnr a.bx-stop {background-image: url('../image/mainBnr_stop.png'); display: block;}
}


/* 메인 > 퀵메뉴 영역 */
div.mainQuick {}
div.mainQuick dl {position: relative;}
div.mainQuick dd {text-align: right;color: #bfa88b;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;letter-spacing:-1px;}
div.mainQuick dd span,
div.mainQuick dd a {display: block;}
div.mainQuick dd span {color: #ff6000;font-family: 'GmarketSansTTFBold', sans-serif;}
div.mainQuick dd a {border-radius: 50%;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainQuick ul {display: none;}

div.mainQuick dl {position: relative;padding: 15px 60px 15px 160px;background-color: #f6eadb;}
div.mainQuick dt {position: absolute;left: 15px;top: 50%;;transform:translateY(-50%);}
div.mainQuick dt img {display: block;height: 22px;}

div.mainQuick dd {font-size: 12px;line-height: 14px;}
div.mainQuick dd span {font-size: 28px;line-height: 30px;}
div.mainQuick dd a {position: absolute;right: 15px;bottom: -36px;width: 56px;height: 56px;box-shadow:5px 5px 10px rgba(0,0,0,.3);}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainQuick {clear: both;padding-top: 50px;}
div.mainQuick:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.mainQuick ul,
div.mainQuick li {float: left;}
div.mainQuick li {position: relative;padding: 38px 20px;}
div.mainQuick li:before {position: absolute;left:0;top: 50%;width: 1px;height: 40px;margin-top: -20px;content: "";background-color: #e6d4bd;}
div.mainQuick li:first-child:before {display: none;}
div.mainQuick li a {position: relative;display: block;padding-left: 64px;color: #3f2c14;font-size: 17px;line-height: 22px;}
div.mainQuick li img {position: absolute;left: 0;top: 50%;margin-top: -21px;} 

div.mainQuick dl {float: right;width: 704px;height: 120px;padding:0 100px 0 415px;box-sizing:border-box;background:url('../image/mainTit_donation_new.png') left bottom no-repeat;}
div.mainQuick dt,
div.mainQuick dd img {display: none;}
div.mainQuick dd {display: table-cell;width: 600px;height: 120px;vertical-align: middle;font-size: 14px;line-height: 20px;}
div.mainQuick dd span {font-size: 46px;line-height: 50px;}
div.mainQuick dd a {position: absolute;right: -35px;bottom: -32px;width: 125px;height: 125px;box-shadow:11px 11px 18px rgba(0,0,0,.3);background:url('../image/mainBtn_donation.png') center center no-repeat;}
}



/* 메인 > 당뇨병 뉴스 */
div.mainNews {}
div.mainNews:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.mainNews dt {color: #222;font-family: 'NotoSansKR Bold', sans-serif;}

ul.news {overflow: hidden;}
ul.news a,
ul.news span {display: block;}
ul.news a {position: relative;display: block;;border: 5px solid #aadca6;background-color: #fff;color: #222;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}
ul.news span.tit {display: inline;padding: 0 5px;font-family: 'NotoSansKR Bold', sans-serif;}
ul.news span.con {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;-webkit-box-orient: vertical;}
ul.news span.info {position: absolute;color: #969696;}


div.mainNews li.kakao {width: auto;}

ul.quickMenu a {display: block;text-align: center;color: #222;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainNews {padding-top: 20px;background:url('../image/mainBg_news_m.png') center top no-repeat;background-size: 100% calc(100% - 92px);}
div.mainNews dl {padding: 0 15px;}

div.mainNews dt {margin-bottom: 5px;font-size: 16px;line-height: 20px;}
div.mainNews dt a {display: inline-block;vertical-align: top;height: 20px;}
div.mainNews dt img {display: block;height: 10px;padding-top: 10px;}

ul.news li {float: left;width: calc(50% - 5px);}
ul.news li:nth-child(2) {margin-left: 10px;}
ul.news li:nth-child(3) {display: none;}

ul.news a {height: 120px;padding: 10px 5px 40px;border-width: 3px;font-size: 14px;line-height: 16px;}
ul.news span.tit {box-shadow: inset 0 -7px 0 #ebf6e2}
ul.news span.con {-webkit-line-clamp: 2;height: 32px;padding: 5px 10px 0;}
ul.news span.info {right: 10px;bottom: 10px;font-size: 12px;line-height: 15px;}

ul.quickMenu {}
ul.quickMenu li {float: left;width: 50%;padding: 20px 10px;box-sizing:border-box;text-align: center;}

ul.quickMenu a {display: inline-block;vertical-align: top;padding-left: 40px;background-position: left center;background-repeat: no-repeat;background-size: 35px}
ul.quickMenu li:nth-child(1) a {background-image:url('../image/main_hospital_v2.png');}
ul.quickMenu li:nth-child(2) a {background-image:url('../image/main_publication2.png');}
ul.quickMenu span {display: table-cell;height: 40px;vertical-align: middle;font-size: 15px;word-break:keep-all;text-align: left;}
ul.quickMenu br {display: none;}

ul.quickMenu li.kakao {clear: both;float: none;width: 100%;background-color: #fff;padding: 10px;}
ul.quickMenu li.kakao a {display: block;height: 72px;padding: 15px 15px 0;border-radius: 15px;background: #f8df16 url('../image/main_kakao_m.png') right bottom no-repeat;background-size: 126px;color: #3d2d22;font-family: 'GmarketSansTTFBold', sans-serif;font-size: 22px;line-height: 30px;text-align: left;box-sizing:border-box;}
ul.quickMenu li.kakao span {height: auto;color: #20573b;font-size: 16px;line-height: 20px;}

    /* 메인 퀵메뉴 수정 - 25.12.22 mj.park */

    ul.quickMenu li:nth-child(2) a {background-image:url('../image/main_hospital02.png');}
    ul.quickMenu li:nth-child(3){
        width: 100%;
        text-align: center;
    }
    ul.quickMenu li:nth-child(3) a {background-image:url('../image/main_publication2.png');background-position: left 2px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mainNews {padding: 45px 0 40px;background:url('../image/mainBg_news.png') center top no-repeat;}

div.mainNews dl {float: left;width: 636px;}
div.mainNews dt {position: relative;margin-bottom: 10px;font-size: 20px;line-height: 30px;}
div.mainNews dt a {position: absolute;right: 0;bottom: 0;width: 77px;height: 14px;background:url('../image/main_goto.png') center center no-repeat;}
div.mainNews dt img {display: none;}

ul.news {}
ul.news li {float: left;width: 201px;height: 185px;margin-left: 16px;}
ul.news li:first-child {margin-left: 0;}

ul.news a {height: 185px;padding: 20px 5px 45px}
ul.news span.tit {font-size: 18px;line-height: 30px;box-shadow: inset 0 -14px 0 #ebf6e2}
ul.news span.con {-webkit-line-clamp: 3;height: 69px;padding: 5px 15px 0;font-size: 16px;line-height: 23px;}
ul.news span.info {right: 15px;bottom: 15px;font-size: 13px;line-height: 15px;}

ul.news a:hover {border-color: #63b35d;background-color: #63b35d;}
ul.news a:hover,
ul.news a:hover span {color: #fff !important;}
ul.news a:hover span.tit {box-shadow: inset 0 -14px 0 #4b9d44}

div.mainNews ul.quickMenu {float: right;padding-top: 40px;}

ul.quickMenu li {float: left;width: 140px;margin-right: 20px;}
ul.quickMenu a {height: 185px;padding-top: 114px;font-size: 17px;line-height: 21px;background-position: center 32px;background-repeat: no-repeat;box-sizing:border-box;}
ul.quickMenu li:nth-child(1) a {background-image:url('../image/main_hospital_v2.png');}
ul.quickMenu li:nth-child(2) a {background-image:url('../image/main_publication2.png');}

div.mainNews li.kakao {margin-right: 0;}
div.mainNews li.kakao a {width: 300px;height: 185px;border-radius: 10px;font-size: 0;line-height: 0;background:url('../image/main_kakao.png') 0 0 no-repeat;}

    /* 메인 퀵메뉴 수정 - 25.12.22 m.park */
    div.mainNews ul.quickMenu li:not(.kakao){
        width: 90px;
    }
    
    ul.quickMenu li:nth-child(2) a {background-image:url('../image/main_hospital02.png');background-position: center 47px;}
    ul.quickMenu li:nth-child(3) a {background-image:url('../image/main_publication2.png');}
}




/* ============ 회원가입 ============ */
div.join {}

div.agreeCon {border-radius: 3px;border: 1px solid #ccc;}
div.agree {text-align: right;}

div.agreeCon.noScroll {overflow: visible;height: auto !important;border:1px solid #f3f3f3;}

div.joinNote {background-color: #f0fbed;text-align: center;}

div.join div.btn {text-align: center;}

/* 동의호화면 ul marker 제거 */
div.agreeCon ul {margin: 0; padding: 0; list-style: none;}

/* 이용약관 동의 */
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.join {padding: 15px;}

div.agreeCon {height: 150px;padding: 15px;}
div.agree {padding-top: 10px;}
div.agree input {margin: 3px 5px 0 35px;}
div.agree label {font-size: 15px;}

div.joinNote {margin-top: 25px; padding: 15px;}

div.joinNote + div.btn {padding-top: 25px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.join {width: 1300px;margin: 0 auto;padding-top: 60px;}

div.agreeCon {height: 250px;padding: 20px;}
div.agree {padding-top: 20px;}
div.agree input {margin: 5px 10px 0 35px;}
div.agree label {font-size: 17px;line-height: 20px;}

div.joinNote {margin-top: 50px;padding: 30px 0;}

div.join div.btn {padding-top: 50px;}
}




/* 회원가입완료, 회원탈퇴 완료 */
div.applyComp {background:url('../image/applyComp.png') center top no-repeat;}
div.applyComp p {margin: 0;text-align: center;}
div.applyComp p:first-child {padding-bottom: 10px;font-family: 'NotoSansKR Bold', sans-serif;color: #007e3e;}


/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.applyComp {margin-top: 30px;padding-top: 80px;background-size: auto 65px;}
div.applyComp p {font-size: 15px;word-break:keep-all;text-align: center;}
div.applyComp p:first-child {font-size: 17px;}
div.applyComp br {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.applyComp {margin-top: 100px;padding-top:240px}
div.applyComp p {font-size: 16px;line-height: 26px;}
div.applyComp p:first-child {font-size: 26px;line-height: 30px;}
}




/* 로그인, 아이디/비밀번호 찾기 */
div.login,
div.find {}
div.login h3,
div.find h3 {margin: 0;font-weight: normal;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

div.login dl, div.login dt, div.login dd,
div.find dl, div.find dt, div.find dd {margin: 0;padding: 0;}

div.login dt,
div.find dt {display: none;}

div.login dl, div.login dd,
div.find dl, div.find dd {padding-bottom: 10px;}

div.login dd input,
div.find dd input {display: block;width: 100%;height: 50px;padding: 0 15px;border: 1px solid #e5e5e5;font-size: 15px;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}
div.login dd input::placeholder,
div.find dd input::placeholder {color: #bdbdbd;}

div.login input[type=submit],
div.find input[type=submit] {display: block;width: 100%;height: 50px;border-color: #007e3e;background-color: #007e3e;color: #fff;font-size: 18px;font-family: 'NotoSansKR Medium', sans-serif;}

ul.loginUtil, ul.loginUtil li, ul.loginUtil a {margin: 0;padding: 0;list-style:none;}
ul.loginUtil {position: relative;}
ul.loginUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.loginUtil li {position: relative;float: left;}
ul.loginUtil li:before {position: absolute;top: 50%;content: "";background-color: #666;transform:translateY(-50%);}
ul.loginUtil li:first-child {position: absolute;right: 0;top: 0;}
ul.loginUtil li:first-child a {display: block;color: #fff;background-color: #1e2336;text-align: center;}
ul.loginUtil li:first-child,
ul.loginUtil li:last-child {padding-right: 0;}
ul.loginUtil li:first-child:before,
ul.loginUtil li:last-child:before {display: none;}


div.find div.formArea {position: relative;}
div.find p.goto {position: relative;margin: 0;}
div.find p.goto a {position: absolute;right: 0;}

div.findResult {margin-top: 10px;text-align: center;color: #222;font-size: 18px;line-height: 28px;font-family: 'NotoSansKR Medium', sans-serif;}
div.findResult strong {color: #1254c2;font-weight: normal;}
div.findResult a {display: block;width: 155px;margin: 15px auto 0;padding: 5px;background-color: #26282d;color: #fff;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container.bg {position: relative;padding-top: 0;background:url('../image/login_bg_m.png') 0 0 no-repeat;background-size: cover;}
div#container.bg:after {position: absolute;left: 0;bottom: 0;width: 100%;display: block;height: 95px;content: "";background:url('../image/login_txt_m.png') left bottom no-repeat;background-size: auto 100%;}

div.login,
div.find {padding: 15px 15px 110px;}

div.login h3,
div.find h3 {padding-bottom: 5px;margin-bottom: 25px;border-bottom: 2px solid #222;font-size: 18px;line-height: 20px;}

ul.loginUtil {margin-top: 10px;}
ul.loginUtil li {padding-right: 16px;}
ul.loginUtil li:before {right: 7px;width: 1px;height: 13px;}
ul.loginUtil a {line-height: 25px;}
ul.loginUtil li:first-child a {width: 80px;}

div.findResult {padding: 20px 0;}
div.find p.goto {padding-bottom: 10px;text-align: right;}
div.find p.goto a {top: -50px;color: #111;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.login,
div.find {position: relative;height: 740px;background:url('../image/login_bg.png') center top no-repeat;}

div.login h3,
div.find h3 {padding-bottom: 10px;margin-bottom: 50px;border-bottom: 2px solid #e7e7e7;font-size: 34px;line-height: 36px;}

div.login div.formArea,
div.find div.formArea {width: 1300px;height: 740px;padding: 180px 0 0 800px;margin: 0 auto;box-sizing:border-box;background:url('../image/login_txt.png') 0 0 no-repeat;}

ul.loginUtil {margin-top: 20px;}
ul.loginUtil li {padding-right: 32px;}
ul.loginUtil li:before {right: 15px;width: 2px;height: 13px;}
ul.loginUtil a {line-height: 33px;}
ul.loginUtil li:first-child a {width: 110px;}

div.findResult {padding: 20px;background-color: #f1f1f1;}
div.find p.goto a {top: -80px;color: #666;}
}




/* ============ 회원 규정 ============ */

ul.version, ul.version li {margin: 0;padding: 0;list-style:none;}
ul.version {background-color: #f8eedd;font-size: 0;line-height: 0;text-align: right;}
ul.version li,
ul.version li:after {display: inline-block;vertical-align: top;}
ul.version li:after {content: "/";}
ul.version li:last-child {font-family: 'NotoSansKR Medium', sans-serif;}
ul.version li:last-child:after {display: none;}

div.rule {}
div.rule h4,
.boldTit {font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;color: #007e3e;}
div.rule h4:first-child,
.boldTit:first-child {margin-top: 0;}

div.rule h4.fcPoint {color: #007e3e;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

div.rule h4 + *,
div.rule > *:first-child {margin-top: 0;}

dl.rule > dt {font-family: 'NotoSansKR Medium', sans-serif;}

div.rule strong {color: #222;}


ul.txtIn01, ul.txtIn01 > li {margin: 0;padding: 0;list-style:none;}
ul.txtIn01 > li {padding-left: 1.2em;text-indent: -1.2em;}
ul.txtIn01 > li * {text-indent: 0;}

div.rule table.tblDef td {word-break:keep-all;}
div.rule dl.bdArea {border: 1px solid #303b64;}
div.rule dl.bdArea > dt {font-family: 'NotoSansKR Medium', sans-serif;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.rule {padding: 0 15px 15px;}

ul.version {padding:5px 10px;}
ul.version li,
ul.version li:after {font-size: 15px;line-height: 20px;}
ul.version li:after {padding: 0 5px;}

div.rule h4,
.boldTit {margin-top: 20px;font-size: 16px;}

div.rule h4.fcPoint {font-size: 15px;}

div.rule > * {margin-top: 15px;}
div.rule dl.bdArea {margin-top: 15px;padding: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.rule {width: 1300px;margin: 0 auto;}

ul.version {padding: 15px;}
ul.version li,
ul.version li:after {font-size: 15px;line-height: 20px;}
ul.version li:after {padding: 0 5px;}

div.rule h4,
.boldTit {margin-top: 30px;font-size: 20px;line-height: 30px;}

div.rule h4.fcPoint {font-size: 18px;}

div.rule > p,
div.rule > ul,
dt.boldTit + dd {padding-left: 30px;}

div.rule > * {margin-top: 20px;}

div.rule > table.tblDef {width: calc(100% - 30px);margin-left: 30px;}
div.rule dl.bdArea {margin: 20px 30px;padding: 20px;}
}


/* 팝업 > 이메일 무단 수집 거부 */
div#popupEmail {}
div#popupEmail div.popupCon {color: #777;}
div#popupEmail strong {display: block;padding-top: 20px;color: #222;}
div#popupEmail div.btn {text-align: center;}

/*  Mobile : ~ width:600px  */
@media screen and (max-width: 600px) {
div#popupEmail br {display: none;}
div#popupEmail div.btn {padding-bottom: 20px;}
}


/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div#popupEmail {max-width: 700px;}
div#popupEmail div.popupCon {padding: 30px 0 30px;font-size: 15px;line-height: 25px;}

div#popupEmail div.btn {text-align: center;}
div#popupEmail div.btn * {width: 100px;height: 45px;padding: 0;line-height: 43px;}
}







/* ============ 마이페이지 ============ */
div.mypage {}

div.mypage table.inputTbl th {text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mypage {padding: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mypage {width: 1300px;margin: 0 auto;padding-top: 60px;}
}

/* My Page > 안내사항 */ 
div.mypageNote {position: relative;word-break:keep-all;background-color: #f3f3f3;background-repeat: no-repeat;}
div.mypageNote ul.listBl {display: table-cell;width: 1300px;vertical-align: middle;}
div.mypageNote ul.listBl li {margin-top: 5px;color: #777;}
div.mypageNote ul.listBl li:first-child {margin-top: 0;}

div.chartUpload a {display: block;border: 1px solid #222;color: #222;background-color: #f3f3f3;text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mypageNote {margin-bottom: 15px;padding: 60px 15px 15px;background-position: center 15px;background-size: 40px;}
div.chartUpload {overflow: hidden;padding-top: 15px;}
div.chartUpload a {float: right;width: 120px;line-height: 36px;font-size: 14px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mypageNote {margin-bottom: 35px;padding: 25px 50px 25px 195px;background-position: 60px center;}
div.mypageNote ul.listBl {height: 120px;}
div.chartUpload {position: absolute;right: 40px;top: 50%;transform:translateY(-50%);}
div.chartUpload a {width: 218px;line-height: 46px;font-size: 16px;}
}


/* 비밀번호 변경 */
div.changePwd {word-break:keep-all;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {

div.changePwd {}

div.changePwd + div.formArea col:first-child {width: 30% !important;}
div.changePwd + div.formArea th {text-align: center;}
div.changePwd + div.formArea td {padding: 5px 10px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
}




/* 나의 당뇨병 수첩 */

div.myChart {}
div.myChart .subTitBg {margin-bottom: 0;}
div.myChart table.tblDef th {background-color: #f0fbed;}

div.chartUtil {padding-top: 10px;text-align: right;font-size: 0;line-height: 0;}
div.chartUtil a {display: inline-block;vertical-align: top;margin-left: 5px;}
div.chartUtil a:first-child {margin-left: 0;}
div.chartUtil img {display: block;}

div.mypage div.sort {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mypage div.sort:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.mypage div.sort select {float: left;width: calc(50% - 5px);height: 35px;}
div.mypage div.sort select + select {float: right;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mypage div.sort {text-align: right;}
div.mypage div.sort select {width: 120px;height: 40px;}
}


/* 팝업 > 혈당 등록 */
div#popupChart {}

div#popupChart h1 {text-align: left;color: #222;}

div#popupChart table.inputTbl {border-top: 1px solid #d1decd;}
div#popupChart table.inputTbl th,
div#popupChart table.inputTbl td {padding: 10px;border-color: #d1decd;}
div#popupChart table.inputTbl th {background-color: #f0fbed;color: #222;text-align: center;}

div#popupChart input[type=text] {width: 100%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#popupChart h1 {padding: 25px 0 15px;margin-bottom: 15px;}

div#popupChart div.scrollArea {max-height:300px;}

div#popupChart colgroup,
div#popupChart col {display: none;}
div#popupChart table,
div#popupChart thead,
div#popupChart tbody,
div#popupChart tr,
div#popupChart th,
div#popupChart td {display: block;}

div#popupChart tr {position: relative;overflow: hidden;}
div#popupChart tr:before {z-index: -1;position: absolute;left: 0;top: 0;width: 40%;height: 100%;content: "";background-color: #f0fbed;}
div#popupChart th,
div#popupChart td {float: left;width: 60%;box-sizing:border-box;}
div#popupChart th {clear: both;width: 40%;}
div#popupChart .multi input[type=text] {width: calc(100% - 29px);}
div#popupChart tbody tr:last-child > * {height: 71px;}
div#popupChart textarea {height: 50px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#popupChart {max-width: 690px;padding: 0 30px 50px;}
div#popupChart h1 {padding: 25px 0 15px;font-size: 20px;margin-bottom: 30px;}

div#popupChart .multi input[type=text] {width: 169px;}
div#popupChart textarea {height: 100px;}
}




/* ========= 당뇨교육 자료실 ========= */
div.diabetesInfo {}

/* 당뇨교육 애니메이션 */
div.eduNote {background-color: #edf5fe;background-image: url('../image/noteBg_animation.png');background-repeat: no-repeat;color: #777;}
div.eduNote > div {word-break:keep-all;}

ul.aniMenu, ul.aniMenu li, ul.aniMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.aniMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.aniMenu > li {float: left;}
ul.aniMenu > li:nth-child(3n+1) {clear: both;margin-left: 0;}
ul.aniMenu > li:nth-child(-n+3) {margin-top: 0;}
ul.aniMenu a {display: table-cell;width: 1000px;vertical-align: middle;text-align: center;color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;background-color: #9aa2ab;word-break:keep-all;}
ul.aniMenu .on a {background-color: #11359c;}

table.eduAni, table.eduAni > thead, table.eduAni > tbody, table.eduAni > tfoot, table.eduAni > * > tr, table.eduAni * > tr > * {margin:0;padding:0;border:0 none;}

table.eduAni {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.eduAni {border-collapse:collapse;}
table.eduAni > * > tr > * {font-weight:normal;word-break:normal;}

table.eduAni {border-top: 2px solid #007e3e;}
table.eduAni > * > tr > * {color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
table.eduAni td.tit {position: relative;text-align: left;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
table.eduAni a {display: block;background-color: #007e3e;color: #fff;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;text-align: center;}
table.eduAni a img {display: inline-block;vertical-align: top;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.diabetesInfo {padding: 0 15px 15px;}

div.eduNote {margin-bottom: 15px;padding: 10px 15px 10px 85px;background-position: 15px center;background-size: 58px;}

ul.aniMenu {padding-bottom: 15px;}
ul.aniMenu > li {width: calc(33% - 6px);margin: 5px 0 0 6px;}
ul.aniMenu > li:nth-child(3n+1) {width: 34%;}
ul.aniMenu a {height: 50px;padding:0 10px 3px;border-radius: 28px;font-size: 12px;line-height: 16px;}

table.eduAni,
table.eduAni tbody,
table.eduAni tr, 
table.eduAni td {display: block;}
table.eduAni colgroup,
table.eduAni col {display: none;}

table.eduAni > * > tr {padding:5px 0;border-bottom: 1px solid #d8d8d8;}
table.eduAni > * > tr > * {padding: 5px 0;font-size: 12px;line-height: 16px;}
table.eduAni td.tit {font-size: 14px;}
table.eduAni td.tit:before {height: calc(100% - 30px);}
table.eduAni a {margin: 0 auto;padding: 10px 0;font-size: 12px;line-height: 16px;}
table.eduAni a img {width: 18px;padding: 2px 5px 0 0;}
table.eduAni br {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.diabetesInfo {width: 1300px;margin: 0 auto;}
div.diabetesInfo .bbsUtil  .toggleMenu {z-index:10;}
div.eduNote {float: left;width: 640px;margin-bottom: 60px;padding: 0 20px 0 185px;box-sizing:border-box;background-position: 35px center;}
div.eduNote > div {display: table-cell;height: 220px;vertical-align: middle;font-size: 16px;line-height: 26px;letter-spacing:-1px;}

ul.aniMenu {float: right;width: 620px;}
ul.aniMenu > li {width: 200px;margin: 12px 0 0 10px;}
ul.aniMenu a {height: 62px;padding-bottom: 3px;border-radius: 33px;font-size: 16px;line-height: 20px;}
ul.aniMenu a:hover {background-color: #11359c;}

table.eduAni > * > tr > * {height: 50px;font-size: 17px;line-height: 25px;border-bottom: 1px solid #d8d8d8;text-align: center;}
table.eduAni td.tit {padding: 25px 0 25px 40px;font-size: 20px;}
table.eduAni td.tit:before {position: absolute;left: 0;top: 50%;width: 1px;height: calc(100% - 50px);transform:translateY(-50%);content: "";background-color: #d8d8d8;}
table.eduAni a {width: 200px;margin: 0 auto;padding: 15px 0;}
table.eduAni a img {padding: 2px 10px 0 0;}
}


/* 팝업 > 동영상보기 */
div#popupVod {}
div#popupVod h1 {position: relative;color: #222;text-align: left;}
div#popupVod h1 span {color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div#popupVod div.note,
div#popupVod div.note a {text-decoration: none;color: #e03030;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div#popupVod div.note {text-align: right;}
div#popupVod div.vodArea {background-color: #e7e7e7;}
div.popupWrap div.close a {background-color: #363636;}

/*  Mobile : ~ width:600px  */
@media screen and (max-width: 600px) {
div#popupVod {}
div#popupVod h1 {padding-bottom: 10px;}
div#popupVod h1 span {display: block;text-align: right;font-size: 12px;line-height: 14px;}
div#popupVod div.note {padding: 5px 0 10px;font-size: 12px;line-height: 14px;}

div#popupVod div.vodArea {height: 220px;background-color: #e7e7e7;}
div#popupVod div.close {padding-top: 15px;}
}

/*  PC : width:601px ~  */
@media screen and (min-width: 601px) {
div#popupVod {z-index:10; max-width: 1140px;}
div#popupVod h1 {display: table-cell;width: 1200px;height: 100px;padding:0 100px 0 0;font-size: 22px;line-height: 30px;vertical-align: middle;}
div#popupVod h1 span {position: absolute;right: 0;top: 50%;font-size: 15px;line-height: 20px;transform:translateY(-50%);}

div#popupVod div.note {padding: 10px 0 15px;font-size: 15px;line-height: 24px;}

div#popupVod div.vodArea {height: 620px;}
div#popupVod div.close {padding-top: 25px;}
}




/* 당뇨교육 건강정보 */
ul.healthIntro, ul.healthIntro li, ul.healthIntro a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.healthIntro {}
ul.healthIntro:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.healthIntro li {float: left;}
ul.healthIntro a {display: table-cell;width: 1000px;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;vertical-align: middle;text-align: center;color: #383838;font-family: 'NotoSansKR Medium', sans-serif;word-break:keep-all;}
ul.healthIntro img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.healthIntro li {width: 50%;}
ul.healthIntro li:nth-child(2n+1) {clear: both;}

ul.healthIntro a {height: 90px;padding: 0 15px;font-size: 14px;line-height: 20px;}
ul.healthIntro li:nth-child(2n+1) a {border-left: 1px solid #e9e9e9;}
ul.healthIntro li:nth-child(-n+2) a {border-top: 1px solid #e9e9e9;}

ul.healthIntro img {width: 27px;margin-bottom: 5px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.healthIntro li {width: 25%;}
ul.healthIntro li:nth-child(4n+1) {clear: both;}

ul.healthIntro a {padding: 1px 0 0 1px;height: 180px;font-size: 18px;line-height: 20px;}
ul.healthIntro li:nth-child(4n+1) a {padding-left: 0;border-left: 1px solid #e9e9e9;}
ul.healthIntro li:nth-child(-n+4) a {border-top: 1px solid #e9e9e9;}
ul.healthIntro img {margin-bottom: 20px;}

ul.healthIntro a:hover {padding: 0;border:1px solid #94c583 !important;background-color: #e0f7d8;color: #007e3e;}
ul.healthIntro li:nth-child(-n+4) a:hover {padding-top: 1px;}
}




/* 당뇨병 FAQ */
dl.faqBook, dl.faqBook dt, dl.faqBook dd, dl.faqBook a {margin: 0;padding: 0;text-decoration: none;}
dl.faqBook {background-color: #edf5fe;}
dl.faqBook > dt {color: #383838;font-family: 'NotoSansKR Bold', sans-serif;}
dl.faqBook > dd {color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
dl.faqBook a {display: block;border: 1px solid #222;color: #222;}

ul.faqList, ul.faqList li, ul.faqList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.faqList {}
ul.faqList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.faqList a {display: table-cell;width: 1000px;border-radius: 10px;border: 1px solid #d4d4d4;color: #383838;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;vertical-align: middle;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.faqBook {padding: 15px;}
dl.faqBook dt {position: relative;padding: 20px 0 20px 50px;font-size: 16px;line-height: 20px;}
dl.faqBook img {position: absolute;left: 0;top: 0;height: 58px;}
dl.faqBook dd {padding-top: 5px;font-size: 14px;line-height: 20px;}
dl.faqBook a {display: block;margin-top: 10px;padding: 10px 0;text-align: center;}

ul.faqList {padding-top: 10px;}
ul.faqList li {float: right;width: calc(50% - 5px);margin: 10px 0 0;}
ul.faqList li:nth-child(2n+1) {clear: both;float: left;}

ul.faqList a {height: 70px;font-size: 14px;line-height: 20px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.faqBook {position: relative;padding: 40px 300px 40px 190px;}
dl.faqBook dt {font-size: 20px;line-height: 30px;}
dl.faqBook img {position: absolute;left: 50px;top: 50%;transform:translateY(-50%);}
dl.faqBook dd {padding-top: 10px;font-size: 16px;line-height: 26px;}
dl.faqBook a {position: absolute;right: 40px;top: 50%;width: 200px;padding: 10px 0;text-align: center;transform:translateY(-50%);}

ul.faqList {padding-top: 20px;}
ul.faqList li {float: left;width: 244px;margin: 20px 0 0 20px;}
ul.faqList li:nth-child(5n+1) {clear: both;margin-left: 0;}

ul.faqList a {height: 130px;font-size: 18px;line-height: 26px;}
ul.faqList a:hover {border-color: #94c583;background-color: #e0f7d8;color: #007e3e;}
ul.faqList a:hover:before {display: block;height: 47px;content: "";background: url('../image/faqList_on.png') center top no-repeat;}
}




/* 당뇨병 FAQ > 상세보기 */
div.diabetesInfo {}
div.diabetesInfo div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.diabetesInfo div.bbsUtil:first-child {margin-top: 0;}
div.diabetesInfo div.bbsUtil:first-child .write {left: 0;right: auto;}

dl.faq, dl.faq > dt, dl.faq > dd {margin: 0;padding: 0;}
dl.faq {border: 1px solid #d4d4d4;border-radius: 10px;}
dl.faq > dt > a {position: relative;display: block;color: #222;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;background-image: url('../image/faq_q.png');background-repeat: no-repeat;}
dl.faq > dt > a:after {position: absolute;top: 50%;content: "";background: url('../image/faq_off.png') center center no-repeat;}

dl.faq.view {border-color: #94c583;background-color: #f4fcf1;}
dl.faq.view > dt > a {color: #007e3e;font-family: 'NotoSansKR Bold', sans-serif;}
dl.faq.view > dt > a:after {background-image: url('../image/faq_on.png');}

dl.faq div.txtCon {border-top: 1px solid #007e3e;color: #222;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}
div.txtCon > * {margin: 15px 0 0;}
div.txtCon > *:first-child {margin-top: 0;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.diabetesInfo .bbsUtil {z-index:10;}
dl.faq .admin {display: none;}
dl.faq {margin-top: 10px;}
dl.faq dt a {padding: 15px 15px 15px 28px; background-position: 10px center; background-size: auto 14px}
dl.faq dd.toggleCon {padding: 0 15px 0 28px;}
dl.faq div.txtCon {padding: 10px 0;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.diabetesInfo dl.toggleMenu {float: right;width: 300px;}

dl.faq {margin-top: 40px;}
dl.faq + dl.faq {margin-top: 10px;}
dl.faq > dt > a {padding: 20px 85px 20px 65px;background-position: 25px 20px;font-size: 18px;line-height: 28px;}
dl.faq > dt > a:after {right: 30px;width: 25px;height: 12px;margin-top: -6px;}
dl.faq > dd {padding: 0 30px 30px 65px;}
dl.faq div.txtCon {padding: 15px 0;font-size: 16px;line-height: 26px;}

dl.faq .admin {text-align: right;}
}


/* 당뇨병 뉴스 */
table.news, table.news > thead, table.news > tbody, table.news > tfoot, table.news > * > tr, table.news * > tr > * {margin:0;padding:0;border:0 none;}

table.news {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.news {border-collapse:collapse;}
table.news > * > tr > * {font-weight:normal;word-break:normal;}

table.news {border-top: 2px solid #007e3e;}
table.news > * > tr > * {color: #777;font-family: 'Pretendard-Regular', 'NotoSansKR Regular', sans-serif;}

table.news span {display: block;text-align: center;font-weight: bold;font-family: 'GmarketSansTTFMedium', sans-serif;color: #007e3e;}
table.news td.tit {position: relative;text-align: left;}
table.news td.tit a {display: block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;font-family: 'NotoSansKR Medium', sans-serif;background: url('../image/news_arr.png') right center no-repeat;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
table.news,
table.news tbody,
table.news tr, 
table.news td {display: block;}
table.news colgroup,
table.news col {display: none;}

div.searchArea + table.news {margin-top: 15px;}

table.news > * > tr {padding:5px 0;border-bottom: 1px solid #d8d8d8;}
table.news > * > tr > * {padding: 5px 10px;font-size: 12px;line-height: 16px;}
table.news td span {display: inline-block;font-size: 20px; line-height: 20px;}
table.news td.tit {font-size: 14px;}
table.news td.tit:before {height: calc(100% - 30px);}
table.news td.tit a {background: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.searchArea + table.news {margin-top: 50px;}

table.news > * > tr > * {height: 100px;font-size: 17px;line-height: 25px;border-bottom: 1px solid #d8d8d8;text-align: center;}

table.news span {font-size: 36px;line-height: 40px;}
table.news td.tit {padding: 0 45px 0 40px;font-size: 20px;}
table.news td.tit:before {position: absolute;left: 0;top: 50%;width: 1px;height: calc(100% - 50px);transform:translateY(-50%);content: "";background-color: #d8d8d8;}
table.news td.tit a {height: 50px;line-height: 50px;padding-right: 70px;}
}




/* 당뇨병 이해/치료/관리 */
div.diabetes {}
div.diabetes > * {width:100%;max-width: 1300px;margin: 0 auto;}


table.txtTbl, table.txtTbl > thead, table.txtTbl > tbody, table.txtTbl > tfoot, table.txtTbl > * > tr, table.txtTbl > * > tr > * {margin:0;padding:0;border:0 none;}

table.txtTbl {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.txtTbl {border-collapse:collapse;}
table.txtTbl > * > tr > * {font-weight:normal;word-break:normal;}

div.imgArea {position: relative;padding-top: 0 !important;}
div.imgArea div.img {text-align: center;}
div.imgArea img {display: block;}

div.txtArea.bg {max-width: 100%;background: #f9faf8;}
div.txtArea > * {width:100%;max-width: 1300px;margin: 0 auto;box-sizing:border-box;}

div.txtArea .subTit {margin-bottom: 0;}
div.txtArea .subTit_bl {border-bottom:2px solid #7fcf6a;}
div.txtArea .subTit_bl:first-child {padding-top: 15px;}

div.txtArea > dl > dt.pointTit:first-child {margin-top: 0;}

table.txtTbl.bdTop {border-top: 2px solid #7fcf6a;padding-top: 0 !important;}
table.txtTbl > * > tr > th {text-align: left;font-family: 'NotoSansKR Regular',sans-serif;color:#222;}
table.txtTbl > * > tr > td > *:first-child,
table.txtTbl > * > tr > td p:first-child {margin-top: 0;}

table.txtTbl dt {margin-top: 10px;}
table.txtTbl dt.subTit {margin-top: 20px;}
table.txtTbl dt:first-child {margin-top: 0 !important;}

div.txtArea div.colArea img {display: block;margin: 0 auto;}

.caption {margin: 0;padding: 0;font-weight: normal;text-align: center;}
.caption:first-child {margin-top: 0;}
div.caption {margin: 0 !important;}

.caption span,
span.imgCaption {display: inline-block;margin: 0;text-align: center;font-family: 'NotoSansKR Medium',sans-serif;color:#222;}
.bdArea {border:1px solid #dfdfdf;box-sizing:border-box;}

p.multiImg {font-size: 0;line-height: 0;text-align: center;}
p.multiImg img {display: inline-block;vertical-align:top;}
p.multiImg img:first-child {margin-left: 0;}

dl.info {}
dl.info dt {font-weight: bold;color:#222;}
dl.info dd {text-align: left;}

dl.imgLeft {position: relative;}
dl.imgLeft img {position: absolute;left: 0;top: 0;}

table.tblDef.padding0 > * > tr > * {padding: 5px;}



/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.diabetes > * {padding:15px;box-sizing:border-box;}

div.txtArea .subTit_bl {padding-top: 30px;}
div.txtArea > dl > dt.pointTit {margin-top: 20px;}

div.imgArea {margin-top: 10px;}
div.imgArea img {display: block;margin: 0 auto;}
div.imgArea > *:nth-child(n+2) {padding-top: 10px;}

div.txtArea {padding: 30px 15px;}
div.txtArea > * {padding-top: 10px;}

table.txtTbl {padding-top: 0;margin-top: 10px;}
table.txtTbl colgroup,
table.txtTbl col {display:none;}

table.txtTbl > * > tr > * {display: block;padding: 15px 0;}
table.txtTbl > * > tr > th {font-size: 15px;}
table.txtTbl > * > tr > td {padding-top: 0;border-bottom:1px dashed #e5e5e5;}
table.txtTbl > * > tr > td > *,
table.txtTbl > * > tr > td p {margin-top: 10px;}

table.txtTbl dl.info {padding-top: 15px;}

.caption {margin: 20px 0 5px;}
.caption span,
span.imgCaption {padding: 10px 3px 0;box-shadow: inset 0 -8px 0 #ffe7ca}
.bdArea {margin-top: 10px !important;padding: 15px !important;}

p.multiImg {width:255px;margin: 0 auto;padding-top: 20px;}
p.multiImg img {width:75px;margin: 0 0 15px 15px;}
p.multiImg img:nth-child(3n+1) {margin-left: 0;}

dl.info dt {margin-bottom: 5px;text-align: left;}

.bgArea {background: none !important;}

div.mOnly > table.tblDef {margin-top: 15px;}
div.mOnly > table.tblDef:first-child {margin-top: 0;}

dl.imgLeft {padding-left: 90px;}
dl.imgLeft img {width: 80px;}

td > dl.imgLeft {margin-top: 15px !important;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {

/* 22-04-15 이용수 css 추가*/
div.diabetes .calorificCal {min-height: 217px;}
div.txtArea.product {min-height: 545px;}
div.txtArea.product div.imgArea.right {padding-right: 685px;}
div.txtArea.product div.img {left: 0 !important; top: 90px; right:auto !important;}
div.txtArea.product div.pcOnly {position: absolute; right: 0; top: 0; width: 655px; padding-top: 0;}
div.txtArea .subTit_bl {padding-top: 40px;}

div.imgArea {min-height: 315px;margin-top: 20px;padding-left: 645px;box-sizing:border-box;}
div.imgArea.right {padding-right: 645px;padding-left: 0;}
div.imgArea div.img {position: absolute;top:0;left:0;box-shadow: 15px 14px 0 rgba(0 0 0 / 5%);}
div.imgArea.right div.img {left:auto;right:0;}

div.imgArea > * {padding-top: 20px;font-size: 16px;}
div.imgArea > .subTit_bl {padding-bottom: 0;text-align: left;border:none !important;}
div.imgArea > *:first-child,
div.imgArea div.img,
div.imgArea div.img + * {padding-top: 0;}

div.txtArea {padding: 70px 0;}
div.txtArea:first-child {padding-top: 0;}
div.txtArea > * {padding-top: 20px;}
div.txtArea > *:first-child {padding-top: 0;}

div.txtArea > dl > dt.pointTit {margin-top: 30px;}

table.txtTbl {width:1300px;padding-top: 0;margin: 20px auto 0;}

table.txtTbl > * > tr > * {padding: 20px;border-bottom:1px dashed #bababa;}
table.txtTbl > * > tr > th {font-size: 20px;}
table.txtTbl > * > tr > td > *,
table.txtTbl > * > tr > td p {margin-top: 20px;}

table.txtTbl td.ac > * {display: inline-block;vertical-align: top;}

div.diabetes div.colArea.col3ea div.col {width:400px;margin-left: 40px;}
div.diabetes div.colArea.col3ea div.col:first-child {margin-left: 0;}

div.txtArea div.colArea {padding-top: 50px;}
div.txtArea.bg div.colArea {width:1300px;margin: 0 auto;}

.caption {margin: 30px 0 10px;}
.caption span,
span.imgCaption {padding: 20px 3px 0;box-shadow: inset 0 -13px 0 #ffe7ca}
.bdArea {margin-top: 20px !important;padding: 25px !important;}

p.multiImg {padding-top: 30px;}
p.multiImg img {margin-left: 20px;}

dl.info dt {margin-bottom: 20px;font-size: 20px;}

.bgArea {background-position: right center;background-repeat: no-repeat;}

dl.imgLeft {min-height: 70px;padding-left: 185px;}

div.col dl.imgLeft {margin-left: 40px;}
div.col:first-child dl.imgLeft {margin: 0 40px 0 0;}
}

/* 당뇨병 이해/치료/관리 > 치료 및 관리 */
div.menuArea + * {padding-top: 0;}
div.diabetes table.tblDef > thead > tr > th {font-family: 'NotoSansKR Bold',sans-serif;}
div.diabetes table.tblDef > tbody > tr > th {background-color: #f0fbed;font-family: 'NotoSansKR Bold',sans-serif;color:#222;}

div.diabetes div.colArea {text-align: left;}

.pointTit {font-family: 'NotoSansKR Medium',sans-serif;color:#007e3e;}

div.txtArea .subTit {padding-top: 0;}
div.txtArea .subTit:first-child {margin-top: 0;}
div.txtArea .subTit + dd {padding-top: 0;}

div.txtArea > .borderTop {border-top:1px solid #cbcbcb;color:#222;font-family: 'NotoSansKR Medium',sans-serif;}

dl.bdArea {width:100%;max-width: 1300px;border:1px solid #dfdfdf;box-sizing:border-box;}
dl.bdArea:first-child {margin-top: 0 !important;}
dl.bdArea dt {font-family: 'NotoSansKR Medium',sans-serif;color:#222;}

div.tabArea {}
ul.tabMenu {font-size: 0;line-height: 0;text-align: center;}
ul.tabMenu li {display: inline-block;vertical-align:top;border-bottom:1px solid #dfe0dd;box-sizing:border-box;}
ul.tabMenu a {display: table-cell;vertical-align:middle;width:1000px;font-size: 17px;color:#b3b3b3;background-color: #f7f7f7;text-align: center;}
ul.tabMenu .on a {background-color: #007e3e;color:#fff;font-family: 'NotoSansKR Medium',sans-serif;}

ul.imgInfo {list-style:none;}
ul.imgInfo li {position: relative;border-bottom: 1px dashed #e5e5e5;}
ul.imgInfo span.info {display: block;}
ul.imgInfo li img {position: absolute;}

ul.infoImg {list-style:none;border:1px solid #dfdfdf;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.pcOnly {display: none;}
div.mobileOnly table.tblDef {margin-bottom: 20px;}

div.diabetes div.colArea {padding-top: 20px;}
div.diabetes div.menuArea {padding: 0;}

div.txtArea > .borderTop {margin-top: 30px;padding-top: 10px;}

div.txtArea .subTit,
div.txtArea .subTit_bl + div.imgArea {margin-top: 20px;}

div.txtArea .subTit + * {padding-top: 5px;}

dl.bdArea {margin: 10px 0;padding: 15px;}
dl.bdArea ul.listNum li {margin-left: 15px;}

ul.tabMenu li {width:100%;}
ul.tabMenu a {height:40px;font-size: 14px;line-height: 22px;}
div.tabCon p {padding-top:10px;}
ul.imgInfo {padding-top: 0 !important;margin-top: 10px;}
ul.imgInfo li {min-height: 35px;padding: 15px 0 15px 95px;}
ul.imgInfo li img {top:15px;left:0;width: 75px;}

ul.infoImg {margin-top: 15px;padding: 15px !important;}
ul.infoImg li {position: relative;margin-top: 15px;padding:0 15px 0 47px;}
ul.infoImg li:first-child {margin-top: 0;}
ul.infoImg span {display: block;color:#222;font-family: 'NotoSansKR Medium',sans-serif;}
ul.infoImg img {position: absolute;top:0;left:0;width:32px;}

}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mobileOnly {display: none;}


div.diabetes div.colArea {padding-top: 30px;}
div.diabetes div.colArea:first-child {padding-top: 0;}

div.diabetes div.menuArea {margin-bottom: 40px;}
div.diabetes div.menuArea li {width:33.33%;}

.pointTit {font-size: 17px;}
div.txtArea > .borderTop {margin-top: 70px;padding-top: 15px;}

div.txtArea .subTit,
div.txtArea .subTit_bl + div.imgArea {margin-top: 30px;}
div.txtArea .subTit + * {padding-top: 10px;}

div.txtArea ul.listNum {letter-spacing: -1px;font-size:17px;}
div.imgArea .subTit {font-size: 20px;}

dl.bdArea {margin: 20px auto;padding: 25px 30px;}
dl.bdArea ul.listNum li {margin-left: 15px;}

div.diabetes div.tabArea {max-width:100%;}

ul.tabMenu {width:100%;max-width: 1300px;;margin: 0 auto;}
ul.tabMenu li {width:50%;border-left:1px solid #dfe0dd;}
ul.tabMenu li:nth-child(2n+1) {border-left: none;;}
ul.tabMenu a {height: 50px;font-size: 17px;line-height: 25px;}

div.tabCon {padding-top: 20px;}
div.tabCon p {padding-top:20px;}

ul.imgInfo li {padding: 20px 20px 25px 250px;}
ul.imgInfo li img {top:15px;left:30px;}

ul.infoImg {margin-top: 15px;padding: 40px 120px !important;}
ul.infoImg li {display: table-cell;vertical-align:middle;position: relative;width:500px;height: 70px;padding: 0 20px 0 80px;}
ul.infoImg li:first-child {margin-left: 0;}
ul.infoImg span {display: block;font-family: 'NotoSansKR Medium',sans-serif;color:#222;}
ul.infoImg img {position: absolute;left:0;top:50%;transform:translateY(-50%);}
}



/* 펜형 인슐린 주사법 */
div.inject, div.inject dl, div.inject dt, div.inject dd {margin: 0;padding: 0;}
div.inject {}
div.inject:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.inject > dl {position: relative;border: 1px solid #ddd;border-radius: 10px;color: #777;}
div.inject > dl:before {display: block;content: "";background-position: center center;background-repeat: no-repeat;}
div.inject > dl > dt {color: #222;font-family: 'NotoSansKR Medium', sans-serif;}
div.inject img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.inject > dl {padding: 15px;margin-top: 40px;}
div.inject > dl:first-child {margin-top: 20px;}

div.inject > dl:before {position: absolute;left: 0;top: -40px;width: 100%;height: 40px;background-image: url('../image/info/arr_m.png');background-size: auto 20px;}
div.inject > dl:first-child:before {display: none;}
div.inject > dl > dt {padding-bottom: 10px;font-size: 16px;}
div.inject > dl img {padding-top: 15px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.inject {}
div.inject:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.inject > dl {float: left;width: 380px;height: 300px;margin:30px 0 0 80px;padding: 25px;box-sizing:border-box;font-size: 16px;line-height: 26px;}
div.inject > dl:before {position: absolute;left: -80px;top: 0;width: 80px;height: 100%;background-image: url('../image/info/arr.png');}
div.inject > dl:nth-child(3n+1) {clear: both;margin-left: 0;}
div.inject > dl:nth-child(3n+1):before {display: none;}
div.inject > dl:last-child {width: 840px;}

div.inject > dl > dt {padding-bottom: 10px;font-size: 17px;}

div.inject > dl:nth-child(1) img {padding-top: 65px;}
div.inject > dl:nth-child(2) img {padding-top: 10px;}
div.inject > dl:nth-child(3) img {padding-top: 35px;}
div.inject > dl:nth-child(4) img {padding-top: 40px;}
div.inject > dl:nth-child(5) img {padding-top: 12px;}
}



/* 바람직한 당뇨병 환자 가족의 역할 */
div.familyship {}
div.familyship ul.listDot li {border-bottom: 1px dashed #cfcfcf;}
div.familyship div.img {color: #007e3e;font-family: 'NotoSansKR Bold', sans-serif;text-align: center;}
div.familyship div.img img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.familyship ul.listDot {margin: 0 20px;}
div.familyship ul.listDot li {padding: 6px 0 6px 1em;font-size: 15px;}
div.familyship ul.listDot li:before {top: 6px;}

div.familyship div.img {padding-top: 75px;background: url('../image/info/arr_b_m.png') center 15px no-repeat;background-size: 34px;font-size: 18px;}
div.familyship div.img img {width: 51px;margin-bottom: 10px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.familyship {position: relative;width: 820px;margin: 20px auto 0;padding:0 450px 0 0 !important;}

div.familyship ul.listDot {width: 370px;}
div.familyship ul.listDot li {padding: 6px 0 6px 35px;font-size: 17px;}
div.familyship ul.listDot li:before {left: 20px;top: 6px;}

div.familyship div.img {position: absolute;right: 0;top: 50%;transform:translateY(-50%);padding-left: 135px;background: url('../image/info/arr_b.png') left center no-repeat;font-size: 22px;}
div.familyship div.img img {margin-bottom: 20px;}
}




/* 열량 계산 */
div.calorificCal {}
div.calorificCal .fcRed {color: #e62b2b !important;font-family: 'NotoSansKR Medium', sans-serif;}

div.calorificCal table th,
div.calorificCal table td {border-color: #d1decd;}
div.calorificCal table.inputTbl th {text-align: center;border-right: 1px solid #d1decd;color: #222;font-family: 'NotoSansKR Medium', sans-serif;}

div.calorificCal input[type=text] {width: 128px;height: 30px;}
div.calorificCal table.inputTbl span {display: inline-block;vertical-align: top;line-height: 30px;}

div.calorificCal div.result {border: 1px solid #d1decd;background-color: #fff;color: #777;}
.rel {position: relative;padding-top: 0 !important;padding-left: 1.2em;}
.rel:before {position: absolute;left: 0;top: 0;content: "※";}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.calorificCal table.inputTbl col:first-child {width: 30% !important;}
div.calorificCal div.btn {padding: 10px 0 20px;}
div.calorificCal button.btnDef {display: block;margin: 0 auto;}
div.calorificCal button.btnDef img {display: inline-block;vertical-align: top;padding: 5px 0 0 10px;}

div.calorificCal div.result {padding: 15px;}
div.calorificCal div.result td {padding: 7px 0 9px;}
div.calorificCal div.result p {margin-top: 15px;}

div.calorificCal div.result .rel {font-size: 13px;line-height: 20px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.calorificCal {position: relative;margin-top: 30px;padding: 0 0 0 544px !important;}
div.calorificCal:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}


div.calorificCal form {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 410px;padding-right: 115px;}

div.calorificCal button.btnDef {position: absolute;right: 0;top: 50%;transform:translateY(-50%);width: 90px;height: 90px;border-radius: 50%;}
div.calorificCal button.btnDef img {display: block;margin: 5px auto 0;}

div.calorificCal div.result {padding: 20px;font-size: 16px;line-height: 26px;}
div.calorificCal div.result:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.calorificCal div.result table {float: left;width: 340px;}
div.calorificCal div.result div {float: right;width: 350px;}
div.calorificCal div.result .rel {margin-top: 25px;font-size: 14px;line-height: 20px;}
}




/* 교환단위 활용방법 */
div.foodExchange, div.foodExchange > ul, div.foodExchange > ul li, div.foodExchange dl, div.foodExchange dt, div.foodExchange dd {margin: 0;padding: 0;list-style:none;}

div.foodExchange > ul li {border: 1px solid #dfdfdf;}
div.foodExchange img {display: block;max-width:100%;margin: 0 auto;}

div.foodExchange dl {background-color: #f9faf8;color: #222;}
div.foodExchange dt {color: #007e3e;font-family: 'NotoSansKR Medium', sans-serif;}


input.note, input[type=file].note, input[type=password].note, select.note {border:1px solid #C12B47 !important;}
p.note, div.note {color:#c12b47;}
p.note:before, div.note:before { content: url("/image/icon/bl_note.png"); vertical-align: middle; padding-right: 5px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.foodExchange {padding-top: 20px;}
div.foodExchange > ul li {margin-bottom: 10px;}
div.foodExchange dl {padding: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.foodExchange {padding-top: 40px;}
div.foodExchange:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.foodExchange > ul,
div.foodExchange > ul li,
div.foodExchange dl {float: left;}

div.foodExchange > ul li {margin-right: 10px;}
div.foodExchange dl {width: 394px;padding: 45px 0 45px 40px;box-sizing:border-box;font-size: 17px;line-height: 30px;}
div.foodExchange dt {font-size: 18px;}
}


/* 식품군 리스트 */
ul.foodList, ul.foodList li {margin: 0;padding: 0;list-style:none;}
ul.foodList {background-color: #ededed;}
ul.foodList:after {clear: both;display: block;content: attr(pub-rel);color: #222;}

ul.foodList li {overflow: hidden;float: left;border: 1px solid #d0d0d0;border-radius: 5px;background-color: #fff;box-sizing:border-box;}
ul.foodList img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.foodList {margin-top: 20px;padding: 25px 20px 10px !important;}
ul.foodList:after {text-align: right;font-size: 12px;line-height: 16px;}

ul.foodList li {width: calc(50% - 4px);margin:0 0 8px;}
ul.foodList li.wide {width: 100%;}
ul.foodList li:nth-child(odd),
ul.foodList li.wide {clear: both;float: left;}
ul.foodList li:nth-child(even) {float: right;}

}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.foodList {margin-top: 50px;padding: 45px 45px 15px 40px !important;}
.subTit + ul.foodList {margin-top: 10px;}

ul.foodList:after {text-align: right;font-size: 15px;line-height: 30px;}
ul.foodList {width: 760px;}
ul.foodList.wide {width: 100%;}
ul.foodList.img2ea {width: 450px;}

ul.foodList li {margin:0 0 5px 5px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------*/

/* 식품군 리스트 v2 */
ul.foodList2, ul.foodList2 li {margin: 0;padding: 0;list-style:none;}
ul.foodList2:after {clear: both;display: block;content: attr(pub-rel);color: #222;}

ul.foodList2 li {overflow: hidden;float: left;border: 1px solid #d0d0d0;border-radius: 5px;background-color: #fff;box-sizing:border-box;}
ul.foodList2 img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.foodList2 {margin-top: 20px;padding: 25px 20px 10px !important;}
ul.foodList2:after {text-align: right;font-size: 12px;line-height: 16px;}

ul.foodList2 li {width: calc(50% - 4px);margin:0 0 8px;}
ul.foodList2 li.wide {width: 95%;}
ul.foodList2 li:nth-child(odd),
ul.foodList2 li.wide {clear: both;float: left;}
ul.foodList2 li:nth-child(even) {float: right;}

}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.foodList2 {margin-top: 50px;padding: 45px 45px 15px 40px !important;}
.subTit + ul.foodList2 {margin-top: 10px;}

ul.foodList2:after {text-align: right;font-size: 15px;line-height: 30px;}
ul.foodList2 {width: 760px;}
ul.foodList2.wide {width: 95%;}
ul.foodList2.img2ea {width: 450px;}

ul.foodList2 li {margin:0 0 5px 5px;}
}


/* 식품군 리스트 v3 */
ul.foodList3, ul.foodList3 li {margin: 0;padding: 0;list-style:none;}
ul.foodList3:after {clear: both;display: block;content: attr(pub-rel);color: #222;}

ul.foodList3 li {overflow: hidden;float: left;border-radius: 5px;background-color: #fff;box-sizing:border-box;}
ul.foodList3 img {display: block;margin: 0 auto;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.foodList3 {margin-top: 20px;padding: 25px 20px 10px !important;}
ul.foodList3:after {text-align: right;font-size: 12px;line-height: 16px;}

ul.foodList3 li {width: calc(50% - 4px);margin:0 0 8px;}
ul.foodList3 li.wide {width: 95%;}
ul.foodList3 li:nth-child(odd),
ul.foodList3 li.wide {clear: both;float: left;}
ul.foodList3 li:nth-child(even) {float: right;}

}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.foodList3 {margin-top: 50px;padding: 45px 45px 15px 40px !important;}
.subTit + ul.foodList3 {margin-top: 10px;}

ul.foodList3:after {text-align: right;font-size: 15px;line-height: 30px;}
ul.foodList3 {width: 760px;}
ul.foodList3.wide {width: 95%;}
ul.foodList3.flexwide {width: 98%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between;}
ul.foodList3.img2ea {width: 450px;}

ul.foodList3 li {margin:0 0 5px 5px;}
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/* 1,800 kcal 식단 상차림 */
dl.healthyDiet, dl.healthyDiet dt, dl.healthyDiet dd, dl.healthyDiet p {margin: 0;padding: 0;}
dl.healthyDiet {position: relative;margin: 0 auto;border-bottom: 1px dashed #e5e5e5;}
dl.healthyDiet > dt {padding-bottom: 5px;color: #007e3e;font-family: 'NotoSansKR Medium', sans-serif;font-size: 1.1em;}
dl.healthyDiet img {position: absolute;left: 0;}
dl.healthyDiet p + p {margin-top: 1em;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.healthyDiet {min-height: 120px;padding:10px 0 10px 177px;}
dl.healthyDiet img {top: 10px;width: 157px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
dl.healthyDiet {min-height: 240px;padding:20px 0 20px 345px;}
dl.healthyDiet img {top: 20px;}
}




/* 영양성분 표시 */
div.nutrient {}
div.nutrient  dt,
span.blNum {color: #007e3e;font-family: 'NotoSansKR Medium', sans-serif;}
span.blNum {display: inline-block;vertical-align: top;text-align: center;}

div.nutrient div.col.bg {background-color: #f9faf8;}
div.nutrient h4 {position: relative;text-align: center;color: #222;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}

div.nutrient tbody > tr > th {position: relative;text-align: left;}
div.nutrient tbody > tr > th.sub {color: #777 !important;}
div.nutrient tbody span.blNum {position: absolute;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.nutrient div.col.bg {padding: 20px;}

div.nutrient dt,
span.blNum,
div.nutrient h4 {font-size: 16px;line-height: 20px;}

div.nutrient dt {margin-top: 20px;}
span.blNum {width: 16px;margin: -1px 5px 0 0;box-shadow:0 -8px 0 inset #b2eaca}

div.nutrient p.ar {margin-top: 5px;}
div.nutrient h4 + p.ar {margin: 10px 0 5px;}

div.nutrient tbody > tr > th {padding-left: 15px;}
div.nutrient tbody > tr > th.sub {padding-left: 30px;}
div.nutrient table.tblDef span.blNum {left: -5px;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.nutrient div.col {}
div.nutrient div.col.bg {width: 560px;padding: 20px 40px;}

div.nutrient dt,
span.blNum {font-size: 20px;line-height: 30px;}

div.nutrient dt {margin-top: 30px;}
span.blNum {width: 20px;margin: -5px 10px 0 0;box-shadow:0 -12px 0 inset #b2eaca}

div.nutrient h4 {font-size: 18px;line-height: 30px;}

div.nutrient p.ar {margin-top: 10px;}
div.nutrient h4 + p.ar {margin: 20px 0 10px;}
div.nutrient p.ar span.blNum {margin: -5px 10px 0 0;}
div.nutrient thead span.blNum {}

div.nutrient tbody > tr > th {padding-left: 30px;}
div.nutrient tbody > tr > th.sub {padding-left: 60px;}
div.nutrient table.tblDef span.blNum {left: -10px;}
}


/* 당뇨병 전문 클리닉 */
div.mapSearch, div.mapSearch * {margin: 0;padding: 0;list-style:none;}
div.mapSearch:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: " ";}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
dl.area {}

div.map {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.mapSearch {margin-bottom: 80px;}
div.mapSearch div.areaTxt {float: left;width: 697px;height: 425px;border: 1px solid #ccc;border-right: 0 none;background-color: #f5f9ff}
dl.area > dt {font-size: 0;line-height: 0;}
div.mapSearch dd {overflow: hidden;}

div.mapSearch dl.area {float: left;padding: 100px 0 0 65px;}
div.mapSearch ul.areaList li {float: left;margin:0 0 5px 10px;}
div.mapSearch ul.areaList li:nth-child(3n+1) {clear: both;margin-left: 0;}
div.mapSearch ul.areaList a {display: block;width: 52px;padding: 3px 0 5px;border-radius:2px;line-height: 24px;text-align: center;color: #222;font-size: 16px;text-decoration: none;}
div.mapSearch ul.areaList .on a {background-color: #194b90;color: #fff;}

div.mapSearch ul.mapList {float: right;position: relative;width: 269px;height: 360px;margin-top: 32px;padding-right: 80px;background: url('../image/map/all.png') 0 0 no-repeat;}
div.mapSearch ul.mapList li {position: absolute;}
div.mapSearch ul.mapList a {position: relative;padding-left: 1em;text-decoration: none;color: #222;font-size: 14px;font-weight: bold;}
div.mapSearch ul.mapList a:before {position: absolute;left: 0;top: 0;content: "· ";font-size: 20px;line-height: 20px;}
div.mapSearch ul.mapList .on a {color: #2d81f8;}

li#map01 {left: 84px;top: 65px;}
li#map02 {left: 34px;top: 63px;}
li#map02 a {padding: 0 1em 0 0;text-shadow:0 0 10px #fff;}
li#map02 a:before {left: auto;right: 0;}
li#map03 {left: 83px;top: 90px;}
li#map04 {left: 98px;top: 156px;}
li#map05 {left: 91px;top: 135px;}
li#map06 {left: 110px;top: 114px;}
li#map07 {left: 45px;top: 150px;}
li#map07 a {padding:1em 0 0;}
li#map07 a:before {left: 50%;margin-left: -6px;}
li#map08 {left: 60px;top: 208px;}
li#map08 a {padding:1em 0 0;}
li#map08 a:before {left: 50%;margin-left: -6px;}
li#map09 {left: 58px;top: 243px;}
li#map10 {left: 40px;top: 275px;}
li#map10 a {padding:1em 0 0;}
li#map10 a:before {left: 50%;margin-left: -6px;}
li#map11 {left: 170px;top: 200px;}
li#map12 {left: 155px;top: 160px;}
li#map13 {left: 196px;top: 253px;}
li#map14 {left: 122px;top: 238px;}
li#map15 {left: 145px;top: 76px;}
li#map16 {left: 208px;top: 233px;}
li#map17 {left: 206px;top: 300px;}
li#map17 a {padding:0 0 1.2em ;}
li#map17 a:before {left: 50%;top: auto;bottom: 0;margin-left: -6px;}

div.mapSearch div.map {float: left;width: 601px;height: 425px;}
div.mapSearch div.map > img {}
div.mapSearch .noSelect {display: block;height: 425px;border: 1px solid #ccc;text-align: center;color: #666;font-size: 16px;font-weight: 300;line-height: 25px;}
div.mapSearch .noSelect img {display: block;margin: 90px auto 20px;}

div.mapSearch + div.keywordSearch {margin-bottom: 30px;}
}




/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.hospital {padding: 0 15px 15px;}
div.hospital table.tblDef td {text-align: left};	
div.areaTxt {padding-bottom: 15px;}
div.areaTxt:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

dl.area {z-index: 80;float: left;width: calc(50% - 5px);position: relative;background-color: #f7f7f7;}
dl.area.mOnly {float: right;}
dl.area a.trigger {position: relative;display: block;text-overflow:ellipsis;white-space:nowrap;padding:10px 55px 10px 15px;border-top: 1px solid #3b3f40;border-left: 1px solid #3b3f40;border-bottom: 1px solid #f7f7f7;color: #898989;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;box-sizing:border-box;}
dl.area a.trigger:after {position: absolute;right: 0;top: -1px;width: 40px;height: 40px;border:1px solid #e2e2e2;border-left-color: #3b3f40;border-bottom-color: #3b3f40;content: "";background:url('../image/lnb3_bl_m.png') center center no-repeat;background-size: 10px;}

dl.area .view a.trigger {border-bottom: 1px solid #fff;background-color: #fff;}
dl.area .view a.trigger:after {background-color: #f7f7f7;background-image:url('../image/lnb3_bl_on_m.png')}

dl.area > dd {display: none;position: absolute;left: 0;top: 42px;width: 100%;padding: 0 0 15px;background-color: #fff;}

dl.area ul {overflow: hidden;overflow: auto;max-height:120px;padding-bottom: 15px;border: 1px solid #3b3f40;border-top: 0 none;background-color: #fff;}
dl.area li {padding-top: 10px;}
dl.area li a {display: block;padding: 0 15px;color: #898989;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}

dl.area > dd > ul {}
dl.area > dd > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.area > dd > ul > li > a {font-size: 14px;line-height: 18px;}
dl.area > dd > ul > li.on > a {color: #007e3e;}

ul.mapList {display: none;}
}


/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.hospital {width: 1300px;margin: 0 auto;}
dl.area > dd {display: block !important;}
}


/* 인사말 */
div.message {max-width: 1300px;margin: 0 auto;}
div.message p {font-family: 'NotoSansKR Regular',sans-serif;text-align: justify;}
 
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.message {position: relative;padding: 30px 15px;}
div.message p {margin-top: 15px;letter-spacing: -0.75px;}
div.message p:first-child {position: relative;margin-top: 0}
div.message p:first-child::before {content:"";position: absolute;bottom:-20px;right:0;width:184px;height: 63px;background: url('../image/message_bg_txt.png') no-repeat center;background-size:cover;z-index: -1;}
div.message p:first-child img:first-child {display: block;margin: 0 auto 30px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.message {position: relative;min-height: 348px;margin-top: 45px;padding-left: 565px;box-sizing:border-box;}
div.message::before {content:"";position: absolute;top:-50px;right:0;width:367px;height: 125px;background: url('../image/message_bg_txt.png') no-repeat center;z-index: -1;}
div.message p {margin-top: 15px;font-size: 16px;line-height: 24px;letter-spacing: -0.75px;}
div.message p:first-child {margin: 0 0 30px 0;}
div.message p:first-child img:first-child {position: absolute;top:0;left:0;}
}

/* 댱뇨병과 식생활 > 식생활포스터 */
div.bbsNotice {background-color: #edf5fe;background-image: url('../image/bl_note.png');background-repeat: no-repeat;color: #777;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.bbsNotice {margin-bottom: 15px;padding: 15px 15px 15px 75px;background-position: left 15px center;background-size: 45px;}

}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.bbsNotice {margin-bottom: 25px;padding: 35px 35px 35px 125px;background-position: left 30px center;font-size: 16px;}
}



/* 외식시고려사항 수정 - 25.06.13 sy.kim */
.video-list,
.video-list li {
    list-style: none;
    padding: 0;
}

.video-list{
    margin-top: 15px !important;
    padding: 0 !important;
    border-top:2px solid #007e3e;
    text-align: center;
}
.video-list li {
    position: relative;
    padding: 35px 0;
    border-bottom: 1px solid #cbe6d8;
}
.video-list .qr-wrap {
    position: absolute;
    right: 50px;
    bottom: 35px;
    padding: 15px 30px;
    border-radius: 0 20px 20px;
    box-shadow: 10px 15px 15px 0 rgba(94, 173, 133, 0.13);
    background-image: linear-gradient(to top, #d1c84d, #3fa87b);
}
.video-list .qr-wrap p {
    margin-bottom: 5px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
    .video-list li {
        padding: 20px 0;
    }
    .video-list .qr-wrap {
        position: static;
        width: 70px;
        padding: 10px;
        margin: 15px auto 0;
        border-radius: 0 10px 10px;
        box-shadow: 5px 8px 8px 0 rgba(94, 173, 133, 0.13);
    }
    .video-list .qr-wrap img {
        width: 48px;
    }
    .video-list .qr-wrap p {
        font-size: 12px;
        font-weight: 400;
    }

}